* {
    box-sizing: border-box !important;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1.7;
    font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
    color: #3e3a39;
    font-weight: 500
}

@media all and (-ms-high-contrast: none) {
    * {
        font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "游ゴシック", Sans-Serif
    }
}

@media screen and (min-width: 0\0) and (min-resolution: 72dpi) {
    * {
        font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "游ゴシック", Sans-Serif
    }
}

_:-ms-input-placeholder,
:root * {
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "游ゴシック", Sans-Serif
}

.fontM {
    font-family: "游明朝", YuMincho, "Times New Roman", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif
}

br {
    font-size: 0;
    letter-spacing: 0;
    line-height: 0
}

.clearfix:after {
    display: block;
    clear: both;
    width: 0;
    height: 0px;
    visibility: hidden;
    content: ""
}

.clearfix {
    min-height: 0px
}

* html .clearfix {
    height: 1px;
    height: auto;
    overflow: hidden
}

html {
    width: 100%;
    height: 100%
}

body {
    display: block;
    padding: 80px 40px 0 0
}

@media only screen and (max-width: 768px) {
    body {
        padding: 40px 0 68px
    }
}

section,
footer#footer {
    display: block;
    width: 100%
}

section .waku,
footer#footer .waku {
    display: block;
    width: 1040px;
    margin: 0 auto;
    padding: 0 20px
}

section .waku p,
footer#footer .waku p {
    line-height: 1.7
}

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

    section .waku,
    footer#footer .waku {
        width: 100%
    }
}

a {
    text-decoration: none;
    cursor: pointer;
    transition: 0.3s;
    color: #000
}

a[href^="tel:"] {
    cursor: default !important
}

a[href^="tel:"]:hover {
    opacity: 1 !important
}

.boxR {
    margin-left: auto !important
}

.boxL {
    margin-right: auto !important
}

.txtR {
    text-align: right !important
}

.txtL {
    text-align: left !important
}

.txtC {
    text-align: center !important
}

.fright {
    float: right
}

.fleft {
    float: left
}

.underline {
    text-decoration: underline;
    line-height: 1.3
}

@media only screen and (max-width: 768px) {
    .underline {
        font-size: 10px
    }
}

.txS {
    font-size: 11px
}

.txLink {
    color: #035fb4;
    text-decoration: underline
}

span.red {
    color: #f00
}

.bsxBox01 {
    border: 1px solid #0883b5;
    background: #FFF;
    box-sizing: border-box;
    padding: 30px;
    width: 100%
}

.subBox {
    background: #f1f9ff;
    box-sizing: border-box;
    float: left;
    padding: 15px;
    max-width: 450px;
    width: 100%
}

.subBox .subBoxImg {
    float: left;
    margin-right: 10px
}

@media only screen and (max-width: 768px) {
    .subBox {
        max-width: 100%
    }
}

.boxHead {
    margin-bottom: 20px
}

.boxHead span {
    border-bottom: 2px solid #0883b5;
    color: #0883b5;
    font-size: 18px;
    padding-bottom: 5px
}

@media only screen and (max-width: 768px) {
    .bsxBox01 {
        padding: 15px;
        margin-bottom: 15px
    }

    .boxHead span {
        display: block
    }
}

.cap {
    font-size: 12px;
    color: #999
}

.cap2 {
    font-size: 12px;
    color: #fff
}

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

    .cap,
    .cap2 {
        font-size: 10px;
        line-height: 1.4
    }
}

.is-pc,
.is-pc2 {
    display: block
}
img.is-pc,
img.is-pc2 {
    display: inline-block
}

.is-sp,
.is-sp2 {
    display: none
}

@media only screen and (max-width: 768px) {
    .is-pc {
        display: none !important
    }

    .is-sp {
        display: block
    }
    img.is-sp {
        display: inline-block
    }
}
@media only screen and (max-width: 480px) {
    .is-pc2 {
        display: none !important
    }
    .is-sp2 {
        display: block
    }
    img.is-sp2 {
        display: inline-block
    }
}

hr.ancHr {
    font-size: 0 !important;
    line-height: 0 !important;
    margin: 0;
    padding: 0;
    visibility: hidden !important;
    padding-top: 100px;
    margin-top: -100px
}

@media only screen and (max-width: 768px) {
    hr.ancHr {
        padding-top: 50px;
        margin-top: -50px
    }
}

br.clear,
.clear {
    clear: both;
    display: inline !important;
    display: none;
    line-height: 0px
}

br.clear {
    clear: both;
    line-height: 0px
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    br.clear {
        display: block !important;
        content: " "
    }
}

.imgHead {
    width: 100%
}

.imgHead .sideImg {
    float: left;
    width: 70px
}

.imgHead .sideImg img {
    margin-right: 0 !important;
    max-width: 100%
}

.imgHead .sideHead {
    float: right;
    display: table;
    height: 65px;
    line-height: 1.4 !important;
    width: -webkit-calc(100% - 85px);
    width: calc(100% - 85px)
}

.imgHead .sideHead span {
    color: #FFF;
    font-size: 24px;
    display: table-cell;
    vertical-align: middle;
    padding: 0;
    margin: 0
}

@media only screen and (max-width: 1240px) {
    .imgHead .sideImg {
        width: 60px
    }

    .imgHead .sideHead {
        height: 60px;
        width: -webkit-calc(100% - 75px);
        width: calc(100% - 75px)
    }

    .imgHead .sideHead span {
        font-size: 20px
    }
}

@media only screen and (max-width: 768px) {
    .imgHead .sideImg {
        width: 50px
    }

    .imgHead .sideHead {
        height: 60px;
        width: -webkit-calc(100% - 65px);
        width: calc(100% - 65px)
    }

    .imgHead .sideHead span {
        font-size: 18px
    }
}

@media only screen and (max-width: 640px) {
    .imgHead .sideImg {
        width: 40px;
        text-align: center
    }

    .imgHead .sideHead {
        height: 50px;
        width: -webkit-calc(100% - 55px);
        width: calc(100% - 55px)
    }

    .imgHead .sideHead span {
        font-size: 16px
    }
}

.bbl {
    border-bottom: 1px solid #bdbdbd;
    padding: 80px 0 30px
}

@media only screen and (max-width: 768px) {
    .bbl {
        padding: 40px 0 10px
    }
}

.bbb {
    border-bottom: 2px solid #000;
    padding: 100px 0
}

@media only screen and (max-width: 768px) {
    .bbb {
        padding: 40px 0
    }
}

.none {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important
}

.mb00 {
    margin-bottom: 0px !important
}

.mb05 {
    margin-bottom: 5px !important
}

.mb10 {
    margin-bottom: 10px !important
}

.mb15 {
    margin-bottom: 15px !important
}

.mb20 {
    margin-bottom: 20px !important
}

@media only screen and (max-width: 768px) {
    .mb20 {
        margin-bottom: 10px !important
    }
}

.mb25 {
    margin-bottom: 25px !important
}

@media only screen and (max-width: 768px) {
    .mb25 {
        margin-bottom: 10px !important
    }
}

.mb30 {
    margin-bottom: 30px !important
}

@media only screen and (max-width: 768px) {
    .mb30 {
        margin-bottom: 20px !important
    }
}

.mb35 {
    margin-bottom: 35px !important
}

@media only screen and (max-width: 768px) {
    .mb35 {
        margin-bottom: 20px !important
    }
}

.mb40 {
    margin-bottom: 40px !important
}

@media only screen and (max-width: 768px) {
    .mb40 {
        margin-bottom: 20px !important
    }
}

.mb45 {
    margin-bottom: 45px !important
}

@media only screen and (max-width: 768px) {
    .mb45 {
        margin-bottom: 20px !important
    }
}

.mb50 {
    margin-bottom: 50px !important
}

@media only screen and (max-width: 768px) {
    .mb50 {
        margin-bottom: 20px !important
    }
}

.mb55 {
    margin-bottom: 55px !important
}

@media only screen and (max-width: 768px) {
    .mb55 {
        margin-bottom: 20px !important
    }
}

.mb60 {
    margin-bottom: 60px !important
}

@media only screen and (max-width: 768px) {
    .mb60 {
        margin-bottom: 30px !important
    }
}

.mb65 {
    margin-bottom: 65px !important
}

@media only screen and (max-width: 768px) {
    .mb65 {
        margin-bottom: 30px !important
    }
}

.mb70 {
    margin-bottom: 70px !important
}

@media only screen and (max-width: 768px) {
    .mb70 {
        margin-bottom: 30px !important
    }
}

.mb75 {
    margin-bottom: 75px !important
}

@media only screen and (max-width: 768px) {
    .mb75 {
        margin-bottom: 30px !important
    }
}

.mb80 {
    margin-bottom: 80px !important
}

@media only screen and (max-width: 768px) {
    .mb80 {
        margin-bottom: 40px !important
    }
}

.mb85 {
    margin-bottom: 85px !important
}

@media only screen and (max-width: 768px) {
    .mb85 {
        margin-bottom: 40px !important
    }
}

.mb90 {
    margin-bottom: 90px !important
}

@media only screen and (max-width: 768px) {
    .mb90 {
        margin-bottom: 40px !important
    }
}

.mb95 {
    margin-bottom: 95px !important
}

@media only screen and (max-width: 768px) {
    .mb95 {
        margin-bottom: 40px !important
    }
}

.mb100 {
    margin-bottom: 100px !important
}

@media only screen and (max-width: 768px) {
    .mb100 {
        margin-bottom: 40px !important
    }
}

.mb110 {
    margin-bottom: 110px !important
}

@media only screen and (max-width: 768px) {
    .mb110 {
        margin-bottom: 50px !important
    }
}

.mb120 {
    margin-bottom: 120px !important
}

@media only screen and (max-width: 768px) {
    .mb120 {
        margin-bottom: 60px !important
    }
}

.mb130 {
    margin-bottom: 130px !important
}

@media only screen and (max-width: 768px) {
    .mb130 {
        margin-bottom: 65px !important
    }
}

.mb140 {
    margin-bottom: 140px !important
}

@media only screen and (max-width: 768px) {
    .mb140 {
        margin-bottom: 70px !important
    }
}

.mb150 {
    margin-bottom: 150px !important
}

@media only screen and (max-width: 768px) {
    .mb150 {
        margin-bottom: 75px !important
    }
}

.mb160 {
    margin-bottom: 160px !important
}

@media only screen and (max-width: 768px) {
    .mb160 {
        margin-bottom: 80px !important
    }
}

.fcB {
    color: #007fb3 !important
}

.tdU {
    text-decoration: underline !important
}

.twoClm,
.threeClm,
.fourClm,
.fiveClm {
    display: block;
    width: 100%
}

.twoClm>*,
.threeClm>*,
.fourClm>*,
.fiveClm>* {
    display: block;
    float: left
}

.twoClm>* {
    width: 49%
}

.twoClm>*:nth-of-type(even) {
    margin-left: 2%
}

.twoClm>*:nth-of-type(n+3) {
    margin-top: 2%
}

@media only screen and (max-width: 768px) {
    .twoClm>* {
        width: 100%;
        height: auto !important
    }

    .twoClm>*:nth-of-type(even) {
        margin-left: 0
    }

    .twoClm>*+* {
        margin-top: 10px !important
    }
}

.threeClm>* {
    width: 32%
}

.threeClm>*:not(:nth-of-type(3n+1)) {
    margin-left: 2%
}

.threeClm>*:nth-of-type(n+4) {
    margin-top: 2%
}

@media only screen and (max-width: 768px) {
    .threeClm>* {
        width: 49%
    }

    .threeClm>*:not(:nth-of-type(3n+1)) {
        margin-left: 0
    }

    .threeClm>*:nth-of-type(even) {
        margin-left: 2%
    }

    .threeClm>*:nth-of-type(n+3) {
        margin-top: 2%
    }
}

@media only screen and (max-width: 680px) {
    .threeClm>* {
        width: 100%;
        height: auto !important
    }

    .threeClm>*:nth-of-type(even) {
        margin-left: 0
    }

    .threeClm>*+* {
        margin-top: 10px
    }
}

.fourClm>* {
    width: 24%
}

.fourClm>*:not(:nth-of-type(4n+1)) {
    margin-left: 1.333333333%
}

@media only screen and (max-width: 768px) {
    .fourClm>* {
        width: 49%
    }

    .fourClm>*:not(:nth-of-type(3n+1)) {
        margin-left: 0
    }

    .fourClm>*:nth-of-type(even) {
        margin-left: 2%
    }

    .fourClm>*:nth-of-type(n+3) {
        margin-top: 2%
    }
}

@media only screen and (max-width: 680px) {
    .fourClm>* {
        width: 100%;
        height: auto !important
    }

    .fourClm>*:nth-of-type(even) {
        margin-left: 0
    }

    .fourClm>*:nth-of-type(n+3) {
        margin-top: 0
    }

    .fourClm>*+li {
        margin-top: 20px !important
    }
}

.fiveClm>* {
    width: 19%
}

.fiveClm>*:not(:nth-of-type(5n+1)) {
    margin-left: 1.25%
}

@media only screen and (max-width: 768px) {
    .fiveClm>* {
        width: 49%
    }

    .fiveClm>*:not(:nth-of-type(3n+1)) {
        margin-left: 0
    }

    .fiveClm>*:nth-of-type(even) {
        margin-left: 2%
    }

    .fiveClm>*:nth-of-type(n+3) {
        margin-top: 2%
    }
}

@media only screen and (max-width: 680px) {
    .fiveClm>* {
        width: 100%;
        height: auto !important
    }

    .fiveClm>*:nth-of-type(even) {
        margin-left: 0
    }

    .fiveClm>*:nth-of-type(n+3) {
        margin-top: 0
    }

    .fiveClm>*+li {
        margin-top: 20px !important
    }
}

.arrow01 {
    position: relative;
    padding-left: 15px
}

.arrow01:before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    margin: auto 0;
    border: 1px solid;
    border-width: 2px 2px 0 0;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0
}

.arrow01.b:before {
    border-color: #266585
}

.arrow01a {
    position: relative;
    padding-right: 15px
}

.arrow01a:before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    margin: auto 0;
    border: 1px solid;
    border-width: 2px 2px 0 0;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0
}

.arrow01a.b:before {
    border-color: #266585
}

.arrow02 {
    position: relative;
    padding-right: 20px
}

.arrow02:after,
.arrow02:before {
    content: "";
    display: block;
    margin: auto 0;
    border: 1px solid #266585;
    position: absolute;
    top: 0;
    bottom: 0;
    transition: .3s
}

.arrow02:before {
    width: 5px;
    height: 5px;
    border-width: 2px 2px 0 0;
    transform: rotate(45deg);
    right: 9px;
    z-index: 2
}

.arrow02:after {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    right: 0;
    z-index: 1
}

.arrow02:hover:before {
    border-color: #fff
}

.arrow02:hover:after {
    background-color: #266585
}

.arrow02.b:before {
    border-color: #266585
}

.arrow02.w:before {
    border-color: #fff
}

.arrow02.w:after {
    border-color: #fff;
    box-shadow: -1px 1px 0 rgba(0, 0, 0, 0.2)
}

@media only screen and (max-width: 1240px) {
    .arrow02 {
        padding-right: 23px
    }

    .arrow02:before {
        width: 4px;
        height: 4px;
        border-width: 2px 2px 0 0;
        right: 8px
    }

    .arrow02:after {
        width: 18px;
        height: 18px
    }
}

@media only screen and (max-width: 768px) {
    .arrow02 {
        padding-right: 21px
    }

    .arrow02:before {
        border-width: 1px 1px 0 0;
        right: 7px
    }

    .arrow02:after {
        width: 16px;
        height: 16px
    }
}

@media only screen and (max-width: 680px) {
    .arrow02 {
        padding-right: 19px
    }

    .arrow02:before {
        width: 3px;
        height: 3px;
        right: 6px
    }

    .arrow02:after {
        width: 14px;
        height: 14px
    }
}

.arrow02a {
    position: relative;
    padding-left: 25px
}

.arrow02a:after,
.arrow02a:before {
    content: "";
    display: block;
    margin: auto 0;
    border: 1px solid #266585;
    position: absolute;
    top: 0;
    bottom: 0;
    transition: .3s
}

.arrow02a:before {
    width: 5px;
    height: 5px;
    border-width: 2px 2px 0 0;
    transform: rotate(45deg);
    left: 6px;
    z-index: 2
}

.arrow02a:after {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    left: 0;
    z-index: 1
}

.arrow02a:hover:before {
    border-color: #fff
}

.arrow02a:hover:after {
    background-color: #266585
}

.arrow02a.b:before {
    border-color: #266585
}

@media only screen and (max-width: 1240px) {
    .arrow02a {
        padding-left: 23px
    }

    .arrow02a:before {
        width: 4px;
        height: 4px;
        left: 8px
    }

    .arrow02a:after {
        width: 18px;
        height: 18px
    }
}

@media only screen and (max-width: 768px) {
    .arrow02a {
        padding-left: 21px
    }

    .arrow02a:before {
        border-width: 1px 1px 0 0;
        left: 7px
    }

    .arrow02a:after {
        width: 16px;
        height: 16px
    }
}

@media only screen and (max-width: 680px) {
    .arrow02a {
        padding-left: 19px
    }

    .arrow02a:before {
        width: 3px;
        height: 3px;
        left: 6px
    }

    .arrow02a:after {
        width: 14px;
        height: 14px
    }
}

.btn01 {
    display: inline-block;
    padding: 5px 20px;
    transition: 0.3s;
    border: 1px solid #266585;
    font-size: 13px;
    line-height: 1;
    color: #266585;
    border-radius: 50px;
    background: #fff
}

.btn01 span {
    font-size: 13px;
    line-height: 1;
    color: #266585;
    vertical-align: middle
}

.btn01 span.pdf {
    background: url(/cmn/img/icon_pdf.svg) left center no-repeat;
    background-size: 11px;
    display: inline-block;
    padding: 3px 50px
}

.btn01 img,
.btn01 svg {
    display: inline-block;
    width: 20px !important;
    height: 15px !important;
    margin: auto 5px;
    line-height: 1;
    vertical-align: middle;
    transition: .3s
}

.btn01:hover,
.btn01.now {
    background: #266585;
    color: #fff
}

.btn01:hover span,
.btn01.now span {
    color: #fff
}

.btn01:hover path,
.btn01.now path {
    fill: #fff
}

.btn01.b {
    border: 2px solid #000;
    color: #000;
    background: #fff
}

.btn01.b:hover {
    background: #000;
    color: #fff !important
}

@media only screen and (max-width: 768px) {
    .btn01 {
        padding: 4px 15px;
        transition: 0.3s;
        font-size: 12px
    }

    .btn01 span {
        font-size: 12px
    }
}

@media only screen and (max-width: 680px) {
    .btn01 {
        padding: 3px 10px;
        transition: 0.3s;
        font-size: 11px
    }

    .btn01 span {
        font-size: 11px
    }
}

.sp {
    display: none !important
}

@media only screen and (max-width: 680px) {
    .sp {
        display: block !important
    }
}

.mdl {
    display: block !important
}

@media only screen and (max-width: 768px) {
    .mdl {
        display: none !important
    }
}

.mdla {
    display: none !important
}

@media only screen and (max-width: 768px) {
    .mdla {
        display: block !important
    }
}

.mdlt {
    display: table-cell !important
}

@media only screen and (max-width: 768px) {
    .mdlt {
        display: none !important
    }
}

.mdlta {
    display: none !important
}

@media only screen and (max-width: 768px) {
    .mdlta {
        display: table-cell !important
    }
}

.pc {
    display: block !important
}

@media only screen and (max-width: 680px) {
    .pc {
        display: none !important
    }
}

.mdltt {
    display: table !important
}

@media only screen and (max-width: 768px) {
    .mdltt {
        display: none !important
    }
}

.mdltta {
    display: none !important
}

@media only screen and (max-width: 768px) {
    .mdltta {
        display: table !important
    }
}

.slick-prev,
.slick-next {
    width: 50px;
    height: 22px;
    top: 50%;
    z-index: 10
}

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

    .slick-prev,
    .slick-next {
        width: 20px;
        height: 22px
    }
}

.slick-prev {
    left: 0
}

@media only screen and (max-width: 768px) {
    .slick-prev {
        left: 5px
    }
}

.slick-next {
    right: 0
}

@media only screen and (max-width: 768px) {
    .slick-next {
        right: 5px
    }
}

.slick-prev:before {
    content: "";
    background: url(/cmn/img/arrow_slick_l.svg) center no-repeat;
    background-size: contain
}

.slick-next:before {
    content: "";
    background: url(/cmn/img/arrow_slick_r.svg) center no-repeat;
    background-size: contain
}

.slick-prev:before,
.slick-next:before {
    display: block;
    width: 50px;
    height: 22px;
    font-family: "slick";
    font-size: 0;
    line-height: 0;
    color: none;
    opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

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

    .slick-prev:before,
    .slick-next:before {
        width: 20px;
        height: 22px
    }
}

.slick-dotted.slick-slider {
    margin-bottom: 0
}

.slick-dots {
    text-align: center;
    bottom: 15px;
    z-index: 100
}

.slick-dots li {
    display: inline-block !important;
    width: 10px !important;
    height: 10px !important;
    padding-top: 0 !important;
    float: none !important
}

.slick-dots li>button:before {
    color: #266585 !important;
    opacity: 1
}

.slick-dots li.slick-active>button:before {
    color: #ccc !important
}

#pageTop {
    display: none;
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 20px;
    right: 50px;
    z-index: 999
}

#pageTop>a {
    display: block;
    width: 100%;
    height: 100%;
    background: #000 url(/cmn/img/totop.svg) center no-repeat;
    background-size: 50%
}

@media only screen and (max-width: 768px) {
    #pageTop {
        display: none;
        bottom: 80px;
        right: 20px
    }
}

header#header {
    display: block;
    width: calc(100% - 40px);
    height: 80px;
    padding: 0 20px;
    background: rgba(255, 255, 255, 0.95);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    box-shadow: 0 20px 20px rgba(200, 200, 200, 0.1)
}

header#header .waku {
    display: block;
    height: 100%;
    margin: auto;
    padding-top: 20px;
    position: relative
}

header#header .waku h1 {
    display: block;
    position: absolute;
    top: 10px;
    left: 20px
}

header#header .waku h1 a {
    display: block
}

header#header .waku h1 a img {
    width: auto;
    height: 60px
}

header#header .waku nav#hSubnavi {
    position: absolute;
    top: 9px;
    right: 0
}

header#header .waku nav#hSubnavi>a {
    display: inline-block;
    pointer-events: none;
    position: relative;
    float: left
}

header#header .waku nav#hSubnavi>a:before {
    background: transparent;
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 300
}

header#header .waku nav#hSubnavi .btnArea {
    display: block;
    float: left;
    width: 120px;
    margin-right: 10px
}

header#header .waku nav#hSubnavi .hbtn01,
header#header .waku nav#hSubnavi .hbtn02 {
    display: block;
    width: 100%;
    border: 1px solid #266585;
    border-radius: 50px;
    color: #266585;
    font-size: 10px;
    text-align: center
}

header#header .waku nav#hSubnavi .hbtn01 {
    padding: 6px 10px;
    transition: .3s
}

header#header .waku nav#hSubnavi .hbtn01:hover {
    color: #fff;
    background: #266585
}

header#header .waku nav#hSubnavi .hbtn02 {
    margin-top: 5px;
    padding: 2px 10px
}

header#header .waku nav#hSubnavi .hbtn02 input {
    display: block;
    border: none;
    float: left;
    outline: none
}

header#header .waku nav#hSubnavi .hbtn02 input[type="text"] {
    width: 80%;
    height: 20px;
    font-size: 10px;
    color: #266585
}

header#header .waku nav#hSubnavi .hbtn02 input[type="submit"] {
    width: 20%;
    height: 20px;
    font-size: 0;
    background: url(/cmn/img/serch.svg) center no-repeat;
    background-size: 80% auto;
    cursor: pointer
}

header#header .waku nav#hnavi {
    display: block;
    height: 20px;
    margin: auto 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 140px
}

