@charset "utf-8";
/*
Theme Name: aoi
Theme URI: http://theme.o2gp.com/
Description: aoi
Version: 1.0
Author: o2 Group
Author URI: http://theme.o2gp.com/
Tags: simple

	o2 Group v1.0
	 http://theme.o2gp.com/

	This theme was designed and built by o2 Group,
	whose blog you will find at http://theme.o2gp.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

*{margin:0;padding:0;}
body {	font-family: "メイリオ", "Meiryo", arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;	font-size: 14px;}
p{	line-height: 170%;	font-size: 14px;}
a {	color: #000000;	text-decoration: none;}
.white {	color: #FFFFFF;	text-decoration: none;}
a:hover{opacity:0.8;	filter: alpha(opacity=80);	-ms-filter: "alpha( opacity=80 )";}
a:active, a:focus {outline: 0;}
.clear{clear:both;}
.clear2 {clear: both;	height: 10px;}
.clear3 {clear: both;	height: 20px;}
.clear4 {clear: both;	height: 30px;}
.clear5 {clear: both;	height: 5px;}
.clear6 {clear: both;	height: 40px;}
.text_black{color: #000000;}
.text_red{color: #FF1F55;}
.text_blue{	color: #0000FF;}
.text_big{	font-size: 150%;}
.t_small1{ font-size: 90%;}
.t_small2{	font-size: 80%;}
.t_small3{ font-size: 70%;}
.t_center{	text-align: center;}
.t_left{	text-align: left;}
.t_right{	text-align: right;}
.left{ float:left;}
.right{ float:right;}
.font14{ font-size: 14px;}
.font15{ font-size: 15px;}
.font16{ font-size: 16px;}
.font17{ font-size: 17px;}
.font18{ font-size: 18px;}
.font19{ font-size: 19px;}
.font20{ font-size: 20px;}
.font21{ font-size: 21px;}
.font22{ font-size: 22px;}
.font23{ font-size: 23px;}
.font24{ font-size: 24px;}
.font25{ font-size: 25px;}
.font26{ font-size: 26px;}
.margin10{	margin: 10px;}
.margin20{	margin: 20px;}
.margin30{	margin: 30px;}
.margin_b10{	margin-bottom: 10px;}
.margin_b20{	margin-bottom: 20px;}
.margin_b30{	margin-bottom: 30px;}
.margin_t10{	margin-top: 10px;}
.margin_t20{	margin-top: 20px;}
.margin_t30{	margin-top: 30px;}
.padding10{	padding:10px;}
.padding20{	padding:20px;}
.padding30{	padding:30px;}
.padding_b10{	padding-bottom: 10px;}
.padding_b20{	padding-bottom: 20px;}
.padding_b30{	padding-bottom: 30px;}
.padding_t10{	padding-top: 10px;}
.padding_t20{	padding-top: 20px;}
.padding_t30{	padding-top: 30px;}
.center {	text-align: center;}
ul{	list-style: none;	padding: 0;	margin:0;}
li{	list-style: none;	padding: 0;	margin:0;}
img {border-style:none;	padding: 0;	margin:0;}
.centered { margin: 0 auto; }
.box_l {float: left;width: 50%;}
.box_r {float: right;	width: 50%;}
table {	margin:0;	padding:0;}
.shadow{box-shadow:rgba(96, 96, 97, 0.682353) 4px 4px 10px -3px;-webkit-box-shadow:rgba(96, 96, 97, 0.682353) 4px 4px 10px -3px;-moz-box-shadow:rgba(96, 96, 97, 0.682353) 4px 4px 10px -3px;}
.shadow2{box-shadow:rgba(96, 96, 97, 0.682353) 4px 4px 10px -3px;-webkit-box-shadow:rgba(96, 96, 97, 0.682353) 4px 4px 10px -3px;-moz-box-shadow:rgba(96, 96, 97, 0.682353) 4px 4px 10px -3px;}
img.shadow{box-shadow:rgba(96, 96, 97, 0.682353) 4px 4px 10px -3px;-webkit-box-shadow:rgba(96, 96, 97, 0.682353) 4px 4px 10px -3px;-moz-box-shadow:rgba(96, 96, 97, 0.682353) 4px 4px 10px -3px;}
img.shadow2{box-shadow:rgba(96, 96, 97, 0.682353) 0px 0px 15px -3px;-webkit-box-shadow:rgba(96, 96, 97, 0.682353) 0px 0px 15px -3px;-moz-box-shadow:rgba(96, 96, 97, 0.682353) 0px 0px 15px -3px;}
.box960 {	max-width: 960px;	width: 100%;	margin-right: auto;	margin-left: auto;}
.box890 {	height: auto;	max-width: 890px;	width: 100%;	margin-left: 70px;}
.box800 {	height: auto;	max-width: 800px;	width: 100%;	margin-right: auto;	margin-left: auto;}
.box760 {	height: auto;	max-width: 760px;	width: 100%;	margin-right: auto;	margin-left: auto;}
.box700 {	height: auto;	max-width: 700px;	width: 100%;	margin-right: auto;	margin-left: auto;}
.box680 {	height: auto;	max-width: 680px;	width: 100%;	margin-right: auto;	margin-left: auto;}

.justify{text-align:justify;text-justify: inter-ideograph; /* 両端揃えの種類 */word-break: normal;word-wrap: break-word;}

