@charset "UTF-8";
/* Scss Document */
/* =========================
	共通スタイル
===========================*/
/* IMPORT RESET */
@import url("reset.css");
/* IMPORT 12 COLUMN RESPONSIVE GS */
@import url("responsive.gs.24col.css");
/* colors */
/* 基本設定
=========================*/
body {
  font-family: "Source Sans Pro", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
  font-size: 17px;
  line-height: 1.4em;
  font-feature-settings: "palt";
  letter-spacing: .05em; }

@media screen and (max-width: 768px) {
  body {
    font-size: 15px; } }
/* 明朝 */
.min {
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

/* テキスト */
.s {
  font-size: 12px; }

.l {
  font-size: 19px; }

.bold {
  font-weight: bold; }

@media screen and (max-width: 768px) {
  .s {
    font-size: 11px; }

  .l {
    font-size: 17px; } }
.ttl-tx {
  font-size: 21px !important;
  font-weight: bold; }

@media screen and (max-width: 768px) {
  .ttl-tx {
    font-size: 18px !important;
    font-weight: bold; } }
/* PCのみ改行 */
@media screen and (max-width: 798px) {
  br.for-pc {
    display: none; } }
/* フレックスボックス */
@media screen and (min-width: 1011px) {
  .flex {
    display: -webkit-flex;
    /* Safari */
    display: flex; } }
/* テキストリンク */
a {
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

/* フェード */
.fade {
  transition: .2s; }
  .fade:hover {
    opacity: .8; }

/* 回り込み防止 */
.cf:after {
  display: block;
  content: "";
  clear: both; }

/* 基本幅 */
.base-wrap {
  margin: 0 auto; }

@media screen and (min-width: 1011px) {
  .base-wrap {
    max-width: 980px; } }
@media screen and (max-width: 1010px) {
  .base-wrap {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px; } }
/* パララックス */
.parallax-section {
  position: relative; }
  .parallax-section .layer-base {
    z-index: 1;
    position: relative; }
  .parallax-section .layer-back {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 0; }

/* 基本ボタン */
.bt-area {
  text-align: center; }

.bt-primary {
  display: inline-block;
  font-size: 20px;
  color: #fff;
  font-weiglht: bold;
  background: #99002f url(/shared/images/common/arw-white.png) no-repeat right 50px top 50%;
  background-size: 8px;
  border-radius: 45px;
  padding: 22px 0;
  text-align: center;
  min-width: 290px;
  transition: .3s;
  font-weight: bold; }
  .bt-primary:hover {
    background-color: #231815;
    text-decoration: none; }

@media screen and (max-width: 768px) {
  .bt-area {
    padding: 0 20px; }

  .bt-primary {
    font-size: 16px;
    padding: 20px 0;
    border-radius: 35px; } }
/* ローディング */
.loader-wrap {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200;
  width: 100%;
  height: 100vh;
  background-color: #fff;
  transition: 1.5s; }
  .loader-wrap.hide {
    opacity: 0; }

.loader {
  margin-top: -25px;
  margin-left: -25px;
  width: 50px !important;
  height: 50px !important;
  top: 50% !important;
  left: 50% !important;
  animation: rotateCirclePreloader 2s linear infinite,fadeIn 1s ease 0s 1 normal;
  -webkit-animation: rotateCirclePreloader 2s linear infinite, fadeIn 1s ease 0s 1 normal;
  position: absolute;
  background-color: transparent !important;
  display: inline-block; }
  .loader .path {
    stroke-dashoffset: 20px;
    stroke-dasharray: 130px;
    transform-origin: center 50%;
    fill: none;
    stroke-width: 4;
    animation: dashCirclrPreloader-chasing 1.2s ease-in-out infinite;
    stroke: #99002f; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes rotateCirclePreloader {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
@keyframes dashCirclrPreloader-chasing {
  0% {
    stroke-dashoffset: 130px; }
  50% {
    stroke-dashoffset: 10px;
    transform: rotate(55deg); }
  100% {
    stroke-dashoffset: 130px;
    transform: rotate(360deg); } }
/* 装飾付きBOX 
=========================*/
.deco-box {
  padding-bottom: 50px; }
  .deco-box .ttl {
    text-align: center; }
    .deco-box .ttl:before {
      content: "";
      display: block;
      height: 26px;
      position: relative;
      background-repeat: no-repeat;
      background-position: center top;
      top: -20px; }
    .deco-box .ttl .head {
      margin-top: -10px; }
    .deco-box .ttl h1, .deco-box .ttl h2, .deco-box .ttl h3 {
      margin: 15px 0 40px;
      font-size: 30px;
      font-weight: bold; }
      .deco-box .ttl h1 .l, .deco-box .ttl h2 .l, .deco-box .ttl h3 .l {
        display: block;
        margin-top: 15px; }
  .deco-box.red, .deco-box.brown {
    color: #fff; }
  .deco-box.red {
    background-color: #99002f; }
    .deco-box.red .ttl:before {
      background-image: url(/shared/images/common/box-deco-red.png); }
  .deco-box.brown {
    background-color: #231815; }
    .deco-box.brown .ttl:before {
      background-image: url(/shared/images/common/box-deco-brown.png); }
  .deco-box.white {
    background-color: #fff; }
    .deco-box.white .ttl:before {
      background-image: url(/shared/images/common/box-deco-white.png); }
    .deco-box.white .ttl h1, .deco-box.white .ttl h2, .deco-box.white .ttl h3 {
      color: #99002f; }
  .deco-box.border {
    background-color: #fff;
    border-top-width: 6px;
    border-top-style: solid; }
    .deco-box.border .ttl:before {
      top: -26px; }
    .deco-box.border.border-brown {
      border-top-color: #231815; }
      .deco-box.border.border-brown .ttl:before {
        background-image: url(/shared/images/common/box-deco-border-brown.png); }
      .deco-box.border.border-brown .ttl h1, .deco-box.border.border-brown .ttl h2 {
        color: #231815; }
    .deco-box.border.border-red {
      border-top-color: #99002f; }
      .deco-box.border.border-red .ttl:before {
        background-image: url(/shared/images/common/box-deco-border-red.png); }
      .deco-box.border.border-red .ttl h1, .deco-box.border.border-red .ttl h2 {
        color: #99002f; }

@media screen and (max-width: 768px) {
  .deco-box .ttl:before {
    background-size: 140px !important;
    top: -15px; }
  .deco-box .ttl .head img {
    width: 90px;
    height: auto; }
  .deco-box .ttl h1, .deco-box .ttl h2, .deco-box .ttl h3 {
    font-size: 20px;
    margin: 10px 0 25px; }
    .deco-box .ttl h1 .l, .deco-box .ttl h2 .l, .deco-box .ttl h3 .l {
      margin-top: 8px;
      font-size: 12px; }
  .deco-box.border {
    border-top-width: 4px !important; }
    .deco-box.border .ttl:before {
      top: -20px; } }
/* ヘッダー 基本
=========================*/
#header-nav {
  margin-bottom: -10px;
  position: absolute;
  z-index: 100;
  padding-bottom: 10px;
  width: 100%;
  font-size: 16px; }
  #header-nav * {
    z-index: 1;
    position: relative; }

@media screen and (min-width: 769px) {
  #header-nav {
    top: 0;
    min-width: 980px;
    font-size: 16px; }
    #header-nav:before {
      content: "";
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      height: 190px;
      background-image: url(/shared/images/common/header-bg.png);
      background-repeat: no-repeat;
      background-position: left 50% top -10px;
      background-size: 2000px 100%;
      width: 100%;
      z-index: 1; }
    #header-nav nav {
      display: inline-block; }
      #header-nav nav ul li {
        display: inline-block; }
        #header-nav nav ul li a {
          white-space: nowrap; } }
@media screen and (max-width: 768px) {
  #header-nav {
    background-color: #231815;
    position: fixed;
    width: 100%;
    top: 0; }
    #header-nav .bg {
      display: none; } }
/* ヘッダー - トグルボタン
=========================*/
.toggle-bt-area {
  background-color: #231815;
  z-index: 101;
  position: fixed;
  padding: 8px;
  border-radius: 28px;
  top: 8px;
  right: 8px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12); }
  .toggle-bt-area.on {
    background-color: #fff; }
  .toggle-bt-area #toggle-bt2 {
    display: none; }

@media screen and (min-width: 769px) {
  .toggle-bt-area {
    display: none; } }
/* ヘッダー - グローバルナビ
=========================*/
#header-nav nav.g-nav {
  color: #fff;
  font-weight: bold; }
  #header-nav nav.g-nav ul li a {
    color: #fff; }

@media screen and (min-width: 769px) {
  #header-nav nav.g-nav {
    margin: 36px 10px 0 0; }
    #header-nav nav.g-nav ul li.home a {
      background: url(/shared/images/common/header-breadcrumb-home.png) no-repeat;
      width: 18px;
      height: 16px;
      display: inline-block; }
      #header-nav nav.g-nav ul li.home a:hover {
        opacity: .7; }
    #header-nav nav.g-nav ul li + li:before {
      content: "｜";
      margin: 0 8px 0 4px; } }
