@charset "utf-8";

/** mainVisual
===================================*/
.mainArea{
  overflow:hidden;
}
#mainVisual{
  padding:0 10px;
  position:relative;
}
#mainVisual .mainHolder{
  width:100%;
  max-width:1100px;
  margin:0 auto;
  background-repeat:no-repeat;
  background-position:center top;
  background-size:cover;
  position:relative;
  z-index:1;
}
#mainVisual .sd{
  text-align:center;
  width:100%;
  position:absolute;
  bottom:14px;
  left:0;
  z-index:100;
}


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

  ブラウザ幅　1130px以下

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

@media screen and (max-width:1130px) {

/*.stoaArea ul li{
  float:left;
  width:32%;
  margin-right:2%;
  border-bottom:1px dotted #d6d6d6;
}
.stoaArea ul li.forth{
  float:left;
  width:32%;
  margin-right:2%;
  border-bottom:1px dotted #d6d6d6;
}
.stoaArea ul li.third{
  float:left;
  width:32%;
  margin-right:0%;
  border-bottom:1px dotted #d6d6d6;
}*/


}

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

  ブラウザ幅　800px以下

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

@media screen and (max-width:700px) {
	



}
/*------------------------------------------------------------------

  ブラウザ幅　630px以下(nuxes 7向け)

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

@media screen and (max-width:630px) {

/*.stoaArea ul li,.stoaArea ul li.third{
  float:left;
  width:47%;
  margin-right:6%;
  border-bottom:1px dotted #d6d6d6;
}

.stoaArea ul li.second{
  float:left;
  width:47%;
  margin-right:0;
  border-bottom:1px dotted #d6d6d6;
}
*/
}
/*------------------------------------------------------------------

  IE8以下(古いのにはbodyにoldieのクラスがつく)

------------------------------------------------------------------*/
.oldie .mainArea{
  max-width:1120px;
  margin:0 auto;
  overflow:hidden;
}
.oldie .mainHolder{
  overflow:hidden;
}




/*==================================================================

 about

*=================================================================*/

.mainImage{
  width:100%;
  max-width:1120px;
  margin:0 auto;
}
.mainImage .mainImgHolder{
  padding:0 10px;
}
.mainImage .mainImgHolder img{
  width:100%;
}
.introArea{
  width:100%;
  max-width:1120px;
  margin:0 auto;
}
.introArea h2{
  font-family: 'Lato', sans-serif;
  font-size:108%;
  letter-spacing:1px;
  padding:68px 20px 0;
}
.introArea .introImg{
  padding:39px 0 52px;
}
.introArea .introImg img{
  width:100%;
}
.introArea .introImg2{
  padding:10px 0 20px;
}
.introArea .introImg2 img{
  width:100%;
  max-width:306px
}
.introArea .introAbout{
  padding:20px 20px 10px
}

.introArea .introAbout h3{
  font-size:153.9%;
  font-family : YuMincho, '游明朝', "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight:bold;
  padding-bottom:23px;
}
.introArea .introAbout p{
  font-size:100%;
  font-family: YuGothic, '游ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  line-height:1.9;
  letter-spacing:0.02em;
  padding-bottom:11px;
}

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

  ブラウザ幅　780px以下

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

@media screen and (max-width:780px) {
.introArea{
  width:100%;
  max-width:620px;
  margin:0 auto;
}
}

@media screen and (max-width:700px) {
.mainImage{
  padding-top:65px;
}
.introArea{
  width:100%;
  max-width:580px;
  margin:0 auto;
}

}