@charset "UTF-8";
/* break point :: min-width:768px */

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap");




/* module */
.m-container{
	color: #002858;
	font-family: 'Noto Sans JP' ,Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 1.7;
	overflow: hidden;
}


/* m-fix-btn */
.m-fix-btn{
	position: fixed;
	width: 100%;
	z-index: 100;

	bottom: 0;
}
.m-fix-btn-list{
	background-color: rgba(209, 213, 217, .5);
	display: flex;
	justify-content: center;
	line-height: 0;
	margin: 0;
	padding-top: 10px;
}
	.m-fix-btn-list{
		padding-bottom: 10px;
	}
	.m-fix-btn-list img{
		margin: auto;
		width: 90%;
		max-width: 337px;
	}

.m-fix-btn-list > li:nth-of-type(2){
	margin-left: 10px;
}





/* m-main-btn */
.m-main-btn{
	filter: drop-shadow(10px 10px 10px rgba( 0, 0, 0, .1));
}
@media screen and (min-width:768px){
	.m-main-btn:hover{
		opacity: .7;
		filter:none;
	}
}

.m-in-page-btn{
	margin: 20px auto 0;
	width: 90%;
}
@media screen and (min-width:768px){
	.m-in-page-btn{
		justify-content: center;
	}
}

.m-in-page-btn img{
	margin: auto;
	width: 90%;
	max-width: 303px;
}




/* m-square-btn */
.m-square-btn{
	background: #fff;
	border: 2px solid #045ab3;
	border-radius: 100px;
	box-shadow: 6px 6px 6px rgba( 0, 0, 0, .1);
	display: block;
	margin: 40px auto 0;
	padding: 4px;
	width: 100%;
	max-width: 280px;
}
@media screen and (min-width:768px){
	.m-square-btn:hover{
		box-shadow: none;
	}
}





/* m-txt-btn  */
.m-txt-btn{
	border-bottom: 2px solid #002858;
	color: #002858;
	display: block;
	margin: 20px auto;
	padding: 5px;
	text-align: center;
	width: 60%;
	max-width: 290px;
}
@media screen and (min-width:768px){
	.m-txt-btn:hover{
		border-color: #045ab3;
		max-width: 320px;
	}
}
.m-txt-btn::after{
	background-image: url(../img2/new_window_dark.svg);
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: inline-block;
	height: 1em;
	margin-left: .5em;
	width: 1em;
}





/* m-title */
.m-title{
	color: #fff;
}
@media screen and (min-width:768px){
	.m-title{
		padding: 50px 0 10px;
	}
}
.m-title-kv{
	max-width: 1050px;
	margin: auto;
}


.m-content{
	margin: 0 auto;
	padding: 40px 0;
	text-align: left;
}
@media screen and (min-width:768px){
	.m-content{
		padding: 70px 0;
	}
}




/* m-cp-banner */
.m-cp-banner{
	margin: auto;
	padding: 0 5%;
	max-width: 950px;
}
@media screen and (min-width:768px){
	.m-cp-banner{
		display: flex;
	}
	.m-cp-banner > li{
		width: 50%;
	}
}

.m-cp-banner > li:nth-of-type(n+2){
	margin-top: 40px;
}
@media screen and (min-width:768px){
	.m-cp-banner > li:nth-of-type(n+2){
		margin-top: 0;
		margin-left: 12px;
	}
}


@media screen and (min-width:768px){
	.m-cp-banner a:hover{
		opacity: .7;
	}
}



@media screen and (min-width:768px){
	.m-cp-banner2 > li{
		border: 2px solid #002858;
		margin: auto;
		overflow: hidden;
		width: 100%;
	}
	.m-cp-banner2 > li a{
		display: block;
		float: left;
		margin: 30px 20px 30px 30px;
		width: 50%;
	}
	.m-cp-banner2 .m-cp-icon{
		margin-top: 30px;
	}
	.m-cp-banner2 .banner-sub{
	padding-right: 30px;
	}
}

.banner-sub{
	margin-top: 10px;
}


.m-cp-icon{
	background: #002858;
	border-radius: 10px 0 10px 0;
	color: #fff;
	display: inline-block;
	line-height: 1;
	padding: .2em 1em .3em;
}





