@charset "UTF-8";
/* XXX:common */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@300;600&display=swap");

@font-face {
    font-family: 'wbf';
    font-weight: normal;
    font-style: normal;
    src: url(/import/tenant_1/153.127.54.224/html/companytrip/fonts/wbf.eot);
    src: url(/import/tenant_1/153.127.54.224/html/companytrip/fonts/wbf.eot) format("embedded-opentype"), url(/import/tenant_1/153.127.54.224/html/companytrip/fonts/wbf.woff2) format("woff2"), url(/import/tenant_1/153.127.54.224/html/companytrip/fonts/wbf.woff) format("woff"), url(/import/tenant_1/153.127.54.224/html/companytrip/fonts/wbf.ttf) format("truetype"), url(/import/tenant_1/153.127.54.224/html/companytrip/fonts/wbf.svg) format("svg");
}
/* --------------------------------------------------
    XXX:reset
-------------------------------------------------- */
body {
    font-family: 'Hiragino Kaku Gothic Pro', Meiryo, 'Yu Gothic', YuGothic, 'MS PGothic', Arial, Osaka, Sans-Serif;
    font-size: 15px;
    line-height: 2;
    color: #222;
    background: #f5f8fa;
    width: 100%;
    min-width: 320px;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border: none;
}

a[href^=tel] {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: inherit;
    opacity: 0.5;
}

a:not(.rollover) img {
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    opacity: 1;
    filter: alpha(opacity=100);
}

a:not(.rollover):hover img {
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    opacity: .7;
    filter: alpha(opacity=70);
}

/*記事用*/
/* margin */
.mt0  {	margin-top:0;}    .mr0  {	margin-right:0;}    .mb0  {	margin-bottom:0;}    .ml0  {	margin-left:0;}
.mt3  {	margin-top:3px;}  .mr3  {	margin-right:3px;}  .mb3  {	margin-bottom:3px;}  .ml3  {	margin-left:3px;}
.mt5  {	margin-top:5px;}  .mr5  {	margin-right:5px;}  .mb5  {	margin-bottom:5px;}  .ml5  {	margin-left:5px;}
.mt10 {	margin-top:10px;} .mr10 {	margin-right:10px;} .mb10 {	margin-bottom:10px;} .ml10 {	margin-left:10px;}
.mt15 {	margin-top:15px;} .mr15 {	margin-right:15px;} .mb15 {	margin-bottom:15px;} .ml15 {	margin-left:15px;}
.mt20 {	margin-top:20px;} .mr20 {	margin-right:20px;} .mb20 {	margin-bottom:20px;} .ml20 {	margin-left:20px;}
.mt25 {	margin-top:25px;} .mr25 {	margin-right:25px;} .mb25 {	margin-bottom:25px;} .ml25 {	margin-left:25px;}
.mt30 {	margin-top:30px;} .mr30 {	margin-right:30px;} .mb30 {	margin-bottom:30px;} .ml30 {	margin-left:30px;}
.mt35 {	margin-top:35px;} .mr35 {	margin-right:35px;} .mb35 {	margin-bottom:35px;} .ml35 {	margin-left:35px;}
.mt40 {	margin-top:40px;} .mr40 {	margin-right:40px;} .mb40 {	margin-bottom:40px;} .ml40 {	margin-left:40px;}
.mr21{ margin-right:21px;}
/* padding */
.pt0  {	padding-top:0;}    .pr0  {	padding-right:0;}    .pb0  {	padding-bottom:0;}    .pl0  {	padding-left:0;}
.pt3  {	padding-top:3px;}  .pr3  {	padding-right:3px;}  .pb3  {	padding-bottom:3px;}  .pl3  {	padding-left:3px;}
.pt5  {	padding-top:5px;}  .pr5  {	padding-right:5px;}  .pb5  {	padding-bottom:5px;}  .pl5  {	padding-left:5px;}
.pt10 {	padding-top:10px;} .pr10 {	padding-right:10px;} .pb10 {	padding-bottom:10px;} .pl10 {	padding-left:10px;}
.pt15 {	padding-top:15px;} .pr15 {	padding-right:15px;} .pb15 {	padding-bottom:15px;} .pl15 {	padding-left:15px;}
.pt20 {	padding-top:20px;} .pr20 {	padding-right:20px;} .pb20 {	padding-bottom:20px;} .pl20 {	padding-left:20px;}
.pt25 {	padding-top:25px;} .pr25 {	padding-right:25px;} .pb25 {	padding-bottom:25px;} .pl25 {	padding-left:25px;}
.pt30 {	padding-top:30px;} .pr30 {	padding-right:30px;} .pb30 {	padding-bottom:30px;} .pl30 {	padding-left:30px;}
.pt35 {	padding-top:35px;} .pr35 {	padding-right:35px;} .pb35 {	padding-bottom:35px;} .pl35 {	padding-left:35px;}
.pt40 {	padding-top:40px;} .pr40 {	padding-right:40px;} .pb40 {	padding-bottom:40px;} .pl40 {	padding-left:40px;}
.pt45 {	padding-top:45px;} .pr45 {	padding-right:45px;} .pb45 {	padding-bottom:45px;} .pl45 {	padding-left:45px;}
.pt50 {	padding-top:50px;} .pr50 {	padding-right:50px;} .pb50 {	padding-bottom:50px;} .pl50 {	padding-left:50px;}
.pt55 {	padding-top:55px;} .pr55 {	padding-right:55px;} .pb55 {	padding-bottom:55px;} .pl55 {	padding-left:55px;}


/* ---------------------
   window frame
--------------------- */
.body_border:before,
.body_border:after {
    position: fixed;
    content: "";
    z-index: 100;
    background: #3582c0;
    display: block;
}

.body_border.__x:before, .body_border.__x::after {
    top: 0;
    width: 6px;
    height: 100vh;
}

.body_border.__x:before {
    left: 0;
}

.body_border.__x::after {
    right: 0;
}

.body_border.__y:before, .body_border.__y::after {
    left: 0;
    height: 6px;
    width: 100vw;
}

.body_border.__y:before {
    top: 0;
}

.body_border.__y::after {
    bottom: 0;
}

@media (max-width: 1024px) {

    .body_border.__x:before,
    .body_border.__x:after,
    .body_border.__x:after {
        display: none;
    }

    .body_border.__y:before {
        height: 9px;
    }

    body {
        font-size: 14px;
        line-height: 2;
    }
}

/* ============================
		commonSection
 ============================ */
/* h2 */
.ttl-slash {
    font-family: 'Noto Sans JP';
    font-style: normal;
    margin-bottom: 18px;
    text-align: center;
}

.ttl-slash .script {
    display: block;
    font-size: 12px;
    text-align: center;
    font-weight: 700;
    line-height: 1em;
    margin-bottom: 8px;
    color: #4a81bb;
    letter-spacing: 0.25em;
    padding-left: 0.25em;
}

.ttl-slash .title {
    position: relative;
    max-width: calc(100% - 3em);
    display: inline-block;
    font-size: 24px;
    text-align: center;
    font-weight: 700;
    line-height: 1em;
    padding: 0 1.25em;
}

.ttl-slash .title:before, .ttl-slash .title:after {
    position: absolute;
    bottom: 0;
    font-family: 'Hiragino Kaku Gothic Pro', Meiryo, 'Yu Gothic', YuGothic, 'MS PGothic', Arial, Osaka, Sans-Serif;
    font-style: normal;
    font-weight: normal;
}

.ttl-slash .title:after {
    left: 0;
    padding-right: 5px;
    content: "＼";
}

.ttl-slash .title:before {
    right: 0;
    padding-left: 5px;
    content: "／";
}

@media (max-width: 1024px) {
    .ttl-slash .title {
        font-size: 18px;
    }
}

@media (max-width: 599px) {
    .ttl-slash .title {
        font-size: 16px;
    }
}

.moreLink {
    text-align: center;
}

.moreLink a {
    display: inline-block;
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    line-height: 33px;
    width: 350px;
    border-radius: 33px;
    background-color: #4a81bb;
    background-image: url(/import/tenant_1/www.wbf.co.jp/companytrip/commons/images/bg_more_link002.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
}

.moreLink a {
    text-decoration: none;
}

.moreLink a:hover {
    opacity: 0.5;
}

/********************************
/********************************
/********************************

XXX:component

********************************/
em {
    font-style: normal;
}

strong {
    font-weight: bold;
}

small {
    font-size: 100%;
}

.__inner {
    width: 95%;
    max-width: 1060px;
    margin: 0 auto;
}

.__inner1200 {
    width: 95%;
    max-width: 1200px;
    margin: 0 auto;
}

.btn {
    width: 300px;
    margin-right: auto;
    margin-left: auto;
}

.btn .btn_target:hover {
    color: #3581c0;
    border-color: #ffd900;
    background: #ffd900;
}

.contactSct_telNum {
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
}

.btn_target:before,
.btn_target:after,
.footer_btn .btn_target:before,
.footer_snsItem a:before,
.btn-contact a:after,
.contactSct_telNum a:before,
.stickyBtn .btn_target:before {
    font-family: 'wbf';
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1em;
    display: inline-block;
    width: auto;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.header_btn .btn_target:before,
.footer_btn .btn_target:before,
.stickyBtn .btn_target:before {
    font-size: 110%;
    content: '\e80a';
}

.contactSct_telNum a:before {
    font-size: 90%;
    content: '\e809';
}

.footer_snsItem-fb a:before {
    content: '\f230';
}

.footer_snsItem-tw a:before {
    content: '\f099';
}

.footer_snsItem-ln a:before {
    content: '\e804';
}

.btn_target:after {
    font-size: 120%;
    font-weight: bold;
    content: '\f105';
}

.btn_target {
    position: relative;
    display: block;
    text-decoration: none;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.stickyBtn {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.stickyBtn .btn_target:after {
    -webkit-transition: all 0.2s cubic-bezier(0, 0.79, 0.46, 1.04);
    transition: all 0.2s cubic-bezier(0, 0.79, 0.46, 1.04);
}

@media (max-width: 1024px) {
    .btn {
        width: auto;
    }

    .btn_target {
        font-size: inherit;
        height: 50px;
        padding: 18px;
    }
}

.btn-contact {
    width: 100%;
}

.btn-contact .btn_target {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    position: relative;
    height: auto;
    padding: 22px 30px;
    text-align: left;
    color: #3581c0;
    border-color: #fff200;
    border-radius: 4px;
    background: #fff200;
    margin: 5px;
}

.btn-contact_note {
    font-size: 13px;
    font-weight: normal;
    display: block;
    margin-top: 7px;
}

.btn-contact a:after {
    font-weight: bold;
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    height: 1em;
    margin: auto;
}

.btn-contact a:hover {
    background: #ff8700;
}

@media (max-width: 599px) {
    .btn-contact {
        max-width: 100%;
    }

    .btn-contact .btn_target {
        font-size: 15px;
        padding: 16px 38px 16px 18px;
    }

    .btn-contact_note {
        font-size: 11px;
        font-size: .8rem;
    }
    .contactSct_btnArea{width:100%;}
}

.btn_target:after {
    position: absolute;
    top: 0;
    right: 25px;
    bottom: 0;
    height: 1em;
    margin: auto;
}

.newsbox {
    background: #ffffff;
    border: 2px solid #de7d7d;
    width: 80%;
    margin: 135px auto 12px;
}

.newsbox {
    margin: 15px auto 12px;
}

.newsbox a {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 3px 30px 3px 15px;
    position: relative;
}

.newsbox a:first-of-type {
    border-bottom: 1px solid #d4d4d4;
}

.newsbox a::after {
    color: #4a82bb;
    font-family: "Font Awesome 5 Free";
    content: "\f105";
    font-weight: bold;
    margin: 0 0 0 15px;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 20px;
}

/* -----------------------------------------
	for js
----------------------------------------- */
.fade {
    -webkit-transition: opacity .3s ease, transform .3s ease;
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, transform .3s ease;
    transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease;
    opacity: 0;
}

.start {
    opacity: 1;
}

.up.ready {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
}

.down.ready {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
}

.up.start,
.down.start {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

/********************************
/********************************
/********************************

XXX:header

********************************/
.header {
    z-index: 50;
    top: 3px;
    background: #fff;
    width: 100%;
}

.header {
    position: relative;
    height: auto;
}

[data-element-id] .header {
    position: relative;
}

.header .headsection {
    padding: 25px 60px 10px;
}

/* XXX:header-footer_common */
.header_logoArea,
.footer_logoArea {
    padding: 16px 0 0 18px;
    width: auto;
}

.header_logo,
.footer_logo {
    width: auto;
}

.header_logo a,
.footer_logo a {
    display: block;
}

.header_btn,
.footer_btn {
    width: auto;
}

.header_btn .btn_target,
.footer_btn .btn_target {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1;
    height: 60px;
    padding: 21px;
    text-align: center;
    color: #3582c0;
    border: 1px solid #e7e7e7;
    border-radius: 30px;
    background: transparent;
}

.header_btn .btn_target:before,
.footer_btn .btn_target:before {
    padding-right: 8px;
}

.header_btn .btn_target:after,
.footer_btn .btn_target:after {
    display: none;
}

.header_contactArea .telList {
    display: none;
}

.header_logo img,
.footer_logo img {
    width: 240px;
}

.header_logoTxt {
    font-size: 12px;
    line-height: 1.83;
    margin-top: 5px;
}

.header_contactArea,
.footer_contactArea {
    padding: 10px 20px 0 0;
}

.header_btn .btn_target,
.footer_btn .btn_target {
    font-size: 12px;
    height: auto;
    padding: 12px 12px;
}

.header_btn .btn_target:before,
.footer_btn .btn_target:before {
    padding-right: 4px;
}

.header_contactArea .btn_wrap {
    position: relative;
}

.header_contactArea .btn-contactS {
    background: #3582c0;
    padding: 4px 10px;
    color: #fff;
}

.header_contactArea .btn-contactS.__mail {
    margin-right: 10px;
}

.header_contactArea .telList {
    background: #6eaede;
    color: #fff;
    position: absolute;
    width: 110%;
    top: 34px;
    left: 0;
}

.header_contactArea .telList a {
    display: block;
    padding: 5px 10px;
}

.header_contactArea .telList a i {
    margin-right: 5px;
}

.header_contactArea .telList a:nth-of-type(1) {
    border-bottom: dashed 1px #b5d9f4;
}

.header_contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.header_contact .more {
    margin-right: 20px;
}

.header_contact .more a {
    font-size: 16px;
    color: #3582c0;
    border: 1px solid #e7e7e7;
    font-family: YakuHanJPs, 'Noto Sans JP', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic Pro', Meiryo, 'MS PGothic', Arial, Osaka, Sans-Serif;
    border-radius: 30px;
    padding: 15px 30px;
    font-weight: bold;
    display: block;
}

.header_contact .more a:hover {
    color: #3581c0;
    border-color: #ffd900;
    background: #ffd900;
}

.header_contact .more a:before {
    content: '\e80a';
    font-family: 'wbf';
    padding-right: 10px;
}

.header_telCopy {
    font-size: 11px;
    font-weight: bold;
    text-align: center;  
}

.header_telNum a {
    font-size: 36px;
    color: #3582c0;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    line-height: 1;
    font-weight: bold;
}

.header_telNum a span {
    font-size: 16px;
    color: #fff;    
    margin-right: 5px;
    background: #3582bf;
    padding: 4px 5px;
}

.header_telTime {
    font-size: 10px;
    text-align: center;
}

@media (max-width: 1024px) {
  
    .header {
        height: 60px;
        position: fixed;
    }
    
    .header .headsection {
        padding: 0;
    }

    .header_logoArea,
    .footer_logoArea {
        padding: 19px 0 0 18px;
    }

    .header_logo,
    .footer_logo {
        width: auto;
    }

    .header_logo img,
    .footer_logo img {
        width: 150px;
    }

    .header_contactArea,
    .footer_contactArea {
        padding: 9px 10px 0 0;
    }

    .header_btn,
    .footer_btn {
        width: auto;
        margin: 0;
    }

    .header_btn .btn_target:before,
    .footer_btn .btn_target:before {
        padding-right: 4px;
    }

    .header_contactArea .btn_wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        line-height: 1;
    }

    .header_contactArea .btn_wrap .mail .s {
        font-size: 70%;
    }

    .header_contactArea .btn_wrap .tels .s {
        font-size: 70%;
    }

    .header_contactArea .btn-contactS {
        background: #6eaede;
        padding: 8px 10px;
        color: #fff;
    }

    .header_contactArea .btn_wrap .mail p {
        background: #3582c0;
        margin-right: 10px;
    }

    .header_contactArea .btn-contactS:nth-of-type(1) {
        margin-right: 10px;
    }

    .header_contactArea .telList {
        top: 29px;
        left: -10px;
    }

    .header_contactArea .telList a {
        text-align: center;
        padding: 8px 10px;
    }
    
    .newsbox {
        width: 96%;
        margin-top: 70px;
    }
    
    .newsbox a {
        font-size: 12px;
    }
}

/* XXX:stickyBtn */
.stickyBtn {
    position: fixed;
    z-index: 1000;
    right: 40px;
    bottom: 0;
    width: 360px;
    -webkit-transform: translateY(140%);
    transform: translateY(140%);
}

[data-element-id] .stickyBtn {
    margin: 30px auto;  
    position: relative;
    right: 0;
    bottom: 0;
    -webkit-transform: inherit;
            transform: inherit;
}

.stickyBtn:before {
    font-family: 'wbf';
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1em;
    display: inline-block;
    width: auto;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #3581c0;
    position: relative;
    top: 50px;
    left: 15px;
    font-size: 130%;
    z-index: 100;
    content: '\e80a';
}

.stickyBtn.show {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.stickyBtn .btn_target {
    padding: 15px 30px 15px 54px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.stickyBtn .btn_target:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 20px;
    height: 1em;
    margin: auto;
}

.stickyBtn .btn_target:after {
    position: absolute;
    top: auto;
    right: 6px;
    bottom: 0;
    width: 108px;
    height: 118px;
    content: '';
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 118px auto;
}

.stickyBtn-p01 .btn_target:after {
    background-image: url(/import/tenant_1/www.wbf.co.jp/companytrip/commons/images/stickyBtn_img_p01.webp);
}

.stickyBtn-p02 .btn_target:after {
    background-image: url(/import/tenant_1/www.wbf.co.jp/companytrip/commons/images/stickyBtn_img_p02.webp);
}

.stickyBtn-p03 .btn_target:after {
    background-image: url(/import/tenant_1/www.wbf.co.jp/companytrip/commons/images/stickyBtn_img_p03.webp);
}

.stickyBtn-p04 .btn_target:after {
    background-image: url(/import/tenant_1/www.wbf.co.jp/companytrip/commons/images/stickyBtn_img_p04.webp);
}

.stickyBtn-p05 .btn_target:after {
    background-image: url(/import/tenant_1/www.wbf.co.jp/companytrip/commons/images/stickyBtn_img_p05.webp);
}

.stickyBtn .btn_target:hover:after {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

@media (max-width: 599px) {
    .stickyBtn {
        z-index: 80;
        right: 0;
        width: 100%;
    }

    .stickyBtn:before {
        position: relative;
        top: 35px;
        left: 40px;
        z-index: 100;
        font-size: 150%;
        content: '\e80a';
    }

    .stickyBtn .btn_target {
        padding: 20px 15px;
        text-align: center;
        border-radius: 0;
    }

    .stickyBtn .btn_target br {
        display: none;
    }

    .stickyBtn .btn_target:before {
        position: static;
        margin-right: 20px;
    }

    .stickyBtn .btn_target:after {
        display: none;
    }
}

.stickyBtn .btn_target:before {
    font-size: 0;
    content: '\e80a';
}

.stickyBtn.show:after {
    display: none;
}

.stickyBtn .btn_target {
    padding: 5px 10px 5px 45px;
    text-align: left;
    border-radius: 0;
}

/********************************
/********************************
/********************************

XXX:footer

********************************/
.footer {
    border-top: 1px solid #e7e7e7;
    background: #fff;
    position: relative;
}

.footer_top {
    padding: 30px 0;
    background: #fff;
    width: 100%;
}

.footer_bottom {
    padding: 40px 0 10px;
    background: #f6f8fa;
}

.footer_menu {
    margin-bottom: 8px;
}

.footer_menuItem-bold {
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4;
    display: block;
    margin-bottom: 3px;
}

.footer_menuItem {
    font-size: 12px;
    line-height: 1.4;
}

.footer_menuItem:not(:last-child) a:after {
    display: inline-block;
    padding: 0 2px;
    content: '|';
}

.footer_menuItem a {
    display: block;
    text-decoration: none;
}

.footer_menuItem a:hover {
    text-decoration: underline;
}

.footer_sns {
    margin: 27px 0;
}

.footer_snsItem {
    font-size: 0;
    margin-right: 10px;
}

.footer_snsItem a {
    text-decoration: none;
}

.footer_snsItem a:before {
    font-size: 22px;
}

.footer_snsItem-fb {
    margin-right: 13px;
}

.footer_cr {
    font-size: 8px;
    clear: both;
    padding-top: 30px;
}

.footer-area-ttl {
    margin: 0 0 10px 0;
    border-bottom: 1px solid #DDD;
    line-height: 140%;
}

.footer-area li {
    margin: 0 10px 10px 0;
    width: calc(100% / 5 - 10px);
    text-align: center;
    position: relative;
}

.footer-area li a {
    display: block;
    font-size: 18px;
    line-height: 40px;
    color: #FFF;
    text-decoration: none;
    border-radius: 5px;
}

.footer-area.area-jp li a {
    background: #3a77c7;
}

.footer-area.area-sea li a {
    background: #2896c7;
}

.footer-area li a::after {
    font-family: "Font Awesome 5 Free";
    content: "\f105";
    font-weight: bold;
    margin: 0 0 0 15px;
    display: block;
    position: absolute;
    top: calc(50% - 20px);
    right: 10px;
}

.footer_btn .show\@pc {
    display: inline;
}

@media (max-width: 1024px) {
    .footer_top .frame {
        padding: 0;
    }

    .footer_bottom {
        padding: 20px 0 10px;
    }

    .footer_menu {
        margin-bottom: 0;
    }

    .footer_menuItem {
        font-size: 10px;
        width: 50%;
        margin-bottom: 16px;
    }

    .footer_menuItem:not(:last-child) a:after {
        display: none;
    }

    .footer_menuItem a:before {
        margin-right: 6px;
        content: '-';
    }

    .footer_menuItem-bold {
        margin-bottom: 10px;
    }

    .footer_sns {
        margin-top: 10px;
    }

    .footer_cr {
        font-size: 8px;
        font-size: .8rem;
        padding-top: 20px;
        text-align: center;
    }

    .footer-area li {
        width: calc(100% / 2 - 10px);
    }

    .footer-area li a {
        font-size: 16px;
        line-height: 34px;
    }

    .footer-area li a::after {
        top: calc(50% - 17px);
        right: 5px;
    }

    .footer_btn .hide\@sp {
        display: none;
    }
}

#btn-pagetopblock {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 9999;
}

#btn-pagetopblock a {
    display: block;
    opacity: .7;
    background: #000;
    border-radius: 4px;
    padding: 25px 20px;
    cursor: pointer;
}

/********************************
/********************************
/********************************

XXX:gNavi

********************************/
#gNavi {
    width: 100%;
    background: #3582c0;
    z-index: 1000;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

[data-element-id] #gNavi {
    margin: 50px 0;
}

#gNavi .navToggle {
    position: relative;
    display: none;
    width: 42px;
    height: 52px;
    margin-top: -52px;
    cursor: pointer;
    z-index: 3;
    background: #3582c0;
    opacity: 0.9;
    text-align: center;
}

#gNavi .navToggle span {
    display: none;
    position: absolute;
    /* .navToggleに対して */
    width: 30px;
    border-bottom: solid 3px #eee;
    -webkit-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 6px;
}

#gNavi .navToggle span:nth-child(1) {
    top: 9px;
}

#gNavi .navToggle span:nth-child(2) {
    top: 18px;
}

#gNavi .navToggle span:nth-child(3) {
    top: 27px;
}

#gNavi .navToggle span:nth-child(4) {
    border: none;
    color: #eee;
    font-size: 9px;
    font-weight: bold;
    top: 34px;
}

/* 最初のspanをマイナス45度に */
#gNavi .navToggle.active span:nth-child(1) {
    top: 18px;
    left: 6px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/* 2番目と3番目のspanを45度に */
#gNavi .navToggle.active span:nth-child(2),
#gNavi .navToggle.active span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#gNavi .ul01 {
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 12px 0;
}

#gNavi .ul01 a img {
    margin-left: auto;
    margin-right: auto;
}

#gNavi .ul01 .li01 {
    width: calc(100%/7);
    border-right: 1px solid #FFF;
    border-bottom: none;
}

#gNavi .ul01 .li01:last-of-type {
    border-right: none;
}

#gNavi .ul01 .li01 a {
    padding: 0;
    color: #fff;
   /* text-decoration: underline; */
}

#gNavi .ul01 .li01.__nodeco a {
    text-decoration: none;
}

#gNavi .ul01 .li01 .dl01 dt {
    width: 100%;
    margin-bottom: 8px;
}

#gNavi .ul01 .li01 .dl01 dd {
    padding-top: 2px;
    line-height: 1.2em;
    font-size: 14px;
}

#gNavi .ul01 .li01:nth-of-type(1) img {
    width: 35px;
}

#gNavi .ul01 .li01:nth-of-type(2) img {
    width: 35px;
}

#gNavi .ul01 .li01:nth-of-type(3) img {
    width: 37px;
}

#gNavi .ul01 .li01:nth-of-type(4) img {
    width: 34px;
}

#gNavi .ul01 .li01:nth-of-type(5) img {
    width: 37px;
}

#gNavi .ul01 .li01:nth-of-type(6) img {
    width: 34px;
}

#gNavi .ul01 .li01:nth-of-type(7) img {
    width: 23px;
}

#gNavi .ul01 .li01:nth-of-type(8) img {
    width: 42px;
}

#gNavi .ul01 .li01:nth-of-type(9) img {
    width: 34px;
}

#gNavi.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 200;
    width: 100%;
}

@media (max-width: 1024px) {

    #gNavi .navToggle,
    #gNavi .navToggle span {
        display: block;
    }

    #gNavi {
        position: fixed;
        top: auto;
        bottom: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }

    html.active {
        overflow: hidden;
        height: 100%;
    }

    #gNavi.active {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        top: 115px;
    }

    #gNavi .ul01 {
        max-width: 768px;
        height: 100%;
        overflow-y: scroll;
    }

    #gNavi .ul01 .li01 {
        width: 100%;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        border-right: none;
    }

    #gNavi .ul01 .li01 .dl01 {
        width: 100%;
    }

    #gNavi .ul01 .li01 .dl01 dt {
        width: 12vw;
    }

    #gNavi .ul01 .li01 .dl01 dd {
        padding-top: 1vh;
        line-height: 1em;
    }

    #gNavi .ul01 .li01 a {
        display: block;
        padding: 12px 0;
        color: #FFF;
    }

    #gNavi .ul01 .li01 img {
        margin: auto;
    }

    #gNavi .ul01 .li01:nth-of-type(1) img {
        width: 7vw;
    }

    #gNavi .ul01 .li01:nth-of-type(2) img {
        width: 7vw;
    }

    #gNavi .ul01 .li01:nth-of-type(3) img {
        width: 7.2vw;
    }

    #gNavi .ul01 .li01:nth-of-type(4) img {
        width: 7vw;
    }

    #gNavi .ul01 .li01:nth-of-type(5) img {
        width: 7.6vw;
    }

    #gNavi .ul01 .li01:nth-of-type(6) img {
        width: 7vw;
    }

    #gNavi .ul01 .li01:nth-of-type(7) img {
        width: 5vw;
    }

    #gNavi .ul01 .li01:nth-of-type(8) img {
        width: 7vw;
    }

    #gNavi .ul01 .li01:nth-of-type(9) img {
        width: 7vw;
    }
    
    .companytripWrap #gNavi.is-fixed {
        position: fixed;
        top: auto;
        left: 0;
        z-index: 1000;
        width: auto;
    }
}



/********************************
/********************************
/********************************

XXX:トップページ

********************************/
/* mv */
.mainVisualSection {
    background-color: #fff;
    position: relative;
}

.mainVisualSection .meritMark,
.meritMark {
    width: 240px;  
    position: absolute;
    bottom: 10%;
    left: 10%;
    z-index: 10;
}

.guam .meritMark,
.thailand .meritMark,
.bali .meritMark,
.taiwan .meritMark,
.hongkong .meritMark {
     width: 240px;  
    position: absolute;
    bottom: 3%;
    left: 0;
    z-index: 10;
}

.korea .meritMark {
    width: 240px;
    position: absolute;
    bottom: 3%;
    left: 90%;
    z-index: 10;
}

.hawaii .meritMark {
    width: 240px;
    position: absolute;
    bottom: 0;
    left: 60%;
    z-index: 10;
}

.cebu .meritMark {
    width: 240px;
    position: absolute;
    bottom: 3%;
    left: 0;
    z-index: 10;
}

.mainVisualSection .meritMark a,
.meritMark a {
    display: block;
    width: 240px;
}

.mainVisualSection .meritMark img,
.meritMark img {
    width: 240px;
    height: auto;
}

.gallerySlider001.slider {
    width: 100%;
    margin: 0 auto;
}

[data-element-id] .gallerySlider001.slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

[data-element-id] .gallerySlider001.slider li {
    width: calc(100% / 3);
    padding: 0 1%;
    margin-top: 50px;
}

.gallerySlider001.slider a {
    display: block;
}

.gallerySlider001.slider .slick-slide {
    margin: 0px;
    -webkit-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
}

.gallerySlider001 .basicSlider.slider .slick-slide {
    margin: 0px;
    -webkit-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
    border: none;
}

