@charset "UTF-8";
/*
Theme Name: MamaSpo
*/
body {
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-size: 18px !important; }

@media (max-width: 991px) {
  body {
    font-size: 16px !important; } }
.wrapper {
  overflow: hidden; }

.wf-roundedmplus1c {
  font-family: "M PLUS Rounded 1c"; }

a {
  color: #FF6600; }
  a:hover {
    color: #ffa366; }

/*******************************************
 共通
*******************************************/
.fs-1 {
  font-size: 2.4rem; }

.fs-2 {
  font-size: 2.1rem; }

.fs-3 {
  font-size: 1.8rem; }

.fs-4 {
  font-size: 1.5rem; }

.fs-5 {
  font-size: 1.2rem; }

@media (max-width: 991px) {
  .fs-1 {
    font-size: 2.0rem; }

  .fs-2 {
    font-size: 1.8rem; }

  .fs-3 {
    font-size: 1.6rem; }

  .fs-4 {
    font-size: 1.2rem; }

  .fs-5 {
    font-size: 1.1rem; } }
.fw-bold {
  font-weight: bold; }

.txt-black {
  color: #12191D; }

.txt-gray {
  color: #404040; }

.txt-orange {
  color: #FF6600; }

.txt-white {
  color: white; }

.txt-red {
  color: red; }

.txt-official {
  color: #FE9400; }

.txt-brown {
  color: #8B5428; }

.txt-pink {
  color: #D86666; }

.txt-line-green {
  color: #07B53B; }

.bg-official {
  background-color: #FE9400; }

.bg-black {
  background-color: #12191D; }

.bg-gray {
  background-color: #404040; }

.bg-orange {
  background-color: #FF6600; }

.bg-white {
  background-color: white; }

.bg-braval {
  background-color: #000000; }

.bg-milagre {
  background-color: #0000FE; }

.bg-shooter {
  background-color: #818181; }

.bg-fa {
  background-color: #FFFFFF; }

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center; }

.link-btn {
  display: inline-block;
  border: 3px solid white;
  border-radius: 10px;
  padding: 20px 40px;
  font-size: 2.0rem;
  color: white; }
  .link-btn:hover {
    color: yellow;
    border-color: yellow;
    text-decoration: none; }

.link-btn-black {
  border: 3px solid #12191D;
  color: #12191D; }
  .link-btn-black:hover {
    color: #FF6600;
    border-color: #FF6600; }

.link-btn-orange {
  border: 3px solid #FF6600;
  color: #FF6600; }
  .link-btn-orange:hover {
    color: red;
    border-color: red; }

.link-btn-sm {
  padding: 10px 15px;
  font-size: 1.4rem; }

a.hov-up-link img {
  transition-duration: 0.5s; }
a.hov-up-link:hover img {
  transform: translateY(-5px); }

.sp-show {
  display: none; }

@media (max-width: 768px) {
  .sp-show {
    display: block; }

  .sp-none {
    display: none !important; } }
/*******************************************
 ヘッダー
*******************************************/
.page-header .heading {
  font-size: 0.8rem;
  padding: 5px;
  border-bottom: 1px solid #404040; }
.page-header .container {
  position: relative; }
.page-header .header-content {
  padding-top: 20px;
  padding-bottom: 20px; }
  .page-header .header-content h1 {
    text-align: left; }
  .page-header .header-content .header-link {
    position: absolute;
    right: 0;
    top: 3px; }
    .page-header .header-content .header-link .phone-no {
      display: inline-block;
      vertical-align: middle;
      font-size: 2.6rem; }
    .page-header .header-content .header-link a {
      display: inline-block;
      vertical-align: middle;
      text-decoration: none;
      height: 60px; }
      .page-header .header-content .header-link a img {
        width: 60px; }
.page-header #MainMenu nav ul {
  text-align: center;
  list-style: none;
  margin: 0;
  padding: 0; }
  .page-header #MainMenu nav ul li {
    display: inline-block; }
    .page-header #MainMenu nav ul li a {
      display: block;
      color: white;
      padding: 10px 20px; }
      .page-header #MainMenu nav ul li a:hover {
        color: yellow;
        text-decoration: none; }

@media (max-width: 991px) {
  .header-link .phone-no {
    font-size: 2.0rem; }
  .header-link a img {
    width: 50px !important; } }
@media (max-width: 970px) {
  #MainMenu nav ul li a {
    padding: 10px !important; } }
@media (max-width: 768px) {
  .page-header .heading {
    font-size: 0.6rem; }
  .page-header h1 {
    display: inline-block;
    width: 200px; }
    .page-header h1 img {
      height: auto; }
  .page-header .header-link {
    position: absolute;
    right: 45px !important;
    top: 5px !important; }
    .page-header .header-link a {
      margin-left: 5px; }
      .page-header .header-link a img {
        width: 40px !important; }
  .page-header #MainMenu {
    position: fixed;
    top: 0px;
    right: -250px;
    width: 250px;
    height: 100%;
    padding: 5px;
    border: none !important;
    border-left: 2px solid white !important;
    z-index: 50;
    /*.main-menu-title {
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
        background-color: $Black;
        color: white;
    }*/ }
    .page-header #MainMenu .main-menu-inner {
      height: 100%;
      overflow: auto; }
    .page-header #MainMenu nav {
      padding-top: 20px; }
      .page-header #MainMenu nav ul {
        text-align: left !important;
        padding-left: 10px !important; }
        .page-header #MainMenu nav ul li {
          display: block; }
          .page-header #MainMenu nav ul li a {
            display: inline-block !important;
            color: white;
            padding: 5px 0 !important; }
          .page-header #MainMenu nav ul li::before {
            font-family: "Font Awesome 5 Free";
            content: '\f0da';
            font-weight: bold;
            color: yellow;
            padding-right: 5px; }
  .page-header .menu-toggle {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50px;
    left: -40px;
    z-index: 20;
    padding: 4px;
    background-color: #FF6600;
    border: 2px solid white;
    border-right: 2px solid #FF6600;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    cursor: pointer; }
  .page-header .menu-toggle div {
    position: relative; }
  .page-header .menu-toggle span {
    display: block;
    position: absolute;
    height: 2px;
    background: white;
    width: 100%;
    left: 0;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out; }
  .page-header .menu-toggle span:nth-child(1) {
    top: 4px; }
  .page-header .menu-toggle span:nth-child(2) {
    top: 13px; }
  .page-header .menu-toggle span:nth-child(3) {
    top: 22px; }
  .page-header .menu-toggle .open span:nth-child(1) {
    top: 13px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg); }
  .page-header .menu-toggle .open span:nth-child(2) {
    width: 0;
    left: 50%; }
  .page-header .menu-toggle .open span:nth-child(3) {
    top: 13px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    transform: rotate(-135deg); } }
/* パンくず */
.breadcrumb {
  margin-bottom: 0; }
  .breadcrumb p {
    font-size: .9rem;
    margin: 0;
    padding: 0; }
    .breadcrumb p a {
      color: #FF6600; }

/*******************************************
 フッター
*******************************************/
.page-footer .footer-content {
  padding-top: 5rem;
  padding-bottom: 5rem; }
  .page-footer .footer-content .footer-navi,
  .page-footer .footer-content .office-address {
    padding-left: 2rem;
    padding-right: 2rem; }
  .page-footer .footer-content .footer-navi a {
    color: white; }
    .page-footer .footer-content .footer-navi a:hover {
      color: yellow; }
.page-footer .copyright {
  padding: 5px;
  font-size: 0.8rem; }

@media (max-width: 767px) {
  .footer-navi ul li a {
    display: block;
    padding: 5px;
    border-top: 1px solid #12191D;
    border-left: 1px solid #12191D;
    border-right: 1px solid #12191D;
    background-color: white;
    color: #12191D !important;
    text-align: center; }
    .footer-navi ul li a:hover {
      background-color: #FF6600;
      color: white !important;
      text-decoration: none; } }
/*******************************************
 サイドバー（ブログ用）
*******************************************/
.widget-area {
  padding-top: 5rem;
  padding-bottom: 5rem; }
  .widget-area .widget-box {
    margin-bottom: 3rem; }
    .widget-area .widget-box .widget-title {
      padding: 5px;
      background-color: #12191D;
      color: white;
      font-size: 1.2rem;
      font-weight: normal; }
    .widget-area .widget-box ul {
      margin: 0 0 0 15px;
      padding: 0; }

#wp-calendar {
  border-collapse: collapse;
  border: 1px solid #404040;
  width: 100%;
  font-size: 0.9rem; }
  #wp-calendar thead tr th {
    text-align: center;
    font-weight: normal;
    color: white;
    border-bottom: 1px solid #404040;
    border-left: 1px solid #404040;
    background-color: #FF6600; }
  #wp-calendar td {
    color: #404040;
    text-align: center;
    padding: auto;
    border-bottom: 1px solid #404040;
    border-left: 1px solid #404040; }
  #wp-calendar caption {
    caption-side: top;
    font-weight: bold;
    text-align: left; }
  #wp-calendar tbody tr #today {
    background-color: #CCC; }

/*******************************************
 コンテンツ
*******************************************/
.section-box {
  padding-top: 5rem;
  padding-bottom: 5rem; }
  .section-box .section-title {
    font-size: 2.6rem;
    font-family: "M PLUS Rounded 1c";
    text-align: center;
    margin-bottom: 5rem; }

.under-bar {
  position: relative;
  padding-bottom: 1.5rem;
  text-align: center; }
  .under-bar::before {
    position: absolute;
    bottom: -10px;
    left: calc(50% - 30px);
    width: 60px;
    height: 10px;
    content: '';
    border-radius: 3px;
    background: white; }

.under-bar-orange::before {
  background: #FF6600; }

.under-bar-black::before {
  background: #12191D; }

@media (max-width: 767px) {
  .section-box {
    padding-top: 4rem;
    padding-bottom: 4rem; }
    .section-box .section-title {
      font-size: 2.2rem;
      text-align: center;
      margin-bottom: 3rem; }

  .under-bar {
    padding-bottom: 1.0rem; } }
/*******************************************
 トップページ
*******************************************/
#MainVisual {
  width: 100%;
  margin: 0;
  padding: 0;
  /*#MV01 {
      .main-visual-item-text {
          top: 50%;
          transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
      }
  }
  #MV02 {
      .main-visual-item-text {
          width: 600px;
          text-align: center;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          img {
              margin-left: auto;
              margin-right: auto;
          }
      }
  }
  #MV03 {
      .main-visual-item-text {
          width: 600px;
          text-align: center;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          img {
              margin-left: auto;
              margin-right: auto;
          }
      }
  }*/ }
  #MainVisual .main-visual-item {
    position: relative;
    /*width: 1000px !important;
    height: 665px;*/ }
    #MainVisual .main-visual-item .main-visual-item-text {
      position: absolute;
      z-index: 20;
      font-size: 2.0rem;
      font-weight: bold;
      color: white;
      text-shadow: 2px 2px 3px #404040;
      width: 700px;
      text-align: center;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%); }
      #MainVisual .main-visual-item .main-visual-item-text img {
        margin-left: auto;
        margin-right: auto; }

@media (max-width: 767px) {
  #MainVisual {
    /*#MV01 {
        .main-visual-item-text {
            text-align: center;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }
    }*/ }
    #MainVisual .main-visual-item .main-visual-item-text {
      width: 90vw !important;
      font-size: 1.7rem; } }
.top-box .top-box-summary,
.top-box .top-box-img {
  width: 50%; }
.top-box .top-box-summary {
  padding: 8rem 5rem;
  min-height: 350px; }
  .top-box .top-box-summary h3 {
    font-size: 2.5rem;
    font-weight: bold; }
.top-box .top-box-img {
  background-attachment: fixed;
  background-size: contain;
  cursor: pointer; }
  .top-box .top-box-img .top-box-img-inner {
    width: 100%;
    height: 100%; }
    .top-box .top-box-img .top-box-img-inner .brand-logo {
      text-align: center;
      background-color: rgba(255, 255, 255, 0.4);
      padding-top: 1rem;
      padding-bottom: 1rem;
      width: 100%; }
.top-box a.brand-logo-btn {
  width: 200px; }
  .top-box a.brand-logo-btn img {
    transition: 0.5s;
    width: 200px; }
  .top-box a.brand-logo-btn:hover img {
    transform: scale(1.2, 1.2); }

/*.bg-left-img,
.bg-right-img {
    background-size: 50% contain;
    background-repeat: no-repeat;

}
.bg-left-img {
    background-position: left;
}
.bg-right-img {
    background-position: right;
}*/
#Welcome .top-box-img {
  background-image: url("images/top/bg_welcome.jpg?d=210919");
  background-position: right; }

#School .top-box-img {
  background-image: url("images/top/bg_school.jpg?d=210919");
  background-position: bottom right; }