@media screen and (max-width: 768px) {
  #header-nav {
    left: 100%;
    transition: .2s;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    height: 100vh; }
    #header-nav.open {
      left: 0;
      transform: translate(0, 0);
      -webkit-transform: translate(0, 0); }
    #header-nav nav.g-nav {
      padding-top: 45px; }
      #header-nav nav.g-nav ul li {
        text-align: center; }
        #header-nav nav.g-nav ul li a {
          padding: 18px 33px;
          color: #fff;
          display: inline-block;
          white-space: nowrap;
          border-radius: 30px;
          transition: .2s;
          font-size: 16px;
          width: 95%; }
          #header-nav nav.g-nav ul li a:hover {
            text-decoration: none;
            background-color: rgba(255, 255, 255, 0.1); }
        #header-nav nav.g-nav ul li.home a:before {
          content: "トップページ"; } }
/* ヘッダー - SNSボタン
=========================*/
@media screen and (min-width: 769px) {
  #header-nav nav.sns ul li + li {
    margin-left: 5px; }
  #header-nav nav.sns ul li a {
    transition: .15s; }
    #header-nav nav.sns ul li a:hover {
      opacity: .8; } }
@media screen and (max-width: 768px) {
  #header-nav nav.sns {
    margin-top: 40px; }
    #header-nav nav.sns ul {
      text-align: center;
      margin-top: 15px; }
      #header-nav nav.sns ul li {
        display: inline-block;
        margin: 0 5px; }
        #header-nav nav.sns ul li img {
          width: 40px;
          height: 40px; } }
