@charset "utf-8";

html{scroll-behavior: smooth;}
body{background: #fff;}
body,#wrapper {
  display: block;
  flex-direction: column;
  min-height: 100vh;
  color:#000;
font-family: 'Noto Sans Japanese', sans-serif,'Roboto'";
}

	a{color:#000;
    -webkit-transition:ease .5s;
     transition:ease .5s;}

	a:hover{
    opacity:0.8;
    /*text-decoration:none;*/
    color:#E89111;
    }



.pc-none-menu {display:none!important;}
.sp-none-menu {display:block!important;}

@media only screen and (max-width:768px){
	.pc-none-menu {display:block!important;}
	.sp-none-menu {display:none!important;}
	}

.pc-none {display:none!important;}
.sp-none {display:block!important;}

@media only screen and (max-width:767px){
	.pc-none {display:block!important;}
	.sp-none {display:none!important;}
	}

.red{color:#ff0000;}
.white{color:#fff;}
.black{color:#000;}

.bg-red{background-color:#ff0000;}
.bg-white{background-color:#fff;}
.bg-black{background-color:#000;}

small{line-height:100%;font-size:85%;}
table{line-height:160%;width: 100%;}
table th,table td{padding:3px 10px;}

img.insta{width:60px;float:left;margin-right:10px;}
img.hotpepper{width:160px;}


/*========▼▼header▼▼========*/

#header {
  position: absolute;
  z-index: 77;
  top:0;
  width: 100%;
  margin: auto;
  background: #fff;
height: 70px;
}


header ul{font-size:85%;display: inline-block;text-align: center;font-weight: 500;}
header ul li{float: left;}

@media screen and (max-width: 768px) {
header ul li{float: none;}
}

header ul li a{padding: 20px 23px;display:inline-block;}
header ul li a:hover{color:#E89111;text-decoration: none;}



.sns ul{font-size:85%;display: inline-block;text-align: center;font-weight: 500;}
.sns ul li{float: left;}
.sns ul li a{padding: 0px 50px 0px 0px;display:inline-block;}
@media screen and (max-width: 768px) {
.sns ul li a{padding: 0px 25px 0px 25px;display:inline-block;}
}
}

.sns ul li a:hover{color:#E89111;text-decoration: none;}


@media screen and (max-width: 768px) {
#header {
  position: absolute;
  z-index: 77;
  top:0;
  width: 100%;
  margin: auto;
  background: #fff;
  height: 70px;
}
}


.logo{max-width:50px;margin:10px 1.5vw 10px;}

.sp-logo{width:150px;margin:12px 0 0 10px ;}

.damymenu{width:900px;}

.pc_menu{
    position: absolute;
    right:0px;
    bottom: 0px;
    padding: 5px 20px;
    /*background: #db9439;
    color:#fff;
    line-height: 100%;
    
    border-radius: 32px;*/}

/* bager menu */
nav{
 width: 100%;
}

.navbar_toggle{
 z-index:9999;
 position: fixed;
    top: 15px;
    right: 10px;
}
.navbar_toggle_icon {
 position: relative;
 display: block;
 height: 1px;
 width: 15px;
 background: #db9439;
 -webkit-transition: ease .5s;
 transition: ease .5s;    
}

.circle {
display: inline-block;
  width: 45px;
  height: 45px;
  text-align:center;
  line-height: 80px;
  border-radius: 50%;
  border: solid 1px #d1d1d1;   
    background: #fff;
}



.navbar_toggle_icon:nth-child(1) {
 top: 15px;left: 14px;
}
.navbar_toggle_icon:nth-child(2) {
 top: 20px;left: 14px;
}
.navbar_toggle_icon:nth-child(3) {
 top: 25px;left: 14px;
}

/*OPEN時の動き*/
.navbar_toggle.open .navbar_toggle_icon:nth-child(1) {
 top: 22px;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);

 
}
.navbar_toggle.open .navbar_toggle_icon:nth-child(2) {
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
 opacity: 0;
}
.navbar_toggle.open .navbar_toggle_icon:nth-child(3) {
 top: 20px;
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);

}



.menu{
 width: 100%;
 -webkit-transition:ease .5s;
 transition:ease .5s;
 z-index:1000;
 background: #ffff;
 opacity: 0;
 position: fixed;
top: -400px;
}

.menu ul{
  /*text-align: center;*/
  position: absolute;
  top: 250px; /*親要素を起点に上から50%*/
  left: 200px;  /*親要素を起点に左から50%*/
  transform: translateY(-50%) translateX(-50%); /*要素の大きさの半分ずつを戻す*/
  -webkit-transform: translateY(-50%) translateX(-50%);
}

@media screen and (max-width: 768px) {
    .menu ul{
  /*text-align: center;*/
  position: absolute;
  top: 230px; /*親要素を起点に上から50%*/
  left: 120px;  /*親要素を起点に左から50%*/
  transform: translateY(-50%) translateX(-50%); /*要素の大きさの半分ずつを戻す*/
  -webkit-transform: translateY(-50%) translateX(-50%);
}
}

.menu ul li{
 padding:1.25vh 0;
 font-size: 110%;
 font-weight: 400;
    /*line-height: 2.0;*/
}

@media screen and (max-width: 768px) {
.menu ul li{
 padding:1.25vh 0;
 font-size: 110%;
 font-weight: 400;
  line-height: 0.3;
}

}

.menu.open {
 opacity: 1;
 -webkit-overflow-scrolling: touch;
   width: 100%;
  height: 100vh;
  z-index: 999;
  position: fixed;
  top: 0px;
  left: 0px;
}

#header .menu ul li a{text-decoration:none;}
#header .menu ul li a small{font-size: 90%;margin: 5px 0 0 15px;font-weight: normal;font-family: "Roboto Slab", Garamond, "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;}
#header .menu ul li.sns,footer h3{max-width:320px;line-height:120%;text-align: left;}
#header .menu ul li.sns{width:320px;float:left;}
#header .menu ul li.sns h3,footer h3{font-size: 100%;}
  #header .menu ul li.sns h3:before,footer h3:before{content: "[";}
  #header .menu ul li.sns h3:after,footer h3:after{content: "]";}
#header .menu ul li.sns address,footer address{font-size: 70%;}
#header .menu ul li.sns tel,footer tel{font-size:100%;}
#header .menu ul li.sns a{font-family: "Roboto Slab", Garamond, "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;}

/*========▼▼main▼▼========*/

main section{padding:6vh 0;}

@media screen and (max-width: 768px) {
main section{padding:9vh 0;}
}

/* title */
main h2{font-size: 220%;}
/*main h2::first-letter{color: #db9439;}*/
main h3{font-size: 110%;margin:10px 0 10px;font-weight: bold;letter-spacing: 0.045em;}
/*main h3 {display: flex;align-items: center;justify-content: center; }
main h3:before, main h3:after {border-top: 1px solid;content: "";width: 3em;}
main h3:before {margin-right: 1em;}
main h3:after {margin-left: 1em;}*/

.h2title{font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

/* btn */
.btn-view{padding:13px 32px 13px 32px;text-align: center;border-radius: 50px;display: block;font-size: 160%;}
.btn-view2{padding:20px 32px 20px 32px;text-align: center;border-radius: 50px;display: block;font-size: 160%;}
.btn-view3{padding:13px 32px 13px 32px;text-align: center;border-radius: 50px;display: block;font-size: 160%;}
.btn-view:hover{text-decoration: none;}
.btn-view::after{margin-left:10px;}

.btn1,.btn-view:hover{font-size:100%;border:1px solid #747474;background: #fff;color:#db9439;opacity: 1;font-family: 'Roboto';letter-spacing:0.05em;margin-left:10px;margin-top: 5px}
.btn3,.btn-view3:hover{font-size:100%;border:1px solid #747474;background: #fff;color:#db9439;opacity: 1;font-family: 'Roboto';letter-spacing:0.05em;}
.btn2:hover{font-size:100%;border:1px solid #747474;background: #fff;color:#db9439;opacity: 1;font-family: 'Roboto';letter-spacing:0.05em;}
.btn2,.btn-view.btn1:hover{font-size:100%;border:1px solid #db9439;background: #db9439;color:#fff;opacity: 1;}
.btn3{font-size:100%;border:1px solid #db9439;background: #db9439;color:#fff;opacity: 1;}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #db9439;
}

/*aniation 1*/
.js-animation {
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  transition: all 1.2s;
}

.js-animation.y40 {transform: translateY(40px);transition: all 1.3s;}
.js-animation.y60 {transform: translateY(60px);transition: all 1.4s;}
.js-animation.y80 {transform: translateY(80px);transition: all 1.5s;}
.js-animation.y100 {transform: translateY(100px);transition: all 1.6s;}

.js-animation.is-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}

/*aniation 2*/
.fadeIn {
  transition: 2s;
  opacity: 0;
}
.fadeIn.animated {
  opacity: 1;
}
.fadeIn.row{transform: translate3d(0, 60px, 0);}
.fadeIn.animated.row{transform: translate3d(0, 0, 0);}




/*========▼▼footer▼▼========*/

footer{
    width: 100%;
    margin-top:3vh;
    padding:1.5vh 0 0;
    position: relative;
    }

footer section{background: #fff;margin-top:60px;}
footer h3,footer address,footer tel{color:#5e4938;font-weight: bold;}
footer ul{font-size:85%;display: inline-block;text-align: center;font-weight: 500;}
footer ul li{float: left;}
footer ul li a{padding: 20px;display:inline-block;}
footer ul li a:hover{color:#E89111;text-decoration: none;}

a.page_top{position: absolute;bottom:290px;right:3vw;z-index:9;background:#db9439;border-radius: 50px;padding:10px 30px;display:block;color:#fff; width: 100px; height: 100px;}
a.page_top:hover{text-decoration:none;opacity: 1;}
a.page_top:before{content: "↑";display: block;font-size: 300%;margin-bottom: 5px;}

footer copyright{
	text-align:center;
	font-size:80%;
	display:block;
	padding:3vh 0;font-weight: lighter
}

@media screen and (max-width:1198px) {
     
  footer ul{padding-bottom: 60px;}
}

@media screen and (max-width: 768px) {
     .menu ul li {font-size: 100%;text-align:left; padding: 0vh 0;}
  footer #footer-bnr,footer ul,.icon_menu{display: block;}
  footer,footer section{margin-top:0;padding:0;}
  a.page_top {bottom:35px;}
}


@media screen and (max-width: 529px) {
  .menu ul li {font-size: 100%;text-align:left; padding: 0vh 0;}
  #header .menu ul li a small{display: inline-block;margin-left: 10px}
}

@media screen and (max-width: 1024px) and (orientation: landscape){
  .menu ul {min-width: 600px;}
  .menu ul li{max-width: 100%;float: left;margin-right:5vw;}
  #header .menu ul li a small{display: inline-block;margin-left: 10px}
  #header .menu ul li.sns{  width: 100%;max-width: 100%;}
}


/*========▼▼PC,SP改行▼▼========*/


@media screen and (min-width: 650px){
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 650px){
  .br-pc { display:none; }
  .br-sp { display:block; }
}


/*========▼▼PC,SP画像表示▼▼========*/

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc990 { display: block !important; }
.sp990 { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 991px) {
.pc990 { display: none !important; }
.sp990 { display: block !important; }
}


/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc575 { display: block !important; }
.sp575 { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 576px) {
.pc575 { display: none !important; }
.sp575 { display: block !important; }
}




/*========▼▼会社概要▼▼========*/


table.CF_table{
	width:100%;
	margin:0 auto;
	
}

table.C_table tr{
	border-top: 1px solid #e5e5e5;
}

.single .entry-content table.CF_table,
.page .entry-content table.CF_table{
	display:table;
}


/* タイトル列 */
@media screen and (min-width: 768px){
	.CF_table th{
	width:30%;/*横幅*/
	/*background-color:#fff;白*/
	}
}

/* レスポンシブ */
@media screen and (max-width: 768px){
	table.CF_table{
	width:95%;
	}
	.CF_table tr, .CF_table td, .CF_table th{
	display: block;
	width: 100%;
	line-height:2.5em;
	}
	.CF_table th{
	/*background-color:#fff;*/
	}
}


th.corpo {
    border-top: 1px solid #222;
    padding: 22px 15px 17px;
    line-height: 2.2;
    font-size: 14px;
}

td.corpo {
    border-top: 1px solid #222;
    padding: 22px 15px 17px;
    line-height: 2.2;
    font-size: 14px;
    overflow-wrap: anywhere;
}


@media only screen and (max-width: 768px) {
    th.corpo {
    border-top: 1px solid #222;
    padding: 22px 15px 10px;
    line-height: 0.8;
    font-size: 16px;
    font-weight: 600;
}
td.corpo {
    border-top: 1px solid #fff;
    padding: 22px 15px 17px;
    line-height: 1.6;
    font-size: 14px;
}
}