/**************************************** コンテンツ設定 ****************************************/
section {}
.contentarea {padding:6vw;}
.content {width:65vw;max-width:100%;padding: 0px;margin:0px auto;}
.content.wide {width:90vw;max-width:100%;padding: 0px;}
.content.mini {width:50vw;max-width:100%;padding: 0px;}
/*SP*/
@media (max-width: 896px){
	.contentarea {padding:7vw 7vw;}
	.content {width:100%;}
	.content.wide {width:100%;}
	.content.mini {width:100%;}
}


/*inview設定*/
.inview {opacity:0;transform:translateY(10vh);}
.inview.active {opacity:1;transform:translateY(0px);transition:1s;}
.inviewfade {opacity:0;}
.inviewfade.active {opacity:1;transition:1s;}
.inviewleft {opacity:0;transform:translateX(10vh);}
.inviewleft.active {opacity:1;transform:translateX(0px);transition:1s;}
.inviewright {opacity:0;transform:translateX(-10vh);}
.inviewright.active {opacity:1;transform:translateX(0px);transition:1s;}
.inviewdown {opacity:0;transform:translateY(-10vh);}
.inviewdown.active {opacity:1;transform:translateY(0px);transition:1s;}

/*SP*/
@media (max-width: 896px){
	.inviewleft {transform:translateX(0px) translateY(10vh);}
	.inviewleft.active {transform:translateX(0px) translateY(0px);}
	.inviewright {transform:translateX(0px) translateY(10vh);}
	.inviewright.active {transform:translateX(0px) translateY(0px);}
	.inviewdown {transform:translateY(10vh);}
	.inviewdown.active {transform:translateY(0px);}
}

.target {cursor:pointer; }

/* カラム設定 */
.col {width:100%;}
.col .inner {width:100%;margin:0px;padding:0px;}
.col .inner p {padding:0px;}