/* cp-slider */
.cp-slider{
	margin: 20px auto 0;
	padding: 0 8%;
	width: 100%;
	max-width: 720px;
}
.cp-slider .slick-dots{
	width: 84%;
	max-width: 720px;
}
@media screen and (min-width:768px){
	.cp-slider{
		padding: 0 40px;
		width: 100%;
		max-width: 720px;
	}
	.cp-slider .slick-dots{
		margin-left: -40px;
		width: 100%;
	}
}





/* m-headline */
.m-headline{
	margin: auto;
	max-width: 950px;
}
@media screen and (min-width:768px){
	.m-headline{
		text-align: center;
	}
}

.m-headline-ruby{
	font-weight: 600;
	margin-left: 5%;
}
@media screen and (min-width:768px){
	.m-headline-ruby{
		margin-left: 0;
	}
}

.m-headline-txt{
	margin-top: 10px;
}
.m-headline-txt img{
	margin: auto;
}

.m-headline-sub{
	margin-top: 20px;
	margin-left: 5%;
	width: 80%;
}
@media screen and (min-width:768px){
	.m-headline-sub{
		margin-left: 0;
		width: 100%;
	}
}



.m-headline2{
	margin-top: 40px;
	margin-left: 5%;
}
@media screen and (min-width:768px){
	.m-headline2{
		margin-left: auto;
	}
}


.m-headline3{
	align-items: center;
	display: flex;
	margin-top: 40px;
}
.m-headline3::before{
	background: #045ab3;
	content: "";
	display: inline-block;
	height: 1em;
	margin-right: .5em;
	width: 4px;
}

.m-content-box{
	margin: 40px auto 0;
}






/* merit */
.m-merit-wrapper{
	margin: auto;
	position: relative;
	max-width: 550px;
}
@media screen and (min-width:768px){
	.m-merit-wrapper{
		max-width: 650px;
	}
}

.m-list-head{
	align-items: center;
	display: flex;
}
.merit-icon{
	margin-right: 10px;
	width: 68px;
}



.ilst-merit4,
.ilst-merit5,
.ilst-merit6{
	position: absolute;
}

/* 1 */
.ilst-merit1{
	width: 200px;
	margin: 50px auto 20px;
}
.txt-merit1{
	margin: auto;
	width: 90%;
}


@media screen and (min-width:768px){
	.txt-merit1{
		margin-left: 5%;
	}
	.txt-merit1{
		width: 400px;
	}

	.merit1{
		display: flex;
		margin-top: 60px;
	}
}

/* 2 */
.ilst-merit2{
	width: 200px;
	margin: 50px auto 20px;
}
@media screen and (max-width:375px){
	.ilst-merit2{
		right: -90px;
	}
}

.txt-merit2{
	margin: auto;
	width: 90%;
}
@media screen and (min-width:768px){
	.txt-merit2{
		margin-top: 106px;
		margin-left: 18%;
		width: 410px;
	}

	.ilst-merit2{
		order: 2;
	}

	.merit2{
		display: flex;
	}
}

/* 3 */
.ilst-merit3{
	margin: 50px auto 20px;
	width: 250px;
}
.txt-merit3{
	margin: auto;
	width: 90%;
}

@media screen and (min-width:768px){
	.merit3{
		max-width: 950px;
	}
	.merit3 .m-list-head{
		justify-content: center;
	}
	.merit3-inner-wrapper{
		display: flex;
		justify-content: space-between;
	}
	.merit3-inner-wrapper .m-bordered-box{
		width: 48%;
	}
}



.merit3 .ilst_cart{
	margin: -30px auto 0;
	width: 100%;
	max-width: 280px;
}
.merit3 .m-bordered-box{
	margin-top: 50px;
}

/* 4 */
.ilst-merit4{
	width: 150px;
	top: -70px;
	right: -19%;

}
.txt-merit4{
	margin-top: 100px;
	margin-left: 5%;
	width: 260px;
}
@media screen and (max-width:375px){
	.ilst-merit4{
		right: -10%;
	}
	.txt-merit4{
		width: 190px;
	}
}
@media screen and (min-width:768px){
	.ilst-merit4{
		right: 0;
	
	}
	.txt-merit4{
		width: 430px;
	}
}


