@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

.red {
  color: #F42284;
}

.bold {
  font-weight: bold;
}

.txt-s {
  font-size: 80%;
}

.txt-l {
  font-size: 150%;
}

.txt-120 {
  font-size: 120%;
}

.mt-30 {
  margin-top: 30px;
}

.accordion {
  margin: 30px auto;
}

.accordion_title {
  position: relative;
  border: none;
  display: block;
  list-style: none;
  width: 100%;
  cursor: pointer;
  background: #F7C967;
  padding: 1.4em 1.6em 1.4em;
  line-height: 1.6em;
  font-weight: bold;
}

.accordion_title span {
  color: #FF9603;
}

summary.accordion_title::-webkit-details-marker {
  display: none;
}

.accordion_title:after {
  content: "+";
  position: absolute;
  top: calc(50% - 0.5em);
  right: 40px;
  line-height: 1;
  padding: 0;
  pointer-events: none;
  font-size: 24px;
  font-weight: normal;
}

.accordion::details-content {
  opacity: 0;
  block-size: 0;
  transition: .3s;
  transition-property: display, opacity, block-size, padding;
  transition-behavior: allow-discrete;
  line-height: 1.6em;
  background: #ffffff;
}

.accordion .accordion_contents {
  padding: 1.4em;
}


.accordion .accordion_contents>*:first-of-type {
  margin-top: 0;
}

.accordion .accordion_contents>*:last-of-type {
  margin-bottom: 0;
}

.accordion[open]::details-content {
  opacity: 1;
  block-size: auto;
  block-size: calc-size(auto, size);
}

.accordion[open] .accordion_contents {
  padding: 1.4em;
}

.accordion[open] .accordion_title:after {
  content: "ー";
  font-size: 14px;
}

.content ol li {
  color: #170D02 !important;
}

@media (max-width: 768px) {
  .accordion_title {
    width: 90%;
    padding: 1.4rem 40px 1.4rem 15px;
  }

  .accordion_title:after {
    right: 15px;
  }
}

.green {
  color: #16A761 !important;
}

.orange {
  color: #FF9603 !important;
}

.orange-border {
  border-bottom: 3px solid #FF9603;
}

.y-border {
  border-bottom: 3px solid #F9E82E;
}

.g-border {
  border-bottom: 3px solid #82CBA8;
}

.g-border-dot {
  border-bottom: 3px dotted #82CBA8;
}

.txt-q {
  font-size: 120%;
}

.black {
  color: #333 !important;
}

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

@media (max-width: 768px) {
  .pc-cont {
    display: none;
  }
}

