@charset "UTF-8";

@media (max-width: 768px) { 

body {
  line-height: 1.7;
  font-weight: 400;
  font-size: 1rem;
  color:#333;
  text-transform:none;
  font-family: 'Noto Sans JP',sans-serif !important;
   }
  
   main.kasou {
    margin: 0em 0 0;
  }
   main.kasou_floor {
    margin: 3em 0 0;
  }
   
   .preloader {
    background-color: #DDD !important;
   }   
a {
   color:#72CC21;	
}
a:hover {
   color:#72CC21;
   text-decoration:underline;	
}

.red {
   color:#FF2950;
}
   
p {
    vertical-align: top;
      line-height: 1.7;
      font-weight:normal;
     font-size: 1rem;
	  color:#333;
	  letter-spacing: -0.03em;	  font-family: 'Noto Sans JP',sans-serif;
margin: 0 0 0em;
    text-align: center;
	text-transform:none;
}
p.sche {
    vertical-align: top;
      line-height: 1.7;
      font-weight:normal;
     font-size: 1rem;
	  color:#333;
	  letter-spacing: -0.03em;	  font-family: 'Noto Sans JP',sans-serif;
margin: 0 0 0em;
    text-align: center;
	text-transform:none;
}
p.news {
    vertical-align: top;
      line-height: 1.7;
      font-weight:normal;
     font-size: 1rem;
	  color:#333;
	  letter-spacing: -0.03em;
	  font-family: 'Noto Sans JP',sans-serif;
     margin: 0 0.7em 0em;
    text-align: left;
	text-transform:none;
}


p.floor {
    vertical-align: top;
      line-height: 1.5;
      font-weight:normal;
     font-size: 0.9rem;
	  color:#333;
	  letter-spacing: -0.01em;	  
	  font-family: 'Noto Sans JP',sans-serif;
margin: 0 0 0em;
    text-align: center;
	text-transform:none;
}



p.access_top {
    vertical-align: top;
      line-height: 1.5;
      font-weight:normal;
     font-size: 1rem;
	  color:#333;
	  letter-spacing: -0.01em;	  
	  font-family: 'Noto Sans JP',sans-serif;
margin: 0 0 0em;
    text-align: left;
	text-transform:none;
}

p.contact {
    vertical-align: top;
      line-height: 1.7;
      font-weight:normal;
     font-size: 1rem;
	  color:#333;
	  letter-spacing: -0.01em;	  
	  font-family: 'Noto Sans JP',sans-serif;
margin: 0em;
    text-align: left;
	text-transform:none;
}



h1, h2, h3, h4, h5, h6 {
	  font-family: 'Noto Sans JP',sans-serif;
}
h5 {
  font-size: 1.3rem;
  text-transform:none;
	  color:#333;
	  letter-spacing: -0.01em;	  
	  font-family: 'Noto Sans JP',sans-serif;
}

h1 {
  font-size: 1.5rem;
  text-transform:none;
	  color:#333;
	  font-weight:bold;
	  letter-spacing: -0.01em;	  
	  font-family: 'Noto Sans JP',sans-serif;
}


h2 {
  font-size: 1.8rem;
  line-height: 1.2;
  text-transform:none;
	  color:#333;
	  letter-spacing: -0.01em;
	  font-weight: bold;	  
	  font-family: 'Noto Sans JP',sans-serif;
}

img.icon {
    width:30px;
	height:30px;	
}

img.icon:hover {
	opacity: 0.5 ;
}

table tr td {
vertical-align:top;	
}


#header {
    background: #fff;
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin:0em 0 0;
	height: 7vh;
}

/* Safari */
   _::-webkit-full-page-media, _:future, :root #header {
    background: #fff;
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin:0em 0 0;
	height: 9vh;
}


.header {
	    position: fixed;
    z-index: 100;
    width: 100%;
    background: white;
}

#header_member {
    background: #fff;
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin:0em 0 0;
	height: 10vh;
}

/* Safari */
   _::-webkit-full-page-media, _:future, :root #header_member {
    background: #fff;
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin:0em 0 0;
	height: 11vh;
}


.header_member {
	    position: fixed;
    z-index: 100;
    width: 100%;
    background: white;
    height: 7vh;
}

/* Safari */
   _::-webkit-full-page-media, _:future, :root .header_member {
	    position: fixed;
    z-index: 1;
    width: 100%;
    background: white;
    margin: 0em 0 0;
    height: 7vh;
}


.header_floor {
    position: fixed;
    z-index: 100;
    width: 100%;
    background: white;
    height: 11vh;
}

/* Safari */
   _::-webkit-full-page-media, _:future, :root .header_floor {
	    position: fixed;
    z-index: 100;
    width: 100%;
    background: white;
   margin:0em 0 0;
	height: 11vh;
}


section.slide {
    margin:0em 0em 2em;	
}

