@charset "UTF-8";
/* ページ全体のスタイル */
body {
  font-family: "toppan-bunkyu-midashi-go-std", sans-serif;
  margin: 0 auto;
  padding: 0;
}

a {
  text-decoration: none;
}

/* ヘッダーのスタイル */
header {
  background-color: #ffffff;
  height: 90px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
header .header__inner {
  width: 985px;
  height: 90px;
  margin: 0 auto;
}
header .header__inner h1 {
  float: left;
  font-family: "toppan-bunkyu-midashi-go-std", sans-serif;
  font-weight: 900;
  font-style: normal;
  margin-bottom: 0;
}
header .header__inner .header__subtitle {
  color: #0f1833;
  font-size: 16pt;
  line-height: 0%;
}
header .header__inner .header__title {
  color: #4169e1;
  font-size: 22pt;
  margin-top: 5px;
}
header .header__inner .header__contact {
  float: right;
}
header .header__inner .header__contact__discription {
  font-family: "toppan-bunkyu-gothic-pr6n", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14pt;
  line-height: 0%;
}
header .header__inner .header__contact__link {
  font-family: "toppan-bunkyu-midashi-go-std", sans-serif;
  font-size: 28pt;
  line-height: 0%;
}
header .header__inner .header__contact__link a:link,
header .header__inner .header__contact__link :visited {
  color: #e04169;
}
header .header__inner .header__contact__link a:hover {
  color: #fa9cb4;
}

h3 {
  font-size: 32px;
  line-height: 106px;
  color: #ffffff;
  font-family: "toppan-bunkyu-midashi-go-std", sans-serif;
  height: 106px;
  background-color: #4169e1;
  margin: 0;
  text-align: center;
}

.explanation {
  font-size: 22px;
  color: #443c2f;
  text-align: center;
}

/* ヒーローセクションのスタイル */
#hero {
  background-image: url(img/bg-stlipe_07.jpg);
  height: 554px;
  color: #ffffff;
  clear: both;
  text-align: center;
  margin-top: 90px;
}
#hero img {
  margin: 45px auto 0;
}

/* 特徴セクションのスタイル */
#features1 {
  text-align: center;
  /*.josei*/
}
#features1 .josei1 {
  background-color: #ffd432;
  height: 218px;
  font-size: 26px;
  color: #443c2f;
  letter-spacing: -0.05em;
}
#features1 .josei1 .features1-copy {
  padding: 35px 0 0;
  margin: 0;
  line-height: 26pt;
}
#features1 .josei1 ul {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
}
#features1 .josei1 li {
  list-style: none;
  /* safari, Chrome対応 */
  /* Firefox対応 */
  -o-box-align: center;
  /* Opera対応 */
  -ms-box-align: center;
  /* IE対応 */
  box-align: center;
  /* ベンダープレフィックス無しも併記する */
  /*背景*/
  height: 67px;
  width: 385px;
  border-radius: 25px;
  background-color: #ff8888;
  color: #ffffff;
  line-height: 2.5em;
  letter-spacing: 0;
  padding: 0;
  margin: 40px 17.5px 0;
}
#features1 .simulation {
  clear: both;
  display: flex;
  flex-flow: column;
  align-items: center;
  height: 357px;
  background-color: #ccd9ff;
  padding: 42px 0 0;
  text-align: center;
}
#features1 .simulation p {
  font-size: 24px;
  color: #1e3066;
  margin: 50px 0 10px;
  line-height: 150%;
}
#features1 .simulation .btn1 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 83px;
  width: 604px;
  background-color: #1e3066;
  color: #ffffff;
  border-radius: 10px;
  vertical-align: middle;
  font-size: 24px;
}
#features1 .simulation .btn1 a:link,
#features1 .simulation .btn1 :visited {
  color: #ffffff;
}
#features1 .nayami .img-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#features1 .nayami .img-container img {
  width: 300px;
  padding: 56px 50px 10px;
}
#features1 .nayami p {
  margin: 45px 0 70px;
}
#features1 .teian ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 38px auto;
  max-width: 1244px;
  padding: 0;
}
#features1 .teian li {
  float: left;
  height: 60px;
  width: 280px;
  background-color: #1e3066;
  border-radius: 10px;
  margin: 17px 67px;
  color: #ffffff;
  font-size: 18pt;
  line-height: 60px;
}
#features1 .teian img {
  margin: 4px auto 75px;
}
#features1 .tuyomi {
  font-family: "toppan-bunkyu-midashi-go-std", sans-serif;
}
#features1 .tuyomi .dl-container {
  width: 1110px;
  margin: 0 auto;
}
#features1 .tuyomi dl {
  width: 688px;
  height: 185px;
  text-align: left;
}
#features1 .tuyomi dt {
  font-size: 26pt;
  color: #4169e1;
  width: 650px;
  border-bottom: 2px solid #443c2f;
}
#features1 .tuyomi dd {
  font-size: 22pt;
  color: #443c2f;
  margin: 0;
  line-height: 120%;
}
#features1 .tuyomi .dl-r {
  clear: both;
  float: right;
  margin-right: 50px;
}
#features1 .tuyomi .dl-l {
  clear: both;
  float: left;
  margin-left: 50px;
}

/* 口コミセクションのスタイル */
#testimonials {
  /* 口コミセクションのスタイル指定 */
}

/* コールトゥアクションセクションのスタイル */
#cta {
  background-color: #ccd9ff;
}
#cta .explanation {
  padding: 30px;
  margin: 65px auto 10px;
}
#cta .contact-form {
  background-color: #e7edff;
  width: 700px;
  margin: 10px auto 0;
  padding: 30px;
}
#cta .contact-form .form {
  margin-bottom: 20px;
}
#cta .contact-form #message {
  width: 500px;
  height: 300px;
}

/* フッターセクションのスタイル */
footer {
  font-family: Georgia, "Times New Roman", Times, serif;
  text-align: center;
  background-color: #1a0270;
  color: #ffffff;
  padding: 20px;
}/*# sourceMappingURL=style.css.map */