@charset "utf-8";
@layer layout;
@layer second;
@font-face {
font-family: 'Montserrat';
src: url('../font/Montserrat-VariableFont_wght.ttf') format('truetype');
}
/*
Theme Name: 丸十服装 テンプレート
Theme URI: https://www.maluju-fuku.co.jp/
Author: 丸十服装 株式会社
Author URI: 企画部
Description: 丸十服装　コーポレートサイト
Version: 1.0
*/
@layer layout{
/*--------- レイアウト -----------*/
html{scroll-behavior: smooth;}
body{font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;}
p{ font-size: 14px;color:#333; letter-spacing: 1px;}
a{ color:#333;text-decoration: none;}
main{ margin-bottom:8em;}
article{ font-size:14px; }

/*--------- ヘッダーナビ -----------*/
.under_header,
.home_header{
margin-bottom:0.5em;
position:relative;
}
.home_header:before{
position:absolute;
background:url('../image/vb_bg.webp') no-repeat;
background-size:contain;
content:"";
top:0;
left: -50px;
width:20%;
height:200px;
z-index:99;
}
.under_header{
border-bottom:2px solid #DD1A1A;
}
.under_header .container{ max-width: 1080px; margin:auto;}
#menu-sv_menu{
display:flex;
flex-wrap:wrap;
justify-content: right;
list-style: none;
margin:0 0.2em 0.2em 0!important;
font-size:12px;
}
.nv_follow #menu-sv_menu{
  margin:0 0.9em 0.2em 0!important;
}
#menu-sv_menu li{
margin-left:2em;
border-left:1px solid #777;
padding-left:2em;
font-weight: 600;
}
#menu-sv_menu li:first-child{
border-left: 0;
}
/*--- TEL ---*/
.fax,
.tel{font-family: Montserrat black;}
@media screen and (min-width: 960px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}
/*--------- タイトル -----------*/
.h3_title{
  position: relative;
  padding:0 0 0.5rem 1rem!important;
  font-size:21px;
}
.h3_title:before{
  position: absolute;
  top: 10%;
  left: 0;
  width: 5px;
  height: 60%;
  content: '';
  border-radius: 3px;
  background: #DD1A1A;
}
.h4_title{
  font-size:130%;
  border-bottom:1px solid #666;
  margin:0 0 0.5em 0!important;
  padding:0 0.5em 0 1em!important;
  position:relative;
}
.h4_title:before{
  position: absolute;
  top:15%;
  left: 0.2%;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 12px solid #000;
  border-right: 0;
}
/* ------------- 下層　header -------------- */
.h_under_layer_top{
display: flex;
flex-wrap:wrap;
justify-content: right;
background:#fff;
align-items:flex-end;
}
.header_second .h_under_layer_top{
background:#eee;
}
.h_under_layer{
display: flex;
flex-wrap:wrap;
justify-content: space-between;
}
.h_under_layer .logo{
margin:1em 0 0.8em 2em;
}
.h_under_layer_top .nav_layer,
.h_under_layer .nav_layer{
font-size:14px;
margin-right: 0.5%;
}
.h_under_layer_top .nav_layer .sv_nav{
margin-bottom:0;
}
.h_under_layer_top .nav_layer nav,
.h_under_layer .nav_layer nav{
display:flex;
}
.h_under_layer_top .tel,
.h_under_layer .tel{
margin:0.5% 1% 0.2% 0;
text-align: center;
}
.h_under_layer_top .tel p,
.h_under_layer .tel p{
color:#DD1A1A;
font-size:11px;
line-height: 1.4em;
}
.h_under_layer_top .tel .tel_number,
.h_under_layer .tel .tel_number{
font-size:23px;
font-weight: 600;
}
.fa-phone-alt{
font-size: 20px!important;
margin-right:5px!important;
transform: rotate(30deg);
}
.nav_follow_wrap .fa-phone-alt:before,
header .fa-phone-alt:before{
  font-size: 13px!important;
  position:relative;
  bottom:5px;
  left:3px;
}
.fa-phone-alt:before{
  position:relative;
  bottom:5px;
  left:-2px;
}
@media screen and (max-width: 1122px) {
  .h_under_layer_top .nav_layer,
  .h_under_layer .nav_layer{
  font-size:12px;
  margin-right: 0.5%;
  }
}
/*================ メガメニュー ================*/
.global_menu {
z-index:99;
}
.global_menu li {
display: inline-block;
}
.global_menu li a {
color: #333;
text-decoration: none;
padding: 0 0.7em 1em 1.5em;
font-weight: 600;
}
.global_menu li a p img{
  border-radius:5px;
}
.global_menu li a:hover{
color:#cf2e2e;
}
/*================ プルダウン表示 ================*/
ul#menu-main li.ch_menu:nth-child(1) a{
  padding-right:1em;
}
ul#menu-main li.ch_menu:nth-child(1) a.icon,
ul#menu-main li.ch_menu:nth-child(2) a.icon,
ul#menu-main li.ch_menu:nth-child(3) a,
ul#menu-main li.ch_menu:nth-child(4) a,
ul#menu-main li.ch_menu:nth-child(5) a,
ul#menu-main li.ch_menu:nth-child(6) a{
position:relative;
}
ul#menu-main li.ch_menu:nth-child(7) a{
  padding: 0 0 1em 0.5em;
}
ul#menu-main li.ch_menu:nth-child(6) a,
ul#menu-main li.ch_menu:nth-child(5) a,
ul#menu-main li.ch_menu:nth-child(4) a,
ul#menu-main li.ch_menu:nth-child(3) a{
  padding: 0 0.8em 1em 0.5em;
}
ul#menu-main li:nth-child(1) a.icon:before{
font-family: "Font Awesome 5 Free";
position:absolute;
content:"\f015";
left:0;
top:2px;
color:#cf2e2e;
}
.top_icon{
  position:relative;
}
.top_icon:before{
font-family: "Font Awesome 5 Free";
position:absolute;
content:"\f015";
left:0;
top:2px;
color:#cf2e2e;
}
.faq_icon{
  position:relative;
  padding:0 0 0 6.5%!important;
}
.faq_icon:before{
font-family: "Font Awesome 5 Free";
position:absolute;
content:"\f059";
left:15px;
top:2px;
color:#cf2e2e;
}  

ul#menu-main li:nth-child(2) a:after,
ul#menu-main li:nth-child(3) a:after,
ul#menu-main li:nth-child(4) a:after,
ul#menu-main li:nth-child(5) a:after,
ul#menu-main li:nth-child(6) a:after{
content: "";
display: inline-block;
position: absolute;
top: 25%;
right: 1%;
width: 6px;
height: 6px;
border-bottom: 2px solid #666;
border-left: 2px solid #666;
transform: translateY(-50%) rotate(-45deg);
transition: .3s;
}
div.child_menu {
visibility: hidden;
opacity: 0;
}
li.ch_menu div.child_menu {
position: absolute;
top: 60px;
left: 11%;
right: 30%;
max-width: 1080px;
width: 90%;
height:auto;
background: #fff;
box-sizing: border-box;
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
display:flex;
flex-wrap: wrap;
filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.3));
border-radius: 5px;
margin:auto;
}
li.ch_menu:hover div.child_menu {
visibility: visible;
opacity: 1;
}
li.ch_menu div.child_menu .child_menu_title{
background:#cf2e2e;padding: 4% 1% 4% 2%;border-radius: 5px 0 0 5px;width: 21%;}
li.ch_menu div.child_menu .child_menu_title p{
color:#fff;
}
li.ch_menu div.child_menu .child_menu_title p a{
color:#fff;
padding:0;
}
li.ch_menu div.child_menu .child_menu_content{
width: 79%;display: flex;flex-wrap: wrap;
}
li.ch_menu div.child_menu .child_menu_content li:hover{
opacity:0.7;
}
li.sv_nav_reason div.child_menu .child_menu_content li{
margin:0 0.5em;width: 18%!important;height:160px;}
li.sv_nav_reason div.child_menu .child_menu_content li P{
font-size:12px;
}
li.ch_menu div.child_menu .child_menu_content li img{
width:100%;
height:auto;
border-radius: 10px;
}
li.ch_menu div.child_menu .child_menu_content a:after{
display:none!important;
}

ul.child_menu_content li a p:last-child{
position:relative;
padding-left:12%!important;
line-height: 1.3em;
padding-top:3px!important;
}
ul.child_menu_content li a p:last-child:before{
content: "";
display: inline-block;
position: absolute;
top: 28%;
left: 3%;
width: 8px;
height: 8px;
border-right: 2px solid #4c98ff;
border-bottom: 2px solid #4c98ff;
transform: translateY(-50%) rotate(-45deg);
transition: .3s;
}
.child_menu_cnt{
font-family: Montserrat black;
font-weight: bold;
font-size:26px;
}
.child_menu_rsn{position:relative; padding-left:1em!important;}
.child_menu_rsn a{
  margin:0!important;
  padding:0!important;
}
.child_menu_rsn:after{
content: "";
display: inline-block;
position: absolute;
top: 45%;
left: 0;
width: 6px;
height: 6px;
border-right: 2px solid #fff;
border-top: 2px solid #fff;
transform: translateY(-50%) rotate(45deg);
transition: .3s;
}
.child_menu_rsn a:after{
border: 0!important;
}
@media screen and (max-width: 1295px) {
  li.ch_menu div.child_menu {
   left: -14%;
   max-width: 120%;
   width: 110%;
  }
}
@media screen and (max-width: 1128px) {
  li.ch_menu div.child_menu {
   left: -12%;
   width: 110%;
  }
}
@media screen and (max-width: 1072px) {
  li.ch_menu div.child_menu {
    left: -20%;
    width: 119%;
  }
  li.ch_menu div.child_menu .child_menu_title{
    padding: 4% 1% 4% 1.5%;
    width: 20%;  
  }
  li.ch_menu div.child_menu .child_menu_content{
    width: 80%;
  }
  li.sv_nav_reason div.child_menu .child_menu_content li{
    margin: 0 0.2em;
  }
}
/*tabの形状*/
.tab_f,.tab{width: 35%;  background:#ddd; border-top:1px solid #ececec;}
.tab_f li,
.tab li{
display:unset;
}
.tab_f li a,
.tab li a{
display: block;
background:#ddd!important;
padding: 12px 25px;
color:#333!important;
}
/*liにactiveクラスがついた時の形状*/
.tab_f li.active_f a,
.tab li.active a{
background:#fff!important;
}
/*エリアの表示非表示と形状*/
.area_f,
.area {
width: 65%;
display: none;/*はじめは非表示*/
opacity: 0;/*透過0*/
background: #fff;
padding:10px 20px;
}
/*areaにis-activeというクラスがついた時の形状*/
.area_f.is-active_f,
.area.is-active {
display: block;
animation-name: displayAnime;
animation-duration: 2s;
animation-fill-mode: forwards;
border-radius:0 0 5px 0;
border-top:1px solid #ececec;
}
.area_f ul li a,
.area ul li a{
display:flex;
}
@keyframes displayAnime{
  from {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}

/*================ フッター ================*/
footer {background:#f5f5f5;width:100%;}
footer .container{ max-width:1080px; margin:auto; position: relative; padding: 0 0.5%;}
#menu-footer{
list-style: none;
}
.footer_nav{
margin-bottom: 2%;
display:flex;
justify-content: space-between;
font-size:14px;
border-top:1px solid #ccc;
padding-top: 2.5em;
}
.footer_nav dt{
color:#DD1A1A;
font-weight: 600;
font-size:16px;
margin-bottom:0.5em;
}
.footer_nav dd{
margin-left:-0.1em;
margin-bottom:2em;
}
.footer_nav dd ul{
list-style: none;
line-height:2em;
}
.footer_nav .f_icon img{
width: 25px;
height: auto;
margin-bottom:-3px;
}
.footer_nav .ft-child li a{
position:relative;
padding-left:25px;
}
.footer_nav .ft-child li a:before{
content: "";
display: inline-block;
position: absolute;
top: 50%;
left: 8px;
width: 8px;
height: 8px;
border-right: 2px solid #999;
border-bottom: 2px solid #999;
transform: translateY(-50%) rotate(-45deg);
transition: .3s;
}
.copy{
width:100%;
text-align: center;
padding:0.5% 0;
}
.f_address_wrap{
border-top:1px solid #d8d8d8;
padding:4% 2% 2% 2%;
display:flex;
flex-wrap: wrap;
}
.f_address_wrap p{
font-size:12px;
line-height: 1.6em;
}
.f_address_wrap .title{
font-weight: 600;
}
.f_address_wrap div{
margin-right:5em;
}
/*-- フッタロゴ --*/
.footer_logo .logo img{
width:155px;
}
.footer_logo .company_name{
font-size:18px;
letter-spacing:1.5px;
margin-bottom:5px!important;
}
.footer_logo .cp{
font-size:0.3%;
letter-spacing:-1px;
}
@media screen and (max-width: 960px) {
.footer_nav{
display: unset;
}
footer .container{
padding:2% 3% 0 3%!important;
}
.footer_logo{
width: 100%;
margin:2em 0;
}
.footer_logo .logo{
margin:0 auto 0.2em auto;
}
#menu-footer li a:before{
display:none!important;
}
.footer_nav .ft-child li a:before{
display: none;

}    
}
/*================ お問い合わせバナー ================*/
.f_banner{
display:flex;
flex-wrap: wrap;
justify-content:space-between;
width: 100%;
top: -80px;
-ms-transform: translate(-35%, -48%);
position:relative;
}
.f_banner p{
color:#fff;
margin:10px 0;
}
.f_banner .f_banner_tel{
background:#575757;
padding:0.5% 1%;
border-radius: 10px;
margin-right:1.5%;
display:flex;
justify-content: center;
text-align: center;
align-items: center;
width: 62%;
box-sizing: border-box;
}
.f_banner .f_banner_tel dt{
border-right:1px solid #fff;
padding-right:1%;
width:60%;
}
.f_banner .f_banner_tel dd{
width:40%;
margin:0 2% 0 5%;
}
.f_banner .f_banner_tel dt .title{
font-weight: bold;
letter-spacing: 1px;
font-size:120%;
}
.f_banner .f_banner_tel dd .title{
font-weight: bold;
letter-spacing: 1px;
margin-bottom:0.5em!important;
font-size:100%;
}
.f_banner .f_banner_tel .tel{
font-weight: bold;
letter-spacing: 1px;
font-size:200%;
}
.f_banner .f_banner_tel .tel a{
color:#fff;
}
.tel_sv .text_big_ct a{
color:#fff;
}
.f_banner .f_banner_tel .tel_sv,.f_banner .f_banner_tel .time{
letter-spacing: 1px;
font-size:80%;
}
.f_banner .f_banner_pan{
width: 35%;
position:relative;
}
.f_banner a.f_banner_pan dl{
background:#DD1A1A;
padding: 0 2% 0 0;
color:#fff;
border-radius: 10px;
display:flex;
justify-content: center;
align-items: center;
width: 100%;
border:2px solid #DD1A1A;
}
.f_banner a.f_banner_pan dl:hover{
background:#fff;
padding: 0 2% 0 0;
color:#DD1A1A;
border-radius: 10px;
display:flex;
justify-content: center;
align-items: center;
width: 100%;
border:2px solid #DD1A1A;
}
.f_banner .f_banner_pan:after{
content: "";
display: inline-block;
position: absolute;
top: 50%;
right:21px;
width: 12px;
height: 12px;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
transform: translateY(-50%) rotate(-45deg);
transition: .3s;
}
.f_banner .f_banner_pan:hover:after{
border-right: 2px solid #DD1A1A;
border-bottom: 2px solid #DD1A1A;
}
.f_banner .f_banner_pan .title{
font-size:120%;
font-weight: 600;
}
.f_banner .f_banner_pan dt{
order: 2;
width:50%;
}
.f_banner .f_banner_pan dd{
order: 1;
width: 55%;
position:relative;
left: -49px;
}
.f_banner .f_banner_pan img{
width:110%;
height:auto;
}
/* パラメーター */
.ac_pagename{
  opacity: 0;
width:10%;
font-size:1px;
}
.ac_pagename span input{
border:0!important;
}

input{
  font-size:12px;
}
 /* お問い合わせバナー */
@media screen and (max-width: 960px) {
  .f_banner .f_banner_tel{
  display:block;
  width:58%;
  margin-right: 0;
}
.f_banner .f_banner_tel dt{
  width:100%;
  border-right:0;
  border-bottom:1px solid #fff;
  padding:10px 10px 15px 10px;
}
.f_banner .f_banner_tel dd{
  width:100%;
  margin:0;
  padding:15px 15px 15px 15px;
}
.f_banner .f_banner_tel dd .title{
  font-size:100%;
  margin-bottom:0.5em!important;
}
.f_banner{
  width:100%;
}
.f_address_wrap div{
  margin-right: 0;
}
.f_banner .f_banner_pan{
  width: 38%;
}
.f_banner .f_banner_pan dl{
  flex-wrap:wrap;
}  
.f_banner .f_banner_pan dt{
  order: 1;
  width:100%;
text-align:center;
margin:1em 0;
padding:0 5% 0 0!important;
}
.f_banner .f_banner_pan dd{
  order: 2;
  width:80%;
  position:relative;
  left: -49px;
} 
}

/*================ 拠点（大阪・東京） ================*/
.base_map{
width:90%;
margin: -5em auto 1.5em auto;
display: flex;
align-items: end;
justify-content:center;
}
.base_map .japan{
width:15%;
}
.japan_title .japan{
  width: 50%;
}
.base_map .japan img{
width:100%;
height:auto;
padding: 2% 10% 8% 0;
}
.japan_title .japan img{
  padding: 2% 0 2% 5%;
}
.base_map .title{
width:27%;
font-size:140%;
font-weight: 600;
}
.japan_title .title{
  font-size: 120%;
  width:100%;
  line-height: 1.6em;
}
.japan_title {
  width:25%;
}
.japan_title .title{
  width:100%;
}
.base_map .title span{
color:#DD1A1A;
}
.base_map .text{
  width: 63%;line-height: 1.8em; font-weight:600;
}
@media screen and (max-width: 960px) {
  .base_map{
    margin: 0 auto 0.5em auto;
    width:100%;
    display: block;   
  }
  .japan_title {
    width:100%;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:end;   
  }  
  .base_map .text{
    width:94%;
    margin:auto;
  }
  .japan_title .japan{
    width:20%;
    display:inline-block;
    position:relative;
  }
  .japan_title .title{
    width:30%;
    padding:2%!important;
    font-size:120%;
    font-weight: 600;
    display:inline-block;
    position:relative;
  }
}

/*================ お知らせ（NEWS） ================*/
.news_wrap .container{
padding-bottom: 3em;
}
.news_wrap ul li{
border-bottom:1px solid #ccc;
padding:1em 1.2em;
list-style: none;
position:relative;
}
.news_wrap ul li a:after{
content: "";
display: inline-block;
position: absolute;
top: 50%;
right: 20px;
width: 8px;
height: 8px;
border-right: 2px solid #ccc;
border-bottom: 2px solid #ccc;
transform: translateY(-50%) rotate(-45deg);
transition: .3s;
}
.news_wrap ul li:hover a .title_link{
color:#DD1A1A;
display:block;
text-decoration:underline;
}
.news_wrap ul li:hover a:after{
border-right: 2px solid #DD1A1A;
border-bottom: 2px solid #DD1A1A;
}
.news_wrap ul li .news_kiji{
display: flex;
align-items: center;
font-weight: 600;
}
.news_wrap ul li .news_text{
font-size:80%;
width: 70%;
margin-left: 204px;
}
.news_wrap ul li:hover a .news_text{
color:#DD1A1A;
display:block;
}
.news_wrap ul li .time{
margin-right: 1em!important;
}
/* NEWSアイコン */
.syouhin{
background:#00661A;
color:#fff;
padding:3px 10px!important;
border-radius: 50px;
margin-right: 2em!important;
}
.kigyou{
background:#d51d1f;
color:#fff;
padding:3px 10px!important;
border-radius: 50px;
margin-right: 2em!important;
}
.newskiji{
background:#0055B3;
color:#fff;
padding:3px 10px!important;
border-radius: 50px;
margin-right: 2em!important;
}
.campaign{
background:#d42ab8;
color:#fff;
padding:3px 10px!important;
border-radius: 50px;
letter-spacing:-1px;
margin-right: 1em!important;
}
@media screen and (max-width: 800px) {
  .news_wrap ul{
    margin:auto;
   }
   .news_wrap ul li{
    padding:0.5em 0.2em;
   }   
  .news_wrap ul li .news_text{
    width: 60%;
  }
  .news_wrap .title_link{
   font-size:120%;
   padding:10px 0 0 0!important;
  }
}

/*================ ALBIC キービジュアル ================*/
.background_img{
background: #eee;
margin-bottom: 3em;
}
.background_img .container .keyvisual_text{
width:45%;
margin:0;
position:relative;
height: 400px;
}
.background_img .container .keyvisual_text .keyvisual_text_right{
position:absolute;
right: -110px;
top: 21%;
}
.background_img .container .keyvisual_text .keyvisual_text_right .icon{
background: #DD1A1A;
border-radius: 5px;
padding: 0 1%;
color:#fff;
font-size: 120%;
margin-bottom: 0.3em;
font-weight: 600;
width: 100px;
text-align: center;
margin-bottom: 0.5em;
}
.background_img .container .keyvisual_text .title{
font-size: 2.6vw;
margin-bottom: 0.5em;
font-weight: 600;
line-height:1.3em;
}
.background_img .container .keyvisual_text .logo{
display:flex;
align-items: flex-end;
}
.background_img .container .keyvisual_text .logo h1{
margin-left:1em!important;
}
.background_img .container .keyvisual_text .logo .logo_img{
width: 37%;
}
.background_img .container .keyvisual_text .logo .logo_img img{
width:100%;
height:auto;
}
.background_img .container .keyvisual_text .logo h1{
font-size:12px;
}
.background_img .container .keyvisual_img img{
width:100%;
}
#albic .background_img .container .keyvisual_img{
width:55%;
position:relative;
}
#albic .background_img .container .keyvisual_img:before{
width:100%;
background:url(../image/keyvisual/albic_img.webp);
content:"";
background-size:cover;
position:absolute;
top:0;
right:0;
height:400px;
}
#albic .background_img .container{
margin: 0 auto;
display:flex;
flex-wrap:wrap;
justify-content: center;
background:#f9f9f9 url(../image/keyvisual/category_bg.webp);
background-size:cover;
}
#albic #splide_about .splide_wrap li.splide__slide a{
box-shadow: 0 5px 0 0 rgb(0 0 0 / 50%);
}
#albic #splide_about .splide_wrap li.splide__slide a:hover{
transform: translateY(2px);
box-shadow: 0 3px 0 0 rgb(0 0 0 / 50%);
}
#albic #splide_about .splide_wrap li.splide__slide a:active {
background:#fff!important;
transform: translateY(5px);
box-shadow: 0 0 0 0 rgb(0 0 0);
}
#albic .btn_center{
width:50%;
margin:auto;
}
@media screen and (max-width: 1000px) {
  .background_img .container .keyvisual_text .keyvisual_text_right{
    right: -170px;
    top: 25%;
    padding-left:5%;
  }
}

