@charset "utf-8";
/*===============================================================
    ■制作者：koga
    ■更新日：2017/02/01
================================================================*/
/*共通*/
h2.ttl { text-align:center;  font-size:24px;font-family: 'Sintony', sans-serif;line-height:1.4; margin-bottom:30px; letter-spacing:0;}
h2.ttl span { display:block;}
h2.ttl span.read_txt { font-size:18px; letter-spacing:0.3em;}
@media screen and (max-width: 640px) {
h2.ttl {font-size: 18px;}
h2.ttl span.read_txt {margin-top:0; font-size:10px; color:#999;}
}
/*共通*/

#about p {padding-bottom:30px; text-align:center;}
@media screen and (max-width: 1220px) {
#about p {line-height:2.4em!important;}
}
@media screen and (max-width: 980px) {
#about p {text-align:left;}
#about p br {display:none;}
}
@media screen and (max-width: 640px) {
#about {padding: 50px 0 25px;}
#about p {padding-bottom:0; font-size:12px; line-height:2em!important;}
}

/*サービス紹介*/
.intro-box {margin-bottom:40px; text-align:center;}
.intro-numner { font-family: "Mrs Saint Delafield",cursive;  font-size: 40px;}
.intro-ttl {margin-bottom: 20px;  font-family: "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;  font-size: 18px;  font-weight: bold;  }
.intro-img {margin-bottom:60px;}
.intro-img img {display:block; width:100%; max-width:980px; height:auto; margin:0 auto;}

@media screen and (max-width: 640px) {
.intro-box {margin-bottom:20px; text-align:left; font-size:12px; line-height:2em;}
.intro-box br {display:none;}
.intro-numner {text-align:center; font-size:25px;}
.intro-ttl {margin-bottom:5px; text-align:center; font-size:15px;}
.intro-img {margin-bottom:30px;}
}

/*メイン画像*/
ul.gallery-list { padding-bottom:30px;}
ul.gallery-list li { width:33%; float:left; margin-left:0.5%; margin-bottom:0.5%;}
ul.gallery-list li:first-child { margin-left:0;}
ul.gallery-list li:nth-child(3n+1) { margin-left:0;}

/*NEXT BACK ALL　リンク設定*/
.clm-btn-box{ text-align:center; margin:50px 0;}
.clm-btn-box span{ margin: 0 20px;}
.clm-btn-box span i{ margin: 0 2px;}

/*施行の流れ*/
#flow-ttlTop {  font-family: "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;  font-size: 18px;  font-weight: bold;  text-align: center;  border-top: solid 1px #efefef;
  border-bottom: solid 1px #efefef;  padding: 20px 0; }
#flow-contents {  width: 90%;  margin: 0 auto;}
@media screen and (max-width: 1220px) {
#flow-contents {  width: 96%;  margin: 0 2%;}
}
#flow-contents .flow-box {width:19.5%; height:150px; float:left; padding:0; border-left:solid 1px #d3d3d3; text-align:center;}
#flow-contents .End {width:19.5%; height:150px; float:left; padding:0; border-left:solid 1px #d3d3d3; border-right:solid 1px #d3d3d3;}
.flow-number {width:100px; font-family:"Sintony",sans-serif; font-size:25px; margin:0 auto;}
.flow-ttl {margin-top:20px; font-family:"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif; font-size:15px; letter-spacing:0.3em;}
.flow-ttlSub {font-family:"Prata",serif; font-size:9px; color:#999;}

@media screen and (max-width: 780px) {
#flow-contents {  background-image: url(../img/bg_flowline.gif);    background-repeat: repeat-y;    background-position: center; }  
#flow-contents .flow-box {width:99.5%; height:auto; margin:0 auto 10px; padding:5px 0; background:#fff; border:solid 1px #d3d3d3; float:none;}
#flow-contents .End {width:99.5%; height:auto; margin:0 auto; padding:5px 0; background:#fff; border:solid 1px #d3d3d3; float:none;}
#flow-contents .End:after {content:""; color:#d3d3d3;}
.flow-number {font-size:17px; line-height:24px; }
.flow-ttlSub {display:none;}
.flow-ttl {margin-top:0; font-size:12px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.flow-ttl br {display:none;}
}