@charset "UTF-8";
/* CSS Document */
/*共通*/
.pc {
  display: none; }

.sp {
  display: block; }
.sp_br{
  display: inline-block;
}
.remodal-is-opened {
  display: block !important; }

#page_contents {
  padding-top: 60px; }

#h_menu, #menu {
  display: block; }

#header .inner nav {
  display: none; }

#header .inner .logo {
  width: 140px;
  left: 5px;
  top: 15px;
  bottom: auto; }

#header {
  height: 60px;
  position: fixed;
  z-index: 100;
  left: 0px;
  top: 0px; }

#header .inner {
  padding: 0px;
  height: 60px;
  width: 100%; }

#header .inner .h_fb {
  position: absolute;
  width: 40px;
  top: 5px;
  right: 120px; }

#header .inner .h_contact {
  position: absolute;
  top: 5px;
  right: 70px;
  width: 45px; }

#footer .copyright {
  font-size: 12px; }

#footer .content {
  text-align: center;
  width: auto;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-right: 10px;
  padding-left: 10px; }

#footer .content .logo {
  width: 180px;
  margin-top: 30px; }

#footer .content .address {
  margin-bottom: 30px; }

#footer .content ul li {
  display: inline-block;
  margin-right: 10px;
  margin-left: 10px; }

#footer .content .pagetop {
  height: 61px;
  width: 36px;
  position: absolute;
  right: 5px;
  bottom: 10px; }

#footer .content .tel a {
  pointer-events: auto;
  background-image: url(../img/cv_tel01_sp.png);
  background-repeat: no-repeat;
  height: 68px;
  width: 302px;
  display: block;
  background-size: contain;
  margin-right: auto;
  margin-left: auto; }

#footer .content .tel a img {
  display: none; }

#h_menu, #menu {
  display: block; }

#h_menu {
  position: absolute;
  top: 5px;
  right: 5px;
  height: 50px;
  width: 50px; }

#h_menu .menubtn {
  display: block;
  height: 50px;
  width: 50px;
  position: relative;
  background-image: url(../img/h_menu.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px auto; }

#sp_menubox .h_close {
  background-image: url(../img/h_close.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px auto;
  display: block;
  height: 50px;
  width: 50px;
  display: block;
  position: absolute;
  top: -55px;
  right: 5px;
  cursor: pointer;
  background-color: #FFFFFF; }

#sp_menubox {
  position: relative;
  left: 0px;
  top: 0px; }

#sp_menu ul li {
  margin-bottom: 20px;
  float: left;
  width: 44%;
  margin-right: 3%;
  margin-left: 3%;
  text-align: center; }

#sp_menu ul li:nth-child(2n+1) {
  clear: left; }

#sp_menu ul li a {
  display: block;
  border-right-width: 1px;
  border-left-width: 1px;
  border-right-style: solid;
  border-left-style: solid;
  border-right-color: #ddd;
  border-left-color: #ddd;
  font-size: 11px; }

#sp_menu ul li a .en {
  font-size: 11px;
  display: block;
  line-height: 20px;
  font-weight: bold; }

#sp_menu ul li .ico01 {
  background-image: url(../img/h_menu01.png);
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  height: 46px;
  margin-bottom: 4px; }

#sp_menu ul li .ico02 {
  background-image: url(../img/h_menu02.png);
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  height: 46px;
  margin-bottom: 4px; }

#sp_menu ul li .ico03 {
  background-image: url(../img/h_menu03.png);
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  height: 46px;
  margin-bottom: 4px; }

#sp_menu ul li .ico04 {
  background-image: url(../img/h_menu04.png);
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  height: 46px;
  margin-bottom: 4px; }

#sp_menu ul li .ico05 {
  background-image: url(../img/h_menu05.png);
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  height: 46px;
  margin-bottom: 4px; }

#sp_menu ul li .ico06 {
  background-image: url(../img/h_menu06.png);
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  height: 46px;
  margin-bottom: 4px; }

#sp_menu ul li .ico07 {
  background-image: url(../img/h_menu07.png);
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  height: 46px;
  margin-bottom: 4px; }

#sp_menu {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ddd;
  padding-top: 20px; }

.page_title {
  height: 200px;
  margin-bottom: 30px; 
  margin-top:60px;
}

.content01 {
  margin-bottom: 40px; }

