@charset "UTF-8";@font-face {
    font-family: yubin;
    src: url(fonts/yubin.eot?gaziqn);
    src: url(fonts/yubin.eot?gaziqn#iefix) format('embedded-opentype'),url(fonts/yubin.ttf?gaziqn) format('truetype'),url(fonts/yubin.woff?gaziqn) format('woff');
    font-style: normal
}

body,dd,dl,dt,form,h1,h2,h3,h4,input,li,ol,p,select,td,textarea,th,ul {
    margin: 0;
    padding: 0
}

h1,h2,h3,h4,h5,h6 {
    font-size: 1em;
    font-weight: 400
}

img {
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: top
}

dl,ul {
    list-style-type: none
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    word-break: normal
}

body {
    word-break: break-all
}

html {
    overflow-y: scroll
}

body.en {
    word-break: normal
}

@media screen and (min-width: 751px) and (max-width:1024px) {
    html {
        font-family:"Hiragino Kaku Gothic","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",メイリオ,Meiryo,sans-serifsans-serif;
        font-size: 12pt
    }
}

@media screen and (max-width: 767px) {
    html {
        font-family:"Hiragino Kaku Gothic","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",メイリオ,Meiryo,sans-serifsans-serif;
        font-size: 12pt
    }
}

.wrapper {
    font-family: "Noto Sans JP", "BIZ UDPGothic", "Helvetica Neue", Arial, "Hiragino Sans", Meiryo, sans-serif;;
    font-size: .94rem
}

@media screen and (max-width: 1200px) {
    .wrapper {
        margin:auto;
        max-width: 1200px
    }
}

.sitewidth {
    margin: auto;
    max-width: 1400px
}

.innerwidth {
    margin: auto;
    max-width: 1200px
}

@media screen and (max-width: 767px) {
    .innerwidth {
        padding:0 3%;
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .innerwidth {
        padding:0 3%
    }

    .innerwidth.spfull {
        padding: 0
    }
}

@media screen and (min-width: 751px) and (max-width:1366px) {
    .innerwidth {
        padding:0 2%
    }
}

_:lang(x)::-ms-backdrop,body {
    font-family: "Noto Sans JP", "BIZ UDPGothic", "Helvetica Neue", Arial, "Hiragino Sans", Meiryo, sans-serif;
}

.yubold {
    font-family: "Noto Sans JP", "BIZ UDPGothic", "Helvetica Neue", Arial, "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 700
}

_:lang(x)::-ms-backdrop,.yubold {
    font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serifsans-serif;
    font-weight: 400
}

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

.spDisp {
    display: none!important
}

.pcDisp {
    display: block!important
}

.spDisp_flex {
    display: none!important
}

.pcDisp_flex {
    display: flex!important
}

@media screen and (min-width: 751px) and (max-width:1024px) {
    br.sp {
        display:none
    }

    br.pc {
        display: none
    }

    br.tb {
        display: block
    }
}

@media screen and (max-width: 767px) {
    .spDisp {
        display:block!important
    }

    .pcDisp {
        display: none!important
    }

    .spDisp_flex {
        display: flex!important
    }

    .pcDisp_flex {
        display: none!important
    }

    .pcDisp-inline {
        display: none!important
    }

    br.sp {
        display: block
    }

    br.pc {
        display: none
    }
}

@media screen and (min-width: 1025px) {
    a[href^="tel:"] {
        pointer-events:none
    }

    br.sp {
        display: none
    }

    br.pc {
        display: block
    }
}

.nondisp {
    display: none
}

a:link {
    color: #333;
    transition: .3s
}

a:visited {
    color: #333
}

a:hover {
    text-decoration: underline
}

a.red {
    color: #c00
}

@media screen and (max-width: 767px) {
    #main-box a {
        word-break:break-all
    }
}

#main-box+hr,#navi-box-r+hr,#path-box+hr,header.top+hr {
    display: none
}

@media screen and (max-width: 767px) {
    #main-box+hr,#navi-box-r+hr {
        display:none
    }
}

#main-box .pad {
    font-size: 90%
}

#path-box {
    width: 100%
}

#path-box .pad {
    background: #eee;
    font-size: 13px;
    padding: .8em
}

#path-box .pad a {
    color: #333;
    text-decoration: none
}

#path-box .pad a:hover {
    text-decoration: underline
}

@media screen and (max-width: 767px) {
    #path-box .pad {
        background:0 0;
        padding: 0
    }

    #path-box .pad:after {
        color: #646464;
        content: "\e90a";
        font-family: yubin;
        font-size: 1rem;
        margin-left: .2em;
        margin-right: .5em;
        position: relative;
        top: 1px
    }
}

@media screen and (max-width: 767px) {
    #wrap-inner {
        display:flex;
        display: -o-flex;
        display: -ms-flex;
        display: -moz-flex;
        display: -webkit-flex;
        flex-wrap: wrap
    }

    #wrap-inner header.top {
        order: 0;
        width: 100%
    }

    #wrap-inner #path-box {
        background: 0 0;
        display: block;
        order: 3;
        padding: .8em;
        width: 100%
    }

    #wrap-inner #main-box {
        order: 2;
        width: 100%
    }

    #wrap-inner #navi-box-r {
        order: 4;
        width: 100%
    }

    #wrap-inner .footTop {
        order: 5;
        width: 100%
    }

    #wrap-inner footer.common {
        order: 6;
        width: 100%
    }
}