@media screen and (max-width: 960px) {
  .f_banner{
    position:unset;
  }
}

/*================ 他のコンテンツ　KV ================*/
.kv_under_content{
background: #DD1A1A;
margin-bottom: 3em;
}
.kv_under_content .container{
margin: 0 auto;
display:flex;
flex-wrap:wrap;
justify-content: center;
}
.kv_under_content .container .kv_text{
width:50%;
margin:0;
position:relative;
height: 300px;
background: url(../image/kv_cont/kv_left_red.webp) no-repeat;
background-size:cover;
background-position:right;
}
.kv_under_content .container .keyvisual_text{
width:50%;
margin:0;
position:relative;
height: 400px;
/*background: url(../image/keyvisual/category_bg.jpg) no-repeat;*/
background: url(../image/keyvisual/category_bg.webp) no-repeat;
background-size:cover;
background-position:right;
}
.kv_under_content .container .kv_text .kv_text_right{
width: 530px;
float:right;
margin: 3.5em 0 2em 0;
}
.kv_under_content .container .kv_text .kv_text_right .sv_title{
font-size: 18px;
} 
.kv_under_content .container .kv_text .kv_text_right .logo_img{
width: 120px;
}
.kv_under_content .container .kv_text .kv_text_right .lead{
line-height:1.8em;
font-weight:500;
}
.kv_under_content .container .kv_text .kv_text_right .logo_img img{
width: 100%;
height:auto;
}
.kv_under_content .container .kv_text .kv_text_right .category{
color:#fff;
font-weight: 600;
}
.kv_under_content .container .kv_text .kv_text_right .title{
margin-bottom:1em;
}
.kv_under_content .container .kv_text .kv_text_right .title p{
font-size: 36px;
font-weight: 600;
position:relative;
margin-bottom:0.6em!important;
padding-bottom:0.3em!important;
color:#fff;
}
.kv_under_content .container .kv_text .kv_text_right .title p:before{
border:2px solid #fff;
position:absolute;
content:"";
width:150px;
bottom:0;
left:0;
opacity: 0.5;
}
.kv_under_content .container .kv_text .kv_text_right .title p:after{
border:2px solid #fff;
position:absolute;
content:"";
width:60px;
bottom:0;
left:0;
}
.kv_under_content .container .kv_text .kv_text_right .title h1{
font-size:18px;
}
.kv_under_content .container .kv_img{
width:50%;
position:left;
}
 @media screen and (max-width: 1090px) {
 .kv_under_content .container .kv_text .kv_text_right{
    width: 480px;
  } 
}
 @media screen and (max-width: 1010px) {
  .kv_under_content .container .kv_text .kv_text_right{
     width: 450px;
  } 
}
@media screen and (max-width: 860px) {
  #reson-catalog .kv_under_content .container .kv_text .kv_text_right .title br:nth-child(2){
    display:none;
   }
}

/*================ 下層キービジュアル ================*/
.under_background_img{
  background: #eee;
  margin-bottom: 3em;
  background: url(../image/keyvisual/category_bg.jpg) no-repeat;
  background-size:cover;
  background-position:right;
  box-shadow: 3px 0 5px 1px rgba(0, 0, 0, .2);
}
.under_background_img .container{
  margin: 0 auto;
  max-width:1080px;
  display:flex;
  flex-wrap:wrap;
  justify-content: center;
}
.under_background_img .container .keyvisual_text{
  width:50%;
  margin:0;
}
.under_background_img .container .keyvisual_text .keyvisual_text_right{
  margin: 1.8em 1.8em 1em 0.5em!important;
}
.under_background_img .container .keyvisual_text .keyvisual_text_right .logo_img{
  width: 100px;
  margin-bottom:0.3em;
}
.under_background_img .container .keyvisual_text .keyvisual_text_right .lead{
  line-height:1.8em;
  font-weight:500;
}
.under_background_img .container .keyvisual_text .keyvisual_text_right .logo_img img{
  width: 100%;
  height:auto;
}
.under_background_img .container .keyvisual_text .keyvisual_text_right .title{
  margin-bottom:1em;
}
.under_background_img .container .keyvisual_text .keyvisual_text_right .title h2{
  font-size:32px;
  font-weight: 600;
  position:relative;
  margin-bottom:0.3em!important;
  padding-bottom:0.2em!important;
  letter-spacing: 0;
  line-height: 1.3em;
}
.under_background_img .container .keyvisual_text .keyvisual_text_right .title .title_s{
  font-size:20px;
  line-height: 0!important;
  position:relative;
  top:-10px;
}   
.under_background_img .container .keyvisual_text .keyvisual_text_right .title h2:before{
  border:1px solid #ccc;
  position:absolute;
  content:"";
  width:150px;
  bottom:0;
  left:0;
}
.under_background_img .container .keyvisual_text .keyvisual_text_right .title h2:after{
  border:1px solid #d51d1f;
  position:absolute;
  content:"";
  width:60px;
  bottom:0;
  left:0;
}
.under_background_img .container .keyvisual_text .keyvisual_text_right .title .sv_title{
  font-size:50%;
  margin:0 0.3em;
}
.under_background_img .container .keyvisual_text .keyvisual_text_right .title h1{
  font-size:18px;
}
.under_background_img .container .keyvisual_img{
  width:50%;
  max-width: 535px;
  margin: 1.5% 0;
}
.keyvisual_img img{
  width:100%;
  vertical-align:bottom;
}
 /* 小カテゴリーの高さ調整 */
.s_height .keyvisual_text{
  height:300px!important;
}
.s_height .keyvisual_text .keyvisual_text_right{
  margin: 2em 4em 2em 0!important;
}
@media screen and (max-width: 960px) {
  .under_background_img .container .keyvisual_text .keyvisual_text_right .lead{
    white-space: nowrap;
    animation: animate-banner 30s linear infinite;
    overflow-x: scroll;
    display: none;
  }
  .under_background_img .container .keyvisual_text .keyvisual_text_right .lead span{
    width: 3000px;
   }
   .under_background_img .container .keyvisual_text .keyvisual_text_right .lead::-webkit-scrollbar {
    width: 2px;
    height: 2px;
  }
  .under_background_img .container .keyvisual_text .keyvisual_text_right .lead::-webkit-scrollbar-thumb {
    background-color:#fff;
  }   
  .under_background_img .container .keyvisual_text{
    height:unset;
  }
  .s_height .keyvisual_text{
    height:unset!important;
  }
}

/* ------------- キービジュアル一覧 -------------- */
#splide_topics .splide_wrap{
 width:96%;
 margin:auto;
}
.btn_splide_topics{
  display: none;
}
#faq .under_background_img .container .keyvisual_img{
  background: #f9f9f9 url(../image/keyvisual/kv_faq.webp);
  background-size:cover;
 }
/*================ コンテンツイメージ ================*/
#achievement .kv_under_content .container .kv_img{
 background: #DD1A1A url(../image/kv_cont/achievement.webp);
 background-size:cover!important;
}
#history .kv_under_content .container .kv_img{
 background: #DD1A1A url(../image/kv_cont/kv_history.webp);
 background-size:cover!important;
}
#about .kv_under_content .container .kv_img{
 background: #DD1A1A url(../image/kv_cont/about.webp);
 background-size:cover!important;
}
#maker .kv_under_content .container .kv_img{
 background: #DD1A1A url(../image/kv_cont/maker.webp);
 background-size:cover!important;
}
#maker-system .kv_under_content .container .kv_img{
 background: #DD1A1A url(../image/kv_cont/maker-system.webp);
 background-size:cover!important;
}
#orderuniform .kv_under_content .container .kv_img{
 background: #DD1A1A url(../image/kv_cont/orderuniform.webp);
 background-size:cover!important;
}
#orderuniform-flow .kv_under_content .container .kv_img{
 background: #DD1A1A url(../image/kv_cont/orderuniform-flow.webp);
 background-size:cover!important;
}
#sdgs .kv_under_content .container .kv_img{
 background: #DD1A1A url(../image/kv_cont/sdgs.webp);
 background-size:cover!important;
}
#sdgs-eco .kv_under_content .container .kv_img{
 background: #DD1A1A url(../image/kv_cont/sdgs-eco.webp);
 background-size:cover!important;
}
#sdgs-carbonoff .kv_under_content .container .kv_img{
 background: #DD1A1A url(../image/kv_cont/sdgs-carbonoff.webp);
 background-size:cover!important;
}
#sdgs-recycle .kv_under_content .container .kv_img{
 background: #DD1A1A url(../image/kv_cont/sdgs-recycle.webp);
 background-size:cover!important;
}
#sdgs-sai .kv_under_content .container .kv_img{
 background: #DD1A1A url(../image/kv_cont/sdgs-sai.webp);
 background-size:cover!important;
}
#reson .kv_under_content .container .kv_img{
 background: #DD1A1A url(../image/kv_cont/reson.webp);
 background-size:cover!important;
}
#reson-logistics .kv_under_content .container .kv_img{
 background: #DD1A1A url(../image/kv_cont/reson-logistics.webp);
 background-size:cover!important;
}
#reson-optimization .kv_under_content .container .kv_img{
 background: #DD1A1A url(../image/kv_cont/reson-optimization.webp);
 background-size:cover!important;
}
#reson-suport .kv_under_content .container .kv_img{
 background: #DD1A1A url(../image/kv_cont/reson-suport.webp);
 background-size:cover!important;
}
#reson-price .kv_under_content .container .kv_img{
 background: #DD1A1A url(../image/kv_cont/reson-price.webp);
 background-size:cover!important;
}
#reson-lineup .kv_under_content .container .kv_img{
 background: #DD1A1A url(../image/kv_cont/reson-lineup.webp);
 background-size:cover!important;
}
#reson-processing .kv_under_content .container .kv_img{
 background: #DD1A1A url(../image/kv_cont/reson-processing.webp);
 background-size:cover!important;
}
#reson-rental .kv_under_content .container .kv_img{
 background: #DD1A1A url(../image/kv_cont/reson-rental.webp);
 background-size:cover!important;
}
#reson-web .kv_under_content .container .kv_img{
 background: #DD1A1A url(../image/kv_cont/reson-web.webp);
 background-size:cover!important;
}
#contact .kv_under_content .container .kv_img{
 background: #DD1A1A url(../image/kv_cont/contact.webp);
 background-size:cover!important;
}
#contact-thanks .kv_under_content .container .kv_img{
  background: #DD1A1A url(../image/kv_cont/contact.webp);
  background-size:cover!important;
}
#catalog-form .kv_under_content .container .kv_img{
 background: #DD1A1A url(../image/kv_cont/catalog-form.webp);
 background-size:cover!important;
}
#catalog-thanks .kv_under_content .container .kv_img{
  background: #DD1A1A url(../image/kv_cont/catalog-form.webp);
  background-size:cover!important;
}
#mitumori .kv_under_content .container .kv_img{
  background: #DD1A1A url(../image/kv_cont/mitumori.webp);
  background-size:cover!important;
}
#mitumori-thanks .kv_under_content .container .kv_img{
background: #DD1A1A url(../image/kv_cont/mitumori.webp);
background-size:cover!important;
}
#reson-catalog .kv_under_content .container .kv_img{
 background: #DD1A1A url(../image/kv_cont/reson-catalog.webp);
 background-size:cover!important;
}
#flow .kv_under_content .container .kv_img{
 background: #DD1A1A url(../image/kv_cont/flow.webp);
 background-size:cover!important;
}
#faq .kv_under_content .container .kv_img{
  background: #DD1A1A url(../image/kv_cont/kv_faq.webp);
  background-size:cover!important;
 }
 #online-thanks .kv_under_content .container .kv_img,
 #online-form .kv_under_content .container .kv_img{
  background: #DD1A1A url(../image/kv_cont/reson-online.webp);
  background-size:cover!important;
 }
 #sample-thanks .kv_under_content .container .kv_img,
 #sample-form .kv_under_content .container .kv_img{
  background: #DD1A1A url(../image/kv_cont/reson-suport.webp);
  background-size:cover!important;
 }
