@charset "UTF-8";
/* CSS Document */


/*ブラウザのデフォルト設定を解除ここから*/
body{
    margin: 0;
    padding: 0;
	font-family: "Noto Sans JP", sans-serif;
/*    font-family: "遊ゴシック" , "ヒラギノ角ゴ ProN" , "メイリオ" , "MS Pゴシック" , sans-serif ;*/
}

p{
	margin: 0;
    padding: 0; 
	font-size: 1.6rem;
	color: rgb(90, 90, 90);
/*	font-family: "Noto Sans JP", sans-serif;*/
}

h1,h2,h3,h4,h5,h6{
	margin: 0;
    padding: 0; 
}

/*---------------------bootstrapのcssを一部追加----------------------*/

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 500;
}

h1, .h1 {
  font-size: 4rem;
}

h2, .h2 {
  font-size: 3.2rem;
}

h3, .h3 {
  font-size: 2.8rem;
}

h4, .h4 {
  font-size: 2.4rem;
}

h5, .h5 {
  font-size: 2rem;
}

h6, .h6 {
  font-size: 1.6rem;
}

/*---------------------------------------------------------------*/

ul{
    margin: 0;
    padding: 0;
	list-style: none;
}

td{
    margin: 0;
    padding: 0;
}

th{
    margin: 0;
    padding: 0;
}

/*
hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
*/

/*ブラウザのデフォルト設定を解除ここまで*/

*{
    box-sizing: border-box;
}


html{
	height: 100%;
	font-size: 62.5%;
	line-height: 1.5;
	scroll-behavior: smooth;
}

a {
    color: inherit;
    text-decoration: none;
    background-color: transparent;
    cursor: pointer; 
  }

a:hover {
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
  /*display: block;*/	
}


/*
a:hover {
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}
*/



/*画像のはみ出しをなくす*/
img{
	max-width: 100%;
	vertical-align: bottom;
}


header{
    /*background-image: url(" ");
    background-repeat: repeat;*/
	background-color: #fff;
}

.wrap{
    overflow: hidden;
}
/* 参照　https://rui-log.com/overflow-hidden/#index_id2*/


.container{
    max-width: 1080px;
    margin-right: auto;
    margin-left:  auto;
}

.font_space{
	letter-spacing: -0.2em
}

.text-center{
	text-align: center;
}

.text-right{
	text-align: right;
}

.text-left{
	text-align: left;
}

.margin15{
	margin-right: 15px;
    margin-left:  15px;

}

.hr1 {
  border-top: 1px solid rgb(200,200,200)
}




.top-logo-sp{
    width: 150px;
/*	margin-bottom: 5px;*/
	margin-right: auto;
}

.nav_item_sp{
	font-size: 1.4rem;
    padding: 5px 0px 0px 16px;
    margin-top: 13px;
    margin-bottom: 13px;
	color: rgb(90, 90, 90);
    height: 30px;
    background-color: #f8f8f8;
}


.nav_sp_active{
     background-color: #0F3481;
     color: #ffffff;

}



.nav_content_pc{
   display: none;
}
	
.nav_content_sp{
	display: flex;
    justify-content: space-around;
	flex-wrap: wrap;
	height: 68px;
/*	width: 768px;*/
    margin-left: auto;
	margin-right: auto;
}




/*------------------new hamberger menu--------------------------*/

#menuToggle {
    display: block;
    position: relative;
	/* top: 5px; */
    z-index: 1;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer; /* Add cursor pointer */
}

#menuToggle input {
    display: block;
    width: 100%; /* Make the checkbox cover the entire menu toggle area */
    height: 100%;
	position: absolute;
    cursor: pointer;
    opacity: 0; /* 隠すために透明にする */
    z-index: 2; /* アイコンの上に来るようにする */
    -webkit-touch-callout: none;
}

#menuToggle span {
    display: block;
    width: 33px;
    height: 4px;
    margin-bottom: 5px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: #898989;
    border-radius: 3px;
    z-index: 1;
    transform-origin: 4px 0px;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
                background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
                opacity 0.55s ease;
}


#menuToggle span:nth-of-type(1){
	top:0px;
    transform-origin: center;
}

#menuToggle span:nth-of-type(2){
	top:10px;
    transform-origin: center;
}

#menuToggle span:nth-of-type(3) {
	top:20px;
    transform-origin: center;
	
}