.font_r{
font-family: "biz-udpgothic", sans-serif;
font-weight: 400;
font-style: normal;
}
.font_b{
font-family: "biz-udpgothic", sans-serif;
font-weight: 700;
font-style: normal;
}




.pc{ display:block;} .sp{ display:none;}
@media screen and (max-width: 780px) {
.pc{ display:none;} .sp{ display:block;}
}
#link1 {margin-top:-40px;	padding-top:40px;}
#link2 {margin-top:-40px;	padding-top:40px;}
#link3 {margin-top:-40px;	padding-top:40px;}
#link_news {margin-top:-80px;	padding-top:80px;}
#link_room {margin-top:-80px;	padding-top:80px;}
#link_fee {margin-top:-80px;	padding-top:80px;}
#link7 {margin-top:-40px;	padding-top:40px;}
#link8 {margin-top:-40px;	padding-top:40px;}
#link9 {margin-top:-40px;	padding-top:40px;}
@media screen and (max-width: 780px) {
#link1 {margin-top:-100px;	padding-top:100px;}
#link2 {margin-top:-100px;	padding-top:100px;}
#link3 {margin-top:-100px;	padding-top:100px;}
#link_news {margin-top:-100px;	padding-top:100px;}
#link_room {margin-top:-100px;	padding-top:100px;}
#link_fee {margin-top:-100px;	padding-top:100px;}
#link7 {margin-top:-100px;	padding-top:100px;}
#link8 {margin-top:-100px;	padding-top:100px;}
#link9 {margin-top:-100px;	padding-top:100px;}
}
.fadeIn {
  opacity: 0;
  transition: 2s;
}
.fadeIn.is-show {
  opacity: 1;
}
.fadeIn_left {
  opacity: 0;
  transform: translate(-50%, 0);
  transition: 2s;
}
.fadeIn_left.is-show {
  transform: translate(0, 0);
  opacity: 1;
}
.fadeIn_right {
  opacity: 0;
  transform: translate(50%, 0);
  transition: 2s;
}
.fadeIn_right.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

/* fadeUp */

.fadeUp{
animation-name:fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}


/* 左から */

.fadeLeft{
animation-name:fadeLeftAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeLeftAnime{
  from {
    opacity: 0;
  transform: translateX(-100px);
  }

  to {
    opacity: 1;
  transform: translateX(0);
  }
}

/* 右から */

.fadeRight{
animation-name:fadeRightAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeRightAnime{
  from {
    opacity: 0;
  transform: translateX(100px);
  }

  to {
    opacity: 1;
  transform: translateX(0);
  }
}

/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
 
.fadeInTrigger,
.fadeUpTrigger,
.fadeDownTrigger,
.fadeLeftTrigger,
.fadeRightTrigger{
    opacity: 0;
}


/*************
全体
*************/



/***********************グループトップ**************************/

header{
	width: 100%;
    max-width: 1920px;
	height: auto;
  background-color: #7EC6D4;
padding-bottom: 0px;
position:fixed;
top: 0px;
z-index: 2000;
}
.head_inner{
  width: 100%;
  max-width: 960px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0px;
	position: relative;
}

.logo{
width: 100%;
max-width: 146px;
margin-left: auto;
margin-right: auto;
padding-top: 10px;
padding-bottom: 10px;
}


.spmenu{
	display:block;
}
.menu_smart{
	display: block;
	width: 40px;
	z-index: 9999;
    position: absolute;
    top: 5px;
    right: 0px;
}
#my-menu{
	z-index: 10000 !important;
}
#my-menu li.sub1{
	background-color:#7EC6D4;
	color: #FFF;
}
#my-menu li.sub2{
	background-color: #7EC6D4;
	color: #FFF;
	text-align: center;
}
#headsp{
width: 100%;
height: auto;
background-color: none;
}

.topimage{
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
	margin-top: 70px;
  margin-bottom: 80px;
}