.motiontext {position:relative;}
.motiontext span {position:absolute;top:0px;left:0px;color:#fff;width:100%;}
.motiontext span.base {opacity:0;transform:translateX(2vh);transition:0.05s;color:#fff;}
.motiontext.on span.base {opacity:1;transform:translateX(0px);}
.motiontext span.over {opacity:0;transform:translateX(3vh);transition:0.2s;color:#ddf;}
.motiontext.on span.over {opacity:1;transform:translateX(0px);}
.motiontext.on.hide span.over {opacity:0;transition:0.2s;}


/**************************************** デフォルト設定 ****************************************/

/***** tablearea *****/
.tablearea {}
.tablearea table {border-collapse:collapse;width:100%; }
.tablearea table th {border:solid #ccc 0.1rem;padding:1.2em 1em;width:20%;background:#2083e6;color:#fff; }
.tablearea table td {border:solid #ccc 0.1rem;padding:1.2em 1em;width:80%;}
/*SP*/
@media (max-width: 896px){ 
.tablearea table th {display:block;width:100%;border:none;text-align:left;background:none;
	padding: 0.9em 0.5em 0.3em 0.5em;color:#2083e6; }
.tablearea table td {display:block;width:100%;border:none;padding:0px;border-bottom:solid #2083e6 0.1rem;
	padding: 0px 0.5em 0.7em 0.5em; }
}

/***** table3area *****/
.table3area {}
.table3area .inner {padding:0px 0.2rem;}
.table3area table {border-collapse:collapse;width:100%;}
.table3area table th {border:solid #eee 0.1rem;padding:1.2em 1em;width:100%;background:#2083e6;color:#fff; }
.table3area table td {border:solid #eee 0.1rem;padding:1.2em 1em;width:100%;text-align:center; }
.table3area table.recommend {border:solid #2083e6 0.2rem;}


/******************************************************* 調整 ************************************************************************************/
/*共通*/
@media (max-width: 896px){ .pc {display:none !important;} }
@media (min-width: 897px){ .sp {display:none !important;} }

/*PCの場合*/
@media (min-width: 897px){
}
@media (min-width: 1200px){
}


/*横の場合*/
@media screen and (orientation: landscape) {
}
/*縦の場合*/
@media screen and (orientation: portrait) {
}

/*パソコン設定*/
@media (min-width: 897px){
.col {}
.collist {display:flex; flex-wrap:wrap;}
.collist .inner {justify-content:space-between;}
.col .inner {float:left;}
.col .inner.right {float:right;}
.col1 .inner {width:100%;} .col2 .inner {width:50%;} .col3 .inner {width:33.3%;} .col4 .inner {width:25%;} .col5 .inner {width:20%;}
.col6 .inner {width:16.6%;} .col7 .inner {width:14.2%;} .col8 .inner {width:12.5%;} .col9 .inner {width:11.1%;} .col10 .inner {width:10%;}

	/*横の場合*/
	@media screen and (orientation: landscape) {
	}
	/*縦の場合*/
	@media screen and (orientation: portrait) {
	}
}

/******************************************************* ヘッダー ************************************************************************************/
.headerarea {position:fixed;top:0;left:0;width:100%;height:10vh;background:rgba(255,255,255,0.7);z-index:8000;
 backdrop-filter: blur(12px);}
.headerarea .logoarea {width:50%;height:100%;padding:3vh 3vw 3vh 3vw;}
.headerarea .logoarea img {height:100%;display:inline-block;}
.headerarea .logoarea img.lcglogo {margin-left:1rem;}
.headerarea .menuarea {position:absolute;right:3%;top:0;width:47%;height:100%;text-align:right;z-index:3000;}
.headerarea .menuarea a {line-height:10vh;height:10vh;display:inline-block;padding:0 1rem;color:#000;}
.headerarea .menuarea a:hover {text-decoration:none;}

/*SP*/
@media (max-width: 896px){
	.headerarea .logoarea {width:80%;padding:3.5vh 3vw;}
	.headerarea .logoarea img {}
	.headerarea .menuarea {right:0;top:0;width:100%;height:100vh;padding-top:25vh;background:#000;transform:translateX(100vw);}
	.headerarea .menuarea.on {transform:translateX(0vw);transition:0.2s;}
	.headerarea .menuarea.out {transform:translateX(100vw);transition:0.2s;}
	.headerarea .menuarea a {display:block;text-align:center;font-size:1.6rem;color:#fff;}
	.barwrap {position:absolute;right:0;top:0;width:20%;height:10vh;z-index:8000;}
	.barwrap .bar {position:absolute;width:60%;height:1px;background:#000;}
	.barwrap .bar.bar01 {top:4.5vh;left:25%;}
	.barwrap .bar.bar02 {top:5.5vh;left:15%;}
	.barwrap.on .bar {background:#fff;}
	.barwrap.on .bar.bar01 {top:50%;left:50%;transform:translateX(-50%) translateY(-50%) rotateZ(45deg);transition:0.4s; }
	.barwrap.on .bar.bar02 {top:50%;left:50%;transform:translateX(-50%) translateY(-50%) rotateZ(-45deg);transition:0.4s;}
}

.ctaarea {padding:25vh 10vh;text-align:center;background:#0063a3;}
.ctaarea h2 {font-size:4.5rem;margin-bottom:0.4em;color:#fff;}
.ctaarea p {font-size:1.4rem;color:#fff;}
.ctaarea p a.btn {width:22vw;font-size:1.2rem;}

.footerarea {padding:3vh 3vw;position:relative;z-index:100;background:#005591;display:flex;flex-wrap:wrap;}
.footerarea .footermenu {width:100%; }
.footerarea .footermenu a {font-size:1.0rem;color:#fff;display:inline-block;padding:0.5rem 1rem;}
.footerarea .copyright {width:100%;text-align:right;vertical-align:bottom;}
.footerarea .copyright span {font-size:1.0rem;line-height:1em;color:#fff;}
/*SP*/
@media (max-width: 896px){
	.ctaarea {padding:10vh 5vw;}
	.ctaarea h2 {font-size:2.4rem;}
	.ctaarea p {font-size:1.4rem;}
	.ctaarea p a.btn {width:80%;}
	.footerarea .footermenu {text-align:center;}
	.footerarea .footermenu a {font-size:1.2rem;padding:0.5rem 1rem;}
	.footerarea .copyright {text-align:center;padding:5vh 0; }
	.footerarea .copyright span {font-size:1.2rem;}
}