/* 5 */
.ilst-merit5{
	width: 130px;
	top: -40px;
}
@media screen and (min-width:768px){
	.ilst-merit5{
		top: -70px;
	}
}

.txt-merit5{
	margin: 80px 0 10px 120px;
	width: 90%;
}
@media screen and (min-width:768px){
	.txt-merit5{
		margin-top: 120px;
	}
}

.txt-merit5 div:not(.merit-icon){
	max-width: 200px;
}
@media screen and (min-width:768px){
	.txt-merit5 div:not(.merit-icon){
		max-width: 400px;
	}
}


/* 6 */
.ilst-merit6{
	width: 146px;
	right: -4px;
}
.txt-merit6{
	margin-top: 60px;
	margin-left: 5%;
	padding-top: 40px;
	width: 270px;
}@media screen and (max-width:375px){
	.ilst-merit6{
		right: -44px;
	}
}
@media screen and (min-width:768px){
	.txt-merit6{
		width: 450px;
		margin-left: 11%;
	}
}





/* point */
.m-bordered-box{
	border: 2px solid #002858;
	margin: 80px auto 0;
	padding: 40px 5%;
	width: 90%;
}
@media screen and (min-width:768px){
	.m-bordered-box{
		margin-top: 80px;
		padding: 40px 4% 50px;
		text-align: center;
		max-width: 950px;
	}
}


.m-bordered-box-head{
	display: inline-block;
	padding: 0 1em;
	transform: translateY( -3.2em );
}
@media screen and (min-width:768px){
	.m-bordered-box-head{
		padding: 0 .5em;
	}
}


.m-bordered-box-sub{
	margin-top: -40px;
}

.partner-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.partner-list > li{
	width: 48%;
}
@media screen and (min-width:768px){
	.partner-list > li{
		width: 22%;
		margin-left: 3%;
	}
}
.partner-list > li:nth-of-type(2n){
	margin-left: 4%;
}
@media screen and (min-width:768px){
	.partner-list > li:nth-of-type(4n - 3){
		margin-left: 0;
	}
}

.partner-list-icon{
	align-items: center;
	background-color: #045ab3;
	border-radius: 100px;
	color: #fff;
	display: flex;
	justify-content: center;
	margin: auto;
	text-align: center;
	transform: translateY(1em);
	width: 90%;
}

.partner-list-img{
	background: #fff;
	border-radius: 5px;
	padding: 5px;
}
@media screen and (max-width:767px) {
	.partner-list-img img{
		margin: auto;
		max-height: 85px;
	}
}



.ilst-pointup{
	margin-top: 20px;
	margin-left: -20px;
	width: 110%;
	max-width: 500px;
}

@media screen and (min-width:768px) {
	.ilst-pointup{
		margin: -30px 0 -50px -10px;
		width: 100%;
		max-width: 816px;
	}

	.jsm-note{
		margin: 0 auto ;
		width: 70%;
		max-width: 500px;
	}

	.htu-box{
		display: flex;
		flex-direction: row-reverse;
	}
}

.ilst_cart{
	margin-top: 40px;
}
@media screen and (min-width:768px) {
	.ilst_cart{
		margin-top: -30px;
		margin-left: 5%;
		width: 50%;
		max-width: 360px;
	}
	.ilst_cart-sub{
		margin: 100px auto 0 5%;
		text-align: left;
		width: 50%;
	}
}








/* htu-head */
.htu-list{
	margin: 40px auto 0;
}
@media screen and (min-width:768px) {
	.htu-list{
		margin-top: 20px;
		display: flex;
		justify-content: center;
		text-align: left;
	}
}

.htu-list > li:nth-of-type(n+2){
	margin-top: 40px;
}
@media screen and (min-width:768px) {
	.htu-list > li,
	.htu-list > li:nth-of-type(n+2){
		margin: 40px 1% 0;
		width: 32%;
	}
}
.htu-head{
	align-items: center;
	display: flex;
}
@media screen and (min-width:768px) {
	.htu-head {
		height: 2.5em;
		line-height: 1.5;
	}
}



