@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

@charset 'utf-8';
/*
 * name:rental.css
 * author:sovanda nulo
*/

/* rental
------------------------------------------------ */
#rental {
    width: 100%;
    height: 100%;
    background: #fff;
    -webkit-text-size-adjust: 100%;
    font-family: 'Open Sans', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
    font-size: 1rem;
    line-height: 1.6;
    color: #000;
    overflow: clip;
    box-sizing: border-box;
}

body, #rental div, #rental pre, #rental p, #rental a, #rental img, #rental form, #rental fieldset, #rental input, #rental textarea, #rental select, #rental option, #rental dl, #rental dt, #rental dd, #rental ul, #rental ol, #rental li, #rental h1, #rental h2, #rental h3, #rental h4, #rental h5, #rental h6, #rental table, #rental th, #rental td, #rental embed, #rental object, #rental figure, #rental figcaption {
    margin: 0;
    padding: 0;
}
#rental h1, #rental h2, #rental h3, #rental h4, #rental h5, #rental h6 { font-family: inherit; font-size: inherit; }
#rental ul, #rental ol { list-style: none; }
#rental img { width: auto; height: auto; max-width: 100%; border: none; vertical-align: top; }
#rental a:link { text-decoration: none; color: #000; }
#rental a:visited { text-decoration: none; color: #000; }
#rental a { transition: linear .2s; }
#rental a:hover { text-decoration: none; }

/* clearfix
------------------------------------------------ */
#rental .clearfix {
    clear: both;
    *zoom: 1;
}
#rental .clearfix:before,
#rental .clearfix:after {
    content: ' ';
    display: table;
}
#rental .clearfix:after { clear: both; }

/* hide show pc and sp */
.pc { display: block !important; }
.sp { display: none !important; }

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

/* main
------------------------------------------------ */
#main {
    display: block;
    position: relative;
    width: 100%;
}

    #rental .wrap { display: block; position: relative; max-width: 1100px; margin: 0 auto; padding: 0 25px; }
    #rental .section { display: block; position: relative; padding: 0; }
    #rental .section--block { display: block; position: relative; }
    #rental .frame { border: 1px solid #707070; box-sizing: border-box; }
    #rental .swiper-slide { display: block; overflow: hidden; border-radius: 5px; }
    #rental .swiper-slide img { width: 100%; height: auto; }
    #rental .swiper-pagination { height: 10px; width: 100%; margin: 0 auto; bottom: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
    #rental .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 6px; background: #ccc; opacity: 1 !important; }
    #rental .swiper-pagination-bullet-active { background: #64B72F; }

/*section about*/
#rental #t-about { padding: 50px 0 85px; color: #fff; background: #15126F; }
#rental .t-about--desc { font-size: 16px; line-height: 1.7; text-align: center; }

    @media only screen and (max-width: 768px) {
        #rental #t-about { padding: 40px 0 54px; }
        #rental .t-about--desc { text-align: left; }
    }

/*section about*/
#rental #t-btn { padding: 35px 0 55px; background: #15126F; }
#rental #t-btn:before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(../../img/rental/bow-tlt-w.png); background-repeat: no-repeat; background-position: top center; background-size: cover; }
#rental .t-btns { display: block; text-align: center; }
#rental .t-btns a { display: inline-block; color: #15126F; }
#rental .t-btns a span { font-size: 40px; font-weight: bold; line-height: 1.5; display: inline-block; }
#rental .t-btns a i { display: inline-block; }
#rental .t-btns .i-icon { width: 55px; height: 55px; margin-left: 20px; position: relative; display: inline-block; vertical-align: -12px; }
#rental .t-btns .i-icon:after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-image: url(../../img/rental/arrow-b.svg); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; transition: background-image .2s ease; }

    @media only screen and (min-width: 768px) {
        #rental .t-btns a:hover { color: #007F00; }
        #rental .t-btns a:hover .i-icon:after { background-image: url(../../img/rental/arrow-g.svg); }
    }
    @media only screen and (max-width: 768px) {
        #rental #t-btn { padding: 17px 0 29px; }
        #rental #t-btn:before { background-image: url(../../img/rental/bow-tlt-w_sp.png); }
        #rental .t-btns { text-align: left; }
        #rental .t-btns a span { font-size: 20px; line-height: 1.3; }
        #rental .t-btns .i-icon { width: 24px; height: 24px; margin-left: 5px; vertical-align: -5px; }
    }

