.spritesource-sprite, .spritesource-sp-blank, .spritesource-sp-fp_icon-arrow, .fp_btns ul li a::after, .fp_cource-box .fp_cource-box-top .fp_cource-boxhead h3::after, .fp_bannarBox a::after, .postContent .btnsWrap_cv .btns_cv a::after, .spritesource-sp-fp_icon-arrow2, .fp_cource-box .fp_cource-boxlink a::after, .spritesource-sp-fp_icon-arrow2hov, .fp_cource-box .fp_cource-boxlink a:hover::after, .spritesource-sp-fp_icon-book, .fp_btns ul li.public a::before, .spritesource-sp-fp_icon-mail, .fp_btns ul li.contact a::before, .spritesource-sp-phone, #header .list-header li a::before, .spritesource-sp-window, .fp_bannarBox_outbound a::after {
    background-image: url('../images/spritesource-sc44090635f.png');
    background-repeat: no-repeat
}



.spritesource-sp-blank {
    background-position: 0 0;
    height: 1px;
    width: 1px
}

.spritesource-sp-fp_icon-arrow, .fp_btns ul li a::after, .fp_cource-box .fp_cource-box-top .fp_cource-boxhead h3::after, .fp_bannarBox a::after, .postContent .btnsWrap_cv .btns_cv a::after {
    background-position: 0 -1px;
    height: 27px;
    width: 32px
}

.spritesource-sp-fp_icon-arrow2, .fp_cource-box .fp_cource-boxlink a::after {
    background-position: 0 -28px;
    height: 21px;
    width: 27px
}

.spritesource-sp-fp_icon-arrow2hov, .fp_cource-box .fp_cource-boxlink a:hover::after {
    background-position: 0 -49px;
    height: 21px;
    width: 27px
}

.spritesource-sp-fp_icon-book, .fp_btns ul li.public a::before {
    background-position: 0 -70px;
    height: 52px;
    width: 64px
}

.spritesource-sp-fp_icon-mail, .fp_btns ul li.contact a::before {
    background-position: 0 -122px;
    height: 51px;
    width: 64px
}

.spritesource-sp-phone, #header .list-header li a::before {
    background-position: 0 -173px;
    height: 32px;
    width: 12px
}

.spritesource-sp-window, .fp_bannarBox_outbound a::after {
    background-position: 0 -205px;
    height: 20px;
    width: 20px
}

html, * html body {
    margin: 0 !important;
    font-size: 10px
}

* {
    -webkit-text-size-adjust: none
}

body {
    margin: 0;
    padding: 0;
    font-family: Meiryo, 'メイリオ', Hiragino Kaku Gothic Pro, 'ヒラギノ角ゴ Pro W3', SimSun, Helvetica, ArialMT, Osaka, Verdana, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;
    font-size: 10px;
    line-height: 1.7;
    color: #333;
    width: 100%;
    background: #FFF
}

.page {
    overflow: visible;
    min-height: 0
}

.clearbox {
    clear: both;
    height: 0px;
    display: block
}

.h10 {
    height: 10px
}

.h15 {
    height: 15px
}

h1, h2, h3, h4, h5, p, ul, ol {
    font-size: 10px;
    padding: 0;
    margin: 0;
    font-family: Meiryo, 'メイリオ', Hiragino Kaku Gothic Pro, 'ヒラギノ角ゴ Pro W3', SimSun, Helvetica, ArialMT, Osaka, Verdana, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif
}

ol, ul, li {
    list-style: none
}

img {
    vertical-align: top;
    max-width: 100%;
    height: auto
}

.avatar {
    max-width: 100%;
    height: auto
}

hr {
    clear: both;
    height: 0;
    margin: 0;
}

article, aside, figure, figcaption, footer, header, nav, section {
    display: block
}

.h10 {
    display: block;
    height: 10px
}

.h20 {
    display: block;
    height: 20px
}

.h30 {
    display: block;
    height: 30px
}

.alignleft {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px
}

.alignright {
    float: right;
    margin-left: 20px;
    margin-bottom: 20px
}

.alignnone {
    margin-bottom: 20px
}

.aligncenter {
    display: block;
    margin: 0 auto 20px
}

a, a:visited {
    color: #4fb5d7;
    text-decoration: none
}

a:hover {
    text-decoration: underline;
    color: #70c3df
}

a img {
    border: 0 none
}

textarea, input {
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0;
    vertical-align: top;
    border: 0 none
}

textarea, input[type="text"], input[type="email"] {
    border: 1px solid #CCC;
    border-radius: 3px
}

input[type="submit"] {
    -webkit-appearance: none;
    cursor: pointer;
    background: #f2b43c;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
    border-radius: 3px;
    padding: 10px 25px
}

input[type="submit"]:hover {
    background: #f6bf56
}

input[type="checkbox"], input[type="radio"] {
    vertical-align: middle;
    margin: 0
}

select {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 5px;
    vertical-align: top;
    background: #FFF;
    border-radius: 2px
}

label {
    vertical-align: top
}

.commonMW {
    min-width: 1065px
}

.commonOuter {
    width: 1025px;
    padding: 0 20px;
    margin: 0 auto;
    *width: 1025px;
    width: 1025px\9
}

.commonInner::after {
    clear: both;
    display: block;
    content: ''
}

#container {
    padding: 40px 0 30px
}

#container.postContainer {
    padding-top: 20px
}

.home #container {
    padding-top: 0
}

#js-envinfo {
    position: fixed;
    right: 15px;
    top: 15px;
    background: rgba(6, 123, 64, 0.52);
    color: #FFF;
    padding: 10px;
    border-radius: 5px;
    z-index: 100;
    font-size: 12px
}

.maxCol {
    max-width: 1195px;
    width: 100%;
    margin: 0 auto
}

#header {
    position: relative;
    z-index: 3
}

#header .camera_container {
    padding-bottom: 39.581%
}

#header .container {
    margin-bottom: 21px;
    margin-top: 21px;
}

#header .list-header {
    /* margin-top: 25px */

    margin-top: 55px !important;
}

#header .list-header li a {
    letter-spacing: normal;
    position: relative;
    font-weight: bold;
    font-size: 23px;
    color: #333;
    display: block
}

#header .list-header li a::before {
    position: absolute;
    left: -7px;
    top: -10px;
    content: '';
    display: block
}

#header .navbar-default .navbar-nav li a {
    text-decoration: none;
    padding: 10px 17px
}

#header .navbar-default .navbar-nav li.current-menu-item a {
    background-color: #4fb5d7 !important;
    color: #FFF
}

#header .navbar-default .navbar-nav li a:hover {
    background-color: #4fb5d7 !important;
    color: #FFF
}

#header .stuck_container {
    padding-bottom: 0
}

#header .camera_caption h2 {
    padding: 33px 32px 42px;
    letter-spacing: 0.25em;
    background: rgba(255, 255, 255, 0.7)
}

#header .camera_caption h2 span {
    font-size: 40px;
    line-height: 42px;
    font-weight: bold
}

#header .camera_pag_ul li {
    background-color: #AAA
}

#header .camera_pag_ul li.cameracurrent, #header .camera_pag_ul li:hover {
    background-color: #4fb5d7
}

#header .navbar-brand img {
    width: 333px;
    height: auto
}

.navbar-header {
    padding-left: 0
}

#pankuzuBox {
    position: relative;
    padding-top: 20px
}

#pankuzuBox::after {
    content: '';
    position: absolute;
    height: 0;
    width: 100%;
    left: 0
}

#breadcrumbs {
    overflow: hidden
}

#breadcrumbs ol, #breadcrumbs ul {
    letter-spacing: -.40em;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

#breadcrumbs ol li, #breadcrumbs ul li {
    letter-spacing: normal;
    position: relative;
    vertical-align: top;
    display: inline;
    font-size: 13px;
    font-size: 1.3rem
}

#breadcrumbs ol li a, #breadcrumbs ul li a {
    text-decoration: underline
}

#breadcrumbs ol li a span, #breadcrumbs ul li a span {
    color: #4fb5d7
}

#breadcrumbs ol li span, #breadcrumbs ul li span {
    color: #333;
    letter-spacing: 0.01em
}

#breadcrumbs ol li.breadUnder, #breadcrumbs ul li.breadUnder {
    padding-left: 21px
}

#breadcrumbs ol li.breadUnder::before, #breadcrumbs ul li.breadUnder::before {
    position: absolute;
    display: inline-block;
    width: 7px;
    height: 100%;
    top: 2px;
    left: 4px;
    content: '>';
    line-height: 15px
}

.mainViewContainer {
    margin: 0 auto;
    max-width: 1195px;
    overflow: hidden
}

#footer {
    background-color: #e2e6e9;
    padding: 34px 0 15px
}

#footer .logo h5 {
    font-weight: bold;
    margin-bottom: 10px
}

#footer .logo p {
    margin-top: 0
}

#footer .list-footer {
    min-height: 80px;
    border-left: 1px solid #CCC;
    padding-left: 26px;
    padding-top: 8px
}

#footer .list-footer a {
    color: #333;
    text-decoration: underline
}

#footer .list-footer a:hover {
    color: #7a7a7a !important
}

