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


/* ここからトップページ共通の設定 */
html {
    font-size: 2vw;
	width:100%;
}
body, td, th, input, textarea, dt, dd, ul, div, li, a, p {
    font-size: 1.35rem;
    line-height: 1.8;
    letter-spacing: .1rem;
	font-weight: normal;
}
.concept .main_concept1 .wrap .txt p,
.concept .main_concept2 .wrap .txt p,
.concept .main_concept3 .txt p,
.main_menu .main_menu_nav p.main_menu_nav_lead,
.main_menu_nav_list li a .txt p,
#top .main_access_wrap .main_access_nav p,
#top .access_slick_list .access_slick-slide .txt p,
#top .c-inr .main_map_info .txt p {
    margin-top: -.5rem;
	font-size: 1.7rem;
	line-height: 3.3rem;
	letter-spacing: .1rem;
}
/* ここまでトップページ共通の設定 */
/* ここからローディング設定 */
#top .loading_logo {
	left: 4%;
}
#top .maximg-loading {
	width:40%;
}
#top .maxtitle-loading {
	width:40%;
}
/* ここまでローディング設定 */
/* ここからfixedのタイトル */
#top .header {
    align-items: center;
	display:block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 102;
    height: 9rem;
}
.max950-color{
    background: #fff;
}
#top .header .header_sitett {
	width:55%;
	top:1.5rem;
	left:1rem;
	vertical-align: middle;
	z-index:999;
	display:block;
}
#top .header .header_sitett a {
	width:100%;
	height:9rem;
}
/* ここまでfixedのタイトル */
/* ここからfixedの予約ボタン */
#top .header .header_re {
	width:9rem;
    top: 0rem;
    right: 9rem;
}
#top .header .header_re a {
    width: 9rem;
    height: 9rem;
    writing-mode: horizontal-tb;
}
#top .header .header_re a span {
    display: none;
}
#top .header .header_re a::after {
    font-family: "FOT-筑紫Aオールド明朝 Pr6 D","TsukuAOldMinPr6-D",serif;
    font-size: 1.7rem;
    content: "ご予約";
    color: #fff;
	padding-top:4.5rem;
}
/* ここまでfixedの予約ボタン */
/* ここからfixedのメニューボタン */
#top .header #nav-toggle {
    background: rgba(0,0,0,0);
    top: 2rem;
    right: 0;
    width: 9rem;
    height: 9rem;
	align-items:center;
}
.header #nav-toggle .nav-button {
    width: 50%;
	height:50%;
	margin:0 auto;
}
.header #nav-toggle .nav-toggle-txt {
    font-size: 2.5rem;
}
.header #nav-toggle.nav-toggle-active span:nth-of-type(1) {
    top: 13px;
    left: 25px;
    width: 50%;
	opacity:1;
}
.header #nav-toggle.nav-toggle-active span:nth-of-type(2){
    top: 25px;
    left: 25px;
    width: 50%;
	opacity:1;
}
.nav-lead-text {
    display: none;
}