.htu-icon{
	margin-right: 10px;
	width: 46px;
}
@media screen and (min-width:768px) {
	.htu-icon{
		margin-right: 4px;
		width:30px;
	}
}

.htu-content{
	align-items: center;
	display: flex;
	margin-top: 10px;
}
@media screen and (min-width:768px) {
	.htu-content{
		display: block;
	}
}

.htu-content-img{
	background-color: #fff;
	border-radius: 5px;
	padding: 5px;
	width: 45%;
}
@media screen and (min-width:768px) {
	.htu-content-img{
		margin-bottom: .5em;
		width: 100%;
	}
	.htu-content-img > img{
		margin: auto;
		width: 60%;
	}
}
.htu-content-txt{
	font-weight: 600;
	margin-left: 5%;
	width: 50%;
}
@media screen and (min-width:768px) {
	.htu-content-txt{
		margin-left: 0;
		width: 100%;
	}
}




.okidoki{
	padding: 40px 30px;
}
.okidoki > img{
	display: block;
	margin: auto;
	width: 80%;
	max-width: 280px;
}



/* mil */

.mil-area{
	margin: -40px auto 0;
	max-width: 850px;
}
@media screen and (min-width:768px){
	.mil-area{
		align-items: center;
		display: flex;
		margin: 40px auto;
	}
}

.mil-headline{
	margin-bottom: 20px;
 order: 2;	
}

.mil-box{
	border: 2px solid #ddd;
	margin: 0 auto;
	width: 90%;
}
@media screen and (min-width:768px){
	.mil-box{
		max-width: 368px;
	}
}



/* accordionbox */
.m-accordionbox{
	background: #fff;
	margin: auto;
	padding-top: 8px;
	position: relative;
	max-width: 550px;
}
@media screen and (min-width:768px){
	.m-accordionbox{
		margin-top: 50px;
		max-width: 650px;
	}
}

.m-accordionbox-btn{
	align-items: center;
	border-radius: 22px;
	display: flex;
	line-height: 1.5;
	margin: 6px auto;
	padding: 8px 2em 8px 1.5em;
	text-align: left;
	transition: .3s;
	width: 80%;
}
.is-opened.m-accordionbox-btn{
	height: 43px;
	opacity: 0;
	pointer-events: none;
}


.m-accordionbox-content{
	margin-top: -40px;
	margin-bottom: 16px;
	padding: 30px;
	overflow: hidden;
}
@media screen and (max-width:767px){
	.m-accordionbox-content.hack{
		margin-top: calc(-40px - 1.5em);
	}
}

.m-accordionbox-content-inner{
	align-items: center;
	display: flex;
}

.m-accordionbox .m-square-btn{
	border: none;
}

.check-icon{
	display: inline-block;
	margin-right: .3em;
	vertical-align: middle;
	width: 1em;
}





/* insurance */
.insurance-list{
	margin: auto;
	width: 90%;
}
.insurance-list > li{
	margin-top: 40px;
	position: relative;
}

.m-insurance-wrapper{
	margin: auto;
	position: relative;
	max-width: 450px;
}
@media screen and (min-width:768px){
	.m-insurance-wrapper{
		display: flex;
		max-width: 650px;
	}
}

.insurance-list-icon{
	margin-bottom: .2em;
	width: 42px;
}

.m-txtbox{
	margin-top: .5em;
}

.ilst-insurance1{
	position: absolute;
}


/* 1 */
.ilst-insurance1{
	width: 250px;
	top: -10px;
	right: -40%;
}
@media screen and (min-width:768px){
	.ilst-insurance1{
		right: -50px;
	}
}

.ilst-insurance1 + div{
	width: 60%;
}
@media screen and (max-width:375px){
	.ilst-insurance1 + div{
		padding-top: 70px;
	}
}

/* 2 */
.ilst-insurance2{
	margin: 0 auto 20px;
	width: 250px;
}
@media screen and (min-width:768px){
	.ilst-insurance2{
		margin: 10px auto;
	}
	.ilst-insurance2 + div{
		margin-left: 30px;
    padding-top: 50px;
    width: 230px;
	}
}

