@charset "UTF-8";
/*!
 Theme Name:   Arkhe Child
 Theme URI:    https://web-marketer.pro/twenty-fifteen-child/
 Description:  Arkhe Child Theme　カイゼン社用講座に関するLP用テーマです。
 Author:       MONA
 Template:     arkhe
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/
body.page-template-page-lp {
  font-size: 14px;
  text-align: center;
  max-width: 640px;
  margin: 0 auto;
  color: #231815;
  font-family: "Hiragino Sans", 'Noto Sans JP', "游ゴシック体", "Yu Gothic", arial,sans-serif, "メイリオ", Meiryo, "A-OTF 新ゴ Pro",A-OTF Shin Go Pro,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Hiragino Maru Gothic W4 JIS2004", "Hiragino Maru Gothic W4 JIS2004", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "Helvetica Neue", Helvetica, Arial, sans-serif; }
  body.page-template-page-lp .bodywrap {
    width: 100%;
    margin: 0 auto;
    max-width: 640px; }
    body.page-template-page-lp .bodywrap .lpwrap {
      width: calc(100% - 30px);
      margin: 0 auto; }
  body.page-template-page-lp #top_title_area,
  body.page-template-page-lp #breadcrumb {
    display: none; }
  body.page-template-page-lp .l-content__body {
    margin: 0 auto; }
  body.page-template-page-lp h2, body.page-template-page-lp h3, body.page-template-page-lp p {
    margin-bottom: 15px; }
  body.page-template-page-lp h2 {
    background: #D4145A;
    font-size: 36px;
    line-height: 1.3em;
    letter-spacing: -0.72px;
    color: #FFFFFF;
    padding: 10px;
    font-weight: bolder; }
    @media print, screen and (max-width: 599px) {
      body.page-template-page-lp h2 {
        font-size: 27px; } }
  body.page-template-page-lp h3 {
    background: #DEDEDF;
    font-size: 26px;
    line-height: 1.3em;
    letter-spacing: -0.52px;
    color: #231815;
    padding: 7px 15px;
    text-align: left; }
    @media print, screen and (max-width: 599px) {
      body.page-template-page-lp h3 {
        font-size: 20px; } }
  body.page-template-page-lp p {
    text-align: left;
    font-size: 24px;
    line-height: 1.45em;
    letter-spacing: -0.48px;
    color: #231815; }
    @media print, screen and (max-width: 599px) {
      body.page-template-page-lp p {
        font-size: 15px; }
        body.page-template-page-lp p.small {
          font-size: 14px; } }
    body.page-template-page-lp p.small {
      margin-top: 0; }
    body.page-template-page-lp p span.red {
      color: #d50012; }
    body.page-template-page-lp p a {
      color: #036ea7; }
    body.page-template-page-lp p.mailbtn {
      text-align: center; }
      body.page-template-page-lp p.mailbtn a {
        display: inline-block;
        color: #231815;
        background: #cbcccc;
        padding: 7px 15px;
        border-radius: 10px;
        text-decoration: none; }
  body.page-template-page-lp img {
    vertical-align: bottom; }
  body.page-template-page-lp .c2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px; }
    body.page-template-page-lp .c2 .item {
      width: 50%; }
  body.page-template-page-lp .formwrap {
    background: #E4E2D8;
    padding: 15px; }
    body.page-template-page-lp .formwrap .form_item {
      margin-bottom: 25px; }
      body.page-template-page-lp .formwrap .form_item.mbno {
        margin-bottom: 0; }
    body.page-template-page-lp .formwrap p {
      margin-bottom: 7px; }
      body.page-template-page-lp .formwrap p.ttl {
        font-size: 18px; }
      body.page-template-page-lp .formwrap p span.red {
        font-size: 90%; }
    body.page-template-page-lp .formwrap input[type="text"], body.page-template-page-lp .formwrap input[type="email"], body.page-template-page-lp .formwrap input[type="tel"] {
      width: 100%;
      border-radius: 10px;
      padding: 10px;
      font-size: 18px; }
    body.page-template-page-lp .formwrap input[type="submit"].submit-btn {
      text-indent: -9999px;
      display: block;
      background: url(images/sem/btn.png) 50% 50% no-repeat;
      background-size: 100% auto;
      border-radius: 30px;
      border: none;
      overflow: hidden;
      margin: 0 auto;
      width: 100%;
      padding-bottom: 26%; }
      body.page-template-page-lp .formwrap input[type="submit"].submit-btn:hover {
        opacity: .7; }
    body.page-template-page-lp .formwrap span.wpcf7-list-item {
      margin: 0 0 7px 0;
      display: block; }
    body.page-template-page-lp .formwrap span.semschedule_fixed {
      display: inline-block;
      padding-left: 17px;
      text-decoration: line-through; }
    body.page-template-page-lp .formwrap .wpcf7-response-output {
      background: #fff; }
    body.page-template-page-lp .formwrap .wpcf7 form .wpcf7-response-output {
      margin: 0em 0.5em 1em; }

iframe[src^="https://docs.google.com/forms/d/e"] {
  width: 100%; }

.lp-links {
  text-align: left;
  background: #2A2927; }
  .lp-links a {
    display: block;
    padding: 15px 0;
    color: #fff;
    border-bottom: solid 1px;
    text-decoration: none; }

.lp-copy {
  text-align: center;
  padding: 30px 0;
  background: #2A2927;
  color: #fff;
  margin-top: 0; }

.com_btm {
  margin-bottom: 30px; }

.com_btm2 {
  margin-bottom: 60px; }

.com_pad {
  padding: 30px 0; }

.mbno {
  margin-bottom: 0; }

.mb7 {
  margin-bottom: 7px; }

.mb15 {
  margin-bottom: 15px; }

.bg_y {
  background: #FFFFDF; }

.voice-list .vitem {
  padding: 15px; }
  .voice-list .vitem:nth-child(2n) {
    background: #FFFFDF; }

.voice-list.bgb .vitem:nth-child(2n) {
  background: #EDFCFB; }

.sem-btn a {
  display: block; }
  .sem-btn a:hover {
    opacity: .7; }

.opt-btn {
  background: #FFFDE5; }

.opt-form p.des {
  font-size: 12px;
  line-height: 1.5em; }
  @media print, screen and (min-width: 600px) {
    .opt-form p.des {
      font-size: 14px; } }

.opt-form input[type="text"], .opt-form input[type="email"] {
  width: 100%;
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 7px;
  font-size: 18px;
  line-height: 75px;
  border: solid 2px #E6E6E6; }

.opt-form input[type="submit"] {
  text-indent: -9999px;
  display: block;
  background: url(images/opt/btn.png) 50% 0 no-repeat;
  background-size: 100% auto;
  width: 100%;
  padding-bottom: 26%;
  border-radius: 30px;
  border: none;
  overflow: hidden;
  margin: 0 auto; }
  .opt-form input[type="submit"]:hover {
    opacity: .7; }

.mtup {
  margin-top: -50px; }

.rect_wrap {
  position: relative;
  width: 100%;
  padding-top: 15px;
  padding-bottom: calc(26% + 30px);
  overflow: hidden; }
  .rect_wrap a {
    display: block; }
    .rect_wrap a img {
      width: 100%; }
  .rect_wrap .rect {
    position: absolute; }

/*! このテーマ用CSS
--------------------------------------------------------------------------*/
.opt-2 {
  margin-top: -5%; }

.page-id-10 .rect_wrap {
  padding-bottom: calc(35% + 30px); }