@charset "UTF-8";
/* -------------------------------------------------------------
Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets
List of CSS3 Sass Mixins File to be @imported and @included as you need
The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
ENDING css files
note: All CSS3 Properties are being supported by Safari 5
more info: http://www.findmebyip.com/litmus/#css3-properties
------------------------------------------------------------- */
.no-gutter > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
}

html, body {
    font-size: 15px;
    font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    -webkit-font-smoothing: antialiased;
    color: #1A1311;
}

/*240701Footerリンク部分赤点線枠を消す*/
.footer .footer__list .footer__list__col ul li a {
    outline: none !important;
}

@media only screen and (max-width : 920px) {
    html, body {
        font-size: 14px;
    }
}
@media only screen and (max-width : 767px) {
    html, body {
        font-size: 12px;
    }
}

@font-face {
    font-family: "Noto Sans Japanese";
    src: url("/mt-static/support/theme_static/watahan_theme/font/NotoSansCJKjp-Light.eot");
    src: url("/mt-static/support/theme_static/watahan_theme/font/NotoSansCJKjp-Light.eot?#iefix") format("embedded-opentype"), url("/mt-static/support/theme_static/watahan_theme/font/NotoSansCJKjp-Light.woff") format("woff"), url("/mt-static/support/theme_static/watahan_theme/font/NotoSansCJKjp-Light.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: "Noto Sans Japanese";
    src: url("/mt-static/support/theme_static/watahan_theme/font/NotoSansCJKjp-Regular.eot");
    src: url("/mt-static/support/theme_static/watahan_theme/font/NotoSansCJKjp-Regular.eot?#iefix") format("embedded-opentype"), url("/mt-static/support/theme_static/watahan_theme/font/NotoSansCJKjp-Regular.woff") format("woff"), url("/mt-static/support/theme_static/watahan_theme/font/NotoSansCJKjp-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Noto Sans Japanese";
    src: url("/mt-static/support/theme_static/watahan_theme/font/NotoSansCJKjp-Bold.eot");
    src: url("/mt-static/support/theme_static/watahan_theme/font/NotoSansCJKjp-Bold.eot?#iefix") format("embedded-opentype"), url("/mt-static/support/theme_static/watahan_theme/font/NotoSansCJKjp-Bold.woff") format("woff"), url("/mt-static/support/theme_static/watahan_theme/font/NotoSansCJKjp-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: "Noto Sans Japanese";
    src: url("/mt-static/support/theme_static/watahan_theme/font/NotoSansCJKjp-Black.eot");
    src: url("/mt-static/support/theme_static/watahan_theme/font/NotoSansCJKjp-Black.eot?#iefix") format("embedded-opentype"), url("/mt-static/support/theme_static/watahan_theme/font/NotoSansCJKjp-Black.woff") format("woff"), url("/mt-static/support/theme_static/watahan_theme/font/NotoSansCJKjp-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
}
body {
    overflow-x: hidden;
}
body.menu-active {
    overflow: hidden;
}

a {
    -webkit-transition: 0.3s;
    -khtml-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
a:hover {
    text-decoration: none;
    opacity: 0.8;
}

ul, ol, p {
    padding: 0;
    margin: 0;
}

h1, h2, h3, h4, h5 {
    margin: 0;
}

* {
    margin: 0;
}

img {
    max-width: 100%;
}

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

.text-center {
    text-align: center;
}

.hidden-xs {
    display: block;
}
@media only screen and (max-width : 767px) {
    .hidden-xs {
        display: none;
    }
}

.visible-xs {
    display: none;
}
@media only screen and (max-width : 767px) {
    .visible-xs {
        display: block;
    }
}

.global-header {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 5;
    width: 100%;
    background: #fff;
    font-weight: bold;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    font-size: 0.9375rem;
}
@media only screen and (max-width : 767px) {
    .global-header {
        font-size: 18px;
    }
}
.global-header ul li {
    display: inline-block;
    margin-right: 25px;
}
@media screen and (max-width: 1020px) {
    .global-header ul li {
        margin-right: 20px;
    }
}
@media only screen and (max-width : 920px) {
    .global-header ul li {
        margin-right: 10px;
    }
}
@media only screen and (max-width : 767px) {
    .global-header ul li {
        display: block;
        margin: 0 0 40px;
        padding-left: 15px;
    }
    .global-header ul li:last-child {
        margin-bottom: 0;
    }
}
@media screen and (max-height: 375px) {
    .global-header ul li {
        margin-bottom: 30px;
    }
}
@media screen and (max-height: 320px) {
    .global-header ul li {
        margin-bottom: 20px;
    }
}
.global-header ul li:last-child {
    margin-right: 0;
}
.global-header ul li:first-child {
    display: none;
}
@media only screen and (max-width : 767px) {
    .global-header ul li:first-child {
        display: block;
    }
}
.global-header a {
    color: #1A1311;
    font-weight: 900;
}
@media only screen and (max-width : 767px) {
    .global-header a {
        color: #0066A5;
    }
}
.global-header img {
    display: block;
}
.global-header .inner {
    max-width: 1440px;
    padding: 0 50px;
    margin: auto;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}
@media screen and (max-width: 1050px) {
    .global-header .inner {
        width: 920px;
        padding: 0;
    }
}
@media only screen and (max-width : 920px) {
    .global-header .inner {
        width: 100%;
        padding: 0 15px;
    }
}
.global-header .global-header-logo {
    margin-right: auto;
}
@media only screen and (max-width : 767px) {
    .global-header .global-header-logo img {
        height: 50px;
    }
}
.global-header .global-header-navi {
    text-align: right;
}
.global-header .global-header-navi .icon-bear-sp {
    display: none;
}
.global-header .global-header-navi .icon-close {
    display: none;
}
@media only screen and (max-width : 767px) {
    .global-header .global-header-navi {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #fff;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        text-align: left;
        z-index: -1;
        transform: translateX(100%);
        transition: 0.5s;
    }
    .global-header .global-header-navi.active {
        transform: translateX(0);
        z-index: 2;
    }
    .global-header .global-header-navi .icon-bear-sp {
        display: block;
        position: absolute;
        -webkit-transform: scaleX(-1);
        -khtml-transform: scaleX(-1);
        -moz-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        transform: scaleX(-1);
        right: -17px;
        bottom: 88px;
        width: 110px;
    }
    .global-header .global-header-navi .icon-close {
        display: block;
        position: absolute;
        top: 15px;
        right: 15px;
        width: 18px;
    }
}
.global-header .global-header-navi-sp-btn {
    display: none;
}
@media only screen and (max-width : 767px) {
    .global-header .global-header-navi-sp-btn {
        display: block;
    }
}

body.no-scroll {
    overflow: hidden;
}

.container {
    width: 920px;
    margin: auto;
}
@media only screen and (max-width : 920px) {
    .container {
        width: 100%;
        padding: 0 15px;
    }
}

.content-main {
    /*padding-top: 80px;*/




    padding-top: 50px;
}
@media only screen and (max-width : 767px) {
    .content-main {
        /*padding-top: 50px;*/
        padding-top: 35px;
    }
}
.content-main .breadcrumb {
    font-weight: bold;
    margin-bottom: 29px;
}
@media only screen and (max-width : 767px) {
    .content-main .breadcrumb {
        font-size: 14px;
        margin-bottom: 38px;
    }
}
.content-main .breadcrumb a {
    color: #0066A5;
}
.content-main .breadcrumb li {
    display: inline;
    margin-right: 6px;
    word-break: break-word;
}
.content-main .breadcrumb li + li::before {
    content: "＞";
    padding-right: 15px;
    color: #242424;
    display: inline-block;
}
@media only screen and (max-width : 767px) {
    .content-main .breadcrumb li + li::before {
        padding-right: 11px;
    }
}
@media only screen and (max-width : 767px) {
    .content-main .breadcrumb li {
        font-size: 14px;
    }
}
.content-main h2.page-title {
    font-size: 1.5rem;
    color: #0066A5;
    margin-bottom: 22px;
    font-weight: bold;
}
@media only screen and (max-width : 767px) {
    .content-main h2.page-title {
        font-size: 24px;
        margin-bottom: 11px;
    }
}
.content-main .top-common-btn {
    border-radius: 20px;
    font-size: 1.125rem;
    padding: 11px 17px;
    display: inline-block;
    background: #0066A5;
    font-weight: bold;
    color: #fff;
    min-width: 160px;
    text-align: center;
}
@media only screen and (max-width : 767px) {
    .content-main .top-common-btn {
        font-size: 18px;
    }
}

.child-page .bg-header,.child-page .bg-headerIn {
    height: 290px;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-size: 2.5rem;
    color: #fff;
    font-weight: 900;
}
@media only screen and (max-width : 767px) {
    .child-page .bg-header,.child-page .bg-headerIn {
        height: 150px;
        font-size: 24px;
    }
}
.child-page .bg-header span,.child-page .bg-headerIn span {
    position: relative;
    z-index: 1;
    text-align: center;
    line-height: 1.4;
}
.child-page .bg-header span small,.child-page .bg-headerIn span small {
    font-size: 1.25rem;
    display: block;
    font-weight: bold;
    line-height: 1.6;
    margin-top: 20px;
}
@media only screen and (max-width : 767px) {
    .child-page .bg-header span small,.child-page .bg-headerIn span small {
        font-size: 14px;
        margin-top: 10px;
    }
}
.child-page .bg-header:after{
    content: "";
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}
.child-page .bg-headerIn:after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}


.child-page-2-block.detail-page__content .child-page--left {
    width: 69.4%;
    margin: 0;
}
@media only screen and (max-width : 767px) {
    .child-page-2-block.detail-page__content .child-page--left {
        width: 100%;
    }
}
.child-page-2-block .child-page--left {
    width: 71.6%;
    float: left;
    margin: 0 -15px;
}
@media only screen and (max-width : 767px) {
    .child-page-2-block .child-page--left {
        width: 100%;
        float: none;
        margin: 0;
    }
}
.child-page-2-block .child-page--left .no-content {
    padding: 0 15px;
    font-size: 1.125rem;
}
@media only screen and (max-width : 767px) {
    .child-page-2-block .child-page--left .no-content {
        padding: 0;
        font-size: 16px;
    }
}
.child-page-2-block .child-page--left .pagination {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 0 15px;
}
@media only screen and (max-width : 767px) {
    .child-page-2-block .child-page--left .pagination {
        padding: 0;
    }
}
.child-page-2-block .child-page--left .pagination a {
    font-size: 1.25rem;
    color: #333333;
    border: 2px solid #DDDDDD;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    padding: 11px 28px;
}
.child-page-2-block .child-page--left .pagination a.next {
    margin-left: auto;
}
@media only screen and (max-width : 767px) {
    .child-page-2-block .child-page--left .pagination a {
        padding: 10.5px 14px;
    }
}
.child-page-2-block .child-page--right {
    width: 26.305%;
    float: right;
}
@media only screen and (max-width : 767px) {
    .child-page-2-block .child-page--right {
        width: 100%;
        float: none;
        margin-top: 30px;
    }
}
.child-page-2-block .sidebar-list .sidebar-list__block + .sidebar-list__block {
    margin-top: 60px;
}

.child-page-2-block .sidebar-list .sidebar-list__block h3 {
    font-size: 1.25rem;
    color: #0066A5;
    font-weight: bold;
}
@media only screen and (max-width : 767px) {
    .child-page-2-block .sidebar-list .sidebar-list__block h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }
}
.child-page-2-block .sidebar-list .sidebar-list__block .list {
    margin-top: 20px;
}
@media only screen and (max-width : 767px) {
    .child-page-2-block .sidebar-list .sidebar-list__block .list {
        display: none !important;
    }
}
.child-page-2-block .sidebar-list .sidebar-list__block .list li {
    font-size: 0.875rem;
    font-weight: bold;
    border-bottom: 1px solid #CCCCCC;
    padding: 17px 0 15px;
}
.child-page-2-block .sidebar-list .sidebar-list__block .list li a {
    color: #1A1311;
}
.child-page-2-block .sidebar-list .sidebar-list__block .list li a.active {
    color: #0066A5;
}
.child-page-2-block .sidebar-list .sidebar-list__block .list li.list-has-child {
    padding: 0;
}
.child-page-2-block .sidebar-list .sidebar-list__block .list li.list-has-child span {
    display: block;
    padding: 17px 0 15px;
    position: relative;
    cursor: pointer;
}
.child-page-2-block .sidebar-list .sidebar-list__block .list li.list-has-child span:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 8px solid #0066A5;
}
.child-page-2-block .sidebar-list .sidebar-list__block .list li.list-has-child ul {
    display: none;
}
.child-page-2-block .sidebar-list .sidebar-list__block .list li.list-has-child ul li {
    border: none;
    padding: 10px 0;
}
.child-page-2-block .sidebar-list .sidebar-list__block .list li.list-has-child ul li:first-child {
    border-top: 1px solid #CCCCCC;
    padding-top: 20px;
}
.child-page-2-block .sidebar-list .sidebar-list__block .list li.list-has-child ul li:last-child {
    padding-bottom: 20px;
}
.child-page-2-block .sidebar-list .sidebar-list__block .list li:first-child {
    border-top: 1px solid #CCCCCC;
}
.child-page-2-block .sidebar-list .sidebar-list__block .select-category {
    display: none;
}
@media only screen and (max-width : 767px) {
    .child-page-2-block .sidebar-list .sidebar-list__block .select-category {
        display: block;
        background-color: #fff;
        padding: 0 15px;
        border: 2px solid #0066A5;
        color: #0066A5;
        font-weight: bold;
        -webkit-border-radius: 8px;
        -khtml-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
        border-radius: 8px;
        width: 100%;
        height: 50px;
        font-size: 16px;
    }
}

.top-store-search {
    background: #fff url("https://watahan.pro/images/top-service-bg.png") repeat center;
    font-size: 1.125rem;
    font-weight: bold;
    padding: 62px 0 78px;
}
@media only screen and (max-width : 767px) {
    .top-store-search {
        padding: 40px 0 15px;
    }
}
.top-store-search h2 {
    display: inline-block;
    background: url("https://watahan.pro/images/top-search-bg-title.svg") no-repeat center;
    background-size: cover;
    width: 295px;
    height: 64px;
    line-height: 64px;
    color: #fff;
    font-size: 1.625rem;
    font-weight: 900;
}
@media only screen and (max-width : 767px) {
    .top-store-search h2 {
        width: 239px;
        height: 51px;
        line-height: 51px;
        font-size: 18px;
    }
}
.top-store-search .top-search__btn-wrap {
    position: relative;
    margin: 46px -5px 0;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media only screen and (max-width : 767px) {
    .top-store-search .top-search__btn-wrap {
        flex-wrap: wrap;
        margin: 31px 0 0;
    }
}
@media only screen and (max-width : 600px) {
    .top-store-search .top-search__btn-wrap {
        max-width: 300px;
        margin-right: auto;
        margin-left: auto;
    }
}
.top-store-search .top-search__btn-wrap a {
    display: block;
    background: #1A1311;
    color: #fff;
    font-size: 15px;
    padding: 16px 0;
    margin: 0 5px;
    width: 90px;
    float: left;
    cursor: pointer;
}
.top-store-search .top-search__btn-wrap a.online {
    width: 170px;
    background: #0066a5;
}
.top-store-search .top-search__btn-wrap a.active {
    background: #0066A5;
}
.top-store-search .top-search__btn-wrap a.online.active {
    background: #2f80b0;
}
#online_link{
    margin-top: -180px;
    padding-top: 180px;
}
@media only screen and (max-width : 920px) {
    .top-store-search .top-search__btn-wrap a {
        width: 80px;
    }
}
@media only screen and (max-width : 767px) {
    .top-store-search .top-search__btn-wrap a {
        width: 106px;
        margin: 0 10px 15px;
    }
    .top-store-search .top-search__btn-wrap a.online {
        width: 230px;
    }
    #online_link{
        display: block;
        margin-top: -110px;
        padding-top: 110px;
    }
}

.section-title {
    position: relative;
    display: inline-block;
    font-size: 2.5rem;
    font-weight: 900;
    padding: 0 25px;
    margin-bottom: 50px;
}
@media only screen and (max-width : 767px) {
    .section-title {
        margin-bottom: 30px;
        font-size: 24px;
    }
}
.section-title small {
    font-size: 1.25rem;
    display: block;
    margin-top: 6px;
    color: #0066A5;
}
@media only screen and (max-width : 767px) {
    .section-title small {
        font-size: 10px;
    }
}
.section-title > img {
    position: absolute;
    top: 0;
}
@media only screen and (max-width : 767px) {
    .section-title > img {
        width: 36px;
    }
}
.section-title > img.section-title--left {
    left: -60px;
}
@media only screen and (max-width : 767px) {
    .section-title > img.section-title--left {
        left: -20px;
    }
}
.section-title > img.section-title--right {
    right: -60px;
}
@media only screen and (max-width : 767px) {
    .section-title > img.section-title--right {
        right: -20px;
    }
}

.common-blog-list .top-blog__list {
    margin: 0 -20px 50px;
}
@media only screen and (max-width : 920px) {
    .common-blog-list .top-blog__list {
        margin: 0 -10px 50px;
    }
}
@media only screen and (max-width : 600px) {
    .common-blog-list .top-blog__list {
        margin-bottom: 40px;
    }
}
.common-blog-list .top-blog__list .top-blog__item {
    float: left;
    width: 25%;
    padding: 0 20px;
    text-align: left;
}
@media only screen and (max-width : 920px) {
    .common-blog-list .top-blog__list .top-blog__item {
        padding: 0 10px;
    }
}
@media only screen and (max-width : 600px) {
    .common-blog-list .top-blog__list .top-blog__item {
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }
    .common-blog-list .top-blog__list .top-blog__item:first-child .top-blog__item__thumb {
        height: 200px;
        padding-top: 0;
    }
    .common-blog-list .top-blog__list .top-blog__item:first-child .top-blog__item__thumb h3 {
        top: initial;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        line-height: 1.6;
    }
}
.common-blog-list .top-blog__list .top-blog__item a {
    color: #fff;
}
.common-blog-list .top-blog__list .top-blog__item .top-blog__item__date {
    font-size: 0.875rem;
    margin-bottom: 10px;
    color: #fff;
}
@media only screen and (max-width : 767px) {
    .common-blog-list .top-blog__list .top-blog__item .top-blog__item__date {
        font-size: 14px;
    }
}
.common-blog-list .top-blog__list .top-blog__item .top-blog__item__thumb {
    border-radius: 8px;
    height: 203px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
}
.common-blog-list .top-blog__list .top-blog__item .top-blog__item__thumb.no-image {
    background-size: contain;
    background-color: #fff;
}
@media only screen and (max-width : 920px) {
    .common-blog-list .top-blog__list .top-blog__item .top-blog__item__thumb {
        height: auto;
        padding-top: 100%;
    }
}
@media only screen and (max-width : 600px) {
    .common-blog-list .top-blog__list .top-blog__item .top-blog__item__thumb {
        height: 100px;
        padding-top: 0;
    }
}
.common-blog-list .top-blog__list .top-blog__item .top-blog__item__thumb h3 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 0 0 8px 8px;
    font-size: 0.9rem;
    font-weight: bold;
    padding: 17px 20px;
    line-height: 1.6;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media only screen and (max-width : 600px) {
    .common-blog-list .top-blog__list .top-blog__item .top-blog__item__thumb h3 {
        top: 0;
        font-size: 16px;
        border-radius: 8px;
        line-height: 66px;
    }
}
.common-blog-list .no-content {
    margin-bottom: 50px;
    font-size: 1.125rem;
}
@media only screen and (max-width : 767px) {
    .common-blog-list .no-content {
        margin-bottom: 20px;
        font-size: 16px;
    }
}

.section-title-leaf {
    text-align: center;
}
.section-title-leaf h2 {
    position: relative;
    display: inline-block;
    font-size: 2.5rem;
    font-weight: 900;
    padding: 10px 85px;
    margin-bottom: 30px;
}
@media only screen and (max-width : 767px) {
    .section-title-leaf h2 {
        font-size: 24px;
        padding: 0 46px;
        line-height: 1.3;
    }
}
.section-title-leaf h2 > img {
    position: absolute;
    top: 0;
}
@media only screen and (max-width : 767px) {
    .section-title-leaf h2 > img {
        width: 36px;
    }
}
.section-title-leaf h2 > img.section-title--left {
    left: 0;
}
.section-title-leaf h2 > img.section-title--right {
    right: 0;
}

.footer {
    background-color: #1A1311;
    font-size: 0.875rem;
    color: #fff;
    padding: 60px 0 40px;
}
@media only screen and (max-width : 767px) {
    .footer {
        font-size: 12px;
        padding: 20px 0 40px;
    }
}
.footer a {
    color: #fff;
}
.footer .footer__list {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    margin-bottom: 35px;
}
@media only screen and (max-width : 767px) {
    .footer .footer__list {
        flex-direction: column;
        margin-bottom: 18px;
    }
}
@media only screen and (max-width : 767px) {
    .footer .footer__list .footer__list__col {
        position: relative;

    }
    .footer .footer__list .footer__list__col:after {
        content: "";
        position: absolute;
        height: 1px;
        width: 100%;
        left: 0;
        bottom: 0;
        background-color: #888888;
        opacity: 0.3;
    }
}
.footer .footer__list .footer__list__col h3 {
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 30px;
}
@media only screen and (max-width : 767px) {
    .footer .footer__list .footer__list__col h3 {
        margin-bottom: 0;
        position: relative;
        padding: 15px 0;
    }
    .footer .footer__list .footer__list__col h3:before {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%) rotate(90deg);
        -khtml-transform: translateY(-50%) rotate(90deg);
        -moz-transform: translateY(-50%) rotate(90deg);
        -ms-transform: translateY(-50%) rotate(90deg);
        -o-transform: translateY(-50%) rotate(90deg);
        transform: translateY(-50%) rotate(90deg);
        background: url("https://watahan.pro/images/icon-btn-rightarrow-white.svg") no-repeat center;
        background-size: cover;
        width: 5px;
        height: 9px;
    }
}
.footer .footer__list .footer__list__col b {
    font-weight: bold;
}
.footer .footer__list .footer__list__col .footer__list__col.footer__list__col--last {
    margin-top: 30px;
}
@media only screen and (max-width : 767px) {
    .footer .footer__list .footer__list__col .footer__list__col.footer__list__col--last {
        margin-top: 0;
    }
}
@media only screen and (max-width : 767px) {
    .footer .footer__list .footer__list__col ul {
        display: none;
        padding-left: 30px;
    }
}
.footer .footer__list .footer__list__col ul li {
    margin-bottom: 20px;
}
@media only screen and (max-width : 767px) {
    .footer .footer__list .footer__list__col ul li {
        position: relative;
    }
}
.footer .footer__copy-right {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    font-size: 0.75rem;
}
@media only screen and (max-width : 767px) {
    .footer .footer__copy-right {
        flex-direction: column;
        font-size: 9px;
    }
}
.footer .footer__copy-right img {
    margin-right: 70px;
}
@media only screen and (max-width : 767px) {
    .footer .footer__copy-right img {
        margin-right: 0;
        width: 49px;
        margin-bottom: 11px;
    }
}
.footer .footer__copy-right ul, .footer .footer__copy-right p {
    -webkit-transform: translateY(5px);
    -khtml-transform: translateY(5px);
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -o-transform: translateY(5px);
    transform: translateY(5px);
}
.footer .footer__copy-right ul {
    margin-right: auto;
}
@media only screen and (max-width : 767px) {
    .footer .footer__copy-right ul {
        margin: 0 -15px 15px;
        letter-spacing: -1px;
    }
}
.footer .footer__copy-right ul li {
    display: inline-block;
}
.footer .footer__copy-right ul li + li::before {
    content: "|";
    display: inline-block;
    padding: 0 25px;
}
@media only screen and (max-width : 920px) {
    .footer .footer__copy-right ul li + li::before {
        padding: 0 15px;
    }
}
@media only screen and (max-width : 767px) {
    .footer .footer__copy-right ul li + li::before {
        padding: 0 5px;
    }
}

.line-list .line-list__top {
    background-color: #fff;
    padding-top: 29px;
    padding-bottom: 43px;
}
@media only screen and (max-width : 767px) {
    .line-list .line-list__top {
        padding-top: 20px;
        padding-bottom: 34px;
    }
}
.line-list .line-list__top p {
    font-weight: bold;
    font-size: 1.125rem;
    line-height: 1.7;
}
@media only screen and (max-width : 767px) {
    .line-list .line-list__top p {
        font-size: 18px;
    }
}
.line-list .line-list__top p span {
    color: #0066A5;
    display: block;
    margin-top: 6px;
}
.line-list .line-list__content {
    font-weight: bold;
    padding: 40px 0 20px;
}
@media only screen and (max-width : 767px) {
    .line-list .line-list__content {
        padding: 30px 0 0;
    }
}
.line-list .line-list__content h2 {
    color: #0066A5;
    font-size: 1.5rem;
    margin-bottom: 26px;
}
@media only screen and (max-width : 767px) {
    .line-list .line-list__content h2 {
        font-size: 24px;
    }
}
.line-list .line-list__content .line-list__content__area {
    margin-bottom: 18px;
}
@media only screen and (max-width : 767px) {
    .line-list .line-list__content .line-list__content__area {
        margin-bottom: 12px;
    }
}
.line-list .line-list__content .line-list__content__block {
    margin-bottom: 6px;
}
@media only screen and (max-width : 767px) {
    .line-list .line-list__content .line-list__content__block {
        margin-bottom: 13px;
    }
}
.line-list .line-list__content .line-list__content__block h3 {
    font-size: 1.125rem;
    color: #0066A5;
    margin-bottom: 18px;
}
@media only screen and (max-width : 767px) {
    .line-list .line-list__content .line-list__content__block h3 {
        font-size: 18px;
    }
}
.line-list .line-list__content .line-list__content__block .clearfix {
    margin: 0 -10px;
}
.line-list .line-list__content .line-list__content__block .line-list__content__item {
    float: left;
    width: 25%;
    padding: 0 10px;
    margin-bottom: 20px;
}
@media only screen and (max-width : 767px) {
    .line-list .line-list__content .line-list__content__block .line-list__content__item {
        width: 50%;
        margin-bottom: 15px;
    }
}
.line-list .line-list__content .line-list__content__block .line-list__content__item p {
    margin-bottom: 10px;
    font-size: 1.125rem;
}
@media only screen and (max-width : 767px) {
    .line-list .line-list__content .line-list__content__block .line-list__content__item p {
        font-size: 16px;
    }
}
.line-list .line-list__content .line-list__content__block .line-list__content__item img {
    width: 100%;
}
@media only screen and (max-width : 767px) {
    .line-list .line-list__content .line-list__content__block .line-list__content__item img {
        max-width: 162px;
    }
}

.sitemap {
    font-size: 0.875rem;
    padding-bottom: 47px;
}
@media only screen and (max-width : 767px) {
    .sitemap {
        font-size: 14px;
        padding-bottom: 23px;
    }
}
.sitemap .breadcrumb {
    margin-top: 29px;
    margin-bottom: 53px;
    font-size: 1rem;
}
@media only screen and (max-width : 767px) {
    .sitemap .breadcrumb {
        font-size: 14px;
        margin-bottom: 40px;
    }
}
@media only screen and (max-width : 767px) {
    .sitemap .page-title {
        margin-bottom: 23px;
    }
}
.sitemap .sitemap__content a, .sitemap .sitemap__content span {
    color: #0066A5;
    font-weight: bold;
    position: relative;
    padding: 3px 0 3px 30px;
    display: inline-block;
}
@media only screen and (max-width : 767px) {
    .sitemap .sitemap__content a, .sitemap .sitemap__content span {
        line-height: 1.4;
    }
}
.sitemap .sitemap__content a:before, .sitemap .sitemap__content span:before {
    content: "";
    position: absolute;
    left: 0;
    -webkit-transform: translateY(-1px);
    -khtml-transform: translateY(-1px);
    -moz-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    -o-transform: translateY(-1px);
    transform: translateY(-1px);
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 8px solid #1A1311;
}
@media only screen and (max-width : 767px) {
    .sitemap .sitemap__content a:before, .sitemap .sitemap__content span:before {
        -webkit-transform: translateY(2px);
        -khtml-transform: translateY(2px);
        -moz-transform: translateY(2px);
        -ms-transform: translateY(2px);
        -o-transform: translateY(2px);
        transform: translateY(2px);
    }
}
.sitemap .sitemap__content .sitemap__item--n-arrow {
    padding-left: 0;
}
.sitemap .sitemap__content .sitemap__item--n-arrow:before {
    display: none;
}
.sitemap .sitemap__content .sitemap__item--black {
    color: #1A1311;
    padding-left: 20px;
}
@media only screen and (max-width : 767px) {
    .sitemap .sitemap__content .sitemap__item--black {
        padding-left: 17px;
    }
}
.sitemap .sitemap__content .sitemap__item--top {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 9px 0;
}
@media only screen and (max-width : 767px) {
    .sitemap .sitemap__content .sitemap__item--top {
        padding: 3px 0;
    }
}
.sitemap .sitemap__content .sitemap__item--top a {
    padding-left: 20px;
}
.sitemap .sitemap__content .sitemap__item--top a:before {
    border-left-color: #0066A5;
}
.sitemap .sitemap__content .sitemap__item__block:last-child ul {
    border-bottom: none;
}
.sitemap .sitemap__content .sitemap__item__block ul {
    border-bottom: 1px solid #ccc;
    padding-top: 9px;
}
@media only screen and (max-width : 767px) {
    .sitemap .sitemap__content .sitemap__item__block ul {
        padding-top: 3px;
    }
}
.sitemap .sitemap__content .sitemap__item__block ul li {
    padding-left: 180px;
    padding-bottom: 9px;
}
@media only screen and (max-width : 767px) {
    .sitemap .sitemap__content .sitemap__item__block ul li {
        padding-bottom: 3px;
        padding-left: 38px;
    }
}
.sitemap .sitemap__content .sitemap__item__block ul li.child-site {
    padding-left: 270px;
}
@media only screen and (max-width : 767px) {
    .sitemap .sitemap__content .sitemap__item__block ul li.child-site {
        padding-left: 76px;
    }
}
.sitemap .sitemap__content .sitemap__item__block ul a, .sitemap .sitemap__content .sitemap__item__block ul span {
    color: #1A1311;
}
@media only screen and (max-width : 767px) {
    .sitemap .sitemap__content .sitemap__item__block ul a, .sitemap .sitemap__content .sitemap__item__block ul span {
        padding-bottom: 0;
    }
}
.sitemap .sitemap__content .sitemap__item__block .sitemap__item__block__top {
    border-bottom: 1px solid #ccc;
    padding: 9px 0 9px 90px;
}
@media only screen and (max-width : 767px) {
    .sitemap .sitemap__content .sitemap__item__block .sitemap__item__block__top {
        padding: 3px 0 3px 20px;
    }
}

.top-page {
    position: relative;
}
.top-page:after {
    content: "";
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: url("https://watahan.pro/images/top-full-bg.jpg") no-repeat center;
    background-size: cover;
    top: 0;
    left: 0;
    z-index: -10;
}
.top-page.change-bg:after {
    background: #fff;
}
.top-page .banner {
    position: relative;
}
.top-page .banner .banner__slider.slick-dotted.slick-slider {
    margin-bottom: 0;
    margin-top: 30px;/* 200925 dotcom追加*/
}
@media only screen and (max-width : 767px) {/* 200925 dotcom追加*/
    .top-page .banner .banner__slider.slick-dotted.slick-slider {
        margin-bottom: 0;
        margin-top: 15px;
    }
}
.top-page .banner .banner__slider .slick-dots {
    bottom: -40px;
}
@media only screen and (max-width : 767px) {
    .top-page .banner .banner__slider .slick-dots {
        bottom: -25px;
    }
}
.top-page .banner .banner__slider .slick-dots li {
    width: auto;
    height: auto;
    margin: 0 9px;
}
@media only screen and (max-width : 767px) {
    .top-page .banner .banner__slider .slick-dots li {
        margin: 0 5px;
    }
}
.top-page .banner .banner__slider .slick-dots li.slick-active button {
    background-color: #0066A5;
}
.top-page .banner .banner__slider .slick-dots li button {
    padding: 0;
    width: 15px;
    height: 15px;
    background-color: #ccc;
    border-radius: 100%;
}
@media only screen and (max-width : 767px) {
    .top-page .banner .banner__slider .slick-dots li button {
        width: 10px;
        height: 10px;
    }
}
.top-page .banner .banner__slider .slick-dots li button:before {
    display: none;
}
.top-page .banner .banner__slider__arrow {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.top-page .banner .banner__slider__arrow .container {
    position: relative;
    height: 0px;/* 200925 dotcom変更 height: 60px;*/
}
@media screen and (max-width: 980px) {
    .top-page .banner .banner__slider__arrow .container {
        height: 0px;/* 200925 dotcom変更 height: 50px;*/
    }
}
@media only screen and (max-width : 767px) {
    .top-page .banner .banner__slider__arrow .container {
        height: 0px;/* 200925 dotcom変更 height: 30px;*/
    }
}
.top-page .banner .banner__slider__arrow .container .slick-arrow {
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    border: none;
    background-color: rgba(255, 255, 255, 0.8);
    cursor: pointer;
    -webkit-transition: 0.3s;
    -khtml-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    outline: none;
}
@media screen and (max-width: 980px) {
    .top-page .banner .banner__slider__arrow .container .slick-arrow {
        width: 50px;
        height: 50px;
    }
}
@media only screen and (max-width : 767px) {
    .top-page .banner .banner__slider__arrow .container .slick-arrow {
        width: 30px;
        height: 30px;
    }
    .top-page .banner .banner__slider__arrow .container .slick-arrow img {
        height: 10px;
    }
}
.top-page .banner .banner__slider__arrow .container .slick-arrow:hover {
    background-color: white;
}
.top-page .banner .banner__slider__arrow .container .slick-arrow.banner__slider__prev {
    left: -30px;
}
@media screen and (max-width: 980px) {
    .top-page .banner .banner__slider__arrow .container .slick-arrow.banner__slider__prev {
        left: 15px;
    }
}
.top-page .banner .banner__slider__arrow .container .slick-arrow.banner__slider__next {
    right: -30px;
}
@media screen and (max-width: 980px) {
    .top-page .banner .banner__slider__arrow .container .slick-arrow.banner__slider__next {
        right: 15px;
    }
}
.top-page .banner > .container {
    position: relative;
}
.top-page .banner > .container .banner__icon {
    position: absolute;
    right: -120px;
    bottom: -130px;/* 200918 dotcom変更 bottom: -100px;*/
}
@media only screen and (max-width: 1160px) {
    .top-page .banner > .container .banner__icon {
        right: 10px;
    }
}
@media only screen and (max-width : 767px) {
    .top-page .banner > .container .banner__icon {
        width: 77px;
        bottom: -50px;
        right: 10px;
    }
}
.top-page .banner > .container .banner__icon:hover {
    opacity: 1;
}
.wata_icon{
    animation: wata_icon 4s linear 0s 1 alternate forwards;
    animation-iteration-count: infinite;
}
@keyframes wata_icon {
    0% {
        transform: translate(0);
    }

    20% {
        transform: translate(0, 4px);
    }

    40% {
        transform: translate(0, -4px);
    }

    60% {
        transform: translate(0, 4px);
    }

    80% {
        transform: translate(0, -4px);
    }

    100% {
        transform: translate(0);
    }
}

.top-page .top-about {
    background: url("https://watahan.pro/images/top-about-bg.jpg") repeat center;
    position: relative;
    padding-bottom: 35px;
    padding-top: 44px;
    overflow: hidden;
}
.top-page .top-about .top-about__wrap {
    background: url("https://watahan.pro/images/top-about-bg-02.png") no-repeat top 45px center;
}
.top-page .top-about .top-about__wrap > img {
    position: absolute;
    top: 110px;
    left: -15px;
}
@media only screen and (max-width : 767px) {
    .top-page .top-about .top-about__wrap > img {
        height: 145px;
        left: -8px;
        top: 120px;
    }
}
.top-page .top-about .top-about__title {
    position: relative;
    display: inline-block;
    font-weight: 900;
    z-index: 0;
    padding: 0 25px;
    margin-bottom: 52px;
}
@media only screen and (max-width : 767px) {
    .top-page .top-about .top-about__title {
        margin-bottom: 40px;
    }
}
.top-page .top-about .top-about__title:after {
    content: "";
    width: 571px;
    height: 78px;
    background: url("https://watahan.pro/images/top-about-title-bg.png") no-repeat center;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
}
@media only screen and (max-width : 767px) {
    .top-page .top-about .top-about__title:after {
        display: none;
    }
}
.top-page .top-about .top-about__title .top-about__title__img--left, .top-page .top-about .top-about__title .top-about__title__img--right {
    position: absolute;
    top: 0;
}
@media only screen and (max-width : 767px) {
    .top-page .top-about .top-about__title .top-about__title__img--left, .top-page .top-about .top-about__title .top-about__title__img--right {
        width: 36px;
    }
}
.top-page .top-about .top-about__title .top-about__title__img--left {
    left: -60px;
}
@media only screen and (max-width : 767px) {
    .top-page .top-about .top-about__title .top-about__title__img--left {
        left: -20px;
    }
}
.top-page .top-about .top-about__title .top-about__title__img--right {
    right: -60px;
}
@media only screen and (max-width : 767px) {
    .top-page .top-about .top-about__title .top-about__title__img--right {
        right: -20px;
    }
}
.top-page .top-about .top-about__title .top-about__title__text {
    font-size: 2.5rem;
    margin-bottom: 6px;
    display: block;
}
@media only screen and (max-width : 767px) {
    .top-page .top-about .top-about__title .top-about__title__text {
        font-size: 24px;
    }
}
.top-page .top-about .top-about__title .top-about__title__text > span {
    color: #0066A5;
    font-size: 3.125rem;
    position: relative;
}
@media only screen and (max-width : 767px) {
    .top-page .top-about .top-about__title .top-about__title__text > span {
        font-size: 30px;
    }
}
.top-page .top-about .top-about__title .top-about__title__text > span small {
    position: absolute;
    top: -15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -khtml-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
    font-size: 0.875rem;
}
@media only screen and (max-width : 767px) {
    .top-page .top-about .top-about__title .top-about__title__text > span small {
        font-size: 10px;
    }
}
.top-page .top-about .top-about__title > small {
    font-size: 1rem;
    display: block;
    color: #0066A5;
}
@media only screen and (max-width : 767px) {
    .top-page .top-about .top-about__title > small {
        font-size: 10px;
    }
}
.top-page .top-about .top-about__title > small span {
    font-size: 1.25rem;
}
@media only screen and (max-width : 767px) {
    .top-page .top-about .top-about__title > small span {
        font-size: 12px;
    }
}
.top-page .top-about .top-about-content .container {
    position: relative;
}
.top-page .top-about .top-about-content .container > img {
    position: absolute;
    bottom: 47px;
    right: -120px;
    /*202105修正*/
}
@media only screen and (max-width : 767px) {
    .top-page .top-about .top-about-content .container > img {
        bottom: 290px;
        height: 110px;
    }
}
.top-page .top-about .top-about-content .row {
    margin: 0 -101px;
}
@media only screen and (max-width: 1160px) {
    .top-page .top-about .top-about-content .row {
        margin: 0 -50px;

    }
}
@media only screen and (max-width : 767px) {
    .top-page .top-about .top-about-content .row {
        margin: 0 -15px;
    }
    .top-page .top-about .top-about-content .row > div:nth-child(1) .top-about__item:nth-child(odd), .top-page .top-about .top-about-content .row > div:nth-child(2) .top-about__item:nth-child(odd) {
        text-align: right;
    }
    .top-page .top-about .top-about-content .row > div:nth-child(1) .top-about__item:nth-child(even), .top-page .top-about .top-about-content .row > div:nth-child(2) .top-about__item:nth-child(even) {
        text-align: left;
    }
    .top-page .top-about .top-about-content .row > div:nth-child(3) .top-about__item:nth-child(even) {
        text-align: right;
    }
    .top-page .top-about .top-about-content .row > div:nth-child(3) .top-about__item:nth-child(odd) {
        text-align: left;
    }
}
.top-page .top-about .top-about-content .top-about__item {
    display: inline-block;
    margin: 0 5px 25px;
    min-width: 260px;
}
.top-page .top-about .top-about-content .t30 {
    top:30px !important;
    /*202105修正*/
}
@media only screen and (max-width: 1160px) {
    .top-page .top-about .top-about-content .top-about__item {
        margin: 0 0 40px;
    }
}
@media only screen and (max-width : 920px) {
    .top-page .top-about .top-about-content .t30 {
        top:0 !important;
        /*202105修正*/
    }
    .top-page .top-about .top-about-content .top-about__item {
        min-width: 260px;
    }
    .top-page .top-about .top-about-content .top-about__item.top-about__item-01 p > img {
        width: 220px;
    }
    .top-page .top-about .top-about-content .top-about__item.top-about__item-02 p > img {
        width: 286px;
    }
    .top-page .top-about .top-about-content .top-about__item.top-about__item-03 p > img {
        width: 307px;
    }
    .top-page .top-about .top-about-content .top-about__item.top-about__item-04 p > img {
        width: 266px;
    }
    .top-page .top-about .top-about-content .top-about__item.top-about__item-grossarant p > img {
        width: 240px;
        /*202105修正*/
    }
    .top-page .top-about .top-about-content .top-about__item.top-about__item-05 p > img {
        width: 240px;
    }
    .top-page .top-about .top-about-content .top-about__item.top-about__item-06 p > img {
        width: 278px;
    }
    .top-page .top-about .top-about-content .top-about__item.top-about__item-07 p > img {
        width: 250px;
    }
}
@media only screen and (max-width : 767px) {
    .top-page .top-about .top-about-content .top-about__item {
        display: block;
        max-width: 375px;
        margin: 0 auto;
    }
}
.top-page .top-about .top-about-content .top-about__item > div, .top-page .top-about .top-about-content .top-about__item > a {
    display: inline-block;
    position: relative;
    height: 220px;
    min-width: 220px;
}
@media only screen and (max-width : 920px) {
    .top-page .top-about .top-about-content .top-about__item > div, .top-page .top-about .top-about-content .top-about__item > a {
        height: 200px;
        min-width: 200px;
    }
}
.top-page .top-about .top-about-content .top-about__item > div > img, .top-page .top-about .top-about-content .top-about__item > a > img {
    border: 5px solid #fff;
    border-radius: 100%;
    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.16);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 100%;
}
.top-page .top-about .top-about-content .top-about__item > div.top-about__item--top.top-about__item--top-02 p, .top-page .top-about .top-about-content .top-about__item > a.top-about__item--top.top-about__item--top-02 p {
    top: -40px;
}