#menuToggle input:checked ~ span:nth-of-type(1) {
    transform: translateX(-50%) rotate(45deg);
    top: 10px; /* Adjust the position slightly for a smoother transition */
    background: #898989;
}

#menuToggle input:checked ~ span:nth-of-type(2) {
    opacity: 0;
}

#menuToggle input:checked ~ span:nth-of-type(3) {
    transform: translateX(-50%) rotate(-45deg);
    top: 10px; /* Adjust the position slightly for a smoother transition */
    background: #898989;
}

#menuToggle input:not(:checked) ~ span:nth-of-type(1),
#menuToggle input:not(:checked) ~ span:nth-of-type(3) {
    transform: translateX(-50%);
    background: #898989;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), 
                background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
                top 0.5s ease; /* Add transition for top property */
}


#menu {
    position: fixed;
    width: 260px;
	margin-top: 17px;
    margin-left: -110px; /*3本線の左からの位置関係*/	
/*    padding: 0px 15px 15px 25px;*/
    background: #ededed;
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    transform-origin: 0% 0%;
    transform: translate(100%, 0);
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
}

#menuToggle input:checked ~ ul {
    transform: none;
}


.toggle-text{
    margin-top: 22px; /* Adjust the top margin to position the text below the lines */
    text-align: center; /* Center the text */
    cursor: pointer; /* Add cursor pointer */
}


.top_line{
    color: rgb(240,240,240);
}


.yado_obi{
    position: fixed;
    top: 65%;
    right: 0px;
    width: 36px;
    height: 140px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    padding-right: 5px;
    font-size: 1.4rem;
    color: rgb(255,255,255);
    text-align: center;
/*    background-color: rgb(230, 230, 230, 0.8);*/
    background-color: #0F3481;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    z-index: 50;
}





/*----------メインビジュアル------------*/

#mainvisual_sp{
   display: block;
   position: relative;
   margin-left: auto;
   margin-right: auto; 
   text-align: center; 
   margin-bottom: 50px;
}

.top_catch_sp {
    width: 270px;
    height: 60px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.top_catch{
    width: 105px;
    position: absolute;
    top: 0%;
    right: 7%;
}


#mainvisual_pc{
   display: none;
}

.secondvisual_sp{
   display: block;
   margin-left: auto;
   margin-right: auto; 
   text-align: center; 
}

.secondvisual_pc{
   display: none;
}    


.fujishita_top_wrap{
    background-color: #d8f3ff;
    margin-bottom: 15px;
}

.kanko_top_sp{
   display: block;
   margin-left: auto;
   margin-right: auto; 
   text-align: center; 
}

.kanko_top_pc{
   display: none;
}


.faq_top_sp{
   display: block;
   margin-left: auto;
   margin-right: auto; 
   text-align: center; 
}

.faq_top_pc{
   display: none;
}


.reserve_top_sp{
   display: block;
   margin-left: auto;
   margin-right: auto;
    margin-bottom: 30px;
   text-align: center; 
    
}

.reserve_top_pc{
   display: none;
}


.top-copy {
	font-size: 1.6rem;
	font-weight: 600;
	color:  #000000;
}


/*------------------------------------*/

.new{
    width: 90px;
    position: absolute;
    top: 46%;
    right: 2%
}

.karaoke{
    width: 100px;
    position: absolute;
    top: 11px;
    left: 9%;
}

.back-colorA{
	background-color: rgb(240,240,240);
}

.caption{
	font-size: 1.4rem;
	font-weight: 200;
	margin-top: 7px;
/*	font-family: "Noto Sans JP", sans-serif;*/
}

.text-small{
	font-size: 1.4rem;
	font-weight: 300;
    color: rgb(90, 90, 90);
    text-align: justify;
/*    font-family: "Noto Sans JP", sans-serif;*/

}

.text-s{
	font-size: 1.4rem;
	font-weight: 300;
    color: rgb(90, 90, 90);
}

.text-red{
    color: rgb(200, 0, 0);
}

.main-copy-wrap{
    max-width:660px;
	margin-left: auto;
	margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
	position: relative;
}

.top_circle{
	width: 120px;
    position: absolute;
    top: -120px;
    left: 10px;
}

.top_newopen{
	width: 160px;
    position: absolute;
    top: -180px;
    left: 10px;
}


.main-copy{
	text-align: center;
}

.main-copy-sp{
/*	text-align: center;*/
}

.main-copy-pc{
	display: none;
}

