@charset "UTF-8";
*,
*:before,*:after{
margin:0;
padding:0;
box-sizing:border-box;
font-feature-settings: "palt";
}




/* ================================================================= */
/* ピックアップ　プログラム */
/* ================================================================= */
.pickup{
margin: 0px auto 0px auto;
display: block;
padding: 60px 0px 80px 0px;
position: relative;
width: 100vw;
height: auto;
left: 50%;
background-position: center;
transform: translateX(-50%);
background-color: #ffffff;
}
.pickup h3{
display: block;
width: 430px;
height: auto;
margin: 0px auto 25px auto;
}
.pickup .pickup_contents_1,
.pickup .pickup_contents_2,
.pickup .pickup_contents_3,
.pickup .pickup_contents_4{
width: 100%;
height: auto;
padding-bottom: 60px;
}

.pickup .pickup_contents_1 .image{
display: block;
width: 100vw;
height: 550px;
margin: 0px auto 0px auto;
background-image: url("../2025image/0809/nyuushi_img.png");
background-position: center center;
background-repeat: no-repeat;
background-size: 100%;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
position: relative;
}
.pickup .pickup_contents_1 h4{
display: block;
width: 350px;
height: auto;
position: relative;
z-index: 4;
top: 30px;
margin: 0px auto 40px auto;
}
.pickup .pickup_contents_1 p{
text-align: center;
font-size: 22px;
width: 100%;
display: block;
margin: 0px auto 0px auto;
}


.pickup .pickup_contents_1 table {
width: 700px;
height: auto;
display: block;
position: relative;
margin: 30px auto 0px auto;
column-span: none;
border-collapse: collapse;
border-spacing: 0;
text-align: center;
table-layout: fixed;
border: solid 1px #1486AD;
}
.pickup .pickup_contents_1 th {
width: auto;
font-weight: 400;
font-size:16pt;
background-color: #EAF4F9;
padding: 0px;
border: solid 1px #1486AD;
}
.pickup .pickup_contents_1 td {
width: 20%;
font-weight: 100;
font-size:16pt;
background-color: #ffffff;
padding: 0px;
border: solid 1px #1486AD;
}


.pickup .pickup_contents_2 .image{
display: block;
width: 100vw;
height: 550px;
margin: 0px auto 0px auto;
background-image: url("../2025image/0809/ice.png");
background-position: center center;
background-repeat: no-repeat;
background-size: 100%;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
position: relative;
}
.pickup .pickup_contents_2 .image2{
display: none;
}

.pickup .pickup_contents_2 h4{
display: block;
width: 700px;
height: auto;
position: relative;
z-index: 4;
top: -80px;
left: 2%;
margin: 0px auto -50px auto;
}
.pickup .pickup_contents_2 p{
text-align: center;
font-size: 22px;
width: 100%;
display: block;
margin: 0px auto 0px auto;
}

/*
.pickup .pickup_contents_3 .image{
display: block;
width: 550px;
height: auto;
margin: 0px auto;
}
*/
.pickup .pickup_contents_3 .image{
display: block;
width: 100vw;
height: 550px;
margin: 0px auto 0px auto;
background-image: url("../2025image/0809/ao_img.png");
background-position: center center;
background-repeat: no-repeat;
background-size: 100%;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
position: relative;
}
.pickup .pickup_contents_3 h4{
display: block;
width: 440px;
height: auto;
position: relative;
z-index: 4;
top: 20px;
margin: 0px auto 40px auto;
}
.pickup .pickup_contents_3 p{
text-align: center;
font-size: 22px;
width: 100%;
display: block;
margin: 0px auto 30px auto;
}


