@charset "UTF-8";
/*init*/
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
  display: block; }

ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* change border colour to suit your needs
*/
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

/*lib*/
/**
 * define valiables
 * 各scssファイルでよく使う値を変数定義
 */
/**
 * easing
 */
/**
 * function
 * 値を返す
 */
/**
 * mixins
 * ブロックを返す
 */
/*
デバイス定義
 */
/*
スマホの文字指定専用（横幅640px想定）
font-sizeにvwを設定
 */
/*
clearfix
 */
/*
iOS smooth scroll
 */
/*
opacity
 */
/*
fade
 */
/**
 * initiallize
 * タグ自体のstyleを記述
 */
html {
  font-family: "YuGothic", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  color: #464646;
  word-wrap: break-word;
  font-size: 14px; }

body {
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: 100%; }

a {
  text-decoration: none;
  color: #01499d; }
  a:hover {
    text-decoration: none; }

img {
  vertical-align: middle; }
  @media print, screen and (max-width: 750px) {
    img {
      width: 100%; } }

strong {
  font-weight: bold; }

input {
  padding: 0;
  border: none;
  background: none; }

input[type=text],
input[type=tel],
input[type=password],
input[type=email],
input[type=search],
input[type=url],
input[type=datetime],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime-local],
input[type=number],
select,
textarea {
  padding: 6px;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  background-color: #fff;
  border: solid 1px #c9c9c9;
  vertical-align: bottom; }
  input[type=text]::-webkit-input-placeholder,
  input[type=tel]::-webkit-input-placeholder,
  input[type=password]::-webkit-input-placeholder,
  input[type=email]::-webkit-input-placeholder,
  input[type=search]::-webkit-input-placeholder,
  input[type=url]::-webkit-input-placeholder,
  input[type=datetime]::-webkit-input-placeholder,
  input[type=date]::-webkit-input-placeholder,
  input[type=month]::-webkit-input-placeholder,
  input[type=week]::-webkit-input-placeholder,
  input[type=time]::-webkit-input-placeholder,
  input[type=datetime-local]::-webkit-input-placeholder,
  input[type=number]::-webkit-input-placeholder,
  select::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    color: #e2e2e2; }
  input[type=text]:-ms-input-placeholder,
  input[type=tel]:-ms-input-placeholder,
  input[type=password]:-ms-input-placeholder,
  input[type=email]:-ms-input-placeholder,
  input[type=search]:-ms-input-placeholder,
  input[type=url]:-ms-input-placeholder,
  input[type=datetime]:-ms-input-placeholder,
  input[type=date]:-ms-input-placeholder,
  input[type=month]:-ms-input-placeholder,
  input[type=week]:-ms-input-placeholder,
  input[type=time]:-ms-input-placeholder,
  input[type=datetime-local]:-ms-input-placeholder,
  input[type=number]:-ms-input-placeholder,
  select:-ms-input-placeholder,
  textarea:-ms-input-placeholder {
    color: #e2e2e2; }
  input[type=text]::-moz-placeholder,
  input[type=tel]::-moz-placeholder,
  input[type=password]::-moz-placeholder,
  input[type=email]::-moz-placeholder,
  input[type=search]::-moz-placeholder,
  input[type=url]::-moz-placeholder,
  input[type=datetime]::-moz-placeholder,
  input[type=date]::-moz-placeholder,
  input[type=month]::-moz-placeholder,
  input[type=week]::-moz-placeholder,
  input[type=time]::-moz-placeholder,
  input[type=datetime-local]::-moz-placeholder,
  input[type=number]::-moz-placeholder,
  select::-moz-placeholder,
  textarea::-moz-placeholder {
    color: #e2e2e2; }
  input[type=text]:focus,
  input[type=tel]:focus,
  input[type=password]:focus,
  input[type=email]:focus,
  input[type=search]:focus,
  input[type=url]:focus,
  input[type=datetime]:focus,
  input[type=date]:focus,
  input[type=month]:focus,
  input[type=week]:focus,
  input[type=time]:focus,
  input[type=datetime-local]:focus,
  input[type=number]:focus,
  select:focus,
  textarea:focus {
    background-color: #eef4fb; }

input[type=radio],
input[type=checkbox] {
  margin: 0;
  vertical-align: -1px; }

input[type="button"],
input[type="submit"] {
  -webkit-appearance: none;
  cursor: pointer;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  vertical-align: bottom; }

textarea {
  resize: vertical;
  vertical-align: bottom; }

em {
  font-style: italic; }

sup {
  vertical-align: super; }

sub {
  vertical-align: sub; }

blockquote {
  background-color: #EEEFFF;
  padding: 1em 1em 1em 3em;
  position: relative;
  border-left: 3px solid #666; }

blockquote:before {
  content: "“";
  font-size: 600%;
  line-height: 1em;
  color: #999;
  position: absolute;
  left: 0;
  top: 0; }

::-moz-selection {
  background: #d4dcd6;
  /* Safari */ }

::selection {
  background: #d4dcd6;
  /* Safari */ }

::-moz-selection {
  background: #d4dcd6;
  /* Firefox */ }

.pci {
  display: inline; }
  @media print, screen and (max-width: 750px) {
    .pci {
      display: none; } }

.spi {
  display: none; }
  @media print, screen and (max-width: 750px) {
    .spi {
      display: inline; } }

.pc {
  display: block; }
  @media print, screen and (max-width: 750px) {
    .pc {
      display: none; } }

.sp {
  display: none; }
  @media print, screen and (max-width: 750px) {
    .sp {
      display: block; } }

.cr {
  cursor: default; }

.fade {
  -webkit-transition: opacity 0.1s ease-in-out 0s;
  -o-transition: opacity 0.1s ease-in-out 0s;
  transition: opacity 0.1s ease-in-out 0s; }
  .fade:hover {
    opacity: 0.7; }

.bgcolor_none {
  background-color: transparent !important; }

.no_breadcrumbsIcon:after {
  content: "" !important;
  display: inline-block;
  margin: 0 5px; }

.cf:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

/* IE6 */
* html .cf {
  zoom: 1; }

/* IE7 */
*:first-child + html .cf {
  zoom: 1; }

.noBorder {
  border: none !important; }

/*parts*/
/*elements*/
#app div:after, #app dl:after, #app ul:after {
  content: ""; }

@media print, screen and (min-width: 751px) {
  body {
    min-width: 1000px; } }

.inner {
  max-width: 1336px;
  margin: 0 auto; }
  @media print, screen and (max-width: 750px) {
    .inner {
      width: 100%; } }

.kv__ttlBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .kv__ttlBox img {
    width: 100%; }
  @media print, screen and (max-width: 750px) {
    .kv__ttlBox {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      width: 100%; } }

.kv__ttl {
  width: 64.52555%; }
  @media print, screen and (max-width: 750px) {
    .kv__ttl {
      padding: 3.6% 0;
      width: 69.33333%;
      margin: 0 auto; } }

.kv__img {
  width: 50%;
  max-width: 685px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .kv__img picture {
    width: 100%; }
  @media print, screen and (max-width: 750px) {
    .kv__img {
      width: 100%; }
      .kv__img--2 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3; } }
  .kv__img--1 {
    background: url(/sweets/chocolate/the-chocolate/cmp/open1909/images/kv_bg.png) no-repeat;
    background-size: cover; }
    @media print, screen and (max-width: 750px) {
      .kv__img--1 {
        background: url(/sweets/chocolate/the-chocolate/cmp/open1909/images/sp/kv_bg--sp.png) no-repeat;
        background-size: cover; } }

.kv__days {
  background: #000;
  width: 100%; }
  @media print, screen and (max-width: 750px) {
    .kv__days {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2; } }

.kv__daysInner {
  font-size: 26px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 25px;
  width: 870px;
  margin: 0 auto; }
  @media print, screen and (max-width: 750px) {
    .kv__daysInner {
      width: 88%;
      padding: 2.66667% 0; } }

.kv__daysTtl {
  width: 140px;
  display: block; }
  @media print, screen and (max-width: 750px) {
    .kv__daysTtl {
      width: 28%;
      border-right: 2px solid #fff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      font-size: 16px;
      font-size: 5vw; } }

.kv__daystxtBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media print, screen and (max-width: 750px) {
    .kv__daystxtBox {
      display: block;
      padding-left: 4.54545%; } }

.kv__daystxt {
  letter-spacing: 0.05em; }
  @media print, screen and (max-width: 750px) {
    .kv__daystxt {
      margin-top: 2.72727%;
      letter-spacing: normal;
      font-size: 14px;
      font-size: 4.375vw; }
      .kv__daystxt:first-child {
        margin-top: 0; } }

.about {
  padding-top: 100px;
  padding-bottom: 150px;
  background-image: url(/sweets/chocolate/the-chocolate/cmp/open1909/images/about_left_bg.png), url(/sweets/chocolate/the-chocolate/cmp/open1909/images/about_right_bg.png);
  background-position: left 0 center,right 0 center;
  background-repeat: no-repeat,no-repeat;
  background-size: 140px,134px; }
  @media print, screen and (max-width: 750px) {
    .about {
      padding-top: 9.33333%;
      padding-bottom: 19.33333%;
      background: url(/sweets/chocolate/the-chocolate/cmp/open1909/images/sp/about_bg--sp.png) no-repeat;
      background-position: 0 0;
      background-size: cover; } }
  .about__finish {
    width: 872px;
    margin: 0 auto 65px; }
    @media print, screen and (max-width: 750px) {
      .about__finish {
        width: 89.6%;
        margin: 0 auto 9.33333%; } }
  .about__inner {
    width: 61.93265%;
    margin: 0 auto; }
    @media print, screen and (max-width: 750px) {
      .about__inner {
        width: 100%; } }
  .about__contsTtl {
    width: 139px;
    margin: 0 auto; }
    @media print, screen and (max-width: 750px) {
      .about__contsTtl {
        width: 21.73333%; }
        .about__contsTtl img {
          width: 100%; } }
  @media print, screen and (max-width: 750px) {
    .about__conts {
      width: 100%; } }
  .about__contsItem {
    width: 100%;
    margin: 60px auto 0; }
    @media print, screen and (max-width: 750px) {
      .about__contsItem {
        width: 90%;
        margin: 6.66667% auto 0; } }
    .about__contsItem img {
      width: 100%; }
  .about__contsTxt {
    width: 71.15839%;
    margin: 40px auto 0; }
    .about__contsTxt img {
      width: 100%; }
    @media print, screen and (max-width: 750px) {
      .about__contsTxt {
        width: 74.93333%;
        margin: 5.33333% auto 0; } }
  .about__contChance {
    width: 89.95272%;
    margin: 90px auto 0; }
    .about__contChance img {
      width: 100%; }
    @media print, screen and (max-width: 750px) {
      .about__contChance {
        width: 90%;
        margin: 12.66667% auto 0; } }

.catch {
  padding-top: 40px;
  padding-bottom: 84px;
  background: url(/sweets/chocolate/the-chocolate/cmp/open1909/images/catch_bg.png) no-repeat;
  background-size: cover;
  position: relative; }
  @media print, screen and (max-width: 750px) {
    .catch {
      padding-top: 13.33333%;
      padding-bottom: 20.66667%;
      background: url(/sweets/chocolate/the-chocolate/cmp/open1909/images/sp/catch_bg--sp.png) no-repeat;
      background-size: cover; } }
  .catch__contsTtl {
    width: 57.46706%;
    margin: 0 auto; }
    .catch__contsTtl img {
      width: 100%; }
    @media print, screen and (max-width: 750px) {
      .catch__contsTtl {
        width: 94.26667%; } }
  .catch__milk {
    width: 20.05857%;
    position: absolute;
    top: -19%;
    left: 17%; }
    .catch__milk img {
      width: 100%; }
    @media print, screen and (max-width: 750px) {
      .catch__milk {
        width: 30.66667%;
        top: -14%;
        left: 3%; } }
  .catch__bitter {
    width: 20.05857%;
    position: absolute;
    bottom: -16%;
    right: 10%; }
    .catch__bitter img {
      width: 100%; }
    @media print, screen and (max-width: 750px) {
      .catch__bitter {
        width: 30.66667%;
        bottom: -12%;
        right: 4%; } }

.how {
  padding-top: 135px;
  padding-bottom: 90px;
  background: url(/sweets/chocolate/the-chocolate/cmp/open1909/images/how_bg.png);
  background-size: cover; }
  @media print, screen and (max-width: 750px) {
    .how {
      padding-top: 17.33333%;
      padding-bottom: 12%; } }
  .how__finish {
    width: 872px;
    margin: 0 auto 80px; }
    @media print, screen and (max-width: 750px) {
      .how__finish {
        width: 89.6%;
        margin: 0 auto; } }
  .how__ttl {
    width: 10.2489%;
    margin: 0 auto; }
    .how__ttl img {
      width: 100%; }
    @media print, screen and (max-width: 750px) {
      .how__ttl {
        width: 22%; } }
  .howStep {
    width: 900px;
    margin: 50px auto 0;
    border: 1px solid #5b1e19; }
    @media print, screen and (max-width: 750px) {
      .howStep {
        width: 90%;
        margin: 7.6% auto 0; } }
    .howStep__inner {
      width: 673px;
      margin: 0 auto;
      padding: 30px 0 50px; }
      @media print, screen and (max-width: 750px) {
        .howStep__inner {
          width: 81.48148%;
          padding: 5.92593% 0 0;
          margin: 0 auto;
          text-align: center; } }
    .howStep__ttl {
      width: 100%;
      margin: 0 auto; }
      .howStep__ttl img {
        width: 100%; }
      @media print, screen and (max-width: 750px) {
        .howStep__ttl {
          width: 58.54545%; } }
    .howStep__box {
      width: 675px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-top: 30px; }
      @media print, screen and (max-width: 750px) {
        .howStep__box {
          width: 100%;
          display: block;
          margin-top: 8.18182%; } }
    .howStep__leftBox {
      text-align: center;
      padding: 0 65px; }
      @media print, screen and (max-width: 750px) {
        .howStep__leftBox {
          padding: 0; } }
    .howStep__leftTxt {
      font-size: 20px;
      font-weight: bold;
      line-height: 1.8;
      color: #000; }
      @media print, screen and (max-width: 750px) {
        .howStep__leftTxt {
          line-height: 1.5;
          font-size: 14px;
          font-size: 4.375vw; } }
    .howStep__leftTtl {
      font-size: 26px;
      font-weight: bold;
      color: #1da1f2;
      margin-top: 18px; }
      @media print, screen and (max-width: 750px) {
        .howStep__leftTtl {
          margin-top: 3.63636%;
          font-size: 20px;
          font-size: 6.25vw; } }
    .howStep__leftBtn {
      display: block;
      width: 263px;
      margin: 18px auto 0; }
      @media print, screen and (max-width: 750px) {
        .howStep__leftBtn {
          width: 100%;
          margin: 9.09091% auto 0; } }
      .howStep__leftBtn img {
        width: 100%; }
      .howStep__leftBtn:hover {
        opacity: 0.8; }
    .howStep__leftSubxt {
      font-size: 14px;
      font-weight: normal;
      color: #000;
      margin-top: 10px; }
      @media print, screen and (max-width: 750px) {
        .howStep__leftSubxt {
          font-size: 12px;
          font-size: 3.75vw; } }
    .howStep__rightBox {
      width: 349px;
      margin-right: -85px; }
      .howStep__rightBox img {
        width: 349px; }
      @media print, screen and (max-width: 750px) {
        .howStep__rightBox {
          width: 85.27273%;
          margin-right: 0;
          margin-left: 20%;
          margin-top: 10%; }
          .howStep__rightBox img {
            width: 100%; } }
    .howStep__leftBox02 {
      text-align: center;
      padding: 0 20px; }
      @media print, screen and (max-width: 750px) {
        .howStep__leftBox02 {
          padding: 0; } }
    .howStep__rightBox02 {
      width: 386px;
      margin-right: -41px;
      margin-top: 20px; }
      .howStep__rightBox02 img {
        width: 100%; }
      @media print, screen and (max-width: 750px) {
        .howStep__rightBox02 {
          width: 88.59259%;
          margin: 8.14815% auto 11.81818%; }
          .howStep__rightBox02 img {
            width: 100%; } }
    .howStep___complete {
      margin-top: 55px;
      text-align: center; }
      @media print, screen and (max-width: 750px) {
        .howStep___complete {
          width: 100%;
          display: block;
          margin-top: 6.66667%; } }
    .howStep__completeImg {
      width: 320px;
      margin: 0 auto 35px; }
      @media print, screen and (max-width: 750px) {
        .howStep__completeImg {
          width: 47.40741%;
          margin: 0 auto 3.7037%; } }
    .howStep__completeTxt {
      font-size: 20px;
      font-weight: bold;
      color: #000; }
      @media print, screen and (max-width: 750px) {
        .howStep__completeTxt {
          font-size: 12px;
          font-size: 3.75vw;
          margin-bottom: 8.14815%; } }
    .howStep__arrows {
      width: 90px;
      margin: 46px auto; }
      @media print, screen and (max-width: 750px) {
        .howStep__arrows {
          width: 10.66667%;
          margin: 7.6% auto; } }
  .howTweet {
    width: 713px;
    margin: 70px auto 0;
    padding: 55px 0 50px;
    text-align: center;
    background: url(/sweets/chocolate/the-chocolate/cmp/open1909/images/howtweet_bg.png);
    background-size: cover;
    color: #000; }
    @media print, screen and (max-width: 750px) {
      .howTweet {
        width: 90%;
        margin: 14% auto 0;
        padding: 9.33333% 0; } }
    .howTweet__ttl {
      font-size: 32px;
      font-weight: bold;
      text-align: center; }
      @media print, screen and (max-width: 750px) {
        .howTweet__ttl {
          font-size: 17.5px;
          font-size: 5.46875vw; } }
    .howTweet__img {
      width: 537px;
      margin: 15px auto 0; }
      @media print, screen and (max-width: 750px) {
        .howTweet__img {
          width: 79.55556%; } }
    .howTweet__imgTxt {
      margin-top: 5px;
      font-size: 14px;
      text-align: right; }
      @media print, screen and (max-width: 750px) {
        .howTweet__imgTxt {
          margin-top: 0.74074%;
          font-size: 10.5px;
          font-size: 3.28125vw; } }
    .howTweet__linkTxt {
      font-size: 20px;
      font-weight: bold;
      margin-top: 35px; }
      @media print, screen and (max-width: 750px) {
        .howTweet__linkTxt {
          margin-top: 5.18519%;
          font-size: 10.5px;
          font-size: 3.28125vw; } }
    .howTweet__btn {
      display: block;
      width: 535px;
      margin: 15px auto 0; }
      .howTweet__btn:hover {
        opacity: 0.8; }
      @media print, screen and (max-width: 750px) {
        .howTweet__btn {
          width: 79.25926%;
          margin: 2.96296% auto 0; } }
  .howDm {
    width: 78.47731%;
    margin: 80px auto 0; }
    .howDm img {
      width: 100%; }
    @media print, screen and (max-width: 750px) {
      .howDm {
        width: 95.46667%;
        margin: 10% auto 0; } }

.term {
  background: #f7f4e9;
  padding: 40px 0 80px; }
  @media print, screen and (max-width: 750px) {
    .term {
      padding: 10% 0 10.66667%; } }
  .term__ttl {
    width: 139px;
    margin: 0 auto; }
    @media print, screen and (max-width: 750px) {
      .term__ttl {
        width: 23.33333%; } }
  @media print, screen and (max-width: 750px) {
    .term__cont {
      width: 90%;
      padding: 4.66667%;
      padding-bottom: 0; } }
  .term__contInner {
    color: #000;
    margin: 40px auto 0;
    padding: 35px;
    width: 860px;
    height: 390px;
    border: 1px solid #7d7d7d;
    overflow-y: scroll; }
    @media print, screen and (max-width: 750px) {
      .term__contInner {
        width: 90%;
        height: 25em;
        padding: 4.66667%;
        margin: 6.66667% auto 0; } }
  .term__contTtl {
    font-weight: bold;
    line-height: 1.8;
    margin: 27px 0 0;
    font-size: 1.385rem; }
    .term__contTtl::before {
      display: inline-block;
      position: relative;
      top: 0.07em;
      width: 18px;
      height: 18px;
      margin-right: 5px;
      background-color: #a40000;
      content: ''; }
    @media print, screen and (max-width: 750px) {
      .term__contTtl {
        width: 100%;
        margin: 17px 0 0;
        line-height: 1.7;
        font-size: 13px;
        font-size: 4.0625vw; } }
  .term__contTxt {
    font-size: 1.077rem;
    line-height: 1.8; }
    .term__contTxt--red {
      color: #a40000; }
    .term__contTxt--indent {
      padding-left: 1em;
      text-indent: -1em; }
    .term__contTxt--mt {
      margin-top: 1em; }
    @media print, screen and (max-width: 750px) {
      .term__contTxt {
        width: 100%;
        line-height: 1.7;
        font-size: 12px;
        font-size: 3.75vw; } }
  .term__contTxtSmall {
    font-size: 1rem;
    line-height: 1.8; }
    .term__contTxtSmall--indet {
      padding-left: 1em;
      text-indent: -1em; }
    @media print, screen and (max-width: 750px) {
      .term__contTxtSmall {
        width: 100%;
        line-height: 1.7;
        font-size: 11px;
        font-size: 3.4375vw; } }
  .term__contTxtLink {
    color: #b4032a;
    border-bottom: 1px solid #b4032a;
    font-weight: bold; }

.contentFooter {
  position: relative; }
  .contentFooter__img {
    display: block;
    width: 450px;
    margin: 55px auto 80px; }
    @media print, screen and (max-width: 750px) {
      .contentFooter__img {
        width: 89.6%;
        margin: 8% auto 20%; } }
  .contentFooter__toTop {
    position: absolute;
    right: 10%;
    bottom: 0;
    width: 51px; }
    @media print, screen and (max-width: 750px) {
      .contentFooter__toTop {
        width: 14.53333%;
        right: 5%;
        bottom: -60%; } }