body.spmenu_open {
    height: 100%;
    overflow: hidden;
    width: 100%;
    z-index: -1
}

body.spmenu_open .spbg {
    display: block;
    opacity: 1
}

body.spmenu_open header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100
}

body.spmenu_open header .globalNav {
    display: block;
    height: calc(100% - 52px);
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    position: fixed;
    top: 52px;
    visibility: visible;
    z-index: 200
}

body.spmenu_open header .globalNav nav.main ul li.search {
    display: none
}

body.spmenu_open header .sphead .i-menu:before {
    content: "\e912";
    font-family: yubin;
    font-size: 44px
}

body.spmenu_open header .sphead .i-menu:after {
    content: none
}

.slidemenu-right {
    display: none
}

.sideArea #navi-box,.sideArea #navi-box-r {
    margin-top: 20px
}

.sideArea #navi-box .itemBox,.sideArea #navi-box-r .itemBox {
    border: 1px solid #c8c8c8
}

.sideArea #navi-box .itemBox .items,.sideArea #navi-box-r .itemBox .items {
    font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serifsans-serif;
    font-size: .8rem;
    padding: 10px
}

.sideArea #navi-box .itemBox .items li.sub,.sideArea #navi-box-r .itemBox .items li.sub {
    margin-bottom: 10px
}

.sideArea #navi-box .itemBox .items li.sub:before,.sideArea #navi-box-r .itemBox .items li.sub:before {
    content: none
}

.sideArea #navi-box .itemBox .items li a:before,.sideArea #navi-box-r .itemBox .items li a:before {
    color: #c00;
    content: "\f105";
    display: inline-block;
    font-family: yubin;
    margin-right: .5em
}

.sideArea #navi-box .itemBox .items li a,.sideArea #navi-box-r .itemBox .items li a {
    border-bottom: 1px solid #eee;
    display: block;
    padding: .5em 0 .5em 1em;
    text-indent: -.5em
}

.sideArea #navi-box .itemBox .items li:last-child a,.sideArea #navi-box-r .itemBox .items li:last-child a {
    border-bottom: 0
}

.sideArea #navi-box .sp-b16,.sideArea #navi-box-r .sp-b16 {
    margin-bottom: 16px
}

.sideArea #navi-box .sp-t16,.sideArea #navi-box-r .sp-t16 {
    margin-top: 16px
}

.sideArea #navi-box .btn_notification a,.sideArea #navi-box-r .btn_notification a {
    background: url(/img/common/btn_nav_notification.gif) no-repeat left top;
    display: block;
    font-size: 1px;
    height: 58px;
    line-height: 1px;
    outline: 0;
    text-decoration: none;
    text-indent: -9999px;
    width: 193px
}

.sideArea #navi-box .btn_notification a:hover,.sideArea #navi-box-r .btn_notification a:hover {
    opacity: .6
}

.sideArea #navi-box .btn_notification a img,.sideArea #navi-box-r .btn_notification a img {
    width: 100%
}

.sideArea #navi-box .btn_q a,.sideArea #navi-box-r .btn_q a {
    background: url(/img/common/btn_nav_q_en.gif) no-repeat left top;
    display: block;
    font-size: 1px;
    height: 58px;
    line-height: 1px;
    outline: 0;
    text-decoration: none;
    text-indent: -9999px;
    width: 193px
}

.sideArea #navi-box .btn_q a:hover,.sideArea #navi-box-r .btn_q a:hover {
    opacity: .6
}

.sideArea #navi-box .btn_business a,.sideArea #navi-box-r .btn_business a {
    background: url(/img/common/btn_nav_business.gif) no-repeat left top;
    display: block;
    font-size: 1px;
    height: 58px;
    line-height: 1px;
    outline: 0;
    text-decoration: none;
    text-indent: -9999px;
    width: 193px
}

.sideArea #navi-box .btn_business a:hover,.sideArea #navi-box-r .btn_business a:hover {
    opacity: .6
}

.sideArea #navi-box .normal-box,.sideArea #navi-box-r .normal-box {
    border: 1px solid #c8c8c8;
    font-size: .8rem;
    padding: 10px
}

.sideArea #navi-box h2 img,.sideArea #navi-box-r h2 img {
    width: 100%
}

.sideArea #navi-box h2,.sideArea #navi-box-r h2 {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

.sideArea #navi-box .mkr-nav-r,.sideArea #navi-box-r .mkr-nav-r {
    display: block;
    font-family: "Noto Sans JP", "BIZ UDPGothic", "Helvetica Neue", Arial, "Hiragino Sans", Meiryo, sans-serif;
    font-size: .8rem;
    font-weight: 700;
    font-weight: 700;
    padding: 0 10px 10px
}

.sideArea #navi-box .mkr-nav-r a,.sideArea #navi-box-r .mkr-nav-r a {
    color: #c00
}