.text-left{
	text-align: left;
}

.waku-max{
    width:325px;
	margin-left: auto;
	margin-right: auto;
    margin-bottom: 30px;
    padding-left: 10px;
    padding-right: 10px;
}

.waku-1{
/*    width:325px;*/
	margin-left: auto;
	margin-right: auto;
    margin-bottom: 30px;
    padding-left: 10px;
    padding-right: 10px;
	text-align: center;
}

.waku-3-wrap{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.waku-3{
	margin-bottom: 40px;
	width: 320px; 
    padding-right: 15px;
	padding-left: 15px;
	position: relative;
}

.top-gaikan{
	margin-bottom: 40px;
	width: 320px; 
    padding-right: 20px;
	padding-left: 20px;
	position: relative;
}

.waku-3-text{
/*	max-width: 305px;*/
    max-width: 325px;
    margin-top: 5px;
	font-size: 1.5rem;
	font-weight: 300;
	text-align: justify;
/*	font-family: "Noto Sans JP", sans-serif;*/

}


.waku-2-wrap{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 30px;
}

.waku-2{
	width: 320px;
	margin-bottom: 60px;
	margin-right: auto;
	margin-left: auto;
    padding-right: 15px;
	padding-left: 15px;
}

.waku-2-text{
/*	width: 301px;*/
    margin-top: 5px;
	font-size: 1.5rem;
	font-weight: 300;
	text-align: justify;
/*	font-family: "Noto Sans JP", sans-serif;*/
}


.waku-4{
	margin-bottom: 60px;
	width: 320px; 
    padding-right: 15px;
	padding-left: 15px;
}


.waku-5{
	margin-bottom: 30px;
	width: 270px; 
    padding-right: 15px;
	padding-left: 15px;
}

.komidashi{
	font-size: 1.6rem;
/*	font-family: "Noto Sans JP", sans-serif;*/
	font-weight: 500;
	margin-top: 8px;
	color:  #000;
}



.midashi{
	/*font-size: 18px;*/
	font-size: 1.8rem;
	font-weight: 600;
	color: #6C2C2F;
	max-width: 464px;
	margin-bottom: 5px;
/*	font-family: "Noto Sans JP", sans-serif;*/
}


.lead-honbun{
	margin-bottom: 50px;
	text-align: justify;
}

.bottom_aki{
    margin-bottom: 4px;
}

.gray{
    color: rgb(137, 137, 137);
}
.option-wrap{
    margin: 0px 15px 50px 15px;
    border: solid 1px;
    border-color: rgb(240,240,240);
    border-radius: 15px;
    background-color: rgb(250, 250, 250);
    display: flex;
	justify-content: center;
	flex-wrap: wrap;

}

.option{
    padding: 20px 15px;
    width: 100%;
}

/*
.blank{
    display: none;
}
*/

.justify{
    text-align: justify;
}



/*ーーーーーーーーーーーーーーーーーーーーーースライドショーーーーーー--------------------------*/

.slider {
	width: 100%;
	overflow: hidden;
}
ul.photo-list {
	width: 400%;
	display: flex;
	list-style: none;
	position: relative;
	top: 0;
}
@media screen and (max-width: 760px) {
	ul.photo-list {
		width: 800%;
	}
}
ul.photo-list:hover {
	animation-play-state: paused;
}
ul.photo-list li {
	width: calc(100% / 12);
	padding: 0 5px;
}
ul.photo-list li img {
	width: 100%;
}

/* 連続して流れる */
.smooth {
	animation: smooth-key1 10s linear infinite;
}
@media screen and (max-width: 760px) {
	.smooth {
		animation: smooth-key2 10s linear infinite;
	}
}
@keyframes smooth-key1 {
	0% {
		left: 0%;
	}
	100% {
		left: -100%;
	}
}
@keyframes smooth-key2 {
	0% {
		left: 0%;
	}
	100% {
		left: -200%;
	}
}

/*----------https://html-css.hamaya2020.com/webparts-1.html--------*/





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

.oshirase{
   padding: 5px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 10px;
}

.oshirase th,.oshirase td {
    border-bottom: 1px solid #ccc;
	border-collapse: collapse;
    text-align: left;
    padding: 10px;
    font-size: 1.6rem;
	color: rgb(90, 90, 90);
}

/*----------------------- FAX変更のお知らせ ---------------------*/

.faxoshirase{
   margin-left: 10px;
   margin-right: 10px;
   margin-top: 10px;
   text-align: justify;
}

/*-----------------------物件ページ----------------------*/

.property-title{
	text-align: center;
	border-bottom: solid 3px;
	border-top: solid 3px;
    border-color: rgb(0,0,0);
    width: auto;
    height: 55px;
    color: rgb(5, 5, 5);
	margin-left: 15px;
	margin-right: 15px;
    margin-top: 35px;
	margin-bottom: 25px;
    padding-top: 3px;
}


.property-text{
	margin-left: 15px;
	margin-right: 15px;
    width: 290px;
}


.kidohama-gaikan{
    /* width: 320px; */
    position: relative;
}

.new-kidohama{
    width: 90px;
    position: absolute;
    top: 90%;
    right: -2%
}

.karaoke-kidohama{
    width: 120px;
    position: absolute;
    top: 11px;
    left: 4%;
}



/*----------------------アクセス--------------------*/

.googlemap{
	text-align: center;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 20px;
	margin-bottom: 30px;
	width: 100%;
}

.access-midashi{
	font-size: 1.8rem;
	font-weight: 600;
	color: rgb(90, 90, 90);
	margin-top: 20px;
	margin-bottom: 5px;
/*	font-family: "Noto Sans JP", sans-serif;*/
}

.access-text{
	display: block;
	text-align: center;
	padding-left: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 80px;
}

.access-honbun{
	text-align: left;
    padding-bottom: 15px;
	font-size: 1.6rem;
	color: rgb(90, 90, 90);
}

.access-text-pc{
   display: none
}



/*----------------------FAQ--------------------*/

.faq-wrap{
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 90px;
}

.faq-line{
	margin-top: 20px;
    margin-bottom: 20px
}

.faq-f{
	font-size: 1.8rem;
	font-weight: 700;
	color: rgba(3,51,183,1.00);

}

.faq-q{
	font-size: 1.8rem;
	font-weight: 700;
	color: rgba(192,0,0,1.00);

}



/*----------------------reserve--------------------*/

.reserve-wrap{
	display: flex;
    justify-content: center;
	flex-wrap: wrap;
    margin-bottom: 10px;
}

.reserve-pic{
	text-align: center;
	width: 260px;
	margin: 20px;
}

.reserve-wrap-2{
    text-align: center;
	display: flex;
    justify-content: center;
	flex-wrap: wrap;
	width: 290px;
    margin-bottom: 10px;
}

.reserve-mail{
	margin-bottom: 40px;
	width: 260px;
	margin-left: auto;
	margin-right: auto;
    text-align: center;
}

.reserve-tel{
    /*display: block;*/
	margin-bottom: 40px;
	width: 260px;
	margin-left: auto;
	margin-right: auto;
    text-align: center;
}

.reserve-faq{
	width: 210px;
	height: 40px;
	text-align: center;
	margin-bottom: 10px;
	padding-top: 7px;
}

.reserve-button{
	width: 260px;
	height: 57px;
    font-size: 18px;
    font-weight: 600;
	border-radius: 5px; 
	border: 1px solid rgba(230,0,18,1.0);
    color: rgba(230,0,18,1.0);
	text-align: center;
	margin-top: 10px;
	margin-bottom: 30px;
	padding-top: 14px;
}


/*----------------------kanko--------------------*/

.address-text{
	max-width: 305px;
    margin-top: 5px;
	font-size: 1.5rem;
	font-weight: 300;
}

.link_blue {
    color: #1f57f0;
    margin-top: 5px;
    font-size: 1.4rem;
	font-weight: 300;

}


/*----------------------footer--------------------*/


.footer-wrap{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;

}

.nav_item_f{
	display: inline-block;
	width:120px;
	text-align: center;
	font-size: 1.5rem;
    line-height: 3rem;
	margin: 0px 10px;
	color: rgb(90, 90, 90);

}


.footer-nav2{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	/* max-width: 1080px; */
    max-width: 1280px;
}

.footer-text{
	font-size: 1.4rem;
	text-align: center;
	margin-top: 5px;
}


.footer-telfax{
	font-size: 1.4rem;
	text-align: center;
	margin-top: 1px;
	margin-bottom: 80px;
}
.footer-midashi{
	font-size: 1.6rem;
    font-weight: 600;
	text-align: center;
}

.footer-line{
	margin-top: 15px;
}


/*----------トップへ戻るボタン------------*/

#Top_button{
	position: fixed;
	width: 40px;
	height: 40px;
    right: 2%;
    bottom: 1.5%;
    z-index: 100;
}

