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

	#company number
	- mv
	- content

-----------------------------------------*/

/*----------------------------------------
	mv
-----------------------------------------*/
#mv {
	background: #62b1d9 url("../img/c_mv_bg01.jpg") no-repeat right top;
	background-size: 1320px auto;
}
@media screen and (max-width: 767px) {
	#mv {
		background-size: auto 100%;
	}
}

/*----------------------------------------
	content
-----------------------------------------*/
/* common */
.sp {display: none;}
#content {
	background: #e5f2ff url("../img/n_bg01.png") no-repeat left top;
    background-size: 40% auto;
}
#content>div+div {
	padding-top: 20px;
}
#content>div h2,
#content>div .btn01 a {
	color: #000;
}

#content>div .boxWrap .inBox {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
#content>div .pic h2 {
	padding: 14px 0 0;
	text-align: center;
	border-top: 2px dotted #114fa6;
}
#content>div .text {
	margin-bottom: -6px;
}
#content>div .text p {
	padding-top: 28px;
}
#content>div .text p.sub_text {
	padding-top: 8px;
}
#content>div .btns {
	margin: 40px 0 0;
}
#content>div .btn01 {
	display: inline-block;
}
#content>div .btn01+.btn01 {
	margin: 0 0 0 10px;
}
#content>div .btn01 a {
	display: block;
	padding: 10px 30px;
	text-align: center;
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 40px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
    -webkit-box-shadow: 0px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
#content>div .btn01 a::after {
	content: "";
	display: inline-block;
	height: 8px;
	width: 8px;
	margin: 0 0 0 5px;
	border-bottom: 2px solid #00a0e9;
	border-right: 2px solid #00a0e9;
    vertical-align: middle;
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
#content>div .btn01 a:hover {
	color: #fff;
    border-color: #00a0e9;
    background-color: #00a0e9;
}
#content>div .btn01 a:hover::after {
	border-color: #fff;
}
#content>div .btn01 a>span {
	display: inline-block;
	vertical-align: middle;
}
@media screen and (max-width: 767px) {
	.pc {display: none;}
	.sp {display: block;}
	#content {
		background: #e5f2ff url("../img/n_bg01_sp.png") no-repeat left top;
		background-size: 90% auto;
	}
	#content>div+div {
		padding-top: 15px;
	}
	#content>div .pic figure+figure {
		margin-top: 50px;
	}
	#content>div .pic img {
		padding-bottom: 15px;
	}
	#content>div .pic h2 {
		margin: 0 2px;
		padding: 10px 0 0;
	}
	#content>div .text p {
		padding-top: 19px;
	}
	#content>div .boxWrap .inBox+.inBox {
		margin-top: 15px;
	}
	#content>div .btns {
		margin: 30px 0 0;
		text-align: center;
	}
	#content>div .btn01+.btn01 {
		margin: 15px 0 0 0;
	}
}


/* 01 04 05 */
#content>div:nth-child(1) .boxWrap,
#content>div:nth-child(4) .boxWrap,
#content>div:nth-child(5) .boxWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
#content>div:nth-child(1) .boxWrap .inBox,
#content>div:nth-child(4) .boxWrap .inBox,
#content>div:nth-child(5) .boxWrap .inBox {
	width: calc(50% - 10px);
	max-width: calc(50% - 10px);
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 calc(50% - 10px);
	        flex: 1 1 calc(50% - 10px);
	padding: 40px;
	background-color: #fff;
	border-radius: 10px;
}
/* 02 03 06 07 */
#content>div:nth-child(2) .boxWrap,
#content>div:nth-child(3) .boxWrap,
#content>div:nth-child(6) .boxWrap,
#content>div:nth-child(7) .boxWrap {
	padding: 40px;
	background-color: #fff;
	border-radius: 10px;
}
#content>div:nth-child(2) .boxWrap .inBox .pic,
#content>div:nth-child(3) .boxWrap .inBox .pic,
#content>div:nth-child(7) .boxWrap .inBox .pic {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
#content>div:nth-child(2) .boxWrap .inBox .pic figure,
#content>div:nth-child(3) .boxWrap .inBox .pic figure,
#content>div:nth-child(7) .boxWrap .inBox .pic figure {
	width: calc(50% - 50px);
	max-width: calc(50% - 50px);
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 calc(50% - 50px);
	        flex: 1 1 calc(50% - 50px);
}
/* 02 */
#content>div:nth-child(2) .btn01 a {
	min-width: 208px;
}
/* 03 */
#content>div:nth-child(3) .btn01 a {
	min-width: 260px;
}

