@charset "utf-8";

@layer layout;
@layer second;
@font-face {
font-family: 'Montserrat';
src: url(//www.maluju-fuku.co.jp/wp-content/themes/maluju_temp/font/Montserrat-VariableFont_wght.ttf) format('truetype');
} @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; }
@media screen and (max-width: 599px) {
main{ margin-bottom:0;}
} .under_header,
.home_header{
margin-bottom:0.5em;
position:relative;
}
.home_header:before{
position:absolute;
background:url(//www.maluju-fuku.co.jp/wp-content/themes/maluju_temp/image/vb_bg.png) 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;
}
.fax,
.tel{font-family: Montserrat black;}
@media screen and (min-width: 960px) {
a[href^="tel:"] {
pointer-events: none;
}
} .h4_title{
font-size:16px;
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: 7px solid transparent;
border-bottom: 8px solid transparent;
border-left: 9px solid #000;
border-right: 0;
} .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;
}
}
.content_wrap{
clear: both;
} .tab_f,.tab{width: 35%;  background:#ddd;}
.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;
} .tab_f li.active_f a,
.tab li.active a{
background:#fff!important;
} .area_f,
.area {
width: 65%;
display: none;
opacity: 0;
background: #fff;
padding:10px 20px;
} .area_f.is-active_f,
.area.is-active {
display: block;
animation-name: displayAnime;
animation-duration: 2s;
animation-fill-mode: forwards;
border-radius: 5px;
}
.area_f ul li a,
.area ul li a{
display:flex;
}
@keyframes displayAnime{
from {
opacity: 1;
}
to {
opacity: 1;
}
} footer {
background:#f5f5f5;
width:100%;
padding-top: 7%; clear:both;
}
footer .container{ 
max-width:1080px; 
margin:auto; 
position: relative; 
padding:2% 3% 0 3%!important;
}
#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{
display: unset;
}
.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;
}
.footer_nav .ft-child li a:before{
display: none;
}
.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;
}
.footer_logo{
width: 100%;
margin:2em 0 0.5em 0;
}
.footer_logo .logo{
margin:0 auto 0.2em auto;
}
#menu-footer li a:before{
display:none!important;
} .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:18px;
font-weight:500;
}
.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: 0;
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;
} 
}
@media screen and (max-width: 599px) {
.f_banner .f_banner_tel{
width:100%;
}
.f_banner .f_banner_pan{
width: 100%;
}
.f_banner .f_banner_pan dt{
order: 2;
width: 45%;
text-align:center;
margin:1em 0;
padding:0 5% 0 0!important;
box-sizing:border-box;
}
.f_banner .f_banner_pan dd{
order: 1;
width:40%;
position:relative;
left: -49px;
}
.f_banner .f_banner_tel .tel{
font-size: 180%;
}
.f_banner .f_banner_tel dt{
padding: 10px 0px;
}
.f_banner .f_banner_tel dd{
padding: 15px 5px 15px 5px;
}   
} .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;
}
}
@media screen and (max-width: 599px) {
.base_map .title{
width: 60%;
font-size: 120%;
left:10px;
}
.base_map .text{
width:96%;
margin:0 auto 2em auto!important;
font-weight: 500;
} 
} .news_wrap .container{
padding-bottom: 3em;
}
.news_wrap ul li{
border-bottom:1px dashed #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;
flex-wrap:wrap;
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;
} .syouhin{
background:#00661A;
color:#fff;
padding:3px 10px!important;
margin-right: 2em!important;
}
.kigyou{
background:#d51d1f;
color:#fff;
padding:3px 10px!important;
margin-right: 2em!important;
}
.newskiji{
background:#0055B3;
color:#fff;
padding:3px 10px!important;
margin-right: 2em!important;
}
.campaign{
background:#d42ab8;
color:#fff;
padding:3px 10px!important;
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;
}
}
@media screen and (max-width: 599px) {
.news_wrap ul li .news_kiji .time{
display:inline-block;
width:30%;
font-size:100%;
padding:10px 0 5px 0 !important;
order: 2;
box-sizing:border-box;  
}
.news_wrap ul li .news_kiji .tags_width {
display:inline-block;
width: 40%;
box-sizing:border-box;
text-align: center;
margin-bottom:10px;
order:1;
}
.news_wrap .title_link{
padding:10px 0 0 0!important;
font-size: 14px;
line-height: 1.3em;
margin-bottom: 5px!important;
order:3;
}
.news_wrap ul li{
overflow: hidden;
padding-right:3%;
}
.news_wrap ul li:last-child{
border-bottom:0;
}  
.news_wrap ul li .news_text{
margin-left:0;
width: 100%;
}
.news_wrap ul li a:after{
right: 3px;
width: 8px!important;
height: 8px!important;
}    
} .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%;
height:auto;
}
#albic .background_img .container .keyvisual_img{
width:55%;
position:relative;
}
#albic .background_img .container .keyvisual_img:before{
width:100%;
background:url(//www.maluju-fuku.co.jp/wp-content/themes/maluju_temp/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(//www.maluju-fuku.co.jp/wp-content/themes/maluju_temp/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;
}
} @media screen and (max-width: 599px) {
.background_img .container .keyvisual_text{
width: 100%;
height: 210px;
}
.background_img .container .keyvisual_text .keyvisual_text_right .icon{
width: 100px;
}
.background_img .container .keyvisual_text .keyvisual_text_right .icon{
font-size: 100%;
}
.background_img .container .keyvisual_text .keyvisual_text_right{
left: 11px;
padding-left:0;
}
.background_img .container .keyvisual_text .title{
font-size: 7vw;
}
.background_img .container .keyvisual_text .logo{
display:unset;
}
.background_img .container .keyvisual_text .logo .logo_img {
width:20%;
}
.background_img .container .keyvisual_text .logo h1{
font-size: 10px;
margin:0!important;
}
}
@media screen and (max-width: 599px) {
#albic .background_img .container{
background-size: cover;
}
.background_img .container .keyvisual_img{
width: 55%;
}
#albic .background_img .container .keyvisual_img{
right:20px;
}
#albic .background_img .container .keyvisual_text{
height: 330px;
}
#albic .background_img .container .keyvisual_img:before{
width: 200%;
background:url(//www.maluju-fuku.co.jp/wp-content/themes/maluju_temp/image/keyvisual/sp_albic_img.webp);
position:left;
content:"";
background-size: contain;
position:absolute;
top: -340px;
left:0;
right: 0;
}
#albic .background_img{
overflow:hidden;
}
#albic .splide_wrap .splide__arrow--prev{
left:0.3em!important;
}
#albic .splide_wrap .splide__arrow--next{
right:0.3em!important;
}
#albic .btn_center{
width: 90%;
}
} .kv_under_content{
margin-bottom: 1.5em;
}
.kv_under_content .container{
margin: 0 auto;
padding:0;
position: relative;
width:100%;
height:170px;
}
.kv_under_content .container .kv_text{
width:100%;
height:170px;
position:absolute;
z-index:10;
background: rgba(0,0,0,0.6);
}
.kv_under_content .container .keyvisual_text{
width:50%;
margin:0;
position: relative;
height: 400px;
background: url(//www.maluju-fuku.co.jp/wp-content/themes/maluju_temp/image/keyvisual/category_bg.jpg) no-repeat;
background-size:cover;
background-position:right;
}
.kv_under_content .container .kv_text .kv_text_right{
position:absolute;
top:50%;
left:6%;
transform: translate(-6%,-50%);
width:100%;
padding-left:3%;
}
.kv_under_content .container .kv_text .kv_text_right .sv_title{
font-size: 16px;
} 
.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{
display:none;
}
.kv_under_content .container .kv_text .kv_text_right .title p{
font-size: 24px;
font-weight: 500;
color:#fff;
}
.kv_under_content .container .kv_text .kv_text_right .title h1{
font-size:18px;
}
.kv_under_content .container .kv_img{
width:100%;
height:170px;
background-size:160%;
}
@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(//www.maluju-fuku.co.jp/wp-content/themes/maluju_temp/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: 500;
position:relative;
margin-bottom:0.3em!important;
padding-bottom:0.2em!important;
letter-spacing: 0;
line-height: 1.4em;
}
.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;
height: auto;
} .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;
}
}
@media screen and (max-width: 599px) {
.under_background_img .container .keyvisual_text .keyvisual_text_right .title h1{
font-size:16px;
}
.under_background_img .container .keyvisual_text .keyvisual_text_right .logo_img{
display: none;
}
.under_background_img .container .keyvisual_text .keyvisual_text_right .title h2{
font-size:22px;
}  
} #splide_topics .splide_wrap{
width:96%;
margin:auto;
}
.btn_splide_topics{
display: none;
}
#faq .under_background_img .container .keyvisual_img{
background: #f9f9f9 url(//www.maluju-fuku.co.jp/wp-content/themes/maluju_temp/image/keyvisual/kv_faq.webp);
background-size:cover;
} #achievement .kv_under_content .container .kv_img{
background: #DD1A1A url(//www.maluju-fuku.co.jp/wp-content/themes/maluju_temp/image/kv_cont/achievement.webp);
background-size:cover!important;
}
#history .kv_under_content .container .kv_img{
background: #DD1A1A url(//www.maluju-fuku.co.jp/wp-content/themes/maluju_temp/image/kv_cont/kv_history.webp);
background-size:cover!important;
}
#about .kv_under_content .container .kv_img{
background: #DD1A1A url(//www.maluju-fuku.co.jp/wp-content/themes/maluju_temp/image/kv_cont/about.webp);
background-size:cover!important;
}
#maker .kv_under_content .container .kv_img{
background: #DD1A1A url(//www.maluju-fuku.co.jp/wp-content/themes/maluju_temp/image/kv_cont/maker.webp);
background-size:cover!important;
}
#maker-system .kv_under_content .container .kv_img{
background: #DD1A1A url(//www.maluju-fuku.co.jp/wp-content/themes/maluju_temp/image/kv_cont/maker-system.webp);
background-size:cover!important;
}
#orderuniform .kv_under_content .container .kv_img{
background: #DD1A1A url(//www.maluju-fuku.co.jp/wp-content/themes/maluju_temp/image/kv_cont/orderuniform.webp);
background-size:cover!important;
}
#orderuniform-flow .kv_under_content .container .kv_img{
background: #DD1A1A url(//www.maluju-fuku.co.jp/wp-content/themes/maluju_temp/image/kv_cont/orderuniform-flow.webp);
background-size:cover!important;
}
#sdgs .kv_under_content .container .kv_img{
background: #DD1A1A url(//www.maluju-fuku.co.jp/wp-content/themes/maluju_temp/image/kv_cont/sdgs.webp);
background-size:cover!important;
}
#sdgs-eco .kv_under_content .container .kv_img{
background: #DD1A1A url(//www.maluju-fuku.co.jp/wp-content/themes/maluju_temp/image/kv_cont/sdgs-eco.webp);
background-size:cover!important;
}
#sdgs-carbonoff .kv_under_content .container .kv_img{
background: #DD1A1A url(//www.maluju-fuku.co.jp/wp-content/themes/maluju_temp/image/kv_cont/sdgs-carbonoff.webp);
background-size:cover!important;
}
#sdgs-recycle .kv_under_content .container .kv_img{
background: #DD1A1A url(//www.maluju-fuku.co.jp/wp-content/themes/maluju_temp/image/kv_cont/sdgs-recycle.webp);
background-size:cover!important;
}
#sdgs-sai .kv_under_content .container .kv_img{
background: #DD1A1A url(//www.maluju-fuku.co.jp/wp-content/themes/maluju_temp/image/kv_cont/sdgs-sai.webp);
background-size:cover!important;
}
#reson .kv_under_content .container .kv_img{
background: #DD1A1A url(//www.maluju-fuku.co.jp/wp-content/themes/maluju_temp/image/kv_cont/reson.webp);
background-size:cover!important;
}
#reson-logistics .kv_under_content .container .kv_img{
background: #DD1A1A url(//www.maluju-fuku.co.jp/wp-content/themes/maluju_temp/image/kv_cont/reson-logistics.webp);
background-size:cover!important;
}
#reson-optimization .kv_under_content .container .kv_img{
background: #DD1A1A url(//www.maluju-fuku.co.jp/wp-content/themes/maluju_temp/image/kv_cont/reson-optimization.webp);
background-size:cover!important;
}
#reson-suport .kv_under_content .container .kv_img{
background: #DD1A1A url(//www.maluju-fuku.co.jp/wp-content/themes/maluju_temp/image/kv_cont/reson-suport.webp);
background-size:cover!important;
}
#reson-price .kv_under_content .container .kv_img{
background: #DD1A1A url(//www.maluju-fuku.co.jp/wp-content/themes/maluju_temp/image/kv_cont/reson-price.webp);
background-size:cover!important;
}
#reson-lineup .kv_under_content .container .kv_img{
background: #DD1A1A url(//www.maluju-fuku.co.jp/wp-content/themes/maluju_temp/image/kv_cont/reson-lineup.webp);
background-size:cover!important;
}
#reson-processing .kv_under_content .container .kv_img{
background: #DD1A1A url(//www.maluju-fuku.co.jp/wp-content/themes/maluju_temp/image/kv_cont/reson-processing.webp);
background-size:cover!important;
}
#reson-rental .kv_under_content .container .kv_img{
background: #DD1A1A url(//www.maluju-fuku.co.jp/wp-content/themes/maluju_temp/image/kv_cont/reson-rental.webp);
background-size:cover!important;
}
#reson-web .kv_under_content .container .kv_img{
background: #DD1A1A url(//www.maluju-fuku.co.jp/wp-content/themes/maluju_temp/image/kv_cont/reson-web.webp);
background-size:cover!important;
}
#contact .kv_under_content .container .kv_img{
background: #DD1A1A url(//www.maluju-fuku.co.jp/wp-content/themes/maluju_temp/image/kv_cont/contact.webp);
background-size:cover!important;
}
#contact-thanks .kv_under_content .container .kv_img{
background: #DD1A1A url(//www.maluju-fuku.co.jp/wp-content/themes/maluju_temp/image/kv_cont/contact.webp);
background-size:cover!important;
}
#catalog-form .kv_under_content .container .kv_img{
background: #DD1A1A url(//www.maluju-fuku.co.jp/wp-content/themes/maluju_temp/image/kv_cont/catalog-form.webp);
background-size:cover!important;
}
#catalog-thanks .kv_under_content .container .kv_img{
background: #DD1A1A url(//www.maluju-fuku.co.jp/wp-content/themes/maluju_temp/image/kv_cont/catalog-form.webp);
background-size:cover!important;
}
#mitumori .kv_under_content .container .kv_img{
background: #DD1A1A url(//www.maluju-fuku.co.jp/wp-content/themes/maluju_temp/image/kv_cont/mitumori.webp);
background-size:cover!important;
}
#mitumori-thanks .kv_under_content .container .kv_img{
background: #DD1A1A url(//www.maluju-fuku.co.jp/wp-content/themes/maluju_temp/image/kv_cont/mitumori.webp);
background-size:cover!important;
}
#reson-catalog .kv_under_content .container .kv_img{
background: #DD1A1A url(//www.maluju-fuku.co.jp/wp-content/themes/maluju_temp/image/kv_cont/reson-catalog.webp);
background-size:cover!important;
}
#flow .kv_under_content .container .kv_img{
background: #DD1A1A url(//www.maluju-fuku.co.jp/wp-content/themes/maluju_temp/image/kv_cont/flow.webp);
background-size:cover!important;
}
#faq .kv_under_content .container .kv_img{
background: #DD1A1A url(//www.maluju-fuku.co.jp/wp-content/themes/maluju_temp/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(//www.maluju-fuku.co.jp/wp-content/themes/maluju_temp/image/kv_cont/reson-online.webp);
background-size:cover!important;
} .albic_wrap .albic_menu dl:nth-child(1) dt{
background-image: url(//www.maluju-fuku.co.jp/wp-content/themes/maluju_temp/image/products/pro_img01.webp);
background-size:cover;
}
.albic_wrap .albic_menu dl:nth-child(2) dt{
background-image: url(//www.maluju-fuku.co.jp/wp-content/themes/maluju_temp/image/products/pro_img02.webp);
background-size:cover;
}
.albic_wrap .albic_menu dl:nth-child(3) dt{
background-image: url(//www.maluju-fuku.co.jp/wp-content/themes/maluju_temp/image/products/pro_img03.webp);
background-size:cover;
}
.albic_wrap .albic_menu dl:nth-child(4) dt{
background-image: url(//www.maluju-fuku.co.jp/wp-content/themes/maluju_temp/image/products/pro_img04.webp);
background-size:cover;
}
.albic_wrap .albic_menu dl:nth-child(5) dt{
background-image: url(//www.maluju-fuku.co.jp/wp-content/themes/maluju_temp/image/products/pro_img05.webp);
background-size:cover;
}
.albic_wrap .albic_menu dl:nth-child(6) dt{
background-image: url(//www.maluju-fuku.co.jp/wp-content/themes/maluju_temp/image/products/pro_img06.webp);
background-size:cover;
}
.albic_wrap .albic_menu dl:nth-child(7) dt{
background-image: url(//www.maluju-fuku.co.jp/wp-content/themes/maluju_temp/image/products/pro_img07.webp);
background-size:cover;
}
.albic_wrap .albic_menu dl:nth-child(8) dt{
background-image: url(//www.maluju-fuku.co.jp/wp-content/themes/maluju_temp/image/products/pro_img08.webp);
background-size:cover;
}
.albic_wrap .albic_menu dl:nth-child(9) dt{
background-image: url(//www.maluju-fuku.co.jp/wp-content/themes/maluju_temp/image/products/pro_img09.webp);
background-size:cover;
}
.albic_wrap .albic_menu dl:nth-child(10) dt{
background-image: url(//www.maluju-fuku.co.jp/wp-content/themes/maluju_temp/image/products/pro_img10.webp);
background-size:cover;
}
.albic_wrap .albic_menu dl:nth-child(11) dt{
background-image: url(//www.maluju-fuku.co.jp/wp-content/themes/maluju_temp/image/products/pro_img11.webp);
background-size:cover;
}
.albic_wrap .albic_menu dl:nth-child(12) dt{
background-image: url(//www.maluju-fuku.co.jp/wp-content/themes/maluju_temp/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;
} .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:-5px!important;
opacity: 0.9;
}
.splide_wrap .splide__arrow--next{
background:#fff!important;
border: 1px solid #222!important;
width:3em!important;
height:3em!important;
right:-5px!important;
opacity: 0.9;
} .btm_catalog{
position:fixed;
bottom:0;
right:0;
padding:0.6%;
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: 145px;
right: -87px;
bottom:0;
text-align: center;
border: 1px solid #DD1A1A;
margin-bottom:3px!important;
}
.btn_catalog a{
color:#DD1A1A;
padding:5px 20px!important;
display:block;
}
.btm_catalog:before{
position:absolute;
background:url(//www.maluju-fuku.co.jp/wp-content/themes/maluju_temp/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;
}
}  .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%;
} .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; 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{
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);
}
@media screen and (max-width: 599px) {
a.btn_soudan{
width:80%;
margin:auto;
}
} .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%;
}
}
@media screen and (max-width: 599px) {
.icon_mail:after{
left: 0;
top: 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;
}
.text_red{color:#DD1A1A;}
.page_wrap{
margin-bottom: 5em;
}
span.red_big{
font-size: 170%;
color:#DD1A1A;
}
span.underline{
font-weight: 600;
color:#e80000;
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: 599px) {
.title_big{
font-size:16px;
font-weight:600;
}
}  .bg_gray{
background: #F5F5F5;
padding:4em 0;
}
.bg_gray02{
background: #dcdadf;
padding:4em 0;
}
.bg_org{
background: #FCF7F3;
}
.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;
}
.bg_org_sp{
background: #fcf7f3!important;
padding-bottom:1em!important;
} .ft13{
font-size:13px!important;
letter-spacing:0;
} .w260{
width:260px;
}
.w65{
width:65%;
}
.w65 p{
margin:1em 0!important;
} .clearfix::after {
content: "";
clear: both;
display: block;
} 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;
} 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;
}
} 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;
} .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);
} .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);
} .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;
}
@media screen and (max-width: 599px) {
.btn_list06:before{
right: 13px;
}
} .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%;
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: 26px;
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%;
}
.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;
}   
}
@media screen and (max-width: 599px) {
.banner_contact .sp-br-ct599{
display: unset;
}
.banner_contact p.btn_list{
display: none!important;
}
.banner_contact ul li{
width: 50%;
}
.banner_contact ul li .sp-br-ct599 img{
width: 100%;
}  
.banner_contact{
clear: both;
margin: 2em 0.5em;
padding:2%;
}  
.flex_center .tel{
font-size: 200%;
}
.banner_contact .sp-br-ct-wp{
width: 245px;
}
.banner_contact:after{
background-size: 160px!important;
width: 160px;
top: -20px;
left: -15px;
}  
.banner_contact .flex_center div{
margin:0 0 0 0;
}
.banner_contact .flex_center div.contact_img{
display: none;
} 
.flex_center .text{
padding: 0!important;
font-size: 100%;
}
.banner_contact ul li span.big_text {
font-size: 14px;
}
.flex_center .contact_tel{
width: 80%;
}  
}
@media screen and (max-width: 430px) {
.flex_center .text{
font-size: 18px;
}  
.banner_contact:after{
background-size: 115px!important;
width: 115px;
top: 20px;
left: -15px;
}  
.banner_contact p.btn_list a{
height: auto;
}
.banner_contact:after{
display:none;
}
.banner_contact .sp-br-ct-wp{
width:unset;
} 
.banner_contact .flex_center{
justify-content:center!important;
margin:1em 0;
padding:0;
}
} #contact .text80{
width:100%;
}
.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;
}
}
@media screen and (max-width: 599px) {
.contact_wrap{
width:96%!important;
padding-bottom:2.5em!important;
}
.contact_wrap h2{
font-size: 110%;
}
input.btn_contact{
width:20%!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;} .pd2{padding: 2%!important;} .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;
}
} .wrap40{
position: relative; height: 80vh;
}
.pn40{
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
align-items: center;
}
.active40{
display: flex;
}
.pn44{ background: #f2f2f2; height: auto; }
.pn42{ background: #f2f2f2; 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:5%!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%;
}
}
@media screen and (max-width: 599px) {
ul.ctglist li a .btn_ctglist{
font-size:100%;
bottom: 0.5%;
right:6%;
}
} .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% 4% 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:14px;
font-weight: 500;
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:8% 4% 5% 4%; margin:0 0 3em 0;
}
.sp_mokuji .title{
border-bottom:2px solid #DD1A1A;
margin-bottom:1em;
font-size: 18px;
font-weight:500;
}
.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:0.5em auto 4em 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: 599px) {
.sp_w70{
width: 40%!important;
} 
} @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: 500;
}
.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 (max-width: 599px) {
.f_address_wrap div{
margin-bottom: 0.5em;
}
.f_oosaka{
width: 100%;
}
.f_tokyo{
width: 100%;
}
.sp_products p.btn_list{
width:70%;
float:right;
margin-right:1em;
} 
} @media screen and (min-width: 961px) {
.video_pc {
display: block;
}
.video_sp {
display: none;
}
}
@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;
}
.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: 110px;
margin: 3% 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: 38%;
border:1px solid #999;
padding: 1% 3%;
background:#fff;
margin:1% 2% 15% 0;
border-radius: 5px;
box-shadow:0px 3px 0px 0px #bbb;
font-weight: 600;
float:right;
font-size:14px;
font-weight: 500;
}
.hist_ek .sp-parent{
margin:0; 
} 
.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: '';
position: relative;
}
.sp-parent::after {
content:"";
display: block;
width: 8px;
height: 8px;
border-bottom: solid 2px #333;
border-right: solid 2px #333;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position:absolute;
top:10px;
right:10px;
} .sp-parent.open{
box-shadow:0px 0 0px 0px #bbb;
}
.sp-parent.open span{
opacity:0.4;
}
.sp-parent.open:after {
top:15px;
transform: rotate(-135deg);
} .dtn-child6,.dtn-child5,.dtn-child4,.dtn-child3,.dtn-child2,
.dtn-child1,.dtn-child,.sp-child {
display: none;
}
.sp-dtn{
border:1px solid #999;
border-radius:5px;
padding:0.5% 4%;
width:32%;
font-weight:500;
float:right;
position: relative;
box-shadow:0px 3px 0px 0px #bbb;
margin:0 2% 0 0;    
}
.sp-dtn:after{
content:"";
display: block;
width: 8px;
height: 8px;
border-bottom: solid 2px #333;
border-right: solid 2px #333;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position:absolute;
top:7px;
right:10px;
}
.open.sp-dtn{
box-shadow:0 0 0 0!important;
}
.open.sp-dtn:after{
content:"";
position:absolute;
display: block;
width: 8px;
height: 8px;
border-top: solid 2px #333;
border-left: solid 2px #333;
border-bottom: solid 0 #333;
border-right: solid 0 #333;    
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top:12px;
right:10px;
box-shadow:0; 
}
.fl_clear{
clear:both;
}
.fl_clear span{
display:none;
}  
}
@media screen and (max-width: 860px) {
.sp-child-860 {
display: none;
} .processing-st,
.sp-parent-st2 {
position: relative;
padding: 1em 2em;
background:#fff;
} .processing-st:after,
.sp-parent-st2:before,
.sp-parent-st2:after {
content: '';
width: 13px;
height: 2px;
background: #4c98ff;
position: absolute;
top: 50%;
right: 2.1%;
transform: translateY(-50%);
}
.processing-st:before{
content: '';
width: 13px;
height: 2px;
background: #4c98ff;
position: absolute;
top: 50%;
right: 2.1%;
transform: translateY(-50%);
}
.processing-st::after,
.sp-parent-st2::after {
transform: translateY(-50%) rotate(90deg);
transition: .5s;
} .processing-st.open,
.sp-parent-st2.open{
box-shadow:0px 0 0px 0px #bbb;
}
.processing-st.open span,
.sp-parent-st2.open span{
opacity:0.4;
}
.processing-st.open:after,
.sp-parent-st2.open:after {
transform: rotate(180deg);
}
#reson-optimization .processing-st:before,
#reson-optimization .processing-st:after,
#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;
width:94%;
margin:auto;
background:#fff;    
}
#reson-optimization .processing-st:before,
#reson-optimization .processing-st:after,
#reson-optimization .sp-parent-st2:before,
#reson-optimization .sp-parent-st2:after {
display: unset;
}  
}
@media screen and (max-width: 960px) {
.layout_sidebar {
display: unset;
}
}
@media screen and (max-width: 599px) {
.under_background_img .container .keyvisual_text .keyvisual_text_right{
padding:0;
}
}  @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: 500;
}
.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;
background:#fff;
}
.ft-child-list li a{
display: block;
}
.ft-child-list li:nth-child(1),
.ft-child-list li:nth-child(2),.ft-child-list li:nth-child(3){
display:none;
} .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;
} .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;
} .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;
} #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;  
} #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;
} .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;
} #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;
}
@media screen and (max-width: 599px) {
#mitumori-thanks .contact_wrap,
#catalog-thanks .contact_wrap,
#contact-thanks .contact_wrap{
font-weight:300;
}
} #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;
}
}
@media screen and (max-width: 599px) {
#contact .flax_btn .btn_rt,
#mitumori .flax_btn .btn_rt{
width:90%;
}
} .grecaptcha-badge{
margin-bottom:35px; } #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;
}  .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-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:145px;
right: -87px;
} .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: 1;
}
@keyframes fadeUpAnime{
from {
opacity: 0;
transform: translateY(100px);
}
to {
opacity: 1;
transform: translateY(0);
}
} .fadeUps {
animation-name:fadeUpAnimes;
animation-duration:0.8s;
animation-fill-mode:forwards;
opacity: 1;
}
@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;
}
.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;
}
} .cl_w599{
display: block;
}
.cl_pc{
display: none;
}
.br_599{
display: unset;
}
.br_599_img{
width:70%;
margin:0 auto;
}
.wh_599{
width: 94%;
margin: 0 auto;
}
.box_599{
border:1px solid #999;
padding-bottom:1em;
}
.box_599 .title{
background:#fcf7f3;
padding:3% 2%!important;
} .plus {
display: inline-block;
width: 100%;
margin-right: auto;
margin-left: auto;
position: relative;
cursor: pointer;
}
.plus::before,.plus::after  {
content: '';
display: inline-block;
width: 10px;
height: 2px;
background-color: #016AC2;
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
transition: opacity 1s;
}
.plus::after {
transform: translateY(-50%) rotate(90deg);
transition: transform 1s;
}
.plus.show::before {
opacity: 0;
}
.plus.show::after {
transform: translateY(-50%) rotate(180deg);
}  .bana_expo {
margin:10px;
} .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: 23px;
border-bottom:solid #12285a 6px;
width: 250px;
margin:auto;
}
.to_summer p.sb_tit{
font-size:15px;
color:#12285a;
font-weight: 800;
}
.to_winter h3{
font-size:23px;
border-bottom:solid #12285a 6px;
width:300px;
margin:auto;
}
.to_winter p.sb_tit{
font-size:15px;
color:#ca5b01;
font-weight: 800;
}
p.camp_tit{
text-align:center;
font-size:20px!important;
margin-bottom:10px;
font-weight:600;
}
.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:wrap;
justify-content: space-around;
}
.w_toku_wrap dl.featur_wrap dt{
width:100%;
order: 2;
text-align:left;
padding: 0 2%;
font-size:15px!important;
font-weight: 600;
}
.w_toku_wrap dl.featur_wrap dt ul{
display:flex;
flex-wrap:wrap;
}
.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:100%;
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:wrap;
justify-content: space-around;
margin:0;
}
.w_toku_wrap dl.featur_wrap_right dt{
width:100%;
order: 1;
}
.w_toku_wrap dl.featur_wrap_right dd{
width:100%;
order: 2;
}
p.to_set{
font-size: 16px!important;
margin-top:15px;
font-weight:600;
}
.to_summer p.to_title{
font-size:30px!important;
font-weight:800;
color:#12285a;
line-height:1.6em;
}
.to_winter p.to_title{
font-size:30px!important;
font-weight:800;
color:#ca5b01;
line-height:2.4em;
}
p.to_title span{
font-size:40px!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: 19px!important;
letter-spacing:0;  
}
.w_toku_wrap .to_btn{
text-align:center;
width: 336px;
margin:2%
}
.w_toku_wrap .to_btn a{
background:#be0000;
border-radius:8px;  
font-size: 22px;
color:#fff;
font-weight:600;
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:90%;
margin:2% auto;
}
.w_toku_banner img{
width:100%;
}
.w_toku_wrap .on_wrap{
width:94%;
margin:4% auto;
background:#fff;
padding: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:94%;
margin:5% auto 0 auto;
padding: 3% 2.5%;
background:#fff;
}
.w_toku_wrap dl.layer_flex_reverse dt{
width: 100%;
padding:2% 0;
text-align:left;
order:2;  
}
.w_toku_wrap dl.layer_flex_reverse dd{
width: 100%;
margin:0;
order:1;  
}
.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_wrap dl.featur_s_wrap dt{
width:100%;
order: 2;
text-align:left;
padding:1% 1.5% 0 2%;
font-size:15px!important;
font-weight: 500;
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% 3% 5% 3%;
margin:1% 2% 3% 2%;
border-radius:5px;
display:block;
}
.w_toku_wrap dl.featur_s_wrap dd{
width:100%;
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;
}
.w_toku_wrap .w65{
width: 94%;
margin:0 auto
}
.to_fut{
width:90%;
margin:auto;
}
.to_fut h3{
font-size: 23px;
border-bottom:solid #ca5b01 6px;
width: 250px;
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 5%;
}
.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: 100%;
border:1px solid #777;
font-weight:800;
margin:0 0 10px 0;
}
ul.to_fut_btn li a{
padding:1%;
display:flex;
align-items: center;
}
ul.to_fut_btn li a img{
width:60px;
height:auto;
margin:0 15px 0 0;
}  ul.mail_fax_btn{
margin:3% auto 7% auto;
text-align:center;
}
ul.mail_fax_btn li{
list-style-type:none;
margin:20px auto;
height:auto;
border-radius: 5px;
background: #DD1A1A;
width:300px;
padding:1.5% 0;
}
ul.mail_fax_btn li a{
color:#fff;
font-weight:800;
font-size: 14px;
}
.mail_fax_tit{
font-size: 18px;
text-align: center;
margin: 4% 0 8% 0;
font-weight:800;
}
ul.btn_top_banner{
display: flex;
flex-wrap: wrap;
justify-content: center;
list-style-type:none;
padding:2% 3% 8% 3%;
}
ul.btn_top_banner li{
display: block;
text-align: center;
vertical-align: middle;
text-decoration: none;
padding:1%;
width:50%;
}
ul.btn_top_banner li a{
color:#fff;
text-align: center;
font-weight: 500;
font-size: 18px;
display: block;
color: #333;
}
ul.btn_top_banner li a img{
width:100%;
}
.btn_banner_wrap{
background: repeating-linear-gradient(120deg, #FCF7F3, #FCF7F3 3px, #fff 2px, #fff 6px);
margin:10% auto;
}
.banner_contact.mail_fax_btn{
width:96%;
margin:auto;
}
.mail_fax_btn .flex_center .tel,
.mail_fax_btn .flex_center .fax{
font-size: 160%;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;
}
.toku_banner{
margin-bottom:30px;
}
.btn_banner_tit{
text-align:center;
font-size:20px;
font-weight:500;
padding:30px 0 0 0;
}
dl.online_wrap dt{
margin-bottom:20px;
}
dl.online_wrap dd .timenn,
dl.online_wrap dd .timehh{
margin: 0 15px 0 0;
border:1px solid #ccc;
padding:3% 5% 3% 5%;
width:30%;
}
dl.online_wrap dt p input{
padding:2.1% 2%;
height:3em;  
}
a.online-btncon{
font-size:16px;
font-weight:800;
border-bottom:1px solid #DD1A1A;
color:#DD1A1A;
}
a.online-btncon:before{
content:" ＞ ";
color:#DD1A1A;
}
#online-form .text80{
width: 100%;
}
.wpcf7-not-valid-tip {
color: #0000ff; font-size: 1.1em;
display: block;
font-weight: bold!important;
font-family: math;
}