/* ============================================================
PC
==============================================================*/

@media (min-width: 762px) {

	
	/* ============================================================
 	main_wrap
	==============================================================*/
	
	.g_cv_btn a{
		display:block;
		background:rgb(0 0 0 / 90%);
		padding: 20px 0;
	}
    
    
	#main_sec_wrap{
		width: 100%;
		position: relative;
	}

	#main_sec_wrap .img_bg{
		position:absolute;
		width:900px;
		top:60px;
		left: calc(50% - 190px);
		z-index:-1;
	}
	#main_sec_wrap .img_ill{
		position:absolute;
		width:900px;
		top:60px;
		left: calc(50% - 190px);
		z-index:3;
	}
	
	#main_sec_wrap .txt_wrap{
		width: 600px;
		position: absolute;
		top: 58px;
		right: calc(50% - 56px);
		z-index: 2;
	}

	#main_sec_wrap h1{
		line-height: 0;
	}

	#main_sec_wrap h1 span{
		display:block;
	}

	#main_sec_wrap ul{
		width:960px;
		padding: 340px 0 0;
		margin:0 auto;
	}

	#main_sec_wrap ul li{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 2.0rem;
		line-height: 1.4;
		color: #565656;
		font-feature-settings: 'palt';
		letter-spacing: 0.3rem;
		margin: 0 0 7px;
	}

	#main_sec_wrap ul li span{
		display:inline-block;
		width:22px;
		vertical-align:text-top;
		margin:-2px 10px 0 0;
	}

	#main_sec_wrap p{
		width:960px;
		padding: 23px 0 0;
		margin:0 auto;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.6rem;
		line-height: 1.8;
		color: #565656;
		font-feature-settings: 'palt';
		letter-spacing: 0.3rem;
		position:relative;
	}



	/* ============================================================
 	sec01
	==============================================================*/
	
	#sec01{
		width: 100%;
		padding: 80px 0 100px;
		position:relative;
		overflow:hidden;
	}
	
	#sec01 .wrapper{
		width: 1060px;
	}

	#sec01 .ttl_wrap{
		border: 2px solid #8c8c8c;
		background:#bfbfbf;
		border-radius:4px;
		padding: 30px 0;
		margin: 0 0 30px;
	}
	
	#sec01 h2{
		font-family: "M PLUS 1", sans-serif;
		font-weight: 500;
		font-size: 4.2rem;
		line-height: 1.4;
		color: #fff;
		font-feature-settings: 'palt';
		letter-spacing:0.2rem;
		text-align:center;
	}

	#sec01 h2 span{
		display:block;
		font-size: 1.7rem;
		padding:0 0 5px;
		border-bottom:2px solid #fff;
		width:320px;
		margin:0 auto;
	}


	#sec01 ul{
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		gap:30px 0;
	}

	#sec01 ul li{
		width:310px;
	}

	#sec01 ul .img_box{
		line-height:0;
	}

	#sec01 ul h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 2.2rem;
		line-height: 1.4;
		text-align:center;
		color:#fff;
		background:#e57777;
		border:2px solid #c41919;
		border-radius:4px;
		font-feature-settings: 'palt';
		letter-spacing: 0.1rem;
		padding: 6px 0 8px;
	}

	#sec01 ul h3 span{
		display:inline-block;
		font-weight: 400;
		font-size: 1.4rem;
	}

	#sec01 ul h4{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.6rem;
		line-height: 1.4;
		text-align:center;
		color:#c41919;
		border-radius:4px;
		font-feature-settings: 'palt';
		letter-spacing: 0.1rem;
		padding: 12px 0 14px;
	}

	#sec01 ul p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.5rem;
		line-height: 1.8;
		color:#000;
		font-feature-settings: 'palt';
		letter-spacing: 0.1rem;
	}

	#sec01 ul li:nth-child(2) h3{ background:#7acb85; border:2px solid #349e42; }
	#sec01 ul li:nth-child(2) h4{ color:#349e42; }

	#sec01 ul li:nth-child(3) h3{ background:#9b9ace; border:2px solid #6a68ab; }
	#sec01 ul li:nth-child(3) h4{ color:#6a68ab; }

	#sec01 ul li:nth-child(4) h3{ background:#e599cf; border:2px solid #c762a9; }
	#sec01 ul li:nth-child(4) h4{ color:#c762a9; }

	#sec01 ul li:nth-child(5) h3{ background:#84d0da; border:2px solid #55b0bd; }
	#sec01 ul li:nth-child(5) h4{ color:#55b0bd; }

	#sec01 ul li:nth-child(6) h3{ background:#e3c040; border:2px solid #c49a00; }
	#sec01 ul li:nth-child(6) h4{ color:#c49a00; }

	#sec01 ul li:nth-child(7) h3{ background:#7acb85; border:2px solid #349e42; }
	#sec01 ul li:nth-child(7) h4{ color:#349e42; }

	#sec01 ul li:nth-child(8) h3{ background:#9b9ace; border:2px solid #6a68ab; }
	#sec01 ul li:nth-child(8) h4{ color:#6a68ab; }

	#sec01 ul li:nth-child(10) h3{ background:#84d0da; border:2px solid #55b0bd; }
	#sec01 ul li:nth-child(10) h4{ color:#55b0bd; }

	#sec01 ul li:nth-child(11) h3{ background:#e3c040; border:2px solid #c49a00; }
	#sec01 ul li:nth-child(11) h4{ color:#c49a00; }

	#sec01 ul li:nth-child(12) h3{ background:#e599cf; border:2px solid #c762a9; }
	#sec01 ul li:nth-child(12) h4{ color:#c762a9; }

	

	/* ============================================================
 	sec02
	==============================================================*/
	
	#sec02{
		width: 100%;
		padding: 20px 0 200px;
		position:relative;
		overflow:hidden;
	}
	
	#sec02 .wrapper{
		width: 1060px;
	}

	#sec02 .ttl_wrap{
		border: 2px solid #8c8c8c;
		background:#bfbfbf;
		border-radius:4px;
		padding: 30px 0;
		margin: 0 0 60px;
	}
	
	#sec02 h2{
		font-family: "M PLUS 1", sans-serif;
		font-weight: 500;
		font-size: 4.2rem;
		line-height: 1.4;
		color: #fff;
		font-feature-settings: 'palt';
		letter-spacing:0.2rem;
		text-align:center;
	}

	#sec02 h2 span{
		display:block;
		font-size: 1.7rem;
		padding:0 0 5px;
		border-bottom:2px solid #fff;
		width:320px;
		margin:0 auto;
	}


	#sec02 ul{
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		gap:50px 0;
	}

	#sec02 ul li{
		width:324px;
		position:relative;
	}

	#sec02 ul li:before{
		content: "";
		display: block;
		width:6px;
		height: calc(100% - 248px);
		background:#e57777;
		border-radius:3px;
		position: absolute;
		top: 248px;
		left:0;
	}

	#sec02 ul .img_box{
		line-height:0;
		border:4px solid #e57777;
		border-radius:8px;
		overflow:hidden;
	}

	#sec02 .img_ill{
		line-height:0;
		position:absolute;
		top: 187px;
		right: 0;
	}

	#sec02 .img_ill img{
		width: 138px;
	}

	#sec02 .img_ill span{
		display:inline-block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.2rem;
		padding:0 0 0 4px;
	}

	#sec02 ul h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 2.1rem;
		line-height: 1.4;
		color:#c41919;
		font-feature-settings: 'palt';
		letter-spacing: 0rem;
		padding: 15px 0 8px 22px;
	}

	#sec02 ul h3 span{
		display:block;
		font-weight: 400;
		font-size: 1.6rem;
		letter-spacing: 0.1rem;
	}


	#sec02 ul p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.5rem;
		line-height: 1.8;
		color:#000;
		font-feature-settings: 'palt';
		letter-spacing: 0.1rem;
		padding:0 0 0 22px;
	}

	#sec02 ul li:nth-child(2) h3{ color:#349e42; }
	#sec02 ul li:nth-child(2):before{height: calc(100% - 268px);background:#7acb85;}
	#sec02 ul li:nth-child(2) .img_box{	border:4px solid #7acb85;	}

	#sec02 ul li:nth-child(3) h3{ color:#6a68ab; }
	#sec02 ul li:nth-child(3):before{height: calc(100% - 268px);background:#9b9ace;}
	#sec02 ul li:nth-child(3) .img_box{	border:4px solid #9b9ace;	}

	#sec02 ul li:nth-child(4) h3{ color:#c762a9; }
	#sec02 ul li:nth-child(4):before{height: calc(100% - 272px);background:#e599cf;}
	#sec02 ul li:nth-child(4) .img_box{	border:4px solid #e599cf;	}

	#sec02 ul li:nth-child(5) h3{ color:#c49a00; }
	#sec02 ul li:nth-child(5):before{ height: calc(100% - 248px);	background:#e3c040; }
	#sec02 ul li:nth-child(5) .img_box{	border:4px solid #e3c040;	}

	#sec02 ul li:nth-child(6):before{height: calc(100% - 289px);}

	#sec02 ul li:nth-child(7) h3{ color:#349e42; }
	#sec02 ul li:nth-child(7):before{height: calc(100% - 270px);background:#7acb85;}
	#sec02 ul li:nth-child(7) .img_box{	border:4px solid #7acb85;	}

	#sec02 ul li:nth-child(8) h3{ color:#6a68ab; }
	#sec02 ul li:nth-child(8):before{ height: calc(100% - 248px);	background:#9b9ace; }
	#sec02 ul li:nth-child(8) .img_box{	border:4px solid #9b9ace;	}

	#sec02 ul li:nth-child(9) h3{ color:#c762a9; }
	#sec02 ul li:nth-child(9):before{ height: calc(100% - 248px);	background:#e599cf; }
	#sec02 ul li:nth-child(9) .img_box{	border:4px solid #e599cf;	}

	
}





