@charset "UTF-8";
/* CSS Document */
/* =========================================================
 update :
 2018.11.28 高橋
========================================================= */
/* ---------------------------------------------------------
変数（色）
--------------------------------------------------------- */
/*黒 C-00B:#000*/
/*赤紫 C-01pR:#e91e70*/
/*赤 C-02R:#e93261*/
/*赤黄 C-03yR:#e83f52*/
/*橙赤 C-04rO:#ea3840*/
/*橙 C-05O:#eb5336*/
/*橙黄 C-06yO:#f17230*/
/*黄橙 C-07rY:#f79c24*/
/*黄 C-08Y:#fac11a*/
/*黄緑 C-09gY:#e5dc14*/
/*黄緑 C-10YG:#bbd416*/
/*緑黄 C-11yG:#56bb38*/
/*緑 C-12G:#00ae3f*/
/*緑青 C-13bG:#00a753*/
/*青緑 C-14BG:#009f71*/
/*青緑 C-15BG:#019689*/
/*青緑 C-16gB:#00848e*/
/*青 C-17B:#0182a4*/
/*青 C-18B:#0171ab*/
/*青紫 C-19pB:#0e52a4*/
/*スミレ C-20V:#322493*/
/*紫青 C-21bP:#561e91*/
/*紫 C-22P:#711a8e*/
/*紫赤 C-23rP:#a81889*/
/*赤紫 C-24RP:#cf0d76*/
/*グレー C-93G1:#111*/
/*グレー C-94G2:#333*/
/*グレー C-95G6:#666*/
/*グレー C-95G9:#999*/
/*グレー C-96GC:#ccc*/
/*グレー C-97GD:#ddd*/
/*グレー C-98GW:#eee*/
/*グレー C-99GW:#fafafa*/
/*白 C-99W:#fff*/
/*-lは背景用*/
/*赤紫 C-01pR-l:#fde8f0*/
/*赤 C-02R-l:#fdeaef*/
/*赤黄 C-03yR-l:#fdebed*/
/*橙赤 C-04rO-l:#fdebec*/
/*橙 C-05O-l:#fdedeb*/
/*橙黄 C-06yO-l:#fef1ea*/
/*黄橙 C-07rY-l:#fef5e9*/
/*黄 C-08Y-l:#fef9e8*/
/*黄緑 C-09gY-l:#fcfbe7*/
/*黄緑 C-10YG-l:#eef8eb*/
/*緑黄 C-11yG-l:#eef8eb*/
/*緑 C-12G-l:#e5f7eb*/
/*緑青 C-13bG-l:#e5f6ed*/
/*青緑 C-14BG-l:#e5f5f1*/
/*青緑 C-15BG-l:#e5f4f3*/
/*青緑 C-16gB-l:#e5f2f3*/
/*青 C-17B-l:#e5f2f6*/
/*青 C-18B-l:#e5f1f6*/
/*青紫 C-19pB-l:#e6edf6*/
/*スミレ C-20V-l:#eae9f4*/
/*紫青 C-21bP-l:#eee8f4*/
/*紫 C-22P-l:#f1e8f3*/
/*紫赤 C-23rP-l:#f6e7f3*/
/*赤紫 C-24RP-l:#fae6f1*/
/*赤紫 C-01pR-sl:#f8bbd4*/
/*赤 C-02R-sl:#f8c1cf*/
/*赤黄 C-03yR-sl:#f8c5cb*/
/*橙赤 C-04rO-sl:#f9c3c5*/
/*橙 C-05O-sl:#f9cbc2*/
/*橙黄 C-06yO-sl:#fbd4c0*/
/*黄橙 C-07rY-sl:#fde1bd*/
/*黄 C-08Y-sl:#fdecba*/
/*黄緑 C-09gY-sl:#f7f4b8*/
/*黄緑 C-10YG-sl:#eaf2b9*/
/*緑黄 C-11yG-sl:#cceac3*/
/*緑 C-12G-sl:#b2e7c5*/
/*緑青 C-13bG-sl:#b2e4cb*/
/*青緑 C-14BG-sl:#b2e2d4*/
/*青緑 C-15BG-sl:#b2dfdb*/
/*青緑 C-16gB-sl:#b2dadd*/
/*青 C-17B-sl:#b2d9e4*/
/*青 C-18B-sl:#80b8d5*/
/*青紫 C-19pB-sl:#b6cbe4*/
/*スミレ C-20V-sl:#c1bdde*/
/*紫青 C-21bP-sl:#ccbbde*/
/*紫 C-22P-sl:#d4badd*/
/*紫赤 C-23rP-sl:#e5b9db*/
/*赤紫 C-24RP-sl:#f1b6d6*/
/*赤紫 C-01pR-sd:#ad0225*/
/*赤 C-02R-sd:#d50a25*/
/*赤黄 C-03yR-sd:#d3101a*/
/*橙赤 C-04rO-sd:#d70c10*/
/*橙 C-05O-sd:#d91b0b*/
/*橙黄 C-06yO-sd:#e43309*/
/*黄橙 C-07rY-sd:#ef5f05*/
/*黄 C-08Y-sd:#f59203*/
/*黄緑 C-09gY-sd:#cebe02*/
/*黄緑 C-10YG-sd:#89b002*/
/*緑黄 C-11yG-sd:#1d890c*/
/*緑 C-12G-sd:#b2e7c5*/
/*緑青 C-13bG-sd:#006d1b*/
/*青緑 C-14BG-sd:#006332*/
/*青緑 C-15BG-sd:#00584a*/
/*青緑 C-16gB-sd:#00444f*/
/*青 C-17B-sd:#003273*/
/*青 C-18B-sd:#003273*/
/*青紫 C-19pB-sd:#011a69*/
/*スミレ C-20V-sd:#0a0555*/
/*紫青 C-21bP-sd:#1d0452*/
/*紫 C-22P-sd:#32034f*/
/*紫赤 C-23rP-sd:#6f024a*/
/*赤紫 C-24RP-sd:#a80137*/
/*赤紫 C-01pR-d:#910115*/
/*赤 C-02R-d:#c30515*/
/*赤黄 C-03yR-d:#c1080e*/
/*橙赤 C-04rO-d:#c60608*/
/*橙 C-05O-d:#c90f05*/
/*橙黄 C-06yO-d:#d81e04*/
/*黄橙 C-07rY-d:#e74102*/
/*黄 C-08Y-d:#f07301*/
/*黄緑 C-09gY-d:#699401*/
/*黄緑 C-10YG-d:#4a7900*/
/*緑黄 C-11yG-d:#106906*/
/*緑 C-12G-d:#005708*/
/*緑青 C-13bG-d:#004e0f*/
/*青緑 C-14BG-d:#00441e*/
/*青緑 C-15BG-d:#003b2f*/
/*青緑 C-16gB-d:#002b33*/
/*青 C-17B-d:#00294a*/
/*青 C-18B-d:#001e53*/
/*青紫 C-19pB-d:#000e4a*/
/*スミレ C-20V-d:#050238*/
/*紫青 C-21bP-d:#100236*/
/*紫 C-22P-d:#1e0133*/
/*紫赤 C-23rP-d:#4f012f*/
/*赤紫 C-24RP-d:#8b0021*/
/* ---------------------------------------------------------
変数（base情報/fontの基本色）
--------------------------------------------------------- */
/*グレー C-93G1:#111*/
/* ---------------------------------------------------------
変数（primary情報/darkとlightは主として使わない）
--------------------------------------------------------- */
/*青緑 C-15BG:#019689*/
/*青緑 C-15BG-sd:#00584a*/
/*青緑 C-15BG-sl:#b2dfdb*/
/*青緑 C-15BG-l:#e7f3f3*/
/* ---------------------------------------------------------
変数（secondary情報/アクセントカラー/darkとlightは主として使わない）
--------------------------------------------------------- */
/*赤黄 C-03yR:#e83f52*/
/*赤紫 C-03yR-dark:#a01037*/
/*赤紫 C-03yR-light:#f06289*/
/* =========================================================
 c-bg
========================================================= */
/* =========================================================
 [STEP1] wrapper,unit
========================================================= */
/* ---------------------------------------------------------
 1.どのコンテンツもまずはc-wrapperで囲みを作る
--------------------------------------------------------- */
/**/
/**/
@media screen and (max-width: 768px) {
  .c-wrapper {
    padding: 24px 0 40px 0; }

  .c-wrapper-single {
    padding: 24px 0 0 0; }

    .c-wrapper-double {
    padding: 24px 0 16px 0; }

  .c-wrapper-cts {
    padding: 0; } }
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .c-wrapper {
    padding: 40px 0 40px 0; }

  .c-wrapper-single {
    padding: 40px 0 0 0; }

    .c-wrapper-double {
    padding: 40px 0 0px 0; }

  .c-wrapper-cts {
    padding: 0; } }
