/*--------------------------------------------------------- common parts */

.course {
    background: #1DA1F2;
    padding: 60px 0;
    margin-bottom: 0;
}

.course .inner {
    width: 96%;
    max-width: 920px;
    margin: 0 auto;
    overflow: hidden;
}

.course .box {
    width: 28.26%;
    float: left;
    margin: 0 7.608% 0 0;
}

.course .box:last-child {
    margin: 0;
}

.course .ttl {
    width: 96%;
    max-width: 960px;
    margin: 0 auto;
}

.course h2 {
    margin: 0 auto 60px auto;
    color: #fff;
    font-size: 4.0rem;
    position: relative;
    padding: 45px 0 0 110px;
}

.course h2:before {
    width: 100px;
    height: 95px;
    top: 0;
    left: 0;
    content: "";
    background: url(../img/icon_ttl04.png) left top no-repeat;
    background-size: 100px;
    position: absolute;
}

.course h2 span {
    background: url(../img/line_orange.png) 0 80% repeat-x;
}

.course .box h3 {
    font-size: 1.8rem;
    margin: 0 0 20px 0;
}

.course .box h3 span.fs {
    font-size: 2.8rem;
    font-weight: bold !important;
    display: inline !important;
}

.course .box p:last-child {
    text-align: left;
    margin: 10px 0 0 0;
}

.course .box a {
    display: block;
    color: #fff;
    text-align: center;
    text-decoration: none;
}

p.btn_trial {
    text-align: center;
    max-width: 460px;
    margin: 0 auto;
}

ul.bnr_link {
    margin: 80px 0 0 0;
    overflow: hidden;
}

ul.bnr_link li {
    width: 32%;
    background: #d6f1fd url(../img/icon_arrow_04.png) 96% center no-repeat;
    background-size: 14px;
    float: left;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

ul.bnr_link li:nth-child(3n+2) {
    margin: 0 2%;
}

ul.bnr_link li a {
    display: block;
    color: #1DA1F2;
    font-weight: bold;
    text-decoration: none;
    padding: 30px 0 30px 80px;
    font-size: 1.6rem;
}

@media screen and (max-width:767px) {
    .course {
        width: 100%;
        padding: 20px 0;
    }
    .course h2 {
        margin: 0 auto 20px auto;
        font-size: 2.0rem;
        padding: 10px 0 0 60px;
    }
    .course h2:before {
        width: 50px;
        height: 47px;
        background: url(../img/icon_ttl04.png) left top no-repeat;
        background-size: 50px;
    }
    .course .box {
        width: 30.28%;
        margin: 0 4.507% 0 0;
    }
    .course .box:last-child {
        margin: 0;
    }
    .course .box h3 {
        margin: 0 0 10px 0;
        font-size: 1.2rem;
    }
    .course .box h3 span.fs {
        font-size: 1.6rem;
    }
    p.btn_trial {
        width: 96%;
        margin: 0 auto;
    }
    ul.bnr_link {
        margin: 40px 0 0 0;
    }
    ul.bnr_link li {
        float: none;
        width: 100%;
        margin: 0 0 2px 0 !important;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
    }
    ul.bnr_link li a {
        font-size: 1.4rem;
    }
}


/*--------------------------------------------------------- index */

#index .slide div img {
    width: 100%;
    height: auto;
}

#index .bnr {
    width: 96%;
    max-width: 960px;
    margin: 18px auto;
}

#index .bnr .bnr01 {
    margin: 0 0 30px 0;
}

#index .bnr .bnr02 {
    overflow: hidden;
}

#index .bnr .bnr02 p:first-child {
    width: 48.43%;
    float: left;
}

#index .bnr .bnr02 p:last-child {
    width: 48.43%;
    float: right;
}

#index .class_box {
    background: #e5f5fd;
    padding: 60px 0;
}

#index .class_box * {
    box-sizing: content-box;
}

#index .class {
    width: 96%;
    max-width: 960px;
    margin: 0 auto;
}

#index .class .inner {
    overflow: hidden;
}

#index .class_box .ttl {
    width: 96%;
    max-width: 960px;
    margin: 0 auto;
}

#index .class_box h2 {
    margin: 0 auto 60px auto;
    color: #1DA1F2;
    font-size: 4.0rem;
    position: relative;
    padding: 45px 0 0 110px;
}

#index .class_box h2:before {
    width: 100px;
    height: 95px;
    top: 0;
    left: 0;
    content: "";
    background: url(../img/icon_ttl01.png) left top no-repeat;
    background-size: 100px;
    position: absolute;
}

#index .class_box h2 span {
    background: url(../img/line_yellow.png) 0 80% repeat-x;
}

#index .class .inner h3.pc {
    width: 42.1875%;
    float: left;
}

#index .class .inner h3.sp {
    display: none;
}

#index .class .inner dl {
    width: 54.58%;
    float: right;
    font-size: 1.5rem;
}

#index .class .inner dl dt {
    clear: left;
    float: left;
    width: 3.5em;
    padding: 5px 0.5em 2px 0.5em;
    margin: 0 0 15px 0;
    background: #1DA1F2;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    text-align: center;
    color: #fff;
    font-weight: bold;
}

#index .class .inner dl dd {
    margin-left: 0;
    padding: 5px 0.5em 5px 5.5em;
}

#index .class .inner dl dd ul li {
    display: inline-block;
    margin: 0 10px 15px 0;
}

#index .class > dl {
    background: #fff;
    margin: 30px 0 0 0;
    padding: 20px 3% 5px 3%;
    font-size: 1.6rem;
}

#index .class > dl dt {
    clear: left;
    float: left;
    width: 7em;
}

#index .class > dl dd {
    margin-left: 0;
    padding: 0 0 0 9em;
}

#index .class > dl dd ul li {
    display: inline-block;
    margin: 0 10px 15px 0;
    font-weight: bold;
}

#index .point {
    margin: 60px auto;
}

#index .sp_point {
    display: none;
}

#index .point .ttl {
    width: 96%;
    max-width: 960px;
    margin: 0 auto;
}

#index .point h2 {
    margin: 0 auto 60px auto;
    color: #1DA1F2;
    font-size: 4.0rem;
    position: relative;
    padding: 45px 0 0 110px;
}

#index .point h2:before {
    width: 100px;
    height: 95px;
    top: 0;
    left: 0;
    content: "";
    background: url(../img/icon_ttl02.png) left top no-repeat;
    background-size: 100px;
    position: absolute;
}

#index .point h2 span {
    background: url(../img/line_yellow.png) 0 80% repeat-x;
}

#index .point .tab_box {
    width: 96%;
    max-width: 960px;
    margin: 0 auto;
}

#index .point .tab {
    overflow: hidden;
}

#index .point .tab li {
    width: 17.5%;
    max-width: 124px;
    height: 124px;
    float: left;
    margin: 0 15px 20px 0;
    background: #ccc;
}

#index .point .tab li:nth-child(1) {
    background: url(../img/po_01_off.png) no-repeat;
    background-size: 100%;
}

#index .point .tab li:nth-child(2) {
    background: url(../img/po_02_off.png) no-repeat;
    background-size: 100%;
}

#index .point .tab li:nth-child(3) {
    background: url(../img/po_03_off.png) no-repeat;
    background-size: 100%;
}

#index .point .tab li:nth-child(4) {
    background: url(../img/po_04_off.png) no-repeat;
    background-size: 100%;
}

#index .point .tab li:nth-child(5) {
    background: url(../img/po_05_off.png) no-repeat;
    background-size: 100%;
}

#index .point .tab li:nth-child(6) {
    background: url(../img/po_06_off.png) no-repeat;
    background-size: 100%;
}

#index .point .tab li:nth-child(7) {
    background: url(../img/po_07_off.png) no-repeat;
    background-size: 100%;
    margin: 0;
}

#index .point .tab li:hover {
    cursor: pointer;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}

#index .point .tab li span {
    display: none;
}

#index .point .tab li.select span {
    display: block;
}

#index .point .content h3 {
    font-size: 2.0rem;
    font-weight: normal;
    color: #1DA1F2;
    background: none;
    padding: 10px 0;
    border-bottom: 1px dotted #1DA1F2;
    margin: 0 0 30px 0;
}

#index .point .content .txt {
    width: 48%;
    float: left;
}

#index .point .content .txt p {
    margin: 0 0 10px 0;
}

#index .point .content .txt p.link_detail {
    background: url(../img/icon_arrow.png) left no-repeat;
    background-size: 5px;
    padding: 0 0 0 15px;
}

#index .point .content p.pic {
    width: 48%;
    float: right;
}

#index .point .hide {
    display: none;
}

#index .link {
    background: #f8f7e9;
    padding: 60px 0;
}

#index .link .inner {
    width: 96%;
    max-width: 960px;
    margin: 0 auto 30px auto;
    overflow: hidden;
}

#index .link .box {
    width: 31.25%;
    float: left;
    margin: 0 3.125% 30px 0;
    padding: 0 0 20px 0;
    background: #fff;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}

#index .link .box:nth-child(3n) {
    margin: 0 0 30px 0;
}

#index .link .box p.pic img {
    border-radius: 20px 20px 0 0;
    -moz-border-radius: 20px 20px 0 0;
    -webkit-border-radius: 20px 20px 0 0;
}

#index .link .ttl {
    width: 96%;
    max-width: 960px;
    margin: 0 auto;
}

