/* === reset ========================  */
.cat-content, article.post, article.page, article.wp101, article.seo101 {
    border: none;
}
body {
   font-size: 15px;
   line-height: 1.5;
   min-width: 1160px;
   font-family: 'Noto Sans JP', "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", Verdana, Arial, Helvetica, sans-serif;
   letter-spacing: 1px;
   font-weight: 400;
   font-feature-settings: "palt";
   color: #212121;
   background-color: #fff;
   -webkit-text-size-adjust: 100%;
   text-size-adjust: 100%;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   margin-top: -10px;
   margin-left: -1px;
}

h1, h2, h3, h4, h5, h6 {
   line-height: 1.5;
}
.post-content h2 {
    border-bottom: none;
}
/* === /reset ========================  */
/* === common ========================  */
.section {
   clear: both;
   margin: 0 auto;
   /*padding: 80px 0;*/
   position: relative;
   z-index: 10;
   text-align: center;
}
.col-inner {
   display: block;
   width: 94%;
   max-width: 1160px;
   margin: 0 auto;
   position: relative;
}
.clr-red {
    color: #b72700;
}
.clr-wh {
  color: #fff;
}
.pagetop.show {
    z-index: 999;
}
@media screen and (max-width: 1200px){
.wrap, .one-column #content .wrap {
    margin-left: 0;
    margin-right: 0;
}
}
/* /common ========================  */


/* ===title======================= */
.section-title {
  margin-bottom: 1em;
  font-weight: 700;
  font-size: 4.0rem;
}
.section-title span {
  display: block;
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 1.8rem;
  color: #b72700;
}
.post-content h2.section-title {
   margin-bottom: 1em;
   font-weight: 700;
   font-size: 2.4rem;
}
/* ===/title======================= */
/* === top-area ======================== */
.section.bg-top{
    padding: 0;
}
.bg-top {
   position: relative;
   top: 0;
   padding: 0;
   background-color: #212121;
}

.top-area {
   position: relative;
   top: 0;
   width: 100%;
   /*max-height: 920px;*/
   background: url(http://xs451259.xsrv.jp/www2/wp-content/uploads/2021/05/top-place-holder-scaled.jpg) no-repeat;
   background-size: cover;
}
.top-area:after {
   padding-top: calc(837/1815*100%);
   display: block;
   content: '';
}

.bg-top {
   position: relative;
   top: 0;
   padding: 0;
   background-color: #fff;
}

/*.top-text-area {*/
/*   position: absolute;*/
/*   top: 0;*/
/*   right: 0;*/
/*   bottom: 0;*/
/*   left: 0;*/
/*   margin: auto;*/
/*   width: 70%;*/
/*   max-width: 770px;*/
/*   height: 30%;*/
/*}*/

.post-content h2.top-text {
   margin: 0 auto 0;
   color: #212121;
   font-size: 3em;
   font-weight: 700;
   line-height: 1.38;
}
.top-text-lead {
   display: inline-block;
   margin: 1em auto 0.5em;
   font-size: 1.5vw;
   font-weight: bold;
   line-height: 1.5;
   color: #b72700;
   border-top: solid 1px #b72700;
   border-bottom: solid 1px #b72700;
}
.top-text-sub {
   color: #FFF;
   font-size: 1.5vw;
}
/* === /top-area ======================== */
/* === footer ========================  */
.footer-02 .footer-copy {
    text-align: left;
    display: inline-block;
    margin-left: 3em;
    font-size: 12px;
}
.footer-company {
    display: inline-block;
    position: relative;
    margin-left: 3em;
    font-size: 12px;
}
.footer-privacy {
    display: inline-block;
    position: relative;
    margin-left: 3em;
    font-size: 12px;
}
.footer-company:after, .footer-privacy:after {
    position: absolute;
    left: -1.5em;
    content: "|";
}
/* ===/footer ========================  */
/* === faq ========================  */
.helpie-faq.accordions.custom-styles .accordion .accordion__item .accordion__header {
    border: 1px solid #ccc;
    position: relative;
}
.helpie-faq.accordions.custom-styles .accordion .accordion__item {
    margin-bottom: 30px;
}
.helpie-faq.accordions.custom-styles .accordion .accordion__item .accordion__header:before {
    content: "Q";
    position: absolute;
    background: #212121;
    width: 84px;
    height: 84px;
    top: 0;
    left: 0;
    transform: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-size: 2em;
}
.helpie-faq.accordions .accordion .accordion__item .accordion__header .accordion__title {
    padding-left: 80px;
}
/* === /faq ========================  */

/*=== mobile ========================  */
@media screen and (max-width: 768px) {
  body {
    font-size: 1.5rem;
    min-width: initial!important;
    letter-spacing: 0;
  }
.post-content, .cta-post-title, .post-cta, .post-cta-inner, .post-share, .post-author, article.page .post-header {
    padding: 0 !important; 
}
.wrap, .one-column #content .wrap {
    margin-left: 0;
    margin-right: 0;
}
.footer-02 .footer-copy {
    margin-left: 1em;
}
.post-content .helpie-faq.accordions.custom-styles .accordion .accordion__item .accordion__header {
    padding-top: 9px;
    padding-right: 30px;
    padding-bottom: 9px;
    padding-left: 20px;
}
.helpie-faq.accordions .accordion .accordion__item .accordion__header .accordion__title {
    font-size: 20px;
    min-height: 56px;
}
.helpie-faq.accordions .accordion__header:after {
    margin-right: 17px;
}
.accordion__body {
    font-size: 18px;
}

.post-content h2.section-title {
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 1.3rem;
}
.section-title span {
    margin-bottom: 10px;
    font-size: 1.2rem;
}
.post-content h2.top-text {
    font-size: 2rem;
    line-height: 1.5;
}
.top-area {
    /*max-height: 500px;*/
    background: url(../../images/bg_top_sp.jpg) no-repeat center center;
    background-size: cover;
    /*height: 375px;*/
}
/*.top-area:after{
    padding-top: 820px!important;
  }*/

.top-text-area {
    width: 100%;
    height: 35%;
}

.top-text {
    font-size: 2.4rem;
    line-height: 1.5;
}

.top-text-sub {
    font-size: 1.3rem;
}

/*.top-area:after {
    padding-top: 100%;
}*/
.helpie-faq.accordions.custom-styles .accordion .accordion__item .accordion__header:before {
    height: 100%;
}
.post-content table tbody th {
    height: inherit!important;
    width:100%;
}
.post-content table tbody td {
    width:100%;
}
.table-grad:after{
    background-image:none;
}
.post-content table tbody td {
    width: 100%;
    border: none;
}
.mwform-checkbox-field.horizontal-item {
    display: inline-block;
    float: left;
    margin-left: 10px;
}
form textarea {
    width: 96%;
}

}
/*  ===/mobile ========================  */
/*=== tablet ========================  */
@media screen and (min-width:768px) and ( max-width:1024px) {
/*.problem_content02 img {
    width: 90%;
}*/
.post-content h2 {
    font-size: 22px;
}

}
/*=== /tablet ========================  */