/*section guide*/
#rental #t-guide { padding-bottom: 100px; color: #fff; background: #15126F; margin-bottom: 90px; }
#rental .t-guide--slider { position: relative; width: 100vw; left: 50%; top: -32px; transform: translateX(-50%); }
#rental .t-guide--block { display: block; position: relative; margin-top: 48px; }
#rental .t-guide--title { max-width: 86.72%; display: block; margin: 0 auto -1%; position: relative; z-index: 2; }
#rental .t-guide--pic { width: 54.07%; position: absolute; right: 58px; top: 72px; z-index: 4; }
#rental .t-guide__desc { padding: 45px 65px 35px 70px; display: block; position: relative; box-sizing: border-box; }
#rental .t-guide__desc:before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 2px solid #fff; border-radius: 5px; box-sizing: border-box; }
#rental .t-guide__desc--lists { width: 36%; }
#rental .t-guide__desc--lists dl { display: block; position: relative; padding-left: 24px; }
#rental .t-guide__desc--lists dl:before { content: ''; display: inline-block; width: 20px; height: 20px; position: absolute; left: 0; top: 8px; background: #fff; }
#rental .t-guide__desc--lists dl:not(:last-child) { margin-bottom: 30px; }
#rental .t-guide__desc--lists dt { font-size: 24px; font-weight: bold; line-height: 1.5; }
#rental .t-guide__desc--lists dd { font-size: 16px; line-height: 1.7; }

    @media only screen and (min-width: 768px) {
        #rental .t-guide--slider .swiper-pagination { display: none; }
        #rental .t-guide--slider .swiper-wrapper { -webkit-transition-timing-function: linear !important; transition-timing-function: linear !important; position: relative; }
    }

    @media only screen and (max-width: 768px) {
        #rental #t-guide { padding-bottom: 60px; margin-bottom: 80px; }
        #rental .t-guide--slider { position: relative; width: calc( 100vw - 50px ); top: -15px; padding-bottom: 20px; }
        #rental .t-guide--block { margin-top: 45px; }
        #rental .t-guide--title { max-width: calc( 100% + 10px ); margin: 0 -5px; margin-bottom: 12px; }
        #rental .t-guide--pic { width: 100%; position: relative; right: auto; top: auto; margin-top: 45px; }
        #rental .t-guide__desc { padding: 0; padding-top: 30px; }
        #rental .t-guide__desc:before { position: absolute; left: 50%; top: 0; width: 100vw; height: 2px; transform: translateX(-50%); border: none; border-radius: 0; background: #fff; box-sizing: border-box; }
        #rental .t-guide__desc--lists { width: 100%; }
        #rental .t-guide__desc--lists dl { padding-left: 21px; }
        #rental .t-guide__desc--lists dl:before { width: 16px; height: 16px; top: 6px; }
        #rental .t-guide__desc--lists dt { font-size: 22px; }
    }