#mainView {
    padding: 0 0 0
}

.commonHead {
    margin-bottom: 20px
}



.commonHead h2 {
    font-size: 20px;
    line-height: 32px;
    border-bottom: 3px solid #333;
    margin-right: auto;
    float: left
}

.fp_btns {
    padding: 50px 0px;
    background: #e2e6e9
}

.fp_btns ul {
    text-align: center
}

.fp_btns ul li {
    display: inline-block;
    margin: 0 15px
}

.fp_btns ul li a {
    display: block;
    background: #f2b43c;
    color: #FFF;
    font-size: 18px;
    height: 81px;
    line-height: 82px;
    position: relative;
    width: 380px;
    text-decoration: none
}

.fp_btns ul li a:hover {
    background-color: #f6bf56
}

.fp_btns ul li a::before {
    content: '';
    position: absolute;
    left: 16px;
    top: 14px;
    display: block
}

.fp_btns ul li a::after {
    content: '';
    position: absolute;
    right: 20px;
    top: 27px;
    display: block
}

.fp_cource {
    padding: 42px 0 27px
}

.cource_cal, .cource_feature {
    padding: 0 0 27px
}

.features-box {
    border: 1px solid #d7d8d9;
    margin-bottom: 5px
}

.features-box .features-box-top .features-boxhead h3 {
    font-size: 18px;
    font-weight: bold;
    display: block;
    background: #0277a3;
    color: #FFF;
    padding: 15px 26px;
    position: relative;
    margin-bottom: 0;
    margin-top: 0 !important
}

.features-box .features-box-btm {
    padding: 12px 15px 15px
}

.features-box .features-box-btm .features-boxdescription {
    margin-bottom: 13px
}

.features-box .features-box-btm .features-boxdescription h5 {
    font-weight: bold;
    font-size: 14px;
    line-height: 28px
}

.features-box .features-box-btm .features-boxdescription p {
    font-size: 14px;
    line-height: 20px
}

.cal-box {
    border: 1px solid #d7d8d9;
    padding: 20px 10px
}

.cal-box .cal-box-head {
    margin-bottom: 15px
}

.cal-box .cal-box-head h3 {
    color: #0277a3;
    margin-bottom: 0;
    margin-top: 0 !important
}

.cal-box .cal-box-contents .cal-links ul {
    padding: 0;
    margin-bottom: 0
}

.cal-box .cal-box-contents .cal-links ul li {
    list-style: none
}

.cal-box .cal-box-contents .cal-links ul li::before {
    display: none
}

.cal-box .cal-box-contents .cal-links ul li a {
    display: block;
    background: #4fb5d7;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
    padding: 5px
}

.cal-box .cal-box-contents .cal-links ul li a:hover {
    background: #70c3df
}

.fp_cource-box {
    border: 1px solid #d7d8d9;
    margin-bottom: 5px;
    position: relative
}

.fp_cource-box.fp_cource-box-bekka .fp_cource-box-btm {
    padding-bottom: 65px
}

.fp_cource-box .fp_cource-boxWraplink {
    display: block;
    color: #333;
    text-decoration: none
}

.fp_cource-box .fp_cource-boxWraplink:hover {
    opacity: 0.85
}

.fp_cource-box .fp_cource-box-top .fp_cource-boxhead h3 {
    font-size: 22px;
    font-weight: bold;
    display: block;
    background: #4fb5d7;
    color: #FFF;
    padding: 42px 66px 35px 26px;
    position: relative;
    text-decoration: none
}

.fp_cource-box .fp_cource-box-top .fp_cource-boxhead h3::after {
    content: '';
    position: absolute;
    right: 22px;
    top: 50%;
    margin-top: -14px;
    display: block
}

.fp_cource-box .fp_cource-box-top .fp_cource-boxhead2 h3 {
    padding: 20px 71px 19px 26px
}

.fp_cource-box .fp_cource-box-top .fp_cource-boxthumb {
    position: relative
}

.fp_cource-box .fp_cource-box-top .fp_cource-boxthumb-img img {
    height: auto;
    max-width: 100%
}


.fp_bulletin-boxthumb-img img {
    height: auto;
    max-width: 140px;
}

.fp_column-boxthumb-img {
    width: 140px;
    height: 140px;
    flex: 0 0 auto;
}

.fp_column-boxthumb-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


@media only screen and (max-width: 767px) {
    /* 767px以下に適用されるCSS（タブレット用） */

    .fp_bulletin-boxthumb-img img {
        height: auto;
        max-width: 115.19px;
    }

    .fp_column-boxthumb-img {
        width: 115.19px;
        height: 115.19px;
    }

}




.fp_cource-box .fp_cource-box-top .fp_cource-boxthumb-txt {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0
}

.fp_cource-box .fp_cource-box-top .fp_cource-boxthumb-txt span {
    display: block;
    background: rgba(255, 255, 255, 0.6);
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
    padding: 12px 16px 11px
}

.fp_cource-box .fp_cource-box-top .fp_cource-boxthumb-txt2 span {
    font-size: 14px;
    line-height: 19px
}

.fp_cource-box .fp_cource-box-btm {
    padding: 12px 15px 15px
}

.fp_cource-box .fp_cource-box-btm .fp_cource-boxdescription {
    margin-bottom: 13px
}

.fp_cource-box .fp_cource-box-btm .fp_cource-boxdescription h5 {
    font-weight: bold;
    font-size: 14px;
    line-height: 28px
}

.fp_cource-box .fp_cource-box-btm .fp_cource-boxdescription p {
    font-size: 14px;
    line-height: 20px
}

.fp_cource-box .fp_cource-box-btm .fp_cource-boxlink-spacer {
    min-height: 51px
}

.fp_cource-box .fp_cource-boxlink {
    position: absolute;
    font-size: 14px;
    line-height: 32px;
    font-weight: bold;
    text-align: center;
    width: 100%;
    bottom: 15px;
    left: 0
}

.fp_sec9-boxlink div a {
    border: 3px solid #4fb5d7;
    display: block;
    padding: 8px 6px 5px;
    position: relative;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.fp_cource-box .fp_cource-boxlink .fp_cource-boxlinkInner {
    padding: 0 15px
}

.fp_sec9-boxlinkInner {
    padding: 0 15px
}

.fp_cource-box .fp_cource-boxlink a {
    border: 3px solid #4fb5d7;
    display: block;
    padding: 8px 6px 5px;
    position: relative;
    text-decoration: none
}

.fp_cource-box .fp_cource-boxlink a::after {
    content: '';
    position: absolute;
    right: 22px;
    top: 12px;
    display: block
}

.fp_cource-box .fp_cource-boxlink a:hover {
    background-color: #4fb5d7;
    color: #FFF
}

.fp_sec9-boxlink a:hover {
    background-color: #4fb5d7;
    color: #FFF
}

.fp_features {
    margin-bottom: 32px
}

.fp_features .featuresWrap {
    border: 4px solid #0277a3;
    padding: 10px
}

.fp_features .featuresWrapOuterSpace {
    position: relative
}

.fp_features .featuresWrapOuterSpace::after {
    content: '';
    display: block;
    position: absolute;
    background-color: #0277a3;
    width: 1px;
    height: 100%;
    left: 50%;
    top: 0
}

.fp_features .featuresWrapTable {
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
    min-height: 156px
}

.fp_features .featuresWrapTable1 {
    border-bottom: 1px solid #0277a3
}

.fp_features .featuresBox {
    display: table-cell;
    width: 50%;
    table-layout: fixed;
    position: relative
}

.fp_features .featuresBox .featuresBoxInner {
    padding: 26px
}

.fp_features .featuresBox.feature1 .featuresBoxInner, .fp_features .featuresBox.feature2 .featuresBoxInner {
    padding: 15px 16px 34px
}

.fp_features .featuresBox.feature3 .featuresBoxInner, .fp_features .featuresBox.feature4 .featuresBoxInner {
    padding: 15px 16px 34px
}

.fp_features .featuresBox.feature1 .featuresBoxInner::after, .fp_features .featuresBox.feature2 .featuresBoxInner::after, .fp_features .featuresBox.feature3 .featuresBoxInner::after, .fp_features .featuresBox.feature4 .featuresBoxInner::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: #FFF;
    z-index: 10
}

.fp_features .featuresBox.feature1 .featuresBoxInner::after {
    right: -1px;
    bottom: -1px
}

.fp_features .featuresBox.feature2 .featuresBoxInner::after {
    left: -1px;
    bottom: -1px
}

.fp_features .featuresBox.feature3 .featuresBoxInner::after {
    right: -1px;
    top: -1px
}

.fp_features .featuresBox.feature4 .featuresBoxInner::after {
    left: -1px;
    top: -1px
}

.fp_features .featuresBox img {
    float: left
}

.fp_features .featuresBox .feature_contents {
    padding-left: 84px
}

.fp_features .featuresBox h3 {
    font-size: 22px;
    line-height: 22px;
    color: #0277a3;
    font-weight: bold;
    margin-top: 4px
}

.fp_features .featuresBox p {
    margin-top: 12px;
    font-size: 14px;
    line-height: 20px;
    color: #0277a3
}

.fp_features .featuresBox span {
    font-size: 11px;
    line-height: 16px
}

