@charset 'utf-8';
/*	Cascading Style Sheets: style.css 5.2	*/
h2::after{display: none;}


/*ボタン*/
.BUTTONS_P{display: flex;width: 960px;flex-wrap: wrap;margin: 0 auto;align-content: flex-start;margin-bottom: 80px;justify-content: center;}
.BUTTONS_P .btn{position: relative;overflow: hidden;text-decoration: none;display: inline-block;border: 2px solid #555;text-align: center;outline: none;transition: ease .2s;width: 300px;text-align: center;margin: 10px;padding: 10px 0;box-shadow: 2px 2px 4px #ccc; border-radius: 0; background: #FFF;}
.BUTTONS_P .btn span {position: relative;z-index: 3;color:#333;font-size: 19px;letter-spacing: 2px;}
.BUTTONS_P .btn:hover span{color:#fff;}
.BUTTONS_P .bgskew::before {content: '';position: absolute;top: 0;left: -130%;background:#333;width:120%;height: 101%;transform: skewX(-25deg);}
.BUTTONS_P .bgskew:hover::before {animation: skewanime .5s forwards;}
@keyframes skewanime {100% {left:-10%;}}
.BUTTONS_P small{font-size: 13px;letter-spacing: 1px;display: inline-block;line-height: 15px;margin-top: 5px;}

.COMING{width: 300px;text-align: center;margin: 10px;padding: 10px 0;box-shadow: 2px 2px 4px #ccc;border: 2px solid #c7c7c7;}
.COMING span{font-size: 19px;letter-spacing: 2px;color: #c7c7c7;}

/*SPOT*/
.SPOT_WRAP { padding: 80px 0; }
.SPOT_ENG{font-size: 60px;letter-spacing: 8px;font-weight: 500;line-height: 41px;color: rgba(81, 78, 95, 0.23);}
.SPOT_MAIN{position: relative;}
.SPOT_MAIN_IMG{width: 1000px;}
.SPOT_MAIN_BOX{width: 400px; background: white;letter-spacing: 2px;padding: 50px;position: absolute;top: 17px;left: 55vw;}
.SPOT_MAIN_BOX_TYTLE{font-size: 17px;font-weight: 600;margin-bottom: 15px;}
.EDU_MAIN{float: right;margin-bottom: 50px;}
.EDU_BOX {left: -21vw;}

.SPOTS{width: 870px;display: flex;flex-wrap: wrap;margin: 0 auto;margin-top: 60px; }
.SPOT{margin: 10px; margin-bottom: 20px;}
.SPOT_IMG{width: 270px;margin-bottom: 15px;}
.SPOT_NAME{font-size: 16px;font-weight: bold;letter-spacing: 2px;}
.SPOT_MAIN_BOX_TEXT{text-align: justify;}

/*VOICE*/
.VOICE_WRAP{padding: 80px 0;}
.VOICE_WRAP.back_gray{ background: #BBBBBB;}
.TYTLE{text-align: center;}
.TYTLE_ENG{font-size: 65px;font-size: 61px;letter-spacing: 6px; font-weight: bold;}
.TYTLE_ENG.text_white { opacity: 0.5; }
.TYTLE_JAP{letter-spacing: 2px;font-size: 17px;width: 90vw; margin: 0 auto;}
.VOICE{background: white;width: 500px;padding: 40px 45px;letter-spacing: 2px;margin: 0 20px;margin: 25px 20px;border-radius: 35px;}
.VOICES{width: 1080px;margin: 0 auto;display: flex;flex-wrap: wrap;margin-top: 20px;}
.VOICE_COPY{font-size: 18px;font-weight: bold;margin-bottom: 15px;}
.VOICE_TEXT{border-bottom: 1px solid #ccc; padding-bottom: 20px;}
.VOICE_NAME{padding-top: 20px;}

/*ACCESS*/
.MAP iframe{width: 900px;margin: 0 auto;}
.MAP{margin-top: 60px;text-align: center;margin-bottom: 0px;}
.ACCESS_WRAP{width: 900px;margin: 0 auto;margin-top: 70px;margin-bottom: 70px;}
.ACCESS_TYTLE{position:relative;font-weight: bold;letter-spacing: 1px;font-size: 18px;margin-bottom: 10px;padding-left: 10px;padding-left: 20px; line-height: 30px;}
.ACCESS_TYTLE::before {content: "";display: inline-block;width: 5px;height: 24px;background-color: #161616;position: absolute;top: 4px;left: 0px;}
.ACCESS_BOX{padding: 40px 0;background: white;}
.ACCESS_BOX_IMG{width: 800px;margin: 0 auto;}
.ACCESS_BOX_IMG img {transform: translateX(-20px); height: auto;}
.ACCESS_DETAIL{margin-top: 10px;}

/*PC・SP*/
.pc{display: block;}
.sp{display: none;}




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


/*ボタン*/
.BUTTONS_P{width: 93vw;margin: 0 auto;margin-bottom: 70px;flex-wrap: wrap;justify-content: flex-start;}
.btn{margin: 1vw;width: 43vw;}
.BUTTONS small {font-size: 12px;letter-spacing: 1px;}
.BUTTONS_P .btn{ margin: 10px auto;}
/*SPOT*/
.SPOTS{width: 90vw;}
.SPOT_WRAP { padding: 40px 0; }
.SPOT_ENG {font-size: 50px;line-height: 32px;}
.SPOT_MAIN{position: initial;}
.SPOT_MAIN_IMG{width: 100vw;}
.SPOT_MAIN_BOX {width: 90vw;background: none;padding: 0px;position: initial;margin: 0 auto;margin-top: 30px;text-align: justify;}
.SPOT{margin: 0;margin-bottom: 30px;}
.SPOT_IMG{width: 90vw;}

/*VOICE*/
.TYTLE_ENG {font-size: 50px;}
.VOICES{width: 89vw;}
.VOICE{padding: 30px 8vw;margin: 15px 0;}
.VOICE_COPY {font-size: 17px;}
.VOICE_TEXT {padding-bottom: 10px;text-align: justify;}
.VOICE_NAME {padding-top: 10px;text-align: justify;}

/*ACCESS*/
.MAP { margin-top: 40px; }
.MAP iframe{width: 90vw;}
.VOICE_WRAP{padding: 40px 0 10px;}
.ACCESS_BOX{border: none;width: 90vw;padding: 5vw; margin: 0 5vw;}
.ACCESS_WRAP{margin-top: 40px; width: 100vw;}
.ACCESS_BOX_IMG{width: 80vw; margin: 5vw;}
.BT{border-top: 1px solid;padding-top: 70px;}
.ACCESS_TYTLE {width: 90vw; margin: 0 5vw 10px;}

/*PC・SP*/
.pc{display: none;}
.sp{display: block;}
#footer span.pc{display: none;}
#footer span.sp{display: block;}
#footer strong a{display: flex;justify-content: center;align-items: center;}
#footer strong a img{height: 24px;}


}