#Top_button:hover {
  filter: alpha(opacity=50);
  -moz-opacity: 0.7;
  opacity: 0.7;
}


.bottom_button_wrap{
    position: fixed;
    bottom: 0;
/*    height: 70px;*/
    height: 60px;
    left: 2%;
/*    right: auto;*/
}

.bottom_button{
    display: inline-block;
    width: 84px;
/*    height: 54px;*/
    margin-right: 2px;
    
}

.buttom_button:hover {
  filter: alpha(opacity=50);
  -moz-opacity: 0.7;
  opacity: 0.7;
}



 /*******************************************************************
                             media
 ********************************************************************/  


@media screen and (min-width: 375px){
.top_catch{
    width: 124px;
    position: absolute;
    top: 0%;
    right: 7%;
}
}

@media screen and (min-width: 425px){
.top_catch{
    width: 124px;
    position: absolute;
    top: 0%;
    right: 7%;
}
    
.main-copy-sp{
	display: none;
}

.main-copy-pc{
	display: block;
}

.top_circle{
	width: 140px;
    position: absolute;
     top: -140px;
    left: 10px;
}

.faxoshirase{
   width: 400px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 10px;
   text-align: justify;
}		
}





@media screen and (min-width: 500px){
.top_catch{
    width: 164px;
    position: absolute;
    top: 0%;
    right: 7%;
}
}