header#header .waku nav#hnavi li {
    display: inline-block;
    transition: 0.8s;
    text-align: center
}

header#header .waku nav#hnavi li+li {
    margin-left: 25px
}

header#header .waku nav#hnavi li a {
    display: inline-block;
    font-size: 15px;
    color: #266585;
    font-weight: bold;
    position: relative
}

header#header .waku nav#hnavi li a:after,
header#header .waku nav#hnavi li a:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #266585;
    position: absolute;
    left: 0;
    transition: 0.3s;
    transform: scaleX(0)
}

header#header .waku nav#hnavi li a:after {
    bottom: -8px;
    transform-origin: left
}

header#header .waku nav#hnavi li a:before {
    display: none;
    top: -15px;
    transform-origin: right
}

header#header .waku nav#hnavi li a:hover:after,
header#header .waku nav#hnavi li a:hover:before {
    transform: scaleX(1)
}

header#header #spbtn {
    display: none;
    width: 30px;
    height: 30px;
    position: fixed;
    top: 12.5px;
    right: 12.5px;
    z-index: 9999999
}

@media only screen and (max-width: 1240px) {
    header#header {
        width: calc(100% - 40px);
        height: 80px;
        padding: 0 20px
    }

    header#header .waku h1 {
        top: 10px;
        left: 10px
    }

    header#header .waku h1 a img {
        height: 60px
    }

    header#header .waku nav#hSubnavi {
        top: 9px;
        right: 0
    }

    header#header .waku nav#hSubnavi>a {
        pointer-events: inherit
    }

    header#header .waku nav#hSubnavi>a:before {
        display: none
    }

    header#header .waku nav#hSubnavi .btnArea {
        width: 100px;
        margin-right: 10px
    }

    header#header .waku nav#hnavi {
        height: 20px;
        left: 120px
    }

    header#header .waku nav#hnavi li+li {
        margin-left: 15px
    }

    header#header .waku nav#hnavi li a {
        font-size: 13px
    }

    header#header #spbtn {
        display: none;
        width: 30px;
        height: 30px;
        position: fixed;
        top: 5px;
        right: 5px;
        z-index: 9999999
    }
}

@media only screen and (max-width: 890px) {
    header#header .waku nav#hnavi {
        width: 255px;
        height: 50px;
        left: 110px
    }

    header#header .waku nav#hnavi li {
        display: block;
        width: 85px;
        float: left;
        padding: 5px 0
    }

    header#header .waku nav#hnavi li+li {
        margin-left: 0
    }

    header#header .waku nav#hnavi li a {
        font-size: 13px
    }

    header#header .waku nav#hnavi li a:after {
        bottom: -3px
    }
}

@media only screen and (max-width: 768px) {
    header#header {
        width: calc(100%);
        height: 40px
    }

    header#header .waku h1 {
        top: 6px;
        left: 0px
    }

    header#header .waku h1 a img {
        height: 30px
    }

    header#header .waku nav#hSubnavi {
        top: 5px;
        right: 30px
    }

    header#header .waku nav#hSubnavi .btnArea {
        display: none
    }

    header#header .waku nav#hSubnavi img {
        height: 30px
    }

    header#header .waku nav#hnavi {
        display: none
    }

    header#header #spbtn {
        display: block
    }
}

@media only screen and (max-width: 680px) {
    header#header {
        height: 40px
    }

    header#header .waku h1 a img {
        height: 30px
    }

    header#header .waku nav#hnavi {
        display: none
    }

    header#header #spbtn {
        display: block
    }
}

#spbtnWaku {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 30001;
    cursor: pointer;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid #266585;
    background: #fff
}

#spbtnWaku span {
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    background: #266585;
    transition: .3s
}

#spbtnWaku span:nth-of-type(1) {
    top: 20%
}

#spbtnWaku span:nth-of-type(2) {
    transition-delay: .3s;
    top: 50%
}

#spbtnWaku span:nth-of-type(2):after {
    content: "";
    display: block;
    opacity: 0;
    width: 100%;
    height: 1px;
    margin: auto;
    background: #266585;
    transition: .3s;
    transition-delay: .6s;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

#spbtnWaku span:nth-of-type(3) {
    top: 80%
}

#spbtnWaku.active span:nth-of-type(1) {
    transform: translateX(100%)
}

#spbtnWaku.active span:nth-of-type(2) {
    transform: rotate(45deg)
}

#spbtnWaku.active span:nth-of-type(2):after {
    transform: rotate(90deg);
    opacity: 1
}

#spbtnWaku.active span:nth-of-type(3) {
    transform: translateX(-100%)
}

#spbtnWaku.active+nav#gmenuSP {
    transform: translateX(0)
}

#spbtnWaku.active+nav#gmenuSP ul.mainNav li {
    opacity: 1;
    transform: translateX(0)
}

nav#gmenuSP {
    display: block;
    width: 100vw;
    height: 100vh;
    background: #fff;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 30000;
    transform: translateX(100vw);
    transition: 0.5s;
    text-align: center
}

nav#gmenuSP #naviTop {
    display: block;
    text-align: center
}

nav#gmenuSP #gmenuSPwaku {
    padding: 30px 0 0;
    width: 100%;
    height: 100%
}

nav#gmenuSP #gmenuSPwaku canvas {
    width: 100vw;
    height: 100px
}

nav#gmenuSP #gmenuSPwaku>a {
    display: block;
    width: auto;
    height: 50px;
    margin-bottom: 30px;
    text-align: center
}

nav#gmenuSP #gmenuSPwaku>a img {
    display: inline-block;
    width: auto;
    height: 100%
}

nav#gmenuSP ul.mainNav {
    display: block;
    width: 100%;
    padding: 0 20px
}

nav#gmenuSP ul.mainNav li {
    display: block;
    padding: 10px;
    text-align: left;
    transition: 0.5s;
    transition-timing-function: ease-out;
    transform: translateX(100px);
    opacity: 0;
    border-top: 1px solid #ccc
}

nav#gmenuSP ul.mainNav li.sub {
    transition-delay: 0.7s
}

nav#gmenuSP ul.mainNav li.sub a {
    font-size: 12px
}

nav#gmenuSP ul.mainNav li:nth-of-type(1) {
    transition-delay: 0.2s
}

nav#gmenuSP ul.mainNav li:nth-of-type(2) {
    transition-delay: 0.3s
}

nav#gmenuSP ul.mainNav li:nth-of-type(3) {
    transition-delay: 0.4s
}

nav#gmenuSP ul.mainNav li:nth-of-type(4) {
    transition-delay: 0.5s
}

nav#gmenuSP ul.mainNav li:nth-of-type(4) {
    transition-delay: 0.5s
}

nav#gmenuSP ul.mainNav li:nth-of-type(5) {
    transition-delay: 0.6s
}
nav#gmenuSP ul.mainNav li:nth-of-type(6) {
    transition-delay: 0.7s
}

nav#gmenuSP ul.mainNav li:last-child {
    border-bottom: 1px solid #ccc
}

nav#gmenuSP ul.mainNav li a {
    display: block;
    width: 100%;
    padding: 0;
    font-size: 14px;
    font-weight: bold;
    color: #266585;
    position: relative
}

nav#gmenuSP ul.mainNav li a:after {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    margin: auto 0;
    border: 1px solid #266585;
    border-width: 3px 3px 0 0;
    transform: rotate(48deg);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0
}

nav#gmenuSP p#spcopylight {
    display: block;
    width: 100%;
    padding: 10px;
    font-size: 10px;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    position: absolute;
    bottom: 10px;
    left: 0;
    z-index: 100
}

@media only screen and (max-width: 1240px) {
    nav#gmenuSP {
        width: 50vw;
        transform: translateX(50vw)
    }
}

@media only screen and (max-width: 768px) {
    nav#gmenuSP {
        width: 80vw;
        transform: translateX(80vw)
    }
}

@media only screen and (max-width: 680px) {
    nav#gmenuSP {
        width: 100vw;
        transform: translateX(100vw)
    }
}

nav#sideMenu {
    display: block;
    width: 40px;
    height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 999
}

nav#sideMenu li {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 50%
}

nav#sideMenu li:nth-of-type(1) {
    background: #3782a3
}

nav#sideMenu li:nth-of-type(2) {
    background: #4d97b8
}

nav#sideMenu li a {
    display: table-cell;
    width: 100%;
    height: 50vh;
    text-align: center;
    vertical-align: middle
}

nav#sideMenu li a .img {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-bottom: 10px;
    border: 1px solid #fff;
    border-radius: 50%;
    background-size: 60% auto !important;
    background-repeat: no-repeat !important;
    background-position: center !important
}

nav#sideMenu li a span {
    display: inline-block;
    height: auto;
    font-size: 16px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl
}

@media only screen and (max-width: 768px) {
    nav#sideMenu {
        width: 100vw;
        height: auto;
        position: fixed;
        top: auto;
        bottom: 0;
        right: auto;
        left: 0
    }

    nav#sideMenu li {
        display: block;
        width: 50%;
        height: 100%;
        float: left
    }

    nav#sideMenu li a {
        display: block;
        padding: 10px;
        width: 100%;
        height: 100%
    }

    nav#sideMenu li a .img {
        width: 30px;
        height: 30px;
        margin-bottom: 7px;
        border: 1px solid #fff;
        border-radius: 50%;
        background-size: 60% auto !important;
        background-repeat: no-repeat !important;
        background-position: center !important
    }

    nav#sideMenu li a span {
        display: block;
        height: auto;
        font-size: 10px;
        text-align: center;
        vertical-align: middle;
        color: #fff;
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb
    }
}

section#otherLink .waku nav {
    display: block;
    padding: 10px 0
}

section#otherLink .waku nav li {
    display: inline-block
}

section#otherLink .waku nav li+li {
    margin-left: 20px
}

section#otherLink .waku nav li a {
    color: #266585
}

section#otherLink .waku nav li a:hover {
    text-decoration: underline
}

section#otherLink .waku nav li a span {
    font-size: 11px;
    color: #266585
}

@media only screen and (max-width: 768px) {
    section#otherLink .waku nav li+li {
        margin-left: 10px
    }

    section#otherLink .waku nav li a span {
        font-size: 10px
    }
}

a#toHeader {
    display: block;
    width: 100%;
    height: 50px;
    background: #65a2c2;
    position: relative;
    transition: .3s;
    border: 1px solid #65a2c2;
    border-width: 1px 0
}

a#toHeader:hover {
    background: #fff
}

a#toHeader:hover:after {
    border-color: #65a2c2
}

a#toHeader:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    margin: auto;
    border: 1px solid #fff;
    border-width: 1px 0 0 1px;
    transform: scaleX(2) rotate(45deg);
    position: absolute;
    top: 40%;
    left: 0;
    right: 0
}

footer#footer {
    padding: 75px 0 100px;
    background: #52859e;
    background: -moz-linear-gradient(top, #52859e 0%, #266585 74%, #0b3c55 100%);
    background: -webkit-linear-gradient(top, #52859e 0%, #266585 74%, #0b3c55 100%);
    background: linear-gradient(to bottom, #52859e 0%, #266585 74%, #0b3c55 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#52859e', endColorstr='#0b3c55', GradientType=0)
}

footer#footer .waku {
    text-align: center
}

footer#footer .waku p.footer-logo {
    display: block;
    width: 150px;
    margin: 0 auto 45px
}

footer#footer .waku p.footer-logo a {
    display: block;
    width: 100%
}

footer#footer .waku p.footer-logo a img {
    display: block;
    width: 100%;
    height: auto
}

footer#footer .waku h2 {
    margin-bottom: 30px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    letter-spacing: 4px;
    line-height: 2.5
}

footer#footer .waku h3 {
    color: #fff;
    font-weight: bold;
    font-size: 13px
}

footer#footer .waku h3:after,
footer#footer .waku h3:before {
    content: "-";
    display: inline-block;
    margin: 0 10px
}

footer#footer .waku>nav#footerNavi {
    display: block;
    text-align: left
}

footer#footer .waku>nav#footerNavi a:hover {
    text-decoration: underline
}

footer#footer .waku>nav#footerNavi>li {
    display: block
}

footer#footer .waku>nav#footerNavi>li+li {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #5d8da6
}

footer#footer .waku>nav#footerNavi>li>a,
footer#footer .waku>nav#footerNavi>li>p {
    display: block;
    width: 20%;
    color: #fff;
    font-size: 13px;
    line-height: 2;
    float: left
}

footer#footer .waku>nav#footerNavi>li>nav {
    display: block;
    width: 80%;
    float: left;
    font-size: 11px
}

footer#footer .waku>nav#footerNavi>li>nav li {
    display: inline-block
}

footer#footer .waku>nav#footerNavi>li>nav li:after {
    content: " /";
    color: #fff;
    margin-right: 5px
}

footer#footer .waku>nav#footerNavi>li>nav li:last-child:after {
    content: "";
    margin: 0
}

footer#footer .waku>nav#footerNavi>li>nav li a {
    color: #fff;
    font-size: 11px;
    line-height: 2
}

@media only screen and (max-width: 768px) {
    footer#footer {
        padding: 50px 0 70px
    }

    footer#footer .waku p.footer-logo {
        margin-bottom: 30px;
        width: 100px
    }

    footer#footer .waku p.footer-logo a img {
        display: block;
        width: 100%;
        height: auto
    }

    footer#footer .waku h2 {
        margin-bottom: 30px;
        font-size: 14px;
        letter-spacing: 2px
    }

    footer#footer .waku>nav#footerNavi>li+li {
        margin-top: 15px;
        padding-top: 15px;
        border-top: 1px solid #5d8da6
    }

    footer#footer .waku>nav#footerNavi>li>a,
    footer#footer .waku>nav#footerNavi>li>p {
        width: 100%;
        margin-bottom: 10px;
        font-size: 12px;
        line-height: 1
    }

    footer#footer .waku>nav#footerNavi>li>nav {
        display: block;
        width: 100%;
        font-size: 10px
    }

    footer#footer .waku>nav#footerNavi>li>nav li a {
        color: #fff;
        font-size: 10px;
        line-height: 2
    }
}

p#copyright {
    background: #06344b;
    padding: 10px 0 30px;
    font-size: 12px;
    color: #fff;
    text-align: center
}

@media only screen and (max-width: 680px) {
    p#copyright {
        padding: 10px 0;
        font-size: 10px
    }
}

section#mv {
    display: block;
    width: 100%;
    height: 200px;
    background-position: center !important;
    background-size: cover !important
}

section#mv .waku {
    display: table;
    height: 100%;
    margin: 0 auto
}

section#mv .waku h2 {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    color: #fff;
    font-size: 44px;
    letter-spacing: 3px
}

section#mv .waku h2 span {
    display: block;
    margin-bottom: 20px;
    font-size: 18px;
    color: #fff
}

section#mv .waku h2 span.black {
    color: #000
}

@media only screen and (max-width: 1240px) {
    section#mv {
        height: 180px
    }

    section#mv .waku h2 {
        font-size: 36px;
        letter-spacing: 2px
    }

    section#mv .waku h2 span {
        margin-bottom: 18px;
        font-size: 16px
    }
}

@media only screen and (max-width: 768px) {
    section#mv {
        height: 160px
    }

    section#mv .waku h2 {
        font-size: 30px;
        letter-spacing: 1px
    }

    section#mv .waku h2 span {
        margin-bottom: 16px;
        font-size: 14px
    }
}

@media only screen and (max-width: 680px) {
    section#mv {
        height: 150px
    }

    section#mv .waku h2 {
        font-size: 24px;
        letter-spacing: 1px
    }

    section#mv .waku h2 span {
        margin-bottom: 14px;
        font-size: 12px
    }
}

.btn02 {
    display: inline-block;
    padding: 30px 110px;
    text-align: center;
    border-radius: 50px;
    border: 5px solid #266585;
    background: #266585;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    transition: .3s
}

.btn02:hover {
    background: #fff;
    color: #266585
}

@media only screen and (max-width: 1240px) {
    .btn02 {
        padding: 25px 80px;
        border: 4px solid #266585;
        font-size: 18px
    }
}

@media only screen and (max-width: 768px) {
    .btn02 {
        padding: 20px 30px;
        border: 3px solid #266585;
        font-size: 16px
    }
}

@media only screen and (max-width: 680px) {
    .btn02 {
        padding: 10px 20px;
        border: 2px solid #266585;
        font-size: 14px
    }
}

.ttl {
    display: block;
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    color: #003366
}

.ttl>span {
    display: block;
    margin: 15px 0 20px;
    font-size: 13px;
    color: #666666;
    position: relative
}

.ttl>span:after {
    content: "";
    display: block;
    width: 60px;
    height: 3px;
    margin: auto;
    position: absolute;
    bottom: -20px;
    right: 0;
    left: 0
}

@media only screen and (max-width: 1240px) {
    .ttl {
        font-size: 22px
    }

    .ttl>span {
        margin: 10px 0 15px;
        font-size: 12px
    }
}

@media only screen and (max-width: 768px) {
    .ttl {
        font-size: 18px
    }

    .ttl>span {
        margin: 5px 0 10px;
        font-size: 11px
    }
}

@media only screen and (max-width: 680px) {
    .ttl {
        font-size: 15px
    }

    .ttl>span {
        font-size: 10px
    }
}

.ttl01 {
    display: block;
    padding: 80px 0 30px;
    font-size: 39px;
    text-align: center;
    color: #000;
    font-family: "robotoB" !important;
    line-height: 1
}

.ttl01 span {
    display: block;
    margin-top: 15px;
    font-size: 13px
}

@media only screen and (max-width: 1240px) {
    .ttl01 {
        padding: 60px 0 20px;
        font-size: 32px
    }

    .ttl01 span {
        margin-top: 14px;
        font-size: 12px
    }
}

@media only screen and (max-width: 768px) {
    .ttl01 {
        padding: 50px 0 20px;
        font-size: 26px
    }

    .ttl01 span {
        margin-top: 10px;
        font-size: 11px
    }
}

@media only screen and (max-width: 680px) {
    .ttl01 {
        padding: 40px 0 20px;
        font-size: 22px
    }

    .ttl01 span {
        margin-top: 5px;
        font-size: 10px
    }
}

.ttl02 {
    margin-bottom: 48px;
    text-align: center
}

.ttl02 em {
    display: block;
    color: #fff;
    font-size: 48px;
    font-style: italic
}

.ttl02 span {
    display: inline-block;
    margin-top: 20px;
    padding: 0 45px;
    font-size: 24px;
    color: #fff;
    position: relative
}

.ttl02 span:after,
.ttl02 span:before {
    content: "";
    display: block;
    width: 30px;
    height: 1px;
    margin: auto 0;
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0
}

.ttl02 span:after {
    left: 0
}

.ttl02 span:before {
    right: 0
}

@media only screen and (max-width: 1240px) {
    .ttl02 {
        margin-bottom: 40px
    }

    .ttl02 em {
        font-size: 40px
    }

    .ttl02 span {
        margin-top: 20px;
        padding: 0 45px;
        font-size: 20px
    }

    .ttl02 span:after,
    .ttl02 span:before {
        width: 30px
    }
}

@media only screen and (max-width: 768px) {
    .ttl02 {
        margin-bottom: 30px
    }

    .ttl02 em {
        font-size: 30px
    }

    .ttl02 span {
        margin-top: 20px;
        padding: 0 30px;
        font-size: 16px
    }

    .ttl02 span:after,
    .ttl02 span:before {
        width: 20px
    }
}

@media only screen and (max-width: 680px) {
    .ttl02 {
        margin-bottom: 30px
    }

    .ttl02 em {
        font-size: 30px
    }

    .ttl02 span {
        margin-top: 15px;
        padding: 0 30px;
        font-size: 14px
    }

    .ttl02 span:after,
    .ttl02 span:before {
        width: 20px
    }
}

section#ttl {
    display: block;
    padding: 60px 0;
    text-align: center;
    background: #eeeeee
}

section#ttl h2 em {
    display: block;
    color: #000;
    font-size: 74px;
    font-style: italic
}

section#ttl h2 span {
    display: inline-block;
    margin-top: 20px;
    padding: 0 45px;
    font-size: 24px;
    color: #000;
    position: relative
}

section#ttl h2 span:after,
section#ttl h2 span:before {
    content: "";
    display: block;
    width: 40px;
    height: 1px;
    margin: auto 0;
    background: #000;
    position: absolute;
    top: 0;
    bottom: 0
}

section#ttl h2 span:after {
    left: 0
}

section#ttl h2 span:before {
    right: 0
}

@media only screen and (max-width: 1240px) {
    section#ttl {
        padding: 50px 0
    }

    section#ttl h2 em {
        font-size: 70px
    }

    section#ttl h2 span {
        margin-top: 20px;
        padding: 0 40px;
        font-size: 20px
    }

    section#ttl h2 span:after,
    section#ttl h2 span:before {
        width: 35px
    }
}

@media only screen and (max-width: 768px) {
    section#ttl {
        padding: 40px 0
    }

    section#ttl h2 em {
        font-size: 50px
    }

    section#ttl h2 span {
        margin-top: 15px;
        padding: 0 30px;
        font-size: 16px
    }

    section#ttl h2 span:after,
    section#ttl h2 span:before {
        width: 25px
    }
}

@media only screen and (max-width: 680px) {
    section#ttl {
        padding: 30px 0
    }

    section#ttl h2 em {
        font-size: 40px
    }

    section#ttl h2 span {
        margin-top: 10px;
        padding: 0 20px;
        font-size: 14px
    }

    section#ttl h2 span:after,
    section#ttl h2 span:before {
        width: 15px
    }
}

.wakuAnime {
    position: relative
}

.wakuAnime:after {
    content: "";
    display: block;
    width: 175px;
    height: 175px;
    border: 3px solid #499df0;
    border-radius: 3px;
    position: absolute;
    transition: 0.5s;
    transform: scale(3);
    opacity: 0
}

.wakuAnime.on:after {
    transform: scale(1);
    opacity: 1
}

@media only screen and (max-width: 768px) {
    .wakuAnime:after {
        display: none
    }
}

.logo {
    display: block;
    margin-bottom: 20px
}

.logo.on .line {
    transform: scaleY(1)
}

.logo.on .circle {
    transform: scale(1)
}

.logo.on .circle img {
    opacity: 1
}

.logo .line {
    display: block;
    width: 1px;
    height: 50px;
    margin: auto;
    background: #266585;
    transition: 1s;
    transform-origin: top center;
    transform: scaleY(0)
}

.logo .circle {
    display: block;
    width: 60px;
    height: 60px;
    margin: auto;
    background: #266585;
    position: relative;
    border-radius: 50%;
    transition: 1s;
    transition-delay: 1s;
    transform-origin: top center;
    transform: scale(0)
}

.logo .circle img {
    display: block;
    margin: auto;
    max-width: 40px;
    max-height: 40px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: 0.3s;
    transition-delay: 2s;
    opacity: 0
}

.fadeBlur {
    opacity: 0;
    filter: blur(100px);
    transition: 1s
}

.fadeBlur.on {
    opacity: 1 !important;
    filter: blur(0) !important
}

section#breadcrumb .waku nav {
    display: block;
    padding: 15px 0
}

section#breadcrumb .waku nav>li {
    display: inline-block;
    color: #266585
}

section#breadcrumb .waku nav>li+li a:before,
section#breadcrumb .waku nav>li+li p:before {
    content: ">";
    display: inline-block;
    color: #266585;
    font-size: 11px;
    vertical-align: middle;
    margin-right: 5px;
    padding-bottom: 5px
}

section#breadcrumb .waku nav>li a,
section#breadcrumb .waku nav>li p {
    display: inline-block;
    padding: 0 5px 0 0;
    font-size: 11px;
    color: #266585;
    vertical-align: middle;
    line-height: 1
}

section#breadcrumb .waku nav>li a:hover {
    text-decoration: underline
}

@media only screen and (max-width: 1240px) {
    section#breadcrumb .waku nav {
        padding: 10px 0 10px
    }

    section#breadcrumb .waku nav>li+li a:before,
    section#breadcrumb .waku nav>li+li p:before {
        font-size: 11px
    }

    section#breadcrumb .waku nav>li a,
    section#breadcrumb .waku nav>li p {
        font-size: 11px
    }
}