#Braval .top-box-img {
  background-image: url("images/top/bg_braval.jpg"); }

#Shooter .top-box-img {
  background-image: url("images/top/bg_shooter.jpg"); }

#Milagre .top-box-img {
  background-image: url("images/top/bg_milagre.jpg");
  background-position: bottom right; }

#FlyingArrows .top-box-img {
  background-image: url("images/top/bg_fa.jpg?d=211014");
  background-position: bottom right; }

@media (max-width: 1199px) {
  .top-box .top-box-summary {
    padding: 5rem 50px; } }
@media (max-width: 991px) {
  .top-box {
    padding: 2rem 0;
    flex-wrap: wrap;
    border-bottom: 1px solid white; }
    .top-box .top-box-summary {
      order: 1;
      width: 100% !important; }
      .top-box .top-box-summary .top-box-summary-inner {
        padding: 10px;
        background-color: rgba(62, 62, 62, 0.5);
        border-radius: 10px;
        color: white; }
    .top-box .top-box-img {
      width: 90% !important;
      margin-left: auto;
      margin-right: auto;
      order: 2;
      background-attachment: scroll;
      background-size: cover; }
      .top-box .top-box-img .top-box-img-inner {
        position: relative;
        max-width: 100%;
        padding-top: 100%;
        height: 0%;
        margin-left: auto;
        margin-right: auto; }
        .top-box .top-box-img .top-box-img-inner .brand-logo {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }
          .top-box .top-box-img .top-box-img-inner .brand-logo img {
            max-width: 200px; }

  #Welcome {
    background-attachment: fixed;
    background-image: url("images/top/bg_welcome.jpg"); }

  #School {
    background-attachment: fixed;
    background-image: url("images/top/bg_school.jpg");
    background-position: center center; }

  #Braval .top-box-img {
    background-position: center center; }
  #Braval .top-box-summary {
    min-height: auto; }
    #Braval .top-box-summary .top-box-summary-inner {
      background-color: #12191D; }

  #Shooter .top-box-img {
    background-position: center center; }
  #Shooter .top-box-summary {
    min-height: auto; }
    #Shooter .top-box-summary .top-box-summary-inner {
      background-color: #12191D; }

  #Milagre .top-box-img {
    background-position: center center; }
  #Milagre .top-box-summary {
    min-height: auto; }
    #Milagre .top-box-summary .top-box-summary-inner {
      background-color: #12191D; }

  #FlyingArrows .top-box-img {
    background-position: center center; }
  #FlyingArrows .top-box-summary {
    min-height: auto; }
    #FlyingArrows .top-box-summary .top-box-summary-inner {
      background-color: #12191D; }

  /*#Braval {
      background-attachment: fixed;
      background-image: url("images/top/bg_braval.jpg");
      background-position: center center;
  }
  #Shooter {
      background-attachment: fixed;
      background-image: url("images/top/bg_shooter.jpg");
      background-position: center center;
  }
  #Milagre {
      background-attachment: fixed;
      background-image: url("images/top/bg_milagre.jpg");
      background-position: center center;
  }*/ }