#index .link h2 {
    margin: 0 auto 60px auto;
    color: #1DA1F2;
    font-size: 4.0rem;
    position: relative;
    padding: 45px 0 0 110px;
}

#index .link h2:before {
    width: 100px;
    height: 95px;
    top: 0;
    left: 0;
    content: "";
    background: url(../img/icon_ttl03.png) left top no-repeat;
    background-size: 100px;
    position: absolute;
}

#index .link h2 span {
    background: url(../img/line_yellow.png) 0 80% repeat-x;
}

#index .link .inbox {
    width: 86.66%;
    margin: 0 auto;
}

#index .link h3 {
    display: table;
    width: 100%;
}

#index .link h3 > span {
    padding: 10px 0;
    color: #1DA1F2;
    text-decoration: none;
    text-align: center;
    font-size: 2.0rem;
    border-bottom: 2px dotted #1DA1F2;
    display: table-cell;
    vertical-align: middle;
}

#index .link h3 span.fs {
    font-size: 1.6rem;
}

#index .link p.txt {
    margin: 15px 0 20px 0;
    line-height: 1.6;
}

#index .link p.btn a {
    display: block;
    background: #1DA1F2 url(../img/icon_arrow_02.png) 8% no-repeat;
    background-size: 7px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    padding: 12px 0;
}

#index .info {
    width: 96%;
    max-width: 960px;
    margin: 60px auto 100px auto;
    overflow: hidden;
}

#index .info h2 {
    font-weight: normal;
    font-size: 3.2rem;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border-bottom: 2px solid #1DA1F2;
    padding: 0 0 15px 40px;
    margin: 0 0 30px 0;
}

#index .info h2 span {
    font-size: 2.0rem;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
    border-left: 1px solid #000;
    margin: 0 0 0 20px;
    padding: 2px 0 2px 20px;
}

#index .info dl.list dt {
    color: #1DA1F2;
    font-weight: bold;
    margin: 0 2.2% 8px 2.2%;
}

#index .info dl.list dd {
    border-bottom: 1px dotted #e2e2e2;
    padding: 0 2.2% 20px 2.2%;
    margin: 0 0 20px 0;
}

#index .info dl.list dd a {
    color: #000;
    text-decoration: none;
}

#index .info p {
    text-align: right;
}

#index .info p a {
    color: #1DA1F2;
    text-decoration: none;
    background: url(../img/icon_arrow.png) left no-repeat;
    background-size: 5px;
    padding: 0 0 0 15px;
}

#index .news {
    width: 46.875%;
    float: left;
}

#index .news h2 {
    background: url(../img/index/icon_news.png) left 8px no-repeat;
    background-size: 26px;
}

#index .media {
    width: 46.875%;
    float: right;
}

#index .media h2 {
    background: url(../img/index/icon_media.png) left 8px no-repeat;
    background-size: 26px;
}

#index dl.important {
    background: #fffcc0;
    border: 2px dotted #ff6c00;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    padding: 15px 10px;
    margin: 0 0 20px 0;
}

#index dl.important dt {
    padding: 5px 70px 5px 0.5em;
    margin: 0 0 5px 0;
    color: #ff6c00;
    font-weight: bold;
    background: url(../school/img/icon_osusume.png) right no-repeat;
    background-size: 60px;
    width: 7em;
}

#index dl.important dd {
    padding: 0 0.5em 10px 0.5em;
    margin: 0 0 10px 0;
    border-bottom: 1px dotted #d4d4d4;
    font-weight: bold;
}

#index dl.important dd:last-child {
    border: none;
    margin: 0;
}

#index .strong .inner {
    overflow: hidden;
    margin-bottom: 30px;
}

#index .strong .inner .txt {
    width: 48%;
    float: left;
}

#index .strong .inner .txt p {
    font-size: 130%;
    margin-bottom: 1em;
}

#index .strong .inner p.pic {
    width: 48%;
    float: right;
}

@media screen and (max-width:767px) {
    #index .strong .inner .txt {
        width: auto;
        float: none;
    }
    #index .strong .inner p.pic {
        width: auto;
        float: none;
    }
}

@media screen and (max-device-width:1028px) {
    #index .class .inner dl dt {
        padding: 4px 0.5em 4px 0.5em;
    }
    #index .link h3 > span {
        font-size: 1.8rem;
    }
    #index .link h3 span.fs {
        font-size: 1.4rem;
    }
    #index .info h2 {
        font-size: 2.2rem;
        padding: 0 0 10px 30px;
        margin: 0 0 15px 0;
    }
    #index .info h2 span {
        font-size: 1.8rem;
        padding: 0 0 0 10px;
        margin: 0 0 0 10px;
    }
    #index .news h2 {
        background: url(../img/index/icon_news.png) left 4% no-repeat;
        background-size: 26px;
    }
    #index .media h2 {
        background: url(../img/index/icon_media.png) left 4% no-repeat;
        background-size: 26px;
    }
}

@media screen and (max-width:950px) {
    #index .point .tab li {
        height: 128px;
    }
}

@media screen and (max-width:767px) {
    #index .bnr {
        margin: 15px auto;
    }
    #index .bnr .bnr01 {
        margin: 0 0 5px 0;
    }
    #index .class_box {
        padding: 20px 0;
    }
    #index .class {
        margin: 20px auto 30px auto;
    }
    #index .class_box h2 {
        margin: 0 auto 20px auto;
        font-size: 2.4rem;
        padding: 10px 0 0 60px;
    }
    #index .class_box h2:before {
        width: 50px;
        height: 47px;
        background: url(../img/icon_ttl01.png) left top no-repeat;
        background-size: 50px;
    }
    #index .class .inner h3.pc {
        display: none;
    }
    #index .class .inner h3.sp {
        display: block;
    }
    #index .class .inner dl {
        width: auto;
        float: none;
        font-size: 1.4rem;
    }
    #index .class .inner dl dt {
        width: 3em;
    }
    #index .class .inner dl dd {
        padding: 5px 0.5em 5px 5em;
    }
    #index .class > dl {
        margin: 0;
        padding: 5%;
    }
    #index .class > dl dt {
        float: none;
        margin: 0 0 15px 0;
    }
    #index .class > dl dd {
        padding: 0;
    }
    #index .class > dl dd ul li {
        margin: 0 10px 10px 0;
    }
    #index .point {
        margin: 30px 0;
    }
    #index .point h2 {
        margin: 0 auto 20px auto;
        font-size: 2.0rem;
        padding: 10px 0 0 60px;
    }
    #index .pc_point {
        display: none;
    }
    #index .sp_point {
        display: block;
        width: 96%;
        margin: 0 auto;
    }
    #index .sp_point .acMenu dt {
        display: block;
        margin: 0 auto;
        background: #ff6c00 url(../img/icon_arrow_down.png) 96% center no-repeat;
        background-size: 20px;
        cursor: pointer;
        font-size: 1.3rem;
        color: #fff;
        font-weight: bold;
        padding: 8px 2% 8px 2%;
        border-bottom: 1px solid #fff;
    }
    #index .sp_point .acMenu dt span {
        color: #fff761;
        font-size: 2.2rem;
        font-family: Arial, Helvetica, sans-serif;
        margin: 0 5px 0 0;
    }
    #index .sp_point .acMenu dd {
        width: 100%;
        display: none;
        margin: 5px 0 0 0;
    }
    #index .sp_point .acMenu dt.active {
        background: #ff6c00 url(../img/icon_arrow_up.png) 96% center no-repeat;
        background-size: 20px;
    }
    #index .sp_point .acMenu dd p {
        margin: 0 0 10px 0;
    }
    #index .sp_point .acMenu dd p.link_detail {
        background: url(../img/icon_arrow.png) left no-repeat;
        background-size: 5px;
        padding: 0 0 0 15px;
    }
    #index .point h2:before {
        width: 50px;
        height: 47px;
        background: url(../img/icon_ttl02.png) left top no-repeat;
        background-size: 50px;
    }
    #index .point .tab li {
        height: 60px;
    }
    #index .point .content h3 {
        font-size: 1.6rem;
        padding: 8px 0;
        margin: 0 0 15px 0;
    }
    #index .point .content .txt {
        width: auto;
        float: none;
    }
    #index .point .content p.pic {
        width: auto;
        float: none;
    }
    #index .link {
        padding: 30px 0;
    }
    #index .link h2 {
        margin: 0 auto 20px auto;
        font-size: 2.0rem;
        padding: 10px 0 0 60px;
    }
    #index .link h2:before {
        width: 50px;
        height: 47px;
        background: url(../img/icon_ttl03.png) left top no-repeat;
        background-size: 50px;
    }
    #index .link .inner {
        margin: 0 auto 10px auto;
    }
    #index .link .box:nth-child(odd) {
        width: 48.59%;
        float: left;
        margin: 0 0 15px 0;
        padding: 0 0 15px 0;
    }
    #index .link .box:nth-child(even) {
        width: 48.59%;
        float: right;
        margin: 0 0 15px 0;
        padding: 0 0 15px 0;
    }
    #index .link h3 > span {
        font-size: 1.5rem;
    }
    #index .link h3 span.fs {
        font-size: 1.2rem;
    }
    #index .link p.txt {
        margin: 10px 0 15px 0;
        font-size: 1.2rem;
    }
    #index .link p.btn a {
        font-size: 1.2rem;
        padding: 6px 0;
        background: #1DA1F2 url(../img/icon_arrow_02.png) 8% no-repeat;
        background-size: 6px;
    }
    #index .scroll {
        height: auto;
    }
    #index .info {
        margin: 20px auto 30px auto;
    }
    #index .info h2 {
        font-size: 2.0rem;
        padding: 0 0 10px 23px;
        margin: 0 0 15px 0;
    }
    #index .info h2 span {
        font-size: 1.6rem;
        padding: 0 0 0 10px;
        margin: 0 0 0 10px;
    }
    #index .info dl {
        font-size: 1.2rem;
    }
    #index .info dl dd {
        padding: 0 2.2% 15px 2.2%;
        margin: 0 0 15px 0;
    }
    #index .info p {
        font-size: 1.2rem;
    }
    #index .news {
        width: auto;
        float: none;
        margin: 0 0 20px 0;
    }
    #index .news h2 {
        background: url(../img/index/icon_news.png) left 4% no-repeat;
        background-size: 18px;
    }
    #index .media {
        width: auto;
        float: none;
    }
    #index .media h2 {
        background: url(../img/index/icon_media.png) left 4% no-repeat;
        background-size: 18px;
    }
}

