/********************************

	INIT

********************************/

body{
word-wrap: break-word;
}
:lang(en) body,
:lang(es-ES) body,
:lang(fr-FR) body{
word-break: normal;
}

font{
font-family: 'Noto Sans', sans-serif;
font-family: 'Roboto Condensed', sans-serif;
}
a{
text-decoration: none;
color: rgba(34,83,145,1);
}
a:hover{
text-decoration: none;
color: rgba(28,153,158,1);
}

.sp{display: none;}
@media(max-width:600px){
.pc{display: none;}
.sp{display: inline-block;}
}
.bg-light{
background-color: transparent !important;
}

.btn, .woocommerce-info a.button,
.wpcf7 input[type=submit] {
display: inline-block;
font-weight: 400;
color: #212529;
text-align: center;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: 0;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-primary {
color: #000;
background-color: #fff;
border-color: #111;
border-radius: 0;
}
.btn-group-sm>.btn,
.btn-sm,
.wpcf7 .btn-group-sm>input[type=submit] {
padding: .25rem .75rem;
font-size: .875rem;
line-height: 1.5;
border-radius: 0;
}
.btn:hover,
.wpcf7 input[type=submit]:hover {
color: #212529;
text-decoration: none;
}
.btn-primary:hover {
color: #fff;
background-color: #350dff;
border-color: #2b00ff;
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
color: #fff;
background-color: #11a0d7;
border-color: #11a0d7;
}

.page-item.active .page-link {
z-index: 3;
color: #fff;
background-color: rgba(34,83,145,1);
border-color: rgba(34,83,145,1);
}
.page-link{
color: rgba(34,83,145,1);
}
.page-link:hover {
z-index: 2;
color: rgba(34,83,145,1);
background-color: #e9ecef;
border-color: #dee2e6;
}

/********************************

	COMMON

********************************/
@media (min-width: 769px) {
.row-0			{margin-left:0px;	margin-right:0px;}
.row-0>div	{padding-right:0px;	padding-left:0px;}
.row-10			{margin-left:-5px;	margin-right:-5px;}
.row-10>div	{padding-right:5px;	padding-left:5px;}
.row-20			{margin-left:-10px;	margin-right:-10px;}
.row-20>div	{padding-right:10px;padding-left:10px;}
.row-30			{margin-left:-15px;	margin-right:-15px;}
.row-30>div	{padding-right:15px;padding-left:15px;}
.row-40			{margin-left:-20px;	margin-right:-20px;}
.row-40>div	{padding-right:20px;padding-left:20px;}
.row-50			{margin-left:-25px;	margin-right:-25px;}
.row-50>div	{padding-right:25px;padding-left:25px;}
.row-60			{margin-left:-30px;	margin-right:-30px;}
.row-60>div	{padding-right:30px;padding-left:30px;}
.row-70			{margin-left:-35px;	margin-right:-35px;}
.row-70>div	{padding-right:35px;padding-left:35px;}
.row-80			{margin-left:-40px;	margin-right:-40px;}
.row-80>div	{padding-right:40px;padding-left:40px;}
.row-90			{margin-left:-45px;	margin-right:-45px;}
.row-90>div	{padding-right:45px;padding-left:45px;}
.row-100		{margin-left:-50px;	margin-right:-50px;}
.row-100>div{padding-right:50px;padding-left:50px;}
.row-110		{margin-left:-55px;	margin-right:-55px;}
.row-110>div{padding-right:55px;padding-left:55px;}
.row-120		{margin-left:-60px;	margin-right:-60px;}
.row-120>div{padding-right:60px;padding-left:60px;}
}

.mb-5, .my-5 {margin-bottom:2rem}
.mb-6, .my-6 {margin-bottom:2.5rem}
.mb-7, .my-7 {margin-bottom:3rem}
.mb-8, .my-8 {margin-bottom:3.5rem}
.mb-9, .my-9 {margin-bottom:4rem}

.section_front-gallery .row-0{margin-left:0px;	margin-right:0px;}
.section_front-gallery .row-0>div{padding-right:0px;	padding-left:0px;}


.animate{
opacity: 0;
animation-fill-mode: forwards;
}
.animated {
opacity: 1;
animation-fill-mode: backwards;
}

h1,h2,h3,h4,h5,h6{
font-family: 'Noto Sans', sans-serif;
}
.roboto{
font-family: 'Roboto Condensed', sans-serif;
font-weight: 700;
}

/********************************

LAYOUT

********************************/
.section{
position: relative;
margin: 0 0 2rem;
padding: 1rem 0 2rem;
}
.home .section{
position: relative;
margin: 0;
padding: 4rem 0;
}
html, body { height: 100%;}
body > #wrapper-footer {
position: sticky;
z-index: 1;
top: 100vh;
}

.center-center {
display: grid;
place-content: center;
gap: 1ch;
}


/********************************

HEADER

********************************/
body{

}
.navbar-light .navbar-toggler {
color: rgba(0,0,0,1);
/*background-color: rgba(255,255,255,.55);*/
border-color: rgba(0,0,0,.2);
box-shadow: none;
transition: .3s;
}
.navbar-light .navbar-toggler:hover {
color: rgba(0,0,0,1);
background-color: rgba(255,255,255,1);
background-color: rgb(255 255 255 /0);
border-color: rgb(0 0 0 /0);
}
.navbar-light .navbar-toggler{
position: relative;
}
.navbar-light .navbar-toggler:after{
position: absolute;
left: 0;
right: 0;
bottom: -10px;
margin: 0 auto;
content: "MENU";
font-family: 'Roboto Condensed', sans-serif;
font-weight: 700;
font-size: 10px;
}
.home .navbar-light .navbar-toggler:after,
.about .navbar-light .navbar-toggler:after,
.about-es .navbar-light .navbar-toggler:after,
.qui-sommes-nous .navbar-light .navbar-toggler:after,
.service .navbar-light .navbar-toggler:after,
.services .navbar-light .navbar-toggler:after,
.servicios .navbar-light .navbar-toggler:after,
.services-es .navbar-light .navbar-toggler:after,
.services-fr .navbar-light .navbar-toggler:after,
.yard .navbar-light .navbar-toggler:after,
.recruit-jp .navbar-light .navbar-toggler:after,
.how-it-works .navbar-light .navbar-toggler:after,
.post-type-archive-usedtire_export .navbar-light .navbar-toggler:after,
.category-blog-jp  .navbar-light .navbar-toggler:after,
.category-blog-en .navbar-light .navbar-toggler:after,
.category-blog-es .navbar-light .navbar-toggler:after,
.category-blog-fr .navbar-light .navbar-toggler:after{
color: rgb(255 255 255 /.55);
}
.home .is-animation .navbar-light .navbar-toggler:after,
.about .is-animation .navbar-light .navbar-toggler:after,
.about-es .is-animation .navbar-light .navbar-toggler:after,
.qui-sommes-nous .is-animation .navbar-light .navbar-toggler:after,
.service .is-animation .navbar-light .navbar-toggler:after,
.services .is-animation .navbar-light .navbar-toggler:after,
.servicios .is-animation .navbar-light .navbar-toggler:after,
.services-es .is-animation .navbar-light .navbar-toggler:after,
.services-fr .is-animation .navbar-light .navbar-toggler:after,
.yard .is-animation .navbar-light .navbar-toggler:after,
.recruit-jp .is-animation .navbar-light .navbar-toggler:after,
.how-it-works .is-animation .navbar-light .navbar-toggler:after,
.post-type-archive-usedtire_export .is-animation .navbar-light .navbar-toggler:after,
.category-blog-jp .is-animation .navbar-light .navbar-toggler:after,
.category-blog-en .is-animation .navbar-light .navbar-toggler:after,
.category-blog-es .is-animation .navbar-light .navbar-toggler:after,
.category-blog-fr .is-animation .navbar-light .navbar-toggler:after{
color: rgb(0 0 0 /.55);
}

.home .navbar-light .navbar-toggler:hover:after,
.about .navbar-light .navbar-toggler:hover:after,
.about-es .navbar-light .navbar-toggler:hover:after,
.qui-sommes-nous .navbar-light .navbar-toggler:hover:after,
.services .navbar-light .navbar-toggler:hover:after,
.servicios .navbar-light .navbar-toggler:hover:after,
.services-es .navbar-light .navbar-toggler:hover:after,
.services-fr .navbar-light .navbar-toggler:hover:after,
.yard .navbar-light .navbar-toggler:hover:after,
.recruit-jp .navbar-light .navbar-toggler:hover:after,
.category-blog-en .navbar-light .navbar-toggler:hover:after.
.category-blog-es .navbar-light .navbar-toggler:hover:after.
.category-blog-fr .navbar-light .navbar-toggler:hover:after{
color: rgb(255 255 255 /.55);
transition: .3s;
}
.home .is-animation .navbar-light .navbar-toggler:hover:after,
.about .is-animation .navbar-light .navbar-toggler:hover:after,
.about-es .is-animation .navbar-light .navbar-toggler:hover:after,
.qui-sommes-nous .is-animation .navbar-light .navbar-toggler:hover:after,
.services .is-animation .navbar-light .navbar-toggler:hover:after,
.servicios .is-animation .navbar-light .navbar-toggler:hover:after,
.services-es .is-animation .navbar-light .navbar-toggler:hover:after,
.services-fr .is-animation .navbar-light .navbar-toggler:hover:after,
.recruit-jp .is-animation .navbar-light .navbar-toggler:hover:after,
.category-blog-en .is-animation .navbar-light .navbar-toggler:hover:after,
.category-blog-es .is-animation .navbar-light .navbar-toggler:hover:after,
.category-blog-fr .is-animation .navbar-light .navbar-toggler:hover:after{
color: rgba(0,0,0,.55);
}
.navbar-light .navbar-toggler-icon{
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.btn-close{
opacity: 1;
}
.offcanvas-header .btn-close{
margin-top: .5rem;
margin-right: .5rem;
}


.link_form{
position: fixed;
top: 0;
z-index: 3;
width: 100%;
}
.link_form img{
position: absolute;
left: 0;
right: 0;
width: 200px;
margin: 0 auto;
padding: .5rem;
background-color: rgba(255,255,255,0);
border-style: solid;
border-color: #000;
border-width: 0 0 1px;
transition: .3s;
}
.link_form img:hover{
background-color: rgba(255,255,255,1);
}

#wrapper-navbar {
position: fixed;
top: 0;
left: 0;
z-index: 3;
width: 100%;
padding: .5rem 0;
background: #fff;
transition: .3s;
}
#wrapper-navbar{
background: transparent;
}
#wrapper-navbar h1 {
color: #fff;
transition: .3s;
}

#wrapper-navbar.is-animation {
padding: .5rem 0;
background-color: #fff;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.is-animation h1 {
color: #000;
}
#wrapper-navbar.is-animation .navbar-toggler{
border: none;
}

.navbar-light{
background-color: #fff;
}
.nav-item,
.nav-link{
font-family: 'Roboto Condensed', sans-serif;
font-weight: 700;
text-transform: uppercase;
}

@media (min-width:769px) {
.dropdown-item{
transition: .5s;
}
.dropdown-item.active{
background-color: rgba(0,123,255,1);
}
.dropdown-item:hover{
color: #000;
background-color: rgba(0,123,255,.25);
}
.dropdown-item.active{
color: #fff;
}
.dropdown-item.active:hover{
color: #000;
}
.nav-item,
.nav-link{
position: relative;
}
/*NAV DEPTH3*/
.dropdown:hover .dropdown-menu .dropdown-menu{
display: none;
}
.dropdown:hover .dropdown-menu li:hover .dropdown-menu{
display: block;
left: 100%;
top: -.5rem;
}
.dropdown-menu{
top: 90%;
}
.dropdown-menu:before {
content: "";
position: absolute;
top: -10px;
left: 10%;
margin-left: -5px;
border: 5px solid transparent;
border-bottom: 5px solid #e0edff;
}
.dropdown:hover .dropdown-menu {
display: block;
animation: fadeIn 1s ease 0s 1 normal;
-webkit-animation: fadeIn2 1s ease 0s 1 normal;
}
}
@keyframes fadeIn2 {
0% {opacity: 0;top:-20px;}
100% {opacity: 1;}
}