#lp_202512-thanks .kv_under_content .container .kv_img{
  background: #DD1A1A url(../image/kv_cont/contact.webp);
  background-size:cover!important;
}

/* PRODUCTS（albic）カテゴリの背景イメージ */
.albic_wrap .albic_menu dl:nth-child(1) dt{
  background-image: url("../image/products/pro_img01.webp");
  background-size:cover;
}
.albic_wrap .albic_menu dl:nth-child(2) dt{
  background-image: url("../image/products/pro_img02.webp");
  background-size:cover;
}
.albic_wrap .albic_menu dl:nth-child(3) dt{
  background-image: url("../image/products/pro_img03.webp");
  background-size:cover;
}
.albic_wrap .albic_menu dl:nth-child(4) dt{
  background-image: url("../image/products/pro_img04.webp");
  background-size:cover;
}
.albic_wrap .albic_menu dl:nth-child(5) dt{
  background-image: url("../image/products/pro_img05.webp");
  background-size:cover;
}
.albic_wrap .albic_menu dl:nth-child(6) dt{
  background-image: url("../image/products/pro_img06.webp");
  background-size:cover;
}
.albic_wrap .albic_menu dl:nth-child(7) dt{
  background-image: url("../image/products/pro_img07.webp");
  background-size:cover;
}
.albic_wrap .albic_menu dl:nth-child(8) dt{
  background-image: url("../image/products/pro_img08.webp");
  background-size:cover;
}
.albic_wrap .albic_menu dl:nth-child(9) dt{
  background-image: url("../image/products/pro_img09.webp");
  background-size:cover;
}
.albic_wrap .albic_menu dl:nth-child(10) dt{
  background-image: url("../image/products/pro_img10.webp");
  background-size:cover;
}
.albic_wrap .albic_menu dl:nth-child(11) dt{
  background-image: url("../image/products/pro_img11.webp");
  background-size:cover;
}
.albic_wrap .albic_menu dl:nth-child(12) dt{
  background-image: url("../image/products/pro_img12.webp");
  background-size:cover;
}

/*================ スライダー ================*/
#splide_list .albic_content{
  width:96%;
  margin:auto;
}
#albic .albic_category .splide_wrap{
  width:94%;
  margin:auto;
}
.title_link{
  padding: 7px 2px 7px 0px;
}
.nois-active{
  display: none;
}
/* ------- ユニフォーム（作業服・事務服など）最新情報（TOPICS） ------- */
.splide_wrap .splide__arrow svg {
  fill: #222!important;
  height: 0.8em!important;
  width: 0.8em!important;
}
.splide_wrap .splide__arrow--prev{
  background:#fff!important;
  border: 1px solid #222!important;
  width:3em!important;
  height:3em!important;
  left:0!important;
  opacity: 0.9;
}
.splide_wrap .splide__arrow--next{
  background:#fff!important;
  border: 1px solid #222!important;
  width:3em!important;
  height:3em!important;
  right:0!important;
  opacity: 0.9;
}
/*================ 追従バナー ================*/
.btm_catalog{
  position:fixed;
  bottom:0;
  right:0;
  padding:0.5%;
  z-index:40;
}
.img_catalog{
  position: relative;
  z-index:50;
  width: 65%;
  right: -80px;
}
.img_catalog img{
  width:100%;
  height:auto;  
}
/*- ボタン -*/
.btn_catalog{
  position: relative;
  font-size:14px;
  background:#fff;
  font-weight: 600;
  border-radius: 5px;
  z-index:50;
  width: 140px;
  right: -90px;
  bottom:0;
  text-align: center;
  border: 1px solid #DD1A1A;
  margin-bottom:3px!important;
}
.btn_catalog a{
  color:#DD1A1A;
  /*padding:5px 20px!important;*/
  padding:5px 14px!important;
  display:block;
}
.btm_catalog:before{
   position:absolute;
   background:url('../image/vb_bg.png') no-repeat;
   background-size:contain;
   content:"";
   bottom: 0;
   right:0;
   width:250px;
   height:200px;
   transform: rotate(180deg);
}
/* マウスオーバー */
.btn_catalog:hover{
  background:#DD1A1A;
  border:1px solid #fff;
}
.btn_catalog:hover a{
  color:#fff;
}
/* 追従　非表示 */
@media screen and (max-width: 1190px) {
 .btm_catalog{
   display: none;
 }
}
/*================ ボタン関係 ================*/
/*----- Ajax Load More -----*/
.alm-item{
 padding:unset!important;
}
/*-----アニメーションスクロールダウン全体の場所 -----*/
.scrolldown_r{
  position: absolute;
  bottom: 25%;
  right: 10%;
}
.scrolldown2{
  position: absolute;
  bottom:3%;
  left: 10%;
}
@media screen and (max-width: 1380px) {
  .scrolldown2{
    position: absolute;
    bottom: -12%;
    left: 6%;
  }
}
#area01 .scrolldown_r,
#area02 .scrolldown_r,
#area03 .scrolldown_r,
#area04 .scrolldown_r,
#area05 .scrolldown_r{
 position:fixed;
 top:580px;
 right:5%;
}
/*Scrollテキストの描写*/
.scrolldown_r span,
.scrolldown2 span{
  /*描画位置*/
  position: absolute;
  left: -10px;
  bottom: 75px;
  /*テキストの形状*/
  color: #eee;
  font-size: 0.7rem;
  letter-spacing: 0.05em;
  /*縦書き設定*/
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  color: red;
}
/* 丸の描写 */
.scrolldown_r:before,
.scrolldown2:before {
  content: "";
  /*描画位置*/
  position: absolute;
  bottom:0;
  left:0;
  /*丸の形状*/
  z-index:99;
  width:1px;
  height:15px;
  border-radius: 50%;
  background:red;
  /*丸の動き1.6秒かけて透過し、永遠にループ*/
  animation:
  circlemove 1.6s ease-in-out infinite,
  cirlemovehide 1.6s ease-out infinite;
}
/*下からの距離が変化して丸の全体が上から下に動く*/
@keyframes circlemove{
  0%{bottom:45px;}
  100%{bottom:-5px;}
}
/*上から下にかけて丸が透過→不透明→透過する*/
@keyframes cirlemovehide{
  0%{opacity:0}
  50%{opacity:1;}
  80%{opacity:0.9;}
  100%{opacity:0;}
}
/* 線の描写 */
.scrolldown_r:after,
.scrolldown2:after{
 content:"";
 /*描画位置*/
 position: absolute;
 bottom:0;
 left:0;
 /*線の形状*/
 width:1px;
 height: 60px;
 background:#ccc;
}
/*------ ナンバー -------*/
.cause_wrap_nbr{
  display: none;
 position:absolute;
 right:8%;
 top:23%;
-ms-writing-mode: tb-rl;
 writing-mode: vertical-rl;
 font-size:20px;
 font-weight: 600;
 color:#999;
 font-family: Montserrat black;
}
.cause_wrap_nbr span{
 text-orientation: upright;
 text-indent: 1em;
 margin:13px;
 color:#999;
}
.cause_wrap_nbr span.nbr_red{
 color:#DD1A1A;
}
/* ------------- ボタンデザイン -------------- */
a.btn_soudan{
  padding:3% 3% 3% 5%!important;
  display:block;
  font-weight: 600;
  color: #222;
  text-align: left;
  transition: 0.2s;
  border: 1px solid #999;
  background:#fff!important;
  border-radius: 5px;
  position: relative;
  box-shadow: 0 5px 0 0 rgb(0 0 0 / 50%);
}
a.btn_soudan:before{
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 8px;
  height: 8px;
  border-right: 2px solid #4c98ff;
  border-bottom: 2px solid #4c98ff;
  transform: translateY(-50%) rotate(-45deg);
  transition: .3s;
}
a.btn_soudan:hover{
   transform: translateY(2px);
  box-shadow: 0 3px 0 0 rgb(0 0 0 / 50%);
}
a.btn_soudan:active {
  background:#fff!important;
  transform: translateY(5px);
  box-shadow: 0 0 0 0 rgb(0 0 0);
}
/* ------------- 共通 アイコン -------------- */
.red{
  color:#cf2e2e;
  font-weight: 600;
}
h2.icon_contact{
 position:relative;
}
.icon_mail{
 position: relative;
 width:350px;
 margin:auto!important;
}
#catalog-form .icon_mail{
  width:280px;
}
@media screen and (max-width: 960px) {
  .icon_mail{
    width: 300px;
  }
  #catalog-form .icon_mail{
    width:220px;
  }
  h2.icon_contact:before{
   left: 2%;
  }
}

/* ------------- 共通パーツ -------------- */
.ki_text{
  margin:0!important;
  font-size:90%!important;
  line-height:1.5em!important;
 }
