@charset "utf-8";
/* CSS Document */

/*追加のstyle.css以外はここで読み込む*/
@import url("header.css");
@import url("option.css");
/*参考CSS→アグリンクス*/

/*----------------------------------------
●PC表示　@media print, screen and (min-width: 769px){}
●SP表示　@media screen and (max-width:768px){}
----------------------------------------*/

/*----------------------------------------
  コンテンツ共通
----------------------------------------*/
body {
  position: relative;
}

video::after {
}

.textCenter {
  text-align: center;
}

.textLeft {
  text-align: left !important;
}

.textRight {
  text-align: right !important;
}

.textLarge {
  font-size: 1.5em;
}

.bold {
  font-weight: bold;
}

.bg-01 {
  background: #F6F2EF;
}

.bg-02 {
  background: #F1EBE7;
} 

.border {
  border: solid 1px #CCC;
}

.marker{
background: linear-gradient(transparent 55%, #53868A 55%);
font-weight: bold; 
}

.marker02{
background: linear-gradient(transparent 55%, #a1d8e2 55%);
font-weight:bold; 
}

.marker03{
background: linear-gradient(transparent 55%, #F1EBE7 55%);
font-weight:bold; 
}


.font-red {
  color: red;
}

.font-blue {
  color: #21679C;
}

.font-fff {
  color: #fff;
}

.font-gold {
  color: #7D5F33;
}
.font-pink {
  color: #DE7E7F;
}

.drop-shadow {
  filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.15));
}

.drop-shadow2 {
  filter: drop-shadow(3px 3px 3px rgba(206,194,186,0.4));
}

/*img.border-radius {
  border-radius: 20px;
}*/

@media print, screen and (min-width: 769px){
  body {
    min-width: 1000px;
  }
  .inner {
    width: 1000px;
    margin: 0 auto;
  }
  .sp {
    display: none;
  }
  .textMid {
    font-size: 1.2em;
  }
  .fade-box {
    margin-bottom: 40px;
  }
}

@media screen and (max-width:768px){
  .pc {
    display: none;
  }
  .textLarge {
    font-size: 1.3em;
  }
  .inner {
    padding: 0 15px;
  }

  .textCenter-sp {
    text-align: center;
  }
  .textLeft-sp {
    text-align: left !important;
  }
  .textMid {
    font-size: 16px;
  }
  /*img.border-radius {
    border-radius: 8px;
  }*/
  .fade-box {
    margin-bottom: 20px;
  }
}

/*----------------------------------------
  各種見出
----------------------------------------*/

/* 中ページヘッダー見出し
---------------------------*/
.mv-content{
  position: relative;
}
.c-pageTtl{
  text-align: center;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  transform: translateY(-50%);
}
.c-pageTtl h1,
.c-pageTtl p{
  color: #fff;
}
.c-pageTtl p{
  display: inline-block;
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 2px;
  position: relative;
  margin-bottom: 15px;
}
.c-pageTtl p::after{
  content: '';
  position: absolute;
  display: inline-block;
  background: #fff;
  width: 1em;
  height: 3px;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.c-pageTtl h1{
  font-size: 16px;
  font-weight: 100;
}
@media screen and (max-width:768px){
  .c-pageTtl p{
    font-size: 30px;
  }
  .c-pageTtl h1{
    font-size: 14px;
  }
}
/* コンテンツ見出し
---------------------------*/
.c-contTtl{
  text-align: center;
}
.c-ttlLarge {
  font-size: 30px;
  font-weight: bold;
  color: #7d5f33;
  letter-spacing: 2px;
}
.c-ttlSmall {
  font-size: 14px;
  font-weight: 100;
  color: #7d5f33;
}
@media screen and (max-width:768px){
  .c-ttlLarge {
    font-size: 25px;
  }
}


/*----------------------------------------
  レイアウト
----------------------------------------*/
.contSec {
  padding: 50px 0;
}
@media screen and (max-width:768px){
  .box-inner {
    padding: 0 14px;
  }
  .contSec {
    padding: 20px 0;
  }
}

/*----------------------------------------
  背景色
----------------------------------------*/
.bg-beige {
  background-color: #f6f2ef;
}

/*----------------------------------------
  文字色
----------------------------------------*/
/*茶色文字*/
.txt-br {
  color: #7d5f33;
}


/*----------------------------------------
  パンくずリスト
----------------------------------------*/
.breadcrumb {
  /*! background: #f1f1f1; */
  padding: 2px 0 5px;
}
.breadcrumb ol li {
  display: inline-block;
  font-size: 0;
}
.breadcrumb ol li {
  font-size: 12px;
  vertical-align: bottom;
}
.breadcrumb ol li a {
  /*! color: #18782b; */
}
.breadcrumb ol li::after {
  content: '\f105';
  font-family: "Font Awesome 5 Pro";
  left: 15px;
  font-weight: bold;
  margin: 0 8px;
  color: #aaa;
}
.breadcrumb ol li:last-child::after {
  content: '';
}

@media print, screen and (min-width: 769px){

}

@media screen and (max-width:768px){
  .breadcrumb {
    margin: 0 0 20px 0;
  }
  .breadcrumb .inner {
    padding: 0;
  }
  .breadcrumb ol {
    white-space: nowrap;
    overflow-x: scroll;
    padding: 0 0 0 15px;;
  }
}

/*----------------------------------------
  .maint-txt
----------------------------------------*/


/*----------------------------------------
  リンク
----------------------------------------*/
.btn-1 a {
  display: inline-block;
  padding: .8em 2em;
  border: 1px solid #7D5F33;
  font-size: 1.2em;
  min-width: 140px;
  text-align: center;
  color:#7D5F33;
  margin-top: 20px;
}

.btn-1 a:hover {
  background: #7D5F33;
  color:#fff;
  transition: .2s;
  box-shadow: 2px 2px 4px #CEC2BA;
}


/* テキストリンク */
a.text {
  color: #7D5F33;
  text-decoration: underline;
}
a.text:hover {
  text-decoration: none;
  opacity: 1;
}

/*----------------------------------------
  #page-top
----------------------------------------*/
#page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 50;
  /*! background: #000; */
  width: 60px;
  height: 60px;
}
#page-top a {
  display: flex;
  padding: 15px 15px;
  height: 100%;
  align-items: center;
  border-radius: 100%;
  font-size: 28px;
  justify-content: center;
  color: #FFF;
  background: #7EB1C1;
  box-shadow: 0 2px 2px rgba(0,0,0,0.3);
}
#page-top a:hover {
  opacity: 0.8;
}

