@charset "UTF-8";
/* CSS Document */


/*------------------------------

 mogily

------------------------------*/

.mogily-wrap{
    margin-top:50px;
}



.mogily-intro{
    background:#fff;
    border:2px solid #bdd8ff;
    border-radius:22px;
    padding:40px;
    text-align:left;
    margin-bottom:50px;
}

#tokyosta .mogily-intro{border:2px solid #ffc59e;}

.mogily-copy{
    font-size:22px;
    font-weight:normal;
    color:#3d3d3d;
    line-height:1.6;
    margin-bottom:20px;
}



.mogily-note{
    font-size:18px!important; text-align: center;
    color:#06C755!important;
    margin-bottom:30px;
}



.line-btn{  display:block;
    width:fit-content;
    margin:0 auto;
    padding:18px 46px;
    background:#06C755;
    color:#fff;
    font-size:22px;
    font-weight:700;
    border-radius:999px;
    text-decoration:none;
    transition:.3s;
}



.line-btn:hover{
    transform:translateY(-3px);
    box-shadow:0 10px 20px rgba(0,0,0,.15);
}



.period-block{
    margin:0 0 55px; 
}

.method-date{
    display:inline-block;
    background:#6696d8;
    color:#fff;
    padding:0px 28px 7px;
    border-radius:999px;
    font-size:34px;
    font-weight:700;
    margin-bottom:30px;
}

#tokyosta .method-date{background:#e09b18;}

.method-date span{font-size: 24px; display: inline-block; margin: 0 0 0 5px;}

.date-indent{display:inline-block;font-weight:inherit;}


.method-card{
    background:#f8fbff;
    border:2px solid #d7e8ff;
    border-radius:20px;
    padding:30px 45px 35px 35px;
}

#tokyosta .method-card{background:rgba(247,234,215,0.2);border:2px solid #ffc59e;}

.method-card h4{font-size:26px;color:#4d78b7;margin-bottom:25px;}
.method-card h4 span{font-size:20px;}

#tokyosta .method-card h4{color:#e09b18;}


.method-card dl{
    display:grid;
    grid-template-columns:160px 1fr;
    gap:6px 26px;
    align-items:center;
}



.method-card dt{align-self:start;
    padding-top:10px;
     font-size:22px;
    font-weight:700;
    color:#6696d8;}
	
#tokyosta .method-card dt{color: #e09b18}

.method-card dd{
    margin:0; font-size:32px;
    line-height:1.2;}
	
.method-card dd span{display: inline-block; margin: 0 3px; font-size: 19px;}
.method-card dd span.kanji{margin: 0 3px; font-size: 23px;}
.method-card dd span.yoyaku{margin: 10px 3px; font-size: 21px;color:#06C755;}
.method-card dd span.kanji2{margin: 15px 0 0!important; font-size: 18px;line-height: 1.2;}
.method-card dd span.green{color:#06C755; line-height: 1.2; }
.method-card dd span.green2{color:#06C755; line-height: 1.2;font-size: 25px; }
.method-card dd span.hosoku{color:#D6383B; line-height: 1.2;font-size: 16px; margin-top: 10px;}
.method-card dd a.pd10{display: inline-block; margin: 8px 0;}

.method-card a{ color:#06C755;font-weight:bold;}


p.method-note{
    margin-top:25px;color:#D6383B; font-size: 20px; 
    line-height:1.8;}
	
p.mini{font-size: 16px; line-height:1.5;}

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

 Part2追加

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

/* ①②③の区切り */

.method-card hr{
    border:0;
    border-top:2px dashed #6696d8;
    margin:45px 0 35px;
}

#tokyosta .method-card hr{border-top:2px dashed #e09b18;}

/* ③の「※時間指定はできません。」 */

.sub-note{

    margin:-12px 0 20px;

    font-size:18px;

    color:#777;

    line-height:1.6;

}


/* ①の補足 */

.method-card small{
    display:block;
    margin-top:0px;
    font-size:16px;
    color:#666;
    line-height:1.6;
}

.gojitsu{color: #2678dd; font-size: 26px; font-weight: bold; margin-top: -40px; text-align: center;}
.gojitsu span{font-size: 40px;display: inline-block; margin: 0 5px;}
#tokyosta .gojitsu{color: #e09b18;}

@media(max-width:767px){

.mogily-intro{
    padding:25px;
}

.mogily-intro .section_title{ line-height: 1.4; font-size: 16px;}

.mogily-note{
    font-size:15px;
}

.line-btn{ 
    padding:15px 30px 18px;
    font-size:22px;
}

.period-title{
    font-size:20px;
}



p.method-note{font-size: 18px; line-height:1.4;}
	
p.mini{font-size: 16px; line-height:1.5;}


.method-card{
    padding:20px;
}



.method-card h4{font-size:20px;}
.method-card h4 span{font-size:18px; display: block;}



.method-card dl{
    grid-template-columns:1fr;
    gap:8px;
}


.method-card dt{
    background:#edf5ff;
    padding:8px 12px;
    border-radius:8px;
}

#tokyosta .method-card dt{
    background:rgba(248,225,151,.5);}

.method-card dd{
    padding-left:5px;font-size:28px;
    margin-bottom:15px;}

.sub-note{
    font-size:15px;}



.method-card hr{
    margin:30px 0;}
}

@media(max-width:600px){

.mogily-copy{
    font-size:18px!important;
    text-align:center; margin-bottom: 30px;
}

.method-date{padding:0px 20px 7px;font-size:24px;}
.method-date span{font-size: 18px;margin: 0 0 0 5px;}

.date-indent{margin-left:1.5em;}
.method-card dd span.green{font-size: 16px; margin:10px -10px;}
.method-card dd span.hosoku{font-size: 14px; margin:10px -10px 0;}
.method-card small{ margin:10px -10px 0;line-height:1.4; font-size:14px;}


p.method-note{font-size: 17px; line-height:1.3;}
p.mini{font-size: 15px; line-height:1.4; margin-bottom: 20px;letter-spacing: -0.05em;}

.gojitsu{ font-size: 20px;}
.gojitsu span{font-size: 30px;}

}