* {
    /* border: red dotted 1px; */
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    ruby-align: center;
    font-family: "Lato", sans-serif;
    scroll-behavior: smooth;
}

body {
    background-image: url(../images/logo-pattern02.png);
    background-color: #FFFADA;
}

.SPheaderWrapper{
    display: none;
}

.allWrapper{
    width: 1148px;
    height: 0;
    margin: 0 auto;
    /* border: #EB6D48 dotted 1px; */
    position: relative;
}

.headerWrapper{
    position:fixed;
    width: 284px;
    margin-top: 56px;
    font-size: 13px;
    font-weight: bold;
}

.headerWrapper img{
    margin-bottom: 72px;
}

.headerWrapper a{
    text-decoration: none;
    color: #A9C302;
    text-align: center;
    padding-bottom: 46px;
}

.snsWrapper{
    margin-top: 24px;
    text-align: center;
}

.snsContainer a{
    padding: 0 12px;
}

.bodyWrapper {
    margin: 0 auto;
    width: 390px;
    text-align: center;
    background-color: #fff;
}


.menuContainer a{
    display: block;
}

.menuContainer a:hover{
    color:#EB6D48;
}

.snsContainer a{
    display: inline-block;
    opacity: 0.8;
}

.snsContainer a:hover{
    opacity: 1;
}

p {
    font-size: 16px;
    line-height: 50px;
}

rt {
    font-size: 10px;
    color: #707070;
    line-height: 50px;
}


/* スライド */
/* カルーセル全体 */
.carousel {
    /* 水平方向中央寄せ */
    display: flex;
    justify-content: center;
}

.slide img{
    height:423px;
}

/* カルーセル内容 */
.contains {
    /* サイズは自由に変更してください。*/
    /* 下の.slideも同じサイズにしてください。 */
    width: 390px;
    height: 453px;
    overflow: hidden;
    position: relative;
    padding: 0;
    list-style: none;
}

/* スライド切り換え用ラジオボタンは常に非表示 */
.slide_select {
    display: none;
}

/* 各スライド */
.slide {
    /* サイズは自由に変更してください。*/
    /* 上の.containsも同じサイズにしてください。 */
    width: 390px;
    height: 423px;
    position: absolute;
    /* スライドの初期値は選択されていないので透明にしておく */
    opacity: 0;
}


/* スライド移動ボタンエリア */
.move_controler {
    position:absolute;
    bottom: 0px;
    width: 100%;
    text-align: center;
}

/* スライド移動の各ボタン */
.button_move {
    display: inline-block;
    height: 8px;
    width: 8px;
    margin: 0 2px;
    border-radius: 100%;
    cursor: pointer;
    /* 普段はやや薄くする */
    opacity: 0.5;
    /* スライドより前面にする */
    z-index: 2;
}

/* ホバー時はやや明るくする */
.button_move:hover {
    opacity: 0.75;
}

/* スライド移動ボタンの色 */
.button_move {
    background-color: #53B5B0;
}

/* 1番目のスライド選択時 */
/* 1番目のスライドの透明度を0にして表示する */
.slide_select:nth-of-type(1):checked~.slide:nth-of-type(1) {
    opacity: 1;
}

/* スライド移動ボタンの1個目を明るくする */
/* （今選択されていることが分かるように） */
.slide_select:nth-of-type(1):checked~.move_controler .button_move:nth-of-type(1) {
    opacity: 1;
}

.slide_select:nth-of-type(2):checked~.slide:nth-of-type(2) {
    opacity: 1;
}

/* 2番目のスライド選択時（1番目のスライドと同じことをする） */
.slide_select:nth-of-type(2):checked~.move_controler .button_move:nth-of-type(2) {
    opacity: 1;
}

/* 3番目のスライド選択時 */
.slide_select:nth-of-type(3):checked~.slide:nth-of-type(3) {
    opacity: 1;
}

.slide_select:nth-of-type(3):checked~.move_controler .button_move:nth-of-type(3) {
    opacity: 1;
}

/* スライド */

.titleImg{
    width: auto;
    margin: auto;
}

.titleImgNormal {
    width: auto;
    margin: auto;
    padding-bottom: 24px;
}

.titleImgTop{
    width: auto;
    margin: auto;
    padding-bottom: 24px;
    padding-top: 64px;
}

.titleH2Normal {
    color: #EB6D48;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 56px;
}

.titleH2Normal rt{
    color: #EB6D48;
    font-weight: normal;
    opacity: 0.75;
}

.titleH2Class{
    color: #EB6D48;
    font-size: 16px;
    font-weight: bold;
}

.classP{
    line-height: 50px;
} 

.miraiLabWrapper {
    padding-bottom: 153px;
    background-color: #fff;
}

.classContainer {
    padding-bottom: 111px;
}

.AContainer {
    padding-bottom: 111px;
}

.PwithBorder{
    border-bottom: #FFDB0E 1.5px dashed;
    padding-bottom: 20px;
    width: 320px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.BContainer {
    padding-bottom: 153px;
}

.eventWrapper {
    padding-bottom: 135px;
}

.teacherWrapper {
    padding-bottom: 153px;
}

.teacherContainer img {
    width: auto;
    margin: 0 auto;
    margin-bottom: 43px;
}

.teacherName {
    font-weight: bold;
    border-bottom: #53B5B0 1.5px dashed;
    padding-bottom: 20px;
    width: 320px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.teacherName rt{
    font-weight: normal;
}

.accessWrapper {
    padding-bottom: 139px;
}

.accessContainer img {
    width: auto;
    margin: 0 auto;
    background-color: #fff;
}

.accessP span{
    font-weight: bold;
}

.schoolemap{
    padding-bottom: 48px;
}

.googlemapLink{
    padding-top: 36px;
}

/* 元デザインここから
.applySubmit {
    background-color: #D7ECE5;
}

.name {
    padding-top: 24px;
}

.applySubmit span {
    color: #53B5B0;
    font-weight: bold;
}

.applySubmit a {
    color: #53B5B0;
    font-weight: bold;
    text-decoration: none;
}

#username {
    width: 289px;
    height: 48px;
    border-radius: 14px;
    border: #53B5B0 solid 2px;
}

#email {
    width: 289px;
    height: 48px;
    border-radius: 14px;
    border: #53B5B0 solid 2px;
}

#message {
    width: 289px;
    height: 123px;
    border-radius: 14px;
    border: #53B5B0 solid 2px;
    resize: none;
}

.OKbutton {
    width: 289px;
    height: 38px;
    border-radius: 24px;
    border: #53B5B0 solid 2px;
    background-color: #fff;
    color: #53B5B0;
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0 24px 0;
}

.OKbutton:hover{
    background-color: #53B5B0;
    color: #fff;
}

元デザインここまで */

.googleFormWrapper{
    width: auto;
    margin: 0 auto;
    margin: 10px 0 24px 0;
}

.googleFormContainer {
    width: 289px;
    height: 168px;
    margin: 0 auto;
    border-radius: 14px;
    border: #53B5B0 solid 2px;
    background-color: #53B5B0;
    opacity: 0.8;
    font-size: 16px;
    font-weight: bold;
}
.googleFormContainer:hover{
    background-color: #53B5B0;
    color: #fff;
    opacity: 1;
}

.googleForm{
    text-decoration: none;
    color: #fff;
}

.Formlink{
padding-top: 40px;
line-height: 32px;
}

.sub{
    font-size: 10px;
    color: #fff;
    line-height: 32px;
}

.googleForm rt{
    color: #fff;
}

.lastMassage {
    padding: 28px 0;
    font-size: 14px;
    line-height: 40px;
}

footer{
    display: none;
}