.sideArea #navi-box p.to-list,.sideArea #navi-box-r p.to-list {
    text-align: right
}

.sideArea #navi-box p.to-list a,.sideArea #navi-box-r p.to-list a {
    text-decoration: none
}

.sideArea #navi-box p.to-list a:hover,.sideArea #navi-box-r p.to-list a:hover {
    text-decoration: underline
}

@media screen and (min-width: 751px) and (max-width:1024px) {
    .contWrap>.pageClm2 .mainArea {
        flex-basis:80%;
        max-width: 80%;
        padding-right: 10px
    }

    .contWrap>.pageClm2 .sideArea {
        flex-basis: 193px;
        margin-bottom: 40px;
        max-width: 193px
    }
}

.sideArea #navi-box ul.items,.sideArea #navi-box ul.items_green {
    border: 1px solid #c8c8c8;
    border-top: 0;
    font-size: .8rem
}

.sideArea #navi-box ul.items li,.sideArea #navi-box ul.items_green li {
    font-weight: 200
}

.sideArea #navi-box ul.items li.sub,.sideArea #navi-box ul.items_green li.sub {
    margin-bottom: 10px
}

.sideArea #navi-box ul.items li.sub:before,.sideArea #navi-box ul.items_green li.sub:before {
    content: none
}

.sideArea #navi-box ul.items li a:before,.sideArea #navi-box ul.items_green li a:before {
    color: #c00;
    content: "\f105";
    display: inline-block;
    font-family: yubin;
    margin-right: .5em
}

.sideArea #navi-box ul.items li a,.sideArea #navi-box ul.items_green li a {
    display: block;
    font-weight: 700;
    padding: .5em 0 .5em 1em;
    text-indent: -.5em
}

.sideArea #navi-box ul.items li:last-child a,.sideArea #navi-box ul.items_green li:last-child a {
    border-bottom: 0
}

.sideArea #navi-box ul.items li,.sideArea #navi-box ul.items_green li {
    border-bottom: 1px solid #eee;
    padding: 4px 10px
}

.sideArea #navi-box ul.items li:last-child,.sideArea #navi-box ul.items_green li:last-child {
    border-bottom: none
}

#utility {
    border: 1px solid #eee;
    margin: 40px auto 30px;
    padding: 3% 2%
}

#utility a:link {
    text-decoration: none!important
}

#utility a:hover {
    text-decoration: underline!important
}

#utility dl {
    display: flex;
    display: -o-flex;
    display: -ms-flex;
    display: -moz-flex;
    display: -webkit-flex
}

#utility dl em.heading {
    border-bottom: 1px solid #c00;
    display: block;
    font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serifsans-serif;
    font-size: .8rem;
    font-weight: 700;
    margin-bottom: .5em;
    padding-bottom: .5em
}

#utility dl dt {
    flex-basis: 40%;
    max-width: 40%
}

#utility dl dd {
    flex-basis: 20%;
    font-size: .9rem;
    max-width: 20%;
    padding-left: 2%
}

#utility dl>dd:first-of-type {
    padding-left: 0
}

#utility dl dt+dd:first-of-type {
    padding-left: 2%
}

#utility dl dd h4,#utility dl dt h4 {
    border-bottom: 1px dotted #c3c3c3;
    font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serifsans-serif;
    font-weight: 400;
    margin-bottom: 10px
}

#utility dl dd ul li,#utility dl dt ul li {
    font-size: .75rem
}

#utility dl dd ul li a:before,#utility dl dt ul li a:before {
    color: #a0a0a0;
    content: "\30";
    display: inline-block;
    font-family: yubin;
    margin-right: .5em
}

#utility dl dd ul li a,#utility dl dt ul li a {
    border-bottom: 1px solid #eee;
    display: block;
    padding: .5em 0 .5em 1em;
    text-indent: -.5em
}

#utility dl dd ul.col2-l,#utility dl dt ul.col2-l {
    float: left;
    width: 50%
}

#utility dl dd ul.col2-r,#utility dl dt ul.col2-r {
    float: right;
    width: 50%
}

#utility dl p.arrow {
    font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serifsans-serif;
    font-size: .8rem;
    font-weight: 700;
    margin-top: 1em
}

#utility dl p.arrow:before {
    color: #c00;
    content: "\f105";
    display: inline-block;
    font-family: yubin;
    margin-right: .5em
}

.clear {
    clear: both;
    font-size: 0
}

@media screen and (min-width: 751px) and (max-width:1024px) {
    #utility {
        padding:3% 3%
    }

    #utility dl {
        display: flex;
        display: -o-flex;
        display: -ms-flex;
        display: -moz-flex;
        display: -webkit-flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    #utility dl dt {
        flex-basis: 48%;
        max-width: 48%
    }

    #utility dl dd {
        flex-basis: 48%;
        max-width: 48%;
        padding-left: 0
    }

    #utility dl dd:nth-child(n+3) {
        margin-top: 25px
    }

    #utility dl dt+dd:first-of-type {
        padding-left: 0
    }
}

@media screen and (max-width: 767px) {
    #utility {
        display:none
    }
}