.fp_news {
    /* margin-bottom: 40px; */
    padding-top: 42px;
    /* padding-bottom: 27px */
}

.fp_bannarBox a {
    display: block;
    background: #4fb5d7;
    text-decoration: none;
    padding: 30px 20px;
    position: relative
}

.fp_bannarBox a:hover {
    background: #5FC0E0
}

.fp_bannarBox a::after {
    content: '';
    position: absolute;
    display: block
}

.fp_bannarBox a::after {
    right: 21px;
    top: 27px
}

.fp_bannarBox h3 {
    font-size: 20px;
    line-height: 22px;
    font-weight: bold;
    color: #FFF;
    padding-left: 62px;
    margin-bottom: 31px
}

.fp_bannarBox p {
    font-size: 11px;
    line-height: 18px;
    color: #FFF
}

.fp_bannarBox img {
    position: absolute;
    left: 20px;
    top: 13px
}



/* .fp_fbboxwrap h3 {
    font-size: 18px;
    line-height: 20px;
    color: #0277a3;
    font-weight: bold;
    margin-bottom: 10px
}

.fp_fbboxwrap .fp_fbbox {
    width: 100%;
    height: 418px
}

.fp_fbboxwrap .fp_fbbox .fb-page {
    display: block
}

.fp_fbboxwrap .fp_fbbox .fb-page span {
    width: 100% !important;
    display: block
}

.fp_fbboxwrap .fp_fbbox iframe {
    width: 100% !important
}

.fp_fbboxwrap .fp_fblink {
    text-align: right;
    font-size: 12px;
    padding-top: 10px;
    line-height: 16px
}

.fp_fbboxwrap .fp_fblink a img {
    margin-left: 5px
} */

.fp_newsBox {
    border: 1px solid #d7d8d9;
    padding: 20px 20px 0
}

.fp_newsBox h3 {
    font-size: 18px;
    line-height: 20px;
    color: #0277a3;
    font-weight: bold;
    margin-bottom: 15px
}

.fp_newsBox .fp_newsBox_scroll {
    overflow-y: scroll;
    height: 240px;
    padding-right: 10px;
}

@media only screen and (max-width: 767px) {
    .fp_newsBox .fp_newsBox_scroll {
        height: 320px
    }
}



.artindex_news .partsBoxIndex {
    margin-bottom: 14px
}

.artindex_news .partsBoxDate {
    font-size: 11px;
    line-height: 16px;
    float: left;
    font-weight: bold
}

.partsBoxMeta-column {
    display: flex;
}

.partsBoxDate-column {
    display: inline-block;
    line-height: 3.2;
    margin-right: 10px;
}

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

    .partsBoxDate-column {
        font-size: 12px;
        color: #AAA;
        margin-bottom: 8px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
        line-height: 1.8;
    }



}


.artindex_news .partsBoxCat {
    padding-left: 110px
}

.artindex_news .partsBoxCat ul li {
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #0277a3;
    background: #0277a3;
    margin-right: 3px;
    padding: 0 4px;
    line-height: 14px;
    color: #FFF;
    text-decoration: none;
    font-size: 10px
}

.artindex_news .partsBoxCat ul li.artterm_new {
    background: #FFF;
    color: #0277a3
}

.artindex_news .partsBoxTitle {
    padding-top: 6px;
    margin-bottom: 5px
}

.artindex_news .partsBoxTitle h3 {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 0
}

.artindex_news .partsBoxTitle h3 a {
    text-decoration: underline
}

.artindex_news .partsBoxTitle h3 a:hover {
    text-decoration: none
}

.artindex_news .partsBoxDescription p {
    font-size: 11px;
    line-height: 16px;
    color: #333
}

.partsBoxArtList .partsBoxInner .partsBoxIndex {
    margin-bottom: 20px
}

.partsBoxArtList .partsBoxInner .partsBoxIndex .partsBoxThumb {
    width: 150px;
    height: 150px;
    float: left
}

.partsBoxArtList .partsBoxInner .partsBoxIndex .partsBoxThumb a {
    display: block;
    background: #F5F5F5
}

.partsBoxArtList .partsBoxInner .partsBoxIndex .partsBoxContents {
    padding-left: 170px
}

.partsBoxArtList .partsBoxInner .partsBoxIndex .partsBoxContents .partsBoxDate {
    font-size: 12px;
    color: #AAA;
    margin-bottom: 8px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}

.partsBoxArtList .partsBoxInner .partsBoxIndex .partsBoxContents .postTerms {
    display: inline-block;
    margin-bottom: 10px;
    vertical-align: middle
}

.partsBoxArtList .partsBoxInner .partsBoxIndex .partsBoxContents .postTerms ul li {
    display: inline-block;
    margin-right: 5px;
    float: none
}

.partsBoxArtList .partsBoxInner .partsBoxIndex .partsBoxContents .postTerms ul li a {
    display: block;
    background: #4fb5d7;
    color: #FFF;
    padding: 0 5px;
    font-size: 12px;
    text-decoration: none
}



.partsBoxArtList .partsBoxInner .partsBoxIndex .partsBoxContents .postTerms ul li a:hover {
    opacity: 0.85
}

.partsBoxArtList .partsBoxInner .partsBoxIndex .partsBoxContents .partsBoxTitle {
    margin-bottom: 8px
}

.partsBoxArtList .partsBoxInner .partsBoxIndex .partsBoxContents .partsBoxTitle h3 {
    font-size: 18px;
    font-weight: bold
}

.partsBoxArtList .partsBoxInner .partsBoxIndex .partsBoxContents .partsBoxDescription {
    margin-bottom: 10px
}

.partsBoxArtList .partsBoxInner .partsBoxIndex .partsBoxContents .partsBoxDescription p {
    font-size: 13px
}

.partsBoxArtList .partsBoxInner .partsBoxIndex .partsBoxContents .partsBoxIndexBtmLink {
    font-size: 13px
}

.partsBoxArtList .partsBoxInner .partsBoxIndex.partsBoxIndexNothumb .partsBoxContents {
    padding-left: 0
}


#container .cource_dtwul {
    padding-left: 0;
    margin-bottom: 0
}

#container .cource_dtwul .cource_dtwlist {
    list-style: none;
    text-align: center;
    line-height: 30px;
    height: 30px;
    display: block;
    float: left;
    margin-right: 5px
}

#container .cource_dtwul .cource_dtwlist::before {
    width: 30px;
    height: 30px;
    background: #0277a3;
    color: #FFF;
    position: static;
    border-radius: 50%;
    display: inline-block
}

#container .cource_dtwul .cource_dtwlist_MON::before {
    content: '月'
}

#container .cource_dtwul .cource_dtwlist_TUE::before {
    content: '火'
}

#container .cource_dtwul .cource_dtwlist_WED::before {
    content: '水'
}

#container .cource_dtwul .cource_dtwlist_THU::before {
    content: '木'
}

#container .cource_dtwul .cource_dtwlist_FRI::before {
    content: '金'
}

#container .cource_dtwul .cource_dtwlist_SAT::before {
    content: '土'
}

#container .cource_dtwul .cource_dtwlist_SUN::before {
    content: '日'
}

#container .cource_tabwrap {
    margin-bottom: 30px
}

#container .cource_tabwrap .cource_tablist .cource_tab {
    margin-bottom: -1px;
    background: #EEE;
    border: 1px solid #CCC;
    float: left;
    padding: 3px 10px;
    margin-right: -1px;
    font-size: 12px;
    font-weight: bold
}

#container .cource_tabwrap .cource_tablist .cource_tab.active {
    background: #4fb5d7;
    color: #FFF
}

#container .cource_tabwrap .cource_tablist .cource_tab span {
    cursor: pointer;
    display: block
}

#container .cource_tabwrap .cource_tabcontents {
    border: 1px solid #CCC;
    padding: 20px
}

#container .cource_tabwrap .cource_tabcontents .cource_tabcon {
    display: none
}

#container .cource_tabwrap .cource_tabcontents .cource_tabcon.active {
    display: block
}

.toTop:hover {
    background: #4fb5d7
}

.sideTitle {
    font-size: 15px
}

.sidemenuList {
    margin-bottom: 19px
}

.sidemenuList ul li {
    font-size: 14px
}

.sidemenuList ul li a {
    display: block;
    padding: 13px 14px 8px;
    text-decoration: none
}

.sidemenuList ul li.sideTitle {
    font-size: 15px
}

.sidemenuList ul li.sideTitle a {
    color: #333;
    text-decoration: none;
    border: 0 none;
    cursor: default
}

.sidemenuList ul li.sideTitle a:hover {
    color: #333 !important;
    background: #e2e6e9 !important
}

.sidemenuList ul li.sideTitle>a {
    font-size: 15px;
    background: #e2e6e9;
    padding: 13px 10px 7px 16px
}

.sidemenuList ul li.labelheader {
    padding-bottom: 8px
}

.sidemenuList ul li.labelheader a {
    font-size: 15px;
    cursor: default;
    text-decoration: none;
    color: #333;
    border-bottom: 0 none
}

.sidemenuList ul li.sideBtn {
    margin-bottom: 10px;
    display: table;
    width: 100%
}

