@charset "UTF-8";
/* @import url('https://fonts.googleapis.com/css2?family=Konkhmer+Sleokchher&family=Lato:wght@100;400;700;900&family=Noto+Sans+JP:wght@400;500;700&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&family=Noto+Sans+JP:wght@400;500;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Karla:wght@300;500;700;800&family=Konkhmer+Sleokchher&family=Lato:wght@100;400;700;900&family=Noto+Sans+JP:wght@400;500;700&display=swap');

/*
Light 300
Regular 400
Medium 500
Bold 700
font-family: 'Konkhmer Sleokchher', cursive;
*/
:root {
	--lead10: 10px;
	--lead12: 12px;
	--lead14: 14px;
	--lead15: 15px;
	--lead16: 16px;
	--lead18: 18px;
	--lead20: 20px;
	--rad80: 80px;
	--rad45: 45px;
	--rad30: 30px;
	--rad10: 10px;
	--color-y: #fff100;
	--color-gr: #3db270;
	--color-pu: #7e308d;
	--bg-gradation: linear-gradient(135deg, var(--main-color) 0%, var(--sub-color) 100%) fixed;

	/* --arrow-wtr: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJsXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCA3NCA3NCIgPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjY0LjIsMCAyMC4yLDAgMjAuMiwxMy41IDUwLjgsMTMuNSAwLDY0LjIgOS44LDc0IDYwLjUsMjMuMiA2MC41LDUzLjggNzQsNTMuOCA3NCw5LjggNzQsMCAiLz4KPC9zdmc+");

	--arrow-wr: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJsXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAxNyAxMCI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+Cjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMTIuNSwxMCAxNyw1IDEyLjUsMCA5LjksMCAxMy4xLDMuOSAwLDMuOSAwLDYuMSAxMy4xLDYuMSA5LjksMTAgIi8+Cjwvc3ZnPg==");
	--arrow-wrrev: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJsXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIKCSB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyMCAxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAgMTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSI1LjIsMCAwLDYgNS4yLDEyIDguMiwxMiA0LjUsNy4yIDIwLDcuMiAyMCw0LjUgNC41LDQuNSA4LjIsMCAiLz4KPC9zdmc+"); */

	/* 14:8 */
	/* --arrow-kl: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJsXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIKCSB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxNCA4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNCA4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+Cjxwb2x5Z29uIHBvaW50cz0iMy43LDAgMCw0IDMuNyw4IDUuOSw4IDMuMiw0LjkgMTQsNC45IDE0LDMuMSAzLjIsMy4xIDUuOSwwICIvPgo8L3N2Zz4="); */
	--arrow-kr: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJsXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIKCSB5PSIwcHgiIHZpZXdCb3g9IjAgMCA3LjEgMTIuNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNy4xIDEyLjc7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojNTc1NzU3O3N0cm9rZS1taXRlcmxpbWl0OjEwO30KPC9zdHlsZT4KPHBvbHlsaW5lIGNsYXNzPSJzdDAiIHBvaW50cz0iMC40LDAuNCA2LjQsNi40IDAuNCwxMi40ICIvPgo8L3N2Zz4K");
	--arrow-kt: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDEyLjcgNy4xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMi43IDcuMTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiM1NzU3NTc7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQo8L3N0eWxlPgo8cG9seWxpbmUgY2xhc3M9InN0MCIgcG9pbnRzPSIwLjQsNi43IDYuNCwwLjcgMTIuNCw2LjcgIi8+Cjwvc3ZnPgo=");
	--arrow-br: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDUgOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNSA5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6bm9uZTtzdHJva2U6IzNBQTVERTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQo8L3N0eWxlPgo8cG9seWxpbmUgY2xhc3M9InN0MCIgcG9pbnRzPSIwLjUsMC41IDQuNSw0LjUgMC41LDguNSAiLz4KPC9zdmc+");
	--arrow-cb: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDEyLjcgNy4xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMi43IDcuMTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiNEM0IyOEU7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQo8L3N0eWxlPgo8cG9seWxpbmUgY2xhc3M9InN0MCIgcG9pbnRzPSIxMi40LDAuNCA2LjQsNi40IDAuNCwwLjQgIi8+Cjwvc3ZnPg==");
}
.color-y{
	color: var(--color-y);
}
.color-gr{
	color: var(--color-gr);
}
.color-pu{
	color: var(--color-pu);
}
@media screen and (max-width:768px){
	:root {
		--lead10: 2.7vw;
		--lead12: 3.2vw;
		/* --lead14: 3.73vw; */
		--lead14: 3.2vw;
		
		--lead15: 3.7vw;
		--lead16: 4.27vw;
		--lead18: 4.8vw;
		--lead20: 18px;
		--rad80: 40px;
		--rad45: 25px;
		--rad30: 20px;
	}
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
background:transparent;border:0;margin:0;padding:0;}img{vertical-align: bottom;}body{line-height:1;}h1,h2,h3,h4,h5,h6,th{font-weight:normal;}
ol,ul{list-style:none;}blockquote{quotes:none;}blockquote:before,blockquote:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}a img{border:none;}
.clear:after{content:".";display:block;clear:both;height:0;visibility:hidden;}.clear{min-height:1px;}
* html .clear{height:1px;/*\*//*/height: auto;overflow: hidden;/**/
}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
address{font-style:normal;}
hr{margin:0;}
figure{
	display: block;
	margin: 0;
	padding: 0;
}
main{
	display: block;
	padding-top: 123px;
}
@media screen and (max-width:768px){
	main{
		padding-top: 90px;
	}
}
/* .pos-basis:not(.top-hero){ */
	.pos-basis{

	overflow: hidden;
}
.pos-basis,
.pos-basis .cont-in,
.pos-basis .inner{
	position: relative;
}
.cont-in:before{
	content: "";
	position: absolute;
	z-index: 0;
	display: block;
	width: auto;
	height: auto;
}