.gallerySlider001.slider .slick-slide img {
    width: 100%;
    width: 100vw;
    height: auto;
}

.gallerySlider001.slider .slick-current {
    opacity: 1;
}

button.slick-prev {
    z-index: 1000;
    top: calc(50% - 12px);
    left: 120px;
}

button.slick-next {
    z-index: 1000;
    top: calc(50% - 12px);
    right: 122px;
}

.slick-prev:before {
    font-size: 50px;
    content: url(/import/tenant_1/www.wbf.co.jp/companytrip/commons/images/arrow_l.png);
    display: inline-block;
    width: 23px;
    height: 37px;
}

.slick-next:before {
    font-size: 50px;
    content: url(/import/tenant_1/www.wbf.co.jp/companytrip/commons/images/arrow_r.png);
    display: inline-block;
    width: 23px;
    height: 37px;
}

@media (max-width: 1024px) {
    .mainVisualSection .meritMark,
    .meritMark {
        bottom: 15px;
        left: 20px;
    }
    
    .guam .meritMark {
        bottom: 10%;
        left: 68%;
    }
    
    .thailand .meritMark {
        bottom: 40%;
        left: 0;
    }
    

    .taiwan .meritMark {
        bottom: 45%;
        left: 0;
    }
    
    .bali .meritMark {
        bottom: 15%;
        left: 65%;
    }
    
    .korea .meritMark {
        bottom: 20%;
        left: 0;
    }
    
    .hongkong .meritMark {
        bottom: 15%;
        left: 0;
    }
    
    .hawaii .meritMark {
        bottom: 50%;
        left: 70%;
    }
    
    .cebu .meritMark {
        bottom: 15%;
        left: 65%;
    }

    .mainVisualSection .meritMark a,
    .meritMark a {
        display: inline-block;
        width: auto;
    }

    .mainVisualSection .meritMark img,
    .meritMark img {
        width: 180px;
        height: auto;
    }
}

@media (max-width: 599px) {
    .mainVisualSection .meritMark,
    .meritMark {
        bottom: 15px;
        left: 20px;
    }
    
    .guam .meritMark {
        bottom: 30%;
        left: 65%;
        width: 120px;
    }
    
    .thailand .meritMark {
        bottom: 68%;
        left: 0;
        width: 120px;
    }
    
    .taiwan .meritMark {
        bottom: 65%;
        left: 0;
        width: 120px;
    }
    
    .bali .meritMark {
        bottom: 35%;
        left: 60%;
        width: 120px;
    }
    
    .korea .meritMark {
        bottom: 40%;
        left: 65%;
        width: 120px;
    }
    
    .hongkong .meritMark {
        bottom: 35%;
        left: 0;
        width: 120px;
    }
    
    .hawaii .meritMark {
        bottom: 65%;
        left: 60%;
        width: 120px;
    }
    
    .cebu .meritMark {
        top: 27%;
        right: 0;
        width: 120px;
    }
}

/* ban-box  */
.ban-box {
    margin: 20px 0;
    padding: 0;
    background: #FFF;
    text-align: center;
}

.ban-box .a + .a {
    margin: 0 0 0 60px;
}

@media (max-width: 1024px) {
    .ban-box .a + .a {
        margin: 0;
    }

    .ban-box .a {
        padding: 10px;
        width: 100%;
    }
}

/* XXX:searchSection  */
.searchSection {
    background-color: #fff;
    width: calc(100vw - 15px);
    padding: 0 10px 50px 10px;
    margin: auto;
}

.searchSection .__inner {
    width: 100%;
}

.searchSection .iLeft,
.searchSection .iRight {
    width: 50%;
}

.searchSection .iLeft {
    position: relative;
}

.searchSection .iLeft .bg {
    position: absolute;
    top: 10px;
    left: 40px;
}

.searchSection .areatab {
    display: inline-block;
    width: calc(50% - 6px);
    margin-right: 6px;
}

.searchSection .areatab .s {
    display: block;
    padding-left: 13px;
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 700;
    font-size: 19px;
    line-height: 33px;
    color: #fff;
    background-image: url(/import/tenant_1/www.wbf.co.jp/companytrip/commons/images/bg_tab001.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-color: #4977c1;
}

.searchSection .areatab .s .t {
    display: inline-block;
    font-weight: 500;
    font-size: 15px;
    line-height: 33px;
}

.searchSection .map_contents {
    min-height: 370px;
    padding: 20px 13px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.searchSection .map_contents.__bdw {
    border: 5px solid #4977c1;
}

.searchSection.__up .map_contents {
    height: 410px;
}

.searchSection .ttl01 {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    color: #4977c1;
    line-height: 21px;
    border-left: 4px solid #4977c1;
    padding-left: 7px;
    margin-bottom: 5px;
}

.searchSection input[type="checkbox"] {
    display: none;
}

.searchSection input[type="checkbox"] + label {
    padding: 0 0 0 17px;
    background: url(/import/tenant_1/www.wbf.co.jp/companytrip/commons/images/box001.png) no-repeat left center;
    cursor: pointer;
    background-size: 14px 14px;
}

.searchSection input[type="checkbox"]:checked + label {
    background: url(/import/tenant_1/www.wbf.co.jp/companytrip/commons/images/box002.png) no-repeat left center;
    cursor: pointer;
    background-size: 14px 14px;
}

.searchSection .submit {
    margin: auto;
    text-align: center;
    bottom: 15px;
}

.searchSection .submit input[type="submit"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    color: #fff;
    text-align: center;
    border: none;
    border-radius: 40px;
    background-color: #e6a521;
    line-height: 38px;
    width: 268px;
    padding: 0 0 0 30px;
    background-image: url(/import/tenant_1/www.wbf.co.jp/companytrip/commons/images/bg_submit001.png);
    background-repeat: no-repeat;
    background-position: left calc(50% - 35px) center;
}

.searchSection .submit input[type="submit"]:hover {
    cursor: pointer;
    opacity: 0.5;
}

.searchSection .map_contents .mapList {
    height: 280px;
    position: relative;
}

.searchSection .map_contents .mapList li {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 14px;
    position: absolute;
    white-space: nowrap;
}

.searchSection .map_contents .mapList li.hokkaido_area {
    top: 33px;
    left: 380px;
}

.searchSection .map_contents .mapList li.tohoku_area {
    top: 92px;
    left: 358px;
}

.searchSection .map_contents .mapList li.kantou_area {
    top: 185px;
    left: 343px;
}

.searchSection .map_contents .mapList li.hokuriku_area {
    top: 113px;
    left: 248px;
}

.searchSection .map_contents .mapList li.kansai_area {
    top: 232px;
    left: 248px;
}

.searchSection .map_contents .mapList li.chushikoku_area {
    top: 160px;
    left: 153px;
}

.searchSection .map_contents .mapList li.kyushu_area {
    top: 263px;
    left: 80px;
}

.searchSection .map_contents .mapList li.okinawa_area {
    top: 75px;
    left: 50px;
}

.searchSection .themeList {
    padding-left: 30px;
    margin-bottom: 20px;
}

.searchSection .themeList li {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    width: 150px;
    line-height: 14px;
    display: inline-block;
    padding-right: 0px;
    white-space: nowrap;
}

.searchSection .themeList li:nth-child(8),
.searchSection .themeList li:nth-child(9) {
    width: 100px;
}

.searchSection .otherListGroup {
    margin-bottom: 30px;
}

.searchSection .otherListGroup ul {
    padding-left: 30px;
    margin-bottom: 0px;
}

.searchSection .otherListGroup li {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 400;
    padding-right: 7px;
    font-size: 13px;
    line-height: 14px;
    display: inline-block;
    width: calc(25% - 5px);
    white-space: nowrap;
}

input[type="text"],
textarea,
select {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    background: #f0f0f0;
}

button {
    cursor: pointer;
}

textarea {
    overflow: auto;
}

label {
    cursor: pointer;
}

@media (max-width: 1024px) {
    .searchSection .iLeft {
        width: 100%;
    }

    .searchSection .iLeft .bg {
        width: 100%;
        text-align: center;
        top: 0;
        left: 0;
    }

    .searchSection .iRight {
        width: 100%;
    }

    .searchSection .ttl01 {
        font-size: 14px;
        line-height: 19px;
        border-left: 3px solid #4977c1;
        padding-left: 6px;
        margin-bottom: 8px;
    }

    .searchSection.__up .map_contents {
        height: auto;
    }
    
    .searchSection.__up .iLeft .bg {
        display: none;
    }

    .searchSection .map_contents .mapList {
        position: static;
        margin-bottom: 50px;
    }

    .searchSection .map_contents .mapList li {
        font-size: 12px;
    }

    .searchSection .map_contents .mapList li.hokkaido_area {
        top: 83px;
        left: calc(50% + 150px);
    }

    .searchSection .map_contents .mapList li.tohoku_area {
        top: 122px;
        left: calc(50% + 140px);
    }

    .searchSection .map_contents .mapList li.kantou_area {
        top: 194px;
        left: calc(50% + 116px);
    }

    .searchSection .map_contents .mapList li.kansai_area {
        top: 273px;
        left: calc(50% + 15px);
    }

    .searchSection .map_contents .mapList li.chushikoku_area {
        top: 200px;
        left: calc(50% - 75px);
    }

    .searchSection .map_contents .mapList li.kyushu_area {
        top: 293px;
        left: calc(50% - 140px);
    }

    .searchSection .map_contents .mapList li.okinawa_area {
        top: 87px;
        left: calc(50% - 175px);
    }

    .searchSection .map_contents .mapList li.hokuriku_area {
        top: 113px;
        left: calc(50% + 50px);
    }

    .searchSection .themeList {
        padding-left: 10px;
    }

    .searchSection .themeList li {
        font-size: 12px;
        padding-right: 7px;
    }

    .searchSection .otherListGroup {
        margin-bottom: 40px;
    }

    .searchSection .otherListGroup ul {
        padding-left: 10px;
    }

    .searchSection .otherListGroup li {
        font-size: 12px;
    }

    .searchSection .submit {
        left: calc(50% - 134px);
        width: 100%;
        text-align: center;
    }
}

@media (max-width: 599px) {
    .searchSection {
        width: 100%;
        padding: 0 0 50px;
    }

    .searchSection .areatab {
        width: calc(60% - 6px);
    }

    .searchSection.__up .mapList {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: auto !important;
    }

    .searchSection.__up .mapList li {
        top: 0 !important;
        left: 0 !important;
        position: relative;
        display: block;
        width: auto;
        padding-right: 2rem;
        margin-bottom: 10px;
    }

    .searchSection .iLeft .bg {
        width: 100%;
        left: -20px;
        top: -13px;
    }

    .searchSection .iLeft .bg img {
        width: 320px;
    }

    .searchSection.__up .mapList {
        height: auto;
        padding-left: 10px;
        margin-bottom: 20px;
    }

    .searchSection .map_contents .mapList {
        height: 200px;
    }

    .searchSection .map_contents .mapList li.hokkaido_area {
        top: 53px;
        left: calc(50% + 80px);
    }

    .searchSection .map_contents .mapList li.tohoku_area {
        top: 112px;
        left: calc(50% + 70px);
    }

    .searchSection .map_contents .mapList li.kantou_area {
        top: 154px;
        left: calc(50% + 46px);
    }

    .searchSection .map_contents .mapList li.hokuriku_area {
        top: 83px;
        left: calc(50% + 20px);
    }

    .searchSection .map_contents .mapList li.kansai_area {
        top: 173px;
        left: calc(50% - 5px);
    }

    .searchSection .map_contents .mapList li.chushikoku_area {
        top: 130px;
    }

    .searchSection .map_contents .mapList li.kyushu_area {
        top: 213px;
        left: calc(50% - 130px);
    }

    .searchSection .map_contents .mapList li.okinawa_area {
        top: 57px;
        left: calc(50% - 135px);
    }
}

/* XXX:modelCourseSection */
.rankingWrap {
    padding: 5% 0;
    /*background: #feffe5;*/
    overflow: hidden;
}

.modelCourseSection {
    background-color: #fff;
}

[data-element-id] .modelcourseSection ul li:nth-of-type(n + 10) {
    display: none;
}

.modelCourseSection .container {
    max-width: 1060px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.modelCourseSection .ttl-slash {
    margin-bottom: 36px;
}

.modelCourseSection .ttl-sub {
    text-align: center;
    margin: 0 0 20px 0;
    border-bottom: 2px solid #EEE;
    font-weight: bold;
}

.modelCourseSection .commonList .item01 {
    position: relative;
}

.modelCourseSection .commonList a {
    display: block;
    text-decoration: none;
}

.modelCourseSection .commonList .photo {
    margin-bottom: 10px;
}

.modelCourseSection .commonList .label {
    position: absolute;
    top: 0;
    left: 20px;
   /* background-image: url(/import/tenant_1/www.wbf.co.jp/companytrip/commons/images/bg_label003.png); */
    background-repeat: no-repeat;
    background-position: top left;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 500;
    width: 80px;
    height: 55px;
    color: #fff;
    line-height: 1em;
    padding-top: 15px;
    font-size: 15px;
}

.modelCourseSection .commonList .item01:nth-of-type(1) .label.new{
    background-image: url(/upload/tenant_1/icon_no1_1.webp);
    background-size: 70%;
    position: absolute;
    top: -30px;
    width: 30%;
    height: 30%;
}

.modelCourseSection .commonList .item01:nth-of-type(2) .label.new{
    background-image: url(/upload/tenant_1/icon_no2_1.webp);
    background-size: 70%;
    position: absolute;
    top: -30px;
    width: 30%;
    height: 30%;
}

.modelCourseSection .commonList.up-col-3 .item01:nth-of-type(1) .label.new{
    background-image: url(/upload/tenant_1/icon_no3_1.webp);
    background-size: 70%;
    position: absolute;
    top: -30px;
    width: 30%;
    height: 30%;
}

.modelCourseSection .commonList.up-col-3 .item01:nth-of-type(2) .label.new{
    background-image: url(/upload/tenant_1/icon_no4.webp);
    background-size: 70%;
    position: absolute;
    top: -30px;
    width: 30%;
    height: 30%;
}

.modelCourseSection .commonList.up-col-3 .item01:nth-of-type(3) .label.new{
    background-image: url(/upload/tenant_1/icon_no5.webp);
    background-size: 70%;
    position: absolute;
    top: -30px;
    width: 30%;
    height: 30%;
}

/*.modelCourseSection .commonList .label.new {
    ackground-image: url(/import/tenant_1/www.wbf.co.jp/companytrip/commons/images/bg_label003.png);
}*/

/*.modelCourseSection .commonList .label.feature {
    background-image: url(/import/tenant_1/www.wbf.co.jp/companytrip/commons/images/bg_label004.png);
}*/

.modelCourseSection .commonList .categoryList {
    display: block;
    font-size: 0;
    margin-bottom: 10px;
}

.modelCourseSection .commonList .categoryList > div {
    display: inline-block;
}

.modelCourseSection .commonList .categoryList span {
    display: inline-block;
    border: 1px solid #4a82bb;
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 21px;
    color: #4a82bb;
    padding: 0 10px;
    border-radius: 3px;
    margin-right: 7px;
}

.modelCourseSection .commonList .categoryList .area {
    background-color: #4a82bb;
    color: #fff !important;
}

.modelCourseSection .commonList .title {
    display: block;
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.4em;
    margin-bottom: 5px;
}

.modelCourseSection .commonList .body {
    display: block;
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5em;
}

.modelCourseSection .moreLink-box {
    padding: 0 0 80px 0;
}

.modelCourseSection .moreLink-box .btn-domestic a {
    background-color: #3a77c7;
    margin: 0 20px 0 0;
}

.modelCourseSection .moreLink-box {
    padding: 0 0 30px 0;
}

@media (max-width: 599px) {
    .rankingWrap {
        padding: 5% 0 10%;
    }

    .modelCourseSection .commonList .label {
        left: 15px;
        width: 65px;
        height: 45px;
        font-size: 13px;
    }

    .modelCourseSection .commonList .label.new {
        background-image: url(/import/tenant_1/www.wbf.co.jp/companytrip/commons/images/bg_label001.png);
    }

    .modelCourseSection .commonList .label.feature {
        background-image: url(/import/tenant_1/www.wbf.co.jp/companytrip/commons/images/bg_label002.png);
    }

    .modelCourseSection .commonList .title {
        font-size: 14px;
        line-height: 1.3em;
    }

    .modelCourseSection .commonList .body {
        font-size: 12px;
        line-height: 1.4em;
    }

    .modelCourseSection .ttl-sub {
        margin: 0 10px 20px 10px;
    }

    .modelCourseSection .moreLink-box {
        padding: 0 0 50px 0;
    }

    .modelCourseSection .moreLink.btn-domestic a {
        margin: 0 0 10px 0;
    }
}

/* XXX:areaSection */
.areaSection {
    background: #fff;
    padding-bottom: 120px;
}

.areaSection .ttl-slash {
    margin-bottom: 36px;
}

.areaSection .domestic {
    width: 37%;
    margin: 0px;
}

.areaSection .oversea {
    width: 56%;
    margin: 0px;
}

.areaSection .ttl-01 {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 33px;
    color: #4977c1;
    margin-bottom: 10px;
    padding: 0 0 0 39px;
    background-repeat: no-repeat;
    background-position: left center;
}

.areaSection .domestic .ttl-01 {
    background-image: url(/import/tenant_1/www.wbf.co.jp/companytrip/commons/images/bg_area003.png);
}

.areaSection .oversea .ttl-01 {
    background-image: url(/import/tenant_1/www.wbf.co.jp/companytrip/commons/images/bg_area004.png);
}

.areaSection .arealist .item01 .title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 32px;
    color: #fff;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
}

.areaSection .gallery003 .arealist .item01 a {
    display: block;
    position: relative;
}

@media (max-width: 1024px) {
    .areaSection {
        padding: 35px 0;
    }

    .areaSection .domestic,
    .areaSection .oversea {
        margin: 0 0 30px;
        width: 100%;
    }

    .areaSection .ttl-01 {
        font-size: 14px;
        padding: 0 0 0 35px;
    }

    .areaSection .domestic .ttl-01 {
        background-image: url(/import/tenant_1/www.wbf.co.jp/companytrip/commons/images/bg_area001.png);
    }

    .areaSection .oversea .ttl-01 {
        background-image: url(/import/tenant_1/www.wbf.co.jp/companytrip/commons/images/bg_area002.png);
    }

    .areaSection .arealist .item01 .title {
        font-size: 13px;
        line-height: 25px;
    }
}

/* XXX:recommendedSection */
.recommendedSection {
    padding-bottom: 120px;
    background-color: #fff;
}

.recommendedSection .ttl-slash {
    margin-bottom: 36px;
}

.gallery002 {
    margin: 0 30px;
}

.gallery002 .caption {
    display: block;
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.35em;
}

.gallery002 a {
    display: block;
}

.gallery002 .photo {
    font-size: 0;
    line-height: 1em;
    margin-bottom: 6px;
}

.gallery002 .photo img {
    width: 100%;
    height: auto;
}

/* gallerySlider002 */
.gallerySlider002.slider {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 0px;
}

[data-element-id] .gallerySlider002.slider > * {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

[data-element-id] .gallerySlider002.slider > * li {
    width: 25%;
    padding: 0 1%;
}

.gallerySlider002.slider .slick-slide {
    margin: 0px 25px;
    -webkit-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
}

.gallerySlider002.slider .slide-arrow {
    width: 15px;
    height: 30px;
}

.gallerySlider002.slider .prev-arrow,
.gallerySlider002.slider .next-arrow {
    position: absolute;
    top: calc(50% - 30px);
    z-index: 100;
}

.gallerySlider002.slider .prev-arrow {
    left: -23px;
}

.gallerySlider002.slider .next-arrow {
    right: -23px;
}

.gallerySlider002.slider img {
    width: 100%;
/*     height: auto; */
    height: 185px;
}

.gallerySlider002.slider .slideDots {
    text-align: center;
    margin: 10px 0 0 0;
    border: none;
}

.gallerySlider002.slider .slideDots li {
    display: inline-block;
    margin: 0 10px 0 0;
    background-color: transparent;
    border: none;
}

.gallerySlider002.slider .slideDots li button {
    display: inline-block;
    position: relative;
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background-color: transparent;
    width: 24px;
    height: 5px;
}

.gallerySlider002.slider .slideDots li button:before {
    content: url(/import/tenant_1/www.wbf.co.jp/companytrip/commons/images/off.gif);
    display: inline-block;
    vertical-align: middle;
    text-indent: 0px;
    position: absolute;
    top: 0;
    left: 0;
}

.gallerySlider002.slider .slideDots li.slick-active button:before {
    content: url(/import/tenant_1/www.wbf.co.jp/companytrip/commons/images/on.gif);
}

.gallerySlider002.slider .slick-current {
    opacity: 1;
}

@media (max-width: 599px) {
    .recommendedSection {
        padding-bottom: 75px;
    }

    .gallerySlider002.slider .slick-slide {
        margin: 0;
    }
    
    .gallery003 .photo img {
    width: 100%;
    height: auto;
}
    .gallerySlider003.slider .slick-slide {
    margin: 0px 25px;
    -webkit-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
}

.gallerySlider003.slider .slide-arrow {
    width: 15px;
    height: 30px;
}

.gallerySlider003.slider .prev-arrow,
.gallerySlider003.slider .next-arrow {
    position: absolute;
    top: calc(50% - 30px);
    z-index: 100;
}

.gallerySlider003.slider .prev-arrow {
    left: -23px;
}

.gallerySlider003.slider .next-arrow {
    right: -23px;
}

.gallerySlider003.slider img {
    width: 100%;
    height: auto;
}

.gallerySlider003.slider .slideDots {
    text-align: center;
    margin: 10px 0 0 0;
    border: none;
}

.gallerySlider003.slider .slideDots li {
    display: inline-block;
    margin: 0 10px 0 0;
    background-color: transparent;
    border: none;
}

.gallerySlider003.slider .slideDots li button {
    display: inline-block;
    position: relative;
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background-color: transparent;
    width: 24px;
    height: 5px;
}

.gallerySlider003.slider .slideDots li button:before {
    content: url(/import/tenant_1/www.wbf.co.jp/companytrip/commons/images/off.gif);
    display: inline-block;
    vertical-align: middle;
    text-indent: 0px;
    position: absolute;
    top: 0;
    left: 0;
}

.gallerySlider003.slider .slideDots li.slick-active button:before {
    content: url(/import/tenant_1/www.wbf.co.jp/companytrip/commons/images/on.gif);
}

.gallerySlider003.slider .slick-current {
    opacity: 1;
}
}

/* XXX:voiceSection */
.voiceSection {
    padding-bottom: 0px;
    background-color: #fff;
}

.voiceSection .outer {
    padding: 35px 0 40px 0;
    background-color: #f6f8fa;
}

.voiceSection .ttl-slash {
    margin-bottom: 36px;
}

.voiceSection .voiceList a {
    display: block;
    text-decoration: none;
}

.voiceSection .voiceList .tops {
    display: block;
    font-size: 0;
    border-bottom: 1px solid #4a81bb;
    margin-bottom: 8px;
    font-family: 'Noto Sans JP';
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.voiceSection .voiceList .tops .s {
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1em;
    padding: 7px 10px;
}

.voiceSection .voiceList .tops .name {
    color: #fff;
    background-color: #4a81bb;
    border-top: 1px solid #4a81bb;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

.voiceSection .voiceList .tops .member {
    border-top: 1px solid #4a81bb;
    border-right: 1px solid #4a81bb;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

.voiceSection .voiceList .tops .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.voiceSection .voiceList .bottom .photo {
    width: 55%;
}

.voiceSection .voiceList .bottom .body {
    width: 43%;
    display: block;
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4em;
}

@media (max-width: 599px) {
    .voiceSection .voiceList .tops .s {
        font-size: 12px;
    }

    .voiceSection .voiceList .bottom .photo {
        width: 140px;
    }

    .voiceSection .voiceList .bottom .body {
        width: calc(100% - 150px);
        font-size: 11px;
    }
}

/* XXX:contactSct */
.contactSct_txt {
    position: relative;
    z-index: 1;
    padding: 15px 5%;
    color: #fff;
    background: #3582c0;
}

.contactSct_ttl {
    font-size: 16px;
    line-height: 1;
    margin-bottom: 40px;
    letter-spacing: .06em;
    font-weight: bold;
}

.contactSct_ttl span {
    position: relative;
    display: inline;
}

.contactSct_ttl span:after {
    position: absolute;
    bottom: -7px;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    background: #ebf3f9;
}

.contactSct_copy {
    font-size: 32px;
    line-height: 1.5;
    margin-bottom: 7px;
}

.contactSct_content {
    line-height: 1.8;
    margin-bottom: 32px;
}

.contactSct_telArea {
    overflow: hidden;
    margin-bottom: 20px;
}

.contactSct_telTtl {
    font-size: 14px;
    font-weight: bold;
    line-height: 70px;
    width: 70px;
    height: 70px;
    text-align: center;
    letter-spacing: .1em;
    border: 1px solid #fff;
    border-radius: 50%;
}

.contactSct_tel {
    padding: 5px 0 0 15px;
    width: calc(100% - 80px);
}

.contactSct_telNum {
    font-size: 32px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 5px;
}

.contactSct_telNum .s {
    display: inline-block;
}

.contactSct_telNum a:before {
    margin-right: 5px;
}

.contactSct_telTime {
    font-size: 1.3rem;
    line-height: 1.5;
}

@media (max-width: 1024px) {
    .contactSct_txt {
        padding: 30px 20px;
    }

    .contactSct_ttl {
        font-size: 12px;
        margin-bottom: 32px;
    }

    .contactSct_content {
        margin-bottom: 24px;
    }

    .contactSct_telArea {
        margin-bottom: 18px;
    }

    .contactSct_telTtl {
        font-size: inherit;
        line-height: 60px;
        width: 60px;
        height: 60px;
    }

    .contactSct_tel {
        padding: 8px 0 0 10px;
    }

    .contactSct_telNum {
        font-size: 2.4rem;
    }

    .contactSct_telTime {
        font-size: .9rem;
    }

    .contactSct_copy {
        font-size: 2rem;
    }
}

@media (max-width: 599px) {
    .contactSct_tel {
        width: calc(100% - 60px);
    }
    
    .contactSct_telNum {
        font-size: 24px;
    }
    
    .contactSct_telNum .tel {
        display: block;
    }
    
    .contactSct_telNum .s {
        display: block;
        text-indent: -9999px;
        height: 0;
    }
    
    .contactSct_telNum .s {
        display: none !important;
    }
    
    .contactSct_copy {
        font-size: 20px;
    }
    
    .contactSct_telTime {
        font-size: 10px;
    }
}

/* columnSection */
.columnSection {
    padding-top: 70px;
    padding-bottom: 75px;
    background-color: #f6f8fa;
}

.columnSection .ttl-slash {
    margin-bottom: 36px;
}

.columnSection .colummList a {
    display: block;
    position: relative;
    text-decoration: none;
}

.columnSection .colummList .rank {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 4;
}

.columnSection .colummList .rank:before {
    content: "";
    width: 62px;
    height: 66px;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
}

.columnSection .colummList li:nth-of-type(1) .rank:before {
    background-image: url('/import/tenant_1/www.wbf.co.jp/companytrip/commons/images/rank001.svg');
}

.columnSection .colummList li:nth-of-type(2) .rank:before {
    background-image: url('/import/tenant_1/www.wbf.co.jp/companytrip/commons/images/rank002.svg');
}

.columnSection .colummList li:nth-of-type(3) .rank:before {
    background-image: url('/import/tenant_1/www.wbf.co.jp/companytrip/commons/images/rank003.svg');
}

.columnSection .colummList .rank img {
    width: 62px;
    height: auto;
}

.columnSection .colummList .photo {
    margin-bottom: 10px;
}

.columnSection .colummList .tops {
    display: block;
    font-size: 0;
    margin-bottom: 10px;
}

.columnSection .colummList .tops span {
    display: inline-block;
    border: 1px solid #4a82bb;
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 19px;
    color: #4a82bb;
    padding: 0 10px;
    border-radius: 3px;
    margin-right: 7px;
}

.columnSection .colummList .body {
    display: block;
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.45em;
}

.columnSection .colummList .tit-h3 {
    line-height: normal;
    margin-bottom: 10px;
    font-weight: bold;
}

.columnSection.with_c {
    background-color: #f6f8fa;
    margin: 70px 0;
}

.columnSection.with_c .list01 {
    background: #fff;
    padding: 20px;
    margin: 15px 0;
}

.columnSection.with_c .item01 {
    margin-bottom: 15px;
}

.columnSection.with_c .item01 .no {
    background: #3c76a5;
    color: #fff;
    width: 2.5em;
    height: 2.5em;
    padding: 5px 15px;
    border-radius: 4px;
    margin-right: 10px;
}

.columnSection.with_c .item01:nth-of-type(even) .no {
    background: #308cce;
}

@media (max-width: 599px) {
    .columnSection.with_c {
        margin: 0 auto;
        padding-bottom: 40px;
    }
}

.columnSection.new_s {
    padding: 70px 0;
}

.columnSection .ttl2 {
    font-size: 150%;
    color: #3c76a5;
    font-weight: bold;
    margin-bottom: 10px;
    border-bottom: 2px dashed;
}

.columnSection .ttl2 img {
    display: inline-block;
}

.columnSection .styleBox {
    background: #dff2ff;
    padding: 20px 25px;
    border-radius: 14px;
    background: #dff2ff;
    margin: 10px 0 20px;
}

.columnSection .styleBox.__mid,
.columnSection .styleBox .__mid {
    width: 49%;
}

.columnSection .styleBox .item01 {
    position: relative;
    margin: 5px 0;
    padding-left: 1.5rem;
}

.columnSection .styleBox .item01:before {
    position: absolute;
    top: 0;
    left: 0;
    color: #3c76a5;
    content: "●";
}

@media (max-width: 599px) {

    .columnSection .styleBox.__mid,
    .columnSection .styleBox .__mid {
        width: 100%;
    }
}

/* meritSection */
.meritSection {
  padding-top: 70px;
    padding-bottom: 75px;
    background-color: #fff;
}

.meritSection .ttl-slash {
    margin-bottom: 36px;
}

.meritSection .meritList .title {
    border-bottom: solid 2px #000;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.meritSection .meritList .text {
    display: block;
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.45em;
}

@media (max-width: 599px) {
  .meritSection .meritList li {
    margin-bottom: 50px;
  }
}

/* XXX:qaWrap */
#contentsWrap .inn {
    width: 95%;
    max-width: 1200px;
    margin: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#qaWrap {
    padding-bottom: 80px;
}

#qaWrap .accordion {
    margin: auto;
}

#qaWrap .question,
#qaWrap .answer .txt {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#qaWrap .question {
    max-width: 900px;
    width: 100%;
    margin: 32px auto 0;
    padding-bottom: 16px;
    border-bottom: 1px dotted #5d9bcd;
    font-size: 16px;
}

#qaWrap .question .copy {
    max-width: 800px;
    padding: 0;
    font-weight: bold;
    line-height: 1.4em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#qaWrap .answer {
    max-width: 900px;
    width: 100%;
    margin: auto;
    display: none;
    font-size: 16px;
}

#qaWrap .answer .txt {
    padding-top: 32px;
    padding-bottom: 32px;
    background: #f0f0f0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: auto;
}

#qaWrap .answer .copy {
    width: 100%;
    padding-right: 5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: auto;
    line-height: 1.6em;
    letter-spacing: 0.1em;
}