@media only screen and (max-width: 768px) {
    section#breadcrumb .waku nav {
        padding: 10px 0
    }

    section#breadcrumb .waku nav>li+li a:before,
    section#breadcrumb .waku nav>li+li p:before {
        font-size: 10px
    }

    section#breadcrumb .waku nav>li a,
    section#breadcrumb .waku nav>li p {
        font-size: 10px
    }
}

ul.snsLink {
    display: block;
    text-align: right
}

ul.snsLink li {
    display: inline-block;
    width: 30px
}

ul.snsLink li+li {
    margin-left: 5px
}

ul.snsLink li .hatena-bookmark-button-frame {
    width: 30px !important;
    height: 30px !important;
    border-radius: 50% !important
}

ul.snsLink li a {
    display: block;
    width: 100%;
    transition: .2s
}

ul.snsLink li a:hover {
    opacity: .6
}

ul.snsLink li a img {
    display: block;
    width: 100%;
    height: auto
}

ul#peger {
    display: block;
    width: 100%;
    margin-top: 50px;
    text-align: center
}

ul#peger li {
    display: inline-block;
    margin: 0 2.5px
}

ul#peger li a,
ul#peger li p {
    display: block;
    padding: 8px 9px;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    transition: .3s
}

ul#peger li a {
    background: #266585;
    border: 1px solid #266585
}

ul#peger li a:hover {
    background: #fff;
    color: #266585
}

ul#peger li p,
ul#peger li a.pageend {
    background: #3b3b3b;
    border: 1px solid #3b3b3b
}

ul#peger li a.pageend:hover {
    background: #fff;
    color: #3b3b3b
}

@media only screen and (max-width: 680px) {
    ul#peger {
        margin-top: 50px
    }
}

#sideNavi {
    margin-top: 35px
}

#sideNavi #contentArea {
    display: block;
    width: 70.16%;
    float: left
}

#sideNavi #sideArea {
    display: block;
    width: 26.21%;
    margin-left: 3.63%;
    float: left
}

#sideNavi #sideArea h6 {
    display: block;
    padding: 10px 15px;
    background: #266585
}

#sideNavi #sideArea h6 span {
    display: block;
    color: #fff;
    font-size: 15px;
    font-weight: bold
}

#sideNavi #sideArea .side {
    display: block;
    padding: 20px;
    background: #f2f2f2
}

#sideNavi #sideArea .side ul {
    display: block
}

#sideNavi #sideArea .side ul li {
    display: block;
    border-top: 1px solid #ccc
}

#sideNavi #sideArea .side ul li:last-child {
    border-bottom: 1px solid #ccc
}

#sideNavi #sideArea .side ul li a {
    display: block;
    padding: 10px 0;
    background: url(/recruit/cmn/img/allow_r.svg) right center no-repeat;
    background-size: 15px auto
}

@media only screen and (max-width: 1240px) {
    #sideNavi {
        margin-top: 30px
    }

    #sideNavi #contentArea {
        width: 70.16%;
        float: left
    }

    #sideNavi #sideArea {
        width: 28.21%;
        margin-left: 1.63%;
        float: left
    }

    #sideNavi #sideArea h6 {
        padding: 10px 15px
    }

    #sideNavi #sideArea h6 span {
        padding-left: 25px;
        font-size: 14px
    }

    #sideNavi #sideArea .side {
        padding: 15px
    }
}

@media only screen and (max-width: 768px) {
    #sideNavi #contentArea {
        width: 100%;
        padding-bottom: 50px;
        float: none
    }

    #sideNavi #sideArea {
        width: 100%;
        margin-left: 0;
        float: none
    }

    #sideNavi #sideArea h6 {
        padding: 10px 15px
    }

    #sideNavi #sideArea h6 span {
        padding-left: 25px;
        font-size: 14px
    }

    #sideNavi #sideArea .side {
        padding: 10px
    }
}

.cate {
    display: inline-block;
    width: 100px;
    padding: 1px 10px 3px;
    text-align: center;
    line-height: 1;
    vertical-align: middle
}

.cate:after {
    font-size: 12px;
    color: #fff
}

.cate.cate01a {
    background: #77b2fc
}

.cate.cate01a:after {
    content: "リリース"
}

.cate.cate01b {
    background: #b4a7d6
}

.cate.cate01b:after {
    content: "お知らせ"
}

.cate.cate01c {
    background: #ea9999
}

.cate.cate01c:after {
    content: "重要"
}

.cate.cate02a {
    background: #b7b7b7
}

.cate.cate02a:after {
    content: "IR"
}

.cate.cate03a {
    background: #888bff
}

.cate.cate03a:after {
    content: "電解水素水"
}

.cate.cate03b {
    background: #92e1b5
}

.cate.cate03b:after {
    content: "電解水透析"
}

.cate.cate04a {
    background: #f9cb9c
}

.cate.cate04a:after {
    content: "新聞"
}

.cate.cate04b {
    background: #ffe599
}

.cate.cate04b:after {
    content: "雑誌"
}

.cate.cate04c {
    background: #afe8ce
}

.cate.cate04c:after {
    content: "WEB"
}

.cate.cate04d {
    background: #eeb9d3
}

.cate.cate04d:after {
    content: "TV"
}

@media only screen and (max-width: 1240px) {
    .cate {
        display: inline-block;
        width: 100px;
        padding: 1px 10px 3px
    }

    .cate:after {
        font-size: 11px
    }
}

@media only screen and (max-width: 768px) {
    .cate {
        display: inline-block;
        width: 100px;
        padding: 1px 10px 3px
    }

    .cate:after {
        font-size: 11px
    }
}

#newsList {
    display: block
}

#newsList.magazine ul li .mgznTtl {
    display: block;
    font-weight: bold
}

#newsList.magazine ul li time,
#newsList.magazine ul li .newTtl {
    display: block;
    margin-top: 10px;
    padding: 0;
    font-size: 14px
}

#newsList.magazine ul li time {
    width: auto;
    text-align: left;
    font-size: 12px
}

#newsList.magazine ul li .newTtl {
    width: 100%
}

#newsList ul {
    display: block
}

#newsList ul li {
    display: block
}

#newsList ul li+li {
    margin-top: 25px
}

#newsList ul li a,
#newsList ul li .noLink {
    display: inline-block;
    display: table;
    table-layout: fixed;
    vertical-align: middle
}

#newsList ul li .cate {
    display: table-cell
}

#newsList ul li time,
#newsList ul li .newTtl {
    display: table-cell;
    font-size: 14px;
    color: #266585;
    vertical-align: middle
}

#newsList ul li time {
    width: 100px;
    padding: 2px 10px 0;
    text-align: center
}

#newsList ul li .newTtl {
    width: 800px;
    line-height: 1.5
}

#newsList ul li .newTtl span.pdf {
    display: inline-block;
    padding: 3px 5px;
    margin: auto 5px;
    background: #f00;
    line-height: 1
}

#newsList ul li .newTtl span.pdf:after {
    content: "PDF";
    color: #fff;
    font-size: 10px
}

#newsList ul li a {
    color: #266585;
    transition: .3s
}

#newsList ul li a:hover {
    opacity: .6
}

#newsList ul li a .newTtl {
    text-decoration: underline;
    line-height: 1.5
}

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

    #newsList.magazine ul li time,
    #newsList.magazine ul li .newTtl {
        margin-top: 8px;
        font-size: 13px
    }

    #newsList.magazine ul li time {
        font-size: 11px
    }

    #newsList ul li+li {
        margin-top: 20px
    }

    #newsList ul li a,
    #newsList ul li .noLink {
        display: block
    }

    #newsList ul li .cate {
        display: inline-block
    }

    #newsList ul li time,
    #newsList ul li .newTtl {
        font-size: 13px
    }

    #newsList ul li time {
        display: inline-block;
        width: 100px;
        text-align: center
    }

    #newsList ul li .newTtl {
        display: block;
        margin-top: 5px;
        width: 100%;
        line-height: 1.8
    }
}

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

    #newsList.magazine ul li time,
    #newsList.magazine ul li .newTtl {
        margin-top: 8px;
        font-size: 12px
    }

    #newsList.magazine ul li time {
        font-size: 10px
    }

    #newsList ul li+li {
        margin-top: 20px
    }

    #newsList ul li a,
    #newsList ul li .noLink {
        display: block
    }

    #newsList ul li .cate {
        display: inline-block
    }

    #newsList ul li time,
    #newsList ul li .newTtl {
        font-size: 12px
    }

    #newsList ul li time {
        display: inline-block;
        width: 100px;
        text-align: center
    }

    #newsList ul li .newTtl {
        display: block;
        margin-top: 5px;
        width: 100%;
        line-height: 1.8
    }
}

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

    #newsList.magazine ul li time,
    #newsList.magazine ul li .newTtl {
        margin-top: 5px;
        font-size: 12px
    }

    #newsList.magazine ul li time {
        font-size: 10px
    }

    #newsList ul li+li {
        margin-top: 20px
    }

    #newsList ul li a,
    #newsList ul li .noLink {
        display: block
    }

    #newsList ul li .cate {
        display: inline-block
    }

    #newsList ul li time,
    #newsList ul li .newTtl {
        font-size: 10px
    }

    #newsList ul li time {
        display: inline-block;
        width: 80px;
        text-align: right
    }

    #newsList ul li .newTtl {
        display: block;
        margin-top: 5px;
        width: 100%;
        line-height: 1.8
    }
}

section#products .waku #productMv {
    display: block;
    margin: 60px 0 50px
}

section#products .waku #productMv .img,
section#products .waku #productMv .txt {
    display: block;
    float: left
}

section#products .waku #productMv .img {
    width: 63%;
    min-height: 340px;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important
}

section#products .waku #productMv .txt {
    width: 37%
}

section#products .waku #productMv .txt h2 {
    display: block;
    margin-bottom: 25px;
    font-size: 36px;
    color: #3a86b8
}

section#products .waku #productMv .txt h2 span {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    color: #3a86b8
}

section#products .waku #productMv .txt p {
    line-height: 1.7
}

section#products .waku #productMv .txt p.endTtl,
section#products .waku #productMv .txt p.endTxt {
    display: inline-block;
    margin-bottom: 20px;
    color: #f00
}

section#products .waku #productMv .txt p.endTtl {
    padding: 10px 20px;
    font-size: 20px;
    font-weight: bold;
    border: 1px solid #f00
}

section#products .waku #productMv .txt p.endTxt {
    font-size: 12px;
    line-height: 1.8
}

section#products .waku #productMv .txt p.price {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    color: #3a86b8
}

section#products .waku #productMv .txt p.price span {
    display: block;
    margin-top: 5px;
    font-size: 12px;
    color: #3a86b8
}

section#products .waku #productMv .txt #ninshoNo {
    display: block;
    margin-bottom: 15px;
    padding: 10px;
    border: 1px solid #3a86b8;
    font-size: 11px;
    color: #3a86b8
}

section#products .waku #productMv .txt nav {
    display: block
}

section#products .waku #productMv .txt nav li {
    display: block
}

section#products .waku #productMv .txt nav li+li {
    margin-top: 5px
}

section#products .waku #productMv .txt nav li a {
    display: block;
    padding: 10px 20px;
    background: #f4f4f4;
    vertical-align: middle
}

section#products .waku #productMv .txt nav li a:hover {
    opacity: .6
}

section#products .waku #productMv .txt nav li a span {
    display: block;
    color: #2983d0;
    font-size: 16px
}

section#products .waku #productMv .txt nav li a span img {
    display: inline-block;
    width: 20px;
    height: auto;
    margin-right: 5px;
    vertical-align: middle
}

section#products .waku #specialPoint {
    display: block;
    margin-bottom: 40px
}

section#products .waku #specialPoint p {
    display: block;
    width: 49.5%;
    padding: 18px 10px 15px;
    float: left;
    border-radius: 10px;
    background: #d8e7f1;
    text-align: center;
    font-size: 22px;
    color: #3a86b8
}

section#products .waku #specialPoint p:nth-of-type(even) {
    margin-left: 1%
}

section#products .waku #specialPoint p:nth-of-type(n+3) {
    margin-top: 1%
}

section#products .waku #specialPoint p>span {
    display: block;
    font-size: 51px;
    color: #3a86b8;
    font-weight: bold
}

section#products .waku #specialPoint p>span em {
    display: inline-block;
    font-size: 84px;
    font-weight: bold;
    color: #2983d0
}

section#products .waku #specialPoint p>span span {
    display: inline-block;
    font-size: 26px;
    color: #3a86b8
}

section#products .waku #bunner {
    display: block;
    margin: 40px 0 90px
}

section#products .waku #bunner a {
    display: block
}

section#products .waku #bunner a img {
    display: block;
    width: 100%;
    height: auto
}

section#products .waku ul.movieList {
    display: block;
    margin-bottom: 80px
}

section#products .waku ul.movieList li {
    display: block;
    width: 30%;
    float: left;
    vertical-align: top
}

section#products .waku ul.movieList li:not(:nth-of-type(3n+1)) {
    margin-left: 5%
}

section#products .waku ul.movieList li:nth-of-type(n+4) {
    margin-top: 5%
}

section#products .waku ul.movieList li h4 {
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: bold
}

section#products .waku ul.movieList li h4 img {
    display: inline-block;
    width: 30px;
    height: auto;
    vertical-align: middle;
    margin-right: 5px
}

section#products .waku ul.movieList li h4 a {
    display: inline-block;
    text-decoration: underline;
    font-size: 10px;
    letter-spacing: 0
}

section#products .waku ul.movieList li h4 a:hover {
    color: #3a86b8
}

section#products .waku ul.movieList li h4 .arrow01 {
    padding-left: 10px;
    margin-left: 5px
}

section#products .waku ul.movieList li h4 .arrow01:before {
    width: 3px;
    height: 3px
}

section#products .waku ul.movieList li iframe {
    display: block;
    width: 100%
}

section#products .waku ul.movieList li>a {
    display: block;
    margin-top: 20px;
    text-decoration: underline;
    font-size: 12px;
    color: #3a86b8
}

section#products .waku .oneImg {
    display: block
}

section#products .waku .oneImg img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: auto
}

section#products .waku ul#pdfList {
    display: block;
    margin-bottom: 110px
}

section#products .waku ul#pdfList li {
    display: block;
    width: 48%;
    float: left
}

section#products .waku ul#pdfList li:nth-of-type(even) {
    margin-left: 4%
}

section#products .waku ul#pdfList li:nth-of-type(n+3) {
    margin-top: 4%
}

section#products .waku ul#pdfList li .img,
section#products .waku ul#pdfList li .txt {
    display: block;
    float: left
}

section#products .waku ul#pdfList li .img {
    width: 20%
}

section#products .waku ul#pdfList li .img img {
    display: block;
    width: 100%;
    height: auto
}

section#products .waku ul#pdfList li .txt {
    width: 80%;
    padding-left: 20px
}

section#products .waku ul#pdfList li .txt h4 {
    display: inline-block;
    margin-bottom: 20px;
    padding: 10px 15px;
    background: #dbecf8;
    color: #3a86b8;
    font-size: 18px
}

section#products .waku ul#pdfList li .txt .version {
    display: block;
    font-size: 11px;
    margin-bottom: 10px;
    color: #3a86b8
}

section#products .waku ul#pdfList li .txt a.pdf {
    display: inline-block;
    font-size: 13px;
    text-decoration: underline;
    color: #3a86b8
}

section#products .waku ul#pdfList li .txt a.pdf img {
    display: inline-block;
    width: 20px;
    height: auto;
    margin-right: 5px;
    vertical-align: middle
}

section#products .waku ul#pdfList li .txt a.pdf span {
    display: inline-block;
    font-size: 11px;
    color: #3a86b8;
    letter-spacing: 0
}

section#products .waku ul#pdfList.cadList .txt p {
  line-height: 1;
}
section#products .waku ul#pdfList.cadList .txt p a {
  color: #3a86b8;
}

.remodal .cadTxtBox p {
  line-height: 1.7;
}
.remodal .cadTxtBox p a {
  color: #3a86b8;
}
.remodal .cadTxtBox ol {
  margin-bottom: 30px;
}
.remodal .cadTxtBox ol li {
  list-style-type: decimal;
  list-style-position: inside;
  line-height: 1.7;
  text-indent: -1.5em;
  padding-left: 1.5em;
}
.remodal .cadTxtBox .cadBtnList {
  margin-top: 30px;
  max-width: 500px;
  margin: 30px auto 0;
}
.remodal .cadTxtBox .cadBtnList li {
  float: left;
  width: 48%;
}
.remodal .cadTxtBox .cadBtnList li:nth-child(2n) {
  float: right;
}
.remodal .cadTxtBox .cadBtnList li a, .remodal .cadTxtBox .cadBtnList li button {
  display: block;
  width: 100%;
  padding: 16px 20px;
  transition: 0.3s;
  border: 1px solid #266585;
  font-size: 14px;
  line-height: 1;
  color: #266585;
  border-radius: 50px;
  background: #fff;
  text-align: center;
  cursor: pointer;
}
.remodal .cadTxtBox .cadBtnList li a:hover, .remodal .cadTxtBox .cadBtnList li button:hover {
  background: #266585;
  color: #fff;
}

@media only screen and (max-width: 480px) {
  .remodal .cadTxtBox .cadBtnList li {
    float: none;
    width: 100%;
  }
  .remodal .cadTxtBox .cadBtnList li:nth-child(2n) {
    float: none;
  }
  .remodal .cadTxtBox .cadBtnList li + li {
    margin-top: 1em;
  }
}
@media only screen and (max-width: 768px) {
  .remodal-wrapper {
    margin: 10px !important;
  }

  .remodal {
    padding: 35px 18px !important;
  }
}
@media only screen and (max-width: 480px) {
  .remodal p, .remodal a, .remodal li {
    font-size: 12px;
  }
}



@media only screen and (max-width: 1240px) {
    section#products .waku #productMv {
        margin: 50px 0 50px
    }

    section#products .waku #productMv .img,
    section#products .waku #productMv .txt {
        display: block;
        float: left
    }

    section#products .waku #productMv .img {
        width: 55%;
        min-height: 300px
    }

    section#products .waku #productMv .txt {
        width: 45%
    }

    section#products .waku #productMv .txt h2 {
        margin-bottom: 20px;
        font-size: 32px
    }

    section#products .waku #productMv .txt h2 span {
        margin-bottom: 8px;
        font-size: 14px
    }

    section#products .waku #productMv .txt p.endTtl,
    section#products .waku #productMv .txt p.endTxt {
        margin-bottom: 18px
    }

    section#products .waku #productMv .txt p.endTtl {
        padding: 8px 16px;
        font-size: 18px
    }

    section#products .waku #productMv .txt p.endTxt {
        font-size: 11px
    }

    section#products .waku #productMv .txt p.price {
        margin-bottom: 8px;
        font-size: 14px
    }

    section#products .waku #productMv .txt p.price span {
        margin-top: 4px;
        font-size: 11px
    }

    section#products .waku #productMv .txt #ninshoNo {
        margin-bottom: 12px;
        padding: 8px;
        font-size: 10px
    }

    section#products .waku #productMv .txt nav li+li {
        margin-top: 4px
    }

    section#products .waku #productMv .txt nav li a {
        padding: 8px 18px
    }

    section#products .waku #productMv .txt nav li a span {
        font-size: 14px
    }

    section#products .waku #productMv .txt nav li a span img {
        width: 18px;
        margin-right: 4px
    }

    section#products .waku #specialPoint {
        margin-bottom: 35px
    }

    section#products .waku #specialPoint p {
        width: 49.5%;
        padding: 16px 10px 12px;
        float: left;
        border-radius: 8px;
        font-size: 20px
    }

    section#products .waku #specialPoint p:nth-of-type(even) {
        margin-left: 1%
    }

    section#products .waku #specialPoint p:nth-of-type(n+3) {
        margin-top: 1%
    }

    section#products .waku #specialPoint p>span {
        font-size: 44px
    }

    section#products .waku #specialPoint p>span em {
        font-size: 75px
    }

    section#products .waku #specialPoint p>span span {
        font-size: 22px
    }

    section#products .waku #bunner {
        margin: 30px 0 70px
    }

    section#products .waku ul.movieList {
        margin-bottom: 70px
    }

    section#products .waku ul.movieList li {
        width: 32%;
        float: left;
        vertical-align: top
    }

    section#products .waku ul.movieList li:not(:nth-of-type(3n+1)) {
        margin-left: 2%
    }

    section#products .waku ul.movieList li:nth-of-type(n+4) {
        margin-top: 2%
    }

    section#products .waku ul.movieList li h4 {
        margin-bottom: 4px;
        font-size: 13px
    }

    section#products .waku ul.movieList li h4 img {
        width: 24px;
        margin-right: 4px
    }

    section#products .waku ul.movieList li h4 span,
    section#products .waku ul.movieList li h4 a {
        font-size: 10px
    }

    section#products .waku ul.movieList li iframe {
        width: 100%;
        height: 20vw
    }

    section#products .waku ul.movieList li>a {
        margin-top: 18px;
        font-size: 11px
    }

    section#products .waku ul#pdfList {
        margin-bottom: 90px
    }

    section#products .waku ul#pdfList li {
        width: 48%;
        float: left
    }

    section#products .waku ul#pdfList li:nth-of-type(even) {
        margin-left: 4%
    }

    section#products .waku ul#pdfList li:nth-of-type(n+3) {
        margin-top: 4%
    }

    section#products .waku ul#pdfList li .img,
    section#products .waku ul#pdfList li .txt {
        float: left
    }

    section#products .waku ul#pdfList li .img {
        width: 20%
    }

    section#products .waku ul#pdfList li .txt {
        width: 80%;
        padding-left: 15px
    }

    section#products .waku ul#pdfList li .txt h4 {
        margin-bottom: 15px;
        padding: 8px 13px;
        font-size: 16px
    }

    section#products .waku ul#pdfList li .txt .version {
        font-size: 10px;
        margin-bottom: 8px
    }

    section#products .waku ul#pdfList li .txt a.pdf {
        font-size: 12px
    }

    section#products .waku ul#pdfList li .txt a.pdf img {
        width: 18px;
        margin-right: 4px
    }

    section#products .waku ul#pdfList li .txt a.pdf span {
        font-size: 10px
    }
}