/* 3 */
.ilst-insurance3{
	margin: 10px auto 40px;
	order: 2;
	width: 290px;
}
@media screen and (min-width:768px){
	.ilst-insurance3{
		margin-left: 30px;
		margin-bottom: 10px;
	}
	.ilst-insurance3 + div{
		padding-top: 50px;
	}
}

/* 4 */
.ilst-insurance4{
	margin: 10px auto 40px;
	width: 240px;
}
@media screen and (min-width:768px){
	.ilst-insurance4{
		margin: 30px auto 20px;
	}
	.ilst-insurance4 + div{
		margin-left: 50px;
		padding-top: 24px;
	}
}




/* security */
.security-illust{
	width: 35%;
}
@media screen and (min-width:768px){
	.security-illust{
		width: 160px;
	}
}

.security-txtbox{
	margin-left: 5%;
	width: 60%;
}

@media screen and (min-width:768px){
	.security-txtbox .m-headline{
		text-align: left;
	}
}


.card-point-img img{
	margin: auto;
}
@media screen and (min-width:768px){
	.card-point-img{
		padding-bottom: 80px;
	}
}
.cp-script{
	margin-bottom: -30px;
	width: 90%;
	max-width: 500px;
}
@media screen and (min-width:768px){
	.cp-script{
		margin-bottom: -50px;
	}
}


/* flow */

.flow-txt{
	margin-top: 20px;
}

.flow-illust{
	margin: 30px auto 0;
	max-width: 400px;
}

.balloon {
	background: #045ab3;
	border-radius: 100px;
	color: #fff;
	display: inline-block;
	margin-bottom: 8px;
	padding: 2px 16px;
	position: relative;
}
.balloon::after{
	border-top: 6px solid #045ab3;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
	content: "";
	display: block;
	height: 0;
	margin: auto;
	position: absolute;
	width: 0;
	
	right: 0;
	left: 0;
	bottom: -4px;
}








/* slide */

.flow-slider{
	margin: 20px auto 30px;
	padding: 0 5%;
	width: 100%;
}
@media screen and (min-width:768px){
	.flow-slider{
		width: 60%;
	}
}

.flow-slider .slider-box{
	border: 2px solid #002858;
	height: 170px;
	margin: 10px 0 10px;
	padding: 20px;
	position: relative;
	text-align: center;
}
#normal-flow-content .slider-box{
	height: 220px;
}
@media screen and (min-width:768px){
	#normal-flow-content .slider-box{
		height: 190px;
	}
}

.flow-slider .slider-txt{
	margin-top: 10px;
	margin-bottom: 0;
}

.slick-initialized .slick-slide{
	align-items: center;
	display: flex;
	justify-content: center;
}
.slide-step{
	align-items: center;
	background-color: #002858;
	border-radius: 0 0 10px 0;
	color: #fff;
	display: flex;
	justify-content: center;
	height: 35px;
	position: absolute;
	width: 35px;

	top: 0;
	left: 0;
}


.flow-slider .slick-dots{
	width: 90%;
}


.slide-arrow{
	position:absolute;
	top:50%;
	transform: translateY(-50%);
	z-index:10;
	cursor:pointer;
}
.slide-arrow::before{
	display:block;
	color:#0082c5;
}
.next-arrow{
	right:0;
	transition: .3s;
}
.prev-arrow{
	left:0;
	transition: .3s;
}




.next-arrow::before,
.prev-arrow::before{
	background-image: url(../img2/slider_arrow.png);
	background-size: contain;
	background-repeat: no-repeat;
	content:"";
	display: block;
	height:52px ;
	width: 33px;
}
.prev-arrow::before{
 transform: rotate(180deg);
}

.slick-disabled{
	cursor: default;
	opacity: .25;
}

.cp-slider .next-arrow::before,
.cp-slider .prev-arrow::before{
	background-image: url(../img2/slider_arrow2.png);
}




/* benefit */
@media screen and (min-width:768px){
	.benefitwrap{
		display: flex;
		margin: auto;
		width: 90%;
		max-width: 950px;
	}
}


.benefit{
	margin: auto;
	width: 90%;
}
@media screen and (min-width:768px){
	.benefit{
		margin: 0;
		width: 44%;
	}	
}


.benefit-imgbox{
	margin-top: 1em;
	width: 32%;
}