#qaWrap .answer .copy a {
    text-decoration: underline;
    color: #3582c0;
}

#qaWrap .answer .copy a:hover {
    text-decoration: none;
    opacity: 1;
}

#qaWrap .ini {
    width: 44px;
    height: 44px;
    margin-left: 20px;
    margin-right: 24px;
    line-height: 44px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

#qaWrap .question .ini {
    background: #5d9bcd;
}

#qaWrap .answer .ini {
    background: #e773c2;
}

#qaWrap .question .toggle {
    position: relative;
    display: inline-block;
    width: 10%;
    margin-left: auto;
    margin-right: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

#qaWrap .question .toggle span {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 32px;
    height: 1px;
    background-color: #2a6074;
    -webkit-transition: all .4s;
    transition: all .4s;
}

#qaWrap .question .toggle span:nth-of-type(1) {
    -webkit-transform: translateY(0px) rotate(90deg);
    transform: translateY(0px) rotate(90deg);
}

#qaWrap .question.active .toggle span:nth-of-type(1) {
    -webkit-transform: translateY(0px) rotate(-315deg);
    transform: translateY(0px) rotate(-315deg);
}

#qaWrap .question.active .toggle span:nth-of-type(2) {
    -webkit-transform: translateY(0px) rotate(315deg);
    transform: translateY(0px) rotate(315deg);
}

@media (max-width: 1024px) {
    #qaWrap {
        padding-bottom: 80px;
    }

    #qaWrap .question {
        margin-top: 40px;
        padding-bottom: 20px;
    }

    #qaWrap .answer .txt {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    #qaWrap .answer .copy {
        padding-right: 15px;
    }

    #qaWrap .toggle {
        width: 50px;
    }

    #qaWrap .toggle span {
        width: 35px;
    }

    #qaWrap .ini {
        width: 40px;
        height: 40px;
        margin-left: 20px;
        line-height: 40px;
    }
}

@media (max-width: 599px) {

    #qaWrap .question .copy,
    #qaWrap .answer .copy {
        font-size: 12px;
    }

    #qaWrap .question div.toggle {
        width: 25px;
    }

    #qaWrap .question .toggle span {
        width: 20px;
    }
}

/* XXX:otherSection */
.otherSection {
    background-color: #4a82bb;
    padding: 35px 20px 40px 20px;
}

.otherSection .ttl01 {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 1em;
    color: #fff;
    text-align: center;
    margin-bottom: 25px;
}

.otherSection .catch {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.6em;
    margin: 0 auto 25px;
    color: #4a82bb;
    background-color: #fff;
    border-radius: 150px;
    text-align: center;
    padding: 10px 0;
}

.otherSection .body {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.9em;
    color: #fff;
    margin: 0 65px;
}

@media (max-width: 1024px) {
    .otherSection .body {
        margin: 0;
    }
}

@media (max-width: 599px) {
    .otherSection .catch {
        border-radius: 75px;
        padding: 15px 30px;
    }
}

/********************************
/********************************
/********************************

XXX:下層ページ

********************************/
.main {
    background: #fff;
}

#content {
    overflow: hidden;
    max-width: 1170px;
    width: 95%;
    margin: 0 auto;
    padding: 0;
}

/* ============================
	XXX:breadcrumb
 ============================ */
.breadcrumb {
    background: #f9f9f9;
    padding-left: 5px;
    padding-top: 2px;
    display: inline-block;
    width: 100%;
}

.breadcrumb .ttl01 {
    display: inline-block;
    color: #333;
    font-weight: normal;
}

.breadcrumb ul li {
    display: inline-block;
    font-size: 11px;
}

.breadcrumb ul li:after {
    content: "〉";
    display: inline-block;
    font-weight: bold;
    color: #666;
}

.breadcrumb ul li:last-child:after {
    content: "";
    display: inline;
}

.modelcourse .breadcrumb {
    background: #f1f7fc;
}

/* ============================
	XXX:.mlpres（2カラム）
 ============================ */
.mlpres {
    font-size: 13px;
}

.col2_main {
    width: 68%;
}

.col2_side {
    width: 30%;
    padding-top: 15px;
}

.mlpres .mainttl-ptn02 {
    font-size: 230%;
    padding: 20px 10px 25px;
    width: 100%;
    font-weight: bold;
    line-height: 1.3;
}

.mlpres .dtxt {
    margin-bottom: 0.7em;
    font-size: 16px;
    line-height: 21px;
}

.bnr-img {
    font-size: 0;
    line-height: 0;
    width: 700px;
    max-width: 100%;
    height: auto;
    margin: 20px auto;
}

/* .col2_side */
.col2_side .common_ttl {
    margin-top: 20px;
    font-size: 130%;
    font-weight: bold;
    border-bottom: 1px solid #000;
}

.col2_side .newblog_list {
    margin-bottom: 20px;
}

.col2_side .newblog_list .common_ttl {
    margin-bottom: 8px;
}

.col2_side .newblog_list li {
    margin-bottom: 8px;
    border-bottom: 1px dashed #ccc;
}

.col2_side .newblog_list a {
    position: relative;
    padding-bottom: 8px;
    text-decoration: none;
}

.col2_side .newblog_list .blog_ttl {
    display: block;
    color: #000;
    width: 68%;
    line-height: normal;
    font-size: 12px;
}

.col2_side .newblog_list .img_size {
    width: 30%;
}

.col2_side .newblog_list a:hover {
    opacity: 0.7;
}

.col2_side .newblog_list a:hover .blog_ttl {
    color: #000;
    text-decoration: underline;
}

.col2_side .newblog_list .list_btn a {
    display: block;
    background: #ffa500;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    font-size: 120%;
    padding: 10px 0;
    font-weight: bold;
    text-decoration: underline;
}

@media (max-width: 1024px) {
    .mlpres .mainttl-ptn02 {
        font-size: 180%;
        margin-bottom: 5px;
        line-height: 1.1;
        font-weight: bold;
        padding: 5px 5px 10px;
    }

    .mlpres .dtxt {
        margin: 0 5px 0.7em;
        font-size: 108%;
    }

    .newblog_list li .blog_ttl {
        font-size: 15px;
        vertical-align: top;
    }
}

@media (max-width: 599px) {
    .col2_main {
        width: 100%;
    }

    .col2_side {
        width: 100%;
    }

    .col2_side .newblog_list .img_size {
        height: 60px;
    }

    .col2_side .newblog_list .blog_ttl {
        font-size: 15px;
    }
}

/********************************
/********************************
/********************************

XXX:location:onsen

********************************/
.up-onsen {
    background: #fff;
}

#contentsWrap.__min {
    font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif;
    position: relative;
    overflow: hidden;
    margin-top: 0;
    font-size: 16px;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    color: #333333;
    background: #fff;
}

/********************************

XXX:onsenMainimg

********************************/
[data-element-id] .onsenMainimg .show\@sp {
    width: 500px;
}

/********************************

XXX:loc_gNavi

********************************/
#loc_gNavi {
    position: static;
    bottom: 0;
    width: 100%;
    background: #F1EAEA;
    z-index: 1000;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    border-bottom: 3px solid #874F4F;
}

#loc_gNavi .ul01 {
    width: 80%;
    padding: 12px 0;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#loc_gNavi .ul01 .li01 {
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

#loc_gNavi .ul01 .li01:last-of-type {
    border-right: none;
}

#loc_gNavi .ul01 .li01 .dl01 {
    width: 100%;
}

#loc_gNavi .ul01 .li01 dt {
    width: 100%;
    margin-bottom: 8px;
}

#loc_gNavi .ul01 .li01 dd {
    padding-top: 2px;
    line-height: 1.2em;
    font-size: 20px;
    font-weight: bold;
}

#loc_gNavi .ul01 .li01 a {
    display: block;
    padding: 0;
    font-weight: bold;
    color: #874F4F;
    font-size: 20px;
    border-right: 1px solid #874F4F;
    margin: 12px 0;
    text-decoration: none;
}

#loc_gNavi .ul01 .li01 img {
    margin: auto;
    width: 35px;
}

#loc_gNavi .navToggle {
    position: relative;
    display: none;
    width: 42px;
    height: 52px;
    margin-top: -52px;
    cursor: pointer;
    z-index: 3;
    background: #874F4F;
    opacity: 0.9;
    text-align: center;
}

#loc_gNavi .navToggle span {
    display: block;
    position: absolute;
    width: 30px;
    border-bottom: solid 3px #eee;
    -webkit-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 6px;
}

#loc_gNavi .navToggle span:nth-child(1) {
    top: 9px;
}

#loc_gNavi .navToggle span:nth-child(2) {
    top: 18px;
}

#loc_gNavi .navToggle span:nth-child(3) {
    top: 27px;
}

#loc_gNavi .navToggle span:nth-child(4) {
    border: none;
    color: #eee;
    font-size: 9px;
    font-weight: bold;
    top: 34px;
}

#loc_gNavi.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
    bottom: auto;
    z-index: 200;
    width: 100%;
}

#loc_gNavi.active {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}

@media (max-width: 1024px) {
    #mainSlide {
        margin-top: 0 !important;
    }

    #loc_gNavi {
        position: fixed;
        bottom: 0 !important;
        top: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }

    /* 最初のspanをマイナス45度に */
    #loc_gNavi .navToggle.active span:nth-child(1) {
        top: 18px;
        left: 6px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    /* 2番目と3番目のspanを45度に */
    #loc_gNavi .navToggle.active span:nth-child(2),
    #loc_gNavi .navToggle.active span:nth-child(3) {
        top: 18px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #loc_gNavi.active {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        top: 115px;
    }

    #loc_gNavi .navToggle {
        display: block;
    }

    #loc_gNavi .ul01 {
        max-width: 768px;
        width: 100%;
        height: 100%;
        overflow-y: scroll;
    }

    #loc_gNavi .ul01 .li01 a {
        padding: 15px 45px;
        border-right: none;
    }

    #loc_gNavi .ul01 .li01 .dl01 dt {
        width: 50px;
        padding-right: 1rem;
    }

    #loc_gNavi .ul01 .li01 .dl01 dd {
        padding-top: 0;
        line-height: 1em;
    }

    #loc_gNavi .ul01 .li01 img {
        width: 100%;
    }
}

/********************************

XXX:contents

********************************/
.ttl-02__wrap {
    margin: 100px 0 20px;
}

.ttl-02__wrap .ttl-02 {
    font-size: 30px;
    color: #874F4F;
    text-align: center;
    font-weight: bold;
}

.ttl-02__wrap .i {
    width: 40px;
    margin: 0 10px;
}

.ribbon_ttl {
    padding-top: 100px;
    margin-bottom: -50px;
}

.ribbon_ttl .ttl-01 {
    position: relative;
    display: inline-block;
    margin-top: -20px;
    padding: 15px 70px 15px 7%;
    background: #534444;
    color: white;
    letter-spacing: 2px;
    font-size: 24px;
    font-weight: bold;
    z-index: 1;
}

.ribbon_ttl .ttl-01:after {
    position: absolute;
    display: block;
    content: "";
    width: 0;
    height: 0;
    top: 0;
    left: 100%;
    border-right: 20px solid transparent;
    border-top: 74px solid #534444;
    z-index: 1;
}

.ttl-03 {
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
    color: #874F4F;
    font-size: 26px;
    line-height: 2;
    letter-spacing: 2px;
}

.ttl-03 .s {
    display: block;
    font-size: 18px;
    color: #888888;
}

@media (max-width: 1024px) {
    .ttl-02__wrap {
        margin: 30px 0 60px;
    }

    .ttl-02__wrap .ttl-02 {
        font-size: 18px;
    }

    .ttl-02__wrap .i {
        width: 24px;
    }

    .ribbon_ttl .ttl-01 + .ribbon_right {
        border-top: 47px solid;
    }

    .ribbon_ttl .ttl-01 {
        padding: 15px 20px;
    }

    .ribbon_ttl.__pt0-tb {
        padding-top: 0;
    }

    .ribbon_ttl + .onsen_block {
        padding-top: 70px;
    }

    .ttl-03 {
        font-size: 18px;
        line-height: 1.5;
    }

    .ttl-03 .s {
        font-size: 15px;
    }
}

@media (max-width: 599px) {
    .ttl-02__wrap .ttl-02 {
        font-size: 16px;
    }

    .ttl-03 .s {
        margin-top: 5px;
    }

    .ribbon_ttl {
        padding-top: 75px;
    }

    .ribbon_ttl + .onsen_block {
        padding-top: 50px;
    }

    .ribbon_ttl .ttl-01 {
        margin-bottom: 20px;
        padding: 16px 10px;
        font-size: 13px;
        line-height: 1.2;
        letter-spacing: 1px;
    }

    .ribbon_ttl .ttl-01:after {
        border-top: 47px solid #534444;
    }
}

/********************************

XXX:block

********************************/
.onsen_area {
    position: relative;
}

.onsen_area.pt0 {
    padding-top: 0;
}

.onsen_area.kanto_area {
    margin-bottom: 0;
}

.onsen_block {
    max-width: 1200px;
    width: 95%;
    margin: 0 auto;
    background: #F9F6F6;
    padding: 120px 50px 60px;
    border-bottom: 1px dotted #C99696;
}

.onsen_block + .onsen_block {
    padding-top: 60px;
}

.onsen_block:last-of-type {
    padding-bottom: 50px;
    border-bottom: none;
}

.onsen_block > p {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 40px;
}

.onsen_list .capacity {
    margin: 18px 0 14px;
    text-align: right;
}

.onsen_list .hotel_text {
    line-height: 1.5;
}

.onsen_list .facility_list {
    margin-top: 15px;
}

.onsen_list .facility_list p span {
    font-size: 12px;
}

.onsen_list .facility_list .y {
    color: #874F4F;
}

.onsen_list .facility_list .n {
    color: #888;
}

.onsen_list .facility_list .y:before,
.onsen_list .facility_list .n:before {
    content: "";
    display: inline-block;
    background-size: contain;
    vertical-align: middle;
    margin-right: 4px;
}

.onsen_list .facility_list .y:first-of-type::before {
    width: 18px;
    height: 16px;
    background-image: url(/import/tenant_1/www.wbf.co.jp/companytrip/location/onsen/css/images/icon/onsen_y.webp);
}

.onsen_list .facility_list .y:nth-of-type(2)::before {
    width: 17px;
    height: 17px;
    background-image: url(/import/tenant_1/www.wbf.co.jp/companytrip/location/onsen/css/images/icon/karaoke_y.webp);
}

.onsen_list .facility_list .y:last-of-type::before {
    width: 17px;
    height: 16px;
    background-image: url(/import/tenant_1/www.wbf.co.jp/companytrip/location/onsen/css/images/icon/bbq_y.webp);
}

.onsen_list .facility_list .n:first-of-type::before {
    width: 18px;
    height: 16px;
    background-image: url(/import/tenant_1/www.wbf.co.jp/companytrip/location/onsen/css/images/icon/onsen_n.webp);
}

.onsen_list .facility_list .n:nth-of-type(2)::before {
    width: 17px;
    height: 17px;
    background-image: url(/import/tenant_1/www.wbf.co.jp/companytrip/location/onsen/css/images/icon/karaoke_n.webp);
}

.onsen_list .facility_list .n:last-of-type::before {
    width: 17px;
    height: 16px;
    background-image: url(/import/tenant_1/www.wbf.co.jp/companytrip/location/onsen/css/images/icon/bbq_n.webp);
}

.onsen_list .uk-margin-top {
    margin-top: 10px !important;
}

.onsen_list .uk-grid {
    margin-left: 0;
}

.onsen_list .uk-grid>* {
    padding-left: 10px;
}

@media (max-width: 599px) {
    .onsen_list .uk-slider {
        min-width: 100% !important;
        margin-left: -10px;
    }
    
    .onsen_list .uk-slider > li {
        width: 33.333% !important;
    }
}

/* XXX:slick-theme */
.slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.thumb-item {
    margin: 0 auto 5px;
    padding: 0;
}

.thumb-item-nav {
    margin: 0 auto;
    cursor: pointer;
}

.thumb-item-nav li {
    margin: 6px 12px 0 0;
}

.thumb-item-nav li:last-of-type {
    margin-right: 0;
}

.model_course {
    display: block;
    margin: 60px auto 0;
    text-align: center;
}

.model_course a {
    display: inline-block;
    text-decoration: none;
    padding: 20px 40px;
    color: white;
    background: #D3A70A;
    font-size: 20px;
    border-radius: 40px;
    letter-spacing: 1px;
}

.model_course a:hover {
    color: white !important;
}

@media (max-width: 1024px) {
    .onsen_block {
        padding: 50px 20px;
    }

    .onsen_list .capacity {
        margin: 10px 0 8px;
    }
}

@media (max-width: 599px) {
    .model_course a {
        font-size: 16px;
        line-height: 1.4;
    }

    .onsen_block > p {
        font-size: 14px;
    }

    .model_course a {
        padding: 10px 40px;
    }

    .model_course {
        margin: 40px auto 0;
    }
}

/* XXXletsgoWrap */
.letsgoWrap {
    margin: 5% 0 0;
    background: #fafafa;
}

.letsgoWrap .__inner {
    max-width: 940px;
    margin: 0 auto;
    padding: 40px 20px;
}

.letsgoWrap .copy {
    margin: 0 auto;
    font-size: 16px;
    line-height: 1.6em;
    letter-spacing: 0.1em;
}

.letsgoWrap .title {
    font-size: 24px;
    color: #874F4F;
    vertical-align: middle;
}

.letsgoWrap .title img {
    width: 30px;
    margin-right: 8px;
    vertical-align: middle;
    display: inline-block;
}

.s_tabWrap {
    width: 46%;
    margin: 0 auto;
}

.s_tabWrap .item01 {
    display: block;
    color: #C89A9A;
    padding: 6px 0;
    text-align: center;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px;
}

.s_tabWrap .item01.active {
    color: #874F4F;
    border-bottom: 2px solid #874F4F;
}

.s_tabWrap .item01.active:hover {
    opacity: 1;
}

.s_tabWrap .item01:hover {
    color: #874F4F;
    border-bottom: 2px solid #874F4F;
    opacity: 0.7;
}

.s_tab_contents {
    display: none;
    overflow: hidden;
    padding: 20px 0 0;
}

.s_tab_contents.active {
    display: block;
}

#contentsWrap .title,
#contentsWrap .titleS {
    letter-spacing: 0.2em;
}

.letsgoWrap .title {
    margin-bottom: 40px;
    padding-top: 40px;
    font-size: 24px;
    font-weight: bold;
}

.letsgoWrap .titleS {
    margin: 0 auto;
    font-weight: bold;
    font-size: 18px;
}

.letsgoWrap .caption {
    color: rgba(255, 255, 255, 0.8);
}

.s_tab_contents .cont_ul:first-of-type {
    margin-bottom: 30px;
}

@media (max-width: 599px) {
    .letsgoWrap .title {
        margin-bottom: 5%;
        padding-top: 8vw;
        font-size: 15px;
        letter-spacing: 0;
    }

    .letsgoWrap .titleS {
        margin-top: 4vw;
        margin-bottom: 4vw;
    }

    .letsgoWrap .copy {
        font-size: 14px;
    }
}

/* XXX:qaWrap */
#qaWrap.__up {
    background: #fafafa;
}

#qaWrap.__up .midashi {
    background-image: url(/import/tenant_1/www.wbf.co.jp/companytrip/location/images/midashi_wappen.png), url(/import/tenant_1/www.wbf.co.jp/companytrip/location/images/line_bottom.png);
    background-position: center 0px, center bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: 26%, 50%;
    margin-bottom: 120px;
    padding-top: 60px;
    padding-bottom: 48px;
    font-size: 40px;
    font-weight: bold;
}

#qaWrap.__up .midashi .ttl01 {
    letter-spacing: 4px;
}

#qaWrap.__up .midashi .titleS {
    font-size: 18px;
}

@media (max-width: 599px) {
    #qaWrap.__up .midashi {
        font-size: 21px;
    }
    
    #qaWrap.__up .midashi .titleS {
        font-size: 15px;
    }
}

/* XXX:#entry */
.entry {
    padding: 100px 0 30px;
}