@media only screen and (max-width: 768px) {
    section#products .waku #productMv {
        margin: 40px 0
    }

    section#products .waku #productMv .img,
    section#products .waku #productMv .txt {
        float: none
    }

    section#products .waku #productMv .img {
        width: 100%;
        min-height: 250px;
        margin-bottom: 20px
    }

    section#products .waku #productMv .txt {
        width: 100%
    }

    section#products .waku #productMv .txt h2 {
        margin-bottom: 20px;
        font-size: 28px
    }

    section#products .waku #productMv .txt h2 span {
        margin-bottom: 6px;
        font-size: 13px
    }

    section#products .waku #productMv .txt p.endTtl,
    section#products .waku #productMv .txt p.endTxt {
        margin-bottom: 16px
    }

    section#products .waku #productMv .txt p.endTtl {
        display: block;
        padding: 6px 14px;
        font-size: 16px;
        text-align: center
    }

    section#products .waku #productMv .txt p.endTxt {
        font-size: 10px
    }

    section#products .waku #productMv .txt p.price {
        margin-bottom: 6px;
        font-size: 13px
    }

    section#products .waku #productMv .txt p.price span {
        margin-top: 3px;
        font-size: 10px
    }

    section#products .waku #productMv .txt #ninshoNo {
        margin-bottom: 11px;
        padding: 6px;
        font-size: 10px
    }

    section#products .waku #productMv .txt nav li+li {
        margin-top: 3px
    }

    section#products .waku #productMv .txt nav li a {
        padding: 6px 16px
    }

    section#products .waku #productMv .txt nav li a span {
        font-size: 13px
    }

    section#products .waku #productMv .txt nav li a span img {
        width: 16px;
        margin-right: 3px
    }

    section#products .waku #specialPoint {
        margin-bottom: 30px
    }

    section#products .waku #specialPoint p {
        width: 49.5%;
        padding: 16px 10px 12px;
        float: left;
        border-radius: 6px;
        font-size: 18px
    }

    section#products .waku #specialPoint p:nth-of-type(even) {
        margin-left: 1%
    }

    section#products .waku #specialPoint p:nth-of-type(n+3) {
        margin-top: 1%
    }

    section#products .waku #specialPoint p>span {
        font-size: 40px
    }

    section#products .waku #specialPoint p>span em {
        font-size: 65px
    }

    section#products .waku #specialPoint p>span span {
        font-size: 20px
    }

    section#products .waku #bunner {
        margin: 30px 0
    }

    section#products .waku ul.movieList {
        margin-bottom: 50px
    }

    section#products .waku ul.movieList li {
        width: 33%;
        float: left
    }

    section#products .waku ul.movieList li:not(:nth-of-type(3n+1)) {
        margin-left: .5%
    }

    section#products .waku ul.movieList li:nth-of-type(n+4) {
        margin-top: .5%
    }

    section#products .waku ul.movieList li h4 {
        margin-bottom: 4px;
        font-size: 12px
    }

    section#products .waku ul.movieList li h4 img {
        width: 20px;
        margin-right: 4px
    }

    section#products .waku ul.movieList li h4 span,
    section#products .waku ul.movieList li h4 a {
        font-size: 10px
    }

    section#products .waku ul.movieList li iframe {
        width: 100%;
        height: 20vw
    }

    section#products .waku ul.movieList li>a {
        margin-top: 15px;
        font-size: 10px
    }

    section#products .waku ul#pdfList {
        margin-bottom: 50px
    }

    section#products .waku ul#pdfList li {
        width: 49%;
        float: left
    }

    section#products .waku ul#pdfList li:nth-of-type(even) {
        margin-left: 2%
    }

    section#products .waku ul#pdfList li:nth-of-type(n+3) {
        margin-top: 2%
    }

    section#products .waku ul#pdfList li .img,
    section#products .waku ul#pdfList li .txt {
        float: left
    }

    section#products .waku ul#pdfList li .img {
        width: 100%;
        height: 160px
    }

    section#products .waku ul#pdfList li .img img {
        display: block;
        width: auto;
        height: 100%;
        margin: 0 auto
    }

    section#products .waku ul#pdfList li .txt {
        width: 100%;
        padding-left: 0;
        padding-top: 20px
    }

    section#products .waku ul#pdfList li .txt h4 {
        display: block;
        margin-bottom: 10px;
        padding: 8px 10px;
        font-size: 14px;
        text-align: center
    }

    section#products .waku ul#pdfList li .txt .version {
        font-size: 10px;
        margin-bottom: 8px
    }

    section#products .waku ul#pdfList li .txt a.pdf {
        font-size: 11px
    }

    section#products .waku ul#pdfList li .txt a.pdf img {
        width: 16px;
        margin-right: 3px
    }

    section#products .waku ul#pdfList li .txt a.pdf span {
        font-size: 10px
    }
}

@media only screen and (max-width: 680px) {
    section#products .waku #productMv {
        margin: 20px 0
    }

    section#products .waku #productMv .img {
        min-height: 0;
        height: 50vw;
        margin-bottom: 30px
    }

    section#products .waku #productMv .txt h2 {
        margin-bottom: 10px;
        font-size: 24px
    }

    section#products .waku #productMv .txt h2 span {
        margin-bottom: 5px;
        font-size: 12px
    }

    section#products .waku #productMv .txt p.price {
        margin-bottom: 5px;
        font-size: 12px
    }

    section#products .waku #productMv .txt p.price span {
        margin-top: 3px;
        font-size: 10px
    }

    section#products .waku #productMv .txt #ninshoNo {
        margin-bottom: 10px;
        padding: 5px;
        font-size: 10px
    }

    section#products .waku #productMv .txt nav li+li {
        margin-top: 2px
    }

    section#products .waku #productMv .txt nav li a {
        padding: 10px 15px
    }

    section#products .waku #productMv .txt nav li a span {
        font-size: 12px
    }

    section#products .waku #productMv .txt nav li a span img {
        width: 15px;
        margin-right: 3px
    }

    section#products .waku #specialPoint {
        margin-bottom: 30px
    }

    section#products .waku #specialPoint p {
        width: 100%;
        padding: 10px;
        float: left;
        border-radius: 0;
        font-size: 14px
    }

    section#products .waku #specialPoint p:nth-of-type(even) {
        margin-left: 0
    }

    section#products .waku #specialPoint p:nth-of-type(n+3) {
        margin-top: 0
    }

    section#products .waku #specialPoint p+p {
        margin-top: 5px !important
    }

    section#products .waku #specialPoint p>span {
        margin-top: 5px;
        font-size: 20px
    }

    section#products .waku #specialPoint p>span em {
        font-size: 30px
    }

    section#products .waku #specialPoint p>span span {
        font-size: 12px
    }

    section#products .waku #bunner {
        margin: 20px 0
    }

    section#products .waku ul.movieList {
        margin-bottom: 20px
    }

    section#products .waku ul.movieList li {
        width: 48%;
        float: left
    }

    section#products .waku ul.movieList li:not(:nth-of-type(3n+1)) {
        margin-left: 0
    }

    section#products .waku ul.movieList li:nth-of-type(n+4) {
        margin-top: 0
    }

    section#products .waku ul.movieList li:not(:nth-of-type(2n+1)) {
        margin-left: 4%
    }

    section#products .waku ul.movieList li:nth-of-type(n+3) {
        margin-top: 6%
    }

    section#products .waku ul.movieList li h4 {
        margin-bottom: 3px;
        font-size: 11px
    }

    section#products .waku ul.movieList li h4 img {
        width: 20px;
        margin-right: 4px
    }

    section#products .waku ul.movieList li h4 a {
        font-size: 10px
    }

    section#products .waku ul.movieList li iframe {
        height: 30vw
    }

    section#products .waku ul.movieList li>a {
        margin-top: 10px;
        font-size: 10px
    }

    section#products .waku ul#pdfList {
        margin-bottom: 20px
    }

    section#products .waku ul#pdfList li {
        width: 100%;
        float: none
    }

    section#products .waku ul#pdfList li:nth-of-type(even) {
        margin-left: 0
    }

    section#products .waku ul#pdfList li:nth-of-type(n+3) {
        margin-top: 0
    }

    section#products .waku ul#pdfList li+li {
        margin-top: 20px
    }

    section#products .waku ul#pdfList li .img,
    section#products .waku ul#pdfList li .txt {
        float: none
    }

    section#products .waku ul#pdfList li .img {
        width: 100%;
        height: 140px
    }

    section#products .waku ul#pdfList li .txt {
        padding-top: 10px
    }

    section#products .waku ul#pdfList li .txt h4 {
        margin-bottom: 10px;
        padding: 6px 10px;
/*        font-size: 12px*/
    }

    section#products .waku ul#pdfList li .txt .version {
        font-size: 10px;
        margin-bottom: 5px
    }

    section#products .waku ul#pdfList li .txt a.pdf {
        font-size: 10px
    }

    section#products .waku ul#pdfList li .txt a.pdf img {
        width: 14px;
        margin-right: 3px
    }

    section#products .waku ul#pdfList li .txt a.pdf span {
        font-size: 10px
    }
}

section#lineUp {
    padding: 50px 0 35px;
    background-color: #f4f7f8
}

section#lineUp .waku {
    text-align: center
}

section#lineUp .waku h3 {
    display: inline-block;
    margin-bottom: 60px;
    padding: 0 20px 15px;
    border-bottom: 2px solid #d1e2ec;
    font-size: 24px;
    color: #3a86b8
}

section#lineUp .waku ul {
    display: block
}

section#lineUp .waku ul li {
    display: block;
    width: 32%;
    float: left;
    text-align: center
}

section#lineUp .waku ul li:not(:nth-of-type(3n+1)) {
    margin-left: 2%
}

section#lineUp .waku ul li:nth-of-type(n+4) {
    margin-top: 2%
}

section#lineUp .waku ul li img {
    max-width: 100%;
    height: auto;
    margin-bottom: 30px
}

@media only screen and (max-width: 1240px) {
    section#lineUp {
        padding: 50px 0 35px
    }

    section#lineUp .waku h3 {
        margin-bottom: 40px;
        padding: 0 20px 15px;
        font-size: 20px
    }

    section#lineUp .waku ul li {
        width: 32%;
        float: left
    }

    section#lineUp .waku ul li:not(:nth-of-type(3n+1)) {
        margin-left: 2%
    }

    section#lineUp .waku ul li:nth-of-type(n+4) {
        margin-top: 2%
    }

    section#lineUp .waku ul li img {
        max-width: 100%;
        height: auto;
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 768px) {
    section#lineUp {
        padding: 30px 0
    }

    section#lineUp .waku h3 {
        margin-bottom: 30px;
        padding: 0 15px 10px;
        font-size: 16px
    }

    section#lineUp .waku ul li {
        width: 30%;
        float: left
    }

    section#lineUp .waku ul li:not(:nth-of-type(3n+1)) {
        margin-left: 5%
    }

    section#lineUp .waku ul li:nth-of-type(n+4) {
        margin-top: 5%
    }

    section#lineUp .waku ul li img {
        max-width: 100%;
        height: auto;
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 680px) {
    section#lineUp {
        padding: 20px 0
    }

    section#lineUp .waku h3 {
        margin-bottom: 20px;
        padding: 0 10px 10px;
        font-size: 14px
    }

    section#lineUp .waku ul li {
        width: 100%;
        float: none
    }

    section#lineUp .waku ul li:not(:nth-of-type(3n+1)) {
        margin-left: 0
    }

    section#lineUp .waku ul li:nth-of-type(n+4) {
        margin-top: 0
    }

    section#lineUp .waku ul li+li {
        margin-top: 20px !important
    }

    section#lineUp .waku ul li img {
        display: block;
        max-width: 100%;
        margin: 0 auto 10px
    }
}

section#return {
    padding: 55px 0 130px
}

section#return .waku {
    text-align: center
}

section#return .waku .btn01+.btn01 {
    margin-left: 10px
}

@media only screen and (max-width: 1240px) {
    section#return {
        padding: 40px 0 100px
    }
}

@media only screen and (max-width: 768px) {
    section#return {
        padding: 30px 0 60px
    }
}

@media only screen and (max-width: 680px) {
    section#return {
        padding: 20px 0 40px
    }

    section#return .waku .btn01 {
        display: table;
        width: auto;
        margin: 10px auto 0 !important
    }
}

section#news,
section#movieCmn,
section#carePoint {
    display: block;
    padding: 70px 0 140px
}

section#news .waku nav#newsNavigation,
section#movieCmn .waku nav#newsNavigation,
section#carePoint .waku nav#newsNavigation {
    height: 75px;
    background: #dfdfdf;
    position: relative
}

section#news .waku nav#newsNavigation a,
section#movieCmn .waku nav#newsNavigation a,
section#carePoint .waku nav#newsNavigation a {
    height: 26px;
    margin: auto 0;
    position: absolute;
    top: 0;
    bottom: 0;
    text-align: center
}

section#news .waku nav#newsNavigation a:nth-of-type(1),
section#movieCmn .waku nav#newsNavigation a:nth-of-type(1),
section#carePoint .waku nav#newsNavigation a:nth-of-type(1) {
    left: 50px
}

section#news .waku nav#newsNavigation a:nth-of-type(2),
section#movieCmn .waku nav#newsNavigation a:nth-of-type(2),
section#carePoint .waku nav#newsNavigation a:nth-of-type(2) {
    width: 200px;
    margin: auto;
    left: 0;
    right: 0
}

section#news .waku nav#newsNavigation a:nth-of-type(3),
section#movieCmn .waku nav#newsNavigation a:nth-of-type(3),
section#carePoint .waku nav#newsNavigation a:nth-of-type(3) {
    right: 50px
}

section#news .waku #selectCategoryArea,
section#movieCmn .waku #selectCategoryArea,
section#carePoint .waku #selectCategoryArea {
    display: block;
    padding-bottom: 20px;
    margin-bottom: 40px;
    position: relative;
    border-bottom: 1px solid #266585
}

section#news .waku #selectCategoryArea .cate,
section#movieCmn .waku #selectCategoryArea .cate,
section#carePoint .waku #selectCategoryArea .cate {
    margin-right: 10px
}

section#news .waku #selectCategoryArea time,
section#movieCmn .waku #selectCategoryArea time,
section#carePoint .waku #selectCategoryArea time {
    display: inline-block;
    font-size: 13px
}

section#news .waku #selectCategoryArea h2,
section#movieCmn .waku #selectCategoryArea h2,
section#carePoint .waku #selectCategoryArea h2 {
    display: block;
    font-size: 24px;
    font-weight: bold;
    color: #266585
}

section#news .waku #selectCategoryArea nav,
section#movieCmn .waku #selectCategoryArea nav,
section#carePoint .waku #selectCategoryArea nav {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0
}

section#news .waku #selectCategoryArea nav li,
section#movieCmn .waku #selectCategoryArea nav li,
section#carePoint .waku #selectCategoryArea nav li {
    display: inline-block
}

section#news .waku #selectCategoryArea nav li+li,
section#movieCmn .waku #selectCategoryArea nav li+li,
section#carePoint .waku #selectCategoryArea nav li+li {
    margin-left: 10px
}

section#news .waku #titleArea,
section#movieCmn .waku #titleArea,
section#carePoint .waku #titleArea {
    display: block;
    margin-bottom: 50px;
    padding-bottom: 15px;
    border-bottom: 1px solid #266585
}

section#news .waku #titleArea h2,
section#movieCmn .waku #titleArea h2,
section#carePoint .waku #titleArea h2 {
    display: block;
    margin-bottom: 15px;
    font-size: 36px;
    color: #266585;
    line-height: 1.5
}

section#news .waku #newsDetaile,
section#movieCmn .waku #newsDetaile,
section#carePoint .waku #newsDetaile {
    display: block;
    padding: 65px 50px 35px;
    background: #efefef;
    font-size: 14px;
    color: #266585;
    line-height: 1.8;
    font-weight: normal;
    word-wrap: break-word
}



section#news .waku #newsDetaile *,
section#movieCmn .waku #newsDetaile *,
section#carePoint .waku #newsDetaile * {
    color: inherit;
    font-size: inherit;
    font-weight: inherit
}

section#news .waku #newsDetaile a,
section#movieCmn .waku #newsDetaile a,
section#carePoint .waku #newsDetaile a {
    text-decoration: underline
}

section#news .waku #newsDetaile b,
section#movieCmn .waku #newsDetaile b,
section#carePoint .waku #newsDetaile b {
    font-weight: bold
}

section#news .waku #newsDetaile img,
section#news .waku #newsDetaile iframe,
section#movieCmn .waku #newsDetaile img,
section#movieCmn .waku #newsDetaile iframe,
section#carePoint .waku #newsDetaile img,
section#carePoint .waku #newsDetaile iframe {
    display: block;
    margin: 20px auto;
    max-width: 100%;
    height: auto
}

section#news .waku #newsDetaile div img,
section#movieCmn .waku #newsDetaile div img,
section#carePoint .waku #newsDetaile div img {
    display: inline-block
}

section#news .waku #newsDetaile table,
section#movieCmn .waku #newsDetaile table,
section#carePoint .waku #newsDetaile table {
    width: 100%;
    table-layout: fixed
}

section#news .waku #newsDetaile table tbody,
section#news .waku #newsDetaile table thead,
section#movieCmn .waku #newsDetaile table tbody,
section#movieCmn .waku #newsDetaile table thead,
section#carePoint .waku #newsDetaile table tbody,
section#carePoint .waku #newsDetaile table thead {
    width: 100%
}

section#news .waku #newsDetaile table tbody tr,
section#news .waku #newsDetaile table thead tr,
section#movieCmn .waku #newsDetaile table tbody tr,
section#movieCmn .waku #newsDetaile table thead tr,
section#carePoint .waku #newsDetaile table tbody tr,
section#carePoint .waku #newsDetaile table thead tr {
    width: 100%
}

section#news .waku #newsDetaile table tbody tr th,
section#news .waku #newsDetaile table tbody tr td,
section#news .waku #newsDetaile table thead tr th,
section#news .waku #newsDetaile table thead tr td,
section#movieCmn .waku #newsDetaile table tbody tr th,
section#movieCmn .waku #newsDetaile table tbody tr td,
section#movieCmn .waku #newsDetaile table thead tr th,
section#movieCmn .waku #newsDetaile table thead tr td,
section#carePoint .waku #newsDetaile table tbody tr th,
section#carePoint .waku #newsDetaile table tbody tr td,
section#carePoint .waku #newsDetaile table thead tr th,
section#carePoint .waku #newsDetaile table thead tr td {
    padding: 20px 30px;
    font-size: 14px;
    line-height: 1.5;
    color: #035fb4
}

section#news .waku #newsDetaile table tbody tr th,
section#news .waku #newsDetaile table thead tr th,
section#movieCmn .waku #newsDetaile table tbody tr th,
section#movieCmn .waku #newsDetaile table thead tr th,
section#carePoint .waku #newsDetaile table tbody tr th,
section#carePoint .waku #newsDetaile table thead tr th {
    font-weight: bold
}

section#news .waku #newsDetaile table tbody tr td,
section#news .waku #newsDetaile table thead tr td,
section#movieCmn .waku #newsDetaile table tbody tr td,
section#movieCmn .waku #newsDetaile table thead tr td,
section#carePoint .waku #newsDetaile table tbody tr td,
section#carePoint .waku #newsDetaile table thead tr td {
    background-color: #fff
}

section#news .waku #newsDetaile table thead tr th,
section#movieCmn .waku #newsDetaile table thead tr th,
section#carePoint .waku #newsDetaile table thead tr th {
    background-color: #b1cde7
}

section#news .waku #newsDetaile table thead tr th+th,
section#movieCmn .waku #newsDetaile table thead tr th+th,
section#carePoint .waku #newsDetaile table thead tr th+th {
    border-left: 1px solid #b2d8e8
}

section#news .waku #newsDetaile table tbody tr th,
section#movieCmn .waku #newsDetaile table tbody tr th,
section#carePoint .waku #newsDetaile table tbody tr th {
    background-color: #dae5f0
}

section#news .waku #newsDetaile table tbody tr>*,
section#movieCmn .waku #newsDetaile table tbody tr>*,
section#carePoint .waku #newsDetaile table tbody tr>* {
    border-bottom: 1px solid #b2d8e8
}

section#news .waku #newsDetaile table tbody tr>*+*,
section#movieCmn .waku #newsDetaile table tbody tr>*+*,
section#carePoint .waku #newsDetaile table tbody tr>*+* {
    border-left: 1px solid #b2d8e8
}

section#news .waku #newsDetaile table tbody tr:last-child>*,
section#movieCmn .waku #newsDetaile table tbody tr:last-child>*,
section#carePoint .waku #newsDetaile table tbody tr:last-child>* {
    border-bottom: 0
}

section#news .waku #newsDetaile h3,
section#news .waku #newsDetaile h4,
section#news .waku #newsDetaile h5,
section#news .waku #newsDetaile h6,
section#movieCmn .waku #newsDetaile h3,
section#movieCmn .waku #newsDetaile h4,
section#movieCmn .waku #newsDetaile h5,
section#movieCmn .waku #newsDetaile h6,
section#carePoint .waku #newsDetaile h3,
section#carePoint .waku #newsDetaile h4,
section#carePoint .waku #newsDetaile h5,
section#carePoint .waku #newsDetaile h6 {
    display: block
}

section#news .waku #newsDetaile h3,
section#movieCmn .waku #newsDetaile h3,
section#carePoint .waku #newsDetaile h3 {
    margin-bottom: 6px;
    padding: 20px 28px;
    color: #fff;
    font-size: 28px;
    background: #5794ce;
    background: -moz-linear-gradient(top, #5794ce 0%, #025eb4 100%);
    background: -webkit-linear-gradient(top, #5794ce 0%, #025eb4 100%);
    background: linear-gradient(to bottom, #5794ce 0%, #025eb4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5794ce', endColorstr='#025eb4', GradientType=0);
    position: relative
}

section#news .waku #newsDetaile h3:after,
section#movieCmn .waku #newsDetaile h3:after,
section#carePoint .waku #newsDetaile h3:after {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    position: absolute;
    bottom: -6px;
    left: 0;
    background-color: #035fb4
}

section#news .waku #newsDetaile h4,
section#movieCmn .waku #newsDetaile h4,
section#carePoint .waku #newsDetaile h4 {
    padding: 15px 28px;
    font-size: 24px;
    font-weight: bold;
    background: #c4d9ec;
    color: #035fb4;
    border-radius: 5px
}

section#news .waku #newsDetaile h5,
section#movieCmn .waku #newsDetaile h5,
section#carePoint .waku #newsDetaile h5 {
    margin-bottom: 11px;
    padding: 10px 28px;
    font-size: 20px;
    font-weight: bold;
    color: #035fb4;
    position: relative
}

section#news .waku #newsDetaile h5:before,
section#movieCmn .waku #newsDetaile h5:before,
section#carePoint .waku #newsDetaile h5:before {
    content: "";
    display: block;
    width: 10px;
    height: 100%;
    background: #5794ce;
    background: -moz-linear-gradient(top, #5794ce 0%, #025eb4 100%);
    background: -webkit-linear-gradient(top, #5794ce 0%, #025eb4 100%);
    background: linear-gradient(to bottom, #5794ce 0%, #025eb4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5794ce', endColorstr='#025eb4', GradientType=0);
    position: absolute;
    left: 0;
    top: 0
}

section#news .waku #newsDetaile h5:after,
section#movieCmn .waku #newsDetaile h5:after,
section#carePoint .waku #newsDetaile h5:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: -9px;
    left: 0;
    background: #0883b5
}

section#news .waku #newsDetaile h6,
section#movieCmn .waku #newsDetaile h6,
section#carePoint .waku #newsDetaile h6 {
    padding: 7px 0 7px 28px;
    font-size: 18px;
    font-weight: bold;
    color: #035fb4;
    position: relative
}

section#news .waku #newsDetaile h6:before,
section#movieCmn .waku #newsDetaile h6:before,
section#carePoint .waku #newsDetaile h6:before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    margin: auto 0;
    border: 4px solid #035fb4;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0
}

