@charset "UTF-8";
/* CSS Document */

/******************************************************************
common
******************************************************************/
/* 汎用 -------------------- */
.pcBr { display: block;}
.spBr { display: none; }

.mb00 { margin-bottom: 0px !important;}
.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb40 { margin-bottom: 40px !important;}
 
.note {
  font-size: 85%;
  text-indent: -1em;
  padding-left: 1em;
  display: inline-block;
}

/* 構造 -------------------- */

@media screen and (min-width: 768px) {

.c-section__detail{
   padding-right: 0px;
   padding-left: 0px;
}
.l-contents--2row .l-contents__main {
  width: calc(100% - 280px - 50px);
}
 
}


/* 共通パーツ -------------------- */
.c-list-arrow__item::after{
   top: 3px;
}

/* グローバルナビ -------------------- */
.ly_header_toggle{
   font-weight: 500;
}

/* サイドメニュー -------------------- */
.c-sidemenu__body > li > a{
   font-weight: 500;
   padding: 19px 5px 19px 32px;
}

@media screen and (min-width: 768px) {

.l-contents--2row .l-contents__aside{
   width: 280px;
}


}

/* お問い合わせフォーム -------------------- */

.contactform span.ico_required{
   padding: 4px 6px 5px 6px;
}
.contactform form #agree_box #privacy_text p{
   font-size: 13px;
}
.contactform form #agree_box #privacy_text p strong{
   font-size: 16px;
}
.contactform form #agree_box .c-list-disc__item,
.contactform form #agree_box .c-list-order__item,
.contactform form #agree_box .c-list-note__item{
   font-size: 13px;
}


@media screen and (min-width: 768px) {

.contactform form table th{
   padding: 20px 70px 20px 20px;
}
.contactform form table th::after{
   top: 2px;
   height: 23px;
   padding: 3px 5px 3px 5px;
}

}

@media screen and (max-width: 767px) {
/* 汎用 -------------------- */
.pcBr { display: none; }
.spBr { display: block; }

/* 共通パーツ -------------------- */

/* グローバルナビ -------------------- */

/* サイドメニュー -------------------- */

/* お問い合わせフォーム -------------------- */


}


/******************************************************************
TOP
******************************************************************/

/* MV -------------------- */

.pg_home main .mvArea_visual_copy .main{
   -webkit-text-stroke: 1px #0d9fb2;
   text-stroke: 1px #0d9fb2;
   paint-order: stroke;
   text-shadow: 0 0 12px #0d9fb2;
   line-height: 1.3;
}
.pg_home main .mvArea_visual_copy .sub{
   font-weight: 500;
   font-size: 19px;
   line-height: 1.8;
   -webkit-text-stroke: 1px #0d9fb2;
   text-stroke: 1px #0d9fb2;
   paint-order: stroke;   
   text-shadow: 0 0 5px #0d9fb2;
   letter-spacing: 0.08rem;
}
.pg_home main .mvArea_nav .select_icon{
   background-color:#d9f3f3;
}

@media screen and (min-width: 768px) {
.pg_home main .mvArea_visual_copy{
   align-content: baseline;
   padding-top: 95px;
}
.pg_home main .mvArea_visual_copy::before,
.pg_home main .mvArea_visual_copy::after{
   width: 570px;
   left: 60px;
   transform: skewX(-40deg);
}
.pg_home main .mvArea_visual_copy::before{
}
.pg_home main .mvArea_visual_copy::after{
   translate: 30px 60px;
}

}

@media screen and (max-width: 767px) {

.pg_home main .mvArea_visual_copy{
   padding-bottom: 20px;
}
.pg_home main .mvArea_visual_copy .main{
   font-size: 22px;
}
.pg_home main .mvArea_visual_copy .sub{
   font-size: 12px;
   line-height: 1.6;
}
.pg_home main .mvArea_visual_copy::before,
.pg_home main .mvArea_visual_copy::after{
   left: -400px;
   top: 0px;
   width: 330px;
   transform: skewX(50deg);
}
.pg_home main .mvArea_visual_copy::after{
   translate: 40px 0px;
}

}

/* レンタル商品 -------------------- */

.bl_prodList{
   gap: 5px;
}
.bl_prodList a .title{
   font-size: 15px;
   font-weight: 600;
   margin-bottom: 2px;
}

@media screen and (min-width: 768px) {

.bl_prodList a{
   min-height: 90px;
}

}

@media screen and (max-width: 767px) {

}

/* ニュース / ブログ -------------------- */

.bl_articleList a:hover {
   /*background-color: #dff7f7;*/
   background-color: #f3f3f3;
}
.bl_articleList article{
   gap: 0 20px;
}
.bl_articleList article .meta{
   gap: 30px;
   grid-template-columns: 110px 120px;
}
.bl_articleList article .meta .label{
   background: #eaf9f9;
   font-size: 13px;
   font-weight: 500;
   padding-bottom: 1px;
   box-sizing: border-box;
   border: 1px solid #00a7ac;
}


@media screen and (max-width: 767px) {

.bl_articleList{
   padding-block: 14px;
}
.bl_articleList article .meta{
   grid-template-columns: 110px 100px;
   margin-bottom: 3px;
}
.bl_articleList article .meta .label{
   font-size: 12px;
   padding-bottom: 0;
}

}



/******************************************************************
RENTAL
******************************************************************/


@media screen and (max-width: 767px) {



}


/******************************************************************
BUSINESS
******************************************************************/

/* その他販売（その他機械・器具） -------------------- */

@media screen and (max-width: 767px) {



}


/******************************************************************
COMPANY
******************************************************************/

/* ニュース/ブログ -------------------- */
.p-fukidashi_comment{
   background: #d9f3f3;
}
.p-fukidashi_blue .p-fukidashi_comment{
   background: #d9f3f3;
}
.p-fukidashi_comment:after{
   border-right: 12px solid #d9f3f3;
}
.p-fukidashi_blue .p-fukidashi_comment:after{
   border-right-color: #d9f3f3;
}
.p-fukidashi .p-fukidashi_icon img{
   border-color: #d9f3f3;
}
.p-fukidashi.p-fukidashi_blue .p-fukidashi_icon img{
   border: solid 5px #d9f3f3;
}


.c-news-tab__item{
   border-bottom: 1px solid #d8d8d8;
}
.c-news-tab__menu li:not(:last-child) .c-news-tab__item{
   border-right: 1px solid #d8d8d8;
}
.c-news-tab__item.is-active,
.c-news-tab__item[aria-expanded="true"]{
   border-right: 1px solid #d8d8d8;
   border-bottom-color: #ffffff;
}
.c-news-tab__menu li:first-child .c-news-tab__item.is-active,
.c-news-tab__menu li:first-child .c-news-tab__item[aria-expanded="true"]{
   border-left: 1px solid #d8d8d8;
   border-bottom-color: #ffffff;
}

@media screen and (max-width: 767px) {
.c-news-tab__item span{
   font-size: 12px;
}
.c-news-tab__menu{
   margin-bottom: 1.0rem;
}

}


/******************************************************************
WEBBILL
.******************************************************************/


@media screen and (max-width: 767px) {



}


/******************************************************************
OTHER
.******************************************************************/


@media screen and (max-width: 767px) {



}