@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;
	letter-spacing: 0.04em;
	line-height: 1.75;
}
.in_EnFont{
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}
p{
	margin: 0px;
	padding: 0px;
/*	text-align: justify;*/
	line-break: auto;
}
div{
/*	text-align: justify;*/
	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;
}
.in_moji_bold {
	font-weight: bold;

}
.in_moji_ao {
	color: #1E59B2;
}
.in_moji_bk_yellow {
	background-color: #ffff00;
}
.in_link a:hover{
	opacity: 0.6;
	transition:.5s;
}
.in_sp_pt01 {
	padding-top: 20px;
}

#in_nav {
	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);
}
#in_nav a{
	color: #36393e;
	text-decoration: none;
}
#in_nav span{
	padding-right: min(1.0144927536vw,14px);
	padding-left: min(1.0144927536vw,14px);
}
#in_main {
	color: #4C4C4C;
	font-size: 16px;
	line-height: 2.2;
	padding-bottom: 100px;
	/*position: relative;*/
	margin-top: -12%;
	/*z-index: -2;*/
	line-break: auto;
}
.in_main_layout {
	background-image: url(../images/vol01/in_main_layout_bk.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	max-width: 1320px;
	padding-bottom: 100px;
	border-radius: 0px 0px 30px 30px;
	background-color: #EFFAFD;
}

.in_sub_title {
	color: #3A94FF;
	font-size: 23px;
	font-weight: bold;
	
	display: flex;
	align-items: flex-start; /* 縦線を1行目の上端に合わせる */
	line-height: 1.6; 
}
.in_sub_title::before {
  content: "";
  display: inline-block;
  flex-shrink: 0;           /* 線が文字に潰されるのを防ぐ */
  
  width: 4px;               /* 線の太さ */
  height: 1em;              /* 線の高さ（常に1文字分に固定） */
  background-color: #3A94FF; /* 線の色 */
  margin-right: 12px;       /* 線と文字の間の余白 */
  
  /* 線の縦位置を、1行目の文字の上下中央に少しだけ調整する */
  transform: translateY(calc((1.6em - 1em) / 2));
}
.in_Left_space {
	box-sizing: border-box;
	padding-left: min(calc(100vw * (160 / 1320)), 160px);
}



.in_box01 {
	display: flex;
	column-gap: 5.8%;
	box-sizing: border-box;
	padding-right: 20px;
	margin-top: 20px;
	max-width: 1020px;
}
.in_box01 img {
	max-width: 295px;
	filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.1));
	width: 100%;
}
#in_main_LR {
	display: grid;
	grid-template-columns: 1fr 240px;
	position: relative;
	margin-top: 120px;
	width: 100%;
}
#in_main_L {
	box-sizing: border-box;
	padding-right: min(calc(100vw * (100 / 1320)), 100px);
	padding-left: min(calc(100vw * (160 / 1320)), 160px);
}
#in_main_R {
	position: sticky;
	align-self: start;
	top: 90px;
	right: 0px;
}

.in_sub_title_01 {
	font-size: 35px;
	font-weight: bold;
}
.in_kiku {
	font-size: 23px;
	font-weight: bold;
	color: #FFF;
	background-color: #3a94ff;
	width: 100%;
	max-width: 388px;
	text-align: center;
	border-radius: 30px 30px 30px 0px;
	margin-top: 100px;
}
.in_sub_title_02_top,
.in_sub_title_02{
	font-size: 30px;
	font-weight: bold;
	color: #1E5AB4;
	padding-left: 20px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #1E5AB4;
	line-height: 1.7;
}
.in_sub_title_02_top {
	margin-top: 30px;
}
.in_sub_title_02 {
	margin-top: 100px;
}
.in_sub_title_02_sub {
	font-size: 12px;
}

.in_sub_title_03 {
	color: #4C4C4C;
	font-size: 20px;
	font-weight: bold;
	display: flex;
	align-items: flex-start;
	line-height: 1.6;
	padding-top: 40px;
}
.in_sub_title_03::before {
	content: "";
	display: inline-block;
	flex-shrink: 0;
  
	width: 4px;
	height: 1em;
	background-color: #1E5AB4;
	margin-right: 12px;
	transform: translateY(calc((1.6em - 1em) / 2));
}
.in_box02 {
	margin-top: 20px;
}
.in_box02_L {
	float: left;
	max-width: 400px;
	padding-top: 20px;
	padding-right: 36px;
}
.in_box02_R {
}
.in_box02_R p{
	line-break: strict;
}
.in_box03 {
	margin-top: 20px;
}
.in_box03_L {
	line-break: strict;
}
.in_box03_R {
	float: right;
	max-width: 400px;
	padding-top: 20px;
	margin-left: 36px;
}


.in_rangai{
	font-size: 10px;
	text-indent: -1em;
	padding-left: 1em;
	padding-top: 1em;
}