.highlight{
 margin-bottom:1.5em!important;
 background:#fffee0;
 padding:3%!important;
 line-height: 1.5em;
 font-weight: 600;
}
.highlight span{
 line-height:2em;
  border-bottom:dashed 1px #aaa;
}
.bold_bk{
  font-weight: 600;
  color:#333;
}
.cont_title_sv{
 font-size:140%;
 margin: 0 0 0.5em 0!important;
}
.line01{
 margin: 0.5em 0 1.2em 0!important;
}
.line01 span{
 border-bottom:dashed 1px #aaa;
}
.line01 .title{
 border-bottom:0;
 font-weight: 600;
 font-size:110%;
}
.splide__slide:hover{
 opacity:0.7;
}
#albic .splide__slide:hover{
 opacity:1;
}
.bg_drop{
 margin:1em;
 background:#fff;
 filter:drop-shadow(0 0 3px rgba(0, 0, 0, 0.2));
 padding:1em 1.5em 2em 1.5em;
 line-height: 1.8em;
}
.bg_drop p{line-height:2em;}
.bg_drop ul{
  list-style-type: none;
 font-size:14px;
}
.bg_drop ul li{
 position:relative;
 padding-left:1.8em;
}
.bg_drop ul li:before{
 position:absolute;
 left:0;
 top:0;
 color:#DD1A1A;
}
.bg_drop ul li:nth-child(1):before{content:"[1]";}
.bg_drop ul li:nth-child(2):before{content:"[2]";}
.bg_drop ul li:nth-child(3):before{content:"[3]";}
.bg_drop ul li:nth-child(4):before{content:"[4]";}
.bg_drop ul li:nth-child(5):before{content:"[5]";}
.bg_drop ul li:nth-child(6):before{content:"[6]";}
.bg_drop ul li:nth-child(7):before{content:"[7]";}
.bg_drop ul li:nth-child(8):before{content:"[8]";}
.bg_drop_m{
margin:0 0 2em 0;
background:#fff;
filter: drop-shadow(4px 4px 0 rgba(0, 0, 0, 0.2));
padding:3%;
border-radius: 5px;
}
dl.bg_ms{
margin:0 0 2em 0;
background:#fff;
border-radius: 10px;
border: 1px solid #D9D9D9;
display:flex;
flex-wrap:wrap;
}
dl.bg_ms dt{
padding:5%;
order:2;
}
dl.bg_ms dt .title{
font-size: 140%;
font-weight: 600;
margin-bottom: 1em!important;
line-height: 1.5em;
}
dl.bg_ms dd{
margin:0;
order:1;
}
dl.bg_ms dd img{
border-radius: 10px 10px 0 0;
}
.title_red{
color:#DD1A1A;
margin-bottom:0.3em!important;
}
.title_big{
padding:0.4em 1.5em!important;
color:#DD1A1A;
font-size:26px;
border-top:4px solid #DD1A1A;
font-weight: bold;
background:#efefef url('../image/vb_bg.webp') no-repeat;
background-size:50px;
background-position:0 left;
margin-bottom:1em!important;
text-align: left;
}
.text_red{color:#DD1A1A;}
.page_wrap{
margin-bottom: 5em;
}
span.red_big{
font-size: 170%;
color:#DD1A1A;
}
span.big{
font-size: 170%;
}
span.underline{
font-weight: 600;
color:#a80000;
font-size:110%;
}
.arrow_right{
position: relative;
}
.arrow_right::after{
content: "";
display: inline-block;
position: absolute;
top: 50%;
right: 5px;
width: 8px;
height: 8px;
border-right: 2px solid #333;
border-bottom: 2px solid #333;
transform: translateY(-50%) rotate(-45deg);
}
/* 赤の矢印 */
.arrow_right_red{
position: relative;
}
.arrow_right_red::after{
content: "";
display: inline-block;
position: absolute;
top: 50%;
right: 5px;
width: 8px;
height: 8px;
border-right: 2px solid #DD1A1A;
border-bottom: 2px solid #DD1A1A;
transform: translateY(-50%) rotate(-45deg);
}
.arrow_left{
position: relative;
}
.arrow_left::after{
content: "";
display: inline-block;
position: absolute;
top: 50%;
left: 10px;
width: 8px;
height: 8px;
border-right: 2px solid #333;
border-bottom: 2px solid #333;
transform: translateY(-50%) rotate(135deg);
}

@media screen and (max-width: 960px) {
  .title_big{
    font-size:21px;
    background-position:0 -15px;
  }
}

@media screen and (max-width: 860px) {
  .sd_arrow_right{
    position:relative;
  }
  .sd_arrow_right:before{
    z-index:1!important;  
    content:"";
    position:absolute;
    top:45%;
    right:10px;
    width: 20px;
    height: 20px;
    border-top: 3px solid #ea1844;
    border-right: 3px solid #ea1844;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);	
  }
}
/*------------------ コンテンツ共通CSS -------------------*/
/* 背景色 */
.bg_gray{
background: #F5F5F5;
padding:4em 0;
}
.bg_gray02{
background: #dcdadf;
padding:4em 0;
}
.bg_org{
background: #FCF7F3;
}
.bg_tya{
background: #f0ecd1;
padding:4em 0;
}
.bg_tya02{
background: #f8f7f3;
padding:4em 0;
}
.arrow_red{
position:relative;
}
.arrow_red:after{
content: "";
display: inline-block;
position: absolute;
top: 48%;
left: 0;
width: 7px;
height: 7px;
border-right: 2px solid #4c98ff;
border-bottom: 2px solid #4c98ff;
transform: translateY(-50%) rotate(-45deg);
transition: .3s;
}
/*--------- フォント -----------*/
.ft13{
  font-size:13px!important;
  letter-spacing:0;
}
/*--------- サイズ -----------*/
.w260{
width:260px;
}
.w65{
width:65%;
}
.w65 p{
margin:1em 0!important;
}
/* clearfix */
.clearfix::after {
  content: "";
  clear: both;
  display: block;
}
/* -- ボタンスタイル　01 赤色 白矢印 -- */
p.btn_list a{
padding: 0.8em 0.5em;
display:block;
font-size:110%;
font-weight: 600;
color: #222;
text-align: center;
transition: 0.2s;
border: 1px solid #999;
background:#fff!important;
border-radius: 5px;
position: relative;
box-shadow: 0 5px 0 0 rgb(0 0 0 / 50%);
margin-bottom:1em;
}
p.btn_list a:after{
content: "";
display: inline-block;
position: absolute;
top: 50%;
right: 15px;
width: 8px;
height: 8px;
border-right: 2px solid #4c98ff;
border-bottom: 2px solid #4c98ff;
transform: translateY(-50%) rotate(-45deg);
transition: .3s;
}
p.btn_list a:hover{
  transform: translateY(2px);
box-shadow: 0 3px 0 0 rgb(0 0 0 / 50%);
}
p.btn_list a:active {
background:#fff!important;
transform: translateY(5px);
box-shadow: 0 0 0 0 rgb(0 0 0);
}
p.btn_list:hover a{
color:#333;
}
p.btn_list:hover:after{
border-right: 2px solid #4c98ff;
border-bottom: 2px solid #4c98ff;
}
/* -- ボタンスタイル　02 -- */
p.btn_list02{
text-align: center;
border-radius: 5px;
position: relative;
}
p.btn_list02 a{
padding: 0.8em 2em;
display:
block;
font-size:110%;
font-weight: 600;
color:#333;
}
p.btn_list02:after{
content: "";
display: inline-block;
position: absolute;
top: 50%;
right: 20px;
width: 8px;
height: 8px;
border-right: 2px solid #4c98ff;
border-bottom: 2px solid #4c98ff;
transform: translateY(-50%) rotate(-45deg);
transition: .3s;
}
@media screen and (max-width: 960px) {
  p.btn_list02{
   right:0;
   width:280px;
   margin:2em auto 0 auto!important;
   border:1px solid #999;   
  }
  .bg_gray{
    padding:3em 0;
  }
}
/* -- ボタンスタイル　03 -- */
a.btn_list03{
background:#DD1A1A;
text-align: center;
color:#DD1A1A;
border-radius: 5px;
position: relative;
border:2px solid #DD1A1A;
padding: 0.7em 2em;
width:30%;
justify-content: right;
font-weight: 600;
background:#fff!important;
margin:10px;
}
a.btn_list03:after{
content: "";
display: inline-block;
position: absolute;
top: 50%;
right: 20px;
width: 8px;
height: 8px;
border-right: 2px solid #DD1A1A;
border-bottom: 2px solid #DD1A1A;
transform: translateY(-50%) rotate(-45deg);
}
a.btn_list03:hover{
background:#DD1A1A!important;
color:#fff;
}
a.btn_list03:hover:after{
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
}
.btn_center{
text-align: center;
}
/* -- ボタンスタイル　04 赤枠 赤矢印-- */
.btn_list04 a{
padding: 0.8em 0.5em;
display:block;
font-size:110%;
font-weight: 600;
color: #222;
text-align: center;
transition: 0.2s;
border: 1px solid #999;
background:#fff!important;
border-radius: 5px;
position: relative;
box-shadow: 0 5px 0 0 rgb(0 0 0 / 50%);
}
.btn_list04 a::after{
content: "";
display: inline-block;
position: absolute;
top: 50%;
right: 10px;
width: 8px;
height: 8px;
border-right: 2px solid #4c98ff;
border-bottom: 2px solid #4c98ff;
transform: translateY(-50%) rotate(-45deg);
}
.btn_list04 a:hover{
  transform: translateY(2px);
box-shadow: 0 3px 0 0 rgb(0 0 0 / 50%);
}
.btn_list04 a:active {
background:#fff!important;
transform: translateY(5px);
box-shadow: 0 0 0 0 rgb(0 0 0);
}
/* -- ボタンスタイル　05 黒枠 黒矢印-- */
.btn_list05{
border: 1px solid #333;
padding: 3% 4%;
background: #fff;
position: relative;
color:#333;
width:50%;
border-radius: 5px;
font-weight: 600;
text-align: center;
font-size:120%;
margin:0.5em 0;
}
.btn_list05::after{
content: "";
display: inline-block;
position: absolute;
top: 50%;
right: 10px;
width: 8px;
height: 8px;
border-right: 2px solid #333;
border-bottom: 2px solid #333;
transform: translateY(-50%) rotate(-45deg);
}
/* -- ボタンスタイル　06 -- */
.btn_list06{
border-top: 1px solid #ccc;
width:100%;
font-weight: 600;
text-align: right;
padding: 2% 10% 2% 2%!important;
position:relative;
}
.btn_list06:before{
content: "";
display: inline-block;
position: absolute;
top: 49%;
right: 13px;
width: 8px;
height: 8px;
border-right: 2px solid #4c98ff;
border-bottom: 2px solid #4c98ff;
transform: translateY(-50%) rotate(-45deg);
transition: .3s;
}

/* -- ボタンスタイル　白 矢印 -- */
.btn_white{
border: 1px solid #fff;
padding: 3% 4%;
color:#fff;
border-radius: 10px;
position: relative;
background:#37406D;
font-weight: 600;
}
.btn_white::after{
content: "";
display: inline-block;
position: absolute;
top: 50%;
right: 10px;
width: 8px;
height: 8px;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
transform: translateY(-50%) rotate(-45deg);
}
.btn_white:hover{
background:#fff!important;
color:#37406D;
font-weight: 600;
}
.btn_white:hover:after{
border-right: 2px solid #37406D;
border-bottom: 2px solid #37406D;
}
/* -- ボタンスタイル　画像あり矢印 -- */
dl.btn_arrimg{
display:flex;
flex-wrap: wrap;
justify-content: center;
border: 1px solid #333;
border-radius: 5px;
}
dl.btn_arrimg dt{
width: 60%;
padding: 3%;
order:2;
}
dl.btn_arrimg dd{
width: 40%;
margin:0;
order:1;
}
dl.btn_arrimg dd img{
width: 100%;
}
/* ヘッダーナビの切替 */
.header_second {
  position: fixed;
  z-index: 10000;
  width: 100%;
  display: none;
}
.nav_follow_wrap{
display:flex;
flex-wrap:wrap;
box-shadow: 0 1px 8px 2px rgb(90, 100, 100,0.6);
background:#fff;
align-items:flex-end;
justify-content:space-between;
}
.nav_follow_wrap .logo{
max-width:110px;
width:13%;
height:auto;
padding:0 0 0.3% 1%;
}
.nav_follow_wrap .logo img{
width:100%;
height:auto;
vertical-align: bottom;
}
.nav_follow_wrap .h_under_layer_top{
  width:87%;
  background:#fff;
}
.under_header .logo{
position:absolute;
left:50px;
top:10px;
}
.nav_follow_wrap .h_under_layer_top .tel,
.nav_follow_wrap .h_under_layer .tel{
margin: 0.2em 0.5em 0 0;
text-align: center;
}
.nav_follow_wrap .h_under_layer_top .tel .tel_number,
.nav_follow_wrap .h_under_layer .tel .tel_number{
  font-size: 18px;
}
.nav_follow_wrap li.ch_menu div.child_menu{
top: 60px;
}
.under_header .logo h1{
font-size:10px;
margin-bottom: 5px!important;
}
.under_header .logo p{
width:50%;
}
.under_header .logo img{
width:100%;
height:auto;
}
/* ------------- お問合せバナー -------------- */
.banner_contact{
border: 1px solid #D9D9D9;
background: #f5f5f5;
border-radius: 10px;
margin:0 1em 2em 1em;
padding:1.8% 3% 1.2% 3%;
background-size:150px;
background-position: 30px -20px;
position:relative;
}

.flex_center,
.banner_contact ul{
display:flex;
flex-wrap: wrap;
list-style:none;
}
.flex_center{
margin-bottom: 10px;
justify-content:center;
align-items: end;
}
.flex_center div{
text-align: center;
}
.flex_center .contact_tel{
  width: 55%;
  padding:0 0 1% 0;  
}
.flex_center .contact_img{
  width: 25%;
}
.flex_center .contact_img img{
  width:100%;
  height: auto;
  margin-bottom:-18px;
}
.flex_center .text{
font-size: 140%;
font-weight: 600;padding: 0.4em 0 0.0 0!important;
}
.flex_center .day{
font-size: 100%;
}
.flex_center .tel{
font-size: 250%;
color:#DD1A1A;
}
.flex_center .tel02{
font-size:14px;
color:#DD1A1A;
font-weight:600;
letter-spacing: -0.5px;
}
.banner_contact ul{
justify-content: space-between;
font-size:14px;
font-weight:500;
position:relative;
z-index:2;
width:100%;
}
.banner_contact ul li{
/*width: 32%;*/
width: 24%;
}
.banner_contact ul li a{
display:block;
padding: 0 2% 5% 5%;
width: 100%;
}
.banner_contact ul li:nth-child(4){
margin: 0 0;
}
.banner_contact ul li span{
color:#DD1A1A;
font-weight: 600;
}
.banner_contact ul li span.big_text{
font-size:18px;
}
.banner_contact p.btn_list a{
text-align: left;
padding: 4% 0 4% 6%;
line-height: 1.5em;
}
.banner_contact .sp-br-ct599{
display: none;
}
@media screen and (max-width: 960px) {
  .banner_contact p.btn_list{
    width: 100%;
  }
  .banner_contact .flex_center{
    justify-content:center!important;
  }
  .banner_contact:after{
    background-size: 170px!important;
    width:170px;
    height:170px;
  }
}
@media screen and (max-width: 760px) {
  .banner_contact ul{
    align-items: start;
  }  
  .banner_contact:after{
    background-size: 200px!important;
    width:200px;
    top: 6px;
  }  
  .banner_contact .flex_center div{
    margin:0 2% 0 0;
  }   
  .banner_contact .flex_center{
    margin-bottom:0;
    padding:0;
  }
  .flex_center .contact_img img{
    margin-bottom: -7px;
  }  
  .banner_contact .sp-br-ct-wp{
    width:310px;
  }
  .banner_contact p.btn_list a{
    height: 90px;
  }   
}
/*---------  コンタクトフォーム -----------*/
.contact_wrap{
max-width: 1080px;
border:8px solid #eee;
padding: 3%;
margin:3em auto;
}
.contact_wrap input{
width:100%;
}
.contact_wrap textarea{
width:100%;
}
.contact_wrap h2{
text-align: center;
}
.contact_wrap input{
border: 1px solid #ccc!important;
padding:1%;
}
.ic_required_ck input{
width:10%!important;
}
.contact_wrap dl{
display:flex;
flex-wrap:wrap;
}
.contact_wrap dl dt{
width:31%;
font-weight: 600;
}
.contact_wrap dl dd{
width:69%;
margin:0 0 2em 0;
}
.contact_wrap dl dd textarea{
border: 1px solid #ccc!important;
}
.contact_wrap h2{
font-size:140%;
font-weight: 600;
margin-bottom:2em!important;
}
input.btn_contact{
background:#DD1A1A!important;
color:#fff;
width:30%!important;
margin: 0 0 0 10px!important;
}

span.wpcf7-list-item{
	background:#eee;
	padding:1% 0;
  border:3px solid #fff;
}
@media screen and (max-width: 1080px) {
  .contact_wrap{
   width:98%!important;
  } 
}
@media screen and (max-width: 860px) {
  .contact_wrap h2{
    font-size: 130%;
   }  
  .contact_wrap dl dd,
  .contact_wrap dl dt{
    width:100%!important;
  }
  .contact_wrap h2{
   font-size: 120%;
  }
  .wpcf7-spinner{
   display:none!important;
  }
  .flex_center{
   justify-content:unset!important;
  }
}
/*---------  マージン -----------*/
.mgb0{margin-bottom: 0!important;}
.mgb03{margin-bottom: 0.3em!important;}
.mgb1{margin-bottom: 1em!important;}
.mgb1_2{margin-bottom: 1.2em!important;}
.mgb2{margin-bottom: 2em!important;}
.mgb3{margin-bottom: 3em!important;}
.mgb5{margin-bottom: 5em!important;}
.mgb5_5{margin-bottom: 5.5em!important;}
.mgb6{margin-bottom: 6em!important;}
.mgb7{margin-bottom: 7em!important;}
.mgt1{margin-top: 1em!important;}
.mgl1{margin-left: 1em!important;}
.mgl2{margin-left: 2em!important;}
.btm_0{margin-bottom: 0!important;}
/* header */
.header_wrap{
display:flex;
flex-wrap:wrap!important;
align-items:flex-end!important;
}
.header_wrap .head_logo{
width: 16%;height:auto;
padding:0 0 0 1%;
box-sizing:border-box;
}
.header_wrap .head_logo .logo_img{
width:135px;
height:auto;
}
.header_wrap .head_logo .logo_img img{
width:100%;
height:auto;
padding:3px;
vertical-align: bottom;
}
.header_wrap .head_logo h1{
font-size:8px;
line-height:1.8em;
font-weight:500;
}
.h_under_layer_top{
width: 84%;
height:auto;
}
.home_header .header_wrap .head_logo .logo_img,
.home_header .header_wrap .head_logo h1{
display:none;
width:0;
}
.home_header .h_under_layer_top{
width:100%;
}
/* メニュー */
.area_f ul,.area ul{display:flex; flex-wrap:wrap;}
.area_f ul li a,.area ul li a{
align-items: center;
padding:0.2em 0;
}
.area_f li,.area li{
width:49%!important;
padding:0 1%;
margin:0.4%;
border:1px solid #eee;
}
.area_f li .icon_img,
.area li .icon_img{
width:16%;
background:#eee;
border-radius: 50%;
margin-right:1em;
padding:1% 2%;
}
.areaid{
position: relative;
}
.areaid:after{
content: "";
display: inline-block;
position: absolute;
top: 50%;
right: 20px;
width: 8px;
height: 8px;
transform: translateY(-50%) rotate(-45deg);
transition: .3s;
}
.active:after{
display: none;
}
}/* layoutここまで */
.wrap40{
position: relative; height: 80vh;
}
.active40{
display: flex;
}
.pn44{ background: #f2f2f2; height: auto; }
.pn42{ background: #f2f2f2; height: auto;}
.pn45{ background: #fff; height: auto;}
/* 商品一覧 もっと見る */
ul.ctglist {
border: none;
list-style: none;
padding: 0;
margin: 0;
}
ul.ctglist li a {
display: block;
text-decoration: none;
border:1px solid #999;
margin-bottom:2em;
position:relative;
}
ul.ctglist li a .btn_ctglist{
position:absolute;
right:4%!important;
bottom: 1%;
font-size:100%;
font-weight:600;
}
ul.ctglist li a .btn_ctglist:after{
content: "";
display: inline-block;
position: absolute;
top: 50%;
right: -12px;
width: 8px;
height: 8px;
border-right: 2px solid #4c98ff;
border-bottom: 2px solid #4c98ff;
transform: translateY(-50%) rotate(-45deg);
}
ul.ctglist li a p {
font-size: 0.95rem;
font-family: Helvetica;
font-weight: 300;
margin-bottom: 0px;
line-height: 1.3;
}
.catTop {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
align-content: center;
margin-bottom: 5px;
}
p.catDate {
color: #aaa;
}
ul.ctglist li a p.catTitle {
font-size: 1.05rem;
margin: 0;
font-weight: 400;
line-height: 1.6;
color: #313131;
}
ul.ctglist li a:hover {
border:1px solid #DD1A1A;
}
ul.ctglist li a:hover .title p{
color:#DD1A1A!important;
}
ul.ctglist li a p.catName {
margin-left: 10px;
background: #fafafa;
color: #707070;
font-size: 0.8rem;
padding: 2px 12px;
border-radius: 9999px;
vertical-align: 1px;
display: inline-block;
}
@media screen and (max-width: 1440px) {
  ul.ctglist {
    width: 94%;
    margin: auto;
  }
  ul.ctglist li a .btn_ctglist{
   right:8%;
  }
}
/* 追従 */
.tuijyu_none{
display: none;
}
.tuijyu_top.tuijyu {
position:absolute;
top: 570px;
right:0;
width: 190px;
font-size: 16px;
font-weight: bold;
}
.tuijyu_sc.tuijyu {
display: none;
position:absolute;
top: 538px;  
right:0;
width: 180px;
font-size: 16px;
font-weight: bold;
}
.tuijyu_pg.tuijyu {
position:absolute;
top: 160px;  
right:0;
width: 180px;
font-size: 16px;
font-weight: bold;
}
.tuijyu.fixed {
position: fixed;
top: 50px;
z-index: +1;
}
.tuijyu.none {
display: none;
}
.tuijyu .side_info_wrap .title{
color:#fff;
background:#666;
border-radius:6px 0 0 0;
padding:0.5em 0!important;
}
.tuijyu .side_info_wrap .side_info_list{
display: inline-block;
border-radius: 0 0 0 6px;
width: 190px;
background:#fff;
}
.tuijyu .side_info_wrap .side_info_list dl{
border-bottom:1px solid #ccc;
}
.tuijyu .side_info_wrap .side_info_list a{
width:100%;
}
.tuijyu .side_info_wrap .side_info_list a:nth-child(2n){
border-left:0;
width:100%;
}
.tuijyu .side_info_wrap .side_info_list a:last-child dl{
border-bottom:0!important;
margin-bottom:2px;
}
.tuijyu .side_info_wrap .side_info_list dt{
width: 140px;
text-align: left;
}
.tuijyu .side_info_wrap .side_info_list dd{
width: 20px;
height: 30px;
text-align: center;
}
.tuijyu .side_info_wrap .side_info_list a:hover{
color:#DD1A1A;
display:unset;
}
.tuijyu .side_person_wrap .banner:nth-child(1){
background:none;
background-color:#fff;
}
.tuijyu .side_person_wrap .banner:nth-child(2){
background:none;
background-color:#fff;
}
.tuijyu .banner a{
padding: 5% 1% 5% 5%;
}
.tuijyu span.red_big{
font-size: 150%;
}
.tuijyu .tel_number{
font-size: 18px;
}
.tuijyu .tel_text01{
font-size: 12px;
}
@media screen and (max-width: 1440px) {
  .tuijyu{
    display: none;
  }
}
/* もっと見るのボタン */
.more {
text-align: center;
}
.more button {
border: none;
background: #DD1A1A;
color:#fff;
padding:2% 4%;
border-radius: 5px;
font-size:120%;
font-weight: 600;
}
.ctglist li.is-hidden {
visibility: hidden;
opacity: 0;
height: 0;
margin: 0 10px;
padding: 0;
}
.ctglist .title_icon{
display: flex;
flex-wrap:wrap;
justify-content: space-between;
padding:1% 2%;
background:#efefef;
}
.ctglist .title_icon .title{
width:60%;
}
.ctglist .title_icon .title p{
margin:0!important;
font-weight: 600;
}
.ctglist .flex_box{
display: flex;
flex-wrap:wrap;
padding: 1.5% 1% 0 1%;
}
.ctglist .flex_box .flex_l{
width:43%;
margin-right:2%;
}
.ctglist .flex_box .flex_l img{
max-width:unset!important;
width:100%!important;
position:unset!important;
height:auto;
}
.ctglist .flex_box .flex_r{
width:55%;
}
.ctglist .title_icon .season{
color:#fff;
}
.ctglist .title_icon .f_season{
display: flex;
flex-wrap: wrap;
justify-content: right;
width:40%;
}
.ctglist .title_icon .season .all_year_on,
.ctglist .title_icon .season .autumn_winter_on,
.ctglist .title_icon .season .spring_summer_on{
width:70px;
text-align: center;
}
.ctglist .read_text{
font-size:120%;
font-weight: 600;
margin-bottom: 0.5em;
line-height:1.4em;
}
.ctglist .ctglist_t{
width: 17%;
font-weight: 600;
}
.flex_icon div:last-child{
width: 83%;
}
.flex_icon{
display: flex;
margin-bottom:0.6em;
}
.flex_icon img{
position:unset!important;
width: 80%!important;
max-width:unset!important;
}
ul.term_list{
display: flex;
list-style: none;
}
ul.term_list li{
width: 30px;
height: auto;
margin-right: 3px;
}
ul.term_list li img{
width: 100%!important;
max-width:unset!important;
}
ul.term_list li.is-hidden{
visibility: unset!important;
opacity: 1!important;
margin:0!important;
}
.ctglist .title_icon .sex{
color:#fff;
margin-right:0;
}
.all_sex{
width:90px;
text-align: center;
background:#7E46A1;
display:block;
margin-left:1em;
}
.man_on{
width:90px;
text-align: center;
background:#097597;
display:block;
margin-left:1em;
}
.woman_on{
width:90px;
text-align: center;
background:#CE3280;
display:block;
margin-left:1em;
}
@media screen and (max-width: 960px) {
  .ctglist .title_icon{
    padding: 1% 2%;
  }
  .ctglist .flex_box .flex_l{
   width: 100%;
  }
  .ctglist .flex_box .flex_r{
   width: 100%;
  }
  .ctglist .title_icon .title{
    width:100%;
    order:2;
  }
  .ctglist .title_icon .f_season{
    width:100%;
    order:1;
    justify-content: left;
    margin-bottom:2%;
  }
}
/* 共通　導入事例 */
.case_wrap{
  padding:4em 0 4em 0;
}
.case_wrap .splide__track{
  padding:20px 0 60px 0;
}
.case_wrap li.splide__slide{
  padding:0.5% 0.8% 0 0.8%;
}
.case_wrap li.splide__slide a{
  border-radius: 5px;
  box-shadow: 1px 1px 5px #999;
 display:block;
 background:#fff;
}
.case_wrap li.splide__slide img{
  width:100%;
  height:auto;
}
.case_wrap p.btn_list{
  margin:0 auto!important;
  width:25%;
}
.case_wrap .cam_title{
  padding: 10px 20px 15px 20px;
  border-bottom: 1px solid #eee;
  font-weight: 600;
}
.btn_case{
  margin: 10px 28px;
  text-align:right;
  position:relative;
}
.btn_case{
  position:relative;
  font-weight: 600;
}
.btn_case:after{
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: -14px;
  width: 8px;
  height: 8px;
  border-right: 2px solid #4c98ff;
  border-bottom: 2px solid #4c98ff;
  transform: translateY(-50%) rotate(-45deg);
  transition: .3s;
}
.case_wrap .splide__arrow svg {
  fill: #222!important;
  height: 0.8em!important;
  width: 0.8em!important;
}
.case_wrap .splide__arrow--prev{
  background:#fff!important;
  border:1px solid #222;
  width:3em!important;
  height:3em!important;
  left:-1%!important;
}
.case_wrap .splide__arrow--next{
  background:#fff!important;
  border:1px solid #222;
  width:3em!important;
  height:3em!important;
  right:-1%!important;
}
.case_wrap .img_width{
  position:relative;
}
.case_wrap .tags_width{
  color:#fff;
  background:#222;
  width:90px;
  position:absolute;
  content:"";
  top:0;
  left:0;
  padding:10px 0!important;
  text-align: center;
  border-radius: 5px 0 0 0;
}
.case_wrap li.splide__slide:hover .btn_case{
 color:#DD1A1A;
}
.case_wrap li.splide__slide:hover .tags_width{
 background:#DD1A1A;
}
.splide__slide img{
  max-width:512px;    
 width:100%;
 height:auto;
}
#reson-catalog .splide__slide img{
  max-width:942px;
  height: auto;
}
.seanother{
  width:40%;
  margin-bottom:2em;
}
@media screen and (max-width: 860px) {
  .seanother{
    width:90%;
  }
}
/*================ 表示 非表示（ 切替 ） ================*/
.sp_tel{
  display: none;
  }
.sp{
  visibility: hidden;
  display:none;
}
.sp_hd_nav{
  visibility: hidden;
  display:none;
}
.sp_burger{
  visibility: hidden;
  display:none;
}
.sp_mokuji{
 visibility: hidden;
 display:none;
}
.sp_products{
  visibility: hidden;
 display:none;
}
.cause_sp .title_h::before,
.cause_sp .title_h::after{
  display: none;
}
/* お問い合わせバナー */
.sp-br-ct{
  display: none;
}
#reson-processing .processing-child,
#reson-optimization .sp-child {
  display: none;
}
@media screen and (max-width: 760px) {
  .sp-br-ct{
    display: unset;
  }
  .pc-br-ct{
    display: none;
  }
}
@media screen and (max-width: 960px) {
  .sp{
    visibility: unset;
   display:block;
  }
  .pc{
    visibility: hidden;
    display:none;
  }
  .sp_hd_nav{
    visibility: unset;
  }
  .sp_mokuji{
    visibility: unset;
    display:block;
    background:#FCF7F3;
    padding:6% 4%;
    margin:2em 0;
  }
  .sp_mokuji .title{
   border-bottom:2px solid #DD1A1A;
   margin-bottom:1em;
   font-size:19px;
  }
  .sp_mokuji h2.title span.f_icon img{
    width: 9%;
    height:auto;
    margin:0 10px -5px 5px;
  }
  .sp_mokuji .list{
   list-style: none;
     display: flex;
   flex-wrap:wrap;
   margin-bottom: 1.5em;
  }
  .sp_mokuji .list li{
    padding:1%;
    width:32%;
     background: #fff;
     border: 1px solid #ccc;
    box-sizing: border-box;
    margin:0 1% 1% 0;
    font-size: 14px;
    line-height: 1.4em;  
  }
  .sp_mokuji .list li a{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .sp_mokuji .list li p:first-child{
   width:25%;
   height:auto;
  }
  .sp_mokuji .list li p:first-child img{
   width:100%;
   height: auto;
   vertical-align: bottom;
  }
 .sp_mokuji .list li p:last-child{
    width:75%;
   height:auto;
  padding:0 0 0 5px;
  font-size: 95%;
  font-weight: 600;
 }
  .case_wrap{
    padding:0 0 6em 0;
  }
 .map_osaka li, .map_tokyo li{
  font-size:90%;
 }
 .f_address_wrap .title{
   font-size:100%;
  }
  .case_wrap .splide__track{
    padding:20px 0 30px 0;
  }
  .m_none .text80{
    width: unset;
  }
  .sp_w94{
    width:94%!important;
    margin:auto!important;
  }
  .sp_w25{
    width:25%!important;
    margin:1em auto!important;
  }
  .nav-drawer-cl{
    background:#555;
    color:#fff;
    width:110px;
    text-align:center;
    margin: 1% auto 30% auto;
    padding:1% 0;
  }  
}
/* 取り扱い商品一覧 */
@media screen and (max-width: 760px) {
  .sp_products{
    visibility: unset;
    display:unset;
  }
  .sp .con_title,
  .sp_products .con_title{
    box-sizing: border-box;
    padding-left:3%;
  }
  .sp_products .side_category_wrap .title{
    display:none;
  }
  .sp_products p.btn_list{
    width:300px;
    margin:1em auto 7em auto;
  }
  .pc_albic{
    display: none;
  }
  .sp_mokuji .list li{
    width:49%;
  }
  .sp_w70{
    width:70%!important;
    margin:1em auto!important;
  }  
}
@media screen and (max-width: 660px) {
  .sp_burger{
    visibility: unset;
  display:block;
  }
}
/* ヘッダー切替 */
@media screen and (max-width: 960px) {
  .w65{
    width: 80%;
    margin:0 0 0 20%;
  }
  .nav_layer{
    display: none;
  }
 .h_under_layer_top .tel{
  display: none;
 }
 .scrolldown2{
   display: none;
 }
 .cause_wrap_nbr{
   display: none;
 }
  .scrolldown_r{
    display: none;
  }
  .pn40{
    display: unset;
    position: unset;
  }
  .case_wrap p.btn_list{
    width:80%;
    float: right;
  }
  .f_address_wrap div{
   text-align: center;
   margin-bottom: 0.5em;
  }
  .f_oosaka{
    width: 50%;
   }
   .f_tokyo{
    width: 50%;
   }   
  .ft-parent_no{
    padding:2.5% 2%;
    border-top:1px solid #ccc;
    font-weight: 600;
  }
  .ft-parent_no:last-child{
    padding:3% 2%;
    border-bottom:1px solid #ccc;
  }
  .ft-parent_no .searchform .search_wp,
  .ft-parent_no .searchform{
    margin: 0;
    border-radius:0;
  }
  .ft-parent_no .searchform .search_wp{
    padding: 3% 1%;
    background-color:unset;
    display:flex;
  }
  .ft-parent_no .searchform{
    width:100%;
    box-shadow:unset;
  } 
  .ft-parent_no .searchform .search_wp .search_wp_sb{
    width:55px;
  }
  .copy{
    padding:0.5% 0 5em 0 !important;
    font-size: 11px;
  }
}
/* ムービー */
@media screen and (min-width: 961px) {
  .video_pc {
    display: block;
  }
  .video_sp {
    display: none;
  }
  /*.video_pc {
    display: block;
    width:70vh;
    height: 70vh;
    position:relative;
  }
  .video_sp {
    display: none;
  }
  .video_pc iframe{
    position:absolute;
    top: -250px;
    left: -270px;
  }*/
}
@media screen and (max-width: 960px) {
  .video_sp{
    display: block;
    width:100%;
  }
  .video_pc{
    display: none;
  }  
}
@media screen and (max-width: 960px) {
  .under_background_img .container .keyvisual_img{
  width:94%;
   background-size:150%;
  }
  .under_background_img .container .keyvisual_text .keyvisual_text_right{
    width: unset;
    float:unset;
    margin: 0;
    padding:0 2% 0 2%;
    overflow:hidden;
  }
  .kv_under_content .container{
   display:unset;
   padding:0;
  }
  .kv_under_content .container .kv_text{
    width:100%;
   height:auto;
  }
 .kv_under_content .container .kv_img{
   width:100%;
   height:280px;
   background-size:135%;
 }
  .kv_under_content .container .kv_text .kv_text_right{
   width: unset;
   margin:  0;
   float: unset;
   padding:3%;
  }
  .kv_under_content .container .kv_text .kv_text_right .title p{
    font-size: 26px;
   }
  .under_background_img .container .keyvisual_text{
    width:100%;
  }
  .header_wrap .head_logo{
    display:none;
  }
  .header_wrap .h_under_layer_top{
    width:unset;
    display:none;
  }
  .home_header{
    margin-bottom:0;
  }
  .home_header:before{
    position:unset;
    background:unset;
    width:unset;
  }
  .header_second .nav_follow_wrap{
   display:none!important;
  }
  .keyvisual .movie video{
    border-radius: 0;
  }
  .header_wrap{
   display:unset;
  }
  .sp_hd_nav{
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 3px solid #DD1A1A;
    align-items:center;
    position:relative;
  }
  .sp_hd_log{
    max-width:140px;
    margin: 1% 0 0 2%;
  }
  .sp_hd_log img{
    width:100%;
    height:auto;
  }
  .sp_tel{
    display: block;
    width: 25px;
    height:auto;
    position:absolute;
    right: 71px;
    top: 7px;
  }
   .sp_tel img{
   width:100%;
  }
  /* +クリック領域 */
  .sp-parent {
    cursor: pointer;
    position: relative;
    display:flex;
    flex-wrap:wrap;
    align-items: center;
    width: 43%;
    border:1px solid #999;
    padding: 1% 3%;
    background:#fff;
    margin:0.5em 1em 3.5em 0;
    border-radius: 5px;
    justify-content: center;
    box-shadow:0px 3px 0px 0px #bbb;
    font-weight: 600;
    float:right;
    font-size:14px;
    font-weight: 500;
  }
  .sp-parent p:first-child{
  	width:20%;
  }
  .sp-parent p:first-child img{
  	width:100%;
  }
  .sp-parent p:last-child{
  	width:80%;
    padding: 0 0 0 2%;
  }
  /* プラスに変更 */
  .sp-parent:before,
  .sp-parent:after {
    content: '';
    width: 13px;
    height: 2px;
    background: #4c98ff;
    position: absolute;
    top: 50%;
    right: 5%;
    transform: translateY(-50%);
  }
  .sp-parent::after {
    transform: translateY(-50%) rotate(90deg);
    transition: .5s;
  }
  /* オープン時にopenクラスを付与 */
  .sp-parent.open{
    box-shadow:0px 0 0px 0px #bbb;
  }
  .sp-parent.open span{
   opacity:0.4;
  }
  .sp-parent.open:after {
  	transform: rotate(180deg);
  }
  /* クリックしたら表示される領域 */
  .sp-child {
    display: none;
  }
}
@media screen and (max-width: 860px) {
.sp-child-860 {
  display: none;
}
/* +クリック領域 バージョン2 */
.sp-parent-st2 {
position: relative;
padding: 1em 2em;
}
/* プラスに変更　バージョン2 */
.sp-parent-st2:before,
.sp-parent-st2:after {
content: '';
width: 13px;
height: 2px;
background: #4c98ff;
position: absolute;
top: 50%;
right: 5%;
transform: translateY(-50%);
}
.sp-parent-st2::after {
transform: translateY(-50%) rotate(90deg);
transition: .5s;
}
/* オープン時にopenクラスを付与 */
.sp-parent-st2.open{
box-shadow:0px 0 0px 0px #bbb;
}
.sp-parent-st2.open span{
opacity:0.4;
}
.sp-parent-st2.open:after {
transform: rotate(180deg);
}
#reson-optimization .sp-parent-st2:before,
#reson-optimization .sp-parent-st2:after {
  display: none;
}
}
@media screen and (max-width: 800px) {
  #reson-optimization .sp-child {
    display: none;
  }
  #reson-optimization .sp-parent-st2:before,
  #reson-optimization .sp-parent-st2:after {
    display: unset;
  }  
}