/* ここまでfixedのメニューボタン */
/* ここからfixedのスライドメニュー */
.header_menu nav {
	left:0;
    max-width: 100%;
}
.header_menu nav::after {
	width: 7rem;
	height: 7rem;
	background: url(../imgs/daikoku.png) no-repeat center center / 60px auto;
	background-size: auto 100%;
	display: block;
	content: "";
    position: absolute;
    bottom: -5rem;
    right: 10%;
	animation: daikokumove2 5s ease-in-out infinite;
}
@keyframes daikokumove2 {
	0%, 70%, 75%, 80% { transform: scale(1, 1.0); }
	72.5%, 77.5% { transform: scale(1, 0.95); }
}
.header_menu nav .header_menu_logo {
    display: none;
}
/* (スライドメニューの右側 リスト↓) */
.header_menu nav .header_menu_inr{
	padding:30% 8%;
}
.header_menu nav .header_menu_inr .main_nav {
    padding-top: 3rem;
}
.header_menu nav .header_menu_inr .main_nav li {
	height:7rem;
}
#top .header_menu nav .header_menu_inr .main_nav li+li {
	margin-top: 1.5rem;
}
.header_menu nav .header_menu_inr .main_nav li a {
    font-size: 2.3rem;
}
/* (スライドメニューの右側 リスト↑) */
/* (スライドメニューの右側 予約、電話＆住所↓) */
#top .header_menu_inr .main_nav li.reservation a {
    padding: 1.5rem 0;
    margin-top:3rem;
}
.header_menu nav .header_menu_inr .info {
	margin-top:10rem;
}
.header_menu_inr .info .item a.phone {
    font-size:3rem;
    line-height: 1;
}
.header_menu_inr .info .item a.phone em {
    font-size: 2rem;
}
.header_menu nav .header_menu_inr .info .item+.item {
    margin-top: 3rem;
}
.header_menu nav .header_menu_inr .info .item .st {
    font-size: 2.2rem;
}
.header_menu nav .header_menu_inr .info .item p {
    font-size: 1.6rem;
	padding-top:0.3rem;
}
/* ここまでfixedのスライドメニュー */
/* ここからheaderのスライドショー */
#wrapper .main_slide_wrap {
    height: 100vh;
}
#top .main_logo {
    /*display: none;*/
		width: 90%;
}
.main_slide .slick-slider　{
	left: 1.5rem;
}
.main_slide .slick-slider .slick-dots {
    text-align: left;
}
#top .main_slick_track .slick-list .slick-track{
	width:100%;
	height: 100vh;
}
.main_slide_wrap .main_slick_slide:nth-child(1) { background-image: url(../imgs/yakushima2.jpg); background-size: cover; }
.main_slide_wrap .main_slick_slide:nth-child(2) { background-image: url(../imgs/yakushima2.jpg); background-size: cover; }
.main_slide_wrap .main_slick_slide:nth-child(3) { background-image: url(../imgs/fuji.jpg); background-size: cover; }
.main_slide_wrap .main_slick_slide:nth-child(4) { background-image: url(../imgs/fuji2.jpg); background-size: cover; }

