@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/
:root{
	--main-blue:#0859CC;
	--text-black:#252734;
	--line-gray:#EEEEEE;
	--back-gray:#F7F7F7;
	--foot-gray:#949494;
}
.defBlue{ color:var(--main-blue); }
.vAlignTbottom{ vertical-align:text-bottom; }
#topMainVisual2025{
display:flex;
flex-wrap:wrap;
}
#body_wrap.top #content { padding-top:0; }

#topCatchLeft{
flex:0 0 45%;
}
#topCeoPhotoWrap{
flex:0 0 45%;
}
#topCeoPhotoWrap img{
width:100%;
margin:auto auto auto 5rem;
}

#topCatchIcons{
	margin-top:2rem;
display:flex;
flex-wrap:nowrap;
}
#topCatchIcons img{
	width:23%;
	margin:auto 0.25rem auto;
	padding:0;
}

.headCatchBigText{
	color:var(--main-blue);
	font-weight:bold;

	padding-bottom:0.25rem;
	border-bottom:2px dotted var(--main-blue);
}
.headCatchBigText,
#headCatchTx{
	font-size:4rem;
}
#headCatchTx{
	background-color:transparent;
	border:none;
	padding:0;
	margin:auto auto 2rem auto;
	color:var(--text-black);
}
#resultTitle em{ color:white; }
#resultTitle,
#content .no-border:after,
#content .no-border:before,
#headCatchTx:after,
#headCatchTx:before{
	border:none;
	border-top:none;
	border-bottom:none;
	border-left:none;
	border-right:none;
	background:none;
}

div.resClientTip{
	display:flex;
	flex-wrap:nowrap;
	margin-top:1rem;
	padding-top:1rem;
	border-top:2px solid var(--line-gray);
}
div.resClientTip img.clientPic{ width:100%; padding-right:1rem; }
div.resClientTip p{
	flex:0 0 50%;
	font-size:small;
	position:relative;
}
div.resClientTip a.resultLink{
	position:absolute;
	right:0;
	bottom:0;
	width:2rem;
}

h3#headSubCatch{
	background: #000;
    color: white;
    text-align: center;
    font-size: 2.6rem;
    line-height: 1;
    vertical-align: baseline;
    padding: 0.75rem 0;
    margin-top: auto;
    letter-spacing: 0.6rem;
}

div#body_wrap #header{
	box-shadow:none;
	background-color:transparent;
}

div#body_wrap.home{
	background-image:url("../../../wp-content/uploads/2025/09/main-bg_resp.svg");
	background-position:top center;
	background-size:100vw 100vh;
	background-repeat:no-repeat;
}

html body div.w-header #custom_html-3 div.wp-block-button.has-custom-font-size.is-style-fill.has-medium-font-size{
	line-height:1 !important;
	background-color:var(--main-blue);
	border-radius:2rem !important;
}
#custom_html-3 div.wp-block-button.has-custom-font-size.is-style-fill.has-medium-font-size a{
	background-color:var(--main-blue);
	border-radius:2rem !important;
	
}

div.serviceTip,
div.resultTip{
	background-color:white;
	border-radius:0.2rem;
	padding:1.5rem;
	text-align:center;
	margin:auto 1rem;
	text-align:left;
}

div#body_wrap.home+div#content main#main_content,
div#body_wrap.home+div#content div.l-article,
div#body_wrap.home .l-article{
	max-width:1120px;
}

div#resTipWrap div.swell-block-fullWide__inner.l-article{
	max-width: calc(1120px + 2rem);
}
div#resTipWrap p{ text-align:left; }

div#main_visual div.p-mainVisual__textLayer.l-parent.l-container.u-ta-c{
	 max-width: calc(var(--container_size, 0px) + var(--swl-pad_container, 0px) * 7);
}

span.resCatTip{
white-space: nowrap;
    border: 1px solid var(--main-blue);
    border-radius: 5px;
    padding: 0.2rem 0.5rem;
    margin: auto 0.5rem auto auto;
    color: var(--main-blue);
    font-size: 0.6rem;
    display: inline-block;
    line-height: 1;
    font-weight: bold;
}

#toContactBottom,
#sonotaService,
#sonotaResult{
	background-color:var(--text-black);
	color:white;
	border-radius:2rem ;
	font-weight:bold;
	font-size:medium;
	padding-left:2.5rem;
	padding-right:2.5rem;
	pointer-events:none;
}
#toContactBottom a,
#sonotaService a,
#sonotaResult a{ pointer-events:auto; }