.entry .__inner {
    max-width: 1200px;
    padding: 0 20px;
    margin: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.entry .ttl01 {
    font-size: 24px;
    text-align: center;
    margin-bottom: 60px;
    padding-top: 60px;
    font-weight: bold;
}

.entry .entry_wrap {
    line-height: 1.6;
}

.entry .entry_wrap .box {
    width: calc(100% / 3 - 35px);
    background: #f7f6f5;
    padding: 35px 20px 10px;
    margin: 0 0 50px 0;
    border-radius: 5px;
    position: relative;
}

.entry .entry_wrap .box:before {
    font-family: "Font Awesome 5 Free";
    content: "\f138";
    color: #874F4F;
    font-size: 24px;
    font-weight: bold;
    display: block;
    position: absolute;
    top: 50%;
    left: -28px;
}

.entry .entry_wrap .box:first-child {
    width: calc(100% / 3);
}

.entry .entry_wrap .box:first-child:before {
    content: none;
}

.entry .entry_wrap .box:nth-child(4) {
    margin-left: 35px;
}

.entry .entry_wrap .box .title-head {
    display: block;
    background: #874F4F;
    color: #FFF;
    line-height: 24px;
    padding: 2px 10px 0 10px;
    position: absolute;
    top: -5px;
    left: 15px;
}

.entry .entry_wrap .box .ttl02 {
    margin: 0 0 10px 0;
    color: #874F4F;
    font-size: 18px;
    font-weight: bold;
}

.entry .entry_wrap .box .tel-no {
    font-size: 22px;
    margin: 10px 0 10px 20px;
}

.entry .entry_wrap .box .tel-no a {
    color: #555;
    font-weight: bold;
}

.entry .entry_wrap .box .tel-no a:hover {
    opacity: 0.8;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.entry .entry_wrap .box .link-mail {
    font-size: 18px;
    margin: 0 0 10px 20px;
}

.entry .entry_wrap .box .link-mail a {
    color: #555;
    font-weight: bold;
}

.entry .entry_wrap .box .link-mail a:hover {
    opacity: 0.8;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.entry .entry_wrap .box i {
    color: #874F4F;
    font-size: 22px;
}

@media (max-width: 1024px) {
    .entry .ttl01 {
        font-size: 21px;
        margin-bottom: 30px;
        padding-top: 30px;
    }

    .entry .entry_wrap .box {
        width: 100% !important;
    }

    .entry .entry_wrap .box:before {
        content: "\f13a";
        top: -48px;
        left: calc(50% - 12px);
    }

    .entry .entry_wrap .box:nth-child(4) {
        margin-left: 0;
    }
}

@media (max-width: 599px) {
    .entry .__inner {
        padding: 0;
    }
}

/* ============================
	XXX:.formSection
 ============================ */
/* reset */
.formSection input[type=text] {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    text-align: left;
    border: none;
    background-color: #eff0f0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 15px;
    color: #000;
    padding: 15px;
}

.formSection textarea {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    font-size: 13px;
    color: #000;
    text-align: left;
    padding: 15px;
    border: none;
    background-color: #eff0f0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 150px;
}

.formSection {
    background-color: #f6f8fa;
    padding: 0;
}

.formSection .container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 80px 0px;
    width: 1000px;
    margin: auto;
}

.formSection .wrap {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    padding: 55px 20px 70px 20px;
}

.formSection .formSectionTtl {
    font-size: 28px;
    padding-bottom: 40px;
    margin-bottom: 60px;
    background-image: url(/import/tenant_1/www.wbf.co.jp/companytrip/contact-form/images/_border002.gif);
    font-weight: bold;
    text-align: center;
    line-height: 1em;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.formSection .formSectionTtl02 {
    font-size: 30px;
    color: #fff;
    text-align: center;
    background: #064ba6;
    padding: 5px 0;
    margin-bottom: 60px;
}

.formSection .fomeTable {
    margin-bottom: 80px;
}

.formSection .fomeTable > dl {
    margin-bottom: 30px;
}

.formSection .fomeTable > dl dt {
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 0px;
    position: relative;
    width: 162px;
    text-align: center;
    line-height: 1.2em;
    padding: 0;
}

.formSection .fomeTable > dl dt .title {
    width: 100%;
    display: block;
    padding: 15px 0;
    border-bottom: 1px solid #aaa;
    letter-spacing: 0.1em;
}

.formSection dt .aboutNote {
    display: block;
    text-align: center;
    font-weight: normal;
    margin-left: 0em;
    font-size: 12px;
}

.formSection .fomeTable > dl dt .required {
    display: inline-block;
    color: #fff;
    background-color: #4a7aab;
    text-align: center;
    border-radius: 20px;
    position: absolute;
    right: -70px;
    top: 18px;
    width: 38px;
    height: 16px;
    font-size: 12px;
    line-height: 16px;
}

.formSection .fomeTable > dl dt .unrequired {
    position: absolute;
    display: inline-block;
    right: -70px;
    top: 18px;
    width: 38px;
    height: 16px;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    background-color: #b5b5b6;
    text-align: center;
    border-radius: 20px;
}

.formSection .fomeTable > dl dd {
    font-size: 15px;
    line-height: 1em;
    width: 710px;
    position: relative;
}

.formSection .fomeTable .pause {
    margin-top: 60px;
}

.formSection .fomeTable .pause p {
    margin: 0 auto;
}

/* submitBtn */
.formSection .submitBtn {
    margin-bottom: 70px;
    text-align: center;
}

.formSection .submitBtn > * {
    max-width: 100%;
    width: 380px;
    font-size: 18px;
    line-height: 56px;
    background-image: url(/import/tenant_1/www.wbf.co.jp/companytrip/contact-form/images/bg_submit001.png);
    background-position: right 15px center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-weight: 600;
    color: #fff;
    text-align: center;
    padding: 0;
    border: none;
    background-color: #ea5514;
    border-radius: 5px;
    background-repeat: no-repeat;
    display: block;
    margin: 0 auto;
}

/* components */
.formSection .departureList .item01 {
    margin-bottom: 0px;
    width: 220px;
    margin-right: 25px;
    position: relative;
}

.formSection .departureList .item01:last-child {
    margin-right: 0;
}

.formSection .departureList .item01 .note {
    position: absolute;
    font-size: 12px;
    line-height: 1em;
    top: -16px;
    margin-bottom: 0px;
    width: 110%;
}

.formSection .memberList dl {
    width: 220px;
    margin-bottom: 0px;
    margin-right: 0px;
}

.formSection .fomeTable > dl .memberList dt {
    width: 50px;
    padding-top: 16px;
}

.formSection .fomeTable > dl .memberList dd {
    width: 166px;
}

.formSection .memberList .member {
    width: 120px;
    margin: 0 5px;
    text-align: right;
}

.formSection .price {
    width: 275px;
    margin: 0 5px;
}

.formSection .destinationList {
    /* margin-bottom: 10px; */
    width: 335px;
}

.formSection .fomeTable > dl .destinationList dt {
    width: 60px;
    /* padding-top: 12px; */
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.formSection .fomeTable > dl .destinationList dd {
    width: 260px;
}

.formSection .fomeTable > dl .destinationList.oversea dt {
    padding-left: 30px;
}

/* .formSection input[type="radio"] {
    border: none;
    border-radius: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 10px;
    background: url(/import/tenant_1/www.wbf.co.jp/companytrip/contact-form/images/box001.png) no-repeat left center;
    cursor: pointer;
    margin-right: 0em;
    position: relative;
    top: 4px;
}

.formSection input[type="radio"]:checked {
    background: url(/import/tenant_1/www.wbf.co.jp/companytrip/contact-form/images/box002.png) no-repeat left center;
    cursor: pointer;
}
 */
 
.formSection input[type="radio"] {
    display: none;
}

.formSection .form_check label {
    font-size: 15px;  
    padding-left: 20px;
    margin-right: 50px;
    line-height: 32px;
    position: relative;
    z-index: 0;
}

.formSection .form_check label:before {
    content: "";
    width: 30px;
    height: 30px;
    border: none;
    border-radius: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 10px;
    background: url(/import/tenant_1/www.wbf.co.jp/companytrip/contact-form/images/box001.png) no-repeat left center;
    cursor: pointer;
    margin-right: 0em;
    position: relative;
    top: 4px;
    position: absolute;
    top: 0;
    left: 0;
}

.formSection .form_check input:checked+label:before {
    background: url(/import/tenant_1/www.wbf.co.jp/companytrip/contact-form/images/box002.png) no-repeat left center;
    cursor: pointer;
}

.formSection select {
    -moz-appearance: none;
    -webkit-box-sizing: content-box;
    -webkit-appearance: none;
    appearance: none;
    font-size: 15px;
    color: #000;
    text-align: center;
    padding: 10px 40px 10px 10px;
    border: none;
    background-color: #eff0f0;
    border-radius: 0;
    background-image: url(/import/tenant_1/www.wbf.co.jp/companytrip/contact-form/images/mark_down001.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.formSection select::-ms-expand {
    display: none;
}

.formSection .departureSelect {
    width: 100%;
}

.formSection .destinationSelect {
    width: 260px;
}

.formSection .datepickerForm {
    width: 335px;
    background-image: url(/import/tenant_1/www.wbf.co.jp/companytrip/contact-form/images/ico_calendar.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
}

.formSection .dateList {
    padding-top: 40px;
    margin-bottom: 10px;
}

.formSection .destinationDateList .note {
    position: absolute;
    top: 50px;
    left: 365px;
    font-size: 12px;
    line-height: 1.5em;
}

.formSection .fomeTable > dl .dateList dt {
    width: 110px;
}

.formSection .fomeTable > dl .dateList dd {
    width: calc(100% - 110px);
}

.formSection .dateForm {
    width: 225px;
    text-align: center;
    margin-right: 5px;
}

.formSection .scheduleList li {
    width: 7em;
    font-size: 15px;
    line-height: 2em;
    margin-bottom: 5px;
    margin-top: 10px;
}

.formSection .detailScheduleList {
    margin-top: 10px;
}

.formSection .detailScheduleList li {
    font-size: 15px;
    padding: 0;
    margin-right: 80px;
}

.place_folder_plantxt {
    display: none;
}

[data-element-id] .place_folder_plantxt {
    display: block;
    border: solid 4px green;
    position: relative;
}

[data-element-id] .place_folder_plantxt:after {
    display: block;
    content: "こちらに設定したテキストがフォームの「見積もりプラン」のデフォルトに自動的に入ります。";
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    background: green;
    padding: 5px;
    text-align: center;
}

@media (max-width: 1024px) {
    .formSection {
        padding: 40px 20px;
    }

    .formSection input[type=text] {
        font-size: 13px;
    }

    .formSection .nameForm {
        width: 100%;
    }

    .formSection .container {
        padding: 0;
        width: 100%;
    }

    .formSection .formSectionTtl {
        font-size: 18px;
        padding-bottom: 30px;
        margin-bottom: 45px;
        background-image: url(/import/tenant_1/www.wbf.co.jp/companytrip/contact-form/images/_border001.gif);
    }
    
    .formSection .formSectionTtl02 {
        font-size: 18px;
    }

    .formSection .fomeTable {
        margin-bottom: 50px;
    }

    .formSection .textareaForm {
        height: 110px;
    }

    .formSection .wrap {
        padding: 40px 15px;
    }

    .formSection .fomeTable > dl {
        margin-bottom: 35px;
    }

    .formSection .fomeTable > dl dt {
        margin-bottom: 10px;
        line-height: 1em;
        width: 100%;
        text-align: left;
    }

    .formSection .fomeTable > dl dt .title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 18px;
        border-bottom: none;
        padding: 0;
    }

    .formSection dt .aboutNote {
        margin-left: 1em;
    }

    .formSection .fomeTable > dl dt .required {
        position: relative;
        margin-left: auto;
        right: 0;
        top: 0;
        width: 34px;
        height: 15px;
        font-size: 11px;
        line-height: 15px;
    }

    .formSection .fomeTable > dl dt .unrequired {
        right: 0;
        top: 0;
        width: 34px;
        height: 15px;
        font-size: 11px;
        line-height: 15px;
    }

    .formSection .fomeTable > dl dd {
        font-size: 13px;
        line-height: 1em;
        width: 100%;
        margin-top: 0;
    }

    .formSection .fomeTable .pause {
        margin-top: 80px;
    }

    .formSection .destinationList {
        width: 100%;
        margin-bottom: 10px;
    }

    .formSection .fomeTable > dl .destinationList dt {
        width: 45px;
    }

    .formSection .fomeTable > dl .destinationList dd {
        width: calc(100% - 45px);
    }

    .formSection .fomeTable > dl .destinationList.oversea dt {
        padding-left: 0;
    }

    .formSection .departureList .item01 .note {
        width: 100%;
    }

    /* submitBtn */
    .formSection .submitBtn {
        margin-bottom: 50px;
    }

    .formSection .submitBtn input {
        font-size: 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 260px;
        line-height: 38px;
        background-image: url(/import/tenant_1/www.wbf.co.jp/companytrip/contact-form/images/bg_submit002.png);
        background-position: right 8px center;
    }

    /* components */
    .formSection .departureList .item01 {
        margin-bottom: 12px;
        margin-right: 0;
        width: 100%;
    }

    .formSection .departureList .item01:last-child {
        margin-bottom: 0;
    }

    .formSection .departureList .item01 .note {
        margin-bottom: 6px;
        position: relative;
        top: 0;
    }

    .formSection .fomeTable > dl .memberList dt {
        width: 40px;
        padding-top: 18px;
        font-size: 13px;
    }

    .formSection .price {
        width: calc(100% - 88px);
        margin-right: 5px;
    }

    .formSection select {
        font-size: 14px;
    }

    .formSection .destinationSelect {
        width: 100%;
    }

    .formSection .datepickerForm {
        width: calc(100% - 0px);
    }

    .formSection .dateForm {
        width: calc(100% - 25px);
    }

    .formSection .dateList {
        padding-top: 10px;
        width: 100%;
    }

    .formSection .fomeTable > dl .dateList dt {
        width: 90px;
    }

    .formSection .fomeTable > dl .dateList dd {
        width: calc(100% - 90px);
    }

    .formSection .destinationDateList .note {
        line-height: 1em;
        position: relative;
        top: 0;
        left: 0;
    }

    .formSection .scheduleList li {
        font-size: 13px;
        margin-top: 0;
    }

    .formSection .detailScheduleList {
        margin-top: 0;
    }

    .formSection .detailScheduleList li {
        width: 100%;
        font-size: 13px;
        padding: 5px 0;
    }
}

@media (max-width: 599px) {
/*     #contentsWrap .title {
    font-size: 14px;
} */
    #contentsWrap .title {
        font-size: 1rem;
        margin: 0;
        padding: 2rem 0;
    }    
    .formSection .fomeTable > dl .memberList dd {
        width: calc(100% - 40px);
    }
    
    .formSection .memberList .member {
        width: calc(100% - 25px);
        margin: 0;
    }
    
    .formSection .form_check label {
        margin-right: 40px;
    }
    
    .formSection .memberList dl {
        width: calc(50% - 15px);
        margin-bottom: 10px;
        margin-right: 15px;
    }    
}

/* .otherNotesList */
.otherNotesList {
    border-top: 1px solid #4a82bb;
    border-bottom: 1px solid #4a82bb;
    padding: 35px 55px 30px 55px;
    margin: 0 75px;
}

.otherNotesList h3 {
    font-size: 18px;
    font-weight: bold;
    color: #4a82bb;
    line-height: 1em;
    margin-bottom: 40px;
    text-align: center;
}

.otherNotesList h4 {
    font-size: 16px;
    font-weight: bold;
    color: #4a82bb;
    line-height: 1em;
    margin-bottom: 10px;
}

.otherNotesList .body {
    font-size: 15px;
    line-height: 1em;
    margin-bottom: 20px;
}

.otherNotesList li {
    width: 49%;
}

@media (max-width: 1024px) {
    .otherNotesList {
        padding: 25px 5px 10px 5px;
        margin: 0;
    }

    .otherNotesList h3 {
        font-size: 15px;
        margin-bottom: 25px;
        text-align: left;
    }

    .otherNotesList h4 {
        font-size: 13px;
    }

    .otherNotesList .body {
        font-size: 12px;
    }

    .otherNotesList li {
        width: 100%;
    }
}

/********************************
/********************************
/********************************

XXX:location:hkd

********************************/
.up-hkd #contentsWrap {
    position: relative;
    overflow: hidden;
    font-family: Meiryo, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    color: #333333;
    background: #fff;
}

.bg1 {
    background: #feffe5;
}

.bg2 {
    background: #f5f8fa;
}

@media (max-width: 599px) {
    .up-hkd #contentsWrap {
        margin-top: 57px;
    }
}

/* heading */
.hkd_midashi {
    background-image: url(/upload/tenant_1/companytrip_hkd_midashi_wappen.webp.webp), url(/import/tenant_1/www.wbf.co.jp/companytrip/location/images/line_bottom.webp);
    background-position: center 0px, center bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: 150px, 500px;
    margin-bottom: 48px;
    padding-top: 80px;
    padding-bottom: 48px;
    letter-spacing: 0.1em;
    line-height: 1.2em;
    font-weight: bold;
    font-size: 40px;
    text-align: center;
}

.oka_midashi {
    background-image: url(/import/tenant_1/www.wbf.co.jp/companytrip/location/hokkaido/images/midashi_wappen.webp), url(/import/tenant_1/www.wbf.co.jp/companytrip/location/images/line_bottom.webp);
    background-position: center 0px, center bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: 150px, 500px;
    margin-bottom: 48px;
    padding-top: 80px;
    padding-bottom: 48px;
    letter-spacing: 0.1em;
    line-height: 1.2em;
    font-weight: bold;
    font-size: 40px;
    text-align: center;
}

.ks_midashi {
    background-image: url(/upload/tenant_1/companytrip_ks_midashi_wappen.webp), url(/import/tenant_1/www.wbf.co.jp/companytrip/location/images/line_bottom.webp);
    background-position: center 0px, center bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: 150px, 500px;
    margin-bottom: 48px;
    padding-top: 80px;
    padding-bottom: 48px;
    letter-spacing: 0.1em;
    line-height: 1.2em;
    font-weight: bold;
    font-size: 40px;
    text-align: center;
}

.kyu_midashi {
    background-image: url(/upload/tenant_1/companytrip_kyushu_midashi_wappen.webp), url(/import/tenant_1/www.wbf.co.jp/companytrip/location/images/line_bottom.webp);
    background-position: center 0px, center bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: 150px, 500px;
    margin-bottom: 48px;
    padding-top: 80px;
    padding-bottom: 48px;
    letter-spacing: 0.1em;
    line-height: 1.2em;
    font-weight: bold;
    font-size: 40px;
    text-align: center;
}

.tohoku_midashi {
    background-image: url(/upload/tenant_1/companytrip_tohoku_midashi_wappen.webp), url(/import/tenant_1/www.wbf.co.jp/companytrip/location/images/line_bottom.webp);
    background-position: center 0px, center bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: 150px, 500px;
    margin-bottom: 48px;
    padding-top: 80px;
    padding-bottom: 48px;
    letter-spacing: 0.1em;
    line-height: 1.2em;
    font-weight: bold;
    font-size: 40px;
    text-align: center;
}

.kanto_midashi {
    background-image: url(/upload/tenant_1/companytrip_kanto_midashi_wappen.webp), url(/import/tenant_1/www.wbf.co.jp/companytrip/location/images/line_bottom.webp);
    background-position: center 0px, center bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: 150px, 500px;
    margin-bottom: 48px;
    padding-top: 80px;
    padding-bottom: 48px;
    letter-spacing: 0.1em;
    line-height: 1.2em;
    font-weight: bold;
    font-size: 40px;
    text-align: center;
}

.vet_midashi {
    background-image: url(/upload/tenant_1/vet_midashi_wappen.webp), url(/import/tenant_1/www.wbf.co.jp/companytrip/location/images/line_bottom.webp);
    background-position: center 0px, center bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: 150px, 500px;
    margin-bottom: 48px;
    padding-top: 80px;
    padding-bottom: 48px;
    letter-spacing: 0.1em;
    line-height: 1.2em;
    font-weight: bold;
    font-size: 40px;
    text-align: center;
}

.hkd_titleS {
    letter-spacing: .2em;
    font-size: 20px;
    line-height: 1.2em;
    font-weight: bold;
}

.hkd_midashi02 {
    margin-bottom: 80px;
    padding-top: 60px;
    padding-bottom: 48px;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.1em;
    line-height: 1.2em;
    background-image: url(/import/tenant_1/www.wbf.co.jp/companytrip/location/images/line_bottom.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 500px;
}

@media (max-width: 1024px) {
    .hkd_midashi02 {
        margin-bottom: 12vw;
        padding-top: 8vw;
        padding-bottom: 8vw;
        background-size: 50%;
    }
}

@media (max-width: 599px) {
    .hkd_midashi {
        /* font-size: 22px; */
        font-size:1.2rem;
        margin-bottom: 45px;
        background-size: 130px, 150px;
        padding-top: 60px;
        padding-bottom: 48px;
    }

    .hkd_midashi02 {
        font-size: 5.6vw;
    }

    .hkd_titleS {
        font-size: 4vw;
    }
}

/* mainWrap */
.hkd01 {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
}

.hkd01 .circle_ttl {
    position: absolute;
    top: 120px;
    right: 90px;
    width: 383px;
    z-index: 10;
}

.hkd01 .circle_ttl .txt {
    position: relative;
    text-align: center;
}

.hkd01 .circle_ttl .lead {
    font-size: 26px;
    margin-bottom: 10px;
    padding-top: 205px;
    color: #fff;
    font-weight: bold;
    text-shadow: 2px 2px 4px #5bdd71;
    line-height: 1;
}

.hkd01 .circle_ttl .p {
    font-size: 16px;
    line-height: 1.4em;
}

.hkd01 .circle_ttl .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

[data-element-id] .hkd01 .show\@sp {
    width: 500px;
}

@media (max-width: 599px) {
    .hkd01 .circle_ttl {
        top: 380px;
        right: 10px;
        width: 225px;
    }

    .hkd01 .circle_ttl .txt .lead {
        font-size: 16px;
        margin-bottom: 10px;
        padding-top: 120px;
    }

    .hkd01 .circle_ttl .txt .p {
        font-size: 12px;
        line-height: 1.2em;
    }
}

/* mainSlide */
.mainSlide {
    position: relative;
}

.mainSlide .pic {
    height: 600px;
}

.mainSlide .uk-slidenav-position {
    height: 100%;
    overflow: hidden;
    position: relative;
    z-index: 0;
}

.mainSlide .uk-slideshow {
    width: 100%;
    height: 100% !important;
    position: absolute;
    top: 0;
}

.mainSlide .uk-slideshow li {
    height: 100% !important;
}

.mainSlide .uk-slideshow .uk-flex {
    height: 100%;
}

.mainSlide .uk-slideshow img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    /*IE対策*/
    font-family: "object-fit: cover; object-position: 50% 50%;";
}

.mainSlide .uk-slidenav {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.mainSlide .uk-slidenav-previous {
    left: 3%;
}

.mainSlide .uk-slidenav-previous:before {
    display: block;
    content: "";
    background: url(/import/tenant_1/www.wbf.co.jp/companytrip/location/hkd/images/arrow_prev.png) no-repeat;
    background-size: contain;
    width: 20px;
    height: 35px;
    z-index: 1;
}

.mainSlide .uk-slidenav-next {
    right: 3%;
}

.mainSlide .uk-slidenav-next:before {
    display: block;
    content: "";
    background: url(/import/tenant_1/www.wbf.co.jp/companytrip/location/hkd/images/arrow_next.png) no-repeat;
    background-size: contain;
    width: 20px;
    height: 35px;
    z-index: 1;
}

@media (max-width: 599px) {
    .mainSlide .pic {
        height: 625px;
    }
}

#gNavi .ul01.__hkd .li01:nth-of-type(1) img {
    width: 35px;
}

#gNavi .ul01.__hkd .li01:nth-of-type(2) img {
    width: 34px;
}

#gNavi .ul01.__hkd .li01:nth-of-type(3) img {
    width: 44px;
}

#gNavi .ul01.__hkd .li01:nth-of-type(4) img {
    width: 34px;
}

#gNavi .ul01.__hkd .li01:nth-of-type(5) img {
    width: 23px;
}

#gNavi .ul01.__hkd .li01:nth-of-type(6) img {
    width: 30px;
}

#gNavi .ul01.__hkd .li01:nth-of-type(7) img {
    width: 32px;
}

#gNavi .ul01.__hkd .li01:nth-of-type(8) img {
    width: 32px;
}

#gNavi .ul01.__hkd .li01:nth-of-type(9) img {
    width: 34px;
}

@media (max-width: 1024px) {
    #gNavi .ul01.__hkd .li01:nth-of-type(1) img {
        width: 7vw;
    }

    #gNavi .ul01.__hkd .li01:nth-of-type(2) img {
        width: 7vw;
    }

    #gNavi .ul01.__hkd .li01:nth-of-type(3) img {
        width: 7.2vw;
    }

    #gNavi .ul01.__hkd .li01:nth-of-type(4) img {
        width: 7vw;
    }

    #gNavi .ul01.__hkd .li01:nth-of-type(5) img {
        width: 6.5vw;
    }

    #gNavi .ul01.__hkd .li01:nth-of-type(6) img {
        width: 7vw;
    }

    #gNavi .ul01.__hkd .li01:nth-of-type(7) img {
        width: 7vw;
    }

    #gNavi .ul01.__hkd .li01:nth-of-type(8) img {
        width: 6.5vw;
    }

    #gNavi .ul01.__hkd .li01:nth-of-type(9) img {
        width: 7vw;
    }
}

/* XXX:links */
.hkd02 {
    padding: 56px 0 68px;
}

.hkd02 .copy {
    line-height: 1.6em;
    letter-spacing: 0.1em;
    font-size: 16px;
    text-align: center;
}

.hkd02 .links_ul {
    margin-top: 52px;
}

.hkd02 .links_ul .item01 .ttl-li {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    width: 100%;
    height: 100%;
    font-size: 18px;
    letter-spacing: 0.1em;
    line-height: 1.2em;
    margin: auto;
    font-weight: bold;
    color: white;
    z-index: 2;
}

.hkd02 .links_ul .list-inn {
    position: relative;
    border-radius: 50%;
    overflow: hidden;
}

@media (max-width: 599px) {
    .hkd02 {
        margin-top: 30px;
        padding: 5% 0;
    }

    .hkd02 .copy {
        font-size: 14px;
    }

    .hkd02 .links_ul .item01 .ttl-li {
        font-size: 12px;
    }
}

/* XXX:rankingWrap */
.hkd03 {
    padding: 5% 0;
}

.rankWrap {
    margin-bottom: 60px;
}

.rankWrap .rankNo {
    position: relative;
}

.rankWrap .rankNo .rankWappen {
    position: absolute;
    top: -30px;
    left: -20px;
    width: 100px;
    z-index: 10;
}

.rankWrap .txt_side {
    padding-left: 32px;
}

.rankWrap .area_ul {
    margin-bottom: 16px;
    width: 100%;
}

.rankWrap .area_ul.blue {
    color: #3582c0;
}

.rankWrap .area_ul li {
    margin-right: 8px;
    margin-bottom: 8px;
    padding: 4px 20px;
    font-size: 14px;
    border: 2px solid #3582c0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.rankWrap .area_ul li.area {
    background: #3582c0;
    color: white;
}

.rankWrap .ttl-rank {
    margin-bottom: 24px;
    letter-spacing: 0.1em;
    font-weight: bold;
    font-size: 20px;
    text-align: left;
    line-height: 1.2em;
}

.rankWrap .copy {
    margin-bottom: 24px;
    font-size: 16px;
}

.rankWrap .linkBnr {
    width: 280px;
    margin: 0px;
}

.rankWrap .linkBnr a {
    padding: 12px;
    font-size: 18px;
    display: block;
    width: 100%;
    color: white;
    font-weight: bold;
    line-height: 1.2em;
    text-align: center;
    background: url(/import/tenant_1/www.wbf.co.jp/companytrip/location/images/icon_next.png) 94% 50% #f38516 no-repeat;
    border: 2px solid #f38516;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    text-decoration: none;
}

.rankWrap .linkBnr a:hover {
    background: url(/import/tenant_1/www.wbf.co.jp/companytrip/location/images/icon_next.png) 98% 50% #f8b551 no-repeat;
    border: 2px solid #f8b551;
    opacity: 0.8;
}

@media (max-width: 1024px) {
    .rankWrap .rankNo .rankWappen {
        top: -40px;
        left: -10px;
        width: 120px;
    }

    .rankWrap .txt_side {
        padding-left: 0;
    }

    .rankWrap .area_ul {
        margin-bottom: 30px;
    }

    .rankWrap .area_ul li {
        font-size: 16px;
    }

    .rankWrap .copy {
        margin-bottom: 20px;
    }

    .rankWrap .linkBnr {
        width: 80%;
        margin: auto;
    }

    #contentsWrap .linkBnr a {
        padding: 14px 24px;
        font-size: 18px;
    }
}

@media (max-width: 599px) {
    .rankWrap .area_ul li {
        font-size: 12px;
    }

    .rankWrap .ttl-rank {
        font-size: 16px;
    }

    .rankWrap .copy {
        font-size: 14px;
    }
}

/* XXX:knowledgeWrap */
.knowledgewrap .knowledgeprice {
    padding-top: 80px;
    padding-bottom: 60px;
}

.knowledgewrap .title {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

.knowledgewrap .pricetable {
    display: table;
    width: 940px;
    margin: 40px auto 0;
    margin-bottom: 40px;
}

.knowledgewrap .pricetable table {
    width: 100%;
}

.knowledgewrap .pricetable tr {
    border: 1px solid #b5b5b5;
}

.knowledgewrap .pricetable tr:first-of-type {
    border-top: 1px solid #b5b5b5;
}

.knowledgewrap .pricetable th,
.knowledgewrap .pricetable td {
    display: table-cell;
    font-size: 16px;
    padding: 12px 40px;
    vertical-align: middle;
    text-align: center;
    border-right: 1px solid #b5b5b5;
}

.knowledgewrap .pricetable th:last-of-type,
.knowledgewrap .pricetable td:last-of-type {
    border-right: none;
}

.knowledgewrap .pricetable th {
    color: #999999;
}

.knowledgewrap .pricetable td .en {
    font-size: 24px;
    font-family: 'Oswald', cursive, "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
    line-height: 1em;
    font-weight: bold;
    color: #cc2424;
}

.knowledgewrap .pricetable .hkd_titleS {
    text-align: left;
    font-weight: bold;
    font-size: 20px;
}

.knowledgewrap .whetherwrap {
    padding: 120px 0;
    background: url(/import/tenant_1/www.wbf.co.jp/companytrip/location/images/whether_bg.jpg) center top no-repeat fixed;
    background-size: cover;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.knowledgewrap .whetherwrap .table01 {
    width: 100%;
    margin: 40px auto 50px;
    padding: 0;
    border-collapse: separate;
    border-spacing: 2px;
}

.knowledgewrap .whetherwrap .table01 th,
.knowledgewrap .whetherwrap .table01 td {
    padding: 8px 4px;
    vertical-align: middle;
    text-align: center;
}

.knowledgewrap .whetherwrap .table01 th {
    background: #5d9bcd;
    color: #FFF;
    font-weight: normal;
}

.knowledgewrap .whetherwrap .table01 th.bg_none {
    background: none;
}

.knowledgewrap .whetherwrap .table01 td {
    background: rgba(255, 255, 255, 0.8);
}

.knowledgewrap .whetherwrap .table01 .area {
    background: #ff8602;
    color: #FFF;
}

.knowledgewrap .whetherwrap .table01 .area02 {
    background: #5d9bcd;
    color: #FFF;
}

.knowledgewrap .whetherwrap .table01 .area03 {
    background: rgba(234,85,20,0.88);
    color: #FFF;
}

.knowledgewrap .whetherwrap .table01 .area04 {
    background: rgba(144,82,114,0.86);
    color: #FFF;
}

.knowledgewrap .whetherwrap .table01 .high_temp {
    color: #ff8602;
}

.knowledgewrap .whetherwrap .table01 .low_temp {
    color: #5d9bcd;
}

.knowledgewrap .osusumeWrap {
    margin-top: 28px;
    border-bottom: 1px solid #a0a0a0;
    padding-bottom: 30px;
}

.knowledgewrap .osusumeWrap:last-of-type {
    border: none;
}

.knowledgewrap .osusumeWrap .flexWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 16px;
}

.knowledgewrap .osusumeWrap .item01 {
    padding: 24px 0;
}

.knowledgewrap .osusumeWrap .item01:not(:last-of-type) {
    border-bottom: 1px solid #a0a0a0;
}

.knowledgewrap .osusumeWrap .__top {
    margin-bottom: 16px;
}

.knowledgewrap .osusumeWrap .p {
    line-height: 1em;
}

.knowledgewrap .osusumeWrap .hkd_titleS,
.knowledgewrap .osusumeWrap .titleS {
    font-size: 20px;
    margin-bottom: 0;
    padding: 0;
}

.knowledgewrap .osusumeWrap .osusume {
    font-size: 14px;
    margin: 0 12px;
    padding: 4px 12px;
    background: #e773c2;
    color: #fff;
    border-radius: 10em;
    line-height: 1em;
}

.knowledgewrap .osusumeWrap .star {
    font-size: 20px;
    padding: 0;
    color: #f39800;
    letter-spacing: 0.2em;
}

.knowledgewrap .osusumeWrap .copy {
    text-align: left;
    line-height: 1.6em;
}

@media (max-width: 1024px) {
    .knowledgewrap .tableScroll {
        overflow-x: scroll;
    }

    .knowledgewrap .pricetable {
        width: auto;
        margin: 30px auto;
    }

    .knowledgewrap .pricetable th {
        padding: 12px 40px;
        font-size: 15px;
    }

    .knowledgewrap .pricetable td {
        padding: 12px 25px;
        font-size: 15px;
        font-weight: 600;
    }

    .knowledgewrap .pricetable td .en {
        font-size: 46px;
    }

    .knowledgewrap #whetherWrap {
        padding-bottom: 40px;
    }

    .knowledgewrap .whetherwrap .table01 {
        width: 240%;
    }

    .knowledgewrap .osusumeWrap .__top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
    }

    .knowledgewrap .osusumeWrap .__top .p {
        width: 100%;
        text-align: center;
    }

    .knowledgewrap .osusumeWrap .hkd_titleS {
        font-size: 38px;
        margin-bottom: 15px;
    }

    .knowledgewrap .osusumeWrap .osusume {
        font-size: 16px;
    }
}

@media (max-width: 599px) {
    .knowledgewrap {
        padding: 20px 0;
    }

    .knowledgewrap .title {
        font-size: 18px !important;
    }
    
    .knowledgewrap .pricetable {
        width: 100%;
    }
    
    .knowledgewrap .pricetable > * {
        width: 100%;
        padding: 0 20px;      
        overflow-x: scroll;
    }

    .knowledgewrap #priceTable {
        width: 180%;
        margin: 15px auto;
    }

    .knowledgewrap #priceTable th {
        font-size: 14px;
    }

    .knowledgewrap #priceTable td {
        padding: 7.5px 15px;
    }

    .knowledgewrap #priceTable td .en {
        font-size: 22px;
    }

    .knowledgewrap #priceTable .hkd_titleS {
        font-size: 16px;
    }

    .knowledgewrap #whetherWrap .table01 {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .knowledgewrap .osusumeWrap .flexWrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }

    .knowledgewrap .osusumeWrap .hkd_titleS {
        font-size: 18px;
        margin-bottom: 7.5px;
    }
    
    .knowledgewrap .osusumeWrap .titleS {
        font-size: 18px;
    }

    .knowledgewrap .osusumeWrap .osusume {
        font-size: 14px;
    }

    .knowledgewrap .osusumeWrap .star {
        font-size: 22px;
    }

    .knowledgewrap .osusumeWrap .copy {
        font-size: 14px;
    }
}

/* XXX:themeWrap */
.hkd05 {
    padding-top: 80px;
}

.hkd05 .theme_li .hkd_titleS {
    font-weight: bold;
    margin-top: 24px;
    letter-spacing: 0.1em;
    margin-bottom: 32px;
    font-size: 20px;
    line-height: 1.2em;
}

.hkd05 .theme_li .copy {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.6em;
    letter-spacing: 0.1em;
}

#themeWrap .linkBnr {
    width: 280px;
    margin: 0px;
}

#themeWrap .linkBnr a {
    padding: 12px;
    font-size: 18px;
    display: block;
    width: 100%;
    color: white;
    font-weight: bold;
    line-height: 1.2em;
    text-align: center;
    background: url(/import/tenant_1/www.wbf.co.jp/companytrip/location/images/icon_next.png) 94% 50% #f38516 no-repeat;
    border: 2px solid #f38516;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    text-decoration: none;
}

#themeWrap .linkBnr a:hover {
    background: url(/import/tenant_1/www.wbf.co.jp/companytrip/location/images/icon_next.png) 98% 50% #f8b551 no-repeat;
    border: 2px solid #f8b551;
    opacity: 0.8;
}

#themeWrap small {
  font-size: .8rem;
}

@media (max-width: 1024px) {
    .hkd05 {
        padding: 40px 20px 75px;
    }

    .hkd05 .theme_li .hkd_titleS {
        margin: 30px 0 45px;
    }

    .hkd05 .theme_li .copy {
        margin-bottom: 0;
    }
    
    #themeWrap .linkBnr {
        width: 100%;
        margin: 1rem auto 0;
    }

    #themeWrap .linkBnr a {
        padding: 14px 24px;
        /* font-size: 18px; */
        font-size:.9rem;
    }

}

@media (max-width: 599px) {
    .hkd05 {
        padding-bottom: 50px;
    }

    .hkd05 .theme_li .hkd_titleS {
        /* font-size: 20px; */
        font-size:1rem;
        margin: 1rem 0;
        /* margin: 20px 0 35px; */
    }

    .hkd05 .theme_li .copy {
        /* font-size: 16px; */
        font-size:.9rem;
    }
}

