@charset "utf-8";

/*body*/
body {
  background-color:#FFF;
  font-size:16px;
  background: url(../self/img/inter-back.jpg) no-repeat top left/contain;
}

/*header*/
.header {
  padding-bottom:1.5%;
  overflow: hidden;
}

.logo {
  float: left;
  width:38%;
  overflow: hidden;
  padding:1.5% 2% 0;
}

.logo img {
  width:40%;
}


h1 {
 float:right;
 font-size:115%;
 padding-top:25px;
}

.home {
  clear: both;
  padding:1% 2%;  
}

.g-color {
color:#BDD400;
}

/*nav*/
.nav {
　width:100%;
  overflow: hidden;
  height:78px;
  padding:0 3%;
  margin:0 auto;
  border-bottom:5px solid #BDD400;
}

.nav ul {
　width:100%;
  margin:0 auto;
  height: 78px;
}

.nav li{
 float:left;
 padding:0 1%;
 border-right:2px dashed #BDD400;
}

.nav li:last-child{
 border-right:0;
}

.nav li a{
  display: block;
}

/*main*/
.main {
margin:58px 7%; 
}

h2 {
  margin-bottom:30px; 
}

h3 {
  margin:70px 0 20px;    
}

.mean{
  margin-bottom:25px;  
}

.mean-p {
  margin-bottom:50px;
  font-size:140%;
  line-height:170%;
}

.photoleft {
  border-radius: 50%; 
  float:left;
  border:7px solid #BDD400;
  margin-right:2%;
}

.photoright {
  border-radius: 50%; 
  float:right;
  border:7px solid #BDD400;
  margin-left:2%;
}

.phototext p{
overflow: hidden;
width:65%;
font-size:130%;
line-height:170%;
margin-bottom:60px;
}

.namebig {
font-size:170%;
font-weight: 600;
}

.charge {
font-size:115%; 
font-weight: 600;
}

.special{
  width:100%;
  margin-bottom:30px;
}

.box {
  width:70%;
margin:0 7% 50px;
overflow: hidden;
}


.wrapper{
  width:100%;
  margin:0 5% 40px;
overflow: hidden;  
}


.box2 {
  width:50%;
float:left;
}

.box3 {
  width:50%;
float:right;
}

.coltxt {
  width:58%;
  float: left;
  font-size:110%;
}

.coltxt p {
  line-height: 170%;
}


.colphoto {
  width:40%;
  float:right; 
  margin-left:1%;
}


h4 {
  font-size:150%;
}

.time {
    width:70%;
    text-align: center;
    margin:10px auto;
    border:1px solid #009F76;
    border-collapse: collapse;
    line-height: 150%;
}

.time  th,td {
    padding:10px;
    border:1px solid #009F76;    
}

.time  th {
          background: #BAD8C6;
      }

.weeks {
  margin:10px 0;
}

.roombox{
  width:100%;
margin:0 7% 50px;
  overflow: hidden;   
}

.roomphoto {
  float: left;
  margin-right:5%;
}

.systembox {
  width:80%;
    font-size:120%;
    line-height: 150%;
}

.systembox p{
  width:85%;
    font-size:130%;
    line-height: 170%;
}

 @media screen and (max-width:767px) {
  /*モバイル用*/

/*body*/
body {
  width:100%;
  background-color:#FFF;
  font-size:16px;
  background: url(../self/img/inter-back.jpg) no-repeat top left/contain;
}

/*header*/
.header {
  width:100%;
  padding-bottom:20px;
  overflow: hidden;
}

.logo {
  float:none;
  width:50%;
  overflow: hidden;
  padding:1% 1% 0;
}

.logo img {
  width:15%;
}


h1 {
 float:right;
 font-size:50%;
 padding-top:5px;
}

.home {
  font-size:40%;
  clear: both;
  padding:1% 2%;  
}

.g-color {
color:#BDD400;
}

/*nav*/
.nav {
　width:100%;
  overflow: hidden;
  height:190px;
  padding:0;
  margin:0 auto;
  border-bottom:5px solid #BDD400;
}

.nav ul {
　width:100%;
  margin:0 auto;
  height:0;
}
     
.nav li{
　width:40%;
 float:left;
 text-align: center;
 padding:3px 3% 3px 3%;
 border-right:2px dashed #BDD400;
 border-bottom:2px dashed #BDD400;
}

.nav li:nth-child(2) {
 border-right:0;
}

.nav li:nth-child(4) {
 border-right:0;
}

.nav li:nth-child(5) {
 border-bottom:0;
}
  
.nav li:nth-child(6) {
 border-right:0;
 border-bottom:0;
}
  

.nav li a{
　width:20%;
  display: block;
}

/*main*/
.main {
width:100%;
margin:58px 5%; 
}

h2{
　width:100%;
  margin-bottom:40px;
}
  
h3 {
　width:50%;
  margin-bottom:16px;    
}

.mean{
　width:100%;
  margin-top:10px;
  margin-bottom:25px;  
}

.mean　img{
　width:100%;  
}

.mean-p {
　width:100%;
  margin-bottom:50px;
  font-size:140%;
  line-height:170%;
}

.photoleft {
  width:100%;
  height:100%;
  border-radius: 50%; 
  float:none;
  border:7px solid #BDD400;
  margin-right:0;
  margin-bottom:10px;
}

.photoright {
  width:100%;
  height:100%;
  border-radius: 50%; 
  float:none;
  border:7px solid #BDD400;
  margin-left:0;
  margin-bottom:10px;
}

.phototext p{
overflow: hidden;
width:100%;
font-size:130%;
line-height:170%;
margin-bottom:60px;
}

.namebig {
font-size:170%;
font-weight: 600;
}

.charge {
font-size:115%; 
font-weight: 600;
}

     
.special{
  width:100%;
  margin-bottom:30px;
}

.box {
  width:100%;
margin:0 7% 50px;
overflow: hidden;
}


.wrapper{
  width:100%;
  margin:0 5% 40px;
overflow: hidden;  
}


.box2 {
  width:100%;
float:none;
}

.box3 {
  width:100%;
float:none;
}

.coltxt {
  width:100%;
float:none;
  font-size:110%;
}

.coltxt p {
  line-height: 170%;
}


.colphoto {
  width:100%;
float:none;
  margin-left:1%;
}


h4 {
  font-size:150%;
}

.time {
    width:80%;
    text-align: center;
    margin:5px auto;
    border:1px solid #009F76;
    border-collapse: collapse;
    line-height: 150%;
}

.time  th,td {
    padding:10px;
    border:1px solid #009F76;    
}

.time  th {
          background: #BAD8C6;
      }

.weeks {
  margin:10px 0;
}

.roombox{
  width:100%;
margin:0 5%;
  overflow: hidden;   
}

.roomphoto {
  width:100%;
  float: none;
  margin-right:0;
  margin-bottom:10%;
}
.systembox {
  width:100%;
    font-size:120%;
    line-height: 150%;
}

.systembox p{
  width:100%;
    font-size:130%;
    line-height: 170%;
}


}