@charset "UTF-8";

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { vertical-align: baseline; padding: 0; margin: 0; background: transparent; border: 0; font-size: 100%; outline: 0; }

body { line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

nav ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }

a { vertical-align: baseline; padding: 0; margin: 0; background: transparent; font-size: 100%; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-weight: bold; font-style: italic; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; padding: 0; margin: 1em 0; border: 0; border-top: 1px solid #ccc; }

input, select { vertical-align: middle; }

/*
theme Name: PowerNow
Author: N'sCreates
Description: original theme
version： 1.0.0
*/
body { overflow-x: hidden; font-family: "M PLUS Rounded 1c", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif; color: #353535; line-height: 1.2; }

body * { -webkit-box-sizing: border-box; box-sizing: border-box; }

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

ul, ol, dl { list-style: none; }

a { color: #38b5dd; }

p, li, dt, dd { color: #141414; font-size: 16px; line-height: 1.75; }

main { padding-top: 100px; }

.tel { pointer-events: none; color: #141414; text-decoration: none; }

.common_wrap { max-width: 1120px; padding: 0 20px; margin: 0 auto; }

.common_breadCrumb { width: 100%; position: relative; }

.common_breadCrumb:before { content: ""; display: block; width: 20px; height: auto; background: -webkit-gradient(linear, left top, right top, from(rgba(247, 247, 247, 0)), to(#f7f7f7)); background: -webkit-linear-gradient(left, rgba(247, 247, 247, 0), #f7f7f7); background: linear-gradient(90deg, rgba(247, 247, 247, 0), #f7f7f7); position: absolute; top: 0; right: 0; bottom: 0; }

.common_breadCrumb ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; list-style-type: none; height: 37px; padding: 0 20px; padding-left: 20px; margin: 0 auto; background-color: #f6f6f6; overflow: auto; white-space: nowrap; }

.common_breadCrumb ul li { font-size: 13px; }

.common_breadCrumb ul li:after { content: ">"; padding: 0 5px; }

.common_breadCrumb ul li:last-child:after { content: ""; }

.common_breadCrumb ul li a { color: #000; text-decoration: none; }

.common_mv { padding: 10px 20px 25px 20px; background: #f6f6f6; }

.common_mv h1, .common_mv p { color: #353535; font-size: 28px; font-weight: 700; line-height: 1.35; text-align: center; }

.common_bg_white { background: #fff; }

.common_bg_gray { background: #f8f8f8; }

.common_flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.common_title01_title { color: #22ac38; font-size: 50px; font-weight: bold; line-height: 1.35; text-align: center; text-transform: uppercase; }

.common_title01_subTitle { color: #22ac38; font-size: 24px; font-weight: bold; line-height: 1.35; text-align: center; }

.common_noPc { display: none !important; }

.common_noSp { display: initial !important; }

.tri_white { position: relative; }

.tri_white::before { content: ""; display: block; width: 200px; height: 190px; background-image: url(./assets/images/icn/tri_white_tr.svg); background-repeat: no-repeat; background-size: contain; position: absolute; top: -112px; left: 77%; }

.rec_white { position: relative; }

.rec_white::before { content: ""; display: block; width: 474px; height: 130px; background-image: url(./assets/images/icn/rec_white_top.svg); background-repeat: no-repeat; background-size: contain; position: absolute; top: -69px; left: 56%; }

.footer_topBox { padding: 23px 20px; background: #666; }

.footer_bottomBox { padding: 35px 20px 15px 20px; background: #22ac38; }

.footer_bottomBox_logo { margin-top: 40px; }

.footer_bottomBox_logo a { display: block; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; }

.footer_bottomBox_logo a:hover { opacity: 0.7; }

.footer_bottomBox_logo a img { width: 170px; }

.footer_bottomBox_list ul { margin-top: 5px; }

.footer_bottomBox_list ul li a { display: block; color: #fff; font-size: 16px; font-weight: 400; text-decoration: none; }

.footer_bottomBox_list ul li a:hover { text-decoration: underline; }

.footer_bottomBox_copyRight { float: left; width: 100%; }

.footer_bottomBox_copyRight small { display: block; color: #fff; font-size: 12px; text-align: center; }

.header { 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; width: 100%; height: 100px; background: #22ac38; color: #fff; position: fixed; top: 0; left: 0; z-index: 10000; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

.header_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; max-width: 1080px; padding: 0 20px; margin: 0 auto; }

.header_logo a { display: inline-block; margin: 7px 0 0 26px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

.header_logo img { min-width: 176px; }

.header_toggle { display: none; }

.nav ul { float: left; }

.nav ul li { float: left; margin-right: 30px; }

.nav ul li a { display: block; padding: 0 6px; color: #fff; font-size: 16px; font-weight: 700; text-decoration: none; position: relative; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

.nav ul li a:before { content: ""; display: block; width: 0; height: 4px; margin: auto; background: #fff; position: absolute; left: 0; right: 0; bottom: -6px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

.nav ul li a:hover:before { width: 100%; }

.nav ul li.current-menu-item a:before { width: 100%; -webkit-transition: none; transition: none; }

.nav ul li.is-shop { position: relative; }

.nav ul li.is-shop:before { content: ""; display: block; width: 0; height: 4px; margin: auto; background: #00eb00; border-radius: 5px; position: absolute; left: 0; right: 0; bottom: -7px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

.nav ul li.is-shop:hover:before { width: 100%; }

.nav ul li.is-shop.current-menu-item:before { width: 100%; -webkit-transition: none; transition: none; }

.nav ul li.is-shop a { display: block; padding: 0 25px; background: #434343; border-radius: 60px; }

.nav ul li.is-shop a span { color: #00eb00; }

.nav ul li.is-shop a:before { display: none; }

.wrap { max-width: 1080px; padding: 0 20px; margin: 0 auto; }

.wrap-sm { max-width: 780px; padding: 0 20px; margin: 0 auto; }

.t_center { text-align: center; }

.t_left { text-align: left; }

.t_right { text-align: right; }

.is_center { margin-left: auto; margin-right: auto; }

.clearfix { zoom: 1; }

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

.wp-pagenavi { display: block; width: 100%; padding: 10px 20px; margin: 20px auto; text-align: center; }

.wp-pagenavi span.current { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 8px; margin: 0 4px; background: #22ac38; border: 1px solid #22ac38; color: #fff; text-decoration: none; -webkit-transition: 0.5s; transition: 0.5s; }

.wp-pagenavi .page, .wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 8px; margin: 0 4px; border: 1px solid #898989; color: #141414; text-decoration: none; -webkit-transition: 0.5s; transition: 0.5s; }

.wp-pagenavi .page:hover, .wp-pagenavi .nextpostslink:hover, .wp-pagenavi .previouspostslink:hover { background: #22ac38; border: 1px solid #22ac38; color: #fff; }

.notFoundBox { padding: 75px 0 65px 0; }

.notFoundBox_wrap { max-width: 1000px; padding: 0 20px; margin: 0 auto; }

.notFoundBox p { margin-bottom: 35px; color: #353535; font-size: 16px; line-height: 1.69; text-align: center; }

.archiveList { display: -ms-grid; display: grid; margin-bottom: 60px; border-bottom: 1px solid #f0f0f0; grid-column-gap: 0; grid-row-gap: 0; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: 1fr; grid-template-rows: 1fr; }

.archiveList > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; }

.archiveList a { color: inherit; text-decoration: none; }

.archiveList_item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 32px 34px; background: #fff; border-top: 1px solid #f0f0f0; -webkit-transition: 0.3s; transition: 0.3s; }

.archiveList_item:hover { background: #fcfcfc; }

.archiveList_title { margin-left: 80px; color: #141414; font-size: 16px; line-height: 1.6; }

.archiveList_date { display: block; width: 86px; color: #22ac38; font-size: 16px; line-height: 1.6; }

.frontPage { padding-top: 68px; }

.frontPage .mainVisual { overflow: hidden; }

.frontPage .mainVisual_wrap { width: 100%; max-width: 980px; min-height: 1170px; padding: 0 20px; margin: 0 auto; background: url(./assets/images/front/mainVisual_bg.png) no-repeat top -100px center/949.5px 1110.5px; position: relative; }

.frontPage .mainVisual_wrap h2 span { display: block; text-indent: 0.5em; color: #22ac38; font-size: 38px; line-height: 1.18; position: absolute; top: 80px; left: 19.5%; }

.frontPage .mainVisual_wrap h2 span small { display: block; text-indent: -0.5em; }

.frontPage .mainVisual_wrap h2 img { margin: auto; position: absolute; top: 300px; left: 0; right: 0; }

.frontPage .mainVisual_flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 720px; }

.frontPage .mainVisual_text { width: 280px; }

.frontPage .mainVisual_text h3 { color: #22ac38; font-size: 50px; letter-spacing: 0.05em; }

.frontPage .mainVisual_text h3 span.is-upper { text-transform: uppercase; }

.frontPage .mainVisual_text h3 span.is-small { display: block; margin-top: 5px; font-size: 24px; letter-spacing: 0; }

.frontPage .mainVisual_text p { margin-top: 40px; color: #22ac38; font-size: 16px; line-height: 1.75; }

.frontPage .mainVisual_image { width: 400px; position: relative; top: 0; right: -68px; }

.frontPage .mainVisual_image .btns { text-align: center; }

.frontPage .mainVisual_image .btns a:nth-of-type(odd) img { width: 160px; max-width: 100%; }

.frontPage .mainVisual_image .btns a:nth-of-type(even) img { width: 202px; max-width: 100%; }

.frontPage .topAbout.bg-white, .frontPage .topAbout .bg-white { background: #fff; }

.frontPage .topAbout .bg-gray { background: #f0f0f0; }

.frontPage .topAbout .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 1140px; padding: 0 20px; margin: 0 auto; }

.frontPage .topAbout .wrap.flex-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.frontPage .topAbout_image:nth-of-type(1) { padding: 40px 0; }

.frontPage .topAbout_image:nth-of-type(2) { padding-top: 50px; }

.frontPage .topAbout_image_text { width: 350px; }

.frontPage .topAbout_image_text h3 { color: #22ac38; font-size: 33px; font-weight: 400; line-height: 1.35; text-align: center; }

.frontPage .topAbout_image_text p { margin-top: 20px; color: #22ac38; font-size: 16px; line-height: 1.75; }

.frontPage .topAbout_image_image { padding: 0 15px; }

.frontPage .topAbout_image img { vertical-align: bottom; }

.frontPage .topAbout .list { max-width: 1140px; padding: 0 20px; margin: 50px auto 0 auto; }

.frontPage .topAbout_box-border { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 30px; border: 4px solid #22ac38; border-radius: 15px; }

.frontPage .topAbout_box-border h4 { width: 50%; padding: 20px; color: #22ac38; font-size: 24px; font-weight: 900; line-height: 1.5; text-align: center; }

.frontPage .topAbout_box-border p { width: 50%; padding: 20px; color: #22ac38; font-size: 16px; font-weight: 500; line-height: 1.5; }

.frontPage .topUse { padding-top: 90px; padding-bottom: 90px; margin-top: 150px; }

.frontPage .topUse.bg-gray { background: #f0f0f0; }

.frontPage .topUse .title { color: #22ac38; font-size: 50px; letter-spacing: 0.05em; }

.frontPage .topUse .title span.is-upper { display: block; text-transform: uppercase; }

.frontPage .topUse .title span.is-small { display: block; margin-top: 5px; font-size: 24px; letter-spacing: 0; }

.frontPage .topUse .topRental .wrap, .frontPage .topUse .topReturn .wrap { padding: 0 20px; margin-top: 200px; position: relative; }

.frontPage .topUse .topRental .title_use, .frontPage .topUse .topReturn .title_use { position: absolute; top: -170px; left: 15%; }

.frontPage .topUse .topRental .box-step, .frontPage .topUse .topReturn .box-step { max-width: 1040px; min-height: 380px; margin: 0 auto 50px; position: relative; z-index: 1; }

.frontPage .topUse .topRental .box-step.flex, .frontPage .topUse .topReturn .box-step.flex { display: -webkit-box; display: -ms-flexbox; display: flex; }

.frontPage .topUse .topRental .box-step .step, .frontPage .topUse .topReturn .box-step .step { min-width: 100px; }

.frontPage .topUse .topRental .box-step .box_text, .frontPage .topUse .topReturn .box-step .box_text { padding: 70px 80px; background-color: #fff; border-radius: 0 0 0 16px; }

.frontPage .topUse .topRental .box-step .box_text h4, .frontPage .topUse .topReturn .box-step .box_text h4 { color: #22ac38; font-size: 33px; }

.frontPage .topUse .topRental .box-step .box_text p, .frontPage .topUse .topReturn .box-step .box_text p { margin-top: 30px; color: #22ac38; }

.frontPage .topUse .topRental .box-step .box_text .btns, .frontPage .topUse .topReturn .box-step .box_text .btns { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 40px; }

.frontPage .topUse .topRental .box-step .box_text .btns a, .frontPage .topUse .topReturn .box-step .box_text .btns a { display: block; margin-right: 20px; }

.frontPage .topUse .topRental .box-step .box_text .btns a:last-child, .frontPage .topUse .topReturn .box-step .box_text .btns a:last-child { margin-right: 0; }

.frontPage .topUse .topRental .box-step .box_image, .frontPage .topUse .topReturn .box-step .box_image { width: 100%; max-width: 440px; padding: 70px 60px 70px 0; background-color: #fff; border-radius: 0 16px 16px 0; }

.frontPage .topPrice .wrap { max-width: 1040px; padding: 60px 20px 0; margin: 0 auto; }

.frontPage .topPrice .description { margin-bottom: 30px; }

.frontPage .topPrice .description.flex-reverse { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.frontPage .topPrice .description .topPrice_title .title { width: 360px; color: #22ac38; text-align: center; }

.frontPage .topPrice .description .topPrice_title .title span { display: block; }

.frontPage .topPrice .description .topPrice_title .title span.is-upper { font-size: 50px; }

.frontPage .topPrice .description .topPrice_title .title span.is-small { font-size: 24px; }

.frontPage .topPrice .description .title-sub { color: #22ac38; font-size: 33px; }

.frontPage .topPrice .description p { margin-top: 50px; color: #22ac38; }

.frontPage .topPrice .payment { margin-top: 100px; color: #22ac38; }

.frontPage .topPrice .payment.flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.frontPage .topPrice .payment_text { margin-right: 60px; }

.frontPage .topPrice .payment .title-sub { font-size: 33px; }

.frontPage .topPrice .payment p { margin-top: 40px; color: #22ac38; }

.frontPage .topPrice .payment h4 { margin-top: 80px; margin-bottom: 10px; }

.frontPage .topPrice .payment small { font-size: 12px; line-height: 1.6; }

.frontPage .topPrice .btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 160px; }

.frontPage .topPrice .btns a { margin-right: 30px; }

.frontPage .topPrice .btns a:last-child { margin-right: 0; }

.frontPage .topFaq { margin-top: 110px; }

.frontPage .topFaq.bg-gray { background: #f0f0f0; }

.frontPage .topFaq .wrap { max-width: 1040px; padding: 70px 20px 100px; margin: 0 auto; }

.frontPage .topFaq .title { margin-bottom: 70px; color: #22ac38; }

.frontPage .topFaq .title span { display: block; }

.frontPage .topFaq .title span.is-upper { font-size: 50px; }

.frontPage .topFaq .title span.is-small { font-size: 24px; }

.frontPage .topFaq .btns { margin-top: 50px; }

.frontPage .topFaq .btns .btn_more { color: #22ac38; }

.pageWrap { min-height: calc(100vh - 294px); padding-top: 168px; }

.qa, .company + .company, .contact { padding-bottom: 120px; }

.title-page { display: block; padding: 0 20px; margin-bottom: 60px; color: #22ac38; font-size: 50px; text-align: center; }

.title-page span { display: block; margin-top: 4px; font-size: 24px; }

.blogBox_contents { color: #888; }

.blogBox_contents_thumbnail { margin-bottom: 20px; }

.blogBox_contents_time { display: block; margin-bottom: 10px; color: #22ac38; text-align: right; }

.blogBox_contents h1 { padding-bottom: 12px; margin-bottom: 8px; border-bottom: 2px solid #22ac38; color: #141414; font-size: 26px; line-height: 1.5; }

.blogBox_contents h2 { padding-bottom: 6px; margin: 42px 0 18px; border-bottom: 1px solid #888; color: #888; font-size: 18px; line-height: 1.5; }

.blogBox_contents p { margin: 12px 0; color: #888; font-size: 16px; line-height: 1.6; }

.blogBox_contents a { color: #22ac38; text-decoration: underline; }

.blogBox_contents a:hover { text-decoration: none; }

.blogBox_contents img { margin: 32px 0; }

.blogBox_btn { margin-top: 72px; text-align: center; }

.blogBox_btn a { color: #22ac38; }

.blogBox_btn a:hover { text-decoration: none; }

.companyInfo { margin-bottom: 80px; }

.companyInfo dl { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 32px; color: #141414; }

.companyInfo dt { width: 272px; }

.companyInfo dd { width: calc(100% - 272px); }

.companyMap h4 { margin-bottom: 12px; color: #141414; font-size: 16px; }

.companyMap p { color: #141414; font-size: 16px; line-height: 1.5; }

.companyMap small { font-size: 13px; font-weight: bold; }

.companyMap iframe { width: 100%; margin: 32px 0; }

form br { display: none; }

form p { margin-bottom: 6px; color: #22ac38; font-size: 16px; }

form input { width: 100%; height: 36px; padding: 0 8px; font-size: 16px; outline: none; }

form input[type=text], form input[type=tel], form input[type=email], form input[type=number] { border: 1px solid #7dd965; }

form input[type=checkbox] { vertical-align: 2px; width: auto; height: auto; margin: 0; position: static; }

form input[type=file] { vertical-align: sub; height: 22px; font-size: 14px; line-height: 1; }

form input[type=submit] { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; margin: 42px auto 0; background-color: #f3f3f3; border: none; border-radius: 0; cursor: pointer; color: #141414; text-align: center; -webkit-transition: 0.3s; transition: 0.3s; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

form input[type=submit]::-webkit-search-decoration { display: none; }

form input[type=submit]:focus { outline-offset: -2px; }

form input[type=submit]:hover { background: #e0e0e0; }

form input[type=submit]:active { -webkit-filter: brightness(0.95); filter: brightness(0.95); }

form textarea { width: 100%; min-height: 216px; padding: 8px; border: 1px solid #7dd965; font-size: 16px; outline: none; resize: vertical; }

form select { display: block; width: 100%; height: 2.2rem; padding: 7px 30px 7px 10px; margin-top: 10px; margin-bottom: 20px; background: transparent; background-image: url(../../images/icn/icn_arrow_down_black.svg); background-repeat: no-repeat; background-position: right 10px center; background-size: 12px 10px; border: 1px solid #7dd965; border-radius: 0 !important; font-size: 93%; line-height: 1.1em; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; }

form::-ms-expand { display: none; }

form .acceptance { 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; margin: 10px 0; }

form .wpcf7-form-control-wrap { display: block; margin-bottom: 28px; }

dl.faq { border-top: 1px solid #898989; -webkit-transition: 0.5s; transition: 0.5s; }

dl.faq:last-child { border-bottom: 1px solid #898989; }

dl.faq.is-active dt:after { background-image: url(./assets/images/icn/icn_minus.svg); }

dl.faq dt { padding: 23px 50px 23px 48px; cursor: pointer; color: #272727; font-size: 16px; position: relative; }

dl.faq dt:before { content: "Q."; display: block; color: #22ac38; font-size: 1.2em; font-weight: 400; position: absolute; top: 21px; left: 18px; }

dl.faq dt:after { content: ""; display: block; width: 39px; height: 39px; margin: auto; background-image: url(./assets/images/icn/icn_plus.svg); background-size: contain; position: absolute; top: 0; right: 0; bottom: 0; -webkit-transition: 0.3s; transition: 0.3s; }

dl.faq dd { display: none; padding: 23px 50px 23px 48px; border-top: 1px solid #e7e7e7; font-size: 16px; line-height: 1.5; position: relative; }

dl.faq dd:before { content: "A."; display: block; color: #22ac38; font-size: 1.2em; font-weight: 400; position: absolute; top: 21px; left: 18px; }

.shopBox_wrap { max-width: 1080px; height: 100%; padding: 0 20px; margin: 0 auto; position: relative; }

.shopBox_mvZone { height: 680px; position: relative; z-index: 6; }

.shopBox_mvZone h1 { color: #22ac38; font-size: 40px; font-weight: 700; line-height: 1.5; position: relative; top: 15px; left: 0; z-index: 2; }

.shopBox_mvZone_photo { position: absolute; top: -70px; right: -170px; z-index: 1; }

.shopBox_mvZone_illust { margin-top: 90px; position: relative; z-index: 2; }

.shopBox_aboutZone { position: relative; z-index: 5; }

.shopBox_aboutZone .shopBox_wrap { padding-bottom: 70px; }

.shopBox_aboutZone .shopBox_wrap:after { content: ""; display: block; width: 355px; height: 41px; margin: auto; background: url(./assets/images/page/shop/about_bg_after.png) no-repeat top left; position: absolute; left: 0; bottom: -41px; }

.shopBox_aboutZone_titleCorner { width: 310px; }

.shopBox_aboutZone_charmCorner { margin-top: 50px; }

.shopBox_aboutZone_charmCorner .common_flex { margin-top: 20px; }

.shopBox_aboutZone_charmCorner h3 { color: #22ac38; font-size: 33px; font-weight: 700; line-height: 1.35; }

.shopBox_aboutZone_charmCorner_text { width: calc(100% - 565px); }

.shopBox_aboutZone_charmCorner_text p { margin-bottom: 40px; color: #22ac38; font-size: 16px; font-weight: 500; line-height: 1.75; }

.shopBox_aboutZone_charmCorner_img, .shopBox_aboutZone_charmCorner_listArea { width: 485px; }

.shopBox_aboutZone_charmCorner_img { text-align: center; }

.shopBox_aboutZone_charmCorner_listArea ul { padding: 22px 22px 14px 22px; margin-top: 8px; border: 4px solid #22ac38; border-radius: 20px; position: relative; }

.shopBox_aboutZone_charmCorner_listArea ul:before { content: ""; display: block; width: 66px; height: 47px; margin: auto; background: url(./assets/images/page/shop/about_bg_listarea_before.png) no-repeat top left; position: absolute; top: -47px; left: 0; right: 0; }

.shopBox_aboutZone_charmCorner_listArea ul li { float: left; padding-bottom: 8px; color: #22ac38; font-size: 16px; font-weight: 500; line-height: 1.75; }

.shopBox_aboutZone_charmCorner_listArea ul li:nth-of-type(odd) { width: 65%; padding-right: 10px; }

.shopBox_aboutZone_charmCorner_listArea ul li:nth-of-type(even) { width: 35%; }

.shopBox_meritZone { background: #f0f0f0; position: relative; z-index: 4; }

.shopBox_meritZone .shopBox_wrap { padding: 60px 20px 100px 20px; }

.shopBox_meritZone .shopBox_wrap:after { content: ""; display: block; width: 138px; height: 57px; margin: auto; background: url(./assets/images/page/shop/merit_bg_after.png) no-repeat top left; position: absolute; left: 0; right: 0; bottom: -57px; }

.shopBox_meritZone ul li { width: 30%; padding: 22px; margin-top: 50px; background: #fff; border: 4px solid #22ac38; border-radius: 20px; }

.shopBox_meritZone ul li:first-child { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: none; border: none; border-radius: 0; }

.shopBox_meritZone ul li:first-child div { width: 100%; text-align: center; }

.shopBox_meritZone ul li:first-child div p { margin-top: 0; font-size: 24px; font-weight: bold; }

.shopBox_meritZone ul li h3, .shopBox_meritZone ul li p { color: #22ac38; }

.shopBox_meritZone ul li h3 { font-size: 24px; font-weight: 700; line-height: 1.5; }

.shopBox_meritZone ul li p { margin-top: 35px; font-size: 16px; font-weight: 500; line-height: 1.75; }

.shopBox_scenesZone { position: relative; z-index: 3; }

.shopBox_scenesZone .shopBox_wrap { padding: 110px 20px 125px 20px; }

.shopBox_scenesZone .shopBox_wrap:after { content: ""; display: none; width: 133px; height: 113px; margin: auto; background: url(./assets/images/page/shop/scenes_bg_after.png) no-repeat top left; position: absolute; left: 0; bottom: -113px; }

.shopBox_scenesZone h3 { margin-top: 55px; color: #22ac38; font-size: 33px; font-weight: 700; line-height: 1.35; text-align: center; }

.shopBox_scenesZone_description { max-width: 850px; margin: 25px auto 0 auto; color: #22ac38; font-size: 16px; font-weight: 500; line-height: 1.75; }

.shopBox_scenesZone ul { margin-top: 50px; }

.shopBox_scenesZone_listCorner { width: 16%; margin-top: 50px; margin-left: 10%; }

.shopBox_scenesZone_listCorner:nth-of-type(4n+1) { margin-left: 0; }

.shopBox_scenesZone_listCorner_img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; height: 150px; text-align: center; }

.shopBox_scenesZone_listCorner h4 { margin-top: 25px; color: #22ac38; font-size: 16px; font-weight: 700; line-height: 1.35; text-align: center; }

.shopBox_partnerZone { background: #f0f0f0; position: relative; z-index: 2; }

.shopBox_partnerZone .shopBox_wrap { padding: 110px 20px; }

.shopBox_partnerZone .shopBox_wrap:after { content: ""; display: block; width: 138px; height: 57px; margin: auto; background: url(./assets/images/page/shop/partner_bg_after.png) no-repeat top left; position: absolute; left: 0; right: 0; bottom: -57px; }

.shopBox_partnerZone_listCorner { margin-top: 20px; }

.shopBox_partnerZone_listCorner li { width: 18%; margin-top: 25px; }

.shopBox_specZone { position: relative; z-index: 1; }

.shopBox_specZone .shopBox_wrap { padding: 145px 20px 55px 20px; }

.shopBox_specZone h3 { margin-top: 40px; color: #22ac38; font-size: 33px; font-weight: 500; line-height: 1.35; text-align: center; }

.shopBox_specZone_description { margin-top: 10px; color: #22ac38; font-size: 16px; font-weight: 500; line-height: 1.5; text-align: center; }

.shopBox_specZone_tableCorner { margin-top: 50px; }

.shopBox_specZone_tableCorner table tr:nth-of-type(1) th { padding: 0; border-bottom: none; }

.shopBox_specZone_tableCorner table tr:nth-of-type(1) td { padding: 0; border-bottom: none; text-align: center; }

.shopBox_specZone_tableCorner table tr:nth-of-type(2) th, .shopBox_specZone_tableCorner table tr:nth-of-type(2) td { border-bottom: none; }

.shopBox_specZone_tableCorner table tr th, .shopBox_specZone_tableCorner table tr td { vertical-align: middle; padding: 10px 5px; border-bottom: 1px solid #f0f0f0; text-align: center; }

.shopBox_specZone_tableCorner table tr th { width: 140px; padding-right: 25px; }

.shopBox_specZone_tableCorner table tr th p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #22ac38; font-size: 12px; font-weight: 700; position: relative; }

.shopBox_specZone_tableCorner table tr th p small { color: #353535; font-size: 10px; position: absolute; top: 1px; right: -18px; }

.shopBox_specZone_tableCorner table tr td h4 { color: #22ac38; font-size: 16px; font-weight: 700; line-height: 1.5; position: relative; }

.shopBox_specZone_tableCorner table tr td h4 small { color: #353535; font-size: 10px; position: relative; top: -4px; left: 4px; }

.shopBox_specZone_tableCorner table tr td p { color: #353535; font-size: 12px; }

.shopBox_specZone_tableCorner_remarkArea { margin-top: 20px; }

.shopBox_specZone_tableCorner_remarkArea li { display: inline-block; margin-right: 25px; color: #353535; font-size: 10px; line-height: 1.35; }

.shopBox_batteryZone { position: relative; z-index: 1; }

.shopBox_batteryZone .shopBox_wrap { padding: 55px 20px 150px 20px; }

.shopBox_batteryZone h2 { color: #22ac38; font-size: 33px; font-weight: 500; line-height: 1.35; text-align: center; }

.shopBox_batteryZone_description { margin-top: 10px; color: #22ac38; font-size: 16px; font-weight: 500; line-height: 1.5; text-align: center; }

.shopBox_batteryZone h3 { width: 100px; margin-top: 40px; color: #22ac38; font-size: 16px; font-weight: 700; text-align: center; }

.shopBox_batteryZone .common_flex { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.shopBox_batteryZone_imgCorner { width: 320px; padding-left: 35px; }

.shopBox_batteryZone_tableCorner { width: calc(100% - 320px); margin-top: 15px; }

.shopBox_batteryZone_tableCorner table { width: 100%; }

.shopBox_batteryZone_tableCorner table tr th, .shopBox_batteryZone_tableCorner table tr td { vertical-align: middle; padding: 10px 0; border-bottom: 1px solid #f0f0f0; }

.shopBox_batteryZone_tableCorner table tr th { width: 125px; padding-right: 25px; }

.shopBox_batteryZone_tableCorner table tr th p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #22ac38; font-size: 12px; font-weight: 700; position: relative; }

.shopBox_batteryZone_tableCorner table tr th p small { color: #353535; font-size: 10px; position: absolute; top: 1px; right: -18px; }

.shopBox_batteryZone_tableCorner table tr td { width: calc(100% - 125px); color: #353535; font-size: 12px; line-height: 1.35; text-align: center; }

.shopBox_batteryZone_tableCorner table tr td div { max-width: 440px; margin: 0 auto; font-size: 10px; line-height: 1.5; text-align: left; }

.shopBox_contactZone { background: #f0f0f0; position: relative; z-index: 1; }

.shopBox_contactZone .shopBox_wrap { padding: 105px 20px 135px 20px; }

.shopBox_contactZone .shopBox_wrap:after { content: ""; display: block; width: 136px; height: 113px; margin: auto; background: url(./assets/images/page/shop/contact_bg_after.png) no-repeat top left; position: absolute; right: 0; bottom: 0; }

.shopBox_contactZone h2 { color: #22ac38; font-size: 24px; font-weight: 700; line-height: 1.35; text-align: center; }

.shopBox_contactZone_linkCorner { margin-top: 35px; text-align: center; }

.shopBox_contactZone_linkCorner a { display: inline-block; text-decoration: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.shopBox_contactZone_linkCorner a:hover { opacity: 0.7; }

.shopBox_contactZone_linkCorner a p { margin-top: 10px; color: #22ac38; font-size: 16px; font-weight: 500; }

@media screen and (max-width: 960px) { html, body { display: block; } .nav ul li { margin-right: 20px; } .frontPage .mainVisual_image { right: 0; } .shopBox_aboutZone_charmCorner { margin-top: 25px; } .shopBox_aboutZone_charmCorner .common_flex { margin-top: 15px; margin-bottom: 35px; } .shopBox_aboutZone_charmCorner h3 { font-size: 24px; text-align: center; } .shopBox_aboutZone_charmCorner_text { width: auto; } .shopBox_aboutZone_charmCorner_img, .shopBox_aboutZone_charmCorner_listArea { width: auto; } .shopBox_aboutZone_charmCorner_img { display: none; } .shopBox_aboutZone_charmCorner_listArea { padding-top: 380px; background: url(./assets/images/page/shop/about_img.png) no-repeat top 20px center/auto 270px; } .shopBox_aboutZone_charmCorner_listArea ul { padding: 18px 18px 10px 18px; } .shopBox_aboutZone_charmCorner_listArea ul li { font-size: 12px; } }

@media screen and (max-width: 767px) { html, body { display: block; } .tel { pointer-events: auto; color: #38b5dd; text-decoration: underline; } .common_wrap { padding: 0 15px; } .common_mv { padding: 10px 20px 15px 20px; } .common_mv h1, .common_mv p { font-size: 22px; } .common_noPc { display: initial !important; } .common_noSp { display: none !important; } .tri_white::before { width: 20%; height: auto; } .rec_white::before { width: 30%; height: auto; } .footer_topBox { padding: 30px 20px; } .footer_bottomBox { padding: 30px 20px; } .footer_bottomBox_logo a { -webkit-transition: none; transition: none; } .footer_bottomBox_logo a:hover { opacity: 1; } .footer_bottomBox_copyRight small { font-size: 10px; } .header_toggle { display: block; width: 60px; height: 60px; padding: 13px 20px; margin: auto; cursor: pointer; position: absolute; top: 0; right: 10px; bottom: 0; z-index: 11; }
  .header_toggle span { display: block; width: 38px; height: 3px; margin: auto; background: #fff; position: absolute; left: 0; right: 0; }
  .header_toggle span:nth-child(1) { top: 18px; }
  .header_toggle span:nth-child(2) { top: 28px; }
  .header_toggle span:nth-child(3) { top: 38px; }
  .header_toggle.open span:nth-child(1) { top: 28px; transform: rotate(315deg); -webkit-transform: rotate(315deg); -moz-transform: rotate(315deg); }
  .header_toggle.open span:nth-child(2) { width: 0; }
  .header_toggle.open span:nth-child(3) { top: 28px; transform: rotate(-315deg); -webkit-transform: rotate(-315deg); -moz-transform: rotate(-315deg); } .nav { width: 100%; position: absolute; top: 100px; left: 0; right: auto; z-index: -1; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: translateX(100%); transform: translateX(100%); }
  .nav.open { -webkit-transform: translateX(0); transform: translateX(0); } .nav ul { float: none; margin-top: 0; } .nav ul li { float: none; margin-right: 0; } .nav ul li a { padding: 10px 20px; background: #fff; border-top: 1px solid #d8d8d8; color: #22ac38; } .nav ul li.is-shop:before { display: none; } .nav ul li.is-shop a { padding: 10px 20px; border-top: 1px solid #d8d8d8; border-radius: 0; color: #fff; } .notFoundBox { padding: 50px 0; } .notFoundBox p { margin-bottom: 25px; font-size: 15px; line-height: 1.5; } .archiveList_item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 12px 16px 16px; } .archiveList_title { margin-left: 0; font-size: 18px; } .frontPage .mainVisual_wrap { width: 100%; background-size: 770px auto; } .frontPage .mainVisual_wrap h2 span { font-size: 32px; top: 84px; left: 64px; } .frontPage .mainVisual_wrap h2 img { width: calc(100% - 80px); top: 240px; left: 40px; right: 40px; } .frontPage .mainVisual_flex { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 550px; } .frontPage .mainVisual_text { width: 100%; padding: 20px; margin-top: 80px; background: rgba(255, 255, 255, 0.8); } .frontPage .mainVisual_text h3 { font-size: 42px; } .frontPage .mainVisual_text p { margin-top: 20px; } .frontPage .mainVisual_image { width: 100%; max-width: 100%; padding: 0 20px; text-align: center; } .frontPage .mainVisual_image .btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 20px; } .frontPage .topAbout .wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .frontPage .topAbout .wrap.flex-reverse { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .frontPage .topAbout_image { padding: 40px; } .frontPage .topAbout_image img { max-width: 280px; margin: 40px 0 20px; } .frontPage .topAbout_image:nth-of-type(1) { padding: 40px; } .frontPage .topAbout_image:nth-of-type(2) { padding: 40px; } .frontPage .topAbout_box-border { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .frontPage .topAbout_box-border h4 { width: 100%; padding-bottom: 0; } .frontPage .topAbout_box-border p { width: 100%; } .frontPage .topUse { padding-top: 70px; padding-bottom: 80px; margin-top: 60px; } .frontPage .topUse .topRental .title_use, .frontPage .topUse .topReturn .title_use { margin: auto; text-align: center; left: 0; right: 0; } .frontPage .topUse .topRental .box-step.flex, .frontPage .topUse .topReturn .box-step.flex { -ms-flex-wrap: wrap; flex-wrap: wrap; } .frontPage .topUse .topRental .box-step .step, .frontPage .topUse .topReturn .box-step .step { width: 60px; min-width: 60px; } .frontPage .topUse .topRental .box-step .box_text, .frontPage .topUse .topReturn .box-step .box_text { width: calc(100% - 60px); padding: 20px 20px 10px 20px; border-radius: 0 16px 0 0; } .frontPage .topUse .topRental .box-step .box_image, .frontPage .topUse .topReturn .box-step .box_image { width: 100%; max-width: calc(100% - 60px); padding: 30px 20px 20px 20px; margin-left: 60px; border-radius: 0 0 16px 16px; text-align: center; }
  .frontPage .topUse .topRental .box-step .box_image img, .frontPage .topUse .topReturn .box-step .box_image img { width: 100%; max-width: 420px; } .frontPage .topPrice .description.flex-reverse { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .frontPage .topPrice .description .topPrice_title .title { width: 100%; margin-bottom: 50px; text-align: left; } .frontPage .topPrice .payment.flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .frontPage .topPrice .payment img { width: 100%; margin-top: 50px; } .frontPage .topPrice .btns { margin-top: 60px; } .frontPage .topFaq .btns { margin-top: 30px; } .pageWrap { padding-top: 108px; } .shopBox_mvZone h1 br { display: none; } .shopBox_mvZone_photo img { height: 300px; } .shopBox_mvZone_illust img { width: 280px; } .shopBox_aboutZone { margin-top: 50px; } .shopBox_aboutZone .shopBox_wrap { padding-bottom: 40px; } .shopBox_aboutZone .shopBox_wrap:after { width: 177.5px; height: 20.5px; margin: auto; background: url(./assets/images/page/shop/about_bg_after.png) no-repeat top left 10px/177.5px 20.5px; bottom: -20.5px; } .shopBox_aboutZone_titleCorner { width: auto; } .shopBox_aboutZone_charmCorner_listArea { padding-top: 250px; background: url(./assets/images/page/shop/about_img.png) no-repeat top 20px center/auto 170px; } .shopBox_meritZone .shopBox_wrap { padding: 50px 20px; } .shopBox_meritZone .shopBox_wrap:after { width: 69px; height: 28.5px; background: url(./assets/images/page/shop/merit_bg_after.png) no-repeat top left/69px 28.5px; bottom: -28.5px; } .shopBox_meritZone ul { display: block; } .shopBox_meritZone ul li { width: 100%; padding: 15px; margin-top: 20px; border: 3px solid #22ac38; border-radius: 15px; } .shopBox_meritZone ul li:first-child { width: 100%; padding-bottom: 0; margin-top: 0; } .shopBox_meritZone ul li p { margin-top: 15px; } .shopBox_scenesZone .shopBox_wrap { padding: 65px 20px 50px 20px; } .shopBox_scenesZone .shopBox_wrap:after { width: 66.5px; height: 56.5px; background: url(./assets/images/page/shop/scenes_bg_after.png) no-repeat top left/66.5px 56.5px; left: 15px; bottom: -56.5px; } .shopBox_scenesZone h3 { margin-top: 35px; font-size: 20px; } .shopBox_scenesZone_description { margin-top: 15px; font-size: 14px; } .shopBox_scenesZone ul { margin-top: -20px; } .shopBox_scenesZone_listCorner { width: 48.5%; margin-top: 30px; margin-left: 3%; } .shopBox_scenesZone_listCorner:nth-of-type(4n+1) { margin-left: 3%; } .shopBox_scenesZone_listCorner:nth-of-type(odd) { margin-left: 0; } .shopBox_partnerZone .shopBox_wrap { padding: 65px 20px 50px 20px; } .shopBox_partnerZone .shopBox_wrap:after { width: 69px; height: 28.5px; background: url(./assets/images/page/shop/merit_bg_after.png) no-repeat top left/69px 28.5px; bottom: -28.5px; } .shopBox_partnerZone_listCorner { margin-top: 10px; } .shopBox_partnerZone_listCorner li { width: 48.5%; } .shopBox_specZone .shopBox_wrap { padding: 65px 20px 25px 20px; } .shopBox_specZone h3 { margin-top: 25px; font-size: 24px; } .shopBox_specZone_description { font-size: 14px; } .shopBox_specZone_tableCorner { max-width: 100%; padding-bottom: 10px; margin-top: 30px; overflow: auto; } .shopBox_specZone_tableCorner table tr th { width: 120px; } .shopBox_specZone_tableCorner table tr td h4 { font-size: 14px; } .shopBox_specZone_tableCorner_remarkArea li { display: block; margin-right: 0; margin-bottom: 5px; } .shopBox_batteryZone .shopBox_wrap { padding: 25px 20px 50px 20px; } .shopBox_batteryZone h2 { margin-top: 25px; font-size: 24px; } .shopBox_batteryZone_description { font-size: 14px; } .shopBox_batteryZone h3 { width: auto; margin-top: 30px; font-size: 22px; } .shopBox_batteryZone .common_flex { display: block; } .shopBox_batteryZone_imgCorner { width: auto; padding-left: 0; text-align: center; } .shopBox_batteryZone_tableCorner { width: auto; } .shopBox_batteryZone_tableCorner table tr th { width: 80px; } .shopBox_batteryZone_tableCorner table tr td { text-align: left; } .shopBox_batteryZone_tableCorner table tr td div { font-size: 12px; } .shopBox_contactZone .shopBox_wrap { padding: 50px 20px 60px 20px; } .shopBox_contactZone .shopBox_wrap:after { width: 68px; height: 56.5px; background: url(./assets/images/page/shop/contact_bg_after.png) no-repeat top left/68px 56.5px; right: 18px; } .shopBox_contactZone h2 { font-size: 20px; } .shopBox_contactZone_linkCorner { margin-top: 20px; } .shopBox_contactZone_linkCorner a img { width: 80px; } }

@media screen and (max-width: 375px) { html, body { display: block; } .frontPage .mainVisual_wrap h2 span { font-size: 32px; top: 84px; left: 40px; } .frontPage .mainVisual_wrap h2 img { width: calc(100% - 40px); top: 240px; left: 20px; right: 20px; } .frontPage .mainVisual_flex { padding-top: 420px; } .frontPage .mainVisual_image .btns a:nth-of-type(odd) img { width: 100%; } .frontPage .mainVisual_image .btns a:nth-of-type(even) img { width: 100%; } .frontPage .topAbout_image_text { width: 100%; max-width: 350px; } }

@media screen and (max-width: 320px) { html, body { display: block; } .frontPage .mainVisual_text { margin-top: 120px; } }

@media screen and (max-width: 1160px) { .footer_bottomBox_logo { display: none; } .shopBox_mvZone { height: 540px; } .shopBox_mvZone h1 { font-size: 32px; } .shopBox_mvZone_photo { width: 500px; right: -50px; } .shopBox_mvZone_illust { width: 600px; } }

@media screen and (max-width: 1160px) and (max-width: 767px) { .footer_bottomBox_logo { float: none; display: block; text-align: center; } }

@media screen and (max-width: 1160px) and (max-width: 1000px) { .shopBox_mvZone { height: 420px; } .shopBox_mvZone h1 { font-size: 26px; } .shopBox_mvZone_photo { width: 400px; } .shopBox_mvZone_illust { width: 450px; } }

@media screen and (max-width: 1160px) and (max-width: 1000px) and (max-width: 767px) { .shopBox_mvZone { height: auto; } .shopBox_mvZone h1 { text-align: center; } .shopBox_mvZone_photo { width: auto; margin-top: 20px; text-align: center; position: static; } .shopBox_mvZone_illust { width: auto; margin-top: 0; text-align: center; position: static; } }