@media screen and (max-width: 768px){
.toggle {
display: none;
}
.navbar-toggler collapsed{
}
.navbar-toggler{
padding: .2rem;
margin-right: .5rem;
}
.toggle-label {
cursor: pointer;
display: block;
margin: 0;
width: 45px;
height: 45px;
user-select: none;
-webkit-tap-highlight-color: transparent;
}
.toggle-label:active {
-webkit-tap-highlight-color: transparent;
}
.toggle-label {
cursor: pointer;
}
.toggle-label .toggle-icon,
.toggle-label .toggle-icon:before,
.toggle-label .toggle-icon:after {
position: relative;
display: block;
top: 50%;
left: 50%;
height: 3px;
width: 32px;
background: #000;
content: '';
transition: all 500ms ease-in-out;
}
.toggle-label .toggle-text {
position: relative;
display: block;
top: calc(100% - 15px);
height: 14px;
font-size: 8px;
font-size: 0.8rem;
color: #50861c;
text-align: center;
}
.toggle-label .toggle-text:before {
position: absolute;
width: 100%;
left: 0;
content: '';
transition: all 500ms ease-in-out;
visibility: visible;
opacity: 1;
}
.toggle-label .toggle-text:after {
position: absolute;
width: 100%;
left: 0;
content: '';
transition: all 500ms ease-in-out;
visibility: hidden;
opacity: 0;
}
.toggle-label .toggle-icon {
transform: translate3d(-50%, 0, 0);
}
.toggle-label .toggle-icon:before {
transform: translate3d(-50%, -12px, 0);
}
.toggle-label .toggle-icon:after {
transform: translate3d(-50%, 6px, 0);
}
.toggle:checked ~ .toggle-label .toggle-icon {
background-color: transparent;
}
.toggle:checked ~ .toggle-label .toggle-icon:before,
.toggle:checked ~ .toggle-label .toggle-icon:after {
top: 0;
}
.toggle:checked ~ .toggle-label .toggle-icon:before {
transform: translateX(-50%) rotate(45deg);
top: 1.5px;
}
.toggle:checked ~ .toggle-label .toggle-icon:after {
transform: translateX(-50%) translateY(-10px) rotate(-45deg);
top: 8.5px;
}
.toggle:checked ~ .toggle-label .toggle-text:before {
visibility: hidden;
opacity: 0;
}
.toggle:checked ~ .toggle-label .toggle-text:after {
visibility: visible;
opacity: 1;
}

/*NAV DEPTH3*/
.dropdown .dropdown-menu .dropdown-menu{
display: block;
left: 0;
top: -.5rem;
}

}


.navbar{
padding: 0;
}
nav.fade:not(.show){
opacity: 1;
}
.navbar-brand img {
padding: .5rem;
}

@media screen and (max-width: 768px) {
.nav-item{
padding: .5rem 1rem;
}
}

.nav-link{
transition: .3s;
}
.navbar-dark .navbar-nav .nav-link {
color: rgba(255,255,255,.65);
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
color: rgba(255,255,255,1);
}

.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link {
font-size: 1.5rem;
color: rgba(0,0,0,1);
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
color: rgba(0,0,0,.5);
}
.btn-close-black{
background-color: #fff;
border-radius: 60px;
}

.ul_gtranslate{
margin:2rem 0 0;
padding:0;
list-style: none;
display:flex;
justify-content: flex-start;
}

.ul_gtranslate li{
margin-left: .25rem;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 700;
letter-spacing: -.05rem;
}
.ul_gtranslate li a{
color: #000;
}
.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link,
.ul_gtranslate li a {
position: relative;
display: inline-block;
padding: .4em;
text-decoration: none;
}
.navbar-light .navbar-nav .nav-link::after,
.navbar-light .navbar-nav .nav-link::after,
.ul_gtranslate li a::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
background-color: #225391;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.navbar-light .navbar-nav .nav-link:hover::after,
.navbar-light .navbar-nav .nav-link:hover::after,
.ul_gtranslate li a:hover::after {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}

.ul_gtranslate li:not(:last-child) {
margin-right: .55rem;
}

.gtranslate-wrap{
position: relative;
}
.switcher{
position: absolute;
right: 0;
top: 0;
}

#menu-item-1472{
margin-bottom: 1rem;
border: none !important;
}
#menu-item-1472 a::before,
#menu-item-1472 a::after{
content: none;
}
#menu-item-1472 a{
padding: .5rem 2rem;
display: inline-block;
color: #000 !important;
background-color: #fff;
border: 1px solid #000 !important;
}
#menu-item-1472 a:hover{
color: #fff !important;
background-color: #000;
}

/*.navbar-brand{
display: none;
}*/
.navbar-brand2 {
display: block;
}
.home .navbar-brand{
display: block;
}
.home .navbar-brand2,
.home .is-animation .navbar-brand{
display: none;
}
.is-animation .navbar-brand2 {
display: block !important;
}

/********************************

	FOOTER

********************************/
#wrapper-footer-full{
display: none;
padding-bottom: 0;
}
.menu-footer-nav-container{}
.footer-nav{
margin:0;
padding:0;
list-style: none;
display:flex;
justify-content: flex-end;
}
.footer-nav li{
margin: 0 .5rem;
font-size: .875rem;
}
.footer-nav li a{
margin: 0;
padding: .5rem;
color: #333;
}
.site-info{
text-align: center;
font-size: .75rem;
letter-spacing: .1rem;
}
.float-button__wrap {
display: none;
position: fixed !important;
bottom: 50% !important;
right: 0;
z-index: 9999;
}
.float-button__wrap img{
width: 48px;
padding: 30px 15px;
background-color: #27a0dc;
border-radius: 10px 0 0 10px;
transform-origin: right center;
transition: .3s;
}
.float-button__wrap img:hover{
transform: scale(1.2);
background-color: #db2739;
}

/********************************

	FRONT PAGE

********************************/
#keyvisual {
position:relative;
top:0;
width: 100%;
height: 100vh;
display: grid;
place-content: center;
gap: 1ch;
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
}
#keyvisual::before {
content: "";
position: fixed;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100vh;
background: url("images/dummy_tire.png") no-repeat center;
background-size: cover;
}
#keyvisual::after {
position: absolute;
left: 0;
top: 0;
content: "";
display: block;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,1);
animation: hero-tire 1s ease-in 0.3s both;
}
@keyframes hero-tire{
0%{ opacity: 1; }
100%{ opacity: 0; }
}

/*.keyvisual::after{
content:"";
position:fixed;
top:100px;
right: -40px;
z-index:0;
width:600px;
height: 600px;
background-image: url(images/worldmap.svg);
opacity: 1;
}*/
@media(max-width:520px){
.keyvisual::after{
display: none;
}
}

.bg_pcr,
.bg_ltr,
.bg_tbr{
background-repeat: no-repeat;
background-position: right bottom;
background-size: contain;
}
.bg_pcr{background-image: url(images/bg_pcr-8.png);}
.bg_ltr{background-image: url(images/bg_ltr-8.png);}
.bg_tbr{background-image: url(images/bg_tbr-8.png);}

.home .contents{
position: relative;
z-index:1;
background:#fff;
padding:0 0;
}
.interlude{
text-align: center;
}
.interlude p{
font-family: 'Roboto Condensed', sans-serif;
font-size: 2.5rem;
font-weight: 600;
color: #fff;
}
@media(max-width:520px){
/* .interlude{
z-index: -1;
} */
.wp-image-1767{
max-width: 120px;
}
}
.slick-initialized .slick-slide{
margin:0 1rem;
width:100%;
height:100%;
display: flex; /* 子要素をflexboxで揃える */
flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
justify-content: center; /* 子要素をflexboxにより中央に配置する */
align-items: center;  /* 子要素をflexboxにより中央に配置する */
}

.slick-slide img {
display:block;
width: auto;
max-height:60px;
height: 60px;
}

.home .interlude h1{
font-family: 'Noto Sans', sans-serif;
font-size: 4.5rem;
font-weight: 700;
letter-spacing: .1rem;
text-transform: uppercase;
color: #fff;
}
.home .interlude h1 small{
display: block;
font-size: 2.5rem;
font-weight: 400;
letter-spacing: .25rem;
}
.home .interlude h1 span.yellow{
color: #fec013;
}
.home .interlude h1 span.red{
color: #bc002d;
}

.section_tire-interlude{
position: relative;
z-index: 3;
background-color: rgba(255,255,255,1);
}
.section_light-gray{
background-color: rgba(0,0,0,.025);
}

.nmt-8{
margin-top: -12rem;
}
.home .nmt-8 figure{
position: relative;
padding: 1rem;
}
.home .nmt-8 figure::after{
content: "";
position: absolute;
left: 1rem;
bottom: 0;
display: block;
width: 45px;
height: 1px;
background-color: #225391;
}

.home .nmt-8 figure img{
margin-bottom: .5rem;
filter: drop-shadow(5px 10px 20px rgba(0,0,0,.3));
}
.home .nmt-8 figcaption{
}
.home .nmt-8 figcaption dl{}
.home .nmt-8 figcaption dt{
margin: 0 0 1rem;
font-size: 2rem;
line-height: 1;
color: #225391;
}
.home .nmt-8 figcaption dt strong{
position: relative;
top: 0.5rem;
display: block;
margin: 0 0 1rem;
font-size: 4rem;
color: #000;
}
.home .nmt-8 figcaption dd{
margin: 0 0 1rem;
font-size: 1.125rem;
word-break: break-word;
letter-spacing: .05rem;
}