.content01 .inner {
  width: auto;
  /*
  margin-right: 10px;
  margin-left: 10px;
  */
  padding-left: 5.714vw;
  padding-right: 5.714vw;
  box-sizing: border-box;
  }

.content02 {
  margin-bottom: 40px; }

.content02 .inner {
  width: auto;
  /*
  margin-right: 10px;
  margin-left: 10px;
  */
  padding-left: 5.714vw;
  padding-right: 5.714vw;
  box-sizing: border-box;
}

/*みぞえについて*/
.table_sp{
	display:none;
}
.page_title .title {
    font-size: 25px;
}
.outline_future{
	width:80%;
}
.outline_ttl01 {
  padding: 10px;
  font-size: 14px;
  margin-bottom: 20px; }

.outline_ttl01 .en, .outline_ttl03 .en, .outline_ttl04 .en, .outline_ttl05 .en {
  width: 260px;
  padding-bottom: 0px; }

.outline_ttl02 {
  font-size: 16px;
  margin-bottom: 10px; }

.outline_ttl03 {
  padding: 10px;
  font-size: 14px;
  margin-bottom: 20px; }

.outline_ttl04 {
  padding: 10px;
  font-size: 14px;
  margin-bottom: 20px; }

.outline_ttl05 {
  padding: 10px;
  font-size: 14px;
  margin-bottom: 20px; }

.outline_txt01 {
  font-size: 14px;
  line-height: 1.8em; }

.outline_box01 .space {
  display: none; }

.outline_box01 .photo {
  width: auto;
  float: none;
  clear: both;
  margin-left: auto;
  position: relative;
  margin-right: auto;
  margin-bottom: 20px;
  text-align:center;
}

.outline_box01 .photo p {
  position: relative;
  left: auto;
  bottom: auto;
  padding-top: 5px;
  text-align: center; }

.outline_tbl01 table tr th {
  width: auto;
  padding-left: 0em;
  padding-top: 0.5em;
  border-right-style: none;
  border-left-style: none;
  display: block;
  font-weight: bold; }

.outline_tbl01 table tr td {
  padding-right: 0em;
  padding-left: 0em;
  border-right-style: none;
  padding-top: 0em;
  padding-bottom: 0.5em;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #000000;
  display: block; }

.outline_txt03 {
  font-size: 14px;
  line-height: 1.6em; }

.outline_list01 li {
  padding-top: 0.5em;
  padding-bottom: 0.5em; }

.outline_list01 {
  margin-top: 20px; }

.outline_tbl02 table {
  width: 100%; }

.outline_tbl02 table tr th {
  width: auto;
  padding-left: 0em;
  padding-top: 0.5em;
  border-right-style: none;
  border-left-style: none;
  display: block;
  font-weight: bold;
  padding-bottom: 0.2em; }

.outline_tbl02 table tr td {
  padding-right: 0em;
  padding-left: 0em;
  border-right-style: none;
  padding-top: 0em;
  padding-bottom: 0.5em;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #000000;
  display: block; }

.outline_tbl02 table tr:last-child th, .outline_tbl02 table tr:last-child td {
  padding-bottom: 0.5em; }

.outline_tbl02 .photo {
  position: static;
  width: auto;
  right: auto;
  bottom: auto;
  text-align: center;
  margin-top: 30px; }

/*不動産事業*/
.estate_txt01 {
  font-size: 16px;
  text-align: left;
  letter-spacing: 0em;
  padding-top:20px;}
.page_title.estate .top_bg{
    background-position: left calc(50% - 12px) bottom -226px;
}
.page_title.estate{
	    background-size: auto 100%;
}

.estate_txt02 {
  font-size: 14px;
  text-align: left;
  line-height: 1.6em; }

#estate_news01 {
  margin-bottom: 20px; }

#estate_news02 {
  margin-bottom: 60px; }

.estate_ttl01 {
  font-size: 16px; }

.estate_txt03 {
  font-size: 16px;
  text-align: left;
  margin-bottom: 30px; }
.estate_list02 .estate_box01,
.estate_list01 .estate_box01{
	margin-right:0;
}
.estate_box01 table {
  width: 100%; }

.estate_list01 {
  display: block;
  flex-wrap: wrap;
  padding-bottom: 0px; }

.estate_box01 {
  width: auto;
  border: 2px solid #C8C9CA;
  padding: 18px;
  box-sizing: border-box;
  background-color: #FFFFFF;
  margin-bottom: 20px; }

