@charset "UTF-8";
  :root {
--font_ja: "BIZUDPGothic", san-serif;
--font_en: "Poppins", san-serif;
--h1_font: clamp(22px, 2vw, 32px);
--h2_font: clamp(25px, 3vw, 70px);
--h3_font: clamp(22px, 3vw, 55px);
--m_color: #222; --a_color: #2e4a62; --f_color: #222;
--b_color: #ddd;
--g_color: #575757;
--l_color: #3b3b3b;
--w_color:#fff;
--border_r: max(10px, min(15px, calc((100vw - 10px - 100%) * 9999)));
--tr: 0.3s ease-out;
--main_w: min(100%, 1240px);
--main_mp: 100px;
--m_ps3: 30px;
--m_ps5: 50px;
--m_ps8: 80px;
--gr: linear-gradient(45deg, var(--m_color) 0%, #007bd7 50%, #00beff 100%);
}
html{
scroll-behavior: smooth;
}  .order_fadeUp {
-webkit-transition:
opacity 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s,
-webkit-transform 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
transition:
opacity 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s,
transform 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0.6s,
-webkit-transform 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
opacity: 0;
-webkit-transform: translate3d(0, 20%, 0);
transform: translate3d(0, 20%, 0);
}
.order_fadeUp-is-show {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
} .fadeUp {
-webkit-transition:
opacity 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s,
-webkit-transform 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
transition:
opacity 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s,
transform 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0.6s,
-webkit-transform 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
opacity: 0;
-webkit-transform: translate3d(0, 20%, 0);
transform: translate3d(0, 20%, 0);
}
.fadeUp-is-show {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
} .slide_left_fadeIn {
-webkit-transition: all 800ms cubic-bezier(0.07, 0.76, 0.44, 1);
transition: all 800ms cubic-bezier(0.07, 0.76, 0.44, 1);
opacity: 0;
-webkit-transform: translateX(-20%);
transform: translateX(-20%);
}
.slide_left_fadeIn-is-show {
opacity: 1;
-webkit-transform: translateX(0%);
transform: translateX(0%);
} .slide_right_fadeIn {
-webkit-transition: all 800ms cubic-bezier(0.07, 0.76, 0.44, 1);
transition: all 800ms cubic-bezier(0.07, 0.76, 0.44, 1);
opacity: 0;
-webkit-transform: translateX(20%);
transform: translateX(20%);
}
.slide_right_fadeIn-is-show {
opacity: 1;
-webkit-transform: translateX(0%);
transform: translateX(0%);
} .block {
position: relative;
z-index: 0;
overflow: hidden;
}
.block:before {
-webkit-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition: -webkit-transform 0.4s 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53);
transition: -webkit-transform 0.4s 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53);
transition: transform 0.4s 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53);
transition:
transform 0.4s 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53),
-webkit-transform 0.4s 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53);
background-color: #ffffff81;
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 99;
}
.block.block_is-show:before {
-webkit-transform: translateX(101%);
-ms-transform: translateX(101%);
transform: translateX(101%);
}
.block:after {
-webkit-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left;
-webkit-transform: scaleX(0) translateX(0);
-ms-transform: scaleX(0) translateX(0);
transform: scaleX(0) translateX(0);
-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53);
transition: -webkit-transform 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53);
transition: transform 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53);
transition:
transform 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53),
-webkit-transform 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53);
background-color: #00000067;
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 99;
}
.block.block_is-show:after {
-webkit-transform: scaleX(1) translateX(101%);
-ms-transform: scaleX(1) translateX(101%);
transform: scaleX(1) translateX(101%);
} .BlurFadeIn {
visibility: hidden;
}
@keyframes blurAnime {
from {
filter: blur(30px);
transform: scale(1.2);
opacity: 0;
visibility: hidden;
}
to {
filter: blur(0);
transform: scale(1);
opacity: 1;
visibility: visible;
}
}
.BlurFadeIn-is-show {
-webkit-animation: blurAnime 1s ease-in-out forwards 0s;
-moz-animation: blurAnime 1s ease-in-out forwards 0s;
animation: blurAnime 1s ease-in-out forwards 0s;
visibility: visible;
} .pc_none2 {
display: none;
}
.flex {
display: -webkit-flex;
display: flex;
}
.flex_c {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
}
.flex_c2 {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
}
.flex_c_c {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.main_col {
margin-bottom: var(--main_mp);
}
.main_pa {
padding-top: var(--main_mp);
padding-bottom: var(--main_mp);
}
.m_a {
max-width: var(--main_w);
padding-left: 20px;
padding-right: 20px;
}
.m_a2 {
max-width: 1970px;
padding-left: 20px;
padding-right: 20px;
}
.m_lr {
margin-right: auto;
margin-left: auto;
}
.m_ps3 {
margin-bottom: var(--m_ps3);
}
.m_ps5 {
margin-bottom: var(--m_ps5);
}
.m_ps8 {
margin-bottom: var(--m_ps8);
}
.mb10 {
margin-bottom: 10px;
}
.mb20 {
margin-bottom: 20px;
}
.mb25 {
margin-bottom: 25px;
}
.mb30 {
margin-bottom: 30px;
}
.mb40 {
margin-bottom: 40px;
}
.mb50 {
margin-bottom: 50px;
}
.mb60 {
margin-bottom: 60px;
}
.mb70 {
margin-bottom: 70px;
}
.mb80 {
margin-bottom: 80px;
}
.mb90 {
margin-bottom: 90px;
}
.mb100 {
margin-bottom: 100px;
}
.mt10 {
margin-top: 10px;
}
.mt20 {
margin-top: 20px;
}
.mt30 {
margin-top: 30px;
}
.mt40 {
margin-top: 40px;
}
.mt50 {
margin-top: 50px;
}
.mt60 {
margin-top: 60px;
}
.mt70 {
margin-top: 70px;
}
.mt80 {
margin-top: 80px;
}
.mt90 {
margin-top: 90px;
}
.mt100 {
margin-top: 100px;
}
.fc {
text-align: center;
}
.fl {
text-align: left;
}
.fr {
text-align: right;
}
.fb {
font-weight: bold;
}
.annotation {
font-size: 13px;
color: gray;
}
.mb{
margin-bottom: 20px;
} .common_btn {
display: grid;
place-items: end;
}
.common_btn a {
text-decoration: none;
color: var(--w_color);
padding: 15px 20px;
display: inline-block;
background: var(--f_color);
position: relative;
font: 16px var(--font_en);
letter-spacing: 0.15em;
min-width: 250px;
transition: var(--tr);
}
.common_btn a:before {
position: absolute;
right: 25px;
top: 50%;
display: block;
content: "";
width: 8px;
height: 8px;
margin-top: -2px;
border-right: 1px solid var(--w_color);
border-top: 1px solid var(--w_color);
transform: rotate(45deg) translateY(-50%);
}
.common_btn a:hover {
opacity: 0.7;
}
.common_cta_sns_img{
width: 50px;
} .common_cta_wrap {
}
.common_cta_inner {
}
.common_cta_txt_wrap{
justify-content: space-between;
text-align: center;
}
.common_cta_date_wrap{
justify-content: space-between;
margin-bottom: var(--m_ps8);
}
.cta_title {
z-index: 0;
letter-spacing: 0.15em;
font: bold 16px var(--font_ja);
margin-bottom: var(--m_ps5);
line-height: 1.7;
}
.cta_title:after {
content: "";
background: var(--f_color);
width: 50px;
height: 2px;
display: block;
border-radius: 10px;
margin-top: 30px;
text-align: center;
margin: 0 auto;
margin-top: 30px;
}
.cta_txt{
font: 400 clamp(16px,3vw,19px) var(--font_ja);
letter-spacing: 0.1em;
text-align: center;
margin-bottom: var(--m_ps5);
}
.common_cta_btn_wrap{
width: 100%;
gap: var(--m_ps5);
}
.common_cta_sns_wrap{
gap: var(--m_ps5);
align-items: end;
}
.common_cta_img_wrap{
margin-bottom: var(--m_ps5);
}
.common_cta_phone {
box-shadow: 0.3px 0.3px 2.2px rgba(0, 0, 0, 0.02), 0.7px 0.7px 5.3px rgba(0, 0, 0, 0.028), 1.3px 1.3px 10px rgba(0, 0, 0, 0.035), 2.2px 2.2px 17.9px rgba(0, 0, 0, 0.042), 4.2px 4.2px 33.4px rgba(0, 0, 0, 0.05), 10px 10px 80px rgba(0, 0, 0, 0.07);
border-radius: 15px;
background: #000000dc;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
.common_cta_item{
transition: all var(--tr);
}
.common_cta_phone a{
padding: clamp(50px,6vw,80px) clamp(50px,7vw,175px);
}
.common_cta_mail {
box-shadow: 0.3px 0.3px 2.2px rgba(0, 0, 0, 0.02), 0.7px 0.7px 5.3px rgba(0, 0, 0, 0.028), 1.3px 1.3px 10px rgba(0, 0, 0, 0.035), 2.2px 2.2px 17.9px rgba(0, 0, 0, 0.042), 4.2px 4.2px 33.4px rgba(0, 0, 0, 0.05), 10px 10px 80px rgba(0, 0, 0, 0.07);
border-radius: 15px;
background: #000000dc;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
.common_cta_mail a{
padding: clamp(30px,3vw,50px);
}
.common_cta_inner a {
font: 900 clamp(22px, 3vw, 40px) var(--font_en);
color: var(--w_color);
text-decoration: none;
letter-spacing: 0.43vw;
}
.common_cta_date_wrap i {
width: clamp(25px,3vw,60px);
max-width: clamp(25px,3vw,60px);
display: block;
}
.common_cta_item a:hover{
opacity: 0.7;
}
.common_cta_phone a:before {
font-family: "Font Awesome 6 Free";
font-weight: bold;
content: "\f879";
display: inline-block;
margin: 0 3px 0 0;
}
.btn_container{
display: grid;
place-items: center;
}
.btn_container a{
color: var(--a_color);
font: 400 16px var(--font_ja);
}
.thanks_tel_wrap a:hover{
opacity: 0.7;
}
.btn_container a:hover{
opacity: 0.7;
} h1 {
font-size: 16px;
font-weight: bold;
margin: 0 0 30px;
}
body:not(.home):not(.single):not(.page-template-ja):not(.search) h1,
body.single h1 {
left: 0;
bottom: 0;
padding: 40px 50px;
z-index: 1;
display: inline-block;
letter-spacing: 0.25em;
margin: 0;
font: 900 var(--h1_font) var(--font_ja);
color: var(--w_color);
line-height: 1.7;
text-shadow: 0px 0px 10px #5a5a5a7c;
}
.single_h1{
left: 0;
bottom: 0;
padding: 40px 50px;
z-index: 1;
display: inline-block;
letter-spacing: 0.25em;
margin: 0;
font: 900 var(--h1_font) var(--font_ja);
color: var(--w_color);
line-height: 1.7;
text-shadow: 0px 0px 10px #5a5a5a7c;
}
body.search h1{
left: 0;
bottom: 0;
padding: 10px 50px;
z-index: 1;
display: inline-block;
letter-spacing: 0.25em;
margin: 0;
font: 900 var(--h1_font) var(--font_ja);
color: var(--w_color);
line-height: 1.7;
text-shadow: 0px 0px 10px #5a5a5a7c;
}
.singleh1 {
color: #555;
letter-spacing: 0;
padding: 0;
font: 900 clamp(24px,3vw,30px) var(--font_ja);
letter-spacing: 0.1em;
margin-bottom: 10px;
font-weight: normal;
}
h2 {
margin: 0 0 50px;
position: relative;
}
.top_h2 {
}
.top_h2 h2 {
z-index: 0;
letter-spacing: 0.15em;
font: bold 16px var(--font_ja);
text-wrap: balance;
word-break: auto-phrase;
line-height: 1.7;
}
.top_h2 .data_text {
letter-spacing: 0.5vw;
margin-bottom: 10px;
}
.top_h2 h2:after {
content: "";
background: var(--f_color);
width: 50px;
height: 2px;
display: block;
border-radius: 10px;
margin-top: 30px;
}
.top_h3 h3{
z-index: 0;
letter-spacing: 0.15em;
font: bold 16px var(--font_ja);
text-align: center;
}
.top_h2_en .data_text{
margin-bottom: 50px;
}
.data_text_h3{
text-align: center;
margin-bottom: 10px;
}
.txt_b{
color: var(--f_color);
font: 900 var(--h2_font) var(--font_en);
font-style: italic;
}
.txt_t{
font: 400 var(--h2_font) var(--font_en);
font-style: italic;
}
.txt_b_h3{
color: var(--f_color);
font: 400 clamp(23px,3vw,40px) var(--font_en);
font-style: italic;
letter-spacing: 0.15em;
}
.txt_t_h3{
font: 400 clamp(23px,3vw,40px) var(--font_en);
font-style: italic;
letter-spacing: 0.15em;
margin-right: 20px;
}
.en_h3{
margin-bottom: 30px;
}
.other_h2 {
}
.other_h2 h2 {
z-index: 0;
letter-spacing: 0.15em;
font: bold 19px var(--font_ja);
text-wrap: balance;
word-break: auto-phrase;
line-height: 1.7;
}
.other_h2 h2:after {
content: "";
background: var(--f_color);
width: 100px;
height: 2px;
display: block;
border-radius: 10px;
margin-top: 30px;
}
h3 {
font-weight: bold;
margin: 0 0 50px;
font-size: 25px;
position: relative;
} .wrap {
position: relative;
margin: 0 auto;
overflow: hidden;
max-width: 1920px;
}
.main_wrap {
padding-top: var(--main_mp);
padding-bottom: var(--main_mp);
position: relative;
background: var(--w_color);
}  .site_ttl {
line-height: 0;
width: 120px;
margin: 0;
transition: var(--tr);
}
.h_nav_wrap.is-fixed .site_ttl {
position: relative;
width: 80px;
}
.site_ttl a {
display: block;
color: var(--f_color);
font-weight: bold;
text-decoration: none;
margin: 0 auto;
transition: var(--tr);
}
.site_ttl a:hover {
opacity: 0.7;
} .h_nav_wrap {
position: fixed;
margin-left: auto;
padding: 20px 50px;
width: 100%;
top: 0;
left: 0;
z-index: 9;
transition: var(--tr);
}
.h_nav_wrap.is-fixed {
padding: 5px 50px;
background: #000000dc;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
.h_nav_inner {
justify-content: space-between;
align-items: center;
}
.h_nav_wrap nav {
height: 100%;
}
.pc_h_nav {
height: 100%;
text-shadow: 0px 0px 10px #5a5a5a7c;
}
.pc_h_nav_top {
justify-content: flex-end;
margin-bottom: 10px;
transition: var(--tr);
}
.h_nav_wrap.is-fixed .pc_h_nav_top {
margin-bottom: 0;
}
.pc_h_nav li {
margin-left: min( clamp(20px,3vw,30px), 5vw);
}
.pc_h_nav a {
font: normal 16px var(--font_en);
padding: 10px 10px;
text-decoration: none;
color: var(--w_color);
letter-spacing: 0.05em;
}
.pc_h_nav a:hover {
opacity: 0.8;
}
.pc_h_nav_cta{
margin-left: min(40px, 5vw);
justify-content: end;
}
.pc_h_nav_tel_icon{
width: 20px;
aspect-ratio: 1/1;
}
.pc_h_nav_tel a:before{
font-family: "Font Awesome 6 Free";
font-weight: bold;
content: "\f879";
display: inline-block;
margin: 0 10px 0 0;
}
.pc_h_nav_sns_icon{
width: 20px;
aspect-ratio: 1/1;
} .h_img_wrap {
position: relative;
background: url(//hokkaido-limo.com/wp-content/nl-css/img/header.png) center left / cover no-repeat;
background: image-set(url(//hokkaido-limo.com/wp-content/nl-css/img/header.png) 1x center left / cover, url(//hokkaido-limo.com/wp-content/nl-css/img/retina/header2x.png) 2x center left / cover );
background: -webkit-image-set((url(//hokkaido-limo.com/wp-content/nl-css/img/header.png) 1x center left / cover, url(//hokkaido-limo.com/wp-content/nl-css/img/retina/header2x.png) 2x center left / cover));
height: 100vh;
}
body:not(.home):not(.page-template-ja):not(.page-template-thanks):not(.page-template-confirm ):not(.page-template-confirm-ja) .h_img_wrap {
padding-top: 200px;
padding-bottom: 100px;
padding-left: 20px;
padding-right: 20px;
text-align: center;
height: clamp(250px,50vw,500px);
}
body.page-template-thanks .h_img_wrap {
height: 0px;
}
body.page-template-confirm .h_img_wrap {
height: 0px;
}
body.page-template-confirm-ja .h_img_wrap {
height: 0px;
}
body.page-template-thanks .h_nav_wrap {
background: var(--f_color);
}
body.page-template-confirm .h_nav_wrap {
background: var(--f_color);
}
body.page-template-confirm-ja .h_nav_wrap {
background: var(--f_color);
}
body.page-template-company .h_img_wrap {
background: url(//hokkaido-limo.com/wp-content/nl-css/img/company-mv.jpg) center / cover no-repeat;
background: image-set(url(//hokkaido-limo.com/wp-content/nl-css/img/company-mv.jpg) 1x center / cover, url(//hokkaido-limo.com/wp-content/nl-css/img/retina/company-mv2x.jpg) 2x center / cover);
background: -webkit-image-set((url(//hokkaido-limo.com/wp-content/nl-css/img/company-mv.jpg) 1x center / cover, url(//hokkaido-limo.com/wp-content/nl-css/img/retina/company-mv2x.jpg) 2x center / cover));
}
body.page-template-company-ja .h_img_wrap {
background: url(//hokkaido-limo.com/wp-content/nl-css/img/company-mv.jpg) center / cover  no-repeat;
background: image-set(url(//hokkaido-limo.com/wp-content/nl-css/img/company-mv.jpg) 1x center / cover, url(//hokkaido-limo.com/wp-content/nl-css/img/retina/company-mv2x.jpg) 2x center / cover);
background: -webkit-image-set((url(//hokkaido-limo.com/wp-content/nl-css/img/company-mv.jpg) 1x center / cover, url(//hokkaido-limo.com/wp-content/nl-css/img/retina/company-mv2x.jpg) 2x center / cover));
}
body.page-template-policy .h_img_wrap {
background: url(//hokkaido-limo.com/wp-content/nl-css/img/policy-mv.jpg) center / cover no-repeat;
background: image-set(url(//hokkaido-limo.com/wp-content/nl-css/img/policy-mv.jpg) 1x center / cover, url(//hokkaido-limo.com/wp-content/nl-css/img/retina/policy-mv2x.jpg) 2x center / cover);
background: -webkit-image-set((url(//hokkaido-limo.com/wp-content/nl-css/img/policy-mv.jpg) 1x center / cover, url(//hokkaido-limo.com/wp-content/nl-css/img/retina/policy-mv2x.jpg) 2x center / cover));
}
body.page-template-policy-ja .h_img_wrap {
background: url(//hokkaido-limo.com/wp-content/nl-css/img/policy-mv.jpg) center / cover no-repeat;
background: image-set(url(//hokkaido-limo.com/wp-content/nl-css/img/policy-mv.jpg) 1x center / cover, url(//hokkaido-limo.com/wp-content/nl-css/img/retina/policy-mv2x.jpg) 2x center / cover);
background: -webkit-image-set((url(//hokkaido-limo.com/wp-content/nl-css/img/policy-mv.jpg) 1x center / cover, url(//hokkaido-limo.com/wp-content/nl-css/img/retina/policy-mv2x.jpg) 2x center / cover));
}
body.page-template-recruit-ja .h_img_wrap {
background: url(//hokkaido-limo.com/wp-content/nl-css/img/recruit-mv.jpg) center / cover no-repeat;
background: image-set(url(//hokkaido-limo.com/wp-content/nl-css/img/recruit-mv.jpg) 1x center / cover, url(//hokkaido-limo.com/wp-content/nl-css/img/retina/recruit-mv2x.jpg) 2x center / cover);
background: -webkit-image-set((url(//hokkaido-limo.com/wp-content/nl-css/img/recruit-mv.jpg) 1x center / cover, url(//hokkaido-limo.com/wp-content/nl-css/img/retina/recruit-mv2x.jpg) 2x center / cover));
}
body.error404 .h_img_wrap {
background: url(//hokkaido-limo.com/wp-content/nl-css/img/header.png) center / cover no-repeat;
background: image-set(url(//hokkaido-limo.com/wp-content/nl-css/img/header.png) 1x center / cover, url(//hokkaido-limo.com/wp-content/nl-css/img/retina/header2x.png) 2x center / cover);
background: -webkit-image-set((url(//hokkaido-limo.com/wp-content/nl-css/img/header.png) 1x center / cover, url(//hokkaido-limo.com/wp-content/nl-css/img/retina/header2x.png) 2x center / cover));
}
.copy_wrap{
width: 80%;
position: absolute;
top: 80%;
left: 43%;
transform: translate(-50%,-50%);
flex-direction: column;
gap: var(--m_ps5);
}
.copy_title{
width: 50%;
margin-right: 50px;
}
.copy{
width: 70%;
}
.copy p{
font: 900 clamp(19px,2vw,28px) var(--font_ja);
letter-spacing: 0.1em;
line-height: 1.8;
color:var(--w_color);
text-wrap: balance;
word-break: auto-phrase;
}
.copy_en p{
letter-spacing: 0.05em;
} .top_con01_inner {
justify-content: space-between;
}
.top_con01_txt {
width: 100%;
}
.top_con01_date_container{
width: 100%;
gap: var(--m_ps3);
justify-content: space-between;
}
.top_con01_date_wrap{
position: relative;
width: calc(100%/3 - 1vw);
padding: var(--m_ps5);
border-radius: 20px;
box-shadow: 0.3px 0.3px 2.2px rgba(0, 0, 0, 0.02), 0.7px 0.7px 5.3px rgba(0, 0, 0, 0.028), 1.3px 1.3px 10px rgba(0, 0, 0, 0.035), 2.2px 2.2px 17.9px rgba(0, 0, 0, 0.042), 4.2px 4.2px 33.4px rgba(0, 0, 0, 0.05), 10px 10px 80px rgba(0, 0, 0, 0.07);
padding-right: 0px;
padding-left: 20px;
}
.top_con01_date_img_wrap{
margin-bottom: var(--m_ps3);
min-height: 135px;
}
.top_con01_date_img {
width: 90%;
margin: auto 0 auto auto;
}
.top_con01_date_txt{
padding-right: var(--m_ps5);
padding-left: var(--m_ps3);
}
.top_con01_date_title{
font: 900 clamp(19px,3vw,27px) var(--font_ja);
letter-spacing: 0.1em;
margin-bottom: var(--m_ps3);
}
.top_con01_date_title_en{
letter-spacing: 0px;
}
.top_con01_date_item_title{
font: 400 clamp(16px,1vw,16px) var(--font_ja);
letter-spacing: 0.1em;
line-height: 1.5;
}
.top_con01_date_item_wrap{
align-items: baseline;
justify-content: space-between;
margin-bottom: 20px;
}
.top_con01_date_item{
font: 900 clamp(16px,1vw,19px) var(--font_ja);
letter-spacing: 0.1em;
line-height: 1.5;
text-align: end;
}
.top_con01_date_item_en{
letter-spacing: 0px;
}
.top_con01_date_item_title_en{
letter-spacing: 0px;
}
.top_con01_date_kind{
font: 400 clamp(16px,1vw,18px) var(--font_ja);
letter-spacing: 0.1em;
line-height: 1.5;
border-top: 1px solid var(--f_color);
padding-top: 20px;
text-align: end;
}
.other{
font: 400 13px var(--font_ja);
margin-left: 5px;
}
.other2{
font: 400 13px var(--font_ja);
margin-left: 3px;
}
.other3{
font: 400 13px var(--font_ja);
margin-left: 3px;
margin-right: 3px;
} .top_con02_img{
margin-bottom: var(--m_ps5);
}
.top_con02_txt_wrap{
min-height: 238px;
}
.top_con02_price_wrap{
align-items: baseline;
justify-content: space-between;
margin-bottom: var(--m_ps8);
}
.top_con02_price_txt{
font: 400 clamp(16px,3vw,19px) var(--font_ja);
line-height: 1.8;
margin-left: 20px;
}
.top_con02_price_txt li{
position: relative;
width: 100%;
margin-bottom: 10px;
margin-left: 20px;
letter-spacing: 0.1em;
}
.top_con02_price_txt_en li{
letter-spacing: 0.05em;
}
.top_con02_price_txt li:last-child{
margin-bottom: 0px;
}
.top_con02_price_txt li::before {
position: absolute;
top: 0px;
left: calc(-1 * clamp(20px,6vw,25px));
content: "■";
padding-right: 5px;
}
.top_con02_date_container{
justify-content: center;
flex-wrap: wrap;
gap: 20px;
}
.top_con02_date_wrap{
display: flex;
flex-direction: column;
justify-content: space-around;
padding-right: 50px;
padding-bottom: 50px;
padding: var(--m_ps5);
border-radius: 20px;
box-shadow: 0.3px 0.3px 2.2px rgba(0, 0, 0, 0.02), 0.7px 0.7px 5.3px rgba(0, 0, 0, 0.028), 1.3px 1.3px 10px rgba(0, 0, 0, 0.035), 2.2px 2.2px 17.9px rgba(0, 0, 0, 0.042), 4.2px 4.2px 33.4px rgba(0, 0, 0, 0.05), 10px 10px 80px rgba(0, 0, 0, 0.07);
min-height: clamp(420px,25vw,466px);
}
.top_con02_date_wrap_b{
display: none;
background: var(--w_color);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
.top_con02_date li{
margin-bottom: 30px;
}
.top_con02_date li:last-child{
margin-bottom: 10px;
}
.top_con02_date_list{
width: calc(100% / 3 - 1vw);
}
.top_con02_item{
align-items: center;
justify-content: space-between;
gap: 10px;
padding-bottom: 20px;
}
.top_con03_date_img_wrap{
width: 120px;
}
.top_con02_h4{
padding-bottom: 30px;
margin-bottom: var(--m_ps3);
border-bottom: 1px solid #000000db;
}
.top_con02_h4 h4{
font: 900 clamp(19px,3vw,23px) var(--font_ja);
letter-spacing: 0.1em;
text-align: center;
}
.top_con02_date_price_wrap{
display: flex;
align-items: baseline;
}
.top_con02_date_price{
font: 400 19px var(--font_ja);
letter-spacing: 0.1em;
}
.price_mark{
font: 400 13px var(--font_ja);
letter-spacing: 0.1em;
}
.tolls_txt{
font: 400 16px var(--font_ja);
letter-spacing: 0.05em;
text-align: end;
}
.tolls_plus{
font: 400 13px var(--font_ja);
letter-spacing: 0.1em;
margin-right: 3px;
} .top_con03_time_wrap{
justify-content: space-between;
align-items: center;
gap: 15px;
}
.top_con03_date_wrap{
padding-right: 50px;
padding-bottom: 50px;
padding: var(--m_ps5);
border-radius: 20px;
box-shadow: 0.3px 0.3px 2.2px rgba(0, 0, 0, 0.02), 0.7px 0.7px 5.3px rgba(0, 0, 0, 0.028), 1.3px 1.3px 10px rgba(0, 0, 0, 0.035), 2.2px 2.2px 17.9px rgba(0, 0, 0, 0.042), 4.2px 4.2px 33.4px rgba(0, 0, 0, 0.05), 10px 10px 80px rgba(0, 0, 0, 0.07);
}
.top_con03_item{
align-items: center;
justify-content: space-between;
gap: var(--m_ps5);
}
.top_con03_date li {
margin-bottom: 30px;
padding-bottom: 20px;
}
.top_con03_date li:last-child {
margin-bottom: 0px;
padding-bottom: 0px;
}
.top_con03_time_txt_wrap{
width: 50%;
}
.top_con03_time_txt{
margin-left: 20px;
letter-spacing: 0.05em;
}
.top_con03_time_txt li{
position: relative;
font: 400 clamp(16px,3vw,19px) var(--font_ja);
line-height: 1.8;
margin-bottom: 10px;
text-wrap: balance;
word-break: auto-phrase;
margin-left: 20px;
letter-spacing: 0.1em;
}
.top_con03_time_txt_en li{
letter-spacing: 0.05em;
}
.top_con03_time_txt li:last-child{
margin-bottom: 0px;
}
.top_con03_time_txt li::before{
position: absolute;
top: 0px;
left: calc(-1 * clamp(20px,6vw,25px));
content: "■";
padding-right: 5px;
}
.anotation{
font: 400 13px var(--font_ja);
line-height: 2;
}
.anotation::before{
content: "※";
padding-right: 5px;
}
.anotation_b{
font: 400 13px var(--font_ja);
margin-left: 20px;
}
.hourly_carname{
min-width: 160px;
font-weight: bold;
} .top_con03_h2{
padding-left: var(--main_mp);
}
.top_con03_crew_wrap{
align-items: center;
}
.top_con03_crew_inner{
width: 50%;
padding-left: var(--main_mp);
padding-right: var(--main_mp);
}
.top_con03_crew_img_wrap{
width: 50%;
}
.top_con03_crew_txt{
font: 400 clamp(16px,3vw,19px) var(--font_ja);
line-height: 1.7;
letter-spacing: 0.1em;
}
.top_con03_crew_txt_en{
letter-spacing: 0.05em;
}
.top_con03_vehicles_wrap{
align-items: center;
} .new_wrap {
border-top: none;
background: #fff;
position: relative;
padding-left: var(--main_mp);
padding-right: var(--main_mp);
}
.new_inner {
position: relative;  }
time {
font: 17px/1 var(--font_en);
display: block;
letter-spacing: 0.1vw;
margin-right: 10px;
}
.new_list {
margin-bottom: var(--m_ps5);
}
.new_list li {
border-radius: 20px;
box-shadow: 0.3px 0.3px 2.2px rgba(0, 0, 0, 0.02), 0.7px 0.7px 5.3px rgba(0, 0, 0, 0.028), 1.3px 1.3px 10px rgba(0, 0, 0, 0.035), 2.2px 2.2px 17.9px rgba(0, 0, 0, 0.042), 4.2px 4.2px 33.4px rgba(0, 0, 0, 0.05), 10px 10px 80px rgba(0, 0, 0, 0.07);
}
.new_list li:last-child {
margin-bottom: 0;
}
.new_item_date {
display: block;
align-items: center; padding: clamp(30px,6vw,40px);
}
.new_item_date > div.flex {
align-items: center;
}
.new_item_cat {
color: var(--f_color);
line-height: 1;
padding: 5px 0px;
font-size: 12px;
border-radius: 3px;
}
.new_item_ttl {
color: var(--h_color);
font-weight: bold;
}
.new_item_ttl a{
color: var(--f_color);
text-decoration: none;
transition: all var(--tr);
}
.new_item_ttl a:hover{
opacity: 0.7;
}
.news_txt {
margin-top: 20px;
display: none;
}
.news_txt p {
margin-bottom: 30px;
}
.news_thumbnail {
max-width: 146.67px;
width: 100%;
margin-right: 15px;
}
.new_item_cat a{
text-decoration: none;
color: var(--f_color);
font: 400 14px var(--font_ja);
letter-spacing: 0.1em;
transition: all var(--tr);
padding: 3px 10px;
border: 1px solid var(--f_color);
border-radius: 3px;
}
.new_item_cat a:hover{
opacity: 0.7;
}
.new_item_date::before {
top: 18px;
right: 15px;
transform: rotate(0deg);
}
.new_item_date::after {
top: 18px;
right: 15px;
transform: rotate(90deg);
}
.new_item_date.is-close::before {
transform: rotate(45deg);
}
.new_item_date.is-close::after {
transform: rotate(-45deg);
} .new_copy_wrap{
display: none;
}
.new_wrap {
border-top: none;
background:var(--w_color);
position: relative;
}
.new_inner {
position: relative;
}
time {
font: 17px/1 var(--font_en);
display: block;
letter-spacing: 0.1vw;
margin-right: 10px;
color: var(--g_color);
}
.new_list {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: var(--m_ps3);
}
.blog_info{
align-items: center;
}
.new_item{
flex-direction: column;
}
.new_item_date {
display: block;
align-items: center;
}
.new_item_date > div.flex {
align-items: center;
}
.new_item_cat a{
border: 1px solid var(--g_color);
line-height: 1;
padding: 5px 10px;
font:400 12px var(--font_ja);
border-radius: 3px;
color: var(--f_color);
}
.new_item_cat a{
color: var(--g_color);
text-decoration: none;
}
.new_item_cat a:hover{
background: var(--g_color);
color: var(--w_color);
transition: var(--tr);
}
.news_txt {
margin-top: 20px;
display: none;
}
.news_txt p {
margin-bottom: 30px;
}
.news_thumbnail {
max-width: 146.67px;
width: 100%;
margin-right: 15px;
}
.new_item{
width: clamp(200px,21vw,400px);
}
.new_photo img{
aspect-ratio: 3/2;
object-fit: cover;
height: auto;
width: 100%;
border-radius: 20px 20px 0px 0px;
}
.new_h2 .data_text::before {
position: absolute;
top: 0px;
left: 0px;
content: '';
height: 10px;
width: 100%;
background: var(--f_color);
} .new_item_date::before {
top: 18px;
right: 15px;
transform: rotate(0deg);
}
.new_item_date::after {
top: 18px;
right: 15px;
transform: rotate(90deg);
}
.new_item_date.is-close::before {
transform: rotate(45deg);
}
.new_item_date.is-close::after {
transform: rotate(-45deg);
} .top_sns_wrap {
display: block;
}
.top_sns_ig .top_h2 h2:after {
margin-left: auto;
margin-right: auto;
}
.top_sns_wrap > div {
width: 100%;
}
.top_sns_ig {
}
.insta_img_list {
flex-wrap: wrap;
justify-content: space-between;
position: relative;
}
.insta_img_list:before {
content: "";
order: 2;
width: calc(100% / 5 - 5px);
}
.insta_img_list:after {
content: "";
width: calc(100% / 5 - 5px);
}
.insta_img_list .item {
position: relative;
z-index: 0;
width: calc(100% / 5 - 5px);
overflow: hidden;
margin-bottom: 10px;
}
.insta_img_list .item a {
display: block;
position: relative;
aspect-ratio: 1/1;
}
.insta_img_list .item img {
display: block;
object-fit: cover;
width: 100%;
height: 100%;
} .breadcrumbsinner {
width: 100%;
padding: 30px 50px;
background: #e5e5e5; }
.breadcrumbs {
width: 100%;
font-size: 0.875rem;
line-height: 1.5;
background: none;
position: relative;
}
.breadcrumbs_icon{
width: 14px;
max-width: 14px;
margin-right: 3px;
}
.breadcrumbs a,
.breadcrumbs span {
font-size: 13px;
color: var(--f_color);
font-family: var(--font_ja);
letter-spacing: 0.15em;
}
.breadcrumbs:before { font: 100% "Font Awesome 6 free";
font-weight: bold;
}
.breadcrumbs span:last-child a {
pointer-events: none;
text-decoration: none;
}
.breadcrumbsinner_ja a,.breadcrumbsinner_ja span{
font-size: 13px;
color: var(--f_color);
font-family: var(--font_ja);
letter-spacing: 0.15em;
}
.breadcrumbsinner_ja_arrow{
margin-left: 5px;
margin-right: 5px;
} .company_wrap {
}
.company_inner dl {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
box-shadow: 0.3px 0.3px 2.2px rgba(0, 0, 0, 0.02), 0.7px 0.7px 5.3px rgba(0, 0, 0, 0.028), 1.3px 1.3px 10px rgba(0, 0, 0, 0.035), 2.2px 2.2px 17.9px rgba(0, 0, 0, 0.042), 4.2px 4.2px 33.4px rgba(0, 0, 0, 0.05), 10px 10px 80px rgba(0, 0, 0, 0.07);
border-radius: 20px;
padding: var(--m_ps5);
}
.company_inner dt {
float: left;
width: 33.27%;
padding: 23px 0;
font: 900 16px var(--font_ja);
line-height: 1.7;
text-wrap: balance;
word-break: auto-phrase;
letter-spacing: 0.05em;
}
.company_inner dt::before{
content: "(";
margin-right: 3px;
}
.company_inner dt::after{
content: ")";
margin-left: 3px;
}
.company_inner dd {
float: left;
padding: 23px 0;
width: 60%;
font: 400 16px var(--font_ja);
line-height: 1.7;
letter-spacing: 0.05em;
}
.company_googlemap iframe {
width: 100%;
border: none;
height: 450px;
}
.company_txt_title::before{
content: "【";
padding-right: 5px;
}
.company_txt_title::after{
content: "】";
padding-left: 5px;
}
.company_txt{
margin-left: 20px;
margin-bottom: 10px;
}
.company_policy_title::before{
content: "[";
padding-right: 5px;
}
.company_policy_title::after{
content: "]";
padding-right: 5px;
}
.company_policy_wrap{
margin-left: 20px;
margin-bottom: 10px;
}
.company_policy_wrap li{
position: relative;
margin-left: 20px;
}
.company_policy_wrap li::before{
position: absolute;
top: 0px;
left: -20px;
content: "■";
padding-right: 5px;
}
.list_wrap li{
position: relative;
margin-left: 20px;
}
.list_wrap li::before{
position: absolute;
top: 0px;
left: -20px;
content: "■";
padding-right: 5px;
}
.list{
margin: 0 auto;
}
.list a{
display: grid;
place-items: center;
color: var(--g_color);
text-decoration: none;
margin: 0 auto;
text-align: center;
padding: 10px;
font-size: clamp(16px, 3vw, 24px);
font-family: var(--font_ja);
font-weight: 400;
letter-spacing: 0.1em;
border-bottom: 2px solid var(--g_color);
} .recruit_date_title {
float: left;
width: 27.27%;
padding: 23px 0;
border-bottom: 1px solid #ddd;
font: 400 16px var(--font_ja);
}
.recruit_date {
float: left;
padding: 23px 0;
width: 72.73%;
border-bottom: 1px solid #ddd;
font: 400 16px var(--font_ja);
line-height: 1.7;
} .blog_wrap {
margin: 0 auto;
}
.blog_inner,
.single_inner,
.search_inner {
order: 2;
width: calc(100% - 250px);
}
.my_result_count {
margin: 0 0 20px;
}
.blog_inner li {
margin-bottom: 50px;
}
.blog_photo img {
object-fit: cover;
height: auto;
width: 100%;
aspect-ratio: 16/9;
border-radius: 20px 20px 0px 0px;
}
.blog_text { padding: clamp(20px,4vw,50px);
}
.blog_title { text-align: left;
}
.blog_title a {
font-size: 16px;
color: var(--f_color);
text-decoration: none;
}
.post-categories li {
margin: 0 5px 5px 0;
}
.blog_clock time {
color: #999;
font-size: 0.8125rem;
}
.post-categories {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
align-items: center;
}
.post-categories li a {
background: var(--m_color);
display: inline-block;
padding: 3px 10px;
font-size: 0.8125rem;
color: #fff;
text-decoration: none;
}
.post-categories li a:hover {
background: #f9f9f4;
color: var(--m_color);
}
.post-categories li a:hover:before {
color: var(--m_color);
}
.post-categories li a:before {
content: "\f07c";
font: 100%/1 "font awesome 6 free";
color: #fff;
display: inline-block;
margin: 0 2px 0 0;
}
.share_sns_container {
margin: 0 0 0 auto;
}
.share_sns_container li :before {
font-size: 1.875rem;
display: block;
margin: 0 10px 0 0;
}
.share_sns_container li:nth-of-type(1) :before {
color: #3f51b5;
}
.share_sns_container li:nth-of-type(2) :before {
color: #222;
}
.share_sns_container li:nth-of-type(3) :before {
color: #4caf50;
}
.article_top {
margin: 0 0 30px;
align-items: center;
}
.search_txt{
display: inline-block;
margin-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
}
.search-submit{
position: absolute;
top: 8px;
right:10px;
background: transparent;
}
.searchsubmit_icon{
display: none;
position: absolute;
top: 15px;
right:10px;
}
.article_main a{
color: var(--a_color);
}
.search_ttl{
font: 900 16px var(--font_ja);
color: var(--w_color);
} .article_main h2 {
margin: 30px 0 20px 0;
background: #000000;
padding: 10px 20px;
font-size: 25px;
color: #ffffff;
text-align: left;
}
.article_main h3 {
margin: 30px 0 20px 0;
font-weight: bold;
font-size: 1.4375rem;
border-bottom: 1px solid #333;
padding: 0 0 5px;
}
.article_main h3:after {
content: none;
}
.article_main h3:before {
content: none;
}
.article_main h4 {
margin: 30px 0 20px 0;
font-weight: bold;
font-size: 1.25rem;
}
.article_main h5 {
margin: 30px 0 20px 0;
font-weight: bold;
}
.box2,
.box1,
.box4,
.txt_solid_bl,
.txt_solid_rd,
.txt_dot_bk,
.txt_dot_gr,
.txt_dot_pk {
display: inline-block;
}
.box5 {
position: relative;
display: inline-block;
margin: 1.5em 0;
padding: 7px 10px;
min-width: 120px;
max-width: 100%;
color: #555;
font-size: 16px;
background: #ffdd40;
}
.box5:before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -15px;
border: 15px solid transparent;
border-top: 15px solid #ffdd40;
}
.box6 {
position: relative;
display: inline-block;
margin: 1.5em 0;
padding: 7px 10px;
min-width: 120px;
max-width: 100%;
color: #555;
font-size: 16px;
background: #ffdd40;
}
.box6:before {
content: "";
position: absolute;
top: -30px;
left: 50%;
margin-left: -15px;
border: 15px solid transparent;
border-bottom: 15px solid #ffdd40;
}
.text_anime01 {
-webkit-animation: blink 0.5s ease-in-out infinite alternate;
-moz-animation: blink 0.5s ease-in-out infinite alternate;
animation: blink 0.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes blink {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes blink {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.article_main .post_thumbnail_container img {
display: block;
margin: 0 auto 30px;
}
.post_thumbnail_container{
width: 100%;
}
.article_main img {
display: block;
height: auto;
object-fit: cover;
margin-top: 30px;
margin-bottom: 30px;
}
.article_main .wp-caption {
width: min(310px, 100%) !important;
}
.article_main .wp-caption img {
margin-bottom: 15px;
}
.article_main a {
}
.article_main p {
font: 400 16px var(--font_ja);
margin: 0 0 25px;
line-height: 1.8;
letter-spacing: 0.1em;
}
.article_main strong {
background: linear-gradient(transparent 60%, #ffff66 60%);
font-weight: bold;
}
.article_main table {
margin: 0 0 25px;
border-top: 1px solid var(--b_color);
border-right: 1px solid var(--b_color);
}
.article_main table th {
background: #e6f7f5;
font-weight: bold;
border-left: 1px solid var(--b_color);
border-bottom: 1px solid var(--b_color);
padding: 10px 20px;
}
.article_main table td {
border-left: 1px solid var(--b_color);
padding: 10px 20px;
border-bottom: 1px solid var(--b_color);
font-size: 15px;
}
.article_main ul {
padding: 20px 20px 20px 30px;
border-top: solid 1px #ddd;
border-bottom: solid 1px #ddd;
margin: 0 0 30px;
}
.article_main ul li {
position: relative;
padding: 0.5em 0.5em 0.5em 30px;
line-height: 1.5em;
}
.article_main ul li:before {
position: absolute;
content: "";
display: inline-block;
background: #333;
border-radius: 50%;
left: 0;
width: 10px;
height: 10px;
line-height: 25px;
text-align: center;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.article_main ol {
border: solid 1px #f9f9f4;
padding: 20px 20px 20px 50px;
position: relative;
background: #fafafa;
margin: 0 0 30px;
}
.article_main ol li {
line-height: 1.5;
padding: 0.5em 0;
list-style-type: none !important;
position: relative;
}
.article_main ol li:before {
font-family: "Font Awesome 6 Free";
content: "\f0da";
position: absolute;
font-weight: bold;
left: -18px;
color: gray;
}
.article_main dl {
}
.article_main dt {
background: #f9f9f4;
padding: 10px;
margin: 0 0 10px;
}
.article_main dd {
border-left: 1px solid #333;
padding: 0 0 0 10px;
margin: 0 0 25px;
line-height: 1.8;
} .single_pagenavi {
margin: 10vh 0;
}
.single_pagenavi .next { }
.single_pagenavi .prev a,
.single_pagenavi .next a {
background: var(--m_color);
display: block;
padding: 10px 30px;
color: #fff;
text-decoration: none;
}
.single_pagenavi :before {
color: #fff;
}
.single_pagenavi .prev a:hover,
.single_pagenavi .next a:hover {
background: #999;
}
.single_news_inner{
width: 100%;
} .outline {
border: 1px solid #ddd;
padding: 30px;
margin: 10px 0 30px;
display: inline-block;
font-size: 0.875rem;
max-width: 800px;
width: 100%;
line-height: 1.5em;
}
.outline__title {
font-size: 1rem;
font-weight: bold;
}
.outline__toggle {
display: none;
}
.outline__switch::before {
content: "開く";
cursor: pointer;
background: #fff;
border: solid 1px #eee;
padding: 5px 10px;
font-size: 0.8rem;
margin-left: 5px;
border-radius: 5px;
}
.outline__toggle:checked + .outline__switch::before {
content: "閉じる";
}
.outline__switch + .outline__list {
overflow: hidden;
width: 0;
height: 0;
margin: -20px 0;
transition: var(--tr);
border: none;
padding: 0;
}
.outline__toggle:checked + .outline__switch + .outline__list {
width: auto;
height: auto;
margin: 20px 0 0;
transition: var(--tr);
border-top: solid 1px #ddd;
padding: 17px 20px 0;
border-bottom: none;
background: none;
}
ul.outline__list li {
border: none;
margin: 0 0 0;
padding: 0.5em 0.5em 0.5em 15px;
}
ul.outline__list li:before {
content: "-";
width: 0;
height: 0;
line-height: 1.6;
top: 6px;
transform: translateY(0%);
-webkit-transform: translateY(0%);
}
ul.outline__list ul {
border: none !important;
margin: 0 !important;
padding: 0 0 0 1em !important;
background: none !important;
}
.outline__link {
position: relative;
color: #191919 !important;
}
span.outline__number {
display: none;
}
label.outline__switch {
position: relative;
float: right;
}
.outline ul {
-webkit-padding-start: 1.2em;
} .side_container {
margin: 0 var(--m_ps5) 0 0;
width:clamp(180px,17vw,250px);
}
.side_container > div {
margin: 0 0 30px;
}
.widget_title div {
color: #555;
letter-spacing: 0.08em;
border-bottom: 1px solid;
margin-bottom: 10px;
padding-bottom: 10px;
font: 900 clamp(20px, 1.5vw, 50px) var(--font_en);
}
.side_container li {
position: relative;
padding: 10px 0;
transition: var(--tr);
}
.side_container li:hover {
opacity: 0.7;
}
.side_container li a {
font-size: 0.8125rem;
text-decoration: none;
color: var(--f_color);
}
.side_container li a > div:nth-child(1) {
width: 70px;
height: auto;
}
.side_container li a > div:nth-child(2) {
width: calc(100% - 80px);
margin-left: auto;
} .widget_search {
position: relative;
}
.widget_search input {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-color: transparent;
background-image: none;
border: 1px solid rgba(0, 0, 0, 0.16);
color: inherit;
font-family: inherit;
font-size: 1em;
padding: 0.4em 0.8em;
outline: 0;
}
.widget_search input[type="text"] {
width: 100%;
}
.widget_search input[type="submit"] { cursor: pointer;
position: absolute;
top: 5px;
right: 0;
font-weight: bold;
font-family: "font awesome 6 free"; } .widget_my_recent_posts img {
width: 100%;
object-fit: cover;
aspect-ratio: 16/9;
height: auto;
}
.widget_my_recent_posts time {
font-size: 0.6875rem;
margin-bottom: 5px;
} .widget_archive li a,
.widget_categories li a {
display: block;
padding: 0 0 0 10px;
}
.widget_archive li:before,
.widget_categories li:before {
content: "-";
margin: 0 5px 0 0;
position: absolute;
left: 0;
top: 5px;
} .wp-pagenavi {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
}
.wp-pagenavi .page-numbers {
font: 400 16px var(--font_en);
padding: 10px 20px;
background: #e5e5e5;
color: var(--f_color);
text-decoration: none;
display: block;
margin-right: 10px;
}
.wp-pagenavi .current {
background: var(--m_color);
color: #fff;
}
.wp-pagenavi .page-numbers:hover {
opacity: 0.8;
} .works_wrap{
background: var(--w_color);
}
.works_container{
flex-direction: row-reverse;
justify-content: start;
}
.works_inner{
width: 100%;
flex-direction: row-reverse;
justify-content: space-between;
}
.works_wrapper{
width: 100%;
}
.works_content_wrap{
display: flex;
justify-content: start;
flex-wrap: wrap;
gap: var(--m_ps3);
margin-bottom: var(--m_ps5);
}
.works_content{
flex-direction: column;
}
.works_item{
width: calc(100%/2 - 15px);
border-radius: 20px;
box-shadow: 0.3px 0.3px 2.2px rgba(0, 0, 0, 0.02), 0.7px 0.7px 5.3px rgba(0, 0, 0, 0.028), 1.3px 1.3px 10px rgba(0, 0, 0, 0.035), 2.2px 2.2px 17.9px rgba(0, 0, 0, 0.042), 4.2px 4.2px 33.4px rgba(0, 0, 0, 0.05), 10px 10px 80px rgba(0, 0, 0, 0.07);
}
.works_photo img{
aspect-ratio: 3/2;
object-fit: cover;
}
.blog_info_wrap{
align-items: center;
margin-bottom: 20px;
}
.blog_info{
margin-bottom: 10px;
} .my_result_count {
text-align: end;
}
.blog_text {
flex: 1;
}
.blog_title {
margin: 0 0 10px;
text-align: left;
line-height: 1.5;
}
.blog_title a {
font:400 clamp(14px,1vw,18px) var(--font_ja);
letter-spacing: 0.1em;
}
.blog_title a:hover{
opacity: 0.7;
transition: var(--tr);
}
.blog_clock_wrap{
margin-left: 20px;
}
.blog_clock time {
color:#595959;
font:400 clamp(0.8125rem,1vw,17px) var(--font_en);
letter-spacing: 0.1em;
}
.widget_search input[type="submit"] {
border: none;
cursor: pointer;
position: absolute;
top: 2px;
right: 0;
font-weight: bold;
font-family: "font awesome 6 free";
}
.widget_search input[type="text"] {
width: 100%;
margin-bottom: 10px;
}
.widget_title{
border-bottom: 1px solid var(--f_color);
padding-bottom: 10px;
font: 400 16px  var(--font_en);
} .contact_txt{
font: 400 16px var(--font_ja);
line-height: 1.5;
}
.contact_info {
text-align: center;
background: #f9f9f4;
margin: 0 auto 5vw;
}
.contact_info a {
text-decoration: none;
color: var(--m_color);
margin: 0 0 5px;
width: 100%;
cursor: pointer;
padding: 40px 20px;
}
.contact_info a img {
margin-right: 10px;
display: block;
width: max(30px, 3vw);
}
.contact_info_tel_wrap {
gap: 5px;
align-items: baseline;
color: var(--m_color);
font:900 clamp(32px, 3vw, 70px) / 1 var(--font_en);
letter-spacing: 0.05em;
margin-bottom: var(--m_ps3);
}
.contact_info_time{
font: 400 clamp(16px, 3vw, 18px) / 1 var(--font_ja);
color: var(--f_color);
letter-spacing: 0.05em;
}
.contact_info a:hover {
opacity: 0.7;
} legend{
width: 100%;
}
body.page-template-confirm .wpcf7_right{
padding: min(25px, 3vw) 0px;
}
.wpcf7_right_span_left{
display: block;
width: 27.27%;
margin-left: 1rem;
}
.wpcf7_right_span_left_ja{
display: block;
width: 27.27%;
margin-left: 1rem;
}
.wpcf7_right_span_right{
display: block;
}
.wpcf7_right_span{
display: block;
margin-bottom: 25px;
}
.wpcf7_right_other span input{
margin-top: 10px;
}
.wpcf7-select{
margin-right: 10px;
background: #f3f3f3;
padding: 8px;
}
.wpcf7-select:nth-of-type(2){
margin-left: 10px;
}
.wpcf7 {
}
.wpcf7-list-item-label {
margin-left: 5px;
letter-spacing: 0.05em;
text-wrap: wrap;
word-break: normal;
}
body:not(.page-template-confirm) .wpcf7-form_form { padding: min(80px,8vw);
box-shadow: 0.3px 0.3px 2.2px rgba(0, 0, 0, 0.02), 0.7px 0.7px 5.3px rgba(0, 0, 0, 0.028), 1.3px 1.3px 10px rgba(0, 0, 0, 0.035), 2.2px 2.2px 17.9px rgba(0, 0, 0, 0.042), 4.2px 4.2px 33.4px rgba(0, 0, 0, 0.05), 10px 10px 80px rgba(0, 0, 0, 0.07);
border-radius: 20px;
}
body.page-confirm .wpcf7-form_form { padding: 0;
box-shadow: none;
border-radius: 0;
}
.wpcf7_left {
display: block;
width: 100%;
padding: min(25px,3vw) 0px;
list-style: none;
border-left: none;
font: 900 16px var(--font_ja);
letter-spacing: 0.05em;
line-height: 1.5;
text-align: start;
}
form.wpcf7-form .required:after {
content: "※";
color: var(--f_color); } .wpcf7_right {
display: block;
width: 100%;
border-left: none;
}
.wpcf7_checkbox_title {
max-width: 200px;
width: 100%;
border: 1px solid #ddd;
border-bottom: none;
background: #f3f3f3;
}
span.wpcf7-list-item {
position: relative;
display: block !important;
text-align: start;
letter-spacing: 0.05em;
margin-bottom: 10px;
margin-left: 20px;
}
.wpcf7-list-item_first_input input {
width: auto !important;
}
span.wpcf7-list-item input {
position: absolute;
top: 50%;
left: -20px;
transform: translateY(-50%);
width: auto !important;
margin-bottom: 10px;
}
.wpcf7-validation-errors,
.wpcf7-acceptance-missing {
border: 2px solid #e94e43 !important;
font-size: 14px;
color: #e94e43;
margin: 30px 0;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border: 2px solid #e94e43 !important;
font-size: 14px;
color: #e94e43;
}
@media all and (-ms-high-contrast: none) {
span.wpcf7-list-item input {
margin: 0 5px 0 0;
}
}
.form_privacy span.wpcf7-list-item input {
margin: 0 5px 4px 0;
}
.wpcf7_container #info2 {
margin: 10px 0 0;
}
.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap textarea {
border: 1px solid rgba(0, 0, 0, 0.1);
border: none;
padding: 8px;
width: 100%;
font-size: 100%;
background: #f3f3f3;
outline: none;
margin-bottom: 25px;
}
.wpcf7-checkbox input,
.wpcf7-checkbox label span {
position: relative;
cursor: pointer;
}
.form_privacy_company{
margin-top: 20px;
}
.form_privacy {
margin: 30px 0;
display: flex;
justify-content: center;
text-align: center;
font-size: clamp(0.75rem,1vw,0.8rem);
}
.wpcf7c-elm-step2 {
text-align: center;
letter-spacing: 0.05em;
}
.wpcf7_container {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
input::placeholder {
color: #ddd;
}
input::-moz-input-placeholder {
color: #ddd;
}
input::-ms-input-placeholder {
color: #ddd;
}
textarea::placeholder {
color: #ddd;
}
textarea::-ms-placeholder {
color: #ddd;
}
textarea::-moz-placeholder {
color: #ddd;
} input[type="submit"],
input[type="button"] {
border-radius: 0;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
appearance: button;
border: none;
box-sizing: border-box;
cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
outline-offset: -2px;
}
.wpcf7-form div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
border: 2px solid #e94e43;
font-size: 14px;
color: #e94e43;
margin: 30px 0;
}
.wpcf7-form span.wpcf7-not-valid-tip {
font-size: 14px;
color: #e94e43;
} .wpcf7c_submit {
text-align: center;
}
body.page-template-confirm .wpcf7c_submit{
display: flex;
justify-content: center;
gap: 30px;
}
.wpcf7c_submit input {
outline: none;
max-width: 250px;
width: 100%;
margin: 15px auto 0;
display: block;
color: #fff;
font: 700 16px var(--font_en);
z-index: 0;
border: none;
padding: 15px;
letter-spacing: 0.18em;
}
body.page-template-confirm .wpcf7c_submit input{
margin: 0px;
}
.wpcf7c_submit input[type="submit"] {
text-align: center;
background: #000000dc;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
.wpcf7c_submit input[type="submit"]:hover,
.wpcf7c_submit input[type="button"]:hover {
opacity: 0.8;
transition: all var(--tr);
}
.wpcf7c_submit input[type="button"] {
background: none;
border: 1px solid;
color: var(--m_color);
} .readme {
width: 78%;
height: 200px;
margin: 40px auto 10px;
overflow-y: scroll;
padding: 10px 20px;
border: 1px solid #dadada;
font-size: 0.8125rem;
}
.readme dl {
margin: 20px 0 0;
}
.readme dt {
font-weight: bold;
}
.readme dd {
margin-left:15px;
}
.readme ol li {
margin: 0 0 0 40px;
list-style: decimal-leading-zero;
}
.policy_date_wrap{
font-size: 16px;
background: var(--w_color);
box-shadow: 0.3px 0.3px 2.2px rgba(0, 0, 0, 0.02), 0.7px 0.7px 5.3px rgba(0, 0, 0, 0.028), 1.3px 1.3px 10px rgba(0, 0, 0, 0.035), 2.2px 2.2px 17.9px rgba(0, 0, 0, 0.042), 4.2px 4.2px 33.4px rgba(0, 0, 0, 0.05), 10px 10px 80px rgba(0, 0, 0, 0.07);
border-radius: 20px;
padding: var(--m_ps5);
}
.policy_date_wrap dl {
margin: 20px 0 0;
}
.policy_date_wrap dt {
font-weight: bold;
letter-spacing: 0.05em;
}
.policy_date_wrap dd {
margin-left:15px;
letter-spacing: 0.05em;
}
.policy_date_wrap  ol li {
margin: 0 0 0 40px;
list-style: decimal-leading-zero;
} #wpcf7cpcnf table {
border: none;
width: 100%;
}
#wpcf7cpcnf table tr { }
#wpcf7cpcnf table th { color: #202020;
text-align: left;
width: 25%;
padding: 10px 15px;
}
div#wpcf7cpcnf{
z-index: 1;
}
#wpcf7-f2195-o1 div#wpcf7cpcnf,#wpcf7-f26-o1 div#wpcf7cpcnf{
background-color: var(--w_color);
padding: var(--m_ps5);
border-radius: 20px;
box-shadow: 0.3px 0.3px 2.2px rgba(0, 0, 0, 0.02), 0.7px 0.7px 5.3px rgba(0, 0, 0, 0.028), 1.3px 1.3px 10px rgba(0, 0, 0, 0.035), 2.2px 2.2px 17.9px rgba(0, 0, 0, 0.042), 4.2px 4.2px 33.4px rgba(0, 0, 0, 0.05), 10px 10px 80px rgba(0, 0, 0, 0.07);
z-index: 2;
}
#wpcf7-f20-o1 div#wpcf7cpcnf,#wpcf7-f26-o1 div#wpcf7cpcnf{
background-color: var(--w_color);
padding: var(--m_ps5);
border-radius: 20px;
box-shadow: 0.3px 0.3px 2.2px rgba(0, 0, 0, 0.02), 0.7px 0.7px 5.3px rgba(0, 0, 0, 0.028), 1.3px 1.3px 10px rgba(0, 0, 0, 0.035), 2.2px 2.2px 17.9px rgba(0, 0, 0, 0.042), 4.2px 4.2px 33.4px rgba(0, 0, 0, 0.05), 10px 10px 80px rgba(0, 0, 0, 0.07);
z-index: 2;
}
#wpcf7-f858-o1 div#wpcf7cpcnf,#wpcf7-f26-o1 div#wpcf7cpcnf{
background-color: var(--w_color);
padding: var(--m_ps5);
border-radius: 20px;
box-shadow: 0.3px 0.3px 2.2px rgba(0, 0, 0, 0.02), 0.7px 0.7px 5.3px rgba(0, 0, 0, 0.028), 1.3px 1.3px 10px rgba(0, 0, 0, 0.035), 2.2px 2.2px 17.9px rgba(0, 0, 0, 0.042), 4.2px 4.2px 33.4px rgba(0, 0, 0, 0.05), 10px 10px 80px rgba(0, 0, 0, 0.07);
z-index: 2;
}
#wpcf7-f5-o1 div#wpcf7cpcnf,#wpcf7-f26-o1 div#wpcf7cpcnf{
background-color: var(--w_color);
padding: var(--m_ps5);
border-radius: 20px;
box-shadow: 0.3px 0.3px 2.2px rgba(0, 0, 0, 0.02), 0.7px 0.7px 5.3px rgba(0, 0, 0, 0.028), 1.3px 1.3px 10px rgba(0, 0, 0, 0.035), 2.2px 2.2px 17.9px rgba(0, 0, 0, 0.042), 4.2px 4.2px 33.4px rgba(0, 0, 0, 0.05), 10px 10px 80px rgba(0, 0, 0, 0.07);
z-index: 2;
}
.wpcf7-acceptance-as-validation{
background-color: var(--w_color); border-radius: 20px; z-index: 2;
}
#wpcf7cpcnf table th p {
color: #202020;
font: 900 clamp(17px,1vw,19px) var(--font_ja);
letter-spacing: 0.05em;
line-height: 1.7;
}
#wpcf7cpcnf table td {
background: #fff;
width: 75%;
padding: 5px 15px;
font: 400 clamp(16px,1vw,19px) var(--font_ja);
letter-spacing: 0.05em;
line-height: 1.7;
text-wrap: balance;
word-break: auto-phrase;
}
.wpcf7cp-btns {
text-align: center;
}
.wpcf7cp-btns button {
padding: 15px 20px;
font-weight: bold;
cursor: pointer;
}
.wpcf7cp-cfm-edit-btn {
background: #ddd;
color: #202020;
border: none;
font-size: 16px;
}
.wpcf7cp-cfm-submit-btn {
background: #555;
color: #fff;
border: none;
font-size: 16px;
}  .grecaptcha-badge {
bottom: 80px !important;
z-index: 5; } .thanks_tel {
width: fit-content;
margin-left: auto;
margin-right: auto;
margin-bottom: var(--m_ps5);
}
.thanks_tel a {
font: clamp(27px, 4vw, 60px) var(--font_en);
text-decoration: none;
color: var(--f_color);
}
.thanks_tel a i {
font-size: clamp(23px, 4vw, 45px);
margin-right: 10px;
}
.thanks_h2{
text-align: center;
}
.thanks_h2 h2:after {
content: "";
background: var(--f_color);
width: 50px;
height: 2px;
display: block;
border-radius: 10px;
margin-top: 30px;
margin: 0 auto;
}
.thanks_txt{
margin-bottom: var(--m_ps5);
font: 400 16px var(--font_ja);
line-height: 1.7;
}
.thanks_tel{
display: flex;
place-items: center;
color: var(--a_color);
text-align: center;
text-decoration: none;
font: 400 16px var(--font_ja);
}
.thanks_tel::before{
font-family: "Font Awesome 6 Free";
font-weight: bold;
content: "\f879";
display: inline-block;
margin: 0 10px 0 0;
}
.thanks_img{
display: grid;
place-items: center;
width: clamp(200px, 14vw, 270px);
max-width: clamp(200px, 14vw, 270px);
object-fit: cover;
margin: 0 auto;
margin-bottom: 50px;
}
.thanks_wrap{
margin-top: var(--main_mp);
}
.confirm_wrap{
margin-top: var(--main_mp);
}
.confirm_inner{
background: var(--w_color);
box-shadow: 0.3px 0.3px 2.2px rgba(0, 0, 0, 0.02), 0.7px 0.7px 5.3px rgba(0, 0, 0, 0.028), 1.3px 1.3px 10px rgba(0, 0, 0, 0.035), 2.2px 2.2px 17.9px rgba(0, 0, 0, 0.042), 4.2px 4.2px 33.4px rgba(0, 0, 0, 0.05), 10px 10px 80px rgba(0, 0, 0, 0.07);
border-radius: 20px; padding: min(80px, 8vw);
} .confirm_txt{
margin-top: var(--m_ps3);
margin-bottom: 30px;
}
.wpcf7-contact-form-not-found{
display: none;
}
.wpcf7 form.sent .wpcf7-response-output{ margin-bottom: 16px;
margin-top: 16px;
}
.confirm_back{
display: inline-block;
max-width: 250px;
width: 100%; background: #e3e4e5;
padding: 10px;
}         .hide {
visibility:hidden;
}
.none {
display: none;
}  .footer {
position: relative;
z-index: 0;
background: #000000dc;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
.footer_inner{ }
.footer_nav {
margin: 0 5% 0 0;
padding: 0 5% 0 0;
border-right: 1px solid #555;
}
.footer_nav a {
display: flex;
align-items: flex-start;
width: 100%;
text-decoration: none;
position: relative;
margin: 0 30px 0 0;
font-size: 0.8125rem;
color: #fff;
margin-bottom: 20px;
}
.footer_nav a:before {
font-family: "Font Awesome 6 Free";
font-weight: bold;
content: "\f105";
display: inline-block;
margin: 0 3px 0 0;
}
.footer_nav a:hover {
text-decoration: underline;
}
.footer_address {
text-align: center;
letter-spacing: 0.15em;
}
.footer_address .site_ttl {
padding: 0;
position: static;
background: none;
width: 60%;
margin: 0 auto;
}
.footer_address .site_ttl a {
margin: 0 auto;
} .footer_address_sns {
margin-top: 20px;
}
.footer_address_sns a {
width: 25px;
font-size: 25px;
display: inline-block;
}
.footer_address_sns i {
color: #ddd;
}
.footer_address_sns_icon{
width: 25px;
} .address_container {
text-align: center;
font-size: 0.8125rem;
margin: 30px 0 0;
color: #fff;
}
.address_container a {
color: #fff;
text-decoration: none;
}
.copyright {
text-align: center;
border: none;
color: #fff;
font-size: 0.6875rem;
border-top: 1px solid #474747;
padding: 35px 50px;
margin: 0;
}
.copyright p {
color: #fff;
}
.copyright a {
font-size: 0.875rem;
color: #fff;
} #page-top {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 6;
}
#page-top a {
display: block;
position: relative;
padding: 10px 12px;
background: var(--f_color);
width: 40px;
aspect-ratio: 1/1;
background: #000000dc;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
#page-top a::after {
content: "";
display: block;
width: 10px;
height: 10px;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
transform: translate(-50%, -50%) rotate(45deg);
position: absolute;
left: 50%;
top: 61%;
}
#page-top a:hover {
opacity: 0.7;
}  @media only screen and (min-width: 550px){
.br_sp{
display: none;
}
} @media only screen and (min-width: 820px){
.br_tb{
display: none;
}
}
@media only screen and (max-width: 550px){
.br_tb{
display: none;
}
} @media only screen and (max-width: 1024px){
.br_pc{
display: none;
}
.new_list{ gap: 20px;
}
.new_copy_wrap{
display: block;
height: 900px;
position: absolute;
bottom: -730px;
right: 10px;
}
.new_copy{
font: 400 30px var(--font_en);
transform-origin: top right;
transform: rotate(90deg);
color: var(--f_color);
font-style: italic;
}
} @media only screen and (max-width: 600px){
.br_pc_tb{
display: none;
}
} @media only screen and (min-width: 1024px){
.br_tb_sp{
display: none;
}
} @media only screen and (max-width: 1280px) {
:root{
--main_w: min(100%, 1240px);
}
.copy_wrap{
left: 44%;
}
.top_con01_date_container{
gap: 15px;
}
.top_con01_date_container{
flex-wrap: wrap;
}
.top_con01_date_wrap{
width: calc(100% / 2 - 1vw);
}
.top_con01_date_img_wrap{
min-height: auto;
}
.top_con02_date_container{
gap: 20px;
}
.top_con02_date_list{
width: calc(100% / 2 - 4vw);
}
.top_con02_date_wrap_b{
display: block;
}
.top_con03_crew_wrap{
align-items: start;
gap: 20px;
}
.top_con02_date_container{
gap: 15px;
}
.new_list{
justify-content: flex-end;
gap: 20px;
}
.new_item{
width: 100%;
flex-direction: row; }
.new_photo img{  aspect-ratio: 3/2;
object-fit: cover;
border-radius: 20px 0px 0px 20px;
}
.news_thumbnail {
max-width: 100%;
margin-right: 0;
margin-bottom: 10px;
}
.new_list li{
align-items: center;
}
}
@media only screen and (max-width: 1024px) {
.wrap {
background: none;
}
.top_con01_date_container{
flex-wrap: wrap;
}
.top_con01_date_wrap{
width: calc(100% / 2 - 1vw);
}
.top_con01_date_img_wrap{
min-height: auto;
}
.top_con02_date_container{
gap: 20px;
}
.top_con02_date_list{
width: calc(100% / 2 - 4vw);
}
.top_con03_crew_wrap{
align-items: start;
gap: 20px;
}
.top_con03_crew_inner{
padding-left: 50px;
padding-right: 50px;
}
}
@media only screen and (min-width: 821px) {
.pc_none {
display: none;
}
}
@media only screen and (max-width: 820px) {  .main_col {
margin-bottom: 80px;
}
.main_pa {
padding-top: 80px;
padding-bottom: 80px;
}
.sp_none {
display: none !important;
}
.main_wrap {
padding-top: 80px;
padding-bottom: 80px;
}
.m_a{
padding-left: 50px;
padding-right: 50px;
} .h_nav_wrap {
background: none;
padding: 20px 10px;
}
.h_nav_wrap.is-fixed{
padding: 5px 20px;
}
body:not(.home):not(.page-template-ja):not(.page-template-thanks):not(.page-template-confirm) .h_img_wrap{
padding-top:clamp(90px,10vw,200px);
padding-bottom: 80px;
height: clamp(250px, 37vw, 500px);
}
.h_img_wrap{
background: url(//hokkaido-limo.com/wp-content/nl-css/img/header-mb.png) center left / cover no-repeat;
background: image-set(url(//hokkaido-limo.com/wp-content/nl-css/img/header-mb.png) 1x center left / cover, url(//hokkaido-limo.com/wp-content/nl-css/img/retina/header-mb2x.png) 2x center left / cover );
background: -webkit-image-set((url(//hokkaido-limo.com/wp-content/nl-css/img/header-mb.png) 1x center left / cover, url(//hokkaido-limo.com/wp-content/nl-css/img/retina/header-mb2x.png) 2x center left / cover));
}
.copy_wrap{
flex-direction: column;
width: 100%;
top: 83%;
left: 53%;
gap: 20px;
} .h_nav_inner{
align-items: start;
}
.sp_h_nav_la_wrap a{
font: normal 16px var(--font_en);
text-decoration: none;
color: var(--w_color);
letter-spacing: 0.05em;
margin-right: 10px;
}
.h_nav_wrap.is-fixed .h_nav_inner{
align-items: center;
}
.h_nav_wrap.is-fixed .sp_h_nav_la_wrap{
margin-right: 40px;
}
.scroll-prevent {
overflow: hidden;
}
.overlay {
content: "";
display: block;
width: 0;
height: 0;
background-color: rgba(0, 0, 0, 0.5);
position: absolute;
top: 0;
left: 0;
z-index: 2;
opacity: 0;
transition: opacity var(--tr);
}
.overlay.open {
width: 100%;
height: 100%;
opacity: 1;
}
.menu-trigger {
display: inline-block;
width: 50px;
height: 45px;
vertical-align: middle;
cursor: pointer;
position: fixed;
top: 45px;
right: 10px;
z-index: 100;
transition: var(--tr);
}
.menu-trigger span {
display: inline-block;
box-sizing: border-box;
position: absolute;
left: 10px;
width: 30px;
height: 1px;
background-color: var(--w_color);
transition: var(--tr);
}
.h_nav_wrap.is-fixed .menu-trigger{
top: 10px;
}
.menu-trigger.active{
top: 20px;
}
.menu-trigger.active span {
background-color: var(--w_color) !important;
}
.menu-trigger span:nth-of-type(1) {
top: 13px;
width: 10px;
}
.menu-trigger.active span:nth-of-type(1) {
transform: translateY(12px) rotate(-45deg);
width: 30px;
}
.menu-trigger span:nth-of-type(2) {
top: 21px;
width: 20px;
}
.menu-trigger.active span:nth-of-type(2) {
opacity: 0;
}
.menu-trigger span:nth-of-type(3) {
bottom: 12px;
}
.menu-trigger.active span:nth-of-type(3) {
transform: translateY(-12px) rotate(45deg);
bottom: 6px;
}
.sp_h_nav_inner {
width: 100%;
height: 100vh;
padding: 75px 0;
background:var(--f_color);
position: fixed;
top: 0;
right: 0;
z-index: 8;
left: 100%;
transition: var(--tr);
overflow-y: auto;
}
nav.open .sp_h_nav_inner {
left: 0;
height: 100vh;
}
.sp_h_nav_inner ul {
height: auto;
margin: 0 0 20px;
}
.sp_h_nav_inner .sp_h_nav_list li {
margin: 0 0 15px;
}
.sp_h_nav_inner .sp_h_nav_list a {
text-align: left;
position: relative;
display: block;
text-decoration: none;
color: var(--w_color);
padding: 10px 20px;
font: 16px var(--font_en);
}
.sp_h_nav_inner .sp_h_nav_list li:last-child a {
display: inline-block;
background: #3b3b3b;
padding: 10px 20px;
color: #fff;
}
.sp_h_nav_inner .sp_h_nav_list li:last-child a:hover{
opacity: 0.7;
}
.sp_h_nav_inner .sp_h_nav_list_inner {
border-bottom: none;
}
.sp_h_nav_inner .sp_h_nav_list_inner li a {
padding: 10px 0 10px 60px;
color: #666;
}
.sp_h_nav_inner .sp_h_nav_list_inner li a:before {
content: "┗";
font-weight: normal;
left: 40px;
color: var(--f_color);
}
.sp_h_nav_inner li:last-child {
border: none;
margin: 10px 0 0 0;
}
.sp_h_nav_tel {
background: #3b3b3b;
text-align: center;
width: 50%;
}
.sp_h_nav_tel a {
text-decoration: none;
color: var(--w_color);
display: block;
letter-spacing: 0.4vw;
font: 900 16px/1 var(--font_en);
padding: 15px 10px;
}
.sp_h_nav_tel a:hover{
opacity: 0.7;
}
.sp_h_nav_tel img {
max-width: 40px;
}
.sp_h_nav_sns {
text-align: center;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
margin: 0 0 20px;
}
.sp_h_nav_sns a {
background:#3b3b3b;
width: 50px;
height: 50px;
display: inline-block;
text-align: center;
font-size: 16px;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
margin: 0 10px 0 0;
text-decoration: none;
}
.sp_h_nav_sns a:hover{
opacity: 0.7;
}
.sp_h_nav_sns a i {
color: var(--m_color);
}
.sp_h_nav_sns img {
max-width: 24px;
}
.sp_h_nav_inner_logo{
position: absolute;
bottom: 100px;
right: 20px;
width: 150px;
}   .new_wrap {
width: 100%;
padding-left: var(--m_ps5);
padding-right: var(--m_ps5);
}
.new_inner {
}
.new_inner:before {
font-size: 120px;
margin-right: 20px;
}
.new_photo{
height: 100%;
}
.new_photo img{
height: 100%;
} .txt_t_h3{
margin-right: 0px;
}
.top_con01_date_wrap{
width: 100%;
}
.top_con01_date_img {
width: 80%;
margin: auto 0 auto auto;
} .top_con02_price_txt{
width: 72%;
} .top_con02_h4{
margin-bottom: 0px;
}
.top_con03_time_wrap{
flex-direction: column;
gap: 30px;
align-items: center;
}
.top_con02_date_wrap{
padding: 30px;
}
.top_con02_date_list{
width: calc(100% / 1 - 20vw);
} .top_con03_time_txt_wrap{
width: 100%;
} .top_con03_h2{
padding-left: 50px;
} .top_con03_crew_wrap{
flex-direction: column-reverse;
}
.top_con03_vehicles_wrap{
flex-direction: column;
}
.top_con03_crew_inner{
width: 100%;
}
.top_con03_crew_img_wrap{
width: 100%;
margin-bottom: 30px;
} .company_inner dt{
width: 39.27%;
} .common_cta_btn_wrap{
width: 100%;
gap: 15px;
}
.common_cta_sns_wrap{
gap: 15px;
}
.common_cta_btn_wrap{
flex-direction: column;
} .wpcf7_right_span_left{
width: 51.27%;
}
.wpcf7_right_span_left_ja{
width: 51.27%;
}  .works_content{
width: clamp(250px,46vw,350px);
}
.blog_wrap,
.single_wrap {
display: block;
}
.blog_inner,
.single_inner,
.search_inner,
.side_container { }
.blog_inner {
margin: 0 0 50px;
}
.works_content{
width: 100%;
}
.works_item{
width: 100%;
}
.side_container {
margin: 0 30px 0 0;
}
.blog_text {
padding: clamp(20px,4vw,50px);
}
.blog_photo{
height: 100%;
}
.blog_photo img{
height: 100%;
}
.single_news_container {
flex-direction: column-reverse;
}
.blog_info_wrap{
margin-bottom: 10px;
} .new_wrap {
width: 100%;
}
.new_inner {
}
.new_inner:before {
font-size: 120px;
margin-right: 20px;
}
}
@media only screen and (max-width: 550px) { :root {
--main_mp: 80px;
--m_ps3: 20px;
--m_ps5: 30px;
--m_ps8: 50px;
} .main_col { }
.main_pa {  }
.main_wrap {  }
.m_a{
padding-left: 20px;
padding-right: 20px;
}
.sp_none2 {
display: none !important;
}
.pc_none2 {
display: block;
}
.h1,
body:not(.home):not(.single):not(.page-template-ja) h1 {
font-size: 23px;
padding: 0 30px;
}
body:not(.home):not(.page-template-ja) h1.singleh1 {
padding: 0;
font-size: 20px;
}
body:not(.home):not(.page-template-ja) h1:before {
font-size: 23px;
}
body:not(.home):not(.page-template-ja) h1::after {
left: 23px;
top: 14px;
}
h2:before {
font-size: 45px;
top: -70px;
}
.top_h2 h2 {
margin-bottom: 30px;
}
.top_h2 h2:after {
margin-top: 25px;
}
h3 {
font-size: 20px;
margin-bottom: 30px;
} .js-scrollable {
overflow: auto;
white-space: nowrap;
-ms-overflow-style: none;
scrollbar-width: none;
}
.js-scrollable::-webkit-scrollbar {
display: none;
}
.scroll-hint-icon {
height: 66px;
top: 10px;
width: 66px;
left: auto;
right: 10px;
background: #004bb1;
background: -moz-linear-gradient(45deg, #004bb1 0%, #0062c4 25%, #007bd7 45%, #0098ec 65%, #00beff 100%);
background: -webkit-linear-gradient(45deg, #004bb1 0%, #0062c4 25%, #007bd7 45%, #0098ec 65%, #00beff 100%);
background: linear-gradient(45deg, #004bb1 0%, #0062c4 25%, #007bd7 45%, #0098ec 65%, #00beff 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004bb1', endColorstr='#00beff', GradientType=1);
background: #2c3e57;
}
.scroll-hint-icon:before {
width: 25px;
height: 30px;
}
.scroll-hint-icon:after {
width: 30px;
height: 10px;
background-size: contain;
}
.scroll-hint-text {
font-size: 13px;
white-space: normal;
margin-top: 0;
} .wrap {
font-size: 15px;
} .header {
padding-top: 0;
}
.site_ttl a {
color: #fff;
}
.h_nav_wrap.is-fixed .site_ttl{
width: 56px;
}
body:not(.home) .h_nav_wrap .site_ttl{
width: 70px;
}
body:not(.home) .h_nav_wrap.is-fixed .site_ttl{
width: 56px;
}
.menu-trigger {
right: 10px;
}
.h_nav_wrap.is-fixed .menu-trigger{
top: 5px;
}
.copy_title{
width: 60%;
}
.copy{
width: 100%;
} .top_con01_inner {
display: block;
}
.top_con01_img {
width: 100%;
margin-bottom: 30px;
}
.top_con01_txt {
width: 100%;
}
.top_con01_date_container{
justify-content: center;
align-items: center;
}
.top_con01_date_wrap{
width: 100%;
}
.top_con01_date_img_wrap{
margin-bottom: 30px;
}
.top_con01_date_img {
width: 90%;
margin: auto 0 auto auto;
} .top_con02_img{
width: 150%;
}
.top_con02_price_wrap{
flex-direction: column;
gap: 0px;
}
.top_con02_price_txt{
width: 100%;
margin-left: 0px;
}
.top_con02_date_container{
justify-content: center;
}
.top_con02_date_list{
width: 100%;
} .top_con03_date_list{
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.top_con02_date li{
gap: 15px;
}
.top_con03_item{
flex-direction: column;
margin-bottom: 50px;
}
.hourly_carname{
min-width: auto;
} .top_con03_h2{
padding-left: 20px;
}
.top_con03_crew_wrap{
flex-direction: column-reverse;
gap: 0px;
margin-bottom: 50px;
}
.top_con03_vehicles_wrap{
flex-direction: column;
margin-bottom: 0px;
}
.top_con03_crew_inner{
width: 100%;
padding-left: 40px;
padding-right: 40px;
}
.top_con03_crew_img_wrap{
width: 100%;
margin-bottom: 30px;
} .common_cta_img_wrap{
width: 150%;
}
.common_cta_btn_wrap{
width: 100%;
}
.cta_title:after{
margin-top: 25px;
}
.common_cta_date_wrap img{
width: 6vw;
max-width: 6vw;
} .company_inner{
display: block;
width: 100%;
}
.company_inner dt{
padding: 0px;
width: 100%;
}
.company_inner dd{
display: block;
width: 100%;
padding: 20px 0 30px;
}
.company_txt{
margin-left: 0px;
} .new_inner:before {
font-size: 60px;
}
.news_thumbnail {
max-width: 100%;
margin-right: 0;
margin-bottom: 10px;
} .insta_img_list .item {
width: calc(100% / 2 - 5px);
margin-bottom: 5px;
} .wpcf7_right_span_left{
width: 47.27%;
}
.wpcf7_right_span_left_ja{
width: 62.27%;
}
.wpcf7 {
margin: 30px 0 0;
}
.wpcf7_container div.flex {
display: block;
}
.wpcf7_checkbox_title {
border: none;
}
.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap textarea {
font-size: 16px;
}
.wpcf7_left {
max-width: 100%;
border: none;
}
.wpcf7_right {
padding: 0;
border: none;
}
.readme {
width: 100%;
margin: 30px 0 10px;
height: 150px;
}
#wpcf7cpcnf table th{
display: block;
width: 100%;
padding: 30px 0px 16px;
}
#wpcf7cpcnf table td {
display: block;
width: 100%;
padding: 0px;
} .blog_text {
width: calc(100% - 130px);
margin: 0;
}
.blog_photo {
margin: 0 10px 0 0;
}
.post-categories li a {
font-size: 11px;
}
.article_top {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.cat_container + div {
padding: 6px 0 0 0;
}
.article_main p {
font-size: 16px;
}
.article_main h2 {
font-size: 18px;
}
.article_main h3 {
font-size: 18px;
} .outline {
padding: 20px;
}
.outline__toggle:checked + .outline__switch + .outline__list {
padding: 17px 0 0;
}
.footer {
}
.footer_nav {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.footer_nav li {
margin: 0 0 5px;
}
.copyright {
padding: 35px 50px 65px;
margin: 0;
}
.breadcrumbsinner {
padding: 15px 20px;
}
.article_main img {
object-fit: contain;
height: auto;
} .works_container{
flex-direction: column;
}
.works_inner{
flex-direction: column;
}
.works_wrapper{
width: 100%;
}
.blog_info_wrap{
flex-direction: column;
align-items: start;
gap: 10px;
}
.blog_info {
flex-direction: column;
align-items: start;
gap: 10px;
margin-bottom: 10px;
}
.works_content{
flex-direction: row;
width: 100%;
}
.new_item_date > div.flex{
align-items: start;
}
.blog_text {
margin: 0;
}
.blog_photo {
height: 100%;
}
.blog_photo img{
width:clamp(150px,41vw,210px) !important;
height: 100%;
aspect-ratio: 3/2;
object-fit: cover;
border-radius: 20px 0px 3px 0px;
}
.wp-pagenavi{
margin-bottom: 50px;
}
.post-categories li a {
font-size: 11px;
}
.article_top {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.cat_container + div {
padding: 6px 0 0 0;
}
.article_main p {
font-size: 16px;
}
.article_main h2 {
font-size: 18px;
}
.article_main h3 {
font-size: 18px;
}
.single_news_inner{
margin-left: 0px;
margin-right: 0px;
}
.single_pagenavi .prev a, .single_pagenavi .next a{
padding: 5px 20px;
}
.blog_inner, .single_inner, .search_inner, .side_container{
width: 100%;
}
.side_container{
padding-left: 10px;
padding-right: 10px;
}
.news_inner_cat{
margin-bottom: 10px;
}
.blog_text {
padding: clamp(30px,9vw,50px) 20px;
}
.new_item_cat{ } .new_list{
justify-content: flex-end;
gap: 20px;
}
.new_item{
width: 100%;
flex-direction: row;
gap: 20px;
}
.new_item_cat{
margin-right: 0px;
}
.new_inner:before {
font-size: 60px;
}
.new_item{
gap: 0px;
}
.new_list li{
align-items: start;
}
.new_photo{
height: auto;
aspect-ratio: 3 / 2;
}
.new_photo img{  aspect-ratio: 3/2;
aspect-ratio:auto;
height: 100%;
object-fit: cover;
border-radius: 20px 0px 3px 0px;
}
.news_thumbnail {
max-width: 100%;
margin-right: 0;
margin-bottom: 10px;
} .footer_inner {
display: block;
padding-left: 20px;
padding-right: 20px;
}
.footer_nav {
border: none;
padding: 0;
margin: 0 0 30px;
}
.address_container {
}
.footer_address .site_ttl{
width: 50%;
} .sp_bar {
display: none;
padding-bottom: env(safe-area-inset-bottom);
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 8;
background: var(--m_color);
}
.sp_bar li {
width: calc(100% / 2);
padding: 5px 0;
}
.sp_bar a {
color: #fff;
padding: 0 10px;
display: block;
font-size: 0.6875rem;
text-align: center;
border-right: 1px solid rgba(255, 255, 255, 0.3);
position: relative;
text-decoration: none;
}
.sp_bar li a:before {
font-weight: bold;
font-family: "Font Awesome 6 Free";
display: block;
}
.sp_bar li:nth-of-type(1) a:before {
content: "\f0e0";
}
.sp_bar li:nth-of-type(1) a:before {
content: "\f095";
}
.sp_bar li:nth-of-type(2) :before {
content: "\f077";
} .thanks_txt{
text-align: start;
}
}
@media only screen and (max-width: 320px) {
.wp-pagenavi {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.wp-pagenavi .page-numbers {
margin: 0 5px 5px 0;
}
} @media (max-width: 767px) {
.h_img_wrap.block {
background-image:
linear-gradient(to bottom, rgba(0,0,0,.35), rgba(0,0,0,.35)),
url(http://hokkaido-limo.com/wp-content/uploads/2025/11/hokkaido-limo_header-mb.png);
}
}  .h_img_wrap {
background: url(https://hokkaido-limo.com/wp-content/uploads/2025/12/hokkaido-limo_header.webp)
center left / cover no-repeat !important;
} body.error404 .h_img_wrap {
background: url(https://hokkaido-limo.com/wp-content/uploads/2025/12/hokkaido-limo_header.webp)
center / cover no-repeat !important;
} @media (max-width: 820px) {
.h_img_wrap,
.h_img_wrap.block {
background: url(https://hokkaido-limo.com/wp-content/uploads/2025/12/hokkaido-limo_header.webp)
center left / cover no-repeat !important;
}
} .vt2.section { margin: 0 auto; max-width: 1230px; padding: 40px 16px; }
.vt2-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 28px; align-items: stretch; }
@media (max-width: 900px) { .vt2-grid { grid-template-columns: 1fr; gap: 24px; } }
.vt2-card {
display: grid; grid-template-rows: auto 1fr;
background: #fff; border-radius: 16px; overflow: hidden;
box-shadow: 0 8px 24px rgba(0,0,0,.08);
}
.vt2-media { margin: 0; aspect-ratio: 16 / 9; background: #f6f6f6; }
.vt2-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.vt2-body { padding: 20px 22px 22px; }
.vt2-title {
font-size: clamp(18px, 2.1vw, 22px);
line-height: 1.35; margin: 0 0 12px; font-weight: 700;
}
.vt2-sub {
display: block; font-size: .9em; font-weight: 600; opacity: .9; margin-top: 4px;
}
.vt2-spec { list-style: none; margin: 0 0 14px; padding: 0; }
.vt2-spec li { display: grid; grid-template-columns: 110px 1fr; gap: 10px; padding: 8px 0; border-bottom: 1px dashed rgba(0,0,0,.12); }
.vt2-spec li:last-child { border-bottom: 0; }
.vt2-spec li span { color: #666; font-weight: 600; }
.vt2-spec li strong { font-weight: 700; margin-right: 6px; }
.vt2-text p { margin: 0 0 10px; line-height: 1.7; }
.vt2-bullets { margin: 8px 0 0; padding-left: 18px; }
.vt2-bullets li { margin: 4px 0; }
@media (max-width: 560px) {
.vt2-body { padding: 16px 16px 18px; }
.vt2-spec li { grid-template-columns: 95px 1fr; }
} .top_con03_crew_wrap.centered{
display:flex; flex-direction:column;
align-items:center; }
.top_con03_crew_wrap.centered .top_con03_crew_inner{
width:100%;
max-width:1080px; margin:0 auto;
}
.top_con03_crew_wrap.centered .top_h3,
.top_con03_crew_wrap.centered .top_con03_crew_txt_wrap{
text-align:center; }
.top_con03_crew_wrap.centered .top_con03_crew_txt{ 
margin-left:auto; 
margin-right:auto;
} .top_con03_crew_wrap.centered {
display: flex;
flex-direction: column;
align-items: center; }
.top_con03_crew_wrap.centered .top_con03_crew_inner{
width:100%;
max-width:1080px;
margin:0 auto;
} .top_con03_crew_wrap.centered .top_h3 { 
text-align: center;
} .top_con03_crew_wrap.centered .top_con03_crew_txt_wrap{
text-align: left; max-width: 820px; margin: 0 auto; }
.top_con03_crew_wrap.centered .top_con03_crew_txt{
margin-left: 0; margin-right: 0;
line-height: 1.7; } #aboutus .top_con03_crew_wrap.main_col.centered .top_con03_crew_inner
.top_con03_crew_txt_wrap > p.top_con03_crew_txt_en.mb30{
font-size: clamp(20px, 2.4vw, 26px) !important;
line-height: 1.8 !important;
font-weight: 500 !important;
letter-spacing: 0.01em;
margin-top: 0.4em;
margin-bottom: 1.2em;
text-align: left !important;
} #aboutus p.aboutus-lead-eq {
text-align: left !important; margin: 0 0 1.2em;
} #aboutus p.aboutus-lead-eq.data_text_h3.en_h3 .txt_b_h3{ font-weight: 700;
line-height: 1.3;
letter-spacing: .02em;
font-size: clamp(22px, 2.6vw, 26px);
display: inline; } .vt2-grid{
display:grid;
grid-template-columns: repeat(2, minmax(0,1fr));
gap: clamp(16px, 2vw, 28px);
align-items: start;
}
@media (max-width: 900px){
.vt2-grid{ grid-template-columns: 1fr; }
} .vt2-card{
display:flex;
flex-direction:column;
}
.vt2-media img{
display:block;
width:100%;
height:auto;
}
.vt2-title{ margin: .6em 0 .4em; }
.vt2-spec{ margin: 0 0 .8em; padding:0; list-style:none; }
.vt2-spec li{ margin:.25em 0; }
.vt2-text{ margin-top:.6em; }
.vt2-bullets{ margin:.5em 0 0; padding-left:1.2em; } .vt2-note{
margin-top: clamp(16px, 2vw, 24px);
} .vt2-spec{
display: flex;
flex-direction: column;
gap: 4px; }
.vt2-spec li{
display: flex;
flex-wrap: wrap; justify-content: flex-start;
align-items: baseline;
column-gap: .4em;
} .vt2-spec li span{
flex: 0 0 110px; display: inline-block;
text-align: left;
white-space: nowrap;
font-weight: 500;
} .vt2-spec li strong{
flex: 1;
font-weight: 600;
white-space: nowrap;
} .vt2-grid{
display:grid;
grid-template-columns: repeat(2, minmax(0,1fr));
gap: clamp(16px, 2vw, 28px);
align-items:start;
}
@media (max-width: 900px){
.vt2-grid{ grid-template-columns: 1fr; }
} .vt2-card{
display:flex; flex-direction:column; overflow:hidden;
background:#fff; border-radius:12px; box-shadow:0 4px 16px rgba(0,0,0,.06);
} .vt2-media img{ display:block; width:100%; height:auto; } .vt2-thumbs{
--gap: 10px;
--galH: clamp(240px, 28vw, 360px); display: grid;
gap: var(--gap);
height: var(--galH); padding: 12px 18px 0;
max-width: 760px; margin: 0 auto;
} .vt2-thumbs.th4{
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
} .vt2-thumbs.th2{
grid-template-columns: 1fr;
grid-template-rows: repeat(2, 1fr);
} .vt2-thumbs a{
display: block;
width: 100%;
height: 100%;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 14px rgba(0,0,0,.06);
}
.vt2-thumbs img{
display: block;
width: 100%;
height: 100%;
object-fit: cover; transition: transform .25s ease, opacity .25s ease;
}
.vt2-thumbs a:hover img{ transform: scale(1.03); opacity: .95; } @media (max-width: 1200px){
.vt2-thumbs.th4{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 700px){
.vt2-thumbs{ --gap: 8px; --galH: clamp(220px, 42vw, 300px); }
} .vt2-lightbox{
position: fixed; inset: 0; z-index: 9999;
background: rgba(0,0,0,.8);
display: none; align-items: center; justify-content: center;
padding: 4vw;
}
.vt2-lightbox[aria-hidden="false"]{ display:flex; } #vt2-lightbox-img{
width: 50vw; max-width: 900px; height: auto;
max-height: 80vh; object-fit: contain;
border-radius: 8px;
box-shadow: 0 8px 30px rgba(0,0,0,.4);
transition: transform .3s ease;
}
@media (max-width: 900px){
#vt2-lightbox-img{
width: 80vw; max-width: none;
}
}
.vt2-lightbox-close{
position:absolute; top: 16px; right: 16px;
width:44px; height:44px; border:0; border-radius:50%;
background: rgba(255,255,255,.85); color:#111; font-size:28px; line-height:1;
cursor:pointer;
}
.vt2-lightbox-close:hover{ background:#fff; } .vt2.section .vt2-spec{
list-style:none;
margin:0 0 14px;
padding:0;
}
.vt2.section .vt2-spec li{
display:grid;
grid-template-columns:130px 1fr; column-gap:12px;
align-items:baseline;
margin:8px 0;
}
@media (max-width:480px){
.vt2.section .vt2-spec li{
grid-template-columns:110px 1fr;
}
}
.vt2.section .vt2-spec li>span{
color:#555;
font-weight:600;
white-space:nowrap; }
.vt2.section .vt2-spec li>strong{
font-weight:700;
}  #vehicle-type{
width: min(1200px, 92vw); margin-inline: auto;
padding-inline: clamp(12px, 2vw, 24px);
} .top_con01_inner.flex > #vehicle-type{
flex: 1 1 100%;
} #vehicle-type .vt2-grid{
margin-inline: 0;
padding-inline: 0;
} #vehicle-type .top_h2{
margin-inline: 0;
padding-inline: 0;
} .common_cta_wrap .common_cta_phone a{
display: inline-flex; align-items: center;
justify-content: center;
font-size: clamp(28px, 5vw, 56px); line-height: 1.1;
font-weight: 800; letter-spacing: .02em;
padding: clamp(10px, 1.4vw, 16px) clamp(16px, 2vw, 24px);
border-radius: 12px;
text-decoration: none;
color: #111; background: #fff; border: 2px solid #111; box-shadow: 0 6px 20px rgba(0,0,0,.08);
} @media (min-width: 1024px){
.common_cta_wrap .common_cta_phone a{
font-size: clamp(40px, 4.2vw, 64px);
}
} #contact .common_cta_btn_wrap{
gap: clamp(12px, 2vw, 20px);
}
#contact .common_cta_phone{
margin-top: clamp(10px, 2vw, 18px);
} #contact .cta_h2 .data_text{
display: inline-block;
margin-bottom: clamp(8px, 1.2vw, 12px);
} body.wp-theme-northernlimo #contact .common_cta_phone > a.flex_c_c{
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
font-size: clamp(40px, 5vw, 64px) !important; line-height: 1.1 !important;
font-weight: 800 !important;
letter-spacing: .02em !important;
padding: clamp(10px,1.4vw,16px) clamp(16px,2vw,24px) !important;
border-radius: 12px !important;
text-decoration: none !important;
color: #111 !important;
background: #fff !important; border: 2px solid #111 !important; box-shadow: 0 6px 20px rgba(0,0,0,.08) !important;
}  .common_cta_phone a{
font-family: var(--font_en);
font-weight: 900;
line-height: 1;
letter-spacing: 0.43vw;
font-size: clamp(34px, 6vw, 72px); } .contact_info_tel_wrap{
font: 900 clamp(40px, 6vw, 80px) / 1 var(--font_en); letter-spacing: 0.05em;
}   .nlc-footer-form .nlc-ttl{
font-size:18px;
font-weight:600;
margin:18px 0 8px;
line-height:1.3;
}
.nlc-footer-form .nlc-radio .nlc-radio-list label{
display:inline-flex;
align-items:center;
gap:8px;
margin-right:16px;
font-size:15px;
cursor:pointer;
} .nlc-footer-form input[type="radio"]{
appearance:auto !important;
-webkit-appearance:auto !important;
width:auto !important;
height:auto !important;
position:static !important;
opacity:1 !important;
margin:0 4px 0 0;
}
.nlc-footer-form .nlc-policy{
max-height:240px;
overflow-y:auto;
border:1px solid #ddd;
padding:14px 16px;
line-height:1.7;
background:#fff;
border-radius:6px;
font-size:14.5px;
}
.nlc-footer-form .nlc-policy p{margin:0 0 12px;}
.nlc-footer-form .nlc-policy ul{padding-left:1.2em;margin:8px 0;}
.nlc-footer-form .nlc-accept{
display:block;
margin-top:14px;
font-size:15px;
}
.nlc-footer-form .nlc-hint{
font-size:14px;
margin:8px 0 0;
opacity:.9;
}
.nlc-footer-form .nlc-submit{
text-align:center;
margin-top:18px;
}
.nlc-footer-form .nlc-btn{
background:#000;
color:#fff;
padding:12px 28px;
border:none;
border-radius:999px;
font-size:16px;
cursor:pointer;
display:inline-block;
line-height:1;
}
.nlc-footer-form .nlc-btn:hover{opacity:.9;} .wpcf7 {
max-width:800px;
margin:0 auto;
}
.wpcf7 label {
display:block;
font-size:16px;
font-weight:500;
margin:12px 0 6px;
}
.wpcf7-form-control {
width:100%;
box-sizing:border-box;
font-size:16px;
padding:10px 14px;
border:1px solid #ccc;
border-radius:4px;
line-height:1.6;
}
.wpcf7 select {
width:auto;
min-width:80px;
height:42px;
margin-right:6px;
}
.wpcf7 textarea {
width:100%;
height:140px;
resize:none;
}
.wpcf7 .nl-row-2 {
display:flex;
gap:20px;
}
.wpcf7 .nl-grid {
display:grid;
grid-template-columns:repeat(2,1fr);
gap:6px 20px;
}
.wpcf7 .nl-sublabel {
display:inline-block;
width:170px;
}
.wpcf7 .nl-policybox {
border:1px solid #ccc;
padding:10px 15px;
border-radius:6px;
max-height:230px;
overflow-y:auto;
margin-top:20px;
line-height:1.6;
background:#fff;
}
.wpcf7 .nl-hint {
text-align:center;
font-size:14px;
margin-top:10px;
}
.wpcf7 input[type="radio"],
.wpcf7 input[type="checkbox"] {
appearance:auto !important;
-webkit-appearance:auto !important;
position:static !important;
opacity:1 !important;
margin-right:6px;
}
.submit-black {
background-color:#000;
color:#fff;
border:none;
padding:12px 40px;
border-radius:4px;
font-weight:bold;
display:block;
margin:24px auto 0;
cursor:pointer;
} .wpcf7 input[type="checkbox"],
.wpcf7 input[type="radio"] {
appearance: none !important;
-webkit-appearance: none !important;
border: none !important;
background: none !important;
outline: none !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
box-shadow: none !important;
} .wpcf7-list-item > input[type="checkbox"],
.wpcf7-list-item > input[type="radio"] {
display: none !important; } .wpcf7-list-item-label {
display: inline-block !important;
position: relative;
padding-left: 28px !important;
cursor: pointer;
} .wpcf7-list-item-label::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 18px;
height: 18px;
border: 2px solid #333;
border-radius: 4px;
background: #fff;
} .wpcf7-list-item input[type="checkbox"]:checked + .wpcf7-list-item-label::before,
.wpcf7-list-item input[type="radio"]:checked + .wpcf7-list-item-label::before {
background: #000;
border-color: #000;
} .wpcf7-list-item input[type="radio"] + .wpcf7-list-item-label::before {
border-radius: 50%;
}  .wpcf7-form .wpcf7-acceptance {
display: block !important;
position: relative !important;
margin-top: 10px !important;
margin-bottom: 10px !important;
line-height: 1.5;
} .wpcf7-acceptance input[type="checkbox"] {
position: absolute !important;
opacity: 0 !important;
pointer-events: none !important;
width: 0 !important;
height: 0 !important;
} .wpcf7-acceptance label {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
cursor: pointer !important;
font-size: 15px;
color: #111;
user-select: none;
} .wpcf7-acceptance label::before {
content: "";
width: 18px;
height: 18px;
border: 2px solid #333;
border-radius: 3px;
background: #fff;
display: inline-block;
flex-shrink: 0;
} .wpcf7-acceptance input[type="checkbox"]:checked + span::before,
.wpcf7-acceptance input[type="checkbox"]:checked + label::before,
.wpcf7-acceptance label:has(input[type="checkbox"]:checked)::before {
background: #000;
border-color: #000;
} .nl-hint {
font-size: 14px;
margin-top: 6px;
color: #555;
}  .wpcf7-list-item > input[type="checkbox"],
.wpcf7-list-item > input[type="radio"],
.wpcf7-acceptance input[type="checkbox"] {
position: absolute !important;
opacity: 0 !important;
pointer-events: none !important;
width: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
} .wpcf7-list-item-label,
.wpcf7-acceptance label {
position: relative;
padding-left: 26px !important;
cursor: pointer;
display: inline-block;
line-height: 1.6;
font-size: 15px;
color: #111;
}
.wpcf7-list-item-label::before,
.wpcf7-acceptance label::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 18px;
height: 18px;
border: 2px solid #333;
border-radius: 3px;
background: #fff;
} .wpcf7-list-item input[type="checkbox"]:checked + .wpcf7-list-item-label::before,
.wpcf7-acceptance input[type="checkbox"]:checked + span::before,
.wpcf7-acceptance label:has(input[type="checkbox"]:checked)::before {
background: #000;
border-color: #000;
} .wpcf7-list-item input[type="radio"] + .wpcf7-list-item-label::before {
border-radius: 50%;
} .wpcf7-acceptance input[type="checkbox"] {
appearance: auto !important;
-webkit-appearance: auto !important;
position: static !important;
opacity: 1 !important;
margin-right: 6px !important;
} .wpcf7-form span.wpcf7-list-item {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
} .nl-hero {
position: relative;
width: 100%;
background: #000 center/cover no-repeat;
} .nl-hero--policy {
min-height: clamp(220px, 28vw, 360px);
} .nl-hero__inner {
position: relative;
z-index: 1;
width: min(92%, 1200px);
margin: 0 auto;
height: 100%;
display: grid;
place-items: center; text-align: center;
}
.nl-hero__title {
margin: 0;
color: #fff;
font-weight: 800;
line-height: 1.1;
letter-spacing: .04em;
font-size: clamp(28px, 4.8vw, 48px);
text-shadow: 0 2px 12px rgba(0,0,0,.45), 0 0 1px rgba(0,0,0,.4);
padding-inline: 8px;
}   .wpcf7-acceptance .wpcf7-list-item-label { padding-left: 0 !important; }
.wpcf7-acceptance .wpcf7-list-item-label::before { content: none !important; }  .wpcf7-acceptance .wpcf7-list-item-label::before,
.wpcf7-acceptance .wpcf7-list-item-label::after {
content: none !important;
border: 0 !important;
box-shadow: none !important;
} .wpcf7-acceptance .wpcf7-list-item {
display: flex;
justify-content: center;
align-items: center;
gap: 8px; margin: 12px 0;
} .wpcf7-acceptance .wpcf7-list-item-label {
font-weight: 700; text-align: center; } .wpcf7-acceptance input[type="checkbox"] {
appearance: auto !important;
position: static !important;
opacity: 1 !important;
width: 18px; height: 18px;
margin: 0;
} .wpcf7-acceptance,
.nl-policybox {
border: none !important;
box-shadow: none !important;
background: transparent !important;
} .wpcf7-acceptance.agree-center .wpcf7-list-item {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
margin: 12px 0;
}
.wpcf7-acceptance.agree-center .wpcf7-list-item-label {
font-size: 1.1rem; font-weight: 700; text-align: center;
} .wpcf7-acceptance.agree-center .wpcf7-list-item-label::before,
.wpcf7-acceptance.agree-center .wpcf7-list-item-label::after {
content: none !important;
border: 0 !important;
box-shadow: none !important;
}  .wpcf7-form-control-wrap.acceptance-hokkaido-limo {
display: block;
text-align: center;
margin: 12px 0;
} .wpcf7-form-control-wrap.acceptance-hokkaido-limo .wpcf7-list-item {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
} .wpcf7-form-control-wrap.acceptance-hokkaido-limo .wpcf7-list-item-label {
font-size: 1.1rem; font-weight: 700; line-height: 1.4;
text-align: center;
} .wpcf7-form-control-wrap.acceptance-hokkaido-limo .wpcf7-list-item-label::before,
.wpcf7-form-control-wrap.acceptance-hokkaido-limo .wpcf7-list-item-label::after {
content: none !important;
border: 0 !important;
box-shadow: none !important;
} .wpcf7-form-control-wrap.acceptance-hokkaido-limo input[type="checkbox"] {
appearance: auto !important;
position: static !important;
opacity: 1 !important;
width: 18px; height: 18px;
margin: 0;
} :root{
--font-en: "MITS-Manrope","Segoe UI",Arial,system-ui,sans-serif;
--font-ja: "MITS-NotoSansJP","MITS-NotoSansJP-woff","Yu Gothic Medium","Meiryo",sans-serif;
}
html, body, .wrap{
font-family: var(--font-en), var(--font-ja) !important;
font-weight: 400;
letter-spacing: .015em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
h1,h2,h3,.txt_b,.txt_b_h3,.data_text,.data_text_h3,.vt2-title{
font-family: var(--font-en), var(--font-ja) !important;
font-weight: 700 !important;
letter-spacing: .02em;
}   :root{
--font-en: "MITS-Manrope","Segoe UI",Arial,system-ui,sans-serif;
--font-ja: "MITS-NotoSansJP","MITS-NotoSansJP-woff","Yu Gothic Medium","Meiryo",sans-serif;
} h1, h2, h3{
font-weight: 600 !important;
line-height: 1.18;
}
.txt_b, .txt_b_h3, .data_text .txt_b, .data_text_h3 .txt_b_h3{
font-weight: 700 !important;
} html, body, .wrap{
font-family: var(--font-ja), var(--font-en);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
:lang(en),
.en_h3,
.data_text_en,
.vt2-title,
nav a,
.footer_nav a{
font-family: var(--font-en), var(--font-ja) !important;
letter-spacing: .02em; }
:lang(ja),
.policy_wrap,
.ja_only{
font-family: var(--font-ja), var(--font-en) !important;
} .price_mark,
.top_con02_date_price,
.common_cta_phone a,
.address_container,
.vt2-spec strong{
font-variant-numeric: tabular-nums;
font-feature-settings: "tnum" 1, "lnum" 1; } .data_text_en p,
p:lang(en){
letter-spacing: .015em; } .pc_h_nav a,
.sp_h_nav a,
.common_cta_phone a{
letter-spacing: .02em;
}  .top_h2::before, .top_h2::after,
.top_h2 *::before, .top_h2 *::after,
.data_text_h3::before, .data_text_h3::after,
.data_text_h3 *::before, .data_text_h3 *::after,
.other_h2::before, .other_h2::after,
.other_h2 *::before, .other_h2 *::after {
content: none !important;
display: none !important;
background: none !important;
border: 0 !important;
box-shadow: none !important;
}
.top_h2 .data_text,
.data_text_h3,
.other_h2 h2 {
animation: none !important;
transform: none !important;
opacity: 1 !important;
} :root { --nl-gold: rgba(199,167,91,.22); }
.nl-heading-v2 .top_h2 .data_text,
.nl-heading-v2 .data_text_h3,
.nl-heading-v2 .other_h2 h2 {
position: relative;
display: inline-block;
line-height: 1.12;
padding: .15em .1em .6em;
background-image: linear-gradient(var(--nl-gold), var(--nl-gold)) !important;
background-repeat: no-repeat !important;
background-position: 50% 66% !important; background-size: 0 .62em !important; border-bottom: 2px solid #111 !important;
animation: nlGoldGrowCenter .6s cubic-bezier(.2,.8,.2,1) .05s forwards !important;
}
@keyframes nlGoldGrowCenter {
to { background-size: 100% .62em; }
}  .aboutus-lead-eq,
.aboutus-lead-eq * {
background: none !important;
border: 0 !important;
animation: none !important;
opacity: 1 !important;
transform: none !important;
} #aboutus .top_h3 .data_text_h3,
#aboutus .top_h3 .data_text_h3 * {
background: none !important;
border: 0 !important;
animation: none !important;
opacity: 1 !important;
transform: none !important;
} input[type="date"].nl-date-en { -webkit-appearance:none; appearance:none; }  .contact_info_tel_wrap{
display: flex !important;
justify-content: center !important; align-items: center; gap: 5px; text-align: center; } .contact_info_tel_wrap a[href^="tel:"]{
display: inline-flex !important;
align-items: center;
justify-content: center;
text-align: center !important;
}  .common_cta_date_wrap,
.common_cta_btn_wrap {
display: flex; justify-content: center; } .common_cta_phone {
display: inline-flex;
align-items: center;
justify-content: center;
margin: 0 auto; } .common_cta_phone a[href^="tel:"] {
display: inline-flex !important;
width: auto !important;
text-align: center !important;
align-items: center;
justify-content: center;
}  .common_cta_phone {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.common_cta_phone a[href^="tel:"] {
display: inline-flex;
justify-content: center;
align-items: center;
text-decoration: none;
color: inherit;
font-weight: 600;
font-size: clamp(20px, 3vw, 28px);
width: auto; } .footer_address a[x-apple-data-detectors],
.footer_address a.x-apple-data-detectors,
.footer_address span.x-apple-data-detectors {
color: inherit !important;
text-decoration: none !important;
border-bottom: none !important;
} .footer_address a {
text-decoration: none !important;
border-bottom: none !important;
} .footer_address a[x-apple-data-detectors],
.footer_address a.x-apple-data-detectors {
pointer-events: none;
cursor: default;
} @media (max-width: 450px){ .common_cta_date_wrap,
.common_cta_btn_wrap{
display:flex !important;
flex-wrap:nowrap !important;
gap:0 !important;
column-gap:0 !important;
row-gap:0 !important;
padding-left:8px !important;
padding-right:8px !important;
box-sizing:border-box;
} .common_cta_sns_wrap:empty{ display:none !important; } .common_cta_phone{
flex:0 0 auto !important;
min-width:0 !important;
} .common_cta_phone a{
display:inline-flex !important;
align-items:center;
white-space:nowrap !important;
word-break:normal !important;
overflow-wrap:normal !important;
hyphens:none !important;
-webkit-hyphens:none !important;
flex:0 0 auto !important;
min-width:0 !important;
text-decoration:none;
} @media (max-width: 340px){
.common_cta_phone a{ font-size:12px; letter-spacing:.02em; }
}
} .common_cta_phone a[x-apple-data-detectors],
.common_cta_phone a.x-apple-data-detectors{
color:inherit !important;
text-decoration:none !important;
border-bottom:none !important;
} .nl_features{padding:32px 16px; text-align:center;}
.nl_features__inner{max-width:1100px; margin:0 auto;}
.nl_features__grid{
display:grid;
grid-template-columns:repeat(4, minmax(0,1fr));
gap:14px 24px; align-items:center;
justify-items:center;
}
.nl_features__cell{display:flex; align-items:center; justify-content:center;}
.nl_features__cell img{
display:block;
width:72px; height:auto;
object-fit:contain;
} .nl_features__label{
margin:0;
line-height:1.45;
text-align:center; } @media (max-width: 767px){
.nl_features__grid{ grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px 16px; }
.nl_features__cell img{ width:56px; }
}   .nl_features_wrap{ margin-top: clamp(12px, 2.4vw, 20px); margin-bottom: clamp(36px, 4.2vw, 56px);
} .nl_features{ text-align:center; }
.nl_features__grid{
display:grid;
grid-template-columns: repeat(4, minmax(0,1fr));
gap: 14px 24px; align-items: center;
justify-items: center;
}
.nl_features__cell{ display:flex; align-items:center; justify-content:center; }
.nl_features__cell img{
display:block;
width:72px;
height:auto;
object-fit:contain;
} .nl_features__label{
margin:0;
line-height:1.45;
text-align:center;
} @media (max-width: 767px){
.nl_features__grid{ grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px 16px; }
.nl_features__cell img{ width:56px; }
} .top_con03_crew_txt_wrap.is-tight{
margin-bottom: clamp(8px, 1.4vw, 14px); }
.top_con03_crew_txt_wrap.is-tight .top_con03_crew_txt{
margin-bottom: 0; } .nl_features__grid{
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
grid-auto-rows: auto;
gap: 12px;
} .nl_features__grid p{
margin: 0 !important;
} .nl_features__grid img{
display: block;
max-width: 100%;
height: auto;
margin: 0 auto;
}  .nl_features__grid > *:nth-child(1)  { grid-row: 1; grid-column: 1; }
.nl_features__grid > *:nth-child(2)  { grid-row: 1; grid-column: 2; }
.nl_features__grid > *:nth-child(3)  { grid-row: 1; grid-column: 3; }
.nl_features__grid > *:nth-child(4)  { grid-row: 1; grid-column: 4; }
.nl_features__grid > *:nth-child(5)  { grid-row: 2; grid-column: 1; }
.nl_features__grid > *:nth-child(6)  { grid-row: 2; grid-column: 2; }
.nl_features__grid > *:nth-child(7)  { grid-row: 2; grid-column: 3; }
.nl_features__grid > *:nth-child(8)  { grid-row: 2; grid-column: 4; }
.nl_features__grid > *:nth-child(9)  { grid-row: 3; grid-column: 1; }
.nl_features__grid > *:nth-child(10) { grid-row: 3; grid-column: 2; }
.nl_features__grid > *:nth-child(11) { grid-row: 3; grid-column: 3; }
.nl_features__grid > *:nth-child(12) { grid-row: 3; grid-column: 4; } @media (max-width: 480px){
.nl_features__grid{
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
} .nl_features_wrap .nl_features__grid{
display:grid !important;
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
grid-auto-rows:auto;
column-gap:14px !important;
row-gap:12px !important;
}
.nl_features_wrap .nl_features__grid p{ margin:0 !important; }
.nl_features_wrap .nl_features__grid > *{ min-width:0 !important; }
.nl_features_wrap .nl_features__grid img{
display:block; max-width:100%; height:auto; margin:0 auto;
} .nl_features_wrap .nl_features__grid > *:nth-child(1){grid-row:1;grid-column:1;}
.nl_features_wrap .nl_features__grid > *:nth-child(2){grid-row:1;grid-column:2;}
.nl_features_wrap .nl_features__grid > *:nth-child(3){grid-row:1;grid-column:3;}
.nl_features_wrap .nl_features__grid > *:nth-child(4){grid-row:1;grid-column:4;}
.nl_features_wrap .nl_features__grid > *:nth-child(5){grid-row:2;grid-column:1;}
.nl_features_wrap .nl_features__grid > *:nth-child(6){grid-row:2;grid-column:2;}
.nl_features_wrap .nl_features__grid > *:nth-child(7){grid-row:2;grid-column:3;}
.nl_features_wrap .nl_features__grid > *:nth-child(8){grid-row:2;grid-column:4;}
.nl_features_wrap .nl_features__grid > *:nth-child(9){grid-row:3;grid-column:1;}
.nl_features_wrap .nl_features__grid > *:nth-child(10){grid-row:3;grid-column:2;}
.nl_features_wrap .nl_features__grid > *:nth-child(11){grid-row:3;grid-column:3;}
.nl_features_wrap .nl_features__grid > *:nth-child(12){grid-row:3;grid-column:4;}
.nl_features_wrap .nl_features__label{
white-space:normal !important;
word-break:break-word !important;
overflow-wrap:anywhere !important;
margin:0 4px !important;
text-align:center;
}
.nl_features_wrap .nl_features__label.top_con03_crew_txt_en{
letter-spacing:0.01em !important;
} @media (max-width:480px){
.nl_features_wrap .nl_features__grid{
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
column-gap:16px !important; row-gap:12px !important;
}
.nl_features_wrap .nl_features__label{
font-size:clamp(12px,3.6vw,14px) !important; line-height:1.25;
}
} @media (max-width: 600px){ .common_cta_txt_wrap,
.common_cta_date_wrap,
.common_cta_btn_wrap{
padding-left:16px;
padding-right:16px;
box-sizing:border-box;
} .cta_h2 .data_text .txt_b,
.top_h2 .data_text .txt_b,
.top_h2_en .data_text .txt_b{ font-size:clamp(14px,3.8vw,18px);
line-height:1.45;
letter-spacing:normal; word-break:break-word;
overflow-wrap:anywhere; text-wrap:balance;
} .common_cta_btn_wrap{
display:flex;
justify-content:center;
gap:12px;
flex-wrap:wrap;
} .common_cta_phone{ max-width:100%; }
.common_cta_phone a[href^="tel:"]{
display:inline-flex;
align-items:center;
justify-content:center;
padding:10px 16px; font-size:clamp(16px,6vw,24px);
line-height:1.2;
max-width:100%;
box-sizing:border-box;
white-space:nowrap; letter-spacing:normal;
}
} @media (max-width: 600px){
html[lang="en"] .common_cta_phone{ max-width:100%; } html[lang="en"] .common_cta_phone a[href^="tel:"]{
display:inline-flex;
align-items:center;
justify-content:center;
max-width:100%;
box-sizing:border-box; font-size: clamp(15px, 4.8vw, 22px);
line-height:1.2;
letter-spacing:0;
padding:8px 10px; white-space:nowrap;
} html[lang="en"] .common_cta_phone a[href^="tel:"] > svg,
html[lang="en"] .common_cta_phone a[href^="tel:"] > img{
width:18px; height:18px; margin-right:6px; flex:0 0 auto;
} html[lang="en"] .common_cta_btn_wrap{
display:flex; justify-content:center; gap:10px; flex-wrap:nowrap;
padding-left:12px; padding-right:12px; box-sizing:border-box;
}
} @media (max-width: 360px){
html[lang="en"] .common_cta_phone a[href^="tel:"]{
font-size: clamp(14px, 4.6vw, 20px);
padding:8px 8px;
transform: scaleX(0.985); transform-origin:center;
}
html[lang="en"] .common_cta_phone a[href^="tel:"] > svg,
html[lang="en"] .common_cta_phone a[href^="tel:"] > img{
width:16px; height:16px; margin-right:4px;
}
} .copy_wrap .copy_title img {
width: auto !important; max-width: 100% !important; height: auto !important; } .copy_wrap .copy_title {
width: auto !important;
max-width: none !important;
} .top_mv {
background-image: url(https://hokkaido-limo.com/wp-content/uploads/2025/11/hokkaido-limo_header.webp) !important;
background-size: cover;
background-position: center center;
} @media (min-width: 1024px) {
.h_img_wrap img[alt="MITSUSHI Limousine Service"],
.h_img_wrap img.lazyloaded {
height: 140px !important; width: auto !important;
max-width: none !important;
}
} @media (max-width: 1023.98px) {
.h_img_wrap img[alt="MITSUSHI Limousine Service"],
.h_img_wrap img.lazyloaded {
height: 110px;
width: auto;
max-width: 100%;
}
}