@charset "utf-8";
h2.about_ttl {
  line-height:0;
  text-align:center;
  padding:70px 0;
}
@media(min-width:768px) {
.about_bg {
  background: url(../img/about/about_bg.jpg) center center no-repeat;
  background-size:cover;
}
}
.about_bg h3 {
  line-height:0;
  text-align: center;
  padding-top:100px;
}
.about_bg .ttl02 {
  padding-top:50px;
  text-align: center;
}
.about_bg .txt {
  font-size:16px;
  line-height:2.0em;
  padding:45px 0 185px 0;
  width:800px;
  margin:0 auto;
}
.t_txt {
  text-align: left;
}
.t_txt .t_txt_ttl {
  padding: 15px 0 35px 0;
  text-align: center;
  line-height: 1.8em;
  font-size: 18px;
  color: #615ab7;
  font-weight: bold;
}
ul.about_mb li{
  width:321px;
  margin-left:18px;
  float:left;
}
ul.about_mb li:nth-child(1) {
  margin-left:0;
}
.mb_contact_btn {
  text-align: center;
  margin-top:20px;
  padding-bottom:70px;
}
.about_md {
  width:800px;
  margin:-130px auto 0;
}
.about_md .txt_wrap {
  width:800px;
  margin:0 auto;
  padding-bottom:95px;
}
.about_md .txt_wrap .ttl {
  padding:45px 0 35px 0;
  text-align: center;
  line-height:1.8em;
  font-size:18px;
  color:#615ab7;
  font-weight:bold;
}
.about_md .txt_wrap .txt {
  font-size:16px;
  line-height:2.1em;
}
.about_md .txt_wrap .cnt {
  text-align: center;
  font-size:16px;
  padding-top:27px;
}
.cs {
  background: url(../img/about/se_bg.gif) repeat;
  padding:70px 0 83px 0;
}
.cs h3 {
  line-height:0;
  text-align: center;
  padding-bottom:18px;
}
.sz_wrap {
  background: #fff;
  border:1px solid #e2e2e2;
  padding:50px 80px 43px 90px;
  margin-top:50px;
}
.sz_wrap h3 {
  text-align: center;
  line-height: 0;
  padding-bottom:38px;
}
.sz_wrap .pic {
  width:334px;
  float:left;
}
.sz_wrap .sz_txt {
  width:485px;
  float:right;
  font-size:16px;
  line-height:1.9em;
}
@media(min-width:768px) {
  .cs ul li {
    display: inline;
    float:left;
    padding-top:50px;
    margin-left:70px;
    position: relative;
    width:202px;
  }
 .cs ul li:nth-of-type(4n+1) {
   margin-left:0;
 }
 .cs ul li p.txt {
   position: absolute;
   width: 170px;
   margin:auto;
   top:203px;
   left:0;
   right:0;
   font-size:16px;
   line-height:1.8em;
 }
}
.a_btn {
  padding-top:65px;
}
.a_btn .a_btn01:nth-child(1) {
  float:left;
}
.a_btn .a_btn01:nth-child(2) {
  float:right;
}
.a_btn01 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.a_btn01 a {
  width:472px;
  position: relative;
  text-align: center;
  display: block;
  box-sizing: border-box;
  margin:0 auto;
  text-decoration: none;
  transition: .5s;
  background:#fff;
}
.a_btn01 a span {
  font-size:19px;
  display: inline-block;
  border:1px solid #d4c79d;
  background: #fff;
  width:100%;
  color:#a2811d;
  background:url(../img/common/yg01.png) right 25px top 27px no-repeat;
  padding:18px 0;
  transition: 1s;
}
.a_btn01 a:hover span {
  color:#fff;
  background:#c2af74 url(../img/common/yg02.png) right 25px top 27px no-repeat;
  transition: .7s;
}
@media(max-width:767px) {
  h2.about_ttl {
    width:57.3%;
    margin:0 auto;
    padding:10% 0;
  }
  .about_bg {
    background:#f9f6f2;
  }
  .about_bg h3 {
    line-height:0;
    text-align: center;
    padding-top:36px;
  }
  .about_bg .ttl02 {
    padding-top:27px;
    text-align: center;
  }
  .about_bg .txt {
    font-size:16px;
    line-height:1.7em;
    padding:23px 0 35px 0;
    width:100%;
  }
  ul.about_mb {
    width:87.3%;
    margin:0 auto;
  }
  ul.about_mb li{
    width:100%;
    margin-left:0;
    margin-top:25px;
    float:left;
  }
  ul.about_mb li:nth-child(1) {
    margin-top:0;
  }
  .mb_contact_btn {
    text-align: center;
    padding:0 4% 35px;
    margin-top:30px;
  }
  .about_md {
    width:100%;
    margin:0 auto;
  }
.t_txt .t_txt_ttl{
  padding: 0px 0 22px 0;
  text-align: left;
  line-height: 1.6em;
  font-size: 18px;
  color: #615ab7;
  font-weight: bold;
}
  .about_md .txt_wrap {
    width:100%;
    margin:0 auto;
    padding:0 4% 40px;
  }
  .about_md .txt_wrap .ttl {
    padding:22px 0 22px 0;
    text-align: center;
    line-height:1.6em;
    font-size:18px;
    color:#615ab7;
    font-weight:bold;
  }
  .about_md .txt_wrap .txt {
    font-size:16px;
    line-height:1.7em;
  }
  .about_md .txt_wrap .cnt {
    text-align: left;
    font-size:16px;
    padding-top:25px;
  }
  .cs {
    padding:37px 0 32px 0;
  }
  .cs h3 {
    line-height:0;
    padding-bottom:15px;
  }
  .cs ul {
    width:93%;
    margin:0 auto;
  }
  .cs ul li {
    display: inline;
    float:left;
    margin-top:17px;
    position: relative;
    width:47.5%;
  }
 .cs ul li:nth-of-type(2n+1) {
   float:left;
   clear:both;
 }
 .cs ul li:nth-of-type(2n+2) {
   float:right;
 }
 .cs ul li p.txt {
   position: absolute;
   width: 85%;
   margin:auto;
   top:57%;
   left:0;
   right:0;
   font-size:17px;
   line-height:1.4em;
 }
 .sz_wrap {
   width:93%;
   background: #fff;
   border:1px solid #e2e2e2;
   padding:30px 9% 30px 9%;
   margin:22px auto 0;
 }
 .sz_wrap h3 {
   text-align: center;
   line-height: 0;
   padding-bottom:27px;
 }
 .sz_wrap .pic {
   width:100%;
   float:none;
 }
 .sz_wrap .sz_txt {
   width:100%;
   margin-top:22px;
   float:none;
   font-size:16px;
   line-height:1.7em;
 }
 .a_btn {
   padding-top:32px;
 }
 .a_btn .a_btn01:nth-child(1) {
   float:none;
 }
 .a_btn .a_btn01:nth-child(2) {
   float:none;
   margin-top:15px;
 }
 .a_btn01 a {
   width:100%;
   position: relative;
   text-align: center;
   display: block;
   box-sizing: border-box;
   margin:0 auto;
   text-decoration: none;
   transition: .5s;
 }
 .a_btn01 a span {
   font-size:18px;
   display: inline-block;
   border:1px solid #d4c79d;
   background: #fff;
   width:100%;
   color:#a2811d;
   background:url(../img/common/yg01.png) right 10px top 27px no-repeat;
   padding:18px 0;
   transition: 1s;
 }
 .a_btn01 a:hover span {
   color:#fff;
   background:#c2af74 url(../img/common/yg02.png) right 10px top 27px no-repeat;
   transition: .7s;
 }

}
@media(max-width:374px) {
   .cs ul li p.txt {
    top:57%;
     font-size:15px;
     line-height:1.4em;
   }
    .a_btn01 a span {
      font-size:15px;
      background:url(../img/common/yg01.png) right 10px top 25px no-repeat;
    }
     .a_btn01 a:hover span {
       background:#c2af74 url(../img/common/yg02.png) right 10px top 25px no-repeat;
     }
}