#sonotaService:after;
#sonotaResult:after{
	background-image:url("../wp-content/uploads/2025/09/chevlon.svg");
	background-size:1.5rem;
	background-position:right center 4px;
	background-repeat:repeat;
}
#methodTitle,
#services,
#customerVoice{
	color:var(--text-black);
}
h2.topSecTitle{
	font-size: 2.0rem;
    font-weight: bolder;
}
h2.topSecTitle em{
	font-size:1.1rem;
    font-style:normal;
}
.topSecTitle em,
h2#customerVoice em{ 	color:var(--main-blue); }

div.voiceTip{
	background: white;
    padding: 1rem;
    border-radius: 0.4rem;
	display:flex;
	flex-wrap:wrap;
	position:relative;
filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
strong.voiceCat{
	position:absolute;
	top:0;
	left:0;
	background:var(--main-blue);
	border-radius:0.4rem 0 0 0 ;
	    font-size: smaller;
    color: white;
    padding: 5px 1.25rem;
}

div.serviceTip h3,
div.voiceTip h3{ 
	flex:0 0 100%;
	margin:2rem auto 0.5rem auto;
}
div.serviceTip h3:before,
div.voiceTip h3:before{
	border:none;
	background:none;
}

img.voiceIcon{
	flex:0 0 15%;
	width:15%;
	height:fit-content;
	border-radius:6rem;
}
p.voiceDtl{
	flex:0 0 81%;
	margin:auto auto auto 2%;
	font-size:small;
}

div.voiceTip.tipLeft{
	margin-right:1rem;
}
div.voiceTip.tipRight{
	margin-left:1rem;
}
p.voiceCpName{
	display: block;
    text-align: right;
    width: 100%;
    margin: 1rem auto;
    font-size: small;
    font-weight: bold;
	border-top:3px solid var(--line-gray);
	padding-top:0.4rem;
}
#kaiketsuTitle span{ color:var(--main-blue); }

div.kaiketsuTip,
div.nayamiTip{
    text-align: center;
    border: 2px solid #C6C6C6;
    background-color: #f6f6f6;
    padding: 2rem 1rem;
    font-size: small;
    font-weight: bold;
	margin-bottom:0;
}
div.nayamiTipWrap{
	text-align:center;
	padding-left:0.5rem;
	padding-right:0.5rem;
}
div.nayamiTipWrap figure.wp-block-image{
	margin-bottom:0;
}
div.kaiketsuTip img,
div.nayamiTip img{
    width: 90% !important;
    height: 190px !important;
    object-fit: contain;
    margin-top: 1.5rem;
}

div.kaiketsuTip{
	margin:0 auto auto auto;
	border:4px solid var(--main-blue);
}
div.kaiketsuTip p{ text-align:left; margin-top:1rem; min-height:8rem; }
p#nt1,p#nt4,p#nt3,p#nt2{ line-height:1.25rem; }
p#nt1,p#nt4{
	padding-top:0.625rem;
	padding-bottom:0.625rem;
}
div.kaiketsuTip img{ margin-top:auto; }
#awardWrap{ margin-top:8rem; }

#contactTitle,
#messageTitle,
#usageTitle,
#awardTitle{
	margin-top:2rem; 
	background-color:transparent;
	padding:0;
	text-align:left;
}
#awardAttn{
	color:white;

}
#awardAttn:after{
content: ".";
    background-image: url(../../../wp-content/uploads/2025/09/award_line.svg);
    background-position: center left;
    background-size: auto;
    background-repeat: no-repeat;
    overflow: visible;
    position: absolute;
    left: 1rem;
    top: 1.2rem;
    width: 11rem;
    color: transparent;
}
div.serviceTip{
	color:var(--text-black);
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    border-top: 6px solid var(--main-blue);
    padding: 1.0rem 0.75rem;
}
div.serviceTip h3{ margin-top:1rem; font-size:medium; } /* large */
p.svcDtl{ min-height:9rem; margin-bottom:1rem; font-size:small; line-height:1.5rem; }
p.svcPrice{
	text-align:right;
	margin-bottom:2.5rem;
}
a.resultLink p,
div.serviceTip *{ text-decoration:none; color:var(--text-black); }
p.svcPrice strong{ color:var(--main-blue); font-size:x-large; }
p.svcPrice > small.feeBorder{ color:var(--main-blue); border:1px solid var(--main-blue); margin-right:0.5rem; padding:0.2rem 0.5rem; font-weight:bold; }
div.sttDisp{
	background-color:var(--back-gray);
	display:flex;
	flex-wrap:nowrap;
	align-items: center;
	justify-content: center;
}
div.sttDisp h4{
    flex: 0 0 28%;
    margin: auto 0.5rem 0 auto;
    padding: 1rem 0.5rem 1rem 1rem;
    font-size: smaller;
    white-space: nowrap;
    border-left: none;
    vertical-align: middle;
    line-height: 1.5;
	border-right:1px solid var(--line-gray);
}