.worldmap{
background-image: url(images/worldmap.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center bottom;
}
.worldmap h2{
margin: 0 0 2rem;
padding: 0;
font-weight: 700;
line-height: 1.5;
}
.worldmap p{
font-size: 1.125rem;
line-height: 2;
}

.wp-image-1767.animated{
animation: tire-track-circle linear 8s 0s infinite;
}
@keyframes tire-track-circle{
0%{ transform:rotateZ(0);}
100%{ transform:rotateZ(360deg); }
}

.brandslider{
padding: 2rem 0;
background-color: rgba(0,0,0,0);
border-style: solid;
border-color: rgba(0,0,0,.05);
border-width: 1px 0;
}
.section_latest-blog{}
.section_latest-blog h2{
margin: 0 0 2rem;
}
.section_latest-blog p{
margin: 0;
padding: 0;
font-size: .875rem;
letter-spacing: .05rem;
line-height: 1.75;
}
.section_we-can{
color: #fff;
background-color: #225391;
background-image: url(images/bg_we-can.webp);
background-repeat: no-repeat;
background-size: cover;
}
.section_we-can h3{
margin: 0 0 1rem;
color: rgba(255,255,255,.5);
letter-spacing: .25rem;
}
.section_we-can h4{
margin: 0 0 2rem;
letter-spacing: .035rem;
}
.section_we-can p{
position: relative;
z-index: 2;
line-height: 1.75;
letter-spacing: .05rem;
color: rgba(255,255,255,.75);
}
.section_we-can p::after{
content: "";
position: absolute;
z-index: -1;
left: 0;
bottom: 0;
display: block;
width: 107.5%;
height: 100%;
/*background-color: #225391;*/
}
.section_we-can span{
position: relative;
display: block;
overflow: hidden;
}
.section_we-can span::after{
/*content: "";*/
position: absolute;
z-index: 2;
left: 0;
bottom: 0;
display: block;
width: 150px;
height: 30px;
background-color: #225391;
}
.section_we-can span img{
transition: 1s;
}
.section_we-can span img:hover{
transform: scale(1.1);
}

.mask img {
aspect-ratio: 1 / 1;
object-fit: cover;
transition: 1s;
}
.section_front-gallery{
overflow: hidden;
}
.section_front-gallery .container-fluid{
padding-left: 0;
padding-right: 0;
}
.national-flag{
display: flex;
list-style: none;
justify-content: center;
gap: 15px;
}
.section_aig img{
border: 1px solid #021871;
border-radius: 4px;
box-shadow: rgba(2, 24, 113, 0.2) 0px 8px 24px;
}

/********************************

	2nd Page

********************************/
.heading {
position: relative;
overflow: hidden;
min-height: 250px;
}
.heading h1{
position: absolute;
left: 0;
right: 0;
top: 45%;
margin: 0 auto;
color: #fff;
}
.heading h1 span{
padding: .5rem 2.5rem;
/*background-color: #fff;*/
text-transform: uppercase;
}
.mv{
position: absolute;
z-index: -1;
right: 0;
top: 0;
width: 100%;
max-width: 100%;
}
.skewed {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: 100%;
height: 100px;
background: #fff;
z-index: 0;
transform: skewY(2deg);
transform-origin: top right;
}

.page .section h2{
font-family: 'Roboto Condensed', sans-serif;
font-size: 3rem;
font-weight: 700;
}


/********************************

	HOW IT WORKS

********************************/
.howitworks{}
.howitworks .section h2{
font-family: 'Roboto Condensed', sans-serif;
}
.howitworks .section h2 small{
display: block;
font-size: 1rem;
}
.howitworks .section_step figure{
position: relative;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 10px;
overflow: hidden;
}
.howitworks .section_step figure img{
margin: 0;
padding: 0;
display: block;
mix-blend-mode: multiply;
background-color: #fafafa;
}
.howitworks .section_step figcaption{
padding: 0 .5rem .5rem;
}
.howitworks .section_step figcaption dt{
display: inline-block;
margin-left: -.5rem;
padding: .5rem;
color: #fff;
background-color: #000;
transform: translateY(-15px);
}
.howitworks .section_step figcaption a.btn{
font-family: 'Roboto Condensed', sans-serif;
font-size: .937rem;
}
.section_payable{}
.section_payable ul{
list-style: none;
}
.section_payable li{
position: relative;
display: block;
padding: .5rem;
font-family: 'Roboto Condensed', sans-serif;
font-size: 1.25rem;
font-weight: 700;
}
.section_payable li:before {
margin-right: .5rem;
content: "\f00c";
font-family: FontAwesome;
color: #82bfe0;
}
.section_payable li:not(:last-child) {
border-bottom: 1px solid #ddd;
}
.section_faq dt{
margin: 0 0 1rem;
font-family: 'Roboto Condensed', sans-serif;
font-size: 1.125rem;
font-weight: 700;
text-transform: uppercase;
}
.section_faq dd{
color: #5f5f5f;
}
.section_faq dd:not(:last-child) {
margin-bottom: 2rem;
}
.howitworks .section_step a.btn,
.howitworks .section_contact a.btn{
background-color: #27a0dc;
border-color: #27a0dc;
}
.howitworks .section_step a.btn:hover,
.howitworks .section_contact a.btn:hover{
color: #27a0dc;
background-color: #fff;
}


/********************************

	About Us

********************************/
.services{}
.services .section_01{
background-color: rgba(0,0,0,.02);
}

.services .section .services-description h2{
font-size: 2.5rem;
}
.services .section .services-description p{
padding-left: 3rem;
font-size: 1.125rem;
line-height: 1.75;
letter-spacing: .05rem;
border-left: 1px solid #000;
}
.services .section .card ul{
margin: 0;
padding: 0;
list-style: none;
}
.services .section .card ul li{
font-family: 'Roboto Condensed', sans-serif;
font-size: 1rem;
font-weight: 700;
}
.services .section .card ul li:before {
margin-right: .5rem;
content: "\f10c";
font-family: FontAwesome;
color: #999;
}
.services .section .card .card-img-top{
margin-bottom: 1rem;
}
.services .section .card .card-title{
margin: 0 0 1rem;
font-family: 'Roboto Condensed', sans-serif;
font-size: 1.625rem;
text-transform: uppercase;
font-weight: 700;
color: rgba(48,83,141,1);
}
.services .section .card .card-text{
line-height: 1.5;
letter-spacing: .05rem;
}
.section_certificate img{
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}


/********************************

	About Us

********************************/
.section_mvv{
background-color: rgba(255,255,255);
}
.section_mvv h2{
margin: 0 0 2rem;
}
.section_mvv p{
margin: 0 0 2rem;
padding: 0 0 0 5rem;
}
.section_mvv ul{
margin: 0;
padding: 0 0 0 6rem;
}
.section_mvv ul li{
margin: 0;
padding: .5rem 0;
border-bottom: 1px solid rgba(255,255,255);
}


/********************************

	Movies

********************************/
.youtube {
width: 100%;
aspect-ratio: 16 / 9;
}
.youtube iframe {
width: 100%;
height: 100%;
}
.youtube a {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

.youtube a::before {
position: absolute;
z-index: 2;
content: "\f04b";
font-family: FontAwesome;
font-size: 2.5rem;
color: rgba(255,255,255,.75);
text-shadow: 1px 1px 12px rgba(0,0,0,.5);
}
figure.youtube img{
display: block;
margin: 0 0 1rem;
filter: grayscale(70%);
transition: .3s;
}
figure.youtube img:hover{
filter: grayscale(0%);
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
figure.youtube figcaption{
font-family: 'Roboto Condensed', sans-serif;
font-weight: 700;
letter-spacing: -.025rem;
}
figure.youtube figcaption i{
margin-right: .5rem;
color: #ea3323;
}
h2.roboto{
margin: 0 auto 2rem;
font-family: 'Roboto Condensed', sans-serif;
font-size: 3rem;
font-weight: 700;
}
.video-wrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
height: 0;
overflow: hidden;
max-width: 100%;
margin-bottom: 2em;
}
.video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-wrapper-short {
position: relative;
padding-bottom: 177.77%; /* 9:16 */
height: 0;
overflow: hidden;
max-width: 100%;
margin-bottom: 2em;
}
.video-wrapper-short iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/********************************

	Used Tire Size Survey Form

********************************/
.tire-size-survey-form{}
.tire-size-survey-form .wpcf7{
width: 100%;
max-width: 100%;
}
.please_usedtire{
margin: 0 0 2rem;
padding: 1rem;
background-color: rgba(48,83,141,.1);
border: 1px solid #000;
border-radius: 3px;
}
.please_usedtire .lead{
font-weight: 700;
}

.tire-size-survey-form .wpcf7 dl,.tire-size-survey-form .wpcf7 dt,.tire-size-survey-form .wpcf7 dd{
margin: 0;
padding: 0;
}
.tire-size-survey-form .wpcf7 dl{
margin: 0;
padding: 0;
}
.tire-size-survey-form .wpcf7 dt,
.tire-size-survey-form .wpcf7 dd{
}
.tire-size-survey-form .wpcf7 dt{
display: block;
margin: 0;
padding: 0;
transition: .2s;
}
.tire-size-survey-form .wpcf7 dt:hover{
background-color: rgba(34,83,145,.25);
}
.tire-size-survey-form .wpcf7 dt label{
padding: .5rem;
cursor: pointer;
}
.tire-size-survey-form .wpcf7 dd{
margin: 0 0 1rem;
padding: .5rem 1.5rem;
background-color: #fff;
border: 1px solid #ddd;
}

.tire-size-survey-form .wpcf7-list-item {
display: inline-block;
margin: 0 .5em 0 0;
}

.tire-size-survey-form .wpcf7 .submit{
}
.contact .wpcf7 .submit input,
.tire-size-survey-form .wpcf7 .submit input{
width: 100%;
padding: 1rem 0;
color: #fff;
font-size: 1.5rem;
font-weight: 700;
letter-spacing: .75rem;
text-transform: uppercase;
background-color: rgba(48,83,141,1);
border:2px solid rgba(48,83,141,1);
border-radius: 60px;
}
.contact .wpcf7 .submit input:hover,
.tire-size-survey-form .wpcf7 .submit input:hover{
color: rgba(48,83,141,1);
background-color: rgba(255,255,255,1);
}


/*Checkboxes styles*/
.tire-size-survey-form .wpcf7 dt input[type="checkbox"] { display: none; }

.tire-size-survey-form .wpcf7 dt input[type="checkbox"] + span {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 20px;
  font: 16px/20px 'Open Sans', Arial, sans-serif;
  color: #000;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.tire-size-survey-form .wpcf7 dt input[type="checkbox"] + span:last-child { margin-bottom: 0; }

.tire-size-survey-form .wpcf7 dt input[type="checkbox"] + span:before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #0000e5;
  position: absolute;
  left: 0;
  top: 0;
  opacity: .6;
  -webkit-transition: all .12s, border-color .08s;
  transition: all .12s, border-color .08s;
}

.tire-size-survey-form .wpcf7 dt input[type="checkbox"]:checked + span:before {
  width: 10px;
  top: -5px;
  left: 5px;
  border-radius: 0;
  opacity: 1;
  border-top-color: transparent;
  border-left-color: transparent;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/********************************

	About Us

********************************/
.about{}
.tire-mark_02{
position: fixed;
z-index: -1;
right: -60px;
top: 100px;
}
.about .section h2{
margin: 0 0 2rem;
font-weight: 700;
letter-spacing: .05rem;
}
.about .section dl{
margin: 0 0 4rem;
}
.about .section dt{
display: inline-block;
margin: 0 0 1rem;
padding: 0 0 .5rem;
font-size: 1rem;
font-weight: 700;
letter-spacing: .05rem;
color: rgba(48,83,141,1);
border-bottom: 1px solid #000;
}
.about .section dd:not(:last-child) {
margin-bottom: 2rem;
}

/********************************

	Privacy Policy

********************************/
.privacy-policy{}
.tire-mark_01{
position: fixed;
z-index: -1;
left: 60px;
top: 0;
}
.privacy-policy .section dl{
margin: 0 0 3rem;}
.privacy-policy .section dt{
display: inline-block;
margin: 0 0 1rem;
padding: 0 0 .5rem;
font-size: 1.25rem;
font-weight: 700;
letter-spacing: .05rem;
border-bottom: 1px solid #000;
}
.privacy-policy .section dd{
margin: 0 0 1rem;
padding: 0;
font-size: 1rem;
font-weight: 400;
line-height: 1.75;
letter-spacing: .05rem;
}
.privacy-policy .section dd:not(:last-child) {
margin-bottom: 1rem;
}



/********************************

	ARCHIVE

********************************/

.archive{
background-color: rgba(0,0,0,.01);
}
.archive .post{
padding: 1rem;
background-color: rgba(255,255,255,1);
border: 1px solid rgba(0,0,0,.2);
background-image: url(http://usjen.local/wp-content/uploads/2022/07/tire-mark_01.webp);
background-repeat: no-repeat;
background-position: right bottom;
background-size: auto 100%;
}
.archive .post .mask{
position: relative;
}
.archive .post .mask:hover{
overflow: hidden;
}

.archive .post .mask img{
transition: .5s;
}
.archive .post .mask img:hover{
transform: rotate(-5deg) scale(1.2);
}

.archive .page-header,
.single .entry-header{
margin: 0 0 2rem;
}
.archive .page-header h1.page-title{
margin: 0 0 2rem;
font-family: 'Noto Sans', sans-serif;
font-size: 4.5rem;
font-weight: 700;
}
.archive .post{
margin: 0 0 4rem;
}
.archive .post .entry-title{
font-size: 1.5rem;
letter-spacing: .05rem;
}
.archive .post .entry-meta,
.single .post .entry-meta{
margin: 0 0 1rem;
padding: .25rem;
font-family: 'Roboto Condensed', sans-serif;
font-size: .875rem;
letter-spacing: .05rem;
border-top: 1px solid rgba(0,0,0,.2);
border-bottom: 1px solid rgba(0,0,0,.2);
}
.archive .post .entry-content{
margin: 0 0 1rem;
padding: .25rem;
font-size: .875rem;
line-height: 1.75;
letter-spacing: .05rem;
}
.archive .post .entry-footer{
margin: 0 0 1rem;
padding: .25rem;
font-family: 'Roboto Condensed', sans-serif;
font-size: .875rem;
letter-spacing: .05rem;
border-top: 1px solid rgba(0,0,0,.2);
}
.archive .post .entry-content .btn-secondary{
border: 1px solid rgba(0,0,0,1);
}
.archive .post .entry-content .btn-secondary:hover{
color: #fff;
}

.single {
background-color: rgba(0,0,0,.01);
}
.single .kv{
position: relative;
margin: 0 0 4rem;
background-repeat: no-repeat;
background-image: url(images/bg_we-can.webp);
background-position: left center;
background-size: cover;
}
.single .kv::after{
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -2rem;
margin: 0 auto;
display: block;
width: 60px;
height: 2px;
background-color:rgba(48,83,141,1) ;
}
.single .kv img{
display: block;
margin: 0 auto;
width: auto;
max-height: 350px;
aspect-ratio:16 / 9;
object-fit: cover;
}

.single .entry-header h1.entry-title{
font-size: 2rem;
letter-spacing: .05rem;
}





/********************************

	RWD

********************************/
@media(min-width:769px){
.home .navbar-light,
.home .bg-light{
background-color: transparent !important;
}
.home .navbar-light .navbar-nav .nav-link,
.home .navbar-light .navbar-nav .nav-link{
color: #fff;
}
.home .is-animation .navbar-light .navbar-nav .nav-link,
.home .is-animation .navbar-light .navbar-nav .nav-link{
color: #fff;
}
.home .navbar-light .navbar-nav .nav-link:focus,
.home .navbar-light .navbar-nav .nav-link:hover{
color: #fff;
}
.home .is-animation .navbar-light .navbar-nav .nav-link:focus,
.home .is-animation .navbar-light .navbar-nav .nav-link:hover{
color: #000;
}
}
@media(max-width:768px){

.navbar-light .navbar-toggler {
/*color: rgba(255,255,255,1);
border-color: rgba(0,0,0,1);
background-color: rgba(0,0,0,1);
border-radius: 120px; */
border: none;
}
.offcanvas-backdrop.show{
opacity: .5;
}
.offcanvas.show.bg-light{
background-color: #333 !important;
}
.navbar-light .navbar-nav .nav-link {
font-size: 2rem;
color: rgba(255,255,255,1);
}
.navbar-light .navbar-nav .nav-link:hover {
color: rgba(255,255,255,1);
}
.mv {
max-width: 75vw;
}
}

@media(max-width:520px){
.home .interlude h1{
font-size: 2rem;
letter-spacing: normal;
}
.home .interlude h1 small{
display: block;
margin-top: 2rem;
font-size: 1.5rem;
line-height: 1.5;
font-weight: 400;
letter-spacing: .25rem;
}
.tire-mark_02{
display: none;
}
}
@media(max-width:320px){
.navbar-brand{
max-width: 200px;
}
}



.offcanvas-end {
top: 0;
right: 0;
border-left: 1px solid rgba(0,0,0,.2);
transform: translateX(100%);
/*padding-left: calc(100% - 400px);*/
background-color: transparent;
background-image: url(images/bg_we-can.webp);
background-repeat: no-repeat;
background-position: left center;
background-size: cover;
filter: brightness(150%);
}
.offcanvas-header,
.offcanvas-body{
/*background-color: #fff;*/
}

.menu-item-gtranslate{
display: block;
padding: .25rem .75rem;
}
a.glink img{
margin-right: .5rem;
}
a.glink span {
margin-right: 5px;
font-size: 1rem;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 700;
vertical-align: middle;
}
.navbar-nav li:nth-child(8){
margin-bottom: 3rem;
}


.secondary-mv{
position: relative;
min-height: 350px;
margin: 0 0 4rem;
display: grid;
place-content: center;
gap: 1ch;
background-position: center center;
background-size: cover;
overflow: hidden;
transform: translate(0,-60px);
}
.secondary-mv::before{
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -2px;
display: block;
width: 100%;
height: 60px;
background-image: url(images/curve.svg);
background-position: center bottom;
background-size: cover;
background-repeat: no-repeat;
}
.secondary-mv::before{
animation: name 1s ease-in 0s both;
}
@keyframes name{
0%{height: 0;  }
100%{ height: 60px; }
}
.secondary-mv h1{
color: #fff;
text-transform: uppercase;
letter-spacing: .2rem;
font-family: 'Roboto Condensed', sans-serif;
font-size: 3rem;
font-weight: 700;
text-shadow: 1px 1px 12px rgba(0,0,0,.5);
}

#single-wrapper{
margin-top: 4rem;
}
.widget-area .widget_nav_menu{
margin: 0 0 3rem;
}
.widget-area .widget_nav_menu ul{
margin: 0;
padding: 0;
list-style: none;
}
.widget-area .widget_nav_menu ul li{
margin: 0;
padding: .1rem 0;
}
.widget-area .widget_nav_menu ul li a{
position: relative;
display: block;
margin: 0;
padding: .25rem;
color: #000;
font-family: 'Roboto Condensed', sans-serif;
font-size: 1.25rem;
font-weight: 700;
}

.widget-area .widget_nav_menu ul li:not(:last-child) {
border-bottom: 1px solid rgba(0,0,0,.1);
}
.widget-area .widget_nav_menu ul li:first-child{
margin:0 0 1rem;
padding: 0;
border: 1px solid #000;
}
.widget-area .widget_nav_menu ul li:first-child a{
transition: .3s;
}
.widget-area .widget_nav_menu ul li:first-child a:hover{
color: #fff;
background-color: #000;
}

.widget-area .widget_nav_menu ul li a::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 100%;
height: 1px;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
background-color: #225391;
-webkit-transition: all .3s ease;
transition: all .3s ease;
transform-origin: left;
}
.widget-area .widget_nav_menu ul li a:hover::after{
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}

.widget-area .widget-title{
position: relative;
margin: 0 0 1rem;
font-family: 'Roboto Condensed', sans-serif;
font-size: 1.5rem;
font-weight: 700;
text-transform: uppercase;
}
.widget-area .widget-title::after{
content: "";
position: absolute;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background-color: #000;
}

.rpwe-li .rpwe-title {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 500;
font-size: 1.125rem !important;
line-height: 1.5em;
}
.rpwe-time{
font-family: 'Roboto Condensed', sans-serif;
color: #000 !important;
font-weight: 500;
letter-spacing: .05rem;
}

@media(min-width:768px){
.offcanvas,
.offcanvas.show{
transform: none !important;
}
.offcanvas{
opacity: 0;
transition: .6s;
}
.offcanvas.show{
opacity: .9;
}
.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link {
color: rgba(255,255,255,.75);
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
color: rgba(255,255,255,1);
}
.navbar-nav.justify-content-end{
text-align: center;
}
a.glink span{
color: rgba(255,255,255,.75);
}

}


.rpwe-block li {
display: block !important;
}

/* SP時ヘッダー、フッターの画面揺れ、デザイン修正 2023/1/16 */
#archive-wrapper, #single-wrapper {
  padding: 1.5rem 0 2rem;
  margin-top: 0;
}
#page-wrapper {
  padding: 2rem 0 2rem;
  margin-top: 0;
}
#search-wrapper {
  padding: 8rem 0 2rem;
}
.navbar-light {
  background-color: transparent!important;
}
#wrapper-navbar {
  /* background-color: #fff; */
}
.single .kv {
  display: none;
}
@media(max-width:768px){
  #page-wrapper, #archive-wrapper, #single-wrapper {
    padding: 0 0 2rem;
    margin-top: 0;
  }
  #search-wrapper {
    padding: 6rem 0 2rem;
  }
  #wrapper-navbar {
    max-width: 100%;
    width: 100%;
  }
  .navbar-brand {
    margin-right: 0;
  }
  .navbar-toggler, .navbar-light .navbar-toggler {
    padding: 0;
    position: relative;
    margin-right: 0;
    right: 0;
  }
  .navbar-light .navbar-toggler {
    color: rgba(0,0,0,1);
    background-color: transparent;
    border-color: rgba(0,0,0,.2);
    box-shadow: none;
    transition: .3s;
  }
  .secondary-mv {
    position: relative;
    min-height: 450px;
    margin: 0;
  }
  .secondary-mv h1 {
    text-align: center;
    font-size: 2.5rem;
  }
  .footer-nav {
    margin: 20px auto;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
  }
}