/* 04 */
#content>div:nth-child(4) .btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	max-width: 431px;
	margin: 30px -2.5px 0;
}
#content>div:nth-child(4) .btn01 {
	margin: 10px auto 0;
}
#content>div:nth-child(4) .btn01 a {
	min-width: 208px;
}
#content>div:nth-child(4) .btn01:nth-child(2) a {
	padding: 5.9px 40px;
	line-height: 1.2;
	text-align: center;
}

/* 06 */
#content>div:nth-child(6) .boxWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
#content>div:nth-child(6) .pic img {
	border-bottom: none;
}
#content>div:nth-child(6) .pic h2 {
	text-align: left;
}
#content>div:nth-child(6) .boxWrap .inBox:nth-child(1) {
	width: 33.7%;
	max-width: 339px;
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 33.7%;
	        flex: 1 1 33.7%;
	margin-right: 40px;
}
#content>div:nth-child(6) .boxWrap .inBox:nth-child(1) .pic {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
}
#content>div:nth-child(6) .boxWrap .inBox:nth-child(2) {
	width: 66.3%;
	max-width: 663px;
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 66.3%;
	        flex: 1 1 66.3%;
}
#content>div:nth-child(6) .boxWrap .inBox:nth-child(2) .pic img {
	max-width: 243px;
}

/* 07 */
#content>div:nth-child(7) .pic figure:nth-child(2) img {
	width: calc(100% + 3px);
	margin: 0 -3px 0 0;
}
#content>div:nth-child(7) .btn01 a {
	padding: 10px 45px;
}

/* 08 */
#content>div:nth-child(8) {
	padding: 14px 50px 34px;
}
#content>div:nth-child(8) .annotation {
	text-align: right;
}

@media screen and (max-width: 767px) {
	/* 01 04 05 */
	#content>div:nth-child(1) .boxWrap,
	#content>div:nth-child(4) .boxWrap,
	#content>div:nth-child(5) .boxWrap {
		display: block;
	}
	#content>div:nth-child(1) .boxWrap .inBox,
	#content>div:nth-child(4) .boxWrap .inBox,
	#content>div:nth-child(5) .boxWrap .inBox {
		width: 100%;
		max-width: 100%;
		padding: 30px 15px;
	}
	/* 02 03 06 07 */
	#content>div:nth-child(2) .boxWrap,
	#content>div:nth-child(3) .boxWrap,
	#content>div:nth-child(6) .boxWrap,
	#content>div:nth-child(7) .boxWrap {
		padding: 30px 15px;
	}
	#content>div:nth-child(2) .boxWrap .inBox .pic,
	#content>div:nth-child(3) .boxWrap .inBox .pic,
	#content>div:nth-child(7) .boxWrap .inBox .pic {
		display: block;
	}
	#content>div:nth-child(2) .boxWrap .inBox .pic figure,
	#content>div:nth-child(3) .boxWrap .inBox .pic figure,
	#content>div:nth-child(7) .boxWrap .inBox .pic figure {
		width: 100%;
		max-width: 100%;
	}
	#content>div:nth-child(n) .btn01 {
		width: 100%;
	}
	#content>div:nth-child(2) .btn01 a,
	#content>div:nth-child(4) .btn01 a {
		width: 100%;
		max-width: 208px;
		min-width: unset;
		margin: 0 auto;
	}
	#content>div:nth-child(3) .btn01 a {
		width: 100%;
		max-width: 260px;
		min-width: unset;
		margin: 0 auto;
	}
	#content>div:nth-child(6) .btn01 a {
		width: 100%;
		max-width: 270px;
		min-width: unset;
		margin: 0 auto;
		padding: 6px 45px;
		line-height: 1.2;
	}
	#content>div:nth-child(7) .btn01 a {
		width: 100%;
		max-width: 260px;
		min-width: unset;
		margin: 0 auto;
		padding: 6px 45px;
		line-height: 1.2;
	}
	/* 04 */
	#content>div:nth-child(4) .btns {
		display: block;
		max-width: inherit;
		margin: 30px 0 0;
	}
	#content>div:nth-child(4) .btn01 {
		margin: 0;
	}
	#content>div:nth-child(4) .btn01+.btn01 {
		margin: 15px 0 0;
	}
	/* 06 */
	#content>div:nth-child(6) .boxWrap {
		display: block;
	}
	#content>div:nth-child(6) .pic h2 {
		text-align: center;
	}
	#content>div:nth-child(6) .boxWrap .inBox:nth-child(1) {
		width: 85%;
		max-width: 100%;
		margin: 0 auto;
	}
	#content>div:nth-child(6) .boxWrap .inBox:nth-child(2) {
		width: 100%;
		max-width: 100%;
	}
	#content>div:nth-child(6) .boxWrap .inBox:nth-child(2) .pic img {
		max-width: 100%;
	}
	/* 08 */
	#content>div:nth-child(8) {
		padding: 5px 20px 20px;
	}
}