@media screen and (max-width: 960px) {
  .layout_sidebar {
    display: unset;
  }
}
/*================ バーガーメニュー ================*/
/* 960pxから表示 */
@media screen and (max-width: 960px) {
  .sp_hd_nav a p:first-child{
    width: 12%;
    margin: 0 1.5% 0 1%;
   }
   .sp_hd_nav a p.sp_nav_img:first-child{
    width: 11%;
    margin: 0 1.5% 0 1%;
   }   
   .sp_hd_nav p:first-child img{
    width: 100%;
    height:auto;
   }  
   .sp_hd_nav p:last-child{
    font-size:13px;
    font-weight: 500;
    line-height: 1.2em;
   }
  .ft-parent{
    border-top: 1px solid #ccc;
    padding: 1.5% 2%;
    cursor: pointer;
    position: relative;
    display:flex;
    align-items: center;
    font-weight: 600;
  }
  .sp_hd_nav .ft-parent{
    padding:2.5%;
  }
  .sp_hd_nav .ft-child{
    position: unset;
    list-style-type:none;
    padding:0;
  }
  .sp_hd_nav .ft-child li:before{
    display: none;
    position: unset;
  }
  .sp_hd_nav .ft-child li{
    position: unset;
    padding:0!important;
    border-top:1px dotted #ccc;
    list-style-type: none;
  }
  .sp_hd_nav .ft-child li a{
    display:flex;
    flex-wrap:wrap;
    align-items: center;
  }
  .sp_hd_nav .ft-child a.btn_albic_top{
    justify-content:center;
    padding:2%;
    background:#222;
    color:#fff;
   }   
  .sp_hd_nav .ft-child li a p:first-child{
    max-width: 17%;
    padding:0 3% 0 2%;
    box-sizing: border-box;
   }
  .sp_hd_nav .ft-child li a p img{
   width:100%;
   height: auto;
   vertical-align: bottom;
  }
  .sp_hd_nav .ft-child li a p:last-child{
    width:80%;
    font-size:14px;
    line-height:1.4em;
  }
  .sp_hd_nav .ft-child a{
    display:flex;
    flex-wrap:wrap;
    align-items: center;
    border-top: 1px solid #999;
    padding-top: 5px;
  }
  #nav-drawer #nav-content .f_icon{
    max-width:40px;
  }
  #nav-drawer #nav-content .f_icon img{
   width:100%;
  }
  #nav-drawer #nav-content .t_drawer{
   width:90%;
   font-size:16px;
   color:#000;
   padding: 0!important;
  }
  .home_footer_nav{
   position:fixed;
   bottom:0;
   left:0;
   background:#666;
   width:100%;
   z-index:999;
  }
  .home_footer_nav ul{
   display:flex;
   font-size:10px;
   list-style: none;
   background:#262626; 
  }
  .home_footer_nav ul li{
   color:#fff;
   width:20%;
  text-align:center;
  border-right: 1px solid #fff;
  z-index:999;
  background:#262626;
  font-size:12px!important;
  }
  .home_footer_nav ul li a{
    color:#fff;
   display:block;
  }
  .home_footer_nav ul li p{
    font-size:12px!important;
    color:#fff;
  }  
}
/* スマホのみプルダウン表示 */
.pc_off .ft-parent{
  display: none;
}
.pc_off .ft-child{
  margin: 0;
}
.cause_wrap dl.pc_off {
  padding:0!important;
  margin:1em 0 0 0;  
}
@media screen and (max-width: 960px) {
  .pc_off .ft-parent{
    display: block;
    background:#fff;
    border:1px solid #ccc;
  }
  .pc_off .ft-child {
    padding:0;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
  }
  .pc_off .arrow_red:after{
     display: none;
     width: 0;
     height: 0;
  }
  .pc_off .ft-child li{
    border-bottom:1px solid #ccc;
    margin:0;
  }
  .pc_off .cause_wrap .flex_box li{
    padding: 0!important;
  }
  .ft-child li::before{
   right: 24px;
   }
   .ft-child-list ul{
    margin:1em 0;  
  }
  .ft-child-list li{
   border:1px solid #999;
   margin:0.2em 0;
   border-radius:10px;
  }
  .ft-child-list li a{
    display: block;
  }
  /*続き追加*/
  .btn_tuzuki .ft-parent{
    border:0;
    float:right;
    padding:0.2em 2em 0.3em 0.5em;
    border:1px solid #777;
    border-radius:5px;
    font-weight:500;
    font-size:13px;
  }
  .btn_tuzuki .ft-child{
    border:0;
    clear:both;
  }
  .btn_tuzuki li{
    border:0!important;
    margin:0;
    padding:0;
  }
  .btn_tuzuki .ft-child li::before{
    border:0;
  }
}
/* フッターカテゴリー */
@media screen and (max-width: 960px) {
  .ft{
   margin:0;
  }
  .ft dt{
   margin:0;
  }
  .ft dd{
   margin:0;
  }
  .ft-parent{
  border-top: 1px solid #ccc;
  padding:3% 5%;
  cursor: pointer;
  position: relative;
  display:flex;
  align-items: center;
  }
  dl.ft:nth-child(3){
    border-bottom: 1px solid #ccc;
  }
  /* プラスに変更 */
  .ft-parent:before,
  .ft-parent:after {
    content: '';
    width: 14px;
    height: 2px;
    background: #4c98ff;
    position: absolute;
    top: 50%;
    right: 5%;
    transform: translateY(-50%);
  }
  .ft-parent::after {
    transform: translateY(-50%) rotate(90deg);
    transition: .5s;
  }
  /* オープン時にopenクラスを付与 */
  .ft-parent.ft-open:after {
    transform: rotate(180deg);
  }
  /* クリックしたら表示される領域 */
  .ft-open{
  background:#fff;
  }
  .ft-child {
  display: none;
  background:#fff;
  padding:0 5%;
  }
 .ft-child li::before{
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right:11px;
  width: 8px;
  height: 8px;
  border-right: 2px solid #4c98ff;
  border-bottom: 2px solid #4c98ff;
  transform: translateY(-50%) rotate(-45deg);
  }
  .ft-child li{
  position: relative;
  list-style:none;
  border-top:1px solid #eee;  
  }
  .ft-child li a{
  padding: 3% 1%;
  display:block;
  }
  .ft-child-list li{
   display:inline-block;
   width:48%;
   text-align: center;
   padding:4% 0;
  }
  /* オープン時にopenクラスを付与 */
  .dp-parent.dp-open:after {
    transform: rotate(180deg);
  }
  /* クリックしたら表示される領域 */
  .dp-open{
    background:#fff;
  }
  .dp-child {
    display: none;
    background:#fff;
    padding:0 0 0 5%;
  }
  .dp-child li::before{
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    right:24px;
    width: 8px;
    height: 8px;
    border-right: 2px solid #4c98ff;
    border-bottom: 2px solid #4c98ff;
    transform: translateY(-50%) rotate(-45deg);
  }
  .dp-child li{
      position: relative;
      padding:3% 0 3% 5%;
      list-style:none;
  }
  .dp-child-list li{
    display:inline-block;
    width:48%;
    text-align: center;
    padding:4% 0;
  }
}
/* テキスト横スクロール */
@media screen and (max-width: 960px) {
  .sp_srder_wid {
    overflow   : hidden;
  }
  .sp_srder_wid p.lead{
    display     : inline-block;
    padding-left: 100%;
    white-space : nowrap;
    line-height : 1em;
    animation   : scrollAnime 50s linear infinite;
  }
  @keyframes scrollAnime{
      0% { transform: translateX(0)}
    100% { transform: translateX(-100%)}
  }
}
/* 検索ページ */
.layout_sidebar #search-wrap article{
  max-width:unset!important;
  width:unset!important;
  margin:0!important;
}
.search_wp{
  padding:5% 4%;
  background-color:#f7f7f7;
  margin-bottom:0.5em;
  border-radius:5px; 
}
.search_wp .search_wp_tx{
  border:1px solid #999;
  background-color:#fff;
  width:75%;
}
.search_wp .search_wp_sb{
  border:1px solid #555;
  background-color:#555;
  color:#fff;
  border-radius:3px;
  width:23%; 
}
.no_search{
  font-size:130%;
  text-align:center;
  margin:2em 0 0 0;
  font-weight: 600;
}
.result_search{
  font-size:130%;
  text-align:left;
  margin:0 0 0.2em 0;
  font-weight: 600;
}
.search_keyword p{
  font-size: 13px;
  line-height: 1.5em;
}
@media screen and (max-width: 960px) {
  .search_wp{
   margin:1.5em 0 0.5em 0;
  }
 }