.estate_box01 h4 {
  font-size: 15px;
  background-color: #EEEEEF;
  text-align: center;
  padding: 5px;
  margin-bottom: 10px; }

.estate_box01 .photo {
  width: 160px;
  float: none;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto; }

.estate_box01 .box {
  padding-left: 0px; }

.estate_list02 {
  display: block;
  padding-bottom: 0px; }

.estate_list02 .estate_box01 {
  width: auto; }

.estate_cv01 {
  background-color: #9E9E9F;
  margin-bottom: 40px; }

.estate_cv01 .inner {
  position: relative;
  padding-left: 0px;
  padding-top: 20px;
  padding-bottom: 20px;
  width: auto; }

.estate_cv01 .contact {
  font-size: 16px;
  color: #FFFFFF;
  text-decoration: none;
  width: 240px;
  border: 1px solid #FFFFFF;
  text-align: center;
  display: block;
  padding: 5px;
  position: relative;
  top: auto;
  right: auto;
  margin-top: 20px;
  margin-right: auto;
  margin-left: auto; }

.estate_cv01 p {
  font-size: 16px; }

.estate_cv01 .info {
  width: 270px;
  position: relative;
  left: auto;
  top: auto;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
  margin-top: -40px; }

/* 20200318 add */

#estate_cv .tel a {
  pointer-events: auto;
  background-image: url(../img/cv_tel01_sp.png);
  background-repeat: no-repeat;
  height: 68px;
  width: 302px;
  display: block;
  background-size: contain;
  margin-right: auto;
  margin-left: auto;
}
#estate_cv .tel a img {
  display: none;
}
.estate_cv01 .contact {
  font-size: 16px;
  width: 90%;
}
  
/*天然水と青汁*/
.health_link01 {
  width: auto;
  margin-right: 10px;
  margin-left: 10px;
  position: relative;
  z-index: 2; }

.health_link01 li {
  width: 48%; }

#health01 {
  padding-top: 60px;
  padding-bottom: 30px;
  margin-top: -60px; }

#health01:after {
  display: none; }

.health_txt01 {
  font-size: 18px;
  text-align: left;
  letter-spacing: 0em; }

.health_txt02 {
  font-size: 14px;
  text-align: left;
  line-height: 1.6em; }

#health_water {
  width: auto;
  margin-top: 30px;
  margin-left: auto;
  padding-bottom: 0px;
  margin-right: auto; }

#health_water .img01 {
  text-align: center; }

#health_water .img02 {
  width: auto;
  position: relative;
  right: auto;
  bottom: auto;
  margin-top: 20px;
  text-align: center; }

.health_cv01 .inner {
  height: 120px;
  margin-right: 0px;
  margin-left: 0px; }

.water_content_ttl{
	color:#fff;
	font-weight:bold;
	font-size:22px;
	margin:0 10px;
	margin-top:-50px;
}
.water_content_ttl span{
	display:inline-block;
}
.health_cv02 .inner {
  height: 120px;
  margin-right: 0px;
  margin-left: 0px; }

.health_cv01 .inner p, .health_cv02 .inner p {
  width: 90%;
  left: 5%;
  right: 5%;
  top: calc(50% - 10px); }

#health02 {
  padding-top: 60px;
  padding-bottom: 30px;
  margin-top: -60px; }

#health02:after {
  display: none; }

#health_aojiru {
  width: auto;
  margin-top: 20px;
  margin-left: auto;
  padding-bottom: 0px;
  margin-right: auto; }

#health_aojiru .img01 {
  text-align: center; }

#health_aojiru .img02 {
  width: auto;
  position: relative;
  right: auto;
  bottom: auto;
  margin-top: 20px;
  text-align: center; }

#health01 .inner, #health02 .inner {
  width: auto; }

#health01 .bg {
  display: none; }

#health02 .bg {
  display: none; }

.health_ttl01 {
  width: 200px;
  margin-bottom: 30px; }

.health_block01 {
  display: block;
  width: auto; }

.health_box01 {
  width: auto;
  /*
  margin-right: 10px;
  margin-left: 10px;
  */
  margin-top: 30px;
  padding-left: 5.714vw;
  padding-right: 5.714vw;
  }

.health_ttl02 {
  font-size: 18px;
  margin-bottom: 20px; }

.health_box01 .img01 {
  width: 100%;
  margin-bottom: 20px; }