@media screen and (max-width:768px){
  #page-top {
    bottom: 8px;
    right: 8px;
    width: 45px;
    height: 45px;
    border-radius: 100%;
  }
}

/*----------------------------------------
  slick調整
----------------------------------------*/
/*.slick-dots {
  bottom: -40px !important;
}
.slick-dots li {
  /* margin: 0 10px !important; */
  /* width: 10px !important; */
  /* height: 10px !important; */
/*}
.slick-dots li button {
  width: 100% !important;
  height: 100% !important;
}
.slick-dots li button:before {
  background: #555;
  width: 10px !important;
  height: 10px !important;
  content: '' !important;
}
.slick-dots li button:before {
  width: 100% !important;
  height: 100% !important;
}*/

/*----------------------------------------
  footer
----------------------------------------*/

#footer {
  padding:50px 0;
  background: #CEC2BA;
}

#footer .foot-inner{
  width: 90%;
  margin: 0 auto;
  display: flex;
}

#footer figure {
  flex: 1;
  max-width: 300px;
  margin-right: 20px;
}

#footer figure img {
  width: 90%;
}

#footer nav {
  width: 70%;
  display: flex;
  border-left: 1px solid #fff;
  padding-left: 50px;
}

#footer nav ul li a{
  color: #fff;
  line-height: 2.5;
}

#footer nav ul:last-child {
  margin-left: 50px;
}

#footer .copy {
  width: 90%;
  text-align: right;
  color: #fff;
  margin: 10px auto 0 auto;
}

@media screen and (max-width:768px){
  
  #footer {
    padding: 30px 0 50px;
  }
  
  #footer .foot-inner{
  display: block;
  }
  
  #footer .foot-inner figure {
    margin: 0 auto 20px;
    width: 90%;
    text-align: left;
    max-width: none;
  }
  
  #footer .foot-inner figure img {
    width: 100%;
    max-width: 180px;
    text-align: left;
  }
  
  #footer nav {
    display: ;
    width: 90%;
    margin: 0 auto;
    padding-left: 0;
    font-size: .8em;
    border: none;
  }
  
  #footer nav ul {
    
  }
  #footer nav ul:first-child{
    width: 45%;
  }
  
  #footer nav ul:last-child {
     margin-left: 0;
    width: 55%;
}
}


/*----------------------------------------
  バナー
----------------------------------------*/

#bottom .bn-wrap {
  width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

#bottom .bn-wrap a:first-child{
  margin-right: 30px;
}

@media screen and (max-width:768px)  {
  #bottom .bn-wrap {
    display: block;
    width: 90%;
  }
  
  #bottom .bn-wrap a {
    display: block;
    margin: 15px auto;
    width: 100%;
    
  }
}

/*----------------------------------------
  中ページヘッダー画像
----------------------------------------*/
.mv-section .mv-content{
  background: no-repeat center /cover;
}

@media print, screen and (min-width: 769px){
.mv-section .mv-content {
  height: 400px;
}
}
@media screen and (max-width:768px){
  .mv-section .mv-content {
  height: 200px;
}
}