@charset "UTF-8";

.action-jr article.low {
    padding-top: 110px;
}
.action-jr .content_wrap {
	padding-top:5.4%;
	position: relative;
	z-index:0;
}
.action-jr .cont_frame {
	background-color:#fffcdb;
}
.action-jr .secttl {
	width:41%;
	max-width:445px;
	margin:0 auto;
	position:absolute;
	left:0;
	right:0;
	top:0;
	z-index:2;
}
.action-jr .mcopy {
	max-width:550px;
	margin:0 auto;
}
.action_jr_wrap {
	display: flex;
	justify-content:center;
	align-items:center;
	max-width: 763px;
	margin: 0 auto 40px;	
}
.action_jr_ttl {
	width:65.2%;
	max-width:498px;
}
.action-jr .ttl_icon {
	width:37%;
	max-width:283px;
}
.action-jr .bandttl:before {
    background-color: #00b3d1;
}

#sec4 .action_list_item:nth-child(3) {
    border-bottom: 1px solid #9fa0a0;
}

.action_sttl span {
	display:inline-block;
}

.superv_wrap {
	font-size:18px;
	line-height:1.72;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:2em;
}
.superv_txt {

}
.superv_rgt {
	display:flex;
	flex-wrap:wrap;
	gap:2em;
}
.superv_stx {

}
.superv_name {
	font-size:22px;
	font-weight:700;
}



@media screen and (max-width: 1260px) {
}

@media screen and (max-width: 1060px) {
}

@media screen and (max-width: 980px) {
.action-jr article.low {
    padding-top: max(44px,11.2vw);
}

}

@media screen and (max-width: 920px) {
}

@media screen and (max-width: 880px) {
}

@media screen and (max-width: 800px) {
.superv_rgt {
	flex-direction:column;
	gap:10px;
}


}

@media screen and (max-width: 768px) {

}

@media screen and (max-width: 700px) {
}

@media screen and (max-width: 640px) {
.action-jr .content_wrap {
	padding-top:min(50px,13vw);
}
.action-jr .secttl {
    width: 89%;
    max-width:356px;
}

.action_list {
    margin-bottom: 30px;
}

.superv_wrap {
	font-size:clamp(14px,2.8vw,18px);
	gap:20px;
	text-align:center;
}
.superv_name {
	font-size:clamp(19px,3.43vw,22px);
}



}





@media screen and (max-width: 600px) {
.action_jr_wrap {
        flex-direction: column;
}
.action_jr_ttl {
	padding-top:10vw;
        width: 87%;
}
.action-jr .ttl_icon {
        width: 57%;
}

    .action-jr_list {
        flex-direction: column;
        max-width: 400px;
	margin:0 auto;
    }
    .action-jr_list_item {
        width: 100%;
    }
}


@media screen and (max-width: 500px) {



}

@media screen and (max-width: 480px) {

}

@media screen and (max-width: 400px) {

}

@media screen and (max-width: 375px) {

}

@media screen and (min-width: 769px) {
}