@charset "UTF-8";
@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: 900;
    src: url("../webfonts/fontawesome-pro-brands-900.eot");
    src: url("../webfonts/fontawesome-pro-brands-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fontawesome-pro-brands-900.woff2") format("woff2"), url("../webfonts/fontawesome-pro-brands-900.woff") format("woff"), url("../webfonts/fontawesome-pro-brands-900.ttf") format("truetype"), url("../webfonts/fontawesome-pro-brands-900.svg#fontawesome") format("svg");
}

@font-face {
    font-family: 'Font Awesome 5 Light';
    font-style: normal;
    font-weight: 300;
    src: url("../webfonts/fontawesome-pro-light-300.eot");
    src: url("../webfonts/fontawesome-pro-light-300.eot?#iefix") format("embedded-opentype"), url("../webfonts/fontawesome-pro-light-300.woff2") format("woff2"), url("../webfonts/fontawesome-pro-light-300.woff") format("woff"), url("../webfonts/fontawesome-pro-light-300.ttf") format("truetype"), url("../webfonts/fontawesome-pro-light-300.svg#fontawesome") format("svg");
}

@font-face {
    font-family: 'Font Awesome 5 Regular';
    font-style: normal;
    font-weight: 400;
    src: url("../webfonts/fontawesome-pro-regular-400.eot");
    src: url("../webfonts/fontawesome-pro-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fontawesome-pro-regular-400.woff2") format("woff2"), url("../webfonts/fontawesome-pro-regular-400.woff") format("woff"), url("../webfonts/fontawesome-pro-regular-400.ttf") format("truetype"), url("../webfonts/fontawesome-pro-regular-400.svg#fontawesome") format("svg");
}

@font-face {
    font-family: 'Font Awesome 5 Solid';
    font-style: normal;
    font-weight: 900;
    src: url("../webfonts/fontawesome-pro-solid-900.eot");
    src: url("../webfonts/fontawesome-pro-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fontawesome-pro-solid-900.woff2") format("woff2"), url("../webfonts/fontawesome-pro-solid-900.woff") format("woff"), url("../webfonts/fontawesome-pro-solid-900.ttf") format("truetype"), url("../webfonts/fontawesome-pro-solid-900.svg#fontawesome") format("svg");
}

.body {
    max-width: 950px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px;
}

@media screen and (max-width: 980px) {
    .body {
        margin-right: 15px;
        margin-left: 15px;
    }
}

.body:after {
    content: "";
    display: block;
    clear: both;
}

.siteContainer .pankuzuWrap {
    max-width: 950px;
    width: 100%;
    margin: 8px auto 10px;
    font-size: 73%;
}

.siteContainer .pankuzuWrap .pankuzu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width: 980px) {
    .siteContainer .pankuzuWrap .pankuzu {
        padding-left: 10px;
    }
}

.siteContainer .pankuzuWrap .pankuzu__list:after {
    content: '>';
    padding: 0 5px;
}

.siteContainer .pankuzuWrap .pankuzu__list:last-child:after {
    content: none;
}

.siteContainer .loginInner {
    max-width: 950px;
    width: 100%;
    margin: 0 auto;
}

.siteContainer .loginInner .loginWrap {
    padding: 10px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width: 980px) {
    .siteContainer .loginInner .loginWrap {
        padding: 10px;
    }
}

@media screen and (max-width: 768px) {
    .siteContainer .loginInner .loginWrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 10px;
    }
}