/*記事*/
dl.tximg_l{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
dl.tximg_l dt{
  width: 50%;
  order: 1;
  padding-right:2%;  
}
dl.tximg_l dd{
  width: 50%;
  order: 2;
  box-sizing:border-box;
  margin:0;
}
dl.tximg_r{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
dl.tximg_r dt{
  width: 50%;
  order: 2;
}
dl.tximg_r dd{
  width: 50%;
  order: 1;
  box-sizing:border-box;
  margin:0;  
}
dl.tximg_r dt .title,
dl.tximg_l dt .title{
 font-size:120%;
 font-weight: 600;
}
ul.ki_list{
  margin: 0.5em 0 0 2em;
}
/*================ スマホ プルダウン表示 (header) ================*/
#nav-drawer {
  position: relative;
  z-index: 9;
}
.nav-drawer-wp{
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content:space-between;
}
.nav-drawer-wp .sp_tel{
  width: 25px!important;
}
.nav-drawer-wp .sp_hd_log{
  width:150px;
} 
/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}
/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  vertical-align: middle;
}
#nav-open span:before {
  bottom: -8px;
}
#nav-open span:after {
  bottom: -16px;
}
/*閉じる用の薄黒箇所*/
#nav-close {
  display: none;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}
/*メニューの中身*/
#nav-content {
  position: fixed;
  left: 0;
  z-index: 99;
  width:91%;
  height: 100%;
  background: #fff;
  transition: .3s ease-in-out;
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);
  margin-top:4px;
  overflow-y: scroll;
}
/*チェックがついたら表示させる*/
#nav-input:checked ~ #nav-close {
  display: block;
  opacity: .5;
}
#nav-input:checked ~ #nav-content {
  transform: translateX(0%);
  z-index: 99;
  box-sizing: content-box;
}
.sp_hd_nav{
 display: flex;
 display: -moz-flex;
 display: -o-flex;
 display: -webkit-flex;
 display: -ms-flex;
 flex-direction: row;
 -moz-flex-direction: row;
 -o-flex-direction: row;
 -webkit-flex-direction: row;
 -ms-flex-direction: row;
 z-index:99;
 background:#fff;
 box-sizing: content-box;
}
html.active,
html.activebody {
  height: 100%;
  overflow: hidden;
}
/* コンテンツカバー */
#nav-input:checked ~ .nav-content-cover{
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: -1;
  background: rgba(3,3,3,.5);
  display: block;
  margin-top:5px;  
}
/*================ スマホ フッターナビ (footer) ================*/
#f-nav-drawer {
  position: relative;
  z-index: 1;
}
/*チェックボックス等は非表示に*/
.f-nav-unshown {
  display:none;
}
#f-nav-open{
  font-size: 14px;
   padding:5.5% 0;
   display:block;
   background: #666;
}
/*閉じる用の薄黒箇所*/
#f-nav-close {
  display: none;
  position: fixed;
  z-index: 99;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}
/*メニューの中身*/
#f-nav-content {
  position: fixed;
  margin-bottom:30px;
  left:0;
  z-index:999;
  width: 100%;
 height: 50%;
  background: #999;
  transition: .3s ease-in-out;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);  
 margin-bottom:500px;
}
/*チェックがついたら表示させる*/
#f-nav-input:checked ~ #f-nav-close {
  display: block;
  opacity: .5;
}
#f-nav-input:checked ~ #f-nav-content {
  -webkit-transform: translateY(-100);
  transform: translateY(-100%); 
  z-index: -1;
}
html.active,
html.activebody {
  height: 100%;
  overflow: hidden;
}
.sp-footer-nav{
  position: relative;
  z-index:99;
 }
/*================ メニュー本体 ================*/
/* 暗い背景 */
.p-sp-nav-bg2,
.p-sp-nav-bg{
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(3,3,3,.5);
  top: 0;
  left: 0;
  transition: all 0.3s;
  z-index:2;
}
/* .bg-activeが付与された時 */
.p-sp-nav-bg2.bg-active,
.p-sp-nav-bg.bg-active{
  display: block;
  transition: all 0.3s;
}
/* ナビゲーション全体を囲うタグ */
#sp-g-nav {
  position: fixed;
  z-index: 10;
  color: #fff;
  background-color: #eee;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.3;
  width: 100%;
  bottom: -120%;
  transition: all 0.3s;
}
/*アクティブクラスがついたら表示位置変更*/
#sp-g-nav.panel-active {
  width: 100%;
  bottom: 45px;
  height: auto;
  transition: all 0.3s;
  padding-top:1%;
}
.card {
  position: relative;
}
.card__link{
  padding: 8px 0 5px 0;
  line-height: 1.3em;
}
.card__link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: transparent;
}
#sp-g-nav .p-sp-nav_ul{
  overflow-y: scroll;
  max-height:490px;
  color:#333;
  font-size:14px;  
}
.p-sp-nav_ul .p-sp-nav_li{
  margin-bottom: 0.5em;
}
 #sp-g-nav .ft-child{
  overflow-y: scroll!important;
 }
#sp-g-nav .ft-child li a{
  width:100%;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
 }
#sp-g-nav .ft-child li img{
  width:80%;
 }
/* ナビゲーション全体を囲うタグ */
#sp-g-nav2 {
  position: fixed;
  z-index: 10;
  color: #fff;
  background-color: #eee;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.3;
  width: 100%;
  bottom: -120%;
  transition: all 0.3s;
}
/*アクティブクラスがついたら表示位置変更*/
#sp-g-nav2.panel-active {
  width: 100%;
  bottom: 45px;
  transition: all 0.3s;
}
#sp-g-nav2 .p-sp-nav_ul{
  overflow-y: scroll;
  max-height:600px;
  color:#333;
  font-size:14px;  
}
#sp-g-nav2 .ft-child{
  overflow-y: scroll!important;
 }
#sp-g-nav2 .ft-child li a{
  width:100%;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
 }
#sp-g-nav2 .ft-child li img{
  width:80%;
 }
 .close-sty{
  color:#333;
  font-weight: 600;
  margin: 5px 10px 0 0;
  text-align: right;
  cursor:pointer; 
}
.sp-ft-list{
  padding: 0 2%!important;
}
.sp-ft-list dt{
  font-weight:600;
  margin-bottom:5px;
  border-bottom:1px solid #999;
  padding-bottom:3px;
}
.sp-ft-list dd{
  margin: 0;
  list-style-type: none;
  border-bottom:1px solid #999;
}
.sp-ft-list a{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content:left;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  padding: 0.8%;
  background: #fff;
  font-weight: 600;  
}
.sp-ft-list a p:first-child{
  width: 13%;
  margin-right: 8px;
}
.sp-ft-list a p:first-child img{
  width: 100%;
  vertical-align:bottom;
}
#sp-g-nav2 .searchform{
  width: 100%;
  margin: 0 auto 1em auto;
}
.sp-fotter-menu{
  display:none;
}
.is-fixed{
  display:unset!important;
}
/*================ Thank ページ ================*/
#mitumori-thanks .contact_wrap,
#catalog-thanks .contact_wrap,
#contact-thanks .contact_wrap{
  max-width: 750px;
  font-weight:600;
}
#mitumori-thanks .albic_category,
#catalog-thanks .albic_category,
#contact-thanks .albic_category{
  border:0;
  width:90%;
  margin:0 auto;
  padding-bottom:1em;
}
#mitumori-thanks .season_wrap,
#catalog-thanks .season_wrap,
#contact-thanks .season_wrap{
  top:4%;
  right:1%;
}
.thanks_name{
  float:right;
}
/*================ お見積りフォーム ================*/
#mitumori .wpcf7-list-item input{
	width:40px;
}
@media screen and (max-width: 860px) {
  #contact .ic_required:after,
  #mitumori .ic_required:after{
    top: -1px;
    left:0;
   }
   #contact .ic_required,
   #mitumori .ic_required{
     padding:0 0 10px 70px;
   }
   #contact .wpcf7-list-item,
   #mitumori .wpcf7-list-item {
     margin: 4px!important;
   }
   #contact .wpcf7-acceptance .wpcf7-list-item,
   #mitumori .wpcf7-acceptance .wpcf7-list-item{
     width: 100%!important;
    }
  #mitumori .wpcf7-form dt br{
    display: none;
  }
}
/*リキャプチャ*/
.grecaptcha-badge{
  margin-bottom:35px;
  /*display:none!important;*/
}
/*リンク*/
#payment,
#pu_flow,
#shp_cost,
#ab_samples,
#ab_processing,
#ab_delivery_date{
  padding-top: 5em;
  margin-top:-5em;
}
#contact-form-t{
  padding-top: -5em!important;
  margin-top: 5em!important;
}
/*================ 選択ボタン ================*/
ul.mail_fax_btn{
  /* display: flex; */
  /* flex-wrap: wrap; */
  /* justify-content: center; */
  /*width:1000px;*/
  margin:3% auto 7% auto;
  text-align:center;
}
ul.mail_fax_btn li{
  /*width: 50%;*/
  list-style-type:none;
  margin-bottom:55px;
}
ul.mail_fax_btn li a{
  background: #DD1A1A;
  padding: 1% 2%;
  border-radius: 10px;
  color:#fff;
  font-weight:800;
  margin:auto;
}
.mail_fax_tit{
  font-size: 24px;
  text-align: center;
  margin-top: 4%;
  font-weight:800;
}