p.extra {
    color: #646464;
    font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serifsans-serif;
    font-weight: 500;
    margin-bottom: -10px;
    margin-top: 20px
}

p.extra+h1 {
    margin-top: 0!important
}

.pageClm2 .mainArea #main-box .pad p {
    margin-bottom: .5em
}

.pageClm2 .mainArea #main-box .pad div.return p a {
    text-decoration: none
}

.pageClm2 .mainArea #main-box .pad div.return p a:hover {
    text-decoration: underline
}

.btnL:hover,.btnM:hover,.btnMborder:hover,.btnS:hover {
    cursor: pointer
}

.contWrap .return {
    margin-top: 20px
}

.contWrap h1 {
    color: #c00;
    font-family: "Noto Sans JP", "BIZ UDPGothic", "Helvetica Neue", Arial, "Hiragino Sans", Meiryo, sans-serif;
    font-size: 2rem;
    font-weight: 700;
    margin: .3em 0 .6em
}

.contWrap h1 small {
    font-size: 85%
}

.contWrap h1 p.sub {
    color: #333;
    font-size: .9rem
}

@media screen and (max-width: 767px) {
    .contWrap h1 {
        font-size:1.5rem;
        margin: .5em 0
    }

    .contWrap .head1-simple:first-of-type,.contWrap h1.resp:first-of-type {
        margin: .5em 0
    }
}

.contWrap h2 {
    border-bottom: 4px solid #c00;
    color: #c00;
    font-family: "Noto Sans JP", "BIZ UDPGothic", "Helvetica Neue", Arial, "Hiragino Sans", Meiryo, sans-serif;
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: .06em;
    margin-bottom: 15px;
    margin-top: 20px;
    padding-bottom: .3em
}

@media screen and (max-width: 767px) {
    .contWrap h2 {
        font-size:1.2rem;
        margin-bottom: 15px
    }
}

.contWrap .pageClm2 .mainArea h2.box {
    background: #f7f7f7;
    border-bottom: 0;
    border-left: #dcdcdc 1px solid;
    border-right: #dcdcdc 1px solid;
    border-top: #dcdcdc 1px solid;
    color: #333;
    font-size: 1.4em;
    margin-bottom: 0;
    padding: .5em
}

@media screen and (max-width: 767px) {
    .contWrap .pageClm2 .mainArea h2.box {
        font-size:1.2em
    }
}

.contWrap h3 {
    border-left: 4px solid #c00;
    font-family: "Noto Sans JP", "BIZ UDPGothic", "Helvetica Neue", Arial, "Hiragino Sans", Meiryo, sans-serif;
    font-size: 1.35rem;
    font-weight: 700;
    font-weight: 700;
    line-height: 1.3;
    margin: 1em 0 .5em;
    padding-left: .5em
}

@media screen and (max-width: 767px) {
    .contWrap h3 {
        font-size:1.1rem;
        line-height: 1.5
    }
}

.contWrap .head3-simple,.contWrap h3.simple {
    font-family: "Noto Sans JP", "BIZ UDPGothic", "Helvetica Neue", Arial, "Hiragino Sans", Meiryo, sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    font-weight: 700;
    margin: .5em 0
}

.contWrap h4 {
    font-family: "Noto Sans JP", "BIZ UDPGothic", "Helvetica Neue", Arial, "Hiragino Sans", Meiryo, sans-serif;
    font-size: 1.15em;
    font-weight: 700;
    font-weight: 700;
    margin: .7em 0 .4em
}

h3.green {
    color: #333
}

.contWrap .pageClm2 .mainArea h1 {
    font-size: 1.9rem;
    line-height: 1.5;
    margin: .5em 0 .6em
}

.contWrap .pageClm2 .mainArea h1.simple.newshead {
    font-size: 1.8em
}

.contWrap .pageClm2 .mainArea h2 {
    font-size: 1.5rem;
    line-height: 1.5;
    padding-bottom: .3em
}

.contWrap .pageClm2 .mainArea h3 {
    font-size: 1.2rem;
    line-height: 1.5
}

.contWrap .pageClm2 .mainArea .head3-simple,.contWrap .pageClm2 .mainArea h3.simple {
    border-left: none;
    font-family: "Noto Sans JP", "BIZ UDPGothic", "Helvetica Neue", Arial, "Hiragino Sans", Meiryo, sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    font-weight: 700;
    margin: .5em 0
}

@media screen and (min-width: 751px) and (max-width:1024px) {
    .contWrap .pageClm2 .mainArea h1 {
        font-size:1.5rem;
        line-height: 1.5;
        margin: .5em 0 .6em
    }

    .contWrap .pageClm2 .mainArea h2 {
        font-size: 1.2rem;
        padding-bottom: .3em
    }

    .contWrap .pageClm2 .mainArea h3 {
        font-size: 1.1rem;
        line-height: 1.5
    }

    .contWrap .pageClm2 .mainArea .head3-simple,.contWrap .pageClm2 .mainArea h3.simple {
        border-left: none;
        font-family: "Noto Sans JP", "BIZ UDPGothic", "Helvetica Neue", Arial, "Hiragino Sans", Meiryo, sans-serif;
        font-size: 1.1rem;
        font-weight: 700;
        font-weight: 700;
        margin: .5em 0
    }
}

