
/* ============================================================
PC
==============================================================*/

@media (min-width: 762px) {

	/* ============================================================
 	main_sec_wrap
	==============================================================*/
	
	.g_cv_btn a{
		background:rgb(0 0 0 / 90%);
	}
    
    .cover{
		width:100%;
		height:100vh;
		left:0;
		top:0;
		background:#fff;
		position:absolute;
		z-index:20;
		transition: all 1.5s cubic-bezier(0, 0, 0, 0) 0.25s;
	}
	.cover_act{
		opacity:0
	}
    
	#main_sec_wrap{
		width: 100%;
		height: 580px;
		position: relative;
		overflow: hidden;
		background:url("/guidance/icd/about/img/mv_bg_pc.jpg") no-repeat center;
		background-size:cover;
	}

	#main_sec_wrap:before{
		content: "";
		display: block;
		width:100vw;
		height: 200px;
		background: linear-gradient( to top,  #ffffff 1%, #ffffff00 75% );
		position: absolute;
		bottom:0;
		left:0;
	}
	
	#main_sec_wrap .txt_wrap{
		position: absolute;
		top: 84px;
		left: calc(50vw - 510px);
	}

	#main_sec_wrap .txt_wrap:before{
		content: "";
		display: block;
		width: 440px;
		height:290px;
		background: #60af46de;
		border-radius: 10px;
		position: absolute;
		top: -30px;
		left: -50px;
	}

	
	
	#main_sec_wrap .eng_txt{
		display: block;
		font-family: 'Roboto', sans-serif;
		font-weight: 400;
		font-size: 1.3rem;
		color:#fff;
		line-height:1.4;
		position:relative;
		letter-spacing:0.1rem;
		padding:0 0 5px;
	}

	#main_sec_wrap h1{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size: 5.3rem;
		line-height: 1.1;
		color:#fff;
		letter-spacing: 0.2rem;
		font-feature-settings: 'palt';
		padding: 0 0 20px;
		position:relative;
	}

	#main_sec_wrap h1 span{
		font-weight: 500;
		display:block;
	}

	#main_sec_wrap li{
		margin: 8px 0;
	}

	#main_sec_wrap li span{
		display:inline-block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.8rem;
		line-height: 1;
		color:#fff;
		letter-spacing: 0.2rem;
		font-feature-settings: 'palt';
		background:#333333;
		padding: 10px 18px 14px;
		position:relative;
	}
	
	/* ============================================================
 	sec01
	==============================================================*/
   
	#sec00{
		width: 100%;
		position: relative;
		padding: 0 0 100px;
	}
	
	#sec00 .txt_wrap{
		width: 60vw;
		max-width: 830px;
		margin: 0 auto 50px;
		padding: 100px 0 0;
	}

	#sec00 h1{
		line-height: 0;
	}
	
	#sec00 .img_box{
		width: 90vw;
		max-width:1200px;
		margin: 0 auto 50px;
	}

	#sec00 p{
		display:block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:500;
		font-size: 1.6rem;
		letter-spacing:0.2rem;
		line-height:2.4;
		color:#000;
		font-feature-settings: 'palt';
		width:800px;
		margin:0 auto;
	}
	




	/* ============================================================
 	sec01
	==============================================================*/
	
	#sec01{
		width: 100%;
		padding: 100px 0 100px;
		position:relative;
		overflow:hidden;
	}

	#sec01:before{
		content: "";
		display: block;
		width:100vw;
		height: 100px;
		background:url("/guidance/icd/about/img/sec_bg.gif");
		overflow:hidden;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	#sec01 .wrapper{
		position:relative;
	}

	#sec01 .ttl_wrap{
		width: 40vw;
		max-width: 630px;
		position:absolute;
		top:0;
		right:calc(50% + 50px);
		z-index:10;
	}

	#sec01 .ttl_wrap .img_box{
		line-height:0;
		border-radius:0 70px 0 70px;
		overflow:hidden;
	}

	

	#sec01 .txt_wrap{
		padding: 0 0 0 550px;
		position:relative;
	}

	#sec01 .txt_wrap:before{
		content: "";
		display: block;
		width: 100%;
		height: 34px;
		background:#60af46;
		position: absolute;
		top: 66px;
		left:0;
	}
	
	#sec01 h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 3.6rem;
		line-height: 1.4;
		color: #fff;
		white-space:nowrap;
		font-feature-settings: 'palt';
		letter-spacing:0.2rem;
		position:absolute;
		top: -39px;
		left: calc(50% - 157px);
	}

	#sec01 h2 span{
		display:inline-block;
		background:#000;
		margin:0 0 6px;
		padding: 0 10px 5px;
	}

	#sec01 .txt_wrap > h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 3.1rem;
		line-height: 1.4;
		color: #000;
		font-feature-settings: 'palt';
		letter-spacing:0.2rem;
		position:relative;
	}

	#sec01 .txt_wrap > h3 span{
		display:block;
		width: 110px;
		position:absolute;
		left:0;
		top: -39px;
	}

	#sec01 .txt_wrap > h4{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 2.1rem;
		line-height: 1.4;
		color: #fff;
		font-feature-settings: 'palt';
		letter-spacing:0.2rem;
		position:relative;
		padding: 25px 0 29px;
	}

	#sec01 .txt_wrap h5{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 1.7rem;
		line-height: 1.4;
		color: #60af46;
		font-feature-settings: 'palt';
		letter-spacing:0.2rem;
		position:relative;
		padding: 0 0 4px;
	}
	
	#sec01 ul li{
		padding:0 40px 0 0;
		margin: 0 0 18px 0;
	}
	#sec01 ul li p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.5rem;
		line-height: 1.6;
		color: #000;
		letter-spacing:0.1rem;
		font-feature-settings: 'palt';
	}

	#sec01 .colum_box{
		display:block;
		width: 55%;
		box-sizing:border-box;
		background:#f1f8ef;
		padding:16px 30px;
		border:2px solid #60af46;
		border-radius:30px;
		margin:30px 0 0 -10px;
	}

	#sec01 .colum_box h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 1.8rem;
		line-height: 1.4;
		color: #60af46;
		border-bottom:1px solid #60af46;
		padding:0 0 5px;
		font-feature-settings: 'palt';
	}

	#sec01 .colum_box p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.4rem;
		line-height: 1.6;
		color: #000;
		padding:10px 0 0;
		letter-spacing:0.1rem;
		font-feature-settings: 'palt';
	}


	/* ============================================================
 	sec02
	==============================================================*/
	
	#sec02{
		width: 100%;
		padding: 90px 0 60px;
		position:relative;
		overflow:hidden;
		background:#f7f7f7;
	}

	
	#sec02 .wrapper{
		position:relative;
	}

	#sec02 .ttl_wrap{
		width: 40vw;
		max-width: 630px;
		position:absolute;
		top: 2px;
		left: calc(50% + 74px);
		z-index:10;
	}

	#sec02 .ttl_wrap .img_box{
		line-height:0;
		border-radius:0 70px 0 70px;
		overflow:hidden;
	}

	#sec02 .txt_wrap{
		padding: 0 460px 0 20px;
		position:relative;
	}

	#sec02 .txt_wrap:before{
		content: "";
		display: block;
		width: 100%;
		height: 34px;
		background:#60af46;
		position: absolute;
		top: 66px;
		left:0;
	}
	
	#sec02 h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 3.6rem;
		line-height: 1.4;
		color: #fff;
		white-space:nowrap;
		font-feature-settings: 'palt';
		letter-spacing:0.2rem;
		position:absolute;
		top: -39px;
		left: calc(50% - 220px);
	}

	#sec02 h2 span{
		display:inline-block;
		background:#000;
		margin:0 0 6px;
		padding: 0 10px 5px;
	}

	#sec02 .txt_wrap > h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 3.0rem;
		line-height: 1.4;
		color: #000;
		font-feature-settings: 'palt';
		letter-spacing: 0.05rem;
		position:relative;
	}

	#sec02 .txt_wrap > h3 span{
		display:block;
		width: 110px;
		position:absolute;
		left:0;
		top: -39px;
	}

	#sec02 .txt_wrap > h4{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 2.1rem;
		line-height: 1.4;
		color: #fff;
		font-feature-settings: 'palt';
		letter-spacing:0.2rem;
		position:relative;
		padding: 25px 0 29px;
	}

	#sec02 .txt_wrap h5{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 1.7rem;
		line-height: 1.4;
		color: #60af46;
		font-feature-settings: 'palt';
		letter-spacing:0.2rem;
		position:relative;
		padding: 0 0 4px;
	}
	
	#sec02 ul li{
		padding:0 40px 0 0;
		margin: 0 0 18px 0;
	}
	#sec02 ul li p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.5rem;
		line-height: 1.6;
		color: #000;
		letter-spacing:0.1rem;
		font-feature-settings: 'palt';
	}

	#sec02 .colum_box{
		display:block;
		width: 54%;
		box-sizing:border-box;
		background:#f1f8ef;
		padding:16px 30px;
		border:2px solid #60af46;
		border-radius:30px;
		margin:30px 0 0 -10px;
	}

	#sec02 .colum_box h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 1.8rem;
		line-height: 1.4;
		color: #60af46;
		border-bottom:1px solid #60af46;
		padding:0 0 5px;
		font-feature-settings: 'palt';
	}

	#sec02 .colum_box p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.4rem;
		line-height: 1.6;
		color: #000;
		padding:10px 0 0;
		letter-spacing:0.1rem;
		font-feature-settings: 'palt';
	}


	/* ============================================================
 	sec03
	==============================================================*/
	
	#sec03{
		width: 100%;
		padding: 120px 0 100px;
		position:relative;
		overflow:hidden;
	}
	
	#sec03 .wrapper{
		position:relative;
	}

	#sec03 .ttl_wrap{
		width: 40vw;
		max-width: 630px;
		position:absolute;
		top:0;
		right: calc(50% + 77px);
		z-index:10;
	}

	#sec03 .ttl_wrap .img_box{
		line-height:0;
		border-radius:0 70px 0 70px;
		overflow:hidden;
	}

	

	#sec03 .txt_wrap{
		padding: 0 0 0 508px;
		position:relative;
	}

	#sec03 .txt_wrap:before{
		content: "";
		display: block;
		width: 100%;
		height: 34px;
		background:#60af46;
		position: absolute;
		top: 66px;
		left:0;
	}
	
	#sec03 h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 3.2rem;
		line-height: 1.4;
		color: #fff;
		white-space:nowrap;
		font-feature-settings: 'palt';
		letter-spacing:0.2rem;
		position:absolute;
		top: -39px;
		left: calc(50% - 202px);
	}

	#sec03 h2 span{
		display:inline-block;
		background:#000;
		margin:0 0 6px;
		padding: 0 10px 5px;
	}

	#sec03 .txt_wrap > h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 2.9rem;
		line-height: 1.4;
		color: #000;
		font-feature-settings: 'palt';
		letter-spacing: 0rem;
		position:relative;
	}

	#sec03 .txt_wrap > h3 span{
		display:block;
		width: 110px;
		position:absolute;
		left:0;
		top: -39px;
	}

	#sec03 .txt_wrap > h4{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 2.1rem;
		line-height: 1.4;
		color: #fff;
		font-feature-settings: 'palt';
		letter-spacing:0.2rem;
		position:relative;
		padding: 28px 0 29px;
	}

	#sec03 .txt_wrap h5{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 1.7rem;
		line-height: 1.4;
		color: #60af46;
		font-feature-settings: 'palt';
		letter-spacing:0.2rem;
		position:relative;
		padding: 0 0 4px;
	}
	
	#sec03 ul li{
		padding:0 40px 0 0;
		margin: 0 0 18px 0;
	}
	#sec03 ul li p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.5rem;
		line-height: 1.6;
		color: #000;
		letter-spacing:0.1rem;
		font-feature-settings: 'palt';
	}

	#sec03 .colum_box{
		display:block;
		width: 53%;
		box-sizing:border-box;
		background:#f1f8ef;
		padding:16px 30px;
		border:2px solid #60af46;
		border-radius:30px;
		margin:30px 0 0 -10px;
	}

	#sec03 .colum_box h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 1.8rem;
		line-height: 1.4;
		color: #60af46;
		border-bottom:1px solid #60af46;
		padding:0 0 5px;
		font-feature-settings: 'palt';
	}

	#sec03 .colum_box p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.4rem;
		line-height: 1.6;
		color: #000;
		padding:10px 0 0;
		letter-spacing:0.1rem;
		font-feature-settings: 'palt';
	}

	/* ============================================================
 	sec04
	==============================================================*/
	
	#sec04{
		width: 100%;
		padding: 90px 0 70px;
		position:relative;
		overflow:hidden;
		background:#f7f7f7;
	}
	
	#sec04 .wrapper{
		position:relative;
	}

	#sec04 .ttl_wrap{
		width: 40vw;
		max-width: 630px;
		position:absolute;
		top: 6px;
		left: calc(50% + 57px);
		z-index:10;
	}

	#sec04 .ttl_wrap .img_box{
		line-height:0;
		border-radius:0 70px 0 70px;
		overflow:hidden;
	}

	

	#sec04 .txt_wrap{
		padding: 0 500px 0 20px;
		position:relative;
	}

	#sec04 .txt_wrap:before{
		content: "";
		display: block;
		width: 100%;
		height: 34px;
		background:#60af46;
		position: absolute;
		top: 66px;
		left:0;
	}
	
	#sec04 h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 3.2rem;
		line-height: 1.4;
		color: #fff;
		white-space:nowrap;
		font-feature-settings: 'palt';
		letter-spacing:0.2rem;
		position:absolute;
		top: -39px;
		left: calc(50% - 235px);
	}

	#sec04 h2 span{
		display:inline-block;
		background:#000;
		margin:0 0 6px;
		padding: 0 10px 5px;
	}

	#sec04 .txt_wrap > h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 3.1rem;
		line-height: 1.4;
		color: #000;
		font-feature-settings: 'palt';
		letter-spacing:0.2rem;
		position:relative;
	}

	#sec04 .txt_wrap > h3 span{
		display:block;
		width: 110px;
		position:absolute;
		left:0;
		top: -39px;
	}

	#sec04 .txt_wrap > h4{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 2.1rem;
		line-height: 1.4;
		color: #fff;
		font-feature-settings: 'palt';
		letter-spacing:0.2rem;
		position:relative;
		padding: 25px 0 29px;
	}

	#sec04 .txt_wrap h5{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 1.7rem;
		line-height: 1.4;
		color: #60af46;
		font-feature-settings: 'palt';
		letter-spacing:0.2rem;
		position:relative;
		padding: 0 0 4px;
	}
	
	#sec04 ul li{
		padding:0 40px 0 0;
		margin: 0 0 18px 0;
	}
	#sec04 ul li p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.5rem;
		line-height: 1.6;
		color: #000;
		letter-spacing:0.1rem;
		font-feature-settings: 'palt';
	}

	#sec04 .colum_box{
		display:block;
		width: 74%;
		box-sizing:border-box;
		background:#f1f8ef;
		padding:16px 30px;
		border:2px solid #60af46;
		border-radius:30px;
		margin:30px 0 0 -10px;
	}

	#sec04 .colum_box h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 1.8rem;
		line-height: 1.4;
		color: #60af46;
		border-bottom:1px solid #60af46;
		padding:0 0 5px;
		font-feature-settings: 'palt';
	}

	#sec04 .colum_box p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.4rem;
		line-height: 1.6;
		color: #000;
		padding:10px 0 0;
		letter-spacing:0.1rem;
		font-feature-settings: 'palt';
	}

	/* ============================================================
 	sec05
	==============================================================*/
	
	#sec05{
		width: 100%;
		padding: 120px 0 80px;
		position:relative;
		overflow:hidden;
	}
	
	#sec05 .wrapper{
		position:relative;
	}

	#sec05 .ttl_wrap{
		width: 40vw;
		max-width: 630px;
		position:absolute;
		top:0;
		right:calc(50% + 50px);
		z-index:10;
	}

	#sec05 .ttl_wrap .img_box{
		line-height:0;
		border-radius:0 70px 0 70px;
		overflow:hidden;
	}

	

	#sec05 .txt_wrap{
		padding: 0 0 0 570px;
		position:relative;
	}

	#sec05 .txt_wrap:before{
		content: "";
		display: block;
		width: 100%;
		height: 34px;
		background:#60af46;
		position: absolute;
		top: 66px;
		left:0;
	}
	
	#sec05 h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 3.2rem;
		line-height: 1.4;
		color: #fff;
		white-space:nowrap;
		font-feature-settings: 'palt';
		letter-spacing:0.2rem;
		position:absolute;
		top: -39px;
		left: calc(50% - 216px);
	}

	#sec05 h2 span{
		display:inline-block;
		background:#000;
		margin:0 0 6px;
		padding: 0 10px 5px;
	}

	#sec05 .txt_wrap > h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 3.1rem;
		line-height: 1.4;
		color: #000;
		font-feature-settings: 'palt';
		letter-spacing:0.2rem;
		position:relative;
	}

	#sec05 .txt_wrap > h3 span{
		display:block;
		width: 110px;
		position:absolute;
		left:0;
		top: -39px;
	}

	#sec05 .txt_wrap > h4{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 2.1rem;
		line-height: 1.4;
		color: #fff;
		font-feature-settings: 'palt';
		letter-spacing:0.2rem;
		position:relative;
		padding: 25px 0 29px;
	}

	#sec05 .txt_wrap h5{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 1.7rem;
		line-height: 1.4;
		color: #60af46;
		font-feature-settings: 'palt';
		letter-spacing:0.2rem;
		position:relative;
		padding: 0 0 4px;
	}
	
	#sec05 ul li{
		padding:0 40px 0 0;
		margin: 0 0 18px 0;
	}
	#sec05 ul li p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.5rem;
		line-height: 1.6;
		color: #000;
		letter-spacing:0.1rem;
		font-feature-settings: 'palt';
	}

	#sec05 .colum_box{
		display:block;
		width: 80%;
		box-sizing:border-box;
		background:#f1f8ef;
		padding:16px 30px;
		border:2px solid #60af46;
		border-radius:30px;
		margin:30px 0 0 -10px;
	}

	#sec05 .colum_box h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 1.8rem;
		line-height: 1.4;
		color: #60af46;
		border-bottom:1px solid #60af46;
		padding:0 0 5px;
		font-feature-settings: 'palt';
	}

	#sec05 .colum_box p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.4rem;
		line-height: 1.6;
		color: #000;
		padding:10px 0 0;
		letter-spacing:0.1rem;
		font-feature-settings: 'palt';
	}

	/* ============================================================
 	sec06
	==============================================================*/
	
	#sec06{
		width: 100%;
		padding: 100px 0 90px;
		position:relative;
		overflow:hidden;
		background:#f7f7f7;
	}
	
	#sec06 .wrapper{
		position:relative;
	}

	#sec06 .ttl_wrap{
		width: 40vw;
		max-width: 630px;
		position:absolute;
		top: 10px;
		left: calc(50% + 115px);
		z-index:10;
	}

	#sec06 .ttl_wrap .img_box{
		line-height:0;
		border-radius:0 70px 0 70px;
		overflow:hidden;
	}

	

	#sec06 .txt_wrap{
		padding: 0 431px 0 20px;
		position:relative;
	}

	#sec06 .txt_wrap:before{
		content: "";
		display: block;
		width: 100%;
		height: 34px;
		background:#60af46;
		position: absolute;
		top: 66px;
		left:0;
	}
	
	#sec06 h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 3.2rem;
		line-height: 1.4;
		color: #fff;
		white-space:nowrap;
		font-feature-settings: 'palt';
		letter-spacing:0.2rem;
		position:absolute;
		top: -39px;
		left: calc(50% - 234px);
	}

	#sec06 h2 span{
		display:inline-block;
		background:#000;
		margin:0 0 6px;
		padding: 0 10px 5px;
	}

	#sec06 .txt_wrap > h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 3.1rem;
		line-height: 1.4;
		color: #000;
		font-feature-settings: 'palt';
		letter-spacing: 0.05rem;
		position:relative;
	}

	#sec06 .txt_wrap > h3 span{
		display:block;
		width: 110px;
		position:absolute;
		left:0;
		top: -39px;
	}

	#sec06 .txt_wrap > h4{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 2.1rem;
		line-height: 1.4;
		color: #fff;
		font-feature-settings: 'palt';
		letter-spacing:0.2rem;
		position:relative;
		padding: 25px 0 29px;
	}

	#sec06 .txt_wrap h5{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 1.7rem;
		line-height: 1.4;
		color: #60af46;
		font-feature-settings: 'palt';
		letter-spacing:0.2rem;
		position:relative;
		padding: 0 0 4px;
	}
	
	#sec06 ul li{
		padding:0 40px 0 0;
		margin: 0 0 18px 0;
	}
	#sec06 ul li p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.5rem;
		line-height: 1.6;
		color: #000;
		letter-spacing:0.1rem;
		font-feature-settings: 'palt';
	}

	#sec06 .colum_box{
		display:block;
		width: 45%;
		box-sizing:border-box;
		background:#f1f8ef;
		padding:16px 30px;
		border:2px solid #60af46;
		border-radius:30px;
		margin:30px 0 0 -10px;
	}

	#sec06 .colum_box h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 1.8rem;
		line-height: 1.4;
		color: #60af46;
		border-bottom:1px solid #60af46;
		padding:0 0 5px;
		font-feature-settings: 'palt';
	}

	#sec06 .colum_box p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.4rem;
		line-height: 1.6;
		color: #000;
		padding:10px 0 0;
		letter-spacing:0.1rem;
		font-feature-settings: 'palt';
	}
	
	/* ============================================================
 	section 07
	==============================================================*/
	
	#sec07{
		width: 100%;
		padding: 100px 0;
		position:relative;
	}

	#sec07 .wrapper{
		width: 1100px;
		border:1px solid #60af46;
		border-radius:14px;
		overflow: hidden;
	}

	#sec07 .flex_wrap{
		display:flex;
		justify-content: space-between;
		padding: 0 40px 0 80px;
	}

	#sec07 .ttl_wrap{
		display:flex;
	}

	#sec07 .ttl_wrap h2{
		box-sizing:border-box;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.6rem;
		color: #fff;
		background:#60af46;
		font-feature-settings: 'palt';
		letter-spacing:0.1rem;
		line-height: 1.5;
		width:230px;
		padding: 20px 0 14px;
		text-align:center;
	}

	#sec07 .ttl_wrap h2 span.sb1{
		font-weight: 800;
	}

	#sec07 .ttl_wrap h2 span.ss{
		display:block;
		font-size: 1.4rem;
	}

	#sec07 .ttl_wrap p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.3rem;
		color: #52953c;
		font-feature-settings: 'palt';
		letter-spacing: 0.1rem;
		line-height: 1.6;
		background: #E1EDDE;
		box-sizing:border-box;
		padding: 22px 20px 24px;
		width: 870px;
	}

	#sec07 ul{
		padding: 40px 0;
		width: 50%;
	}

	#sec07 ul li{
		display:flex;
		margin:10px 0;
		justify-content: space-between;
	}

	#sec07 ul li h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.5rem;
		color: #60af46;
		font-feature-settings: 'palt';
		letter-spacing: 0.1rem;
		line-height: 1.4;
		box-sizing:border-box;
		border:1px solid #60af46;
		border-radius: 9px;
		padding: 17px 25px 17px 66px;
		width: 200px;
		position: relative;
	}

	#sec07 ul li h3.ll01{
		padding: 16px 25px 18px 66px;
	}
	

	#sec07 ul li h3:after{
		content: "\025bc";
		display: block;
		font-size: 1.3rem;
		color: #60af46;
		position: absolute;
		top: 50%;
		right: -27px;
		transform:translate(0, -50%) rotate(-90deg);
	}

	#sec07 ul li h3 span{
		display:inline-block;
		font-family: 'Roboto', sans-serif;
		font-weight: 600;
		border-right:2px solid #60af46;
		padding: 6px 17px 6px 0;
		top: 50%;
		left: 23px;
		transform: translate(0,-50%);
		/* margin:0 14px 0 0; */
		position: absolute;
	}

	#sec07 ul li p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.4rem;
		font-feature-settings: 'palt';
		letter-spacing: 0.1rem;
		line-height: 1.4;
		color: #333333;
		box-sizing:border-box;
		padding: 12px 16px 0 7px;
		width: 260px;
	}

	#sec07 ul li p.ll01{
		padding: 21px 16px 0 7px;
	}

	
	
	/* ============================================================
 	sec_teacher
	==============================================================*/
	
	#sec_teacher{
		width: 100%;
		padding: 70px 0 120px;
		background: url("/guidance/icd/img/sec_teach_bg.gif");
	}

	#sec_teacher h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 5.8rem;
		text-align:center;
		line-height: 1.2;
		color: #3f4045;
		padding: 0 0 90px;
		letter-spacing: 0.03em;
		text-shadow:1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff;
	}

	#sec_teacher h2 span{
		display:block;
		font-weight: 400;
		font-size: 2.0rem;
		color: #fff;
		text-shadow:none;
	}

	#sec_teacher .swiper-container_teach{
		width: 1100px;
		margin:0 auto;
		overflow:hidden;
	}

	#sec_teacher .swiper-slide a{
		display:block;
		background:#fff;
		position:relative;
	}

	#sec_teacher .swiper-slide a h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 2.0rem;
		padding:5px 0 10px 20px;
	}

	#sec_teacher .swiper-slide a h3 span{
		display:block;
		font-size: 1.3rem;
		line-height:1.4;
		white-space:nowrap;
	}

	#sec_teacher .swiper-slide .img_box{
		line-height:0;
		overflow:hidden;
	}

	#sec_teacher .swiper-slide a .more{
		position:absolute;
		right: 20px;
		bottom: 25px;
	}

	#sec_teacher .swiper-slide a .more .txt{
		font-family: 'Barlow', sans-serif;
		font-weight: 600;
		font-size: 2.0rem;
		letter-spacing: 0.03em;
		position: relative;
		margin: 0 14px 0 0;
	}

	#sec_teacher .swiper-slide a .more .txt::after{
		content: '\3009';
		position: absolute;
		top: 52%;
		right: -25px;
		transform: translate(0, -50%);
		display: block;
		font-size: 1.8rem;
	}

	#sec_teacher .swiper-pagination-bullets {
	  width: 100%;
	  position: absolute;
	  bottom: 430px;
	  left: 50%;
	  text-align: center;
	  -webkit-transform:translate(-50%, -50%);
	  transform:translate(-50%, -50%);
	}

	#sec_teacher .swiper-pagination-bullet {
      background:#3e3f45;
    }

	#sec_teacher .swiper-pagination-bullet-active {
	  background: #fff;
	}

	#sec_teacher .swiper-pagination-bullet {
      width: 60px;
      height: 6px;
      display: inline-block;
      border: 1px solid #c5c7c9;
      margin: 0 5px !important;
      border-radius:0;
    }

	#sec_teacher .swiper-button-next_teach,
	#sec_teacher .swiper-button-prev_teach{
		width: 50px;
		height: 50px;
		border:2px solid #aaa;
		background:#505155;
		border-radius:50%;
		position:absolute;
		transform:translate(-50%,-50%);
		top: 63%;
		cursor:pointer;
	}

	#sec_teacher .swiper-button-next_teach{
		right: -96px;
	}
	#sec_teacher .swiper-button-prev_teach{
		left: -40px;
	}

	#sec_teacher .swiper-button-next_teach:before{
		content: '\3009';
		font-family: 'Barlow', sans-serif;
		font-weight: 400;
		position: absolute;
		top: 50%;
		left: 61%;
		transform: translate(-50%, -50%);
		display: block;
		font-size: 1.6rem;
		color:#fff;
	}

	#sec_teacher .swiper-button-prev_teach:before{
		content: '\3009';
		font-family: 'Barlow', sans-serif;
		font-weight: 400;
		position: absolute;
		top: 50%;
		left: 40%;
		transform: translate(-50%, -50%) rotate(180deg);
		display: block;
		font-size: 1.6rem;
		color:#fff;
	}

	#sec_teacher .swiper-slide a .img_box img{
		transition: all 0.5s ease 0s;
	}

	#sec_teacher .swiper-slide a:hover .img_box img{
		transform: scale(1.1);
	}

	#sec_teacher .swiper-button-next_teach,
	#sec_teacher .swiper-button-prev_teach{
		transition: all 0.5s ease 0s;
	}

	#sec_teacher .swiper-button-next_teach:hover,
	#sec_teacher .swiper-button-prev_teach:hover{
		background:#000;
	}

	

	/* ============================================================
 	Modal CSS
	==============================================================*/
	
	#modal_win {
		position: fixed;
		top: 0;
		left: 0;
		background: rgba(0,0,0);
		width: 100vw;
		height: 100vh;
		z-index: 10000;
		display: none;
		cursor: pointer;
	}

	#modal_win .m_n_wrap {
		position: relative;
		width: 100%;
		height: 100vh;
	}

	#modal_win .m_n_box,#modal_win .m_n_box_teach {
		display:none;
		position: absolute;
		top: 48%;
		left: 50%;
		transform:translate(-50%, -50%);
		opacity:0;
		width: 60vw;
		transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	#modal_win .m_n_box_mov {
		display:none;
		position: absolute;
		top: 48%;
		left: 50%;
		transform:translate(-50%, -50%);
		opacity:0;
		width: 70vw;
		transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	#modal_win .m_n_box_act{
		display:block;
		opacity:1;
		transform:translate(-50%, -50%);
	}

	#modal_win iframe{
		display:none;
		width:calc(70vw);
		height:calc(70vw*315/560);
		max-height:680px;
	}

	#modal_win .m_n_box_act iframe{
		display:block;
	}

	
    
   #modal_win h2{
	   display:block;
	   font-family: 'Noto Sans JP', sans-serif;
	   font-weight:500;
	   font-size: 2.8rem;
	   text-align:center;
	   color:#fff;
	   padding: 0 0 5px;
	   font-feature-settings: 'palt';
	  }

	#modal_win h3{
	   display:block;
	   font-family: 'Noto Sans JP', sans-serif;
	   font-weight:500;
	   font-size: 2.4rem;
	   line-height: 1.4;
	   text-align:center;
	   color:#000;
	   padding: 0 0 8px;
	   font-feature-settings: 'palt';
	  }

	#modal_win p{
	   display:block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:400;
		font-size: 1.5rem;
		color:#000;
	   padding:0 0 10px;
		font-feature-settings: 'palt';
   }
	
	#modal_win .btn_list_a{
		display:flex;
		justify-content:center;
		gap:0 8px;
		padding: 0 0 20px;
	}

	#modal_win .btn_list_a a{
		display:block;
		box-sizing:border-box;
		width:50px;
		height:50px;
		font-family: 'Barlow', sans-serif;
		font-weight:400;
		font-size: 2.6rem;
		line-height:1;
		text-align:center;
		color:#fff;
		border-radius:50%;
		border:2px solid #fff;
		padding:9px 2px 0 0;
		transform:scale(0.9);
	}

	#modal_win .btn_list_a a.act{
		background:#fff;
		color:#000;
		transform:scale(1.05);
	}

	#modal_win .w_con_wrap{
		background:#fff;
		box-sizing: border-box;
		min-height: 352px;
		border-radius: 30px;
		padding: 5px 100px 40px;
		position:relative;
	}

	#modal_win .w_con_wrap .num{
		display:block;
		font-family: 'Barlow', sans-serif;
		font-weight:600;
		font-size: 4.6rem;
		color: #000;
		text-align:center;
		position:relative;
	}

	#modal_win .w_con_wrap:before{
		content: "";
		display: block;
		width:50px;
		height:10px;
		background:#fff100;
		position: absolute;
		top: 58px;
		left: 50%;
		transform:translate(-50%,0);
	}
	
	#modal_win .m_n_wrap > ul > li{
		position:fixed;
		top: 20px;
		right: 20px;
	}

	#modal_win .m_n_box_teach {
		background: url("/guidance/icd/img/sec_teach_bg.gif");
		border-radius: 30px;
		overflow:hidden;
		width: 1060px;
	}

	#modal_win .w_con_wrap_teach{
		display:none;
		justify-content:space-between;
		box-sizing: border-box;
		max-height: 70vh;
		overflow-y: auto;
		margin:30px;
		padding: 20px 30px 0 20px;
		gap: 0 20px;
	}

	#modal_win .m_n_box_act .w_con_wrap_teach{
		display:flex;
	}

	#modal_win .w_con_wrap_teach .photo_box{
		width: 256px;
		height: 250px;
		line-height: 0;
		border-radius: 20px;
		overflow: hidden;
	}

	#modal_win .w_con_wrap_teach h2{
	   display:block;
	   font-family: 'Noto Sans JP', sans-serif;
	   font-weight:500;
	   font-size: 2.4rem;
	   text-align:left;
	   color:#fff;
	   padding: 0 0 5px;
	   letter-spacing: 0.2rem;
	   border-bottom:1px solid #fff;
	   margin: 0 0 30px;
	   font-feature-settings: 'palt';
	  }

	#modal_win .w_con_wrap_teach h2 span{
		font-size: 1.5rem;
		padding:0 0 0 20px;
	}

	#modal_win .w_con_wrap_teach li{
		display:flex;
		justify-content: space-between;
		flex-wrap:wrap;
		margin: 0 0 20px;
	}

	#modal_win .w_con_wrap_teach h3{
	   display:block;
	   width: 80px;
	   font-family: 'Noto Sans JP', sans-serif;
	   font-weight:600;
	   font-size: 1.5rem;
	   line-height: 1.4;
	   text-align:left;
	   color:#fff;
	   padding: 4px 0 0 14px;
	   position: relative;
	   font-feature-settings: 'palt';
	  }
	#modal_win .w_con_wrap_teach h3:before{
		content: "";
		display: block;
		width: 6px;
		height: 6px;
		background:#c2c2c2;
		position: absolute;
		top: 13px;
		left:0;
	}

	#modal_win .w_con_wrap_teach h3.f_ttl{
		width:100%;
		padding: 4px 0 10px 14px;
		margin: 10px 0 0;
	}

	#modal_win .w_con_wrap_teach p{
	   width: 520px;
	   display:block;
	   font-family: 'Noto Sans JP', sans-serif;
	   font-weight: 300;
	   font-size: 1.5rem;
	   letter-spacing: 0.1rem;
	   color:#fff;
	   padding: 0;
	   font-feature-settings: 'palt';
	  }

	#modal_win .w_con_wrap_teach p.f_body{
		width:100%;
		padding: 0 0 10px 13px;
	}

	#modal_win .w_con_wrap_teach .photo_box img{
		transform:scale(1.1) translate(0,10px);
	}

	#modal_win .w_con_wrap_teach .txt_wrap{
		width:620px;
	}
	
	
	#modal_win a.xClose{
		display:block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:400;
		font-size: 1.6rem;
		text-align:center;
		color:#fff;
		position: relative;
	}

	#modal_win a.xClose span{
		display:block;
		width:50px;
		line-height:0;
		border-radius:50%;
		border:2px solid #fff;
	}

	#modal_win a.xClose span{
		transition: all 0.4s cubic-bezier(0.12, 0.74, 0.36, 1);
	}

	#modal_win a.xClose:hover span{
		transform: scale(1.1);
	}

	#modal_win .btn_list_a a{
		transition: all 0.4s cubic-bezier(0.12, 0.74, 0.36, 1);
	}

	#modal_win .btn_list_a a:hover{
		background:#fff;
		color:#000;
	}


	
	

	
}





