.sub #header{
	position: fixed;
    top: -200px;
    left: 0;
	height:80px;
	z-index:1000;
	border-bottom:1px solid #cccccc;
	color: #000000;
}
.sub #header_inner{
	margin:0 auto;
	width:100%;
}
.sub #header_bottom_stripe{
	margin-bottom:0;
	width:100%;
	min-height:0px;
	background:none;
	z-index:1000;
}
.sub .tab_content{
	top:0;
}
.sub .menu{
	float:right;
	margin:1.9em 1em 0;
}
.sub .menu li{
	padding:0 1em;
	height:60px;
	line-height:1.4;
}
.content{
	margin:3em auto;
}
.ruby{
	display:block;
	margin-top:0.4em;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , serif;
	font-size:10px;
	letter-spacing:0;
}
.active{
	background:url(../images753/common/menu_arrow.png) no-repeat center 42px;
}
h1{
	padding:0.2em 0 0 0.5em;
	position: fixed;
	z-index: 9999;
}
h1 img{
	width:80%;
}
.content_tit{
	margin: 0 auto 3em;
	width: 280px;
	text-align:center;
}
h2{
	margin:0 auto;
	padding-bottom:10px;
}
h2.small_tit{
	margin-bottom:0;
	font-size:14px;
	font-weight:bold;
	border:none;
}
h3{
	letter-spacing:1px;
	color:#323232;
	font-size: 15px;
	font-weight: bold;
}
.read{
	margin: 3em auto 0;
	padding: 2em auto;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}
.small{
	font-size:10px;
}
section ul{
	margin:3em 0;
}
.en,
#center_menu .en{
	display:block;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
}
.ruby_jp{
	display:block;
	margin-top:0.5em;
	font-size:9px;
	letter-spacing:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	opacity: 0;
}
a:hover .ruby_jp{
	opacity: 1;
	-webkit-transition: All 0.25s ease-out;
	-moz-transition: All 0.25s ease-out;
	-o-transition: All 0.25s ease-out;
	-ms-transition: All 0.25s ease-out;
	transition: All 0.25s ease-out;
}
#sp_menu .ruby_jp,
#center_menu .ruby_jp{
	opacity: 1;
}
#center_menu li{
	color: rgba(0,0,0,1.00);
}
#center_menu li:hover{
	opacity: 0.6;
	-webkit-transition: All 0.25s ease-out;
	-moz-transition: All 0.25s ease-out;
	-o-transition: All 0.25s ease-out;
	-ms-transition: All 0.25s ease-out;
	transition: All 0.25s ease-out;
}
#backtop{
	margin:0 auto;
	width:400px;
	text-align:center;
	border:1px solid #7f7f7f;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
#backtop:hover{
	border:1px solid #7f7f7f;
	background:#7f7f7f;
	/*Transition*/
	-webkit-transition: All 0.25s ease-out;
	-moz-transition: All 0.25s ease-out;
	-o-transition: All 0.25s ease-out;
	-ms-transition: All 0.25s ease-out;
	transition: All 0.25s ease-out;
}
#backtop a{
	display:block;
	padding:1em;
	color:#7F7F7F;
	text-decoration:none;
}
#backtop a:hover{
	color:#ffffff;
}
.btn{
	margin:0 auto;
	text-align:center;
	color:#7f7f7f;
	border:1px solid #7f7f7f;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
.btn:hover{
	border:1px solid #7f7f7f;
	background:#7f7f7f;
	/*Transition*/
	-webkit-transition: All 0.25s ease-out;
	-moz-transition: All 0.25s ease-out;
	-o-transition: All 0.25s ease-out;
	-ms-transition: All 0.25s ease-out;
	transition: All 0.25s ease-out;
}
.btn a{
	display:block;
	padding:1em;
	color:#000000;
	text-decoration:none;
}
.btn a:hover{
	color:#ffffff;
}
a,a:active{
	color:#000000;
	text-decoration:underline;
}
.btn_pdf{
	margin:2em auto;
	width:400px;
}
.link_btn{
	margin:0 auto;
	width:85%;
	text-align:center;
}
.trans_hover:hover{
	opacity:0.8;
}

#movie_ico{
	position: fixed;
	right: 10px;
	bottom:-20px;
	width: 84px;
	z-index: 1;
}
#mainvisual{
	position:relative;
	margin:0 auto;
	padding: 0;
	width:100%;
	min-height: 800px;
}
#top_boy{
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	-webkit-animation: boyslideIn 2s ease 0s 1 normal none running;
  animation: boyslideIn 2s ease 0s 1 normal none running;
}