.benefit-txtbox{
	margin-top: 1em;
	margin-left: 5%;
	width: 63%;
}

.benefit-separater{
	background: #002858;
	border-radius: 4px;
	display: block;
	margin: 40px auto;
	height: 4px;
	width: 90%;
}
@media screen and (min-width:768px){
	.benefit-separater{
		height: auto;
		width: 4px;
	}
}



.ilst-card{
	margin: auto;
	width: 80%;
	max-width: 320px;
}




/* table-list */
.m-table-list{
	border-bottom: 4px solid #eff2f5;
}
.m-table-list dt{
	font-weight: bold;
	padding: .3em 0;
}
.m-table-list dd{
	padding: 1em 5%;
}
@media screen and (min-width:768px){
	.m-table-list{
		border-top: 2px solid #eff2f5;
		display: flex;
		flex-wrap: wrap;
		border-bottom: 2px solid #eff2f5;
	}
	.m-table-list dt{
		align-items: center;
		border-top: 2px solid #fff;
		display: flex;
		justify-content: center;
		width: 38%;
	}
	.m-table-list dd{
		border-top: 2px solid #eff2f5;
		width: 62%;
	}

	.m-table-list dt:first-of-type,
	.m-table-list dd:first-of-type{
		border-top: none;
	}

}





/* m-question-list */

.m-question-list{
	border-bottom: 2px solid #002858;
	margin: auto;
	position: relative;
	width: 90%;
}

.m-question-list > dt{
	border-top: 2px solid #002858;
	cursor: pointer;
	padding: 1em 0;
}
.m-question-list .js-acc-opener::before,
.m-question-list .js-acc-opener::after{
	right: 0;
}

.m-question-list > dd{
	padding-bottom: 1em;
}


.question-icon{
	width: 1.7em;
}
.question-icon img{
	margin-top: 5px;
}

.question-txt{
	margin-left: .5em;
	width: calc(100% - 3.7em);
}





/* campaign-pr */
.campaign-pr-icon{
	align-items: center;
	background-color: #e1a21a;
	border: 4px solid #fff;
	border-radius: 100%;
	color: #fff;
	display: flex;
	font-size: 18px;
	height: 92px;
	justify-content: center;
	line-height: 1.5;
	margin: -84px auto 0;
	position: relative;
	width: 92px;
}

.campaign-pr-head{
	font-size: 32px;
}




.m-inner-box{
	margin: 40px auto 0;
	padding: 0 5% 40px;
	width: 90%;
	max-width: 950px;
}


.m-notebox{
	margin: auto;
	padding: 40px 5% 0;
}
.m-content > .m-notebox{
	padding-top: 0;
}





/* footer */
.m-footer{
	margin-top: 40px;
}

.m-footer-inquiryhead{
	background: #002858;
	color: #fff;
	margin: 0 auto;
	padding: .1em 0 .2em;
	width: 90%;
	max-width: 950px;
}

.m-footer-inquiry{
	border: 2px solid #002858;
	margin: 0 auto;
	padding: 10px;
	width: 90%;
	max-width: 950px;
}
@media screen and (min-width:768px){
	.m-footer-inquiry{
		padding: 10px 0 20px;

	}

	.m-inquiry{
		display: flex;
		margin: 15px auto 15px;
		width: 80%;
	}
}


.m-inquiry > dt{
	padding: .2em 0;
}
@media screen and (min-width:768px){
	.m-inquiry > dt{
		align-items: center;
		display: flex;
		justify-content: center;
		position: relative;
		width: 50%;
	}
	.m-inquiry > dt::after{
		border-top:  16px solid transparent;
		border-left: 10px solid #eff2f5;
		border-bottom:  16px solid transparent;
		content: "";
		display: block;
		position: absolute;
		transform: translateX(100%);
		right: 0;
	}
}

.m-inquiry > dd{
	margin-top: 10px;
	margin-bottom: 20px;
}
@media screen and (min-width:768px){
	.m-inquiry > dd{
		margin: 0;
		width: 50%;
	}
}

.organizer{
	margin: 1em 0;
}


.footer-link-list{
	margin: 0;
	padding: 1em 5%;
}
@media screen and (min-width:768px){
	.footer-link-list{
		text-align: center;
	}
}