.siteContainer .loginInner .loginWrap .login {
    background-color: #F2F2F2;
    border: 1px solid #e0e0e0;
    margin-right: 2%;
    padding: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.siteContainer .loginInner .loginWrap .login:last-child {
    margin-right: 0;
}

.siteContainer .loginInner .loginWrap .login--normal {
    width: 60%;
}

.siteContainer .loginInner .loginWrap .login--btn {
    width: 40%;
}

@media screen and (max-width: 768px) {
    .siteContainer .loginInner .loginWrap .login {
        margin-right: 0px;
        width: 100%;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 540px) {
    .siteContainer .loginInner .loginWrap .login {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.siteContainer .loginInner .loginWrap .login__btn {
    width: 43%;
    margin-right: 2%;
    background-color: #FF9325;
    display: block;
    text-align: center;
    padding: 10px;
    line-height: 1.4em;
    height: 100%;
}

@media screen and (max-width: 540px) {
    .siteContainer .loginInner .loginWrap .login__btn {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
}

.siteContainer .loginInner .loginWrap .login__btn--webmail {
    width: 100%;
}

.siteContainer .loginInner .loginWrap .login__btn--trouble {
    width: 100%;
    background-color: #2075BB;
}

.siteContainer .loginInner .loginWrap .login__btn--trouble:hover {
    background-color: #62a7db !important;
}

.siteContainer .loginInner .loginWrap .login__btn--out {
    background-color: #e86d6d;
}

.siteContainer .loginInner .loginWrap .login__btn--out:hover {
    background-color: #ED9393 !important;
}

.siteContainer .loginInner .loginWrap .login__btn div {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.siteContainer .loginInner .loginWrap .login__btn div span {
    padding: 0 30px;
    font-size: 110%;
    font-weight: bold;
    color: #fff;
    position: relative;
}

.siteContainer .loginInner .loginWrap .login__btn div span:after {
    content: "\f0da";
    font-family: 'Font Awesome 5 Solid';
    position: absolute;
    top: 50%;
    right: 0px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 980px) {
    .siteContainer .loginInner .loginWrap .login__btn div span {
        font-size: 97%;
    }
}

@media screen and (max-width: 768px) {
    .siteContainer .loginInner .loginWrap .login__btn div span {
        font-size: 100%;
    }
}

@media screen and (max-width: 540px) {
    .siteContainer .loginInner .loginWrap .login__btn div span {
        font-size: 120%;
    }
}

.siteContainer .loginInner .loginWrap .login__btn div span.key {
    padding: 0 24px;
}

.siteContainer .loginInner .loginWrap .login__btn div span.key:before {
    content: "\f30d";
    font-family: 'Font Awesome 5 Regular';
    position: absolute;
    top: 50%;
    left: 0px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.siteContainer .loginInner .loginWrap .login__btn div span.mail:before {
    content: "\f0e0";
    font-family: 'Font Awesome 5 Regular';
    position: absolute;
    top: 50%;
    left: 0px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.siteContainer .loginInner .loginWrap .login__btn div span.trouble:before {
    content: "\f085";
    font-family: 'Font Awesome 5 Regular';
    position: absolute;
    top: 50%;
    left: 0px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.siteContainer .loginInner .loginWrap .login__btn:hover {
    background-color: #ffa631;
    cursor: pointer;
}

.siteContainer .loginInner .loginWrap .login__txt {
    width: 55%;
    font-size: 85%;
}

@media screen and (max-width: 540px) {
    .siteContainer .loginInner .loginWrap .login__txt {
        width: 100%;
    }
}

.siteContainer .note {
    padding: 0 5px;
}

@media screen and (min-width: 980px) {
    .siteContainer .note {
        max-width: 810px;
        width: 100%;
        margin: 0 auto;
    }
}

.siteContainer .note__txt {
    position: relative;
}

@media screen and (min-width: 980px) {
    .siteContainer .note__txt {
        padding-left: 50px;
    }
}

@media screen and (max-width: 980px) {
    .siteContainer .note__txt {
        padding-left: 30px;
    }
}

@media screen and (max-width: 768px) {
    .siteContainer .note__txt {
        font-size: 1.1rem;
    }
}

.siteContainer .note__txt:before {
    content: "";
    background: url(../img/icon_key.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

@media screen and (max-width: 980px) {
    .siteContainer .note__txt:before {
        width: 24px;
        height: 26px;
        left: 0px;
    }
}

@media screen and (min-width: 980px) {
    .siteContainer .note__txt:before {
        width: 48px;
        height: 50px;
        left: -10px;
    }
}

.siteContainer .mainImg {
    text-align: center;
    background-color: #BFBFBF;
    max-width: 950px;
    width: 100%;
    margin: 0 auto 40px;
}

.siteContainer .container {
    max-width: 950px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
}

@media screen and (max-width: 970px) {
    .siteContainer .container {
        margin-right: 10px;
        margin-left: 10px;
    }
}

.siteContainer .container .h2 {
    padding: 18px 25px;
    font-size: 120%;
    font-weight: bold;
    background-color: #E1F2F9;
    border-bottom: 6px solid #2B84C1;
    margin-bottom: 30px;
    position: relative;
}

@media screen and (max-width: 980px) {
    .siteContainer .container .h2 {
        padding: 8px 10px;
        font-size: 115%;
    }
}

.siteContainer .container .h2--pr {
    padding-right: 120px;
}

@media screen and (max-width: 980px) {
    .siteContainer .container .h2--pr {
        padding-right: 100px;
    }
}

.siteContainer .container .h2 p {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 90px;
    right: 10px;
}

@media screen and (max-width: 980px) {
    .siteContainer .container .h2 p {
        width: 80px;
    }
}

.siteContainer .container .h2 p a {
    font-size: 90%;
    text-align: center;
    background-color: #FBB03B;
    color: #fff;
    display: block;
    padding: 5px 20px;
}

@media screen and (max-width: 980px) {
    .siteContainer .container .h2 p a {
        padding: 2px 10px;
        font-size: 80%;
    }
}

.siteContainer .container .h2 p a:after {
    font-family: 'Font Awesome 5 Solid';
    content: "\f0da";
    position: absolute;
    font-size: 100%;
    right: 8px;
    top: 5px;
    bottom: 0;
    color: #fff;
}

@media screen and (max-width: 980px) {
    .siteContainer .container .h2 p a:after {
        top: 2px;
    }
}

.siteContainer .container .contents {
    /* 各メーカー様へのお問い合わせ */
}

.siteContainer .container .contents .chatbot {
    text-align: center;
}

.siteContainer .container .contents .chatbot p {
    font-weight: bold;
    margin-bottom: 20px;
}

.siteContainer .container .contents .chatbot .btn {
    margin: 0 auto;
    max-width: 500px;
    width: 100%;
    -webkit-transition: .3s;
    transition: .3s;
}

.siteContainer .container .contents .chatbot .btn:hover {
    -webkit-transition: .3s;
    transition: .3s;
    opacity: .8;
}

.siteContainer .container .contents .maker {
    margin: 30px 0;
}

.siteContainer .container .contents .maker .h3 {
    font-size: 120%;
    border-bottom: 2px solid #2B84C1;
    margin-bottom: 20px;
}

.siteContainer .container .contents .maker table {
    margin: 15px 0 0;
    padding: 0;
    font-size: 90%;
    line-height: 130%;
}

@media screen and (max-width: 768px) {
    .siteContainer .container .contents .maker table {
        font-size: 85%;
    }
}

.siteContainer .container .contents .maker table th {
    padding: 8px;
    color: #FFF;
    text-align: left;
    border-right: 1px solid #E1E1E1;
    border-bottom: 1px solid #E1E1E1;
    background: #2075BB;
}

@media screen and (max-width: 540px) {
    .siteContainer .container .contents .maker table th {
        width: 30%;
    }
}

.siteContainer .container .contents .maker table th.none {
    background: none;
}

.siteContainer .container .contents .maker table td {
    padding: 8px;
    width: 37%;
    border-right: 1px solid #E1E1E1;
    border-bottom: 1px solid #E1E1E1;
}

.siteContainer .container .contents .maker table td.bg {
    background: #F0F0F0;
}

.siteContainer .container .contents .entry .h3 {
    font-size: 120%;
    border-bottom: 2px solid #2B84C1;
    margin-bottom: 20px;
}

.siteContainer .container .contents .entry .entryCheck {
    width: 100%;
}

.siteContainer .container .contents .entry .entryCheck--flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width: 540px) {
    .siteContainer .container .contents .entry .entryCheck--flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.siteContainer .container .contents .entry .entryCheck .seat {
    margin: 0 20px 0 0;
    width: 30%;
}

@media screen and (max-width: 540px) {
    .siteContainer .container .contents .entry .entryCheck .seat {
        width: 100%;
    }
}

.siteContainer .container .contents .entry .entryCheck .seat img {
    width: 100%;
    margin-bottom: 10px;
}

.siteContainer .container .contents .entry .entryCheck .txt {
    width: 70%;
}

@media screen and (max-width: 540px) {
    .siteContainer .container .contents .entry .entryCheck .txt {
        width: 100%;
    }
}

.siteContainer .container .contents .entry .entryCheck .btn {
    margin: 8px 0 0 0;
    display: block;
    width: 100%;
    border-radius: 4px;
    background: #2075BB;
    margin: 10px auto 0;
}

.siteContainer .container .contents .entry .entryCheck .btn a {
    padding: 11px 0;
    display: block;
    font-size: 110%;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    background: url(../images/arrow_white.png) 20px center no-repeat;
}

.siteContainer .container .contents .entry .entryCheck .btn:hover {
    background: #2382CF;
}

.siteContainer .container .contents .entry .entryCheck .btn a:hover {
    text-decoration: none;
}

.siteContainer .container .contents .entry .atn {
    margin: 10px 0 0 0;
    clear: both;
    font-size: 90%;
    color: #C00;
}

.siteContainer .container .contentsList {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.siteContainer .container .contentsList__list {
    width: 32%;
    margin-right: 2%;
    background-color: #F2F2F2;
    position: relative;
}

.siteContainer .container .contentsList__list:nth-child(3n) {
    margin-right: 0;
}

.siteContainer .container .contentsList__list:hover {
    opacity: .6;
}

@media screen and (max-width: 540px) {
    .siteContainer .container .contentsList__list {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
}

.siteContainer .container .contentsList__list a .list-ttl {
    padding: 15px 10px;
    text-align: center;
    color: #2B84C1;
    font-weight: bold;
    border-bottom: 3px solid #2B84C1;
}

.siteContainer .container .contentsList__list a .text {
    padding: 10px;
}

.siteContainer .container .contentsList__list a .text .thumb {
    text-align: center;
    margin-bottom: 10px;
}

@media screen and (max-width: 540px) {
    .siteContainer .container .contentsList__list a .text .thumb img {
        width: 100%;
    }
}

.siteContainer .container .contentsList__list a .text .aboutList {
    font-size: 87.5%;
    color: #333;
}

.siteContainer .container .contentsList__list a .text .aboutList__list {
    padding-left: 10px;
}

.siteContainer .container .contentsList__list a .text .aboutList__list.-left::before {
    position: relative;
    top: -2px;
    left: -8px;
    display: inline-block;
    width: 3px;
    height: 3px;
    content: '';
    border-radius: 100%;
    background: #333;
}

.siteContainer .container .contentsList__list a .text .aboutList__list.-right {
    text-align: right;
}

.siteContainer .container .contentsList__list a::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-bottom: 14px solid #FAB03A;
    border-left: 14px solid transparent;
}

.siteContainer .container .questionList__list {
    border-bottom: 1px solid #ccc;
}

.siteContainer .container .questionList__list a {
    padding: 15px 10px;
    display: block;
    color: #333;
}

.siteContainer .container .questionList__list a p {
    width: 95%;
    position: relative;
}

.siteContainer .container .questionList__list a p:after {
    font-family: 'Font Awesome 5 Solid';
    content: "\f0da";
    position: absolute;
    font-size: 110%;
    right: -25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #2B84C1;
}

@media screen and (max-width: 540px) {
    .siteContainer .container .questionList__list a p:after {
        right: -15px;
    }
}

.siteContainer .container .questionList__list a:hover {
    background-color: #E1F2F9;
}

.siteContainer .container .accordion ul {
    list-style: none;
}

.siteContainer .container .accordion a {
    text-decoration: none;
}

.siteContainer .container .accordion .accordion-menu {
    width: 100%;
    margin: 60px auto 20px;
    background: #fff;
    border-radius: 4px;
}

.siteContainer .container .accordion .accordion-menu > li {
    margin-bottom: 5px;
}

.siteContainer .container .accordion .accordion-menu li.open .dropdownlink {
    color: #fff;
}

.siteContainer .container .accordion .accordion-menu li.open .dropdownlink p {
    position: relative;
}

.siteContainer .container .accordion .accordion-menu li.open .dropdownlink p:after {
    font-family: 'Font Awesome 5 Solid';
    content: "\f068";
    position: absolute;
    font-size: 150%;
    right: 0px;
    margin: auto;
    color: #fff;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.siteContainer .container .accordion .accordion-menu li:last-child .dropdownlink {
    border-bottom: 0;
}

.siteContainer .container .accordion .dropdownlink {
    cursor: pointer;
    display: block;
    padding: 12px 30px;
    color: #fff;
    position: relative;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    font-weight: bold;
    font-size: 125%;
    background-color: #2B84C1;
}

@media screen and (max-width: 980px) {
    .siteContainer .container .accordion .dropdownlink {
        padding: 15px 10px;
        font-size: 100%;
    }
}

.siteContainer .container .accordion .dropdownlink p {
    position: relative;
    padding-right: 50px;
}

@media screen and (max-width: 980px) {
    .siteContainer .container .accordion .dropdownlink p {
        padding-right: 30px;
    }
}

.siteContainer .container .accordion .dropdownlink p:after {
    font-family: 'Font Awesome 5 Solid';
    content: "\f067";
    position: absolute;
    font-size: 110%;
    right: 0px;
    margin: auto;
    color: #fff;
    font-size: 150%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.siteContainer .container .accordion .dropdownlink a {
    display: block;
}

.siteContainer .container .accordion .dropdownlink:hover {
    opacity: .6;
}

.siteContainer .container .accordion .link {
    font-size: 125%;
    font-weight: bold;
}

@media screen and (max-width: 980px) {
    .siteContainer .container .accordion .link {
        font-size: 100%;
    }
}

.siteContainer .container .accordion .link a {
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 12px 30px;
    background-color: #2B84C1;
}

@media screen and (max-width: 980px) {
    .siteContainer .container .accordion .link a {
        padding: 15px 10px;
    }
}

.siteContainer .container .accordion .link a p {
    width: 100%;
    padding-right: 50px;
    position: relative;
}

@media screen and (max-width: 980px) {
    .siteContainer .container .accordion .link a p {
        padding-right: 30px;
    }
}

.siteContainer .container .accordion .link a p:after {
    font-family: 'Font Awesome 5 Solid';
    content: "\f0da";
    position: absolute;
    font-size: 110%;
    right: 3px;
    margin: auto;
    color: #fff;
    font-size: 200%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.siteContainer .container .accordion .submenuItems {
    display: none;
    background: #f2f2f2;
    font-size: 100%;
}

@media screen and (max-width: 540px) {
    .siteContainer .container .accordion .submenuItems {
        font-size: 95%;
    }
}

.siteContainer .container .accordion .submenuItems li {
    border-bottom: 1px solid #B6B6B6;
}

.siteContainer .container .accordion .submenuItems li.normal a.icon-key p.aft {
    padding: 12px 30px 12px 0px;
}

@media screen and (max-width: 980px) {
    .siteContainer .container .accordion .submenuItems li.normal a.icon-key p.aft {
        padding: 5px 20px 5px 0;
    }
}

.siteContainer .container .accordion .submenuItems--pd {
    padding: 20px;
}

@media screen and (max-width: 540px) {
    .siteContainer .container .accordion .submenuItems--pd {
        padding: 10px;
    }
}

.siteContainer .container .accordion .submenuItems .box {
    padding: 20px;
    background-color: #fff;
}

@media screen and (max-width: 540px) {
    .siteContainer .container .accordion .submenuItems .box {
        padding: 10px;
    }
}

.siteContainer .container .accordion .submenuItems .box .telBox {
    margin: 30px 0 0 0;
    padding-bottom: 30px;
    border-bottom: 2px solid #dddddd;
}

.siteContainer .container .accordion .submenuItems .box .telBox:last-child {
    border-bottom: none;
}

.siteContainer .container .accordion .submenuItems .box .telBox--flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width: 768px) {
    .siteContainer .container .accordion .submenuItems .box .telBox--flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.siteContainer .container .accordion .submenuItems .box .telBox .telArea {
    width: 40%;
    margin-right: 5%;
}

@media screen and (max-width: 768px) {
    .siteContainer .container .accordion .submenuItems .box .telBox .telArea {
        width: 100%;
        margin-right: 0;
    }
}

.siteContainer .container .accordion .submenuItems .box .telBox .telArea h3 {
    margin: 0 0 15px;
    font-size: 120%;
    font-weight: bold;
}

.siteContainer .container .accordion .submenuItems .box .telBox .telArea .telNo {
    margin: 0 0 15px;
}

.siteContainer .container .accordion .submenuItems .box .telBox .telArea .reception {
    margin: 60px 0 15px;
    padding: 15px 30px 10px;
    border: 1px solid #CCCCCC;
    background: #F0F0F0;
    position: relative;
}

.siteContainer .container .accordion .submenuItems .box .telBox .telArea .reception02 {
    margin: 30px 0 15px;
    padding: 15px 30px;
    border: 1px solid #CCCCCC;
    background: #F0F0F0;
}

.siteContainer .container .accordion .submenuItems .box .telBox .telArea .reception02 p {
    padding-left: 10px;
    float: left;
}

.siteContainer .container .accordion .submenuItems .box .telBox .telArea .reception .btn {
    position: absolute;
    top: -65px;
    left: 30px;
}

.siteContainer .container .accordion .submenuItems .box .telBox .telArea .reception h4 {
    width: 70px;
    float: left;
}

.siteContainer .container .accordion .submenuItems .box .telBox .telArea .reception02 h4 {
    width: 70px;
    float: left;
}

.siteContainer .container .accordion .submenuItems .box .telBox .telArea .reception dl, .siteContainer .container .accordion .submenuItems .box .telBox .telArea .reception02 dl {
    margin: 0 0 0 75px;
}

.siteContainer .container .accordion .submenuItems .box .telBox .telArea .reception dl dt, .siteContainer .container .accordion .submenuItems .box .telBox .telArea .reception02 dl dt {
    width: 60px;
    float: left;
}

.siteContainer .container .accordion .submenuItems .box .telBox .telArea .reception dl dd, .siteContainer .container .accordion .submenuItems .box .telBox .telArea .reception02 dl dd {
    width: 120px;
    float: left;
}

.siteContainer .container .accordion .submenuItems .box .telBox ul.check {
    margin: 0;
    padding: 0;
}

.siteContainer .container .accordion .submenuItems .box .telBox ul.check li {
    margin: 0;
    padding: 3px 0 3px 15px;
    list-style: none;
    list-style-position: outside;
    font-size: 90%;
    line-height: 140%;
    background: url(../img/black_kome_icon.jpg) 0 0.5em no-repeat;
    border-bottom: none;
}

.siteContainer .container .accordion .submenuItems .box .telBox .voiceArea {
    width: 60%;
    text-align: center;
    border-left: 1px solid #E1E1E1;
    border-right: 1px solid #E1E1E1;
    border-bottom: 1px solid #E1E1E1;
    border-radius: 4px 4px 0 0;
}

@media screen and (max-width: 768px) {
    .siteContainer .container .accordion .submenuItems .box .telBox .voiceArea {
        width: 100%;
    }
}

.siteContainer .container .accordion .submenuItems .box .telBox .voiceArea h3 {
    padding: 5px 0;
    font-size: 110%;
    color: #FFF;
    text-align: center;
    border-radius: 4px 4px 0 0;
    background: #2075BB;
}

.siteContainer .container .accordion .submenuItems .box .telBox .voiceArea .tel {
    margin: 20px 0 5px;
}

.siteContainer .container .accordion .submenuItems .box .telBox .voiceArea .info {
    margin: 0 0 15px;
}

.siteContainer .container .accordion .submenuItems .box .telBox .voiceArea ul.guide {
    margin: 0;
    padding: 0;
}

.siteContainer .container .accordion .submenuItems .box .telBox .voiceArea ul.guide li {
    padding: 10px;
    list-style: none;
}

.siteContainer .container .accordion .submenuItems .box .telBox .voiceArea ul.guide li h4 {
    margin: 0;
    padding: 0;
    line-height: 100%;
}

.siteContainer .container .accordion .submenuItems .box .telBox .voiceArea ul.guide li ul {
    margin: 0 8px 0 7px;
    border-left: 1px solid #E1E1E1;
    border-right: 1px solid #E1E1E1;
    border-bottom: 1px solid #E1E1E1;
}

.siteContainer .container .accordion .submenuItems .box .telBox .voiceArea ul.guide li ul li {
    text-align: center;
}

.siteContainer .container .accordion .submenuItems .box .telBox .voiceArea ul.guide02 {
    margin: 0;
    padding: 0;
}

.siteContainer .container .accordion .submenuItems .box .telBox .voiceArea ul.guide02 li {
    margin: 0 0 7px 7px;
    list-style: none;
    text-align: left;
}

.siteContainer .container .accordion .submenuItems .box .telBox .voiceArea ul.guide02 li h4 {
    margin: 0;
    padding: 0;
    line-height: 100%;
}

.siteContainer .container .accordion .submenuItems .box .telBox .voiceArea ul.guide02 li ul {
    margin: 0 8px 0 0;
    border-left: 1px solid #E1E1E1;
    border-right: 1px solid #E1E1E1;
    border-bottom: 1px solid #E1E1E1;
}

.siteContainer .container .accordion .submenuItems .box .telBox .voiceArea ul.guide02 li ul li {
    text-align: center;
}

.siteContainer .container .accordion .submenuItems .box .telBox .atnArea {
    width: 60%;
    padding: 50px 0 0 0;
}

@media screen and (max-width: 768px) {
    .siteContainer .container .accordion .submenuItems .box .telBox .atnArea {
        width: 100%;
        padding-top: 0;
    }
}

.siteContainer .container .accordion .submenuItems .box .telBox .atnArea .img {
    margin-bottom: 20px;
}

.siteContainer .container .accordion .submenuItems .box .ready {
    margin: 30px 0;
    padding: 20px;
    border: 1px solid #CCC;
    clear: both;
}

@media screen and (max-width: 540px) {
    .siteContainer .container .accordion .submenuItems .box .ready {
        padding: 10px;
        margin: 20px 0;
    }
}

.siteContainer .container .accordion .submenuItems .box .ready h3 {
    font-size: 120%;
    color: #1F72B8;
}

.siteContainer .container .accordion .submenuItems .box .ready ul {
    background: url(../../contact/images/ready_bg.png) right bottom no-repeat;
}

.siteContainer .container .accordion .submenuItems .box .ready ul li {
    padding: 0 100px 0 0;
}

.siteContainer .container .accordion .submenuItems .box .ready dl {
    width: 100%;
    margin: 5px 0 0 0;
    background: url(../../contact/images/ready_bg.png) right bottom no-repeat;
}

.siteContainer .container .accordion .submenuItems .box .ready dl dt {
    padding: 5px 10px;
    /*width: 150px;*/
    float: left;
    font-size: 90%;
    font-weight: bold;
    line-height: 140%;
    clear: both;
}

@media screen and (max-width: 540px) {
    .siteContainer .container .accordion .submenuItems .box .ready dl dt {
        padding: 5px;
    }
}

.siteContainer .container .accordion .submenuItems .box .ready dl dd {
    margin: 0;
    padding: 5px 0 5px 170px;
    font-size: 90%;
    line-height: 140%;
    border-bottom: 1px dotted #CCC;
}

@media screen and (max-width: 540px) {
    .siteContainer .container .accordion .submenuItems .box .ready dl dd {
        padding: 5px 0 5px 0;
    }
}

.siteContainer .container .accordion .submenuItems .box .confusion {
    clear: both;
    padding-bottom: 30px;
    border-bottom: 2px solid #ddd;
}

.siteContainer .container .accordion .submenuItems .box .confusion .h3TitBlue01 {
    margin: 0 0 15px;
    font-size: 120%;
}

.siteContainer .container .accordion .submenuItems .box .confusion .iconInfo {
    width: 100%;
    margin: 0 0 30px;
    padding: 10px 0 10px 10px;
    border: 1px solid #CCC;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width: 768px) {
    .siteContainer .container .accordion .submenuItems .box .confusion .iconInfo {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.siteContainer .container .accordion .submenuItems .box .confusion .iconInfo .iconBox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 20px;
}

.siteContainer .container .accordion .submenuItems .box .confusion .iconInfo .iconBox:last-child {
    margin-right: 0;
}

@media screen and (max-width: 768px) {
    .siteContainer .container .accordion .submenuItems .box .confusion .iconInfo .iconBox {
        width: 23.5%;
        margin-right: 2%;
    }
}

@media screen and (max-width: 540px) {
    .siteContainer .container .accordion .submenuItems .box .confusion .iconInfo .iconBox {
        width: 48.5%;
        margin-right: 3%;
    }
    .siteContainer .container .accordion .submenuItems .box .confusion .iconInfo .iconBox:nth-child(2n) {
        margin-right: 0;
    }
}

.siteContainer .container .accordion .submenuItems .box .confusion .iconInfo .iconBox .img {
    margin-right: 10px;
}

@media screen and (max-width: 540px) {
    .siteContainer .container .accordion .submenuItems .box .confusion .iconInfo .iconBox .img img {
        width: 30px;
    }
}

.siteContainer .container .accordion .submenuItems .box .confusion .iconInfo .iconBox .txt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: bold;
}

@media screen and (max-width: 768px) {
    .siteContainer .container .accordion .submenuItems .box .confusion .iconInfo .iconBox .txt {
        font-size: 90%;
    }
}

.siteContainer .container .accordion .submenuItems .box .confusion table {
    font-size: 90%;
    line-height: 130%;
    width: 100%;
    clear: both;
}

.siteContainer .container .accordion .submenuItems .box .confusion table th {
    padding: 10px;
    text-align: center;
    color: #FFF;
    vertical-align: middle;
    border-right: 1px solid #E1E1E1;
    border-bottom: 1px solid #E1E1E1;
    background: #2075BB;
}

@media screen and (max-width: 540px) {
    .siteContainer .container .accordion .submenuItems .box .confusion table th {
        padding: 3px;
    }
}

.siteContainer .container .accordion .submenuItems .box .confusion table th .sp-show {
    display: none;
}

@media screen and (max-width: 540px) {
    .siteContainer .container .accordion .submenuItems .box .confusion table th .sp-show {
        display: block;
    }
}

.siteContainer .container .accordion .submenuItems .box .confusion table th.none {
    border-top: none;
    background: none;
}

.siteContainer .container .accordion .submenuItems .box .confusion table th.week {
    color: #333;
    border-top: 1px solid #E1E1E1;
    background: #F0F0F0;
}

.siteContainer .container .accordion .submenuItems .box .confusion table th.week.sta {
    color: #0066CC;
    background: #DFF4FF;
}

.siteContainer .container .accordion .submenuItems .box .confusion table th.week.sun {
    color: #CC0000;
    background: #FFE8E8;
}

.siteContainer .container .accordion .submenuItems .box .confusion table td {
    padding: 10px;
    text-align: center;
    border-right: 1px solid #E1E1E1;
    border-bottom: 1px solid #E1E1E1;
}

@media screen and (max-width: 540px) {
    .siteContainer .container .accordion .submenuItems .box .confusion table td {
        padding: 3px;
    }
}

.siteContainer .container .accordion .submenuItems .box .confusion table td img {
    width: 40px;
    text-align: center;
}

.siteContainer .container .accordion .submenuItems .box .confusion .date {
    font-size: 90%;
    text-align: right;
}

.siteContainer .container .accordion .submenuItems .box .telBox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width: 768px) {
    .siteContainer .container .accordion .submenuItems .box .telBox {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.siteContainer .container .accordion .submenuItems .box .telBox .telArea {
    width: 60%;
    float: left;
}

@media screen and (max-width: 768px) {
    .siteContainer .container .accordion .submenuItems .box .telBox .telArea {
        width: 100%;
    }
}

.siteContainer .container .accordion .submenuItems .box .telBox .telArea h3 {
    margin: 0 0 15px;
    font-size: 120%;
}

.siteContainer .container .accordion .submenuItems .box .telBox .telArea .telNo {
    margin: 0 0 15px;
}

.siteContainer .container .accordion .submenuItems .box .telBox .telArea .reception {
    width: 100%;
    margin: 60px 0 15px;
    padding: 15px 30px 10px;
    border: 1px solid #CCCCCC;
    background: #F0F0F0;
    position: relative;
}

.siteContainer .container .accordion .submenuItems .box .telBox .telArea .reception02 {
    width: 100%;
    margin: 30px 0 15px;
    padding: 15px 30px;
    border: 1px solid #CCCCCC;
    background: #F0F0F0;
}

.siteContainer .container .accordion .submenuItems .box .telBox .telArea .reception .btn {
    position: absolute;
    top: -55px;
    left: 30px;
}

.siteContainer .container .accordion .submenuItems .box .telBox .telArea .reception h4 {
    width: 70px;
    float: left;
}

.siteContainer .container .accordion .submenuItems .box .telBox .telArea .reception02 h4 {
    width: 70px;
    float: left;
}

.siteContainer .container .accordion .submenuItems .box .telBox .telArea .reception dl, .siteContainer .container .accordion .submenuItems .box .telBox .telArea .reception02 dl {
    margin: 0 0 0 75px;
}

.siteContainer .container .accordion .submenuItems .box .telBox .telArea .reception dl dt, .siteContainer .container .accordion .submenuItems .box .telBox .telArea .reception02 dl dt {
    width: 60px;
    float: left;
}

.siteContainer .container .accordion .submenuItems .box .telBox .telArea .reception dl dd, .siteContainer .container .accordion .submenuItems .box .telBox .telArea .reception02 dl dd {
    width: 120px;
    float: left;
}

.siteContainer .container .accordion .submenuItems a {
    display: block;
    color: #727272;
    padding: 12px 30px 12px 65px;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

@media screen and (max-width: 980px) {
    .siteContainer .container .accordion .submenuItems a {
        padding: 12px 15px 12px 15px;
    }
}

.siteContainer .container .accordion .submenuItems a:hover {
    background-color: #E1F2F9;
}

.siteContainer .container .accordion .submenuItems .icon-key {
    display: block;
    color: #727272;
    padding: 12px 30px 12px 65px;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.siteContainer .container .accordion .submenuItems .icon-key--flex {
    padding: 12px 25px 12px 65px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media screen and (max-width: 980px) {
    .siteContainer .container .accordion .submenuItems .icon-key--flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media screen and (max-width: 980px) {
    .siteContainer .container .accordion .submenuItems .icon-key {
        padding: 12px 15px 12px 15px;
    }
}

.siteContainer .container .accordion .submenuItems .icon-key p {
    width: 100%;
    position: relative;
}

.siteContainer .container .accordion .submenuItems .icon-key p.bef {
    display: block;
    padding: 12px 30px 12px 40px;
}

@media screen and (max-width: 980px) {
    .siteContainer .container .accordion .submenuItems .icon-key p.bef {
        padding: 5px 20px 5px 20px;
    }
}

.siteContainer .container .accordion .submenuItems .icon-key p.bef:before {
    content: "";
    background: url(../img/icon_key.png) no-repeat;
    background-size: contain;
    position: absolute;
    width: 26px;
    height: 28px;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: auto;
}

@media screen and (max-width: 980px) {
    .siteContainer .container .accordion .submenuItems .icon-key p.bef:before {
        width: 15px;
        height: 18px;
    }
}

.siteContainer .container .accordion .submenuItems .icon-key p.aft {
    padding: 12px 30px 12px 40px;
}

@media screen and (max-width: 980px) {
    .siteContainer .container .accordion .submenuItems .icon-key p.aft {
        padding: 5px 20px 5px 20px;
    }
}

.siteContainer .container .accordion .submenuItems .icon-key p.aft:after {
    font-family: 'Font Awesome 5 Solid';
    content: "\f0da";
    position: absolute;
    font-size: 200%;
    right: 7px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #2B84C1;
}

@media screen and (max-width: 980px) {
    .siteContainer .container .accordion .submenuItems .icon-key p.aft:after {
        right: 0;
    }
}

.siteContainer .container .accordion .submenuItems .icon-key p.btnWrap {
    width: 100%;
    text-align: center !important;
}

.siteContainer .container .accordion .submenuItems .icon-key p.btnWrap a {
    font-size: 112.5%;
    font-weight: bold;
    color: #fff;
    display: block;
    background-color: #FF9900;
}

.siteContainer .container .accordion .submenuItems .icon-key p.btnWrap a.btn {
    padding: 11px;
    position: relative;
}

.siteContainer .container .accordion .submenuItems .icon-key p.btnWrap a.btn:after {
    font-family: 'Font Awesome 5 Solid';
    content: "\f0da";
    position: absolute;
    font-size: 170%;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
}

.siteContainer .container .accordion .submenuItems .icon-key p.btnWrap a.btn:hover {
    background-color: #FF9900;
    opacity: .6;
}

.siteContainer .bnr {
    max-width: 970px;
    width: 100%;
    margin: 0 auto 50px;
    padding: 0 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.siteContainer .bnr__item {
    width: 32%;
    margin-right: 2%;
}

@media screen and (max-width: 540px) {
    .siteContainer .bnr__item {
        width: 49%;
        margin-bottom: 10px;
        margin-right: 2%;
    }
    .siteContainer .bnr__item:nth-child(2n) {
        margin-right: 0;
    }
    .siteContainer .bnr__item:nth-child(3n) {
        margin-right: 0;
    }
}

.siteContainer .bnr__item:nth-child(3n) {
    margin-right: 0;
}



/* sp（バナー×1） */

.siteContainer .bnrone {
    max-width: 970px;
    width: 100%;
    margin: 0 auto 50px;
    padding: 0 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.siteContainer .bnrone__item {
    width: 95%;
}

@media screen and (max-width: 540px) {
    .siteContainer .bnrone__item {
        width: 95%;
        margin-bottom: 10px;
    }