div.sttDisp h4+p{ 	flex:0 0 50%; font-size:small; font-weight:bold; }
div.sttDisp h4+p+img{     flex: 0 0 12%;
    padding: 1rem 1rem 1rem 0.75rem;
    margin-right: auto;
    width: 20%; }
#services{ margin-bottom:1rem; }
div.serviceTip.noTopLine{ border-top:0px none transparent; padding:2rem; }
#svcTipWrap{
	padding: 0.5rem 0 0 0;
	margin:0.75rem auto 1rem auto;
	border-top:1px solid var(--line-gray);
	display:flex;
	flex-wrap:wrap;
}
#svcTipWrap li{
	background-color:var(--back-gray);
	padding:0.75rem;
	margin:0.5rem 1rem 0.5rem 0;
	font-weight:bold;
	font-size:small;
	list-style-type:none;
	white-space:nowrap;
	width:auto;
	border-radius:0.25rem;
}
#sonotaService{
	background-color:var(--main-blue); 
}
#methodAttn{ width:33%;margin-bottom:1rem; }
#methodTitle{
	margin-top:1rem;
	margin-bottom:2rem;
	background-color:transparent;
    padding: 0;
    font-weight: bolder;
}
#methodLeft{ max-width:37%; flex: 0 0 37%; }
#methodRight{ max-width:63%; flex: 0 0 63%; }

div.methodTip{
/* 	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); */
	box-shadow: 2px 2px 6px 2px rgba(0, 0, 0, 0.05);
	border-radius:0.2rem;
	margin:auto auto 1.5rem auto;
	display:flex;
	flex-wrap:wrap;
background: white;
    padding: 1rem;
	position:relative;
}
img.methodPic{
width: 29%;
    flex: 0 0 29%;
    margin-right: 2%;
    height: fit-content;
}
div.methodTip h3{
	width:69%;
    margin: 0 0 2rem 0;
	color:initial;
}
img.methodArrow{
	position:absolute;
	bottom:1rem;
	right:1rem;
	width:2rem;
}
#messageAttn,
#usageAttn{
	height:1.5rem;
}
#usgaeRight{
	margin-top:1.5rem;
	flex:0 0 65%; 
}
#usageTitle{ margin-top:auto;padding:0; }

#faqWrap  .swell-block-accordion__title {
	background-color:white;
	color:var(--text-black);
	font-weight:bold;
}
#faqWrap .swell-block-accordion__item .swell-block-accordion__body p span:first-child,
#faqWrap  .swell-block-accordion__title span:first-child{  }

#faqWrap .swell-block-accordion__item .swell-block-accordion__body p img,
#faqWrap  .swell-block-accordion__title span img{
	vertical-align: middle;
    margin-right: 0.5rem;
	max-width:2rem;

}
#faqWrap .swell-block-accordion__item .swell-block-accordion__body p img{
/* 	padding-bottom:1.5rem; */
	flex:0 0 5%;
	margin-left:1px;
}
#faqWrap .swell-block-accordion__item  i.__icon--closed.icon-plus:before{ content: "\e910"; color:var(--main-blue); }
#faqWrap .swell-block-accordion__item  i.__icon--opened.icon-minus:before{ content: "\e912"; color:var(--main-blue); }


#faqWrap .swell-block-accordion__item .swell-block-accordion__body {
	background-color:white;
	color:var(--text-black);

	border:none;
}
#faqWrap .swell-block-accordion__item .swell-block-accordion__body p{
	background-color:var(--back-gray);
    display: flex;
    padding: 0.5rem 0rem;
	flex-wrap:wrap;
	font-size:small;

    align-items: center;
}
#faqWrap .swell-block-accordion__item .swell-block-accordion__body p span{
	flex: 0 0 95%;
	text-align:left;
}
#messageTitle{ 
		color:var(--text-black);
	margin-top:auto;
	margin-bottom:4rem;
}
	