@media screen and (min-width: 1200px) {
  .c-wrapper {
    padding: 100px 0 100px 0; }

  .c-wrapper-single {
    padding: 100px 0 0 0; }

    .c-wrapper-double {
    padding: 100px 0 0 0; }

  .c-wrapper-cts {
    padding: 140px 0 0 0; } }
/* ---------------------------------------------------------
 1-branch.背景等設定したい場合はここでclassを追加
--------------------------------------------------------- */
/* ---------------------------------------------------------
 1-branch.背景色を設定したい場合はここから選択
 新規色を作る場合は部内に共有する
--------------------------------------------------------- */
.c-bg__00B {
  background: #111; }

.c-bg__01pR {
  background: #e91e70; }

.c-bg__02R {
  background: #e93261; }

.c-bg__03yR {
  background: #e83f52; }

.c-bg__04rO {
  background: #ea3840; }

.c-bg__05O {
  background: #eb5336; }

.c-bg__06yO {
  background: #f17230; }

.c-bg__07rY {
  background: #f79c24; }

.c-bg__08Y {
  background: #fac11a; }

.c-bg__09gY {
  background: #e5dc14; }

.c-bg__10YG {
  background: #bbd416; }

.c-bg__11yG {
  background: #56bb38; }

.c-bg__12G {
  background: #00ae3f; }

.c-bg__13bG {
  background: #00a753; }

.c-bg__14BG {
  background: #009f71; }

.c-bg__15BG {
  background: #019689; }

.c-bg__16gB {
  background: #00848e; }

.c-bg__17B {
  background: #0182a4; }

.c-bg__18B {
  background: #0171ab; }

.c-bg__19pB {
  background: #0e52a4; }

.c-bg__20V {
  background: #322493; }

.c-bg__21bP {
  background: #561e91; }

.c-bg__22P {
  background: #711a8e; }

.c-bg__23rP {
  background: #a81889; }

.c-bg__24RP {
  background: #cf0d76; }

.c-bg__94G2 {
  background: #333; }

.c-bg__95G6 {
  background: #666; }

.c-bg__96GC {
  background: #ccc; }

.c-bg__97GD {
  background: #ddd; }

.c-bg__98GE {
  background: #eee; }

.c-bg__99GW {
  background: #fafafa; }

.c-bg__99W {
  background: #fff; }

.c-bg__primary {
  background: #f17230; }

.c-bg__secondary {
  background: #e83f52; }

@media screen and (max-width: 768px) {
  .c-bg-s__primary {
    background: #f17230 !important; } }
.c-bg__01pR-l {
  background: #fde8f0; }

.c-bg__02R-l {
  background: #fdeaef; }

.c-bg__03yR-l {
  background: #fdebed; }

.c-bg__04rO-l {
  background: #fdebec; }

.c-bg__05O-l {
  background: #fdedeb; }

.c-bg__06yO-l {
  background: #fef1ea; }

.c-bg__07rY-l {
  background: #fef5e9; }

.c-bg__08Y-l {
  background: #fef9e8; }

.c-bg__09gY-l {
  background: #fcfbe7; }

.c-bg__10YG-l {
  background: #eef8eb; }

.c-bg__11yG-l {
  background: #eef8eb; }

.c-bg__12G-l {
  background: #e5f7eb; }

.c-bg__13bG-l {
  background: #e5f6ed; }

.c-bg__14BG-l {
  background: #e5f5f1; }

.c-bg__15BG-l {
  background: #e5f4f3; }

.c-bg__16gB-l {
  background: #e5f2f3; }

.c-bg__17B-l {
  background: #e5f2f6; }

.c-bg__18B-l {
  background: #e5f1f6; }

.c-bg__19pB-l {
  background: #e6edf6; }

.c-bg__20V-l {
  background: #eae9f4; }

.c-bg__21bP-l {
  background: #eee8f4; }

.c-bg__22P-l {
  background: #f1e8f3; }

.c-bg__23rP-l {
  background: #f6e7f3; }

.c-bg__24RP-l {
  background: #fae6f1; }

.c-bg__primary-l {
  background: #fef1ea; }

/* ---------------------------------------------------------
 2.c-wrap__xxxで囲みを作る
--------------------------------------------------------- */
.c-wrap__flexible {
  width: 100%; }

.c-wrap__little, .c-wrap__small, .c-wrap__normal, .c-wrap__large, .c-wrap__giant, .c-wrap__flexible, .c-wrap__huge {
  margin-left: auto;
  margin-right: auto; }

@media screen and (max-width: 768px) {
  .c-wrap__little {
    width: 85%; }

  .c-wrap__small {
    width: 100%;
    padding: 0 4%; }

  .c-wrap__normal {
    width: 100%;
    padding: 0 4%; }

  .c-wrap__large {
    width: 100%;
    padding: 0 4%; }

  .c-wrap__giant {
    width: 100%;
    padding: 0 4%; }

  .c-wrap__huge {
    width: 100%;
    padding: 0 4%; } }
@media screen and (min-width: 768px) and (max-width: 960px) {
  .c-wrap__little {
    width: 480px; }

  .c-wrap__small {
    width: 640px; }

  .c-wrap__normal {
    width: 100%;
    padding: 0 4%; }

  .c-wrap__large {
    width: 100%;
    padding: 0 4%; }

  .c-wrap__giant {
    width: 100%;
    padding: 0 4%; }

  .c-wrap__huge {
    width: 100%;
    padding: 0 4%; } }
@media screen and (min-width: 960px) and (max-width: 1080px) {
  .c-wrap__little {
    width: 480px; }

  .c-wrap__small {
    width: 640px; }

  .c-wrap__normal {
    width: 960px; }

  .c-wrap__large {
    width: 100%;
    padding: 0 4%; }

  .c-wrap__giant {
    width: 100%;
    padding: 0 4%; }

  .c-wrap__huge {
    width: 100%;
    padding: 0 4%; } }
@media screen and (min-width: 1080px) and (max-width: 1200px) {
  .c-wrap__little {
    width: 480px; }

  .c-wrap__small {
    width: 640px; }

  .c-wrap__normal {
    width: 960px; }

  .c-wrap__large {
    width: 1080px; }

  .c-wrap__giant {
    width: 100%;
    padding: 0 4%; }

  .c-wrap__huge {
    width: 100%;
    padding: 0 4%; } }
@media screen and (min-width: 1200px) {
  .c-wrap__little {
    width: 480px; }

  .c-wrap__small {
    width: 640px; }

  .c-wrap__normal {
    width: 960px; }

  .c-wrap__large {
    width: 1080px; }

  .c-wrap__giant {
    width: 80%;
    max-width: 1200px; }

  .c-wrap__huge {
    width: 80%;
    max-width: 1440px; } }
/* ---------------------------------------------------------
 3.複数カラムの場合は、まずc-unitColを追加、余白調整用のコラム
--------------------------------------------------------- */
.c-unitCol {
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  box-sizing: border-box; }

/*unitColに統合
.c-unitCol__free {box-sizing: border-box;}*/
/* ---------------------------------------------------------
 4.配置方法を選択
--------------------------------------------------------- */
/*均等配置*/
.c-unitCol__jcSa {
  justify-content: space-around; }

/*両端詰め配置*/
.c-unitCol__jcSb {
  justify-content: space-between; }

/*中央配置*/
.c-unitCol__jcC {
  justify-content: center; }

  /*末尾に寄せる*/
.c-unitCol__jcFe {
  justify-content: flex-end; }

/* ---------------------------------------------------------
 5.写真の位置等に応じて逆配置が必要な場合
--------------------------------------------------------- */
/*逆詰め*/
.c-unitCol__fdRr {
  flex-direction: row-reverse; }

@media screen and (min-width: 1200px) {
  .c-unitCol__fdRr-p {
    flex-direction: row-reverse; } }
/* ---------------------------------------------------------
 6.コンテンツのカラムを選択
 テンプレ型の場合（均等）の場合はunitXCol
 レイアウト型の場合（不均等）の場合はwidth
--------------------------------------------------------- */
/* =========================================================
 c-unitXCol
 c-unit2Col--1Col PCは2カラム　1200px未満で1カラム
 c-unit4Col--2Col PCは4カラム　1200px未満で2カラム
========================================================= */
.c-unit7Col {
  width: 14.285%;
  box-sizing: border-box; }

.c-unit2Col, .c-unit3Col, .c-unit4Col, .c-unit2Col--1Col, .c-unit3Col--1Col, .c-unit4Col--1Col, .c-unit3Col--2Col, .c-unit4Col--2Col, .c-unit4Col--3Col {
  box-sizing: border-box; }

@media screen and (max-width: 768px) {
  .c-unit2Col--1Col, .c-unit3Col--2Col--1Col, .c-unit3Col--1Col, .c-unit4Col--1Col, .c-unit3Col--3Col--1Col {
    width: 100%; }

  .c-unit2Col, .c-unit3Col, .c-unit4Col, .c-unit3Col--2Col, .c-unit4Col--2Col, .c-unit4Col--3Col, .c-unit4Col--3Col--2Col,.c-unit5Col--3Col, .c-unit5Col--3Col--2Col {
    width: 48.25%; }
    .c-unit2Col:nth-of-type(2n), .c-unit3Col:nth-of-type(2n), .c-unit4Col:nth-of-type(2n), .c-unit3Col--2Col:nth-of-type(2n), .c-unit4Col--2Col:nth-of-type(2n), .c-unit4Col--3Col:nth-of-type(2n), .c-unit4Col--3Col--2Col:nth-of-type(2n) {
      margin-right: 0; } }
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .c-unit2Col--1Col, .c-unit3Col--1Col, .c-unit4Col--1Col {
    width: 100%; }

  .c-unit2Col, .c-unit3Col--2Col, .c-unit3Col--2Col--1Col, .c-unit4Col--2Col {
    width: 48.25%; }
    .c-unit2Col:nth-of-type(2n), .c-unit3Col--2Col:nth-of-type(2n), .c-unit3Col--2Col--1Col:nth-of-type(2n), .c-unit4Col--2Col:nth-of-type(2n) {
      margin-right: 0; }

  .c-unit3Col, .c-unit3Col--3Col--1Col, .c-unit4Col--3Col, .c-unit4Col--3Col--2Col,.c-unit5Col--3Col, .c-unit5Col--3Col--2Col {
    width: 31%; }
    .c-unit3Col:nth-of-type(3n), .c-unit4Col--3Col:nth-of-type(3n), .c-unit4Col--3Col--2Col:nth-of-type(3n) {
      margin-right: 0; }

  .c-unit4Col {
    width: 22.325%; }
    .c-unit4Col:nth-of-type(4n) {
      margin-right: 0; } }
@media screen and (min-width: 1200px) {
  .c-unit2Col, .c-unit2Col--1Col {
    width: 48.25%; }
    .c-unit2Col:nth-of-type(2n), .c-unit2Col--1Col:nth-of-type(2n) {
      margin-right: 0; }

  .c-unit3Col, .c-unit3Col--1Col, .c-unit3Col--2Col--1Col, .c-unit3Col--3Col--1Col, .c-unit3Col--2Col {
    width: 31%; }
    .c-unit3Col:nth-of-type(3n), .c-unit3Col--1Col:nth-of-type(3n), .c-unit3Col--2Col--1Col:nth-of-type(3n), .c-unit3Col--2Col:nth-of-type(3n) {
      margin-right: 0; }

  .c-unit4Col, .c-unit4Col--1Col, .c-unit4Col--2Col, .c-unit4Col--3Col, .c-unit4Col--3Col--2Col {
    width: 22.325%; }
    .c-unit4Col:nth-of-type(4n), .c-unit4Col--1Col:nth-of-type(4n), .c-unit4Col--2Col:nth-of-type(4n), .c-unit4Col--3Col:nth-of-type(4n), .c-unit4Col--3Col--2Col:nth-of-type(4n) {
      margin-right: 0; }
.c-unit5Col--3Col, .c-unit5Col--3Col--2Col {width: 17.2%}
.c-unit5Col--3Col:nth-of-type(5n), .c-unit5Col--3Col--2Col:nth-of-type(5n) { margin-right: 0;}}
/* =========================================================
 c-width
 ハイフン無しは全画面共通
 sb SMALL BRAKE スマホのみ100%（768px未満で100%）
 mb MIDDLE BRAKE スマホ、タブレットで100%（1024px未満で100%）
========================================================= */
@media screen and (max-width: 768px) {
  /**/
  .c-width-268px-sb {
    width: 100%; }

  /**/
  .c-width-5 {
    width: 5%; }

  .c-width-7 {
    width: 7.5%; }

  .c-width-10 {
    width: 10%; }

  .c-width-12 {
    width: 12.5%; }

  .c-width-15 {
    width: 15%; }

  .c-width-17 {
    width: 17.5%; }

  .c-width-20 {
    width: 20%; }

  .c-width-22 {
    width: 22.5%; }

  .c-width-25 {
    width: 25%; }

  .c-width-27 {
    width: 27.5%; }

  .c-width-30 {
    width: 30%; }

  .c-width-32 {
    width: 32.5%; }

  .c-width-35 {
    width: 35%; }

  .c-width-37 {
    width: 37.5%; }

  .c-width-40 {
    width: 40%; }

  .c-width-42 {
    width: 42.5%; }

  .c-width-45 {
    width: 45%; }

  .c-width-47 {
    width: 47.5%; }

  .c-width-49 {
    width: 49.5%; }

  .c-width-50 {
    width: 50%; }

  .c-width-52 {
    width: 52.5%; }

  .c-width-55 {
    width: 55%; }

  .c-width-57 {
    width: 57.5%; }

  .c-width-60 {
    width: 60%; }

  .c-width-62 {
    width: 62.5%; }

  .c-width-65 {
    width: 65%; }

  .c-width-67 {
    width: 67.5%; }

  .c-width-70 {
    width: 70%; }

  .c-width-72 {
    width: 72.5%; }

  .c-width-75 {
    width: 75%; }

  .c-width-77 {
    width: 77.5%; }

  .c-width-80 {
    width: 80%; }

  .c-width-82 {
    width: 82.5%; }

  .c-width-85 {
    width: 85%; }

  .c-width-87 {
    width: 87.5%; }

  .c-width-90 {
    width: 90%; }

  .c-width-92 {
    width: 92.5%; }

  .c-width-95 {
    width: 95%; }

  /**/
  .c-width-5-sb, .c-width-5-mb, .c-width-7-sb, .c-width-7-mb, .c-width-10-sb, .c-width-10-mb, .c-width-12-sb, .c-width-12-mb, .c-width-15-sb, .c-width-15-mb, .c-width-17-sb, .c-width-17-mb, .c-width-20-sb, .c-width-20-mb, .c-width-22-sb, .c-width-22-mb, .c-width-25-sb, .c-width-25-mb, .c-width-27-sb, .c-width-27-mb, .c-width-30-sb, .c-width-30-mb, .c-width-32-sb, .c-width-32-mb, .c-width-35-sb, .c-width-35-mb, .c-width-37-sb, .c-width-37-mb, .c-width-40-sb, .c-width-40-mb, .c-width-42-sb, .c-width-42-mb, .c-width-45-sb, .c-width-45-mb, .c-width-47-sb, .c-width-47-mb, .c-width-49-sb, .c-width-49-mb, .c-width-50-sb, .c-width-50-mb, .c-width-52-sb, .c-width-52-mb, .c-width-55-sb, .c-width-55-mb, .c-width-57-sb, .c-width-57-mb, .c-width-60-sb, .c-width-60-mb, .c-width-62-sb, .c-width-62-mb, .c-width-65-sb, .c-width-65-mb, .c-width-67-sb, .c-width-67-mb, .c-width-70-sb, .c-width-70-mb, .c-width-72-sb, .c-width-72-mb, .c-width-75-sb, .c-width-75-mb, .c-width-77-sb, .c-width-77-mb, .c-width-80-sb, .c-width-80-mb, .c-width-82-sb, .c-width-82-mb, .c-width-85-sb, .c-width-85-mb, .c-width-87-sb, .c-width-87-mb, .c-width-90-sb, .c-width-90-mb, .c-width-92-sb, .c-width-92-mb, .c-width-95-sb, .c-width-95-mb {
    width: 100%; } }
@media screen and (min-width: 768px) and (max-width: 1200px) {
  /**/
  .c-width-268px-sb {
    min-width: 268px;
    width: 70%;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto; }

  /**/
  .c-width-5, .c-width-5-sb {
    width: 5%; }

  .c-width-7, .c-width-7-sb {
    width: 7.5%; }

  .c-width-10, .c-width-10-sb {
    width: 10%; }

  .c-width-12, .c-width-12-sb {
    width: 12.5%; }

  .c-width-15, .c-width-15-sb {
    width: 15%; }

  .c-width-17, .c-width-17-sb {
    width: 17.5%; }

  .c-width-20, .c-width-20-sb {
    width: 20%; }

  .c-width-22, .c-width-22-sb {
    width: 22.5%; }

  .c-width-25, .c-width-25-sb {
    width: 25%; }

  .c-width-27, .c-width-27-sb {
    width: 27.5%; }

  .c-width-30, .c-width-30-sb {
    width: 30%; }

  .c-width-32, .c-width-32-sb {
    width: 32.5%; }

  .c-width-35, .c-width-35-sb {
    width: 35%; }

  .c-width-37, .c-width-37-sb {
    width: 37.5%; }

  .c-width-40, .c-width-40-sb {
    width: 40%; }

  .c-width-42, .c-width-42-sb {
    width: 42.5%; }

  .c-width-45, .c-width-45-sb {
    width: 45%; }

  .c-width-47, .c-width-47-sb {
    width: 47.5%; }

  .c-width-49, .c-width-49-sb {
    width: 49.5%; }

  .c-width-50, .c-width-50-sb {
    width: 50%; }

  .c-width-52, .c-width-52-sb {
    width: 52.5%; }

  .c-width-55, .c-width-55-sb {
    width: 55%; }

  .c-width-57, .c-width-57-sb {
    width: 57.5%; }

  .c-width-60, .c-width-60-sb {
    width: 60%; }

  .c-width-62, .c-width-62-sb {
    width: 62.5%; }

  .c-width-65, .c-width-65-sb {
    width: 65%; }

  .c-width-67, .c-width-67-sb {
    width: 67.5%; }

  .c-width-70, .c-width-70-sb {
    width: 70%; }

  .c-width-72, .c-width-72-sb {
    width: 72.5%; }

  .c-width-75, .c-width-75-sb {
    width: 75%; }

  .c-width-77, .c-width-77-sb {
    width: 77.5%; }

  .c-width-80, .c-width-80-sb {
    width: 80%; }

  .c-width-82, .c-width-82-sb {
    width: 82.5%; }

  .c-width-85, .c-width-85-sb {
    width: 85%; }

  .c-width-87, .c-width-87-sb {
    width: 87.5%; }

  .c-width-90, .c-width-90-sb {
    width: 90%; }

  .c-width-92, .c-width-92-sb {
    width: 92.5%; }

  .c-width-95, .c-width-95-sb {
    width: 95%; }

  /**/
  .c-width-5-mb, .c-width-7-mb, .c-width-10-mb, .c-width-12-mb, .c-width-15-mb, .c-width-17-mb, .c-width-20-mb, .c-width-22-mb, .c-width-25-mb, .c-width-27-mb, .c-width-30-mb, .c-width-32-mb, .c-width-35-mb, .c-width-37-mb, .c-width-40-mb, .c-width-42-mb, .c-width-45-mb, .c-width-47-mb, .c-width-49-mb, .c-width-50-mb, .c-width-52-mb, .c-width-55-mb, .c-width-57-mb, .c-width-60-mb, .c-width-62-mb, .c-width-65-mb, .c-width-67-mb, .c-width-70-mb, .c-width-72-mb, .c-width-75-mb, .c-width-77-mb, .c-width-80-mb, .c-width-82-mb, .c-width-85-mb, .c-width-87-mb, .c-width-90-mb, .c-width-92-mb, .c-width-95-mb {
    width: 100%; } }
@media screen and (min-width: 1200px) {
  /**/
  .c-width-268px-sb {
    width: 268px; }

  /**/
  .c-width-5, .c-width-5-sb, .c-width-5-mb {
    width: 5%; }

  .c-width-7, .c-width-7-sb, .c-width-7-mb {
    width: 7.5%; }

  .c-width-10, .c-width-10-sb, .c-width-10-mb {
    width: 10%; }

  .c-width-12, .c-width-12-sb, .c-width-12-mb {
    width: 12.5%; }

  .c-width-15, .c-width-15-sb, .c-width-15-mb {
    width: 15%; }

  .c-width-17, .c-width-17-sb, .c-width-17-mb {
    width: 17.5%; }

  .c-width-20, .c-width-20-sb, .c-width-20-mb {
    width: 20%; }

  .c-width-22, .c-width-22-sb, .c-width-22-mb {
    width: 22.5%; }

  .c-width-25, .c-width-25-sb, .c-width-25-mb {
    width: 25%; }

  .c-width-27, .c-width-27-sb, .c-width-27-mb {
    width: 27.5%; }

  .c-width-30, .c-width-30-sb, .c-width-30-mb {
    width: 30%; }

  .c-width-32, .c-width-32-sb, .c-width-32-mb {
    width: 32.5%; }

  .c-width-35, .c-width-35-sb, .c-width-35-mb {
    width: 35%; }

  .c-width-37, .c-width-37-sb, .c-width-37-mb {
    width: 37.5%; }

  .c-width-40, .c-width-40-sb, .c-width-40-mb {
    width: 40%; }

  .c-width-42, .c-width-42-sb, .c-width-42-mb {
    width: 42.5%; }

  .c-width-45, .c-width-45-sb, .c-width-45-mb {
    width: 45%; }

  .c-width-47, .c-width-47-sb, .c-width-47-mb {
    width: 47.5%; }

  .c-width-49, .c-width-49-sb, .c-width-49-mb {
    width: 49.5%; }

  .c-width-50, .c-width-50-sb, .c-width-50-mb {
    width: 50%; }

  .c-width-52, .c-width-52-sb, .c-width-52-mb {
    width: 52.5%; }

  .c-width-55, .c-width-55-sb, .c-width-55-mb {
    width: 55%; }

  .c-width-57, .c-width-57-sb, .c-width-57-mb {
    width: 57.5%; }

  .c-width-60, .c-width-60-sb, .c-width-60-mb {
    width: 60%; }

  .c-width-62, .c-width-62-sb, .c-width-62-mb {
    width: 62.5%; }

  .c-width-65, .c-width-65-sb, .c-width-65-mb {
    width: 65%; }

  .c-width-67, .c-width-67-sb, .c-width-67-mb {
    width: 67.5%; }

  .c-width-70, .c-width-70-sb, .c-width-70-mb {
    width: 70%; }

  .c-width-72, .c-width-72-sb, .c-width-72-mb {
    width: 72.5%; }

  .c-width-75, .c-width-75-sb, .c-width-75-mb {
    width: 75%; }

  .c-width-77, .c-width-77-sb, .c-width-77-mb {
    width: 77.5%; }

  .c-width-80, .c-width-80-sb, .c-width-80-mb {
    width: 80%; }

  .c-width-82, .c-width-82-sb, .c-width-82-mb {
    width: 82.5%; }

  .c-width-85, .c-width-85-sb, .c-width-85-mb {
    width: 85%; }

  .c-width-87, .c-width-87-sb, .c-width-87-mb {
    width: 87.5%; }

  .c-width-90, .c-width-90-sb, .c-width-90-mb {
    width: 90%; }

  .c-width-92, .c-width-92-sb, .c-width-92-mb {
    width: 92.5%; }

  .c-width-95, .c-width-95-sb, .c-width-95-mb {
    width: 95%; } }
.c-width100 {
  width: 100% !important; }

/* ---------------------------------------------------------
 7.カラム内の縦位置の配置を決める
 その他方法はcheetsheet参照
--------------------------------------------------------- */
/*まとめてレイアウト調整*/
.c-unitCol__aiC {
  align-items: center; }

.c-unitCol__aiS {
  align-items: stretch; }

/*個別にレイアウト調整*/
.c-unitCol__asC {
  align-self: center; }

.c-unitCol__asS {
  align-self: stretch; }

.c-unitCol__asFs {
  align-self: flex-start; }

/* ---------------------------------------------------------
 8.borderが必要なものは設定
--------------------------------------------------------- */
.c-border__95-do {
  border: 1px dotted #999; }

.c-border__95-do-T {
  border-top: 1px dotted #999; }

.c-border__95-do-B {
  border-bottom: 1px dotted #999; }

.c-border__95-do-R {
  border-right: 1px dotted #999; }

.c-border__95-do-L {
  border-left: 1px dotted #999; }

.c-border__95-do-TB {
  border-top: 1px dotted #999;
  border-bottom: 1px dotted #999; }

.c-borderList__95-do > div, .c-borderList__95-do > li {
  border: 1px dotted #999; }

.c-borderList__95-do-T > div, .c-borderList__95-do-T > li {
  border-top: 1px dotted #999; }

.c-borderList__95-do-B > div, .c-borderList__95-do-B > li {
  border-bottom: 1px dotted #999; }

.c-borderList__95-do-R > div, .c-borderList__95-do-R > li {
  border-right: 1px dotted #999; }

.c-borderList__95-do-L > div, .c-borderList__95-do-L > li {
  border-left: 1px dotted #999; }

.c-borderList__95-do-TB > div, .c-borderList__95-do-TB > li {
  border-top: 1px dotted #999;
  border-bottom: 1px dotted #999; }

.c-border__95-so {
  border: 1px solid #999; }

.c-border__95-so-T {
  border-top: 1px solid #999; }

.c-border__95-so-B {
  border-bottom: 1px solid #999; }

.c-border__95-so-R {
  border-right: 1px solid #999; }

.c-border__95-so-L {
  border-left: 1px solid #999; }

.c-border__95-so-TB {
  border-top: 1px solid #999;
  border-bottom: 1px solid #999; }

.c-borderList__95-so > div, .c-borderList__95-so > li {
  border: 1px solid #999; }

.c-borderList__95-so-T > div, .c-borderList__95-so-T > li {
  border-top: 1px solid #999; }

.c-borderList__95-so-B > div, .c-borderList__95-so-B > li {
  border-bottom: 1px solid #999; }

.c-borderList__95-so-R > div, .c-borderList__95-so-R > li {
  border-right: 1px solid #999; }

.c-borderList__95-so-L > div, .c-borderList__95-so-L > li {
  border-left: 1px solid #999; }

.c-borderList__95-so-TB > div, .c-borderList__95-so-TB > li {
  border-top: 1px solid #999;
  border-bottom: 1px solid #999; }

.c-border__96-do {
  border: 1px dotted #ccc; }

.c-border__96-do-T {
  border-top: 1px dotted #ccc; }

.c-border__96-do-B {
  border-bottom: 1px dotted #ccc; }

.c-border__96-do-R {
  border-right: 1px dotted #ccc; }

.c-border__96-do-L {
  border-left: 1px dotted #ccc; }

.c-border__96-do-TB {
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc; }

.c-borderList__96-do > div, .c-borderList__96-do > li {
  border: 1px dotted #ccc; }

.c-borderList__96-do-T > div, .c-borderList__96-do-T > li {
  border-top: 1px dotted #ccc; }

.c-borderList__96-do-B > div, .c-borderList__96-do-B > li {
  border-bottom: 1px dotted #ccc; }

.c-borderList__96-do-R > div, .c-borderList__96-do-R > li {
  border-right: 1px dotted #ccc; }

.c-borderList__96-do-L > div, .c-borderList__96-do-L > li {
  border-left: 1px dotted #ccc; }

.c-borderList__96-do-TB > div, .c-borderList__96-do-TB > li {
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc; }

.c-border__96-so {
  border: 1px solid #ccc; }

.c-border__96-so-T {
  border-top: 1px solid #ccc; }

.c-border__96-so-B {
  border-bottom: 1px solid #ccc; }

.c-border__96-so-R {
  border-right: 1px solid #ccc; }

.c-border__96-so-L {
  border-left: 1px solid #ccc; }

.c-border__96-so-TB {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc; }

.c-borderList__96-so > div, .c-borderList__96-so > li {
  border: 1px solid #ccc; }

.c-borderList__96-so-T > div, .c-borderList__96-so-T > li {
  border-top: 1px solid #ccc; }

.c-borderList__96-so-B > div, .c-borderList__96-so-B > li {
  border-bottom: 1px solid #ccc; }

.c-borderList__96-so-R > div, .c-borderList__96-so-R > li {
  border-right: 1px solid #ccc; }

.c-borderList__96-so-L > div, .c-borderList__96-so-L > li {
  border-left: 1px solid #ccc; }

.c-borderList__96-so-TB > div, .c-borderList__96-so-TB > li {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc; }

.c-border__97-do {
  border: 1px dotted #ddd; }

.c-border__97-do-T {
  border-top: 1px dotted #ddd; }

.c-border__97-do-B {
  border-bottom: 1px dotted #ddd; }

.c-border__97-do-R {
  border-right: 1px dotted #ddd; }

.c-border__97-do-L {
  border-left: 1px dotted #ddd; }

.c-border__97-do-TB {
  border-top: 1px dotted #ddd;
  border-bottom: 1px dotted #ddd; }

.c-borderList__97-do > div, .c-borderList__97-do > li {
  border: 1px dotted #ddd; }

.c-borderList__97-do-T > div, .c-borderList__97-do-T > li {
  border-top: 1px dotted #ddd; }

.c-borderList__97-do-B > div, .c-borderList__97-do-B > li {
  border-bottom: 1px dotted #ddd; }

.c-borderList__97-do-R > div, .c-borderList__97-do-R > li {
  border-right: 1px dotted #ddd; }

.c-borderList__97-do-L > div, .c-borderList__97-do-L > li {
  border-left: 1px dotted #ddd; }

.c-borderList__97-do-TB > div, .c-borderList__97-do-TB > li {
  border-top: 1px dotted #ddd;
  border-bottom: 1px dotted #ddd; }

.c-border__97-so {
  border: 1px solid #ddd; }

.c-border__97-so-T {
  border-top: 1px solid #ddd; }

.c-border__97-so-B {
  border-bottom: 1px solid #ddd; }

.c-border__97-so-R {
  border-right: 1px solid #ddd; }

.c-border__97-so-L {
  border-left: 1px solid #ddd; }

.c-border__97-so-TB {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd; }

.c-borderList__97-so > div, .c-borderList__97-so > li {
  border: 1px solid #ddd; }

.c-borderList__97-so-T > div, .c-borderList__97-so-T > li {
  border-top: 1px solid #ddd; }

.c-borderList__97-so-B > div, .c-borderList__97-so-B > li {
  border-bottom: 1px solid #ddd; }

.c-borderList__97-so-R > div, .c-borderList__97-so-R > li {
  border-right: 1px solid #ddd; }

.c-borderList__97-so-L > div, .c-borderList__97-so-L > li {
  border-left: 1px solid #ddd; }

.c-borderList__97-so-TB > div, .c-borderList__97-so-TB > li {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd; }

.c-border__98-do {
  border: 1px dotted #eee; }

.c-border__98-do-T {
  border-top: 1px dotted #eee; }

.c-border__98-do-B {
  border-bottom: 1px dotted #eee; }

.c-border__98-do-R {
  border-right: 1px dotted #eee; }

.c-border__98-do-L {
  border-left: 1px dotted #eee; }

.c-border__98-do-TB {
  border-top: 1px dotted #eee;
  border-bottom: 1px dotted #eee; }

.c-borderList__98-do > div, .c-borderList__98-do > li {
  border: 1px dotted #eee; }

.c-borderList__98-do-T > div, .c-borderList__98-do-T > li {
  border-top: 1px dotted #eee; }

.c-borderList__98-do-B > div, .c-borderList__98-do-B > li {
  border-bottom: 1px dotted #eee; }

.c-borderList__98-do-R > div, .c-borderList__98-do-R > li {
  border-right: 1px dotted #eee; }

.c-borderList__98-do-L > div, .c-borderList__98-do-L > li {
  border-left: 1px dotted #eee; }

.c-borderList__98-do-TB > div, .c-borderList__98-do-TB > li {
  border-top: 1px dotted #eee;
  border-bottom: 1px dotted #eee; }

.c-border__98-so {
  border: 1px solid #eee; }

.c-border__98-so-T {
  border-top: 1px solid #eee; }

.c-border__98-so-B {
  border-bottom: 1px solid #eee; }

.c-border__98-so-R {
  border-right: 1px solid #eee; }

.c-border__98-so-L {
  border-left: 1px solid #eee; }

.c-border__98-so-TB {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee; }

.c-borderList__98-so > div, .c-borderList__98-so > li {
  border: 1px solid #eee; }

.c-borderList__98-so-T > div, .c-borderList__98-so-T > li {
  border-top: 1px solid #eee; }

.c-borderList__98-so-B > div, .c-borderList__98-so-B > li {
  border-bottom: 1px solid #eee; }

.c-borderList__98-so-R > div, .c-borderList__98-so-R > li {
  border-right: 1px solid #eee; }

.c-borderList__98-so-L > div, .c-borderList__98-so-L > li {
  border-left: 1px solid #eee; }

.c-borderList__98-so-TB > div, .c-borderList__98-so-TB > li {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee; }

@media screen and (max-width: 768px) {
  .c-border-s__96-do {
    border: 1px dotted #ccc; }

  .c-border-s__96-do-T {
    border-top: 1px dotted #ccc; }

  .c-border-s__96-do-B {
    border-bottom: 1px dotted #ccc; }

  .c-border-s__96-do-R {
    border-right: 1px dotted #ccc; }

  .c-border-s__96-do-L {
    border-left: 1px dotted #ccc; }

  .c-border-s__96-do-TB {
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc; }

  .c-borderList-s__96-do > div, .c-borderList-s__96-do > li {
    border: 1px dotted #ccc; }

  .c-borderList-s__96-do-T > div, .c-borderList-s__96-do-T > li {
    border-top: 1px dotted #ccc; }

  .c-borderList-s__96-do-B > div, .c-borderList-s__96-do-B > li {
    border-bottom: 1px dotted #ccc; }

  .c-borderList-s__96-do-R > div, .c-borderList-s__96-do-R > li {
    border-right: 1px dotted #ccc; }

  .c-borderList-s__96-do-L > div, .c-borderList-s__96-do-L > li {
    border-left: 1px dotted #ccc; }

  .c-borderList-s__96-do-TB > div, .c-borderList-s__96-do-TB > li {
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc; }

  .c-border-s__96-so {
    border: 1px solid #ccc; }

  .c-border-s__96-so-T {
    border-top: 1px solid #ccc; }

  .c-border-s__96-so-B {
    border-bottom: 1px solid #ccc; }

  .c-border-s__96-so-R {
    border-right: 1px solid #ccc; }

  .c-border-s__96-so-L {
    border-left: 1px solid #ccc; }

  .c-border-s__96-so-TB {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc; }

  .c-borderList-s__96-so > div, .c-borderList-s__96-so > li {
    border: 1px solid #ccc; }

  .c-borderList-s__96-so-T > div, .c-borderList-s__96-so-T > li {
    border-top: 1px solid #ccc; }

  .c-borderList-s__96-so-B > div, .c-borderList-s__96-so-B > li {
    border-bottom: 1px solid #ccc; }

  .c-borderList-s__96-so-R > div, .c-borderList-s__96-so-R > li {
    border-right: 1px solid #ccc; }

  .c-borderList-s__96-so-L > div, .c-borderList-s__96-so-L > li {
    border-left: 1px solid #ccc; }

  .c-borderList-s__96-so-TB > div, .c-borderList-s__96-so-TB > li {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc; }

  .c-border-s__97-do {
    border: 1px dotted #ddd; }

  .c-border-s__97-do-T {
    border-top: 1px dotted #ddd; }

  .c-border-s__97-do-B {
    border-bottom: 1px dotted #ddd; }

  .c-border-s__97-do-R {
    border-right: 1px dotted #ddd; }

  .c-border-s__97-do-L {
    border-left: 1px dotted #ddd; }

  .c-border-s__97-do-TB {
    border-top: 1px dotted #ddd;
    border-bottom: 1px dotted #ddd; }

  .c-borderList-s__97-do > div, .c-borderList-s__97-do > li {
    border: 1px dotted #ddd; }

  .c-borderList-s__97-do-T > div, .c-borderList-s__97-do-T > li {
    border-top: 1px dotted #ddd; }

  .c-borderList-s__97-do-B > div, .c-borderList-s__97-do-B > li {
    border-bottom: 1px dotted #ddd; }

  .c-borderList-s__97-do-R > div, .c-borderList-s__97-do-R > li {
    border-right: 1px dotted #ddd; }

  .c-borderList-s__97-do-L > div, .c-borderList-s__97-do-L > li {
    border-left: 1px dotted #ddd; }

  .c-borderList-s__97-do-TB > div, .c-borderList-s__97-do-TB > li {
    border-top: 1px dotted #ddd;
    border-bottom: 1px dotted #ddd; }

  .c-border-s__97-so {
    border: 1px solid #ddd; }

  .c-border-s__97-so-T {
    border-top: 1px solid #ddd; }

  .c-border-s__97-so-B {
    border-bottom: 1px solid #ddd; }

  .c-border-s__97-so-R {
    border-right: 1px solid #ddd; }

  .c-border-s__97-so-L {
    border-left: 1px solid #ddd; }

  .c-border-s__97-so-TB {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd; }

  .c-borderList-s__97-so > div, .c-borderList-s__97-so > li {
    border: 1px solid #ddd; }

  .c-borderList-s__97-so-T > div, .c-borderList-s__97-so-T > li {
    border-top: 1px solid #ddd; }

  .c-borderList-s__97-so-B > div, .c-borderList-s__97-so-B > li {
    border-bottom: 1px solid #ddd; }

  .c-borderList-s__97-so-R > div, .c-borderList-s__97-so-R > li {
    border-right: 1px solid #ddd; }

  .c-borderList-s__97-so-L > div, .c-borderList-s__97-so-L > li {
    border-left: 1px solid #ddd; }

  .c-borderList-s__97-so-TB > div, .c-borderList-s__97-so-TB > li {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd; }

  .c-border-s__98-do {
    border: 1px dotted #eee; }

  .c-border-s__98-do-T {
    border-top: 1px dotted #eee; }

  .c-border-s__98-do-B {
    border-bottom: 1px dotted #eee; }

  .c-border-s__98-do-R {
    border-right: 1px dotted #eee; }

  .c-border-s__98-do-L {
    border-left: 1px dotted #eee; }

  .c-border-s__98-do-TB {
    border-top: 1px dotted #eee;
    border-bottom: 1px dotted #eee; }

  .c-borderList-s__98-do > div, .c-borderList-s__98-do > li {
    border: 1px dotted #eee; }

  .c-borderList-s__98-do-T > div, .c-borderList-s__98-do-T > li {
    border-top: 1px dotted #eee; }

  .c-borderList-s__98-do-B > div, .c-borderList-s__98-do-B > li {
    border-bottom: 1px dotted #eee; }

  .c-borderList-s__98-do-R > div, .c-borderList-s__98-do-R > li {
    border-right: 1px dotted #eee; }

  .c-borderList-s__98-do-L > div, .c-borderList-s__98-do-L > li {
    border-left: 1px dotted #eee; }

  .c-borderList-s__98-do-TB > div, .c-borderList-s__98-do-TB > li {
    border-top: 1px dotted #eee;
    border-bottom: 1px dotted #eee; }

  .c-border-s__98-so {
    border: 1px solid #eee; }

  .c-border-s__98-so-T {
    border-top: 1px solid #eee; }

  .c-border-s__98-so-B {
    border-bottom: 1px solid #eee; }

  .c-border-s__98-so-R {
    border-right: 1px solid #eee; }

  .c-border-s__98-so-L {
    border-left: 1px solid #eee; }

  .c-border-s__98-so-TB {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee; }

  .c-borderList-s__98-so > div, .c-borderList-s__98-so > li {
    border: 1px solid #eee; }

  .c-borderList-s__98-so-T > div, .c-borderList-s__98-so-T > li {
    border-top: 1px solid #eee; }

  .c-borderList-s__98-so-B > div, .c-borderList-s__98-so-B > li {
    border-bottom: 1px solid #eee; }

  .c-borderList-s__98-so-R > div, .c-borderList-s__98-so-R > li {
    border-right: 1px solid #eee; }

  .c-borderList-s__98-so-L > div, .c-borderList-s__98-so-L > li {
    border-left: 1px solid #eee; }

  .c-borderList-s__98-so-TB > div, .c-borderList-s__98-so-TB > li {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee; }

  .c-border-st__96-do {
    border: 1px dotted #ccc; }

  .c-border-st__96-do-T {
    border-top: 1px dotted #ccc; }

  .c-border-st__96-do-B {
    border-bottom: 1px dotted #ccc; }

  .c-border-st__96-do-R {
    border-right: 1px dotted #ccc; }

  .c-border-st__96-do-L {
    border-left: 1px dotted #ccc; }

  .c-border-st__96-do-TB {
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc; }

  .c-borderList-st__96-do > div, .c-borderList-st__96-do > li {
    border: 1px dotted #ccc; }

  .c-borderList-st__96-do-T > div, .c-borderList-st__96-do-T > li {
    border-top: 1px dotted #ccc; }

  .c-borderList-st__96-do-B > div, .c-borderList-st__96-do-B > li {
    border-bottom: 1px dotted #ccc; }

  .c-borderList-st__96-do-R > div, .c-borderList-st__96-do-R > li {
    border-right: 1px dotted #ccc; }

  .c-borderList-st__96-do-L > div, .c-borderList-st__96-do-L > li {
    border-left: 1px dotted #ccc; }

  .c-borderList-st__96-do-TB > div, .c-borderList-st__96-do-TB > li {
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc; }

  .c-border-st__96-so {
    border: 1px solid #ccc; }

  .c-border-st__96-so-T {
    border-top: 1px solid #ccc; }

  .c-border-st__96-so-B {
    border-bottom: 1px solid #ccc; }

  .c-border-st__96-so-R {
    border-right: 1px solid #ccc; }

  .c-border-st__96-so-L {
    border-left: 1px solid #ccc; }

  .c-border-st__96-so-TB {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc; }

  .c-borderList-st__96-so > div, .c-borderList-st__96-so > li {
    border: 1px solid #ccc; }

  .c-borderList-st__96-so-T > div, .c-borderList-st__96-so-T > li {
    border-top: 1px solid #ccc; }

  .c-borderList-st__96-so-B > div, .c-borderList-st__96-so-B > li {
    border-bottom: 1px solid #ccc; }

  .c-borderList-st__96-so-R > div, .c-borderList-st__96-so-R > li {
    border-right: 1px solid #ccc; }

  .c-borderList-st__96-so-L > div, .c-borderList-st__96-so-L > li {
    border-left: 1px solid #ccc; }

  .c-borderList-st__96-so-TB > div, .c-borderList-st__96-so-TB > li {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc; }

  .c-border-st__97-do {
    border: 1px dotted #ddd; }

  .c-border-st__97-do-T {
    border-top: 1px dotted #ddd; }

  .c-border-st__97-do-B {
    border-bottom: 1px dotted #ddd; }

  .c-border-st__97-do-R {
    border-right: 1px dotted #ddd; }

  .c-border-st__97-do-L {
    border-left: 1px dotted #ddd; }

  .c-border-st__97-do-TB {
    border-top: 1px dotted #ddd;
    border-bottom: 1px dotted #ddd; }

  .c-borderList-st__97-do > div, .c-borderList-st__97-do > li {
    border: 1px dotted #ddd; }

  .c-borderList-st__97-do-T > div, .c-borderList-st__97-do-T > li {
    border-top: 1px dotted #ddd; }

  .c-borderList-st__97-do-B > div, .c-borderList-st__97-do-B > li {
    border-bottom: 1px dotted #ddd; }

  .c-borderList-st__97-do-R > div, .c-borderList-st__97-do-R > li {
    border-right: 1px dotted #ddd; }

  .c-borderList-st__97-do-L > div, .c-borderList-st__97-do-L > li {
    border-left: 1px dotted #ddd; }

  .c-borderList-st__97-do-TB > div, .c-borderList-st__97-do-TB > li {
    border-top: 1px dotted #ddd;
    border-bottom: 1px dotted #ddd; }

  .c-border-st__97-so {
    border: 1px solid #ddd; }

  .c-border-st__97-so-T {
    border-top: 1px solid #ddd; }

  .c-border-st__97-so-B {
    border-bottom: 1px solid #ddd; }

  .c-border-st__97-so-R {
    border-right: 1px solid #ddd; }

  .c-border-st__97-so-L {
    border-left: 1px solid #ddd; }

  .c-border-st__97-so-TB {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd; }

  .c-borderList-st__97-so > div, .c-borderList-st__97-so > li {
    border: 1px solid #ddd; }

  .c-borderList-st__97-so-T > div, .c-borderList-st__97-so-T > li {
    border-top: 1px solid #ddd; }

  .c-borderList-st__97-so-B > div, .c-borderList-st__97-so-B > li {
    border-bottom: 1px solid #ddd; }

  .c-borderList-st__97-so-R > div, .c-borderList-st__97-so-R > li {
    border-right: 1px solid #ddd; }

  .c-borderList-st__97-so-L > div, .c-borderList-st__97-so-L > li {
    border-left: 1px solid #ddd; }

  .c-borderList-st__97-so-TB > div, .c-borderList-st__97-so-TB > li {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd; }

  .c-border-st__98-do {
    border: 1px dotted #eee; }

  .c-border-st__98-do-T {
    border-top: 1px dotted #eee; }

  .c-border-st__98-do-B {
    border-bottom: 1px dotted #eee; }

  .c-border-st__98-do-R {
    border-right: 1px dotted #eee; }

  .c-border-st__98-do-L {
    border-left: 1px dotted #eee; }

  .c-border-st__98-do-TB {
    border-top: 1px dotted #eee;
    border-bottom: 1px dotted #eee; }

  .c-borderList-st__98-do > div, .c-borderList-st__98-do > li {
    border: 1px dotted #eee; }

  .c-borderList-st__98-do-T > div, .c-borderList-st__98-do-T > li {
    border-top: 1px dotted #eee; }

  .c-borderList-st__98-do-B > div, .c-borderList-st__98-do-B > li {
    border-bottom: 1px dotted #eee; }

  .c-borderList-st__98-do-R > div, .c-borderList-st__98-do-R > li {
    border-right: 1px dotted #eee; }

  .c-borderList-st__98-do-L > div, .c-borderList-st__98-do-L > li {
    border-left: 1px dotted #eee; }

  .c-borderList-st__98-do-TB > div, .c-borderList-st__98-do-TB > li {
    border-top: 1px dotted #eee;
    border-bottom: 1px dotted #eee; }

  .c-border-st__98-so {
    border: 1px solid #eee; }

  .c-border-st__98-so-T {
    border-top: 1px solid #eee; }

  .c-border-st__98-so-B {
    border-bottom: 1px solid #eee; }

  .c-border-st__98-so-R {
    border-right: 1px solid #eee; }

  .c-border-st__98-so-L {
    border-left: 1px solid #eee; }

  .c-border-st__98-so-TB {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee; }

  .c-borderList-st__98-so > div, .c-borderList-st__98-so > li {
    border: 1px solid #eee; }

  .c-borderList-st__98-so-T > div, .c-borderList-st__98-so-T > li {
    border-top: 1px solid #eee; }

  .c-borderList-st__98-so-B > div, .c-borderList-st__98-so-B > li {
    border-bottom: 1px solid #eee; }

  .c-borderList-st__98-so-R > div, .c-borderList-st__98-so-R > li {
    border-right: 1px solid #eee; }

  .c-borderList-st__98-so-L > div, .c-borderList-st__98-so-L > li {
    border-left: 1px solid #eee; }

  .c-borderList-st__98-so-TB > div, .c-borderList-st__98-so-TB > li {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee; } }
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .c-border-st__96-do {
    border: 1px dotted #ccc; }

  .c-border-st__96-do-T {
    border-top: 1px dotted #ccc; }

  .c-border-st__96-do-B {
    border-bottom: 1px dotted #ccc; }

  .c-border-st__96-do-R {
    border-right: 1px dotted #ccc; }

  .c-border-st__96-do-L {
    border-left: 1px dotted #ccc; }

  .c-border-st__96-do-TB {
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc; }

  .c-borderList-st__96-do > div, .c-borderList-st__96-do > li {
    border: 1px dotted #ccc; }

  .c-borderList-st__96-do-T > div, .c-borderList-st__96-do-T > li {
    border-top: 1px dotted #ccc; }

  .c-borderList-st__96-do-B > div, .c-borderList-st__96-do-B > li {
    border-bottom: 1px dotted #ccc; }

  .c-borderList-st__96-do-R > div, .c-borderList-st__96-do-R > li {
    border-right: 1px dotted #ccc; }

  .c-borderList-st__96-do-L > div, .c-borderList-st__96-do-L > li {
    border-left: 1px dotted #ccc; }

  .c-borderList-st__96-do-TB > div, .c-borderList-st__96-do-TB > li {
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc; }

  .c-border-st__96-so {
    border: 1px solid #ccc; }

  .c-border-st__96-so-T {
    border-top: 1px solid #ccc; }

  .c-border-st__96-so-B {
    border-bottom: 1px solid #ccc; }

  .c-border-st__96-so-R {
    border-right: 1px solid #ccc; }

  .c-border-st__96-so-L {
    border-left: 1px solid #ccc; }

  .c-border-st__96-so-TB {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc; }

  .c-borderList-st__96-so > div, .c-borderList-st__96-so > li {
    border: 1px solid #ccc; }

  .c-borderList-st__96-so-T > div, .c-borderList-st__96-so-T > li {
    border-top: 1px solid #ccc; }

  .c-borderList-st__96-so-B > div, .c-borderList-st__96-so-B > li {
    border-bottom: 1px solid #ccc; }

  .c-borderList-st__96-so-R > div, .c-borderList-st__96-so-R > li {
    border-right: 1px solid #ccc; }

  .c-borderList-st__96-so-L > div, .c-borderList-st__96-so-L > li {
    border-left: 1px solid #ccc; }

  .c-borderList-st__96-so-TB > div, .c-borderList-st__96-so-TB > li {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc; }

  .c-border-st__97-do {
    border: 1px dotted #ddd; }

  .c-border-st__97-do-T {
    border-top: 1px dotted #ddd; }

  .c-border-st__97-do-B {
    border-bottom: 1px dotted #ddd; }

  .c-border-st__97-do-R {
    border-right: 1px dotted #ddd; }

  .c-border-st__97-do-L {
    border-left: 1px dotted #ddd; }

  .c-border-st__97-do-TB {
    border-top: 1px dotted #ddd;
    border-bottom: 1px dotted #ddd; }

  .c-borderList-st__97-do > div, .c-borderList-st__97-do > li {
    border: 1px dotted #ddd; }

  .c-borderList-st__97-do-T > div, .c-borderList-st__97-do-T > li {
    border-top: 1px dotted #ddd; }

  .c-borderList-st__97-do-B > div, .c-borderList-st__97-do-B > li {
    border-bottom: 1px dotted #ddd; }

  .c-borderList-st__97-do-R > div, .c-borderList-st__97-do-R > li {
    border-right: 1px dotted #ddd; }

  .c-borderList-st__97-do-L > div, .c-borderList-st__97-do-L > li {
    border-left: 1px dotted #ddd; }

  .c-borderList-st__97-do-TB > div, .c-borderList-st__97-do-TB > li {
    border-top: 1px dotted #ddd;
    border-bottom: 1px dotted #ddd; }

  .c-border-st__97-so {
    border: 1px solid #ddd; }

  .c-border-st__97-so-T {
    border-top: 1px solid #ddd; }

  .c-border-st__97-so-B {
    border-bottom: 1px solid #ddd; }

  .c-border-st__97-so-R {
    border-right: 1px solid #ddd; }

  .c-border-st__97-so-L {
    border-left: 1px solid #ddd; }

  .c-border-st__97-so-TB {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd; }

  .c-borderList-st__97-so > div, .c-borderList-st__97-so > li {
    border: 1px solid #ddd; }

  .c-borderList-st__97-so-T > div, .c-borderList-st__97-so-T > li {
    border-top: 1px solid #ddd; }

  .c-borderList-st__97-so-B > div, .c-borderList-st__97-so-B > li {
    border-bottom: 1px solid #ddd; }

  .c-borderList-st__97-so-R > div, .c-borderList-st__97-so-R > li {
    border-right: 1px solid #ddd; }

  .c-borderList-st__97-so-L > div, .c-borderList-st__97-so-L > li {
    border-left: 1px solid #ddd; }

  .c-borderList-st__97-so-TB > div, .c-borderList-st__97-so-TB > li {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd; }

  .c-border-st__98-do {
    border: 1px dotted #eee; }

  .c-border-st__98-do-T {
    border-top: 1px dotted #eee; }

  .c-border-st__98-do-B {
    border-bottom: 1px dotted #eee; }

  .c-border-st__98-do-R {
    border-right: 1px dotted #eee; }

  .c-border-st__98-do-L {
    border-left: 1px dotted #eee; }

  .c-border-st__98-do-TB {
    border-top: 1px dotted #eee;
    border-bottom: 1px dotted #eee; }

  .c-borderList-st__98-do > div, .c-borderList-st__98-do > li {
    border: 1px dotted #eee; }

  .c-borderList-st__98-do-T > div, .c-borderList-st__98-do-T > li {
    border-top: 1px dotted #eee; }

  .c-borderList-st__98-do-B > div, .c-borderList-st__98-do-B > li {
    border-bottom: 1px dotted #eee; }

  .c-borderList-st__98-do-R > div, .c-borderList-st__98-do-R > li {
    border-right: 1px dotted #eee; }

  .c-borderList-st__98-do-L > div, .c-borderList-st__98-do-L > li {
    border-left: 1px dotted #eee; }

  .c-borderList-st__98-do-TB > div, .c-borderList-st__98-do-TB > li {
    border-top: 1px dotted #eee;
    border-bottom: 1px dotted #eee; }

  .c-border-st__98-so {
    border: 1px solid #eee; }

  .c-border-st__98-so-T {
    border-top: 1px solid #eee; }

  .c-border-st__98-so-B {
    border-bottom: 1px solid #eee; }

  .c-border-st__98-so-R {
    border-right: 1px solid #eee; }

  .c-border-st__98-so-L {
    border-left: 1px solid #eee; }

  .c-border-st__98-so-TB {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee; }

  .c-borderList-st__98-so > div, .c-borderList-st__98-so > li {
    border: 1px solid #eee; }

  .c-borderList-st__98-so-T > div, .c-borderList-st__98-so-T > li {
    border-top: 1px solid #eee; }

  .c-borderList-st__98-so-B > div, .c-borderList-st__98-so-B > li {
    border-bottom: 1px solid #eee; }

  .c-borderList-st__98-so-R > div, .c-borderList-st__98-so-R > li {
    border-right: 1px solid #eee; }

  .c-borderList-st__98-so-L > div, .c-borderList-st__98-so-L > li {
    border-left: 1px solid #eee; }

  .c-borderList-st__98-so-TB > div, .c-borderList-st__98-so-TB > li {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee; } }
/* ---------------------------------------------------------
 ここまできたら次はテキストに関係の調整　component-txtを作業
--------------------------------------------------------- */

/*# sourceMappingURL=component-layout.css.map */

.c-arrow__bottom::after {
  position: absolute;
  top: calc(50% - 4px);
  right: 13px;
  content: '';
  display: block;
  width: 7px;
  height: 7px;
  border-top: 2px solid #999;
  border-left: 2px solid #999;
  transform: rotate( -135deg);
}