@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Lato:400,700,900,900i");
@import url("https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lexend+Exa:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+1p&display=swap");
@font-face {
  font-family: YuGothicM;
  src: local("Yu Gothic Medium");
}
html {
  font-size: 100%;
  line-height: 1.5em;
}

/*=======================================
 ■Foundation
=======================================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, button {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

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

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* =========================================================
base - 基本設定
========================================================= */
html {
  overflow-x: hidden;
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
  scroll-padding-top: 65px;
}
@media screen and (min-width: 992px) {
  html {
    scroll-padding-top: 148px;
  }
}

body {
  font-size: 14px;
  font-size: 0.875rem;
  color: #000;
  box-sizing: border-box;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -webkit-font-feature-settings: "pkna";
  font-feature-settings: "pkna";
  padding: vr();
  line-height: 130%;
  position: relative;
  font-weight: normal;
  max-width: 100vw;
}
@media screen and (min-width: 992px) {
  body {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}

a {
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  color: #1185E7;
}
a img {
  display: inline-block;
}

img {
  image-rendering: -webkit-optimize-contrast;
}

/*clearfix*/
.clearfix {
  clear: both;
  display: block;
  float: none;
}
.clearfix:after {
  content: ".";
  clear: both;
  display: block;
  font-size: 0;
  height: 0px;
}

sup {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: super !important;
  font-size: 60%;
}

/* =======================================
 ■Layout
=======================================*/
/* =========================================================
section - コンテンツの大枠
========================================================= */
/*
$sem : 350px;
$sm : 576px;
$md : 768px;
$lg : 992px;
$xl : 1200px;
$xxl : 1400px;
*/
.l-container, .l-main--col2, .l-main--col3 {
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
  margin: 0 auto;
  max-width: 1200px;
  /*SPに影響しない l-container*/
}
@media screen and (min-width: 1200px) {
  .l-container, .l-main--col2, .l-main--col3 {
    max-width: 1200px;
  }
}
@media screen and (min-width: 992px) {
  .l-container--fluid-md {
    max-width: 100% !important;
    padding: 0;
  }
}
@media screen and (min-width: 992px) {
  .l-container--wide {
    padding-right: 20px;
    padding-left: 20px;
    max-width: 1400px;
  }
}
@media screen and (min-width: 1200px) {
  .l-container--wide {
    max-width: 98%;
  }
}
@media screen and (min-width: 1400px) {
  .l-container--wide {
    max-width: 1600px;
  }
}
@media screen and (min-width: 1200px) {
  .l-container--pc {
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;
    margin: 0 auto;
    max-width: 1200px;
  }
}
@media screen and (min-width: 1200px) {
  .l-container--pc {
    max-width: 1200px;
  }
}

/* =========================================================
bootstrap4のグリッドシステム
========================================================= */
/*!
 * Bootstrap Grid v4.1.1 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@-ms-viewport {
  width: device-width;
}
/*グリッドの外側＝＝＝＝＝＝＝＝*/
.l-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
}

/*隙間なし＝＝＝＝＝＝＝＝*/
.l-row--no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.l-row--no-gutters > .l-row__col,
.l-row--no-gutters > [class*="l-row__col--"] {
  padding-right: 0;
  padding-left: 0;
}

.l-row__col,
.l-row__col--auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 0px;
  padding-left: 0px;
}

.l-row__col--sm,
.l-row__col--sm-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 0px;
  padding-left: 0px;
}

.l-row__col--md,
.l-row__col--md-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 0px;
  padding-left: 0px;
}

.l-row__col--lg,
.l-row__col--lg-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 0px;
  padding-left: 0px;
}

.l-row__col--xl,
.l-row__col--xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 0px;
  padding-left: 0px;
}

.l-row__col--1,
.l-row__col--sm-1,
.l-row__col--md-1,
.l-row__col--lg-1,
.l-row__col--xl-1 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 0px;
  padding-left: 0px;
}

.l-row__col--1 {
  -ms-flex: 0 0 8.33333%;
  flex: 0 0 8.33333%;
  max-width: 8.33333%;
}

.l-row__col--offset-1 {
  margin-left: 8.33333%;
}

.l-row__col--2,
.l-row__col--sm-2,
.l-row__col--md-2,
.l-row__col--lg-2,
.l-row__col--xl-2 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 0px;
  padding-left: 0px;
}

.l-row__col--2 {
  -ms-flex: 0 0 16.66667%;
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

.l-row__col--offset-2 {
  margin-left: 16.66667%;
}

.l-row__col--3,
.l-row__col--sm-3,
.l-row__col--md-3,
.l-row__col--lg-3,
.l-row__col--xl-3 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 0px;
  padding-left: 0px;
}

.l-row__col--3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.l-row__col--offset-3 {
  margin-left: 25%;
}

.l-row__col--4,
.l-row__col--sm-4,
.l-row__col--md-4,
.l-row__col--lg-4,
.l-row__col--xl-4 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 0px;
  padding-left: 0px;
}

.l-row__col--4 {
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.l-row__col--offset-4 {
  margin-left: 33.33333%;
}

.l-row__col--5,
.l-row__col--sm-5,
.l-row__col--md-5,
.l-row__col--lg-5,
.l-row__col--xl-5 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 0px;
  padding-left: 0px;
}

.l-row__col--5 {
  -ms-flex: 0 0 41.66666%;
  flex: 0 0 41.66666%;
  max-width: 41.66666%;
}

.l-row__col--offset-5 {
  margin-left: 41.66666%;
}

.l-row__col--6,
.l-row__col--sm-6,
.l-row__col--md-6,
.l-row__col--lg-6,
.l-row__col--xl-6 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 0px;
  padding-left: 0px;
}

.l-row__col--6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.l-row__col--offset-6 {
  margin-left: 50%;
}

.l-row__col--7,
.l-row__col--sm-7,
.l-row__col--md-7,
.l-row__col--lg-7,
.l-row__col--xl-7 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 0px;
  padding-left: 0px;
}

.l-row__col--7 {
  -ms-flex: 0 0 58.33333%;
  flex: 0 0 58.33333%;
  max-width: 58.33333%;
}

.l-row__col--offset-7 {
  margin-left: 58.33333%;
}

.l-row__col--8,
.l-row__col--sm-8,
.l-row__col--md-8,
.l-row__col--lg-8,
.l-row__col--xl-8 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 0px;
  padding-left: 0px;
}

.l-row__col--8 {
  -ms-flex: 0 0 66.66666%;
  flex: 0 0 66.66666%;
  max-width: 66.66666%;
}

.l-row__col--offset-8 {
  margin-left: 66.66666%;
}

.l-row__col--9,
.l-row__col--sm-9,
.l-row__col--md-9,
.l-row__col--lg-9,
.l-row__col--xl-9 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 0px;
  padding-left: 0px;
}

.l-row__col--9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.l-row__col--offset-9 {
  margin-left: 75%;
}

.l-row__col--10,
.l-row__col--sm-10,
.l-row__col--md-10,
.l-row__col--lg-10,
.l-row__col--xl-10 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 0px;
  padding-left: 0px;
}

.l-row__col--10 {
  -ms-flex: 0 0 83.33333%;
  flex: 0 0 83.33333%;
  max-width: 83.33333%;
}

.l-row__col--offset-10 {
  margin-left: 83.33333%;
}

.l-row__col--11,
.l-row__col--sm-11,
.l-row__col--md-11,
.l-row__col--lg-11,
.l-row__col--xl-11 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 0px;
  padding-left: 0px;
}

.l-row__col--11 {
  -ms-flex: 0 0 91.66666%;
  flex: 0 0 91.66666%;
  max-width: 91.66666%;
}

.l-row__col--offset-11 {
  margin-left: 91.66666%;
}

.l-row__col--12,
.l-row__col--sm-12,
.l-row__col--md-12,
.l-row__col--lg-12,
.l-row__col--xl-12 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 0px;
  padding-left: 0px;
}

.l-row__col--12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.l-row__col--offset-12 {
  margin-left: 100%;
}

.l-row__col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  word-break: break-all;
}

.l-row__col--auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.l-row__col--order-first {
  -ms-flex-order: -1;
  order: -1;
}

.l-row__col--order-last {
  -ms-flex-order: 13;
  order: 13;
}

.l-row__col--order-0 {
  -ms-flex-order: 0;
  order: 0;
}

.l-row__col--order-1 {
  -ms-flex-order: 1;
  order: 1;
}

.l-row__col--order-2 {
  -ms-flex-order: 2;
  order: 2;
}

.l-row__col--order-3 {
  -ms-flex-order: 3;
  order: 3;
}

.l-row__col--order-4 {
  -ms-flex-order: 4;
  order: 4;
}

.l-row__col--order-5 {
  -ms-flex-order: 5;
  order: 5;
}

.l-row__col--order-6 {
  -ms-flex-order: 6;
  order: 6;
}

.l-row__col--order-7 {
  -ms-flex-order: 7;
  order: 7;
}

.l-row__col--order-8 {
  -ms-flex-order: 8;
  order: 8;
}

.l-row__col--order-9 {
  -ms-flex-order: 9;
  order: 9;
}

.l-row__col--order-10 {
  -ms-flex-order: 10;
  order: 10;
}

.l-row__col--order-11 {
  -ms-flex-order: 11;
  order: 11;
}

.l-row__col--order-12 {
  -ms-flex-order: 12;
  order: 12;
}

@media screen and (min-width: 576px) {
  .l-row__col--sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .l-row__col--sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .l-row__col--sm-1 {
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .l-row__col--sm-2 {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .l-row__col--sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .l-row__col--sm-4 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .l-row__col--sm-5 {
    -ms-flex: 0 0 41.66666%;
    flex: 0 0 41.66666%;
    max-width: 41.66666%;
  }

  .l-row__col--sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .l-row__col--sm-7 {
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .l-row__col--sm-8 {
    -ms-flex: 0 0 66.66666%;
    flex: 0 0 66.66666%;
    max-width: 66.66666%;
  }

  .l-row__col--sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .l-row__col--sm-10 {
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .l-row__col--sm-11 {
    -ms-flex: 0 0 91.66666%;
    flex: 0 0 91.66666%;
    max-width: 91.66666%;
  }

  .l-row__col--sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .l-row__col--order-sm-first {
    -ms-flex-order: -1;
    order: -1;
  }

  .l-row__col--order-sm-last {
    -ms-flex-order: 13;
    order: 13;
  }

  .l-row__col--order-sm-0 {
    -ms-flex-order: 0;
    order: 0;
  }

  .l-row__col--order-sm-1 {
    -ms-flex-order: 1;
    order: 1;
  }

  .l-row__col--order-sm-2 {
    -ms-flex-order: 2;
    order: 2;
  }

  .l-row__col--order-sm-3 {
    -ms-flex-order: 3;
    order: 3;
  }

  .l-row__col--order-sm-4 {
    -ms-flex-order: 4;
    order: 4;
  }

  .l-row__col--order-sm-5 {
    -ms-flex-order: 5;
    order: 5;
  }

  .l-row__col--order-sm-6 {
    -ms-flex-order: 6;
    order: 6;
  }

  .l-row__col--order-sm-7 {
    -ms-flex-order: 7;
    order: 7;
  }

  .l-row__col--order-sm-8 {
    -ms-flex-order: 8;
    order: 8;
  }

  .l-row__col--order-sm-9 {
    -ms-flex-order: 9;
    order: 9;
  }

  .l-row__col--order-sm-10 {
    -ms-flex-order: 10;
    order: 10;
  }

  .l-row__col--order-sm-11 {
    -ms-flex-order: 11;
    order: 11;
  }

  .l-row__col--order-sm-12 {
    -ms-flex-order: 12;
    order: 12;
  }

  .l-row__col--offset-sm-0 {
    margin-left: 0;
  }

  .l-row__col--offset-sm-0 {
    margin-left: 0%;
  }

  .l-row__col--offset-sm-1 {
    margin-left: 8.33333%;
  }

  .l-row__col--offset-sm-2 {
    margin-left: 16.66667%;
  }

  .l-row__col--offset-sm-3 {
    margin-left: 25%;
  }

  .l-row__col--offset-sm-4 {
    margin-left: 33.33333%;
  }

  .l-row__col--offset-sm-5 {
    margin-left: 41.66666%;
  }

  .l-row__col--offset-sm-6 {
    margin-left: 50%;
  }

  .l-row__col--offset-sm-7 {
    margin-left: 58.33333%;
  }

  .l-row__col--offset-sm-8 {
    margin-left: 66.66666%;
  }

  .l-row__col--offset-sm-9 {
    margin-left: 75%;
  }

  .l-row__col--offset-sm-10 {
    margin-left: 83.33333%;
  }

  .l-row__col--offset-sm-11 {
    margin-left: 91.66666%;
  }

  .l-row__col--offset-sm-12 {
    margin-left: 100%;
  }
}
@media screen and (min-width: 768px) {
  .l-row__col--md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .l-row__col--md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .l-row__col--md-1 {
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .l-row__col--md-2 {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .l-row__col--md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .l-row__col--md-4 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .l-row__col--md-5 {
    -ms-flex: 0 0 41.66666%;
    flex: 0 0 41.66666%;
    max-width: 41.66666%;
  }

  .l-row__col--md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .l-row__col--md-7 {
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .l-row__col--md-8 {
    -ms-flex: 0 0 66.66666%;
    flex: 0 0 66.66666%;
    max-width: 66.66666%;
  }

  .l-row__col--md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .l-row__col--md-10 {
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .l-row__col--md-11 {
    -ms-flex: 0 0 91.66666%;
    flex: 0 0 91.66666%;
    max-width: 91.66666%;
  }

  .l-row__col--md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .l-row__col--order-md-first {
    -ms-flex-order: -1;
    order: -1;
  }

  .l-row__col--order-md-last {
    -ms-flex-order: 13;
    order: 13;
  }

  .l-row__col--order-md-0 {
    -ms-flex-order: 0;
    order: 0;
  }

  .l-row__col--order-md-1 {
    -ms-flex-order: 1;
    order: 1;
  }

  .l-row__col--order-md-2 {
    -ms-flex-order: 2;
    order: 2;
  }

  .l-row__col--order-md-3 {
    -ms-flex-order: 3;
    order: 3;
  }

  .l-row__col--order-md-4 {
    -ms-flex-order: 4;
    order: 4;
  }

  .l-row__col--order-md-5 {
    -ms-flex-order: 5;
    order: 5;
  }

  .l-row__col--order-md-6 {
    -ms-flex-order: 6;
    order: 6;
  }

  .l-row__col--order-md-7 {
    -ms-flex-order: 7;
    order: 7;
  }

  .l-row__col--order-md-8 {
    -ms-flex-order: 8;
    order: 8;
  }

  .l-row__col--order-md-9 {
    -ms-flex-order: 9;
    order: 9;
  }

  .l-row__col--order-md-10 {
    -ms-flex-order: 10;
    order: 10;
  }

  .l-row__col--order-md-11 {
    -ms-flex-order: 11;
    order: 11;
  }

  .l-row__col--order-md-12 {
    -ms-flex-order: 12;
    order: 12;
  }

  .l-row__col--offset-md-0 {
    margin-left: 0;
  }

  .l-row__col--offset-md-0 {
    margin-left: 0%;
  }

  .l-row__col--offset-md-1 {
    margin-left: 8.33333%;
  }

  .l-row__col--offset-md-2 {
    margin-left: 16.66667%;
  }

  .l-row__col--offset-md-3 {
    margin-left: 25%;
  }

  .l-row__col--offset-md-4 {
    margin-left: 33.33333%;
  }

  .l-row__col--offset-md-5 {
    margin-left: 41.66666%;
  }

  .l-row__col--offset-md-6 {
    margin-left: 50%;
  }

  .l-row__col--offset-md-7 {
    margin-left: 58.33333%;
  }

  .l-row__col--offset-md-8 {
    margin-left: 66.66666%;
  }

  .l-row__col--offset-md-9 {
    margin-left: 75%;
  }

  .l-row__col--offset-md-10 {
    margin-left: 83.33333%;
  }

  .l-row__col--offset-md-11 {
    margin-left: 91.66666%;
  }

  .l-row__col--offset-md-12 {
    margin-left: 100%;
  }
}
@media screen and (min-width: 992px) {
  .l-row__col--lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .l-row__col--lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .l-row__col--lg-1 {
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .l-row__col--lg-2 {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .l-row__col--lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .l-row__col--lg-4 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .l-row__col--lg-5 {
    -ms-flex: 0 0 41.66666%;
    flex: 0 0 41.66666%;
    max-width: 41.66666%;
  }

  .l-row__col--lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .l-row__col--lg-7 {
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .l-row__col--lg-8 {
    -ms-flex: 0 0 66.66666%;
    flex: 0 0 66.66666%;
    max-width: 66.66666%;
  }

  .l-row__col--lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .l-row__col--lg-10 {
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .l-row__col--lg-11 {
    -ms-flex: 0 0 91.66666%;
    flex: 0 0 91.66666%;
    max-width: 91.66666%;
  }

  .l-row__col--lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .l-row__col--order-lg-first {
    -ms-flex-order: -1;
    order: -1;
  }

  .l-row__col--order-lg-last {
    -ms-flex-order: 13;
    order: 13;
  }

  .l-row__col--order-lg-0 {
    -ms-flex-order: 0;
    order: 0;
  }

  .l-row__col--order-lg-1 {
    -ms-flex-order: 1;
    order: 1;
  }

  .l-row__col--order-lg-2 {
    -ms-flex-order: 2;
    order: 2;
  }

  .l-row__col--order-lg-3 {
    -ms-flex-order: 3;
    order: 3;
  }

  .l-row__col--order-lg-4 {
    -ms-flex-order: 4;
    order: 4;
  }

  .l-row__col--order-lg-5 {
    -ms-flex-order: 5;
    order: 5;
  }

  .l-row__col--order-lg-6 {
    -ms-flex-order: 6;
    order: 6;
  }

  .l-row__col--order-lg-7 {
    -ms-flex-order: 7;
    order: 7;
  }

  .l-row__col--order-lg-8 {
    -ms-flex-order: 8;
    order: 8;
  }

  .l-row__col--order-lg-9 {
    -ms-flex-order: 9;
    order: 9;
  }

  .l-row__col--order-lg-10 {
    -ms-flex-order: 10;
    order: 10;
  }

  .l-row__col--order-lg-11 {
    -ms-flex-order: 11;
    order: 11;
  }

  .l-row__col--order-lg-12 {
    -ms-flex-order: 12;
    order: 12;
  }

  .l-row__col--offset-lg-0 {
    margin-left: 0;
  }

  .l-row__col--offset-lg-0 {
    margin-left: 0%;
  }

  .l-row__col--offset-lg-1 {
    margin-left: 8.33333%;
  }

  .l-row__col--offset-lg-2 {
    margin-left: 16.66667%;
  }

  .l-row__col--offset-lg-3 {
    margin-left: 25%;
  }

  .l-row__col--offset-lg-4 {
    margin-left: 33.33333%;
  }

  .l-row__col--offset-lg-5 {
    margin-left: 41.66666%;
  }

  .l-row__col--offset-lg-6 {
    margin-left: 50%;
  }

  .l-row__col--offset-lg-7 {
    margin-left: 58.33333%;
  }

  .l-row__col--offset-lg-8 {
    margin-left: 66.66666%;
  }

  .l-row__col--offset-lg-9 {
    margin-left: 75%;
  }

  .l-row__col--offset-lg-10 {
    margin-left: 83.33333%;
  }

  .l-row__col--offset-lg-11 {
    margin-left: 91.66666%;
  }

  .l-row__col--offset-lg-12 {
    margin-left: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .l-row__col--xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .l-row__col--xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .l-row__col--xl-1 {
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .l-row__col--xl-2 {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .l-row__col--xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .l-row__col--xl-4 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .l-row__col--xl-5 {
    -ms-flex: 0 0 41.66666%;
    flex: 0 0 41.66666%;
    max-width: 41.66666%;
  }

  .l-row__col--xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .l-row__col--xl-7 {
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .l-row__col--xl-8 {
    -ms-flex: 0 0 66.66666%;
    flex: 0 0 66.66666%;
    max-width: 66.66666%;
  }

  .l-row__col--xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .l-row__col--xl-10 {
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .l-row__col--xl-11 {
    -ms-flex: 0 0 91.66666%;
    flex: 0 0 91.66666%;
    max-width: 91.66666%;
  }

  .l-row__col--xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .l-row__col--order-xl-first {
    -ms-flex-order: -1;
    order: -1;
  }

  .l-row__col--order-xl-last {
    -ms-flex-order: 13;
    order: 13;
  }

  .l-row__col--order-xl-0 {
    -ms-flex-order: 0;
    order: 0;
  }

  .l-row__col--order-xl-1 {
    -ms-flex-order: 1;
    order: 1;
  }

  .l-row__col--order-xl-2 {
    -ms-flex-order: 2;
    order: 2;
  }

  .l-row__col--order-xl-3 {
    -ms-flex-order: 3;
    order: 3;
  }

  .l-row__col--order-xl-4 {
    -ms-flex-order: 4;
    order: 4;
  }

  .l-row__col--order-xl-5 {
    -ms-flex-order: 5;
    order: 5;
  }

  .l-row__col--order-xl-6 {
    -ms-flex-order: 6;
    order: 6;
  }

  .l-row__col--order-xl-7 {
    -ms-flex-order: 7;
    order: 7;
  }

  .l-row__col--order-xl-8 {
    -ms-flex-order: 8;
    order: 8;
  }

  .l-row__col--order-xl-9 {
    -ms-flex-order: 9;
    order: 9;
  }

  .l-row__col--order-xl-10 {
    -ms-flex-order: 10;
    order: 10;
  }

  .l-row__col--order-xl-11 {
    -ms-flex-order: 11;
    order: 11;
  }

  .l-row__col--order-xl-12 {
    -ms-flex-order: 12;
    order: 12;
  }

  .l-row__col--offset-xl-0 {
    margin-left: 0;
  }

  .l-row__col--offset-xl-0 {
    margin-left: 0%;
  }

  .l-row__col--offset-xl-1 {
    margin-left: 8.33333%;
  }

  .l-row__col--offset-xl-2 {
    margin-left: 16.66667%;
  }

  .l-row__col--offset-xl-3 {
    margin-left: 25%;
  }

  .l-row__col--offset-xl-4 {
    margin-left: 33.33333%;
  }

  .l-row__col--offset-xl-5 {
    margin-left: 41.66666%;
  }

  .l-row__col--offset-xl-6 {
    margin-left: 50%;
  }

  .l-row__col--offset-xl-7 {
    margin-left: 58.33333%;
  }

  .l-row__col--offset-xl-8 {
    margin-left: 66.66666%;
  }

  .l-row__col--offset-xl-9 {
    margin-left: 75%;
  }

  .l-row__col--offset-xl-10 {
    margin-left: 83.33333%;
  }

  .l-row__col--offset-xl-11 {
    margin-left: 91.66666%;
  }

  .l-row__col--offset-xl-12 {
    margin-left: 100%;
  }
}
.l-row__col--column-between-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.l-row__col--column-around-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

/* =========================================================
common -  共通レイアウトの記述
========================================================= */
/*==================================
main
==================================*/
.l-main {
  position: relative;
  overflow: hidden;
}
.l-main--deco:before {
  content: "FOR YOUR LIFE CHINTAIKAN";
  display: none;
  position: fixed;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  color: #fff;
  font-family: "Lexend Exa", serif;
  font-weight: 900;
  letter-spacing: 0.3em;
  padding: 0 5px;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  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;
  top: 445px;
  font-size: 43px;
  font-size: 2.6875rem;
  animation: c-anime-fadein 1.2s forwards;
  z-index: 0;
  white-space: nowrap;
}
@media screen and (min-width: 992px) {
  .l-main--deco:before {
    display: inline-block;
  }
}

/*cover*/
.l-main--cover {
  z-index: 101;
  position: relative;
}

.l-main--narrow {
  max-width: 900px;
  margin: 0 auto;
}

.l-main--mini {
  max-width: 650px;
  margin: 0 auto;
}

.l-main--row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

/* 2カラム
============*/
.l-main--col2 {
  padding-bottom: 120px;
}
@media screen and (min-width: 992px) {
  .l-main--col2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 992px) {
  .l-main--col2.reverse {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.l-main--col2 .l-main {
  padding-bottom: 0;
}
@media screen and (min-width: 992px) {
  .l-main--col2 .l-main {
    width: calc(100% - 240px);
  }
}
@media screen and (min-width: 992px) {
  .l-main--col2 .l-side {
    width: 200px;
  }
}

/* 3カラム
============*/
.l-main--col3 {
  padding-bottom: 50px;
}
@media screen and (min-width: 992px) {
  .l-main--col3 {
    padding-bottom: 120px;
  }
}
@media screen and (min-width: 992px) {
  .l-main--col3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
  }
}
.l-main--col3 .l-main {
  padding-bottom: 50px;
}
@media screen and (min-width: 992px) {
  .l-main--col3 .l-main {
    width: calc(100% - 360px);
    padding: 0 20px;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 992px) {
  .l-main--col3 .l-side--left {
    width: 200px;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
@media screen and (min-width: 992px) {
  .l-main--col3 .l-side--right {
    width: 160px;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -moz-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
}

/*==================================
section
==================================*/
.l-section {
  padding: 2.5em 0;
  z-index: 1;
  position: relative;
}
@media screen and (min-width: 992px) {
  .l-section {
    padding: 2.5em 0;
  }
}
.l-section--gray {
  background: #F9F9F9;
}
.l-section--gray-transparent {
  background-color: rgba(242, 242, 242, 0.6);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.l-section--white {
  background: #fff;
}
.l-section--beige {
  background: #F6F5F0;
}
.l-section--beige-transparent {
  background-color: rgba(250, 246, 240, 0.6);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.l-section__in {
  padding: 0.5em;
}
@media screen and (min-width: 992px) {
  .l-section__in {
    padding: 1em;
  }
}
.l-section__in--white {
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.08) 6px 6px 10px;
  border-radius: 0.5em;
}

/* =======================================
  ■Object
=======================================*/
/* Component
======================================= */
/* =========================================================
header - ヘッダー関連全てココ
========================================================= */
.c-header {
  width: 100%;
  height: 65px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  background: #fff;
  z-index: 100;
  padding: 0;
  /*catchcopy======*/
}
@media screen and (min-width: 992px) {
  .c-header {
    height: 120px;
    border: none;
    padding: 1em;
  }
}
.c-header--under {
  display: none;
}
.c-header.is-fixed {
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.08) 6px 6px 10px;
}
.c-header__in {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding: 0;
}
@media screen and (min-width: 992px) {
  .c-header__in {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end;
  }
}
.c-header__menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
}
.c-header-catchcopy {
  display: none;
}
@media screen and (min-width: 992px) {
  .c-header-catchcopy {
    padding: 0.1em 0.5em 0.05em 0.8em;
    font-size: 12.5px;
    font-weight: 700;
    display: block;
    margin-top: 7px;
    color: #ffffff;
    background: #de3945;
    border-radius: 1px;
    height: 23px;
    border-radius: 5px;
  }
}

/*headerを固定する場合*/
body {
  padding-top: 65px;
}
@media screen and (min-width: 992px) {
  body {
    padding-top: 120px;
  }
}

/*logo======*/
.c-header-logo {
  position: relative;
  position: relative;
  padding: 6px 9px 0;
  width: 56px;
  height: 65px;
  overflow-y: hidden;
}
.c-header-logo a:not(.in-link) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
  z-index: 5;
}
.c-header-logo a.in-link {
  position: relative;
  z-index: 5;
}
@media screen and (min-width: 1140px) {
  .c-header-logo {
    max-width: 280px;
    margin-top: 10px;
    margin-left: 10px;
    width: inherit;
    height: inherit;
  }
}
.c-header-logo-pc {
  display: none;
}
@media screen and (min-width: 1140px) {
  .c-header-logo-pc {
    display: block;
    height: 67px;
  }
}
.c-header-logo-sp {
  display: none;
  width: 100%;
  padding-bottom: 10px;
}
@media screen and (max-width: 1140px) {
  .c-header-logo-sp {
    display: block;
  }
}
.c-header-logo-sp__flip {
  position: relative;
}
.c-header-logo-sp__flip.js-flip .c-header-logo-sp__en {
  transform: rotateY(180deg);
}
.c-header-logo-sp__flip.js-flip .c-header-logo-sp__jp {
  transform: rotateY(0);
}
.c-header-logo-sp__mark {
  height: 40px;
}
.c-header-logo-sp__mark img {
  width: 100%;
  height: 100%;
}
.c-header-logo-sp__en, .c-header-logo-sp__jp {
  cursor: pointer;
  transition: transform 1s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background: #fff;
  position: absolute;
}
.c-header-logo-sp__en {
  padding-top: 2px;
  width: 124%;
  margin-left: -12%;
}
.c-header-logo-sp__en img {
  vertical-align: top;
  padding-top: 3px;
}
.c-header-logo-sp__jp {
  transform: rotateY(-180deg);
  text-align: center;
  line-height: 1.1;
}
.c-header-logo-sp__jp img {
  width: 77%;
}
.c-header-logo__caption {
  margin-top: 0.5em;
}

/*logo======*/
/*logo======*/
.c-header-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
@media screen and (min-width: 992px) {
  .c-header-nav {
    margin: 0;
    height: inherit;
    padding-left: 5px;
  }
}
.c-header-nav__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  background: #f9f9f9;
  border-radius: 10px;
  padding: 5px;
  height: 30px;
}
@media screen and (min-width: 992px) {
  .c-header-nav__list {
    background: none;
    padding: 5px;
  }
}
.c-header-nav__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  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;
  position: relative;
  position: relative;
  padding: 0.3em;
  font-weight: bold;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.c-header-nav__item a:not(.in-link) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
  z-index: 5;
}
.c-header-nav__item a.in-link {
  position: relative;
  z-index: 5;
}
@media screen and (min-width: 992px) {
  .c-header-nav__item {
    border: none;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 0.5em 0.5em;
    box-shadow: none;
    border-radius: 0;
    margin-right: 0;
  }
}
.c-header-nav__item:hover {
  background-color: #fcfcfc;
}
.c-header-nav__item:after {
  display: block;
  content: "";
  height: 16px;
  width: 1.5px;
  margin-left: 0.5em;
  background-color: #fff;
}
@media screen and (min-width: 992px) {
  .c-header-nav__item:after {
    width: 1px;
    display: block;
    content: "";
    background-color: #ccc;
  }
}
.c-header-nav__item:last-child:after {
  content: none;
}
.c-header-nav__item:nth-child(1) {
  z-index: 3;
  border-radius: 10px 0 0 10px;
  min-width: 60px;
}
.c-header-nav__item:nth-child(2) {
  z-index: 2;
}
.c-header-nav__item:nth-child(3) {
  z-index: 1;
  border-radius: 0 10px 10px 0;
  min-width: 52px;
}
.c-header-nav__item:nth-child(3):after {
  display: block;
  height: 35px;
  width: 1px;
  position: absolute;
  right: 0px;
  top: 20px;
  background-color: #e9e9e9;
}
@media screen and (min-width: 992px) {
  .c-header-nav__item:nth-child(3):after {
    display: none;
  }
}
.c-header-nav__icon {
  height: 2em;
  width: 2em;
  background-position: center center;
  background-size: auto 65%;
  background-repeat: no-repeat;
  display: none;
}
@media screen and (min-width: 992px) {
  .c-header-nav__icon {
    height: 2.2em;
    width: 2.2em;
    margin-right: 0.2em;
    margin-left: -1em;
  }
}
.c-header-nav__num {
  width: 14px;
  height: 14px;
  background-color: #EC424E;
  color: #fff;
  font-size: 8px;
  font-size: 0.5rem;
  text-align: center;
  padding-right: 1px;
  line-height: 13.5px;
  border-radius: 1em;
  display: inline-block;
  position: absolute;
  right: 2px;
  top: -8px;
  letter-spacing: -0.05em;
}
@media screen and (min-width: 992px) {
  .c-header-nav__num {
    right: 3px;
    top: -11px;
    width: 1.6em;
    height: 1.6em;
    line-height: 1.5em;
    padding-right: 0;
    font-size: 12px;
    font-size: 0.75rem;
    letter-spacing: inherit;
    color: #fff;
    letter-spacing: inherit;
    color: #fff;
  }
}
.c-header-nav__num--anime {
  animation: bounce ease-in 3.5s;
  animation-delay: 1s;
  animation-duration: 1s;
}
.c-header-nav__text {
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: nomal;
  line-height: 146%;
  color: #000;
  margin-top: 0.3em;
  letter-spacing: -0.05em;
}
@media screen and (min-width: 992px) {
  .c-header-nav__text {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 100%;
    font-weight: normal;
    letter-spacing: 0.05em;
    margin-top: 0;
    font-weight: bold;
    margin-top: 5px;
  }
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
  ■ページトップへ戻るボタン
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　*/
.c-pagetop {
  text-align: center;
  position: relative;
}

.c-pagetop-btn {
  text-decoration: none;
  position: relative;
  display: inline-block;
  background: #fff;
  z-index: 50;
  position: fixed;
  right: 10px;
  bottom: 10px;
  height: 40px;
  width: 40px;
  border-radius: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  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;
  box-shadow: rgba(0, 0, 0, 0.08) 6px 6px 10px;
}
.c-pagetop-btn:before {
  background-image: url(../images/icon/icon_up_black.svg);
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  content: "";
  height: 35px;
  width: 35px;
  background-size: auto 18px;
  bottom: 5px;
}
.c-pagetop-btn__in {
  color: #ffffff;
}
@media screen and (min-width: 992px) {
  .c-pagetop-btn {
    bottom: 20px;
  }
}

.p-search-list .c-pagetop-btn,
.p-contact .c-pagetop-btn {
  display: none;
}
@media screen and (min-width: 992px) {
  .p-search-list .c-pagetop-btn,
  .p-contact .c-pagetop-btn {
    display: block;
  }
}

/* =========================================================
footer - footer関連全てココ
========================================================= */
.p-search .c-footer-nav {
  display: none;
}
.p-search .c-fix-menu {
  display: none;
}
.p-search .c-footer {
  padding-bottom: 0;
  z-index: -1;
}

.c-footer {
  position: relative;
  overflow-x: hidden;
  padding-top: 80px;
  background: #fff;
  z-index: 0;
    /*
    &-motif {


        width: 100%;
        display: none;

        @include mq(lg, min) {
            display: block;
        }


        img {
            width: 100%;
        }


        &__house {
            position: absolute;
            right: -18vw;
            width: 51vw;
            height: 19vw;
            bottom: -15vw;
            z-index: 99;


            @include mq(lg, min) {
                right: -6vw;
                width: 41vw;
                height: 22vw;
                bottom: -5vw;
                z-index: 1;

            }

            img {
                filter: drop-shadow(rgba(0, 0, 0, 0.08) 6px 6px 10px);
            }
        }

        &__cloud01 {
            position: absolute;
            animation: c-anime-bg-cloud-01 10s ease-in-out infinite;
            right: 37vw;
            width: 8vw;
            height: 2vw;
            bottom: -3vw;
            z-index: 100;

            @include mq(lg, min) {
                right: -3vw;
                width: 8vw;
                height: 2vw;
                bottom: 20vw;
                z-index: 1;
            }


        }

        &__cloud02 {
            position: absolute;
            animation: c-anime-bg-cloud-02 10s ease-in-out infinite;
            right: 29vw;
            width: 8vw;
            height: 2vw;
            bottom: 2vw;
            z-index: 100;


            @include mq(lg, min) {
                right: 21vw;
                width: 8vw;
                height: 2vw;
                bottom: 19vw;
                z-index: 0;
                z-index: 1;
            }

            img {
                filter: drop-shadow(rgba(0, 0, 0, 0.08) 6px 6px 10px);
            }
        }
    }

*/
}
@media screen and (min-width: 992px) {
  .c-footer {
    padding: inherit;
    padding-top: 5em;
    overflow: hidden;
    background: #fff;
  }
}
@media screen and (min-width: 992px) {
  .c-footer:after {
    right: -28vw;
    top: 14vw;
    height: 20vw;
    display: inline-block;
    content: "";
    position: absolute;
    top: 0;
    background-image: url(../images/common/bg_ring_color_01.svg);
    background-size: 100% auto;
    animation: c-anime-ring-color_01 75s ease-in-out infinite;
  }
}
@media screen and (max-width: 991px) {
  .c-footer__in .l-container, .c-footer__in .l-main--col2, .c-footer__in .l-main--col3 {
    width: 100%;
  }
}
.c-footer-sp-nav {
  display: none;
}
@media screen and (min-width: 992px) {
  .c-footer-sp-nav {
    display: none;
  }
}
.c-footer-sp-nav__list {
  padding: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background: #D5D5D5;
}
@media screen and (min-width: 992px) {
  .c-footer-sp-nav__list {
    background: none;
  }
}
.c-footer-sp-nav__item {
  font-weight: nomal;
  position: relative;
  font-size: 12px;
  font-size: 0.75rem;
  text-align: center;
  width: calc(50% - 5px);
  border-radius: 2px;
  background: #fff;
  height: 35px;
  line-height: 35px;
}
.c-footer-sp-nav__item a:not(.in-link) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
  z-index: 5;
}
.c-footer-sp-nav__item a.in-link {
  position: relative;
  z-index: 5;
}
@media screen and (min-width: 992px) {
  .c-footer-sp-nav__item {
    background: #fcfcfc;
  }
}
.c-footer-sp-nav__item:nth-child(1), .c-footer-sp-nav__item:nth-child(2) {
  margin-bottom: 10px;
}
.c-footer-sp-nav__item:nth-child(1), .c-footer-sp-nav__item:nth-child(3) {
  margin-right: 10px;
}
.c-footer-pc-nav {
  display: none !important;
  margin-bottom: 3em;
  padding: 0 1em;
  overflow: hidden;
}
@media screen and (min-width: 992px) {
  .c-footer-pc-nav {
    display: none;
    margin: 0em 0 1em;
  }
}
.c-footer-pc-nav .l-container, .c-footer-pc-nav .l-main--col2, .c-footer-pc-nav .l-main--col3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.c-footer-pc-nav__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 1.5em;
  border-bottom: solid #ededed 1px;
  padding-bottom: 0.8em;
}
.c-footer-pc-nav__box:last-child {
  border: none;
}
.c-footer-pc-nav__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.c-footer-pc-nav__item {
  margin-right: 1.5em;
  position: relative;
  white-space: nowrap;
  font-size: 13px;
  font-size: 0.8125rem;
  border-right: 1px solid #d6d6d6;
  padding-right: 1em;
  line-height: 100%;
  margin-bottom: 0.8em;
}
.c-footer-pc-nav__item a:not(.in-link) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
  z-index: 5;
}
.c-footer-pc-nav__item a.in-link {
  position: relative;
  z-index: 5;
}
.c-footer-pc-nav__item:last-child {
  border: none;
}
.c-footer-pc-nav__item:hover {
  color: #EC424E;
}
.c-footer-pc-nav__ttl {
  font-weight: bold;
  margin-bottom: 1em;
  color: #EC424E;
}

.p-top .c-footer-relation {
  display: block;
}
.p-top .c-footer-sp-nav {
  display: block;
}
@media screen and (min-width: 992px) {
  .p-top .c-footer-sp-nav {
    display: none;
  }
}

/*流れる文字*/
.c-footer-flow {
  position: absolute;
  left: 0;
  color: #f7f7f7;
  font-size: 75px;
  font-size: 4.6875rem;
  letter-spacing: 0.1em;
  font-weight: 900;
  bottom: 0.2em;
  white-space: nowrap;
  font-family: "Lexend Exa", serif;
  display: flex;
  width: 100vw;
  margin-inline: calc(50% - 50vw);
}
@media screen and (min-width: 992px) {
  .c-footer-flow {
    font-size: 92px;
    font-size: 5.75rem;
    bottom: 0.2em;
  }
}
.c-footer-flow__in {
  flex-shrink: 0;
  white-space: nowrap;
  padding-left: 0.5em;
}
.c-footer-flow__in:nth-child(odd) {
  animation: c-anime-txt-flow 60s -30s infinite linear;
}
.c-footer-flow__in:nth-child(even) {
  animation: c-anime-txt-flow-second 60s infinite linear;
}

/*コピーライト＝＝＝＝＝＝＝＝＝*/
.c-footer-copy {
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  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;
  padding: 0.5em 0;
  font-family: "Lexend Exa", serif;
  letter-spacing: 0.1em;
  background: none;
  position: relative;
  z-index: 2;
}
.c-footer-copy__text {
  font-size: 10px;
  font-size: 0.625rem;
}
@media screen and (min-width: 992px) {
  .c-footer-copy__text {
    font-size: 10px;
    font-size: 0.625rem;
  }
}
.c-footer-copy__logo {
  width: 45px;
  margin-right: 1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  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;
}
@media screen and (min-width: 992px) {
  .c-footer-copy__logo {
    width: 50px;
    margin-right: 1em;
  }
}

/*fix menu=============*/
.c-fix-menu {
  position: fixed;
  bottom: -100%;
  left: 0;
  width: 100%;
  height: 50px;
  background: #F9F9F9;
  transition: .1s;
  z-index: 100;
}
.c-fix-menu__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
}
.c-fix-menu__item {
  height: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  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;
  text-align: center;
  position: relative;
  width: 33.3%;
  position: relative;
}
.c-fix-menu__item a:not(.in-link) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
  z-index: 5;
}
.c-fix-menu__item a.in-link {
  position: relative;
  z-index: 5;
}
.c-fix-menu__item:after {
  display: block;
  content: "";
  width: 1px;
  background: #000;
  height: 30px;
  position: absolute;
  right: -2px;
  top: 10px;
}
.c-fix-menu__item:nth-child(3) .c-fix-menu__item:after {
  display: none !important;
}
.c-fix-menu__icon {
  margin-top: 0.2em;
  margin-bottom: 0.4em;
  max-height: 10px;
  max-width: 13px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  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;
}
.c-fix-menu__text {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 100%;
}
@media screen and (min-width: 992px) {
  .c-fix-menu {
    display: none;
  }
}
.c-fix-menu--active {
  bottom: 0;
}
.c-fix-menu--active-always {
  bottom: 0;
}

/* =========================================================
navigation - グローバルナビ SPメニュー　内部リンク
========================================================= */
/* =================================
  ■【PC】グローバルナビ
=================================*/
.c-gnav {
  display: none;
}
@media screen and (min-width: 992px) {
  .c-gnav {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 0.5em;
  }
}
.c-gnav__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  cursor: pointer;
  background: #f9f9f9;
  padding: 0 1em;
  border-radius: 100px;
}
.c-gnav__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  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;
  padding: 1.2em 1em;
  position: relative;
}
.c-gnav__item:last-child .c-gnav-sub {
  left: -100px;
}
.c-gnav__item:nth-child(5) .c-gnav-sub {
  left: -20px;
}
.c-gnav__item:hover .c-gnav-sub {
  display: block;
}
.c-gnav__item--search:before {
  display: inline-block;
  width: 1em;
  height: 1.2em;
  background: url(../images/icon/icon_search_main.svg) no-repeat left center;
  background-size: 18px 18px;
  padding-left: 23px;
  background-position: center center;
  letter-spacing: 0.05em;
}
.c-gnav__item--contact:before {
  display: inline-block;
  width: 1em;
  height: 1.2em;
  background: url(../images/icon/icon_mail_main.svg) no-repeat left center;
  background-size: 18px 18px;
  padding-left: 23px;
  background-position: center center;
  letter-spacing: 0.05em;
}
.c-gnav__item:last-child {
  border-right: none;
}
.c-gnav__link {
  display: block;
  text-align: center;
  color: #000;
  font-size: 14px;
  font-size: 0.875rem;
  cursor: pointer;
  z-index: 100;
}
.c-gnav__link--pulldown {
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.c-gnav__link--pulldown:after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 0.6em;
  background: url(../images/icon/icon_bottom_black.svg) no-repeat right 5px center;
  background-size: 10px 10px;
  padding-right: 20px;
  background-position: center center;
  padding-right: 0;
  margin-left: 0.6em;
  letter-spacing: 0.05em;
}
.c-gnav__link--pulldown:after:hover {
  background-image: url(../images/icon/icon_up_black.svg);
}
.c-gnav-sub {
  position: absolute;
  top: 52px;
  left: -6px;
  display: none;
  transition: all 0.5s ease-out;
}
.c-gnav-sub .l-container, .c-gnav-sub .l-main--col2, .c-gnav-sub .l-main--col3 {
  position: relative;
}
.c-gnav-sub__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 210px;
  border-radius: 0 0 10px 10px;
  height: 80vh;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.c-gnav-sub__item {
  padding: 0.9em 0.5em 0.9em 1.5em;
  text-align: center;
  position: relative;
  overflow: hidden;
  width: 100%;
  max-height: 62px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  border-bottom: solid #f4f4f4 1px;
  background: url(../images/icon/icon_right_black.svg) no-repeat right 4px center;
  background-size: 8px 8px;
  padding-right: 16px;
  background-position: center right 10px;
  padding-right: 20px;
  font-weight: 500;
  font-size: 15px;
  font-size: 0.9375rem;
  background-color: rgba(255, 255, 255, 0.95);
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}
.c-gnav-sub__item a:not(.in-link) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
  z-index: 5;
}
.c-gnav-sub__item a.in-link {
  position: relative;
  z-index: 5;
}
.c-gnav-sub__item:last-child {
  border-bottom: none;
}
.c-gnav-sub__item:hover {
  background-color: rgba(249, 226, 226, 0.96);
}
.c-gnav-sub__item--lg {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  background-color: rgba(255, 255, 255, 0.95);
  width: 282px;
}
.c-gnav-sub__item--wrap {
  margin-left: 5px;
}
.c-gnav-sub__text {
  line-height: 110%;
  color: #000;
  text-align: left;
  font-size: 14px;
  font-size: 0.875rem;
}
.c-gnav-sub__link {
  display: block;
  width: 100%;
  font-weight: bold;
}

/*====================
　■【SP】横スライドメニュー
====================*/
/*ヘッダーのSPメニューボタン*/
.c-slide-menu__btn {
  height: 65px;
  padding: 0 0.5em;
  margin-left: 0em;
  transition: .3s;
  cursor: pointer;
  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;
  width: 50px;
}
.c-slide-menu__btn:hover {
  opacity: .7;
}
@media screen and (min-width: 992px) {
  .c-slide-menu__btn {
    display: none;
  }
}
.c-slide-menu__btn:before {
  background-image: url(../images/common/icon_slide_menu.svg);
  display: block;
  background-position: center right;
  background-repeat: no-repeat;
  content: "";
  height: 44px;
  width: 25px;
  /* margin-top: 10px;*/
  background-size: 100% auto;
}

/*menu=========*/
.c-slide-menu {
  background: #ffffff;
  padding: 0.8em;
}
.c-slide-menu-logo__img {
  height: 50px !important;
}
.c-slide-menu-text {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 115%;
  padding: 0.5em 0 0.5em;
}
.c-slide-menu__contents {
  padding-top: 0.8em;
}
.c-slide-menu__list {
  border-radius: 0.5em;
}
.c-slide-menu__ttl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: relative;
  font-weight: bold;
  font-size: 14px;
  font-size: 0.875rem;
}
.c-slide-menu__ttl .c-slide-menu__in {
  background-image: none;
  padding: 0.8em;
  border-bottom: 2px solid #efefef;
  letter-spacing: 0.05em;
}
.c-slide-menu__ttl--list:before {
  background-image: url(../images/icon/icon_plus_black.svg);
  display: block;
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 100% auto;
  content: "";
  height: 36px;
  width: 12px;
  position: absolute;
  right: 10px;
  top: 6px;
  transition: 0.5s;
}
@media screen and (min-width: 992px) {
  .c-slide-menu__ttl--list:before {
    top: 8px;
  }
}
.c-slide-menu__ttl--open:before {
  background-image: url(../images/icon/icon_minus_black.svg);
}
.c-slide-menu__icon {
  display: inline-block;
  margin-right: 0.2em;
}
.c-slide-menu__icon:before {
  display: inline-block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  content: "";
  height: 1.5em;
  width: 1.5em;
  margin-right: 0.35em;
}
.c-slide-menu__icon-serach:before {
  background-image: url(../images/icon/icon_search_black.svg);
}
.c-slide-menu__icon-theme:before {
  background-image: url(../images/icon/icon_search_more_black.svg);
}
.c-slide-menu__icon-shop:before {
  background-image: url(../images/icon/icon_shop_black.svg);
}
.c-slide-menu__icon-contact:before {
  background-image: url(../images/icon/icon_mail_black.svg);
}
.c-slide-menu__icon-useful:before {
  background-image: url(../images/icon/icon_memo_black.svg);
}
.c-slide-menu__icon-corp:before {
  background-image: url(../images/icon/icon_corp_black.svg);
}
.c-slide-menu__icon-recruit:before {
  background-image: url(../images/icon/icon_recruit_black.svg);
}
.c-slide-menu__in {
  position: relative;
  padding: 1em 0.2em;
  width: 100%;
  padding-left: 1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  background: url(../images/icon/icon_right_black.svg) no-repeat right 12px center;
  background-size: 12px 12px;
  padding-right: 43px;
  padding-left: 20px;
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.08em;
  border-bottom: solid #f4f4f4 1px;
}
.c-slide-menu__in a:not(.in-link) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
  z-index: 5;
}
.c-slide-menu__in a.in-link {
  position: relative;
  z-index: 5;
}
.c-slide-menu__num {
  width: 1.4em;
  height: 1.4em;
  background-color: #EC424E;
  color: #fff;
  font-size: 12px;
  font-size: 0.75rem;
  text-align: center;
  line-height: 1.1em;
  border-radius: 1em;
  display: inline-block;
  padding: 0.1em;
  margin-left: 0.1em;
}
.c-slide-menu__close {
  background: #f5f5f5;
  background-image: url(../images/icon/icon_close_black.svg);
  background-size: 35% auto;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  height: 40px;
  width: 40px;
  z-index: 101;
}
.c-slide-menu__close .icon {
  transition: .3s;
  cursor: pointer;
}
.c-slide-menu__close .icon:hover {
  opacity: .7;
}
.c-slide-menu__btnarea {
  margin-top: 1em;
}

/*====================
■サイドメニューナビ
====================*/
.c-nav-side {
  margin: 0 auto;
  width: 90%;
  background: #ffff;
  border-radius: 0.8em;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.08) 6px 6px 10px;
  margin-top: 1em;
}
@media screen and (min-width: 992px) {
  .c-nav-side {
    margin: 0;
    margin-left: 1em;
    width: 90%;
    border-radius: 0.8em;
  }
}
.c-nav-side__list {
  padding: 1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.c-nav-side__item {
  border-bottom: 2px solid #eaeaea;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding: 1em;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  background: url(../images/icon/icon_right_black.svg) no-repeat right 5px center;
  background-size: 10px 10px;
  padding-right: 20px;
  background-position: center right 10px;
  padding-right: 20px;
}
.c-nav-side__item a:not(.in-link) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
  z-index: 5;
}
.c-nav-side__item a.in-link {
  position: relative;
  z-index: 5;
}
.c-nav-side__item--active {
  background-color: #faf9f5;
}
.c-nav-side__item:hover {
  background-color: #faf9f5;
}

/* =========================================================
side - サイド
========================================================= */
/* =========================================================
blog - 記事・ブログ関連  wp
========================================================= */
.c-wp {
  /* youtube の調整 */
}
.c-wp .video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.c-wp .video iframe,
.c-wp .video object,
.c-wp .video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.c-wp-post {
  margin-bottom: 1em;
}

/*------------------------
サイド用archive
-----------------*/
.c-wp-side-archive {
  margin-bottom: 1em;
}
.c-wp-side-archive__list {
  margin: 1em;
}
.c-wp-side-archive__item {
  border-bottom: solid #efefef 1px;
  padding: 1em 0;
}
.c-wp-side-archive__ttl {
  text-decoration: underline;
  color: #1185E7;
}

/*------------------------
リクルートarchive
-----------------*/
.c-wp-recruit-archive-main__greething {
  margin: 0 0.5em;
  line-height: 1.6;
  font-size: 12px;
  font-size: 0.75rem;
}
@media screen and (min-width: 992px) {
  .c-wp-recruit-archive-main__greething {
    margin: 2em 0;
    font-size: 15px;
    font-size: 0.9375rem;
  }
}
.c-wp-recruit-archive-main__list {
  margin-top: 2em;
}
.c-wp-recruit-archive-main__item {
  margin-bottom: 1em;
}
.c-wp-recruit-archive-main__box {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  padding: 1em;
  box-shadow: rgba(0, 0, 0, 0.1) 2px 3px 10px;
}
.c-wp-recruit-archive-main__btn {
  margin-top: 1em;
}
.c-wp-recruit-archive-main__none {
  text-align: center;
}

/*------------------------
リクルート詳細single
-----------------*/
.c-wp-recruit-single-main__box {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  padding: 1em;
}
.c-wp-recruit-single-main__flowbox {
  background: #fcfcfc;
  margin: 1em 0;
  padding: 1em;
}
.c-wp-recruit-single-main__flowbox-ttl {
  background: #2CC48B;
  padding: 0.5em;
  color: #fff;
  margin-bottom: 1em;
  font-size: 15px;
  font-size: 0.9375rem;
}
@media screen and (min-width: 992px) {
  .c-wp-recruit-single-main__flowbox-ttl {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.c-wp-recruit-single-main__tel {
  color: #EC424E;
  font-weight: bold;
  @inclide a100;
  font-size: 18px;
  font-size: 1.125rem;
}

/*------------------------
ニュース一覧archive
-----------------*/
.c-wp-archive-main__item {
  border-bottom: solid #efefef 2px;
  border-radius: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 0 0 1em;
  margin-bottom: 1em;
}
.c-wp-archive-main__ttl a {
  color: #1185E7;
  text-decoration: underline;
}
.c-wp-archive-main__photo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 0.5em;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.c-wp-archive-main__photo img {
  height: 100px;
  width: 100px;
}
@media screen and (min-width: 992px) {
  .c-wp-archive-main__photo img {
    width: 200px;
    height: 200px;
  }
}
.c-wp-archive-main__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
}
.c-wp-archive-main__content {
  margin-top: 0.8em;
}

/*------------------------
ニュース詳細single
-----------------*/
.c-wp-single-main__meta {
  margin-bottom: 0.5em;
}
.c-wp-single-main__name {
  margin-left: 0.5em;
  color: #000;
  font-weight: 600;
}
.c-wp-single-main__category {
  margin-left: 0.5em;
  background: #FFB914;
  color: #fff;
}
.c-wp-single-main__category a {
  color: #fff;
  padding: 0.1em 0.5em;
}

/*------------------------
共通ページネーション
-----------------*/
.wp-pagenavi {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  margin-bottom: 1em;
}
.wp-pagenavi .pages {
  display: none;
}
.wp-pagenavi .current {
  width: 25px;
  height: 25px;
  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;
  background: #ffffff;
  border: 1px solid #c9c9c9;
  box-shadow: 2px 2px 0 #dfdfdf;
  border-radius: 3px;
  color: #000;
  transition: .3s;
  font-size: 13px;
  font-size: 0.8125rem;
  background: #d2e2fd !important;
  color: #000 !important;
  border: none !important;
  box-shadow: none !important;
}
@media screen and (min-width: 992px) {
  .wp-pagenavi .current {
    width: 30px;
    height: 30px;
    font-size: 15px;
    font-size: 0.9375rem;
  }
}
.wp-pagenavi .page,
.wp-pagenavi .larger,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .last {
  width: 25px;
  height: 25px;
  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;
  background: #ffffff;
  border: 1px solid #c9c9c9;
  box-shadow: 2px 2px 0 #dfdfdf;
  border-radius: 3px;
  color: #000;
  transition: .3s;
  font-size: 13px;
  font-size: 0.8125rem;
}
@media screen and (min-width: 992px) {
  .wp-pagenavi .page,
  .wp-pagenavi .larger,
  .wp-pagenavi .nextpostslink,
  .wp-pagenavi .last {
    width: 30px;
    height: 30px;
    font-size: 15px;
    font-size: 0.9375rem;
  }
}
.wp-pagenavi .last {
  width: inherit;
  letter-spacing: -0.08em;
  padding: 3px 2px;
  font-size: 8px;
  font-size: 0.5rem;
  line-height: 82%;
}

/*------------------------
前後ページページネーション
-----------------*/
.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}
@media screen and (min-width: 992px) {
  .pager {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
  }
}
.pager li {
  display: inline;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-bottom: 0.2em;
}
@media screen and (min-width: 992px) {
  .pager li {
    max-width: 48%;
  }
}
.pager li > a {
  display: inline-block;
  padding: 0.5em 1em 0.5em 2em;
  background-color: #fff;
  border-radius: 5px;
}
.pager .next > a {
  text-align: right;
  background: url(../images/icon/icon_right_blue.svg) no-repeat right 5px center;
  background-size: 10px 10px;
  padding-right: 20px;
  background-position: center right 10px;
  background-color: #f6f6f6;
  padding-right: 2em;
}
.pager .previous > a {
  text-align: left;
  background: url(../images/icon/icon_left_blue.svg) no-repeat left 5px center;
  background-size: 10px 10px;
  padding-left: 20px;
  background-position: center left 10px;
  background-color: #f6f6f6;
  padding-left: 2em;
}
.pager .previous {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
}
.pager .next {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
}

/*------------------------
staff用　タイトル
-----------------*/
.c-wp-staff-mainttl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  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;
}
@media screen and (min-width: 992px) {
  .c-wp-staff-mainttl {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    margin-bottom: 1em;
  }
}
.c-wp-staff-mainttl__photo {
  width: 30%;
  max-width: 100px;
  border-radius: 100px;
  overflow: hidden;
}
.c-wp-staff-mainttl__photo img {
  width: 100%;
  border-radius: 100px;
}
.c-wp-staff-mainttl__description {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
@media screen and (min-width: 992px) {
  .c-wp-staff-mainttl__description {
    margin-left: 1em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
  }
}
.c-wp-staff-mainttl__name {
  font-weight: bold;
  color: #000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-right: 0.5em;
  font-size: 14px;
  font-size: 0.875rem;
}
@media screen and (min-width: 992px) {
  .c-wp-staff-mainttl__name {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.c-wp-staff-mainttl__name-ttl {
  font-size: 11px;
  font-size: 0.6875rem;
  margin-right: 0.5em;
}
@media screen and (min-width: 992px) {
  .c-wp-staff-mainttl__name-ttl {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
.c-wp-staff-mainttl__ttlsub {
  margin-left: 0.5em;
  font-weight: bold;
  color: #2CC48B;
  display: inline-block;
}
.c-wp-staff-mainttl__category {
  margin-left: 1em;
}
@media screen and (min-width: 992px) {
  .c-wp-staff-mainttl__category {
    margin-left: 0.5em;
  }
}

/*------------------------
staff一覧用　サイド
-----------------*/
.c-wp-staff-side-profil__box {
  border: solid #efefef 2px;
  padding: 1em;
  margin-bottom: 1em;
  margin: 1em;
}
.c-wp-staff-side-profil__photo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  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;
  margin-bottom: 1em;
}
.c-wp-staff-side-profil__photo img {
  width: 100px;
  border-radius: 100px;
}
.c-wp-staff-side-profil__name {
  font-weight: bold;
  color: #000;
}
.c-wp-staff-side-profil__name-ttl {
  font-size: 10px;
  font-size: 0.625rem;
}
@media screen and (min-width: 992px) {
  .c-wp-staff-side-profil__name-ttl {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
.c-wp-staff-side-profil__mark {
  font-size: 13px;
  padding: 2px 5px 0;
  background-color: #EC424E;
  display: inline-block;
  color: #fff;
  border-radius: 3px;
}
.c-wp-staff-side-profil__detail {
  margin-bottom: 0.5em;
}
.c-wp-staff-side-profil__detail-item {
  padding: 0.2em 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.c-wp-staff-side-profil__detail-ttl {
  margin-right: 0.2em;
  width: 5em;
  background: #efefef;
  text-align: center;
  padding: 0.2em 0;
}
.c-wp-staff-side-profil__comments {
  background: #f6f6f6;
  padding: 0.8em;
}

.c-wp-staff-side-member__list {
  margin: 1em;
}
.c-wp-staff-side-member__item {
  position: relative;
  margin-bottom: 1em;
}
.c-wp-staff-side-member__item a:not(.in-link) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
  z-index: 5;
}
.c-wp-staff-side-member__item a.in-link {
  position: relative;
  z-index: 5;
}
.c-wp-staff-side-member__box {
  border-bottom: solid #efefef 2px;
  border-radius: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 0.5em;
}
.c-wp-staff-side-member__photo {
  width: 25%;
}
.c-wp-staff-side-member__photo img {
  width: 100%;
  border-radius: 100px;
}
.c-wp-staff-side-member__description {
  width: 65%;
  margin-left: 5%;
}
.c-wp-staff-side-member__name {
  font-size: 16px;
  font-size: 1rem;
  display: block;
  margin-bottom: 0.2em;
  color: #000;
  font-weight: 600;
}
.c-wp-staff-side-member__name-ttl {
  font-size: 14px;
  font-size: 0.875rem;
  margin-right: 0.4em;
}
.c-wp-staff-side-member__comments {
  font-size: 14px;
  font-size: 0.875rem;
}

/* =========================================================
title - 共通のタイトルやテキストなど
========================================================= */
/*mainttl
=============*/
.c-ttl-main {
  color: #000;
  text-align: center;
  font-weight: bold;
  padding: 0.2em 0 1.5em 0.5em;
  opacity: 0;
  position: relative;
  z-index: 1;
  max-width: 100vw;
  background-color: #fff;
  overflow: hidden;
}
@media screen and (min-width: 992px) {
  .c-ttl-main {
    padding: 3.5em 0 2.5em;
  }
}
.c-ttl-main:before {
  transition: 0.2s;
  content: '';
  width: 100%;
  height: 1em;
  position: absolute;
  top: 0;
  right: 0;
  background: #fff;
  display: block;
}
.c-ttl-main--animation {
  position: relative;
}
.c-ttl-main--animation:before {
  width: 0;
  opacity: 0.5;
}
.c-ttl-main .l-container, .c-ttl-main .l-main--col2, .c-ttl-main .l-main--col3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.c-ttl-main__main {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: bold;
  opacity: 0;
  margin-bottom: 0.1em !important;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 992px) {
  .c-ttl-main__main {
    font-size: 24px;
    font-size: 1.5rem;
    margin-bottom: 0.5em !important;
  }
}
.c-ttl-main__main--search:before {
  background-image: url(../images/icon/icon_search_black.svg);
  display: inline-block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  content: "";
  height: 1em;
  width: 1em;
  margin-right: 0.35em;
  margin-left: 0.35em;
}
.c-ttl-main__main:after {
  transition: 0.5s;
  content: '';
  width: 100%;
  height: 1em;
  position: absolute;
  top: 0;
  right: 0;
  background: #f9f9f9;
  display: block;
}
.c-ttl-main__main--animation {
  position: relative;
}
.c-ttl-main__main--animation:after {
  width: 0;
  opacity: 0.5;
}
.c-ttl-main__sub {
  font-size: 12px;
  font-size: 0.75rem;
  font-family: "Lato";
  letter-spacing: 0.2em;
  font-weight: bold;
  line-height: 100%;
  color: #EC424E;
  margin-top: 0.4em;
  opacity: 0;
  font-family: "Lexend Exa", serif;
  position: relative;
  z-index: 2;
  background: #ea4335;
  color: #fff;
  padding: 0.1em 0.3em;
  border-radius: 2px;
}
@media screen and (min-width: 992px) {
  .c-ttl-main__sub {
    display: block;
    font-size: 18px;
    font-size: 1.125rem;
    margin-top: 0;
  }
}
.c-ttl-main__sub:before {
  transition: 1s;
  content: '';
  width: 100%;
  height: 1em;
  position: absolute;
  top: 0;
  right: 0;
  background: #fff;
  display: block;
}
.c-ttl-main__sub--animation {
  position: relative;
}
.c-ttl-main__sub--animation:before {
  width: 0;
  opacity: 0.5;
}
.c-ttl-main__sub--green {
  background-color: #2CC48B;
}
.c-ttl-main__sub--blue {
  background-color: #2A92DF;
}
.c-ttl-main__sub--red {
  background-color: #EC424E;
}
.c-ttl-main__sub--yellow {
  background-color: #ffe400;
}
.c-ttl-main__sub--orange {
  background-color: #FFB914;
}
.c-ttl-main__sub--purple {
  background-color: #7070D1;
}
.c-ttl-main__flow {
  position: absolute;
  left: 0;
  color: #f6f6f6;
  font-size: 46px;
  font-size: 2.875rem;
  letter-spacing: 0.1em;
  font-weight: 900;
  top: 0.8em;
  white-space: nowrap;
  font-family: "Lexend Exa", serif;
  display: flex;
  width: 100vw;
  z-index: -1;
  margin-inline: calc(50% - 50vw);
  z-index: 1;
}
@media screen and (min-width: 992px) {
  .c-ttl-main__flow {
    font-size: 168px;
    font-size: 10.5rem;
    top: 0.6em;
  }
}
.c-ttl-main__flow__in {
  flex-shrink: 0;
  white-space: nowrap;
  padding-left: 0.5em;
}
.c-ttl-main__flow__in:nth-child(odd) {
  animation: c-anime-txt-flow 60s -30s infinite linear;
}
.c-ttl-main__flow__in:nth-child(even) {
  animation: c-anime-txt-flow-second 60s infinite linear;
}

/*basicttl
=============*/
.c-ttl-basic {
  min-height: 30px;
  position: relative;
  padding-left: 1.5em;
  font-weight: bold;
  color: #000;
  line-height: 30px;
  font-size: 14px;
  font-size: 0.875rem;
  margin-bottom: 0.8em;
  text-align: left;
}
@media screen and (min-width: 992px) {
  .c-ttl-basic {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 600;
    background: #fff;
  }
}
.c-ttl-basic a {
  color: #000;
}
.c-ttl-basic--yellow:before {
  content: "";
  display: block;
  width: 6px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #f8f130;
}
@media screen and (min-width: 992px) {
  .c-ttl-basic--yellow:before {
    border-radius: 4px;
  }
}
.c-ttl-basic--blue:before {
  content: "";
  display: block;
  width: 6px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #2A92DF;
}
@media screen and (min-width: 992px) {
  .c-ttl-basic--blue:before {
    border-radius: 4px;
  }
}
.c-ttl-basic--red:before {
  content: "";
  display: block;
  width: 5px;
  height: 24px;
  position: absolute;
  left: 4px;
  top: 3px;
  border-radius: 10px;
  background-color: #cb343c;
  background-color: #EC424E;
}
@media screen and (min-width: 992px) {
  .c-ttl-basic--red:before {
    border-radius: 4px;
  }
}
.c-ttl-basic--green:before {
  content: "";
  display: block;
  width: 5px;
  height: 24px;
  position: absolute;
  left: 4px;
  top: 3px;
  border-radius: 10px;
  background-color: #cb343c;
  background-color: #2CC48B;
}
@media screen and (min-width: 992px) {
  .c-ttl-basic--green:before {
    border-radius: 4px;
  }
}
.c-ttl-basic--main:before {
  content: "";
  display: block;
  width: 5px;
  height: 24px;
  position: absolute;
  left: 4px;
  top: 3px;
  border-radius: 10px;
  background-color: #EC424E;
}
@media screen and (min-width: 992px) {
  .c-ttl-basic--main:before {
    border-radius: 4px;
  }
}
.c-ttl-basic--en {
  font-family: 'Lato', sans-serif;
  font-weight: 500;
}

/*basicttl
=============*/
.c-ttl-mini {
  background: #ededed;
  position: relative;
  padding-left: 0.4em;
  color: #000;
  line-height: 26px;
  font-size: 14px;
  font-size: 0.875rem;
  margin-bottom: 0.8em;
  font-weight: bold;
}
@media screen and (min-width: 992px) {
  .c-ttl-mini {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}
.c-ttl-mini--bg-pink {
  background: #f7f1f1;
}
.c-ttl-mini--red:before {
  content: "";
  display: block;
  width: 5px;
  height: 26px;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #EC424E;
}
.c-ttl-mini--en {
  font-family: 'Lato', sans-serif;
}

/*プルダウン*/
.c-ttl-pulldown {
  height: 44px;
  position: relative;
  padding-left: 1em;
  color: #000;
  line-height: 44px;
  font-size: 14px;
  font-size: 0.875rem;
  cursor: pointer;
  font-weight: bold;
  background: #f4f4f4;
  margin-bottom: 2px;
}
@media screen and (min-width: 992px) {
  .c-ttl-pulldown {
    font-size: 16px;
    font-size: 1rem;
    height: 50px;
    line-height: 50px;
    font-weight: bold;
    background: none;
    border-bottom: solid #efefef 2px;
  }
}
.c-ttl-pulldown--bordertop {
  border-top: solid 1px #e8e8e8;
}
.c-ttl-pulldown--bordertop-sp {
  border-top: solid 1px #e8e8e8;
}
@media screen and (min-width: 992px) {
  .c-ttl-pulldown--bordertop-sp {
    border: none;
  }
}
@media screen and (min-width: 992px) {
  .c-ttl-pulldown--bordertop-pc {
    border-top: solid 1px #e8e8e8;
  }
}
.c-ttl-pulldown:before {
  background-image: url(../images/icon/icon_plus_black.svg);
  display: block;
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 100% auto;
  content: "";
  height: 50px;
  width: 10px;
  position: absolute;
  right: 10px;
  top: 0;
  z-index: 1;
}
.c-ttl-pulldown--open {
  margin-bottom: 0.5em !important;
}
.c-ttl-pulldown--open:before {
  background-image: url(../images/icon/icon_minus_black.svg);
  background-size: 100% 4px;
}
.c-ttl-pulldown--refine {
  width: calc(100% + 20px);
  margin-left: -10px;
  background-color: #eeece6;
  margin-bottom: 0.5em;
  border: none;
}
@media screen and (min-width: 992px) {
  .c-ttl-pulldown--refine {
    width: 100%;
    margin-left: 0;
    background-color: #fff;
    border-bottom: solid #efefef 2px;
  }
}
.c-ttl-pulldown--refine:before {
  right: 20px;
}

/*プルダウン*/
.c-ttl-step {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  margin-bottom: 1em;
  position: relative;
  vertical-align: middle;
}
.c-ttl-step__num {
  background: #2A92DF;
  font-weight: bold;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  margin-right: 0.5em;
  padding: 0.1em 0.5em 0.05em;
  border-radius: 5px;
  font-family: "Lexend Exa", serif;
}
@media screen and (min-width: 992px) {
  .c-ttl-step__num {
    top: 8px;
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.c-ttl-step__main {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
}
@media screen and (min-width: 992px) {
  .c-ttl-step__main {
    top: 8px;
    font-size: 22px;
    font-size: 1.375rem;
  }
}
.c-ttl-step:before {
  display: block;
  height: 2px;
  width: calc(50% - 15em);
  position: absolute;
  left: 0;
  top: calc(0.5em + 2px);
  background: #efefef;
}
.c-ttl-step:after {
  display: block;
  height: 2px;
  width: calc(50% - 15em);
  position: absolute;
  right: 0;
  top: calc(0.5em + 2px);
  background: #efefef;
}

/*mainttl
=============*/
.c-ttl-main-basic {
  color: #000;
  text-align: center;
  font-weight: bold;
  padding: 0.2em 0 8em;
  position: relative;
}
@media screen and (min-width: 992px) {
  .c-ttl-main-basic {
    margin: 0 0 2em;
    padding: 6em 0 8em;
    padding-bottom: 8em;
  }
}
.c-ttl-main-basic:before {
  transition: 0.5s;
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background: #fff;
  display: block;
  z-index: 100;
}
.c-ttl-main-basic--animation {
  position: relative;
}
.c-ttl-main-basic--animation:before {
  width: 0 !important;
  opacity: 0.5;
}
.c-ttl-main-basic--photonone {
  padding: 1em 0 1em;
}
@media screen and (min-width: 992px) {
  .c-ttl-main-basic--photonone {
    padding: 1em 0 1em;
  }
}
.c-ttl-main-basic--photonone .l-container, .c-ttl-main-basic--photonone .l-main--col2, .c-ttl-main-basic--photonone .l-main--col3 {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
@media screen and (min-width: 992px) {
  .c-ttl-main-basic--photonone .l-container, .c-ttl-main-basic--photonone .l-main--col2, .c-ttl-main-basic--photonone .l-main--col3 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }
}
.c-ttl-main-basic .l-container, .c-ttl-main-basic .l-main--col2, .c-ttl-main-basic .l-main--col3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
@media screen and (min-width: 992px) {
  .c-ttl-main-basic .l-container, .c-ttl-main-basic .l-main--col2, .c-ttl-main-basic .l-main--col3 {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
  }
}
.c-ttl-main-basic__main {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: bold;
  padding-top: 0.3em;
  position: relative;
  z-index: 6;
  letter-spacing: 0.05em;
  opacity: 0;
}
@media screen and (min-width: 992px) {
  .c-ttl-main-basic__main {
    font-size: 22px;
    font-size: 1.375rem;
    padding-top: 0.5em;
    margin-left: 10px;
  }
}
.c-ttl-main-basic__main:before {
  transition: 0.8s;
  content: '';
  width: 100%;
  height: 1em;
  position: absolute;
  top: 0;
  right: 0;
  background: #fff;
  display: block;
}
.c-ttl-main-basic__main--animation {
  position: relative;
}
.c-ttl-main-basic__main--animation:before {
  width: 0 !important;
  opacity: 0.5;
}
.c-ttl-main-basic__sub {
  font-size: 14px;
  font-size: 0.875rem;
  font-family: "Lato";
  letter-spacing: 0.28em;
  font-weight: bold;
  line-height: 100%;
  color: #EC424E;
  margin-top: 0.4em;
  position: relative;
  z-index: 6;
  opacity: 0;
}
@media screen and (min-width: 992px) {
  .c-ttl-main-basic__sub {
    display: block;
    font-size: 42px;
    font-size: 2.625rem;
    margin-left: 10px;
  }
}
.c-ttl-main-basic__sub:before {
  transition: 1s;
  content: '';
  width: 100%;
  height: 1em;
  position: absolute;
  top: 0;
  right: 0;
  background: #EC424E;
  display: block;
}
.c-ttl-main-basic__sub--animation {
  position: relative;
}
.c-ttl-main-basic__sub--animation:before {
  width: 0 !important;
  opacity: 0.5;
}
.c-ttl-main-basic__photo {
  position: absolute;
  bottom: 0;
  width: 100%;
  right: 0;
  opacity: 0;
  height: calc(100% - 4.5em);
}
@media screen and (min-width: 992px) {
  .c-ttl-main-basic__photo {
    width: 70%;
    bottom: inherit;
    top: 0;
    height: 100%;
  }
}
.c-ttl-main-basic__photo-in {
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  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;
  position: relative;
}
@media screen and (min-width: 992px) {
  .c-ttl-main-basic__photo-in:before {
    display: block;
    FONT-WEIGHT: 600;
    height: 600px;
    width: 205px;
    position: absolute;
    left: 0;
    top: 142px;
    content: "";
    z-index: 1;
    transform: skewY(-302deg);
    background: #fff;
  }
}
.c-ttl-main-basic__photo:after {
  content: "CHINTAIKAN";
  display: inline-block;
  font-size: 42px;
  font-size: 2.625rem;
  color: #fff;
  position: absolute;
  color: #ffffff;
  position: absolute;
  right: -0.2em;
  bottom: 0.1em;
  z-index: 4;
  font-family: 'Red Hat Display';
  font-weight: 900;
  letter-spacing: 0.1em;
  text-align: right;
  display: none;
}
@media screen and (min-width: 992px) {
  .c-ttl-main-basic__photo:after {
    font-size: 250px;
    font-size: 15.625rem;
    left: 74px;
    color: #e8e8e8;
    opacity: 0.3;
    right: inherit;
    bottom: inherit;
    left: -34vw;
    top: 0;
    width: 1em;
    z-index: -1;
    line-height: 100%;
    -ms-writing-mode: tb-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    display: block;
  }
}
.c-ttl-main-basic__text {
  margin: 0 1em;
  background: #fff;
  padding: 1.5em;
  margin-top: 2em;
  z-index: 99;
  position: relative;
  text-align: left;
  font-weight: normal;
  width: 100%;
  font-size: 12px;
  font-size: 0.75rem;
}
@media screen and (min-width: 992px) {
  .c-ttl-main-basic__text {
    padding: 2em;
    margin-top: 2em;
    text-align: center;
    font-size: 15px;
    font-size: 0.9375rem;
  }
}

/* =========================================================
text - 共通のテキストなど
========================================================= */
.c-basic-txt, .p-basic-list__item, .p-ol-list__item, .p-ol-list--sub__item {
  color: #000000;
  letter-spacing: 1px;
  font-size: 12px;
  font-size: 0.75rem;
}
@media screen and (min-width: 992px) {
  .c-basic-txt, .p-basic-list__item, .p-ol-list__item, .p-ol-list--sub__item {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.5;
  }
}
.c-basic-txt p, .p-basic-list__item p, .p-ol-list__item p, .p-ol-list--sub__item p {
  margin-bottom: 10px;
}
.c-basic-txt a, .p-basic-list__item a, .p-ol-list__item a, .p-ol-list--sub__item a {
  color: #1185E7;
  text-decoration: underline;
  display: inline-block;
}
@media screen and (min-width: 576px) {
  .c-basic-txt a, .p-basic-list__item a, .p-ol-list__item a, .p-ol-list--sub__item a {
    transition: .3s;
    cursor: pointer;
  }
  .c-basic-txt a:hover, .p-basic-list__item a:hover, .p-ol-list__item a:hover, .p-ol-list--sub__item a:hover {
    opacity: .7;
  }
}
.c-basic-txt--sm {
  font-size: 12px;
  font-size: 0.75rem;
}
@media screen and (min-width: 992px) {
  .c-basic-txt--sm {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.c-basic-txt--xs {
  font-size: 10px;
  font-size: 0.625rem;
}
@media screen and (min-width: 992px) {
  .c-basic-txt--xs {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.5;
  }
}
.c-basic-txt--xxs {
  font-size: 9px;
  font-size: 0.5625rem;
}
@media screen and (min-width: 992px) {
  .c-basic-txt--xxs {
    font-size: 11px;
    font-size: 0.6875rem;
    line-height: 1.5;
  }
}
.c-basic-txt--lg {
  font-size: 14px;
  font-size: 0.875rem;
}
@media screen and (min-width: 992px) {
  .c-basic-txt--lg {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.c-basic-txt--xl {
  font-size: 16px;
  font-size: 1rem;
}
@media screen and (min-width: 992px) {
  .c-basic-txt--xl {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.c-basic-txt--xxl {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.3;
}
@media screen and (min-width: 992px) {
  .c-basic-txt--xxl {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
.c-basic-txt--big {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1.3;
}
@media screen and (min-width: 992px) {
  .c-basic-txt--big {
    font-size: 50px;
    font-size: 3.125rem;
  }
}
.c-basic-txt strong, .p-basic-list__item strong, .p-ol-list__item strong, .p-ol-list--sub__item strong {
  font-weight: bold;
}
.c-basic-txt__img {
  display: inline-block;
  height: 1em;
  vertical-align: sub;
  margin: 0 0.2em;
}
@media screen and (min-width: 992px) {
  .c-basic-txt__img {
    height: 1em;
  }
}
.c-basic-txt__img img {
  height: 100%;
}

.c-basic-link {
  color: #1185E7;
  text-decoration: underline;
  display: inline-block;
}
@media screen and (min-width: 576px) {
  .c-basic-link {
    transition: .3s;
    cursor: pointer;
  }
  .c-basic-link:hover {
    opacity: .7;
  }
}
.c-basic-link--line {
  text-decoration: underline;
}

.c-basic-link-line {
  color: #000000;
  line-height: 1.8;
  letter-spacing: 1px;
  font-size: 13px;
  font-size: 0.8125rem;
}
@media screen and (min-width: 992px) {
  .c-basic-link-line {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}
.c-basic-link-line--line {
  text-decoration: underline;
}

.pc-center {
  text-align: left;
}
@media screen and (min-width: 992px) {
  .pc-center {
    text-align: center;
  }
}

.sp-center {
  text-align: center;
}
@media screen and (min-width: 992px) {
  .sp-center {
    text-align: left;
  }
}

/* =========================================================
button - ボタン関係のコンポーネント
========================================================= */
/*ベースボタン＝＝＝＝*/
.c-basic-btn {
  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;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  max-width: 320px;
  min-width: 250px;
  width: 100%;
  padding: 0.8em 0.5em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  box-sizing: border-box;
  background: url(../images/icon/icon_right_white.svg) no-repeat right center;
  background-size: 10px 10px;
  padding-right: 15px;
  background-position: center right 5%;
  background-color: #EC424E;
  text-align: center;
  text-decoration: none !important;
  transition: .3s;
  transition: .3s;
  cursor: pointer;
}
.c-basic-btn:hover {
  opacity: .7;
}
@media screen and (min-width: 992px) {
  .c-basic-btn {
    padding: 0.8em 1em;
    background-size: 13px 13px;
  }
}
.c-basic-btn__in {
  display: block;
  width: 100%;
  font-size: 13px;
  font-size: 0.8125rem;
  color: #fff;
  font-weight: bold;
  position: relative;
  line-height: 100%;
}
@media screen and (min-width: 992px) {
  .c-basic-btn__in {
    font-size: 16px;
    font-size: 1rem;
  }
}
@media screen and (min-width: 992px) and (min-width: 992px) {
  .c-basic-btn--lg {
    max-width: inherit;
    height: 60px;
    font-size: 20px;
    font-size: 1.25rem;
    background-size: 30px auto !important;
    max-width: 600px;
  }
}
@media screen and (min-width: 992px) and (min-width: 992px) {
  .c-basic-btn--md {
    max-width: inherit;
    height: 50px;
    font-size: 18px;
    font-size: 1.125rem;
    background-size: 25px auto !important;
  }
}
.c-basic-btn--back {
  border: none;
  background: url(../images/icon/icon_left_white.svg) no-repeat left center;
  background-size: 15px 15px;
  padding-left: 20px;
  background-position: center left 5%;
  background-color: #2A92DF;
}
.c-basic-btn--back .c-basic-btn__in {
  color: #fff;
}
.c-basic-btn--send {
  border: none;
  background-image: url(../images/icon/icon_right_white.svg);
  background-repeat: no-repeat;
  background-color: #FFB914;
}
.c-basic-btn--send .c-basic-btn__in {
  color: #fff;
}
.c-basic-btn--bottom {
  background: url(../images/icon/icon_bottom_black.svg) no-repeat right center;
  background-size: 10px 10px;
  padding-right: 15px;
  background-position: center right 5%;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.08) 6px 6px 10px;
  border: solid #e1e1e1 2px;
}
@media screen and (min-width: 992px) {
  .c-basic-btn--bottom {
    background-size: 13px 13px;
  }
}
.c-basic-btn--bottom .c-basic-btn__in {
  color: #000;
}
.c-basic-btn--disabled {
  border-color: #f7f7f7;
  background-image: none;
  pointer-events: none;
  padding-right: 0.5em;
}
.c-basic-btn--disabled .c-basic-btn__in {
  color: #d0d0d0;
}
.c-basic-btn--close {
  border-color: #b8b8b8;
  background-image: none;
  padding-right: 0.5em;
  background: url(../images/icon/icon_close_black.svg) no-repeat right center;
  background-size: 10px 10px;
  padding-right: 15px;
  background-position: center right 5%;
  background-color: #fff;
}
.c-basic-btn--close .c-basic-btn__in {
  color: #000;
}
.c-basic-btn--line {
  background: url(../images/icon/icon_talk_white.svg) no-repeat left center;
  background-size: 20px 20px;
  padding-left: 25px;
  background-position: center left 10%;
  background-color: #84d45e;
  border: none;
}
@media screen and (min-width: 992px) {
  .c-basic-btn--line {
    background-size: 28px 28px;
    padding-left: 40px;
    background-position: center left 20px;
  }
}
.c-basic-btn--line.c-basic-btn--lg {
  max-width: 100%;
  width: 320px;
}
.c-basic-btn--line .c-basic-btn__in {
  color: #fff;
}
.c-basic-btn--search {
  background: url(../images/icon/icon_search_white.svg) no-repeat left center;
  background-size: 15px 15px;
  padding-left: 20px;
  padding-left: 23px;
  background-position: center left 7%;
  background-color: #ace8ea;
  background-color: #EC424E;
  border: none;
}
@media screen and (min-width: 992px) {
  .c-basic-btn--search {
    background-size: 28px 28px;
  }
}
.c-basic-btn--search .c-basic-btn__in {
  color: #fff;
}
.c-basic-btn--search-top {
  background: url(../images/icon/icon_search_main.svg) no-repeat right center;
  background-size: 15px 15px;
  padding-right: 20px;
  padding-right: 23px;
  background-position: center right 7%;
  min-width: inherit;
  border-radius: 100px;
  background-color: #fff;
}
@media screen and (min-width: 992px) {
  .c-basic-btn--search-top {
    background-size: 28px 28px;
  }
}
.c-basic-btn--search-top .c-basic-btn__in {
  color: #000;
}
.c-basic-btn--refine {
  background: url(../images/icon/icon_search_more_white.svg) no-repeat left center;
  background-size: 15px 15px;
  padding-left: 20px;
  background-size: 15px 15px;
  background-position: center left 5%;
  background-color: #ebbf0f;
  border: none;
  padding: 0.9em 0.5em;
  padding-left: 25px;
  padding-right: 10px;
  letter-spacing: -0.06em;
  border: none;
}
@media screen and (min-width: 992px) {
  .c-basic-btn--refine {
    letter-spacing: inherit;
    background-size: 28px 28px;
  }
}
.c-basic-btn--refine .c-basic-btn__in {
  color: #fff;
}
.c-basic-btn--contact {
  background: url(../images/icon/icon_mail_white.svg) no-repeat left center;
  background-size: 20px 20px;
  padding-left: 25px;
  padding-left: 0.5em;
  background-position: center left 5%;
  background-color: #FFB914;
  border: none;
}
@media screen and (min-width: 992px) {
  .c-basic-btn--contact {
    background-size: 28px 28px;
  }
}
.c-basic-btn--contact .c-basic-btn__in {
  color: #fff;
  padding-left: 01em;
}
.c-basic-btn--contact-green {
  background: url(../images/icon/icon_mail_white.svg) no-repeat left center;
  background-size: 20px 20px;
  padding-left: 25px;
  padding-left: 0.5em;
  background-position: center left 5%;
  background-color: #3dae9e;
  border: none;
}
@media screen and (min-width: 992px) {
  .c-basic-btn--contact-green {
    background-size: 28px 28px;
  }
}
.c-basic-btn--contact-green .c-basic-btn__in {
  color: #fff;
  padding-left: 01em;
  text-shadow: 0 0 18px #b49b0c;
}
.c-basic-btn--contact-blue {
  background: url(../images/icon/icon_mail_white.svg) no-repeat left center;
  background-size: 20px 20px;
  padding-left: 25px;
  padding-left: 0.5em;
  background-position: center left 5%;
  background-color: #2A92DF;
  border: none;
}
@media screen and (min-width: 992px) {
  .c-basic-btn--contact-blue {
    background-size: 28px 28px;
  }
}
.c-basic-btn--contact-blue .c-basic-btn__in {
  color: #fff;
  padding-left: 01em;
}
.c-basic-btn--contact-border {
  background: url(../images/icon/icon_mail_main.svg) no-repeat left center;
  background-size: 20px 20px;
  padding-left: 25px;
  padding-left: 0.5em;
  background-position: center left 5%;
}
@media screen and (min-width: 992px) {
  .c-basic-btn--contact-border {
    background-size: 28px 28px;
  }
}
.c-basic-btn--contact-border .c-basic-btn__in {
  color: #000;
}
.c-basic-btn--map {
  background: url(../images/icon/icon_map_white.svg) no-repeat left center;
  background-size: 20px 20px;
  padding-left: 25px;
  background-position: center left 10%;
  border: none;
  background-color: #34b59e;
}
@media screen and (min-width: 992px) {
  .c-basic-btn--map {
    background-size: 40px 40px;
  }
}
.c-basic-btn--map .c-basic-btn__in {
  color: #fff;
}
.c-basic-btn--view {
  background: url(../images/icon/icon_view_white.svg) no-repeat left center;
  background-size: 20px 20px;
  padding-left: 25px;
  background-position: center left 10%;
  border: none;
  background-color: #2A92DF;
}
@media screen and (min-width: 992px) {
  .c-basic-btn--view {
    background-size: 28px 28px;
  }
}
.c-basic-btn--view .c-basic-btn__in {
  color: #fff;
}
.c-basic-btn--tel {
  background: url(../images/icon/icon_tel_white.svg) no-repeat left center;
  background-size: 20px 20px;
  padding-left: 25px;
  background-position: center left 5%;
  background-color: #fff;
  background-color: #EC424E;
  border: none;
}
.c-basic-btn--tel .c-basic-btn__in {
  color: #fff;
}
.c-basic-btn--spmini {
  line-height: 137%;
  padding-left: 12px;
  padding-right: 3px;
  background-position: center left 5%;
  background-size: 15px;
  min-height: 43px;
}
@media screen and (min-width: 992px) {
  .c-basic-btn--spmini {
    font-size: 16px;
    font-size: 1rem;
    line-height: 130%;
    padding-left: 20px;
    padding-right: inherit;
    background-position: center left 10%;
    background-size: 25px 25px;
    letter-spacing: -0.05em;
  }
}
.c-basic-btn--spmini .c-basic-btn__in {
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: -0.05em;
  line-height: 130%;
}
@media screen and (min-width: 992px) {
  .c-basic-btn--spmini .c-basic-btn__in {
    letter-spacing: inherit;
    font-size: 16px;
    font-size: 1rem;
  }
}
.c-basic-btn--detailcontact {
  border: none;
  background-image: none;
  padding: 0.9em 0.2em 0.7em;
  font-size: 12px;
  font-size: 0.75rem;
  background-image: none;
  position: relative;
  min-height: 43px;
  background: url(../images/icon/icon_right_white.svg) no-repeat right center;
  background-size: 10px 10px;
  padding-right: 15px;
  background-position: center right 5%;
  background-color: #ffa314;
}
@media screen and (min-width: 992px) {
  .c-basic-btn--detailcontact {
    padding: 1.3em 0.2em;
  }
}
.c-basic-btn--detailcontact .c-basic-btn__in {
  color: #fff;
  position: relative;
}
.c-basic-btn--detailcontact .c-basic-btn__sub {
  position: absolute;
  top: -27px;
  left: calc(50% - 5em);
  background: #fff;
  padding: 0.2em 1em 0.2em;
  border: solid #ffa314 2px;
  border-radius: 50px;
  font-size: 12px;
  font-size: 0.75rem;
  color: #ffa314;
}
@media screen and (min-width: 992px) {
  .c-basic-btn--detailcontact .c-basic-btn__sub {
    font-size: 14px;
    font-size: 0.875rem;
    top: -32px;
    padding: 0.2em 1em 0.1em;
  }
}
.c-basic-btn--detailcontact:before {
  display: block;
  background-color: #f59a0d;
  content: "";
  height: 100%;
  width: 43px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  border-radius: 5px 0 0 5px;
}
@media screen and (min-width: 992px) {
  .c-basic-btn--detailcontact:before {
    width: 73px;
  }
}
.c-basic-btn--detailcontact:after {
  display: block;
  content: "";
  height: 100%;
  width: 3em;
  position: absolute;
  left: 2%;
  top: 0;
  z-index: -1;
  background: url(../images/icon/icon_mail_white.svg) no-repeat left center;
  background-size: 20px 20px;
  padding-left: 25px;
  background-position: center left 5%;
  z-index: 2;
}
@media screen and (min-width: 992px) {
  .c-basic-btn--detailcontact:after {
    background-position: center left 5%;
    background-size: 30px 30px;
  }
}
.c-basic-btn--lightgray {
  border: none;
  min-height: 43px;
  padding: 0.2em;
  background-color: #f5f5f5;
  background-image: none;
}
.c-basic-btn--lightgray .c-basic-btn__in {
  color: #000;
}
.c-basic-btn--grayline {
  border: solid #afafaf 2px;
  background-image: none;
  min-height: 43px;
  padding: 0.2em;
}
.c-basic-btn--grayline .c-basic-btn__in {
  color: #000;
}
.c-basic-btn--blueline {
  border-color: #2A92DF;
}
.c-basic-btn--blueline .c-basic-btn__in {
  color: #000;
}
.c-basic-btn--red {
  border: none;
  background-image: url(../images/icon/icon_right_white.svg);
  background-color: #EC424E;
}
.c-basic-btn--red .c-basic-btn__in {
  color: #fff;
}
.c-basic-btn--blue {
  background-color: #2A92DF;
}
.c-basic-btn--blue .c-basic-btn__in {
  color: #fff;
}
.c-basic-btn--yellow {
  background-color: #f9e115;
}
.c-basic-btn--yellow .c-basic-btn__in {
  color: #fff;
  text-shadow: rgba(122, 74, 0, 0.2) 0px 0px 20px;
}
.c-basic-btn--purple {
  background-color: #7070D1;
}
.c-basic-btn--purple .c-basic-btn__in {
  color: #fff;
}
.c-basic-btn--orange {
  background-color: #FFB914;
}
.c-basic-btn--orange .c-basic-btn__in {
  color: #fff;
}
.c-basic-btn--green {
  background-color: #2CC48B;
}
.c-basic-btn--green .c-basic-btn__in {
  color: #fff;
}
.c-basic-btn--nomal {
  background-image: none;
}
.c-basic-btn--nomal .c-basic-btn__in {
  color: #000;
}
.c-basic-btn--arw-more {
  padding: 0.6em 2.2em 0.8em;
  min-width: inherit;
  border-radius: 5px;
  border: none;
  width: auto;
  background: url(../images/icon/icon_bottom_black.svg) no-repeat right center;
  background-size: 10px 10px;
  padding-right: 15px;
  padding-right: 35px;
  color: #000;
  background-position: center right 10%;
  display: inline-block;
  background-color: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.08) 6px 6px 10px;
  border: solid #e1e1e1 2px;
}
.c-basic-btn--arw-more .c-basic-btn__in {
  color: #000000;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 100%;
}
@media screen and (min-width: 992px) {
  .c-basic-btn--arw-more .c-basic-btn__in {
    font-size: 16px;
    font-size: 1rem;
  }
}
.c-basic-btn--arw-link {
  padding: 0.8em 2.2em;
  min-width: inherit;
  border-radius: 100px;
  background-color: #fff;
  width: auto;
  background: url(../images/icon/icon_right_main.svg) no-repeat right center;
  background-size: 10px 10px;
  padding-right: 15px;
  padding-right: 35px;
  color: #000;
  background-position: center right 10%;
  display: inline-block;
  border-radius: 0;
  background-color: #fff;
  border: none;
  overflow: hidden;
  position: relative;
}
.c-basic-btn--arw-link .c-basic-btn__in {
  color: #000;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 100%;
}
@media screen and (min-width: 992px) {
  .c-basic-btn--arw-link .c-basic-btn__in {
    font-size: 16px;
    font-size: 1rem;
  }
}
.c-basic-btn--arw-link:before {
  position: absolute;
  top: 0;
  left: calc(-150% + 50px);
  width: 150%;
  height: 500%;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transform: rotate(45deg) translateX(0) translateY(0);
  transform: rotate(45deg) translateX(0) translateY(0);
  background: #fff100;
}
.c-basic-btn--arw-link:after {
  position: absolute;
  top: -400%;
  right: calc(-150% + 50px);
  width: 150%;
  height: 500%;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transform: rotate(45deg) translateX(0) translateY(0);
  transform: rotate(45deg) translateX(0) translateY(0);
  background: #fff100;
}

/*ミニボタン＝＝＝＝*/
.c-btn-mini {
  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;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0.2em 1em;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  border: none;
  background-color: #fff;
  text-align: center;
  text-decoration: none !important;
  transition: .3s;
  transition: .3s;
  cursor: pointer;
  background: url(../images/icon/icon_right_black.svg) no-repeat right center;
  background-size: 8px 8px;
  padding-right: 13px;
  background-size: 6px 23px;
  background-position: right 9px center;
  padding-right: 1.5em;
  background-color: #f5f5f5;
}
.c-btn-mini:hover {
  opacity: .7;
}
@media screen and (min-width: 992px) {
  .c-btn-mini {
    padding: 0.4em 1em;
    padding-right: 1.2em;
    background-size: 7px 23px;
    background-position: right 9px center;
    padding-right: 1.5em;
  }
}
.c-btn-mini__in {
  display: block;
  width: 100%;
  font-size: 12px;
  font-size: 0.75rem;
  color: #000;
  font-weight: bold;
  position: relative;
}
@media screen and (min-width: 992px) {
  .c-btn-mini__in {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.c-btn-mini--search {
  background: url(../images/icon/icon_search_main.svg) no-repeat right center;
  background-size: 15px 15px;
  padding-right: 20px;
  padding-right: 28px;
  background-position: center right 7%;
}
@media screen and (min-width: 992px) and (min-width: 992px) {
  .c-btn-mini--lg {
    max-width: inherit;
    height: 60px;
    font-size: 18px;
    font-size: 1.125rem;
    background-size: 25px auto !important;
  }
}

/*検索FIXボタン群*/
.c-basic-btnarea {
  padding: 1.5em 0;
}
.c-basic-btnarea__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.c-basic-btnarea__list--spcloumn {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.c-basic-btnarea__item {
  text-align: center;
  margin-bottom: 10px;
  margin-right: 1%;
  position: relative;
}
@media screen and (min-width: 992px) {
  .c-basic-btnarea__item {
    margin-right: 1%;
  }
}
.c-basic-btnarea__item:last-child {
  margin-right: 0;
}
.c-basic-btnarea__item--col1 {
  width: 80%;
}
.c-basic-btnarea__item--col1 .c-basic-btn {
  min-width: inherit;
  max-width: 100%;
}
.c-basic-btnarea__item--col2 {
  width: 49.5%;
}
.c-basic-btnarea__item--col2 .c-basic-btn {
  min-width: inherit;
  max-width: 100%;
}
.c-basic-btnarea__item--col3 {
  width: 32.5%;
}
.c-basic-btnarea__item--col3 .c-basic-btn {
  min-width: inherit;
  max-width: 100%;
}
.c-basic-btnarea__item--col4 {
  width: 24%;
}
.c-basic-btnarea__item--col4 .c-basic-btn {
  min-width: inherit;
  max-width: 100%;
}
.c-basic-btnarea__item--full {
  width: 100%;
}
.c-basic-btnarea__item--full .c-basic-btn {
  min-width: inherit;
  max-width: 100%;
}
@media screen and (max-width: 991px) {
  .c-basic-btnarea__item--spfull {
    width: 100%;
  }
  .c-basic-btnarea__item--spfull .c-basic-btn {
    min-width: inherit;
    max-width: 100%;
  }
}

/*iconボタン*/
.c-btn-icon {
  width: 100%;
  padding: 0.5em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  background-position: center right 5%;
  border: solid #dcdcdc 3px;
  background-color: #fff;
  text-align: center;
  text-decoration: none !important;
  transition: .3s;
  transition: .3s;
  cursor: pointer;
  background-color: #fff;
}
.c-btn-icon:hover {
  opacity: .7;
}
@media screen and (min-width: 992px) {
  .c-btn-icon {
    padding: 0.8em 1em;
    background-size: 13px 13px;
  }
}
.c-btn-icon__in {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  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;
  position: relative;
}
.c-btn-icon__in a:not(.in-link) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
  z-index: 5;
}
.c-btn-icon__in a.in-link {
  position: relative;
  z-index: 5;
}
.c-btn-icon__mark {
  background: #EC424E;
  margin-right: 0.5em;
  height: 30px;
  width: 30px;
  border-radius: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  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;
}
@media screen and (min-width: 992px) {
  .c-btn-icon__mark {
    height: 3em;
    width: 3em;
  }
}
.c-btn-icon__img {
  width: 65%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  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;
}

/*iconボタン*/
.c-btn-photo {
  margin-bottom: 1.5em;
}
.c-btn-photo__in {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  position: relative;
  transition: .3s;
  cursor: pointer;
}
.c-btn-photo__in a:not(.in-link) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
  z-index: 5;
}
.c-btn-photo__in a.in-link {
  position: relative;
  z-index: 5;
}
.c-btn-photo__in:hover {
  opacity: .7;
}
@media screen and (min-width: 992px) {
  .c-btn-photo__in {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.c-btn-photo__link {
  height: calc(100% + 1.5em) !important;
}
.c-btn-photo__images {
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  height: 125px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 3px 3px 0 #f4f4f4;
}
@media screen and (min-width: 992px) {
  .c-btn-photo__images {
    max-width: 100%;
    width: 100%;
    height: 210px;
  }
}
.c-btn-photo__images img {
  max-width: 100%;
  height: auto;
}
@media screen and (min-width: 992px) {
  .c-btn-photo__images img {
    max-width: none;
    height: 100%;
  }
}
.c-btn-photo__ttl {
  position: absolute;
  max-height: inherit;
  padding: 0;
  bottom: -1.5em;
  width: 92%;
  left: 4%;
  padding: 0.5em;
  border-radius: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  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;
  min-height: 4em;
  letter-spacing: 0.08em;
  line-height: 105%;
  background-color: #fff;
}
@media screen and (min-width: 992px) {
  .c-btn-photo__ttl {
    line-height: 130%;
  }
}
.c-btn-photo__ttl-main {
  font-size: 12px;
  font-size: 0.75rem;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  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;
}
@media screen and (min-width: 992px) {
  .c-btn-photo__ttl-main {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}
.c-btn-photo__ttl-sub {
  font-size: 12px;
  font-size: 0.75rem;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .c-btn-photo__ttl-sub {
    font-size: 14px;
    font-size: 0.875rem;
    background-size: 50px auto;
  }
}

/*snsbutton*/
.c-btn-x {
  width: 100%;
  max-width: 220px;
  padding: 10px;
  border-radius: 100px;
  position: relative;
  text-align: left;
  background: #000;
  margin-bottom: 1em;
  margin-top: 1em;
}
@media screen and (min-width: 992px) {
  .c-btn-x {
    padding: 10px 20px;
    max-width: 216px;
  }
}
.c-btn-x__in {
  display: inline-block;
  color: #ffffff;
  font-weight: bold;
  font-size: 14px;
  padding-left: 40px;
}
@media screen and (min-width: 992px) {
  .c-btn-x__in {
    font-size: 15px;
    padding-left: 22px;
  }
}
.c-btn-x__in:before {
  content: ' ';
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 4px;
  left: 10px;
  background: url(../images/icon/icon_x_white.svg) no-repeat center;
  background-size: 50% 50%;
}
@media screen and (min-width: 992px) {
  .c-btn-x__in:before {
    width: 30px;
    height: 30px;
  }
}

/* =========================================================
media - 画像関係のコンポーネント
========================================================= */
.c-responsive-img {
  display: inline-block;
  height: auto;
  max-width: 100%;
}
.c-responsive-img__link {
  width: 100%;
}

.c-circle-img {
  border-radius: 50%;
}

/*=============
高さに合わせてトリミング
==============*/
.c-square-img {
  display: block;
  overflow: hidden;
  width: 100%;
  /* トリミングしたい枠の幅 */
  height: 190px;
  /* トリミングしたい枠の高さ */
  position: relative;
}
.c-square-img__img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto;
  height: 100%;
}

/* =========================================================
ifream - ifream関連
========================================================= */
/*gmap===================*/
.c-gmap {
  margin: 0 auto;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
@media screen and (min-width: 992px) {
  .c-gmap {
    padding-top: 80%;
  }
}
.c-gmap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

/*ifream===================*/
.c-ifream {
  margin: 0 auto;
  position: relative;
  width: 100%;
  padding-top: 130%;
}
@media screen and (min-width: 992px) {
  .c-ifream {
    padding-top: 30.22%;
  }
}
.c-ifream iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

/* =========================================================
pankuzu - パンくず
========================================================= */
/*パンクズ＝＝＝＝＝＝＝＝＝＝＝*/
.c-pankuzu {
  z-index: 1;
  position: relative;
}
@media screen and (min-width: 992px) {
  .c-pankuzu {
    padding-bottom: 0.5em;
    padding-top: 0.5em;
  }
}
.c-pankuzu__in {
  padding: 8px 0;
  padding-left: 5px;
}
@media screen and (min-width: 992px) {
  .c-pankuzu__in {
    padding: 5px;
    padding-left: 10px;
  }
}
.c-pankuzu__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.c-pankuzu__item {
  margin-left: 5px;
  background: url(../images/icon/icon_right_thin_black.svg) no-repeat left center;
  background-size: 10px 10px;
  padding-left: 15px;
  background-size: 8px 8px;
  background-position: left top 3px;
  line-height: 100%;
  color: #000000;
  font-size: 11px;
  font-size: 0.6875rem;
}
@media screen and (min-width: 992px) {
  .c-pankuzu__item {
    font-size: 14px;
    font-size: 0.875rem;
    background-size: 9px 9px;
    background-position: left top 5px;
  }
}
.c-pankuzu__item:first-of-type {
  margin-left: 0;
  background-image: none;
  padding-left: 0;
  padding-right: 0;
}
.c-pankuzu__item:first-of-type .c-pankuzu__name {
  text-decoration: underline;
}
.c-pankuzu__item a {
  text-decoration: underline;
}
.c-pankuzu__item:last-child {
  flex: 1;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.c-pankuzu__name {
  color: #000000;
  font-size: 11px;
  font-size: 0.6875rem;
}
@media screen and (min-width: 992px) {
  .c-pankuzu__name {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

/* =========================================================
pagenation - ページ送り
========================================================= */
.c-pagenation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  margin-bottom: 1em;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.c-pagenation__item {
  margin-bottom: 0.4em;
}
.c-pagenation__item + .c-pagenation__item {
  margin-left: .5rem;
}
.c-pagenation__link {
  width: 35px;
  height: 35px;
  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;
  background: #ffffff;
  border: 1px solid #c9c9c9;
  box-shadow: 2px 2px 0 #dfdfdf;
  border-radius: 3px;
  color: #000;
  transition: .3s;
  font-size: 13px;
  font-size: 0.8125rem;
}
@media screen and (min-width: 992px) {
  .c-pagenation__link {
    width: 35px;
    height: 35px;
    font-size: 15px;
    font-size: 0.9375rem;
  }
}
.c-pagenation__link--active {
  background: #fbf4f4;
  color: #000;
  border: none;
  box-shadow: none;
}
.c-pagenation__text {
  font-size: 10px;
  font-size: 0.625rem;
}
@media screen and (min-width: 992px) {
  .c-pagenation__text {
    width: 40px;
    height: 30px;
    font-size: 12px;
    font-size: 0.75rem;
  }
}

/* =========================================================
form - フォーム関連
========================================================= */
/*form要素のcssリセット*/
input,
select {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
}

input[type="text"] {
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  display: inline-block;
}

button,
input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

/*物件問い合わせ　ヘッダー非表示
===============*/
.p-contact-bk {
  margin-top: 0;
}

.p-contact-bk .c-header,
.p-contact-bk .c-footer-nav {
  display: none;
}

/*問い合わせ　ステップ
===============*/
.c-form-stepbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  margin: 0 auto 0.5em;
  position: relative;
  text-align: center;
  overflow: hidden;
  border-radius: 5px;
}
@media screen and (min-width: 992px) {
  .c-form-stepbar {
    max-width: 500px;
    margin: 1.5em auto;
  }
}
.c-form-stepbar__item {
  position: relative;
  width: 33.333%;
  line-height: 1.3;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 0.4em 0;
}
.c-form-stepbar__item::after {
  position: absolute;
  content: "";
  top: 15px;
  right: -16px;
  width: 16px;
  height: 1px;
  background: #ccc;
  display: block;
}
@media screen and (min-width: 992px) {
  .c-form-stepbar__item::after {
    top: 15px;
    right: -30px;
    width: 40px;
  }
}
.c-form-stepbar__item:first-child {
  margin-left: 0;
}
.c-form-stepbar__item:last-child::before {
  content: none;
}
.c-form-stepbar__item:last-child::after {
  content: none;
}
.c-form-stepbar__icon {
  position: relative;
  display: inline-block;
  background: #ccc;
  border-radius: 100px;
  text-align: center;
  color: #fff;
  z-index: 5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  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;
  font-weight: 600;
  width: 20px;
  height: 20px;
  line-height: 100%;
  text-align: center;
  margin-right: 0.5em;
  margin-left: 12px;
}
@media screen and (min-width: 992px) {
  .c-form-stepbar__icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 26px;
    height: 26px;
    margin-right: 0.5em;
  }
}
.c-form-stepbar__icon-text {
  font-size: 8px;
  font-size: 0.5rem;
  display: block;
}
@media screen and (min-width: 992px) {
  .c-form-stepbar__icon-text {
    font-size: 16px;
    font-size: 1rem;
  }
}
.c-form-stepbar__icon-num {
  font-size: 12px;
  font-size: 0.75rem;
  display: block;
  line-height: 100%;
  margin-top: 1px;
  font-family: "Lexend Exa", serif;
}
@media screen and (min-width: 992px) {
  .c-form-stepbar__icon-num {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 130%;
    margin-top: 0px;
  }
}
.c-form-stepbar__text {
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  color: #ccc;
  font-weight: bold;
  font-weight: bold;
}
@media screen and (min-width: 992px) {
  .c-form-stepbar__text {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.c-form-stepbar__visited .c-form-stepbar__icon {
  background: #2A92DF;
}
.c-form-stepbar__visited .c-form-stepbar__icon-text {
  color: #fff;
}
.c-form-stepbar__visited .c-form-stepbar__icon-num {
  color: #fff;
}
.c-form-stepbar__visited .c-form-stepbar__text {
  color: #2A92DF;
}
.c-form-stepbar__visited::after {
  border-left-color: #EC424E;
}

/*問い合わせ　ステップ リボンバージョン
===============*/
.c-form-stepbar-ribon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  margin: 0 auto 0.5em;
  position: relative;
  text-align: center;
  overflow: hidden;
  border-radius: 5px;
  /*SP現在の位置のみ表示*/
}
@media screen and (min-width: 1200px) {
  .c-form-stepbar-ribon {
    max-width: 1200px;
    margin: 1.5em auto;
  }
}
@media screen and (min-width: 1200px) {
  .c-form-stepbar-ribon--col4 {
    max-width: 1200px;
    margin: 1.5em auto;
  }
}
@media screen and (min-width: 1200px) {
  .c-form-stepbar-ribon--col6 {
    max-width: 1200px;
    margin: 1.5em auto;
  }
}
.c-form-stepbar-ribon__item {
  position: relative;
  width: 33.333%;
  line-height: 1.3;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  background-color: #f7f7f7;
  padding: 0.4em 0;
}
@media screen and (min-width: 1200px) {
  .c-form-stepbar-ribon__item {
    padding: 0.5em 0;
  }
}
.c-form-stepbar-ribon__item::after {
  position: absolute;
  content: "";
  top: -17px;
  right: -14px;
  width: 0;
  height: 0;
  border-top: 30px solid transparent;
  border-right: 0;
  border-bottom: 30px solid transparent;
  border-left: 14px solid #f7f7f7;
  display: block;
}
@media screen and (min-width: 1200px) {
  .c-form-stepbar-ribon__item::after {
    top: -15px;
  }
}
.c-form-stepbar-ribon__item::before {
  position: absolute;
  content: "";
  top: -17px;
  right: -16px;
  width: 0;
  height: 0;
  border-top: 30px solid transparent;
  border-right: 0;
  border-bottom: 30px solid transparent;
  border-left: 14px solid #ffffff;
}
@media screen and (min-width: 1200px) {
  .c-form-stepbar-ribon__item::before {
    top: -14.5px;
  }
}
.c-form-stepbar-ribon__item:nth-child(1) {
  z-index: 6;
}
.c-form-stepbar-ribon__item:nth-child(2) {
  z-index: 5;
}
.c-form-stepbar-ribon__item:nth-child(3) {
  z-index: 4;
}
.c-form-stepbar-ribon__item:nth-child(4) {
  z-index: 3;
}
.c-form-stepbar-ribon__item:nth-child(5) {
  z-index: 2;
}
.c-form-stepbar-ribon__item:nth-child(6) {
  z-index: 1;
}
.c-form-stepbar-ribon__item:first-child {
  margin-left: 0;
}
.c-form-stepbar-ribon__item:last-child::before {
  content: none;
}
.c-form-stepbar-ribon__item:last-child::after {
  content: none;
}
.c-form-stepbar-ribon__item--col4 {
  display: none;
}
@media screen and (min-width: 1200px) {
  .c-form-stepbar-ribon__item--col4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    width: 25%;
  }
}
.c-form-stepbar-ribon__item--col4.c-form-stepbar-ribon__visited .c-form-stepbar__icon {
  width: 4em;
  margin-left: 0;
}
@media screen and (min-width: 1200px) {
  .c-form-stepbar-ribon__item--col4.c-form-stepbar-ribon__visited .c-form-stepbar__icon {
    width: 16px;
  }
}
.c-form-stepbar-ribon__item--col6 {
  display: none;
}
@media screen and (min-width: 1200px) {
  .c-form-stepbar-ribon__item--col6 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    width: 16.5%;
  }
}
.c-form-stepbar-ribon__item--col6.c-form-stepbar-ribon__visited .c-form-stepbar__icon {
  width: 4em;
  margin-left: 0;
}
@media screen and (min-width: 1200px) {
  .c-form-stepbar-ribon__item--col6.c-form-stepbar-ribon__visited .c-form-stepbar__icon {
    width: 16px;
  }
}
.c-form-stepbar-ribon__icon {
  position: relative;
  display: inline-block;
  background: #fff;
  border-radius: 100px;
  text-align: center;
  color: #ccc;
  z-index: 5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  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;
  font-weight: 600;
  padding: 0 0.5em;
  height: 15px;
  line-height: 100%;
  text-align: center;
  margin-right: 0.5em;
  margin-left: 12px;
}
@media screen and (min-width: 1200px) {
  .c-form-stepbar-ribon__icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 0;
    width: 18px;
    height: 16px;
    margin-right: 0.5em;
  }
}
.c-form-stepbar-ribon__icon-text {
  font-size: 8px;
  font-size: 0.5rem;
  display: block;
  font-family: "Lexend Exa", serif;
}
@media screen and (min-width: 1200px) {
  .c-form-stepbar-ribon__icon-text {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.c-form-stepbar-ribon__icon-num {
  font-size: 12px;
  font-size: 0.75rem;
  display: block;
  line-height: 100%;
  font-family: "Lexend Exa", serif;
}
@media screen and (min-width: 1200px) {
  .c-form-stepbar-ribon__icon-num {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 130%;
    margin-top: 0px;
  }
}
.c-form-stepbar-ribon__text {
  display: block;
  font-size: 12px;
  font-size: 0.75rem;
  color: #cccccc;
  font-weight: bold;
  font-weight: bold;
}
@media screen and (min-width: 1200px) {
  .c-form-stepbar-ribon__text {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 100%;
  }
}
.c-form-stepbar-ribon__visited {
  background-color: #2A92DF;
}
.c-form-stepbar-ribon__visited .c-form-stepbar__icon {
  background: #fff;
}
.c-form-stepbar-ribon__visited .c-form-stepbar-ribon__icon-text {
  color: #2A92DF;
}
.c-form-stepbar-ribon__visited .c-form-stepbar-ribon__icon-num {
  color: #2A92DF;
}
.c-form-stepbar-ribon__visited .c-form-stepbar-ribon__text {
  color: #fff;
}
.c-form-stepbar-ribon__visited::after {
  border-left-color: #2A92DF;
}
@media screen and (max-width: 1199px) {
  .c-form-stepbar-ribon__visited {
    display: none;
  }
}
@media screen and (max-width: 1199px) {
  .c-form-stepbar-ribon__visited-sp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
}

/*basic
===============*/
/*セレクトタグ*/
.c-form-select {
  display: inline-block;
  border: 1px solid #bdbdbd;
  padding: 5px;
  height: 41px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #ffffff;
  font-size: 13px;
  font-size: 0.8125rem;
}
@media screen and (min-width: 992px) {
  .c-form-select {
    font-size: 16px;
    font-size: 1rem;
    height: 42px;
  }
}
@media all and (-ms-high-contrast: none) {
  .c-form-select {
    background: #ffffff;
    padding-right: 8px;
  }
}
.c-form-select--sm {
  max-width: 78px !important;
  padding: 0;
}
@media screen and (min-width: 992px) {
  .c-form-select--sm {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.c-form-select--md {
  max-width: 100% !important;
  width: 9.5em !important;
}
@media screen and (min-width: 992px) {
  .c-form-select--md {
    width: 10em;
  }
}
@media screen and (max-width: 991px) {
  .c-form-select--xl {
    max-width: 60vw !important;
    width: 60vw !important;
    min-width: 21em;
  }
}
.c-form-select:required {
  background-color: #feffd5 !important;
}
.c-form-select:required:before {
  content: "";
  display: block;
  padding-top: 80px;
  margin-top: -80px;
}
@media screen and (min-width: 992px) {
  .c-form-select:required:before {
    padding-top: 120px;
    margin-top: -120px;
  }
}

/*input*/
.c-form-input,
input[type="text"].c-form-input,
input[type="number"].c-form-input,
input[type="password"].c-form-input,
input[type="email"].c-form-input,
input[type="tel"].c-form-input,
textarea.c-form-input,
input[type="date"].c-form-input {
  border: 1px solid #c3c3c3 !important;
  padding: 0.2em;
  background: #ffffff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 13px;
  font-size: 0.8125rem;
  width: 100%;
  max-width: 400px;
  display: block;
  min-height: 36px;
  line-height: 34px;
}
@media screen and (min-width: 992px) {
  .c-form-input,
  input[type="text"].c-form-input,
  input[type="number"].c-form-input,
  input[type="password"].c-form-input,
  input[type="email"].c-form-input,
  input[type="tel"].c-form-input,
  textarea.c-form-input,
  input[type="date"].c-form-input {
    min-width: 400px;
  }
}
.c-form-input::placeholder,
input[type="text"].c-form-input::placeholder,
input[type="number"].c-form-input::placeholder,
input[type="password"].c-form-input::placeholder,
input[type="email"].c-form-input::placeholder,
input[type="tel"].c-form-input::placeholder,
textarea.c-form-input::placeholder,
input[type="date"].c-form-input::placeholder {
  color: #9f9f9f;
}
.c-form-input:focus,
input[type="text"].c-form-input:focus,
input[type="number"].c-form-input:focus,
input[type="password"].c-form-input:focus,
input[type="email"].c-form-input:focus,
input[type="tel"].c-form-input:focus,
textarea.c-form-input:focus,
input[type="date"].c-form-input:focus {
  background: #ffe3e4;
}
.c-form-input:required,
input[type="text"].c-form-input:required,
input[type="number"].c-form-input:required,
input[type="password"].c-form-input:required,
input[type="email"].c-form-input:required,
input[type="tel"].c-form-input:required,
textarea.c-form-input:required,
input[type="date"].c-form-input:required {
  background-color: #feffd5 !important;
}
.c-form-input--search,
input[type="text"].c-form-input--search,
input[type="number"].c-form-input--search,
input[type="password"].c-form-input--search,
input[type="email"].c-form-input--search,
input[type="tel"].c-form-input--search,
textarea.c-form-input--search,
input[type="date"].c-form-input--search {
  width: 100%;
  display: block;
  background: url(../images/icon/icon_search_black.svg) no-repeat left center;
  background-size: 14px 14px;
  padding-left: 19px;
  background-position-y: center;
  background-position-x: 5px;
}
.c-form-input--sm,
input[type="text"].c-form-input--sm,
input[type="number"].c-form-input--sm,
input[type="password"].c-form-input--sm,
input[type="email"].c-form-input--sm,
input[type="tel"].c-form-input--sm,
textarea.c-form-input--sm,
input[type="date"].c-form-input--sm {
  min-width: inherit;
  width: inherit;
  max-width: 4em;
}
@media screen and (min-width: 992px) {
  .c-form-input--sm,
  input[type="text"].c-form-input--sm,
  input[type="number"].c-form-input--sm,
  input[type="password"].c-form-input--sm,
  input[type="email"].c-form-input--sm,
  input[type="tel"].c-form-input--sm,
  textarea.c-form-input--sm,
  input[type="date"].c-form-input--sm {
    min-width: inherit;
    max-width: 6em;
  }
}
.c-form-input--md,
input[type="text"].c-form-input--md,
input[type="number"].c-form-input--md,
input[type="password"].c-form-input--md,
input[type="email"].c-form-input--md,
input[type="tel"].c-form-input--md,
textarea.c-form-input--md,
input[type="date"].c-form-input--md {
  min-width: inherit;
  width: inherit;
  max-width: 9em;
}
@media screen and (min-width: 992px) {
  .c-form-input--md,
  input[type="text"].c-form-input--md,
  input[type="number"].c-form-input--md,
  input[type="password"].c-form-input--md,
  input[type="email"].c-form-input--md,
  input[type="tel"].c-form-input--md,
  textarea.c-form-input--md,
  input[type="date"].c-form-input--md {
    min-width: inherit;
    max-width: 9em;
  }
}

/*input date*/
input[type="date"].c-form-input {
  min-width: 7.5em;
  position: relative;
}

/*input text*/
input[type="text"].c-form-text {
  border: 1px solid #ccc;
  padding: 5px;
  background: #ffffff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

/*パスワード*/
@media screen and (min-width: 992px) {
  .c-form-password {
    max-width: 300px;
  }
}

/*ラジオボタン*/
.c-form-radio {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .c-form-radio {
    min-width: 100%;
    word-break: keep-all;
  }
}
.c-form-radio__list {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
}
@media screen and (min-width: 992px) {
  .c-form-radio__list {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    width: 100%;
  }
}
.c-form-radio__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.c-form-radio {
  display: block;
  margin-right: 1%;
  margin-bottom: 0.4%;
  cursor: pointer;
  text-align: left;
  position: relative;
  margin-bottom: 0.3em;
}
.c-form-radio__list {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (min-width: 992px) {
  .c-form-radio__list {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    width: 100%;
  }
}
.c-form-radio__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-right: 5px;
}
.c-form-radio__item--col1 {
  width: 100%;
}
.c-form-radio__item--col2 {
  width: 50%;
}
.c-form-radio__item--col3 {
  width: 33%;
}
.c-form-radio__item--sp-col2 {
  width: 49%;
  margin-right: 1%;
}
@media screen and (min-width: 992px) {
  .c-form-radio__item--sp-col2 {
    width: auto;
    min-width: 18%;
  }
}
.c-form-radio__input {
  position: absolute;
  top: 0;
  opacity: 0;
  appearance: auto;
  display: inherit;
}
.c-form-radio__input:checked {
  opacity: 0;
}
.c-form-radio__input:checked + .c-form-radio__label .c-form-radio__title {
  font-weight: bold;
}
.c-form-radio__input:checked + .c-form-radio__label .c-form-radio__title:after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 5px;
  width: 10px;
  height: 10px;
  border-radius: 50px;
  background: #fff;
  z-index: 100;
}
@media screen and (min-width: 992px) {
  .c-form-radio__input:checked + .c-form-radio__label .c-form-radio__title:after {
    top: 8px;
  }
}
.c-form-radio__input:checked + .c-form-radio__label .c-form-radio__title::before {
  background: #EC424E;
  border: none;
  width: 20px;
  height: 20px;
}
.c-form-radio__title {
  position: relative;
  font-size: 13px;
  font-size: 0.8125rem;
  padding: 0.2em 0.5em;
  display: inline-block;
  line-height: 130%;
  z-index: 51;
  font-weight: bold;
  padding-left: 32px;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  white-space: nowrap;
}
@media screen and (min-width: 992px) {
  .c-form-radio__title {
    padding: 0.4em 0.5em;
    padding-left: 27px;
    font-size: 15px;
    font-size: 0.9375rem;
    font-weight: normal;
    white-space: nowrap;
  }
}
.c-form-radio__title::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 50px;
  background: #ffffff;
  border: solid #e3e3e3 2px;
}
@media screen and (min-width: 992px) {
  .c-form-radio__title::before {
    top: 0.2em;
  }
}
.c-form-radio__link {
  color: #000;
  text-decoration: underline;
  z-index: 1;
  position: relative;
  top: -4px;
  left: 2px;
  width: 100%;
  display: block;
  min-width: 5em;
  padding: 0.5em 0.2em 0;
}
@media screen and (min-width: 992px) {
  .c-form-radio__link {
    padding: 0.2em;
  }
}
.c-form-radio__label {
  padding: 0.2em;
  width: 100%;
  display: inline-block;
  background: none;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  font-size: 13px;
  font-size: 0.8125rem;
  transition: .3s;
  cursor: pointer;
  border-radius: 3px;
  position: relative;
  z-index: 50;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
}

/*チェックボタン*/
.c-form-checkbox__list {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (min-width: 992px) {
  .c-form-checkbox__list {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    width: 100%;
  }
}
.c-form-checkbox__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.c-form-checkbox__item--col1 {
  width: 100%;
}
.c-form-checkbox__item--col2 {
  width: 50%;
}
.c-form-checkbox__item--col3 {
  width: 33%;
}
.c-form-checkbox__item--sp-col2 {
  width: 50%;
}
@media screen and (min-width: 992px) {
  .c-form-checkbox__item--sp-col2 {
    width: auto;
    min-width: 18%;
  }
}

.c-form-checkbox {
  display: block;
  margin-right: 1%;
  margin-bottom: 0.4%;
  cursor: pointer;
  text-align: left;
  position: relative;
  margin-bottom: 0.3em;
}
.c-form-checkbox__input {
  position: absolute;
  top: 0;
  opacity: 0;
  appearance: auto;
  display: inherit;
}
.c-form-checkbox__input:checked + .c-form-checkbox__label .c-form-checkbox__title {
  font-weight: bold;
}
.c-form-checkbox__input:checked + .c-form-checkbox__label .c-form-checkbox__title:after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 5px;
  width: 7px;
  height: 10px;
  transform: rotate(40deg);
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  z-index: 100;
}
@media screen and (min-width: 992px) {
  .c-form-checkbox__input:checked + .c-form-checkbox__label .c-form-checkbox__title:after {
    top: 8px;
  }
}
.c-form-checkbox__input:checked + .c-form-checkbox__label .c-form-checkbox__title::before {
  background: #EC424E;
  border: none;
  width: 19px;
  height: 19px;
  top: 3px;
}
@media screen and (min-width: 992px) {
  .c-form-checkbox__input:checked + .c-form-checkbox__label .c-form-checkbox__title::before {
    top: 7px;
  }
}
.c-form-checkbox__title {
  position: relative;
  font-size: 13px;
  font-size: 0.8125rem;
  padding: 0.2em 0.5em;
  display: inline-block;
  line-height: 130%;
  z-index: 51;
  font-weight: bold;
  white-space: nowrap;
  padding-left: 32px;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
@media screen and (min-width: 992px) {
  .c-form-checkbox__title {
    padding: 0.4em 0.5em;
    padding-left: 27px;
    font-size: 15px;
    font-size: 0.9375rem;
    font-weight: normal;
    white-space: nowrap;
  }
}
.c-form-checkbox__title::before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0;
  width: 15px;
  height: 15px;
  background: #ffffff;
  border: solid #e3e3e3 2px;
}
@media screen and (min-width: 992px) {
  .c-form-checkbox__title::before {
    top: 0.5em;
  }
}
.c-form-checkbox__link {
  color: #000;
  text-decoration: underline;
  z-index: 1;
  position: relative;
  top: -4px;
  left: 2px;
  width: 100%;
  display: block;
  min-width: 5em;
  padding: 0 0.2em 0;
}
.c-form-checkbox__label {
  padding: 0.2em;
  width: 100%;
  display: inline-block;
  background: none;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  font-size: 13px;
  font-size: 0.8125rem;
  transition: .3s;
  cursor: pointer;
  border-radius: 3px;
  position: relative;
  z-index: 50;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
}

/*テキストエリア*/
.c-form-textarea {
  max-width: 400px;
  width: 100%;
  height: 80px;
  display: block;
  font-family: sans-serif;
  border: 1px solid #c3c3c3;
  border-radius: 5px;
}
@media screen and (min-width: 992px) {
  .c-form-textarea {
    display: inline-block;
    height: 150px;
  }
}
.c-form-textarea:focus {
  background: #fffbef;
}
.c-form-textarea:required {
  background-color: #feffd5 !important;
}

.c-form-post {
  max-width: 400px;
}

.c-form-prefectures {
  max-width: 400px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

/*formの形*/
.c-form {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
}
.c-form--login {
  padding: 10px;
  background: #f5f5f5;
}
@media screen and (min-width: 992px) {
  .c-form--login {
    padding: 20px;
  }
}
.c-form-in {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
@media screen and (min-width: 992px) {
  .c-form-in {
    border-bottom: 1px solid #efefef;
    padding: 0.8em;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: start;
    -moz-align-items: start;
    align-items: start;
  }
}
.c-form-content__in {
  margin-bottom: 0.5em;
}
.c-form-content__in--row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (min-width: 992px) {
  .c-form-content__in--row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }
}
.c-form-content__group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.c-form-ttl {
  text-align: left;
  font-size: 13px;
  font-size: 0.8125rem;
  padding: 0.3em;
  width: 100%;
  background: #f3f3f3;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: 0.06em;
}
@media screen and (min-width: 992px) {
  .c-form-ttl {
    padding: 0.8em;
    background: none;
    width: 25%;
    font-size: 15px;
    font-size: 0.9375rem;
  }
}
@media screen and (min-width: 992px) {
  .c-form-ttl {
    width: 30%;
  }
}
.c-form-items {
  font-size: 12px;
  font-size: 0.75rem;
  display: block;
  text-align: left;
  line-height: 1.3;
  padding: 0.8em 0;
  text-align: left;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .c-form-items {
    font-size: 15px;
    font-size: 0.9375rem;
    width: 70%;
    margin: 0;
    display: inline-block;
  }
}
.c-form-agree {
  text-align: center;
}
@media screen and (min-width: 992px) {
  .c-form-agree {
    margin: 1em auto 0;
  }
}
.c-form-agree input {
  position: absolute;
  top: 0;
  opacity: 0;
  appearance: auto;
  display: inherit;
}
.c-form-agree .c-form-checkbox {
  display: inline-block;
  width: auto;
}
.c-form-agree .c-form-checkbox__parts {
  padding-right: 0px;
}
@media screen and (min-width: 992px) {
  .c-form-agree .c-form-checkbox__parts {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}
.c-form-agree .c-form-checkbox__parts a {
  text-decoration: underline;
  color: #EC424E;
}
@media screen and (max-width: 991px) {
  .c-form-agree .c-form-req::after {
    margin-top: -8px;
  }
}
@media screen and (min-width: 992px) {
  .c-form-agree .c-form-req::after {
    margin-top: -6px;
  }
}

/*error必須*/
.c-form-req {
  position: relative;
  padding-right: 50px;
  margin-top: 0px;
}
.c-form-req::after {
  content: "必須";
  background: #EC424E;
  color: #ffffff;
  font-size: 10px;
  font-size: 0.625rem;
  position: absolute;
  padding: 1px;
  top: 4px;
  right: 5px;
  border-radius: 3px;
}
@media screen and (min-width: 992px) {
  .c-form-req::after {
    right: 10px;
    top: 20px;
    padding: 4px;
    font-size: 12px;
    font-size: 0.75rem;
  }
}
.c-form-req--en::after {
  content: "Required" !important;
}
.c-form-req--cn::after {
  content: "必需" !important;
}

/*error表示*/
.c-form-error {
  margin-bottom: 10px;
  text-align: left;
  background-color: #fbf4f4;
  padding: 1em;
}
@media screen and (min-width: 992px) {
  .c-form-error {
    text-align: center;
    padding: 2em;
  }
}
.c-form-error__in {
  color: #EC424E;
  font-weight: bold;
  font-size: 12px;
  font-size: 0.75rem;
}
@media screen and (min-width: 992px) {
  .c-form-error__in {
    font-size: 16px;
    font-size: 1rem;
  }
}

/*ボタンの並び*/
.c-form-btnarea {
  text-align: center;
  margin: 1em 0;
}
@media screen and (min-width: 992px) {
  .c-form-btnarea {
    margin: 2em 0;
  }
}
.c-form-btnarea .c-basic-btn {
  display: inline-block;
  max-width: 300px;
  margin: 5px auto;
}
@media screen and (min-width: 992px) {
  .c-form-btnarea .c-basic-btn {
    margin: 5px;
  }
}
.c-form-btnarea--reverse {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: reverse;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column-reverse;
  -moz-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
@media screen and (min-width: 992px) {
  .c-form-btnarea--reverse {
    display: block;
  }
}

/*ボタンの並びキャプション*/
.c-form-caption {
  margin: 0.2em;
  font-size: 12px;
  font-size: 0.75rem;
}
@media screen and (min-width: 992px) {
  .c-form-caption {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.c-form-caption--more {
  margin: 0.8em 0 0.4em;
  background: #e3f4fa;
  display: inline-block;
  padding: 0.2em 0.5em;
  border-radius: 2px;
  margin-right: 0.2em;
  font-size: 12px;
  font-size: 0.75rem;
  display: inline-block;
}
@media screen and (min-width: 992px) {
  .c-form-caption--more {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.c-form-unit {
  margin: 0 0.4em;
  white-space: nowrap;
}

/*確認画面
=======================*/
@media screen and (min-width: 992px) {
  .c-form.confirmation .c-form-ttl,
  .c-form.confirmation .c-form-content,
  .c-form.confirmation .c-form-items {
    padding: 10px 0;
  }
}

/*大きいエラー表示　通常表示
=======================*/
/*error*/
.c-form-box--error {
  margin: 15px auto;
  padding: 20px;
  background: #f3e8e8;
}
.c-form-box--error p {
  text-align: center;
  color: #ce555a;
  font-weight: bold;
}
.c-form-box--error__title {
  text-align: center;
  background: url(../images/icon/icon_exclamation_main.svg) no-repeat left center;
  background-size: 20px 20px;
  padding-left: 25px;
  display: inline-block;
}

/*問い合わせする物件表示*/
.c-form-room-block__list {
  border: solid #c1c1c1 1px;
  border-radius: 5px;
  box-shadow: 3px 3px 0 #f4f4f4;
  overflow: hidden;
}
.c-form-room-block__item {
  border-bottom: solid #ebebeb 1px;
  position: relative;
  position: relative;
  overflow: hidden;
}
.c-form-room-block__item a:not(.in-link) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
  z-index: 5;
}
.c-form-room-block__item a.in-link {
  position: relative;
  z-index: 5;
}
.c-form-room-block__item:last-child {
  border-bottom: none;
}
.c-form-room-block__link {
  left: 20px;
}
.c-form-room-block__ttl {
  border-bottom: solid #ddd 1px;
  padding: 0.5em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (min-width: 992px) {
  .c-form-room-block__ttl {
    padding: 0.5em;
    padding-right: 65px;
  }
}
.c-form-room-block__name {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
@media screen and (min-width: 992px) {
  .c-form-room-block__name {
    font-size: 16px;
    font-size: 1rem;
  }
}
.c-form-room-block__id {
  font-size: 10px;
  font-size: 0.625rem;
  margin-left: 0.5em;
}
@media screen and (min-width: 992px) {
  .c-form-room-block__id {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.c-form-room-block__in {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 0.5em;
  position: relative;
}
@media screen and (min-width: 992px) {
  .c-form-room-block__in {
    padding: 0.8em;
  }
}
.c-form-room-block__check {
  width: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  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;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 10;
  background-color: #f9f2f2;
}
.c-form-room-block__check .p-search-checkbox {
  width: 20px;
}
.c-form-room-block__check .p-search-checkbox__input {
  width: 20px;
  height: 20px;
  min-width: 20px;
  margin: 0;
  opacity: 0;
}
.c-form-room-block__check .p-search-checkbox__label {
  width: 20px;
  height: 20px;
}
.c-form-room-block__check .p-search-checkbox__title {
  padding: 0;
  top: 0;
  left: 0;
  position: absolute;
  width: 20px;
  height: 20px;
}
.c-form-room-block__photo {
  width: 25%;
  padding-right: 0.5em;
  z-index: 1;
  position: relative;
}
.c-form-room-block__photo__in {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  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;
  height: 100%;
}
@media screen and (min-width: 992px) {
  .c-form-room-block__photo {
    width: 20%;
  }
}
.c-form-room-block__caption {
  margin-top: 0.5em;
  font-size: 12px;
  font-size: 0.75rem;
}
@media screen and (min-width: 992px) {
  .c-form-room-block__caption {
    font-size: 14px;
    font-size: 0.875rem;
    padding-left: 1em;
  }
}
.c-form-room-block__point {
  margin-top: 0.5em;
}
@media screen and (min-width: 992px) {
  .c-form-room-block__point {
    padding-left: 1em;
  }
}
.c-form-room-block__point-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.c-form-room-block__point-item {
  padding: 0.2em;
  line-height: 1.1em;
  background: #fff860;
  color: #2d2d2d;
  margin-right: 0.2em;
  font-size: 11px;
  font-size: 0.6875rem;
  margin-bottom: 0.2em;
}
@media screen and (min-width: 992px) {
  .c-form-room-block__point-item {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.c-form-room-block__favorite {
  position: absolute;
  left: calc(41% - 26px);
  top: 0.2em;
  z-index: 99;
}
@media screen and (min-width: 992px) {
  .c-form-room-block__favorite {
    left: calc(25% - 17px);
  }
}
.c-form-room-block__floor {
  width: 3em;
  text-align: center;
  border-left: 1px dotted #c2c2c2;
  border-right: 1px dotted #c2c2c2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  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;
  font-size: 10px;
  font-size: 0.625rem;
}
@media screen and (min-width: 992px) {
  .c-form-room-block__floor {
    font-size: 16px;
    font-size: 1rem;
  }
}
.c-form-room-block__new {
  background: #EC424E;
  color: #fff;
  padding: 0 0.5em;
  line-height: 1.2em;
  width: 3em;
  margin-bottom: 0.4em;
  font-size: 10px;
  font-size: 0.625rem;
}
@media screen and (min-width: 992px) {
  .c-form-room-block__new {
    font-size: 12px;
    font-size: 0.75rem;
    margin-bottom: 0.6em;
  }
}
.c-form-room-block__info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 12px;
  font-size: 0.75rem;
  padding: 0.5em;
  width: calc(75% - 3em);
}
@media screen and (min-width: 992px) {
  .c-form-room-block__info {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}
.c-form-room-block__info__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  line-height: 1.5em;
  position: relative;
  vertical-align: bottom;
}
@media screen and (min-width: 992px) {
  .c-form-room-block__info__item {
    padding-left: 1em;
  }
}
@media screen and (max-width: 991px) {
  .c-form-room-block__info__item:last-child {
    display: none;
  }
}
.c-form-room-block__price {
  margin-right: 0.4em;
  color: #EC424E;
  margin-bottom: 0.5em;
  vertical-align: bottom;
}
.c-form-room-block__price-num {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
}
@media screen and (min-width: 992px) {
  .c-form-room-block__price-num {
    font-size: 28px;
    font-size: 1.75rem;
    margin-bottom: 0.1em;
    margin-top: 0.1em;
  }
}
.c-form-room-block__service {
  margin-bottom: 0.5em;
  display: inline-block;
}
.c-form-room-block__deposit {
  margin-right: 0.3em;
  display: inline-block;
}
.c-form-room-block__deposit:before {
  content: "敷";
  height: 1.5em;
  width: 1.5em;
  text-align: center;
  line-height: 1.5em;
  background: #e5e5e5;
  display: inline-block;
  margin-right: 0.2em;
}
@media screen and (min-width: 992px) {
  .c-form-room-block__deposit:before {
    margin-right: 0.2em;
  }
}
.c-form-room-block__key {
  margin-right: 0.3em;
  display: inline-block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.c-form-room-block__key:before {
  content: "礼";
  height: 1.5em;
  width: 1.5em;
  text-align: center;
  line-height: 1.5em;
  background: #e5e5e5;
  display: inline-block;
  margin-right: 0.2em;
}
@media screen and (min-width: 992px) {
  .c-form-room-block__key:before {
    margin-right: 0.2em;
  }
}
.c-form-room-block__madori {
  margin-right: 0.5em;
  display: inline-block;
}
.c-form-room-block__madori:before {
  content: "/";
  display: inline-block;
  margin-right: 0.4em;
}
.c-form-room-block__size {
  margin-right: 0.5em;
  display: inline-block;
}
.c-form-room-block__size:before {
  content: "/";
  display: inline-block;
  margin-right: 0.4em;
}

/*フォームLP形式 (汎用性のあるLP)

=======================*/
.c-form-lp-ttl {
  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;
}
.c-form-lp-ttl--pink {
  background-color: #e76297;
}
.c-form-lp-ttl--green {
  background-color: #3aac8a;
}
.c-form-lp-batch {
  position: absolute;
  height: 45px;
  width: 45px;
  border-radius: 100px;
  color: #fff;
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: bold;
  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;
  position: absolute;
  left: -15px;
  top: -15px;
  padding: 5px;
  letter-spacing: -0.05em;
}
@media screen and (min-width: 992px) {
  .c-form-lp-batch {
    height: 50px;
    width: 50px;
    font-size: 12px;
    font-size: 0.75rem;
    left: -15px;
    top: -15px;
  }
}
.c-form-lp-batch--green {
  background-color: #3aac8a;
}
.c-form-lp-btn {
  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;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  max-width: 100%;
  min-width: 100%;
  width: 100%;
  padding: 2em 1em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  background: url(../images/icon/icon_right_black.svg) no-repeat right center;
  background-size: 15px 15px;
  padding-right: 20px;
  background-position: center right 5%;
  border: solid #666 4px;
  background-color: #fff;
  text-align: center;
  text-decoration: none !important;
  transition: .3s;
  transition: .3s;
  cursor: pointer;
  background-color: #fff;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.125rem;
  position: relative;
}
.c-form-lp-btn:hover {
  opacity: .7;
}
.c-form-lp-btn a:not(.in-link) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
  z-index: 5;
}
.c-form-lp-btn a.in-link {
  position: relative;
  z-index: 5;
}
@media screen and (min-width: 992px) {
  .c-form-lp-btn {
    padding: 2em 1em;
    background-size: 20px auto;
    font-size: 24px;
    font-size: 1.5rem;
  }
}
.c-form-lp-btn--green {
  border-color: #3aac8a;
}
.c-form-lp-btn__unit {
  margin-top: 0.5em;
  font-size: 16px;
  font-size: 1rem;
}
@media screen and (min-width: 992px) {
  .c-form-lp-btn__unit {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.c-form-lp-btn__unit--green {
  color: #3aac8a;
}
.c-form-lp-btn__icon {
  position: absolute;
  left: 30px;
  top: calc(50% - 20px);
  height: 30px;
  width: 40px;
}

/* =========================================================
table.scss - 表
========================================================= */
.c-basic-table {
  background: #F9F9F9;
  border: 2px solid #f1f1f1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-radius: 5px;
  overflow: hidden;
}
.c-basic-table-dt, .c-basic-table-dd {
  padding: 0.8em;
  letter-spacing: 1px;
  line-height: 1.8;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .c-basic-table-dt, .c-basic-table-dd {
    padding: 0.8em;
  }
}
.c-basic-table-dt {
  color: #000000;
  background: #f8f8f8;
}
@media screen and (min-width: 992px) {
  .c-basic-table-dt {
    width: 30%;
    border-top: 1px solid #E5E5E5;
  }
  .c-basic-table-dt:first-of-type {
    border-top: none;
  }
}
.c-basic-table-dd {
  background: #ffffff;
}
@media screen and (min-width: 992px) {
  .c-basic-table-dd {
    width: 70%;
    border-top: 1px solid #E5E5E5;
  }
  .c-basic-table-dd:first-of-type {
    border-top: none;
  }
}

/* =========================================================
list - リストのオブジェクト
========================================================= */
/* ====================
	■シンプルなリスト
	=====================*/
.p-basic-list {
  display: inline-block;
  text-align: left;
}
.p-basic-list__item {
  display: block;
  text-indent: -1.3rem;
  padding-left: 1rem;
  margin-bottom: 5px;
}
.p-basic-list__item:before {
  content: "・";
  color: #EC424E;
}

/* ====================
	■番号付きなリスト
	=====================*/
.p-ol-list {
  display: block;
  text-align: left;
}
.p-ol-list__item {
  display: block;
  position: relative;
  padding-left: 1.5rem;
  margin-bottom: 5px;
}
.p-ol-list__item > .p-ol-list--sub {
  padding-left: 0;
}

.p-ol-list__item:nth-child(1):before {
  content: "1.";
  color: #333333;
  position: absolute;
  top: 0;
  left: 0;
}

.p-ol-list__item:nth-child(2):before {
  content: "2.";
  color: #333333;
  position: absolute;
  top: 0;
  left: 0;
}

.p-ol-list__item:nth-child(3):before {
  content: "3.";
  color: #333333;
  position: absolute;
  top: 0;
  left: 0;
}

.p-ol-list__item:nth-child(4):before {
  content: "4.";
  color: #333333;
  position: absolute;
  top: 0;
  left: 0;
}

.p-ol-list__item:nth-child(5):before {
  content: "5.";
  color: #333333;
  position: absolute;
  top: 0;
  left: 0;
}

.p-ol-list__item:nth-child(6):before {
  content: "6.";
  color: #333333;
  position: absolute;
  top: 0;
  left: 0;
}

.p-ol-list__item:nth-child(7):before {
  content: "7.";
  color: #333333;
  position: absolute;
  top: 0;
  left: 0;
}

.p-ol-list__item:nth-child(8):before {
  content: "8.";
  color: #333333;
  position: absolute;
  top: 0;
  left: 0;
}

.p-ol-list__item:nth-child(9):before {
  content: "9.";
  color: #333333;
  position: absolute;
  top: 0;
  left: 0;
}

/* in==================*/
.p-ol-list--sub {
  display: block;
  text-align: left;
  padding: 10px 0 0 10px;
  margin-left: -14px;
}
.p-ol-list--sub__item {
  display: block;
  position: relative;
  padding-left: 3rem;
  margin-bottom: 5px;
}

.p-ol-list--sub__item:nth-child(1):before {
  content: "【1】";
  color: #EC424E;
  position: absolute;
  top: 0;
  left: 0;
  width: 3rem;
  text-align: center;
}

.p-ol-list--sub__item:nth-child(2):before {
  content: "【2】";
  color: #EC424E;
  position: absolute;
  top: 0;
  left: 0;
  width: 3rem;
  text-align: center;
}

.p-ol-list--sub__item:nth-child(3):before {
  content: "【3】";
  color: #EC424E;
  position: absolute;
  top: 0;
  left: 0;
  width: 3rem;
  text-align: center;
}

.p-ol-list--sub__item:nth-child(4):before {
  content: "【4】";
  color: #EC424E;
  position: absolute;
  top: 0;
  left: 0;
  width: 3rem;
  text-align: center;
}

.p-ol-list--sub__item:nth-child(5):before {
  content: "【5】";
  color: #EC424E;
  position: absolute;
  top: 0;
  left: 0;
  width: 3rem;
  text-align: center;
}

.p-ol-list--sub__item:nth-child(6):before {
  content: "【6】";
  color: #EC424E;
  position: absolute;
  top: 0;
  left: 0;
  width: 3rem;
  text-align: center;
}

.p-ol-list--sub__item:nth-child(7):before {
  content: "【7】";
  color: #EC424E;
  position: absolute;
  top: 0;
  left: 0;
  width: 3rem;
  text-align: center;
}

.p-ol-list--sub__item:nth-child(8):before {
  content: "【8】";
  color: #EC424E;
  position: absolute;
  top: 0;
  left: 0;
  width: 3rem;
  text-align: center;
}

.p-ol-list--sub__item:nth-child(9):before {
  content: "【9】";
  color: #EC424E;
  position: absolute;
  top: 0;
  left: 0;
  width: 3rem;
  text-align: center;
}

.p-ol-list--sub__item:nth-child(10):before {
  content: "【10】";
  color: #EC424E;
  position: absolute;
  top: 0;
  left: 0;
  width: 3rem;
  text-align: center;
}

.p-ol-list--sub__item:nth-child(11):before {
  content: "【11】";
  color: #EC424E;
  position: absolute;
  top: 0;
  left: 0;
  width: 3rem;
  text-align: center;
}

.p-ol-list--sub__item:nth-child(12):before {
  content: "【12】";
  color: #EC424E;
  position: absolute;
  top: 0;
  left: 0;
  width: 3rem;
  text-align: center;
}

.p-ol-list--sub__item:nth-child(13):before {
  content: "【13】";
  color: #EC424E;
  position: absolute;
  top: 0;
  left: 0;
  width: 3rem;
  text-align: center;
}

.p-ol-list--sub__item:nth-child(14):before {
  content: "【14】";
  color: #EC424E;
  position: absolute;
  top: 0;
  left: 0;
  width: 3rem;
  text-align: center;
}

.p-ol-list--sub__item:nth-child(15):before {
  content: "【15】";
  color: #EC424E;
  position: absolute;
  top: 0;
  left: 0;
  width: 3rem;
  text-align: center;
}

.p-ol-list--sub__item:nth-child(16):before {
  content: "【16】";
  color: #EC424E;
  position: absolute;
  top: 0;
  left: 0;
  width: 3rem;
  text-align: center;
}

.p-ol-list--sub__item:nth-child(17):before {
  content: "【17】";
  color: #EC424E;
  position: absolute;
  top: 0;
  left: 0;
  width: 3rem;
  text-align: center;
}

.p-ol-list--sub__item:nth-child(18):before {
  content: "【18】";
  color: #EC424E;
  position: absolute;
  top: 0;
  left: 0;
  width: 3rem;
  text-align: center;
}

.p-ol-list--sub__item:nth-child(19):before {
  content: "【19】";
  color: #EC424E;
  position: absolute;
  top: 0;
  left: 0;
  width: 3rem;
  text-align: center;
}

.p-ol-list--sub__item:nth-child(20):before {
  content: "【20】";
  color: #EC424E;
  position: absolute;
  top: 0;
  left: 0;
  width: 3rem;
  text-align: center;
}

/* ====================
	■下線
	=====================*/
.p-line-list__item {
  border-top: 1px solid #cccccc;
  padding: 15px 10px;
}
.p-line-list__item:first-of-type {
  border-top: none;
}

/* =========================================================
box - ボックス
========================================================= */
/*ベースボタンボックス＝＝＝＝*/
.c-basic-box--white {
  padding: 0.8em;
  background: #fff;
  margin-bottom: 1em;
}
@media screen and (min-width: 992px) {
  .c-basic-box--white {
    padding: 0.8em;
  }
}
.c-basic-box--gray {
  padding: 0.8em;
  background: #fafafa;
  margin-bottom: 1em;
}
@media screen and (min-width: 992px) {
  .c-basic-box--gray {
    padding: 0.8em;
  }
}
.c-basic-box--lightpink {
  padding: 0.8em;
  background: #fbf4f4;
  margin-bottom: 1em;
}
@media screen and (min-width: 992px) {
  .c-basic-box--lightpink {
    padding: 0.8em;
  }
}
.c-basic-box--line-red {
  padding: 0.8em;
  text-align: center;
  border: solid #d52d2d 2px;
  border-radius: 5px;
}
@media screen and (min-width: 992px) {
  .c-basic-box--line-red {
    padding: 0.8em;
  }
}
.c-basic-box--line-gray {
  padding: 0.8em;
  border: solid #efefef 2px;
  border-radius: 5px;
}
@media screen and (min-width: 992px) {
  .c-basic-box--line-gray {
    padding: 0.8em;
  }
}
.c-basic-box--search-line {
  padding: 0;
}
@media screen and (min-width: 992px) {
  .c-basic-box--search-line {
    border: solid #efefef 2px;
    border-radius: 1em;
    background: #fff;
    padding: 1em;
  }
}
.c-basic-box--search {
  padding: 0;
}
@media screen and (min-width: 992px) {
  .c-basic-box--search {
    border-radius: 1em;
    background: #fff;
    padding: 1em;
  }
}
.c-basic-box--search-bg-gray {
  padding: 0em;
}
@media screen and (min-width: 992px) {
  .c-basic-box--search-bg-gray {
    border-radius: 1em;
    background: #eaeaea;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.04) 10px 10px 13px;
  }
}
.c-basic-box--search-bg-gray .p-arrivals-search__list {
  background: #fff;
  padding: 0.5em;
}
@media screen and (min-width: 992px) {
  .c-basic-box--search-bg-gray .p-arrivals-search__list {
    padding: 1em;
  }
}
@media screen and (min-width: 992px) {
  .c-basic-box--search-bg-gray .p-search-checkbox {
    min-width: 48%;
  }
}

/*サムネイル付きボックス　題材あり*/
@media screen and (min-width: 992px) {
  .c-box-subject__list--pc-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.c-box-subject__item {
  padding: 0.6em 0;
  border-bottom: 2px solid #f4f4f4;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.c-box-subject__item a:not(.in-link) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
  z-index: 5;
}
.c-box-subject__item a.in-link {
  position: relative;
  z-index: 5;
}
@media screen and (min-width: 992px) {
  .c-box-subject__item {
    padding: 0.6em 0;
    border-bottom: 2px solid #f4f4f4;
  }
}
@media screen and (min-width: 992px) {
  .c-box-subject__item--pc-col3 {
    width: 31%;
    margin-right: 2%;
  }
}
@media screen and (min-width: 992px) {
  .c-box-subject__item--pc-col3:nth-of-type(3) {
    margin-right: 0;
  }
}
.c-box-subject__thumnail {
  width: 23%;
  margin-right: 0.5em;
  max-width: 100px;
  border-radius: 4px;
  overflow: hidden;
}
@media screen and (min-width: 992px) {
  .c-box-subject__thumnail {
    height: 85px;
    width: 85px;
  }
}
.c-box-subject__contents {
  width: 78%;
}
@media screen and (min-width: 992px) {
  .c-box-subject__contents {
    width: calc(100% - 85px);
  }
}
.c-box-subject__ttl {
  margin-bottom: 0.4em;
  font-weight: bold;
  font-size: 13px;
  font-size: 0.8125rem;
}
@media screen and (min-width: 992px) {
  .c-box-subject__ttl {
    margin-bottom: 0.2em;
    font-size: 15px;
    font-size: 0.9375rem;
  }
}
.c-box-subject__text {
  font-size: 12px;
  font-size: 0.75rem;
}
@media screen and (min-width: 992px) {
  .c-box-subject__text {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.c-box-section {
  padding: 0.8em;
  border-radius: 0.5em;
}
@media screen and (min-width: 992px) {
  .c-box-section {
    padding: 1.5em;
    border-radius: 1em;
  }
}
.c-box-section--white {
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.08) 6px 6px 10px;
  margin-bottom: 1em;
}
.c-box-section--gray {
  padding: 0.8em;
  background: #fafafa;
  margin-bottom: 1em;
}
@media screen and (min-width: 992px) {
  .c-box-section--gray {
    padding: 0.8em;
  }
}

/* =========================================================
shop
========================================================= */
.c-shop-top-box__in {
  position: relative;
}
.c-shop-top-box__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (min-width: 992px) {
  .c-shop-top-box__list {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
@media screen and (min-width: 992px) {
  .c-shop-top-box__list--detail {
    border-top: none;
  }
}
@media screen and (min-width: 992px) {
  .c-shop-top-box__list--telbox {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    border-top: none;
    border-left: none;
    flex-direction: row !important;
  }
}
@media screen and (max-width: 991px) {
  .c-shop-top-box__list .l-containe {
    padding: 0;
  }
}
@media screen and (min-width: 992px) {
  .c-shop-top-box__list--col1 {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.c-shop-top-box__item {
  background: #fff;
  border-radius: 6px;
  padding: 1.5em;
  margin-bottom: 2em;
  position: relative;
  font-weight: 500;
}
@media screen and (min-width: 992px) {
  .c-shop-top-box__item {
    width: 50%;
  }
}
@media screen and (min-width: 1200px) {
  .c-shop-top-box__item {
    width: 31.8%;
    margin-right: 2.2%;
  }
}
@media screen and (min-width: 992px) {
  .c-shop-top-box__item:last-child {
    margin-right: 0;
  }
}
.c-shop-top-box__item:after {
  height: 8px;
  width: 4em;
  background: #EC424E;
  display: inline-block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 0.5em 0 0 0;
}
.c-shop-top-box__item--blue:after {
  background-color: #2A92DF;
}
.c-shop-top-box__item--green:after {
  background-color: #2CC48B;
}
.c-shop-top-box__item--orange:after {
  background-color: #FFB914;
}
.c-shop-top-box__item--telbox {
  border-bottom: none;
  background: #f5f5f5;
  margin-bottom: 1em;
  padding: 0.5em;
  border-radius: 10px;
}
.c-shop-top-box__item--telbox .c-shop-box__table-th {
  background-color: #fff;
}
@media screen and (min-width: 992px) {
  .c-shop-top-box__item--telbox {
    border-right: none;
    border-bottom: none;
    width: 49%;
    margin-right: 1%;
    margin-bottom: 1%;
  }
}
.c-shop-top-box__ttl {
  font-weight: bold;
  margin-bottom: 0.5em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.c-shop-top-box__ttl-jp {
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 0.2em;
}
@media screen and (min-width: 992px) {
  .c-shop-top-box__ttl-jp {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.c-shop-top-box__ttl-en {
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.2em;
  font-family: "Lexend Exa", serif;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .c-shop-top-box__ttl-en {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
.c-shop-top-box__ttl-en--blue {
  color: #2A92DF;
}
.c-shop-top-box__ttl-en--green {
  color: #2CC48B;
}
.c-shop-top-box__ttl-en--orange {
  color: #FFB914;
}
.c-shop-top-box__subttl {
  font-size: 11px;
  font-size: 0.6875rem;
  background: #fff;
  padding: 0.2em 0.5em 0.1em;
  border-radius: 5px;
}
@media screen and (min-width: 992px) {
  .c-shop-top-box__subttl {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
.c-shop-top-box-sns__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.c-shop-top-box-sns__item {
  position: relative;
  height: 36px;
  width: 36px;
  margin-left: 0.3em;
  border-radius: 100px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60% auto;
}
.c-shop-top-box-sns__item a:not(.in-link) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
  z-index: 5;
}
.c-shop-top-box-sns__item a.in-link {
  position: relative;
  z-index: 5;
}
@media screen and (min-width: 992px) {
  .c-shop-top-box-sns__item {
    height: 30px;
    width: 30px;
  }
}
.c-shop-top-box-sns__item--twitter {
  background-color: #000000;
  background-image: url(../images/icon/icon_x_white.svg);
  background-size: 50% auto;
}
.c-shop-top-box-sns__item--instagram {
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%);
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%);
  position: relative;
}
.c-shop-top-box-sns__item--instagram:before {
  height: 36px;
  width: 36px;
  position: absolute;
  background-image: url(../images/icon/icon_instagram_white.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60% auto;
  content: "";
  display: block;
}
@media screen and (min-width: 992px) {
  .c-shop-top-box-sns__item--instagram:before {
    height: 30px;
    width: 30px;
  }
}
.c-shop-top-box-sns__item--youtube {
  background-color: #EC424E;
  background-image: url(../images/icon/icon_youtube_white.svg);
}
.c-shop-top-box-sns__item--facebook {
  background-color: #3b5998;
  background-image: url(../images/icon/icon_facebook_white.svg);
  background-size: 28% auto;
}
.c-shop-top-box__messeage {
  margin-bottom: 0.7em;
  font-size: 12px;
  font-size: 0.75rem;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .c-shop-top-box__messeage {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.c-shop-top-box__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.c-shop-top-box__tel {
  width: 100%;
  margin: 0 auto;
  margin-bottom: 1em;
}
.c-shop-top-box__tel-btn {
  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;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  height: 30px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  text-align: center;
  text-decoration: none !important;
  transition: .3s;
  transition: .3s;
  cursor: pointer;
  font-size: 26px;
  font-size: 1.625rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  font-weight: bold;
  font-family: "Lexend Exa", serif;
  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;
}
.c-shop-top-box__tel-btn:hover {
  opacity: .7;
}
@media screen and (min-width: 992px) {
  .c-shop-top-box__tel-btn {
    font-size: 26px;
    font-size: 1.625rem;
    height: 30px;
  }
}
.c-shop-top-box__tel-btn:before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-image: url(../images/icon/icon_tel_red.svg);
  background-position: center center;
  background-image: cover;
  background-repeat: no-repeat;
  margin-right: 0.2em;
}
.c-shop-top-box__tel-btn--blue {
  color: #2A92DF;
}
.c-shop-top-box__tel-btn--blue:before {
  background-image: url(../images/icon/icon_tel_blue.svg);
}
.c-shop-top-box__tel-btn--green {
  color: #2CC48B;
}
.c-shop-top-box__tel-btn--green:before {
  background-image: url(../images/icon/icon_tel_green.svg);
}
.c-shop-top-box__tel-btn--orange {
  color: #FFB914;
}
.c-shop-top-box__tel-btn--orange:before {
  background-image: url(../images/icon/icon_tel_orange.svg);
}
.c-shop-top-box__more {
  width: 49%;
  margin-bottom: 1em;
  margin-right: 1%;
}
.c-shop-top-box__more-btn {
  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;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  height: 30px;
  background: url(../images/icon/icon_right_cycle_white.svg) no-repeat right center;
  background-size: 1em 1em;
  padding-right: 6em;
  padding-right: 0.5em;
  background-position: center right 6px;
  background-color: #f1f1f1;
  text-align: center;
  text-decoration: none !important;
  transition: .3s;
  transition: .3s;
  cursor: pointer;
  color: #000;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600;
}
.c-shop-top-box__more-btn:hover {
  opacity: .7;
}
@media screen and (min-width: 992px) {
  .c-shop-top-box__more-btn {
    font-size: 14px;
    font-size: 0.875rem;
    height: 38px;
  }
}
.c-shop-top-box__more-btn--blue {
  background-color: #2A92DF;
  color: #fff;
}
.c-shop-top-box__more-btn--green {
  background-color: #2CC48B;
  color: #fff;
}
.c-shop-top-box__more-btn--orange {
  background-color: #FFB914;
  color: #fff;
}
.c-shop-top-box__reserve {
  width: 49%;
  margin-bottom: 1em;
}
.c-shop-top-box__reserve-btn {
  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;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  height: 30px;
  background: url(../images/icon/icon_right_cycle_white.svg) no-repeat right center;
  background-size: 1em 1em;
  padding-right: 6em;
  padding-right: 0.5em;
  background-position: center right 6px;
  background-color: #f1f1f1;
  text-align: center;
  text-decoration: none !important;
  transition: .3s;
  transition: .3s;
  cursor: pointer;
  color: #000;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600;
}
.c-shop-top-box__reserve-btn:hover {
  opacity: .7;
}
@media screen and (min-width: 992px) {
  .c-shop-top-box__reserve-btn {
    font-size: 14px;
    font-size: 0.875rem;
    height: 38px;
  }
}
.c-shop-top-box__reserve-btn--blue {
  background-color: #2A92DF;
  color: #fff;
}
.c-shop-top-box__reserve-btn--green {
  background-color: #2CC48B;
  color: #fff;
}
.c-shop-top-box__reserve-btn--orange {
  background-color: #FFB914;
  color: #fff;
}
.c-shop-top-box__table {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 12px;
  font-size: 0.75rem;
  margin-bottom: 1em;
}
@media screen and (min-width: 992px) {
  .c-shop-top-box__table {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
@media screen and (min-width: 992px) {
  .c-shop-top-box__table-wrap {
    min-height: 8em;
    margin-bottom: 0.5em;
  }
}
.c-shop-top-box__table-th {
  background: #F5F5F5;
  padding: 0.05em 0.4em;
  display: inline-block;
  margin-bottom: 1%;
  margin-right: 2%;
  min-width: 10em;
  text-align: center;
  height: 1.5em;
  font-family: "Lexend Exa", serif;
  font-size: 12px;
  font-size: 0.75rem;
}
@media screen and (min-width: 992px) {
  .c-shop-top-box__table-th {
    font-size: 12px;
    font-size: 0.75rem;
    height: 1.9em;
  }
}
.c-shop-top-box__table-td {
  width: calc(98% - 10em);
  margin-bottom: 0.5em;
  letter-spacing: 0.05em;
  font-size: 12px;
  font-size: 0.75rem;
}
@media screen and (min-width: 992px) {
  .c-shop-top-box__table-td {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}
.c-shop-top-box__photo {
  width: 100%;
  margin-bottom: 0.5em;
}
.c-shop-top-box__corp {
  font-size: 10px;
  font-size: 0.625rem;
  letter-spacing: -0.05em;
  background-color: #f6f6f6;
  padding: 0.2em 0.8em;
  margin-top: 0.5em;
}
@media screen and (min-width: 992px) {
  .c-shop-top-box__corp {
    font-size: 11px;
    font-size: 0.6875rem;
  }
}
.c-shop-top-box__ob {
  border: solid #1c809f 2px;
  border-radius: 4px;
  text-align: center;
  color: #1c809f;
  padding: 3px 10px 1px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.3;
  margin-top: 0.3em;
  margin-bottom: 0.3em;
  letter-spacing: 0.05em;
}

/*店舗詳細　TOO以外*/
.c-shop-box__in {
  padding: 1em 1em;
  position: relative;
  background-color: #fafafa;
}
@media screen and (min-width: 992px) {
  .c-shop-box__in {
    padding: 1em;
  }
}
.c-shop-box__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (min-width: 992px) {
  .c-shop-box__list {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
@media screen and (min-width: 992px) {
  .c-shop-box__list--detail {
    border-top: none;
  }
}
@media screen and (min-width: 992px) {
  .c-shop-box__list--telbox {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    border-top: none;
    border-left: none;
    flex-direction: row !important;
  }
}
@media screen and (max-width: 991px) {
  .c-shop-box__list .l-containe {
    padding: 0;
  }
}
@media screen and (min-width: 992px) {
  .c-shop-box__list--col1 {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.c-shop-box__item {
  padding: 1%;
}
@media screen and (min-width: 992px) {
  .c-shop-box__item {
    width: 48%;
  }
}
@media screen and (min-width: 1200px) {
  .c-shop-box__item {
    width: 31.3%;
  }
}
@media screen and (min-width: 992px) {
  .c-shop-box__item--col1 {
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .c-shop-box__item--col2 {
    width: 50% !important;
  }
}
@media screen and (max-width: 991px) {
  .c-shop-box__item:last-child {
    border-bottom: none;
  }
}
.c-shop-box__item--telbox {
  border-bottom: none;
  background: #f5f5f5;
  margin-bottom: 1em;
  padding: 0.5em;
  border-radius: 10px;
}
.c-shop-box__item--telbox .c-shop-box__table-th {
  background-color: #fff;
}
@media screen and (min-width: 992px) {
  .c-shop-box__item--telbox {
    border-right: none;
    border-bottom: none;
    width: 49%;
    margin-right: 1%;
    margin-bottom: 1%;
  }
}
.c-shop-box__ttl {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  margin-bottom: 0.3em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
}
@media screen and (min-width: 992px) {
  .c-shop-box__ttl {
    font-size: 16px;
    font-size: 1rem;
  }
}
.c-shop-box__subttl {
  font-size: 11px;
  font-size: 0.6875rem;
  background: #fff;
  padding: 0.2em 0.5em 0.1em;
  border-radius: 5px;
}
@media screen and (min-width: 992px) {
  .c-shop-box__subttl {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
.c-shop-box-sns__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.c-shop-box-sns__item {
  position: relative;
  height: 36px;
  width: 36px;
  margin-left: 0.1em;
  border-radius: 100px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60% auto;
}
.c-shop-box-sns__item a:not(.in-link) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
  z-index: 5;
}
.c-shop-box-sns__item a.in-link {
  position: relative;
  z-index: 5;
}
@media screen and (min-width: 992px) {
  .c-shop-box-sns__item {
    height: 30px;
    width: 30px;
  }
}
.c-shop-box-sns__item--twitter {
  background-color: #333;
  background-image: url(../images/icon/icon_x_white.svg);
  background-size: 50% auto;
}
.c-shop-box-sns__item--instagram {
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%);
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%);
  position: relative;
}
.c-shop-box-sns__item--instagram:before {
  height: 36px;
  width: 36px;
  position: absolute;
  background-image: url(../images/icon/icon_instagram_white.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60% auto;
  content: "";
  display: block;
}
@media screen and (min-width: 992px) {
  .c-shop-box-sns__item--instagram:before {
    height: 30px;
    width: 30px;
  }
}
.c-shop-box-sns__item--youtube {
  background-color: #EC424E;
  background-image: url(../images/icon/icon_youtube_white.svg);
}
.c-shop-box-sns__item--facebook {
  background-color: #363636;
  background-image: url(../images/icon/icon_facebook_white.svg);
  background-size: 28% auto;
}
.c-shop-box__messeage {
  margin-bottom: 0.7em;
  font-size: 12px;
  font-size: 0.75rem;
  text-align: left;
}
@media screen and (min-width: 992px) {
  .c-shop-box__messeage {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.c-shop-box__tel {
  width: 14em;
  margin-right: 1%;
  margin-bottom: 1em;
}
.c-shop-box__tel-btn {
  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;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  height: 30px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  border: none;
  text-align: center;
  background: url(../images/icon/icon_tel_red.svg) no-repeat left center;
  background-size: 19px 19px;
  padding-left: 24px;
  padding-left: 18px;
  background-position: center left 10px;
  text-decoration: none !important;
  transition: .3s;
  transition: .3s;
  cursor: pointer;
  font-family: "lato";
  color: #EC424E;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  background-color: #fff;
  font-weight: bold;
  box-shadow: rgba(0, 0, 0, 0.08) 6px 6px 10px;
}
.c-shop-box__tel-btn:hover {
  opacity: .7;
}
.c-shop-box__tel-btn--red {
  color: #EC424E;
}
.c-shop-box__tel-btn--blue {
  color: #2A92DF;
}
.c-shop-box__tel-btn--green {
  color: #2CC48B;
}
@media screen and (min-width: 992px) {
  .c-shop-box__tel-btn {
    font-size: 16px;
    font-size: 1rem;
    height: 38px;
  }
}
.c-shop-box__more {
  width: 27%;
  margin-bottom: 1em;
  margin-right: 1%;
}
.c-shop-box__more-btn {
  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;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  height: 30px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  background-color: #fff;
  text-align: center;
  text-decoration: none !important;
  transition: .3s;
  transition: .3s;
  cursor: pointer;
  color: #2a84cb;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600;
  box-shadow: rgba(0, 0, 0, 0.08) 6px 6px 10px;
}
.c-shop-box__more-btn:hover {
  opacity: .7;
}
@media screen and (min-width: 992px) {
  .c-shop-box__more-btn {
    font-size: 14px;
    font-size: 0.875rem;
    height: 38px;
  }
}
.c-shop-box__reserve {
  width: 27%;
  margin-bottom: 1em;
}
.c-shop-box__reserve-btn {
  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;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  height: 30px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  border: solid #dadada 2px;
  background-color: #fff;
  text-align: center;
  text-decoration: none !important;
  transition: .3s;
  transition: .3s;
  cursor: pointer;
  color: #000;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600;
}
.c-shop-box__reserve-btn:hover {
  opacity: .7;
}
@media screen and (min-width: 992px) {
  .c-shop-box__reserve-btn {
    font-size: 14px;
    font-size: 0.875rem;
    height: 38px;
  }
}
.c-shop-box__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}
@media screen and (min-width: 992px) {
  .c-shop-box__row--col1 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
  }
}
.c-shop-box__row--col1 .c-shop-box__tel {
  width: 100%;
}
.c-shop-box__row--col1 .c-shop-box__table {
  width: 100%;
  max-width: 100%;
}
.c-shop-box__row--col1 .c-shop-box__table-td {
  text-align: left;
}
.c-shop-box__table {
  max-width: 60%;
  margin-right: 2%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 12px;
  font-size: 0.75rem;
}
@media screen and (min-width: 992px) {
  .c-shop-box__table {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
.c-shop-box__table-th {
  background: #d6d6d6;
  padding: 0.05em 0.4em 0.1em;
  display: inline-block;
  margin-bottom: 1%;
  margin-right: 2%;
  min-width: 3.5em;
  text-align: center;
  height: 1.8em;
  color: #000000;
}
.c-shop-box__table-td {
  width: calc(98% - 5em);
  margin-bottom: 0.5em;
  padding-left: 0.5em;
}
.c-shop-box__photo {
  width: 40%;
}
.c-shop-box__corp {
  font-size: 10px;
  font-size: 0.625rem;
  letter-spacing: -0.05em;
  background-color: #ffffff;
  padding: 0.2em 0.8em;
  margin-top: 0.5em;
}
@media screen and (min-width: 992px) {
  .c-shop-box__corp {
    font-size: 11px;
    font-size: 0.6875rem;
  }
}
.c-shop-box__ob {
  border: solid #1c809f 2px;
  border-radius: 4px;
  text-align: center;
  color: #1c809f;
  padding: 3px 10px 1px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.3;
  margin-top: 0.3em;
  margin-bottom: 0.3em;
  letter-spacing: 0.05em;
}

/*店舗写真スライダー
*/
.p-shop-photo-slider {
  padding: 0 1.5em;
  margin-bottom: 1em;
}
@media screen and (min-width: 992px) {
  .p-shop-photo-slider {
    padding: 0 3em;
    margin-bottom: 3em;
  }
}
.p-shop-photo-slider__list {
  margin-bottom: 0;
}
.p-shop-photo-slider__item {
  padding: 0 0.5em;
}
@media screen and (min-width: 992px) {
  .p-shop-photo-slider__item {
    padding: 0 1em;
  }
}
.p-shop-photo-slider__img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  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;
}
.p-shop-photo-slider__img img {
  max-width: 100%;
  max-height: 200px;
}

.p-shop__ob {
  border: solid #1c809f 2px;
  border-radius: 4px;
  text-align: center;
  color: #1c809f;
  padding: 3px 10px 1px;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.3;
  margin-top: 0.3em;
  margin-bottom: 0.8em;
  letter-spacing: 0.05em;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .p-shop__ob {
    font-size: 16px;
    font-size: 1rem;
  }
}

/* =========================================================
modal - 各モーダル
========================================================= */
.c-basic-modal {
  /*ボタン全面*/
}
.c-basic-modal--full {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.c-basic-modal--full .c-basic-modal__button {
  height: 100%;
}
.c-basic-modal__button {
  cursor: pointer;
}
.c-basic-modal__contents {
  display: none;
  z-index: 101;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 102;
}
.c-basic-modal__contents:before {
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  position: fixed;
  width: 100%;
  content: "";
}
.c-basic-modal__contents--active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  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;
}
.c-basic-modal__contents-box {
  position: relative;
  width: 90%;
  max-height: 90vh;
  background: #fff;
  padding: 40px 0 1em;
  border-radius: 5px;
  overflow: hidden;
}
@media screen and (min-width: 992px) {
  .c-basic-modal__contents-box {
    width: 1000px;
    overflow-x: inherit;
    max-height: 90vh;
  }
}
@media screen and (min-width: 992px) {
  .c-basic-modal__contents-box--lg {
    width: 780px;
    max-height: 98vh;
  }
}
.c-basic-modal__contents-in {
  overflow-y: scroll;
  max-height: calc(90vh - 40px - 1em);
  padding: 0 1em;
}
@media screen and (min-width: 992px) {
  .c-basic-modal__contents-in {
    margin-top: 35px;
    max-height: calc(90vh - 50px - 3em);
  }
}
.c-basic-modal__close {
  background: #dbdbdb;
  background-image: url(../images/icon/icon_close_black.svg);
  background-size: 35% auto;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  height: 35px;
  width: 35px;
  z-index: 101;
  cursor: pointer;
}
@media screen and (min-width: 992px) {
  .c-basic-modal__close {
    height: 50px;
    width: 50px;
  }
}
.c-basic-modal__table {
  box-shadow: 3px 3px 0 #f4f4f4;
  width: 100%;
  margin: 10px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border: solid 2px #ccc;
  border-radius: 5px;
}
@media screen and (min-width: 992px) {
  .c-basic-modal__table {
    margin: 10px 0 0;
  }
}
.c-basic-modal__th {
  width: 100%;
  font-size: 11px;
  font-size: 0.6875rem;
  background: #f7f7f7;
  text-align: center;
  padding: 0.5em;
  border-top: 1px solid #ccc;
}
@media screen and (min-width: 992px) {
  .c-basic-modal__th {
    width: 30%;
    font-size: 15px;
    font-size: 0.9375rem;
    padding: 1em 1em;
    text-align: left;
  }
}
.c-basic-modal__th:first-child {
  border: none;
}
@media screen and (min-width: 992px) {
  .c-basic-modal__th--lg {
    width: 60%;
  }
}
.c-basic-modal__td {
  width: 100%;
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 1.6;
  padding: 0.5em;
  text-align: left;
  letter-spacing: 1px;
  border-top: 1px solid #ccc;
  padding: 1em 1em;
}
@media screen and (min-width: 992px) {
  .c-basic-modal__td {
    font-size: 15px;
    font-size: 0.9375rem;
    width: 70%;
  }
}
.c-basic-modal__td:nth-child(2) {
  border: none;
}
@media screen and (min-width: 992px) {
  .c-basic-modal__td--sm {
    width: 40%;
    text-align: center;
  }
}

/* =========================================================
anime 
========================================================= */
/*----------------------
animation
------------------*/
.c-anime-fix {
  position: fixed;
  top: 67px;
  width: 100vw;
  z-index: -1;
}
@media screen and (min-width: 992px) {
  .c-anime-fix {
    top: 160px;
  }
}
.c-anime-fix__list {
  position: relative;
  height: 50vw;
}
.c-anime-fix__item {
  position: absolute;
  min-width: 10vw;
}
@media screen and (min-width: 992px) {
  .c-anime-fix__item {
    top: 140px;
  }
}
.c-anime-fix--first .c-anime-fix__item--01 {
  width: 20vw;
  left: -3vw;
  top: 2vw;
  animation: c-anime-bg-cycle-yellow 12s ease-in-out infinite;
}
@media screen and (min-width: 992px) {
  .c-anime-fix--first .c-anime-fix__item--01 {
    width: 14vw;
    left: 0vw;
    top: 0vw;
  }
}
.c-anime-fix--first .c-anime-fix__item--02 {
  width: 21vw;
  left: -12vw;
  top: -4vw;
  animation: c-anime-bg-cycle-green 8s ease-in-out infinite;
}
@media screen and (min-width: 992px) {
  .c-anime-fix--first .c-anime-fix__item--02 {
    width: 13vw;
    left: -5vw;
    top: -5vw;
  }
}
.c-anime-fix--first .c-anime-fix__item--03 {
  width: 17vw;
  right: -7vw;
  top: -5vw;
  animation: c-anime-bg-cycle-blue 10s ease-in-out infinite;
}
@media screen and (min-width: 992px) {
  .c-anime-fix--first .c-anime-fix__item--03 {
    width: 11vw;
    right: -5vw;
    top: -6vw;
  }
}
.c-anime-fix--first .c-anime-fix__item--04 {
  width: 17vw;
  right: -6vw;
  top: 3vw;
  animation: c-anime-bg-cycle-yellow 34s ease-in-out infinite;
}
@media screen and (min-width: 992px) {
  .c-anime-fix--first .c-anime-fix__item--04 {
    width: 11vw;
    right: 0vw;
    top: 2vw;
  }
}

/* =========================================================
物件 一覧BOX
========================================================= */
/*レコメンド
===================*/
.c-room-recommend-item {
  padding: 1% 1% 0;
  margin-bottom: 10px;
}
@media screen and (min-width: 992px) {
  .c-room-recommend-item {
    padding: 1em 0.5em 0;
    margin-bottom: 0;
  }
}

/*BOX
    ===================*/
.c-room-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  height: 100%;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  /* border: solid #fbfbfb 1px; */
  box-shadow: rgba(0, 0, 0, 0.1) 3px -3px 21px;
  background: #ffffff;
}
.c-room-box a:not(.in-link) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
  z-index: 5;
}
.c-room-box a.in-link {
  position: relative;
  z-index: 5;
}
.c-room-box::before {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  bottom: 0;
  right: 0;
}
.c-room-box::after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  bottom: 3px;
  right: 3px;
}
.c-room-box:hover {
  opacity: 0.9;
  transition: .3s;
}
@media screen and (min-width: 992px) {
  .c-room-box {
    display: block;
  }
  .c-room-box::before, .c-room-box::after {
    content: none;
  }
}
.c-room-box--white {
  background: #ffffff;
}
.c-room-box__ttl {
  color: #000;
  font-weight: bold;
  padding: 0.5em 3.4em 0em 1em;
}
@media screen and (min-width: 992px) {
  .c-room-box__ttl {
    text-align: center;
    padding: 0.7em 1em 0.4em;
  }
}
.c-room-box__in {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
@media screen and (min-width: 992px) {
  .c-room-box__in {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.c-room-box__images {
  position: relative;
  width: 100%;
  max-width: 50%;
  overflow: hidden;
  padding: 0 0 0.2em;
}
@media screen and (min-width: 992px) {
  .c-room-box__images {
    max-width: 180px;
    background: none;
  }
}
@media screen and (min-width: 992px) {
  .c-room-box__images {
    max-width: 100%;
    width: 100%;
  }
}
.c-room-box__contents {
  position: relative;
  width: 48%;
  margin-left: 2%;
}
@media screen and (min-width: 992px) {
  .c-room-box__contents {
    width: calc(100% - 180px);
  }
}
@media screen and (min-width: 992px) {
  .c-room-box__contents {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.c-room-box__along {
  background: url(../images/icon/icon_station_main.svg) no-repeat left center;
  background-size: 18px 18px;
  padding-left: 23px;
  background-position: top left;
}
.c-room-box__add {
  background: url(../images/icon/icon_map_main.svg) no-repeat left center;
  background-size: 18px 18px;
  padding-left: 23px;
  background-size: 18px 16px;
}
.c-room-box__new {
  background: #EC424E;
  color: #fff;
  padding: 0 0.5em;
  line-height: 1.2em;
  width: 3em;
  margin-bottom: 0.2em;
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 1;
  font-size: 10px;
  font-size: 0.625rem;
}
@media screen and (min-width: 992px) {
  .c-room-box__new {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
.c-room-box__cate {
  background: #ffffff;
  color: #fff;
  padding: 0.1em 0.5em 0.2em;
  line-height: 1.2em;
  margin-bottom: 0.5em;
  border-radius: 0.2em;
  text-align: center;
  max-width: 6.5em;
  font-size: 10px;
  font-size: 0.625rem;
}
@media screen and (min-width: 992px) {
  .c-room-box__cate {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
.c-room-box__cate--mansion {
  background: #ff5656;
}
.c-room-box__cate--apart {
  background: #ffbb2f;
}
.c-room-box__cate--house {
  background: #19b259;
}
.c-room-box__cate--parking {
  background: #244bb0;
}
.c-room-box__cate--office {
  background: #b54eca;
  max-width: 12em;
}
.c-room-box__cate--terrace {
  background: #efd90f;
}
.c-room-box__info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 10px;
  font-size: 0.625rem;
  padding: 0.8em 0.5em;
}
@media screen and (min-width: 992px) {
  .c-room-box__info {
    font-size: 15px;
    font-size: 0.9375rem;
    padding: 1em;
  }
}
.c-room-box__info__item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin-bottom: 0.2em;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (min-width: 992px) {
  .c-room-box__info__item {
    margin-bottom: 0.5em;
  }
}
.c-room-box__images {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  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;
}
.c-room-box__price {
  margin-right: 0.5em;
  color: #EC424E;
  vertical-align: bottom;
}
@media screen and (min-width: 992px) {
  .c-room-box__price {
    margin-bottom: 0.5em;
  }
}
.c-room-box__price-num {
  font-size: 18px;
  font-size: 1.125rem;
}
@media screen and (min-width: 992px) {
  .c-room-box__price-num {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
.c-room-box__service {
  display: inline-block;
  color: #000;
  margin-right: 0.8em;
}
@media screen and (min-width: 992px) {
  .c-room-box__service {
    margin-bottom: 0.5em;
  }
}
.c-room-box__deposit {
  margin-right: 0.5em;
  display: inline-block;
}
.c-room-box__deposit:before {
  content: "敷";
  height: 1.5em;
  width: 1.5em;
  text-align: center;
  line-height: 1.5em;
  background: #e5e5e5;
  display: inline-block;
  margin-right: 0.4em;
}
.c-room-box__key {
  margin-right: 0.5em;
  display: inline-block;
  vertical-align: middle;
}
.c-room-box__key:before {
  content: "礼";
  height: 1.5em;
  width: 1.5em;
  text-align: center;
  line-height: 1.5em;
  background: #e5e5e5;
  display: inline-block;
  margin-right: 0.4em;
}
.c-room-box__madori {
  margin-right: 0.5em;
  display: inline-block;
}
@media screen and (min-width: 992px) {
  .c-room-box__madori:before {
    content: "/";
    display: inline-block;
    margin-right: 0.4em;
  }
}
.c-room-box__size {
  margin-right: 0.5em;
  display: inline-block;
}
.c-room-box__size:before {
  content: "/";
  display: inline-block;
  margin-right: 0.4em;
}
.c-room-box__floor {
  margin-right: 0.5em;
  display: inline-block;
}
.c-room-box__floor:before {
  content: "/";
  display: inline-block;
  margin-right: 0.4em;
}

/*MYPAGEBOX
===================*/
@media screen and (min-width: 992px) {
  .c-room-mypage-box {
    padding: 1em 0.5em 0;
    margin-bottom: 0;
  }
}
.c-room-mypage-box__item {
  position: relative;
}
.c-room-mypage-box__close {
  text-align: center;
  position: absolute;
  top: 13px;
  right: 9px;
  background: #f3f3f3;
  z-index: 99;
  font-size: 8px;
  font-size: 0.5rem;
  height: 35px;
  width: 35px;
  cursor: pointer;
  padding: 0.2em;
  line-height: 200%;
  border-radius: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  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;
}
@media screen and (min-width: 992px) {
  .c-room-mypage-box__close {
    height: 45px;
    width: 45px;
    font-size: 10px;
    font-size: 0.625rem;
    top: 14px;
    left: inherit;
    right: 14px;
  }
}
.c-room-mypage-box__close:after {
  content: "×";
  display: inline-block;
  font-size: 14px;
  font-size: 0.875rem;
  margin-top: -5px;
}
@media screen and (min-width: 992px) {
  .c-room-mypage-box__close:after {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.c-room-mypage-box__close:hover {
  opacity: 0.9;
}

/* =========================================================
calender - 共通カレンダー
========================================================= */
.c-calendar {
  /*営業時間*/
}
.c-calendar-box {
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  background: #ffffff;
  padding: 1em 1em;
  border-radius: 0.5em;
  margin-bottom: 0;
  font-weight: 500;
  border-radius: 6px;
}
@media screen and (min-width: 992px) {
  .c-calendar-box {
    max-width: 100%;
    width: 500px;
    padding: 2em;
  }
}
@media screen and (min-width: 992px) {
  .c-calendar-box--detail {
    width: 700px;
  }
}
.c-calendar-box-ttl {
  background: #ffffff;
  font-weight: 500;
  padding: 0.5em;
  text-align: center;
  margin-bottom: 0.5em;
}
.c-calendar-box-nav {
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
  max-width: 400px;
}
.c-calendar-box-nav__item {
  width: 50%;
  background-position: center right 10%;
  background-color: #f9f9f9;
  padding: 0.5em 0.2em 0.2em;
  font-weight: 500;
  background: #fcfcfc;
  background-color: #f3f3f3;
  text-align: center;
  cursor: pointer;
  letter-spacing: 0.1em;
  font-size: 14px;
  font-size: 0.875rem;
  font-family: "Lexend Exa", serif;
}
@media screen and (min-width: 992px) {
  .c-calendar-box-nav__item {
    font-size: 19px;
    font-size: 1.1875rem;
  }
}
.c-calendar-box-nav__item:hover {
  opacity: 0.7;
}
.c-calendar-box-nav__item:first-child {
  background-position: center left 10%;
}
.c-calendar-box-nav__item:last-child {
  background-position: center right 10%;
  background-color: #f9f9f9;
}
.c-calendar-box-nav__item.js-tab-calendar-active, .c-calendar-box-nav__item.js-tab-calendar-active-second {
  width: 50%;
  border-bottom: 0;
  text-align: center;
  font-weight: 500;
  cursor: pointer;
  background-color: #e3e3e3 !important;
  background-image: none;
  color: #000;
}
.c-calendar-box-nav__item.js-tab-calendar-active:hover, .c-calendar-box-nav__item.js-tab-calendar-active-second:hover {
  opacity: 1;
}
.c-calendar-box-nav__item .unit {
  font-size: 70%;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 600;
}
.c-calendar-box-body {
  background: #fff;
  outline: 4px solid #e3e3e3;
  outline-offset: -4px;
  max-width: 400px;
  margin: 0 auto;
  margin-bottom: 1em;
}
@media screen and (min-width: 992px) {
  .c-calendar-box-body {
    margin-bottom: 0.5em;
  }
}
.c-calendar-box__table {
  width: 100%;
  border-left: solid 3px #e9e9e9;
  border-top: solid 3px #e9e9e9;
  font-weight: 500;
}
.c-calendar-box__day {
  border-bottom: solid 2px #e9e9e9;
  border-right: solid 2px #e9e9e9;
  width: 14.2%;
  padding: 0.3em;
  text-align: center;
  font-size: 13px;
  font-size: 0.8125rem;
  font-family: "Lexend Exa", serif;
  font-weight: 300;
}
@media screen and (min-width: 992px) {
  .c-calendar-box__day {
    padding: 0.5em;
    font-size: 16px;
    font-size: 1rem;
  }
}
.c-calendar-box__day.rest {
  background: #fffd89;
}
.c-calendar-box__day.holiday {
  color: #EC424E;
}
.c-calendar-box__day:nth-of-type(7) {
  border-right: solid 2px #e9e9e9;
}
.c-calendar-box__day:nth-of-type(1) {
  color: #EC424E;
}
.c-calendar-box__day:nth-of-type(7) {
  color: #2A92DF;
}
.c-calendar-box__week {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  font-size: 13px;
  font-size: 0.8125rem;
}
@media screen and (min-width: 992px) {
  .c-calendar-box__week {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.c-calendar-box__dayofweek {
  border-bottom: solid 2px #e9e9e9;
  border-right: solid 2px #e9e9e9;
  width: 14.2%;
  padding: 0.5em;
  text-align: center;
  background-color: #f9f9f9;
  font-size: 13px;
  font-size: 0.8125rem;
}
@media screen and (min-width: 992px) {
  .c-calendar-box__dayofweek {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.c-calendar-box__sun {
  color: #FF0000;
}
.c-calendar-box__sat {
  color: #002BFF;
}
.c-calendar__description {
  margin: 0 auto;
  margin-top: 0.5em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  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;
  font-size: 12px;
  font-size: 0.75rem;
  max-width: 500px;
}
@media screen and (min-width: 992px) {
  .c-calendar__description {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.6em;
  }
}
.c-calendar__description-in {
  padding-left: 1.5em;
  text-indent: -1.9em;
  letter-spacing: -0.02em;
}
.c-calendar__description-icon {
  width: 1.5em;
  height: 1em;
  background: #fffd89;
  display: inline-block;
  margin-right: 0.4em;
}
.c-calendar__iconrest {
  margin-top: 1em;
}
.c-calendar-hours {
  margin: 0 auto;
  max-width: 500px;
}
.c-calendar-hours__ttl {
  padding-bottom: 0.5em;
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
}
@media screen and (min-width: 992px) {
  .c-calendar-hours__ttl {
    font-size: 16px;
    font-size: 1rem;
  }
}
.c-calendar-hours__in {
  background: #F6F5F0;
  border-radius: 0px 5px 5px 5px;
  padding: 0.5em 1em;
}
.c-calendar-hours__item {
  background: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding: 0.5em;
}
@media screen and (min-width: 992px) {
  .c-calendar-hours__item {
    font-size: 12px;
    font-size: 0.75rem;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    letter-spacing: 0.05em;
  }
}
.c-calendar-hours__item:first-child {
  margin-bottom: 0.5em;
}
.c-calendar-hours__shop {
  width: 100%;
  padding: 0.2em;
  font-size: 13px;
  font-size: 0.8125rem;
  border-bottom: 1px #e9e9e9 solid;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .c-calendar-hours__shop {
    letter-spacing: -0.05em;
    width: 52%;
    font-size: 14px;
    font-size: 0.875rem;
    border-bottom: none;
    text-align: left;
    border-right: solid 1px #e9e9e9;
  }
}
.c-calendar-hours__shop--sm {
  font-size: 11px;
  font-size: 0.6875rem;
}
@media screen and (min-width: 992px) {
  .c-calendar-hours__shop--sm {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
.c-calendar-hours__time {
  padding: 0.2em;
  width: 100%;
  text-align: center;
  font-size: 13px;
  font-size: 0.8125rem;
}
@media screen and (min-width: 992px) {
  .c-calendar-hours__time {
    width: 48%;
    font-size: 14px;
    font-size: 0.875rem;
  }
}

@keyframes c-anime-bg-cycle-yellow {
  0% {
    transform: translate(0);
  }
  50% {
    transform: translate(-2vw, 5vw);
  }
  100% {
    transform: translate(0);
  }
}
@keyframes c-anime-bg-cycle-green {
  0% {
    transform: translate(0);
  }
  50% {
    transform: translate(3vw, 2vw);
  }
  100% {
    transform: translate(0);
  }
}
@keyframes c-anime-bg-cycle-blue {
  0% {
    transform: translate(0);
  }
  50% {
    transform: translate(-3vw, 2vw);
  }
  100% {
    transform: translate(0);
  }
}
@keyframes c-anime-bg-cycle-purple {
  0% {
    transform: translate(0);
  }
  50% {
    transform: translate(3vw, -2vw);
  }
  100% {
    transform: translate(0);
  }
}
@keyframes c-anime-bg-cycle-red {
  0%,
    100% {
    transform: rotate(10deg);
  }
  50% {
    transform: rotate(-360deg);
  }
}
@keyframes c-anime-ring-color_01 {
  0%,
    100% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(-360deg);
  }
}
@keyframes c-anime-ring-color_02 {
  0%,
    100% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(360deg);
  }
}
@keyframes c-anime-bg-cloud-01 {
  0% {
    transform: translate(0);
  }
  50% {
    transform: translate(-1vw, 3vw);
  }
  100% {
    transform: translate(0);
  }
}
@keyframes c-anime-bg-cloud-02 {
  0% {
    transform: translate(0);
  }
  50% {
    transform: translate(-1vw, 2vw);
  }
  100% {
    transform: translate(0);
  }
}
@keyframes c-anime-txt-flow {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes c-anime-txt-flow-second {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
@keyframes c-anime-fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* =========================================================
plugin - jsの追記
========================================================= */
/*=======================

headerのfix
*/
.jq-head-fix {
  position: fixed;
  top: -100%;
  left: 0;
  z-index: 100;
  width: 100%;
  transition: .5s;
  opacity: 0;
}
.jq-head-fix.jq-head-fix-on {
  top: 0;
  opacity: 1;
}

/*===================
横から出るメニュー　
*/
article.js-menu--list {
  position: fixed;
  top: 5%;
  right: -100%;
  z-index: 9999;
  transition: .4s;
  min-height: 100%;
  height: 90%;
  width: 90%;
  overflow-y: scroll;
  border-radius: 1em;
}
article.js-menu--list--active {
  right: 5%;
}
article.js-menu--list div.g-menu_contents {
  height: 100%;
}
article.js-menu--list--active .g-menu_close {
  left: 1em;
}

article.back_curtain {
  display: none;
  height: 100vh;
  width: 100vw;
  background: url("../images/icon/icon_multiply_w.svg") no-repeat;
  background-size: 8% auto;
  background-position: left 1% top 5px;
  z-index: 999;
  position: fixed;
  top: 0;
}

.js-menu--open,
.js-image-menu--open {
  cursor: pointer;
}

/*======================
【js-accordion】アコーディオン
======================*/
.js-accordion__switch {
  cursor: pointer;
}

/*======================
【js-media-accordion】レスポンシブしたらドロップダウンメニューに
======================*/
.js-sp-accordion__btn {
  transition: .3s;
  cursor: pointer;
}
.js-sp-accordion__btn:hover {
  opacity: .7;
}
@media screen and (min-width: 992px) {
  .js-sp-accordion__btn {
    cursor: inherit;
  }
  .js-sp-accordion__btn:hover {
    opacity: 1;
  }
}
.js-sp-accordion__btn-in {
  background: url(../images/icon/icon_bottom_w.svg) no-repeat right center;
  background-size: 15px 15px;
  padding-right: 20px;
}
@media screen and (min-width: 992px) {
  .js-sp-accordion__btn-in {
    background-image: none;
    padding-left: 0;
    padding-right: 0;
  }
}
.js-sp-accordion__btn.rotate .js-sp-accordion__btn-in {
  background: url(../images/icon/icon_up_w.svg) no-repeat right center;
  background-size: 15px 15px;
  padding-right: 20px;
}
.js-sp-accordion__btn.rotate + .js-sp-accordion__body {
  display: block !important;
  opacity: 1;
}

.js-sp-accordion__body {
  display: none;
  opacity: 0;
  transition: 0.3s;
}
@media screen and (min-width: 992px) {
  .js-sp-accordion__body {
    display: block;
    opacity: 1;
  }
}

/*======================
【js-tab】タブ切り替え
======================*/
.js-tab-menu {
  transition: .3s;
  cursor: pointer;
}
.js-tab-menu:hover {
  opacity: .7;
}

.js-tab-body .js-tab-contents {
  display: none;
}
.js-tab-body .js-tab-contents.js-tab-show {
  display: block;
}

/*===================
ボタンクリックで吹き出し表示
*/
.js-click-modal {
  position: relative;
}

.js-click-modal--active .js-click-modal__modal {
  display: block;
}

.js-click-modal__modal {
  display: none;
  opacity: 0;
}

/*===================
【js-click-body】クリックしたら吹き出し closeボタン
*/
.js-click-body {
  display: none;
}
.js-click-body--active {
  display: block;
}

/*======================
【js-slick】物件詳細ページのスライダー
======================*/
.slick-slider {
  opacity: 0;
  transition: 0.3s;
}
.slick-slider.slick-initialized {
  opacity: 1;
}

.js-slick__prev,
.js-slick__next {
  display: block;
  position: absolute;
  top: calc(50% - 15px);
  width: 20px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px auto;
  z-index: 50;
  opacity: 0.8;
  cursor: pointer;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
@media screen and (min-width: 992px) {
  .js-slick__prev,
  .js-slick__next {
    width: 50px;
    height: 50px;
    background-size: 16px auto;
  }
}

.js-slick__prev {
  left: -50px;
  background-image: url(../images/icon/icon_left_black.svg);
}

.js-slick__next {
  right: -50px;
  background-image: url(../images/icon/icon_right_black.svg);
}

.slick-dots {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.slick-dots li {
  width: 18px;
  height: 18px;
  margin: 0 5px;
}
.slick-dots li .js-slick__dots-item {
  color: #e0dbdb;
  font-size: 13px;
}
.slick-dots li.slick-active .js-slick__dots-item {
  color: #000;
}

.slick-dots li button:before {
  font-size: 30px;
}

/*===================
【js-colorbox】画像のポップアップ
*/
#cboxOverlay {
  background: #ccc;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

#colorbox {
  max-width: 100% !important;
  /*SP崩れ対策*/
}
#colorbox #cboxTitle {
  color: #000;
  font-weight: 300;
  border-radius: 3px 3px 0 0;
  background: #f6f6f6;
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 200%;
  min-width: 10em;
  text-align: center;
}
@media screen and (min-width: 992px) {
  #colorbox #cboxTitle {
    line-height: 200%;
    font-size: 15px;
    font-size: 0.9375rem;
  }
}
#colorbox #cboxClose {
  background: url("../images/icon/icon_close_black.svg") no-repeat center;
  background-color: #fff;
  background-size: 16px 16px;
  border: none;
  width: 40px;
  height: 40px;
  top: 0px;
  right: 0;
  opacity: 0.8;
  transition: .3s;
  cursor: pointer;
  border: none !important;
}
#colorbox #cboxClose:hover {
  opacity: .7;
}
#colorbox #cboxNext {
  background: url("../images/icon/icon_right_black.svg") no-repeat center;
  background-color: #fff;
  background-size: 16px 16px;
  width: 35px;
  height: 35px;
  top: calc(50% - 17px);
  right: 0;
  border: 1px solid #666666;
  opacity: 0.8;
  border: none !important;
  transition: .3s;
  cursor: pointer;
}
#colorbox #cboxNext:hover {
  opacity: .7;
}
#colorbox #cboxPrevious {
  background: url("../images/icon/icon_left_black.svg") no-repeat center;
  background-color: #fff;
  background-size: 16px 16px;
  width: 35px;
  height: 35px;
  top: calc(50% - 17px);
  left: 0;
  border: 1px solid #666666;
  opacity: 0.8;
  border: none !important;
  transition: .3s;
  cursor: pointer;
}
#colorbox #cboxPrevious:hover {
  opacity: .7;
}
#colorbox #cboxLoadedContent {
  background-color: none;
  padding: 0;
  overflow: hidden;
  background: none;
}
@media screen and (max-width: 991px) {
  #colorbox #cboxLoadedContent {
    width: 100% !important;
    height: auto !important;
  }
}
@media screen and (max-width: 991px) {
  #colorbox #cboxWrapper {
    max-width: 100% !important;
    height: 100vh !important;
  }
}
#colorbox #cboxContent {
  background: none;
}
@media screen and (max-width: 991px) {
  #colorbox #cboxContent {
    width: 95% !important;
    background: none;
    margin-left: 2.5%;
    height: auto !important;
  }
}
@media screen and (max-width: 991px) {
  #colorbox .cboxPhoto {
    width: 100% !important;
    height: auto !important;
  }
}

/*=======================
検索アコーディオン
*/
.js-accordion-search__arrow {
  height: 100%;
  display: block;
  width: 100%;
  position: relative;
  z-index: 2;
}

/*===================
map横から出るメニュー　
*/
article.js-menu_list {
  position: fixed;
  top: 0;
  right: -100%;
  z-index: 9999;
  transition: .4s;
  min-height: 100%;
  height: 100%;
  width: 100%;
  overflow-y: scroll;
}
article.js-menu_list--active {
  right: 0;
}
@media screen and (max-width: 991px) {
  article.js-menu_list--active {
    top: 0;
  }
}
article.js-menu_list div.g-menu_contents {
  height: 100%;
}
article.js-menu_list--active .g-menu_close {
  left: 1em;
}

article.back_curtain {
  display: none;
  height: 100vh;
  width: 100vw;
  background: url("../images/icon/icon_multiply_w.svg") no-repeat;
  background-size: 8% auto;
  background-position: left 1% top 5px;
  background-color: rgba(44, 33, 33, 0.4);
  z-index: 999;
  position: fixed;
  top: 0;
}

.js-menu--open,
.js-image-menu--open {
  cursor: pointer;
}

/*トップ　メインスライダー*/
.js-slick-top-mainvisual {
  margin-bottom: 0 !important;
  /*mv専用アニメーションここまで*/
  /*mv専用アニメーションここまで*/
}
@keyframes p-top-anime-shine {
  0% {
    --shine: 0deg;
  }
  100% {
    --shine: 360deg;
    opacity: 0;
  }
}
.js-slick-top-mainvisual .slick-slide .p-top-mainvisual__item {
  position: relative;
  position: relative;
}
.js-slick-top-mainvisual .slick-slide .p-top-mainvisual__item a:not(.in-link) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
  z-index: 5;
}
.js-slick-top-mainvisual .slick-slide .p-top-mainvisual__item a.in-link {
  position: relative;
  z-index: 5;
}
@media screen and (min-width: 992px) {
  .js-slick-top-mainvisual .slick-slide .p-top-mainvisual__item:before {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    opacity: 0.25;
    background: #000;
    height: 100%;
    content: "";
    display: block;
    width: 100%;
    z-index: 1;
  }
}
.js-slick-top-mainvisual .slick-current .p-top-mainvisual__item {
  position: relative;
}
@media screen and (min-width: 992px) {
  .js-slick-top-mainvisual .slick-current .p-top-mainvisual__item:before {
    content: none;
  }
}
.js-slick-top-mainvisual .slick-active__in {
  display: none;
  position: relative;
  min-height: 2em;
  min-width: 3em;
  min-height: 2em;
  min-width: 3em;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  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;
}
.js-slick-top-mainvisual .slick-shine {
  display: none;
  position: absolute;
  inset: -40px;
  border-radius: inherit;
  mask-image: conic-gradient(from var(--shine, 0deg), transparent 0%, transparent 10%, black 36%, black 45%, transparent 50%, transparent 60%, black 85%, black 95%, transparent 100%);
  mask-size: cover;
  mix-blend-mode: plus-lighter;
  animation: p-top-anime-shine 1s linear 1 both;
  z-index: 20;
}
@media screen and (min-width: 992px) {
  .js-slick-top-mainvisual .slick-shine {
    animation: p-top-anime-shine 1s linear 1 both;
  }
}
.js-slick-top-mainvisual .slick-active .slick-active__in {
  display: block;
}
.js-slick-top-mainvisual .slick-active .slick-active__in .slick-shine {
  display: block;
}
.js-slick-top-mainvisual .js-slick__prev {
  left: 8%;
  background-image: url(../images/icon/icon_left_cycle_white_black.svg);
  width: 10%;
  height: 100%;
  opacity: 1;
  background-size: 65% auto;
  top: 0;
  background-position: left 6px top 47%;
}
@media screen and (min-width: 992px) {
  .js-slick-top-mainvisual .js-slick__prev {
    background-image: url(../images/icon/icon_left_cycle_white_black.svg);
    width: 10%;
    height: 100%;
    left: 0;
    background-size: 24% auto;
    top: 0;
    background-position: left 20% top 47%;
  }
}
.js-slick-top-mainvisual .js-slick__next {
  right: 8%;
  background-image: url(../images/icon/icon_right_cycle_white_black.svg);
  width: 10%;
  height: 100%;
  opacity: 1;
  background-size: 65% auto;
  top: 0;
  background-position: right 6px top 47%;
}
@media screen and (min-width: 992px) {
  .js-slick-top-mainvisual .js-slick__next {
    background-image: url(../images/icon/icon_right_cycle_white_black.svg);
    width: 10%;
    height: 100%;
    right: 0;
    background-size: 24% auto;
    top: 0;
    background-position: right 20% top 47%;
  }
}

/*===================
【js-SLICK】js-slick-top-thema
*/
.js-slick-top-theme {
  margin-bottom: 0 !important;
}
.js-slick-top-theme .slick-dots {
  bottom: -1.5em;
}
@media screen and (min-width: 992px) {
  .js-slick-top-theme .slick-dots {
    bottom: -2em;
  }
}
.js-slick-top-theme .slick-dots li {
  margin: 0 1px;
}
@media screen and (min-width: 992px) {
  .js-slick-top-theme .slick-dots li {
    margin: 0 5px;
  }
}
.js-slick-top-theme .slick-dots li .js-slick__dots-item {
  color: #dddddd;
  font-size: 13px;
  font-size: 0.8125rem;
}
@media screen and (min-width: 992px) {
  .js-slick-top-theme .slick-dots li .js-slick__dots-item {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.js-slick-top-theme .slick-dots li.slick-active .js-slick__dots-item {
  color: #2CC48B;
}
.js-slick-top-theme .js-slick__prev,
.js-slick-top-theme .js-slick__next {
  display: none;
}
.js-slick-top-theme .js-slick__prev {
  left: 0;
  background-image: url(../images/icon/icon_left_black.svg);
  width: 1em;
  height: 1em;
  opacity: 1;
  background-size: 100% auto;
  bottom: -20px;
  top: calc(48% - 1em);
}
@media screen and (min-width: 992px) {
  .js-slick-top-theme .js-slick__prev {
    width: 2em;
    height: 2em;
    left: -2.5em;
    top: calc(48% - 2em);
  }
}
.js-slick-top-theme .js-slick__next {
  right: 0;
  background-image: url(../images/icon/icon_right_black.svg);
  width: 1em;
  height: 1em;
  opacity: 1;
  background-size: 100% auto;
  bottom: -20px;
  top: calc(48% - 1em);
}
@media screen and (min-width: 992px) {
  .js-slick-top-theme .js-slick__next {
    width: 2em;
    height: 2em;
    right: -2.5em;
    top: calc(48% - 2em);
  }
}

/*===================
【js-SLICK】js-slick-top-post
*/
.js-slick-top-post {
  margin-bottom: 0 !important;
}
.js-slick-top-post .slick-dots {
  bottom: 0;
}
@media screen and (min-width: 992px) {
  .js-slick-top-post .slick-dots {
    bottom: -0.1em;
  }
}
.js-slick-top-post .slick-dots li .js-slick__dots-item {
  color: #dddddd;
  font-size: 13px;
  font-size: 0.8125rem;
}
@media screen and (min-width: 992px) {
  .js-slick-top-post .slick-dots li .js-slick__dots-item {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.js-slick-top-post .slick-dots li.slick-active .js-slick__dots-item {
  color: #2A92DF;
}
.js-slick-top-post .js-slick__prev,
.js-slick-top-post .js-slick__next {
  display: none;
}
.js-slick-top-post .js-slick__prev {
  left: -2%;
  background-image: url(../images/icon/icon_left_black.svg);
  width: 1em;
  height: 1em;
  opacity: 1;
  background-size: 100% auto;
  bottom: -20px;
  top: calc(48% - 1em);
}
@media screen and (min-width: 992px) {
  .js-slick-top-post .js-slick__prev {
    width: 1.5em;
    height: 1.5em;
    left: -1.5em;
    top: calc(48% - 1em);
  }
}
.js-slick-top-post .js-slick__next {
  right: -2%;
  background-image: url(../images/icon/icon_right_black.svg);
  width: 1em;
  height: 1em;
  opacity: 1;
  background-size: 100% auto;
  bottom: -20px;
  top: calc(48% - 1em);
}
@media screen and (min-width: 992px) {
  .js-slick-top-post .js-slick__next {
    width: 1.5em;
    height: 1.5em;
    right: -1.5em;
    top: calc(48% - 1em);
  }
}

/*===================
【js-SLICK】js-slick-top-useful
*/
.js-slick-top-useful {
  margin-bottom: 0 !important;
}
.js-slick-top-useful .slick-dots {
  bottom: -2em;
}
@media screen and (min-width: 992px) {
  .js-slick-top-useful .slick-dots {
    bottom: -2em;
  }
}
.js-slick-top-useful .slick-dots li .js-slick__dots-item {
  color: #dddddd;
  font-size: 13px;
  font-size: 0.8125rem;
}
@media screen and (min-width: 992px) {
  .js-slick-top-useful .slick-dots li .js-slick__dots-item {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.js-slick-top-useful .slick-dots li.slick-active .js-slick__dots-item {
  color: #EC424E;
}
.js-slick-top-useful .js-slick__prev,
.js-slick-top-useful .js-slick__next {
  display: none;
}
.js-slick-top-useful .js-slick__prev {
  left: 0;
  background-image: url(../images/icon/icon_left_black.svg);
  width: 1em;
  height: 1em;
  opacity: 1;
  background-size: 100% auto;
  bottom: -20px;
  top: calc(48% - 1em);
}
@media screen and (min-width: 992px) {
  .js-slick-top-useful .js-slick__prev {
    width: 2em;
    height: 2.5em;
    left: -2.5em;
    top: calc(48% - 2em);
  }
}
.js-slick-top-useful .js-slick__next {
  right: 0;
  background-image: url(../images/icon/icon_right_black.svg);
  width: 1em;
  height: 1em;
  opacity: 1;
  background-size: 100% auto;
  bottom: -20px;
  top: calc(48% - 1em);
}
@media screen and (min-width: 992px) {
  .js-slick-top-useful .js-slick__next {
    width: 2em;
    height: 2.5em;
    right: -2.5em;
    top: calc(48% - 2em);
  }
}

/*======================
カレンダータブ
======================*/
.js-tab-calendar-body .js-tab-calendar-contents {
  display: none;
}
.js-tab-calendar-body .js-tab-calendar-contents.js-tab-calendar-show {
  display: block !important;
}

/*second*/
.js-tab-calendar-body-second .js-tab-calendar-contents-second {
  display: none;
}
.js-tab-calendar-body-second .js-tab-calendar-contents-second.js-tab-calendar-show-second {
  display: block !important;
}

/*======================
店舗写真スライダー
======================*/
.js-shop-photo-slider .js-slick__prev {
  left: -1.5em;
}
@media screen and (min-width: 992px) {
  .js-shop-photo-slider .js-slick__prev {
    left: -2.5em;
  }
}
.js-shop-photo-slider .js-slick__next {
  right: -1.5em;
}
@media screen and (min-width: 992px) {
  .js-shop-photo-slider .js-slick__next {
    right: -2.5em;
  }
}
.js-shop-photo-slider .slick-dots {
  bottom: -1em;
}

/*inviewアニメーション*/
.js-inview-fadeInUp {
  opacity: 0;
}
.js-inview-fadeInUp.fadeInUp {
  animation-duration: 0.8s;
  /* アニメーションの時間 */
  animation-delay: 0s;
  /* アニメーション開始時間 */
}

.js-inview-fadeIn {
  opacity: 0;
}
.js-inview-fadeIn.fadeIn {
  animation-duration: 0.8s;
  /* アニメーションの時間 */
  animation-delay: 0s;
  /* アニメーション開始時間 */
}

/*------*/
[data-aos^=fade][data-aos^=fade].aos-animate {
  transition-delay: 0s;
  transition-duration: 0.5s;
}

/* =========================================================
gmap - Google Maps関連
========================================================= */
.c-gmap {
  margin: 0 auto;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
@media screen and (min-width: 992px) {
  .c-gmap {
    padding-top: 30.22%;
  }
}
.c-gmap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 105% !important;
  border: 3px solid #d6d7d8;
}

.c-ifream {
  margin: 0 auto;
  position: relative;
  width: 100%;
  padding-top: 130%;
}
@media screen and (min-width: 992px) {
  .c-ifream {
    padding-top: 30.22%;
  }
}
.c-ifream iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 105% !important;
  border: 3px solid #d6d7d8;
}

.c-map {
  position: relative;
  z-index: 3;
}

/*Project
======================================= */
/* =========================================================
top - topページの独自コンテンツ
========================================================= */
.p-top {
  overflow-x: hidden;
  /*共通タイトル========================*/
  /*popupbnr========================*/
  /*catchcopy========================*/
  /*main-visual========================*/
  /*search========================*/
  /*free========================*/
  /*nav========================*/
  /*concept ========================*/
  /*商戦バナー========================*/
  /*物件バナー========================*/
  /*こだわりテーマ========================*/
  /*バナーエリア========================*/
  /*人気ランキング========================*/
  /*ニュース========================*/
  /*投稿類(ニュース・スタッフブログ)========================*/
  /*お役立ち情報========================*/
  /*店舗========================*/
  /*情報========================*/
  /*カレンダー========================*/
  /*グループ情報========================*/
  /*SNS========================*/
}
.p-top .c-header {
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.06) 6px 6px 10px;
}
.p-top .c-footer {
  margin-top: 0;
}
@media screen and (min-width: 992px) {
  .p-top .c-footer {
    padding-top: 3em;
  }
}
@media screen and (min-width: 992px) {
  .p-top .c-footer-pc-nav {
    display: block !important;
  }
}
@media screen and (min-width: 992px) {
  .p-top .c-footer-flow {
    font-size: 200px;
    font-size: 12.5rem;
    bottom: 0.3em;
  }
}
.p-top .c-anime-fix {
  display: none;
}
.p-top .c-fix-anime {
  display: none;
}
.p-top .l-main {
  background-color: inherit;
}
.p-top .p-top-anime {
  position: absolute;
  top: -5%;
  width: 100%;
  z-index: 0;
        /*
        &--second {

            top: 135vw;

            .p-top-anime__item--yellow {
                width: 34vw;
                right: -19vw;
                top: 14vw;
                animation: c-anime-bg-cycle-yellow 10s ease-in-out infinite;
            }

            .p-top-anime__item--green {
                width: 29vw;
                right: -8vw;
                top: -3vw;
                animation: c-anime-bg-cycle-green 14s ease-in-out infinite;
            }

            .p-top-anime__item--blue {
                width: 26vw;
                left: -13vw;
                top: 1vw;
                animation: c-anime-bg-cycle-blue 13s ease-in-out infinite;
            }

            .p-top-anime__item--purple {
                width: 20vw;
                left: -10vw;
                top: -6vw;
                animation: c-anime-bg-cycle-purple 15s ease-in-out infinite;
            }

            .p-top-anime__item--red {
                width: 29vw;
                left: -16vw;
                top: 22vw;
                animation: c-anime-bg-cycle-red 20s ease-in-out infinite;
            }

        }
*/
}
@media screen and (min-width: 992px) {
  .p-top .p-top-anime {
    top: -72%;
  }
}
.p-top .p-top-anime__list {
  position: relative;
  height: 50vw;
}
.p-top .p-top-anime__item {
  position: absolute;
  min-width: 10vw;
}
.p-top .p-top-anime--first .p-top-anime__item--yellow {
  width: 34vw;
  left: -19vw;
  top: 17vw;
  animation: c-anime-bg-cycle-yellow 12s ease-in-out infinite;
}
.p-top .p-top-anime--first .p-top-anime__item--green {
  width: 39vw;
  left: -29vw;
  top: -10vw;
  animation: c-anime-bg-cycle-green 8s ease-in-out infinite;
}
.p-top .p-top-anime--first .p-top-anime__item--blue {
  width: 26vw;
  right: -16vw;
  top: 5vw;
  animation: c-anime-bg-cycle-blue 10s ease-in-out infinite;
}
.p-top .p-top-anime--first .p-top-anime__item--purple {
  width: 20vw;
  right: -8vw;
  top: 6vw;
  animation: c-anime-bg-cycle-purple 14s ease-in-out infinite;
}
.p-top .p-top-anime--first .p-top-anime__item--red {
  width: 27vw;
  right: -9vw;
  top: 23vw;
  animation: c-anime-bg-cycle-red 20s ease-in-out infinite;
}
.p-top .p-top-ttl-basic {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  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;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 1em;
}
@media screen and (min-width: 992px) {
  .p-top .p-top-ttl-basic {
    margin-bottom: 2em;
  }
}
.p-top .p-top-ttl-basic__en {
  margin-bottom: 0.25em;
}
@media screen and (min-width: 992px) {
  .p-top .p-top-ttl-basic__en {
    margin-bottom: 0.8em;
  }
}
.p-top .p-top-ttl-basic__en img {
  height: 22px;
}
@media screen and (min-width: 992px) {
  .p-top .p-top-ttl-basic__en img {
    height: 37px;
  }
}
.p-top .p-top-ttl-basic__en--sm img {
  height: 18px;
}
@media screen and (min-width: 992px) {
  .p-top .p-top-ttl-basic__en--sm img {
    height: 24px;
  }
}
.p-top .p-top-ttl-basic__jp {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
}
@media screen and (min-width: 992px) {
  .p-top .p-top-ttl-basic__jp {
    font-size: 19px;
    font-size: 1.1875rem;
  }
}
.p-top .p-top-ttl-basic__min-en {
  margin-bottom: 0.1em;
  font-family: "Lexend Exa", serif;
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: bold;
}
@media screen and (min-width: 992px) {
  .p-top .p-top-ttl-basic__min-en {
    margin-top: 0.2em;
    font-size: 12px;
    font-size: 0.75rem;
  }
}
.p-top .p-top-ttl-basic__cpation {
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 1.3;
  margin-bottom: 0.5em;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .p-top .p-top-ttl-basic__cpation {
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: 0;
    font-weight: 500;
    line-height: 1.5;
  }
}
.p-top-popupbnr {
  height: 0;
  overflow: hidden;
}
.p-top-popupbnr-item {
  position: relative;
}
.p-top-popupbnr-btn {
  z-index: 99;
  position: fixed;
  top: 100px;
  right: 0;
}
@media screen and (min-width: 992px) {
  .p-top-popupbnr-btn {
    z-index: 100;
    top: 220px;
  }
}
.p-top-popupbnr-btn--fix {
  display: block;
  transition: 1.0s;
}
@media screen and (min-width: 992px) {
  .p-top-popupbnr-btn--fix {
    display: block;
  }
}
.p-top-popupbnr-btn--none {
  display: none;
  transition: 1.0s;
}
@media screen and (min-width: 992px) {
  .p-top-popupbnr-btn--none {
    display: block;
  }
}
.p-top-popupbnr-btn__item {
  width: 27px;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  border-right: 0;
  border-radius: 5px 0 0 5px;
  color: #fff;
  padding: 0.8em 0.5em;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  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;
  font-weight: bold;
  font-size: 12px;
  font-size: 0.75rem;
  margin-bottom: 0.4em;
  letter-spacing: 0.1em;
  /*1個目のボタン*/
  /*2個目のボタン*/
}
@media screen and (min-width: 992px) {
  .p-top-popupbnr-btn__item {
    font-size: 15px;
    font-size: 0.9375rem;
    width: 45px;
  }
}
.p-top-popupbnr-btn__item:hover {
  opacity: 0.95;
}
.p-top-popupbnr-btn__item--01 {
  background-color: #2A92DF;
}
.p-top-popupbnr-btn__item--01 .p-top-popupbnr-btn__subttl {
  color: #2A92DF;
}
.p-top-popupbnr-btn__item--02 {
  background-color: #e4992a;
}
.p-top-popupbnr-btn__item--02 .p-top-popupbnr-btn__subttl {
  color: #e4992a;
}
.p-top-popupbnr-btn__subttl {
  padding: 0.6em 0 0.4em;
  border-radius: 50px;
  margin-bottom: 0.35em;
  background-color: #fff;
  width: 16px;
}
@media screen and (min-width: 992px) {
  .p-top-popupbnr-btn__subttl {
    padding: 0.6em 0.2em 0.4em;
    width: 24px;
  }
}
.p-top-popupbnr-contents {
  padding-top: 1.3em;
}
.p-top-popupbnr-contents__item {
  z-index: 99;
  background: #ccc;
  padding: 1em;
  position: fixed;
  top: 100px;
  right: -1000%;
  border-radius: 10px;
}
@media screen and (min-width: 992px) {
  .p-top-popupbnr-contents__item {
    top: 150px;
  }
}
.p-top-popupbnr-contents__item--show {
  width: 98%;
  right: 1%;
  transition: .3s;
}
@media screen and (min-width: 992px) {
  .p-top-popupbnr-contents__item--show {
    width: 90%;
    right: 5%;
  }
}
.p-top-popupbnr-contents__item--01 {
  border: solid #e0e0e0 3px;
}
.p-top-popupbnr-contents__item--02 {
  border: solid #e0e0e0 3px;
}
.p-top-popupbnr .l-container, .p-top-popupbnr .l-main--col2, .p-top-popupbnr .l-main--col3 {
  position: relative;
}
.p-top-popupbnr-close {
  background: #fff;
  height: 3em;
  width: 3em;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  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;
  position: absolute;
  top: -0.5em;
  right: -0.5em;
  cursor: pointer;
  border-radius: 50px;
  border: solid #dcdcdc 3px;
}
@media screen and (min-width: 992px) {
  .p-top-popupbnr-close {
    height: 3em;
    width: 3em;
    top: -0.5em;
    right: -0.8em;
  }
}
.p-top-popupbnr-close:before {
  content: "×";
  display: block;
  font-size: 20px;
  font-size: 1.25rem;
}
.p-top-catchcopy {
  background: #f6f5f0;
  padding: 0.4em 0.2em 0.1em;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .p-top-catchcopy {
    display: none;
  }
}
.p-top-mainvisual__item img {
  min-width: 100%;
}
.p-top-freeword {
  margin-bottom: 1.5em;
  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;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: -0.2em;
}
.p-top-freeword-ttl {
  padding: 0.5em 0.8em 0;
  position: relative;
  margin: -10px auto 0;
  display: inline-block;
  border-radius: 10px;
}
@media screen and (min-width: 992px) {
  .p-top-freeword-ttl {
    padding: 0.5em 0.8em;
  }
}
.p-top-freeword-ttl:before {
  background-color: #fff;
  margin: 0 auto;
  width: 41vw;
  height: 1em;
  content: "";
  display: block;
  position: absolute;
  top: 0.1em;
  left: calc(50% - 20.5vw);
  border-radius: 5px 5px 0 0;
}
@media screen and (min-width: 992px) {
  .p-top-freeword-ttl:before {
    width: 13em;
    left: calc(50% - 6.5em);
    top: -0.15em;
  }
}
.p-top-freeword-ttl img {
  z-index: 10;
  position: relative;
}
.p-top-freeword__in {
  background: #f5f5f5;
  padding: 8px;
  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;
  box-shadow: rgba(0, 0, 0, 0.08) 6px 6px 10px;
  border-radius: 6px;
}
@media screen and (min-width: 992px) {
  .p-top-freeword__in {
    width: 100%;
    padding: 0.8em;
  }
}
.p-top-freeword__in form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
@media screen and (min-width: 992px) {
  .p-top-freeword__in form {
    width: 100%;
  }
}
.p-top-freeword__word {
  margin-right: 4px;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .p-top-freeword__word {
    margin-right: 10px;
    width: 100%;
  }
}
.p-top-freeword__word input[type="text"] {
  max-height: 42px !important;
  background-color: #ffffff !important;
  border: none !important;
}
@media screen and (min-width: 992px) {
  .p-top-freeword__word input[type="text"] {
    min-width: 100% !important;
    max-height: inherit !important;
    height: 48px;
    font-size: 16px !important;
    letter-spacing: -0.05em;
    margin-right: 2%;
  }
}
.p-top-freeword__input::placeholder {
  font-size: 8px;
  font-size: 0.5rem;
}
@media screen and (min-width: 992px) {
  .p-top-freeword__input::placeholder {
    font-size: 16px;
    font-size: 1rem;
  }
}
.p-top-freeword__contents {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
@media screen and (min-width: 992px) {
  .p-top-freeword__contents {
    margin-top: 0;
  }
}
.p-top-freeword__select {
  margin-right: 4px;
  min-width: 5.8em;
}
@media screen and (min-width: 992px) {
  .p-top-freeword__select {
    min-width: 6.5em;
    margin-right: 10px;
  }
}
.p-top-freeword__select select {
  max-height: 42px !important;
  width: 100%;
  border: none !important;
  font-size: 11px;
  font-size: 0.6875rem;
  color: #000;
  background-color: #ffffff !important;
  border: none !important;
}
@media screen and (min-width: 992px) {
  .p-top-freeword__select select {
    height: 47px;
    font-size: 16px;
    font-size: 1rem;
    border: #e6e6e6 2px solid;
    max-height: inherit !important;
    width: 7em;
  }
}
.p-top-freeword__select option {
  color: #000;
}
.p-top-freeword__select:nth-child(2n) {
  min-width: 4.8em;
}
@media screen and (min-width: 992px) {
  .p-top-freeword__select:nth-child(2n) {
    min-width: 5.5em;
  }
}
.p-top-freeword-btn {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 50% auto;
  background-image: url(../images/icon/icon_search_white.svg);
  background-color: #EC424E;
  max-height: 40px !important;
  width: 40px;
  font-weight: 600;
  border-radius: 6px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  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;
}
@media screen and (min-width: 992px) {
  .p-top-freeword-btn {
    width: 5em;
    height: 47px;
    max-height: 47px !important;
    background-position: right 0.65em center;
    background-repeat: no-repeat;
    background-size: 1.1em auto;
    padding-right: 1.2em;
  }
}
.p-top-freeword-btn__in {
  display: none;
}
@media screen and (min-width: 992px) {
  .p-top-freeword-btn__in {
    color: #fff;
    display: block;
    font-size: 16px;
    font-size: 1rem;
  }
}
@media screen and (min-width: 992px) {
  .p-top-nav {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 992px) {
  .p-top-nav__in {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.p-top-nav-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100% !important;
}
@media screen and (min-width: 992px) {
  .p-top-nav-list {
    margin-bottom: 3em;
  }
}
.p-top-nav-item {
  background-color: #fff;
  color: #313131;
  width: 32%;
  font-size: 12px;
  font-size: 0.75rem;
  margin-right: 2%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  border-radius: 6px;
  padding: 0.65em 0.1em 0.75em 0.3em;
  position: relative;
  margin-bottom: 2%;
  letter-spacing: -0.08em;
  box-shadow: rgba(0, 0, 0, 0.15) 6px 6px 10px;
  background-size: 5px 6px;
  padding-right: 5px;
  background-position: center right 3px;
  background-color: #fff;
}
.p-top-nav-item a:not(.in-link) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
  z-index: 5;
}
.p-top-nav-item a.in-link {
  position: relative;
  z-index: 5;
}
@media screen and (min-width: 992px) {
  .p-top-nav-item {
    width: 10.25%;
    margin-right: 1%;
    font-size: 16px;
    font-size: 1rem;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1em 0.1em 0.8em 0.2em;
    letter-spacing: inherit;
    margin-bottom: 0;
    min-height: 9.6vw;
    background-size: 10px 12px;
    padding-right: 5px;
    background-position: center right 3px;
  }
}
@media screen and (min-width: 1400px) {
  .p-top-nav-item {
    min-height: 9.6em;
  }
}
.p-top-nav-item:nth-of-type(3n) {
  margin-right: 0;
}
@media screen and (min-width: 992px) {
  .p-top-nav-item:nth-of-type(3n) {
    margin-right: 0.5em;
  }
}
@media screen and (min-width: 992px) {
  .p-top-nav-item:last-child {
    margin-right: 0;
  }
}
.p-top-nav-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  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;
  width: 21px;
  height: 21px;
  border-radius: 100px;
  margin-top: 0.3em;
  margin-bottom: 0.2em;
}
@media screen and (min-width: 992px) {
  .p-top-nav-icon {
    width: calc(40 / 1440 * 100vw);
    height: calc(40 / 1440 * 100vw);
    margin-top: 0.6em;
    margin-bottom: 0.4em;
  }
}
@media screen and (min-width: 1400px) {
  .p-top-nav-icon {
    width: 50px;
    height: 50px;
  }
}
.p-top-nav-icon--lg {
  width: 33px;
}
@media screen and (min-width: 992px) {
  .p-top-nav-icon--lg {
    width: calc(47 / 1440 * 100vw);
    height: calc(43 / 1440 * 100vw);
    margin-bottom: 0.3em;
  }
}
@media screen and (min-width: 1400px) {
  .p-top-nav-icon--lg {
    width: calc(52 / 1440 * 100vw);
    max-width: 56px;
    height: 50px;
    margin-bottom: 0.4em;
  }
}
.p-top-nav-icon img {
  max-width: 100%;
  max-height: 100%;
}
.p-top-nav-text {
  font-weight: bold;
  font-size: 11px;
  font-size: 0.6875rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  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;
  color: #9C9C9C;
  letter-spacing: 0em;
}
@media screen and (min-width: 992px) {
  .p-top-nav-text {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 110%;
    line-height: 130%;
  }
}
.p-top-nav-text-lg {
  font-size: 16px;
  font-size: 1rem;
  display: inline;
  color: #000;
  line-height: 1;
}
@media screen and (min-width: 992px) {
  .p-top-nav-text-lg {
    font-size: calc(20 / 1440 * 100vw);
    margin-bottom: 0.1em;
  }
}
@media screen and (min-width: 1200px) {
  .p-top-nav-text-lg {
    font-size: calc(20 / 1440 * 100vw);
    margin-bottom: 0.1em;
  }
}
@media screen and (min-width: 1400px) {
  .p-top-nav-text-lg {
    font-size: calc(20 / 1440 * 100vw);
  }
}
@media screen and (min-width: 1600px) {
  .p-top-nav-text-lg {
    font-size: 26px;
  }
}
.p-top-nav-text-spacing {
  letter-spacing: -0.05em;
}
@media screen and (min-width: 1200px) {
  .p-top-nav-text-spacing {
    font-size: 18px;
  }
}
@media screen and (min-width: 1400px) {
  .p-top-nav-text-spacing {
    font-size: 20px;
  }
}
.p-top-nav-en {
  font-size: 7px;
  font-size: 0.4375rem;
  display: inline;
  font-family: "Lexend Exa", serif;
  margin: 0.2em 0 0.3em;
  margin-top: 0.4em;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1;
}
@media screen and (min-width: 992px) {
  .p-top-nav-en {
    font-size: 12px;
    font-size: 0.75rem;
    margin-top: 0.3em;
  }
}
.p-top-nav-en--red {
  color: #EC424E;
}
.p-top-nav-en--blue {
  color: #2A92DF;
}
.p-top-nav-en--green {
  color: #2CC48B;
}
.p-top-concept {
  padding: 2em 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  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;
  overflow: hidden;
  z-index: -2;
  position: relative;
}
@media screen and (min-width: 992px) {
  .p-top-concept {
    padding: 5em 0;
  }
}
.p-top-concept__text {
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 2;
  font-weight: bold;
}
@media screen and (min-width: 992px) {
  .p-top-concept__text {
    font-size: 21px;
    font-size: 1.3125rem;
  }
}
.p-top-concept__logo {
  max-width: 180px;
  margin-bottom: 2em;
  margin-left: -1em;
}
@media screen and (min-width: 992px) {
  .p-top-concept__logo {
    max-width: 300px;
    margin-left: -2em;
  }
}
.p-top-concept-flow {
  position: absolute;
  left: 0;
  color: #f7f7f7;
  font-size: 75px;
  font-size: 4.6875rem;
  letter-spacing: 0.1em;
  font-weight: 900;
  bottom: 0.18em;
  white-space: nowrap;
  font-family: "Lexend Exa", serif;
  display: flex;
  width: 100vw;
  z-index: -1;
  margin-inline: calc(50% - 50vw);
}
@media screen and (min-width: 992px) {
  .p-top-concept-flow {
    font-size: 140px;
    font-size: 8.75rem;
    bottom: 0.3em;
  }
}
.p-top-concept-flow__in {
  flex-shrink: 0;
  white-space: nowrap;
  padding-left: 0.5em;
}
.p-top-concept-flow__in:nth-child(odd) {
  animation: c-anime-txt-flow 60s -30s infinite linear;
}
.p-top-concept-flow__in:nth-child(even) {
  animation: c-anime-txt-flow-second 60s infinite linear;
}
@media screen and (min-width: 992px) {
  .p-top .p-top-sales-bnr {
    margin-top: 3em;
  }
}
@media screen and (min-width: 992px) {
  .p-top .p-top-sales-bnr__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.p-top .p-top-sales-bnr__item {
  margin-bottom: 0.8em;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .p-top .p-top-sales-bnr__item {
    width: 49%;
    margin-bottom: 0;
  }
  .p-top .p-top-sales-bnr__item:nth-child(2) {
    margin-left: 2%;
  }
}
.p-top .p-top-sales-bnr__item img {
  box-shadow: rgba(0, 0, 0, 0.1) 2px 3px 10px;
}
.p-top .p-top-bk-bnr {
  margin: 0 auto 4em;
}
@media screen and (min-width: 992px) {
  .p-top .p-top-bk-bnr {
    margin: 0 auto 6em;
  }
}
@media screen and (max-width: 991px) {
  .p-top .p-top-bk-bnr img {
    box-shadow: rgba(0, 0, 0, 0.1) 2px 3px 10px;
  }
}
.p-top-theme {
  position: relative;
}
@media screen and (min-width: 992px) {
  .p-top-theme {
    padding: 0 1em;
  }
}
.p-top-theme__list {
  padding: 0 1em;
}
.p-top-theme__item {
  position: relative;
  padding: 0.5em;
}
.p-top-theme__item a:not(.in-link) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
  z-index: 5;
}
.p-top-theme__item a.in-link {
  position: relative;
  z-index: 5;
}
.p-top-theme__contents {
  margin-top: 0.5em;
  padding: 0.4em;
  background: #fff;
  border-radius: 0.5em;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.1) 2px 3px 10px;
  min-height: 3.8em;
  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;
}
@media screen and (min-width: 992px) {
  .p-top-theme__contents {
    padding: 1em;
    margin-top: 1em;
    min-height: inherit;
  }
}
.p-top-theme__contents:after {
  height: 3px;
  width: 2em;
  background: #EC424E;
  display: inline-block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 0.5em 0 0 0;
}
@media screen and (min-width: 992px) {
  .p-top-theme__contents:after {
    height: 4px;
    width: 3em;
  }
}
.p-top-theme__contents--green:after {
  background-color: #2CC48B;
}
.p-top-theme__contents--blue:after {
  background-color: #2A92DF;
}
.p-top-theme__contents--red:after {
  background-color: #EC424E;
}
.p-top-theme__contents--yellow:after {
  background-color: #ffe400;
}
.p-top-theme__contents--orange:after {
  background-color: #FFB914;
}
.p-top-theme__contents--purple:after {
  background-color: #7070D1;
}
.p-top-theme__ttl {
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  font-size: 0.75rem;
  margin-bottom: 0.2em;
}
@media screen and (min-width: 992px) {
  .p-top-theme__ttl {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 0.5em;
  }
}
.p-top-theme__text {
  display: none;
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 1.2;
}
@media screen and (min-width: 992px) {
  .p-top-theme__text {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.5;
  }
}
.p-top-theme__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.p-top-theme__bg:after {
  width: 20vw;
  height: 20vw;
  display: inline-block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(../images/common/bg_ring_color_01.svg);
  background-size: 100% auto;
  animation: c-anime-ring-color_01 75s ease-in-out infinite;
}
@media screen and (min-width: 992px) {
  .p-top-theme__bg:after {
    width: 32vw;
    height: 32vw;
    left: -12vw;
    top: 3vw;
  }
}
.p-top-ranking {
  position: relative;
        /*

        &-motif {


            width: 100%;

            img {
                width: 100%;
            }


            &__house {
                position: absolute;
                right: -18vw;
                width: 51vw;
                height: 19vw;
                bottom: -15vw;
                z-index: 99;


                @include mq(lg, min) {
                    right: -6vw;
                    width: 34vw;
                    height: 22vw;
                    bottom: -8vw;
                    z-index: 1;
                }

                img {
                    filter: drop-shadow(rgba(0, 0, 0, 0.08) 6px 6px 10px);
                }
            }

            &__cloud01 {
                position: absolute;
                animation: c-anime-bg-cloud-01 10s ease-in-out infinite;
                right: 37vw;
                width: 8vw;
                height: 2vw;
                bottom: -3vw;
                z-index: 100;

                @include mq(lg, min) {
                    right: -3vw;
                    width: 8vw;
                    height: 2vw;
                    bottom: 20vw;
                    z-index: 1;
                }

                img {
                    filter: drop-shadow(rgba(0, 0, 0, 0.08) 6px 6px 10px);
                }
            }

            &__cloud02 {
                position: absolute;
                animation: c-anime-bg-cloud-02 10s ease-in-out infinite;
                right: 29vw;
                width: 8vw;
                height: 2vw;
                bottom: 2vw;
                z-index: 100;


                @include mq(lg, min) {
                    right: 21vw;
                    width: 8vw;
                    height: 2vw;
                    bottom: 19vw;
                    z-index: 0;
                    z-index: 1;
                }

                img {
                    filter: drop-shadow(rgba(0, 0, 0, 0.08) 6px 6px 10px);
                }
            }
        }

*/
}
@media screen and (min-width: 992px) {
  .p-top-ranking {
    padding: 7em 1em 0em;
  }
}
.p-top-ranking .l-container, .p-top-ranking .l-main--col2, .p-top-ranking .l-main--col3 {
  z-index: 10;
  position: relative;
}
.p-top-ranking__in {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  z-index: 10;
  position: relative;
}
@media screen and (min-width: 992px) {
  .p-top-ranking__in {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 2em;
  }
}
.p-top-ranking__area, .p-top-ranking__station {
  width: 49%;
}
.p-top-ranking__area:first-child, .p-top-ranking__station:first-child {
  margin-right: 2%;
}
@media screen and (min-width: 992px) {
  .p-top-ranking__area, .p-top-ranking__station {
    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;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    width: inherit;
  }
}
@media screen and (min-width: 992px) {
  .p-top-ranking .p-top-ttl-basic {
    margin-right: 2em;
    min-width: 16em;
  }
}
.p-top-ranking__box {
  background: #fff;
  padding: 1em;
  border-radius: 6px;
}
@media screen and (min-width: 992px) {
  .p-top-ranking__box {
    padding: 2em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    margin-bottom: 2em;
    width: 100%;
  }
}
.p-top-ranking__list {
  margin-bottom: 1em;
  z-index: 10;
  position: relative;
}
@media screen and (min-width: 992px) {
  .p-top-ranking__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    margin-bottom: 0;
    width: calc(100% - 230px);
  }
}
.p-top-ranking__item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  background: url(../images/icon/icon_right_black.svg) no-repeat right center;
  background-size: 8px 8px;
  padding-right: 13px;
  background-position: right 6px center;
  padding-right: 1.2em;
  background-color: #F9F9F9;
  padding: 0.8em 0.8em;
  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;
  box-shadow: rgba(0, 0, 0, 0.08) 6px 6px 10px;
  border-radius: 6px;
  margin-bottom: 1em;
  font-weight: 600;
  font-size: 13px;
  font-size: 0.8125rem;
  margin-bottom: 1em;
}
.p-top-ranking__item a:not(.in-link) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
  z-index: 5;
}
.p-top-ranking__item a.in-link {
  position: relative;
  z-index: 5;
}
@media screen and (min-width: 992px) {
  .p-top-ranking__item {
    font-size: 18px;
    font-size: 1.125rem;
    padding: 1.5em 1em;
    min-width: 11em;
    border-radius: 12px;
    margin-right: 1em;
    background-position: right 10px center;
    margin-bottom: 0;
    width: calc(33% - 1em);
  }
}
.p-top-ranking__item:after {
  height: 5px;
  width: 1.5em;
  background: #EC424E;
  display: inline-block;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 0 0.5em 0 0;
}
@media screen and (min-width: 992px) {
  .p-top-ranking__item:after {
    height: 6px;
    width: 3em;
  }
}
.p-top-ranking__item--green:after {
  background-color: #2CC48B;
}
.p-top-ranking__item--blue:after {
  background-color: #2A92DF;
}
.p-top-ranking__item--red:after {
  background-color: #EC424E;
}
.p-top-ranking__item--yellow:after {
  background-color: #ffe400;
}
.p-top-ranking__item--orange:after {
  background-color: #FFB914;
}
.p-top-ranking__item--purple:after {
  background-color: #7070D1;
}
.p-top-ranking__num {
  width: 26px;
  height: 26px;
  color: #fff;
  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;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 0.5em;
  font-weight: bold;
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 50%;
  padding-top: 0px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: top center;
  position: absolute;
  left: -0.5em;
  top: -0.5em;
  font-family: "Lexend Exa", serif;
}
@media screen and (min-width: 992px) {
  .p-top-ranking__num {
    width: 35px;
    height: 25px;
    font-size: 15px;
    font-size: 0.9375rem;
    padding-top: 6px;
  }
}
.p-top-ranking__num--01 {
  background-image: url(../images/icon/icon_crown_gold.svg);
}
.p-top-ranking__num--02 {
  background-image: url(../images/icon/icon_crown_silver.svg);
}
.p-top-ranking__num--03 {
  background-image: url(../images/icon/icon_crown_copper.svg);
}
@media screen and (min-width: 992px) {
  .p-top-ranking__text {
    font-size: 16px;
    font-size: 1rem;
  }
}
.p-top-ranking-flow {
  position: absolute;
  left: 0;
  color: #ffffff;
  font-size: 68px;
  font-size: 4.25rem;
  letter-spacing: 0.1em;
  font-weight: 900;
  bottom: 3.9em;
  white-space: nowrap;
  font-family: "Lexend Exa", serif;
  display: flex;
  width: 100vw;
  margin-inline: calc(50% - 50vw);
  z-index: 0;
}
@media screen and (min-width: 992px) {
  .p-top-ranking-flow {
    font-size: 120px;
    font-size: 7.5rem;
    bottom: 3.25em;
  }
}
.p-top-ranking-flow__in {
  flex-shrink: 0;
  white-space: nowrap;
  padding-left: 0.5em;
}
.p-top-ranking-flow__in:nth-child(odd) {
  animation: c-anime-txt-flow 60s -30s infinite linear;
}
.p-top-ranking-flow__in:nth-child(even) {
  animation: c-anime-txt-flow-second 60s infinite linear;
}
.p-top-post {
  margin-top: 0;
}
@media screen and (min-width: 992px) {
  .p-top-post {
    margin-top: 2em;
  }
}
.p-top-post__in {
  padding: 1em 1em 0;
}
@media screen and (min-width: 992px) {
  .p-top-post__in {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.p-top-post__box {
  background: #F6F5F0;
  padding: 1em;
  margin-bottom: 3em;
}
@media screen and (min-width: 992px) {
  .p-top-post__box {
    width: calc(50% - 1em);
    padding: 1em 4em;
    margin-bottom: 1em;
  }
}
@media screen and (min-width: 992px) {
  .p-top-post__box:first-child {
    margin-right: 2em;
  }
}
.p-top-post__box .p-top-ttl-basic {
  margin-top: -1.5em;
}
.p-top-post__list {
  padding: 0.5em;
  padding-bottom: 1.5em;
}
@media screen and (min-width: 992px) {
  .p-top-post__list {
    padding: 0 1em;
    padding-bottom: 1em;
  }
}
.p-top-post__list--staff .slick-dots li.slick-active .js-slick__dots-item {
  color: #2CC48B;
}
.p-top-post__item {
  padding: 0.5em;
}
@media screen and (min-width: 992px) {
  .p-top-post__item {
    padding: 2em 1em;
  }
}
.p-top-post__item-in {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #fff;
}
.p-top-post__item-in a:not(.in-link) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
  z-index: 5;
}
.p-top-post__item-in a.in-link {
  position: relative;
  z-index: 5;
}
.p-top-post__link {
  color: #000;
}
.p-top-post__thumnail {
  margin-right: 0.5em;
  width: 100%;
  position: relative;
  overflow: hidden;
  overflow: hidden;
}
.p-top-post__thumnail::before {
  content: '';
  display: block;
  padding-top: 130%;
}
@media screen and (min-width: 350px) {
  .p-top-post__thumnail::before {
    padding-top: 70%;
  }
}
@media screen and (min-width: 576px) {
  .p-top-post__thumnail::before {
    padding-top: 75%;
  }
}
@media screen and (min-width: 992px) {
  .p-top-post__thumnail::before {
    padding-top: 75%;
  }
}
.p-top-post__thumnail img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 100%;
  width: 100%;
  max-height: 100%;
}
.p-top-post__contents {
  width: 100%;
  padding: 0.5em;
}
@media screen and (min-width: 992px) {
  .p-top-post__contents {
    padding: 0.85em;
  }
}
.p-top-post__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  font-weight: bold;
  margin-bottom: 0.2em;
}
.p-top-post__new {
  color: #EC424E;
  margin-left: 0.5em;
  font-size: 12px;
  font-size: 0.75rem;
}
@media screen and (min-width: 992px) {
  .p-top-post__new {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.p-top-post__date {
  font-size: 12px;
  font-size: 0.75rem;
}
@media screen and (min-width: 992px) {
  .p-top-post__date {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.p-top-post__ttl {
  font-size: 12px;
  font-size: 0.75rem;
  margin-bottom: 0.4em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  min-height: 3.6em;
}
@media screen and (min-width: 992px) {
  .p-top-post__ttl {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}
.p-top-post__text {
  display: none;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 12px;
  font-size: 0.75rem;
  display: none;
}
@media screen and (min-width: 992px) {
  .p-top-post__text {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}
.p-top-post__btn {
  margin-bottom: 1em;
  margin-top: 1.5em;
  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;
}
@media screen and (min-width: 992px) {
  .p-top-post__btn {
    margin-top: 1em;
  }
}
.p-top-useful {
  padding-bottom: 1em;
  position: relative;
}
@media screen and (min-width: 992px) {
  .p-top-useful {
    padding: 2em 1em 6em;
  }
}
.p-top-useful .l-container, .p-top-useful .l-main--col2, .p-top-useful .l-main--col3 {
  z-index: 2;
  position: relative;
}
.p-top-useful__list {
  padding: 0 1em;
}
.p-top-useful__item {
  position: relative;
  padding: 0.5em;
}
.p-top-useful__item a:not(.in-link) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
  z-index: 5;
}
.p-top-useful__item a.in-link {
  position: relative;
  z-index: 5;
}
.p-top-useful__contents {
  margin-top: 0.5em;
  padding: 0.4em;
  background: #fff;
  border-radius: 0.5em;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.1) 2px 3px 10px;
  min-height: 3.8em;
  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;
}
@media screen and (min-width: 992px) {
  .p-top-useful__contents {
    padding: 1em;
    margin-top: 1em;
    min-height: inherit;
  }
}
.p-top-useful__contents:after {
  height: 3px;
  width: 2em;
  background: #EC424E;
  display: inline-block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 0.5em 0 0 0;
}
@media screen and (min-width: 992px) {
  .p-top-useful__contents:after {
    height: 4px;
    width: 3em;
  }
}
.p-top-useful__contents--green:after {
  background-color: #2CC48B;
}
.p-top-useful__contents--blue:after {
  background-color: #2A92DF;
}
.p-top-useful__contents--red:after {
  background-color: #EC424E;
}
.p-top-useful__contents--yellow:after {
  background-color: #ffe400;
}
.p-top-useful__contents--orange:after {
  background-color: #FFB914;
}
.p-top-useful__ttl {
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  font-size: 0.75rem;
}
@media screen and (min-width: 992px) {
  .p-top-useful__ttl {
    font-size: 16px;
    font-size: 1rem;
  }
}
.p-top-useful__text {
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 1.3;
  display: none;
}
@media screen and (min-width: 992px) {
  .p-top-useful__text {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.5;
  }
}
.p-top-useful-flow {
  position: absolute;
  left: 0;
  color: #ffffff;
  font-size: 68px;
  font-size: 4.25rem;
  letter-spacing: 0.1em;
  font-weight: 900;
  top: 0.6em;
  white-space: nowrap;
  font-family: "Lexend Exa", serif;
  display: flex;
  width: 100vw;
  margin-inline: calc(50% - 50vw);
  z-index: 0;
}
@media screen and (min-width: 992px) {
  .p-top-useful-flow {
    font-size: 120px;
    font-size: 7.5rem;
    top: 0.8em;
  }
}
.p-top-useful-flow__in {
  flex-shrink: 0;
  white-space: nowrap;
  padding-left: 0.5em;
}
.p-top-useful-flow__in:nth-child(odd) {
  animation: c-anime-txt-flow 60s -30s infinite linear;
}
.p-top-useful-flow__in:nth-child(even) {
  animation: c-anime-txt-flow-second 60s infinite linear;
}
.p-top-shop {
  padding: 0em 0 0em;
  position: relative;
}
@media screen and (min-width: 992px) {
  .p-top-shop {
    padding: 3em 0 3em;
  }
}
.p-top-info {
  padding: 0em 1em;
}
@media screen and (min-width: 992px) {
  .p-top-info {
    padding: 3em 1em 2em;
  }
}
.p-top-info__in {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (min-width: 992px) {
  .p-top-info__in {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
  }
}
.p-top-info__box {
  background-color: #F6F6F6;
  padding: 2em 1.2em;
  border-radius: 6px;
}
@media screen and (min-width: 992px) {
  .p-top-info__box {
    padding: 2em;
  }
}
.p-top-calendar {
  background: #F6F6F6;
  margin-bottom: 1em;
  padding: 2em 1.2em;
  margin-bottom: 2em;
  border-radius: 6px;
}
@media screen and (min-width: 992px) {
  .p-top-calendar {
    margin-right: 2em;
    padding: 2em;
  }
}
.p-top-calendar .p-top-ttl-basic {
  margin-top: -2.5em;
}
.p-top-relation .p-top-ttl-basic {
  margin-top: -1.5em;
}
.p-top-relation__in {
  background: #fff;
  border-radius: 10px;
  border-radius: 6px;
  padding: 1em;
  margin-bottom: 2em;
}
@media screen and (min-width: 1300px) {
  .p-top-relation__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.p-top-relation__item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding: 0.5em;
  font-weight: 500;
  font-size: 13px;
  font-size: 0.8125rem;
}
.p-top-relation__item a:not(.in-link) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
  z-index: 5;
}
.p-top-relation__item a.in-link {
  position: relative;
  z-index: 5;
}
.p-top-relation__item:last-child {
  border-bottom: none;
}
@media screen and (min-width: 992px) {
  .p-top-relation__item {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}
@media screen and (min-width: 1300px) {
  .p-top-relation__item {
    width: 49%;
    font-size: 15px;
    font-size: 0.9375rem;
    margin-right: 1%;
  }
}
.p-top-relation__icon {
  width: 30px;
  height: 30px;
  margin-right: 0.5em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  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;
}
.p-top-sns {
  margin-bottom: 1em;
}
@media screen and (min-width: 992px) {
  .p-top-sns {
    margin: 1em auto;
  }
}
.p-top-sns .p-top-ttl-basic {
  margin-top: -1.5em;
  margin-bottom: 0.5em;
}
.p-top-sns__in {
  background: #fff;
  border-radius: 6px;
  padding: 1em;
  margin-bottom: 2em;
}
.p-top-sns__in .p-top-ttl-basic {
  margin-top: -1.5em;
}
.p-top-sns__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  border-radius: 10px;
  overflow: hidden;
}
.p-top-sns__item {
  position: relative;
  height: 54px;
  margin-left: 0.1em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 29px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  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;
}
.p-top-sns__item a:not(.in-link) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
  z-index: 5;
}
.p-top-sns__item a.in-link {
  position: relative;
  z-index: 5;
}
@media screen and (min-width: 992px) {
  .p-top-sns__item {
    height: 50px;
    margin-left: 0.8em;
  }
}
.p-top-sns__item--twitter {
  background-color: #000000;
}
.p-top-sns__item--twitter:before {
  background-image: url(../images/icon/icon_x_white.svg);
  background-size: 50% auto;
}
.p-top-sns__item--instagram {
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%);
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%);
  position: relative;
}
.p-top-sns__item--instagram:before {
  background-image: url(../images/icon/icon_instagram_white.svg);
}
.p-top-sns__item--youtube {
  background-color: #c4302b;
}
.p-top-sns__item--youtube:before {
  background-image: url(../images/icon/icon_youtube_white.svg);
}
.p-top-sns__item--facebook {
  background-color: #3b5998;
}
.p-top-sns__item--facebook:before {
  background-size: 28% auto;
  background-image: url(../images/icon/icon_facebook_white.svg);
}
.p-top-sns__item img {
  width: 95%;
}
.p-top-sns__text {
  color: #fff;
  font-size: 12px;
  font-size: 0.75rem;
}
@media screen and (min-width: 992px) {
  .p-top-sns__text {
    font-size: 16px;
    font-size: 1rem;
  }
}

/* =========================================================
sitemap - サイトマップページの独自コンテンツ
========================================================= */
.p-sitemap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.p-sitemap__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 1.5em;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .p-sitemap__box {
    width: 33%;
  }
}
.p-sitemap__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.p-sitemap__item {
  margin-right: 1.5em;
  position: relative;
  text-decoration: underline;
  margin-bottom: 0.3em;
  white-space: nowrap;
  font-size: 14px;
  font-size: 0.875rem;
  width: 100%;
  color: #1185E7;
}
.p-sitemap__item a:not(.in-link) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
  z-index: 5;
}
.p-sitemap__item a.in-link {
  position: relative;
  z-index: 5;
}

/* =========================================================
not_found -not_foundページの独自コンテンツ
========================================================= */
/* =========================================================
arrivals - 物件表示関連
========================================================= */
/*通常検索セクション*
======================*/
/*PCは上下　SPは絞り込みをnoneにしておく*/
.p-arrivals-search-section {
  z-index: 2;
  position: relative;
  /*絞り込み*/
  /*元々の条件　－駅や地域絞り込みなど*/
}
.p-arrivals-search-section--col2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
@media screen and (min-width: 992px) {
  .p-arrivals-search-section-main {
    padding-left: 2em;
  }
}
.p-arrivals-search-section-refine {
  display: none;
}
@media screen and (min-width: 992px) {
  .p-arrivals-search-section-refine {
    display: block;
    padding-top: 100px;
    margin-top: -100px;
  }
}
.p-arrivals-search-section-refine--full {
  position: fixed;
  top: 0;
  padding-top: 44px;
  left: 0;
  width: 100%;
  z-index: 102;
  height: 100%;
  background: #fff;
  display: block;
  overflow-y: scroll;
  overflow-x: hidden;
}
@media screen and (min-width: 992px) {
  .p-arrivals-search-section-refine--full {
    position: inherit;
    padding: 1em;
  }
}
.p-arrivals-search-section-condition {
  display: none;
  padding-bottom: 50px;
}
@media screen and (min-width: 992px) {
  .p-arrivals-search-section-condition:before {
    position: fixed;
    top: 0;
    left: 0;
    background: #ccc;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    z-index: 101;
  }
}
@media screen and (min-width: 992px) {
  .p-arrivals-search-section-condition__in {
    margin: 1em;
    position: absolute;
    top: 0;
    left: calc(50% - 600px);
    z-index: 99;
    background: #fff;
    padding: 2em;
    width: 1200px;
    margin: 0 auto;
    display: block;
    z-index: 101;
    border-radius: 10px;
    overflow: hidden;
  }
}
.p-arrivals-search-section-condition-box {
  overflow-y: scroll;
}
.p-arrivals-search-section-condition--full {
  position: fixed;
  top: 0;
  padding-top: 44px;
  left: 0;
  width: 100%;
  z-index: 102;
  height: 100%;
  background: #fff;
  display: block;
  overflow-y: scroll;
}
@media screen and (min-width: 992px) {
  .p-arrivals-search-section-condition--full {
    height: calc(90% - 120px);
    top: 70px;
  }
}
.p-arrivals-search-section-condition__title-fix {
  background: #dfdfdf;
  color: #EC424E;
  z-index: 9999;
  height: 44px;
  width: 100%;
  padding: 5px;
  position: absolute;
  top: 0;
  left: 0;
}
.p-arrivals-search-section-condition__title-close {
  background: #fff;
  color: #000;
  width: 65px;
  height: 34px;
  text-align: center;
  line-height: 32px;
  cursor: pointer;
}

/*元々の条件や絞り込み条件の現状を表示するテーブル
======================*/
.p-arrivals-condition-info {
  padding: 3px 5px 0 3px;
  border-radius: 5px;
  margin: 0.5em 0 2em;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.04) 10px 10px 13px;
}
@media screen and (min-width: 992px) {
  .p-arrivals-condition-info {
    padding: 5px 5px 5px;
    margin: 2em 0 1em;
  }
}
.p-arrivals-condition-info__table {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (min-width: 992px) {
  .p-arrivals-condition-info__table {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.p-arrivals-condition-info__th {
  width: 26%;
  font-size: 13px;
  font-size: 0.8125rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  width: calc(26% - 5px);
  text-align: center;
  padding: 0.2em;
  padding-left: 0;
  padding-top: 0;
  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;
  line-height: 105%;
  position: relative;
  font-weight: bold;
}
@media screen and (min-width: 992px) {
  .p-arrivals-condition-info__th {
    width: 100%;
    font-size: 16px;
    font-size: 1rem;
    border-right: none;
    padding: 0.5em;
  }
}
.p-arrivals-condition-info__th:before {
  position: absolute;
  right: 0;
  height: calc(100% - 5px);
  top: 2px;
  width: 2px;
  display: block;
  content: "";
  background: #e5e5e5;
}
@media screen and (min-width: 992px) {
  .p-arrivals-condition-info__th:before {
    display: none;
  }
}
.p-arrivals-condition-info__th:after {
  position: absolute;
  right: 0;
  width: 95%;
  top: 0;
  height: 2px;
  display: block;
  content: "";
  background: #efefef;
}
@media screen and (min-width: 992px) {
  .p-arrivals-condition-info__th:after {
    display: none;
  }
}
.p-arrivals-condition-info__th:nth-child(1):after {
  display: none;
}
.p-arrivals-condition-info__td {
  width: calc(75% - 2px);
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.6;
  padding: 0.6em 0em 0.6em 0.5em;
  position: relative;
}
@media screen and (min-width: 992px) {
  .p-arrivals-condition-info__td {
    width: 100%;
    font-size: 16px;
    font-size: 1rem;
    margin: 0;
    padding: 0.5em;
  }
}
.p-arrivals-condition-info__td:nth-child(2):after {
  display: none;
}
@media screen and (min-width: 992px) {
  .p-arrivals-condition-info__td:nth-child(2):after {
    display: block;
    top: 0;
  }
}
.p-arrivals-condition-info__td:after {
  position: absolute;
  right: 2.5%;
  width: 95%;
  top: 0px;
  height: 2px;
  display: block;
  content: "";
  background: #efefef;
}
.p-arrivals-condition-info__in {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
@media screen and (min-width: 992px) {
  .p-arrivals-condition-info__in {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.p-arrivals-condition-info__list {
  position: relative;
  margin-right: 1%;
}
@media screen and (min-width: 992px) {
  .p-arrivals-condition-info__list {
    width: 100%;
  }
}
.p-arrivals-condition-info__item {
  position: relative;
  overflow: hidden;
  /*SPの時のみ文字制限*/
}
.p-arrivals-condition-info__btn {
  width: 6.8em;
  min-width: 6.8em;
}
@media screen and (min-width: 992px) {
  .p-arrivals-condition-info__btn {
    margin-top: 0.5em;
    margin-bottom: 0.2em;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
  }
}
.p-arrivals-condition-info__ttl {
  font-weight: bold;
  color: #000;
}

/*元々の条件や絞り込み条件の現状を表示するテーブル
======================*/
.p-arrivals-head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}
@media screen and (min-width: 992px) {
  .p-arrivals-head {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: 1em;
  }
}
.p-arrivals-head__ttl {
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
@media screen and (min-width: 992px) {
  .p-arrivals-head__ttl {
    text-align: left;
  }
}
.p-arrivals-head__ttl__in {
  font-size: 15px;
  font-size: 0.9375rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  height: 38px;
  width: 19px;
  display: none;
}
@media screen and (min-width: 992px) {
  .p-arrivals-head__ttl__in {
    font-size: 20px;
    font-size: 1.25rem;
    height: 38px;
  }
}
.p-arrivals-head__ttl__contents {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}
@media screen and (min-width: 992px) {
  .p-arrivals-head__ttl__contents {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }
}
.p-arrivals-head__hit {
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: -0.05em;
  position: relative;
  color: #000;
  vertical-align: bottom;
}
@media screen and (min-width: 992px) {
  .p-arrivals-head__hit {
    padding: 6px 20px 6px 0;
    font-size: 16px;
    font-size: 1rem;
    margin-right: 1em;
  }
}
.p-arrivals-head__num {
  display: inline-block;
  font-size: 15px;
  font-size: 0.9375rem;
  margin: 0 0.2em;
  color: #EC424E;
  font-weight: bold;
}
@media screen and (min-width: 992px) {
  .p-arrivals-head__num {
    font-size: 30px;
    font-size: 1.875rem;
  }
}

/*
絞り込み条件
===========================*/
.p-arrivals-search-refine {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  margin-top: 10px;
  font-size: 13px;
  font-size: 0.8125rem;
  padding: 5px;
  transform: .3s;
  font-weight: 600;
  margin-bottom: 10px;
  border-bottom: 3px solid #f1f1f1;
}
.p-arrivals-search-refine:hover {
  opacity: 0.8;
}
@media screen and (min-width: 992px) {
  .p-arrivals-search-refine:hover {
    opacity: 1;
  }
}
@media screen and (min-width: 992px) {
  .p-arrivals-search-refine {
    padding: 5px 5px 10px;
  }
}
.p-arrivals-search-refine__ttl {
  font-weight: bold;
  background: url(../images/icon/icon_right_thin_black.svg) no-repeat right center;
  background-size: 8px 8px;
  padding-right: 13px;
  background-position: top 3px;
  line-height: 1.3;
}
.p-arrivals-search-refine__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 5px;
  line-height: 1.3;
}
.p-arrivals-search-refine__item::after {
  content: "・";
}
.p-arrivals-search-refine__item:last-of-type::after {
  content: none;
}
.p-arrivals-search-refine__open {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
  z-index: 5;
  cursor: pointer;
}
@media screen and (min-width: 992px) {
  .p-arrivals-search-refine__open {
    display: none;
  }
}
.p-arrivals-search-refine__open-link {
  text-align: center;
  margin: 10px auto 0;
  padding-top: 5px;
  border-top: 1px dashed #ccc;
  width: 100%;
}
.p-arrivals-search-refine__open-link .in {
  background: url(../images/icon/icon_bottom_main.svg) no-repeat right center;
  background-size: 10px 10px;
  padding-right: 15px;
  color: #EC424E;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .p-arrivals-search-refine__open-link {
    display: none;
  }
}

/*ソート
===========================*/
.p-arrivals-sort {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin-right: 5px;
  margin-bottom: 0.2em;
  margin-right: 0.3em;
}
.p-arrivals-sort__ttl {
  display: none;
  font-size: 13px;
  font-size: 0.8125rem;
}
@media screen and (min-width: 992px) {
  .p-arrivals-sort__ttl {
    display: block;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 600;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    color: #000;
    border-radius: 3px 0 0 3px;
    font-weight: 600;
  }
}
.p-arrivals-sort__in {
  margin-left: 0.3em;
}
@media screen and (min-width: 992px) {
  .p-arrivals-sort .c-form-select {
    height: 37px;
    font-size: 16px;
    font-size: 1rem;
  }
}

/*PAPGENATION
===========================*/
.p-arrivals-pagenation {
  margin-left: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
}

.p-arrivals-favorite-btn {
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  background: #ccc;
  transition: .3s;
  cursor: pointer;
  transition: .3s;
  cursor: pointer;
}
.p-arrivals-favorite-btn:hover {
  opacity: .7;
}
.p-arrivals-favorite-btn__in {
  display: block;
  width: 23px;
  height: 23px;
  background: url(../images/icon/icon_star_w.svg) no-repeat center;
  background-size: 75% 75%;
  opacity: 0.9;
}
@media screen and (min-width: 576px) {
  .p-arrivals-favorite-btn__in {
    width: 23px;
    height: 23px;
  }
}
@media screen and (min-width: 992px) {
  .p-arrivals-favorite-btn__in {
    width: 28px;
    height: 28px;
  }
}
.p-arrivals-favorite-btn--active {
  background: #ccc;
  border: none;
}
.p-arrivals-favorite-btn--active .p-arrivals-favorite-btn__in {
  background-image: url(../images/icon/icon_star_w.svg);
}
.p-arrivals-favorite-btn__modal {
  position: absolute;
  top: -6px;
  left: -190px;
  width: 180px;
  padding: 8px;
  background: #bb8750;
  text-align: center;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  z-index: 50;
}
@media screen and (min-width: 992px) {
  .p-arrivals-favorite-btn__modal {
    top: 0;
  }
}
.p-arrivals-favorite-btn__modal::before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 10px;
  border-color: transparent transparent transparent #bb8750;
  position: absolute;
  top: 15px;
  right: -10px;
}
.p-arrivals-favorite-btn__modal__in {
  font-size: 12px;
  font-size: 0.75rem;
  color: #ffffff;
  margin-bottom: 5px;
  display: block;
}

/*list/detial共通画像整備

================*/
.p-arrivals-images {
  background-color: #ffffff;
  position: relative;
  overflow: hidden;
  width: 100%;
}
.p-arrivals-images::before {
  content: '';
  display: block;
  padding-top: 130%;
}
@media screen and (min-width: 350px) {
  .p-arrivals-images::before {
    padding-top: 70%;
  }
}
@media screen and (min-width: 576px) {
  .p-arrivals-images::before {
    padding-top: 75%;
  }
}
@media screen and (min-width: 992px) {
  .p-arrivals-images::before {
    padding-top: 75%;
  }
}
.p-arrivals-images__img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 100%;
  width: auto;
  max-height: 100%;
}

/* =========================================================
arrivals-search -絞り込み検索内
========================================================= */
/*絞り込み検索内*/
.p-arrivals-search {
  width: 100%;
}
@media screen and (min-width: 992px) {
  .p-arrivals-search {
    position: relative;
  }
}

/*沿線選択
=============*/
.p-arrivals-search-along {
  background: #ccc;
  padding: 15px 0 5px;
  margin-bottom: 5px;
}
.p-arrivals-search-along__btn {
  margin: 0 5px 5px;
  background: #EC424E;
  padding: 15px;
  text-align: center;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
@media screen and (min-width: 992px) {
  .p-arrivals-search-along__btn {
    display: none;
  }
}
.p-arrivals-search-along__btn.rotate .p-arrivals-search-along__btn__in {
  background: url(../images/icon/icon_up_thin_gray.svg) no-repeat right center;
  background-size: 15px 15px;
  padding-right: 20px;
}
.p-arrivals-search-along__btn__in {
  color: #ffffff;
  font-size: 15px;
  font-size: 0.9375rem;
  background: url(../images/icon/icon_bottom_w.svg) no-repeat right center;
  background-size: 15px 15px;
  padding-right: 20px;
}
.p-arrivals-search-along__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.p-arrivals-search-along__item {
  display: inline-block;
  margin-bottom: 10px;
  padding: 0 5px;
}

/*サイドの検索
=============*/
@media screen and (min-width: 992px) {
  .p-arrivals-search {
    -moz-box-shadow: 0 0 5px 0 transparent;
    -webkit-box-shadow: 0 0 5px 0 transparent;
    box-shadow: 0 0 5px 0 transparent;
  }
}
.p-arrivals-search__contents {
  margin-bottom: 50px;
}
@media screen and (min-width: 992px) {
  .p-arrivals-search__contents {
    padding: 0;
    margin-bottom: 0;
  }
}
.p-arrivals-search__title-fix {
  background: #dfdfdf;
  color: #EC424E;
  z-index: 9999;
  height: 44px;
  width: 100%;
  padding: 5px;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 992px) {
  .p-arrivals-search__title-fix {
    display: none;
  }
}
.p-arrivals-search__title-close {
  background: #fff;
  color: #000;
  width: 65px;
  height: 34px;
  text-align: center;
  line-height: 34px;
}
@media screen and (min-width: 992px) {
  .p-arrivals-search__title-close {
    display: none;
  }
}

/*サイドの検索
=============*/
.p-arrivals-search-commuter-box {
  width: 100%;
  background: #f6f6f6;
  padding: 1em 0;
  margin-top: 1em;
}
.p-arrivals-search-commuter-box__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (min-width: 992px) {
  .p-arrivals-search-commuter-box__list {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.p-arrivals-search-commuter-box__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  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;
  width: 100%;
  margin-bottom: 1em;
}
@media screen and (min-width: 992px) {
  .p-arrivals-search-commuter-box__item {
    padding: 1em;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 0;
  }
}
.p-arrivals-search-commuter-box__item:first-child {
  border-bottom: 1px dotted #c4c4c4;
  padding-bottom: 1em;
}
@media screen and (min-width: 992px) {
  .p-arrivals-search-commuter-box__item:first-child {
    border-bottom: none;
    padding-right: 1em;
    border-right: 1px dotted #c4c4c4;
  }
}
.p-arrivals-search-commuter-box__item .p-search-select__in {
  margin-bottom: 0.5em;
}
@media screen and (min-width: 992px) {
  .p-arrivals-search-commuter-box__item .p-search-select__in {
    margin-bottom: 0;
  }
}
.p-arrivals-search-commuter-box__caption {
  margin: 0 0.5em 0.2em;
  font-weight: bold;
  color: #000;
}
@media screen and (min-width: 992px) {
  .p-arrivals-search-commuter-box__caption {
    font-size: 17px;
    font-size: 1.0625rem;
    margin: 0 0.5em;
  }
}
.p-arrivals-search-commuter-box__caption-school {
  margin: 0 0.5em 0.2em;
  font-weight: bold;
  color: #000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
@media screen and (min-width: 992px) {
  .p-arrivals-search-commuter-box__caption-school {
    font-size: 17px;
    font-size: 1.0625rem;
    margin: 0 0.5em;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
  }
}
.p-arrivals-search-commuter-box__schoolname {
  background: #f9e3e4;
  padding: 0.5em 0.8em;
  border-radius: 0.3em;
  font-weight: bold;
  color: #d90b1a;
  border: solid #ec424e 2px;
  font-size: 14px;
  font-size: 0.875rem;
  margin-top: 0.5em;
}
@media screen and (min-width: 992px) {
  .p-arrivals-search-commuter-box__schoolname {
    font-size: 18px;
    font-size: 1.125rem;
    margin-top: 0;
    margin-left: 0.5em;
  }
}
.p-arrivals-search-commuter-box__unit {
  margin: 0 0.5em;
  font-weight: bold;
}

/*=====================
サイドの検索
====================*/
.p-arrivals-search-title {
  text-align: center;
  position: relative;
  margin-bottom: 0.5em;
  padding: 1em 0 0;
}
@media screen and (min-width: 992px) {
  .p-arrivals-search-title {
    display: block;
    padding: 0.5em;
    margin-bottom: 0;
    background: #ec424e;
    color: #fff;
    border-radius: 5px 5px 0 0;
  }
}
.p-arrivals-search-title:after {
  display: block;
  width: 8px;
  height: 40px;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #EC424E;
  width: 50px;
  height: 3px;
  left: calc(50% - 30px);
  bottom: -7px;
  top: inherit;
}
@media screen and (min-width: 992px) {
  .p-arrivals-search-title:after {
    content: none;
    bottom: -2px;
  }
}
.p-arrivals-search-title__in {
  display: inline-block;
  font-weight: 600;
  font-size: 14px;
  font-size: 0.875rem;
}
@media screen and (min-width: 992px) {
  .p-arrivals-search-title__in {
    font-size: 16px;
    font-size: 1rem;
  }
}

/*【sp】title・ボタン*/
.p-arrivals-search__open {
  padding: 5px;
  background: rgba(255, 255, 255, 0.8);
  height: 55px;
}
@media screen and (min-width: 992px) {
  .p-arrivals-search__open {
    display: none;
    background-color: #EC424E;
  }
}
.p-arrivals-search__open__btn {
  width: 100%;
  margin: 0 auto;
  background: url(../images/icon/icon_up_w.svg) no-repeat right 5px center;
  background-size: 10px 10px;
  padding-right: 20px;
  background-color: #0b132f;
  padding: 10px 10px 0;
  height: 45px;
  max-width: 350px;
  margin: 0 auto;
  text-align: center;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  cursor: pointer;
  background-position: center right 10px;
}
.p-arrivals-search__open__in {
  background: url(../images/icon/icon_search_w.svg) no-repeat left center;
  background-size: 13px 13px;
  padding-left: 18px;
  display: inline-block;
  color: #ffffff;
  padding-top: 4px;
  padding-bottom: 5px;
  font-size: 15px;
  font-size: 0.9375rem;
}
@media screen and (min-width: 992px) {
  .p-arrivals-search__open__in {
    font-size: 13px;
    font-size: 0.8125rem;
  }
}

/*開いた時*/
.js-clicked .p-arrivals-search__open__btn {
  width: 100%;
  background: url(../images/icon/icon_bottom_thin_gray.svg) no-repeat right 7.5px center;
  background-size: 15px 15px;
  padding-right: 30px;
  background-color: #EC424E;
  margin: 0 auto;
}

/*検索項目
＝＝＝＝＝＝＝＝＝＝＝＝*/
/*項目タイトル*/
/*絞り込み内1項目づつブロック*/
.p-search-contents__block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  padding: 0 0.4em;
  padding-bottom: 6px;
}
@media screen and (min-width: 992px) {
  .p-search-contents__block {
    padding: 0.8em 0.2em;
    padding: 0.5em 0;
  }
}
.p-search-contents__block input[type="text"].c-form-input {
  min-width: inherit;
}

/*ラジオボックス＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.p-search-radio input[type="radio"] {
  display: none;
}
.p-search-radio input[type="radio"]:checked + .p-search-radio__label {
  background-color: #fbf4f4;
  border: 0;
  color: #ffffff;
}
.p-search-radio input[type="radio"]:checked + .p-search-radio__label .p-search-radio__title::after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  background: #903d3d;
  margin-top: 6px;
  top: -3px;
  left: 2px;
}
.p-search-radio input[type="radio"]:checked + .p-search-radio__label .p-search-radio__title:before {
  background: #fff;
}
.p-search-radio__label {
  display: inline-block;
  padding: 0.2em;
  background-color: #fff;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  font-size: 13px;
  font-size: 0.8125rem;
  transition: .3s;
  cursor: pointer;
  height: 40px;
  line-height: 30px;
  width: 100%;
  border-radius: 3px;
}
.p-search-radio__label:hover {
  opacity: .7;
}
.p-search-radio__title {
  padding-left: 23px;
  position: relative;
  position: absolute;
}
.p-search-radio__title::before {
  content: "";
  display: block;
  position: absolute;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  background: #cccccc;
  margin-top: 6px;
}

/*チェックボックス＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.p-search-checkbox {
  display: block;
  min-width: 100%;
  margin-right: 1%;
  margin-bottom: 0.4%;
  cursor: pointer;
  text-align: left;
  position: relative;
}
@media screen and (min-width: 992px) {
  .p-search-checkbox {
    min-width: 15%;
  }
}
.p-search-checkbox__input {
  display: none;
}
@media screen and (min-width: 992px) {
  .p-search-checkbox__input:checked + .p-search-checkbox__label {
    background-color: #fff;
  }
}
.p-search-checkbox__input:checked + .p-search-checkbox__label .p-search-checkbox__title:after {
  content: "";
  display: block;
  position: absolute;
  top: 0.4em;
  left: 5px;
  width: 7px;
  height: 10px;
  transform: rotate(40deg);
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  z-index: 100;
}
@media screen and (min-width: 992px) {
  .p-search-checkbox__input:checked + .p-search-checkbox__label .p-search-checkbox__title:after {
    top: 0.4em;
  }
}
.p-search-checkbox__input:checked + .p-search-checkbox__label .p-search-checkbox__title::before {
  background: #EC424E;
  border: none;
  width: 19px;
  height: 19px;
}
.p-search-checkbox__title {
  position: relative;
  font-size: 14px;
  font-size: 0.875rem;
  word-break: break-all;
  padding: 0.4em 0.5em;
  display: inline-block;
  line-height: 130%;
  z-index: 51;
  padding-left: 32px;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
@media screen and (min-width: 992px) {
  .p-search-checkbox__title {
    padding: 0.4em 0.5em 0.5em 27px;
    font-size: 15px;
    font-size: 0.9375rem;
    font-weight: normal;
  }
}
.p-search-checkbox__title::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.4em;
  left: 0;
  width: 15px;
  height: 15px;
  background: #ffffff;
  border: solid #e3e3e3 2px;
}
@media screen and (min-width: 992px) {
  .p-search-checkbox__title::before {
    top: 0.4em;
  }
}
.p-search-checkbox__link {
  color: #000;
  text-decoration: underline;
  z-index: 1;
  position: relative;
  top: 0;
  left: 2px;
  width: 100%;
  display: block;
  min-width: 5em;
  padding: 0 0.2em 0;
}
.p-search-checkbox__input:checked {
  border: none;
  display: block !important;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  z-index: 50;
  opacity: 0;
}
.p-search-checkbox__label {
  padding: 0.5em 0.5em;
  width: 100%;
  display: inline-block;
  background: none;
  border-bottom: solid 1px #efefef;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  font-size: 13px;
  font-size: 0.8125rem;
  transition: .3s;
  cursor: pointer;
  position: relative;
  z-index: 50;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
}
@media screen and (min-width: 992px) {
  .p-search-checkbox__label {
    border-bottom: none;
    padding: 0 0.5em;
  }
}

/*セレクト＝＝＝＝＝＝＝＝＝*/
.p-search-select {
  width: 100%;
  background: #e2e2e2;
  padding: 10px 10px 0;
}
.p-search-select:first-of-type {
  padding-top: 0;
}
.p-search-select:last-of-type {
  border-bottom: none;
}
.p-search-select__in {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
}
.p-search-select__in__unit {
  font-size: 12px;
  font-size: 0.75rem;
  display: block;
  padding: 0 5px;
  text-align: center;
  white-space: nowrap;
}
@media screen and (min-width: 992px) {
  .p-search-select__in__unit {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.p-search-select__in.radio {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.p-search-select__in.radio li {
  margin: 5px;
  width: 46%;
}
.p-search-select__title {
  width: 100%;
  font-size: 15px;
  font-size: 0.9375rem;
  font-size: 0.875rem;
  color: #000000;
  position: relative;
  display: inline-block;
  margin-bottom: 0.5em;
  padding: 0em 0.6em;
  margin: 0.4em 0 0.5em;
  font-weight: bold;
  border-left: 4px solid #4d555f;
}
.p-search-select__unit {
  margin: 0 0.2em;
}

/*送信ボタン＝＝＝＝＝＝＝＝＝*/
.p-arrivals-search__submit {
  padding: 0.5em;
  text-align: center;
  background: #fff;
  display: none;
}
.p-arrivals-search__submit .c-basic-btn {
  min-width: 200px;
}

/*検索結果一覧のときのみ表示*/
@media screen and (min-width: 992px) {
  .p-search-list .p-arrivals-search__submit {
    display: block;
  }
}

/*条件を一括削除＝＝＝＝＝＝＝＝＝*/
.p-arrivals-search-reset {
  text-align: center;
  padding-top: 10px;
  padding: 1em 1em 1em;
  background: #f0f6f7;
}
.p-arrivals-search-reset__in {
  text-decoration: underline;
  color: #1185E7;
}
@media screen and (min-width: 992px) {
  .p-arrivals-search-reset {
    margin-bottom: 2em;
  }
}

/*閉じる*/
.p-arrivals-search__close {
  background: #ccc;
  padding: 15px;
  text-align: center;
}
.p-arrivals-search__close__in {
  background: url(../images/icon/icon_close_w.svg) no-repeat right center;
  background-size: 12px 12px;
  padding-right: 17px;
  color: #ffffff;
}

/*フリーワード=========*/
/*検索FIXボタン群====================*/
.js-arrivals-search-fixbtn {
  z-index: 104;
  position: relative;
}

.p-arrivals-search-fixbtn {
  background: #f1f1f1;
  display: none;
  padding: 10px 0;
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efeefe;
}
@media screen and (min-width: 992px) {
  .p-arrivals-search-fixbtn {
    height: 82px;
    background: #f9f9f9;
  }
}
.p-arrivals-search-fixbtn--show {
  display: block;
  display: block;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  transition: .5s;
  z-index: 101;
}
@media screen and (min-width: 992px) {
  .p-arrivals-search-fixbtn--show {
    bottom: 0;
  }
}
.p-arrivals-search-fixbtn__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.p-arrivals-search-fixbtn__item {
  font-weight: bold;
  font-size: 12px;
  font-size: 0.75rem;
  text-align: center;
  border-radius: 2px;
  margin-right: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  height: 100%;
}
@media screen and (min-width: 992px) {
  .p-arrivals-search-fixbtn__item {
    font-size: 16px;
    font-size: 1rem;
    margin-right: 10px;
  }
}
.p-arrivals-search-fixbtn__item:last-child {
  margin-right: 0;
}
.p-arrivals-search-fixbtn__item--col1 {
  width: calc(80% - 5px);
}
.p-arrivals-search-fixbtn__item--col2 {
  width: calc(50% - 5px);
}
.p-arrivals-search-fixbtn__item--col-count {
  width: calc(30% - 5px);
}
@media screen and (min-width: 992px) {
  .p-arrivals-search-fixbtn__item--col-count {
    width: 37%;
  }
}
.p-arrivals-search-fixbtn__item--col-count.p-arrivals-search-fixbtn__item--more {
  width: 40%;
}
@media screen and (min-width: 992px) {
  .p-arrivals-search-fixbtn__item--col-count.p-arrivals-search-fixbtn__item--more {
    width: 37%;
  }
}
.p-arrivals-search-fixbtn__item--col3 {
  width: calc(33% - 5px);
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}
.p-arrivals-search-fixbtn__item--col3 .c-basic-btn {
  max-width: 100%;
  min-width: 100%;
}
.p-arrivals-search-fixbtn__btn {
  position: relative;
  width: 100%;
}
.p-arrivals-search-fixbtn__btn .c-basic-btn {
  min-width: inherit;
  max-width: 100%;
}
@media screen and (min-width: 992px) {
  .p-arrivals-search-fixbtn__btn .c-basic-btn {
    height: 60px;
    line-height: 60px;
  }
}
.p-arrivals-search-fixbtn__count {
  max-width: 30vw;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin-top: 0.6em;
}
@media screen and (min-width: 992px) {
  .p-arrivals-search-fixbtn__count {
    margin-top: 1em;
  }
}
.p-arrivals-search-fixbtn__count-ttl {
  display: inline;
  font-size: 11px;
  font-size: 0.6875rem;
}
.p-arrivals-search-fixbtn__count-num {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  color: #EC424E;
  display: inline;
  margin: 0 0.05em;
}
@media screen and (min-width: 992px) {
  .p-arrivals-search-fixbtn__count-num {
    font-size: 30px;
    font-size: 1.875rem;
    margin: 0 0.2em;
    line-height: 40%;
  }
}
.p-arrivals-search-fixbtn__count-unit {
  font-size: 11px;
  font-size: 0.6875rem;
  color: #000;
  font-weight: inherit;
  display: inline;
}
@media screen and (min-width: 992px) {
  .p-arrivals-search-fixbtn__count-unit {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.p-arrivals-search-fixbtn--active {
  display: block;
  position: fixed !important;
  bottom: 0;
  left: 0;
  width: 100%;
  transition: .5s;
  z-index: 103;
}
@media screen and (min-width: 992px) {
  .p-arrivals-search-fixbtn--active {
    bottom: 0;
  }
}

/* =========================================================
arrivals-detail.scss - 物件詳細ページ
========================================================= */
.p-detail {
  margin-bottom: 5px;
  padding-bottom: 50px;
}
@media screen and (max-width: 991px) {
  .p-detail .c-pagetop-btn {
    bottom: 77px !important;
  }
}
.p-detail__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (min-width: 992px) {
  .p-detail__row {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.p-detail__main {
  margin-bottom: 15px;
  padding: 0;
  position: relative;
  padding: 1em;
  background: #f8f8f8;
  border-radius: 10px;
}
@media screen and (min-width: 992px) {
  .p-detail__main {
    width: 660px;
    padding: 2em 2em;
  }
}
.p-detail__side {
  margin-bottom: 15px;
}
@media screen and (min-width: 992px) {
  .p-detail__side {
    width: calc(100% - 650px);
    margin-left: 10px;
  }
}

/*マンション名*/
.p-detail-ttl {
  background: #ffffff;
  padding: 1em 0;
  font-size: 15px;
  font-size: 0.9375rem;
}
@media screen and (min-width: 992px) {
  .p-detail-ttl {
    font-size: 24px;
    font-size: 1.5rem;
    padding: 1em 0;
  }
}
.p-detail-ttl .l-container, .p-detail-ttl .l-main--col2, .p-detail-ttl .l-main--col3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.p-detail-ttl h1 {
  margin-bottom: 0.4em;
}
.p-detail-ttl__main {
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.p-detail-ttl__new {
  background: #EC424E;
  color: #fff;
  padding: 0.2em 0.5em;
  line-height: 1.2em;
  display: inline-block;
  margin-right: 0.5em;
  font-size: 12px;
  font-size: 0.75rem;
}
@media screen and (min-width: 992px) {
  .p-detail-ttl__new {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}

/*説明文
================*/
.p-detail-description {
  padding: 0.8em;
  background: #f9f8f1;
  margin: 0 0 1em;
  margin-bottom: 1em;
  text-align: left;
  position: relative;
  border-radius: 5px;
  font-size: 12px;
  font-size: 0.75rem;
}
@media screen and (min-width: 992px) {
  .p-detail-description {
    padding: 0.8em;
    margin: 0 0 1em;
    text-align: center;
    line-height: 1.5;
    font-size: 16px;
    font-size: 1rem;
  }
}
.p-detail-description:before {
  content: "";
  position: absolute;
  top: 99%;
  right: 3%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 10px solid #fbf4f4;
}

/*ポイント　春予約等
================*/
.p-detail-point {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .p-detail-point {
    margin-top: 0;
    margin-bottom: 0.5em;
  }
}
.p-detail-point__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.p-detail-point__item {
  padding: 0.4em 1em;
  line-height: 1.1em;
  background: #f4f4f4;
  color: #EC424E;
  margin-right: 0.2em;
  font-size: 11px;
  font-size: 0.6875rem;
  margin-bottom: 0.2em;
  border-radius: 1em;
}
@media screen and (min-width: 992px) {
  .p-detail-point__item {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

/*ポイント　春予約等
================*/
.p-detail-noacancy-ttl {
  background: #ffdbdb;
  color: #ff1e2e;
  font-weight: 600;
  padding: 0.2em 0.5em;
  border-radius: 0.2em;
  margin: 0 auto;
  margin-bottom: 0.5em;
  width: 100%;
  text-align: center;
  font-size: 15px;
}
@media screen and (min-width: 992px) {
  .p-detail-noacancy-ttl {
    width: 22em;
    font-size: 21px;
    font-size: 1.3125rem;
    padding: 0.5em 0;
  }
}

/*ID
================*/
.p-detail-id {
  text-align: right;
  padding-bottom: 0.2em;
  font-size: 13px;
  font-size: 0.8125rem;
  color: #EC424E;
}
@media screen and (min-width: 992px) {
  .p-detail-id {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 15px;
    font-size: 0.9375rem;
  }
}

/*画像
================*/
.p-detail-images {
  position: relative;
  margin-bottom: 0px;
}
@media screen and (min-width: 992px) {
  .p-detail-images {
    margin-bottom: 20px;
  }
}
.p-detail-images__list {
  padding: 0 1em;
}
.p-detail-images__item .p-arrivals-images {
  background-color: inherit;
  max-height: 250px;
}
.p-detail-images__item .p-arrivals-images:hover {
  opacity: 1;
}
@media screen and (min-width: 576px) {
  .p-detail-images__item .p-arrivals-images {
    max-height: 250px;
  }
}
@media screen and (min-width: 992px) {
  .p-detail-images__item .p-arrivals-images {
    max-height: 450px;
  }
}
.p-detail-images__item .p-arrivals-images .p-arrivals-images__title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 50;
  background: rgba(0, 0, 0, 0.5);
  color: #ffffff;
  padding: 10px;
  font-size: 14px;
  font-size: 0.875rem;
}
.p-detail-images .p-arrivals-images {
  background: #fff;
}
.p-detail-images__ttl {
  text-align: center;
  font-weight: 600;
  margin: 0.5em 0 0.2em;
}
.p-detail-images__comment {
  text-align: center;
  margin-bottom: 0.5em;
}
@media screen and (min-width: 992px) {
  .p-detail-images__comment {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.p-detail-images .js-slick__next {
  background-size: 20px 20px;
  right: -15px;
  border-radius: 0;
  width: 20px;
  height: 20px;
  top: 50%;
}
@media screen and (min-width: 992px) {
  .p-detail-images .js-slick__next {
    background-color: inherit;
    right: -24px;
  }
}
.p-detail-images .js-slick__prev {
  background-size: 20px 20px;
  left: -15px;
  border-radius: 0;
  width: 20px;
  height: 20px;
  top: 50%;
}
@media screen and (min-width: 992px) {
  .p-detail-images .js-slick__prev {
    background-color: inherit;
    left: -24px;
  }
}
.p-detail-images .slick-disabled {
  display: none !important;
}

/*パノラマ
================*/
.p-detail-panorama {
  margin: 0.5em 0;
  border: solid #ffbec1 2px;
  border-radius: 10px;
  overflow: hidden;
}
@media screen and (min-width: 992px) {
  .p-detail-panorama {
    margin: 1em 0;
  }
}
.p-detail-panorama__ttl {
  margin-bottom: 0.5em;
  font-weight: bold;
  background: #ffeeef;
  padding: 0.5em;
  font-size: 14px;
  font-size: 0.875rem;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .p-detail-panorama__ttl {
    font-size: 16px;
    font-size: 1rem;
    text-align: left;
  }
}
.p-detail-panorama__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0.5em;
}
@media screen and (min-width: 992px) {
  .p-detail-panorama__list {
    padding: 1em;
  }
}
.p-detail-panorama__item {
  position: relative;
  height: 37px;
  width: 48%;
  margin-right: 1%;
  margin-bottom: 1%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  background: url(../images/icon/icon_panorama_main.svg) no-repeat left center;
  background-size: 30px 30px;
  padding-left: 35px;
  padding-left: 40px;
  border-radius: 5px;
  background-position: left 0.2em center;
  background-color: #fff;
  box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.1);
  background-color: #fcfcfc;
}
@media screen and (min-width: 992px) {
  .p-detail-panorama__item {
    background-size: 32px auto;
    background-position: left 0.2em center;
    height: 44px;
    width: 32%;
    padding: 0.2em 0.5em;
    padding-left: 42px;
  }
}
.p-detail-panorama__item:hover {
  background-image: url(../images/icon/icon_panorama_main.svg);
}
.p-detail-panorama__contents {
  line-height: 130%;
  font-size: 12px;
  font-size: 0.75rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media screen and (min-width: 992px) {
  .p-detail-panorama__contents {
    font-size: 13px;
    font-size: 0.8125rem;
    text-align: left;
  }
}

/*お気にいりボタン
================*/
.p-detail-favorite {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 99;
}

/*種別*/
.p-detail-catgory__item {
  font-size: 10px;
  font-size: 0.625rem;
  margin-left: 0.5em;
  padding: 0em 0.5em;
  line-height: 1.6;
  background: #fbf4f4;
  color: #fff;
}
@media screen and (min-width: 992px) {
  .p-detail-catgory__item {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.p-detail-catgory__item--mansion {
  background: #ff5656;
}
.p-detail-catgory__item--apart {
  background: #ffbb2f;
}
.p-detail-catgory__item--house {
  background: #19b259;
}
.p-detail-catgory__item--parking {
  background: #244bb0;
}
.p-detail-catgory__item--office {
  background: #b54eca;
}
.p-detail-catgory__item--terrace {
  background: #d6c111;
}

.p-detail-table {
  box-shadow: 3px 3px 0 #f4f4f4;
  width: 100%;
  margin: 10px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border: solid 2px #f0f0f0;
  border-radius: 5px;
}
@media screen and (min-width: 992px) {
  .p-detail-table {
    margin: 0;
  }
}
.p-detail-table__price {
  color: #EC424E;
  font-weight: 600;
}
.p-detail-table__price-num {
  font-size: 20px;
  font-size: 1.25rem;
}
@media screen and (min-width: 992px) {
  .p-detail-table__price-num {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
.p-detail-table__map {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}
.p-detail-table__map-btn {
  position: relative;
}
.p-detail-table__th {
  width: 40%;
  font-size: 12px;
  font-size: 0.75rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  background: #f7f7f7;
  text-align: center;
  font-weight: bold;
  padding: 0.5em;
  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;
  border-top: 1px solid #f0f0f0;
}
@media screen and (min-width: 992px) {
  .p-detail-table__th {
    padding: 1em 0.5em;
    font-size: 15px;
    font-size: 0.9375rem;
  }
}
.p-detail-table__th:first-child {
  border: none;
}
.p-detail-table__td {
  width: 60%;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.6;
  padding: 0.5em;
  letter-spacing: 1px;
  border-top: 1px solid #f0f0f0;
}
@media screen and (min-width: 992px) {
  .p-detail-table__td {
    padding: 1em 0.5em;
    font-size: 15px;
    font-size: 0.9375rem;
  }
}
.p-detail-table__td:nth-child(2) {
  border: none;
}
.p-detail-table__in {
  position: relative;
}
.p-detail-table__btn {
  position: absolute;
  right: 10px;
  top: 0;
}

/*専用contactエリア
================*/
.p-detail-contact {
  margin-bottom: 2em;
}
.p-detail-contact__in {
  overflow: hidden;
  border-radius: 5px;
  padding: 2em 0.5em 0.2em;
  margin: 0 0 1em;
  margin-top: -1.5em;
  position: relative;
  z-index: 10;
  background: #d0e9ff;
}
@media screen and (min-width: 992px) {
  .p-detail-contact__in {
    padding: 4em 1em 1em;
  }
}
.p-detail-contact__list {
  padding: 0.5em;
  background: #fff;
}
@media screen and (min-width: 992px) {
  .p-detail-contact__list {
    padding: 2em 1em 2em;
  }
}
.p-detail-contact__list:first-child {
  padding-bottom: 0;
}
.p-detail-contact__list:last-child {
  padding-top: 0;
  margin-bottom: 1em;
  padding-bottom: 0.2em;
}
@media screen and (min-width: 992px) {
  .p-detail-contact__list:last-child {
    padding-bottom: 0.5em;
    margin-bottom: 0;
  }
}
.p-detail-contact-ttl {
  z-index: 20;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  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;
  margin-bottom: 1em;
  position: relative;
  position: relative;
  background: #1f8ada;
  padding: 0.5em 1em;
  width: 110%;
  margin-left: -5%;
}
@media screen and (min-width: 992px) {
  .p-detail-contact-ttl {
    margin-left: 0;
    width: 70%;
    border-radius: 40px;
    margin: 0 auto;
  }
}
.p-detail-contact-ttl__sub {
  background: #fff;
  position: relative;
  border-radius: 50px;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bold;
  padding: 0.05em 0.2em 0.1em;
  color: #1f8ada;
  border-radius: 3px;
}
@media screen and (min-width: 992px) {
  .p-detail-contact-ttl__sub {
    font-size: 14px;
    font-size: 0.875rem;
    padding: 0.1em 0.4em 0.1em;
  }
}
.p-detail-contact-ttl__main {
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  margin-left: 0.5em;
  font-weight: bold;
}
@media screen and (min-width: 992px) {
  .p-detail-contact-ttl__main {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.p-detail-contact-ttl:before {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #1f8ada;
  content: "";
  display: block;
  height: 0;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  bottom: -4px;
}

/*情報テーブル
=================*/
.p-detail-info {
  background: #f5f5f5;
  padding: 10px;
  border-radius: 6px;
}
.p-detail-info__id {
  font-size: 12px;
  font-size: 0.75rem;
  text-align: right;
  line-height: 153%;
}
@media screen and (min-width: 992px) {
  .p-detail-info__id {
    margin-top: -18px;
  }
}
.p-detail-info__in {
  padding: 10px;
}
.p-detail-info__title {
  background: #fff;
}
.p-detail-info__name {
  color: #EC424E;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 1.3;
  font-size: 18px;
  font-size: 1.125rem;
  padding: 0.5em;
}
@media screen and (min-width: 992px) {
  .p-detail-info__name {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.p-detail-info__asaid {
  padding: 0 10px;
}
.p-detail-info__mansion {
  color: #EC424E;
  font-size: 12px;
  font-size: 0.75rem;
  background: url(../images/icon/icon_right_thin_black.svg) no-repeat right center;
  background-size: 10px 10px;
  padding-right: 15px;
  text-align: right;
  width: 100%;
  font-weight: bold;
  text-decoration: underline;
  margin-bottom: 0.5em;
}
@media screen and (min-width: 992px) {
  .p-detail-info__mansion {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.p-detail-info__main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  -moz-align-items: baseline;
  align-items: baseline;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  position: relative;
  padding: 0 0.5em 0.5em;
  background: #fff;
  border: none !important;
  /*テーブル設定*/
}
.p-detail-info__main .p-arrivals-pay .small {
  font-size: 60%;
  padding-left: 3px;
  color: #000;
}
.p-detail-info__main .p-arrivals-pay__sub {
  font-size: 13px;
  font-size: 0.8125rem;
  color: #ccc;
}
@media screen and (min-width: 576px) {
  .p-detail-info__main .p-arrivals-pay__sub {
    font-size: 15px;
    font-size: 0.9375rem;
    padding-left: 10px;
  }
}
.p-detail-info__main .p-arrivals-info__td {
  text-align: left;
}
.p-detail-info .p-arrivals-floor-plan {
  font-weight: bold;
  color: #1f3b7b;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin: 0 10px;
}
.p-detail-info .p-arrivals-floor-plan__main {
  font-size: 14px;
  font-size: 0.875rem;
}
.p-detail-info .p-arrivals-floor-plan__sub {
  margin: 0 !important;
  font-size: 14px;
  font-size: 0.875rem;
}

/*設備
=================*/
.p-detail-facility-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.p-detail-facility-item {
  padding: 0em 0.4em 0.1em;
  display: inline-block;
  margin-bottom: 0.3em;
  margin-right: 0.3em;
  border: solid #fffba0 2px;
  border-radius: 3px;
}

/*情報テーブル詳細
=================*/
.p-datail-info-table {
  box-shadow: 3px 3px 0 #f4f4f4;
  width: 100%;
  margin: 10px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border: solid 2px #ccc;
  border-radius: 5px;
}
@media screen and (min-width: 992px) {
  .p-datail-info-table {
    margin: 10px 0 0;
  }
}
.p-datail-info-table__price {
  color: #EC424E;
  font-weight: 600;
}
.p-datail-info-table__price-num {
  font-size: 20px;
  font-size: 1.25rem;
}
@media screen and (min-width: 992px) {
  .p-datail-info-table__price-num {
    font-size: 28px;
    font-size: 1.75rem;
  }
}
.p-datail-info-table__map {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}
.p-datail-info-table__th {
  width: 10em;
  font-size: 11px;
  font-size: 0.6875rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  background: #f7f7f7;
  text-align: center;
  padding: 0.5em;
  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;
  border-top: 1px solid #ccc;
}
@media screen and (min-width: 992px) {
  .p-datail-info-table__th {
    width: 17%;
    font-size: 15px;
    font-size: 0.9375rem;
    padding: 1em 1em;
  }
}
.p-datail-info-table__th:first-child {
  border: none;
}
@media screen and (min-width: 992px) {
  .p-datail-info-table__th:nth-child(3) {
    border: none;
  }
}
.p-datail-info-table__td {
  width: calc(100% - 10em);
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 1.6;
  padding: 0.5em;
  letter-spacing: 1px;
  border-top: 1px solid #ccc;
}
@media screen and (min-width: 992px) {
  .p-datail-info-table__td {
    width: 33%;
    font-size: 15px;
    font-size: 0.9375rem;
  }
}
.p-datail-info-table__td:nth-child(2) {
  border: none;
}
@media screen and (min-width: 992px) {
  .p-datail-info-table__td:nth-child(4) {
    border: none;
  }
}
@media screen and (min-width: 992px) {
  .p-datail-info-table__td--full {
    width: 83%;
  }
}
.p-datail-info-table__in {
  position: relative;
}
.p-datail-info-table__btn {
  position: absolute;
  right: 10px;
  top: 0;
}

/*スライダーサムネイル
=================*/
.p-detail-info__thumb {
  padding-bottom: 1em;
}
@media screen and (min-width: 992px) {
  .p-detail-info__thumb {
    padding: 0 2em 2em;
  }
}
.p-detail-info__thumb .slick-dots {
  bottom: -17px;
}
.p-detail-info__thumb .slick-dots li button {
  width: 10px;
  height: 10px;
}
@media screen and (min-width: 992px) {
  .p-detail-info__thumb .slick-track {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-width: 100%;
  }
}

.p-detail-images__thumb {
  margin-bottom: 0 !important;
}
@media screen and (min-width: 992px) {
  .p-detail-images__thumb {
    display: block;
  }
}
.p-detail-images__thumb__item {
  background: #fff;
  transition: .3s;
  cursor: pointer;
  position: relative;
  padding: 0.1em;
}
.p-detail-images__thumb__item:hover {
  opacity: .7;
}
.p-detail-images__thumb .js-slick-thumb__prev,
.p-detail-images__thumb .js-slick-thumb__next {
  display: none !important;
  position: absolute;
  top: calc(50% - 15px);
  width: 20px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px auto;
  z-index: 50;
  opacity: 0.8;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
@media screen and (min-width: 992px) {
  .p-detail-images__thumb .js-slick-thumb__prev,
  .p-detail-images__thumb .js-slick-thumb__next {
    display: block !important;
    width: 20px;
    height: 20px;
    background-size: 16px auto;
  }
}
.p-detail-images__thumb .js-slick-thumb__prev.slick-disabled,
.p-detail-images__thumb .js-slick-thumb__next.slick-disabled {
  display: none !important;
}
.p-detail-images__thumb .js-slick-thumb__prev {
  left: -25px;
  background-image: url(../images/icon/icon_left_black.svg);
}
.p-detail-images__thumb .js-slick-thumb__next {
  right: -25px;
  background-image: url(../images/icon/icon_right_black.svg);
}

/*SNS*/
.p-detail-sns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.p-detail-sns__item {
  margin: 0 5px;
  max-height: 22px;
}

/*周辺マップ
===================*/
.p-detail-map {
  margin-bottom: 2em;
}

/*=============
戻る
==============*/
.p-detail-back {
  padding: 15px 0;
}
.p-detail-back__in {
  padding: 10px;
}
.p-detail-back__link {
  text-decoration: underline;
  color: #0e2874;
}
.p-detail-back__link__in {
  font-size: 14px;
  font-size: 0.875rem;
  background: url(../images/icon/icon_left_blue.svg) no-repeat left center;
  background-size: 13px 13px;
  padding-left: 18px;
}

/* =========================================================
arrivals-map 
========================================================= */
/* =========================================================
地図検索
========================================================= */
/*地図の画像ナビ＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.p-search-map-nav {
  position: relative;
  margin: 0 auto;
}
@media screen and (min-width: 992px) {
  .p-search-map-nav {
    width: 800px;
    margin: 0 auto;
  }
}
.p-search-map-nav__item {
  position: relative;
  padding: 0.2em 0.5em 0.2em;
  background: #EC424E;
  color: #fff;
  position: absolute;
  border-radius: 5px;
}
.p-search-map-nav__item a:not(.in-link) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
  z-index: 5;
}
.p-search-map-nav__item a.in-link {
  position: relative;
  z-index: 5;
}
@media screen and (min-width: 992px) {
  .p-search-map-nav__item {
    padding: 0.5em 1em 0.3em;
  }
}
.p-search-map-nav__item--kosei {
  top: 27%;
  left: 13%;
}
.p-search-map-nav__item--konan {
  top: 81%;
  left: 20%;
}
.p-search-map-nav__item--kotou {
  top: 79%;
  left: 44%;
}
.p-search-map-nav__item--kusatsu {
  top: 61%;
  left: 36%;
}
.p-search-map-nav__item--rittou {
  top: 65%;
  left: 52%;
}
.p-search-map-nav__item--moriyama {
  top: 47%;
  left: 40%;
}
.p-search-map-nav__item--yasu {
  top: 46%;
  left: 59%;
}
.p-search-map-nav__item--takashima {
  top: 2%;
  left: 27%;
}

/*サイド＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*MAP検索条件絞り込み*/
.p-search-wring {
  display: none;
  border-radius: 5px;
  overflow: hidden;
  background: #ffffff;
}
@media screen and (min-width: 992px) {
  .p-search-wring {
    display: block;
  }
}
.p-search-wring__ttl {
  border-top: 1px solid #cccccc;
}
.p-search-wring__ttl:first-child {
  border-top: none;
}
.p-search-wring__ttl .in {
  width: 100%;
  display: block;
  padding: 15px;
  font-weight: bold;
  background: url(../images/icon/icon_up_black.svg) no-repeat right 10px center;
  background-size: 20px 20px;
  padding-right: 40px;
  transition: .3s;
  cursor: pointer;
}
.p-search-wring__ttl .in:hover {
  opacity: .7;
}
.p-search-wring__ttl .in.rotate {
  background-image: url(../images/icon/icon_bottom_black.svg);
}
.p-search-wring__contents {
  padding: 10px;
  border-top: 1px solid #cccccc;
  background: #dcdcdc;
}
.p-search-wring__send {
  padding: 15px;
  text-align: center;
  margin-top: -40px;
  margin-bottom: 40px;
}
@media screen and (min-width: 992px) {
  .p-search-wring__send {
    margin-top: 0;
  }
}

/*簡易検索のときのデザイン　※一覧ページサイド*/
.p-search-wring .c-form-checkbox__list .c-form-checkbox__item {
  width: 48%;
  padding: 0;
  margin: 0;
  min-width: auto;
  margin-right: 2%;
}
.p-search-wring .c-form-checkbox__list .c-form-checkbox {
  display: block;
  width: 100%;
  border: none;
  box-shadow: none;
  padding: 10px 5px;
  background: #ffffff;
}
.p-search-wring .c-form-checkbox__list .c-form-checkbox__parts {
  padding-right: 0px;
}
@media screen and (min-width: 992px) {
  .p-search-wring .c-form-checkbox__list .c-form-checkbox__parts {
    font-size: 13px;
    font-size: 0.8125rem;
  }
}
.p-search-wring .c-form-checkbox__list .c-form-checkbox__parts:before {
  background: #ccc;
}
.p-search-wring .c-form-checkbox__list .c-form-checkbox__input:checked .c-form-checkbox__parts:before {
  background: #fff;
}
.p-search-wring .c-form-checkbox__list.col1 {
  display: block;
}
.p-search-wring .c-form-checkbox__list.col1 .c-form-checkbox__item {
  width: 100%;
}
.p-search-wring .c-form-radio__list .c-form-radio__item {
  width: 50%;
  padding: 0;
  margin: 0;
  min-width: auto;
}
.p-search-wring .c-form-radio {
  display: block;
  width: 100%;
  border: none;
  box-shadow: none;
  padding: 10px 0;
}
.p-search-wring .c-form-radio__parts {
  padding-right: 0px;
}
@media screen and (min-width: 992px) {
  .p-search-wring .c-form-radio__parts {
    font-size: 13px;
    font-size: 0.8125rem;
  }
}
.p-search-wring .c-form-radio__parts a {
  text-decoration: underline;
  color: #EC424E;
}

/* =========================================================
search - 主に検索結果一覧
========================================================= */
/*通常fixを非表示*/
.p-search ~ .c-foot-fix {
  display: none;
}
@media screen and (max-width: 991px) {
  .p-search .c-pagetop-btn {
    bottom: 60px;
  }
}
@media screen and (max-width: 991px) {
  .p-search-area .c-footer {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .p-search-railway .c-footer {
    display: none;
  }
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝
検索一覧
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/*物件一覧*/
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝
検索一覧・詳細の共通パーツ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/*photo*/
.p-search-photo {
  border: solid #ececec 2px;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  text-align: center;
  max-height: 150px;
  min-height: 150px;
  width: 100%;
  padding: 5px;
}
.p-search-photo img {
  max-width: 100%;
  width: 90%;
  max-height: 100%;
}

/*お気に入り*/
.p-search-favorite__messeage {
  position: fixed;
  top: 0;
  left: 0;
  height: 50px;
  background: #fffbd5;
  display: none;
  z-index: 101;
  width: 100%;
  line-height: 50px;
  text-align: center;
  color: #e6740e;
  font-weight: 500;
}
.p-search-favorite__messeage--active {
  display: block;
}
.p-search-favorite__btn {
  background: #ccc;
  border-radius: 2px;
  position: relative;
  height: 20px;
  width: 20px;
  z-index: 100;
  cursor: pointer;
}
.p-search-favorite__btn:before {
  background-image: url(../images/icon/icon_star_white.svg);
  display: block;
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 100% auto;
  content: "";
  height: 14px;
  width: 14px;
  position: absolute;
  right: 3px;
  top: 2px;
}
.p-search-favorite__btn:before {
  right: 3px;
  top: 2px;
}
.p-search-favorite__btn--active {
  outline: solid 2px #FFB914;
  background: #fff;
}
.p-search-favorite__btn--active:before {
  background-image: url(../images/icon/icon_star_orange.svg);
}
.p-search-favorite__btn--big {
  height: 30px;
  width: 30px;
}
.p-search-favorite__btn--big:before {
  height: 19px;
  width: 19px;
  right: 5px;
  top: 5px;
}
.p-search-favorite__btn--big--active:before {
  right: 3px;
  top: 3px;
}

/*お気に入り*/
.p-search-favorite-lg__messeage {
  position: fixed;
  top: 0;
  left: 0;
  height: 50px;
  background: #fff7b1;
  color: #f4984e;
  display: none;
  z-index: 105;
  width: 100%;
  line-height: 50px;
  text-align: center;
}
.p-search-favorite-lg__messeage--active {
  display: block !important;
}
.p-search-favorite-lg__btn {
  text-align: center;
  text-decoration: none !important;
  transition: .3s;
  transition: .3s;
  cursor: pointer;
  display: block;
  width: 100%;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: bold;
  position: relative;
  line-height: 100%;
  background-color: #f9f9f9;
  border-radius: 5px;
  outline: 2.5px solid #e9e9e9;
  outline-offset: -2.5px;
  padding: 0.5em 0.5em 0.6em;
  border-radius: 5px;
  padding: 0.6em 0.5em;
  color: #352f20;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  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;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.p-search-favorite-lg__btn:hover {
  opacity: .7;
}
@media screen and (min-width: 992px) {
  .p-search-favorite-lg__btn {
    font-size: 16px;
    font-size: 1rem;
    padding: 0.6em 1em;
    background-size: 13px 13px;
  }
}
.p-search-favorite-lg__btn:before {
  background-image: url(../images/icon/icon_star_orange.svg);
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  content: "";
  height: 14px;
  width: 14px;
  margin-right: 2px;
}
.p-search-favorite-lg__btn:after {
  display: inline-block;
  content: "に登録";
}
.p-search-favorite-lg__btn.p-search-favorite__btn--active {
  background: #fff4cf;
  color: #ff873e;
  outline: none;
}
.p-search-favorite-lg__btn.p-search-favorite__btn--active:before {
  background-image: url(../images/icon/icon_star_orange.svg);
}
.p-search-favorite-lg__btn.p-search-favorite__btn--active:after {
  display: inline-block;
  content: "登録済";
}

/*キャッチコピー*/
.p-search-catch {
  padding: 5px 0;
}
.p-search-catch .in {
  display: inline-block;
  color: #EC424E;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: bold;
  line-height: 1.6;
}
@media screen and (min-width: 992px) {
  .p-search-catch .in {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.p-search-catch a.in {
  text-decoration: underline;
}

/*物件名 キャッチ*/
.p-search-name {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #333;
  letter-spacing: 1px;
}
@media screen and (min-width: 992px) {
  .p-search-name {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}
.p-search-name a.in {
  text-decoration: underline;
  color: #000000;
}

/*表の情報*/
/*
.p-search-sub-info {

    // spサイズ以上
    @include mq(lg,
        min) {}

    &__item {
        @include flexbox;
        @include flex-wrap(wrap); // spサイズ以上

        @include mq(lg,
            min) {}

        //1カラム////////////////////////
        &.col1 {
            .ttl {
                width: 100%; // spサイズ以上

                @include mq(lg,
                    min) {
                    width: 90px;
                }
            }

            .text {
                width: 100%; // spサイズ以上

                @include mq(lg,
                    min) {
                    width: calc(100% - 90px);
                }
            }
        }

        //title////////////////////////////
        .ttl {
            width: 90px;
            @include font-size(13);
            color: $main-color;
            border-top: 1px solid #cccccc;
            padding: 10px;
            padding-right: 0; // spサイズ以上

            @include mq(lg,
                min) {
                width: 90px;
                @include font-size(13);
            }

            &:nth-child(3n) {
                border-left: 1px solid #cccccc;
            }
        }

        //text////////////////////////////
        .text {
            width: calc(100% - 90px);
            @include font-size(12);
            border-top: 1px solid #cccccc;
            padding: 10px; // spサイズ以上

            @include mq(lg,
                min) {
                width: calc(50% - 90px);
                @include font-size(14);
            }

        }
    }
}
*/
/*icon付き情報*/
/*======================
検索一覧
======================*/
/*＝＝＝＝＝＝＝＝＝
縦並びリスト　※物件一覧
＝＝＝＝＝＝＝＝＝*/
.p-search-block {
  position: relative;
  padding-top: 5px;
  margin-bottom: 15px;
  padding: 0.5em;
  margin-top: 0.8em;
  border-radius: 5px;
  overflow: hidden;
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.08) 6px 6px 10px;
}
@media screen and (min-width: 992px) {
  .p-search-block {
    margin-bottom: 40px;
    padding: 1em;
    margin-top: 1em;
  }
}
.p-search-block:first-child {
  margin-top: 0.5em;
}
.p-search-block .icon-new {
  left: auto;
  right: 10px;
}
@media screen and (min-width: 992px) {
  .p-search-block .icon-new {
    right: 20px;
  }
}
.p-search-block__head {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  font-size: 16px;
  font-size: 1rem;
  line-height: 100%;
  font-weight: bold;
  letter-spacing: 1px;
  margin-top: 0.3em;
  margin-bottom: 0.5em;
  margin-left: 0.2em;
}
@media screen and (min-width: 992px) {
  .p-search-block__head {
    font-size: 22px;
    font-size: 1.375rem;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.p-search-block__head-in {
  color: #000;
}
.p-search-block .p-search-catch {
  padding-top: 0;
  display: inline;
}
.p-search-block .p-search-caption {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}
.p-search-block .p-search-caption__item {
  color: #fff;
  margin-left: 5px;
  line-height: 1.4em;
  padding: 0 0.4em;
  border-radius: 3px;
  font-size: 10px;
  font-size: 0.625rem;
  color: #fff;
  font-weight: normal;
}
@media screen and (min-width: 992px) {
  .p-search-block .p-search-caption__item {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.8em;
  }
}
.p-search-block .p-search-caption--mansion {
  background: #ff5656;
}
.p-search-block .p-search-caption--apart {
  background: #ffbb2f;
}
.p-search-block .p-search-caption--house {
  background: #19b259;
}
.p-search-block .p-search-caption--parking {
  background: #244bb0;
}
.p-search-block .p-search-caption--office {
  background: #b54eca;
}
.p-search-block .p-search-caption--terrace {
  background: #efd90f;
}
.p-search-block .p-search-icon--newbuilding {
  background: #fbf671;
  font-size: 10px;
  font-size: 0.625rem;
  height: 26px;
  width: 26px;
  color: #000;
  letter-spacing: -0.08em;
  line-height: 26px;
  border-radius: 100px;
  text-align: center;
  padding: 0 2.4px;
  margin-right: 0.3em;
}
@media screen and (min-width: 992px) {
  .p-search-block .p-search-icon--newbuilding {
    background: #fbf671;
    font-size: 11px;
    font-size: 0.6875rem;
    height: 30px;
    width: 30px;
    letter-spacing: -0.01em;
    line-height: 29px;
  }
}
.p-search-block__body {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}
@media screen and (min-width: 992px) {
  .p-search-block__body {
    box-shadow: none;
    padding-top: 0.5em;
  }
}
.p-search-block__photo {
  background: #ffffff;
  position: relative;
}
@media screen and (min-width: 992px) {
  .p-search-block__photo {
    background: none;
    background: #ffffff;
    width: 30%;
  }
}
@media screen and (min-width: 992px) {
  .p-search-block__photo {
    width: 32%;
  }
}
.p-search-block .p-search-infophoto {
  margin-bottom: 0;
  width: 48%;
}
@media screen and (min-width: 992px) {
  .p-search-block .p-search-infophoto {
    width: 200px;
  }
}
.p-search-block__info {
  background: #ffffff;
  padding: 0 0.5em 0.2em;
  position: relative;
  width: 52%;
  padding-bottom: 0;
}
@media screen and (min-width: 992px) {
  .p-search-block__info {
    padding: 0;
    padding-left: 10px;
    background: none;
    width: calc(100% - 200px);
  }
}
.p-search-block .p-search-name {
  margin-bottom: 10px;
}
@media screen and (min-width: 992px) {
  .p-search-block .p-search-name {
    margin-bottom: 15px;
    font-size: 17px;
    font-size: 1.0625rem;
  }
}
.p-search-block .p-search-price {
  font-size: 12px;
  font-size: 0.75rem;
  vertical-align: bottom;
}
@media screen and (min-width: 992px) {
  .p-search-block .p-search-price {
    margin-bottom: 15px;
    font-size: 15px;
    font-size: 0.9375rem;
  }
}
.p-search-block .p-search-price__num {
  font-size: 15px;
  font-size: 0.9375rem;
  color: #ff3d3d;
  margin-right: 0.2em;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .p-search-block .p-search-price__num {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
.p-search-block .p-search-main-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 0.5em;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .p-search-block .p-search-main-info {
    margin-bottom: 1em;
    border-top: 1px dotted #c2c2c2;
    border-bottom: 1px dotted #c2c2c2;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.p-search-block .p-search-main-info__item {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 130%;
  text-align: left;
}
@media screen and (min-width: 992px) {
  .p-search-block .p-search-main-info__item {
    border-left: 1px dotted #c2c2c2;
    padding: 0.5em;
    width: inherit;
    width: calc(35% - 1em);
    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;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 130%;
  }
  .p-search-block .p-search-main-info__item:nth-child(1) {
    border: none;
  }
}
.p-search-block .p-search-main-info__item:before {
  height: 1em;
  width: 1em;
}
.p-search-block .p-search-main-info__item:first-child:before {
  content: "";
  background: url(../images/icon/icon_map_main.svg) no-repeat left center;
  background-size: 16px 16px;
  padding-left: 21px;
  background-position: left top;
  padding-left: 8px;
  background-size: auto 100%;
}
.p-search-block .p-search-main-info__item:nth-child(2):before {
  content: "";
  background: url(../images/icon/icon_station_main.svg) no-repeat left center;
  background-size: 16px 16px;
  padding-left: 21px;
  background-position: left top;
  padding-left: 8px;
  background-size: auto 100%;
  min-width: 1em;
}
.p-search-block .p-search-sub-info__item.show-pc {
  display: none;
}
@media screen and (min-width: 992px) {
  .p-search-block .p-search-sub-info__item.show-pc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (max-width: 991px) {
  .p-search-block .p-search-sub-info__item .text {
    border-top: none;
    padding: 0 0 10px;
  }
}
@media screen and (min-width: 992px) {
  .p-search-block .p-search-sub-info__item .text .p-search-icon-info {
    padding-left: 0;
    background: none;
    font-size: 14px;
    font-size: 0.875rem;
    color: #333333;
  }
}
.p-search-block .p-search-distance {
  text-align: right;
  margin-top: 1em;
}
@media screen and (min-width: 992px) {
  .p-search-block .p-search-distance {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    margin-top: 0.5em;
  }
}
.p-search-block .p-search-distance__in {
  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;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  border-radius: 2px;
  overflow: hidden;
  border: solid #62bee0 2px;
  border-radius: 4px;
}
@media screen and (min-width: 992px) {
  .p-search-block .p-search-distance__in {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.p-search-block .p-search-distance__ttl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  font-size: 0.75rem;
  padding-left: 1.5em;
  font-weight: bold;
  color: #21a8d9;
  letter-spacing: 0.03em;
  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;
  padding: 0.4em 0.6em 0.4em 0.4em;
  background: url(../images/icon/icon_schoolbuilding_main.svg) no-repeat left center;
  background-size: 8px 8px;
  padding-left: 13px;
  background-size: 1.5em auto;
  background-position: left 13px center;
  padding-left: 3em;
  font-size: 12px;
  font-size: 0.75rem;
  background-color: #effbff;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (min-width: 992px) {
  .p-search-block .p-search-distance__ttl {
    padding: 0.4em 1em;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    background-size: 1.5em auto;
    background-position: left 13px center;
    padding-left: 3em;
    letter-spacing: inherit;
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.p-search-block .p-search-distance__ttlsub {
  font-size: 8px;
  font-size: 0.5rem;
  display: none;
  margin: 0.2em;
}
@media screen and (min-width: 992px) {
  .p-search-block .p-search-distance__ttlsub {
    font-size: 11px;
    font-size: 0.6875rem;
    margin: 0.2em;
  }
}
.p-search-block .p-search-distance__contents {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  font-size: 12px;
  font-size: 0.75rem;
  background: #fff;
  padding: 0.4em 1em;
}
@media screen and (min-width: 992px) {
  .p-search-block .p-search-distance__contents {
    font-size: 14px;
    font-size: 0.875rem;
    padding: 0.4em 1em;
  }
}

/*＝＝＝＝＝＝＝＝＝
縦並びリスト　
∟各部屋
＝＝＝＝＝＝＝＝＝*/
.p-search-room-block {
  margin-top: 1em;
}
.p-search-room-block__description {
  position: relative;
  margin: 0.5em 0 0em;
  padding: 0.2em 0.2em;
  background: #fff;
  font-size: 12px;
  font-size: 0.75rem;
  box-shadow: rgba(0, 0, 0, 0.04) 10px 10px 13px;
  margin-bottom: 1em;
}
.p-search-room-block__description:before {
  content: "";
  position: absolute;
  top: 80%;
  left: 8%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 10px solid #fff;
  font-size: 14px;
  font-size: 0.875rem;
}
@media screen and (min-width: 992px) {
  .p-search-room-block__description:before {
    top: 90%;
    left: 2%;
  }
}
@media screen and (min-width: 992px) {
  .p-search-room-block__description {
    padding: 0.5em 1em;
    margin-bottom: 2em;
  }
}
.p-search-room-block__list {
  position: relative;
  margin-bottom: 5em;
  background: #fff;
}
@media screen and (min-width: 992px) {
  .p-search-room-block__list {
    margin-bottom: 5em;
  }
}
.p-search-room-block__item {
  border: solid #e3e3e3 3px;
  margin-bottom: 1em;
  position: relative;
  overflow: hidden;
  border-radius: 7px;
  box-shadow: rgba(0, 0, 0, 0.08) 6px 6px 10px;
}
.p-search-room-block__item--alllink {
  position: relative;
}
.p-search-room-block__item--alllink a:not(.in-link) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
  z-index: 5;
}
.p-search-room-block__item--alllink a.in-link {
  position: relative;
  z-index: 5;
}
.p-search-room-block__link {
  left: 20px;
}
.p-search-room-block__category {
  font-size: 10px;
  font-size: 0.625rem;
  margin-right: 0.5em;
  padding: 0.1em 0.5em;
  line-height: 130%;
  background-color: #EC424E;
  color: #fff;
}
@media screen and (min-width: 992px) {
  .p-search-room-block__category {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.p-search-room-block__category--mansion {
  background: #ff5656;
}
.p-search-room-block__category--apart {
  background: #ffbb2f;
}
.p-search-room-block__category--house {
  background: #19b259;
}
.p-search-room-block__category--parking {
  background: #3382c6;
}
.p-search-room-block__category--office {
  background: #b54eca;
}
.p-search-room-block__category--terrace {
  background: #efd90f;
}
.p-search-room-block__ttl {
  border-bottom: solid #ddd 1px;
  padding: 0.5em;
  padding-right: 50px;
}
@media screen and (min-width: 992px) {
  .p-search-room-block__ttl {
    padding: 1em;
    padding-right: 65px;
  }
}
.p-search-room-block__name {
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 0.3em;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
@media screen and (min-width: 992px) {
  .p-search-room-block__name {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
.p-search-room-block__id {
  font-size: 11px;
  font-size: 0.6875rem;
}
@media screen and (min-width: 992px) {
  .p-search-room-block__id {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.p-search-room-block__in {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 0.5em;
  position: relative;
}
@media screen and (min-width: 992px) {
  .p-search-room-block__in {
    padding: 0.8em;
  }
}
.p-search-room-block__check {
  width: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  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;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 10;
  background-color: #f5f5f5;
}
.p-search-room-block__check .p-search-checkbox {
  width: 20px;
  margin-left: 10px;
}
@media screen and (min-width: 992px) {
  .p-search-room-block__check .p-search-checkbox {
    margin-left: 0;
  }
}
.p-search-room-block__check .p-search-checkbox__input {
  width: 20px;
  height: 20px;
  min-width: 20px;
  margin: 0;
  opacity: 0;
}
.p-search-room-block__check .p-search-checkbox__label {
  width: 20px;
  height: 20px;
}
.p-search-room-block__check .p-search-checkbox__title {
  padding: 0;
  top: 0;
  left: 0;
  position: absolute;
  width: 20px;
  height: 20px;
}
.p-search-room-block__photo {
  width: 45%;
  padding-left: 26px;
  padding-right: 0.5em;
  z-index: 1;
  position: relative;
  position: relative;
}
.p-search-room-block__photo a:not(.in-link) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
  z-index: 5;
}
.p-search-room-block__photo a.in-link {
  position: relative;
  z-index: 5;
}
.p-search-room-block__photo__in {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  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;
  height: 100%;
}
@media screen and (min-width: 992px) {
  .p-search-room-block__photo {
    width: 25%;
  }
}
.p-search-room-block__caption {
  margin-top: 0.5em;
  font-size: 12px;
  font-size: 0.75rem;
}
@media screen and (min-width: 992px) {
  .p-search-room-block__caption {
    font-size: 14px;
    font-size: 0.875rem;
    padding-left: 1em;
  }
}
.p-search-room-block__point {
  margin-bottom: 0.5em;
}
@media screen and (min-width: 992px) {
  .p-search-room-block__point {
    margin-bottom: 0.5em;
  }
}
.p-search-room-block__point-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.p-search-room-block__point-item {
  padding: 0.4em 0.5em;
  font-weight: bold;
  line-height: 1.1em;
  background: #feff90;
  color: #2d2d2d;
  margin-right: 0.2em;
  font-size: 12px;
  font-size: 0.75rem;
  margin-bottom: 0.2em;
  border-radius: 4px;
}
.p-search-room-block__point-item--spring {
  color: #fff;
  background-color: #ff5c94;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  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;
  font-weight: 500;
}
.p-search-room-block__point-item--spring:before {
  content: "";
  display: inline-block;
  background-image: url(../images/icon/icon_sakura_white.svg);
  height: 1em;
  width: 1em;
  background-repeat: no-repeat;
  margin-right: 0.1em;
}
.p-search-room-block__point-item--waiting_availability {
  background-color: #23ace0;
  color: #fff;
}
@media screen and (min-width: 992px) {
  .p-search-room-block__point-item {
    font-size: 13px;
    font-size: 0.8125rem;
  }
}
.p-search-room-block__favorite {
  position: absolute;
  left: calc(41% - 26px);
  top: 0.2em;
  z-index: 99;
}
@media screen and (min-width: 992px) {
  .p-search-room-block__favorite {
    left: calc(25% - 17px);
  }
}
.p-search-room-block__floor {
  width: 3em;
  text-align: center;
  border-left: 1px dotted #c2c2c2;
  border-right: 1px dotted #c2c2c2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  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;
  font-size: 10px;
  font-size: 0.625rem;
}
@media screen and (min-width: 992px) {
  .p-search-room-block__floor {
    font-size: 16px;
    font-size: 1rem;
  }
}
.p-search-room-block__new {
  background: #EC424E;
  color: #fff;
  padding: 0 0.5em;
  width: 3.5em;
  line-height: 1.5;
  margin-bottom: 0.4em;
  font-size: 10px;
  font-size: 0.625rem;
}
@media screen and (min-width: 992px) {
  .p-search-room-block__new {
    font-size: 12px;
    font-size: 0.75rem;
    margin-bottom: 0.6em;
  }
}
.p-search-room-block__info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 12px;
  font-size: 0.75rem;
  padding: 0.5em;
  padding-left: 1em;
  width: calc(75% - 3em);
}
@media screen and (min-width: 992px) {
  .p-search-room-block__info .p-search-room-block__point-item {
    font-size: 13px;
    font-size: 0.8125rem;
  }
}
@media screen and (min-width: 992px) {
  .p-search-room-block__info {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}
.p-search-room-block__info__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  line-height: 1.5em;
  position: relative;
  vertical-align: bottom;
  margin-bottom: 0.4em;
}
@media screen and (min-width: 992px) {
  .p-search-room-block__info__item {
    padding-left: 1em;
    margin-bottom: 0em;
  }
}
.p-search-room-block__price {
  margin-right: 0.4em;
  color: #ff3d3d;
  font-weight: bold;
  vertical-align: bottom;
  font-size: 13px;
  font-size: 0.8125rem;
}
@media screen and (min-width: 992px) {
  .p-search-room-block__price {
    margin-bottom: 0.3em;
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.p-search-room-block__price-num {
  font-size: 20px;
  font-size: 1.25rem;
  margin-right: 0.1em;
}
@media screen and (min-width: 992px) {
  .p-search-room-block__price-num {
    font-size: 28px;
    font-size: 1.75rem;
    margin-bottom: 0.1em;
    margin-top: 0.1em;
  }
}
.p-search-room-block__service {
  display: inline-block;
}
@media screen and (min-width: 992px) {
  .p-search-room-block__service {
    margin-bottom: 0.3em;
  }
}
.p-search-room-block__deposit {
  margin-right: 0.3em;
  display: inline-block;
}
.p-search-room-block__deposit:before {
  content: "敷";
  height: 1.5em;
  width: 1.5em;
  text-align: center;
  line-height: 1.5em;
  background: #e5e5e5;
  display: inline-block;
  margin-right: 0.2em;
  margin-bottom: 0.1em;
}
@media screen and (min-width: 992px) {
  .p-search-room-block__deposit:before {
    margin-right: 0.2em;
  }
}
.p-search-room-block__key {
  margin-right: 0.3em;
  display: inline-block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.p-search-room-block__key:before {
  content: "礼";
  height: 1.5em;
  width: 1.5em;
  text-align: center;
  line-height: 1.5em;
  background: #e5e5e5;
  display: inline-block;
  margin-right: 0.2em;
  margin-bottom: 0.1em;
}
@media screen and (min-width: 992px) {
  .p-search-room-block__key:before {
    margin-right: 0.2em;
  }
}
.p-search-room-block__madori {
  margin-right: 0.5em;
  display: inline-block;
}
.p-search-room-block__madori:before {
  content: "/";
  display: inline-block;
  margin-right: 0.4em;
}
.p-search-room-block__size {
  margin-right: 0.5em;
  display: inline-block;
}
.p-search-room-block__size:before {
  content: "/";
  display: inline-block;
  margin-right: 0.4em;
}
.p-search-room-block__morebtn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  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;
  margin: 0 0 0.24em;
  position: absolute;
  width: 100%;
}
.p-search-room-block-btnarea {
  margin-top: 0.5em;
}
@media screen and (min-width: 992px) {
  .p-search-room-block-btnarea {
    margin-top: 1em;
  }
}
.p-search-room-block-btnarea__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.p-search-room-block-btnarea__item {
  width: 100%;
}
.p-search-room-block-btnarea__item:first-child {
  margin-bottom: 0.2em;
}
@media screen and (min-width: 992px) {
  .p-search-room-block-btnarea__item {
    font-size: 16px;
    font-size: 1rem;
    width: 49.5%;
  }
  .p-search-room-block-btnarea__item:first-child {
    margin-right: 1%;
  }
}
.p-search-room-block-btnarea__morebtn {
  box-sizing: border-box;
  text-align: center;
  text-decoration: none !important;
  transition: .3s;
  transition: .3s;
  cursor: pointer;
  display: block;
  width: 100%;
  font-size: 13px;
  font-size: 0.8125rem;
  color: #fff;
  font-weight: bold;
  position: relative;
  line-height: 100%;
  background-color: #EC424E;
  border-radius: 5px;
  padding: 0.6em 0.5em;
}
.p-search-room-block-btnarea__morebtn:hover {
  opacity: .7;
}
@media screen and (min-width: 992px) {
  .p-search-room-block-btnarea__morebtn {
    font-size: 16px;
    font-size: 1rem;
    padding: 0.6em 1em;
  }
}

/* =========================================================
search-map - 地図検索
========================================================= */
.p-search-map {
  overflow: hidden;
  /*地図ページはヘッダーは固定　フッターは非表示*/
  padding-top: 0;
  /*フッター調整*/
}
.p-search-map:after {
  display: none;
}
.p-search-map .c-footer {
  display: none;
}
.p-search-map .c-header {
  position: relative;
}
@media screen and (min-width: 992px) {
  .p-search-map .c-header {
    position: relative;
  }
}
.p-search-map__in {
  position: relative;
  height: calc(100vh - 135px);
}
@media screen and (min-width: 992px) {
  .p-search-map__in {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    height: calc(100vh - 150px);
    min-height: 800px;
  }
}
.p-search-map #colorbox #cboxTitle {
  display: none !important;
}

/*ヘッダー　SPの時だけ表示＝＝＝＝＝＝＝＝＝＝＝*/
.p-search-map-head {
  height: 55px;
  padding: 5px 10px 0;
  background: #ffffff;
  box-shadow: 8px 3px 5px 0px #ccc;
  position: relative;
  z-index: 5;
}
@media screen and (min-width: 992px) {
  .p-search-map-head {
    display: none !important;
  }
}
.p-search-map-head__in {
  position: relative;
}
.p-search-map-head .p-search-map-logo {
  max-width: calc(100% - 90px);
}
.p-search-map-head .p-search-map-logo .in {
  display: inline-block;
}
.p-search-map-head .p-search-map-logo .in img {
  max-height: 40px;
}
.p-search-map-head__btn {
  text-align: center;
}
.p-search-map-head__btn .btn {
  display: inline-block;
  padding: 7px 10px;
  border-radius: 5px;
  background: #EC424E;
  min-width: 45%;
  text-align: center;
  color: #ffffff;
  font-size: 13px;
  font-size: 0.8125rem;
  transition: .3s;
  cursor: pointer;
}
.p-search-map-head__btn .btn:hover {
  opacity: .7;
}
.p-search-map-head__btn .btn.here {
  background: url(../images/icon/icon_map_white.svg) no-repeat left 6.5px center;
  background-size: 13px 13px;
  padding-left: 26px;
  background-color: #EC424E;
  min-width: auto;
  position: absolute;
  top: 62px;
  right: 0;
}
.p-search-map-head__btn .btn.conditions {
  background: url(../images/icon/icon_search_w.svg) no-repeat left 6.5px center;
  background-size: 13px 13px;
  padding-left: 26px;
  margin-right: 10px;
  display: inline-block;
}
.p-search-map-head__btn .btn.list {
  background: url(../images/icon/icon_right_main.svg) no-repeat left 6.5px center;
  background-size: 13px 13px;
  padding-left: 26px;
  background-color: #1f2d3e;
  color: #fff;
  display: inline-block;
}

/*表示件数================*/
.p-search-map-num {
  margin-bottom: 10px;
}
.p-search-map-num .main {
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: bold;
}
.p-search-map-num .main .big {
  font-size: 180%;
}
.p-search-map-num .member {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  font-size: 0.75rem;
  padding: 5px;
  color: #000;
  border: 1px solid #000;
}

/*条件を絞り込む＝＝＝＝＝＝＝＝＝＝＝＝*/
.p-search-map .p-search-map-conditions {
  background: #f5f5f5;
  padding: 10px;
}
@media screen and (min-width: 992px) {
  .p-search-map .p-search-map-conditions {
    order: 1;
    position: relative;
    top: auto;
    right: auto;
    z-index: 10;
    width: 100%;
    max-width: 320px;
  }
}
.p-search-map .p-search-map-conditions .c-slide-menu__close {
  position: absolute;
  top: 0;
  right: 0;
  background: #f6f6f6;
  padding: 5px;
}
.p-search-map .p-search-map-conditions .c-slide-menu__close .icon {
  width: 25px;
  height: 25px;
  display: block;
  width: 30px;
  height: 30px;
  background: url(../images/icon/icon_close_black.svg) no-repeat center;
  background-size: 15px auto;
}
.p-search-map .p-search-map-conditions__in {
  margin-bottom: 10px;
}
.p-search-map .p-search-map-conditions__ttl {
  color: #000;
  font-weight: bold;
  padding: 10px 0;
  margin-bottom: 5px;
  font-size: 16px;
  font-size: 1rem;
}
.p-search-map .p-search-map-conditions .p-search-wring {
  display: block;
}
.p-search-map .p-search-map-conditions .p-search-select {
  background: inherit;
}

/*map＝＝＝＝＝＝＝＝＝＝＝＝*/
.p-search-map .p-search-map-main {
  position: relative;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .p-search-map .p-search-map-main {
    order: 2;
    max-width: calc(100% - 320px);
    height: 100%;
  }
}
.p-search-map .p-search-map-main #mapbox {
  position: absolute !important;
  overflow: hidden;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.p-search-map .p-search-map-main__in {
  margin: 0 auto;
  position: relative;
  width: 100%;
  height: 800px;
}
@media screen and (min-width: 992px) {
  .p-search-map .p-search-map-main__in {
    height: 800px;
  }
}
.p-search-map .p-search-map-main__in iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

/*マーカークリックで出る*/
.p-search-map-main .p-search-map-article {
  position: absolute;
  top: auto;
  right: auto;
  bottom: -100%;
  left: 0;
  width: 100%;
  padding: 0 5px 5px;
  z-index: 99;
  transition: .5s;
  height: 0;
  /*close*/
}
@media screen and (min-width: 992px) {
  .p-search-map-main .p-search-map-article {
    width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .p-search-map-main .p-search-map-article {
    width: 100%;
    max-width: 860px;
  }
}
.p-search-map-main .p-search-map-article.show {
  top: 100px;
}
.p-search-map-main .p-search-map-article .icon-close {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  position: absolute;
  right: 5px;
  top: -39px;
  background: #ccc;
  padding: 5px;
  border-radius: 5px 5px 0 0;
  font-size: 30px;
  font-weight: bold;
  color: #ffffff;
  transition: .3s;
  cursor: pointer;
}
.p-search-map-main .p-search-map-article .icon-close:hover {
  opacity: .7;
}
.p-search-map-main .p-search-map-article__in {
  background: #ffffff;
  border-radius: 5px;
  padding: 10px;
  overflow-y: scroll;
  height: auto;
  max-height: 400px;
  box-shadow: 4px 5px 0 #dfdfdf;
}
.p-search-map-main .p-search-map-article__item {
  border-top: 1px dashed #959595;
  padding: 10px 0 5px;
}
.p-search-map-main .p-search-map-article__item:first-of-type {
  border-top: none;
  padding-top: 0;
}
.p-search-map-main .p-search-map-article__item .in {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.p-search-map-main .p-search-map-article__photo {
  width: 100px;
}
@media screen and (min-width: 992px) {
  .p-search-map-main .p-search-map-article__photo {
    width: 120px;
  }
}
.p-search-map-main .p-search-map-article__photo .p-search-photo {
  border-radius: 5px;
  overflow: hidden;
  max-height: 160px;
  min-height: 160px;
}
.p-search-map-main .p-search-map-article__photo .p-search-photo img {
  border-radius: 5px;
}
.p-search-map-main .p-search-map-article__info {
  width: calc(100% - 100px);
  padding-left: 10px;
}
@media screen and (min-width: 992px) {
  .p-search-map-main .p-search-map-article__info {
    width: calc(100% - 120px);
  }
}
.p-search-map-main .p-search-map-article__info .p-search-caption {
  margin-bottom: 5px;
}
.p-search-map-main .p-search-map-article__info .p-search-caption .item {
  display: inline-block;
  min-width: 100px;
  background: #273b5f;
  background: #efefef;
  text-align: center;
  text-align: center;
  color: #EC424E;
  font-size: 12px;
  font-size: 0.75rem;
}
.p-search-map-main .p-search-map-article__info .p-search-caption .item--mansion {
  background: #ff5656;
}
.p-search-map-main .p-search-map-article__info .p-search-caption .item--apart {
  background: #ffbb2f;
}
.p-search-map-main .p-search-map-article__info .p-search-caption .item--house {
  background: #19b259;
}
.p-search-map-main .p-search-map-article__info .p-search-caption .item--parking {
  background: #244bb0;
}
.p-search-map-main .p-search-map-article__info .p-search-caption .item--office {
  background: #b54eca;
}
.p-search-map-main .p-search-map-article__info .p-search-caption .item--terrace {
  background: #efd90f;
}
.p-search-map-main .p-search-map-article__info .p-search-name {
  color: #0e2d5f;
  letter-spacing: 1px;
  text-decoration: underline;
  margin-bottom: 5px;
}

/*list＝＝＝＝＝＝＝＝＝＝＝＝*/
.p-search-map .p-search-map-list {
  padding: 10px;
  background: #fff;
}
@media screen and (min-width: 992px) {
  .p-search-map .p-search-map-list {
    position: absolute;
    top: 0;
    width: 100%;
    min-width: 20%;
    max-width: 900px;
    height: calc(100vh - 175px);
    box-shadow: 0px 3px 5px 0px #ccc;
    z-index: 101;
  }
}
.p-search-map .p-search-map-list__open {
  display: none;
}
@media screen and (min-width: 992px) {
  .p-search-map .p-search-map-list__open {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    padding: 20px 15px;
    border-radius: 5px 0 0 5px;
    background: #ccc;
    z-index: 99;
    box-shadow: 0px 3px 5px 0px #ccc;
    cursor: pointer;
  }
}
.p-search-map .p-search-map-list__open .in {
  color: #ffffff;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  background: url(../images/icon/icon_left_w.svg) no-repeat left center;
  background-size: 18px 18px;
  padding-left: 23px;
}
.p-search-map .p-search-map-list__close {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 35px;
  height: 35px;
  background: url(../images/icon/icon_close_black.svg) no-repeat center;
  background-size: 15px auto;
  background-color: #f6f6f6;
  z-index: 100;
  transition: .3s;
  cursor: pointer;
}
.p-search-map .p-search-map-list__close:hover {
  opacity: .7;
}
@media screen and (min-width: 992px) {
  .p-search-map .p-search-map-list__close {
    width: 50px;
    height: 50px;
    border-radius: 0 0 0 5px;
    background-size: 15px auto;
  }
}
.p-search-map .p-search-map-list__ttl {
  font-weight: bold;
  padding: 10px 0;
  font-size: 17px;
  font-size: 1.0625rem;
}
.p-search-map .p-search-map-list__in {
  margin-bottom: 10px;
}
.p-search-map .p-search-map-list__list {
  border: 1px solid #cccccc;
  border-radius: 5px;
  overflow: hidden;
}
.p-search-map .p-search-map-list__list .p-search-box-short {
  border-top: 1px solid #cccccc;
}
.p-search-map .p-search-map-list__list .p-search-box-short:first-of-type {
  border-top: none;
}
.p-search-map .p-search-map-list .p-search-room-block__photo {
  padding-left: 0;
}

/*物件のブロック＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.p-search-box-short__in {
  padding: 10px;
  position: relative;
  transition: .3s;
  cursor: pointer;
}
.p-search-box-short__in a:not(.in-link) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
  z-index: 5;
}
.p-search-box-short__in a.in-link {
  position: relative;
  z-index: 5;
}
.p-search-box-short__in:hover {
  opacity: .7;
}
.p-search-box-short__head {
  position: relative;
  margin-bottom: 10px;
  background: url(../images/icon/icon_right_gray.svg) no-repeat right center;
  background-size: 12px 12px;
  padding-right: 17px;
}
.p-search-box-short__head .p-search-caption {
  margin-bottom: 5px;
}
.p-search-box-short__head .p-search-caption .item {
  display: inline-block;
  min-width: 100px;
  background: #000;
  color: #ffffff;
  text-align: center;
  padding: 5px 10px;
  text-align: center;
  border-radius: 5px;
  font-size: 11px;
  font-size: 0.6875rem;
}
.p-search-box-short__head .p-search-name {
  color: #0e2d5f;
  letter-spacing: 1px;
  text-decoration: underline;
  margin-bottom: 5px;
}
.p-search-box-short__photo {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -5px 5px;
}
.p-search-box-short__photo .item {
  width: 50%;
  padding: 5px;
}
.p-search-box-short__info {
  position: relative;
}
.p-search-box-short__info .p-search-favorite {
  top: 0;
  right: 0;
}
.p-search-box-short__info .p-search-sub-info__item {
  margin-bottom: 5px;
}
.p-search-box-short__info .p-search-sub-info__item .ttl,
.p-search-box-short__info .p-search-sub-info__item .text {
  border-top: none;
  padding: 5px 5px 5px 0;
}
.p-search-box-short__info .p-search-sub-info__item .ttl {
  width: 75px;
  background: #e8e8e8;
  text-align: center;
}
.p-search-box-short__info .p-search-sub-info__item .text {
  padding-left: 5px;
  width: calc(100% - 75px);
}

/*アイコン説明＝＝＝＝＝＝＝＝＝＝＝＝*/
/*btn*/
.p-map-icon-btn {
  display: block;
  position: absolute;
  bottom: 60px;
  left: 10px;
  border-radius: 5px;
  border: 1px solid #e2e2e2;
  padding: 10px;
  text-align: center;
  color: #EC424E;
  font-weight: bold;
  z-index: 99;
  background: url(../images/icon/icon_map_black.svg) no-repeat left 7.5px center;
  background-size: 15px 15px;
  padding-left: 30px;
  background-color: #ffffff;
}
@media screen and (min-width: 992px) {
  .p-map-icon-btn {
    bottom: auto;
    top: 10px;
    left: inherit;
    right: 10px;
  }
}

/*アイコン説明　popup*/
.p-map-icon-popup {
  width: 100%;
}
.p-map-icon-popup__ttl {
  width: 100%;
  background: #fff;
  padding: 10px;
  text-align: center;
  font-weight: bold;
  color: #000000;
}
.p-map-icon-popup__contents {
  padding: 10px;
  background: #fff;
}
@media screen and (min-width: 992px) {
  .p-map-icon-popup__contents {
    padding: 30px;
  }
}
.p-map-icon-popup__list {
  margin-top: 20px;
  border-top: 1px solid #E7E7E7;
  border-left: 1px solid #E7E7E7;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.p-map-icon-popup__list:first-of-type {
  margin-top: 0;
}
.p-map-icon-popup__list:last-of-type {
  border-top: none;
}
.p-map-icon-popup__list:last-of-type .p-map-icon-popup__item {
  border-top: 1px solid #E7E7E7;
  width: 100%;
}
.p-map-icon-popup__item {
  width: 50%;
  padding: 5px;
  border-right: 1px solid #E7E7E7;
  border-bottom: 1px solid #E7E7E7;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
@media screen and (min-width: 992px) {
  .p-map-icon-popup__item {
    padding: 10px;
  }
}
.p-map-icon-popup__item .text {
  padding-left: 5px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.3;
}

/*marker説明*/
.p-search-map-marker {
  overflow: inherit !important;
}
.p-search-map-marker__num {
  position: absolute;
  height: 20px;
  width: 20px;
  background: #fff;
  color: #d52d2d;
  font-weight: bold;
  font-size: 12px;
  font-size: 0.75rem;
  right: -6px;
  top: -12px;
  display: block;
  border-radius: 100px;
  text-align: center;
  line-height: 16px;
  border: solid #EC424E 2px;
  letter-spacing: -0.1em;
  padding-right: 0.2em;
}

/* =========================================================
school
========================================================= */
/*メインタイトル*/
.p-school-h1 {
  position: relative;
  background-image: url(../images/school/bg_ttl_main.jpg);
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
  color: #fff;
  padding: 3em 0;
}
@media screen and (min-width: 992px) {
  .p-school-h1 {
    padding: 8em 0;
  }
}
.p-school-h1:after {
  display: block;
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background: #ccc;
  z-index: 1;
}
@media screen and (min-width: 992px) {
  .p-school-h1:after {
    background: #ccc;
  }
}
.p-school-h1:before {
  transition: 0.5s;
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background: #fff;
  display: block;
  z-index: 100;
}
.p-school-h1--animation {
  position: relative;
}
.p-school-h1--animation:before {
  width: 0 !important;
  opacity: 0.5;
}
.p-school-h1 .l-container, .p-school-h1 .l-main--col2, .p-school-h1 .l-main--col3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  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;
  position: relative;
  z-index: 2;
}
.p-school-h1__main {
  font-weight: bold;
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 0.2em;
}
@media screen and (min-width: 992px) {
  .p-school-h1__main {
    font-size: 28px;
    font-size: 1.75rem;
    margin-bottom: 0.8em;
  }
}
.p-school-h1__sub {
  font-family: "Lato";
  font-weight: bold;
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.2em;
}
@media screen and (min-width: 992px) {
  .p-school-h1__sub {
    font-size: 22px;
    font-size: 1.375rem;
  }
}

/*lpメインタイトル*/
.p-school-lp-h1 {
  position: relative;
  color: #fff;
  overflow: hidden;
  padding: 3em 0;
}
@media screen and (min-width: 992px) {
  .p-school-lp-h1 {
    padding: 8em 0;
  }
}
.p-school-lp-h1:before {
  transition: 0.5s;
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background: #fff;
  display: block;
  z-index: 100;
}
.p-school-lp-h1--animation {
  position: relative;
}
.p-school-lp-h1--animation:before {
  width: 0 !important;
  opacity: 0.5;
}
.p-school-lp-h1__bg {
  background-size: 100% auto;
  background-position: top 5% center;
  background-repeat: no-repeat;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
@media screen and (min-width: 992px) {
  .p-school-lp-h1__bg {
    background-image: url(../images/school/bg_ttl_main.jpg) !important;
  }
}
.p-school-lp-h1--bkc .p-school-lp-h1__bg {
  background-image: url(../images/school/img_thumb_bkc.jpg);
  background-position: top 40% center;
}
.p-school-lp-h1--biwakosports .p-school-lp-h1__bg {
  background-image: url(../images/school/img_thumb_biwakosports.jpg);
  background-position: top 11% center;
}
.p-school-lp-h1--ryukoku .p-school-lp-h1__bg {
  background-image: url(../images/school/img_thumb_ryukoku.jpg);
}
.p-school-lp-h1--seian .p-school-lp-h1__bg {
  background-image: url(../images/school/img_thumb_seian.jpg);
  background-position: top 50% center;
}
.p-school-lp-h1--shigaika .p-school-lp-h1__bg {
  background-image: url(../images/school/img_thumb_shigaika.jpg);
  background-position: top 42% center;
}
.p-school-lp-h1--shigakyoiku .p-school-lp-h1__bg {
  background-image: url(../images/school/img_thumb_shigakyoiku.jpg);
  background-position: top 25% center;
}
.p-school-lp-h1--shigatanki .p-school-lp-h1__bg {
  background-image: url(../images/school/img_thumb_shigatanki.jpg);
  background-position: top 33% center;
}
.p-school-lp-h1:after {
  display: block;
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background: #ccc;
  z-index: 1;
}
.p-school-lp-h1 .l-container, .p-school-lp-h1 .l-main--col2, .p-school-lp-h1 .l-main--col3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  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;
}
.p-school-lp-h1__main {
  font-weight: bold;
  letter-spacing: 0.1em;
  font-size: 14px;
  font-size: 0.875rem;
  margin-bottom: 0.2em;
  letter-spacing: 0.2em;
  z-index: 2;
  position: relative;
}
@media screen and (min-width: 992px) {
  .p-school-lp-h1__main {
    font-size: 28px;
    font-size: 1.75rem;
    margin-bottom: 0.8em;
  }
}
.p-school-lp-h1__sub {
  font-family: "Lato";
  font-weight: bold;
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.2em;
  z-index: 2;
  position: relative;
  margin-bottom: 1em;
}
@media screen and (min-width: 992px) {
  .p-school-lp-h1__sub {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
.p-school-lp-h1__text {
  font-size: 12px;
  font-size: 0.75rem;
  z-index: 2;
  position: relative;
}
@media screen and (min-width: 992px) {
  .p-school-lp-h1__text {
    font-size: 16px;
    font-size: 1rem;
    text-align: center;
  }
}

/*detailサブタイトル*/
.p-school-lp-ttl {
  color: #000;
}
@media screen and (min-width: 992px) {
  .p-school-lp-ttl {
    padding: 3em 0 1em;
  }
}
.p-school-lp-ttl .l-container, .p-school-lp-ttl .l-main--col2, .p-school-lp-ttl .l-main--col3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  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;
  position: relative;
}
.p-school-lp-ttl-en {
  color: #2a92df;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.3;
  font-weight: bold;
  padding: 0.1em 0 0;
  text-align: center;
  font-family: "Lexend Exa", serif;
  z-index: 1;
  position: relative;
}
@media screen and (min-width: 992px) {
  .p-school-lp-ttl-en {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
.p-school-lp-ttl-main {
  color: #000;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.3;
  font-weight: bold;
  padding: 0.1em 0 0;
  text-align: center;
  z-index: 1;
  position: relative;
}
@media screen and (min-width: 992px) {
  .p-school-lp-ttl-main {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
.p-school-lp-ttl-big {
  color: #fff;
  font-size: 45px;
  font-size: 2.8125rem;
  font-weight: bold;
  text-align: center;
  margin-top: -0.5em;
  font-family: "Lexend Exa", serif;
  margin-bottom: 0.5em;
  z-index: 0;
  position: relative;
}
@media screen and (min-width: 992px) {
  .p-school-lp-ttl-big {
    font-size: 100px;
    font-size: 6.25rem;
  }
}
.p-school-lp-ttl-big--gray {
  color: #f8f8f8;
}

/*大学リスト*/
@media screen and (min-width: 992px) {
  .p-school-index__list {
    margin: 2em 0 0em;
  }
}
.p-school-index__item {
  padding: 2%;
  padding-bottom: 2em;
}
@media screen and (min-width: 992px) {
  .p-school-index__item {
    padding: 1em;
    padding-bottom: 2em;
  }
}
.p-school-index__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  transition: .3s;
  cursor: pointer;
}
.p-school-index__box a:not(.in-link) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
  z-index: 5;
}
.p-school-index__box a.in-link {
  position: relative;
  z-index: 5;
}
.p-school-index__box:hover {
  opacity: .7;
}
@media screen and (min-width: 992px) {
  .p-school-index__box {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.p-school-index__link {
  height: calc(100% + 1.5em) !important;
}
.p-school-index__images {
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  max-height: 230px;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 3px 3px 0 #f4f4f4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  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;
}
@media screen and (min-width: 992px) {
  .p-school-index__images {
    max-width: 100%;
    width: 100%;
    height: 250px;
  }
}
.p-school-index__images img {
  height: inherit;
  width: inherit;
  min-width: 100%;
}
.p-school-index__ttl {
  position: relative;
  max-height: inherit;
  padding: 0.8em;
  border-radius: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  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;
  min-height: 4em;
  font-weight: 600;
  letter-spacing: 0.08em;
  background-color: #f6f6f6;
  box-shadow: rgba(0, 0, 0, 0.08) 6px 6px 10px;
  margin-top: 1em;
}
.p-school-index__ttl-main {
  font-size: 12px;
  font-size: 0.75rem;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  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;
  margin-left: -1.2em;
}
@media screen and (min-width: 992px) {
  .p-school-index__ttl-main {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}
.p-school-index__ttl-main:before {
  display: inline-block;
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: 20px;
  width: 20px;
  margin-right: 0.5em;
}
@media screen and (min-width: 992px) {
  .p-school-index__ttl-main:before {
    height: 30px;
    width: 30px;
  }
}
.p-school-index__ttl-sub {
  font-size: 12px;
  font-size: 0.75rem;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .p-school-index__ttl-sub {
    font-size: 14px;
    font-size: 0.875rem;
    background-size: 50px auto;
  }
}
.p-school-index__ttl:after {
  height: 3px;
  width: 2em;
  background: #EC424E;
  display: inline-block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 0.5em 0 0 0;
}
@media screen and (min-width: 992px) {
  .p-school-index__ttl:after {
    height: 4px;
    width: 3em;
  }
}
.p-school-index__ttl--green:after {
  background-color: #2CC48B;
}
.p-school-index__ttl--blue:after {
  background-color: #2A92DF;
}
.p-school-index__ttl--red:after {
  background-color: #EC424E;
}
.p-school-index__ttl--yellow:after {
  background-color: #ffe400;
}
.p-school-index__ttl--orange:after {
  background-color: #FFB914;
}
.p-school-index__ttl--purple:after {
  background-color: #7070D1;
}

/*BNRリスト*/
.p-school-bnr__item {
  padding: 2%;
  padding-bottom: 0.5em;
}
@media screen and (min-width: 992px) {
  .p-school-bnr__item {
    padding: 1em;
    padding-bottom: 2em;
  }
}
.p-school-bnr__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  position: relative;
  transition: .3s;
  cursor: pointer;
}
.p-school-bnr__box a:not(.in-link) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
  z-index: 5;
}
.p-school-bnr__box a.in-link {
  position: relative;
  z-index: 5;
}
.p-school-bnr__box:hover {
  opacity: .7;
}
@media screen and (min-width: 992px) {
  .p-school-bnr__box {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.p-school-bnr__link {
  height: calc(100% + 1.5em) !important;
}
.p-school-bnr__images {
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 3px 3px 0 #f4f4f4;
}
@media screen and (min-width: 992px) {
  .p-school-bnr__images {
    max-width: 100%;
    width: 100%;
  }
}
.p-school-bnr__images img {
  height: 100%;
  width: inherit;
  min-width: 100%;
}

/*カタログ*/
.p-school-catalog {
  position: relative;
}
.p-school-catalog__in {
  z-index: 0;
  position: relative;
  z-index: 10;
}
@media screen and (min-width: 992px) {
  .p-school-catalog__in {
    padding: 2em;
    margin: 1em auto;
  }
}
.p-school-catalog__cover {
  text-align: center;
  margin-bottom: 1em;
}
@media screen and (min-width: 992px) {
  .p-school-catalog__cover {
    margin-bottom: 0;
  }
}
.p-school-catalog__cover img {
  max-width: 200px;
}
@media screen and (min-width: 992px) {
  .p-school-catalog__cover img {
    max-width: 260px;
  }
}
@media screen and (min-width: 992px) {
  .p-school-catalog__contents {
    margin-left: 1em;
  }
}
.p-school-catalog__ttl {
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  margin-bottom: 0.5em;
}
@media screen and (min-width: 992px) {
  .p-school-catalog__ttl {
    font-size: 22px;
    font-size: 1.375rem;
    margin-bottom: 1em;
  }
}
.p-school-catalog__description {
  font-size: 12px;
  font-size: 0.75rem;
  margin-bottom: 1em;
  background: #f9f9f9;
  padding: 1em;
}
@media screen and (min-width: 992px) {
  .p-school-catalog__description {
    font-size: 14px;
    font-size: 0.875rem;
    padding: 1em;
    line-height: 1.6;
  }
}
.p-school-catalog__digitalbook {
  margin-bottom: 1em;
}
@media screen and (min-width: 992px) {
  .p-school-catalog__digitalbook {
    margin-bottom: 3em;
  }
}
.p-school-catalog__digitalbook-btn {
  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;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  height: 37px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  background: url(../images/icon/icon_book_white.svg) no-repeat left center;
  background-size: 19px 19px;
  padding-left: 24px;
  background-position: center left 10%;
  text-decoration: none !important;
  transition: .3s;
  transition: .3s;
  cursor: pointer;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  background-color: #FFB914;
  margin-top: 1em;
}
.p-school-catalog__digitalbook-btn:hover {
  opacity: .7;
}
@media screen and (min-width: 992px) {
  .p-school-catalog__digitalbook-btn {
    font-size: 22px;
    font-size: 1.375rem;
    background-size: 35px 35px;
    height: 48px;
  }
}
.p-school-catalog__paperbook {
  background: #f4f8ff;
  padding: 0.5em;
  border-radius: 10px;
  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;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (min-width: 992px) {
  .p-school-catalog__paperbook {
    padding: 1em;
  }
}
.p-school-catalog__paperbook-ttl {
  text-align: center;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: bold;
  margin-bottom: 0.2em;
  color: #2A92DF;
}
@media screen and (min-width: 992px) {
  .p-school-catalog__paperbook-ttl {
    font-size: 18px;
    font-size: 1.125rem;
    margin-bottom: 0.5em;
  }
}
.p-school-catalog__paperbook-btn {
  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;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  height: 37px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  background: url(../images/icon/icon_mail_white.svg) no-repeat left center;
  background-size: 19px 19px;
  padding-left: 24px;
  background-position: center left 10%;
  text-decoration: none !important;
  transition: .3s;
  transition: .3s;
  cursor: pointer;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.05em;
  background-color: #2A92DF;
}
.p-school-catalog__paperbook-btn:hover {
  opacity: .7;
}
@media screen and (min-width: 992px) {
  .p-school-catalog__paperbook-btn {
    background-size: 26px 26px;
    font-size: 18px;
    font-size: 1.125rem;
    height: 48px;
    max-width: 320px;
    margin: 0 auto;
  }
}

/*オンライン*/
.p-school-online {
  position: relative;
}
.p-school-online__in {
  z-index: 0;
  position: relative;
  background-color: #fff;
  padding: 1em;
  margin: 0.5em;
  z-index: 10;
}
@media screen and (min-width: 992px) {
  .p-school-online__in {
    padding: 2em;
    margin: 1em auto;
  }
}
.p-school-online__ttl {
  text-align: center;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bold;
  margin-bottom: 0.5em;
}
@media screen and (min-width: 992px) {
  .p-school-online__ttl {
    font-size: 18px;
    font-size: 1.125rem;
    margin-bottom: 0.5em;
  }
}
.p-school-online__bnr {
  margin-bottom: 0.5em;
  padding: 0 0.5em;
}
@media screen and (min-width: 992px) {
  .p-school-online__bnr {
    margin-bottom: 1em;
    padding: 0 1em;
  }
}

/*BKCへのリンク*/
.p-school-bkclink {
  margin-top: 1em;
  z-index: 2;
  position: relative;
}
@media screen and (min-width: 992px) {
  .p-school-bkclink {
    margin-top: 2em;
    position: absolute;
    right: 10px;
    bottom: 10px;
  }
}
.p-school-bkclink__bnr {
  padding: 0 0.5em;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .p-school-bkclink__bnr {
    padding: 0 1em;
  }
}
.p-school-bkclink__bnr img {
  max-width: 210px;
  border-radius: 5px;
}
@media screen and (min-width: 992px) {
  .p-school-bkclink__bnr img {
    max-width: 300px;
  }
}

/*検索一覧へのボタン*/
.p-school-bk-btn {
  position: relative;
  margin: 2em auto 0;
  border-radius: 5px;
  max-width: 400px;
  width: 100%;
  background-color: #fff;
  box-shadow: 5px 5px 10px #ccc;
}
.p-school-bk-btn a:not(.in-link) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
  z-index: 5;
}
.p-school-bk-btn a.in-link {
  position: relative;
  z-index: 5;
}
@media screen and (min-width: 992px) {
  .p-school-bk-btn {
    width: fit-content;
    max-width: inherit;
    min-width: 800px;
    box-shadow: 8px 8px 20px #ccc;
  }
}
.p-school-bk-btn__in {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 1em 1em;
  font-weight: bold;
  background: url(../images/icon/icon_right_black.svg) no-repeat right center;
  background-size: 10px 10px;
  padding-right: 15px;
  background-position: right 15px center;
}
@media screen and (min-width: 992px) {
  .p-school-bk-btn__in {
    padding: 1em 1em 1em;
    background-size: 20px auto;
    background-position: right 20px center;
  }
}
.p-school-bk-btn__name {
  line-height: 130%;
  text-align: center;
  color: #000;
  font-size: 15px;
  font-size: 0.9375rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
@media screen and (min-width: 992px) {
  .p-school-bk-btn__name {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
.p-school-bk-btn__name__in {
  font-size: 15px;
  font-size: 0.9375rem;
  background: #2A92DF;
  padding: 0.2em 1em;
  margin: 0.2em 0;
  color: #fff;
  border-radius: 5px;
  margin-bottom: 0.3em;
  margin-right: 0.25em;
  margin-left: 0.25em;
}
@media screen and (min-width: 992px) {
  .p-school-bk-btn__name__in {
    font-size: 22px;
    font-size: 1.375rem;
    margin-bottom: 0.6em;
  }
}
.p-school-bk-btn__unit {
  font-size: 14px;
  font-size: 0.875rem;
  margin-bottom: 1em;
  line-height: 60%;
  color: #000;
  margin-top: 0.2em;
}
@media screen and (min-width: 992px) {
  .p-school-bk-btn__unit {
    font-size: 22px;
    font-size: 1.375rem;
    margin-bottom: 1em;
    display: inline-block;
    margin-top: 0em;
  }
}
.p-school-bk-btn__check {
  font-size: 15px;
  font-size: 0.9375rem;
  color: #2A92DF;
  letter-spacing: 0.2em;
  font-family: "Lexend Exa", serif;
}
@media screen and (min-width: 992px) {
  .p-school-bk-btn__check {
    font-size: 22px;
    font-size: 1.375rem;
  }
}

/* =========================================================
mypage- 記事・ブログ関連
========================================================= */
.p-mypage-loginfo {
  padding: 5px;
  margin: 0 0 10px;
}
@media screen and (min-width: 992px) {
  .p-mypage-loginfo {
    margin: 10px 0;
  }
}
.p-mypage-loginfo__table {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (min-width: 992px) {
  .p-mypage-loginfo__table {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.p-mypage-loginfo__th {
  width: 100%;
  padding: 0.5em;
  position: relative;
}
@media screen and (min-width: 992px) {
  .p-mypage-loginfo__th {
    width: 100%;
  }
}
.p-mypage-loginfo__data {
  font-size: 10px;
  font-size: 0.625rem;
}
@media screen and (min-width: 992px) {
  .p-mypage-loginfo__data {
    font-size: 16px;
    font-size: 1rem;
  }
}
.p-mypage-loginfo__td {
  width: 100%;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.6;
  padding: 0.5em 0.5em 1em;
  border-bottom: 1px solid #ccc;
  position: relative;
}
@media screen and (min-width: 992px) {
  .p-mypage-loginfo__td {
    font-size: 16px;
    font-size: 1rem;
    margin: 0;
    padding: 0.5em;
  }
}
@media screen and (min-width: 992px) {
  .p-mypage-loginfo__td:nth-child(2):after {
    display: block;
    top: 0;
  }
}
.p-mypage-loginfo__in {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}
.p-mypage-loginfo__list {
  position: relative;
}
.p-mypage-loginfo__item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.p-mypage-loginfo__btn {
  text-align: center;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .p-mypage-loginfo__btn {
    text-align: right;
  }
}
.p-mypage-loginfo__ttl {
  font-weight: bold;
  font-weight: bold;
  color: #000;
  background: #f6f6f6;
  padding: 0 1em;
  margin-right: 1em;
  min-width: 8em;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  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;
}

/* =========================================================
_advertisement - 一時的な広告など
========================================================= */
/* =========================================================
お部屋request　TOP
========================================================= */
.p-request {
  /*
  ∟タイトル
  ------------------*/
  /*
  ∟疑問
  ------------------*/
  /*
  ∟ボタン
  ------------------*/
  /*
  ∟アバウト
  ------------------*/
}
.p-request-ttl {
  margin: 0 1em;
  background: #fff;
  padding: 0.5em;
  z-index: 99;
  position: relative;
}
@media screen and (min-width: 992px) {
  .p-request-ttl {
    padding: 3em 2em;
  }
}
.p-request-ttl__illust {
  margin: 0 auto;
  max-width: 50%;
  display: none;
}
@media screen and (min-width: 992px) {
  .p-request-ttl__illust {
    margin: 0 auto;
    max-width: 100%;
    margin-right: 1em;
    padding: 0;
    display: block;
  }
}
.p-request-ttl__title {
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 1.5em;
  font-weight: bold;
}
@media screen and (min-width: 992px) {
  .p-request-ttl__title {
    margin-top: 0;
  }
}
.p-request-ttl__title-sub {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.3;
  margin-bottom: 0.8em;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .p-request-ttl__title-sub {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.p-request-ttl__title-main {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.3;
  display: none;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .p-request-ttl__title-main {
    font-size: 40px;
    font-size: 2.5rem;
    display: block;
  }
}
.p-request-ttl__title-en {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.3;
  margin-bottom: 1em;
  color: #2A92DF;
  text-align: center;
  font-family: "Lexend Exa", serif;
}
@media screen and (min-width: 992px) {
  .p-request-ttl__title-en {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.p-request-faq__list {
  background: #f9f9f9;
  padding: 0.5em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}
@media screen and (min-width: 992px) {
  .p-request-faq__list {
    padding: 1em;
    margin: 0 1em;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }
}
.p-request-faq__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  padding: 0.5em 0 0;
  font-size: 12px;
  font-size: 0.75rem;
}
@media screen and (min-width: 992px) {
  .p-request-faq__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    font-size: 16px;
    font-size: 1rem;
    padding: 0.5em 0;
  }
}
.p-request-faq__item:before {
  background-image: url(../images/icon/icon_check_blue.svg);
  display: inline-block;
  background-position: center right;
  background-repeat: no-repeat;
  background-size: auto 100%;
  content: "";
  height: 14px;
  width: 22px;
  margin-right: 0.5em;
}
@media screen and (min-width: 992px) {
  .p-request-faq__item:before {
    height: 30px;
    width: 30px;
  }
}
.p-request-btn__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: 1em;
}
.p-request-btn__item {
  width: 50%;
  padding: 1%;
}
.p-request-btn__box {
  margin-bottom: 1.5em;
}
.p-request-btn__box__in {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  transition: .3s;
  cursor: pointer;
}
.p-request-btn__box__in a:not(.in-link) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
  z-index: 5;
}
.p-request-btn__box__in a.in-link {
  position: relative;
  z-index: 5;
}
.p-request-btn__box__in:hover {
  opacity: .7;
}
@media screen and (min-width: 992px) {
  .p-request-btn__box__in {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.p-request-btn__box__link {
  height: calc(100% + 1.5em) !important;
}
.p-request-btn__box__images {
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  min-height: 110px;
  border-radius: 5px;
  overflow: hidden;
}
@media screen and (min-width: 992px) {
  .p-request-btn__box__images {
    max-width: 100%;
    width: 100%;
  }
}
.p-request-btn__box__images img {
  max-width: 100%;
  height: auto;
}
.p-request-btn__box__ttl {
  font-weight: bold;
  max-height: inherit;
  padding: 0.5em;
  border-radius: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  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;
  min-height: 4em;
  letter-spacing: 0.08em;
  line-height: 105%;
  background: url(../images/icon/icon_right_black.svg) no-repeat right center;
  background-size: 8px 8px;
  padding-right: 13px;
  background-position: right 4px center;
  padding-right: 1.2em;
  padding: 0.8em;
  background-color: #fff;
  border-radius: 0.5em;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.1) 2px 3px 10px;
}
@media screen and (min-width: 992px) {
  .p-request-btn__box__ttl {
    line-height: 130%;
    margin-top: 1em;
    padding: 1.6em 0.5em;
    background-size: 10px auto;
    background-position: right 20px center;
    padding-right: 2.5em;
    background-color: #fff;
  }
}
.p-request-btn__box__ttl-main {
  font-size: 12px;
  font-size: 0.75rem;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  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;
  color: #2A92DF;
  font-weight: bold;
}
@media screen and (min-width: 992px) {
  .p-request-btn__box__ttl-main {
    font-size: 22px;
    font-size: 1.375rem;
    margin-bottom: 0.3em;
  }
}
.p-request-btn__box__ttl-sub {
  font-size: 12px;
  font-size: 0.75rem;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .p-request-btn__box__ttl-sub {
    font-weight: bold;
    font-size: 16px;
    font-size: 1rem;
    background-size: 50px auto;
  }
}
.p-request-about__ttl {
  color: #000;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.3;
  font-weight: bold;
  padding: 2em 0 0;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .p-request-about__ttl {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
.p-request-about__ttl:after {
  content: "";
  display: block;
  height: 4px;
  width: 70px;
  background-color: #2A92DF;
  margin: 0.8em auto;
}
.p-request-about__contents {
  background: #ffffff;
  padding: 1em;
  font-size: 14px;
  font-size: 0.875rem;
  margin: 0 1em;
  line-height: 1.5;
  text-align: left;
}
@media screen and (min-width: 992px) {
  .p-request-about__contents {
    font-size: 15px;
    font-size: 0.9375rem;
    text-align: center;
    padding: 2em;
  }
}

/* =========================================================
useful お役立ち等の下層ページ全般 / お部屋探しガイドも含む

========================================================= */
/*----------------------
共通 タイトル
------------------*/
.p-useful-ttl {
  color: #000;
}
.p-useful-ttl .l-container, .p-useful-ttl .l-main--col2, .p-useful-ttl .l-main--col3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  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;
  position: relative;
}
.p-useful-ttl-en {
  color: #EC424E;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.3;
  font-weight: bold;
  padding: 0.1em 0 0;
  text-align: center;
  font-family: "Lexend Exa", serif;
  z-index: 1;
  position: relative;
}
@media screen and (min-width: 992px) {
  .p-useful-ttl-en {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
.p-useful-ttl-main {
  color: #000;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.3;
  font-weight: bold;
  padding: 0.1em 0 0;
  text-align: center;
  z-index: 1;
  position: relative;
}
@media screen and (min-width: 992px) {
  .p-useful-ttl-main {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
.p-useful-ttl-big {
  color: #fff;
  font-size: 45px;
  font-size: 2.8125rem;
  font-weight: bold;
  text-align: center;
  margin-top: -0.5em;
  font-family: "Lexend Exa", serif;
  margin-bottom: 0.5em;
  z-index: 0;
  position: relative;
}
@media screen and (min-width: 992px) {
  .p-useful-ttl-big {
    font-size: 100px;
    font-size: 6.25rem;
  }
}
.p-useful-ttl-big--gray {
  color: #f8f8f8;
}

/*----------------------
共通 白ボックス　（ヘッダーに重なる）
------------------*/
.p-useful-upbox {
  padding: 1em;
  background: #fff;
  margin-top: -3em;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 992px) {
  .p-useful-upbox {
    margin-top: -5em;
    padding: 2em;
  }
}

/*----------------------
共通 スクロール　（ヘッダーに重なる）
------------------*/
.p-useful-scroll {
  position: relative;
  z-index: 50;
}
.p-useful-scroll--top .p-useful-scroll__arrow {
  top: -4em;
}
@media screen and (min-width: 992px) {
  .p-useful-scroll--top .p-useful-scroll__arrow {
    top: -15.5em !important;
  }
}
.p-useful-scroll--top .p-useful-scroll__text {
  top: -4em;
}
@media screen and (min-width: 992px) {
  .p-useful-scroll--top .p-useful-scroll__text {
    top: -8em !important;
  }
}
.p-useful-scroll--right .p-useful-scroll__arrow {
  right: 5px;
}
@media screen and (min-width: 992px) {
  .p-useful-scroll--right .p-useful-scroll__arrow {
    right: 25px;
  }
}
.p-useful-scroll--right .p-useful-scroll__text {
  right: 0;
}
@media screen and (min-width: 992px) {
  .p-useful-scroll--right .p-useful-scroll__text {
    right: 0;
  }
}
.p-useful-scroll--left .p-useful-scroll__arrow {
  left: 5px;
}
@media screen and (min-width: 992px) {
  .p-useful-scroll--left .p-useful-scroll__arrow {
    left: 25px;
  }
}
.p-useful-scroll--left .p-useful-scroll__text {
  left: 0;
}
@media screen and (min-width: 992px) {
  .p-useful-scroll--left .p-useful-scroll__text {
    left: 0;
  }
}
.p-useful-scroll__arrow {
  width: 2px;
  height: 100px;
  background-color: #fbf4f4;
  position: absolute;
  top: -2.5em;
}
@media screen and (min-width: 992px) {
  .p-useful-scroll__arrow {
    width: 3px;
    height: 180px;
    top: -2.5em;
  }
}
.p-useful-scroll__arrow:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #EC424E;
  position: absolute;
  animation-name: ScrollDownAnime;
  animation-duration: 5500ms;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}
.p-useful-scroll__text {
  color: #EC424E;
  font-weight: bold;
  font-size: 10px;
  font-size: 0.625rem;
  transform: rotate(90deg);
  position: absolute;
  top: 0px;
}
@media screen and (min-width: 992px) {
  .p-useful-scroll__text {
    font-size: 1.5rem;
    font-size: 20px;
    font-size: 1.25rem;
    top: 0px;
  }
}

/*----------------------
共通 説明左右ボックス
------------------*/
.p-useful-explanbox {
  /*num----------*/
}
.p-useful-explanbox__item {
  margin-top: 2em;
}
@media screen and (min-width: 992px) {
  .p-useful-explanbox__item {
    margin-top: 7em;
  }
}
@media screen and (min-width: 992px) {
  .p-useful-explanbox__item:first-child {
    margin-top: 0;
  }
}
.p-useful-explanbox__in {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}
@media screen and (min-width: 992px) {
  .p-useful-explanbox__in {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
@media screen and (min-width: 992px) {
  .p-useful-explanbox__in--odd {
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 992px) {
  .p-useful-explanbox__in--odd .p-useful-explanbox__box {
    margin-left: 0;
    margin-right: -3%;
  }
}
.p-useful-explanbox__box {
  margin: 0 auto;
  position: relative;
  z-index: 99;
  background: #f9f9f9;
  padding: 2em 1em 1em;
  width: 95%;
  line-height: 1.6;
  margin-top: -1.5em;
}
@media screen and (min-width: 992px) {
  .p-useful-explanbox__box {
    padding: 2em 2em 2em 5em;
    width: 56%;
    min-height: 300px;
    margin-left: -3%;
    margin-top: 3em;
  }
}
.p-useful-explanbox__photo {
  z-index: 90;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .p-useful-explanbox__photo {
    width: 47%;
  }
}
@media screen and (min-width: 992px) {
  .p-useful-explanbox__photo--odd {
    left: 0;
  }
}
@media screen and (min-width: 992px) {
  .p-useful-explanbox__photo--even {
    right: 0;
  }
}
.p-useful-explanbox__ttl {
  font-size: 14px;
  font-size: 0.875rem;
  margin-bottom: 1em;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .p-useful-explanbox__ttl {
    font-size: 20px;
    font-size: 1.25rem;
    text-align: left;
  }
}
.p-useful-explanbox__contents {
  margin-bottom: 1.5em;
}
.p-useful-explanbox-num {
  position: absolute;
  top: -23px;
  left: -13px;
  background: url(../images/icon/icon_bg_jagged_orange.svg) no-repeat center;
  background-size: 100% auto;
  width: 46px;
  height: 46px;
  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;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (min-width: 992px) {
  .p-useful-explanbox-num {
    width: 80px;
    height: 80px;
    top: -13px;
    left: -13px;
  }
}
.p-useful-explanbox-num__text {
  color: #fff;
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: bold;
}
@media screen and (min-width: 992px) {
  .p-useful-explanbox-num__text {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.p-useful-explanbox-num__big {
  font-family: "Lexend Exa", serif;
  font-size: 19px;
  font-size: 1.1875rem;
  line-height: 0.8;
  font-weight: bold;
  color: #fff;
  margin-top: -0.05em;
}
@media screen and (min-width: 992px) {
  .p-useful-explanbox-num__big {
    font-size: 35px;
    font-size: 2.1875rem;
    margin-top: 0;
  }
}

/*----------------------
お部屋のカタログ
------------------*/
.p-useful-catalog {
  background-color: #f1f8fd;
  /*
  ∟タイトル
  ------------------*/
  /*
  ∟デバイス
  ------------------*/
}
.p-useful-catalog .l-main--deco:before {
  top: 650px;
}
.p-useful-catalog-ttlen {
  color: #2a92df;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.3;
  font-weight: bold;
  padding: 0.1em 0 0;
  text-align: center;
  font-family: "Lexend Exa", serif;
  z-index: 1;
  position: relative;
}
@media screen and (min-width: 992px) {
  .p-useful-catalog-ttlen {
    font-size: 30px;
    font-size: 1.875rem;
    margin-top: 2em;
  }
}
.p-useful-catalog-ttlmain {
  color: #000;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.3;
  font-weight: bold;
  padding: 0.1em 0 0;
  text-align: center;
  z-index: 1;
  position: relative;
}
@media screen and (min-width: 992px) {
  .p-useful-catalog-ttlmain {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
.p-useful-catalog-ttlbig {
  color: #fff;
  font-size: 45px;
  font-size: 2.8125rem;
  font-weight: bold;
  text-align: center;
  margin-top: -0.5em;
  font-family: "Lexend Exa", serif;
  margin-bottom: 0.5em;
  z-index: 0;
  position: relative;
}
@media screen and (min-width: 992px) {
  .p-useful-catalog-ttlbig {
    font-size: 100px;
    font-size: 6.25rem;
  }
}
.p-useful-catalog-ttlbig--gray {
  color: #f8f8f8;
}
.p-useful-catalog__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  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;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  box-shadow: #ccc;
  width: 100%;
  max-width: 370px;
  height: 40px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin: 1em auto;
  text-align: center;
  background: url(../images/icon/icon_book_white.svg) no-repeat left center;
  background-size: 19px 19px;
  padding-left: 24px;
  background-position: center left 10px;
  text-decoration: none !important;
  transition: .3s;
  transition: .3s;
  cursor: pointer;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  letter-spacing: 0.05em;
  background-color: #2a92df;
  z-index: 99;
}
.p-useful-catalog__btn:hover {
  opacity: .7;
}
@media screen and (min-width: 992px) {
  .p-useful-catalog__btn {
    font-size: 22px;
    font-size: 1.375rem;
    background-size: 35px 35px;
    height: 70px;
    width: 100%;
    width: 600px;
    max-width: 100%;
    background-position: center left 20px;
  }
}
.p-useful-catalog__btn__sm {
  font-size: 12px;
  font-size: 0.75rem;
}
@media screen and (min-width: 992px) {
  .p-useful-catalog__btn__sm {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}
.p-useful-catalog__btn--sm {
  line-height: 1.2;
  min-height: 56px;
}
@media screen and (min-width: 992px) {
  .p-useful-catalog__btn--sm {
    width: inherit;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.2;
    width: 100%;
    letter-spacing: -0.01em;
    background-size: 30px 30px;
  }
}
.p-useful-catalog__btn--form {
  background: url(../images/icon/icon_mail_white.svg) no-repeat left center;
  background-size: 19px 19px;
  padding-left: 24px;
  background-position: center left 10%;
  background-color: #2a92df;
}
@media screen and (min-width: 992px) {
  .p-useful-catalog__btn--form {
    background-size: 35px 35px;
  }
}
.p-useful-catalog__btn-txt {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  color: #2a92df;
}
@media screen and (min-width: 992px) {
  .p-useful-catalog__btn-txt {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.p-useful-catalog-ttl {
  margin: 0 0em;
  z-index: 99;
  position: relative;
}
@media screen and (min-width: 992px) {
  .p-useful-catalog-ttl__box {
    min-height: 105px;
    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;
  }
}
.p-useful-catalog-ttl__book {
  margin: 0 auto;
  max-width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (min-width: 992px) {
  .p-useful-catalog-ttl__book {
    margin: 0 auto;
    margin-top: 0em;
    max-width: 900px;
    padding: 0;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
  }
}
.p-useful-catalog-ttl__book__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  max-width: 100%;
  background: #fff;
  padding: 1em;
}
@media screen and (min-width: 992px) {
  .p-useful-catalog-ttl__book__item {
    width: 50%;
  }
  .p-useful-catalog-ttl__book__item:first-child {
    margin-right: 1em;
  }
}
.p-useful-catalog-ttl__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  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;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 1.5em;
}
@media screen and (min-width: 992px) {
  .p-useful-catalog-ttl__title {
    margin-top: 0;
  }
}
.p-useful-catalog-ttl__title-sub {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.3;
  font-weight: bold;
}
@media screen and (min-width: 992px) {
  .p-useful-catalog-ttl__title-sub {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
.p-useful-catalog-ttl__title-main {
  font-size: 23px;
  font-size: 1.4375rem;
  line-height: 1.3;
  margin-bottom: 0.3em;
  font-weight: bold;
}
@media screen and (min-width: 992px) {
  .p-useful-catalog-ttl__title-main {
    font-size: 50px;
    font-size: 3.125rem;
  }
}
.p-useful-catalog-device {
  position: relative;
}
.p-useful-catalog-device__item {
  margin: 0 auto;
  padding: 0 2em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding: 1em;
  margin: auto;
}
.p-useful-catalog-device__item--sp {
  width: 47%;
}
@media screen and (min-width: 992px) {
  .p-useful-catalog-device__item--sp {
    width: inherit;
  }
}
.p-useful-catalog-device__item--tb {
  width: 60%;
}
@media screen and (min-width: 992px) {
  .p-useful-catalog-device__item--tb {
    width: inherit;
  }
}
.p-useful-catalog-device__item--pc {
  width: 90%;
}
@media screen and (min-width: 992px) {
  .p-useful-catalog-device__item--pc {
    width: inherit;
  }
}
.p-useful-catalog-device__mark {
  height: 80px;
  width: 80px;
  color: #fff;
  background: #2a92df;
  padding: 0.2em;
  letter-spacing: -0.05em;
  border-radius: 100px;
  position: absolute;
  top: -50px;
  left: -50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  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;
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  font-size: 0.9375rem;
  border: solid 4px #fff;
}
@media screen and (min-width: 992px) {
  .p-useful-catalog-device__mark {
    height: 80px;
    width: 80px;
    font-size: 12px;
    font-size: 0.75rem;
  }
}
.p-useful-catalog-device__parts {
  border: solid #ededed 15px;
  background: #fff;
  position: relative;
  border-radius: 10px;
}
@media screen and (min-width: 992px) {
  .p-useful-catalog-device__parts {
    border: solid #ededed 25px;
  }
}
.p-useful-catalog-about {
  position: relative;
}
@media screen and (min-width: 992px) {
  .p-useful-catalog-about {
    margin-bottom: 3em;
    margin-top: 3em;
  }
}
.p-useful-catalog-about__list {
  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;
}
.p-useful-catalog-about__item {
  background: #fff;
  border-radius: 10px;
}

/*----------------------
外国人さんの「お部屋探し」もお任せください！
------------------*/
.p-useful-foreigner {
  /*説明*/
  /*資料*/
}
.p-useful-foreigner-about {
  background-color: #fbfbfb;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 11px, white 11px, white 13px);
  padding-bottom: 3em;
}
@media screen and (min-width: 992px) {
  .p-useful-foreigner-about {
    padding-top: 9em;
    margin-top: -4em;
  }
}
.p-useful-foreigner-about .l-container, .p-useful-foreigner-about .l-main--col2, .p-useful-foreigner-about .l-main--col3 {
  position: relative;
}
.p-useful-foreigner-about__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
@media screen and (min-width: 992px) {
  .p-useful-foreigner-about__list {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    -webkit-align-items: inherit;
    -moz-align-items: inherit;
    align-items: inherit;
  }
}
.p-useful-foreigner-about__item {
  padding: 1em 1em;
  margin-bottom: 2em;
  border-radius: 10px;
}
@media screen and (min-width: 992px) {
  .p-useful-foreigner-about__item {
    margin: 0 0.5em;
    padding: 2em 1em;
  }
}
.p-useful-foreigner-about__item:nth-child(1) {
  position: relative;
  width: 80%;
}
@media screen and (min-width: 992px) {
  .p-useful-foreigner-about__item:nth-child(1) {
    width: 30%;
    max-height: 475px;
  }
}
.p-useful-foreigner-about__item:nth-child(1):before {
  content: "";
  display: block;
  background-image: url(../images/useful/foreigner/icon_arw.svg);
  background-size: auto 100%;
  background-position: center center;
  background-repeat: no-repeat;
  height: 3em;
  width: 1.2em;
  position: absolute;
  bottom: -20%;
  z-index: 0;
  right: calc(50% - 0.6em);
}
@media screen and (min-width: 992px) {
  .p-useful-foreigner-about__item:nth-child(1):before {
    top: 45%;
    right: -45%;
    height: 125px;
    width: 250px;
    background-size: auto 100%;
    transform: rotate(-90deg);
  }
}
.p-useful-foreigner-about__item:nth-child(2) {
  width: 120%;
  margin-bottom: 1em;
  margin-top: 2em;
  border: none;
  padding-top: 2em;
}
@media screen and (min-width: 992px) {
  .p-useful-foreigner-about__item:nth-child(2) {
    width: 60%;
    margin-left: 10%;
    margin-bottom: 0;
    margin-top: inherit;
  }
}
.p-useful-foreigner-about__img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  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;
  color: #EC424E;
}
.p-useful-foreigner-about__img img {
  max-width: 250px;
}
@media screen and (min-width: 992px) {
  .p-useful-foreigner-about__img img {
    max-width: 65%;
  }
}
.p-useful-foreigner-about__img--lg img {
  max-width: 150px;
}
@media screen and (min-width: 992px) {
  .p-useful-foreigner-about__img--lg img {
    max-width: 70%;
  }
}
.p-useful-foreigner-about__ttl {
  color: #000;
  text-align: center;
  font-weight: bold;
  margin-bottom: 1em;
  font-size: 16px;
  font-size: 1rem;
  line-height: 130%;
}
@media screen and (min-width: 992px) {
  .p-useful-foreigner-about__ttl {
    font-size: 26px;
    font-size: 1.625rem;
    margin-bottom: 1em;
  }
}
.p-useful-foreigner-about__ttl-cooperation {
  display: inline-block;
  padding: 0 0.5em;
  margin: 0 0.2em;
  margin-bottom: 0.5em;
  color: #EC424E;
}
.p-useful-foreigner-about__concept {
  color: #EC424E;
  text-align: center;
  font-weight: bold;
  padding: 1em 0.5em;
  font-size: 22px;
  font-size: 1.375rem;
  letter-spacing: 0.05em;
  line-height: 150%;
}
@media screen and (min-width: 992px) {
  .p-useful-foreigner-about__concept {
    font-size: 34px;
    font-size: 2.125rem;
  }
}
.p-useful-foreigner-about__support {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .p-useful-foreigner-about__support {
    font-size: 26px;
    font-size: 1.625rem;
  }
}
.p-useful-foreigner-about__support-cooperation {
  background: linear-gradient(rgba(0, 0, 0, 0) 50%, #ffe400 50%);
  display: inline-block;
  margin-top: 0.5em;
}
.p-useful-foreigner-document {
  margin-top: 2em;
  position: relative;
}
@media screen and (min-width: 992px) {
  .p-useful-foreigner-document {
    margin-top: 7em;
  }
}
.p-useful-foreigner-document:before {
  content: "";
  display: block;
  background-image: url(../images/useful/foreigner/bg_document.jpg);
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
  height: 300px;
  width: 110%;
  position: absolute;
  top: -32%;
  z-index: 0;
  left: -5%;
}
@media screen and (min-width: 992px) {
  .p-useful-foreigner-document:before {
    height: 100%;
    background-size: 100% auto;
    width: 100%;
    top: -14%;
    z-index: 0;
    left: 0;
  }
}
.p-useful-foreigner-document__box {
  background: #fff;
  padding: 1em;
  position: relative;
  z-index: 1;
  border-radius: 10px;
  margin: 0 1em;
}
@media screen and (min-width: 992px) {
  .p-useful-foreigner-document__box {
    margin: 0 0.5em;
    padding: 4em 2em;
    margin-bottom: 2em;
  }
}
.p-useful-foreigner-document__btn {
  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;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  max-width: 250px;
  min-width: 250px;
  width: 100%;
  padding: 0.8em 0.5em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 3px 3px 0 #ccc;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background: url(../images/icon/icon_pdf_black.svg) no-repeat left center;
  background-size: 10px 10px;
  padding-left: 15px;
  background-position: center left 5%;
  background-size: 30px auto;
  border: solid #666 2px;
  background-color: #fff;
  text-align: center;
  text-decoration: none !important;
  transition: .3s;
  transition: .3s;
  cursor: pointer;
  background-color: #fff;
  font-weight: bold;
  font-size: 14px;
  font-size: 0.875rem;
  position: relative;
}
.p-useful-foreigner-document__btn:hover {
  opacity: .7;
}
.p-useful-foreigner-document__btn a:not(.in-link) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
  z-index: 5;
}
.p-useful-foreigner-document__btn a.in-link {
  position: relative;
  z-index: 5;
}
@media screen and (min-width: 992px) {
  .p-useful-foreigner-document__btn {
    padding: 0.8em 1em;
    background-size: 30px auto;
    font-size: 16px;
    font-size: 1rem;
  }
}
.p-useful-foreigner-document__btn-unit {
  color: #EC424E;
}
.p-useful-foreigner-document__btn-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .p-useful-foreigner-document__btn-list {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.p-useful-foreigner-document__btn-item {
  padding: 0.5em;
}
.p-useful-foreigner-document__ttl {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 1em;
}
@media screen and (min-width: 992px) {
  .p-useful-foreigner-document__ttl {
    font-size: 30px;
    font-size: 1.875rem;
  }
}

/*----------------------
クレジットカード
------------------*/
.p-useful-creditcard__item {
  padding-left: 1.5em;
  text-indent: -1.5em;
  font-size: 12px;
  font-size: 0.75rem;
}
@media screen and (min-width: 992px) {
  .p-useful-creditcard__item {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}
.p-useful-creditcard__item:before {
  background-image: url(../images/icon/icon_check_main.svg);
  display: inline-block;
  background-position: center right;
  background-repeat: no-repeat;
  background-size: auto 100%;
  content: "";
  height: 1em;
  width: 1em;
  margin-right: 0.5em;
}
@media screen and (min-width: 992px) {
  .p-useful-creditcard__item:before {
    height: 1em;
    width: 1em;
  }
}
.p-useful-creditcard__box-in {
  background: #fff;
  padding: 1em;
  border-radius: 10px;
  margin-bottom: 1em;
  line-height: 150%;
  box-shadow: rgba(0, 0, 0, 0.08) 6px 6px 10px;
  font-size: 12px;
  font-size: 0.75rem;
}
@media screen and (min-width: 992px) {
  .p-useful-creditcard__box-in {
    padding: 2em;
    font-size: 15px;
    font-size: 0.9375rem;
  }
}
.p-useful-creditcard__box-ttl {
  font-weight: bold;
  margin-bottom: 1em;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .p-useful-creditcard__box-ttl {
    font-size: 16px;
    font-size: 1rem;
    text-align: center;
  }
}
.p-useful-creditcard__box-text {
  text-align: left;
}
.p-useful-creditcard-about {
  position: relative;
}
.p-useful-creditcard-about__card-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  max-width: 1200px;
  margin: 0 auto;
}
.p-useful-creditcard-about__card-item {
  padding: 0.5em;
  line-height: 140%;
  flex: 0 0 18%;
}
@media screen and (min-width: 992px) {
  .p-useful-creditcard-about__card-item {
    padding: 0.5em;
    flex: 0 0 18%;
  }
}
.p-useful-creditcard-about__card-ttl {
  font-weight: bold;
  text-align: center;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .p-useful-creditcard-merit {
    margin-top: 2em;
  }
}

/*----------------------
学生スタッフ
------------------*/
@media screen and (min-width: 992px) {
  .p-useful-studentstaff .c-ttl-main-basic__sub {
    font-size: 25px;
    font-size: 1.5625rem;
  }
}
.p-useful-studentstaff .c-ttl-main-basic__main {
  font-size: 19px;
  font-size: 1.1875rem;
}
@media screen and (min-width: 992px) {
  .p-useful-studentstaff .c-ttl-main-basic__main {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
.p-useful-studentstaff-description {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.8;
  font-weight: bold;
  background: #fbfbfb;
  padding: 1em;
}
@media screen and (min-width: 992px) {
  .p-useful-studentstaff-description {
    font-size: 17px;
    font-size: 1.0625rem;
    text-align: center;
    padding: 1.5em;
  }
}
.p-useful-studentstaff-box-explanation {
  margin: 2em 0 3em;
}
@media screen and (min-width: 992px) {
  .p-useful-studentstaff-box-explanation {
    margin: 3em 0 3em;
  }
}
.p-useful-studentstaff-box-explanation-in {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  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;
}
@media screen and (min-width: 992px) {
  .p-useful-studentstaff-box-explanation-in {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: 1em;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
  }
}
@media screen and (min-width: 992px) {
  .p-useful-studentstaff-box-explanation-in--reverse {
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
.p-useful-studentstaff-box-explanation-photo {
  position: relative;
}
@media screen and (min-width: 992px) {
  .p-useful-studentstaff-box-explanation-photo {
    width: 50%;
    z-index: 0;
  }
}
@media screen and (min-width: 992px) {
  .p-useful-studentstaff-box-explanation-photo--reverse {
    margin-right: 0;
  }
}
.p-useful-studentstaff-box-explanation-photo__num {
  font-size: 100px;
  font-size: 6.25rem;
  position: absolute;
  color: #fff;
  letter-spacing: 0.25em;
  font-family: "Lexend Exa", serif;
  font-weight: 600;
  left: -0.1em;
  letter-spacing: -0.02em;
  top: 0.25em;
  line-height: 0.2;
}
@media screen and (min-width: 992px) {
  .p-useful-studentstaff-box-explanation-photo__num {
    display: block;
    font-size: 190px;
    font-size: 11.875rem;
    bottom: 0.16em;
    top: inherit;
    line-height: 0;
  }
}
.p-useful-studentstaff-box-explanation-photo__num--right {
  right: 0em;
  left: inherit;
}
@media screen and (min-width: 992px) {
  .p-useful-studentstaff-box-explanation-photo__num--right {
    right: -0.1em;
    left: inherit;
  }
}
.p-useful-studentstaff-box-explanation-contents {
  width: 94%;
  margin: 0 auto;
  margin-top: -2.5em;
  background: #ccc;
  z-index: 1;
  padding: 1.2em 0.8em;
}
@media screen and (min-width: 992px) {
  .p-useful-studentstaff-box-explanation-contents {
    margin-bottom: 1em;
    padding: 3.5em;
    width: calc(50% + 3em);
    padding: 3.5em;
    margin-top: 7em;
    margin-left: -3em;
    max-width: 650px;
    min-height: 300px;
  }
}
@media screen and (min-width: 1200px) {
  .p-useful-studentstaff-box-explanation-contents {
    margin-top: 10em;
  }
}
@media screen and (min-width: 992px) {
  .p-useful-studentstaff-box-explanation-contents--reverse {
    margin-right: -8%;
  }
}
.p-useful-studentstaff-box-explanation-contents__text {
  margin-bottom: 1.5em;
}
.p-useful-studentstaff-ttl-contents {
  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;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: relative;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  font-weight: 500;
  margin-bottom: 1em;
}
@media screen and (min-width: 992px) {
  .p-useful-studentstaff-ttl-contents {
    margin-bottom: 3em;
  }
}
.p-useful-studentstaff-ttl-contents--left {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}
.p-useful-studentstaff-ttl-contents--left .c-ttl-contents__main {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}
.p-useful-studentstaff-ttl-contents__main {
  color: #000;
  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;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 15px;
  font-size: 0.9375rem;
  text-align: center;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin-bottom: 0.5em;
  z-index: 2;
  position: relative;
  margin-top: 0.5em;
  line-height: 1.4;
}
@media screen and (min-width: 992px) {
  .p-useful-studentstaff-ttl-contents__main {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.p-useful-studentstaff-ttl-contents__main:after {
  content: "";
  height: 2px;
  width: 29px;
  background: #EC424E;
  display: block;
  margin-top: 0.8em;
}
@media screen and (min-width: 992px) {
  .p-useful-studentstaff-ttl-contents__main:after {
    height: 3px;
  }
}
.p-useful-studentstaff-ttl-contents__bg {
  font-family: "Lexend Exa", serif;
  color: #F1F1F1;
  margin-bottom: 0.5em;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 900;
  z-index: 1;
  letter-spacing: 0.2em;
}
@media screen and (min-width: 992px) {
  .p-useful-studentstaff-ttl-contents__bg {
    font-size: 35px;
    font-size: 2.1875rem;
  }
}

/*----------------------
スケジュール
------------------*/
.p-useful-schedule-main {
  font-family: "Zen Maru Gothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}
.p-useful-schedule-ttl {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  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;
  margin-bottom: 1em;
  margin-bottom: 1.5em;
  padding-top: 1em;
}
@media screen and (min-width: 992px) {
  .p-useful-schedule-ttl {
    padding-top: 2em;
  }
}
.p-useful-schedule-ttl__jp {
  font-size: 14px;
  font-size: 0.875rem;
  color: #000;
  margin-bottom: 0.5em;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  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;
  position: relative;
  letter-spacing: 0.1em;
  text-align: center;
  line-height: 1.3;
}
@media screen and (min-width: 992px) {
  .p-useful-schedule-ttl__jp {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
.p-useful-schedule-ttl__jp--lg {
  font-size: 18px;
  font-size: 1.125rem;
}
@media screen and (min-width: 992px) {
  .p-useful-schedule-ttl__jp--lg {
    font-size: 40px;
    font-size: 2.5rem;
  }
}
.p-useful-schedule-ttl__en {
  font-family: "Lexend Exa", serif;
  color: #209e93;
  font-size: 10px;
  font-size: 0.625rem;
  margin-bottom: 0.5em;
  font-weight: 500;
  letter-spacing: 0.2em;
  font-weight: 800;
}
@media screen and (min-width: 992px) {
  .p-useful-schedule-ttl__en {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.p-useful-schedule-ttl__en--staff {
  color: #538FD4;
}
.p-useful-schedule-ttl__bgen {
  font-family: "Lexend Exa", serif;
  color: #ffffff;
  font-size: 60px;
  font-size: 3.75rem;
  margin-bottom: 0.5em;
  text-align: center;
  position: absolute;
  top: 0em;
  font-weight: bold;
  z-index: 0;
  letter-spacing: 0.2em;
}
@media screen and (min-width: 992px) {
  .p-useful-schedule-ttl__bgen {
    font-size: 77px;
    font-size: 4.8125rem;
  }
}
.p-useful-schedule-top {
  font-weight: bold;
  text-align: left;
  line-height: 180%;
  font-size: 12px;
  font-size: 0.75rem;
  margin: 0.5em;
}
@media screen and (min-width: 992px) {
  .p-useful-schedule-top {
    margin-bottom: 2em;
    font-size: 23px;
    font-size: 1.4375rem;
    text-align: center;
  }
}
.p-useful-schedule-top__img {
  margin: 0 auto;
  max-width: 300px;
  margin-bottom: 1em;
}
@media screen and (min-width: 992px) {
  .p-useful-schedule-top__img {
    max-width: 600px;
  }
}
.p-useful-schedule-concept {
  padding: 1em;
  background: #fff;
  border: solid #EC424E 3px;
  font-weight: bold;
  font-size: 14px;
  font-size: 0.875rem;
}
@media screen and (min-width: 992px) {
  .p-useful-schedule-concept {
    font-size: 18px;
    font-size: 1.125rem;
    text-align: center;
  }
}
.p-useful-schedule-about {
  position: relative;
}
.p-useful-schedule-about__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 1em;
}
@media screen and (min-width: 992px) {
  .p-useful-schedule-about__list {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 2em;
  }
}
.p-useful-schedule-about__item {
  padding: 1em;
  border-radius: 10px;
  margin: 0 0 1em;
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
@media screen and (min-width: 992px) {
  .p-useful-schedule-about__item {
    width: 48%;
    padding: 2em;
    margin: 0.5%;
  }
}
.p-useful-schedule-about__illust {
  margin-bottom: 1em;
}
@media screen and (min-width: 992px) {
  .p-useful-schedule-about__illust {
    margin-bottom: 2em;
  }
}
.p-useful-schedule-about__ttl {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  color: #209e93;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 1em;
  line-height: 1.3;
  background: linear-gradient(rgba(0, 0, 0, 0) 60%, #fefe75 30%);
  display: inline-block;
}
@media screen and (min-width: 992px) {
  .p-useful-schedule-about__ttl {
    font-size: 28px;
    font-size: 1.75rem;
    margin-bottom: 1em;
  }
}
.p-useful-schedule-about__text {
  font-weight: bold;
  font-size: 17px;
  line-height: 1.6;
  font-size: 12px;
  font-size: 0.75rem;
}
@media screen and (min-width: 992px) {
  .p-useful-schedule-about__text {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.p-useful-schedule-about__description {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  position: relative;
  line-height: 1.6;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  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;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 1em;
}
@media screen and (min-width: 992px) {
  .p-useful-schedule-about__description {
    font-size: 22px;
    font-size: 1.375rem;
    padding: 1em;
    text-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.p-useful-schedule-about__description-img {
  margin-bottom: 1em;
  max-width: 150px;
}
@media screen and (min-width: 992px) {
  .p-useful-schedule-about__description-img {
    margin-right: 2em;
    max-width: 280px;
  }
}
.p-useful-schedule-btn {
  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;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  padding: 0.8em 0.5em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  box-sizing: border-box;
  border: solid #209e93 3px;
  background-color: #fff;
  text-align: center;
  text-decoration: none !important;
  transition: .3s;
  transition: .3s;
  cursor: pointer;
  min-width: inherit;
  border-radius: 100px;
  background-color: #fff;
  color: #209e93;
  font-size: 18px;
  font-size: 1.125rem;
}
.p-useful-schedule-btn:hover {
  opacity: .7;
}
@media screen and (min-width: 992px) {
  .p-useful-schedule-btn {
    border: solid #209e93 4px;
    padding: 0.8em 1em;
    max-width: inherit;
    height: 60px;
    font-size: 25px;
    font-size: 1.5625rem;
    background-size: 30px auto !important;
    max-width: 600px;
  }
}

/*----------------------
lineページ
------------------*/
.p-useful-line {
  /*about------*/
  /*point------*/
  /*-message------*/
  /*-step------*/
}
.p-useful-line-about-in {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (min-width: 992px) {
  .p-useful-line-about-in {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.p-useful-line-about-contents {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  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;
  padding: 1.5em 0;
}
@media screen and (min-width: 992px) {
  .p-useful-line-about-contents {
    width: 30%;
    padding-left: 10%;
  }
}
.p-useful-line-about-photo {
  position: relative;
}
.p-useful-line-about-photo img {
  vertical-align: bottom;
}
@media screen and (min-width: 992px) {
  .p-useful-line-about-photo {
    width: 70%;
  }
}
.p-useful-line-about-balloon {
  position: absolute;
  left: 4%;
  top: 2%;
  width: 37%;
}
@media screen and (min-width: 992px) {
  .p-useful-line-about-balloon {
    left: 17%;
    top: 8%;
    width: 26%;
  }
}
.p-useful-line-about-ttl {
  text-align: center;
  font-size: 17px;
  font-size: 1.0625rem;
  font-weight: bold;
  font-family: "M PLUS 1p", serif;
  margin-bottom: 1em;
  line-height: 1.5;
}
@media screen and (min-width: 992px) {
  .p-useful-line-about-ttl {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.p-useful-line-about-qr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  max-width: 300px;
  width: 80%;
  margin-bottom: 1.5em;
}
@media screen and (min-width: 992px) {
  .p-useful-line-about-qr {
    width: 95%;
  }
}
.p-useful-line-about-qr-img {
  margin: 0 5px;
}
.p-useful-line-point {
  background-color: #3BBB6E;
  position: relative;
  padding: 2em 5px 0;
  overflow: hidden;
}
.p-useful-line-point:before {
  content: '';
  display: inline-block;
  background: url(../images/useful/line/img_motif_top.png) no-repeat center;
  background-size: 100% auto;
  width: 115vw;
  height: 20vw;
  position: absolute;
  left: -10vw;
  top: -3vw;
  z-index: 2;
}
.p-useful-line-point:after {
  content: '';
  display: inline-block;
  background: url(../images/useful/line/img_motif_bottom.png) no-repeat center;
  background-size: 100% auto;
  width: 115vw;
  height: 20vw;
  position: absolute;
  left: -10vw;
  bottom: -3vw;
  z-index: 2;
}
.p-useful-line-point-flow {
  position: absolute;
  left: 0;
  top: 4em;
  color: #41ca78;
  font-size: 75px;
  font-size: 4.6875rem;
  letter-spacing: 0.1em;
  font-weight: 900;
  bottom: 0.18em;
  white-space: nowrap;
  font-family: "Lexend Exa", serif;
  display: flex;
  width: 100vw;
  z-index: 3;
  margin-inline: calc(50% - 50vw);
}
@media screen and (min-width: 992px) {
  .p-useful-line-point-flow {
    font-size: 140px;
    font-size: 8.75rem;
    top: 1em;
  }
}
.p-useful-line-point-flow__in {
  flex-shrink: 0;
  white-space: nowrap;
  padding-left: 0.5em;
}
.p-useful-line-point-flow__in:nth-child(odd) {
  animation: c-anime-txt-flow 60s -30s infinite linear;
}
.p-useful-line-point-flow__in:nth-child(even) {
  animation: c-anime-txt-flow-second 60s infinite linear;
}
.p-useful-line-point-in {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: reverse;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column-reverse;
  -moz-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  z-index: 4;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
@media screen and (min-width: 992px) {
  .p-useful-line-point-in {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
  }
}
.p-useful-line-point-photo {
  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;
  max-width: 300px;
  width: 56%;
}
@media screen and (min-width: 992px) {
  .p-useful-line-point-photo {
    max-width: 385px;
    width: 27%;
  }
}
.p-useful-line-point-contents {
  padding: 2em 5px;
  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;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.p-useful-line-point-ttl {
  margin-bottom: 1.5em;
  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;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.p-useful-line-point-ttl-en {
  font-family: "Lexend Exa", serif;
  font-size: 30px;
  font-size: 1.875rem;
  margin-bottom: 0.5em;
  font-weight: 600;
  color: #fff;
}
@media screen and (min-width: 992px) {
  .p-useful-line-point-ttl-en {
    font-size: 60px;
    font-size: 3.75rem;
  }
}
.p-useful-line-point-ttl-jp {
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 0.5em;
  font-weight: 600;
  color: #fff;
}
@media screen and (min-width: 992px) {
  .p-useful-line-point-ttl-jp {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
.p-useful-line-point-lineup__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.p-useful-line-point-lineup__item {
  margin-bottom: 0.5em;
  font-weight: bold;
  color: #fff;
}
.p-useful-line-point-lineup__item:before {
  content: '';
  display: inline-block;
  background: url(../images/useful/line/img_point_check.svg) no-repeat center;
  background-size: 100% auto;
  width: 1.2em;
  height: 1.2em;
  margin-right: 0.3em;
}
@media screen and (min-width: 992px) {
  .p-useful-line-point-lineup__item {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.p-useful-line-message {
  position: relative;
  background: #FFE461;
  padding: 2em 0;
  overflow: hidden;
}
@media screen and (min-width: 992px) {
  .p-useful-line-message {
    padding: 3.5em 0;
  }
}
.p-useful-line-message-flow {
  position: absolute;
  left: 0;
  top: 5em;
  color: #fff;
  font-size: 75px;
  font-size: 4.6875rem;
  letter-spacing: 0.1em;
  font-weight: 900;
  bottom: 0.18em;
  white-space: nowrap;
  font-family: "Lexend Exa", serif;
  display: flex;
  width: 100vw;
  z-index: 2;
  margin-inline: calc(50% - 50vw);
}
@media screen and (min-width: 992px) {
  .p-useful-line-message-flow {
    font-size: 140px;
    font-size: 8.75rem;
    top: 3em;
  }
}
.p-useful-line-message-flow__in {
  flex-shrink: 0;
  white-space: nowrap;
  padding-left: 0.5em;
}
.p-useful-line-message-flow__in:nth-child(odd) {
  animation: c-anime-txt-flow 60s -30s infinite linear;
}
.p-useful-line-message-flow__in:nth-child(even) {
  animation: c-anime-txt-flow-second 60s infinite linear;
}
.p-useful-line-message-ttl {
  background: #fff;
  font-size: 16px;
  font-size: 1rem;
  padding: 0.5em 0.3em;
  border-radius: 10px;
  color: #3BBB6E;
  font-family: "M PLUS 1p", serif;
  font-weight: 600;
  width: 90%;
  position: relative;
  margin: 0 auto;
  margin-bottom: 2em;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .p-useful-line-message-ttl {
    font-size: 24px;
    font-size: 1.5rem;
    padding: 1em 0.3em;
    margin-bottom: 2em;
  }
}
.p-useful-line-message-ttl:after {
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  border-color: rgba(2, 142, 208, 0);
  border-top-width: 10px;
  border-bottom-width: 10px;
  border-left-width: 30px;
  border-right-width: 30px;
  border-right-color: #fff;
  left: 30px;
  bottom: -29px;
  -moz-transform: rotate(-135deg);
  -webkit-transform: rotate(-118deg);
  -o-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  z-index: 0;
}
.p-useful-line-message-phone {
  width: 86%;
  margin: 0 auto;
  z-index: 3;
  position: relative;
}
@media screen and (min-width: 992px) {
  .p-useful-line-message-phone {
    max-width: 800px;
  }
}
.p-useful-line-message-phone__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
@media screen and (min-width: 992px) {
  .p-useful-line-message-phone__item {
    width: 50%;
  }
}
.p-useful-line-message-phone__item:nth-child(1) img {
  transform: rotate(-7deg);
}
.p-useful-line-message-phone__item:nth-child(2) img {
  transform: rotate(6deg);
  margin-top: 1em;
}
.p-useful-line-message-motif {
  z-index: 4;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.p-useful-line-message-motif__item {
  position: absolute;
  width: 17vw;
}
@media screen and (min-width: 992px) {
  .p-useful-line-message-motif__item {
    width: 12vw;
  }
}
.p-useful-line-message-motif__item:nth-child(1) {
  top: 20vw;
  left: 1vw;
}
.p-useful-line-message-motif__item:nth-child(2) {
  top: 97vw;
  left: 4vw;
}
@media screen and (min-width: 992px) {
  .p-useful-line-message-motif__item:nth-child(2) {
    top: 50vw;
  }
}
.p-useful-line-message-motif__item:nth-child(3) {
  top: 82vw;
  right: 1vw;
}
@media screen and (min-width: 992px) {
  .p-useful-line-message-motif__item:nth-child(3) {
    top: 35vw;
  }
}
.p-useful-line-step {
  padding: 2em 0 4em;
  background: #3BBB6E;
  position: relative;
  overflow: hidden;
}
.p-useful-line-step:before {
  content: '';
  display: inline-block;
  background: url(../images/useful/line/img_motif_top.png) no-repeat center;
  background-size: 100% auto;
  width: 115vw;
  height: 20vw;
  position: absolute;
  left: -10vw;
  top: -3vw;
  z-index: 1;
}
.p-useful-line-step:after {
  content: '';
  display: inline-block;
  background: url(../images/useful/line/img_motif_bottom.png) no-repeat center;
  background-size: 100% auto;
  width: 115vw;
  height: 20vw;
  position: absolute;
  left: -10vw;
  bottom: -3vw;
  z-index: 1;
}
@media screen and (min-width: 992px) {
  .p-useful-line-step {
    padding: 4em 0 4em;
  }
}
.p-useful-line-step-in {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 992px) {
  .p-useful-line-step-in {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.p-useful-line-step-contents {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  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;
  padding: 1.5em 0;
}
@media screen and (min-width: 992px) {
  .p-useful-line-step-contents {
    width: 80%;
    padding-left: 3em;
  }
}
.p-useful-line-step-photo {
  position: absolute;
  bottom: -4em;
  right: -1.5em;
  width: 38vw;
  max-width: 135px;
}
@media screen and (min-width: 992px) {
  .p-useful-line-step-photo {
    max-width: inherit;
  }
}
.p-useful-line-step-photo img {
  vertical-align: bottom;
}
.p-useful-line-step-flow {
  position: absolute;
  left: 0;
  top: 1em;
  color: #46d07d;
  font-size: 75px;
  font-size: 4.6875rem;
  letter-spacing: 0.1em;
  font-weight: 900;
  bottom: 0.18em;
  white-space: nowrap;
  font-family: "Lexend Exa", serif;
  display: flex;
  width: 100vw;
  z-index: 2;
  margin-inline: calc(50% - 50vw);
}
@media screen and (min-width: 992px) {
  .p-useful-line-step-flow {
    font-size: 140px;
    font-size: 8.75rem;
    bottom: 0.3em;
  }
}
.p-useful-line-step-flow__in {
  flex-shrink: 0;
  white-space: nowrap;
  padding-left: 0.5em;
}
.p-useful-line-step-flow__in:nth-child(odd) {
  animation: c-anime-txt-flow 60s -30s infinite linear;
}
.p-useful-line-step-flow__in:nth-child(even) {
  animation: c-anime-txt-flow-second 60s infinite linear;
}
.p-useful-line-step-ttl {
  margin-bottom: 1.5em;
  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;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.p-useful-line-step-ttl-en {
  font-family: "Lexend Exa", serif;
  font-size: 30px;
  font-size: 1.875rem;
  margin-bottom: 0.5em;
  font-weight: 600;
  color: #fff;
}
@media screen and (min-width: 992px) {
  .p-useful-line-step-ttl-en {
    font-size: 60px;
    font-size: 3.75rem;
  }
}
.p-useful-line-step-ttl-jp {
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 0.5em;
  font-weight: 600;
  color: #fff;
}
@media screen and (min-width: 992px) {
  .p-useful-line-step-ttl-jp {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
.p-useful-line-step-lineup {
  padding: 0.5em;
  width: 95%;
}
.p-useful-line-step-lineup__item {
  background: #fff;
  padding: 0.8em;
  font-weight: bold;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.5;
  border-radius: 10px;
  margin-bottom: 0.5em;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .p-useful-line-step-lineup__item {
    padding: 1em;
    font-size: 19px;
    font-size: 1.1875rem;
    text-align: left;
  }
}
.p-useful-line-step-lineup__num {
  font-family: "Lexend Exa", serif;
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: bold;
  color: #3BBB6E;
  display: block;
  margin-bottom: 0.1em;
  line-height: 1;
}
@media screen and (min-width: 992px) {
  .p-useful-line-step-lineup__num {
    font-size: 40px;
    font-size: 2.5rem;
    marginbottom: 0;
    margin-right: 0.2em;
    display: inline-block;
  }
}
.p-useful-line-step-btn {
  margin-top: 2em;
}

/*----------------------
キャンペーン
------------------*/
.p-useful-campaign {
  /*num----------*/
}
@media screen and (min-width: 992px) {
  .p-useful-campaign__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.p-useful-campaign__item {
  padding: 0.8em;
  border-radius: 0.5em;
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.08) 6px 6px 10px;
  margin-bottom: 1em;
  position: relative;
  margin-bottom: 2em;
}
@media screen and (min-width: 1200px) {
  .p-useful-campaign__item {
    padding: 1.5em;
    border-radius: 1em;
    width: 49%;
    margin-bottom: 2%;
  }
  .p-useful-campaign__item:nth-child(2n) {
    margin-left: 2%;
  }
}
.p-useful-campaign__in {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (min-width: 992px) {
  .p-useful-campaign__in {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.p-useful-campaign__photo {
  z-index: 1;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .p-useful-campaign__photo {
    width: 40%;
    margin-right: 3%;
    min-width: 250px;
  }
}
.p-useful-campaign__contents {
  margin: 0 auto;
  position: relative;
  z-index: 99;
  background: #f9f9f9;
  padding: 1em;
  width: 100%;
  line-height: 1.6;
  margin-top: 0.5em;
}
@media screen and (min-width: 992px) {
  .p-useful-campaign__contents {
    padding: 2em;
    width: 57%;
    margin: 0;
  }
}
.p-useful-campaign__contents:after {
  height: 3px;
  width: 2em;
  background: #EC424E;
  display: inline-block;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 0 0.5em 0 0;
}
@media screen and (min-width: 992px) {
  .p-useful-campaign__contents:after {
    height: 4px;
    width: 8em;
  }
}
.p-useful-campaign__contents--green:after {
  background-color: #2CC48B;
}
.p-useful-campaign__contents--blue:after {
  background-color: #2A92DF;
}
.p-useful-campaign__contents--red:after {
  background-color: #EC424E;
}
.p-useful-campaign__contents--yellow:after {
  background-color: #ffe400;
}
.p-useful-campaign__contents--orange:after {
  background-color: #FFB914;
}
.p-useful-campaign__ttl {
  font-size: 14px;
  font-size: 0.875rem;
  margin-bottom: 0.8em;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .p-useful-campaign__ttl {
    font-size: 18px;
    font-size: 1.125rem;
    text-align: center;
    margin-bottom: 1em;
  }
}
.p-useful-campaign__text {
  font-size: 12px;
  font-size: 0.75rem;
  margin-bottom: 1em;
}
@media screen and (min-width: 992px) {
  .p-useful-campaign__text {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}
.p-useful-campaign-num {
  position: absolute;
  top: -23px;
  left: -8px;
  background: url(../images/icon/icon_bg_jagged_orange.svg) no-repeat center;
  background-size: 100% auto;
  width: 46px;
  height: 46px;
  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;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 50;
}
@media screen and (min-width: 992px) {
  .p-useful-campaign-num {
    width: 66px;
    height: 66px;
    top: -28px;
    left: -20px;
  }
}
.p-useful-campaign-num--green {
  background-image: url(../images/icon/icon_bg_jagged_green.svg);
}
.p-useful-campaign-num--red {
  background-image: url(../images/icon/icon_bg_jagged_red.svg);
}
.p-useful-campaign-num--blue {
  background-image: url(../images/icon/icon_bg_jagged_blue.svg);
}
.p-useful-campaign-num__text {
  color: #fff;
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: bold;
  text-align: left;
}
@media screen and (min-width: 992px) {
  .p-useful-campaign-num__text {
    font-size: 14px;
    font-size: 0.875rem;
    text-align: center;
  }
}
.p-useful-campaign-num__big {
  font-family: "Lexend Exa", serif;
  font-size: 19px;
  font-size: 1.1875rem;
  line-height: 0.8;
  font-weight: bold;
  color: #fff;
  margin-top: -0.05em;
}
@media screen and (min-width: 992px) {
  .p-useful-campaign-num__big {
    font-size: 35px;
    font-size: 2.1875rem;
    margin-top: 0;
  }
}
.p-useful-campaign__btn {
  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;
  margin-top: 1em;
}
@media screen and (min-width: 1200px) {
  .p-useful-campaign__btn .c-basic-btn {
    width: inherit;
    min-width: inherit;
    padding: 0.8em 1.5em;
    padding-right: 31px;
    background-position: right 8px center;
  }
}
@media screen and (min-width: 992px) {
  .p-useful-campaign__btn .c-basic-btn__in {
    line-height: 1.35;
  }
}
@media screen and (min-width: 1200px) {
  .p-useful-campaign__btn .c-basic-btn__in {
    line-height: 1.35;
    font-size: 15px;
    font-size: 0.9375rem;
  }
}

/*----------------------
引越しページ
------------------*/
.p-useful-moving-box {
  /*num----------*/
}
.p-useful-moving-box__item {
  margin-bottom: 2em;
}
@media screen and (min-width: 992px) {
  .p-useful-moving-box__item {
    margin-bottom: 4em;
  }
}
.p-useful-moving-box__in {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (min-width: 992px) {
  .p-useful-moving-box__in {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
@media screen and (min-width: 992px) {
  .p-useful-moving-box__in--odd {
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 992px) {
  .p-useful-moving-box__in--even {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.p-useful-moving-box__box {
  position: relative;
  z-index: 99;
  background: #fff;
  padding: 2em 1em 1em;
  margin-top: -3em;
  box-shadow: rgba(0, 0, 0, 0.08) 6px 6px 10px;
  line-height: 1.6;
  width: 95%;
  margin: -5em auto 0;
  border-radius: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
@media screen and (min-width: 992px) {
  .p-useful-moving-box__box {
    padding: 2em 2em 2em 2em;
    width: 45%;
    min-height: 300px;
    margin: 0;
    margin: 12em -2em 0 0;
  }
}
@media screen and (min-width: 992px) {
  .p-useful-moving-box__box--odd {
    margin-left: -2em;
  }
}
@media screen and (min-width: 992px) {
  .p-useful-moving-box__box--even {
    margin-left: 0;
    margin-right: -2em;
  }
}
.p-useful-moving-box__photo {
  z-index: 90;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 992px) {
  .p-useful-moving-box__photo {
    width: 55%;
  }
}
.p-useful-moving-box__photo-text {
  color: #fff;
  font-size: 50px;
  font-size: 3.125rem;
  font-weight: bold;
  font-family: "Lexend Exa", serif;
  position: absolute;
  bottom: 0.28em;
  left: 0;
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .p-useful-moving-box__photo-text {
    font-size: 110px;
    font-size: 6.875rem;
  }
}
@media screen and (min-width: 992px) {
  .p-useful-moving-box__photo--odd {
    left: 0;
  }
}
@media screen and (min-width: 992px) {
  .p-useful-moving-box__photo--even {
    right: 0;
  }
}
.p-useful-moving-box__ttl {
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 1em;
  font-weight: bold;
  text-align: center;
  font-weight: 900;
}
@media screen and (min-width: 992px) {
  .p-useful-moving-box__ttl {
    font-size: 28px;
    font-size: 1.75rem;
    text-align: left;
  }
}
.p-useful-moving-box__contents {
  margin-bottom: 1.5em;
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
}
@media screen and (min-width: 992px) {
  .p-useful-moving-box__contents {
    font-size: 16px;
    font-size: 1rem;
  }
}
.p-useful-moving-box-num {
  position: absolute;
  top: -23px;
  left: -13px;
  background: url(../images/icon/icon_bg_jagged_pink.svg) no-repeat center;
  background-size: 100% auto;
  width: 60px;
  height: 60px;
  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;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (min-width: 992px) {
  .p-useful-moving-box-num {
    width: 90px;
    height: 90px;
    top: -13px;
    left: -13px;
  }
}
.p-useful-moving-box-num__text {
  color: #fff;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: bold;
  font-family: "Lexend Exa", serif;
}
@media screen and (min-width: 992px) {
  .p-useful-moving-box-num__text {
    font-size: 16px;
    font-size: 1rem;
  }
}
.p-useful-moving-discount__ttl {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .p-useful-moving-discount__ttl {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
.p-useful-moving-discount__num {
  font-size: 30px;
  font-size: 1.875rem;
  margin-bottom: 0.5em;
  font-weight: bold;
  text-align: center;
  color: #EC424E;
  font-family: "Lexend Exa", serif;
  text-align: center;
  line-height: 1;
}
@media screen and (min-width: 992px) {
  .p-useful-moving-discount__num {
    font-size: 90px;
    font-size: 5.625rem;
    text-align: left;
  }
}
.p-useful-moving-discount__from {
  font-family: "Noto Sans JP";
  font-size: 50%;
  margin-top: -1em;
}
.p-useful-moving-discount__unit {
  font-size: 20px;
  font-size: 1.25rem;
  margin-bottom: 0.5em;
  font-weight: 900;
  text-align: center;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
@media screen and (min-width: 992px) {
  .p-useful-moving-discount__unit {
    font-size: 36px;
    font-size: 2.25rem;
    text-align: left;
  }
}
@media screen and (min-width: 992px) {
  .p-useful-moving-present__list {
    margin-bottom: 2.5em;
  }
}
.p-useful-moving-present__ttl {
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .p-useful-moving-present__ttl {
    font-size: 21px;
    font-size: 1.3125rem;
  }
}
.p-useful-moving-present__contents {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  text-align: center;
  background: #f9eef1;
  padding: 0.5em 1.2em;
  border-radius: 5px;
  margin-bottom: 0.5em;
  color: #f2507c;
  line-height: 1.3;
}
@media screen and (min-width: 992px) {
  .p-useful-moving-present__contents {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
.p-useful-moving-btn__ttl {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0.5em;
}
@media screen and (min-width: 992px) {
  .p-useful-moving-btn__ttl {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.p-useful-moving-btn__link {
  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;
}

/* =========================================================
useful お部屋探しガイド

========================================================= */
/*----------------------
共通 タイトル
------------------*/
.p-guide-ttl {
  color: #000;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.3;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .p-guide-ttl {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
.p-guide-ttl:after {
  content: "";
  display: block;
  height: 3px;
  width: 65px;
  background-color: #EC424E;
  margin: 0.8em auto 1em;
}
@media screen and (min-width: 992px) {
  .p-guide-ttl:after {
    margin: 0.5em auto 1em;
  }
}

/*----------------------
共通 白ボックス　（ヘッダーに重なる）
------------------*/
.p-guide-upbox {
  padding: 1em;
  background: #fff;
  margin-top: -3em;
  position: relative;
  z-index: 1;
  border-radius: 10px;
}
@media screen and (min-width: 992px) {
  .p-guide-upbox {
    margin-top: -5em;
  }
}

/*----------------------
共通 説明左右ボックス
------------------*/
.p-guide-explanbox__item {
  margin-top: 2em;
}
@media screen and (min-width: 992px) {
  .p-guide-explanbox__item {
    margin-top: 15%;
  }
}
.p-guide-explanbox__in {
  position: relative;
}
.p-guide-explanbox__box {
  position: relative;
  z-index: 98;
  background: #fff;
  padding: 1em 1em;
  margin-top: -4em;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  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;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (min-width: 992px) {
  .p-guide-explanbox__box {
    padding: 4em;
    width: 65%;
    min-height: 200px;
    margin-top: -4em;
  }
}
@media screen and (min-width: 992px) {
  .p-guide-explanbox__box--odd {
    margin-left: 35%;
  }
}
@media screen and (min-width: 992px) {
  .p-guide-explanbox__box--even {
    margin-left: 0%;
  }
}
.p-guide-explanbox__photo {
  z-index: 90;
  width: 110%;
  margin-left: -5%;
}
@media screen and (min-width: 992px) {
  .p-guide-explanbox__photo {
    position: absolute;
    width: 39%;
    top: -58%;
    margin-left: inherit;
  }
}
.p-guide-explanbox__photo img {
  width: 100%;
}
@media screen and (min-width: 992px) {
  .p-guide-explanbox__photo--odd {
    left: 0;
  }
}
@media screen and (min-width: 992px) {
  .p-guide-explanbox__photo--even {
    right: 0;
  }
}
.p-guide-explanbox__ttl {
  font-size: 14px;
  font-size: 0.875rem;
  margin-bottom: 1em;
  line-height: 160%;
}
@media screen and (min-width: 992px) {
  .p-guide-explanbox__ttl {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.p-guide-explanbox__contents {
  margin-bottom: 1.5em;
}
.p-guide-explanbox__mark {
  height: 50px;
  width: 50px;
  color: #fff;
  background: #EC424E;
  padding: 0.2em;
  letter-spacing: -0.05em;
  border-radius: 100px;
  position: absolute;
  top: -30px;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  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;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  font-weight: bold;
  font-size: 10px;
  font-size: 0.625rem;
}
@media screen and (min-width: 992px) {
  .p-guide-explanbox__mark {
    height: 80px;
    width: 80px;
    top: -30px;
    left: -30px;
    font-size: 16px;
    font-size: 1rem;
    border: solid 4px #fff;
  }
}
.p-guide-explanbox__mark-num {
  font-size: 16px;
  font-size: 1rem;
  margin-top: 0.1em;
}
@media screen and (min-width: 992px) {
  .p-guide-explanbox__mark-num {
    margin-top: 0.2em;
    font-size: 30px;
    font-size: 1.875rem;
  }
}

/*----------------------
共通 ナビ
------------------*/
.p-guide-nav {
  z-index: 99;
  background: #ffff;
  border: 2px solid #EC424E;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 3px 3px 0 #f4f4f4;
  width: 235px;
  margin-bottom: 1em;
  position: relative;
  cursor: pointer;
}
@media screen and (min-width: 992px) {
  .p-guide-nav {
    position: absolute;
    right: 0;
    top: 0;
    width: 280px;
  }
}
.p-guide-nav__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .p-guide-nav__wrap {
    display: block;
    position: relative;
    height: 4em;
    width: 100%;
  }
}
.p-guide-nav__ttl {
  padding: 0.5em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  background: url(../images/icon/icon_bottom_main.svg) no-repeat right 5px center;
  background-size: 10px 10px;
  padding-right: 20px;
  background-position: center right 10px;
  padding-right: 20px;
  font-size: 13px;
  font-size: 0.8125rem;
}
@media screen and (min-width: 992px) {
  .p-guide-nav__ttl {
    padding: 0.8em;
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
  }
}
.p-guide-nav__ttl--active {
  background-image: url(../images/icon/icon_up_main.svg);
  background-color: #f6f6f6;
}
.p-guide-nav__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: none;
}
@media screen and (min-width: 992px) {
  .p-guide-nav__list {
    display: none;
  }
}
.p-guide-nav__item {
  font-size: 13px;
  font-size: 0.8125rem;
  border-bottom: 1px solid #f8f8f8;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding: 0.5em;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  background: url(../images/icon/icon_right_main.svg) no-repeat right 5px center;
  background-size: 10px 10px;
  padding-right: 20px;
  background-position: center right 10px;
  padding-right: 20px;
}
.p-guide-nav__item a:not(.in-link) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
  z-index: 5;
}
.p-guide-nav__item a.in-link {
  position: relative;
  z-index: 5;
}
@media screen and (min-width: 992px) {
  .p-guide-nav__item {
    padding: 0.8em;
    font-size: 16px;
    font-size: 1rem;
  }
}
.p-guide-nav__item--active {
  background-color: #fbf4f4;
}
.p-guide-nav__item:hover {
  background-color: #fbfbfb;
}

/*----------------------
エリアページ
------------------*/
.p-guide-area-main {
  border-radius: 0.5em;
  margin-bottom: 2em;
}
@media screen and (min-width: 992px) {
  .p-guide-area-main {
    border-radius: 1.5em;
    margin-bottom: 2em;
  }
}
.p-guide-area-main__map {
  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;
  margin-bottom: 1em;
}
.p-guide-area-main__btn {
  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;
}
.p-guide-area-popular {
  padding: 0.5em;
  border-radius: 0.5em;
  background: #fff;
}
@media screen and (min-width: 992px) {
  .p-guide-area-popular {
    padding: 3em;
    border-radius: 1.5em;
  }
}
.p-guide-area-popular__main {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 auto;
  border-radius: 1em;
  overflow: hidden;
}
@media screen and (min-width: 992px) {
  .p-guide-area-popular__main {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.p-guide-area-popular__ttl {
  padding: 1em;
  background-color: #f8f8f8;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 180%;
  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;
  width: 100%;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 992px) {
  .p-guide-area-popular__ttl {
    font-size: 20px;
    font-size: 1.25rem;
    width: 100%;
  }
}
.p-guide-area-popular__ttl-human {
  width: 20%;
  margin-right: 2%;
  max-width: 250px;
}
@media screen and (min-width: 992px) {
  .p-guide-area-popular__ttl-human {
    width: 16%;
    max-width: inherit;
  }
}
.p-guide-area-popular__areaname {
  padding: 0.3em 0;
  background-color: #EC424E;
  color: #fff;
  line-height: 100%;
  font-size: 16px;
  font-size: 1rem;
  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;
  border-radius: 100px;
  margin-top: 0.2em;
}
@media screen and (min-width: 992px) {
  .p-guide-area-popular__areaname {
    font-size: 30px;
    font-size: 1.875rem;
    padding: 0.5em 0;
  }
}
.p-guide-area-popular__sub {
  margin-top: 2em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (min-width: 992px) {
  .p-guide-area-popular__sub {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.p-guide-area-popular__concept {
  color: #EC424E;
  text-align: center;
  margin: 0 auto 1em;
  font-weight: bold;
  font-size: 16px;
  font-size: 1rem;
  background: #ccc;
}
@media screen and (min-width: 992px) {
  .p-guide-area-popular__concept {
    font-size: 26px;
    font-size: 1.625rem;
  }
}
.p-guide-area-popular__description {
  line-height: 150%;
  text-align: left;
}
@media screen and (min-width: 992px) {
  .p-guide-area-popular__description {
    text-align: center;
  }
}
.p-guide-area-location {
  background: #fff;
  padding: 0.5em;
  border-radius: 0.5em;
  margin-bottom: 4em;
}
@media screen and (min-width: 992px) {
  .p-guide-area-location {
    padding: 3em;
    border-radius: 1.5em;
    margin-bottom: 5em;
  }
}
.p-guide-area-location__main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (min-width: 992px) {
  .p-guide-area-location__main {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.p-guide-area-location__map {
  text-align: center;
  margin-bottom: 1em;
}
@media screen and (min-width: 992px) {
  .p-guide-area-location__map {
    width: 40%;
  }
}
.p-guide-area-location__description {
  line-height: 150%;
  font-size: 12px;
  font-size: 0.75rem;
}
@media screen and (min-width: 992px) {
  .p-guide-area-location__description {
    padding-left: 1em;
    width: 60%;
    font-size: 15px;
    font-size: 0.9375rem;
  }
}
.p-guide-area-location__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 1em;
}
.p-guide-area-location__item {
  width: 49%;
  padding: 0.5em;
  background: #fbfbfb;
  margin-right: 0.5%;
  margin-bottom: 0.5%;
}
@media screen and (min-width: 992px) {
  .p-guide-area-location__item {
    width: 24%;
    padding: 1em;
    margin-right: 1%;
    margin-bottom: 1%;
  }
}
.p-guide-area-location__num {
  margin-right: 0.2em;
  border-radius: 100px;
  width: 16px;
  height: 16px;
  display: inline-block;
  color: #fff;
  background-color: #EC424E;
  font-size: 10px;
  font-size: 0.625rem;
  margin-right: 0.2em;
  line-height: 17px;
}
.p-guide-area-location__ttl {
  text-align: center;
  font-weight: bold;
  color: #EC424E;
  margin: 0 0 0.5em;
}
.p-guide-area-location__text {
  font-size: 12px;
  font-size: 0.75rem;
}
@media screen and (min-width: 992px) {
  .p-guide-area-location__text {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

/*----------------------
大学案内ページ
------------------*/
.p-guide-univ-institution {
  background: #fbfbfb;
  padding: 0.5em;
  margin-bottom: 2em;
  overflow-x: scroll;
}
@media screen and (min-width: 992px) {
  .p-guide-univ-institution {
    overflow-x: inherit;
  }
}
.p-guide-univ-institution__scroll {
  color: #EC424E;
  margin-bottom: 1em;
}
@media screen and (min-width: 992px) {
  .p-guide-univ-institution__scroll {
    display: none;
  }
}
.p-guide-univ-institution .p-guide-univ-institution__tree {
  list-style-type: none;
  width: 100%;
  min-width: 684px;
}
.p-guide-univ-institution .p-guide-univ-institution__tree:after {
  content: "";
  display: block;
  clear: both;
}
.p-guide-univ-institution .p-guide-univ-institution__tree ul {
  list-style-type: none;
  position: relative;
  margin-left: 15px;
  float: left;
}
.p-guide-univ-institution .p-guide-univ-institution__tree ul:after {
  content: "";
  display: block;
  clear: both;
}
.p-guide-univ-institution .p-guide-univ-institution__tree ul:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  border-left: 1px solid #cccccc;
}
.p-guide-univ-institution .p-guide-univ-institution__tree > ul {
  margin-left: 0px;
  width: 100%;
}
.p-guide-univ-institution .p-guide-univ-institution__tree > ul:before {
  display: none;
}
.p-guide-univ-institution .p-guide-univ-institution__tree ul li {
  position: relative;
  margin: 0;
  padding: 7px 15px;
  display: inline-block;
}
.p-guide-univ-institution .p-guide-univ-institution__tree ul li.clearfix {
  display: block;
}
.p-guide-univ-institution .p-guide-univ-institution__tree ul li:before {
  content: "";
  display: block;
  position: absolute;
  top: 28px;
  left: 0;
  width: 15px;
  height: 0;
  border-top: 1px solid #cccccc;
}
.p-guide-univ-institution .p-guide-univ-institution__tree > ul > li:before {
  display: none;
}
.p-guide-univ-institution .p-guide-univ-institution__tree ul li:first-child:after {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0;
  height: 20px;
  width: 15px;
  background-color: #fbfbfb;
}
.p-guide-univ-institution .p-guide-univ-institution__tree ul li:first-child:before {
  top: 20px;
  bottom: 0;
  height: auto;
  width: 30px;
  left: -15px;
}
.p-guide-univ-institution .p-guide-univ-institution__tree ul li:last-child:before {
  bottom: 0;
  height: auto;
  background-color: #fbfbfb;
}
.p-guide-univ-institution .p-guide-univ-institution__tree p {
  padding: 10px;
  background: #fff;
  font-weight: bold;
  text-align: center;
  width: 180px;
  float: left;
  line-height: 20px;
}
.p-guide-univ-institution .p-guide-univ-institution__tree ul.p-guide-univ-institution__layer1 > li:first-child:after {
  display: none;
}
.p-guide-univ-institution .p-guide-univ-institution__tree ul.p-guide-univ-institution__layer1 > li {
  padding: 0px;
}
.p-guide-univ-institution .p-guide-univ-institution__tree ul.p-guide-univ-institution__layer2 {
  width: 480px;
}
.p-guide-univ-institution .p-guide-univ-institution__tree ul.p-guide-univ-institution__layer2 > li:first-of-type {
  padding-top: 0px;
}
.p-guide-univ-institution .p-guide-univ-institution__tree ul.p-guide-univ-institution__layer3 {
  width: 220px;
}
.p-guide-univ-institution .p-guide-univ-institution__tree ul.p-guide-univ-institution__layer3 > li:first-of-type {
  padding-top: 0px;
}
.p-guide-univ-institution .p-guide-univ-institution__tree ul li.line2:before {
  top: 50%;
}

/*----------------------
下宿相談会
------------------*/
.p-guide-consultation-ttl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
@media screen and (min-width: 992px) {
  .p-guide-consultation-ttl {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.p-guide-consultation-ttl__main {
  font-weight: bold;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 130%;
  color: #EC424E;
  text-align: center;
  margin-bottom: 0.2em;
}
@media screen and (min-width: 992px) {
  .p-guide-consultation-ttl__main {
    font-size: 66px;
    font-size: 4.125rem;
    margin-bottom: 0;
  }
}
.p-guide-consultation-ttl__sub {
  font-weight: bold;
  font-size: 16px;
  font-size: 1rem;
  background: #ccc;
  text-align: center;
  display: inline;
  margin-bottom: 0.5em;
}
@media screen and (min-width: 992px) {
  .p-guide-consultation-ttl__sub {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
.p-guide-consultation-ttl__text {
  text-align: center;
  line-height: 130%;
}
@media screen and (min-width: 992px) {
  .p-guide-consultation-ttl__text {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.p-guide-consultation-ttl__contents {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  font-weight: bold;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  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;
}
.p-guide-consultation-ttl__img {
  width: 60%;
  width: 200px;
}
@media screen and (min-width: 992px) {
  .p-guide-consultation-ttl__img {
    width: 30%;
    margin-right: 5%;
  }
}
.p-guide-consultation-question {
  position: relative;
}
@media screen and (min-width: 992px) {
  .p-guide-consultation-question {
    margin-bottom: 11em;
  }
}
.p-guide-consultation-question__ttl {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  text-align: center;
  background: #f2f2f2;
  padding: 2em;
  position: relative;
  margin-top: 1em;
}
@media screen and (min-width: 992px) {
  .p-guide-consultation-question__ttl {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.p-guide-consultation-question__ttl:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #f2f2f2;
}
.p-guide-consultation-question__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 2em;
}
@media screen and (min-width: 992px) {
  .p-guide-consultation-question__list {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.p-guide-consultation-question__item {
  padding: 1em;
  border-radius: 10px;
  margin: 0 0.5em 1em;
  background-color: #EC424E;
  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;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (min-width: 992px) {
  .p-guide-consultation-question__item {
    width: 33%;
  }
}
.p-guide-consultation-question__illust {
  max-width: 100px;
}
.p-guide-consultation-question__text {
  color: #fff;
  font-weight: bold;
}
.p-guide-consultation-message {
  color: #EC424E;
  font-size: 16px;
  font-size: 1rem;
  text-align: center;
  margin-top: 2em;
  font-weight: bold;
  margin-bottom: 2em;
}
@media screen and (min-width: 992px) {
  .p-guide-consultation-message {
    font-size: 30px;
    font-size: 1.875rem;
  }
}

/*----------------------
スケジュール
------------------*/
.p-guide-schedule-top {
  padding: 2em;
  background-color: #fbf4f4;
  font-weight: bold;
  text-align: center;
  line-height: 180%;
}
@media screen and (min-width: 992px) {
  .p-guide-schedule-top {
    margin-bottom: 14em;
  }
}
.p-guide-schedule-concept {
  padding: 1em;
  background: #fff;
  border: solid #EC424E 3px;
  font-weight: bold;
  font-size: 14px;
  font-size: 0.875rem;
}
@media screen and (min-width: 992px) {
  .p-guide-schedule-concept {
    font-size: 18px;
    font-size: 1.125rem;
    text-align: center;
  }
}
.p-guide-schedule-about {
  position: relative;
  margin-bottom: 10em;
}
.p-guide-schedule-about__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 1em;
}
@media screen and (min-width: 992px) {
  .p-guide-schedule-about__list {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 2em;
  }
}
.p-guide-schedule-about__item {
  padding: 1em;
  border-radius: 10px;
  margin: 0 0.5em 1em;
  background-color: #fff;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (min-width: 992px) {
  .p-guide-schedule-about__item {
    width: 50%;
    padding: 2em;
  }
}
.p-guide-schedule-about__illust {
  margin-bottom: 1em;
}
.p-guide-schedule-about__ttl {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  color: #EC424E;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .p-guide-schedule-about__ttl {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.p-guide-schedule-about__text {
  margin-top: 1em;
  font-weight: bold;
}
.p-guide-schedule-about__description {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  padding: 1em;
  background: #f6f6f6;
  position: relative;
}
@media screen and (min-width: 992px) {
  .p-guide-schedule-about__description {
    font-size: 16px;
    font-size: 1rem;
    padding: 2em;
    text-align: center;
  }
}

/*----------------------
設備紹介
------------------*/
.p-guide-security-main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #fbf4f4;
  padding: 2em 1em;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  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;
  font-weight: bold;
}
@media screen and (min-width: 992px) {
  .p-guide-security-main {
    padding: 1em 1em;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.p-guide-security-main__illust {
  display: none;
}
@media screen and (min-width: 992px) {
  .p-guide-security-main__illust {
    display: block;
    width: 17%;
    margin-right: 5%;
  }
}
.p-guide-security-main__ttl {
  font-size: 16px;
  font-size: 1rem;
  line-height: 150%;
  color: #EC424E;
  text-align: center;
  margin-bottom: 0.3em;
}
@media screen and (min-width: 992px) {
  .p-guide-security-main__ttl {
    font-size: 30px;
    font-size: 1.875rem;
    text-align: left;
  }
}
.p-guide-security-main__text {
  font-size: 14px;
  font-size: 0.875rem;
  text-align: center;
  line-height: 130%;
}
@media screen and (min-width: 992px) {
  .p-guide-security-main__text {
    font-size: 16px;
    font-size: 1rem;
    text-align: left;
  }
}
.p-guide-security-facility__description {
  margin: 1em 0;
  padding: 1em;
  background: #fcfcfc;
  border-radius: 10px;
}
@media screen and (min-width: 992px) {
  .p-guide-security-facility__description {
    text-align: center;
  }
}
.p-guide-security-facility__comment {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  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;
  font-size: 14px;
  font-size: 0.875rem;
  border-radius: 10px;
  background: #fcfcfc;
  padding: 1em;
  margin-top: 1em;
  line-height: 180%;
}
@media screen and (min-width: 992px) {
  .p-guide-security-facility__comment {
    font-size: 20px;
    font-size: 1.25rem;
    text-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.p-guide-security-facility__comment-illust {
  width: 30%;
}
.p-guide-security-facility__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: 1em;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 2em;
}
@media screen and (min-width: 992px) {
  .p-guide-security-facility__list {
    margin-bottom: 1em;
  }
}
.p-guide-security-facility__item {
  width: 100%;
  padding: 0.5em;
  background: #fbfbfb;
  margin-bottom: 0.5em;
}
@media screen and (min-width: 992px) {
  .p-guide-security-facility__item {
    width: 49%;
    margin-right: 1%;
    margin-bottom: 1%;
    padding: 1em;
  }
}
.p-guide-security-facility__ttl {
  text-align: center;
  font-weight: bold;
  margin-bottom: 1em;
  color: #EC424E;
}
.p-guide-security-facility__photo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  text-align: center;
  background: #fff;
  padding: 0.5em;
  max-height: 200px;
}
@media screen and (min-width: 992px) {
  .p-guide-security-facility__photo {
    margin-bottom: 1em;
    max-height: inherit;
    height: inherit;
  }
}
.p-guide-security-facility__photo-in {
  padding: 0 0.2em;
}
.p-guide-security-facility__photo-ttl {
  font-size: 10px;
  font-size: 0.625rem;
}
@media screen and (min-width: 992px) {
  .p-guide-security-facility__photo-ttl {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
.p-guide-security-facility__photo img {
  max-height: 105px;
}
@media screen and (min-width: 992px) {
  .p-guide-security-facility__photo img {
    max-height: 200px;
    min-height: 100px;
  }
}
.p-guide-security-facility__text {
  padding: 0.5em;
  font-size: 12px;
  font-size: 0.75rem;
}
@media screen and (min-width: 992px) {
  .p-guide-security-facility__text {
    font-size: 16px;
    font-size: 1rem;
  }
}
.p-guide-security-messeage {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #fbf4f4;
  padding: 1em;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  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;
}
@media screen and (min-width: 992px) {
  .p-guide-security-messeage {
    font-weight: bold;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.p-guide-security-messeage__illust {
  display: none;
  font-size: 18px;
  font-size: 1.125rem;
}
@media screen and (min-width: 992px) {
  .p-guide-security-messeage__illust {
    display: block;
    width: 20%;
    margin-right: 5%;
  }
}
.p-guide-security-messeage-contents {
  text-align: left;
}
@media screen and (min-width: 992px) {
  .p-guide-security-messeage-contents {
    text-align: left;
  }
}
.p-guide-security-messeage-ttl {
  font-size: 16px;
  font-size: 1rem;
  line-height: 150%;
  color: #EC424E;
}
@media screen and (min-width: 992px) {
  .p-guide-security-messeage-ttl {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
.p-guide-security-messeage-text {
  font-size: 14px;
  font-size: 0.875rem;
}
@media screen and (min-width: 992px) {
  .p-guide-security-messeage-text {
    font-size: 16px;
    font-size: 1rem;
  }
}

/*----------------------
FAQ
------------------*/
.p-guide-faq {
  background: #fff;
}
@media screen and (min-width: 992px) {
  .p-guide-faq {
    padding: 1em;
  }
}
.p-guide-faq__ttl {
  position: relative;
  padding-left: 1em;
  color: #000;
  line-height: 130%;
  font-size: 13px;
  font-size: 0.8125rem;
  border-bottom: solid 1px #efefef;
  cursor: pointer;
  background: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
@media screen and (min-width: 992px) {
  .p-guide-faq__ttl {
    font-size: 16px;
    font-size: 1rem;
    border-bottom: solid 2px #efefef;
  }
}
.p-guide-faq__ttl .js-accordion__arrow {
  height: 100%;
  width: 100%;
  display: inline-block;
  padding: 0.8em 2em 0.8em 1em;
}
@media screen and (min-width: 992px) {
  .p-guide-faq__ttl .js-accordion__arrow {
    padding: 1.2em 2em 1.2em 1em;
  }
}
.p-guide-faq__ttl:before {
  content: "Q.";
  color: #EC424E;
  margin-right: 0.2em;
  display: inline-block;
  font-weight: bold;
}
.p-guide-faq__ttl:after {
  background-image: url(../images/icon/icon_bottom_black.svg);
  display: block;
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 100% auto;
  content: "";
  height: 36px;
  width: 10px;
  position: absolute;
  right: 5px;
  top: 0;
  z-index: 1;
}
@media screen and (min-width: 992px) {
  .p-guide-faq__ttl:after {
    top: 8px;
  }
}
.p-guide-faq__contents {
  padding: 1em;
  background: #f9f9f9;
  border-radius: 10px;
  margin-top: 1em;
  display: none;
  font-size: 13px;
  font-size: 0.8125rem;
}
@media screen and (min-width: 992px) {
  .p-guide-faq__contents {
    padding: 1.5em;
    line-height: 1.5;
    font-size: 16px;
    font-size: 1rem;
  }
}
.p-guide-faq__contents:before {
  content: "A.";
  color: #EC424E;
  margin-right: 0.2em;
  display: inline-block;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: bold;
}
@media screen and (min-width: 992px) {
  .p-guide-faq__contents:before {
    font-size: 16px;
    font-size: 1rem;
  }
}

/*----------------------
不動産用語集
------------------*/
.p-guide-term__list {
  padding: 0.5em;
  background: #fff;
}
@media screen and (min-width: 992px) {
  .p-guide-term__list {
    padding: 1em;
  }
}
.p-guide-term__ttl {
  position: relative;
  padding-left: 1em;
  padding-bottom: 0.5em;
  color: #EC424E;
  line-height: 130%;
  font-size: 14px;
  font-size: 0.875rem;
  border-bottom: solid 2px #efefef;
  cursor: pointer;
  font-weight: bold;
  background: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
@media screen and (min-width: 992px) {
  .p-guide-term__ttl {
    font-size: 15px;
    font-size: 0.9375rem;
    border-bottom: solid 2px #efefef;
  }
}
.p-guide-term__ttl.js-accordion__ttl--open:before {
  background-image: url(../images/icon/icon_up_black.svg);
}
.p-guide-term__mark {
  padding: 0em 0.5em;
  background: #EC424E;
  color: #fff;
  margin-left: 0.5em;
  display: inline-block;
  font-size: 8px;
  font-size: 0.5rem;
  border-radius: 5px;
}
@media screen and (min-width: 992px) {
  .p-guide-term__mark {
    font-size: 10px;
    font-size: 0.625rem;
  }
}
.p-guide-term__contents {
  padding: 0.5em;
  background: #f9f9f9;
  border-radius: 4px;
  margin-top: 1em;
  font-size: 12px;
  font-size: 0.75rem;
}
@media screen and (min-width: 992px) {
  .p-guide-term__contents {
    padding: 1.5em;
    line-height: 1.5;
    font-size: 15px;
    font-size: 0.9375rem;
  }
}

/*----------------------
7つの魅力
------------------*/
.p-guide-charm {
  background: #f7f7f7;
  /*mainttl----------*/
  /*list----------*/
  /*item----------*/
  /*box----------*/
  /*num----------*/
  /*ttl----------*/
  /*subttl----------*/
  /*btn----------*/
  /*01--------------------*/
  /*02--------------------*/
  /*03--------------------*/
  /*04-------------------*/
  /*05-------------------*/
  /*06-------------------*/
  /*07-------------------*/
  /*about-------------------*/
}
@media screen and (min-width: 768px) {
  .p-guide-charm .l-main--deco:before {
    display: inline-block;
    top: 650px;
  }
}
.p-guide-charm-mainttl {
  background: #E81D29;
  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;
  margin-bottom: 1em;
  position: relative;
}
@media screen and (min-width: 992px) {
  .p-guide-charm-mainttl {
    margin-bottom: 2em;
  }
}
.p-guide-charm-mainttl-img {
  max-width: 600px;
  width: 90%;
  margin-top: 1em;
  z-index: 4;
  margin-bottom: -1em;
}
.p-guide-charm-mainttl-flow {
  position: absolute;
  left: 0;
  top: 1em;
  color: #F1333E;
  font-size: 75px;
  font-size: 4.6875rem;
  letter-spacing: 0.1em;
  font-weight: 900;
  bottom: 0.18em;
  white-space: nowrap;
  font-family: "Lexend Exa", serif;
  display: flex;
  width: 100vw;
  z-index: 2;
  margin-inline: calc(50% - 50vw);
}
@media screen and (min-width: 992px) {
  .p-guide-charm-mainttl-flow {
    font-size: 140px;
    font-size: 8.75rem;
    top: 1em;
  }
}
.p-guide-charm-mainttl-flow__in {
  flex-shrink: 0;
  white-space: nowrap;
  padding-left: 0.5em;
}
.p-guide-charm-mainttl-flow__in:nth-child(odd) {
  animation: c-anime-txt-flow 60s -30s infinite linear;
}
.p-guide-charm-mainttl-flow__in:nth-child(even) {
  animation: c-anime-txt-flow-second 60s infinite linear;
}
.p-guide-charm-in {
  position: relative;
}
.p-guide-charm-list {
  z-index: 4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  padding: 2em 0.5em 1em;
}
@media screen and (min-width: 992px) {
  .p-guide-charm-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    align-items: stretch;
    padding-top: 0em;
  }
}
.p-guide-charm-item {
  margin-bottom: 2em;
  width: 100%;
  max-width: 400px;
}
@media screen and (min-width: 576px) {
  .p-guide-charm-item {
    max-width: 400px;
  }
  .p-guide-charm-item:nth-child(2n) {
    margin-left: 2%;
  }
}
@media screen and (min-width: 992px) {
  .p-guide-charm-item {
    width: 49%;
    max-width: 700px;
    margin-bottom: 2%;
  }
  .p-guide-charm-item:nth-child(2n) {
    margin-left: 2%;
  }
}
.p-guide-charm-box {
  background: #fff;
  padding: 1em;
  position: relative;
  border-radius: 10px;
  z-index: 5;
  box-shadow: rgba(0, 0, 0, 0.06) 6px 6px 10px;
  height: 100%;
}
.p-guide-charm-box .c-basic-btn {
  max-width: 450px;
}
.p-guide-charm-num {
  position: absolute;
  top: -10px;
  left: -10px;
  background: url(../images/guide/charm/img_bg_num.svg) no-repeat center;
  background-size: 100% auto;
  width: 46px;
  height: 46px;
  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;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (min-width: 992px) {
  .p-guide-charm-num {
    width: 80px;
    height: 80px;
  }
}
.p-guide-charm-num__text {
  color: #fff;
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: bold;
}
@media screen and (min-width: 992px) {
  .p-guide-charm-num__text {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.p-guide-charm-num__big {
  font-family: "Lexend Exa", serif;
  font-size: 19px;
  font-size: 1.1875rem;
  line-height: 0.8;
  font-weight: bold;
  color: #fff;
  margin-top: -0.05em;
}
@media screen and (min-width: 992px) {
  .p-guide-charm-num__big {
    font-size: 35px;
    font-size: 2.1875rem;
    margin-top: 0;
  }
}
.p-guide-charm-ttl {
  text-align: center;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  margin: 0.5em 0 0.8em 0.5em;
  letter-spacing: 0.05em;
  line-height: 1.3;
  font-weight: 900;
}
@media screen and (min-width: 992px) {
  .p-guide-charm-ttl {
    font-size: 27px;
    font-size: 1.6875rem;
    margin: 0.5em 0 1em 1em;
  }
}
.p-guide-charm-subttl {
  text-align: center;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  margin: 0 0 0 1em;
  line-height: 1.3;
}
@media screen and (min-width: 992px) {
  .p-guide-charm-subttl {
    line-height: 1.6;
  }
}
.p-guide-charm-btn {
  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;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.p-guide-charm-zero-in {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
@media screen and (min-width: 992px) {
  .p-guide-charm-zero-in {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    margin-bottom: 1em;
  }
}
.p-guide-charm-zero-contents {
  width: 100%;
}
@media screen and (min-width: 992px) {
  .p-guide-charm-zero-contents {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    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;
    width: 60%;
  }
}
.p-guide-charm-zero-contents-num {
  margin-bottom: 1em;
}
.p-guide-charm-zero-photo {
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .p-guide-charm-zero-photo {
    width: 40%;
  }
}
.p-guide-charm-zero-photo img {
  vertical-align: bottom;
  width: 60%;
}
@media screen and (min-width: 992px) {
  .p-guide-charm-zero-photo img {
    width: 100%;
  }
}
.p-guide-charm .p-guide-charm-reserve-list {
  max-width: 500px;
  margin: 0 auto;
  margin-bottom: 1em;
}
.p-guide-charm .p-guide-charm-reserve-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: 0.5em;
  border-radius: 5px;
  width: 100%;
  border-radius: 5px;
}
.p-guide-charm .p-guide-charm-reserve-item-ttl {
  background: #2061D2;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  padding: 0.5em;
  font-weight: 600;
  width: 8em;
  text-align: center;
  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;
}
@media screen and (min-width: 992px) {
  .p-guide-charm .p-guide-charm-reserve-item-ttl {
    font-size: 25px;
    font-size: 1.5625rem;
    width: 10em;
  }
}
.p-guide-charm .p-guide-charm-reserve-item-text {
  background: #4F86E5;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  padding: 0.5em;
  font-weight: 600;
  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;
  width: calc(100% - 8em);
  text-align: center;
}
@media screen and (min-width: 992px) {
  .p-guide-charm .p-guide-charm-reserve-item-text {
    width: calc(100% - 10em);
    font-size: 16px;
    font-size: 1rem;
  }
}
.p-guide-charm .p-guide-charm-reserve-text {
  text-align: center;
  font-weight: bold;
  margin-bottom: 0.5em;
}
@media screen and (min-width: 992px) {
  .p-guide-charm .p-guide-charm-reserve-text {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.p-guide-charm-service-in {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  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;
}
@media screen and (min-width: 992px) {
  .p-guide-charm-service-in {
    margin-bottom: 1em;
  }
}
.p-guide-charm-service-photo {
  width: 40%;
  margin-bottom: -1.2em;
}
@media screen and (min-width: 992px) {
  .p-guide-charm-service-photo {
    width: 40%;
    margin-bottom: -2em;
  }
}
.p-guide-charm-service-contents {
  width: 210px;
}
@media screen and (min-width: 992px) {
  .p-guide-charm-service-contents {
    width: 300px;
  }
}
.p-guide-charm-service-contents-text {
  background-image: url(../images/guide/charm/img_service_contents_bg.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  font-weight: 600;
  margin-bottom: 1.5em;
  padding: 22px 10px 50px 26px;
  width: 210px;
  height: 125px;
  line-height: 1.2;
  font-size: 11px;
  font-size: 0.6875rem;
}
@media screen and (min-width: 992px) {
  .p-guide-charm-service-contents-text {
    padding: 36px 10px 58px 26px;
    width: 300px;
    height: 153px;
    line-height: 1.2;
    font-size: 16px;
    font-size: 1rem;
  }
}
.p-guide-charm-line-ttl-img {
  width: 56%;
  margin-right: 0.2em;
  margin-bottom: 0.2em;
  display: inline-block;
  max-width: 200px;
}
@media screen and (min-width: 992px) {
  .p-guide-charm-line-ttl-img {
    width: 122px;
    margin-bottom: 0.5em;
  }
}
.p-guide-charm-line-in {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: 1em;
}
@media screen and (min-width: 992px) {
  .p-guide-charm-line-in {
    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;
  }
}
.p-guide-charm-line-photo {
  width: calc(100% - 150px);
  position: relative;
}
@media screen and (min-width: 992px) {
  .p-guide-charm-line-photo {
    width: calc(80% - 150px);
  }
}
.p-guide-charm-line-photo-text {
  background-image: url(../images/guide/charm/img_line_text_bg.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  font-weight: 600;
  margin-bottom: 1.5em;
  padding: 6px 10px 56px 25px;
  width: 96px;
  height: 117px;
  line-height: 1.2;
  font-size: 8px;
  font-size: 0.5rem;
  position: absolute;
  left: -2%;
  top: 11%;
  transform: rotate(-7deg);
  transform: rotate(-7deg);
}
@media screen and (min-width: 992px) {
  .p-guide-charm-line-photo-text {
    left: 0%;
    top: 13%;
    padding: 11px 10px 55px 37px;
    width: 148px;
    height: 100px;
    font-size: 13px;
    font-size: 0.8125rem;
  }
}
.p-guide-charm-line-contents {
  width: 150px;
  margin-right: 10px;
}
.p-guide-charm-online {
  position: relative;
}
.p-guide-charm-online-ttl {
  width: 90%;
  margin: 0 auto 1.5em;
  max-width: 400px;
}
.p-guide-charm-online-photo {
  position: absolute;
  width: calc(100% + 5.5em);
  margin-left: -2.75em;
  margin-bottom: -1em;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  bottom: 0;
}
.p-guide-charm-online-photo-img {
  width: 31%;
  max-width: 127px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
}
@media screen and (min-width: 992px) {
  .p-guide-charm-online-photo-img {
    max-width: 170px;
  }
}
.p-guide-charm-online-contents {
  width: 60%;
  margin: 0 auto;
}
.p-guide-charm-online-contents-text {
  background-image: url(../images/guide/charm/img_online_text_bg.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  font-weight: 600;
  margin: 0 auto;
  margin-bottom: 1.5em;
  padding: 26px 18px 37px 13px;
  width: 215px;
  height: 123px;
  line-height: 1.5;
  font-size: 12px;
  font-size: 0.75rem;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .p-guide-charm-online-contents-text {
    padding: 36px 18px 37px 13px;
    width: 290px;
    height: 156px;
    line-height: 1.5;
    font-size: 17px;
  }
}
.p-guide-charm-support {
  position: relative;
}
.p-guide-charm-support-photo {
  position: absolute;
  right: -1em;
  bottom: -1.2em;
  width: 25%;
}
@media screen and (min-width: 992px) {
  .p-guide-charm-support-photo {
    width: 31%;
  }
}
.p-guide-charm-support-contents {
  margin-top: 1em;
  padding: 1em;
  background-color: #f6f6f6;
  border-radius: 10px;
  margin-bottom: 1em;
}
@media screen and (min-width: 992px) {
  .p-guide-charm-support-contents {
    padding-right: 30%;
  }
}
.p-guide-charm-support-list {
  margin-bottom: 1em;
}
.p-guide-charm-support-item {
  margin-bottom: 0.5em;
}
.p-guide-charm-support-item-ttl {
  font-weight: 900;
  color: #EC424E;
  text-align: center;
  margin-bottom: 0.1em;
}
@media screen and (min-width: 992px) {
  .p-guide-charm-support-item-ttl {
    display: inline-block;
    margin-right: 0.2em;
  }
}
.p-guide-charm-support-item-text {
  text-align: center;
  font-weight: bold;
}
@media screen and (min-width: 992px) {
  .p-guide-charm-support-item-text {
    display: inline-block;
  }
}
.p-guide-charm-rental-contents {
  margin-bottom: 1em;
}
.p-guide-charm-about {
  padding-top: 1em;
}
@media screen and (min-width: 992px) {
  .p-guide-charm-about {
    padding: 0;
  }
}
.p-guide-charm-about-photo {
  position: relative;
  margin-top: -2em;
}
.p-guide-charm-about-photo-img:nth-child(2) {
  position: absolute;
  top: 1%;
  left: -2%;
  width: 33%;
}
.p-guide-charm-about-photo-img:nth-child(3) {
  position: absolute;
  top: 56%;
  right: -11%;
  width: 33%;
}
.p-guide-charm-about-contents {
  background: #fff;
  border-radius: 1em;
  padding: 2em 1em;
  width: 100%;
  height: 100%;
}

/* =========================================================
corp

========================================================= */
/*----------------------
相互リンク
------------------*/
.p-corp-link__box {
  margin-bottom: 1em;
}
.p-corp-link__list--bnr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.p-corp-link__link {
  color: #000;
  text-decoration: underline;
  display: inline-block;
  font-size: 12px;
  font-size: 0.75rem;
}
@media screen and (min-width: 992px) {
  .p-corp-link__link {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.p-corp-link__item {
  line-height: 130%;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
}
@media screen and (min-width: 992px) {
  .p-corp-link__item {
    line-height: 130%;
    margin-bottom: 1em;
  }
}
.p-corp-link__item--bnr {
  width: 46%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-right: 3%;
}
.p-corp-link__item--bnr img {
  width: 100%;
}

/*----------------------
サイトマップ
------------------*/
.p-corp-sitemap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.p-corp-sitemap__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 1.5em;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .p-corp-sitemap__box {
    width: 33%;
  }
}
.p-corp-sitemap__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.p-corp-sitemap__item {
  margin-right: 1.5em;
  position: relative;
  text-decoration: underline;
  margin-bottom: 0.3em;
  white-space: nowrap;
  font-size: 14px;
  font-size: 0.875rem;
  width: 100%;
  margin-bottom: 0.5em;
  color: #1185E7;
}
.p-corp-sitemap__item a:not(.in-link) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
  z-index: 5;
}
.p-corp-sitemap__item a.in-link {
  position: relative;
  z-index: 5;
}
@media screen and (min-width: 992px) {
  .p-corp-sitemap__item {
    margin-bottom: 0.8em;
  }
}

/*----------------------
customer_harassment　追加css
------------------*/
.p-corp-customer-headline {
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 1em;
}
@media screen and (max-width: 991px) {
  .p-corp-customer-headline {
    padding-left: 1.2em;
  }
}
.p-corp-customer-headline:before {
  content: "";
  width: 13px;
  height: 13px;
  display: inline-block;
  border-radius: 50%;
  background: #2CC48B;
  position: absolute;
  left: 0;
}

.p-corp-customer-list__item {
  padding-left: 1em;
}
.p-corp-customer-list__item::before {
  content: "・" !important;
  color: #333333 !important;
  position: absolute  !important;
  top: 0;
  left: 0 !important;
}

/* =========================================================
contact - contactページの独自コンテンツ
========================================================= */
.p-contact-bk {
  padding-top: 0;
}

/* =========================================================
print - プリント表示に対する対応
========================================================= */
@media print {
  body::before {
    background: none;
  }

  .l-header,
  .l-footer {
    display: none !important;
  }

  .c-main-ttl__in {
    font-size: 30px;
  }

  .l-main {
    max-width: 100% !important;
    margin: 0 auto;
  }

  .l-main--row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
  .l-main--row .l-main--left {
    width: calc(100% - 300px) !important;
    padding-right: 15px;
  }
  .l-main--row .slick-track, .l-main--row .slick-initialized .slick-slide {
    width: calc(100% - 300px) !important;
  }
  .l-main--row .l-side {
    max-width: 300px;
  }

  .jq-inview-fade {
    opacity: 1 !important;
    display: block !important;
    top: 0 !important;
  }

  .p-detail-images-print {
    display: block !important;
  }
  .p-detail-images-print__item {
    text-align: center;
    max-height: 500px;
    background: #ffffff;
  }
  .p-detail-images-print__in {
    max-height: boldpx;
  }

  .c-table {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
  }
  .c-table .c-th, .c-table .c-td {
    padding: 15px 10px;
    font-size: 13px;
    font-size: 0.8125rem;
  }
  .c-table .c-th:first-of-type, .c-table .c-td:first-of-type {
    border-top: none;
  }
  .c-table .c-th {
    width: 15%;
  }
  .c-table .c-td {
    width: 85%;
  }
  .c-table.c-table--col4 .c-th {
    width: 15%;
  }
  .c-table.c-table--col4 .c-td {
    background: #ffffff;
    width: 35%;
  }
  .c-table.c-table--col4 .c-th, .c-table.c-table--col4 .c-td {
    display: block !important;
  }
  .c-table.c-table--col4 .c-th:first-of-type, .c-table.c-table--col4 .c-td:first-of-type {
    border-top: none;
  }
  .c-table.c-table--col4 .c-th:nth-of-type(2), .c-table.c-table--col4 .c-td:nth-of-type(2) {
    border-top: none;
  }
}
/* Utility
======================================= */
/* =========================================================
text - 文字の装飾など
========================================================= */
/*リンクブランクアイコン*/
.u-icon-link {
  background-image: url(../images/icon/icon_window_black.svg);
  display: inline-block;
  background-position: top 0 center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  content: "";
  height: 1em;
  width: 1em;
  margin-left: 0.5em;
}

/*ラインあり*/
.u-td-line {
  text-decoration: underline;
}

.u-fc-main {
  color: #EC424E !important;
}

.u-fc-white {
  color: #ffffff !important;
}

.u-fc-red {
  color: #EC424E !important;
}

.u-fc-green {
  color: #2CC48B !important;
}

.u-fc-orange {
  color: #FFB914 !important;
}

.u-fc-blue {
  color: #2A92DF !important;
}

.u-fc-bluegreen {
  color: #209e93 !important;
}

.u-fw-l {
  font-weight: lighter !important;
}

.u-fw-n {
  font-weight: normal !important;
}

.u-fw-b {
  font-weight: bold !important;
}

.u-ta-l {
  text-align: left;
}

.u-ta-c {
  text-align: center;
}

.u-ta-r {
  text-align: right;
}

/*中国語用*/
.u-ff-noto-cn {
  font-family: 'Noto Sans SC', sans-serif;
}

.u-line-yellow {
  background: linear-gradient(rgba(0, 0, 0, 0) 60%, #fefe75 30%);
  display: inline-block;
}

.u-f-big-150 {
  font-size: 150%;
}

.u-f-big-200 {
  font-size: 150%;
}

/* =========================================================
margin - 余白の調整
========================================================= */
.u-m-0 {
  margin: 0 !important;
}

.u-mt-0,
.u-my-0 {
  margin-top: 0 !important;
}

.u-mr-0,
.u-mx-0 {
  margin-right: 0 !important;
}

.u-mb-0,
.u-my-0 {
  margin-bottom: 0 !important;
}

.u-ml-0,
.u-mx-0 {
  margin-left: 0 !important;
}

.u-m-1 {
  margin: 0.5rem !important;
}

.u-mt-1,
.u-my-1 {
  margin-top: 0.5rem !important;
}

.u-mr-1,
.u-mx-1 {
  margin-right: 0.5rem !important;
}

.u-mb-1,
.u-my-1 {
  margin-bottom: 0.5rem !important;
}

.u-ml-1,
.u-mx-1 {
  margin-left: 0.5rem !important;
}

.u-m-2 {
  margin: 1rem !important;
}

.u-mt-2,
.u-my-2 {
  margin-top: 1rem !important;
}

.u-mr-2,
.u-mx-2 {
  margin-right: 1rem !important;
}

.u-mb-2,
.u-my-2 {
  margin-bottom: 1rem !important;
}

.u-ml-2,
.u-mx-2 {
  margin-left: 1rem !important;
}

.u-m-3 {
  margin: 1.5rem !important;
}

.u-mt-3,
.u-my-3 {
  margin-top: 1.5rem !important;
}

.u-mr-3,
.u-mx-3 {
  margin-right: 1.5rem !important;
}

.u-mb-3,
.u-my-3 {
  margin-bottom: 1.5rem !important;
}

.u-ml-3,
.u-mx-3 {
  margin-left: 1.5rem !important;
}

.u-m-4 {
  margin: 2rem !important;
}

.u-mt-4,
.u-my-4 {
  margin-top: 2rem !important;
}

.u-mr-4,
.u-mx-4 {
  margin-right: 2rem !important;
}

.u-mb-4,
.u-my-4 {
  margin-bottom: 2rem !important;
}

.u-ml-4,
.u-mx-4 {
  margin-left: 2rem !important;
}

.u-m-5 {
  margin: 3rem !important;
}

.u-mt-5,
.u-my-5 {
  margin-top: 3rem !important;
}

.u-mr-5,
.u-mx-5 {
  margin-right: 3rem !important;
}

.u-mb-5,
.u-my-5 {
  margin-bottom: 3rem !important;
}

.u-ml-5,
.u-mx-5 {
  margin-left: 3rem !important;
}

.u-p-0 {
  padding: 0 !important;
}

.u-pt-0,
.u-py-0 {
  padding-top: 0 !important;
}

.u-pr-0,
.u-px-0 {
  padding-right: 0 !important;
}

.u-pb-0,
.u-py-0 {
  padding-bottom: 0 !important;
}

.u-pl-0,
.u-px-0 {
  padding-left: 0 !important;
}

.u-p-1 {
  padding: 0.5rem !important;
}

.u-pt-1,
.u-py-1 {
  padding-top: 0.5rem !important;
}

.u-pr-1,
.u-px-1 {
  padding-right: 0.5rem !important;
}

.u-pb-1,
.u-py-1 {
  padding-bottom: 0.5rem !important;
}

.u-pl-1,
.u-px-1 {
  padding-left: 0.5rem !important;
}

.u-p-2 {
  padding: 1rem !important;
}

.u-pt-2,
.u-py-2 {
  padding-top: 1rem !important;
}

.u-pr-2,
.u-px-2 {
  padding-right: 1rem !important;
}

.u-pb-2,
.u-py-2 {
  padding-bottom: 1rem !important;
}

.u-pl-2,
.u-px-2 {
  padding-left: 1rem !important;
}

.u-p-3 {
  padding: 1.5rem !important;
}

.u-pt-3,
.u-py-3 {
  padding-top: 1.5rem !important;
}

.u-pr-3,
.u-px-3 {
  padding-right: 1.5rem !important;
}

.u-pb-3,
.u-py-3 {
  padding-bottom: 1.5rem !important;
}

.u-pl-3,
.u-px-3 {
  padding-left: 1.5rem !important;
}

.u-p-4 {
  padding: 2rem !important;
}

.u-pt-4,
.u-py-4 {
  padding-top: 2rem !important;
}

.u-pr-4,
.u-px-4 {
  padding-right: 2rem !important;
}

.u-pb-4,
.u-py-4 {
  padding-bottom: 2rem !important;
}

.u-pl-4,
.u-px-4 {
  padding-left: 2rem !important;
}

.u-p-5 {
  padding: 3rem !important;
}

.u-pt-5,
.u-py-5 {
  padding-top: 3rem !important;
}

.u-pr-5,
.u-px-5 {
  padding-right: 3rem !important;
}

.u-pb-5,
.u-py-5 {
  padding-bottom: 3rem !important;
}

.u-pl-5,
.u-px-5 {
  padding-left: 3rem !important;
}

.u-m-auto {
  margin: auto !important;
}

.u-mt-auto,
.u-my-auto {
  margin-top: auto !important;
}

.u-mr-auto,
.u-mx-auto {
  margin-right: auto !important;
}

.u-mb-auto,
.u-my-auto {
  margin-bottom: auto !important;
}

.u-ml-auto,
.u-mx-auto {
  margin-left: auto !important;
}

@media screen and (min-width: 576px) {
  .u-m-sm-0 {
    margin: 0 !important;
  }

  .u-mt-sm-0,
  .u-my-sm-0 {
    margin-top: 0 !important;
  }

  .u-mr-sm-0,
  .u-mx-sm-0 {
    margin-right: 0 !important;
  }

  .u-mb-sm-0,
  .u-my-sm-0 {
    margin-bottom: 0 !important;
  }

  .u-ml-sm-0,
  .u-mx-sm-0 {
    margin-left: 0 !important;
  }

  .u-m-sm-1 {
    margin: 0.5rem !important;
  }

  .u-mt-sm-1,
  .u-my-sm-1 {
    margin-top: 0.5rem !important;
  }

  .u-mr-sm-1,
  .u-mx-sm-1 {
    margin-right: 0.5rem !important;
  }

  .u-mb-sm-1,
  .u-my-sm-1 {
    margin-bottom: 0.5rem !important;
  }

  .u-ml-sm-1,
  .u-mx-sm-1 {
    margin-left: 0.5rem !important;
  }

  .u-m-sm-2 {
    margin: 1rem !important;
  }

  .u-mt-sm-2,
  .u-my-sm-2 {
    margin-top: 1rem !important;
  }

  .u-mr-sm-2,
  .u-mx-sm-2 {
    margin-right: 1rem !important;
  }

  .u-mb-sm-2,
  .u-my-sm-2 {
    margin-bottom: 1rem !important;
  }

  .u-ml-sm-2,
  .u-mx-sm-2 {
    margin-left: 1rem !important;
  }

  .u-m-sm-3 {
    margin: 1.5rem !important;
  }

  .u-mt-sm-3,
  .u-my-sm-3 {
    margin-top: 1.5rem !important;
  }

  .u-mr-sm-3,
  .u-mx-sm-3 {
    margin-right: 1.5rem !important;
  }

  .u-mb-sm-3,
  .u-my-sm-3 {
    margin-bottom: 1.5rem !important;
  }

  .u-ml-sm-3,
  .u-mx-sm-3 {
    margin-left: 1.5rem !important;
  }

  .u-m-sm-4 {
    margin: 2rem !important;
  }

  .u-mt-sm-4,
  .u-my-sm-4 {
    margin-top: 2rem !important;
  }

  .u-mr-sm-4,
  .u-mx-sm-4 {
    margin-right: 2rem !important;
  }

  .u-mb-sm-4,
  .u-my-sm-4 {
    margin-bottom: 2rem !important;
  }

  .u-ml-sm-4,
  .u-mx-sm-4 {
    margin-left: 2rem !important;
  }

  .u-m-sm-5 {
    margin: 3rem !important;
  }

  .u-mt-sm-5,
  .u-my-sm-5 {
    margin-top: 3rem !important;
  }

  .u-mr-sm-5,
  .u-mx-sm-5 {
    margin-right: 3rem !important;
  }

  .u-mb-sm-5,
  .u-my-sm-5 {
    margin-bottom: 3rem !important;
  }

  .u-ml-sm-5,
  .u-mx-sm-5 {
    margin-left: 3rem !important;
  }

  .u-p-sm-0 {
    padding: 0 !important;
  }

  .u-pt-sm-0,
  .u-py-sm-0 {
    padding-top: 0 !important;
  }

  .u-pr-sm-0,
  .u-px-sm-0 {
    padding-right: 0 !important;
  }

  .u-pb-sm-0,
  .u-py-sm-0 {
    padding-bottom: 0 !important;
  }

  .u-pl-sm-0,
  .u-px-sm-0 {
    padding-left: 0 !important;
  }

  .u-p-sm-1 {
    padding: 0.5rem !important;
  }

  .u-pt-sm-1,
  .u-py-sm-1 {
    padding-top: 0.5rem !important;
  }

  .u-pr-sm-1,
  .u-px-sm-1 {
    padding-right: 0.5rem !important;
  }

  .u-pb-sm-1,
  .u-py-sm-1 {
    padding-bottom: 0.5rem !important;
  }

  .u-pl-sm-1,
  .u-px-sm-1 {
    padding-left: 0.5rem !important;
  }

  .u-p-sm-2 {
    padding: 1rem !important;
  }

  .u-pt-sm-2,
  .u-py-sm-2 {
    padding-top: 1rem !important;
  }

  .u-pr-sm-2,
  .u-px-sm-2 {
    padding-right: 1rem !important;
  }

  .u-pb-sm-2,
  .u-py-sm-2 {
    padding-bottom: 1rem !important;
  }

  .u-pl-sm-2,
  .u-px-sm-2 {
    padding-left: 1rem !important;
  }

  .u-p-sm-3 {
    padding: 1.5rem !important;
  }

  .u-pt-sm-3,
  .u-py-sm-3 {
    padding-top: 1.5rem !important;
  }

  .u-pr-sm-3,
  .u-px-sm-3 {
    padding-right: 1.5rem !important;
  }

  .u-pb-sm-3,
  .u-py-sm-3 {
    padding-bottom: 1.5rem !important;
  }

  .u-pl-sm-3,
  .u-px-sm-3 {
    padding-left: 1.5rem !important;
  }

  .u-p-sm-4 {
    padding: 2rem !important;
  }

  .u-pt-sm-4,
  .u-py-sm-4 {
    padding-top: 2rem !important;
  }

  .u-pr-sm-4,
  .u-px-sm-4 {
    padding-right: 2rem !important;
  }

  .u-pb-sm-4,
  .u-py-sm-4 {
    padding-bottom: 2rem !important;
  }

  .u-pl-sm-4,
  .u-px-sm-4 {
    padding-left: 2rem !important;
  }

  .u-p-sm-5 {
    padding: 3rem !important;
  }

  .u-pt-sm-5,
  .u-py-sm-5 {
    padding-top: 3rem !important;
  }

  .u-pr-sm-5,
  .u-px-sm-5 {
    padding-right: 3rem !important;
  }

  .u-pb-sm-5,
  .u-py-sm-5 {
    padding-bottom: 3rem !important;
  }

  .u-pl-sm-5,
  .u-px-sm-5 {
    padding-left: 3rem !important;
  }

  .u-m-sm-auto {
    margin: auto !important;
  }

  .u-mt-sm-auto,
  .u-my-sm-auto {
    margin-top: auto !important;
  }

  .u-mr-sm-auto,
  .u-mx-sm-auto {
    margin-right: auto !important;
  }

  .u-mb-sm-auto,
  .u-my-sm-auto {
    margin-bottom: auto !important;
  }

  .u-ml-sm-auto,
  .u-mx-sm-auto {
    margin-left: auto !important;
  }
}
@media screen and (min-width: 768px) {
  .u-m-md-0 {
    margin: 0 !important;
  }

  .u-mt-md-0,
  .u-my-md-0 {
    margin-top: 0 !important;
  }

  .u-mr-md-0,
  .u-mx-md-0 {
    margin-right: 0 !important;
  }

  .u-mb-md-0,
  .u-my-md-0 {
    margin-bottom: 0 !important;
  }

  .u-ml-md-0,
  .u-mx-md-0 {
    margin-left: 0 !important;
  }

  .u-m-md-1 {
    margin: 0.5rem !important;
  }

  .u-mt-md-1,
  .u-my-md-1 {
    margin-top: 0.5rem !important;
  }

  .u-mr-md-1,
  .u-mx-md-1 {
    margin-right: 0.5rem !important;
  }

  .u-mb-md-1,
  .u-my-md-1 {
    margin-bottom: 0.5rem !important;
  }

  .u-ml-md-1,
  .u-mx-md-1 {
    margin-left: 0.5rem !important;
  }

  .u-m-md-2 {
    margin: 1rem !important;
  }

  .u-mt-md-2,
  .u-my-md-2 {
    margin-top: 1rem !important;
  }

  .u-mr-md-2,
  .u-mx-md-2 {
    margin-right: 1rem !important;
  }

  .u-mb-md-2,
  .u-my-md-2 {
    margin-bottom: 1rem !important;
  }

  .u-ml-md-2,
  .u-mx-md-2 {
    margin-left: 1rem !important;
  }

  .u-m-md-3 {
    margin: 1.5rem !important;
  }

  .u-mt-md-3,
  .u-my-md-3 {
    margin-top: 1.5rem !important;
  }

  .u-mr-md-3,
  .u-mx-md-3 {
    margin-right: 1.5rem !important;
  }

  .u-mb-md-3,
  .u-my-md-3 {
    margin-bottom: 1.5rem !important;
  }

  .u-ml-md-3,
  .u-mx-md-3 {
    margin-left: 1.5rem !important;
  }

  .u-m-md-4 {
    margin: 2rem !important;
  }

  .u-mt-md-4,
  .u-my-md-4 {
    margin-top: 2rem !important;
  }

  .u-mr-md-4,
  .u-mx-md-4 {
    margin-right: 2rem !important;
  }

  .u-mb-md-4,
  .u-my-md-4 {
    margin-bottom: 2rem !important;
  }

  .u-ml-md-4,
  .u-mx-md-4 {
    margin-left: 2rem !important;
  }

  .u-m-md-5 {
    margin: 3rem !important;
  }

  .u-mt-md-5,
  .u-my-md-5 {
    margin-top: 3rem !important;
  }

  .u-mr-md-5,
  .u-mx-md-5 {
    margin-right: 3rem !important;
  }

  .u-mb-md-5,
  .u-my-md-5 {
    margin-bottom: 3rem !important;
  }

  .u-ml-md-5,
  .u-mx-md-5 {
    margin-left: 3rem !important;
  }

  .u-p-md-0 {
    padding: 0 !important;
  }

  .u-pt-md-0,
  .u-py-md-0 {
    padding-top: 0 !important;
  }

  .u-pr-md-0,
  .u-px-md-0 {
    padding-right: 0 !important;
  }

  .u-pb-md-0,
  .u-py-md-0 {
    padding-bottom: 0 !important;
  }

  .u-pl-md-0,
  .u-px-md-0 {
    padding-left: 0 !important;
  }

  .u-p-md-1 {
    padding: 0.5rem !important;
  }

  .u-pt-md-1,
  .u-py-md-1 {
    padding-top: 0.5rem !important;
  }

  .u-pr-md-1,
  .u-px-md-1 {
    padding-right: 0.5rem !important;
  }

  .u-pb-md-1,
  .u-py-md-1 {
    padding-bottom: 0.5rem !important;
  }

  .u-pl-md-1,
  .u-px-md-1 {
    padding-left: 0.5rem !important;
  }

  .u-p-md-2 {
    padding: 1rem !important;
  }

  .u-pt-md-2,
  .u-py-md-2 {
    padding-top: 1rem !important;
  }

  .u-pr-md-2,
  .u-px-md-2 {
    padding-right: 1rem !important;
  }

  .u-pb-md-2,
  .u-py-md-2 {
    padding-bottom: 1rem !important;
  }

  .u-pl-md-2,
  .u-px-md-2 {
    padding-left: 1rem !important;
  }

  .u-p-md-3 {
    padding: 1.5rem !important;
  }

  .u-pt-md-3,
  .u-py-md-3 {
    padding-top: 1.5rem !important;
  }

  .u-pr-md-3,
  .u-px-md-3 {
    padding-right: 1.5rem !important;
  }

  .u-pb-md-3,
  .u-py-md-3 {
    padding-bottom: 1.5rem !important;
  }

  .u-pl-md-3,
  .u-px-md-3 {
    padding-left: 1.5rem !important;
  }

  .u-p-md-4 {
    padding: 2rem !important;
  }

  .u-pt-md-4,
  .u-py-md-4 {
    padding-top: 2rem !important;
  }

  .u-pr-md-4,
  .u-px-md-4 {
    padding-right: 2rem !important;
  }

  .u-pb-md-4,
  .u-py-md-4 {
    padding-bottom: 2rem !important;
  }

  .u-pl-md-4,
  .u-px-md-4 {
    padding-left: 2rem !important;
  }

  .u-p-md-5 {
    padding: 3rem !important;
  }

  .u-pt-md-5,
  .u-py-md-5 {
    padding-top: 3rem !important;
  }

  .u-pr-md-5,
  .u-px-md-5 {
    padding-right: 3rem !important;
  }

  .u-pb-md-5,
  .u-py-md-5 {
    padding-bottom: 3rem !important;
  }

  .u-pl-md-5,
  .u-px-md-5 {
    padding-left: 3rem !important;
  }

  .u-m-md-auto {
    margin: auto !important;
  }

  .u-mt-md-auto,
  .u-my-md-auto {
    margin-top: auto !important;
  }

  .u-mr-md-auto,
  .u-mx-md-auto {
    margin-right: auto !important;
  }

  .u-mb-md-auto,
  .u-my-md-auto {
    margin-bottom: auto !important;
  }

  .u-ml-md-auto,
  .u-mx-md-auto {
    margin-left: auto !important;
  }
}
@media screen and (min-width: 992px) {
  .u-m-lg-0 {
    margin: 0 !important;
  }

  .u-mt-lg-0,
  .u-my-lg-0 {
    margin-top: 0 !important;
  }

  .u-mr-lg-0,
  .u-mx-lg-0 {
    margin-right: 0 !important;
  }

  .u-mb-lg-0,
  .u-my-lg-0 {
    margin-bottom: 0 !important;
  }

  .u-ml-lg-0,
  .u-mx-lg-0 {
    margin-left: 0 !important;
  }

  .u-m-lg-1 {
    margin: 0.5rem !important;
  }

  .u-mt-lg-1,
  .u-my-lg-1 {
    margin-top: 0.5rem !important;
  }

  .u-mr-lg-1,
  .u-mx-lg-1 {
    margin-right: 0.5rem !important;
  }

  .u-mb-lg-1,
  .u-my-lg-1 {
    margin-bottom: 0.5rem !important;
  }

  .u-ml-lg-1,
  .u-mx-lg-1 {
    margin-left: 0.5rem !important;
  }

  .u-m-lg-2 {
    margin: 1rem !important;
  }

  .u-mt-lg-2,
  .u-my-lg-2 {
    margin-top: 1rem !important;
  }

  .u-mr-lg-2,
  .u-mx-lg-2 {
    margin-right: 1rem !important;
  }

  .u-mb-lg-2,
  .u-my-lg-2 {
    margin-bottom: 1rem !important;
  }

  .u-ml-lg-2,
  .u-mx-lg-2 {
    margin-left: 1rem !important;
  }

  .u-m-lg-3 {
    margin: 1.5rem !important;
  }

  .u-mt-lg-3,
  .u-my-lg-3 {
    margin-top: 1.5rem !important;
  }

  .u-mr-lg-3,
  .u-mx-lg-3 {
    margin-right: 1.5rem !important;
  }

  .u-mb-lg-3,
  .u-my-lg-3 {
    margin-bottom: 1.5rem !important;
  }

  .u-ml-lg-3,
  .u-mx-lg-3 {
    margin-left: 1.5rem !important;
  }

  .u-m-lg-4 {
    margin: 2rem !important;
  }

  .u-mt-lg-4,
  .u-my-lg-4 {
    margin-top: 2rem !important;
  }

  .u-mr-lg-4,
  .u-mx-lg-4 {
    margin-right: 2rem !important;
  }

  .u-mb-lg-4,
  .u-my-lg-4 {
    margin-bottom: 2rem !important;
  }

  .u-ml-lg-4,
  .u-mx-lg-4 {
    margin-left: 2rem !important;
  }

  .u-m-lg-5 {
    margin: 3rem !important;
  }

  .u-mt-lg-5,
  .u-my-lg-5 {
    margin-top: 3rem !important;
  }

  .u-mr-lg-5,
  .u-mx-lg-5 {
    margin-right: 3rem !important;
  }

  .u-mb-lg-5,
  .u-my-lg-5 {
    margin-bottom: 3rem !important;
  }

  .u-ml-lg-5,
  .u-mx-lg-5 {
    margin-left: 3rem !important;
  }

  .u-p-lg-0 {
    padding: 0 !important;
  }

  .u-pt-lg-0,
  .u-py-lg-0 {
    padding-top: 0 !important;
  }

  .u-pr-lg-0,
  .u-px-lg-0 {
    padding-right: 0 !important;
  }

  .u-pb-lg-0,
  .u-py-lg-0 {
    padding-bottom: 0 !important;
  }

  .u-pl-lg-0,
  .u-px-lg-0 {
    padding-left: 0 !important;
  }

  .u-p-lg-1 {
    padding: 0.5rem !important;
  }

  .u-pt-lg-1,
  .u-py-lg-1 {
    padding-top: 0.5rem !important;
  }

  .u-pr-lg-1,
  .u-px-lg-1 {
    padding-right: 0.5rem !important;
  }

  .u-pb-lg-1,
  .u-py-lg-1 {
    padding-bottom: 0.5rem !important;
  }

  .u-pl-lg-1,
  .u-px-lg-1 {
    padding-left: 0.5rem !important;
  }

  .u-p-lg-2 {
    padding: 1rem !important;
  }

  .u-pt-lg-2,
  .u-py-lg-2 {
    padding-top: 1rem !important;
  }

  .u-pr-lg-2,
  .u-px-lg-2 {
    padding-right: 1rem !important;
  }

  .u-pb-lg-2,
  .u-py-lg-2 {
    padding-bottom: 1rem !important;
  }

  .u-pl-lg-2,
  .u-px-lg-2 {
    padding-left: 1rem !important;
  }

  .u-p-lg-3 {
    padding: 1.5rem !important;
  }

  .u-pt-lg-3,
  .u-py-lg-3 {
    padding-top: 1.5rem !important;
  }

  .u-pr-lg-3,
  .u-px-lg-3 {
    padding-right: 1.5rem !important;
  }

  .u-pb-lg-3,
  .u-py-lg-3 {
    padding-bottom: 1.5rem !important;
  }

  .u-pl-lg-3,
  .u-px-lg-3 {
    padding-left: 1.5rem !important;
  }

  .u-p-lg-4 {
    padding: 2rem !important;
  }

  .u-pt-lg-4,
  .u-py-lg-4 {
    padding-top: 2rem !important;
  }

  .u-pr-lg-4,
  .u-px-lg-4 {
    padding-right: 2rem !important;
  }

  .u-pb-lg-4,
  .u-py-lg-4 {
    padding-bottom: 2rem !important;
  }

  .u-pl-lg-4,
  .u-px-lg-4 {
    padding-left: 2rem !important;
  }

  .u-p-lg-5 {
    padding: 3rem !important;
  }

  .u-pt-lg-5,
  .u-py-lg-5 {
    padding-top: 3rem !important;
  }

  .u-pr-lg-5,
  .u-px-lg-5 {
    padding-right: 3rem !important;
  }

  .u-pb-lg-5,
  .u-py-lg-5 {
    padding-bottom: 3rem !important;
  }

  .u-pl-lg-5,
  .u-px-lg-5 {
    padding-left: 3rem !important;
  }

  .u-m-lg-auto {
    margin: auto !important;
  }

  .u-mt-lg-auto,
  .u-my-lg-auto {
    margin-top: auto !important;
  }

  .u-mr-lg-auto,
  .u-mx-lg-auto {
    margin-right: auto !important;
  }

  .u-mb-lg-auto,
  .u-my-lg-auto {
    margin-bottom: auto !important;
  }

  .u-ml-lg-auto,
  .u-mx-lg-auto {
    margin-left: auto !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-m-xl-0 {
    margin: 0 !important;
  }

  .u-mt-xl-0,
  .u-my-xl-0 {
    margin-top: 0 !important;
  }

  .u-mr-xl-0,
  .u-mx-xl-0 {
    margin-right: 0 !important;
  }

  .u-mb-xl-0,
  .u-my-xl-0 {
    margin-bottom: 0 !important;
  }

  .u-ml-xl-0,
  .u-mx-xl-0 {
    margin-left: 0 !important;
  }

  .u-m-xl-1 {
    margin: 0.5rem !important;
  }

  .u-mt-xl-1,
  .u-my-xl-1 {
    margin-top: 0.5rem !important;
  }

  .u-mr-xl-1,
  .u-mx-xl-1 {
    margin-right: 0.5rem !important;
  }

  .u-mb-xl-1,
  .u-my-xl-1 {
    margin-bottom: 0.5rem !important;
  }

  .u-ml-xl-1,
  .u-mx-xl-1 {
    margin-left: 0.5rem !important;
  }

  .u-m-xl-2 {
    margin: 1rem !important;
  }

  .u-mt-xl-2,
  .u-my-xl-2 {
    margin-top: 1rem !important;
  }

  .u-mr-xl-2,
  .u-mx-xl-2 {
    margin-right: 1rem !important;
  }

  .u-mb-xl-2,
  .u-my-xl-2 {
    margin-bottom: 1rem !important;
  }

  .u-ml-xl-2,
  .u-mx-xl-2 {
    margin-left: 1rem !important;
  }

  .u-m-xl-3 {
    margin: 1.5rem !important;
  }

  .u-mt-xl-3,
  .u-my-xl-3 {
    margin-top: 1.5rem !important;
  }

  .u-mr-xl-3,
  .u-mx-xl-3 {
    margin-right: 1.5rem !important;
  }

  .u-mb-xl-3,
  .u-my-xl-3 {
    margin-bottom: 1.5rem !important;
  }

  .u-ml-xl-3,
  .u-mx-xl-3 {
    margin-left: 1.5rem !important;
  }

  .u-m-xl-4 {
    margin: 2rem !important;
  }

  .u-mt-xl-4,
  .u-my-xl-4 {
    margin-top: 2rem !important;
  }

  .u-mr-xl-4,
  .u-mx-xl-4 {
    margin-right: 2rem !important;
  }

  .u-mb-xl-4,
  .u-my-xl-4 {
    margin-bottom: 2rem !important;
  }

  .u-ml-xl-4,
  .u-mx-xl-4 {
    margin-left: 2rem !important;
  }

  .u-m-xl-5 {
    margin: 3rem !important;
  }

  .u-mt-xl-5,
  .u-my-xl-5 {
    margin-top: 3rem !important;
  }

  .u-mr-xl-5,
  .u-mx-xl-5 {
    margin-right: 3rem !important;
  }

  .u-mb-xl-5,
  .u-my-xl-5 {
    margin-bottom: 3rem !important;
  }

  .u-ml-xl-5,
  .u-mx-xl-5 {
    margin-left: 3rem !important;
  }

  .u-p-xl-0 {
    padding: 0 !important;
  }

  .u-pt-xl-0,
  .u-py-xl-0 {
    padding-top: 0 !important;
  }

  .u-pr-xl-0,
  .u-px-xl-0 {
    padding-right: 0 !important;
  }

  .u-pb-xl-0,
  .u-py-xl-0 {
    padding-bottom: 0 !important;
  }

  .u-pl-xl-0,
  .u-px-xl-0 {
    padding-left: 0 !important;
  }

  .u-p-xl-1 {
    padding: 0.5rem !important;
  }

  .u-pt-xl-1,
  .u-py-xl-1 {
    padding-top: 0.5rem !important;
  }

  .u-pr-xl-1,
  .u-px-xl-1 {
    padding-right: 0.5rem !important;
  }

  .u-pb-xl-1,
  .u-py-xl-1 {
    padding-bottom: 0.5rem !important;
  }

  .u-pl-xl-1,
  .u-px-xl-1 {
    padding-left: 0.5rem !important;
  }

  .u-p-xl-2 {
    padding: 1rem !important;
  }

  .u-pt-xl-2,
  .u-py-xl-2 {
    padding-top: 1rem !important;
  }

  .u-pr-xl-2,
  .u-px-xl-2 {
    padding-right: 1rem !important;
  }

  .u-pb-xl-2,
  .u-py-xl-2 {
    padding-bottom: 1rem !important;
  }

  .u-pl-xl-2,
  .u-px-xl-2 {
    padding-left: 1rem !important;
  }

  .u-p-xl-3 {
    padding: 1.5rem !important;
  }

  .u-pt-xl-3,
  .u-py-xl-3 {
    padding-top: 1.5rem !important;
  }

  .u-pr-xl-3,
  .u-px-xl-3 {
    padding-right: 1.5rem !important;
  }

  .u-pb-xl-3,
  .u-py-xl-3 {
    padding-bottom: 1.5rem !important;
  }

  .u-pl-xl-3,
  .u-px-xl-3 {
    padding-left: 1.5rem !important;
  }

  .u-p-xl-4 {
    padding: 2rem !important;
  }

  .u-pt-xl-4,
  .u-py-xl-4 {
    padding-top: 2rem !important;
  }

  .u-pr-xl-4,
  .u-px-xl-4 {
    padding-right: 2rem !important;
  }

  .u-pb-xl-4,
  .u-py-xl-4 {
    padding-bottom: 2rem !important;
  }

  .u-pl-xl-4,
  .u-px-xl-4 {
    padding-left: 2rem !important;
  }

  .u-p-xl-5 {
    padding: 3rem !important;
  }

  .u-pt-xl-5,
  .u-py-xl-5 {
    padding-top: 3rem !important;
  }

  .u-pr-xl-5,
  .u-px-xl-5 {
    padding-right: 3rem !important;
  }

  .u-pb-xl-5,
  .u-py-xl-5 {
    padding-bottom: 3rem !important;
  }

  .u-pl-xl-5,
  .u-px-xl-5 {
    padding-left: 3rem !important;
  }

  .u-m-xl-auto {
    margin: auto !important;
  }

  .u-mt-xl-auto,
  .u-my-xl-auto {
    margin-top: auto !important;
  }

  .u-mr-xl-auto,
  .u-mx-xl-auto {
    margin-right: auto !important;
  }

  .u-mb-xl-auto,
  .u-my-xl-auto {
    margin-bottom: auto !important;
  }

  .u-ml-xl-auto,
  .u-mx-xl-auto {
    margin-left: auto !important;
  }
}
/* =========================================================
display - ブレイクポイントごとに表示切替
========================================================= */
/*PCとSPの見え方切り替え*/
.pc-show {
  display: none !important;
}
@media screen and (min-width: 992px) {
  .pc-show {
    display: block !important;
  }
}

@media screen and (min-width: 992px) {
  .sp-show {
    display: none !important;
  }
}

@media screen and (min-width: 992px) {
  .u-pc-center {
    text-align: center;
  }
}

.u-sp-center {
  text-align: center;
}
@media screen and (min-width: 992px) {
  .u-sp-center {
    text-align: left;
  }
}

@media screen and (min-width: 992px) {
  .u-pc-noborder {
    border: none;
    position: relative;
  }
}

/*ページ内リンク高さ調整*/
.u-position-relative {
  position: relative;
}

/*ページ内リンク高さ調整*/
.u-link-page {
  padding-top: 80px;
  margin-top: -80px;
}
@media screen and (min-width: 992px) {
  .u-link-page {
    padding-top: 120px;
    margin-top: -120px;
  }
}

/*非表示========*/
.u-none {
  display: none !important;
}

.u-bg-none {
  background-color: inherit;
}

/*lnline=========*/
.u-inline {
  display: inline !important;
}

.u-inline-block {
  display: inline-block !important;
}

.u-block {
  display: block !important;
}

/*table=========*/
.u-table {
  display: table !important;
}

.u-table-row {
  display: table-row !important;
}

.u-table-cell {
  display: table-cell !important;
}

/*flex=========*/
.u-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

.u-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

/*sm=============*/
@media screen and (min-width: 576px) {
  .u-sm-none {
    display: none !important;
  }

  .u-sm-inline {
    display: inline !important;
  }

  .u-sm-inline-block {
    display: inline-block !important;
  }

  .u-sm-block {
    display: block !important;
  }

  .u-sm-table {
    display: table !important;
  }

  .u-sm-table-row {
    display: table-row !important;
  }

  .u-sm-table-cell {
    display: table-cell !important;
  }

  .u-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .u-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
/*md=============*/
@media screen and (min-width: 768px) {
  .u-mu-none {
    display: none !important;
  }

  .u-mu-inline {
    display: inline !important;
  }

  .u-mu-inline-block {
    display: inline-block !important;
  }

  .u-mu-block {
    display: block !important;
  }

  .u-mu-table {
    display: table !important;
  }

  .u-mu-table-row {
    display: table-row !important;
  }

  .u-mu-table-cell {
    display: table-cell !important;
  }

  .u-mu-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .u-mu-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
/*lg=================*/
@media screen and (min-width: 992px) {
  .u-lg-none {
    display: none !important;
  }

  .u-lg-inline {
    display: inline !important;
  }

  .u-lg-inline-block {
    display: inline-block !important;
  }

  .u-lg-block {
    display: block !important;
  }

  .u-lg-table {
    display: table !important;
  }

  .u-lg-table-row {
    display: table-row !important;
  }

  .u-lg-table-cell {
    display: table-cell !important;
  }

  .u-lg-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .u-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
/*xl====================*/
@media screen and (min-width: 1200px) {
  .u-xl-none {
    display: none !important;
  }

  .u-xl-inline {
    display: inline !important;
  }

  .u-xl-inline-block {
    display: inline-block !important;
  }

  .u-xl-block {
    display: block !important;
  }

  .u-xl-table {
    display: table !important;
  }

  .u-xl-table-row {
    display: table-row !important;
  }

  .u-xl-table-cell {
    display: table-cell !important;
  }

  .u-xl-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .u-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
/*print=================*/
@media print {
  .u-print-none {
    display: none !important;
  }

  .u-print-inline {
    display: inline !important;
  }

  .u-print-inline-block {
    display: inline-block !important;
  }

  .u-print-block {
    display: block !important;
  }

  .u-print-table {
    display: table !important;
  }

  .u-print-table-row {
    display: table-row !important;
  }

  .u-print-table-cell {
    display: table-cell !important;
  }

  .u-print-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .u-print-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
/*色*/
.u-bg--lightgray {
  background: #f6f6f6;
}
.u-bg--whitegray {
  background: #fafafa;
}
.u-bg-white {
  background: #fff;
}
.u-bg-main {
  background: #EC424E;
}
.u-bg-pink {
  background: #fbf4f4;
}
.u-bg-blue {
  background: #2A92DF;
}
.u-bg-green {
  background: #2CC48B;
}
.u-bg--lightyellow {
  background: #ffffe7;
}
.u-bg--lightgreen {
  background: #f3fdfc;
}
.u-bg-filter {
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
@media screen and (max-width: 991px) {
  .u-bg-sp-filter {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }
}

.u-zindex-0 {
  position: relative;
  z-index: 0 !important;
}

.u-zindex-10 {
  position: relative;
  z-index: 10;
}

.u-zindex-50 {
  position: relative;
  z-index: 50;
}

.u-zindex-100 {
  position: relative;
  z-index: 100;
}

.u-w-100 {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
}

.u-w-50 {
  width: 50% !important;
  max-width: 50% !important;
  min-width: 50% !important;
}

/* =========================================================
flex - flexを使った位置調整など
========================================================= */
.u-flex-center {
  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;
}

.u-flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.u-flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.u-flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.u-flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.u-flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.u-flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.u-flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.u-flex-fill {
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
}

.u-flex-grow-0 {
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
}

.u-flex-grow-1 {
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}

.u-flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

.u-flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}

.u-justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.u-justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.u-justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.u-justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.u-justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.u-align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.u-align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.u-align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}

.u-align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

.u-align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.u-align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

.u-align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.u-align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.u-align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.u-align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.u-align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

.u-align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}

.u-align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

.u-align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.u-align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.u-align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

.u-align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}

@media screen and (min-width: 576px) {
  .u-flex-sm-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .u-flex-sm-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .u-flex-sm-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .u-flex-sm-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .u-flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .u-flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .u-flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .u-flex-sm-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }

  .u-flex-sm-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }

  .u-flex-sm-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }

  .u-flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }

  .u-flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }

  .u-justify-content-sm-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .u-justify-content-sm-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .u-justify-content-sm-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .u-justify-content-sm-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .u-justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .u-align-items-sm-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .u-align-items-sm-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .u-align-items-sm-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .u-align-items-sm-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .u-align-items-sm-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .u-align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .u-align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .u-align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .u-align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .u-align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .u-align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .u-align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }

  .u-align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .u-align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .u-align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }

  .u-align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .u-align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .u-flex-md-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .u-flex-md-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .u-flex-md-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .u-flex-md-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .u-flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .u-flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .u-flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .u-flex-md-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }

  .u-flex-md-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }

  .u-flex-md-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }

  .u-flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }

  .u-flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }

  .u-justify-content-md-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .u-justify-content-md-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .u-justify-content-md-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .u-justify-content-md-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .u-justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .u-align-items-md-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .u-align-items-md-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .u-align-items-md-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .u-align-items-md-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .u-align-items-md-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .u-align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .u-align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .u-align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .u-align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .u-align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .u-align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .u-align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }

  .u-align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .u-align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .u-align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }

  .u-align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .u-align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media screen and (min-width: 992px) {
  .u-flex-lg-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .u-flex-lg-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .u-flex-lg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .u-flex-lg-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .u-flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .u-flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .u-flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .u-flex-lg-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }

  .u-flex-lg-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }

  .u-flex-lg-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }

  .u-flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }

  .u-flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }

  .u-justify-content-lg-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .u-justify-content-lg-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .u-justify-content-lg-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .u-justify-content-lg-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .u-justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .u-align-items-lg-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .u-align-items-lg-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .u-align-items-lg-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .u-align-items-lg-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .u-align-items-lg-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .u-align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .u-align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .u-align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .u-align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .u-align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .u-align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .u-align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }

  .u-align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .u-align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .u-align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }

  .u-align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .u-align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-flex-xl-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .u-flex-xl-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .u-flex-xl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .u-flex-xl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .u-flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .u-flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .u-flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .u-flex-xl-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }

  .u-flex-xl-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }

  .u-flex-xl-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }

  .u-flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }

  .u-flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }

  .u-justify-content-xl-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .u-justify-content-xl-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .u-justify-content-xl-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .u-justify-content-xl-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .u-justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .u-align-items-xl-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .u-align-items-xl-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .u-align-items-xl-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .u-align-items-xl-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .u-align-items-xl-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .u-align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .u-align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .u-align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .u-align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .u-align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .u-align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .u-align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }

  .u-align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .u-align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .u-align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }

  .u-align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .u-align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}