.dl_blog-others{
}
.dl_blog-others,.dl_blog-others dt,.dl_blog-others dd{
margin: 0;
padding: 0;
}
.dl_blog-others{
background-color: #fff;
margin: 0 0 1rem;
padding: .5rem;
width: 100%;
display: flex;
flex-wrap: wrap;
border-radius: 3px;
}
.dl_blog-others dt{
}
.dl_blog-others dt,
.dl_blog-others dd{
padding: .5rem;
box-sizing: border-box;
border-bottom: 1px solid #E4E4E4;
}
.dl_blog-others dt{
width: 60px;
}
.dl_blog-others dd{
width: calc(100% - 60px);
}


/*FOOTER 20240514*/
#wrapper-footer{
position: relative;
padding: 0 0 1rem;
color: #fff;
background-color: #101010;
background-image: url(images/bg_footer.svg);
background-repeat: no-repeat;
background-position: left bottom;
}
.breadcrumbs-wrapper{
margin: 0 0 1rem;
padding: .5rem 0;
background-color: #000;
}
.breadcrumbs-wrapper p{
margin: 0 !important;
font-family: 'Roboto Condensed', sans-serif;
font-size: 1rem;
font-weight: 600;
color: rgb(255 255 255 / .75);
letter-spacing: .02em;
}
.breadcrumbs-wrapper p a{
color: rgb(255 255 255 / 1);
}

#wrapper-footer h3{
display: flex;
justify-content: left;
align-items: center;
font-size: 26px;
text-align: left;
}
#wrapper-footer h3::after {
content: '';
width: 100%;
height: 1px;
background-color: rgb(255 255 255 / .25);
margin-left: 20px;
}

#wrapper-footer .justify-content-md-end div:first-child{
position: relative;
}
#wrapper-footer .justify-content-md-end div:first-child:after{
content: "";
position: absolute;
right: 12px;
top: 0;
width: 1px;
height: 100%;
border-right: 1px solid rgba(255 255 255 / .25);
}

.footer-sns ul{
display: flex;
justify-content: end;
list-style: none;
}
.footer-sns ul li{
margin: 0 .35rem;
}
.footer-sns ul li a img{
opacity: .8;
transition: .3s;
}
.footer-sns ul li a:hover img{
opacity: 1;
transform: scale(1.1);
}

.footer-navigation{
display: none;
}
.footer-navigation{
margin: 0;
padding: 0;
list-style: none;
}
.footer-navigation li{
font-family: 'Roboto Condensed', sans-serif;
font-size: 1.25rem;
font-weight: 600;
line-height: 1;
letter-spacing: .05em;
white-space: nowrap;
}
.footer-navigation li:not(:last-child) {
margin-bottom: .5rem;
}
.footer-navigation li a{
color: rgb(255 255 255 / .8);
transition: .3s;
}
.footer-navigation li a:hover{
color: rgb(255 255 255 / 1);
}
.footer-navigation li a {
position: relative;
display: inline-block;
padding: .4em 0;
text-decoration: none;
}
.footer-navigation li a::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
transform: scaleX(0);
transform-origin: left;
background-color: rgba(255 255 255 / .5);
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.footer-navigation li a:hover::after {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}

.site-lang p{
font-family: 'Roboto Condensed', sans-serif;
font-size: .937rem;
line-height: 1;
letter-spacing: .1em;
color: rgb(255 255 255 / .75);
}

.site-lang dl,.site-lang dt,.site-lang dd{
margin: 0;
padding: 0;
}
.site-lang dl{
margin: 0;
width: 100%;
display: flex;
flex-wrap: wrap;
}
.site-lang dt,
.site-lang dd{
padding: .5rem;
box-sizing: border-box;
}
.site-lang dt{
font-family: 'Roboto Condensed', sans-serif;
font-size: 2rem;
line-height: 1;
width: 2em;
}
.site-lang dd{
font-family: 'Roboto Condensed', sans-serif;
font-size: 1rem;
letter-spacing: .1em;
width: calc(100% - 4em);
}
.site-lang dt a{
color: rgba(255 255 255 / .8);
transition: .3s;
}
.site-lang dt a:hover{
color: rgba(255 255 255 / 1);
}
.site-lang dd a{
color: rgba(255 255 255 / .25);
transition: .3s;
}
.site-lang dd a:hover{
color: rgba(255 255 255 / 1);
}
.site-info{
padding: 3rem 0;
font-family: 'Roboto Condensed', sans-serif;
font-size: .75rem;
line-height: 1;
letter-spacing: .1em;
text-align: center;
}

/* 20240628 */
body.page-id-1986 h1.entry-title{
display:none;
}
/*single page-nav*/
 .single-post #single-wrapper 

.category-blog .entry-footer{
margin: 0 0 2rem;
}
.category-blog .entry-footer .cat-links{
font-family: 'Roboto Condensed', sans-serif;
}
.category-blog .entry-footer .cat-links a{
display: inline-block;
margin: 0 .25rem;
padding: .25rem;
font-family: 'Roboto Condensed', sans-serif;
line-height: 1;
text-transform: uppercase;
font-weight: 700;
font-size: 1.125rem;
border: 1px solid rgba(34,83,145,1);
border-radius: 3px;
}

.nav-ba .inner{
padding: 1.5rem;
background-color: rgb(0 0 0 / .05);
border-radius: 3px;
}
.nav-prev-link,
.nav-next-link{
display: flex;
gap: 30px;
align-items: center;
}
.nav-prev-link img,
.nav-next-link img{
border-radius: 50%;
max-width: 90px;
height: auto;
}
.nav-prev-link h4,
.nav-next-link h4{
font-size: 1rem;
}





/********************************

	INIT

********************************/

body{
word-break: break-all;
}


