@charset "UTF-8";
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ slider ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.slider_top {
	max-width:100%;
	margin:0 auto;
	padding-top:80px;/*header とかぶらないように*/
	padding-bottom:0;
}
.slider_top img {
	max-width:100%;
	height:auto;
}

/* ---------------------- news ---------------------- */
.infoList {
	margin-bottom: 10px;
}
.infoList ul {
list-style-type: none
}
 .infoList ul li a p.txt {
	float: none;
	width: auto;
display:inline;
}
.infoList ul li {
	border-bottom: 1px solid #dddddd;
}
.infoList ul li a {
	color:#333;
	display: block;
	padding: 5px 15px;
	overflow: hidden;
	transition: 0.2s;
}
.infoList ul li a:hover {
background:#f8f8f8;
color:#888888;
}
.infoList ul li a p.data {
	float: left;
	width: 35%;
	padding-top:7px;
}
.infoList ul li a p.data .tag {
	background-color:#333;
color:#FFF;
	display: inline-block;
	font-size: 14px;
	margin-left: 15px;
	margin-top: -2px;
	padding: 1px 15px;
	min-width: 90px;
	text-align: center;
}
span.date {
margin-left:7px;
}

.infoList ul li a p.txt {
	padding-top:7px;
	float: left;
	width: 65%;
}
@media only screen and (max-width: 768px) {
.infoList {
	margin-bottom: 0;
}
.infoList ul li a {
	padding: 10px;
	text-decoration: none;
}
.infoList ul li a p.data {
	font-size: 12px;
	float: none;
	width: auto;
}
.infoList ul li a p.data .tag {
	font-size: 10px;
	margin-left: 10px;
	margin-top: 0;
	line-height: 1;
	padding: 4px 12px;
	min-width: 70px;
}
.infoList ul li a p.txt {
	float: left;
	width: 100%;
}
}


/*================================================================================*/
section.interview {
position:relative;
margin:10rem 0 10rem 0;
}

@media only screen and (max-width: 992px){
section.interview{
margin:0 0 3rem 0;
padding:3rem 0 0;
}
}

section.interview .bgb_full {
background:#f5f4ea;
width:100%;
height:110%;
position:absolute;
top:10%;
z-index:-1;
}

@media only screen and (max-width: 992px){
section.interview .bgb_full {
top:0;
height:100%;
margin:50px 0;
padding:3% 0;
}
}
section.interview .work_flex{
display:flex;
justify-content:space-between;
flex-direction:row-reverse;
padding:0 10% 0 3%;

}
section.interview .work_flex.rv{/*rv左側にコメントver*/
flex-direction:initial;/*初期値に戻す デフォルトrow*/
} 
section.interview .work_flex.rv .txt{
margin:20% 0 0 3%;
}

section.interview .work_flex.rv .image{
margin:0 0 0 10%;
position:relative;
}
section.interview .work_flex.rv img {
	box-shadow: 0 2px 5px #170404;
}
@media only screen and (max-width: 992px){
section.interview .work_flex.rv .txt,
section.interview .work_flex.rv .image{
margin:1rem 0 0;
text-align:center;
}
section.interview .work_flex.rv img {
width:inherit;
box-shadow:inherit;
}

}



@media only screen and (max-width: 992px){
section.interview .work_flex{
display:block;
/*flex-direction:column;*/
padding:0;}}

section.interview .work_flex .txt p{margin:3rem 1rem;}


@media only screen and (max-width: 992px){
section.interview .work_flex .txt{
width:100%;
padding:3rem 5% 0 5%;
margin:0;
}
}
/*==================================*/
/*======================================================
https://bties.co.jp/homepagenopro/html/img_layer.html*/
/* 大枠ボックス */
.layer{
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 0 auto;
}