/* ヘッダー - お問い合わせボックス
=========================*/
#header-nav .contact-box {
  background-color: rgba(255, 255, 255, 0.4);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  border-radius: 0 0 5px 5px;
  padding: 0 5px 5px;
  width: 320px;
  float: right;
  text-align: center; }
  #header-nav .contact-box .inner {
    background-color: #fff;
    padding-top: 12px; }
    #header-nav .contact-box .inner .tell .ttl {
      margin-bottom: -5px;
      font-size: 15px;
      font-weight: bold; }
    #header-nav .contact-box .inner .tell .num {
      color: #99002f;
      font-size: 40px;
      font-weight: 700;
      line-height: 1em; }
    #header-nav .contact-box .inner .tell .s {
      margin-top: -3px; }
    #header-nav .contact-box .inner .bt {
      padding: 5px 0 10px; }

@media screen and (max-width: 768px) {
  #header-nav .contact-box {
    display: none; } }
/* お問い合わせバー 
=========================*/
.contact-bar {
  padding: 11px 0 7px;
  background-color: #99002f;
  color: #fff;
  font-weight: bold;
  position: relative;
  z-index: 1;
  width: 100%; }
  .contact-bar .base-wrap {
    width: 100%; }
    .contact-bar .base-wrap > * {
      display: inline-block;
      white-space: nowrap;
      vertical-align: middle; }
    .contact-bar .base-wrap .tx {
      margin-right: 10px; }
      .contact-bar .base-wrap .tx .s {
        font-size: 11px;
        margin-bottom: -2px; }
    .contact-bar .base-wrap .tell {
      margin-right: 8px;
      font-size: 40px;
      font-weight: 700; }
      .contact-bar .base-wrap .tell img {
        margin-right: 3px; }
      .contact-bar .base-wrap .tell > * {
        text-decoration: none; }
    .contact-bar .base-wrap .time {
      font-size: 13px;
      line-height: 1.3em; }
      .contact-bar .base-wrap .time .ttl {
        margin-right: 5px;
        line-height: 30px;
        float: left; }
    .contact-bar .base-wrap .bt {
      margin-top: 2px; }
  .contact-bar.fix {
    bottom: 0;
    position: fixed;
    z-index: 98;
    background-color: rgba(153, 0, 47, 0.95);
    transition: .2s;
    transform: translate(0, 70px);
    -webkit-transform: translate(0, 70px); }
    .contact-bar.fix.in {
      transform: translate(0, 0);
      -webkit-transform: translate(0, 0); }