@media only screen and (max-width : 767px) {
    .top-page .top-about .top-about-content .top-about__item > div.top-about__item--top.top-about__item--top-02 p, .top-page .top-about .top-about-content .top-about__item > a.top-about__item--top.top-about__item--top-02 p {
        top: 0;
    }
}
.top-page .top-about .top-about-content .top-about__item > div.top-about__item--top.top-about__item--top-03 p, .top-page .top-about .top-about-content .top-about__item > a.top-about__item--top.top-about__item--top-03 p {
    top: -20px;
}
@media only screen and (max-width : 767px) {
    .top-page .top-about .top-about-content .top-about__item > div.top-about__item--top.top-about__item--top-03 p, .top-page .top-about .top-about-content .top-about__item > a.top-about__item--top.top-about__item--top-03 p {
        top: 0;
    }
}
.top-page .top-about .top-about-content .top-about__item > div.top-about__item--bottom p, .top-page .top-about .top-about-content .top-about__item > a.top-about__item--bottom p {
    top: 100%;
    -webkit-transform: translateY(-100%);
    -khtml-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.top-page .top-about .top-about-content .top-about__item > div.top-about__item--center, .top-page .top-about .top-about-content .top-about__item > a.top-about__item--center {
    align-items: center;
}
.top-page .top-about .top-about-content .top-about__item > div.top-about__item--center p, .top-page .top-about .top-about-content .top-about__item > a.top-about__item--center p {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.top-page .top-about .top-about-content .top-about__item p {
    text-align: center;
    position: relative;
}
.top-page .top-about .top-about-content .top-about__item p > span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    white-space: nowrap;
    color: #0066A5;
    font-weight: 900;
    font-size: 1.25rem;
    z-index: 1;
}
@media only screen and (max-width : 767px) {
    .top-page .top-about .top-about-content .top-about__item p > span {
        font-size: 18px;
    }
}
.top-page .top-about .top-about-content .top-about__item p > span > span {
    color: #1A1311;
    font-size: 1rem;
}
@media only screen and (max-width : 767px) {
    .top-page .top-about .top-about-content .top-about__item p > span > span {
        font-size: 13px;
    }
}
.top-page .null-section {
    height: 360px;
}
@media only screen and (max-width : 767px) {
    .top-page .null-section {
        height: 500px;
    }
}
.top-page .top-blog,
.top-page .top-shop-blog {
    padding: 60px 0;
}
.top-page .top-blog {
    background-color: #0066A5;
    position: relative;
    overflow: hidden;
}
@media only screen and (max-width : 767px) {
    .top-page .top-blog {
        padding-bottom: 95px;
    }
}
.top-page .top-blog > img {
    position: absolute;
    right: -20px;
    top: 30px;
}
@media only screen and (max-width : 767px) {
    .top-page .top-blog > img {
        height: 145px;
        bottom: 30px;
        right: -13px;
        top: initial;
    }
}
.top-page .top-blog .container {
    position: relative;
    z-index: 1;
}
.top-page .top-blog .section-title {
    color: #fff;
}
.top-page .top-blog .section-title small {
    color: #fff;
}
.top-page .top-blog .no-content {
    margin-bottom: 50px;
    color: #fff;
    font-size: 1.125rem;
}
@media only screen and (max-width : 767px) {
    .top-page .top-blog .no-content {
        margin-bottom: 20px;
        font-size: 16px;
    }
}
.top-page .top-blog .container > a {
    background-color: #fff;
    color: #1A1311;
    display: inline-block;
    width: 160px;
    height: 40px;
    border-radius: 20px;
    line-height: 40px;
    font-weight: bold;
    font-size: 1.125rem;
}
@media only screen and (max-width : 767px) {
    .top-page .top-blog .container > a {
        font-size: 18px;
    }
}
.top-page .top-blog .no-content {
    margin-bottom: 50px;
    color: #fff;
    font-size: 1.125rem;
}
@media only screen and (max-width : 767px) {
    .top-page .top-blog .no-content {
        margin-bottom: 20px;
        font-size: 16px;
    }
}
.top-page .top-shop-blog {
    background: #fff url("https://watahan.pro/images/top-service-bg.png") repeat center;
}
.top-page .top-shop-blog .top-blog__list .top-blog__item .top-blog__item__date {
    color: #1A1311;
}
.top-page .top-shop {
    background-color: #fff;
    padding: 60px 0;
}
@media only screen and (max-width : 920px) {
    .top-page .top-shop .top-shop-wrap .top-stop__item_ml {
        margin-left:15px;
    }
    .top-page .top-shop .top-shop-wrap .top-stop__item--col-01 {
        display: table;
        margin: auto;
    }
}
.top-page .top-shop .top-shop-wrap .top-stop__item--col-01 .top-stop__item {
    margin-right: 15px;
}
@media only screen and (max-width : 600px) {
    .top-page .top-shop .top-shop-wrap .top-stop__item--col-01 .top-stop__item {
        width: calc(50% - 10px);
        margin-right: 20px;
    }
}
.top-page .top-shop .top-shop-wrap .top-stop__item--col-01 .top-stop__item:last-child {
    margin-right: 0;
}
@media only screen and (max-width : 600px) {
    .top-page .top-shop .top-shop-wrap .top-stop__item--col-01 .top-stop__item__link img {
        width: 70%;
    }
}
.top-page .top-shop .top-shop-wrap .top-stop__item {
    margin: 0 auto !important;
}
.top-page .top-shop .top-shop-wrap .top-stop__item_ml {
    margin-left:15px;
}
.top-page .top-shop .top-shop-wrap .top-stop__item.top-stop__item-01 {
    margin-right: 20px;
    margin-left: 20px;
}
@media only screen and (max-width : 920px) {
    .top-page .top-shop .top-shop-wrap .top-stop__item.top-stop__item-01 {
        float: none;
        margin-right: 0;
        margin-bottom: 20px;
    }
}
@media only screen and (max-width : 600px) {
    .top-page .top-shop .top-shop-wrap .top-stop__item.top-stop__item-01 .top-stop__item__link img {
        width: 97px;
    }
}
@media only screen and (max-width : 600px) {
    .top-page .top-shop .top-shop-wrap .top-stop__item.top-stop__item-01 .top-stop__item__wrap > div:first-child img {
        width: 20% !important;
    }
}
.top-page .top-shop .top-shop-wrap .top-stop__item.top-stop__item-01 .top-stop__item__wrap > div {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}
.top-page .top-shop .top-shop-wrap .top-stop__item.top-stop__item-01 .top-stop__item__wrap > div a {
    margin: 0 9px;
}
@media only screen and (max-width : 600px) {
    .top-page .top-shop .top-shop-wrap .top-stop__item.top-stop__item-01 .top-stop__item__wrap > div a {
        margin: 0 6px;
    }
}
.top-page .top-shop .top-shop-wrap .top-stop__item .top-stop__item__wrap {
    border: 3px solid #ddd;
    border-radius: 8px;
    width: 655px;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
}
@media only screen and (max-width : 920px) {
    .top-page .top-shop .top-shop-wrap .top-stop__item .top-stop__item__wrap {
        display: inline-flex;
        width: 100%;
    }
    .top-page .top-shop .top-shop-wrap .top-stop__item .top-stop__item__wrap div img.shop_thum {
        width: 120px !important;
    }
}
@media only screen and (max-width : 600px) {
    .top-page .top-shop .top-shop-wrap .top-stop__item .top-stop__item__wrap {
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        width: 100%;
    }
}
.top-page .top-shop .top-shop-wrap .top-stop__item .top-stop__item__wrap .top-stop__item__link {
    height: 90px;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media only screen and (max-width : 600px) {
    .top-page .top-shop .top-shop-wrap .top-stop__item .top-stop__item__wrap .top-stop__item__link {
        height: 55px;
        padding: 0 5px;
    }
}
.top-page .top-service {
    background: #fff url("https://watahan.pro/images/top-service-bg.png") repeat center;
    padding: 60px 0;
    position: relative;
    overflow: hidden;
}
@media only screen and (max-width : 767px) {
    .top-page .top-service {
        padding: 30px 0;
    }
}
.top-page .top-service > img {
    position: absolute;
    left: -25px;
    top: 10px;
}
@media only screen and (max-width : 767px) {
    .top-page .top-service > img {
        display: none;
    }
}
.top-page .top-service > .container {
    position: relative;
}
.top-page .top-service .top-service-wrap {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: auto;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    max-width: 750px;
}
@media only screen and (max-width : 767px) {
    .top-page .top-service .top-service-wrap {
        max-width: 345px;
        margin: 0 auto 15px;
    }
}
.top-page .top-service .top-service__item {
    float: left;
    width: 165px;
    margin: 0 10px 20px;
    color: #333333;
    font-weight: bold;
}
@media only screen and (max-width : 920px) {
    .top-page .top-service .top-service__item {
        margin: 0 5px 20px;
    }
}
@media only screen and (max-width : 767px) {
    .top-page .top-service .top-service__item {
        width: calc(50% - 10px);
        margin: 0 0 15px;
        max-width: 162px;
    }
    .top-page .top-service .top-service__item:nth-child(odd) {
        margin-right: 10px;
    }
}
@media only screen and (max-width : 767px) {
    .top-page .top-service .top-service__item:last-child {
        width: 100%;
        max-width: 100%;
        text-align: right;
        margin: 0;
    }
}
@media only screen and (max-width : 767px) {
    .top-page .top-service .top-service__item:last-child > img {
        width: 121px;
        margin: auto;
    }
}
.top-page .top-service .top-service__item.top-service__item--coming {
    position: relative;
}
.top-page .top-service .top-service__item.top-service__item--coming:after {
    content: "準備中";
    position: absolute;
    background: rgba(0, 0, 0, 0.8);
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.625rem;
    border-radius: 8px;
}
.top-page .top-service .top-service__item.top-service__item--coming:hover {
    opacity: 1;
    cursor: default;
}
.top-page .top-service .top-service__item .top-service__item__top {
    height: 100px;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px 8px 0px 0px;
}
.top-page .top-service .top-service__item .top-service__item__top img {
    max-width: 74px;
}
@media only screen and (max-width : 767px) {
    .top-page .top-service .top-service__item .top-service__item__top {
        height: 100px;
    }
    .top-page .top-service .top-service__item .top-service__item__top img {
        width: 47px;
    }
}
.top-page .top-service .top-service__item p {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    background-color: #fff;
    font-size: 0.9rem;
    border-radius: 0px 0px 8px 8px;
    line-height: 1.4;
}
@media only screen and (max-width : 767px) {
    .top-page .top-service .top-service__item p {
        height: 60px;
        font-size: 14px;
    }
}
@media only screen and (max-width : 320px) {
    .top-page .top-service .top-service__item p {
        font-size: 13px;
    }
}
.top-page .top-rental {
    background: #fff url(https://watahan.pro/images/top-rental-bg.png) no-repeat center;
    background-size: cover;
    padding: 60px 0;
    position: relative;
    overflow: hidden;
}
.top-page .top-rental > img {
    position: absolute;
    right: -29px;
    bottom: -19px;
}
@media screen and (max-width: 1240px) {
    .top-page .top-rental > img {
        height: 165px;
    }
}
@media only screen and (max-width : 767px) {
    .top-page .top-rental > img {
        height: 118px;
        bottom: -10px;
        right: 0;
    }
}
.top-page .top-rental > .container {
    position: relative;
}
.top-page .top-rental .top-rental-wrap img {
    float: left;
    display: block;
    max-width: 50%;
}
@media only screen and (max-width : 767px) {
    .top-page .top-rental .top-rental-wrap img {
        float: none;
        max-width: 100%;
        margin: 0 auto 20px;
    }
}
.top-page .top-rental .top-rental-wrap .top-rental__desc {
    overflow: hidden;
    padding-left: 50px;
}
@media only screen and (max-width : 767px) {
    .top-page .top-rental .top-rental-wrap .top-rental__desc {
        padding-left: 0;
        text-align: left;
    }
}
.top-page .top-rental .top-rental-wrap .top-rental__desc p {
    margin-bottom: 26px;
    line-height: 2rem;
    font-size: 1.125rem;
    font-weight: bold;
    margin-top: -4px;
}
@media only screen and (max-width : 767px) {
    .top-page .top-rental .top-rental-wrap .top-rental__desc p {
        font-size: 16px;
    }
}
.top-page .top-rental .top-rental-wrap .top-rental__desc .top-common-btn {
    margin-top: -10px;
}
@media only screen and (max-width : 767px) {
    .top-page .top-rental .top-rental-wrap .top-rental__desc .top-common-btn {
        display: block;
        width: 160px;
        margin: 0 auto;
    }
}
.top-page .top-news {
    background-color: #fff;
    padding: 60px 0;
    position: relative;
    overflow: hidden;
}
@media only screen and (max-width : 767px) {
    .top-page .top-news {
        padding: 30px 0 5px;
    }
}
.top-page .top-news > img {
    position: absolute;
    left: -27px;
    top: 100px;
}
@media only screen and (max-width : 767px) {
    .top-page .top-news > img {
        top: initial;
        bottom: 88px;
        height: 120px;
        left: -16px;
    }
}
.top-page .top-news > .container {
    position: relative;
}
.top-page .top-news .top-news-list {
    padding: 0 60px;
    margin-bottom: 12px;
}
@media only screen and (max-width : 920px) {
    .top-page .top-news .top-news-list {
        padding-left: 150px;
    }
}
@media only screen and (max-width : 767px) {
    .top-page .top-news .top-news-list {
        padding: 0;
        margin-bottom: 35px;
    }
}
.top-page .top-news .top-news-list li {
    margin-bottom: 32px;
}
@media only screen and (max-width : 767px) {
    .top-page .top-news .top-news-list li {
        margin-bottom: 15px;
    }
}
.top-page .top-news .top-news-list li a {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
    line-height: 1.4;
}
@media only screen and (max-width : 767px) {
    .top-page .top-news .top-news-list li a {
        flex-direction: column;
    }
}
.top-page .top-news .top-news-list li .top-news__date {
    width: 120px;
    min-width: 120px;
    display: inline-block;
    color: #0066A5;
    font-weight: bold;
    margin-top: 2px;
}
@media only screen and (max-width : 920px) {
    .top-page .top-news .top-news-list li .top-news__date {
        width: 100px;
        min-width: 100px;

    }
}
@media only screen and (max-width : 767px) {
    .top-page .top-news .top-news-list li .top-news__date {
        font-size: 16px;
    }
}
.top-page .top-news .top-news-list li .top-news__title {
    font-size: 1.125rem;
    color: #1A1311;
    max-width: 540px;
}
@media screen and (min-width:768px) and ( max-width:919px) {
    .top-page .top-news .top-news-list li .top-news__title {
        max-width: 300px;
    }
}
.top-page .top-news .top-news-list li .nca01,.top-page .top-news .top-news-list li .nca02,.top-page .top-news .top-news-list li .nca03,.top-page .top-news .top-news-list li .nca04,.top-page .top-news .top-news-list li .nca05 {
    display: inline-block;
    width:120px;
    text-align: center;
    border-radius: 5px;
    font-size: 0.75rem;
    color: #fff;
    padding: 5px 10px;
    margin-right:20px;
    font-weight: bold;
}
.top-page .top-news .top-news-list li .nca01 {
    background-color: #419ad6;
}
.top-page .top-news .top-news-list li .nca02 {
    background-color: #e24a4f;
}
.top-page .top-news .top-news-list li .nca03 {
    background-color: #5a4eba;
}
.top-page .top-news .top-news-list li .nca04 {
    background-color: #937138;
}
.top-page .top-news .top-news-list li .nca05 {
    background-color: #60aa35;
}


@media only screen and (max-width : 767px) {
    .top-page .top-news .top-news-list li .top-news__title {
        font-size: 18px;
    }

    .top-page .top-news .top-news-list li .nca01,.top-page .top-news .top-news-list li .nca02,.top-page .top-news .top-news-list li .nca03,.top-page .top-news .top-news-list li .nca04,.top-page .top-news .top-news-list li .nca05 {
        display: block;
        width: 120px;
        text-align: center;
        border-radius: 5px;
        font-size: 0.9rem;
        color: #fff;
        padding: 5px 10px;
        font-weight: bold;
    }

}
.top-page .top-news .top-news-list li .top-news__tag {
    border-radius: 12px;
    background-color: #E12C00;
    font-size: 0.75rem;
    color: #fff;
    padding: 5px 21px;
    font-weight: bold;
    display: inline-block;
    -webkit-transform: translateY(-2px);
    -khtml-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px);
    margin-left: 20px;
}
@media only screen and (max-width : 767px) {
    .top-page .top-news .top-news-list li .top-news__tag {
        font-size: 12px;
    }
}
.top-page .top-news .top-news__btn a {
    display: inline-block;
    margin: 0 18px;
}
@media only screen and (max-width : 767px) {
    .top-page .top-news .top-news__btn a {
        margin: 0 10px 25px;
    }
}
@media only screen and (max-width : 320px) {
    .top-page .top-news .top-news__btn a {
        margin: 0 5px 25px;
    }
}
.top-page .top-news .top-news__btn .top-common-btn {
    margin-bottom: 50px;
}

.top-page .top-news .top-recall__btn a {
    display: inline-block;
    margin: 0 18px;
}
@media only screen and (max-width : 767px) {
    .top-page .top-news .top-recall__btn a {
        margin: 0 10px 25px;
    }
}
@media only screen and (max-width : 320px) {
    .top-page .top-news .top-recall__btn a {
        margin: 0 5px 25px;
    }
}
.top-page .top-news .top-recall__btn .top-common-btn {
    margin-top: 50px;
}

.top-page .top-news .no-content {
    font-size: 1.125rem;
    margin-bottom: 50px;
}
@media only screen and (max-width : 767px) {
    .top-page .top-news .no-content {
        font-size: 16px;
    }
}
.top-page .top-int {
    background: url("https://watahan.pro/images/top-intel-bg.png") no-repeat center;
    background-size: cover;
    padding: 60px 0;
    position: relative;
}
@media only screen and (max-width : 767px) {
    .top-page .top-int {
        padding: 40px 0 10px;
    }
}
.top-page .top-int .container {
    position: relative;
}
.top-page .top-int:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.top-page .top-int h2 {
    font-size: 2.5rem;
    color: #fff;
    font-weight: 900;
    margin-bottom: 50px;
}
@media only screen and (max-width : 767px) {
    .top-page .top-int h2 {
        margin-bottom: 35px;
    }
}
.top-page .top-int h2.top-int__title-02 {
    font-size: 2.25rem;
    padding-top: 40px;
    margin-top: -40px;
}
@media only screen and (max-width : 767px) {
    .top-page .top-int h2.top-int__title-02 {
        font-size: 30px;
        padding-top: 35px;
        margin-top: -35px;
    }
}
.top-page .top-int a {
    display: inline-block;
    font-weight: bold;
}
.top-page .top-int .top-int-01 {
    margin: 0 -5px 10px;
}
@media only screen and (max-width : 767px) {
    .top-page .top-int .top-int-01 {
        margin-bottom: 30px;
    }
}
.top-page .top-int .top-int-01 a {
    width: 280px;
    border-radius: 32px;
    border: 3px solid #fff;
    font-size: 1rem;
    color: #fff;
    padding: 22px 0;
    margin: 0 13px 30px;
}
@media only screen and (max-width : 920px) {
    .top-page .top-int .top-int-01 a {
        margin: 0 5px 30px;
    }
}
@media only screen and (max-width : 767px) {
    .top-page .top-int .top-int-01 a {
        width: 260px;
        padding: 19px 0;
        margin-bottom: 20px;
        border-radius: 27px;
        font-size: 18px;
    }
}
.top-page .top-int .top-int-01 a.top-int__btn--w {
    border: none;
    background-color: rgba(255, 255, 255, 0.9);
    color: #223A6D;
}
.top-page .top-int .top-int-02 a {
    margin: 0 13px;
    width: 220px;
    border: 3px solid #fff;
    color: #fff;
    font-size: 1rem;
    padding: 16px 0;
}
@media only screen and (max-width : 920px) {
    .top-page .top-int .top-int-02 a {
        margin: 0 5px;
    }
}
@media only screen and (max-width : 767px) {
    .top-page .top-int .top-int-02 a {
        font-size: 18px;
        margin-bottom: 20px;
    }
}
.top-page .top-contact {
    background: #fff url("https://watahan.pro/images/top-service-bg.png") no-repeat center;
    background-size: cover;
    padding: 40px 0;
    position: relative;
    overflow: hidden;
}
@media only screen and (max-width : 767px) {
    .top-page .top-contact {
        padding: 30px 0;
    }
}
.top-page .top-contact > img {
    position: absolute;
    top: 20px;
    right: -20px;
}
@media only screen and (max-width : 767px) {
    .top-page .top-contact > img {
        position: static;
        width: 101px;
    }
}
.top-page .top-contact > .container {
    position: relative;
    z-index: 1;
}
.top-page .top-contact .top-contact-wrap {
    margin: 0 -20px;
}
@media only screen and (max-width : 767px) {
    .top-page .top-contact .top-contact-wrap {
        margin: 0 -15px 30px;
    }
}
.top-page .top-contact .top-contact-wrap .top-contact__item {
    padding: 0 20px;
    width: 33.33%;
    float: left;
}
@media only screen and (max-width : 767px) {
    .top-page .top-contact .top-contact-wrap .top-contact__item {
        width: 100%;
        float: none;
        max-width: 345px;
        margin: 0 auto 20px;
    }
}
.top-page .top-contact .top-contact-wrap .top-contact__item a {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 1.25rem;
    font-weight: bold;
    color: #fff;
    height: 170px;
}
@media only screen and (max-width : 767px) {
    .top-page .top-contact .top-contact-wrap .top-contact__item a {
        height: 152px;
        font-size: 18px;
    }
}
.top-page .top-contact .top-contact-wrap .top-contact__item a > img {
    margin-bottom: 20px;
}
.top-page .top-contact .top-contact-wrap .top-contact__item a span img {
    display: inline-block;
    -webkit-transform: translateY(3px);
    -khtml-transform: translateY(3px);
    -moz-transform: translateY(3px);
    -ms-transform: translateY(3px);
    -o-transform: translateY(3px);
    transform: translateY(3px);
}
@media only screen and (max-width : 767px) {
    .top-page .top-contact .top-contact-wrap .top-contact__item a span img {
        height: 18px;
    }
}

.list-page.news-list {
    background: #fff;
}
@media only screen and (max-width : 767px) {
    .list-page.blog-list .list-page__content {
        padding-bottom: 30px;
    }
}
.list-page.blog-list .list-page__content > img {
    left: initial;
    right: -55px;
}
@media only screen and (max-width : 767px) {
    .list-page.blog-list .list-page__content > img {
        width: 91px;
        float: right;
        -webkit-transform: translateX(17px);
        -khtml-transform: translateX(17px);
        -moz-transform: translateX(17px);
        -ms-transform: translateX(17px);
        -o-transform: translateX(17px);
        transform: translateX(17px);
    }
}
.list-page .breadcrumb {
    margin-bottom: 60px;
    margin-top: 20px;
}
@media only screen and (max-width : 767px) {
    .list-page .breadcrumb {
        margin-bottom: 20px;
    }
}
.list-page h2.page-title {
    padding-top: 5px;
    margin-bottom: 14px;
}
@media only screen and (max-width : 767px) {
    .list-page h2.page-title {
        margin-bottom: 20px;
        font-size: 20px;
    }
}
.list-page__content {
    position: relative;
    padding-bottom: 60px;
    overflow: hidden;
}
@media only screen and (max-width : 767px) {
    .list-page__content {
        padding-bottom: 10px;
    }
}
.list-page__content .container {
    position: relative;
    z-index: 1;
}
.list-page__content > img {
    position: absolute;
    top: 0;
    left: -32px;
}
@media only screen and (max-width : 767px) {
    .list-page__content > img {
        width: 99px;
        position: static;
        -webkit-transform: translateX(-17px);
        -khtml-transform: translateX(-17px);
        -moz-transform: translateX(-17px);
        -ms-transform: translateX(-17px);
        -o-transform: translateX(-17px);
        transform: translateX(-17px);
        margin-top: 10px;
    }
}
.list-page__content .news-list-desc {
    margin-top: 13px;
}
.list-page__content .news-list-desc__item {
    position: relative;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 50%;
    padding: 0 15px;
    float: left;
    margin-bottom: 30px;
}
@media only screen and (max-width : 767px) {
    .list-page__content .news-list-desc__item {
        width: 100%;
        margin-bottom: 20px;
        padding: 0;
    }
    .list-page__content .news-list-desc__item:first-child a {
        height: 300px;
    }
    .list-page__content .news-list-desc__item:first-child a .title {
        top: initial;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }
}
.list-page__content .news-list-desc__item a {
    position: relative;
    -webkit-background-size: cover;
    -khtml-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 100%;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    color: #fff;
}
.list-page__content .news-list-desc__item a.no-image {
    background-size: contain;
    background-color: #fff;
}
@media only screen and (max-width : 767px) {
    .list-page__content .news-list-desc__item a {
        padding-top: 0;
        height: 100px;
    }
}
.list-page__content .news-list-desc__item a .title {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 0 0 8px 8px;
    font-size: 1.06rem;
    font-weight: bold;
    padding: 17px 20px;
    line-height: 1.6;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media only screen and (max-width : 600px) {
    .list-page__content .news-list-desc__item a .title {
        top: 0;
        font-size: 17px;
        border-radius: 8px;
        line-height: 66px;
    }
}
.list-page__content .news-list-desc__item .date {
    font-size: 0.875rem;
    color: #666666;
    margin-bottom: 10px;
}
@media only screen and (max-width : 767px) {
    .list-page__content .news-list-desc__item .date {
        font-size: 14px;
    }
}

@media only screen and (max-width : 767px) {
    .detail-page.blog-detail .detail-page__content {
        padding-bottom: 30px;
    }
}
.detail-page.blog-detail .detail-page__content > img {
    left: initial;
    right: -55px;
}
@media only screen and (max-width : 767px) {
    .detail-page.blog-detail .detail-page__content > img {
        width: 91px;
        float: right;
        -webkit-transform: translateX(17px);
        -khtml-transform: translateX(17px);
        -moz-transform: translateX(17px);
        -ms-transform: translateX(17px);
        -o-transform: translateX(17px);
        transform: translateX(17px);
    }
}
.detail-page.news-detail {
    background-color: #fff;
}
.detail-page .breadcrumb {
    margin-bottom: 53px;
    margin-top: 15px;
    line-height: 1.6;
}
@media only screen and (max-width : 767px) {
    .detail-page .breadcrumb {
        margin-bottom: 31px;
        margin-top: 12px;
        line-height: 1.9;
    }
}
.detail-page .detail-page__content {
    position: relative;
    padding-bottom: 60px;
    overflow: hidden;
}
@media only screen and (max-width : 767px) {
    .detail-page .detail-page__content {
        padding-bottom: 10px;
    }
}
.detail-page .detail-page__content .detail-page__desc {
    border: 2px solid #ddd;
    padding: 20px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    background-color: #fff;
}
@media only screen and (max-width : 767px) {
    .detail-page .detail-page__content .detail-page__desc {
        width: 100%;
        padding: 20px 15px 15px 15px;
    }
}
.detail-page .detail-page__content .detail-page__desc > h3 {
    font-size: 1.125rem;
    font-weight: bold;
    margin-bottom: 7px;
    color: #1A1311;
    line-height: 1.5;
}
@media only screen and (max-width : 767px) {
    .detail-page .detail-page__content .detail-page__desc > h3 {
        font-size: 18px;
    }
}
.detail-page .detail-page__content .detail-page__desc p {
    font-size: 1rem;
    margin-bottom: 21px;
    line-height: 1.5;
    color: #1A1311;
}
.detail-page .detail-page__content .detail-page__desc p:last-child {
    margin-bottom: 0;
}
@media only screen and (max-width : 767px) {
    .detail-page .detail-page__content .detail-page__desc p {
        font-size: 16px;
    }
}
.detail-page .detail-page__content .detail-page__desc .date {
    font-size: 0.875rem;
    margin-bottom: 30px;
    color: #1A1311;
}
@media only screen and (max-width : 767px) {
    .detail-page .detail-page__content .detail-page__desc .date {
        font-size: 15px;
        margin-bottom: 25px;
    }
}
.detail-page .detail-page__content .detail-page__desc a {
    font-size: 14px;
    font-weight: bold;
}
.detail-page .detail-page__content .detail-page__desc img {
    margin-bottom: 21px;
}
@media only screen and (max-width : 767px) {
    .detail-page .detail-page__content .detail-page__desc img {
        -webkit-border-radius: 8px;
        -khtml-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
        border-radius: 8px;
        width: 100%;
        height: inherit;
    }
}
.detail-page .detail-page__content .detail-page__desc > div.post-content {
    margin-bottom: 20px;
    line-height: 1.6;
}
.detail-page .detail-page__content .container {
    position: relative;
    z-index: 1;
}
.detail-page .detail-page__content > img {
    position: absolute;
    top: 0;
    left: -32px;
}
@media only screen and (max-width : 767px) {
    .detail-page .detail-page__content > img {
        width: 99px;
        position: static;
        -webkit-transform: translateX(-17px);
        -khtml-transform: translateX(-17px);
        -moz-transform: translateX(-17px);
        -ms-transform: translateX(-17px);
        -o-transform: translateX(-17px);
        transform: translateX(-17px);
        margin-top: 10px;
    }
}
.detail-page .sidebar-list {
    margin-top: 27px;
}

.store-list .top-store-search {
    padding: 20px 0 60px;
}
@media only screen and (max-width : 767px) {
    .store-list .top-store-search {
        padding-bottom: 15px;
    }
}
.store-list .top-store-search .breadcrumb {
    text-align: left;
    margin-bottom: 19px;
}
.store-list__content {
    margin: 60px 0;
}
.store-list__content .container .tab-content {
    background: #fff;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.store-list__content .container .tab-content.active {
    -webkit-animation: fadein 1s;
    -khtml-animation: fadein 1s;
    -moz-animation: fadein 1s;
    -ms-animation: fadein 1s;
    -o-animation: fadein 1s;
    animation: fadein 1s;
}
@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-moz-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-ms-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-o-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.store-list__content .container .tab-content h2 {
    font-size: 1.5rem;
    font-weight: bold;
    padding: 60px 0 30px 30px;
}
.store-list__content .container .tab-content .store-information {
    position: relative;
    border-bottom: 1px solid #dddddd;
    padding: 20px 30px;
    width: 100%;
    min-height: 230px;/*201202dotcom追加*/
}
@media only screen and (max-width : 414px) {
    .store-list__content .container .tab-content .store-information {
        display: block;
        padding: 20px 10px;
    }
}
@media screen and (max-width: 920px) {
    .store-list__content .container .tab-content .store-information {
        display: block;
    }
}
.store-list__content .container .tab-content .store-information:last-child {
    border-bottom: none;
}
@media only screen and (max-width : 767px) {
    .store-list__content .container .tab-content .store-information__left {
        margin-bottom: 30px;
    }
}
.store-list__content .container .tab-content .store-information__left .title {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    font-size: 1.25rem;
    font-weight: bold;
    color: #0066A5;
    margin-bottom: 11px;
}
.store-list__content .container .tab-content .store-information__left .title img {
    width: 28px;
    margin-right: 5px;
}
.store-list__content .container .tab-content .store-information__left .text {
    font-size: 1.25rem;
    font-weight: bold;
    color: #1A1311;
    margin-bottom: 25px;
}
@media only screen and (max-width : 767px) {
    .store-list__content .container .tab-content .store-information__left .text {
        font-size: 18px;
        margin-bottom: 15px;

    }
}
.store-list__content .container .tab-content .store-information__left .address {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    width: 500px;/*店舗一覧 201118dotnet追加*/
}
/*店舗一覧 201118dotnet追加*/
.store-list__content .container .tab-content .store-information__left .address p.label {
    width: 40px;
}
.store-list__content .container .tab-content .store-information__left .address img {
    margin-right: 10px;
}
@media only screen and (max-width : 767px) {
    .store-list__content .container .tab-content .store-information__left .address p.label {
        width: auto;/*店舗一覧 201118dotnet追加*/
    }
    .store-list__content .container .tab-content .store-information__left .address img {
        margin-right: 5px;
    }
}
.store-list__content .container .tab-content .store-information__left .address p.label {
    font-weight: bold;
    margin-right: 60px;
}
@media screen and (max-width: 920px) {
    .store-list__content .container .tab-content .store-information__left .address p.label {
        margin-right: 7.5%;
    }
}
@media only screen and (max-width : 767px) {
    .store-list__content .container .tab-content .store-information__left .address p.label {
        font-size: 16px;
        display: inline-block;
        position: relative;
        bottom: 3px;
    }
}
@media only screen and (max-width : 767px) {
    .store-list__content .container .tab-content .store-information__left .address p.street {
        font-size: 16px;
        margin-top: 13px;
        width:95%;
    }
}
.store-list__content .container .tab-content .store-information__left .address p {
    font-size: 1rem;
}
@media only screen and (max-width : 767px) {
    .store-list__content .container .tab-content .store-information__left .address {
        display: inherit;
        margin-bottom: 15px;
        width:100%;

    }
}
.store-list__content .container .tab-content .store-information__left .telephone {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    width: 500px;/*店舗一覧 201118dotnet追加*/
}
.store-list__content .container .tab-content .store-information__left .telephone img {
    margin-right: 10px;
}
/*店舗一覧 201118dotnet追加*/
.store-list__content .container .tab-content .store-information__left .telephone p.label {
    width: 40px;
}
@media only screen and (max-width : 767px) {
    .store-list__content .container .tab-content .store-information__left .telephone p.label {
        width: auto;/*店舗一覧 201118dotnet追加*/
    }
    .store-list__content .container .tab-content .store-information__left .telephone img {
        margin-right: 5px;
    }
}
.store-list__content .container .tab-content .store-information__left .telephone p.label {
    font-weight: bold;
    margin-right: 63px;
}
@media screen and (max-width: 920px) {
    .store-list__content .container .tab-content .store-information__left .telephone p.label {
        margin-right: 7.5%;
    }
}
@media only screen and (max-width : 767px) {
    .store-list__content .container .tab-content .store-information__left .telephone p.label {
        font-size: 16px;
        display: inline-block;
        position: relative;
        bottom: 3px;
        margin: 0;
    }
}
.store-list__content .container .tab-content .store-information__left .telephone p {
    font-size: 1rem;
}
@media only screen and (max-width : 767px) {
    .store-list__content .container .tab-content .store-information__left .telephone p {
        font-size: 16px;
        margin-top: 13px;
    }
}
@media only screen and (max-width : 767px) {
    .store-list__content .container .tab-content .store-information__left .telephone {
        display: inherit;
        margin-bottom: 15px;
    }
}
.store-list__content .container .tab-content .store-information__left .time .time2 {
    /*margin-left: 10px;*/
    width: 400px;
} 
.store-list__content .container .tab-content .store-information__left .time .time2 a {
    display:block;
} 

.store-list__content .container .tab-content .store-information__left .time {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    font-size: 1rem;
    margin-bottom: 15px;
    width: 500px;/*店舗一覧 201118dotnet追加*/
}
/*店舗一覧 201118dotnet追加*/
.store-list__content .container .tab-content .store-information__left .time p.label {
    width: 115px;
}
@media only screen and (max-width : 767px) {
    .store-list__content .container .tab-content .store-information__left .time p.label {
        width: auto;/*店舗一覧 201118dotnet追加*/
    }
    .store-list__content .container .tab-content .store-information__left .time {
        font-size: 16px;
    }
}
.store-list__content .container .tab-content .store-information__left .time img {
    margin-right: 10px;
}
@media only screen and (max-width : 767px) {
    .store-list__content .container .tab-content .store-information__left .time img {
        margin-right: 5px;
    }
}
.store-list__content .container .tab-content .store-information__left .time p {
    font-size: 1rem;
    font-weight: bold;
    /* margin-right: 30px;*/
}
@media screen and (max-width: 920px) {
    .store-list__content .container .tab-content .store-information__left .time p {
        margin-right: 4%;
    }
}
@media only screen and (max-width : 767px) {
    .store-list__content .container .tab-content .store-information__left .time p {
        font-size: 16px;
        display: inline-block;
        position: relative;
        bottom: 3px;
    }
}
@media only screen and (max-width : 767px) {
    .store-list__content .container .tab-content .store-information__left .time div {
        margin-top: 13px;
        /*width:98%;*/
    }
    .store-list__content .container .tab-content .store-information__left .time .time2 {
        margin-left:0;
        width: 99%;
    } 
    .store-list__content .container .tab-content .store-information__left .time .time2 a{
        display:block;
    } 

    .store-list__content .container .tab-content .store-information__left .time {
        font-size: 16px;
    }
}
@media only screen and (max-width : 767px) {
    .store-list__content .container .tab-content .store-information__left .time span {
        font-size: 16px;
    }
}
.store-list__content .container .tab-content .store-information__left .time .span:nth-child(1) {
    padding: 0 5px;
}
.store-list__content .container .tab-content .store-information__left .time .dash {
    padding: 0 5px;
}
@media only screen and (max-width : 767px) {
    .store-list__content .container .tab-content .store-information__left .time {
        display: inherit;
        width: 100%;
    }
}
.store-list__content .container .tab-content .store-information__left .supplement {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    font-size: 1rem;
    width: 500px;/*店舗一覧 201118dotnet追加*/
}
/*店舗一覧 201118dotnet追加*/
.store-list__content .container .tab-content .store-information__left .supplement p.label {
    width: 115px;
}
@media only screen and (max-width : 767px) {
    .store-list__content .container .tab-content .store-information__left .supplement {
        font-size: 16px;
    }
    .store-list__content .container .tab-content .store-information__left .supplement p.label {
        width: auto;/*店舗一覧 201118dotnet追加*/
    }
}
.store-list__content .container .tab-content .store-information__left .supplement img {
    margin-right: 10px;
}
@media only screen and (max-width : 767px) {
    .store-list__content .container .tab-content .store-information__left .supplement img {
        margin-right: 5px;
    }
}
.store-list__content .container .tab-content .store-information__left .supplement p {
    font-size: 1rem;
    font-weight: bold;
    margin-right: 30px;
    white-space: nowrap;
}
@media screen and (max-width: 920px) {
    .store-list__content .container .tab-content .store-information__left .supplement p {
        margin-right: 4%;
    }
}
@media only screen and (max-width : 767px) {
    .store-list__content .container .tab-content .store-information__left .supplement p {
        font-size: 16px;
        display: inline-block;
        position: relative;
        bottom: 3px;
    }
}
@media only screen and (max-width : 767px) {
    .store-list__content .container .tab-content .store-information__left .supplement div {
        margin-top: 13px;
    }
}
@media only screen and (max-width : 767px) {
    .store-list__content .container .tab-content .store-information__left .supplement span {
        font-size: 16px;
    }
}
.store-list__content .container .tab-content .store-information__left .supplement .span:nth-child(1) {
    padding: 0 5px;
}
.store-list__content .container .tab-content .store-information__left .supplement .dash {
    padding: 0 5px;
}
@media only screen and (max-width : 767px) {
    .store-list__content .container .tab-content .store-information__left .supplement {
        display: inherit;
    }
}
.store-list__content .container .tab-content .store-information__right {
    position: absolute;
    right: 30px;
    bottom: 21px;
}
@media only screen and (max-width : 767px) {
    .store-list__content .container .tab-content .store-information__right {
        text-align: right;
        position: static;
    }
}
.store-list__content .container .tab-content .store-information__right .btn-submit {
    font-size: 1rem;
    background: #000;
    color: #fff;
    border-radius: 20px;
    font-weight: bold;
    margin-left: 6px;
    outline: none;
    cursor: pointer;
    min-width: 150px;
    padding: 10px 0;
    text-align: center;
}
@media only screen and (max-width : 767px) {
    .store-list__content .container .tab-content .store-information__right .btn-submit {
        width: 101px;
        font-size: 14px;
        -webkit-border-radius: 25px;
        -khtml-border-radius: 25px;
        -moz-border-radius: 25px;
        -ms-border-radius: 25px;
        -o-border-radius: 25px;
        border-radius: 25px;
        padding: 18px 0;
    }
}
.store-list__content .container .fade-f-all {
    opacity: 1;
    animation-name: fadeInOpacity;
    -webkit-animation-name: fadeInOpacity;
    -moz-animation-name: fadeInOpacity;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-timing-function: ease-in;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
}
@keyframes fadeInOpacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes fadeInOpacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-ms-keyframes fadeInOpacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes fadeInOpacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.store-list__content .container .fade-f-nagano {
    opacity: 1;
    animation-name: fadeInNagano;
    -webkit-animation-name: fadeInNagano;
    -moz-animation-name: fadeInNagano;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-timing-function: ease-in;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
}
@keyframes fadeInNagano {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes fadeInNagano {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-ms-keyframes fadeInNagano {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes fadeInNagano {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }



}
@media only screen and (max-width : 767px) {
    .store-list__content {
        margin: 30px 0;
    }
}

.watapi {
    padding-bottom: 60px;
}
@media only screen and (max-width : 767px) {
    .watapi {
        padding-bottom: 10px;
    }
}
.watapi .breadcrumb {
    margin-top: 20px;
    margin-bottom: 60px;
}
@media only screen and (max-width : 767px) {
    .watapi .breadcrumb {
        margin-bottom: 40px;
    }
}
.watapi .watapi__content {
    background-color: #fff;
    border-radius: 8px;
    padding-bottom: 30px;
    margin-bottom: 40px;
}
@media only screen and (max-width : 767px) {
    .watapi .watapi__content {
        padding-bottom: 20px;
    }
}
.watapi .watapi__content .watapi__top {
    padding: 30px 60px;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}
@media only screen and (max-width : 920px) {
    .watapi .watapi__content .watapi__top {
        padding: 30px;
    }
}
@media only screen and (max-width : 767px) {
    .watapi .watapi__content .watapi__top {
        padding: 30px 15px 20px;
    }
}
@media only screen and (max-width : 767px) {
    .watapi .watapi__content .watapi__top {
        flex-direction: column;
    }
}
.watapi .watapi__content .watapi__top .watapi__top--left {
    text-align: center;
    margin-right: auto;
}
@media only screen and (max-width : 767px) {
    .watapi .watapi__content .watapi__top .watapi__top--left {
        margin: 0 auto 20px;
    }
}
.watapi .watapi__content .watapi__top .watapi__top--left > img {
    margin-bottom: 15px;
}
@media only screen and (max-width : 767px) {
    .watapi .watapi__content .watapi__top .watapi__top--left > img {
        width: 240px;
    }
}
.watapi .watapi__content .watapi__top .watapi__top--left a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: #333;
    white-space: nowrap;
}
@media only screen and (max-width : 767px) {
    .watapi .watapi__content .watapi__top .watapi__top--left a {
        font-size: 16px;
    }
}
.watapi .watapi__content .watapi__top .watapi__top--left a img {
    margin-right: 20px;
}
@media only screen and (max-width : 920px) {
    .watapi .watapi__content .watapi__top .watapi__top--left a img {
        margin-right: 10px;
        width: 30px;
    }
}
@media only screen and (max-width : 767px) {
    .watapi .watapi__content .watapi__top .watapi__top--left a img {
        width: auto;
    }
}
.watapi .watapi__content .watapi__top .watapi__top--right {
    text-align: center;
}
.watapi .watapi__content .watapi__top .watapi__top--right > p {
    font-weight: bold;
    font-size: 1.25rem;
    margin-bottom: 24px;
}
@media only screen and (max-width : 767px) {
    .watapi .watapi__content .watapi__top .watapi__top--right > p {
        padding: 0 15px;
        font-size: 20px;
        line-height: 1.7;
        margin-bottom: 13px;
    }
}
@media only screen and (max-width : 320px) {
    .watapi .watapi__content .watapi__top .watapi__top--right > p {
        padding: 0;
    }
}
.watapi .watapi__content .watapi__top .watapi__top--right > p:first-child {
    white-space: nowrap;
}
@media only screen and (max-width : 767px) {
    .watapi .watapi__content .watapi__top .watapi__top--right > p:first-child {
        white-space: normal;
    }
}
.watapi .watapi__content .watapi__top .watapi__top--right > p span {
    color: #0066A5;
    white-space: nowrap;
}
.watapi .watapi__content .watapi__top .watapi__top--right .watapi__top__slogan {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.875rem;
    font-weight: bold;
    font-family: Arial;
    margin-top: -16px;
    margin-bottom: 45px;
}
@media only screen and (max-width : 767px) {
    .watapi .watapi__content .watapi__top .watapi__top--right .watapi__top__slogan {
        flex-direction: column;
        font-size: 30px;
        margin-top: 19px;
    }
}
.watapi .watapi__content .watapi__top .watapi__top--right .watapi__top__slogan > p {
    margin: 0 22px;
}
@media only screen and (max-width : 767px) {
    .watapi .watapi__content .watapi__top .watapi__top--right .watapi__top__slogan > p {
        margin-bottom: 15px;
    }
}
.watapi .watapi__content .watapi__top .watapi__top--right .watapi__top__slogan > p span {
    color: #0066A5;
}
.watapi .watapi__content .watapi__top .watapi__top--right .watapi__top__block {
    border: 3px solid #0066A5;
    text-align: left;
    position: relative;
    border-radius: 8px;
    padding: 33px;
}
@media only screen and (max-width : 767px) {
    .watapi .watapi__content .watapi__top .watapi__top--right .watapi__top__block {
        padding: 20px 15px;
    }
}
.watapi .watapi__content .watapi__top .watapi__top--right .watapi__top__block .watapi__top__block__title {
    position: absolute;
    left: 15px;
    top: -23px;
    background-color: #fff;
    font-size: 1.25rem;
    color: #0066A5;
    font-weight: bold;
    padding: 9px 14px;
}
@media only screen and (max-width : 767px) {
    .watapi .watapi__content .watapi__top .watapi__top--right .watapi__top__block .watapi__top__block__title {
        font-size: 20px;
    }
}
.watapi .watapi__content .watapi__top .watapi__top--right .watapi__top__block table {
    font-size: 1.25rem;
    border: none;
}
@media only screen and (max-width : 767px) {
    .watapi .watapi__content .watapi__top .watapi__top--right .watapi__top__block table {
        font-size: 20px;
    }
}
.watapi .watapi__content .watapi__top .watapi__top--right .watapi__top__block table th, .watapi .watapi__content .watapi__top .watapi__top--right .watapi__top__block table td {
    padding: 9px 0;
}
.watapi .watapi__content .watapi__top .watapi__top--right .watapi__top__block table th {
    font-weight: bold;
    padding-right: 50px;
}
@media only screen and (max-width : 767px) {
    .watapi .watapi__content .watapi__top .watapi__top--right .watapi__top__block table th {
        padding-right: 35px;
    }
}
@media only screen and (max-width : 320px) {
    .watapi .watapi__content .watapi__top .watapi__top--right .watapi__top__block table th {
        padding-right: 15px;
    }
}
.watapi .watapi__content .watapi__bottom {
    background-color: #F7EB95;
    text-align: center;
    padding: 40px 0;
}
@media only screen and (max-width : 767px) {
    .watapi .watapi__content .watapi__bottom {
        padding: 30px 40px;
    }
}
@media only screen and (max-width : 320px) {
    .watapi .watapi__content .watapi__bottom {
        padding: 30px 15px;
    }
}
.watapi .watapi__content .watapi__bottom p {
    display: inline-block;
    position: relative;
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1.7;
}
@media only screen and (max-width : 767px) {
    .watapi .watapi__content .watapi__bottom p {
        font-size: 20px;
    }
}
.watapi .watapi__content .watapi__bottom p img {
    position: absolute;
    left: calc(100% + 40px);
    top: 50%;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media only screen and (max-width : 767px) {
    .watapi .watapi__content .watapi__bottom p img {
        position: static;
        -webkit-transform: translateY(0);
        -khtml-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        display: block;
        margin: 15px auto 0;
    }
}

/*210119dotcom追加*/
.watapi div.watapi__bottom.watapi__stomp {
    background-color: inherit;
    padding: 20px 10px;
    text-align: center;
}
/*230220dotcom追加*/
.watapi div.watapi__bottom ul {
    width:80%;
	margin: 40px auto 0;
	text-align: center;
	justify-content: center;
	justify-content: center;
	display: flex;
	flex-wrap: wrap;
}
.watapi div.watapi__bottom li {
    width:30%;
}

@media only screen and (max-width : 767px) {
.watapi div.watapi__bottom ul {
    width:100%;
	margin: 40px auto 0;
	text-align: center;
	justify-content: center;
	justify-content: center;
	display: flex;
	flex-wrap: wrap;
}
.watapi div.watapi__bottom li {
    width:33%;
}
	
}


.watapi .common-blog-list .top-blog__list {
    margin-bottom: 0;
}
.watapi .common-blog-list .top-blog__list .top-blog__item .top-blog__item__date {
    color: #1A1311;
}

.watahan__header {
    position: fixed;
    top: 80px;
    left: 0;
    width: 100%;
    background-color: #1A1311;
    border-radius: 0 0 100px 100px;
    z-index: 4;
}
@media only screen and (max-width : 767px) {
    .watahan__header {
        background-color: transparent;
        border-radius: 0;
        top: 50px;
        overflow: auto;
    }
}
.watahan__header a {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.875rem;

    font-weight: bold;
}
@media only screen and (max-width : 767px) {
    .watahan__header .container {
        background-color: #1A1311;
        border-radius: 0 0 24px 24px;
        width: 742px;
    }
}
.watahan__header .container ul {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 10px 0;
}
.watahan__header .container ul li {
    width: 130px;
    border-right: 2px solid rgba(255, 255, 255, 0.15);
}
.watahan__header .container ul li:last-child {
    border-right: none;
}
.watahan__header .container ul li.active a {
    color: #fff;
}
.watahan__header .container ul li a {
    display: block;
    line-height: 1.4;
    padding: 1px 0;
}

.content-main.watahan {
    padding-top: 140px;
    overflow: hidden;
}
@media only screen and (max-width : 767px) {
    .content-main.watahan {
        padding-top: 100px;
    }
}

.watahan {
    background-color: #fff;
}
.watahan .watahan__banner {
    margin-top: -60px;
    position: relative;
    padding-left: 50px;
    padding-top: 7.5vw;
    padding-bottom: 8.52vw;
    margin-bottom: 85px;
}
@media only screen and (max-width : 767px) {
    .watahan .watahan__banner {
        padding-top: 84px;
        padding-bottom: 54px;
        padding-left: 0;
        margin-top: -50px;
        margin-bottom: 50px;
    }
}
.watahan .watahan__banner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url("https://watahan.pro/images/about-flyer-banner-bg.png");
    background-size: cover;
}
@media only screen and (max-width : 767px) {
    .watahan .watahan__banner:before {
        background-image: url("https://watahan.pro/images/about-flyer-banner-bg-sp.png");
    }
}
.watahan .watahan__banner > img {
    width: 100%;
    position: relative;
}
.watahan .watahan__banner .watahan__banner__bear {
    width: auto;
    position: absolute;
    right: -27px;
    bottom: -82px;
    z-index: 3;
    -webkit-transform: scaleX(-1);
    -khtml-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
}
@media screen and (max-width: 1030px) {
    .watahan .watahan__banner .watahan__banner__bear {
        width: 140px;
    }
}
@media only screen and (max-width : 767px) {
    .watahan .watahan__banner .watahan__banner__bear {
        width: 105px;
        right: -15px;
        bottom: -37px;
    }
}
.watahan .watahan__banner .watahan__breadcrumb {
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
}
@media only screen and (max-width : 767px) {
    .watahan .watahan__banner .watahan__breadcrumb {
        top: 60px;
    }
}
.watahan .watahan__banner .watahan__banner__title {
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 85px;
    width: 860px;
    height: 230px;
    background: url("https://watahan.pro/images/about-banner-title-bg.png") no-repeat center;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-weight: 900;
    text-align: center;
}
@media screen and (max-width: 1100px) {
    .watahan .watahan__banner .watahan__banner__title {
        width: 688px;
        height: 184px;
        background-size: cover;
    }
}
@media only screen and (max-width : 920px) {
    .watahan .watahan__banner .watahan__banner__title {
        width: 550px;
        height: 147px;
    }
}
@media only screen and (max-width : 767px) {
    .watahan .watahan__banner .watahan__banner__title {
        background-image: url("https://watahan.pro/images/about-banner-title-bg-sp.png");
        min-width: 290px;
        min-height: 100px;
        bottom: 0;
        width: 77.5vw;
        height: 26.7vw;
        max-width: 361px;
        max-height: 124px;
    }
}
.watahan .watahan__banner .watahan__banner__title h2 {
    position: relative;
    display: inline-block;
    font-size: 2.8125rem;
    padding: 0 25px;
    margin-right: 60px;
    margin-top: -15px;
    margin-bottom: 10px;
    line-height: 1.2;
}
@media only screen and (max-width : 920px) {
    .watahan .watahan__banner .watahan__banner__title h2 {
        font-size: 2.5rem;
    }
}
@media only screen and (max-width : 767px) {
    .watahan .watahan__banner .watahan__banner__title h2 {
        font-size: 20px;
        padding: 0 22px;
        margin-left: 40px;
        white-space: nowrap;
        margin-top: -5px;
        margin-bottom: 5px;
    }
}
.watahan .watahan__banner .watahan__banner__title h2 > img {
    position: absolute;
    top: 4px;
}
@media only screen and (max-width : 767px) {
    .watahan .watahan__banner .watahan__banner__title h2 > img {
        width: 22px;
    }
}
.watahan .watahan__banner .watahan__banner__title h2 > img.section-title--left {
    left: -50px;
}
@media only screen and (max-width : 767px) {
    .watahan .watahan__banner .watahan__banner__title h2 > img.section-title--left {
        left: -10px;
    }
}
.watahan .watahan__banner .watahan__banner__title h2 > img.section-title--right {
    right: -50px;
}
@media only screen and (max-width : 767px) {
    .watahan .watahan__banner .watahan__banner__title h2 > img.section-title--right {
        right: -10px;
    }
}
.watahan .watahan__banner .watahan__banner__title small {
    font-size: 1.5rem;
    display: block;
    color: #fff;
    margin-right: 57px;

}
@media only screen and (max-width : 767px) {
    .watahan .watahan__banner .watahan__banner__title small {
        font-size: 13px;
        margin-right: 28px;
    }
}
.watahan.watahan-quality .watahan__banner, .watahan.watahan-community .watahan__banner {
    margin-bottom: -35px;
}
@media only screen and (max-width : 767px) {
    .watahan.watahan-quality .watahan__banner, .watahan.watahan-community .watahan__banner {
        margin-bottom: 50px;
    }
}
.watahan .watahan__banner__desc {
    font-weight: 600;
    font-size: 1.25rem;
    padding: 0 110px;
    line-height: 1.55;
    position: relative;
    z-index: 1;
    -webkit-transform: translateY(-185px);
    -khtml-transform: translateY(-185px);
    -moz-transform: translateY(-185px);
    -ms-transform: translateY(-185px);
    -o-transform: translateY(-185px);
    transform: translateY(-185px);
    margin-bottom: -88px;
}
@media only screen and (max-width : 767px) {
    .watahan .watahan__banner__desc {
        padding: 0 15px;
        font-size: 18px;
        line-height: 1.75;
        margin-bottom: 25px;
        -webkit-transform: translateY(-8px);
        -khtml-transform: translateY(-8px);
        -moz-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
        -o-transform: translateY(-8px);
        transform: translateY(-8px);
    }
}
.watahan .about-content {
    position: relative;
    background: #fff url(https://watahan.pro/images/top-service-bg.png) repeat top center;
    padding-bottom: 1px;
}
.watahan .about-content:before {
    content: "";
    width: 100%;
    position: absolute;
    top: -50px;
    height: 50px;
    background: url("https://watahan.pro/images/about-bg-02-start.png") repeat left top;
}
.watahan .about-content:after {
    content: "";
    width: 100%;
    position: absolute;
    bottom: -50px;
    height: 50px;
    background: url("https://watahan.pro/images/about-bg-02-under.png") repeat left top;
    z-index: 1;
}
.watahan .about-content .about-content-wrap {
    background: url("https://watahan.pro/images/about-bg-illust.png") top center no-repeat;
    padding-top: 50px;
    z-index: 2;
    margin-bottom: -50px;
    padding-bottom: 90px;
    position: relative;
}
@media only screen and (max-width : 767px) {
    .watahan .about-content .about-content-wrap {
        background: url("https://watahan.pro/images/about-bg-illust-sp.png") top 58px center no-repeat;
        padding-bottom: 0;
        padding-top: 0;
        margin-bottom: 0;
    }
}
.watahan .about__bubble {
    width: 320px;
    height: 98px;
    background: url("https://watahan.pro/images/img-about-callout-01.png") no-repeat top left;
    font-size: 1.25rem;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 25px 13px 31px;
    font-weight: bold;
    line-height: 1.6;
    margin-bottom: 5px;
}
@media only screen and (max-width : 920px) {
    .watahan .about__bubble {
        height: 90px;
        width: 270px;
        background-size: contain;
    }
}
@media only screen and (max-width : 767px) {
    .watahan .about__bubble {
        font-size: 16px;
        margin-bottom: -7px;
    }
}
.watahan .about__bubble.position-02 {
    margin-bottom: 126px;
}
@media only screen and (max-width : 767px) {
    .watahan .about__bubble.position-02 {
        margin-bottom: 0;
    }
}
.watahan .about__bubble.about__bubble--type-02 {
    background-image: url("https://watahan.pro/images/img-about-callout-02.png");
}
.watahan .about__btn-link {
    background-color: #1A1311;
    color: #fff;
    font-size: 1.25rem;
    text-align: center;
    width: 220px;
    display: inline-block;
    padding: 15px 0;
    font-weight: bold;
    border-radius: 25px;
}
.detailbtn .about__btn-link {
    background-color: #1A1311;
    color: #fff;
    font-size: 1.25rem;
    text-align: center;
    width: 260px;
    display: inline-block;
    padding: 15px 0;
    font-weight: bold;
    border-radius: 25px;
    margin-top: 50px;
}
@media only screen and (max-width : 767px) {
    .watahan .about__btn-link {
        margin-top: 30px;
    }
    .detailbtn .about__btn-link {
        margin-top: 30px;
    }
}
.watahan .about-title {
    position: relative;
    display: inline-block;
    font-size: 2.5rem;
    font-weight: 900;
    padding: 10px 85px;
    margin-bottom: 50px;
}
@media only screen and (max-width : 767px) {
    .watahan .about-title {
        font-size: 24px;
        padding: 0 46px;
        line-height: 1.3;
        margin-bottom: 10px;
    }
}
.watahan .about-title > img {
    position: absolute;
    top: 0;
}
@media only screen and (max-width : 767px) {
    .watahan .about-title > img {
        width: 36px;
    }
}
.watahan .about-title > img.section-title--left {
    left: 0;
}
.watahan .about-title > img.section-title--right {
    right: 0;
}
@media only screen and (max-width : 767px) {
    .watahan .about-flag-wrap {
        margin: 0 -15px;
    }
}
.watahan .about-flag {
    background: url("https://watahan.pro/images/img-line-ribbon-frame.png") no-repeat center;
    height: 130px;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #0066A5;
    font-weight: bold;
    font-size: 1.25rem;
    background-size: contain;
}
@media only screen and (max-width : 767px) {
    .watahan .about-flag {
        background-image: url("https://watahan.pro/images/img-line-ribbon-frame-sp.png");
        max-width: 375px;
        height: 150px;
        font-size: 17px;
        padding: 0 55px;
        line-height: 1.6;
        margin: auto;
    }
}
@media only screen and (max-width : 320px) {
    .watahan .about-flag {
        padding: 0 26px;
    }
}
.watahan .about-flag a {
    background: #1A1311;
    color: #fff;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    width: 195px;
    text-align: center;
    margin-top: 15px;
}
@media only screen and (max-width : 767px) {
    .watahan .about-flag a {
        margin-top: 5px;
    }
}
.watahan .about-market-list {
    margin-bottom: 20px;
}
.watahan .about-market-list .about-title {
    margin-bottom: 30px;
}
.watahan .about-market-list .clearfix {
    margin: 0 -10px;
}
.watahan .about-market-list .market__item {
    float: left;
    width: calc((100% - 60px)/3);
    margin: 0 10px 40px;
    height: 180px;
    border: 5px solid #fff;
    border-radius: 8px;
    position: relative;
}
@media only screen and (max-width : 767px) {
    .watahan .about-market-list .market__item {
        width: 100%;
        max-width: 290px;
        margin: 0 auto 10px;
        float: none;
        height: 100px;
        border-width: 3px;
        background-size: cover;
        background-position: center;
    }
}
.watahan .about-market-list .market__item p {
    position: absolute;
    top: 0;
    left: 0;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    padding: 10px 20px 10px 10px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    background-color: rgba(255, 255, 255, 0.9);
    font-size: 1.125rem;
    font-weight: bold;
}
@media only screen and (max-width : 767px) {
    .watahan .about-market-list .market__item p {
        font-size: 16px;
        padding-top: 8px;
        padding-bottom: 8px;
    }
}
.watahan .about-market-list .market__item p img {
    width: 30px;
    margin-right: 10px;
}
@media only screen and (max-width : 767px) {
    .watahan .about-market-list .market__item p img {
        width: 24px;
    }
}
.watahan .about-market-link {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
}
@media only screen and (max-width : 767px) {
    .watahan .about-market-link {
        flex-direction: column;
        align-items: center;
    }
}
.watahan .about-market-link .market__link {
    width: 333px;
    margin: 0 10px;
    border: 5px solid #fff;
    text-align: center;
    padding: 15px;
    border-radius: 8px;
    font-size: 1.25rem;
    font-weight: bold;
}
@media only screen and (max-width : 767px) {
    .watahan .about-market-link .market__link {
        width: 100%;
        max-width: 345px;
        margin: 0 0 15px;
        border-width: 3px;
        padding: 12px 25px;
        font-size: 20px;
    }
}
.watahan .about-market-link .market__link .market__link__thumb {
    height: 180px;
    border: 5px solid #fff;
    border-radius: 8px;
    margin-bottom: 20px;
}
@media only screen and (max-width : 767px) {
    .watahan .about-market-link .market__link .market__link__thumb {
        border-width: 3px;
        margin: 0 auto 15px;
        height: 120px;
    }
}
.watahan .about-market-link .market__link p {
    margin-bottom: 15px;
}
.watahan .about-market-link .market__link a {
    background-color: #1A1311;
    color: #fff;
    height: 40px;
    border-radius: 20px;
    line-height: 40px;
    display: block;
    width: 195px;
    margin: auto;
    text-align: center;
}
@media only screen and (max-width : 767px) {
    .watahan .about-market-link .market__link a {
        font-size: 18px;
        width: 172px;
    }
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-01 .container {
        padding: 0;
        max-width: 375px;
    }
}
.watahan .about-type-01 .about__block {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: -83px;
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-01 .about__block {
        flex-direction: column;
        margin-bottom: 0;
    }
}
.watahan .about-type-01 .about__block.block__text-left .block__img {
    order: 2;
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-01 .about__block.block__text-left .block__img {
        align-self: flex-end;
        order: 1;
    }
}
.watahan .about-type-01 .about__block.block__text-left .block__text {
    order: 1;
    margin-bottom: 110px;
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-01 .about__block.block__text-left .block__text {
        margin-bottom: 0;
    }
}
.watahan .about-type-01 .about__block.block__text-left .block__text .block__text--yellow,
.watahan .about-type-01 .about__block.block__text-left .block__text .block__text--yellow.small {
    padding-left: 50px;
    padding-right: 40px;
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-01 .about__block.block__text-left .block__text .block__text--yellow,
    .watahan .about-type-01 .about__block.block__text-left .block__text .block__text--yellow.small {
        padding-left: 15px;
        padding-right: 0;
    }
}
.watahan .about-type-01 .about__block.block__text-left .block__text .block__text--yellow img,
.watahan .about-type-01 .about__block.block__text-left .block__text .block__text--yellow.small img {
    left: -20px;
    right: initial;
    -webkit-transform: scaleX(-1);
    -khtml-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-01 .about__block.block__text-left .block__text .block__text--yellow img,
    .watahan .about-type-01 .about__block.block__text-left .block__text .block__text--yellow.small img {
        left: initial;
        -webkit-transform: scaleX(1);
        -khtml-transform: scaleX(1);
        -moz-transform: scaleX(1);
        -ms-transform: scaleX(1);
        -o-transform: scaleX(1);
        transform: scaleX(1);
        right: -15px;
    }
}
.watahan .about-type-01 .about__block.block--bottom {
    align-items: flex-end;
    padding-bottom: 70px;
    margin-bottom: 0;
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-01 .about__block.block--bottom {
        padding-bottom: 0;
    }
}
.watahan .about-type-01 .about__block.block--bottom.block--bottom--right .block__text {
    margin-left: auto;
    margin-right: 35px;
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-01 .about__block.block--bottom.block--bottom--right .block__text {
        margin-top: 0;
        margin-right: 0;
    }
}
.watahan .about-type-01 .about__block.block--bottom.block--bottom--left .block__text {
    margin-top: 15px;
    margin-left: 35px;
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-01 .about__block.block--bottom.block--bottom--left .block__text {
        margin-top: 0;
        margin-left: 0;
    }
}
.watahan .about-type-01 .about__block.block--bottom .block__text {
    font-size: 1.25rem;
    line-height: 1.55;
    display: inline-block;
    position: relative;
    padding: 0;
    margin-top: 0;
    width: auto;
    margin-bottom: -60px;
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-01 .about__block.block--bottom .block__text {
        order: 2;
        margin: 30px auto 0;
        font-size: 18px;
        line-height: 1.75;
    }
}
@media only screen and (max-width : 320px) {
    .watahan .about-type-01 .about__block.block--bottom .block__text {
        font-size: 16px;
    }
}
.watahan .about-type-01 .about__block.block--bottom .block__text > img {
    display: block;
}
.watahan .about-type-01 .about__block.block--bottom .block__text span {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 200px;
}
.watahan .about-type-01 .about__block .block__img {
    position: relative;
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-01 .about__block .block__img {
        align-self: flex-start;
    }
}
.watahan .about-type-01 .about__block .block__img img {
    position: relative;
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-01 .about__block .block__img img {
        width: 300px;
    }
}
.watahan .about-type-01 .about__block .block__text {
    font-size: 1.5625rem;
    font-weight: bold;
    width: 445px;
    position: relative;
    margin-bottom: 130px;
}
@media only screen and (max-width : 920px) {
    .watahan .about-type-01 .about__block .block__text {
        margin-bottom: 100px;
    }
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-01 .about__block .block__text {
        width: 100%;
        padding-left: 0;
        max-width: 375px;
        margin: 0 auto;
    }
}
@media only screen and (max-width : 320px) {
    .watahan .about-type-01 .about__block .block__text {
        font-size: 16px;
    }
}
.watahan .about-type-01 .about__block .block__text > .clearfix {
    margin-bottom: 12px;
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-01 .about__block .block__text > .clearfix {
        padding: 0 15px;
        margin-bottom: 0;
        margin-top: 30px;
    }
}
.watahan .about-type-01 .about__block .block__text .block__text--yellow {
    position: relative;
    background: url("https://watahan.pro/images/about-text-bg.png") bottom left no-repeat;
    background-size: 100% auto;
    padding-bottom: 14px;
    padding-left: 15px;
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-01 .about__block .block__text .block__text--yellow {
        background-image: url("https://watahan.pro/images/about-text-bg-sp.png");
        text-align: center;
        margin: 24px 15px 27px auto;
        max-width: 375px;
        padding-left: 15px;
    }
}
.watahan .about-type-01 .about__block .block__text .block__text--yellow.small {
    font-size: 1.25rem;
    line-height: 1.5;
    padding-bottom: 10px;
    padding-right: 6px;
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-01 .about__block .block__text .block__text--yellow.small {
        text-align: left;
        font-size: 18px;
        padding-right: 0;
    }
}

@media only screen and (max-width : 320px) {
    .watahan .about-type-01 .about__block .block__text .block__text--yellow.small {
        font-size: 16px;
    }
}
.watahan .about-type-01 .about__block .block__text .block__text--yellow > img {
    position: absolute;
    right: -20px;
    bottom: -25px;
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-01 .about__block .block__text .block__text--yellow > img {
        right: -15px;
        bottom: -15px;
        width: 32px;
    }
}
.watahan .about-type-01 .about__block .block__text.fs-small {
    font-size: 1.25rem;
    line-height: 1.6;
}
.watahan .about-type-01 .about__block .block__text span {
    position: relative;
}
.watahan .about-type-01 .about__block .block__text .about__bubble:nth-child(1) {
    margin-left: -27px;
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-01 .about__block .block__text .about__bubble:nth-child(1) {
        margin-left: 0;
    }
}
.watahan .about-type-01 .about__block .block__text .about__bubble:nth-child(2) {
    float: right;
}
.watahan .about-type-02 {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-02 {
        flex-direction: column;
    }
}
.watahan .about-type-02 .about-type-02--yellow {
    position: relative;
    font-size: 1.875rem;
    font-weight: 900;
    line-height: 1.5;
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-02 .about-type-02--yellow {
        margin: 0 -15px 30px;
    }
}
.watahan .about-type-02 .about-type-02--yellow span {
    position: absolute;
    bottom: 6px;
    left: 80px;
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-02 .about-type-02--yellow span {
        left: 30px;
        bottom: 8px;
    }
}
.watahan .about-type-02 .about__bubble {
    margin-bottom: 0;
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-02 .about__bubble {
        margin-bottom: 20px;
    }
}
.watahan .about-type-02 .about-type-02__col,
.watahan .about-type-02 .about-type-02__youtube {
    width: calc((100% - 30px)/2);
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-02 .about-type-02__col,
    .watahan .about-type-02 .about-type-02__youtube {
        width: 100%;
        max-width: 375px;
    }
}
.watahan .about-type-02 .about-type-02__youtube {
    padding: 15px;
    border: 5px solid #fff;
    border-radius: 8px;
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-02 .about-type-02__youtube {
        max-width: 375px;
        border-width: 3px;
        padding: 10px;
    }
}
.watahan .about-type-02 .about-type-02__youtube iframe {
    width: 100%;
    height: 227px;
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-02 .about-type-02__youtube iframe {
        height: 177px;
    }
}
.watahan .about-type-03 {
    position: relative;
    background: #fff url("https://watahan.pro/images/top-service-bg.png") repeat top center;
}
.watahan .about-type-03:after {
    content: "";
    width: 100%;
    position: absolute;
    bottom: -50px;
    height: 50px;
    background: url("https://watahan.pro/images/about-bg-02-under.png") repeat left top;
    z-index: 1;
}
.watahan .about-type-03 .about-type-03-bg {
    background: url("https://watahan.pro/images/about-type-03-bg.png") bottom 35px center no-repeat;
    padding-bottom: 50px;
    padding-top: 50px;
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-03 .about-type-03-bg {
        padding-top: 30px;
        padding-bottom: 0;
        background: url("https://watahan.pro/images/about-type-03-bg-sp.png") left 15px top 11px no-repeat;
    }
}
.watahan .about-type-03 .about-title {
    margin-bottom: 45px;
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-03 .about-title {
        margin-bottom: 25px;
    }
}
.watahan .about-type-03 .about-type-03__list {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    text-align: left;
    margin-bottom: 50px;
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-03 .about-type-03__list {
        flex-direction: column;
        margin-bottom: 30px;
    }
}
.watahan .about-type-03 .about-type-03__list > div {
    width: calc((100% - 40px)/3);
    height: 181px;
    border-radius: 8px;
    position: relative;
    color: #fff;
    background-size: cover;
    background-position: center;
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-03 .about-type-03__list > div {
        width: 100%;
        max-width: 290px;
        margin: 0 auto 10px;
        height: 100px;
    }
}
.watahan .about-type-03 .about-type-03__list > div:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    border: 5px solid #fff;
    border-radius: 8px;
}
.watahan .about-type-03 .about-type-03__list > div h3 {
    position: absolute;
    bottom: 5px;
    background-color: rgba(0, 0, 0, 0.4);
    font-size: 1.125rem;
    font-weight: bold;
    padding: 13px 15px;
    width: 100%;
    border-radius: 0 0 8px 8px;
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-03 .about-type-03__list > div h3 {
        font-size: 18px;
    }
}
.watahan .about-type-image {
    position: relative;

    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-image {
        text-align: left;
    }
}
.watahan .about-type-image:before, .watahan .about-type-image:after {
    content: "";
    width: 100%;
    height: 50px;
    position: absolute;
    left: 0;
    z-index: 1;
}
.watahan .about-type-image:before {
    bottom: 0;
    background: url(https://watahan.pro/images/about-bg-02-start.png) repeat left top;
}
.watahan .about-type-image:after {
    bottom: -50px;
    background: url(https://watahan.pro/images/about-bg-02-under.png) repeat left top;
    z-index: 1;
}
.watahan .about-type-image .container {
    position: relative;
    height: 100%;
    color: #fff;
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-image .container {
        max-width: 400px;
    }
}
.watahan .about-type-image.about-type-image--fresh {
    height: 340px;
    background-image: url("https://watahan.pro/images/img-about-03-05.png");
    font-weight: 900;
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-image.about-type-image--fresh {
        height: 300px;
    }
}
.watahan .about-type-image.about-type-image--fresh .about-type-image--fresh__tomato {
    position: absolute;
    left: -122px;
    top: -45px;
    z-index: 1;
}
@media screen and (max-width: 1165px) {
    .watahan .about-type-image.about-type-image--fresh .about-type-image--fresh__tomato {
        width: 41.8%;
        left: 0;
        max-width: 384px;
    }
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-image.about-type-image--fresh .about-type-image--fresh__tomato {
        position: relative;
        top: 10px;
        left: -15px;
        width: 200px;
        margin-bottom: 50px;
    }
}
.watahan .about-type-image.about-type-image--fresh .about-type-image--fresh__bubble {
    position: absolute;
    left: 290px;
    top: 70px;
    background-image: url("https://watahan.pro/images/img-about-callout-03.png");
    background-size: cover;
    width: 405px;
    height: 85px;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    padding-left: 67px;
    font-size: 1.875rem;
}
@media screen and (max-width: 1165px) {
    .watahan .about-type-image.about-type-image--fresh .about-type-image--fresh__bubble {
        left: 45%;
    }
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-image.about-type-image--fresh .about-type-image--fresh__bubble {
        position: static;
        float: right;
        width: 231px;
        height: 48px;
        font-size: 16px;
        justify-content: center;
        padding-left: 20px;
        margin-bottom: 25px;
    }
}
.watahan .about-type-image.about-type-image--fresh .about-type-image--fresh--yellow {
    position: absolute;
    right: 15%;
    bottom: 120px;
    font-size: 1.75rem;
}
@media screen and (max-width: 1165px) {
    .watahan .about-type-image.about-type-image--fresh .about-type-image--fresh--yellow {
        right: 0;
    }
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-image.about-type-image--fresh .about-type-image--fresh--yellow {
        position: relative;
        bottom: initial;
        right: initial;
        clear: both;
        font-size: 20px;
    }
}
@media screen and (max-width: 350px) {
    .watahan .about-type-image.about-type-image--fresh .about-type-image--fresh--yellow {

        font-size: 18px;
    }
}
.watahan .about-type-image.about-type-image--fresh .about-type-image--fresh--yellow span {
    position: absolute;
    left: 15px;
    bottom: 15px;
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-image.about-type-image--fresh .about-type-image--fresh--yellow span {
        width: 100%;
        text-align: center;
        padding-right: 10px;
    }
}
.watahan .about-type-image.about-type-image--community {
    height: 492px;
    background-image: url("https://watahan.pro/images/about-04-04.png");
    font-size: 1.25rem;
    line-height: 1.6;
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-image.about-type-image--community {
        height: 595px;
        line-height: 1.8;
    }
}
.watahan .about-type-image.about-type-image--community:after {
    display: none;
}
.watahan .about-type-image.about-type-image--community .container {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-weight: bold;
}
.watahan .about-type-image.about-type-image--community a {
    color: #fff;
    border: 3px solid #fff;
    border-radius: 25px;
    width: 295px;
    height: 50px;
    line-height: 44px;
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-image.about-type-image--community a {
        text-align: center;
        width: 100%;
        max-width: 345px;
        font-size: 20px;
    }
}
.watahan .about-type-image.about-type-image--community .community__top {
    margin-bottom: 5px;
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-image.about-type-image--community .community__top {
        font-size: 20px;
    }
}
.watahan .about-type-image.about-type-image--community .community__desc {
    margin-bottom: 25px;
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-image.about-type-image--community .community__desc {
        font-size: 18px;
    }
}
.watahan .about-type-image.about-type-image--community h2 {
    font-size: 2.5rem;
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-image.about-type-image--community h2 {
        margin-bottom: 10px;
    }
}
.watahan .about-type-image.about-type-image--community h2 span {
    font-size: 4.375rem;
    font-family: "Arial";
    margin-left: 25px;
    margin-right: 10px;
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-image.about-type-image--community h2 span {
        font-size: 60px;
    }
}
@media only screen and (max-width: 340px) {
    .watahan .about-type-image.about-type-image--community h2 span {
        font-size: 50px;
    }
}
.watahan .about-type-image.about-type-image--community h2 small {
    font-size: 1.875rem;
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-image.about-type-image--community h2 small {
        font-size: 20px;
    }
}
.watahan .about-type-bottom {
    background: url("https://watahan.pro/images/top-about-bg.jpg") repeat center;
    position: relative;
    padding-top: 110px;
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-bottom {
        padding-top: 80px;
    }
}
.watahan .about-type-bottom .about-type-bottom__wrap {
    background: url("https://watahan.pro/images/about-type-bottom-bg.png") top 40px center no-repeat;
    padding-bottom: 60px;
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-bottom .about-type-bottom__wrap {
        background: url("https://watahan.pro/images/about-type-bottom-bg-sp.png") top 20px center no-repeat;
        padding-bottom: 30px;
    }
}
.watahan .about-type-bottom .about-type-bottom__block-link {
    position: relative;
}
.watahan .about-type-bottom .about-type-bottom__block-link .about-type-bottom__img {
    position: absolute;
    bottom: 0;
    left: -15px;
    right: 5px;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: flex-end;
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-bottom .about-type-bottom__block-link .about-type-bottom__img {
        position: static;
        width: 237px;
        margin: auto;
    }
}
.watahan .about-type-bottom .about-type-bottom__block-link .about-type-bottom__img .about-type-bottom__block-link__bear-01 {
    margin-right: auto;
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-bottom .about-type-bottom__block-link .about-type-bottom__img .about-type-bottom__block-link__bear-01 {
        width: 150px;
    }
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-bottom .about-type-bottom__block-link .about-type-bottom__img .about-type-bottom__block-link__bear-02 {
        width: 87px;
    }
}
.watahan .about-type-bottom .about-type-bottom__block-link .block-link__item {
    width: 480px;
    height: 390px;
    margin: auto;
    position: relative;
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-bottom .about-type-bottom__block-link .block-link__item {
        height: 240px;
        max-width: 307px;
        width: 100%;
        margin-bottom: 20px;
    }
}
.watahan .about-type-bottom .about-type-bottom__block-link .block-link__item.block-link__item--3-line .block-link__item__title h3 {
    line-height: 1.4;
}
.watahan .about-type-bottom .about-type-bottom__block-link .block-link__item.block-link__item--3-line .block-link__item__title h3 small {
    margin-top: 0;
}
.watahan .about-type-bottom .about-type-bottom__block-link .block-link__item > img {
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 100%;
    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.16);
}
.watahan .about-type-bottom .about-type-bottom__block-link .block-link__item .block-link__item__title {
    text-align: center;
    position: relative;
}
.watahan .about-type-bottom .about-type-bottom__block-link .block-link__item .block-link__item__title h3 {
    position: absolute;
    top: 47%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    white-space: nowrap;
    color: #0066A5;
    font-weight: 900;
    font-size: 1.75rem;
    z-index: 1;
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-bottom .about-type-bottom__block-link .block-link__item .block-link__item__title h3 {
        font-size: 18px;
    }
}
.watahan .about-type-bottom .about-type-bottom__block-link .block-link__item .block-link__item__title h3 small {
    color: #1A1311;
    font-size: 1.25rem;
    margin-top: 14px;
    display: block;
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-bottom .about-type-bottom__block-link .block-link__item .block-link__item__title h3 small {
        font-size: 13px;
        margin-top: 10px;
    }
}
.watahan .about-type-bottom .about-type-bottom__block-link .block-link__item > a {
    background-color: #1A1311;
    text-align: center;
    width: 120px;
    height: 120px;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #fff;
    border-radius: 100%;
    position: absolute;
    right: 32px;
    bottom: 0;
    z-index: 1;
    font-weight: bold;
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-bottom .about-type-bottom__block-link .block-link__item > a {
        right: 0;
        width: 90px;
        height: 90px;
    }
}
.watahan .about-type-bottom .about-type-bottom__block-link .block-link__item > a img {
    margin-top: 15px;
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-bottom .about-type-bottom__block-link .block-link__item > a img {
        margin-top: 5px;
    }
}
.watahan .about-type-bottom.bottom-02 .about-title {
    margin-bottom: 60px;
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-bottom.bottom-02 .about-title {
        margin-bottom: 30px;
    }
}
.watahan .about-type-bottom.bottom-02 .bottom-02__link {
    position: relative;
    display: inline-block;
    padding-bottom: 40px;
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-bottom.bottom-02 .bottom-02__link {
        padding-bottom: 20px;
    }
}
.watahan .about-type-bottom.bottom-02 .bottom-02__link a {
    display: block;
    width: 300px;
    height: 60px;
    border-radius: 30px;
    background: #1A1311;
    color: #fff;
    font-size: 1.25rem;
    line-height: 60px;
    font-weight: bold;
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-bottom.bottom-02 .bottom-02__link a {
        font-size: 20px;
        width: 172px;
        height: 40px;
        line-height: 40px;
        border-radius: 20px;
    }
}
@media only screen and (max-width : 320px) {
    .watahan .about-type-bottom.bottom-02 .bottom-02__link a {
        width: 140px;
        font-size: 17px;
    }
}
.watahan .about-type-bottom.bottom-02 .bottom-02__link img {
    position: absolute;
    right: calc(100% + 17px);
    top: -30px;
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-bottom.bottom-02 .bottom-02__link img {
        width: 146px;
        right: 100%;
        top: -20px;
    }
}
@media only screen and (max-width : 320px) {
    .watahan .about-type-bottom.bottom-02 .bottom-02__link img {
        width: 130px;
    }
}
.watahan.watahan-flyer .watahan__banner__desc {
    -webkit-transform: translateY(-190px);
    -khtml-transform: translateY(-190px);
    -moz-transform: translateY(-190px);
    -ms-transform: translateY(-190px);
    -o-transform: translateY(-190px);
    transform: translateY(-190px);
    margin-bottom: -154px;
}
@media only screen and (max-width : 767px) {
    .watahan.watahan-flyer .watahan__banner__desc {
        margin-bottom: 25px;
        -webkit-transform: translateY(-8px);
        -khtml-transform: translateY(-8px);
        -moz-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
        -o-transform: translateY(-8px);
        transform: translateY(-8px);
    }
}
.watahan.watahan-fresh .about-type-01 {
    margin-bottom: 28px;
}
.watahan.watahan-quality .about-type-01 {
    margin-bottom: 11px;
}
@media only screen and (max-width : 767px) {
    .watahan.watahan-quality .about-type-01 {
        margin-bottom: 30px;
    }
}
.watahan.watahan-quality .about-flag {
    color: #1A1311;
    line-height: 1.8;
    text-align: center;
}
@media only screen and (max-width : 767px) {
    .watahan.watahan-quality .about-flag {
        font-size: 18px;
    }
}
.watahan.watahan-paypay .watahan__banner__desc {
    margin-bottom: -120px;
}
@media only screen and (max-width : 767px) {
    .watahan.watahan-paypay .watahan__banner__desc {
        margin-bottom: 15px;
    }
}
.watahan.watahan-professional .watahan__banner__desc {
    -webkit-transform: translateY(-190px);
    -khtml-transform: translateY(-190px);
    -moz-transform: translateY(-190px);
    -ms-transform: translateY(-190px);
    -o-transform: translateY(-190px);
    transform: translateY(-190px);
    margin-bottom: -118px;
}
@media only screen and (max-width : 767px) {
    .watahan.watahan-professional .watahan__banner__desc {
        margin-bottom: 25px;
        -webkit-transform: translateY(-8px);
        -khtml-transform: translateY(-8px);
        -moz-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
        -o-transform: translateY(-8px);
        transform: translateY(-8px);
    }
}
.watahan.watahan-professional .about-type-01 {
    padding-bottom: 65px;
}
@media only screen and (max-width : 767px) {
    .watahan.watahan-professional .about-type-01 {
        padding-bottom: 0;
    }
}
.watahan.watahan-professional .about-type-01 .about__block {
    margin-bottom: -65px;
}
@media only screen and (max-width : 767px) {
    .watahan.watahan-professional .about-type-01 .about__block {
        margin-bottom: 10px;
    }
}
@media only screen and (max-width : 767px) {
    .watahan.watahan-professional .about-type-01 .about__block.block__text-left {
        margin-bottom: 0;
    }
}
.watahan.watahan-professional .about-type-01 .about__block.block__text-left .block__img {
    margin-right: -55px;
    -webkit-transform: translateY(-25px);
    -khtml-transform: translateY(-25px);
    -moz-transform: translateY(-25px);
    -ms-transform: translateY(-25px);
    -o-transform: translateY(-25px);
    transform: translateY(-25px);
}
@media only screen and (max-width : 920px) {
    .watahan.watahan-professional .about-type-01 .about__block.block__text-left .block__img {
        margin-right: 0;
    }
}
@media only screen and (max-width : 767px) {
    .watahan.watahan-professional .about-type-01 .about__block.block__text-left .block__img {
        -webkit-transform: translateY(0);
        -khtml-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    .watahan.watahan-professional .about-type-01 .about__block.block__text-left .block__img img {
        width: 100%;
    }
}
.watahan.watahan-professional .about-type-image {
    padding-top: 100px;
    padding-bottom: 17px;
    text-align: left;
    background: url("https://watahan.pro/images/top-about-bg.jpg") repeat center;
}
@media only screen and (max-width : 767px) {
    .watahan.watahan-professional .about-type-image {
        padding-bottom: 0;
    }
}
@media only screen and (max-width : 767px) {
    .watahan.watahan-professional .about-type-image .container {
        padding: 0;
    }
}
.watahan.watahan-professional .about-type-image .professional__yellow {
    color: #1A1311;
    font-size: 1.25rem;
    font-weight: bold;
    padding-left: 15px;
    line-height: 1.8;
    padding-bottom: 8px;
    background: url("https://watahan.pro/images/img-mark-long.png") bottom left no-repeat;
}
@media only screen and (max-width : 767px) {
    .watahan.watahan-professional .about-type-image .professional__yellow {
        background-image: url("https://watahan.pro/images/about-text-bg-sp.png");
        padding-right: 15px;
        font-size: 18px;
    }
}
.watahan.watahan-professional .about-type-image img {
    margin: 0 -118px;
    width: 1156px;
    max-width: initial;
}
@media screen and (max-width: 1160px) {
    .watahan.watahan-professional .about-type-image img {
        margin: 0;
        max-width: 100%;
    }
}
.watahan.watahan-market .watahan__banner__desc {
    margin-bottom: -165px;
}
@media only screen and (max-width : 767px) {
    .watahan.watahan-market .watahan__banner__desc {
        margin-bottom: 0;
        padding: 0;
    }
}
.watahan.watahan-market .about-flag {
    margin-bottom: 60px;
}

.service-index {
    background-color: #fff;
}
.service-index .breadcrumb {
    margin-top: 20px;
    margin-bottom: 20px;
}
@media only screen and (max-width : 767px) {
    .service-index .breadcrumb {
        margin-top: 15px;
        margin-bottom: 15px;
    }
}
.service-index .service__content {
    background: url("https://watahan.pro/images/service-bg.png") repeat center;
    position: relative;
    overflow: hidden;
    padding: 60px 0 30px;
}
@media only screen and (max-width : 767px) {
    .service-index .service__content {
        padding: 30px 0 10px;
    }
}
.service-index .service__content > img {
    position: absolute;
    left: -28px;
    bottom: 60px;
}
@media only screen and (max-width : 767px) {
    .service-index .service__content > img {
        right: 15px;
        bottom: 30px;
        left: initial;
    }
}
.service-index .service__item-wrap {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -25px;
    justify-content: center;
}
@media only screen and (max-width : 767px) {
    .service-index .service__item-wrap {
        margin: 0 -10px;
        justify-content: flex-start;
    }
}
.service-index .service__item {
    padding: 0 25px;
    width: calc(100% / 3);
    margin-bottom: 30px;
}
.service-index .service__item .netlink {
    width:100%;
    text-align:center;
    background-color:#dbba01;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    line-height: 1.5em;
}
.service-index .service__item .netlink a {color:#FFF;width:100%;display:block;}









@media only screen and (max-width : 767px) {
    .service-index .service__item {
        width: 50%;
        padding: 0 10px;
        margin-bottom: 20px;
    }
}
.service-index .service__item .service__item__img {
    width: 150px;
    height: 150px;
    margin: 0 auto 20px;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 100%;
}
.service__item__img img.w80{
    max-width: 80px;
}

@media only screen and (max-width : 767px) {
    .service-index .service__item .service__item__img {
        width: 120px;
        height: 120px;
        margin-bottom: 10px;
    }
    .service-index .service__item .service__item__img img {
        width: 64px;
    }
}
.service-index .service__item .service__item__img.service__item__img--yen {
    position: relative;
}
.service-index .service__item .service__item__img.service__item__img--yen:after {
    content: "";
    width: 35px;
    height: 35px;
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: 100%;
    background: #DBBA01 url("https://watahan.pro/images/icon-pay.svg") no-repeat center;
}
@media only screen and (max-width : 767px) {
    .service-index .service__item .service__item__img.service__item__img--yen:after {
        width: 28px;
        height: 28px;
        background-size: 85%;
    }
}
.service-index .service__item h3 {
    background: url("https://watahan.pro/images/service-img-mark-white.png") no-repeat center bottom;
    padding-bottom: 8px;
    text-align: center;
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: 6px;
}
@media only screen and (max-width : 767px) {
    .service-index .service__item h3 {
        background-image: url("https://watahan.pro/images/service-img-mark-white-sp.png");
        font-size: 15px;
        min-height: 35px;
        display: -moz-box;

        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: flex-end;
        flex-direction: column;
        padding-bottom: 6px;
    }
}
@media only screen and (max-width : 375px) {
    .service-index .service__item h3 {
        background-size: 100% auto;
    }
}
.service-index .service__item h3 small {
    color: #0066A5;
    font-size: 1rem;
}
@media only screen and (max-width : 767px) {
    .service-index .service__item h3 small {
        display: block;
        font-size: 14px;
        margin-top: 8px;
    }
}
.service-index .service__item p {
    font-size: 1rem;
    line-height: 1.8;
}
@media only screen and (max-width : 767px) {
    .service-index .service__item p {
        font-size: 14px;
    }
}
.service-index .service__item p small {
    display: block;
    font-size: 0.875rem;
    margin-top: 9px;
}
.service-index .service__item p small a {
    color: #0066A5;
    text-decoration: underline;
}
.service-index .service__item p small a:hover {
    text-decoration: none;
}
@media only screen and (max-width : 767px) {
    .service-index .service__item p small {
        font-size: 13px;
        margin-top: 3px;
    }
}

.service {
    padding-bottom: 60px;
}
@media only screen and (max-width : 767px) {
    .service {
        padding-bottom: 30px;
    }
}
.service .breadcrumb {
    margin-bottom: 0;
}
.service .service__bg--white {
    background-color: #fff;
    padding-top: 20px;
    padding-bottom: 70px;
}
@media only screen and (max-width : 767px) {
    .service .service__bg--white {
        padding-bottom: 65px;
    }
}
.service .service__title {
    text-align: center;
}
.service .service__title h2 {
    position: relative;
    display: inline-block;
    font-size: 2.5rem;
    font-weight: 900;
    padding: 10px 85px;
    margin-bottom: 30px;
}
@media only screen and (max-width : 767px) {
    .service .service__title h2 {
        font-size: 24px;
        padding: 0 46px;
        line-height: 1.3;
    }
}
.service .service__title h2 > img {
    position: absolute;
    top: 0;
}
@media only screen and (max-width : 767px) {
    .service .service__title h2 > img {
        width: 36px;
    }
}
.service .service__title h2 > img.section-title--left {
    left: 0;
}
.service .service__title h2 > img.section-title--right {
    right: 0;
}
.service .service__title--yellow {
    text-align: center;
}
@media screen and (max-width: 340px) {
    .service .service__title--yellow {
        margin: 0 -15px;
    }
}
.service .service__title--yellow h2 {
    position: relative;
    display: inline-block;
    font-size: 1.5rem;
    font-weight: bold;
    padding: 10px 115px 0;
    margin-bottom: 50px;
}
@media only screen and (max-width : 767px) {
    .service .service__title--yellow h2 {
        font-size: 16px;
        padding: 0 66px;
        margin-bottom: 25px;
    }
}
@media screen and (max-width: 340px) {
    .service .service__title--yellow h2 {
        padding: 0 55px;
    }
}
.service .service__title--yellow h2 > img {
    position: absolute;
    top: 0;
}
@media only screen and (max-width : 767px) {
    .service .service__title--yellow h2 > img {
        width: 56px;
    }
}
@media screen and (max-width: 340px) {
    .service .service__title--yellow h2 > img {
        width: 45px;
    }
}
.service .service__title--yellow h2 > img.service__title--left {
    left: 0;
}
.service .service__title--yellow h2 > img.service__title--right {
    right: 0;
}
.service .service__title--yellow h2 span {
    display: inline-block;
    padding-bottom: 6px;
    border-bottom: 3px solid #FFC01A;
    margin-bottom: 10px;
}
@media only screen and (max-width : 767px) {
    .service .service__title--yellow h2 span {
        padding-bottom: 3px;
        margin-bottom: 6px;
        border-width: 2px;
    }
}
.service .service__top {
    position: relative;
    background: #fff url(https://watahan.pro/images/top-service-bg.png) repeat top center;
    padding-bottom: 1px;
    margin-bottom: 110px;
}
@media only screen and (max-width : 767px) {
    .service .service__top {
        margin-bottom: 80px;
    }
}
.service .service__top:before {
    content: "";
    width: 100%;
    position: absolute;
    top: -50px;
    height: 50px;
    background: url("https://watahan.pro/images/about-bg-02-start.png") repeat left top;
}
.service .service__top:after {
    content: "";
    width: 100%;
    position: absolute;
    bottom: -50px;
    height: 50px;
    background: url("https://watahan.pro/images/about-bg-02-under.png") repeat left top;
    z-index: 1;
}
@media only screen and (max-width : 767px) {
    .service .service__top .container {
        max-width: 375px;
    }
}
.service .service__top .service__top__bg {
    background: url("https://watahan.pro/images/about-bg-illust.png") top center no-repeat;
    padding-top: 50px;
    z-index: 2;
    margin-bottom: -50px;
    padding-bottom: 90px;
    position: relative;
}
@media only screen and (max-width : 767px) {
    .service .service__top .service__top__bg {
        background: url("https://watahan.pro/images/about-bg-illust-sp.png") top 50px center no-repeat;
        padding-bottom: 50px;
        padding-top: 0;
    }
}
.service .service__bottom {
    padding-top: 110px;
}
.service .service__shop-list .service__shop-list-filter {
    text-align: right;
    margin-bottom: 20px;
}
@media only screen and (max-width : 767px) {
    .service .service__shop-list .service__shop-list-filter {
        margin-bottom: 15px;

    }
}
.service .service__shop-list .service__shop-list-filter select {
    background-color: #fff;
    padding: 0 25px;
    border: 2px solid #0066A5;
    color: #0066A5;
    font-weight: bold;
    border-radius: 8px;
    width: 220px;
    height: 42px;
    font-size: 1.125rem;
    position: relative;
}
@media only screen and (max-width : 767px) {
    .service .service__shop-list .service__shop-list-filter select {
        width: 100%;
        font-size: 16px;
        height: 50px;
    }
}
.service .service__shop-list ul li {
    background-color: #fff;
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding: 20px 30px;
    position: relative;
}
@media only screen and (max-width : 767px) {
    .service .service__shop-list ul li {
        padding: 20px 10px;
    }
}
.service .service__shop-list ul li:last-child {
    border-bottom: 0;
}
.service .service__shop-list ul li p {
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: 15px;
}
@media only screen and (max-width : 767px) {
    .service .service__shop-list ul li p {
        font-size: 18px;
    }
}
.service .service__shop-list ul li .phone {
    font-size: 1.25rem;
    font-weight: bold;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
@media only screen and (max-width : 767px) {
    .service .service__shop-list ul li .phone {
        margin-bottom: 19px;
        font-size: 16px;
    }
}
.service .service__shop-list ul li .phone img {
    margin-right: 10px;
}
.service .service__shop-list ul li .phone span {
    font-weight: normal;
    margin-left: 55px;
}
.service .service__shop-list ul li .shop-list__btn {
    position: absolute;
    right: 30px;
    bottom: 20px;
}
@media only screen and (max-width : 767px) {
    .service .service__shop-list ul li .shop-list__btn {
        position: static;
        margin: 0 -10px;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
}
.service .service__shop-list ul li .shop-list__btn a, .service .service__shop-list ul li .shop-list__btn span {
    font-size: 16px;
    padding: 0 43px;
    background-color: #1A1311;
    text-align: center;
    min-width: 100px;
    display: inline-block;
    border-radius: 18px;
    color: #fff;
    height: 36px;
    line-height: 36px;
    font-weight: bold;
    margin-left: 15px;
}
@media only screen and (max-width : 767px) {
    .service .service__shop-list ul li .shop-list__btn a, .service .service__shop-list ul li .shop-list__btn span {
        margin: 0 10px;
        font-size: 14px;
        padding: 0 63px;
        max-width: 185px;
        min-width: initial;
        width: 100%;
    }
    .service .service__shop-list ul li .shop-list__btn a:last-child, .service .service__shop-list ul li .shop-list__btn span:last-child {
        padding: 0;
        max-width: 120px;
        min-width: initial;
        width: 100%;
    }
}
.service .service__shop-list ul li .shop-list__btn a img, .service .service__shop-list ul li .shop-list__btn span img {
    transform: translateY(3px);
}
.service .service__shop-list ul li .shop-list__btn span {
    background-color: #ccc;
    cursor: not-allowed;
}
.service .service__shop-list .service__shop-list__wrap {
    position: relative;
    min-height: 28px;
}
@media only screen and (max-width : 767px) {
    .service .service__shop-list .service__shop-list__wrap {
        min-height: 42px;
        line-height: 1.6;
    }
}
.service .service__shop-list .service__shop-list__wrap > p {
    font-size: 1.125rem;
    font-weight: bold;
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 10px;
}
@media only screen and (max-width : 767px) {
    .service .service__shop-list .service__shop-list__wrap > p {
        font-size: 16px;
    }
}
@media only screen and (max-width : 767px) {
    .service .service__text-about {
        margin: 0 -15px;
    }
}
.service .service__text-about .about__block {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: -83px;
}
@media only screen and (max-width : 767px) {
    .service .service__text-about .about__block {
        flex-direction: column;
        margin-bottom: 30px;
    }
}
.service .service__text-about .about__block:last-child {
    margin-bottom: 0;
}
.service .service__text-about .about__block.block--bottom {
    align-items: flex-end;
    padding-bottom: 52px;
    margin-bottom: 0;
}
@media only screen and (max-width : 767px) {
    .service .service__text-about .about__block.block--bottom {
        padding-bottom: 0;
    }
}
.service .service__text-about .about__block.block--bottom .block__text {
    font-size: 1.25rem;
    line-height: 1.55;
    display: inline-block;
    position: relative;
    padding: 0;
    margin-top: 0;
    width: auto;
    margin-bottom: -60px;
}
@media only screen and (max-width : 767px) {
    .service .service__text-about .about__block.block--bottom .block__text {
        order: 2;
        margin-bottom: 0;
        font-size: 18px;
        line-height: 1.75;
    }
}
.service .service__text-about .about__block.block--bottom .block__text span {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 200px;
}
.service .service__text-about .about__block.block--bottom .block__img {
    order: 2;
}
@media only screen and (max-width : 767px) {
    .service .service__text-about .about__block.block--bottom .block__img {
        order: 1;
        align-self: flex-end;
    }
}
@media only screen and (max-width : 767px) {
    .service .service__text-about .about__block .block__img {
        align-self: flex-start;
        margin-bottom: 30px;
    }
    .service .service__text-about .about__block .block__img img {
        width: 300px;
    }
}
.service .service__text-about .about__block .block__text {
    font-size: 1.25rem;
    font-weight: bold;
    width: 445px;
    position: relative;
    margin-bottom: 130px;
}
@media only screen and (max-width : 767px) {
    .service .service__text-about .about__block .block__text {
        width: 100%;
        padding-left: 0;
        max-width: 375px;
        margin: 0 auto;
    }
}
.service .service__text-about .about__block .block__text--yellow {
    position: relative;
    background: url(https://watahan.pro/images/about-text-bg.png) bottom left no-repeat;
    background-size: 100% auto;
    padding-left: 15px;
    font-size: 1.25rem;
    line-height: 1.5;
    padding-bottom: 10px;
    padding-right: 6px;
}
@media only screen and (max-width : 767px) {
    .service .service__text-about .about__block .block__text--yellow {
        text-align: left;
        font-size: 18px;
        padding-right: 0;
        background-image: url(https://watahan.pro/images/about-text-bg-sp.png);
        margin: 0 15px 0 auto;
        max-width: 375px;
        padding-left: 15px;
    }
}
.service .service__text-about .about__block .block__text--yellow img {
    position: absolute;
    right: -20px;
    bottom: -25px;
}
@media only screen and (max-width : 767px) {
    .service .service__text-about .about__block .block__text--yellow img {
        right: -15px;
        bottom: -15px;
        width: 32px;
    }
}
.service .service__text-about .about__block .clearfix {
    margin-bottom: 23px;
}
@media only screen and (max-width : 767px) {
    .service .service__text-about .about__block .clearfix {
        padding: 0 15px;
        margin-bottom: 18px;
    }
}
.service .service__text-about .about__block .about__bubble {
    width: 320px;
    height: 98px;
    background: url(https://watahan.pro/images/img-about-callout-01.png) no-repeat top left;
    font-size: 1.25rem;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 25px 13px 31px;
    font-weight: bold;
    line-height: 1.6;
}
@media only screen and (max-width : 920px) {
    .service .service__text-about .about__block .about__bubble {
        height: 90px;
        width: 270px;
        background-size: contain;
    }
}
@media only screen and (max-width : 767px) {
    .service .service__text-about .about__block .about__bubble {
        font-size: 16px;
    }
}
.service .service__text-about .about__block .about__bubble:nth-child(1) {
    margin-left: -27px;
}
@media only screen and (max-width : 767px) {
    .service .service__text-about .about__block .about__bubble:nth-child(1) {
        margin-left: 0;
    }
}
@media only screen and (max-width : 767px) {
    .service .service-flag-wrap {
        margin: 0 -15px;
    }
}
.service .service-flag {
    background: url("https://watahan.pro/images/img-line-ribbon-frame.png") no-repeat center;
    height: 130px;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #0066A5;
    font-weight: bold;
    font-size: 1.25rem;
    background-size: contain;
}
@media only screen and (max-width : 767px) {
    .service .service-flag {
        background-image: url("https://watahan.pro/images/img-line-ribbon-frame-sp.png");
        max-width: 375px;
        height: 150px;
        font-size: 17px;
        padding: 0 55px;
        line-height: 1.6;
        margin: auto;
    }
}
@media only screen and (max-width : 320px) {
    .service .service-flag {
        padding: 0 26px;
    }
}
.service .service-flag a {
    background: #1A1311;
    color: #fff;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    width: 195px;
    text-align: center;
    margin-top: 15px;
}
@media only screen and (max-width : 767px) {
    .service .service-flag a {
        margin-top: 5px;
    }
}
.service.service-one-block {
    padding-bottom: 0;
}
.service.service-one-block .service__top {
    margin-bottom: 0;
}
.service.service-one-block .service__top:after {
    display: none;
}
.service.service-one-block .service__top .service__top__bg {
    margin-bottom: 0;
    padding-bottom: 60px;
}
@media only screen and (max-width : 767px) {
    .service.service-one-block .service__top .service__top__bg {
        padding-bottom: 30px;
    }
}

.service-eco__content {
    margin-bottom: 60px;
}
@media only screen and (max-width : 767px) {
    .service-eco__content.container {
        max-width: 375px;
        margin: 0 auto 30px;
    }
}
.service-eco__content h3 {
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}
@media only screen and (max-width : 767px) {
    .service-eco__content h3 {
        font-size: 18px;
        line-height: 1.8;
        font-weight: 900;
    }
}
.service-eco__content .service-eco-img {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px;
}
@media only screen and (max-width : 767px) {
    .service-eco__content .service-eco-img {
        flex-direction: column;
        margin-bottom: 30px;
    }
}
@media only screen and (max-width : 920px) {
    .service-eco__content .service-eco-img.service-eco-img-01 img {
        width: 49.5%;
    }
}
@media only screen and (max-width : 767px) {
    .service-eco__content .service-eco-img.service-eco-img-01 img {
        width: 100%;
        margin-bottom: 10px;
    }
    .service-eco__content .service-eco-img.service-eco-img-01 img:last-child {
        margin-bottom: 0;
    }
}
.service-eco__content .service-eco-img.service-eco-img-02 img {
    margin-right: -5px;
}
@media only screen and (max-width : 920px) {
    .service-eco__content .service-eco-img.service-eco-img-02 img {
        margin-right: 0;
        width: 33.33%;
    }
}
@media only screen and (max-width : 767px) {
    .service-eco__content .service-eco-img.service-eco-img-02 img {
        width: 100%;
        margin-bottom: -3px;
    }
}
.service-eco__content .service-eco-img.service-eco-img-02 img:last-child {
    margin-right: 0;
}
.service-eco__content .service-eco-img.service-eco-img-03 {
    margin-bottom: 40px;
}
@media only screen and (max-width : 920px) {
    .service-eco__content .service-eco-img.service-eco-img-03 img:first-child {
        width: 40%;
    }
    .service-eco__content .service-eco-img.service-eco-img-03 img:last-child {
        width: 60%;
    }
}
@media only screen and (max-width : 767px) {
    .service-eco__content .service-eco-img.service-eco-img-03 img:first-child,
    .service-eco__content .service-eco-img.service-eco-img-03 img:last-child {
        width: 100%;
    }
}

@media only screen and (max-width : 767px) {
    .service-oil .service__top__bg .service__title--yellow h2 {
        margin-bottom: 40px;
    }
}
.service-oil .service-oil__content {
    position: relative;
}
.service-oil .service-oil__content ul {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
@media only screen and (max-width : 767px) {
    .service-oil .service-oil__content ul {
        flex-direction: column;
        margin-bottom: 15px;
    }
}
.service-oil .service-oil__content ul li {
    position: relative;
    width: 192px;
    text-align: center;
    font-weight: bold;
}
@media only screen and (max-width : 920px) {
    .service-oil .service-oil__content ul li {
        width: calc((100% - 150px)/4);
    }
}
@media only screen and (max-width : 767px) {
    .service-oil .service-oil__content ul li {
        width: 100%;
        margin-bottom: 38px;
    }
    .service-oil .service-oil__content ul li:last-child {
        margin-bottom: 0;
    }
}
.service-oil .service-oil__content ul li + li:before {
    content: "";
    position: absolute;
    right: calc(100% + 16px);
    top: 50%;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 18px solid #1A1311;
}
@media only screen and (max-width : 767px) {
    .service-oil .service-oil__content ul li + li:before {
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 18px solid #1A1311;
        border-bottom: none;
        bottom: calc(100% + 10px);
        top: initial;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -khtml-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}
.service-oil .service-oil__content ul li h3 {
    background: #0066A5;
    color: #fff;
    font-family: "Arial";
    font-size: 1.25rem;
    padding: 15px 0;
    border-radius: 8px 8px 0 0;
}
@media only screen and (max-width : 767px) {
    .service-oil .service-oil__content ul li h3 {
        font-size: 16px;
        padding: 10px 0;
    }
}
.service-oil .service-oil__content ul li h3 span {
    font-size: 2.5rem;
}
@media only screen and (max-width : 767px) {
    .service-oil .service-oil__content ul li h3 span {
        font-size: 20px;
    }
}
.service-oil .service-oil__content ul li > div {
    background-color: rgba(255, 255, 255, 0.8);
    font-size: 1.125rem;
    line-height: 1.6;
    padding: 25px 0 20px;
    min-height: 204px;
    border-radius: 0 0 8px 8px;
}
@media only screen and (max-width : 767px) {
    .service-oil .service-oil__content ul li > div {
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        text-align: left;
        font-size: 18px;
        min-height: 100px;
    }
}
.service-oil .service-oil__content ul li img {
    display: block;
    margin: 0 auto 15px;
}
@media only screen and (max-width : 767px) {
    .service-oil .service-oil__content ul li img {
        margin-right: 25px;
        margin-left: 25px;
        margin-bottom: 0;
        width: 50px;
    }
}
.service-oil .service-oil__content .oil__bubble {
    float: right;
    width: 260px;
    height: 85px;
    padding-top: 39px;
    text-align: center;
    font-size: 1.25rem;
    font-weight: bold;
    background: url("https://watahan.pro/images/service__bubble.png");
}
@media only screen and (max-width : 767px) {
    .service-oil .service-oil__content .oil__bubble {
        font-size: 16px;
        padding-top: 42px;
    }
}

.service.service-sparekey .service__sparekey__content {
    background-color: #fff;
    color: #0066A5;
    line-height: 1.8;
    font-weight: bold;
    font-size: 1.125rem;
    padding: 22px 20px 19px;
    margin-top: 60px;
}
@media only screen and (max-width : 767px) {
    .service.service-sparekey .service__sparekey__content {
        font-size: 16px;
        padding: 15px;
    }
}
.service.service-sparekey .service__sparekey__content p {
    margin-bottom: 5px;
}
@media only screen and (max-width : 767px) {
    .service.service-sparekey .service__sparekey__content p {
        margin-bottom: 0;
    }
}

@media only screen and (max-width : 767px) {
    .service.service-cotton .service__title--yellow {
        margin: 0 -15px;
    }
    .service.service-cotton .service__title--yellow span {
        display: block;
        width: 244px;
        margin: 0 auto 6px;
    }
    .service.service-cotton .service__title--yellow h2 {
        padding: 0;
        width: 100%;
        margin-bottom: 40px;
    }
    .service.service-cotton .service__title--yellow h2 > img {
        top: initial;
        bottom: 6px;
    }
}
@media screen and (max-width: 365px) {
    .service.service-cotton .service__title {
        margin: 0 -15px;
    }
    .service.service-cotton .service__title h2 {
        padding: 0 40px;
    }
}
.service.service-cotton .service__title h2 {
    line-height: 1.3;
}
.service.service-cotton .service__title h2 > img {
    top: 28px;
}
.service.service-cotton .service__text-about {
    margin-bottom: 40px;
}
@media only screen and (max-width : 767px) {
    .service.service-cotton .service-flag {
        font-size: 14px;
    }
    .service.service-cotton .service-flag a {
        font-size: 18px;
    }
}

.service.service-truck .service__text-about {
    margin-bottom: 40px;
}
@media only screen and (max-width : 767px) {
    .service.service-truck .service__title--yellow {
        margin: 0 -15px;
    }
    .service.service-truck .service__title--yellow h2 {
        width: 100%;
        padding: 0;
        margin-bottom: 35px;
    }
}
.service.service-truck .about__block .block__img {
    margin-left: 57px;
}
@media only screen and (max-width : 767px) {
    .service.service-truck .about__block .block__img {
        margin-left: 0;
    }
}
.service.service-truck .about__block .block__text {
    margin-bottom: 100px;
}
.service.service-truck .about__block .block__text .block__text--yellow span {
    color: #0066A5;
}
@media only screen and (max-width : 767px) {
    .service.service-truck .about__block .block__text {
        margin-bottom: 0;
    }
}
.service.service-truck .service-flag-wrap {
    margin-bottom: 60px;
}
@media only screen and (max-width : 767px) {
    .service.service-truck .service-flag-wrap {
        margin-bottom: 30px;
    }
}
.service.service-truck .service-flag {
    color: #1A1311;
}
.service.service-truck .service-flag span {
    color: #0066A5;
    margin-top: 12px;
}
@media only screen and (max-width : 767px) {
    .service.service-truck .service-flag span {
        margin-top: 5px;
    }
}
.service.service-truck .truck-gallery {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}
@media only screen and (max-width : 767px) {
    .service.service-truck .truck-gallery {
        flex-direction: column;
    }
}
.service.service-truck .truck-gallery div {
    width: calc((100% - 40px)/3);
    height: 180px;
    background-size: cover;
    background-position: center;
    border: 5px solid #fff;
    border-radius: 8px;
}
@media only screen and (max-width : 767px) {
    .service.service-truck .truck-gallery div {
        width: 100%;
        max-width: 290px;
        margin: 0 auto 10px;
        height: 100px;
    }
    .service.service-truck .truck-gallery div:last-child {
        margin-bottom: 0;
    }
}

.service.service-pets .service__title--yellow h2 {
    margin-bottom: 42px;
}
@media only screen and (max-width : 767px) {
    .service.service-pets .service__title--yellow h2 img {
        top: initial;
        bottom: 6px;
    }
}
.service.service-pets .service__title--yellow h2 span.visible-xs {
    display: none;
}
@media only screen and (max-width : 767px) {
    .service.service-pets .service__title--yellow h2 span.visible-xs {
        display: inline-block;
    }
}
@media only screen and (max-width : 767px) {
    .service.service-pets .service__title--yellow h2 span.hidden-xs {
        display: none;
    }
}
.service.service-pets .pets__desc p {
    font-size: 1.25rem;
    font-weight: bold;
    background: url(https://watahan.pro/images/about-text-bg.png) bottom left no-repeat;
    padding-bottom: 10px;
    line-height: 1.6;
    padding-left: 15px;
    margin-bottom: 30px;
}
@media only screen and (max-width : 767px) {
    .service.service-pets .pets__desc p {
        font-size: 18px;
        background-image: url("https://watahan.pro/images/about-text-bg-sp.png");
        margin: 0 0 20px -15px;
        background-size: 100% auto;
        padding-right: 5px;
    }
}
.service.service-pets .pets__desc p:last-child {
    margin-bottom: 0;
}
.service.service-pets .pets__desc .pets__desc__img {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 52px;
}
@media only screen and (max-width : 767px) {
    .service.service-pets .pets__desc .pets__desc__img {
        flex-wrap: wrap;
        margin-bottom: 5px;
    }
}
.service.service-pets .pets__desc .pets__desc__img.pets__desc__img--04 img {
    width: calc((100% - 60px)/4);
}
@media only screen and (max-width : 767px) {
    .service.service-pets .pets__desc .pets__desc__img.pets__desc__img--04 img {
        width: calc((100% - 20px)/2);
        margin-bottom: 20px;
    }
}
.service.service-pets .pets__desc .pets__desc__img.pets__desc__img--02 img {
    width: calc((100% - 40px)/2);
}
@media only screen and (max-width : 767px) {
    .service.service-pets .pets__desc .pets__desc__img.pets__desc__img--02 img {
        width: 100%;
        margin-bottom: 20px;
    }
}
.service.service-pets .service__shop-list .service__shop-list-filter {
    text-align: left;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: flex-end;
}
@media only screen and (max-width : 767px) {
    .service.service-pets .service__shop-list .service__shop-list-filter {
        flex-direction: column;
        align-items: center;
    }
}
.service.service-pets .service-pets__phone {
    margin-right: auto;
    display: inline-flex;
    align-items: flex-end;
    margin-bottom: 10px;
}
@media only screen and (max-width : 767px) {
    .service.service-pets .service-pets__phone {
        margin-bottom: 30px;
        margin-right: 0;
    }
}
@media only screen and (max-width : 767px) {
    .service.service-pets .service-pets__phone img {
        width: 65px;
    }
}
@media screen and (max-width: 350px) {
    .service.service-pets .service-pets__phone img {
        width: 50px;
    }
}
.service.service-pets .service-pets__phone span {
    display: inline-flex;
    align-items: center;
    width: 330px;
    height: 84px;
    background: url("https://watahan.pro/images/img-about-callout-04.png") no-repeat top left;
    font-size: 1.25rem;
    line-height: 1.6;
    font-weight: bold;
    padding-left: 50px;
    margin-left: 15px;
}
@media only screen and (max-width : 767px) {
    .service.service-pets .service-pets__phone span {
        width: 280px;
        height: 74px;
        margin-left: 0;
        background-size: contain;
        font-size: 16px;
        padding-left: 44px;
    }
}
@media screen and (max-width: 350px) {
    .service.service-pets .service-pets__phone span {
        padding-left: 28px;
        font-size: 14px;
        width: 240px;
        height: 60px;
    }
}

@media only screen and (max-width : 767px) {
    .service.service-carpit .service__title--yellow {
        margin: 0 -15px;
    }
    .service.service-carpit .service__title--yellow h2 {
        width: 100%;
        padding: 0;
        margin-bottom: 40px;
    }
}
.service.service-carpit .service__title h2 {
    margin-bottom: 40px;
}
.service.service-carpit .carpit-info {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
@media only screen and (max-width : 767px) {
    .service.service-carpit .carpit-info {
        display: block;
    }
}
.service.service-carpit .carpit-info .carpit-info--left {
    width: 420px;
    order: 1;
}
@media only screen and (max-width : 920px) {
    .service.service-carpit .carpit-info .carpit-info--left {
        width: 50%;
    }
}
@media only screen and (max-width : 767px) {
    .service.service-carpit .carpit-info .carpit-info--left {
        width: 100%;
    }
}
.service.service-carpit .carpit-info .carpit-info--left .carpit-info-01,
.service.service-carpit .carpit-info .carpit-info--left .carpit-info-02 {
    border-radius: 8px;
    text-align: left;
    line-height: 1.6;
}
.service.service-carpit .carpit-info .carpit-info--left .carpit-info-01 table,
.service.service-carpit .carpit-info .carpit-info--left .carpit-info-02 table {
    width: 100%;
}
.service.service-carpit .carpit-info .carpit-info--left .carpit-info-01 th,
.service.service-carpit .carpit-info .carpit-info--left .carpit-info-02 th {
    width: 105px;
}
@media only screen and (max-width : 920px) {
    .service.service-carpit .carpit-info .carpit-info--left .carpit-info-01 th,
    .service.service-carpit .carpit-info .carpit-info--left .carpit-info-02 th {
        width: 95px;
    }
}
@media only screen and (max-width : 767px) {
    .service.service-carpit .carpit-info .carpit-info--left .carpit-info-01 th,
    .service.service-carpit .carpit-info .carpit-info--left .carpit-info-02 th {
        width: 76px;
    }
}
.service.service-carpit .carpit-info .carpit-info--left .carpit-info-01 {
    font-size: 1.125rem;
    font-weight: bold;
    background-color: #fff;
    margin-bottom: 15px;

    padding: 26px 15px 26px 25px;
}
@media only screen and (max-width : 767px) {
    .service.service-carpit .carpit-info .carpit-info--left .carpit-info-01 {
        font-size: 16px;
        padding-top: 20px;
        padding-bottom: 14px;
        margin-bottom: 10px;
    }
}
.service.service-carpit .carpit-info .carpit-info--left .carpit-info-01 th, .service.service-carpit .carpit-info .carpit-info--left .carpit-info-01 td {
    padding: 11px 0;
}
@media only screen and (max-width : 767px) {
    .service.service-carpit .carpit-info .carpit-info--left .carpit-info-01 th, .service.service-carpit .carpit-info .carpit-info--left .carpit-info-01 td {
        display: block;
        padding: 0;
    }
}
@media only screen and (max-width : 767px) {
    .service.service-carpit .carpit-info .carpit-info--left .carpit-info-01 th {
        width: 100%;
    }
}
@media only screen and (max-width : 767px) {
    .service.service-carpit .carpit-info .carpit-info--left .carpit-info-01 td {
        font-weight: normal;
        margin-bottom: 5px;
    }
}
.service.service-carpit .carpit-info .carpit-info--left .carpit-info-02 {
    font-size: 0.875rem;
    border: 5px solid #fff;
    padding: 13px 25px;
}
@media only screen and (max-width : 767px) {
    .service.service-carpit .carpit-info .carpit-info--left .carpit-info-02 {
        font-size: 14px;
        padding-top: 11px;
        padding-bottom: 3px;
        padding-left: 20px;
    }
}
.service.service-carpit .carpit-info .carpit-info--left .carpit-info-02 tr:first-child th {
    padding-bottom: 10px;
}
@media only screen and (max-width : 767px) {
    .service.service-carpit .carpit-info .carpit-info--left .carpit-info-02 tr:first-child th {
        padding-bottom: 15px;
    }
}
@media only screen and (max-width : 767px) {
    .service.service-carpit .carpit-info .carpit-info--left .carpit-info-02 td {
        padding-bottom: 7px;
    }
}
.service.service-carpit .carpit-info img {
    order: 2;
}
@media only screen and (max-width : 920px) {
    .service.service-carpit .carpit-info img {
        width: 48%;
    }
}
@media only screen and (max-width : 767px) {
    .service.service-carpit .carpit-info img {
        width: 100%;
        margin-bottom: 20px;
    }
}
.service.service-carpit .carpit-info p {
    color: #0066A5;
    margin-top: 15px;
    width: 100%;
    font-weight: bold;
    order: 3;
}
@media only screen and (max-width : 767px) {
    .service.service-carpit .carpit-info p {
        font-size: 14px;
        line-height: 1.6;
    }
}
.service.service-carpit .work-list {
    margin-bottom: 55px;
}
@media only screen and (max-width : 767px) {
    .service.service-carpit .work-list {
        margin-bottom: 25px;
    }
}
@media only screen and (max-width : 767px) {
    .service.service-carpit .work-list .work-list__nav {
        overflow: auto;
        margin: 0 -15px;
    }
}
.service.service-carpit .work-list .work-list__nav ul {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 10px;
}
.service.service-carpit .work-list .work-list__nav ul li {
    width: calc(100% / 3);
    background-color: #EDE9DF;
    min-width: 100px;
}

.service.service-carpit .work-list .work-list__nav ul li.active {
    background-color: #0066A5;
    position: relative;
}
.service.service-carpit .work-list .work-list__nav ul li.active:after {
    content: "";
    width: 0;
    height: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -khtml-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 100%;
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #0066A5;
}
.service.service-carpit .work-list .work-list__nav ul li.active a {
    color: #fff;
}
.service.service-carpit .work-list .work-list__nav ul li a {
    color: #1A1311;
    padding: 22px 0;
    text-align: center;
    display: block;
    font-weight: bold;
    cursor: pointer;
    transition: none;
}
@media only screen and (max-width : 767px) {
    .service.service-carpit .work-list .work-list__nav ul li a {
        padding: 0 8px;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        height: 48px;
        align-items: center;
        justify-content: center;
        text-align: center;
        font-size: 12px;
        line-height: 1.6;
    }
}
.service.service-carpit .work-list .work-list__content {
    margin-bottom: 15px;
    background-color: #fff;
}
.service.service-carpit .work-list .work-list__content .work-list__item {
    display: none;
    line-height: 1.65;
    padding: 25px 30px;
}
@media only screen and (max-width : 767px) {
    .service.service-carpit .work-list .work-list__content .work-list__item {
        font-size: 16px;
        padding: 15px 15px 10px;
        line-height: 1.6;
    }
}
.service.service-carpit .work-list .work-list__content .work-list__item.fade {
    opacity: 0;
    -webkit-transition: opacity 0.5s linear;
    -o-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear;
}
.service.service-carpit .work-list .work-list__content .work-list__item.fade.in {
    opacity: 1;
}
.service.service-carpit .work-list .work-list__content .work-list__item span {
    color: #0066A5;
    font-weight: bold;
}
.service.service-carpit .work-list .work-list__content .work-list__item.active {
    display: block;
}
@media only screen and (max-width : 767px) {
    .service.service-carpit .work-list .work-list__content .work-list__item ul li {
        margin-bottom: 5px;
    }
}
.service.service-carpit .work-list .work-list__desc {
    color: #0066A5;
    font-weight: bold;
    line-height: 1.75;
    font-size: 0.875rem;
}
@media only screen and (max-width : 767px) {
    .service.service-carpit .work-list .work-list__desc {
        font-size: 14px;
        line-height: 1.6;
    }
    .service.service-carpit .work-list .work-list__desc p {
        margin-bottom: 5px;
    }
}
.service.service-carpit .free-items {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 45px;
}
@media only screen and (max-width : 767px) {
    .service.service-carpit .free-items {
        margin-bottom: 18px;
    }
}
.service.service-carpit .free-items .free-items__item {
    width: calc((100% - 20px)/2);
    margin-bottom: 20px;
}
@media only screen and (max-width : 767px) {
    .service.service-carpit .free-items .free-items__item {
        width: 100%;
        font-size: 16px;
    }
}
.service.service-carpit .free-items .free-items__item h3 {
    background-color: #0066A5;
    color: #fff;
    font-weight: bold;
    padding: 22px 30px;
    border-radius: 8px;
}
@media only screen and (max-width : 767px) {
    .service.service-carpit .free-items .free-items__item h3 {
        text-align: center;
        padding: 12px 30px;
        position: relative;
    }
    .service.service-carpit .free-items .free-items__item h3:after {
        content: "";
        position: absolute;
        right: 15px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -khtml-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid #fff;
    }
}
.service.service-carpit .free-items .free-items__item p {
    background-color: #fff;
    line-height: 1.6;
    padding: 25px 30px;
}
@media only screen and (max-width : 767px) {
    .service.service-carpit .free-items .free-items__item p {
        padding: 14px 15px;
        display: none;
    }
}

.service.service-shopimo .bg-header {
    height: auto;
}
.service.service-shopimo .bg-header img {
    width: 100%;
}
.service.service-shopimo .bg-header:after {
    display: none;
}
@media only screen and (max-width : 767px) {
    .service.service-shopimo .service__top.shopimo--top .service__title h2 {
        margin-bottom: 11px;
    }
}
.service.service-shopimo .service__top.shopimo--top .service__top__bg {
    padding-bottom: 176px;
}
@media only screen and (max-width : 767px) {
    .service.service-shopimo .service__top.shopimo--top .service__top__bg {
        padding-bottom: 166px;
    }
}
.service.service-shopimo .service__top.shopimo--top .service__top__bg > img {
    position: absolute;
    right: 0;
    bottom: 61px;
}
@media only screen and (max-width : 767px) {
    .service.service-shopimo .service__top.shopimo--top .service__top__bg > img {
        width: 201px;
        bottom: 50px;
    }
}
.service.service-shopimo .shopimo-01 {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 20px;
    margin-bottom: 30px;
}
@media only screen and (max-width : 767px) {
    .service.service-shopimo .shopimo-01 {
        flex-direction: column;
    }
}
.service.service-shopimo .shopimo-01:before, .service.service-shopimo .shopimo-01:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 5px;
    background: url("https://watahan.pro/images/img-line.png") left center repeat-x;
}
.service.service-shopimo .shopimo-01:before {
    top: 0;
}
.service.service-shopimo .shopimo-01:after {
    bottom: 0;
}
.service.service-shopimo .shopimo-01 > div {
    font-weight: bold;
    font-size: 1.25rem;
    color: #0066A5;
    margin-left: 5px;
    position: relative;
}
@media only screen and (max-width : 767px) {
    .service.service-shopimo .shopimo-01 > div {
        font-size: 14px;
        margin-top: 5px;
        margin-left: 0;
    }
}
.service.service-shopimo .shopimo-01 > div > span {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
@media only screen and (max-width : 767px) {
    .service.service-shopimo .shopimo-01 > div > span {
        padding: 5px 45px 0;
        line-height: 1.6;
    }
}
.service.service-shopimo .shopimo-01 > div a {
    width: 195px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 20px;
    background: #1A1311;
    color: #fff;
    margin-top: 15px;
}
@media only screen and (max-width : 767px) {
    .service.service-shopimo .shopimo-01 > div a {
        margin-top: 3px;
    }
}
.service.service-shopimo .shopimo-02 {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}
@media only screen and (max-width : 767px) {
    .service.service-shopimo .shopimo-02 {
        flex-direction: column;
    }
}
.service.service-shopimo .shopimo-02 .shopimo-02--left,
.service.service-shopimo .shopimo-02 .shopimo-02--right {
    width: calc((100% - 20px)/2);
}
@media only screen and (max-width : 767px) {
    .service.service-shopimo .shopimo-02 .shopimo-02--left,
    .service.service-shopimo .shopimo-02 .shopimo-02--right {
        width: 100%;
    }
}
.service.service-shopimo .shopimo-02 .shopimo-02--right .step-01 {
    margin-top: 35px;
}
@media only screen and (max-width : 767px) {
    .service.service-shopimo .shopimo-02 .shopimo-02--right .step-01 {
        margin-bottom: 20px;
        margin-top: 20px;
    }
}
.service.service-shopimo .shopimo-02 .shopimo-02--right .step-01 > div {
    padding-top: 0;
}
.service.service-shopimo .shopimo-02 .shopimo-02__item {
    line-height: 1.6;
}
.service.service-shopimo .shopimo-02 .shopimo-02__item.step-01 img {
    float: left;
}
@media only screen and (max-width : 767px) {
    .service.service-shopimo .shopimo-02 .shopimo-02__item.step-02 > div {
        padding-left: 0;
        padding-right: 15px;
        padding-top: 0;
    }
}
.service.service-shopimo .shopimo-02 .shopimo-02__item.step-02 img {
    float: right;
}
@media only screen and (max-width : 920px) {
    .service.service-shopimo .shopimo-02 .shopimo-02__item > img {
        width: 172px;
    }
}
.service.service-shopimo .shopimo-02 .shopimo-02__item > div {
    overflow: hidden;
    padding-left: 20px;
    padding-top: 40px;
}
.service.service-shopimo .shopimo-02 .shopimo-02__item h4 {
    font-size: 1.125rem;
    color: #0066A5;
    margin-bottom: 5px;
    font-weight: 900;
}
@media only screen and (max-width : 767px) {
    .service.service-shopimo .shopimo-02 .shopimo-02__item h4 {
        font-size: 13px;
    }
}
.service.service-shopimo .shopimo-02 .shopimo-02__item p {
    font-size: 0.875rem;
    font-weight: bold;
}
@media only screen and (max-width : 767px) {
    .service.service-shopimo .shopimo-02 .shopimo-02__item p {
        font-size: 13px;
    }
}
@media only screen and (max-width : 767px) {
    .service.service-shopimo .shopimo-02 .shopimo-02--left .step-02 > div {
        padding-top: 30px;

    }
}
.service.service-shopimo .shopimo-03 {
    padding-bottom: 80px;
}
@media only screen and (max-width : 767px) {
    .service.service-shopimo .shopimo-03 {
        max-width: 375px;
    }
}
.service.service-shopimo .shopimo-03 h2 {
    margin-bottom: 50px;
}
.service.service-shopimo .shopimo-03 h2 img {
    margin: auto;
}
.service.service-shopimo .shopimo-03 .shopimo-03__01 {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}
@media only screen and (max-width : 767px) {
    .service.service-shopimo .shopimo-03 .shopimo-03__01 {
        flex-direction: column;
        margin-bottom: -5px;
    }
}
.service.service-shopimo .shopimo-03 .shopimo-03__01__item {
    width: calc((100% - 40px)/3);
    text-align: center;
    padding: 29px 0 15px;
    background-color: #fff;
}
.service.service-shopimo .shopimo-03 .shopimo-03__01__item:last-child {
    padding-top: 10px;
}
@media only screen and (max-width : 767px) {
    .service.service-shopimo .shopimo-03 .shopimo-03__01__item {
        width: 100%;
        margin-bottom: 15px;
        padding: 29px 0 15px;
    }
}
.service.service-shopimo .shopimo-03 .shopimo-03__01__item img {
    margin-bottom: 17px;
}
.service.service-shopimo .shopimo-03 .shopimo-03__01__item h4 {
    font-size: 1.125rem;
    font-weight: 900;
    color: #0066A5;
    margin-bottom: 8px;
}
@media only screen and (max-width : 767px) {
    .service.service-shopimo .shopimo-03 .shopimo-03__01__item h4 {
        font-size: 18px;
    }
}
.service.service-shopimo .shopimo-03 .shopimo-03__01__item p {
    font-size: 0.875rem;
    line-height: 1.6;
    font-weight: bold;
    text-align: left;
    padding: 0 20px;
}
@media only screen and (max-width : 767px) {
    .service.service-shopimo .shopimo-03 .shopimo-03__01__item p {
        font-size: 14px;
        line-height: 1.8;
    }
}
.service.service-shopimo .shopimo-03 > p {
    color: #0066A5;
    font-size: 0.875rem;
    line-height: 1.6;
    font-weight: bold;
    margin-bottom: 55px;
    position: relative;
    padding-left: 25px;
}
@media only screen and (max-width : 767px) {
    .service.service-shopimo .shopimo-03 > p {
        font-size: 14px;
        line-height: 1.8;
        padding-left: 0;
    }
}
.service.service-shopimo .shopimo-03 > p:before {
    content: "＊";
    position: absolute;
    left: 0;
    top: 0;
}
@media only screen and (max-width : 767px) {
    .service.service-shopimo .shopimo-03 > p:before {
        display: none;
    }
}
.service.service-shopimo .shopimo-03 .shopimo-03__02 {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
@media only screen and (max-width : 767px) {
    .service.service-shopimo .shopimo-03 .shopimo-03__02 {
        flex-direction: column;
    }
}
.service.service-shopimo .shopimo-03 .shopimo-03__02__item {
    padding: 20px;
    background-color: #fff;
    width: calc((100% - 20px)/2);

    margin-bottom: 20px;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
@media only screen and (max-width : 767px) {
    .service.service-shopimo .shopimo-03 .shopimo-03__02__item {
        width: 100%;
        padding: 18px 15px 18px;
    }
    .service.service-shopimo .shopimo-03 .shopimo-03__02__item > img {
        width: 130px;
    }
}
.service.service-shopimo .shopimo-03 .shopimo-03__02__item > div {
    padding-left: 25px;
}
@media only screen and (max-width : 767px) {
    .service.service-shopimo .shopimo-03 .shopimo-03__02__item > div {
        padding-left: 20px;
    }
}
.service.service-shopimo .shopimo-03 .shopimo-03__02__item h4 {
    font-size: 1.125rem;
    font-weight: 900;
    color: #0066A5;
    margin-bottom: 10px;
}
@media only screen and (max-width : 767px) {
    .service.service-shopimo .shopimo-03 .shopimo-03__02__item h4 {
        font-size: 18px;
    }
}
.service.service-shopimo .shopimo-03 .shopimo-03__02__item p {
    font-size: 0.875rem;
    line-height: 1.6;
    font-weight: bold;
}
@media only screen and (max-width : 767px) {
    .service.service-shopimo .shopimo-03 .shopimo-03__02__item p {
        font-size: 14px;
        line-height: 1.75;
    }
}
.service.service-shopimo .shoptimo__qa .service__title {
    position: relative;
    margin-bottom: 50px;
}
@media only screen and (max-width : 767px) {
    .service.service-shopimo .shoptimo__qa .service__title {
        margin-bottom: 20px;
    }
}
.service.service-shopimo .shoptimo__qa .service__title h2 {
    margin-bottom: 40px;
}
@media only screen and (max-width : 767px) {
    .service.service-shopimo .shoptimo__qa .service__title h2 {
        margin-bottom: 37px;
    }
}
.service.service-shopimo .shoptimo__qa .service__title:after {
    content: "";
    position: absolute;
    height: 5px;
    left: 0;
    bottom: 0;
    right: 0;
    background: url("https://watahan.pro/images/img-line.png") left center repeat-x;
}
.service.service-shopimo .shoptimo__qa .shoptimo__qa__wrap {
    margin-bottom: 45px;
}
@media only screen and (max-width : 767px) {
    .service.service-shopimo .shoptimo__qa .shoptimo__qa__wrap {
        margin-bottom: 25px;
    }
}
.service.service-shopimo .shoptimo__qa .shoptimo__qa__item {
    margin-bottom: 34px;
}
@media only screen and (max-width : 767px) {
    .service.service-shopimo .shoptimo__qa .shoptimo__qa__item {
        margin-bottom: 21px;
    }
}
.service.service-shopimo .shoptimo__qa .shoptimo__qa__item:last-child {
    margin-bottom: 0;
}
.service.service-shopimo .shoptimo__qa .shoptimo__qa__item .shoptimo__qa--quest,
.service.service-shopimo .shoptimo__qa .shoptimo__qa__item .shoptimo__qa--answer {
    position: relative;
    padding-left: 44px;
    line-height: 1.6;
}
@media only screen and (max-width : 767px) {
    .service.service-shopimo .shoptimo__qa .shoptimo__qa__item .shoptimo__qa--quest,
    .service.service-shopimo .shoptimo__qa .shoptimo__qa__item .shoptimo__qa--answer {
        padding-left: 30px;
    }
}
.service.service-shopimo .shoptimo__qa .shoptimo__qa__item .shoptimo__qa--quest:before,
.service.service-shopimo .shoptimo__qa .shoptimo__qa__item .shoptimo__qa--answer:before {
    position: absolute;
    left: 0;
    top: -3px;
    margin-right: 15px;
    font-size: 1.5rem;
    font-weight: 900;
    color: #1A1311;
}
@media only screen and (max-width : 767px) {
    .service.service-shopimo .shoptimo__qa .shoptimo__qa__item .shoptimo__qa--quest:before,
    .service.service-shopimo .shoptimo__qa .shoptimo__qa__item .shoptimo__qa--answer:before {
        font-size: 20px;
    }
}
.service.service-shopimo .shoptimo__qa .shoptimo__qa__item .shoptimo__qa--quest {
    font-size: 1.25rem;
    font-weight: 900;
    margin-bottom: 6px;
}
@media only screen and (max-width : 767px) {
    .service.service-shopimo .shoptimo__qa .shoptimo__qa__item .shoptimo__qa--quest {
        font-size: 18px;
        margin-bottom: 1px;
    }
}
.service.service-shopimo .shoptimo__qa .shoptimo__qa__item .shoptimo__qa--quest:before {
    content: "Q.";
}
.service.service-shopimo .shoptimo__qa .shoptimo__qa__item .shoptimo__qa--answer {
    font-size: 1.125rem;
    font-weight: bold;
    color: #0066A5;
}
@media only screen and (max-width : 767px) {
    .service.service-shopimo .shoptimo__qa .shoptimo__qa__item .shoptimo__qa--answer {
        font-size: 16px;
    }
}
.service.service-shopimo .shoptimo__qa .shoptimo__qa__item .shoptimo__qa--answer:before {
    content: "A.";
    color: #0066A5;
    top: -5px;
}
.service.service-shopimo .shoptimo__qa .shoptimo__qa__item .shoptimo__qa--answer span {
    font-size: 0.875rem;
}
@media only screen and (max-width : 767px) {
    .service.service-shopimo .shoptimo__qa .shoptimo__qa__item .shoptimo__qa--answer span {
        font-size: 14px;
    }
}
@media only screen and (max-width : 767px) {
    .service.service-shopimo .shoptimo__qa .text-center img {
        width: 300px;
    }
}

@media only screen and (max-width : 767px) {
    .service.service-card .service__top .service__title--yellow,
    .service.service-card .service-card__bottom .service__title--yellow {
        margin: 0 -15px;
    }
    .service.service-card .service__top .service__title--yellow h2 > img,
    .service.service-card .service-card__bottom .service__title--yellow h2 > img {
        top: initial;
        bottom: 0;
    }
}
.service.service-card__cardtype-item span {
    display: inline-flex;
    align-items: center;
    width: 330px;
    height: 84px;
    background: url("https://watahan.pro/images/img-about-callout-04.png") no-repeat top left;
    font-size: 1.25rem;
    line-height: 1.6;
    font-weight: bold;
    padding-left: 50px;
    margin-left: 15px;
}
.service.service-card .service__top {
    margin-bottom: 60px;
}
@media only screen and (max-width : 767px) {
    .service.service-card .service__top {
        margin-bottom: 50px;
    }
}
.service.service-card .service-card__bottom {
    padding-top: 50px;
}
@media only screen and (max-width : 767px) {
    .service.service-card .service-card__bottom {
        padding-top: 30px;
    }
}
@media only screen and (max-width : 767px) {
    .service.service-card .service__bg--white {
        margin-bottom: 15px;
    }
}
.service.service-card .service__second {
    padding: 0;
}
@media only screen and (max-width : 767px) {
    .service.service-card .service__second {
        padding-bottom: 0;
    }
}
.service.service-card .service-card__cardtype {
    display: flex;
    margin: 40px auto;
}
@media only screen and (max-width : 920px) {
    .service.service-card .service-card__cardtype {
        justify-content: space-evenly;
    }
}
@media only screen and (max-width : 767px) {
    .service.service-card .service-card__cardtype {
        display: block;
        margin: 30px 0 0;
    }
}
.service.service-card .service-card__cardtype-item {
    background-color: #EFF5F0;
    padding: 20px;
    text-align: center;
    border-radius: 10px;
    display: block;
}
.service.service-card .service-card__cardtype-item:first-child {
    margin-right: 40px;
    background-color: #EFF1F5;
}
@media only screen and (max-width : 767px) {
    .service.service-card .service-card__cardtype-item:first-child {
        margin-right: 0;
        margin-bottom: 20px;
    }
}
.service.service-card .service-card__cardtype-item .bubble {
    align-items: center;
    width: 400px;
    height: 98px;
    background: url("https://watahan.pro/images/img-card-callout-01.png") no-repeat top left;
    font-size: 1.25rem;
    line-height: 1.6;
    font-weight: bold;
    padding: 10px 0 15px 40px;
    text-align: left;
    margin-bottom: 20px;
    color: #1A1311;
}
@media only screen and (max-width : 920px) {
    .service.service-card .service-card__cardtype-item .bubble {
        width: 300px;
        height: 74px;
        margin-left: 0;
        background-size: contain;
        font-size: 16px;
        padding-left: 15px;

        background-position: center;
        text-align: center;
    }
}
@media only screen and (max-width : 767px) {
    .service.service-card .service-card__cardtype-item .bubble {
        width: 100%;
        height: 90px;
        margin-left: 0;
        background-size: contain;
        font-size: 16px;
        padding-left: 0px;
        margin-bottom: 10px;
        background-image: url("https://watahan.pro/images/service-card-img-about-callout-01-sp.png");
    }
}
@media screen and (max-width: 350px) {
    .service.service-card .service-card__cardtype-item .bubble {
        font-size: 12px;
        width: 240px;
        height: 60px;
        padding-left: 0;
        padding-top: 6px;
    }
}
.service.service-card .service-card__cardtype-item .bubble .blue {
    color: #0066A5;
}
.service.service-card .service-card__cardtype-item .bubble .green {
    color: #009151;
}
.service.service-card .service-card__cardtype-item img {
    margin-bottom: 20px;
}
@media only screen and (max-width : 767px) {
    .service.service-card .service-card__cardtype-item img {
        margin-bottom: 10px;
    }
}
.service.service-card .service-card__cardtype-item h3 {
    font-weight: bold;
    color: #0066A5;
    font-size: 1.25rem;
}
.service.service-card .service-card__cardtype-item h3.green {
    color: #009151;
}
@media only screen and (max-width : 767px) {
    .service.service-card .service-card__cardtype-item h3 {
        font-size: 16px;
        font-weight: 900;
    }
}
.service.service-card .service-card--cardpoint, .service.service-card .service-card--bluecard, .service.service-card .service-card--greencard {
    text-align: center;
    margin-bottom: 60px;
}
.service.service-card .service-card--cardpoint h3, .service.service-card .service-card--bluecard h3, .service.service-card .service-card--greencard h3 {
    font-size: 1.5rem;
    font-weight: 900;
    margin-bottom: 20px;
}
@media only screen and (max-width : 767px) {
    .service.service-card .service-card--cardpoint h3, .service.service-card .service-card--bluecard h3, .service.service-card .service-card--greencard h3 {
        margin-bottom: 15px;
        font-size: 18px;
    }
}
@media only screen and (max-width : 767px) {
    .service.service-card .service-card--cardpoint, .service.service-card .service-card--bluecard, .service.service-card .service-card--greencard {
        margin-bottom: 30px;
    }
}
.service.service-card .service-card--cardpoint--content, .service.service-card .service-card--bluecard--content, .service.service-card .service-card--greencard--content {
    display: flex;
    align-items: center;
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1.6;
    text-align: left;
    margin-bottom: 10px;
}
@media only screen and (max-width : 767px) {
    .service.service-card .service-card--cardpoint--content, .service.service-card .service-card--bluecard--content, .service.service-card .service-card--greencard--content {
        font-size: 18px;
    }
}
.service.service-card .service-card--cardpoint--content--reverse, .service.service-card .service-card--bluecard--content--reverse, .service.service-card .service-card--greencard--content--reverse {
    flex-direction: row-reverse;
}
@media only screen and (max-width : 767px) {
    .service.service-card .service-card--cardpoint--content--reverse, .service.service-card .service-card--bluecard--content--reverse, .service.service-card .service-card--greencard--content--reverse {
        text-align: right;
    }
}
.service.service-card .service-card--cardpoint--content--reverse p, .service.service-card .service-card--bluecard--content--reverse p, .service.service-card .service-card--greencard--content--reverse p {
    padding-right: 6%;
}
@media only screen and (max-width : 767px) {
    .service.service-card .service-card--cardpoint--content--reverse p, .service.service-card .service-card--bluecard--content--reverse p, .service.service-card .service-card--greencard--content--reverse p {
        padding-right: 0;
        text-align: left;
        font-size: 18px;
    }
}
@media only screen and (max-width : 767px) {
    .service.service-card .service-card--cardpoint--content, .service.service-card .service-card--bluecard--content, .service.service-card .service-card--greencard--content {
        display: block;
        font-size: 16px;
    }
    .service.service-card .service-card--cardpoint--content img, .service.service-card .service-card--bluecard--content img, .service.service-card .service-card--greencard--content img {
        width: 90%;
    }
}
.service.service-card .service-card--cardpoint--content--text, .service.service-card .service-card--bluecard--content--text, .service.service-card .service-card--greencard--content--text {
    padding-left: 60px;
    line-height: 1.6;
    text-align: left;
}
@media only screen and (max-width : 767px) {
    .service.service-card .service-card--cardpoint--content--text, .service.service-card .service-card--bluecard--content--text, .service.service-card .service-card--greencard--content--text {
        padding-left: 0;
        margin-top: 20px;
        font-size: 18px;
    }
}
.service.service-card .service-card--membership {
    background-color: #ffffff;
    font-weight: 900;
    border-radius: 10px;
    margin-bottom: 60px;
    text-align: center;
}
@media only screen and (max-width : 767px) {
    .service.service-card .service-card--membership {
        margin-bottom: 30px;
    }
}
.service.service-card .service-card--membership h3 {
    color: #ffffff;
    font-size: 1.5rem;
    background-color: #0066A5;
    padding: 18px 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
@media only screen and (max-width : 767px) {
    .service.service-card .service-card--membership h3 {
        font-size: 18px;
        padding: 12px 0;
    }
}
.service.service-card .service-card--membership--green h3 {
    background-color: #009151;
}
.service.service-card .service-card--membership p {
    font-size: 1.125rem;
    text-align: left;
    padding: 30px 20px;
    line-height: 1.6;
    font-weight: 700;
}
@media only screen and (max-width : 767px) {
    .service.service-card .service-card--membership p {
        padding: 20px;
        font-size: 16px;
    }
}
.service.service-card .service-card--membership p br {
    display: block;
    margin: 10px 0;
}
.service.service-card .service-card--membership p span {
    display: block;
    height: 10px;
}
.service.service-card .service-card--pointconfirm {
    text-align: center;
}
.service.service-card .service-card--pointconfirm h3 {
    font-size: 1.5rem;
    font-weight: 900;
    margin-bottom: 30px;
}
@media only screen and (max-width : 767px) {
    .service.service-card .service-card--pointconfirm h3 {
        font-size: 18px;
        margin-bottom: 18px;
    }
}
.service.service-card .service-card--pointconfirm h3.title {
    margin-bottom: 20px;
    margin-bottom: 15px;
}
.service.service-card .service-card--pointconfirm--content {
    display: flex;
    background-color: #ffffff;
}
@media only screen and (max-width : 767px) {
    .service.service-card .service-card--pointconfirm--content {
        display: block;
        border-radius: 10px;
    }
}
.service.service-card .service-card--pointconfirm--content .image {
    width: 40%;
    background-color: #0066A5;
}
.service.service-card .service-card--pointconfirm--content .image img {
    height: 100%;
    margin: auto;
}
@media only screen and (max-width : 767px) {
    .service.service-card .service-card--pointconfirm--content .image {
        width: 100%;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
}
.service.service-card .service-card--pointconfirm--content .info {
    width: 60%;
    text-align: left;
    padding: 25px 60px;
    font-size: 1.25rem;
    font-weight: bold;
}
@media only screen and (max-width : 767px) {
    .service.service-card .service-card--pointconfirm--content .info {
        width: 100%;

        padding: 17px 15px;
        font-size: 18px;
    }
}
.service.service-card .service-card--pointconfirm--content .info--instruct {
    line-height: 1.6;
    margin-bottom: 30px;
}
@media only screen and (max-width : 767px) {
    .service.service-card .service-card--pointconfirm--content .info--instruct {
        margin-bottom: 20px;
    }
}
.service.service-card .service-card--pointconfirm--content .info--name {
    font-size: 1.875rem;
    margin-bottom: 25px;
}
@media only screen and (max-width : 767px) {
    .service.service-card .service-card--pointconfirm--content .info--name {
        margin-bottom: 15px;
    }
}
.service.service-card .service-card--pointconfirm--content .info--name span {
    font-size: 1.25rem;
}
@media only screen and (max-width : 767px) {
    .service.service-card .service-card--pointconfirm--content .info--name span {
        font-size: 18px;
    }
}
@media only screen and (max-width : 767px) {
    .service.service-card .service-card--pointconfirm--content .info--store {
        display: flex;
    }
}
.service.service-card .service-card--pointconfirm--content .info--store a:first-child {
    margin-right: 40px;
}
@media only screen and (max-width : 767px) {
    .service.service-card .service-card--pointconfirm--content .info--store a:first-child {
        margin-right: 20px;
    }
}
.service.service-card .service-card--pointconfirm--content .info span {
    color: #0066A5;
}
.service.service-card .service-card--pointconfirm--text {
    font-size: 1.25rem;
    color: #009151;
    font-weight: 600;
}
@media only screen and (max-width : 767px) {
    .service.service-card .service-card--pointconfirm--text {
        font-size: 18px;
    }
}
.service.service-card .service-card--pointconfirm--button {
    font-size: 1.125rem;
    font-weight: 700;
    color: #ffffff;
    background-color: #1A1311;
    padding: 10px 54px;
    border-radius: 50px;
    display: inline-block;
    margin-top: 60px;
}
@media only screen and (max-width : 767px) {
    .service.service-card .service-card--pointconfirm--button {
        margin-top: 30px;
        font-size: 20px;
    }
}
.service.service-card .service-card--content {
    display: flex;
    align-items: center;
    font-size: 1.125rem;
    padding: 29px 45px 29px 10px;
    background-color: #FFFFFF;
    border-radius: 10px;
    margin-bottom: 20px;
}
.service.service-card .service-card--content--green {
    padding-bottom: 20px;
}
@media only screen and (max-width : 767px) {
    .service.service-card .service-card--content--green {
        border-radius: 0;
    }
}
@media only screen and (max-width : 767px) {
    .service.service-card .service-card--content {
        display: block;
        font-size: 16px;
        padding: 20px 15px 15px;
    }
}
.service.service-card .service-card--content--image {
    width: 36%;
}
@media only screen and (max-width : 767px) {
    .service.service-card .service-card--content--image {
        width: 100%;
        max-width: 220px;
        margin: 0 auto 10px;
    }
}
.service.service-card .service-card--content--image--green {
    text-align: left;
    padding-left: 40px;
}
@media only screen and (max-width : 767px) {
    .service.service-card .service-card--content--image--green {
        padding-left: 0px;
    }
}
.service.service-card .service-card--content--info {
    width: 64%;
    text-align: left;
    font-weight: bold;
    line-height: 1.6;
    padding-left: 35px;
}
@media only screen and (max-width : 767px) {
    .service.service-card .service-card--content--info {
        width: 100%;
        padding-left: 0;
        font-size: 16px;
    }
}
.service.service-card .service-card--content--info .service__title--blue, .service.service-card .service-card--content--info .service__title--green {
    font-size: 1.25rem;
}
@media only screen and (max-width : 767px) {
    .service.service-card .service-card--content--info .service__title--blue, .service.service-card .service-card--content--info .service__title--green {
        font-size: 18px;
    }
}
.service.service-card .service-card--content--info .service__title--blue em, .service.service-card .service-card--content--info .service__title--green em {
    font-size: 2.5rem;
}
.service.service-card .service-card--catalog {
    text-align: center;
    font-size: 1.25rem;
    border: 5px solid #ffffff;
    padding: 10px 0;
    margin-top: 15px;
}
.service.service-card .note {
    color: #0066A5;
    margin-top: 20px;
    display: block;
    font-size: 1rem;
    line-height: 1.6;
}
.service.service-card .note--green {
    color: #009151;
    margin: 5px 0 0;
}
.service.service-card .note.note--green {
    margin-bottom: 10px;
}
@media only screen and (max-width : 767px) {
    .service.service-card .note {
        margin-top: 10px;
        font-size: 14px;
    }
}
.service.service-card .service__title {
    margin-bottom: 20px;
}
@media only screen and (max-width : 767px) {
    .service.service-card .service__title {
        margin-bottom: 0;
    }
}
@media only screen and (max-width : 767px) {
    .service.service-card .service__title--yellow h2 span {
        display: initial !important;
        line-height: 1.6;
    }
}
.service.service-card .service__title--yellow--margin {
    margin-bottom: 30px;
}
.service.service-card .service__title--blue {
    color: #0066A5;
    border-bottom: 0;
}
.service.service-card .service__title--green {
    color: #009151;
    border-bottom: 0;
    margin-bottom: 15px;
}
.service.service-card .hidden-md {
    display: none;
}
@media only screen and (max-width : 767px) {
    .service.service-card .hidden-md {
        display: block;
    }
}

.rental .rental__top {
    padding-bottom: 110px;
    padding-top: 20px;
    background-color: #fff;
}
@media only screen and (max-width : 767px) {
    .rental .rental__top {
        padding-bottom: 60px;
        padding-top: 15px;
    }
}
.rental .rental__top .breadcrumb {
    margin-bottom: 81px;
}
@media only screen and (max-width : 767px) {
    .rental .rental__top .breadcrumb {
        margin-bottom: 40px;
    }
}
.rental .rental__top h2 {
    margin-bottom: 36px;
}
@media only screen and (max-width : 767px) {
    .rental .rental__top h2 {
        margin-bottom: 24px;
    }
}
.rental .rental__top h2 span {
    position: relative;
    border-bottom: 3px solid #FFC01A;
    padding-bottom: 7px;
    display: inline-block;
    font-weight: bold;
    font-size: 1.875rem;
}
@media only screen and (max-width : 767px) {
    .rental .rental__top h2 span {
        font-size: 18px;
        border-bottom-width: 2px;
    }
}
.rental .rental__top h2 span img {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media only screen and (max-width : 767px) {
    .rental .rental__top h2 span img {
        width: 56px;
    }
}
.rental .rental__top h2 span img.rental__top__h2--left {
    left: -115px;
}
@media only screen and (max-width : 767px) {
    .rental .rental__top h2 span img.rental__top__h2--left {
        left: -66px;
    }
}
.rental .rental__top h2 span img.rental__top__h2--right {
    right: -115px;
}
@media only screen and (max-width : 767px) {
    .rental .rental__top h2 span img.rental__top__h2--right {
        right: -66px;
    }
}
.rental .rental__top p {
    font-size: 1.25rem;
    line-height: 1.7;
}
@media only screen and (max-width : 767px) {
    .rental .rental__top p {
        font-size: 16px;
    }
}
.rental .rental__flow {
    background: url("https://watahan.pro/images/service-bg.png") repeat center;
    position: relative;
    padding: 50px 0;
}
@media only screen and (max-width : 767px) {
    .rental .rental__flow {
        padding: 0;
    }
}
.rental .rental__flow:before {
    content: "";
    width: 100%;
    position: absolute;
    top: -50px;
    height: 50px;
    background: url("https://watahan.pro/images/about-bg-02-start.png") repeat center top;
}
@media only screen and (max-width : 767px) {
    .rental .rental__flow:before {
        background-position: left center;
    }
}
.rental .rental__flow:after {
    content: "";
    width: 100%;
    position: absolute;
    bottom: -50px;
    height: 50px;
    background: url("https://watahan.pro/images/about-bg-02-under.png") repeat center top;
}
@media only screen and (max-width : 767px) {
    .rental .rental__flow:after {
        background-position: left center;
    }
}
.rental .rental__flow ul {
    position: relative;
}
.rental .rental__flow ul:before {
    content: "";
    position: absolute;
    width: 4px;
    left: 28px;
    top: 50px;
    bottom: 50px;
    background-color: #FFC01A;
    z-index: 0;
}
@media only screen and (max-width : 767px) {
    .rental .rental__flow ul:before {
        width: 2px;
        left: 19px;
        top: 0;
    }
}
.rental .rental__flow ul li.rental__flow__item {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: bold;
    position: relative;
    margin-bottom: 20px;
}
@media only screen and (max-width : 767px) {
    .rental .rental__flow ul li.rental__flow__item {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 15px;
    }
}
.rental .rental__flow ul li.rental__flow__item:last-child {
    margin-bottom: 0;
}
.rental .rental__flow ul li.rental__flow__item .rental__flow__item--left {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    font-size: 1.5rem;
}
@media only screen and (max-width : 767px) {
    .rental .rental__flow ul li.rental__flow__item .rental__flow__item--left {
        font-size: 20px;
        margin-bottom: 10px;
    }
}
.rental .rental__flow ul li.rental__flow__item .rental__flow__item--left .rental__flow__item__no {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background-color: #FFC01A;
    text-align: center;
    line-height: 60px;
    margin-right: 30px;
}
@media only screen and (max-width : 767px) {
    .rental .rental__flow ul li.rental__flow__item .rental__flow__item--left .rental__flow__item__no {
        width: 40px;
        height: 40px;
        line-height: 40px;
        margin-right: 20px;
    }
}
.rental .rental__flow ul li.rental__flow__item .rental__flow__item--left h3 small {
    display: block;
    font-size: 0.875rem;
    margin-top: 6px;
}
@media only screen and (max-width : 767px) {
    .rental .rental__flow ul li.rental__flow__item .rental__flow__item--left h3 small {
        font-size: 12px;
        margin-top: 4px;
    }
}
.rental .rental__flow ul li.rental__flow__item .rental__flow__item--right {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    background-color: #FFC01A;
    align-items: center;
}
@media only screen and (max-width : 767px) {
    .rental .rental__flow ul li.rental__flow__item .rental__flow__item--right {
        width: 100%;
    }
}
@media only screen and (max-width : 920px) {
    .rental .rental__flow ul li.rental__flow__item .rental__flow__item--right img {
        width: 220px;
    }
}
@media only screen and (max-width : 767px) {
    .rental .rental__flow ul li.rental__flow__item .rental__flow__item--right img {
        width: auto;
    }
}
.rental .rental__flow ul li.rental__flow__item .rental__flow__item--right .rental__flow__item__desc {
    width: 270px;
    padding: 0 20px;
    line-height: 1.7;
}
@media only screen and (max-width : 767px) {
    .rental .rental__flow ul li.rental__flow__item .rental__flow__item--right .rental__flow__item__desc {
        width: auto;
    }
}
.rental .rental__flow ul li.rental__flow__item .rental__flow__item--right .rental__flow__item__desc a {
    border-bottom: 2px solid #0066A5;
    white-space: nowrap;
}
@media only screen and (max-width : 767px) {
    .rental .rental__flow ul li.rental__flow__item .rental__flow__item--right .rental__flow__item__desc a {
        border-bottom-width: 1px;
        padding-bottom: 1px;
    }
}
.rental .rental__content {
    padding-top: 110px;
    padding-bottom: 60px;
}
@media only screen and (max-width : 767px) {
    .rental .rental__content {
        padding-top: 80px;
        padding-bottom: 10px;
    }
}
.rental .rental__content .rental__content__desc {
    font-size: 1.25rem;
    line-height: 1.7;
    margin-bottom: 40px;
}
@media only screen and (max-width : 767px) {
    .rental .rental__content .rental__content__desc {
        font-size: 16px;
    }
}
.rental .rental__content h3 {
    background: url("https://watahan.pro/images/rental-img-mark.png") no-repeat left bottom;
    font-size: 1.875rem;
    align-items: center;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding-bottom: 15px;
    font-weight: bold;
    padding-left: 15px;
    margin-bottom: 30px;
}

.rental .rental__content .rental__content-04 p {
    font-size: 1.25rem;
    line-height: 1.7;
    margin-bottom: 20px;
    margin-top: -7px;
}
.rental .rental__content .rental__content-04 .rental__content-04__item {
    float: left;
    padding: 0 20px;
    width: 50%;
    font-size: 1.25rem;
    font-weight: bold;
}
.rental .rental__content .rental__content-04 .rental__content-04__item img {
    margin-bottom: 18px;
}



@media only screen and (max-width : 767px) {
    .rental .rental__content h3 {
        font-size: 24px;
        margin-bottom: 20px;
    }
}
@media only screen and (max-width : 600px) {
    .rental .rental__content h3 {
        background-size: 100% auto;
        margin-right: -15px;
        align-items: flex-end;
    }
}
.rental .rental__content h3 small {
    font-size: 1.125rem;
    color: #0066A5;
    margin-left: 20px;
}
@media only screen and (max-width : 767px) {
    .rental .rental__content h3 small {
        font-size: 16px;
    }
}
.rental .rental__content .rental__content-01 {
    margin-bottom: 40px;
}
@media only screen and (max-width : 767px) {
    .rental .rental__content .rental__content-01 {
        margin-bottom: 10px;
    }
}
.rental .rental__content .rental__content-01 > .text-center {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 10px;
}
@media only screen and (max-width : 767px) {
    .rental .rental__content .rental__content-01 > .text-center {
        flex-wrap: wrap;
        margin: 0 -15px;
    }
}
.rental .rental__content .rental__content-01 .rental__content-01__item {
    position: relative;
    font-size: 1.25rem;
    font-weight: bold;
}
@media only screen and (max-width : 767px) {
    .rental .rental__content .rental__content-01 .rental__content-01__item {
        width: 50%;
        padding: 0 15px;
        font-size: 16px;
        margin-bottom: 20px;
    }
}
.rental .rental__content .rental__content-01 .rental__content-01__item span {
    position: relative;
    display: block;
    margin-bottom: 20px;
}
@media only screen and (max-width : 767px) {
    .rental .rental__content .rental__content-01 .rental__content-01__item span {
        max-width: 205px;
        margin: 0 auto 15px;
    }
}
.rental .rental__content .rental__content-01 .rental__content-01__item span:before {
    content: "";
    position: absolute;
    left: -10px;
    right: 10px;
    top: 0;
    bottom: 0;
    background: #fff;
    background-size: cover;
    z-index: -1;
    border-radius: 100%;
}
.rental .rental__content .rental__content-01 .rental__content-01__item img {
    display: block;
}
@media only screen and (max-width : 920px) {
    .rental .rental__content .rental__content-01 .rental__content-01__item img {
        width: 150px;
    }
}
@media only screen and (max-width : 767px) {
    .rental .rental__content .rental__content-01 .rental__content-01__item img {
        width: 100%;
    }
}
.rental .rental__content .rental__content-02 {
    margin-bottom: 40px;
}
@media only screen and (max-width : 767px) {
    .rental .rental__content .rental__content-02 {
        margin-bottom: 30px;
    }
}
.rental .rental__content .rental__content-02 > .clearfix {
    margin: 0 -20px;
}
@media only screen and (max-width : 767px) {
    .rental .rental__content .rental__content-02 > .clearfix {
        margin: 0;
    }
}
.rental .rental__content .rental__content-02 .rental__content-02__item {
    float: left;
    padding: 0 20px;
    width: 50%;
    font-size: 1.25rem;
    font-weight: bold;
}
@media only screen and (max-width : 767px) {
    .rental .rental__content .rental__content-02 .rental__content-02__item {
        float: none;
        width: 100%;
        font-size: 16px;
        margin-bottom: 30px;
        padding: 0;
    }
}
.rental .rental__content .rental__content-02 .rental__content-02__item img {
    margin-bottom: 18px;
}
@media only screen and (max-width : 767px) {
    .rental .rental__content .rental__content-02 .rental__content-02__item img {
        margin: 0 auto 15px;
        display: block;
    }
}
.rental .rental__content .rental__content-03 {
    margin-bottom: 40px;
}

.rental .rental__content .rental__content-03 > .clearfix {
    margin: 0 -10px;
}
.rental .rental__content .rental__content-03 p {
    font-size: 1.25rem;
    line-height: 1.7;
    margin-bottom: 20px;
    margin-top: -7px;
}
@media only screen and (max-width : 767px) {
    .rental .rental__content .rental__content-03 p {
        font-size: 16px;
    }
}
.rental .rental__content .rental__content-03 .rental__content-03__item {
    margin: 0 10px;
    float: left;
    width: calc(25% - 20px);
    position: relative;
    background-color: #fff;
    padding-top: calc(25% - 20px);
    border-radius: 100%;
    font-weight: bold;
    font-size: 1.25rem;
}
@media only screen and (max-width : 767px) {
    .rental .rental__content .rental__content-03 .rental__content-03__item {
        font-size: 14px;
    }
}
@media only screen and (max-width : 600px) {
    .rental .rental__content .rental__content-03 .rental__content-03__item {
        width: calc(50% - 20px);
        padding-top: calc(50% - 20px);
        margin-bottom: 20px;
    }
}
.rental .rental__content .rental__content-03 .rental__content-03__item > div {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 100%;
}
.rental .rental__content .rental__content-03 .rental__content-03__item > div span {
    height: 40px;
    display: inline-block;
}
@media only screen and (max-width : 767px) {
    .rental .rental__content .rental__content-03 .rental__content-03__item > div span {
        height: 28px;
    }
}
.rental .rental__content .rental__content-03 .rental__content-03__item > div img {
    display: block;
    margin: 0 auto 10px;
}
@media only screen and (max-width : 920px) {
    .rental .rental__content .rental__content-03 .rental__content-03__item > div img {
        width: 54%;
        max-width: 110px;
    }
}
@media only screen and (max-width : 767px) {
    .rental .rental__content .rental__content-03 .rental__content-03__item > div img {
        width: 51%;
    }
}


<!--  -->

.rental .rental__content .rental__content-04 p {
    font-size: 1.25rem;
    line-height: 1.7;
    margin-bottom: 20px;
    margin-top: -7px;
}
.rental .rental__content .rental__content-04 .rental__content-04__item {
    float: left;
    padding: 0 20px;
    width: 50%;
    font-size: 1.25rem;
    font-weight: bold;
}
.rental .rental__content .rental__content-04 .rental__content-04__item img {
    margin-bottom: 18px;
}



.rental .rental__content .rental__content-04 {
    margin-bottom: 40px;
}
@media only screen and (max-width : 767px) {
    .rental .rental__content .rental__content-04 {
        margin-bottom: 30px;
    }
}
.rental .rental__content .rental__content-04 > .clearfix {
    margin: 0 -20px;
}
@media only screen and (max-width : 767px) {
    .rental .rental__content .rental__content-04 > .clearfix {
        margin: 0;
    }
}
.rental .rental__content .rental__content-04 .rental__content-04__item {
    float: left;
    padding: 0 20px;
    width: 50%;
    font-size: 1.25rem;
    font-weight: bold;
}
@media only screen and (max-width : 767px) {
    .rental .rental__content .rental__content-04 .rental__content-04__item {
        float: none;
        width: 100%;
        font-size: 16px;
        margin-bottom: 30px;
        padding: 0;
    }
}
.rental .rental__content .rental__content-04 .rental__content-04__item img {
    margin-bottom: 18px;
}
@media only screen and (max-width : 767px) {
    .rental .rental__content .rental__content-04 .rental__content-04__item img {
        margin: 0 auto 15px;
        display: block;
    }
}


<!--  -->










.rental .rental__network {
    background-color: #fff;
    padding: 60px 0;
}
@media only screen and (max-width : 767px) {
    .rental .rental__network {
        padding: 30px 0;
    }
}
.rental .rental__network .rental__network__desc {
    font-size: 1.25rem;
    line-height: 1.7;
    margin-bottom: 30px;
}
@media only screen and (max-width : 767px) {
    .rental .rental__network .rental__network__desc {
        font-size: 16px;
        margin-bottom: 20px;
    }
}
.rental .rental__network .clearfix {
    margin: 0 -40px 50px;
}
@media only screen and (max-width : 767px) {
    .rental .rental__network .clearfix {
        margin: 0;
    }
}
.rental .rental__network .rental__network__col {
    width: calc(50% - 80px);
    margin: 0 40px;
    float: left;
}
@media only screen and (max-width : 767px) {
    .rental .rental__network .rental__network__col {
        margin: 0;
        width: 100%;
        float: none;
    }
}
.rental .rental__network .rental__network__info {
    font-size: 1.125rem;
    margin-bottom: 20px;
}
@media only screen and (max-width : 767px) {
    .rental .rental__network .rental__network__info {
        font-size: 14px;
    }
}
.rental .rental__network .rental__network__info h4 {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 10px;
}
@media only screen and (max-width : 767px) {
    .rental .rental__network .rental__network__info h4 {
        font-size: 20px;
    }
}
.rental .rental__network .rental__network__info h4 span {
    font-size: 1.125rem;
    font-weight: normal;
    margin-left: 45px;
}
@media only screen and (max-width : 767px) {
    .rental .rental__network .rental__network__info h4 span {
        font-size: 14px;
        margin-left: 30px;
    }
}
.rental .rental__network .rental__network__info .tel {
    font-weight: bold;
    margin-bottom: 10px;
}
.rental .rental__network .rental__network__info .tel a {
    font-weight: normal;
    text-decoration: underline;
}
.rental .rental__network .rental__network__info .time {
    margin-bottom: 10px;
}
.rental .rental__network .rental__network__info .time p {
    display: inline-flex;
    align-items: center;
}
.rental .rental__network .rental__network__info .time p:first-child {
    margin-right: 50px;
}
.rental .rental__network .rental__network__info .time p span {
    border: 2px solid #1A1311;
    display: inline-block;
    padding: 4px;
    font-weight: bold;
    margin-right: 15px;
}
@media only screen and (max-width : 767px) {
    .rental .rental__network .rental__network__info .time p span {
        padding: 3px;
    }

}
@media only screen and (max-width : 767px) {
    .rental .rental__network .rental__network__info iframe {
        height: 230px;
    }
}
.rental .rental__network .rental__network__info-02 {
    margin-bottom: 20px;
}
@media only screen and (max-width : 767px) {
    .rental .rental__network .rental__network__info-02 {
        text-align: center;
        margin-bottom: 30px;
    }
}
.rental .rental__network .rental__network__info-02 img {
    margin-bottom: 67px;
}
@media only screen and (max-width : 767px) {
    .rental .rental__network .rental__network__info-02 img {
        margin-bottom: 15px;
    }
}
.rental .rental__network .rental__network__info-02 > div {
    background-color: #EFEBE1;
    border-radius: 8px;
    font-size: 1.25rem;
    padding: 27px 0;
    text-align: center;
}
@media only screen and (max-width : 767px) {
    .rental .rental__network .rental__network__info-02 > div {
        background-color: #DDDDDD;
        font-size: 16px;
        padding: 20px 0;
    }
}
.rental .rental__network .rental__network__info-02 > div p {
    margin-bottom: 25px;
}
@media only screen and (max-width : 767px) {
    .rental .rental__network .rental__network__info-02 > div p {
        margin-bottom: 15px;
    }
}
.rental .rental__network .rental__network__info-02 > div p:last-child {
    margin-bottom: 0;
}
.rental .rental__network .rental__network__bottom {
    background: url("https://watahan.pro/images/rental-img-line-ribbon-frame.png") no-repeat center;
    text-align: center;
    background-size: 100% auto;
    height: 130px;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: 40px;
}
@media only screen and (max-width : 767px) {
    .rental .rental__network .rental__network__bottom {
        background-image: url("https://watahan.pro/images/rental-img-line-ribbon-frame-sp.png");
        height: 150px;
        background-size: auto 100%;
        font-size: 17px;
        line-height: 1.6;
        margin-bottom: 30px;
    }
}
@media only screen and (max-width : 600px) {
    .rental .rental__network .rental__network__bottom {
        background-size: 100% auto;
        margin: 0 -15px 30px;
    }
}
.rental .rental__network .rental__network__bottom a {
    display: inline-block;
    background-color: #1A1311;
    color: #fff;
    line-height: 40px;
    border-radius: 20px;
    padding: 0 26px;
    margin-top: 15px;
}
@media only screen and (max-width : 767px) {
    .rental .rental__network .rental__network__bottom a {
        margin-top: 7px;
    }
}
.rental .rental__btn {
    font-weight: bold;
    display: block;
    background-color: #1A1311;
    color: #fff;
    line-height: 40px;
    border-radius: 20px;
    padding: 0 26px;
    width: 350px;
    margin: auto;
    font-size: 1.25rem;
}
@media only screen and (max-width : 767px) {
    .rental .rental__btn {
        width: 268px;
        font-size: 16px;
    }
}

.shop-detail {
    background-color: #fff;
}
.shop-detail .bg-header h1 {
    text-align: left;
    position: relative;
    z-index: 1;
}
@media only screen and (max-width : 767px) {
    .shop-detail .bg-header h1 {
        line-height: 1.6;
    }
}
@media screen and (max-width: 375px) {
    .shop-detail .bg-header h1 {
        width: 100%;
        padding-left: 30px;
        padding-right: 15px;
    }
}
.shop-detail .bg-header h1 span {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    font-size: 1.5rem;
    margin-bottom: 10px;
}
@media only screen and (max-width : 767px) {
    .shop-detail .bg-header h1 span {
        margin-bottom: 0;
        font-size: 14px;
    }
}
.shop-detail .bg-header h1 img {
    margin-right: 10px;
}
@media only screen and (max-width : 767px) {
    .shop-detail .bg-header h1 img {
        height: 30px;
    }
}
.shop-detail .breadcrumb {
    margin-bottom: 53px;
    line-height: 1.6;
}
@media only screen and (max-width : 767px) {
    .shop-detail .breadcrumb {
        margin-bottom: 25px;
    }
}
.shop-detail .shop-detail__address {
    padding-top: 15px;
    padding-bottom: 40px;
}
@media only screen and (max-width : 767px) {
    .shop-detail .shop-detail__address {
        padding-bottom: 17px;
    }
}
.shop-detail .shop-detail__address table {
    float: left;
    width:55%;/*店舗詳細 201118dotnet追加*/
}
@media only screen and (max-width : 767px) {
    .shop-detail .shop-detail__address table {
        font-size: 16px;
        width: 100%;
        margin-bottom: 12px;
    }
}
.shop-detail .shop-detail__address table img {
    margin-right: 10px;
}
.shop-detail .shop-detail__address table tr td, .shop-detail .shop-detail__address table tr th {
    padding-bottom: 30px;
    vertical-align: middle;
    word-break: break-all;
}
@media only screen and (max-width : 767px) {
    .shop-detail .shop-detail__address table tr td, .shop-detail .shop-detail__address table tr th {
        /*display: -moz-box; 200918 dotcom変更 */
        /*display: -ms-flexbox; 200918 dotcom変更 */
        /*display: -webkit-flex; 200918 dotcom変更 */
        display: block;/* 200918 dotcom変更 display: flex;*/
        align-items: center;
        padding-bottom: 0;
    }
}
@media only screen and (max-width : 767px) {
    .shop-detail .shop-detail__address table td {
        line-height: 1.8;
        margin-bottom: 11px;
    }
}
.shop-detail .shop-detail__address table th {
    width: 132px;
    text-align: left;
    display: inline-flex;
    align-items: center;
    font-weight: bold;
}
@media only screen and (max-width : 767px) {
    .shop-detail .shop-detail__address table th {
        margin-bottom: 6px;
    }
}
.shop-detail .shop-detail__address iframe {
    float: right;
    width: 380px;
    height: 210px;
}
@media only screen and (max-width : 767px) {
    .shop-detail .shop-detail__address iframe {
        float: none;
        width: 100%;
        height: 190px;
    }
}
.shop-detail .shop-detail__ads {
    text-align: center;
}
@media only screen and (max-width : 767px) {
    .shop-detail .shop-detail__ads > iframe {
        display: none;
    }
}
.shop-detail .spOnly {
    display: none;
}
@media only screen and (max-width : 767px) {
    .shop-detail .spOnly {
        display: block;
    }
    .shop-detail .spOnly iframe {
        height: 200px;
        padding-bottom: 15px;
    }
}
.shop-detail .shop-detail__blog {
    background: #fff url(https://watahan.pro/images/top-service-bg.png) repeat top center;
    overflow: hidden;
}
.shop-detail .shop-detail__blog .shop-detail__blog__bg {
    background: url(https://watahan.pro/images/about-bg-illust.png) top -18px center no-repeat;
    padding: 40px 0;
    position: relative;
}
@media only screen and (max-width : 767px) {
    .shop-detail .shop-detail__blog .shop-detail__blog__bg {
        background: url("https://watahan.pro/images/about-bg-illust-sp.png") top left no-repeat;
        padding: 30px 0 175px;
    }
}
.shop-detail .shop-detail__blog .shop-detail__blog__bg > img {
    position: absolute;
    right: -20px;
    top: 100px;
}
@media only screen and (max-width : 767px) {
    .shop-detail .shop-detail__blog .shop-detail__blog__bg > img {
        height: 145px;
        bottom: 30px;
        right: -13px;
        top: initial;
    }
}
.shop-detail .shop-detail__blog .shop-detail__blog__bg > .container {
    position: relative;
}
.shop-detail .shop-detail__blog .top-blog__list {
    margin-bottom: 45px;
}
@media only screen and (max-width : 767px) {
    .shop-detail .shop-detail__blog .top-blog__list {
        margin-bottom: 30px;
    }
}
.shop-detail .shop-detail__blog .top-blog__list .top-blog__item .top-blog__item__date {
    color: #1A1311;
}
@media only screen and (max-width : 767px) {
    .shop-detail .shop-detail__blog .shop-detail__blog__btn {
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: flex-end;
    }
}
.shop-detail .shop-detail__blog .btn-line img {
    width: 45px;
}
@media only screen and (max-width : 767px) {
    .shop-detail .shop-detail__blog .btn-line img {
        width: auto;
    }
}
.shop-detail .shop-detail__blog .btn-more {
    float: right;
    width: 160px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    font-weight: bold;
    text-align: center;
    background-color: #1A1311;
    color: #fff;
    font-size: 1.25rem;
}
@media only screen and (max-width : 767px) {
    .shop-detail .shop-detail__blog .btn-more {
        margin-left: auto;
        font-size: 18px;
    }
}
.shop-detail .shop-detail__list {
    position: relative;
    padding: 60px 0 45px;
    min-height: 300px;
}
@media only screen and (max-width : 767px) {
    .shop-detail .shop-detail__list {
        font-size: 16px;
        padding-bottom: 135px;
    }
}
.shop-detail .shop-detail__list > img {
    position: absolute;
    left: -27px;
    bottom: 12.2%;
}
@media only screen and (max-width : 767px) {
    .shop-detail .shop-detail__list > img {
        top: initial;
        bottom: 30px;
        height: 120px;
        left: -16px;
    }
}
.shop-detail .shop-detail__list .container {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative;
}
@media only screen and (max-width : 767px) {
    .shop-detail .shop-detail__list .container {
        flex-direction: column;
    }
}
.shop-detail .shop-detail__list h3 {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    font-weight: bold;
    margin-bottom: 15px;
}
.shop-detail .shop-detail__list h3 span {
    margin-left: auto;
    color: #0066A5;
    font-size: 0.8125rem;
    border-bottom: 1px solid;
    padding: 2px;
    cursor: pointer;
}
@media only screen and (max-width : 767px) {
    .shop-detail .shop-detail__list h3 span {
        font-size: 13px;
    }
}
.shop-detail .shop-detail__list h3 span:hover {
    opacity: 0.8;
}
.shop-detail .shop-detail__list .shop-detail__list__col {
    width: 265px;
}
@media screen and (max-width: 840px) {
    .shop-detail .shop-detail__list .shop-detail__list__col {
        padding: 0 10px;
    }
}
@media only screen and (max-width : 767px) {
    .shop-detail .shop-detail__list .shop-detail__list__col {
        padding: 0;
    }
}
@media only screen and (max-width : 767px) {
    .shop-detail .shop-detail__list .shop-detail__list__col {
        width: 100%;
    }
}
.shop-detail .shop-detail__list .shop-detail__list__col:nth-child(2) {
    margin: 0 auto;
}
.shop-detail .shop-detail__list .shop-detail__list__col:nth-child(2) h3 span {
    color: #DBBA01;
}
.shop-detail .shop-detail__list .shop-detail__list__icon {
    margin: 0 -5px;
}
@media only screen and (max-width : 767px) {
    .shop-detail .shop-detail__list .shop-detail__list__icon {
        margin-bottom: 10px;
    }
}
.shop-detail .shop-detail__list .shop-detail__list__icon img {
    width: 35px;
}
@media only screen and (max-width : 767px) {
    .shop-detail .shop-detail__list .shop-detail__list__icon img {
        width: 30px;
    }
}
.shop-detail .shop-detail__list .shop-detail__list__icon li {
    height: 85px;
    width: 85px;
    /* display: inline-flex; */
    align-items: center;
    justify-content: center;
    border: 1px solid #DDDDDD;
    float: left;
    margin: 0 1px 2px;
    background-color: #fff;
    border-radius: 5px;
    text-align: center;
    padding-top: 15px;
}


.shop-detail .shop-detail__list .shop-detail__list__icon li p {
    font-size: 11px;
    font-weight: normal;
    letter-spacing: -1px;
    line-height: 0.9em;
}

@media only screen and (max-width : 767px) {
    .shop-detail .shop-detail__list .shop-detail__list__icon li {
        width: 90px;
        height: 90px;
    }
}
.shop-detail .shop-detail__list .shop-detail__list__teranto li {
    margin-bottom: 15px;
}

.popup-wrap {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 5;
    display: none;
}
.popup-wrap .popup__content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    background-color: #fff;
    padding: 40px 20px;
    max-height: 90vh;
    overflow: auto;
}
@media only screen and (max-width : 767px) {
    .popup-wrap .popup__content {
        max-height: calc(100vh - 30px);
    }
}
@media only screen and (max-width: 640px) {
    .popup-wrap .popup__content {
        padding: 30px 15px;
    }
}
@media only screen and (max-width: 460px) {
    .popup-wrap .popup__content {
        width: calc(100% - 30px);
    }
}
.popup-wrap .popup__content > .clearfix {
    width: 600px;
}
@media only screen and (max-width: 640px) {
    .popup-wrap .popup__content > .clearfix {
        width: 400px;
    }
}
@media only screen and (max-width: 460px) {
    .popup-wrap .popup__content > .clearfix {
        width: 100%;
    }
}
.popup-wrap h2 {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 1.25rem;
}
.popup-wrap h2 .popup__close {
    margin-left: auto;
    cursor: pointer;
}
.popup-wrap h2 .popup__close:hover {
    opacity: 0.8;
}
.popup-wrap ul li {
    text-align: center;
    width: 100px;
    height: 120px;
    font-size: 0.875rem;
    font-weight: bold;
    float: left;
    line-height: 1.6;
}
@media only screen and (max-width: 460px) {
    .popup-wrap ul li {
        width: 33.33%;
        font-size: 14px;
    }
}
.popup-wrap ul li.line-height-12 {
    line-height: 1.2;
}
.popup-wrap ul li img {
    display: block;
    margin: 0 auto 6px;
    width: 60px;
}

.term .breadcrumb {
    margin-top: 35px;
    margin-bottom: 50px;
}
@media only screen and (max-width : 767px) {
    .term .breadcrumb {
        margin-top: 20px;
        margin-bottom: 40px;
    }
}
.term .term__content {
    padding-bottom: 60px;
}
@media only screen and (max-width : 767px) {
    .term .term__content {
        padding-bottom: 30px;
    }
}
.term .term__block {
    background: #fff;
    padding: 40px 19px 28px;
    border-radius: 8px;
}
@media only screen and (max-width : 767px) {
    .term .term__block {
        padding: 20px 15px;
    }
}
.term .term__desc {
    font-weight: bold;
    margin-bottom: 17px;
    line-height: 1.75;
}
@media only screen and (max-width : 767px) {
    .term .term__desc {
        margin-bottom: 12px;
        font-size: 16px;
    }
}
.term .item {
    font-size: 0.875rem;
    line-height: 1.75;
    margin-bottom: 17px;
}
.term .item:last-child {
    margin-bottom: 0;
}
@media only screen and (max-width : 767px) {
    .term .item {
        font-size: 14px;
    }
}
.term .item p {
    margin-bottom: 5px;
}
.term .item .text {
    margin-bottom: 2px;
    font-weight: bold;
    font-size: 1rem;
}
@media only screen and (max-width : 767px) {
    .term .item .text {
        font-size: 16px;
    }
}
.term .item ul li {
    margin-bottom: 5px;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.term .item ul li span {
    width: 28px;
    min-width: 28px;
}
.term .item ul li:last-child {
    margin-bottom: 0;
}

.recruitment__top {
    padding-bottom: 80px;
}
@media only screen and (max-width : 767px) {
    .recruitment__top {
        padding-bottom: 30px;
    }
}
.recruitment__content {
    padding-bottom: 80px;
}
@media only screen and (max-width : 767px) {
    .recruitment__content {
        padding-bottom: 30px;
    }
}
.recruitment__content .container {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}
@media only screen and (max-width : 767px) {
    .recruitment__content .container {
        flex-direction: column;
    }
}
.recruitment__content .container .recruitment-card {
    background: #fff;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    width: 280px;
    height: 123px;
}
@media screen and (max-width: 890px) and (min-width: 768px) {
    .recruitment__content .container .recruitment-card {
        width: 230px;
    }
}
@media only screen and (max-width : 767px) {
    .recruitment__content .container .recruitment-card {
        width: 100%;
        margin-bottom: 20px;
    }
}
.recruitment__content .container .recruitment-card div {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 44px 0;
}
.recruitment__content .container .recruitment-card div img {
    width: 30px;
    height: 35px;
    margin-right: 5px;
}
.recruitment__content .container .recruitment-card div p {
    color: #0066A5;
    font-size: 1rem;
    font-weight: bold;
}
@media only screen and (max-width : 767px) {
    .recruitment__content .container .recruitment-card div p {
        font-size: 16px;
    }
}
.recruitment__content .container .recruitment-card a {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #1A1311;
    font-weight: bold;
    text-decoration: none;
    font-size: 1.25rem;
    margin-top: 27px;
}
@media only screen and (max-width : 767px) {
    .recruitment__content .container .recruitment-card a {
        font-size: 18px;
    }
}
.recruitment__content .container .recruitment-card a img {
    padding-left: 10px;
}
@media only screen and (max-width : 767px) {
    .recruitment__content .container .recruitment-card:last-child {
        margin-bottom: 0;
    }
}

.recruitment-01 .recruitment__content .container .recruitment-card {
    height: 170px;
}
.recruitment-01 .recruitment__content .container .recruitment-card div {
    margin-top: 67px;
    margin-bottom: auto;
}

.newgraduates {
    padding-bottom: 60px;
}
@media only screen and (max-width : 767px) {
    .newgraduates {
        padding-bottom: 10px;
    }
}
.newgraduates .breadcrumb {
    margin-bottom: 50px;
    margin-top: 35px;
}
@media only screen and (max-width : 767px) {
    .newgraduates .breadcrumb {
        margin-bottom: 40px;
        margin-top: 20px;
    }
}
.newgraduates .section-title-leaf h2 {
    margin-bottom: 60px;
}
@media only screen and (max-width : 767px) {
    .newgraduates .section-title-leaf h2 {
        margin-bottom: 20px;
    }
}
.newgraduates .newgraduates__content {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}
@media only screen and (max-width : 767px) {
    .newgraduates .newgraduates__content {
        flex-direction: column;
    }
}
.newgraduates .newgraduates__content a, .newgraduates .newgraduates__content > div {
    width: calc((100% - 80px)/3);
    height: 170px;
    background-size: cover;
    background-position: center;
    position: relative;
}
@media only screen and (max-width : 767px) {
    .newgraduates .newgraduates__content a, .newgraduates .newgraduates__content > div {
        width: 100%;
        max-width: 345px;
        margin: 0 auto 20px;
    }
}
.newgraduates .newgraduates__content a img, .newgraduates .newgraduates__content > div img {
    margin-top: 33px;
    margin-bottom: 13px;
}
.newgraduates .newgraduates__content a > div {
    position: absolute;
    bottom: 0;

    left: 0;
    right: 0;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.4);
}
.newgraduates .newgraduates__content a > div img {
    margin: 13px auto;
    display: block;
}
.newgraduates .newgraduates__content > div > div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: column;
    color: #fff;
    font-size: 1.25rem;
    line-height: 1.4;
    font-weight: bold;
    text-align: center;
}
@media only screen and (max-width : 767px) {
    .newgraduates .newgraduates__content > div > div {
        font-size: 20px;
    }
}

.lea {
    background-color: #fff;
}
.lea .lea__banner {
    height: 600px;
    background-size: cover;
    background-position: right;
    color: #fff;
    font-weight: bold;
    text-shadow: 0 3px 15px black;
}
@media only screen and (max-width : 920px) {
    .lea .lea__banner {
        height: 400px;
    }
}
@media only screen and (max-width : 767px) {
    .lea .lea__banner {
        height: 175px;
    }
}
.lea .lea__banner .container {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
    padding-bottom: 110px;
}
@media only screen and (max-width : 920px) {
    .lea .lea__banner .container {
        padding-bottom: 50px;
    }
}
@media only screen and (max-width : 767px) {
    .lea .lea__banner .container {
        padding-bottom: 0;
        justify-content: center;
    }
}
.lea .lea__banner h2 {
    font-size: 3.125rem;
    display: inline-block;
    position: relative;
    font-family: "Times New Roman";
    padding-bottom: 10px;
    margin-bottom: 30px;
}
@media only screen and (max-width : 767px) {
    .lea .lea__banner h2 {
        margin-bottom: 0;
        font-size: 29px;
        padding-bottom: 4px;
    }
}
.lea .lea__banner h2:before, .lea .lea__banner h2:after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 5px;
    left: 0;
    background-color: #fff;
}
@media only screen and (max-width : 767px) {
    .lea .lea__banner h2:before, .lea .lea__banner h2:after {
        height: 2px;
    }
}
.lea .lea__banner h2:after {
    width: 100%;
    opacity: 0.5;
}
.lea .lea__banner h2:before {
    width: 45%;
}
.lea .breadcrumb {
    margin: 20px auto;
}
@media only screen and (max-width : 767px) {
    .lea .breadcrumb {
        margin: 20px auto 15px;
    }
}
.lea .lea__desc {
    font-size: 1.125rem;
    line-height: 1.75;
    font-weight: bold;
}
@media only screen and (max-width : 767px) {
    .lea .lea__desc {
        font-size: 16px;
        line-height: 1.9;
        margin-bottom: 20px;
    }
}
.lea .lea__top {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1280px;
    margin: 0 auto 30px;
}
.lea .lea__top img {
    width: calc((100% - 60px)/3);
}
@media only screen and (max-width : 767px) {

    .lea .lea__top img {
        width: calc((100% - 14px)/3);
    }
}
.lea .lea__content {
    background-color: #F9FAFC;
    padding: 60px 0;
}
@media only screen and (max-width : 767px) {
    .lea .lea__content {
        padding: 40px 0 25px;
    }
}
.lea .lea__content .container {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}
@media only screen and (max-width : 767px) {
    .lea .lea__content .container {
        flex-direction: column;
    }
}
.lea .lea__content .lea__content--left {
    text-align: right;
}
@media only screen and (max-width : 920px) {
    .lea .lea__content .lea__content--left {
        margin-right: 40px;
    }
}
@media only screen and (max-width : 767px) {
    .lea .lea__content .lea__content--left {
        margin: auto;
        max-width: 345px;
    }
}
.lea .lea__content .lea__content--left > img {
    margin-top: 50px;
}
@media only screen and (max-width : 767px) {
    .lea .lea__content .lea__content--left > img {
        width: 200px;
        margin: auto;
        display: block;
    }
}
.lea .lea__content h3 {
    font-size: 24px;
    margin-bottom: 20px;
}
@media only screen and (max-width : 767px) {
    .lea .lea__content h3 {
        font-size: 20px;
    }
}
.lea .lea__content .lea__content--right {
    width: 433px;
}
@media only screen and (max-width : 767px) {
    .lea .lea__content .lea__content--right {
        width: 100%;
        max-width: 345px;
        margin: auto;
    }
}
.lea .lea__content .lea__content--right li {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
@media only screen and (max-width : 767px) {
    .lea .lea__content .lea__content--right li {
        display: block;
        margin-bottom: 15px;
    }
}
.lea .lea__content .lea__content--right li:last-child .lea__timeline--right {
    padding-bottom: 0;
}
.lea .lea__content .lea__content--right li .lea__timeline--left {
    width: 75px;
    min-width: 75px;
    margin-right: 35px;
    font-size: 1.125rem;
}
@media only screen and (max-width : 767px) {
    .lea .lea__content .lea__content--right li .lea__timeline--left {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
        font-size: 18px;
    }
}
.lea .lea__content .lea__content--right li .lea__timeline--right {
    line-height: 1.6;
    margin-top: -2px;
    position: relative;
    padding-bottom: 15px;
}
@media only screen and (max-width : 767px) {
    .lea .lea__content .lea__content--right li .lea__timeline--right {
        padding-left: 15px;
        margin-top: 0;
        font-size: 16px;
        padding-bottom: 0;
    }
}
.lea .lea__content .lea__content--right li .lea__timeline--right:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -25px;
    width: 1px;
    background-color: #CCCCCC;
}
@media only screen and (max-width : 767px) {
    .lea .lea__content .lea__content--right li .lea__timeline--right:before {
        display: none;
    }
}
.lea .lea__content .lea__content--right li .circle {
    color: #0066A5;
    margin-right: 3px;
}
.lea .lea__bottom {
    text-align: center;
    padding: 60px 0;
}
@media only screen and (max-width : 767px) {
    .lea .lea__bottom {
        padding: 30px 0;
    }
}
.lea .lea__bottom a {
    display: inline-block;
    width: 220px;
    height: 50px;
    border-radius: 25px;
    line-height: 50px;
    background-color: #1A1311;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}

.tvcm {
    padding-bottom: 60px;
}
@media only screen and (max-width : 767px) {
    .tvcm {
        padding-bottom: 30px;
    }
}
.tvcm .breadcrumb {
    margin-top: 35px;
    margin-bottom: 50px;
}
@media only screen and (max-width : 767px) {
    .tvcm .breadcrumb {
        margin-bottom: 40px;
        margin-top: 20px;
    }
}
.tvcm .section-title-leaf {
    position: relative;
    margin-bottom: 30px;
}
@media only screen and (max-width : 767px) {
    .tvcm .section-title-leaf {
        margin-bottom: 20px;
    }
}
.tvcm .section-title-leaf h2 {
    margin-bottom: 0;
}
@media only screen and (max-width : 767px) {
    .tvcm .section-title-leaf h2 {
        margin-bottom: 20px;
    }
}
.tvcm .section-title-leaf a {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media only screen and (max-width : 767px) {
    .tvcm .section-title-leaf a {
        position: static;
        -webkit-transform: translateY(0);
        -khtml-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        display: inline-block;
    }
}
@media only screen and (max-width : 920px) {
    .tvcm .section-title-leaf a img {
        width: 200px;
    }
}
@media only screen and (max-width : 767px) {
    .tvcm .section-title-leaf a img {
        width: auto;
    }
}
.tvcm .tvcm__top {
    margin-bottom: 20px;
}
.tvcm .tvcm__top iframe {
    border: 5px solid #fff;
    padding: 15px;
    width: 100%;
    height: 534px;
    margin-bottom: 20px;
}
@media only screen and (max-width : 767px) {
    .tvcm .tvcm__top iframe {
        height: 206px;
        border-width: 3px;
        padding: 12px;
    }
}
.tvcm .tvcm__top p {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    font-size: 1.25rem;
    font-weight: bold;
    color: #0066A5;
    line-height: 1.4;
}
@media only screen and (max-width : 767px) {
    .tvcm .tvcm__top p {
        font-size: 18px;
    }
}
.tvcm .tvcm__top p img {
    margin-right: 20px;
}
@media only screen and (max-width : 767px) {
    .tvcm .tvcm__top p img {
        width: 70px;
        margin-right: 15px;
    }
}
.tvcm .tvcm__content h3 {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: flex-end;
    font-size: 20px;
    font-weight: 900;
    color: #0066A5;
    margin-bottom: 10px;
}
@media only screen and (max-width : 767px) {
    .tvcm .tvcm__content h3 {
        flex-direction: column;
        font-size: 16px;
        align-items: flex-start;
    }
}
.tvcm .tvcm__content h3 select {
    margin-left: auto;
    display: block;
    background-color: #fff;
    padding: 0 15px;
    border: 2px solid #0066A5;
    color: #0066A5;
    font-weight: bold;
    border-radius: 8px;
    height: 42px;
    width: 220px;
    font-size: 18px;
    order: 1;
}
@media only screen and (max-width : 767px) {
    .tvcm .tvcm__content h3 select {
        width: 100%;
        height: 50px;
        font-size: 16px;
        margin-bottom: 20px;
        order: initial;
    }
}
.tvcm .tvcm__content .tvcm__content__wrap {
    background-color: #fff;
    border-radius: 8px;
    padding: 10px 0;
}
@media only screen and (max-width : 767px) {
    .tvcm .tvcm__content .tvcm__content__wrap {
        padding: 0;
    }
}
.tvcm .tvcm__content .tvcm__list__cate {
    border-bottom: 1px solid #CCCCCC;
    padding: 25px 30px 0;
}
@media only screen and (max-width : 767px) {
    .tvcm .tvcm__content .tvcm__list__cate {
        padding: 12px 15px 0;
    }
}
.tvcm .tvcm__content .tvcm__list__cate:last-child {
    border-bottom: none;
}
.tvcm .tvcm__content .tvcm__list__cate h4 {
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: 15px;
    line-height: 1.4;
}
@media only screen and (max-width : 767px) {
    .tvcm .tvcm__content .tvcm__list__cate h4 {
        font-size: 16px;
        margin-bottom: 12px;
    }
}
.tvcm .tvcm__content .tvcm__list__cate .tvcm__list {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
@media only screen and (max-width : 767px) {
    .tvcm .tvcm__content .tvcm__list__cate .tvcm__list {
        flex-direction: column;
    }
}
.tvcm .tvcm__content .tvcm__list__cate .tvcm__list iframe {
    width: calc((100% - 30px)/2);
    height: 233px;
    margin-bottom: 30px;
}
@media only screen and (max-width : 767px) {
    .tvcm .tvcm__content .tvcm__list__cate .tvcm__list iframe {
        width: 100%;
        height: 176px;
        margin-bottom: 15px;
    }
}
.tvcm .tvcm__content .no-content {
    padding: 20px 0;
    text-align: center;
    font-size: 18px;
}


.page-404 {
    padding: 160px 15px 60px;
}
@media only screen and (max-width : 767px) {
    .page-404 {
        padding: 100px 15px 30px;
        min-height: calc(100vh - 321px);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}
.page-404 h2 {
    font-size: 2.5rem;
    font-weight: 900;
    color: #0066A5;
    margin-bottom: 30px;
}
@media only screen and (max-width : 767px) {
    .page-404 h2 {
        font-size: 24px;
        margin-bottom: 20px;
    }
}
.page-404 p {
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: 50px;
}
@media only screen and (max-width : 767px) {
    .page-404 p {
        font-size: 18px;
        margin-bottom: 30px;
    }
}
@media only screen and (max-width : 767px) {
    .page-404 img {
        width: 101px;
    }
}

.service {
    padding-bottom: 60px;
}
@media only screen and (max-width : 767px) {
    .service {
        padding-bottom: 30px;
    }
}
.service .breadcrumb {
    margin-bottom: 0;
}
.service .service__bg--white {
    background-color: #fff;
    padding-top: 20px;
    padding-bottom: 70px;
}
@media only screen and (max-width : 767px) {
    .service .service__bg--white {
        padding-bottom: 65px;
    }
}
.service .service__title {
    text-align: center;
}
.service .service__title h2 {
    position: relative;
    display: inline-block;
    font-size: 2.5rem;
    font-weight: 900;
    padding: 10px 85px;
    margin-bottom: 30px;
}
@media only screen and (max-width : 767px) {
    .service .service__title h2 {
        font-size: 24px;
        padding: 0 46px;
        line-height: 1.3;
    }
}
.service .service__title h2 > img {
    position: absolute;
    top: 0;
}
@media only screen and (max-width : 767px) {
    .service .service__title h2 > img {
        width: 36px;
    }
}
.service .service__title h2 > img.section-title--left {
    left: 0;
}
.service .service__title h2 > img.section-title--right {
    right: 0;
}
.service .service__title--yellow {
    text-align: center;
}
@media screen and (max-width: 340px) {
    .service .service__title--yellow {
        margin: 0 -15px;
    }
}
.service .service__title--yellow h2 {
    position: relative;
    display: inline-block;
    font-size: 1.5rem;
    font-weight: bold;
    padding: 10px 115px 0;
    margin-bottom: 50px;
}
@media only screen and (max-width : 767px) {
    .service .service__title--yellow h2 {
        font-size: 16px;
        padding: 0 66px;
        margin-bottom: 25px;
    }
}
@media screen and (max-width: 340px) {
    .service .service__title--yellow h2 {
        padding: 0 55px;
    }
}
.service .service__title--yellow h2 > img {
    position: absolute;
    top: 0;
}
@media only screen and (max-width : 767px) {
    .service .service__title--yellow h2 > img {
        width: 56px;
    }
}
@media screen and (max-width: 340px) {
    .service .service__title--yellow h2 > img {
        width: 45px;
    }
}
.service .service__title--yellow h2 > img.service__title--left {
    left: 0;
}
.service .service__title--yellow h2 > img.service__title--right {
    right: 0;
}
.service .service__title--yellow h2 span {
    display: inline-block;
    padding-bottom: 6px;
    border-bottom: 3px solid #FFC01A;
    margin-bottom: 10px;
}
@media only screen and (max-width : 767px) {
    .service .service__title--yellow h2 span {
        padding-bottom: 3px;
        margin-bottom: 6px;
        border-width: 2px;
    }
}
.service .service__top {
    position: relative;
    background: #fff url(https://watahan.pro/images/top-service-bg.png) repeat top center;
    padding-bottom: 1px;
    margin-bottom: 110px;
}
@media only screen and (max-width : 767px) {
    .service .service__top {
        margin-bottom: 80px;
    }
}
.service .service__top:before {
    content: "";
    width: 100%;
    position: absolute;
    top: -50px;
    height: 50px;
    background: url("https://watahan.pro/images/about-bg-02-start.png") repeat left top;
}
.service .service__top:after {
    content: "";
    width: 100%;
    position: absolute;
    bottom: -50px;
    height: 50px;
    background: url("https://watahan.pro/images/about-bg-02-under.png") repeat left top;
    z-index: 1;
}
@media only screen and (max-width : 767px) {
    .service .service__top .container {
        max-width: 375px;
    }
}
.service .service__top .service__top__bg {
    background: url("https://watahan.pro/images/about-bg-illust.png") top center no-repeat;
    padding-top: 50px;
    z-index: 2;
    margin-bottom: -50px;
    padding-bottom: 90px;
    position: relative;
}
@media only screen and (max-width : 767px) {
    .service .service__top .service__top__bg {
        background: url("https://watahan.pro/images/about-bg-illust-sp.png") top 50px center no-repeat;
        padding-bottom: 50px;
        padding-top: 0;
    }
}
.service .service__bottom {
    padding-top: 110px;
}
.service .service__shop-list .service__shop-list-filter {
    text-align: right;
    margin-bottom: 20px;
}
@media only screen and (max-width : 767px) {
    .service .service__shop-list .service__shop-list-filter {
        margin-bottom: 15px;
    }
}
.service .service__shop-list .service__shop-list-filter select {
    background-color: #fff;
    padding: 0 25px;
    border: 2px solid #0066A5;
    color: #0066A5;
    font-weight: bold;
    border-radius: 8px;
    width: 220px;
    height: 42px;
    font-size: 1.125rem;
    position: relative;
}
@media only screen and (max-width : 767px) {
    .service .service__shop-list .service__shop-list-filter select {
        width: 100%;
        font-size: 16px;
        height: 50px;
    }
}
.service .service__shop-list ul li {
    background-color: #fff;
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding: 20px 30px;
    position: relative;
}
@media only screen and (max-width : 767px) {
    .service .service__shop-list ul li {
        padding: 20px 10px;
    }
}
.service .service__shop-list ul li:last-child {
    border-bottom: 0;
}
.service .service__shop-list ul li p {
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: 15px;
}
@media only screen and (max-width : 767px) {
    .service .service__shop-list ul li p {
        font-size: 18px;
    }
}
.service .service__shop-list ul li .phone {
    font-size: 1.25rem;
    font-weight: bold;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
@media only screen and (max-width : 767px) {
    .service .service__shop-list ul li .phone {
        margin-bottom: 19px;
        font-size: 16px;
    }
}
.service .service__shop-list ul li .phone img {
    margin-right: 10px;
}
.service .service__shop-list ul li .phone span {
    font-weight: normal;
    margin-left: 55px;
}
.service .service__shop-list ul li .shop-list__btn {
    position: absolute;
    right: 30px;
    bottom: 20px;
}
@media only screen and (max-width : 767px) {
    .service .service__shop-list ul li .shop-list__btn {
        position: static;
        margin: 0 -10px;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
}
.service .service__shop-list ul li .shop-list__btn a, .service .service__shop-list ul li .shop-list__btn span {
    font-size: 16px;
    padding: 0 43px;
    background-color: #1A1311;
    text-align: center;
    min-width: 100px;
    display: inline-block;
    border-radius: 18px;
    color: #fff;
    height: 36px;
    line-height: 36px;
    font-weight: bold;
    margin-left: 15px;
}
@media only screen and (max-width : 767px) {
    .service .service__shop-list ul li .shop-list__btn a, .service .service__shop-list ul li .shop-list__btn span {
        margin: 0 10px;
        font-size: 14px;
        padding: 0 63px;
        max-width: 185px;
        min-width: initial;
        width: 100%;
    }
    .service .service__shop-list ul li .shop-list__btn a:last-child, .service .service__shop-list ul li .shop-list__btn span:last-child {
        padding: 0;
        max-width: 120px;
        min-width: initial;
        width: 100%;
    }
}
.service .service__shop-list ul li .shop-list__btn a img, .service .service__shop-list ul li .shop-list__btn span img {
    transform: translateY(3px);
}
.service .service__shop-list ul li .shop-list__btn span {
    background-color: #ccc;
    cursor: not-allowed;
}
.service .service__shop-list .service__shop-list__wrap {
    position: relative;
    min-height: 28px;
}
@media only screen and (max-width : 767px) {
    .service .service__shop-list .service__shop-list__wrap {
        min-height: 42px;
        line-height: 1.6;
    }
}
.service .service__shop-list .service__shop-list__wrap > p {
    font-size: 1.125rem;
    font-weight: bold;
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 10px;
}
@media only screen and (max-width : 767px) {
    .service .service__shop-list .service__shop-list__wrap > p {
        font-size: 16px;
    }
}
@media only screen and (max-width : 767px) {
    .service .service__text-about {
        margin: 0 -15px;
    }
}
.service .service__text-about .about__block {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: -83px;
}
@media only screen and (max-width : 767px) {
    .service .service__text-about .about__block {
        flex-direction: column;
        margin-bottom: 30px;
    }
}
.service .service__text-about .about__block:last-child {
    margin-bottom: 0;
}
.service .service__text-about .about__block.block--bottom {
    align-items: flex-end;
    padding-bottom: 52px;
    margin-bottom: 0;
}
@media only screen and (max-width : 767px) {
    .service .service__text-about .about__block.block--bottom {
        padding-bottom: 0;
    }
}
.service .service__text-about .about__block.block--bottom .block__text {
    font-size: 1.25rem;
    line-height: 1.55;
    display: inline-block;
    position: relative;
    padding: 0;
    margin-top: 0;
    width: auto;
    margin-bottom: -60px;
}
@media only screen and (max-width : 767px) {
    .service .service__text-about .about__block.block--bottom .block__text {
        order: 2;
        margin-bottom: 0;
        font-size: 18px;
        line-height: 1.75;
    }
}
.service .service__text-about .about__block.block--bottom .block__text span {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 200px;
}
.service .service__text-about .about__block.block--bottom .block__img {
    order: 2;
}
@media only screen and (max-width : 767px) {
    .service .service__text-about .about__block.block--bottom .block__img {
        order: 1;
        align-self: flex-end;
    }
}
@media only screen and (max-width : 767px) {
    .service .service__text-about .about__block .block__img {
        align-self: flex-start;
        margin-bottom: 30px;
    }
    .service .service__text-about .about__block .block__img img {
        width: 300px;
    }
}
.service .service__text-about .about__block .block__text {
    font-size: 1.25rem;
    font-weight: bold;
    width: 445px;
    position: relative;
    margin-bottom: 130px;
}
@media only screen and (max-width : 767px) {
    .service .service__text-about .about__block .block__text {
        width: 100%;
        padding-left: 0;
        max-width: 375px;
        margin: 0 auto;
    }
}
.service .service__text-about .about__block .block__text--yellow {
    position: relative;
    background: url(https://watahan.pro/images/about-text-bg.png) bottom left no-repeat;
    background-size: 100% auto;
    padding-left: 15px;
    font-size: 1.25rem;
    line-height: 1.5;
    padding-bottom: 10px;
    padding-right: 6px;
}
@media only screen and (max-width : 767px) {
    .service .service__text-about .about__block .block__text--yellow {
        text-align: left;
        font-size: 18px;
        padding-right: 0;
        background-image: url(https://watahan.pro/images/about-text-bg-sp.png);
        margin: 0 15px 0 auto;
        max-width: 375px;
        padding-left: 15px;
    }
}
.service .service__text-about .about__block .block__text--yellow img {
    position: absolute;
    right: -20px;
    bottom: -25px;
}
@media only screen and (max-width : 767px) {
    .service .service__text-about .about__block .block__text--yellow img {
        right: -15px;
        bottom: -15px;
        width: 32px;
    }
}
.service .service__text-about .about__block .clearfix {
    margin-bottom: 23px;
}
@media only screen and (max-width : 767px) {
    .service .service__text-about .about__block .clearfix {
        padding: 0 15px;
        margin-bottom: 18px;
    }
}
.service .service__text-about .about__block .about__bubble {
    width: 320px;
    height: 98px;
    background: url(https://watahan.pro/images/img-about-callout-01.png) no-repeat top left;
    font-size: 1.25rem;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 25px 13px 31px;
    font-weight: bold;
    line-height: 1.6;
}
@media only screen and (max-width : 920px) {
    .service .service__text-about .about__block .about__bubble {
        height: 90px;
        width: 270px;
        background-size: contain;
    }
}
@media only screen and (max-width : 767px) {
    .service .service__text-about .about__block .about__bubble {
        font-size: 16px;
    }
}
.service .service__text-about .about__block .about__bubble:nth-child(1) {
    margin-left: -27px;
}
@media only screen and (max-width : 767px) {
    .service .service__text-about .about__block .about__bubble:nth-child(1) {
        margin-left: 0;
    }
}
@media only screen and (max-width : 767px) {
    .service .service-flag-wrap {
        margin: 0 -15px;
    }
}
.service .service-flag {
    background: url("https://watahan.pro/images/img-line-ribbon-frame.png") no-repeat center;
    height: 130px;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #0066A5;
    font-weight: bold;
    font-size: 1.25rem;
    background-size: contain;
}
@media only screen and (max-width : 767px) {
    .service .service-flag {
        background-image: url("https://watahan.pro/images/img-line-ribbon-frame-sp.png");
        max-width: 375px;
        height: 150px;
        font-size: 17px;
        padding: 0 55px;
        line-height: 1.6;
        margin: auto;
    }
}
@media only screen and (max-width : 320px) {
    .service .service-flag {
        padding: 0 26px;
    }
}
.service .service-flag a {
    background: #1A1311;
    color: #fff;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    width: 195px;
    text-align: center;
    margin-top: 15px;
}
@media only screen and (max-width : 767px) {
    .service .service-flag a {
        margin-top: 5px;
    }
}
.service.service-one-block {
    padding-bottom: 0;
}
.service.service-one-block .service__top {
    margin-bottom: 0;
}
.service.service-one-block .service__top:after {
    display: none;
}
.service.service-one-block .service__top .service__top__bg {
    margin-bottom: 0;
    padding-bottom: 60px;
}
@media only screen and (max-width : 767px) {
    .service.service-one-block .service__top .service__top__bg {
        padding-bottom: 30px;
    }
}

.watahan-form {
    padding-bottom: 60px;
}
@media only screen and (max-width : 767px) {
    .watahan-form {
        padding-bottom: 30px;
    }
}
.watahan-form .form-content {
    max-width: 600px;
    margin: auto;
}
@media only screen and (max-width : 767px) {
    .watahan-form .section-title-leaf h2 {
        margin-bottom: 5px;
    }
}
.watahan-form .breadcrumb {
    margin-top: 35px;
    margin-bottom: 45px;
}
@media only screen and (max-width : 767px) {
    .watahan-form .breadcrumb {
        margin-top: 20px;
        margin-bottom: 40px;
    }
}
.watahan-form .handle-submit {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;

}
@media only screen and (max-width : 767px) {
    .watahan-form .handle-submit {
        flex-direction: column;
        align-items: center;
    }
}
.watahan-form .handle-submit .btn {
    font-size: 1.125rem;
    font-weight: bold;
    border-radius: 20px;
    width: 200px;
    height: 40px;

    line-height: 40px;
    padding: 0;
    outline: none;
    cursor: pointer;
    margin: 0 20px;
    -webkit-transition: 0.5s;
    -khtml-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.watahan-form .handle-submit .btn:hover {
    opacity: 0.8;
}
@media only screen and (max-width : 767px) {
    .watahan-form .handle-submit .btn {
        font-size: 18px;
    }
}
.watahan-form .handle-submit .btn-return {
    color: #0066A5;
    background: #fff;
    border: 3px solid #0066A5;
    line-height: 34px;
}
.watahan-form .handle-submit .btn-submit {
    color: #fff;
    background: #0066A5;
}

.input-form .input-form__notif {
    padding: 32px 20px;
    font-size: 0.875rem;
    line-height: 1.8;
    background-color: #EDE9DF;
    border-radius: 8px;
    margin-bottom: 60px;
}
@media only screen and (max-width : 767px) {
    .input-form .input-form__notif {
        font-size: 14px;
        padding: 15px;
        line-height: 1.75;
        margin-bottom: 30px;
    }
}
.input-form .input-form__notif a {
    font-weight: bold;
}
.input-form .input-form__notif p {
    font-weight: bold;
    margin-bottom: 3px;
}
@media only screen and (max-width : 767px) {
    .input-form .input-form__notif p {
        font-size: 16px;
    }
}
.input-form .input-form__error {
    color: #E12C00;
    font-weight: bold;
    line-height: 1.6;
    background-color: #fff;
    border: 2px solid #E12C00;
    border-radius: 8px;
    padding: 15px 20px;
    margin-bottom: 60px;
}
@media only screen and (max-width : 767px) {
    .input-form .input-form__error {
        font-size: 16px;
        margin-bottom: 30px;
        padding: 15px;
    }
}
.input-form .input-form__error ul li:before {
    content: "・";
    display: inline-block;
}
.input-form .input-form__error p {
    margin-bottom: 5px;
}
.input-form form .form-group {
    margin-bottom: 20px;
}
.input-form form .form-group label {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    flex-direction: row;
    font-size: 1.125rem;
    font-weight: bold;
    color: #1A1311;
    margin-bottom: 10px;
}
@media only screen and (max-width : 767px) {
    .input-form form .form-group label {
        font-size: 18px;
    }
}
.input-form form .form-group label span {
    font-size: 0.875rem;
    background: red;
    color: #fff;
    border-radius: 8px;
    padding: 4px 11px;
    margin-left: 15px;
}
@media only screen and (max-width : 767px) {
    .input-form form .form-group label span {
        font-size: 14px;
    }
}
.input-form form .form-group label span.any {
    background: #CCCCCC;
}
.input-form form .form-group input, .input-form form .form-group textarea {
    width: 100%;
    padding: 14px 15px;
    border: 1px solid #CCCCCC;
    font-size: 1rem;
    border-radius: 8px;
    outline: none;
    background-color: #fff;
}
@media only screen and (max-width : 767px) {
    .input-form form .form-group input, .input-form form .form-group textarea {
        font-size: 16px;
    }
}
.input-form form .form-group input[type=number].form-control--postal-01 {
    width: 62px;
    padding-right: 0;
}
.input-form form .form-group input[type=number].form-control--postal-02 {
    width: 80px;
    padding-right: 0;
}
.input-form form .form-group textarea {
    height: 150px;
    overflow-y: scroll;
    resize: none;
}
@media only screen and (max-width : 767px) {
    .input-form form .form-group textarea {
        height: 240px;
    }
}
.input-form form .form-group .select-item {
    background-color: #fff;
    border: 1px solid #CCCCCC;
    font-size: 1rem;
    outline: none;
    color: gray;
    height: 48px;
    text-indent: 5px;
}
@media only screen and (max-width : 767px) {
    .input-form form .form-group .select-item {
        font-size: 16px;
    }
}
.input-form form .form-group #mail_age {
    width: 200px;
}
@media only screen and (max-width : 767px) {
    .input-form form .form-group #mail_age {
        width: 100%;
    }
}
.input-form form .form-group #mail_shop {
    width: 300px;
}
@media only screen and (max-width : 767px) {
    .input-form form .form-group #mail_shop {
        width: 100%;
    }
}
.input-form form .form-group ul.form-check {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: auto;
}
.input-form form .form-group ul.form-check li:first-child {
    margin-right: 25px;
}
.input-form form .form-group ul.form-check li {
    display: block;
    position: relative;
    color: #1A1311;
    float: left;
}
.input-form form .form-group ul.form-check li input[type=radio] {
    position: absolute;
    visibility: hidden;
}
.input-form form .form-group ul.form-check li input[type=radio]:checked ~ .check::before {
    background: #1A1311;
    display: block;
    position: absolute;
    content: "";
    border-radius: 100%;
    height: 8px;
    width: 8px;
    top: 4px;
    left: 4px;
    margin: auto;
    -webkit-transition: border 0.25s linear;
    -khtml-transition: border 0.25s linear;
    -moz-transition: border 0.25s linear;
    -ms-transition: border 0.25s linear;
    -o-transition: border 0.25s linear;
    transition: border 0.25s linear;
}
.input-form form .form-group ul.form-check li label {
    display: block;
    position: relative;
    font-weight: normal;
    font-size: 1rem;
    margin-top: 1px;
    padding-left: 28px;
    z-index: 4;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
    -khtml-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
@media only screen and (max-width : 767px) {
    .input-form form .form-group ul.form-check li label {
        font-size: 16px;
    }
}
.input-form form .form-group ul.form-check li .check {
    display: block;
    position: absolute;
    border: 1px solid #AAAAAA;
    background-color: #fff;
    border-radius: 100%;
    height: 18px;
    width: 18px;
    top: 0;
    left: 0;
    z-index: 3;
    -webkit-transition: border 0.25s linear;
    -khtml-transition: border 0.25s linear;
    -moz-transition: border 0.25s linear;
    -ms-transition: border 0.25s linear;
    -o-transition: border 0.25s linear;
    transition: border 0.25s linear;
}
.input-form form .form-group .period-time {
    width: 200px;
    padding-right: 0;
}
.input-form form .form-group.form-group--check {
    margin-bottom: 10px;
}
.input-form form .form-group.form-group--postal > div,
.input-form form .form-group.form-group--date > div {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}
.input-form form .form-group.form-group--postal > div span,
.input-form form .form-group.form-group--date > div span {
    margin: 0 10px;
    font-weight: bold;
    font-size: 24px;
}
.input-form form .form-group--agree {
    margin-top: 30px;
    margin-bottom: 30px;
}
@media only screen and (max-width : 767px) {
    .input-form form .form-group--agree {
        margin-top: 24px;
        margin-bottom: 21px;
    }
}
.input-form form .form-group--agree > div {
    position: relative;
    display: inline-block;
    padding-left: 35px;
    color: #1A1311;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
}
@media only screen and (max-width : 767px) {
    .input-form form .form-group--agree > div {
        font-size: 16px;
        text-align: left;
        line-height: 1.8;
    }
}
.input-form form .form-group--agree input[type=checkbox] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 20px;
    width: 20px;
    left: 0;
    top: -2px;
    z-index: 10;
}
@media only screen and (max-width : 767px) {
    .input-form form .form-group--agree input[type=checkbox] {
        top: 5px;
    }
}
.input-form form .form-group--agree input[type=checkbox]:checked ~ .check-mark {
    background-color: #2196F3;
}
.input-form form .form-group--agree input[type=checkbox]:checked ~ .check-mark:after {
    display: block;
    left: 5px;
    top: 0;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -khtml-transform: rotate(45deg);
    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.input-form form .form-group--agree .check-mark {
    position: absolute;
    top: -2px;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid #ccc;
    margin: 0;
    background: #fff;
}
@media screen and (max-width: 768px) {
    .input-form form .form-group--agree .check-mark {
        top: -3px;
    }
}
@media only screen and (max-width : 414px) {
    .input-form form .form-group--agree .check-mark {
        top: 4px;
    }
}
.input-form form .form-group--agree .check-mark:after {
    content: "";
    position: absolute;
    display: none;
}
@media only screen and (max-width : 767px) {
    .input-form form .form-group.form-group--date > div {
        flex-direction: column;
        align-items: flex-start;
    }
}
.input-form form .form-group.form-group--date > div > span {
    font-weight: bold;
    color: #0066A5;
    font-size: 18px;
}
@media only screen and (max-width : 767px) {
    .input-form form .form-group.form-group--date > div > span {
        margin: 5px 0;
    }
}
@media only screen and (max-width : 767px) {
    .input-form form .form-group.form-group--date input {
        width: 100%;
    }
}
.input-form form .form-group.form-group--nearest label {
    margin-bottom: 8px;
}
@media only screen and (max-width : 767px) {
    .input-form form .form-group.form-group--nearest label {
        line-height: 1.8;
        align-items: flex-start;
        margin-bottom: 0;
        margin-top: -8px;
    }
    .input-form form .form-group.form-group--nearest label span {
        min-width: 50px;
        margin-top: 5px;
        line-height: 1;
    }
}
.input-form form .form-group.form-group--nearest small,.input-form form .form-group.form-group--date small{
    color: #0066A5;
    font-size: 0.875rem;
    display: block;
    font-weight: bold;
    margin-bottom: 8px;
}
@media only screen and (max-width : 767px) {
    .input-form form .form-group.form-group--nearest small,.input-form form .form-group.form-group--date small {
        font-size: 14px;
        line-height: 1.6;
    }
}
.input-form form .form-group.form-group--nearest select {
    width: 300px;
}
@media only screen and (max-width : 767px) {
    .input-form form .form-group.form-group--nearest select {
        width: 100%;
    }
}
.input-form .btn-submit--post,
.input-form .btn-return {
    display: none;
}

.form-confirm .section-title-leaf h2 {
    margin-bottom: 40px;
}
@media only screen and (max-width : 767px) {
    .form-confirm .section-title-leaf h2 {
        margin-bottom: -2px;
    }
}
.form-confirm .form-item {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
    border-bottom: 1px solid #cccccc;
    padding: 15px 0;
}
@media only screen and (max-width : 767px) {
    .form-confirm .form-item {
        align-items: baseline;
        flex-direction: column;
    }
}
.form-confirm .form-item label {
    font-size: 1.125rem;
    font-weight: bold;
    width: 230px;
    min-width: 230px;
}
@media only screen and (max-width : 767px) {
    .form-confirm .form-item label {
        font-size: 18px;
        width: auto;
        min-width: initial;
        margin-bottom: 15px;
    }
}
.form-confirm .form-item span {
    font-size: 1rem;
    color: #1A1311;
    word-break: break-word;
}
@media only screen and (max-width : 767px) {
    .form-confirm .form-item span {
        font-size: 16px;
    }
}
.form-confirm .handle-submit {
    margin-top: 40px;
}
@media only screen and (max-width : 767px) {
    .form-confirm .handle-submit .btn {
        margin-bottom: 30px;
    }
    .form-confirm .handle-submit .btn:first-child {
        margin-bottom: 0;
    }
    .form-confirm .handle-submit .btn.btn-return {
        order: 2;
    }
}
.form-confirm .btn-submit--preview {
    display: none;
}
.form-confirm .form-content--input .form-group {
    display: none;
}

.form-complete .section-title-leaf h2 {
    margin-bottom: 80px;
}
@media only screen and (max-width : 767px) {
    .form-complete .section-title-leaf h2 {
        margin-bottom: 25px;
    }
}
.form-complete .form-complete__success {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 60px;
    line-height: 1.7;
}
@media only screen and (max-width : 767px) {
    .form-complete .form-complete__success {
        font-size: 18px;
        margin-bottom: 40px;
    }
}

@media only screen and (max-width : 767px) {
    .input-form--estimate .breadcrumb {
        line-height: 1.6;
    }
}
.input-form--estimate .handle-submit {
    margin-top: 40px;
}
@media only screen and (max-width : 767px) {
    .input-form--estimate .section-title-leaf h2 {
        margin-bottom: 20px;
    }
}
@media only screen and (max-width : 767px) {
    .input-form--estimate .breadcrumb {
        line-height: 1.6;
    }
}
/*新規取引先募集専用*/
.input-form .newtrading__coment {
    padding: 32px 20px;
    font-size: 0.875rem;
    line-height: 1.8;
    background-color: #EDE9DF;
    border-radius: 8px;
    margin-bottom: 60px;
}
.input-form .newtrading__coment p {
    font-weight: bold;
    margin-bottom: 3px;
}


.newtrading_box .newtrading_contents-box{
    background-color: #0066a5;
    border-radius: 8px;
    margin-bottom:70px;
    color:#FFF;
    position:relative;
}
.newtrading_box .newtrading_contents-box img.downallow {
    position: absolute;
    bottom:-45px;
    left:35px;
    width:10%;

}
.newtrading_box .newtrading_contents-box img.step {
    width:15%;
    vertical-align: top;
    margin-top:10px;
    margin-left:10px;
    margin-right:10px;
    margin-bottom:20px;
}
.newtrading_box .newtrading_contents-box img.pic0 {
    width:10%;
    vertical-align: top;
    margin-left:50px;
    margin-top:30px;
}
.newtrading_box .newtrading_contents-box img.pic {
    width:15%;
    vertical-align: top;
    margin-left:30px;
    margin-top:30px;
}
.newtrading_box .newtrading_contents-box img.pic2 {
    width:22%;
    vertical-align: top;
    margin-top:30px;

}
.newtrading_box .newtrading_contents-box p {
    display:inline-block;
    width:58%;
    vertical-align: top;
    margin-top: 30px;
    margin-bottom: 30px
}
.newtrading_box .newtrading_contents-box .email {
    text-shadow:-1px 0px 4px #ffffff;
    color:#FFF;

}
.newtrading_box .newtrading_contents-box p .addbox {
    background-color:#469cd1;
    margin-top:15px;
    margin-bottom:15px;
    display: inline-block;
    padding:10px;
}
.newtrading_box .newtrading_contents-box .DL img {
    margin-top:20px;
    margin-bottom:10px;
}
@media only screen and (max-width : 767px) {
    .input-form .newtrading__coment {

        padding: 32px 20px;
        font-size: 14px;
        padding: 15px;
        line-height: 1.75;
        margin-bottom: 30px;
        background-color: #EDE9DF;
        border-radius: 8px;
    }
    .input-form .newtrading__coment p {
        font-weight: bold;
        margin-bottom: 3px;
    }


    .newtrading_box .newtrading_contents-box .email {
        text-shadow:-1px 0px 4px #ffffff;
        color:#FFF;

    }


    .newtrading_box .newtrading_contents-box{
        background-color: #0066a5;
        border-radius: 8px;
        margin-bottom:70px;
        color:#FFF;
        position:relative;
        text-align: center;
    }
    .newtrading_box .newtrading_contents-box img.downallow {
        position: absolute;
        bottom:-45px;
        left:35%;

        width:30%;

    }
    .newtrading_box .newtrading_contents-box img.step {
        width:30%;
        vertical-align: top;
        margin-top:10px;
        padding-top:20px; 

        margin-bottom:10px;
        display: block;
        margin-left:auto;
        margin-right:auto;
    }
    .newtrading_box .newtrading_contents-box img.pic0 {
        width:25%;
        vertical-align: top;
        margin-left:50px;
        margin-top:30px;

        display: block;
        margin-left:auto;
        margin-right:auto;
        margin-top: -20px;
        padding-bottom: 20px;
    }
    .newtrading_box .newtrading_contents-box img.pic {
        width:30%;
        display: block;
        margin-left:auto;
        margin-right:auto;
        margin-top: -20px;
        padding-bottom: 20px;
    }
    .newtrading_box .newtrading_contents-box img.pic2 {
        width:50%;
        vertical-align: top;
        margin-top:30px;
        display: block;
        margin-left:auto;
        margin-right:auto;
        margin-top: -20px;
        padding-bottom: 20px;
    }
    .newtrading_box .newtrading_contents-box p {
        display:inline-block;
        width:90%;
        vertical-align: top;
        margin-top: 30px;
        margin-bottom: 30px;
        text-align: left;
        line-height:1.3em;
        font-size:100%;
    }
    .newtrading_box .newtrading_contents-box p .addbox {
        background-color:#469cd1;
        margin-top:15px!important;
        margin-bottom:15px!important;
        display: block;
        padding:10px;
        margin-left:auto;
        margin-right:auto;
    }
    .newtrading_box .newtrading_contents-box .DL img {
        margin-top:20px;
        margin-bottom:10px;
    }


}
/*# sourceMappingURL=main-style.css.map */



/*TOP修正*/
.onlineshop_newlist{
    margin: 0 auto;
   /* border: 3px solid #ddd;*/
   /* border-radius: 8px;*/
}
.onlineshop_newlist ul{
	display: flex;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 10px 2px 2px;
}
.onlineshop_newlist ul li {
    width: calc((100% / 5) - 8px);
    padding: 15px 10px 5px;
    border: 2px solid #ddd;
    border-radius: 4px;
    margin-right: 10px;
    margin-bottom: 10px;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.12);
}
.onlineshop_newlist ul li:nth-child(5n){
	margin-right: 0px;
}
.onlineshop_newlist ul li div{
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 60px;
	line-height: 60px;
}
.onlineshop_newlist ul li img{
    padding: 0 2px;
	width: 100%;
	height: auto;
}
@media only screen and (max-width : 767px) {
    .onlineshop_newlist{
        width: 95%;
    }
    .onlineshop_newlist ul{
        display: flex;
        flex-wrap: wrap;
    }
    .onlineshop_newlist ul li{
        width: 33%;
    }

}


/*.top-stop__item-01 {
width:70%!important;

}
.top-stop__item--col-01 {
width:55%!important;
float:left!important;
}
.top-page .top-shop .top-shop-wrap .top-stop__item {

}


@media only screen and (max-width : 767px) {
.top-stop__item-01 {
width:90%!important;
float:left!important;
margin-left:5%;
}
.top-stop__item--col-01 {
width:100%!important;
float:left!important;
}
.top-stop__item--col-02 {
width:100%;
margin-left:5%;
}
.top-page .top-shop .top-shop-wrap .top-stop__item--col-01 .top-stop__item {
width: calc(70% - 10px);

}
.top-page .top-shop .top-shop-wrap .top-stop__item .top-stop__item__wrap  {
margin-bottom:30px;

}
}*/



/*FAQ style*/
.faq .accordion {
    width: 100%;
}
.faq .button {

    background: #fffde6;
    color: #402110;
    text-align: left;
    font-weight:bold;
    padding: 10px;
    width: 100%;
    cursor: pointer;
    position: relative;
    border:none!important;
    margin-top:10px;
}
.faq .button.button_1 {
    background-color: #f5f4f2;
    color: #1abc9c;
    border:none!important;
}
.faq .button:after {
    content:  URL(/images/arrow_blue.png);
    border:none!important;
    position: absolute;
    top: 11px;
    right: 13px;
}
.faq .button:active{
    border:none!important;
}
.faq .button.active:after {
    content: URL(/images/arrow_blue2.png);
    border:none!important;
}

.faq .accordion_1 {
    background-color:#FFF;
    padding:1rem;
    color:#222;
}
.faq .accordion_1 b {display:block;font-weight:bold;margin-top:10px;}
.faq .service-eco__content h3{
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;

}

.faq h3:nth-child(n + 2) {margin-top:50px;}
.faq .menu {
    margin-bottom:10px;
}
.faq .service {
    margin-top: 60px!important;
}
.faq .service .service-flag {
    background: none;
    height: 130px;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #0066A5;
    font-weight: bold;
    font-size: 1.25rem;
    background-size: contain;
}
.faq .service .service-flag a {
    background: #1A1311;
    color: #fff;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    width: 300px;
    text-align: center;
    margin-top: 15px;
    display: inline-block;
}

/*FAQ style ここまで*/

/*2101FAQ style 追加*/
@media(min-width:920px){

    .top-contact_btn a{
        display:block;
        width:60%;
        height:80px;
        line-height:80px;
        margin:40px auto;
        color:#fff;
        font-size:20px;
        font-weight:bold;
    }
    .section-title-leaf ul.contact_btn{
        max-width:100%;
        margin:0 auto 50px;
    }
    .section-title-leaf ul.contact_btn li{
        display:inline-block;
        margin:0 10px;
        width: 30%;
    }
    .section-title-leaf ul.contact_btn li a{
        display:block;
        width: 100%;
        height:60px;
        line-height:60px;
        color:#fff;
        font-size:17px;
        font-weight:bold;
    }

}

@media screen and (min-width:600px) and ( max-width:920px) {

    .top-contact_btn a{
        display:block;
        width:50%;
        height:70px;
        line-height:70px;
        margin:20px auto;
        color:#fff;
        font-size:20px;
        font-weight:bold;
    }
    .section-title-leaf ul.contact_btn{
        max-width:90%;
        margin:0 auto 50px;
    }
    .section-title-leaf ul.contact_btn li{
        position:relative;
        display:inline-block;
        margin:0 5px;
        width: 47%;
    }
    .section-title-leaf ul.contact_btn li a{
        display:block;
        width: 100%;
        height:50px;
        line-height:50px;
        color:#fff;
        font-size:16px;
        font-weight:bold;
    }
    .section-title-leaf ul.contact_btn li a img{
        position:absolute;
        top:15px;
        right:5px;
    }
}

@media(max-width:600px){

    .top-contact_btn a{
        display:block;
        width:220px;
        height:60px;
        line-height:60px;
        margin:0 auto;
        color:#fff;
        font-size:20px;
        font-weight:bold;
    }
    .section-title-leaf ul.contact_btn{
        max-width:75%;
        margin:0 auto 50px;
    }
    .section-title-leaf ul.contact_btn li{
        position:relative;
        margin-bottom:20px;
    }
    .section-title-leaf ul.contact_btn li a{
        display:block;
        width: 100%;
        height:50px;
        line-height:50px;
        color:#fff;
        font-size:16px;
        font-weight:bold;
    }
    .section-title-leaf ul.contact_btn li a img{
        position:absolute;
        top:15px;
        right:5px;
    }
}


/*2104Private style 追加*/
.top-private-wrap p{
    text-align: center;
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 20px;
}
.top-private-wrap img{
    display: block;
    margin: 0 auto 30px;
}
.top-private__desc{
    display: block;
    text-align: center;
}

/*2105綿半ってなあに style 追加*/
.img_honki{
    position: relative;
    max-width: 600px;
    height: 260px;
    margin: 30px auto; 
}
.img_honki img{
    position: absolute;
    z-index: 1;
}
.img_honki p{
    position: absolute;
    top: 160px;
    left: 0;
    z-index: 2;
    padding: 0 35px;
    font-size: 120%;
    color: #fff;
    font-weight: bold;
    line-height: 1.5;
}

.lh13{
    line-height: 1.3;
}
.fresh_youtube_margin{
    margin: 130px 0 40px;
}

.fresh_mb20{
    margin-bottom: 20px;
}

.fresh_order .block__text{
    margin-bottom: 20px !important;
}

.img_fish_flow{
    text-align: center;
    display: block;
    margin-bottom: 100px;/*202109追加*/
}
.img_fish_flow img.pc_none{
    display: none;
}

.watahan .bottem_space .fresh_youtube02{
    margin: 10px auto 40px !important;
    z-index: 2;
}
.watahan .bottem_space:after{
    bottom:-49px !important;
}
.watahan .about-type-image .fresh_text{
    width: 90%;
    text-align: center;
    margin: -130px auto 0;
    line-height: 1.5;
    font-size:20px;
    color: #fff;
    font-weight: bold;
}

.watahan .freshbg01{
    background-image: url("https://watahan.pro/images/img_aboutbg01.png") !important;
}
.watahan .freshbg02{
    background-image: url("https://watahan.pro/images/img_aboutbg02.png") !important;
}
.watahan .freshbg03{
    background-image: url("https://watahan.pro/images/img_aboutbg03.png") !important;
}

.watahan .about-type-image.about-type-image--fresh .widthspace_small {
    max-width: 300px !important;
}
@media screen and (max-width: 1165px) {
    .watahan .about-type-image.about-type-image--fresh .widthspace_small {
        max-width: 250px !important;
    }
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-image.about-type-image--fresh .widthspace_small {
        width: 100px !important;
        margin-bottom: 30px !important;
    }
}

.watahan .about-type-image.about-type-image--fresh .positiontop {
    right: 25% !important;
    bottom: 160px !important;
}
@media screen and (max-width: 1165px) {
    .watahan .about-type-image.about-type-image--fresh .positiontop {
        right: 10% !important;
    }
}
@media only screen and (max-width : 767px) {
    .watahan .about-type-image.about-type-image--fresh .positiontop {
        bottom: 0 !important;
        right: 0 !important;
    }
}

.watahan .freshbg01 .about-type-image--fresh--yellow span,                      
.watahan .freshbg02 .about-type-image--fresh--yellow span,
.watahan .freshbg03 .about-type-image--fresh--yellow span{
    line-height: 1.3;
    /*text-shadow:1px 0 0 #000,0 2px 0 #000,-2px 0 0 #000,0 -2px 0 #000;*/
}

.watahan .freshbg01 .about-type-image--fresh--yellow {
    min-width: 480px;
}

.valign_middle{
    align-items: center !important;
}
.watahan .about-type-01 .mb0{
    margin-bottom: 0;
}
.watahan .about-type-01 .mt-200{
    margin-top: -200px !important;
}

.watahan .about-type-01 .about__block .block__text .ml50{
    background: url(../images/img-about-callout-06.png) no-repeat top left !important;
    margin-left: 60px !important;
}
.watahan .about-type-01 .about__block .block__text .top-news__btn a{
    padding: 5px;
}

.watahan .flag_text {
    color: #1A1311;
    line-height: 1.8;
}

.text_color_normal{
    color: #1A1311 !important;
}

.img_cuisine{
    position: relative;
}
.img_cuisine01{
    position: absolute;
    top: -80px;
    left: -70px;
    max-width: 300px;
}
.img_cuisine02{
    position: absolute;
    top: -10px;
    right: 0;
    max-width: 300px;
}
.img_cuisine03{
    position: absolute;
    bottom: 200px;
    left: -90px;
    max-width: 300px;
}
.img_cuisine04{
    position: absolute;
    bottom: 0;
    right: -70px;
    max-width: 300px;
}

@media only screen and (max-width : 767px) {
    .img_honki{
        max-width: 320px;
        max-height: 120px;

    }
    .img_honki p{
        top: 80px;
        padding: 0 15px;		
    }

    .fresh_youtube_margin{
        margin: 30px auto;
    }

    .fresh_mb20 .about-type-02--yellow img{
        width: 300px !important;
    }

    .fresh_order .block__text{
        order: 1 !important;
        margin: -30px auto 30px auto !important;
    }
    .fresh_order .block__img{
        order: 2 !important;
        margin-bottom: 30px;
    }

    .img_fish_flow img.pc_none{
        display: block;
    }
    .img_fish_flow img.sp_none{
        display: none;
    }

    .watahan .about-type-image .fresh_text{
        text-align: left;
        font-size:16px;
    }

    .watahan .freshbg01 .about-type-image--fresh--yellow {
        width: 100%;
    }
    .watahan .freshbg01 .about-type-image--fresh--yellow span {
        text-align: left !important;
    }

    .watahan .about-type-01 .mt-200{
        margin-top: 30px !important;
    }

    .watahan .flag_text {
        line-height: 1.6;
    }

    .grossarant_mb100{
        margin-bottom: 100px !important;
    }
    .img_cuisine01{
        position: absolute;
        top: 270px;
        left: -30px;
        max-width: 160px !important;
    }
    .img_cuisine02{
        position: absolute;
        top: 270px;
        right: -20px;
        max-width: 160px !important;
    }
    .img_cuisine03{
        position: absolute;
        bottom: 340px;
        left: -30px;
        max-width: 160px !important;
    }
    .img_cuisine04{
        position: absolute;
        bottom: 340px;
        right: -30px;
        max-width: 160px !important;
    }
    .tx_center{
        align-self: center !important;
    }
}
@media only screen and (max-width : 920px) {
    .watahan .about-type-01 .about__block .block__text .ml50{
        height: 90px !important;
        width: 270px !important;
        background-size: contain !important;
        margin: 0 auto 10px !important;
    }
    .img_cuisine01,.img_cuisine02,.img_cuisine03,.img_cuisine04{
        max-width: 250px;
    }
}

/*2107footer bna 追加*/
.footer_bna{
    padding: 10px 0 40px;
}
.footer_bna ul{
    display: flex;
    justify-content: center;
}
.footer_bna ul li{
    padding: 0 15px;
}
@media only screen and (max-width : 767px) {
    .footer_bna{
        padding: 40px 0;
    }
    .footer_bna ul{
        flex-direction: column;
        text-align: center;
    }
    .footer_bna ul li{
        padding: 0 0 10px;
    }
}

/*2109 追加*/
.img_fishing_port{
    max-width: 900px;
    padding: 0 10px;
    margin: 50px auto;
}
.img_fishing_port img{
    margin-bottom: 50px;
}
@media only screen and (max-width: 767px){
    .about-type-02--yellow span.l20 {
        left: 20% !important;
    }
}

/*2110 綿半の超本気追加*/
.chouhonki_title{
    position: relative;
    width:800px;
    background: #e60010;
    padding-top: 20px;
    text-align:center;
    color: #fff;
    font-size: 1.5rem;
    font-weight: bold;
    margin: 0 auto;
}
.chouhonki_title:after{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -19px;
    left: 0;
    border-style: solid;
    border-color: #e60010 transparent transparent transparent;
    border-width: 20px 400px 0 400px;
    z-index: 1;
}
ul.chouhonki_detail{
    width:800px;
    background: #fff;
    font-size: 1.125rem;
    border: 4px solid #fbcb02;
    padding: 20px 20px 20px 40px;
    margin: 10px auto 50px;
    border-radius: 10px;
}
ul.chouhonki_detail li{
    line-height: 1.5;
    margin-bottom: 5px;
    list-style-type: square;
}
.chouhonki_comment {
    background-color: #fff;
    color: #0066A5;
    line-height: 1.8;
    font-weight: bold;
    font-size: 1.125rem;

    padding: 22px 20px 19px;
}
@media only screen and (max-width: 767px){
    .chouhonki_title{
        width:350px;
    }
    .chouhonki_title:after{
        border-width: 20px 175px 0 175px;
    }
    ul.chouhonki_detail{
        width:350px;
        padding: 15px 15px 15px 30px;
    }
    .chouhonki_comment {
        width: 95%;
        margin: 0 auto;
    }
}


/*2110 合鍵追加*/
.block__text p.blue_text{
    margin-top: 30px;
    padding: 0 10px;
    color: #0066A5;
    line-height: 1.6;
}
.key_info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.key_text{
    font-size: 1.125rem;
    font-weight: bold;
    margin-bottom: 15px;
}
.key_info img {
    order: 2;
    max-width: 220px;
}
.key_info .key_info--left {
    width: 670px;
    order: 1;
}		  
.key_info .key_info--left .key_info-01 {
    font-size: 1.125rem;
    font-weight: bold;
    background-color: #fff;
    margin-bottom: 15px;
    padding: 20px;
    border-radius: 8px;
    text-align: left;
    line-height: 1.6;
}
.key_info-01 th {
    padding: 5px;
    color: #0066A5;
}
.key_info-01 td {
    padding: 5px;
}
.key_info p {
    color: #0066A5;
    margin-top: 15px;
    width: 100%;
    font-weight: bold;
    order: 3;
    line-height: 1.6;
}
.service__sparekey__content p em{
    color: #1A1311;
    font-size: 130%;
}
.shop_list_mark{
    position: relative;
    margin: 100px auto;
}
.shop_list_mark:before {
    content: "";
    width: 100%;
    position: absolute;
    top: -100px;
    height: 50px;
    background: url(../images/about-bg-02-under.png) repeat left top;
}
.shop_list_mark .service__shop-list .service__shop-list-filter {
    display: flex;
    align-items: flex-end;
    text-align: left;
}
.shop_list_mark .service-pets__phone {
    margin-right: auto;
    display: inline-flex;
    align-items: flex-end;
    margin-bottom: 10px;
}
.shop_list_mark .service-pets__phone span {
    display: inline-flex;
    align-items: center;
    width: 330px;
    height: 84px;
    background: url(../images/img-about-callout-04.png) no-repeat top left;
    font-size: 1.25rem;
    line-height: 1.6;
    font-weight: bold;
    padding-left: 50px;
    margin-left: 15px;
}
@media only screen and (max-width: 767px){
    .key_info img {
        margin: 0 auto;
    }
    .key_info .key_info--left {
        width: 100%;
    }
    .key_info-01 th,.key_info-01 td {
        display: block;
    }
    .key_info-01 th {
        padding: 5px 5px 0;
    }
    .key_info-01 td {
        padding: 0 5px 5px;
    }
    .shop_list_mark .service__shop-list .service__shop-list-filter {
        flex-direction: column;
        align-items: center;
    }
    .shop_list_mark .service-pets__phone span {
        width: 280px;
        height: 74px;
        margin-left: 0;
        background-size: contain;
        font-size: 16px;
        padding-left: 44px;
    }
}

/*2110 自転車修理追加*/
.bicycle_text01{
    margin-bottom: 100px;
}
.bicycle_text01 .block__text{
    margin-bottom: 70px !important;
    width: 455px !important;
}
.container .free-items {
    display: flex;
    justify-content: space-between;

    flex-wrap: wrap;
    margin-bottom: 45px;
}
.container .free-items .free-items__item {
    width: calc((100% - 20px)/2);
    margin-bottom: 20px;
}
.container .free-items .free-items__item h3 {
    background-color: #0066A5;
    color: #fff;
    font-weight: bold;
    padding: 22px 30px;
    border-radius: 8px;
}
.container .free-items .free-items__item p {
    background-color: #fff;
    line-height: 1.6;
    padding: 25px 30px;
}
.container .free-items .free-items__item p span.blue {
    font-size: 120%;
    font-weight: bold;

    color: #0066A5;
}

@media only screen and (max-width: 767px){
    .container .free-items {
        margin-bottom: 18px;
    }	
    .container .free-items {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-bottom: 45px;
    }
    .container .free-items .free-items__item {
        width: 100%;
        font-size: 16px;
        margin-bottom: 20px;
    }	
    .container .free-items .free-items__item h3 {
        text-align: center;
        padding: 12px 30px;
        position: relative;
    }
    .container .free-items .free-items__item h3:after {
        content: "";
        position: absolute;
        right: 15px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -khtml-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid #fff;
    }
    .container .free-items .free-items__item p {
        padding: 14px 15px;
        display: none;
        background-color: #fff;
        line-height: 1.6;
    }

}


/*2110 ワークスペース追加*/
.diy_info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.diy_text{
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1.6;
    margin-bottom: 15px;
}
.diy_info img {
    order: 2;
    max-width: 320px;
}
.diy_info .diy_info--left {
    width: 530px;
    order: 1;
}		  
.diy_info .diy_info--left .diy_info-01 {
    font-size: 1.125rem;
    font-weight: bold;
    background-color: #fff;
    margin-bottom: 15px;
    padding: 20px;
    border-radius: 8px;
    text-align: left;
    line-height: 1.6;
}
.diy_info-01 table{
    text-align: center;
    width: 99%;
    margin: 0 auto;
}
.diy_info-01 th {
    padding: 5px 10px;
    color: #0066A5;
}
.diy_info-01 th.th01 {
    padding: 5px 10px;
    background: #0066A5;
    color: #fff;
}
.diy_info-01 th.th01:first-child{
    border-top-left-radius : 5px;
    border-bottom-left-radius : 5px;
}
.diy_info-01 th.th01:last-child{
    border-top-right-radius : 5px;
    border-bottom-right-radius : 5px;
}
.diy_info-01 td {
    padding: 5px 10px;
}
.diy_info p {
    color: #0066A5;
    margin-top: 15px;
    width: 100%;
    font-weight: bold;
    order: 3;
    line-height: 1.6;
}
.diy-about-flag {
    color: #1A1311;
    line-height: 1.8;
    text-align: center;
    background: url(../images/img-line-ribbon-frame.png) no-repeat center;
    height: 130px;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-weight: bold;
    font-size: 1.25rem;
    background-size: contain;
    margin: 50px 0 100px;
}
.img_workspace_rental{
    max-width: 900px;
    margin: 0 auto 100px;
}
@media only screen and (max-width: 767px){
    .diy_info img {
        margin: 0 auto;
    }
    .diy_info .diy_info--left {
        width: 100%;
    }
    .diy_info .diy_info--left .diy_info-01 {
        font-size: 0.9rem;
        padding: 5px;
    }
    .diy_info-01 th {
        padding: 5px 5px 0;
    }
    .diy_info-01 td {
        padding: 0 5px 5px;
    }
    .diy-about-flag {
        background-image: url(../images/img-line-ribbon-frame-sp.png);
        max-width: 375px;
        height: 250px;
        font-size: 14px;
        padding: 0 25px;
        line-height: 1.6;
        margin: auto;
    }
    .img_workspace_rental{
        width: 100%;
        margin-bottom: 80px;
    }
}


/*2110 買取サービス追加*/
.purchase__content {
    margin-bottom: 80px;
}
.purchase__content > .clearfix {
    margin: 0 -10px;
}
.purchase__content .purchase__content__item {
    margin: 0 10px 20px;
    float: left;
    width: calc(25% - 20px);
    position: relative;
    background-color: #fff;
    padding-top: calc(25% - 20px);
    border-radius: 100%;
    font-weight: bold;
    font-size: 1.25rem;
}
.purchase__content .purchase__content__item.yellow_mark {
    background-color: #ffc01a !important;
}
.purchase__content .purchase__content__item > div {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 100%;
}
.purchase__content .purchase__content__item > div img {
    display: block;
    max-width: 100px;
    margin: 0 auto 10px;
}
.purchase__content .purchase__content__item > div span {
    height: 40px;
    display: inline-block;
    line-height: 1.2;
}
.title_yellow{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.title_yellow_line{
    margin: 0 auto;
    position: relative;
    font-size: 1.875rem;
    font-weight: 900;
    line-height: 1.5;
}
.title_yellow_line span{
    position: absolute;
    bottom: 15px;
    left: 60px;
}
table.purchase_table{
    max-width: 860px;
    margin: 30px auto;
    font-size: 1.25rem;
    line-height: 1.5;
}
table.purchase_table th{
    padding: 20px;
    border-top: 2px solid #1a1311;
    font-weight: bold;

}
table.purchase_table td{
    padding: 20px;
    border-top: 2px solid #ffc01a;
}
table.purchase_table th:last-of-type{
    border-bottom: 2px solid #1a1311;
}
table.purchase_table td:last-of-type{
    border-bottom: 2px solid #ffc01a;
}
.kaitori_btn{
    text-align: center;
    padding: 20px 0;
    max-width: 350px;
    margin: 0 auto;
}
.kaitori_btn a{
    display: block;
    padding: 15px;
    background: #fff;
    border: 2px solid #0066a5;
    border-radius: 50px;
}
.kaitori_btn a:hover{
    opacity: 0.8;
}
@media only screen and (max-width: 767px){
    .purchase__content .purchase__content__item {
        width: calc(50% - 20px);
        padding-top: calc(50% - 20px);
        margin-bottom: 20px;
        font-size: 14px;
    }	
    .purchase__content .purchase__content__item > div img {
        width: 51%;
        max-width: 110px;
    }	
    .purchase__content .purchase__content__item > div span {
        height: 28px;
        display: inline-block;
    }
    table.purchase_table th{
        display: block;
        padding: 10px;
        border-top: none;
    }
    table.purchase_table td{
        display: block;
        padding: 10px;
    }
    table.purchase_table {
        border-top: 2px solid #1a1311;
    }
    table.purchase_table th:last-of-type{
        border-bottom: none;
    }
    table.purchase_table td:last-of-type{
        border-bottom: 2px solid #1a1311;
    }
}

/*2110 レンタルページ追加*/
.rental__content-04 .rental__content-04__item.w33 {
    width: 33% !important;
}
@media only screen and (max-width: 767px){
    .rental__content-04 .rental__content-04__item.w33 {
        width: 100% !important;
    }
}

/*2111 灯油販売ページ追加*/
.oil_content {
    max-width:880px;
    background-color: #fff;
    color: #0066A5;
    line-height: 1.8;
    font-weight: bold;
    font-size: 1.125rem;
    padding: 22px 20px 19px;
    margin: 50px auto;
}

@media only screen and (max-width: 767px){
    .oil_content {
        max-width:95%;
    }

}

/*2202 chef's追加*/
.chefs_area{
    max-width: 850px;
    margin: 50px auto;
    border: 5px solid #0087BA;
    border-radius: 20px;
    padding: 40px;
}
.chefs_area .chefs_logo{
    width: 200px;
    margin: 0 auto 20px;
}
.chefs_area .catch{
    text-align: center;
    font-size: 200%;
    color: #0087BA;
    margin-bottom: 30px;
    font-weight: bold;
    line-height: 1.3;
}
.chefs_area .subcatch{
    text-align: center;
    font-size: 140%;
    font-weight: bold;
    margin-bottom: 30px;

    line-height: 1.3;
}
.chefs_area ul{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}
.chefs_area ul li{
    padding: 0 20px;
}

.chefs_area .chefs_btn-link {
    position: relative;

    background-color: #1a85bb;
    color: #fff;
    font-size: 1.25rem;
    text-align: center;
    width: 330px;
    display: inline-block;
    padding: 65px 0 20px;
    font-weight: bold;
    border-radius: 60px;
}
.chefs_area .chefs_btn-link:before {
    position: absolute;
    content: url(https://watahan.pro/images/btn_chefs.svg);
    top: 15%;
    left: 133px;
    z-index: 10;
    width: 50px;
}

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

    .chefs_area{
        max-width: 95%;
        padding: 30px 10px;
    }
    .chefs_area .subcatch{
        padding: 0 10px;
    }
    .chefs_area ul{
        display: flex;
        flex-flow: column;
    }
    .chefs_area ul li{
        padding: 20px 0;
        margin: 0 auto;
        width: 70%;
    }

}

/*2206 わたピックページ追加*/
.watapick-top-wrap {
    background: #fff !important;
    padding: 60px 0 0;
}

.pick--img--pc {
    display: block;
}

.pick--img--sp {
    display: none;
}


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


}
/*2207おいしい保存方法追加*/
.oishiitop{
	    padding-bottom: 51px !important;
}

.oishiisubject {
	text-align: center;
}

.rental__content ul.howto{
	display: flex;
	justify-content: center;
	margin-bottom: 60px
}

.rental__content ul.howto li.way {
	padding: 0 20px;
	width: 300px;
}

.rental__content ul.howto li.way p {
	font-size: 20px;
	line-height: 1.7;
}

.rental__content ul.howto li.way .number {
	font-size: 30px;
	color: rgba(104,44,45,1.00);
	font-weight: bold;
}
.oishiipoint {
	margin-top: 60px;
	
}
.rental__content-02 .hozonpoint{
	text-align: left;
	font-size: 20px;
	line-height: 1.7;
}

.about-type-bottom .rental__content .about-type-bottom__wrap .container .hozon{
	text-align: center;
}

.about-type-bottom .rental__content .about-type-bottom__wrap ul.nextoishii{
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width:80%;
}

.about-type-bottom .rental__content .about-type-bottom__wrap li.hozon{
	text-align: center;
}

.oishiicheck {
	    padding: 45px;
}

.oishiicheck ul.nextoishii{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
	
.oishiicheck ul.nextoishii li{
	width: 300px;
}
.oishiicheck ul.nextoishii li p{
	color: black;
	font-size: 18px;
}

.oishii_top {
    background: #fff url("/images/top-service-bg.png") repeat center !important;
    padding: 60px 0 0;
}

.oshigototour {
    background: #fff url("/images/oshogoto_pcbk5.jpg") no-repeat center !important;
    padding: 60px 0 0;
}

.oshigototour p{
	margin-top: 100px !important;
}
.banner__slider img.slider-pc{
	display: block;
}
	.banner__slider img.slider-sp{
		display: none;
	}

@media only screen and (max-width : 767px) {
	.oishiisubject {
	text-align: center;
	width: 85%;
	margin: 0 auto;
}
	
	.rental__content ul.howto{
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	margin-bottom: 60px
}
	
	.rental__content ul.howto li.way {
	padding: 0 20px;
	width: 80%;
}
	.oishiipoint {
	margin: 60px auto 30px;
	width: 80%;
}
	
	.oishiicheck ul.nextoishii{
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
}
	.oishiicheck ul.nextoishii li{
	width: 60%;
	margin-bottom: 40px;

}
	.oishiicheck ul.nextoishii li p{
	color: black;
	font-size: 18px;
}
	.service__text-about .oishii_list {
	margin: 0 auto 80px auto !important;	
}
.oshigototour {
    background: #fff url("/images/oshirase_bk.jpg") repeat center !important;
    padding: 60px 0 0;
}
	.oshigototour p{
	margin-top: 0 !important;
}
	


.banner__slider img.slider-pc{
	display: none;
}
	.banner__slider img.slider-sp{
		display: block;
	}

}
/*2211 プライベートブランド3リンクボタン化*/
img {  }

@media only screen and (min-width: 768px){
    .pb_block {
        display: flex;
        width: 920px;
        margin: 0 auto;
    }
    .top-private__desc.pb_btn {
        width: 90%;
        border-radius: 20px;
    }
}

@media only screen and (max-width: 767px){
    .pb_block {
        display: block;
        width: 100%;
    }
    .top-private__desc.pb_btn {
        width: 50%;
        margin: 0 auto;
    }
}