.footer-link-list a{
	color: #002858;
}
@media screen and (min-width:768px){
	.footer-link-list > li{
		display: inline-block;
		margin: 0 .7em;
	}
}

.copyright{
	background: #002858;
	color: #fff;
	padding: 3vw 0 25vw;
	text-align: center;
}

@media screen and (min-width:768px){
	.copyright{
		padding: 20px 0 120px;
	}

}


/* accordion */
.js-acc-opener,
.js-acc-closer{
	position: relative;
}

.js-acc-opener::before,
.js-acc-opener::after,
.js-acc-closer::after{
	background: #045ab3;
	content: "";
	display: block;
	height: 2px;
	position: absolute;
	transform: translateY(-50%);
	transition: .3s;
	width: 15px;

	top: 50%;
	right: 1em;
}

.js-acc-opener::after{
	transform: rotate(90deg);
}

.js-acc-opener.is-opened::after{
	transform: rotate(0);
	opacity: 0;
}


.m-accordionbox-btn::before{
	display: none;
}
.m-accordionbox-btn::after{
	background: transparent;
	border-right: 2px solid #002858;
	border-bottom: 2px solid #002858;
	content: "";
	display: block;
	height: .6em;
	transform: translateY(-.45em) rotate(45deg);
	width: .6em;
}
.m-accordionbox-btn.is-opened::after{
	transform: rotate(45deg);

}



/* moda */
.modal {
	position: relative;
	z-index: 100;
}

.modal-overlay {
  align-items: center;
  background: rgba(255,255,255,0.8);
  display: flex;
  justify-content: center;
	position: fixed;

	top: 0;
  left: 0;
  right: 0;
  bottom: 0;

	height: 100%;
}

.modal-container {
  background: #fff;
	border:2px solid #002858;
	box-shadow: 6px 6px 6px rgba( 0, 0, 0, .1);
  max-height: 100vh;
  overflow-y: auto;
	padding: 40px 5% 20px;
	position: relative;
	width: 90%;
	z-index: 1000;
}
@media screen and (min-width:768px){
	.modal-container {
		padding: 40px;
		width: 800px;
	}

	.modal-content{
		display: flex;
	}
}


.modal-title {
	text-align: center;
}

.modal-title-txt {
  box-sizing: border-box;
  font-weight: 600;
  line-height: 1.25;
  margin: 0 auto .5em;
}
@media screen and (max-width:375px){
	.modal-title-txt{
		font-size: 14px!important;
	}
}

.modal-close {
  background: transparent;
  border: 0;
	position: absolute;
	top: 10px;
	right: 10px;
}

.modal-title .modal-close:before {
	font-size: 30px;
	color: #002858; 
	content: "\2715";
	line-height: 1;
}

.modal-content-inner{
	margin-top: 20px;
}
@media screen and (min-width:768px){
	.modal-content-inner{
		margin-right: 1.5%;
		margin-left: 1.5%;
		width: 47%;
	}
}

.cta-sub{
	margin-bottom: .5em;
}

.modal-card-img{
	margin: 30px auto 6px;
	width: 60%;
}
@media screen and (min-width:768px){
	.modal-card-img{
		margin-top: 20px;
	}
}


.m-cta-btn{
	align-items: center;
	background: #045ab3;
	border: 2px solid #045ab3;
	border-radius: 100px;
	box-shadow: 6px 6px 6px rgba( 0, 0, 0, .1);
	color: #fff;
	display: flex;
	font-size: 17px;
	font-weight: 600;
	margin: auto;
	justify-content: center;
	padding: 10px 0;
	position: relative;
	width: 100%;
}
@media screen and (max-width:375px){
	.m-cta-btn{
		font-size: 14px;
	}
}
@media screen and (min-width:768px){
	.m-cta-btn{
		width: 97%;
	}
	.m-cta-btn:hover{
		box-shadow: none;
		opacity: .8;
	}
}
.m-cta-btn::after{
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	content: "";
	display: block;
	height: .6em;
	position: absolute;
	transform: rotate(45deg);
	width: .6em;

	right: .7em;
}
_:-ms-fullscreen, :root .m-cta-btn::after{
	display: none;
}

