.flex{display: -webkit-flex; display: flex;justify-content: space-between;} @media (min-width:768px){ .sp{display: none;} } @media (max-width:767px){ .pc{display: none;} } @media (min-width:1920px){} #wrap{ overflow: inherit; } header{ overflow: hidden; } main{ position: relative; } .pt90{padding-top: 100px !important;} header.header>.headerInner{display: none;} .headerSearchBtn{display: none;} .spMenu{display: none;} #headerNavArea > .headerNav{display: none;} #wrap #headerNavArea{margin: 0;padding: 0;} .headerInner{min-height: 50px;} .container{width: 1230px;margin-right: auto;margin-left: auto;padding: 110px 0 120px 0;line-height: 1.8;} .container.full{width: auto;padding-bottom: 0;margin-top: 60px;} .container.full+.contaner{padding-top: 0;} .container p{font-size: 16px;letter-spacing: 1px;} h2{color: #004596;font-size: 36px;text-align: center;line-height: 1.7;margin-bottom: 70px;font-weight: bold;letter-spacing: 2px;} h3{color: #004596;font-size: 22px;font-weight: bold;} h4{color: #004596;} h2.title-bg-blue{background-color: rgba(0,69,149,0.79);color: #fff;font-size: 30px;text-align: center;min-width: 57%;text-align: left;position: absolute;top: -40px;z-index: 2;} h2.title-bg-blue span{display: inline-block;width: auto;text-align: left;line-height: 120px;letter-spacing: 2px;margin-left: calc( 50vw - 620px );} section.bg-blue{background-color: #F3F7FA;} section.bg-white{background-color: #fff;} header{overflow: visible;} #rentalcarNav{} #alpine_logo{border-bottom: 1px solid #999;text-align: center;margin-left: auto;margin-right: auto;padding-top: 15px;padding-bottom: 15px;position: relative;background-color: #fff;width: 100%;} #rentalcarMenu{line-height: 50px;background-color: #EDF1F4;} #rentalcarMenu>DIV{display: flex;position: relative;margin: 0 auto;width: 1230px;line-height: 50px;background-color: #EDF1F4;justify-content: space-between;} #rentalcarMenu h1{font-size: 22px;font-weight: bold;letter-spacing:1px;line-height: 1.3em;background-color: #EDF1F4;justify-content: space-between;color: #004595;} #rentalcarMenu h1 span{display: block;font-size: 15px;line-height: 1.2em;margin-top: 5px;} #rentalcarMenu h1 a{text-decoration: none !important;} #rentalcarMenu h1 a:hover{opacity: 0.7;} #rentalcarMenu nav>ul{display: flex;justify-content: space-between;} #rentalcarMenu nav>ul li{position: relative;display: block;font-size: 15px;} #rentalcarMenu nav>ul>li>a{position: relative;color: #646464;padding: 0 0px 0 12px;text-decoration: none;display: block;line-height: 50px;} #rentalcarMenu nav>ul>li>a:after{content: "";position: relative;border-right: 1px solid #646464;height: 50px;width: 1px;padding-left: 12px;} #rentalcarMenu nav>ul>li:nth-of-type(7) a:after{display: none;} #rentalcarMenu nav>ul>li a:hover{background-color: #CCD6E0;} #rentalcarMenu nav>ul>li>ul{position: absolute;width: 230px;background-color: #dee5eb;display: none;z-index: 1000;} #rentalcarMenu nav>ul>li>ul li{} #rentalcarMenu nav>ul>li>ul li a{color: #646464;padding: 0 1.0em;text-decoration: none;display: block;line-height: 50px;} #rentalcarNav.fixed{position: fixed;left: 0;right: 0;margin: auto;z-index: 1000;box-shadow: 0px 2px 7px -5px #777777;} #rentalcarNav.fixed #alpine_logo{display: block;} #rentalcarMenu nav>ul>li.active ul{display: block;} .div-toggled{display: none;padding-top: 60px;} /* */ #s00{} #s00 .swiper{height: 800px;position: relative;} #s00 .swiper .swiper-wrapper div{display: block;width: 100%;height: 800px;background-size: cover;background-repeat: no-repeat;background-position: center center;} #s00 .swiper .swiper-wrapper div.slide01{background-image: url(/files/cdb/ZZ/solution/productandsurvice/rentalcar/header01.jpg);} #s00 .swiper .swiper-wrapper div.slide02{background-image: url(/files/cdb/ZZ/solution/productandsurvice/rentalcar/header02.jpg);} #s00 .swiper .swiper-wrapper div.slide03{background-image: url(/files/cdb/ZZ/solution/productandsurvice/rentalcar/header03.jpg);} #s00 .container {padding: 0;margin: 0 auto;} #s00 .container .div-text{position: absolute;height: 700px;width: 600px;top: 100px;padding: 50px 70px;background: rgba(21,77,142,0.85);z-index: 2;color: #fff} #s00 .container .div-text p.title{font-size: 32px;font-weight: 400;letter-spacing: 2px;margin-bottom: 40px;line-height: 1.5em;} #s00 .container .div-text h1.sub{font-size: 26px;font-weight: 400;letter-spacing: 2px;margin-bottom: 20px;line-height: 1.5em;} #s01{background-color: #EEEDED;} #s01 .container{padding: 140px 0;} /* #s01 .div-text{position: relative;flex-basis: 50%;} */ #s01 .div-text{position: relative;flex-basis: calc( 60% );padding-left: 170px;} #s01 .div-text h2{color: #004596;/*border-left: 5px solid #004596;*/font-size: 35px;font-weight: bold;/*padding: 0.4em 0 0.16em 30px;*/letter-spacing: 2px;line-height: 1.4;margin-bottom: 60px;margin-top: 30px;text-align: left;} #s01 .div-text h2 span{display: block;font-size: 22px;margin-bottom: 5px;} #s01 .div-text p{margin-left: 30px;} #s01 .div-text p.catchCopy{color: #464641;font-size: 30px;letter-spacing: 2px;font-weight: bold;/*ine-height: 1.5;*/border-bottom: 1px solid #707070;padding-bottom: 30px;/*margin-bottom: 20px;*/padding-left: 130px;} #s01 .div-text img{position: absolute;left: 190px;top: 162px;width: 120px;height: 120px;} #s01 .div-image{position: relative;flex-basis: 50%;} #s01 .div-image span{position: absolute;display: block;top: -60px;left: -60px;} #s01 #modal{display: none;max-width: 980px;} .modaal-content-container{padding: 80px;} #s01 #modal .flex{} .modaal-content-container .flex .div-text h3{font-size: 23px;font-weight: bold;margin-bottom: 40px;line-height: 2;color: #464646;} .modaal-content-container .flex .div-text p{font-size: 15px;line-height: 2.2em;} .modaal-content-container .flex .div-image{} .modaal-content-container .flex .div-image img{} .modaal-content-container .flex .div-image .baloon{position: relative;background-color: #464646;color: #fff;text-align: center;padding: 16px;width: 205px;font-size: 14px;margin-bottom: 20px;} .modaal-content-container .flex .div-image .baloon:after{ border: solid transparent;content:'';height:0;width:0;pointer-events:none;position:absolute;border-color: rgba(70, 70, 70, 0);border-top-width:19px;border-bottom-width:19px;border-left-width:14px;border-right-width:14px;margin-left: -14px;border-top-color:#464646;top:100%;left:50%;} .modaal-wrapper .modaal-close{position: absolute;top: -20px;right: -20px;z-index: 2;} .modaal-wrapper .modaal-close:before{content: "";position: absolute;background-image: url(/files/cdb/ZZ/solution/productandsurvice/rentalcar/icon_close.png);width: 70px;height: 70px;transform: unset;background-color: unset;top: -17px;left: -5px;} .modaal-wrapper .modaal-close:after{display: none;} .modaal-wrapper .modaal-close:hover{opacity: 0.8;background-color: unset;} /* @media (max-width:1450px){ #s01 .div-text p.catchCopy{padding-left: 100px;} #s01 .div-text img{left: 5px;} } */ #s02{} #s02 .container{} #s02 .flex>div{flex-basis: 370px;position: relative;} #s02 .flex>div h3{margin: 20px 0;letter-spacing: 1px;} #s02 .flex>div ul{display: flex;margin-top: 30px;} #s02 .flex>div ul li{margin-right: 10px;} #s02 .flex>div ul li:last-of-type{margin-right: 0px;} #s02 .flex>div .div-image{position: relative;display: block;} #s02 .flex .c01 .div-image:after{content: "";position: absolute;margin: auto;width: 40px;height: 40px;background-image: url(/files/cdb/ZZ/solution/productandsurvice/rentalcar/icon_plus.svg);top: 0;bottom: 0;right: -48px;} #s02 .flex .c02 .div-image:after{content: "";position: absolute;margin: auto;width: 36px;height: 18px;background-image: url(/files/cdb/ZZ/solution/productandsurvice/rentalcar/icon_or.svg);top: 0;bottom: 0;right: -48px;} #s02 .flex .c01 .div-image img{border: 1px solid #C8C8C8;} #s03{} #s03 .container{padding-bottom: 0;} #s03 .bg-blue{background-color: #F4F8FB;padding: 50px;} #s03 .bg-blue:nth-of-type(1){margin-bottom: 90px;} #s03 h3{padding-left: 25px;border-left: 8px solid #004596;line-height: 56px;font-size: 28px;margin-bottom: 40px;letter-spacing: 2px;} #s03 .flex{padding: 0 15px;} #s03 .flex h4{font-size: 24px;margin: 25px 0 10px 0;font-weight: bold;letter-spacing: 1px;} #s03 .flex.c01 {margin-bottom: 80px;} #s03 .flex.c01 .div-image{flex-basis: 675px;} #s03 .flex.c01 .div-text{flex-basis: 380px;display: flex;flex-direction: column;justify-content: flex-end;} #s03 .flex.c01 .div-text h4{margin-bottom: 30px;} #s03 .flex.c01 .div-text p{margin-bottom: 50px;} #s04{} #s04 .container{padding-top: 90px;} #s04 h2{color: #464646;font-size: 28px;text-align: left;margin-bottom: 15px;} #s04 table{border: 6px solid #505050;line-height: 1.3em;color: #464646;letter-spacing: 1px;width: 100%;border-collapse: collapse;table-layout: fixed;} #s04 table th{font-weight: bold;padding: 15px 0;font-weight: bold;} #s04 table td{border: 1px solid #505050;text-align: center;vertical-align: middle;padding: 20px 0;font-weight: bold;font-size: 18px;} #s04 table td p{line-height: 1.4em;display: block;text-align: center;font-size: 14px;font-weight: bold;padding: 0 15px;} #s04 table td img{width: 80%;height: auto;margin-bottom: 10px;} #s04 table td span{font-size: 14px;} #s04 table td ul {padding: 0 30px 0 45px;} #s04 table td ul li{line-height: 1.4em;display: list-item;text-align: left;font-size: 14px;list-style: disc;font-weight: bold;margin-bottom: 5px;} #s04 table .border-none{border: none;} #s04 table .border-right{border-right: 3px solid #505050;} #s04 table .border-none-left{border-left: none;} #s04 table .row3{border-bottom: 3px solid #505050;} #s04 table .bg-gray1{background-color: #E6E6E6;} #s04 table .bg-gray2{background-color: #C8C8C8;} #s04 table tr th:nth-of-type(1){width: 110px;} #s04 table tr th:nth-of-type(2){width: 110px;} #s04 table tr th:nth-of-type(3){width: 784px;} #s04 table tr:nth-of-type(1) td:nth-of-type(1){width: 104px;} #s04 table tr:nth-of-type(1) td:nth-of-type(2){width: 104px;} #s04 table tr:nth-of-type(1) td:nth-of-type(3){width: 400px;} #s04 table tr:nth-of-type(1) td:nth-of-type(4){width: 400px;} #s04 table tr:nth-of-type(1) td:nth-of-type(5){width: 200px;} #s04 table tr:nth-of-type(2) td:nth-of-type(2){width: 200px;} #s04 table tr:nth-of-type(2) td:nth-of-type(3){width: 200px;} #s04 table tr:nth-of-type(2) td:nth-of-type(4){width: 200px;} #s04 table tr:nth-of-type(2) td:nth-of-type(5){width: 200px;} #s04 table tr:nth-of-type(1) td{padding: 25px 0 20px 0;} #s04 table tr:nth-of-type(2) td{padding: 10px 0 5px 0;} #s04 table tr:nth-of-type(3) td{height: 80px;} #s04 table tr:nth-of-type(4) td{height: 80px;} #s04 table tr:nth-of-type(5) td p{text-align: left;padding-left: 15px;} #s04 table.table2{margin-top: 80px;position: relative;width: auto;margin-bottom: 12px;} #s04 table.table2:before{content: "";position: absolute;display: block;width: 40px;height: 40px;background-image:url(/files/cdb/ZZ/solution/productandsurvice/rentalcar/icon_plus.svg) ;background-size: cover;margin: auto;top: -62px;left: 0;right: 0;} #s04 table.table2 td{border: none;} #s04 table.table2 th div{height: 56px;display: flex;flex-direction: column;justify-content: center;font-weight: bold;} #s04 table.table2 th div span{font-size: 14px;} #s04 table.table2 tr:nth-of-type(1) th{width: 222px;} #s04 table.table2 tr:nth-of-type(1) td:nth-of-type(1){width: 1000px;} #s04 table.table2 tr:nth-of-type(1) td{padding: 15px 0 10px 0;} #s05{} #s05 h2{color: #464646;font-size: 28px;} #s05 ul{width: 984px;margin: 0 auto;} #s05 ul li {display: flex;justify-content: space-between;position: relative;margin-bottom: 80px;} #s05 ul li div.title{flex-basis: 284px;margin: 0 auto;background-color: #646464;} #s05 ul li div.title p{font-size: 22px;line-height: 1.4em;letter-spacing: 2px;height: 160px;color: #fff;text-align: center;font-weight: bold;display: flex;flex-direction: column;justify-content: center;} #s05 ul li div.content{position: relative;flex-basis: calc( 100% - 284px);margin: 0 auto;background-color: #e6e6e6;height: 160px;} #s05 ul li div.content p{padding-left:30px; font-size: 18px;letter-spacing: 2px;height: 160px;display: flex;flex-direction: column;justify-content: center;} #s05 ul li:after{content: "";width: 60px;height: 30px;background-image: url(/files/cdb/ZZ/solution/productandsurvice/rentalcar/icon_triangle.svg) ;background-size: cover;position: absolute;top: -50px;left:0;right: 0;margin:auto ;} #s05 ul li:nth-of-type(1):after{display: none;} #s09 {width: 1230px;margin: 0 auto 0 auto;} #s09 h2{text-align: center; padding: 40px 0px 25px 0px ;margin-bottom: 0px;} #s09 .title:before{content:"";background: #000; height: 8px;width: 8px;position: absolute;left: 3px;top: 13px; } #s09 .title{margin-top: 20px;margin-bottom: 25px; line-height: 1.8em; font-size: 20px;font-weight: 600;color: #000;border-bottom:solid 2px #004596;position: relative;padding-left: 15px; padding-bottom: 5px;} #s09 p{text-align: center;margin-bottom: 40px;} #s09 dl dt:before{content: "Q. ";} #s09 dl dd:before{content: "A. ";} #s09 dl{padding-top: 10px;} #s09 dl dt{color: #004596;} #s09 dl dd{padding: 10px 0px 25px 21px;text-indent: -21px;} #s09 ul {margin-bottom: 40px;} #s09 ul li:last-child{border-bottom: none;} #s09 ul li{margin: 10px 20px 20px 20px; border-bottom:solid 1px #bebebedc;} .flex.bg{justify-content: center;max-height: 600px;position: absolute;width: 100%;z-index: 1;top: 40px;} .flex.bg>div:nth-of-type(1){min-width: 600px;flex-basis: calc( 100% - 1230px / 2 + 600px) ;min-height: 600px;} .flex.bg .div-image{min-height: 600px;flex-basis: calc(100% - 1230px / 2 + 630px);} .flex.bg .div-image{min-width: 630px;max-height: 600px;overflow: hidden;} .flex.bg .div-image{background-size: cover;background-position: top left;} .container .container {padding: 0;} .container .container .div-text {height: 520px;width: 600px;position: relative;} .container .container .div-text p{font-size: 22px;letter-spacing: 3px;padding-top: 20px;} .container .container .div-text img{position: absolute;display: block;} .container .div-text{background-repeat: no-repeat;} .flex .shadow{position: relative;width: 580px;height: 600px;text-align: center;background-color: #fff;box-shadow: -6px 6px 6px -5px rgba(6,61,107, 0.20);z-index: 1;} .flex .shadow h3{font-size: 28px;line-height: 3.6em;} .flex .shadow p{margin: 40px auto auto 0;font-weight: bold;letter-spacing: 2px;font-size: 17px;} .flex .shadow .round-arrow{position: absolute;width: 90px;height: 90px;margin: auto;top: 0;bottom: 0;right: -80px;z-index: 3;} .flex .shadow:nth-of-type(1){z-index: 2;} .div-toggle{/*order-bottom: 1px solid #BEBEBE;*/margin-bottom: 80px;border-bottom: 1px solid #c6c6c6;padding-bottom: 60px;} .div-toggle{margin: 70px auto 80px auto;} .div-toggle .btn-toggle{display: block;position: relative;text-align: center;margin: 80px 0 60px 0;position: relative;text-decoration: none;} .div-toggle .btn-toggle{background-image: url(/files/cdb/ZZ/solution/productandsurvice/rentalcar/bg_accordion.svg);width:444px;height: 84px;margin: 0 auto;background-size: contain;} .div-toggle .btn-toggle:after{content: "";position: absolute;display: block;top: 24px;right: 23px;width: 3px;height: 30px;width:30px;transition: all .3s ease;background-image: url(/files/cdb/ZZ/solution/productandsurvice/rentalcar/bg_accordion_plus.svg);} .div-toggle .btn-toggle:hover{opacity: 0.8;} .div-toggle .btn-toggle span{position: relative;width: 100%;display: block;letter-spacing: 2px;line-height: 20px;padding-right: 1.5em;font-size: 20px;line-height: 84px;color: #fff;} .div-toggle .btn-toggle .close{display: none;} .div-toggle .btn-toggle.opened .open{display: none;} .div-toggle .btn-toggle.opened .close{display: inline-block;} .div-toggle .btn-toggle.opened:after{transform: rotate(45deg);} .div-toggle h3{font-size: 28px;line-height: 60px;border-left: 8px solid #004595;padding-left: 20px;margin-bottom: 40px;letter-spacing: 3px;} .div-toggle .flex{margin-bottom: 100px;} .div-toggle .flex div.cbox{flex-basis: 580px;} .div-toggle .flex div.cbox img{width: 100%;height: auto;} .div-toggle .flex div h4{font-size: 22px;letter-spacing: 2px;color: #5A5A5A;font-weight: bold;margin: 26px 0 18px 0;} .div-toggle .flex div p{font-size: 17px;letter-spacing: 1px;color: #464646;line-height: 2.0em;} .div-toggle .flex div p.caption{font-size: 12px;letter-spacing: 1px;line-height: 1.4em;} .div-toggle .flex div p sup{vertical-align: revert;} .div-toggle .flex .div-text{display: flex;flex-direction: column;justify-content: end;} .bg-white .flex .shadow{background-color: #F3F7FA;} #s11{position: relative;} #s11 .flex.bg .div-image{background-image: url(/files/cdb/ZZ/solution/productandsurvice/rentalcar/s11_01.png);} #s11 .container .container .div-text p{width: 400px;margin-left: 85px;} #s11 .container .container .div-text img{bottom: -98px;left: -20px;} #s11 .flex.video{} #s11 .flex.video .div-text{flex-basis: 430px;display: flex;flex-direction: column;justify-content: end;font-size: 17px;letter-spacing: 2px;} #s11 .flex.video .div-text h3{margin-bottom: 34px;} #s11 .flex.video .div-text h3 span{font-size: 14px;} #s11 .flex.video .div-text p{font-size: 17px;} #s11 .flex.video .div-video{flex-basis: 738px; position:relative;width:100%;padding-top:33.7%;} #s11 .flex.video .div-video a{display: block;position: absolute;top: 0;bottom: 0;width: 100%;height: auto;margin: auto;} #s11 .flex.video .div-video .player {position: absolute;top: 0;left: 0;z-index: 1;} #s11 .flex.video .div-video iframe{position:absolute;top: 0;left: 0;width:100% ;height:100% ;} #s11 .swiper .flex .shadow:nth-of-type(1) h3 { line-height: 1.2em !important; margin-top: 15px !important; margin-bottom: 20px !important; } #s11 .slider.swiper { margin-top: 50px; margin-bottom: 50px; } #s12{position: relative;margin-top: 120px;} #s12 .flex.bg .div-image{background-image: url(/files/cdb/ZZ/solution/productandsurvice/rentalcar/s12_01.jpg);} #s12 .container .container .div-text{height: 520px;} #s12 .container .container .div-text img{bottom: 0px;left: 0px;} #s12 .flex .svg{display: block;margin: 30px 0 10px 0;} #s12 .flex.spec h4{margin-top: 0px;} #s13{position: relative;} #s13 .flex.bg .div-image{background-image: url(/files/cdb/ZZ/solution/productandsurvice/rentalcar/s13_01.jpg);} #s13 .container .container .div-text{} #s13 .container .container .div-text img{bottom: 60px;left: 0px;} #s13 .flex.c01 .div-text{flex-basis: 360px;} #s13 .flex.c01 .div-image{flex-basis: 811px;} #s13 .flex.c02 .div-text{flex-basis: 600px;} #s13 .flex.c02 .div-image{flex-basis: 580px;} #s13 .div-toggle .flex.c02{margin-bottom: 80px;} #s14 {} #s14 .container{padding-bottom: 20px;} #s14 h2{color: #464646;font-size: 28px;text-align: left;margin-bottom: 15px;} #s14 table{border: 6px solid #505050;line-height: 1.3em;color: #464646;letter-spacing: 1px;border-collapse: collapse;table-layout: fixed;} #s14 table th{font-weight: bold;padding: 10px 0;font-weight: bold;border: 1px solid #505050;vertical-align: middle;} #s14 table td{border: 1px solid #505050;vertical-align: middle;padding: 10px 15px;font-weight: bold;font-size: 18px;text-align: center;} #s14 table td.text-left{text-align: left;width: 490px ;} #s14 table thead th:nth-of-type(2){width: 245px;background-color: #E5E5E5;} #s14 table thead th:nth-of-type(3){width: 245px;background-color: #C7C7C7;} #s14 table tbody tr th{width: 240px;} #s14 table tbody tr td{width: auto;} #s15{} #s15 .container{padding-bottom: 240px;padding-top: 120px;} #s15 .flex{width: 1110px;margin: 00 auto;} #s15 .flex .cbox{width: 520px;height: auto;padding: 40px 60px;} #s15 .flex .cbox h3{margin-bottom: 10px;font-size: 22px;text-align: left;border-left: 6px solid #004595;line-height: 40px;color: #5A5A5A;padding-left: 15px;letter-spacing: 2px;} #s15 .flex .cbox p{text-align: left;font-weight: normal;font-weight: bold;} #s16{position: relative;} #s16 a#voice{position: absolute;top:-150px;} #s16 .container{padding-bottom: 20px;} #s16 h2{position: relative;color: #595959;width: 880px;margin-right: auto;margin-left: auto;text-align: left;font-size: 36px;letter-spacing: 3px;padding-left: 100px;} #s16 h2:before{content: "";position: absolute;left: -209px;top: -140px;width: 317px;height: 217px;display: block;background-image: url(/files/cdb/ZZ/solution/productandsurvice/rentalcar/s16_baloon.png);} #s16 .flex{flex-wrap: wrap;} #s16 .cbox {margin-bottom: 70px;display: block;cursor: pointer;position:relative;max-width: 369px;text-decoration:none;} #s16 .cbox .magazine_new {width: 76px;height: 36px;position: absolute;display: block;top: -13px;left: 8px;z-index: 10;} #s16 .cbox .date{font-size: 14px;margin-top: 8px;} #s16 .cbox h3{margin-bottom: 7px;line-height: 1.4em;margin-top: 4px;text-decoration: underline;} #s16 .cbox picture img{width: 369px;height:240px;object-fit: cover;} #s16 .cbox .category{display: inline-block;border: solid 1px #666;color: #666;font-size: 12px;text-align: center;padding: 0 3px;border-radius: 3px;margin-bottom: 4px;margin-right: 8px;margin-top: 0px!important;} #s16 .cbox span.category{text-decoration: none !important;} #s16 .cbox:hover h3{text-decoration: none;} #s17{} #s17 .container{} #s17 .container h2{} .div-button{} .div-button .button{display: block;margin: 60px auto;background-color: #464646;text-align: center;font-weight: bold;font-size: 20px;border-radius: 40px;line-height: 60px;width: 17em;color: #fff;text-decoration: none;letter-spacing: 0;} .div-button .button:hover{opacity: 0.8;} .modaal-content-container article{} .modaal-content-container article .userVoiceOwner{width: 300px;text-align: center;} .modaal-content-container article .userVoiceOwner img{width: 180px;} .modaal-content-container article .userVoiceQuestion{margin-bottom: 40px;margin-top: 40px;} .modaal-content-container article .userVoiceProducts{margin-top: 40px;} .modaal-content-container article .userVoiceProducts ul li{display: block;font-size: 13px;line-height: 30px; letter-spacing: 1px;padding: 0 0.5em;border: 1px solid #787878;color: #787878;margin-right: 20px;} .modaal-content-container article h1{font-size: 32px; padding-left: 15px;margin-top: 15px;} .modaal-content-container article h2{font-size: 26px;text-align: left;margin-bottom: 10px;line-height: 1.6;} .modaal-content-container article p.float{line-height: 1.8;font-size: 16px;margin-top: 15px;} .modaal-content-container article p b{font-weight: bold;line-height: 1.8;letter-spacing: 1px;margin-bottom: 5px;} .modaal-content-container article p.photo{float: right;margin: 0 0 20px 20px;width: 300px;padding-top: 5px;} .modaal-content-container p.close{display: none;} /* コラム お役立ち情報ページ */ header.column{} header.column nav{display: flex;justify-content: flex-end;width: 100%;} header.column nav a{text-decoration: none;color: #646464;text-decoration: none;display: block;line-height: 50px;letter-spacing: 1px;font-size: 15px;} #s00{} #s00.main-visual-column .swiper .swiper-wrapper div.slide-column{background-image: url(/files/cdb/ZZ/solution/productandsurvice/rentalcar/column_head_pc.jpg);} #s00.main-visual-column .swiper .swiper-wrapper div.slide-column img{object-fit: } #s00.main-visual-column .container .div-text{display: none;} /*-----------------------footer-----------------------*/ footer.footer{background-color: #333;padding: 50px 0px 0 0;width: 100%;} footer.footer .footerInner {width:100%;} footer.footer .wrapper{max-width: unset;} #rentalcarFooter a{color: #fff;text-decoration: none;line-height: 2.0em;font-size: 14px;} #rentalcarFooter a:hover{opacity: 0.6;} #rentalcarFooter .foot_top{width:1230px;border-bottom: 1px solid #fff;margin:0 auto 40px auto;} #rentalcarFooter .foot_top span{display: block;font-size: 21px;line-height: 1.8em;} #rentalcarFooter .foot_top span.text-small{font-size: 16px;line-height: 1.0em;} #rentalcarFooter .foot_top #foot_top_link{display: flex;flex-direction: column;justify-content: center;} #rentalcarFooter .foot_top #foot_top_link a{font-size: 16px;position: relative;padding-right: 2.0em;} #rentalcarFooter .foot_top #foot_top_link a:after{content: "";position: absolute;top: 50%;right: 4px;width: 6px;height: 6px;margin-top: -3px;border-top: 1px solid #fff;border-right: 1px solid #fff;-webkit-transform: rotate(45deg);transform: rotate(45deg);} #rentalcarFooter .foot_top #foot_top_link a:before{content: "";position: absolute;top: 50%;right: 10px;width: 6px;height: 6px;margin-top: -3px;border-top: 1px solid #fff;border-right: 1px solid #fff;-webkit-transform: rotate(45deg);transform: rotate(45deg);} #rentalcarFooter .foot_menu{line-height: 2.0;font-size: 14px;} #rentalcarFooter .foot_menu h4 a{display: block;overflow: visible !important;line-height: 2.6;font-size: 14px;} #rentalcarFooter .foot_middle{width:1230px;margin:0 auto 0px auto;} #rentalcarFooter .foot_middle .foot_menu{flex-basis: 230px;min-height: 230px;} #rentalcarFooter .foot_middle .foot_menu a{border-bottom: 1px solid #fff;display: block;line-height: 2.6em;} #rentalcarFooter .foot_middle .foot_menu h4 a{display: block;overflow: visible;padding-left: 0.5em;} #rentalcarFooter nav .foot_menu .arrow{position: relative;} #rentalcarFooter nav .foot_menu .arrow::before{content: "";position: absolute;top: 50%;right: 4px;width: 6px;height: 6px;margin-top: -3px;border-top: 1px solid #fff;border-right: 1px solid #fff;-webkit-transform: rotate(45deg);transform: rotate(45deg);} #rentalcarFooter nav .foot_menu .plus {display: block;position: relative;} #rentalcarFooter nav .foot_menu .plus:before {display: block;content: '';background-color: #fff;position: absolute;width: 11px;height: 1px;right: 5px;top:0;bottom: 0;margin: auto;} #rentalcarFooter nav .foot_menu .plus:after {display: block;content: '';background-color: #fff;position: absolute;width: 11px;height: 1px;right: 5px;top:0;bottom: 0;margin: auto;} #rentalcarFooter nav .foot_menu .plus:before {width: 1px;height: 12px;top: 0;right: 10px;} #rentalcarFooter nav .foot_menu .plus.sp{display: none;} #rentalcarFooter nav .foot_menu ul {position: relative;height: 0;overflow: hidden;} #rentalcarFooter nav .foot_menu li a{padding-left: 1.0em;} #rentalcarFooter nav .foot_menu.active ul{position: relative;height: 100%;} #rentalcarFooter nav .foot_menu.active .plus:before {display: none;} #rentalcarFooter .foot_middle .foot_menu input{display: none;} #rentalcarFooter .foot_bottom{width:1230px;margin:0 auto;position: relative;} #rentalcarFooter .foot_bottom .foot_left{width: 726px;} #rentalcarFooter .foot_bottom .foot_left .ul_banner{display: flex;justify-content: space-between;} #rentalcarFooter .foot_bottom .foot_left .ul_banner li {display:block;} #rentalcarFooter .foot_bottom .foot_left .ul_banner li a{display:block;} #rentalcarFooter .foot_bottom .foot_left .ul_banner li a img.pc{display:block;} #rentalcarFooter .foot_bottom .foot_right{width: 230px;position: absolute;top: -80px;right: 0;} #rentalcarFooter .foot_bottom .foot_right h4{margin-bottom: 0;} #rentalcarFooter .foot_bottom .foot_right h4 a{display: block;text-align: center;color:#fff;line-height: 2.4;} #rentalcarFooter .foot_bottom .foot_right h4.foot_faq{background-color:#9DC3E6;margin-bottom: 8px;} #rentalcarFooter .foot_bottom .foot_right h4.foot_contact{background-color:#2E75B6;} #rentalcarFooter #copylight{margin-top: 30px;text-align: center;color: #fff;font-size: 0.9rem;color: #ccc;padding-bottom: 12px;background-color: #000;padding-top:14px;} .foot_flex{ display: flex; justify-content: space-between; flex-wrap: wrap; } .foot_left{ float: left; margin-right: 30px; } .foot_icn{ float: right; } .foot_icn img{ width: 42px; margin-left: 15px; } @media (max-width:767px){ .pc{display: none !important} .container{width: calc( 100% - 60px );padding: 30px 0 40px 0;margin-left: 30px;margin-right: 30px;} .container.full{margin-left: 0;margin-right: 0; padding-top: 20px;} .container p{font-size: 12px;} h2{color: #004596;font-size: 18px;line-height: 1.6;margin-bottom: 40px;letter-spacing: 1px;} h3{color: #004596;font-size: 14px;} .spMenu{} .headerInner.fixed{position: fixed !important;} #rentalcarNav>h1{font-size: 14px;font-weight: bold;letter-spacing: 1px;color: #004595;display: block;text-align: center;background-color: #EDF1F4;line-height: 47px;padding-left: 60px;} #rentalcarNav h1 a{text-decoration: none !important;} #rentalcarNav h1 a:hover{opacity: 0.7;} #rentalcarNav.fixed{position: relative;} .menu-content {width: 80%;height: calc(100% - 47px);position: fixed;top: 47px;left: unset;right: -100%; z-index: 300;background-color: rgba(0, 0, 0, 0.8);transition: all 0.5s;/*アニメーション設定*/} #menu-btn-check:checked ~ .menu-content {left: unset;right: 0} .menu-btn {position: fixed;top: 3px;left: unset; right: 3px; display: flex;height: 60px;width: 60px;justify-content: center;align-items: center;z-index: 999;background-color: #000;transform: scale(0.7); transform-origin: top right;} .menu-btn span, .menu-btn span:before, .menu-btn span:after {content: '';display: block;height: 3px;width: 25px;border-radius: 3px;background-color: #ffffff;position: absolute;} .menu-btn span:before {bottom: 8px;} .menu-btn span:after {top: 8px;} #menu-btn-check:checked ~ .menu-btn span {background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/} #menu-btn-check:checked ~ .menu-btn span::before {bottom: 0;transform: rotate(45deg);} #menu-btn-check:checked ~ .menu-btn span::after {top: 0;transform: rotate(-45deg);} #menu-btn-check {display: none;} .menu-content>ul{margin-top: 75px;} .menu-content>ul>li{overflow: hidden;} .menu-content>ul li>*{position: relative;display: block;line-height: 50px;text-decoration: none;color: #fff;border-top: 1px solid #fff;padding-left: 30px;font-size: 16px;} .menu-content>ul li:not(.product) a:after{content: "";position: absolute;display: block;width: 8px;height: 8px;border: 1px solid;border-color: transparent transparent #fff #fff;transform: rotate(-45deg);right: 20px;top: 17px;margin: auto;} .menu-content>ul>li:nth-of-type(2) label:before{content: "";position: absolute;display: block;width: 14px;height: 1px;border-bottom: 1px solid #fff;right: 18px;top: 0;bottom: 0;margin: auto;} .menu-content>ul>li:nth-of-type(2) label:after{content: "";position: absolute;display: block;width: 14px;height: 1px;border-bottom: 1px solid #fff;right: 18px;top: 0;bottom: 0;margin: auto;transform: rotate(-90deg)} .menu-content>ul>li:nth-of-type(4) label:before{content: "";position: absolute;display: block;width: 14px;height: 1px;border-bottom: 1px solid #fff;right: 18px;top: 0;bottom: 0;margin: auto;} .menu-content>ul>li:nth-of-type(4) label:after{content: "";position: absolute;display: block;width: 14px;height: 1px;border-bottom: 1px solid #fff;right: 18px;top: 0;bottom: 0;margin: auto;transform: rotate(-90deg)} .menu-content>ul li ul{height: 0;border: none;} .menu-content>ul li ul li a{padding-left: 17px;border: none;line-height: 40px;} .menu-content>ul li ul li a:after{top: 13px !important;} #menu-product{display: none;} #menu-product:checked ~ label:after{display: none;} #menu-product:checked ~ ul{height: 100%;} #menu-voice{display: none;} #menu-voice:checked ~ label:after{display: none;} #menu-voice:checked ~ ul{height: 100%;} h2.title-bg-blue {font-size: 17px;text-align: left;min-width: 290px;top: -20px;} h2.title-bg-blue span{line-height: 55px;letter-spacing: 2px;margin-left: 30px;} #s00{position: relative;} #s00 .container{position: unset;} #s00 .swiper{height: auto;position: relative;padding-bottom: 47%;} #s00 .swiper .swiper-wrapper div{display: block;width: calc(100% - 30px);height: auto;background-image: unset !important;padding-left: 30px;text-align: right;} #s00 .container .div-text{top: unset;bottom: 0;left: 0;width: calc(100% - 30px);height: auto;padding: 30px 10px 30px 30px;margin-right: 30px;} #s00 .container .div-text p.title{font-size: 20px; font-weight: bold;margin-bottom: 15px;letter-spacing: 2px;} #s00 .container .div-text h1.sub{font-size: 16px; font-weight: bold;margin-bottom: 10px;letter-spacing: 2px;} #s00 .container .div-text p{font-size: 10px;line-height: 2.3em;} #s01 .flex{flex-direction: column-reverse; padding: 20px 0 40px 0;} #s01 .div-image{flex-basis: unset;} #s01 .div-image img{max-width: 120%;margin-left: -20%;} #s01 .div-image span{position: relative;top: unset;left: unset;height: auto;margin-bottom: 20px;} #s01 .div-text{flex-basis: unset;margin-top: -60px;padding-left: 0;} #s01 .div-text h2 span{font-size: 16px;} #s01 .div-text h2 {font-size: 20px;margin-top: 15px;margin-bottom: 30px;} #s01 .div-text img {left: -5px;top: 70px;width: 80px;height: 45px;} #s01 .div-text p.catchCopy{font-size: 16px;margin-left: 0;padding-left: 65px;padding-bottom: 5px;} #s01 .div-text p {margin-left: 0;} .modaal-content-container{padding: 30px;} #s01 #modal .flex{} .modaal-content-container .flex .div-text h3{font-size: 20px;font-weight: bold;margin-bottom: 20px;line-height: 1.6;letter-spacing: 2px;} .modaal-content-container .flex .div-text p{font-size: 14px;line-height: 2.2em;} .modaal-content-container .flex .div-image{} .modaal-content-container .flex .div-image img{width: 70%;display: block;margin: 0 auto 20px auto;} .modaal-content-container .flex .div-image .baloon{padding: 10px;width: 180px;font-size: 14px;margin-bottom: 20px;} .modaal-content-container .flex .div-image .baloon:after{border: solid transparent;content:'';height:0;width:0;pointer-events:none;position:absolute;border-color: rgba(70, 70, 70, 0);border-top-width:19px;border-bottom-width:19px;border-left-width:14px;border-right-width:14px;margin-left: -14px;border-top-color:#464646;top:100%;left:50%;} .modaal-wrapper .flex{flex-direction: column;} .modaal-wrapper .modaal-close{position: absolute;top: -20px;right: -20px;z-index: 2;} .modaal-wrapper .modaal-close:before{width: 40px;height: 40px;transform: unset;background-color: unset;top: -2px;background-size: contain;left: 9px;} #s02 .container{padding-bottom: 40px;} #s02 .container>*{} #s02 .flex{flex-direction: column;} #s02 .flex>div{flex-basis: unset;margin-top: 40px;} #s02 .flex>div h3 {margin: 10px 0;letter-spacing: 1px;} #s02 .flex .c01 .div-image:after{display: none;} #s02 .flex .c02 .div-image:after{display: none;} #s02 .flex>div ul{margin-top: 15px;} #s02 .flex>div ul li {flex-basis:45px ;} #s03 .container{margin: 0;width: 100%;} #s03 .bg-blue{padding: 30px;} #s03 .bg-blue:nth-of-type(1){margin-bottom: 50px;} #s03 h3 {padding-left: 15px;border-left: 4px solid #004596;line-height: 1.6em;font-size: 18px;margin-bottom: 30px;letter-spacing: 1px;} #s03 .flex{padding: 0 5px;} #s03 .flex.c01{flex-direction: column;margin-bottom: 0;} #s03 .flex.c01 .div-image{flex-basis: unset;margin-bottom: unset;} #s03 .flex.c01 .div-text{flex-basis: unset;} #s03 .flex h4 {font-size: 16px;margin: 15px 0 5px 0;} #s03 .flex.c01 .div-text h4{margin-bottom: 5px;} #s03 .flex.c01 .div-text p{margin-bottom: unset;} #s03 .flex{flex-direction: column;} #s03 .flex>div{margin-bottom: 30px;} #s04 .container {padding-top: 60px;} #s04 h2{color: #464646;font-size: 18px;margin-bottom: 10px;} #s04 .scroll{overflow: auto; width: calc( 100% + 30px) ;margin-right: -30px; } #s04 table{border: 4px solid #505050 ;letter-spacing: 1px;width: 740px;} #s04 table th{font-weight: bold;padding: 10px 0;} #s04 table td{padding: 10px 0 !important;font-size: 14px;} #s04 table td p{line-height: 1.3em;display: block;text-align: center;font-size: 10px;padding: 0px;} #s04 table td img{margin-bottom: 5px;width: 100px;margin: 0 5px 5px 5px;} #s04 table td span{font-size: 10px;} #s04 table td ul {padding: 0 5px 0 25px;} #s04 table td ul li{line-height: 1.3em;font-size: 10px;margin-bottom: 5px;} #s04 table .border-right{border-right: 2px solid #505050;} #s04 table .row3{border-bottom: 2px solid #505050;} #s04 table .bg-gray1{background-color: #E6E6E6;} #s04 table .bg-gray2{background-color: #C8C8C8;} #s04 table tr th:nth-of-type(1){width: 50px;} #s04 table tr th:nth-of-type(2){width: 50px;} #s04 table tr th:nth-of-type(3){width: 500px;} #s04 table tr:nth-of-type(5) td p{text-align: left;padding-left: 10px;} #s04 table.table2{margin-top: 80px;position: relative;width: auto;margin-bottom: 12px;border-top: none !important;} #s04 table.table2:before{content: "";position: absolute;display: block;width: 30px;height: 30px;background-image:url(/files/cdb/ZZ/solution/productandsurvice/rentalcar/icon_plus.svg) ;background-size: cover;margin: auto;top: -57px;left: 0;right: 0;} #s04 table.table2 tr.row11 {border-top:4px solid #505050 } #s04 table.table2 tr.sp{display: table-row;} #s04 table.table2 th div{height: 30px;display: block;font-size: 12px;line-height: 30px;} #s04 table.table2 th div span{font-size: 10px;display: inline;} #s04 table.table2 tr:nth-of-type(1) th{width: 50%;} #s04 table.table2 tr:nth-of-type(1) td{padding: 15px 0 10px 0;font-size: 16px;border: unset;} #s04 table.table2 tr:nth-of-type(2) td {padding: 10px 0 5px 0 !important;} #s04 table.table2 ul li{font-weight: normal;margin-bottom: 2px;} #s04 .container>p{font-size: 10px;line-height: 1.4em;} #s05 h2{font-size: 20px;} #s05 ul{width: 100%;} #s05 ul li{margin-bottom: 40px;} #s05 ul li div.title{flex-basis: 75px;height: auto;height: 75px;} #s05 ul li div.title p{font-size: 11px;letter-spacing: 1px;height: 75px;font-weight: normal;} #s05 ul li div.content{flex-basis: calc( 100% - 75px);height: 75px;} #s05 ul li div.content p {font-size: 11px;letter-spacing: 0px;padding-left: 10px;height: 75px;line-height: 1.46em;} #s05 ul li:after{width: 30px;height: 15px;top: -27px;} .flex.bg{position: relative;top: auto} .flex.bg>div:nth-of-type(1){display: none;} .flex.bg .div-image{width: 100%;height: auto;min-width: unset;min-height: unset;background: unset;} .container .container .div-text{width: 100%;height: auto !important;margin-bottom: 20px;} .container .container .div-text img{position: relative;top: auto !important;left: auto !important;right: auto !important;bottom: auto !important;} .container .container .div-text p{width: 100% !important;height: auto;margin: 0 0 20px 0 !important;font-size: 15px;letter-spacing: 0;font-weight: bold;} /* .flex.slider{width: calc(200% + 30px);} .flex.slider .shadow{width: calc( 50% - 15px );height: auto;} */ .slider.swiper{overflow: visible;} .slider .flex {position: relative;} .slider .flex .shadow{width: 100%;height: auto;} .slider .flex .shadow h3{font-size: 18px;} .slider .flex .shadow img{width: calc(100% - 34px);} .slider-button{position: absolute;display: block;width: 35px;height: 35px;top: 0;bottom: 0;margin: auto;z-index: 2;} .slider-prev{left: -20px;} .slider-next{right: -20px;} .swiper-button-disabled{display: none !important;} .flex .shadow p {margin: 10px auto 15px auto;letter-spacing: 0px;font-size: 12px;} .div-toggle {margin-bottom: 20px;padding-bottom: 25px;} .div-toggle .btn-toggle{margin: 40px 0 30px 0;width: 100%;background-repeat: no-repeat;aspect-ratio: 5 / 1;height: 100%;display: flex; flex-direction: column;justify-content: center;padding-bottom: 2%;} .div-toggle .btn-toggle span{line-height: 1.0em;} .div-toggle .btn-toggle:after{top: 21.5%;width: 8.0%;height: 42%;right: 4.5%;} .div-toggled{padding-top: 30px;} .div-toggle h3 {font-size: 17px;line-height: 30px;border-left: 4px solid #004595;padding-left: 10px;margin-bottom: 20px;letter-spacing: 0;margin-top: 0px;} .div-toggle .flex{display: block;margin-bottom: 0;} .div-toggle .flex div.cbox{margin-bottom: 30px;} .div-toggle .flex div h4 {font-size: 16px;letter-spacing: 0px;margin: 10px 0 6px 0;} .div-toggle .flex div p {font-size: 13px;letter-spacing: 0px;line-height: 1.8em;} .div-toggle .flex div p.caption{font-size: 10px;} .flex .shadow:nth-of-type(1):after{display: none;} .div-button .button{font-size: 16px;} #s09 {width: 90%;} #s09 .title{font-size: 18px;margin-top: 10px;margin-bottom: 12px;} #s09 p{font-size: 12px;margin-bottom: 20px;} #s09 ul {margin-bottom: 40px;} #s09 ul li{margin-right: 0;margin-left: 0;} #s09 dl{padding-top: 0px; line-height: 1.3em;} #s09 dl dt{font-size: 12px;padding: 5px 5px 0px 25px;text-indent: -17px;} #s09 dl dd{font-size: 12px;padding: 5px 5px 12px 25px;text-indent: -17px;} #s09 h2{padding: 20px 0px 14px 0px;} #s11 .container .container .div-text img{bottom: auto;margin-top: 20px; left: -10% !important;} #s11 .container.pt100{padding-top: 0 !important;} #s11 .flex.video{flex-direction: column-reverse;} #s11 .flex.video .div-video{flex-basis: auto;} #s11 .flex.video .div-text{flex-basis: auto;} #s11 .flex.video .div-text h3{margin: 10px 0 0 0 ;} #s11 .flex.video .div-text p {font-size: 13px;letter-spacing: 0px;line-height: 1.8em;} #s11 .flex.video .div-video{padding-top:56.25%;} #s11 .cbox .shadow .swiper-slide h3 { font-size: 18px !important; line-height: 1.2 !important; display: block !important; width: 100% !important; margin: 0 auto !important; padding: 0 !important; } #s11 .cbox .shadow .swiper-slide img { display: block !important; width: 100% !important; height: auto !important; vertical-align: top !important; } #s12 .container{padding-bottom: 20px;} #s12 .div-toggled .flex:nth-of-type(2) .cbox:nth-of-type(1){margin-bottom: 0;} #s12 .flex .svg{margin: 7px 0 5px 0;} #s11>.container {margin-right: 0px;margin-left: 0;padding-right: 30px;padding-left: 30px;width: calc( 100% );overflow: hidden;} #s12>.container {margin-right: 0px;margin-left: 0;padding-right: 30px;padding-left: 30px;width: calc( 100% );overflow: hidden;} #s13>.container {margin-right: 0px;margin-left: 0;padding-right: 30px;padding-left: 30px;width: calc( 100% );overflow: hidden;} #s13 .container .container .div-text img{width: 70%;display: block;margin: 0 auto;} #s13 .container .container .div-text img{width: 70%;display: block;margin: 0 auto;} #s13 .div-toggled .c01{display: flex;flex-direction: column-reverse;margin-bottom: 40px;} #s13 .div-toggled .c01>*{flex-basis: unset !important;} #s13 .div-toggle .flex.c02{margin-bottom: 20px;} #s14 {padding-top: 30px;} #s14 .container {padding-bottom: 20px;} #s14 h2 {font-size: 16px;margin-bottom: 10px;letter-spacing: 0;} #s14 table {border: 3px solid #505050;} #s14 table th {padding: 2px 5px;font-size: 11px;width: auto !important;line-height: 1.4em;letter-spacing: 0;} #s14 table td.text-left{width: auto;padding: 2px 6px;font-size: 11px;white-space: nowrap;} #s14 table td{padding: 2px 6px;font-size: 12px;letter-spacing: 0;font-weight: bold;} #s15 .container {padding-top: 70px;padding-bottom: 80px;} #s15 .flex{display: block;width: 100%;} #s15 .flex .cbox {width: auto;height: auto;padding: 25px 30px 20px 30px;margin-bottom: 40px;} #s15 .flex .cbox h3 {font-size: 16px;border-left: 3px solid #004595;line-height: 38px;padding-left: 6px;letter-spacing: 0px;} #s16 a#voice{top:0px;} #s16 .container{padding-top: 60px;} #s16 h2 {width: 100%;text-align: left;font-size: 19px;letter-spacing: 2px;padding-left: 0;text-align: center;} #s16 h2:before {left: -20px;top: -110px;width: 153px;height: 108px;background-size: cover;} #s16 .flex{width: 100%;} #s16 .flex>*{flex-basis: calc( 50% - 7px);margin-bottom: 30px;} #s16 .flex .magazine_new {width: 48px;height: 24px;position: absolute;display: block;top: -9px;left: 5px; z-index: 10;} #s16 .cbox h3 {font-size: 11px;letter-spacing: 0;} #s16 .cbox .date{font-size: 10px;} #s16 .cbox .category {font-size: 10px;line-height: 20px;letter-spacing: 0;} #s16 .cbox picture img {width: 100%;height: 26.1vw;object-fit: cover;} #s16 .categories .category{margin-bottom: 3px;} .modaal-content-container{padding: 20px;} .modaal-content-container article h1 {font-size: 16px;padding-left: 10px;margin-top: 15px;} .modaal-content-container article h2 {font-size: 14px;margin-bottom: 10px;line-height: 1.6;} .modaal-content-container article p.photo {margin: 0 0 10px 10px;width: 140px;padding-top: 3px;} .modaal-content-container article .userVoiceOwner{margin-top: 20px;width: auto;} .modaal-content-container article .userVoiceOwner img{width: 120px;} .modaal-content-container article .userVoiceQuestion{margin: 20px 0;} .modaal-content-container article p.float{font-size: 12px;margin-top: 2px;} /* コラム お役立ち情報ページ */ header.column{} header.column nav{display: flex;justify-content: flex-end;width: 100%;} header.column .menu-content>ul li>* {line-height: 1.4em;padding: 7px 0 7px 30px;} header.column .menu-content>ul li:last-of-type>* {border-bottom: 1px solid #fff;} header.column .menu-content>ul li a span{display: block;font-size: 12px;line-height: 1.4em;} header.column .menu-content>ul li:first-of-type a:after {top: 39%;} #s00.main-visual-column .swiper{padding-bottom: 0 ;} #s00.main-visual-column .swiper .swiper-wrapper div.slide-column{padding: 0;width: 100%;} footer.footer{padding-top: 20px;} footer.footer .footerInner{width: 100%;} #rentalcarFooter{width: 100%;} #rentalcarFooter a{font-size: 16px;} #rentalcarFooter .foot_top{display: block;width:100%;margin-bottom: 0;padding-bottom: 5px;} #rentalcarFooter .foot_top #foot_top_link{display: none;} #rentalcarFooter .foot_top a{padding: 0 1em;display: block;font-size: 16px;} #rentalcarFooter .foot_middle{display: block;width:100%;margin-bottom: 16px !important;} #rentalcarFooter .foot_middle .foot_menu{min-height: unset;} #rentalcarFooter .foot_middle .foot_menu .arrow::before{right: 15px;} #rentalcarFooter .foot_middle .foot_menu .plus::before{right: 15px;} #rentalcarFooter .foot_middle .foot_menu .plus:before{right: 17px;} #rentalcarFooter .foot_middle .foot_menu .plus:after{right: 12px;} #rentalcarFooter .foot_middle .foot_menu h4 a{padding: 0 1em;font-size: 16px;} #rentalcarFooter .foot_middle .foot_menu h4 a.pc{display: none;} #rentalcarFooter .foot_middle .foot_menu .plus.sp{display: block;} #rentalcarFooter .foot_middle .foot_menu h4 label{display: block;overflow: visible;padding-left: 0.5em;border-bottom: 1px solid #fff;line-height: 2.6em;font-size: 14px;color: #fff;} #rentalcarFooter .foot_middle .foot_menu h4 label{padding: 0 1em;font-size: 16px;} #rentalcarFooter .foot_middle .foot_menu ul{display: block;height: 0;background-color: #000;} #rentalcarFooter .foot_middle .foot_menu ul li{margin-left: 2.0em;} #rentalcarFooter .foot_middle .foot_menu.active ul{height: 0;} #rentalcarFooter .foot_middle .foot_menu.active .plus:before {display: block;} #rentalcarFooter .foot_middle .foot_menu #footer-menu-product:checked ~ ul {height: 100%;} #rentalcarFooter .foot_middle .foot_menu #footer-menu-column:checked ~ ul {height: 100%;} #rentalcarFooter .foot_middle .foot_menu #footer-menu-product:checked ~ h4 .plus:before{display: none;} #rentalcarFooter .foot_bottom {width:100%;flex-direction: column-reverse;padding: 0 1.0em;} #rentalcarFooter .foot_bottom .foot_right{width: 100%;position: relative;bottom: auto;right: auto;top:auto;} #rentalcarFooter .foot_bottom .foot_left{width: 100%;} #rentalcarFooter .foot_bottom .foot_right h4.foot_faq{margin-bottom: 12px;} #rentalcarFooter .foot_bottom .foot_left .ul_banner{display: block;margin-top: 12px;} #rentalcarFooter .foot_bottom .foot_left .ul_banner li{display: block;margin-bottom: 12px;text-align: center;} #rentalcarFooter .foot_bottom .foot_left .ul_banner li a img.sp{display:block;} #rentalcarFooter #foot_top_link{margin: 0 1.0em;} #rentalcarFooter #copylight{margin-top: 10px;padding-top: 30px;padding-bottom: 30px;} }