.sidemenuList ul li.sideBtn a {
    display: table-cell;
    vertical-align: middle;
    background: #f2b43c;
    text-align: center;
    color: #FFF;
    text-decoration: none;
    padding: 20px 5px 16px 34px;
    font-size: 14px;
    line-height: 1.3;
    margin: 0 auto;
    position: relative;
    height: 54px
}

.sidemenuList ul li.sideBtn a:hover {
    background: #f6bf56
}

.sidemenuList ul li.sideBtn_Mail a {
    padding: 20px 5px 16px 34px
}

.sidemenuList ul li.sideBtn_Mail a::before {
    content: '';
    display: block;
    position: absolute;
    left: 11px;
    top: 15px;
    vertical-align: middle;
    background: url('../images/theme/cvbtn_mail.png?1454066102');
    width: 31px;
    height: 24px
}

.sidemenuList ul li.sideBtn_Note a {
    padding: 14px 5px 7px 5px
}

.sidemenuList ul li.sideBtn_Note a::before {
    content: '';
    display: block;
    position: absolute;
    left: 11px;
    top: 17px;
    vertical-align: middle;
    background: url('../images/theme/cvbtn_note.png?1454066118');
    width: 31px;
    height: 25px
}

.sidemenuList ul li.boxborder_side {
    border-right: 2px solid #e8e9e9;
    border-left: 2px solid #e8e9e9;
    border-bottom: 1px solid #e8e9e9
}

.sidemenuList ul li.boxborder_side a:hover {
    background: #4fb5d7;
    color: #FFF
}

.sidemenuList ul li.boxborder_end {
    border-right: 2px solid #e8e9e9;
    border-left: 2px solid #e8e9e9;
    border-bottom: 2px solid #e8e9e9;
    margin-bottom: 20px
}

.sidemenuList ul li.boxborder_end a:hover {
    background: #4fb5d7;
    color: #FFF
}

.sidemenuList ul li.boxspacer {
    height: 20px;
    border: 0 none
}

.sidemenuList ul li .sub-menu a {
    padding-left: 29px
}

.sidemenuList ul li .sub-menu a:hover {
    background: #4fb5d7;
    color: #FFF
}

.sidemenuList ul li .sub-menu>li {
    border-bottom: 1px solid #e8e9e9
}

.sidemenuList ul li .sub-menu>li:nth-last-of-type(1) {
    border-bottom: 0 none
}

.sidemenuList ul li .sub-menu.labelheader {
    padding-bottom: 8px
}

.sidemenuList ul li .sub-menu.labelheader a {
    font-weight: bold;
    font-size: 15px;
    cursor: default;
    text-decoration: none;
    color: #333;
    border-bottom: 0 none
}

.sidemenuList ul li.labelexpand {
    position: relative
}

.sidemenuList ul li.labelexpand>a {
    padding-right: 37px
}

.sidemenuList ul li.labelexpand ul {
    overflow: hidden;
    max-height: 0
}

.sidemenuList ul li.labelexpand .submenuWrap {
    overflow: hidden;
    max-height: 0;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease
}

.sidemenuList ul li.labelexpand .submenuWrap ul {
    overflow: hidden;
    max-height: none
}

.sidemenuList ul li.labelexpand .toggleList {
    width: 15px;
    height: 15px;
    background: url('../images/theme/sidemenu_arrow2.png?1454065690') no-repeat center center #4fb5d7;
    border-radius: 50%;
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 2;
    cursor: pointer
}

.sidemenuList ul li.labelexpand.current-menu-item .toggleList {
    background: url('../images/theme/sidemenu_arrow.png?1454065682') no-repeat center center #FFF
}

.sidemenuList ul .current-menu-item>a {
    background: #4fb5d7;
    color: #FFF
}

.sidemenuList ul .current-menu-item .submenuWrap a:hover {
    background: #4fb5d7;
    color: #FFF
}

.sidemenuList ul .current-menu-item .submenuWrap .current-menu-item>a {
    color: #4fb5d7;
    background: #FFF
}

.sidemenuList ul .current-menu-item .submenuWrap .current-menu-item>a:hover {
    background: #4fb5d7;
    color: #FFF
}

.sideBoxSubmitBtns ul li {
    margin-bottom: 10px
}

.sideBoxSubmitBtns ul li a {
    display: block;
    background: #f2b43c;
    text-align: center;
    color: #FFF;
    text-decoration: none;
    padding: 5px;
    font-size: 13px;
    margin: 0 auto
}

.sideBoxSubmitBtns ul li a:hover {
    background: #f6bf56
}

.sidemenuListArt {
    border: 2px solid #e8e9e9;
    border-bottom: 1px solid #e8e9e9;
    margin-bottom: 19px
}

.sidemenuListArt .sidemenuListArtHead {
    font-size: 15px;
    font-size: 1.5rem;
    color: #333;
    text-decoration: none;
    border: 0 none;
    cursor: default;
    background: #e2e6e9;
    padding: 13px 10px 7px 16px
}

.sidemenuListArt ul li {
    font-size: 14px;
    border-bottom: 1px solid #e8e9e9
}

.sidemenuListArt ul li .sideDate {
    color: #999;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.2;
    padding: 12px 14px 0
}

.sidemenuListArt ul li .sideTerms {
    padding: 5px 14px 0
}

.sidemenuListArt ul li .sideTerms span {
    display: inline-block;
    margin-right: 5px
}

.sidemenuListArt ul li .sideTerms span a {
    display: block;
    background: #4fb5d7;
    color: #FFF;
    padding: 0 5px;
    font-size: 12px;
    text-decoration: none
}

.sidemenuListArt ul li .sidemenuListArtLink {
    display: block;
    padding: 5px 14px 8px
}

.postTitle {
    border-bottom: 2px dotted #0277a3;
    border-left: 8px solid #0277a3;
    padding: 0 0 0 14px;
    margin-bottom: 40px;
}

.postTitle h1 {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1.48;
    letter-spacing: 0.05em;
    color: #0277a3;
    font-weight: bold
}

.postTitle h1.font_simhei {
    font-family: SimHei !important
}

.postDate {
    color: #999;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.2;
    margin-bottom: 10px
}

.postTerms {
    margin-bottom: 6px
}

.postTerms ul li {
    float: left;
    margin-right: 5px
}

.postTerms ul li a {
    display: block;
    background: #4fb5d7;
    color: #FFF;
    padding: 5px 10px;
    font-size: 12px;
    text-decoration: none
}

.postTerms ul li a:hover {
    opacity: 0.85
}

.postMainview {
    max-width: 720px;
    margin: 0 auto 20px
}

.postMainviewImg {
    text-align: center
}

.postMainviewTxt {
    background: #0277a3;
    padding: 10px 20px
}

.postMainviewTxt p {
    color: #FFF;
    font-size: 20px;
    font-size: 2rem
}

.postContent {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.9
}




.postContent h2 {
    font-size: 20px;
    font-size: 20px;
    font-size: 2rem;
    line-height: 32px;
    margin: 15px 0 20px
}

.postContent h2 .h2inline {
    border-bottom: 3px solid #333;
    display: inline-block
}

.postContent h3 {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 25px;
    margin-top: 15px;
    font-weight: bold
}

.postContent h4 {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 25px;
    font-weight: bold
}

.postContent p {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 25px
}



.postContent h4+p {
    color: #333
}

.postContent ol, .postContent ul {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 25px;
    padding-left: 21px
}

.postContent ol li, .postContent ul li {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 9px;
    line-height: 1.6;
    position: relative
}

.postContent ol li::before, .postContent ul li::before {
    content: '';
    display: block;
    position: absolute
}

.postContent ul li::before {
    width: 5px;
    height: 5px;
    background: #333;
    border-radius: 2px;
    top: 8px;
    left: -18px
}

.postContent ol {
    counter-reset: number
}

.postContent ol li::before {
    counter-increment: number;
    content: counter(number);
    top: 0;
    left: -18px;
    font-weight: bold
}

.postContent a {
    text-decoration: underline
}

.postContent .font_simsun {
    font-family: SimSun !important
}

.postContent .font_simhei {
    font-family: SimHei !important
}

.postContent table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 1px;
    margin-bottom: 30px;
    text-align: left
}

.postContent table th, .postContent table td {
    vertical-align: top;
    padding: 8px;
    line-height: 1.3
}

.postContent table th.alignmiddle, .postContent table td.alignmiddle {
    vertical-align: middle
}

.postContent table th {
    background: #e2e6e9;
    border: 1px solid #d7d8d9;
    color: #333
}

.postContent table td {
    border: 1px solid #d7d8d9
}

.postContent .cource_table thead th {
    background: #caced0
}

.postContent .cource_table tbody th {
    font-size: 13px;
    width: 120px;
    background: #e2e6e9;
    color: #333
}

.postContent .cource_table_link {
    margin-bottom: 5px
}

.postContent .cource_table_link a {
    display: block;
    background: #4fb5d7;
    padding: 8px;
    font-size: 11px;
    color: #FFF;
    text-decoration: none
}

.postContent .cource_table_link a:hover {
    background: #70c3df
}