.btn, .woocommerce-info a.button,
.wpcf7 input[type=submit] {
display: inline-block;
font-weight: 400;
color: #212529;
text-align: center;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn-primary {
color: #fff;
background-color: #000;
border-color: #000;
}
.btn-group-sm>.btn,
.btn-sm,
.wpcf7 .btn-group-sm>input[type=submit] {
padding: .25rem .5rem;
font-size: .875rem;
line-height: 1.5;
border-radius: .2rem;
}
.btn:hover,
.wpcf7 input[type=submit]:hover {
color: #212529;
text-decoration: none;
}
.btn-primary:hover {
color: #212529;
background-color: #fff;
border-color: #212529;
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
color: #fff;
background-color: #11a0d7;
border-color: #11a0d7;
}

.bg-dark {
background-color: rgba(0,0,0,1)!important;
}

.center-center {
display: grid;
place-content: center;
gap: 1ch;
}


/********************************

HEADER

********************************/

.navbar-light.bg-light{
background-color: transparent !important;
}

@media (min-width:769px) {
.dropdown-item{
transition: .5s;
}
.dropdown-item.active{
background-color: rgba(0,123,255,1);
}
.dropdown-item:hover{
color: #000;
background-color: rgba(0,123,255,.25);
}
.dropdown-item.active{
color: #fff;
}
.dropdown-item.active:hover{
color: #000;
}
.nav-item,
.nav-link{
position: relative;
font-size: 1.5rem;
}
/*NAV DEPTH3*/
.dropdown:hover .dropdown-menu .dropdown-menu{
display: none;
}
.dropdown:hover .dropdown-menu li:hover .dropdown-menu{
display: block;
left: 100%;
top: -.5rem;
}
.dropdown-menu{
top: 90%;
}
.dropdown-menu:before {
content: "";
position: absolute;
top: -10px;
left: 10%;
margin-left: -5px;
border: 5px solid transparent;
border-bottom: 5px solid #e0edff;
}
.dropdown:hover .dropdown-menu {
display: block;
animation: fadeIn3 1s ease 0s 1 normal;
-webkit-animation: fadeIn 1s ease 0s 1 normal;
}
}
@keyframes fadeIn3 {
0% {opacity: 0;top:-20px;}
100% {opacity: 1;}
}



@media screen and (max-width: 768px){
/*NAV DEPTH3*/
.dropdown .dropdown-menu .dropdown-menu{
display: block;
left: 0;
top: -.5rem;
}
}


.navbar{
padding: 0;
}
nav.fade:not(.show){
opacity: 1;
}
.navbar-brand img {
padding: .5rem;
}

@media screen and (max-width: 768px) {
.nav-item{
padding: .5rem 1rem;
}
}

.nav-link{
transition: .3s;
}
.navbar-dark .navbar-nav .nav-link {
color: rgba(255,255,255,.65);
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
color: rgba(255,255,255,1);
}

.offcanvas-end {
top: 0;
right: 0;
border-left: 1px solid rgba(0,0,0,.2);
transform: translateX(100%);
/* padding-left: calc(100% - 400px); */
background-color: transparent;
background-image: url(images/bg_we-can.webp);
background-repeat: no-repeat;
background-position: left center;
background-size: cover;
}

.offcanvas,
.offcanvas.show{
transform: none !important;
}
.offcanvas{
opacity: 0;
transition: .6s;
}
.offcanvas.show{
opacity: .9;
}
.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link {
color: rgba(255,255,255,.75);
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
color: rgba(255,255,255,1);
}
.navbar-nav.justify-content-end{
text-align: center;
}

.navbar-brand-dark{
display: none;
}
.is-animation .navbar-brand{
display: none;
}
.is-animation .navbar-brand-dark{
display: block;
}
.navbar-light .navbar-toggler{
color: rgba(255,255,255,.55);
color: rgb(0 0 0 /1);
border-color: rgb(255 255 255 /0);
}
.is-animation .navbar-light .navbar-toggler {
color: rgba(0,0,0,.55);
border-color: rgba(0,0,0,.1);
}
.home .navbar-light .navbar-toggler-icon,
.about .navbar-light .navbar-toggler-icon,
.about-es .navbar-light .navbar-toggler-icon,
.qui-sommes-nous .navbar-light .navbar-toggler-icon,
.service .navbar-light .navbar-toggler-icon,
.servicios .navbar-light .navbar-toggler-icon,
.services .navbar-light .navbar-toggler-icon,
.services-es .navbar-light .navbar-toggler-icon,
.services-fr .navbar-light .navbar-toggler-icon,
.yard .navbar-light .navbar-toggler-icon,
.recruit-jp .navbar-light .navbar-toggler-icon,
.how-it-works .navbar-light .navbar-toggler-icon,
.post-type-archive-usedtire_export .navbar-light .navbar-toggler-icon,
.category-blog-en .navbar-light .navbar-toggler-icon,
.category-blog-es .navbar-light .navbar-toggler-icon,
.category-blog-fr .navbar-light .navbar-toggler-icon,
.category-blog-jp .navbar-light .navbar-toggler-icon{
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.is-animation .navbar-light .navbar-toggler-icon{
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}


/********************************

RESET

********************************/

.wrapper:lang(ja) {
padding: 0 0 1.5rem;
}

/********************************

COMMON

********************************/
font:lang(ja){
font-family: 'BIZ UDPGothic', sans-serif;
font-family: 'Roboto Condensed', sans-serif;
}
@media (min-width: 769px) {
.row-0			{margin-left:0px;	margin-right:0px;}
.row-0>div		{padding-right:0px;	padding-left:0px;}
.row-10			{margin-left:-5px;	margin-right:-5px;}
.row-10>div		{padding-right:5px;	padding-left:5px;}
.row-20			{margin-left:-10px;	margin-right:-10px;}
.row-20>div		{padding-right:10px;padding-left:10px;}
.row-30			{margin-left:-15px;	margin-right:-15px;}
.row-30>div		{padding-right:15px;padding-left:15px;}
.row-40			{margin-left:-20px;	margin-right:-20px;}
.row-40>div		{padding-right:20px;padding-left:20px;}
.row-50			{margin-left:-25px;	margin-right:-25px;}
.row-50>div		{padding-right:25px;padding-left:25px;}
.row-60			{margin-left:-30px;	margin-right:-30px;}
.row-60>div		{padding-right:30px;padding-left:30px;}
.row-70			{margin-left:-35px;	margin-right:-35px;}
.row-70>div		{padding-right:35px;padding-left:35px;}
.row-80			{margin-left:-40px;	margin-right:-40px;}
.row-80>div		{padding-right:40px;padding-left:40px;}
.row-90			{margin-left:-45px;	margin-right:-45px;}
.row-90>div		{padding-right:45px;padding-left:45px;}
.row-100		{margin-left:-50px;	margin-right:-50px;}
.row-100>div	{padding-right:50px;padding-left:50px;}
.row-110		{margin-left:-55px;	margin-right:-55px;}
.row-110>div	{padding-right:55px;padding-left:55px;}
.row-120		{margin-left:-60px;	margin-right:-60px;}
.row-120>div	{padding-right:60px;padding-left:60px;}
}

.mb-5, .my-5 {margin-bottom:2rem}
.mb-6, .my-6 {margin-bottom:2.5rem}
.mb-7, .my-7 {margin-bottom:3rem}
.mb-8, .my-8 {margin-bottom:3.5rem}
.mb-9, .my-9 {margin-bottom:4rem}

.animate:lang(ja){
opacity: 0;
animation-fill-mode: forwards;
}
.animated:lang(ja) {
opacity: 1;
animation-fill-mode: backwards;
}


/********************************

TEXT

********************************/
.section p:lang(ja){
line-height: 1.75;
letter-spacing: .1rem;
}
.services .heading .container h1:lang(ja),
.yard .heading .container h1:lang(ja),
.company .heading .container h1:lang(ja),
.post-type-archive-usedtire_export .container h1:lang(ja),
.privacy-policy .container h1:lang(ja),
.archive .container h1:lang(ja){
color: #fff;
text-shadow: 0 0 12px rgba(0,0,0,.9);
}

/********************************

LAUOUT

********************************/

.section:lang(ja){
padding: 4rem 0;
}
.site{
background-image: url(images/bg_halftire.svg);
background-position: left center;
background-repeat: no-repeat;
background-size: 30vw auto;
}
@media(min-width:769px){
.site{
background-attachment: fixed;
}
}

.heading:lang(ja){
position: relative;
}
.heading img:lang(ja){
width: 100%;
}
.heading .container:lang(ja){
position: absolute;
left: 0;
right: 0;
top: 33%;
}
.heading .container h1:lang(ja){
font-family: 'Roboto Condensed', sans-serif;
font-size: 8rem;
}
@media(max-width:1200px){
.heading .container h1:lang(ja){
font-size: 6rem;
}
}
@media(max-width:768px){
.heading .container h1:lang(ja){
font-size: 4rem;
}

}

.heading .container h1 span:lang(ja){

font-family: 'BIZ UDPGothic', sans-serif;
font-size: 1.5rem;
letter-spacing: .2rem;
}
.heading .container h1 span:lang(ja) {
display: flex;
align-items: center;
}
.heading .container h1 span::before:lang(ja),
.heading .container h1 span::after:lang(ja) {
border-top: 1px solid;
content: "";
flex-grow: 1;
}
.heading .container h1 span::before:lang(ja) {
margin-right: 1rem;
}
.heading .container h1 span::after:lang(ja) {
margin-left: 1rem;
}
.post-type-archive-usedtire_export .heading:lang(ja){
margin-bottom: 4rem;
}

/********************************

WIDGET

********************************/
#right-sidebar .widget:lang(ja){
margin: 0 0 4rem;
}
#right-sidebar .widget h3.widget-title:lang(ja){
position: relative;
margin: 0 0 2rem;
}
#right-sidebar .widget h3.widget-title::before:lang(ja){
position: absolute;
left: 0;
bottom: -.5rem;
display: block;
content: "";
width: 100%;
height: 1px;
background-color: rgba(0,0,0,.2);
}
#right-sidebar .widget h3.widget-title::after:lang(ja){
position: absolute;
left: 0;
bottom: -.5rem;
display: block;
content: "";
width: 60px;
height: 3px;
background-color: rgba(0,0,0,1);
}
.mc4wp-form-fields input[type="email"]:lang(ja){
margin-top: .5rem;
padding: .25rem;
width: 100%;
font-size: 1.25rem;
}

/********************************

HEADER

********************************/
.default-menu ul{
margin: 0;
display: flex;
list-style: none;
}
.default-menu ul li{
margin: 0 .25rem;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 700;
letter-spacing: normal;
text-transform: uppercase;
}
.default-menu ul li:first-child{
display: none;
}
.default-menu ul li a{
display: block;
padding: .5rem;
color: #fff;
text-shadow: 0px 0px 4px rgb(0 0 0 /1);
}
.is-animation .default-menu{
display: none;
}
@media (max-width:1039px) {
.default-menu{
display: none;
}
}

#menu-item-924:lang(ja){
}
#menu-item-924 a:lang(ja){
position: relative;
display: inline-block;
padding: .5rem 2rem;
color: #fff !important;
background-color: #000;
border-radius: 3px;
}
.gm-navbar:lang(ja) {
position: fixed !important;
top: 0;
left: 0;
z-index: 3;
width: 100%;
padding: 0;
background: #fff;
transition: .3s;
}
#wrapper-navbar:lang(ja){
background: transparent;
}
#wrapper-navbar h1:lang(ja) {
color: #fff;
transition: .3s;
}

#wrapper-navbar.is-animation:lang(ja) {
padding: 0;
}
.is-animation h1:lang(ja){
color: #000;
}
#wrapper-navbar.is-animation .navbar-toggler:lang(ja){
border: none;
}

#wrapper-navbar.is-animation:lang(ja) {
padding: .5rem 0;
background-color: #fff;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

/********************************

FOOTER

********************************/
#wrapper-footer:lang(ja){
padding-top: 2rem;
}
.menu-footer-nav-container:lang(ja){}
.footer-nav{
margin:0 0 2rem;
padding:0;
list-style: none;
display:flex;
justify-content: flex-end;
}
.footer-nav li:lang(ja){
margin:0;
padding:0 .5rem;
font-size: .875rem;
letter-spacing: .1rem;
}
.footer-nav li:not(:last-child):lang(ja) {
margin: 0;
border-right: 1px solid rgba(255,255,255,.5);
}
.footer-nav li a:lang(ja){
padding:.5rem 1rem;
color: #000;
}
.home .footer-nav li a:lang(ja){
color: #fff;
}
.home .site-info:lang(ja){
color: rgba(255,255,255,.75);
}

/********************************

SHORTCODE

********************************/
.mask:lang(ja){
width: 100%;
height: 200px;
overflow: hidden;
}
.mask img:lang(ja){
width: 100%;
height: 100%;
object-fit: cover;
transition: .3s;
}
.mask img:hover:lang(ja){
transform: rotate(-5deg) scale(1.2);
}
.section_trading-performance h2:lang(ja),
.section_trading-performance p:lang(ja){
position: relative;
z-index: 2;
top: -2rem;
}
.section_trading-performance h2:lang(ja){
margin-top: 2rem;
font-size: 5rem;
color: rgba(0,0,0,.9);
mix-blend-mode:multiply;
}
.section_trading-performance h2 span:lang(ja){
padding: .5rem 1rem;
}

.section_trading-performance .card h5:lang(ja){
font-size: 1rem;
font-feature-settings:"palt";
}
.card-body:lang(ja){
display: flex;
flex-direction: column;
}
.card-body .btn:lang(ja){
margin: auto auto 0 0;
display: inline-block;
width: max-content;
}
.post-date:lang(ja){
font-size: .875rem;
}

/********************************

FRONT PAGE

********************************/

#hero:lang(ja){
/*headerを全画面で見せる*/
width:100%;
height: 100vh;
position: relative;
}

#hero::before{
/*headerの疑似要素に背景画像を指定*/
content:"";
position:fixed;
top:0;
left:0;
z-index:-1;
width:100%;
height: 100vh;
background:url("images/dummy_tire.png") no-repeat center;/*背景画像設定※オリジナル画像を設定してください*/
background-size:cover;
}

#container:lang(ja){
/*下のかぶさるエリアの指定*/
position: relative;
z-index:1;
/*以下はレイアウトのための記述。削除可能*/
background:#fff;
/*padding:200px 0;*/
}
.section_first-view:lang(ja){
padding:2rem 0;
background:#fff;
}
#hero:lang(ja) {
display: grid;
place-content: center;
gap: 1ch;
}
#hero:lang(ja){
position: relative;
}
#hero::after:lang(ja){
position: absolute;
left: 0;
top: 0;
content: "";
display: block;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,1);
animation: hero-tire 1s ease-in 0.3s both;
}
@keyframes hero-tire{
0%{ opacity: 1; }
100%{ opacity: 0; }
}
#hero p:lang(ja){
color: #fff;
letter-spacing: .5rem;
text-transform: uppercase;
text-align: center;
}
.hero-text1:lang(ja){font-size: 6rem;}
.hero-text2:lang(ja){font-size: 1.25rem;}


.front_feature:lang(ja){}

.front_feature dl:lang(ja){
position: relative;
overflow: hidden;
text-align: center;
padding: 2rem 1rem;
background-color: rgba(255,255,255,1);
border-radius: 4px;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
transform: translateY(-6rem);
}
.front_feature dt:lang(ja){
font-size: 4rem;
}
.front_feature dd:lang(ja){
font-size: 2rem;
letter-spacing: .1rem;
}
.front_feature dl::before:lang(ja){
position: absolute;
left: 0;
top: 0;
display: block;
content: "";
width: 100%;
height: 10px;
background-color: #000000;
}
.front_feature dl::after:lang(ja){
position: absolute;
right: 0;
bottom: 0;
display: block;
content: "";
width: 50%;
height: 1px;
background-color: #000000;
}
.front_brand:lang(ja){
background-color: #fafafa;
}