.is-cta-ghost{
	background: #fff;
	border: 2px solid #045ab3;
	color: #045ab3;
}
.is-cta-ghost::after{
	border-color: #045ab3;
}



.m-cta-btn.is-disable{
	background: #fff;
	box-shadow: none;
	border: 2px solid #ccc;
	color: #ccc;
	pointer-events: none;
}
.m-cta-btn.is-disable::after{
	display: none;
}

.modal-note{
	border-radius: 6px;
	line-height: 1.5;
	margin: 30px auto 0;
	padding: 1em;
}
@media screen and (min-width:768px){
	.modal-note{
		margin: 2.5em auto 0;
		padding: 1em 95px;
		width: 96%;
	}
}


.r-mark{
	bottom:-.4em;
	position: relative;
}



/* animation */
@keyframes mmfadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

@keyframes mmfadeOut {
    from { opacity: 1; }
      to { opacity: 0; }
}

@keyframes mmslideIn {
  from { transform: translateY(10%); }
    to { transform: translateY(0); }
}

@keyframes mmslideOut {
    from { transform: translateY(0); }
      to { transform: translateY(-10%); }
}

.micromodal-slide {
  display: none;
}

.micromodal-slide.is-open {
  display: block;
}

.micromodal-slide[aria-hidden="false"] .modal-overlay {
  animation: mmfadeIn .3s;
}

.micromodal-slide[aria-hidden="false"] .modal-container {
  animation: mmslideIn .3s;
}

.micromodal-slide[aria-hidden="true"] .modal-overlay {
  animation: mmfadeOut .3s;
}

.micromodal-slide[aria-hidden="true"] .modal-container {
  animation: mmslideOut .3s;
}







/* layout */





/* state */

.is-pc{display:none}
@media screen and (min-width:768px){
	.is-pc{display:block}
}
.is-sp{display:block}
@media screen and (min-width:768px){
	.is-sp{display:none}
	
	.is-mw950-pc{
		max-width: 950px;
	}
}

.is-hide{
	display: none;
}

.is-flex{
	display: flex;
}


.is-ta-r{
	text-align: right;
}
.is-ta-c{
	text-align: center;
}
@media screen and (min-width:768px){
	.is-ta-c-pc{
		text-align: center;
	}
}
.is-ta-j{
	text-align: left;
}
.is-ta-l{
	text-align: left;
}


.is-color-blue{
	color:#045ab3;
}
.is-color-gray{
	color:#6e7a8b;
}

.is-bg-dark{
	background-color:#eff2f5;
}
.is-bg-white{
	background-color:#fff;
}
.is-bg-gradient{
	background-image:linear-gradient(40deg, #012e58 0% ,#216c8b 48%,#95cae0 80%, #0070b0 100%);
}

.is-marker{
	background-image: linear-gradient(transparent 60%, #ccdae8 0%);
}
.is-marker-light{
	background-image: linear-gradient(transparent 60%, #e3ecf5 0%);
}
.is-marker-yellow{
	background-image: linear-gradient(transparent 60%, #f1f0ad 0%);
}



.is-txt-link{
	color: #045ab3;
	text-decoration: underline;
}
.is-txt-link::after{
	background-image: url(../img2/new_window.svg);
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: inline-block;
	height: 1em;
	margin-left: .5em;
	width: 1em;
}
@media screen and (min-width:768px){
	.is-txt-link:hover{
		opacity:.7;
	}
}


/* font-size */
.is-fz-extiny{
	font-size: 12px;
}
.is-fz-tiny{
	font-size: 14px;
}
.is-fz-small{
	font-size: 16px;
}
.is-fz-medium{
	font-size: 18px;
}
.is-fz-large{
	font-size: 20px;
}

.is-fz-smaller{
	font-size: 60%;
}
.is-fz-larger{
	font-size: 140%;
}



.is-mt-short{
	margin-top: 20px;
}
.is-mt-medium{
	margin-top: 40px;
}
.is-mt-tall{
	margin-top: 80px;
}
.is-m-a{
	margin: auto;
}

@media screen and (max-width:767px) {
	.is-w100-sp{
		width: 100%!important;
	}
}