.health_txt03 {
  font-size: 14px;
  text-align: left;
  line-height: 1.6em; }

.health_box01 .address {
  padding-right: 55%;
  margin-top: 30px;
  margin-bottom: 20px; }

.health_box01 .address_tanotu {
  margin-top: 30px; }

.health_box01 .address h5 {
  font-size: 18px; }

.health_box01 .address p {
  font-size: 14px; }

.health_box01 .address .photo {
  width: 170px; }

.health_box01 .address .photo .point {
  /*
  width: 90px;
  */
  width: 70px;
  position: absolute;
  z-index: -1;
  /*
  left: -75px;
  */
  left: -55px;
  top: -30px; }

.health_block01 .health_box01 .access {
  padding-top: 20px;
  padding-right: 0px;
  padding-left: 0px;
  line-height: 2em; }

.health_box01 .access .traffic {
  padding-left: 0px;
  padding-top: 2em; }

.health_box01 .access .indent01 {
  display: inline-block;
  padding-left: 70px; }

.health_box01 .access .indent02 {
  display: inline-block;
  padding-left: 56px; }

.map{
  margin-top:20px;
}
/*ワインと焼酎*/
.brand_link01 {
  width: auto;
  margin-right: 10px;
  margin-left: 10px;
  position: relative;
  z-index: 2; }

.brand_link01 li {
  width: 48%; }


#brand02 {
  padding-top: 70px;
  padding-bottom: 70px;
  background-image: url(../../img/brand/bg01.png), url(../../img/brand/bg02.png);
  background-repeat: no-repeat,no-repeat;
  background-position: left 2% top,right 2% bottom 10%;
  background-size: 45% auto,45% auto;
  margin-bottom: 0px; }

#brand02 .inner {
  width: auto; }

.brand_item01 {
  width: auto;
  margin-right: 10px;
  margin-left: 10px;
  padding-bottom: 30px;
  padding-left: 0px;
  margin-top: 30px; }

.brand_item01:after {
  display: none; }

.inner .brand_item01 h3 {
  width: 220px;
  margin-bottom: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto; }

.brand_txt01 {
  font-size: 13px;
  line-height: 1.8em;
  width: auto; }

.brand_item01 .image {
  position: relative;
  right: auto;
  bottom: auto;
  z-index: auto;
  width: auto;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px; }

#brand_sec01 {
  background-color: #717071;
  padding-top: 10px;
  padding-bottom: 20px;
  margin-bottom: 20px; }

#brand_sec01 .inner {
  width: auto;
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 22%;
  padding-left: 22%; }

#brand_sec01 .inner:before {
  width: 20%; }

#brand_sec01 .inner:after {
  width: 20%; }

#brand_sec01 h3 {
  width: 120px;
  margin-bottom: 20px; }

#brand_sec01 p {
  text-align: left; }

#brand_cv02 .inner {
  width: auto;
  margin-right: 0px;
  margin-left: 0px; }

#brand_cv02 .bg:before {
  display: none; }

#brand_cv02 .bg:after {
  display: none; }

#brand01 .inner {
  width: auto; }

#brand01 {
  padding-top: 0px; }

.brand_item02 {
  padding-top: 20px; }

.brand_item02:after {
  display: none; }

.brand_item02 .image {
  width: auto;
  padding-top: 0px;
  text-align: center;
  padding-bottom: 20vw; }

.brand_item02 h3 {
  width: auto;
  position: relative;
  left: auto;
  top: auto;
  text-align: center;
  margin-bottom: 20px; }

.brand_item02 p {
  position: relative;
  width: auto;
  left: auto;
  top: auto;
  line-height: 1.6em;
  margin-bottom: 20px;
  font-size: 14px; }

.brand_item02 .image .price01 {
  width: 45%;
  position: absolute;
  left: 0px;
  bottom: 0px; }

.brand_item02 .image .price02 {
  width: 45%;
  position: absolute;
  top: auto;
  right: 0px;
  bottom: 0px; }

.brand_item02 .label {
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 50px;
  width: auto;
  position: relative;
  right: auto;
  bottom: auto;
  font-size: 12px;
  margin-top: 20px; }

.brand_item02 .label .img {
  margin-top: 10px; }

#brand_cv01 .inner {
  width: auto; }

#brand_cv01 .bg:before {
  display: none; }

#brand_cv01 .bg:after {
  display: none; }