.section_scheduled-matter:lang(ja){
padding-top: 6rem;
background-color: #fafafa;
}
.section_scheduled-matter h2:lang(ja){
margin: 0 0 2rem;
}
.section .section_scheduled-matter_p:lang(ja){
line-height: 2;
letter-spacing: .05rem;
}
.section_trading-performance:lang(ja){
background-color: #fafafa;
}
.section_font-contact:lang(ja){
background-color: #fefec6;
}
.section_font-contact h2:lang(ja){
margin: 0;
font-size: 5rem;
line-height: 1;
}
.front-bridge h3:lang(ja){
transform: translate(60px ,60px);
line-height: 1.5;
}

.parallax-wrap:lang(ja){
position: relative;
margin: 0 0 2rem;
height: 240px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.parallax-wrap .simpleParallax:lang(ja){
position: absolute;
}
.parallax-wrap h3:lang(ja){
position: relative;
margin: 0;
padding: 0;
z-index: 9;
color: #fff;
width: calc(100% - 60px);
}

.section_tire-class:lang(ja){
color: #fff;
background-color: #000;
}

.section_front-brand:lang(ja){
background-color: #fff;
}



/********************************

	サービス

********************************/

.section_domestic-service:lang(ja){
background-color: rgba(255,255,255,.8);
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.section_domestic-service figure:lang(ja){
background-color: rgba(0,0,0,.75);
border-radius: 3px;
color: #fff;
padding: 1rem 2rem;
}
.section_domestic-service figure img:lang(ja){
display: block;
margin: 0 auto 1rem;
padding: 1rem;
background-color: #fff;
border-radius: 50%;
margin-top: -2rem;
}
.section_domestic-service figcaption:lang(ja) {}
.section_domestic-service figcaption dt:lang(ja){
margin: 0 0 1rem;
padding: 0;
font-size: 1.5rem;
text-align: center;
letter-spacing: .1rem;
}
.section_domestic-service figcaption dt em:lang(ja){
font-style: normal;
font-size: 4rem;
}
.section_domestic-service figcaption dd:lang(ja){
font-size: 1.125rem;
letter-spacing: .1rem;
text-align: justify;
}
.section_tire-types-export:lang(ja){
color: #fff;
background-color: rgba(0,0,0,.8);
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.section_tire-types-export figure:lang(ja){
}
.section_tire-types-export figure img:lang(ja),
.section_loadingimage figure img:lang(ja){
display: block;
margin: 0 auto 2rem;
border-radius: 50%;
}
.section_tire-types-export figcaption dt:lang(ja),
.section_loadingimage figcaption dt:lang(ja){
margin: 0 0 1rem;
padding: 0;
font-size: 1.5rem;
text-align: center;
}
.section_tire-types-export figcaption dt em:lang(ja),
.section_loadingimage figcaption dt em:lang(ja){
font-style: normal;
font-size: 4rem;
}
.section_tire-types-export figcaption dd:lang(ja),
.section_loadingimage figcaption dd:lang(ja){
font-size: 1.125rem;
letter-spacing: .1rem;
text-align: justify;
}


/********************************

会社情報

********************************/
:lang(ja) .section_results{}
:lang(ja) .section_results p strong{
font-size: 4rem;
}
:lang(ja) ol.ol-num{
counter-reset: my-counter;
list-style: none;
padding: 0;
}
:lang(ja) ol.ol-num li{
font-size: 16px;
line-height: 1.6;
margin-bottom: 1em;
padding-left: 30px;
position: relative;
}
:lang(ja) ol.ol-num li:before{
content: counter(my-counter);
counter-increment: my-counter;
background-color: #007c64;
color: #fff;
display: block;
float: left;
font-size: 11px;
line-height: 22px;
margin-left: -30px;
text-align: center;
height: 22px;
width: 22px;
border-radius: 50%;
}
.company .section dl:lang(ja){}
.company .section dt:lang(ja){
margin: 0 0 .5rem;
font-size: .87rem;
color: rgba(0,0,0,.7);
}
.company .section dd:lang(ja){
margin: 0 0 2.5rem;
line-height: 1.75;
letter-spacing: .1rem;
}

/********************************

案件申請フォームページ

********************************/

.mattersubmitform #page-wrapper:lang(ja){
padding-top: 8rem;
}

/********************************

ARCHIVE / SINGLE

********************************/

.single .heading h1:lang(ja){
/*font-size: 2.5rem;*/
color: #fff;
}

.post-type-archive-usedtire_export:lang(ja){}
.post-type-archive-usedtire_export .mask:lang(ja){
margin: 0 auto 2rem;
}

.post-type-archive-usedtire_export .entry-content p:lang(ja){
font-size: .875rem;
line-height: 1.75;
text-align: justify;
}
.post-type-archive-usedtire_export .h-100:lang(ja){
display: flex;
flex-direction: column;
}
.post-type-archive-usedtire_export .h-100 .entry-footer:lang(ja){
margin: auto auto 0 0;
display: inline-block;
width: max-content;
}

.export-form:lang(ja){
background-color: rgba(0,0,0,.1);
}



.single-usedtire_export:lang(ja){}
.single-usedtire_export #single-wrapper:lang(ja){
padding-top: 6rem;
}
.single-usedtire_export #single-wrapper .entry-header:lang(ja){
margin: 0 0 2rem;
}
.single-usedtire_export #single-wrapper .entry-title:lang(ja){}
.single-usedtire_export #single-wrapper .entry-meta:lang(ja){
padding: 1rem 0;
border-top: 1px solid rgba(0,0,0,.25);
border-bottom: 1px solid rgba(0,0,0,.25);
}
.single-usedtire_export #single-wrapper .hentry .attachment-large.size-large.wp-post-image:lang(ja){
display: block;
margin: 0 auto 4rem;
}
.single-post #single-wrapper .entry-header:lang(ja){
margin: 0 0 2rem;
}


/********************************

	アニメーション

********************************/
h2.animated:lang(ja){
position: relative;
display: inline-block;
}
h2.animated span:lang(ja) {
animation: fadeIn4 0s 0.3s backwards;
}
@keyframes fadeIn4 {
0% {opacity: 0;}
}

h2.animated:after:lang(ja) {
position: absolute;
top: 0;
left: 0;
/*content: '';-*/
display: block;
width: 100%;
height: 100%;
background: #333;
transform: scaleX(0);
animation: labelIn 0.3s 0s ease, labelOut 0.3s 0.3s ease;
animation-fill-mode: forwards;
}
@keyframes labelIn {
0% {
    transform-origin: left;
    transform: scaleX(0);
  }
  100% {
    transform-origin: left;
    transform: scaleX(1);
  }
}
@keyframes labelOut {
  0% {
    transform-origin: right;
    transform: scaleX(1);
  }
  100% {
    transform-origin: right;
    transform: scaleX(0);
  }
}

.hero-text1 br:lang(ja){
display: none;
}


/********************************

	RECRUIT

********************************/

.recruit .section_workflow:lang(ja){}
.recruit .section_workflow dl:lang(ja),
.recruit .section_workflow dt:lang(ja),
.recruit .section_workflow dd:lang(ja){
margin: 0;
padding: 0;
}
.recruit .section_workflow dl:lang(ja){
background-color: #FFF;
border-top: 1px solid #225391;
border-left: 1px solid #225391;
margin: 0 0 1rem;
width: 100%;
display: flex;
flex-wrap: wrap;
border-radius: 100px;
}
.recruit .section_workflow dt:lang(ja){
color: #fff;
background-color: #225391;
font-weight: bold;
}
.recruit .section_workflow dt:lang(ja),
.recruit .section_workflow dd:lang(ja){
padding: 1rem;
box-sizing: border-box;
border-right:  1px solid #225391;
border-bottom: 1px solid #225391;
}
.recruit .section_workflow dt:lang(ja){
border-radius: 100px 0 0 100px;
width: 10em;
}
.recruit .section_workflow dd:lang(ja){
border-radius: 0 100px 100px 0;
width: calc(100% - 10em);
}


.recruit .section_recruit-detail dl:lang(ja),
.recruit .section_recruit-detail dt:lang(ja),
.recruit .section_recruit-detail dd:lang(ja){
margin: 0;
padding: 0;
}
.recruit .section_recruit-detail dl:lang(ja){
background-color: #FFF;
border-top: 1px solid #E4E4E4;
border-left: 1px solid #E4E4E4;
margin: 0 0 1rem;
width: 100%;
display: flex;
flex-wrap: wrap;
}
.recruit .section_recruit-detail dt:lang(ja){
background-color: #FBFBFB;
font-weight: bold;
}
.recruit .section_recruit-detail dt:lang(ja),
.recruit .section_recruit-detail dd:lang(ja){
padding: 1rem;
box-sizing: border-box;
border-right:  1px solid #E4E4E4;
border-bottom: 1px solid #E4E4E4;
}
.recruit .section_recruit-detail dt:lang(ja){
width: 12em;
}
.recruit .section_recruit-detail dd:lang(ja){
width: calc(100% - 12em);
}
.section_recruit-entry{
background-color: #225391;
}
.section_recruit-entry h2:lang(ja),
.section_recruit-entry p:lang(ja){
margin: 0 auto 3rem;
color: #fff;
}
.section_recruit-entry h2:lang(ja) {
display: flex;
align-items: center;
}
.section_recruit-entry h2::before:lang(ja),
.section_recruit-entry h2::after:lang(ja) {
border-top: 1px solid;
content: "";
flex-grow: 1;
}
.section_recruit-entry h2::before:lang(ja) {
margin-right: 1rem;
}
.section_recruit-entry h2::after:lang(ja) {
margin-left: 1rem;
}

.section_recruit-entry dl:lang(ja){
margin: 0 0 2rem;
}
.section_recruit-entry dt:lang(ja){
margin: 0 0 .5rem;
color: #fff;
font-weight: 500;
}
.section_recruit-entry dd:not(:last-child):lang(ja) {
margin-bottom: 2rem;
}

.recruit .section input[type="submit"]:lang(ja){
color: #fff;
background-color: #1c1c1c;
border: 2px solid #1c1c1c;
}
.recruit .section input[type="submit"]:hover:lang(ja){
color: #1c1c1c;
background-color: #fff;
border: 2px solid #1c1c1c;
}


/********************************

	RWD

********************************/
@media (max-width:519px){
.section:lang(ja){
padding: 2rem 0;
}
#menu-item-924:lang(ja) {
margin-left: 0 !important;
}
#menu-item-924 a:lang(ja){
padding-left: 1rem;
}
.heading:lang(ja){
/*transform: translate(0 , 40px);*/
}
.navbar-brand img:lang(ja){
max-width: 200px;
}
#right-sidebar:lang(ja){
margin-top: 4rem;
padding-top: 4rem;
/*background-color: rgba(0,0,0,.1);*/
}
.footer-nav li:lang(ja) {
margin: 0;
padding: 0 .2rem;
font-size: .812rem;
letter-spacing: normal;
font-feature-settings:"palt";
}
.footer-nav li a:lang(ja) {
padding: .5rem .2rem;
}
.site-info:lang(ja){
text-align: center;
font-size: .75rem;
}


.parallax-wrap:lang(ja) {
height: 180px;
}
.heading .container h1:lang(ja) {
font-size: 4rem;
}
.privacy-policy .heading .container h1:lang(ja) {
font-size: 3rem;
}
.heading .container h1 span:lang(ja) {
font-size: 1rem;
letter-spacing: .2rem;
}
.hero-text1:lang(ja) {
font-size: 4rem;
}
.hero-text1 br:lang(ja){
display: inherit;
}
.section_front-brand:lang(ja){
padding: .5rem 0;
}
.section_trading-performance h2:lang(ja) {
font-size: 2rem;
}
.section_font-contact h2:lang(ja) {
font-size: 4rem;
}
.front-bridge h3:lang(ja){
transform: translate(15px ,15px);
line-height: 1.5;
}

.recruit .section_workflow:lang(ja){
padding-top: 6rem;
}
.recruit .section_workflow dl:lang(ja),
.recruit .section_workflow dt:lang(ja){
margin: 0;
padding: 0;
}
.recruit .section_workflow dd:lang(ja){
margin: 0 0 1rem;
}
.recruit .section_workflow dl:lang(ja){
background-color: #FFF;
border: none;
display: block;
border-radius: 4px 4px 0 0;
}
.recruit .section_workflow dt:lang(ja){
color: #fff;
background-color: #225391;
font-weight: bold;
}
.recruit .section_workflow dt:lang(ja),
.recruit .section_workflow dd:lang(ja){
padding: .25rem;
box-sizing: border-box;
border-right:  none;
border-bottom: none;
}
.recruit .section_workflow dt:lang(ja){
border: 2px solid #225391;
border-radius: 4px 4px 0 0;
width: 100%;
}
.recruit .section_workflow dd:lang(ja){
border-radius: 0 0 4px 4px;
width: 100%;
border: 2px solid #225391;
}


