@charset "UTF-8";

/*-------------------------
__top_style
-------------------------*/


/*=========================#MV=========================*/

#mv{ width: 100%; height: calc(100vh - 100px); padding-top: 100px; box-sizing: border-box;}
#mv .mv_inner{ width: 100%; height: 100%; background-image: url(../images/mv_back.png); background-size: cover; background-repeat: no-repeat; overflow: hidden; position: relative;}
#mv .mv_inner .mv_building{ position: absolute; bottom: 0; width: 100%; height: auto;}
#mv .mv_inner .mv_ttl{ width: 30vw; height: auto; position: absolute; top: 30px; left: 30px;}
#mv .mv_inner .mv_copy{ width: 40vw; height: auto; position: absolute; top: 130px; left: 30px;}
#mv .mv_inner .mv_bandg{ width: 80vw; height: auto;}
#mv .mv_inner .mv_logo{ width: 15vw; height: auto; position: absolute; bottom: 30px; right: 30px;}

@media screen and (max-width:1260px){
#mv{ height: calc((var(--vh) * 100) - 100px); padding-top: 78px;}
#mv .mv_inner .mv_ttl{ top: 40px; left: 40px;}
#mv .mv_inner .mv_copy{ top: 110px; left: 30px;}
#mv .mv_inner .mv_bandg{ right: -20vw;}
}

@media screen and (min-width:1000px){
#mv{ min-height: 750px;}
#mv .mv_inner .mv_bandg{ position: absolute; top: 50%; transform: translateY(-50%); right: -10vw;}
}

@media screen and (max-width:999px){
#mv{ min-height: 600px;}
#mv{ height: calc((var(--vh) * 100) - 180px);}
#mv .mv_inner .mv_ttl{ width: 40vw; top: 30px; left: 30px;}
#mv .mv_inner .mv_copy{ width: 50vw; top: 90px; left: 100px;}
#mv .mv_inner .mv_bandg{ width: 100vw; position: absolute; bottom: -5vh; right: -15vw;}
#mv .mv_inner .mv_logo{ width: 25vw; bottom: 5vh; right: 30px;}
}

@media screen and (max-width:767px){
#mv{ height: 600px; padding-top: 60px;}
#mv .mv_inner .mv_ttl{ width: 60vw; max-width: 220px; top: calc(10% - 40px); left: 5vw;}
#mv .mv_inner .mv_copy{ width: 80vw; max-width: 320px; top: calc(26% - 90px); left: 50%; transform: translateX(-50%);}
#mv .mv_inner .mv_bandg{ width: 560px; position: absolute; bottom: -80px; right: auto; left: 50%; transform: translateX(-50%);}
#mv .mv_inner .mv_logo{ width: 40vw; max-width: 160px; bottom: 5vh; right: 5vw;}
}

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


/*=========================#blc01=========================*/



#blc01{}
#blc01 .box01{ border-top: 1px solid var(--navy); background-image: url(../images/gradation01.jpg); background-size: contain; background-repeat: repeat-y;}
#blc01 .box01 .inner{ padding-bottom: 200px; box-sizing: border-box; position: relative;}
#blc01 .box01 .inner:before{ content: ""; display: block; width: 100%; height: 720px; background-image: url(../images/white.png); background-repeat: repeat-x; position: absolute; bottom: 0; left: 0;}
#blc01 .box01 .inner .introduction{ width: 100%; padding: 0 100px; box-sizing: border-box;}
#blc01 .box01 .inner .introduction .introduction_inner{ max-width: 1020px; margin: 0 auto;}
#blc01 .box01 .inner .introduction .introduction_inner .top_ttl{ width: 100%; max-width: 675px; height: auto; margin: -70px auto 70px;}
#blc01 .box01 .inner .introduction .introduction_inner .total{ width: 100%; height: 160px; background-color: #fff; display: flex; border: 1px solid var(--navy); margin-bottom: 70px;}
#blc01 .box01 .inner .introduction .introduction_inner .total ul{ width: 100%; font-weight: 700;}
#blc01 .box01 .inner .introduction .introduction_inner .total ul li{ position: relative;}
#blc01 .box01 .inner .introduction .introduction_inner .total ul li:nth-child(1){ font-size: 1.7em;}
#blc01 .box01 .inner .introduction .introduction_inner .total ul li:nth-child(1) span{ font-size: 1.7em; border: 1px solid var(--navy); box-sizing: border-box; background-color: #f5ffbe; padding: 0 15px 5px;}
#blc01 .box01 .inner .introduction .introduction_inner .total ul li:nth-child(2),
#blc01 .box01 .inner .introduction .introduction_inner .total ul li:nth-child(3){ font-size: 1.5em;}
#blc01 .box01 .inner .introduction .introduction_inner .total ul li:nth-child(2) span,
#blc01 .box01 .inner .introduction .introduction_inner .total ul li:nth-child(3) span{ font-size: 1.6em; padding: 0 5px; box-sizing: border-box;}
#blc01 .box01 .inner .introduction .introduction_inner .txt{ width: 80%; max-width: 865px; height: auto; margin: 0 auto 90px;}
#blc01 .box01 .inner #img_slider{ position: relative; z-index: 10;}
#blc01 .box01 .inner #img_slider li{ width: 370px; margin-right: 40px; padding-bottom: 10px;}
#blc01 .box01 .inner #img_slider li:nth-child(even){ margin-top: 40px;}
#blc01 .box01 .inner #img_slider li p{ width: 100%; position: relative;}
#blc01 .box01 .inner #img_slider li p:before{ content: ''; display: block; width: 100%; height: 100%; background-color: #fff; border: 1px solid var(--navy); box-sizing: border-box; position: absolute; top: 10px; left: 10px;}
#blc01 .box01 .inner #img_slider li a{ display: block; width: 100%; height: 0; background-color: #fff; padding-top: 70%; overflow: hidden; position: relative; border: 1px solid var(--navy); box-sizing: border-box;}
#blc01 .box01 .inner #img_slider li a img{ width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0;}

@media screen and (min-width:1000px){
#blc01 .box01 .inner .introduction .introduction_inner .total ul{ display: grid; grid-template-columns: repeat(5, 1fr); grid-template-rows: repeat(2, 1fr); grid-column-gap: 0px; grid-row-gap: 0px;} 
#blc01 .box01 .inner .introduction .introduction_inner .total ul li:nth-child(1){ grid-area: 1 / 1 / 3 / 4; border-right: 1px solid var(--navy);} 
#blc01 .box01 .inner .introduction .introduction_inner .total ul li:nth-child(2){ grid-area: 1 / 4 / 2 / 6; border-bottom: 1px solid var(--navy);} 
#blc01 .box01 .inner .introduction .introduction_inner .total ul li:nth-child(3){ grid-area: 2 / 4 / 3 / 6; }
}

@media screen and (max-width:1260px){
#blc01 .box01 .inner .introduction{ padding: 0 50px;}
}