.post-body ol,
.post-body ul{
	list-style:initial;
	padding-left:2em;
	display: inline-block;
}
.post-body *+p,
.post-body *+figure,
.post-body *+div{
	margin-top: 1em;
}
.post-body img{
	width: auto;
	height: auto;
	max-width: 100%;
}
.post-body .aligncenter{
	text-align: center;
}
.post-body .alignright{
	text-align: right;
}



html{
	font-size: 62.5%;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	-webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}
html,body{
	min-width: 1000px;
}
body{
	background-color: #FCFCF8;
	color:#575757;
	letter-spacing: 0.1em;
	font-size: 1.6rem;
	font-family: "Noto Sans JP","游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
	font-weight: 500;
}

.wf-a{
	/* font-family: 'Konkhmer Sleokchher', cursive; */
	font-family: 'Karla', sans-serif;
	font-weight: 800;
	letter-spacing: 0.25em;
}
.wf-b{
	font-family: 'Lato', sans-serif;
	/* letter-spacing: 0.25em; */
}


a{text-decoration:none;}
/* header a:link,
header a:visited,
footer a:link,
footer a:visited{
	color: inherit;
} */
a:link,a:visited{color:inherit;}

.bold{
	font-weight: bold;
}
.lead{
	line-height: 2.2;
	font-size: var(--lead14);
	text-align: justify;
	letter-spacing: 0.08em;
}
.lead+.lead{
	margin-top: 1em;
}
.bold{
	font-weight: 700;
}
.center{
	text-align: center;
}
.inner{
	max-width: 1280px;
	padding-left: 70px;
	padding-right: 70px;
	margin-left: auto;
	margin-right: auto;
}



.inner-r100{
	padding-left: calc(50% - 570px);
	overflow: hidden;
}
@media screen and (max-width:1280px){
	.inner-r100{
		padding-left: 70px;
	}
}
@media screen and (max-width:768px){
	.inner-r100{
		padding-left: 40px;
		padding-right: 40px;
	}
}

.cont{
	padding-top: 100px;
	padding-bottom: 100px;
}
.type-white{
	color: #000;
}

.type-white .lead a{
	color: var(--color-gr);
}
img{width: 100%;}
.box2,
.box3{
	display: flex;
	flex-wrap: wrap;
}
.box2>.box{
	width: 50%;
}
.box3>.box{
	width: calc(100% / 3.001);
}


@media screen and (max-width:768px){
	html,body{min-width: 100%;}
	body{
		font-size: 1.2rem;
		min-width: 100%;
	}
	/* .lead{font-size: var(--lead12);} */
	.inner{
		width: 100%;
		padding-left: 5vw;
		padding-right: 5vw;
	}
	img{
		width: 100%;
		height: auto;
	}
}