.recruit .section_recruit-detail dl:lang(ja),
.recruit .section_recruit-detail dt:lang(ja),
.recruit .section_recruit-detail dd:lang(ja){
margin: 0;
padding: 0;
}
.recruit .section_recruit-detail dl:lang(ja){
background-color: #FFF;
border: none;
margin: 0 0 1rem;
width: 100%;
display: block;
}
.recruit .section_recruit-detail dt:lang(ja){
background-color: #fff;
font-weight: bold;
}
.recruit .section_recruit-detail dt:lang(ja),
.recruit .section_recruit-detail dd:lang(ja){
padding: .25rem;
box-sizing: border-box;
border-right:  none;
border-bottom: none;
}
.recruit .section_recruit-detail dt:lang(ja){
width: 100%;
border-bottom: 1px solid #225391;
}
.recruit .section_recruit-detail dd:lang(ja){
width: 100%;
}

}

@media (max-width:320px){
.heading .container h1:lang(ja) {
font-size: 3rem;
}
.privacy-policy .heading .container h1:lang(ja) {
font-size: 2.5rem;
}
}

.mc4wp_lists:lang(ja){
display: none;
}
.qr_whatsapp:lang(ja){
padding: 7px;
background-color: #fff;
border: 3px solid #000;
}
.mc4wp-form-fields input[type="email"]:lang(ja){
border: 2px solid #000;
border-radius: 3px;
}


.mattersubmitform:lang(ja){}
.mattersubmitform .wpcf7-form:lang(ja){
}

.mattersubmitform .wpcf7:lang(ja){
margin: 2rem 0;
padding: 2rem 0 0;
max-width: 100%;
}

.mattersubmitform.wpcf7 dt:lang(ja){
margin: 0 0 1rem;
}
.mattersubmitform .wpcf7 dt span:lang(ja){
margin-left: 1rem;
font-size: .75rem;
}
.mattersubmitform .wpcf7 dd:lang(ja){
margin: 0 0 2rem;
}

.mattersubmitform .wpcf7 input[type=submit]:lang(ja),
.contact .wpcf7 input[type=submit]:lang(ja){
border: 2px solid #000 !important;
}
.mattersubmitform .wpcf7 input[type=submit]:hover:lang(ja),
.contact .wpcf7 input[type=submit]:hover:lang(ja){
color: #fff;
background-color: #000;
border: 2px solid #000;
}

.line-contact:lang(ja){
margin: 2rem 0;
text-align: center;
}
.rpwe-block li:lang(ja) {
display: block !important;
}


.post-type-archive .heading:lang(ja),
.category-blog .heading:lang(ja),
.single-post .heading:lang(ja){
/*margin-top: 100px;*/
}
.category-blog .heading .container h1:lang(ja),
.post-type-archive-new-arrival .heading .container h1:lang(ja){
/*font-size: 2.5rem;*/
color: #fff;
}
.category-blog .site-main .mask:lang(ja){
margin-bottom: 1rem;
}
.post-type-archive .site-main .entry-title:lang(ja){
font-size: 1.25rem;
}
.category-blog .site-main .entry-title:lang(ja){
font-size: 1.125rem;
}
.category-blog .site-main .entry-meta:lang(ja){
margin-bottom: 1rem;
font-size: .75rem;
}
.category-blog .site-main .entry-content p:lang(ja){
font-size: .812rem;
text-align: justify;
}
.category-blog .site-main .cat-links:lang(ja){
font-size: .75rem;
}

.section_new-arrival:lang(ja){
margin-top: 6rem;
margin-bottom: -6rem;
}
.inner_new-arrival:lang(ja){
padding: 2rem;
background-color: rgba(255,255,255,0.75);
border-radius: 3px;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.inner_new-arrival h3:lang(ja){
margin: 0 0 1.5rem;
padding: 0;
font-size: 1.125rem;
}
.inner_new-arrival h3 a:lang(ja){
transition: .3s;
}
.inner_new-arrival h3 a:hover:lang(ja){
color: #bc002d;
}
.inner_new-arrival .frontpage-news__date:lang(ja){
display: block;
margin: 0 0 1rem;
}

@media (max-width:520px) {
.section_scheduled-matter:lang(ja){
padding-top: 6rem;
}
.section_new-arrival:lang(ja) {
margin-bottom: -3rem;
}
}

.section_recent-usedtire_export:lang(ja){
background-color: rgba(255,255,255,.95);
}


.post-type-archive-new-arrival:lang(ja){}
.post-type-archive-new-arrival .hentry:lang(ja){
margin: 0 0 2rem;
padding: 1rem;
background-color: rgba(255,255,255,.95);
border: 1px solid #d0d0d0;
}
.post-type-archive-new-arrival .hentry h2:lang(ja){
margin: 0 0 1rem;
padding: 0;
}


#single-wrapper:lang(ja),
#archive-wrapper:lang(ja){
}
.single .entry-title:lang(ja){
margin: 0 0 2rem;
font-size: 1.5rem;
}
.single .hentry .wp-post-image:lang(ja){
margin: 0 auto 2rem;
}
.single .hentry .entry-content p:lang(ja){
margin: 0 0 4rem;
line-height: 1.75;
letter-spacing: .1em;
}
.single .hentry .entry-footer:lang(ja){
margin: 0 0 2rem;
padding: 1rem;
background-color: rgba(0,0,0,.05);
border-radius: 4px;
}
.nav-previous a:lang(ja),
.nav-next a:lang(ja){
display: block;
padding: 1rem;
}


/* NAVI NEW */
.navbar-light .navbar-toggler:lang(ja) {
color: rgba(0,0,0,1);
/*background-color: rgba(255,255,255,.55);
border-color: rgba(0,0,0,.2);*/
box-shadow: none;
transition: .3s;
}
.navbar-light .navbar-toggler:hover:lang(ja) {
/*color: rgba(0,0,0,1);
background-color: rgba(255,255,255,1);
border-color: rgba(0,0,0,.2);*/
}
/*.navbar-light .navbar-toggler-icon:lang(ja){
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.home .navbar-light .navbar-toggler-icon:lang(ja){
url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
.home .is-animation .navbar-light .navbar-toggler-icon:lang(ja){
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}*/

.btn-close:lang(ja){
opacity: 1;
}

.link_form:lang(ja){
position: fixed;
top: 0;
z-index: 3;
width: 100%;
}
.link_form img:lang(ja){
position: absolute;
left: 0;
right: 0;
width: 200px;
margin: 0 auto;
padding: .5rem;
background-color: rgba(255,255,255,0);
border-style: solid;
border-color: #000;
border-width: 0 0 1px;
transition: .3s;
}
.link_form img:hover:lang(ja){
background-color: rgba(255,255,255,1);
}

#wrapper-navbar:lang(ja) {
position: fixed;
top: 0;
left: 0;
z-index: 3;
width: 100%;
padding: .5rem 0;
background: #fff;
transition: .3s;
}
#wrapper-navbar:lang(ja){
background: transparent;
}
#wrapper-navbar h1:lang(ja) {
color: #fff;
transition: .3s;
}

#wrapper-navbar.is-animation:lang(ja) {
padding: .5rem 0;
background-color: #fff;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.is-animation h1:lang(ja) {
color: #000;
}
#wrapper-navbar.is-animation .navbar-toggler{
border: none;
}

.navbar-light:lang(ja){
background-color: #fff;
}
.nav-item:lang(ja),
.nav-link:lang(ja){
font-family: 'Roboto Condensed', sans-serif;
font-weight: 700;
text-transform: uppercase;
}

@media (min-width:769px) {
.dropdown-item:lang(ja){
transition: .5s;
}
.dropdown-item.active:lang(ja){
background-color: rgba(0,123,255,1);
}
.dropdown-item:hover:lang(ja){
color: #000;
background-color: rgba(0,123,255,.25);
}
.dropdown-item.active:lang(ja){
color: #fff;
}
.dropdown-item.active:hover:lang(ja){
color: #000;
}
.nav-item,
.nav-link{
position: relative;
}
}

#menu-item-1472:lang(ja){
margin-bottom: 1rem;
border: none !important;
}
#menu-item-1472 a::before:lang(ja),
#menu-item-1472 a::after:lang(ja){
content: none;
}
#menu-item-1472 a:lang(ja){
padding: .5rem 2rem;
display: inline-block;
color: #000 !important;
background-color: #fff;
border: 1px solid #000 !important;
}
#menu-item-1472 a:hover:lang(ja){
color: #fff !important;
background-color: #000;
}


/********************************

	RWD

********************************/

@media(max-width:520px){
.interlude:lang(ja) {
top: 55%;
left: 10%;
right: 10%;
transform: inherit;
transform: translateY(-50%);
}
.home .interlude h1:lang(ja){
font-size: 2rem;
letter-spacing: normal;
}
.home .interlude h1 small:lang(ja){
display: block;
margin-top: 2rem;
font-size: 1.5rem;
line-height: 1.5;
font-weight: 400;
letter-spacing: .25rem;
}
.tire-mark_02:lang(ja){
display: none;
}
}


/*.float-button__wrap:lang(ja) {
display: none;
position: fixed !important;
bottom: 50% !important;
right: 0;
z-index: 9999;
}
.float-button__wrap img:lang(ja){
width: 48px;
padding: 30px 15px;
background-color: #27a0dc;
border-radius: 10px 0 0 10px;
transform-origin: right center;
transition: .3s;
}
.float-button__wrap img:hover:lang(ja){
transform: scale(1.2);
background-color: #db2739;
}*/

/*20240719*/
.single.group-blog .site-main:lang(ja){}
.single.group-blog .site-main h2:lang(ja){
padding: .5rem;
font-size: 1.5rem;
border: 1px solid #000;
}

.dl_blog-contact,.dl_blog-contact dt:lang(ja),
.dl_blog-contact dd:lang(ja){
margin: 0;
padding: 0;
}
.dl_blog-contact:lang(ja){
background-color: #FFF;
border-top: 1px solid #000;
border-left: 1px solid #000;
margin: 0 0 2.5rem;
width: 100%;
display: flex;
flex-wrap: wrap;
}
.dl_blog-contact dt:lang(ja){
color: #fff;
background-color: #000;
font-weight: bold;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.dl_blog-contact dd:lang(ja){
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.dl_blog-contact dt:lang(ja),
.dl_blog-contact dd:lang(ja){
padding: 1rem;
box-sizing: border-box;
border-right:  1px solid #000;
border-bottom: 1px solid #000;
}
.dl_blog-contact dt:lang(ja){
width: 70%;
}
.dl_blog-contact dd:lang(ja){
width: 30%;
}


.tabs {
display: flex;
flex-wrap: wrap;
}
.tab_label {
color: #225391;
font-weight: 600;
text-align: center;
border: solid 1px #225391;
position: relative;
z-index: 1;
cursor: pointer;
flex: 1;
padding: .5rem;
margin: 0 1rem 1.5rem; 
}
.tab_label:hover {
opacity: 0.75;
}
.tab_content {
flex: 100%;
display: none;
overflow: hidden;
}

input[name="tab_switch"] {
display: none;
}

.tabs input:checked + .tab_label {
color: #fff;
background-color: #225391;
}
.tabs input:checked + .tab_label::after {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 0 10px;
border-color: #225391 transparent transparent transparent;
display: block;
position: absolute;
top: 100%;
left: 50%;
margin-left: -10px;
transition: all 0.3s ease 0s;
}

#tab01:checked ~ #tab01_content,
#tab02:checked ~ #tab02_content,
#tab03:checked ~ #tab03_content {
display: block;
}

.tab_content{
position: relative;
animation: fadeIn5 1s ease;
}
@keyframes fadeIn5 {
0% {opacity: 0; top: 50px;}
100% {opacity: 1; top: 0; }
}


/*HOW IT WORKS*/
.how-it-works {}
.how-it-works #page-wrapper,
.como-funciona #page-wrapper,
.comment-ca-marche #page-wrapper {
padding: 0 0 2rem;
}


.header-controls select {
appearance: none;         /* デフォルト矢印を消す */
-webkit-appearance: none; /* Safari対策 */
-moz-appearance: none;    /* Firefox対策 */
color: #fff;
background-color: transparent;
border: 1px solid rgb(255 255 255 /.25);
padding: 0.4rem 2rem 0.4rem 0.8rem;
font-size: 1rem;
border-radius: 4px;
line-height: 1.4;
background-image: url("data:image/svg+xml;utf8,<svg fill='gray' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
background-repeat: no-repeat;
background-position: right 0.6rem center;
background-size: 1rem;
cursor: pointer;
}
.header-controls select:hover,
.header-controls select:focus  {
color: #fff;
background-color: #000;
border: 1px solid rgb(255 255 255 /.5);
box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.05);
outline: none;
}


/********************************

	HOW IT WORKS

********************************/