@media screen and (min-width: 1097px) {
  .contact-bar > .base-wrap {
    width: 1097px;
    max-width: 1097px; } }
@media screen and (max-width: 1096px) {
  .contact-bar > .base-wrap {
    width: auto;
    text-align: center; }
    .contact-bar > .base-wrap .tx {
      display: none; }
    .contact-bar > .base-wrap .time {
      text-align: left; } }
@media screen and (max-width: 820px) {
  .contact-bar > .base-wrap .tell {
    font-size: 30px; }
    .contact-bar > .base-wrap .tell img {
      width: 18px; } }
@media screen and (max-width: 767px) {
  .contact-bar {
    padding: 30px 0 20px; }
    .contact-bar > .base-wrap > * {
      width: 100%; }
    .contact-bar > .base-wrap .tx {
      margin-bottom: 10px;
      display: block; }
      .contact-bar > .base-wrap .tx .s {
        margin-bottom: 0; }
    .contact-bar > .base-wrap .tell {
      margin-bottom: 10px;
      font-size: 40px;
      margin-right: 0; }
      .contact-bar > .base-wrap .tell a {
        color: #fff; }
    .contact-bar > .base-wrap .time {
      display: inline-block;
      width: auto; }
      .contact-bar > .base-wrap .time .ttl {
        line-height: 1.3em;
        margin-bottom: 5px; }
    .contact-bar > .base-wrap .bt {
      margin-top: 15px; }
    .contact-bar.fix {
      display: none; } }
/* SPお問い合わせバー
=========================*/
.contact-bar-sp {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 199;
  background-color: #231815; }
  .contact-bar-sp a {
    display: block;
    float: left; }
  .contact-bar-sp .tel {
    width: 42%; }
  .contact-bar-sp .contact {
    width: 58%; }

@media screen and (max-width: 767px) {
  .contact-bar-sp {
    display: block; } }
/* フッター
=========================*/
footer {
  position: relative;
  z-index: 99;
  color: #fff;
  background-color: #231815; }
  footer .footer-section .id .sns {
    padding: 0 35px; }
    footer .footer-section .id .sns li {
      display: inline-block; }
      footer .footer-section .id .sns li + li {
        margin-left: 10px; }
      footer .footer-section .id .sns li a {
        transition: .2s; }
        footer .footer-section .id .sns li a:hover {
          opacity: .8; }
  footer .footer-section .prof .tagline {
    font-weight: bold;
    margin-bottom: 6px; }
  footer .footer-section .prof .name {
    font-weight: bold; }
  footer .footer-section .office .ttl {
    font-weight: bold;
    margin-bottom: 5px; }
  footer .footer-section .office ul li:before {
    content: "・";
    margin-right: 3px; }
  footer .footer-section .nav ul li a {
    color: #fff; }
    footer .footer-section .nav ul li a:hover {
      text-decoration: underline; }
    footer .footer-section .nav ul li a:before {
      margin-right: 5px;
      width: 0;
      height: 0;
      border-top: 4px solid transparent;
      border-right: 4px solid transparent;
      border-bottom: 4px solid transparent;
      border-left: 6px solid #99002f;
      content: "";
      display: inline-block; }
  footer .message {
    border: 1px solid #4b423f;
    text-align: center;
    padding: 15px;
    font-weight: bold; }
  footer .copy {
    font-size: 12px;
    text-align: center;
    padding: 35px 0; }

@media screen and (min-width: 769px) {
  footer {
    min-width: 980px; }
    footer .footer-section {
      padding: 50px 0; }
      footer .footer-section .id .sns {
        margin-top: 30px; }
      footer .footer-section .prof .name {
        font-size: 22px;
        font-weight: bold; }
      footer .footer-section .prof .tx {
        margin-top: 15px;
        font-size: 14px;
        line-height: 26px; }
        footer .footer-section .prof .tx dt {
          width: 80px;
          float: left; }
      footer .footer-section .office {
        padding-top: 20px; }
        footer .footer-section .office ul {
          font-size: 14px;
          line-height: 26px; }
      footer .footer-section .nav {
        font-size: 14px;
        padding-top: 20px; }
        footer .footer-section .nav ul li a {
          line-height: 26px; } }
@media screen and (max-width: 768px) {
  footer {
    font-size: 12px; }
    footer .footer-section {
      padding: 40px 0 0; }
      footer .footer-section .id {
        text-align: center; }
        footer .footer-section .id > img {
          width: 100px; }
        footer .footer-section .id .sns {
          margin-top: 20px; }
      footer .footer-section .prof .tagline {
        font-size: 12px; }
      footer .footer-section .prof .name {
        font-size: 18px; }
      footer .footer-section .prof .tx {
        text-align: left;
        display: inline-block;
        margin: 15px auto 0;
        width: 300px; }
        footer .footer-section .prof .tx dt {
          width: 60px;
          float: left; }
      footer .footer-section .office {
        margin-top: 20px; }
        footer .footer-section .office ul li {
          display: inline-block;
          white-space: nowrap; }
      footer .footer-section .nav {
        margin-top: 20px; }
        footer .footer-section .nav ul li {
          white-space: nowrap; }
    footer .message {
      margin: 15px 0 0;
      padding: 15px 20px; } }
@media screen and (max-width: 767px) {
  footer .footer-section > * {
    display: block; }
  footer .footer-section .prof {
    padding: 15px 0;
    text-align: center; }
    footer .footer-section .prof .tx {
      text-align: left; }
  footer .footer-section .office {
    margin-top: 0;
    text-align: left;
    border-top: 1px solid #4b423f;
    padding: 15px 0;
    text-align: center; }
    footer .footer-section .office ul {
      width: 180px;
      text-align: left;
      display: inline-block; }
      footer .footer-section .office ul li {
        float: left;
        width: 50%;
        white-space: nowrap; }
        footer .footer-section .office ul li + li {
          margin-left: 0; }
  footer .footer-section .nav {
    margin-top: 0;
    padding: 15px 0 0;
    border-top: 1px solid #4b423f;
    text-align: center; }
    footer .footer-section .nav ul {
      width: 320px;
      text-align: left;
      display: inline-block; }
      footer .footer-section .nav ul li {
        float: left;
        width: 50%;
        white-space: nowrap; }
        footer .footer-section .nav ul li + li {
          margin-left: 0; }
  footer .copy {
    padding: 20px 0 70px; } }
/* イメージセクション 
=========================*/
.image-section {
  padding: 200px 0;
  background: url(/shared/images/common/cope365-bg.jpg) no-repeat;
  background-size: cover; }
  .image-section .tx-box {
    padding: 10px 20px 12px;
    background-color: #231815;
    color: #fff;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.5em; }
    .image-section .tx-box span {
      font-size: 45px;
      color: #fff112;
      font-weight: 200;
      display: inline-block; }

@media screen and (max-width: 768px) {
  .image-section {
    padding: 100px 15px; }
    .image-section .tx-box {
      font-size: 16px;
      padding: 10px 10px 10px; }
      .image-section .tx-box span {
        font-size: 30px; } }
/* タイトルエリア
=========================*/
.title-section {
  height: 446px;
  padding-top: 240px;
  position: relative; }
  .title-section .title-bg {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: absolute;
    z-index: -1;
    height: 600px;
    width: 100%;
    top: 0;
    left: 0; }
  .title-section h1 {
    color: #fff;
    font-size: 40px;
    font-weight: bold; }
  .title-section .en {
    margin-top: 15px;
    color: #99002f;
    font-size: 30px;
    font-weight: 700; }

@media screen and (max-width: 768px) {
  .title-section {
    height: 220px;
    padding: 75px 15px; }
    .title-section .title-bg {
      background-size: 1300px; }
    .title-section h1 {
      font-size: 24px; }
    .title-section .en {
      font-size: 18px;
      margin-top: 5px; } }
@media screen and (max-width: 500px) {
  .title-section {
    padding: 55px 15px;
    height: 180px; }
    .title-section .title-bg {
      background-position: center top;
      background-size: 600px; } }
/* パンくず
=========================*/
.breadcrumb {
  position: relative;
  text-align: right;
  margin: -75px 0 75px;
  z-index: 2; }
  .breadcrumb ul {
    position: relative;
    z-index: 1; }
    .breadcrumb ul li {
      font-size: 15px;
      display: inline-block;
      vertical-align: middle;
      white-space: nowrap; }
      .breadcrumb ul li + li {
        margin-left: 10px; }
      .breadcrumb ul li:before {
        margin-right: 5px;
        width: 0;
        height: 0;
        border-top: 4px solid transparent;
        border-right: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 6px solid #99002f;
        content: "";
        display: inline-block; }
      .breadcrumb ul li.home:before {
        content: none; }
      .breadcrumb ul li.home a {
        background: url(/shared/images/common/ic-breadcrumb-home.png) no-repeat;
        background-size: 14px;
        width: 14px;
        height: 13px;
        display: inline-block; }
      .breadcrumb ul li.home:hover {
        opacity: .7; }

@media screen and (max-width: 768px) {
  .breadcrumb {
    margin: -40px 0 40px; }
    .breadcrumb .base-wrap {
      padding-right: 15px; } }
@media screen and (max-width: 500px) {
  .breadcrumb {
    margin: -25px 0 25px; }
    .breadcrumb ul li {
      font-size: 12px; }
      .breadcrumb ul li.home a {
        background: url(/shared/images/common/ic-breadcrumb-home.png) no-repeat;
        background-size: 12px;
        width: 12px;
        margin-top: 7px; } }
/* コピーセクション */
.copy-section {
  margin-top: -160px;
  background-position: center top;
  background-repeat: no-repeat;
  height: 553px;
  font-size: 35px;
  background-size: cover;
  line-height: 1.5em; }
  .copy-section .col {
    float: right;
    padding-top: 220px;
    text-align: center; }

@media screen and (max-width: 768px) {
  .copy-section {
    margin-top: -100px;
    height: 300px;
    font-size: 18px; }
    .copy-section .col {
      padding-top: 100px; } }
/* 料金ボックス */
.price-box {
  text-align: center;
  margin: 0 auto;
  white-space: nowrap;
  padding: 12px 0 8px;
  font-size: 20px;
  font-weight: bold;
  border: 2px solid #fff;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic; }
  .price-box .figure {
    margin-top: -3px;
    font-size: 35px;
    display: inline-block;
    vertical-align: top; }
  .price-box .tax {
    font-size: 13px;
    display: inline-block;
    margin-left: 6px; }
  .price-box .tx {
    margin-top: 10px;
    display: block; }

@media screen and (max-width: 768px) {
  .price-box {
    font-size: 16px;
    margin-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px; }
    .price-box .figure {
      margin-top: -2px;
      font-size: 28px; }
    .price-box .tax {
      font-size: 11px; } }
/* チェックアイテムボックス */
.check-item-box {
  background-color: #fff;
  padding: 10px; }
  .check-item-box h2, .check-item-box h3 {
    background-color: #231815;
    text-align: center;
    padding: 10px;
    font-size: 19px; }
  .check-item-box ul {
    color: #000;
    padding: 20px 0 12px 27px;
    line-height: 35px; }
    .check-item-box ul li {
      margin-right: 30px;
      padding-left: 35px;
      background: url(/shared/images/common/ic-check.png) no-repeat;
      white-space: nowrap;
      background-size: 28px;
      font-weight: bold;
      line-height: 28px;
      display: inline-block; }
      .check-item-box ul li .tag {
        margin-top: -5px;
        margin-left: 10px;
        background-color: #ad002e;
        display: inline-block;
        padding: 4px 13px;
        border-radius: 3px;
        color: #fff;
        line-height: 1em;
        font-size: 12px;
        vertical-align: middle; }

@media screen and (max-width: 768px) {
  .check-item-box h2, .check-item-box h3 {
    font-size: 16px; }
  .check-item-box ul {
    padding: 10px 0 0 0;
    line-height: 35px; }
    .check-item-box ul li {
      white-space: inherit;
      width: 100%; } }