@charset "utf-8";

/* Google Fonts Zen Old Mincho 読み込み */
@import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho&display=swap');







/* CSS Document */
body{
  padding: 0;
  margin: 0;
  font-family: "Century Gothic", sans-serif;
}

div.mono{
  width: 100%;
  overflow-x: hidden;
}

/* =========================
  common
========================= */
.mt_4{margin-top: 4px;}
.mt_8{margin-top: 8px;}
.mt_16{margin-top: 16px;}
.mt_20{margin-top: 20px;}
.mt_24{margin-top: 24px;}
.mt_32{margin-top: 32px;}
.mt_36{margin-top: 36px;}
.mt_40{margin-top: 40px;}
.mt_48{margin-top: 48px;}
.mt_56{margin-top: 56px;}
.mt_72{margin-top: 72px;}
.mt_100{margin-top: 100px;}
.mt_120{margin-top: 120px;}


/* margin-bottom */
.mb_4{margin-bottom: 4px;}
.mb_8{margin-bottom: 8px;}
.mb_16{margin-bottom: 16px;}
.mb_20{margin-bottom: 20px;}
.mb_24{margin-bottom: 24px;}
.mb_32{margin-bottom: 32px;}
.mb_36{margin-bottom: 36px;}
.mb_40{margin-bottom: 40px;}
.mb_48{margin-bottom: 48px;}
.mb_56{margin-bottom: 56px;}
.mb_72{margin-bottom: 72px;}
.mb_100{margin-bottom: 100px;}
.mb_120{margin-bottom: 120px;}

/* padding-bottom */
.pb_4{padding-bottom: 4px;}
.pb_8{padding-bottom: 8px;}
.pb_16{padding-bottom: 16px;}
.pb_20{padding-bottom: 20px;}
.pb_24{padding-bottom: 24px;}
.pb_32{padding-bottom: 32px;}
.pb_36{padding-bottom: 36px;}
.pb_40{padding-bottom: 40px;}
.pb_48{padding-bottom: 48px;}
.pb_56{padding-bottom: 56px;}
.pb_72{padding-bottom: 72px;}
.pb_100{padding-bottom: 100px;}
.pb_120{padding-bottom: 120px;}

.clear{
  clear: both;
  padding: 0;
  margin: 0;
}
.chu{
  text-align: center;
  font-size: 12px;
}
.t_right{text-align: right;}
.t_center{text-align: center;}
.m_auto{
  margin:0 auto;
  display: table;
}

