@charset "UTF-8";
/*
 各ページ.css（ファイル名変更可）
 本サイト各ページ用CSS
*/


#intro .d-box-title {
  max-width: 591px;
  height: 59px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  font-size: 0;
}

#intro #introduction.d-box-title {
  background-image: url(../images/intro/title_intro.png);
  margin: 0 auto 55px;
}

#intro #comment.d-box-title {
  background-image: url(../images/intro/title_comment.png);
  margin: 55px auto;
}

.intro-overview{
  background-image: url(../images/intro/intro_img.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 978px;
  width: 521px;
  margin: 0 auto;
  font-size: 0;
}

.intro-comment-name{
  font-size: 0;
  background-position: center left;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 22.47%;
  margin-bottom: 20px;
}


#comment_kaku .intro-comment-name {
  background-image: url(../images/intro/comment/comment_kaku.png);
}

#comment_kentaro .intro-comment-name {
  background-image: url(../images/intro/comment/comment_ito.png);
}

#comment_seino .intro-comment-name {
  background-image: url(../images/intro/comment/comment_seino.png);
}

#comment_hashimoto .intro-comment-name {
  background-image: url(../images/intro/comment/comment_hashimoto.png);
}

#comment_taiga .intro-comment-name {
  background-image: url(../images/intro/comment/comment_taiga.png);
}

#comment_yamoto .intro-comment-name {
  background-image: url(../images/intro/comment/comment_yamoto.png);
}

#comment_wakatsuki .intro-comment-name {
  background-image: url(../images/intro/comment/comment_wakatsuki.png);
}

#comment_masaki .intro-comment-name {
  background-image: url(../images/intro/comment/comment_masaki.png);
}

#comment_suzuki .intro-comment-name {
  background-image: url(../images/intro/comment/comment_suzuki.png);
}

#comment_isomura .intro-comment-name {
  background-image: url(../images/intro/comment/comment_isomura.png);
}

#comment_jiro .intro-comment-name {
  background-image: url(../images/intro/comment/comment_jiro.png);
}

#comment_hasegawa .intro-comment-name {
  background-image: url(../images/intro/comment/comment_hasegawa.png);
}

#comment_iduka .intro-comment-name {
  background-image: url(../images/intro/comment/comment_iduka.png);
}

#comment_aihara .intro-comment-name {
  background-image: url(../images/intro/comment/comment_aihara.png);
}

#comment_muro .intro-comment-name {
  background-image: url(../images/intro/comment/comment_muro.png);
}

#comment_sena .intro-comment-name {
  background-image: url(../images/intro/comment/comment_sena.png);
}

#comment_sato .intro-comment-name {
  background-image: url(../images/intro/comment/comment_sato.png);
}

#comment_yoshida .intro-comment-name {
  background-image: url(../images/intro/comment/comment_yoshida.png);
}

#comment_fukuda .intro-comment-name {
  background-image: url(../images/intro/comment/comment_fukuda.png);
  background-position: center right;
}

#comment_nishimori .intro-comment-name {
  background-image: url(../images/intro/comment/comment_nishimori.png);
  padding-top: 11.359%;
}

#comment_kou .intro-comment-name {
  background-image: url(../images/intro/comment/comment_kou.png);
  padding-top: 6.174%;
}

.intro-comment-list{
  padding: 0 10%;
}

.intro-comment-item{
  margin: 0 auto 10%;
}
.intro-comment-item:last-child{
  margin-bottom: 0;
}

.intro-comment-box{
  background-color: #fff;
  padding: 15px;
  border: 4px solid #e1e1e1;
  font-family: 'FOT-ロダン ProN M', 'RodinProN-M';
}

.intro-comment-box p:not(:first-child){
  margin-top: 15px;
}

.intro-comment-box p span{
  color:#f00;
}

/* ---------------------------------
 SP用
--------------------------------- */
@media only screen and (max-width: 600px) {
  #intro .d-box-title{
    width: 93.5%;
    height: auto;
    padding-top: 7.835%;
    margin-bottom: 10.035%;
  }
  #intro #introduction.d-box-title {
    margin-bottom: 10.035%;
  }
  #intro #comment.d-box-title {
    margin: 10.035% auto;
  }
  .intro-overview{
    padding: 79.397% 0px;
    width: auto;
    height: auto;
    max-width: 521px;
  }
}

/* ---------------------------------
 PC用
--------------------------------- */
@media screen and (min-width: 993px) {
}

/* ---------------------------------
 tablet FONT用
--------------------------------- */
@media screen and (min-width : 601px){

}