@charset "UTF-8";
/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700;900&family=Spartan:wght@600&display=swap'); */
body { color: #000000; font-size: 12px; font-family:  'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",YuGothic, 'Yu Gothic Medium', "メイリオ", Meiryo, "Sawarabi Mincho", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height: 1; -webkit-text-size-adjust: 100%;margin: 0; padding: 0; border: 0; }
a, a img { color: #6c2b36; outline: none; text-decoration: none; display:block; border:none; }


/* *{outline: 1px solid rgba(150, 150, 150, 0.2);} */
.disnone{display: none !important;}
:root {

	
	--col-k: #3E3A39;
	--col-blue: #00AAD5;
	--col-yell: #FFEA00;
	--col-pro1: #0090CA;
	--col-pro2: #8A7199;
	--col-pro3: #D3799D;


	



	
	--wf-b: 'Spartan', sans-serif;

	--ico-arr1: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJsXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIKCSB5PSIwcHgiIHZpZXdCb3g9IjAgMCA2LjMgMTAuOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNi4zIDEwLjk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTAuOCwxMC45Yy0wLjIsMC0wLjQtMC4xLTAuNi0wLjJjLTAuMy0wLjMtMC4zLTAuOCwwLTEuMWw0LjEtNC4xTDAuMiwxLjRjLTAuMy0wLjMtMC4zLTAuOCwwLTEuMQoJczAuOC0wLjMsMS4xLDBMNiw0LjlDNi40LDUuMiw2LjQsNS43LDYsNmwtNC43LDQuN0MxLjIsMTAuOCwxLDEwLjksMC44LDEwLjl6Ii8+Cjwvc3ZnPg==");
}
@media screen and (max-width:768px){
	:root {
		--px10: 2.7vw;
		--px12: 3.2vw;
		--px14: 3.7vw;
		--px16: 4.3vw;
		--px18: 4.8vw;
		--px20: 5.3vw;
		--px22: 5.9vw;
		--px24: 6.4vw;
	}
}


body{min-width: 1200px;}
.all-wrap{
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	-webkit-text-size-adjust: 100%;
	letter-spacing: 0.1em;
}
.all-wrap img{
	vertical-align: bottom;
}
.all-wrap h3,
.all-wrap h4,
.all-wrap p,
.all-wrap ul,
.all-wrap dl,
.all-wrap dt,
.all-wrap dd,
.all-wrap figure{margin: 0;padding: 0;}
.all-wrap img:not(.no-exp){
	width: 100%;
	height: auto;
}
.all-wrap *,.all-wrap *:before,.all-wrap *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.all-wrap ul{list-style:none;}
.all-wrap a.ov-alpha{
	-webkit-transition: opacity 0.6s;
	transition: opacity 0.6s;
}
.all-wrap a.ov-alpha:hover{
	opacity: 0.6;
	-webkit-transition: opacity 0s;
	transition: opacity 0s;
}
.lead{
	font-size: 16px;
	line-height: 2;
}
.wf-a{
	font-family: 'Spartan', sans-serif;
	font-weight: 600;
}
.bold{font-weight: bold;}
.inner{
	max-width: 1180px;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (min-width: 769px) {
	.sp{display: none;}
}
@media screen and (max-width: 768px) {
	body{min-width: 100%;}
	.lead{
		font-size: 12px;
		line-height: 1.8;
	}
	.pc{ display: none;}
}


.com-title-h2{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.com-title-h2 .parte{
	position: relative;
	font-family: var(--wf-b);
	font-weight: 600;
	font-size: 24px;
	line-height: 1;
	color: var(--col-yell);
	text-transform: uppercase;
}
.com-title-h2 .partj{
	position: relative;
	font-size: 34px;
	font-weight: 800;
	line-height: 1.2;
	color: var(--col-blue);
	margin-top: 0.4em;
}
.com-title-h2 .partj>span,
.com-title-2li .part>span{
	position: relative;
	z-index: 0;
	display: block;
	padding: 0.1em 0.8em;
}
.com-title-h2 .partj:before,
.com-title-2li .part:before{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: var(--col-yell);
	-webkit-transform: skew(20deg);
	transform: skew(20deg);
}
.com-title-h2 .parte:before,
.com-title-h2 .parte::after{
	content: "";
	display: block;
	position: absolute;
	width: 3px;
	height: 1.6em;
	top: -0.5em;
	border-radius: 1.5px;
	background-color: var(--col-yell);
}
.com-title-h2 .parte:before{
	-webkit-transform: rotate(-20deg);
	transform: rotate(-20deg);
	left: -0.8em;
}
.com-title-h2 .parte:after{
	-webkit-transform: rotate(20deg);
	transform: rotate(20deg);
	right: -0.8em;
}
.fill2 .com-title-h2 .parte{
	color: var(--col-blue);
}
.fill2 .com-title-h2 .partj{
	color: var(--col-yell);
}
.fill2 .com-title-h2 .partj:before,
.fill2 .com-title-h2 .parte:before,
.fill2 .com-title-h2 .parte::after{
	background-color: var(--col-blue);
}
@media screen and (max-width: 768px) {
	.com-title-h2 .parte{
		font-size: var(--px14);
	}
	.com-title-h2 .partj{
		font-size: var(--px20);
	}
}


.com-title-2li{
	display: flex;
	justify-content: center;
}
.com-title-2li .part{
	position: relative;
	color: #FFF;
}
.com-title-2li .part>span{
	padding: 0.6em 0;
	font-size: 18px;
	font-weight: 800;
}
.com-title-2li .part:before{
	background-color: var(--col-blue);
}
@media screen and (min-width: 769px) {
	.com-title-2li{
		position: relative;
		top: -20px;
	}
	.com-title-2li .part:first-child>span{
		padding-left: 2em;
	}
	.com-title-2li .part:last-child>span{
		padding-right: 2em;
	}
}

@media screen and (max-width: 768px) {
	.com-title-2li{
		flex-direction: column;
		align-items: flex-start;
		
	}
	.com-title-2li .part{
		margin-left: -5.5vw;
	}
	.com-title-2li .part>span{
		white-space: nowrap;
		font-size: var(--px16);
		padding-left: 4vw;
		padding-right: 1em;
	}
	.com-title-2li .part+.part{
		margin-top: 0.3em;
	}
}





.fill2{
	padding-top: 100px;
	padding-bottom: 120px;
	background-image: url(../img/com-bgblue-h.png),linear-gradient(to right,rgba(255,234,0,0.8) 0%,rgba(255,234,0,0.8) 100%);
	background-size: 100% auto,100%;
	background-repeat: no-repeat,no-repeat;
	background-position: 50% 0,0;
}
/* .fill3block:before{
	content: url(../img/sns-bg.png);
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	background: linear-gradient(to bottom,  rgba(255,234,0,0.8) 0%,rgba(255,234,0,0.8) 95%,rgba(255,255,255,1) 95%,rgba(255,255,255,1) 100%);
} */
.fill3block .part-bgs{
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	background: linear-gradient(to bottom,  rgba(255,234,0,0.8) 0%,rgba(255,234,0,0.8) 95%,rgba(255,255,255,1) 95%,rgba(255,255,255,1) 100%);
	padding: 0;
}
.fill3block .part-bgs img{
	position: relative;
	top: 0;
}
.fill3block>*{
	background-color: #FFF;
	padding-top: 80px;
	padding-bottom: 80px;
}

@media screen and (max-width: 768px) {
	.fill2{
		padding-top: 13vw;
		padding-bottom: 20vw;
	}
	.fill3block>*{
		padding-top: 21vw;
		padding-bottom: 21vw;
	}
}


.com-title-h4{
	position: relative;
	font-size: 30px;
	font-weight: 800;
	color: var(--col-blue);
	text-align: center;
}
.com-title-h4>span{
	display: inline-block;
	position: relative;
}
.com-title-h4>span::after{
	content: "";
	display: block;
	width: 100%;
	height: 4px;
	margin-top: 0.5em;
	background-color: var(--col-yell);
}
@media screen and (max-width: 768px) {
	.com-title-h4{
		font-size: var(--px18);
	}
	.com-title-h4>span::after{
		height: 0.8vw;
	}
}

.wrap-btn{
	display: flex;
	align-items: center;
	justify-content: center;
}
.com-btn-ell{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 700;
	background-color: #1558A3;
	color: #FFF;
	text-align: center;
	height: 50px;
	border-radius: 25px;
	padding: 0.5em 1em;
	min-width: 220px;
}
.com-btn-ell:after{
	content: "";
	position: absolute;
	display: block;
	width: 6.2px;
	height: 11px;
	background: var(--ico-arr1) no-repeat;
	background-size: contain;
	right: 18px;
	top: calc(50% - 5.5px);
}
.com-btn-ell.typeL{
	font-size: 26px;
	height: 80px;
	border-radius: 40px;
	padding: 0.5em 1em;
	min-width: 500px;
}
.com-btn-ell.typeL:after{
	width: 11px;
	height: 19px;
	right: 28px;
	top: calc(50% - 9.5px);
}
@media screen and (max-width: 768px) {
	.com-btn-ell{
		font-size: var(--px16);
		height: 12vw;
		border-radius: 6vw;
		min-width: 58.7vw;
	}
	.com-btn-ell:after{
		width: 1.8vw;
		height: 3.1vw;
		right: 4vw;
		top: calc(50% - 1.55vw);
	}
	.com-btn-ell.typeL{
		font-size: var(--px16);
		height: 14vw;
		border-radius: 7vw;
		min-width: 100%;
	}
	.com-btn-ell.typeL:after{
		width: 1.9vw;
		height: 3.2vw;
		right: 6vw;
		top: calc(50% - 1.6vw);
	}
}


.com-prod3{
	display: flex;
}
.com-prod3 [class*="type"]{
	position: relative;
}
.com-prod3 [class*="type"]:after,
.com-prod3 [class*="type"]:before{
	content: "";
	display: block;
	position: absolute;
	width: 92px;
	height: 65px;
	bottom: -20%;
	right: -5%;
	background-position: 100% 0;
	background-repeat: no-repeat;
	background-size: auto 100%;
}
.com-prod3 .type3000:after{
	background-image: url(../img/com-ico3000.png);
}
.com-prod3 .typeFe:after{
	background-image: url(../img/com-icoFe.png);
}
.com-prod3 .type0:before{
	background-image: url(../img/com-ico0.png);
}


.com-line-fill>span{
	background-color: #FFF;
	padding: 0.1em 0.5em 0.2em;
}
.com-line-fill{
	display: flex;
}
@media screen and (min-width: 769px) {
	.com-line-fill>span{
		padding-right: 0;
	}
	.com-line-fill>span+span{
		padding-left: 0;
	}.com-line-fill>span:last-child{
		padding-right: 0.5em;
	}
}
@media screen and (max-width: 768px) {
	.com-line-fill{
		flex-direction: column;
		align-items: center;
	}
	.com-line-fill>span{
		white-space: nowrap;
	}
	.com-line-fill>span+span{
		margin-top: 0.5em;
	}
}








.brandSiteHeader{
	z-index: 2;
	background-color: #FFF;
}
.cont-main{
	position: relative;
	z-index: 1;
}

.top-hero-movie{
	position: relative;
	width: 100%;
	height: auto;
}
.top-hero-movie-wrap{
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(to left, #00AAD5 0%,#499FC3 100%);
}
.top-hero-movie-wrap:after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	display: block;
	width: 100%;
	height: 100%;
	/* blueいらないかも */
	/* background-image: url(../img/com-bgblue.png),url(../img/mv.png);
	background-repeat: no-repeat,no-repeat;
	background-size: 100% auto,100% auto;
	background-position: 0 68vw,0 98px;  */

	
}
@media screen and (min-width: 769px) {
	.top-hero-movie{
		min-width: 1220px;
	}
}
@media screen and (max-width: 768px) {
	.all-wrap img.top-hero-movie{
		top: 72vw;
		left: calc(50% - 105vw);
		width: 175vw;
	}
	.top-hero-movie-wrap:after{
		/* blueいらないかも */
		/* background-position: 0 68vw,0 45px; 
		background-position: 0 170vw,0 45px;  */

		background-image: url(../img/top-hero-mv-bg_sp.png);
		background-repeat: no-repeat;
		background-size: 108vw auto;

	}
}





.top-hero .inner{
	display: flex;
	justify-content: flex-start;
	padding-top: 140px;
	padding-bottom: 140px;
}
.top-hero .elem1{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.top-hero .txt1{
	width: 525px;
}
.top-hero .com-prod3{
	width: 453px;
	padding-top: 35px;
}
.top-hero .com-prod3 li+li{
	margin-left: 16px;
}
@media screen and (max-width: 768px) {
	.top-hero .inner{
		justify-content: center;
		padding-top: 12vw;
		padding-bottom: 89.3vw;
	}
	.top-hero .txt1{
		width: 66.7vw;
	}
	.top-hero .com-prod3{
		width: 57.6vw;
		padding-top: 4.5vw;
	}
	.top-hero .com-prod3 li+li{
		margin-left: 2.1vw;
	}
	.com-prod3 [class*="type"]:after,
	.com-prod3 [class*="type"]:before{
		width: 11.7vw;
		height: 8.4vw;
	}
}





.cont-feat{
	padding-top: 100px;
	padding-bottom: 120px;
	background-image: url(../img/name-bg.svg),url(../img/com-bgblue.png),linear-gradient(to left,  #00AAD5 0%,#499FC3 100%);;
	background-size: 1300px 243px,100% auto,100%;
	background-repeat: no-repeat,no-repeat,no-repeat;
	background-position: 50% 150px,0 0,0 100px;
}
.cont-feat .com-prod3{
	width: 535px;
	margin: 50px auto 0;
}
.cont-feat .com-prod3>li+li{
	margin-left: 50px;
}
.cont-feat .part-fill .com-prod3{
	width: 406px;
	margin: 0 auto;
}
.cont-feat .part-fill .com-prod3>li+li{
	margin-left: 36px;
}
.cont-feat .elembox4{
	padding-top: 100px;
}
.cont-feat .elembox4>.box{
	overflow: hidden;
}
.cont-feat .part-fill{
	background-color: #FFF;
	border: 4px solid var(--col-yell);
	border-radius: 20px;
	flex: 1;
	padding: 50px;
}
.cont-feat .elembox4 .com-title-h2{
	align-items: flex-start;
	margin-left: -0.7em;
	margin-bottom: -1.8em;
}
.cont-feat .elembox4 .com-title-h2 .partj{
	font-size: 28px;
}
.cont-feat .elembox4 .com-title-h2 .partj>span{
	padding: 0.3em 1em;
}
@media screen and (min-width: 769px) {
	.cont-feat .elembox4{
		display: flex;
		flex-wrap: wrap;
	}
	.cont-feat .elembox4>.box{
		width: calc((100% - 80px) / 2);
		margin: 0 20px 0;
		display: flex;
		flex-direction: column;
	}
	.cont-feat .elembox4>.box:nth-child(n+3){
		margin-top: 80px;
	}
}


.cont-feat .part-fill .com-title-h4+*{
	margin-top: 1em;
}
.cont-feat .part-fill .lead+*{
	margin-top: 50px;
}
.cont-feat .elembox4 .lead{
	text-align: center;
	font-size: 18px;
	letter-spacing: 0;
	font-weight: 800;
	color: var(--col-blue);
}
.cont-feat .elembox4 .lead .sizeS{
	font-weight: normal;
	font-size: 77%;
}
.cont-feat .elembox4 .box2{
	display: flex;
}
.cont-feat .elembox4 .box2.type1 .box{
	height: 135px;
}
.cont-feat .elembox4 .box2.type1{
	justify-content: space-between;
	padding: 0 3%;
}
.cont-feat .elembox4 .box2.type1 .box img{
	height: 100%;
	width: auto;
}
.cont-feat .elembox4 .box2.type2{
	align-items: center;
	margin-top: 40px;
}
.cont-feat .elembox4 .box2.type2 .box:first-child{
	width: 118px;
}
.cont-feat .elembox4 .box2.type2 .box:last-child{
	flex: 1;
	padding-left: 30px;
}
.cont-feat .part-fill .elem-fx{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.cont-feat .part-fill .wrap-btn{
	margin-top: 40px;
}

.cont-feat .part-ell{
	position: relative;
	color: var(--col-blue);
	font-size: 21px;
	font-weight: 800;
	padding: 0 2em;
	height: 66px;
	line-height: 66px;
	border-radius: 33px;
	background-color: var(--col-yell);
}
.cont-feat .part-ell:before{
	content: "";
	position: absolute;
	display: block;
	width:0;
	height:0;
	border-style:solid;
	border-width: 15px 6.5px 0 6.5px;
	border-color: var(--col-yell) transparent transparent transparent;
	left: calc(50% - 6.5px);
	bottom: -15px;
}
@media screen and (max-width: 768px) {
	.cont-feat{
		padding-top: 15vw;
		padding-bottom: 15vw;
		background-size: 107vw 20vw,100% auto,100%;
		background-position: 50% 28.8vw,0 0,0 100px;
	}
	.cont-feat .com-prod3{
		width: 73.3vw;
		margin: 8vw auto 0;
	}
	.cont-feat .com-prod3>li+li{
		margin-left: 6.7vw;
	}
	.cont-feat .part-fill .com-prod3{
		width: 59.2vw;
	}
	.cont-feat .part-fill .com-prod3>li+li{
		margin-left: 5vw;
	}
	.cont-feat .elembox4{
		padding-top: 14vw;
	}
	.cont-feat .elembox4>.box+.box{
		margin-top: 6vw;
	}
	.cont-feat .part-fill{
		border-width: 0.7vw;
		border-radius: 4vw;
		padding: 10.7vw;
	}
	.cont-feat .elembox4 .com-title-h2{
		margin-bottom: -4vw;
	}
	.cont-feat .elembox4 .com-title-h2 .partj{
		font-size: var(--px16);
	}
	.cont-feat .part-fill .lead+*{
		margin-top: 6.7vw;
	}
	.cont-feat .elembox4 .lead{
		font-size: var(--px12);
		margin-left: -3vw;
		margin-right: -3vw;
	}


	.cont-feat .elembox4 .box2.type1 .box{
		height: 19.7vw;
	}
	.cont-feat .elembox4 .box2.type1{
		padding: 0 7%;
	}
	.cont-feat .elembox4 .box2.type2{
		margin-top: 4.3vw;
	}
	.cont-feat .elembox4 .box2.type2 .box:first-child{
		width: 17vw;
	}
	.cont-feat .elembox4 .box2.type2 .box:last-child{
		padding-left: 4.3vw;
	}
	.cont-feat .part-fill .wrap-btn{
		margin-top: 5vw;
	}
	
	.cont-feat .part-ell{
		font-size: var(--px12);
		height: 9.6vw;
		line-height: 9.6vw;
		border-radius: 4.8vw;
	}
	.cont-feat .part-ell:before{
		border-width: 2.4vw 1.2vw 0 1.2vw;
		left: calc(50% - 1.2vw);
		bottom: -2.4vw;
	}


}




.com-table1 .sizeS{
	font-size: 14px;
}
.com-table1 th{
	font-weight: 800;
	font-size: 18px;
	background-color: #EFF4F8;
	padding: 0.8em 1em;
}
.com-table1 th[scope="col"]{
	background-color: #69B2D2;
	color: #FFF;
}
.com-table1{
	width: 100%;
	border-spacing: 0;
	border: none;
	border-left: 1px solid var(--col-blue);
    border-top: 1px solid var(--col-blue);
	border-radius: 10px;
}
.com-table1 tr>*{
	border: none;
	border-right: 1px solid var(--col-blue);
    border-bottom: 1px solid var(--col-blue);
	color: var(--col-blue);
	text-align: center;
	white-space: nowrap;
}
.com-table1 td{
	font-size: 16px;
	line-height: 1.6;
	height: 6.5em;
}
.com-table1 tr:first-child>*:first-child{
    border-radius: 10px 0 0 0;
}
.com-table1 tr:first-child>*:last-child{
    border-radius: 0 10px 0 0;
}
.com-table1 tr:last-child>*:first-child{
    border-radius: 0 0 0 10px;
}
.com-table1 tr:last-child>*:last-child{
    border-radius: 0 0 10px 0;
}

@media screen and (max-width: 768px) {
	.com-table1{
		margin-left: -5vw;
		margin-right: -5vw;
		margin-bottom: -5vw;
		width: calc(100% + 10vw);
	}
	.com-table1 .sizeS{
		font-size: var(--px10);
	}
	.com-table1 th{
		font-size: var(--px10);
		padding: 0.8em 0em;
	}
	.com-table1 td{
		font-size: var(--px10);
	}

}







.com-title-h2+.lead{
	font-size: 30px;
	font-weight: 800;
	text-align: center;
}
.fill2 .com-title-h2+.lead{
	color: var(--col-blue);
}
.elem-prod{
	background-color: #ECFAF8;
	border-radius: 15px;
	overflow: hidden;
	margin-top: 60px;
}
.elem-prod .elem-head{
	display: flex;
	
	padding: 60px 100px 10px;
	color: #FFF;
}
.elem-prod.type1 .elem-head,
.elem-prod.type1 .btn-acc:before,
.elem-prod.type1 .btn-acc:after{background-color: var(--col-pro1);}
.elem-prod.type2 .elem-head,
.elem-prod.type2 .btn-acc:before,
.elem-prod.type2 .btn-acc:after{background-color: var(--col-pro2);}
.elem-prod.type3 .elem-head,
.elem-prod.type3 .btn-acc:before,
.elem-prod.type3 .btn-acc:after{background-color: var(--col-pro3);}
.elem-prod.type1 .elem-body,
.elem-prod.type1 .elem-head .com-line-fill{color: var(--col-pro1);}
.elem-prod.type2 .elem-body,
.elem-prod.type2 .elem-head .com-line-fill{color: var(--col-pro2);}
.elem-prod.type3 .elem-body,
.elem-prod.type3 .elem-head .com-line-fill{color: var(--col-pro3);}
@media screen and (min-width: 769px) {
	.elem-prod:nth-child(even) .elem-body{
		background-image: url(../img/prod-bg_body2_pc.png);
	}
}
.elem-prod.type1 .wrap-tbbox .tbbox1{outline-color: var(--col-pro1);}
.elem-prod.type2 .wrap-tbbox .tbbox1{outline-color: var(--col-pro2);}
.elem-prod.type3 .wrap-tbbox .tbbox1{outline-color: var(--col-pro3);}
.elem-prod.type1 h3.btn-acc,
.elem-prod.type1 .box-acc{border-color: var(--col-pro1);}
.elem-prod.type2 h3.btn-acc,
.elem-prod.type2 .box-acc{border-color: var(--col-pro2);}
.elem-prod.type3 h3.btn-acc,
.elem-prod.type3 .box-acc{border-color: var(--col-pro3);}



.elem-prod .elem-head .part-name{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.elem-prod .elem-head .com-prod3 [class*="type"]:after,
.elem-prod .elem-head .com-prod3 [class*="type"]:before {
    width: 95px;
    height: 68px;
    bottom: auto;
	top: -8%;
    right: -18%;
}
.elem-prod .elem-head .com-prod3 [class*="type"]:before{
	top: calc(-8% + 72px);
}
.elem-prod .elem-head .part-name .txt{
	font-size: 66px;
	line-height: 1.2;
	font-weight: 800;
	margin-top: 0.1em;
}
.elem-prod .elem-head .part-name .sizeS{
	font-size: 30%;
	margin-left: 1em;
}
.elem-prod .elem-head .boxtxt .com-line-fill{
	font-size: 24px;
	font-weight: 700;
	line-height: 1;
	margin-top: 1em;
}
.elem-prod .elem-head .part-name .txt-frame{
	border: 1px solid #FFF;
	/* font-size: 14px; */
	font-size: 20px;
	line-height: 1;
	padding: 0.2em 0.4em 0.3em;
	margin-top: 0.6em;
}
@media screen and (min-width: 769px) {
	.elem-prod:nth-child(even) .elem-head{
		flex-direction: row-reverse;
	}
	.elem-prod:nth-child(odd) .elem-head .boxtxt{
		padding-left: 75px;
	}
	.elem-prod:nth-child(even) .elem-head .boximg{
		margin-right: 30px;
	}
	.elem-prod .elem-head .boximg{
		width: 232px;
	}
	.elem-prod .elem-head .boxtxt{
		flex: 1;
	}
	.elem-prod .elem-head .part-name .img{
		width: 281px;
		height: 64px;
	}
}
@media screen and (max-width: 768px) {
	.com-title-h2+.lead{
		font-size: var(--px18);
	}
	.elem-prod{
		border-radius: 3vw;
		margin-top: 10vw;
	}
	.elem-prod .elem-head{
		flex-direction: column;
		align-items: center;
		padding: 12vw 5vw 16vw;
	}
	.elem-prod .elem-head .boximg{
		width: 38.7vw;
	}
	.elem-prod .elem-head .part-name{
		display: flex;
		flex-direction: column;
		align-items: center;
		padding-top: 8vw;
	}
	.elem-prod .elem-head .com-prod3 [class*="type"]:after,
	.elem-prod .elem-head .com-prod3 [class*="type"]:before {
		width: 15.2vw;
		height: 11vw;
	}
	.elem-prod .elem-head .com-prod3 [class*="type"]:before{

		top: calc(-8% + 12vw);
	}
	.elem-prod .elem-head .part-name .img{
		width: 36.8vw;
		height: 8.3vw;
	}
	.elem-prod .elem-head .part-name .txt{
		font-size: 9vw;
		text-align: center;
	}
	.elem-prod .elem-head .boxtxt .com-line-fill{
		font-size: var(--px16);
	}
	.elem-prod .elem-head .part-name .txt-frame{
		font-size: 4vw;
	}
}






.elem-prod .elem-body{
	padding: 0 100px 60px;
	background-image: url(../img/prod-bg_body1_pc.png);
	background-size: 100% auto;
	background-size: calc(100% + 2px) auto;
	background-repeat: no-repeat;
	background-position: 50% 0;
	margin-top: -110px;
	padding-top: 130px;
}
.elem-prod .elem-body .part-3txt sub{
	font-size: 60%;
	position: relative;
	bottom: 0.3em;
	letter-spacing: 0;
}
.elem-prod .elem-body .part-3txt{
	font-size: 18px;
	font-weight: 800;
	line-height: 1.6;
}
.elem-prod .elem-body .part-3txt>li{
	text-indent: -1em;
	padding-left: 1em;
}
.elem-prod .elem-body .part-3txt>li+li{
	margin-top: 0.5em;
}

@media screen and (max-width: 768px) {
	.elem-prod .elem-body{
		padding: 0 5vw 60px;
		background-image: url(../img/prod-bg_body_sp.png);
		margin-top: -11.5vw;
		padding-top: 20vw;
	}
	.elem-prod .elem-body .part-3txt{
		font-size: var(--px12);
	}
}
.elem-prod .elem-tb dt{
	position: relative;
}
.elem-prod .elem-tb sub{
	position: absolute;
	bottom: 0.3em;
	font-size: 60%;
	letter-spacing: 0;
}
.elem-prod .elem-tb{
	padding-top: 30px;
}

.elem-prod .elem-tb .part-title{
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 1em;
}
.elem-prod .elem-tb *+.lead{
	margin-top: 0.5em;
}
.elem-prod .elem-k{
	color: var(--col-k);
	padding-top: 1.5em;
	padding-bottom: 4em;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.elem-prod .elem-k .lead{
	line-height: 1.4;
}
.elem-prod .elem-k .lead:not(.part-frame)+.lead{
	margin-top: 1.5em;
}
.elem-prod .elem-k .lead.part-frame+.lead{
	margin-top: 0.5em;
}
.elem-prod .elem-k .part-frame{
	line-height: 1;
	padding: 0.3em 0.5em 0.4em;
	border: 1px solid var(--col-k);
	font-weight: bold;
}


@media screen and (min-width: 769px) {
	.wrap-tbbox{
		display: flex;
	}
	.wrap-tbbox .box+.box{
		margin-left: -2px;
	}
	.wrap-tbbox .box{
		width: 314px;
	}
}



.wrap-tbbox [class*="tbbox"]{
	margin: 2px;
}

.wrap-tbbox .tbbox1{
	outline: 2px solid var(--col-pro1);
}


dl.dl-tb {
	font-size: 16px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	/* grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); */
	padding: 1.2em 1.5em;
	/* gap: 10px; */
}
.dl-tb dt,
.dl-tb dd {
	/* border: 1px solid #000; */
	/* padding: 10px; */
	text-align: center;
	/* overflow: hidden; */
	white-space: nowrap;
	/* text-overflow: ellipsis; */
	padding: 0.3em;
	line-height: 1.2;
}
.dl-tb dt{
	text-align: left;
}
.dl-tb dd{
	text-align: right;
}
@media screen and (max-width: 768px) {
	dl.dl-tb {
		font-size: var(--px14);
	}

}



h3.btn-acc{
	position: relative;
	display: block;
	font-size: 26px;
	font-weight: 700;
	text-align: center;
	border-top: 2px solid var(--col-pro1);
	border-bottom: 2px solid var(--col-pro1);
	padding: 1em 0;
	cursor: pointer;
}

.btn-acc:before,
.btn-acc:after{
	content: "";
	display: block;
	position: absolute;
	width: 20px;
	height: 2px;
	background-color: var(--col-pro1);
	top: calc(50% - 1px);
	right: 25px;
}
.btn-acc:after{
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transition: transform 0.8s cubic-bezier(0,1,0,1);
	transition: transform 0.8s cubic-bezier(0,1,0,1);
}
.btn-acc.open:after{
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

.box-acc{
	padding: 40px 48px 48px;
	border-bottom: 2px solid var(--col-pro1);
	background-color: #E0ECF3;
	color: var(--col-blue);
}
.box-acc .elem1 .lead{
	font-weight: 700;
}

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

	.box-acc .elem1{
		display: flex;
	}
	.box-acc .elem1 .partimg{
		width: 388px;
	}
	.box-acc .elem1 .parttxt{
		flex: 1;
		padding-left: 44px;
	}
}

@media screen and (max-width: 768px) {
	h3.btn-acc{
		margin-left: -2vw;
		margin-right: -2vw;
	}
	h3.btn-acc{
		font-size: var(--px18);
	}
	
	.btn-acc:before,
	.btn-acc:after{
		width: 4vw;
		height: 2px;
		right: 2vw;
	}
	.box-acc{
		margin-left: -2vw;
		margin-right: -2vw;
		padding: 4vw 3vw;
	}
	.box-acc .elem1 .parttxt{
		padding-top: 3vw;
	}

}


.box-acc .elem2{
	background-color: #ECFAF8;
	padding: 0 30px 25px;
	border-radius: 20px;
	margin-top: 65px;
}
.box-acc .elem2a .parttxt{
	font-size: 18px;
	font-weight: 800;
	line-height: 2;
	margin-top: 100px;
	margin-left: -50px;
}
.box-acc .elem2a .partimg{
	width: 373px;
}
.box-acc .elem2a .parttxt .color1{
	color: #ECA300;
}
.box-acc .elem2b .parttxt{
	color: var(--col-k);
	font-size: 14px;
	line-height: 1.8;
	margin-top: 1em;
}
.box-acc .elem2b .partimg{
	width: 775px;
}
@media screen and (min-width: 769px) {
	.box-acc .elem2a{
		display: flex;
		padding-left: 40px;
	}


	.elem-prod.type2 .com-title-2li .part>span{
		min-width: 220px;
		text-align: center;
	}
}
@media screen and (max-width: 768px) {
	.box-acc .elem2{
		background-color: #ECFAF8;
		padding: 4vw 4vw;
		border-radius: 3vw;
		overflow: hidden;
	}
	.box-acc .elem2a{
		margin-top: 5vw;
	}
	.box-acc .elem2a .parttxt{
		font-size: var(--px10);
		margin-top: 1em;
		margin-left: 0;
	}
	.box-acc .elem2a .partimg{
		width: 59.7vw;
		margin-left: 2vw;
	}
	.box-acc .elem2b .parttxt{
		font-size: var(--px10);
		line-height: 1.2;
	}
	.box-acc .elem2b .partimg{
		width: 160vw;
	}
}

.scroll-wrap{overflow: auto;white-space: nowrap;padding-bottom: 15px;}
.scroll-wrap::-webkit-scrollbar{height: 4px;}


.scroll-wrap::-webkit-scrollbar-track{background: #C3DCEB;}
.scroll-wrap::-webkit-scrollbar-thumb {background: var(--col-pro1);}



.cont-sns .box3{
	display: flex;
	justify-content: center;
}
.cont-sns .box3>*{
	width: 74px;
}
.cont-sns .box3>*+*{
	margin-left: 60px;
}
.cont-sns .com-title-h2{
	margin-top: 60px;
	margin-bottom: 20px;
}
.cont-sns .com-title-h2 .parte{
	color: var(--col-blue);
	font-size: 22px;
}
.cont-sns .com-title-h2 .parte:before,
.cont-sns .com-title-h2 .parte::after{
	background-color: var(--col-blue);
}
@media screen and (max-width: 768px) {
	.cont-sns .box3>*{
		width: 15.5vw;
	}
	.cont-sns .box3>*+*{
		margin-left: 13.3vw;
	}
	.cont-sns .com-title-h2{
		margin-top: 13vw;
		margin-bottom: 5vw;
	}
	.cont-sns .com-title-h2 .parte{
		font-size: var(--px18);
	}
}


.cont-ftbnr{
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 40px;
}
.cont-ftbnr a+a{
	margin-top: 20px;
}
@media screen and (min-width: 769px) {
	.cont-ftbnr a:hover{
		opacity: 0.7;
	}
}










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

}


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

}



.brandSiteFooter{
	position: relative;
	z-index: 2;
}
#btnPageTop {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 2;
}
#btnPageTop a {
    transition: all ease .3s;
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    background-color: #FFD500;
    border: 1px solid #FFD500;
    border-radius: 20px;
    overflow: hidden;
    text-indent: -9999px;
}
#btnPageTop a:before {
    content: '';
    position: absolute;
    top: 16px;
    left: 13.3px;
    width: 10px;
    height: 10px;
    border: 3px solid #565225;
    border-width: 3px 0 0 3px;
    line-height: 0;
    transform: rotate(45deg);
}