@media (max-width: 767px) {
  .top-box .top-box-summary {
    padding: 2rem 1rem 0; } }
/* 応援ニュース */
#News {
  background-image: url("images/top/news/bg.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 600px; }

@media (max-width: 767px) {
  #News {
    background-size: contain;
    min-height: 450px; } }
/* お知らせ */
#Information h3 {
  font-size: 2.4rem;
  margin-bottom: 3rem; }

a.info-box {
  display: flex;
  position: relative;
  height: 250px;
  margin-bottom: 5px;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  border: 1px solid white; }
  a.info-box .eyecatch-img {
    transition-duration: 0.5s; }
  a.info-box:hover .eyecatch-img {
    transform: scale(1.2, 1.2); }
  a.info-box .info-title {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 5px;
    background-color: rgba(69, 69, 69, 0.7);
    color: white; }

.info-date {
  text-align: right;
  color: white; }

@media (max-width: 1199px) {
  a.info-box {
    height: 200px; } }
/*#Braval {
    background-image: url("images/top/bg_braval.jpg");
    background-size: cover;
    background-attachment: fixed;
    min-height: 600px;
    .braval-desc {
        width: 100%;
        padding: 20px;
        color: white;
        font-size: 1.6rem;
        background-color: rgba(75,75,75,0.60);
        a {
            display: inline-block;
            margin-top: 10px;
            color: white;
            &:hover {
                color: yellow;
            }
        }
    }
}*/
#MamaspoNews {
  background-image: url("images/top/news/news_bg.jpg?d=210917_01");
  background-attachment: fixed;
  background-position: center center;
  background-size: cover; }

