@charset "utf-8";
/* style */

/*----------
ヘッダー
----------*/

header {
  margin-left: auto;
  margin-right: auto;
  width: 950px;
  padding-top: 20px;
  padding-bottom: 20px;
}

header .logo {
  float: left;
}
header .tel {
  float: right;
  padding-top: 3px;
}

/*----------
メイン
----------*/

.main {
  margin-left: auto;
  margin-right: auto;
  width: 950px;
}
.main .catch {
  margin-bottom: 60px;
}
.main .graph {
  margin-bottom: 100px;
}

/*----------
CTA
----------*/

.cta {
  margin-left: auto;
  margin-right: auto;
  width: 950px;
  margin-bottom: 100px;
}
.cta .catch {
  text-align: center;
  margin-bottom: 25px;
}
.cta .btn {
  text-align: center;
}
.cta .btn a:hover img {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}

/*----------
SEC1
----------*/

.sec1 {
  margin-bottom: 100px;
}

.sec1 .titWrap {
  background-image: url(../images/tit_bg1.jpg);
  background-repeat: repeat-x;
  background-position: left top;
}
.sec1 .titWrap .title {
  width: 950px;
  margin-left: auto;
  margin-right: auto;
}

.sec1 .expWrap {
  background-color: #eef8f9;
}
.sec1 .expWrap .inner {
  width: 950px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 60px;
}
.sec1 .expWrap .inner .read {
  margin-bottom: 60px;
}
.sec1 .expWrap .inner .exp1 {
  margin-bottom: 60px;
}

.sec1 .catch {
  text-align: center;
  margin-bottom: 60px;
}
.sec1 .point {
  text-align: center;
  margin-bottom: 50px;
}

/*----------
SEC2
----------*/

.sec2 {
  margin-bottom: 100px;
}

.sec2 .titWrap {
  background-image: url(../images/tit_bg2.jpg);
  background-repeat: repeat-x;
  background-position: left top;
}
.sec2 .titWrap .title {
  width: 950px;
  margin-left: auto;
  margin-right: auto;
}

.sec2 .expWrap {
  background-color: #eef8f9;
}
.sec2 .expWrap .inner {
  width: 950px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 60px;
}
.sec2 .expWrap .inner .catch {
  margin-bottom: 60px;
}
.sec2 .expWrap .inner .exp2 {
  margin-bottom: 40px;
}

/*----------
company
----------*/

.company {
  width: 950px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 120px;
}

#about .title {
  font-size: 2.5rem;
  color: #1192d1;
  text-align: left;
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
}

#about .flexbetween {
  display: flex;
  margin-top: 1rem;
}
#about .text dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  border-top: none;
}
#about .text dt {
  border-bottom: 1px solid #ebebeb;
  box-sizing: border-box;
  padding: 0.5rem;
  width: 30%;
}
#about .text dd {
  border-bottom: 1px solid #ebebeb;
  box-sizing: border-box;
  padding: 0.5rem;
  width: 70%;
}

#about .text {
  width: 600px;
  font-size: 0.9rem;
  line-height: 1.4;
  text-align: left;
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
}

#about .img {
  padding-left: 1rem;
}

#about .img img {
  width: 380px;
}

/*----------
フッター
----------*/

footer {
  background-color: #666666;
  padding-top: 35px;
  padding-bottom: 35px;
}
footer .inner {
  margin: 0 auto;
  width: 950px;
}
footer .inner ul {
  width: 480px;
  float: left;
}
footer .inner ul li {
  float: left;
  margin-right: 20px;
}
footer .inner ul li a {
  color: #ffffff;
  text-decoration: underline;
}
footer .inner ul li a:hover {
  text-decoration: none;
}
footer .inner p {
  float: right;
  color: #ffffff;
}

/*----------------
ページのトップに戻る
--------------------------*/
#page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #000;
  opacity: 0.8;
  color: #fff;
  /*font-size: 77%;*/
  border-radius: 40px;
  z-index: 9999;
}
#page-top a {
  color: #fff;
  font-size: 0.7em;
  padding: 10px 15px;
  display: block;
  font-weight: bold;
}

/*----------------
年末年始(161228CSR追記)
--------------------------*/
.form_lead {
  padding-right: 0;
}
.holiday-note {
  margin: 10px 0 0;
  font-weight: bold;
}


@media (min-width: 750px) {
  .sp {
    display: none;
  }
}