@charset "UTF-8";

/* -------------------------------------
line アカウント
------------------------------------- */
#line_account {
	padding-top:0;
	padding-bottom:0;
	margin-bottom:47px;
	scroll-margin-top: 100px;
}
#line_account dl {
	position:relative;
}
#line_account dl dt {
	color:#fff;
	font-size:33px;
	font-weight:bold;
	text-align:left;
	position:relative;
	z-index:1;
}
#line_account dl dt::before {
	content:"";
	width:120%;
	height:100%;
	background-color:#06c755;
	position:absolute;
	left:50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index:-1;
}
#line_account dl dd {
	text-align:left;
	padding-top:15px;
	padding-bottom:20px;
}
#line_account dl dd strong {
	color:#06c755;
	font-size:40px;
	line-height:1.4;
}

#line_account dl .qr_img {
	max-width:160px;
	position:absolute;
	right:0;
	top:50%;
	z-index:1;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* -------------------------------------
boxercise
------------------------------------- */
#boxercise {
	text-align:center;
	scroll-margin-top: 100px;
}
.evttl_bk {
	display: inline-block;
	margin-bottom:35px;
	position:relative;
}
.evttl_bk .date {
	color:#ff5f0f;
	font-size:50px;
	font-weight:bold;
	line-height:1.6;
	border-top:1px solid #ff5f0f;
	border-bottom:1px solid #ff5f0f;
	margin-bottom:10px;
}
.evttl_bk .mcopy {
	color:#ff5f0f;
	font-size:22px;
	font-weight:bold;
	line-height:1.6;
	letter-spacing:0.07em;
}
.evttl_bk .event_ttl {
	color:#ff5f0f;
	font-size:58px;
	line-height:1.2;
	margin-bottom:20px;
}
.evttl_bk .ev_txt {
	font-size:15px;
}
.evttl_bk .imgbk {
	justify-content:center;
}
.evttl_bk .imgbk .boxercise_icon {
	position:absolute;
	top:63%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.evttl_bk .imgbk .boxercise_img1 {
	max-width:174px;
	right:calc(100% + 15px);
}
.evttl_bk .imgbk .boxercise_img2 {
	max-width:229px;
	left:calc(100% + 15px);
}

.features {
	max-width:900px;
	background-color:#adddef;
	border-radius:20px;
	padding:20px 20px;
	margin:0 auto 30px;
}
.features .fttl {
	font-size:20px;
	font-weight:normal;
	margin-bottom:10px;
}
.features .fttl span {
	position:relative;
}
.features .fttl span::before {
	content:"";
	width:76px;
	height:81px;
	background:url(../imgs/index/event_icon_lft.svg) 0 0 no-repeat;
	background-size:contain;
	position:absolute;
	right:calc(100% + 15px);
	top:2%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.features .fttl span::after {
	content:"";
	width:76px;
	height:81px;
	background:url(../imgs/index/event_icon_rgt.svg) 0 0 no-repeat;
	background-size:contain;
	position:absolute;
	left:calc(100% + 15px);
	top:2%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.features .f_list {
	font-size:20px;
	line-height:1.8;
	text-align:left;
	display:inline-block;
}
.detail {
	justify-content:space-between;
	flex-direction:row-reverse;
	max-width:900px;
	margin:0 auto 35px;
}
.detail .note_icon {
	margin-right:22px;
}
.detail ul {
	font-size:15px;
	text-align:left;
}


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

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

@media screen and (max-width: 980px) {
/* -------------------------------------
line アカウント
------------------------------------- */
#line_account dl dt {
	font-size:clamp(20px,3.36vw,33px);
}
#line_account dl dd strong {
	font-size:clamp(23px,4.1vw,40px);
}

#line_account dl .qr_img {
	width:16.3vw;
	min-width:92px;
}


/* -------------------------------------
boxercise
------------------------------------- */
.evttl_bk .date {
    font-size: clamp(31px,5.1vw,50px);
}
.evttl_bk .mcopy {
    font-size: clamp(17px,2.3vw,22px);
}
.evttl_bk .event_ttl {
    font-size: clamp(37px,5.91vw,58px);
}
.evttl_bk .imgbk .boxercise_img1 {
    width: 17.8vw;
    min-width:99px;
    right: 95%;
}
.evttl_bk .imgbk .boxercise_img2 {
    width: 23.4vw;
    min-width:130px;
    left: 95%;
}
.evttl_bk .ev_txt {
    font-size: 14px;
}

.features .fttl {
    font-size:clamp(17px,2.1vw,20px);
}
.features .fttl span::before,.features .fttl span::after {
    width: 7.8vw;
    min-width:46px;
    top: 40%;
}
.features .f_list {
    font-size:clamp(17px,2.1vw,20px);
}
.detail .note_icon {
    margin-right: 0;
    width:34.3%;
    min-width:191px;
}
.detail ul {
    font-size:clamp(12px,1.53vw,15px);
}

}

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

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

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

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

}

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

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

/* -------------------------------------
line アカウント
------------------------------------- */
#line_account dl dd {
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}
#line_account dl dd strong {
	width:calc(100% - 95px);
}
#line_account dl dd strong span {
	display:inline-block;
}
#line_account dl .qr_img {
	position:static;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}



/* -------------------------------------
boxercise
------------------------------------- */
.evttl_bk {
	/*max-width:350px;*/
}
.evttl_bk .imgbk {
	margin-bottom:15px;
}
.evttl_bk .imgbk .boxercise_icon {
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}
.evttl_bk .imgbk .boxercise_img1 {
    position:static;
}
.evttl_bk .imgbk .boxercise_img2 {
    position:static;
}
.evttl_bk .ev_txt span {
    display:inline-block;
}

.detail {
    justify-content: center;
    align-items:center;
    flex-direction: column;
    gap:10px;
}



}





@media screen and (max-width: 600px) {
    .quiz .btn_blk {
        flex-direction: column;
        max-width: 400px;
    }
}


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




}

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

}

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

/* -------------------------------------
line アカウント
------------------------------------- */
#line_account {
	padding:0 18px;
}
#line_account dl .qr_img {
	width:16.3vw;
	min-width:92px;
}

/* -------------------------------------
boxercise
------------------------------------- */
#boxercise {
	padding-left:18px;
	padding-right:18px;
}
.detail ul li span {
	display:block;
}
}

@media screen and (max-width: 360px) {
/* -------------------------------------
line アカウント
------------------------------------- */
#line_account dl dt {
	font-size:17px;
}
#line_account dl dd strong {
	font-size:19px;
}
/* -------------------------------------
boxercise
------------------------------------- */
.evttl_bk .event_ttl {
	font-size:34px;
}

}

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