.postContent blockquote {
    background: #e2e6e9;
    padding: 40px 15px 20px;
    margin: 0 auto 25px;
    position: relative
}

.postContent blockquote * {
    position: relative;
    z-index: 1
}

.postContent .cource_pagelink {
    margin-bottom: 40px
}

.postContent .cource_pagelink .pagelink a {
    display: block;
    border: 3px solid #4fb5d7;
    padding: 8px 6px 5px;
    position: relative;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    position: relative
}

.postContent .cource_pagelink .pagelink a::after {
    content: '';
    display: inline-block;
    border: 5px solid transparent;
    border-top-color: #4fb5d7;
    margin: 0 0 -2px 5px
}

.postContent .cource_pagelink .pagelink a:hover {
    background: #4fb5d7;
    color: #FFF
}

.postContent .cource_pagelink .pagelink a:hover::after {
    border-top-color: #FFF
}

.postContent .levelwrap {
    background: #EEE;
    border: 1px solid #CCC;
    padding: 15px;
    margin-bottom: 30px;
    position: relative
}

.postContent .levelwrap .levelinfo {
    position: absolute;
    right: -9px;
    top: 19px;
    background: #0277a3;
    color: #FFF;
    font-size: 14px;
    text-align: center;
    padding: 5px 10px
}

.postContent .levelwrap .levelinfo .arrow {
    display: block;
    position: absolute;
    right: 0px;
    bottom: -8px;
    overflow: hidden;
    height: 8px;
    width: 8px
}

.postContent .levelwrap .levelinfo .arrow::before {
    content: '';
    display: block;
    border: 8px solid transparent;
    border-top-color: #034158;
    position: absolute;
    right: 0;
    top: 0
}

.postContent .levelwrap .group_name {
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 12px;
    padding-right: 118px
}

.postContent .levelwrap .group_infowrap {
    margin-bottom: 5px
}

.postContent .levelwrap .group_infowrap .group_entrance_fee, .postContent .levelwrap .group_infowrap .group_tuition_fee, .postContent .levelwrap .group_infowrap .group_txt_fee {
    float: left;
    margin-right: 10px;
    font-weight: bold;
    font-size: 13px;
    line-height: 1.5
}

.postContent .levelwrap .group_time {
    clear: both;
    font-size: 13px;
    line-height: 1.5
}

.postContent .levelwrap .group_capacity {
    font-size: 13px;
    line-height: 1.5
}

.postContent .levelwrap .cource_listwrap {
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    margin-top: 10px;
    background: #FFF;
    margin-bottom: 10px;
    padding: 10px;
    box-shadow: 0 0 7px 0 #E0E0E0;
    position: relative
}

.postContent .levelwrap .cource_listwrap .couselist_title {
    font-weight: bold;
    font-size: 15px
}

.postContent .levelwrap .cource_listwrap .couselistlabelwrap {
    margin-bottom: 5px
}

.postContent .levelwrap .cource_listwrap .couselistlabelwrap .couselistlabel {
    background: #EEE;
    border: 1px solid #CCC;
    float: left;
    padding: 3px 10px;
    font-size: 12px;
    font-weight: bold;
    margin-right: 5px
}

.postContent .levelwrap .cource_listwrap .cource_dtw {
    margin-bottom: 5px
}

.postContent .levelwrap .cource_listwrap .cource_dtw .cource_dtwul {
    float: left;
    margin-right: 10px
}

.postContent .levelwrap .cource_listwrap .cource_dtw .cource_dtwul .cource_dtwlist {
    margin-bottom: 0
}

.postContent .levelwrap .cource_listwrap .cource_dtw .cource_time {
    line-height: 30px
}

.postContent .levelwrap .cource_listwrap .cource_dtw .cource_remark {
    font-size: 13px;
    line-height: 1.4;
    margin-top: 9px;
    border-left: 4px solid #E5E5E5;
    padding-left: 9px
}

.postContent .levelwrap .cource_listwrap .cource_tgt {
    float: left
}

.postContent .levelwrap .cource_listwrap .cource_link {
    float: right
}

.postContent .levelwrap .cource_listwrap .cource_link a {
    display: block;
    background: #4fb5d7;
    color: #FFF;
    text-decoration: none;
    padding: 2px 5px;
    font-size: 12px;
    font-weight: bold
}

.postContent .levelwrap .cource_listwrap .cource_link a:hover {
    background: #70c3df
}

.postContent .list-box-wrap {
    margin-bottom: 30px
}

.postContent .list-box {
    border: 1px solid #d7d8d9;
    padding: 20px 10px
}

.postContent .lightboximg.aligncenter {
    text-align: center
}

.postContent .lightboximg.alignleft {
    text-align: left
}

.postContent .lightboximg.alignright {
    text-align: right
}

.postContent .thumb {
    display: block;
    position: relative;
    margin-bottom: 20px
}

.postContent .thumb img {
    width: auto;
    margin: 0;
    max-width: 100%
}

.postContent .thumb::after {
    content: '';
    position: absolute;
    display: block;
    background: url('../images/theme/expandimg.png?1453540314') no-repeat center center;
    right: 5px;
    bottom: 5px;
    width: 20px;
    height: 20px;
    cursor: pointer
}

.postContent .linkPos {
    padding-top: 94px;
    margin-top: -94px
}

.postContent .btnsWrap_cv {
    text-align: center;
    margin-bottom: 25px
}

.postContent .btnsWrap_cv .btns_cv {
    display: inline-block;
    vertical-align: top;
    margin: 0 1%;
    width: 42%
}

.postContent .btnsWrap_cv .btns_cv a {
    display: block;
    background: #f2b43c;
    color: #FFF;
    font-size: 18px;
    height: 81px;
    line-height: 82px;
    position: relative;
    width: 100%;
    text-decoration: none
}

.postContent .btnsWrap_cv .btns_cv a:hover {
    background-color: #f6bf56
}

.postContent .btnsWrap_cv .btns_cv a::before {
    opacity: 0.7;
    content: '';
    position: absolute;
    left: 8px;
    top: 14px;
    display: block
}

.postContent .btnsWrap_cv .btns_cv a::after {
    content: '';
    position: absolute;
    right: 20px;
    top: 27px;
    display: block
}

.postContent .btnsWrap_cv .btns_cv.contact a::before {
    background: url('../images/theme/icon-mail.png?1450804180') no-repeat center center;
    width: 40px;
    height: 51px;
    background-size: contain
}

.postContent .btnsWrap_cv .btns_cv.public a::before {
    background: url('../images/theme/icon-book.png?1450804196') no-repeat center center;
    width: 40px;
    height: 52px;
    background-size: contain
}

.postContent .btns_cv_s {
    margin-bottom: 25px;
    text-align: center
}

.postContent .btns_cv_s a {
    display: inline-block;
    background: #f2b43c;
    text-align: center;
    color: #FFF;
    text-decoration: none;
    padding: 20px 34px 16px;
    font-size: 13px;
    margin: 0 auto
}

.postContent .btns_cv_s a:hover {
    background: #f6bf56
}

.postContent .form-submitBtn {
    text-align: center
}

.parentGroup {
    background: #EEE;
    border: 1px solid #CCC;
    padding: 15px;
    margin-bottom: 30px
}

.parentGroup .group_name {
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 12px
}

.parentGroup .group_infowrap {
    margin-bottom: 5px
}

.parentGroup .group_infowrap .group_entrance_fee, .parentGroup .group_infowrap .group_tuition_fee, .parentGroup .group_infowrap .group_txt_fee {
    float: left;
    margin-right: 10px;
    font-weight: bold;
    font-size: 13px;
    line-height: 1.5
}

.parentGroup .group_time {
    clear: both;
    font-size: 13px;
    line-height: 1.5
}

.parentGroup .group_capacity {
    font-size: 13px;
    line-height: 1.5
}

.cource_parts {
    clear: both;
    margin-bottom: 30px
}

.sortLevel {
    font-size: 14px;
    margin-bottom: 20px
}

.sortLevel .sortLevelTxt {
    float: left;
    font-weight: bold;
    margin-right: 10px
}

.sortLevel .sortLevelBtns {
    float: left
}

.sortLevel .sortLevelBtns div {
    background: #EEE;
    border: 1px solid #CCC;
    float: left;
    padding: 1px 10px;
    font-size: 12px;
    font-weight: bold;
    margin-right: -1px;
    cursor: pointer
}

.sortLevel .sortLevelBtns div.active {
    background: #0277a3;
    color: #FFF
}

.fancybox-nav span {
    display: block !important;
    visibility: visible !important
}

.linkPos {
    padding-top: 94px;
    margin-top: -94px
}

.partsBoxPageNavi span, .partsBoxPageNavi a {
    display: inline-block;
    font-size: 12px;
    border: 1px solid #CCC;
    padding: 2px 7px;
    background: #FFF;
    margin-left: 3px
}

.partsBoxPageNavi .current {
    background: #4fb5d7;
    border: 1px solid #4fb5d7;
    color: #FFF
}

.formBox input, .formBox textarea {
    box-sizing: border-box;
    max-width: 100%
}

.formBox .formIndex {
    margin-bottom: 10px
}

.pc {
    display: block
}

.mobile {
    display: none
}

