@charset "utf-8";
/* CSS Document */
body {
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
	color: #4C4C4C;
	font-family: "Noto Sans JP", serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	/*font-size: 18px;*/
	font-size: min(calc(100vw*(18/1060)),18px);
	letter-spacing: 0.04em;
	line-height: 1.75;
}
p{
	margin: 0px;
	padding: 0px;
	line-break: auto;
}
div{
	line-break: auto;
}
ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	vertical-align: top;
	-webkit-backface-visibility: hidden;
	image-rendering: -webkit-optimize-contrast;
}

.DEV_PC {
}
.DEV_SP {
	display: none;
}
.di_Link a:hover{
	opacity: 0.5;
	transition:.3s;
}
.di_Link_no:hover{
	opacity: 0.5;
	transition: .3s;
	cursor: pointer;
}
#nav_202609 {
	max-width: min(96.3768115942vw,1330px);
	width: 100%;
	box-sizing: border-box;
	padding: 0 min(1.8115942029vw,25px);
	margin-right: auto;
	margin-left: auto;
	color: #36393e;
	font-size: min(0.8695652174vw, 12px);
	padding-top: min(1.4130434783vw,19.5px);
	padding-bottom: min(1.4130434783vw,19.5px);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F1F1F1;
}
#nav_202609 a{
	color: #36393e;
	text-decoration: none;
}
#nav_202609 span{
	padding-right: min(1.0144927536vw,14px);
	padding-left: min(1.0144927536vw,14px);
}






#di_00_all{
	height: min(38.542vw,740px);
	width: 100%;
	background-color: #FFF;
	display: flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	
	background-image: url('../img/00-bk01.png'), url('../img/00-bk02.png');
	background-size: 100% auto, 100% auto;
	background-position: top center, bottom center;
	background-repeat: no-repeat, no-repeat;
}
#di_00_all_01{
	font-size: min(1.354vw,26px);
	font-weight: 700;
}
#di_00_all_02 img{
	margin-top: min(2.604vw,50px);
	width: min(36.354vw,698px);
}
#di_00_all_03 img{
	margin-top: min(4.167vw,80px);
	width: min(14.688vw,282px);
}



#di_main{
	background-color: #FFF;
	margin: 0px;
	width: 100%;
	box-sizing: border-box;
	padding-top: min(4.717vw,50px);
	padding-right: min(0.943vw,10px);
	padding-bottom: min(9.434vw,100px);
	padding-left: min(0.943vw,10px);
}
#di_all{
	box-sizing: border-box;
	border: 2px solid #88B2DC;
	width: 100%;
	max-width: min(94.34vw,1000px);
	box-sizing: border-box;
	margin-right: auto;
	margin-left: auto;
	background-color: #F0F0F0;
	border-radius: min(1.887vw,20px);
	position: relative;
	padding-right: min(1.887vw,20px);
	padding-bottom: min(1.321vw,14px);
	padding-left: min(1.887vw,20px);
}
#di_qa{
	padding-top: min(1.509vw,16px);
	padding-left: min(1.509vw,16px);

}
.di_q_img{
	width: min(8.019vw,85px);
}
#di_txt01 {
	font-size: min(2.642vw,28px);
	color: #144173;
	text-align: center;
	padding-top: 0px;
	padding-right: min(1.509vw,16px);
	padding-bottom: min(4.717vw,50px);
	padding-left: min(1.509vw,16px);
	font-weight: 700;
}



#di_block {
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
}
.di_i_img {
	/*width: min(76.604vw,812px);*/
	width:auto;
	max-width:100%;
}
#di_block_end {
	display: grid;
	/*grid-template-columns: min(43.396vw,460px) min(43.396vw,460px);*/
	grid-template-columns: min(34.717vw,368px) min(52.075vw,552px);
	column-gap: min(3.774vw,40px);
	box-sizing: border-box;
}
#di_block_end_L {
	text-align: right;
}
.di_img {
	max-width: 100%;
	height: auto;
}

#di_block_end_R {
}
.di_block_end_R00{
	font-size: min(1.321vw,14px);
	padding-bottom: 4px;
}
.di_block_end_R01{
}
.di_block_end_R02{
	font-size: min(2.264vw,24px);
	font-weight: 700;
	color: #508cd2;
	padding-top: min(0.943vw,10px);
}
.di_block_end_R02 span {
	font-size: min(1.132vw,12px);
	vertical-align: super;
}

.di_block_end_R03{
	font-size: min(1.509vw,16px);
	color: #738796;
	padding-top: min(0.943vw,10px);
	padding-bottom: min(0.943vw,10px);
}
.di_block_end_R03 span {
	font-size: min(0.943vw,10px);
	vertical-align: super;
}

