@charset "UTF-8";

/* Re-set
---------------------------------------------------------- */

body{ font-size: 16px; font-family: "SAISON Sans", "Inter", "Noto Sans JP", sans-serif;}
h1,
h2,
h3,
h4 {
	clear: both;
	background-image: none;
	background-color: transparent;
	height: auto;
	padding: 0;
	margin: 0;
	border-style: none;
	color: #000000;
	line-height: 1.7;
}
ol {
	margin-bottom: 0;
}
ol li {
	list-style: none;
}
a{
	color: inherit;
	text-decoration: none;
}
@media screen and (max-width: 768px) {
	body{
		font-size: 16px;
	}
	img{
		max-width: 100%;
	}
}
@media screen and (min-width: 769px) {
	.is-SP{ display: none; }
}
@media screen and (max-width: 768px) {
	.is-PC{ display: none; }
}

/*  */
#contents{
	margin-bottom: 80px;
}
.container{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width: 768px) {
	.container{
		width: 90%;
	}	
}

/* header */
#header{
	border-top: 3px #00398a solid;
	border-bottom: 1px #ebebeb solid;
	position: sticky;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	background-color: #ffffff;
}
.header-inner{
	display: flex;
	padding: 18px 34px;
	justify-content: space-between;
	align-items: center;
}
.header-logo{
	width: 203px;
}
.header-login-btn a{
	display: flex;
	align-items: center;
	gap: 8px;
	background: #2b9943;
	padding: 10px 30px 8px;
	border-radius: 4px;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}
.header-login-btn a:after{
	content: '';
	width: 10px;
	height: 10px;
	border-top: 2px #fff solid;
	border-right: 2px #fff solid;
	transform: rotate(45deg) translateY(-2px);
}
@media screen and (max-width: 768px) {
	.header-inner{
		padding: 10px 2.5%;
	}
	.header-logo{
		width: 45%;
	}
	.header-login-btn a{
		gap: 8px;
		padding: 5px 15px 4px;
		border-radius: 4px;
		font-size: 13px;
	}
}
/* lead */
.lead-text-bg{
	background-image: url(../img/lead_bg.jpg)  ;
	background-repeat: no-repeat;
	background-position: center 20%;
	background-size: cover;
	padding: 60px 0;
}
.lead-text{
	max-width: 960px;
	text-align: center;
	color: #fff;
	margin: 0 auto;
	font-size: 16px;
	line-height: 1.6;
}
.lead-navi{
	background: #e9f1fe;
	padding: 25px 0;
}
.lead-navi-list{
	display: flex;
	gap: 20px;
	align-items: center;
	justify-content: center;
}
.navi-btn-blue{
	display: block;
	width: 260px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	background-color: #004098;
	border: 1px #004098 solid;
	border-radius: 4px;
	padding: 18px 30px 18px 20px;
	position: relative;
}
.navi-btn-blue:after{
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	border-bottom: 2px #fff solid;
	border-right: 2px #fff solid;
	transform: rotate(45deg) translateY(-5px);
	position: absolute;
	top: calc(50% - 5px);
	right: 15px;
}
.navi-btn-white{
	/* display: flex; */
	/* align-items: center; */
	/* justify-content: center; */
	/* gap: 8px; */
	display: block;
	width: 260px;
	font-size: 18px;
	font-weight: bold;
	color: #004098;
	background-color: #fff;
	border: 1px #004098 solid;
	border-radius: 4px;
	padding: 18px 30px 18px 20px;
	position: relative;
}
.navi-btn-white:after{
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	border-top: 2px #004098 solid;
	border-right: 2px #004098 solid;
	transform: rotate(45deg) translateY(-2px);
	position: absolute;
	top: calc(50% - 4px);
	right: 15px;
}
.lead-textlink{
	text-align: right;
	margin: 20px auto 0;
	max-width: 960px;
}
.lead-textlink a{
	display: inline-block;
	align-items: center;
	justify-content: right;
	gap: 8px;
	font-size: 18px;
	font-weight: bold;
	color: #004098;
	padding-right: 13px;
	position: relative;
}
.lead-textlink a:after{
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	border-top: 2px #004098 solid;
	border-right: 2px #004098 solid;
	position: absolute;
	right: 0;
	top: calc(50% - 5px);
	transform: rotate(45deg);
}
.lead-info{
	border: 2px #e9f1fe solid;
	width: 640px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px 20px 15px;
}
.lead-info-title{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 3px;
	font-size: 18px;
	color: #dd191a;
	font-weight: bold;
}
.lead-info-title:before{
	content: '';
	display: block;
	width: 22px;
	height: 22px;
	background-image: url('../img/icon_caution.svg');
	background-size: 100% 100%;
}
.lead-infolist{
	margin-top: 15px;
	padding-left: 80px;
}
.lead-infolist li{
	margin-top: 5px;
}
.lead-infolist li > a{
	color: #004098;
	padding-left: 24px;
	position: relative;
	/* display: inline-block; */
}
.lead-infolist li > a:before{
	content: '';
	display: block;
	width: 15px;
	height: 15px;
	background-image: url('../img/icon_arrow_circle_blue.svg');
	background-size: 100% 100%;
	position: absolute;
	top: 2px;
	left: 0;
}
.lead-infolist .pdf{
	padding-right: 18px;
	position: relative;
}
.lead-infolist .pdf:after{
	content: '';
	width: 12px;
	height: 14px;
	background-image: url('../img/icon_pdf.svg');
	background-size: 100% 100%;
	position: absolute;
	right: 0;
	bottom: 3px;
}
.lead-infolist .pdf + span {
	color: #777;
	font-size:90%;
}