section#news .waku #newsDetaile .threeClm .img,
section#news .waku #newsDetaile .twoClm .img,
section#movieCmn .waku #newsDetaile .threeClm .img,
section#movieCmn .waku #newsDetaile .twoClm .img,
section#carePoint .waku #newsDetaile .threeClm .img,
section#carePoint .waku #newsDetaile .twoClm .img {
    padding-top: 25%
}

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

    section#news,
    section#movieCmn,
    section#carePoint {
        padding: 50px 0 110px
    }

    section#news .waku nav#newsNavigation,
    section#movieCmn .waku nav#newsNavigation,
    section#carePoint .waku nav#newsNavigation {
        height: 70px
    }

    section#news .waku nav#newsNavigation a,
    section#movieCmn .waku nav#newsNavigation a,
    section#carePoint .waku nav#newsNavigation a {
        height: 25px
    }

    section#news .waku nav#newsNavigation a:nth-of-type(1),
    section#movieCmn .waku nav#newsNavigation a:nth-of-type(1),
    section#carePoint .waku nav#newsNavigation a:nth-of-type(1) {
        left: 40px
    }

    section#news .waku nav#newsNavigation a:nth-of-type(2),
    section#movieCmn .waku nav#newsNavigation a:nth-of-type(2),
    section#carePoint .waku nav#newsNavigation a:nth-of-type(2) {
        width: 200px
    }

    section#news .waku nav#newsNavigation a:nth-of-type(3),
    section#movieCmn .waku nav#newsNavigation a:nth-of-type(3),
    section#carePoint .waku nav#newsNavigation a:nth-of-type(3) {
        right: 40px
    }

    section#news .waku #selectCategoryArea,
    section#movieCmn .waku #selectCategoryArea,
    section#carePoint .waku #selectCategoryArea {
        padding-bottom: 15px;
        margin-bottom: 40px
    }

    section#news .waku #selectCategoryArea .cate,
    section#movieCmn .waku #selectCategoryArea .cate,
    section#carePoint .waku #selectCategoryArea .cate {
        margin-right: 8px
    }

    section#news .waku #selectCategoryArea time,
    section#movieCmn .waku #selectCategoryArea time,
    section#carePoint .waku #selectCategoryArea time {
        font-size: 12px
    }

    section#news .waku #selectCategoryArea h2,
    section#movieCmn .waku #selectCategoryArea h2,
    section#carePoint .waku #selectCategoryArea h2 {
        font-size: 20px
    }

    section#news .waku #selectCategoryArea nav,
    section#movieCmn .waku #selectCategoryArea nav,
    section#carePoint .waku #selectCategoryArea nav {
        position: absolute
    }

    section#news .waku #titleArea,
    section#movieCmn .waku #titleArea,
    section#carePoint .waku #titleArea {
        margin-bottom: 40px;
        padding-bottom: 13px
    }

    section#news .waku #titleArea h2,
    section#movieCmn .waku #titleArea h2,
    section#carePoint .waku #titleArea h2 {
        margin-bottom: 13px;
        font-size: 30px
    }

    section#news .waku #newsDetaile,
    section#movieCmn .waku #newsDetaile,
    section#carePoint .waku #newsDetaile {
        padding: 50px 40px 35px;
        font-size: 13px
    }

    section#news .waku #newsDetaile table tbody tr th,
    section#news .waku #newsDetaile table tbody tr td,
    section#news .waku #newsDetaile table thead tr th,
    section#news .waku #newsDetaile table thead tr td,
    section#movieCmn .waku #newsDetaile table tbody tr th,
    section#movieCmn .waku #newsDetaile table tbody tr td,
    section#movieCmn .waku #newsDetaile table thead tr th,
    section#movieCmn .waku #newsDetaile table thead tr td,
    section#carePoint .waku #newsDetaile table tbody tr th,
    section#carePoint .waku #newsDetaile table tbody tr td,
    section#carePoint .waku #newsDetaile table thead tr th,
    section#carePoint .waku #newsDetaile table thead tr td {
        padding: 15px 25px;
        font-size: 13px
    }

    section#news .waku #newsDetaile h3,
    section#movieCmn .waku #newsDetaile h3,
    section#carePoint .waku #newsDetaile h3 {
        margin-bottom: 5px;
        padding: 16px 24px;
        font-size: 24px
    }

    section#news .waku #newsDetaile h3:after,
    section#movieCmn .waku #newsDetaile h3:after,
    section#carePoint .waku #newsDetaile h3:after {
        height: 3px;
        bottom: -4px
    }

    section#news .waku #newsDetaile h4,
    section#movieCmn .waku #newsDetaile h4,
    section#carePoint .waku #newsDetaile h4 {
        padding: 13px 24px;
        font-size: 20px
    }

    section#news .waku #newsDetaile h5,
    section#movieCmn .waku #newsDetaile h5,
    section#carePoint .waku #newsDetaile h5 {
        margin-bottom: 8px;
        padding: 8px 24px;
        font-size: 18px
    }

    section#news .waku #newsDetaile h5:before,
    section#movieCmn .waku #newsDetaile h5:before,
    section#carePoint .waku #newsDetaile h5:before {
        width: 8px
    }

    section#news .waku #newsDetaile h5:after,
    section#movieCmn .waku #newsDetaile h5:after,
    section#carePoint .waku #newsDetaile h5:after {
        height: 1px;
        bottom: -7px
    }

    section#news .waku #newsDetaile h6,
    section#movieCmn .waku #newsDetaile h6,
    section#carePoint .waku #newsDetaile h6 {
        padding: 5px 0 5px 24px;
        font-size: 16px
    }

    section#news .waku #newsDetaile h6:before,
    section#movieCmn .waku #newsDetaile h6:before,
    section#carePoint .waku #newsDetaile h6:before {
        width: 10px;
        height: 10px;
        border: 4px solid #035fb4
    }

    section#news .waku #newsDetaile .threeClm .img,
    section#news .waku #newsDetaile .twoClm .img,
    section#movieCmn .waku #newsDetaile .threeClm .img,
    section#movieCmn .waku #newsDetaile .twoClm .img,
    section#carePoint .waku #newsDetaile .threeClm .img,
    section#carePoint .waku #newsDetaile .twoClm .img {
        padding-top: 25%
    }
}

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

    section#news,
    section#movieCmn,
    section#carePoint {
        padding: 40px 0 70px
    }

    section#news .waku nav#newsNavigation,
    section#movieCmn .waku nav#newsNavigation,
    section#carePoint .waku nav#newsNavigation {
        height: 50px
    }

    section#news .waku nav#newsNavigation a,
    section#movieCmn .waku nav#newsNavigation a,
    section#carePoint .waku nav#newsNavigation a {
        height: 21px
    }

    section#news .waku nav#newsNavigation a:nth-of-type(1),
    section#movieCmn .waku nav#newsNavigation a:nth-of-type(1),
    section#carePoint .waku nav#newsNavigation a:nth-of-type(1) {
        left: 30px
    }

    section#news .waku nav#newsNavigation a:nth-of-type(2),
    section#movieCmn .waku nav#newsNavigation a:nth-of-type(2),
    section#carePoint .waku nav#newsNavigation a:nth-of-type(2) {
        width: 150px
    }

    section#news .waku nav#newsNavigation a:nth-of-type(3),
    section#movieCmn .waku nav#newsNavigation a:nth-of-type(3),
    section#carePoint .waku nav#newsNavigation a:nth-of-type(3) {
        right: 30px
    }

    section#news .waku #selectCategoryArea,
    section#movieCmn .waku #selectCategoryArea,
    section#carePoint .waku #selectCategoryArea {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    section#news .waku #selectCategoryArea { margin-bottom: 25px;}

    section#news .waku #selectCategoryArea .cate,
    section#movieCmn .waku #selectCategoryArea .cate,
    section#carePoint .waku #selectCategoryArea .cate {
        margin-right: 6px
    }

    section#news .waku #selectCategoryArea time,
    section#movieCmn .waku #selectCategoryArea time,
    section#carePoint .waku #selectCategoryArea time {
        font-size: 11px
    }

    section#news .waku #selectCategoryArea h2,
    section#movieCmn .waku #selectCategoryArea h2,
    section#carePoint .waku #selectCategoryArea h2 {
        font-size: 16px
    }

    section#news .waku #selectCategoryArea nav,
    section#movieCmn .waku #selectCategoryArea nav,
    section#carePoint .waku #selectCategoryArea nav {
        display: block;
        margin-top: 20px;
        position: static;
        text-align: right
    }

    section#news .waku #titleArea,
    section#movieCmn .waku #titleArea,
    section#carePoint .waku #titleArea {
        margin-bottom: 30px;
        padding-bottom: 12px
    }

    section#news .waku #titleArea h2,
    section#movieCmn .waku #titleArea h2,
    section#carePoint .waku #titleArea h2 {
        margin-bottom: 12px;
        font-size: 24px
    }

    section#news .waku #newsDetaile,
    section#movieCmn .waku #newsDetaile,
    section#carePoint .waku #newsDetaile {
        padding: 40px 20px 20px;
        font-size: 12px
    }

    section#news .waku #newsDetaile table tbody tr th,
    section#news .waku #newsDetaile table tbody tr td,
    section#news .waku #newsDetaile table thead tr th,
    section#news .waku #newsDetaile table thead tr td,
    section#movieCmn .waku #newsDetaile table tbody tr th,
    section#movieCmn .waku #newsDetaile table tbody tr td,
    section#movieCmn .waku #newsDetaile table thead tr th,
    section#movieCmn .waku #newsDetaile table thead tr td,
    section#carePoint .waku #newsDetaile table tbody tr th,
    section#carePoint .waku #newsDetaile table tbody tr td,
    section#carePoint .waku #newsDetaile table thead tr th,
    section#carePoint .waku #newsDetaile table thead tr td {
        padding: 10px 20px;
        font-size: 12px
    }

    section#news .waku #newsDetaile h3,
    section#movieCmn .waku #newsDetaile h3,
    section#carePoint .waku #newsDetaile h3 {
        margin-bottom: 3px;
        padding: 12px 20px;
        font-size: 20px
    }

    section#news .waku #newsDetaile h3:after,
    section#movieCmn .waku #newsDetaile h3:after,
    section#carePoint .waku #newsDetaile h3:after {
        height: 2px;
        bottom: -3px
    }

    section#news .waku #newsDetaile h4,
    section#movieCmn .waku #newsDetaile h4,
    section#carePoint .waku #newsDetaile h4 {
        padding: 10px 20px;
        font-size: 16px
    }

    section#news .waku #newsDetaile h5,
    section#movieCmn .waku #newsDetaile h5,
    section#carePoint .waku #newsDetaile h5 {
        margin-bottom: 6px;
        padding: 6px 20px;
        font-size: 16px
    }

    section#news .waku #newsDetaile h5:before,
    section#movieCmn .waku #newsDetaile h5:before,
    section#carePoint .waku #newsDetaile h5:before {
        width: 6px
    }

    section#news .waku #newsDetaile h5:after,
    section#movieCmn .waku #newsDetaile h5:after,
    section#carePoint .waku #newsDetaile h5:after {
        height: 1px;
        bottom: -5px
    }

    section#news .waku #newsDetaile h6,
    section#movieCmn .waku #newsDetaile h6,
    section#carePoint .waku #newsDetaile h6 {
        padding: 5px 0 5px 20px;
        font-size: 14px
    }

    section#news .waku #newsDetaile h6:before,
    section#movieCmn .waku #newsDetaile h6:before,
    section#carePoint .waku #newsDetaile h6:before {
        width: 8px;
        height: 8px;
        border: 3px solid #035fb4
    }

    section#news .waku #newsDetaile .threeClm .img,
    section#news .waku #newsDetaile .twoClm .img,
    section#movieCmn .waku #newsDetaile .threeClm .img,
    section#movieCmn .waku #newsDetaile .twoClm .img,
    section#carePoint .waku #newsDetaile .threeClm .img,
    section#carePoint .waku #newsDetaile .twoClm .img {
        padding-top: 30%
    }

    section#news .waku #newsDetaile .twoClm .img,
    section#movieCmn .waku #newsDetaile .twoClm .img,
    section#carePoint .waku #newsDetaile .twoClm .img {
        padding-top: 50%
    }
}

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

    section#news,
    section#movieCmn,
    section#carePoint {
        padding: 20px 0 40px
    }

    section#news .waku nav#newsNavigation,
    section#movieCmn .waku nav#newsNavigation,
    section#carePoint .waku nav#newsNavigation {
        height: 40px
    }

    section#news .waku nav#newsNavigation a,
    section#movieCmn .waku nav#newsNavigation a,
    section#carePoint .waku nav#newsNavigation a {
        height: 21px
    }

    section#news .waku nav#newsNavigation a:nth-of-type(1),
    section#movieCmn .waku nav#newsNavigation a:nth-of-type(1),
    section#carePoint .waku nav#newsNavigation a:nth-of-type(1) {
        left: 20px
    }

    section#news .waku nav#newsNavigation a:nth-of-type(2),
    section#movieCmn .waku nav#newsNavigation a:nth-of-type(2),
    section#carePoint .waku nav#newsNavigation a:nth-of-type(2) {
        width: 100px
    }

    section#news .waku nav#newsNavigation a:nth-of-type(3),
    section#movieCmn .waku nav#newsNavigation a:nth-of-type(3),
    section#carePoint .waku nav#newsNavigation a:nth-of-type(3) {
        right: 20px
    }

    section#news .waku #selectCategoryArea,
    section#movieCmn .waku #selectCategoryArea,
    section#carePoint .waku #selectCategoryArea {
        padding-bottom: 10px;
        margin-bottom: 10px
    }
    section#news .waku #selectCategoryArea { margin-bottom: 25px;}

    section#news .waku #selectCategoryArea .cate,
    section#movieCmn .waku #selectCategoryArea .cate,
    section#carePoint .waku #selectCategoryArea .cate {
        margin-right: 6px
    }

    section#news .waku #selectCategoryArea time,
    section#movieCmn .waku #selectCategoryArea time,
    section#carePoint .waku #selectCategoryArea time {
        font-size: 11px
    }

    section#news .waku #selectCategoryArea h2,
    section#movieCmn .waku #selectCategoryArea h2,
    section#carePoint .waku #selectCategoryArea h2 {
        font-size: 16px
    }

    section#news .waku #selectCategoryArea nav,
    section#movieCmn .waku #selectCategoryArea nav,
    section#carePoint .waku #selectCategoryArea nav {
        display: block;
        margin-top: 20px;
        position: static;
        text-align: right
    }

    section#news .waku #selectCategoryArea nav li,
    section#movieCmn .waku #selectCategoryArea nav li,
    section#carePoint .waku #selectCategoryArea nav li {
        margin: 5px 0 0 5px
    }

    section#news .waku #titleArea,
    section#movieCmn .waku #titleArea,
    section#carePoint .waku #titleArea {
        margin-bottom: 30px;
        padding-bottom: 12px
    }

    section#news .waku #titleArea h2,
    section#movieCmn .waku #titleArea h2,
    section#carePoint .waku #titleArea h2 {
        margin-bottom: 12px;
        font-size: 20px
    }

    section#news .waku #newsDetaile,
    section#movieCmn .waku #newsDetaile,
    section#carePoint .waku #newsDetaile {
        padding: 40px 20px 20px;
        font-size: 12px
    }

    section#news .waku #newsDetaile table tbody tr th,
    section#news .waku #newsDetaile table tbody tr td,
    section#news .waku #newsDetaile table thead tr th,
    section#news .waku #newsDetaile table thead tr td,
    section#movieCmn .waku #newsDetaile table tbody tr th,
    section#movieCmn .waku #newsDetaile table tbody tr td,
    section#movieCmn .waku #newsDetaile table thead tr th,
    section#movieCmn .waku #newsDetaile table thead tr td,
    section#carePoint .waku #newsDetaile table tbody tr th,
    section#carePoint .waku #newsDetaile table tbody tr td,
    section#carePoint .waku #newsDetaile table thead tr th,
    section#carePoint .waku #newsDetaile table thead tr td {
        padding: 7px 15px;
        font-size: 11px
    }

    section#news .waku #newsDetaile h3,
    section#movieCmn .waku #newsDetaile h3,
    section#carePoint .waku #newsDetaile h3 {
        margin-bottom: 2px;
        padding: 8px 16px;
        font-size: 16px
    }

    section#news .waku #newsDetaile h3:after,
    section#movieCmn .waku #newsDetaile h3:after,
    section#carePoint .waku #newsDetaile h3:after {
        height: 1px;
        bottom: -2px
    }

    section#news .waku #newsDetaile h4,
    section#movieCmn .waku #newsDetaile h4,
    section#carePoint .waku #newsDetaile h4 {
        padding: 8px 16px;
        font-size: 14px
    }

    section#news .waku #newsDetaile h5,
    section#movieCmn .waku #newsDetaile h5,
    section#carePoint .waku #newsDetaile h5 {
        margin-bottom: 4px;
        padding: 4px 16px;
        font-size: 14px
    }

    section#news .waku #newsDetaile h5:before,
    section#movieCmn .waku #newsDetaile h5:before,
    section#carePoint .waku #newsDetaile h5:before {
        width: 5px
    }

    section#news .waku #newsDetaile h5:after,
    section#movieCmn .waku #newsDetaile h5:after,
    section#carePoint .waku #newsDetaile h5:after {
        height: 1px;
        bottom: -3px
    }

    section#news .waku #newsDetaile h6,
    section#movieCmn .waku #newsDetaile h6,
    section#carePoint .waku #newsDetaile h6 {
        padding: 5px 0 5px 16px;
        font-size: 12px
    }

    section#news .waku #newsDetaile h6:before,
    section#movieCmn .waku #newsDetaile h6:before,
    section#carePoint .waku #newsDetaile h6:before {
        width: 6px;
        height: 6px;
        border: 2px solid #035fb4
    }

    section#news .waku #newsDetaile .threeClm .img,
    section#news .waku #newsDetaile .twoClm .img,
    section#movieCmn .waku #newsDetaile .threeClm .img,
    section#movieCmn .waku #newsDetaile .twoClm .img,
    section#carePoint .waku #newsDetaile .threeClm .img,
    section#carePoint .waku #newsDetaile .twoClm .img {
        padding-top: 50%
    }
}

#newsDetaileNews {
  display: block;
  padding: 65px 50px 35px;
  background: #efefef;
  font-size: 14px;
  color: #266585;
  line-height: 1.8;
  font-weight: normal;
  word-wrap: break-word;
}

#newsDetaileNews * {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}

#newsDetaileNews a{
  text-decoration: underline;
}

#newsDetaileNews b{
  font-weight: bold;
}

#newsDetaileNews img,
#newsDetaileNews iframe {
  display: block;
  margin: 20px auto;
  max-width: 100%;
  height: auto !important;
}

#newsDetaileNews div img{
  display: inline-block;
}

#newsDetaileNews table{
  width: 100%;
  table-layout: fixed;
}

#newsDetaileNews table tbody,
#newsDetaileNews table thead {
  width: 100%;
}

#newsDetaileNews table tbody tr,
#newsDetaileNews table thead tr {
  width: 100%;
}

#newsDetaileNews table tbody tr th,
#newsDetaileNews table tbody tr td,
#newsDetaileNews table thead tr th,
#newsDetaileNews table thead tr td,{
  padding: 20px 30px;
  font-size: 14px;
  line-height: 1.5;
  color: #035fb4;
}

#newsDetaileNews table tbody tr th,
#newsDetaileNews table thead tr th{
  font-weight: bold;
}

#newsDetaileNews table tbody tr td,
#newsDetaileNews table thead tr td
  background-color: #fff;
}

#newsDetaileNews table thead tr th{
  background-color: #b1cde7;
}

#newsDetaileNews table thead tr th + th{
  border-left: 1px solid #b2d8e8;
}

#newsDetaileNews table tbody tr th{
  background-color: #dae5f0;
}

#newsDetaileNews table tbody tr > *{
  border-bottom: 1px solid #b2d8e8;
}

#newsDetaileNews table tbody tr > * + *{
  border-left: 1px solid #b2d8e8;
}

#newsDetaileNews table tbody tr:last-child > *{
  border-bottom: 0;
}

#newsDetaileNews h3,
#newsDetaileNews h4,
#newsDetaileNews h5,
#newsDetaileNews h6{
  display: block;
}

#newsDetaileNews h3{
  margin-bottom: 6px;
  padding: 20px 28px;
  color: #fff;
  font-size: 28px;
  background: #5794ce;
  background: -moz-linear-gradient(top, #5794ce 0%, #025eb4 100%);
  background: -webkit-linear-gradient(top, #5794ce 0%, #025eb4 100%);
  background: linear-gradient(to bottom, #5794ce 0%, #025eb4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5794ce', endColorstr='#025eb4', GradientType=0);
  position: relative;
}

#newsDetaileNews h3:after{
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  position: absolute;
  bottom: -6px;
  left: 0;
  background-color: #035fb4;
}

#newsDetaileNews h4{
  padding: 15px 28px;
  font-size: 24px;
  font-weight: bold;
  background: #c4d9ec;
  color: #035fb4;
  border-radius: 5px;
}

#newsDetaileNews h5{
  margin-bottom: 11px;
  padding: 10px 28px;
  font-size: 20px;
  font-weight: bold;
  color: #035fb4;
  position: relative;
}

#newsDetaileNews h5:before {
  content: "";
  display: block;
  width: 10px;
  height: 100%;
  background: #5794ce;
  background: -moz-linear-gradient(top, #5794ce 0%, #025eb4 100%);
  background: -webkit-linear-gradient(top, #5794ce 0%, #025eb4 100%);
  background: linear-gradient(to bottom, #5794ce 0%, #025eb4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5794ce', endColorstr='#025eb4', GradientType=0);
  position: absolute;
  left: 0;
  top: 0;
}

#newsDetaileNews h5:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: -9px;
  left: 0;
  background: #0883b5;
}

#newsDetaileNews h6 {
  padding: 7px 0 7px 28px;
  font-size: 18px;
  font-weight: bold;
  color: #035fb4;
  position: relative;
}

#newsDetaileNews h6:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  margin: auto 0;
  border: 4px solid #035fb4;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}

#newsDetaileNews .threeClm .img,
#newsDetaileNews .twoClm .img{
  padding-top: 25%;
}

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

   #newsDetaileNews{
        padding: 50px 40px 35px;
        font-size: 13px
    }

   #newsDetaileNews table tbody tr th,
   #newsDetaileNews table tbody tr td,
   #newsDetaileNews table thead tr th,
   #newsDetaileNews table thead tr td{
        padding: 15px 25px;
        font-size: 13px
    }

   #newsDetaileNews h3{
        margin-bottom: 5px;
        padding: 16px 24px;
        font-size: 24px
    }

   #newsDetaileNews h3:after {
        height: 3px;
        bottom: -4px
    }

   #newsDetaileNews h4 {
        padding: 13px 24px;
        font-size: 20px
    }

   #newsDetaileNews h5
        margin-bottom: 8px;
        padding: 8px 24px;
        font-size: 18px
    }

   #newsDetaileNews h5:before{
        width: 8px
    }

   #newsDetaileNews h5:after {
        height: 1px;
        bottom: -7px
    }

   #newsDetaileNews h6{
        padding: 5px 0 5px 24px;
        font-size: 16px
    }

   #newsDetaileNews h6:before{
        width: 10px;
        height: 10px;
        border: 4px solid #035fb4
    }

   #newsDetaileNews .threeClm .img,
   #newsDetaileNews .twoClm .img{
        padding-top: 25%
    }
}

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

   #newsDetaileNews {
        padding: 40px 20px 20px;
        font-size: 12px
    }

   #newsDetaileNews table tbody tr th,
   #newsDetaileNews table tbody tr td,
   #newsDetaileNews table thead tr th,
   #newsDetaileNews table thead tr td{
        padding: 10px 20px;
        font-size: 12px
    }

   #newsDetaileNews h3{
        margin-bottom: 3px;
        padding: 12px 20px;
        font-size: 20px
    }

   #newsDetaileNews h3:after {
        height: 2px;
        bottom: -3px
    }

   #newsDetaileNews h4{
        padding: 10px 20px;
        font-size: 16px
    }

   #newsDetaileNews h5{
        margin-bottom: 6px;
        padding: 6px 20px;
        font-size: 16px
    }

   #newsDetaileNews h5:before {
        width: 6px
    }

   #newsDetaileNews h5:after {
        height: 1px;
        bottom: -5px
    }

   #newsDetaileNews h6{
        padding: 5px 0 5px 20px;
        font-size: 14px
    }

   #newsDetaileNews h6:before{
        width: 8px;
        height: 8px;
        border: 3px solid #035fb4
    }

   #newsDetaileNews .threeClm .img,
   #newsDetaileNews .twoClm .img {
        padding-top: 30%
    }

   #newsDetaileNews .twoClm .img{
        padding-top: 50%
    }
}

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

   #newsDetaileNews {
        padding: 40px 20px 20px;
        font-size: 12px
    }

   #newsDetaileNews table tbody tr th,
   #newsDetaileNews table tbody tr td,
   #newsDetaileNews table thead tr th,
   #newsDetaileNews table thead tr td{
        padding: 7px 15px;
        font-size: 11px
    }

   #newsDetaileNews h3{
        margin-bottom: 2px;
        padding: 8px 16px;
        font-size: 16px
    }

   #newsDetaileNews h3:after {
        height: 1px;
        bottom: -2px
    }

   #newsDetaileNews h4{
        padding: 8px 16px;
        font-size: 14px
    }

   #newsDetaileNews h5{
        margin-bottom: 4px;
        padding: 4px 16px;
        font-size: 14px
    }

   #newsDetaileNews h5:before{
        width: 5px
    }

   #newsDetaileNews h5:after{
        height: 1px;
        bottom: -3px
    }

   #newsDetaileNews h6{
        padding: 5px 0 5px 16px;
        font-size: 12px
    }

   #newsDetaileNews h6:before{
        width: 6px;
        height: 6px;
        border: 2px solid #035fb4
    }

   #newsDetaileNews .threeClm .img,
   #newsDetaileNews .twoClm .img{
        padding-top: 50%
    }
}

