@charset "utf-8";


/*====================================================================
メインビジュアル
====================================================================*/
.main-visual { 
position: relative;
overflow: hidden;
}

.main-visual .square_01 { 
position: absolute;
left: -50px;
bottom: 0;
}
.main-visual .square_01 img { 
width: 150px;
}

.main-visual .photo img { 
width: 100%;
}
.main-visual .photo .sp-img { 
display: none;
}

.main-visual #breadcrumbs { 
background: #eefbfe;
margin-bottom: 0;
}

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

}
@media screen and (max-width: 767px) { 
.main-visual .photo .pc-img { display: none; }
.main-visual .photo .sp-img { display: block; }
}



/*====================================================================
共通
====================================================================*/
@media screen and (max-width: 1080px) { 
#content { padding: 0 15px!important; }
}
@media screen and (max-width: 640px) { 
.page p { font-size: 16px; }
}


.contents-border-line { 
margin-bottom: 120px;
}
.contents-border-niigata { 
padding-top: 120px;
}
@media screen and (max-width: 500px) { 
.contents-border-line { margin-bottom: 100px; }
.contents-border-niigata { padding-top: 100px; }
}



.top-square { 
position: relative;
height: 120px;
margin-bottom: -40px;
}
.top-square .square_01 { 
position: absolute;
right: -50px;
top: 0;
overflow: hidden;
}

.common-title_01 { 
position: relative;
display: block;
background: rgb(199,214,255);
background: linear-gradient(90deg, rgba(199,214,255,1) 0%, rgba(225,245,255,1) 100%);
margin-bottom: 60px;
padding: 25px 15px;
}