#Flyer {
  background-image: url("images/flyer/bg.jpg?d=211018");
  background-attachment: fixed;
  background-position: center center;
  background-size: cover; }

@media (max-width: 767px) {
  #Flyer {
    background-attachment: scroll; } }
/*******************************************
 下層ページ
*******************************************/
.content-header {
  height: 200px;
  background-position: center center;
  background-size: cover;
  background-color: rgba(100, 100, 100, 0.3);
  background-blend-mode: lighten;
  border-top: 1px solid #404040;
  border-bottom: 1px solid #404040; }
  .content-header h2.content-title {
    font-size: 3.0rem;
    color: #12191D;
    text-shadow: 2px 2px 3px rgba(57, 57, 57, 0.3); }

@media (max-width: 767px) {
  .content-header {
    height: 120px; }
    .content-header h2.content-title {
      font-size: 2.0rem; } }
/*******************************************
 ユニフォーム
*******************************************/
#UniformHeader {
  background-color: rgba(255, 255, 255, 0.6);
  background-image: url("images/top/bg_uniform.jpg"); }

/*******************************************
 ヘッドギア
*******************************************/
#HeadgearHeader {
  background-color: rgba(255, 255, 255, 0.6);
  background-image: url("images/top/bg_headgear.jpg"); }

.headgear-list .headgear-list-box {
  margin-bottom: 2rem;
  text-align: center; }
  .headgear-list .headgear-list-box a {
    display: block;
    background-color: white;
    margin-bottom: 5px;
    padding: 10px;
    border-radius: 5px; }
  .headgear-list .headgear-list-box .headgear-name {
    font-size: 1.2rem;
    color: white;
    text-align: center; }

