@charset "UTF-8";
/* CSS Document */

/* *****************************************************************

カムバック制度

***************************************************************** */

.visual_cb_wrapper { background-image: url("../images/main.jpg");}
.visual_cb_wrapper .cb_top_wrapper { width: 80%; position: absolute; top: 13%; left: 10%; z-index: 1;}

.visual_cb_wrapper { width: 100%; aspect-ratio: 32/13; background-repeat: no-repeat; background-size: cover; background-position: center top; position: relative;}
.visual_cb_wrapper .deco_triangle01 { height: 40%; aspect-ratio: 58/133; clip-path: polygon(100% 1%, 0 0, 0 100%); background-color: #1e2258; position: absolute; top: 0; left: 0;}
.visual_cb_wrapper .deco_triangle02 { height: 40%; aspect-ratio: 58/133; clip-path: polygon(100% 100%, 100% 0, 0 100%); background-color: #fff; position: absolute; bottom: 0; right: 0;}

.visual_cb_wrapper h1 { font-size: 6.6rem; line-height: 1.3em; font-weight: 600; color: #1e2258; text-align: left;}
.visual_cb_wrapper h2 { font-size: 3.7rem; line-height: 1.3em; font-family: "Mohave", sans-serif; font-optical-sizing: auto; font-weight: 600; letter-spacing: -0.02em; color: #1e2258; text-align: left;}
.visual_cb_wrapper h3 { padding-top: 20px; font-size: 3.3rem; line-height: 1.3em; font-weight: 600; color: #1e2258; text-align: left;}
.visual_cb_wrapper h3::first-letter { color: #1e2258;}
.visual_cb_wrapper p { padding-top: 20px; font-size: 2.4rem; line-height: 1.3em; font-weight: 600; color: #000; text-align: left;}


@media screen and (max-width: 1200px) {
 .visual_cb_wrapper .cb_top_wrapper { width: 86%;}
 .visual_cb_wrapper h1 { font-size: 5.5vw;}
 .visual_cb_wrapper h2 { font-size: 3.1vw;}
 .visual_cb_wrapper h3 { padding-top: 1.7%; font-size: 2.75vw;}
 .visual_cb_wrapper p { padding-top: 1.7%; font-size: 2vw;}
}

@media screen and (max-width: 767px) {
 .visual_cb_wrapper { width: 100%; aspect-ratio: 32/20;background-position: right -90px top;}
 .visual_cb_wrapper h3 { padding-top: 1.7%; font-size: 3vw; line-height: 1.5em;}
 .visual_cb_wrapper p { padding-top: 1.7%; font-size: 3vw; line-height: 1.5em;}
}

.cb_cont_wrapper{width: 100%;}
.cb_cont_wrapper h2 {font-size: 5.0rem; font-weight: 600; color: #1e2258; text-align: center;}
.cb_cont_wrapper h3 {padding-top: 20px; font-size: 2.2rem; font-weight: 600; color: #000; text-align: center;}
.cb_cont_wrapper p {padding-top: 50px; font-size: 2.2rem; line-height: 2.2em; font-weight: 300; color: #000; text-align: center;letter-spacing: 0;font-feature-settings: "palt";}

@media screen and (max-width: 1200px) {
	.cb_cont_wrapper{width: 100%;}
	.cb_cont_wrapper h2 {font-size: 4.15vw;}
	.cb_cont_wrapper h3 {padding-top: 1.5%; font-size: 1.8vw;}
	.cb_cont_wrapper p {padding-top: 2%; font-size: 1.8vw; line-height: 2.2em;}
	
}
@media screen and (max-width: 767px) {
	.cb_cont_wrapper{width: 90%; margin: 0 auto;}
	.cb_cont_wrapper h2 {font-size: 6vw;}
	.cb_cont_wrapper h3 {padding-top: 1.5%; font-size: 2.5vw;}
	.cb_cont_wrapper p {padding-top: 2%; font-size: 3vw; line-height: 2.2em; text-align: justify;}
}


.cb_over_wrapper{width: 100%; padding: 100px; background:#deeaf6;}
.w900{margin: 0 auto; width: 900px;}
.cb_box{margin: 0 auto; width: 900px; height: 150px; background:#fff; border: 1px solid #1e2258; position: relative; margin-bottom: 30px;}

.deco_triangle_box { height: 80%; aspect-ratio: 48/133; clip-path: polygon(100% 0%, 0 0, 0 100%); background-color: #1e2258; position: absolute; top: 0; left: 0;}

.cb_over_wrapper h3{font-size: 2.2rem; color: #1e2258; display: inline-block; width: 270px; border-bottom: 1px solid #1e2258; margin:15px 40px; padding-left: 15px;}
.cb_over_wrapper h4{font-size: 2rem; font-weight: 300; color: #000; margin-left: 50px;padding-left:1em;text-indent:-1em;}
.cb_over_wrapper h4 span{display: inline; font-size: 100%; color: #ffe200;margin-left: 0;}
.cb_over_wrapper p {font-size: 1.6rem; padding-left:1em;text-indent:-1em;}

@media screen and (max-width: 1150px) {
	.cb_over_wrapper{width: 100%; padding: 5%;}
	.w900{width: 90%;}
	.cb_box{width: 100%; height: auto; padding: 0 2% 2% 0;}
	.deco_triangle_box { height: 60px; }

}

@media screen and (max-width: 767px) {
	.cb_over_wrapper h3 { font-size: 3vw; width: 60%;}
	.cb_over_wrapper h4 { font-size: 2.5vw; margin-left: 10%;}
	.cb_over_wrapper h4 span { display: inline; }
	.cb_over_wrapper p {font-size: 1.4rem;}
}


.cb_outer_wrapper{width: 100%;}
.cb_outer_wrapper p{text-align: center;font-size: 1.8rem;font-weight: 600;letter-spacing: 0.5em;margin-bottom: 20px;}
.cb_outer_wrapper ul.link { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; list-style-type: none;}
.cb_outer_wrapper ul.link li { width: 360px; height: 80px; padding: 2px; margin: 0 auto; background: #1f2456; transition: 0.5s all ease-out;}
.cb_outer_wrapper ul.link li a { display: block; width: 100%; height: 100%; font-size: 2.2rem; font-weight: bold; line-height: 1.0em; padding: 27px 0 0 30px; border: 1px solid #4d517a; position: relative;}
.cb_outer_wrapper ul.link li a:after { content: ""; width: 63px; height: 12px; background: url("../images/icon_outer_link.svg") no-repeat; background-size: cover; position: absolute; right: 10px; top: 32%;}
.cb_outer_wrapper ul.link li a:link, ul.link li a:visited, ul.link li a:hover, ul.link li a:active { color: #fff;}
.cb_outer_wrapper ul.link li:hover { transform: scale(0.97); transform-origin: center;}

@media screen and (max-width: 1150px) {
	.cb_outer_wrapper{width: 100%; padding: 0 5% 5% 5%;}
}
@media screen and (max-width: 767px) {
 .cb_outer_wrapper{width: 90%; margin: 0 auto;}
 .cb_outer_wrapper ul.link { display: block;}
 .cb_outer_wrapper ul.link li { width: 100%; margin: 0 0 10px 0;}
}

.cb_outer_wrapper p.comment {font-size: 2.2rem; line-height: 2.2em; font-weight: 300; color: #000; text-align: center;letter-spacing: 0;font-feature-settings: "palt"; margin-bottom: 50px;}

@media screen and (max-width: 1200px) {
	.cb_outer_wrapper p.comment {font-size: 1.8vw; line-height: 2.2em;}
	
}
@media screen and (max-width: 767px) {
	.cb_outer_wrapper p.comment {font-size: 3vw; line-height: 2.2em; text-align: justify;}
}