.di_block_end_R04{
	font-size: min(0.943vw,10px);
	color: #808080;
	text-indent: -1em;
	padding-left: 1em;
}
.di_p_img {
	width: min(28.302vw,300px);
}
.di_n_img {
	height: auto;
	max-width: 100%;
}






#di_sw {
	display: flex;
	justify-content: center;
	column-gap: min(3.774vw,40px);
	row-gap: min(1.887vw,20px);
	margin-top: min(4.717vw,50px);
}
.di_sw01_img {
	width: min(23.019vw,244px);
}
.di_sw02_img {
	width: min(30.189vw,320px);
}





#di_next,
#di_next_end {
	font-size: min(1.321vw,14px);
	display: grid;
	grid-template-columns: max-content max-content;
	column-gap: min(2.83vw,30px);
	row-gap: 2px;
	margin-left: min(1.509vw,16px);
	margin-top: min(2.83vw,30px);
	font-weight: 700;
	color: #659cc1;
	text-decoration: none;
}
#di_next_end {
	justify-content:center;
}
#di_next div,
#di_next div a,
#di_next_end div,
#di_next_end div a{
	display: flex;
	align-items:center;
}
#di_next a,
#di_next_end a {
	text-decoration: none;
	color: #659cc1;
}








#PC_END-------------------------------------------------------------------------------------------------------------------------- {}
@media screen and (max-width: 737px) {
#SP-------------------------------------------------------------------------------------------------------------------------- {}
#link01,#link02 {
	scroll-margin-top: 80px;
}
body {
	min-width: 0px;
	/*textx*/
	text-size-adjust: none;
	-webkit-text-size-adjust: 100%;
	font-size: 16px;
}
p {
	max-height: 100%;/*クロームバグ*/
}
.DEV_PC {
	display: none !important;
}
.DEV_SP {
	display: block !important;
}

#di_00_all{
	height: auto;
	width: 100%;
	background-color: #FFF;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
}
#di_00_all_01{
	font-size: 26px;
	font-weight: 700;
}
#di_00_all_02 img{
	margin-top: 20px;
	width: 280px;
}
#di_00_all_03 img{
	margin-top: 30px;
	width: 250px;
}



#di_main{
	background-color: #FFF;
	margin: 0px;
	width: 100%;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
}
#di_all{
	box-sizing: border-box;
	border: 2px solid #88B2DC;
	width: 100%;
	max-width: 1000px;
	box-sizing: border-box;
	margin-right: auto;
	margin-left: auto;
	background-color: #F0F0F0;
	border-radius: 20px;
	position: relative;
	padding-right: 14px;
	padding-bottom: 14px;
	padding-left: 14px;
}
#di_qa{
	padding-top: 14px;
	padding-left: 0px;

}
.di_q_img{
	width: 50px;
}
#di_txt01 {
	font-size: 18px;
	color: #144173;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 16px;
	padding-left: 0px;
	font-weight: 700;
}



#di_block {
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
}
#di_block img {
	width: 100%;
}
#di_block_end {
	display: grid;
	grid-template-columns: 100%;
	column-gap: 40px;
	row-gap: 20px;
	box-sizing: border-box;
}
#di_block_end_L {
	text-align: center;
}
#di_block_end_R {
}
.di_block_end_R00{
	font-size: 14px;
	text-align: center;
}
.di_block_end_R01{
	text-align: center;
}
.di_block_end_R02{
	font-size: 24px;
	font-weight: 700;
	color: #508cd2;
	padding-top: 10px;
	text-align: center;
}
.di_block_end_R02 span {
	font-size: 12px;
	vertical-align: super;
}

.di_block_end_R03{
	font-size: 16px;
	color: #738796;
	padding-top: 10px;
	padding-bottom: 10px;
}
.di_block_end_R03 span {
	font-size: 10px;
	vertical-align: super;
}

.di_block_end_R04{
	font-size: 10px;
	color: #808080;
}
.di_p_img {
	/*max-width: 280px;*/
	width: 100%;
}
.di_n_img {
}




#di_sw {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	column-gap: 40px;
	row-gap: 10px;
	margin-top: 16px;
}
.di_sw01_img {
	max-width: 210px;
	width: 100%;
}
.di_sw02_img {
	max-width: 270px;
	width: 100%;
}






#di_next,
#di_next_end {
	font-size: 14px;
	display: grid;
	grid-template-columns: auto;
	column-gap: 30px;
	row-gap: 12px;
	margin-left: 0px;
	margin-top: 30px;
	font-weight: 700;
	color: #659cc1;
	text-decoration: none;
	justify-content:center;
}
#di_next_end {
	justify-content:center;
}
#di_next div,
#di_next div a,
#di_next_end div,
#di_next_end div a{
	display: flex;
	align-items:center;
	justify-content:center;
}
#di_next a,
#di_next_end a {
	text-decoration: none;
	color: #659cc1;
}
#SP_END-------------------------------------------------------------------------------------------------------------------------- {}
}