@media screen and (min-width: 580px){
	
.waku-2{
	width: 380px;
	padding-left: 10px;
    padding-right: 10px;
}

.option{
    padding: 30px 15px;
    width: 85%;
}
}

    
    
@media screen and (min-width: 640px){
.top_catch{
    width: 200px;
    position: absolute;
    top: 0%;
    right: 7%;
}
	
 .waku-3{
    margin-left: 15px;
    margin-right: 15px;
}
}

@media screen and (min-width: 660px){ 

}  
    
@media screen and (min-width: 690px){
    
.waku-1{
/*    width:650px;*/
	margin-left: auto;
	margin-right: auto;
} 
.top_circle{
	width: 160px;
    position: absolute;
     top: -160px;
    left: 10px;
}
}

 
@media screen and (min-width: 767px){
	
.top_circle{
	width: 160px;
    position: absolute;
     top: -130px;
    left: -10px;
}	

.reserve-pic{
	text-align: center;
	width: 260px;
	margin: 20px;
}
        
@media screen and (min-width: 900px){
.reserve-pic{
	text-align: center;
	width: 190px;
	margin: 15px;
}
}    
	

/*-----------ドロップダウンメニュー(3施設以上の場合に使用）----------*/
	
li {
  position: relative;
  display: inline-block;
}

/* ドロップダウンメニューの内容を隠す */
.dropdown-content {
  display: none;
  position: absolute;
  /*position: relative;　センター合わせ*/
  margin-top: 0px;
  padding-top: 7px;
  padding-bottom: 7px;
  background-color: #FFFFFF;
/*  width: 140px;	*/
  width: 130px; 
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 10;
}

/* リンクのスタイリング */
.dropdown-content a {
  color: black; /*リンクの基本色 */
/*  padding: 7px 16px 7px 16px;*/
  padding: 7px 0px 7px 0px;
  width: 130px;  margin-top: 0px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* リスト項目にカーソルを合わせたときにドロップダウンメニューを表示*/
.dropdown:hover .dropdown-content{
	display: block;
	}
    
.dropdown_item_pc{
    height: 30px;
    padding: 4px 10px 0px 10px;
    background-color: #f7f5f5;
	font-size: 1.4rem;
	color: rgb(90, 90, 90);
/*	line-height: 2rem;*/
	z-index: 100;
}

.dropdown_item_pc_active{
    background-color: #0F3481;
    color: rgb(255, 255, 255);
}   
    
    
    
    
    
/*------------------------------------*/	
    
#mainvisual_pc {
	background: url("pixta_68163631_L_pc.jpg") center no-repeat;
	background-color: #ffffff;
	background-size: cover; 
	height: 500px;
	position: relative;
	margin-bottom: 60px;
	display: block;
	z-index: 0;
}
    
#mainvisual_sp{
   display: none;
}
 