#top_girl{
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
	-webkit-animation: girlslideIn 2s ease 0s 1 normal none running;
  animation: girlslideIn 2s ease 0s 1 normal none running;
}
@-webkit-keyframes boyslideIn {
  0% {
    left: -50%;
  }
	20%{
		left: 0;
	}
  100% {
    left: 0;
  }
}

@keyframes boyslideIn {
  0% {
    left: -50%;
  }
	85%{
		left: 0;
	}
  100% {
    left: 0;
  }
}

@-webkit-keyframes girlslideIn {
  0% {
    right: -50%;
  }
	20%{
		right: 0;
	}
  100% {
    right: 0;
  }
}

@keyframes girlslideIn {
  0% {
    right: -50%;
  }
	85%{
		right: 0;
	}
  100% {
    right: 0;
  }
}

#mainvisual #center_menu{
	margin: 0 auto;
	padding-top: 3em;
	width: 280px;
	height: 100%;
	background: rgba(255,255,255,0.60);
}
#mainvisual #center_menu .menu{
	margin: 0 auto;
	padding: 1em 0;
	width: 280px;
}
#mainvisual #center_menu .menu li{
	float: none;
}
#mainvisual #center_menu img{
	width: 280px;
}

#about{
	background: url(../images753/bg_dot.png) repeat;
}
#about .inner{
	width: 800px;
}
#about #about_cont01{
	position: relative;
	width: 50%;
	margin: 0 0 70px 0;
	padding: 40px 190px 10px 40px;
	border: 1px solid #999999;
}
#about .content #about_img01{
	position: absolute;
	top: -30px;
	right: -150px;
}
#about #about_cont02{
	position: relative;
	width: 50%;
	margin: 0 0 70px 150px;
	padding: 40px 40px 10px 190px;
	border: 1px solid #999999;
}
#about .content #about_img02{
	position: absolute;
	top: -30px;
	left: -150px;
}
#about .content .sentence{
	margin-bottom:30px;
}
#about .content .sentence p{
	margin-bottom: 20px;
}

#hayadori{
	position: relative;
	display:table;
	width: 95%;
	padding:20px 0px 20px 20px;
	border: 1px solid #999999;
}
#hayadori h3{
	position: absolute;
	top: -15px;
	left: 50px;
	background: #ffffff;
}
#hayadori dl{
	display: table-cell;
	padding: 1em;
}
#hayadori dl dt{
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: bold;
}
#hayadori dl dd{

}

#campaign{
	padding-top: 1em;
	width: 100%;
	background: url(../images753/campaign_img.jpg) no-repeat;
	background-size: cover;
}
#campaign .campaign_contents{
	width: 30%;
	top: 0;
	right: 0;
	bottom:0;
	left:0;
	margin: 0 auto;
	text-align: center;
	color: #ffffff;
}
#campaign .campaign_tit{
	font-size:22px;
}
#campaign .uline{
	display: block;
	margin: 10px auto 20px;
	width: 30px;
	height: 3px;
	background: #ffffff;
}
#campaign a{
	text-decoration: underline;
}
#campaign a:hover{
	text-decoration: none;
}