#logo {
    height: 60px;
	margin: 1em auto;
}
#logo.mini {
    height: 40px !important;
	margin: 1em auto;
	-moz-opacity: 0.8;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.waku_01 {
    background-color: #CDBF00;
    margin: 0em auto;
    border: 0px solid #fff;
    border-radius: 3px;
    padding: 0.2em 1em 0.3em;
    text-align: center;
    max-width: max-content;
}

/* -------トップスライダー------------*/

.slider_margin {
	padding:7em 0 5.5em;
}

.slider_wrap { /* スライダーするリストを囲うタグのclass */
    height:50vh ;
    overflow: hidden;
}

/* Safari */
   _::-webkit-full-page-media, _:future, :root .slider_margin {
	padding:6em 0 5.5em;
}
   _::-webkit-full-page-media, _:future, :root .slider_wrap { 
   /* スライダーするリストを囲うタグのclass */
    height:47vh ;
    overflow: hidden;
}



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

section {
    background-color: #FFFFFF;
	margin: 0em 0 0em;
		padding:2em 0;

}

section.yellow {
    background-color: #FFF310;
	margin: 0em 0 3em;
    padding: 1.5em;;
}
section.gray {
    background-color: #DDDDDD;
	margin: 0em 0 3em;
    padding: 1.5em;
}
section.footer {
    background-color: #fff;
	margin: 0em 0 0em;
}


div.contents {
	background-color: white;
	padding: 4em 0em;
    margin: 0em 0 0;
}

.midashi_space {
margin: 0 0 1em;
}


/* ---more------------------------------------------------------------------*/

.grad-wrap {
  position: relative;
  margin: 0 0 3em;
}
.grad-wrap + .grad-wrap {
  margin-top: 40px;
}
.grad-trigger {
z-index: 2;
position: absolute;
right: 0;
bottom: 0;
left: 0;
width: 100px;
margin: -2em auto;
    text-decoration: none;
    padding: 0.3em 0em 0.6em;
    border-radius: 2em;
    background-color: #FFF310;
color: #333;
    border: solid 3px #FFF310;
font-size: 1rem;
text-align: center;
cursor: pointer;
transition: .2s ease;
box-shadow: 0 0 0px rgba(0,0,0,.3);
font-weight: bold;
	}
	.grad-trigger:hover {
  background: #DDD;
    border: solid 3px #DDD;
color: #333;
  text-decoration: none;
}

.grad-trigger::after {
  content: "more" /*クリック前のボタンのラベル*/
}
.grad-trigger .fa {
  margin-right: .5em;
}
.grad-item {
  position: relative;
  overflow: hidden;
}
.grad-item.is-hide {
  height: 80px; /*隠した後の高さ*/
}
.grad-item::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 40px; /*グラデーションで隠す高さ*/
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
}
.grad-trigger.is-show {
  bottom: -2em;
}
.grad-trigger.is-show::after {
  content: "close" /*クリック後にボタンのラベルを変える*/
}
.grad-trigger.is-show + .grad-item::before {
  display: none;
}




/* ---news----------------------------------------------------------------*/


/*アコーディオン全体*/


.menu_news {
width: 100%;
padding: 10px 10px 20px;
    text-align: left;
}
.menu_news input {
display: none; /*チェックボックスを隠す*/
}

/*バー部分*/
.menu_news label {
cursor :pointer;
display: block;
text-decoration: none;
color: #333;
font-size: 1em;
line-height: 1;
position: relative;
margin: 0 0 10px;
padding: 1.5em;
border-top: 1px gray solid;
}

/*開いたときに表示される部分*/
.menu_news ul {
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 1px;
}
.menu_news li {
height: 0;
overflow-y: hidden;
transition: padding-bottom 0.5s, padding-top 0.5s; /*閉じるときのアニメーション*/
-webkit-transition: padding-bottom 0.5s, padding-top 0.5s;
-moz-transition: padding-bottom 0.5s, padding-top 0.5s;
-ms-transition: padding-bottom 0.5s, padding-top 0.5s;
-o-transition: padding-bottom 0.5s, padding-top 0.5s;
}
#menu_bar01:checked ~ #links01 li,
#menu_bar02:checked ~ #links02 li,
#menu_bar03:checked ~ #links03 li {
height: auto; /*開いたときに表示されるliの高さ*/
opacity: 1;
background: #f1f1f1;
padding: 1.5em;
}
/*開いたときの下の余白*/
#menu_bar01:checked ~ #links01 li:last-child,
#menu_bar02:checked ~ #links02 li:last-child,
#menu_bar03:checked ~ #links03 li:last-child {
margin-bottom: 20px;
}

/*閉じた状態の矢印描画*/
.menu_news label:after{
content:"";
display:block;
width:8px;
height:8px;
border-top: #FF2950 2px solid;
border-right: #FF2950 2px solid;
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
position:absolute;
right: 2%;
top: 0;
bottom: 15%;
margin: auto;
}
/*開いた状態の矢印描画*/
.menu_news input[type=checkbox]:checked + label:after{
content:"";
display:block;
width:8px;
height:8px;
border-top: #FF2950 2px solid;
border-right: #FF2950 2px solid;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
position:absolute;
right: 2%;
top: 7%;
bottom: 0;
margin: auto;
}