@media screen and (max-width: 767px) {
    .contWrap .pageClm2 .mainArea h1 {
        font-size:1.5rem;
        line-height: 1.5;
        margin: .5em 0 .6em
    }

    .contWrap .pageClm2 .mainArea h1.simple.newshead {
        font-size: 1.5em
    }

    .contWrap .pageClm2 .mainArea h2 {
        font-size: 1.2rem;
        padding-bottom: .3em
    }

    .contWrap .pageClm2 .mainArea h3 {
        font-size: 1.1rem;
        line-height: 1.5;
        margin-top: 1.5em
    }

    .contWrap .pageClm2 .mainArea .head3-simple,.contWrap .pageClm2 .mainArea h3.simple {
        border-left: none;
        font-family: "Noto Sans JP", "BIZ UDPGothic", "Helvetica Neue", Arial, "Hiragino Sans", Meiryo, sans-serif;
        font-size: 1.1rem;
        font-weight: 700;
        font-weight: 700;
        margin: .5em 0
    }

    .contWrap .pageClm2 .mainArea h4 {
        margin-top: 1.5em
    }
}

.index-d {
    margin: 10px 0
}

.index-d .inner {
    display: flex;
    display: -o-flex;
    display: -ms-flex;
    display: -moz-flex;
    display: -webkit-flex;
    justify-content: space-between
}

.index-d .inner .col2-l,.index-d .inner .col2-r {
    border: 1px solid #c8c8c8;
    flex-basis: 49%;
    max-width: 49%;
    padding: 1.5%
}

.index-d .inner .section {
    margin: 15px auto
}

.index-d .inner br.clear {
    display: none
}

.index-d.solo .inner .col2-r {
    display: none
}

.index-d h3 {
    border-bottom: 2px solid #c00;
    color: #c00;
    font-family: "Noto Sans JP", "BIZ UDPGothic", "Helvetica Neue", Arial, "Hiragino Sans", Meiryo, sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    padding: 0 .5em
}

@media screen and (max-width: 767px) {
    .index-d .inner .col2-l,.index-d .inner .col2-r {
        padding:3%
    }
}

p.intro {
    margin-bottom: .5em
}

p.brown {
    margin-top: 15px
}

.mkr-top:before {
    color: #c00;
    content: "\f106";
    display: inline-block;
    font-family: yubin;
    font-weight: 400;
    margin-right: .3em
}

.mkr-prev:before {
    color: #c00;
    content: "\f104";
    display: inline-block;
    font-family: yubin;
    font-weight: 400;
    margin-right: .3em
}

.mkr-next:before {
    color: #c00;
    content: "\f105";
    display: inline-block;
    font-family: yubin;
    font-weight: 400;
    margin-right: .3em
}

.mk-popup:after,span.mkr-popup-r:after {
    color: #c00;
    content: "\e924"!important;
    display: inline-block;
    font-family: yubin;
    font-size: .9rem;
    font-weight: 400;
    margin-left: .3em;
    position: relative;
    top: 1px
}

span.mk-pdf-r,span.mkr-popup-r {
    text-indent: 0
}

span.mkr-popup-r:after {
    margin-left: .5em
}

span.mk-pdf-r:after {
    color: #c00;
    content: "\50";
    display: inline-block;
    font-family: yubin;
    font-size: 21px;
    font-weight: 400;
    position: relative;
    top: 3px
}

ol li a.mk-popup:after,ul li a.mk-popup:after {
    text-indent: 0
}

ol li .comment,ul li .comment {
    color: grey
}

ul.basic-l li .comment,ul.basic-m li .comment,ul.basic-s li .comment {
    margin-left: 1.5em;
    margin-top: .5em
}

ul.basic-l li ol li:before,ul.basic-m li ol li:before,ul.basic-s li ol li:before {
    content: none
}

ul.arrow-gray1 li,ul.arrow-gray2 li,ul.arrow-red li {
    padding: .2em 0 .2em 1em;
    text-indent: -.4em
}

ul.arrow-gray1 li a,ul.arrow-gray2 li a,ul.arrow-red li a {
    color: #333
}

ul.arrow-gray1 li a:hover,ul.arrow-gray2 li a:hover,ul.arrow-red li a:hover {
    text-decoration: underline
}

ul.arrow-gray1 li:before,ul.arrow-gray2 li:before,ul.arrow-red li:before {
    color: #c00;
    content: "\f105";
    display: inline-block;
    font-family: yubin;
    margin-right: .4em
}

ul.arrow-gray1 li ul li a:before,ul.arrow-gray2 li ul li a:before,ul.arrow-red li ul li a:before {
    content: none
}

ul.arrow-gray1 li ul.notes-l li,ul.arrow-gray1 li ul.notes-m li,ul.arrow-gray1 li ul.notes-s li,ul.arrow-gray2 li ul.notes-l li,ul.arrow-gray2 li ul.notes-m li,ul.arrow-gray2 li ul.notes-s li,ul.arrow-red li ul.notes-l li,ul.arrow-red li ul.notes-m li,ul.arrow-red li ul.notes-s li {
    margin-bottom: .5em;
    padding-left: 1em;
    text-indent: -.6em
}