#kodawari_area{
	margin: 0 auto;
	width: 60%;
}
.kodawari_contents{
	margin: 3em auto 4em;
}
.ex_tit{
	margin: 1em 0;
	font-size:22px;
	text-align: center;
	line-height: 1.4;
}
.ex_sentence{
	margin-bottom: 1em;
}

#gallery .inner{
	margin: 0 auto;
	width: 800px;
}
#gallery .slide_thumb{
	position: relative;
	float: left;
	padding: 1%;
	width: 48%;
}
.thumb_hover{
	width: 96%;
	height: 90%;
	position: absolute;
	background:rgba(0,0,0,0.50);
	top:2%;
	left:2%;
	opacity: 0;
	-webkit-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	transition: opacity .3s linear;
	filter: alpha(opacity=0);
}
.thumb_hover:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
a:hover img {
	opacity: .8;
	filter: alpha(opacity=80);
}


#plan{
	margin-bottom: 0;
	background: #E8EAEC;
}
.plan_contents,
.plan_unemu_contents{
	position: relative;
	margin: 5em auto;
	padding: 15px;
	background: #ffffff;
	border: 1px solid #7A7A7A;
}
#plan_unemu01{
	float: left;
	width: 46%;
}
#plan_unemu02{
	float: right;
	width: 46%;
}
.plan_no{
	position: absolute;
	top: -35px;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0 auto;
	padding: 6px 6px;
	width: 56px;
	height: 56px;
	background: #2E2E2E;
	border-radius: 50%;
}
.plan_unemu_no{
	position: absolute;
	top: -35px;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0 auto;
	padding: 20px 6px 0;
	width: 56px;
	height: 50px;
	background: #808080;
	border-radius: 50%;
}
.plan_tit{
	padding: 2em 0 1em;
	text-align: center;
	border-bottom: 1px solid #7A7A7A;
	font-size: 22px;
}
.plan_img.half{
	float:left;
	width: 49%;
}
#half_first{
	border-right: 1px solid #7A7A7A;
}
.plan_img{
	margin: 0 auto;
	width: 50%;
}
.plan_unemu_contents .plan_img{
	width: 100%;
}
#from_unemu{
	width: 100%;
	height: 16px;
	background: url(../images753/from_unemu_bg.png) repeat left center;
}
	#unemu_text{
		display: block;
		margin: 0 auto;
		text-align: center;
	}
#unemu_text_inner{
	padding: 0 10px;
	background: #E8EAEC;
}

#plan_family{
	margin-top: 0;
	background: #E8EAEC;
}
#plan_family .inner{
	margin: 0 auto;
	width: 460px;
}
#plan_family_img{
	margin: 0;
	padding: 0;
	width:100%;
	height: 100%;
	min-height:680px;
	background:url(../images753/family_photo.jpg) no-repeat;
	background-size:cover;
}
.family_plan_contents{
	margin: 2em auto;
	padding: 20px;
	border: 1px solid #7A7A7A;
	background: #ffffff;
}
.family_plan_contents .plan_tit{
	margin-bottom: 20px;
	padding: 0 0 10px;
}
.family_plan_contents .plan_img{
	width: 100%;
}

#price_read{
	width:100%;
	height:100px;
	background:url(../images753/price_read.png) no-repeat center top;
	text-indent:-9999px;
}
#album .inner{
	margin: 2em auto;
}

#album .leftcont,
#album .rightcont{
	padding: 1%;
	width: 46%;
	border: 1px solid #7A7A7A;
}

#menubtn{
	display: none;
}

/* ---------- PC style ---------- */
@media (min-width:769px){
img{
	width:100%;
}
#slider{
	width:800px;
}
}



/* ---------- Smartphone style ---------- */
@media (max-width:640px){
	#menubtn{
		display: block;
	}
	h1{
	margin:0.2em 0;
}
	h2{
		margin-top: 1em;
	}