.in_box_end_title{
	font-size: 24px;
	font-weight: bold;
	color: #3A94FF;
	padding-top: 50px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	max-width: 750px;
}
.in_box_end {
	display: flex;
	justify-content: center;
	width: 100%;
	max-width: 750px;
	margin-right: auto;
	margin-left: auto;
	font-size: 24px;
}
.in_box_end img {
	max-width: 295px;
	filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.1));
	width: 100%;
}
.in_box_end_L {
	box-sizing: border-box;
	width: 50%;
	padding-right: min(6.061vw,80px);
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #3A94FF;
}


.in_box_end_R {
	box-sizing: border-box;
	width: 50%;
	padding-left: min(6.061vw,80px);
}




.in_main_R_bk {
	background-color: #FFF;
	border-radius: 10px 0px 0px 10px;
	padding-top: 18px;
	padding-right: 28px;
	padding-bottom: 18px;
	padding-left: 28px;
}
.in_main_R_title {
	font-size: 18px;
	font-weight: bold;
	color: #327FDB;
}
.in_main_R_txt01 {
	font-size: 14px;
	font-weight: bold;
	line-height: normal;
	padding-bottom: 10px;
	padding-top: 6px;
}
.in_main_R_txt02 {
	padding-bottom: 8px;
}
.in_main_R_txt02 a {
	color: #000;
	text-decoration: none;
	padding-top: 5px;
	font-size: 12px;
	line-height: 1.6;
	display: inline-block;
	letter-spacing: -0.01em;
}
#in_scr {
	position: fixed;
	left: 10px;
	bottom: 20px;
	display: none;
}
#in_sp_sw3 {
	position: fixed;
	left: 0px;
	right: 0px;
	bottom: 0px;
	display: none;
}
#in_sp_sw3 img{
	width: 100%;
}
.in_ch03_01 {
	padding-top: 140px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	max-width: 600px;
}
.in_ch03_02 {
	font-size: 30px;
	font-weight: bold;
	color: #1e5ab4;
	text-align: center;
	padding-top: 40px;
}
.in_ch03_03 {
	width: 100%;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	max-width: 800px;
}
.in_ch03_04 {
	width: 100%;
	padding-top: 80px;
	border: none;
	border-bottom: 1px solid #2a99d3;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	max-width: 120px;
}
.in_ch03_05 {/*1320*/
	width: 100%;
	box-sizing: border-box;
	margin-right: auto;
	margin-left: auto;
	padding-top: min(6.818vw,90px);
	padding-right: min(1.515vw,20px);
	padding-bottom: min(6.818vw,90px);
	padding-left: min(1.515vw,20px);
	border: 1px solid #1e5ab4;
	border-radius: 20px;
	font-size: min(1.515vw,20px);
	background-color: #FFF;
	text-align: center;
	max-width: 800px;
	margin-top: 80px;
	font-weight: 600;
}
.in_sub_title_03.in_ch03_06 {
	text-align: justify;
}












#PC_END-------------------------------------------------------------------------------------------------------------------------- {}
@media screen and (max-width: 737px) {
#SP-------------------------------------------------------------------------------------------------------------------------- {}
#link00 {
	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;
}
#in_main {
	font-size: 14px;
	line-height: 1.75;
	padding-bottom: 50px;
	margin-top: -17%;
}
.in_main_layout {
	padding-bottom: 50px;
}
.DEV_SP.in_01_sp {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	max-width: 375px;
}

#in_main_LR {
	grid-template-columns: 1fr;
	margin-top: 80px;
}
#in_main_L {
	box-sizing: border-box;
	padding-right: 20px;
	padding-left: 20px;
}
#in_main_R {
}
.in_sub_title_01 {
	font-size: 24px;
}

.in_kiku {
	font-size: 20px;
	margin-top: 50px;
}
.in_sub_title_02_top,
.in_sub_title_02{
	font-size: 20px;
}
.in_sub_title_02_top{
}
.in_sub_title_02 {
	margin-top: 50px;
}
.in_sub_title_03 {
	font-size: 15px;
	padding-top: 20px;
}
.in_box01_sp div{
	padding-right: 20px;
	padding-left: 20px;
	text-align: center;
}
.in_box01_sp div a img {
	width: 100%;
	padding-top: 16px;
	max-width: 375px;
}


.in_box02 {
	margin-top: 20px;
}
.in_box02_L {
	float: none;
	padding-top: 0px;
	padding-right: 0px;
}
.in_box02_R {
}
.in_box03 {
	margin-top: 20px;
}
.in_box03_L {

}
.in_box03_R {
	float: none;
	padding-top: 0px;
	margin-left: 0px;
}


.in_box_end_title{
	padding-top: 50px;
}
.in_box_end_sp div{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 20px;
	max-width: 375px;
}
.in_box_end_sp_line {
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3A94FF;
}




.in_ch03_01 {
	padding-top: 50px;
}
.in_ch03_02 {
	font-size: 20px;
	padding-top: 20px;
}
.in_ch03_03 {
	width: 100%;
	margin-top: 0px;
}
.in_ch03_04 {
	padding-top: 30px;
	max-width: 120px;
}
.in_ch03_05 {
	padding-top: 30px;
	padding-bottom: 30px;
	padding-right: 26px;
	padding-left: 26px;
	font-size: 16px;
	margin-top: 50px;
	text-align: left;

}

#SP_END-------------------------------------------------------------------------------------------------------------------------- {}
}