.common-title_01 .delta-top { 
position: absolute;
left: 0;
top: 0;
width: 50px;
height: 50px;
background: #88b6ff;
clip-path: polygon(100% 0, 0 0, 0 100%);
}
.common-title_01 .delta-bottom { 
position: absolute;
right: 0;
bottom: 0;
width: 50px;
height: 50px;
background: #88b6ff;
clip-path: polygon(100% 100%, 100% 0, 0 100%);
}
.common-title_01 .border-bottom { 
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
width: 50px;
height: 5px;
background: rgb(27,98,255);
background: linear-gradient(90deg, rgba(27,98,255,1) 0%, rgba(3,176,255,1) 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

.common-title_01 h2 { 
position: relative;
z-index: 1;
font-size: 50px;
font-weight: bold;
text-align: center;
}
.common-title_01 h2 .c_blue { color: #1e90ff; }

.common-title_01 p { 
position: absolute;
left: 50%;
top: -15px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
display: flex;
justify-content: center;
align-items: center;
width: 100%;
font-size: 24px;
font-weight: bold;
text-align: center;
margin: 0 auto!important;
}
.common-title_01 p::before,
.common-title_01 p::after {
content: '';
width: 3px;
height: 30px;
background-color: #111;
}
.common-title_01 p::before {
margin-right: 15px;
transform: rotate(-25deg)
}
.common-title_01 p::after {
margin-left: 15px;
transform: rotate(25deg)
}
.common-title_01 p .c_blue { color: #1e90ff; }

@media screen and (max-width: 767px) { 
.common-title_01 h2 { font-size: 40px; }
.common-title_01 p { font-size: 20px; }
.common-title_01 p::before,.common-title_01 p::after { height: 20px; }
}
@media screen and (max-width: 500px) { 
.common-title_01 { margin-bottom: 40px; }
.common-title_01 h2 { font-size: 30px; }
}
@media screen and (max-width: 400px) { 
.common-title_01 p { font-size: 16px; top: -12px; }
}




.banner-text_area { 
max-width: 800px;
margin: 0 auto;
}

.banner-text_area .thumbnail { 
margin-bottom: 30px;
}

.banner-text_area p { 
text-align: center;
margin: 0 auto 30px auto!important;
}

.contact-btn { 
max-width: 600px;
margin: 0 auto;
}
.contact-btn .type_01 { 
position: relative;
display: block;
font-size: 24px;
font-weight: bold;
line-height: 1.5em;
text-align: center;
color: #1f90ff;
background: #fff;
border: 3px solid #1f90ff;
border-radius: 50px;
padding: 15px 30px 15px 15px;
filter: drop-shadow(5px 5px 5px #ccc);
}
.contact-btn .type_01 .arrow { 
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 15px;
font-weight: normal;
}

.contact-btn .type_02 { 
position: relative;
display: block;
font-size: 24px;
font-weight: bold;
line-height: 1.5em;
text-align: center;
color: #fff;
background: rgb(241,110,0);
background: linear-gradient(90deg, rgba(241,110,0,1) 0%, rgba(241,188,0,1) 100%);
border-radius: 50px;
padding: 15px 30px 15px 15px;
filter: drop-shadow(5px 5px 5px #ccc);
}
.contact-btn .type_02 .arrow { 
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 15px;
font-weight: normal;
}

@media screen and (max-width: 500px) { 
.banner-text_area p { text-align: left; }
.banner-text_area p .sp-text { display: none; }
.contact-btn .type_01 { font-size: 20px; }
.contact-btn .type_02 { font-size: 20px; }
}




.common-img-title_01 { 
margin-bottom: 60px;
}

.common-img-title_01 .photo img { 
width: 100%;
}

.common-img-title_01 .decoration-box_01 { 
position: relative;
overflow: hidden;
height: 150px;
margin-top: -100px;
}
.common-img-title_01 .decoration-box_01 .decoration_01 { 
position: absolute;
right: -50px;
top: 0;
}
.common-img-title_01 .decoration-box_01 .decoration_01 img { 
height: 150px;
}

.common-img-title_01 .decoration-box_02 { 
position: relative;
overflow: hidden;
height: 150px;
margin-top: -100px;
}
.common-img-title_01 .decoration-box_02 .decoration_02 { 
position: absolute;
left: -70px;
top: 0;
}
.common-img-title_01 .decoration-box_02 .decoration_02 img { 
height: 150px;
}

.common-img-title_01 .bg-title {
background: url(../../renew2024/images-page/briefing/open-campus.svg);
background-position: left;
background-repeat: no-repeat;
background-size: contain;
margin-top: -50px;
margin-left: 15px;
padding: 40px 0;
}
.common-img-title_01 .bg-title h3 { 
font-size: 60px;
font-weight: bold;
}
.common-img-title_01 .bg-title h3 .small { 
display: block;
font-size: 40px;
line-height: 1.2em;
}
.common-img-title_01 .bg-title h3 .c_blue { color: #1e90ff; }

.common-img-title_01 p { 
margin: 0!important;
}

@media screen and (max-width: 767px) { 
.common-img-title_01 .bg-title h3 { font-size: 50px; }
.common-img-title_01 .bg-title h3 .small { font-size: 30px; }
}
@media screen and (max-width: 500px) { 
.common-img-title_01 .decoration-box_01 { height: 100px; margin-top: -50px; }
.common-img-title_01 .decoration-box_01 .decoration_01 img { height: 100px; }
.common-img-title_01 .decoration-box_02 { height: 100px; margin-top: -80px; }
.common-img-title_01 .decoration-box_02 .decoration_02 { left: -50px; }
.common-img-title_01 .decoration-box_02 .decoration_02 img { height: 100px; }
.common-img-title_01 .bg-title h3 { font-size: 40px; }
.common-img-title_01 .bg-title h3 .small { font-size: 24px; }
}
@media screen and (max-width: 400px) { 
.common-img-title_01 .bg-title h3 { font-size: 30px; }
.common-img-title_01 .bg-title h3 .small { font-size: 20px; }
}





.common-img-title_02 { 
max-width: 800px;
margin: 0 auto;
}

.common-img-title_02 .photo { 
position: relative;
margin-bottom: 20px;
}
.common-img-title_02 .photo img { 
width: 100%;
}
.common-img-title_02 .photo .program { 
position: absolute;
left: 50%;
bottom: -1px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
width: 100px;
height: 70px;
background: #fff;
clip-path: polygon(50% 0%, 100% 20%, 100% 100%, 0 100%, 0 20%);
}
.common-img-title_02 .photo .program .text { 
font-size: 12px;
font-weight: bold;
line-height: 1em;
text-align: center;
color: #1e90ff;
margin-bottom: 5px;
}
.common-img-title_02 .photo .program .no { 
font-size: 30px;
font-weight: bold;
line-height: 1em;
text-align: center;
color: #f19403;
}

.common-img-title_02 .br-title { 
margin-bottom: 20px;
}
.common-img-title_02 .br-title h3 { 
font-size: 40px;
font-weight: bold;
text-align: center;
color: #1e90ff;
margin-bottom: 15px;
}
.common-img-title_02 .br-title .border { 
display: table;
margin: 0 auto;
width: 50px;
height: 5px;
background: rgb(27,98,255);
background: linear-gradient(90deg, rgba(27,98,255,1) 0%, rgba(3,176,255,1) 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

.common-img-title_02 p { 
margin: 0!important;
}

@media screen and (max-width: 500px) { 
.common-img-title_02 .br-title h3 { font-size: 30px; }
}




.merit_box { 
max-width: 800px;
margin: 0 auto 30px auto;
}
.merit_box img { 
width: 100%;
}
.merit_box .merit-photo { 
max-width: 500px;
margin: 0 auto 30px auto;
}




.zoom-photo { 
display: flex;
justify-content: center;
align-items: center;
max-width: 800px;
margin: 0 auto;
}
.zoom-photo img { width: 32%; }
.zoom-photo img:nth-child(2)  { margin: 0 2%; }




.step_content { 
max-width: 800px;
margin: 0 auto 30px auto;
}

.step_content .delta { 
display: table;
margin: 30px auto 40px auto;
width: 60px;
height: 30px;
background: #00348c;
clip-path: polygon(50% 100%, 0 0, 100% 0);
}

.step_content .step_box { 
position: relative;
background: #edf6ff;
padding: 40px 30px 30px 30px;
}

.step_content .step_box h3 { 
position: absolute;
left: 50%;
top: -20px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
font-size: 40px;
font-weight: bold;
text-align: center;
color: #1e90ff;
}
.step_content .step_box h3 .c_orange { 
color: #f19403;
}

.step_content .step_box p { 
margin: 0!important;
}

.step_content .step_box a { 
font-size: 16px;
color: #1f90ff;
border-bottom: 1px solid #1f90ff;
padding-bottom: 5px;
}

.step_content .step_box .App-btn { 
display: flex;
justify-content: center;
align-items: center;
max-width: 400px;
margin: 15px auto;
}
.step_content .step_box .App-btn a { 
width: 49%;
border: none;
padding-bottom: 0;
}
.step_content .step_box .App-btn a:last-child { 
margin-left: 2%;
}
.step_content .step_box .App-btn a img { 
width: 100%;
}

.step_content .step_box .zoom-join { 
margin-top: 15px;
}
.step_content .step_box .zoom-join img { 
display: table;
margin: 0 auto;
}

@media screen and (max-width: 767px) { 
.step_content .step_box { padding: 40px 15px 30px 15px; }
.step_content .step_box h3 { font-size: 30px }
}




.niigata-btn a { 
display: table;
width: 100%;
max-width: 600px;
font-size: 24px;
font-weight: bold;
text-align: center;
color: #fff;
background: #1f90ff;
border-radius: 50px;
margin: 0 auto;
padding: 15px;
filter: drop-shadow(5px 5px 5px rgba(17, 17, 17, 0.5));
}
.niigata-btn a .arrow-bottom { 
display: table;
width: 10px;
height: 10px;
margin: 0 auto;
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(45deg);
}

@media screen and (max-width: 500px) { 
.niigata-btn a { font-size: 20px; }
}



/*====================================================================
スケジュール
====================================================================*/
.schedule_box { 
max-width: 800px;
background: #d0e8ff;
margin: 0 auto 30px auto;
padding: 30px;
}

.schedule_box h3 { 
font-size: 24px;
font-weight: bold;
text-align: center;
color: #fff;
background: #00348c;
margin-bottom: 30px;
padding: 10px 15px;
}

.schedule_box .border-text { 
border-bottom: 1px dashed #111;
margin-bottom: 20px;
padding-bottom: 20px;
}
.schedule_box .border-text p { 
text-align: center;
margin: 0!important;
}

@media screen and (max-width: 500px) { 
.schedule_box h3 { font-size: 20px; }
}



.schedule_box .notice-date { 
margin-bottom: 15px;
}
.schedule_box .notice-date .days { 
display: flex;
justify-content: center;
align-items: flex-end;
}
.schedule_box .notice-date .days .large { 
font-size: 50px;
font-weight: bold;
line-height: 1em;
}
.schedule_box .notice-date .days .small { 
font-size: 30px;
font-weight: bold;
line-height: 1em;
}



.schedule_box .detail_01 li { 
display: flex;
justify-content: flex-start;
align-items: center;
font-size: 16px;
line-height: 1.5em;
margin-bottom: 15px;
}
.schedule_box .detail_01 li:last-child {  
margin-bottom: 0;
}
.schedule_box .detail_01 li .box_01 { 
width: 100%;
max-width: 100px;
text-align: center;
color: #fff;
background: #00348c;
margin-right: 15px;
padding: 5px 10px;
}
.schedule_box .detail_01 li .box_02 .map {
margin-left: 5px;
}
.schedule_box .detail_01 li .box_02 .map img { 
width: 3em;
}

.schedule_box .detail_01 li .box_02 a { color: #1f90ff; }



.schedule_box .detail_02 li {
font-size: 16px;
line-height: 1.5em;
list-style: none;
padding-bottom: 10px;
}
.schedule_box .detail_02 li:last-child { 
padding-bottom: 0;
}
.schedule_box .detail_02 li strong { 
font-size: 24px;
}

.schedule_box .detail_02 .indent_01 { 
text-indent: -1em;
padding-left: 1em;
}
.schedule_box .detail_02 .indent_02 { 
text-indent: -2em;
padding-left: 2em;
}

.schedule_box .detail_02 .text-ac { 
text-align: center;
}

.schedule_box .detail_02 li .map { 
margin-left: 5px;
}
.schedule_box .detail_02 li .map img { 
width: 3em;
}

.schedule_box .detail_02 li .night img { 
width: 1em;
padding-bottom: 3px;
}

.schedule_box .detail_02 li .c_blue { color: #1e90ff; }
.schedule_box .detail_02 li .c_cyaan { color: #00bfff; }
.schedule_box .detail_02 li .c_green { color: #02cc76; }
.schedule_box .detail_02 li .c_red { color: #ed3d3c; }
.schedule_box .detail_02 li .c_orange { color: #ffb832; }
.schedule_box .detail_02 li .c_magenta { color: #ed3cb0; }

@media screen and (max-width: 767px) { 
.schedule_box { padding: 30px 15px; }
}
@media screen and (max-width: 500px) { 
.schedule_box .detail_02 li strong { font-size: 20px; }
.schedule_box .detail_02 .pc-text { display: none; }
.schedule_box .detail_02 .text-ac { text-align: left; }
}



.schedule_list { 
max-width: 800px;
margin: 0 auto;
}

.schedule_list h3 { 
font-size: 24px;
font-weight: bold;
text-align: center;
color: #1e90ff;
background: #d0e8ff;
margin-bottom: 30px;
padding: 5px 15px;
}

.schedule_list ul { 
margin-bottom: 30px!important;
}
.schedule_list ul:last-child { 
margin-bottom: 60px!important;
}
.schedule_list li { 
display: flex;
justify-content: flex-start;
align-items: flex-start;
font-size: 18px;
line-height: 1.5em;
border-bottom: 1px dashed #111;
margin-bottom: 15px;
padding-bottom: 15px;
}
.schedule_list li:last-child { 
margin-bottom: 0;
}

.schedule_list li .day { 
width: 47%;
margin: 0 1%;
}
.schedule_list li .day strong { 
font-size: 24px;
}

.schedule_list li .day .c_cyaan { color: #00bfff; }
.schedule_list li .day .c_green { color: #02cc76; }
.schedule_list li .day .c_red { color: #ed3d3c; }
.schedule_list li .day .c_orange { color: #ffb832; }
.schedule_list li .day .c_magenta { color: #ed3cb0; }
.schedule_list li .day .night { vertical-align: text-bottom; }
.schedule_list li .day .night img { width: 1em; }

@media screen and (max-width: 500px) { 
.schedule_list li { font-size: 16px; }
.schedule_list li .day strong { font-size: 20px; }
}




.schedule_map { 
max-width: 800px;
margin: 0 auto;
}

.schedule_map .main-map { 
margin-bottom: 30px;
}

.schedule_map .sub-btn ul { 
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 15px!important;
}
.schedule_map .sub-btn ul:last-child { 
margin-bottom: 0!important;
}
.schedule_map .sub-btn li { 
width: 18%;
margin: 0 1%;
text-align: center;
border: 3px solid #1f90ff;
border-radius: 50px;
}
.schedule_map .sub-btn li a { 
display: block;
font-size: 18px;
font-weight: bold;
color: #1f90ff;
padding: 10px 5px;
}

.schedule_map .sub-btn .arrow-bottom {
display: table;
width: 10px;
height: 10px;
margin: 0 auto;
border-bottom: 2px solid #1f90ff;
border-right: 2px solid #1f90ff;
transform: rotate(45deg);
}

@media screen and (max-width: 767px) { 
.schedule_map .sub-btn li a { font-size: 16px; }
}
@media screen and (max-width: 640px) { 
.schedule_map .sub-btn li a { font-size: 14px; }
}
@media screen and (max-width: 500px) { 
.schedule_map .sub-btn li a { font-size: 12px; }
}
@media screen and (max-width: 450px) { 
.schedule_map .sub-btn li a { font-size: 10px; }
}



.map-place { 
padding-top: 80px;
}
@media screen and (max-width: 640px) { 
.map-place { padding-top: 60px; }
}

.acd-check {
display: none;
}
.acd-label {
position: relative;
display: flex;
justify-content: flex-start;
align-items: flex-start;
font-size: 20px;
line-height: 1.5em;
color: #fff;
background: #1e90ff;
padding: 15px 15px 30px 15px;
cursor: pointer;
}
.delta_01 { 
position: absolute;
top: 0;
left: 0;
width: 70px;
height: 100%;
background: #0075e8;
clip-path: polygon(100% 0, 0 0, 0 100%);
}
.delta_02 { 
position: absolute;
bottom: 0;
right: 0;
width: 70px;
height: 100%;
background: #0075e8;
clip-path: polygon(100% 100%, 100% 0, 0 100%);
}
.acd-label .large { 
font-size: 40px;
font-weight: bold;
margin: 0 auto;
}
.acd-label:after {
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
font-size: 16px;
font-weight: bold;
color: #fff;
box-sizing: border-box;
content: '∨';
cursor: pointer;
}
.acd-content {
display: block;
height: 0;
opacity: 0;
padding: 0 10px;
transition: .5s;
border-top: none;
visibility: hidden;
overflow: hidden;
}
.acd-check:checked + .acd-label:after{
content: '∧';
}
.acd-check:checked + .acd-label + .acd-content{
height: auto;
opacity: 1;
padding: 30px 15px 15px 15px;
visibility: visible;
}

@media screen and (max-width: 500px) { 
.acd-label .large { font-size: 30px; }
}



/*====================================================================

====================================================================*/