.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//jrc-usa.com/wp-content/themes/jrc-inc/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.flex-box {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
@media screen and (max-width: 1199px){
.container {max-width: 100%;}
} .col-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths,
.col-xl-5ths,
.col-7ths,
.col-sm-7ths,
.col-md-7ths,
.col-lg-7ths,
.col-xl-7ths{
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 576px) {
.col-sm-5ths {
flex: 0 0 20%;
max-width: 100%;
}
.col-sm-7ths {
flex: 0 0 14.285714285714285714285714285714%;
max-width: 100%;
}
}
@media (min-width: 768px) {
.col-md-5ths {
flex: 0 0 20%;
max-width: 100%;
}
.col-md-7ths {
flex: 0 0 14.285714285714285714285714285714%;
max-width: 100%;
}
}
@media (min-width: 992px) {
.col-lg-5ths {
flex: 0 0 20%;
max-width: 100%;
}
.col-lg-7ths {
flex: 0 0 14.285714285714285714285714285714%;
max-width: 100%;
}
}
@media (min-width: 1200px) {
.col-xl-5ths {
flex: 0 0 20%;
max-width: 100%;
}
.col-xl-7ths {
flex: 0 0 14.285714285714285714285714285714%;
max-width: 100%;
}
}
.mb-6{margin-bottom:4rem !important;}
html{font-size:14.5px;}
@media screen and (max-width:1199px){
html{font-size:1.3vw;}
}
@media screen and (max-width:991px){
html{font-size:1.75vw;}
}
@media screen and (max-width:767px){
html{font-size:3.5vw;}
}
body {font-family: "Noto Sans JP", Meiryo, メイリオ, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif; color: #222; line-height: 24px;}
.mb-30px{margin-bottom:30px !important;}
.font-poppins{font-family: "Poppins", sans-serif !important; font-weight:300 !important;}
h1,.h1{line-height:3.5rem;}
h2,.h2{line-height:3rem;}
h3,.h3{line-height:2.75rem;}
h4,.h4{line-height:2.25rem;}
h5,.h5{line-height:2rem;}
h6,.h6{line-height:1.75rem;}
@media screen and (max-width:767px){
h1,.h1{line-height:2.7rem;}
h2,.h2{line-height:2.45rem;}
h3,.h3{line-height:2.25rem;}
h4,.h4{line-height:2rem;}
h5,.h5{line-height:1.8rem;}
h6,.h6{line-height:1.6rem;}
}
.h1{font-size:3.25rem;}
h2{font-size:2.1em;}
a, a:hover, a:focus{color:#7a0001;}
.link-underline{text-decoration:underline;}
.link-underline:hover{text-decoration:none;}
.card-body{padding:1.75rem;}
.padding-adjust{padding:90px 0;}
.padding-adjust-blog{padding:60px 0;}
.pb-120px{padding-bottom:120px;}
.bg-light{background-color:#f0f0f0 !important;}
.text-danger{color:#c56710 !important;}
.text-primary{color:#006adc !important;}
.text-success{color:#898b64 !important;}
.text-warning{color:#f58400 !important;}
.bg-light-green{background-color:#f7f0e0;}
.bg-green{background-color:#898b64;}
.btn-warning{background-color:#f58400; border-color:#f58400; color:#f1f1f1;}
.rounded-pill{border-radius:50rem!important;}
a:hover img.hoverImg{opacity:0.6;}
.img-center{display:block; margin-left:auto; margin-right:auto;}
.flex-height {display: flex; align-items: center;}
@media screen and (max-width:767px) {
.h1{font-size:2.5rem;}
.padding-adjust{padding:45px 0;}
.img-80p-sm{width:80%; display:block; margin-left:auto; margin-right:auto;}
.img-70p-sm{width:70%; display:block; margin-left:auto; margin-right:auto;}
.text-left-mobile{text-align:left !important;}
}
.insta-icn-color{background: -webkit-linear-gradient(#7923bc, #dc8e40);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;} #header-top{font-size:0.9em;}
#header-top h1{font-size: 14px; padding:.2rem 0;}
#logo{width:280px; } .navbar, .dropdown-menu{background-color:#898b64;}
.navbar-expand-lg .navbar-nav .nav-link{padding-right:1.5rem; padding-left:1.5rem;} .menu-border a{padding: .45rem .7rem; font-size: .875rem; line-height: 1.5; border-radius: 0; border:#f1f1f1 1px solid;}
.dropdown-menu{font-size:.9rem;}
.navbar-expand-lg .navbar-collapse{align-self: flex-end;}
.navbar-dark .navbar-nav .nav-link, .dropdown-menu, .dropdown-item{color:#f1f1f1;}
.dropdown-item.active, .dropdown-item:active {background-color:#898b64; color:#f1f1f1;}
.dropdown-item:hover, .dropdown-item:focus{background-color:#898b64; color:#ffc581;}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus{color:#ffc581;}
@media screen and (max-width:1199px){
#logo{margin-left:0;}
}
@media screen and (max-width:767px) {
#header-top h1{text-align:center;}
#logo{width: 150px;}
} #footer-bottom{padding:25px 0; background:#898b64; color:#f1f1f1;}
#footer-bottom a, #footer-bottom a:hover, #footer-bottom a:focus{color:#f1f1f1;}
#footer-bottom a{text-decoration:underline;}
#footer-bottom a:hover{text-decoration:none;} .ttl-section{text-align:center; font-weight:600;}
#service-index a.card{display:block; color:inherit;}
#service-index a.card:hover, #service-index a.card:focus{text-decoration:none; opacity:0.6;}
#service-index .border-dark{border:2px solid #343a40;}
#service-index .card-body{ }
.service-ttl i{font-size:3.5em; color:#7a0001; position:absolute; left:0;}
.service-ttl{font-size:1.5em; position:relative; padding-left:50px;}
.service-ttl span{display:inline-block;}
#project-index h4{font-size:1.1em; text-align:center; line-height:160%;}
#project-index a{color:inherit;}
#project-index a:hover, #project-index a:focus{text-decoration:none;}
@media screen and (max-width:767px) {
#service-index .card-body h4{font-size:1.3em;}
}
ul.affliation {
text-align: center;
margin-bottom:0;
padding-left:0;
}
ul.affliation li {
display: inline-block;
vertical-align: middle;
}
ul.affliation li a {
display: block;
}
ul.affliation li {
margin-left:1.15rem; margin-right:1.15rem;
}
ul.affliation li img {
max-height: 80px;
width: auto;
}
@media screen and (max-width:767px) {
ul.affliation li{width:40%; margin-bottom:1.5rem;}
ul.affliation li:last-child{margin-bottom:0;}
} .video-wrapper {
top: 0;
left: 0;
width: 100%; padding-top:300px;
padding-bottom:300px;
z-index: -1;
pointer-events: none;
overflow: hidden;
position:relative;
}
.video-wrapper iframe {
width: 100%;
height: 56.25vw; min-height: 100vh;
min-width: 177.77vh; position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); z-index:-999;
}
@media screen and (max-width:767px){
.video-wrapper{padding-top:150px; padding-bottom:150px;}
} #page-header {padding:20px 0; background:#f7f0e0;}
#page-header h2{font-size:1.8em; margin-bottom:0; color:#898b64;}
#page-header a{text-decoration:underline; color:inherit;}
#page-header a:hover, #page-header a:focus{text-decoration:none;}
p.b-crumbs{margin-bottom:0; float:right; margin-top:3px;}
@media screen and (max-width:767px){
#page-header h2{font-size:1.65em;}
p.b-crumbs{float:none;}
}
.company-table i{width:22px; text-align:center;}
#pages .card-body i.service-icn{font-size:4em; color:#7a0001;}
#pages .card-body a, #pages .card-body a:hover, #pages .card-body a:focus{color:inherit}
#pages .card-body a{text-decoration:underline;}
#pages .card-body a:hover, #pages .card-body a:focus{text-decoration:none;}
#pages .card-body h3 span{font-size:.8em;}
#pages a{text-decoration:underline;}
#pages a.btn{text-decoration:none;}
#pages a:hover{text-decoration:none;}
.border-deco{border-left:8px solid #a7a7a7; font-weight:500; padding-left:6px;}
.card-body-sm{padding:0.5rem 0.75rem; border:3px solid #7a0001; font-size:1.1em; font-weight:bold; border-radius:4px;}
.icn-flow{font-size:1.75rem !important;}
.td-bg-gray{background:#efefef;}
.td-bg-blue01{background:#73eae5;}
.td-bg-blue02{background:#dcfffe;}
.td-bg-red01{background:#f59595;}
.td-bg-red02{background:#ffe5e5;}
.fa-stack {
display: inline-block;
height: 1.5em;
line-height: 1.5em;
vertical-align: -8px;
width: 2em;
}
.fa-stack-2x{font-size:1.5em;}
.about-icn{font-size:3.5rem; color:#7a0001;}
.circle-block{position: relative; display: inline-block; width: 100%; height: 0; padding: 50% 0; border-radius: 50%; text-align:center; background:#f0f0f0;}
.point-label{background:#7a0001; display:inline-block; color:#fff; padding:5px 25px; margin-bottom:15px; border-radius:5px;}
.circle-text{margin-top:-80px; padding:0 25px;}
.address-section{position:relative;}
.address-section span{position:absolute;}
@media screen and (max-width:767px){
.address-section{height:55px;}	
}
ul.checked{list-style:none; padding-left:2px; padding-right:20px; margin-bottom:0;}
ul.checked li{padding-left: 1.5em; margin-bottom:8px;}
ul.checked li:last-child{margin-bottom:0;}
ul.checked li:before{content: '\f00c'; font-family: 'Font Awesome 5 Pro'; display: inline-block; margin-left: -1.5em; width: 1.5em; color:#7a0001; font-size:1.15em;}
.ttl-marker{background:linear-gradient(transparent 70%, #ffe3be 70%); font-weight:700; color:#898b64;} .balloon-top {
position: relative;
display: block;
margin: 1.5em 0;
padding: 1.5rem;
background: #f0f0f0;
font-size:.95em;
}
.balloon-top:before {
content: "";
position: absolute;
top: -30px;
left: 50%;
margin-left: -15px;
border: 15px solid transparent;
border-bottom: 15px solid #f0f0f0;
}
.balloon-top p {
margin: 0;
padding: 0;
} .btn{border-radius:0;}
.btn-sm, .btn-group-sm>.btn {
padding: .5rem 2.5rem;
font-size: .9rem;
line-height: 1.5;
border-radius: 0;
}
.btn-danger{background-color:#7a0001; border-color:#7a0001;}
.btn-outline-danger{border-color:#7a0001; color:#7a0001;}
.btn-outline-danger:hover, .btn-outline-danger:focus{background-color:#7a0001; border-color:#7a0001;} .card-header{padding:.25rem 1.25rem .75rem 1.25rem}
.card-header .btn-link{color:#7a0001;}
#accordion .card-header .btn, #accordion2 .card-header .btn{padding:0; width:100%; text-align:left; white-space:normal;}
#accordion .card-body, #accordion2 .card-body{padding:1.25rem;}
#accordion table td, #accordion2 table td{vertical-align:top;} .partner-overlay {
background: rgba(0, 0, 0, 0.4);
bottom: 0;
left: 0;
overflow: hidden;
padding: 2rem 3rem;
position: absolute;
text-align: center;
top: 0;
right: 0;
-webkit-transition: 0.6s;
transition: 0.6s;
z-index:999;
}
.partner-overlay h3, .partner-overlay p{color: #fff;} #blog a, #blog a:hover, #blog a:focus{color:#7a0001;}
#blog img{max-width:100%; height:auto;}
#blog h4{margin-bottom:15px; font-size:1.2rem; border-left:4px solid #988b64; background:#f7f0e0; font-weight:500; padding:6px;} .widget-container h5{margin-bottom:10px; font-size:1rem; border-left:4px solid #7a0001; background:#f0f0f0; font-weight:500; padding:6px;}
.widget-container ul li{margin-bottom:10px; margin-bottom:7px; padding-bottom:7px; border-bottom:1px solid #d6d6d6;}
ul.side-blog,.side-blog ul{list-style:none;}
li.widget-container ul{margin-bottom:40px; padding-left:0;} .card-project .card-body{padding:.75rem;}
.label-opening, .label-menu, .label-management, .label-alcohol-license{font-size:.8rem; padding:.25rem .5rem; color:#fff; display:inline-block; margin-top:3px;}
.label-opening{background-color:#7a0001;}
.label-menu{background-color:#bb9425;}
.label-management{background-color:#2a4b88;}
.label-alcohol-license{background-color:#177500;} h4.ttl-deco {margin-bottom:15px; font-size:1.2rem; border-left:4px solid #988b64; background:#f7f0e0; font-weight:700; padding:6px;}
#page-faq td{vertical-align:top;}
#page-faq h5{border:none;}
ul.profile-social{list-style:none; padding-left:0; display:flex; justify-content:center; align-items:center; font-size:1.8rem; margin-bottom:0;}
ul.profile-social li{float:left; margin-right:15px;}
ul.profile-social li:last-child{margin-right:0;}
ul.profile-social a:hover{opacity:.6;} #owl-review .owl-prev{position:absolute; left:-25px; top:39.5%; font-size:2em; color:#f58400;}
#owl-review .owl-next{position:absolute; right:-25px; top:39.5%; font-size:2em; color:#f58400;}
.owl-theme .owl-controls .owl-buttons div{background:transparent; opacity:1; color:#f58400;}
.owl-carousel .owl-item img{width:auto; display:block; margin-left:auto; margin-right:auto; height:80px;}
.owl-dots {
text-align: center;
padding-top: 15px;
}
.owl-dots button.owl-dot {
width: 15px;
height: 15px;
border-radius: 50%;
display: inline-block;
background: #ccc;
margin: 0 3px;
}
.owl-dots button.owl-dot.active {
background-color: #f58400;
}
.owl-dots button.owl-dot:focus {
outline: none;
} #return-to-top {
z-index:1000;
position: fixed;
bottom: 20px;
right: 20px;
background: rgba(0, 0, 0, 0.5);
width: 50px;
height: 50px;
display: block;
text-decoration: none;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;
display: none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#return-to-top i {
z-index:1200;
color: #fff;
margin: 0;
position: relative;
left: 16px;
top: 13px;
font-size: 19px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#return-to-top:hover {
background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
color: #fff;
top: 5px;
}