@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
font-weight: normal;
}
img {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:bottom;
background:transparent;
} article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes:none;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
text-decoration:none;
}
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-table;
min-height: 1%;
} * html .clearfix {
height: 1%;
}
.clearfix {
display: block;
} .clear {
clear:both;
}
   :root {
--main_color: #3a3a3a;
--gold: #bf9244;
--gray: #edeceb;
}
html{
font-size:62.5%;
box-sizing: border-box;
}
body{
margin: 0;
background-color: var(--main_color);
}
img {
display: block;
width: 100%; }
page .entry-title {
display: none;
}
header{
}
h1{
font-size: 34px;
color: #bf9224;
font-family: kozuka-gothic-pro, sans-serif;
font-weight: 400;
font-style: normal;
text-align: center;
letter-spacing: 2px;
padding-top: 136px;
}
.hero_wrap h1{
padding-top: 10px;
}
h2{
font-size: 32px;
color: #bf9224;
font-family: kozuka-mincho-pro, serif;
font-weight: 400;
font-style: normal;
letter-spacing: 2px;
text-align: center;
margin: 0 auto 30px;
padding: 0 15px;
position: relative;
line-height: 1.25;
}
h2:before {
position: absolute;
top: 118%;
left: 50%;
transform: translateX(-50%);
height: 1px;
width: 14%;
max-width: 170px;
min-width: 120px;
background-color: var(--gold);
content: "";
}
section{
padding: 70px 0;
}
section[id="button"]{
padding-left: 15px;
padding-right: 15px;
}
hr{
color: gold;
margin: 35px auto;
width: 60vw;
} h3{
font-family: kozuka-mincho-pro, serif;
}
p{
font-family: kozuka-gothic-pro, sans-serif;
font-size: 16px;
color: var(--main_color);
letter-spacing: 0.025em;
}
a {
text-decoration: none;
color: inherit;
}
h2 + p{
color: #3a3a3a;
font-size: 16px;
margin-bottom: 30px;
text-align: center;
padding: 0 15px;
}
.bg_white{
background-color: #fff;
}
.bg_gray{
background-color: var(--gray);
}
.bg_black{
background-color: var( --main_color);
}
.mb40{
margin-bottom: 40px;
}
.mb60{
margin-bottom: 60px;
}
.pb0{
padding-bottom: 0;
}
.tex_l{
text-align: left;
}
.line_h_135{
line-height: 1.35;
}
.service_button{
font-size: 17px;
color: #edeceb;
font-family: kozuka-gothic-pro, sans-serif;
font-weight: 200;
font-style: normal;
line-height:1.8;
margin: 3px 0 70px;
text-align: center;
}
.sec_img{
max-width: 1000px;
margin: auto;
width: 100%;
}
.detail-border-about{
width: 200px;
border: solid 1px var(--gold);
color: var(--gray);
padding: 7px 9px 4px;
transition: all .3s;
}
.detail-border-about:hover{
border: solid 1px #bf9244;
color: #fff;
background: #bf9244;
} .hero_img{
background-image: url(https://en.hij-limoservice.com/en/wp-content/themes/en/img/hero_img.jpg);
width: 100%;
height: 58vw;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
position: static;
}
.hero_wrap{
background: rgba(255,255,255,0.2);
backdrop-filter: blur(3px);
text-align: center;
position: relative;
top: 12vw;
width: 70vw;
max-width: 1200px;
margin: auto;
padding: 50px 10px;
}
.hero_wrap::before{
content: '';
background: inherit;
-webkit-filter: blur(7px);
-moz-filter: blur(7px);
-o-filter: blur(7px);
-ms-filter: blur(7px);
filter: blur(7px);
position: absolute; top: -10px;
left: -10px;
right: -10px;
bottom: -10px;
z-index: -1;
}
.hero_ttl{
font-size: 20px;
margin-bottom: 10px;
color: #fff;
text-shadow: 1px 1px 3px #3a3a3a;
}
.hero_sub{
font-size: 26px;
margin-bottom: 12px;
color: #fff;
text-shadow: 1px 1px 3px #3a3a3a;
}
.hero_sub_s{
font-size: 70px;
color: #fff;
text-shadow: 1px 1px 3px #3a3a3a;
font-family: kozuka-mincho-pro, serif;
letter-spacing: 4px;
} .text_center{
text-align: center;
}
.summary{
font-size: 16px;
color: #edeceb;
font-family: kozuka-gothic-pro, sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.8;
} .under_ttl_wrap{
text-align: center;
position: relative;
top: -17%;
margin: 0 10px;
}
.under_ttl{
margin-bottom: 20px;
color: #dda72f;
font-size: 34px;
}
.underlayer_s{
color: #efefef;
line-height: 1.5;
} .airport_wrap{
max-width: 1000px;
margin: auto;
padding: 0 15px;
}
.airport_card_l,.airport_img_s {
border: 4px solid var(--gold);
border-radius: 8px;
}
.airport_card_l{
max-width: 1000px;
text-align: center;
margin: 0 auto 30px;
padding: 30px;
}
.airport_img{
display: inline-block;
}
.airport_img img{
margin-bottom: 10px;
}
.airport_img:nth-child(1) img{
display: inline-block;
width: 315px;
}
.airport_img:nth-child(2) img{
display: inline-block;
width: 100px;
position: relative;
top: -50px;
margin: 0 20px
}
.airport_img:nth-child(3) img{
display: inline-block;
width: 185px;
}
.airport_card_s{
text-align: center;
margin: 0 auto 30px;
display: flex;
justify-content: center;
}
.airport_img_s{
width: 230px;
min-width: 166px;
padding: 0 5px 5px;
margin-right: 1.5vw;
}
.airport_img_s:nth-child(4){
margin-right: 0;
}
.airport_img_s img{
width: 145px;
margin: 30px auto 10px;
}
.airport_img_s:nth-child(1) img{
width: 150px;
margin: 30px auto 30px;
}
.airport_img_s p{
font-size: 15px;
color: var(--main_color);
font-weight: 600;
line-height: 1.35;
}
.airport_img_s:nth-child(2) img{
width: 86px;
margin: 27px auto 10px;
}
.airport_img_s:nth-child(4) img{
width: 125px;
margin: 18px auto 10px;
}
.airport_img p{
font-size: 20px;
text-align: center;
color: var(--gold);
}
.supp{
font-size: 14px;
} .tuour_card_wrap{
margin:0 auto;
padding: 0 15px;	
text-align: center;
}
.tour_card{
margin: auto;
width: 100%;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.tour_card:last-of-type{
margin-bottom: 70px;
}
.tour_card:first-of-type .tour_exp{
margin-right: 20px;
}
.tour_card:last-of-type .tour_exp{
margin-left: 20px;
}
.tour_exp h3{
font-size: 24px;
color: var(--gold);
font-family: kozuka-mincho-pro, serif;
font-weight: 400;
font-style: normal;
margin: 0 0 18px 0;
line-height: 1.25;
}
.tour_exp p{
font-size: 18px;
margin: 0 0 8px 0;
line-height: 1.5;
word-break: keep-all;
}
.tour_img{
display: inline-block;
width: 400px;
margin-bottom: 12px;
}
.tuour_card_wrap .detail-border-about{
color: var(--main_color);
}
.thanks_sentence + .service_button > .detail-border-about{
color: var(--main_color);
}
.tuour_card_wrap .detail-border-about:hover{
color: var(--gray);
}
.thanks_sentence + .service_button > .detail-border-about:hover{
color: var(--gray);
}
.tuour_card_wrap .service_button{
margin: 15px 0 50px;
}
.translate{
background: #fff;
padding: 7px 6px 6px; display: inline-block;
line-height: 1.35;
}
.t-machine{
margin-bottom: 70px;
}
.t-machine::before{
content: "";
display: inline-block;
width: 60px;
height: 50px;
background: url(https://en.hij-limoservice.com/en/wp-content/themes/en/img/t-mach.png) no-repeat;
background-size: contain;
margin-bottom: -20px;
margin-right: -3px;
}
.yama_banner_link{
display: block;
margin: 0 auto 30px;
}
.yama_tax{
text-align: center;
font-size: 18px;
font-weight: 300;
margin-bottom: 8px;
}
.yama_tax_banner{
width: 100%;
max-width: 283px;
margin: auto;
transition: all .3s;
}
.yama_tax_banner:hover{
opacity: 0.8;
} .viechle_srm{
color: var(--gray);
display: inline-block;
line-height: 1.35;
margin-bottom: 20px;
}
.viechle_card{
display: flex;
justify-content: center;
margin: 0 15px;
}
.viechle_card > div{
margin-right: 20px;
width: 30vw;
max-width: 390px;
}
.vichle_img{
display: inline-block;
max-width: 710px;
width: 60vw;
}
.header-tel{
font-size: 10px;
margin-right: 2px;
margin-left: 4px;
}
.link{
display: inline-block;
color: #3a3a3a;
transition: all 0.2s;
border-bottom: solid 1px #ebeded;
opacity: 0.8;
}
.link:hover{
border-bottom: solid 1px #3a3a3a;
} .otoiwae-title{
font-size: 24px;
color:#BF9224;
font-family: kozuka-gothic-pro, sans-serif;
font-weight:200;
font-style: normal;
text-align: center;
}
.otoiawase-btn-wrap{
display: flex;
justify-content: center;
width: 80%;
margin: 0 auto;
}
.otoiawase-btn-wrap > p{
margin-right: 30px;
}
.otoiawase-btn-wrap p{
}
.otoiwae-icon-mail::before{
content: "";
display: inline-block;
width: 35px;
height: 25px;
background: url(https://en.hij-limoservice.com/en/wp-content/themes/en/img/mail.png) no-repeat;
background-size: contain;
margin-bottom: -5px;
}
.otoiwase-mail{
font-size: 20px;
color:  #bf9244;
font-family: kozuka-gothic-pro, sans-serif;
font-weight: 600;
font-style: normal;
display: -webkit-inline-box;
display: inline-box;
margin-bottom: 5px;
}
.otoiwase-mail-border{
display: block;
font-size: 14px;
color:  #bf9244;
border: solid 1px  #bf9244;
width: 240px;
margin: 0 auto 7px;
padding: 11px 9px 9px;
background: #fff;
transition: all .3s;
}
.otoiwase-mail-border:hover .otoiwase-mail{
color: #fff;
}
.otoiwase-mail-border:hover span{
color: #fff;
}
.otoiwase-mail-border:hover{
background: #bf9244;
} .sankaku{
width: 0;
height: 0;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
border-top: 30px solid #fff;
margin: 0 auto;
}
.credit-logo{
max-width:450px; 
margin-left:2em;
}
.credit-logo-test{
max-width:450px; 
margin-left:1em;
}
.qr-logo{
max-width:550px;
margin-left:2em; 
}
.flow-detail-title{
margin-left: 30px;
color:#3a3a3a;
display: inline-block;
}
.flow-detail-title > a{
margin-left: 20px;
border-bottom: 0.5px solid #fff;
}
.flow-detail-title > a:hover{
border-bottom: 0.5px solid #3a3a3a;
opacity: 0.8;
}
.feesikumi-title{
font-size: 20px;
color: #3a3a3a;
font-family: kozuka-mincho-pro, serif;
font-weight: 600;
font-style: normal;
text-align: center;
margin: 0px 0 8px 0;
}
.bg_white > .flow_detail{
text-align: center;
}
.flow_detail_title{
text-indent: -1em;
padding-left: 2em;
display: inline-block;
}
.flow_detail_title_test{
font-weight: 600;
}
#fee-system-sp{
display: none;
}
#fee-system-pc{
display: block;
}
#sp{
display: none;
}
#pc{
display: block;
} .teiki-exam-title{
font-size: 26px;
color: #edeceb;
font-weight: 200;
font-style: normal;
display: inline;
padding: 4px 6px 4px 6px;
background: #bf9224;
}
.flow_wrap{
margin: auto;
max-width: 1000px;
}
.flow_title_wrap{
background: #8B8C8C;
padding: 6px 0 27px 10px;
line-height: 1.3;
}
.flow_title{
font-size: 18px;
color: #fff;
margin: 10px 0 5px 0;
vertical-align: bottom;
}
.step{
font-size: 14px;
color: #fff;
font-weight: 200;
font-style: normal;
background: #3a3a3a;
padding: 4px 5px 4px 5px;
display: inline-block;
margin: 0 10px;
}
.detail-wrap{
background: #fff;
margin-top: -20px;
padding-bottom: 30px;
margin-bottom: 16px;
}
.flow_detail{
font-size: 16px;
color: #3a3a3a;
padding: 20px 0 20px 20px;
line-height: 1.7;
background: #fff;
margin-top: -20px;
}
.flow_detail a{
margin-left: 1em;
font-size: 15px;
} .company section{
padding: 30px 0 70px;
}
table{
border-collapse: collapse;
width: 80vw;
max-width: 1000px;
margin: auto;
}
table th, table td {
border: solid 1px #3a3a3a;
}
th,td{
font-size: 16px;
color: #3a3a3a;
font-family: kozuka-gothic-pro, sans-serif;
font-style: normal;
}
th{
width: 180px;
padding-top: 20px;
padding-left: 50px;
padding-right: 20px;
text-align: left;
background-color: #edeceb;
font-weight: 600;
}
td{
padding-right: 10px;
padding-left: 10px;
padding-top: 20px;
padding-bottom: 20px;
font-weight: 200;
line-height:1.8;
}
td a{
color: #3a3a3a;
border-bottom:0.5px solid #ffffff;
transition: all 0.3s ease-out;
}
td a:hover{
border-bottom:0.5px solid #3a3a3a;
opacity: 0.8;
} .tuor-title{
font-size: 26px;
color: #bf9224;
font-weight: 600;
font-style: normal;
display: inline;
padding: 4px 6px 4px 6px;
}
.tour-time{
font-size:20px;
font-weight: 200;
}
.fee-wrap{
display: flex;
justify-content: flex-start;
}
.car-categori{
font-size: 12px;
display: inline-block;
border: 0.5px solid #fff;
padding: 4px;
vertical-align: bottom;
margin-right: 7px
}
.tour-fee{
font-size: 18px;
color: #fff;
margin-right: 30px;
} .maker{
font-size: 14px;
color: #bf9224;
font-family: kozuka-mincho-pro, serif;
font-weight: 400;
}
.vehicle-type{
font-size: 34px;
color: #bf9224;
font-family: kozuka-mincho-pro, serif;
font-weight: 400;
margin-left: 10px;
}
.car-detail{
font-size: 16px;
color:#edeceb;
font-weight: 400;
margin: 6px 0 0 0;
}
.section-bar{
width: 100%;
border-bottom: 1px dashed #bf9224;
} .thanks_ttl{
margin: 140px 0 20px;
text-align: center;
font-weight: 400;
font-size: 26px;
line-height: 1.3;
}
.thanks_sentence{
font-size: 18px;
font-weight: 300;
text-align: center;
margin-bottom: 50px;
line-height: 1.3;
} .grecaptcha-badge { 
visibility: hidden;
} @media screen and (max-width: 810px){
h2{
font-size: 28px;
margin-bottom: 26px;
}
.under_ttl{
font-size: 30px;
} .hero_wrap{
top: 14vw;
width: 100%;
}
.hero_sub_s{
font-size: 10vw;
letter-spacing: 2px;
}
.hero_sub{
font-size: 21px;
}
.hero_ttl{
font-size: 16px;
}
.airport_card_s {
text-align: center;
margin: 0 auto 30px;
display: table;
}
.airport_img_s {
width: 65vw;
height: 25vw;
margin-bottom: 20px;
margin-right: 0px;
min-width: 200px;
min-height: 200px;
}
.airport_img_s p {
font-size: 15px;
}
.airport_img_s:nth-child(1) img {
margin: 8vw auto 30px;
}
.airport_img:nth-child(1) img {
width: 30vw;
}
.airport_img:nth-child(2) img {
top: 30px;
transform: rotate(90deg);
width:10vw;
}
.airport_img:nth-child(3) img,.airport_img:nth-child(3) img + p {
position: relative;
top: 70px;
margin: 0 auto 10px;
}
.airport_img:nth-child(3) img + p {
padding-bottom: 20px;
}
.airport_img:nth-child(3) p{
position: relative;
top:64px;
}
.airport_card_l{
width: 60vw;
padding: 30px 30px 100px;
}
.yama_tax_banner{
width: 80%;
}
.viechle_card > div {
margin-right: 0;
width: 100%;
max-width: 100%;
}
.viechle_card {
margin: 0px 20px;
}
.vichle_img {
display: block;
width: 100%;
margin: auto;
}
.otoiawase-btn-wrap {
display: block;
width: 80%;
margin: 5px auto;
}
.otoiawase-btn-wrap > p {
margin-right: 0px;
}
.otoiwase-mail-border {
margin-bottom: 15px;
}
.t-machine::before {
margin-bottom: 5px;
}
.translate {
display: block;
}
.airport_img,.viechle_card,.tour_card{
display: block;
}
.tour_img{
width: 80vw;
}
.tour_card:last-of-type .tour_exp {
margin-left: 0px;
}
.tour_card:first-of-type .tour_exp {
margin-right: 0px;
}
th{
width: 86px;
padding-top: 20px;
padding-left: 14px;
padding-right: 14px;
}
th,td{
font-size: 14px;
}
.step {
font-size: 14px;
padding: 4px 3px 5px 5px;
display: block;
margin: 0 8px 5px;
max-width: 47px
}
.step-title{
margin-left:8px;
display: inline-block;
}
.flow-detail{
padding-left:12px;
}
.flow-detail-title{
margin-left: 15px;
}
.credit-logo {
width: 90%;
max-width: 280px;
margin-left: 30px;
}
.credit-logo-test {
width: 100%;
max-width: 300px;
margin-left: 20px;
}
.qr-logo {
width: 90%;
max-width: 290px;
margin-left: 34px;
}
.card-title {
font-size: 23px;
}
.os-concept-main{
font-size: 20px;
}
#fee-system-sp{
display: block;
}
#fee-system-pc{
display: none;
}
#sp{
display: block;
}
#pc{
display: none;
}
} @media screen and (max-width: 649px){
h2:before {
top: 118%;
}
.hero_img{
position: relative;
top: 60px;
}
.hero_wrap h1 {
padding-top: 0px;
transform: translate(0px, 0px);
}
.hero_ttl {
font-size: 15px;
text-shadow: 1px 1px 0px #000;
letter-spacing: 0.5px;
}
.hero_sub {
display: none;
}
.hero_wrap {
background: none; 
backdrop-filter: blur(0px);
top: 4vw;
width: 100%;
padding: 50px 0px;
}
.tour_exp h3 {
margin: 8px 0;
}
.tour_exp h3 {
font-size: 21px;
}
.airport_img:nth-child(3) img{
width: 22vw;
top: 60px;
}
.t-machine {
margin-bottom: 30px;
}
.otoiawase-btn-wrap {
max-width: 240px;
}
.otoiwase-mail-border {
max-width: 240px;
margin: 0 auto 7px;
}
.airport_img_s {
width: 25vw;
height: 25vw;
}
}
   nav{
margin: auto;
display: table;
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 999999;
background: #3a3a3a;
padding: 16px 0 0; }
nav ul{
display: flex;
justify-content: space-between;
margin: -5px auto -25px;
list-style: none;
font-family: kozuka-gothic-pro, sans-serif;
font-style: normal;
font-size: 15px;
font-weight: 100;
padding-left: 0px
}
nav ul li p{
margin: 7px 0 0 0;
}
nav ul li:last-child{
border-right: none;
}
.nav_form{
height: 7px;
}
.nav_pc{
color: #bf9224;
border-bottom: solid 1px #3a3a3a;
transition: all 0.3s;
}
.nav_pc:hover{
color: #edeceb;
border-bottom: solid 1px #edeceb;
opacity: 0.8;
}
.nav_drop_ul{
display: block;
margin: auto;
width: 130px;
}
.drop_down{
display: block;
opacity: 0;
padding-bottom: 4px;
transition: .5s;
}
.pctab_nav ul li:hover .drop_down{
opacity: 100;
background: #3a3a3a;
}
.nav_p{
font-size: 16px;
font-weight: 700;
color: #003c7b;
transition: all 0.2;
}
.nav_upper{
display: flex;
justify-content: space-between;
align-items: center;
}
.nav_upper > div{
transform: translateY(-6px);
}
.nav_mail{
display: inline-block;
font-family: kozuka-mincho-pro, serif;
white-space: nowrap;
color: #edeceb;
padding: 6px 5px 2px 5px;
border: 0.5px solid #bf9244;
transition: all .3s;
}
.nav_mail:hover{
background: #bf9244;
}
.nav_mail a{
font-size: 15px;
margin-top: -10px;
color: #edeceb;
} .nav_mail span{
color: #edeceb;
}
.fa-solid, .fas {
margin-right: 5px;
}
.letter_space1{
letter-spacing: 2.2px;
color: #edeceb;
font-family: kozuka-mincho-pro, serif;
font-size: 13px;
margin: -11px 0 5px 0;
}
.pcnav-inner{
width: 768px;
text-align: center;
}
.logo{
width: 145px;
margin-top: 7px;
}
.nav-button{
width: 225px;
transform: scale(0.9);
margin-right: -17%;
}
.nav{
text-align: left;
margin-left: 25px;
font-size: 16px;
font-weight: 700;
}
.nav-center{
margin: auto;
justify-content: center;
display: flex;
width: 100%
}
.pctab_nav{
height: 83px;
}
.lang{
transform: translate(140px,-27px);
font-size: 14px;
padding:2px;
} .sp_nav{
display: none;
}
a{
display: inline-block;
}
.flex{
display: flex;
}
.logo_right{
text-align: left;
}
.company_srm{
padding-top: 21px;
margin-left: 6px;
}
.company_srm > a{
color: #003c7b;
transition: all 0.2;
}
.company_srm > a:hover{
opacity: 0.5;
}
.hero-img{
background-image: url(https://en.hij-limoservice.com/en/wp-content/themes/en/css/images/pc_work2.jpg);
height: 430px;
background-size: cover;
margin-top: 100px;
background-position: center;
}
.title{
width: 70%;
position: relative;
top: 29%;
background-color: rgba(255,255,255,0.5);
}
.hero_sec{
font-family: source-han-sans-japanese, sans-serif;
font-weight: 500;
font-style: normal;
font-size: 2.5rem;
color: #FFFFFF;
border: solid 2px;
}
.barfont{
font-size: 1.8rem;
color: #fff;
background-color: #f29422;
text-align: center;
padding: 10px 0px 10px 0;
font-weight: 500;
}
.bar{
font-size: 28px; 
}
.bar::before{
content: ''; display: inline-block; width: 20px;
height: 30px;
background-image:url(https://en.hij-limoservice.com/en/wp-content/themes/en/css/images/nanamebar_before.png);
background-size: contain;
vertical-align: middle;
background-repeat: no-repeat;
transform: translate(-3px, -2px);
}
.bar::after{
content: '';
display: inline-block;
width: 30px;
height: 24px;
background-image: url(https://en.hij-limoservice.com/en/wp-content/themes/en/css/images/nanamebar_after.png);
background-size: contain;
vertical-align: middle;
background-repeat: no-repeat;
transform: translate(2px, -3px) rotate(-13deg);
}
.emphasis{
font-size: 5rem;
font-weight: 700;
color: #fff;
}
.triangle{
width: 0;
height: 0;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
border-top: 30px solid #f29422;
margin: 0 auto;
}
@media screen and (max-width: 810px){
.pctab_nav{
display: none;
}
.sp_nav{
display: block;
padding-bottom: 10px;
}
nav{
padding: 16px 0 12px;
}
nav ul{
margin: 45px 0 0;
display: block;
}
nav ul li {
padding: 8px 0px 8px 0px;
border-bottom: solid 0.5px #bf9224;
text-align: left;
border-right: none;
}
nav ul li:last-child{
border-bottom: none;
}
nav ul li p{
margin-left: 16px;
}
.nav_mail a{
font-size: 16px;
margin-right: 8px;
}
.nav-center{
display: flex;
justify-content: center;
}
.letter_space1{
letter-spacing: 1.0px;
}
.logo {
width: 28vw;
margin-left: 8px;
}
.sp-nav-button{
font-size: 14px;
color: #fff;
background: #f29422;
margin-left: 5px;
padding: 3px;
}
.sp-nav-button2{
font-size: 14px;
color: #fff;
background: #0aa6f2;
margin-left: 5px;
padding: 3px;
}
.sp-nav-button-cont{
transform: translate(-6vw, 28px);
}
.lang{
transform: translate(-127px,-14px);
font-size: 12px;
padding: 2px;
color: #3a3a3a
}
.bar{
font-size: 18px; 
}
.bar::before{
width: 18px;
height: 26px;
background-image:url(//en.hij-limoservice.com/en/wp-content/themes/en/images/nanamebar_before.png);
background-size: contain;
vertical-align: middle;
background-repeat: no-repeat;
transform: translate(1px,-1px);
}
.bar::after{
width: 24px;
height: 24px;
background-image:url(//en.hij-limoservice.com/en/wp-content/themes/en/images/nanamebar_after.png);
background-size: contain;
vertical-align: middle;
background-repeat: no-repeat;
transform: translate(2px,0px);
}
.collabo{
width: 100%;
padding: 20px 10px;
}
.tab{
display: flex;
justify-content: space-between;
}
.otoiwase-mail{
font-size: 20px;
}
.batu,.humbergar{
width: 25px;
margin-left: 15px;
margin-top: 5px;
}
.kakure{
position: absolute;
left: -70vw;
}
.open{
;
}
.btn-trigger-ul{
position: absolute;
left: -500px;
height: 100%;
transition: all 0.2s;
}
.kakure:checked ~ .btn-trigger-ul{
position: relative;
left: 0;
}
.kakure:che
cked ~ .humbergar{
display: none;
}
}
  .footer_wrap{
background:#3a3a3a;
margin-top: -10px;
}
.footer_logo{
width: 250px;
margin: auto;
padding: 60px 0 10px
}
.footer_text{
margin: 0 auto 40px;
width: 413px;
}
.footer_p{
font-size: 13px;
color: #edeceb;
text-align: center;
margin: 10px 0 12px;
line-height: 1.3;
}
.business_hours{
font-size: 11px;
letter-spacing: .3px;
}
.business_hours_sp{
display: none;
}
.tel_wrap{
display: flex;
}
.tel{
font-size: 20px;
color: #edeceb;
text-align: left;
margin: 3px 0;
}
.tel:nth-of-type(2){
margin-left: 15px;
}
.footer_text a{
color: #edeceb;
border-bottom: solid 0.5px #3a3a3a;
}
.footer_text a:hover{
border-bottom: solid 0.5px #edeceb;
opacity: 0.8;
}
small{
text-align: center;
font-size: 10px;
font-family: kozuka-gothic-pro, sans-serif;
color: #edeceb;
display: block;
padding: 0 0 4px;
}
.banner-title{
font-size: 13px;
color: #edeceb;
text-align: center;
margin-top: 30px;
}
.f-bnr-wrap{
max-width: 1400px;
margin: 0 auto 70px;
}
.banner-flex{
margin: 10px auto;
text-align: center;
}
.banner-link{
display: inline;
}
.f-banner{
margin-right: 10px;
width: 16%;
display: inline;
}
@media screen and (max-width: 810px){
.footer_p{
font-size: 11px;
text-align: center;
}
.tel_wrap{
display: block;
}
.business_hours{
display: none;
}
.business_hours_sp{
display: block;
margin-top: -16px;
line-height: 1.8;
}
.tel:nth-of-type(2){
margin-left: 0px;
}
.tel{
text-align: center;
}
.footer_text{
width: 100%;
}
.banner-link {
display: inline-block;
margin-bottom: 8px;
}
.f-banner {
width: 55%;
margin-bottom: 5px;
margin-right: 0;
}
.banner-flex:last-of-type{
margin-top: -10px;
}
}