@charset "UTF-8";

/* =============================================================
   資料請求 送信完了ページ 統合CSS
   元々 WordPress テーマ(rsvia)の複数CSSを読み込んでいたものを、
   このページで実際に使用しているルールだけに絞って統合。
   構成順（元の読み込み順＝カスケード順を維持）:
     1. reset      … reset.min.css より
     2. base       … base.css より
     3. layout     … layout.css より
     4. common     … common.css より
     5. style      … style.css より
     6. responsive … mobile.css より（@media）
     7. page       … このページ固有の調整（旧 style.css の内容）
   ============================================================= */


/* ------------------------------------------------------------
   1. reset  (reset.min.css)
   ------------------------------------------------------------ */
*, ::before, ::after { box-sizing: border-box; }
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, img, ul, li,
section, header, footer, main {
  margin: 0; padding: 0; border: 0; outline: 0;
  font-size: 100%; vertical-align: baseline; background: transparent;
}
body { line-height: 1; }
section, header, footer { display: block; }
img, picture { max-width: 100%; }


/* ------------------------------------------------------------
   2. base  (base.css)
   ------------------------------------------------------------ */
body {
  margin: 0;
  padding: 0;
  color: #282828;
  background: #fff;
  text-align: left;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  line-height: 2em;
  letter-spacing: .05em;
  font-size: 16px;
  position: relative;
  font-weight: 400;
}

body.request {
  min-width: 100%;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 1em;
  font-weight: normal;
}

img {
  border: none;
  vertical-align: bottom;
}

a {
  color: #282828;
  text-decoration: none;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

a:hover {
  text-decoration: underline;
}


/* ------------------------------------------------------------
   3. layout  (layout.css)
   ------------------------------------------------------------ */
.container {
  position: relative;
  clear: both;
  margin: 0 auto;
  max-width: 100%;
  padding: 40px 0;
  background-color: rgba(255, 255, 255, 1);
}
.request .container {
  padding: 30px 0 0;
}

.contents {
  clear: both;
  position: relative;
  width: 1100px;
  margin: 0 auto;
  max-width: 90%;
  z-index: 40;
}
.request .contents {
  width: 640px;
}

/* header */
header.cv-head {
  padding: 15px 0;
  text-align: center;
}
.request header.cv-head {
  padding: 0 0 8px;
  text-align: left;
  border-bottom: 1px solid #e6e6e6;
}
.request header.cv-head #logo {
  width: 90%;
  margin: 0 auto;
  max-width: 1280px;
}

main {
  display: block;
}
.request #main {
  padding: 0;
}

/* footer */
footer.cv-foot {
  padding: 40px 0;
  text-align: center;
  font-size: 11px;
  width: 100%;
}


/* ------------------------------------------------------------
   4. common  (common.css)
   ------------------------------------------------------------ */
header.cv-head #logo img {
  width: 160px;
  height: auto;
}
.request header.cv-head #logo img {
  width: 120px;
}

.more-btn {
  width: 320px;
  margin: auto;
  text-align: center;
}
.more-btn a {
  position: relative;
  display: block;
  text-decoration: none;
  color: #fff;
  line-height: 1.5;
  font-size: 20px;
  letter-spacing: .03em;
  background: #2847A1;
  border-radius: 50px;
  padding: 15px 0;
  box-sizing: border-box;
}
.more-btn a:hover {
  opacity: .8;
}


/* ------------------------------------------------------------
   5. style  (style.css)  ― .request 資料請求
   ------------------------------------------------------------ */
.request #requestArea {
  margin: 0 0 50px 0;
}
.request #requestArea h1 {
  text-align: center;
  font-weight: 700;
  margin: 0 0 2rem 0;
  font-size: 24px;
}
.request footer.cv-foot {
  padding: 0;
}


/* ------------------------------------------------------------
   6. responsive  (mobile.css)
   ------------------------------------------------------------ */
@media screen and (max-width: 1220px) {
  header.cv-head {
    padding: 15px 0;
    text-align: center;
  }
  .request header.cv-head {
    text-align: left;
    border-bottom: 1px solid #e6e6e6;
  }
  .request header.cv-head #logo {
    width: 90%;
    margin: 0 auto;
  }
  header.cv-head #logo img {
    width: 120px;
    height: auto;
  }
}

@media screen and (max-width: 768px) {
  body {
    font-size: 16px;
    min-width: 100%;
  }
  body.request {
    min-width: 100%;
  }

  .container {
    margin-top: 48px;
    padding: 0;
  }
  .request .container {
    padding: 0;
  }
  .contents {
    width: 90%;
  }
  .request .contents {
    width: 90%;
  }

  footer.cv-foot {
    background: #000;
    color: #fff;
    padding: 20px 0;
  }
  .request footer.cv-foot {
    background: #444;
  }

  .more-btn {
    width: 100%;
    margin: 0 auto 2rem;
    text-align: center;
  }
  .more-btn a {
    font-size: 16px;
    padding: 10px 0;
  }

  .request #requestArea {
    margin: 0 0 80px 0;
  }
  .request #requestArea h1 {
    font-size: 22px;
    letter-spacing: 0;
  }
}


/* ------------------------------------------------------------
   7. page  ― このページ固有の調整（旧 style.css）
   ------------------------------------------------------------ */
.request header.cv-head {
  padding: 10px 0;
}

.lp {
  line-height: 1.7;
  text-align: center;
  margin: 0 auto;
  max-width: 400px;
}
@media screen and (max-width: 768px) {
  .lp {
    width: 100%;
  }
}

p {
  letter-spacing: 0;
}
.top-note {
  display: block;
  width: 400px;
  margin: 12px auto 0;
  text-align: left;
}
span {
  display: block;
  width: 400px;
  margin: 0 auto;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .top-note,
  span {
    width: 100%;
  }
}
.lp a {
  display: inline-block;
  margin: 40px auto 0;
}

img {
  display: none;
}
#logo img {
  display: block;
}
.lp img {
  display: block;
  width: 400px;
}
@media screen and (max-width: 768px) {
  .lp img {
    width: 100%;
    margin: 0 auto;
  }
}

h2 {
  color: #2847A1;
  font-size: 20px;
  font-weight: bold;
  margin: 50px 0 10px;
  line-height: 1.5;
}
.lp .case {
  margin: 10px auto 0;
}

#homeLink a {
  background: initial;
  color: initial;
  padding: initial;
  text-decoration: underline;
  margin-bottom: 24px;
}