ul.arrow-gray1 li ul.notes-l li:before,ul.arrow-gray1 li ul.notes-m li:before,ul.arrow-gray1 li ul.notes-s li:before,ul.arrow-gray2 li ul.notes-l li:before,ul.arrow-gray2 li ul.notes-m li:before,ul.arrow-gray2 li ul.notes-s li:before,ul.arrow-red li ul.notes-l li:before,ul.arrow-red li ul.notes-m li:before,ul.arrow-red li ul.notes-s li:before {
    color: #333;
    content: "\31";
    display: inline-block;
    font-family: yubin;
    font-size: 80%;
    margin-right: .5em
}

ul.arrow-gray1 li ul.basic-l li,ul.arrow-gray1 li ul.basic-m li,ul.arrow-gray1 li ul.basic-s li,ul.arrow-gray2 li ul.basic-l li,ul.arrow-gray2 li ul.basic-m li,ul.arrow-gray2 li ul.basic-s li,ul.arrow-red li ul.basic-l li,ul.arrow-red li ul.basic-m li,ul.arrow-red li ul.basic-s li {
    margin-bottom: .5em;
    padding-left: 1em;
    text-indent: -.6em
}

ul.arrow-gray1 li ul.basic-l li:before,ul.arrow-gray1 li ul.basic-m li:before,ul.arrow-gray1 li ul.basic-s li:before,ul.arrow-gray2 li ul.basic-l li:before,ul.arrow-gray2 li ul.basic-m li:before,ul.arrow-gray2 li ul.basic-s li:before,ul.arrow-red li ul.basic-l li:before,ul.arrow-red li ul.basic-m li:before,ul.arrow-red li ul.basic-s li:before {
    color: #333;
    content: "\30";
    display: inline-block;
    font-family: yubin;
    margin-right: .5em
}

ul.arrow-simple li {
    padding: .2em 0 .2em 1em;
    text-indent: -.4em
}

ul.arrow-simple li:before {
    content: "\f105";
    display: inline-block;
    font-family: yubin;
    margin-right: .4em
}

ul.arrow-ring li a:before {
    color: #c00;
    content: "\f105";
    display: inline-block;
    font-family: yubin;
    margin-right: .4em
}

@media screen and (max-width: 767px) {
    ul.arrow-ring li {
        text-align:left;
        width: 100%
    }

    ul.arrow-ring li a {
        background: #fff;
        border: 1px solid #ce0000;
        border-radius: 5px;
        color: #333;
        display: block;
        font-size: 14px;
        font-weight: 700;
        margin: 2px 0;
        padding: 16px 2em 16px 15px;
        position: relative;
        text-decoration: none
    }

    ul.arrow-ring .reset a {
        border: none;
        color: #333;
        display: inline-block;
        font-weight: inherit;
        padding: 0;
        text-align: left;
        text-decoration: underline
    }

    ul.arrow-ring .reset a:before {
        content: none
    }
}

ol.comment,ul.comment {
    color: #646464
}

.pList p {
    margin: .5em 0
}

a.box,div.box {
    padding: 2%
}

a.box.bl1,div.box.bl1 {
    border: 1px solid #dcdcdc
}

a.box.bl2,div.box.bl2 {
    border: 1px solid #c00
}

a.box.bl3,div.box.bl3 {
    border-top: 1px solid #eee
}

a.box.bg1,a.box.bg2,a.box.bg3,div.box.bg1,div.box.bg2,div.box.bg3 {
    background: #f7f7f7
}

a.box p:last-child,div.box p:last-child {
    margin-bottom: 0
}

.boxbefore {
    background: #f7f7f7;
    border-bottom: 0;
    border-left: #dcdcdc 1px solid;
    border-right: #dcdcdc 1px solid;
    border-top: #dcdcdc 1px solid;
    color: #333;
    font-size: 1em;
    margin-bottom: 0;
    padding: .5em
}

@media screen and (max-width: 767px) {
    div.box {
        padding:3%
    }
}

@media screen and (max-width: 767px) {
    .imgBlockList div[class^=imgBlock] {
        border-bottom:1px solid #dcdcdc;
        padding: 15px 0
    }
}

.err-list {
    border: 1px solid #c00;
    padding: 15px
}

.err-list .inner {
    color: #c00;
    display: flex;
    display: -o-flex;
    display: -ms-flex;
    display: -moz-flex;
    display: -webkit-flex
}

.err-list .inner .col2-r {
    padding-left: 15px
}

.h-step {
    background: #f7f7f7;
    margin: 15px auto
}

.h-step .inner {
    align-items: center;
    display: flex;
    display: -o-flex;
    display: -ms-flex;
    display: -moz-flex;
    display: -webkit-flex;
    margin-bottom: 15px
}

.h-step .inner .col2-l {
    background: #c00;
    color: #fff;
    font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serifsans-serif;
    font-size: 17px;
    padding: 10px
}