/*section camp*/
#rental #t-camp { padding-bottom: 200px; }
#rental .t-camp--title { padding: 42px 0; margin-bottom: 40px; display: block; position: relative; }
#rental .t-camp--title span { font-size: 40px; font-weight: bold; line-height: 1.5; display: block; position: relative; text-align: center; color: #fff; }
#rental .t-camp--title:before { content: ''; display: block; position: absolute; left: 50%; top: 0; width: 100vw; height: 100%; transform: translateX(-50%); background-image: url(../../img/rental/bow-tlt-b.png); background-repeat: no-repeat; background-position: top center; background-size: cover; }
#rental .t-camp--desc { font-size: 16px; line-height: 1.7; text-align: center; margin-bottom: 57px; }
#rental .t-camp__box { display: block; overflow: hidden; position: relative; border-radius: 5px; }
#rental .t-camp__box:not(:last-child) { margin-bottom: 40px; }
#rental .t-camp__box--head { padding: 12px 60px; display: flex; flex-wrap: wrap; align-items: center; color: #fff; background: #15126F; justify-content: space-between; }
#rental .t-camp__box--tlt { font-size: 24px; font-weight: bold; line-height: 1.5; width: 51.53%; }
#rental .t-camp__box--sub { font-size: 18px; font-weight: bold; line-height: 1.5; width: 43.36%; }
#rental .t-camp__box--cont { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; padding: 30px 60px; border: 2px solid #15126F; box-sizing: border-box; }
#rental .t-camp__box--left { width: 51.53%; }
#rental .t-camp__box--right { width: 43.36%; }
#rental .t-camp__box--cmn { font-size: 16px; line-height: 1.7; color: #15126F; margin-bottom: 20px; }
#rental .t-camp__box--slider { padding-bottom: 20px; }
#rental .t-camp__box__info { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; }
#rental .t-camp__box__info--lists { width: 71.28%; }
#rental .t-camp__box__info--lists li { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; position: relative; }
#rental .t-camp__box__info--lists li:not(:last-child) { margin-bottom: 5px; }
#rental .t-camp__box__info--lists li span { font-size: 16px; line-height: 1.7; width: calc( 100% - 23px ); display: block; }
#rental .t-camp__box__info--lists li i { width: 18px; display: inline-block; line-height: 1; margin-top: 5px; }
#rental .t-camp__box__info--stemp { width: 23.76%; }
#rental .t-camp__box--btn { display: block; max-width: 430px; position: relative; margin: 0 auto; margin-top: 30px; }
#rental .t-camp__box--btn a { font-size: 16px; font-weight: bold; line-height: 1.7; color: #fff; background:#007F00; padding: 11.5px 10px; border-radius: 5px; display: block; text-align: center; overflow: hidden; position: relative; box-sizing: border-box; }
#rental .t-camp__box--btn a:after { content: ''; display: inline-block; vertical-align: -1px; margin-left: 5px; width: 1em; height: 1em; background-image: url(../../img/rental/icon-link.svg); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; transition: background-image .2s ease; }
#rental .t-camp__box__note { display: block; position: relative; margin-top: 35px; }
#rental .t-camp__box__note--head { display: block; position: relative; width: calc( 100% - 44px ); margin-left: auto; }
#rental .t-camp__box__note--head:before { content: ''; display: block; position: absolute; left: -54px; top: -12px; width: 108px; height: 108px; z-index: 2; background-image: url(../../img/rental/stamp2.png); background-repeat: no-repeat; background-position: top center; background-size: 100% 100%; }
#rental .t-camp__box__note--head span { font-size: 24px; font-weight: bold; line-height: 1.5; color: #15126F; background: #FFF9B1; min-height: 83px; padding: 5px 20px 5px 64px; border-radius: 5px; display: flex; align-items: center; overflow: hidden; position: relative; box-sizing: border-box; }
#rental .t-camp__box__note--lists { display: block; position: relative; width: calc( 100% - 108px ); margin-left: auto; margin-top: 5px; }
#rental .t-camp__box__note--lists li { font-size: 12px; line-height: 1.5; text-indent: -1.2em; padding-left: 1.2em; }

    @media only screen and (min-width: 768px) {
        #rental .t-camp__box--btn a:hover { background: #15126F; }
    }

    @media only screen and (max-width: 768px) {
        #rental #t-camp { padding-bottom: 100px; }
        #rental .t-camp--title { padding: 16px 0; margin-bottom: 25px; display: block; position: relative; }
        #rental .t-camp--title span { font-size: 23px; line-height: 1.5; text-align: left; }
        #rental .t-camp--title:before { background-image: url(../../img/rental/bow-tlt-b_sp.png); }
        #rental .t-camp--desc { margin-bottom: 45px; text-align: left; }
        #rental .t-camp__box { width: calc( 100% + 50px ); margin: 0 -25px; border-radius: 0; }
        #rental .t-camp__box:not(:last-child) { margin-bottom: 50px; }
        #rental .t-camp__box--head { padding: 20px 0 22px; flex-direction: column; text-align: center; }
        #rental .t-camp__box--tlt { font-size: 18px; width: 100%; margin-bottom: 12px; }
        #rental .t-camp__box--sub { font-size: 14px; width: 100%; }
        #rental .t-camp__box--cont { position: relative; flex-direction: column-reverse; margin-top: -18px; padding: 0 25px 75px; border: none; z-index: 2; }
        #rental .t-camp__box--left,
        #rental .t-camp__box--right { width: 100%; }
        #rental .t-camp__box--right { margin-bottom: 20px; }
        #rental .t-camp__box--cmn { margin-bottom: 34px; }
        #rental .t-camp__box--slider { padding-bottom: 20px; }
        #rental .t-camp__box__info { width: calc( 100% + 10px ); }
        #rental .t-camp__box__info--lists { width: 73.12%; }
        #rental .t-camp__box__info--stemp { width: 23.88%; }
        #rental .t-camp__box--btn { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); max-width: 325; width: calc( 100% - 50px ); margin: 0; }
        #rental .t-camp__box__note { margin-top: 22px; }
        #rental .t-camp__box__note--head { width: calc( 100% + 50px ); margin: 0 -25px; }
        #rental .t-camp__box__note--head:before { left: 15px; top: -8px; width: 72px; height: 72px; }
        #rental .t-camp__box__note--head span { font-size: 18px; line-height: 1.22; min-height: 54px; padding: 5px 25px 5px 96px; border-radius: 0 5px 5px 0; }
        #rental .t-camp__box__note--lists { width: 100%; margin-top: 21px; }

    }

.grecaptcha-badge { z-index: 100 }
/* .header-nav,
.footer-nav,
.global-nav-btn { display: none !important }
footer .copy { margin-top: 0; } */