.pickup .pickup_contents_4 .image{
display: block;
width: 100vw;
height: 550px;
margin: 0px auto 0px auto;
background-image: url("../2025image/0809/bus_img.png");
background-position: center center;
background-repeat: no-repeat;
background-size: 100%;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
position: relative;
}
.pickup .pickup_contents_4 h4{
display: block;
width: 610px;
height: auto;
position: relative;
z-index: 4;
top: 20px;
margin: 0px auto 40px auto;
}
.pickup .pickup_contents_4 p{
text-align: center;
font-size: 22px;
width: 100%;
display: block;
margin: 0px auto 30px auto;
}

@media screen and (max-width: 787px){
.pickup{
margin: 0px auto;
display: block;
width: 100%;
height: auto;
padding: 8% 0 60px 0;
position: relative;
}
.pickup h3{
display: block;
width: 80%;
height: auto;
margin: 0px auto 10px auto;
}
.pickup .pickup_contents_1,
.pickup .pickup_contents_2,
.pickup .pickup_contents_3,
.pickup .pickup_contents_4{
width: 100%;
height: auto;
padding-bottom: 15%;
}

.pickup .pickup_contents_1 .image{
display: block;
width: 100vw;
height: 0px;
padding-top: 62%;
margin: 0px auto 0px auto;
background-image: url("../2025image/0809/nyuushi_img_sp.png");
background-position: center center;
background-repeat: no-repeat;
background-size: 100%;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}
.pickup .pickup_contents_1 h4{
display: block;
width: 50%;
height: auto;
margin: 0px auto 30px auto;
position: relative;
top: 10px;
}
.pickup .pickup_contents_1 p{
text-align: justify;
font-size: 4.3vw;
width: 80%;
display: block;
margin: 0px auto;
}

.pickup .pickup_contents_1 table {
width: 80%;
height: auto;
display: block;
position: relative;
margin: 10px auto 0px auto;
column-span: none;
border-collapse: collapse;
border-spacing: 0;
text-align: center;
table-layout: fixed;
border: solid 1px #1486AD;
}
.pickup .pickup_contents_1 th {
width: auto;
font-weight: 600;
font-size:10pt;
background-color: #EAF4F9;
padding: 0px;
border: solid 1px #1486AD;
}
.pickup .pickup_contents_1 td {
width: 30%;
font-weight: 300;
font-size:12pt;
background-color: #ffffff;
padding: 0px;
border: solid 1px #1486AD;
}


.pickup .pickup_contents_2 .image{
display: block;
width: 100vw;
height: 0px;
padding-top: 62%;
margin: 0px auto -20px auto;
background-image: url("../2025image/0809/ice_sp1.png");
background-position: center center;
background-repeat: no-repeat;
background-size: 100%;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}
.pickup .pickup_contents_2 .image2{
display: block;
width: 100vw;
height: 0px;
padding-top: 62%;
margin: 0px auto 0px auto;
background-image: url("../2025image/0809/ice_sp2.png");
background-position: center center;
background-repeat: no-repeat;
background-size: 100%;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}
.pickup .pickup_contents_2 h4{
display: block;
width: 90%;
height: auto;
margin: 0px auto -40px auto;
position: relative;
top: -55px;
left:0;
}
.pickup .pickup_contents_2 p{
text-align: justify;
font-size: 4.3vw;
width: 90%;
display: block;
margin: 0px auto;
}

/*
.pickup .pickup_contents_3 .image{
display: block;
width: 80%;
height: auto;
margin: 0px auto 0px auto;
}
*/
.pickup .pickup_contents_3 .image{
display: block;
width: 100vw;
height: 0px;
padding-top: 62%;
margin: 0px auto 0px auto;
background-image: url("../2025image/0809/ao_img_sp.png");
background-position: center center;
background-repeat: no-repeat;
background-size: 100%;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}
.pickup .pickup_contents_3 h4{
display: block;
width: 70%;
height: auto;
margin: 0px auto 30px auto;
position: relative;
top: 20px;
}
.pickup .pickup_contents_3 p{
text-align: justify;
font-size: 4.3vw;
width: 80%;
display: block;
margin: 0px auto;
}

.pickup .pickup_contents_4 .image{
display: block;
width: 100vw;
height: 0px;
padding-top: 62%;
margin: 0px auto 0px auto;
background-image: url("../2025image/0809/bus_img_sp.png");
background-position: center center;
background-repeat: no-repeat;
background-size: 100%;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}
.pickup .pickup_contents_4 h4{
display: block;
width: 95%;
height: auto;
margin: 0px auto 30px auto;
position: relative;
top: 20px;
}
.pickup .pickup_contents_4 p{
text-align: justify;
font-size: 4.3vw;
width: 80%;
display: block;
margin: 0px auto;
}
}