/* 背景画像の読み込み */
.layer-bg{
background: linear-gradient(to bottom, rgba(92, 77, 66, 0.3) 0%, rgba(92, 77, 66, 0.7) 100%), url("../images/second_title.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
  background-size: 100%;
height:inherit;
}

/* 重ねる文字の基本設定 */
.layer-txt, .layer-txt2{
  text-shadow: 1px 1px 4px rgba(0,0,0,0.4);
  color: #fff;
  letter-spacing: 0.4rem;
}
/* SP向けの設定 */
@media screen and (max-width: 600px) {
  .layer-txt{
   font-size: 1.4rem;
   padding: 6rem 0 2rem;
  }
  .layer-txt2{
   font-size: 1.4rem;
   padding: 2rem 0;
  }

}

/* PC向けの設定 */
@media screen and (min-width: 601px) {
  .layer-txt{
    font-size: 2rem;
    padding: 8rem 0 2rem;
  }
  .layer-txt2{
    font-size: 2rem;
    padding: 2rem 0;
  }

}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ contact ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.btn {
background:inherit;
border-radius:40px;
}
.btn-iro {
	color: #7cba7e;
	border:solid 1px #7cba7e;
	margin-bottom:3em;
	padding:10px 10px 10px 20px;
}
.btn-iro:hover {
	background-color: #7cba7e;
	color:#FFF;
}

.form_kakomi {
border:solid 1px #eee;
padding:1.2em;
}



.photo ul {
display:flex;
justify-content:space-between;
 list-style: none;
}
.photo_rev ul{
flex-direction:row-reverse;
}

.photo li {
box-sizing: border-box;
margin-right:10px;
}
.photo li:nth-of-type(2n) {
margin-top:100px ;
}

.photo2  {
position:relative;
}
.photo2::before {
    content: "";
    display: block;
    padding-top: calc(0.76 * 100%);
}
.photo2 li {
position:absolute;
}
.photo2 li.large {
width:67%;
top:0;
left:0;
}
.photo2 li.small {
width:38%;
bottom:0;
right:0;
}
.photo2 li.large_rev {
width:67%;
top:0;
right:0;
}
.photo2 li.small_rev {
width:38%;
bottom:0;
left:0;
}

/*===============shop.html==========================*/
.shop_01 {
position:relative;
height:100vh;
max-height:700px;
padding:0;
margin:0;
background-image:url(../images/bg_shop1.jpg);
background-repeat:no-repeat;
background-position:0% 0% ;
}
.shop_02 {
position:relative;
height:100vh;
max-height:700px;
padding:0;
margin:0;
background-image:url(../images/bg_shop2.jpg);
background-repeat:no-repeat;
background-position:0% 0% ;
}
.menu_in {
position:absolute;
width:30em;
min-height:20em;
top:50%;
left:5%;
  -ms-transform: translate(-5%,-50%);
  -webkit-transform: translate(-5%,-50%);
  transform: translate(-5%,-50%);
background: rgba(0,0,0,0.6);
color:#FFF;
}
.menu_in h3 {
padding:1.2em 1.2em 0 0.8em;
}
.menu_in p {
padding:0.5em 1.2em 0.5em 1.5em;
}
.h3_md {
font-size:1.3em;
text-align:center;
}



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ shop ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
dl.dl-yoko {
	padding:0.2em 0 0.4em 0;
	border-bottom: 1px solid #ccc;
}
dl.dl-yoko dt {
	padding:0 0 0 0.8em;
  font-weight: bold;
}
dl.dl-yoko dd {
	padding-left:0.8em;
}
@media screen and (min-width: 768px) {
dl.dl-yoko dt {
clear: left;
float: left;
width:25%;/*20%*/
}
dl.dl-yoko dd { 
display: block;
margin-left:25%;/*20%*/
}
dl.dl-yoko dd.profile {
padding-left:1.5em;
border-left: 1px solid #7cba7e;
}
dl.dl-yoko dd.profile a {
text-decoration:underline;
}
}
.aboutus_lead {
margin:25px 0 50px;
text-align:center;
}
.aboutus_lead h6 {
font-family: 'Noto Serif JP','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体', serif;
font-size:1.25rem;
margin-bottom:20px;
}
.aboutus_lead p {
line-height:2;
}