@charset "UTF-8";
*, ::before, ::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
* {
margin: 0;
padding: 0;
}
html {
block-size: 100%;
-webkit-text-size-adjust: none;
font-size: 62.5%;
}
body {
min-block-size: 100%;
-webkit-font-smoothing: antialiased;
line-height: 1;
text-rendering: optimizeSpeed;
}
:where(video, canvas, audio, iframe, embed, object, main) {
display: block;
max-width: 100%;
}
:where(img, svg) {
display: inline-block;
max-width: 100%;
}
:where(img, svg, video) {
block-size: auto;
max-width: 100%;
max-inline-size: 100%;
height: auto;
vertical-align: bottom;
}
:where(svg) {
stroke: none;
fill: currentColor;
}
:where(svg):where(:not([fill])) {
stroke: currentColor;
fill: none;
stroke-linecap: round;
stroke-linejoin: round;
}
:where(svg):where(:not([width])) {
inline-size: 5rem;
}
:where(input, button, textarea, select),
:where(input[type=file])::-webkit-file-upload-button {
color: inherit;
font: inherit;
font-size: inherit;
letter-spacing: inherit;
}
:where(textarea) {
resize: vertical;
}
:where(a[href], area, button, input, label, select, summary, textarea, [tabindex]:not([tabindex*="-"])) {
cursor: pointer;
-ms-touch-action: manipulation;
touch-action: manipulation;
}
:where(input[type=file]) {
cursor: auto;
}
:where(input[type=file])::-webkit-file-upload-button {
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
user-select: none;
text-align: center;
}
:where(button, button[type], input[type=button], input[type=submit], input[type=reset]),
:where(input[type=file])::-webkit-file-upload-button,
:where(input[type=file])::file-selector-button {
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
user-select: none;
text-align: center;
}
:where(button, button[type], input[type=button], input[type=submit], input[type=reset])[disabled] {
cursor: not-allowed;
}
:where(:not(:active)):focus-visible {
outline-offset: 3px;
}
input[class], button[class], textarea[class] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
:where(ul[class], ol[class]) {
list-style: none;
}
:where(h1, h2, h3, h4, h5, h6, p, span, th, td) {
overflow-wrap: break-word;
}
table {
border-collapse: collapse;
}
a:not([class]) {
-webkit-text-decoration-skip: ink;
text-decoration-skip-ink: auto;
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
overflow: visible;
height: 0;
border-top-width: 1px;
color: inherit;
clear: both;
}
sub, sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
em, b, strong {
background: none;
font-weight: bold;
font-style: normal;
}
summary {
display: block;
cursor: pointer;
}
summary::-webkit-details-marker {
display: none;
}
@media (prefers-reduced-motion: no-preference) {
html:focus-within {
scroll-behavior: smooth;
}
}
@supports (resize: block) {
:where(textarea) {
resize: block;
}
}
@media (prefers-reduced-motion: no-preference) {
:focus-visible {
-webkit-transition: outline-offset 145ms cubic-bezier(0.25, 0, 0.4, 1);
transition: outline-offset 145ms cubic-bezier(0.25, 0, 0.4, 1);
}
:where(:not(:active)):focus-visible {
-webkit-transition-duration: 0.25s;
transition-duration: 0.25s;
}
}
p {
line-height: 1.8;
}
a {
color: #AC242C;
text-decoration: underline;
-webkit-transition: ease-in-out 0.15s;
transition: ease-in-out 0.15s;
}
a:hover {
color: #D5474F;
text-decoration: none;
}
::-webkit-input-placeholder {
color: #acacac;
}
::-moz-placeholder {
color: #acacac;
}
:-ms-input-placeholder {
color: #acacac;
}
::-ms-input-placeholder {
color: #acacac;
}
::placeholder {
color: #acacac;
}
.is-hide {
display: none;
}
.is-gothic {
font-family: "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
}
.is-mincho {
font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.is-ubuntu {
font-family: "Ubuntu", sans-serif;
}
.is-fsizeSmallest {
font-size: 1.2rem !important;
}
.is-fsizeSmaller {
font-size: 1.2rem !important;
}
.is-fsizeSmall {
font-size: 1.4rem !important;
}
.is-fsizeNormal {
font-size: 1.6rem !important;
}
.is-fsizeLarge {
font-size: 1.8rem !important;
}
.is-fsizeLarger {
font-size: 2rem !important;
}
.is-fsizeLargest {
font-size: 2.2rem !important;
}
.is-fcolorMain {
color: #AC242C !important;
}
.is-normal {
font-weight: normal !important;
}
.is-bold {
font-weight: 700 !important;
}
.is-tal {
text-align: left !important;
}
.is-tac {
text-align: center !important;
}
.is-tar {
text-align: right !important;
}
.is-imgfit {
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover;";
}
.is-nowrap {
white-space: nowrap;
}
.is-dashed-underline {
display: inline;
background-repeat: repeat-x;
background-position: left bottom;
background-image: -webkit-gradient(linear, left top, right top, color-stop(33.33%, #222222), color-stop(33.33%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #222222), color-stop(83.33%, #222222), color-stop(83.33%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)));
background-image: linear-gradient(90deg, #222222 33.33%, rgba(255, 255, 255, 0) 33.33%, rgba(255, 255, 255, 0) 50%, #222222 50%, #222222 83.33%, rgba(255, 255, 255, 0) 83.33%, rgba(255, 255, 255, 0) 100%);
background-size: 24px 2px;
}
.c-title.-level1 {
font-size: 2.8rem;
line-height: 1.5;
text-align: center;
}
.c-title.-level1 + p {
margin-top: 12px;
}
.c-title.-level2 {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-left: auto;
margin-right: auto;
margin-bottom: 24px;
padding-top: 48px;
font-size: 2.8rem;
font-weight: 700;
line-height: 1.3;
position: relative;
}
.c-title.-level2:before {
position: absolute;
display: block;
content: "";
top: -12px;
left: 0;
right: 0;
content: "\E809";
font-family: fontello;
font-weight: normal;
font-size: 4.4rem;
text-align: center;
}
.c-title.-level3 {
margin-bottom: 20px;
font-size: 2.2rem;
font-weight: 700;
line-height: 1.4;
}
.c-title.-level3.-circle {
position: relative;
}
.c-title.-level3.-circle:before {
position: absolute;
display: block;
content: "";
top: -24px;
left: -43px;
width: 82px;
height: 82px;
background: url(/special/drivepass/assets/img/common/img_akamaru.png) no-repeat center center/cover;
mix-blend-mode: multiply;
}
.c-btn {
display: inline-block;
min-width: 260px;
padding: 12px;
border-radius: 4px;
border: 0;
background-color: #AC242C;
color: #fff;
font-weight: 700;
text-decoration: none;
}
.c-btn.-search::before {
display: inline-block;
content: "";
width: 24px;
height: 24px;
margin-right: 4px;
background: url('data:image/svg+xml;utf8,') no-repeat center center/contain;
line-height: 1;
vertical-align: middle;
}
.c-btn.-outline {
border: 1px solid #DB9397;
background-color: #fff;
color: #AC242C;
}
.c-btn.-blank::after {
display: inline-block;
content: "";
width: 20px;
height: 20px;
margin-left: 4px;
background: url('data:image/svg+xml;utf8,') no-repeat center center/contain;
vertical-align: text-bottom;
line-height: 1;
}
.c-btn.-back::before {
display: inline-block;
content: "";
width: 24px;
height: 24px;
margin-right: 4px;
background: url('data:image/svg+xml;utf8,') no-repeat center center/contain;
line-height: 1;
vertical-align: middle;
}
.c-btn:hover {
color: #fff;
text-decoration: none;
}
.c-btnWrap {
margin-top: 28px;
text-align: center;
}
.c-telLink {
color: inherit;
text-decoration: none;
}
.c-block {
padding: 48px 24px;
border-radius: 32px 0 32px 0;
background-color: #fff;
}
.c-block > .c-block__title:first-child {
margin-top: -24px;
}
.c-block__title {
margin: 0 -24px 32px;
padding: 0 24px 12px;
border-bottom: 1px solid #EBEBEB;
font-size: 2.2rem;
font-weight: 700;
text-align: center;
}
.c-block + .c-block {
margin-top: 32px;
}
.c-balloon {
display: block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto 8px;
padding: 11px 16px;
border-radius: 8px;
border: 2px solid #222222;
background-color: #FAF000;
font-size: 1.4rem;
font-weight: 700;
text-align: center;
position: relative;
}
.c-balloon:after {
position: absolute;
display: block;
content: "";
top: 100%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
border-style: solid;
border-width: 5px 6px 0;
border-color: #FAF000 transparent transparent transparent;
-webkit-filter: drop-shadow(0 2px 0 #222222);
filter: drop-shadow(0 2px 0 #222222);
}
.c-pagination {
display: flex;
justify-content: center;
max-width: 310px;
margin-left: auto;
margin-right: auto;
}
.c-pagination > li {
margin: 0 6px;
}
.c-pagination > li span, .c-pagination > li a {
display: inline-flex;
justify-content: center;
align-items: center;
min-width: 32px;
height: 32px;
border-radius: 2px;
background-color: #AC242C;
color: #fff;
font-family: "Ubuntu", sans-serif;
font-size: 1.6rem;
font-weight: 700;
text-decoration: none;
}
.c-pagination > li.is-current span, .c-pagination > li.is-current a {
background-color: #fff;
color: #222222;
pointer-events: none;
}
.c-pagination > li.is-prev span::before, .c-pagination > li.is-prev a::before {
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
display: inline-block;
content: "";
width: 16px;
height: 16px;
background: url('data:image/svg+xml;utf8,') no-repeat center center/contain;
}
.c-pagination > li.is-next span::before, .c-pagination > li.is-next a::before {
display: inline-block;
content: "";
width: 16px;
height: 16px;
background: url('data:image/svg+xml;utf8,') no-repeat center center/contain;
}
.c-searchBox {
display: grid;
grid-template-columns: 1fr 8.3601286174% 20.578778135%;
}
.c-searchBox form {
display: contents;
}
.c-searchBox__input {
grid-column: 1/3;
grid-row: 1/2;
padding: 11px 32px 11px 16px;
border-radius: 10em 0 0 10em;
border: 1px solid #F0D5D6;
background-color: #FFFAFB;
}
.c-searchBox__del {
grid-column: 2/3;
grid-row: 1/2;
margin-right: 8px;
border: none;
background: url('data:image/svg+xml;utf8,') no-repeat center center/24px 24px;
}
.c-searchBox__btn {
grid-column: 3/4;
grid-row: 1/2;
min-height: 48px;
padding-right: 4px;
border: none;
border-radius: 0 10em 10em 0;
background-color: #AC242C;
color: #fff;
font-weight: 700;
}
.c-input {
width: 100%;
padding: 11px 32px 11px 16px;
border-radius: 10em;
border: 1px solid #F0D5D6;
background: #FFFAFB;
}
.c-input.-calendar {
padding-right: 48px;
}
.c-calendarWrap {
position: relative;
display: block;
}
.c-calendar__button {
position: absolute;
top: 50%;
right: 4px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 40px;
height: 40px;
border: 0;
border-radius: 50%;
background: url('data:image/svg+xml;utf8,') no-repeat center center/40px 40px;
}
.c-select {
width: 100%;
padding: 11px 32px 11px 16px;
border-radius: 10em;
border: 1px solid #F0D5D6;
background: #FFFAFB url('data:image/svg+xml;utf8,') no-repeat right 8px center/24px 24px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.c-label {
display: inline-block;
}
.c-label input {
position: absolute;
opacity: 0;
pointer-events: none;
}
.c-label__checkbox, .c-label__radio {
display: inline-block;
padding-left: 24px;
position: relative;
}
.c-label__checkbox:before, .c-label__radio:before {
position: absolute;
display: block;
content: "";
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 16px;
height: 16px;
border: 1px solid #F0D5D6;
}
input:focus-visible + .c-label__checkbox, input:focus-visible + .c-label__radio {
outline: 1px solid #000;
}
.c-label__checkbox::before {
border-radius: 4px;
background-color: #FFFAFB;
}
input:checked + .c-label__checkbox::before {
background: #AC242C url('data:image/svg+xml;utf8,') no-repeat center center/9px auto;
}
input:checked + .c-label__radio::before {
background-color: #AC242C;
}
.c-mt0 {
margin-top: 0px !important;
}
.c-mr0 {
margin-right: 0px !important;
}
.c-mb0 {
margin-bottom: 0px !important;
}
.c-ml0 {
margin-left: 0px !important;
}
.c-pt0 {
padding-top: 0px !important;
}
.c-pr0 {
padding-right: 0px !important;
}
.c-pb0 {
padding-bottom: 0px !important;
}
.c-pl0 {
padding-left: 0px !important;
}
.c-mt4 {
margin-top: 4px !important;
}
.c-mr4 {
margin-right: 4px !important;
}
.c-mb4 {
margin-bottom: 4px !important;
}
.c-ml4 {
margin-left: 4px !important;
}
.c-pt4 {
padding-top: 4px !important;
}
.c-pr4 {
padding-right: 4px !important;
}
.c-pb4 {
padding-bottom: 4px !important;
}
.c-pl4 {
padding-left: 4px !important;
}
.c-mt8 {
margin-top: 8px !important;
}
.c-mr8 {
margin-right: 8px !important;
}
.c-mb8 {
margin-bottom: 8px !important;
}
.c-ml8 {
margin-left: 8px !important;
}
.c-pt8 {
padding-top: 8px !important;
}
.c-pr8 {
padding-right: 8px !important;
}
.c-pb8 {
padding-bottom: 8px !important;
}
.c-pl8 {
padding-left: 8px !important;
}
.c-mt12 {
margin-top: 12px !important;
}
.c-mr12 {
margin-right: 12px !important;
}
.c-mb12 {
margin-bottom: 12px !important;
}
.c-ml12 {
margin-left: 12px !important;
}
.c-pt12 {
padding-top: 12px !important;
}
.c-pr12 {
padding-right: 12px !important;
}
.c-pb12 {
padding-bottom: 12px !important;
}
.c-pl12 {
padding-left: 12px !important;
}
.c-mt16 {
margin-top: 16px !important;
}
.c-mr16 {
margin-right: 16px !important;
}
.c-mb16 {
margin-bottom: 16px !important;
}
.c-ml16 {
margin-left: 16px !important;
}
.c-pt16 {
padding-top: 16px !important;
}
.c-pr16 {
padding-right: 16px !important;
}
.c-pb16 {
padding-bottom: 16px !important;
}
.c-pl16 {
padding-left: 16px !important;
}
.c-mt20 {
margin-top: 20px !important;
}
.c-mr20 {
margin-right: 20px !important;
}
.c-mb20 {
margin-bottom: 20px !important;
}
.c-ml20 {
margin-left: 20px !important;
}
.c-pt20 {
padding-top: 20px !important;
}
.c-pr20 {
padding-right: 20px !important;
}
.c-pb20 {
padding-bottom: 20px !important;
}
.c-pl20 {
padding-left: 20px !important;
}
.c-mt24 {
margin-top: 24px !important;
}
.c-mr24 {
margin-right: 24px !important;
}
.c-mb24 {
margin-bottom: 24px !important;
}
.c-ml24 {
margin-left: 24px !important;
}
.c-pt24 {
padding-top: 24px !important;
}
.c-pr24 {
padding-right: 24px !important;
}
.c-pb24 {
padding-bottom: 24px !important;
}
.c-pl24 {
padding-left: 24px !important;
}
.c-mt28 {
margin-top: 28px !important;
}
.c-mr28 {
margin-right: 28px !important;
}
.c-mb28 {
margin-bottom: 28px !important;
}
.c-ml28 {
margin-left: 28px !important;
}
.c-pt28 {
padding-top: 28px !important;
}
.c-pr28 {
padding-right: 28px !important;
}
.c-pb28 {
padding-bottom: 28px !important;
}
.c-pl28 {
padding-left: 28px !important;
}
.c-mt32 {
margin-top: 32px !important;
}
.c-mr32 {
margin-right: 32px !important;
}
.c-mb32 {
margin-bottom: 32px !important;
}
.c-ml32 {
margin-left: 32px !important;
}
.c-pt32 {
padding-top: 32px !important;
}
.c-pr32 {
padding-right: 32px !important;
}
.c-pb32 {
padding-bottom: 32px !important;
}
.c-pl32 {
padding-left: 32px !important;
}
.c-mt36 {
margin-top: 36px !important;
}
.c-mr36 {
margin-right: 36px !important;
}
.c-mb36 {
margin-bottom: 36px !important;
}
.c-ml36 {
margin-left: 36px !important;
}
.c-pt36 {
padding-top: 36px !important;
}
.c-pr36 {
padding-right: 36px !important;
}
.c-pb36 {
padding-bottom: 36px !important;
}
.c-pl36 {
padding-left: 36px !important;
}
.c-mt40 {
margin-top: 40px !important;
}
.c-mr40 {
margin-right: 40px !important;
}
.c-mb40 {
margin-bottom: 40px !important;
}
.c-ml40 {
margin-left: 40px !important;
}
.c-pt40 {
padding-top: 40px !important;
}
.c-pr40 {
padding-right: 40px !important;
}
.c-pb40 {
padding-bottom: 40px !important;
}
.c-pl40 {
padding-left: 40px !important;
}
.c-mt44 {
margin-top: 44px !important;
}
.c-mr44 {
margin-right: 44px !important;
}
.c-mb44 {
margin-bottom: 44px !important;
}
.c-ml44 {
margin-left: 44px !important;
}
.c-pt44 {
padding-top: 44px !important;
}
.c-pr44 {
padding-right: 44px !important;
}
.c-pb44 {
padding-bottom: 44px !important;
}
.c-pl44 {
padding-left: 44px !important;
}
.c-mt48 {
margin-top: 48px !important;
}
.c-mr48 {
margin-right: 48px !important;
}
.c-mb48 {
margin-bottom: 48px !important;
}
.c-ml48 {
margin-left: 48px !important;
}
.c-pt48 {
padding-top: 48px !important;
}
.c-pr48 {
padding-right: 48px !important;
}
.c-pb48 {
padding-bottom: 48px !important;
}
.c-pl48 {
padding-left: 48px !important;
}
.c-mt52 {
margin-top: 52px !important;
}
.c-mr52 {
margin-right: 52px !important;
}
.c-mb52 {
margin-bottom: 52px !important;
}
.c-ml52 {
margin-left: 52px !important;
}
.c-pt52 {
padding-top: 52px !important;
}
.c-pr52 {
padding-right: 52px !important;
}
.c-pb52 {
padding-bottom: 52px !important;
}
.c-pl52 {
padding-left: 52px !important;
}
.c-mt56 {
margin-top: 56px !important;
}
.c-mr56 {
margin-right: 56px !important;
}
.c-mb56 {
margin-bottom: 56px !important;
}
.c-ml56 {
margin-left: 56px !important;
}
.c-pt56 {
padding-top: 56px !important;
}
.c-pr56 {
padding-right: 56px !important;
}
.c-pb56 {
padding-bottom: 56px !important;
}
.c-pl56 {
padding-left: 56px !important;
}
.c-mt60 {
margin-top: 60px !important;
}
.c-mr60 {
margin-right: 60px !important;
}
.c-mb60 {
margin-bottom: 60px !important;
}
.c-ml60 {
margin-left: 60px !important;
}
.c-pt60 {
padding-top: 60px !important;
}
.c-pr60 {
padding-right: 60px !important;
}
.c-pb60 {
padding-bottom: 60px !important;
}
.c-pl60 {
padding-left: 60px !important;
}
.c-mt64 {
margin-top: 64px !important;
}
.c-mr64 {
margin-right: 64px !important;
}
.c-mb64 {
margin-bottom: 64px !important;
}
.c-ml64 {
margin-left: 64px !important;
}
.c-pt64 {
padding-top: 64px !important;
}
.c-pr64 {
padding-right: 64px !important;
}
.c-pb64 {
padding-bottom: 64px !important;
}
.c-pl64 {
padding-left: 64px !important;
}
.c-mt68 {
margin-top: 68px !important;
}
.c-mr68 {
margin-right: 68px !important;
}
.c-mb68 {
margin-bottom: 68px !important;
}
.c-ml68 {
margin-left: 68px !important;
}
.c-pt68 {
padding-top: 68px !important;
}
.c-pr68 {
padding-right: 68px !important;
}
.c-pb68 {
padding-bottom: 68px !important;
}
.c-pl68 {
padding-left: 68px !important;
}
.c-mt72 {
margin-top: 72px !important;
}
.c-mr72 {
margin-right: 72px !important;
}
.c-mb72 {
margin-bottom: 72px !important;
}
.c-ml72 {
margin-left: 72px !important;
}
.c-pt72 {
padding-top: 72px !important;
}
.c-pr72 {
padding-right: 72px !important;
}
.c-pb72 {
padding-bottom: 72px !important;
}
.c-pl72 {
padding-left: 72px !important;
}
.c-mt76 {
margin-top: 76px !important;
}
.c-mr76 {
margin-right: 76px !important;
}
.c-mb76 {
margin-bottom: 76px !important;
}
.c-ml76 {
margin-left: 76px !important;
}
.c-pt76 {
padding-top: 76px !important;
}
.c-pr76 {
padding-right: 76px !important;
}
.c-pb76 {
padding-bottom: 76px !important;
}
.c-pl76 {
padding-left: 76px !important;
}
.c-mt80 {
margin-top: 80px !important;
}
.c-mr80 {
margin-right: 80px !important;
}
.c-mb80 {
margin-bottom: 80px !important;
}
.c-ml80 {
margin-left: 80px !important;
}
.c-pt80 {
padding-top: 80px !important;
}
.c-pr80 {
padding-right: 80px !important;
}
.c-pb80 {
padding-bottom: 80px !important;
}
.c-pl80 {
padding-left: 80px !important;
}
.c-mt84 {
margin-top: 84px !important;
}
.c-mr84 {
margin-right: 84px !important;
}
.c-mb84 {
margin-bottom: 84px !important;
}
.c-ml84 {
margin-left: 84px !important;
}
.c-pt84 {
padding-top: 84px !important;
}
.c-pr84 {
padding-right: 84px !important;
}
.c-pb84 {
padding-bottom: 84px !important;
}
.c-pl84 {
padding-left: 84px !important;
}
.c-mt88 {
margin-top: 88px !important;
}
.c-mr88 {
margin-right: 88px !important;
}
.c-mb88 {
margin-bottom: 88px !important;
}
.c-ml88 {
margin-left: 88px !important;
}
.c-pt88 {
padding-top: 88px !important;
}
.c-pr88 {
padding-right: 88px !important;
}
.c-pb88 {
padding-bottom: 88px !important;
}
.c-pl88 {
padding-left: 88px !important;
}
.c-mt92 {
margin-top: 92px !important;
}
.c-mr92 {
margin-right: 92px !important;
}
.c-mb92 {
margin-bottom: 92px !important;
}
.c-ml92 {
margin-left: 92px !important;
}
.c-pt92 {
padding-top: 92px !important;
}
.c-pr92 {
padding-right: 92px !important;
}
.c-pb92 {
padding-bottom: 92px !important;
}
.c-pl92 {
padding-left: 92px !important;
}
.c-mt96 {
margin-top: 96px !important;
}
.c-mr96 {
margin-right: 96px !important;
}
.c-mb96 {
margin-bottom: 96px !important;
}
.c-ml96 {
margin-left: 96px !important;
}
.c-pt96 {
padding-top: 96px !important;
}
.c-pr96 {
padding-right: 96px !important;
}
.c-pb96 {
padding-bottom: 96px !important;
}
.c-pl96 {
padding-left: 96px !important;
}
.c-mt100 {
margin-top: 100px !important;
}
.c-mr100 {
margin-right: 100px !important;
}
.c-mb100 {
margin-bottom: 100px !important;
}
.c-ml100 {
margin-left: 100px !important;
}
.c-pt100 {
padding-top: 100px !important;
}
.c-pr100 {
padding-right: 100px !important;
}
.c-pb100 {
padding-bottom: 100px !important;
}
.c-pl100 {
padding-left: 100px !important;
}
.c-w0 {
width: 0% !important;
}
.c-w5 {
width: 5% !important;
}
.c-w10 {
width: 10% !important;
}
.c-w15 {
width: 15% !important;
}
.c-w20 {
width: 20% !important;
}
.c-w25 {
width: 25% !important;
}
.c-w30 {
width: 30% !important;
}
.c-w35 {
width: 35% !important;
}
.c-w40 {
width: 40% !important;
}
.c-w45 {
width: 45% !important;
}
.c-w50 {
width: 50% !important;
}
.c-w55 {
width: 55% !important;
}
.c-w60 {
width: 60% !important;
}
.c-w65 {
width: 65% !important;
}
.c-w70 {
width: 70% !important;
}
.c-w75 {
width: 75% !important;
}
.c-w80 {
width: 80% !important;
}
.c-w85 {
width: 85% !important;
}
.c-w90 {
width: 90% !important;
}
.c-w95 {
width: 95% !important;
}
.c-w100 {
width: 100% !important;
}
.l-layer {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: none;
z-index: 999;
background-color: rgba(0, 0, 0, 0.3);
}
.l-outline {
overflow-x: hidden;
padding-top: 48px;
font-family: "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
font-weight: 400;
color: #222222;
font-size: 1.6rem;
line-height: 1.5;
}
.l-wrapper {
padding-left: 8px;
padding-right: 8px;
}
.l-header {
position: fixed;
top: 0;
left: 0;
right: 0;
-webkit-transform: translateY(0);
transform: translateY(0);
z-index: 1000;
background-color: #fff;
-webkit-transition: ease-in-out 0.15s;
transition: ease-in-out 0.15s;
}
.l-header.is-hide {
display: block;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.l-header__inner {
display: flex;
align-items: center;
justify-content: space-between;
height: 48px;
padding: 0 8px 0 12px;
}
.l-header__logo {
display: inline-block;
margin-right: auto;
line-height: 1;
text-decoration: none;
}
.l-header__nexco {
display: inline-block;
padding: 4px 6px;
border-radius: 4px;
text-decoration: none;
}
.l-footer {
background-color: #414141;
}
.l-footer .l-wrapper {
padding-left: 20px;
padding-right: 20px;
}
.l-footer__logo {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
padding: 32px 0;
}
.l-footer__logo a {
display: grid;
place-content: center;
padding: 10px;
border-radius: 4px;
background-color: #fff;
}
.l-footer__logo a img {
width: 67px;
}
.l-footer__copy {
padding: 20px;
background-color: #333333;
color: #fff;
font-family: "Ubuntu", sans-serif;
font-size: 1.2rem;
font-style: italic;
font-weight: 700;
text-align: center;
}
.l-fixedBtn {
position: fixed;
right: 0;
bottom: 20px;
z-index: 1001;
}
.l-fixedBtn .c-btn {
min-width: 142px;
border: 4px solid #fff;
border-right: 0;
border-radius: 8px 0 0 8px;
-webkit-box-shadow: 0 0 20px rgba(51, 51, 51, 0.16);
box-shadow: 0 0 20px rgba(51, 51, 51, 0.16);
font-size: 1.4rem;
font-weight: 400;
}
.p-result .l-main {
background-color: #FAF7ED;
}
:where(p, ul, ol, dl, blockquote, hr, pre, table, form, figure, div) + h2 {
margin-top: 32px;
}
:where(p, ul, ol, dl, blockquote, hr, pre, table, form, figure, div) + h3,
:where(p, ul, ol, dl, blockquote, hr, pre, table, form, figure, div) + h4,
:where(p, ul, ol, dl, blockquote, hr, pre, table, form, figure, div) + h5,
:where(p, ul, ol, dl, blockquote, hr, pre, table, form, figure, div) + h6 {
margin-top: 32px;
}
:where(p, ul, ol, dl, blockquote, hr, pre, table, form, figure, div) + p {
margin-top: 1.2em;
}
.mv-wrap {
display: grid;
place-content: center;
aspect-ratio: 1/1;
background: url(/special/drivepass/assets/img/bg-mv-sp.jpg) no-repeat center center/cover;
}
.mv-logo {
width: 85.3333333333vw;
}
.mv-logo img, .mv-logo picture {
width: 100%;
}
.point-wrap {
padding-top: 48px;
padding-bottom: 72px;
}
.point-title {
margin-top: 8px;
margin-bottom: 32px;
font-size: 3.2rem;
font-weight: 700;
text-align: center;
}
.point-title__small {
font-size: 2.4rem;
}
.point-list > li + li {
margin-top: 24px;
}
.point-list__header {
padding: 0 24px 32px;
border-radius: 32px 0 0 0;
background-color: #79C32F;
text-align: center;
}
.point-list__body {
padding: 24px;
border-radius: 0 0 32px 0;
background-color: #ECFAE8;
text-align: center;
}
.point-list__span {
display: inline-block;
min-width: 136px;
padding: 4px;
border-radius: 0 0 8px 8px;
background-color: #F7FFF5;
color: #79C32F;
font-family: "Ubuntu", sans-serif;
font-weight: 700;
text-transform: uppercase;
}
.point-list__num {
font-size: 2.3rem;
}
.point-list__title {
margin-top: 20px;
color: #fff;
font-size: 1.8rem;
font-weight: 700;
letter-spacing: 0.5px;
}
.point-list__title .is-dashed-underline {
display: inline;
background-repeat: repeat-x;
background-position: left bottom;
background-image: -webkit-gradient(linear, left top, right top, color-stop(33.33%, #fff), color-stop(33.33%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #fff), color-stop(83.33%, #fff), color-stop(83.33%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)));
background-image: linear-gradient(90deg, #fff 33.33%, rgba(255, 255, 255, 0) 33.33%, rgba(255, 255, 255, 0) 50%, #fff 50%, #fff 83.33%, rgba(255, 255, 255, 0) 83.33%, rgba(255, 255, 255, 0) 100%);
background-size: 24px 2px;
}
.point-list__title02 {
font-size: 1.4rem;
}
.point-list__title03 {
font-size: 2.4rem;
}
.point-list__title04 {
font-size: 1.8rem;
}
.point-list__bg {
display: inline-block;
margin-top: 8px;
padding: 2px 4px;
background-color: #fff;
color: #66AC20;
line-height: 1.3;
}
.point-list__item.-point02 .point-list__header {
background-color: #0AAC8D;
}
.point-list__item.-point02 .point-list__body {
background-color: #E9F8F5;
}
.point-list__item.-point02 .point-list__span {
background-color: #F2FCFA;
}
.point-list__item.-point02 .point-list__span, .point-list__item.-point02 .point-list__bg {
color: #0AAC8D;
}
.point-image > li img {
width: 100%;
}
.point-image > li + li {
margin-top: 16px;
}
.point-facility {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 36px 9px;
margin-top: 20px;
}
.point-facility > li {
position: relative;
padding: 92px 8px 0;
border-radius: 4px;
background-color: #fff;
}
.point-facility__icon {
position: absolute;
top: -20px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 105px;
-webkit-filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.06));
filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.06));
}
.point-facility__name {
display: block;
padding: 5px;
border-radius: 6px 6px 0 0;
background-color: #1AAC8D;
color: #fff;
font-size: 1.4rem;
font-weight: 700;
}
.point-facility__note {
font-size: 1.4rem;
font-weight: 700;
line-height: 1.5;
text-align: left;
}
.point-note {
margin-top: 2em;
padding-left: 24px;
padding-right: 24px;
font-size: 1.2rem;
}
.searchPlan-wrap {
padding-bottom: 80px;
background-color: #FAF7ED;
}
.searchPlan-header {
padding-top: 32px;
padding-bottom: 36px;
background-color: #AC242C;
color: #fff;
position: relative;
}
.searchPlan-header:after {
position: absolute;
display: block;
content: "";
top: 100%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
border-style: solid;
border-width: 42px 90px 0;
border-color: #AC242C transparent transparent;
}
.searchPlan-header .l-wrapper {
padding-left: 32px;
padding-right: 32px;
}
.searchPlan-header__logo {
display: flex;
justify-content: center;
margin: 0 -6px;
}
.searchPlan-header__logo > li {
flex: 1;
max-width: 96px;
margin: 0 6px;
padding: 10px 8px;
border-radius: 4px;
background-color: #fff;
text-align: center;
}
.searchPlan-header__logo > li img {
width: 64px;
}
.searchPlan-header__text {
font-weight: 700;
}
.searchPlan-title {
margin-top: 12px;
font-size: 3.2rem;
font-weight: 700;
line-height: 1.6;
text-align: center;
}
.searchPlan-title__small {
font-size: 2.4rem;
}
.searchPlan-title__bg {
display: inline-block;
padding: 2px 4px 0;
background-color: #fff;
color: #AC242C;
line-height: 1.25;
}
.searchPlan-body {
padding-top: 72px;
}
.searchPlan-application {
border-top-left-radius: 0;
}
.searchPlan-applicationWrap {
padding-top: 114px;
background-color: #FAF7ED;
}
.searchPlan-application.c-block {
margin-top: 12px;
}
.searchPlan-application .c-balloon {
width: auto;
margin: -92px -24px 14px;
padding-left: 8px;
padding-right: 8px;
}
.search-criteria {
display: grid;
grid-template-columns: 1fr;
gap: 26px;
}
.search-dl > dt {
margin-bottom: 4px;
font-weight: 700;
}
.search-radioList {
display: grid;
grid-template-columns: 1fr;
gap: 4px;
}
.area-accordion__none {
margin-bottom: 16px;
}
.area-accordion__header {
position: relative;
}
.area-accordion__header ~ .area-accordion__header {
margin-top: 16px;
}
.area-accordion__header.is-open .area-blockBtn {
border-color: transparent;
background-color: #FFEDEE;
border-radius: 4px 4px 0 0;
}
.area-accordion__header.is-open .area-accordionBtn::before {
background-image: url('data:image/svg+xml;utf8,');
}
.area-accordionBtn {
position: absolute;
top: 50%;
right: 12px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
background-color: transparent;
}
.area-accordionBtn::before {
content: "";
display: grid;
place-content: center;
width: 30px;
height: 30px;
border: 1px solid #F0D5D6;
border-radius: 50%;
background: #fff url('data:image/svg+xml;utf8,') no-repeat center center/16px 16px;
}
.area-accordionContent {
display: none;
padding: 12px 16px 24px;
background-color: #FFEDEE;
border-radius: 0 0 4px 4px;
}
.area-accordion__list {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 13px;
}
.area-accordion + .area-accordion {
margin-top: 16px;
}
.area-blockBtn {
display: block;
padding: 15px 42px 15px 16px;
border: 1px solid #F0D5D6;
border-radius: 4px;
background-color: #fff;
color: #AC242C;
font-size: 1.6rem;
font-weight: 700;
text-align: left;
text-decoration: none !important;
-webkit-transition: ease-in-out 0.15s;
transition: ease-in-out 0.15s;
}
.area-blockBtn::after {
display: inline-block;
content: "";
width: 20px;
height: 20px;
margin-left: 2px;
background: url('data:image/svg+xml;utf8,') no-repeat center center/contain;
vertical-align: text-top;
}
.area-btn {
display: block;
width: 100%;
padding: 12px 32px 12px 12px;
border: none;
border-radius: 4px;
-webkit-box-shadow: 0 1px 12px rgba(0, 0, 0, 0.04);
box-shadow: 0 1px 12px rgba(0, 0, 0, 0.04);
background-color: #fff;
color: #AC242C;
font-weight: 700;
text-align: left;
text-decoration: none !important;
position: relative;
}
.area-btn:after {
position: absolute;
display: block;
content: "";
top: 50%;
right: 10px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
display: inline-block;
content: "";
width: 20px;
height: 20px;
margin-left: 2px;
background: url('data:image/svg+xml;utf8,') no-repeat center center/contain;
vertical-align: text-top;
}
.nexcoList {
display: grid;
grid-template-columns: 1fr;
gap: 16px;
max-width: 320px;
margin: 20px auto;
}
.nexcoList-item {
display: flex;
align-items: center;
border-radius: 4px;
padding: 10px;
text-decoration: none;
}
.nexcoList-item.-east {
background-color: #296700;
}
.nexcoList-item.-central {
background-color: #F17700;
}
.nexcoList-item.-west {
background-color: #1C93CF;
}
.nexcoList-item__logo {
width: 120px;
padding: 12px;
display: grid;
place-content: center;
border-radius: 4px;
background-color: #fff;
}
.nexcoList-item__logo img {
width: 80px;
}
.nexcoList-item__name {
padding-left: 32px;
color: #fff;
font-size: 1.7rem;
font-weight: 700;
}
.nexcoList-note {
font-size: 1.2rem;
}
.resultmv-wrap {
display: grid;
place-content: center;
aspect-ratio: 750/480;
background: url(/special/drivepass/assets/img/bg-resultmv-sp.jpg) no-repeat center center/cover;
}
.resultmv-logo {
width: 85.3333333333vw;
}
.resultmv-logo img {
width: 100%;
}
.result-wrap {
padding-top: 48px;
}
.result-criteria {
display: grid;
grid-template-columns: auto 1fr;
gap: 12px 1em;
line-height: 1.5;
}
.result-criteria div {
display: contents;
}
.result-criteria dt {
font-weight: 700;
}
.result-criteriaBlock {
overflow: hidden;
padding: 0 24px 24px;
border-radius: 16px;
border: 1px solid #EBEBEB;
background-color: #fff;
}
.result-criteriaBlock__title {
margin: 0 -24px 20px;
padding: 13px 24px 11px;
background-color: #F7F7F7;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.3;
text-align: center;
}
.result-criteriaBlock + .result-criteriaBlock {
margin-top: 16px;
}
.searchResult-wrap {
padding-top: 32px;
padding-bottom: 80px;
}
.searchResult-wrap .l-wrapper > .c-btnWrap {
margin-top: 48px;
}
.searchResult-list {
display: grid;
grid-template-columns: 1fr;
gap: 40px;
}
.searchResult-list__item p {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
font-size: 1.4rem;
line-height: 1.5;
word-break: break-all;
}
.searchResult-list__item p + p {
margin-top: 0.4em;
}
.searchResult-list__item .c-btnWrap {
margin-top: 16px;
}
.searchResult-list__item .c-btnWrap .c-btn {
display: block;
}
.searchResult-list__image {
overflow: hidden;
border-radius: 16px 0 0 0;
}
.searchResult-list__image .is-imgfit {
aspect-ratio: 311/175;
width: 100%;
}
.searchResult-list__date {
display: none;
padding: 6px;
border-radius: 0 0 16px 0;
background-color: #F2F2F2;
text-align: center;
}
.searchResult-list__year {
font-family: "Ubuntu", sans-serif;
font-weight: 700;
font-size: 1.4rem;
}
.searchResult-list__month {
padding-left: 2px;
font-family: "Ubuntu", sans-serif;
font-size: 1.8rem;
font-weight: 700;
}
.searchResult-list__title {
margin-top: 18px;
margin-bottom: 4px;
font-size: 1.6rem;
}
.searchResult-note {
margin-top: 20px;
font-size: 1.4rem;
text-align: center;
}
.searchResult-note__num, .searchResult-note__totalNum {
display: inline-block;
font-family: "Ubuntu", sans-serif;
padding: 0 2px;
}
.searchResult-note__num {
font-size: 1.6rem;
font-weight: 400;
}
.searchResult-note__totalNum {
font-size: 1.8rem;
font-weight: 700;
}
@-moz-document url-prefix() {
.c-input.-calendar {
position: relative;
z-index: 1;
padding-right: 12px;
background-image: none;
background-color: transparent;
mix-blend-mode: exclusion;
cursor: auto;
}
.c-input.-calendar:focus {
outline: none;
}
.c-input.-calendar:hover {
background: none !important;
}
.c-calendarWrap {
display: block;
position: relative;
z-index: 1;
position: relative;
}
.c-calendarWrap:after {
position: absolute;
display: block;
content: "";
z-index: -1;
top: 50%;
transform: translateY(-50%);
right: 6px;
width: 40px;
height: 40px;
background: #FFFAFB url('data:image/svg+xml;utf8,') no-repeat center center/40px 40px;
border-radius: 50%;
}
}
.ui-widget.ui-widget-content {
font-size: 1.5rem;
}
/* ▼モバイルのみ付け足すデザイン */
@media screen and (max-width: 767.98px) {
.is-sptal {
text-align: left !important;
}
.is-sptac {
text-align: center !important;
}
.is-sptar {
text-align: right !important;
}
.is-showpc {
display: none !important;
}
.c-spmt0 {
margin-top: 0px !important;
}
.c-spmr0 {
margin-right: 0px !important;
}
.c-spmb0 {
margin-bottom: 0px !important;
}
.c-spml0 {
margin-left: 0px !important;
}
.c-sppt0 {
padding-top: 0px !important;
}
.c-sppr0 {
padding-right: 0px !important;
}
.c-sppb0 {
padding-bottom: 0px !important;
}
.c-sppl0 {
padding-left: 0px !important;
}
.c-spmt4 {
margin-top: 4px !important;
}
.c-spmr4 {
margin-right: 4px !important;
}
.c-spmb4 {
margin-bottom: 4px !important;
}
.c-spml4 {
margin-left: 4px !important;
}
.c-sppt4 {
padding-top: 4px !important;
}
.c-sppr4 {
padding-right: 4px !important;
}
.c-sppb4 {
padding-bottom: 4px !important;
}
.c-sppl4 {
padding-left: 4px !important;
}
.c-spmt8 {
margin-top: 8px !important;
}
.c-spmr8 {
margin-right: 8px !important;
}
.c-spmb8 {
margin-bottom: 8px !important;
}
.c-spml8 {
margin-left: 8px !important;
}
.c-sppt8 {
padding-top: 8px !important;
}
.c-sppr8 {
padding-right: 8px !important;
}
.c-sppb8 {
padding-bottom: 8px !important;
}
.c-sppl8 {
padding-left: 8px !important;
}
.c-spmt12 {
margin-top: 12px !important;
}
.c-spmr12 {
margin-right: 12px !important;
}
.c-spmb12 {
margin-bottom: 12px !important;
}
.c-spml12 {
margin-left: 12px !important;
}
.c-sppt12 {
padding-top: 12px !important;
}
.c-sppr12 {
padding-right: 12px !important;
}
.c-sppb12 {
padding-bottom: 12px !important;
}
.c-sppl12 {
padding-left: 12px !important;
}
.c-spmt16 {
margin-top: 16px !important;
}
.c-spmr16 {
margin-right: 16px !important;
}
.c-spmb16 {
margin-bottom: 16px !important;
}
.c-spml16 {
margin-left: 16px !important;
}
.c-sppt16 {
padding-top: 16px !important;
}
.c-sppr16 {
padding-right: 16px !important;
}
.c-sppb16 {
padding-bottom: 16px !important;
}
.c-sppl16 {
padding-left: 16px !important;
}
.c-spmt20 {
margin-top: 20px !important;
}
.c-spmr20 {
margin-right: 20px !important;
}
.c-spmb20 {
margin-bottom: 20px !important;
}
.c-spml20 {
margin-left: 20px !important;
}
.c-sppt20 {
padding-top: 20px !important;
}
.c-sppr20 {
padding-right: 20px !important;
}
.c-sppb20 {
padding-bottom: 20px !important;
}
.c-sppl20 {
padding-left: 20px !important;
}
.c-spmt24 {
margin-top: 24px !important;
}
.c-spmr24 {
margin-right: 24px !important;
}
.c-spmb24 {
margin-bottom: 24px !important;
}
.c-spml24 {
margin-left: 24px !important;
}
.c-sppt24 {
padding-top: 24px !important;
}
.c-sppr24 {
padding-right: 24px !important;
}
.c-sppb24 {
padding-bottom: 24px !important;
}
.c-sppl24 {
padding-left: 24px !important;
}
.c-spmt28 {
margin-top: 28px !important;
}
.c-spmr28 {
margin-right: 28px !important;
}
.c-spmb28 {
margin-bottom: 28px !important;
}
.c-spml28 {
margin-left: 28px !important;
}
.c-sppt28 {
padding-top: 28px !important;
}
.c-sppr28 {
padding-right: 28px !important;
}
.c-sppb28 {
padding-bottom: 28px !important;
}
.c-sppl28 {
padding-left: 28px !important;
}
.c-spmt32 {
margin-top: 32px !important;
}
.c-spmr32 {
margin-right: 32px !important;
}
.c-spmb32 {
margin-bottom: 32px !important;
}
.c-spml32 {
margin-left: 32px !important;
}
.c-sppt32 {
padding-top: 32px !important;
}
.c-sppr32 {
padding-right: 32px !important;
}
.c-sppb32 {
padding-bottom: 32px !important;
}
.c-sppl32 {
padding-left: 32px !important;
}
.c-spmt36 {
margin-top: 36px !important;
}
.c-spmr36 {
margin-right: 36px !important;
}
.c-spmb36 {
margin-bottom: 36px !important;
}
.c-spml36 {
margin-left: 36px !important;
}
.c-sppt36 {
padding-top: 36px !important;
}
.c-sppr36 {
padding-right: 36px !important;
}
.c-sppb36 {
padding-bottom: 36px !important;
}
.c-sppl36 {
padding-left: 36px !important;
}
.c-spmt40 {
margin-top: 40px !important;
}
.c-spmr40 {
margin-right: 40px !important;
}
.c-spmb40 {
margin-bottom: 40px !important;
}
.c-spml40 {
margin-left: 40px !important;
}
.c-sppt40 {
padding-top: 40px !important;
}
.c-sppr40 {
padding-right: 40px !important;
}
.c-sppb40 {
padding-bottom: 40px !important;
}
.c-sppl40 {
padding-left: 40px !important;
}
.c-spmt44 {
margin-top: 44px !important;
}
.c-spmr44 {
margin-right: 44px !important;
}
.c-spmb44 {
margin-bottom: 44px !important;
}
.c-spml44 {
margin-left: 44px !important;
}
.c-sppt44 {
padding-top: 44px !important;
}
.c-sppr44 {
padding-right: 44px !important;
}
.c-sppb44 {
padding-bottom: 44px !important;
}
.c-sppl44 {
padding-left: 44px !important;
}
.c-spmt48 {
margin-top: 48px !important;
}
.c-spmr48 {
margin-right: 48px !important;
}
.c-spmb48 {
margin-bottom: 48px !important;
}
.c-spml48 {
margin-left: 48px !important;
}
.c-sppt48 {
padding-top: 48px !important;
}
.c-sppr48 {
padding-right: 48px !important;
}
.c-sppb48 {
padding-bottom: 48px !important;
}
.c-sppl48 {
padding-left: 48px !important;
}
.c-spmt52 {
margin-top: 52px !important;
}
.c-spmr52 {
margin-right: 52px !important;
}
.c-spmb52 {
margin-bottom: 52px !important;
}
.c-spml52 {
margin-left: 52px !important;
}
.c-sppt52 {
padding-top: 52px !important;
}
.c-sppr52 {
padding-right: 52px !important;
}
.c-sppb52 {
padding-bottom: 52px !important;
}
.c-sppl52 {
padding-left: 52px !important;
}
.c-spmt56 {
margin-top: 56px !important;
}
.c-spmr56 {
margin-right: 56px !important;
}
.c-spmb56 {
margin-bottom: 56px !important;
}
.c-spml56 {
margin-left: 56px !important;
}
.c-sppt56 {
padding-top: 56px !important;
}
.c-sppr56 {
padding-right: 56px !important;
}
.c-sppb56 {
padding-bottom: 56px !important;
}
.c-sppl56 {
padding-left: 56px !important;
}
.c-spmt60 {
margin-top: 60px !important;
}
.c-spmr60 {
margin-right: 60px !important;
}
.c-spmb60 {
margin-bottom: 60px !important;
}
.c-spml60 {
margin-left: 60px !important;
}
.c-sppt60 {
padding-top: 60px !important;
}
.c-sppr60 {
padding-right: 60px !important;
}
.c-sppb60 {
padding-bottom: 60px !important;
}
.c-sppl60 {
padding-left: 60px !important;
}
.c-spmt64 {
margin-top: 64px !important;
}
.c-spmr64 {
margin-right: 64px !important;
}
.c-spmb64 {
margin-bottom: 64px !important;
}
.c-spml64 {
margin-left: 64px !important;
}
.c-sppt64 {
padding-top: 64px !important;
}
.c-sppr64 {
padding-right: 64px !important;
}
.c-sppb64 {
padding-bottom: 64px !important;
}
.c-sppl64 {
padding-left: 64px !important;
}
.c-spmt68 {
margin-top: 68px !important;
}
.c-spmr68 {
margin-right: 68px !important;
}
.c-spmb68 {
margin-bottom: 68px !important;
}
.c-spml68 {
margin-left: 68px !important;
}
.c-sppt68 {
padding-top: 68px !important;
}
.c-sppr68 {
padding-right: 68px !important;
}
.c-sppb68 {
padding-bottom: 68px !important;
}
.c-sppl68 {
padding-left: 68px !important;
}
.c-spmt72 {
margin-top: 72px !important;
}
.c-spmr72 {
margin-right: 72px !important;
}
.c-spmb72 {
margin-bottom: 72px !important;
}
.c-spml72 {
margin-left: 72px !important;
}
.c-sppt72 {
padding-top: 72px !important;
}
.c-sppr72 {
padding-right: 72px !important;
}
.c-sppb72 {
padding-bottom: 72px !important;
}
.c-sppl72 {
padding-left: 72px !important;
}
.c-spmt76 {
margin-top: 76px !important;
}
.c-spmr76 {
margin-right: 76px !important;
}
.c-spmb76 {
margin-bottom: 76px !important;
}
.c-spml76 {
margin-left: 76px !important;
}
.c-sppt76 {
padding-top: 76px !important;
}
.c-sppr76 {
padding-right: 76px !important;
}
.c-sppb76 {
padding-bottom: 76px !important;
}
.c-sppl76 {
padding-left: 76px !important;
}
.c-spmt80 {
margin-top: 80px !important;
}
.c-spmr80 {
margin-right: 80px !important;
}
.c-spmb80 {
margin-bottom: 80px !important;
}
.c-spml80 {
margin-left: 80px !important;
}
.c-sppt80 {
padding-top: 80px !important;
}
.c-sppr80 {
padding-right: 80px !important;
}
.c-sppb80 {
padding-bottom: 80px !important;
}
.c-sppl80 {
padding-left: 80px !important;
}
.c-spmt84 {
margin-top: 84px !important;
}
.c-spmr84 {
margin-right: 84px !important;
}
.c-spmb84 {
margin-bottom: 84px !important;
}
.c-spml84 {
margin-left: 84px !important;
}
.c-sppt84 {
padding-top: 84px !important;
}
.c-sppr84 {
padding-right: 84px !important;
}
.c-sppb84 {
padding-bottom: 84px !important;
}
.c-sppl84 {
padding-left: 84px !important;
}
.c-spmt88 {
margin-top: 88px !important;
}
.c-spmr88 {
margin-right: 88px !important;
}
.c-spmb88 {
margin-bottom: 88px !important;
}
.c-spml88 {
margin-left: 88px !important;
}
.c-sppt88 {
padding-top: 88px !important;
}
.c-sppr88 {
padding-right: 88px !important;
}
.c-sppb88 {
padding-bottom: 88px !important;
}
.c-sppl88 {
padding-left: 88px !important;
}
.c-spmt92 {
margin-top: 92px !important;
}
.c-spmr92 {
margin-right: 92px !important;
}
.c-spmb92 {
margin-bottom: 92px !important;
}
.c-spml92 {
margin-left: 92px !important;
}
.c-sppt92 {
padding-top: 92px !important;
}
.c-sppr92 {
padding-right: 92px !important;
}
.c-sppb92 {
padding-bottom: 92px !important;
}
.c-sppl92 {
padding-left: 92px !important;
}
.c-spmt96 {
margin-top: 96px !important;
}
.c-spmr96 {
margin-right: 96px !important;
}
.c-spmb96 {
margin-bottom: 96px !important;
}
.c-spml96 {
margin-left: 96px !important;
}
.c-sppt96 {
padding-top: 96px !important;
}
.c-sppr96 {
padding-right: 96px !important;
}
.c-sppb96 {
padding-bottom: 96px !important;
}
.c-sppl96 {
padding-left: 96px !important;
}
.c-spmt100 {
margin-top: 100px !important;
}
.c-spmr100 {
margin-right: 100px !important;
}
.c-spmb100 {
margin-bottom: 100px !important;
}
.c-spml100 {
margin-left: 100px !important;
}
.c-sppt100 {
padding-top: 100px !important;
}
.c-sppr100 {
padding-right: 100px !important;
}
.c-sppb100 {
padding-bottom: 100px !important;
}
.c-sppl100 {
padding-left: 100px !important;
}
.c-spw0 {
width: 0% !important;
}
.c-spw5 {
width: 5% !important;
}
.c-spw10 {
width: 10% !important;
}
.c-spw15 {
width: 15% !important;
}
.c-spw20 {
width: 20% !important;
}
.c-spw25 {
width: 25% !important;
}
.c-spw30 {
width: 30% !important;
}
.c-spw35 {
width: 35% !important;
}
.c-spw40 {
width: 40% !important;
}
.c-spw45 {
width: 45% !important;
}
.c-spw50 {
width: 50% !important;
}
.c-spw55 {
width: 55% !important;
}
.c-spw60 {
width: 60% !important;
}
.c-spw65 {
width: 65% !important;
}
.c-spw70 {
width: 70% !important;
}
.c-spw75 {
width: 75% !important;
}
.c-spw80 {
width: 80% !important;
}
.c-spw85 {
width: 85% !important;
}
.c-spw90 {
width: 90% !important;
}
.c-spw95 {
width: 95% !important;
}
.c-spw100 {
width: 100% !important;
}
.l-fixedBtn.-bottom {
left: 0;
bottom: 0;
}
.l-fixedBtn.-bottom .c-btn {
display: block;
border-radius: 8px 8px 0 0;
border-right: 4px solid #fff;
font-size: 1.6rem;
text-align: center;
}
.p-result .l-footer__copy {
padding-bottom: 72px;
}
.ui-widget.ui-widget-content {
font-size: 2rem;
}
}
/* ▼タブレット用デザインとして付け足すデザイン */
@media screen and (min-width: 768px) {
.is-pctal {
text-align: left !important;
}
.is-pctac {
text-align: center !important;
}
.is-pctar {
text-align: right !important;
}
.is-showsp {
display: none !important;
}
.c-btn {
-webkit-transition: ease-in-out 0.15s;
transition: ease-in-out 0.15s;
background-size: 100% 200%;
background-position: 100% -100%;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(50.5%, transparent), color-stop(50.1%, #D5474F));
background-image: linear-gradient(to top, transparent 50.5%, #D5474F 50.1%);
-webkit-transition: background-position 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.1s, color 0.5s ease 0s, background-color 0.5s ease, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
transition: background-position 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.1s, color 0.5s ease 0s, background-color 0.5s ease, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
transition: background-position 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.1s, color 0.5s ease 0s, background-color 0.5s ease, transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
transition: background-position 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.1s, color 0.5s ease 0s, background-color 0.5s ease, transform 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.c-btn.-blank::after {
-webkit-transition: ease-in-out 0.15s;
transition: ease-in-out 0.15s;
}
.c-btn.-blank::after svg, .c-btn.-blank::after clipPath, .c-btn.-blank::after path {
-webkit-transition: ease-in-out 0.15s;
transition: ease-in-out 0.15s;
}
.c-btn:hover {
background-position: 100% 0;
}
.c-btn:hover.-blank::after {
background: url('data:image/svg+xml;utf8,');
}
.c-btnWrap {
margin-top: 38px;
}
.c-telLink {
pointer-events: none;
}
.c-block {
padding: 64px;
border-radius: 64px 0 64px 0;
}
.c-block__title {
margin: 0 -64px 32px;
padding: 0 64px 10px;
font-size: 2.4rem;
}
.c-block__title:first-child {
margin-top: -30px;
}
.c-block.-skin01 {
border-radius: 1000em;
display: grid;
grid-template-columns: 128px 1fr;
}
.c-block.-skin01 .c-block__title {
border-radius: 0;
}
.c-balloon {
margin-bottom: 16px;
padding: 9px 16px 6px;
font-size: 1.6rem;
line-height: 1.3;
}
.c-balloon::after {
border-width: 7px 8px 0;
}
.c-pagination > li a {
background-size: 100% 200%;
background-position: 100% -100%;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(50.5%, transparent), color-stop(50.1%, #D5474F));
background-image: linear-gradient(to top, transparent 50.5%, #D5474F 50.1%);
-webkit-transition: background-position 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.1s, color 0.5s ease 0s, background-color 0.5s ease, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
transition: background-position 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.1s, color 0.5s ease 0s, background-color 0.5s ease, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
transition: background-position 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.1s, color 0.5s ease 0s, background-color 0.5s ease, transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
transition: background-position 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.1s, color 0.5s ease 0s, background-color 0.5s ease, transform 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.c-pagination > li a:hover {
background-position: 100% 0;
}
.c-calendar__button {
-webkit-transition: ease-in-out 0.15s;
transition: ease-in-out 0.15s;
}
.c-calendar__button svg, .c-calendar__button clipPath, .c-calendar__button path {
-webkit-transition: ease-in-out 0.15s;
transition: ease-in-out 0.15s;
}
.c-calendar__button:hover {
background-image: url('data:image/svg+xml;utf8,');
}
.c-searchBox {
grid-template-columns: 1fr 32px 84px;
max-width: 720px;
margin-left: auto;
margin-right: auto;
}
.c-searchBox__del {
-webkit-transition: ease-in-out 0.15s;
transition: ease-in-out 0.15s;
}
.c-searchBox__del svg, .c-searchBox__del clipPath, .c-searchBox__del path {
-webkit-transition: ease-in-out 0.15s;
transition: ease-in-out 0.15s;
}
.c-searchBox__del:hover {
background-image: url('data:image/svg+xml;utf8,');
}
.c-searchBox__btn {
background-size: 100% 200%;
background-position: 100% -100%;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(50.5%, transparent), color-stop(50.1%, #D5474F));
background-image: linear-gradient(to top, transparent 50.5%, #D5474F 50.1%);
-webkit-transition: background-position 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.1s, color 0.5s ease 0s, background-color 0.5s ease;
transition: background-position 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.1s, color 0.5s ease 0s, background-color 0.5s ease;
}
.c-searchBox__btn:hover {
background-position: 100% 0;
}
.c-select {
-webkit-transition: ease-in-out 0.15s;
transition: ease-in-out 0.15s;
}
.c-select svg, .c-select clipPath, .c-select path {
-webkit-transition: ease-in-out 0.15s;
transition: ease-in-out 0.15s;
}
.c-select:hover {
background-image: url('data:image/svg+xml;utf8,');
}
.c-pcmt0 {
margin-top: 0px !important;
}
.c-pcmr0 {
margin-right: 0px !important;
}
.c-pcmb0 {
margin-bottom: 0px !important;
}
.c-pcml0 {
margin-left: 0px !important;
}
.c-pcpt0 {
padding-top: 0px !important;
}
.c-pcpr0 {
padding-right: 0px !important;
}
.c-pcpb0 {
padding-bottom: 0px !important;
}
.c-pcpl0 {
padding-left: 0px !important;
}
.c-pcmt4 {
margin-top: 4px !important;
}
.c-pcmr4 {
margin-right: 4px !important;
}
.c-pcmb4 {
margin-bottom: 4px !important;
}
.c-pcml4 {
margin-left: 4px !important;
}
.c-pcpt4 {
padding-top: 4px !important;
}
.c-pcpr4 {
padding-right: 4px !important;
}
.c-pcpb4 {
padding-bottom: 4px !important;
}
.c-pcpl4 {
padding-left: 4px !important;
}
.c-pcmt8 {
margin-top: 8px !important;
}
.c-pcmr8 {
margin-right: 8px !important;
}
.c-pcmb8 {
margin-bottom: 8px !important;
}
.c-pcml8 {
margin-left: 8px !important;
}
.c-pcpt8 {
padding-top: 8px !important;
}
.c-pcpr8 {
padding-right: 8px !important;
}
.c-pcpb8 {
padding-bottom: 8px !important;
}
.c-pcpl8 {
padding-left: 8px !important;
}
.c-pcmt12 {
margin-top: 12px !important;
}
.c-pcmr12 {
margin-right: 12px !important;
}
.c-pcmb12 {
margin-bottom: 12px !important;
}
.c-pcml12 {
margin-left: 12px !important;
}
.c-pcpt12 {
padding-top: 12px !important;
}
.c-pcpr12 {
padding-right: 12px !important;
}
.c-pcpb12 {
padding-bottom: 12px !important;
}
.c-pcpl12 {
padding-left: 12px !important;
}
.c-pcmt16 {
margin-top: 16px !important;
}
.c-pcmr16 {
margin-right: 16px !important;
}
.c-pcmb16 {
margin-bottom: 16px !important;
}
.c-pcml16 {
margin-left: 16px !important;
}
.c-pcpt16 {
padding-top: 16px !important;
}
.c-pcpr16 {
padding-right: 16px !important;
}
.c-pcpb16 {
padding-bottom: 16px !important;
}
.c-pcpl16 {
padding-left: 16px !important;
}
.c-pcmt20 {
margin-top: 20px !important;
}
.c-pcmr20 {
margin-right: 20px !important;
}
.c-pcmb20 {
margin-bottom: 20px !important;
}
.c-pcml20 {
margin-left: 20px !important;
}
.c-pcpt20 {
padding-top: 20px !important;
}
.c-pcpr20 {
padding-right: 20px !important;
}
.c-pcpb20 {
padding-bottom: 20px !important;
}
.c-pcpl20 {
padding-left: 20px !important;
}
.c-pcmt24 {
margin-top: 24px !important;
}
.c-pcmr24 {
margin-right: 24px !important;
}
.c-pcmb24 {
margin-bottom: 24px !important;
}
.c-pcml24 {
margin-left: 24px !important;
}
.c-pcpt24 {
padding-top: 24px !important;
}
.c-pcpr24 {
padding-right: 24px !important;
}
.c-pcpb24 {
padding-bottom: 24px !important;
}
.c-pcpl24 {
padding-left: 24px !important;
}
.c-pcmt28 {
margin-top: 28px !important;
}
.c-pcmr28 {
margin-right: 28px !important;
}
.c-pcmb28 {
margin-bottom: 28px !important;
}
.c-pcml28 {
margin-left: 28px !important;
}
.c-pcpt28 {
padding-top: 28px !important;
}
.c-pcpr28 {
padding-right: 28px !important;
}
.c-pcpb28 {
padding-bottom: 28px !important;
}
.c-pcpl28 {
padding-left: 28px !important;
}
.c-pcmt32 {
margin-top: 32px !important;
}
.c-pcmr32 {
margin-right: 32px !important;
}
.c-pcmb32 {
margin-bottom: 32px !important;
}
.c-pcml32 {
margin-left: 32px !important;
}
.c-pcpt32 {
padding-top: 32px !important;
}
.c-pcpr32 {
padding-right: 32px !important;
}
.c-pcpb32 {
padding-bottom: 32px !important;
}
.c-pcpl32 {
padding-left: 32px !important;
}
.c-pcmt36 {
margin-top: 36px !important;
}
.c-pcmr36 {
margin-right: 36px !important;
}
.c-pcmb36 {
margin-bottom: 36px !important;
}
.c-pcml36 {
margin-left: 36px !important;
}
.c-pcpt36 {
padding-top: 36px !important;
}
.c-pcpr36 {
padding-right: 36px !important;
}
.c-pcpb36 {
padding-bottom: 36px !important;
}
.c-pcpl36 {
padding-left: 36px !important;
}
.c-pcmt40 {
margin-top: 40px !important;
}
.c-pcmr40 {
margin-right: 40px !important;
}
.c-pcmb40 {
margin-bottom: 40px !important;
}
.c-pcml40 {
margin-left: 40px !important;
}
.c-pcpt40 {
padding-top: 40px !important;
}
.c-pcpr40 {
padding-right: 40px !important;
}
.c-pcpb40 {
padding-bottom: 40px !important;
}
.c-pcpl40 {
padding-left: 40px !important;
}
.c-pcmt44 {
margin-top: 44px !important;
}
.c-pcmr44 {
margin-right: 44px !important;
}
.c-pcmb44 {
margin-bottom: 44px !important;
}
.c-pcml44 {
margin-left: 44px !important;
}
.c-pcpt44 {
padding-top: 44px !important;
}
.c-pcpr44 {
padding-right: 44px !important;
}
.c-pcpb44 {
padding-bottom: 44px !important;
}
.c-pcpl44 {
padding-left: 44px !important;
}
.c-pcmt48 {
margin-top: 48px !important;
}
.c-pcmr48 {
margin-right: 48px !important;
}
.c-pcmb48 {
margin-bottom: 48px !important;
}
.c-pcml48 {
margin-left: 48px !important;
}
.c-pcpt48 {
padding-top: 48px !important;
}
.c-pcpr48 {
padding-right: 48px !important;
}
.c-pcpb48 {
padding-bottom: 48px !important;
}
.c-pcpl48 {
padding-left: 48px !important;
}
.c-pcmt52 {
margin-top: 52px !important;
}
.c-pcmr52 {
margin-right: 52px !important;
}
.c-pcmb52 {
margin-bottom: 52px !important;
}
.c-pcml52 {
margin-left: 52px !important;
}
.c-pcpt52 {
padding-top: 52px !important;
}
.c-pcpr52 {
padding-right: 52px !important;
}
.c-pcpb52 {
padding-bottom: 52px !important;
}
.c-pcpl52 {
padding-left: 52px !important;
}
.c-pcmt56 {
margin-top: 56px !important;
}
.c-pcmr56 {
margin-right: 56px !important;
}
.c-pcmb56 {
margin-bottom: 56px !important;
}
.c-pcml56 {
margin-left: 56px !important;
}
.c-pcpt56 {
padding-top: 56px !important;
}
.c-pcpr56 {
padding-right: 56px !important;
}
.c-pcpb56 {
padding-bottom: 56px !important;
}
.c-pcpl56 {
padding-left: 56px !important;
}
.c-pcmt60 {
margin-top: 60px !important;
}
.c-pcmr60 {
margin-right: 60px !important;
}
.c-pcmb60 {
margin-bottom: 60px !important;
}
.c-pcml60 {
margin-left: 60px !important;
}
.c-pcpt60 {
padding-top: 60px !important;
}
.c-pcpr60 {
padding-right: 60px !important;
}
.c-pcpb60 {
padding-bottom: 60px !important;
}
.c-pcpl60 {
padding-left: 60px !important;
}
.c-pcmt64 {
margin-top: 64px !important;
}
.c-pcmr64 {
margin-right: 64px !important;
}
.c-pcmb64 {
margin-bottom: 64px !important;
}
.c-pcml64 {
margin-left: 64px !important;
}
.c-pcpt64 {
padding-top: 64px !important;
}
.c-pcpr64 {
padding-right: 64px !important;
}
.c-pcpb64 {
padding-bottom: 64px !important;
}
.c-pcpl64 {
padding-left: 64px !important;
}
.c-pcmt68 {
margin-top: 68px !important;
}
.c-pcmr68 {
margin-right: 68px !important;
}
.c-pcmb68 {
margin-bottom: 68px !important;
}
.c-pcml68 {
margin-left: 68px !important;
}
.c-pcpt68 {
padding-top: 68px !important;
}
.c-pcpr68 {
padding-right: 68px !important;
}
.c-pcpb68 {
padding-bottom: 68px !important;
}
.c-pcpl68 {
padding-left: 68px !important;
}
.c-pcmt72 {
margin-top: 72px !important;
}
.c-pcmr72 {
margin-right: 72px !important;
}
.c-pcmb72 {
margin-bottom: 72px !important;
}
.c-pcml72 {
margin-left: 72px !important;
}
.c-pcpt72 {
padding-top: 72px !important;
}
.c-pcpr72 {
padding-right: 72px !important;
}
.c-pcpb72 {
padding-bottom: 72px !important;
}
.c-pcpl72 {
padding-left: 72px !important;
}
.c-pcmt76 {
margin-top: 76px !important;
}
.c-pcmr76 {
margin-right: 76px !important;
}
.c-pcmb76 {
margin-bottom: 76px !important;
}
.c-pcml76 {
margin-left: 76px !important;
}
.c-pcpt76 {
padding-top: 76px !important;
}
.c-pcpr76 {
padding-right: 76px !important;
}
.c-pcpb76 {
padding-bottom: 76px !important;
}
.c-pcpl76 {
padding-left: 76px !important;
}
.c-pcmt80 {
margin-top: 80px !important;
}
.c-pcmr80 {
margin-right: 80px !important;
}
.c-pcmb80 {
margin-bottom: 80px !important;
}
.c-pcml80 {
margin-left: 80px !important;
}
.c-pcpt80 {
padding-top: 80px !important;
}
.c-pcpr80 {
padding-right: 80px !important;
}
.c-pcpb80 {
padding-bottom: 80px !important;
}
.c-pcpl80 {
padding-left: 80px !important;
}
.c-pcmt84 {
margin-top: 84px !important;
}
.c-pcmr84 {
margin-right: 84px !important;
}
.c-pcmb84 {
margin-bottom: 84px !important;
}
.c-pcml84 {
margin-left: 84px !important;
}
.c-pcpt84 {
padding-top: 84px !important;
}
.c-pcpr84 {
padding-right: 84px !important;
}
.c-pcpb84 {
padding-bottom: 84px !important;
}
.c-pcpl84 {
padding-left: 84px !important;
}
.c-pcmt88 {
margin-top: 88px !important;
}
.c-pcmr88 {
margin-right: 88px !important;
}
.c-pcmb88 {
margin-bottom: 88px !important;
}
.c-pcml88 {
margin-left: 88px !important;
}
.c-pcpt88 {
padding-top: 88px !important;
}
.c-pcpr88 {
padding-right: 88px !important;
}
.c-pcpb88 {
padding-bottom: 88px !important;
}
.c-pcpl88 {
padding-left: 88px !important;
}
.c-pcmt92 {
margin-top: 92px !important;
}
.c-pcmr92 {
margin-right: 92px !important;
}
.c-pcmb92 {
margin-bottom: 92px !important;
}
.c-pcml92 {
margin-left: 92px !important;
}
.c-pcpt92 {
padding-top: 92px !important;
}
.c-pcpr92 {
padding-right: 92px !important;
}
.c-pcpb92 {
padding-bottom: 92px !important;
}
.c-pcpl92 {
padding-left: 92px !important;
}
.c-pcmt96 {
margin-top: 96px !important;
}
.c-pcmr96 {
margin-right: 96px !important;
}
.c-pcmb96 {
margin-bottom: 96px !important;
}
.c-pcml96 {
margin-left: 96px !important;
}
.c-pcpt96 {
padding-top: 96px !important;
}
.c-pcpr96 {
padding-right: 96px !important;
}
.c-pcpb96 {
padding-bottom: 96px !important;
}
.c-pcpl96 {
padding-left: 96px !important;
}
.c-pcmt100 {
margin-top: 100px !important;
}
.c-pcmr100 {
margin-right: 100px !important;
}
.c-pcmb100 {
margin-bottom: 100px !important;
}
.c-pcml100 {
margin-left: 100px !important;
}
.c-pcpt100 {
padding-top: 100px !important;
}
.c-pcpr100 {
padding-right: 100px !important;
}
.c-pcpb100 {
padding-bottom: 100px !important;
}
.c-pcpl100 {
padding-left: 100px !important;
}
.c-pcw0 {
width: 0% !important;
}
.c-pcw5 {
width: 5% !important;
}
.c-pcw10 {
width: 10% !important;
}
.c-pcw15 {
width: 15% !important;
}
.c-pcw20 {
width: 20% !important;
}
.c-pcw25 {
width: 25% !important;
}
.c-pcw30 {
width: 30% !important;
}
.c-pcw35 {
width: 35% !important;
}
.c-pcw40 {
width: 40% !important;
}
.c-pcw45 {
width: 45% !important;
}
.c-pcw50 {
width: 50% !important;
}
.c-pcw55 {
width: 55% !important;
}
.c-pcw60 {
width: 60% !important;
}
.c-pcw65 {
width: 65% !important;
}
.c-pcw70 {
width: 70% !important;
}
.c-pcw75 {
width: 75% !important;
}
.c-pcw80 {
width: 80% !important;
}
.c-pcw85 {
width: 85% !important;
}
.c-pcw90 {
width: 90% !important;
}
.c-pcw95 {
width: 95% !important;
}
.c-pcw100 {
width: 100% !important;
}
.l-outline {
padding-top: 68px;
}
.l-wrapper {
width: 96%;
max-width: 1024px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
}
.l-wrapper.-narrow {
max-width: 896px;
}
.l-header__inner {
height: 68px;
padding: 0 16px 0 24px;
}
.l-header__logo img {
width: 174px;
}
.l-header__nexco {
width: 87px;
padding: 8px 10px;
}
.l-header__nexco img {
width: 100%;
}
.l-footer__logo {
grid-template-columns: repeat(3, auto);
justify-content: center;
padding: 40px 0;
}
.l-footer__logo a {
padding: 10px 16px;
}
.l-footer__logo a:hover {
opacity: 0.8;
}
.l-footer__copy {
padding: 23px;
}
.l-footer__copy br {
display: contents;
}
.l-fixedBtn .c-btn {
-webkit-transform: translateX(8px);
transform: translateX(8px);
min-width: 188px;
font-size: 1.6rem;
}
.l-fixedBtn .c-btn:hover {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.l-fixedBtn.-bottom .c-btn {
min-width: 158px;
line-height: 1.3;
text-align: center;
}
.l-fixedBtn.-bottom .c-btn::before {
display: block;
margin: 0 auto 2px;
}
:where(p, ul, ol, dl, blockquote, hr, pre, table, form, figure, div) + p {
margin-top: 1.5em;
}
.mv-wrap {
aspect-ratio: 1280/460;
background-image: url(/special/drivepass/assets/img/bg-mv-pc.jpg);
}
.mv-logo {
max-width: 810px;
}
.point-wrap {
padding-top: 96px;
padding-bottom: 84px;
}
.point-title {
margin-top: 16px;
margin-bottom: 44px;
font-size: 3.6rem;
}
.point-title__small {
font-size: 2.8rem;
}
.point-list > li + li {
margin-top: 32px;
}
.point-list__body {
padding: 32px 64px;
}
.point-list__span {
padding: 4px;
line-height: 1.4;
}
.point-list__title {
font-size: 2rem;
}
.point-list__title02 {
font-size: 1.6rem;
}
.point-list__title03 {
font-size: 2.8rem;
}
.point-list__title04 {
font-size: 2rem;
}
.point-list__bg {
margin-top: 4px;
margin-left: 6px;
padding: 0px 4px;
}
.point-image > li + li {
margin-top: 20px;
}
.point-facility {
grid-template-columns: repeat(4, 1fr);
gap: 36px 8px;
}
.point-facility > li {
padding: 92px 20px 0;
}
.point-facility__note {
text-align: center;
}
.point-note {
margin-top: 3.1rem;
padding-left: 0;
padding-right: 0;
text-align: center;
}
.searchPlan-wrap {
padding-bottom: 96px;
}
.searchPlan-header {
padding-top: 48px;
padding-bottom: 48px;
}
.searchPlan-header::after {
border-width: 42px 108px 0;
}
.searchPlan-header .l-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
padding-left: 0;
padding-right: 0;
}
.searchPlan-header__logo {
display: inline-flex;
}
.searchPlan-header__logo > li {
max-width: none;
min-width: 100px;
}
.searchPlan-header__logo > li img {
width: 68px;
}
.searchPlan-header__text {
margin-top: 0;
margin-left: 24px;
line-height: 1.5;
}
.searchPlan-title {
margin-top: 18px;
}
.searchPlan-body {
padding-top: 90px;
}
.searchPlan-application {
text-align: center;
}
.searchPlan-applicationWrap {
padding-bottom: 96px;
}
.searchPlan-application .c-balloon {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: -88px auto 20px;
}
.search-criteria {
grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto;
gap: 26px 0;
max-width: 720px;
margin-left: auto;
margin-right: auto;
}
.search-criteria__col.-area {
padding-right: 32px;
}
.search-criteria__col.-plan {
grid-row: 2/3;
grid-column: 1/3;
}
.search-dl {
display: grid;
grid-template-columns: auto 1fr;
gap: 12px;
}
.search-dl > dt {
margin-bottom: 4px;
font-weight: 700;
align-self: center;
}
.search-radioList {
display: flex;
flex-wrap: wrap;
gap: 4px 16px;
margin-left: 12px;
}
.area-accordion {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: auto auto;
gap: 0 10px;
}
.area-accordion__none {
margin-bottom: 0;
}
.area-accordion__header {
position: relative;
}
.area-accordion__header::after {
position: absolute;
display: block;
content: "";
left: 0;
right: 0;
top: 100%;
height: 0;
background-color: #FFEDEE;
-webkit-transition: ease-in-out 0.15s;
transition: ease-in-out 0.15s;
}
.area-accordion__header ~ .area-accordion__header {
margin-top: 0;
}
.area-accordion__header.is-open::after {
height: 11px;
}
.area-accordion__header.is-open .area-accordionBtn:hover::before {
border-color: #D5474F;
background: #D5474F url('data:image/svg+xml;utf8,') no-repeat center center/16px 16px;
}
.area-accordionBtn {
-webkit-transition: ease-in-out 0.15s;
transition: ease-in-out 0.15s;
}
.area-accordionBtn::before {
-webkit-transition: ease-in-out 0.15s;
transition: ease-in-out 0.15s;
}
.area-accordionBtn::before svg, .area-accordionBtn::before clipPath, .area-accordionBtn::before path {
-webkit-transition: ease-in-out 0.15s;
transition: ease-in-out 0.15s;
}
.area-accordionBtn:hover::before {
border-color: #D5474F;
background: #D5474F url('data:image/svg+xml;utf8,') no-repeat center center/16px 16px;
}
.area-accordionContent {
padding: 24px;
position: relative;
grid-row: 2/3;
grid-column: 1/4;
margin-top: 10px;
}
.area-accordionContent:nth-of-type(n) {
border-radius: 0 4px 4px 4px;
}
.area-accordionContent:nth-of-type(2n) {
border-radius: 4px;
}
.area-accordionContent:nth-of-type(3n) {
border-radius: 4px 0 4px 4px;
}
.area-accordion__list {
grid-template-columns: repeat(auto-fill, minmax(133px, 1fr));
gap: 10px;
}
.area-accordion + .area-accordion {
margin-top: 10px;
}
.area-btn {
-webkit-transition: ease-in-out 0.15s;
transition: ease-in-out 0.15s;
}
.area-btn::after {
-webkit-transition: ease-in-out 0.15s;
transition: ease-in-out 0.15s;
}
.area-btn::after svg, .area-btn::after clipPath, .area-btn::after path {
-webkit-transition: ease-in-out 0.15s;
transition: ease-in-out 0.15s;
}
.area-btn:hover {
color: #D5474F;
}
.area-btn:hover::after {
right: 8px;
background-image: url('data:image/svg+xml;utf8,');
}
.area-blockBtn::after {
-webkit-transition: ease-in-out 0.15s;
transition: ease-in-out 0.15s;
}
.area-blockBtn:hover {
color: #D5474F;
}
.area-blockBtn:hover::after {
margin-left: 5px;
background: url('data:image/svg+xml;utf8,') no-repeat center center/contain;
}
.map-wrap {
position: relative;
margin: 0 auto 48px;
}
.map-list {
position: absolute;
z-index: 1;
display: inline-grid;
grid-template-columns: 1fr 1fr;
gap: 4px;
border-radius: 4px;
padding: 6px;
}
.map-list::after {
position: absolute;
display: block;
content: "";
z-index: -1;
}
.map-list > li {
flex: 1;
}
.map-list > li:first-child {
grid-column: 1/3;
}
.map-list.-hokkaido {
top: 0;
left: 568px;
background-color: #3D7920;
}
.map-list.-hokkaido .map-btn {
color: #3D7920;
}
.map-list.-hokkaido::after {
top: calc(100% - 3px);
left: 50%;
width: 49px;
height: 57px;
background-image: linear-gradient(to left bottom, transparent 49%, #3D7920 50%, #3D7920 calc(50% + 1.5px), transparent calc(50% + 2px));
}
.map-list.-tohoku {
top: 187px;
left: 712px;
background-color: #56942A;
}
.map-list.-tohoku .map-btn {
color: #56942A;
}
.map-list.-tohoku::after {
top: 21px;
right: calc(100% - 3px);
width: 75px;
height: 42px;
background-image: linear-gradient(to right bottom, transparent 49%, #56942A 50%, #56942A calc(50% + 1.5px), transparent calc(50% + 2.5px));
}
.map-list.-kanto {
top: 339px;
left: 662px;
background-color: #79C32F;
}
.map-list.-kanto .map-btn {
color: #79C32F;
}
.map-list.-kanto::after {
top: 21px;
right: calc(100% - 3px);
width: 95px;
height: 16px;
background-image: linear-gradient(to right bottom, transparent 47%, #79C32F 50%, #79C32F calc(50% + 1.5px), transparent calc(50% + 2.2px));
}
.map-list.-hokuriku {
top: 93px;
left: 389px;
background-color: #F8B460;
}
.map-list.-hokuriku .map-btn {
color: #F79E2F;
}
.map-list.-hokuriku::after {
top: calc(100% - 10px);
left: 50%;
width: 20px;
height: 105px;
background-image: linear-gradient(to left bottom, transparent 49%, #F8B460 51%, #F8B460 calc(50.551% + 1.5px), transparent calc(51% + 2.5px));
}
.map-list.-tokai {
top: 463px;
left: 462px;
background-color: #F48A38;
}
.map-list.-tokai .map-btn {
color: #F48A38;
}
.map-list.-tokai::after {
bottom: calc(100% - 3px);
left: 25px;
width: 36px;
height: 49px;
background-image: linear-gradient(to left bottom, transparent 49%, #F48A38 50%, #F48A38 calc(50% + 1.5px), transparent calc(50% + 2px));
}
.map-list.-kansai {
top: 171px;
left: 193px;
background-color: #88D1E2;
}
.map-list.-kansai .map-btn {
color: #54BFD8;
}
.map-list.-kansai::after {
top: calc(100% - 8px);
right: -6px;
width: 20px;
height: 75px;
background-image: linear-gradient(to left bottom, transparent 48%, #88D1E2 50%, #88D1E2 calc(50% + 1.5px), transparent calc(50% + 2.5px));
}
.map-list.-chugoku {
top: 263px;
left: -22px;
background-color: #308BD6;
}
.map-list.-chugoku .map-btn {
color: #308BD6;
}
.map-list.-chugoku::after {
top: 50%;
left: calc(100% - 3px);
width: 96px;
height: 51px;
background-image: linear-gradient(to left bottom, transparent 49%, #308BD6 50%, #308BD6 calc(50% + 1.5px), transparent calc(50% + 2px));
}
.map-list.-shikoku {
top: 489px;
left: 261px;
background-color: #69BAEA;
}
.map-list.-shikoku .map-btn {
color: #54AEE3;
}
.map-list.-shikoku::after {
bottom: calc(100% - 3px);
right: 50%;
width: 36px;
height: 60px;
background-image: linear-gradient(to left bottom, transparent 49%, #69BAEA 50%, #69BAEA calc(50% + 1.5px), transparent calc(50% + 2px));
}
.map-list.-kyushu {
top: 415px;
left: -22px;
background-color: #1E69BE;
}
.map-list.-kyushu .map-btn {
color: #1E69BE;
}
.map-list.-kyushu::after {
bottom: 50%;
left: calc(100% - 3px);
width: 38px;
height: 30px;
background-image: linear-gradient(to right bottom, transparent 49%, #1E69BE 50%, #1E69BE calc(50% + 1.5px), transparent calc(50% + 2px));
}
.map-btn {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
min-width: 84px;
min-height: 28px;
border-radius: 2px;
border: 0;
background: #fff;
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1), inset 0 -4px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1), inset 0 -4px 10px rgba(0, 0, 0, 0.1);
font-size: 1.4rem;
font-weight: 700;
line-height: 1;
text-decoration: none !important;
-webkit-transition: ease-in-out 0.15s;
transition: ease-in-out 0.15s;
}
.map-btn:hover {
-webkit-box-shadow: inset 0 0 0 2px #fff;
box-shadow: inset 0 0 0 2px #fff;
background-color: transparent;
color: #fff !important;
}
.nexcoList {
grid-template-columns: repeat(3, 1fr);
max-width: 100%;
margin: 24px auto 20px;
text-align: left;
}
.nexcoList-item__logo {
width: 112px;
padding: 11px;
}
.nexcoList-item__logo img {
width: 75px;
}
.nexcoList-item__name {
padding-left: 30px;
font-size: 1.6rem;
}
.nexcoList-item.-east:hover {
background-color: #52A72C;
}
.nexcoList-item.-central:hover {
background-color: #FFA146;
}
.nexcoList-item.-west:hover {
background-color: #2FA9E6;
}
.resultmv-wrap {
aspect-ratio: 1280/280;
background-image: url(/special/drivepass/assets/img/bg-resultmv-pc.jpg);
}
.resultmv-logo {
max-width: 350px;
}
.result-wrap {
padding-top: 56px;
}
.result-criteria {
display: flex;
flex-wrap: wrap;
gap: 1em 1.5em;
padding: 12px 12px 12px 0;
}
.result-criteria > div {
display: flex;
}
.result-criteria dt {
padding-right: 0.8em;
white-space: nowrap;
}
.result-criteriaBlock {
display: grid;
grid-template-columns: 152px 1fr;
align-items: center;
min-height: 60px;
padding: 0;
border-radius: 1000em;
}
.result-criteriaBlock__title {
display: grid;
place-content: center;
height: 100%;
margin: 0 24px 0 0;
padding: 0;
border-radius: 0;
}
.searchResult-wrap {
padding-bottom: 96px;
}
.searchResult-wrap .l-wrapper > .c-btnWrap {
margin-top: 48px;
}
.searchResult-list {
grid-template-columns: repeat(3, 1fr);
gap: 34px;
}
.searchResult-list__item {
display: flex;
flex-direction: column;
}
.searchResult-list__item p:only-of-type {
min-height: 63px;
}
.searchResult-list__item .c-btnWrap {
margin-top: auto;
padding-top: 16px;
}
.searchResult-list__image .is-imgfit {
aspect-ratio: 276/157;
}
.searchResult-list__title {
min-height: 48px;
}
.searchResult-list .c-btn {
display: block;
min-width: 0;
width: 100%;
}
.searchResult-note {
margin-top: 44px;
margin-bottom: 4px;
}
}
@media screen and (min-width: 768px) and (max-width: 1079.98px) {
.map-wrap {
max-width: 592px;
margin-left: auto;
margin-right: auto;
}
.map-btn {
min-width: 48px;
min-height: 22px;
font-size: 1.2rem;
}
.map-list.-hokkaido {
left: 368px;
}
.map-list.-hokkaido::after {
width: 80px;
}
.map-list.-tohoku {
top: 105px;
left: 480px;
}
.map-list.-hokuriku {
top: 43px;
left: 260px;
}
.map-list.-hokuriku::after {
height: 72px;
}
.map-list.-kansai {
top: 81px;
left: 143px;
}
.map-list.-kansai::after {
height: 57px;
}
.map-list.-chugoku {
top: 139px;
left: 2px;
}
.map-list.-chugoku::after {
width: 76px;
height: 51px;
}
.map-list.-kanto {
top: 230px;
left: 412px;
}
.map-list.-kanto::after {
top: 9px;
width: 47px;
height: 15px;
}
.map-list.-tokai {
top: 318px;
left: 290px;
}
.map-list.-shikoku {
top: 318px;
left: 170px;
}
.map-list.-shikoku::after {
width: 26px;
height: 40px;
}
.map-list.-kyushu {
top: 265px;
left: 0;
}
.map-list.-kyushu::after {
width: 23px;
height: 25px;
}
}
/* ▼PC用デザインとして付け足すデザイン */
/* #Print Fixes */
@media print {
* {
color: #000 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
text-shadow: none !important;
}
@page {
margin: 1cm 1cm;
}
p, h2, h3 {
orphans: 3;
widows: 3;
}
h2, h3 {
page-break-after: avoid;
}
thead {
display: table-header-group;
}
tr, img {
page-break-inside: avoid;
}
body {
width: auto;
-webkit-print-color-adjust: exact;
}
.p-print .c-table {
font-size: 13px;
}
.p-print .c-closeBtn {
display: none;
}
}