#contactTitle{
	text-align:center;
	margin-bottom:1rem;
}

	background-color:var(--text-black);
}
#footLogoImg{ max-width:369px; }

footer#footer .l-footer__foot .l-container {
	display: flex;
    flex-wrap: nowrap;
	margin-bottom:2rem;
	padding-top:2rem;
	justify-content: space-between;
}
footer#footer div#footNavWrap { margin-bottom:6rem; }

#footCopyLightWrap{
	display: flex;
    flex-wrap: nowrap;
	justify-content: space-between;
}

footer a#privacyLink{
	text-align:left;
	flex:0 0 50%;
	color:var(--foot-gray);
	text-decoration:underline;
	font-size:small;
}

footer #footCopylightWrap .copyright{
	color:var(--foot-gray);
	text-align:right;
}
#snsIconWrap{ margin:1.25rem auto auto auto; }
#snsIconWrap img{ max-width:1.25rem; margin:auto 0.5rem auto auto; }
li.menu-item-439{
	display:none;	
}

#sp_menu a.wp-block-button__link.wp-element-button,
html body  #custom_html-3 #headContactBtn2025 a{
	background-color:var(--main-blue);
line-height: 0.75 !important;
    border-radius: 2rem !important;
}
html body #custom_html-3 #headContactBtn2025 a img{
    vertical-align: text-bottom;
	padding-right:0.25rem;
}


@media (min-width: 600px) {
 footer#footer .l-footer__nav li  a { border:none;font-weight:bold;}
}

#body_wrap p.hoverEff{ width:fit-content; margin-left:auto;margin-right:auto; }

.hoverEff,
#headContactBtn2025 a{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
	overflow:hidden;
}
.hoverEff::before,
#headContactBtn2025 a::before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -2;

}
.hoverEff::after,
#headContactBtn2025 a::after{
    content: "";
    display: block;
    width: 0%;
    height: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index:1;
    background: #00409A;
    transition: all .3s ease-in-out;
	 mix-blend-mode: overlay; 
	border-radius:2rem;
}
.hoverEff:hover::after,
#headContactBtn2025 a:hover::after{
    width: 100%;
    left: 0;
    right: unset;
}

#gnav .c-gnav>.menu-item>a .ttl,
#fix_header .c-gnav>.menu-item>a .ttl {
    font-size: 15px;
    font-weight: bold;
}
a .methodTip *{
	text-decoration:none;
}

#methodRight a div ,
.resultTip,
.serviceTip{ transition: transform 0.4s ease; }
#methodRight a:hover div,
.resultTip:hover,
.serviceTip:hover{ transform: scale(1.035);  }
#svc4{ transform:none; }
#toContactBottom::after,
#sonotaResult::after{ background: #ffffff;    mix-blend-mode: exclusion; }
#toContactBottom{ background:#ffffff;  }
#toContactBottom a{ color:var(--text-black); }

img.resTipArrow{
	position: absolute;
    bottom: 0;
    right: 0rem;
}

#svc4 li.noBackLi{     background: transparent; }






@media (min-width:769px){
	html .sp-only{ display:none !important; }
}

@media (max-width:768px){
	#sp_menu div.c-widget__title.-spmenu,
	#sp_menu div.p-spMenu__closeBtn,
	header#header .l-header__customBtn.sp_,
	#topCatchIcons,
	#kaiketsuTitle+p,
	div.voiceTip hr,
	html .pc-only{ display:none !important; }
	#main_visual .p-mainVisual__textLayer{
		height:inherit;
	}
	#topCatchLeft{ margin-top:5rem; }
	#topCatchLeft,#topCeoPhotoWrap{
		flex:0 0 100%;
	}
	#topCeoPhotoWrap img{
		margin:2rem auto;
	}
	#topCatchIconsSP img{        
		width: 22%;
        margin: auto 1% auto 1%;
	}
	html div#body_wrap {
    background-position: top -12rem left 7vw;
		background-size: 204%;}
	#resultTitle{ margin-bottom:auto; }
	h2 span.swl-fz.u-fz-xl{ font-size:2.5rem !important; }
	
	#servicesWrap.sp-py-40,
	#resTipWrap.sp-py-40{ padding-top:2rem !important; }
	
	div.voiceTip.tipLeft{ margin-left:1rem; }
	div.voiceTip.tipRight{ margin-right:1rem; }
	
	img.voiceIcon{
		flex: 0 0 100%;
    	padding: 0 27% 2rem 27%;
	}
	p.voiceDtl {
		flex: 0 0 100%;
		font-size: medium;
	}
	p.voiceCpName {
    display: block;
    text-align: right;
    width: 100%;
    margin: 2rem auto 1rem auto;
    padding-bottom: 0;
	}
	strong.voiceCat {
		text-align: center;
		top: 0;
		left: 25%;
		right: 25%;
		width: 50%;
	    border-radius:0;
	}
	img.wp-image-1554{ padding: 0 12%; }