/* ================================================================= */
/* 学科体験授業 */
/* ================================================================= */
.lesson{
margin: 0px auto 0px auto;
display: block;
padding: 80px 0px 200px 0px;
position: relative;
width: 100vw;
height: auto;
}
.lesson h3{
display: block;
width: 350px;
height: auto;
margin: 0px auto 0px auto;
}

.lesson .area{
margin: 35px auto 0px auto;
display: block;
padding: 0px 0px 80px 0px;
position: relative;
width: 1000px;
height: auto;
}
.lesson .area h4{
text-align: center;
font-size: 2.8vw;
color: #1486AD;
}
.lesson .area ul{
display: flex;
justify-content: center;
flex-wrap: wrap;
margin: 30px auto 0px auto;
width: 1000px;
height: auto;
}
.lesson .area ul li{
display: block;
padding: 2%;
width: 450px;
}
.lesson .area ul .lesson_box{
display: block;
border: solid 1px #4C4948;
background-color: #ffffff;
position: relative;
padding: 0px 34px 34px 34px;
}
.lesson .area ul .lesson_box h5{
display: block;
border: solid 1px #4C4948;
background-color: #ffffff;
position: relative;
border-radius: 30px;
font-size: 17pt;
font-weight: 400;
text-align: center;
margin: 0px auto;
padding: 2.5% 5%;
top: -17pt;
}

.lesson .area ul .lesson_box p{
text-align: justify;
font-size: 19pt;
line-height: 25pt;
padding-bottom: 15px;
}
.lesson .area ul .lesson_box p span{
text-align: justify;
font-size: 19pt;
font-weight: 600;
color: #1486AD;
display: block;
margin-left: -4%;
}
@media screen and (max-width: 787px){

.lesson{
margin: 0px auto 0px auto;
display: block;
padding: 40px 0px 25% 0px;
position: relative;
width: 100%;
height: auto;
}
.lesson h3{
display: block;
width: 55%;
height: auto;
margin: 0px auto 0px auto;
}
.lesson .area{
margin: 20px auto 40px auto;
display: block;
padding: 0% 0% 10% 0%;
position: relative;
width: 100%;
height: auto;
}
.lesson .area h4{
text-align: center;
font-size: 6.5vw;
color: #1486AD;
}
.lesson .area ul{
display: flex;
justify-content: center;
flex-wrap: wrap;
position: relative;
top: 15px;
margin: 0px auto 0px auto;
width: auto;
height: auto;
z-index: 3;
}
.lesson .area ul li{
width: 80%;
height: auto;
padding: 6% 0%;
}
.lesson .area ul .lesson_box{
display: block;
border: solid 1px #4C4948;
background-color: #ffffff;
position: relative;
padding: 0px 34px 34px 34px;
}
.lesson .area ul .lesson_box h5{
display: block;
border: solid 1px #4C4948;
background-color: #ffffff;
position: relative;
border-radius: 30px;
font-size: 14pt;
font-weight: 400;
text-align: center;
margin: 0px auto;
padding: 2% 0%;
width: auto;
top: -17pt;
}

.lesson .area ul .lesson_box p{
text-align: justify;
font-size: 16pt;
line-height: 25pt;
padding-bottom: 15px;
}
.lesson .area ul .lesson_box p span{
text-align: justify;
font-size: 16pt;
font-weight: 600;
color: #1486AD;
display: block;
margin-left: -4%;
}
}