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

@media (max-width:761px){
	
	
	
	.ttl{
		font-family: "Noto Sans", sans-serif;
		font-weight: 700;
		font-size: 2.8rem;
		text-align: left;
		margin: 0 0 12px;
		color: #252525;
		line-height: 140%;
	}
	
	.ttl span{
		font-family: 'Roboto', sans-serif;
		font-weight: 456;
		letter-spacing: 0;
		font-size: 1.6rem;
		display:
		block;
		color: #252525;
		margin: 0 0 0 25px;
		position: relative;
	}
	
	.ttl span:before{
		content: "";
		display:block;
		position:absolute;
		top: 49%;
		left: -21px;
		width:10px;
		height:10px;
		background: linear-gradient(to right, #00b38b 0%, #00b38b 30%, #1b799c 100%);
		border-radius:10px;
		transform: translate(0%, -50%);
	}
	
	.ttl_center{
		text-align:center;	
	}
	/* ============================================================
 	head_evo
	==============================================================*/
       

	#head_evo{
		background: #234da0;
		padding: 69px 0 0;
		/* text-align: center; */
		position: fixed;
		width: 100%;
		z-index: 800;
	}

	#head_evo ul{
		display: none;
		justify-content: center;
		flex-wrap: nowrap;
		padding: 14px 0;
		margin: 0 auto;
		width: 100%;
	}
	
	#head_evo .evoline{
		border-right: 1px solid #fff;
		padding: 0 3%;
	}

	#head_evo .evoline:last-child{
		border:none;
	}

	#head_evo ul li a{
		font-family: "Noto Sans", sans-serif;
		font-size: 1.2rem;
		color:#fff;
		white-space: nowrap;
	}
	
	
	/* ============================================================
 	main vi 
	==============================================================*/
       
	#main_wrap{
		width: 100%;
		/* height: 380px; */
		position: relative;
		overflow: hidden;
		margin: 0 0 44px;
	}

	#main_copy_wrap{
		position: relative;
		margin: 0 auto;
		padding: 0 6%;
	}
	
	#main_copy_wrap h1{
		text-align: center;
		margin: 247px auto 0;
		padding: 0 0 90px;
		border-bottom: 2px solid #000;
	}
	
	#main_copy_wrap h1 img{
	}
	
	#main_copy_wrap h2{
		font-family: 'Noto Sans JP', serif;
		font-weight: 400;
		font-size: 1.8rem;
		color: #000;
		letter-spacing: 2px;
		line-height: 141%;
		text-align: center;
		margin: 50px 0 0;
	}
	
	#main_copy_wrap h2 span{
		font-weight: 700;
		display:block;		
	}
	
	#main_copy_wrap p{
		font-size: 1.5rem;
		line-height: 179%;
		margin: 50px 0 0;
		text-align: center;
		color: #000;
		position: relative;
		font-family: "Noto Sans", sans-serif;
	}

	#main_copy_wrap p span{
		letter-spacing:-4px;
	}
	
	#main_copy_wrap .copy_body{
		position: relative;
	}
	
	#main_copy_wrap .copy_body:before{
		left: 50%;
	}
	#main_copy_wrap .copy_body:after{
		right: 50%;
	}
	
	#main_copy_wrap .copy_body_act:before{
		width: 20px;
		left: 7%;
		opacity:1;
	}
	#main_copy_wrap .copy_body_act:after{
		width: 20px;
		right:9%;
		opacity:1;
	}



	
		
	/* ============================================================
 	section 01
	==============================================================*/
	
	#sec01{
		width: 100%;
		padding: 50px 0 80px;
		position: relative;
		z-index: 1;
	}
	
	#sec01 .wrapper{
		text-align: center;
	}
	
	#sec01 h2{
		font-family: 'Noto Sans JP', serif;
		font-weight: 700;
		font-size: 1.6rem;
		color: #000;
		letter-spacing: 2px;
		line-height: 145%;
		text-align: center;
		margin: 0px 0 29px;
	}
	
	#sec01 .img_box img{
		width: 1112px;
	}


		
	/* ============================================================
 	section 02
	==============================================================*/
	
	#sec02{
		width: 100%;
		padding: 0px 0 80px;
		position: relative;
		z-index: 1;
	}

	#sec02 .color_wrapper{
		background: #eff2f3;
		padding: 70px 0 80px;
	}
	
	#sec02 .wrapper{
		text-align: center;
	}
	
	#sec02 h2{
		font-family: 'Noto Sans JP', serif;
		font-weight: 700;
		font-size: 2.8rem;
		color: #000;
		letter-spacing: 2px;
		line-height: 120%;
		text-align: center;
		margin: 0 0 42px;
	}
	
	#sec02 h2 span{
		font-family: 'Roboto', sans-serif;
		font-weight: 456;
		letter-spacing: 0;
		font-size: 1.5rem;
		display:block;
		color: #252525;
		position: relative;
	}
	
	#sec02 .flex{
		justify-content:space-between;
	}
	
	#sec02 .flex li{
		margin: 0 0 50px;
	}
	
	#sec02 h3{
		font-family: 'Noto Sans JP', serif;
		font-weight: 600;
		font-size: 2.0rem;
		color: #000;
		line-height: 120%;
		text-align:left;
		margin: 0 0 10px;
	}
	
	#sec02 h3 span{
		        background: linear-gradient( to right,  #00b38b 0%,  #119696 28%, #1b7b9c 71%, #245ba1 100%);
		        -webkit-background-clip: text;
		        color: transparent;
		        display: inline-block;
		        margin: 0 5px 0 0;
	}
	
	#sec02 .txt{
		font-family: 'Noto Sans JP', serif;
		font-size: 1.5rem;
		line-height: 160%;
		font-weight: 400;
		margin: 0 0 12px;
		text-align: left;
	}
	
	#sec02 .img_box img{
	}

		
	/* ============================================================
 	section 03
	==============================================================*/
	
	#sec03{
		width: 100%;
		padding: 70px 0 0;
		margin: -130px 0 0;
		position: relative;
		z-index: 1;
	}
	
	#sec03 .color_wrapper{
		padding: 70px 0 80px;
	}
	
	#sec03 .wrapper{
		text-align: center;
	}
	
	#sec03 h2{
		font-family: 'Noto Sans JP', serif;
		font-weight: 700;
		font-size: 2.8rem;
		color: #000;
		line-height: 120%;
		text-align: center;
		margin: 0 0 42px;
	}
	
	#sec03 h2 span{
		font-family: 'Roboto', sans-serif;
		font-weight: 456;
		letter-spacing: 0;
		font-size: 1.5rem;
		display:block;
		color: #252525;
		position: relative;
	}
	
	#sec03 h3{
		font-family: 'Noto Sans JP', serif;
		font-weight: 600;
		font-size: 1.5rem;
		color: #000;
		line-height: 120%;
		text-align:left;
		margin: 0 0 16px;
	}
	
	#sec03 h3 span{
		font-family: 'Roboto', sans-serif;
		font-size: 3rem;
		font-weight:400;
		margin: 0 10px 0 0;
	}
	
	#sec03 .flex .txt_box .txt{
		font-size:1.3rem;
		text-align:left;
	}
	
	#sec03 .flex{
		margin: 95px auto 82px;
	}
	
	#sec03 .flex:nth-child(3) .txt_box{
		order:2
	}
	
	#sec03 .flex .img_box{
		margin: 30px 0 0;
	}

	#sec03 .glay_box{
		position:relative;
		margin: 112px auto 0;
		background: #eff2f3;
		border-radius: 30px;
		padding: 36px 6%;
	}

	#sec03 .glay_box .txt_box{
		text-align:left;
	}

	#sec03 .glay_box .img_box{
		bottom: -30%;
		right: 0;
		position: absolute;
		width: 44%;
	}

	#sec03 .glay_box li{
		font-family: 'Noto Sans JP', serif;
		font-weight: 500;
		font-size: 1.4rem;
		color: #000;
		line-height: 173%;
		text-align:left;
		margin: 0 0 10px 18px;
		position:relative;
	}
	
	#sec03 .glay_box li:before{
		content: "";
		display:block;
		position:absolute;
		top: 50%;
		left: -13px;
		width:4px;
		height:4px;
		border-radius:30px;
		background: #000000;
		transform: translate(0%, -50%);
	}

		
	/* ============================================================
 	section 04
	==============================================================*/
	
	#sec04{
		width: 100%;
		padding: 70px 0 0;
		margin: -30px 0 0;
		position: relative;
		z-index: 1;
	}
	
	#sec04 .color_wrapper{
		background: #eff2f3;
		padding: 91px 0 80px;
	}
	
	#sec04 .wrapper{
		text-align: center;
	}
	
	#sec04 h2{
		font-family: 'Noto Sans JP', serif;
		font-weight: 700;
		font-size: 2.8rem;
		color: #000;
		line-height: 120%;
		text-align: center;
		margin: 0 0 42px;
	}
	
	#sec04 h2 span{
		font-family: 'Roboto', sans-serif;
		font-weight: 456;
		letter-spacing: 0;
		font-size: 1.5rem;
		display:block;
		color: #252525;
		position: relative;
	}
	
	#sec04 h3{
		font-family: 'Noto Sans JP', serif;
		font-weight: 500;
		font-size: 1.8rem;
		color: #ffffff;
		background:#000;
		line-height: 120%;
		text-align: center;
		margin: 0 0 42px;
		padding:7px 0 9px;
	}
	
	#sec04 .content{
		border-bottom: 1px solid #000;
		padding: 0px 0 54px;
		margin: 0 0 44px;
	}
	
	#sec04 .content .txt{
		line-height:180%;
		text-align: left;
	}
	
	#sec04 .content .txt_box{
	}
	
	#sec04 .content .img_box{
		margin: 26px 0 0;
	}
	
	#sec04 .content .img_box img{
		border:1px solid #000;
	}
	
	#sec04 .content_mini{
		justify-content:left;
	}
	
	#sec04 .content_mini .img_box{
		width: 70%;
	}
	
	#sec04 h4{
		font-family: 'Noto Sans JP', serif;
		font-weight: 700;
		font-size: 2.0rem;
		color: #000;
		line-height: 120%;
		text-align: left;
		margin: 0 0 15px;
	}

	#sec04 .txt_center{
		margin:0 0 40px;
	}

		
	/* ============================================================
 	section 05
	==============================================================*/
	
	#sec05{
		width: 100%;
		padding: 70px 0 0;
		margin: -70px 0 0;
		position: relative;
		z-index: 1;
	}
	
	#sec05 .color_wrapper{
		padding: 91px 0 80px;
	}
	
	#sec05 .wrapper{
		text-align: center;
	}

	#sec05 .case_wrap{
		margin:0 0 30px;
	}
	
	#sec05 h2{
		font-family: 'Noto Sans JP', serif;
		font-weight: 700;
		font-size: 2.8rem;
		color: #000;
		line-height: 120%;
		text-align: center;
		margin: 0 0 42px;
	}
	
	#sec05 h2 span{
		font-family: 'Roboto', sans-serif;
		font-weight: 456;
		letter-spacing: 0;
		font-size: 1.5rem;
		display:block;
		color: #252525;
		position: relative;
	}
	
	#sec05 h3{
		font-family: 'Noto Sans JP', serif;
		font-weight: 500;
		font-size: 1.8rem;
		color: #ffffff;
		background: linear-gradient( to right,  #00b38b 0%,  #119696 28%, #1b7b9c 71%, #245ba1 100%);
		line-height: 120%;
		text-align: left;
		border-radius: 6px;
		margin: 0 0 42px;
		padding: 10px 15px 12px;
	}
	
	#sec05 .txt_box{
		margin: 0 0 20px;
	}
	
	#sec05 .img_box{
		margin: 0 0 80px;
	}
	
	#sec05 .img_box img{
		border:1px solid #000;
	}
	
	#sec05 img.img_nonborder{
		border:1px solid #ffffff;
	}
	
	#sec05 .img_box_02{
		margin: 0 0 64px;
	}

	#sec05 .img_box_mini{
		width: 70%;
	}
	
	#sec05 h4{
		font-family: 'Noto Sans JP', serif;
		font-weight: 700;
		font-size: 1.8rem;
		color: #000;
		line-height: 120%;
		text-align: left;
		margin: 0 0 15px 22px;
		position:relative;
	}
	
	#sec05 .txt{
		text-align:left;
	}
	
	#sec05 h4:before{
		content: "";
		display:block;
		position:absolute;
		top: 50%;
		left: -21px;
		width:10px;
		height:10px;
		background: #000000;
		transform: translate(0%, -50%);
	}

	#sec05 .caption{
		font-family: 'Noto Sans JP', serif;
		font-weight: 400;
		font-size: 1.2rem;
		color: #000;
	}

		
	/* ============================================================
 	section 06
	==============================================================*/
	
	#sec06{
		width: 100%;
		position: relative;
		z-index: 1;
	}
	
	#sec06 .wrapper{
		text-align: center;
	}

	#sec06 .case_wrap{
		margin:0 0 30px;
	}
	
	#sec06 h2{
		font-family: 'Noto Sans JP', serif;
		font-weight: 700;
		font-size: 2.2rem;
		color: #000;
		line-height: 164%;
		text-align: center;
		margin: 0 0 42px;
	}

	#sec06 .flex{
		margin: 0 auto 55px;
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
	}

	#sec06 .flex_wrap{
		width: 40%;
		margin: 0 0 -12px;
	}
	
	#sec06 h3{
		font-family: 'Noto Sans JP', serif;
		font-weight: 600;
		font-size: 1.4rem;
		color: #000;
		line-height: 157%;
		text-align: center;
		margin: 10px 0 42px;
	}

	#sec06 .flex_wrap .img_box{
		margin:0 auto;
	}
	
	#sec06 .flex_wrap .img_box img{
		border:1px solid #000;
	}

	#sec06 .gr_box{
		background: linear-gradient(to right, #00b38b 0%, #119696 28%, #1b7b9c 71%, #245ba1 100%);
		padding: 55px 6%;
	}
	
	#sec06 h4{
		font-family: 'Noto Sans JP', serif;
		font-weight: 500;
		font-size: 1.6rem;
		color: #ffffff;
		line-height: 160%;
		letter-spacing: 0.1rem;
		text-align: center;
	}

	#sec06 .buttun_box {
		text-align:center;
		padding:60px 0;
	}

	#sec06 .buttun_box1{
		background: #eff2f3;
	}
	
	#sec06 ul.btn_list a{
		width: 90%;
		padding: 18px 0;
	}
	

}

	
	
	
	

	



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

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

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

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