@charset "utf-8";



@media print,screen and (min-width: 769px) {
/* ---------------------------------------
　index
--------------------------------------- */
	#head_line{
		background-image: url(../img/index_main.jpg);
	}
#head_line > h1 {
        /* border-top: 1px solid #FFF; */
        font-size: 42px;
        line-height: 1;
        font-weight: bold;
        padding-top: 15px;
        margin-top: 15px;
    }      
	
 #catch_box{
  margin: 100px auto 0;
  text-align: center;
  max-width: 1080px;
 }
 #catch_box p:nth-child(1){
  font-size: 26px;
  font-weight: bold;
  color: #133263;
 }
 #catch_box p:nth-child(2){
  font-size: 16px;
  margin-top: 40px;
  line-height: 2;
 }
 
 #facility_list{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: 0 auto;
  max-width: 1080px;
 }
 #facility_list > li > dl > dt{
  display: flex;
  align-items:center;
  line-height: 1.2;
  font-size: 24px;
 }
 #facility_list > li > dl > dt:before{
  background-image:url(../img/icon.png);
  background-repeat: no-repeat;
  content: " ";
  display: block;
  margin-right: 10px;
  height: 50px;
  width: 50px;
 }
 .coffee > dl > dt:before{background-position: -210px center;}
 .laundry> dl > dt:before{background-position: -140px center;}
 .flag> dl > dt:before{background-position: -350px center;}
 .smoking> dl > dt:before{background-position: -70px center;}
 .vending> dl > dt:before{background-position: 0 center;}
 .parking> dl > dt:before{background-position: -280px center;}
 .gym > dl > dt:before{background-position: -420px center;}

 
 
 
 #facility_list > li > dl > dt > span > span{
  font-size: 18px;
 }

 #facility_list > li:nth-child(-n+3){
  width: 30%;
  margin-top: 80px;
 }
 #facility_list > li:nth-child(-n+3) img{
  height: auto;
  width: 100%;
 }
 #facility_list > li:nth-child(-n+3) > dl > dt{
  margin-top: 15px;
 }
 #facility_list > li:nth-child(-n+3) > dl > dd{
  margin-top: 15px;
 }
 #facility_list > li:nth-child(-n+3) > dl > dd > p{
  margin-top: 10px;
 }
 #facility_list > li:nth-child(-n+3) > dl > dd > *:first-child{
  margin-top: 0;
 }
 
 
 
 #facility_list > li:nth-child(n+4){
  border-top: 1px solid #f2eee5;
  padding: 50px 0;
  display: flex;
  flex-grow: 1;
  width: 100%;
 }
 #facility_list > li:nth-child(4){
  margin-top: 80px;
 }
 #facility_list > li:nth-child(n+4) > dl{
  display: flex;
  width: 100%;
 }
 #facility_list > li:nth-child(n+4) > dl > dt,
 #facility_list > li:nth-child(n+4) > dl > dd{
  align-self: center;
 }
 #facility_list > li:nth-child(n+4) > dl > dt{
  width: 26%;
 }
 #facility_list > li:nth-child(n+4) > dl > dd{
  width: 74%;
 }
 #facility_list > li:last-child > dl > dt,
 #facility_list > li:last-child > dl > dd{
  align-self:auto;
 }

 #facility_list > li:nth-child(n+4) > dl > dd > dl{
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  width: 100%;
 }
 #facility_list > li:nth-child(n+4) > dl > dd > dl dt{
  width: 10%;
  margin-top: 20px;
 }
 #facility_list > li:nth-child(n+4) > dl > dd > dl dd{
  width: 90%;
  margin-top: 20px;
 }
 
}

@media screen and (max-width:768px) {
	
/* ---------------------------------------
　index
--------------------------------------- */
	#head_line{
		background-image: url(../img/index_main.jpg);
	}
    #head_line > h1 {
        /* border-top: 1px solid #FFF; */
        font-size: 30px;
        line-height: 1.2;
        font-weight: bold;
        padding-top: 15px;
        margin-top: 15px;
    }	
    
  #catch_box{
  margin: 40px 15px 0;
  text-align: center;
 }
 #catch_box p:nth-child(1){
  font-size: 26px;
  font-weight: bold;
  color: #133263;
  line-height: 1.2;
 }
 #catch_box p:nth-child(2){
  font-size: 14px;
  margin-top: 30px;
  line-height: 2;
  text-align: left;
 }

 
 #facility_list{
  margin: 0 15px;
 }
 #facility_list > li > dl > dt{
  display: flex;
  align-items:center;
  line-height: 1.2;
  font-size: 20px;
 }
 #facility_list > li > dl > dt:before{
  background-image:url(../img/icon.png);
  background-repeat: no-repeat;
  content: " ";
  display: block;
  margin-right: 10px;
  height: 50px;
  width: 50px;
 }
 .coffee > dl > dt:before{background-position: -210px center;}
 .laundry> dl > dt:before{background-position: -140px center;}
 .flag> dl > dt:before{background-position: -350px center;}
 .smoking> dl > dt:before{background-position: -70px center;}
 .vending> dl > dt:before{background-position: 0 center;}
 .parking> dl > dt:before{background-position: -280px center;}
 .gym > dl > dt:before{background-position: -420px center;}
 
#facility_list > li > dl > dt br{display: none;}

 
 #facility_list > li > dl > dt > span > span{
  font-size: 18px;
  display: block;
 }

 #facility_list > li > div{
  margin-bottom: 15px;
  margin-top: 40px;
 }
 #facility_list > li img{
  height: auto;
  width: 100%;
 }
 
 
 #facility_list > li > dl > dd{
  margin-top: 15px;
 }
  #facility_list > li > dl > dd > p{
  margin-top: 10px;
 }
 #facility_list > li > dl > dd > *:first-child{
  margin-top: 0;
 }

 
 
 
 #facility_list > li:nth-child(n+4){
  border-top: 1px solid #f2eee5;
  padding: 50px 0;
  display: flex;
  flex-grow: 1;
  width: 100%;
 }
 #facility_list > li:nth-child(4){
  margin-top: 40px;
 }

 #facility_list > li:last-child > dl > dt,
 #facility_list > li:last-child > dl > dd{
  align-self:auto;
 }

 #facility_list > li:nth-child(n+4) > dl > dd > dl{
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  width: 100%;
 }
 #facility_list > li:nth-child(n+4) > dl > dd > dl dt{
  width: 25%;
  margin-top: 10px;
 }
 #facility_list > li:nth-child(n+4) > dl > dd > dl dd{
  width: 75%;
  margin-top: 10px;
 }
}