@charset "UTF-8";

#page_header{background-image:url("../img/header_back_pc.webp");}

.w90per{width: 90%;margin: 0 auto;}
.a_blue{display: inline-block;}
.mt100{margin-top: 100px;}

/* section_01 */
.section_01{background: linear-gradient(180deg, #ffffff 0%, #ffffff 150px, #efefef 150px, #efefef 100%);}
.icon{width: 12%;margin: 0 auto;}
.w48per-support{width: 48%;}
.white_box{background-color: #ffffff;padding: 5%;margin-top: 5%; }
.border-left-h3{border-left: solid 4px #0c68ab;padding: 0.2em 0 0.2em 0.6em;font-size: 1.6em;}
#shikaku {
	position:relative;
	display: flex;
	width:100%;
	top: 50px;
    left: 0%;
}
#shikaku ul {
	width: 33%;
    position:relative;
    display: block;
    justify-content: flex-start;
    align-items: center;
	margin-bottom: 3%;
	margin-right: 4%;
}
#shikaku ul li{height: 50px; line-height: 1.2em;border-right: solid 1px #9fa0a0;    font-size:16px;
	display:block;
    padding: 0px 10px 0px;
	transition:all 0.3s;
	color:#231815;
	position: relative;}
#shikaku ul.last li{line-height: 30px;border-right: none;}



/* section_02 */
.nurturing_box{height: 470px;position: relative;border: solid 1px #0c68ab;box-shadow: 5px 5px 5px #b5b5b5;margin-bottom: 6em;}
.Item-Content-Flg2 {/*三角形右下*/
  position: absolute;
  bottom: 0;
  right: 0;
  border-left: 40px solid transparent;
  border-bottom: 40px solid #0c68ab;
}
.nurturing_left{width: 46%;float: left;padding: 2%;}
.text_box{display: block; padding: 10%;}
.point{width: 30%;margin-top: -20%;margin-left: 8%; z-index: 1000;}
.nurturing_right{width: 46%;float: right;padding: 2%;}
.img90{width: 94%;margin-top: 2em;}
.img90-right{width: 94%;margin-top: 2em;float: right;}
.text_back{text-align: center;padding: 10% 5%;box-sizing: border-box;}
.text_back img.icon{width: 40%;}
.text_back h3{font-size: 1.4em;position: relative;margin-bottom: 1.6em;margin-top: 1em;line-height: 1.2em;}
.text_back h3::before {
  background-color: #0c68ab; /* 線の色 */
  bottom: -10px; /* 線の位置 */
  content: "";
  height: 5px; /* 線の高さ */
  left: 50%; /* 線の中央寄せ */
  position: absolute;
  transform: translateX(-50%); /* 線の中央寄せ */
  width: 50px; /* 線の長さ */
}
.text_back p{text-align: justify;line-height: 1.8em;}
.gradient {
  height: 550px;
  width: 50%;
}

.gradient01 {
  background: linear-gradient(-48deg, #f7f8f8 50%, #ffffff 0);
}



/*
===================================================
 tb タブレット解像度
===================================================
*/
@media screen and (max-width:1000px) {
#page_header{background-image:url("../img/header_back_pc.webp");height: 300px;padding-top:  10%;}
	}
/*
===================================================
 sp スマホ解像度
===================================================
*/
@media screen and (max-width:640px) {
#page_header{background-image:url("../img/header_back_pc.webp");height: 150px;padding-top:  5%;}

/* section_01 */	
.section_01{background: linear-gradient(180deg, #ffffff 0%, #ffffff 4%, #efefef 4%, #efefef 100%);}
.w48per-support{width: 80%;margin: 0 auto 3em;}	
.white_box{background-color: #ffffff;padding: 5%;margin-top: 5%;}
.border-left-h3{border-left: solid 3px #0c68ab;padding: 0.1em 0 0.1em 0.6em;font-size: 1.2em;}
#shikaku {
	position:relative;
	display: block;
	width:100%;
	top: 20px;
    left: 0%;
	margin-bottom: 30px;
}	
#shikaku ul {width: 100%;margin-bottom: 0%;}
#shikaku ul li{height: 1.7em;border-right: none;font-size:14px;}
.gradient {
  height: auto;
  width: 100%;
}
.text_box{display: block; padding: 0% 10%;}	
.nurturing_box{height: auto;position: relative;padding-bottom: 2.4em;padding-right: 1em;margin-bottom: 6em;}
.nurturing_left{width: 100%;float: none;padding: 2%;}
.nurturing_right{width: 100%;float: none;padding: 2%;}
.img90{width: 80%;margin-top: 0em;margin-left: 0em;padding: 0 10%; }
.img90-right{width: 80%;margin-top: 0em;float: none;margin-left: 0em;padding: 0 10%;}
.point{width: 30%;margin-top: -20%;margin-left: 6%; z-index: 1000;}
}