@charset "utf-8";

body{
  font-size: 26px;
}
#content {
  width: 100%;
}
#header {
  width: 100%;
  min-width: 100%;
  margin: 0 auto;
  position: relative;
}
/* =======================================
  mainimg
======================================= */
#mainimg_wrap {
  width: 100%;
  height: 1180px;
  background: #f7f9f1 url(../img/index/FV_sp.jpg) no-repeat center top;
  background-size: 100%;
}
.pages #mainimg_wrap,
#topicpath{
  display: none;
}
#mainimg {
  width: 750px;
  min-width: 750px;
}
#index #mainimg {
  height: 891px;
}
#mainimg img.geye {
  position: absolute; 
  top: 465px;
  left: -12px;
  width: 55px;
}
#gnavi {
  width: 750px;
  min-width: 750px;
  padding-top: 40px;
}
#gnavi li{
  margin-left: 190px;
  margin-top: 20px;
}
#gnavi li a {
  width: 681px !important;
  height: 170px !important;
  position: relative;
  top:auto !important;
  left: auto !important; 
  background-repeat: no-repeat; 
  background-size: 100%;
}
#gnavi li.g1 a {
  background-image: url("../img/index/gnav/service_sp.png");
}
#gnavi li.g2 a {
  background-image: url("../img/index/gnav/about_sp.png");
  }
#gnavi li.g3 a {
  background-image: url("../img/index/gnav/schedule_sp.png");
  }
#gnavi li.g4 a {
  background-image: url("../img/index/gnav/guide_sp.png");
  }

#h1_wrap {
  height: 54px;
}
h1 {
  width: auto;
  margin: 0 auto;
  padding-top: 21px;
  text-align: center;
  height: auto;
  letter-spacing: 0.06rem;
  font-size: 21px;
}
#header .logo{
  left: 30px;
}
#header_wrap{
    padding-top: 25px;
    padding-bottom: 25px;
}

#left{
  float: none;
  width: 930px;
  padding-left: 15px;
  padding-right: 15px;
}
h2 img{
  width: 60%;
}
#index p.consept span{
  font-size: 24px;
  width: 100%;
}
#index p.consept{
  margin-bottom: 20px;
}
#news ul{
  width: auto;
  overflow:unset;
  max-height: none;
  height: auto;
}
#news li span.date{
  font-size: 26px;
  width: 220px;
}
#news li span.txt{
  width: auto;
}
#news li{
  padding: 15px;
}
#news li.new span.txt::before{
  font-size: 26px;
}
#index_news,
#index_concept,
.index_heart,
.pages #left h2{
  font-size: 38px;
  width: 700px;
}
#index_news,
#index_concept,
.index_heart,
.pages #left h2,
.pages #left h2.cmt,
.pages #left h2.pin,
.pages #left h2.smile,
.pages #left h2.leaf,
.pages #left h2.heart,
.pages #left h2.home,
.pages #left h2.star{
  background-size: 165%;
  padding-top: 35px;
  padding-bottom: 20px;
  padding-left: 130px;
}

#index_concept{
  background: url(../img/index/h_consept_sp.gif) left bottom no-repeat;
  background-size: 163% !important;
  padding: 60px;
}
#index_news{
  background: url(../img/index/h_news_sp.gif) left bottom no-repeat;
  background-size: 163% !important;
  padding: 60px;
}

#img_facility4{
  width: 850px;
  margin-top: 40px !important;
}
#left iframe{
  width: 850px;
  height: 600px;
}
.fs18{
  font-size: 26px !important;
}
#sp_usagi_img{
  height: 190px;
}
.sp_w750{
  width: 750px;
}
#left h3{
  font-size: 33px !important;
  background: url(../img/common/check.png);
  background-repeat: no-repeat;
  background-position: 10px;
  padding-left: 50px;
  margin-top: 50px;
}
#left h3::before{
  content: none;
}
#schedule_table .schedule_img{
  left: 476px;
  width: 400px;
}
#left table{
  width: 850px;
}
.pages #left ul.icon li::before{
  content: none;
}
.pages #left ul li{
  background: url(../img/common/check.png);
  background-repeat: no-repeat;
  background-position: 10px;
  padding-left: 50px;
}
#sp_event_img{
  width: 850px;
}

/**gnavi**/
.gnavi_area_fixed {
	position: fixed !important;
	top: 0px;
	padding-top: 30px;
	z-index: 10000 !important;
	width: 100%;
	display: block !important;
	height: 100px;
	background-color: #f8f4f1;
}
.gnavi_area_fixed .logo{
  top:16px !important;
}
.gnavi_area_fixed #modal_btn{
  top:32px !important;
}

#backtop{
  width: 150px;
}

#footer{
  width: auto;
  min-width: auto;  
  padding-left: 25px;
  padding-right: 25px;
}
#fnavi{
  font-size: 24px;
}
#fnavi li{
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
#fnavi li::after{
  content: none;
}
#copy{
  width: auto;
  min-width: auto; 
  text-align: center;
  font-size: 24px;
  padding-top: 20px;
  padding-bottom: 20px;
}

#left form table th,
#left form table td{
display: block;
  width: auto;
}
form textarea,
form input{
width: 100%;
  max-width: unset;
  padding: 10px;
  font-size: 30px;
}
#method{
  font-size: 30px;
  width: 600px;
}
.privacy{
  font-size: 26px !important;
  margin-bottom: 50px !important;
}

/**モーダル**/
#modal_btn{
    position: absolute;
    right: 30px;
    top:22px;
    width: 90px;
}
#over_lay{
	width: 100%;
	position: fixed;
	height: 100%;
	top:0;
	left:0;
	z-index: -1;
}
.over_lay_active{
	background-color: rgba(255,255,255,0.5);
	z-index: 10000 !important;
}
#modal{
	float: right;
	background-color: rgba(233,235,80,0.8);
	background-size: 100%;
	width: 750px;
	position: fixed;
	z-index: 10001;
	right: 0;
	top:0;
	display: none;
	overflow-y: scroll;
	overflow-x: hidden;
	max-height: 100vh !important;
	box-sizing: border-box;
	right: -500px;
	padding-top: 60px;
	padding-left: 20px;
	padding-bottom: 40px;
  font-size: 36px;
}
#modal ul li{
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
}
#modal .sub_menu{
  font-size: 30px;
  margin-left: 30px;
}
#modal .other_menu{
  font-size: 24px;
}
#modal a{
  text-decoration: none;
}
#modal ul a{
  background: url(../img/common/check.png);
  background-repeat: no-repeat;
  background-position: 4px;
  padding-left: 40px;
}
#modal_btn_close{
  background-image: url("../img/common/menu_close.png");
  background-repeat: no-repeat;
  width: 121px;
  height: 121px;
  position: absolute;
  right: 30px;
  top:70px;
}
#modal_inq{
  display: inline-block;
  background-image: url("../img/common/modal_email.png");
  background-repeat: no-repeat;
  width: 200px;
  height:102px;
margin-bottom: 60px;
  margin-top: 40px;
  margin-left: 10px;
}


.for_sp {
  display: inline-block;
}
.for_pc {
  display: none;
}