@media only screen and (min-width: 768px) {
    a:hover img {
        opacity: 0.85
    }

    .partsBoxArtList .partsBoxIndex .partsBoxThumb a:hover {
        opacity: 0.85
    }

    .postContent .list-box-wrap {
        margin-bottom: 30px
    }

    .postContent .list-box-wrap .row .col-md-6, .postContent .list-box-wrap .row .col-sm-6 {
        margin-top: 0
    }

    .col-fx-sec9 {
        display: flex;
        justify-content: space-between;
        margin-bottom: 20px;
    }

    .ol-fx-9:last-child {
        margin-bottom: 0;
    }

    .col-txt-9 {
        margin-left: 15px;
    }

    .col-txt-9 a {
        color: #4fb5d7;
        font-size: 18px;
        font-weight: bold;
    }

    .col-txt-9 p {
        font-size: 14px;
    }

    .col1grid {
        float: none !important;
        margin: 0 auto !important
    }
}

@media (max-width: 991px) {
    .fp_btns ul li {
        width: 350px
    }
}

@media only screen and (max-width: 767px) {
    #wrapper .sideCol {
        display: none
    }

    #wpadminbar {
        display: none !important
    }

    .pc {
        display: none
    }

    .mobile {
        display: block
    }

    body {
        background-color: #EEE
    }

    .commonMW {
        min-width: 0
    }

    .commonOuter {
        width: auto;
        padding: 0 10px
    }

    .mainCol, .sideCol {
        float: none;
        width: auto
    }

    #sideCol {
        display: none
    }

    #mainView .commonOuter {
        padding: 0
    }

    .rd-mobilepanel {
        width: 56px;
        background: none;
        box-shadow: 0 0 0 0 transparent
    }

    .rd-mobilepanel_title {
        display: none;
        line-height: 36px;
        padding-top: 5px
    }

    .rd-mobilepanel_title a {
        display: block
    }

    #header .container {
        padding-top: 12px;
        margin-bottom: 0;
        padding-bottom: 6px
    }

    #header .list-header {
        margin: 0;
        text-align: center;
        display: none
    }

    #header .header-cnt {
        text-align: left
    }

    #header .navbar-cnt .navbar-brand {
        float: none;
        line-height: 26px
    }

    #header .navbar-cnt .navbar-brand img {
        padding-top: 4px;
        max-width: 200px
    }

    #header .camera_container {
        padding-bottom: 300px
    }

    #header .camera_caption h2 {
        padding: 0 0 12px
    }

    #header .camera_caption h2 span {
        padding: 10px;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: normal
    }

    #header .camera_pag_ul {
        margin-left: 10px;
        margin-top: -20px
    }

    #header .camera_pag_ul li {
        height: 10px;
        width: 10px;
        line-height: 10px
    }

    #header .camera_pag {
        width: auto
    }

    .navbar-header {
        margin-top: 0;
        padding-left: 39px;
        display: block;
        margin-bottom: 0;
        padding-bottom: 10px
    }

    .rd-mobilepanel_toggle {
        width: 38px;
        height: 38px;
        top: 8px;
        background-color: #EEE;
        padding: 3px
    }

    #pankuzuBox {
        padding: 10px
    }

    #container.postContainer {
        padding-top: 0;
        background: #FFF
    }

    .partsBoxPostContents {
        padding-top: 10px
    }

    .postTitle {
        margin-bottom: 20px
    }

    .postTitle h1 {
        font-size: 23px
    }

    .postDate {
        padding-top: 10px
    }

    .postContent .cal-box, .postContent .features-box, .postContent .list-box {
        height: auto !important
    }

    .postContent .cource_pagelink {
        margin-bottom: 20px
    }

    .postContent .cource_pagelink .pagelink {
        margin-top: 0
    }

    .postContent .table_mobile_scroll {
        position: relative;
        padding-top: 10px
    }

    .postContent .table_mobile_scroll::before {
        content: "スワイプでスクロール >>";
        display: block;
        width: 175px;
        margin-left: auto;
        text-align: center;
        padding: 0 10px;
        font-size: 12px;
        background: #EEE
    }

    .postContent .table_mobile_scroll .table_mobile_scroll_inner {
        overflow-x: scroll;
        clear: both
    }

    .postContent .table_mobile_scroll table {
        width: 750px
    }

    .postContent .btnsWrap_cv {
        padding: 0;
        letter-spacing: -.40em
    }

    .postContent .btnsWrap_cv::after {
        content: '';
        clear: both;
        display: block
    }

    .postContent .btnsWrap_cv .btns_cv {
        width: 50%;
        margin: 0;
        letter-spacing: normal
    }

    .postContent .btnsWrap_cv .btns_cv a {
        width: auto;
        font-size: 12px;
        font-weight: bold;
        line-height: 50px;
        height: 50px;
        margin: 0 2% 2%
    }

    .postContent .btnsWrap_cv .btns_cv a::after {
        display: none
    }

    .postContent .btnsWrap_cv .btns_cv a::before {
        opacity: 0.6 !important;
        height: 35px !important;
        width: 43px !important;
        margin-left: -21px !important;
        left: 50% !important;
        top: 50% !important;
        background-repeat: no-repeat !important;
        background-position: 0 0 !important;
        background-size: contain !important
    }

    .postContent .btnsWrap_cv .btns_cv.contact a::before {
        background-image: url('../images/spritesource/sp-fp_icon-mail.png?1450804180');
        margin-top: -17px
    }

    .postContent .btnsWrap_cv .btns_cv.public a {
        border-left: 1px solid #E4A529
    }

    .postContent .btnsWrap_cv .btns_cv.public a::before {
        background-image: url('../images/spritesource/sp-fp_icon-book.png?1450804196');
        margin-top: -16px
    }

    .postContent .levelwrap .levelinfo {
        top: 17px;
        font-size: 11px;
        padding: 5px 6px
    }

    .postContent .levelwrap .group_name {
        font-size: 18px;
        padding-right: 81px
    }

    .postContent .levelwrap .cource_listwrap .couselistlabelwrap .couselistlabel {
        margin-bottom: 5px;
        width: 47%;
        max-width: 140px;
        text-align: center;
        padding: 3px
    }

    #footer {
        padding-bottom: 55px;
        margin-bottom: 80px;
    }

    .footertel {
        position: fixed;
        left: 0;
        bottom: 0;
        bottom: 80px;
        width: 100%;
        height: 40px;
        overflow: hidden;
        z-index: 999;
    }

    .footertel a {
        text-align: center;
        display: block;
        background: #4fb5d7;
        line-height: 46px;
        color: #FFF !important;
        font-size: 18px
    }

    .footertel a::before {
        content: '';
        display: inline-block;
        background: url('../images/theme/phoneicon.png?1454061060') no-repeat 0 0;
        width: 10px;
        height: 27px;
        margin-right: 6px;
        vertical-align: middle;
        margin-bottom: 7px;
    }

    .toTop {
        right: 10px;
        bottom: 20px
    }

    .toTop:hover {
        background: #f7f7f7
    }

    .fp_cource {
        padding: 20px 15px
    }

    .fp_btns {
        padding: 0
    }

    .fp_btns::after {
        content: '';
        clear: both;
        display: block
    }

    .fp_btns ul li {
        width: 50%;
        margin: 0;
        float: left
    }

    .fp_btns ul li a {
        width: auto;
        font-size: 13px;
        font-weight: bold;
        line-height: 50px;
        height: 50px
    }

    .fp_btns ul li a::after {
        display: none
    }

    .fp_btns ul li a::before {
        opacity: 0.6 !important;
        height: 35px !important;
        width: 43px !important;
        margin-left: -21px !important;
        left: 50% !important;
        top: 50% !important;
        background-repeat: no-repeat !important;
        background-position: 0 0 !important;
        background-size: contain !important
    }

    .fp_btns ul li.contact a::before {
        background-image: url('../images/spritesource/sp-fp_icon-mail.png?1450804180');
        margin-top: -17px
    }

    .fp_btns ul li.public a {
        border-left: 1px solid #E4A529
    }

    .fp_btns ul li.public a::before {
        background-image: url('../images/spritesource/sp-fp_icon-book.png?1450804196');
        margin-top: -16px
    }

    .row .col-sm-6 {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .row+.row {
        margin-top: 10px
    }

    .fp_section2 .cource1 {
        margin-top: 0
    }

    .featuresWrap .featuresWrapOuterSpace::after {
        display: none
    }

    .featuresWrap .featuresWrapTable {
        display: block;
        min-height: 0
    }

    .featuresWrap .featuresWrapTable.featuresWrapTable1 {
        border-bottom: 0 none
    }

    .featuresWrap .featuresWrapTable .featuresBox {
        display: block;
        width: auto
    }

    .featuresWrap .featuresWrapTable .featuresBox .featuresBoxInner {
        padding: 10px
    }

    .featuresWrap .featuresWrapTable .featuresBox img {
        width: 40px
    }

    .featuresWrap .featuresWrapTable .featuresBox .feature_contents {
        padding-left: 55px
    }

    .featuresWrap .featuresWrapTable .featuresBox h3 {
        font-size: 18px
    }

    .featuresWrap .featuresWrapTable .featuresBox p {
        margin-top: 8px
    }

    .fp_cource-box .fp_cource-box-top .fp_cource-boxhead h3 {
        font-size: 17px;
        padding: 19px 16px 16px
    }

    .fp_cource-box .fp_cource-box-top .fp_cource-boxthumb-img img {
        width: 100%
    }

    .fp_cource-box .fp_cource-boxlink .fp_cource-boxlinkInner1 a::after {
        display: none
    }

    .fp_cource-boxlinkInner1 a::after {
        display: none;
    }

    #footer .list-footer {
        border-left: 0 none
    }

    .rd-mobilemenu_ul {
        padding-top: 111px;
        z-index: 99999999;
        overflow: hidden
    }

    .rd-mobilemenu_ul a:hover {
        background: #4fb5d7
    }

    .rd-mobilemenu_ul ul a {
        padding-left: 20px
    }

    .rd-mobilemenu .rd-mobilemenu_ul_outer {
        height: 100%;
        position: relative
    }

    .rd-mobilemenu .rd-mobilemenu_ul_outer_wrapper {
        height: 100%;
        width: 100%;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        position: absolute;
        top: 0
    }

    .rd-mobilemenu .rd-mobilemenu_ul_inner {
        border-top: 1px solid #333
    }

    .rd-mobilemenu .rd-mobilemenu_ul_inner li {
        font-size: 14px
    }

    .rd-mobilemenu .rd-mobilemenu_ul_inner li a {
        font-size: 14px;
        color: #333
    }

    .rd-mobilemenu .rd-mobilemenu_ul_inner li a:hover {
        background-color: #FFF;
        color: #333
    }

    .rd-mobilemenu .rd-mobilemenu_ul_inner .sidemenuList ul li.boxborder_side {
        border-right: 0 none;
        border-left: 0 none
    }

    .rd-mobilemenu .rd-mobilemenu_ul_inner .sidemenuList ul li.boxborder_end {
        border-right: 0 none;
        border-left: 0 none;
        border-bottom: 1px solid #e8e9e9;
        margin-bottom: 0
    }

    .rd-mobilemenu .sideCol .sideBoxSubmitBtns {
        margin-top: 10px
    }

    .rd-mobilemenu .sideCol .sideBoxSubmitBtns ul li a {
        color: #FFF;
        font-weight: bold;
        padding: 10px;
        margin: 0 10px 10px
    }

    .rd-mobilemenu .sideCol .sideBoxSubmitBtns ul li a:hover {
        background: #f2b43c;
        color: #FFF
    }

    .rd-mobilemenu .sideCol ul li.labelheader {
        padding-bottom: 0
    }

    .rd-mobilemenu .sideCol ul li.labelexpand>a {
        padding-right: 40px
    }

    .rd-mobilemenu .sideCol ul li.labelexpand.current-menu-item>a {
        color: #FFF
    }

    .rd-mobilemenu .sideCol ul li.labelexpand.current-menu-item .submenuWrap a {
        background: none
    }

    .rd-mobilemenu .sideCol ul li.labelexpand .toggleList {
        height: 30px;
        width: 30px;
        right: 6px;
        top: 10px
    }

    .rd-mobilemenu .sideCol ul li.sideBtn a {
        color: #FFF;
        font-weight: bold;
        padding: 10px;
        margin: 0 10px 10px
    }

    .rd-mobilemenu .sideCol ul li.sideBtn a:hover {
        color: #FFF;
        background: #f6bf56
    }

    .rd-mobilemenu .sideCol ul li a {
        padding-left: 20px;
        border: none;
        padding-top: 14px;
        padding-bottom: 16px;
        color: #333
    }

    .rd-mobilemenu .sideCol ul li a:hover {
        background-color: #FFF;
        color: #333
    }

    .rd-mobilemenu .sideCol ul li.sidemenuListArtLink {
        padding-top: 5px;
        padding-bottom: 10px
    }


    .rd-mobilemenu .sideCol ul li .sideDate, .rd-mobilemenu .sideCol ul li .sideTerms {
        padding-left: 20px
    }

    .sidemenuListArt {
        border: 0 none
    }

    .sidemenuListArt ul li:nth-last-of-type(1) {
        border-bottom: 0 none
    }

    .sidemenuListArt .sidemenuListArtHead {
        padding: 14px 14px 16px 20px
    }

    .partsBoxArtList .partsBoxInner .partsBoxIndex .partsBoxThumb {
        width: 30%;
        height: auto
    }

    .partsBoxArtList .partsBoxInner .partsBoxIndex .partsBoxContents {
        padding-left: 33%
    }

    .mw_wp_form table {
        display: block
    }

    .mw_wp_form table tbody, .mw_wp_form table thead, .mw_wp_form table tr, .mw_wp_form table th, .mw_wp_form table td {
        display: block
    }

    .mw_wp_form table input, .mw_wp_form table textarea {
        max-width: 100%;
        box-sizing: border-box
    }

    .mw_wp_form table input[type="checkbox"], .mw_wp_form table input[type="radio"] {
        vertical-align: middle;
        margin: 0 5px 0 0
    }

    .col-fx-sec9 {
        display: flex;
        justify-content: space-between;
        margin-bottom: 20px;
    }

    .ol-fx-9:last-child {
        margin-bottom: 0;
    }

    .col-txt-9 {
        margin-left: 15px;
    }

    .col-txt-9 a {
        color: #4fb5d7;
        font-size: 18px;
        font-weight: bold;
    }

    .col-txt-9 p {
        font-size: 14px;
    }
}