.title1{
  width: 90%;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
}
.top_t1{
  width: 90%;
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
	color: #646464;
	font-size: 15px;
	line-height: 190%;
	text-align:justify;text-justify: inter-ideograph; /* 両端揃えの種類 */word-break: normal;word-wrap: break-word;
  margin-bottom: 80px;
font-family: "biz-udpgothic", sans-serif;
font-weight: 400;
font-style: normal;
}
.top_t1 p{
	color: #646464;
	font-size: 15px;
	line-height: 190%;
	text-align:justify;text-justify: inter-ideograph; /* 両端揃えの種類 */word-break: normal;word-wrap: break-word; 
font-family: "biz-udpgothic", sans-serif;
font-weight: 400;
font-style: normal; 
}

.bg1{
  width: 100%;
  height: auto;
  background-color: #7EC6D4;
  padding-top: 50px;
  padding-bottom: 50px;
	margin-bottom: 80px;
}
.topnews_list{
  width: 80%;
	max-width: 540px;
  height: 150px;
  margin-left: auto;
  margin-right: auto;
  background-color: #FFFFFF;
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 20px;
  padding-bottom: 20px;
  overflow-y: scroll;
	margin-bottom: 30px;
}
.topnews_list ul{
  width: 100%;
  height: auto;
}
.topnews_list ul li{
  width: 100%;
  height: auto;
	margin-bottom: 10px;
}
.newstime{
	width: 15%;
	float: left;
	color: #7EC6D4;
	font-size: 15px;
	line-height: 170%;
	font-weight: bold;

}
.newstitle{
	width: 80%;
	padding-left: 5%;
	float: left;
	color: #646464;
	font-size: 15px;
	line-height: 170%;

}
.newstitle a{
	color: #646464;
	font-size: 14px;
	line-height: 170%;
	font-weight: bold;

}
.room_t1{
  width: 90%;
  max-width: 570px;
  margin-left: auto;
  margin-right: auto;
	color: #646464;
	font-size: 16px;
	line-height: 190%;
	text-align:justify;text-justify: inter-ideograph; /* 両端揃えの種類 */word-break: normal;word-wrap: break-word;
  margin-bottom: 30px;
font-family: "biz-udpgothic", sans-serif;
font-weight: 400;
font-style: normal;

}
.room_photo1{
  width: 90%;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px;

}
.room_photo2{
  width: 90%;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 90px;

}
.room_soon{
    width: 90%;
    max-width: 570px;
    margin-left: auto;
    margin-right: auto;
    color: #646464;
    font-size: 15px;
    line-height: 170%;
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: center;
    margin-bottom: 30px;
    border: 1px solid #646464;
	letter-spacing: 0.5em;
font-family: "biz-udpgothic", sans-serif;
font-weight: 400;
font-style: normal;
}
.room_t2{
  width: 90%;
  max-width: 570px;
  margin-left: auto;
  margin-right: auto;
	color: #7EC6D4;
	font-size: 20px;
	line-height: 170%;
	text-align: center;
font-family: "biz-udpgothic", sans-serif;
font-weight: 700;
font-style: normal;
}
.room_t3{
  width: 90%;
  max-width: 570px;
  margin-left: auto;
  margin-right: auto;
	color: #646464;
	font-size: 16px;
	line-height: 170%;
	margin-bottom: 30px;
	text-align: center;
font-family: "biz-udpgothic", sans-serif;
font-weight: 700;
font-style: normal;
  
}
.bg2{
  width: 100%;
  height: auto;
  background-color: #7EC6D4;
  padding-top: 50px;
  padding-bottom: 50px;
	margin-top: 80px;
	  margin-bottom: 80px;
}
.fee_t1{
  width: 90%;
  max-width: 570px;
  margin-left: auto;
  margin-right: auto;
	color: #FFF;
	font-size: 16px;
	line-height: 170%;
	margin-bottom: 20px;
	text-align: center;
font-family: "biz-udpgothic", sans-serif;
font-weight: 700;
font-style: normal;

}
.fee_btn{
  width: 90%;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
	padding-bottom: 20px;

}
.contact_btn{
  width: 90%;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
	padding-bottom: 70px;

}
.gmap{
	width: 90%;
	max-width: 960px;
	height: auto;
  margin-left: auto;
  margin-right: auto;
	margin-bottom: 30px;

}
.ggmap {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.ggmap iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.access_t1{
	width: 90%;
	max-width: 960px;
	height: auto;
  margin-left: auto;
  margin-right: auto;
	margin-bottom: 30px;
	text-align: center;
	font-size: 16px;
	line-height: 200%;
	color: #646464;
font-family: "biz-udpgothic", sans-serif;
font-weight: 700;
font-style: normal;
	
	
}

footer{
  width: 100%;
  height: auto;
  background-color: #7EC6D4;
  padding-top: 30px;
  padding-bottom: 30px;
	margin-top: 80px;

}
.foot_inner{
	width: 90%;
	max-width: 960px;
	height: auto;
	margin-left: auto;
	margin-right: auto;

}
.footlogo{
	width: 146px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	
	margin-bottom: 20px;

}
.foot_tel{
	width: 90%;
	max-width: 640px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	color: #FFF;
	font-size: 15px;
	line-height: 170%;
	margin-bottom: 30px;
	text-align: center;
font-family: "biz-udpgothic", sans-serif;
font-weight: 400;
font-style: normal;

}
.foot_tel a{
	color: #FFF;
	font-size: 15px;
	line-height: 170%;
}
.foot_menu{
	width: 90%;
	max-width: 800px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;

}
.foot_menu ul{
	width: 100%;
	height: auto;
}
.foot_menu ul li{
	width: 16.66666%;
	float: left;
	text-align: center;
}
.foot_menu ul li a{
	font-size: 14px;
	line-height: 150%;
	text-align: center;
	color: #FFF;
font-family: "biz-udpgothic", sans-serif;
font-weight: 700;
font-style: normal;
}
.copyright{
	font-size: 14px;
	line-height: 150%;
	text-align: center;
	color: #FFF;
}

/********************企業情報***********************/

.conimage{
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 70px;
}
.about_p1{
  width: 80%;
  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 35px;
}

.about_t1{
  width: 90%;
  max-width: 580px;
  margin-left: auto;
  margin-right: auto;
	color: #646464;
	font-size: 16px;
	line-height: 200%;
	text-align:justify;text-justify: inter-ideograph; /* 両端揃えの種類 */word-break: normal;word-wrap: break-word;
  margin-bottom: 120px;
font-family: "biz-udpgothic", sans-serif;
font-weight: 400;
font-style: normal;
}
.about_t1 p{
	color: #646464;
	font-size: 16px;
	line-height: 200%;
	text-align:justify;text-justify: inter-ideograph; /* 両端揃えの種類 */word-break: normal;word-wrap: break-word;
font-family: "biz-udpgothic", sans-serif;
font-weight: 400;
font-style: normal;
}
.about_t1 p.right{
	color: #646464;
	font-size: 16px;
	line-height: 200%;
	text-align:right;
}

.company-table {
  width: 90%;
  max-width: 580px;
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
  border-spacing: 0;
}

.company-table th{
  border-top: 1px solid #646464;
  border-bottom: 1px solid #646464;
  border-right: 1px solid #646464;
  padding: 10px;
  vertical-align: top;
  font-size: 14px;
  line-height: 200%;
  color: #646464;
  width: 25%;
  text-align: left;
font-family: "biz-udpgothic", sans-serif;
font-weight: 400;
font-style: normal;
}
.company-table td {
  border-top: 1px solid #646464;
  border-bottom: 1px solid #646464;
  padding: 10px;
  vertical-align: top;
  font-size: 14px;
  line-height: 200%;
  color: #646464;
font-family: "biz-udpgothic", sans-serif;
font-weight: 400;
font-style: normal;
}
.company-table td a{
  color: #7EC6D4;
font-family: "biz-udpgothic", sans-serif;
font-weight: 400;
font-style: normal;
}



/********************企業情報//*********************/




/***********************お知らせ**************************/

.oshirase_title{
width: 90%;
max-width: 640px;
height:auto;
margin-left: auto;
margin-right: auto;
padding-top: 120px;
padding-bottom: 70px;
	font-size: 35px;
	line-height: 160%;
font-family: "biz-udpgothic", sans-serif;
font-weight: 700;
font-style: normal;
	letter-spacing: 0.1em;
	text-align: center;
	color: #7EC6D4;
}


#blog_box{
width: 90%;
max-width: 640px;
height:auto;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
padding-bottom: 70px;
}