.lead-qa{
	margin-top: 45px;
}
.lead-qa-title{
	font-size: 22px;
	color: #004098;
	font-weight: bold;
}
.lead-qalist > li{
	padding: 10px 0;
	border-top: 1px #dbdbdb solid;
	color: #004098;
}
.lead-qalist > li:first-child{
	border-top: none;
}
/* web-procedure lead */
.lead-title{
	text-align: center;
	margin-top: 50px;
	margin-bottom: 40px;
}
.lead-title-text{
	font-size: 35px;
	color: #004098;
}
@media screen and (max-width: 768px) {
	.lead-text-bg{
		background-image: url('../img/lead_bg.jpg');
		padding: 5dvh 0;
	}
	.lead-text{
		max-width: 90%;
	}
	.lead-navi{
		padding: 25px 2.5%;
	}
	.lead-navi-list{
		display: flex;
		justify-content: left;
		flex-wrap: wrap;
		gap: 10px 2%;
		align-items: normal;
	}
	.lead-navi-list > li{
		display: inline-block;
		width: 49%;
	}
	.lead-navi-list.--col3 > li{
		width: 32%;
	}
	.navi-btn-blue{
		width: 100%;
		gap: 4px;
		font-size: 14px;
		padding: 9px 20px 9px 6px;
	}
	.navi-btn-blue.--sp-line02{
		padding: 19px 20px 19px 6px;
	}
	.navi-btn-blue:after{
		transform: rotate(45deg) translateY(-3px);
		top: calc(50% - 5px);
		right: 10px;

	}
	.navi-btn-white{
		width: 100%;
		gap: 4px;
		font-size: 14px;
		padding: 9px 25px 9px 8px;
	}
	.navi-btn-white:after{
		transform: rotate(45deg) translateY(-2px);
		top: calc(50% - 4px);
		right: 10px;

	}
	.lead-textlink{
		margin-top: 15px;
	}
	.lead-textlink a{
		gap: 8px;
		font-size: 15px;
		padding-right: 13px;
		position: relative;
	}
	.lead-info{
		width: 90%;
		margin-top: 30px;
		padding: 20px 15px 15px ;
	}
	.lead-info-title{
		font-size: 16x;
	}
	.lead-infolist{
		margin-top: 15px;
		padding-left: 0;
	}
	.lead-infolist li{
		margin-top: 5px;
	}
	.lead-infolist li > a{
		padding-left: 18px;
	}
	.lead-infolist li > a:before{
		top: 4px;
	}
	.lead-qa{
		margin-top: 35px;
	}
	.lead-qa-title{
		font-size: 18px;
	}
	/* web-procedure lead */
	.lead-title{
		margin-top: 40px;
		margin-bottom: 30px;
	}
	.lead-title-text{
		font-size: 24px;
	}
}