/*--------------------------------------------------------- exam */

#exam .inner {
    overflow: hidden;
    width: 96%;
    margin: 0 auto 60px auto;
}

#exam .inner .point_box {
    overflow: hidden;
    margin: 0 0 60px 0;
}

#exam .inner .box {
    background: #f8f7e9;
    width: 28%;
    padding: 2%;
    float: left;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    margin: 0 0 20px 0;
}

#exam .inner .box:nth-child(3n+2) {
    margin: 0 2% 20px 2%;
}

#exam .inner .box h4 {
    color: #1DA1F2;
    font-size: 1.6rem;
    padding: 2px 0 2px 80px;
    margin: 0 0 15px 0;
}

#exam .inner .box:nth-child(1) h4 {
    background: url(../course/img/exam/icon_01.png) left no-repeat;
    background-size: 70px;
}

#exam .inner .box:nth-child(2) h4 {
    background: url(../course/img/exam/icon_02.png) left no-repeat;
    background-size: 70px;
}

#exam .inner .box:nth-child(3) h4 {
    background: url(../course/img/exam/icon_03.png) left no-repeat;
    background-size: 70px;
}

#exam .inner .box .txt {
    margin: 0 0 20px 0;
}

#exam .inner p.link {
    background: url(../course/img/exam/icon_arrow.png) left no-repeat;
    background-size: 6px;
    padding: 0 0 0 10px;
    margin: 10px 0 0 0;
}

#exam .inner .box .pic img {
    width: 100%;
}

#exam .inner div.link {
    margin: 0 0 80px 0;
}

#exam .inner .link .txt {
    overflow: hidden;
}

#exam .inner .link h4 {
    color: #1DA1F2;
    font-size: 1.6rem;
    border-bottom: 1px dotted #1DA1F2;
    font-weight: normal;
    padding: 0 0 10px 0;
    margin: 0 0 20px 0;
}

#exam .inner .link p.lead {
    font-weight: bold;
    font-size: 1.6rem;
    margin: 0 0 10px 0;
}

#exam .inner .link .txt_box {
    width: 48%;
    float: left;
}

#exam .inner .link p.pic {
    width: 48%;
    float: right;
}

#exam .inner .voice {
    overflow: hidden;
    margin: 0 0 60px 0;
}

#exam .inner .voice li {
    background: #f8f7e9;
    width: 28%;
    padding: 2%;
    float: left;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    margin: 0 0 20px 0;
}

#exam .inner .voice li:nth-child(3n+2) {
    margin: 0 2% 20px 2%;
}

@media screen and (max-width:767px) {
    #exam .inner .box {
        width: auto;
        float: none;
        padding: 4%;
    }
    #exam .inner .box:nth-child(3n+2) {
        margin: 0 0 20px 0;
    }
    #exam .inner .box .inbox {
        overflow: hidden;
    }
    #exam .inner .box .txt {
        width: 52%;
        float: left;
        margin: 0 0 20px 0;
    }
    #exam .inner .box .pic {
        width: 44%;
        float: right;
    }
    #exam .inner .link p.lead {
        font-size: 1.4rem;
    }
    #exam .inner div.link {
        margin: 0 0 40px 0;
    }
    #exam .inner .link .txt_box {
        width: auto;
        float: none;
        margin: 0 0 20px 0;
    }
    #exam .inner .link p.pic {
        width: auto;
        float: none;
    }
    #exam .inner .voice li {
        width: auto;
        float: none;
        padding: 4%;
    }
    #exam .inner .voice li:nth-child(3n+2) {
        margin: 0 0 20px 0;
    }
}


/*--------------------------------------------------------- free */

#free .inner {
    overflow: hidden;
    width: 100%;
    margin: 0 auto 60px auto;
}

#free .inner .txt {
    width: 48%;
    float: left;
}

#free .inner p.pic {
    width: 48%;
    float: right;
}

@media screen and (max-width:767px) {
    #free .inner {
        width: 96%;
    }
    #free .inner .txt {
        width: auto;
        float: none;
        margin: 0 0 20px 0;
    }
    #free .inner p.pic {
        width: auto;
        float: none;
    }
}


/*--------------------------------------------------------- instructor */

#instructor .inner {
    width: 96%;
    margin: 0 auto 60px auto;
    overflow: hidden;
}

#instructor .inner .txt {
    width: 48%;
    float: left;
}

#instructor .inner p.pic {
    width: 48%;
    float: right;
}

#instructor ol {
    background: #f8f7e9;
    padding: 30px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    margin: 0 0 40px 0;
}

#instructor ol li {
    list-style: none;
    padding: 5px 0 5px 80px;
    margin: 0 0 10px 0;
}

#instructor ol li:first-child {
    background: url(../about/img/icon_01.png) left no-repeat;
    background-size: 70px;
}

#instructor ol li:nth-child(2) {
    background: url(../about/img/icon_02.png) left no-repeat;
    background-size: 70px;
}

#instructor ol li:last-child {
    background: url(../about/img/icon_03.png) left no-repeat;
    background-size: 70px;
    margin: 0;
}

@media screen and (max-width:767px) {
    #instructor .inner .txt {
        width: auto;
        float: none;
        margin: 0 0 30px 0;
    }
    #instructor .inner p.pic {
        width: auto;
        float: none;
    }
    #instructor ol {
        width: 88%;
        margin: 0 auto 20px auto;
        padding: 4%;
    }
}


/*--------------------------------------------------------- trial */

#trial .container {
    overflow: hidden;
}

#trial .container .column {
    width: 48%;
    float: left;
    overflow: hidden;
    margin: 0 0 50px 0;
}

#trial .container .column:nth-child(even) {
    float: right;
}

#trial .container .column p.pic {
    width: 40%;
    float: left;
}

#trial .container .column .txt {
    width: 57%;
    float: right;
}

#trial .container .column h3 {
    color: #1DA1F2;
    font-size: 2.0rem;
    padding: 0 0 10px 0;
    margin: 0 0 15px 0;
    border-bottom: 2px dotted #1DA1F2;
    background: none;
}

#trial .container .column p.btn a {
    display: block;
    background: #1DA1F2 url(../img/icon_arrow_02.png) 8% no-repeat;
    background-size: 7px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    padding: 12px 0;
    margin: 25px 0 0 0;
}

ul.bnr_link li.trial01 a {
    background: url(../fe4/img/pic_01.jpg) 4% no-repeat;
    background-size: 55px;
}

ul.bnr_link li.trial02 a {
    background: url(../fe4/img/pic_02.jpg) 4% no-repeat;
    background-size: 55px;
}

ul.bnr_link li.trial03 a {
    background: url(../fe4/img/pic_03.jpg) 4% no-repeat;
    background-size: 55px;
}

ul.bnr_link li.trial04 a {
    background: url(../fe4/img/pic_04.jpg) 4% no-repeat;
    background-size: 55px;
}

@media screen and (max-width:767px) {
    #trial .container {
        width: 96%;
        margin: 0 auto;
    }
    #trial .container .column {
        width: auto;
        float: none;
        overflow: hidden;
        margin: 0 0 30px 0;
    }
    #trial .container .column:nth-child(even) {
        float: none;
    }
    #trial .container .column p.pic {
        width: 45%;
        float: left;
    }
    #trial .container .column .txt {
        width: 52%;
        float: right;
        font-size: 1.2rem;
    }
    #trial .container .column h3 {
        font-size: 1.6rem;
        text-align: left;
        padding: 0 0 5px 0;
        margin: 0 0 10px 0;
    }
    #trial .container .column p.btn a {
        font-size: 1.2rem;
        padding: 6px 0;
        background: #1DA1F2 url(../img/icon_arrow_02.png) 8% no-repeat;
        background-size: 6px;
        margin: 15px 0 0 0;
    }
}


/*--------------------------------------------------------- note */

#note .inner {
    overflow: hidden;
    width: 96%;
    margin: 0 auto 60px auto;
}

#note .inner p.pic {
    width: 48%;
    float: right;
}

#note .inner .txt {
    width: 48%;
    float: left;
}

#note .inner .txt p {
    margin: 0 0 5px 0;
}

#note .btn_trial {
    margin-top: 60px;
}

@media screen and (max-width:767px) {
    #note .inner .txt {
        width: auto;
        float: none;
        margin: 0 0 30px 0;
    }
    #note .inner p.pic {
        width: auto;
        float: none;
    }
    #note .btn_trial {
        margin-top: 30px;
    }
}