.blogtitle{
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	padding-bottom: 6px;
	color: #646464;
	font-size: 22px;
	line-height: 170%;
font-family: "biz-udpgothic", sans-serif;
font-weight: 700;
font-style: normal;
}
.blogtitle h2{
	font-size: 22px;
	line-height: 170%;
	color: #646464;
font-family: "biz-udpgothic", sans-serif;
font-weight: 700;
font-style: normal;
}
.date{
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
    padding-bottom: 13px;
    margin-bottom: 13px;
    color: #3E3A39;
    font-size: 14px;
    line-height: 180%;
    border-bottom: 2px solid #7EC6D4;
font-family: "biz-udpgothic", sans-serif;
font-weight: 400;
font-style: normal;
}
.blogbox{
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    color: #646464;
    font-size: 17px;
    line-height: 210%;
font-family: "biz-udpgothic", sans-serif;
font-weight: 400;
font-style: normal;
    border-bottom: 2px solid #7EC6D4;
}
.blogbox p{
    color: #646464;
    font-size: 17px;
    line-height: 210%;
font-family: "biz-udpgothic", sans-serif;
font-weight: 400;
font-style: normal;
}
.blogbox a{
    color: #7EC6D4;
    font-size: 17px;
    line-height: 210%;
	text-decoration: underline;
font-family: "biz-udpgothic", sans-serif;
font-weight: 700;
font-style: normal;
}
.blogbox img{
	max-width: 100%;
	height: auto;
}
.wp-caption {
  width: 100% !important;
  max-width: 100%;
}
.wp-caption img {
  max-width: 100% !important;
  height: auto !important;
}
/* キャプション付き画像のスタイル */
.wp-caption {
  text-align: center; /* キャプションを中央揃え */
  font-size: 14px; /* フォントサイズ */
  color: #FFF; /* テキストカラー（グレー系） */
  margin: 10px 0; /* 上下のマージン */
  line-height: 1.4; /* 行間を広げて読みやすく */
	background-color: rgba(0, 0, 0, 0.9);
}