.serif{
  font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.mono em,
.mono strong{
  font-style: normal;
  font-size: 1.2em;
  letter-spacing: 0.1em;
}

.mono a{
  text-decoration: none;
}

.mono hr{
  border: none;
}

.mono button,
.mono h1,.mono h2,.mono h3,.mono h4,.mono h5,
.mono article,.mono section,.mono header,.mono footer,.mono address,
.mono dl,.mono ul,.mono ol,.mono div,.mono span,.mono table,
.mono p,.mono li,.mono dt,.mono dd,.mono th,.mono td,.mono tr,
.mono span,.mono a,.mono em,.mono strong,.mono small{
  margin: 0;
  padding: 0;
  /*font-size: 1rem;*/
  font-style: normal;
  border: none;
}
.mono li{
  list-style: none;
}
.mono button{
  background: none;
  border: none;
}
.mono dt,.mono dd,
.mono button,
.mono p,
.mono li,
.mono th,
.mono td{
    font-size: 20px;
    letter-spacing: 0.05em;
    line-height: 1.8em;
    letter-spacing: 1.2px;
}
.mono span,.mono a,.mono em,.mono strong,.mono small,
.mono p,.mono li,.mono dt,.mono dd,.mono th,.mono td,
.mono address,
.mono h1,.mono h2,.mono h3,.mono h4,.mono h5,
.mono button{
  color:#034083;
}

.mono br.sp{
  display: none;
}
.mono table{
  border-collapse: collapse;
}
.mono table.normal{
  position: relative;
}
.mono table.normal th,.mono table td{
  border: solid 1px #AEC7FA;
  padding: 8px 8px;
  text-align: left;
  font-weight: 700;
  text-align: center;
}
.mono table.normal th.t-left,.mono table td.t-left{
  text-align: left;
}

.mono table.normal thead th{
  background: rgb(174 199 250 / 20%);
}

.mono table.normal caption{
  position: relative;
  color:#034083;
  margin-bottom: 16px;
  font-size: 16px;
}
.mono table.normal .t-normal{
  font-weight: normal;
  font-size: 14px;
}


/**title**/
.mono .title{
  letter-spacing: 4px;
  font-family: "Zen Old Mincho", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.mono .title01{
  font-size: 20px;
}  
.mono .title02{
  font-size: 26px;
}
.mono .title03{
  font-size: 28px;
  text-align: center;
}
.mono .title04{
  font-size: 32px;
  font-weight: 900;
}
.mono .title05{
  font-size: 56px;
  font-weight: 900;
}

.mono .tx-large{
  font-size: 18px;
  letter-spacing: 1px;
  font-family: "Zen Old Mincho", sans-serif;
font-weight: 700;
  font-style: normal;
} 
.mono .tx-normal{
  font-size: 16px;
  font-weight: normal;
}
.mono .tx-bold{
  font-size: 16px;
  letter-spacing: 1px;
  font-family: "Zen Old Mincho", sans-serif;
font-weight: 700;
  font-style: normal;
}
.mono .tx-small{
  font-size: 14px;
  font-weight: normal;
}

.mono .tx-en{
  font-family: "quatro", sans-serif;
font-weight: 700;
  font-style: normal;
  letter-spacing: 1px;
}




.mono .title.title_shikaku-w{
  max-width: 700px;
  width: 100%;
  height: 170px;
  display: flex;
  align-items:  center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  background: url(../img/common/bg-title02.png)no-repeat;
  background-size: contain;
  background-position: center top;
  position: relative;
  margin-bottom: 32px;
}


.mono .title-bg-bl{
  padding: 4px 16px;
  background: #034083;
  color: #fff;
  margin-bottom: 16px;
  display: inline-block;
}




.icon{
  position: relative;
}
.icon:before{
  content: '';
  display: block;
  position: absolute;
}




/***********************************/
.mono .waku{
  max-width: 1460px;
  display: table;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
  width: 100%;
  /*width: calc(100% - 60px);*/
}
.mono .waku-s{
  max-width: 1220px;
  display: table;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
  width: 100%;
  /*width: calc(100% - 60px);*/
}
.mono .waku-ss{
  max-width: 1044px;
  display: table;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
  width: 100%;
  /*width: calc(100% - 60px);*/
}
.mono .waku-ipad{
  max-width: 780px;
  display: table;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
  width: 100%;
  /*width: calc(100% - 60px);*/
}




.mono .conte-normal.bg + .conte-normal,
.mono .conte-normal{
  padding: 100px 0;
}
.mono .conte-normal + .conte-normal{
  padding-top: 0;
}

.mono .conte-center h4,
.mono .conte-center h3,
.mono .conte-center h2,
.mono .conte-center p{
  text-align: center;
}



.mono .ph{
  line-height: 0;
}
.mono .ph img{
  width: 100%;
  height: auto;
}

.bt button{
  background: none;
}

.mono .sp{
  display: none;
}

/************/
.mono .c-flex{
  display:   flex;
  align-content:  stretch;
}
.mono .c-flex.jus-center{
    justify-content: center; //並び中央
}
.mono .c-flex.jus-start{
    justify-content: flex-start;
}
.mono .c-flex.jus-end{
    justify-content: flex-end;
}
.mono .c-flex.sp-2{
    justify-content: space-between;//両端揃え
}

.mono .c-flex.sp-4{
    justify-content: space-around;//均等割り
}
.mono .c-flex.wrap{
  flex-wrap: wrap;//折り返す
}
.mono .c-flex.item-center{
  align-items:  center;//縦の中央
}
.mono .c-flex.flex-direction{
  flex-direction: row-reverse;//右→左
}



/************/
.mono .conte-tx{

}
.mono .conte-ph{
  line-height: 0;
}

/************/
.mono .bg{
  padding-top: 70px;
  padding-bottom: 70px;
  position: relative;
}
.bg.bg_blue{
  background: #4d799e;
  background: linear-gradient(180deg,rgba(77, 121, 158, 1) 0%, rgba(77, 121, 158, 1) 76%, rgba(22, 56, 89, 1) 100%);
}
.bg.bg_w{
  background: #fff;
}
.bg.bg_kage{
  -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3);
  box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3);
  }

.mono .illu{
  position: absolute;
}