div.kaiketsuTip img, div.nayamiTip img {
	width:fit-content !important;
    height: 108px !important;
	}
	div.kaiketsuTip, div.nayamiTip{ padding-top:1rem; padding-bottom:1rem; }
	div.kaiketsuTip p, div.nayamiTip p{
		font-size: large;
	}
	p#nt1, p#nt4, p#nt3, p#nt2{  line-height: 1.5; }
	div.kaiketsuTip p{ min-height: auto; }
	div.nayamiTipWrap{ padding:0 2rem; }
	div.nayamiTipWrap+div.nayamiTipWrap{ margin-top:2.5rem !important; }
	div.nayamiTipWrap figure.nArrow img{
		height: 3rem;
		width: 1.2rem;
		object-fit: cover;
		object-position: center bottom;
	}
	div.nayamiTipWrap div.kaiketsuTip{ padding-top:3rem; position:relative; }
		div.nayamiTipWrap  div.kaiketsuTip:after{
		content:"解決!!";
		font-weight:bold;
		font-size:larger;
		padding:0 1rem;
		position:absolute;
		top:0;
		left:37%;
		right:37%;
		width:26%;
		background:var(--main-blue);
		color:white;
	}
	#contactTitle, #messageTitle, #usageTitle, #awardTitle { margin-top:1rem; }
	#awardWrap{ padding-left:4vw; padding-right:4vw; }
	p.svcDtl{
		min-height: 6rem;
		font-size: medium;
		line-height: 1.75rem;
		padding-left: 0.5rem;
        padding-right: 0.5rem;
	}
	p.svcPrice{ margin-bottom:0.5rem; }
	#services div.wp-block-column+div.wp-block-column{ margin-top:2rem; }
	div.serviceTip.noTopLine{ padding-left:1rem; padding-right:1rem; }
	#svcTipWrap li {
		font-size:medium;
	    padding: 0.2rem 0.75rem;
	}
	
	#methodLeft,#methodRight{
		flex: 0 0 100%;
		max-width: 100%;
	}
	#methodAttn{ 
		width:auto;
		height:2.25rem;
	}
	div.methodTip img.methodArrow,div.methodTip h3,
	#methodLeft .wp-block-group.ticss-e29342f0{ display:none; }

	img.methodPic {
    width: 100%;
    flex: 0 0 100%;
    margin-right: auto;
	}
	#methodLeft  p span.swl-fz.u-fz-xs{ font-size:medium !important; }
	#methodSec.sp-py-40{ padding-bottom:0 !important; }
	#awardWrap{ margin-top:4rem; }
	#usageAttn{ margin-bottom:0; }
	#messageTitle,#usageTitle{ margin-top:0; }
	#messageTitle{ margin-bottom:2rem; }
	#usageSpImg img{ width:100%; }
	#messageTitle{ font-size:8.5vw; }
	#ceoSpPic{ width:100%;margin:1rem auto 2rem auto; }
	#ceoMessage{ line-height:2; }
	#ceoName{ text-align:right; font-size:larger; }
	#contactTitle{ font-size:xxx-large; margin-bottom:0rem; line-height:1;  }
	footer#footer .l-footer__foot .l-container { flex-wrap:wrap; }
	#footLogoWrap,#footLogoWrap+ul.l-footer__nav{ flex:0 0 100%; } 
	footer .l-footer__nav{ flex-wrap:wrap;margin-top:2.5rem;  }
	footer ul.l-footer__nav li.menu-item{ flex: 0 0 100%; }
	li.menu-item a{ font-weight:bold; font-size:larger; line-height:2; }
	footer #privacyLink{ position: relative;    top: -8rem;    left: 0.75rem; }
	#footLogoImg{ max-width: 85%;    padding-left: 1rem; }
	#snsIconWrap{ margin-left:1.0rem; }
	#snsIconWrap img {    max-width: 1.75rem; }
	header#header{ z-index:105; }
	header#header .l-header__spNav{ display:none; }
	div#body_wrap  header#header { background: rgba(255, 255, 255, 0.8);    padding: 0.5rem 0; }
	header#header .l-header__logo { order: 1; }
	header#header .l-header__inner{         justify-content: space-around; }
	div#sp_menu .p-spMenu__inner{ 
		width:100vw;
		transition: -webkit-transform .25s;
		transition: transform .25s;
		transition: transform .25s,-webkit-transform .25s;
	}
	div#sp_menu.-left div.p-spMenu__inner{    