.h-step .inner .col2-r {
    font-size: 1.1em;
    padding-left: 10px
}

.h-step.first-step .inner .col2-l:before {
    content: "STEP1"
}

.h-step.second-step .inner .col2-l:before {
    content: "STEP2"
}

.h-step.third-step .inner .col2-l:before {
    content: "STEP3"
}

.h-step+table.layout td.pic {
    min-width: 100px
}

@media screen and (max-width: 767px) {
    .h-step .inner .col2-l {
        font-size:14px;
        padding: 6px
    }

    .h-step.notice .inner {
        align-items: stretch
    }

    .h-step.notice .inner .col2-l {
        flex-basis: 23%;
        font-size: 14px;
        max-width: 23%;
        padding: 6px 10px
    }

    .h-step.notice .inner .col2-r {
        flex: 1
    }

    .h-step+table.layout td.pic {
        min-width: 80px
    }
}

.mb-navi {
    background: #f7f7f7;
    margin: 20px auto;
    padding: 15px 15px 5px;
    text-align: center
}

.mb-navi ul li {
    border-right: 1px solid #a0a0a0;
    display: inline-block;
    margin-bottom: 10px;
    padding: 0 .7em 0 .5em
}

.mb-navi ul li:last-child {
    border-right: 0
}

@media screen and (max-width: 767px) {
    .mb-navi ul {
        font-size:.8em
    }
}

table.layout td {
    padding: 0
}

table.layout td.pic {
    min-width: 68px;
    padding: .15em 15px 0 0
}

table.layout div.comment {
    color: #646464
}

table.adapt td.pic {
    padding: 0 10px 0 0;
    width: 68px
}

table.data td.bg {
    background: #f7f7f7
}

@media screen and (max-width: 767px) {
    table.layout td.pic.lon {
        text-align:center
    }
}

div.half {
    display: flex;
    display: -o-flex;
    display: -ms-flex;
    display: -moz-flex;
    display: -webkit-flex;
    justify-content: space-between
}

div.half .col2-l,div.half .col2-r {
    flex-basis: 49%;
    max-width: 49%
}

@media screen and (max-width: 767px) {
    div.half {
        display:block
    }

    div.half .col2-l,div.half .col2-r {
        flex-basis: 100%;
        margin-bottom: 10px;
        max-width: 100%
    }
}

#main-box div.img1 div.col2-l {
    display: inline-block;
    vertical-align: top;
    width: 12%
}

#main-box div.img1 div.col2-r {
    display: inline-block;
    vertical-align: top;
    width: 86%
}

#main-box div.img1 div.col2-r p.service a:before {
    color: #c00;
    content: "\f105";
    display: inline-block;
    font-family: yubin;
    margin-right: .4em
}

@media screen and (max-width: 767px) {
    #main-box div.img1 div.col2-l {
        display:inline-block;
        vertical-align: top;
        width: 26%
    }

    #main-box div.img1 div.col2-r {
        display: inline-block;
        vertical-align: top;
        width: 70%
    }

    #main-box div.img1 div.col2-r p.service a:before {
        color: #c00;
        content: "\f105";
        display: inline-block;
        font-family: yubin;
        margin-right: .4em
    }
}

#contact-us div.col2-l {
    float: left;
    width: 56px
}

#contact-us div.col2-r {
    float: right;
    width: calc(100% - 70px)
}

#contact-us .wrap {
    margin: 0
}

#pressList a[target="_blank"]:after {
    color: #c00;
    content: "\e924";
    display: inline-block;
    font-family: yubin;
    font-size: 90%;
    font-weight: 400;
    margin-left: .3em;
    position: relative;
    top: 0
}

table.layout.newsList td.btm_line .part:before {
    color: #c00;
    content: "\f105";
    font-family: yubin;
    margin-right: .3em
}

table.layout.newsList td {
    padding: 1em .4em
}

table.layout.newsList td.btm_line {
    border-bottom: 1px dotted #a0a0a0
}

@media screen and (min-width: 751px) and (max-width:1024px) {
    #csr .searchArea #map {
        padding-bottom:30px
    }

    #csr .searchArea #map .mapObject {
        position: static
    }

    #csr .searchArea #map .mapObject svg {
        height: auto
    }
}

@media screen and (max-width: 767px) {
    body#posukuma #main-box h1 span {
        height:auto!important;
        padding: 15px 0
    }
}

.mkr-nav-r {
    text-decoration: none
}

.mkr-nav-r a {
    text-decoration: underline
}

.mkr-nav-r:before {
    color: #c00;
    content: "\f105";
    display: inline;
    font-family: yubin;
    margin-right: .5em;
    text-decoration: none
}

p>a>.mkr-nav-r:before {
    color: #c00;
    content: "\f105";
    display: inline;
    font-family: yubin;
    margin-right: .5em;
    text-decoration: none
}

a span.mkr-nav-r:before {
    color: #c00;
    content: "\f105";
    display: inline-block;
    font-family: yubin;
    margin-right: .5em;
    text-decoration: none
}

section#navigation .nav-menu nav.menu-col {
    margin-bottom: 15px
}