/* XXX:letsgoWrap */
.hkd06 {
    padding: 60px 0;
}

.areaNaviSection {
    margin: 0 auto;
}

.areaNaviSection .img_ttl {
    height: auto;
    padding: 0;
    line-height: 0;
    color: #333;
    width: 260px;
    position: absolute;
    top: 20px;
    right: 0px;
}

.areaNaviSection .topsSubSection {
    position: relative;
    width: 992px;
    padding-bottom: 20px;
    margin: auto;
}

[data-element-id] .areaNaviSection .topsSubSection .show\@sp {
    width: 500px;
}

.areaNaviSection .topsSubSection li {
    position: absolute;
    width: 150px;
    height: auto;
    text-align:center;
}

.areaNaviSection .topsSubSection li.area01 {
    top: 234px;
    right: 687px;
}

.areaNaviSection .topsSubSection li.area02 {
    top: 333px;
    right: 746px;
}

.areaNaviSection .topsSubSection li.area03 {
    top: 435px;
    right: 140px;
}

.areaNaviSection .topsSubSection li.area04 {
    top: 521px;
    right: 360px;
}

.areaNaviSection .topsSubSection li.area05 {
    top: 85px;
    right: 276px;
}

.areaNaviSection .topsSubSection .photo {
    display: none;
}

.areaNaviSection .commonSubSection {
    position: relative;
}

.areaNaviSection .commonSubSection .ttl02 {
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    margin: 50px 0 30px;
    color: #fff;
    height: auto;
    padding: 10px 80px;
}

.areaNaviSection .commonSubSection .accessories {
    position: absolute;
    top: -30px;
    left: -30px;
    z-index: 1;
}

.areaNaviSection .commonSubSection .spotttl_01 {
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 10px;
}

.areaNaviSection .commonSubSection .spotttl_02 {
    font-size: 12px;
    font-weight: bold;
    line-height: 21px;
    background-image: url(/import/tenant_1/www.wbf.co.jp/companytrip/location/hokkaido/images/mark001.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 12px;
}

.areaNaviSection .commonSubSection .box {
    font-size: 12px;
    line-height: 21px;
}

.areaNaviSection .commonSubSection .box .str {
    color: #FF007F;
}

.areaNaviSection .commonSubSection .access {
    font-size: 12px;
    line-height: 21px;
}

.areaNaviSection .commonSubSection .topSpotList {
    border-bottom: 1px solid #c1c0c0;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.areaNaviSection .commonSubSection .topSpotList .photo {
    margin-bottom: 10px;
}

.areaNaviSection .commonSubSection .topSpotList .box,
.areaNaviSection .commonSubSection .topSpotList .access {
    line-height: 19px;
}

.areaNaviSection .commonSubSection .secondSpotList .item01 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.areaNaviSection .commonSubSection .secondSpotList .item01:nth-of-type(n+3) {
    border-top: 1px solid #c1c0c0;
}

.areaNaviSection .commonSubSection.area01SubSection .ttl02 {
    background-color: #3f85c7;
    height: auto;
}

.areaNaviSection .commonSubSection.area01SubSection .topSpotList .spotttl_01,
.areaNaviSection .commonSubSection.area01SubSection .secondSpotList .spotttl_01 {
    color: #3f85c7;
}

.areaNaviSection .commonSubSection.area02SubSection .ttl02 {
    background-color: #ff7000;
    height: auto;
}

.areaNaviSection .commonSubSection.area02SubSection .topSpotList .spotttl_01,
.areaNaviSection .commonSubSection.area02SubSection .secondSpotList .spotttl_01 {
    color: #ff7000;
}

.areaNaviSection .commonSubSection.area03SubSection .ttl02 {
    background-color: #12964a;
    height: auto;
}

.areaNaviSection .commonSubSection.area03SubSection .topSpotList .spotttl_01,
.areaNaviSection .commonSubSection.area03SubSection .secondSpotList .spotttl_01 {
    color: #12964a;
}

.areaNaviSection .commonSubSection.area04SubSection .ttl02 {
    background-color: #de78ff;
    height: auto;
}

.areaNaviSection .commonSubSection.area04SubSection .topSpotList .spotttl_01,
.areaNaviSection .commonSubSection.area04SubSection .secondSpotList .spotttl_01 {
    color: #de78ff;
}

.areaNaviSection .commonSubSection.area05SubSection .ttl02 {
    background-color: #ff1d25;
    height: auto;
}

.areaNaviSection .commonSubSection.area05SubSection .topSpotList .spotttl_01,
.areaNaviSection .commonSubSection.area05SubSection .secondSpotList .spotttl_01 {
    color: #ff1d25;
}

.areaNaviSection .commonSubSection.area06SubSection .ttl02 {
    background-color: #e175a5;
    height: auto;
}

.areaNaviSection .commonSubSection.area06SubSection .topSpotList .spotttl_01,
.areaNaviSection .commonSubSection.area06SubSection .secondSpotList .spotttl_01 {
    color: #e175a5;
}

.areaNaviSection .commonSubSection.area07SubSection .ttl02 {
    background-color: #18a939;
    height: auto;
}

.areaNaviSection .commonSubSection.area07SubSection .topSpotList .spotttl_01,
.areaNaviSection .commonSubSection.area07SubSection .secondSpotList .spotttl_01 {
    color: #18a939;
}

.areaNaviSection .commonSubSection.area08SubSection .ttl02 {
    background-color: #808000;
    height: auto;
}

.areaNaviSection .commonSubSection.area08SubSection .topSpotList .spotttl_01,
.areaNaviSection .commonSubSection.area08SubSection .secondSpotList .spotttl_01 {
    color: #808000;
}

.areaNaviSection .commonSubSection.area03SubSection .ttl03 {
    font-size: 28px;
    font-weight: bold;
    color: #2960B3;
    text-align: center;
    padding: 50px 0 30px;
    height: auto;
}

.areaNaviSection .commonSubSection.area03SubSection .topSpotList .spotttl_01,
.areaNaviSection .commonSubSection.area03SubSection .secondSpotList .spotttl_01 {
    color: #3f85c7;
}

/* 沖縄用 */
.areaNaviSection .okinawa img{
  width: 150px;
  height: 150px;
  border-radius: 50%;
  border: 2px solid #fff;
  box-shadow: 4px 4px 4px rgb(0 0 0 / 20%);
}
/* 石垣島 */
.areaNaviSection .okinawa li.area01 {
  top: -32px;
  right: 710px;
}
/* 那覇 */
.areaNaviSection .okinawa li.area02 {
  top: 550px;
  right: 750px;
}
/* 万座 */
.areaNaviSection .okinawa li.area03 {
  top: 350px;
  right: 220px;
}
/* 斎場御嶽 */
.areaNaviSection .okinawa li.area04 {
  top: 551px;
  right: 250px;
}
/* 古宇利 */
.areaNaviSection .okinawa li.area05 {
  top: -31px;
  right: 200px;
}
/* 備瀬 */
.areaNaviSection .okinawa li.area06 {
  top: -31px;
  right: 375px;
}
.areaNaviSection .okinawa li b{
  padding-left: 14px;
  font-weight: bold;
  text-shadow: 2px 2px 0 #fff;
  box-sizing: border-box;
}

/* 九州用 */
.areaNaviSection .kyushu img{
  width: 150px;
  height: 150px;
  border-radius: 50%;
  border: 2px solid #fff;
  box-shadow: 4px 4px 4px rgb(0 0 0 / 20%);
  margin-top: 100px;
}
/* 有田 */
.areaNaviSection .kyushu li.area01 {
  top: 50px;
  right: 780px;
}
/* 熊本城 */
.areaNaviSection .kyushu li.area02 {
  top: 380px;
  right: 710px;
}
/* 高千穂 */
.areaNaviSection .kyushu li.area03 {
  top: 150px;
  right: 180px;
}
/* 城山 */
.areaNaviSection .kyushu li.area04 {
  top: 350px;
  right: 260px;
}
/* 別府地獄めぐり */
.areaNaviSection .kyushu li.area05 {
  top: -45px;
  right: 140px;
}
/* 太宰府天満宮 */
.areaNaviSection .kyushu li.area06 {
  top: -130px;
  right: 700px;
}
/* 軍艦島 */
.areaNaviSection .kyushu li.area07 {
  top: 215px;
  right: 840px;
}
.areaNaviSection .kyushu li b{
  padding-left: 14px;
  font-weight: bold;
  text-shadow: 2px 2px 0 #fff;
  box-sizing: border-box;
}

/* 東北用 */
.areaNaviSection .tohoku img{
  width: 150px;
  height: 150px;
  border-radius: 50%;
  border: 2px solid #fff;
  box-shadow: 4px 4px 4px rgb(0 0 0 / 20%);
}
/* 角館 */
.areaNaviSection .tohoku li.area01 {
  top: 150px;
  right: 710px;
}
/* 立石寺 */
.areaNaviSection .tohoku li.area02 {
  top: 430px;
  right: 750px;
}
/* 松島 */
.areaNaviSection .tohoku li.area03 {
  top: 480px;
  right: 290px;
}
/* 鶴ヶ城 */
.areaNaviSection .tohoku li.area04 {
  top: 650px;
  right: 780px;
}
/* 中尊寺 */
.areaNaviSection .tohoku li.area05 {
  top: 320px;
  right: 200px;
}
/* 十和田湖 */
.areaNaviSection .tohoku li.area06 {
  top: 50px;
  right: 270px;
}
.areaNaviSection .tohoku li b{
  padding-left: 14px;
  font-weight: bold;
  text-shadow: 2px 2px 0 #fff;
  box-sizing: border-box;
}

/* ベトナム用 */
.areaNaviSection .vet img{
  width: 150px;
}
/* ハノイ */
.areaNaviSection .vet li.area01 {
  top: 30px;
  right: 740px;
}
/* ダナン */
.areaNaviSection .vet li.area02 {
  top: 345px;
  right: 500px;
}
/* ホーチミン */
.areaNaviSection .vet li.area03 {
  top: 800px;
  right: 560px;
}


/* modal */
#ovl{z-index:300;}
.areaNavi_mdl {
  display:none;
  position: fixed;
  background: #fff;
  top: 55%;
  left: 50%;
  width: 460px;
  max-width: 460px;
  padding: 30px;
  z-index:400;
  transform: translate(-50%, -50%);
}
.areaNavi_mdl img{width:100%;}

.areaNavi_cls {
    position: absolute;
    top: -4%;
    right: -4%;
    color: #FFF;
    font-size: 24px;
    padding: 10px;
    line-height: 0.9em;
    background: #333;
    border-radius: 50%;
    border: 1px solid #fff;
}
.areaNavi_txt strong {
  display: block;
  font-size: 150%;
  line-height: 1;
  margin: 1rem 0 0.5rem;
  letter-spacing: .2rem;
}

#letsgoInner .s_tabWrap {
  width: 78%;
  display: flex;
}

#letsgoInner .s_tabWrap li{
  display: block;
  width: calc(100% / 4 - 2rem);
  padding: .5vw 0;
  cursor: pointer;
  text-align: center;
  border: 2px solid #a0a0a0;
  margin: 20px;
}

#letsgoInner .s_tabWrap li.active {
    color: #FFF;
    background: #5d9bcd;
    border: 2px solid #5d9bcd;
}

#letsgoInner .photo {
  position: relative;
}

#letsgoInner img {
  display: block;
  width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    line-height: 100%;
}

#letsgoInner .caption {
  color: #fff;
  bottom: 0;
  right: 5px;
  font-size: 9px;
  opacity: 0.8;
  z-index: 10;

}

#letsgoInner .photo p {
  /* position: absolute; */
}

@media screen and (max-width:768px) {
  #letsgoInner .s_tabWrap {
  width: 100%;
}

  #letsgoInner .s_tabWrap li{
    display: block;
    width: calc(100% / 2);
    margin: 5px auto;
}
}

.mdlCorse .title,.csWrap .title,.atWrap .title{
  font-size: 24px;
  text-align: center;
  margin-bottom: 60px;
  font-weight: bold;
}
.mc__li{
  width:calc(100% / 3 - 1rem);
}
.mc__li h3{
  font-weight: bold;
  text-align: center;
  font-size: 110%;
  line-height: 1.5;
  margin-bottom: 1rem;
}
.mc__Ttl {
    text-align: center;
    font-size: 20px;
    margin: 0 auto 20px auto;
    padding: 5px 0;
    width: 80%;
    background: #f39800;
    color: #FFF;
    font-weight: bold;
    position: relative;
    line-height: 1.4;
}
.mc__Ttl::before {
    content: "";
    display: block;
    border-top: 18px solid #f39800;
    border-bottom: 18px solid #f39800;
    border-left: 14px solid rgba(0, 0, 0, 0);
    border-right: 18px solid #f39800;
    position: absolute;
    top: 8px;
    left: -35px;
}
.mc__Ttl::after {
    content: "";
    display: block;
    border-top: 18px solid #f39800;
    border-bottom: 18px solid #f39800;
    border-right: 14px solid rgba(0, 0, 0, 0);
    border-left: 18px solid #f39800;
    position: absolute;
    top: 8px;
    right: -35px;
}
.mc__li dt img {
    width: 150px;
    height: 150px;
    border-radius: 75px;
    overflow: hidden;
    text-align: center;
    display: flex;
    justify-content: center;
}
.mc__li dd{
  width: calc(100% - 160px);
  font-size: 80%;
}
.mc__li table {
  font-size:90%;
  margin-top:1rem;
  border-collapse: collapse;
  line-height: 1.6;
}
.mc__li th, .mc__li td {
  border: 2px solid #c2d9ec;
  padding: 10px 15px;
  vertical-align: middle;
}
.mc__li th {
  width: 80px;
  font-size: 14px;
  text-align: center;
  background: #5d9bcd;
  color: #FFF;
  font-weight: bold;
  padding: 10px 0px;
}
.mc__li td li + li {
  margin: 10px 0 0 0;
}
.mc__li td span {
  display: inline-block;
  margin: 0 10px 0 0;
  color: #5d9bcd;
  /* font-weight: bold; */
}
.mc__li td strong {
  color: #f39800;
}
.mc__li td li.line {
  color: #5d9bcd;
  text-align: center;
  border-top: 1px dotted #5d9bcd;
  border-bottom: 1px dotted #5d9bcd;
}
.mc__li .btn-detail a {
	display: block;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	line-height: 50px;
	border-radius: 5px;
	background: #ffcc00;
	color: #333;
	margin: 20px 0 0 0;
}
.mc__li .btn-detail a i {
	margin: 0 0 0 10px;
}
.mc__li .btn-detail a:hover {
	opacity: 0.8;
	transition: all 0.3s;
}
/*==================================
    過去の手配事例(case)
==================================*/
.csWrap {
  background: #eff5fa;
}
.csWrap .inner {
  width: 1200px;
  margin: 0 auto;
}
.csWrap .left-box, .csWrap .right-box {
  width: 48%;
}
.csWrap .left-box .img-box {
  border: 1px solid #3582c0;
  padding: 3px;
}
.csWrap .left-box .txt-box {
  margin: 20px 0 0 0;
}
.csWrap .left-box .txt-box h5 {
  font-weight: bold;
  border-bottom: 1px solid #3582c0;
  line-height: 120%;
  margin: 0 0 10px 0;
  color: #3582c0;
}
.csWrap .left-box .txt-box h5::before {
  font-family: "Font Awesome 5 Free";
  content: "\f024";
  margin: 0 10px 0 0;
}
.csWrap .right-box ul.data-box {
  border: 2px solid #3582c0;
  color: #3582c0;
  padding: 10px 15px;
  margin: 0 0 20px 0;
  width: 100%;
  text-align: center;
}
.csWrap .right-box ul.data-box li {
  display: inline-block;
  margin: 0 15px 0 0;
}
.csWrap .right-box ul.data-box span {
  font-weight: bold;
}
.csWrap .right-box ul.data-box span::after {
  font-family: "Font Awesome 5 Free";
  content: "\f0da";
  margin: 0 5px;
  font-weight: bold;
}
.csWrap .right-box table {
  border-collapse: separate;
  border-spacing: 3px;
  width: 100%;
}
.csWrap .right-box td {
  background: #FFF;
  padding: 10px 15px;
  vertical-align: middle;
}
.csWrap .right-box td span{
  color: #3582c0;
}
.csWrap .right-box td span.or{
  color: #f39800;
  font-weight: bold;
}
.csWrap .right-box td.day {
  background: #3582c0;
  color: #FFF;
  padding: 10px 15px;
  vertical-align: middle;
  text-align: center;
  width: 10%;
}
.csWrap .right-box td:nth-last-child(2){
  width: 15%;
  text-align: center;
  padding: 10px 0;
  vertical-align: top;
}
 .csWrap .right-box table:nth-child(2n+1) td.day {
  background: #5d9bcd;
}

@media screen and (max-width:768px) {
  .csWrap .flex-wrap {
    flex-direction: column;
  }
  .csWrap .inner, .csWrap .left-box, .csWrap .right-box {
    width: 100%;
  }
  .csWrap .right-box {
    margin: 20px 0 0 0;
  }

  .ul_01.okinawa{
    position: absolute;
    top: 0;
    left: 5%;
    width: 90%;
    z-index: 1;
  }
  .areaNaviSection .topsSubSection li{
    position:initial;
    top:inherit !important;
    left:inherit !important;
    display: flex;
    align-items: center;
    margin-bottom: 2vw;
  }
  .areaNaviSection .okinawa img {
      width: 12vw;
      height: 12vw;
  }
  .mdlCorse ul{display:block;}
  .mdlCorse .mc__li{width:100%;}
  .mc__li h3 {
    font-size: 100%;
    margin: 1rem 0;
  }
  .mc__Ttl{font-size:1.1rem;}
  .mc__li table{font-size:80%;}
  .csWrap{padding:1rem;}
  .csWrap .txt-box p{font-size:.8rem;}
  .csWrap .right-box ul.data-box,.csWrap .right-box table{font-size:80%;}
}

/*==================================
    観光情報(article)
==================================*/
.atWrap {}
.atWrap .flex-box {
  width: calc(100%/4 - 20px);
  margin-bottom: 20px;
}
.atWrap .img-box {
  border: 2px solid #c2d9ec;
  padding: 3px;
}
.atWrap h4 {
  font-weight:bold;
  margin: 15px 0 10px 0;
}
.atWrap .txt {
  font-size: 14px;
}
.atWrap .link-more {
  font-size: 14px;
  text-align: right;
  margin: 10px 0 0 0;
}
.atWrap .link-more a::after {
  font-family: "Font Awesome 5 Free";
  content: "\f138";
  margin: 0 0 0 5px;
  font-weight: bold;
}
.atWrap .link-more a{
  color: #3582c0;
}
.atWrap .link-more a:hover{
  color:#222;
}
@media screen and (max-width:768px) {
  .atWrap .flex-wrap {
    flex-wrap: wrap;
  }
  .atWrap .flex-box {
    width: calc(100%/2 - 10px);
    margin: 0 0 20px 0;
  }
  .atWrap .link-more {
    text-align: center;
  }
  .atWrap h4{font-size:90%;}.atWrap .txt{font-size:80%;}
}

@media (max-width: 1024px) {
    .areaNaviSection .img_ttl {
        width: 140px;
    }

    .areaNaviSection .topsSubSection {
        width: 576px;
    }

    .areaNaviSection .topsSubSection li {
        width: 120px;
        height: auto;
    }

    .areaNaviSection .topsSubSection li.area01 {
        top: 140px;
        right: 392px;
    }

    .areaNaviSection .topsSubSection li.area02 {
        top: 195px;
        right: 425px;
    }

    .areaNaviSection .topsSubSection li.area03 {
        top: 248px;
        right: 80px;
    }

    .areaNaviSection .topsSubSection li.area04 {
        top: 300px;
        right: 230px;
    }

    .areaNaviSection .topsSubSection li.area05 {
        top: 60px;
        right: 180px;
    }

    .areaNaviSection .commonSubSection .accessories {
        width: 85px;
        top: -2%;
        left: -2%;
    }

    .areaNaviSection .commonSubSection .spotttl_01 {
        font-size: 17px;
    }

    .areaNaviSection .commonSubSection .spotttl_02 {
        font-size: 13px;
        line-height: 18px;
    }

    .areaNaviSection .commonSubSection .box,
    .areaNaviSection .commonSubSection .access {
        font-size: 13px;
        line-height: 18px !important;
    }

    .areaNaviSection .commonSubSection .topSpotList {
        border-bottom: none;
        margin-bottom: 0;
    }

    .areaNaviSection .commonSubSection .topSpotList .item01 {
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #c1c0c0;
    }

    .areaNaviSection .commonSubSection .secondSpotList {
        padding: 0 30px;
    }

    .areaNaviSection .commonSubSection .secondSpotList .item01 {
        width: 100%;
        padding: 0 0 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #c1c0c0;
        border-top: none !important;
    }

    .areaNaviSection .commonSubSection .secondSpotList .item01:last-child {
        border-bottom: none;
        margin-bottom: 0;
    }

    .areaNaviSection .commonSubSection .secondSpotList .item01 .photo {
        margin-bottom: 10px;
    }
}

@media (max-width: 599px) {
    .areaNaviSection {
        margin: 0;
        width: 100%;
        padding-bottom: 20px;
    }

    .areaNaviSection .img_ttl {
        height: auto;
        width: 90px;
        padding: 0;
        line-height: 0;
        color: #333;
        top: 3px;
        right: 15px;
    }

    .areaNaviSection .topsSubSection {
        width: 307px;
        padding-bottom: 0;
    }

    .areaNaviSection .topsSubSection li.area01 {
        top: 130px;
        right: 180px;
    }

    .areaNaviSection .topsSubSection li.area02 {
        top: 290px;
        right: 170px;
    }

    .areaNaviSection .topsSubSection li.area03 {
        top: 88px;
        right: 0;
    }

    .areaNaviSection .topsSubSection li.area04 {
        top: 250px;
        right: 70px;
    }

    .areaNaviSection .topsSubSection li.area05 {
        top: 13px;
        right: 170px;
    }

    .areaNaviSection .topsSubSection .photo {
        display: block;
        position: absolute;
        width: 85px;
        bottom: 0;
        right: 0;
    }
    
    .areaNaviSection .commonSubSection .ttl02 {
        font-size: 18px;
        text-align: left;
        margin: 30px 0;
        color: #fff;
        padding: 10px 10px 10px 50px;
        display: inline-block;
    }
    
    .areaNaviSection .commonSubSection .accessories {
        width: 55px;
        top: 10px;
        left: -10px;
    }
}

/* gourmet */
.gourmet {
    background: #feffe5;
}

.gourmet .__inner {
    padding: 0;
}

.gourmet .title {
    margin-bottom: 60px;
    padding-top: 60px;
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    letter-spacing: 0.2em;
}

.gourmet .gourmet_li .hkd_titleS {
    margin-top: 25px;
    margin-bottom: 25px;
    text-align: center;
}

.gourmet .gourmet_li .copy {
    line-height: 1.6em;
    letter-spacing: 0.1em;
}



/* XXX:#entry */
.hkd04,
.hkd07 {
    padding: 30px 0;
}

.hkd04 .title,
.hkd07 .title {
    font-size: 24px;
    text-align: center;
    margin-bottom: 60px;
    padding-top: 60px;
    font-weight: bold;
}

.hkd04 .__wrap,
.hkd07 .__wrap {
    line-height: 1.6;
}

.entry_li .item01 {
    width: calc(100%/3 - 35px);
    background: #f7f6f5;
    padding: 35px 20px 10px 20px;
    margin: 0 0 50px 0;
    border-radius: 5px;
    position: relative;
}

.hkd04 .entry_li .item01,
.hkd04 .entry_li .item01:first-child{
  width: 100%;
  position: relative;
  padding-left: 5%;
  border: 8px solid #c0c0c0;
}

.hkd04 .entry_li .item01 .number {
  font-size: 3.8rem;
    font-weight: bold;
    color: rgb(53, 130, 192);
    position: absolute;
    top: -40px;
    left: -20px;
    text-shadow: 4px 4px 1px #fff;
}

.hkd04 .entry_li .ent_ttl {
  color: #000;
}

.entry_li .item01:first-child {
    width: calc(100%/3);
}

.entry_li .item01:first-child:before {
    content: none;
}

.entry_li .item01:nth-child(4) {
    margin-left: 35px;
}

.hkd04 .entry_li .item01:nth-child(4) {
  margin-left: 0;
}

.entry_li .item01:before {
    font-family: "Font Awesome 5 Free";
    content: "\f138";
    color: #3582c0;
    font-size: 24px;
    font-weight: bold;
    display: block;
    position: absolute;
    top: 50%;
    left: -28px;
}

.hkd04 .entry_li .item01:before {
  display: none;
}
.entry_li .title-head {
    display: block;
    background: #3582c0;
    color: #FFF;
    line-height: 24px;
    padding: 2px 10px 0 10px;
    position: absolute;
    top: -5px;
    left: 15px;
}

.entry_li .ent_ttl {
    font-weight: bold;
    margin: 0 0 10px 0;
    color: #3582c0;
    font-size: 18px;
}

.entry_li .tel {
    font-size: 22px;
    margin: 10px 0 10px 20px;
}

.entry_li .tel a {
    color: #555;
    font-weight: bold;
}

.entry_li .tel a:hover {
    opacity: 0.8;
}

.entry_li .link-mail {
    font-size: 18px;
    margin: 0 0 10px 20px;
}

.entry_li .link-mail a {
    color: #555;
    font-weight: bold;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-decoration: none;
}

.entry_li .link-mail a:hover {
    opacity: 0.8;
}

.entry_li i {
    color: #3582c0;
    font-size: 22px;
}

@media (max-width: 1024px) {
    .hkd04,
    .hkd07 {
        padding: 15px 0;
    }

    .hkd04 .title
    .hkd07 .title {
        font-size: 20px;
        margin-bottom: 30px;
        padding-top: 30px;
    }

    .entry_li .item01 {
        width: 100% !important;
        margin-left: 0 !important;
    }

    .entry_li .item01:before {
        content: "\f13a";
        top: -48px;
        left: calc(50% - 12px);
    }
    .hkd04 .entry_li .item01 .number {
      top: -25%;
      left: 1%;
    }
}

/* XXX:meritWrap */
.hkd09 {
    padding: 65px 0 100px;
}

.merit_li {
    max-width: 800px;
    margin: 0 auto;
}

.merit_li .fig01 {
    border-radius: 50%;
    overflow: hidden;
}

.merit_li .meritImg {
    position: relative;
    width: 176px;
}

.merit_li .wappen {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #ff8602;
    border-radius: 50%;
    color: #fff;
    z-index: 10;
    top: -12px;
    right: -12px;
    width: 72px;
    height: 72px;
}

.merit_li .p {
    display: table-cell;
    vertical-align: middle;
    line-height: 1em;
    text-align: center;
    font-size: 14px;
}

.merit_li .en {
    font-size: 24px;
    font-family: 'Oswald', cursive, "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
    line-height: 1em;
    font-weight: bold;
}

.merit_li .copy {
    margin-top: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .hkd09 {
        padding: 40px 0 60px;
    }

    .merit_li .meritImg {
        width: 24%;
    }

    .merit_li .wappen {
        top: -12px;
        right: -12px;
        width: 90px;
        height: 90px;
    }

    .merit_li .p {
        font-size: 15px;
    }

    .merit_li .en {
        font-size: 34px;
    }

    .merit_li .copy {
        width: 70%;
        margin-top: 0;
    }
}

@media (max-width: 599px) {
    .hkd09 {
        padding: 20px 0 30px;
    }

    .merit_li .wappen {
        width: 45px;
        height: 45px;
    }

    .merit_li .p {
        font-size: 10px;
    }

    .merit_li .en {
        font-size: 16px;
    }

    .merit_li .copy {
        font-size: 14px;
    }
}

#formWrap.hkd10 {
    padding: 80px 0px;
    background: #f1f7fc;
}

/********************************
/********************************
/********************************

XXX:modelcourse:kokunai

********************************/
/* XXX:mainVisual */

[data-element-id] .mainVisual_loop {
    width: 100%;
    height: auto;
}

[data-element-id] .mainVisual_loop ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

[data-element-id] .mainVisual_loop li {
    width: 25%;
}

.mainVisual_loop {
    position: relative;
    overflow: hidden;
    width: 61.2%;
    height: 510px;
}

.slider_01,
.slick-list,
.slick-track {
    height: 100%;
}

[data-element-id] .mainVisual_txtArea {
    width: 100%;
    height: 200px;
}

.mainVisual_txtArea {
    overflow: hidden;
    position: relative;
    z-index: 1;
    width: 38.8%;
    height: 510px;
    padding: 0 5%;
    color: #fff;
    background: #3582c0;
}

.mainVisual_txtArea:after {
    position: absolute;
    top: 50%;
    left: -15px;
    width: 0;
    height: 0;
    margin-top: -14px;
    content: '';
    border-width: 13.5px 16px 13.5px 0;
    border-style: solid;
    border-color: transparent #3581c0 transparent transparent;
}

.mainVisual_ttl {
    font-size: 30px;
    line-height: 1.6;
    margin-bottom: 20px;
    font-weight: bold;
}

.mainVisual_content {
    font-size: 16px;
    font-weight: bold;
    text-align: left;
}

.mainVisual_sales {
    position: absolute;
    top: 0;
    right: 0;
}

.mainVisual_sales .st {
    font-size: 16px;
    line-height: 1.4;
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    padding: 32px 5px 0 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    text-align: center;
    color: #3081c2;
}

.mainVisual_sales .s {
    font-size: 24px;
    display: block;
}

.mainVisual_sales:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    content: '';
    border-width: 0 160px 160px 0;
    border-style: solid;
    border-color: transparent #fff200 transparent transparent;
}

