@charset "UTF-8";

/*  -----------------------------------------------------------
	全ページ共通
-----------------------------------------------------------*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,code,em,img,small,strong,dl,dt,dd,ol,ul,li,form,label,table,tbody,tfoot,thead,tr,th,td,article,aside,canvas,embed,figure,figcaption,footer,header,nav,section,summary,time,audio,video,fieldset,legend,input,button,textarea,select{border:0;font-size:100%;margin:0;padding:0;vertical-align:baseline}em{font-style: normal}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}html{font-size:10px;overflow-y:scroll;height:100%;-ms-touch-action:manipulation;touch-action:manipulation}body,input,button,select,textarea{font-family:"Yu Gothic Medium",YuGothic,-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",HelveticaNeue,Arial,Verdana,"游ゴシック体","游ゴシック Medium","游ゴシック","Yu Gothic",Meiryo,sans-serif;color:#323743;font-weight: 500}body{min-width:320px;height:100%;background:#fff;color:#323743;font-size:1.6rem;line-height:1.5;-webkit-text-size-adjust:100%;word-wrap:break-word;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-font-feature-settings:"palt";font-feature-settings:"palt"}h1,h2,h3,h4,h5,h6{line-height:1.5}img{vertical-align:top;max-width:100%;height:auto}input,button,textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;border-radius:0;outline:none}input,select{line-height:normal}select::-ms-expand{display:none}input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type="number"]{-moz-appearance:textfield}button,label{cursor:pointer}strong{font-weight:700}a{text-decoration:none;color:#0012ff;-webkit-transition:opacity 0.3s;transition:opacity 0.3s}hr{border:none;border-top:1px solid #ddd}

/* デザインスタイルガイド打ち消し */
a, abbr, acronym, address, article, aside, audio, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, html, i, iframe, img, ins, kbd, label, legend, li, main, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, u, ul, var, video{
	font-weight: 500;
}

/*  PC/SP表示
-----------------------------------------------------------*/
.pc-only{display:none}.sp-only{display:block}@media print,screen and (min-width:1000px){.pc-only{display:block}.sp-only{display:none}}

/*  アイコン
-----------------------------------------------------------*/
.m-ico{font-style: normal;vertical-align: middle;font-weight:normal;}.m-ico:before{display: inline-flex;align-items: center;font-family:'Material Icons Round';content: attr(data-icon);font-size: 100%;}

/*  リンク
-----------------------------------------------------------*/
@media print,screen and (min-width:1000px){a:hover{opacity:.6}}*{-webkit-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box}