section#navigation .nav-menu nav.menu-col ul li:last-of-type.mt-4 {
    font-family: "Noto Sans JP", "BIZ UDPGothic", "Helvetica Neue", Arial, "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 700
}

section#navigation .nav-menu nav.menu-col ul li:last-of-type.mt-4 a:before {
    content: none
}

.youpackCoice {
    align-items: stretch;
    display: flex;
    display: -o-flex;
    display: -ms-flex;
    display: -moz-flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.youpackCoice dl {
    align-items: center;
    background: #fff;
    border: 1px solid #ccc;
    display: -webkit-flex;
    display: flex;
    display: -o-flex;
    display: -ms-flex;
    display: -moz-flex;
    flex-basis: 49%;
    max-width: 49%;
    padding: 15px;
    transition: .3s
}

.youpackCoice dl dt img {
    width: 90px
}

.youpackCoice dl dd {
    flex: 1;
    padding-left: 10px
}

.youpackCoice dl dd .title {
    font-family: "Noto Sans JP", "BIZ UDPGothic", "Helvetica Neue", Arial, "Hiragino Sans", Meiryo, sans-serif;
    font-size: 1.2em;
    font-weight: 700;
    letter-spacing: -.03em;
    margin-bottom: .4em
}

.youpackCoice dl dd .title .tooltipBox .label:before {
    font-weight: 400
}

.youpackCoice dl dd em {
    display: block;
    font-family: "Noto Sans JP", "BIZ UDPGothic", "Helvetica Neue", Arial, "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 700
}

.youpackCoice dl.clm1 {
    flex-basis: 100%;
    max-width: 100%
}

@media screen and (max-width: 767px) {
    .youpackCoice dl {
        flex-basis:100%;
        max-width: 100%;
        padding: 15px 10px
    }

    .youpackCoice dl dt img {
        width: 70px
    }

    .youpackCoice dl dd .title {
        font-family: "Noto Sans JP", "BIZ UDPGothic", "Helvetica Neue", Arial, "Hiragino Sans", Meiryo, sans-serif;
        font-size: 1.1em;
        font-weight: 700
    }

    .youpackCoice dl .tooltipBox .tooltip {
        left: -30vw;
        width: 50vw
    }
}

.win-close {
    margin: 20px auto;
    text-align: center
}

.win-close a:before {
    content: "\e912";
    font-family: yubin;
    font-size: 120%;
    margin-right: .5em;
    position: relative;
    top: .1em
}

.win-close a {
    border: 1px solid #c00;
    border-radius: 5px;
    color: #c00;
    display: inline-block;
    font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serifsans-serif;
    min-width: 30%;
    padding: 1.1em 2em;
    position: relative;
    text-decoration: none;
    text-decoration: none;
    transition: .3s
}

@media screen and (max-width: 767px) {
    .collapsible2 {
        border:1px solid #ce0000;
        border-radius: 5px
    }

    .collapsible2 h3 {
        background: 0 0!important;
        border-top: 1px solid #ce0000;
        color: #333;
        cursor: pointer;
        margin: 0 0!important;
        padding: 12px 10px!important;
        position: relative
    }

    .collapsible2 h3:nth-of-type(1) {
        border-top: none
    }

    .collapsible2 h3:after {
        color: #ce0000;
        content: "\2b";
        font-family: yubin;
        font-weight: 400;
        position: absolute;
        right: 10px;
        top: 20%
    }

    .collapsible2 h3 span {
        font-size: 14px
    }

    .collapsible2 h3.open:after {
        color: #ce0000;
        content: "\2d"
    }

    .collapsible2 .list {
        border-top: 1px dotted #ce0000;
        display: none;
        margin: 0;
        padding: 15px 0
    }

    .collapsible2 ul.list:nth-of-type(1) {
        border-top: 1px solid #ce0000
    }

    .collapsible2 .list li a {
        background: #ffcdcd;
        color: #333;
        display: block;
        font-size: 14px;
        font-weight: inherit;
        padding: 14px 10px;
        position: relative;
        text-decoration: none
    }

    .collapsible2 .list li a:after {
        color: #ce0000;
        font-family: yubin;
        position: absolute;
        right: 10px;
        top: 35%
    }

    .collapsible2 .list {
        background: #ffcdcd;
        -webkit-overflow-scrolling: touch;
        overflow-x: auto;
        position: relative
    }

    .collapsible2 .list:before {
        color: #666;
        content: "Scrollable";
        display: block;
        font-size: 1em;
        padding-left: 36px
    }

    body.jp .collapsible2 .list:before {
        content: "スクロールできます"
    }

    .collapsible2 .list:after {
        color: #666;
        content: "\72";
        font-family: jpsmt;
        font-size: 2em;
        left: 12px;
        position: absolute;
        top: 4px
    }

    .collapsible2 .list::-webkit-scrollbar {
        height: 5px
    }

    .collapsible2 .list::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 5px
    }

    .collapsible2 .list::-webkit-scrollbar-thumb {
        background: #bcbcbc;
        border-radius: 5px
    }

    .collapsible2 table {
        margin: 0 12px;
        width: 720px!important
    }
}