.wp-caption img {
  display: block; /* 画像をブロック要素にして中央に寄せる */
  margin: 0 auto; /* 画像を中央に配置 */
}

.wp-caption-text {
  font-size: 12px; /* キャプションのフォントサイズ */
  color: #fff !important; /* キャプションの色を少し薄く */
  margin-top: 5px; /* 画像とキャプションの間隔 */
	margin-bottom: 5px;
}


.blogtitle_con{
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	padding-bottom: 8px;
	color: #3E3A39;
	font-size: 22px;
	line-height: 160%;
font-family: "biz-udpgothic", sans-serif;
font-weight: 700;
font-style: normal;
}
.blogtitle_con h2{
	font-size: 22px;
	line-height: 160%;
	color: #3E3A39;
font-family: "biz-udpgothic", sans-serif;
font-weight: 700;
font-style: normal;
}
.date_con{
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
    padding-bottom: 13px;
    margin-bottom: 13px;
    color: #3E3A39;
    font-size: 14px;
    line-height: 180%;
    border-bottom: 2px solid #3E3A39;
font-family: "biz-udpgothic", sans-serif;
font-weight: 400;
font-style: normal;
}
.blogbox_con{
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
    padding-bottom: 30px;
    margin-bottom: 20px;
    color: #3E3A39;
    font-size: 17px;
    line-height: 210%;
    border-bottom: 2px solid #3E3A39;
font-family: "biz-udpgothic", sans-serif;
font-weight: 400;
font-style: normal;
}
.blogbox_con p{
    color: #3E3A39;
    font-size: 17px;
    line-height: 210%;
font-family: "biz-udpgothic", sans-serif;
font-weight: 400;
font-style: normal;
}
.blogbox_con a{
    color: #289FBF;
    font-size: 17px;
    line-height: 210%;
	text-decoration: underline;
font-family: "biz-udpgothic", sans-serif;
font-weight: 700;
font-style: normal;
}
.blogbox_con img{
	max-width: 100%;
	height: auto;
}
#next{
	width: 90%;
	height: auto;
    margin-left: auto;
    margin-right: auto;
    color: #646464;
    font-size: 14px;
    line-height: 180%;
	margin-bottom: 60px;
font-family: "biz-udpgothic", sans-serif;
font-weight: 400;
font-style: normal;
}
#next a{
    color: #646464;
    font-size: 14px;
    line-height: 180%;
font-family: "biz-udpgothic", sans-serif;
font-weight: 400;
font-style: normal;
}
.news_title{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
    font-size: 28px;
    line-height: 140%;
	margin-bottom: 50px;
	text-align: center;
font-family: "biz-udpgothic", sans-serif;
font-weight: 700;
font-style: normal;
}

.contact_t1{
	width: 90%;
	max-width: 640px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	color: #646464;
	font-size: 15px;
	line-height: 200%;
	margin-bottom: 40px;
	text-align: center;
font-family: "biz-udpgothic", sans-serif;
font-weight: 700;
font-style: normal;
}


.contact_box{
	width: 90%;
	max-width: 640px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
}


table.mirai_form{
	border:none;
	width:100%;
	margin-left:auto;
	margin-right:auto;

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

}
table.mirai_form th{
	width: 25%;
	color: #646464;
	font-size: 15px;
	line-height: 140%;
	vertical-align: top;
	padding-bottom:15px;
	text-align:left;
font-family: "biz-udpgothic", sans-serif;
font-weight: 700;
font-style: normal;
}
table.mirai_form td{
	color: #000;
	vertical-align: top;
	padding-bottom:15px;
font-family: "biz-udpgothic", sans-serif;
font-weight: 400;
font-style: normal;	
}