/*--------------------------------------------------------- class */

#class .inner {
    overflow: hidden;
    width: 96%;
    margin: 0 auto 60px auto;
}

#class .inner ul {
    float: left;
    width: 48%;
}

#class .inner ul li {
    background: url(../img/icon_list.png) left 30% no-repeat;
    background-size: 9px;
    padding: 0 0 0 16px;
    margin: 0 0 10px 0;
}

#class .inner p.pic {
    width: 48%;
    float: right;
}

#class .inner .box {
    margin: 30px 0 0 0;
    background: #f8f7e9;
    padding: 20px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}

@media screen and (max-width:767px) {
    #class .inner {
        margin: 0 auto 30px auto;
    }
    #class .inner ul li {
        margin: 0 0 5px 0;
    }
    #class .inner .box {
        margin: 15px 0 0 0;
    }
}


/*--------------------------------------------------------- advice */

#advice .inner {
    overflow: hidden;
    width: 100%;
    margin: 0 auto 60px auto;
}

#advice .inner .txt {
    width: 48%;
    float: left;
}

#advice .inner .txt p {
    margin: 0 0 10px 0;
}

#advice .inner p.pic {
    width: 48%;
    float: right;
}

@media screen and (max-width:767px) {
    #advice .inner {
        width: 96%;
        margin: 0 auto 30px auto;
    }
    #advice .inner .txt {
        width: auto;
        float: none;
        margin: 0 0 30px 0;
    }
    #advice .inner p.pic {
        width: auto;
        float: none;
    }
}


/*--------------------------------------------------------- discovery */

#discovery .inner {
    overflow: hidden;
    width: 100%;
    margin: 0 auto 60px auto;
}

#discovery .inner02 {
    overflow: hidden;
    width: 96%;
    margin: 0 auto 60px auto;
}

#discovery .inner02 .txt {
    width: 48%;
    float: left;
}

#discovery .inner02 .txt ol {
    margin: 20px 0 0 0;
}

#discovery .inner02 .txt ol li {
    margin: 0 0 10px 0;
    padding: 0 0 0 25px;
}

#discovery .inner02 .txt ol li:nth-child(1) {
    background: url(../fe4/img/discovery/01.png) left no-repeat;
    background-size: 18px;
}

#discovery .inner02 .txt ol li:nth-child(2) {
    background: url(../fe4/img/discovery/02.png) left no-repeat;
    background-size: 18px;
}

#discovery .inner02 .txt ol li:nth-child(3) {
    background: url(../fe4/img/discovery/03.png) left no-repeat;
    background-size: 18px;
}

#discovery .inner02 .txt ol li:nth-child(4) {
    background: url(../fe4/img/discovery/04.png) left no-repeat;
    background-size: 18px;
}

#discovery .inner02 .txt ol li:nth-child(5) {
    background: url(../fe4/img/discovery/05.png) left no-repeat;
    background-size: 18px;
}

#discovery .inner02 .txt ol li:nth-child(6) {
    background: url(../fe4/img/discovery/06.png) left no-repeat;
    background-size: 18px;
}

#discovery .inner02 .txt ol li:nth-child(7) {
    background: url(../fe4/img/discovery/07.png) left no-repeat;
    background-size: 18px;
}

#discovery .inner02 p.pic {
    width: 48%;
    float: right;
}

@media screen and (max-width:767px) {
    #discovery .inner {
        width: 96%;
        margin: 0 auto 30px auto;
    }
    #discovery .inner02 .txt {
        width: auto;
        float: none;
        margin: 0 0 30px 0;
    }
    #discovery .inner02 p.pic {
        width: auto;
        float: none;
    }
}


/*--------------------------------------------------------- classroom */

#classroom.contents {
    margin-bottom: 120px;
}

#classroom >p {
    margin-top: 60px;
}

#classroom .box {
    overflow: hidden;
    margin: 50px auto 57px;
}

#classroom .box dl {
    width: 54.58%;
    float: left;
    font-size: 1.5rem;
}

#classroom .box dl dt {
    clear: left;
    float: left;
    width: 3.5em;
    padding: 3.5px 0.5em 3.5px 0.5em;
    margin: 0 0 15px 0;
    background: #1DA1F2;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    text-align: center;
    color: #fff;
    font-weight: bold;
}

#classroom .box dl dd {
    margin-left: 0;
    padding: 5px 0.5em 5px 5.5em;
}

#classroom .box dl dd ul li {
    display: inline-block;
    margin: 0 10px 15px 0;
    font-weight: bold;
}

#classroom .box p.pic {
    width: 38%;
    float: right;
}

#classroom dl.history {
    background: #EBF7FF;
    margin: 0 auto;
    padding: 28px 30px;
    font-size: 1.6rem;
    box-sizing: border-box;
}

#classroom dl.history dt {
    clear: left;
    float: left;
    width: 7em;
    line-height: 1;
}

#classroom dl.history dd {
    margin-left: 0;
    padding: 0 0 0 9em;
}

#classroom dl.history dd ul {
    line-height: 1;
}

#classroom dl.history dd ul li {
    display: inline-block;
    margin: 0 10px 0 0;
    font-weight: bold;
}

@media screen and (max-width:767px) {
    #classroom.contents {
        margin-bottom: 80px;
    }
    #classroom .inner {
        width: 96%;
        margin: 0 auto;
    }
    #classroom >p {
        width: calc(335/375*100vw);
        margin: 50px auto 0;
    }
    #classroom .box {
        width: calc(335/375*100vw);
        margin: 20px auto;
    }
    #classroom .box dl {
        width: auto;
        float: none;
        font-size: 1.4rem;
    }
    #classroom .box dl dt {
        width: 3em;
        padding: 0 0.5em;
    }
    #classroom .box dl dd {
        padding: 0 0.5em 12.5px 5em;
    }
    #classroom .box dl dd ul li {
        line-height: 1;
        margin-bottom: 10px;
    }
    #classroom dl.history {
        width: calc(335/375*100vw);
        padding: 18px calc(20/375*100vw);
    }
    #classroom dl.history dt {
        float: none;
        margin: 0 0 15px 0;
    }
    #classroom dl.history dd {
        padding: 0;
    }
    #classroom dl.history dd ul li {
        margin: 0 10px 0 0;
    }
    #classroom .box p.pic {
        display: none;
    }
}


/*--------------------------------------------------------- city */

#city.contents {
    margin-bottom: 120px;
}

#city .c-h1 {
    margin-bottom: 60px;
}

#city p.char_ttl {
    font-size: 2.4rem;
    color: #1DA1F2;
    font-weight: bold;
    margin: 0 0 20px 0;
}

#city ul.char-nav {
    overflow: hidden;
    border-radius: 10px;
    margin: 50px 0 40px 0;
}

#city ul.char-nav li {
    width: 10%;
    float: left;
    text-align: center;
    font-size: 1.6rem;
    font-weight: bold;
    border-right: 2px solid #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#city ul.char-nav li:last-child {
    border: none;
}

#city ul.char-nav li a {
    color: #1DA1F2;
    background: #d6f1fd url(../school/img/icon_arrow_01.png) center 80% no-repeat;
    background-size: 12px;
    display: block;
    text-decoration: none;
    padding: 20px 0 30px 0;
}

#city ul.char-nav li span {
    color: #5e5e5e;
    background: #dedede url(../school/img/icon_arrow_02.png) center 80% no-repeat;
    background-size: 12px;
    display: block;
    padding: 20px 0 30px 0;
}

#city .inner p.kome {
    margin: 0 0 50px 0;
}

#city .inner02 {
    width: 96%;
    margin: 0 auto 100px auto;
}

#city [id*='city_'] {
    margin-top: 120px;
}
#city [id*='city_']:nth-of-type(2) {
    margin-top: 0;
}

#city .box h3 {
    font-size: 2.4rem;
    font-weight: normal;
    color: #1DA1F2;
    background: none;
    padding-left: 0;
    padding-bottom: 2px;
    border-bottom: 2px solid #1DA1F2;
    margin: 0 0 20px 0;
    font-weight: bold;
}

#city .box h4 {
    background: #1DA1F2;
    font-size: 2.0rem;
    padding: 16px 15px;
    color: #fff;
}

#city .box table {
    background: #F3F3F3;
    width: 100%;
    border-collapse: collapse;
}

#city .box table th,
#city .box table td {
    vertical-align: middle;
    border: 2px solid #fff;
    text-align: left;
    padding: 2%;
}

#city .box table th {
    width: 22%;
}

#city .box table td a {
    color: #000;
    line-height: 1.6;
}

#city .box table td.detail {
    width: 20%;
    text-align: center;
    font-size: 1.4rem;
}

#city .box table td.detail span.sp {
    display: none;
}