/*******************************************
 スクールウェア
*******************************************/
#SchoolWearHeader {
  background-color: rgba(255, 255, 255, 0.6);
  background-image: url("images/top/bg_school.jpg"); }

.school-wear-icon-box {
  margin-bottom: 20px; }
  .school-wear-icon-box .school-wear-icon-box-inner {
    background-color: #FF6600;
    margin-left: auto;
    margin-right: auto;
    max-width: 250px;
    margin-bottom: 10px;
    border-radius: 20px; }
  .school-wear-icon-box .school-wear-name {
    color: white; }

/*******************************************
 ミラグレ
*******************************************/
#MiragreHeader {
  background-color: rgba(255, 255, 255, 0.6);
  background-image: url("images/top/bg_miragre.jpg"); }

/*******************************************
　フライングアロウズ
*******************************************/
#FAHeader {
  background-color: rgba(255, 255, 255, 0.6);
  background-image: url("images/top/bg_fa.jpg"); }

/*******************************************
 会社案内
*******************************************/
.data-tbl {
  width: 100%;
  border-collapse: collapse; }
  .data-tbl th, .data-tbl td {
    border: 1px solid #404040;
    padding: 10px; }
  .data-tbl th {
    color: #FF6600;
    font-weight: normal; }
  .data-tbl td {
    padding-left: 5px; }