.hissu{
	font-size:13px;
	line-height:150%;
	color:#E74566;
	margin-left: 5px;
	
}
input.waku1{
	padding-bottom: 10px;
	border-radius: 5px;
	padding-top: 10px;
	border: 1px solid #000;
	max-width: 95%;
	width:90%;
}
input.waku1_2{
	padding-bottom: 10px;
	border-radius: 5px;
	padding-top: 10px;
	border: 1px solid #646464;
	max-width: 45%;
	width:40%;
}
input.waku2{
	padding-bottom: 10px;
	border-radius: 5px;
	padding-top: 10px;
	border: 1px solid #646464;
	max-width: 95%;
	width:90%;
}
input.waku2_2{
	padding-bottom: 10px;
	border-radius: 5px;
	padding-top: 10px;
	border: 1px solid #646464;
	max-width: 45%;
	width:40%;
}
select.waku1{
	padding-bottom: 10px;
	border-radius: 5px;
	padding-top: 10px;
	border: 1px solid #646464;
	max-width: 95%;
}
select.waku1_2{
	padding-bottom: 10px;
	border-radius: 5px;
	padding-top: 10px;
	border: 1px solid #646464;
	max-width: 65%;
}
select.waku2{
	padding-bottom: 4px;
	border-radius: 5px;
	padding-top: 4px;
	border: 2px solid #646464;
	max-width: 95%;
}
select.waku2_2{
	padding-bottom: 4px;
	border-radius: 5px;
	padding-top: 4px;
	border: 2px solid #646464;
	max-width: 65%;
}
textarea.waku1{
	padding-bottom: 10px;
	border-radius: 5px;
	padding-top: 10px;
	border: 1px solid #646464;
resize: vertical;
width: 95%;
}
textarea.waku2{
	padding-bottom: 4px;
	border-radius: 5px;
	padding-top: 4px;
	border: 2px solid #646464;
resize: vertical;
width: 95%;
}
input.waku1:focus {
    border:solid 3px #646464;
}
input.waku2:focus {
    border:solid 3px #646464;
}
textarea.waku1:focus {
    border:solid 3px #646464;
}
textarea.waku2:focus {
    border:solid 3px #646464;
}
input.waku3:focus {
    border:solid 3px #646464;
	background-color:#FFF !important;
}
textarea.waku3:focus {
    border:solid 3px #646464;
	background-color:#FFF !important;
}


.kakunin1{
	width:280px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
input.kakunin1{
	padding-bottom: 8px;
	padding-top: 8px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 19px;
	color: #FFF;
	border: none;
	border: 1px solid #7EC6D4;
	background-color: #7EC6D4;
	cursor: pointer;
	width:280px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	
	border-radius: 8px;
}
.kakunin2{
	width:280px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
input.kakunin2{
	padding-bottom: 8px;
	padding-top: 8px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 19px;
	color: #FFF;
	border: none;
	border: 1px solid #7EC6D4;
	background-color: #7EC6D4;
	cursor: pointer;
	width:280px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	
	border-radius: 8px;
}
input.mwform-file-delete{
	font-size:30px;
	
}
.thanks2{
	font-size:24px;
	line-height:140%;
	text-align:center;
		margin-bottom:15px;
font-family: "biz-udpgothic", sans-serif;
font-weight: 700;
font-style: normal;
	
}
.thanks{
	margin-top:20px;	
	font-size:16px;
	line-height:170%;
	text-align:center;
		margin-bottom:40px;
font-family: "biz-udpgothic", sans-serif;
font-weight: 400;
font-style: normal;
	
}
.toplink a{
	font-size:15px;
	line-height:170%;	
	text-align:center;
	color:#7EC6D4;
	text-decoration:underline;
font-family: "biz-udpgothic", sans-serif;
font-weight: 700;
font-style: normal;

}

.ichiranback{
    width: 70%;
    max-width: 240px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
    background-color: #7EC6D4;
}
.ichiranback a{
    width: 100%;
    height: 100%;
	display: block;
    padding-bottom: 10px;
    padding-top: 10px;
    font-family: "biz-udpgothic", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #FFF;
	font-size:15px;
	line-height:170%;	
	text-align:center;
}




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

header{
	width: 100%;
    max-width: 1920px;
	height: auto;
  background-color: #7EC6D4;
padding-bottom: 0px;
position:fixed;
top: 0px;
}
.head_inner{
  width: 100%;
  max-width: 960px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0px;
	position: relative;
}

.logo{
width: 100%;
max-width: 126px;
margin-left: auto;
margin-right: auto;
padding-top: 10px;
padding-bottom: 10px;
}


.spmenu{
	display:block;
}
.menu_smart{
	display: block;
	width: 40px;
	z-index: 2000;
    position: absolute;
    top: 5px;
    right: 10px;
}
#my-menu{
	z-index: 2000;
}
#my-menu li.sub1{
	background-color:#7EC6D4;
	color: #FFF;
}
#my-menu li.sub2{
	background-color: #7EC6D4;
	color: #FFF;
	text-align: center;
}
#headsp{
width: 100%;
height: auto;
background-color: none;
}