@media print {
    body {
        -webkit-print-color-adjust: exact;
        overflow: hidden
    }

    #header {
        position: relative;
        z-index: 3
    }

    #header .camera_container {
        padding-bottom: 39.581%
    }

    #header .container {
        margin-bottom: 0 !important;
        padding-top: 0 !important
    }

    #header .list-header {
        margin-top: 55px
    }

    #header .list-header li a {
        letter-spacing: normal;
        position: relative;
        font-weight: bold;
        font-size: 23px;
        color: #333;
        display: block
    }

    #header .list-header li a::before {
        position: absolute;
        left: -7px;
        top: -10px;
        content: '';
        display: block
    }

    #header .navbar-default .navbar-nav li a {
        text-decoration: none;
        padding: 10px 17px
    }

    #header .navbar-default .navbar-nav li.current-menu-item a {
        background-color: #4fb5d7 !important;
        color: #FFF
    }

    #header .navbar-default .navbar-nav li a:hover {
        background-color: #4fb5d7 !important;
        color: #FFF
    }

    #header .stuck_container {
        padding-bottom: 0
    }

    #header .camera_caption h2 {
        padding: 33px 32px 42px;
        letter-spacing: 0.25em;
        background: rgba(255, 255, 255, 0.7)
    }

    #header .camera_caption h2 span {
        font-size: 40px;
        line-height: 42px;
        font-weight: bold
    }

    #header .camera_pag_ul li {
        background-color: #AAA
    }

    #header .camera_pag_ul li.cameracurrent, #header .camera_pag_ul li:hover {
        background-color: #4fb5d7
    }

    #header .navbar-brand img {
        width: 333px;
        height: auto
    }

    .row .col-sm-12+* {
        margin-top: 0
    }

    .navbar-header {
        padding-left: 0;
    }

    .list-header {
        float: right;
        margin: 15px 0 0 !important
    }

    .navbar-nav>li>a {
        font-family: Meiryo, "メイリオ", Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3", SimSun, Helvetica, ArialMT, Osaka, Verdana, "MS PGothic", "ＭＳ Ｐゴシック", sans-serif !important
    }

    #pankuzuBox {
        position: relative;
        padding-top: 20px
    }

    #pankuzuBox::after {
        content: '';
        position: absolute;
        height: 0;
        width: 100%;
        left: 0
    }

    #breadcrumbs {
        overflow: hidden
    }

    #breadcrumbs ol, #breadcrumbs ul {
        letter-spacing: -.40em;
        white-space: nowrap;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }

    #breadcrumbs ol li, #breadcrumbs ul li {
        letter-spacing: normal;
        position: relative;
        vertical-align: top;
        display: inline;
        font-size: 13px;
        font-size: 1.3rem
    }

    #breadcrumbs ol li a, #breadcrumbs ul li a {
        text-decoration: underline
    }

    #breadcrumbs ol li a span, #breadcrumbs ul li a span {
        color: #4fb5d7
    }

    #breadcrumbs ol li span, #breadcrumbs ul li span {
        color: #333;
        letter-spacing: 0.01em
    }

    #breadcrumbs ol li.breadUnder, #breadcrumbs ul li.breadUnder {
        padding-left: 21px
    }

    #breadcrumbs ol li.breadUnder::before, #breadcrumbs ul li.breadUnder::before {
        position: absolute;
        display: inline-block;
        width: 7px;
        height: 100%;
        top: 2px;
        left: 4px;
        content: '>';
        line-height: 15px
    }

    .mainViewContainer {
        margin: 0 auto;
        max-width: 1195px;
        overflow: hidden
    }

    .navbar {
        display: block !important
    }

    .rd-mobilepanel, .rd-mobilepanel_toggle {
        display: none !important
    }
}