#brand_cv01 .bg .inner .box {
  width: auto;
  margin-right: auto;
  padding-top: 0px;
  padding-bottom: 20px;
  padding-left: 0px;
  margin-left: auto; }

#brand_cv01 .bg .inner .image {
  position: relative;
  left: auto;
  top: auto;
  margin-right: auto;
  margin-left: auto;
  background-color: #A19E9A;
  padding: 20px;
  width: auto; }

#brand_cv01 .bg .inner .box h4 {
  font-family: "Yu Mincho", "YuMincho", serif;
  padding-top: 5px;
  font-size: 32px;
  color: #FFFFFF;
  padding-left: 0px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #CBCAC7;
  margin-right: 10px;
  margin-left: 10px; }

#brand_cv01 .bg .inner .box p {
  padding-left: 0px;
  margin-right: 10px;
  margin-left: 10px; }

#top_news.page {
  width: auto;
  margin-right: auto;
  margin-left: auto; }




/*焼酎*/
#shochu02 .image{
	position:relative;
}
.shochu_flex02 img {
    max-width: 100%;
	width:calc(100% - 60px);
	margin:20px auto;
	display:block;
}
#shochu02 {
    padding-top: 0px;
    padding-bottom: 0px;
    background-image: none;
    background-repeat: no-repeat, no-repeat;
    background-position: left -150% top 1400px, right -100px bottom 1200px;
    background-size: 80% auto, 80% auto;
    margin-bottom: 0px;
}
.shochu02 .top_bg {
    background: url(../../img/brand/page_title02_il.png) no-repeat calc(50% + 54px) 0;
	background-size: auto 100%;
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 100%;
    right: 112px;
    top: 0px;
}
#shochu02 .inner {
    width: calc(100% - 20px);
}
.shochu_item01{
	display:flex;
	align-items:flex-end;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	flex-flow:column;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 50px;
    position: relative;
	margin-bottom:0px;
}
.shochu_item01:last-child{
	margin-bottom:50vw;
}
.shochu_item01 .shochu_flex01{
	text-align:center;
}
.shochu_flex{
	display: block;
}
.shochu_flex01 {
    order: 1;
    position: relative;
	width:100%;
}
.shochu_flex02{
	order:2;
	width:100%;
}

.shochu_item01:after {
	display:none;
}

.shochu_txt01 {
    font-size: 13px;
    line-height: 2em;
    width: 100%;
	margin:0 auto;
}
.sp_usagi{
    background-image: url(../../img/brand/bg01.png);
    background-repeat: no-repeat, no-repeat;
    background-position: left -20px bottom;
    background-size: 90vw;
    padding-bottom: 50vw;
}
.sp_saru{
    background-image: url(../../img/brand/bg02.png);
    background-repeat: no-repeat, no-repeat;
    background-position: right -20px bottom;
    background-size: 90vw;
    padding-bottom: 55vw;
}
#shochu_sec01 {
    background-color: #717071;
    padding-top: 10px;
    padding-bottom: 25px;
    margin-bottom: 20px;
}
#shochu_sec01 .inner {
    width:calc(100% - 20px);
    position: relative;
    padding-top: 30px;
    padding-bottom: calc(30vw  + 40px);
}
#shochu_sec01 .inner:before {
    content: '';
    left: 10vw;
    bottom: -200px;
    position: absolute;
    background-image: url(../../img/brand/img01.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    width: 30vw;
}
#shochu_sec01#shochu_sec01 .inner:after {
    content: '';
    right: 10vw;
    bottom: -200px;
    position: absolute;
    background-image: url(../../img/brand/img02.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
    width: 30vw;
}
#shochu_sec01 h3 {
    width: 100%;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
}
#shochu_sec01 p {
    font-size: 12px;
    color: #FFFFFF;
    text-align: left;
}
#shochu_cv02 .inner {
    width: 100%;
}
#shochu_cv02 .bg {
    position: relative;
}
#shochu_cv02 .bg:before {
    content: '';
    background-image: url(../../img/brand/bg04.png);
    background-repeat: repeat-y;
    background-position: right center;
    background-color: #484B53;
    position: absolute;
    height: 100%;
    top: 0px;
    right: calc(50% + 490px);
    bottom: 0px;
    left: 0px;
}
#shochu_cv02 .bg:after {
    content: '';
    background-color: #88796F;
    position: absolute;
    height: 100%;
    top: 0px;
    left: calc(50% + 490px);
    bottom: 0px;
    right: 0px;
}
#shochu_cv02 .health_notes {
    border-top: solid #231815 1px;
    border-bottom: solid #231815 1px;
    margin-top: 10px;
    text-align: center;
    padding: 15px;
    font-weight: bold;
}
.shochu_name{
	width: 100%;
    margin-bottom: 20px;
    padding-left: 40px;
}
.shochu_item01 .img{
	position:relative;
}
.shochu_flex01 h3 img{
	
	width:70%;
	height:auto;
}
.shochu_price{
	position:static;
	bottom:0px;
	right:0px;
	left:0;
	width:50%;
	max-width:100%;
	margin-top:10px;
	margin-bottom: 20px;
}
.page_title.shochu02 {
    background:url(../../img/brand/page_title02.png) center center no-repeat;
    margin-bottom: 30px;
}
.page_title.shochu02 .title {
    color: #FFFFFF;
}
.page_title.outline {
  background-image: url(../../img/outline/page_title3_sp.png);
}
.shochu_img{
	width:100%;
}
.shochu02 .sp{
	display:none;
}
#shochu_cv02 .inner{
	margin:0;
}
/*お知らせ*/
#entry-content h1 {
  font-size: 18px; }