@media (max-width: 1024px) {
    .mainVisual_loop {
        width: 100%;
        height: auto;
    }

    .mainVisual_txtArea {
        display: block;
        width: 100%;
        height: auto;
        padding: 25px 20px;
    }

    .mainVisual_txtArea:after {
        top: 0;
        left: 50%;
        width: 0;
        height: 0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        border-width: 0 10.5px 14px 10.5px;
        border-style: solid;
        border-color: transparent transparent #3581c0 transparent;
    }

    .mainVisual_ttl {
        font-size: 18px;
        margin-bottom: 15px;
        text-align: left;
    }

    .mainVisual_txt {
        display: block;
    }

    .mainVisual_sales .st {
        font-size: 11px;
        line-height: 1.3;
        padding: 17px 0 0 0;
    }

    .mainVisual_sales .s {
        font-size: 18px;
        font-size: 1.8rem;
    }

    .mainVisual_sales:after {
        border-width: 0px 120px 120px 0;
    }
}

/* XXX:.up-kokunai .searchSection */
.up-kokunai .searchSection {
    padding-top: 70px;
    padding-bottom: 70px;
}

@media (max-width: 1024px) {
    .up-kokunai .searchSection {
        padding: 0;
    }
}

@media (max-width: 599px) {
    .up-kokunai .searchSection .themeList li {
        width: 45%;
        padding: 0;
        margin-bottom: 10px;
    }

    .up-kokunai .searchSection .otherListGroup li {
        margin-bottom: 10px;
    }
}

/* XXX:modelcourseSection */
.modelcourseSection {
    padding-top: 60px;
}

.courseHit {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.6;
    text-align: center;
}

.courseHit_num {
    font-size: 44px;
    font-weight: 600;
    padding-right: .1em;
    vertical-align: -.02em;
    color: #fd4b4b;
}

.modelcourse_card_item {
    background-color: #FFF;
    margin-bottom: 30px;
    border-top: 4px solid #3581c0;
    border-bottom: 1px solid #dce4ea;
    position: relative;
}

.modelcourse_card .icon {
    padding: 0 12px 12px;
    font-size: 12px;
    border-bottom: 1px solid #e7e7e7;
}

.modelcourse_card .area {
    background-color: #3582c0;
    color: #FFF;
    font-weight: bold;
    padding: 5px 10px;
    line-height: 1.0;
    border-radius: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 2px;
}

.modelcourse_card .point {
    color: #3582c0;
    font-weight: bold;
    padding: 3px 10px;
    line-height: 1.0;
    border-radius: 20px;
    border: 1px solid #3582c0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 2px;
}

.modelcourse_ttl {
    padding: 12px;
    line-height: 1.3;
    font-weight: bold;
    font-size: 18px;
}

.modelcourse_txt {
    padding: 12px;
    line-height: 1.6;
    margin-bottom: 55px;
}

.details_link {
    width: 100%;
    text-align: center;
    background-color: #deeef9;
    padding: 12px;
    position: absolute;
    bottom: 0;
    left: 0;    
}

.details_link a {
    display: block;
    background-color: #3582c0;
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
    line-height: 1;
    padding: 10px 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.details_link a:hover {
    opacity: 0.7;
}

@media (max-width: 1024px) {
    .modelcourseSection {
        padding-top: 25px;
    }

    .courseHit {
        font-size: inherit;
    }

    .courseHit_num {
        font-size: 26px;
        font-weight: 600;
    }

    .modelcourse_card_item {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 15px;
    }

    .modelcourse_card .icon {
        font-size: 12px;
        padding: 0;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        border: none;
    }

    .modelcourse_card .area,
    .modelcourse_card .point {
        padding: 3px 5px;
        margin-right: 2px;
        font-size: 12px;
        padding: 6px;
        margin-bottom: 5px;
    }

    .modelcourse_card .pic_side:after {
        display: none;
    }

    .modelcourse_ttl {
        padding: 10px;
        padding: 0;
        line-height: 1.2;
        font-size: 15px;
        margin-bottom: 10px;
    }

    .modelcourse_txt {
        padding: 10px;
        font-size: 12px;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding: 0;
        margin-bottom: 10px;
        line-height: 1.4;
    }

    .details_link {
        padding: 10px;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        display: block;
        position: inherit;
        background: none;
    }

    .details_link a {
        font-size: 12px;
    }

    .details_link a:after {
        font-weight: bold;
        position: absolute;
        top: 0;
        right: 20px;
        bottom: 0;
        height: 1em;
        margin: auto;
        font-family: 'wbf';
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        line-height: 1em;
        display: inline-block;
        width: auto;
        text-align: center;
        text-decoration: none;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        font-size: 120%;
        content: '\f105';
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
    }
}

/********************************
/********************************
/********************************

XXX:modelcourse:oka-model-015

********************************/
.up-modelcourse_detail .mainimg-section .ttl01 {
    position: absolute;
    top: 18%;
    left: 7%;
    text-align: left;
    font-size: 30px;
    margin: auto;
    font-weight: 900;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
    -webkit-font-feature-settings: "pkna";
    font-feature-settings: "pkna";
}

.up-modelcourse_detail .mainimg-section .ttl01 .s {
    display: inline;
    margin-bottom: 15px;
    background: #fff;
    padding: 4px 10px 4px;
    -webkit-box-shadow: 3px 3px 0 rgba(3, 19, 23, 0.6);
    box-shadow: 3px 3px 0 rgba(3, 19, 23, 0.6);
}

.up-modelcourse_detail .mainimg {
    position: relative;
    height: 255px;
}

[data-element-id] .up-modelcourse_detail .mainimg {
    height: auto;
}

[data-element-id] .up-modelcourse_detail .mainimg .show\@sp {
    width: 500px;
}

@media (max-width: 599px) {
    .up-modelcourse_detail .mainimg {
        height: 220px;
    }

    .up-modelcourse_detail .mainimg-section .ttl01 {
        width: 90%;
        padding: 10px 5px;
        font-size: 20px;
        left: 32%;
        top: 30%;
        transform: translate(-30%, -30%);
        -webkit-transform: translate(-30%, -30%);
        -ms-transform: translate(-30%, -30%);
        text-align: center;
        color: #fff;
        border: 2px solid rgba(255, 255, 255, 0.8);
        line-height: 150%;
        text-shadow: 1px 1px 2px #185689;
    }

    .up-modelcourse_detail .mainimg-section .ttl01 .s {
        background: no-repeat;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0;
        width: auto;
        margin-bottom: 0;
    }

    .up-modelcourse_detail .mainimg-section .ttl01:after {
        content: "";
        display: inline-block;
        position: absolute;
        bottom: -5px;
        right: -5px;
        height: 100%;
        width: 100%;
        border: 2px solid #ffffff;
        border-left: 0;
        border-top: 0;
    }
}

.schedule-section {
    background: #f1f7fc;
    padding: 60px 0;
    margin-bottom: 50px;
}

.schedule-section .wrap {
    background: #fff;
    border-radius: 5px;
}

.schedule-section .ttl01,
.modelcourseSightseeing h3 {
    font-size: 23px;
    font-weight: bold;
    text-align: center;
    margin-top: 40px;
    display: inline-block;
    width: 100%;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
    -webkit-font-feature-settings: "pkna";
    font-feature-settings: "pkna";
}

.schedule-section .ttl01 .s,
.modelcourseSightseeing h3 span {
    display: block;
    font-size: 14px;
    color: #3080c2;
}

.recommend-tours {
    width: 100%;
    padding: 50px 0 20px;
    border-bottom: 2px dashed #eaf2f8;
    border-radius: 0 0 5px 5px;
}

.recommend-tours:last-child {
    margin: 0;
    padding: 0;
}

.schedule-box {
    padding: 30px;
    font-size: 16px;
}

.schedule-box div[class$="modl"] {
    margin: 0 auto 10px;
    width: 90%;
    background: #f1f7fc;
    padding: 0;
}

.schedule-box div[class$="modl"]:last-of-type {
    margin-bottom: 0px;
    border: none;
    padding-bottom: 0;
}

.schedule-box table {
  width: 60%;
  margin-left: 30px;
  border-collapse: collapse;
}
.schedule-box th, td {
  padding: 8px;
  border: solid 2px  #ddd;
}
.schedule-box th {
  background-color: #f2f2f2;
  font-weight: bold;
    text-align: center;
}
.schedule-box td {
  background: #fff;
}

.schedule-box .day {
    background: #3080c2;
    display: inline-block;
    color: #fff;
    padding: 3px 5px 3px 1px;
    line-height: normal;
    border-radius: 3px;
    width: 100%;
    position: relative;
    text-align: center;
    font-size: 16px;
}

.schedule-box .day:after {
    position: absolute;
    content: "";
    border-top: 7px solid #3080c2;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.schedule-box .day-root li {
    border-bottom: 1px dashed #aec0d0;
    padding: 10px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.schedule-box .day-root p {
    width: calc(100% - 55px);
    font-size: 14px;
}

.schedule-box .day-root li:last-child:after {
    display: none;
}

.schedule-box .day-root li img {
    display: inline;
    width: 30%;
    height: 30%;
    padding: 5px;
    border-radius: 25% 10%;
}

.schedule-box .day-root li img + p {
    width: 100%;
}

.schedule-box .day-root .dl01 {
    width: 80%;
}

.schedule-box .day-root li[class]:before {
    display: inline-block;
    content: "";
    width: 45px;
    height: 35px;
    background-repeat: no-repeat;
    background-position: top;
    background-size: contain;
    margin-right: 10px;
    vertical-align: middle;
}

/*飛行機右向き*/
.schedule-box .day-root .air01:before {
    background-image: url(/import/tenant_1/www.wbf.co.jp/companytrip/modelcourse/images/icon/air01.png);
}

/*飛行機左向き*/
.schedule-box .day-root .air02:before {
    background-image: url(/import/tenant_1/www.wbf.co.jp/companytrip/modelcourse/images/icon/air02.png);
}

.schedule-box .day-root .hotel01:before {
    background-image: url(/import/tenant_1/www.wbf.co.jp/companytrip/modelcourse/images/icon/hotel01.png);
}

.schedule-box .day-root .hotel02:before {
    background-image: url(/import/tenant_1/www.wbf.co.jp/companytrip/modelcourse/images/icon/hotel02.png);
}

/*●アイコン地図*/
.schedule-box .day-root .spot00:before {
    background-image: url(/upload/tenant_1/companytrip/modelcourse/images/icon/spot00.png);
}

/*旗アイコン地図*/
.schedule-box .day-root .spot01:before {
    background-image: url(/upload/tenant_1/companytrip/modelcourse/images/icon/spot01.png);
}

/*カメラ*/
.schedule-box .day-root .spot02:before {
    background-image: url(/upload/tenant_1/companytrip/modelcourse/images/icon/spot02.png);
}

/*日本城*/
.schedule-box .day-root .spot03:before {
    background-image: url(/upload/tenant_1/companytrip/modelcourse/images/icon/spot03.png);
}

/*観覧車*/
.schedule-box .day-root .spot04:before {
    background-image: url(/upload/tenant_1/companytrip/modelcourse/images/icon/spot04.png);
}

/*西洋城*/
.schedule-box .day-root .spot05:before {
    background-image: url(/upload/tenant_1/companytrip/modelcourse/images/icon/spot05.png);
}

/*西洋城簡易*/
.schedule-box .day-root .spot06:before {
    background-image: url(/upload/tenant_1/companytrip/modelcourse/images/icon/spot06.png);
}

/*車*/
.day-root .car01:before {
    background-image: url(/upload/tenant_1/companytrip/modelcourse/images/icon/car01.png);
}

/*電車*/
.day-root .trin01:before {
    background-image: url(/upload/tenant_1/companytrip/modelcourse/images/icon/trin01.png);
}

/*横向き*/
.day-root .train02:before {
    background-image: url(/upload/tenant_1/companytrip/modelcourse/images/icon/train02.png);
}

/*新幹線*/
.day-root .train03:before {
    background-image: url(/upload/tenant_1/companytrip/modelcourse/images/icon/train03.png);
}

/*バス*/
.day-root .bus01:before {
    background-image: url(/upload/tenant_1/companytrip/modelcourse/images/icon/bus01.png);
}

/*食べる*/
.day-root .eat01:before {
    background-image: url(/upload/tenant_1/companytrip/modelcourse/images/icon/eat01.png);
}

/*山レジャー*/
.day-root .mountain01:before {
    background-image: url(/upload/tenant_1/companytrip/modelcourse/images/icon/mountain01.png);
}

/*海レジャー*/
.day-root .beach01:before {
    background-image: url(/upload/tenant_1/companytrip/modelcourse/images/icon/beach01.png);
}

.schedule-box .day-root {
    padding: 10px 15px 30px;
    font-size: 14px;
}

.recommend-other {
    padding: 15px 10px;
    margin: 15px 0 0;
}

.recommend-other dt {
    font-size: 16px;
    font-weight: bold;
    line-height: normal;
}

.recommend-other dt:after {
    content: "";
    display: inline-block;
    width: 30px;
    height: 25px;
    background: url(/import/tenant_1/www.wbf.co.jp/companytrip/modelcourse/images/icon.svg) no-repeat;
    vertical-align: sub;
    background-position: 4px;
}

.recommend-other dd {
    padding: 10px 15px;
    line-height: 160%;
    background: #f0f9ff;
}

@media (max-width: 1024px) {
    .recommend-tours {
        padding: 30px 0;
    }

    .recommend-tours .ttl-slash .title {
        font-size: 15px;
        margin-bottom: 5px;
    }

    .schedule-section .ttl01 {
        margin: 20px 0;
        font-size: 18px;
        line-height: normal;
    }

    .schedule-box {
        padding: 0;
    }
    
    .schedule-box table {
      width: 100%;
      margin: 20px 0;
    }

    .schedule-box .day_ttl,
    .schedule-box .day_ttl:before {
        display: block;
    }

    .schedule-box .day_ttl {
        font-size: 13px;
    }

    .schedule-box .day_li li {
        margin-bottom: 15px;
    }

    .schedule-box .day_li .dl01 {
        text-align: center;
        font-size: 13px;
    }
}

@media (max-width: 599px) {
    .schedule-section {
        padding: 20px 10px;
    }

    .schedule-section .wrap {
        padding-top: 30px;
    }

    .schedule-box .day-root .dl01 {
        line-height: 155%;
    }
    
    .schedule-box .day-root li img {
        width: 100%;
    }

    .recommend-other dt {
        font-size: 14px;
    }
}

/*modelcourseSightseeing*/
.modelcourseSightseeing .sightseeing-spot {
    margin-top: 40px;
}

.modelcourseSightseeing ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.modelcourseSightseeing ul li {
    width: 23%;
    position: relative;
    z-index: 0;
}

.modelcourseSightseeing ul li:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 25px solid #fff;
    border-left: 25px solid transparent;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.modelcourseSightseeing ul li .sight-box {
    background: #f8f8f8;
    padding: 15px 15px 20px;
    border-radius: 0 0 5px 5px;
}

.modelcourseSightseeing ul li .sight-box h5 {
    font-size: 14px;
    border-left: 4px double #555;
    padding-left: 5px;
    font-weight: bold;
    line-height: 1.5;
}

.modelcourseSightseeing ul li .sight-box p {
    margin-top: 10px;
    line-height: 155%;
    letter-spacing: 0.5px;
}

@media (max-width: 599px) {
    .modelcourseSightseeing ul li {
        width: 100%;
    }
    
    .modelcourseSightseeing ul li + li {
        margin-top: 50px;
    }
}

/*modelcourseTable*/
.modelcourseTable table {
    width: 100%;
    margin: 40px auto 50px;
    padding: 0;
    border-collapse: separate;
    border-spacing: 2px;
}

.modelcourseTable table th, .modelcourseTable table td {
    padding: 8px 4px;
    vertical-align: middle;
    text-align: center;
}

.modelcourseTable table th {
    background: #5d9bcd;
    color: #FFF;
    font-weight: normal;
}

.modelcourseTable table .hight_temp {
    color: #ff8602;
}

.modelcourseTable table .low_temp {
    color: #5d9bcd;
}

.modelcourseTable table td {
    background: rgba(255, 255, 255, 0.8);
}

.modelcourseTable table th:nth-of-type(1),.modelcourseTable table th:nth-of-type(2) {
    background: none;
}

.modelcourseTable table .area {
    background: #ff8602;
    color: #FFF;
}

.modelcourseTable table .area02 {
    background: #5d9bcd;
    color: #FFF;
}

@media (max-width: 1024px) {
    .modelcourseTable {
        overflow-x: scroll;
    }
    
    .modelcourseTable table {
        width: 150%;
    }
}

@media (max-width: 599px) {
    .modelcourseTable table {
        width: 250%;
    }
}

/* XXX:#knowledgeWrap */
.knowledgewrap {
    overflow: hidden;
}

.knowledgewrap.modelcourse_detail03 .title {
    letter-spacing: 0.2em;
}

.knowledgewrap.modelcourse_detail03 .pricetable th,
.knowledgewrap.modelcourse_detail03 .pricetable td {
    font-size: 18px;
}

.knowledgewrap.modelcourse_detail03 .pricetable .hkd_titleS {
    letter-spacing: inherit;
    padding: 12px 25px;
}

.knowledgewrap.modelcourse_detail03 .pricetable td .en {
    font-family: cursive, "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
}

.knowledgewrap.modelcourse_detail03 .osusumeWrap .hkd_titleS {
    font-weight: normal;
    letter-spacing: normal;
}

@media (max-width: 1024px) {
    .knowledgewrap.modelcourse_detail03 {
        padding: 45px 0 0;
    }

    .knowledgewrap.modelcourse_detail03 .title {
        font-size: 26px;
        letter-spacing: normal;
    }

    .knowledgewrap.modelcourse_detail03 .pricetable th,
    .knowledgewrap.modelcourse_detail03 .pricetable td {
        font-size: 13px;
    }

    .knowledgewrap.modelcourse_detail03 .pricetable td {
        font-weight: 500;
    }

    .knowledgewrap.modelcourse_detail03 .pricetable td.hkd_titleS {
        font-weight: bold;
    }

    .knowledgewrap.modelcourse_detail03 .osusumeWrap .__top {
        width: auto;
    }

    .knowledgewrap.modelcourse_detail03 #whetherWrap {
        padding-bottom: 75px;
    }
}

@media (max-width: 1024px) {
    .knowledgewrap.modelcourse_detail03 {
        padding-top: 23px;
    }

    .knowledgewrap.modelcourse_detail03 #priceTable .hkd_titleS,
    .knowledgewrap.modelcourse_detail03 #priceTable th {
        font-size: 13px;
    }

    .knowledgewrap.modelcourse_detail03 #whetherWrap {
        padding: 37px 15px;
        margin-top: 18px;
    }
}

/* XXX:.formSection */
.formSection.__up .fomeTable > dl dt .title {
    letter-spacing: normal;
}

@media (max-width: 1024px) {
    .formSection.__up .fomeTable > dl dt {
        font-size: 13px;
    }

    .formSection.__up .fomeTable > dl dt .title {
        font-size: 13px;
    }
}

@media (max-width: 599px) {
    .formSection.__up .fomeTable > dl dt {
        font-size: 11px;
    }
}

/********************************
/********************************
/********************************

XXX:yokyo:list

********************************/
/* .temp-a-01,02 */
.temp-a-01 .txt-box {
    width: 90%;
    margin: 40px auto 80px;
    font-size: 16px;
    line-height: 100%;
    margin-bottom: 80px;
}

.temp-a-01 .txt-box .ttl01 {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
    line-height: normal;
}

.temp-a-01 .txt-box .p {
    line-height: normal;
}

.temp_li .__head {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    background: #00afcc;
    color: #FFF;
    display: block;
    margin: 0 0 15px 0;
    width: auto;
    display: inline-block;
    padding: 0 5px;
    line-height: 30px;
    height: 30px;
    position: relative;
}

.temp_li .__head:before {
    content: "";
    display: block;
    height: 40px;
    border-left: 3px solid #c49a6a;
    position: absolute;
    top: -2px;
    left: 2px;
    z-index: -1;
}

.temp_li .__head:after {
    content: "";
    display: block;
    height: 30px;
    width: 15px;
    border-top: 15px solid #00afcc;
    border-bottom: 15px solid #00afcc;
    border-left: 0px solid rgba(0, 0, 0, 0);
    border-right: 15px solid rgba(0, 0, 0, 0);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: -15px;
}

.temp_li .ttl01 {
    font-size: 20px;
    font-weight: bold;
    width: 90%;
    margin: 0 auto 10px auto;
}

.temp_li .p_txt {
    padding-top: 10px;
    line-height: normal;
}

.ttl-post {
    font-size: 24px;
    border-left: 5px solid #3582bf;
    border-bottom: 2px solid #3582bf;
    height: auto;
    line-height: normal;
    padding-left: 10px;
    font-weight: bold;
}

.recommend-post .yokyo-pic {
    width: 50%;
}

.recommend-post .yokyo-leftbox {
    width: 50%;
}

.recommend-post .txt-note {
    margin-top: 10px;
    line-height: 1.4;
    padding-left: 10px;
}

.recommend-post .ttl-article {
    margin: 2px 0;
    background: none;
    color: #3582bf;
    font-size: 22px;
    font-weight: bold;
    padding-left: 10px;
}

.recommend-post .rec-btn {
    text-align: right;
}

.recommend-post .rec-btn a .s {
    background: url(/import/tenant_1/www.wbf.co.jp/include/images/bg_newtab.png) no-repeat 7%;
    padding-left: 29px;
    font-size: 14px;
}

@media (max-width: 1024px) {
    .temp-a-01 .txt-box {
        margin-bottom: 80px;
    }

    .temp-a-02 .p_txt {
        font-size: 15px;
    }

    .recommend-post .yokyo-pic {
        width: 30%;
    }

    .recommend-post .yokyo-leftbox {
        width: 70%;
    }

    .recommend-post .recommend-post a {
        font-size: 18px;
        line-height: 1.4;
    }
}

@media (max-width: 599px) {
    .recommend-post .ttl-article {
        font-size: 18px;
    }
    
    .recommend-post .yokyo-pic {
        width: 35%;
    }
    
    .recommend-post .yokyo-leftbox {
        width: 65%;
    }
}

/********************************
/********************************
/********************************

yokyo:day-trip

********************************/
.yokyo_box {
    border-bottom: solid 4px #3a8ac6;
}

.yokyo_ttl {
    font-size: 1.3em;
    color: #3a8ac6;
    font-weight: bold;
    position: relative;
    padding: 0.6em;
    background: -webkit-repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px, #ffe4b1 3px, #ffe4b1 8px);
    background: repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px, #ffe4b1 3px, #ffe4b1 8px);
    border-radius: 7px;
    margin: 20px 10px 30px 10px;
}

.yokyo_ttl:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 30px;
    border: 15px solid transparent;
    border-top: 15px solid #ffebbe;
    width: 0;
    height: 0;
}

th.th_txt {
    padding: 10px;
    width: 40%;
    font-weight: bold;
    letter-spacing: 0.3em;
    text-align: center;
    font-size: 1.2em;
    background-color: #FFFFCC;
}

@media (max-width: 599px) {
    th.th_txt {
        width: 60%;
    }
}

th.star {
    vertical-align: middle;
    padding: 0 10px 0;
    font-size: 1.5em;
    color: #e3bf00;
}

.day_trip_dl_wrap {
    width: 70%;
    margin: 0 auto 20px;
    padding-top: 30px;
}

.day_trip_dl .th_txt {
    padding: 10px;
    width: 40%;
    font-weight: bold;
    letter-spacing: 0.3em;
    text-align: center;
    font-size: 1.2em;
    background-color: #FFFFCC;
}

.day_trip_dl .star {
    width: 60%;
    vertical-align: middle;
    padding: 0 10px 0;
    font-size: 1.5em;
    color: #e3bf00;
}

@media (max-width: 599px) {
    .day_trip_dl_wrap {
        width: 100%;
    }

    .day_trip_dl .th_txt {
        width: 60%;
    }

    .day_trip_dl .star {
        width: 40%;
    }

    .yokyo_box {
        margin: 5px;
    }
}

/********************************
/********************************
/********************************

XXX:companytrip/customers/list

********************************/
.customers_list01 .main-box {
    width: 59%;
}

.customers_list01 .main-box .ttl-addtext {
    margin-bottom: 30px;
    font-size: 27px;
    font-weight: normal;
    border-bottom: 2px solid #404040;
    color: #404040;
    width: 100%;
    display: inline-block;
    line-height: normal;
}

.customers_list_ul .item01 {
    width: 100%;
    line-height: normal;
    margin-bottom: 30px;
}

.customers_list_ul .ttl-article a {
    color: #3582bf;
    font-size: 17px;
    font-weight: normal;
}

.customers_list_ul .txt-note {
    font-size: 14px;
    line-height: normal;
}

.customers_list_ul .rec-btn {
    display: inline-block;
    width: 100%;
    text-align: right;
}

.customers_list_ul .rec-btn span {
    background: url(/import/tenant_1/www.wbf.co.jp/include/images/bg_newtab.png) no-repeat 5%;
    padding-left: 29px;
}

.customers_list_ul .rec-btn a {
    color: #3582bf;
}

/* side */
.customers_list01 .side-box {
    width: 23%;
    margin-left: 30px;
}

.customers_list01 .side-box .common_ttl {
    font-size: 20px;
    font-weight: normal;
    border-bottom: 2px solid #404040;
    line-height: normal;
    margin-bottom: 20px;
    background: none;
}

.customers_list01 .side-box .newblog_list {
    margin-bottom: 20px;
}

.customers_list01 .side-box .newblog_list li {
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ddd;
}

.customers_list01 .side-box .newblog_list a {
    width: 100%;
    display: block;
    text-decoration: none;
}

.customers_list01 .side-box .newblog_list .blog_pic {
    width: 35%;
    line-height: normal;
    position: relative;
}

.customers_list01 .side-box .newblog_list .blog_pic:after {
    position: absolute;
    content: "";
    top: 50%;
    right: -5px;
    height: 1.25px;
    width: 5px;
    background: #000;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.customers_list01 .side-box .newblog_list .blog_ttl {
    width: 60%;
    font-size: 12px;
    padding-left: 10px;
    line-height: normal;
}

.customers_list01 .side-box .newblog_list li:last-child {
    border: none;
}

/* pager */
.pager {
    text-align: center;
    margin-bottom: 25px;
}

.pager li {
    padding: 0 10px;
    background: #3582bf;
    color: #fff;
}

.pager li:not(:first-of-type) {
    margin-left: 10px;
}

.pager li.current_page a {
    -webkit-text-decoration: auto;
            text-decoration: auto;
}

.pager li.first a:before {
    content: "<<"
}

.pager li.last a:before {
    content: ">>"
}

.pager li.prev a:before {
    content: "<"
}

.pager li.next a:before {
    content: ">"
}

@media (max-width: 1024px) {
    .customers_list01 .main-box .ttl-addtext {
        padding-top: 10px;
        border-bottom: 2px solid;
        background: #fff;
    }

    .customers_list01 .side-box {
        width: 35%;
    }
}

@media (max-width: 599px) {
    .customers_list01 .main-box {
        width: 100%;
    }

    .customers_list01 .main-box .ttl {
        font-size: 1.5em;
        border-bottom: 1px;
    }

    .customers_list01 .main-box .ttl-addtext {
        font-size: 24px;
    }

    .customers_list01 .side-box {
        width: 100%;
        margin-left: 0;
        margin-bottom: 10px;
    }

    .customers_list01 .side-box .common_ttl {
        font-size: 17px;
        margin-top: 30px;
    }

    .customers_list01 .side-box .newblog_list a {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .customers_list01 .side-box .newblog_list .blog_ttl {
        font-size: 15px;
    }

    .customers_list_ul .item01 {
        padding-bottom: 25px;
        border-bottom: 2px dotted #ccc;
    }

    .customers_list_ul .item01:last-child {
        border-bottom: inherit;
    }

    .customers_list_ul .pic_box {
        width: 100%;
        height: 180px;
    }

    .customers_list_ul .txt_box {
        width: 100%;
        margin-top: 5px;
    }

    .customers_list_ul .ttl-article {
        margin: 10px 0;
    }

    .customers_list_ul .rec-btn {
        margin-top: 10px;
    }

    #content.listpage .ttl-addtext {
        border: none;
    }

    .newblog_list li .blog_ttl {
        font-size: 15px;
        vertical-align: top;
    }
}

/********************************
/********************************
/********************************

XXX:companytrip/customers/-mrland

********************************/
/* .mlpres */
.mlpres .customers-pl {
    width: 100%;
    border: solid 2px #ccc;
    font-size: 18px;
    padding: 10px;
}

.mlpres .customers-beginning {
    width: 100%;
    border: solid 1px #ccc;
    font-size: 16px;
    padding: 10px;
    font-weight: bold;
}

.mlpres .companytrip-voice {
    width: 100%;
    font-size: 171%;
}

.mlpres .subttl-ptn11 {
    border-bottom: solid 3px #108c00;
    margin-bottom: 20px;
}

.mlpres .subttl-ptn11 .ico {
    padding: 30px 0px 21px 0;
    font-size: 200%;
    display: inline-block;
    font-weight: bold;
    line-height: 1.3;
}

/********************************
/********************************
/********************************

XXX:companytrip/article/list

********************************/
/* side */
.__article .side-box li:before {
    content: "・";
    display: inline-block;
}

.__article .side-box a {
    font-size: 13px;
}

/********************************
/********************************
/********************************

XXX:worcationWrap

********************************/
/*背景*/
.back-worcation01 {
    background: rgb(245 248 250);
}

.back-worcation02 {
    background: #fff;
}

/*タイトル*/
.ttl-worcation01 {
    font-size: 30px;
    color: #fff;
    text-align: center;
    background: #064ba6;
    padding: 20px 0;
    margin-bottom: 30px;
}

.ttl-worcation02 {
    text-align: center;
    margin-bottom: 30px;
}