@media screen and (max-width:767px) {
    #city.contents {
        margin-bottom: 80px;
    }
    #city .c-h1 {
        margin-bottom: 50px;
    }
    #city .inner {
        width: 96%;
        margin: 0 auto;
    }
    #city >p {
        width: calc(335/375*100vw);
        margin: 0 auto;
        font-size: 1.4rem;
    }
    #city >p.kome {
        margin-top: 23px;
        margin-bottom: 30px;
    }
    #city >div {
        width: calc(335/375*100vw);
        margin: 0 auto;
    }
    #city p.char_ttl {
        width: calc(335/375*100vw);
        font-size: 1.8rem;
        margin: 0 auto;
    }
    #city .inner p.kome {
        margin: 0 0 20px 0;
    }
    #city ul.char-nav {
        width: calc(335/375*100vw);
        margin: 20px auto;
    }
    #city ul.char-nav li {
        width: 20%;
        float: left;
        font-size: 1.4rem;
        margin: 0 0 2px 0;
    }
    #city ul.char-nav li:nth-child(5n) {
        border: none;
    }
    #city ul.char-nav li a {
        background: #d6f1fd url(../school/img/icon_arrow_01.png) center 80% no-repeat;
        background-size: 8px;
        padding: 10px 0 15px 0;
    }
    #city ul.char-nav li span {
        color: #5e5e5e;
        background: #dedede url(../school/img/icon_arrow_02.png) center 80% no-repeat;
        background-size: 8px;
        padding: 10px 0 15px 0;
    }
    #city .inner02 {
        width: 100%;
        margin: 0 0 30px 0;
    }
    #city [id*='city_'] {
        margin-top: 50px;
    }
    #city .box h3 {
        font-size: 1.6rem;
        margin: 0 auto 10px auto;
    }
    #city .box h4 {
        font-size: 1.6rem;
        line-height: 1;
        padding: 16px calc(10/375*100vw);
        width: 100%;
        margin: 0 auto;
        box-sizing: border-box;
    }
    #city .box table {
        width: 100%;
        margin: 0 auto;
        padding: 10px calc(10/375*100vw);
    }
    #city .box table th,
    #city .box table th,
    #city .box table td {
        border-right-color: #F3F3F3;
        border-left-color:  #F3F3F3;
    }
    #city .box table th {
        padding: 4% 0 4% 2%;
        width: 20%;
        font-size: 1.4rem;
    }
    #city .box table td {
        font-size: 1.2rem;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    #city .box table td.detail {
        width: 27%;
        text-align: center;
        padding: 4% 2% 4% 3%;
    }
    #city .box table td.detail span.pc {
        display: none;
    }
    #city .box table td.detail span.sp {
        display: block;
    }
}


/*--------------------------------------------------------- detail */
#detail {
    padding-bottom: 0;
}
#detail .slick-slider img {
    height: auto;
    width: 100%;
}

#detail .detail-title {
    background: url(/school/img/icon_title_01.png) no-repeat bottom left;
    padding: 0 0 0 240px;
    min-height: 80px;
}
#detail .detail-title h1 {
    border-bottom: 1px solid #DCDCDC;
    padding-left: 10px;
    padding-bottom: 16px;
    margin-bottom: 40px;
    position: relative;
    line-height: 2;
    z-index: -1;
}
#detail .detail-title span {
    font-size: 2.3rem;
    margin-right: 1em;
    display: inline-block;
    line-height: 1;
}
#detail .detail-intro {
    font-size: 1.5rem;
    font-weight: bold;
}

#detail .detail-mv {
    background: url(/school/img/pic_mv_01.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
    height: 400px;
    border-radius: 10px;
}
#detail .detail-mvWord {
    font-size: 2.6rem;
    letter-spacing: -.1em;
    text-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
    color: #fff;
    font-family: 'ronde';
    text-align: center;
    line-height: 1.4;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}
#detail .detail-mvWordPic {
    font-size: 5.5rem;
    letter-spacing: -.15em;
}

#detail .pagettl {
    background: #1DA1F2;
    border-top: 4px solid #1DA1F2;
}

#detail .pagettl h1 {
    width: 96%;
    max-width: 960px;
    margin: 0 auto;
    color: #fff;
    font-size: 4.4rem;
    padding: 15px 0;
}

#detail .pagettl h1 span {
    font-size: 2.8rem;
    margin-right: 1em;
}

#detail .c-h2 {
    margin-top: 120px;
}

#detail .slide_box {
    overflow: hidden;
}

#detail .slide_box .bx-wrapper {
    width: 65.625%;
    float: left;
    /*	border: 1px solid #ddd;
	box-sizing:border-box;*/
}

#detail .slide_box .bx-wrapper .bxslider li {
    width: 100%;
    height: 472px;
    position: relative;
}

#detail .slide_box .bx-wrapper .bxslider li img {
    position: absolute;
    top: 0;
    right: 0;
    /*	bottom: 0;*/
    left: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}

#detail .slide_box #bx-pager {
    width: 31.25%;
    float: right;
    overflow: hidden;
}

#detail .slide_box #bx-pager li {
    overflow: hidden;
}

#detail .slide_box #bx-pager li {
    width: 46.66%;
    height: 105px;
    position: relative;
    font-size: 0;
    margin: 0 0 18px 0;
    /*	border: 1px solid #ddd;
	box-sizing:border-box;*/
}

#detail .slide_box #bx-pager li img {
    position: absolute;
    top: 0;
    right: 0;
    /*	bottom: 0;*/
    left: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}

#detail .slide_box #bx-pager li:nth-child(odd) {
    float: left;
}

#detail .slide_box #bx-pager li:nth-child(even) {
    float: right;
}

#detail .address {
    overflow: hidden;
}

#detail .address > p {
    width: 48.43%;
    float: left;
}

#detail .address dl {
    width: 48.43%;
    float: right;
    margin-bottom: 0;
}

#detail .address dl dt {
    color: #1DA1F2;
    font-size: 2.0rem;
    padding: 5px 10px 5px 44px;
    margin: 0 0 10px 0;
}

#detail .address dl dt.dt01 {
    background: #e5f5fd url(../school/img/icon_06.png) 10px no-repeat;
    background-size: 22px;
}

#detail .address dl dt.dt01_address {
    background: #e5f5fd url(../school/img/icon_06.png) 10px no-repeat;
    background-size: 22px;
}

#detail .address dl dt.dt02 {
    background: #e5f5fd url(../school/img/icon_07.png) 10px no-repeat;
    background-size: 22px;
}

#detail .address dl dt.dt03 {
    background: #e5f5fd url(../school/img/icon_08.png) 10px no-repeat;
    background-size: 22px;
}

#detail .address dl dt.dt04 {
    background: #e5f5fd url(../school/img/icon_10.png) 10px no-repeat;
    background-size: 22px;
}

#detail .address dl dd {
    margin: 0 0 30px 0;
}
#detail .address dl dd:last-child {
    margin-bottom: 0;
}

#detail .contents {
    margin-bottom: 120px;
}

#detail .contents .point {
    background: #fffcc0;
    border: 2px dotted #ff6c00;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    padding: 20px;
    margin: 0 0 70px 0;
}

#detail .contents .point h3 {
    color: #ff6c00;
    border-bottom: 1px solid #ff6c00;
    font-size: 2.0rem;
    background: url(../school/img/icon_point.png) left 2px no-repeat;
    background-size: 20px;
    padding: 0 0 10px 30px;
    margin: 0 0 20px 0;
}

#detail .contents .point .inner {
    overflow: hidden;
}

#detail .contents .point .inbox {
    width: 30.86%;
    float: left;
}

#detail .contents .point .inbox:nth-child(2) {
    margin: 0 3.71%;
}

#detail .contents .point .inbox > p {
    margin: 0 0 10px 0;
    width: 100%;
    height: 214px;
    position: relative;
}

#detail .contents .point .inbox > p img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}

#detail .point2 {
    background: #d6f1fd;
    border: 2px dotted #0378ca;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    padding: 20px;
    margin: 0 0 70px 0;
}

#detail .point2 h3 {
    color: #1DA1F2;
    ;
    border-bottom: 1px solid #1DA1F2;
    ;
    font-size: 2.0rem;
    background: url(../school/img/icon_point2.png) left 2px no-repeat;
    background-size: 20px;
    padding: 0 0 10px 30px;
    margin: 0 0 20px 0;
}

#detail .point2 .inner {
    overflow: hidden;
}

#detail .point2 .inbox {
    width: 32%;
    float: left;
}

#detail .point2 .inbox:nth-child(2) {
    margin: 0 2%;
}

#detail .point2 .inbox > p {
    margin: 0 0 10px 0;
    width: 100%;
    height: 195px;
    position: relative;
    background: #fff;
}

#detail .point2 .inbox > p img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}

#detail .btn a {
    display: block;
    color: #1DA1F2;
    font-size: 1.8rem;
    font-weight: bold;
    width: 50%;
    margin: 0 auto;
    text-align: center;
    border: 1px solid #1DA1F2;
    text-decoration: none;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    background: url(../img/icon_arrow.png) 20px center no-repeat;
    background-size: 11px;
    padding: 15px 0;
}

#detail .teacher {
    background: #e5f5fd;
    padding: 60px 0 100px 0;
}

#detail .teacher .ttl {
    width: 96%;
    max-width: 960px;
    margin: 0 auto;
}

#detail .teacher .ttl h2 {
    margin: 0 auto 60px auto;
    color: #1DA1F2;
    font-size: 4.0rem;
    position: relative;
    padding: 45px 0 0 110px;
}

#detail .teacher h2:before {
    width: 100px;
    height: 95px;
    top: 0;
    left: 0;
    content: "";
    background: url(../school/img/icon_ttl05.png) left top no-repeat;
    background-size: 100px;
    position: absolute;
}

#detail .teacher .ttl h2 span {
    background: url(../img/line_yellow.png) 0 80% repeat-x;
}

#detail .teacher .inner {
    width: 96%;
    max-width: 960px;
    margin: 0 auto;
    overflow: hidden;
}