/* text font */
.text-red{
	color: #dd191a !important;
}
.text-blue{
	color: #004098;
}
.text-gray{
	color: #666666;
}
.text-bold{
	font-weight: bold;
}
.text-underline{
	text-decoration: underline;
}
.text-min{
	font-size: 90%;
}
.align-right{
	text-align: right;
}
.align-center{
	text-align: center;
}
/* margin */
.mT5{ margin-top: 5px !important; }
.mT10{ margin-top: 10px !important; }
.mT15{ margin-top: 15px !important; }
.mT20{ margin-top: 20px !important; }
.mT25{ margin-top: 25px !important; }
.mT30{ margin-top: 30px !important; }
.mT35{ margin-top: 35px !important; }
.mT40{ margin-top: 40px !important; }
.mT45{ margin-top: 45px !important; }
.mT50{ margin-top: 50px !important; }
.mT55{ margin-top: 55px !important; }
.mT60{ margin-top: 60px !important; }
.mT65{ margin-top: 65px !important; }
.mT70{ margin-top: 70px !important; }
.mT75{ margin-top: 75px !important; }
.mT80{ margin-top: 80px !important; }
.mB5{ margin-bottom: 5px !important; }
.mB10{ margin-bottom: 10px !important; }
.mB15{ margin-bottom: 15px !important; }
.mB20{ margin-bottom: 20px !important; }
.mB25{ margin-bottom: 25px !important; }
.mB30{ margin-bottom: 30px !important; }
.mB35{ margin-bottom: 35px !important; }
.mB40{ margin-bottom: 40px !important; }
.mB45{ margin-bottom: 45px !important; }
.mB50{ margin-bottom: 50px !important; }
.mB55{ margin-bottom: 55px !important; }
.mB60{ margin-bottom: 60px !important; }
.mB65{ margin-bottom: 65px !important; }
.mB70{ margin-bottom: 70px !important; }
.mB75{ margin-bottom: 75px !important; }
.mB80{ margin-bottom: 80px !important; }
.taC{ text-align:center !important; }

