@charset "utf-8";

/**
 * ***************************************
 * ページ全体に関わるCSSの設定
 * ***************************************
 */
html *,
::before,
::after {
  box-sizing: border-box;
}
/* フォント */
html {
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}
body {
  font-family: 'Noto Serif JP', serif;
  font-weight: 600; /* Noto Serif JPのレギュラーウェイトを指定 */
}
/* おもな太字タグのフォントウェイト設定 */
h1, h2, h3, h4, h5, h6, th, strong {
  font-weight: 700;
}
/* ベースのリンクカラー */
a {
  color: #e72410;
}

/* レスポンシブイメージと画像下スペース防止 */
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;/* 画像下のスペースを消す */
}

a img:hover {opacity: 0.7; }



/**
 * ***************************************
 * ヘッダー
 * ***************************************
 *
 * ヘッダーコンテナ
 */
.page-header {
 border-bottom:solid 1px #ccc;
 box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.08);
 position:relative;
 z-index:1000;
}

/** 最新のsafari用*/
_::-webkit-full-page-media, _:future, :root .page-header {
 border-bottom:solid 1px #ccc;
 box-shadow: 0px 8px 8px -5px rgba(0,0,0,0.08);
}

.header-text{display:none;}

@media (min-width: 768px) {
 .header-text {
	display:block;
	text-align: right;
    margin: 0 auto;
    padding: 0 20px;
    max-width: 1040px;
	margin-bottom:-30px;
	z-index:1000;
}
 .header-shop {color:#CCCCCC; font-size: 14px;}
	
 .recruit-header .header-shop {color:#FFF;}
	
 .header-container {
    margin: 0 auto;
    padding: 0 20px 0 0;
    max-width: 1040px;
	display:flex; justify-content: space-between;
  }
}

/**
 * ---------------------------------------
 * ヘッダーモジュール
 */

/* ヘッダーロゴとモバイルナビボタン */
.sitetitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding:5px 0 0 0;
}
@media (min-width: 768px) {
  .sitetitle {
    padding: 0;
  }
}
/* ヘッダーロゴ */
.header-logo {
  margin: 0;/* h1のデフォルト設定オフ */
  padding-left: 0px;
  font-size: 0;/* 画像上下の余白を消すためh1の設定オフ */
  line-height: 0;/* 画像上下の余白を消すためh1のサイズオフ */
}
.header-logo img {
  width: 200px;
}
@media (min-width: 768px) {
  .header-logo {
    padding: 0;
	display:block;
  }
  .header-logo img {
    width: 240px;
  }
}

/* モバイル向けボタン */
.navbtn {
  display: block;
  width: 70px;
  height: 70px;
  background-image: url(../images/nav-mobile-open.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
.navbtn.close {
  background-image: url(../images/nav-mobile-close.svg);
}

.recruit .navbtn {
  background-image: url(../images/nav-mobile-open2.svg);	
}
.recruit .navbtn.close {
  background-image: url(../images/nav-mobile-close2.svg);
}

@media (min-width: 768px) {
  .navbtn {
    display: none;
  }
}
/* ヘッダーナビゲーション */

.header-nav {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}
.header-nav.collapse {
  display: none;
}
.header-nav li a {
  display: block;
  padding: 20px 30px;
  border-top: 1px solid #d8d8d8;
  background: #efefef;
  color: #000;
  text-decoration: none;
}
.header-nav li a:hover {
  background: #FCE0E0;
}
@media (min-width: 768px) {
  /* PC向けレイアウト */
  .gnav {display:flex;
	align-items:center;
	margin-top:40px;
  }
  .header-nav {
    display: flex !important;
    flex-direction: row;
    justify-content: flex-end;
	font-size:14px;
  }
  .header-nav li a {
    padding: 6px 20px 2px 20px;
    border-top: none;
    background: none;
  }
  .header-nav li a:hover {
    color:#e72410;
    background: none;
  }
	.mb-only {display:none;}
}



/**
 * ***************************************
 * スライダー
 * ***************************************
 *
 * トップスライダー
 */

  /* MB向けレイアウト */

.slider2 {display:block;
  max-width: 768px;
  width: 100%;
}

.slider-img img {
  height: auto;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
}

@media (max-width:767px){
  /* MB向けレイアウト */
#forpc {display:none;}
	.slider-img {padding:0;}
    .slick-dots li {
	width:8px!important;}
    .slick-dots li button:before{
	font-size:10px!important;
}
}

@media (min-width: 768px) {
  /* PC向けレイアウト */

.slider {
  display: block;
  margin: 0 auto;
  max-width: 1800px;
  width: 100%;
}
.slider-img {
  margin: 0 5px;
}
}
	
@media (min-width:768px){
  /* PC向けレイアウト */	
#formb, .formb {display:none;}	
}

@media (max-width:767px){
  /* MB向けレイアウト */
	.forpc {display:none; }
}



/** 最新のsafari用*/
_::-webkit-full-page-media, _:future, :root .slick-dots li {
	width:8px!important;}
_::-webkit-full-page-media, _:future, :root  .slick-dots li button:before{
	font-size:10px!important;}

/**
 * ***************************************
 * パンくずリスト
 * ***************************************
 *
 * パンくずリストコンテナ
 */
.breadcrumb {
  display: none;/* モバイルで非表示 */
}
@media (min-width: 768px) {
  /* PCだけスタイル適用 */
  .breadcrumb {
    display: block;/* display:noneの解除 */
    background: #fff;
  }
  .bc-container {
    margin: 0 auto;
    padding: 12px 20px;
    max-width: 1040px;
  }

  /**
   * ---------------------------------------
   * パンくずリストモジュール
   */
  .bc-nav {
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .bc-nav li {
    font-size: .75rem;
    color:  #747474;
  }
  .bc-nav li::after {
    padding: 0 5px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054";
  }
  .bc-nav li:last-child::after {
    content: "";
  }
  .bc-nav li a {
    color:  #747474;
  }
  .bc-nav li a:hover {
    opacity: .8;
  }
}

/**
 * ***************************************
 * ページ下部
 * ***************************************
 *
 * ページ下部コンテナ
 */
.page-bottom {
  text-align: center;
}
.bottom-container {
  padding: 20px 4% 0 4%;
}
@media (min-width: 768px) {
  .bottom-container {
      margin: 0 auto;
      padding: 20px 20px 0 20px;
      max-width: 1040px;
  }
}

/**
 * ---------------------------------------
 * ページ下部モジュール
 */
/* 複数のバナーを並べる */
.banner {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}
.banner div {
  margin: 0 auto 10px auto;
  text-align: center;
  max-width:300px;
}
.banner a:hover {
  opacity: .8;
}
@media (min-width: 768px) {
  .banner {
    flex-direction: row;
  }
  .banner div {
    margin: 0 auto;
	max-width:none;
  }
}

/* ボタンを横に並べる */
.tel {
  margin: 0 0 15px 0;
  font-weight: 700;
  font-size: 2.25rem;
  text-align: center;
}
.tel a, .tel2 a {text-decoration: none; color:#000;}

.tel2 {font-size: 1.5rem; margin:0 0 14px 0;}

.adress {font-size:.875rem; margin:0 0 20px 0; 	text-align: center;
	display: block;}
.adress div{	text-align: left;
	display: inline-block;}

.button01 a {border:solid 1px #999; padding:5px 10px; color:#000; text-decoration: none; display:inline-block;}
.button01 a:hover {opacity:.7;}
p.button01 {margin-top:60px;}

a.button02  {border:solid 1px #e72410; border-radius:10px; padding:5px 50px;  text-decoration: none; display:inline-block;}
a.button02:hover {opacity:.7;}

a.button03 {border:solid 1px #999; padding:10px 20px; color:#000; text-decoration: none; display:inline-block;}
a.button03:hover {opacity:.7;}

a.btn--red, .btn--red {
  color: #fff;
  background-color: #e72410;
  text-decoration: none;
  display:inline-block;
  width:420px;
}
a.btn--white {
  border:solid 1px #e72410; border-radius: 10px;
  text-decoration: none;
  display: inline-block;
  width:420px;
  color:#e72410;
}

a.btn--red2 {
  color: #fff;
  background-color: #e72410;
  text-decoration: none;
  display:inline-block;
  width:200px;
}

@media (max-width: 767px) {
	a.btn--red2 {width:160px;}
	.latest-text h3 {margin:0 0 5px 0;}
	.adress {margin:0 0 5px 0;}
	.tel2 {margin:0 0 5px 0;}
}


a.btn--red:hover, a.btn--red2:hover {
  color: #fff;
  opacity: .8;
}

a.btn--white:hover {
  opacity: .6;
}

a.btn-c {
  font-size: 1.25rem;
  position: relative;
  padding: .75rem 1rem .75rem 1rem;
  border-radius:10px;
  margin-bottom:20px;
  text-align: center;
}

a.btn-c i.fa {
  margin-right: 1rem;
}

a.btn-c:before {
  font-family: 'Font Awesome 5 Free';
  font-size: 1rem;
  line-height: 1;
  position: absolute;
  top: calc(50% - .5rem);
  right: 1rem;
  margin: 0;
  padding: 0;
  content: '\f054';
}

@media screen and (max-width: 500px) {
	a.btn--red {width:100%;}
	a.btn--white {width:100%;}
	a.btn-c {padding:.75rem 0; font-size:1.2rem;}
}



.sns {
  display: flex;
  justify-content: center;
  margin-bottom :30px;
  margin-top:30px;
}
.sns div {
  margin: 0 10px;
}
.sns div a {
  display: block;
  width: 70px;
  height:70px;
  background: #fff;
  border-radius: 50%;
  font-size: 30px;
  line-height: 70px;
  text-align:center;
  color: #ffffff;
}
.sns div a:hover {
  opacity: .8;
}
/* ページトップへ戻るボタン */
.gotop {
  text-align: right;
}
.gotop a {
  display: inline-block;
  padding: 1rem 1.25rem;
  background: #e72410;
  border-radius: 30px;
  font-size: 1.25rem;
  text-align:center;
  color: #ffffff;
  margin:0 20px -20px 0;
  opacity:.5;
}
.gotop a:hover {
  opacity: .7;
}

#t-scroll {
    position:fixed;
    bottom:50px;
    right:20px;
}
/**
 * ***************************************
 * フッター
 * ***************************************
 *
 * フッターコンテナ
 */
.page-footer {
  background: #CCC;
  border-bottom:solid 5px #999;
}
.footer-container {
  padding: 30px 4%;
}
@media (min-width: 768px) {
  .footer-container {
      max-width: 1040px;
      margin: 0 auto;
      padding: 30px 20px;
  }
}

/**
 * ---------------------------------------
 * フッターモジュール
 */
/* ロゴ */
.footer-logo {
  margin-bottom: 30px;
  text-align: center;
}
.footer-logo img {
  width: 160px;
}
/* フッターのナビゲーション① */
.footer-nav1, .footer-nav2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin: 0 0 10px 0;
  padding: 0;
  list-style: none;
}
.footer-nav1 li {
  padding: 0 1rem;
  margin-bottom: 1rem;
  font-size: .875rem;
}
.footer-nav1 li a {
  color:  #333;
  text-decoration: none;
}
.footer-nav1 li a:hover {
  color: #e72410;
}

@media (max-width: 767px) {
	.footer-nav1{    flex-wrap: wrap;}
}

/* ナビゲーション② その他リンク */

.footer-nav2 li {
  padding: 0 1rem;
  font-size: .75rem;
}
.footer-nav2 li a {
  color:  #333;
  text-decoration: none;
}
.footer-nav2 li a:hover {
  color: #e72410;
}

.footer-nav1 li + li, .footer-nav2 li + li {
  border-left: 1px solid #666;
}	
	

/* コピーライト */
.copyright {
  font-size: .75rem;
  color:  #333;
  text-align: center;
}

/**
 * ***************************************
 * メインコンテナ
 * ***************************************
 */
/**
 * ***************************************
 * ［index.html］ホームページ
 * ***************************************
 */
/* ホーム - ヒーローコンテナ */
.hero-container {
  position: relative;
}
/* ホーム - メインコンテナ */
.home .page-main {

}
.home .main-container {
  padding: 10px 4% 0 4%;
}
@media (min-width: 768px) {
.home .main-container {
    max-width: 1040px;
    margin: 0 auto;
    padding: 10px 10px 0 10px;
  }
}
/* ホーム - ニュースコンテナ */
.news {
  background: #fff;
}
.news-container {
  padding: 20px 4%;
}

@media (min-width: 768px) {
  .news-container {
    max-width: 740px;
    margin: 0 auto;
    padding: 20px 20px;
  }
}

/**
 * ---------------------------------------
 * ［index.html］ホームページ - モジュール
 */
/* キャッチフレーズ */
.home-lead {
  max-width: 680px;
  margin: 0 auto 0 auto;
  text-align: center;
  line-height: 1.5;
}
.home-lead h2 {
  margin: 0;
  font-size: 1.5rem;
}
.home-lead p{font-size:1rem;}

@media (max-width: 767px) {
	.home-lead h2 {font-size:1.25rem;}
	.home-lead h3 {font-size:1.1rem;}
}

/* カード型レイアウト */
.home-latest {
  margin: 0 0 40px 0;
  column-gap: 10px;
  row-gap:10px;
}
@media (min-width: 768px) {
  .home-latest {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-rows: minmax(100px, auto);
    column-gap: 20px;
    row-gap: 30px;
  }
}

@media (max-width: 767px) {
	.latest-item {
      display:grid;
	  width:100%;
	  height:100%;
      grid-template-columns: 1fr 1fr;
      column-gap: 10px;		
	}
}

.camp-block {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: minmax(100px, auto);
  margin: 0 0 40px 0;
  column-gap: 10px;
  row-gap:10px;
}
@media (min-width: 768px) {
  .camp-block {
   grid-template-columns: 1fr 1fr 1fr;
   column-gap: 20px;
    row-gap: 30px;
  }
}

/* それぞれのカードの中身 */

.latest-image img {
  margin: 0 0 10px 0;
}
.latest-image img a:hover {
  opacity: .7;
}
.latest-text {
  margin-bottom: 10px;
  padding: 0 4px;
}
	
  .latest-image img {width:100%; height:90%; object-fit: cover; margin-bottom:10px;}


.latest-text h3 {
  margin: 0 0 10px 0;
  font-size: 1rem;
  line-height: 1.5;
}
.latest-text h3 a {
  color: #000000;
  text-decoration: none;
}
.latest-text h3 a:hover {
  opacity: .5;
}
@media (min-width: 768px) {
  .latest-text {
    padding: 0;
	width:100%;
	margin:0;
  }
}	

/* ホーム 共通のタグ */
.home-tag {
  margin-bottom: .5rem;
}
.home-tag span {
  margin: 0 3px 3px 0;
  padding: 2px 10px;
  border: 1px solid #73cbd6;
  border-radius: 100px;
  font-size: .75rem;
}
.home-tag span a {
  color: #73cbd6;
  text-decoration: none;
}
/* ホーム 共通の場所情報 */
.home-info {  
  font-size: .875rem;
}

/* テーブル形のリスト */
.news-container h2, .bottom-container h2 {
  margin: 0 0 10px 0;
  font-family: 'Charis SIL', serif;
  font-weight: 700;
  font-size: 1.875rem;
  text-align: center;
  color:#E72410;
}
.news-container h3, .bottom-container h3 {text-align: center;  margin: 0 0 30px 0;}

@media (min-width: 768px) {
  .news-container h2 {
    max-width: 700px;
    margin: 0 auto 10px auto;
  }
}
.home-news {
  padding: 20px;
  background: #ffffff;
  border:1px solid #ccc;
}
#post-news {border:none; padding:0 0 60px 0;}

.home-news p {line-height:2rem;}

@media (min-width: 768px) {
  .home-news {
    max-width: 700px;
    margin: 0 auto;
    padding: 40px;
  }
#post-news {max-width:800px;}
	
	.home-news dl { display: flex; width:100%;}
	
	.home-news dt{width:25%; white-space:nowrap;}
	.home-news dd{width:75%;}
}


.home-news dl {
  margin: 0;
  padding: 20px 0;
  border-top: 1px solid #d8d8d8;
}
.home-news dl:last-child {
  border-bottom: 1px solid #d8d8d8;
}
.home-news dt {
  margin: 0 10px 0 0;
  font-size: 0.875rem;
  line-height: 1.5;
}
.home-news dd {
  margin: 0;
  font-size: 1rem;
  line-height: 1.5;
}
.home-news dd a {
  color: #000;
  text-decoration: none;
}
.home-news dd a:hover {
  color:#CE0003;
}
.newmark {background:#CA0003; color:white; padding:2px 5px; margin-left:5px;}

/**
 * ***************************************
 * ［post］記事ページ - メインコンテナ
 * ***************************************
 */
.post .main-container {
  padding: 20px 4% 0 4%;
}
@media (min-width: 768px) {
  .post .main-container {
    max-width: 1040px;
    margin: 0 auto;
    padding: 20px 20px 0 20px;
  }
}


/**
 * ---------------------------------------
 * ［about.html］ジンホアとは - モジュール
 */
/* キャッチフレーズ */
.about-lead {
  max-width: 740px;
  margin: 0 auto 40px auto;
  text-align: center;
  line-height: 2;
}
.about-lead h2 {
  margin: 0;
  font-size: 1.5rem;
}
.about-lead p{font-size:1rem; text-align:left;}

.about-pic {
  max-width: 740px;
  margin: 0 auto 40px auto;
  text-align: center;
  display:grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows:minmax(100px, auto);
  column-gap:10px;
  row-gap:10px;		 
}

@media (min-width: 768px) {
	.about-pic {
  grid-template-columns: 1fr 1fr 1fr;		
	}
}
/**
 * ---------------------------------------
 * ［menu.html］メニューページ - モジュール
 */
/* 複数のメニューを並べる */
@media (min-width: 768px) {
  .menu2 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  text-align: center;
  margin: 30px 0;
  }
  .menu2 div {
  margin: 0 10px 20px 10px;
  width:160px;
　justify-content: center;
  align-items: center;
  }
  .menu2 a:hover {
  opacity: .8;
  }
}

.menu-container {
  padding: 0 4%;
  text-align: center;
}

.menu1 {margin:0 10px 50px 10px; text-align:center; }

@media (min-width: 768px) {
  .menu-container {
	width:90%;
    max-width: 960px;
    margin: 0 auto;
    padding: 0 20px;
  }
}

/**
 * ---------------------------------------
 * ［takeout.html］テイクアウトページ - モジュール
 */
.takeout-container {
	max-width:600px;
    margin: 0 auto;
    padding: 0 20px;
	text-align: center;
	justify-content: center;
}

.takeout-container p{line-height:2;
}

.takeoutlogo {width:70%; min-width:300px; text-align: center;}

.line15 {display: block; line-height:1.5em;}
.t-order {border:solid 1px #999; padding:5px 20px; margin:30px auto;} 

@media (max-width:500px){
	.line15 {font-size: 3vw;}
}

.bhour {width:100%;}
.bhour table {border:0; width:100%;}	

@media (min-width: 768px) {
.bhour {width:70%; margin:0 auto;}
}

.takeoutqr { text-align: center;}
img.takeoutqr  {width:60%; max-width:240px; border:solid 2px #000; }

.takeoutbox {text-align: left; margin:60px 0;}

.takeout-layout {
	margin:50px 0 60px 0;
	display:grid;
	grid-template-columns:1fr 1fr;
	grid-auto-rows:minmax(100px, auto);
	column-gap:10px;
	row-gap:30px;		
    text-align: center;
}

@media (min-width:768px){
	.takeout-layout {grid-template-columns:1fr 1fr 1fr 1fr; column-gap:20px;}
}


/**
 * ---------------------------------------
 * ［shopinfo.html］店舗情報ページ - モジュール
 */
a.sound_off {
  display: block;
  width: 50px;
  height: 50px;
  background: url("../images/mute.png") no-repeat 0 0;
  font-size: 0;
}
a.sound_on {
  display: block;
  width: 50px;
  height: 50px;
  background: url("../images/mute.png") no-repeat 0 bottom;
  font-size: 0;
}

.video {position:relative; z-index:1; margin:0 auto;}

.sound {opacity:0; position: absolute; top:90%; left:95%; z-index: 10; }
.video:hover .sound {opacity:1;}

@media (max-width: 767px) {
	.sound { position: absolute; top:75%; left:85%; z-index: 10; }	
}

.shopinfo-box{
	max-width:740px; 
	margin:0 auto;    
	height: auto;
    box-sizing: border-box; /*これを追加*/
}

.shopinfo-box dl {
  display: flex;
  margin: 0;
  padding: 0;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
}
.shopinfo-box dl:last-child {
  border-bottom: 1px solid #999;
}
.shopinfo-box dt {
  padding: 10px;
  font-size: 1rem;
  line-height: 1.5;
  width:8rem;
  min-width:8rem;
  background-color:#DDD;
}
.shopinfo-box dd {
  margin:0;
  padding: 10px;
  font-size: 1rem;
  line-height: 1.5;
}
.shopinfo-box dd a {
  color: #000;
}
.shopinfo-box dd a:hover {
  color:#CE0003;
}

.gmap {max-width:740px; margin:60px auto 0 auto; border:1px solid #999;}


/**
 * ---------------------------------------
 * ポストヘッダー
 */
.post-header {
  margin-bottom: 40px;
}
.post-header h1 {
  margin: 0;/* h1のデフォルト設定オフ */
  font-size: 1.875rem;
  line-height: 1.4;
  background-color: #e72410;
  color: #FFF;
  text-align:center;
  width:100%;
  padding:5px 0;
}
/* タグ */
.post-tag {
  margin-bottom: 5px;
  font-size: .75rem;
  line-height: 2;
}
.post-tag span {
  margin: 0 3px 0 0;
  padding: 2px 10px;
  background: #73cbd6;
  border-radius: 100px;
}
.post-tag span a {
  color: #fff;
  text-decoration: none;
}
/* テキストの先頭にアイコン */
.post-info {
  margin-bottom: 3px;
  padding-bottom: 15px;
  font-size: .75rem;
  text-align: right;
  background: url(../images/post-line.svg) bottom repeat-x;
}
.post-info span {
  margin: 0 10px 0 0;
}
.post-info i {
  padding-right: 5px;
  color: #73cbd6;
}

/**
 * ---------------------------------------
 * ポストコンテンツ
 */
.post-contents {
  margin: 0 0 40px 0;
}
@media (min-width: 768px) {
  .post-contents {
    max-width: 700px;
    margin: 0 auto 40px auto;
  }
}
/* post-contentsの1つ目の要素の上マージンを0にする */
.post-contents > *:first-child {
  margin-top: 0;
}
/* h2 */
.post-contents h2 {
  margin: 0 0 10px 0;
  font-size: 1.5rem;
  text-align: center;
  line-height:1.4;
}
/* p */
.post-contents p {
  margin: 0 0 20px 0;
  line-height: 1.9;
  text-align: justify;
}
/* p mark */
.post-contents mark {
  background: linear-gradient(transparent 50%,#ffff7c 50%);
}
/* リストの基本形 */
.list {
  margin: 30px 0;
}
.list li {
  margin-bottom: 1rem;
  line-height: 1.5;
}
/* ボックスを囲む */
.info-box {
  margin: 30px 0;
  padding: 2rem;
  border: 4px solid #b8e5ea;
}
.info-box p {
  margin: 0;
}
/* キャプション付きの画像 */
.photo-caption {
  margin: 30px 0;
}
.photo-caption figcaption {
  margin-top: 5px;
  font-size: .75rem;
  color: #747474;
}
/* float */
.float-box {
  display: flow-root;
  margin: 30px 0;
}
.float-left { /* float-leftは作ってあるだけで使用していない */
  float: left;
  margin: 0 1rem 1rem 0;
  width: 40%;
}
.float-right {
  float: right;
  margin: 0 0 1rem 1rem;
  width: 40%;
}
.float-box p { /* 上下マージンをOFF */
  margin: 0;
}

 
/**
 * ***************************************
 * ［recruit/index.html］採用情報
 * ***************************************
 */
/* ホーム -  */

.recruit-header {background:#e72410; color:#FFF; margin-top:0; padding-top:3px;}

@media (min-width: 768px) {


.recruit-header .header-nav a{color:#FFF;}
.recruit-header .header-nav a:hover{color:#ccc;}
	
body.recruit {margin-top:0;}
}


.recruit-lead {max-width:740px; margin:0 auto; padding:0;}

.recruit-pic {
  max-width: 740px;
  margin: 0 auto 60px auto;
  text-align: center;
  display:grid;
  grid-template-columns: 1fr 1fr;	
  column-gap:30px;
  row-gap:30px;		 
  grid-auto-rows:minmax(100px, auto);
}

@media (min-width: 768px) {
  .recruit-pic {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.recruit-pic img a:hover {opacity:.7;}
.recruit-pic a {color:#000; text-decoration: none;}
.recruit-pic a:hover {color:#e72410;}

.t-recruit01 {margin:0 auto; font-size:1.5rem; color:#E72410; }
.t-recruit02 {margin:5px auto 30px auto;}

.recruitshop {margin-top:5px; font-size:0.875rem;}

.recruit-btn {
  max-width:740px;
	margin:0 auto 30px auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 10px;
  row-gap: 30px;
}

.recruit-box {
  border-left:solid 1px #999;
  border-right:solid 1px #999;
  border-bottom:solid 1px #999;
  max-width:740px;
  margin:0 auto 30px auto;
	
}

h2.recruit-title1 {
	background-color:#ddd;
	border-top:solid 1px #999;
	border-bottom:solid 1px #999;
	padding:10px;
}

h2.recruit-title2 {
	background-color:#ddd;
	border:solid 1px #999;
	padding:10px;
	max-width:740px;
	margin:0 auto 20px auto;
}

h2.recruit-title3 {
	background-color:#ddd;
	border-bottom:solid 1px #999;
	padding:10px;
	max-width:740px;
	margin:0 auto 20px auto;
	font-size:1.25rem;
}

.recruit-box1 {
  margin:20px 20px 0 20px;
  display: grid;
  grid-template-columns: 1fr 2.7fr;
  column-gap: 20px;	
}

.recruit-box1-left, .recruit-box1-right {margin-bottom:20px;}

.recruit-box1-right dl {
  display: flex;
  margin: 0;
  padding: 0;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
}
.recruit-box1-right dl:last-child {
  border-bottom: 1px solid #999;
}
.recruit-box1-right dt {
  padding: 10px;
  font-size: 1rem;
  line-height: 1.5;
  min-width:8rem;
  background-color:#DDD;
}
.recruit-box1-right dd {
  margin:0;
  padding: 10px;
  font-size: 1rem;
  line-height: 1.5;
}

.recruit-text1 {text-align:left; line-height:1.8; margin:0 30px 50px 30px;}

.recruit-box2 {margin:20px;}

.recruit-box2 span {border:solid 1px #999; padding:0 5px; margin-right:30px; display: inline-block; margin-bottom:10px;}

.recruit-box2 dl {
  display: flex;
  margin: 0;
  padding: 0;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
	
}
.recruit-box2 dl:last-child {
  border-bottom: 1px solid #999;
}
.recruit-box2 dt{
  margin:0;
  padding: 0;
  font-size: 1rem;
  line-height: 1.5;
  min-width:8rem;
	
}

.recruit-box2 dd {
  margin:0;
  padding: 10px 10px 30px 30px;
  font-size: 1rem;
  line-height: 1.5;
	text-align:left;
}

.recruit-box2 dt div {background:#ddd; padding:10px;}

.recruit-box2 a{color:#000;}


.recruit-box3 {
  max-width:740px;
  margin:0 auto 30px auto;	
}

.recruit-box3 dl {
  display: table;
  width:100%;
  margin: 0;
  padding: 0;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
}
.recruit-box3 dl:last-child {
  border-bottom: 1px solid #999;
}
.recruit-box3 dt {
  display: table-cell;
  justify-content: space-between;
  align-items:center;
  padding: 10px;
  font-size: 1rem;
  line-height: 1.5;
  width:13rem;
  background-color:#DDD;
}
.recruit-box3 dd {
  display: table-cell;
  text-align:left;
  margin:0;
  padding: 10px 10px 10px 15px;
  font-size: 1rem;
  line-height: 1.5;
}


@media (max-width: 767px) {
  .recruit-box1, .recruit-box2 dl, .recruit-box3 dl, .recruit-box3 dt {
    display: block;
  }
	
	.recruit-box2 dt {background:#ddd;}
	
	.recruit-box3 dt, .recruit-box3 dd{display:block; width:100%;}
	
	.recruit-box3 dl {width:auto;}
}

.recruit-box4 {margin:100px auto;}


.recruit-box5 {
  max-width:740px;
  margin:0 auto 30px auto;
}

.recruit-box5 p {padding:0 30px; line-height:1.5; }

.recruit-box5 li {line-height:1.5; margin-bottom:20px;}

ol.privacylist {
	padding-left:4em;
}
ol.privacylist li {
	line-height: 1.5em;
    padding: 0;
}

ol.privacylist li:last-child {padding-bottom:2em;}

.text-right{text-align: right;}
/**
 * ***************************************
 * ［form.html］フォームページ
 * ***************************************
 */

/**
 * ---------------------------------------
 * ［form.html］フォームページ - モジュール
 */
/* 見出しとテキスト */
.apply-title {
  margin: 0 0 60px 0;
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.5;
}
.apply-title span {
  font-size: 1.875rem;
  font-family: 'Croissant One', cursive;
  font-weight: 400;
}
.apply-lead {
  margin: 0;
  line-height: 1.9;
}

/* 入力フォームのフォントサイズを大きくする */
input, textarea, label {
  font-size: 16px;
}
/* テキストフィールドとメールアドレスフィールド */
.form p {
  margin: 0 0 30px 0;
  line-height: 1.9;
}
.required {
  margin-left: 10px;
  font-size: .875rem;
  color: #e72410;
}
input[type="text"],
input[type="email"] {
  width: 100%;
  padding: 10px;
  border: 1px solid #747474;
}
/* メニューリスト */
select {
  -webkit-appearance: none;

  border: 1px solid #d8d8d8;
  padding: 4px 2rem 4px 4px;
  border-radius: 4px;
  background: url(../images/caret-down.svg) no-repeat;
  background-position: right 6px center;
  background-size: 12px 12px;
  font-size: 16px;
}
/* メッセージ（テキストエリア） */
textarea {
  width: 100%;
  height: 6rem;
  padding: 10px;
  border: 1px solid #747474;
  line-height: 1.5;
}
/* チェックボックス */
input[type="checkbox"] {
  margin-right: 10px;
}
/* 送信ボタン */
.form-button {
  margin-bottom: 0;
  text-align: center;
}
input[type="submit"] {
  padding: 10px 60px;
  background-color: #e72410;
  border: none;
  border-radius: 10px;
  color: #fff;
  font-size: 1.5rem;
}
input[type="submit"]:hover {
  opacity: .5;
}

input[type="text"],input[type="email"] { width: 99%; }

/**
 * ---------------------------------------
 * 全体 - モジュール
 */
/* マージン */

.mt60 {margin-top:60px;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}
.mb60 {margin-bottom: 60px;}
.small {font-size:.875rem;}
.center {text-align: center; justify-content: center;}

.indent01 {text-indent:-1em; padding-left:1em; display:block;}

@media (max-width: 767px) {
.mb-left {text-align:left;}
}

.txt-left {text-align:left;}