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

@media (max-width:761px){
	
	



    
	/* ============================================================
 	main vi 
	==============================================================*/
    
    
    #main_ttl_wrap{
		margin: 100px 0 50px;
	}	
	
    
    
 
    
    
	
	
	/* ============================================================
 	section 01
	==============================================================*/

	
	/* ===== common =====*/
    
    .main h2.ttl{
		font-family: 'Noto Serif JP', serif;
		font-weight: 200;
		line-height: 140%;
		font-size: 2.2rem;
		letter-spacing: 0.1rem;
		padding: 5px 0 10px;
	}
	.main span.eng_txt{
		display:block;
		font-family: 'EB Garamond', serif;
		font-weight: 140;
		font-size: 1.3rem;
		letter-spacing: 0.4rem;
		opacity:0.5;
		text-indent: 3px;
	}
	
	.main p.body_txt{
		font-family: 'Noto Serif JP', serif;
		font-weight:200;
		font-size: 1.3rem;
		letter-spacing: 0.1rem;
		line-height: 200%;
		padding: 0 0 40px;
	}
	
	
	/* ===== sec01 =====*/
	
	.main #sec01{
		width: 100%;
		position:relative;
		padding: 82px 0 40px;
	}

	.main #sec01 .background-blue {
		position: relative;
		top: -55px;
		height: 576px;
		width: 44%;
		z-index: 2;
		background: rgb(0,190,255,0.75);
	}

	.main #sec01 h2{
		font-family: 'Noto Serif JP', sans-serif;
		font-weight: 500;
		font-size: 2.6rem;
		color: #000;
		line-height: 155%;
		z-index: 2;
		margin: 0 0 68px;
		text-align: center;
		position:relative;
	}
	.main #sec01 h2:after{
		content:"";
		display:block;
		position:absolute;
		bottom: -27px;
		left: 50%;
		transform: translate(-50%, -50%);
		background-color: #4679c2;
		width: 22%;
		height: 6px;
	}

	.main #sec01 h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.4rem;
		text-align:center;
	}

	.main #sec01 ul.flex{
		display:flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin: 0 0 81px;
	}

	.main #sec01 ul.flex li{
		width: 100%;
		position: relative;
		margin: 0 0 30px;

	}	

	.main #sec01 ul.flex li a{
		display: block;
		height: 100%;
		position: relative;
		line-height: 0;
		overflow: hidden;
	}	

	.main #sec01 ul.flex li:last-child .li_under{	
		border:1px solid #4679c2;
	}

	.main #sec01 ul.flex li .img_box{
	}

	.main #sec01 ul.flex li .li_under{
		background-color: #4679c2;
		height: 21px;
		position: absolute;
		bottom: 0;
		width: 100%;
		color: #fff;
		padding: 19px 0 0;
	}
	.main #sec01 ul.flex li.line2 .li_under{
		height: 45px;
		padding:10px 0 9px;
	}
	.main #sec01 ul.flex li.line2 .li_under h3{
		line-height: 1.5;
	}
		
	

	

	
}



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


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

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

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