/* section */
.section{
	padding-top: 60px;
	border-top: 1px #dbdbdb solid;
	max-width: 960px;
	margin: 60px auto 0;
}
.section.non-space {
	border-top: none;
	margin: 0 auto 0;
}
.section-title01{
	color: #004098;
	font-size: 32px;
}
.section-title02{
	color: #004098;
	font-size: 22px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.section-title03{
	font-size: 18px;
	font-weight: bold;
	margin-top: 35px;
	margin-bottom: 5px;
}
.section-last-line{
	padding-bottom: 50px;
	border-bottom: 1px #d8d8d8 solid;
}
@media screen and (max-width: 768px) {
	.section-title01{
		font-size: 24px;
		margin-bottom: 15px;
	}
	.section-title02{
		color: #004098;
		font-size: 20px;
		margin-top: 15px;
		margin-bottom: 10px;
	}
	.section-title03{
		font-size: 18px;
		margin-top: 15px;
		margin-bottom: 5px;
	}
	.section-last-line{
		padding-bottom: 50px;
	}
}


/* table */
.table-type01{
	width: 100%;
	border-collapse: collapse;
	margin: 15px 0;
}
.table-type01.--cell-center{
	text-align: center;
}
.table-type01 th, .table-type01 td{
	border: 1px #d8d8d8 solid;
	padding: 10px 15px;
	vertical-align: middle;
	text-align:left;
}
.table-type01 th{
	background: #f2f2f2;
	font-weight: normal;
}
.table-type01 .w10{ width: 10%; }
.table-type01 .w15{ width: 15%; }
.table-type01 .w20{ width: 20%; }
.table-type01 .w25{ width: 25%; }
.table-type01 .w30{ width: 30%; }
.table-type01 .w35{ width: 35%; }
.table-type01 .w40{ width: 40%; }
.table-type01 .w45{ width: 45%; }
.table-type01 th.bg-blue{
	background-color: #e9f1fe;
	color: #004098;
	font-weight: bold;
}
.table-type01 td.bg-blue{
	background-color: #e9f1fe;
}
@media screen and (max-width: 768px) {
	.table-sp-scroll{
		width: 100%;
		overflow: scroll;
	}
	.table-sp-scroll.--scrollable{
		position: relative;
	}
	.table-sp-scroll.--scrollable:after{
		content: '';
		display: block;
		width: 100px;
		height: 100px;
		background-image: url('../img/icon_pointer.png');
		background-position: center center;
		background-size: 100% 100%;
		position: absolute;
		top: calc(50% - 50px);
		left: calc(50% - 50px);
	}
	.table-sp-scroll > table{
		width: 950px;
	}
	.table-sp-scroll.w500 > table{
		width: 500px;
	}
}


/* list */
.list-note li{
	color: #666666;
	text-indent: -1.4em;
	margin-left: 1.4em;
	font-size: 14px;
}
.list-note li > .mark{
	display: inline-block;
	width: 1.4em;
	transform: translateX(1.5em);
	color: inherit;
}
.list-note.--num li{
	text-indent: -1.5em;
	margin-left: 1.5em;
}
.list-note.--num li > .mark{
	width: 1.8em;
}
.list-ng > li{
	padding-left: 1.5em;
	position: relative;
	margin-top: 5px;
	font-size: 16px;
}
.list-ng > li:before{
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	background-image: url('../img/icon_ng.svg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 4px;
	left: 0;
}
@media screen and (max-width: 768px) {
	.list-ng > li{
		margin-top: 5px;
		font-size: 15px;
	}
	.list-ng > li:before{
		width: 15px;
		height: 15px;
		top: 3px;
		left: 0;
	}
}
/* button link */
.btn-blue-icon{
	display: inline-block;
	background-color: #004098;
	color: #fff;
	border-radius: 4px;
	margin: 5px 0;
	padding: 5px 13px 5px 30px;
	position: relative;
}
.btn-blue-icon:before{
	content: '';
	width: 16px;
	height: 16px;
	display: block;
	background-image: url('../img/icon_arrow_circle_white.svg');
	background-size: 100% 100%;
	position: absolute;
	top: calc(50% - 8px);
	left: 11px;
}
.btn-blue-icon.pdf{
	padding-right: 30px;
	position: relative;
}
.btn-blue-icon.pdf:after{
	content: '';
	width: 12px;
	height: 14px;
	background-image: url('../img/icon_pdf_white.svg');
	background-size: 100% 100%;
	position: absolute;
	right: 13px;
	top: calc(50% - 7px);
}
.btn-blue{
	display: inline-block;
	background-color: #004098;
	color: #fff;
	font-weight: bold;
	border-radius: 4px;
	margin: 5px 0;
	padding: 17px 45px 17px 28px;
	position: relative;
}
.btn-green{
	display: inline-block;
	background-color: #2b9943;
	color: #fff;
	font-weight: bold;
	border-radius: 4px;
	margin: 5px 0;
	padding: 17px 45px 17px 28px;
	position: relative;
}
.btn-green:before,
.btn-blue:before{
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	border-top: 2px #fff solid;
	border-right: 2px #fff solid;
	position: absolute;
	right: 30px;
	top: calc(50% - 5px);
	transform: rotate(45deg);
}

.link-text.link-text{
	color: #004098;
}
.link-text.pdf{
	padding-right: 18px;
	position: relative;
}
.link-text.pdf:after{
	content: '';
	width: 12px;
	height: 14px;
	background-image: url('../img/icon_pdf.svg');
	background-size: 100% 100%;
	position: absolute;
	right: 0;
	bottom: 3px;
}
.link-icon{
	display: inline-block;
	color: #004098;
	padding-left: 24px;
	position: relative;
}
.link-icon:before{
	content: '';
	width: 16px;
	height: 16px;
	display: block;
	background-image: url('../img/icon_arrow_circle_blue.svg');
	background-size: 100% 100%;
	position: absolute;
	top: 4px;
	left: 0;
}
@media screen and (max-width: 768px) {
	.btn-blue{
		padding: 14px 30px 14px 20px;
	}
	.btn-green{
		padding: 14px 30px 14px 20px;
	}
	.btn-green:before,
	.btn-blue:before{
		right: 17px;
	}
	.link-icon{
		padding-left: 20px;
	}
	.link-icon:before{
		top: 3px;
	}
}
/* accordion */
.accordion-label-text{
	color: #004098;
	padding-left: 25px;
	position: relative;
	display: inline-block;
	cursor: pointer;
}
.accordion-label-text:before{
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	background-image: url('../img/icon_accordion_is_close.svg');
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	top: calc(50% - 8px);
}
.accordion-box{
	height: 0;
	overflow: hidden;
	transition: all 0.4s ease-in;
}
.accordion-box-inner{
	padding: 1px 0;
}

/* box */
.box-gray{
	margin-top: 15px;
	background: #f2f2f2;
	padding: 20px 15px 10px;
}
.box-pink{
	margin-top: 15px;
	margin-bottom: 10px;
	background: #fff5f4;
	padding: 20px 15px;
}
.box-border{
	border: 1px #d8d8d8 solid;
	border-radius: 4px;
	padding: 25px 20px;
	margin: 12px 0;
}
@media screen and (max-width: 768px) {
	.box-pink{
		padding: 15px;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.box-border{
		padding: 15px;
	}
}


/* 固有 */
.cancellation-image{
	margin: 10px 0;
	text-align: center;
}
.meisai-image{
	margin: 30px 0;
}
.num-title{
	color: #004098;
	font-weight: bold;
}
.num-title .num{
	font-size: 22px;
}
.registration-docs{
	display: flex;
	gap: 15px;
	justify-content: center;
	margin-top: 30px;
	margin-bottom: 30px;
}
.registration-docs-inner{
	background-color: #e9f1fe;
	border-radius: 4px;
	padding: 20px;
	text-align: center;
}
.registration-movie-box{
	text-align: center;
	margin-top: 30px;
}
.registration-movie-text{
	font-size: 18px;
	font-weight: bold;
}
.registration-movie{
	width: 512px;
	margin-top: 15px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	border: 1px #dbdbdb solid;
}
.movie-frame{
	width: 100%;
	position: relative;
	padding-top: 56.25%;
}
.movie-frame iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.section-image-wrap{
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}
.section-btn-wrap{
	text-align: center;
	margin-top: 35px;
}
.section-btn-wrap.column2{
	display: flex;
	justify-content: center;
	gap: 20px;
}
@media screen and (max-width: 768px) {
	.section-btn-wrap.column2{
		display: block;
	}
}
.large-red-text{
	font-size: 18px;
	color: #DD1A1A;
	font-weight: bold;
}
.link-to-caution{
	margin-top: 10px;
}
.link-to-caution a{
	display: inline-block;
	color: #DD1A1A;
	position: relative;
	padding-left: 23px;
}
.link-to-caution a:before{
	content: '';
	width: 14px;
	height: 14px;
	display: block;
	background-image: url('../img/icon_arrow_circle_red.svg');
	background-size: 100% 100%;
	position: absolute;
	top: calc(50% - 7px);
	left: 0;
}
.caution-title{
	padding-left: 35px;
	position: relative;
	color: #DD1A1A;
	font-weight: bold;
	font-size: 22px;
}
.caution-title:before{
	content: '';
	display: block;
	width: 24px;
	height: 24px;
	background-image: url('../img/icon_caution.svg');
	background-size: 100% 100%;
	position: absolute;
	top: calc(50% - 12px);
	left: 0;
}
@media screen and (max-width: 768px) {
	.meisai-image{
		margin: 15px 0;
	}
	.num-title{
		font-size: 16px;
	}
	.num-title .num{
		font-size: 18px;
	}
	.registration-docs{
		display: block;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.registration-docs-inner{
		margin-bottom: 10px;
		padding: 10px;
	}
	.registration-movie-text{
		font-size: 18px;
		font-weight: bold;
	}
	.registration-movie{
		margin-top: 15px;
		margin-bottom: 30px;
		width: 95%;
	}
	.large-red-text{
		font-size: 16px;
	}
	.caution-title{
		padding-left: 25px;
		font-size: 18px;
	}
	.caution-title:before{
		width: 22px;
		height: 22px;
		top: 4px;
		left: 0;
	}
}
.atten-subT{
	display: flex;
	gap: 3px;
	font-size: 16px;
	color: #dd191a;
	font-weight: bold;
	margin-top:15px;
}
.atten-subT:before{
	content: '';
	display: block;
	width: 22px;
	height: 22px;
	background-image: url('../img/icon_caution.svg');
	background-size: 100% 100%;
}