#entry-content h2 {
  font-size: 18px; }

#entry-content h3 {
  font-size: 16px; }

#entry-content h4 {
  font-size: 16px; }

#entry-content h5 {
  font-size: 14px; }

#entry-content h6 {
  font-size: 14px; }

.info_title {
  font-size: 16px; }

.pager_btn a {
  font-size: 12px;
  padding: 5px; }

/*お問い合わせ*/
#contact .inner {
  width: auto; }

.contact_txt01 {
  font-size: 16px;
  line-height: 1.6em;
  letter-spacing: 0em; }

.contact_txt02 {
  font-size: 14px;
  line-height: 1.6em; }

.contact_list01 li {
  font-size: 14px; }

.contact_ttl01 {
  background-color: #484B53;
  padding: 10px;
  color: #FFFFFF;
  margin-top: 40px;
  margin-bottom: 20px;
  font-size: 18px; }

/* =============================== water =============================== */
.page_title.water01 {
    background:url(../../img/health/page_title01_2_sp.jpg) center center no-repeat;
    margin-bottom: 30px;
}
.water01 .top_bg {
    background-image: url(../../img/health/page_title01_il.png);
    background-repeat: no-repeat;
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 100%;
    right: 0;
    top: 10px;
    background-position: calc(50% + 215px) top;
    background-size: auto 200px;
}
#water01 {
    margin-bottom: 0px;
    padding-top:0px;
    padding-bottom: 0px;
    position: relative;
}
.water_txt01 {
    font-weight: bold;
    font-size: 18px;
    text-align: left;
    line-height: 1.8em;
    letter-spacing: 0.3em;
}
.water_txt02 {
    font-size: 14px;
    text-align: left;
    line-height: 1.8em;
    margin-top: 1em;
}
#health_water {
    width: 100%;
    margin-top: 50px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    padding-bottom: 50px;
	display:flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	
	justify-content: center;
}
.water_cv01{
  /*
	width:calc(100% - 20px);
  */
  width: 100%;
}
.water_flex01{
	width:100%;
	order:1;
	display:flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}
.water_flex01 .img01{
	order:2;
	width:100%;
}
.water_flex01 .img02{
	order:1;
	width:100%;
}
.water_flex02{
	width:100%;
	order:1;
	display:flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}