.topimage{
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
	margin-top: 70px;
  margin-bottom: 80px;
}


.title1{
  width: 90%;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
}
.top_t1{
  width: 90%;
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
	color: #646464;
	font-size: 15px;
	line-height: 190%;
	text-align:justify;text-justify: inter-ideograph; /* 両端揃えの種類 */word-break: normal;word-wrap: break-word;
  margin-bottom: 80px;
}
.top_t1 p{
	color: #646464;
	font-size: 15px;
	line-height: 190%;
	text-align:justify;text-justify: inter-ideograph; /* 両端揃えの種類 */word-break: normal;word-wrap: break-word;  
}

.bg1{
  width: 100%;
  height: auto;
  background-color: #7EC6D4;
  padding-top: 50px;
  padding-bottom: 50px;
	margin-bottom: 80px;
}
.topnews_list{
  width: 80%;
	max-width: 540px;
  height: 150px;
  margin-left: auto;
  margin-right: auto;
  background-color: #FFFFFF;
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 20px;
  padding-bottom: 20px;
  overflow-y: scroll;
	margin-bottom: 30px;
}
.topnews_list ul{
  width: 100%;
  height: auto;
}
.topnews_list ul li{
  width: 100%;
  height: auto;
	margin-bottom: 10px;
}

.newstime{
	width: 100%;
	float: none;
	color: #7EC6D4;
	font-size: 14px;
	line-height: 170%;
font-family: "biz-udpgothic", sans-serif;
font-weight: 700;
font-style: normal;
margin-bottom:5px;
}
.newstitle{
	width: 100%;
	float: none;
	padding-left: 0;
	color: #646464;
	font-size: 14px;
	line-height: 170%;
font-family: "biz-udpgothic", sans-serif;
font-weight: 700;
font-style: normal;

}
.newstitle a{
	color: #646464;
	font-size: 14px;
	line-height: 170%;
font-family: "biz-udpgothic", sans-serif;
font-weight: 700;
font-style: normal;

}

.room_t1{
  width: 90%;
  max-width: 570px;
  margin-left: auto;
  margin-right: auto;
	color: #646464;
	font-size: 16px;
	line-height: 190%;
	text-align:justify;text-justify: inter-ideograph; /* 両端揃えの種類 */word-break: normal;word-wrap: break-word;
  margin-bottom: 30px;

}
.room_soon{
    width: 90%;
    max-width: 570px;
    margin-left: auto;
    margin-right: auto;
    color: #646464;
    font-size: 15px;
    line-height: 170%;
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: center;
    margin-bottom: 30px;
    border: 1px solid #646464;
	letter-spacing: 0.5em;
}
.room_t2{
  width: 90%;
  max-width: 570px;
  margin-left: auto;
  margin-right: auto;
	color: #7EC6D4;
	font-size: 20px;
	line-height: 160%;
	font-weight: bold;
	text-align: center;
}
.room_t3{
  width: 90%;
  max-width: 570px;
  margin-left: auto;
  margin-right: auto;
	color: #646464;
	font-size: 16px;
	line-height: 200%;
	font-weight: bold;
	margin-bottom: 30px;
	text-align: center;
  
}
.bg2{
  width: 100%;
  height: auto;
  background-color: #7EC6D4;
  padding-top: 50px;
  padding-bottom: 50px;
	margin-top: 80px;
	  margin-bottom: 80px;
}
.fee_t1{
  width: 90%;
  max-width: 570px;
  margin-left: auto;
  margin-right: auto;
	color: #FFF;
	font-size: 16px;
	line-height: 170%;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;

}
.fee_btn{
  width: 90%;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
	padding-bottom: 20px;

}
.contact_btn{
  width: 90%;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
	padding-bottom: 70px;

}
.gmap{
	width: 90%;
	max-width: 960px;
	height: auto;
  margin-left: auto;
  margin-right: auto;
	margin-bottom: 30px;

}
.ggmap {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.ggmap iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.access_t1{
	width: 90%;
	max-width: 960px;
	height: auto;
  margin-left: auto;
  margin-right: auto;
	margin-bottom: 30px;
	text-align: center;
	font-size: 16px;
	line-height: 200%;
	font-weight: bold;
	color: #646464;
	
	
}

footer{
  width: 100%;
  height: auto;
  background-color: #7EC6D4;
  padding-top: 30px;
  padding-bottom: 30px;
	margin-top: 80px;

}
.foot_inner{
	width: 90%;
	max-width: 960px;
	height: auto;
	margin-left: auto;
	margin-right: auto;

}
.footlogo{
	width: 146px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	
	margin-bottom: 20px;

}
.foot_tel{
	width: 90%;
	max-width: 640px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	color: #FFF;
	font-size: 15px;
	line-height: 170%;
	margin-bottom: 30px;
	text-align: center;

}
.foot_menu{
	width: 100%;
	max-width: 900px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;

}
.foot_menu ul{
	width: 100%;
	height: auto;
}
.foot_menu ul li{
	width: 47%;
	float: left;
	margin-left: 1.5%;
	margin-right: 1.5%;
	margin-bottom: 10px;
	text-align: center;
}
.foot_menu ul li a{
	font-size: 14px;
	line-height: 150%;
	text-align: center;
	color: #FFF;
	font-weight: bold;
}
.copyright{
	font-size: 14px;
	line-height: 150%;
	text-align: center;
	color: #FFF;
}


/***********************お知らせ**************************/

#blog_box{
width: 90%;
max-width: 640px;
height:auto;
margin-left: auto;
margin-right: auto;
padding-top: 50px;
padding-bottom: 70px;
}