.sec8Content {
    position: relative;
}

.sec8Content:first-child {
    margin-bottom: 15px;
}

.partsBoxContents-sec8 {
    display: flex;
    align-items: baseline;
    padding: 0 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.partsBoxContents-sec8 p {
    font-size: 16px;
    color: #fff;
    text-shadow: 3px 4px 3px rgb(61 70 70);
}

.partsBoxContents-sec8 span {
    font-size: 14px;
    color: #fff;
    background: #333333;
    width: 50px;
    height: 20px;
    margin-left: auto;
    text-align: center;
}



@font-face {
    font-family: swiper-icons;
    src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
    font-weight: 400;
    font-style: normal
}


/*  */


.swiper-button-next-sec8,
.swiper-button-prev-sec8 {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    z-index: 10;

}

.swiper-button-next-sec8.swiper-button-disabled,
.swiper-button-prev-sec8.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev-sec8::before {
    position: relative;
    content: "\f104";
    font-family: FontAwesome;
    background: rgba(81, 181, 216, 0.8);
    padding: 50px 12px;
    opacity: 1;
    color: #fff;
    font-size: 40px;

}

.swiper-button-next-sec8::before {
    position: relative;
    content: "\f105";
    font-family: FontAwesome;
    background: rgba(81, 181, 216, 0.8);
    padding: 50px 12px;
    opacity: 1;
    color: #fff;
    font-size: 40px;


}

.swiper-button-prev-sec8:hover:before {
    animation: arrow_prev .5s ease-out forwards;
}

@keyframes arrow_prev {
    0% {
        right: 0px;
    }

    50% {
        right: 5px;
    }

    100% {
        right: 0;
    }
}

.swiper-button-next-sec8:hover:before {
    animation: arrow_next .5s ease-out forwards;
}

@keyframes arrow_next {
    0% {
        left: 0px;
    }

    50% {
        left: 5px;
    }

    100% {
        left: 0;
    }
}


.swiper-button-prev-sec8,
.swiper-container-rtl .swiper-button-next-sec8 {
    top: 54%;
    transform: translateY(-50%);
    left: 0px;
    right: auto;
}

.swiper-button-next-sec8,
.swiper-container-rtl .swiper-button-prev-sec8 {
    top: 54%;
    transform: translateY(-50%);
    right: 0px;
    left: auto;
}

/* .swiper-slide {
    width: 100%;
} */




.sec8Content img {
    width: 100%;
}

@media only screen and (max-width: 767px) {
    /* 767px以下に適用されるCSS（タブレット用） */

    .swiper-slide {
        width: 84% !important;
    }

}



/* sns追加 */


.fp_snsboxwrap li {
    width: 100%;
    margin-bottom: 20px;
}

.fp_sns-boxthumb-img img {
    height: auto;
    max-width: 40px;
    width: 100%;
}

.fp_snsbox {
    display: flex;
    align-items: center;
    padding-bottom: 10px;
}

.fp_snsbox h3 {
    font-size: 18px;
    padding-left: 10px;
    font-weight: bold;

}

.fp_snsbox h3.h3-fb {
    text-transform: capitalize;
    color: #2b89c9;
}

.fp_snsbox h3.h3-yt {
    text-transform: capitalize;
    color: #ff0000;
}

.fp_snsbox h3.h3-line {
    color: #4cc764;
}

.fp_snsboxwrap li a {
    text-decoration: none;
    opacity: .9;
}

.fp_snsboxwrap li a p {
    font-size: 14px;
    color: #333;
}


.col-md-13 {
    width: 70%;
}

.col-md-14 {
    width: 30%;
}

@media only screen and (max-width: 767px) {
    .col-xs-12 {
        width: 100%;
    }

    .fp_snsboxwrap {
        margin: 20px 0;
    }

    .fp_sns-boxthumb-img img {
        max-width: 30px;
    }

    .fp_snsbox {
        padding-bottom: 4px;
    }

    .fp_snsboxwrap li a p {
        font-size: 13px;
    }
}





/* フローティングボタン追加 */

.fixed_btns {
    position: fixed;
    bottom: 120px;
    right: 0px;
    z-index: 9999;
}


.fixed_btns li:first-child {
    margin-bottom: 10px;
}

.fixed_btns ul li {
    background: #f1b43c;
}

.fixed_btns ul li a {
    width: 180px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.12em;
}

.fixed_btns ul li a:hover {
    text-decoration: none;
    opacity: 0.9;
}


.fixed_btns ul li a p {
    font-weight: bold;
    color: #fff;
    padding-left: 10px;
    font-size: 14px;
    line-height: 1.4;
}


.fp_icon-boxthumb-img img {
    height: auto;
    max-width: 38px;
    width: 100%;
}

@media only screen and (max-width: 767px) {
    .fixed_btns {
        position: fixed;
        bottom: 0px;
        right: 0px;
        z-index: 9999;
        background-color: #fff;
        border: 1px solid #d7d8d9;
        width: 100%;
        padding: 10px;
    }

    .fixed_btns ul {
        display: flex;

    }

    .fixed_btns ul li {
        width: 50%;
    }

    .fixed_btns ul li:first-child {
        margin-right: 10px;
        margin-bottom: 0px;
    }

    .fixed_btns ul li a {
        width: 100%;
    }


}






/* MV修正 */

.fp_section10 {
    background: url('../images/theme/fp_sec10-bg.jpg') no-repeat;
    background-size: cover;
}

.fp_mv-container {
    display: flex;
    justify-content: center;
    padding: 100px;

}

.fp_mv-container img {
    width: 100%;
}

.fp_mv-txt {
    padding-right: 20px;
}

.fp_mv-youtube p {
    font-weight: bold;
    color: #fff;
    text-align: center;
    letter-spacing: 0.1em;
    text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4);
}

.fp_mv-youtube p:nth-child(1) {
    font-size: 20px;
    padding-bottom: 14px;
}

.fp_mv-youtube p:nth-child(3) {
    font-size: 14px;
    padding-top: 20px;
}

.fp_mv-youtube a:hover {
    opacity: 1;
}


@media only screen and (max-width: 767px) {
    .fp_section10 {
        background: #e5f7ff;
    }


    .fp_mv-container {
        display: block;
        padding: 100px 0;

    }

    .fp_mv-youtube {
        position: relative;
    }

    /* .fp_mv-txt-sp {
        padding: 0 20px;
    } */

    .fp_mv-txt-sp img:nth-child(1) {
        position: absolute;
        top: -56px;
        left: 0;
        width: 100%;
        padding: 0 20px;
    }

    .fp_mv-txt-sp img:nth-child(2) {
        position: absolute;
        bottom: -70px;
        left: 0;
        width: 100%;
        padding: 0 20px;
    }

    .fp_mv-youtube p {
        color: #000;
        text-shadow: none;
    }

}



/* トップコラム */
@media only screen and (max-width: 767px) {

    .col-txt-9 .sidemenuListArtLink {
        line-height: 1.2;
    }

    .col-txt-9 p {
        font-size: 13px;
    }

    .col-txt-9 {
        margin-left: 10px;
    }
}


/* 幅調整 */

.fp_section2 .fp_cource {
    padding-bottom: 0;
    padding-top: 27px;
}

.fp_section7 .fp_cource {
    padding-top: 21px;
    padding-bottom: 27px;
}

.fp_section8 .fp_features {
    margin-bottom: 0px;
}

.fp_section3 .fp_features {
    padding-top: 0px;
}

.fp_section9 .fp_cource {
    padding-top: 27px;
}

.fp_news {
    padding-top: 47px;
}


/* プライベートレッスン高さ調整 */


@media only screen and (max-width: 767px) {
    .fp_cource-box {
        height: auto !important;
    }
}

/* 不明なグレー削除 */
@media only screen and (max-width: 767px) {
    #header .container {
        margin-top: 0;
    }

    body {
        background-color: #fff;
    }
}



/* sec7修正 */

.fp_sec7-boxlink div a {
    border: 3px solid #4fb5d7;
    display: block;
    padding: 8px 6px 5px;
    position: relative;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.fp_section7-flex .p_sec7 p {
    margin-bottom: 10px;
    font-size: 14px;
}


.fp_sec7-boxthumb-img img {
    height: auto;
    max-width: 100%;
    width: 100%;
    margin-bottom: 20px;
}


@media only screen and (max-width: 767px) {
    .fp_section7-flex {
        display: flex;
    }

    .fp_sec7-boxthumb-img img {
        min-width: 115.19px;
    }
    
    .fp_sec7-boxthumb-img {
        order: 1;
    }

    .p_sec7 {
        order: 2;
        margin-left: 10px;
    }
}


/* sec9 */
.fp_section9 .partsBoxMeta-column {
    display: flex;
    flex-wrap: wrap;
}

.col-txt-9 p {
    margin-top: 8px;
}



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

    .col-txt-9 .postTerms ul li a {
        display: block;
        background: #4fb5d7;
        color: #FFF;
        padding: 0 5px;
        font-size: 12px;
        text-decoration: none;
        font-weight: normal;
    }
}


/* news */

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

    .fp_newsBox {
        margin-right: 30px !important;
    }
}