#health_water .img03{
	order:2;
	width: 80%;
    margin: 0 auto;
    margin-top: 20px;
	text-align:center;
}
.water_flex02 .img04{
	order:1;
	width:100%;
}
#health_water .img02 {
    width: 100%;
    position: static;
    z-index: 1;
    top:70px;
}
#health_water .img04 {
    width: 70%;
    position: static;
    margin: 0 auto;
}
.water_cv01 .inner {
    background-image: url(../../img/health/bg01.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 240px;
    width: 100%;
    margin-bottom: 30px;
    position: relative;
	text-align:center;
}
.health_cv02 .inner {
    background-image: url(../../img/health/bg02.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 240px;
    width: 100%;
    margin-bottom: 30px;
    position: relative;
}
.water_cv01 .inner p, .health_cv02 .inner p {
    text-align: center;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
}
.health_btn01 {
    /* width: 100%; */
    margin-top: 30px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 5.714vw;
    padding-right: 5.714vw;
}
.health_btn01 a {
    font-size: 16px;
    text-decoration: none;
    display: block;
    text-align: center;
    padding: 10px;
    border: 5px solid #E95513;
    border-radius: 50px;
	font-weight:bold;
}
.health_btn01 a:hover {
    color: #FFFFFF;
    background-color: #e95513;
}
.health_btn01.shochu {
  /*
    width: 100%;
  */
  width: 310px;
}


#water01 .inner, #aojiru01 .inner {
    /* width: calc(100% - 20px); */
    width: 100%;
}
#water01 .bg {
    background-image: url(../../img/health/bg03.png);
    background-repeat: no-repeat;
    position: absolute;
    z-index: -1;
    height: 100%;
    width:100%;
    top: 0px;
    left: calc(50% - 700px);
    background-position: 100px center;
    background-size: auto 100%;
}



#health_aojiru .img01{
	text-align:center;
	margin-left:0px;
	margin-top:30px;
	width:100%;
}
#health_aojiru .aojiru_flex{
	display:flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	margin:0 auto;
	width:100%;
}
#health_aojiru .aojiru_flex01{
	width:80%;
	margin:0 auto;
}
#health_aojiru .aojiru_flex01 img{
	width: 100%;
	height: auto;
}
#health_aojiru ul{
	width:100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	-webkit-display: flex;
	-moz-display: flex;
	-ms-display: flex;
	-o-display: flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;
	margin-top:20px;
}
#health_aojiru li{
	box-sizing: border-box;
    width: calc((100%/3) - 5px);
    background: #888;
    padding: 2px 5px;
    display: block;
    text-align: center;
    color: #fff;
    font-size: 10px;
    margin-bottom: 5px
}
/* =============================== aojiru =============================== */
.page_title.aojiru01 {
     background:url(../../img/health/page_title02.png) center center no-repeat;
    margin-bottom: 30px;
	position:relative;
}
.page_title.aojiru01 .title {
    color: #FFFFFF;
}
#aojiru01 {
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 50px;
    position: relative;
}
#aojiru01 .bg {
    background-image: url(../../img/health/bg04.png);
    background-repeat: no-repeat;
    position: absolute;
    z-index: -1;
    height: 100%;
    width: 100%;
    right: 0;
    background-position: calc(50% + 340px) bottom;
    background-size: auto 100%;
}
.aojiru01 .top_bg {
    background-image: url(../../img/health/page_title02_il.png);
    background-repeat: no-repeat;
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 100%;
    right: 0;
    top: 10px;
    background-position: calc(50% + -266px) top;
    background-size: auto 200px;
}

/* =============================== contact =============================== */
#mailform table {
  width: 100%;
  border: none;
  border-collapse: collapse; }

#mailform table th,
#mailform table td {
  border-bottom-style: none;
  display: block;
  width: auto;
  padding-top: 12px;
  padding-right: 10px;
  padding-bottom: 12px;
  padding-left: 10px;
  position: relative; }

#mailform input,
#mailform textarea,
#mailform select {
  padding: 5px 10px;
  max-width: 90%;
  width: 100%; }

#mailform label input {
  width: auto; }

#mailform textarea {
  width: 90%;
  border: none; }

#mailform .tel input {
  width: 70px; }

#mailform .zip input {
  width: 120px; }

#mailform .time input {
  width: 180px;
  margin-left: 10px; }

#mailform .policy {
  border: 1px solid #BBB;
  height: 200px;
  padding: 1.5em;
  overflow-y: scroll;
  margin-bottom: 1.5em;
  margin-top: 50px;
  background-color: #FFFFFF; }

#mailform table tr:first-child th,
#mailform table tr:first-child td {
  border-top-style: none; }

#mailform input, #mailform textarea, #mailform select {
  padding: 5px 10px;
  background-color: #FFF;
  border: 1px solid #ccc; }

#mailform select {
  width: auto; }

#mailform input.height, #mailform input.weight {
  width: 25%; }

#mailform table span.required {
  position: absolute;
  top: 10px;
  right: 10px; }

#mailform table span.must {
  position: absolute;
  top: 10px;
  right: 10px; }

#mailform table span.any {
  position: absolute;
  top: 10px;
  right: 5px; }