.newsTtl01,
.newsTtl02,
.newsTtl03,
.newsTtl04 {
    display: block
}

.newsTtl01 {
    margin-bottom: 6px;
    padding: 20px 28px;
    color: #fff;
    font-size: 28px;
    line-height: 1.5;
    background: #5794ce;
    background: -moz-linear-gradient(top, #5794ce 0%, #025eb4 100%);
    background: -webkit-linear-gradient(top, #5794ce 0%, #025eb4 100%);
    background: linear-gradient(to bottom, #5794ce 0%, #025eb4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5794ce', endColorstr='#025eb4', GradientType=0);
    position: relative
}

.newsTtl01:after {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    position: absolute;
    bottom: -6px;
    left: 0;
    background-color: #035fb4
}

@media only screen and (max-width: 1240px) {
    .newsTtl01 {
        margin-bottom: 5px;
        padding: 16px 24px;
        font-size: 24px
    }

    .newsTtl01:after {
        height: 3px;
        bottom: -4px
    }
}

@media only screen and (max-width: 768px) {
    .newsTtl01 {
        margin-bottom: 3px;
        padding: 12px 20px;
        font-size: 20px
    }

    .newsTtl01:after {
        height: 2px;
        bottom: -3px
    }
}

@media only screen and (max-width: 680px) {
    .newsTtl01 {
        margin-bottom: 2px;
        padding: 8px 16px;
        font-size: 16px
    }

    .newsTtl01:after {
        height: 1px;
        bottom: -2px
    }
}

.newsTtl02 {
    padding: 15px 28px;
    font-size: 24px;
    line-height: 1.5;
    font-weight: bold;
    background: #c4d9ec;
    color: #035fb4;
    border-radius: 5px
}

@media only screen and (max-width: 1240px) {
    .newsTtl02 {
        padding: 13px 24px;
        font-size: 20px
    }
}

@media only screen and (max-width: 768px) {
    .newsTtl02 {
        padding: 10px 20px;
        font-size: 16px
    }
}

@media only screen and (max-width: 680px) {
    .newsTtl02 {
        padding: 8px 16px;
        font-size: 14px
    }
}

.newsTtl03 {
    margin-bottom: 11px;
    padding: 10px 28px;
    font-size: 20px;
    line-height: 1.5;
    font-weight: bold;
    color: #035fb4;
    position: relative
}

.newsTtl03:before {
    content: "";
    display: block;
    width: 10px;
    height: 100%;
    background: #5794ce;
    background: -moz-linear-gradient(top, #5794ce 0%, #025eb4 100%);
    background: -webkit-linear-gradient(top, #5794ce 0%, #025eb4 100%);
    background: linear-gradient(to bottom, #5794ce 0%, #025eb4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5794ce', endColorstr='#025eb4', GradientType=0);
    position: absolute;
    left: 0;
    top: 0
}

.newsTtl03:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: -9px;
    left: 0;
    background: #0883b5
}

@media only screen and (max-width: 1240px) {
    .newsTtl03 {
        margin-bottom: 8px;
        padding: 8px 24px;
        font-size: 18px
    }

    .newsTtl03:before {
        width: 8px
    }

    .newsTtl03:after {
        height: 1px;
        bottom: -7px
    }
}

@media only screen and (max-width: 768px) {
    .newsTtl03 {
        margin-bottom: 6px;
        padding: 6px 20px;
/*        font-size: 16px*/
    }

    .newsTtl03:before {
        width: 6px
    }

    .newsTtl03:after {
        height: 1px;
        bottom: -5px
    }
}

@media only screen and (max-width: 680px) {
    .newsTtl03 {
        margin-bottom: 4px;
        padding: 4px 16px;
/*        font-size: 14px*/
    }

    .newsTtl03:before {
        width: 5px
    }

    .newsTtl03:after {
        height: 1px;
        bottom: -3px
    }
}

.newsTtl04 {
    padding: 7px 0 7px 28px;
    font-size: 18px;
    line-height: 1.5;
    font-weight: bold;
    color: #035fb4;
    position: relative
}

.newsTtl04:before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    margin: auto 0;
    border: 4px solid #035fb4;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0
}

@media only screen and (max-width: 1240px) {
    .newsTtl04 {
        padding: 5px 0 5px 24px;
        font-size: 16px
    }

    .newsTtl04:before {
        width: 10px;
        height: 10px;
        border: 4px solid #035fb4
    }
}

@media only screen and (max-width: 768px) {
    .newsTtl04 {
        padding: 5px 0 5px 20px;
/*        font-size: 14px*/
    }

    .newsTtl04:before {
        width: 8px;
        height: 8px;
        border: 3px solid #035fb4
    }
}

@media only screen and (max-width: 680px) {
    .newsTtl04 {
        padding: 5px 0 5px 16px;
/*        font-size: 12px*/
    }

    .newsTtl04:before {
        width: 6px;
        height: 6px;
        border: 2px solid #035fb4
    }
}

.newsTtl05 {
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #266585
}

.newsTtl05:before {
    content: "■ "
}

@media only screen and (max-width: 1240px) {
    .newsTtl05 {
        margin-bottom: 8px;
        font-size: 14px
    }
}

@media only screen and (max-width: 768px) {
    .newsTtl05 {
        margin-bottom: 8px;
        font-size: 12px
    }
}

@media only screen and (max-width: 680px) {
    .newsTtl05 {
        margin-bottom: 8px;
        font-size: 12px
    }
}

.txtImgLayout {
    display: block
}

.txtImgLayout.type02.iLtR .img {
    margin: 0;
    float: left
}

.txtImgLayout.type02.iLtR .txt {
    float: left;
    padding-left: 20px
}

.txtImgLayout.type02.iRtL .img {
    margin: 0;
    float: right
}

.txtImgLayout.type02.iRtL .txt {
    float: right;
    padding-right: 20px
}

.txtImgLayout.type02 .img {
    width: 30%
}

.txtImgLayout.type02 .txt {
    width: 70%
}

.txtImgLayout.type02 .txt p {
    font-size: 14px;
    line-height: 1.8
}

.txtImgLayout.type02 .txt p em {
    display: block;
    font-weight: bold;
    color: #266585
}

.txtImgLayout.type02 .txt p strong {
    display: block;
    font-weight: bold
}

.txtImgLayout.auto .img {
    width: auto
}

.txtImgLayout.auto .img img {
    max-width: 100%;
    width: auto
}

.txtImgLayout .img {
    max-width: 30%
}

.txtImgLayout .img img {
    display: block;
    max-width: 100%;
    height: auto
}

.txtImgLayout p.txt {
    font-size: 14px;
    line-height: 1.8
}

.txtImgLayout p.txt em {
    display: block;
    font-weight: bold;
    color: #266585
}

.txtImgLayout p.txt strong {
    display: block;
    font-weight: bold
}

.txtImgLayout ul {
    display: block
}

.txtImgLayout ul li {
    display: block;
    font-size: 14px;
    line-height: 1.5
}

.txtImgLayout ul li+li {
    margin-top: 3px
}

.txtImgLayout.iLtR .img {
    margin: 0 20px 20px 0;
    float: left
}

.txtImgLayout.iRtL .img {
    margin: 0 0 20px 20px;
    float: right
}

@media only screen and (max-width: 1240px) {
    .txtImgLayout.type02.iLtR .txt {
        padding-left: 15px
    }

    .txtImgLayout.type02.iRtL .txt {
        padding-right: 15px
    }

    .txtImgLayout.type02 .img {
        width: 30%
    }

    .txtImgLayout.type02 .txt {
        width: 70%
    }

    .txtImgLayout.type02 .txt p {
        font-size: 13px
    }

    .txtImgLayout.auto .img {
        width: auto
    }

    .txtImgLayout.auto .img img {
        max-width: 100%;
        width: auto
    }

    .txtImgLayout .img {
        max-width: 30%
    }

/*
    .txtImgLayout p.txt {
        font-size: 13px
    }
*/

    .txtImgLayout ul li {
        font-size: 13px
    }

    .txtImgLayout ul li+li {
        margin-top: 8px
    }

    .txtImgLayout.iLtR .img {
        margin: 0 15px 15px 0
    }

    .txtImgLayout.iRtL .img {
        margin: 0 0 15px 15px
    }
}

@media only screen and (max-width: 768px) {
    .txtImgLayout.type02 .txt p {
        font-size: 12px
    }

    .txtImgLayout.auto .img {
        width: auto
    }

    .txtImgLayout.auto .img img {
        max-width: 100%;
        width: auto
    }

    .txtImgLayout .img {
        max-width: 30%
    }

/*
    .txtImgLayout p.txt {
        font-size: 12px
    }
*/

    .txtImgLayout ul li {
        font-size: 12px
    }

    .txtImgLayout ul li+li {
        margin-top: 6px
    }

    .txtImgLayout.iLtR .img {
        margin: 0 10px 10px 0
    }

    .txtImgLayout.iRtL .img {
        margin: 0 0 10px 10px
    }
}

@media only screen and (max-width: 680px) {
    .txtImgLayout.type02.iLtR .txt {
        padding-left: 0;
        padding-top: 10px;
        float: none
    }

    .txtImgLayout.type02.iRtL .txt {
        padding-right: 0;
        padding-top: 10px;
        float: none
    }

    .txtImgLayout.type02 .img {
        width: 100%;
        max-width: 100%
    }

    .txtImgLayout.type02 .txt {
        width: 100%
    }

    .txtImgLayout.type02 .txt p {
        font-size: 11px
    }

    .txtImgLayout.auto .img {
        width: 80%
    }

    .txtImgLayout .img {
        max-width: 80%;
        text-align: center
    }

    .txtImgLayout .img img {
        display: inline
    }

/*
    .txtImgLayout p.txt {
        font-size: 11px
    }
*/

    .txtImgLayout ul li {
        font-size: 11px
    }

    .txtImgLayout ul li+li {
        margin-top: 4px
    }

    .txtImgLayout.iLtR .img {
        margin: 0 auto 10px;
        float: none
    }

    .txtImgLayout.iRtL .img {
        margin: 0 auto 10px;
        float: none
    }
}

ul.anchorBtn {
    display: block
}

ul.anchorBtn li {
    display: block;
    width: 23%;
    float: left
}

ul.anchorBtn li:not(:nth-of-type(4n+1)) {
    margin-left: 2.666666666666666666666666%
}

ul.anchorBtn li:nth-of-type(n+5) {
    margin-top: 2.666666666666666666666666%
}

ul.anchorBtn li a {
    display: block;
    width: 100%;
    padding: 15px 10px 27px;
    border: 2px solid #035fb4;
    border-radius: 5px;
    background-color: #fff;
    text-align: center;
    transition: .3s
}

ul.anchorBtn li a:hover {
    background-color: #035fb4
}

ul.anchorBtn li a:hover span {
    color: #fff
}

ul.anchorBtn li a:hover span:after {
    border-color: #fff transparent transparent transparent
}

ul.anchorBtn li a span {
    display: block;
    padding-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
    color: #035fb4;
    position: relative;
    border-bottom: 1px solid #b3cfe8
}

ul.anchorBtn li a span:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin: 0 auto;
    border: 5px solid #035fb4;
    border-color: #035fb4 transparent transparent transparent;
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    transform: scaleX(2)
}

@media only screen and (max-width: 1240px) {
    ul.anchorBtn li {
        width: 24%;
        float: left
    }

    ul.anchorBtn li:not(:nth-of-type(4n+1)) {
        margin-left: 1.33333333333333333333333333%
    }

    ul.anchorBtn li:nth-of-type(n+5) {
        margin-top: 1.33333333333333333333333333%
    }

    ul.anchorBtn li a {
        padding: 12px 5px 25px
    }

    ul.anchorBtn li a span {
        padding-bottom: 10px;
        font-size: 14px
    }

    ul.anchorBtn li a span:after {
        border: 5px solid #035fb4;
        border-color: #035fb4 transparent transparent transparent;
        bottom: -20px;
        left: 0;
        right: 0;
        transform: scaleX(2)
    }
}

@media only screen and (max-width: 768px) {
    ul.anchorBtn li {
        width: 49%;
        float: left
    }

    ul.anchorBtn li:not(:nth-of-type(4n+1)) {
        margin-left: 0
    }

    ul.anchorBtn li:nth-of-type(n+5) {
        margin-top: 0
    }

    ul.anchorBtn li:nth-of-type(even) {
        margin-left: 2%
    }

    ul.anchorBtn li:nth-of-type(n+3) {
        margin-top: 2%
    }

    ul.anchorBtn li a {
        padding: 10px 3px 20px
    }

    ul.anchorBtn li a span {
        padding-bottom: 7px;
        font-size: 13px
    }

    ul.anchorBtn li a span:after {
        border: 5px solid #035fb4;
        border-color: #035fb4 transparent transparent transparent;
        bottom: -20px;
        left: 0;
        right: 0;
        transform: scaleX(2)
    }
}

.wakuT {
    display: block;
    width: 100%
}

.wakuT table {
    border-bottom: 1px solid #b2d8e8;
    border-left: 1px solid #b2d8e8;
    border-top: 1px solid #b2d8e8;
    width: 100%;
    table-layout: fixed
}

.wakuT table tbody,
.wakuT table thead {
    width: 100%
}

.wakuT table tbody tr,
.wakuT table thead tr {
    width: 100%
}

.wakuT table tbody tr th,
.wakuT table tbody tr td,
.wakuT table thead tr th,
.wakuT table thead tr td {
    padding: 20px 30px;
    font-size: 14px;
    line-height: 1.5;
    color: #035fb4;
    border-right: 1px solid #b2d8e8
}

.wakuT table tbody tr th.none,
.wakuT table tbody tr td.none,
.wakuT table thead tr th.none,
.wakuT table thead tr td.none {
    background-color: none !important;
    border-width: 0 !important
}

.wakuT table tbody tr th.w10,
.wakuT table tbody tr td.w10,
.wakuT table thead tr th.w10,
.wakuT table thead tr td.w10 {
    width: 10%
}

.wakuT table tbody tr th.w20,
.wakuT table tbody tr td.w20,
.wakuT table thead tr th.w20,
.wakuT table thead tr td.w20 {
    width: 20%
}

.wakuT table tbody tr th.w30,
.wakuT table tbody tr td.w30,
.wakuT table thead tr th.w30,
.wakuT table thead tr td.w30 {
    width: 30%
}

.wakuT table tbody tr th.w40,
.wakuT table tbody tr td.w40,
.wakuT table thead tr th.w40,
.wakuT table thead tr td.w40 {
    width: 40%
}

.wakuT table tbody tr th.w50,
.wakuT table tbody tr td.w50,
.wakuT table thead tr th.w50,
.wakuT table thead tr td.w50 {
    width: 50%
}

.wakuT table tbody tr th.w60,
.wakuT table tbody tr td.w60,
.wakuT table thead tr th.w60,
.wakuT table thead tr td.w60 {
    width: 60%
}

.wakuT table tbody tr th.w70,
.wakuT table tbody tr td.w70,
.wakuT table thead tr th.w70,
.wakuT table thead tr td.w70 {
    width: 70%
}

.wakuT table tbody tr th.w80,
.wakuT table tbody tr td.w80,
.wakuT table thead tr th.w80,
.wakuT table thead tr td.w80 {
    width: 80%
}

.wakuT table tbody tr th.w90,
.wakuT table tbody tr td.w90,
.wakuT table thead tr th.w90,
.wakuT table thead tr td.w90 {
    width: 90%
}

.wakuT table tbody tr th,
.wakuT table thead tr th {
    font-weight: bold
}

.wakuT table tbody tr td,
.wakuT table thead tr td {
    background-color: #fff
}

.wakuT table thead tr th {
    background-color: #b1cde7
}

.wakuT table thead tr th+th {
    border-left: 1px solid #b2d8e8
}

.wakuT table tbody tr th {
    background-color: #dae5f0
}

.wakuT table tbody tr>* {
    border-bottom: 1px solid #b2d8e8
}

.wakuT table tbody tr>*+* {
    border-left: 1px solid #b2d8e8
}

.wakuT table tbody tr:last-child>* {
    border-bottom: 0
}

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

    .wakuT table tbody tr th,
    .wakuT table tbody tr td,
    .wakuT table thead tr th,
    .wakuT table thead tr td {
        padding: 15px 25px;
/*        font-size: 13px*/
    }
}

@media only screen and (max-width: 768px) {
    .wakuT {
        overflow-x: scroll
    }

    .wakuT.block table {
        width: 100%;
        display: block
    }

    .wakuT.block table tbody {
        display: block
    }

    .wakuT.block table tbody tr {
        display: block
    }

    .wakuT.block table tbody tr th,
    .wakuT.block table tbody tr td {
        width: 100%;
        display: block;
        border: 0
    }

    .wakuT.full table {
        width: 100%
    }

    .wakuT table {
        width: 700px;
        border-right: 1px solid #b2d8e8
    }

    .wakuT table tbody tr th,
    .wakuT table tbody tr td,
    .wakuT table thead tr th,
    .wakuT table thead tr td {
        padding: 10px 20px;
/*        font-size: 12px*/
    }
}

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

    .wakuT table tbody tr th,
    .wakuT table tbody tr td,
    .wakuT table thead tr th,
    .wakuT table thead tr td {
        padding: 7px 15px;
/*        font-size: 11px*/
    }
}

.warning {
    display: block;
    margin-top: 17px;
    padding: 0 27px 27px;
    border: 1px solid #007fb3;
    border-radius: 5px
}

.warning h4 {
    display: table;
    width: auto;
    height: 35px;
    margin: -17px 0 15px;
    padding: 0 10px;
    border-radius: 3px;
    background-color: #007fb3
}

.warning h4 span {
    display: table-cell;
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center;
    font-size: 16px;
    vertical-align: middle
}

.warning h4 span img {
    display: inline-block;
    width: 15px;
    margin-right: 7px
}

.warning h4 span small {
    display: inline-block;
    margin-left: 5px;
    font-size: 10px;
    color: #fff
}

.warning p {
    font-size: 14px;
    color: #266585;
    margin: 0 !important;
    line-height: 1.8
}

@media only screen and (max-width: 1240px) {
    .warning {
        margin-top: 15px;
        padding: 0 22px 22px
    }

    .warning h4 {
        height: 30px;
        margin: -15px 0 15px
    }

    .warning h4 span {
        font-size: 14px
    }

    .warning h4 span img {
        width: 14px;
        margin-right: 5px
    }

    .warning p {
        font-size: 13px
    }
}

@media only screen and (max-width: 768px) {
    .warning {
        margin-top: 15px;
        padding: 0 18px 18px
    }

    .warning h4 {
        height: 30px;
        margin: -15px 0 15px
    }

    .warning h4 span {
        font-size: 13px
    }

    .warning h4 span img {
        width: 13px;
        margin-right: 4px
    }

    .warning p {
        font-size: 12px
    }
}

@media only screen and (max-width: 680px) {
    .warning {
        margin-top: 15px;
        padding: 0 15px 15px
    }

    .warning h4 {
        height: 30px;
        margin: -15px auto 10px
    }

    .warning h4 span {
        font-size: 12px
    }

    .warning h4 span img {
        width: 12px;
        margin-right: 3px
    }

    .warning p {
        font-size: 11px
    }
}

.accordionArea {
    display: block;
    background-color: #ebf9ff;
    border: 3px solid #007fb3;
    border-radius: 5px
}

.accordionArea.on {
    border-color: #60c1e9
}

.accordionArea.on p {
    color: #60c1e9;
    border-color: #60c1e9
}

.accordionArea.on p.q span.pm {
    background: #60c1e9
}

.accordionArea.on p.q span.pm:before {
    transform: rotate(0deg)
}

.accordionArea.faq p.q {
    text-indent: -1.2em;
    padding-left: calc(26px + 1.3em)
}

.accordionArea.faq p.q:before {
    content: "Q."
}

.accordionArea.faq .a p {
    text-indent: -1.2em;
    padding-left: 1.3em;
    color: #60c1e9
}

.accordionArea.faq .a p:before {
    content: "A.";
    font-size: 18px !important;
    font-weight: bold;
    color: #60c1e9
}

.accordionArea p {
    display: block;
    width: 100%;
    color: #007fb3
}

.accordionArea p.q {
    padding: 19px 60px 19px 26px;
    font-size: 18px !important;
    font-weight: bold;
    position: relative;
    cursor: pointer;
    line-height: 1.5
}

.accordionArea p.q.open {
    cursor: default
}

.accordionArea p.q.open span.pm {
    display: none
}

.accordionArea p.q.open span.pm:after,
.accordionArea p.q.open span.pm:before {
    display: none
}

.accordionArea p.q.open+.a {
    display: block !important
}

.accordionArea p.q span.pm {
    display: block;
    width: 30px;
    height: 30px;
    margin: auto 0;
    border-radius: 3px;
    background-color: #007fb3;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 26px
}

.accordionArea p.q span.pm:after,
.accordionArea p.q span.pm:before {
    content: "";
    width: 60%;
    height: 2px;
    margin: auto;
    background-color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: .3s
}

.accordionArea p.q span.pm:before {
    transform: rotate(90deg)
}

.accordionArea .a {
    display: none;
    padding: 0 26px
}

.accordionArea .a p {
    padding: 19px 0;
    border-top: 1px solid #007fb3;
    font-size: 14px;
    line-height: 1.8
}

@media only screen and (max-width: 1240px) {
    .accordionArea {
        border: 2px solid #007fb3
    }

    .accordionArea.faq p.q {
        padding-left: calc(22px + 1.3em)
    }

    .accordionArea.faq .a p:before {
        font-size: 16px !important
    }

    .accordionArea p.q {
        padding: 16px 50px 16px 22px;
        font-size: 16px !important
    }

    .accordionArea p.q span.pm {
        width: 25px;
        height: 25px;
        right: 22px
    }

    .accordionArea p.q span.pm:after,
    .accordionArea p.q span.pm:before {
        width: 60%;
        height: 2px
    }

    .accordionArea .a {
        padding: 0 22px
    }

    .accordionArea .a p {
        padding: 16px 0;
        font-size: 13px
    }
}

@media only screen and (max-width: 768px) {
    .accordionArea.faq p.q {
        padding-left: calc(18px + 1.3em)
    }

    .accordionArea.faq .a p:before {
        font-size: 14px !important
    }

    .accordionArea p.q {
        padding: 12px 40px 12px 18px;
        font-size: 14px !important
    }

    .accordionArea p.q span.pm {
        width: 20px;
        height: 20px;
        right: 18px
    }

    .accordionArea p.q span.pm:after,
    .accordionArea p.q span.pm:before {
        width: 60%;
        height: 2px
    }

    .accordionArea .a {
        padding: 0 18px
    }

    .accordionArea .a p {
        padding: 12px 0;
        font-size: 12px
    }
}

@media only screen and (max-width: 680px) {
    .accordionArea.faq p.q {
        padding-left: calc(10px + 1.3em)
    }

    .accordionArea.faq .a p:before {
        font-size: 13px !important
    }

    .accordionArea p.q {
        padding: 10px 30px 10px 10px;
        font-size: 13px !important
    }

    .accordionArea p.q span.pm {
        width: 16px;
        height: 16px;
        right: 10px
    }

    .accordionArea p.q span.pm:after,
    .accordionArea p.q span.pm:before {
        width: 60%;
        height: 2px
    }

    .accordionArea .a {
        padding: 0 10px
    }

    .accordionArea .a p {
        padding: 10px 0;
        font-size: 12px
    }
}

ul.hosoku {
    display: block
}

ul.hosoku li {
    display: block;
    font-size: 12px;
    color: #999;
    line-height: 1.5;
    text-indent: -1em;
    padding-left: 1em
}

ul.hosoku li+li {
    margin-top: 3px
}

@media only screen and (max-width: 1240px) {
/*
    ul.hosoku li {
        font-size: 11px
    }
*/

    ul.hosoku li+li {
        margin-top: 2px
    }
}

@media only screen and (max-width: 768px) {
/*
    ul.hosoku li {
        font-size: 10px
    }
*/

    ul.hosoku li+li {
        margin-top: 1px
    }
}

ul#linkList {
    display: block;
    margin-bottom: 100px;
    padding: 20px;
    background-color: #d9e3e8
}

