@charset "utf-8";
/* スライダー全体 */
.slider{
  position: absolute;
  top: 85px;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: calc(100vh - 85px);
  background-color: #fff;
}
/* スライダー画像 */
.slider .image{
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
/* ①スライド画像 表示する画像を定義 */
.slider .image:nth-of-type(1){
  background-image: url(../image/slid01_pc.jpg);
}
.slider .image:nth-of-type(2){
  animation-delay: 5s;
  background-image: url(../image/slid02_pc.jpg);
}
/*.slider .image:nth-of-type(3){
  animation-delay: 10s;
  background-image: url(image/slid03_pc.jpg);
}*/
@media screen and ( max-width:991px ) {
.slider .image:nth-of-type(2){
  animation-delay: 5s;
  background-image: url(../image/slid02_tb.jpg);
}
}
@media screen and ( max-width:767px ) {
.slider .image:nth-of-type(1){
  background-image: url(../image/slid01_sp.jpg);
}
.slider .image:nth-of-type(2){
  animation-delay: 5s;
  background-image: url(../image/slid02_sp.jpg);
  background-position: bottom right 50%;
}
}
/* ②アニメーション設定 animation-durationのみ変更 */
.slider .image{
  animation-name: anime;
  animation-delay: 0;
  animation-iteration-count: infinite;
  animation-duration: 10s;  /* ①で設定したanimation-delayを合計を挿入 */
}
/* アニメーション定義 */
@keyframes anime {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
/*    transform: scale(1.18);*/
  }
}
/*------*/
@media screen and ( max-width:767px ) {
.slider{
  top: 75px;
  height: calc(100vh - 75px);
}
}
/*--SPスライダー上　予約ボタン--*/
.hero .yoyakubtn-t {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
	-ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    background-color: #5087b4;
	display: none;
	}
.hero .yoyakubtn-t a {
		display: block;
		color: #f3f1eb;
		padding: 20px 15px;
	}
@media screen and ( max-width:1080px ) {
.hero .yoyakubtn-t {
	display: block;	
}
}
/*--//SPスライダー上　予約ボタン--*/
/*---------------------------
　　　　　　　　本文
---------------------------*/
.top-wrap {
	padding-top: 100vh;
	text-align: center;
}
section {
	width: 1100px;
	max-width: calc(100% - 40px);
	margin: 0 auto;
	padding: 90px 0 70px;
}
h2 {
	font-size: 30px;
	font-family: 'Cormorant Garamond', serif;
	color: #5087b4;
	margin-bottom: 60px;
}
section p {
	line-height: 2;
}
.btn-s a {
	font-family: 'Cormorant Garamond', serif;
    font-size: 26px;
	color: #5087b4;
	display: block;
	border: 1px solid #5087b4;
	border-radius: 30px;
	line-height: 2;
	transition: 0.3s;
	width: 250px;
	max-width: 50%;
    height: 60px;
	margin: 60px auto 0;
}
.btn-s a:hover {
	color: #a0a9b8;
	border: 1px solid #a0a9b8;
}
.image-block {
    width: calc(100% - 70px);
    height: 325px;
    background-repeat: no-repeat;
    background-size: cover;
	background-position: center center;
}
@media screen and ( max-width:767px ) {
.image-block {
	width: 100%;
}
}
/*--それぞれのイメージ--*/
.img_con {
    background-image: url("../image/top-image01_pc.jpg");
}
.img_info {
    background-image: url("../image/top-image02_pc.jpg");
}
.img_instructor {
    background-image: url("../image/top-image03_pc.jpg");
}
/*----*/
@media screen and ( max-width:991px ) {
.image-block {
	height: 250px;
}
/*----*/
.img_con {
    background-image: url("../image/top-image01_sp.jpg");
}
.img_info {
    background-image: url("../image/top-image02_sp.jpg");
}
.img_instructor {
    background-image: url("../image/top-image03_sp.jpg");
}
/*--//それぞれのイメージ--*/
}/*max-width:991px*/
@media screen and ( max-width:480px ) {
section {
	padding: 60px 0 60px;
}
h2 {
	margin-bottom: 40px;
}
.btn-s a {
	margin: 40px auto 0;
}
.image-block {
	height: 200px;
}
}/*max-width:480px*/
/*--インフォ２段組--*/
.block2r {
	text-align: left;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.block2r > div {
	margin: 60px 60px 0;
}
@media screen and ( max-width:991px ) {
.block2r > div {
	width: 100%;
	margin: 60px 0 0;
	text-align: center;
}
}
/*--グーグルマップ--*/
.gmap {
	width: calc(100% - 70px);
}
@media screen and ( max-width:767px ) {
.gmap {
	width: 100%;
}
}
/*--//グーグルマップ--*/
/*--インストラクター写真--*/
.ph-instructor {
    width: 200px;
    margin: 60px auto;	
}
.ph-instructor img {
	border-radius: 100px;
	width: 100%;
}
/*--//インストラクター写真--*/
/*--インスタブロックのボタン--*/
.top_insta_btn a {
    font-size: 40px;
	color: #5087b4;
	display: block;
	border: 1px solid #5087b4;
	width: 80px;
    height: 80px;
	border-radius: 40px;
	line-height: 1;
	transition: 0.3s;
	margin: 60px auto 0px;
	padding-top: 17px;
}
.top_insta_btn a:hover {
	color: #a0a9b8;
	border: 1px solid #a0a9b8;
}
/*--//インスタブロックのボタン--*/