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

@media (max-width:761px){
	
	
	/* ============================================================
 	main_sec_wrap
	==============================================================*/
	
    .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: 700px;
		background:#6bc33b;
		position: relative;
		overflow:hidden;
	}

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

	#main_sec_wrap h1{
		line-height:0;
	}

	#main_sec_wrap .img_box{
		width: 70vw;
		position: absolute;
		bottom: -111px;
		left: calc(49%);
		transform: translate(-50%,0);
	}

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

	
	#sec01 .wrapper{
		width: 98vw;
		margin: 0 auto;
		position:relative;
		box-sizing: border-box;
		background:#fff;
		overflow: hidden;
		border: 3px solid #6bc33b;
		box-shadow: 0 30px 0 0 #6bc33b;
		border-radius: 30px;
		padding: 20px 4vw 28px;
	}

	#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: 40px;
		height:2px;
		background:#000;
		background-size: 10px auto;
		position: absolute;
		top: 40px;
		left: -2vw;
		transform: rotate(72deg);
	}

	#sec01 .ttl_wrap:after{
		content: "";
		display: block;
		width:40px;
		height:2px;
		background:#000;
		background-size: 10px auto;
		position: absolute;
		top: 40px;
		right: -2vw;
		transform:rotate(-72deg);
	}

	
	#sec01 h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 800;
		font-size: 3.4rem;
		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: 1.4rem;
		color:#000;
		text-shadow:none;
		padding: 20px 0 6px;
	}


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

	#sec01 ul{
		display:flex;
		flex-wrap:wrap;
		gap: 10px;
		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.2rem;
		font-feature-settings: 'palt';
		border-radius:40px;
		overflow:hidden;
		padding: 6px 12px 7px;
	}

	#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;
	}


	/* ============================================================
 	sec02
	==============================================================*/
	
	#sec_type{
		width: 100%;
		padding: 50px 0 40px;
		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: 86vw;
		margin: 0 auto 30px;
	}

	#sec_type .hash_list{
		display:flex;
		gap: 6px;
		padding: 30px 4vw 6px;
		flex-wrap: wrap;
		background: #fff;
	}

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

	#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: 2.5rem;
		line-height: 1.3;
		font-feature-settings: 'palt';
		letter-spacing:0.1rem;
		padding: 10px 4vw 32px;
		background: #fff;
	}

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

	#sec_type p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 1.6rem;
		line-height: 1.3;
		font-feature-settings: 'palt';
		letter-spacing:0.1rem;
		text-align: center;
		padding: 20px 0 24px;
		position:relative;
	}

	#sec_type p:before{
		content: "";
		display: block;
		width: 8px;
		height: 8px;
		position: absolute;
		bottom: 12px;
		left:50%;
		border-right:solid 2px #fff;
		border-bottom:solid 2px #fff;
		transform:translate(-50%,0) rotate(45deg);
	}


	#sec_type .link_list{
		width: 100%;
		box-sizing: border-box;
		display:flex;
		flex-wrap: wrap;
		gap: 5px;
		padding: 0 2vw 20px;
	}

	#sec_type .link_list li{
		width: 100%;
	}

	#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 16px;
		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: 94vw;
		margin: 0 auto 50px;
		border: 4px solid #6bc33b;
		background:#6bc33b;
		border-radius: 24px;
		overflow: hidden;
	}

	#type_a .img_box_a{
		box-sizing:border-box;
		width: 100%;
		padding: 18px 18vw 10px;
		overflow:hidden;
		position:relative;
		background:#f0f9eb;
	}

	#type_a .img_box_a img{
		position:relative;
		z-index:2;
	}

	#type_a .img_box_a:before{
		content: "";
		display: block;
		width: 100%;
		height:100%;
		background:url("/guidance/icd/check/img/bg_slash_w.png");
		background-size: 28px auto;
		opacity:0.75;
		position: absolute;
		top:0;
		left:0;
		z-index:1;
	}

	#type_a h2{
		color:#6bc33b;
	}

	#type_a p{
		color: #fff;
		background: #6bc33b;
	}


	#type_a .link_list{
		background:#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: 94vw;
		margin: 0 auto 50px;
		border: 4px solid #a660a3;
		background:#a660a3;
		border-radius: 24px;
		overflow: hidden;
	}

	#type_b .img_box_b{
		box-sizing:border-box;
		width: 100%;
		padding: 30px 14vw;
		overflow:hidden;
		position:relative;
		background:#fbf2fa;
	}

	#type_b .img_box_b img{
		position:relative;
		z-index:2;
	}

	#type_b .img_box_b:before{
		content: "";
		display: block;
		width: 100%;
		height:100%;
		background:url("/guidance/icd/check/img/bg_slash_w.png");
		background-size: 28px auto;
		opacity:0.75;
		position: absolute;
		top:0;
		left:0;
		z-index:1;
	}

	#type_b h2{
		color:#a660a3;
	}

	#type_b p{
		color: #fff;
		background: #a660a3;
	}

	#type_b .link_list{
		background:#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: 94vw;
		margin: 0 auto 50px;
		border: 4px solid #ef5789;
		background:#ef5789;
		border-radius: 24px;
		overflow: hidden;
	}

	#type_c .img_box_c{
		box-sizing:border-box;
		width: 100%;
		padding: 30px 12vw;
		overflow:hidden;
		position:relative;
		background:#fbf2fa;
	}

	#type_c .img_box_c img{
		position:relative;
		z-index:2;
	}

	#type_c .img_box_c:before{
		content: "";
		display: block;
		width: 100%;
		height:100%;
		background:url("/guidance/icd/check/img/bg_slash_w.png");
		background-size: 28px auto;
		opacity:0.75;
		position: absolute;
		top:0;
		left:0;
		z-index:1;
	}

	#type_c h2{
		color:#ef5789;
	}

	#type_c p{
		color: #fff;
		background: #ef5789;
	}

	#type_c .link_list{
		background:#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: 94vw;
		margin: 0 auto 50px;
		border: 4px solid #47abdf;
		background:#47abdf;
		border-radius: 24px;
		overflow: hidden;
	}

	#type_d .img_box_d{
		box-sizing:border-box;
		width: 100%;
		padding: 30px 14vw;
		overflow:hidden;
		position:relative;
		background:#ecf1f4;
	}

	#type_d .img_box_d img{
		position:relative;
		z-index:2;
	}

	#type_d .img_box_d:before{
		content: "";
		display: block;
		width: 100%;
		height:100%;
		background:url("/guidance/icd/check/img/bg_slash_w.png");
		background-size: 28px auto;
		opacity:0.75;
		position: absolute;
		top:0;
		left:0;
		z-index:1;
	}

	#type_d h2{
		color:#47abdf;
	}

	#type_d p{
		color: #fff;
		background: #47abdf;
	}

	#type_d .link_list{
		background:#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: 94vw;
		margin: 0 auto 50px;
		border: 4px solid #e9a41c;
		background:#e9a41c;
		border-radius: 24px;
		overflow: hidden;
	}

	#type_e .img_box_e{
		box-sizing:border-box;
		width: 100%;
		padding: 34px 10vw;
		overflow:hidden;
		position:relative;
		background:#fdf6e6;
	}

	#type_e .img_box_e img{
		position:relative;
		z-index:2;
	}

	#type_e .img_box_e:before{
		content: "";
		display: block;
		width: 100%;
		height:100%;
		background:url("/guidance/icd/check/img/bg_slash_w.png");
		background-size: 28px auto;
		opacity:0.75;
		position: absolute;
		top:0;
		left:0;
		z-index:1;
	}

	#type_e h2{
		color:#e9a41c;
	}

	#type_e p{
		color: #fff;
		background: #e9a41c;
	}

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

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

	
	

	/* ============================================================
 	section other
	==============================================================*/

	#sec_other{
		width: 100%;
		padding: 60px 0 80px;
		background: #c9d3d6;
	}
	
	#sec_other .wrapper{
	padding: 0 8%;
	}
	
	#sec_other h2{
		font-family: 'Barlow', sans-serif;
		font-weight: 500;
		font-size: 2.5rem;
		color: #000000;
		margin: 0 auto 38px;
		display:block;
		text-align: center;
		position: relative;
		padding: 0 8px 8px 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{
		position:relative;
		padding: 0 0 30px;
	}

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

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

	#sec_other ul li{
		margin: 0 0 16px 0;
	}

	#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%;
	}


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

	#Hash_btn.fix{
		bottom: 14px;
	}

	#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_tag{
		position:fixed;
		width: 98vw;
		left:50%;
		bottom: -100vh;
		transform:translate(-50%,0);
		z-index: 99999;
		transition: all 0.8s cubic-bezier(0, 0, 0.24, 1) 0s;
	}

	#hash_tag.fix{
		bottom:0;
	}

	#hash_tag .hash_wrap{
		position:relative;
		box-sizing: border-box;
		background:#fff;
		overflow: hidden;
		border-top: 4px solid #6bc33b;
		border-left: 4px solid #6bc33b;
		border-right: 4px solid #6bc33b;
		border-radius: 30px 30px 0 0;
		padding: 24px 4vw 20px;
	}

	#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: -5px;
		right: -3px;
	}
	
	#hash_tag .closeWrap a.xHashClose{
		display:block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 0;
		text-align:center;
		color:#6bc33b;
		position: relative;
	}

	#hash_tag .closeWrap a.xHashClose span{
		display:block;
		width: 34px;
		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: 8px 6px;
		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.2rem;
		letter-spacing: 0rem;
		font-feature-settings: 'palt';
		border-radius:40px;
		overflow:hidden;
		padding: 4px 10px 6px;
	}

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

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

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

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

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

	#hash_tag .hash_list a.type_e{
		color:#e3a223;
		border:1px solid #e3a223;
		box-shadow: 0 2px 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);
	}


	
	

	
}



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

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

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

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