ul#linkList li {
    width: 33.3333333333%;
    float: left;
    border: 1px solid #d9e3e8
}

ul#linkList li a {
    display: block;
    background-color: #fff;
    transition: .3s;
    text-decoration: none !important
}

ul#linkList li a:hover {
    background-color: #266585
}

ul#linkList li a:hover span {
    color: #fff
}

ul#linkList li a span {
    display: block;
    padding: 19px 23px;
    font-size: 15px;
    color: #266585;
    transition: .3s;
    text-decoration: none !important
}

ul#linkList li a span:after {
    right: 20px
}

ul#linkList li a span:before {
    right: 29px
}

@media only screen and (max-width: 1240px) {
    ul#linkList {
        margin-bottom: 80px;
        padding: 15px
    }

    ul#linkList li {
        float: left
    }

    ul#linkList li a span {
        padding: 17px 20px;
        font-size: 14px
    }

    ul#linkList li a span:after {
        right: 20px
    }

    ul#linkList li a span:before {
        right: 28px
    }
}

@media only screen and (max-width: 768px) {
    ul#linkList {
        margin-bottom: 40px;
        padding: 10px
    }

    ul#linkList li {
        float: left;
        width: 50%
    }

    ul#linkList li a span {
        padding: 15px 50px 15px 18px;
        font-size: 13px
    }

    ul#linkList li a span:after {
        right: 18px
    }

    ul#linkList li a span:before {
        right: 26px
    }
}

@media only screen and (max-width: 680px) {
    ul#linkList {
        margin-bottom: 20px;
        padding: 5px
    }

    ul#linkList li {
        float: left;
        width: 100%
    }

    ul#linkList li a span {
        padding: 10px 40px 10px 15px;
        font-size: 12px
    }

    ul#linkList li a span:after {
        right: 18px
    }

    ul#linkList li a span:before {
        right: 25px
    }
}

section#relationSite {
    padding: 80px 0 90px
}

section#relationSite .waku h2 {
    display: block;
    margin-bottom: 25px;
    text-align: left;
    font-size: 26px;
    color: #266585
}

section#relationSite .waku ul {
    display: block
}

section#relationSite .waku ul li {
    display: block;
    text-align: center
}

section#relationSite .waku ul li a {
    display: block
}

section#relationSite .waku ul li a:hover .img {
    background: #266585
}

section#relationSite .waku ul li a:hover h3 {
    text-decoration: underline
}

section#relationSite .waku ul li a .img {
    display: block;
    margin-bottom: 13px;
    padding: 6px;
    border: 1px solid #ccc;
    transition: .3s
}

section#relationSite .waku ul li a .img img {
    max-width: 100%;
    height: auto
}

section#relationSite .waku ul li a h3 {
    display: block;
    font-size: 13px;
    color: #266585
}

@media only screen and (max-width: 1240px) {
    section#relationSite {
        padding: 70px 0
    }

    section#relationSite .waku h2 {
        margin-bottom: 20px;
        font-size: 22px
    }

    section#relationSite .waku ul li a .img {
        display: block;
        margin-bottom: 10px;
        padding: 5px
    }

    section#relationSite .waku ul li a h3 {
        font-size: 12px
    }
}

@media only screen and (max-width: 768px) {
    section#relationSite {
        padding: 50px 0
    }

    section#relationSite .waku h2 {
        margin-bottom: 15px;
        font-size: 18px
    }

    section#relationSite .waku ul li a .img {
        margin-bottom: 8px;
        padding: 4px
    }

    section#relationSite .waku ul li a h3 {
        font-size: 11px
    }
}

@media only screen and (max-width: 680px) {
    section#relationSite {
        padding: 30px 0
    }

    section#relationSite .waku h2 {
        margin-bottom: 10px;
        font-size: 16px
    }

    section#relationSite .waku ul li a .img {
        margin-bottom: 5px;
        padding: 4px
    }

    section#relationSite .waku ul li a h3 {
        font-size: 10px
    }
}

section#recommendedContent {
    padding: 80px 0 60px
}

section#recommendedContent .waku h3 {
    display: block;
    margin-bottom: 30px;
    font-size: 24px;
    color: #266585
}

section#recommendedContent .waku ul {
    display: block;
    padding: 45px 35px;
    background: #efefef
}

section#recommendedContent .waku ul li {
    display: block;
    width: 24%;
    height: 120px;
    float: left
}

section#recommendedContent .waku ul li+li {
    margin-left: 1.3333333333%
}

section#recommendedContent .waku ul li a {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    background-size: cover !important;
    background-position: center !important;
    transition: .3s
}

section#recommendedContent .waku ul li a:hover {
    opacity: .6
}

section#recommendedContent .waku ul li a span {
    display: table-cell;
    vertical-align: middle;
    font-size: 18px;
    color: #fff;
    text-align: center;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.8), 0 0 5px rgba(0, 0, 0, 0.8)
}

@media only screen and (max-width: 1240px) {
    section#recommendedContent {
        padding: 50px 0
    }

    section#recommendedContent .waku h3 {
        margin-bottom: 25px;
        font-size: 22px
    }

    section#recommendedContent .waku ul {
        padding: 30px
    }

    section#recommendedContent .waku ul li {
        width: 24%;
        height: 10vw
    }

    section#recommendedContent .waku ul li+li {
        margin-left: 1.3333333333%
    }

    section#recommendedContent .waku ul li a span {
        font-size: 16px
    }
}

@media only screen and (max-width: 768px) {
    section#recommendedContent {
        padding: 30px 0
    }

    section#recommendedContent .waku h3 {
        margin-bottom: 20px;
        font-size: 20px
    }

    section#recommendedContent .waku ul {
        padding: 20px
    }

    section#recommendedContent .waku ul li {
        width: 24%;
        height: 10vw
    }

    section#recommendedContent .waku ul li+li {
        margin-left: 1.3333333333%
    }

    section#recommendedContent .waku ul li a span {
        font-size: 14px
    }
}

@media only screen and (max-width: 680px) {
    section#recommendedContent {
        padding: 30px 0
    }

    section#recommendedContent .waku h3 {
        margin-bottom: 10px;
        font-size: 18px
    }

    section#recommendedContent .waku ul {
        padding: 20px
    }

    section#recommendedContent .waku ul li {
        width: 49%;
        height: 20vw
    }

    section#recommendedContent .waku ul li+li {
        margin-left: 0
    }

    section#recommendedContent .waku ul li:nth-of-type(even) {
        margin-left: 2%
    }

    section#recommendedContent .waku ul li:nth-of-type(n+3) {
        margin-top: 2%
    }

    section#recommendedContent .waku ul li a span {
        font-size: 16px
    }
}

section#pageLink {
    padding: 65px 0 75px;
    background: #efefef
}

section#pageLink .waku>ul {
    display: block
}

section#pageLink .waku>ul>li {
    display: block;
    width: 48%;
    float: left
}

section#pageLink .waku>ul>li:nth-of-type(even) {
    margin-left: 4%
}

section#pageLink .waku>ul>li:nth-of-type(n+3) {
    margin-top: 4%
}

section#pageLink .waku>ul>li .img {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 200px;
    background-size: cover !important;
    background-position: center !important
}

section#pageLink .waku>ul>li nav {
    display: block;
    padding: 10px 23px;
    background: #fff
}

section#pageLink .waku>ul>li nav li {
    display: block
}

section#pageLink .waku>ul>li nav li+li {
    border-top: 1px dotted #266585
}

section#pageLink .waku>ul>li nav li a {
    display: block;
    padding: 15px 0;
    color: #266585;
    font-size: 16px
}

@media only screen and (max-width: 1240px) {
    section#pageLink {
        padding: 50px 0
    }

    section#pageLink .waku>ul>li {
        width: 49%;
        float: left
    }

    section#pageLink .waku>ul>li:nth-of-type(even) {
        margin-left: 2%
    }

    section#pageLink .waku>ul>li:nth-of-type(n+3) {
        margin-top: 2%
    }

    section#pageLink .waku>ul>li .img {
        height: 20vw
    }

    section#pageLink .waku>ul>li nav {
        padding: 5px 15px
    }

    section#pageLink .waku>ul>li nav li a {
        padding: 10px 0;
        font-size: 14px
    }
}

@media only screen and (max-width: 768px) {
    section#pageLink {
        padding: 30px 0
    }

    section#pageLink .waku>ul>li {
        width: 49%;
        float: left
    }

    section#pageLink .waku>ul>li:nth-of-type(even) {
        margin-left: 2%
    }

    section#pageLink .waku>ul>li:nth-of-type(n+3) {
        margin-top: 2%
    }

    section#pageLink .waku>ul>li .img {
        height: 20vw
    }

    section#pageLink .waku>ul>li nav {
        padding: 5px 10px
    }

    section#pageLink .waku>ul>li nav li a {
        padding: 10px 0;
        font-size: 12px
    }
}

@media only screen and (max-width: 680px) {
    section#pageLink {
        padding: 20px 0
    }

    section#pageLink .waku>ul>li {
        width: 100%;
        float: left
    }

    section#pageLink .waku>ul>li:nth-of-type(even) {
        margin-left: 0
    }

    section#pageLink .waku>ul>li:nth-of-type(n+3) {
        margin-top: 0
    }

    section#pageLink .waku>ul>li+li {
        margin-top: 10px !important
    }

    section#pageLink .waku>ul>li .img {
        height: 40vw
    }

    section#pageLink .waku>ul>li nav {
        padding: 5px 10px
    }

    section#pageLink .waku>ul>li nav li a {
        padding: 10px 0;
        font-size: 12px
    }
}

section#column {
    padding: 70px 0
}

section#column .waku h3 {
    display: block;
    margin-bottom: 50px
}

section#column .waku h3 img {
    max-width: 100%;
    height: auto
}

section#column .waku #columnArea {
    display: block;
    margin-bottom: 50px
}

section#column .waku #columnArea p {
    display: block;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 2
}

section#column .waku #columnArea p strong {
    display: block;
    margin: 40px 0 20px;
    font-size: 20px;
    font-weight: bold;
    color: #266585
}

section#column .waku #columnArea .subInfo {
    display: block;
    margin-bottom: 20px
}

section#column .waku #columnArea .subInfo * {
    display: inline-block;
    font-size: 12px
}

section#column .waku #columnArea .subInfo .mage {
    margin-right: 10px;
    padding: 5px 20px;
    background-color: #266585;
    color: #fff
}

section#column .waku #columnArea .subInfo time {
    color: #266585
}

section#column .waku #columnArea .btnArea {
    margin-bottom: 50px
}

section#column .waku ul.anchorBtn li a span {
    line-height: 1.5
}

@media only screen and (max-width: 1240px) {
    section#column {
        padding: 60px 0
    }

    section#column .waku h3 {
        margin-bottom: 40px
    }

    section#column .waku #columnArea {
        margin-bottom: 40px
    }

    section#column .waku #columnArea p {
        margin-bottom: 15px;
        font-size: 13px
    }

    section#column .waku #columnArea p strong {
        margin: 35px 0 15px;
        font-size: 15px
    }

    section#column .waku #columnArea .subInfo {
        margin-bottom: 15px
    }

    section#column .waku #columnArea .subInfo * {
        font-size: 11px
    }

    section#column .waku #columnArea .subInfo .mage {
        margin-right: 8px;
        padding: 4px 18px
    }

    section#column .waku #columnArea .btnArea {
        margin-bottom: 40px
    }
}

@media only screen and (max-width: 768px) {
    section#column {
        padding: 50px 0
    }

    section#column .waku h3 {
        margin-bottom: 30px
    }

    section#column .waku #columnArea {
        margin-bottom: 30px
    }

    section#column .waku #columnArea p {
        margin-bottom: 10px;
        font-size: 12px
    }

    section#column .waku #columnArea p strong {
        margin: 30px 0 10px;
        font-size: 14px
    }

    section#column .waku #columnArea .subInfo {
        margin-bottom: 10px
    }

    section#column .waku #columnArea .subInfo * {
        font-size: 10px
    }

    section#column .waku #columnArea .subInfo .mage {
        margin-right: 8px;
        padding: 4px 18px
    }

    section#column .waku #columnArea .btnArea {
        margin-bottom: 30px
    }
}

section#movieCmn {
    padding: 70px 0
}

section#movieCmn .waku h3.newsTtl02 {
    margin-bottom: 20px
}

section#movieCmn .waku .accordionArea .a {
    padding-bottom: 20px
}

section#movieCmn .waku .accordionArea ul#movieList {
    display: block;
    overflow: hidden
}

section#movieCmn .waku .accordionArea ul#movieList li {
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 5px;
    transition: .3s;
    display: block;
    margin-right: 10px;
    width: -webkit-calc((100% - 30px) / 4);
    width: calc((100% - 30px) / 4);
    height: 100px;
    float: left;
    margin-bottom: 10px
}

section#movieCmn .waku .accordionArea ul#movieList li.r0 {
    margin-right: 0
}

section#movieCmn .waku .accordionArea ul#movieList li.clm2 {
    width: -webkit-calc((100% - 10px) / 2);
    width: calc((100% - 10px) / 2)
}

section#movieCmn .waku .accordionArea ul#movieList li.clm2 .box {
    width: 50%
}

section#movieCmn .waku .accordionArea ul#movieList li.clm3 {
    width: -webkit-calc((25% * 3) - 3px);
    width: calc((25% * 3) - 3px)
}

section#movieCmn .waku .accordionArea ul#movieList li .box {
    border-right: 1px dotted #CCC;
    display: block;
    width: 33.333333333%;
    height: 100%;
    float: left
}

section#movieCmn .waku .accordionArea ul#movieList li .box:last-child {
    border-right: none
}

section#movieCmn .waku .accordionArea ul#movieList li a {
    background-color: #fff;
    border-radius: 5px;
    display: table;
    width: 100%;
    height: 100%
}

section#movieCmn .waku .accordionArea ul#movieList li a:hover {
    border-color: #266585
}

section#movieCmn .waku .accordionArea ul#movieList li a span {
    display: table-cell;
    width: 100%;
    height: 100%;
    padding-right: 10px;
    vertical-align: middle;
    text-align: right;
    transition: .3s;
    background-position: 20px center !important;
    background-repeat: no-repeat !important
}

section#movieCmn .waku .accordionArea ul#movieList li a span em {
    font-size: 12px;
    background: rgba(255, 255, 255, 0.8);
    line-height: 1.4
}

@media only screen and (max-width: 1240px) {
    section#movieCmn {
        padding: 60px 0
    }

    section#movieCmn .waku h3.newsTtl02 {
        margin-bottom: 15px
    }

    section#movieCmn .waku .accordionArea .a {
        padding-bottom: 15px
    }
}

@media only screen and (max-width: 1040px) {
    section#movieCmn {
        padding: 50px 0
    }

    section#movieCmn .waku h3.newsTtl02 {
        margin-bottom: 10px
    }

    section#movieCmn .waku .accordionArea .a {
        padding-bottom: 15px
    }

    section#movieCmn .waku .accordionArea ul#movieList li {
        width: 50%;
        height: 80px;
        padding: 4px;
        float: none;
        width: 100%;
        margin-right: 0
    }

    section#movieCmn .waku .accordionArea ul#movieList li.clm3,
    section#movieCmn .waku .accordionArea ul#movieList li.clm2 {
        overflow: hidden;
        height: auto;
        width: 100%
    }

    section#movieCmn .waku .accordionArea ul#movieList li .box {
        border-right: none;
        border-bottom: 1px dotted #CCC;
        display: block;
        width: 100% !important;
        height: 80px;
        float: none !important
    }

    section#movieCmn .waku .accordionArea ul#movieList li a span {
        transition: .3s;
        background-position: 20px center !important;
        background-repeat: no-repeat !important;
        background-size: auto 80% !important
    }
}

@media only screen and (max-width: 680px) {
    section#movieCmn {
        padding: 20px 0
    }

    section#movieCmn .waku .accordionArea .a {
        padding: 0 5px;
        padding-bottom: 5px
    }

    section#movieCmn .waku .accordionArea ul#movieList li a span {
        padding: 3px 8px;
        background-position: 10px center !important
    }
}

section#movie {
    padding: 0
}

section#movie .waku h2.newsTtl01 {
    margin-bottom: 30px
}

section#movie .waku h2.newsTtl01 img {
    vertical-align: middle;
    margin-right: 20px
}

section#movie .waku table.movieTtl {
    width: 100%;
    margin: 30px 0 10px;
    table-layout: fixed
}

section#movie .waku table.movieTtl tbody {
    width: 100%
}

section#movie .waku table.movieTtl tbody tr {
    width: 100%
}

section#movie .waku table.movieTtl tbody tr th,
section#movie .waku table.movieTtl tbody tr td {
    border: 1px solid #3a86b8;
    height: 84px;
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
    line-height: 1.7
}

section#movie .waku table.movieTtl tbody tr th span,
section#movie .waku table.movieTtl tbody tr td span {
    font-size: 13px;
    font-weight: normal
}

section#movie .waku table.movieTtl tbody tr th {
    width: 15%;
    color: #fff;
    text-align: center;
    background-color: #3a86b8
}

section#movie .waku table.movieTtl tbody tr td:nth-of-type(1) {
    width: 15%;
    text-align: center
}

section#movie .waku table.movieTtl tbody tr td:nth-of-type(1) img {
    max-width: 100%;
    max-height: 100%;
    height: auto
}

section#movie .waku table.movieTtl tbody tr td:nth-of-type(2) {
    width: 70%
}

section#movie .waku iframe {
    display: block;
    width: 100%;
    height: 500px;
    margin-bottom: 40px
}

@media only screen and (max-width: 1240px) {
    section#movie {
        padding: 0
    }

    section#movie .waku h2.newsTtl01 {
        margin-bottom: 20px
    }

    section#movie .waku h2.newsTtl01 img {
        margin-right: 15px
    }

    section#movie .waku table.movieTtl {
        margin: 20px 0 10px
    }

    section#movie .waku table.movieTtl tbody tr th,
    section#movie .waku table.movieTtl tbody tr td {
        height: 70px;
        font-size: 14px;
        padding: 8px
    }

    section#movie .waku table.movieTtl tbody tr th span,
    section#movie .waku table.movieTtl tbody tr td span {
        font-size: 12px
    }

    section#movie .waku table.movieTtl tbody tr th {
        width: 15%
    }

    section#movie .waku table.movieTtl tbody tr td:nth-of-type(1) {
        width: 15%
    }

    section#movie .waku table.movieTtl tbody tr td:nth-of-type(2) {
        width: 70%
    }

    section#movie .waku iframe {
        width: 100%;
        height: 50vw;
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 768px) {
    section#movie {
        padding: 0
    }

    section#movie .waku h2.newsTtl01 {
        margin-bottom: 20px
    }

    section#movie .waku h2.newsTtl01 img {
        margin-right: 15px
    }

    section#movie .waku table.movieTtl {
        margin: 15px 0 8px
    }

    section#movie .waku table.movieTtl tbody tr th,
    section#movie .waku table.movieTtl tbody tr td {
        height: 60px;
        font-size: 13px;
        padding: 6px
    }

    section#movie .waku table.movieTtl tbody tr th span,
    section#movie .waku table.movieTtl tbody tr td span {
        font-size: 11px
    }

    section#movie .waku table.movieTtl tbody tr th {
        width: 15%
    }

    section#movie .waku table.movieTtl tbody tr td:nth-of-type(1) {
        width: 15%
    }

    section#movie .waku table.movieTtl tbody tr td:nth-of-type(2) {
        width: 70%
    }

    section#movie .waku table.movieTtl tbody tr td span {
        display: block
    }

    section#movie .waku iframe {
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 680px) {
    section#movie {
        padding: 0
    }

    section#movie .waku table.movieTtl {
        margin: 15px 0 8px
    }

    section#movie .waku table.movieTtl tbody tr th,
    section#movie .waku table.movieTtl tbody tr td {
        display: block;
        height: 50px;
        font-size: 12px;
        padding: 5px;
        float: left
    }

    section#movie .waku table.movieTtl tbody tr th span,
    section#movie .waku table.movieTtl tbody tr td span {
        font-size: 10px
    }

    section#movie .waku table.movieTtl tbody tr th {
        width: 50%;
        padding-top: 17px
    }

    section#movie .waku table.movieTtl tbody tr td:nth-of-type(1) {
        width: 50%
    }

    section#movie .waku table.movieTtl tbody tr td:nth-of-type(2) {
        width: 100%;
        height: auto;
        border-top: 0;
        line-height: 1.5
    }

    section#movie .waku table.movieTtl tbody tr td span {
        display: block
    }

    section#movie .waku iframe {
        margin-bottom: 20px
    }
}

section#carePoint {
    padding-bottom: 0
}

section#carePoint .waku #selectCategoryArea {
    margin-bottom: 30px
}

section#carePoint .waku p.careWarning {
    display: block;
    margin: 50px 0;
    font-size: 14px;
    font-weight: bold;
    color: #f00;
    line-height: 1.8;
    padding-left: 1em;
    text-indent: -1em
}

section#carePoint .waku ul#carePointList {
    display: block;
    margin-bottom: 100px
}

section#carePoint .waku ul#carePointList>li {
    display: block;
    counter-increment: CPno01
}

section#carePoint .waku ul#carePointList>li+li {
    margin-top: 10px
}

section#carePoint .waku ul#carePointList>li p.stepNo {
    display: block;
    margin-bottom: 5px;
    border-bottom: 2px solid #1caab3
}

section#carePoint .waku ul#carePointList>li p.stepNo:after {
    content: "Step"counter(CPno01);
    color: #1caab3;
    font-weight: bold;
    display: inline-block;
    padding: 5px 20px;
    border: 2px solid #1caab3;
    border-width: 2px 2px 0;
    font-size: 14px
}

section#carePoint .waku ul#carePointList>li .txtImgLayout .img {
    text-align: center;
    margin-bottom: 0 !important
}

section#carePoint .waku ul#carePointList>li .txtImgLayout .img img {
    display: inline-block;
    max-width: 100%;
    width: auto;
    height: auto
}

section#carePoint .waku ul#carePointList>li .txtImgLayout .txt span {
    display: block;
    font-size: 12px
}

section#carePoint .waku ul#carePointList>li .txtImgLayout .txt span.red {
    color: #f00
}

@media only screen and (max-width: 1240px) {
    section#carePoint {
        padding-bottom: 0
    }

    section#carePoint .waku #selectCategoryArea {
        margin-bottom: 20px
    }

    section#carePoint .waku p.careWarning {
        margin: 40px 0;
        font-size: 13px
    }

    section#carePoint .waku ul#carePointList {
        margin-bottom: 80px
    }

    section#carePoint .waku ul#carePointList>li+li {
        margin-top: 8px
    }

    section#carePoint .waku ul#carePointList>li p.stepNo {
        margin-bottom: 4px
    }

    section#carePoint .waku ul#carePointList>li p.stepNo:after {
        padding: 5px 20px;
        font-size: 13px
    }

    section#carePoint .waku ul#carePointList>li .txtImgLayout .txt span {
        font-size: 11px
    }
}