#wrapper .main_slide_wrap .main_copy {
    font-size: 2.5rem;
    top: 85%;
    left: 1.5rem;
}
#top .main_slide_wrap_scroll {
    right: -5rem;
}
/* ここまでheaderのスライドショー */
/* ここからコンセプト部分 */
#top #wrapper .concept {
    margin-top: 12rem;
}
#top #wrapper .main_concept1 {
    width: 85%;
    max-width: 85%;
}
/* (コンセプトのタイトル↓) */
#wrapper .main_concept_tt {
    transform: none;
    position: relative;
    display: block;
    top: 0;
}
.main_concept1 .s-tt {
    margin-bottom: 4rem;
}
#top #wrapper .s-tt span.en {
    font-size: 5.3rem;
}
#top #wrapper .s-tt span.jp {
    font-size: 1.9rem;
	margin:1rem 0;
}
/* (コンセプトのタイトル↑) */
/* (コンセプトの画像1-1↓) */
#top .main_concept1 .wrap {
    padding-left: 0;
    flex-wrap: wrap;
}
#top .main_concept1 .wrap .img {
    width: 100%;
    height: 33rem;
	margin-top:4rem;
    background: url(../imgs/concept_img1-1henkou.jpg) 0 center no-repeat;
    background-size: cover;
}
#top .main_concept1 .wrap .img img {
    display: none;
}
#top .main_concept1 .wrap .img::after {
    font-size: 1.6rem;
    top: -5rem;
    right: 1.5rem;
    bottom: inherit;
    left: inherit;
    white-space: pre;
    content: "It is important that\a you believe in yourself!";
    text-align: right;
}
/* (コンセプト１の画像 左側 ↑) */
/* (コンセプト１の文章など右側 ↓) */
#top .main_concept1 .wrap .txt::before {
    top: -4rem;
    right: 1rem;
    width: 10rem;
    height: 10rem;
}
#top .main_concept1 .wrap .txt {
    width: 100%;
    padding: 0;
    margin-top: 5.5rem;
}
#c_tt_lv1 {
    margin-bottom: 3rem;
}
#c_tt_lv1 span {
    font-size: 3.2rem;
}
/* (コンセプト１の文章など右側 ↑) */
/* (コンセプト２の文章 左側 ↓) */
#top .main_concept2 {
    margin: 11rem auto 0;
    width: 86%;
    max-width: 86%;
}
#top .main_concept2 .wrap {
    flex-wrap: wrap;
}
#top .main_concept2 .wrap .txt {
    order: 2;
    width: 100%;
    max-width: 100%;
    padding: 9rem 0 0;
}
.conceptFadein2 #c_tt_lv1 span br{
	display:none;
}
.main_concept2 .i1.conceptFadein2.flex{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.main_concept2 .i1.conceptFadein2.flex img{
    width: 100%;
    height: auto;
}
/* (コンセプト２の文章 左側 ↑) */
/* (コンセプト２の画像など右側 ↓) */
#top .main_concept2 .wrap .img {
    width: 100%;
    order: 1;
}
#top .main_concept2 .wrap .img .i1 {
    width: 100%;
}
#top .main_concept2 .wrap .img .i1::before {
	top: -5rem;
    left: 3rem;
	width:13rem;
	height:13rem;
    transform: scale(-1, 1);
}
#top .main_concept2 .wrap .img .i2 {
    position: relative;
    left: 0;
    margin: -4rem 0 0 50%;
    z-index: 2;
}
#top .main_concept2 .wrap .img .i2::after {
    top: 1rem;
    right: 160%;
    margin-top: 16rem;
	font-size:1.7rem;
}
/* (コンセプト２の画像など右側 ↑) */
/* (コンセプト２の画像３枚目 ↓) */
#top .main_concept2 .img2 {
    width: 100%;
    margin-left: 0;
}
#top .main_concept2 .img2 {
    margin-top: 12rem;
}
#top .main_concept2 .img2::before {
    top: -6rem;
    left: 70%;
    width: 13rem;
    height: 13rem;
}
/* (コンセプト２の画像など右側 ↑) */
/* (コンセプト３ ↓) */
#top .main_concept3 {
    margin-top: 8rem;
	padding: 0 5rem;
}
#c_tt_lv1 br.sp {
    display: block;
}
#top br.pc {
    display: none;
}
#top .main_concept3_link {
    margin-top: 3rem;
}
#top .main_concept3_link  {
    line-height: 2;
	font-size:1.5rem;
}
#top .main_concept3_link span {
    line-height: 2;
    padding-right: 3rem;
}
#top .main_concept3_link span::after {
	position: absolute;
	top:-0.5rem;
    right: 0rem;
    font-size: 2rem;
}
/* ここまでコンセプト部分 */
/* ここから中央のイラスト部分 */
#top .center_illust {
	width:100%;
    height: auto;
    margin: 15rem 0;
}
/* ここまで中央のイラスト部分 */
/* ここからメニュー部分 */
#top .main_menu {
    margin-top: 10rem;
}
#top .c-inr {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}
#top .main_menu_nav_tt {
    text-align: center;
    margin-bottom: 4rem;
}
#top .main_menu_nav_list{
	display:flex;
	flex-direction:column;
	align-items: center;
}
#top .main_menu_nav_list li {
	width: 80%;
    max-width: 80%;
    margin: 5rem 15rem;
}
#top .main_menu_nav_list li a .txt .tt{
	margin-top:4rem;
	margin-bottom:2.7rem;
	font-size:2.2rem;
}
#top .main_menu_nav_list li a .txt p{
	line-height:3.2rem;
	margin-bottom:3rem;
}
/* ここまでメニュー部分 */
/* ここからslickのアクセス部分 */
#top .main_access_wrap {
    width: 100%;
    padding: 11rem 0 8rem;
    margin: 13rem 0 0;
    box-sizing: border-box;
    position: relative;
}
#top .main_access_wrap::before {
    top: -5rem;
    height: 7rem;
}
#top .main_access_wrap::after {
	bottom: -5rem;
    height: 7rem;
}
/* (アクセスのタイトル ↓) */
#top .c-inr {
    width: 100%;
    max-width: 100%;
    padding: 0 4rem;
    box-sizing: border-box;
}
#top #wrapper .main_access_nav_tt {
    text-align: center;
    margin-bottom: 5rem;
}
/* (アクセスのタイトル ↑) */
/* (アクセスのslick部分 ↓) */
#top .access_slick_list {
    margin-top: 3rem;
    margin-left: -2rem;
    margin-right: -2rem;
}
#top .access_slick_list li {
    max-width: 100%;
    margin: 0 1.5rem;
	padding: 1.3rem;
}
#top #wrapper .access_slick-slide {
	height: 55rem;
}
/* (アクセスのslick部分 ↑) */
/* (slickのテキスト ↓) */
#top #wrapper .access_slick-slide .txt {
	padding: 4rem 2.5rem;
}
#top .access_slick_list li .txt h4.tt{
	font-size:2rem;
	margin-bottom:2rem;
}
/* (slickのテキスト ↑) */
/* (slickのドット設定 ↓) */
#top .access_slick_list .slick-dots{
	bottom: 1rem;
	right: -9rem;
}
#top .access_slick_list .slick-dots li {
	margin:0;
	padding: 0 0.5rem;
}
#top .access_slick_list .slick-dots li button:before {
	font-size:1.2rem;
}
/* (slickのドット設定 ↑) */
/* (slickの矢印設定 ↓) */
#top .access_slick_list .slick-arrow::before {
    font-size: 4rem;
}
#top #wrapper .access_slick_list .slick-prev {
	transform: scale(-1, 1);
	left: 5rem;
	top: 92%;
}
#top #wrapper .access_slick_list .slick-next {
	left: 5rem;
	top: 94%;
}
/* ここまでslickのアクセス部分 */
/* ここからGoogleマップのアクセス部分 */
#top .main_map {
	position:relative;
	width:100%;
    height: 0;
	padding-top:20%;
}
#top .main_map iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#top #wrapper .main_map_info .tt {
	margin:1rem 0 3rem;
}
#top #wrapper .main_map_info .txt {
    max-width: 100%;
}
#top #wrapper .main_map_info .txt p.map_txt {
	margin-bottom:4rem;
}
#top #wrapper .main_map_info .txt .info {
    margin: 2.8rem 0;
    flex-wrap: wrap;
}
#top #wrapper .main_map_info .txt .info .item {
    width: 100%;
	padding-left:1.3rem;
}
#top #wrapper .main_map_info .txt .info .item+.item {
    margin-top: 2rem;
    margin-left: 0;
}
#top #wrapper .main_map_info .txt .info .item .st {
    margin-bottom: 1rem;
	font-size:2.2rem;
}
#top #wrapper .main_map_info .txt .info .item  p {
	letter-spacing: .1rem;
}
#top #wrapper .main_map_info .txt .info .item a {
	font-size:1.8rem;
	letter-spacing:.2rem;
}
#top .c-list_ans {
    font-size: 1.4rem;
    line-height: 1.5;
}
#top .c-list_ans li {
	font-size: 1.5rem;
}
#top .c-list_ans li+li {
    margin-top: 0.3rem;
}
/* ここまでGoogleマップのアクセス部分 */
/* ここからFooter部分 */
#top .footer {
    margin-top: 15rem;
}
#top .footer .pagetop {
    right: -2rem;
    bottom: 5rem;
}
#top .footer .pagetop a span {
	font-size: 2.2rem;
	font-weight: normal;
}
#top .footer .pagetop a span::before {
	top: 0.7rem;
	right: 8rem;
}
#top .footer_movie video{
    width: 100%;
    height: 120%;
}
#top .footer_inr {
    margin-top: 15rem;
    padding: 10rem 0;
	text-align:center;
}
#top .footer_inr::before {
    background-size: 101% auto;
    top: -4rem;
    left: -1%;
}
#top .footer_inr_logo img.footer-img1 {
    width: 15rem;
}
#top .footer_inr_logo img.footer-img2 {
    width: 100%;
}
#top .footer_inr_menu {
    margin-top: 5rem;
}
#top .footer_inr_menu li {
    display: block;
}
#top .footer_inr_menu li a {
	font-size:1.7rem;
}
#top .footer_inr_menu li+li {
    margin-top: 2.5rem;
    margin-left: 0;
}
#top .footer_inr_menu li.reservation {
    margin: 5rem 0 4rem;
}
#top .footer_inr_menu li.reservation a {
    padding: 1.5rem 7rem;
}
#top .footer_inr_tel {
	margin-top: 7rem;
}
#top .footer_inr_tel span.phone a{
	font-size: 2.3rem;
}
#top .footer_inr_tel span,
#top .footer_inr_address span {
	font-size: 1.6rem;
}
#top .footer_copyright {
	font-size: 1.3rem;
}
#top .footer_copyright::before {
    background-size: 101% auto;
    top: -1rem;
    left: -2%;
}
/* ここまでFooter部分 */

}