img{
	width:100%;
}
#map_area img{
	width:auto;
}
section{
	clear:both;
	margin:3em auto;
}
.sub #header{
	position: inherit;
    top: 0;
    left: 0;
	height:auto;
	z-index:1000;
	border-bottom:none;
	color: #000000;
}
.read{
	font-size:18px;
}
.ruby_jp{
	display:block;
	margin-top:0.2em;
	font-size:7px;
	letter-spacing:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	opacity: 0;
}
#backtop{
	width:85%;
}

#mainvisual{
	height: 620px;
	min-height:inherit;
}
#top_boy{
	padding-top: 2em;
	width: 51%;
	top: auto;
	bottom:0;
}

#top_girl{
	padding-top: 2em;
	width:51%;
	top: auto;
	bottom:0;
}

#mainvisual #center_menu{
	margin: 0 auto;
	padding-top: 1em;
	width: 40%;
	height: 100%;
	background: rgba(255,255,255,0.60);
}
#mainvisual #center_menu .menu{
	margin: 0 auto;
	padding: 2em 0 1em;
	width: 100%;
}
#mainvisual #center_menu .menu li{
	float: none;
	margin-bottom: 0px;
	padding: 0;
	height: 48px;
}
#mainvisual #center_menu img{
	width: 100%;
}

#about{
	margin: 0 auto;
	padding-top: 4em;
}
#about .inner{
	width: 100%;
}
#about #about_cont01,
#about #about_cont02{
	position:inherit;
	width: 90%;
	margin: 0 auto;
	padding: 0;
	border: none;
}
#about .content #about_img01,
#about .content #about_img02{
	position: inherit;
	top: auto;
	right: auto;
	margin-bottom:30px;
}

#hayadori{
	position: inherit;
	display:block;
	padding:20px;
	border: none;
}
#hayadori h3{
	position: inherit;
	top: auto;
	left: auto;
	padding: 20px 0;
	background: transparent;
	width: 90%;
	text-align: center;
}
#hayadori dl{
	display: inherit;
	padding: 1em;
}

#campaign{
	margin: 0 auto;
	padding-top:3em;
	width: 100%;
	background: url(../images753/sp_campaign_img.jpg) no-repeat;
	background-size: cover;
}
#campaign .campaign_contents{
	width: 90%;
	top: 0;
	right: 0;
	bottom:0;
	left:0;
	margin: 0 auto;
	text-align: center;
	color: #ffffff;
}

#kodawari_area{
	margin: 0 auto;
	width: 100%;
}
.ex_tit{
	font-size:18px;
}

#gallery .inner{
	margin: 0 auto;
	width: 100%;
}
#gallery .slide_thumb{
	position: relative;
	float: none;
	margin:0 auto;
	padding: 1%;
	width: 90%;
}

#plan{
	padding-top: 4em;
}
#plan_unemu01{
	float: none;
	width: 90%;
}
#plan_unemu02{
	float: none;
	width: 90%;
}
.plan_tit{
	border-bottom: 1px solid #7A7A7A;
	font-size: 16px;
	font-weight: bold;
}
.plan_img.half{
	float:none;
	width: 100%;
}
#half_first{
	padding-bottom:5px;
	border-right: none;
	border-bottom: 1px solid #7A7A7A;
}
.plan_img{
	margin: 0 auto;
	width: 100%;
}


#plan_family{
	padding-top: 4em;
}
#plan_family .inner{
	margin: 0 auto;
	width: 80%;
}
#plan_family_img{
	margin: 0 auto;
	padding: 0;
	height: auto;
	min-height:280px;
	background-position: center center;
	background-size: cover;
}

#album .leftcont,
#album .rightcont{
	margin: 0 auto 2em;
	padding: 1%;
	width: 90%;
	border: 1px solid #7A7A7A;
}


#map_read{
	height:140px;
	background:url(../images753/sp_map_read.png) no-repeat center top;
	background-size:contain;
}

}