.blogtitle{
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	padding-bottom: 8px;
	color: #646464;
	font-size: 20px;
	line-height: 180%;
}
.blogtitle h2{
	font-size: 20px;
	line-height: 160%;
	color: #646464;
}
.date{
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
    padding-bottom: 13px;
    margin-bottom: 13px;
    color: #646464;
    font-size: 14px;
    line-height: 180%;
    border-bottom: 2px solid #7EC6D4;;
}
.blogbox{
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
    padding-bottom: 30px;
    margin-bottom: 20px;
    color: #646464;
    font-size: 15px;
    line-height: 210%;
    border-bottom: 2px solid #7EC6D4;;
}
.blogbox p{
    color: #646464;
    font-size: 15px;
    line-height: 210%;
}
.blogbox a{
    color: #646464;
    font-size: 15px;
    line-height: 210%;
	text-decoration: underline;
}
.blogbox img{
	max-width: 100%;
	height: auto;
}
	
.blogtitle_con{
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	padding-bottom: 8px;
	color: #3E3A39;
	font-size: 20px;
	line-height: 160
}
.blogtitle_con h2{
	font-size: 20px;
	line-height: 160%;
	color: #3E3A39;
}
.date_con{
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
    padding-bottom: 13px;
    margin-bottom: 13px;
    color: #3E3A39;
    font-size: 14px;
    line-height: 180%;
    border-bottom: 2px solid #3E3A39;
}
.blogbox_con{
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
    padding-bottom: 30px;
    margin-bottom: 20px;
    color: #3E3A39;
    font-size: 15px;
    line-height: 210%;
    border-bottom: 2px solid #3E3A39;
}
.blogbox_con p{
    color: #3E3A39;
    font-size: 15px;
    line-height: 210%;
}
.blogbox_con a{
    color: #289FBF;
    font-size: 15px;
    line-height: 210%;
	text-decoration: underline;
}
.blogbox_con img{
	max-width: 100%;
	height: auto;
}	
	
	
#next{
	width: 90%;
	height: auto;
    margin-left: auto;
    margin-right: auto;
    color: #3E3A39;
    font-size: 14px;
    line-height: 180%;
	margin-bottom: 60px;
}

/***********************お知らせ///**************************/

	
.contact_t1{
	width: 90%;
	max-width: 640px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	color: #646464;
	font-size: 15px;
	line-height: 200%;
	margin-bottom: 40px;
	text-align:justify;text-justify: inter-ideograph; /* 両端揃えの種類 */word-break: normal;word-wrap: break-word;
}


.contact_box{
	width: 90%;
	max-width: 640px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
}


table.mirai_form{
	border:none;
	width:100%;
	margin-left:auto;
	margin-right:auto;

}
table.mirai_form th{
    display: block;	
    width: 95%;
	padding-left:2.5%;
	padding-right:2.5%;	
	font-size: 15px;
	line-height: 140%;
	font-weight: bold;
	vertical-align: top;
	padding-top:4px;
	padding-bottom:4px;
	margin-bottom:10px;
	text-align:left;
}
table.mirai_form th br{
    display: none;	
}
table.mirai_form td{
    display: block;	
    width: 95%;
	padding-left:2%;
	padding-right:2%;		
	vertical-align: top;
	padding-bottom:25px;	
}	
	
	
	
}