.section_step{
padding: 4rem 0;
background: #f2f2f2;
}
.section_incoterms,
.section_swift,
.section_money{
padding: 4rem 0;
}
.section_incoterms{
background-color: #fff;
}
.section_step h2,
.section_incoterms h2,
.section_swift h2,
.section_money h2{
margin: 0 auto 1rem;
font-family: 'Roboto Condensed', sans-serif;
font-size: 4rem;
font-weight: 700;
line-height: 1;
text-align: center;
}
.section_step p.lead,
.section_incoterms p.lead,
.section_swift p.lead{
margin: 0 auto 4rem;
font-family: 'Roboto Condensed', sans-serif;
font-size: 1.25rem;
font-weight: 700;
line-height: 1.75;
letter-spacing: .05em;
}
.section_step .you,
.section_step .our{}
.section_step .you h3,
.section_step .our h3{
margin: 0 0 1rem;
padding: 1rem 2rem;
font-family: 'Roboto Condensed', sans-serif;
font-size: 2rem;
font-weight: 700;
line-height: 1;
border-radius: 100px;
}
.section_step .you h3{
position: relative;
z-index: 2;
text-align: center;
color: #fff;
background-color: #0078bf;
border: 2px solid #0078bf;
}
.section_step .our h3{
position: relative;
z-index: 2;
text-align: center;
color: #000;
background-color: #fff;
border: 2px solid #000;
}
.section_step_contents{
position: relative;
}
.section_step_contents::after{
content: "";
position: absolute;
z-index: 0;
left: 0;
right: 0;
margin: 0 auto;
top: -30px;
display: block;
width: 75%;
height: calc(100% + 90px);
background: linear-gradient(to right, #e0f9fe 0%, #e0f9fe 50%, #ffffff 50%, #ffffff 100%);
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
border-radius: 40px;
}
.section_step_contents ul {
position: relative;
z-index: 2;
list-style: none;
padding: 0;
}
.section_step_contents ul li{
margin: 0 0 5rem;
}
.you,
.our{
position: relative;
}
.section_step_contents .you ul {
padding: 0;
text-align: right;
}
.section_step_contents .our ul {
padding: 4.5rem 0 0;
text-align: left;
}
.section_step_contents ul li {
position: relative;
font-family: 'Roboto Condensed', sans-serif;
font-size: clamp(1rem, 2vw + 1rem, 2.375rem);
font-weight: 700;
line-height: 1;
border: none;
background-color: transparent;
}
.section_step_contents .you ul li {
padding-right: 5rem;
color: #0078bf;
}
.section_step_contents .you ul li:nth-child(3) {
margin-bottom: 9rem;
}
.section_step_contents .our ul li:nth-child(3) {
margin-bottom: 2.25rem;
}

.section_step_contents .you ul li:first-child {
padding-top: 2rem;
}
.section_step_contents .our ul li {
padding-left: 5rem;
}
.you::before {
content: "";
position: absolute;
z-index: 2;
right: 2.875rem;
top: 0;
bottom: -2rem;
width: 10px;
background-color: #70b8de;
}
.you .list-group-item::after {
content: "";
position: absolute;
right: 0.875rem;
top: -10px;
display: block;
width: 50px;
height: 50px;
background-image: url(https://usedtirejapan.com/cms/wp-content/uploads/2025/06/hiw_tire_after.webp);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 50%;
background-color: #e0f9fe;
animation: tire1 3s linear 0s infinite;
}
@keyframes tire1{
0%{ transform: rotate(0deg) }
100%{ transform: rotate(360deg) }
}
.you .list-group-item:first-child::after {
top: 20px;
}

.our::before {
content: "";
position: absolute;
z-index: 2;
left: 2.875rem;
top: 0;
bottom: -2rem;
width: 10px;
background-color: #000;
}
.our .list-group-item::after {
content: "";
position: absolute;
left: .875rem;
top: -5px;
display: block;
width: 50px;
height: 50px;
background-image: url(https://usedtirejapan.com/cms/wp-content/uploads/2025/06/hiw_tire_after.webp);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 50%;
background-color: #fff;
animation: tire2 3s linear 0s infinite;
}
@keyframes tire2{
0%{ transform: rotate(0deg) }
100%{ transform: rotate(-360deg) }
}
.our .list-group-item:first-child::after {
top: -10px;
}

.done{
position: relative;
z-index: 2;

text-align: center;
}
.done span{
position: relative;
display: inline-block;
padding:  .75rem 4.5rem;
font-family: 'Roboto Condensed', sans-serif;
font-size: 2.5rem;
font-weight: 700;
text-align: center;
background-color: #fff;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
border: 1px solid #000;
}
.done span img{
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
bottom: -40px;
max-width: 60px;
}
.done {
margin-top: 2rem;
font-size: 1.2rem;
font-weight: bold;
}
.incoterms-center {
display: grid;
place-content: center;
gap: 1ch;
}
.cif-block {
position: relative;
display: flex;
}
.cif-block::before {
content: "";
position: absolute;
z-index: 2;
right: -20px;
top: 0;
display: block;
width: 45px;
height: 100%;
background-color: #fff;
transform: rotate(10deg);
}
.cif-circle {
position: relative;
z-index: 4;
width: 300px;
height: 300px;
background-color: #fff;
border: 10px solid #112244;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 2rem;
color: #112244;
}
.cif-circle span{
font-family: 'Roboto Condensed', sans-serif;
font-size: 6rem;
font-weight: 700;
}
.cif-list {
position: relative;
z-index: 1;
}
.cif-list .cif-item{
margin-bottom: 1.5rem;
padding: 1rem 2.5rem;
display: flex;
align-items: center;
gap: 4rem 0;
font-family: 'Roboto Condensed', sans-serif;
font-size: 2rem;
font-weight: 700;
line-height: 1;
color: white;
background: #112244;
}
.cif-list .cif-item:nth-of-type(1){transform: translateX(-5rem);padding-left: 9rem;}
.cif-list .cif-item:nth-of-type(2) {transform: translateX(-1rem);padding-left: 7.5rem;}
.cif-list .cif-item:nth-of-type(3) {transform: translateX(-5rem);padding-left: 9rem;}
.cif-list .cif-item:nth-of-type(1){width: calc(100% + 5rem)}
.cif-list .cif-item:nth-of-type(2) {}
.cif-list .cif-item:nth-of-type(3) {width: calc(100% + 5rem)}
.cif-item img {
position: absolute;
display: block;
padding: 5px;
width: 80px;
height: 80px;
background-color: #fff;
border: 5px solid #182752;
border-radius: 50%;
}
.cif-list .cif-item:nth-of-type(1) img{left: 60px;}
.cif-list .cif-item:nth-of-type(2) img{left: 30px;}
.cif-list .cif-item:nth-of-type(3) img{left: 60px;}
figure.coin {}
.coin img{
display: block;
margin: 0 auto 1rem;
}
.coin figcaption{
font-family: 'Roboto Condensed', sans-serif;
font-size: 2rem;
font-weight: 700;
line-height: 1;
text-align: center;
}
.swift-grid{
background-color: #e5f8fd;
border-radius: 40px;
display: grid;
place-content: center;
gap: 1ch;
}
.swift-grid img{
display: block;
}
.swift-grid img:nth-child(1) {grid-column:1 / 2;grid-row:1 / 2;}
.swift-grid img:nth-child(2) {grid-column:2 / 3;grid-row:1 / 2;}
.swift-grid img:nth-child(3) {grid-column:3 / 4;grid-row:1 / 2;}
.swift-grid img:nth-child(4) {grid-column:4 / 5;grid-row:1 / 2;}
.swift-grid img:nth-child(5) {grid-column:5 / 6;grid-row:1 / 2;}
.swift-grid img:nth-child(6) {grid-column:1 / 2;grid-row:2 / 3;}
.swift-grid img:nth-child(7) {grid-column:5 / 6;grid-row:2 / 3;}
.swift-grid img:nth-child(8) {grid-column:1 / 2;grid-row:3 / 4;}
.swift-grid img:nth-child(9) {grid-column:5 / 6;grid-row:3 / 4;}
.swift-grid span:nth-of-type(1) {grid-column:2 / 3;grid-row:1 / 2;}
.swift-grid span:nth-of-type(2) {grid-column:5 / 6;grid-row:2 / 3;}
.swift-grid span:nth-of-type(3) {grid-column:1 / 2;grid-row:4 / 5;}
.swift-grid span:nth-of-type(4) {grid-column:5 / 6;grid-row:4 / 5;}
.swift-grid img:nth-child(1){display: grid;place-items: center;}
.swift-grid img:nth-child(3){display: grid;place-items: center;}
.swift-grid span.swift-you{
display: block;
padding: .375rem 2.5rem;
font-family: 'Roboto Condensed', sans-serif;
font-size: 2rem;
font-weight: 700;
text-align: center;
line-height: 1;
color: #fff;
background-color: #000;
border: 2px solid #000;
border-radius: 60px;
}
.swift-grid span.swift-our{
display: block;
padding: .375rem 1.25rem;
text-align: center;
background-color: #fff;
border: 2px solid #000;
border-radius: 60px;
transform: scale(2);
}
.span_send{
position: relative;
font-family: 'Roboto Condensed', sans-serif;
font-size: 2rem;
font-weight: 700;
line-height: 1;
}
.span_send img{
display: block;
margin: 0 auto .5rem;
}

.span_release{
display: flex;
font-family: 'Roboto Condensed', sans-serif;
font-size: 2rem;
font-weight: 700;
line-height: 1;
}
.span_release img{
position: relative;
top: -10px;
display: inline-block;
margin-right: .75rem;
}
@meda(max-width:800px){
.section_step_contents::after{
width: 100%;
}
.swift-grid {
grid-template-columns:
clamp(40px, 8vw, 80px)
clamp(30px, 5vw, 60px)
minmax(0, 1fr)
clamp(30px, 5vw, 60px)
clamp(40px, 8vw, 80px);
}
}



 :lang(ja) .recruit-2 .wpcf7 input[type=submit],
 :lang(ja) .contact-2 .wpcf7 input[type=submit]{
color: #fff;
background-color: #27a0dc;
cursor: pointer;
}
:lang(ja) .recruit-2 .wpcf7 input[type=submit]:hover,
:lang(ja) .contact-2 .wpcf7 input[type=submit]:hover{
color: #27a0dc;
background-color: #fff;
}

.pager_us,
.pager_es,
.pager_fr,
.pager_jp{
display: none;
}
:lang(en) .pager_us{display: flex;}
:lang(es-ES) .pager_es{display: flex;}
:lang(fr-FR) .pager_fr{display: flex;}
:lang(ja) .pager_jp{display: flex;}

:lang(ja) .secondary-mv h1{
font-family: 'Roboto Condensed', sans-serif;
font-weight: 700;
text-align: center;
}
:lang(ja) .secondary-mv h1 span{
display: block;
font-family: inherit;
font-size: 1.125rem;
}

:lang(en) .footer-navigation_us,
:lang(es-ES) .footer-navigation_es,
:lang(fr-FR) .footer-navigation_fr,
:lang(ja) .footer-navigation_ja{
display: block;
}

@media(max-width: 600px){
:lang(en) .interlude p{
font-size: 1.375rem;
}
:lang(en) .worldmap h2{
font-size: 2rem;
}

}

/*Facebook Icon*/
:lang(en) .fb-fr{display: none;}
:lang(en) .fb-es{display: none;}
:lang(es-ES) .fb-fr{display: none;}
:lang(fr-FR) .fb-es{display: none;}
:lang(ja) .fb-es{display: none;}
:lang(ja) .fb-fr{display: none;}
:lang(es-ES) .fb-es{display: block;}
:lang(es-ES) .fb-all{display: none;}
:lang(fr-FR) .fb-fr{display: block;}
:lang(fr-FR) .fb-all{display: none;}


:lang(es-ES) .footer-navigation_es,
:lang(fr-FR) .footer-navigation_fr,
:lang(ja) .footer-navigation_ja{
display: block;
}

.is-animation .header-controls select{
color: rgb(0 0 0 /.75);
background-color: transparent;
}

:lang(es-ES) .section_step_contents ul li {
font-size: clamp(1.5rem, 2vw + 1rem, 2.5rem);
}
:lang(fr-FR) .section_step_contents ul li {
font-size: clamp(1.25rem, 2vw + 1rem, 2.5rem);
}
:lang(es-ES) .section_step_contents::after,
:lang(fr-FR) .section_step_contents::after {
width: 90%;
}
@media(max-width:834px){
:lang(en) .section_step_contents::after,
:lang(es-ES) .section_step_contents::after,
:lang(fr-FR) .section_step_contents::after {
width: 100%;
}
}

@media(max-width:600px){
.section_step h2, .section_incoterms h2, .section_swift h2, .section_money h2 {
font-size: 2.5rem;
}
.section_step .you h3, .section_step .our h3 {
padding: .5rem .5rem;
}
.our::before {
left: 1.5rem;
top: .25rem;
width: 6px;
}
.you::before {
right: 1.5rem;
top: .25rem;
width: 6px;
}
.our .list-group-item::after{
left: 0;
width: 30px;
height: 30px;
}
.section_step_contents .our ul li {
padding-left: 2rem;
}
.you .list-group-item::after {
right: 0;
width: 30px;
height: 30px;
}
.section_step_contents ul li {
margin: 0 0 2rem;
}
.section_step_contents .you ul li {
padding-right: 2rem;
}
.section_step_contents .you ul li:first-child {
padding-top: 1rem;
}
.you .list-group-item:first-child::after {
top: 17.5px;
}
.our .list-group-item:first-child::after {
top: 10px;
}
.you .list-group-item::after{
top: 10px;
}
.our .list-group-item::after{
top: 10px;
}
.cif-block{
transform: scale(.6);
}
.section_money .d-flex.justify-content-center.gap-4{
max-width: 90%;
margin: 0 auto;
}
.span_send p,
.span_release p{
font-size: 1rem;
}

}

.how-it-works .modal ul{
margin-bottom: 0;
}