/*================ 各ページクローズ (共通) ================*/
/* 会社概要・創業94年の信頼と実績・業界トップクラス */
.fl_clear span,
.history .hist_bg01,
.achievement .hist_bg02,
.about .hist_bg03{
  display: none;
}
/* 丸十服装が選ばれる理由 */
.maker .hist_bg01,
.orderuniform .hist_bg02,
.reson .hist_bg03,
.sdgs .hist_bg04{
  display: none;
}
/* 丸十服装の強み */
.reson-logistics .res_bg01,
.reson-processing .res_bg02,
.reson-lineup .res_bg03,
.reson-price .res_bg04,
.reson-suport .res_bg05,
.reson-optimization .res_bg06,
.reson-rental .res_bg07,
.reson-catalog .res_bg08,
.reson-web .res_bg09{
  display: none;
}
/* SDGs */
.sdgs-eco .sdgs_bg01,
.sdgs-carbonoff .sdgs_bg02,
.sdgs-recycle .sdgs_bg03,
.sdgs-sai .sdgs_bg04,
.sdgs .sdgs_bg05{
  display: none;  
}
.top_up{
  position: relative;
  z-index:999;
  width:140px;
  right: -91px;
}
/***トップへ戻るボタン***/
.top_up a{
  display: block;
  font-size: 1rem;
  background: #444;
  padding: 3px 25px;
  z-index:9!important;
  box-shadow: 0 2px 10px -6px rgba(0,0,0,.5), 0 3px 10px -4px rgba(0,0,0,.2);
  opacity:0.5;
}
/***マウスオーバー時***/
.top_up a:hover {
  background: #666;
  opacity:1;
}
.top_up a:after{
  display: inline-block;
  vertical-align: middle;
  color: #fff!important;
  line-height: 1;
  width: 0.7em;
  height: 0.7em;
  border: 0.1em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  top: 40%;
  left: 44%;
  transform: rotate(-45deg);
  position:absolute;
  content:"";
}
@media screen and (max-width: 960px) {
  .top_up{
    display: none;
  }
}
/*================アクション================*/
.box{
  opacity: 0;
}
.fadeUp {
animation-name:fadeUpAnime;
animation-duration:0.3s;
animation-fill-mode:forwards;
opacity: 0;
}
@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }
  to {
    opacity: 1;
  transform: translateY(0);
  }
}
/* サイト全体のアクション */
.boxs{
  opacity: 0;
}
.fadeUps {
animation-name:fadeUpAnimes;
animation-duration:0.8s;
animation-fill-mode:forwards;
opacity: 0;
}
@keyframes fadeUpAnimes{
  from {
    opacity: 0;
  transform: translateY(300px);
  }
  to {
    opacity: 1;
  transform: translateY(0);
  }
}
.text_big{
  font-size:18px;
   font-weight: 600; 
 }
 .tel_flex{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.tel_flex div .text_big{
  margin: 0 0 0 10px!important;
  line-height:1.5em!important;
 }
 .text_big_ct{
  font-size:26px;
  font-weight:600;
 }
.menu__drop {
  display: inline-block;
  transition: opacity 0.3s ease;
  cursor: pointer;
}
.menu__drop:hover {
  opacity: 0.7;
}
.menuSub {
  display: none;
  position: absolute;
}
li.ch_menu div.menuSub {
  top:103%;
  left: 11%!important;
  right: 10%;
  max-width: 1080px!important;
  width: 100%;
  height:auto;
  background: #fff;
  box-sizing: border-box;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  flex-wrap: wrap;
  filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.3));
  border-radius: 5px;
  margin:auto;
  position:absolute;
}
li.ch_menu div.menuSub .child_menu_title{
background:#cf2e2e;padding: 3% 1% 4% 2%;border-radius: 5px 0 0 5px;width: 20%;}
li.ch_menu div.menuSub .child_menu_title p{
color:#fff;
}
li.ch_menu div.menuSub .child_menu_title p a{
color:#fff;
padding:0;
}
li.ch_menu div.menuSub .child_menu_content{
width: 80%; display: flex; flex-wrap: wrap;
height:630px!important;
}
/*追加*/
li.ch_menu:nth-child(2) div.menuSub .child_menu_content{
  padding-top: 8%!important;
  position:relative;
}
.po_title{
  width: 75%;
  position:absolute;
  top: 6%;
  right:3%;
  font-size: 18px;
  border-bottom:1px solid #999;
}
/*ここまで*/
.global_menu li:nth-child(3) div.menuSub .child_menu_content,
.global_menu li:nth-child(4) div.menuSub .child_menu_content,
.global_menu li:nth-child(5) div.menuSub .child_menu_content,
.global_menu li:nth-child(6) div.menuSub .child_menu_content{
display: unset!important;
}
.global_menu li:nth-child(6) div.menuSub .child_menu_content ul,
.global_menu li:nth-child(5) div.menuSub .child_menu_content ul,
.global_menu li:nth-child(3) div.menuSub .child_menu_content ul{
  margin-top:2em;
}
li.ch_menu div.menuSub .child_menu_content .nv_sv_tl{
  font-size:120%;
  margin:4% 5% 3% 2%;
  border-bottom:1px solid #999;
}
li.ch_menu div.menuSub .child_menu_content .tab li{
  padding:0;
}
li.ch_menu div.menuSub .child_menu_content li{
  width:20%;
  padding:0;
  box-sizing:border-box;
}
li.ch_menu div.menuSub .child_menu_content li.nv_top_li{
  width:100%;
  padding:0.5% 6% 0.5% 2%;
  box-sizing:border-box;
}
li.ch_menu div.menuSub .child_menu_content li.nv_top_li_sb{
  width: 90%!important;
  margin: 0 0 0 10%;
}
li.ch_menu div.menuSub .child_menu_content li.nv_top_li a{
  display:flex;
  align-items:center;
  padding:0 0 0.5% 0;
  border-bottom:1px dashed #999;  
}
li.ch_menu div.menuSub .child_menu_content li.nv_top_li a p:nth-child(1){
  width: 12%;
}
li.ch_menu div.menuSub .child_menu_content li.nv_top_li a p:nth-child(2){
  width: 88%!important;
  margin: 0!important;
  padding-left: 2%!important;
}
li.ch_menu div.menuSub .child_menu_content li a img{
  width:100%;
  height:auto;
}
li.ch_menu div.menuSub .child_menu_content ul.tab li{
  margin:0; 
}
li.ch_menu div.menuSub .child_menu_content .area li{
  width:49%;
  margin:0.5%;
}
li.ch_menu div.menuSub .child_menu_content li:hover{
opacity:0.7;
}
.nav_flex{
  display:flex;
  flex-wrap:wrap;  
}
.under_header .menuSub{
  left:-1%!important;
}
ul#menu-main li:nth-child(2) .menu__drop,
ul#menu-main li:nth-child(3) .menu__drop,
ul#menu-main li:nth-child(4) .menu__drop,
ul#menu-main li:nth-child(5) .menu__drop,
ul#menu-main li:nth-child(6) .menu__drop{
  position: relative;
}
ul#menu-main li:nth-child(2) .menu__drop:after{
  content: "";
  display: inline-block;
  position: absolute;
  top: 45%;
  right: -21%;
  width: 6px;
  height: 6px;
  border-bottom: 2px solid #666;
  border-left: 2px solid #666;
  transform: translateY(-50%) rotate(-45deg);
  transition: .3s;
}
ul#menu-main li:nth-child(3) .menu__drop:after,
ul#menu-main li:nth-child(5) .menu__drop:after{
content: "";
display: inline-block;
position: absolute;
top: 45%;
right: -9%;
width: 6px;
height: 6px;
border-bottom: 2px solid #666;
border-left: 2px solid #666;
transform: translateY(-50%) rotate(-45deg);
transition: .3s;
}
ul#menu-main li:nth-child(4) .menu__drop:after,
ul#menu-main li:nth-child(6) .menu__drop:after{
  content: "";
  display: inline-block;
  position: absolute;
  top: 45%;
  right: -14%;
  width: 6px;
  height: 6px;
  border-bottom: 2px solid #666;
  border-left: 2px solid #666;
  transform: translateY(-50%) rotate(-45deg);
  transition: .3s;
  }
ul#menu-main li:nth-child(2) .child_menu_content a:after,
ul#menu-main li:nth-child(3) .child_menu_content a:after,
ul#menu-main li:nth-child(4) .child_menu_content a:after,
ul#menu-main li:nth-child(5) .child_menu_content a:after,
ul#menu-main li:nth-child(6) .child_menu_content a:after{
border-bottom: 0;
border-left: 0;
}
li.ch_menu div.menuSub ul.child_menu_content li a p{
  font-size:12px;
}
.global_menu li {
  font-weight: 600;
}
.global_menu li:nth-child(2) {
  width:90px;
}
.global_menu li:nth-child(3) {
  width:142px;
}
.global_menu li:nth-child(4) {
  width:114px;
}
.global_menu li:nth-child(5) {
  width:126px;
}
.global_menu li:nth-child(6) {
  width:95px;
}
.nav_close{
  position:absolute;
  content:"";
  bottom:0;
  left:0;
  border:1px solid #cf2e2e;
  margin:0.5%;
  font-size:14px;
  padding:0.5% 1% 0.5% 0.5%;
  color:#cf2e2e;
  cursor: pointer;
  background:#fff;
}
.nav_follow_wrap .global_menu li:nth-child(2) {
  width:89px;
}
.nav_follow_wrap .global_menu li:nth-child(6) {
  width:105px;
}
@media screen and (max-width: 1122px) {
  .global_menu li:nth-child(2) {
    width:65px;
  }
  .global_menu li:nth-child(3) {
    width:115px;
  }
  .global_menu li:nth-child(4) {
    width:90px;
  }
  .global_menu li:nth-child(5) {
    width:101px;
  }
  .global_menu li:nth-child(6) {
    width:81px;
  }
}
/*クローズ(非表示)*/
.br_599,
.cl_sp,
.cl_w599{
  display: none;
}
/*--------- EXPO -----------*/
.bana_expo {
  max-width:680px;
  width: 100%;
  margin:auto;
}
.bana_expo a:hover{
  opacity:0.6;
}

/* ------------- 作業服 特集 -------------- */
.w_toku_wrap .case_wrap{
  border:1px solid #000;
  margin:4% 3%;
  padding:2%;
  background:#fff;
  letter-spacing:0.05em;
}
.w_toku_wrap .case_wrap p{
  font-size:15px;
}
.toku_gray{
  background:#eee;
  padding:4% 0 1% 0;
  text-align:center;
  margin-bottom:5%;
}
.to_summer h3{
  font-size:30px;
  border-bottom:solid #12285a 6px;
  width:300px;
  margin:auto;
}
.to_summer p.sb_tit{
  font-size:15px;
  color:#12285a;
  font-weight: 800;
}

.to_winter h3{
  font-size:30px;
  border-bottom:solid #ca5b01 6px;
  width:410px;
  margin:auto;
}
.to_winter p.sb_tit{
  font-size:15px;
  color:#ca5b01;
  font-weight: 800;
}
p.camp_tit{
  text-align:center;
  font-size:24px!important;
  margin-bottom:10px;
  font-weight:800;
}
.w_toku_wrap ul{
  list-style-type: none!important;
}
.w_toku_wrap dl.featur_s_wrap,
.w_toku_wrap dl.featur_wrap{
  display:flex;
  flex-wrap:flex;
  justify-content: space-around;
}
.w_toku_wrap dl.featur_wrap dt{
  width:55%;
  order: 2;
  text-align:left;
  padding: 0 2%;
  font-size:15px!important;
  font-weight: 800;
}
.w_toku_wrap dl.featur_wrap dt ul{
  display:flex;
  flex-wrap:wrap;
}
.w_toku_wrap dl.featur_wrap dt ul li{
  width:220px;
}
.w_toku_wrap dl.featur_wrap dt ul li a{
  background:#fff;
  padding:5% 5% 5% 10%;
  margin:1% 2% 1% 2%;
  border-radius:5px;
  display:block;
}
.w_toku_wrap dl.featur_wrap dd{
  width:45%;
  order:1;
  margin:0;
}
.w_toku_wrap dl.featur_wrap dd img{
  width:100%;
  vertical-align:bottom;
}
.w_toku_wrap dl.featur_wrap_right{
  display:flex;
  flex-wrap:flex;
  justify-content: space-around;
  margin:0;
}
.w_toku_wrap dl.featur_wrap_right dt{
  width:42%;
  order: 1;
}
.w_toku_wrap dl.featur_wrap_right dd{
  width:58%;
  order: 2;
}
p.to_set{
  font-size:18px!important;
  font-weight:800;
}
.to_summer p.to_title{
  font-size:30px!important;
  font-weight:800;
  color:#12285a;
  line-height:2.4em;
}

.to_winter p.to_title{
  font-size:30px!important;
  font-weight:800;
  color:#ca5b01;
  line-height:2.4em;
}

p.to_title span{
  font-size:45px!important;  
}
.to_price_wrap{
  background:#be0000;
  padding:3% 4% 3% 4%;
  border-radius:8px;
}
.to_price_wrap p{
  color:#fff;
  font-weight: 800;
  line-height:1.5em;
}
.to_price{
  font-size:16px!important;
  text-align:center;
}
.to_price span{
  font-size: 18px!important;
  letter-spacing:0;  
}

.w_toku_wrap .to_btn{
  text-align:center;
  width: 336px;
  margin:0 2%
}
.w_toku_wrap .to_btn a{
  background:#be0000;
  border-radius:8px;  
  font-size: 24px;
  color:#fff;
  font-weight:800;
  display:block;
  padding:5%;
}
.to_btn_wrap{
  display: flex;
  flex-wrap: wrap;
  margin:5% 0;
  justify-content: center;
}
.w_toku_wrap .contact_wrap{
  width:75%!important;
}
.w_toku_wrap a:hover{
  opacity:0.6;
}
.w_toku_set{
  margin:0 auto 5% auto;
}
.w_toku_banner{
  width:50%;
  margin:2% auto;
}
.w_toku_banner img{
  width:100%;
}
.w_toku_wrap .on_wrap{
  width:80%;
  margin:4% auto;
  background:#fff;
  padding:3% 3% 1% 3%;
}
.w_toku_wrap h4{
  text-align:left;
  font-size:20px;
  line-height:2em;
  position:relative;
  padding: 0 0 10px 10px;
}
.w_toku_wrap h4::after{
  position: absolute;
  top: 10%;
  left: 0;
  width: 5px;
  height: 60%;
  content: '';
  border-radius: 3px;
  background: #DD1A1A;
}
.w_toku_wrap .product_spec .product_spec_text dd{
  text-align: left;
}
.w_toku_wrap .arrow_right:after{
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  right: 12px;
  width: 12px;
  height: 12px;
}
.txt_left{
  text-align:left;
}
/* 特集各ページ */
.w_toku_wrap dl.layer_flex_reverse{
  display: flex;
  flex-wrap:wrap;
  align-items: flex-start;
  width:80%;
  margin:5% auto 0 auto;
  padding: 3% 2.5%;
  background:#fff;
}
.w_toku_wrap dl.layer_flex_reverse dt{
  width: 50%;
  padding:0 2% 0 0;
  text-align:left;
}
.w_toku_wrap dl.layer_flex_reverse dd{
  width: 50%;
  padding: 0 2% 2% 0;
  margin:0;
}
.w_toku_wrap img{
  width: 100%;
}
.to_processing{
  width:80%;
  margin: 0 auto; 
  background:#fff;
  padding:2.5%;
}
.to_processing .processing-st{
  text-align: left;
}
.w_toku_tits01{
  font-size:30px;
  line-height:0;
}
.w_toku_tits02{
  font-size:16px;
  line-height:0;
}
.w_toku_cp{
  margin:4% 6%!important;
  padding:2% 3% 2% 3%!important;
}
.w_toku_wrap dl.featur_s_wrap{
  width: 1000px;
}
.w_toku_wrap dl.featur_s_wrap dt{
  width:500px;
  order: 2;
  text-align:left;
  padding:1% 2.5% 1% 2.5%;
  font-size:15px!important;
  font-weight: 800;
  background:#dfdcd5;
}
.w_toku_wrap dl.featur_s_wrap dt ul{
  display:flex;
  flex-wrap:wrap;
}
.w_toku_wrap dl.featur_s_wrap dt ul li{
  width:50%;
}
.w_toku_wrap dl.featur_s_wrap dt ul li a{
  background:#fff;
  padding:5% 5% 5% 10%;
  margin:1% 2% 1% 2%;
  border-radius:5px;
  display:block;
}
.w_toku_wrap dl.featur_s_wrap dd{
  width:500px;
  order:1;
  margin:0;
}
.w_toku_wrap dl.featur_s_wrap dd img{
  width:100%;
  vertical-align:bottom;
}

.to_processing .sp_color{
  display:none;
}
.to_processing .flex_three dl dt{
  text-align:left;
}
.to_processing .title{
  font-size: 120%!important;
  font-weight:800;
}
.to_fut{
  width:80%;
  margin:auto;
}
.to_fut h3{
  font-size:30px;
  border-bottom:solid #ca5b01 6px;
  width:410px;
  margin:0 auto 5% auto;
  text-align:center;
}
.to_fut p.sb_tit{
  font-size:15px;
  color:#ca5b01;
  font-weight: 800;
  text-align:center;
}
.to_fut p.to_title{
  font-size:30px!important;
  font-weight:800;
  color:#ca5b01;
  line-height:2.4em;
}
.to_fut_tit{
  font-size:20px;
  font-weight:800;
  margin:5% 0 1% 0;
  position:relative;
  padding:0 0 0 2%;
}
.to_fut_tit:before{
position:absolute;
  content:"";
  border-left:8px solid #ca5b01;
  height:30px;
  left:0;
}
ul.to_fut_btn{
  display:flex;
  flex-wrap:wrap;
}
ul.to_fut_btn li{
  width:46%;
  border:1px solid #777;
  font-size:120%;
  font-weight:800;
}
ul.to_fut_btn li:nth-child(2){
  margin-left:5%;
}
ul.to_fut_btn li a{
  padding:1%;
  display:flex;
  align-items: center;
}
ul.to_fut_btn li a img{
  width:100px;
  height:auto;
  margin:0 15px 0 0;
}


#work_camp_al25 .w_toku_wrap dl.featur_s_wrap dd{
  background-image: url("../image/work_campaign/al25/al25-main.jpg");
  background-size:cover;
}
#work_camp_al25 .w_toku_wrap dl.featur_s_wrap dd{
  background-image: url("../image/work_campaign/al75/al75-main.jpg");
  background-size:cover;
}
#work_camp_al25 .w_toku_wrap dl.featur_s_wrap dd{
  background-image: url("../image/work_campaign/7041/7041-main.jpg");
  background-size:cover;
}
#work_camp_al25 .w_toku_wrap dl.featur_s_wrap dd{
  background-image: url("../image/work_campaign/al25/al25-main.jpg");
  background-size:cover;
}
/*================ 特集バナー ================*/
.albic_wrap .container{
  position:relative;  
}
.albic_wrap .container .toku_banner{
  position:absolute;
  width:139px;
  height:200px;
  right:-150px;
  top:100px;
}
.albic_wrap .container .toku_banner:hover{
  opacity:0.7;
}