.ttl-worcation02 .ttl {
    font-size: 24px;
    font-weight: bold;
    position: relative;
    z-index: 0;
}

.ttl-worcation02 .ttl:after {
    height: 2px;
    width: 300px;
    content: "";
    background-image: url(https://www1.wbf.co.jp/companytrip/special/worcation/img/bluebar001.jpg);
    display: block;
    margin: 0 auto;
}

.ttl-worcation02 .sub {
    font-size: 18px;
    color: #437ecc;
    font-weight: bold;
}

.ttl-worcation03 {
    font-size: 18px;
    color: #fff;
    text-align: center;
    background: #064ba6;
    margin-bottom: 20px;
    padding: 5px 0;
}

/* 台湾 */
.ttl-worcation04 {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    background-color: #f39800;
    display: inline-block;
    padding: 0 10px;
    margin-bottom: 20px;
    position: relative;
    z-index: 0;
}

.ttl-worcation04 .arrow {
    width: 12px;
    margin: 0 auto;
    line-height: 1;    
    position: absolute;
    top: calc(100% + -5px);
    left: 0;
    right: 0;
    z-index: 0;
}

/* 韓国 */
.ttl-worcation05 {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    background-color: #B20000;
    display: inline-block;
    padding: 0 10px;
    margin-bottom: 20px;
    position: relative;
    z-index: 0;
}

.ttl-worcation05 .arrow {
    width: 12px;
    margin: 0 auto;
    line-height: 1;    
    position: absolute;
    top: calc(100% + -5px);
    left: 0;
    right: 0;
    z-index: 0;
}

/* セブ島 */
.ttl-worcation06 {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    background-color: #FF007F;
    display: inline-block;
    padding: 0 10px;
    margin-bottom: 20px;
    position: relative;
    z-index: 0;
}

.ttl-worcation06 .arrow {
    width: 12px;
    margin: 0 auto;
    line-height: 1;    
    position: absolute;
    top: calc(100% + -5px);
    left: 0;
    right: 0;
    z-index: 0;
}

/* グアム */
.ttl-worcation07{
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    background-color: #2960b3;
    display: inline-block;
    padding: 0 10px;
    margin-bottom: 20px;
    position: relative;
    z-index: 0;
}

.ttl-worcation07 .arrow {
    width: 12px;
    margin: 0 auto;
    line-height: 1;    
    position: absolute;
    top: calc(100% + -5px);
    left: 0;
    right: 0;
    z-index: 0;
}

@media (max-width: 1024px) {
    .ttl-worcation01 {
        font-size: 24px;
    }
    
    .ttl-worcation02 .ttl {
        font-size: 20px;
    }
}

@media (max-width: 599px) {
    .ttl-worcation01 {
        font-size: 15px;
    }
    
    .ttl-worcation02 {
        margin-bottom: 10px;
    }
    
    .ttl-worcation02 .ttl {
        font-size: 15px;
    }

    .ttl-worcation02 .sub {
        font-size: 15px;
    }

    .ttl-worcation03 {
        font-size: 14px;
    }
/* 台湾 */    
    .ttl-worcation04 {
        font-size: 18px;
    }
/* 韓国 */
    .ttl-worcation05 {
        font-size: 18px;
    }
/* セブ島 */
    .ttl-worcation06 {
        font-size: 18px;
    }
/* グアム */
    .ttl-worcation07 {
        font-size: 18px;
    }
}

/*装飾*/
.deco-worcation01,
.deco-worcation02,
.deco-worcation03,
.deco-worcation04 {
    display: inline-block;
    position: relative;
    z-index: 0;
}

.deco-worcation01:before,
.deco-worcation02:before,
.deco-worcation03:before,
.deco-worcation04:before {
    height: 40px;
    width: 60px;
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: calc(100% + 10px);
}

.deco-worcation01:before {
    background-image: url(https://www1.wbf.co.jp/companytrip/special/worcation/img/nav01@2x.png);
}

.deco-worcation02:before {
    background-image: url(https://www1.wbf.co.jp/companytrip/special/worcation/img/nav02@2x.png);
}

.deco-worcation03:before {
    background-image: url(https://www1.wbf.co.jp/companytrip/special/worcation/img/nav04@2x.png);
}

.deco-worcation04:before {
    background-image: url(https://www1.wbf.co.jp/companytrip/special/worcation/img/nav03@2x.png);
}

@media (max-width: 599px) {
    .deco-worcation01:before, .deco-worcation02:before, .deco-worcation03:before, .deco-worcation04:before {
        height: 60px;
        width: 80px;
        position: static;
        display: block;
        margin: 0 auto;
    }
}

/*メインビジュアル*/
.worcationMainimg {
    height: 500px;
    overflow: hidden;    
    position: relative;
    z-index: 0;
}

.worcationMainimg .catch {
    color: #fff;
    text-align: center;
    background-color: #064ba6;
    padding: 30px 60px;    
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 0;
}

.worcationMainimg .catch .tit {
    font-size: 30px;
    letter-spacing: 10px;
    margin-top: 20px;
}

.worcationMainimg .catch .img {
    width: 70%;
    margin: 0 auto;
}

@media (max-width: 1024px) {
    .worcationMainimg {
      height: auto;
    }
    
    .worcationMainimg .catch {
        position: static;
        -webkit-transform: inherit;
                transform: inherit;
    }

    .worcationMainimg .catch .tit {
        font-size: 24px;
        margin-top: 10px;
    }
}

@media (max-width: 599px) {
    .worcationMainimg .catch .tit {
        font-size: 15px;
    }
}

/*worcationLink*/
.worcationLink {
    background: #f5f8fa;
}

.worcationLink ul {
    text-align: center;
    top: -35px;
    position: relative;
    z-index: 0;
}

.worcationLink ul li {
    display: inline-block;
}

.worcationLink ul li a {
    text-align: center;
    font-weight: bold;
    color: #464646;
    background: #cecece;
    display: block;
    text-decoration: none;
    padding: 20px 50px 38px 70px;
    position: relative;
    z-index: 0;
}

.worcationLink ul li a:before {
    height: 40px;
    width: 60px;    
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    top: 50%;
    left: 10px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}

.worcationLink ul li:nth-of-type(1) a:before {
    background-image: url(https://www1.wbf.co.jp/companytrip/special/worcation/img/nav01@2x.png);
}

.worcationLink ul li:nth-of-type(2) a:before {
    background-image: url(https://www1.wbf.co.jp/companytrip/special/worcation/img/nav02@2x.png);
}

.worcationLink ul li:nth-of-type(3) a:before {
    background-image: url(https://www1.wbf.co.jp/companytrip/special/worcation/img/nav03@2x.png);
}

.worcationLink ul li:nth-of-type(4) a:before {
    background-image: url(https://www1.wbf.co.jp/companytrip/special/worcation/img/nav04@2x.png);
}

.worcationLink ul li a:after {
    display: block;
    content: "";
    width: 15px;
    height: 15px;
    border-top: solid 3px #3e3e3e;
    border-right: solid 3px #3e3e3e;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
    position: absolute;
    left: 45%;
    bottom: 15px;
    -webkit-animation: uest 0.7s infinite alternate;
    animation: uest 0.7s infinite alternate;
}

@-webkit-keyframes uest {
    0% {
        bottom: 15px;
        opacity: 0;
    }
    100% {
        bottom: 0px;
        opacity: 1;
    }
}

@keyframes uest {
    0% {
        bottom: 15px;
        opacity: 0;
    }
    100% {
        bottom: 0px;
        opacity: 1;
    }
}

@media (max-width: 1024px) {
    .worcationLink {
      padding-top: 10px;
      padding-left: 10px;
      padding-right: 10px;
    }
    
    .worcationLink ul {
        top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    .worcationLink ul li {
        width: 50%;
    }

    .worcationLink ul li a {
        padding: 20px 40px 20px 70px;
    }

    .worcationLink ul li a:after {
        width: 10px;
        height: 10px;
        left: auto;
        right: 20px;
        bottom: -75px;
    }

    @-webkit-keyframes uest {
        0% {
            bottom: 50%;
            opacity: 0;
        }
        100% {
            bottom: 30%;
            opacity: 1;
        }
    }

    @keyframes uest {
        0% {
            bottom: 50%;
            opacity: 0;
        }
        100% {
            bottom: 30%;
            opacity: 1;
        }
    }    
}

@media (max-width: 599px) {
    .worcationLink ul li {
        width: 100%;
    }
}

/*worcationCaseAbout*/
.worcationCaseAboutBox {
    text-align: center;
    background: #437ecc;
    padding: 50px 100px 30px;
    overflow: hidden;
}

.worcationCaseAboutBox .tit {
    font-size: 18px;
    color: #437ecc;
    background: #fff;
    font-weight: bold;    
    border-radius: 20px;
    display: inline-block;
    margin-bottom: 30px;
    padding: 5px 20px;
    position: relative;
    z-index: 0;
}

.worcationCaseAboutBox .tit:before {
    height: 100px;
    width: 200px;
    content: "";
    background-image: url(https://www1.wbf.co.jp/companytrip/special/worcation/img/illust01@2x.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -65%;
    right: calc(100% + 20px);
    z-index: 0;
}

.worcationCaseAboutBox .tit:after {
    height: 100px;
    width: 200px;
    content: "";
    background-image: url(https://www1.wbf.co.jp/companytrip/special/worcation/img/illust02@2x.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -75%;
    left: calc(100% + 20px);
    z-index: 0;
}

.worcationCaseAboutBox .txt {
    background-color: #fff;
    padding: 20px 50px;
}

@media (max-width: 1024px) {
    .worcationCaseAboutBox .tit:before {
        height: 60px;
        width: 130px;
        right: calc(100% + 10px);
    }

    .worcationCaseAboutBox .tit:after {
        height: 60px;
        width: 120px;
        top: -55%;
        left: calc(100% + 10px);
    }
}

@media (max-width: 599px) {
    .worcationCaseAboutBox {
        padding: 40px 20px;
    }

    .worcationCaseAboutBox .tit {
        font-size: 13px;
    }

    .worcationCaseAboutBox .txt {
        padding: 10px;
    }
}

/*worcationCasePint*/
.worcationCasePintBox ul li .item .tit {
    font-size: 17px;
    font-weight: bold;
    color: #437ecc;
    text-align: center;
    margin-bottom: 5px;
}

.worcationCasePintBox ul li .item .txt {
    margin-top: 5px;
}

/*worcationCasePlan*/
.worcationCasePlanBox {
    background: #f5f8fa;
    padding: 30px 40px;
}

.worcationCasePlanBox + .worcationCasePlanBox {
    margin-top: 30px;
}

.worcationCasePlanBox ul li .item {
    text-align: center;
}

.worcationCasePlanBox ul li .item .tit {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    margin-bottom: 10px;
    position: relative;
    z-index: 0;
}

.worcationCasePlanBox .dayone {
    color: #f28f27;
}

.worcationCasePlanBox .daytwo {
    color: #064ba6;
}

.worcationCasePlanBox .dayone:before,
.worcationCasePlanBox .daytwo:before {
    height: 40px;
    width: 60px;
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: calc(100% + 10px);
}

.worcationCasePlanBox .dayone:before {
    background-image: url(https://www1.wbf.co.jp/companytrip/special/worcation/img/illust03@2x.png);
}

.worcationCasePlanBox .daytwo:before {
    background-image: url(https://www1.wbf.co.jp/companytrip/special/worcation/img/nav01@2x.png);
}

.worcationCasePlanBox .txt {
    width: 80%;
    margin: 0 auto;
}

@media (max-width: 1024px) {
    .worcationCasePlanBox .dayone:before, .worcationCasePlanBox .daytwo:before {
        width: 40px;
        right: calc(100% + 5px);
    }
    
    .worcationCasePlanBox .txt {
        width: 100%;
    }
}

@media (max-width: 599px) {
    .worcationCasePlanBox {
        padding: 20px;
    }

    .worcationCasePlanBox ul li .item .tit {
        font-size: 15px;
    }
}

/*worcationCaseHotel*/
.worcationCaseHotel .pickup {
    width: 70%;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    margin: 0 auto 30px;
}

.worcationCaseHotelBox {
    background: #fff;
    padding: 30px;
}

.worcationCaseHotelBox .tit {
    font-size: 18px;
    color: #437ecc;
    font-weight: bold;    
    border-bottom: solid 1px #064ba6;
    margin-bottom: 15px;
    padding-bottom: 10px;    
}

.worcationCaseHotelBox .left {
    width: 45%;
}

.worcationCaseHotelBox .right {
    width: 52%;
}

.worcationCaseHotelBox dl {
    margin-top: 20px;
}

.worcationCaseHotelBox dl dt {
    font-weight: bold;
    margin-bottom: 10px;
}

@media (max-width: 1024px) {
    .worcationCaseHotel .pickup {
        width: 100%;
    }
    
    .worcationCaseHotelBox dl {
        margin-top: 0;
    }

    .worcationCaseHotelBox dl + dl {
        margin-top: 20px;
    }
}

@media (max-width: 599px) {
    .worcationCaseHotel .pickup {
        font-size: 14px;
        margin-bottom: 20px;
    }
    
    .worcationCaseHotelBox .tit {
        font-size: 16px;
        padding-bottom: 5px;
    }
    
    .worcationCaseHotelBox .left {
        width: 100%;
    }

    .worcationCaseHotelBox .right {
        width: 100%;
        margin-top: 10px;
    }
}

/*worcationCaseHotelInlink*/
.worcationCaseHotelInlink ul li a {
    color: #fff;
    text-align: center;
    display: block;
    text-decoration: none;
    background: #064ba6;
    padding: 10px;
}

@media (max-width: 599px) {
    .worcationCaseHotelInlink ul li a {
        font-size: 13px;
    }
}

/********************************
/********************************
/********************************

XXX:overseas

********************************/
/*基本設定*/
.overseasWrap .mainwrap {
    background: #fff;
    position: relative;
}

[data-element-id] .overseasWrap .mainwrap .show\@sp,
[data-element-id] .overseasWrap .mainwrap .show\@tb {
    width: 500px;
}

/*基本設定上書き用*/
/*台湾*/
.taiwanWrap .mainwrap {
    font-family: "メイリオ", "ＭＳ Ｐゴシック", Arial, sans-serif;
}

/*タイトル*/
.ttl-overseas01 {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background-image: url(https://www.wbf.co.jp/group/taiwan/images/fig_entry001.png);
    background-position: center center;
    background-repeat: no-repeat;
    padding: 20px 10px;
    margin-bottom: 30px;
    position: relative;
    z-index: 0;
}

.ttl-overseas01:after {
    content: "";
    width: 18px;
    height: 9px;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto;
    display: block;    
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    right: 0;
    z-index: 0;
}

@media (max-width: 599px) {
    .ttl-overseas01 {
        font-size: 19px;
        background-size: 90%;
    }
}

/*タイトル色*/
.ttl-overseas01-green {
    background-color: #8fc31f;
}

.ttl-overseas01-green:after {
    background-image: url(https://www.wbf.co.jp/group/taiwan/images/fig_entry002.png);
}

.ttl-overseas01-lightblue {
    background-color: #2ea7e0;
}

.ttl-overseas01-lightblue:after {
    background-image: url(https://www.wbf.co.jp/group/taiwan/images/fig_case001.png);
}

.ttl-overseas01-teal {
    background-color: #00B2B2;
}

.ttl-overseas01-teal:after {
    background-image: url(https://www.wbf.co.jp/group/taiwan/images/fig_case001.png);
}

.ttl-overseas01-purple {
    background-color: #7e318e;
}

.ttl-overseas01-purple:after {
    background-image: url(https://www.wbf.co.jp/group/taiwan/images/fig_tours002.png);
}

.ttl-overseas01-red {
  	background-color: #cd2d3a;
}

.ttl-overseas01-lightgreen {
	background-color: #7b8d42;
}

/*テキストカラー*/
/*台湾*/
.color-taiwan01 {
    color: #f39800;
}

/*韓国*/
.color-korea01 {
    color: #B20000;
}

/*背景色*/
.back-overseas01 {
    background-image: url(https://www.wbf.co.jp/group/taiwan/images/bg_navi001.jpg);
}

/*メインビジュアル上の画像*/
.overseasBack {
    height: 172px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

[data-element-id] .overseasBack {
    position: static;
}

@media (max-width: 1024px) {
    .overseasBack {
        height: 110px;
        position: static;
    }
}

/*メインビジュアル*/
.overseasMainimg {
    position: relative;
    z-index: 0;
}

/*メインビジュアル上書き用*/
/*台湾*/
.taiwanMainimg {
    height: 838px;
}

[data-element-id] .taiwanMainimg {
    height: auto;
}

.taiwanMainimg .imgbox {
    position: absolute;
    bottom: 0;
    left: -15px;
    z-index: 10;
}

[data-element-id] .taiwanMainimg .imgbox {
    position: static;
}

.taiwanMainimg .txtbox {
    line-height: 1.5;
    position: absolute;
    bottom: 10px;
    right: -10px;
    width: 580px;
    z-index: 20;
}

[data-element-id] .taiwanMainimg .txtbox {
    width: 100%;
    margin: 30px 0;
    position: static; 
}

.taiwanMainimg .txtbox .txt + .txt {
    margin-top: 10px;
}

@media (max-width: 1024px) {
    .taiwanMainimg {
        height: auto;
    }

    .taiwanMainimg .imgbox {
        position: static;
      /*  margin-top: -50px;  */
    }

    .taiwanMainimg .txtbox {
        width: 100%;
        margin: 30px 0;
        position: static;
    }

    .taiwanMainimg .txtbox .txt + .txt {
        padding-left: 0;
    }
}

@media (max-width: 599px) {
    .taiwanMainimg .imgbox {
        margin-top: 0;
    }
}

/*韓国*/
.koreaMainimg {
    height: 838px;
}

[data-element-id] .koreaMainimg {
    height: auto;
}

.koreaMainimg .imgbox {
    position: absolute;
    bottom: 0;
    left: -15px;
    z-index: 10;
}

[data-element-id] .koreaMainimg .imgbox {
    position: static;
}

.koreaMainimg .txtbox {
    line-height: 1.5;
    position: absolute;
    bottom: 60px;
    width: 420px;
    font-size: 18px;
    font-weight: bold;
    z-index: 20;
}

[data-element-id] .koreaMainimg .txtbox {
    width: 100%;
    margin: 30px 0;
    position: static; 
}

.koreaMainimg .txtbox .txt + .txt {
    margin-top: 10px;
}

@media (max-width: 1024px) {
    .koreaMainimg {
        height: auto;
    }

    .koreaMainimg .imgbox {
        position: static;
        margin-top: -50px;
    }

    .koreaMainimg .txtbox {
      font-size: 14px;
        width: 100%;
        margin: 30px 0;
        position: static;
    }

    .koreaMainimg .txtbox .txt + .txt {
        padding-left: 0;
    }
}

@media (max-width: 599px) {
    .koreaMainimg .imgbox {
        margin-top: -30px;
    }
}

/*overseasContact*/
.overseasContact {
    height: 273px;
    position: relative;
    z-index: 0;
}

.overseasContact ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;        
    position: absolute;
    bottom: 20px;
    left: 0;
}

.overseasContact ul li:nth-of-type(1) {
    width: 466px
}

.overseasContact ul li:nth-of-type(2) {
    width: 318px;
}

.overseasContact ul li a {
    height: 75px;
    line-height: 75px;
    font-weight: bold;
    display: block;
    padding-left: 70px;    
    position: relative;
    z-index: 0;
}

.overseasContact ul li:nth-of-type(1) a {
    font-size: 48px;
    font-family: "游ゴシック", YuGothic , Helvetica, "sans-serif";
}

.overseasContact ul li:nth-of-type(2) a {
    font-size: 18px;
}

.overseasContact ul li a .img {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: -1;
}

@media (max-width: 1024px) {
    .overseasContact ul li:nth-of-type(1) {
        width: 50%;
    }

    .overseasContact ul li:nth-of-type(1) a {
        font-size: 30px;
    }
    
    .overseasContact ul li:nth-of-type(2) {
        width: 40%;
    }
}

@media (max-width: 599px) {
    .overseasContact {
        height: 144px;
    }
    
    .overseasContact ul {
        bottom: 10px;
    }
    
    .overseasContact ul li a {
        height: 40px;
        line-height: 1.2;
        padding-left: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;        
    }
    
    .overseasContact ul li:nth-of-type(1) a {
        font-size: 20px;
    }
    
    .overseasContact ul li:nth-of-type(2) a {
        font-size: 13px;
    }
}

/*Contact上書き用*/
/*台湾*/
.taiwanContact ul li a {
    color: #f39800;
}

/*韓国*/
.koreaContact ul li a {
    color: #B20000;
}

/*セブ島*/
.cebuContact ul li a {
    color: #FF007F;
}

/*overseasLink*/
.overseasLink {
    background-image: url(https://www.wbf.co.jp/group/taiwan/images/bg_navi001.jpg);
    padding: 20px 0;
}

.overseasLink ul li {
    width: calc(100% / 9);
}

.overseasLink ul li a {
    height: 100%;
    font-size: 14px;
    line-height: 1.2;
    font-weight: bold;
    text-align: center;
    display: block;
    border-left: 1px dotted #777;
    padding-top: 30px;
    position: relative;
    z-index: 0;
}

.overseasLink ul li:last-of-type a {
    border-right: 1px dotted #777;
}

.overseasLink ul li a .img {
    width: 30px;
    position: absolute;
    top: 5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: -1;
}

@media (max-width: 599px) {
    .overseasLink .inner {
        width: 100%;
    }
    
    .overseasLink {
        width: 100%;
        display: none;
        padding: 0;
        position: fixed;
        top: 60px;
        left: 0;
        z-index: 82;
    }

    .overseasWrap.active .overseasLink {
        display: block;
    }
    
    .overseasLink ul {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    
    .overseasLink ul li {
        width: calc(100% / 3);
    }
    
    .overseasLink ul li a {
        padding-top: 40px;
        padding-bottom: 10px;
        border-bottom: 1px dotted #777;
    }
    
    .overseasLink ul li:nth-of-type(n + 7) a {
        border-bottom: none;
    }
    
    .overseasLink ul li a .img {
        top: 10px;
    }

    .overlay {
        display: none;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        z-index: 4;
        background: rgba(0,0,0,0.7);
    }

    .overseasWrap.active .overlay {
        display: block;
        opacity: 1;
        z-index: 1;
        visibility: visible;
    }    
}

/*menuMore*/
.menuMore {
    color: #fff;
    background: #3881bb;
    border-radius: 20px;
    padding: 10px 10px;
    position: fixed;
    bottom: 2%;
    left: 2%;
    z-index: 81;
}

.menuMore .img {
    max-width: 20px;
    margin: 0 auto;
}

/*overseasMerit*/
.overseasMerit .ttl {
    margin-bottom: 60px;
}

.overseasMerit .img {
    /*width: 719px;*/
    max-width: 100%;
}

@media (max-width: 599px) {
    .overseasMerit .ttl {
        margin-bottom: 30px;
    }
    
    .overseasMerit .img {
        width: 330px;
        margin-left: auto;
        margin-right: auto;
    }
}

/*overseasReason*/
.overseasReason ul li + li {
    margin-top: 20px;
}

.overseasReason ul li .tit {
    font-size: 22px;
    color: #f39800;
    font-weight: bold;
    line-height: 1;
}

.overseasReason ul li .tit img {
    display: inline-block;
}

/* 韓国 */
.overseasReason ul li .tit_korea {
    font-size: 22px;
    color: #B20000;
    font-weight: bold;
    line-height: 1;
}

.overseasReason ul li .tit_korea img {
    display: inline-block;
}

/* セブ島 */
.overseasReason ul li .tit_cebu {
    font-size: 22px;
    color: #FF007F;
    font-weight: bold;
    line-height: 1;
}

.overseasReason ul li .tit_cebu img {
    display: inline-block;
}

/* グアム */
.overseasReason ul li .tit_guam {
    font-size: 22px;
    color: #2960b3;
    font-weight: bold;
    line-height: 1;
}

.overseasReason ul li .tit_guam img {
    display: inline-block;
}

.overseasReason ul li .txtbox {
    padding-left: 40px;
}

@media (max-width: 599px) {
    .overseasReason ul li .tit {
        font-size: 20px;
        text-indent: -1.5em;
        padding-left: 1.5em;
    }
    
    .overseasReason ul li .txtbox {
        margin-top: 10px;
        padding-left: 0;
    }
}

/*上書き用*/
/*台湾*/
.taiwanReasonList {
    margin-top: 5px;
}

.taiwanReasonListTit {
    font-size: 15px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 5px;
}

.taiwanReasonList .list {
    padding-left: 40px;
}

.taiwanReasonList .list .item .name + .name {
    margin-left: 30px;
}

@media (max-width: 599px) {
    .taiwanReasonList .list {
        padding-left: 0;
    }
}

/*overseasEnvironment*/
.overseasEnvironment .ttl {
    margin-bottom: 30px;
}

/*overseasEnvironmentClimate*/
.overseasEnvironmentClimate {
    position: relative;
    z-index: 0;
}

.overseasEnvironmentClimate .tit {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}

.overseasEnvironmentClimate .back {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.overseasEnvironmentClimate .knowledgewrap {
    padding: 0;
}

.overseasEnvironmentClimate .whetherwrap {
    margin: 0;
    padding: 0;
    background: none;
}

.overseasEnvironmentClimate .whetherwrap .table01 {
    margin: 0;
}

.overseasEnvironmentClimate .knowledgewrap .whetherwrap .table01 th:not(.bg_none) {
    background: #4a5f9f;
}

.overseasEnvironmentClimate .knowledgewrap .whetherwrap .table01 .high_temp {
    color: #de5a9c;
    font-weight: bold;
}

.overseasEnvironmentClimate .knowledgewrap .whetherwrap .table01 .low_temp {
    color: #23b1e6;
    font-weight: bold;
}

@media (max-width: 599px) {
    .overseasEnvironmentClimate .tit {
        font-size: 18px;
    }
}

/*overseasEnvironmentTime*/
.overseasEnvironmentTime .inner {
    border-bottom: 1px solid #bfbfbf;
    padding-bottom: 70px;
}

.overseasEnvironmentTimeList ul li + li {
    margin-top: 20px;
}

.overseasEnvironmentTimeList ul li .tit {
    font-size: 16px;
    font-weight: bold;
    color: #2ea7e0;
    margin-bottom: 5px;
}

.taiwanEnvironmentTimeTxtbox {
    background: #f9f9f4;
    padding: 15px 20px 20px;
}

.taiwanEnvironmentTimeTxtbox .subtxt {
    font-size: 12px;
    margin-top: 20px;
}

.taiwanEnvironmentTimeTxtbox .more {
    background: #fff;
    text-align: center;
}

.taiwanEnvironmentTimeTxtbox .more img {
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 599px) {
    .overseasEnvironmentTime .left {
        width: 100%;
    }

    .overseasEnvironmentTime .right {
        width: 100%;
        margin-top: 20px;
    }
}

/*overseasFaq*/
.overseasFaqBox {
    background-image: url(https://www.wbf.co.jp/group/taiwan/images/bg_knowledge001.jpg);
}

.overseasFaqBox ul li + li {
    margin-top: 20px;
}

.overseasFaqBox dl dt {
    padding-left: 180px;
    position: relative;
    z-index: 0;
}

.overseasFaqBox dl dt .img {
    width: 140px;
    position: absolute;
    left: 20px;
    z-index: 0;
}

.overseasFaqBox dl dt .tit {
    font-size: 24px;
    color: #000;
    font-weight: bold;
    height: 140px;
    line-height: 140px;
}
/* 韓国 */
.overseasFaqBox dl dt .tit_korea {
    font-size: 24px;
    display: table-cell;
    vertical-align: middle;
    color: #B20000;
    font-weight: bold;
    height: 160px;
    line-height: 34px;
}

/* セブ島 */
.overseasFaqBox dl dt .tit_cebu {
    font-size: 24px;
    display: table-cell;
    vertical-align: middle;
    color: #FF007F;
    font-weight: bold;
    height: 160px;
    line-height: 34px;
}

/* 台湾 */
.overseasFaqBox dl dt .tit_taiwan {
    font-size: 24px;
    display: table-cell;
    vertical-align: middle;
    color: #f39800;
    font-weight: bold;
    height: 160px;
    line-height: 34px;
}

.overseasFaqBox dl .txtbox {
    background: #fff;
    border-radius: 20px;
    -webkit-box-shadow: 4px 0px 4px rgb(0 0 0 / 30%), 0px 4px 4px rgb(0 0 0 / 30%), -1px 0px 1px rgb(0 0 0 / 10%), 0px -1px 1px rgb(0 0 0 / 10%);
            box-shadow: 4px 0px 4px rgb(0 0 0 / 30%), 0px 4px 4px rgb(0 0 0 / 30%), -1px 0px 1px rgb(0 0 0 / 10%), 0px -1px 1px rgb(0 0 0 / 10%);
    padding: 20px 40px 20px 40px;
    position: relative;
    z-index: 1;
}

@media (max-width: 599px) {
    .overseasFaqBox dl dt {
        padding-left: 130px;
    }
    
    .overseasFaqBox dl dt .img {
        width: 100px;
    }
    
    .overseasFaqBox dl dt .tit {
        font-size: 16px;
        color: #000;
        font-weight: bold;
        height: 140px;
        line-height: 1.5;
    }
    
    .overseasFaqBox dl .txtbox {
        padding: 10px;
    }
}

/*上書き用*/
/*台湾*/
.taiwanFaqBox dl .txtbox {
    padding-right: 150px;
    position: relative;
    z-index: 0;
}

.taiwanFaqBox dl .txtbox .img {
    width: 160px;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 0;
}

@media (max-width: 1024px) {
    .taiwanFaqBox dl .txtbox .img {
        width: 130px;
    }
}

@media (max-width: 599px) {
    .taiwanFaqBox dl .txtbox {
        padding: 10px;
    }
    
    .taiwanFaqBox dl .txtbox .img {
        margin: 0 auto;
        position: relative;
        right: 0;
        top: 0;
        -webkit-transform: inherit;
                transform: inherit;
    }
}

/*エリアマップ上書き用*/
/*台湾*/
.taiwanAreaNaviSection .img_ttl {
    top: 26px;
    left: 30px;
}

.taiwanAreaNaviSection .topsSubSection li.area01 {
    top: 13%;
    right: 2%;
}

.taiwanAreaNaviSection .topsSubSection li.area02 {
    top: 35%;
    right: 4%;
}

.taiwanAreaNaviSection .topsSubSection li.area03 {
    top: 62%;
    right: 14%;
}

.taiwanAreaNaviSection .topsSubSection li.area04 {
    top: 78%;
    right: 24%;
}

@media (max-width: 599px) {
    .taiwanAreaNaviSection .topsSubSection {
        width: 100%;
    }
    
    .taiwanAreaNaviSection .topsSubSection .img {
        height: 664px;
    }
    
    .taiwanAreaNaviSection .topsSubSection .photo {
        width: 154px;
        left: 0;
    }
    
    .taiwanAreaNaviSection .img_ttl {
        position: absolute;
        width: 156px;
        top: 10px;
        left: 10px;
    }
    
    .taiwanAreaNaviSection .ul_01 {
        position: relative;
    }
    
    .taiwanAreaNaviSection .area01 img {
        top: -600px;
        left: 200px;
        width: 40%;
        height: auto;
        position: absolute;
    }
    
    .taiwanAreaNaviSection .ul_02 {
        position: relative;
    }
    
    .taiwanAreaNaviSection .area02 img {
        top: -350px;
        left: 200px;
        width: 40%;
        height: auto;
        position: absolute;
    }
    
    .taiwanAreaNaviSection .ul_03 {
        position: relative;
    }
    
    .taiwanAreaNaviSection .area03 img {
        top: -250px;
        left: 180px;
        width: 40%;
        height: auto;
        position: absolute;
    }
    
    .taiwanAreaNaviSection .ul_04 {
        position: relative;
    }
    
    .taiwanAreaNaviSection .area04 img {
        top: -180px;
        left: 120px;
        width: 40%;
        height: auto;
        position: absolute;
    }
 
}

/*韓国*/
.koreaAreaNaviSection .img_ttl {
    top: 26px;
    left: 30px;
}

.koreaAreaNaviSection .topsSubSection li.area01 {
    top: 13%;
    right: 15%;
}

.koreaAreaNaviSection .topsSubSection li.area02 {
    top: 35%;
    right: 4%;
}

.koreaAreaNaviSection .topsSubSection li.area03 {
    top: 80%;
    right: 10%;
}


@media (max-width: 599px) {
    .koreaAreaNaviSection .topsSubSection {
        width: 100%;
    }
    
    .koreaAreaNaviSection .topsSubSection .img {
        height: 664px;
    }
    
    .koreaAreaNaviSection .topsSubSection .photo {
        width: 154px;
        left: 0;
    }
    
    .koreaAreaNaviSection .img_ttl {
        width: 156px;
        top: 500px;
        left: 200px;
        position: absolute;
    }
    
    .koreaAreaNaviSection .area01 {
        position: relative;
    }
    
    .koreaAreaNaviSection .area01 img {
        top: 50px;
        left: 100px;
        width: 40%;
        height: auto;
        position: absolute;
    }
    
    .koreaAreaNaviSection .area02 {
        position: relative;
    }
    
    .koreaAreaNaviSection .area02 img {
        top: 300px;
        left: 150px;
        width: 40%;
        height: auto;
        position: absolute;
    }
    
    .koreaAreaNaviSection .area03 {
        position: relative;
    }
    
    .koreaAreaNaviSection .area03 img {
        top: 540px;
        left: 30px;
        width: 40%;
        height: auto;
        position: absolute;
    }
    
}

/*香港・マカオ*/
.hongkongAreaNaviSection .img_ttl {
    top: 26px;
    left: 715px;
}

.hongkongAreaNaviSection .topsSubSection li.area01 {
    top: 45%;
    right: 30%;
}

.hongkongAreaNaviSection .topsSubSection li.area02 {
    top: 65%;
    right: 5%;
}

.hongkongAreaNaviSection .topsSubSection li.area03 {
    top: 80%;
    right: 30%;
}

.hongkongAreaNaviSection .topsSubSection li.area04 {
    top: 50%;
    right: 80%;
}

@media (max-width: 599px) {
    .hongkongAreaNaviSection .topsSubSection {
        width: 100%;
    }
    
    .hongkongAreaNaviSection .topsSubSection .img {
        height: 664px;
    }
    
    .hongkongAreaNaviSection .topsSubSection .photo {
        display: none;
    }
    
    .hongkongAreaNaviSection .img_ttl {
        position: absolute;
        width: 156px;
        top: 10px;
        left: 10px;
    }
    
    .hongkongAreaNaviSection .ul_01 {
        position: relative;
    }
    
    .hongkongAreaNaviSection .area01 img {
        position: absolute;
        width: 40%;
        top: -470px;
        left: 200px;
    }
    
/*    .hongkongAreaNaviSection .ul_02 {
        position: relative;
    }*/
    
    .hongkongAreaNaviSection .area02 img {
        position: absolute;
        width: 40%;
        top: -335px;
        left: 65px;
    }
    
/*    .hongkongAreaNaviSection .ul_03 {
        position: relative;
    }*/
    
    .hongkongAreaNaviSection .area03 img {
        top: -260px;
        left: 190px;
        width: 40%;
        height: auto;
        position: absolute;
    }
    
    .hongkongAreaNaviSection .ul_04 {
        position: relative;
    }
    
    .hongkongAreaNaviSection .area04 img {
        top: -150px;
        left: 160px;
        width: 40%;
        height: auto;
        position: absolute;
    }
}

/*セブ島*/
.cebuAreaNaviSection .img_ttl {
    top: 26px;
    left: 30px;
}

.cebuAreaNaviSection .topsSubSection li.area01 {
    top: 75%;
    right: 70%;
}

.cebuAreaNaviSection .topsSubSection li.area02 {
    top: 75%;
    right: 25%;
}


@media (max-width: 599px) {
    .cebuAreaNaviSection .topsSubSection {
        width: 100%;
    }
    
    .cebuAreaNaviSection .topsSubSection .img {
        height: 664px;
    }
    
    .cebuAreaNaviSection .topsSubSection .photo {
        width: 154px;
        left: 0;
    }
    
    .cebuAreaNaviSection .img_ttl {
        width: 156px;
        top: 500px;
        left: 200px;
        position: absolute;
    }
    
    .cebuAreaNaviSection .area01 {
        position: relative;
    }
    
    .cebuAreaNaviSection .area01 img {
        top: -380px;
        left: 40px;
        width: 40%;
        height: auto;
        position: absolute;
    }
    
    .cebuAreaNaviSection .area02 {
        position: relative;
    }
    
    .cebuAreaNaviSection .area02 img {
        top: -90px;
        left: 210px;
        width: 40%;
        height: auto;
        position: absolute;
    }
}

/*バリ島*/
.baliAreaNaviSection .img_ttl {
    top: 26px;
    left: 30px;
}

.baliAreaNaviSection .topsSubSection li.area01 {
    top: 10%;
    right: 30%;
}

.baliAreaNaviSection .topsSubSection li.area02 {
    top: 34%;
    right: 30%;
}

.baliAreaNaviSection .topsSubSection li.area03 {
    top: 65%;
    right: 40%;
}

.baliAreaNaviSection .topsSubSection li.area04 {
    top: 70%;
    right: 20%;
}

@media (max-width: 599px) {
    .baliAreaNaviSection .topsSubSection {
        width: 100%;
    }
    
    .baliAreaNaviSection .topsSubSection .img {
        height: 664px;
    }
    
    .baliAreaNaviSection .topsSubSection .photo {
        width: 154px;
        left: 0;
    }
    
    .baliAreaNaviSection .img_ttl {
        position: absolute;
        width: 156px;
        top: 10px;
        left: 190px;
    }
    
    .baliAreaNaviSection .ul_01 {
        position: relative;
    }
    
    .baliAreaNaviSection .area01 img {
        top: -640px;
        left: 30px;
        width: 40%;
        height: auto;
        position: absolute;
    }
    
    .baliAreaNaviSection .ul_02 {
        position: relative;
    }
    
    .baliAreaNaviSection .area02 img {
        top: -435px;
        left: 60px;
        width: 40%;
        height: auto;
        position: absolute;
    }
    
    .baliAreaNaviSection .ul_03 {
        position: relative;
    }
    
    .baliAreaNaviSection .area03 img {
        top: -210px;
        left: 0px;
        width: 40%;
        height: auto;
        position: absolute;
    }
    
    .baliAreaNaviSection .ul_04 {
        position: relative;
    }
    
    .baliAreaNaviSection .area04 img {
        top: -180px;
        left: 150px;
        width: 40%;
        height: auto;
        position: absolute;
    }
 }

/*タイ*/
.thailandAreaNaviSection .img_ttl {
    top: 26px;
    left: 30px;
}

.thailandAreaNaviSection .topsSubSection li.area01 {
    top: 25%;
    right: 30%;
}

.thailandAreaNaviSection .topsSubSection li.area02 {
    top: 60%;
    right: 5%;
}


@media (max-width: 599px) {
    .thailandAreaNaviSection .topsSubSection {
        width: 100%;
    }
    
    .thailandAreaNaviSection .topsSubSection .img {
        height: 664px;
    }
    
    .thailandAreaNaviSection .topsSubSection .photo {
        width: 154px;
        left: 0;
    }
    
    .thailandAreaNaviSection .img_ttl {
        width: 156px;
        top: 500px;
        left: 200px;
        position: absolute;
    }
    
    .thailandAreaNaviSection .area01 {
        position: relative;
    }
    
    .thailandAreaNaviSection .area01 img {
        top: -230px;
        left: 210px;
        width: 40%;
        height: auto;
        position: absolute;
    }
    
    .thailandAreaNaviSection .area02 {
        position: relative;
    }
    
    .thailandAreaNaviSection .area02 img {
        top: -90px;
        left: 210px;
        width: 40%;
        height: auto;
        position: absolute;
    }
}

/*ベトナム*/
.vetAreaNaviSection .topsSubSection li.area01 {
    top: 5%;
    right: 75%;
}

.vetAreaNaviSection .topsSubSection li.area02 {
    top: 35%;
    right: 50%;
}

.vetAreaNaviSection .topsSubSection li.area03 {
    top: 82%;
    right: 55%;
}


@media (max-width: 599px) {
    .vetAreaNaviSection .topsSubSection {
        width: 100%;
    }
    
    .vetAreaNaviSection .topsSubSection .img {
        height: 664px;
    }
    
    .vetAreaNaviSection .topsSubSection .photo {
        width: 154px;
        left: 0;
    }
    
    .vetAreaNaviSection .area01 {
        position: relative;
    }
    
    .vetAreaNaviSection .area01 img {
        top: 15px;
        left: 25px;
        position: absolute;
    }
    
    .vetAreaNaviSection .area02 {
        position: relative;
    }
    
    .vetAreaNaviSection .area02 img {
        top: 180px;
        left: 173px;
        position: absolute;
    }
    
    .vetAreaNaviSection .area03 {
        position: relative;
    }
    
    .vetAreaNaviSection .area03 img {
        top: 490px;
        left: 170px;
        position: absolute;
    }
}


/*overseasGourmet*/
#gourmet_cebu {
  background-image: url(/upload/tenant_1/companytrip_guam_bg_hotel001.jpg);
}
.overseasGourmet {
    background-image: url(https://www.wbf.co.jp/group/taiwan/images/bg_gourme001.webp);
}

.overseasGourmet .ttlbox {
    text-align: center;
    margin-bottom: 30px;
}

.overseasGourmet .ttlbox .ttl {
    font-size: 28px;
    font-weight: bold;
    color: #ea5514;
    position: relative;
    z-index: 0;
}

.overseasGourmet .ttlbox .ttl .img {
    padding-right: 20px;
}

.overseasGourmet .ttlbox .ttl .img img {
    display: inline-block;
}

.overseasGourmetList .tit {
    font-size: 19px;
    font-weight: bold;
    line-height: 1.5;
    margin-top: 10px;
}

.overseasGourmetList .tit_korea {
    font-size: 19px;
    font-weight: bold;
    line-height: 1.5;
    margin-top: 10px;
    color: #B20000;
}

.overseasGourmetList .txt {
    font-size: 12px;
    line-height: 20px;
    margin-top: 10px;
}

.overseasGourmetList .more {
    text-align: right;
}

.overseasGourmetList .more a {
    font-size: 12px;
    color: #000;
    text-decoration: underline;
}

/*上書き用*/
.overseasGourmetList-color-orange .ttlbox .ttl,
.overseasGourmetList-color-orange .tit{
    color: #ea5514;
}

.overseasGourmetList-color-green .tit {
    color: #8fc31f;
}

.overseasGourmetList-color-green .tit .num {
    background: #8fc31f;
}

.overseasGourmetList-color-lightblue .tit {
    color: #2ea7e0;
}

.overseasGourmetList-color-lightblue .tit .num {
    background: #2ea7e0;
}

.overseasGourmetList-color-purple .tit {
    color: #7e318e;
}

.overseasGourmetList-color-purple .tit .num {
    background: #7e318e;
}

.overseasGourmetList-color-pink .tit {
    color: #FF007F;
}

.overseasGourmetList-color-pink .tit .num {
    background: #FF007F;
}

.overseasGourmetList-color-pink .ttlbox .ttl {
	  color: #FF007F;
}

.overseasGourmetList-color-red .ttlbox .ttl {
	  color: #B20000;
}


/*上書き用*/
/*台湾*/
.taiwanCourse {
    background-image: url(https://www.wbf.co.jp/group/taiwan/images/bg_model_course001.jpg);
}

/*韓国*/
.koreaCourse {
    background-image: url(/upload/tenant_1/companytrip_kr_bg_model_course001.webp);
}

/*タイ*/
.thaiCourse {
    background-image: url(/upload/tenant_1/companytrip_thai_bg_model_course001.jpg);
    background-size: cover;
}

/*overseasArrangement*/
.overseasArrangement .right {
    margin-top: 30px;
}

.overseasArrangement .right > * + * {
    margin-top: 30px;
}

.overseasArrangementCase .tit {
    font-size: 26px;
    font-weight: bold;
    line-height: 1.4;
}

.overseasArrangementCase .tit .num {
    font-size: 26px;
    font-weight: bold;
    line-height: 1.4;       
    color: #fff;
    margin-left: 5px;
    display: inline-block;
    padding: 0 5px; 
}

.overseasArrangementCase .img {
    margin-bottom: 20px;
}

.overseasArrangementCase ul li + li {
    margin-top: 30px;
}

.overseasArrangementCase ul li .tit {
    font-size: 18px;
    font-weight: bold;
    color: #2ea7e0;
    margin-bottom: 10px;
}

.overseasArrangementData .tit {
    font-size: 14px;
    font-weight: bold;
}

.overseasArrangementData .table {
    width: 100%;
    text-align: left;
}

.overseasArrangementData .table table {
    width: 100%;
}

.overseasArrangementData .table tr {
    border-bottom: 1px solid #bfbfbf;
}

.overseasArrangementData .table th,
.overseasArrangementData .table td {
    padding: 5px 0;
}

.overseasArrangementData .table th {
    width: 75px;
}

.overseasArrangementProcess .tit {
    font-size: 14px;
    font-weight: bold;
}

.overseasArrangementProcess .table table {
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #bfbfbf;
}

.overseasArrangementProcess .table table .topCell {
    border-top: 1px solid #bfbfbf;
}

.overseasArrangementProcess .table table th {
    font-size: 12px;
    width: 49px;
    font-weight: normal;
    padding: 5px 0;
    vertical-align: top;
    background-color: #f4f4f4;
}

.overseasArrangementProcess .table table td {
    padding: 5px;
}

.overseasArrangementProcess .table table .days {
    width: 20px;
    font-weight: bold;
    vertical-align: middle;
    background-color: #c9d5ec;
    text-align: center;
}

.overseasArrangementProcess .table table .days.even {
    background-color: #9abcd1;
}

@media (max-width: 1024px) {
    .overseasArrangement .left {
        width: 100%;
    }

    .overseasArrangement .right {
        width: 100%;
    }
}

/*overseasFlow*/
.overseasFlow {
    background: url(https://www.wbf.co.jp/group/taiwan/images/bg_knowledge001.jpg);
}

.overseasFlow .item {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-shadow: 4px 0px 4px rgb(0 0 0 / 20%), 0px 4px 4px rgb(0 0 0 / 20%), -1px 0px 1px rgb(0 0 0 / 10%), 0px -1px 1px rgb(0 0 0 / 10%);
            box-shadow: 4px 0px 4px rgb(0 0 0 / 20%), 0px 4px 4px rgb(0 0 0 / 20%), -1px 0px 1px rgb(0 0 0 / 10%), 0px -1px 1px rgb(0 0 0 / 10%);;
    padding: 20px;
    position: relative;
    z-index: 0;
}

.overseasFlow ul.list > li + li {
    margin-top: 30px;
}

.overseasFlow .item .step {
    width: 175px;
    font-size: 40px;
    height: 100px;
    padding-top: 25px;
    color: #fff;
    text-align: center;
    position: relative;
    z-index: 0;
}

.overseasFlow .item .step .img {
    position: absolute;
    bottom: 0px;
    z-index: -1;
}

.overseasFlow .item .txtbox {
    width: calc(100% - 200px);
}

.overseasFlow .item .txtbox .tit {
    font-size: 27px;
    font-weight: bold;
    padding: 10px 0;
}

.overseasFlow .item .txtbox .txt {
    font-size: 18px;
    line-height: 31px;
}

.overseasFlow .item .txtbox .note {
    font-size: 14px;
    line-height: 1.2;
    text-indent: -1em;
    padding-left: 1em;    
    margin-top: 5px;
}

.overseasFlowTel ul li a {
    font-weight: bold;
    line-height: 70px;
    border: 1px solid #d2d2d2;
    display: block;
    padding-left: 70px; 
    position: relative;
    z-index: 0;    
}

.overseasFlowTel ul li:nth-of-type(1) a {
    font-size: 30px;
}

.overseasFlowTel ul li:nth-of-type(2) a {
    font-size: 18px;
}

.overseasFlowTel ul li a .img {
    line-height: 1;
    position: absolute;
    top: 50%;
    left: 15px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: -1;
}

@media (max-width: 599px) {
    .overseasFlow .item .txtbox {
        width: 100%;
    }
    
    .overseasFlow .item .txtbox .tit {
        font-size: 17px;
        line-height: 1.5;
        padding-left: 95px;
        padding-top: 0;
    }
    
    .overseasFlow .item .txtbox .txt {
        font-size: 13px;
    }
    
    .overseasFlow .item .step {
        width: 85px;
        font-size: 20px;
        height: auto;
        padding-top: 0px;
        position: absolute;
        top: 30px;
    }
    
    .overseasFlowTel ul li:nth-of-type(1) a {
        font-size: 24px;
    }
    
    .overseasFlowTel ul li:nth-of-type(2) a {
        font-size: 14px;
    }
    
    .overseasFlowTel ul li a {
        height: 50px;
        line-height: 50px;
    }
    
    .overseasFlowTel ul li a .img {
        width: 30px;
    }
}

/*上書き用*/
/*台湾*/
.taiwanFlow .item .tit {
    color: #469737;
}

.taiwanFlow .overseasFlowTel ul li a {
    color: #f39800;
}

.taiwanFlow .item .txtbox .note {
    color: #ea5514;
}

/*香港・マカオ*/
.hongkongFlow .item .tit {
    color: #003366;
}

.hongkongFlow .overseasFlowTel ul li a {
    color: #B20000;
}

.hongkongFlow .item .txtbox .note {
    color: #ea5514;
}

/*セブ島*/
.cebuFlow .item .tit {
    color: #003366;
}

.cebuFlow .overseasFlowTel ul li a {
    color: #FF007F;
}

.cebuFlow .item .txtbox .note {
    color: #ea5514;
}


/*overseasCourse*/
.overseasCourseItem {
    padding: 30px 10px 10px;
}

.overseasCourseItem .imgtit {
    text-align: center;
    position: relative;
    z-index: 0;
}

.overseasCourseItem .imgtit_hkg {
    text-align: left;
    position: relative;
    z-index: 0;
    float: left
}

.overseasCourseItem .imgtit .point {
    position: absolute;
    top: 20px;
    right: 0;
    z-index: 0;
}

.overseasCourseItem .imgtit img {
    margin: 0 auto;
}

.overseasCourseItem h1 {
    font-size: 24px;
    font-weight: bold;    
    color: #fff;
    margin: 10px auto;    
    line-height: 180%;
    margin-left: 30px;
}

.overseasCourseItem h2 {
    font-size: 18px;
    font-weight: bold;    
    color: #fff;
    margin: 10px auto;    
    line-height: 150%;
    margin-left: 30px;
}

.overseasCourseItem .read {
    width: 90%;
    font-size: 13px;
    font-weight: bold;    
    color: #fff;
    margin: 10px auto;    
}

.overseasCourseItem .trigger {
    color: #fff;
    text-align: center;
    text-decoration: underline;
}

[data-element-id] .overseasWrap .mainwrap .overseasCourseItem .trigger.show\@sp {
    width: auto;
}

.overseasCourseItemDay {
    background: #fff;
    padding: 30px 10px;
}

.overseasCourseItemDay ul li + li {
    margin-top: 30px;
}

.overseasCourseItemDay .tit {
    font-size: 17px;
    font-weight: bold;
    line-height: 1;
    background-repeat: no-repeat;
    padding-left: 20px;
    margin-bottom: 20px;
}

.overseasCourseItemDay .photo {
    margin: 10px 0;
}

.overseasCourseItemDay .photo-box {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 95%;
    box-sizing: border-box;
}

.overseasCourseItemDay .photo-box li {
    width: calc(100%/3);
    height: auto;
    padding-top: 20px;
    padding-right: 10px;
    box-sizing: border-box;
  
}

.overseasCourseItemDay dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.overseasCourseItemDay dl dt {
    width: 35px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.2;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

.overseasCourseItemDay dl dd {
    width: calc(100% - 35px);
    font-size: 14px;
    line-height: 1.2;
}

@media (max-width: 1024px) {
    .overseasCourseItem .imgtit .point {
        width: 50px;
    }
}

@media (min-width: 600px) {
    .overseasCourseItemDay {
        display: block !important;
    }
}

@media (max-width: 599px) {
    .overseasCourseItem {
        padding: 30px 10px 30px;
    }
    .areaNaviSection .topsSubSection li{width:100%;top:inherit !important;left:inherit !important;right:inherit !important;}
    .areaNaviSection .topsSubSection li a{
      width: 100%;
      display: flex;
      align-items: center;
    }
    .areaNavi_mdl{width:90%;padding:20px;font-size:80%;top: 43%;}
}

/*上書き用*/
.overseasCourseItem-color-green {
    background: #90c31f;
}

.overseasCourseItem-color-green .overseasCourseItemDay .tit {
    color: #90c31f;
    background-image: url(https://www.wbf.co.jp/group/taiwan/images/bg_model_course011.png);
}

.overseasCourseItem-color-purple {
    background: #e175a5;
}

.overseasCourseItem-color-purple .overseasCourseItemDay .tit {
    color: #e175a5;
    background-image: url(https://www.wbf.co.jp/group/taiwan/images/bg_model_course011.png);
}

.overseasCourseItem-color-pink {
    background: #e175a5;
}

.overseasCourseItem-color-pink .overseasCourseItemDay .tit {
    color: #e175a5;
    background-image: url(https://www.wbf.co.jp/group/taiwan/images/bg_model_course021.png);
}

.overseasCourseItem-color-blue {
    background: #3d85c6;
}

.overseasCourseItem-color-blue .overseasCourseItemDay .tit {
    color: #3d85c6;
    background-image: url(https://www.wbf.co.jp/group/taiwan/images/bg_model_course031.png);
}

.overseasCourseItem-color-orange {
    background: #ff9900;
}

.overseasCourseItem-color-orange .overseasCourseItemDay .tit {
    color: #ff9900;
    background-image: url(https://www.wbf.co.jp/group/taiwan/images/bg_model_course031.png);
}

.overseasCourseItem-color-olive {
    background: #808000;
}

.overseasCourseItem-color-olive .overseasCourseItemDay .tit {
    color: #808000;
    background-image: url(https://www.wbf.co.jp/group/korea/images/bg_model_course031.png);
}


.tabBtn {
  margin: 20px 0;
}


#hotelNavi {
  background-image: url(/upload/tenant_1/companytrip_guam_bg_hotel001.jpg);
}

/* グアムホテル */

.areaNaviSection .commonSubSection .htlpoint li {
  width: auto;
  background: #0DA49F;
    color: #fff;
    border-radius: 5px;
    padding: 5px 6px;
    display: inline-block;
    margin: 2px;
    float: none;
}
#ovl {
    z-index: 10;
}



/* 費用感とシーズン */
.costSection {
  margin: 30px 0 80px;
}

.costSection h3 {
  color: #4a81bb;
  font-weight: 700;
  font-size: 20px;
  text-align: center;
}

.costSection .budget,
.costSection .season {
  border-collapse: inherit;
    width: 100%;
    margin-bottom: 50px;
}
.costSection .seasonHead-row {
  background-color: #949494; 
  color: #fff;
}

/* .costSection .seasonHead-row th {
  left: 0;
    position: sticky;
    top: 0;
}*/

.costSection .homen-side {
  background-color: #f0f3f3; 
  width: 20%;
}

.costSection td {
  background-color: #f0fff0;
}

.costSection .budget .blue {
  background-color: #66cdaa;
  color: #fff;
  text-align: center;
}

.costSection .season .blue {
  background-color: #3a77c7;
  color: #fff;
  text-align: center;
}

@media (max-width: 599px){
.costSection .scroll {
    overflow: auto;
    white-space: nowrap;
}
  .costSection .homen-side {
    width: 18%;
  }
}


.newsWrap {
    border: 3px dotted #4a81bb;
    padding: 20px;
    overflow: hidden;
    padding-bottom: 5rem;
}

.newsWrap ul li {
  border-top: 1px dashed #999;
    padding-top: 25px;
    margin-bottom: 15px;
    border-bottom: 0;
}

.newsWrap ul li a {
    display: flex;
    color: #1D7DBE;
}

.newsWrap .date {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 95px;
    flex: 0 0 95px;
    font-size: 14px;
    margin-right: 5px;
}

.newsWrap .categoly {
  -webkit-box-flex: 0;
    -ms-flex: 0 0 120px;
    flex: 0 0 120px;
    height: 21px;
    margin-right: 15px;
    padding: 3px 0 0;
    text-align: center;
    color: #FFFFFF;
    font-size: 11px;
    background: #3a77c7;
    border-radius: 2px;
}

.newsWrap .body {
  line-height: 1.2;
}

@media (max-width: 599px){
    .newsWrap {
      padding-bottom: 1rem;
    }
    .newsWrap ul li a {
      display: block;
    }
    .newsWrap ul li .categoly {
      width: 120px;
      display: inline-block;
    }
    .newsWrap ul li .body {
      display: block;
      margin-top: 5px;
    }
}


.noticeWrap {
  background: #fff;
}

.newDate .date {
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
  margin-top: 20px;
}

.contact {
  color: #fff;
  font-size: 1.4rem;
  font-weight: bold;
  background: #3582c0;
  padding: 30px;
  border-radius: 50px;
  text-align: center;
  margin: 20px auto;
  width: 50%;
}

@media (max-width: 599px){
  .newDate .date {
    font-size: .9em;
  }
  .contact {
    font-size: 1.2em;
    padding: 20px;
    width: 80%;
  }
}


.h1Area h1 {
  text-align: center;
    padding: 10px;
    font-weight: bold;
    color: #174285;
    font-size: 120%;
}

#merit .point {
  font-size: 1.4rem;
  background-image: url(https://www.wbf.co.jp/group/taiwan/images/bg_navi001.jpg);
  padding: 20px;
}

#merit .point ol {
  counter-reset: listnum;
}

#merit .point.ceb ol li:before{
  counter-increment: listnum;
  content: "POINT " counter(listnum, decimal-leading-zero);
	margin-right: 20px;
	padding: 10px 20px;
  line-height: 1.5rem;
	display: inline-block;
	border-radius: 10px;
	color: #fff;
	background: #FF007F;
}
#merit .point.bali ol li:before,
#merit .point.sel ol li:before,
#merit .point.hkg ol li:before{
  counter-increment: listnum;
  content: "POINT " counter(listnum, decimal-leading-zero);
	margin-right: 20px;
	padding: 10px 20px;
  line-height: 1.5rem;
	display: inline-block;
	border-radius: 10px;
	color: #fff;
	background: #B20000;
}
#merit .point.gum ol li:before{
  counter-increment: listnum;
  content: "POINT " counter(listnum, decimal-leading-zero);
	margin-right: 20px;
	padding: 10px 20px;
  line-height: 1.5rem;
	display: inline-block;
	border-radius: 10px;
	color: #fff;
	background: #2960b3;
}
#merit .point.thai ol li:before,
#merit .point.tpe ol li:before{
  counter-increment: listnum;
  content: "POINT " counter(listnum, decimal-leading-zero);
	margin-right: 20px;
	padding: 10px 20px;
  line-height: 1.5rem;
	display: inline-block;
	border-radius: 10px;
	color: #fff;
	background: #f39800;
}


@media (max-width: 599px){
  .h1Area h1 {
    margin-top: 70px;
  }
  
  #merit .point {
    font-size: 1em;
  }
  #merit .point ol li:before{
    margin-right: 10px;
    padding: 5px 10px;
  }
}