/* テキストリンク ============================= */
.textLink{font-size:1.6rem;color:#3498DB;text-decoration:none}.textLink span{text-decoration:underline;}

/*  Pagetop
-----------------------------------------------------------*/
.pagetopScroll{position:fixed;right:0;bottom:20px;z-index:1;width:21.3333333333vw}.pagetopScroll_bt{display:flex;align-items:center;justify-content:center;width:13.3333333333vw;height:13.3333333333vw;margin:6.4vw auto 0;font-size:1.75rem;border:1px solid #fff;border-radius:4px;background:rgba(207,240,255,.38);transition:background-color .3s}@media print,screen and (min-width:1000px){.pagetopScroll{bottom:25px;width:100px}.pagetopScroll_bt{width:50px;height:50px;margin:24px auto 0;font-size:2.4rem}.pagetopScroll_bt:hover{background:rgba(207,240,255,.6)}}

/*  レイアウト
-----------------------------------------------------------*/
.main-content{font-size:1.8rem}.main{padding-top:24px}.page{margin-top:24px}@media print,screen and (min-width:1000px){.main{padding-top:32px}}.inner{padding-left:16px;padding-right:16px}@media print,screen and (min-width:1000px){.inner{max-width:1096px;margin-left:auto;margin-right:auto}}

/* ※・リストマーク
-----------------------------------------------------------*/
ul.kome li,p.kome{display: flex;}ul.kome li:before,p.kome:before{content:"\203B";margin-right: .2em;width:1em}ul.listdot li,p.listdot{display:flex}ul.listdot li:before,p.listdot:before{content:"\30FB";margin: 0 .3em;width:1em}


/* 見出し
-----------------------------------------------------------*/
.ttl-lv01, .ttl-lv02, .ttl-lv03, .ttl-lv04, .ttl-lv05, .ttl-lv06{ font-weight: bold; line-height: 1.5; }
.ttl-lv01 span, .ttl-lv02 span, .ttl-lv03 span, .ttl-lv04 span, .ttl-lv05 span, .ttl-lv06 span{ font-weight: bold; }
.ttl-lv01{ font-size: 2.9rem; text-align: center; }
.ttl-lv02{ font-size: 2.4rem; }
.ttl-lv03{ font-size: 2.1rem; }
.ttl-lv04{ font-size: 1.8rem; }

/* margin / padding
-----------------------------------------------------------*/
.mt-uxl{ margin-top: 64px; }
.mt-ul{ margin-top: 56px; }
.mt-xl{ margin-top: 48px; }
.mt-ll{ margin-top: 40px; }
.mt-l{ margin-top: 32px; }
.mt-m{ margin-top: 24px; }
.mt-s{ margin-top: 16px; }
.mt-ss{ margin-top: 8px; }
.mb-uxl{ margin-bottom: 64px; }
.mb-ul{ margin-bottom: 56px; }
.mb-xl{ margin-bottom: 48px; }
.mb-ll{ margin-bottom: 40px; }
.mb-l{ margin-bottom: 32px; }
.mb-m{ margin-bottom: 24px; }
.mb-s{ margin-bottom: 16px; }
.mb-ss{ margin-bottom: 8px; }

/* font
-----------------------------------------------------------*/
.ft-ll{ font-size: 2.2rem; }
.ft-l{ font-size: 2.0rem; }
.ft-m{ font-size: 1.8rem; }
.ft-s{ font-size: 1.6rem; }
.ft-ss{ font-size: 1.4rem; }

.ft-bold{ font-weight: bold; }

/* flex
-----------------------------------------------------------*/
.flex{ display: flex; width: 100%; }
.flex.-start{ justify-content: flex-start; }
.flex.-center{ justify-content: center; }
.flex.-end{ justify-content: flex-end; }
.flex.-between{ justify-content: space-between; }
.flex.-around{ justify-content: space-around; }
.flex.-alignstart{ align-items: flex-start; }
.flex.-aligncenter{ align-items: center; }
.flex.-alignend{ align-items: flex-end; }
.flex.-column{ flex-direction: column; }
.flex.-columnrev{ flex-direction: column-reverse; }
.flex.-row{ flex-direction: row; }
.flex.-rowrev{ flex-direction: row-reverse; }
.flex.-wrap{ flex-wrap: wrap;}
.flex.-nowrap{ flex-wrap: nowrap;}

/* Button
-----------------------------------------------------------*/
.JTB-el_btn.-gl{
	width: 100%;
	padding: 15px 24px 13px;
	min-height: 55px;
}
.JTB-el_btn.-gl .m-icon{
	margin: 0 5px;
}
.JTB-el_btn.-shaddow{
	box-shadow: 0 1px 3px rgb(0 0 0 / 20%);
}
@media print, screen and (min-width: 1000px) {
	.JTB-el_btn.-gl.-center{
		max-width: 416px;
	}
}
.JTB-el_btn.-type01{
	font-size: 1.8rem;
}
@media print, screen and (min-width: 1000px) {
	.JTB-el_btn.-type01{
		font-size: 2.1rem;
	}
}

/* Label
-----------------------------------------------------------*/
.JTB-el_heading.-label{
	font-size: 100%;
}

/* Required
-----------------------------------------------------------*/
.JTB-el_tag.-required.-gl{
	font-size: 1.2rem;
}

/* Attention
-----------------------------------------------------------*/
.JTB-el_attention.-gl{
	align-items: flex-start;
	font-size: 100%;
}
.JTB-el_attention.-gl .JTB-el_attention__inner{
	font-size: 100%;
}
.JTB-el_attention-body{
	width: 100%;
}
.attention-box .JTB-el_foundation-icons{
	margin-right: 10px;
}

/* Input
-----------------------------------------------------------*/
.JTB-el_input__validate.-gl .JTB-el_input{
	overflow: hidden;
	border-radius: 4px;
}
.JTB-el_input__validate.-gl .JTB-el_input__body,
.JTB-el_input.-gl .JTB-el_input__body{
	font-size: 1.8rem;
	border-radius: 4px;
	background: #fff;
}
.JTB-el_input__validate.-gl .JTB-el_input__body::placeholder{
	color: #BCBDC2;
	font-size: 1.8rem;
}
.JTB-el_input__validate.-gl .JTB-el_input.is-focused .JTB-el_input__body{
	border: solid 1px #52C8FF;
}
.JTB-el_input__validate.-gl .-validate.JTB-el_input{
	margin-top: 0;
}
.JTB-el_input__validate.-gl .JTB-el_input__notice{
	display: flex;
	align-items: center;
	padding: 0;
	font-size: 1.6rem;
	line-height: 1.3;
	font-style: normal;
	background: none;
}
.JTB-el_input__validate.-gl .JTB-el_input__notice:before{
	position: relative;
	top: -1px;
	font-size: 2.0rem;
	line-height: 1.3;
	font-style: normal;
}
/* Slect
-----------------------------------------------------------*/
.JTB-el_select__inform.-gl{
	font-size: 100%;
}
.JTB-el_select__inner.-gl:after{
	font-size: 1.8rem;
	pointer-events: none;
	transition: transform 0.3s ease;
	transform: rotate(0deg);
}
.JTB-el_select__inner.is-active::after{
	transform: rotate(180deg);
}


/* フォーム
-----------------------------------------------------------*/
.formField{
	margin-top: 24px;
}
.formField_label{
	margin-top: 24px;
}
.formField_cnt{
	margin-top: 8px;
}
@media print, screen and (min-width: 1000px) {
	.formField{
		display: flex;
		justify-content: space-between;
		margin-top: 24px;
	}
	.formField_label{
		margin-top: 0;
		padding-top: 10px;
		width: 192px;
	}
	.formField_cnt{
		margin-top: 0;
		width: calc(100% - 208px);
	}
}

/* 必須アイコン ============================= */
.icon-required{
	display: inline-block;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1;
	color: #CC0D21;
	padding: 3px 6px;
	border: solid 1px #CC0D21;
	border-radius: 50vw;
	background-color: #fff;
	margin-left: 5px;
	vertical-align: middle;
	transform: translateY(-1px);
}

/* ラベルアイコン ============================= */
.icon-gray{
	display: inline-block;
	font-size: 1.4rem;
	line-height: 1;
	padding: 3px 16px;
	border-radius: 50vw;
	background-color: #E4E5E7;
	vertical-align: middle;
	transform: translateY(-1px);
}

/* チェックボックス ============================= */
.JTB-el_choice.-gl{
	font-size: 100%;
}

/* SUBMIT ============================= */
.formSubmit{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: 64px;
}
.formSubmit .JTB-el_btn + .JTB-el_btn{
	margin-top: 24px;
}

/* プログレスバー
-----------------------------------------------------------*/
.JTB-el_progress.-gl{
  justify-content: center;
  margin-bottom: 40px;
}
.JTB-el_progress.-gl .JTB-el_progress__item{
	padding: 7px 12px;
	font-size: 1.6rem;
}
@media screen and (max-width: 999px) {
	.JTB-el_progress.-gl .JTB-el_progress__counter{
		font-size: 1.4rem;
	}
	.JTB-el_progress.-gl .JTB-el_progress__text{
		font-size: 2.0rem;
	}
	.JTB-el_progress__indicator{
		font-size: 1.2rem;
	}
}
@media print, screen and (min-width: 1000px) {
	.JTB-el_progress.-gl{
		margin-bottom: 64px;
	}
}

/* ページバック
-----------------------------------------------------------*/
.pageBack{
	margin-top: 24px;
}
.pageBack .JTB-el_btn.-back{
	display: inline-flex;
	align-items: center;
	max-width: inherit;
	padding-left: 0;
	padding-right: 0;
	font-size: 1.6rem;
}
.pageBack .JTB-el_btn.-back > .JTB-el_btn__inner{
	max-width: inherit;
}

/* ページング
-----------------------------------------------------------*/
.JTB-el_paging.-gl .JTB-el_paging__inner,
.JTB-el_paging.-gl .JTB-el_paging__item{
	font-size: 100%;
}
.JTB-el_paging.-gl .JTB-el_paging__anchor.is-none{
	display: none;
}
.JTB-el_paging.-gl a{
	box-sizing: content-box;
}
.JTB-el_paging.-gl a.JTB-el_paging__anchor.-dots{
	pointer-events: none;
}
.JTB-el_paging.-gl .JTB-el_paging__anchor.is-active{
	pointer-events: none;
}

/* モーダル チェック
-----------------------------------------------------------*/
@media screen and (max-width: 959px){
	html.modalCheck-lock{
		overflow: inherit;
	}
	body.modalCheck-lock{
		height: calc(var(--window-inner-height) - 1px);
		overflow: hidden;
		box-sizing: border-box;
	}
}
@media screen and (min-width: 960px){
	body.modalCheck-lock {
		position: fixed;
		width: 100%;
		height: 100%;
		left: 0;
	}
}
.modalCheck{
	display: none;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	max-height: 85%;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .38);
}
.modalCheck-wrap * {
    box-sizing: border-box;
}
.modalCheck-wrap {
    z-index: 1002;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.modalCheck-overlay {
    z-index: 1001;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	background: rgba(0, 0, 0, 0.6);
}
.modalCheck-content{
	padding: 8vw 24px;
}
.modalCheck_txt{
	text-align: center;
}
.modalCheck_action{
	margin-top: 24px;
}
.modalCheck_action .JTB-el_btn:not(:first-child){
	margin-top: 16px;
}

@media screen and (max-width: 959px){
	.modalCheck{
		max-width: 632px;
		width: calc(100% - 32px);
	}
}
@media screen and (min-width: 960px){
	.modalCheck-content{
		padding: 38px;
		width: 632px;
	}
	.modalCheck_action{
		display: flex;
		flex-direction: row-reverse;
		margin: 40px auto 0;
		max-width: 416px;
	}
	.modalCheck_action .JTB-el_btn{
		flex: 1;
	}
	.modalCheck_action .JTB-el_btn:not(:first-child){
		margin: 0 16px 0 0;
	}

}