@media screen and (max-width:999px){
#blc01 .box01 .inner{ padding-bottom: 100px;}
#blc01 .box01 .inner .introduction .introduction_inner .top_ttl{ width: 60vw; margin: -50px auto 50px;}
#blc01 .box01 .inner .introduction .introduction_inner .total{ margin-bottom: 50px;}
#blc01 .box01 .inner .introduction .introduction_inner .total ul li:nth-child(1){ font-size: 1.8em;}
#blc01 .box01 .inner .introduction .introduction_inner .total ul li:nth-child(1) span{ font-size: 1.5em; padding: 0 10px 3px;}
#blc01 .box01 .inner .introduction .introduction_inner .total ul li:nth-child(2),
#blc01 .box01 .inner .introduction .introduction_inner .total ul li:nth-child(3){ font-size: 1.4em;}
#blc01 .box01 .inner .introduction .introduction_inner .total ul li:nth-child(2) span,
#blc01 .box01 .inner .introduction .introduction_inner .total ul li:nth-child(3) span{ font-size: 1.5em; padding: 0 3px;}
#blc01 .box01 .inner .introduction .introduction_inner .txt{ max-width: 80vw; margin: 0 auto 70px;}
#blc01 .box01 .inner #img_slider li{ width: 280px;}
}

@media screen and (max-width:999px) and (min-width:768px){
#blc01 .box01 .inner .introduction .introduction_inner .total ul{ display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); grid-column-gap: 0px; grid-row-gap: 0px;}
#blc01 .box01 .inner .introduction .introduction_inner .total ul li:nth-child(1){ grid-area: 1 / 1 / 2 / 3; border-bottom: 1px solid var(--navy);}
#blc01 .box01 .inner .introduction .introduction_inner .total ul li:nth-child(2){ grid-area: 2 / 1 / 3 / 2; border-right: 1px solid var(--navy);}
#blc01 .box01 .inner .introduction .introduction_inner .total ul li:nth-child(3){ grid-area: 2 / 2 / 3 / 3;}
}

@media screen and (min-width:768px){
#blc01 .box01 .inner .introduction .introduction_inner .total ul li p{ width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
}

@media screen and (max-width:767px){
#blc01 .box01{ background-image: url(../images/gradation01_sp.jpg); background-size: cover;}
#blc01 .box01 .inner:before{ height: 400px; background-image: url(../images/white_sp.png);}
#blc01 .box01 .inner .introduction{ padding: 0 30px;}
#blc01 .box01 .inner .introduction .introduction_inner .top_ttl{ width: 250px; margin: -25px auto 30px;}
#blc01 .box01 .inner .introduction .introduction_inner .total{ height: auto; margin-bottom: 30px;}
#blc01 .box01 .inner .introduction .introduction_inner .total ul{ display: block;}
#blc01 .box01 .inner .introduction .introduction_inner .total ul li{ padding: 10px; box-sizing: border-box;}
#blc01 .box01 .inner .introduction .introduction_inner .total ul li:nth-child(1){ font-size: 1.2em; line-height: 1.6;}
#blc01 .box01 .inner .introduction .introduction_inner .total ul li:nth-child(1) span{ font-size: 1.4em; padding: 0 7px 1px;}
#blc01 .box01 .inner .introduction .introduction_inner .total ul li:nth-child(1),
#blc01 .box01 .inner .introduction .introduction_inner .total ul li:nth-child(2){ border-bottom: 1px solid var(--navy);}
#blc01 .box01 .inner .introduction .introduction_inner .total ul li:nth-child(2),
#blc01 .box01 .inner .introduction .introduction_inner .total ul li:nth-child(3){ font-size: 1.2em;}
#blc01 .box01 .inner .introduction .introduction_inner .total ul li:nth-child(2) span,
#blc01 .box01 .inner .introduction .introduction_inner .total ul li:nth-child(3) span{ font-size: 1.4em; padding: 0 3px;}
#blc01 .box01 .inner .introduction .introduction_inner .txt{ max-width: 250px; width: 100%; margin: 0 auto 30px;}
#blc01 .box01 .inner{ padding-bottom: 0;}
#blc01 .box01 .inner #img_slider li{ width: 200px; margin-right: 20px;}
}

#blc01 .box02{ margin-top: -400px; padding: 350px 0 350px; box-sizing: border-box; position: relative; background-image: url(../images/shape_back01.png); background-size: 1614px 1747px; background-position: center; background-repeat: no-repeat;}
/*#blc01 .box02:before{ content: ""; display: block; width: 1614px; height: 1747px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);  z-index: 1;}*/
#blc01 .box02 .inner{ padding: 0 100px; box-sizing: border-box; position: relative; z-index: 10;}
#blc01 .box02 .inner .outline{ font-weight: 700; width: 100%; max-width: 1020px; margin: 0 auto;}
#blc01 .box02 .inner .outline .outline_top{ display: flex; justify-content: center; align-items: flex-end; margin-bottom: 60px;}
#blc01 .box02 .inner .outline .outline_top p.date{ font-size: 2.5em; margin-right: 20px;}
#blc01 .box02 .inner .outline .outline_top p.date span{ font-size: 1.5em;}
#blc01 .box02 .inner .outline .outline_top p.place{ font-size: 1.7em;}
#blc01 .box02 .inner .outline .txt{ font-size: 1.4em; line-height: 1.7; margin-bottom: 50px;}
#blc01 .box02 .inner .outline .detail{ width: 100%; max-width: 650px; margin: 0 auto 80px;}
#blc01 .box02 .inner .outline .detail > p{ text-align: left; border-bottom: 1px solid var(--navy); font-size: 1.2em;}
#blc01 .box02 .inner .outline .detail > p span{ display: inline-block; border-top: 1px solid var(--navy); border-left: 1px solid var(--navy); border-right: 1px solid var(--navy); padding: 10px 15px; box-sizing: border-box;}
#blc01 .box02 .inner .outline .detail ul{ text-align: left; padding-top: 25px; padding-left: 1em; box-sizing: border-box;}
#blc01 .box02 .inner .outline .detail ul li{ font-size: 1.2em; line-height: 1.4; font-weight: 400; margin-bottom: 15px; text-indent: -0.7em; padding-left: 0.7em;}
#blc01 .box02 .inner .outline .detail ul li:before{ content: "●"; display: inline-block; padding-right: 0.5em;}
#blc01 .box02 .inner .outline .btn_a_wrap{ margin: 0 auto 80px;}
#blc01 .box02 .inner .outline .btn_b_wrap{ margin-bottom: 130px;}
#blc01 .box02 .inner .movie{ width: 100%; max-width: 1020px; margin: 0 auto; border: 1px solid var(--navy); background-color: #f5ffbe; padding: 60px; box-sizing: border-box;}
#blc01 .box02 .inner .movie .movie_inner{ display: flex; justify-content: center; align-items: center;}
#blc01 .box02 .inner .movie .movie_inner .movie_text{ width: calc(50% - 10px); text-align: left; font-weight: 700; margin-right: 20px;}
#blc01 .box02 .inner .movie .movie_inner .movie_text p.sub_txt{ font-size: 1.9em; margin-bottom: 20px;}
#blc01 .box02 .inner .movie .movie_inner .movie_text p.txt{ font-size: 1.2em; line-height: 1.7;}
#blc01 .box02 .inner .movie .movie_inner .btn_wrap{ width: calc(50% - 10px);}

