/* ============================================================
PC
==============================================================*/

@media (min-width: 762px) {


	.flex{
		display:flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	.ttl_center{
		text-align:center;	
	}
	
	.ttl{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 700;
		font-size: 3.6rem;
		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: 47%;
		left: -21px;
		width:10px;
		height:10px;
		background: linear-gradient(to right, #00b38b 0%, #00b38b 30%, #1b799c 100%);
		border-radius:10px;
		transform: translate(0%, -50%);
	}
	/* ============================================================
 	head_evo
	==============================================================*/
       

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

	#head_evo ul{
		display:flex;
		justify-content: space-between;
		padding: 14px 0;
		margin: 0 auto;
		width: 650px;
	}

	#head_evo ul li a{
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 1.5rem;
		color:#fff;
		border-right: 1px solid #fff;
		padding: 0 30px 0 20px;
	}

	#head_evo ul li a:hover{
		color:#7fa0e1;		
	}

	#head_evo ul li:last-child a{
		border:none;
	}
	
	
	/* ============================================================
 	main vi 
	==============================================================*/
       
	#main_wrap{
		width: 100%;
		position: relative;
		overflow: hidden;
	}

	#main_copy_wrap{
		position: relative;
		width: 80%;
		max-width: 1200px;
		min-width: 1000px;
		margin: 0 auto;
	}
	
	#main_copy_wrap h1{
		text-align: center;
		margin: 250px auto 0;
		padding: 0 0 90px;
		border-bottom: 2px solid #000;
	}
	
	#main_copy_wrap h1 img{
		width:80%;
	}
	
	#main_copy_wrap h2{
		font-family: 'Noto Sans JP', serif;
		font-weight: 400;
		font-size: 2.4rem;
		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.6rem;
		line-height: 180%;
		margin: 50px 0 0;
		text-align: center;
		color: #000;
		position: relative;
		font-family: 'Noto Sans JP', 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: 30px 0 80px;
		position: relative;
		z-index: 1;
	}
	
	#sec01 .wrapper{
		width: 80%;
		max-width: 1120px;
		min-width: 800px;
		text-align: center;
	}
	
	#sec01 h2{
		font-family: 'Noto Sans JP', serif;
		font-weight: 700;
		font-size: 2.4rem;
		color: #000;
		letter-spacing: 2px;
		line-height: 141%;
		text-align: center;
		margin: 50px 0 29px;
	}
	
	#sec01 .img_box img{
		width: 1112px;
	}


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

	#sec02 .color_wrapper{
		background: #eff2f3;
		padding: 70px 0 80px;
	}
	
	#sec02 .wrapper{
		width: 80%;
		max-width: 1120px;
		min-width: 800px;
		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{
		width: 32%;
		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;
		height: 62px;
		line-height: 160%;
		font-weight: 400;
	}
	
	#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{
		width: 80%;
		max-width: 1120px;
		min-width: 800px;
		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: 2.0rem;
		color: #000;
		line-height: 120%;
		text-align:left;
		margin: 0 0 16px;
	}
	
	#sec03 h3 span{
		font-family: 'Roboto', sans-serif;
		font-size:5.0rem;
		font-weight:400;
		margin: 0 10px 0 0;
	}
	
	#sec03 .flex{
		width: 661px;
		margin: 95px auto 82px;
	}
	
	#sec03 .flex:nth-child(3) .txt_box{
		order:2
	}
	
	#sec03 .flex .img_box{
		margin: -30px 0 0;
	}
	
	#sec03 .flex .img_box img{
		width: 300px;
	}

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

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

	#sec03 .glay_box .img_box{
		position:absolute;
		top:-10px;
		right:-30px;
		width:200px;
	}

	#sec03 .glay_box li{
		font-family: 'Noto Sans JP', serif;
		font-weight: 500;
		font-size: 1.5rem;
		color: #000;
		line-height: 120%;
		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{
		width: 80%;
		max-width: 1120px;
		min-width: 800px;
		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{
		display:flex;
		justify-content: space-between;
		border-bottom: 1px solid #000;
		padding: 0px 0 80px;
		margin: 0 0 75px;
	}
	
	#sec04 .content .txt_box{
		width: 35%;
		min-width: 310px;
	}
	
	#sec04 .content .txt_box .txt{
		font-size: 1.7rem;
	}
	
	#sec04 .content .img_box{
		width: 60%;
	}
	
	#sec04 .content .img_box img{
		border:1px solid #000;
	}
	
	#sec04 .content_mini{
		justify-content:left;
	}
	
	#sec04 .content_mini .txt_box{
		margin: 0 91px 0 0;
	}
	
	#sec04 .content_mini .img_box{
		width: 30%;
	}
	
	#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;
		font-size: 1.7rem;
	}
	#sec04 .screen_wrap_02 .img_box{
		width:48%;
		min-width:380px;
	}

		
	/* ============================================================
 	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{
		width: 80%;
		max-width: 1120px;
		min-width: 800px;
		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{
		width: 55%;
		min-width: 450px;
		margin: 0 0 64px;
	}
	
	#sec05 .img_box{
		width: 40%;
		min-width: 200px;
	}
	
	#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: 280px;
		margin:0 0 40px;
	}
	
	#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 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;
		text-align:right;
		color: #000;
	}

		
	/* ============================================================
 	section 06
	==============================================================*/
	
	#sec06{
		width: 100%;
		position: relative;
		z-index: 1;
	}
	
	#sec06 .wrapper{
		width: 80%;
		max-width: 1120px;
		min-width: 800px;
		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: 120%;
		text-align: center;
		margin: 0 0 42px;
	}

	#sec06 .flex{
		width:800px;
		margin: 0 auto 55px;
	}

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

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

	#sec06 .pdf_dl{
		padding: 20px 0 133px;
	}

	#sec06 .pdf_dl .btn_list{
		margin:0 auto;
		text-align:center;
	}

	#sec06 .pdf_dl .btn_list a{
		width:500px;
	}

	#sec06 .gr_box{
		background: linear-gradient(to right, #00b38b 0%, #119696 28%, #1b7b9c 71%, #245ba1 100%);
		padding: 55px 0;
	}
	
	#sec06 h4{
		font-family: 'Noto Sans JP', serif;
		font-weight: 500;
		font-size: 2.0rem;
		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: 450px;
		padding: 18px 0;
	}
	


	
	
}