/*第二階層の物件メイン写真*/	
.secondvisual_sp{
   display: none;
}    
    
.secondvisual_pc{
   display: block;
   margin-left: auto;
   margin-right: auto; 
   padding-left: 35px;
   padding-right: 35px;
   text-align: center; 
   max-width: 1080px;
   z-index: 0;
}    
  

 /*--------お知らせ---------*/ 
    
.oshirase,
.oshirase tr,
.oshirase td, 
.oshirase th{
} 

 /*------------------------*/ 
    
    
.kanko_top_pc{
	background: url("ac_952712_l_pc.jpg") center no-repeat;
	background-color: #ffffff;
	background-size: cover; 
	height: 220px;
	position: relative;
	margin-bottom: 30px;
	display: block;
	z-index: 0;
}
	
.kanko_top_sp{
	display: none;
}	
	

.faq_top_pc{
	background: url("pixta_78701821_L_pc.jpg") center no-repeat;
	background-color: #ffffff;
	background-size: cover; 
	height: 220px;
	position: relative;
	margin-bottom: 30px;
	display: block;
	z-index: 0;
}
	
.faq_top_sp{
	display: none;
}	   
    
 
.reserve_top_pc{
	background: url("pixta_71717605_XL_pc.jpg") center no-repeat;
	background-color: #ffffff;
	background-size: cover; 
	height: 220px;
	position: relative;
	margin-bottom: 30px;
	display: block;
	z-index: 0;
}
	
.reserve_top_sp{
	display: none;
}	   
       
    
.top-logo-pc{
    width: 150px;
	margin-bottom: 15px;
}

.top-logo-sp{
    display: none;
}
		
	
.nav_content_pc{
	display: flex;
    justify-content: space-around;
	flex-wrap: wrap;
	max-width: 1080px;
    margin-left: auto;
	margin-right: auto;
}
	
.nav_content_sp{
	display: none;
}
	

.nav_item_pc{
	font-size: 1.5rem;
    margin-top: 26px;
	color: rgb(90, 90, 90);
	text-align: center;
	line-height: 2.4rem;
}

.nav_pc_active{
    border-bottom: solid 3px;
    border-color: rgb(90, 90, 90);
}
	
.waku-2{
	width: 380px;
	padding-left: 10px;
    padding-right: 10px;
}
	
    

	
/*-------アクセス--------*/	 
	
.access-text{
    display: none
}

.access-text-pc{
	display: block;
/*	width: 420px;*/
	text-align: center;
	padding-left: 40px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 80px;
}

/*-----------------------*/	 


.faq-wrap{
	width: 767px;
	padding-left: 15px;
	padding-right: 15px;
}

.top_catch_pc {
    width: 360px;
    height: 80px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.top_catch{
    width: 204px;
    position: absolute;
    top: 0%;
    right: 15%;
    bottom: 0;
}
}
   

@media screen and (min-width: 975px) {
	
.waku-4{
	margin-bottom: 60px;
	width: 400px; 
    padding-right: 15px;
	padding-left: 15px;
}
    
.option{
    padding: 40px 40px;
    width: 50%;
}
}  
	

 @media screen and (min-width: 1080px) {
	 
.waku-4{
	margin-bottom: 60px;
	width: 260px; 
    padding-right: 15px;
	padding-left: 15px;
}

.waku-2{
	width: 500px;
}
	 
}
	


@media screen and (min-width: 960px) {
.top-gaikan{
	margin-bottom: 40px;
	/* width: 320px;  */
    width: 440px;
    padding-right: 20px;
	padding-left: 20px;
    margin-left: 20px;
    margin-right: 20px;
	position: relative;
}

.new{
    width: 100px;
    position: absolute;
    top: 58%;
    right: 2%
}

.top_newopen{
	width: 200px;
    position: absolute;
    top: -180px;
    left: -16%;
}

}

@media screen and (min-width: 1440px) {
.top-gaikan{
	margin-bottom: 40px;
	/* width: 320px;  */
    width: 320px;
    padding-right: 10px;
	padding-left: 10px;
    /* margin-left: 20px;
    margin-right: 20px; */
	position: relative;
}

.new{
    width: 90px;
    position: absolute;
    top: 46%;
    right: 2%
}

.top_newopen{
	width: 200px;
    position: absolute;
    top: -160px;
    left: -40%;
}

}


@media screen and (min-width: 2560px) {
 	
}
/*----------------------------------------------------------------*/