/* ========== size */
p {font-size:16px;line-height:2.2;}
body {font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;}
img {height:auto;}
h1 {color:#65c2bb;text-align:center;}
h2 {margin:1em 0 .5em 0;padding:.5em;border-bottom:2px solid #666666;}
h3 {margin:.5em 0;padding:.5em;color:#087532;}
h4 {margin:.6em 0;}
h1,h2,h3,h4 {line-height:1.4;}
ul,ol {margin:0 0 0 2em;line-height:1.6;}
ul li,ol li {margin:.8em 0;}

.text_bold {font-weight: bold;}

.mze {width:1000px;margin:0 auto;}
.column {display:flex;align-items:flex-start;justify-content: space-between;}
.contents {margin:0 auto;}
.col2, .col3 {margin: .5em auto;width: 100%;}
.col4 {flex-wrap: wrap;margin: 1em auto;width: 100%;}
.col2 img {width:45%;margin:1em auto;}
.col3 img {width:30%;margin:1em auto;}
.col4 img {width:45%;margin:.5em auto;}
.col3.first_img {margin: 0 auto .5em;}
.col3.first_img img {margin: 0 auto;}
.col3.column.flex_center {margin: 0 auto .5em!important;justify-content: center!important;}
.col3.column.flex_center img {margin: 0;}
.imgframe {margin:1em 0;padding:1em;}
.size500 {width: 50%;height: 50%;margin: .25em 0 1em!important;padding: 0!important;}

.logo {margin:2em 0;text-align:center;}
.logo img {width:200px;height:auto;}

.main_article_talk {margin: 1.5em auto;padding: 1.5em;border: 1px solid #65c22b;box-sizing: border-box;}

.main_article_box {margin: 1.5em auto;padding: 1.5em;background-color: #08753244;box-sizing: border-box;}
.main_article_box h3 {margin: 0 0 1em;padding: 0!important;text-indent: 0!important;} 
.main_article_box ul {list-style: none;margin: 0 0 1.5em 0;padding: 0;}
.main_article_box ul:last-child {margin-bottom: 0;}
.main_article_box ul li {margin: .65em 0 .65em 1em;padding: 0;text-indent: -1em;}
.main_article_box ul li:first-child {margin-top: 0;}
.main_article_box ul li:last-child {margin-bottom: 0;}
.main_article_box .image-box {
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    border-radius: 1em;
    margin-bottom: 1.5em;
}
.main_article_box .image-box:last-child {
    margin-bottom: 0;
}
.main_article_box .image-box.box02 {
    width: 65%;
    margin: 0 auto;
    margin-bottom: 1.5em;
}
.main_article_box .image-box.box01 img {
    width: 95%;
    height: auto;
    padding: 2.5% 0;
}
.main_article_box .image-box.box02 img {
    width: 93%;
    height: auto;
    padding: 3% 0;
}
.main_article_box .image-box.box03 img {
    width: 95%;
    height: auto;
    padding: 2.5% 0;
}
.main_article_box_ul {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
    font-size: .9em;
}
.main_article_box_ul li {
    text-indent: -3.2em;
    margin-left: 3.2em;
}

.main_article_flex {
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-wrap: nowrap;
}
.main_article_flex img {
    width: 25%;
    height: auto;
    padding: 0;
}
.main_article_flex p {
    width: 73%;
    text-indent: 0!important;
}
.main_article_flex.nophoto p {
    width: 100%;
}
.sns_ul {
    list-style: none;
    margin: 0 0 1.5em 0;
    padding: 0;
}
.sns_ul:last-child {
    margin-bottom: 0;
}
.sns_ul li {
    margin: .65em 0 .65em 1em;
    padding: 0;
    text-indent: -1em;
}
.sns_ul li:first-child {margin-top: 0;}
.sns_ul li:last-child {margin-bottom: 0;}
.sns_ul li a {
    color: #65c22b;
}
.color-2025 {
    color: #65c22b;
}
.color-2025:visited {
    color: #65c22b;
}

.main_title h2 {padding:1em;color:#fff;text-align:center;background:#65c22b;}
.main_article p, .main_article_talk p {text-indent: 1em;padding: .5em 0;}
.indent_0 p {padding: 0;text-indent: 0;}
.indent_0_parent {margin-top: .5em;}
.indent_0_student {text-indent: -7.5em!important;padding-left: 7.5em!important;}
.indent_0_parent {text-indent: -6.3em!important;padding-left: 6.3em!important;}
.indent_0_bottom_01 {margin-bottom: 1em;text-indent: -7.5em!important;padding-left: 7.5em!important;}
.indent_0_bottom_01_last {margin-bottom: 0;text-indent: -7.5em!important;padding-left: 7.5em!important;}
.indent_0_bottom_02 {margin-bottom: 1em;text-indent: -6.3em!important;padding-left: 6.3em!important;}
.indent_0_bottom_02_last {margin-bottom: 0;text-indent: -6.3em!important;padding-left: 6.3em!important;}
p.indent_circle {text-indent: -1.1em;padding: .1em 0 .1em 1.1em}
p.indent_circle_last {text-indent: -1.1em;padding: .1em 0 0 1.1em}
.circle::after {content: "●";margin-right: .1em;color: #65c22b;}
.bg_cream {background-color: #ffa500;color: #fff;padding: .1em .25em .25em;margin-right: .75em;}
.bg_cream_02 {background-color: #ffa500;color: #fff;padding: .1em .855em .25em;margin-right: .75em;}
.bg_green_01 {background-color: #99CC00;color: #fff;padding: .1em 1.385em .25em;margin-right: .75em;}
.bg_green_02 {background-color: #99CC00;color: #fff;padding: .1em .855em .25em;margin-right: .75em;}
.bg_green_03 {background-color: #99CC00;color: #fff;padding: .1em .25em .25em;margin-right: .75em;}
.bg_green {background-color: #99CC00;color: #fff;padding: .1em .25em .25em;margin-right: .75em;}
.bg_pink {background-color: #FF66B2;color: #fff;padding: .1em .25em .25em;margin-right: .75em;}
.bg_pink_02 {background-color: #FF66B2;color: #fff;padding: .1em .855em .25em;margin-right: .75em;}
.bg_purple {background-color: #9933FF;color: #fff;padding: .1em .25em .25em;margin-right: .75em;}
.bg_purple_02 {background-color: #9933FF;color: #fff;padding: .1em .855em .25em;margin-right: .75em;}
.bg_blue {background-color: #00CCFF;color: #fff;padding: .1em .25em .25em;margin-right: .75em;}
.bg_blue_01 {background-color: #00CCFF;color: #fff;padding: .1em .75em .25em;margin-right: .75em;}
.bg_blue_02 {background-color: #00CCFF;color: #fff;padding: .1em 1.385em .25em;margin-right: .75em;}
.bg_red {background-color: #FF3300;color: #fff;padding: .1em .25em .25em;margin-right: .75em;}
/* .bg_aqua {background-color: #00CC99;color: #fff;padding: .1em .25em .25em;margin-right: .75em;} */
/* .bg_magenta {background-color: #FF33FF;color: #fff;padding: .1em .25em .25em;margin-right: .75em;} */

small {font-size: .7em;}
.kakko::before {content: "(";vertical-align: .7px;}
.kakko::after {content: ")";vertical-align: .7px;}

.main_article .indent_top, .main_article_talk .indent_top {padding: .5em 0 0;}
.main_article .indent_middle, .main_article_talk .indent_middle {padding: 0;}
.main_article .indent_bottom, .main_article_talk .indent_bottom {padding: 0 0 .5em;}
.main_article_talk h3.margin_bottom {margin: 0;padding: 0 0 .5em;} 
.main_article_talk h4.margin_bottom {margin: 0;padding: .5em 0 0;}
.main_article_talk h4.margin_top {margin: 0;padding: 1em 0 0;}

.footnav {text-align:center;}
.footnav a {padding:.8em;font-size:90%;text-decoration:none;display:inline-block;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
.footnav a:hover {color:#000;}
.footnav .last-y {margin: 1em auto;padding: .75em 3em;display: block;border-radius: 50px;color: #fff;background-color: #22a170;width: 450px;}
.footnav .last-y:hover {opacity:0.8;}

.copyright {padding:1em;text-align:center;}
.copyright a {color: #000;text-decoration: none;}
.copyright a small {padding-right: .5em;}
.copyright img {width:150px;vertical-align:middle;}

.ta-c {text-align:center;}
.ta-r {text-align:right;}

.pconly {display:block;}
.sponly {display:none;}

@media only screen and (max-width: 668px) {
    .pconly {display:none;}
    .sponly {display:block;}

    html {width: 100%;}
    /* body {width: 100%;margin: 0 auto;} */
    main {width: 96%;margin: 0 auto;}
    .mze, .contents {width:100%;}
    /* .main_title {width: 100%;} */
    .main_title h2 {width: 95%;padding:1em .5em;}
    .col2, .col3, .col4 {flex-wrap: wrap;margin: 1em auto;width: 100%;}
    .col2 img {margin:.15em auto;display:block;}
    .col3 img {margin:.15em auto;display:block;}
    .col4 img {margin:.15em auto;display:block;}

    ul,ol {margin:0 auto;width: 85%;}
    ul li,ol li {margin:.8em 0;}

    img {width: 85%!important;}

    .main_article_talk {width: 95%;}
    .main_article_box {width: 100%;}
    .main_article_box ul {width: 100%;}

    .main_article_flex {
        flex-wrap: wrap;
    }
    .main_article_flex img {
        width: 60%;
        margin: 0 auto;
    }
    .main_article_flex p {
        width: 100%;
    }

    .main_article_box .image-box {
        flex-wrap: wrap;
        border-radius: .75em!important;
    }
    .main_article_box .image-box.box02 {
        width: 100%!important;
    }
    .main_article_box .image-box.box01 img {
        width: 95%!important;
    }
    .main_article_box .image-box.box02 img {
        width: 95%!important;
        padding: 2.5% 0;
    }
    .main_article_box .image-box.box03 img {
        width: 95%!important;
    }
    .main_article_box_ul {
        width: 100%;
    }
   
    .imgframe {width:100%;}

    .indent_0_student {margin-bottom: .35em;text-indent: 0!important;padding-left: 0!important;}
    .indent_0_parent {text-indent: 0!important;padding-left: 0!important;}
    .indent_0_bottom_01 {margin: .15em 0 1em;text-indent: 0!important;padding-left: 0!important;}
    .indent_0_bottom_01_last {text-indent: 0!important;padding-left: 0!important;}
    .indent_0_bottom_02 {text-indent: 0!important;padding-left: 0!important;}
    .indent_0_bottom_02_last {text-indent: 0!important;padding-left: 0!important;}

    .footnav a {width:43%;margin:1%;border-bottom:1px solid #ccc;display:inline-block;}
    .footnav .last-y {padding: .5em 2.5em;width: 80%;line-height: 25px;}
}