@charset "UTF-8";
/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
body { color: #333; font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; background-color: #FAFAFA; -webkit-font-smoothing: antialiased; overflow-x: hidden; }

a { color: #004ea2; font-weight: 500; text-decoration: none; -webkit-transition: all .3s ease; transition: all .3s ease; }

img { vertical-align: bottom; }

/*----------------------------------------
	Reset CSS
----------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, main, menu, nav, section, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; }

header, footer, article, section, aside, hgroup, nav, menu, figure, figcaption, time { display: block; }

li { list-style: none; }

ol li { list-style: decimal; }

img { border: 0; vertical-align: top; font-size: 0; line-height: 0; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th { text-align: left; }

hr { margin: 1em 0; padding: 0; display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; }

input, select { vertical-align: middle; }

input, textarea { margin: 0; padding: 0; }

.l-container { width: 1200px; margin: 0 auto; position: relative; }

.l-footer { width: 100%; }

.l-header { width: 100%; top: 0; left: 0; z-index: 100; }

.l-main { width: 1200px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
@media (min-width: 768px) and (max-width: 1280px) { .l-main { width: 93.75vw; } }
@media (max-width: 767px) { .l-main { width: auto; padding: 0 4vw; } }

/*----------------------------------------
	PREV/NEXT
----------------------------------------*/
.bx-prev, .bx-next { font-size: 0px; font-size: 0rem; width: 25px; height: 25px; border-radius: 50%; background-color: #004ea2; position: absolute; display: block; }
@media (min-width: 768px) and (max-width: 1280px) { .bx-prev, .bx-next { width: 1.953vw; height: 1.953vw; } }
.bx-prev:before, .bx-next:before { content: ""; width: 0; height: 0; border-style: solid; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; }

.bx-prev { left: -40px; }
@media (min-width: 768px) and (max-width: 1280px) { .bx-prev { left: -3.125vw; } }
.bx-prev:before { border-width: 3.5px 5px 3.5px 0; border-color: transparent #fff transparent transparent; }
@media (min-width: 768px) and (max-width: 1280px) { .bx-prev:before { border-width: .273vw .391vw .273vw 0; } }

.bx-next { right: -40px; }
@media (min-width: 768px) and (max-width: 1280px) { .bx-next { right: -3.125vw; } }
.bx-next:before { border-width: 3.5px 0 3.5px 5px; border-color: transparent transparent transparent #fff; }
@media (min-width: 768px) and (max-width: 1280px) { .bx-next:before { border-width: .273vw 0 .273vw .391vw; } }

/*----------------------------------------
	ページーネーション
----------------------------------------*/
.bx-pager { line-height: 1; text-align: center; width: 100%; }
.bx-pager .bx-pager-item { margin: 0 6px; vertical-align: middle; display: inline-block; }
@media (min-width: 768px) and (max-width: 1280px) { .bx-pager .bx-pager-item { margin: 0 .469vw; } }
@media (max-width: 767px) { .bx-pager .bx-pager-item { margin: 0 2vw; } }
.bx-pager .bx-pager-item a { font-size: 0px; font-size: 0rem; width: 10px; height: 10px; border: 2px solid #D6E3F0; background-color: #fff; border-radius: 50%; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (min-width: 768px) and (max-width: 1280px) { .bx-pager .bx-pager-item a { width: .781vw; height: .781vw; border-width: .156vw; } }
@media (max-width: 767px) { .bx-pager .bx-pager-item a { width: 3.333vw; height: 3.333vw; border-width: .533vw; } }
.bx-pager .bx-pager-item a.active { background-color: #014EA2; border: 3px solid #014EA2; }
@media (min-width: 768px) and (max-width: 1280px) { .bx-pager .bx-pager-item a.active { border-width: .234vw; } }

.c-checkbox { color: #666; font-size: 1vw; font-weight: 600; letter-spacing: .05em; padding-left: 35px; position: relative; cursor: pointer; display: inline-block; }
@media (max-width: 767px) { .c-checkbox { font-size: 3vw; letter-spacing: 0; line-height: 1.4; background-color: #fff; padding: 2vw 2vw 2vw 8vw; border: .267vw solid #dadcdc; border-radius: 3px; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; }
  .c-checkbox .frame { width: 100%; height: 100%; border: 1px solid #004ea2; border-radius: 3px; pointer-events: none; position: absolute; top: 0; left: 0; display: none; border-width: .267vw; } }
.c-checkbox input { position: absolute; top: 0; left: 0; z-index: -1; opacity: 0; }
.c-checkbox input:checked ~ .indicator:after { display: block; }
.c-checkbox input:checked ~ .indicator { border: none; background-color: #256DBA; }
.c-checkbox input:checked ~ .frame { display: block; }
.c-checkbox .indicator { height: 24px; width: 24px; border: 2px solid #C3C3C3; position: absolute; top: calc(50% - 12px); left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s ease; transition: all .3s ease; }
@media (max-width: 767px) { .c-checkbox .indicator { height: 4vw; width: 4vw; top: calc(50% - 2vw); left: 2vw; } }
.c-checkbox .indicator:after { content: ''; position: absolute; display: none; top: 0px; left: 8px; width: 7px; height: 16px; border: solid #FFF; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
@media (min-width: 768px) and (max-width: 1280px) { .c-checkbox .indicator:after { left: .625vw; width: .547vw; height: 1.25vw; border-width: 0 .156vw .156vw 0; } }
@media (max-width: 767px) { .c-checkbox .indicator:after { width: .8vw; height: 2.133vw; border-width: 0 .533vw .533vw 0; top: .8vw; left: 1.6vw; } }

/*現状inputコンタクトにしか使ってないので汎用的なものは削除
.c-input{
	@include fs(20);
	width: 100%;
	height: 65px;
	padding: 0 15px;
	background-color: #ecedef;
	border: 1px solid #ecedef;
	border-radius: 3px;
	box-sizing: border-box;
	transition: all .3s ease;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	display: inline-block;
	@include tablet{
		font-size: 1.563vw;
		height: 5.078vw;
		padding: 0 1.172vw;
		border-width: .078vw;
		border-radius: .234vw;
	}//tablet
	@include sp{
		font-size: 4vw;
		height: 12vw;
		padding: 0 3.333vw;
	}//sp
	
	&::-ms-clear{
		visibility:hidden;
	}//::-ms-clear

	&:focus{
		outline: none;
		background-color: #fff;
		border-color: #004ea1;
	}//:focus
	
	&.min{
		width: 210px;
		@include tablet{
			width: 16.406vw;
		}//tablet
		@include sp{
			width: 24vw;
		}//sp
	}//.min
	
	&.small{
		width: 450px;
		height: 45px;
		margin-left: 10px;
		@include tablet{
			width: 35.156vw;
			height: 3.516vw;
			margin-left: .781vw;
		}//tablet
		@include sp{
			width: 100%;
			margin-left: 0;
			margin-top: 4vw;
		}//sp
	}//.min
}//.c-input
*/
.c-loading { width: 100%; height: 100%; background: #004196 url(../img/common/laoding_logo.png) 50% 50% no-repeat; position: fixed; top: 0; left: 0; z-index: 1000; }
@media (max-width: 767px) { .c-loading { background-size: 40%; } }

.c-register-fixed { text-align: center; width: 100%; padding: 20px 0; background-color: rgba(255, 255, 255, 0.9); position: fixed; bottom: 0; left: 0; z-index: 100; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
@media (min-width: 768px) and (max-width: 1280px) { .c-register-fixed { padding: 1.563vw 0; } }
@media (max-width: 767px) { .c-register-fixed { padding: 3vw 4vw; display: block; } }
.c-register-fixed__btn { margin-right: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
@media (min-width: 768px) and (max-width: 1280px) { .c-register-fixed__btn { margin-right: 1.563vw; } }
@media (max-width: 767px) { .c-register-fixed__btn { display: block; margin-right: 0; display: block; } }
.c-register-fixed__btn li:nth-child(1) { margin-right: 10px; }
@media (min-width: 768px) and (max-width: 1280px) { .c-register-fixed__btn li:nth-child(1) { margin-right: .781vw; } }
@media (max-width: 767px) { .c-register-fixed__btn li:nth-child(1) { margin-right: 0; margin-bottom: 2vw; } }
.c-register-fixed__btn li:nth-child(2) a { background: #256DBA; }
.c-register-fixed__btn li a { color: #fff; font-size: 20px; font-size: 1.25rem; font-weight: 600; letter-spacing: .05em; line-height: 56px; text-align: center; width: 400px; height: 60px; background: #004196; border: 2px solid #004196; border-radius: 3px; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; -webkit-transition: all .2s ease; transition: all .2s ease; -webkit-transform: scale(0.9); transform: scale(0.9); }
@media (min-width: 768px) and (max-width: 1280px) { .c-register-fixed__btn li a { font-size: 1.3vw; line-height: 4.375vw; width: 29.688vw; height: 4.688vw; border-width: .156vw; border-radius: .234vw; } }
@media (max-width: 767px) { .c-register-fixed__btn li a { font-size: 3.733vw; line-height: 10.333vw; width: 100%; height: 10.667vw; border-width: .267vw; border-radius: .4vw; display: block; -webkit-transform: scale(1); transform: scale(1); } }
.c-register-fixed__btn li a small { color: #fff; background: #D80E3A; border-radius: 20px; padding: 2px 10px; vertical-align: top; font-size: 15px; font-size: 0.9375rem; }
@media (min-width: 768px) and (max-width: 1280px) { .c-register-fixed__btn li a small { font-size: 1.3vw; line-height: 4.375vw; padding: .15vw .8vw; } }
@media (max-width: 767px) { .c-register-fixed__btn li a small { font-size: 3.733vw; line-height: 10.333vw; padding: .3vw 1.5vw; } }
.c-register-fixed__btn li a.is_active { -webkit-transform: scale(1); transform: scale(1); }
.c-register-fixed__btn li a.is_active:before { position: absolute; content: ''; display: inline-block; top: -180px; left: 0; width: 30px; height: 100%; background-color: #fff; -webkit-animation: shiny-btn1 .6s ease-in-out; animation: shiny-btn1 .6s ease-in-out; }
@-webkit-keyframes shiny-btn1 { 0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
  20% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
  21% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; } }
.c-register-fixed__btn li a:hover { color: #004196; background-color: #fff; opacity: 1; }
.c-register-fixed__btn li a:hover span:after { border-color: transparent transparent transparent #004196; }
.c-register-fixed__btn li a span { padding-right: 12px; position: relative; }
@media (min-width: 768px) and (max-width: 1280px) { .c-register-fixed__btn li a span { padding-right: .938vw; } }
@media (max-width: 767px) { .c-register-fixed__btn li a span { padding-right: 3.2vw; } }
.c-register-fixed__btn li a span:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 7px 0 7px 7px; border-color: transparent transparent transparent #fff; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; -webkit-transition: all .3s ease; transition: all .3s ease; }
@media (min-width: 768px) and (max-width: 1280px) { .c-register-fixed__btn li a span:after { border-width: .547vw 0 .547vw .547vw; } }
@media (max-width: 767px) { .c-register-fixed__btn li a span:after { border-width: 1.867vw 0 1.867vw 1.867vw; } }
.c-register-fixed__tel { text-align: left; }
@media (max-width: 767px) { .c-register-fixed__tel { display: none; } }
.c-register-fixed__tel dt { color: #333; font-size: 16px; font-size: 1rem; font-weight: 600; line-height: 1; letter-spacing: .05em; margin-bottom: 5px; }
@media (min-width: 768px) and (max-width: 1280px) { .c-register-fixed__tel dt { font-size: 1.25vw; margin-bottom: .391vw; } }
.c-register-fixed__tel dd { color: #333; font-size: 24px; font-size: 1.5rem; font-family: "Overpass", sans-serif; font-weight: 900; line-height: 1; }
@media (min-width: 768px) and (max-width: 1280px) { .c-register-fixed__tel dd { font-size: 1.875vw; } }
.c-register-fixed__tel dd span { color: #999; font-size: 13px; font-size: 0.8125rem; font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; margin-left: 10px; display: inline-block; vertical-align: middle; }
@media (min-width: 768px) and (max-width: 1280px) { .c-register-fixed__tel dd span { font-size: 1.016vw; margin-left: .781vw; } }

.c-section-title .en { color: #1A3353; font-size: 14px; font-size: 0.875rem; font-weight: 600; font-family: "Overpass", sans-serif; font-weight: 900; letter-spacing: .1em; line-height: 1; margin-bottom: 15px; }
@media (min-width: 768px) and (max-width: 1280px) { .c-section-title .en { font-size: 1.094vw; margin-bottom: 1.172vw; } }
@media (max-width: 767px) { .c-section-title .en { font-size: 3.2vw; margin-bottom: 1.333vw; } }
.c-section-title h2 { color: #004196; font-size: 28px; font-size: 1.75rem; font-weight: 900; line-height: 1; }
@media (min-width: 768px) and (max-width: 1280px) { .c-section-title h2 { font-size: 2.188vw; } }
@media (max-width: 767px) { .c-section-title h2 { font-size: 4.8vw; } }

.c-submit { color: #fff; font-size: 1.3vw; font-weight: 900; letter-spacing: .1em; text-align: center; line-height: 1; width: 100%; height: 4vw; background-color: #004196; border: 1px solid #004196; border-radius: 4px; -moz-appearance: none; -webkit-appearance: none; appearance: none; cursor: pointer; -webkit-transition: all .3s ease; transition: all .3s ease; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (max-width: 767px) { .c-submit { font-size: 4.267vw; width: 100%; height: 12vw; border-radius: .533vw; } }
.c-submit:hover { color: #004196; background-color: #fff; }

.c-textarea { color: #666; font-size: 1.2vw; font-weight: 500; letter-spacing: .05em; width: 100%; height: 10%; padding: 1%; background-color: #ecedef; border: 1px solid #ecedef; border-radius: 3px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s ease; transition: all .3s ease; -moz-appearance: none; -webkit-appearance: none; appearance: none; display: inline-block; box-sizing: border-box; }
@media (max-width: 767px) { .c-textarea { font-size: clamp(16px, 4vw, 32px); height: auto; padding: 2vw; } }
.c-textarea:focus { outline: none; background-color: #fff; border-color: #004ea1; }

.p-footer-container { width: 100%; margin-bottom: 100px; }
@media (min-width: 768px) and (max-width: 1280px) { .p-footer-container { margin-bottom: 7.813vw; } }
@media (max-width: 767px) { .p-footer-container { margin-bottom: 30vw; } }
.p-footer-container__above { padding: 60px 0; background-color: #256DBA; }
@media (min-width: 768px) and (max-width: 1280px) { .p-footer-container__above { padding: 4.688vw 0; } }
@media (max-width: 767px) { .p-footer-container__above { padding: 10.667vw 0; } }
.p-footer-container__above__inner { width: 1000px; margin: 0 auto; position: relative; }
@media (min-width: 768px) and (max-width: 1280px) { .p-footer-container__above__inner { width: 78.125vw; } }
@media (max-width: 767px) { .p-footer-container__above__inner { width: auto; } }
.p-footer-container__above__inner__logo { line-height: 1; margin-bottom: 60px; }
@media (min-width: 768px) and (max-width: 1280px) { .p-footer-container__above__inner__logo { margin-bottom: 4.688vw; } }
@media (max-width: 767px) { .p-footer-container__above__inner__logo { text-align: center; margin-bottom: 8vw; } }
.p-footer-container__above__inner__logo img { width: 150px; height: 36px; }
@media (min-width: 768px) and (max-width: 1280px) { .p-footer-container__above__inner__logo img { width: 11.719vw; height: 2.813vw; } }
@media (max-width: 767px) { .p-footer-container__above__inner__logo img { width: 20vw; height: 4.8vw; } }
.p-footer-container__above__inner__social { position: absolute; top: 10px; right: 0; }
@media (min-width: 768px) and (max-width: 1280px) { .p-footer-container__above__inner__social { top: .781vw; } }
@media (max-width: 767px) { .p-footer-container__above__inner__social { margin-bottom: 13.333vw; position: static; top: auto; right: auto; } }
.p-footer-container__above__inner__social ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
@media (max-width: 767px) { .p-footer-container__above__inner__social ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }
.p-footer-container__above__inner__social ul li { margin-right: 30px; }
@media (min-width: 768px) and (max-width: 1280px) { .p-footer-container__above__inner__social ul li { margin-right: 2.344vw; } }
@media (max-width: 767px) { .p-footer-container__above__inner__social ul li { margin-right: 8vw; } }
.p-footer-container__above__inner__social ul li:last-child { margin-right: 0; }
.p-footer-container__above__inner__social ul li a { display: block; }
.p-footer-container__above__inner__social ul li a:hover { opacity: .6; }
.p-footer-container__above__inner__social ul li a img { vertical-align: middle; }
@media (min-width: 768px) and (max-width: 1280px) { .p-footer-container__above__inner__social ul li a img { width: auto; height: 1.719vw; } }
@media (max-width: 767px) { .p-footer-container__above__inner__social ul li a img { width: auto; height: 5vw; } }
.p-footer-container__above__inner__fnavi { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
@media (max-width: 767px) { .p-footer-container__above__inner__fnavi { display: block; } }
@media (max-width: 767px) { .p-footer-container__above__inner__fnavi dl { margin-bottom: 8vw; } }
.p-footer-container__above__inner__fnavi dl:first-of-type { margin-right: 100px; }
@media (min-width: 768px) and (max-width: 1280px) { .p-footer-container__above__inner__fnavi dl:first-of-type { margin-right: 7.813vw; } }
@media (max-width: 767px) { .p-footer-container__above__inner__fnavi dl:first-of-type { margin-right: 0; } }
.p-footer-container__above__inner__fnavi dl dt { color: #fff; font-size: 18px; font-size: 1.125rem; font-weight: 600; line-height: 1; margin-bottom: 30px; }
@media (min-width: 768px) and (max-width: 1280px) { .p-footer-container__above__inner__fnavi dl dt { font-size: 1.406vw; margin-bottom: 2.344vw; } }
@media (max-width: 767px) { .p-footer-container__above__inner__fnavi dl dt { font-size: 4.267vw; padding: 0 5.333vw; margin-bottom: 4vw; } }
.p-footer-container__above__inner__fnavi dl dd ul li { line-height: 1; margin-bottom: 20px; }
@media (min-width: 768px) and (max-width: 1280px) { .p-footer-container__above__inner__fnavi dl dd ul li { margin-bottom: 1.563vw; } }
@media (max-width: 767px) { .p-footer-container__above__inner__fnavi dl dd ul li { border-top: .533vw solid #fff; margin-bottom: 0; } }
.p-footer-container__above__inner__fnavi dl dd ul li a { color: #fff; font-size: 15px; font-size: 0.9375rem; font-weight: 600; line-height: 1; position: relative; }
@media (min-width: 768px) and (max-width: 1280px) { .p-footer-container__above__inner__fnavi dl dd ul li a { font-size: 1.172vw; } }
@media (max-width: 767px) { .p-footer-container__above__inner__fnavi dl dd ul li a { color: #256DBA; font-size: 3.733vw; padding: 5.333vw; background-color: #D6E3F0; display: block; } }
.p-footer-container__above__inner__fnavi dl dd ul li a:hover { opacity: .6; }
.p-footer-container__above__inner__fnavi dl dd ul li a:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 5px; border-color: transparent transparent transparent #fff; margin-left: 8px; display: inline-block; }
@media (min-width: 768px) and (max-width: 1280px) { .p-footer-container__above__inner__fnavi dl dd ul li a:after { border-width: .391vw 0 .391vw .391vw; margin-left: .625vw; } }
@media (max-width: 767px) { .p-footer-container__above__inner__fnavi dl dd ul li a:after { border-color: transparent transparent transparent #256DBA; } }
.p-footer-container__above__inner__snavi { position: absolute; bottom: 0; right: 0; }
@media (max-width: 767px) { .p-footer-container__above__inner__snavi { position: static; bottom: auto; right: auto; } }
.p-footer-container__above__inner__snavi ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
@media (max-width: 767px) { .p-footer-container__above__inner__snavi ul { text-align: center; display: block; } }
@media (max-width: 767px) { .p-footer-container__above__inner__snavi ul li { display: inline-block; } }
.p-footer-container__above__inner__snavi ul li:last-child:after { display: none; }
.p-footer-container__above__inner__snavi ul li a { color: #fff; font-size: 13px; font-size: 0.8125rem; line-height: 1; }
@media (min-width: 768px) and (max-width: 1280px) { .p-footer-container__above__inner__snavi ul li a { font-size: 1.016vw; } }
@media (max-width: 767px) { .p-footer-container__above__inner__snavi ul li a { font-size: 3.733vw; } }
.p-footer-container__above__inner__snavi ul li a:hover { text-decoration: underline; }
.p-footer-container__above__inner__snavi ul li:after { content: "/"; color: #fff; font-size: 13px; font-size: 0.8125rem; line-height: 1; margin: 0 5px; }
@media (min-width: 768px) and (max-width: 1280px) { .p-footer-container__above__inner__snavi ul li:after { font-size: 1.016vw; margin: 0 .391vw; } }
.p-footer-container__bottom { padding: 40px 0; background-color: #1A3353; }
@media (min-width: 768px) and (max-width: 1280px) { .p-footer-container__bottom { padding: 3.125vw 0; } }
@media (max-width: 767px) { .p-footer-container__bottom { padding: 6.667vw 0; } }
.p-footer-container__bottom__inner { width: 1000px; margin: 0 auto; position: relative; }
@media (min-width: 768px) and (max-width: 1280px) { .p-footer-container__bottom__inner { width: 78.125vw; } }
@media (max-width: 767px) { .p-footer-container__bottom__inner { width: auto; padding: 0 5.333vw; } }
.p-footer-container__bottom__inner__desc { color: #fff; font-size: 14px; font-size: 0.875rem; line-height: 2; }
@media (min-width: 768px) and (max-width: 1280px) { .p-footer-container__bottom__inner__desc { font-size: 1.094vw; } }
@media (max-width: 767px) { .p-footer-container__bottom__inner__desc { font-size: 3.467vw; line-height: 1.6; } }
.p-footer-container__copyright { color: #333; font-size: 13px; font-size: 0.8125rem; font-family: "Overpass", sans-serif; font-weight: 900; line-height: 1; text-align: center; width: 100%; padding: 20px 0; }
@media (min-width: 768px) and (max-width: 1280px) { .p-footer-container__copyright { font-size: 1.016vw; padding: 1.563vw 0; } }
@media (max-width: 767px) { .p-footer-container__copyright { font-size: 2.933vw; padding: 5.333vw 0; } }

.p-header-cotainer { width: 100%; height: 80px; padding: 0 40px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media (min-width: 768px) and (max-width: 1280px) { .p-header-cotainer { height: 6.25vw; padding: 0 3.125vw; } }
@media (max-width: 767px) { .p-header-cotainer { height: auto; padding: 4vw 0; background-color: rgba(255, 255, 255, 0.9); } }
.p-header-cotainer__logo { line-height: 32px; }
@media (min-width: 768px) and (max-width: 1280px) { .p-header-cotainer__logo { height: 2.5vw; } }
@media (max-width: 767px) { .p-header-cotainer__logo { height: 6vw; margin: 0 auto; } }
.p-header-cotainer__logo a { display: block; }
.p-header-cotainer__logo a:hover { opacity: .6; }
@media (min-width: 768px) and (max-width: 1280px) { .p-header-cotainer__logo a img { width: 10.938vw; height: 2.5vw; } }
@media (max-width: 767px) { .p-header-cotainer__logo a img { width: auto; height: 6vw; position: absolute; left: 4vw; } }
.p-header-cotainer__corporate { position: absolute; top: 15px; right: 15px; }
@media (max-width: 767px) { .p-header-cotainer__corporate { display: none; } }
.p-header-cotainer__corporate a { color: #fff; font-size: 16px; font-size: 1rem; font-weight: 600; line-height: 46px; text-align: center; width: 200px; height: 50px; background-color: #256DBA; border-radius: 3px; display: block; }
@media (min-width: 768px) and (max-width: 1280px) { .p-header-cotainer__corporate a { font-size: 1.25vw; line-height: 3.594vw; width: 15.625vw; height: 3.906vw; border-radius: .234vw; } }
.p-header-cotainer__corporate a:hover { opacity: .8; }
.p-header-cotainer__corporate a span { margin-right: 10px; display: inline-block; }
@media (min-width: 768px) and (max-width: 1280px) { .p-header-cotainer__corporate a span { margin-right: .781vw; } }
.p-header-cotainer__corporate a span img { width: 13px; height: 15px; vertical-align: middle; }
@media (min-width: 768px) and (max-width: 1280px) { .p-header-cotainer__corporate a span img { width: 1.016vw; height: 1.172vw; } }
.p-header-cotainer__register { position: absolute; top: 15px; right: 40px; }
@media (min-width: 768px) and (max-width: 1280px) { .p-header-cotainer__register { right: 3.125vw; } }
@media (max-width: 767px) { .p-header-cotainer__register { display: none; } }
.p-header-cotainer__register a { color: #fff; font-size: 16px; font-size: 1rem; font-weight: 600; line-height: 46px; text-align: center; width: 200px; height: 50px; background-color: #004196; border: 2px solid #004196; border-radius: 3px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (min-width: 768px) and (max-width: 1280px) { .p-header-cotainer__register a { font-size: 1.25vw; line-height: 3.594vw; width: 15.625vw; height: 3.906vw; border-width: .156vw; border-radius: .234vw; } }
.p-header-cotainer__register a:hover { color: #004196; background-color: #fff; opacity: 1; }
.p-header-cotainer__register a:hover span:after { border-color: transparent transparent transparent #004196; }
.p-header-cotainer__register a span { padding-right: 12px; position: relative; }
@media (min-width: 768px) and (max-width: 1280px) { .p-header-cotainer__register a span { padding-right: .938vw; } }
.p-header-cotainer__register a span:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 7px 0 7px 7px; border-color: transparent transparent transparent #fff; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; -webkit-transition: all .3s ease; transition: all .3s ease; }
@media (min-width: 768px) and (max-width: 1280px) { .p-header-cotainer__register a span:after { border-width: .547vw 0 .547vw .547vw; } }
.p-header-cotainer__sp-login { line-height: 1; position: absolute; right: 4vw; display: none; }
@media (max-width: 767px) { .p-header-cotainer__sp-login { display: block; } }
.p-header-cotainer__sp-login a { color: #004196; font-size: 3.467vw; font-weight: 600; display: inline-block; }
.p-header-cotainer__sp-login a .icon { margin-right: 2.133vw; display: inline-block; }
.p-header-cotainer__sp-login a .icon img { width: 4.267vw; height: 4.8vw; }

.p-main-banner__sp { position: absolute; display: none; top: 76vw; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.p-main-banner__sp img { width: 80vw; }
@media (max-width: 767px) { .p-main-banner__sp { display: block; } }

.p-main-visual { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; overflow: hidden; }
@media (max-width: 767px) { .p-main-visual { display: block; background-color: #D6E3F0; } }
.p-main-visual__logo { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
@media (max-width: 767px) { .p-main-visual__logo { top: 44.5vw; } }
.p-main-visual__logo img { width: 708px; height: auto; }
@media (min-width: 768px) and (max-width: 1280px) { .p-main-visual__logo img { width: 55.313vw; } }
@media (max-width: 767px) { .p-main-visual__logo img { width: 72vw; } }
.p-main-visual__sp { height: 90vw; background-color: #D6E3F0; position: relative; z-index: 10; display: none; }
@media (max-width: 767px) { .p-main-visual__sp { display: block; } }
.p-main-visual__cm { position: absolute; right: 40px; bottom: 30px; }
@media (min-width: 768px) and (max-width: 1280px) { .p-main-visual__cm { right: 3.125vw; bottom: 2.344vw; } }
@media (max-width: 767px) { .p-main-visual__cm { text-align: center; padding: 10.667vw 0; background-color: #fff; position: relative; right: auto; bottom: auto; z-index: 10; } }
.p-main-visual__cm__heading { margin-bottom: 10px; }
@media (min-width: 768px) and (max-width: 1280px) { .p-main-visual__cm__heading { margin-bottom: .781vw; } }
@media (max-width: 767px) { .p-main-visual__cm__heading { margin-bottom: 1.333vw; } }
.p-main-visual__cm__heading img { width: 300px; height: 45px; }
@media (min-width: 768px) and (max-width: 1280px) { .p-main-visual__cm__heading img { width: 23.438vw; height: 3.516vw; } }
@media (max-width: 767px) { .p-main-visual__cm__heading img { width: 71.333vw; height: auto; } }
.p-main-visual__cm__thumb { position: relative; }
.p-main-visual__cm__thumb a { display: block; }
.p-main-visual__cm__thumb a:hover { -webkit-transform: scale(1.03); transform: scale(1.03); }
.p-main-visual__cm__thumb a img { width: 300px; height: 200px; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; }
@media (min-width: 768px) and (max-width: 1280px) { .p-main-visual__cm__thumb a img { width: 23.438vw; height: 15.625vw; } }
@media (max-width: 767px) { .p-main-visual__cm__thumb a img { width: 89.333vw; height: auto; } }
.p-main-visual__cm__thumb__close { width: 24px; height: 24px; position: absolute; top: -10px; right: -10px; cursor: pointer; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; }
@media (min-width: 768px) and (max-width: 1280px) { .p-main-visual__cm__thumb__close { width: 1.875vw; height: 1.875vw; top: -.781vw; right: -.781vw; } }
@media (max-width: 767px) { .p-main-visual__cm__thumb__close { display: none; } }
.p-main-visual__cm__thumb__close:hover { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.p-main-visual__cm__thumb__close img { width: 100%; height: auto; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; }
.p-main-visual__bg { width: 70vw; height: 50vw; }
@media (max-width: 767px) { .p-main-visual__bg { width: 100vw; height: auto; } }
.p-main-visual__bg img { width: 100%; height: auto; }

.p-modal { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.9); position: fixed; top: 0; left: 0; z-index: 1000; display: none; }
.p-modal__container { width: 680px; height: auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
@media (min-width: 768px) and (max-width: 1280px) { .p-modal__container { width: 53.125vw; } }
@media (max-width: 767px) { .p-modal__container { width: 100%; } }
.p-modal__container__movie { position: relative; padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/ height: 0; overflow: hidden; /*
iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}//iframe
*/ }
.p-modal__container__movie video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.p-modal__container__sheet { height: 80vh; overflow: scroll; }
@media (max-width: 767px) { .p-modal__container__sheet { padding: 0 4vw; } }
.p-modal__container__sheet img { width: 100%; height: auto; }
.p-modal__container__close { width: 50px; height: 50px; position: absolute; top: -25px; right: -25px; z-index: 10; cursor: pointer; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; }
@media (min-width: 768px) and (max-width: 1280px) { .p-modal__container__close { width: 3.906vw; height: 3.906vw; top: -1.953vw; right: -1.953vw; } }
@media (max-width: 767px) { .p-modal__container__close { width: 13.333vw; height: 13.333vw; top: -6.667vw; right: -1.333vw; } }
.p-modal__container__close:hover { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.p-modal__container__close img { width: 100%; height: auto; }
.p-modal__container-2 { height: 560px; width: 315px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
@media (min-width: 768px) and (max-width: 1280px) { .p-modal__container-2 { height: 53.125vw; } }
.p-modal__container-2__movie { overflow: hidden; }
.p-modal__container-2__movie video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.p-modal__container-2__sheet { height: 80vh; overflow: scroll; }
@media (max-width: 767px) { .p-modal__container-2__sheet { padding: 0 4vw; } }
.p-modal__container-2__sheet img { width: 100%; height: auto; }
.p-modal__container-2__close { width: 50px; height: 50px; position: absolute; top: -25px; right: -25px; z-index: 10; cursor: pointer; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; }
@media (min-width: 768px) and (max-width: 1280px) { .p-modal__container-2__close { width: 3.906vw; height: 3.906vw; top: -1.953vw; right: -1.953vw; } }
@media (max-width: 767px) { .p-modal__container-2__close { width: 13.333vw; height: 13.333vw; top: -4vw; right: -8vw; } }
.p-modal__container-2__close:hover { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.p-modal__container-2__close img { width: 100%; height: auto; }

.p-sec-case-study { background-color: #256DBA; overflow: hidden; }
.p-sec-case-study__container { padding: 100px 0; margin: 0 auto; position: relative; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-case-study__container { width: 93.75vw; padding: 7.813vw 0; } }
@media (max-width: 767px) { .p-sec-case-study__container { width: auto; padding: 13.333vw 5.333vw; } }
.p-sec-case-study__container .c-section-title { width: 1000px; padding: 0 100px; margin: 0 auto; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-case-study__container .c-section-title { width: 78.125vw; padding: 0 7.813vw; } }
@media (max-width: 767px) { .p-sec-case-study__container .c-section-title { width: auto; padding: 0; } }
.p-sec-case-study__container .c-section-title .en { color: #fff; }
.p-sec-case-study__container .c-section-title h2 { color: #fff; }
.p-sec-case-study__container__cards { width: 2050px; margin: 50px 0 0 -1025px; position: relative; left: 50%; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-case-study__container__cards { width: 160.156vw; margin: 3.906vw 0 0 -80.078vw; } }
@media (max-width: 767px) { .p-sec-case-study__container__cards { width: auto; margin: 10.667vw 0 0; position: static; left: auto; } }
.p-sec-case-study__container__cards ul .card { text-align: center; width: 370px !important; padding: 50px 20px; margin: 0 20px; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-case-study__container__cards ul .card { width: 28.906vw !important; padding: 3.906vw 1.563vw; margin: 0 1.563vw; } }
@media (max-width: 767px) { .p-sec-case-study__container__cards ul .card { width: auto !important; padding: 5.333vw 5.333vw 10.666vw; margin: 0 0 10.667vw; } }
@media (max-width: 767px) { .p-sec-case-study__container__cards ul .card:last-child { margin-bottom: 0; } }
.p-sec-case-study__container__cards ul .card h4 { font-size: 20px; font-size: 1.25rem; font-family: "Overpass", sans-serif; font-weight: 900; letter-spacing: .1em; line-height: 1; margin-bottom: 5px; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-case-study__container__cards ul .card h4 { font-size: 1.563vw; margin-bottom: 0.391vw; } }
@media (max-width: 767px) { .p-sec-case-study__container__cards ul .card h4 { font-size: 4.8vw; margin-bottom: 2vw; } }
.p-sec-case-study__container__cards ul .card h4 .num { color: #004196; font-size: 60px; font-size: 3.75rem; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-case-study__container__cards ul .card h4 .num { font-size: 4.688vw; } }
@media (max-width: 767px) { .p-sec-case-study__container__cards ul .card h4 .num { font-size: 13.333vw; } }
.p-sec-case-study__container__cards ul .card .capacity { color: #333; font-size: 16px; font-size: 1rem; font-weight: 900; line-height: 1; margin-bottom: 20px; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-case-study__container__cards ul .card .capacity { font-size: 1.25vw; margin-bottom: 1.563vw; } }
@media (max-width: 767px) { .p-sec-case-study__container__cards ul .card .capacity { font-size: 4.267vw; margin-bottom: 5.333vw; } }
.p-sec-case-study__container__cards ul .card .capacity .num { font-size: 32px; font-size: 2rem; font-family: "Overpass", sans-serif; font-weight: 900; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-case-study__container__cards ul .card .capacity .num { font-size: 2.5vw; } }
@media (max-width: 767px) { .p-sec-case-study__container__cards ul .card .capacity .num { font-size: 8vw; } }
.p-sec-case-study__container__cards ul .card .heading { color: #333; font-size: 24px; font-size: 1.5rem; font-weight: 900; line-height: 1.4; margin-bottom: 25px; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-case-study__container__cards ul .card .heading { font-size: 1.875vw; margin-bottom: 1.953vw; } }
@media (max-width: 767px) { .p-sec-case-study__container__cards ul .card .heading { font-size: 4.267vw; margin-bottom: 6vw; } }
.p-sec-case-study__container__cards ul .card .heading strong { color: #004196; font-size: 32px; font-size: 2rem; font-weight: 900; background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #D6E3F0)); background: linear-gradient(transparent 60%, #D6E3F0 60%); }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-case-study__container__cards ul .card .heading strong { font-size: 2.5vw; } }
@media (max-width: 767px) { .p-sec-case-study__container__cards ul .card .heading strong { font-size: 8vw; } }
.p-sec-case-study__container__cards ul .card .heading .num { color: #004196; font-size: 24px; font-size: 1.5rem; font-weight: 900; background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #D6E3F0)); background: linear-gradient(transparent 60%, #D6E3F0 60%); }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-case-study__container__cards ul .card .heading .num { font-size: 1.875vw; } }
@media (max-width: 767px) { .p-sec-case-study__container__cards ul .card .heading .num { font-size: 4.267vw; } }
.p-sec-case-study__container__cards ul .card .heading .num span { font-size: 36px; font-size: 2.25rem; font-family: "Overpass", sans-serif; font-weight: 900; letter-spacing: -.05em; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-case-study__container__cards ul .card .heading .num span { font-size: 2.813vw; } }
@media (max-width: 767px) { .p-sec-case-study__container__cards ul .card .heading .num span { font-size: 8vw; } }
.p-sec-case-study__container__cards ul .card .detail { padding: 25px 20px; background-color: #D6E3F0; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-case-study__container__cards ul .card .detail { padding: 1.953vw 1.563vw; } }
@media (max-width: 767px) { .p-sec-case-study__container__cards ul .card .detail { padding: 6.667vw; } }
.p-sec-case-study__container__cards ul .card .detail h5 { color: #004196; font-size: 16px; font-size: 1rem; font-weight: 900; line-height: 1; margin-bottom: 25px; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-case-study__container__cards ul .card .detail h5 { font-size: 1.25vw; margin-bottom: 1.953vw; } }
@media (max-width: 767px) { .p-sec-case-study__container__cards ul .card .detail h5 { font-size: 4.267vw; margin-bottom: 6.667vw; } }
.p-sec-case-study__container__cards ul .card .detail dl { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-case-study__container__cards ul .card .detail dl { margin-bottom: .781vw; } }
@media (max-width: 767px) { .p-sec-case-study__container__cards ul .card .detail dl { margin-bottom: 6.667vw; display: block; } }
.p-sec-case-study__container__cards ul .card .detail dl dt { color: #666; font-size: 14px; font-size: 0.875rem; font-weight: 900; line-height: 1; width: 70px; text-align: right; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-case-study__container__cards ul .card .detail dl dt { font-size: 1.094vw; width: 5.469vw; } }
@media (max-width: 767px) { .p-sec-case-study__container__cards ul .card .detail dl dt { font-size: 3.733vw; text-align: center; width: auto; margin-bottom: 2.667vw; } }
.p-sec-case-study__container__cards ul .card .detail dl dd { color: #333; font-size: 17px; font-size: 1.0625rem; font-weight: 900; line-height: 1; text-align: left; width: 220px; padding-left: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-case-study__container__cards ul .card .detail dl dd { font-size: 1.328vw; width: 17.188vw; padding-left: .781vw; } }
@media (max-width: 767px) { .p-sec-case-study__container__cards ul .card .detail dl dd { font-size: 4.8vw; text-align: center; padding-left: 0; width: auto; } }
.p-sec-case-study__container__cards ul .card .detail dl dd .num { font-size: 28px; font-size: 1.75rem; font-family: "Overpass", sans-serif; font-weight: 900; letter-spacing: -.05em; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-case-study__container__cards ul .card .detail dl dd .num { font-size: 2.188vw; } }
@media (max-width: 767px) { .p-sec-case-study__container__cards ul .card .detail dl dd .num { font-size: 8vw; } }
.p-sec-case-study__container__cards ul .card .detail dl:last-of-type { margin-bottom: 0; }
.p-sec-case-study__container .bx-controls { position: absolute; bottom: -15px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); position: relative; display: inline-block; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-case-study__container .bx-controls { bottom: -1.172vw; } }
.p-sec-case-study__container__rows { width: 1200px; padding: 50px 0; margin: 0 auto; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-case-study__container__rows { width: 100%; } }
@media (max-width: 767px) { .p-sec-case-study__container__rows { width: auto; padding: 0; margin: 10.667vw 0 0; position: static; left: auto; } }
.p-sec-case-study__container__rows ul .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding: 30px 50px; margin: 0 0 5px; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-case-study__container__rows ul .row { padding: 2vw 3vw; margin: 0.5vw 0 0; } }
@media (max-width: 767px) { .p-sec-case-study__container__rows ul .row { display: block; padding: 4vw 4vw 8vw; margin: 0 0 2vw; } }
.p-sec-case-study__container__rows ul .row .main-wrapper { width: 320px; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-case-study__container__rows ul .row .main-wrapper { width: 25vw; } }
@media (max-width: 767px) { .p-sec-case-study__container__rows ul .row .main-wrapper { width: 100%; } }
.p-sec-case-study__container__rows ul .row .main-wrapper h4 { color: #004196; text-align: center; padding-bottom: 10px; font-size: 48px; font-size: 3rem; font-weight: 900; }
.p-sec-case-study__container__rows ul .row .main-wrapper h4.long { font-size: 25px; font-size: 1.5625rem; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-case-study__container__rows ul .row .main-wrapper h4 { font-size: 3.5vw; padding-bottom: 1vw; }
  .p-sec-case-study__container__rows ul .row .main-wrapper h4.long { font-size: 2vw; } }
@media (max-width: 767px) { .p-sec-case-study__container__rows ul .row .main-wrapper h4 { font-size: 12vw; }
  .p-sec-case-study__container__rows ul .row .main-wrapper h4.long { font-size: 6vw; } }
.p-sec-case-study__container__rows ul .row .main-wrapper .main-block { color: #004196; background: #D6E3F0; text-align: center; padding: 15px 10px; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-case-study__container__rows ul .row .main-wrapper .main-block { padding: 1.5vw 1vw; } }
@media (max-width: 767px) { .p-sec-case-study__container__rows ul .row .main-wrapper .main-block { padding: 5vw 3vw; } }
.p-sec-case-study__container__rows ul .row .main-wrapper .main-block h5 { font-size: 18px; font-weight: normal; margin-bottom: 15px; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-case-study__container__rows ul .row .main-wrapper .main-block h5 { font-size: 1.5vw; margin-bottom: 1vw; } }
@media (max-width: 767px) { .p-sec-case-study__container__rows ul .row .main-wrapper .main-block h5 { font-size: 5vw; margin-bottom: 3vw; } }
.p-sec-case-study__container__rows ul .row .main-wrapper .main-block .main-row { margin-bottom: 8px; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-case-study__container__rows ul .row .main-wrapper .main-block .main-row { margin-bottom: 0.6vw; } }
@media (max-width: 767px) { .p-sec-case-study__container__rows ul .row .main-wrapper .main-block .main-row { margin-bottom: 3vw; } }
.p-sec-case-study__container__rows ul .row .main-wrapper .main-block .main-row .region { font-size: 20px; font-size: 1.25rem; font-weight: 900; letter-spacing: -.05em; padding-right: 10px; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-case-study__container__rows ul .row .main-wrapper .main-block .main-row .region { font-size: 1.8vw; } }
@media (max-width: 767px) { .p-sec-case-study__container__rows ul .row .main-wrapper .main-block .main-row .region { font-size: 6vw; padding-right: 1vw; } }
.p-sec-case-study__container__rows ul .row .main-wrapper .main-block .main-row .num { font-family: "Overpass", sans-serif; font-weight: 900; letter-spacing: -.05em; line-height: 1; font-size: 40px; font-size: 2.5rem; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-case-study__container__rows ul .row .main-wrapper .main-block .main-row .num { font-size: 3.8vw; } }
@media (max-width: 767px) { .p-sec-case-study__container__rows ul .row .main-wrapper .main-block .main-row .num { font-size: 13.333vw; vertical-align: sub; } }
.p-sec-case-study__container__rows ul .row .main-wrapper .main-block div { font-size: 12px; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-case-study__container__rows ul .row .main-wrapper .main-block div { font-size: 1vw; } }
@media (max-width: 767px) { .p-sec-case-study__container__rows ul .row .main-wrapper .main-block div { font-size: 3vw; } }
.p-sec-case-study__container__rows ul .row .detail-wrapper { width: 740px; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-case-study__container__rows ul .row .detail-wrapper { width: 60vw; } }
@media (max-width: 767px) { .p-sec-case-study__container__rows ul .row .detail-wrapper { width: 100%; margin-top: 5vw; } }
.p-sec-case-study__container__rows ul .row .detail-wrapper table { width: 100%; }
.p-sec-case-study__container__rows ul .row .detail-wrapper table tbody tr { border-bottom: 1px solid #256DBA; }
.p-sec-case-study__container__rows ul .row .detail-wrapper table tbody tr:last-child { border-bottom: none; }
.p-sec-case-study__container__rows ul .row .detail-wrapper table tbody tr td { font-size: 18px; font-weight: bold; padding: 10px; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-case-study__container__rows ul .row .detail-wrapper table tbody tr td { font-size: 1.5vw; padding: 1vw; } }
@media (max-width: 767px) { .p-sec-case-study__container__rows ul .row .detail-wrapper table tbody tr td { font-size: 2.5vw; padding: 2vw 0; } }
@media (max-width: 767px) { .p-sec-case-study__container__rows ul .row .detail-wrapper table tbody tr td.age { padding-right: 1vw; } }
.p-sec-case-study__container__rows ul .row .detail-wrapper table tbody tr td.price div { color: #256DBA; line-height: 1; text-align: center; font-weight: normal; background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #D6E3F0)); background: linear-gradient(transparent 60%, #D6E3F0 60%); }
.p-sec-case-study__container__rows ul .row .detail-wrapper table tbody tr td.price div .num { color: #004196; font-family: "Overpass", sans-serif; letter-spacing: -.05em; font-size: 40px; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-case-study__container__rows ul .row .detail-wrapper table tbody tr td.price div .num { font-size: 3.5vw; } }
@media (max-width: 767px) { .p-sec-case-study__container__rows ul .row .detail-wrapper table tbody tr td.price div .num { font-size: 6vw; } }
.p-sec-case-study__container__rows ul .row .detail-wrapper .bottom-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 30px; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-case-study__container__rows ul .row .detail-wrapper .bottom-block { margin-top: 2.5vw; } }
@media (max-width: 767px) { .p-sec-case-study__container__rows ul .row .detail-wrapper .bottom-block { display: block; width: 90%; margin: 5vw auto 0 auto; } }
.p-sec-case-study__container__rows ul .row .detail-wrapper .bottom-block .text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
@media (max-width: 767px) { .p-sec-case-study__container__rows ul .row .detail-wrapper .bottom-block .text { margin-bottom: 2vw; } }
.p-sec-case-study__container__rows ul .row .detail-wrapper .bottom-block .text img { height: auto; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-case-study__container__rows ul .row .detail-wrapper .bottom-block .text img { width: 3vw; } }
@media (max-width: 767px) { .p-sec-case-study__container__rows ul .row .detail-wrapper .bottom-block .text img { width: 7vw; } }
.p-sec-case-study__container__rows ul .row .detail-wrapper .bottom-block .text div { color: #004196; font-weight: 900; font-size: 16px; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-case-study__container__rows ul .row .detail-wrapper .bottom-block .text div { font-size: 1.2vw; } }
@media (max-width: 767px) { .p-sec-case-study__container__rows ul .row .detail-wrapper .bottom-block .text div { font-size: 2.5vw; } }
.p-sec-case-study__container__rows ul .row .detail-wrapper .bottom-block .text div span { font-size: 24px; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-case-study__container__rows ul .row .detail-wrapper .bottom-block .text div span { font-size: 2vw; } }
@media (max-width: 767px) { .p-sec-case-study__container__rows ul .row .detail-wrapper .bottom-block .text div span { font-size: 5vw; } }
.p-sec-case-study__container__rows ul .row .detail-wrapper .bottom-block a { color: #fff; font-size: 20px; font-size: 1.25rem; font-weight: 600; line-height: 56px; letter-spacing: .05em; text-align: center; width: 340px; height: 60px; background-color: #004196; border: 2px solid #004196; border-radius: 3px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-case-study__container__rows ul .row .detail-wrapper .bottom-block a { width: 28vw; font-size: 1.719vw; line-height: 4.375vw; height: 4.688vw; border-width: 0.156vw; border-radius: 0.234vw; } }
@media (max-width: 767px) { .p-sec-case-study__container__rows ul .row .detail-wrapper .bottom-block a { width: 100%; margin: 0 auto; font-size: 4.267vw; line-height: 11vw; height: 12vw; border-width: .533vw; } }
.p-sec-case-study__container__rows ul .row .detail-wrapper .bottom-block a:hover { color: #004196; background-color: #fff; opacity: 1; }
.p-sec-case-study__container__rows ul .row .detail-wrapper .bottom-block a:hover span:after { border-color: transparent transparent transparent #004196; }
.p-sec-case-study__container__rows ul .row .detail-wrapper .bottom-block a span { padding-right: 12px; position: relative; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-case-study__container__rows ul .row .detail-wrapper .bottom-block a span { padding-right: .938vw; } }
.p-sec-case-study__container__rows ul .row .detail-wrapper .bottom-block a span:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 7px 0 7px 7px; border-color: transparent transparent transparent #fff; position: absolute; top: 55%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; -webkit-transition: all .3s ease; transition: all .3s ease; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-case-study__container__rows ul .row .detail-wrapper .bottom-block a span:after { border-width: .547vw 0 .547vw .547vw; } }
.p-sec-case-study__faq { padding: 60px 0; background-color: #D6E3F0; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-case-study__faq { padding: 4.688vw 0; } }
@media (max-width: 767px) { .p-sec-case-study__faq { width: auto; padding: 13.333vw 5.333vw; } }
.p-sec-case-study__faq__container { width: 1000px; margin: 0 auto; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-case-study__faq__container { width: 78.125vw; } }
@media (max-width: 767px) { .p-sec-case-study__faq__container { width: 100%; } }
.p-sec-case-study__faq__container ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
@media (max-width: 767px) { .p-sec-case-study__faq__container ul { display: block; } }
.p-sec-case-study__faq__container ul li { width: 480px; padding: 37px; border: 3px solid #E8E8E8; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-case-study__faq__container ul li { width: 37.5vw; padding: 2.891vw; border-width: .234vw; } }
@media (max-width: 767px) { .p-sec-case-study__faq__container ul li { width: auto; padding: 6.667vw; border-width: .8vw; margin-bottom: 8vw; } }
.p-sec-case-study__faq__container ul li:first-child { margin-right: 40px; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-case-study__faq__container ul li:first-child { margin-right: 3.125vw; } }
@media (max-width: 767px) { .p-sec-case-study__faq__container ul li:first-child { margin-right: 0; } }
@media (max-width: 767px) { .p-sec-case-study__faq__container ul li:last-child { margin-bottom: 0; } }
.p-sec-case-study__faq__container ul li h4 { font-size: 28px; font-size: 1.75rem; font-weight: 900; line-height: 1.2; padding-left: 60px; margin-bottom: 30px; position: relative; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-case-study__faq__container ul li h4 { font-size: 2.188vw; padding-left: 4.688vw; margin-bottom: 2.344vw; } }
@media (max-width: 767px) { .p-sec-case-study__faq__container ul li h4 { font-size: 5.867vw; padding-left: 12vw; margin-bottom: 5.333vw; } }
.p-sec-case-study__faq__container ul li h4:before { content: "Q"; color: #256DBA; font-size: 70px; font-size: 4.375rem; font-family: "Overpass", sans-serif; font-weight: 900; line-height: 1; position: absolute; top: 0; left: 0; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-case-study__faq__container ul li h4:before { font-size: 5.469vw; } }
@media (max-width: 767px) { .p-sec-case-study__faq__container ul li h4:before { font-size: 12vw; } }
.p-sec-case-study__faq__container ul li .desc { color: #004196; font-size: 18px; font-size: 1.125rem; font-weight: 600; line-height: 1.8; padding: 40px 40px 35px; background-color: #D6E3F0; margin-bottom: 30px; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-case-study__faq__container ul li .desc { font-size: 1.406vw; padding: 3.125vw 3.125vw 2.734vw; margin-bottom: 2.344vw; } }
@media (max-width: 767px) { .p-sec-case-study__faq__container ul li .desc { font-size: 3.733vw; line-height: 1.6; padding: 5.333vw 5.333vw 4.667vw; margin-bottom: 5.333vw; } }
.p-sec-case-study__faq__container ul li a { color: #fff; font-size: 22px; font-size: 1.375rem; font-weight: 600; line-height: 56px; letter-spacing: .05em; text-align: center; width: 100%; height: 60px; background-color: #004196; border: 2px solid #004196; border-radius: 3px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-case-study__faq__container ul li a { font-size: 1.719vw; line-height: 4.375vw; height: 4.688vw; border-width: 0.156vw; border-radius: 0.234vw; } }
@media (max-width: 767px) { .p-sec-case-study__faq__container ul li a { font-size: 4.267vw; line-height: 11vw; height: 12vw; border-width: .533vw; } }
.p-sec-case-study__faq__container ul li a:hover { color: #004196; background-color: #fff; opacity: 1; }
.p-sec-case-study__faq__container ul li a:hover span:after { border-color: transparent transparent transparent #004196; }
.p-sec-case-study__faq__container ul li a span { padding-right: 12px; position: relative; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-case-study__faq__container ul li a span { padding-right: .938vw; } }
.p-sec-case-study__faq__container ul li a span:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 7px 0 7px 7px; border-color: transparent transparent transparent #fff; position: absolute; top: 55%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; -webkit-transition: all .3s ease; transition: all .3s ease; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-case-study__faq__container ul li a span:after { border-width: .547vw 0 .547vw .547vw; } }
.p-sec-case-study__brands { padding: 1vw 0; background: #EBEBEB; margin-bottom: 5vw; }
@media (max-width: 767px) { .p-sec-case-study__brands { padding: 5vw 0; background: #D6E3F0; } }
.p-sec-case-study__brands__container { width: 100vw; pointer-events: none; }
.p-sec-case-study__brands__container img { margin: 0 1vw; width: 12vw; height: auto; }
@media (max-width: 767px) { .p-sec-case-study__brands__container { padding: 0 0 4vw 0; }
  .p-sec-case-study__brands__container img { margin: 0 1.5vw; width: 28vw; } }

.p-sec-wt-gallery { padding: 5vw 0 3vw 0; background: #F0F0F0; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-wt-gallery { margin-bottom: 2.344vw; } }
.p-sec-wt-gallery__container { width: 1000px; margin: 0 auto; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-wt-gallery__container { width: 78.125vw; } }
@media (max-width: 767px) { .p-sec-wt-gallery__container { width: auto; padding: 0 5.333vw; } }
.p-sec-wt-gallery__container__list { margin: 50px 0 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-wt-gallery__container__list { margin: 3.906vw 0 3.125vw; } }
@media (max-width: 767px) { .p-sec-wt-gallery__container__list { margin: 5.333vw 0; } }
.p-sec-wt-gallery__container__list li { width: 320px; margin: 0 20px 60px 0; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-wt-gallery__container__list li { width: 25vw; margin: 0 1.563vw 4.688vw 0; } }
@media (max-width: 767px) { .p-sec-wt-gallery__container__list li { width: calc(50% - 1.333vw); margin: 0 2.667vw 8vw 0; }
  .p-sec-wt-gallery__container__list li:nth-child(2n) { margin-right: 0 !important; } }
.p-sec-wt-gallery__container__list li:nth-child(3n) { margin-right: 0; }
@media (max-width: 767px) { .p-sec-wt-gallery__container__list li:nth-child(3n) { margin-right: 2.667vw; } }
.p-sec-wt-gallery__container__list li a { display: block; }
.p-sec-wt-gallery__container__list li a:hover figure img { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: .6; }
.p-sec-wt-gallery__container__list li a figure { margin-bottom: 10px; background-color: #004196; overflow: hidden; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-wt-gallery__container__list li a figure { margin-bottom: .781vw; } }
@media (max-width: 767px) { .p-sec-wt-gallery__container__list li a figure { margin-bottom: 1.333vw; } }
.p-sec-wt-gallery__container__list li a figure img { width: 100%; height: auto; -webkit-transition: all .6s ease; transition: all .6s ease; }
.p-sec-wt-gallery__container__list li a dl dt { color: #004196; font-size: 24px; font-size: 1.5rem; font-family: "Overpass", sans-serif; font-weight: 900; line-height: 1; margin: 15px 0 5px 0; }
@media (max-width: 767px) { .p-sec-wt-gallery__container__list li a dl dt { font-size: 4vw; margin-bottom: 0; margin-bottom: .391vw; } }
.p-sec-wt-gallery__container__list li a dl dd { color: #333; font-size: 16px; font-size: 1rem; line-height: 1.4; }
@media (max-width: 767px) { .p-sec-wt-gallery__container__list li a dl dd { font-size: 2.5vw; } }
.p-sec-wt-gallery__container__notice { color: #999; font-size: 12px; font-size: 0.75rem; font-weight: 600; line-height: 1.4; letter-spacing: .05em; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-wt-gallery__container__notice { font-size: .938vw; } }
@media (max-width: 767px) { .p-sec-wt-gallery__container__notice { font-size: 2.933vw; } }

.p-sec-cm-archive { padding: 5vw 0 3vw 0; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-cm-archive { margin-bottom: 2.344vw; } }
.p-sec-cm-archive__container { width: 1000px; margin: 0 auto; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-cm-archive__container { width: 78.125vw; } }
@media (max-width: 767px) { .p-sec-cm-archive__container { width: auto; padding: 0 5.333vw; } }
.p-sec-cm-archive__container__list { margin: 50px 0 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-cm-archive__container__list { margin: 3.906vw 0 3.125vw; } }
@media (max-width: 767px) { .p-sec-cm-archive__container__list { margin: 5.333vw 0; } }
.p-sec-cm-archive__container__list li { width: 320px; margin: 0 20px 60px 0; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-cm-archive__container__list li { width: 25vw; margin: 0 1.563vw 4.688vw 0; } }
@media (max-width: 767px) { .p-sec-cm-archive__container__list li { width: calc(50% - 1.333vw); margin: 0 2.667vw 8vw 0; }
  .p-sec-cm-archive__container__list li:nth-child(2n) { margin-right: 0 !important; } }
.p-sec-cm-archive__container__list li:nth-child(3n) { margin-right: 0; }
@media (max-width: 767px) { .p-sec-cm-archive__container__list li:nth-child(3n) { margin-right: 2.667vw; } }
.p-sec-cm-archive__container__list li a { display: block; }
.p-sec-cm-archive__container__list li a:hover figure img { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: .6; }
.p-sec-cm-archive__container__list li a figure { margin-bottom: 10px; background-color: #004196; overflow: hidden; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-cm-archive__container__list li a figure { margin-bottom: .781vw; } }
@media (max-width: 767px) { .p-sec-cm-archive__container__list li a figure { margin-bottom: 1.333vw; } }
.p-sec-cm-archive__container__list li a figure img { width: 100%; height: auto; -webkit-transition: all .6s ease; transition: all .6s ease; }
.p-sec-cm-archive__container__list li a dl dt { color: #004196; font-size: 15px; font-size: 0.9375rem; font-family: "Overpass", sans-serif; font-weight: 900; line-height: 1; margin-bottom: 5px; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-cm-archive__container__list li a dl dt { font-size: 1.172vw; margin-bottom: .391vw; } }
@media (max-width: 767px) { .p-sec-cm-archive__container__list li a dl dt { font-size: 2.933vw; margin-bottom: 0; margin-bottom: .391vw; } }
.p-sec-cm-archive__container__list li a dl dd { color: #333; font-size: 16px; font-size: 1rem; font-weight: 600; line-height: 1.4; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-cm-archive__container__list li a dl dd { font-size: 1.25vw; } }
@media (max-width: 767px) { .p-sec-cm-archive__container__list li a dl dd { font-size: 4.267vw; } }
.p-sec-cm-archive__container__notice { color: #999; font-size: 12px; font-size: 0.75rem; font-weight: 600; line-height: 1.4; letter-spacing: .05em; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-cm-archive__container__notice { font-size: .938vw; } }
@media (max-width: 767px) { .p-sec-cm-archive__container__notice { font-size: 2.933vw; } }

.p-sec-cm-gallery { padding: 3vw 0; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-cm-gallery { margin: 11.719vw 0; } }
@media (max-width: 767px) { .p-sec-cm-gallery { margin: 21.333vw 0; } }
.p-sec-cm-gallery__container { width: 1000px; margin: 0 auto; /*
&__selector{
	margin: 50px 0 30px;
	border: 2px solid #123F93;
	border-radius: 3px;
	display: flex;
	flex-wrap: wrap;
	@include tablet{
		margin: 3.906vw 0 2.344vw;
		border-width: .156vw;
		border-radius: .234vw;
	}//tablet
	@include sp{
		width: auto;
		margin: 5.333vw 0;
		border-width: .533vw;
		border-radius: .8vw;
	}//tablet
	
	li{
		width: 33.33%;
		height: 60px;
		box-sizing: border-box;
		transition: all .3s ease;
		@include tablet{
			height: 4.688vw;
		}//tablet
		@include sp{
			height: 16vw;
		}//tablet
		
		&:nth-child(2){
			border-left: 2px solid #123F93;
			border-right: 2px solid #123F93;
			@include tablet{
				border-width: .156vw;
			}//tablet
			@include sp{
				border-width: .533vw;
			}//tablet
		}//:nth-child(2)
		
		&:nth-child(3){
			a{
				@include sp{
					padding-top: 5.333vw;
				}//tablet
			}//a
		}//:nth-child(2)
		
		a{
			color: #123F93;
			@include fs(20);
			font-weight: 600;
			letter-spacing: .05em;
			text-align: center;
			line-height: 60px;
			display: block;
			@include tablet{
				font-size: 1.563vw;
				line-height: 4.688vw;	
				line-height: auto;					
			}//tablet
			@include sp{
				font-size: 4.267vw;
				line-height: 1.2;
				padding-top: 3.733vw;
			}//tablet
			
			span{
				@include fs(16);
				font-family: $fontOverpass;
				@include tablet{
					font-size: 1.25vw;
				}//tablet
				@include sp{
					font-size: 3.733vw;
					display: block;
				}//tablet
			}//span
		}//a
			
		&:hover,
		&.is_active{
			background-color: #D8E3EF;
		}//
	}//li
}//__selector

&__movie{
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	
	iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}//iframe
}//__movie
*/ }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-cm-gallery__container { width: 78.125vw; } }
@media (max-width: 767px) { .p-sec-cm-gallery__container { width: auto; padding: 0 5.333vw; } }
.p-sec-cm-gallery__list { width: 1360px; margin: 40px auto 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
@media (min-width: 768px) and (max-width: 1440px) { .p-sec-cm-gallery__list { width: 94.444vw; margin: 2.778vw auto 0; } }
@media (max-width: 767px) { .p-sec-cm-gallery__list { width: 100%; margin: 5.333vw auto 0; padding: 0 5.333vw; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; } }
.p-sec-cm-gallery__list li { width: calc((100% - 60px)/3); margin: 0 30px 0 0; }
@media (min-width: 768px) and (max-width: 1440px) { .p-sec-cm-gallery__list li { width: calc((100% - 4.167vw)/3); margin-right: 2.083vw; } }
@media (max-width: 767px) { .p-sec-cm-gallery__list li { width: 100%; margin: 0 0 10.667vw; } }
.p-sec-cm-gallery__list li:nth-child(3) { margin-right: 0; }
@media (max-width: 767px) { .p-sec-cm-gallery__list li:nth-child(3) { margin-bottom: 0; } }
.p-sec-cm-gallery__list li a { display: block; }
.p-sec-cm-gallery__list li a:hover figure img { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: .6; }
.p-sec-cm-gallery__list li a figure { margin-bottom: 20px; background-color: #004196; overflow: hidden; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-cm-gallery__list li a figure { margin-bottom: 1.389vw; } }
@media (max-width: 767px) { .p-sec-cm-gallery__list li a figure { margin-bottom: 2.667vw; } }
.p-sec-cm-gallery__list li a figure img { width: 100%; height: auto; -webkit-transition: all .6s ease; transition: all .6s ease; }
.p-sec-cm-gallery__list li a p { color: #123F93; font-size: 20px; font-size: 1.25rem; font-weight: 600; letter-spacing: .05em; text-align: center; line-height: 1; }
@media (min-width: 768px) and (max-width: 1440px) { .p-sec-cm-gallery__list li a p { font-size: 1.389vw; } }
@media (max-width: 767px) { .p-sec-cm-gallery__list li a p { font-size: 4.267vw; } }
.p-sec-cm-gallery__list li a p span { font-size: 16px; font-size: 1rem; font-family: "Overpass", sans-serif; font-weight: 800; }
@media (min-width: 768px) and (max-width: 1440px) { .p-sec-cm-gallery__list li a p span { font-size: 1.111vw; } }
@media (max-width: 767px) { .p-sec-cm-gallery__list li a p span { font-size: 3.733vw; } }

.p-sec-contact { width: 25vw; padding: 0 3% 1% 3%; background: #FAFAFA; }
.p-sec-contact ::-webkit-input-placeholder { font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-size: 0.8vw; color: #ccc; }
.p-sec-contact :-ms-input-placeholder { font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-size: 0.8vw; color: #ccc; }
.p-sec-contact ::-ms-input-placeholder { font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-size: 0.8vw; color: #ccc; }
.p-sec-contact ::placeholder { font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-size: 0.8vw; color: #ccc; }
@media (max-width: 767px) { .p-sec-contact { position: relative; width: 90vw; margin: 5vw; background: #fff; padding: 0; }
  .p-sec-contact ::-webkit-input-placeholder { font-size: 2vw; }
  .p-sec-contact :-ms-input-placeholder { font-size: 2vw; }
  .p-sec-contact ::-ms-input-placeholder { font-size: 2vw; }
  .p-sec-contact ::placeholder { font-size: 2vw; } }
.p-sec-contact__container { width: 100%; margin: 0 auto; }
.p-sec-contact__container .contact-title h2 { padding-top: 2vw; text-align: center; color: #004196; font-size: 1.4vw; font-weight: 900; line-height: 1; }
@media (max-width: 767px) { .p-sec-contact__container .contact-title h2 { font-size: 4.8vw; } }
@media (max-width: 767px) { .p-sec-contact__container { width: auto; padding: 5vw; margin-top: -60vw; } }
.p-sec-contact__container__form { margin-top: 1.5vw; }
@media (max-width: 767px) { .p-sec-contact__container__form { margin-top: 6.667vw; } }
.p-sec-contact__container__form dt { color: #666; font-size: 1.1vw; font-weight: 900; line-height: 1; letter-spacing: .05em; margin-bottom: .5vw; }
@media (max-width: 767px) { .p-sec-contact__container__form dt { font-size: 3vw; margin-bottom: 2vw; } }
.p-sec-contact__container__form dt .require { color: #FF2222; font-size: 12px; font-size: 0.75rem; margin-left: 10px; display: inline-block; }
@media (max-width: 767px) { .p-sec-contact__container__form dt .require { font-size: 3vw; margin-left: 1vw; } }
.p-sec-contact__container__form dd { margin-bottom: 1vw; }
@media (max-width: 767px) { .p-sec-contact__container__form dd { margin-bottom: 5vw; } }
.p-sec-contact__container__form dd .hyphen { margin: 0 10%; position: relative; }
.p-sec-contact__container__form dd .hyphen:before { content: ""; width: 15%; height: 15%; background-color: #666; display: block; position: absolute; top: 50%; left: -28%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
@media (max-width: 767px) { .p-sec-contact__container__form dd .hyphen:before { height: 5%; } }
.p-sec-contact__container__form dd .hyphen:after { content: ""; width: 15%; height: 15%; background-color: #666; display: block; position: absolute; top: 50%; right: -28%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
@media (max-width: 767px) { .p-sec-contact__container__form dd .hyphen:after { height: 5%; } }
@media (max-width: 767px) { .p-sec-contact__container__form dd:nth-of-type(4) { display: -webkit-box; display: -ms-flexbox; display: flex; } }
.p-sec-contact__container__form dd ul li { margin-bottom: 0.8vw; }
@media (max-width: 767px) { .p-sec-contact__container__form dd ul li { margin-bottom: 4vw; } }
.p-sec-contact__container__form .checkbox-list li { display: inline-block; width: 49%; }
.p-sec-contact__container__form .checkbox-list li .c-checkbox { letter-spacing: 0; font-size: 0.7vw; padding-left: 2vw; }
.p-sec-contact__container__form .checkbox-list li .c-checkbox .indicator { width: 1.5vw; height: 1.5vw; max-width: 24px; max-height: 24px; }
@media (max-width: 767px) { .p-sec-contact__container__form .checkbox-list li { margin: 0 2vw 4vw 0; width: auto; }
  .p-sec-contact__container__form .checkbox-list li .c-checkbox { letter-spacing: 0; font-size: 3vw; padding-left: 8vw; }
  .p-sec-contact__container__form .checkbox-list li .c-checkbox .indicator { width: 4vw; height: 4vw; top: calc(50% - 2vw); } }
.p-sec-contact__container__notice { color: #666; font-size: 0.6vw; letter-spacing: .05em; text-align: center; line-height: 1.4; margin: .5vw 0; }
@media (max-width: 767px) { .p-sec-contact__container__notice { font-size: 3vw; line-height: 1.4; margin-bottom: 3vw; } }
.p-sec-contact__container__submit { text-align: center; margin-bottom: 0.5vw; }
@media (max-width: 767px) { .p-sec-contact__container__submit { margin-bottom: 3vw; } }
.p-sec-contact__container__privacy { text-align: center; }
.p-sec-contact__container__privacy a { color: #004196; font-size: 1.1vw; font-weight: 700; letter-spacing: .05em; line-height: 1; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-contact__container__privacy a { font-size: 1.172vw; } }
@media (max-width: 767px) { .p-sec-contact__container__privacy a { font-size: 3.733vw; } }
.p-sec-contact__container__privacy a:hover { text-decoration: underline; }
.p-sec-contact__container__privacy a .icon { margin-right: 10px; display: inline-block; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-contact__container__privacy a .icon { margin-right: .781vw; } }
@media (max-width: 767px) { .p-sec-contact__container__privacy a .icon { margin-right: 2.667vw; } }
.p-sec-contact .c-input { font-size: 20px; font-size: 1.25rem; width: 100%; height: 3vw; padding: 0 1rem; background-color: #ecedef; border: 1px solid #ecedef; border-radius: 3px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s ease; transition: all .3s ease; -moz-appearance: none; -webkit-appearance: none; appearance: none; display: inline-block; }
@media (max-width: 767px) { .p-sec-contact .c-input { font-size: clamp(16px, 4vw, 32px); height: 12vw; padding: 0 3.333vw; } }
.p-sec-contact .c-input::-ms-clear { visibility: hidden; }
.p-sec-contact .c-input:focus { outline: none; background-color: #fff; border-color: #004ea1; }
.p-sec-contact .c-input.min { width: 25%; }
@media (max-width: 767px) { .p-sec-contact .c-input.min { width: 21vw; } }
.p-sec-contact .c-input.small { width: 450px; height: 45px; margin-left: 10px; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-contact .c-input.small { width: 35.156vw; height: 3.516vw; margin-left: .781vw; } }
@media (max-width: 767px) { .p-sec-contact .c-input.small { width: 100%; margin-left: 0; margin-top: 4vw; } }

.p-sec-feature { margin-bottom: 120px; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-feature { margin-bottom: 9.375vw; } }
@media (max-width: 767px) { .p-sec-feature { margin-bottom: 16vw; } }
.p-sec-feature__container { width: 1000px; padding: 150px 0　100px; margin: 0 auto; position: relative; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-feature__container { width: 78.125vw; padding: 11.719vw 0 14.063vw; } }
@media (max-width: 767px) { .p-sec-feature__container { width: auto; padding: 20vw 5.333vw 0 5.333vw; } }
.p-sec-feature__container__point { margin-top: 50px; }
.p-sec-feature__container__point .sp { display: none; }
@media (max-width: 767px) { .p-sec-feature__container__point { margin-top: 13.333vw; }
  .p-sec-feature__container__point .sp { display: block; width: 60vw; height: auto; margin: 0 auto; padding-bottom: 15vw; } }
.p-sec-feature__container__point li { color: #004196; font-size: clamp(8px, 2.5vw, 32px); font-weight: 900; line-height: 1.3; padding-left: 30px; margin-bottom: 6vw; position: relative; }
.p-sec-feature__container__point li img { position: absolute; height: 10vw; max-height: 200px; width: auto; top: calc(50% - 5vw); right: -4vw; }
.p-sec-feature__container__point li img.second { right: 3vw; }
@media (max-width: 767px) { .p-sec-feature__container__point li { font-size: 6.933vw; padding-left: 5.333vw; margin-bottom: 3vw; }
  .p-sec-feature__container__point li img { display: none; } }
.p-sec-feature__container__point li:before { content: ""; width: 10px; height: 100%; background-color: #D6E3F0; display: block; border-radius: 5px; position: absolute; top: 0; left: 0; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-feature__container__point li:before { width: .781vw; border-radius: .391vw; } }
@media (max-width: 767px) { .p-sec-feature__container__point li:before { width: 2vw; border-radius: 1.333vw; } }
.p-sec-feature__container__point li:last-child { margin-bottom: 0; }
.p-sec-feature__container__person { position: absolute; bottom: 0; right: -100px; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-feature__container__person { right: -7.812vw; } }
@media (max-width: 767px) { .p-sec-feature__container__person { right: 4vw; } }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-feature__container__person img { width: 32.656vw; height: 29.375vw; } }
@media (max-width: 767px) { .p-sec-feature__container__person img { width: 56vw; height: auto; } }
.p-sec-feature__heading { color: #fff; font-size: 44px; font-size: 2.75rem; font-weight: 900; line-height: 120px; text-align: center; margin-bottom: 50px; background-color: #256DBA; position: relative; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-feature__heading { font-size: 3.438vw; line-height: 9.375vw; margin-bottom: 3.906vw; } }
@media (max-width: 767px) { .p-sec-feature__heading { font-size: 5.333vw; line-height: 15.333vw; margin-bottom: 6.667vw; background-color: #004196; } }
.p-sec-feature__heading:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 30px 20px 0 20px; border-color: #256DBA transparent transparent transparent; position: absolute; top: 130px; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-feature__heading:after { border-width: 2.344vw 1.563vw 0 1.563vw; top: 10.156vw; } }
@media (max-width: 767px) { .p-sec-feature__heading:after { border-color: #004196 transparent transparent transparent; border-width: 4.667vw 2.667vw 0 2.667vw; top: 16.667vw; } }
.p-sec-feature__infographic { width: 1200px; padding: 94px; margin: 0 auto; border: 6px solid #256DBA; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-feature__infographic { width: 93.75vw; padding: 7.344vw; border-width: .469vw; } }
@media (max-width: 767px) { .p-sec-feature__infographic { width: calc(100vw - 10.667vw); padding: 9.333vw 0 4.444vw; margin: 0 auto; } }
.p-sec-feature__infographic__circle { text-align: center; margin-bottom: 120px; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-feature__infographic__circle { margin-bottom: 9.375vw; } }
@media (max-width: 767px) { .p-sec-feature__infographic__circle { margin-bottom: 18.667vw; } }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-feature__infographic__circle img { width: 55.625vw; height: 55vw; } }
@media (max-width: 767px) { .p-sec-feature__infographic__circle img { width: 80vw; height: auto; } }
.p-sec-feature__infographic__job-experience .c-section-title { text-align: center; }
.p-sec-feature__infographic__job-experience .c-section-title .en { font-size: 15px; font-size: 0.9375rem; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-feature__infographic__job-experience .c-section-title .en { font-size: 1.172vw; } }
@media (max-width: 767px) { .p-sec-feature__infographic__job-experience .c-section-title .en { font-size: 3.2vw; margin-bottom: 1.333vw; } }
.p-sec-feature__infographic__job-experience .c-section-title h2 { font-size: 44px; font-size: 2.75rem; letter-spacing: .05em; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-feature__infographic__job-experience .c-section-title h2 { font-size: 3.438vw; } }
@media (max-width: 767px) { .p-sec-feature__infographic__job-experience .c-section-title h2 { font-size: 8vw; } }
.p-sec-feature__infographic__job-experience__graph { margin-top: 40px; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-feature__infographic__job-experience__graph { margin-top: 3.125vw; } }
@media (max-width: 767px) { .p-sec-feature__infographic__job-experience__graph { margin-top: 6.667vw; padding-left: 5.333vw; } }
.p-sec-feature__infographic__job-experience__graph ul li:last-child dl dt { height: 70px; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-feature__infographic__job-experience__graph ul li:last-child dl dt { height: 5.469vw; } }
@media (max-width: 767px) { .p-sec-feature__infographic__job-experience__graph ul li:last-child dl dt { height: auto; } }
.p-sec-feature__infographic__job-experience__graph ul li dl { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
@media (max-width: 767px) { .p-sec-feature__infographic__job-experience__graph ul li dl { display: block; } }
.p-sec-feature__infographic__job-experience__graph ul li dl dt { color: #004196; font-size: 24px; font-size: 1.5rem; font-weight: 900; letter-spacing: .05em; line-height: 1; text-align: right; width: 410px; height: 90px; padding-right: 20px; border-right: 6px solid #D6E3F0; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-feature__infographic__job-experience__graph ul li dl dt { font-size: 1.875vw; width: 32.031vw; height: 7.031vw; padding-right: 1.563vw; border-width: .469vw; } }
@media (max-width: 767px) { .p-sec-feature__infographic__job-experience__graph ul li dl dt { color: #333; font-size: 5.867vw; letter-spacing: -.05em; text-align: left; width: auto; height: auto; padding-right: 0; margin-bottom: 2vw; border-right: none; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } }
.p-sec-feature__infographic__job-experience__graph ul li dl dt .icon { margin-right: 20px; display: inline-block; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-feature__infographic__job-experience__graph ul li dl dt .icon { margin-right: 1.563vw; } }
@media (max-width: 767px) { .p-sec-feature__infographic__job-experience__graph ul li dl dt .icon { margin-right: 2.667vw; } }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-feature__infographic__job-experience__graph ul li dl dt .icon img { width: 5.078vw; height: auto; } }
@media (max-width: 767px) { .p-sec-feature__infographic__job-experience__graph ul li dl dt .icon img { width: 10vw; height: auto; } }
.p-sec-feature__infographic__job-experience__graph ul li dl dt .title { background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #D6E3F0)); background: linear-gradient(transparent 60%, #D6E3F0 60%); display: inline-block; }
.p-sec-feature__infographic__job-experience__graph ul li dl dd { width: 590px; height: 70px; padding-left: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-feature__infographic__job-experience__graph ul li dl dd { width: 46.094vw; height: 5.469vw; padding-left: .313vw; } }
@media (max-width: 767px) { .p-sec-feature__infographic__job-experience__graph ul li dl dd { width: auto; height: auto; padding-left: 0; margin-bottom: 8vw; } }
.p-sec-feature__infographic__job-experience__graph ul li dl dd .meter { background-color: #256DBA; -webkit-transition: width .6s ease; transition: width .6s ease; height: 5vw; max-height: 75px; }
@media (max-width: 767px) { .p-sec-feature__infographic__job-experience__graph ul li dl dd .meter { height: 8vw; padding-left: 0; } }
.p-sec-feature__infographic__job-experience__graph ul li dl dd .meter.per20 { width: 30vw; max-width: 400px; }
@media (max-width: 767px) { .p-sec-feature__infographic__job-experience__graph ul li dl dd .meter.per20 { width: 40vw; } }
.p-sec-feature__infographic__job-experience__graph ul li dl dd .meter.per17 { width: 25.5vw; max-width: 340px; }
@media (max-width: 767px) { .p-sec-feature__infographic__job-experience__graph ul li dl dd .meter.per17 { width: 34vw; } }
.p-sec-feature__infographic__job-experience__graph ul li dl dd .meter.per15 { width: 22.5vw; max-width: 300px; }
@media (max-width: 767px) { .p-sec-feature__infographic__job-experience__graph ul li dl dd .meter.per15 { width: 30vw; } }
.p-sec-feature__infographic__job-experience__graph ul li dl dd .meter.per12 { width: 18vw; max-width: 240px; }
@media (max-width: 767px) { .p-sec-feature__infographic__job-experience__graph ul li dl dd .meter.per12 { width: 24vw; } }
.p-sec-feature__infographic__job-experience__graph ul li dl dd .meter.per8 { width: 12vw; max-width: 160px; }
@media (max-width: 767px) { .p-sec-feature__infographic__job-experience__graph ul li dl dd .meter.per8 { width: 16vw; } }
.p-sec-feature__infographic__job-experience__graph ul li dl dd .meter.per6 { width: 9vw; max-width: 120px; }
@media (max-width: 767px) { .p-sec-feature__infographic__job-experience__graph ul li dl dd .meter.per6 { width: 12vw; } }
.p-sec-feature__infographic__job-experience__graph ul li dl dd .meter.per4 { width: 6vw; max-width: 80px; }
@media (max-width: 767px) { .p-sec-feature__infographic__job-experience__graph ul li dl dd .meter.per4 { width: 8vw; } }
.p-sec-feature__infographic__job-experience__graph ul li dl dd .meter.per3 { width: 4.5vw; max-width: 60px; }
@media (max-width: 767px) { .p-sec-feature__infographic__job-experience__graph ul li dl dd .meter.per3 { width: 6vw; } }
.p-sec-feature__infographic__job-experience__graph ul li dl dd .meter.zero { width: 0 !important; }
.p-sec-feature__infographic__job-experience__graph ul li dl dd .percent { color: #256DBA; font-family: "Overpass", sans-serif; font-weight: 900; letter-spacing: 0; line-height: 1; margin-left: 15px; font-size: 3.281vw; margin-left: 1.172vw; }
@media (max-width: 767px) { .p-sec-feature__infographic__job-experience__graph ul li dl dd .percent { font-size: 10.667vw; margin-left: 2.667vw; } }
.p-sec-feature__infographic__job-experience__graph ul li dl dd .percent span { color: #333; font-size: 1.563vw; }
@media (max-width: 767px) { .p-sec-feature__infographic__job-experience__graph ul li dl dd .percent span { font-size: 3.733vw; } }
.p-sec-feature__infographic__job-experience__graph .dot { text-align: center; margin-top: 60px; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-feature__infographic__job-experience__graph .dot { margin-top: 4.688vw; } }
@media (max-width: 767px) { .p-sec-feature__infographic__job-experience__graph .dot { margin-top: 8vw; } }
.p-sec-feature__infographic__job-experience__graph .dot img { height: auto; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-feature__infographic__job-experience__graph .dot img { width: .938vw; } }
@media (max-width: 767px) { .p-sec-feature__infographic__job-experience__graph .dot img { width: 1.6vw; } }

.p-sec-topics { padding-bottom: 20px; margin-bottom: 140px; overflow: hidden; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-topics { padding-bottom: 1.563vw; margin-bottom: 10.938vw; } }
@media (max-width: 767px) { .p-sec-topics { margin-bottom: 14.333vw; } }
.p-sec-topics__container { width: 1000px; margin: 0 auto; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-topics__container { width: 93.75vw; } }
@media (max-width: 767px) { .p-sec-topics__container { width: auto; padding: 0 5.333vw; } }
.p-sec-topics__slider { width: 1700px; margin: 50px 0 0 -850px; position: relative; left: 50%; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-topics__slider { width: 132.813vw; margin: 3.906vw 0 0 -66.406vw; } }
@media (max-width: 767px) { .p-sec-topics__slider { width: 224vw; margin: 8vw 0 0 -112vw; } }
.p-sec-topics__slider ul { overflow: hidden; }
.p-sec-topics__slider ul li { padding: 0 15px; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-topics__slider ul li { padding: 0 1.172vw; } }
@media (max-width: 767px) { .p-sec-topics__slider ul li { padding: 0 2vw; } }
.p-sec-topics__slider ul li a { border-radius: 3px; overflow: hidden; display: block; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-topics__slider ul li a { border-radius: .234vw; } }
.p-sec-topics__slider ul li a img { width: 100%; height: auto; -webkit-transition: all .6s ease; transition: all .6s ease; }
.p-sec-topics__slider ul li a:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); }
.p-sec-topics .bx-controls { position: absolute; bottom: -15px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); position: relative; display: inline-block; }
@media (min-width: 768px) and (max-width: 1280px) { .p-sec-topics .bx-controls { bottom: -1.172vw; } }

.thanksSection { height: 400px; padding-top: 180px; background-color: #fff; text-align: center; }
.thanksSection h1 { color: #004196; font-size: 30px; font-weight: normal; }
.thanksSection div { color: #333; font-size: 16px; margin-top: 30px; }
.thanksSection a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #256dba; margin-top: 52px; font-size: 16px; }

.u-color-white { color: #fff; }

.u-color-red { color: #ff0000; }

.u-color-blue { color: #0078D8; }

/*# sourceMappingURL=style.css.map */