#detail .teacher .inbox {
    width: 48%;
    overflow: hidden;
    margin: 0 0 30px 0;
}

#detail .teacher .inbox:nth-child(odd) {
    float: left;
}

#detail .teacher .inbox:nth-child(even) {
    float: right;
}

#detail .teacher .inbox > p {
    width: 46%;
    float: left;
}

#detail .teacher .inbox > p img {
    width: 100%;
}

#detail .teacher .inbox > div {
    width: 49%;
    float: right;
}

#detail .teacher .inbox .txt_03 {
    width: 100%;
    float: none;
}


#detail .sec-point .pic{
    text-align: center;
    height: 214px;
}
#detail .sec-point .txt {
    margin-bottom: 1.4em;
}

#detail .sec-point .pic img {
    max-width: 100%;
    max-height: 100%;
}
#detail .sec-teacher .col-6>div {
    float: right;
    width: 50%;
}
#detail .sec-teacher .col-6>p {
    width: 46%;
    float: left;
}

/*#detail .school {
    padding: 60px 0 0 0;
}*/

#detail .school .ttl {
    width: 96%;
    max-width: 960px;
    margin: 0 auto;
}

#detail .school .ttl h2 {
    margin: 0 auto 60px auto;
    color: #1DA1F2;
    font-size: 4.0rem;
    position: relative;
    padding: 45px 0 0 110px;
}

#detail .school h2:before {
    width: 100px;
    height: 95px;
    top: 0;
    left: 0;
    content: "";
    background: url(../school/img/icon_ttl06.png) left top no-repeat;
    background-size: 100px;
    position: absolute;
}

#detail .school .ttl h2 span {
    background: url(../img/line_yellow.png) 0 80% repeat-x;
}

#detail .school .inner {
    width: 96%;
    max-width: 960px;
    margin: 0 auto;
}

#detail .school h4 {
    font-size: 1.8rem;
    margin: 0 0 20px 0;
    padding: 0 0 5px 30px;
    background: url(../school/img/icon_09.png) left no-repeat;
    background-size: 20px;
    border-bottom: 2px solid #1DA1F2;
}

#detail .school .txt {
    margin: 0 0 60px 0;
}

#detail .school dl {
    margin: 0 0 60px 0;
}

#detail .school dl dt {
    display: block;
    width: 96%;
    margin: 10px 0 5px;
    font-weight: bold;
    font-size: 1.6rem;
}

#detail .school dl dt:first-child {
    margin-top: 0;
}

#detail #blog_new {
    word-break: break-all;
}

#detail #blog_new .ttl {
    width: 96%;
    max-width: 960px;
    margin: 0 auto;
}

#detail #blog_new .ttl h2 {
    margin: 0 auto 60px auto;
    color: #1DA1F2;
    font-size: 4.0rem;
    position: relative;
    padding: 45px 0 0 110px;
}

#detail #blog_new .ttl h2:before {
    width: 100px;
    height: 95px;
    top: 0;
    left: 0;
    content: "";
    background: url(../school/img/icon_ttl07.png) left top no-repeat;
    background-size: 100px;
    position: absolute;
}

#detail #blog_new .ttl h2 span {
    background: url(../img/line_yellow.png) 0 80% repeat-x;
}

#detail #blog_new .inner {
    width: 96%;
    max-width: 960px;
    margin: 0 auto;
}

#detail #blog_new .txt h4 {
    color: #1DA1F2;
    font-size: 1.6rem;
    border-bottom: 1px dotted #1DA1F2;
    font-weight: normal;
    padding: 0 0 10px 100px;
    margin: 0 0 20px 0;
}

#detail #blog_new .txt h4.icon_01 {
    background: url(../school/img/icon_01.png) left 2px no-repeat;
    background-size: 90px;
}

#detail #blog_new .txt h4.icon_02 {
    background: url(../school/img/icon_02.png) left 2px no-repeat;
    background-size: 90px;
}

#detail #blog_new .txt h4.icon_03 {
    background: url(../school/img/icon_03.png) left 2px no-repeat;
    background-size: 90px;
}

#detail #blog_new .txt h4.icon_04 {
    background: url(../school/img/icon_04.png) left 2px no-repeat;
    background-size: 90px;
}

#detail #blog_new .txt h4.icon_05 {
    background: url(../school/img/icon_05.png) left 2px no-repeat;
    background-size: 90px;
}

#detail #blog_new .article {
    overflow: hidden;
}

#detail #blog_new .article .txt_area {
    width: 48%;
    float: left;
}

#detail #blog_new .article .pic {
    width: 48%;
    float: right;
}

#detail #blog_new .article .pic img {
    height: auto;
}

#detail #blog_new .txt p {
    margin: 0 0 10px 0;
}

#detail #blog_new p.btn {
    margin: 50px 0 0 0;
}

#detail .links {
    background: #f8f7e9;
    padding: 60px 0;
    margin: 0 0 50px 0;
}

#detail .links .inner {
    width: 96%;
    max-width: 960px;
    margin: 0 auto;
    overflow: hidden;
}

#detail .links .inbox {
    width: 44%;
    overflow: hidden;
    background: #fff;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    padding: 2%;
    margin-bottom: 2%;
}

/*#detail .links .inbox:first-child {
    float: left;
}

#detail .links .inbox:last-child {
    float: right;
}*/

#detail .links .inbox:nth-child(odd) {
    float: left;
}

#detail .links .inbox:nth-child(even) {
    float: right;
}

#detail .links .inbox .logo {
    text-align: center;
    width: 60%;
    margin: 0 auto;
}

#detail .links .inbox .txt {
    margin: 20px 0;
}

#detail .links .inbox .btn {
    clear: both;
    width: 100%;
}

#detail .links .inbox .btn a {
    width: 100%;
    background: #1DA1F2 url(../img/icon_arrow_02.png) 20px center no-repeat;
    border: none;
    padding: 5px 0;
    margin: 0;
    font-size: 1.4rem;
    font-weight: normal;
    text-align: center;
    color: #fff;
    text-decoration: none;
}

#detail .links .inbox .btn a span.window {
    background: url(../img/icon_window.png) right no-repeat;
}