.com-title-h2{
	font-size: 36px;
	font-weight: 400;
	letter-spacing: 0.2em;
}
.com-title-h4{
	font-size: 34px;
	/* font-weight: bold; */
	font-weight: 800;
	line-height: 1;
}
.com-title-h4-cate{
	font-size: 18px;
	font-weight: bold;
	line-height: 1.3;
	text-transform: uppercase;
}
.com-title-h2+.com-title-h4{
	font-size: 17px;
	margin-top: 1.9em;
}
.com-title-lead{
	font-size: 24px;
	font-weight: 500;
	line-height: 2.1;
	letter-spacing: 0.20em;
}
.com-title-h2+.com-title-h4-cate{
	margin-top: 1.6em;
}
.com-basebox .com-title-lead+.lead{
	margin-top: 30px;
}
@media screen and (max-width:768px){
	.cont{
		padding-top: 12vw;
		padding-bottom: 12vw;
	}
	.com-title-h2{
		font-size: 24px;
	}
	.com-title-h4{
		font-size: 22px;
	}
	.com-title-h4-cate{
		font-size: 16px;
	}
	.com-title-h2+.com-title-h4{
		font-size: 15px;
		margin-top: 1.2em;
	}
	.com-title-h2+.com-title-h4-cate{
		margin-top: 1.2em;
	}
	.com-title-lead{
		font-size: 18px;
	}
	.com-basebox .com-title-lead+.lead{
		margin-top: 20px;
	}
}

.com-sponly-herotitle{
	position: relative;
	padding-left: 36px;
	/* margin-left: -20px; */
}
.com-sponly-herotitle:after{
	content: "";
	position: absolute;
	top: 3px;
	bottom: 2px;
	left: 0;
	display: block;
	background-color: #999;
	width: 17px;
	border-radius: 0 5px 5px 0;
}
.com-sponly-herotitle .part-en{
	font-size: 34px;
	font-weight: 500;
}
.com-sponly-herotitle .part-jp{
	font-size: 18px;
	line-height: 1.4;
	margin-top: 0.3em;
}






.com-def-box2{
	display: flex;
}
.com-def-box2 .box-1{
	width: 210px;
}
.com-def-box2 .box-2{
	flex: 1;
}
.com-def-box2 .box-2 .fill{
	background-color: #FFF;
	box-shadow:5px 5px 15px 0px rgba(0, 0, 0, 0.05);
	border-radius: var(--rad30);
}
@media screen and (max-width:768px){
	.com-def-box2{
		display: block;
	}
	.com-def-box2 .elem-title{
		text-align: center;
	}
	.com-def-box2 .box-1{
		width: 100%;
	}
	.com-def-box2 .box-2{
		padding-top: 35px;
	}
}







/* .com-btn-arrow{
	position: relative;
	display: inline-block;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0.2em;
	height: 58px;
	line-height: 58px;
	text-align: center;
	border-radius: 29px;
	min-width: 228px;
	background-color: #FBDE6B;
	box-shadow: 5px 5px 8px 0px rgba(0, 0, 0, 0.1);
}
.com-btn-arrow:before{
	content: "";
	position: absolute;
	top: calc(50% - 6.5px);
	right: 20px;
	width: 7px;
	height: 13px;
	background-image: var(--arrow-kr);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50%;
}
@media screen and (max-width:768px){
	.com-btn-arrow{
		font-size: 14px;
		height: 52px;
		line-height: 52px;
		border-radius: 26px;
		min-width: 205px;
	}
} */

.com-btn-arrow{
	display: inline-block;
}
.com-btn-arrow .part{
	position: relative;
	display: inline-block;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0.2em;
	height: 58px;
	line-height: 58px;
	text-align: center;
	border-radius: 29px;
	min-width: 228px;
	background-color: #FBDE6B;
	box-shadow: 5px 5px 8px 0px rgba(0, 0, 0, 0.1);
}
.com-btn-arrow.sizeL .part{
	padding: 0 2.5em;
}
.com-btn-arrow .part:before{
	content: "";
	position: absolute;
	top: calc(50% - 6.5px);
	right: 20px;
	width: 7px;
	height: 13px;
	background-image: var(--arrow-kr);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50%;
}
@media screen and (max-width:768px){
	.com-btn-arrow .part{
		font-size: 14px;
		height: 52px;
		line-height: 52px;
		border-radius: 26px;
		min-width: 205px;
	}
}