@media (max-width: 767px) {
  .data-tbl th, .data-tbl td {
    border: none;
    padding: 0; }
  .data-tbl td {
    padding-left: 5px; } }
.gmap {
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto; }
  .gmap .gmap-inner {
    position: relative;
    height: 0;
    padding-top: 56.25%;
    overflow: hidden; }
    .gmap .gmap-inner iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

@media (max-width: 960px) {
  .gmap .gmap-inner {
    padding-top: 75%; } }
@media (max-width: 600px) {
  .gmap .gmap-inner {
    padding-top: 100%; } }
/*******************************************
 よくあるご質問
*******************************************/
.faq-box {
  border-top: 3px dotted #404040;
  font-size: 1.2rem; }
  .faq-box:last-of-type {
    border-bottom: 3px dotted #707070; }
  .faq-box .faq-question {
    cursor: pointer;
    position: relative;
    padding: 20px 10px 20px 60px; }
    .faq-box .faq-question::before {
      content: "Q";
      position: absolute;
      left: 10px;
      top: 10px;
      padding: 0 10px;
      margin-right: 5px;
      background-color: #FF6600;
      color: white;
      font-size: 2.0rem;
      border-radius: 5px; }
    .faq-box .faq-question i {
      margin-left: 10px !important; }
  .faq-box .faq-answer {
    position: relative;
    border-top: 1px dotted #FF6600;
    margin-left: 5px;
    margin-right: 5px;
    padding: 20px 10px 20px 60px; }
    .faq-box .faq-answer::before {
      content: "A";
      position: absolute;
      left: 10px;
      top: 10px;
      padding: 0 10px;
      margin-right: 5px;
      background-color: #404040;
      color: white;
      font-size: 2.0rem;
      border-radius: 5px; }

/*******************************************
 メールフォーム
*******************************************/
/* 入力画面で非表示 */
.mw_wp_form_input .input_hidden {
  display: none; }

/* 確認画面で非表示 */
.mw_wp_form_confirm .confirm_hidden {
  display: none; }

.form-tbl {
  width: 95%;
  margin-left: auto;
  margin-right: auto; }
  .form-tbl caption {
    caption-side: top;
    color: #FF6600;
    padding: 0;
    margin-bottom: 0px; }
  .form-tbl th {
    font-weight: normal;
    width: 200px;
    font-size: 1.0rem;
    padding-left: 5px;
    padding-top: 5px;
    vertical-align: top; }
    .form-tbl th span {
      margin-right: 5px; }
  .form-tbl td span.error {
    color: red;
    font-size: 1.0rem;
    padding-bottom: 5px; }

@media (max-width: 767px) {
  .form-tbl,
  .data-tbl {
    width: 100%; }
    .form-tbl th,
    .form-tbl td,
    .data-tbl th,
    .data-tbl td {
      display: block; }
    .form-tbl th label,
    .data-tbl th label {
      margin-bottom: 0; }
    .form-tbl td,
    .data-tbl td {
      margin-bottom: 10px; } }
/*******************************************
 メールフォーム
*******************************************/
.heading15 {
  position: relative;
  padding-bottom: 20px;
  text-align: center; }

.heading15::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 7px;
  background-color: #FF6600;
  border-radius: 7px; }