@media screen and (max-width:767px) {
    #detail{
        padding-bottom: 0;
    }

    #detail .detail-title{
        width: calc(335/375*100vw);
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        box-sizing: border-box;
        background-size: 37% auto;
        padding-left: 37%;
        min-height: inherit;
    }
    #detail .detail-title h1{
        padding-bottom: 0;
        padding-left: 0;
        margin-bottom: 25px;
        font-size: 2em;
        text-align: left;
        line-height: 1.4;
    }
    #detail .detail-title span{
        display: block;
        font-size: 1.5rem;
        line-height: 1.4;
        margin-right: 0;
    }
    #detail .detail-intro{
        width: calc(335/375*100vw);
        margin-left: auto;
        margin-right: auto;
        font-size: 1.4rem;
    }
    #detail .detail-mv{
        border-radius: 0;
        margin: 0 -2%;
        height: 0;
        padding-top: 102.7%;
    }
    #detail .detail-mvWord{
        font-size: 2.6rem;
    }
    #detail .detail-mvWordPic{
        font-size: 4.2rem;
    }

    #detail .sec-point .pic{
        height: auto;
    }

    #detail .pagettl {
        border-top: 2px solid #1DA1F2;
        margin: 0 0 20px 0;
    }
    #detail .pagettl h1 {
        font-size: 2.4rem;
        padding: 8px 0;
    }
    #detail .pagettl h1 span {
        font-size: 1.6rem;
    }
    #detail .c-h2 {
        margin-top: 40px;
    }
    #detail .slide_box {
        width: calc(335/375*100vw);
        margin: 0 auto;
    }
    #detail .slide_box .bx-wrapper {
        width: 100%;
        float: none;
        border: none;
        margin: 0 auto 30px auto;
    }
    #detail .slide_box .bx-wrapper .bxslider li {
        width: 100%;
        height: 220px;
    }
    #detail .slide_box .bx-wrapper .bxslider li img {
        bottom: 0;
    }
    #detail .slide_box #bx-pager {
        display: none;
    }
    #detail .address {
        width: calc(335/375*100vw);
        margin: 0 auto;
    }
    #detail .address > p {
        width: auto;
        float: none;
        margin: 0 auto 10px auto;
        text-align: center;
    }
    #detail .address dl {
        width: auto;
        float: none;
    }
    #detail .address dl dt {
        font-size: 1.4rem;
        padding: 8px 0 8px 30px;
        margin: 0 0 5px 0;
        background-position: 5px !important;
    }
    #detail .address dl dd {
        margin: 0 0 15px 0;
    }
    #detail .contents {
        margin-bottom: 40px;
    }
    #detail .contents .point {
        width: 86%;
        padding: 4%;
        margin: 0 auto 30px auto;
    }
    #detail .contents .point h3 {
        font-size: 1.6rem;
    }
    #detail .contents .point .inbox {
        width: auto;
        float: none;
        overflow: hidden;
        margin: 0 0 20px 0 !important;
        padding: 0 0 10px 0;
        border-bottom: 1px solid #d0ca56;
    }
    #detail .contents .point .inbox:last-child {
        border-bottom: none;
        margin: 0 !important;
    }
    /*#detail .contents .point .inbox p.pic {
        width: 48%;
        float: left;
    }
    #detail .contents .point .inbox > p {
        height: 110px;
    }
    #detail .contents .point .inbox .txt {
        width: 49%;
        float: right;
    }*/
    #detail .contents .point .inbox .txt_02 {
        width: 100%;
    }
    #detail .point2 {
        width: 86%;
        padding: 4%;
        margin: 0 auto 30px auto;
    }
    #detail .point2 h3 {
        font-size: 1.6rem;
    }
    #detail .point2 .inbox {
        width: auto;
        float: none;
        overflow: hidden;
        margin: 0 0 20px 0 !important;
        padding: 0 0 10px 0;
        border-bottom: 1px solid #d0ca56;
    }
    #detail .point2 .inbox:last-child {
        border-bottom: none;
        margin: 0 !important;
    }
    #detail .point2 .inbox p.pic {
        width: 48%;
        float: left;
    }
    #detail .point2 .inbox > p {
        height: 110px;
    }
    #detail .point2 .inbox .txt {
        width: 49%;
        float: right;
    }
    #detail .point2 .inbox .txt_02 {
        width: 100%;
    }
    #detail .btn a {
        font-size: 1.4rem;
        width: 96%;
    }
    #detail .teacher {
        padding: 20px 0;
    }
    #detail .teacher .ttl h2 {
        margin: 0 auto 20px auto;
        font-size: 2.4rem;
        padding: 10px 0 0 60px;
    }
    #detail .teacher .ttl h2:before {
        width: 50px;
        height: 47px;
        background: url(../school/img/icon_ttl05.png) left top no-repeat;
        background-size: 50px;
    }
    #detail .teacher .inbox {
        width: auto;
        overflow: hidden;
        margin: 0 0 20px 0;
    }
    #detail .teacher .inbox:nth-child(odd) {
        float: none;
    }
    #detail .teacher .inbox:nth-child(even) {
        padding-left: 0;
        float: none;
    }
    #detail .teacher .inbox > p {
        width: 60%;
        float:none;
        margin: 0 auto;
    }
    #detail .teacher .inbox > div {
        width: 100%;
        float:none;
    }
    #detail .teacher .inbox .txt_03 {
        width: 100%;
    }

    #detail .sec-teacher .row {
        width: calc(335/375*100vw);
        margin-left: auto;
        margin-right: auto;
    }

    #detail .sec-teacher .col-6>div {
        float: none;
        width: 100%;
    }
    #detail .sec-teacher .col-6>p {
        width: 60%;
        float: none;
        margin: 0 auto;
    }
    #detail .school .ttl h2 {
        margin: 0 auto 20px auto;
        font-size: 2.4rem;
        padding: 10px 0 0 60px;
    }
    #detail .school .ttl h2:before {
        width: 50px;
        height: 47px;
        background: url(../school/img/icon_ttl06.png) left top no-repeat;
        background-size: 50px;
    }
    #detail .school {
        width: calc(335/375*100vw);
        margin-left: auto;
        margin-right: auto;
    }
    #detail .school .inner {
        width: 100%;
    }
    #detail .school h4 {
        font-size: 1.6rem;
        margin: 0 auto 10px 0;
    }
    #detail .school .txt {
        width: 96%;
        margin: 0 auto 20px auto;
    }
    #detail .school dl {
        margin: 0 0 20px 0;
    }
    #detail .school dl dt {
        font-size: 1.4rem;
    }
    #detail .school dl dt.active {
        background: #1DA1F2 url(../school/img/arrow_up_new.png) 96% center no-repeat;
        background-size: 20px;
    }
    #detail #blog_new {
        padding: 20px 0 0;
    }
    #detail #blog_new .ttl h2 {
        margin: 0 auto 20px auto;
        font-size: 2.4rem;
        padding: 10px 0 0 60px;
    }
    #detail #blog_new .ttl h2:before {
        width: 50px;
        height: 47px;
        background: url(../school/img/icon_ttl07.png) left top no-repeat;
        background-size: 50px;
    }
    #detail #blog_new .inner {
        width: calc(335/375*100vw);
        margin: 0 auto;
    }
    #detail #blog_new .article .txt_area {
        width: auto;
        float: none;
    }
    #detail #blog_new .article .pic {
        width: auto;
        float: none;
    }
    #detail #blog_new .txt h4 {
        padding: 25px 0 10px 0;
    }
    #detail #blog_new p.btn {
        margin: 30px 0 0 0;
    }
    #detail .links {
        padding: 30px 0;
    }
    #detail .links .inbox {
        width: auto;
        float: none;
        padding: 4%;
        margin: 0 auto 10px auto;
    }
    #detail .links .inbox .logo {
        width: 60%;
        margin: 0 auto;
    }
    #detail .links .inbox .txt {
        width: auto;
        float: none;
        margin: 10px auto;
    }
    #detail .links .inbox .btn a {
        width: auto;
        background: #1DA1F2 url(../img/icon_arrow_02.png) 10px center no-repeat;
        border: none;
        padding: 5px 0 5px 18px;
        margin: 0;
        font-size: 1.2rem;
    }
    #detail .links .inbox .btn a span.window {
        background: url(../img/icon_window.png) right no-repeat;
        padding: 0 20px 0 0;
    }
}

@media screen and (max-width:425px) {
    #detail .detail-mvWord{
        font-size: 6vw;
    }
    #detail .detail-mvWordPic{
        font-size: 9vw;
        letter-spacing: -.2em;
    }
}
@media screen and (max-width:375px) {
}


/*--------------------------------------------------------- voice */
#voice.contents {
    margin-bottom: 120px;
}

#voice .box {
    margin: 60px auto 0;
}

#voice .box + .box {
    margin-top: 100px;
}

#voice .c-h2 {
    margin-bottom: 20px;
}

#voice p.date {
    font-size: 1.4rem;
    margin: 0 0 20px 20px;
}

#voice .inbox {
    margin: 0 20px;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

#voice .inbox p.pic {
    width: 28.26%;
    text-align: center;
    overflow: hidden;
}

#voice .inbox p.pic >img {
    max-width: 100%;
    margin: 0 auto;
    vertical-align: bottom;
}

#voice .inbox .txt {
    width: 67.39%;
}

#voice .inbox .txt p.btn {
    margin: 30px 0 0 0;
}

#voice .inbox .txt p.btn a {
    width: 42%;
    min-width: 260px;
    display: block;
    color: #1DA1F2;
    text-decoration: none;
    border: 1px solid #1DA1F2;
    border-radius: 25px;
    font-size: 1.4rem;
    text-align: center;
    padding: 9px 0;
    background: url(../img/icon_arrow.png) right 20px center no-repeat;
    background-size: 7px 11px;
    filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.12));
}

#voice p.link_btn {
    margin: 40px 0 0 0;
}

#voice p.link_btn a {
    width: 40%;
    min-width: 385px;
    display: block;
    color: #1DA1F2;
    text-decoration: none;
    border: 1px solid #1DA1F2;
    border-radius: 35px;
    font-size: 1.8rem;
    font-weight: bold;
    margin: 0 auto;
    text-align: center;
    background: url(../img/icon_arrow_05.png) left 20px center no-repeat;
    background-size: 7px 11px;
    padding: 15px 0;
}

#voice .nav-taikenLink {
    width: calc(410/960*100%);
    margin: 60px auto 0;
}

@media screen and (max-width:767px) {
    #voice.contents {
        margin-bottom: 80px;
    }
    #voice .box {
        width: calc(335/375*100vw);
        margin: 50px auto 0;
    }
    #voice .box + .box {
        margin-top: 60px;
    }
    #voice .c-h2 {
        margin-bottom: 15px;
    }
    #voice p.date {
        font-size: 1.2rem;
        margin-left: 0;
    }
    #voice .inbox {
        margin: 0 auto;
        display: block;
    }
    #voice .inbox p.pic {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    #voice .inbox .txt {
        width: 100%;
        margin-top: 20px;
        font-size: 1.4rem;
    }
    #voice .inbox .txt p.btn {
        margin: 20px auto 0 0;
    }
    #voice .inbox .txt p.btn a {
        width: calc(260/375*100vw);
        min-width: inherit;
        padding: 5px 0;
        margin: 0 auto;
    }
    #voice p.link_btn {
        margin: 20px auto 0 0;
    }
    #voice p.link_btn a {
        width: calc(260/375*100vw);
        min-width: inherit;
        padding: 5px 0;
        margin: 0 auto;
        font-size: 1.4rem;
    }
    #voice .nav-taikenLink {
        width: calc(315/375*100vw);
        margin-top: 50px;
    }
}


/*--------------------------------------------------------- blog */

#blog.contents {
    margin-bottom: 120px;
}

#blog {
    word-break: break-all;
}

#blog .c-h2 {
    line-height: 1.4;
}

#blog dl.important {
    background: #FFFCC0;
    border: 2px dotted #1DA1F2;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    padding: 10px 20px;
    margin: 0 0 20px 0;
}

#blog dl.important dt {
    clear: left;
    float: left;
    width: 12em;
    padding: 6px 0.5em;
    color: #1DA1F2;
    font-size: 1.4rem;
    font-weight: bold;
    background: url(../school/img/icon_osusume.png) right center no-repeat;
    background-size: 60px;
}

#blog dl.important dd {
    margin-left: 0;
    padding: 5.5px 0.5em 5.5px 14em;
    border-bottom: 1px solid #DCDCDC;
    font-size: 1.4rem;
    font-weight: bold;
}
#blog dl.important dd>a {
    color: #000;
}

