/*===============================================
　SP iPhone6以上（画面の横幅が761pxまで）
===============================================*/

@media (max-width:761px){
	
	/* ============================================================
 	h1
	==============================================================*/

	h1{
		display:block;
		font-family: 'Noto Serif JP', serif;
		font-weight: 600;
		font-size: 4.0rem;
		background: linear-gradient( to right,  #471877 25%, #1369ad 75% );
		-webkit-background-clip: text;
		color: transparent;
		line-height: 110%;
		letter-spacing: 2px;
		text-align:center;
		margin: 100px 0 60px;
	}

	h1 span:first-child{
		display:block;
		letter-spacing: 1px;
		font-size:2.0rem;
	}
	
	h1 span:last-child{
		font-size:3.2rem;
		padding:0 6px 0 0;
	}

	/* ============================================================
 	common
	==============================================================*/

	.w_wrap{
    	background:#fff;
    	padding: 50px 10% 30px;
    }

    .ls{
		letter-spacing: -1px;
	}

    .mb{
    	margin:0 0 20px;
    }

	.h3_wrap{
		position:relative;
		margin:0 0 70px;
	}

	.h3_wrap:before{
		content: "";
		display: block;
		width: 100%;
		height: 1px;
		background:#1368ad;
		position: absolute;
		top: 50%;
		left: 0;
		z-index:0;
	}
	
	.h3_box{
		display:inline-block;
		padding:0 20px 0 0;
		background:#fff;
		position:relative;
	}


	.h3_box h3{
		display:inline-block;
		font-family: 'Noto Serif JP', serif;
		font-weight: 400;
		font-size: 2.0rem;
		background: linear-gradient( to right,  #471877 25%, #1369ad 75% );
		-webkit-background-clip: text;
		color: transparent;
		line-height: 100%;
		letter-spacing: 1px;
		position:relative;
	}

	.h3_box h3 span{
		display:inline-block;
		font-size: 5.1rem;
		letter-spacing: 0;
		line-height:100%;
		color:#471877;
		position:absolute;
		top: 40%;
		left: 0;
		transform:translate(0, -50%);
	}

	.link_pdf{
		width: 70%;
		margin:-16px auto 40px;
	}

	.link_pdf li{
		border-radius:20px;
		width: 100%;
		text-indent: -10px;
		background: #cfa972 url(/100th/global/img/PDF_24.png) no-repeat 85% center;
	}
	
	
	.link_pdf a{
		display:block;
		text-align:center;
		color:#fff;
		font-family: 'Noto Serif JP', serif;
		font-weight:400;
		font-size:1.4rem;
		padding:5px 0;
		letter-spacing: 1px;
		position:relative;
		overflow:hidden;
	}
	

	/* ============================================================
 	section 01
	==============================================================*/
	
	#sec01{
		width: 100%;
		position: relative;
		padding:0 0 60px;
	}

	#sec01:before{
		content: "";
		display: block;
		width: 100%;
		height: 300px;
		background:#f6f6f6;
		position: absolute;
		bottom:0;
		left:0;
		z-index:0;
	}

	#sec01 h2{
		font-family: 'Noto Serif JP', serif;
		font-weight: 600;
		font-size: 2.4rem;
		letter-spacing:1px;
		padding: 0 0 6px;
		color: #000;
	}

	#sec01 p{
		font-family: 'Noto Serif JP', serif;
		font-weight: 500;
		font-size:1.4rem;
		line-height:200%;
	}

	#sec01 p.name{
		font-size:1.4rem;
		width: 60%;
		margin:20px 0 0 auto;
	}

	#sec01 p.name span{
		display:block;
		margin:5px 0 0;
	}

	#story03 #sec01 p.name{
		width: 50%;
	}

	#story04 #sec01 p.name{
		width: 62%;
	}
	#story04 #sec01 p.name img{
		width: 80%;
	}
	#story05 #sec01 p.name{
		width: 70%;
	}
	#story05 #sec01 p.name img{
		width: 70%;
	}

	#sec01 .img_box{
		float:right;
		width: 40%;
		line-height:0;
		margin: 0 0 10px 10px;
		box-shadow: 20px 30px 20px 10px rgba(0,0,0,0.2);
	}

	#sec01 #vision_wrap{
		background:#fff;
		margin: 100px 0 0;
		padding: 50px 10% 40px;
		border-top:solid 4px #153f85;
		box-shadow: 20px 30px 20px 10px rgba(0,0,0,0.2);
		position:relative;
	}

	#sec01 #vision_wrap h2{
		width: 76%;
		position:absolute;
		top: -55px;
		left: 50%;
		transform:translate(-50%, 0);
	}

	#sec01 #vision_wrap p{
		/* text-align:center; */
		line-height:160%;
		padding:0 0 40px;
	}

	#sec01 #vision_wrap h3{
		font-family: 'Spectral', serif;
		font-weight:400;
		font-size: 2.0rem;
		line-height:100%;
		padding:0 0 2px;
		margin:0 0 10px;
		color:#153f85;
		border-bottom:1px solid #153f85;
	}

	#sec01 #vision_wrap li{
		margin:0 0 5px;
	}

	#sec01 #vision_wrap li{
		font-family: 'Noto Serif JP', serif;
		font-weight: 400;
		font-size: 1.5rem;
		position: relative;
		padding: 0 0 5px 50px;
	}

	#sec01 #vision_wrap li span{
		display:inline-block;
		background:#1f478a;
		color:#fff;
		text-align:center;
		padding:1px 0 3px;
		margin:0 10px 0 0;
		width: 40px;
		position: absolute;
		top: 2px;
		left: 0;
	}

	#story02 #vision_wrap{ border-top:solid 4px #e79051; }
	#story02 #vision_wrap h3{ color:#e79051; border-bottom:1px solid #e79051; }
	#story02 #vision_wrap li span{ background:#e79051; }

	#story03 #vision_wrap{ border-top:solid 4px #e76d95; }
	#story03 #vision_wrap h3{ color:#e76d95; border-bottom:1px solid #e76d95; }
	#story03 #vision_wrap li span{ background:#e76d95; }

	#story04 #vision_wrap{ border-top:solid 4px #857ab5; }
	#story04 #vision_wrap h3{ color:#857ab5; border-bottom:1px solid #857ab5; }
	#story04 #vision_wrap li span{ background:#857ab5; }

	#story05 #vision_wrap{ border-top:solid 4px #718eba; }
	#story05 #vision_wrap h3{ color:#718eba; border-bottom:1px solid #718eba; }
	#story05 #vision_wrap li span{ background:#718eba; }
	

	/* ============================================================
 	section 02
	==============================================================*/
	
	#sec02{
		width: 100%;
		background:#f6f6f6;
		padding:0 0 60px;
	}

	#sec02 h2{
		display:block;
		font-family: 'Noto Serif JP', serif;
		font-weight: 600;
		font-size: 2.2rem;
		background: linear-gradient( to right,  #471877 25%, #1369ad 75% );
		-webkit-background-clip: text;
		color: transparent;
		line-height: 140%;
		margin: 0 0 30px;
	}

	#sec02 h2 span{
		letter-spacing:-10px;
	}

	#sec02 .h_wrap2{
		padding: 70px 0 0;
		margin: 0 0 -60px;
	}
	
	#sec02 .h_wrap{
		padding:0 0 60px;
	}

	#sec02 .h_s_wrap{
		padding: 0 0 50px;
	}

	#sec02 .h_wrap .h_s_wrap{
		padding: 0 0 10px;
	}

	#sec02 .l_box{
	padding: 0 0 50px;
	}
	#sec02 .r_box{
		
	}

	#sec02 .h_s_wrap .l_box{
	padding: 0;
	}
	#sec02 .h_s_wrap .r_box{
	}

	#sec02 h4{
		display: block;
		font-family: 'Noto Serif JP', serif;
		font-weight: 600;
		font-size: 2.4rem;
		text-align: center;
		background: linear-gradient( to right,  #471877 25%, #1369ad 75% );
		-webkit-background-clip: text;
		color: transparent;
		line-height: 140%;
		margin: 0 0 20px;
	}

	#sec02 h4 span{
		display:block;
		font-size:1.4rem;
		text-align:left;
		margin:0 0 40px;
	}

	#sec02 .img_box{
		line-height:0;
		margin:0 0 28px;
		box-shadow: 10px 18px 16px 5px rgba(0,0,0,0.2);
	}

	#sec02 .img_box_r{
		line-height:0;
		margin:0 0 28px;
		box-shadow: 10px 18px 16px 5px rgba(0,0,0,0.2);
	}

	#sec02 .img_box2{
		line-height:0;
		margin: 0 0 28px;
		box-shadow: 10px 18px 16px 5px rgba(0,0,0,0.2);
	}

	#sec02 .img_box3{
		line-height:0;
		margin: 0 0 28px;
		box-shadow: 10px 18px 16px 5px rgba(0,0,0,0.2);
	}
	#sec02 .img_box4{
		line-height:0;
		margin: 0 0 28px;
		box-shadow: 10px 18px 16px 5px rgba(0,0,0,0.2);
	}

	#sec02 p{
		font-family: 'Noto Serif JP', serif;
		font-weight: 600;
		font-size: 1.4rem;
	}

	#sec02 p.note_txt span{
		display:block;
		font-size: 1.2rem;
		padding:0 0 10px 10px;
	}

	#sec02 .h_wrap2 p{
		margin:0 0 10px;
	}
	#sec02 h5{
		font-family: 'Noto Serif JP', serif;
		font-weight: 500;
		font-size: 1.8rem;
		line-height:120%;
		color:#1369ad;
		padding: 0 72px 0 0;
		letter-spacing:0;
		margin: 0 0 10px;
		position:relative;
	}

	#story04 #sec02 h5,#story05 #sec02 h5{
		padding:0;
	}

	#sec02 h5 span:first-child{
		font-size: 4.8rem;
		font-style:italic;
		position:absolute;
		color:#461776;
		letter-spacing: -2px;
		right: 12px;
		bottom: 10px;
	}

	#sec02 h5 span.cate{
		display:block;
		width: 110px;
		text-align:center;
		font-size: 1.1rem;
		color:#fff;
		line-height:100%;
		padding: 2px 2px 3px 0;
		margin: 0 0 7px 2px;
		background: linear-gradient( to right,  #471877 25%, #1369ad 75% );
	}

	#sec02 h6{
		font-family: 'Noto Serif JP', serif;
		font-weight: 500;
		font-size: 1.4rem;
		line-height:120%;
		color:#1369ad;
		letter-spacing:0;
		margin: 20px 0 10px;
		text-indent:-5px;
	}

	#story04 #sec02 h6{
		font-size: 1.35rem;
	}

	#sec02 p.note_txt{
		font-size: 1.2rem;
		padding: 0 0 50px;
		line-height: 160%;
	}

	#sec02 p.note_txt2{
		font-size:1.3rem;
		line-height: 160%;
		color:#ca134b;
		border:1px #ca134b solid;
		margin:-30px 0 30px;
		text-indent:-1em;
		padding:1em 1em 1em 2em;
	}

	#sec02 p.note_txt3{
		font-size:1.3rem;
		line-height: 160%;
		color:#ca134b;
		border:1px #ca134b solid;
		margin:-30px 0 30px;
		text-indent:-1em;
		padding:1em 1em 1em 2em;
	}
	
	#sec02 p.note_txt4{
		font-size:1.3rem;
		line-height: 160%;
		color:#ca134b;
		border:1px #ca134b solid;
		margin: -100px 0 150px;
		text-indent:-1em;
		padding:1em 1em 1em 2em;
	}
	
	#story04 #sec02 p.note_txt{
		padding: 0;
	}

	#sec02 .list01 li,#sec02 .list02 li{
		font-family: 'Noto Serif JP', serif;
		font-weight: 500;
		font-size:1.3rem;
		text-indent:-1em;
		padding:0 0 5px 1em;
	}
	



	/* ============================================================
 	section 03
	==============================================================*/
	
	#sec03{
		width: 100%;
		background:#f6f6f6;
		padding:0 0 60px;
	}
	
	#sec03 .h_wrap{
		padding:0 0 60px;
	}

	#sec03 .l_box{
	}
	#sec03 .r_box{
	}

	#sec03 .l_box2{
	}
	#sec03 .r_box2{
	}

	#sec03 h4{
		display:inline-block;
		font-family: 'Noto Serif JP', serif;
		font-weight: 600;
		font-size: 2.4rem;
		background: linear-gradient( to right,  #471877 25%, #1369ad 75% );
		-webkit-background-clip: text;
		color: transparent;
		line-height: 120%;
		margin: 0 0 20px;
	}

	#sec03 h4 span{
		display:block;
		font-size:1.4rem;
		margin:10px 0 0;
	}

	#sec03 .img_box{
		line-height:0;
		margin:0 0 28px;
		box-shadow: 10px 18px 16px 5px rgba(0,0,0,0.2);
	}

	#sec03 p{
		font-family: 'Noto Serif JP', serif;
		font-weight: 600;
		font-size: 1.4rem;
	}


	/* ============================================================
 	section 04
	==============================================================*/
	
	#sec04{
		width: 100%;
		background:#f6f6f6;
		padding:0 0 80px;
	}

	#sec04 ul{
		
	}

	#sec04 h3{
		display:inline-block;
		font-family: 'Noto Serif JP', serif;
		font-weight: 600;
		font-size: 1.8rem;
		background: linear-gradient( to right,  #471877 25%, #1369ad 75% );
		-webkit-background-clip: text;
		color: transparent;
		line-height: 120%;
		margin: -20px 0 20px;
	}

	

	 #sec04 ul a{
		display: block;
		text-align:center;
		color:#fff;
		font-family: 'Noto Serif JP', serif;
		font-weight:400;
		font-size:1.4rem;
		padding: 12px 0;
		background:#00478b;
		position: relative;
		text-indent: 10px;
		overflow:hidden;
	}
	
    #sec04 ul a:before{
		content: "";
		display: block;
		width: 5px;
		height: 5px;
		border-right:solid 1px #fff;
		border-bottom:solid 1px #fff;
		position: absolute;
		top: 50%;
		left: 20px;
		transform:translate(0, -50%) rotate(-45deg);
		transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
}



/*===============================================
　SP iPhone5サイズ対応　画面の横幅が350pxまで▼▼▼▼▼
===============================================*/

@media (max-width:349px) {
	
	
}

/*===============================================
　SP iPhone Plus サイズ対応　画面の横幅が415pxまで▼▼▼▼▼
===============================================*/

@media (min-width:413px) {
	
}