.bg.bg_umi05:before,
.bg.bg_umi03:before{
  content: '';
  display: block;
  width: 100%;
  height: 200px;
  position: absolute;
  top: 0;
  background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,0.53) 47%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,0.53)), color-stop(100%, rgba(255,255,255,0)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,0.53) 47%, rgba(255,255,255,0) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,0.53) 47%, rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,0.53) 47%, rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,0.53) 47%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}


.bg.bg_umi03{
  background: url(../img/common/bg_umi30.jpg)no-repeat;
  background-position: center;
  background-size: cover;
}


.bg.bg_umi05{
 /* background: url(../img/common/bg_umi-50.jpg)no-repeat;*/
  background-position: center;
  background-size: cover;
}


.mono .bg.bg_main{
  /*background: url(../img/index/bg_top.jpg)no-repeat;*/
  background: url(../img/index/bg_top.webp)no-repeat;
  background-position: center bottom;
  background-size: cover;
  padding-top: 600px;
  padding-bottom: 200px;
}
.mono .bg_drink{
  /*background: url(../img/index/bg-image01.jpg)no-repeat;*/
  background: url(../img/common/bg_umi-50.webp)no-repeat;
  background-position: left top;
  background-size: auto 100%;
  padding-top: 70px;
  padding-bottom: 200px;
  position: relative;
}


.mono .bg_photo-w,
.mono .bg_photo{
  position: relative;
}
.mono .bg_photo:after{
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: url(../img/common/bg-ami.png)no-repeat;
  background-position: center bottom;
  background-size: cover;
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: -1;
}
.mono .bg_photo-w:after{
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: url(../img/common/bg-ami-w.png)no-repeat;
  background-position: center bottom;
  background-size: cover;
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: -1;
}



/*wp twentyninteen用の追記--------------------------*/





/*--------------------------*/

@media screen and (max-width: 1179px) {



}
@media screen and (max-width: 1023px) {

	.mono dt, .mono dd, .mono button, .mono p, .mono li, .mono th, .mono td {
		font-size: 16px;
		letter-spacing: 0.05em;
		line-height: 1.4em;
		letter-spacing: 1px;
	}


}
@media screen and (max-width: 767px) {
		
  .mono p , .mono dd, .mono li{
	font-size: 0.6rem;
	}

  .mono .pc{
    display: none;
  }
  .mono .sp{
    display: block;
  }
  .mono br.sp{
    display: block;
  }
  
  .mono .conte-normal + .conte-normal {
      padding-top: 0;
  }


  .mono .title.title_shikaku-w,
  .mono .title.title_shikaku {
      max-width: 600px;
      width: 100%;
      height: 100px;
      /*font-size: 20px;*/
      font-size: 1.0rem;
  }
  .mono .title.title_shikaku-w,
  .mono .title.title_shikaku{
    margin-bottom: 32px;
  }
	
  .mono .conte-normal {
      padding: 56px 0;
  }


  .mono .conte-normal.bg + .conte-normal,
  .mono .conte-normal {
      padding: 56px 0;
  }

 .mono .conte-center p {
    text-align: left;
  }
  .mono .bg_photo-w:after,
  .mono .bg_photo:after {
      top: 10px;
      left: 10px;
  }

  .mono .map iframe{
    height: 300px;
  }


	#conte02 .c-flex {
		/*display: block;*/
	}

	#conte02-2 ul{
		padding-top:0px
	}

	#conte02 .pd-70 {
    padding-top: 0;
	}

}


@media screen and (max-width: 431px) {
	
  .mono .title.title_shikaku-w,
  .mono .title.title_shikaku {
      max-width: 400px;
      width: 100%;
      height: 100px;
      font-size: 0.7rem;
  }

  .mono .title01{
    font-size: 18px;
  }  
  .mono .title02{
    font-size: 20px;
  }
  .mono .title03{
    font-size: 22px;
  }
  .mono .title04{
    font-size: 22px;
    font-weight: 900;
  }
  .mono .title05{
    font-size: 22px;
    font-weight: 900;
  }


  .mono .waku-ss,
  .mono .waku-s,
  .mono .waku,
  .mono .waku-ipad{
    padding-left: 10px;
    padding-right: 10px;
	display: block;
  }


  #conte02 .intro p {
    margin: 16px;
  }

  #conte02 .intro img {
	width: 100%;
    margin: 0 auto; 
  }


}