@media only screen and (max-width: 768px) {
    section#carePoint {
        padding-bottom: 0
    }

    section#carePoint .waku #selectCategoryArea {
        margin-bottom: 20px
    }

    section#carePoint .waku p.careWarning {
        margin: 20px 0;
        font-size: 12px
    }

    section#carePoint .waku ul#carePointList {
        margin-bottom: 60px
    }

    section#carePoint .waku ul#carePointList>li+li {
        margin-top: 20px
    }

    section#carePoint .waku ul#carePointList>li p.stepNo {
        margin-bottom: 4px
    }

    section#carePoint .waku ul#carePointList>li p.stepNo:after {
        font-size: 12px
    }

    section#carePoint .waku ul#carePointList>li .txtImgLayout .txt span {
        font-size: 10px
    }
}

@media only screen and (max-width: 680px) {
    section#carePoint {
        padding-bottom: 0
    }

    section#carePoint .waku ul#carePointList {
        margin-bottom: 40px
    }
}

section#productsType {
    text-align: center
}

section#productsType.wakuTrue {
    margin-bottom: 100px
}

section#productsType.wakuTrue .txtArea {
    padding: 75px 20px 50px
}

section#productsType.wakuTrue .txtArea h3 {
    margin-bottom: 0
}

section#productsType.wakuTrue nav#mainItemLink li {
    width: 24%
}

section#productsType.wakuTrue nav#mainItemLink li+li {
    margin-left: 1.3333333333333333333%
}

section#productsType.wakuTrue nav#mainItemLink li a {
    padding: 40px 15px
}

section#productsType.wakuTrue nav#mainItemLink li a .img {
    width: 180px;
    height: 180px;
    margin: 0 auto 15px
}

section#productsType.wakuTrue nav#mainItemLink li a .txt h4 {
    margin-bottom: 20px;
    font-size: 20px
}

section#productsType.wakuTrue nav#mainItemLink li a .txt p {
    margin-bottom: 45px;
    font-size: 12px
}

section#productsType .txtArea {
    padding: 75px 20px
}

section#productsType .txtArea h3 {
    display: block;
    margin-bottom: 35px;
    font-size: 30px;
    color: #266585
}

section#productsType .txtArea p {
    display: block;
    color: #266585;
    font-size: 16px;
    line-height: 1.8
}

section#productsType nav#mainItemLink {
    display: block
}

section#productsType nav#mainItemLink li {
    display: block;
    width: 25%;
    float: left
}

section#productsType nav#mainItemLink li:nth-of-type(1) a {
    background-color: #cce1f2
}

section#productsType nav#mainItemLink li:nth-of-type(2) a {
    background-color: #bfd3f2
}

section#productsType nav#mainItemLink li:nth-of-type(3) a {
    background-color: #97e2d8
}

section#productsType nav#mainItemLink li:nth-of-type(4) a {
    background-color: #9ad3df
}

section#productsType nav#mainItemLink li a {
    display: block;
    padding: 55px 20px 60px
}

section#productsType nav#mainItemLink li a .img {
    display: block;
    width: 15vw;
    height: 15vw;
    margin: 0 auto 20px;
    border-radius: 50%;
    background-size: 100% auto !important;
    background-repeat: no-repeat !important;
    background-position: center bottom !important
}

section#productsType nav#mainItemLink li a .txt h4 {
    display: block;
    margin-bottom: 20px;
    color: #266585;
    font-size: 20px
}

section#productsType nav#mainItemLink li a .txt p {
    display: block;
    margin-bottom: 45px;
    color: #266585;
    font-size: 12px;
    line-height: 1.8
}

section#productsType nav#mainItemLink li a .txt .btn01 {
    border: 0
}

@media only screen and (max-width: 1240px) {
    section#productsType.wakuTrue {
        margin-bottom: 80px
    }

    section#productsType.wakuTrue .txtArea {
        padding: 4px 20px 40px
    }

    section#productsType.wakuTrue nav#mainItemLink li {
        width: 24.5%
    }

    section#productsType.wakuTrue nav#mainItemLink li+li {
        margin-left: 0.66666666666666666%
    }

    section#productsType.wakuTrue nav#mainItemLink li a {
        padding: 30px 10px
    }

    section#productsType.wakuTrue nav#mainItemLink li a .img {
        width: 15vw;
        height: 15vw;
        margin: 0 auto 15px
    }

    section#productsType.wakuTrue nav#mainItemLink li a .txt h4 {
        margin-bottom: 15px;
        font-size: 15px
    }

    section#productsType.wakuTrue nav#mainItemLink li a .txt p {
        margin-bottom: 30px;
        font-size: 11px
    }

    section#productsType .txtArea {
        padding: 60px 20px
    }

    section#productsType .txtArea h3 {
        margin-bottom: 30px;
        font-size: 24px
    }

    section#productsType .txtArea p {
        font-size: 14px
    }

    section#productsType nav#mainItemLink li {
        width: 25%
    }

    section#productsType nav#mainItemLink li a {
        padding: 40px 10px 50px
    }

    section#productsType nav#mainItemLink li a .img {
        width: 15vw;
        height: 15vw;
        margin: 0 auto 15px
    }

    section#productsType nav#mainItemLink li a .txt h4 {
        margin-bottom: 15px;
        font-size: 18px
    }

    section#productsType nav#mainItemLink li a .txt p {
        margin-bottom: 30px;
        font-size: 11px
    }
}

@media only screen and (max-width: 768px) {
    section#productsType.wakuTrue {
        margin-bottom: 50px
    }

    section#productsType.wakuTrue .txtArea {
        padding: 4px 20px 20px
    }

    section#productsType.wakuTrue nav#mainItemLink li {
        width: 50%
    }

    section#productsType.wakuTrue nav#mainItemLink li+li {
        margin-left: 0
    }

    section#productsType.wakuTrue nav#mainItemLink li a {
        padding: 20px 10px
    }

    section#productsType.wakuTrue nav#mainItemLink li a .img {
        width: 30vw;
        height: 30vw;
        margin: 0 auto 10px
    }

    section#productsType.wakuTrue nav#mainItemLink li a .txt h4 {
        margin-bottom: 10px;
        font-size: 15px
    }

    section#productsType.wakuTrue nav#mainItemLink li a .txt p {
        margin-bottom: 20px;
        font-size: 10px
    }

    section#productsType .txtArea {
        padding: 40px 20px
    }

    section#productsType .txtArea h3 {
        margin-bottom: 20px;
        font-size: 20px
    }

    section#productsType .txtArea p {
        font-size: 12px
    }

    section#productsType nav#mainItemLink li {
        width: 25%
    }

    section#productsType nav#mainItemLink li a {
        padding: 30px 10px 40px
    }

    section#productsType nav#mainItemLink li a .img {
        width: 15vw;
        height: 15vw;
        margin: 0 auto 10px
    }

    section#productsType nav#mainItemLink li a .txt h4 {
        margin-bottom: 10px;
        font-size: 16px
    }

    section#productsType nav#mainItemLink li a .txt p {
        margin-bottom: 20px;
        font-size: 10px
    }
}

@media only screen and (max-width: 680px) {
    section#productsType.wakuTrue {
        margin-bottom: 30px
    }

    section#productsType.wakuTrue .waku {
        padding: 0
    }

    section#productsType.wakuTrue .txtArea {
        padding: 4px 20px 20px
    }

    section#productsType.wakuTrue nav#mainItemLink li {
        width: 50%
    }

    section#productsType.wakuTrue nav#mainItemLink li+li {
        margin-left: 0
    }

    section#productsType.wakuTrue nav#mainItemLink li a {
        padding: 20px 10px
    }

    section#productsType.wakuTrue nav#mainItemLink li a .img {
        width: 30vw;
        height: 30vw;
        margin: 0 auto 10px
    }

    section#productsType.wakuTrue nav#mainItemLink li a .txt h4 {
        margin-bottom: 10px;
        font-size: 14px
    }

    section#productsType.wakuTrue nav#mainItemLink li a .txt p {
        margin-bottom: 15px;
        font-size: 10px
    }

    section#productsType .txtArea {
        padding: 30px 20px
    }

    section#productsType .txtArea h3 {
        margin-bottom: 10px;
        font-size: 16px
    }

    section#productsType .txtArea p {
        font-size: 10px
    }

    section#productsType nav#mainItemLink li {
        width: 50%
    }

    section#productsType nav#mainItemLink li a {
        padding: 20px 10px 30px
    }

    section#productsType nav#mainItemLink li a .img {
        width: 30vw;
        height: 30vw;
        margin: 0 auto 10px
    }

    section#productsType nav#mainItemLink li a .txt h4 {
        margin-bottom: 10px;
        font-size: 14px
    }

    section#productsType nav#mainItemLink li a .txt p {
        margin-bottom: 15px;
        font-size: 10px
    }
}

#profileArea {
    display: block;
    margin-bottom: 100px
}

#profileArea>div,
#profileArea>img {
    display: block;
    float: left
}

#profileArea img {
    width: 30%;
    height: auto
}

#profileArea .txt {
    width: 70%;
    padding-left: 20px
}

#profileArea .txt h4 {
    display: block;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: bold
}

#profileArea .txt h4 span {
    display: block;
    margin-top: 10px
}

#profileArea .txt h4 span.roma {
    font-size: 14px;
    color: #007fb3
}

#profileArea .txt h4 span.job {
    font-size: 14px
}

#profileArea .txt p {
    display: block;
    font-size: 12px;
    line-height: 1.8
}

@media only screen and (max-width: 1240px) {
    #profileArea {
        margin-bottom: 80px
    }

    #profileArea .txt {
        padding-left: 15px
    }

    #profileArea .txt h4 {
        margin-bottom: 15px;
        font-size: 18px
    }

    #profileArea .txt h4 span {
        margin-top: 8px
    }

    #profileArea .txt h4 span.roma {
        font-size: 13px
    }

    #profileArea .txt h4 span.job {
        font-size: 13px
    }

    #profileArea .txt p {
        font-size: 11px
    }
}

@media only screen and (max-width: 768px) {
    #profileArea {
        margin-bottom: 60px
    }

    #profileArea .txt {
        padding-left: 10px
    }

    #profileArea .txt h4 {
        margin-bottom: 10px;
        font-size: 16px
    }

    #profileArea .txt h4 span {
        margin-top: 6px
    }

    #profileArea .txt h4 span.roma {
        font-size: 12px
    }

    #profileArea .txt h4 span.job {
        font-size: 12px
    }

    #profileArea .txt p {
        font-size: 11px
    }
}

#selectYearArea {
    display: block;
    margin-bottom: 50px
}

#selectYearArea ul {
    display: block
}

#selectYearArea ul li {
    display: inline-block;
    margin-right: 10px;
    margin-top: 5px
}

#selectYearArea ul li li.current a.btn01 {
    background: #266585;
    color: #fff
}

@media only screen and (max-width: 1240px) {
    #selectYearArea {
        margin-bottom: 40px
    }
}

@media only screen and (max-width: 768px) {
    #selectYearArea {
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 680px) {
    #selectYearArea {
        margin-bottom: 30px
    }

    #selectYearArea ul li {
        margin: 5px 5px 0 0
    }
}

.listStyle {
    display: block;
    padding: 0 35px 30px;
    border: 5px solid;
    border-radius: 10px
}

.listStyle+.listStyle {
    margin-top: 45px
}

.listStyle.listStyle01 {
    border-color: #d2eef0
}

.listStyle.listStyle01 h3 span {
    color: #1caab3
}

.listStyle.listStyle01 ul li {
    counter-increment: no01
}

.listStyle.listStyle01 ul li+li {
    border-color: #1caab3
}

.listStyle.listStyle01 ul li p {
    color: #1caab3
}

.listStyle.listStyle01 ul li:before {
    content: "Point - "counter(no01);
    background-color: #1caab3
}

.listStyle.listStyle01a {
    border: none
}

.listStyle.listStyle01a h3 span {
    color: #1caab3
}

.listStyle.listStyle01a ul li {
    color: #1caab3;
    counter-increment: no01a
}

.listStyle.listStyle01a ul li+li {
    border-color: #1caab3
}

.listStyle.listStyle01a ul li p {
    display: block
}

.listStyle.listStyle01a ul li p strong {
    display: block;
    font-weight: bold;
    color: #1caab3;
    font-size: 14px
}

.listStyle.listStyle01a ul li p strong:before {
    display: inline-block;
    margin-right: 10px;
    padding: 5px 15px;
    border-radius: 50px;
    color: #fff;
    font-size: 13px;
    content: "Point - "counter(no01a);
    background-color: #1caab3
}

.listStyle.listStyle01a ul li p span {
    display: block;
    margin-top: 5px;
    font-size: 12px;
    color: #1caab3
}

.listStyle.noCount {
    border-color: #d2eef0
}

.listStyle.noCount h3 span {
    color: #1caab3
}

.listStyle.noCount ul li {
    color: #1caab3
}

.listStyle.noCount ul li+li {
    border-color: #1caab3
}

.listStyle.noCount ul li em {
    display: block;
    width: 20%;
    padding: 5px 15px;
    border-radius: 50px;
    color: #fff;
    font-size: 13px;
    background-color: #1caab3;
    float: left;
    text-align: center
}

.listStyle.noCount ul li span {
    display: block;
    width: 80%;
    padding: 2px 0 0 10px;
    float: left;
    font-size: 14px;
    line-height: 1.5
}

.listStyle.noCount ul li:before {
    display: none
}

.listStyle.listStyle02 {
    border-color: #d8e7f1
}

.listStyle.listStyle02.contentNone ul li:before {
    display: none
}

.listStyle.listStyle02 h3 span {
    color: #3a86b8
}

.listStyle.listStyle02 ul li {
    counter-increment: no02
}

.listStyle.listStyle02 ul li+li {
    border-color: #3a86b8
}

.listStyle.listStyle02 ul li p {
    color: #3a86b8
}

.listStyle.listStyle02 ul li:before {
    content: "効果 - "counter(no02);
    background-color: #3a86b8
}

.listStyle h3 {
    display: block;
    margin: -12px 0 35px
}

.listStyle h3 span {
    padding: 0 30px;
    background: #fff;
    font-size: 24px
}

.listStyle ul {
    display: block
}

.listStyle ul li {
    display: block
}

.listStyle ul li+li {
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px dotted
}

.listStyle ul li p {
    display: block;
    width: 86%;
    padding: 3px 0 0 10px;
    font-size: 16px;
    float: left
}

.listStyle ul li:before {
    display: block;
    width: 10%;
    padding: 5px 15px;
    border-radius: 50px;
    color: #fff;
    font-size: 13px;
    float: left;
    text-align: center
}

@media only screen and (max-width: 1240px) {
    .listStyle {
        padding: 0 30px 25px;
        border: 4px solid;
        border-radius: 8px
    }

    .listStyle+.listStyle {
        margin-top: 40px
    }

    .listStyle.listStyle01a ul li p strong {
        font-size: 13px
    }

    .listStyle.listStyle01a ul li p strong:before {
        margin-right: 8px;
        padding: 4px 13px;
        border-radius: 50px;
        font-size: 12px
    }

    .listStyle.listStyle01a ul li p span {
        margin-top: 4px;
        font-size: 11px
    }

    .listStyle.noCount ul li em {
        width: 20%;
        padding: 5px 15px;
        font-size: 12px;
        float: left
    }

    .listStyle.noCount ul li span {
        width: 80%;
        padding: 2px 0 0 10px;
        float: left;
        font-size: 13px
    }

    .listStyle h3 {
        margin: -12px 0 35px
    }

    .listStyle h3 span {
        padding: 0 24px;
        font-size: 20px
    }

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

    .listStyle ul li a {
        font-size: inherit
    }

    .listStyle ul li p {
        width: 100%;
        padding: 5px 0 0 0;
        font-size: 15px
    }

    .listStyle ul li+li {
        padding-top: 14px;
        margin-top: 14px
    }

    .listStyle ul li:before {
        margin-right: 8px;
        padding: 4px 13px;
        border-radius: 50px;
        font-size: 12px
    }
}

@media only screen and (max-width: 768px) {
    .listStyle {
        padding: 0 25px 20px;
        border: 3px solid;
        border-radius: 6px
    }

    .listStyle+.listStyle {
        margin-top: 40px
    }

    .listStyle.listStyle01a ul li p strong {
        font-size: 12px
    }

    .listStyle.listStyle01a ul li p strong:before {
        margin-right: 6px;
        padding: 3px 12px;
        border-radius: 50px;
        font-size: 11px
    }

    .listStyle.listStyle01a ul li p span {
        margin-top: 3px;
        font-size: 10px
    }

    .listStyle.noCount ul li em {
        display: inline-block;
        width: auto;
        padding: 5px 15px;
        font-size: 11px;
        float: none
    }

    .listStyle.noCount ul li span {
        display: block;
        width: 100%;
        padding: 5px 0 0;
        float: none;
        font-size: 12px
    }

    .listStyle h3 {
        margin: -10px 0 30px
    }

    .listStyle h3 span {
        padding: 0 20px;
        font-size: 18px
    }

    .listStyle ul li {
        font-size: 13px
    }

    .listStyle ul li a {
        font-size: inherit
    }

    .listStyle ul li+li {
        padding-top: 12px;
        margin-top: 12px
    }

    .listStyle ul li:before {
        margin-right: 6px;
        padding: 3px 12px;
        border-radius: 50px;
        font-size: 11px
    }

    .listStyle ul li p {
        font-size: 14px
    }
}

@media only screen and (max-width: 680px) {
    .listStyle {
        padding: 0 15px 15px;
        border: 2px solid;
        border-radius: 5px;
        text-align: center
    }

    .listStyle+.listStyle {
        margin-top: 30px
    }

    .listStyle h3 {
        margin: -10px 0 20px
    }

    .listStyle h3 span {
        padding: 0 15px;
        font-size: 16px
    }

    .listStyle ul {
        text-align: left
    }

    .listStyle ul li {
        font-size: 11px;
        line-height: 1.5
    }

    .listStyle ul li a {
        font-size: inherit;
        line-height: 1.5
    }

    .listStyle ul li+li {
        padding-top: 10px;
        margin-top: 10px
    }

    .listStyle ul li:before {
        display: block;
        width: 70px;
        text-align: center;
        margin: 0 0 5px;
        padding: 4px 10px;
        font-size: 10px
    }

    .listStyle ul li p {
        font-size: 13px
    }
}

.hideArea {
    display: block;
    overflow-y: hidden;
    margin-bottom: 80px;
    position: relative;
    transition: 1s
}

.hideArea .openArea {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    text-align: center
}

.hideArea .openArea.on {
    background: none;
    height: 50px;
    bottom: -50px;
    left: 0;
    right: 0
}

.hideArea .openArea.on span {
    bottom: 0
}

.hideArea .openArea span {
    display: none;
    width: 260px;
    margin: 0 auto;
    padding: 5px;
    border: 3px solid #41bbbf;
    border-radius: 50px;
    color: #41bbbf;
    font-size: 14px;
    font-weight: bold;
    background-color: #d9f1f2;
    cursor: pointer;
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0
}

.hideArea .openArea span:hover {
    background-color: #41bbbf;
    color: #fff
}

@media only screen and (max-width: 1240px) {
    .hideArea {
        height:auto;
        margin-bottom: 70px
    }

    .hideArea .openArea span {
        width: 260px;
        padding: 5px;
        border: 2px solid #41bbbf;
        border-radius: 50px;
        font-size: 13px;
        bottom: 50px
    }
}

@media only screen and (max-width: 768px) {
    .hideArea {
        height: auto;
        margin-bottom: 40px
    }

    .hideArea .openArea.on {
        height: 30px;
        bottom: -30px
    }

    .hideArea .openArea span {
        width: 200px;
        padding: 5px;
        border: 1px solid #41bbbf;
        font-size: 12px;
        bottom: 30px
    }
}

@media only screen and (max-width: 680px) {
    .hideArea {
        height: auto;
        margin-bottom: 40px
    }

    .hideArea .openArea span {
        width: 150px;
        padding: 5px;
        border: 1px solid #41bbbf;
        font-size: 12px;
        bottom: 30px
    }
}

.cse .gsc-control-cse,
.gsc-control-cse {
    padding: 0 !important
}

.cse .gsc-control-cse,
.gsc-control-cse {
    background-color: transparent !important;
    border: 0 !important
}

.gsc-search-box {
    margin-bottom: 0 !important
}

.gsc-search-button-v2,
.gsc-search-button-v2:hover,
.gsc-search-button-v2:focus {
    border-color: transparent !important;
    background-color: transparent !important
}

.cse .gsc-search-button-v2,
.gsc-search-button-v2 {
    padding: 0 5px !important;
    border: 0 !important;
    border-color: transparent !important;
    background-color: transparent !important
}

.gsc-search-button-v2 svg {
    fill: #888 !important
}

.gsc-search-box-tools .gsc-search-box .gsc-input {
    padding-right: 0 !important
}

#gsc-i-id1 {
    margin: 0 !important;
    height: 20px !important;
    background: none !important
}

.gsib_a {
    padding-right: 0 !important;
    padding-left: 0 !important;
    padding: 0 !important
}

input.gsc-input,
.gsc-input-box,
.gsc-input-box-hover,
.gsc-input-box-focus {
    border-color: transparent !important
}

.gsc-input-box {
    border: 0 !important;
    background: transparent !important
}

table.gsc-search-box td {
    vertical-align: middle !important
}

.scIndexList {
    padding: 65px 0 45px;
    background: #efefef
}

#indexList {
    overflow: hidden
}

#indexList>li {
    background: #FFF;
    float: left;
    margin-right: 4%;
    margin-bottom: 30px;
    width: 48%
}

#indexList>li:nth-child(2n) {
    margin-right: 0
}

#indexList>li .img {
    background: #000;
    width: 100%;
    line-height: 0;
    overflow: hidden
}

#indexList>li .img img {
    width: 100%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

#indexList>li a {
    color: #266585;
    display: block;
    position: relative
}

#indexList>li a:hover .img img {
    filter: alpha(opacity=7) !important;
    opacity: 0.7 !important;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

#indexList>li h4 {
    background: rgba(255, 255, 255, 0.85);
    padding: 15px;
    width: 100%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: absolute;
    left: 0;
    bottom: 0
}

#indexList>li h4 span {
    display: block;
    font-weight: bold
}

#indexList>li a:hover h4 {
    background: rgba(38, 101, 133, 0.95)
}

#indexList>li a:hover h4 span {
    color: #FFF
}

#indexList>li a:hover h4 span:before,
#indexList>li a:hover h4 span:after {
    border-color: #FFF
}

#indexList>li ul {
    border-top: 1px dotted #266585
}

#indexList>li ul>li {
    border-bottom: 1px dotted #266585
}

#indexList>li ul>li a {
    background: #FFF;
    display: block;
    padding: 12px 15px 10px
}

#indexList>li ul>li a span {
    display: block
}

#indexList>li ul>li a span:after {
    border-color: transparent;
    background: transparent
}

#indexList>li ul>li a:hover {
    background: rgba(38, 101, 133, 0.95)
}

#indexList>li ul>li a:hover span {
    color: #FFF
}

@media only screen and (max-width: 1240px) {
    #indexList>li h4 {
        padding: 10px
    }

    #indexList>li ul>li a {
        padding: 10px
    }
}

@media only screen and (max-width: 680px) {
    #indexList>li {
        float: none;
        margin-right: 0;
        margin-bottom: 20px;
        width: 100%
    }

    #indexList>li>ul {
        height: auto !important
    }

    #indexList>li ul>li a span {
        font-size: 12px
    }
}

#gsc-i-id1:-ms-input-placeholder {
    color: #fff !important
}

.noDate {
    padding-left: 20px
}

@media only screen and (max-width: 1240px) {
    .noDate {
        padding-left: 0 !important
    }
}

nav#footerSns {
    display: block;
    text-align: center;
    margin-bottom: 50px
}

nav#footerSns li {
    display: inline-block;
    padding: 20px
}

nav#footerSns li a {
    display: block
}

@media only screen and (max-width: 768px) {
    nav#footerSns {
        margin-bottom: 30px
    }

    nav#footerSns li {
        padding: 10px
    }

    nav#footerSns li a {
        display: block
    }

    nav#footerSns li a img {
        width: 40px;
        height: auto
    }
}

sub {
    font-size: .6em
}