#blog dl.important dd:last-child {
    border: none;
}

#blog dl.list {
    margin: 0 auto;
}

#blog dl.list dt {
    clear: left;
    float: left;
    width: 8em;
    padding: 25px 100px 25px 0.5em;
    color: #1DA1F2;
    font-size: 1.4rem;
    font-weight: bold;
}

#blog dl.list dt.icon_01 {
    background: url(../school/img/icon_01.png) right 25px center no-repeat;
    background-size: 90px;
}

#blog dl.list dt.icon_02 {
    background: url(../school/img/icon_02.png) right 25px center no-repeat;
    background-size: 90px;
}

#blog dl.list dt.icon_03 {
    background: url(../school/img/icon_03.png) right 25px center no-repeat;
    background-size: 90px;
}

#blog dl.list dt.icon_04 {
    background: url(../school/img/icon_04.png) right 25px center no-repeat;
    background-size: 90px;
}

#blog dl.list dt.icon_05 {
    background: url(../school/img/icon_05.png) right 25px center no-repeat;
    background-size: 90px;
}

#blog dl.list dd {
    margin-left: 0;
    padding: 21px 0.5em 21px 250px;
    border-bottom: 1px solid #DCDCDC;
    min-height: 2.8em;
    font-size: 1.4rem;
}
#blog dl.list dd>a {
    color: #000;
}

#blog .date {
    margin: 0 0 30px 20px;
    width: 10em;
    padding: 0 50px 0 0;
    font-size: 1.4rem;
}

#blog p.icon_01 {
    background: url(../school/img/icon_01.png) right no-repeat;
    background-size: 90px;
}

#blog p.icon_02 {
    background: url(../school/img/icon_02.png) right no-repeat;
    background-size: 90px;
}

#blog p.icon_03 {
    background: url(../school/img/icon_03.png) right no-repeat;
    background-size: 90px;
}

#blog p.icon_04 {
    background: url(../school/img/icon_04.png) right no-repeat;
    background-size: 90px;
}

#blog p.icon_05 {
    background: url(../school/img/icon_05.png) right no-repeat;
    background-size: 90px;
}

#blog .article {
    margin: 0 20px;
    overflow: hidden;
}

#blog .article .txt {
    width: 48%;
    float: left;
}

#blog .article .pic {
    width: 48%;
    float: right;
}

#blog .article .pic img {
    height: auto;
}

#blog .article p {
    margin: 0 0 10px 0;
}

#blog .article02 {
    margin: 0 20px;
}

#blog .article02 p {
    margin: 0 0 10px 0;
}

#blog .txt a {
    color: #FF6C00;
}

#blog .page-link {
    margin: 50px 0 0 0;
    text-align: center;
}

#blog .page-link li {
    padding: 5px;
    display: inline-block;
}
#blog .page-link a {
        color: #1DA1F2;
}
#blog .page-link li.on a {
    color: #000;
    text-decoration: none;
}

#blog p.btn a {
    display: block;
    color: #1DA1F2;
    font-size: 1.8rem;
    line-height: 1;
    font-weight: bold;
    width: 387px;
    margin: 50px auto 0;
    text-align: center;
    border: 1px solid #1DA1F2;
    text-decoration: none;
    border-radius: 40px;
    background: url(../img/icon_arrow_05.png) 20px center no-repeat;
    background-size: 7px;
    padding: 23px 0;
}

#blog p.btn_old a {
    display: block;
    color: #fff;
    font-size: 1.4rem;
    width: 50%;
    margin: 40px auto 0 auto;
    text-align: center;
    text-decoration: none;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    background: #999 url(../img/icon_arrow_06.png) 20px center no-repeat;
    padding: 15px 0;
}

@media screen and (max-width:767px) {
    #blog.contents {
        margin-bottom: 80px;
    }
    #blog .c-h1 {
        line-height: 1.4;
    }
    #blog .c-h2 {
        box-sizing: border-box;
        padding-left: calc(15/375*100vw);
        padding-right: calc(15/375*100vw);
    }
    #blog dl.important {
        width: calc(335/375*100vw);
        padding: 10px calc(15/375*100vw) 0;
        margin: 50px auto 25px;
        box-sizing: border-box;
    }
    #blog dl.important dt {
        float: none;
        width: auto;
        padding: 0px 0 5px 0;
        font-size: 1.2rem;
    }
    #blog dl.important dd {
        margin-left: 0;
        padding: 0 0 10px 0;
        margin: 0 0 10px 0;
        font-size: 1.2rem;
    }
    #blog dl.list {
        width: calc(335/375*100vw);
        margin: 0 auto;
    }
    #blog dl.list dt {
        float: none;
        width: 10em;
        padding: 0 60px 0 0;
        margin-bottom: 5px;
        font-size: 1.2rem;
    }
    #blog dl.list dt.icon_01 {
        background: url(../school/img/icon_01.png) right 0 center no-repeat;
        background-size: 90px;
    }
    #blog dl.list dt.icon_02 {
        background: url(../school/img/icon_02.png) right 0 center no-repeat;
        background-size: 90px;
    }
    #blog dl.list dt.icon_03 {
        background: url(../school/img/icon_03.png) right 0 center no-repeat;
        background-size: 90px;
    }
    #blog dl.list dt.icon_04 {
        background: url(../school/img/icon_04.png) right 0 center no-repeat;
        background-size: 90px;
    }
    #blog dl.list dt.icon_05 {
        background: url(../school/img/icon_05.png) right 0 center no-repeat;
        background-size: 90px;
    }
    #blog dl.list dd {
        padding: 0 0 10px 0;
        margin: 0 0 15px 0;
        font-size: 1.2rem;
    }
    #blog .page-link {
        margin: 30px 0 0 0;
        font-size: 1.4rem;
    }
    #blog .date {
        margin: 0 0 14px calc(12.5/375*100vw);
        font-size: 1.2rem;
    }
    #blog .txt {
        width: calc(335/375*100vw);
        margin: 0 auto;
        box-sizing: border-box;
        font-size: 1.4rem;
    }
    #blog .article,
    #blog .article02 {
        width: 96%;
        margin: 0 auto 40px auto;
    }
    #blog .article .txt {
        width: auto;
        float: none;
        font-size: 1.4rem;
    }
    #blog .article .pic {
        width: auto;
        float: none;
    }
    #blog p.btn a {
        margin-top: 30px;
        padding: 12px 0;
        font-size: 1.4rem;
        width: calc(262/375*100vw);
    }
    #blog p.btn_old a {
        font-size: 1.2rem;
        width: 96%;
        margin: 20px auto 0 auto;
    }
}

.seisekiup1 {
    width: 48%;
    background-color: #f8fdff;
    border: 3px solid #1DA1F2;
    box-shadow: 0 0 0 2px #d6f1fd;
    color: #0f0f0f;
    margin: 2em 0;
    padding: 2em;
    float: left;
    box-sizing: border-box;
}

.seisekiup2 {
    width: 48%;
    background-color: #f8fdff;
    border: 3px solid #1DA1F2;
    box-shadow: 0 0 0 2px #d6f1fd;
    color: #0f0f0f;
    margin: 2em 0;
    padding: 2em;
    float: right;
    box-sizing: border-box;
}

.box_up {
    overflow: hidden;
}

.uptitle1 {
    font-size: 18px;
    color: white;
    background-image: linear-gradient(#9ddcfc, #92d8ff, #64c8ff, #2eb4ff);
    margin-bottom: 0px;
    padding: 5px;
}

.uptitle2 {
    width: 40%;
    font-size: 18px;
    color: white;
    background-image: linear-gradient(#9ddcfc, #92d8ff, #64c8ff, #2eb4ff);
    margin-bottom: 0px;
    padding: 5px;
    clear: left;
    text-align: center;
}

.taikendan {
    margin-top: 1em;
    margin-bottom: 0.7em;
}

.hogosha {
    margin-top: 0.7em;
    margin-bottom: 0.7em;
}

.pic_seiseki {
    float: left;
    margin-top: 1em;
    margin-right: 2em;
    margin-bottom: 1em;
}

.up_name {
    font-size: 17px;
    margin-top: 1em;
}

.up_tensu {
    font-size: 29px;
    color: red;
}

.kasen {
    border-bottom: 1px solid deeppink;
    padding-bottom: 1px;
    line-height: 1.8;
}

@media screen and (max-width:767px) {
    .seisekiup1 {
        width: auto;
    }
    .seisekiup2 {
        width: auto;
    }
}

#detail .teacher h2.up_icon:before {
    width: 100px;
    height: 95px;
    top: 0;
    left: 0;
    content: "";
    background: url(../school/img/up_icon.png) left top no-repeat;
    background-size: 100px;
    position: absolute;
}

@media screen and (max-width:767px) {
#detail .teacher .ttl h2.up_icon:before {
    width: 50px;
    height: 47px;
    background: url(../school/img/up_icon.png) left top no-repeat;
    background-size: 50px;
}
}

.snsbutton {
    margin: 0;
    padding: 0;
}
.snsbutton li {
    float: left;
    margin: 0 10px 0 0;
}

#index .topcp_bnr {
    width: 861px;
    margin: 0 auto;
    text-align:left;
    font-size: 20px;
}

#index .topcp_bnr img{
    vertical-align: middle;
}

@media screen and (max-width:767px) {
    #index .topcp_bnr {
        width: auto;
        margin: 0 0 0 10px;
        font-size: 15px;
    }
}