/* floor */

.floor_item {
	padding:0.5rem 1.5rem 0;
}

h5.floor {
    font-size: 1.3rem;
    color: #333;
    letter-spacing: -0.01em;	  font-family: 'Noto Sans JP',sans-serif;
line-height: 1;
	margin:0;
}

p.floor {
    vertical-align: top;
    line-height: 1.1;
    font-weight:normal;
    font-size: 0.7rem;
    color: #333;
    letter-spacing: -0.01em;	  font-family: 'Noto Sans JP',sans-serif;
margin:0.5em 0 1.5em;
    text-align: center;
}

img.floor {
    width:100%;
	margin:0 0 1em;	
}

.service-item {
    border-radius: 0.1875rem;
    overflow: visible;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    border: 1em solid #DDD;
	padding: 2em 1em;
text-align: center;
}

div.floor-number {
    position:absolute;
    top: 0em;
    z-index: 1;
	left: 0;
     right: 0;
  margin: auto;
  width: 100px;
height: 30px;
background-color: #fff;	
}

p.floor-number {
    font-size: 3rem;
	font-weight: normal;
    text-transform: none;
    color: #333;
    background-color: #fff;
    padding: 0em 0em 0em;
    letter-spacing: -0.01em;	  font-family: 'Noto Sans JP',sans-serif;
line-height: 0;
}


/* insta */

.clients .owl-theme.owl-nav-outer .owl-nav [class*="owl-"] {
    opacity: 0.5;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    color: #333 !important;
    font-size: 1.5rem !important;
    background-color: transparent !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* access ---------------------------------------------------- */
.access_space_top {
    margin:3em 0 0;	
}

/* googlemap */

.googlemaps iframe,
.googlemaps object,
.googlemaps embed {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}

/* jump　up */

.btn-back-to-top {
    position: fixed;
    bottom: 1.5rem;
    right: 1.5rem;
    z-index: 999;
    background: #eee;
    display: none;
    height: 3rem;
    width: 3rem;
    text-align: center;
    line-height: 1.75rem;
    font-size: 1em;
    color: #000;
    opacity: 0.6;
    border-radius: 2px;
    padding: 0.4em;
}

/* 一覧へのスペース */
.ichiran {
    margin:0em 0 0;	
}

	
}

    /*アコーディオン全体*/
    .menu_news {
      width: 100%;
      padding: 10px 10px 20px;
	  text-align:left;
    }
    .menu_news input {
      display: none; /*チェックボックスを隠す*/
    }
    /*バー部分*/
    .menu_news label {
      cursor :pointer;
      display: block;
      text-decoration: none;
      color: #333;
	  font-size: 1em;
      line-height: 1.3;
      position: relative;
     margin: 0 0 0px;
     padding: 1.5em;
     border-top: 1px gray solid;
	 font-weight: normal;
    }
    /*開いたときに表示される部分*/
    .menu_news ul {
      margin: 0;
      padding: 0;
      list-style: none;
      margin-bottom: 25px;
    }
    .menu_news li {
      height: 0;
      overflow-y: hidden;
      transition: padding-bottom 0.5s, padding-top 0.5s; /*閉じるときのアニメーション*/
      -webkit-transition: padding-bottom 0.5s, padding-top 0.5s;
      -moz-transition: padding-bottom 0.5s, padding-top 0.5s;
      -ms-transition: padding-bottom 0.5s, padding-top 0.5s;
      -o-transition: padding-bottom 0.5s, padding-top 0.5s;
    }
    #menu_bar01:checked ~ #links01 li,
    #menu_bar02:checked ~ #links02 li,
#menu_bar03:checked ~ #links03 li {
      height: auto; /*開いたときに表示されるliの高さ*/
      opacity: 1;
      background: #f1f1f1;
      padding: 10px;
    }
     /*開いたときの下の余白*/
    #menu_bar01:checked ~ #links01 li:last-child,
    #menu_bar02:checked ~ #links02 li:last-child,
#menu_bar03:checked ~ #links03 li:last-child {
      margin-bottom: 1em;
    }
		
	    /*閉じた状態の矢印描画*/
    .menu_news label:after{
      content:"";
      display:block;
      width:8px;
      height:8px;
      border-top: #FF2950 2px solid;
      border-right: #FF2950 2px solid;
      -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
      transform: rotate(135deg);
      position:absolute;
      right: 2%;
      top: 0;
      bottom: 15%;
      margin: auto;
    }
    /*開いた状態の矢印描画*/
    .menu_news input[type=checkbox]:checked + label:after{
      content:"";
      display:block;
      width:8px;
      height:8px;
      border-top: #FF2950 2px solid;
      border-right: #FF2950 2px solid;
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      position:absolute;
      right: 2%;
      top: 7%;
      bottom: 0;
      margin: auto;
    }
	   }