@media screen and (min-width: 760px) {


  .content-area {
    margin: 0 auto 40px;
    width: 992px;
    font-family: 'Noto Sans JP';
  }

  .content {
    margin: 0 auto;
    padding: 60px;
    width: 872px;
    font-size: 14px;
  }

  .content p {
    font-size: 14px;
    color: #170D02;
    line-height: 1.8;
  }

  .content p span {
    color: #170D02;
  }

  .content h2 {
    margin: 20px 0 40px;
    padding: 0 0 0 10px;
    font-size: 22px;
    border-left: #F2AD18 3px solid;
    line-height: 22px;
  }

  .content h3 {
    margin: 20px 0 10px !important;
    padding: 0 !important;
    font-size: 16px;
    color: #FF9603;
  }

  .h4-or-bg {
    margin: 20px auto !important;
    padding: 20px 40px;
    color: #fff;
    background: linear-gradient(to right, #FFD476 0%, #FF9603 50%, #FFD476 100%);
    font-size: 22px;
  }

  .tit-center {
    margin: 20px auto;
    text-align: center;
  }

  .content ul,
  .content ol {
    margin: 20px 0;
    padding: 0;
  }

  .content ul li,
  .content ol li {
    margin-left: 20px;
  }

  .content-2col {
    margin: 40px 0;
    display: flex;
    justify-content: space-between;

  }

  .content-2col-h {
    width: 46%;

  }

  .content-2col-4 {
    width: 36%;

  }

  .content-2col-6 {
    width: 56%;

  }

  .content-2col-h-pict {
    width: 100%;

  }

  .content-2col-h-pict-titmgn {
    margin-top: 20px;
  }

  .content-box {
    margin: 60px 0 20px;
    width: 100%;
    padding: 30px;
    border: 3px solid #9C8C6A;
  }

  .content-box h3 {
    margin-top: 0 !important;
  }

  .content-box-2col {
    margin: 0;
    display: flex;
    justify-content: space-between;

  }

  .content-box-2col-pict {
    width: 32%;
  }

  .content-box-2col-pict img {
    width: 100%;
  }

  .content-box-2col-cont {
    width: 65%;
  }

  .faq-q {
    padding: 20px 30px;
  }

  .faq-a {
    margin-bottom: 20px;
    padding: 20px 30px;
    background: #FFE3A6;
  }



  .recruit-copy {
    margin: 0 auto;
    padding: 60px 0;
    width: 100%;
    background-image: url(./images/recruit-copy.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    text-align: center;
  }

  .recruit-copy h2 {
    font-weight: normal;
    font-size: 24px;
    line-height: 2;
  }

  .recruit-copy h2 span {
    font-weight: bold;
  }

  .recruit-copy p {
    padding: 0 140px;
    font-size: 16px;
  }

  .recruit-entry {
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 996px;
    height: 568px;
    background-image: url(./images/recruit-entry.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    text-align: center;
  }

  .recruit-entry-form-txt {
    position: absolute;
    left: 460px;
    bottom: 20px;
    color: #ff9603;
    font-weight: bold;
  }

  .recruit-entry-form-pict {
    position: absolute;
    left: 660px;
    bottom: 20px;
  }

  .recruit-entry-form-pict img {
    width: 80px;
  }

  .recruit-entry-form-qr {
    position: absolute;
    left: 500px;
    bottom: 20px;
  }

  .recruit-entry-insta {
    position: absolute;
    left: 760px;
    bottom: 40px;
  }

  .recruit-entry-line {
    position: absolute;
    left: 800px;
    bottom: 40px;
  }

  .recruit-entry-pc {
    position: absolute;
    left: 840px;
    bottom: 40px;
  }

  .recruit-entry-tel-txt {
    position: absolute;
    left: 760px;
    bottom: 20px;
  }

  .h2-c {
    margin-left: 200px !important;
  }

  .mt-60 {
    margin-top: 80px !important;
  }

  /* ページトップへ */
  .pagetop {
    display: none;
    position: fixed;
    bottom: 50px;
    right: 50px;
  }

  .pagetop a {
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    text-align: center;
    color: #fff;
    font-size: 85%;
    text-decoration: none;
    line-height: 50px;
  }


}

@media screen and (max-width: 759px) {

  .content-area {
    margin: 0 auto 40px;
    width: 100%;
    font-family: 'Noto Sans JP';
  }

  .content {
    margin: 0 auto;
    padding: 20px 0;
    width: 90%;
    font-size: 1.6rem;
  }

  .content p {
    font-size: 1.6rem;
    color: #170D02;
    line-height: 1.8;
  }

  .content p span {
    color: #170D02;
  }

  .content h2 {
    margin: 20px 0 40px;
    padding: 0 0 0 10px;
    font-size: 2rem;
    border-left: #F2AD18 3px solid;
    line-height: 1;
    border-bottom: none;
  }

  .content h3 {
    margin: 20px 0 10px !important;
    padding: 0 !important;
    font-size: 16px;
    color: #FF9603;
    border-top: none;
    border-bottom: none;
    background: none;
  }

  .content h4 {
    border-bottom: none;
    width: 100%;
  }

  .h4-or-bg {
    margin: 20px auto !important;
    padding: 20px 40px;
    color: #fff;
    background: linear-gradient(to right, #FFD476 0%, #FF9603 50%, #FFD476 100%);
    font-size: 22px;
  }

  ol li {
    color: #170D02;
    margin: 0 0 5px 70px;
    font-size: 1.6rem;
  }

  .tit-center {
    margin: 20px auto;
  }

  .content ul,
  .content ol {
    margin: 20px 0;
    padding: 0;
  }

  .content ul li,
  .content ol li {
    margin-left: 20px;
  }

  .content-2col {
    margin: 20px 0;

  }

  .content-2col-h {
    width: 100%;

  }

  .content-2col-4 {
    width: 100%;

  }

  .content-2col-6 {
    width: 100%;

  }

  .content-2col-h-pict {
    width: 100%;

  }

  .content-2col-h-pict-titmgn {
    margin-top: 20px;
  }

  .content-box {
    margin: 30px auto 20px;
    width: 90%;
    padding: 30px 5%;
    border: 3px solid #9C8C6A;
  }

  .content-box h3 {
    margin-top: 0 !important;
  }

  .content-box-2col {
    margin: 0;

  }

  .content-box-2col-pict {
    width: 100%;
  }

  .content-box-2col-pict img {
    width: 100%;
  }

  .content-box-2col-cont {
    width: 100%;
  }

  .faq-q {
    padding: 10px 15px;
  }

  .faq-a {
    margin-bottom: 20px;
    padding: 10px 15px;
    background: #FFE3A6;
  }

  .recruit-copy {
    margin: 0 auto;
    padding: 20px 0;
    width: 100%;
    background-image: url(./images/recruit-copy.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    text-align: center;
  }

  .recruit-copy h2 {
    padding: 20px 40px;
    font-weight: normal;
    font-size: 2rem;
    line-height: 2;
    background: none;
    border: none;
  }

  .recruit-copy h2 span {
    font-weight: bold;
  }

  .recruit-copy p {
    padding: 0 40px 40px;
    font-size: 1.6rem;
    line-height: 1.6;
  }


  .recruit-entry-form-txt {
    margin-bottom: 10px;
    padding: 0;
    font-size: 1.6rem;
    color: #ff9603;
    font-weight: bold;

  }

  .recruit-entry-form-pict {
    padding: 10px;
  }

  .recruit-entry-form-pict img {
    width: 200px;
  }

  .recruit-entry-form-qr {
    padding: 0;
  }

  .recruit-entry-insta {
    padding: 10px;
    width: 90px;
  }

  .recruit-entry-insta img,
  .recruit-entry-line img,
  .recruit-entry-pc img {
    width: 100%;
  }

  .recruit-entry-line {
    padding: 10px;
    width: 90px;
  }

  .recruit-entry-pc {
    padding: 10px;
    width: 90px;
  }

  .recruit-entry-tel-txt {
    padding: 0;
    font-size: 1.6rem;
  }

  .recruit-entry-sns {
    display: flex;
    justify-content: flex-start;

  }

  .mt-60 {
    margin-top: 40px !important;
  }

  .accordion {}


  /* ページトップへ */
  .pagetop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
  }

  .pagetop a {
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    text-align: center;
    color: #fff;
    font-size: 85%;
    text-decoration: none;
    line-height: 50px;
  }


}


@media screen and (min-width: 769px) {

  #toc_container {
    width: 100%;
    padding: 40px;
    margin-bottom: 30px;
  }

}

@media screen and (max-width: 768px) {



  #wrap {
    width: 100%;
    padding: 0;
  }

  /*
Theme Name: スマートフォン専用サイト制作
Theme URI: http://sumaho-s.com/
Author: スマホ集客プロジェクト（株式会社 ＯＭコンサルティング）
Author URI: http://web-sumaho.com/
Description: スマートフォンサイト制作
Version: 1
License: GNU General Public License
*/

  .lineup li {

    margin-bottom: 5px;
  }


  .lineup li.tel,
  .lineup li.tel_yoyaku {
    float: right;
    width: 299px;
  }

  /* cssリセット
--------------------------------------------*/
  h1,
  h2,
  h3,
  h4,
  h5 {
    margin: 0;
    font-size: 1em;
    font-weight: normal;
  }

  ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  img {
    vertical-align: bottom;
  }

  /* H2
--------------------------------------------*/
  h2 {
    background: #ffffff;
    padding: 15px 10px 10px 10px;
    margin-bottom: 20px;
    font-size: 30px;
    border-bottom: solid 2px #444;
    color: #222;
    line-height: 1.2;
    font-weight: bold;
  }

  /* H3
--------------------------------------------*/
  h3 {
    border-bottom: 2px solid #444;
    border-top: 2px solid #444;
    padding: 10px 15px 10px 15px;
    font-weight: bold;
    margin: 25px 0 25px 0;
    color: #444;
    font-size: 25px;
    background: #efefef;
  }

  h4 {
    border-bottom: 2px dotted #ff9817;
    padding: 10px 15px 10px 15px;
    font-weight: bold;
    margin: 0px 0 15px 0;
    color: #ff9817;
  }

  a:link,
  a:active,
  a:visited {
    text-decoration: none;
    color: #ff9817;
  }





  /* 汎用クラス
--------------------------------------------*/
  .box01 {
    border: 3px solid #170D02;
    /* ここで色を変える*/
    padding: 30px 15px 15px 15px;
    margin: 5px 5px 20px 5px;
    background: #F7F7F7;
  }


  .box01 li {
    margin-bottom: 10px;
  }


  .box01b {
    padding: 10px 5px 10px 5px;
    margin: 5px 5px 20px 5px;
    background: #efefef;
  }

  .t1 {
    font-size: 20px;
  }

  .m_btm10 {
    margin-bottom: 10px;
  }

  .m_btm20 {
    margin-bottom: 20px;
  }

  .m_btm30 {
    margin-bottom: 30px;
  }

  .m_btm100 {
    margin-bottom: 100px;
  }

  .center {
    text-align: center;
  }

  .aligncenter {
    text-align: center;
    display: block;
    margin: 0 auto;
  }

  .bold01 {
    color: #f00;
    font-weight: bold;
  }

  .lineup ul {
    overflow: hidden;
  }

  .lineup li {
    float: left;
  }





  /* ヘッダー
--------------------------------------------*/
  .top_info {
    font-size: 20px;
    font-weight: bold;
    color: #690;
    line-height: 22px;
  }

  .h_promo {
    position: relative;
  }

  #header_bnr {
    position: absolute;
    top: 530px;
    left: 0px;
  }

  a.bnr_sdgs {
    border: 1px solid #ccc;
    display: block;
    width: 70%;
    margin: 10px auto 0;
  }

  a.bnr_sdgs img {
    margin: auto;
  }

  /* コンテンツ
--------------------------------------------*/
  .box02 {
    overflow: hidden;
    margin-bottom: 20px;
    margin-left: 20px;
  }

  .box02a {
    width: 340px;
    float: left;
  }

  .box02b {
    width: 280px;
    float: right;
  }

  .box02a1 img {
    float: right;
    margin-top: 15px;
    margin-right: 20px;
  }

  .box02b1 {
    width: 280px;
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
  }

  /* フッター
--------------------------------------------*/
  #footer {
    text-align: center;
    background: #444;
    background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#444));
    /* ここで色を変える*/
    padding: 0 0 10px 0;
    color: white;
  }

  /* コンタクトフォーム
--------------------------------------------*/
  .wpcf7,
  span.wpcf7-not-valid-tip {
    font-size: 24px !important;
    font-weight: bold;
  }

  .table01 {
    padding: 1px;
    width: 100%;
    margin-bottom: 12px;
    margin-top: 12px;
  }

  .table01 th {
    background: #efefef;
    padding: 5px;
    text-align: left;
    white-space: nowrap;
    border-bottom: 1px solid #CCC;
  }

  .table01 td {
    background: #fff;
    padding: 5px;
    text-align: left;
    border-bottom: 1px solid #CCC;
  }

  .table01 input[type="text"],
  textarea {
    width: 90%;
    padding: 5px;
    font-size: 24px;
  }

  #submit {
    display: block;
    font-size: 30px;
    margin: 0 auto;
    width: 250px;
    height: 75px;
  }


  .table02 {
    padding: 1px;
    width: 100%;
    margin-bottom: 24px;
  }

  .table02 th {
    background: #efefef;
    padding: 5px 10px;
    text-align: left;
    white-space: no-wrap;
    border-bottom: 1px solid #CCC;
  }

  .table02 td {
    background: #fff;
    padding: 10px;
    text-align: left;
    border-bottom: 1px solid #CCC;
    white-space: no-wrap;
  }






  html {
    -webkit-text-size-adjust: none;
  }

  body {
    font: 24px/30px Verdana, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif;
    color: #4D4D4D;
    width: 640px;
    margin: 0;
    background-color: #fff;
  }

  img {
    border: 0px;
  }


  input {
    font-size: 70%;
  }


  .button {
    font-weight: bold;
    display: inline-block;
    zoom: 1;
    /* zoom and *display = ie7 hack for display:inline-block */
    display: inline;
    vertical-align: baseline;
    margin: 0 2px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 20px/100% Arial, Helvetica, sans-serif;
    padding: .5em 2em .55em;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 4px 4px 10px #000;
    -moz-box-shadow: 4px 4px 10px #000;
    box-shadow: 4px 4px 10px #000;
  }

  .button2 {
    font-weight: bold;
    display: inline-block;
    zoom: 1;
    /* zoom and *display = ie7 hack for display:inline-block */
    display: inline;
    vertical-align: baseline;
    margin: 0 2px;
    width: 550px;
    cursor: pointer;
    text-decoration: none;
    font: 20px/100% Arial, Helvetica, sans-serif;
    padding: 20px 20px 20px 20px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    border: solid 2px #db6305;
  }


  .blue {
    color: #222;
    border: solid 1px #2e75c1;
    background: #f6f8fb;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f6f8fb));
    background: -moz-linear-gradient(top, #fff, #f6f8fb);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#f6f8fb');
    margin-bottom: 15px;
    margin-right: 15px;
    margin-left: 15px;
    padding: 10px;
  }

  .blue strong {
    font-weight: bold;
    color: #2e75c1;
  }

  .brown {
    height: 80px;
    font-weight: bold;
    text-align: center;
    border: solid 1px #331d07;
    background-color: #040c30;
    background: -webkit-gradient(linear, left top, left bottom, from(#dba965), to(#672911));
    background: -moz-linear-gradient(top, #dba965, #672911);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dba965', endColorstr='#672911');
  }

  .block {
    position: relative;
    top: 30%;
    margin-top: -40px;
    color: #fff;
    font-size: 26px;
  }

  .block_cli {
    position: relative;
    top: 10%;
    margin-top: -40px;
    color: #fff;
    font-size: 26px;
  }

  .brown2 {
    height: 60px;
    text-align: left;
    border: solid 3px #1d8de5;
    background-color: #ffffff;
    border-radius: .5em;
  }

  .brown3 {
    padding: 10px 0px 10px 52px;
    height: 60px;
    text-align: left;
    border: solid 3px #f79e32;
    background-color: #ffffff;
    border-radius: .5em;
  }


  .block2 {
    position: relative;
    top: 30%;
    margin-top: -30px;
    color: #f79e32;
    font-size: 22px;
    font-weight: bold;
  }

  dt {

    padding: 20px 10px 20px 10px;

    font-size: 24px;
    background: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffda9c', endColorstr='#db6305');
    color: #000000;
    font-weight: bold;
    vertical-align: middle;
  }

  dt.last-child {
    border-bottom: none;
  }

  dd {
    padding: 10 10 10 10;
    margin-left: 0px;
    font-size: 14px;
    color: #cccc;
  }

  .footer-txt {
    font-size: 20px;
    vertical-align: middle;
    text-align: center;
    padding: 40px 0 40px 0px;
  }

  #header-top {
    padding: 0px 0px 0px 10px;
    background-color: #422103;
    font-size: 24px;
  }

  #footer-bottom {
    vertical-align: middle;
    text-align: center;
    padding: 0px 0px 0px 10px;
    background-color: #6699FF;
    font-size: 18px;
  }

  th.th-lock {
    width: 150px;
  }

  table.table-01 {
    width: 600px;
    border: 1px #FF8000 solid;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 24px;
  }

  table.table-01 th {
    padding: 5px;
    border: #FF8000 solid;
    border-width: 0 0 1px 1px;
    background: #fdf1ce;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
  }

  table.table-01 td {
    padding: 5px;
    border: 1px #fdf1ce solid;
    border-width: 0 0 1px 1px;
    text-align: left;
  }

  table.table-02 {
    width: 600px;
    border: 1px #FF8000 solid;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 24px;
  }

  table.table-02 th {
    width: 450px;
    padding: 5px;
    border: #FF8000 solid;
    border-width: 0 0 1px 1px;
    background: #FFF7E6;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
  }

  table.table-02 td {
    padding: 5px;
    border: 1px #FF8000 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
  }

  table.table-03 {
    width: 600px;
    border: 1px #FF8000 solid;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 24px;
  }

  table.table-03 th {
    width: 150px;
    padding: 5px;
    border: #FF8000 solid;
    border-width: 0 0 1px 1px;
    background: #FFF7E6;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
  }

  table.table-03 td {
    padding: 5px;
    border: 1px #FF8000 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
  }

  .table-l {
    margin-left: 20px;
    float: left;
    font-size: 26px;
    width: 100px;
    background-color: #cccccc;
    border: 1px solid;
    border-color: #000000;
  }

  .table-r {
    margin-left: 20px;
    float: clear;
    font-size: 26px;
    width: 540px;
    border: 1px solid;
    border-color: #000000;
  }

  /* white */
  .white {
    color: #606060;
    border: solid 3px #db6305;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
    background: -moz-linear-gradient(top, #fff, #ededed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#ededed');
  }

  .white:hover {
    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
    background: -moz-linear-gradient(top, #fff, #dcdcdc);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#dcdcdc');
  }

  .white:active {
    color: #999;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
    background: -moz-linear-gradient(top, #ededed, #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#FFFFFF');
  }

  /* コンタクトフォーム
--------------------------------------------*/

  .wpcf7 input[type="text"],
  .wpcf7 textarea {

    padding: 3px;
    margin: 5px;
  }

  .wpcf7 input[type="text"].ss {
    width: 25px;
  }

  .wpcf7 input[type="text"].s {
    width: 50px;
  }

  .wpcf7 input[type="text"].m {
    width: 150px;
  }

  select.wpcf7-form-control {
    height: 45px;
  }

  span.wpcf7-list-item {
    display: block;
  }




  .alignright {
    float: right;
    padding: 0 0 15px 15px;
  }




  .alignleft {
    float: left;
    padding: 0 15px 15px 0;
  }


  * html body {
    overflow: hidden;
  }

  div#footer {
    position: fixed !important;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 640px;
  }

  * html div#contents {
    height: 100%;
    overflow: auto;
  }

  div.content_list ul {
    list-style-type: square !important;
    margin-left: 30px;
    margin-top: 1.2em;
  }

  div.content_list ol {
    margin-left: 30px;
    margin-top: 1.2em;
  }

  div.content_list li {
    margin-bottom: 0.3em;
  }


  #contents p {
    padding-right: 15px;
    padding-left: 15px;
  }


  #date {
    text-align: right;
    padding-right: 10px;
  }



  .backpage {
    text-align: right;
  }

  li.li_right {

    float: right;


  }

  li.li_right img {

    margin-bottom: 3px;


  }


  .clearfix:after {
    content: ".";
    /* 新しい要素を作る */
    display: block;
    /* ブロックレベル要素に */
    clear: both;
    height: 0;
    visibility: hidden;
  }

  .clearfix {
    min-height: 1px;
  }

  * html .clearfix {
    height: 1px;
    /*¥*/
    /*/
  height: auto;
  overflow: hidden;
  /**/
  }

  .t_center {
    text-align: center !important;
    display: block;
  }

  th.t_center {
    text-align: center !important;
  }


  .bana_center img {
    display: block;
    margin: 15px auto;


  }

  div#h_promo {
    position: relative !important;
  }

  .box02a1 p {
    margin: 0;
    font-size: 95%;
  }

  .box02 {
    overflow: hidden;
    margin-bottom: 0px;
    margin-left: 20px;
  }

  .lineup li {
    margin-bottom: 0;
  }

  .table03 th {

    background: #efefef;


  }

  .table03 p {
    margin: 5px;
  }


  .btn-square-so-pop {
    position: relative;
    display: inline-block;
    padding: 0.25em 0.5em;
    text-decoration: none;
    background: #fd9535;
    /*色*/
    border-radius: 4px;
    /*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    font-weight: bold;
    border: solid 2px #d27d00;
    /*線色*/
    color: #fff !important;
    display: block;
    text-align: center;
  }

  .btn-square-so-pop:active {
    /*押したとき*/
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
  }


  i.fas.fa-angle-right.fa-position-right {
    padding-left: 20px;
  }


  /***** チェック *****/
  .list-check {
    list-style-type: none;
    line-height: 1.4;
    padding-left: 1em;
  }

  .list-check li {
    position: relative;
    padding: 0 .3em 0em 1.4em;
    margin: .6em 0 .6em 0;
  }

  .list-check li:after,
  .list-check li:before {
    position: absolute;
    content: '';
    display: block;
    background: #ff9817;
    top: .38em;
    left: .3em;
    height: 16px;
    width: .2em;
    transform: rotate(45deg);
  }

  .list-check li:before {
    top: .58em;
    left: 0;
    height: 8px;
    transform: rotate(-45deg);
  }

}