@charset "utf-8";

.mt200 {
    margin-top:200px;
}

.text-center {
    text-align:center;
}

.mb-40 {
    margin-bottom:40px;
}

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

header #logo img.logo_white, .menu_pc {
    display:none;
}

header #logo img.logo_silver, .menu_sp {
    display:block;
}

div.course img, div.greeting img {
    width:100%;
    margin:.5rem auto 1rem;
}

div.course p, div.greeting p {
    width:100%;
    margin:.5rem 0;
}

}

@media screen and (min-width:1000px) {

section {
    padding: 5% 15%;
}

header #logo img.logo_white, .menu_pc {
    display:block;
}

header #logo img.logo_silver, .menu_sp {
    display:none;
}

div.course, div.greeting {
    margin:0 0 1rem 0;
}

div.course:after, div.greeting:after {
    display:block;
    content:'';
    clear:both;
}

div.course img, div.greeting img {
    width:30%;
    float:right;
}

div.course p, div.greeting p, div.course h3, div.greeting h3 {
    width:60%;
    float:left;
}

}

details {
    cursor: pointer;
}

details p {
    padding-left:2rem
}

button.btn {
    padding: 5px 10px;		/*上下、左右へのボタン内の余白*/
    border: 1px solid #ccc;	/*枠線の幅、線種、色*/
    border-radius: 3px;		/*角丸のサイズ*/
    background: #eee;		/*背景色*/
}
/*マウスオン時の設定*/
button.btn:hover {
    border: 1px solid #999;	/*枠線の幅、線種、色*/
    background: #fff;		/*背景色*/
}

.grecaptcha-badge{
    margin-bottom: 80px;
}