/* ============================================================
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;
		background:#6bc33b;
		position: relative;
		overflow:hidden;
	}

	#main_sec_wrap:before{
		content: "";
		display: block;
		width: 100%;
		height: 580px;
		background:url("/guidance/icd/check/img/bg_slash_w.png");
		background-size:28px auto;
		opacity:0.2;
		position: absolute;
		top:0;
		left:0;
	}
	
	#main_sec_wrap .txt_wrap{
		width: 510px;
		position: absolute;
		top: 48%;
		left: 50%;
		transform: translate(-50%,-50%);
	}

	#main_sec_wrap h1{
		line-height:0;
	}

	#main_sec_wrap .img_box{
		width:300px;
		position: absolute;
		bottom: -100px;
		left: calc(50% - 400px);
		transform: translate(-50%,0);
	}
	

	/* ============================================================
 	sec01
	==============================================================*/
	
	#sec01{
		width: 100%;
		padding: 0 0 160px;
		position:relative;
		overflow:hidden;
		margin:-50px 0 0;
	}

	
	#sec01 .wrapper{
		position:relative;
		box-sizing: border-box;
		background:#fff;
		overflow: hidden;
		border: 4px solid #6bc33b;
		box-shadow: 0 30px 0 0 #6bc33b;
		border-radius:60px;
		padding: 40px 57px 63px;
	}

	#sec01 .wrapper:before{
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		background:url("/guidance/icd/check/img/mv_bg_line_b.gif");
		background-size: 10px auto;
		opacity: 0.1;
		position: absolute;
		top:0;
		left:0;
	}

	#sec01 .ttl_wrap{
		text-align:center;
		position:relative;
	}

	#sec01 .ttl_wrap:before{
		content: "";
		display: block;
		width:50px;
		height:2px;
		background:#000;
		background-size: 10px auto;
		position: absolute;
		top: 54px;
		left: calc(50% - 266px);
		transform:rotate(60deg);
	}

	#sec01 .ttl_wrap:after{
		content: "";
		display: block;
		width:50px;
		height:2px;
		background:#000;
		background-size: 10px auto;
		position: absolute;
		top: 54px;
		right: calc(50% - 266px);
		transform:rotate(-60deg);
	}

	
	#sec01 h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 800;
		font-size: 5.8rem;
		line-height: 1.4;
		color: #fff;
		font-feature-settings: 'palt';
		letter-spacing:0.1rem;
		padding: 0 0 10px;
		text-shadow:1px 1px 0 #000,-1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000;
	}

	#sec01 h2 span{
		display:block;
		font-weight: 600;
		font-size:2.2rem;
		color:#000;
		text-shadow:none;
		padding:20px 0 18px;
	}


	#sec01 p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.8rem;
		line-height: 1.4;
		color: #000;
		font-feature-settings: 'palt';
		letter-spacing:0.1rem;
		text-align:center;
		padding:0 0 50px;
	}

	#sec01 ul{
		display:flex;
		flex-wrap:wrap;
		gap:16px;
		position: relative;
	}


	#sec01 a{
		display:block;
		box-sizing:border-box;
		background:#fff;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.80rem;
		font-feature-settings: 'palt';
		border-radius:40px;
		overflow:hidden;
		padding: 8px 18px 12px;
	}

	#sec01 a span{
		display:inline-block;
		font-weight: 600;
		padding:0 5px 0 0;
	}

	#sec01 a.type_a{
		color:#6bc33b;
		border:2px solid #6bc33b;
		box-shadow: 0 4px 0 1px #6bc33b;
	}

	#sec01 a.type_b{
		color:#a660a3;
		border:2px solid #a660a3;
		box-shadow: 0 4px 0 1px #a660a3;
	}

	#sec01 a.type_c{
		color:#ef5789;
		border:2px solid #ef5789;
		box-shadow: 0 4px 0 1px #ef5789;
	}

	#sec01 a.type_d{
		color:#47abdf;
		border:2px solid #47abdf;
		box-shadow: 0 4px 0 1px #47abdf;
	}

	#sec01 a.type_e{
		color:#e3a223;
		border:2px solid #e3a223;
		box-shadow: 0 4px 0 1px #e3a223;
	}

	#sec01 a{
		transition: all 0.3s ease 0s;
	}

	#sec01 a.type_a:hover{
		color:#fff;
		background:#90d56a;
		transform:translate(2px,2px);
	}

	#sec01 a.type_b:hover{
		color:#fff;
		background:#c087be;
		transform:translate(2px,2px);
	}

	#sec01 a.type_c:hover{
		color:#fff;
		background:#f48fb0;
		transform:translate(2px,2px);
	}

	#sec01 a.type_d:hover{
		color:#fff;
		background:#8ccced;
		transform:translate(2px,2px);
	}

	#sec01 a.type_e:hover{
		color:#fff;
		background:#f3c46b;
		transform:translate(2px,2px);
	}


	/* ============================================================
 	sec02
	==============================================================*/
	
	#sec_type{
		width: 100%;
		padding: 120px 0 160px;
		position:relative;
		overflow:hidden;
		background: #f1f2f1;
	}

	#sec_type:before{
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		background:url("/guidance/icd/check/img/mv_bg_line_b.gif");
		background-size: 10px auto;
		opacity: 0.1;
		position: absolute;
		top:0;
		left:0;
	}

	#sec_type .ttl_wrap{
		width:510px;
		margin: 0 auto 70px;
	}

	#sec_type .hash_list{
		display:flex;
		flex-wrap: wrap;
		gap: 6px;
	}

	#sec_type .hash_list li{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.4rem;
		color: #8b8b8b;
		background:#fff;
		font-feature-settings: 'palt';
		letter-spacing: 0rem;
		border: 2px solid #dfdfdf;
		border-radius: 4px;
		padding: 0 14px;
	}

	#sec_type .hash_list li span{
		display:inline-block;
		padding:0 3px 0 0;
	}

	#sec_type h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 3.4rem;
		line-height: 1.3;
		font-feature-settings: 'palt';
		letter-spacing:0.1rem;
		padding: 20px 0 10px;
		margin: 0 0 32px;
	}

	#sec_type h2 span{
		display:block;
		font-size: 2.0rem;
		padding: 0 0 5px;
	}

	#sec_type p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 1.8rem;
		line-height: 1.3;
		font-feature-settings: 'palt';
		letter-spacing:0.1rem;
		padding: 0 0 10px 22px;
		position:relative;
	}

	#sec_type p:before{
		content: "";
		display: block;
		width: 6px;
		height: 6px;
		position: absolute;
		top: 8px;
		left:0;
		transform:rotate(-45deg);
	}

	#sec_type p:after{
		content: "";
		display: block;
		width: 6px;
		height: 6px;
		position: absolute;
		top: 8px;
		left: 6px;
		transform:rotate(-45deg);
	}

	#sec_type .link_list{
		width: 690px;
		display:flex;
		flex-wrap: wrap;
		gap: 10px 6px;
	}

	#sec_type .link_list a{
		display:block;
		box-sizing:border-box;
		background:#fff;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.4rem;
		font-feature-settings: 'palt';
		border-radius:40px;
		overflow:hidden;
		padding: 4px 30px 6px 14px;
		position:relative;
	}

	#sec_type .link_list a:after{
		content: "\3009";
		display: block;
		font-size: 1.2rem;
		font-weight: 800;
		position: absolute;
		top: 6px;
		right: 13px;
	}
	
	/* type_a start -------------------------------------- */

	#type_a{
		box-sizing:border-box;
		background:#fff;
		position:relative;
		width:calc(50vw + 500px);
		margin: 0 auto 100px 0;
		padding:40px 0 40px calc(50vw - 500px);
		box-shadow: -4px 4px 0 10px #6bc33b;
		border-radius:0 60px 60px 0;
	}

	#type_a .img_box_a{
		width: 278px;
		position:absolute;
		top: 57%;
		right:50px;
		transform:translate(0,-50%);
	}

	#type_a h2{
		width: 600px;
		color:#6bc33b;
		border-bottom: 2px dotted #6bc33b;
	}

	#type_a p{
		color:#6bc33b;
	}

	#type_a p:before,#type_a p:after{
		border-right:solid 2px #6bc33b;
		border-bottom:solid 2px #6bc33b;
	}

	#type_a .link_list a{
		color:#6bc33b;
		border: 2px solid #6bc33b;
	}

	#type_a .link_list a:after{
		color:#6bc33b;
	}
	
	/* type_a end ----------------------------------------- */
	
	
	/* type_b start -------------------------------------- */

	#type_b{
		box-sizing:border-box;
		background:#fff;
		position:relative;
		width:calc(50vw + 500px);
		margin: 0 0 100px auto;
		padding: 40px 0 40px  390px;
		box-shadow: 4px 4px 0 10px #a660a3;
		border-radius: 60px 0 0 60px;
	}

	#type_b .img_box_b{
		width: 288px;
		position:absolute;
		top:50%;
		left: 50px;
		transform:translate(0,-50%);
	}

	#type_b h2{
		width: 620px;
		color:#a660a3;
		border-bottom: 2px dotted #a660a3;
	}

	#type_b p{
		color:#a660a3;
	}

	#type_b p:before,#type_b p:after{
		border-right:solid 2px #a660a3;
		border-bottom:solid 2px #a660a3;
	}

	#type_b .link_list a{
		color:#a660a3;
		border: 2px solid #a660a3;
	}

	#type_b .link_list a:after{
		color:#a660a3;
	}
	
	/* type_b end ----------------------------------------- */
	
	
	/* type_c start -------------------------------------- */

	#type_c{
		box-sizing:border-box;
		background:#fff;
		position:relative;
		width:calc(50vw + 500px);
		margin: 0 auto 100px 0;
		padding:40px 0 40px calc(50vw - 500px);
		box-shadow: -4px 4px 0 10px #ef5789;
		border-radius:0 60px 60px 0;
	}

	#type_c .img_box_c{
		width: 318px;
		position:absolute;
		top: 54%;
		right: 28px;
		transform:translate(0,-50%);
	}

	#type_c h2{
		width: 636px;
		color:#ef5789;
		border-bottom: 2px dotted #ef5789;
	}

	#type_c p{
		color:#ef5789;
	}

	#type_c p:before,#type_c p:after{
		border-right:solid 2px #ef5789;
		border-bottom:solid 2px #ef5789;
	}

	#type_c .link_list a{
		color:#ef5789;
		border: 2px solid #ef5789;
	}

	#type_c .link_list a:after{
		color:#ef5789;
	}
	
	/* type_c end ----------------------------------------- */
	
	
	/* type_d start -------------------------------------- */

	#type_d{
		box-sizing:border-box;
		background:#fff;
		position:relative;
		width:calc(50vw + 500px);
		margin: 0 0 100px auto;
		padding: 40px 0 40px 390px;
		box-shadow: 4px 4px 0 10px #47abdf;
		border-radius: 60px 0 0 60px;
	}

	#type_d .img_box_d{
		width: 288px;
		position:absolute;
		top:50%;
		left: 50px;
		transform:translate(0,-50%);
	}

	#type_d h2{
		width: 620px;
		color:#47abdf;
		border-bottom: 2px dotted #47abdf;
	}

	#type_d p{
		color:#47abdf;
	}

	#type_d p:before,#type_d p:after{
		border-right:solid 2px #47abdf;
		border-bottom:solid 2px #47abdf;
	}

	#type_d .link_list a{
		color:#47abdf;
		border: 2px solid #47abdf;
	}

	#type_d .link_list a:after{
		color:#47abdf;
	}
	
	/* type_d end ----------------------------------------- */
	
	
	/* type_e start -------------------------------------- */

	#type_e{
		box-sizing:border-box;
		background:#fff;
		position:relative;
		width:calc(50vw + 500px);
		margin: 0 auto 100px 0;
		padding:40px 0 40px calc(50vw - 500px);
		box-shadow: -4px 4px 0 10px #e9a41c;
		border-radius:0 60px 60px 0;
	}

	#type_e .img_box_e{
		width: 320px;
		position:absolute;
		top: 55%;
		right: 38px;
		transform:translate(0,-50%);
	}

	#type_e h2{
		width: 600px;
		color:#e9a41c;
		border-bottom: 2px dotted #e9a41c;
	}

	#type_e p{
		color:#e9a41c;
	}

	#type_e p:before,#type_e p:after{
		border-right:solid 2px #e9a41c;
		border-bottom:solid 2px #e9a41c;
	}

	#type_e .link_list a{
		color:#e9a41c;
		border: 2px solid #e9a41c;
	}

	#type_e .link_list a:after{
		color:#e9a41c;
	}
	
	/* type_e end ----------------------------------------- */
	
	

	#sec_type .link_list  a{
		transition: all 0.3s ease 0s;
	}
	

	#type_a .link_list a:hover{
		color:#fff;
		background:#90d56a;
		transform:translate(2px,2px);
	}

	#type_a .link_list a:hover:after{
		color:#fff;
	}
	

	#type_b .link_list a:hover{
		color:#fff;
		background:#b684b4;
		transform:translate(2px,2px);
	}

	#type_b .link_list a:hover:after{
		color:#fff;
	}
	
	
	#type_c .link_list a:hover{
		color:#fff;
		background:#de82a1;
		transform:translate(2px,2px);
	}

	#type_c .link_list a:hover:after{
		color:#fff;
	}
	
	
	#type_d .link_list a:hover{
		color:#fff;
		background:#82caf0;
		transform:translate(2px,2px);
	}

	#type_d .link_list a:hover:after{
		color:#fff;
	}
	
	
	#type_e .link_list a:hover{
		color:#fff;
		background:#f1b150;
		transform:translate(2px,2px);
	}

	#type_e .link_list a:hover:after{
		color:#fff;
	}

	

	/* ============================================================
 	section other
	==============================================================*/
	
	#sec_other{
		width: 100%;
		padding: 80px 0 120px;
		background: #c9d3d6;
	}
	
	#sec_other .wrapper{
	text-align: center;
	}
	
	#sec_other h2{
		font-family: 'Barlow', sans-serif;
		font-weight: 500;
		font-size: 2.8rem;
		color: #000000;
		margin: 0 auto 40px;
		display: inline-block;
		position: relative;
		padding: 0 8px 3px 8px;
		letter-spacing: 0.03em;
	}

	#sec_other h2 span{
		font-weight:800;
	}

	#sec_other h2::before{
		content: '';
		display: block;
		width: 100%;
		height: 3px;
		background: #000000;
		position: absolute;
		bottom: 0;
		left: 0;
	}

	#sec_other h2::after{
		content: '';
		display: block;
		width: 100%;
		height: 1px;
		background: #000000;
		position: absolute;
		bottom: -4px;
		left: 0;
	}

	#sec_other ul{
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		gap: 20px;
	}

	#sec_other ul li{
		width: 340px;
	}

	#sec_other ul li a{
		display: block;
		position: relative;
		height: 100%;
		border-radius: 10px;
		overflow: hidden;
	}

	#sec_other .img_box_01 {
		line-height: 0;
	}


	#sec_other .img_box_02 {
		position: absolute;
		line-height: 0;
		top: 0;
		left: 0;
		width: 100%;
	}

	#sec_other ul li a img {
		transition: all 0.5s ease 0s;
	}
	
	#sec_other ul li a:hover img {
		transform: scale(1.1);
	}

	#sec_other ul li a {
		transition: all 0.5s ease 0s;
	}
	
	#sec_other ul li a:hover {
		transform: scale(1);
	}

	

	/* ============================================================
 	hash_tag
	==============================================================*/
	
	#Hash_btn{
		display:block;
		position:fixed;
		width: 120px;
		left:20px;
		bottom:-100px;
		z-index: 999;
		transition: all 0.5s cubic-bezier(0, 0, 0.16, 0.99) 0s;
	}

	#Hash_btn.fix{
		bottom:20px;
	}

	#Hash_btn.fix_off{
		bottom:-100px;
	}

	#Hash_btn a{
		display:block;
		line-height:0;
	}

	#Hash_btn a img{
		animation: cv_loop 1.5s infinite cubic-bezier(0.13, 0.38, 0.43, 0.99);
	}

	#Hash_btn a{
		transition: all 0.5s cubic-bezier(0, 0, 0.13, 0.99) 0s;
	}

	#Hash_btn a:hover{
		opacity:0.5;
	}

	#Hash_btn a:hover img{
		animation:none;
	}
	
	
	#hash_tag{
		position:fixed;
		width: 96vw;
		left:50%;
		bottom:-500px;
		transform:translate(-50%,0);
		z-index: 99999;
		transition: all 0.8s cubic-bezier(0, 0, 0.24, 1) 0s;
	}

	#hash_tag.fix{
		bottom:-50px;
	}

	#hash_tag .hash_wrap{
		position:relative;
		box-sizing: border-box;
		background:#fff;
		overflow: hidden;
		border: 4px solid #6bc33b;
		border-radius: 30px;
		padding: 30px 60px 80px;
	}

	#hash_tag .hash_wrap:before{
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		background:url("/guidance/icd/check/img/mv_bg_line_b.gif");
		background-size: 10px auto;
		opacity: 0.1;
		position: absolute;
		top:0;
		left:0;
	}

	#hash_tag .closeWrap{
		position:fixed;
		top: 20px;
		right: 20px;
	}
	
	#hash_tag .closeWrap a.xHashClose{
		display:block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 1.4rem;
		text-align:center;
		color:#6bc33b;
		position: relative;
	}

	#hash_tag .closeWrap a.xHashClose span{
		display:block;
		width: 40px;
		line-height:0;
		border-radius:50%;
		border:2px solid #6bc33b;
		background:#6bc33b;
	}


	#hash_tag .closeWrap a.xHashClose span{
		transition: all 0.4s cubic-bezier(0.12, 0.74, 0.36, 1);
	}

	#hash_tag .closeWrap a.xHashClose:hover span{
		transform: scale(1.1);
	}

	#hash_tag ul{
		display:flex;
		flex-wrap:wrap;
		gap: 12px 10px;
		position: relative;
		justify-content: center;
	}


	#hash_tag .hash_list a{
		display:block;
		box-sizing:border-box;
		background:#fff;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.4rem;
		font-feature-settings: 'palt';
		border-radius:40px;
		overflow:hidden;
		padding: 6px 14px 10px;
	}

	#hash_tag .hash_list a span{
		display:inline-block;
		font-weight: 600;
		padding:0 5px 0 0;
	}

	#hash_tag .hash_list a.type_a{
		color:#6bc33b;
		border:2px solid #6bc33b;
		box-shadow: 0 4px 0 1px #6bc33b;
	}

	#hash_tag .hash_list a.type_b{
		color:#a660a3;
		border:2px solid #a660a3;
		box-shadow: 0 4px 0 1px #a660a3;
	}

	#hash_tag .hash_list a.type_c{
		color:#ef5789;
		border:2px solid #ef5789;
		box-shadow: 0 4px 0 1px #ef5789;
	}

	#hash_tag .hash_list a.type_d{
		color:#47abdf;
		border:2px solid #47abdf;
		box-shadow: 0 4px 0 1px #47abdf;
	}

	#hash_tag .hash_list a.type_e{
		color:#e3a223;
		border:2px solid #e3a223;
		box-shadow: 0 4px 0 1px #e3a223;
	}

	#hash_tag .hash_list a{
		transition: all 0.3s ease 0s;
	}

	#hash_tag .hash_list a.type_a:hover{
		color:#fff;
		background:#90d56a;
		transform:translate(2px,2px);
	}

	#hash_tag .hash_list a.type_b:hover{
		color:#fff;
		background:#c087be;
		transform:translate(2px,2px);
	}

	#hash_tag .hash_list a.type_c:hover{
		color:#fff;
		background:#f48fb0;
		transform:translate(2px,2px);
	}

	#hash_tag .hash_list a.type_d:hover{
		color:#fff;
		background:#8ccced;
		transform:translate(2px,2px);
	}

	#hash_tag .hash_list a.type_e:hover{
		color:#fff;
		background:#f3c46b;
		transform:translate(2px,2px);
	}

	


	
	

	
}