ul.btn_top_banner{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type:none;
  max-width:1000px;
  margin:0 auto;
  padding:1% 0;
}
ul.btn_top_banner li{
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	margin: 0;
	padding: 1% 1% 0.5% 1%;
	/*font-weight: bold;*/
	/*background-image: linear-gradient(to top, #D8D9DB 0%, #fff 80%, #FDFDFD 100%);*/
	/*border-radius:10px;*/
	/*border: 1px solid #999;*/
	/*text-shadow: 0 1px #fff;*/
	/*transition: 0.5s;*/
	filter:drop-shadow(3px 3px 3px #999);
	width: 47%;
}
ul.btn_top_banner li a{
  /*color:#fff;
  text-align: center;
  font-weight: 800;
  font-size: 16px;
  padding: 2% 2%;
  width: 225px;*/
  display: block;
  color: #333;
}
.btn_banner_wrap{
  background: repeating-linear-gradient(120deg, #FCF7F3, #FCF7F3 3px, #fff 2px, #fff 6px);
  padding-bottom:3%;
}
ul.btn_top_banner li a:hover{
  opacity:0.6;
}
/*ul.btn_top_banner li:nth-child(3),
ul.btn_top_banner li:nth-child(4),
ul.btn_top_banner li:nth-child(1){
  padding-top:25px;
}*/
ul.btn_top_banner li a img{
  width:100%;
}
.banner_contact.mail_fax_btn{
  width:800px;
  margin:auto;
}
.mail_fax_btn .flex_center .contact_tel{
  width: 60%;
}
.mail_fax_btn .flex_center .tel,
.mail_fax_btn .flex_center .fax{
  /*font-size: 240%;*/
  font-size: 34px;
  color:#DD1A1A;
  font-weight:800;
  text-align:left;
}
.mail_fax_btn .flex_center .tel span,
.mail_fax_btn .flex_center .fax span{
  font-size:60%;
  margin:0 0 0 5px;
}
.btn_banner_tit{
  text-align:center;
  font-size:30px;
  padding:3% 0 0 0;
  font-weight:800;
}
.topbnr {
  text-align:center;
  padding:0 0 3.5% 0;
  max-width:45%;
  width:700px;
  margin:auto;
}
.topbnr img {
  width:100%;
}
.online_wrap_txt{
  margin:0 0 10px 0!important;
}
.online_wrap_txt {
  margin:0 0 10px 0!important;
}
dl.online_wrap dt{
  width:40%;
}
dl.online_wrap dd{
  width:40%;
  margin:7px 0 0 0
}
dl.online_wrap dd .timenn,
dl.online_wrap dd .timehh{
  margin:0 0 0 5%;  
  border:1px solid #ccc;
  padding:3% 5% 3% 5%;
  width:30%;
}
dl.online_wrap dt p input{
  padding:2.1% 2%;
}
a.online-btncon{
  font-size:18px;
  font-weight:800;
  /*line-height:3em;*/
  margin-top:10px;
  border-bottom:1px solid #DD1A1A;
  color:#DD1A1A;
  float:right;
}
a.online-btncon:before{
  content:" ＞ ";
  color:#DD1A1A;
}
.sample-sv p{
  color:#DD1A1A;
}
p.sample-sv {
  font-weight:800;
}
.sample-tyui{
  border:1px dotted #DD1A1A;
  padding:2%;
  font-weight:800;
}
.sample-tyui ul{
  margin:1% 1% 3% 5%;
}
.wpcf7-not-valid-tip {
	color: #0000ff; /* Red */
	font-size: 1.1em;
	display: block;
	font-weight: bold!important;
  font-family: math;
}

/*================ LP ================*/
.kv_under_lp{
margin: 2em 0;
background: url(../image/lp2025/main-bg1.webp) no-repeat;
background-size:cover;
background-position:right;
}
.kv_under_lp .container{
margin: 0 auto;
display:flex;
flex-wrap:wrap;
justify-content: center;
}
.kv_under_lp .container .kv_text_right{
width: 430px;
float:right;
margin: 3.5em 0 2em 10px;
}
.lp_kv01 img{
  width:500px;
  margin:0 0 2em 0;
}
.lp_kv02 img{
  margin:0 0 2em 0;
  width:450px;
}
.lp_kv03{
  width:700px;
  margin:40px 0 0 0;
}
.lp_kv03 img{
  width:90%;
}
@media screen and (max-width: 1135px) {
  .kv_under_lp .container .kv_text_right{
  width: 38%;
  float:right;
  margin: 3.5em 0 2em 2%;
  }
  .lp_kv01 img{
  width:100%;
  margin:0 0 2em 0;
}
.lp_kv02 img{
  margin:0 0 2em 0;
  width:100%;
}
  .lp_kv03{
    width:60%;
    margin:40px 0 0 0;
  }
  .lp_kv03 img{
    width:90%;
  }
}
#lp_202512 .lp_flex,
#lp_202512 .lp_flex_3{
  display:flex;
  flex-wrap:wrap;
  justify-content: center;
  margin-bottom: 5em;  
}
#lp_202512 .lp_flex li{
  width:24%;
  padding:1%;
}
#lp_202512 .lp_flex_3 li{
  width:32%;
  padding:1%;
  margin-bottom:2em;  
}
#lp_202512 .lp_flex_3 li dd{
  margin:0;
}
#lp_202512 .region-top-wrap{
  width:80%;
  margin:5% auto;
  display:flex;
}
#lp_202512 .top-left{
  width:60%;
}
#lp_202512 .top-right{
  width:40%;
}
#lp_202512 .region-list{
  width:80%;
  margin:auto;
}
.lp_line_red{
  text-align:center;  
  margin-top:5em;
}
.lp_line_red span{
  border-bottom:solid #DD1A1A 3px;
  font-weight:800;
  /*font-size:120%;*/
  font-size:14px; 
}
#lp_202512 .cont_title{
  font-size:34px;
  width:550px;
  margin:auto;
}
.box_blk{
  background:#000;
  width:330px;
  color:#fff;
  margin:1.5em auto;
  font-size:22px;
  text-align:center;
  font-weight:800;
}
.box_red{
  background:#DD1A1A;
  width: 180px;
  color:#fff;
  margin:0 auto;
  font-size: 14px;
  text-align:center;
  font-weight:800;
  padding:0.2% 0 0 0;
}
.lp_flex_3 .d_ti{
  color:#DD1A1A;
  font-weight:800;
  font-size: 18px;  
}
.lp_flex_3 .d_kj{
  font-weight:500;
  line-height:1.5em;
  font-size: 13px;
  letter-spacing:-1px;
}
.lp_flex_2{
  display:flex;
  flex-wrap:wrap;
  justify-content: center;
  margin-bottom: 4em;
}
.lp_flex_2 li{
  width:50%;
  padding:4% 2%;
}
.lp_flex_2 li.d_ti{
  padding:9% 4% 0 4%;
}
.t_blk{
  margin-bottom:0.8em;
}
.t_blk span{
  background:#000;
  color:#fff;
  padding:1%;
  font-size:19px;
  font-weight:800;
}
.lp_flex_2 .tit{
  font-size:24px;
  font-weight:800;
  margin-bottom:0.3em;
}
.lp_flex_2 .txt{
  margin-bottom:3.5em;
}
.lp_provide{
  width:70%;
  margin:auto;
  box-shadow: 1px 1px 5px gray;
  padding:5%;
}
.lp_provide .tit{
  font-size:24px;
  font-weight:800;
  padding-left:20px;
  position:relative;
  margin-bottom:0.5em
}
.lp_provide .tit:before{
  position: absolute;
  top: 10%;
  left: 0;
  width: 7px;
  height: 80%;
  content: '';
  background: #DD1A1A;
}

.lp_provide .txt{
  margin-bottom: 2em;
}
.new_list{
  /*margin-top:2em;*/
}
.new_list li{
  border-bottom: 1px #000 dotted;
  margin-bottom:0.5em;
  padding-bottom:0.3em;
}
.new_list li span{
  background: #000;
  padding:0.8% 1%;
  color: #fff;
  margin-right: 10px;
  font-weight:800;
}

.lp_provide .map{
  width:90%;
  margin:0 auto 2em auto;
}
.lp_qa_list{
  display: flex;
  flex-wrap:wrap;
}
.lp_qa_list .lp_qa_box{
  width: 45%;
  margin:0 2.5% 4% 2.5%;
  display: inline-block;
  background:#fff;
}
.lp_qa_list .lp_qa_box dt{
  margin:0;
  background:#666666;
  display:flex;
  flex-wrap:wrap;
  align-items: center;
  color:#fff;
  position:relative;
  padding:1% 0 1% 9%;
  font-weight:800;
}
.lp_qa_list .lp_qa_box dt:before{
   position: absolute;
   content:"";
   background: url(../image/lp2025/coment-icon.png);
   z-index:99999;
   background-size: contain;
   width: 23px;
   height: 23px;
   left:9px;
}
.lp_qa_list .lp_qa_box dt p{
  font-size: 110%;
  font-weight:600;
  
}
.lp_qa_list .lp_qa_box dt p span{
  font-size:150%;
  margin-right:0.3em;
  padding-right:0.5em;
  display: inline-block;
  transform: skewX(-15deg);
  font-family: Montserrat black;
}
.lp_qa_list .lp_qa_box dt p:last-child:before{
  position:absolute;
  border-right:1px solid #fff;
  content:"";
  left:-20px;
  height:40px;
}
.lp_qa_list .lp_qa_box dd{
  margin:0;
  padding:3% 6% 3% 6%;
  background:#fff;
  border-radius: 0 0 5px 5px;
  font-size:14px;
}
.lp_qa_list .lp_qa_box dd .btn_list{
  margin:2em auto 1em auto!important;
  width:80%;
}
.lp_qa_list .lp_qa_box dt p span:after{
  position:relative;
  border-right:1px solid #fff;
}

/* -- ボタンスタイル　01 赤色 白矢印 -- */
div.lp_btn_list a{
padding: 0.3em 0.5em 0.1em 0.5em;
display:block;
font-size:160%;
font-weight: 600;
color: #222;
text-align: center;
transition: 0.2s;
border: 5px solid #f0ecd1;
background:#fff!important;
border-radius: 5px;
position: relative;
box-shadow: 0 5px 0 0 rgb(0 0 0 / 50%);
margin-bottom:1em;
width: 450px;
}
div.lp_btn_list a:hover{
  transform: translateY(2px);
box-shadow: 0 3px 0 0 rgb(0 0 0 / 50%);
}
div.lp_btn_list a:active {
background:#fff!important;
transform: translateY(5px);
box-shadow: 0 0 0 0 rgb(0 0 0);
}
div.lp_btn_list:hover a{
color:#333;
}
div.lp_btn_list a span{
  background:#ffdd40;
  color:#000;
  font-size:14px;
  padding:1% 2%;
}
.font_big span{
  background:unset!important;
  font-size:20px!important;
  padding:0!important;
  color:#333!important;
}

/* -- ボタンスタイル　01 赤色 白矢印 -- */
div.lp_btn_list02 a{
padding: 0.3em 0.5em 0.1em 0.5em;
display:block;
font-size:160%;
font-weight: 600;
color: #222;
text-align: center;
transition: 0.2s;
background:#fff!important;
border-radius: 5px;
position: relative;
box-shadow: 0 5px 0 0 rgb(0 0 0 / 50%);
margin-bottom:1em;
width: 450px;
}
div.lp_btn_list02 a:hover{
  transform: translateY(2px);
box-shadow: 0 3px 0 0 rgb(0 0 0 / 50%);
}
div.lp_btn_list02 a:active {
background:#fff!important;
transform: translateY(5px);
box-shadow: 0 0 0 0 rgb(0 0 0);
}
div.lp_btn_list02:hover a{
color:#333;
}
div.lp_btn_list02 a span{
  background:#DD1A1A;
  color:#fff;
  font-size:14px;
  padding:1% 2%;
}
#lp_202512 .lp_btn_flex{
  display:flex;
  flex-wrap:wrap;
  justify-content: center;
}
.lp_btn_lf{
  width:80%;
  text-align:left;
  padding-left:5%;
  padding-top:1%;
}
.lp_btn_rgt{
  width:20%;
  background: url(../image/lp2025/tanntousya.webp) no-repeat;
  background-size:contain;
}
.lp_btn_rgt img{
  width:100%
}
.font_big{
  font-size:20px;
}
.lp_btn_list02 {
  margin:auto;
  width:450px;
}
.h_lp_wrap{
  background-color:#DD1A1A;
  padding:1% 0.6% 0.5% 0.6%;  
}
.h_lp_wrap .pc{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between; 
}
.h_lp_wrap .head_logo{
  display:flex;
  flex-wrap:wrap;
  width:40%;
}
.h_nav_btn{
  color:#fff;
  width:60%;
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  list-style-type:none;
  font-weight:800;
letter-spacing:1px;
 align-items: center;
}
.h_nav_btn a{
  color:#fff;
}

.h_nav_btn .h_nav_btn01{
  margin-right:4%;
}
.h_nav_btn .h_nav_btn02{
width:180px;
}
.h_nav_btn .h_nav_btn02 a{
  padding: 3% 12%;
}
.h_lp_wrap .logo_img{
  margin-right: 2%;
  width:174px;
}
.h_lp_wrap .logo_img img{
width:100%;
}
.lp_company{
  width:250px;
}

.h_lp_wrap h1{
  font-size: 20px!important;
  color:#fff;
  margin-top:-6px;
}

.h_lp_wrap .lp_sv{
  color:#fff;
  font-size: 10px;
  font-weight:800;
  margin-top:-1px;
}
.lp_yj{
  position:relative;
}
.lp_yj:before{
  background: url(../image/lp2025/lp_ya.png) no-repeat;
  position:absolute;
  content:"";
  width: 60px;
  height: 60px;
  background-size:contain;
  top: -28px;
  left: 48%;
}
.btn,
a.btn,
button.btn {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  color: #212529;
  border-radius: 0.5rem;
}

a.btn--yellow {
  color: #000;
  background-color: #fff;
  border-bottom: 5px solid #000;
}

a.btn--yellow:hover {
  margin-top: 3px;
  color: #000;
  background: #fff;
  border-bottom: 2px solid #000;
}
#lp_202512 .footer_nav{
  display:none;  
}

/* 地域エリア別ページ */
#region .c_box{
  text-align: center;
  font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
#region .c_box .f_big p{
  font-size: 24px;
  font-weight: 800;
  line-height: 2em;
}
#region .c_box .f_big p span{
  font-size: 32px;
  color:#8b2700;
}
#region .c_box .f_big{
  margin-bottom: 2em;
}
.img_staff{
	position:relative;
	max-width:550px;
	margin:0 auto 0 auto;
	padding-bottom:2em
}
.img_staff:after{
	content:"";
	position:absolute;
	background:url(../image/area/img_staff.png);
	background-size:contain;
	right:-30px;
	top:-20px;
	width:100px;
	height:125px;
}
#region .region_trouble{
  width:450px;  
  margin:8% auto 8% auto;
  font-size:16px;
  text-align:left;
  line-height:1.8em;
}
#region .region_trouble li{
  position:relative;
  padding:0;
  line-height:2.3em;
}
#region .region_trouble li:before{
  position:absolute;
  content:"";
  background:url(../image/area/cek.png) no-repeat;
  background-size:contain;
  width:28px;
  height:25px;
  left:-25px;
  top:4px;
}
#region .img_arrow{
	margin:3em auto;
	width:130px;
}
.area-cp{
  text-align:center;
  color:#8d0606;
  margin:3% 0 5% 0;
}
.area-cp p{
  color:#8d0606;
  font-weight:800;
  font-size:16px;
  line-height:1.8em;
}
.area-cp p span{
  font-size:24px;  
}
#region .left_btn .btn_list{
  width:260px;
  float:right;
  margin-bottom:2.5em!important;
}
.clear{
	clear:both;
}

#region img {height: auto;}
.lightbox { display: none; }

@media screen and (min-width:1px) { 
    .new-reason-box ul{display: flex; flex-wrap: wrap; width: 95%;max-width: 800px; margin: 20px auto 5px; list-style: none;}
    .new-reason-box li{width: 33.3%; text-align: center; padding: 0 0 5px;}
    .new-reason-box li img {width: 95%;}
    .sp-none{display: none;}
    .pc-none{display: block;}
    .margin-top0{margin-top: 0!important; }
}

@media screen and (min-width:640px) and ( max-width:1079px) {
     .sp-none{display: block;}
    .pc-none{display: none;}
    .botom-space{padding-bottom: 5px!important;}
}
@media screen and (min-width:1080px) {
    .sp-none{display: block;}
    .pc-none{display: none;}
    .new-reason-box ul{display: flex; flex-wrap: wrap; width: 800px; margin: 50px auto; list-style: none;}
    .new-reason-box li{width: 33.3%; text-align: center; padding: 2%;}
    .new-reason-box li img {width: 90%;}
    .new-reason-box ul{display: flex; flex-wrap: wrap; width: 800px; margin: 50px auto; list-style: none;}
    .new-reason-box li{width: 33.3%; text-align: center; padding: 2%;}
    .new-reason-box li img {width: 90%;}
    .space1{margin-top: 25px;}
    .botom-space{padding-bottom: 5px!important;}
}

.cp_img02{
  width:530px;
  margin:7% auto 1% auto;
}
.cp_img02 img{
  width:100%;
}
.cp_txt02{
  text-align:center;
    margin-top:2%;
}
.cp_txt02 p{
  font-size:20px;
  font-weight:800;
}
#region .member{
  width:80%;
  margin:auto;
  height: auto;
}
#region .area_ng{
  margin-bottom:5em;
  list-style-type:none;
}
#region .area_ng li{
  width:90%;
  border: 1px solid #666;
  padding:2% 25% 2% 2%;
  margin:0 auto 3em auto;
  position:relative;
}
.area_ng_t{
  border-bottom:2px solid #43a9ff;
  margin-bottom:2%;
  font-size:20px;
  font-weight:800;
  padding:0 0 0 1%;
}
.area_ng_d{
  margin:0 0 0 5.5%
}
#region .area_ng li:after{
  position: absolute;
  content:"";
  padding: 2% 18% 2% 3%;
  background:url(../image/area/y_bl.png) no-repeat;
  width:20px;
  height:25px;
  bottom:-40px;
  left:45%;
}
#region .area_ng li:last-child:after{
  display:none;
}
#contact-form,
#lp_qa,
#lp_leading,
#lp_company{
    padding-top:5em;
}
#lp_reason{
    padding-top:1em;
}
li.area_ng_01:before{
  position: absolute;
  content:"";
  background:url(../image/area/area_ng_01.png) no-repeat;
  background-size:contain;
  width:119px;
  height:89px;
  right:3%;
  top:10%;
}
li.area_ng_02:before{
  position: absolute;
  content:"";
  background:url(../image/area/area_ng_02.png) no-repeat;
  background-size:contain;
  width:119px;
  height:89px;
  right:3%;
  top:10%;
}
li.area_ng_03:before{
  position: absolute;
  content:"";
  background:url(../image/area/area_ng_03.png) no-repeat;
  background-size:contain;
  width:119px;
  height:89px;
  right:3%;
  top:10%;
}
li.area_ng_04:before{
  position: absolute;
  content:"";
  background:url(../image/area/area_ng_04.png) no-repeat;
  background-size:contain;
  width:119px;
  height:89px;
  right:3%;
  top:10%;
}
li.area_ng_05:before{
  position: absolute;
  content:"";
  background:url(../image/area/area_ng_05.png) no-repeat;
  background-size:contain;
  width:119px;
  height:89px;
  right:3%;
  top:10%;
}
.area-btn li img{
  width:100%;
  margin-bottom:-5px!important;
  padding-bottom:-10px!important;
}
.area-btn li a{
  padding:2%!important;
}
.area-btn p.btn_list a:after{
  display:none;
}