/*--------------------------------------------------------------------------
汎用
--------------------------------------------------------------------------*/
body {min-width: 1160px; min-height: calc(100vh - 112px); padding-top: 112px;}

/*pc限定*/
.sp {display: none!important;}

/*コンティナ*/
.container {width: 1060px; margin: 0 auto;}

/*汎用flex*/
.flex {display: flex;}

/*1カラム*/
.no-column {margin: 60px auto 120px;}

/*2カラム*/
.col_box {width: 100%; display: flex; justify-content: center; margin: 0 auto;}
.col_box #main {width: 664px; margin: 60px 0 120px; padding: 0 25px;}

/*reCAPCHER v3*/
.grecaptcha-badge {bottom: 160px!important; z-index: 100;}



/*--------------------------
背景がイラスト時の背景
--------------------------*/
.back-illust {background: url(../img/common/footer-img.png) center bottom 55px/1440px auto no-repeat #d7f3f1; padding: 100px 0 355px;}
.back-illust:before {height: 55px; background: repeating-linear-gradient(to right, #abd34e, #abd34e 90px, #a1ce3a 90px, #a1ce3a 270px, #abd34e 270px, #abd34e 360px);}
.back-illust > .inner {width: 1120px; padding: 50px; border-radius: 32px;}

/*--------------------------
汎用見出し(固定ページ最上位向け)
--------------------------*/
.g-h {font-size: 1.9rem; padding: 28px 0;}

/*--------------------------
汎用見出し(よくある質問・お役立ち情報のTOP)
--------------------------*/
.g-h2 {font-size: 1.8rem; margin-bottom: 24px; padding-left: 10px; border-left-width: 8px;}

/*--------------------------
ページャー
--------------------------*/
#pagination {margin: 10px 0 40px;}

/*--------------------------
ページ内スクロール
--------------------------*/
#scroll {right: 40px; bottom: 48px; transform: translate(0,160px); width: 56px; height: 56px;}

/*--------------------------
ブログへのリンク
--------------------------*/
.blog-link {justify-content: space-between; padding: 64px 0;}
.blog-link a {width: 338px;}

/*--------------------------
今すぐ電話予約
--------------------------*/
.fix-tel.pc {position: fixed; top: 160px; right: 0; display: flex; width: 218px; height: 214px; transform: translateX(176px); transition: .3s ease; z-index: 1000;}
.fix-tel.active {transform: translateX(0);}

.fix-tel .left,
.fix-tel .right {display: flex; flex-direction: column; justify-content: center;}
.fix-tel .left {align-items: center; width: 42px; height: 100%; background: #e72100; border-radius: 10px 0 0 10px; cursor: pointer;}
.fix-tel .left img {width: 28px; height: 28px; margin-bottom: 6px;}
.fix-tel .left span {width: 1em; color: #fff; font-size: .9rem; font-weight: 700; line-height: 1; letter-spacing: 2px; -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-rl; writing-mode: vertical-lr;}
.fix-tel .right {width: 176px; height: 100%; padding: 0 18px; background: #fff; box-sizing: border-box;}
.fix-tel .right img.mark {width: 86px; height: auto; margin-bottom: 12px;}
.fix-tel .right dl:not(:last-child) {margin-bottom: 14px;}
.fix-tel .right dl dt {font-size: .8125rem; font-weight: 700; line-height: 1; margin-bottom: 4px;}
.fix-tel .right dl dd a {display: flex; align-items: center;}
.fix-tel .right dl dd a img {width: 18px; height: 18px;}
.fix-tel .right dl dd a:hover img {opacity: 1;}
.fix-tel .right dl dd a span {font-family: 'DIN Condensed Bold'; font-size: 1.5rem; font-weight: 700; line-height: 1.5rem; vertical-align: baseline; white-space: nowrap; padding-left: 4px;}

.mac .fix-tel .right dl:not(:last-child) {margin-bottom: 10px;}
.mac .fix-tel .right dl dd a span {padding-top: .375rem;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.fix-tel .left span {margin-left: calc(-.125em);}
}

/*--------------------------
車両リスト&リボン
--------------------------*/
.h-ribbon img {width: 455px;}
.h-ribbon.ribbon-recommended img {width: 554px; left: -50px;}
.h-ribbon.ribbon-review img {width: 482px; left: -24px;}

.car-list {flex-wrap: wrap;}
.car-list .entry {width: calc((100% - 150px) / 3); margin: 0 75px 55px 0;}
.car-list .entry * {font-size: 1.125rem;}
.car-list .entry:nth-child(3n) {margin-right: 0;}
.car-list .entry:nth-last-child(1),
.car-list .entry:nth-last-child(2),
.car-list .entry:nth-last-child(3) {margin-bottom: 0;}
.car-list .entry .img {max-width: 100%; height: 200px; margin-bottom: 10px;}
.car-list .entry .more {margin: 30px auto 0;}
.car-list .entry .more span {font-size: 1.075rem;}

/*--------------------------------------------------------------------------
ヘッダー
--------------------------------------------------------------------------*/
header {position: fixed; top: 0; background: #fff; padding: 14px 0; border-top: 32px solid #e72100;}
header.fixed {border-top-width: 0px; box-shadow: 0 0 6px 6px rgba(0,0,0, .075);}
header .container {justify-content: space-between;}

header .logo {width: 242px; align-items: center; margin-right: 36px;}
header .logo .mark {width: 86px; height: 27px; margin: -4px 10px 0 0;}
header .logo .title {width: 144px; height: 20px;}

header .g-navi {margin: 0 auto;}
header .g-navi .main-menu > li {position: relative; margin-right: 24px; z-index: 1;}
header .g-navi .main-menu > li:last-child {margin-right: 0;}
header .g-navi .main-menu > li .sub-menu {position: absolute; top: 100%; padding-top: 16px; opacity: 0; visibility: hidden; transition: .2s ease; z-index: 2;}
header .g-navi .main-menu > li .sub-menu ul {background: #e72100; padding: 1px 9px;}
header .g-navi .main-menu > li .sub-menu ul:before {content: ""; position: absolute; top: 6px; left: 12px; border-style: solid; border-width: 0 0 12px 12px; border-color: transparent transparent #e72100 transparent;}
header .g-navi .main-menu > li:hover .sub-menu {opacity: 1; visibility: visible;}
header .g-navi .main-menu > li .sub-menu li {padding: 8px 0; border-bottom: 1px dashed #fff;}
header .g-navi .main-menu > li .sub-menu li:last-child {border-bottom: none;}
header .g-navi .main-menu > li .sub-menu li a {display: block; color: #fff; line-height: 1; white-space: nowrap;}

header .booking-cheak {display: inline-block; color: #fff; font-size: .875rem; background: #1e4458; margin: 0 18px 0 50px; padding: 2px 10px; border: 1px solid #183446; border-radius: 13px;}
header .booking-cheak:hover {color: #1e4458; background: #fff; text-decoration: none;}

header .user-info .img {width: 36px; height: 36px;}
header .user-info .txt {color: #1e4458; font-size: .7rem;}

header #full-navi {display: none;}

/*--------------------------------------------------------------------------
フッター
--------------------------------------------------------------------------*/
footer {justify-content: space-between; align-items: center;}
footer .logo {width: 242px; align-items: center; margin-right: 36px;}
footer .logo .mark {width: 86px; height: auto; margin: -4px 6px 0 0;}
footer .logo .title {width: 144px; height: auto;}
footer .sns {margin-right: 20px;}
footer .sns a {width: 30px; height: 30px; margin-right: 12px;}
footer .sns a img {width: 100%; height: 100%;}

footer nav {justify-content: space-between; align-items: flex-start; padding: 32px 0;}
footer nav > ul {padding: 12px 0; box-sizing: border-box;}
footer nav > ul:not(:first-child) {border-left: 1px solid #ff593d; padding-left: 2.5em;}
footer nav ul li {margin: 0 0 12px;}
footer nav ul .menu-2nd {margin: 0 0 14px;}
footer nav ul h3,
footer nav ul .menu-2nd li {margin: 0 0 8px;}

/*--------------------------------------------------------------------------
サイドバー
--------------------------------------------------------------------------*/
#sidebar {width: 360px; border-left: 1px solid #b3b3b3;}

/*--------------------------------------------------------------------------
----------------------------------------------------------------------------
----------------------------------------------------------------------------
フロントページ
----------------------------------------------------------------------------
----------------------------------------------------------------------------
--------------------------------------------------------------------------*/
#front .top .booking-form {position: relative; min-width: 350px; max-width: 350px; padding-left: calc((100% - 1060px) / 2); z-index: 2;}
#front .top .booking-form .inner {width: 350px; padding: 28px 30px 16px 30px;}

#front .top .top-slider {position: relative; width: 100%; max-width: 890px; height: 435px; z-index: 1;}
#front .top .top-slider #top-slider {width: 890px; height: 435px;}
#front .top .top-slider #top-slider li {width: 890px; height: 435px;}

#front .important-news {padding: 32px 0;}
#front .important-news h2 {margin-right: 20px;}
#front .important-news h2 span {white-space: nowrap;}
#front .important-news .important-news-list {width: 865px; margin-left: 20px;}
#front .important-news .important-news-list .entry time {margin-right: 14px;}

#front .recommended {padding: 0 0 74px;}
#front .recommended h2 {margin-bottom: 58px; padding: 24px 0;}
#front .recommended h2 .mark {width: 86px; margin-right: 16px;}
#front .recommended h2 .reco .en-txt {width: 338px;}
#front .recommended h2 .reco .jp-txt {font-size: 19px; margin-top: 3px;}

#front .about ul {padding: 77px 0 40px;}
#front .about li:not(:last-child) {margin-right: 60px;}

#front .useful h2 {padding: 40px 0;}
#front .useful h2 img {width: 32px; height: 32px;}
#front .useful h2 span {font-size: 1.9rem; margin-left: 15px;}
#front .useful .useful-list {flex-wrap: wrap; padding-bottom: 35px;}
#front .useful .useful-list li {width: calc((100% - 48px) / 3); margin: 0 24px 45px 0;}
#front .useful .useful-list li:nth-child(3n) {margin-right: 0;}
#front .useful .useful-list li h3 {font-size: 1.075rem;}

#front .posts {background: linear-gradient(to right, #fff 0%,#fff 50%,#fffddb 50%,#fffddb 100%); padding: 50px 0;}
#front .posts .container > div {width: 50%;}
#front .posts .news {padding-right: 28px;}
#front .posts .blog {padding-left: 28px;}
#front .posts h2 {justify-content: center; align-items: center; margin-bottom: 20px;}
#front .posts h2 span {font-size: 1.625rem;}
#front .posts .news h2 img {width: 35px; height: auto; margin-right: 14px;}
#front .posts .blog h2 img {width: 34px; height: auto; margin-right: 12px;}
#front .posts .posts-list > li {border-bottom: 1px solid #d0d0d0;}
#front .posts .posts-list > li a {display: block; padding: 12px 24px;}
#front .posts .posts-list > li a .state time {margin-right: 12px; padding: 2px 0;}
#front .posts .posts-list > li a .state .cat-list {}
#front .posts .posts-list > li a .state .cat-list .cat {font-size: .875rem; margin: 0 5px 5px 0; padding: 5px 12px;}
#front .posts .news .posts-list > li a:hover {background: #fffddb;}
#front .posts .blog .posts-list > li a:hover {background: #fff;}
#front .posts .more {float: right;}
#front .posts .more svg .st0 {fill: #424242;}

#front .hakolist {padding-bottom: 40px;}
#front .hakolist h2 {padding: 40px 0;}
#front .hakolist h3 {padding: 40px 0 20px;}
#front .hakolist .hakolist-video {position: relative; z-index: 1;}
#front .hakolist .hakolist-video img {position: absolute; width: auto;  z-index: -1;}
#front .hakolist .hakolist-video img.hakolist_signboard {top: 15%; left: 0; height: 100%; transform: translateX(-120%);}
#front .hakolist .hakolist-video img.hakolist_map {top: -30%; right: 0; height: 150%; transform: translateX(91%);}
#front .hakolist h3 .insta-logo {margin-right: 0.3em;}
#front .hakolist a.link-insta {margin-bottom: 40px;}
#front .hakolist .hakolist-gallery a {width: 20%; height: 212px;}

@media screen and (min-width: 1060px) and (max-width: 1469px) {
	#front .hakolist .hakolist-video img.hakolist_signboard {display: none;}
	#front .hakolist .hakolist-video img.hakolist_map {display: none;}
}

/*--------------------------------------------------------------------------
----------------------------------------------------------------------------
----------------------------------------------------------------------------
テンプレ＆固定ページ
----------------------------------------------------------------------------
----------------------------------------------------------------------------
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
車種・料金プラン (page-carclass-list.php)
--------------------------------------------------------------------------*/
#car-list .headline {width: 800px; margin: 0 auto 36px;}
#car-list .headline p.disc {font-size: 1.05rem;}
#car-list .recommended {padding: 100px 0;}
#car-list h2 {margin: -105px auto 20px;}

/*--------------------------------------------------------------------------
車両クラス・料金詳細 (page-carclass-detail.php)
--------------------------------------------------------------------------*/
#car-detail h1 {margin: -84px auto 32px;}

#car-detail .headline {margin-bottom: 36px;}
#car-detail .headline h2 {font-size: 1.9rem; padding-left: 12px;}
#car-detail .headline .option {margin-left: 20px;}
#car-detail .headline .option li {font-size: .9375rem;; padding: 7px 12px; border-radius: 5px;}

#car-detail .detailed-info {flex-wrap: wrap;}
#car-detail .detailed-info article,
#car-detail .detailed-info section {width: calc((100% - 50px) / 2); margin: 0 50px 75px 0;}
#car-detail .detailed-info article:nth-of-type(even),
#car-detail .detailed-info section:nth-of-type(even) {margin-right: 0;}
#car-detail .detailed-info section h2 {font-size: 1.75rem; margin-bottom: 12px; padding-bottom: 12px;}

#car-detail .car-detail .capacity {margin-bottom: 18px;}
#car-detail .car-detail .capacity p {font-size: 1.75rem;}
#car-detail .car-detail .capacity p span {font-size: 2.25rem;}
#car-detail .car-detail .capacity .number-img {margin-left: 20px;}
#car-detail .car-detail .capacity .number-img img {width: 20px; margin-right: 8px;}
#car-detail .car-detail dl {display: flex; align-items: flex-start; margin-bottom: 10px;}
#car-detail .car-detail dl dt {width: 120px; font-size: 1.15rem; text-align: center; margin-right: 20px; padding: 6px 0; box-sizing: border-box;}
#car-detail .car-detail dl dd {width: calc(100% - 130px); padding: 6px 0;}

#car-detail .car-price .price-list tr th,
#car-detail .car-price .price-list tr td {padding: 10px 30px;}

#car-detail .equipment .equip-list li {width: 95px;}
#car-detail .equipment .equip-list li span {font-size: .75rem;}

#car-detail .booking-form h2 {margin: 30px 0;}
#car-detail .booking-form h2 img {max-height: 70px; margin-right: 25px;}
#car-detail .booking-form h2 span {margin-top: -10px;}

#car-detail .booking-form #searchform {width: 750px; flex-wrap: wrap; justify-content: space-between; margin: 25px auto;}
#car-detail .booking-form #searchform .date-box {width: calc((100% - 24px) / 2);}
#car-detail .booking-form #searchform .depart {order: 1;}
#car-detail .booking-form #searchform .return {order: 3;}
#car-detail .booking-form #searchform .shop-smoke {order: 2;}
#car-detail .booking-form #searchform .btn {order: 4;}
#car-detail .booking-form #searchform dl {margin-bottom: 30px;}
#car-detail .booking-form #searchform dl dt {color: #424242; margin-bottom: 12px;}
#car-detail .booking-form #searchform .shop-smoke dl {margin-right: 30px;}
#car-detail .booking-form #searchform .label-control {width: 160px; margin-right: 20px;}
#car-detail .booking-form #searchform .label-control.used_shop {width: 180px;}
#car-detail .booking-form #searchform .label-control.smoking {width: 130px;}

#car-detail .booking-form #searchform .search-btn {width: 300px;}

/*--------------------------------------------------------------------------
店舗詳細情報 (page-shop-detail.php)
--------------------------------------------------------------------------*/
#shop-detail .main-photo img {max-height: 720px;}

#shop-detail .inner {flex-wrap: wrap; align-items: flex-start;}
#shop-detail h2 .desvg {margin-right: 18px;}
#shop-detail h2 span {font-size: 2rem;}

#shop-detail .shop-about {width: 555px;}
#shop-detail .shop-about h2 {margin-bottom: 40px;}
#shop-detail .shop-about h2 .desvg {width: 64px; height: 42px;}
#shop-detail .shop-about dl {align-items: center; margin-bottom: 28px;}
#shop-detail .shop-about dl * {font-size: 1.05rem;}
#shop-detail .shop-about dl dt {color: #fff; text-align: center; width: 82px; background: #606060; margin-right: 14px; padding: 4px 6px;}
#shop-detail .shop-about .sns {margin: 36px 0 40px;}
#shop-detail .shop-about .contact .desvg {margin-right: 8px;}

#shop-detail .shop-comment {width: 465px; padding: 15px;}
#shop-detail .shop-comment h2 {padding: 12px 0 25px;}
#shop-detail .shop-comment h2 .desvg {width: 27px; height: 21px; margin: 2px 14px 0 12px;}
#shop-detail .shop-comment h2 span {font-size: 1.5rem;}
#shop-detail .shop-comment .txt {padding: 16px 18px;}

#shop-detail .shop-map {height: 535px; margin: 64px 0;}

#shop-detail .shop-transfer h2 {margin-bottom: 60px;}
#shop-detail .shop-transfer h2 .desvg {width: 70px; height: 39px;}
#shop-detail .shop-transfer section {align-items: flex-start;}
#shop-detail .shop-transfer section:not(:last-child) {margin-bottom: 110px;}
#shop-detail .shop-transfer section .txt {width: 496px; margin-right: 50px;}
#shop-detail .shop-transfer section .txt h3 {font-size: 1.45rem;}
#shop-detail .shop-transfer section .txt p + h3 {margin-top: 50px;}
#shop-detail .shop-transfer section .txt p {font-size: 1.05rem; margin-bottom: 1.5em; padding: 0 1.75em;}
#shop-detail .shop-transfer section .map {width: 478px; border: 4px solid #4cb3f1;}
#shop-detail .shop-transfer section .map h3 {font-size: 1.875rem; padding: 6px 0 10px;}
#shop-detail .shop-transfer section .map img {width: 470px; height: auto;}

#shop-detail .car-check {width: 658px; height: 84px; margin: 72px auto 36px; border: 3px solid #ff2600; border-radius: 10px;}
#shop-detail .car-check span {font-size: 1.375rem;}
#shop-detail .car-check .desvg {width: 21px; height: 21px; margin-left: 5px;}

/*--------------------------------------------------------------------------
よくあるご質問 (page-faq.php)
--------------------------------------------------------------------------*/
#faq .link-list {flex-wrap: wrap; padding: 64px 0 42px;}
#faq .link-list li {width: calc((100% - 60px) / 3); margin: 0 30px 30px 0;}
#faq .link-list li:nth-child(3n) {margin-right: 0;}
#faq .link-list li a {height: 72px;}
#faq .link-list li a span {font-size: 1.05rem; padding: 5px 0 5px 38px; background-size: 30px auto;}

#faq .faq-main {padding-bottom: 96px;}
#faq .faq-main .inner {padding: 30px;}
#faq .faq-main .qanda {margin-bottom: 30px;}
#faq .faq-main .qanda .question {font-size: 1.5rem; padding: 30px 30px 30px 100px;}
#faq .faq-main .qanda .answer {margin: 0 30px; padding: 25px 15px 10px 82px;}
#faq .faq-main .qanda .answer p {font-size: 1.125rem;}
#faq .faq-main .qanda .question:before {width: 54px; height: 54px; font-size: 1.85rem; left: 24px; top: calc(50% - 26px);}
#faq .faq-main .qanda .answer:before {width: 34px; height: 34px; font-size: 1.125rem; left: 24px; top: 22px;}
#faq .faq-main .qanda .question:after {top: calc(50% - 9px); right: 40px; width: 30px; height: 18px; background-size: 30px 18px;}

/*--------------------------------------------------------------------------
お役立ち情報 (page-useful.php)
--------------------------------------------------------------------------*/
#useful .container {padding: 45px 0 65px;}
#useful .two-col {display: flex;}
#useful .two-col .main-col {width: 706px; padding: 20px;}
#useful .two-col .side-col {width: 352px; padding: 20px; border-left: 1px solid #bababa;}

#useful .main-img img {max-width: 100%;}

#useful .anchor-list {margin-right: -30px; padding: 16px;}
#useful .anchor-list li {margin-right: 30px;}
#useful .anchor-list li a {font-size: 1.1rem; padding-left: 20px; background: url(../img/useful/icon_anchor-arrow.svg) 0 center/12px 8px no-repeat;}

#useful .two-col .side-col h2 {margin: 0 0 10px;}
#useful .two-col .side-col h2 img {width: 26px; height: 23px; margin: 0 10px 0 5px;}
#useful .two-col .side-col h2 span {font-size: 1.5rem;}
#useful .two-col .side-col .useful-list {position: sticky;}
#useful .two-col .side-col .useful-list li {margin-bottom: 24px;}
#useful .two-col .side-col .useful-list li h3 {font-size: 1.075rem;}

/*--------------------------
初めてご利用の方へ (first.php)
--------------------------*/
#useful .first section {margin-bottom: 70px;}
#useful .first h2.step {height: 45px; margin-bottom: 36px;}
#useful .first h2.step span.num {margin-left: 32px; margin-right: auto;}
#useful .first h2.step span.name {font-size: 1.325rem; margin: 0 auto 0 -85px;}

#useful .first .disc {margin-bottom: 36px;}
#useful .first .content {margin-bottom: 18px; padding: 16px; border: 5px solid #e5e5e5;}
#useful .first .content h3 {font-size: 1.375rem; margin: 10px 0 20px;}

/*楽々! クイック乗り出し*/
#useful .first .web-booking {align-items: center;}
#useful .first .web-booking .img {width: 232px;}
#useful .first .web-booking .img p {font-size: .9rem;}
#useful .first .web-booking .txt .search {margin: 20px auto 8px;}

/*最寄りの各店へお電話でもご予約いただけます｡*/
#useful .first .tel-booking {align-items: center;}
#useful .first .tel-booking .img {width: 232px;}
#useful .first .tel-booking .tel-list dl {display: flex;}
#useful .first .tel-booking .tel-list dl * {font-size: 1.25rem;}
#useful .first .tel-booking .tel-list dl dt {width: 144px;}

/*ご来店時にご持参いただくもの*/
#useful .first .bring ul li {margin-bottom: 24px;}
#useful .first .bring ul li .img {width: 148px; margin: 0 12px;}
#useful .first .bring ul li p {font-size: 1.125rem;}

/*規則を守って快適ドライブを!*/
#useful .first .rule > p {width: 540px; margin: 0 auto 24px;}
#useful .first .rule .caution {align-items: center; padding: 14px; border: 3px solid #e72100; border-radius: 8px;}
#useful .first .rule .caution img {width: 57px; height: auto; margin-right: 12px;}
#useful .first .rule .caution p {font-size: 1.125rem;}

/*ご返却時のお手続き*/
#useful .first .check .return img {margin: 0 18px 0 15px;}
#useful .first .check .return ul li {font-size: 1.1rem;}

/*--------------------------
3つの安心保証 (first.php)
--------------------------*/
#useful .insurance > section {margin-bottom: 64px;}
#useful .insurance h2 {font-size: 1.45rem; margin-bottom: 14px; padding: 18px 25px;}
#useful .insurance p.disp {font-size: 1.125rem; margin: 0 5px;}

/*ハコレンタカーの3つの安心補償*/
#useful .insurance .compensation-list {position: relative; margin: 20px 0 0;}
#useful .insurance .compensation-list > li {width: calc(100% / 3); padding: 12px; border-right: 1px solid #cbcbcb;}
#useful .insurance .compensation-list > li:last-of-type {border-right: none;}
#useful .insurance .compensation-list > li.standard {margin-bottom: 90px;}
#useful .insurance .compensation-list .illust {position: absolute; bottom: 10px; left: 10px; width: 220px; height: auto;}

/*補償*/
#useful .insurance .intro h3 {font-size: 1.45rem; margin-bottom: 6px;}
#useful .insurance .intro p.disp {font-size: 1.2rem; margin-bottom: 15px;}

/*基本の保証リスト*/
#useful .insurance .include {flex-wrap: wrap; margin: 20px 0 5px;}
#useful .insurance .include dl {width: calc((100% - 15px) / 2); margin: 0 15px 15px 0;}
#useful .insurance .include dl:nth-child(even) {margin-right: 0;}

/*保険・補償制度が適用されない例*/
#useful .insurance .other-list {padding: 24px 36px;}
#useful .insurance .other-list h3 {font-size: 1.5rem; margin-bottom: 16px;}

/*図*/
#useful .insurance .img-flow .price {margin: 0 25px;}
#useful .insurance .img-flow .arrow {width: 48px; margin: 0 20px 0 0;}
#useful .insurance .img-flow .arrow:before {top: calc(50% - 13.5px); left: 0; width: 24px; height: 27px;}
#useful .insurance .img-flow .arrow:after {top: calc(50% - 28.5px); right: 0; border-style: solid; border-width: 28.5px 0 28.5px 24px; border-color: transparent transparent transparent #e42100;}

/*--------------------------
法人向けプラン (business_contact.php)
--------------------------*/
#useful .business > section {margin-bottom: 96px;}

#useful .business .signup {margin: 36px auto;}
#useful .business .signup span {font-size: 1.5rem;}
#useful .business .signup .desvg {width: 26px; height: 26px; margin-left: 6px;}

#useful .business .intro h2 {font-size: 1.7rem; margin: 40px 0 32px;}
#useful .business .intro .about {margin-bottom: 60px;}
#useful .business .intro .about p,
#useful .business .intro .about ul li {font-size: 1.125rem;}
#useful .business .intro .feature li {width: calc((100% - 48px) / 2); margin-right: 24px;}
#useful .business .intro .feature li:nth-child(3n) {margin-right: 0;}

#useful .business .value h2 {margin-bottom: 28px;}
#useful .business .value p.disp {font-size: 1.125rem;}
#useful .business .value .graph {margin: 84px 0;}
#useful .business .value .graph h3 {font-size: 1.9rem; margin-bottom: 36px;}
#useful .business .value .option .options {width: 520px; height: 540px; margin: 0 auto 80px;}
#useful .business .value .option .options li,
#useful .business .value .option .options .illust {position: absolute;}
#useful .business .value .option .options li.etc {top: 27px; left: 0;}
#useful .business .value .option .options li.carnavi {top: 0; right: 5px;}
#useful .business .value .option .options li.dispatch {bottom: 0; left: 17px;}
#useful .business .value .option .options .illust {right: -4px; bottom: 92px;}
#useful .business .value .option .form {font-size: 1.35rem;}

/*--------------------------
ワンボックスカーの魅力 (one-box.php)
--------------------------*/
#useful .head-img {margin-bottom: 25px;}
#useful .head-img:last-child {margin-bottom: 0;}

#useful .one-box > section {padding: 64px 0;}
#useful .one-box > section > .inner {width: 540px; margin: 0 auto;}

/*プロが教える*/
#useful .one-box h2.teach {margin: 0 0 48px;}
#useful .one-box h2.teach .crown {width: 105px; height: auto; margin-right: 22px;}
#useful .one-box h2.teach .point {width: 156px; height: auto;}

/*イントロ*/
#useful .one-box .intro {margin: 32px 0 64px;}

/*汎用*/
#useful .one-box .serial-sec:not(:last-child) {margin-bottom: 50px;}
#useful .one-box .serial-sec h4 {font-size: 1.25rem; margin-bottom: 10px;}
#useful .one-box .serial-sec .img {width: 302px; margin-right: 12px;}
#useful .one-box .serial-sec p {width: calc(100% - 314px);}

/*point1*/
#useful .one-box .point1 .intro .graph {position: relative; right: -18px;}
#useful .one-box .point1 .intro .graph {margin: 40px auto 0;}
#useful .one-box .point1 .suit h3 {margin-bottom: 40px;}
#useful .one-box .point1 .suit h3 .icon {width: 28px; height: 28px; margin-right: 8px;}
#useful .one-box .point1 .suit h3 .txt {width: 343px; height: auto;}
#useful .one-box .point1 .suit h4 {font-size: 1.9rem; margin-bottom: 15px;}
#useful .one-box .point1 .suit section:not(:last-child) {margin-bottom: 52px;}
#useful .one-box .point1 .suit .posture {margin-top: 90px;}
#useful .one-box .point1 .suit .posture .comparison {margin: 42px auto;}
#useful .one-box .point1 .suit .posture .difference {display: flex; justify-content: space-between; margin: 84px 0 32px;}
#useful .one-box .point1 .suit .posture .explan {align-items: center;}
#useful .one-box .point1 .suit .posture .explan p {width: 50%; padding: 18px; box-sizing: border-box;}
#useful .one-box .point1 .suit .posture .explan p:before {top: calc(50% - 27px); right: -26px; width: 0; height: 0; border-style: solid; border-width: 27px 0 27px 26px; border-color: transparent transparent transparent #fff58e;}
#useful .one-box .point1 .suit .posture .explan img {margin: auto;}
#useful .one-box .point1 .non-stress p {margin-bottom: 35px;}
#useful .one-box .point1 .non-stress .img {justify-content: space-between;}
#useful .one-box .point1 .non-stress .img img {width: calc((100% - 20px) / 2); height: auto;}
#useful .one-box .point1 .comfort p {margin: 20px 0 35px;}
#useful .one-box .point1 .comfort .img {justify-content: space-between;}
#useful .one-box .point1 .comfort .img figure {width: calc((100% - 20px) / 2); height: auto;}
#useful .one-box .point1 .comfort .img figcaption {font-size: .95rem; margin-top: 14px;}

/*point2*/
#useful .one-box .point2 {margin: 0 -20px;}

/*finished*/
#useful .one-box .finished {padding: 32px 0 64px;}
#useful .one-box .finished .head-img {margin-bottom: 42px;}
#useful .one-box .finished h2 {margin-bottom: 64px;}
#useful .one-box .finished .car-check {padding: 16px 0; border-radius: 10px;}
#useful .one-box .finished .car-check span {font-size: 1.2rem;}
#useful .one-box .finished .car-check .desvg {width: 18px; height: 18px; margin-left: 16px;}

/*--------------------------
ハコレンタカーの特徴 (feature.php)
--------------------------*/
#useful .feature > section {margin-bottom: 96px;}

/*detail*/
#useful .feature .detail {margin: 20px 0;}
#useful .feature .detail h2 {margin: 0 8px 24px;}
#useful .feature .detail p {font-size: 1.125rem; margin: 20px 5px;}

/*feature-sec*/
#useful .feature .feature-sec {margin: 64px 20px;}
#useful .feature h3.ribbon {width: 345px; margin: 0 auto 48px;}
#useful .feature h3.ribbon span {font-size: 1.75rem;}
#useful .feature h3.ribbon:before,
#useful .feature h3.ribbon:after {bottom: -6px; width: 10px; border: solid #ca3301; border-top-width: 20px; border-bottom-width: 20px; border-left-width: 10px; border-right-width: 10px;}
#useful .feature h3.ribbon:before {left: -18px; border-left-color: transparent;}
#useful .feature h3.ribbon:after {right: -18px; border-right-color: transparent;}
#useful .feature h3.big {font-size: 2.9rem;}
#useful .feature .flex {align-items: flex-start;}
#useful .feature p.disp {font-size: 1.5rem; margin-bottom: 24px;}

/*殺菌*/
#useful .feature .disinfection {margin-top: 40px; padding: 20px 28px;}
#useful .feature .disinfection h4 {font-size: 1.6rem; margin-bottom: 15px;}
#useful .feature .disinfection p {width: calc(100% - 114px - 24px); font-size: 1.05rem;}
#useful .feature .disinfection img {width: 114px; height: auto; margin-left: 24px;}

/*サポート*/
#useful .feature .support {margin: 42px auto;}
#useful .feature .support li {width: calc((100% - 36px) / 2); margin-bottom: 32px;}
#useful .feature .support li:nth-child(odd) {margin-right: 36px;}
#useful .feature .support h4 {font-size: 1.875rem; margin: 8px 0;}
#useful .feature .support p {font-size: 1.05rem;}

/*注意事項*/
#useful .feature .notice {margin-bottom: 60px;}
#useful .feature .notice h4 {font-size: 1.25rem; margin-bottom: 18px;}
#useful .feature .notice p {font-size: .95rem;}

#useful .feature .car-check {padding: 16px 0; border-radius: 10px;}
#useful .feature .car-check span {font-size: 1.2rem;}
#useful .feature .car-check .desvg {width: 18px; height: 18px; margin-left: 16px;}

/*--------------------------------------------------------------------------
お問い合わせ (contact.php)
--------------------------------------------------------------------------*/
#contact section {margin-bottom: 54px;}
#contact section.form {margin: 54px 0 0;}
#contact p.disc {font-size: 1.05rem; margin-bottom: 32px;}
#contact h2 {font-size: 1.25rem; margin: 0 0 32px; padding: 3px 18px;}
#contact .notice {margin: 0 0 32px; padding: 15px 20px;}
#contact .notice p {font-size: 1.05rem;}
#contact .qanda {margin: 0 24px 24px;}
#contact .qanda dt,
#contact .qanda dd {padding: 12px 20px;}
#contact .tel-list {display: flex; justify-content: space-between;}
#contact .tel-list li {width: 300px;}
#contact .tel-list li h3 {font-size: 1.15rem;}
#contact .tel-list li a {font-size: 1.45rem; margin: 30px 0;}
#contact .tel-list li .time {margin-bottom: 16px;}
#contact .tel-list li .all-year {padding: 6px 0;}

#contact .form dl {display: flex;}
#contact .form dl dt,
#contact .form dl dd {padding: 16px;}
#contact .form dl dt {width: 300px; border-right: 1px solid #e6e6e6;}
#contact .form dl dd {width: calc(100% - 300px);}

/*--------------------------------------------------------------------------
ブログ一覧ページ (blog.php)
--------------------------------------------------------------------------*/
#blog-arc .blog-list {flex-wrap: wrap;}
#blog-arc .blog-list .entry {width: calc((100% - 40px) / 3); margin: 0 20px 60px 0;}
#blog-arc .blog-list .entry:nth-child(3n) {margin-right: 0;}

#blog-arc .notfound {margin-bottom: 50px;}

#blog-arc .shops-box:not(:last-child) {margin-bottom: 50px;}

#blog-arc .more {margin: -35px 0 35px;}

/*--------------------------------------------------------------------------
ブログ個別ページ (single-blog.php)
--------------------------------------------------------------------------*/
#blog-single .two-col {display: flex;}
#blog-single .two-col .main-col {width: 670px; padding-right: 50px; box-sizing: border-box;}
#blog-single .two-col .side-col {width: 400px; padding: 50px; margin: -50px -50px -50px 0; box-sizing: border-box;}

#blog-single .blog-single-info {margin-top: -20px;}
#blog-single .blog-single-info .back {font-size: 1.05rem;}
#blog-single .blog-single-info h1 {font-size: 1.5rem; margin-bottom: 20px; padding: 56px 6px; border-bottom: 1px solid #ccc;}
#blog-single .blog-single-info time {font-size: .95rem; padding: 5px 4px 12px;}
#blog-single .tag-list {margin-bottom: 20px;}
#blog-single .eyecatch {margin-bottom: 35px;}

/*エリア・タグ*/
#blog-single .two-col .main-col .cat-box > div.area {margin-right: 28px;}
#blog-single .two-col .main-col .cat-box > div span {margin-right: 12px;}

/*サイドバー*/
#blog-single .two-col .side-col article {margin-bottom: 72px;}
#blog-single .two-col .side-col h2 {font-size: 1.4rem; margin-bottom: 20px;}
#blog-single .two-col .side-col .tag .tag-list li {margin: 0 10px 18px 0;}

/*--------------------------------------------------------------------------
口コミ (single-review.php)
--------------------------------------------------------------------------*/
#review-single .two-col {display: flex;}
#review-single .two-col .main-col {width: 725px; padding: 10px;}
#review-single .two-col .side-col {width: 190px; margin-left: 65px; padding: 10px;}
#review-single h1 {margin: -79px auto 40px;}
#review-single h2.headline {margin-bottom: 28px; padding: 12px 24px;}
#review-single h2.headline span {font-size: 1.5rem; margin-left: 12px;}
#review-single h2.headline .shop {width: 36px; height: auto;}
#review-single h2.headline .car {width: 40px; height: auto;}

#review-single .two-col .side-col article {margin-bottom: 48px;}
#review-single .two-col .side-col h2 {margin-bottom: 20px;}
#review-single .two-col .side-col .review-list li {margin-bottom: 14px;}
#review-single .two-col .side-col .review-list li a {font-size: 1.1rem;}

/*口コミ*/
.review-totals {justify-content: flex-end; align-items: center; flex-direction: row-reverse; margin: 5px 0 30px!important;}
.review-totals .reviews-summary {margin-left: 70px;}

.ic_rev_review {padding: 32px 16px!important;}
.review-right .review-rating {margin-bottom: 15px;}
.review-right .review-title {margin: .333em 0 15px 10px;}
.logged-in-as,
.comment-notes {margin: 40px 0 30px!important;}

/*コメント*/
#review-single .comment-respond input[type="submit"] {margin: 50px auto;}

/*--------------------------------------------------------------------------
404ページ
--------------------------------------------------------------------------*/
#notfound {height: 600px;}
#notfound h1 span.big {font-size: 2.7rem;}
#notfound a.link {font-size: 1.1rem;}