/*******************************************
 ベアストラップ
*******************************************/
.kaisei-decol-regular {
  font-family: "Kaisei Decol", serif;
  font-weight: 400;
  font-style: normal; }

.kaisei-decol-medium {
  font-family: "Kaisei Decol", serif;
  font-weight: 500;
  font-style: normal; }

.kaisei-decol-bold {
  font-family: "Kaisei Decol", serif;
  font-weight: 700;
  font-style: normal; }

.top-bear-strap {
  padding-top: 4rem;
  padding-bottom: 4rem;
  background-image: url("images/bear_strap/top_bear_bg.jpg");
  background-color: rgba(255, 255, 255, 0.9);
  background-blend-mode: lighten;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }
  .top-bear-strap p {
    font-size: 1.6rem;
    color: #8B5428; }
  .top-bear-strap a.btn-brown {
    display: block;
    font-size: 1.2rem;
    color: white;
    text-align: center;
    background-color: #8B5428;
    padding: 5px;
    border-radius: 5px; }

#BearStrapHeader {
  background-color: rgba(255, 255, 255, 0.9);
  background-image: url("images/bear_strap/top_bear_bg.jpg"); }

.bg-star {
  background-image: url("images/bear_strap/bg_star.png");
  background-repeat: no-repeat;
  background-position: top left; }

.bg-pop {
  background-image: url("images/bear_strap/bg_pop.png");
  background-repeat: no-repeat;
  background-position: bottom center; }

.title-bg-line {
  position: relative; }
  .title-bg-line span {
    position: relative;
    z-index: 5; }
  .title-bg-line::before {
    content: "";
    display: block;
    position: absolute;
    bottom: -15px;
    left: 50%;
    z-index: 1;
    transform: translateX(-50%);
    width: 222px;
    height: 35px;
    background-image: url("images/bear_strap/title_bg.png");
    background-repeat: no-repeat; }

.bear_strap_points {
  display: flex; }
  .bear_strap_points .bear_strap_point {
    width: 33.3333%;
    padding: 30px 15px;
    background-image: url("images/bear_strap/dash_line.png");
    background-repeat: no-repeat;
    background-position: right center; }

@media (max-width: 767px) {
  .bear_strap_points {
    display: block; }
    .bear_strap_points .bear_strap_point {
      width: 100%;
      padding-left: 20px 0px;
      background-image: none; } }
.bear_strap_case {
  display: flex; }
  .bear_strap_case .case-box {
    width: 33.3333%;
    border-left: 1px solid white;
    border-right: 1px solid white; }

@media (max-width: 767px) {
  .bear_strap_case {
    display: block; }
    .bear_strap_case .case-box {
      width: 100%;
      margin-bottom: 3rem; } }
.type-box {
  display: flex; }
  .type-box .type-box-left {
    width: 60%;
    margin-bottom: 3rem; }
    .type-box .type-box-left h5 {
      background-color: #D86666;
      color: white;
      text-align: left;
      padding: 5px; }
    .type-box .type-box-left p {
      padding: 10px; }
  .type-box .type-box-right {
    width: 40%; }

@media (max-width: 767px) {
  .type-box {
    display: block;
    margin-bottom: 3rem; }
    .type-box .type-box-left,
    .type-box .type-box-right {
      width: 100%;
      margin-bottom: 0; } }
.line-area {
  background-color: #07B53B;
  color: white; }
  .line-area .line-order-left {
    height: 250px;
    width: 250px; }
    .line-area .line-order-left a.to-line-button {
      width: 100%;
      height: 100%;
      background-color: white;
      border-radius: 50%;
      text-align: center; }
  .line-area .line-order-right {
    padding-left: 10%; }

@media (max-width: 767px) {
  .line-area .line-order-left {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2rem; }
  .line-area .line-order-right {
    padding-left: 0; } }