.btn-accordion.type1{
	position: relative;
	background-color: #f7f7f7;
	padding: 0.4em 20px;
	border-radius: var(--rad10);
}
.btn-accordion.type1:before,
.btn-accordion.type1:after{
	content: "";
	position: absolute;
	display: block;
	width: 16px;
	height: 2px;
	background-color: #575757;
	right: 5px;
	top: calc(50% - 1px);
	/* -webkit-transition: transform 0.3s cubic-bezier(.5,0,1,.5),opacity 0.3s; */
	transition: transform 0.5s ease-in-out,opacity 0.4s;
}
.btn-accordion.type1:after{
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.btn-accordion.type1.open:after{
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
.btn-accordion.type1.open:before{
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	opacity: 0;
}
/* @media screen and (max-width:768px){

	.btn-accordion.type1:before,
	.btn-accordion.type1:after{
		width: 23px;
		height: 2px;
		top: 18px;
	}
} */


/* 
.com-set .box-accordion{
	padding-top: 70px;
}

.com-dl1{
	font-size: var(--lead16);
	font-weight: 400;
	line-height: 1.4;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	padding: 2.1em 1em;
}
.com-dl1:last-child{
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);

}


@media screen and (min-width:769px){
	.com-dl1{
		display: flex;
	}
	.com-dl1 dt{
		width: 34%;
		text-align: right;
	}
	.com-dl1 dd{
		flex: 1;
		padding-left: 4em;
	}
}

@media screen and (max-width:768px){
	.com-set .box-accordion{
		padding-top: 15vw;
	}
	.com-dl1{
		padding: 1.7em 1em;
	}
	.com-dl1 dt{
		color: #B2B2B2;
	}

}

.com-dl2{
	line-height: 1.6;
}
.com-dl2 dt+dd{
	margin-top: 1em;
}
.com-dl2 dd+dt{
	margin-top: 1.8em;
}
.com-dl2 dt{
	font-size: 24px;
	font-weight: 400;
}
.com-dl2 dd{
	font-size: var(--lead14);
	font-weight: 400;
	text-align: justify;
}
@media screen and (max-width:768px){
	.com-dl2 dt+dd{
		margin-top: 0.6em;
	}
	.com-dl2 dd+dt{
		margin-top: 0.8em;
	}
	.com-dl2 dt{
		font-size: 6.4vw;
	}
}
 */




.mklist>li{
	position: relative;
	padding-left: 0.8em;
}
.mklist.em05>li{
	padding-left: 0.5em;
	text-indent: -0.5em;
}
.mklist.em1>li{
	padding-left: 1.0em;
	text-indent: -1.0em;
}
.mklist.em15>li{
	padding-left: 1.5em;
	text-indent: -1.5em;
}










/*--------------- parts ---------------*/



/* .btn-sq,
.btn-sq:link,
.btn-sq:visited{
	position: relative;
	display: inline-block;
	font-size: var(--lead18);
	text-align: center;
	line-height: 1.2;
	background-color: var(--color-pu);
	color: var(--color-y);
	border-radius: 8px;
	padding: 1.1em;
	width: 315px;
}

.btn-sq.send{
    background-image: var(--arrow-wr);
    background-size: 20px 12px;
    background-repeat: no-repeat;
    background-position: right 20px top 50%;
}
.btn-sq.back{
	background-color: #808080;
    background-image: var(--arrow-wrrev);
    background-size: 20px 12px;
    background-repeat: no-repeat;
    background-position: left 20px top 50%;
}

input.btn-sq {
	cursor: pointer;
    -webkit-appearance: none;
    border: none;
}
@media screen and (min-width:769px){
	a.btn-sq,
	input.btn-sq{
		-webkit-transition: opacity 0.6s;
				transition: opacity 0.6s;
	}
	a.btn-sq:hover,
	input.btn-sq:hover{
		opacity: 0.6;
		-webkit-transition: opacity 0s;
				transition: opacity 0s;
	}
} */




.com-coverbox{
    position: relative;
    width: 100%;
}
.com-coverbox:before{
    content:"";
    display: block;
    padding-top: 75%;
}
.com-coverbox.type44:before{
    padding-top: 44%;
}
.com-coverbox.type52:before{
    padding-top: 52%;
}
.com-coverbox.type83:before{
    padding-top: 83%;
}
.com-coverbox>*{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.com-coverbox>.coverimg{
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
}


.com-img-rad{
	display: inline-block;
	overflow: hidden;
	border-radius: var(--rad45);
}


.com-table table{
	width: 100%;
}
.com-table tr+tr{
	border-top: 1px solid #CCC;
}
.com-table tr>*{
	font-size: var(--lead14);
	color: #575757;
	line-height: 1.4;
}
/* .com-table tr>*{} */
.com-table th{
	font-weight: bold;
	text-align: left;
	white-space: nowrap;
	padding: 1.5em 2em 1.5em 60px;
}
.com-table td{
	padding: 1.5em 60px 1.5em 2em;
}
/* .com-table tr:first-child th,
.com-table tr:first-child td{
	padding-top: 3em;
}
.com-table tr:last-child th,
.com-table tr:last-child td{
	padding-bottom: 3em;
} */
@media screen and (max-width:768px){
	.com-table th{
		padding-left: 20px;
	}
	.com-table td{
		padding-right: 20px;
	}
}
/*--------------- hover ---------------*/
/* @media screen and (min-width:769px){
	.btn-sq:after{
		content: "";
		position: absolute;
		background-color: rgba(38, 38, 38, 0.08);
		top: 0;
		left: 100%;
		width: 0;
		height: 100%;
		-webkit-transition: width 0.3s cubic-bezier(.1,1,.3,1),left 0.3s cubic-bezier(.1,1,.3,1);
		transition: width 0.3s cubic-bezier(.1,1,.3,1),left 0.3s cubic-bezier(.1,1,.3,1);
	}
	.btn-sq:hover:after{
		left: 0;
		width: 100%;
		-webkit-transition: width 0.4s cubic-bezier(.1,1,.3,1);
		transition: width 0.4s cubic-bezier(.1,1,.3,1);
	}
} */

/*- - - - - - - - hover - - - - - - - -*/




 
/*- - - - - - - - parts - - - - - - - -*/







/*--------------- common ---------------*/

#nav-toggle{
	position: absolute;
	z-index: 3;
	top: 0;
	right: 0;
	display: block;
	width: 90px;
	height: 90px;
	cursor: pointer;
}
#nav-toggle div {
	position: relative;
	width: 35%;
	height: 24%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
#nav-toggle span{
	display: block;
	background-color: #575757;
	position:absolute;
	height: 3px;
	border-radius: 1.5px;
	left: 0;
	right: 0;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
#nav-toggle span:nth-child(1){
	top:0%;
	-webkit-transform: rotate(0);
	transform: rotate(0);
}
#nav-toggle span:nth-child(2){
	top:calc(50% - 0.75px);
	-webkit-transform: rotate(0);
	transform: rotate(0);
}
#nav-toggle span:nth-child(3){
	top:calc(100% - 1.5px);
	-webkit-transform: rotate(0);
	transform: rotate(0);
}

