@charset "UTF-8";

/* ################################################################################ */
/*===============================================
●PC.css  画面の横幅が770px以上①
===============================================*/
@media (min-width: 770px) {

h1{
  font-size : 50px;
    color : white;
  
    text-align : center;
  
    font-weight : bold;
  }

h1 img{
  margin-right : 10px;
  padding-bottom : 5px;
  }

.front-box{
	background-color: navy;
padding : 20px;
  display : inline-block;
  width : 960px;
  float : left;
  margin-bottom : 30px;
}

.front-A{
  float : left;
  background-color : orange;
  width : 400px;
}


.front-con{
	background-color : white;
  width : 530px;
  height : 280px;
  float : right;
    padding-bottom : 20px;
  }

h2{
  font-size : 26px;
  background-color : #8080ff;
  color : white;
  margin-bottom : -3px;
    text-align : center;
  }

h2 img{
  margin-right : 10px;
  margin-left : 20px;
  margin-top : 8px;
  width : 40px;
  height : 40px;
  padding-bottom : 12px;
}

h3{
  font-size : 22px;
  margin-left : 20px;
  margin-right : 20px;
margin : 20px;
}

h3 img{
  margin-right : 10px;
  padding-bottom : 5px;
}

.front-con p{
  margin-left : 20px;
  margin-right : 20px;
}

#top-photoline03 p{
  color : white;
  padding-left : 50px;
  padding-right : 50px;
    margin-top : 10px;
  }

}


/*===============================================
●SP.css  画面の横幅が770pxまで③
===============================================*/
@media screen and (max-width:770px){

h1{
  font-size : 20px;
    color : white;  
    text-align : center;  
    font-weight : bold;
  }

h1 img{
  margin-right : 10px;
  padding-bottom : 5px;
  
    width : 30px;
    height : 30px;
  }

.front-box{
	background-color: navy;
padding : 15px 1% 20px;
  margin-bottom : 30px;
  
    width : 98%;
  
}

.front-A{
  background-color : navy;
  }

.front-A img{
  max-width: 750px; min-width: 240px;  
  height : inherit;
    width : 100%;
  }

.front-con{
	background-color : white;
  
  
    padding-bottom : 20px;
  
    width : 100%;
  }

h2{
  font-size : 20px;
  background-color : #8080ff;
  color : white;
  margin-bottom : -3px;
    text-align : center;
  }

h2 img{
  margin-right : 10px;
  margin-left : 2%;
  margin-top : 8px;
  width : 25px;
  height : 25px;
  padding-bottom : 12px;
}

h3{
  font-size : 15px;
  margin-left : 20px;
  margin-right : 20px;
margin : 10px;margin-bottom : 10px;
}

h3 img{
  margin-right : 10px;
  padding-bottom : 5px;
}

.front-con p{
  margin-left : 3%;
  margin-right : 3%;
    width : 96%;
  }

#top-photoline03 p{
  color : white;
  padding-left : 2%;
  padding-right : 2%;
    margin-top : 10px;
  }

}