/* 	   top: -100vh;
    	-webkit-transform: translateX(-100vh);
	    transform: translateX(-100vh) */
		padding-top:5rem;
	}
	div#sp_menu div.p-spMenu__nav{
/* 		padding-top:calc( 5rem + var(--swl-adminbarH) ); */

	}
	header#header .c-gnav .sub-menu a:before,.c-listMenu a:before {
		background-color:var(--main-blue);
		color:white;
		border-radius:2rem;
	}
	div#sp_menu  .p-spMenu__body ul.c-spnav.c-listMenu{ margin-top:1rem; }
	div#sp_menu  .p-spMenu__body ul.c-spnav.c-listMenu li:first-child a {
		padding-top:1rem;
		border-top: 1px solid var(--color_border);
	}
	html body #main_visual .p-mainVisual__scroll.c-plainBtn{ color:var(--text-black) !important; display:none; }
	#sp_menu a.wp-block-button__link.wp-element-button{
		width:100%;
		margin:1rem auto;
		color:white;
        font-size: x-large !important;
        font-weight: bold;
        padding: 1.5rem 0;
		letter-spacing:2px;
	}
	#sp_menu a.wp-block-button__link.wp-element-button img{ margin-right:0.2rem; }
	#sp_menu #headContactBtn2025{ width:100%; }
	#custom_html-6 div.wp-block-columns{
		position: absolute;
		bottom: 3rem;
		width: 92vw;
	}
}	



/* -------------------sp_menu------------------ */
/* ===================
ハンバーガーメニュー
====================== */
/* メニューアイコン（デフォルト時） */
.-menuBtn .c-iconBtn__icon {
	width: 24px;
	height: 1px;
	background-color: #333;
	display: grid;
	place-items: center;
	transition: transform .3s;
	
	&::before,
	&::after {
		grid-area: 1 / 1;
		content: '';
		display: block;
		inset: 0;
		width: 24px;
		height: 1px;
		background-color: #333;
		transition: transform .3s;
	}
	
	&::before {
		transform: translateY(-8px);
	}
	
	&::after {
		transform: translateY(8px);
	}
}

/* メニューアイコン（オープン時） */
[data-spmenu=opened] {
	
	.-menuBtn .c-iconBtn__icon::before {
			transform: rotate(45deg);
	}
	
	.-menuBtn .c-iconBtn__icon {
		background-color: transparent;
	}
	
	.-menuBtn .c-iconBtn__icon::after {
		transform: rotate(-45deg);
	}
}

/* ボタンラベル */
.l-header__menuBtn .c-iconBtn::after,
.p-spMenu__closeBtn .c-iconBtn::after {
	font-size: 10px;
	line-height: 10px;
	transform: translateY(12px);
}

/* ボタンラベル（開くボタン） */
.l-header__menuBtn .c-iconBtn::after {
/* 	content: 'MENU'; */
}

/* ボタンラベル（閉じるボタン） */
.p-spMenu__closeBtn .c-iconBtn::after {
/* 	content: 'CLOSE'; */
}

/* メニュー */
.p-spMenu__inner {
  width: 100%;
  height: 100%;
  transform: translateX(0)!important;
  opacity: 0;
  transition: opacity .25s ease-out!important;
}

/* メニュー（オープン時） */
[data-spmenu="opened"] .p-spMenu__inner {
  opacity: 1;
}

/* 背景色をぼかす */
.p-spMenu__inner::before {
	background: rgb(255 255 255 / 1);
/* 	backdrop-filter: blur(5px); */
	-webkit-backdrop-filter: blur(5px);
}

/* メニューをフェードイン */
.p-spMenu__body {
	opacity: 0;
	transform: translateY(20px);
}

[data-spmenu="opened"] .p-spMenu__body {
	opacity: 1;
	transform: translateY(0);
	transition: opacity 0.25s ease-in, transform .4s ease-out;
}

/* 既存のメニューを削除 */
.c-widget__title.-spmenu,
.p-spMenu__nav {
/*   display:none; */
}