.open #nav-toggle span:nth-child(1){
	top:50%;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
.open #nav-toggle span:nth-child(2){
	top:50%;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	opacity: 0;
}
.open #nav-toggle span:nth-child(3){
	top:50%;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}


@media screen and (max-width:768px){
	#nav-drawer{
		position: fixed;
		z-index: 1;
		top: 0;
		right: -100%;
		height: 100%;
		width: 100%;
		-webkit-transition: right 0.2s cubic-bezier(.5,0,1,.5);
		transition: right 0.2s cubic-bezier(.5,0,1,.5);
		padding: 90px 0 0;
		background-color: #f2f2f2;
	}
	.open #nav-drawer{
		right: 0;
		-webkit-transition: right 0.5s cubic-bezier(0,.6,.6,1);
		transition: right 0.5s cubic-bezier(0,.6,.6,1);
	}
}



header{
	background-color: #FCFCF8;
	position: fixed;
	z-index: 2;
	width: 100%;
	left: 0;
	right: 0;
}
header .inner{
	max-width: 1340px;
	
	padding-left: 20px;
	padding-right: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 123px;
}
header .part-logo{
	position: relative;
	z-index: 2;
	display: block;
	width: 276px;
	margin-right: 20px;
}
#nav-toggle{
	display: none;
}


@media screen and (max-width:768px){
	header .inner{
		height: 90px;
		padding: 0 0 0 20px;
	}
	header .part-logo{
		width: 53vw;
		max-width: 280px;
	}
	#nav-toggle{
		display: block;
	}
}




