/*
Theme Name: JRC Inc
Theme URI: https://jrc-usa.com/
Description: Japanese Restaurant Consulting Inc Exclusive Theme
Version: 1.0
Author: Taisuke Inui
Author URI: https://www.samurai-web-works.com/
*/
.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%;}
}

/* 5 columns, 7 columns */
.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; /*font-size: 14px;*/ 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;}
}

.insta-icn-color{background: -webkit-linear-gradient(#7923bc, #dc8e40);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}

/* header */
#header-top{font-size:0.9em;}

#header-top h1{font-size: 14px; padding:.2rem 0;}

#logo{width:250px; /*width:74px; margin-left:80px;*/}

/*.navbar-light .navbar-nav .show>.nav-link, .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active{color:#232323;}*/

.navbar, .dropdown-menu{background-color:#898b64;}

.navbar-expand-lg .navbar-nav .nav-link{padding-right:1.5rem; padding-left:1.5rem;}

/*ul#menu-primary-menu li:last-child a*/ .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:/*180px*/150px;}
}

/* footer */
#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;}

/* index */
.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{/*text-align:center;*/}

.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;}
}

/* video background */
.video-wrapper {
   top: 0;
   left: 0;
   width: 100%;
   /*height: 700px;
   max-height:700px;
   min-height:650px;*/
   padding-top:300px;
   padding-bottom:300px;
   z-index: -1;
   pointer-events: none;
   overflow: hidden;
   position:relative;
}
.video-wrapper iframe {
   width: 100%;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100vh;
   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   /* position: fixed; */
   z-index:-999;
}

@media screen and (max-width:767px){
 .video-wrapper{padding-top:150px; padding-bottom:150px;}
}

/* page */
#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;}

/* ballon */
.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;
}

/* buttton */
.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;}

/* faq */
.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;}

/* partners */
.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 */
#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 #7a0001; background:#f0f0f0; font-weight:500; padding:6px;}

/* blog side */
.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;}

/* projects new design */
.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;}

/* added */
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 carousel */
#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;
}

/* Back to Top */
#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;
}