/*確認画面へ進むボタン用*/
#send_btn {
    display: block;
}
#send_btn .btn01 {
    text-align: center;
}
#send_btn .btn02 {
    text-align: center;
}
#send_btn .btn02 input {
    font-size: 1.0em;
    text-align: center;
    padding: 15px 0;
    margin: 10px auto;
    box-sizing: border-box;
    width: 100%;
}
#send_btn .btn02 input:hover {
}
#send_btn .btn01 {
}
#send_btn .btn01 input {
    font-size: 1.0em;
    text-align: center;
    padding: 15px 0;
    margin: 10px auto;
    box-sizing: border-box;
    width: 100%;
}
#send_btn .btn01 input:hover {
    color: #666666;
    background: #ffffff;
}

#mailform {
  width: auto; }

#mailform table tr th {
  width: auto;
  background-color: #eee;
  padding-right: 55px; }

#mailform table tr td {
  width: auto;
  margin-bottom: 15px; }

#form_tbl {
  margin-bottom: 30px; }

/*採用情報*/
.ricruit_ttl{
	margin-bottom:0;
}
.content02{
	background-size:cover;
}
.recruit_tbl01{
	background:#fff;
    margin-top: 3em;
	
	margin:20px auto;
	border:solid 2px #bbb;
  /*
	padding:20px;
  width:80%;
  */
  padding: 0;
  width: 100%;
}
.recruit_tbl01 th {
  display: block;
  width: auto;
  border: none; }

.recruit_tbl01 td {
  display: block;
  width: auto;
  border: none;
  margin-bottom: 1em; }
.brand01 .top_bg{
	background-image: url(../../img/brand/page_title01_il.png);
    background-repeat: no-repeat;
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 100%;
    right: 0;
    top: 0px;
    background-position: right calc(50% - 115px) top -0px;
    background-size: auto 100%;
}
.wine_01_bg {
  display: block;
  width: 100%;
  margin: 30px 0; }
  .wine_01_bg .wine_01 {
    width: 100%; }
    .wine_01_bg .wine_01 .wine_01_title {
      display: block;
      margin: 0 auto; }
    .wine_01_bg .wine_01 .wine_01_item_box {
      margin-top: 90px;
      padding: 30px 15px;
      box-sizing: border-box; }
      .wine_01_bg .wine_01 .wine_01_item_box .wine_01_item_box_text {
        margin-left: 0px;
        width: 100%;
        order: 2;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap; }
        .wine_01_bg .wine_01 .wine_01_item_box .wine_01_item_box_text img {
          display: block;
          margin: 25px auto 0;
          order: 1; 
          width: 100%;
          max-width: 320px;}
        .wine_01_bg .wine_01 .wine_01_item_box .wine_01_item_box_text p {
          order: 2;
          margin-top: 10px; }
      .wine_01_bg .wine_01 .wine_01_item_box .wine_01_item_box_img {
        width: 100%;
        order: 1;
        margin-top: -80px;
        margin-bottom: 10px; }
        .wine_01_bg .wine_01 .wine_01_item_box .wine_01_item_box_img img {
          display: block;
          margin: 0 auto; }
    .wine_01_bg .wine_01 .wine_01_musta_box {
      margin-top: 90px;
      padding: 15px 0 15px 15px;
      box-sizing: border-box; }
      .wine_01_bg .wine_01 .wine_01_musta_box .wine_01_musta_box_title {
        width: 100%;
        margin-bottom: 10px;
        padding-right: 15px; }
      .wine_01_bg .wine_01 .wine_01_musta_box .wine_01_musta_box_text {
        color: #ffffff;
        width: 100%;
        line-height: 2.0;
        font-size: 0.8em;
        box-sizing: border-box;
        padding-right: 15px; }
        .wine_01_bg .wine_01 .wine_01_musta_box .wine_01_musta_box_text p:nth-child(2) {
          margin-top: 10px;
          text-align: right; }
          .wine_01_bg .wine_01 .wine_01_musta_box .wine_01_musta_box_text p:nth-child(2):first-line {
            display: block;
            padding: 15px; }
      .wine_01_bg .wine_01 .wine_01_musta_box .wine_01_musta_box_img {
        width: 100%;
        margin-top: 15px; }
        .wine_01_bg .wine_01 .wine_01_musta_box .wine_01_musta_box_img img {
          width: 100%;
          height: auto; }