.type-sponly header .inner{
	height: 72px;
	padding-left: 20px;
	padding-right: 20px;
}
.type-sponly main{
	padding-top: 72px;
}
.type-sponly header .part-logo{
	width: 154px;
}
@media screen and (min-width:769px){
	.type-sponly{
		background-color: #f7eed6;
	}
	.type-sponly>*{
		max-width: 767px;
		margin-left: auto;
		margin-right: auto;
		background-color: #FFF;
	}
	.type-sponly .inner{
		max-width: 767px;
		padding-left: 20px;
		padding-right: 20px;
	}
}







.com-nav{
	display: flex;
}
.com-nav li{
	display: block;
}
.com-nav a{
	display: block;
	font-size: 15px;
	font-weight: 500;
	padding: 0.5em;
}
@media screen and (min-width:769px){
	.com-nav li+li{
		margin-left: 0.5em;
	}
}


@media screen and (max-width:768px){
	.head-nav .com-nav{
		flex-direction: column;
		align-items: center;
		justify-content: center;
		height: 100%;
	}
	.head-nav .com-nav li+li{
		margin-top: 0.5em;
	}
}




footer{
	padding: 38px 0 105px;
}
footer .inner{
	padding-left: 20px;
	padding-right: 20px;
}
footer .elem1{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
footer .elem1+.elem1{
	align-items: flex-end;
	margin-top: 105px;
}
footer .part-logo{
	position: relative;
	display: block;
	width: 270px;
	margin-right: 20px;
}
footer .cright{
	font-size: 10px;
}
footer .btn-top{
	position: relative;
	display: block;
	font-size: var(--lead14);
	padding: 5px 25px 0.7em 3px;
	border-bottom: 1px solid #575757;
}
footer .btn-top:after{
	content: "";
	position: absolute;
	top: calc(50% - 6.5px);
	right: 4px;
	width: 13px;
	height: 7px;
	background-image: var(--arrow-kt);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50%;
	
}
@media screen and (max-width:768px){
	footer{
		padding: 30px 0 25px;
	}
	footer .elem1:first-child{
		display: block;
	}
	footer .elem1+.elem1{
		margin-top: 20px;
	}
	footer .part-logo{
		width: 150px;
	}
	footer .cright{
		font-size: 10px;
	}
	footer .btn-top:after{
		top: calc(50% - 7px);
		right: 2px;
		width: 5px;
		height: 11px;
	}
	footer .com-nav a{
		font-size: 12px;
	}
	footer .com-nav{
		flex-wrap: wrap;
		margin-top: 25px;
	}
	footer .com-nav>li{
		width: calc(100% / 3.001);
		padding: 0.15em 0.3em;
	}
}


@media (min-width: 769px) and (max-width: 1100px) {
	header .inner{
		flex-direction: column;
		justify-content: center;
	}
	header .part-logo{
		width: 150px;
		margin-bottom: 20px;
	}
	.com-nav a{
		font-size: 12px;
	}
	footer .part-logo{
		width: 200px;
	}
}




/*--------------- footer 2 ---------------*/
footer.type2{
	background-color: #F1F6F6;
}

footer.type2 .elem1:first-child{
	display: flex;
	flex-direction: column;
	align-items: center;
	/* justify-content: center; */
}
footer.type2 .part-logo{
	width: 100px;
	margin-bottom: 20px;
}
footer .part1{
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
footer .part2{
	font-size: 10px;
	text-align: center;
	margin-top: 1em;

}
footer .part3{
	font-size: 10px;
	font-weight: bold;
	color: #3AA5DE;
	background-color: #FFF;
	border: 1px solid #3AA5DE;
	border-radius: 3px;
	padding: 0.1em 0.3em;
	margin-top: 1.2em;
}
/*- - - - - - - - footer 2 - - - - - - - -*/







/*- - - - - - - - common - - - - - - - -*/







/*--------------- 000000 ---------------*/
/*- - - - - - - - 000000 - - - - - - - -*/



/*--------------- property ---------------*/


/*- - - - - - - - property - - - - - - - -*/





















/*--------------- ani ---------------*/

.target-ani{
	opacity: 0;
}
.target-ani.is-ani{
	opacity: 1;
	-webkit-transition: opacity 0.8s;
			transition: opacity 0.8s;
}






/*- - - - - - - - ani - - - - - - - -*/




.sp{display: none;}
@media screen and (max-width:768px){
	.pc{ display: none;}
	.sp{ display: block;}
	.pc+a.sp{ display: inline;}
}