@media (max-width:320px){
.ex_tit{
	margin: 1em 0;
	font-size:16px;
	text-align: center;
	line-height: 1.4;
}
}


.drawer a{
	text-decoration:none;
	color:inherit;
}
.drawer-hamburger{
	display: block;
	width: 36px;
	height: 40px;
	padding: 6px 6px 4px 6px;
	border: 1px solid #7A7A7A;
	background: #ffffff;
	z-index: 999;
}
.drawer_text{
	display: block;
	margin-top: 12px;
}

/*----modal----*/
.modal-content {
	width: 100% ;
	margin: 0 auto ;
	padding: 60px ;
	position: fixed ;
	display: none ;
	z-index: 1001 ;
}

#modal-overlay {
	z-index: 1000 ;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 100% ;
	background-color: rgba( 0,0,0, 0.75 ) ;
}

.button-link {
	display: block;
	margin-bottom: 20px;
	color: #ffffff ;
	text-decoration: underline ;
	z-index: 9999;
}

.button-link:hover {
	cursor: pointer ;
	color: #f00 ;
}

#modal-close{
	position: fixed;
	top: 0;
	right: 0;
	display: block;
	width: 80px;
	height: 80px;
	background: #ffffff;
}
.icon5:before,.icon5:after{
  display: block;
  content: '';
  width: 2px;
  height: 50px;
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background-color: #666666;
  border-radius: 0;
  position: absolute;
  top: 15px;
  left: 41px;
}
.icon5:after{
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.modal-content iframe{
	width: 100%;
	height: 640px;
}
#modal-content-05{
	margin: 0 auto;
	width: 70%;
}
@media (max-width:640px){
	.modal-content{
		padding-top:140px;
	}
	#modal-content-05{
	margin: 0 auto;
	width: 100%;
	}
}



.mainvisual01 {
	width: 100vw;
	height: 100vh;
	background: url("../images753/pic_index01.jpg") no-repeat 40% 0;
	background-size: cover;
	position: relative;
}

@media screen and (max-width:1000px) {
	.mainvisual01 {
		background: url("../images753/pic_index01.jpg") no-repeat 60% 100%;
		background-size: cover;
	}
}

@media screen and (max-width:640px) {
	#mainvisual.mainvisual01 {
		height: 100vh;
		background: url("../images753/pic_index01_sp.jpg") no-repeat center bottom;
		background-size: cover;
	}
}

.mainvisual01 h2 {
	width: 288px;
	position: absolute;
	left: 30px;
	bottom: 30px;
}

@media screen and (max-width:640px) {
	.mainvisual01 h2 {
		width: 240px;
		margin: 0 auto;
		left: 0;
		right: 0;
	}
}

.gallery01 .btn01 {
	width: 960px;
	margin: 0 auto 50px;
}

@media screen and (max-width:640px) {
	.gallery01 .btn01 {
		width: 90%;
		margin-bottom: 30px;
	}
}

@media screen and (min-width:641px) {
	.spOnly {
		display: none;
	}
}

@media screen and (max-width:640px) {
	.pcOnly {
		display: none;
	}
}

.clearfix01:after {
	content: "";
	clear: both;
	display: block;
}

.movieArea01 {
	width: 960px;
	margin: 0 auto 40px;
}

@media screen and (max-width:640px) {
	.movieArea01 {
		width: 90%;
		margin-bottom: 0;
	}
}

.movieArea01 iframe {
	margin: 0 auto;
	width:100%;
	height: 500px;
}

@media screen and (max-width:640px) {
	.movieArea01 iframe {
		height: 300px;
	}

	.movieArea01 p {
		margin-top: 5px;
		text-align: center;
	}
}

@media screen and (max-width:400px) {
	.movieArea01 iframe {
		height: 180px;
	}
}

@media screen and (max-width:360px) {
	.movieArea01 iframe {
		height: 152px;
	}
}