.btn_a_wrap{ width: 615px; height: 130px; position: relative; z-index: 10;}
.btn_a_wrap:before,
.btn_a_wrap:after{ content: ""; display: block; width: 100%; height: 100%; border: 1px solid var(--navy); box-sizing: border-box; background-color: #fff; border-radius: 50vh;}
.btn_a_wrap:before{ position: absolute; left: 0; bottom: -7px; z-index: -5;}
.btn_a_wrap:after{ position: absolute; left: 0; bottom: -14px; z-index: -10;}
.btn_a{ display: block; width: 100%; height: 100%; border-radius: 50vh; font-size: 2em; font-weight: 700; position: relative; z-index: 10; border: 1px solid var(--navy); background-color: #fff; box-sizing: border-box; transition: all .3s;}
.btn_a{ align-items: center; font-size: 1.7em; font-weight: 700; position: relative; transition: all .3s;}
.btn_a p.text{ display: block; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.btn_a .arrow_wrap{ position: absolute; top: 50%; right: 20px; transform: translateY(-50%);}
.btn_a .arrow_wrap p.arrow{ display: block; width: 60px; height: 60px; border-radius: 50vh; border: 1px solid var(--navy); box-sizing: border-box; position: relative; background-color: #fff;}
.btn_a .arrow_wrap p.arrow > span{ display: block; width: 100%; height: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.btn_a .arrow_wrap p.arrow > span > span{ display: inline-block; vertical-align: middle; color: var(--navy); line-height: 1; position: relative; width: 0.7em; height: 0.1em; background: currentColor;}
.btn_a .arrow_wrap p.arrow > span > span::before{ content: ''; width: 0.5em; height: 0.5em; border: 0.1em solid currentColor; border-left: 0; border-bottom: 0; transform: rotate(45deg); transform-origin: top right; position: absolute; top: 50%; right: -0.05em; box-sizing: border-box;}
.btn_b_wrap{ display: flex; justify-content: space-between;}
.btn_b_wrap li{ width: calc(50% - 15px);}
.btn_b{ display: block; width: 100%; height: 80px; border-radius: 50vh; font-size: 1.3em; font-weight: 700; position: relative; z-index: 10; color: #fff; background-color: var(--navy); border: 1px solid var(--navy); box-sizing: border-box; transition: all .3s;}
.btn_b p.text{ display: block; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.btn_b .arrow_wrap{ position: absolute; top: 50%; right: 20px; transform: translateY(-50%);}
.btn_b .arrow_wrap p.arrow{ display: block; width: 40px; height: 40px; border-radius: 50vh; border: 1px solid #fff; box-sizing: border-box; position: relative; background-color: var(--navy);}
.btn_b .arrow_wrap p.arrow > span{ display: block; width: 100%; height: 60%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.btn_b .arrow_wrap p.arrow > span > span{ display: inline-block; vertical-align: middle; color: #fff; line-height: 1; position: relative; width: 0.7em; height: 0.1em; background: currentColor;}
.btn_b .arrow_wrap p.arrow > span > span::before{ content: ''; width: 0.5em; height: 0.5em; border: 0.1em solid currentColor; border-left: 0; border-bottom: 0; transform: rotate(45deg); transform-origin: top right; position: absolute; top: 50%; right: -0.05em; box-sizing: border-box;}

@media screen and (max-width:1260px){
#blc01 .box02 .inner{ padding: 0 50px;}
.btn_b_wrap{ display: block; width: 500px; margin: 0 auto;}
.btn_b_wrap li{ width: 100%;}
.btn_b_wrap li:nth-child(1){ margin-bottom: 20px;}
}

@media screen and (max-width:999px){
#blc01 .box02{ margin-top: -200px; padding: 200px 0 200px; background-size: 1000px 1083px; background-image: url(../images/shape_back01_tab.png); background-size: 1000px 1497px; }
#blc01 .box02 .inner .outline .outline_top{ margin-bottom: 40px;}
#blc01 .box02 .inner .outline .outline_top p.date{ font-size: 2.2em; margin-right: 15px;}
#blc01 .box02 .inner .outline .outline_top p.date span{ font-size: 1.3em;}
#blc01 .box02 .inner .outline .outline_top p.place{ font-size: 1.5em;}
#blc01 .box02 .inner .outline .txt{ font-size: 1.2em; margin-bottom: 40px;}
#blc01 .box02 .inner .outline .detail > p{ font-size: 1.1em;}
#blc01 .box02 .inner .outline .detail ul li{ font-size: 1.1em;}
#blc01 .box02 .inner .outline .btn_a_wrap{ margin: 0 auto 50px;}
#blc01 .box02 .inner .outline .btn_b_wrap{ margin-bottom: 80px;}
#blc01 .box02 .inner .movie .movie_inner{ display: block;}
#blc01 .box02 .inner .movie{ padding: 40px;}
#blc01 .box02 .inner .movie .movie_inner .movie_text{ width: 100%; text-align: center; margin-right: 0; margin-bottom: 20px;}
#blc01 .box02 .inner .movie .movie_inner .movie_text p.sub_txt{ font-size: 1.7em; margin-bottom: 15px;}
#blc01 .box02 .inner .movie .movie_inner .movie_text p.txt{ font-size: 1.1em; line-height: 1.7;}
#blc01 .box02 .inner .movie .movie_inner .btn_wrap{ width: 100%; max-width: 500px; margin: 0 auto;}    
.btn_a_wrap{ width: 500px; height: 100px;}
.btn_a{ font-size: 1.7em;}
}

@media screen and (min-width:768px){
.btn_a:hover{ color: #fff; background-color: var(--navy);}
.btn_b:hover{ color: var(--navy); background-color: #fff;}
}

@media screen and (max-width:767px){
#blc01 .box02{ margin-top: -50px; padding: 200px 0 100px; background-image: none;}
#blc01 .box02:before{ content: ''; display: block; width: 100%; height: 50vh; background-image: url(../images/shape_back01_sp_top.png); background-position: top; background-size: contain; background-repeat: no-repeat; position: absolute; top: 0;}
#blc01 .box02:after{ content: ''; display: block; width: 100%; height: 50vh; background-image: url(../images/shape_back01_sp_btm.png); background-position: bottom; background-size: contain; background-repeat: no-repeat; position: absolute; bottom: 0;}
#blc01 .box02 .inner{ padding: 0 30px;}
#blc01 .box02 .inner .outline .outline_top{ display: block; margin-bottom: 30px;}
#blc01 .box02 .inner .outline .outline_top p.date{ margin-right: 0; margin-bottom: 15px;}
#blc01 .box02 .inner .outline .txt{ margin-bottom: 30px;}
#blc01 .box02 .inner .outline .detail{ margin: 0 auto 30px;}
#blc01 .box02 .inner .outline .detail ul{ padding-top: 15px;}
#blc01 .box02 .inner .outline .detail ul li{ margin-bottom: 10px;}
#blc01 .box02 .inner .outline .btn_a_wrap{ margin: 0 auto 30px;}
#blc01 .box02 .inner .outline .btn_b_wrap{ margin-bottom: 50px;}
#blc01 .box02 .inner .movie{ padding: 20px;}
#blc01 .box02 .inner .movie .movie_inner .btn_wrap{ max-width: 100%;}

.btn_a_wrap{ width: 100%; height: 80px;}
.btn_a{ font-size: 1.4em; line-height: 1.4;}
.btn_a .arrow_wrap p.arrow{ width: 40px; height: 40px;}
.btn_a .arrow_wrap p.arrow > span{ height: 60%;}
.btn_b_wrap{ width: 100%;}
.btn_b{ font-size: 1.3em; line-height: 1.4;}

}

@media screen and (max-width:374px){
.btn_a{ font-size: 1.3em;}
.btn_b{ font-size: 1.1em;}
}


/*=========================#blc02=========================*/

#blc02{ padding: 150px 100px; box-sizing: border-box;  position: relative; z-index: 10; margin-top: -260px;}
#blc02 .inner{ border: 1px solid var(--navy); background-image: url(../images/gradation02.jpg); background-size: contain; background-repeat: repeat-y; padding: 0 100px; box-sizing: border-box;}
#blc02 .inner .summary{ max-width: 1020px; margin: 0 auto; padding: 160px 0 130px; box-sizing: border-box; position: relative; text-align: left;}
#blc02 .inner .summary .hw_title{ position: absolute; top: -78px; right: 0; width: auto; height: 210px;}
#blc02 .inner .summary .hw_title img{ width: auto!important; height: 100%;}
#blc02 .inner .summary .contents_title{ margin-bottom: 60px;}
#blc02 .inner .summary .contents_title p{ font-size: 1.8em; margin-bottom: 20px; font-weight: 700;}
#blc02 .inner .summary .contents_title h3{ font-size: 4.3em; font-weight: 700;}
#blc02 .inner .summary .summary_box{}
#blc02 .inner .summary .summary_box .summary_data{}
#blc02 .inner .summary .summary_box .summary_data table{ border-collapse: collapse; width: 100%; background-color: #fff; font-size: 1.2em; line-height: 1.2;}
#blc02 .inner .summary .summary_box .summary_data table th{ text-align: center; width: 100px;}
#blc02 .inner .summary .summary_box .summary_data table th,
#blc02 .inner .summary .summary_box .summary_data table td{ border: 1px solid var(--navy); padding: 25px 15px; box-sizing: border-box;}
#blc02 .inner .summary .summary_box .presentation_wrap{}
#blc02 .inner .summary .summary_box .presentation_wrap li{ border: 1px solid var(--navy); background-color: #fff; margin-top: -1px; padding: 60px 70px; box-sizing: border-box;}
#blc02 .inner .summary .summary_box .presentation_wrap li .presentation_box{ display: flex; align-items: center;}
#blc02 .inner .summary .summary_box .presentation_wrap li .presentation_box .p_num{ width: 115px; height: auto; margin-right: 50px;}
#blc02 .inner .summary .summary_box .presentation_wrap li .presentation_box .p_icon{ width: 95px; height: auto; margin-right: 50px;}
#blc02 .inner .summary .summary_box .presentation_wrap li .presentation_box .p_text{ width: calc(100% - 310px);}
#blc02 .inner .summary .summary_box .presentation_wrap li .presentation_box .p_text .p_title{ font-size: 1.6em; line-height: 1.4; font-weight: 700; margin-bottom: 20px;}
#blc02 .inner .summary .summary_box .presentation_wrap li .presentation_box .p_text .p_detail{ font-size: 1.2em; line-height: 1.7;}

@media screen and (max-width:1260px){
#blc02{ padding: 100px 50px;}
#blc02 .inner{ padding: 0 50px;}
#blc02 .inner .summary .hw_title{ top: -60px; height: 170px;}
#blc02 .inner .summary{ padding: 130px 0 100px;}
}

@media screen and (max-width:999px){
#blc02{ margin-top: -160px;}
#blc02 .inner .summary{ padding: 100px 0 50px;}
#blc02 .inner .summary .hw_title{ top: -50px; height: 140px;}
#blc02 .inner .summary .contents_title{ margin-bottom: 40px;}
#blc02 .inner .summary .contents_title p{ font-size: 1.5em; margin-bottom: 15px;}
#blc02 .inner .summary .contents_title h3{ font-size: 3.2em;}
#blc02 .inner .summary .summary_box .summary_data table{ font-size: 1.1em;}
#blc02 .inner .summary .summary_box .summary_data table th,
#blc02 .inner .summary .summary_box .summary_data table td{ padding: 20px 15px;}
#blc02 .inner .summary .summary_box .presentation_wrap li{ padding: 30px;}
#blc02 .inner .summary .summary_box .presentation_wrap li .presentation_box{ display: block;}
#blc02 .inner .summary .summary_box .presentation_wrap li .presentation_box .p_num{ margin: 0 auto 15px;}
#blc02 .inner .summary .summary_box .presentation_wrap li .presentation_box .p_icon{ margin: 0 auto 25px;}
#blc02 .inner .summary .summary_box .presentation_wrap li .presentation_box .p_text{ width: 100%;}
#blc02 .inner .summary .summary_box .presentation_wrap li .presentation_box .p_text .p_title{ font-size: 1.4em; margin-bottom: 10px;}
#blc02 .inner .summary .summary_box .presentation_wrap li .presentation_box .p_text .p_detail{ font-size: 1.1em;}
}

@media screen and (max-width:767px){
#blc02{ padding: 15px 15px 60px; margin-top: 0;}
#blc02 .inner{ padding: 0 15px; background-image: url(../images/gradation02_sp.jpg);}
#blc02 .inner .summary{ padding: 70px 0 15px;}
#blc02 .inner .summary .hw_title{ top: -50px; height: 110px;}
#blc02 .inner .summary .contents_title{ margin-bottom: 30px;}
#blc02 .inner .summary .contents_title p{ font-size: 1.3em; margin-bottom: 10px;}
#blc02 .inner .summary .contents_title h3{ font-size: 2.6em;}
#blc02 .inner .summary .summary_box .summary_data table th,
#blc02 .inner .summary .summary_box .summary_data table td{ padding: 15px 10px; line-height: 1.3;}
#blc02 .inner .summary .summary_box .presentation_wrap li{ padding: 15px;}
#blc02 .inner .summary .summary_box .presentation_wrap li .presentation_box .p_num{ width: 90px;}
#blc02 .inner .summary .summary_box .presentation_wrap li .presentation_box .p_icon{ width: 85px;}
#blc02 .inner .summary .summary_box .presentation_wrap li .presentation_box .p_text .p_title{ font-size: 1.3em; margin-bottom: 7px;}
#blc02 .inner .summary .summary_box .presentation_wrap li .presentation_box .p_text .p_detail{ font-size: 1.1em; line-height: 1.3;}
}

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

}


/*=========================#blc03=========================*/

#blc03{ overflow-x: hidden;}
#blc03 .en_text_slide{ border-top: 1px solid var(--navy); border-bottom: 1px solid var(--navy); padding: 20px 0;}
.en_text_slide{ display: flex; width: 100vw; height: auto; overflow: hidden;}
.en_text_slide img{ width: 3475px; height: 111px; max-width: none;}
@keyframes loop {
  0% { transform: translateX(100%);}
  to { transform: translateX(-100%);}
}
@keyframes loop2 {
  0% { transform: translateX(0);}
  to { transform: translateX(-200%);}
}
.en_text_slide img:first-child { animation: loop 80s -40s linear infinite; animation-direction:normal;}
.en_text_slide img:last-child { animation: loop2 80s linear infinite; animation-direction:normal;}
#blc03 .inner{ background-image: url(../images/gradation03.jpg); background-size: contain; background-repeat: repeat-y; padding: 150px 100px; box-sizing: border-box;}
#blc03 .inner .finalist{ border: 1px solid var(--navy); background-image: url(../images/gray_check.gif); background-repeat: repeat; padding: 0 100px; box-sizing: border-box;}
#blc03 .inner .finalist .finalist_inner{ width: 100%; max-width: 1020px; margin: 0 auto; padding: 130px 0 100px; box-sizing: border-box; position: relative;}
#blc03 .inner .finalist .finalist_inner .hw_title{ position: absolute; top: -120px; right: 0; width: auto; height: 210px;}
#blc03 .inner .finalist .finalist_inner .hw_title img{ width: auto!important; height: 100%;}
#blc03 .inner .finalist .finalist_inner .contents_title{ text-align: left; display: flex; align-items: flex-end; margin-bottom: 60px;}
#blc03 .inner .finalist .finalist_inner .contents_title h3{ font-size: 3.8em; font-weight: 700; margin-right: 30px;}
#blc03 .inner .finalist .finalist_inner .contents_title p.sub_txt{ font-size: 1.6em; font-weight: 700;}
ul.fnlst_lst{ display: flex; flex-wrap: wrap; margin-bottom: 100px;}
ul.fnlst_lst li.fnlst_box{ width: calc(50% - 2px); border: 1px solid var(--navy); background-color: #fff; margin-top: -1px;}
ul.fnlst_lst li.fnlst_box:nth-child(even){ margin-left: -1px;}
ul.fnlst_lst li.fnlst_box .pic{ padding: 40px; box-sizing: border-box; border-bottom: 1px dashed var(--navy);}
ul.fnlst_lst li.fnlst_box .pic span{display: block; width: 100%; height: 0; background-color: #fff; padding-top: 70%; overflow: hidden; position: relative; border: 1px solid var(--navy); box-sizing: border-box;}
ul.fnlst_lst li.fnlst_box .pic span img{width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0;}
ul.fnlst_lst li.fnlst_box .data{ text-align: left; padding: 40px 40px 20px; box-sizing: border-box;}
ul.fnlst_lst li.fnlst_box .data > p{ font-size: 1.8em; line-height: 1.2; font-weight: 700; margin-bottom: 30px;}
ul.fnlst_lst li.fnlst_box .data dl{ margin-bottom: 20px;}
ul.fnlst_lst li.fnlst_box .data dl dt{ margin-bottom: 8px;}
ul.fnlst_lst li.fnlst_box .data dl dt span{ display: inline-block; font-size: 0.9em; background-color: #f5ffbe; border: 1px solid var(--navy); padding: 5px 10px; box-sizing: border-box; border-radius: 50vh;}
ul.fnlst_lst li.fnlst_box .data dl dd{ font-size: 1.2em; line-height: 1.2;}
#blc03 .inner .finalist .finalist_inner .btn_a_wrap{ margin: 0 auto 80px;}
#blc03 .inner .finalist .finalist_inner .btn_b_wrap{ margin-bottom: 50px;}
#blc03 .inner .finalist .finalist_inner .btn_b_wrap a.btn_b{ font-size: 1.2em;}
#blc03 .inner .finalist .finalist_inner .participating_school{ width: 50%; margin: 0 auto;}

#semi_fnlst .inner{ background-image: url(../images/gray_check.gif); background-repeat: repeat; padding: 100px 100px 1px; box-sizing: border-box; color: var(--navy);}
#semi_fnlst .inner .semi_finalist{}
#semi_fnlst .inner .semi_finalist .contents_title{ text-align: left; display: flex; align-items: flex-end; margin-bottom: 60px;}
#semi_fnlst .inner .semi_finalist .contents_title h3{ font-size: 3.3em; font-weight: 700; margin-right: 20px;}
#semi_fnlst .inner .semi_finalist .contents_title p{ font-size: 1.5em; font-weight: 700;}

@media screen and (max-width:1260px){
#blc03 .inner{ padding: 100px 50px;}
#blc03 .inner .finalist{ padding: 0 50px;}
#blc03 .inner .finalist .finalist_inner .hw_title{ top: -60px; height: 170px;}
#blc03 .inner .finalist .finalist_inner .contents_title{ display: block;}
#blc03 .inner .finalist .finalist_inner .contents_title h3{ margin-bottom: 20px;}
#blc03 .inner .finalist .finalist_inner .btn_b_wrap{ margin-bottom: 20px;}
#blc03 .inner .finalist .finalist_inner .participating_school{ max-width: 500px; width: 100%;}
}

@media screen and (max-width:999px){
.en_text_slide img{ width: 2254px; height: 72px;}
#blc03 .inner .finalist .finalist_inner{ padding: 100px 0 50px;}
#blc03 .inner .finalist .finalist_inner .hw_title{ top: -70px; height: 140px;}
#blc03 .inner .finalist .finalist_inner .contents_title{ margin-bottom: 60px;}
#blc03 .inner .finalist .finalist_inner .contents_title h3{ font-size: 3.2em; margin-right: 0; margin-bottom: 20px;}
#blc03 .inner .finalist .finalist_inner .contents_title p.sub_txt{ font-size: 1.5em;}
ul.fnlst_lst{ margin-bottom: 60px;}
ul.fnlst_lst li.fnlst_box .pic{ padding: 20px;}
ul.fnlst_lst li.fnlst_box .data{ text-align: left; padding: 20px 20px 10px;}
ul.fnlst_lst li.fnlst_box .data > p{ font-size: 1.5em; margin-bottom: 20px;}
ul.fnlst_lst li.fnlst_box .data dl{ margin-bottom: 10px;}
ul.fnlst_lst li.fnlst_box .data dl dt{ margin-bottom: 5px;}
ul.fnlst_lst li.fnlst_box .data dl dt span{ font-size: 0.8em;}
ul.fnlst_lst li.fnlst_box .data dl dd{ font-size: 1.1em;}
#blc03 .inner .finalist .finalist_inner .btn_a_wrap{ margin: 0 auto 50px;}
#semi_fnlst .inner{ background-repeat: repeat; padding: 50px 50px 1px;}
#semi_fnlst .inner .semi_finalist .contents_title{ display: block;}
#semi_fnlst .inner .semi_finalist .contents_title h3{ font-size: 3em; margin-right: 0; margin-bottom: 20px;}
}

@media screen and (max-width:767px){
.en_text_slide img{ width: 1722px; height: 55px; max-width: none;}
#blc03 .inner{ background-image: url(../images/gradation03_sp.jpg); padding: 60px 15px 60px;}
#blc03 .inner .finalist{ padding: 0 15px; background-image: url(../images/gray_check_sp.gif);}
#blc03 .inner .finalist .finalist_inner{ padding: 70px 0 0;}
#blc03 .inner .finalist .finalist_inner .hw_title{ top: -40px; height: 110px;}
#blc03 .inner .finalist .finalist_inner .contents_title{ margin-bottom: 30px;}
#blc03 .inner .finalist .finalist_inner .contents_title h3{ font-size: 2.6em; margin-bottom: 15px;}
#blc03 .inner .finalist .finalist_inner .contents_title p.sub_txt{ font-size: 1.3em;}
#blc03 .inner .finalist .finalist_inner .participating_school{ max-width: 100%;}
ul.fnlst_lst{ display: block; margin-bottom: 30px;}
ul.fnlst_lst li.fnlst_box{ width: 100%;}
ul.fnlst_lst li.fnlst_box:nth-child(even){ margin-left: 0;}
ul.fnlst_lst li.fnlst_box .data > p{ margin-bottom: 15px;}
#semi_fnlst .inner{ padding: 30px 15px 1px 15px; background-image: url(../images/gray_check_sp.gif);}
#semi_fnlst .inner .semi_finalist .contents_title{ margin-bottom: 30px; display: block;}
#semi_fnlst .inner .semi_finalist .contents_title h3{ font-size: 2em; margin-bottom: 15px; margin-right: 0;}
#semi_fnlst .inner .semi_finalist .contents_title p{ font-size: 1.3em;}
#blc03 .inner .finalist .finalist_inner .btn_a_wrap{ margin-bottom: 30px;}
}

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

}


/*=========================#blc04=========================*/

#blc04{ padding: 150px 100px 0; box-sizing: border-box;}
#blc04 .inner{ border: 1px solid var(--navy); background-image: url(../images/gradation04.jpg); background-size: contain; background-repeat: repeat-y; padding: 0 100px; box-sizing: border-box;}
#blc04 .inner .program{ max-width: 1020px; margin: 0 auto; padding: 160px 0 130px; box-sizing: border-box; position: relative; text-align: left;}
#blc04 .inner .program .hw_title{ position: absolute; top: -78px; right: 0; width: auto; height: 210px;}
#blc04 .inner .program .hw_title img{ width: auto!important; height: 100%;}
#blc04 .inner .program .contents_title{ margin-bottom: 60px;}
#blc04 .inner .program .contents_title h3{ font-size: 4.3em; font-weight: 700;}
#blc04 .inner .program .program_detail{ border: 1px solid var(--navy); box-sizing: border-box; background-color: #fff; padding: 70px 100px; z-index: 10;}
#blc04 .inner .program .program_detail_inner{ position: relative; width: 100%; height: 100%;}
#blc04 .inner .program .program_detail_inner:after{ content: ""; display: block; width: 3px; height: calc(100% - 30px); background-color: var(--navy); position: absolute; top: 10px; left: 32px; z-index: -1px;}
#blc04 .inner .program .program_detail .program_detail_inner > dl{ display: flex; align-items: flex-start; flex-wrap: wrap; width: 100%; margin-bottom: 30px; position: relative; z-index: 5;}
#blc04 .inner .program .program_detail .program_detail_inner > dl > dt{ width: 140px; font-size: 1.2em;}
#blc04 .inner .program .program_detail .program_detail_inner > dl > dt span{ display: inline-block; color: #fff; background-color: var(--navy); padding: 7px 12px 10px; border-radius: 50vh;}
#blc04 .inner .program .program_detail .program_detail_inner > dl > dd{ width: calc(100% - 140px);}
#blc04 .inner .program .program_detail .program_detail_inner > dl > dd > p{ font-size: 1.5em; line-height: 1.7; font-weight: 700;}
#blc04 .inner .program .program_detail .program_detail_inner > dl > dd .spcial{ display: flex; justify-content: space-between; border: 1px solid var(--navy); box-sizing: border-box; padding: 40px; margin-top: 15px;}
#blc04 .inner .program .program_detail .program_detail_inner > dl > dd .spcial .spcial_text{ width: calc(100% - 230px); order: 1;}
#blc04 .inner .program .program_detail .program_detail_inner > dl > dd .spcial .spcial_text .spcial_title{ font-size: 1.7em; line-height: 1.4; font-weight: 700; margin-bottom: 20px;}
#blc04 .inner .program .program_detail .program_detail_inner > dl > dd .spcial .spcial_text .spcial_name{ font-size: 1.2em; line-height: 1.4; margin-bottom: 20px;}
#blc04 .inner .program .program_detail .program_detail_inner > dl > dd .spcial .spcial_text .spcial_detail{ font-size: 1.1em; line-height: 1.5; margin-bottom: 20px;}
#blc04 .inner .program .program_detail .program_detail_inner > dl > dd .spcial .spcial_text .spcial_award{ width: 100%;}
#blc04 .inner .program .program_detail .program_detail_inner > dl > dd .spcial .spcial_text .spcial_award .spcial_award_title{}
#blc04 .inner .program .program_detail .program_detail_inner > dl > dd .spcial .spcial_text .spcial_award .spcial_award_title span{ font-size: 1.1em; line-height: 1; display: inline-block; border: 1px solid var(--navy); padding: 10px 15px; box-sizing: border-box; border-radius: 50vh;}
#blc04 .inner .program .program_detail .program_detail_inner > dl > dd .spcial .spcial_text .spcial_award dl{ display: flex; align-items: center; font-size: 1em; line-height: 1.2;}
#blc04 .inner .program .program_detail .program_detail_inner > dl > dd .spcial .spcial_text .spcial_award dl dt{ width: 50%; padding: 10px 0; box-sizing: border-box; border-bottom: 1px dashed var(--navy);}
#blc04 .inner .program .program_detail .program_detail_inner > dl > dd .spcial .spcial_text .spcial_award dl dd{ width: calc(50% - 10px); padding: 10px 0 10px 10px; box-sizing: border-box; border-bottom: 1px dashed var(--navy);}
#blc04 .inner .program .program_detail .program_detail_inner > dl > dd .spcial .spcial_pic{ width: 190px; height: auto; order: 2;}
#blc04 .inner .program .program_detail .program_detail_inner > dl > dd .spcial .spcial_pic span{ display: block; width: 100%; height: 0; padding-top: 130%; position: relative; box-sizing: border-box; overflow: hidden; border: 1px solid var(--navy); border-radius: 50vh;}
#blc04 .inner .program .program_detail .program_detail_inner > dl > dd .spcial .spcial_pic span img{ width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0;}

@media screen and (max-width:1430px){
#blc04 .inner .program .program_detail .program_detail_inner > dl > dd .spcial{ display: block;}
#blc04 .inner .program .program_detail .program_detail_inner > dl > dd .spcial .spcial_text{ width: 100%;}
#blc04 .inner .program .program_detail .program_detail_inner > dl > dd .spcial .spcial_pic{ margin: 0 auto 20px;}
}

@media screen and (max-width:1260px){
#blc04{ padding: 100px 50px 0;}
#blc04 .inner{ padding: 0 50px;}
#blc04 .inner .program{ padding: 100px 0 100px;}
#blc04 .inner .program .hw_title{  top: -60px; height: 170px;}
#blc04 .inner .program .program_detail{ padding: 50px 70px;}
#blc04 .inner .program .program_detail .program_detail_inner > dl > dd .spcial{ padding: 30px;}
#blc04 .inner .program .program_detail .program_detail_inner > dl > dd .spcial .spcial_text .spcial_detail{ margin-bottom: 15px;}
}

@media screen and (max-width:999px){
#blc04 .inner .program .hw_title{ top: -50px; height: 140px;}
#blc04 .inner .program .contents_title{ margin-bottom: 40px;}
#blc04 .inner .program .contents_title h3{ font-size: 3.2em;}
#blc04 .inner .program .program_detail{ padding: 30px;}
#blc04 .inner .program .program_detail .program_detail_inner > dl > dt{ width: 80px; font-size: 1.1em;}
#blc04 .inner .program .program_detail .program_detail_inner > dl > dd{ width: calc(100% - 80px);}
#blc04 .inner .program .program_detail .program_detail_inner > dl > dd > p{ font-size: 1.2em; line-height: 1.4;}
#blc04 .inner .program .program_detail .program_detail_inner > dl > dd .spcial .spcial_text .spcial_title{ font-size: 1.4em; margin-bottom: 15px;}
#blc04 .inner .program .program_detail .program_detail_inner > dl > dd .spcial .spcial_text .spcial_name{ font-size: 1.1em; margin-bottom: 15px;}

}

@media screen and (max-width:767px){
#blc04{ padding: 60px 15px 0;}
#blc04 .inner{ padding: 0 15px; background-image: url(../images/gradation04_sp.jpg);}
#blc04 .inner .program{ padding: 70px 0 30px;}
#blc04 .inner .program .hw_title{ top: -50px; height: 110px;}
#blc04 .inner .program .contents_title{ margin-bottom: 30px;}
#blc04 .inner .program .contents_title h3{ font-size: 2.6em;}
#blc04 .inner .program .program_detail{ padding: 25px;}
#blc04 .inner .program .program_detail .program_detail_inner > dl{ margin-bottom: 20px;}
#blc04 .inner .program .program_detail .program_detail_inner > dl > dt{ font-size: 1em; width: 60px;}
#blc04 .inner .program .program_detail .program_detail_inner > dl > dt span{padding: 5px 7px 7px;}
#blc04 .inner .program .program_detail .program_detail_inner > dl > dd{ width: calc(100% - 60px);}
#blc04 .inner .program .program_detail .program_detail_inner > dl > dd .spcial{ padding: 20px;}
#blc04 .inner .program .program_detail .program_detail_inner > dl > dd .spcial .spcial_pic{ max-width: 190px; width: 100%; margin: 0 auto 10px;}
#blc04 .inner .program .program_detail_inner:after{ left: 22px;}
#blc04 .inner .program .program_detail .program_detail_inner > dl > dd .spcial .spcial_text .spcial_award .spcial_award_title{ text-align: center; margin-bottom: 10px;}
#blc04 .inner .program .program_detail .program_detail_inner > dl > dd .spcial .spcial_text .spcial_award dl{ display: block; text-align: center;}
#blc04 .inner .program .program_detail .program_detail_inner > dl > dd .spcial .spcial_text .spcial_award dl dt{ width: 100%; padding: 5px 0; border-bottom: none; background-color: var(--navy); color: #fff;}
#blc04 .inner .program .program_detail .program_detail_inner > dl > dd .spcial .spcial_text .spcial_award dl dd{ width: 100%; border-bottom: none;}
}

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

}


/*=========================#blc05=========================*/

#blc05{ padding: 200px 100px 150px; box-sizing: border-box; background-image: url(../images/shape_back02.png); background-size: cover; background-position: center; background-repeat: no-repeat;}
#blc05 .inner{ border: 1px solid var(--navy); padding: 0 100px; box-sizing: border-box; background-image: url(../images/gray_check.gif); background-repeat: repeat;}
#blc05 .inner .judge{ max-width: 1020px; margin: 0 auto; padding: 160px 0 130px; box-sizing: border-box; position: relative;}
#blc05 .inner .judge .hw_title{ position: absolute; top: -78px; right: 0; width: auto; height: 210px;}
#blc05 .inner .judge .hw_title img{ width: auto!important; height: 100%;}
#blc05 .inner .judge .contents_title{ text-align: left; display: flex; align-items: flex-end; margin-bottom: 60px;}
#blc05 .inner .judge .contents_title h3{ font-size: 4.3em; font-weight: 700; margin-right: 30px;}
#blc05 .inner .judge .contents_title p{ font-size: 1.8em; font-weight: 700;}
#blc05 .inner .judge ul.judge_lst{ display: flex; flex-wrap: wrap; justify-content: flex-start;}
#blc05 .inner .judge ul.judge_lst li{ width: calc(33.3333% - 50px); margin-right: 75px; text-align: left; position: relative;}
#blc05 .inner .judge ul.judge_lst li:nth-child(3n){ margin-right: 0;}
#blc05 .inner .judge ul.judge_lst li:nth-child(2),
#blc05 .inner .judge ul.judge_lst li:nth-child(5),
#blc05 .inner .judge ul.judge_lst li:nth-child(8){ margin-top: 50px;}
#blc05 .inner .judge ul.judge_lst li:nth-child(3),
#blc05 .inner .judge ul.judge_lst li:nth-child(6){ margin-top: 100px;}
#blc05 .inner .judge ul.judge_lst li .pic{ margin-bottom: 20px; position: relative;}
#blc05 .inner .judge ul.judge_lst li .pic > span{ display: block; width: 100%; height: 0; padding-top: 130%; position: relative; box-sizing: border-box; overflow: hidden; border: 1px solid var(--navy); border-radius: 50vh;}
#blc05 .inner .judge ul.judge_lst li .pic > span img{ width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0;}
#blc05 .inner .judge ul.judge_lst li .pic .btn_wrap{ position: absolute; bottom: 0; right: 0;}
#blc05 .inner .judge ul.judge_lst li .pic .btn_wrap a{ display: block; width: 80px; height: 80px; background-color: var(--navy); border-radius: 50vh; position: relative; text-align: center; border: 1px solid var(--navy); transition: all .3s;}
#blc05 .inner .judge ul.judge_lst li .pic .btn_wrap a span{ display: inline-block; color: #fff; font-size: 1.2em; width: 100%; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
#blc05 .inner .judge ul.judge_lst li .name{ font-size: 1.6em; font-weight: 700; margin-bottom: 10px;}
#blc05 .inner .judge ul.judge_lst li .belong{ font-size: 1.2em; line-height: 1.4;}

@media screen and (max-width:1260px){
#blc05{ padding: 150px 50px 100px;}
#blc05 .inner{ padding: 0 50px;}
#blc05 .inner .judge{ padding: 130px 0 100px;}
#blc05 .inner .judge .hw_title{ top: -60px; height: 170px;}
}

@media screen and (max-width:999px){
#blc05 .inner .judge .hw_title{ top: -50px; height: 140px;}
#blc05 .inner .judge .contents_title{ display: block;}
#blc05 .inner .judge .contents_title h3{ font-size: 3.2em; margin-right: 0; margin-bottom: 20px;}
#blc05 .inner .judge .contents_title p.sub_txt{ font-size: 1.5em;}
#blc05 .inner .judge ul.judge_lst li{ width: calc(33.3333% - 20px); margin-right: 30px;}
#blc05 .inner .judge ul.judge_lst li:nth-child(2),
#blc05 .inner .judge ul.judge_lst li:nth-child(5),
#blc05 .inner .judge ul.judge_lst li:nth-child(8){ margin-top: 30px;}
#blc05 .inner .judge ul.judge_lst li:nth-child(3),
#blc05 .inner .judge ul.judge_lst li:nth-child(6){ margin-top: 60px;}
#blc05 .inner .judge ul.judge_lst li .pic .btn_wrap a{ width: 60px; height: 60px;}
#blc05 .inner .judge ul.judge_lst li .pic .btn_wrap a span{ font-size: 1em;}
#blc05 .inner .judge ul.judge_lst li .name{ font-size: 1.4em; margin-bottom: 10px;}
#blc05 .inner .judge ul.judge_lst li .belong{ font-size: 1em;}
}

@media screen and (min-width:768px){
#blc05 .inner .judge ul.judge_lst li .pic .btn_wrap a:hover{ background-color: #fff;}
#blc05 .inner .judge ul.judge_lst li .pic .btn_wrap a:hover span{ color: var(--navy);}
}

@media screen and (max-width:767px){
#blc05{ padding: 60px 15px 60px; background-image: url(../images/shape_back02_sp.png); background-repeat: repeat-y;}
#blc05 .inner{ padding: 0 15px; background-image: url(../images/gray_check_sp.gif);}
#blc05 .inner .judge{ padding: 70px 0 0;}
#blc05 .inner .judge .hw_title{ top: -50px; height: 110px;}
#blc05 .inner .judge .contents_title{ margin-bottom: 30px;}
#blc05 .inner .judge .contents_title h3{ font-size: 2.6em; margin-bottom: 15px;}
#blc05 .inner .judge .contents_title p.sub_txt{ font-size: 1.3em;}
#blc05 .inner .judge ul.judge_lst li{ width: calc(50% - 15px); margin-right: 30px; text-align: left; position: relative; margin-bottom: 20px;}
#blc05 .inner .judge ul.judge_lst li:nth-child(3n){ margin-right: auto;}
#blc05 .inner .judge ul.judge_lst li:nth-child(2),
#blc05 .inner .judge ul.judge_lst li:nth-child(5),
#blc05 .inner .judge ul.judge_lst li:nth-child(8){ margin-top: 0;}
#blc05 .inner .judge ul.judge_lst li:nth-child(3),
#blc05 .inner .judge ul.judge_lst li:nth-child(6){ margin-top: 0;}
#blc05 .inner .judge ul.judge_lst li:nth-child(even){ margin-right: 0;}
}

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

}


.fix_btn{ position: fixed; bottom: 40px; right: 30px; width: 330px; height: 200px; z-index: 99; border-radius: 30px; font-weight: 700;}
.fix_btn .fix_close_btn{ position: absolute; top: -30px; right: -30px;}
.fix_btn .fix_close_btn > span{ position: absolute; top: 15px; right: 15px; z-index: 101; transition: all .3s;}
.fix_btn .fix_close_btn > span span{ display: inline-block; width: 35px; height: 35px; position: relative; border: 2px solid #c8c8c8; border-radius: 50vh; background-color: #fff;}
.fix_btn .fix_close_btn > span span:before,
.fix_btn .fix_close_btn > span span:after{content: ""; position: absolute; top: 50%; left: 50%; width: 3px; height: 20px; background: #c8c8c8;}
.fix_btn .fix_close_btn > span span::before { transform: translate(-50%,-50%) rotate(45deg);}
.fix_btn .fix_close_btn > span span::after { transform: translate(-50%,-50%) rotate(-45deg);}
.fix_btn .fix_btn_inner{ position: relative; width: 100%; height: 100%; z-index: 100; transition: all .3s;}
.fix_btn .fix_btn_inner:before,
.fix_btn .fix_btn_inner:after{ content: ""; display: block; width: 100%; height: 100%; border: 1px solid var(--navy); box-sizing: border-box; background-color: #fff; border-radius: 30px;}
.fix_btn .fix_btn_inner:before{ position: absolute; left: 0; bottom: -7px; z-index: -5;}
.fix_btn .fix_btn_inner:after{ position: absolute; left: 0; bottom: -14px; z-index: -10;}
.fix_btn .fix_btn_inner a{ display: block; width: 100%; height: 100%; border: 1px solid var(--navy); box-sizing: border-box; border-radius: 30px;}
.fix_btn .fix_btn_inner .fix_top{ background-color: #f3a6b8; height: 60%; border-radius: 30px 30px 0 0; padding-top: 25px; box-sizing: border-box;}
.fix_btn .fix_btn_inner .fix_top .day{ font-size: 1.4em; margin-bottom: 15px;}
.fix_btn .fix_btn_inner .fix_top .day span{ font-size: 1.8em;}
.fix_btn .fix_btn_inner .fix_top .place{ font-size: 1.2em;}
.fix_btn .fix_btn_inner .fix_btm{ border-top: 1px solid var(--navy); font-size: 1.5em; padding-top: 30px; box-sizing: border-box;}
.elm{ transition: 0.5s; opacity: 0; z-index: 99;}

@media screen and (max-width:999px){
.fix_btn{ position: fixed; bottom: 30px; right: 30px; width: 260px; height: 160px;}
.fix_btn .fix_btn_inner .fix_top{ padding-top: 18px;}
.fix_btn .fix_btn_inner .fix_top .day{ font-size: 1.3em; margin-bottom: 10px;}
.fix_btn .fix_btn_inner .fix_top .day span{ font-size: 1.5em;}
.fix_btn .fix_btn_inner .fix_top .place{ font-size: 1.1em;}
.fix_btn .fix_btn_inner .fix_btm{ font-size: 1.3em; padding-top: 20px;}
}

@media screen and (min-width:768px){
.fix_btn:hover{ opacity: .5;}
.fix_btn .fix_close_btn:hover{cursor: pointer;}
}

@media screen and (max-width:767px){
.fix_btn{ bottom: 30px; right: 10px; width: 180px; height: 110px; border-radius: 20px;}
.fix_btn .fix_close_btn{ position: absolute; top: -35px; right: -25px; padding: 7px; box-sizing: border-box;}
.fix_btn .fix_btn_inner a{ border-radius: 20px;}
.fix_btn .fix_btn_inner:before,
.fix_btn .fix_btn_inner:after{ border-radius: 20px;}
.fix_btn .fix_btn_inner .fix_top{ padding-top: 12px; border-radius: 20px 20px 0 0;}
.fix_btn .fix_btn_inner .fix_top .day{ font-size: 1.1em; margin-bottom: 7px;}
.fix_btn .fix_btn_inner .fix_top .day span{ font-size: 1.3em;}
.fix_btn .fix_btn_inner .fix_top .place{ font-size: 1em;}
.fix_btn .fix_btn_inner .fix_btm{ font-size: 1.1em; padding-top: 13px;}
}


/*=========================#semi_fnlst modal=========================*/

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

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

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

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

}


/*=====judge=====*/

#judge01,
#judge02,
#judge03,
#judge04,
#judge05,
#judge06,
#judge07,
#judge08{display:none;}


/*=========================.judge_modal=========================*/

.judge_modal { display: flex; align-items: center; margin: 30px; padding: 20px 20px; position: relative;}
.judge_modal .pic_box { width: 280px; margin: -10px 40px 0 0;}
.judge_modal .pic::before { background: linear-gradient(90deg, #f7d2e0, #ffa7d2);}
.judge_modal .pic span { padding-top: 116%;}
.judge_modal .txt_box { width: 100%; flex: 1;}
.judge_modal .name { font-size: 180%; line-height: 1.25; font-weight: 700; text-align: left; padding: 20px 0 20px;}
.judge_modal .belong { font-size: 111%; line-height: 1.5; font-weight: 700; text-align: left; padding:20px 0 0;}
.judge_modal .profile { font-size: 104%; font-weight: 400; line-height: 1.66em; padding:20px 0 0;}
.judge_modal .profile_lst { padding:20px 0 0; margin-left: 1em;}
.judge_modal .profile_lst li { font-size: 104%; font-weight: 400; line-height: 1.66em; list-style-type: disc; list-style-position: outside;}
.judge_modal .close_btn { color: #fff; background: #143250; width: 50px; height: 50px; padding:0; border:none; border-radius: 0; position: absolute; right: -30px; top: -30px; opacity: 1; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor:pointer;}
.judge_modal .close_btn:focus,
.judge_modal .close_btn:hover { outline: none; background: #fff;}
.judge_modal .close_btn:focus:before,
.judge_modal .close_btn:focus:after,
.judge_modal .close_btn:hover:before,
.judge_modal .close_btn:hover:after { background: #143250;}
.judge_modal .close_btn span { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden;}
.judge_modal .close_btn:before,
.judge_modal .close_btn:after { display: block; content: " "; position: absolute; top: 14px; left: 23px; width: 2px; height: 20px; background: #fff; -webkit-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out;}
.judge_modal .close_btn:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.judge_modal .close_btn:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

@media screen and (max-width:767px){
.judge_modal { display: block; padding: 0;}
.judge_modal .pic_box { width: 170px; margin: -10px auto 5px;}
.judge_modal .name { font-size: 160%;}
.judge_modal .belong { padding: 15px 0 0;}
.judge_modal .profile { padding: 15px 0 0;}
.judge_modal .profile_lst { padding: 15px 0 0;}
.judge_modal .close_btn { top: -20px;}
}