@charset "utf-8";
/* CSS Document */
html,
body {
  font-family: "Noto Sans JP", sans-serif, "游ゴシック", "Yu Gothic", Osaka,
    "ヒラギノ角ゴ Pro W3", sans-serif;
  -webkit-text-size-adjust: 100%;
  font-style: normal;
  font-weight: 500;
  height: 100%;
  word-wrap: break-word;
  scroll-behavior: smooth;
}
/*フォント調整*/
body,
p,
a,
img.table,
li,
div,
dt,
dd,
table,
ul,
li,
a,
th,
td,
input,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
button,
select,
textarea,
input[type="radio"],
input[type="checkbox"] {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  color: #222;
  font-size: 12px;
  line-height: 170%;
}
@media screen and (min-width: 1320px) {
  body,
  p,
  a,
  img.table,
  li,
  div,
  dt,
  dd,
  table,
  ul,
  li,
  a,
  th,
  td,
  input,
  textarea,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  h1 a,
  h2 a,
  h3 a,
  h4 a,
  h5 a,
  h6 a,
  button,
  select,
  textarea,
  input[type="radio"],
  input[type="checkbox"] {
    font-size: 14px;
  }
}
/*リセット*/
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a {
  margin: 0px;
  padding: 0px;
  text-decoration: none;
  transition: 0.2s ease-in-out;
}
iframe {
  border: none;
}
a:hover {
  transition: 0.2s ease-in-out;
}
img {
  border-width: 0px;
  margin: 0px;
}
ul,
ol,
li {
  margin: 0px;
  padding: 0px;
  list-style-image: none;
}
/*ボタンスタイルリセット、オリジナルスタイル*/
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}
textarea {
  resize: vertical;
}
input[type="radio"] {
  display: none;
}
input[type="submit"],
input[type="button"],
label,
button,
select {
  cursor: pointer;
}
select::-ms-expand {
  display: none;
}
/*フォント強調*/
.bold {
  font-weight: 700;
}
/*フォントカラー*/
.red {
  color: #f00;
}
.blue {
  color: #0082cd;
}
.oreng {
  color: #ff8600;
}
.pink {
  color: #e63862;
}
.green {
  color: #4ebd69;
}
.gray {
  color: #dddddd;
}
.meal_color {
  color: rgba(255, 102, 0, 1);
}
.location_color {
  color: rgba(0, 144, 240, 1);
}
.plan_color {
  color: rgba(0, 204, 153, 1);
}
.security_color {
  color: rgba(255, 102, 153, 1);
}
/* アイコンフォント調整 */
.icon-mr-4 {
  display: inline-block;
  width: 1em;
  margin-right: 8px;
}
.icon-mr-8 {
  display: inline-block;
  width: 1em;
  margin-right: 8px;
}
.icon-mr-16 {
  display: inline-block;
  width: 1em;
  margin-right: 16px;
}
.icon-ml-4 {
  display: inline-block;
  width: 1em;
  margin-left: 4px;
}
.icon-ml-8 {
  display: inline-block;
  width: 1em;
  margin-left: 8px;
}
.icon-ml-16 {
  display: inline-block;
  width: 1em;
  margin-left: 16px;
}
.icon-2em {
  display: inline-block;
  width: 1em;
  font-size: 2em;
}
.icon-em-50 {
  display: inline-block;
  width: 1em;
  font-size: 0.5em;
}
/*ロールオーバー*/
.submit_btn:hover {
  transition: 0.2s ease-in-out;
  filter: alpha(opacity=60);
  opacity: 0.6;
}
input[type="submit"] {
  appearance: none;
}
input[type="button"] {
  appearance: none;
}
selec {
  appearance: none;
}
.submit_btn_02 {
  margin-top: 2px;
  float: right;
  margin-right: 10px;
  background-color: #eee;
  text-align: center;
  font-size: 12px;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
}
/*ページトップへ*/
#pegetop {
  position: fixed;
  display: none;
  transition: 0.2s ease-in-out;
  z-index: 1;
  right: 16px;
  bottom: 100px;
  width: 32px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  #pegetop {
    right: 24px;
    bottom: 40px;
    width: 40px;
  }
}
@media screen and (min-width: 1320px) {
  #pegetop {
    right: 40px;
    bottom: 40px;
    width: 40px;
  }

  #pegetop:hover {
    transition: 0.2s ease-in-out;
    bottom: 108px;
  }
}
@media screen and (min-width: 768px) {
  #pegetop:hover {
    bottom: 48px;
  }
}
/*ヘッダーメニューボタン*/
#header_menu_btn {
  transition: 0.2s ease-in-out;
  display: block;
  position: fixed;
  left: 0px;
  top: 0px;
  background-color: #fff;
  z-index: 3;
  box-shadow: 0px 0px 6px 0px #555;
  width: 48px;
  height: 48px;
  padding: 2px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  #header_menu_btn {
    width: 64px;
    height: 64px;
  }
}
@media screen and (min-width: 1320px) {
  #header_menu_btn {
    display: none;
  }
}
/*ヘッダーメニューボタンロールオーバー*/
#header_menu_btn:hover {
  transition: 0.2s ease-in-out;
  background-color: #eee;
}
/*ナビゲーション*/
nav {
  box-sizing: border-box;
  width: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 10;
}
@media screen and (max-width: 1319px) {
  nav {
    display: none;
    height: 100vh;
    background-color: rgba(0, 130, 205, 0.3);
  }
}

@media screen and (min-width: 1320px) {
  nav {
    transition: 0.2s ease-in-out;
    height: 56px;
  }
  nav.add {
    transition: 0.2s ease-in-out;
    box-shadow: 0px 0px 6px 0px #999;
    border-radius: 0px 0px 16px 0px;
    background-color: #fff;
    width: 1180px;
  }
}
/*ナビゲーションリストボックス*/
#head_nav {
  box-sizing: border-box;
}
#head_nav::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 1319px) {
  #head_nav {
    overflow: scroll;
    display: none;
    background-color: #fff;
    position: fixed;
    z-index: 5;
    width: 240px;
    height: 100vh;
    padding: 16px;
  }
}
/*ナビゲーションリスト*/
#head_nav_ul {
  padding-bottom: 120px;
}
@media screen and (min-width: 1320px) {
  #head_nav_ul {
    width: 1140px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 16px;
    padding-right: 16px;
    padding-bottom: 0px;
    display: flex;
    justify-content: space-between;
  }
}
/*ナビゲーションロゴ電話番号バナー*/
#nav_img {
  display: block;
  width: 80%;
  margin-top: 24px;
  margin-bottom: 16px;
}
@media screen and (min-width: 1320px) {
  #nav_img {
    display: none;
  }
}
/*ナビゲーションロゴLINE友だち追加バナー*/
#nav_line_img {
  display: block;
  width: 80%;
  margin-bottom: 32px;
  border-radius: 4px;
}
@media screen and (min-width: 1320px) {
  #nav_line_img {
    display: none;
  }
}
#nav_text {
  font-weight: 700;
  font-size: 14px;
  color: #fff;
  background-color: #0082cd;
  padding-left: 12px;
  padding-top: 4px;
  padding-bottom: 4px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
}
@media screen and (min-width: 1320px) {
  #nav_text {
    display: none;
  }
}
/*ナビゲーションリンクテキスト*/
.head_nav_li_01 a,
.head_nav_li_02 {
  transition: 0.2s ease-in-out;
  display: block;
}
@media screen and (max-width: 1319px) {
  .head_nav_li_01 a,
  .head_nav_li_02 {
    padding-left: 4px;
    font-size: 14px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ccc;
  }
}
@media screen and (min-width: 1320px) {
  .head_nav_li_01 a,
  .head_nav_li_02 {
    line-height: 100%;
    font-size: 16px;
    text-shadow: 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff,
      0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff,
      0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff,
      0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff;
  }
}
/*ナビゲーションリンクロールオーバー*/
.head_nav_li_01 a:hover,
.head_nav_li_02:hover {
  transition: 0.2s ease-in-out;
  color: #f60;
}
/*ナビゲーションクローズタップ領域*/
#nav_close {
  box-sizing: border-box;
  width: 100%;
  height: 100vh;
  position: fixed;
  z-index: 1;
}
@media screen and (min-width: 1320px) {
  #nav_close {
    display: none;
  }
}
/*ナビゲーションクローズタップ領域閉じるボタン画像*/
#nav_close img {
  box-sizing: border-box;
  display: block;
  position: fixed;
  top: 16px;
  left: 260px;
  background-color: #222;
  width: 32px;
  height: 32px;
  padding: 8px;
  border-radius: 100%;
  box-shadow: 0px 0px 6px 0px #999;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  #nav_close img {
    width: 40px;
    height: 40px;
  }
}
/*ロゴ*/
#logo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  width: 200px;
  height: 56px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  #logo {
    margin-top: 120px;
    width: 225px;
    height: 63px;
  }
}
@media screen and (min-width: 1320px) {
  #logo {
    margin-top: 120px;
    width: 250px;
    height: 70px;
  }
}
/*フローティングナビボタンボックス*/
#floating_nav_btn {
  transition: 0.2s ease-in-out;
  position: fixed;
  z-index: 4;
  width: 100%;
  height: 88px;
  background-color: rgba(255, 255, 255, 1);
  border-top: 1px solid #ccc;
  box-shadow: 0px 0px 8px 0px #ddd;
  right: 0px;
  bottom: 0px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  #floating_nav_btn {
    height: 72px;
    width: 162px;
    border-top: none;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    padding-top: 24px;
    padding-bottom: 24px;
    padding-left: 40px;
    padding-right: 40px;
    right: 0px;
    top: 0px;
  }
}
@media screen and (min-width: 1320px) {
  #floating_nav_btn {
    height: 80px;
    width: 180px;
    border-top: none;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    padding-top: 24px;
    padding-bottom: 24px;
    padding-left: 40px;
    padding-right: 40px;
    left: 0px;
    top: 0px;
    z-index: 10;
  }
}
/*フローティングナビボタンボックス固定*/
#floating_nav_btn.add {
  transition: 0.2s ease-in-out;
}
@media screen and (max-width: 767px) {
  #floating_nav_btn.add {
    height: 100px;
    background-color: rgba(255, 255, 255, 0);
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0);
    border-top-style: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  #floating_nav_btn.add {
    background-color: #fff;
    box-shadow: 0px 0px 6px 0px #999;
    top: 16px;
    right: 16px;
    border-radius: 4px;
  }
}
@media screen and (min-width: 1320px) {
  #floating_nav_btn.add {
    background-color: #fff;
    box-shadow: 0px 0px 6px 0px #999;
    top: 78px;
    left: 16px;
    border-radius: 4px;
    border: none;
  }
}
/*フローティングナビボタンボックスロールオーバー*/
#floating_nav_btn:hover {
  transition: 0.2s ease-in-out;
  box-shadow: 0px 2px 16px 0px #0082cd;
}
/*フローティングナビボタンボックス画像*/
#floating_nav_btn img {
  transition: 0.5s ease-in-out;
  display: block;
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  #floating_nav_btn img {
    height: 64px;
    width: 144px;
    padding-top: 12px;
    padding-bottom: 8px;
    padding-right: 36px;
    padding-left: 36px;
  }
  #floating_nav_btn.add img {
    transition: 0.5s ease-in-out;
    border-radius: 8px;
    box-shadow: 0px 0px 6px 0px #999;
  }
}
@media screen and (min-width: 768px) {
  #floating_nav_btn img {
    width: 100%;
  }
}
/*フローティングメニューラッパー*/
#floating_nav_wp {
  box-sizing: border-box;
  position: fixed;
  height: 100%;
  width: 100%;
  left: 0px;
  top: 0px;
  z-index: 10;
  overflow: scroll;
  display: none;
}
/*フローティングメニュースクロールバー抹消*/
#floating_nav_wp::-webkit-scrollbar {
  display: none;
}
/*フローティングメニューボックス*/
#floating_nav_box {
  position: relative;
  z-index: 12;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 0px 16px rgba(100, 100, 100, 0.8);
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 16px;
  padding-right: 16px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 32px;
  margin-bottom: 32px;
  width: 90%;
  min-width: 290px;
  max-width: 520px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  #floating_nav_box {
    padding-left: 80px;
    padding-right: 80px;
    margin-top: 40px;
    margin-bottom: 80px;
    width: 80%;
    min-width: 520px;
    max-width: 660px;
  }
}
@media screen and (min-width: 1320px) {
  #floating_nav_box {
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 40px;
    padding-bottom: 80px;
    margin-top: 40px;
    margin-bottom: 120px;
    width: 760px;
    max-width: 760px;
  }
}
/*フローティングメニュー領域外タップで閉じる*/
#floating_nav_close_area {
  display: block;
  position: fixed;
  z-index: 11;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 130, 205, 0.3);
}
/*フローティングメニューロゴ画像*/
#floating_nav_head_img {
  display: block;
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 24px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  #floating_nav_head_img {
    width: 240px;
  }
}
@media screen and (min-width: 1320px) {
  #floating_nav_head_img {
    width: 280px;
  }
}
/*フローティングメニューテキストお問合せは*/
#floating_nav_head_text {
  text-align: center;
  font-weight: 700;
  margin-top: -24px;
  font-size: 14px;
  border: 2px #222 solid;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4px;
  padding-bottom: 4px;
  width: 200px;
  margin-bottom: 24px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  #floating_nav_head_text {
    font-size: 18px;
    width: 240px;
  }
}
@media screen and (min-width: 1320px) {
  #floating_nav_head_text {
    font-size: 20px;
    width: 280px;
    margin-bottom: 24px;
  }
}
/*フローティングメニュークローズボタン*/
#floating_nav_close_btn {
  box-sizing: border-box;
  display: block;
  position: sticky;
  background: #0082cd;
  border-radius: 100%;
  top: 48px;
  left: 24px;
  padding: 8px;
  width: 32px;
  height: 32px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  #floating_nav_close_btn {
    width: 36px;
    height: 36px;
  }
}
@media screen and (min-width: 1320px) {
  #floating_nav_close_btn {
    width: 40px;
    height: 40px;
    left: 0px;
  }
}
/*フローティングメニュークテキストボックス*/
.floating_nav_box_in {
  margin-bottom: 24px;
}
/*フローティングメニュークテキストアイコン*/
#floating_nav_text_bg_01 {
  background-image: url(../img/floating_nav_text_bg_01.jpg);
}
#floating_nav_text_bg_02 {
  background-image: url(../img/floating_nav_text_bg_02.jpg);
}
#floating_nav_text_bg_03 {
  background-image: url(../img/floating_nav_text_bg_03.jpg);
}
#floating_nav_text_bg_04 {
  background-image: url(../img/floating_nav_text_bg_04.jpg);
}
#floating_nav_text_bg_05 {
  background-image: url(../img/floating_nav_text_bg_05.jpg);
}
/*フローティングメニュークテキスト*/
.floating_nav_text_01 {
  font-weight: 700;
  padding-left: 26px;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 20px 20px;
  padding-top: 2px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .floating_nav_text_01 {
    font-size: 14px;
    background-size: 24px 24px;
    padding-left: 28px;
  }
}
@media screen and (min-width: 1320px) {
  .floating_nav_text_01 {
    font-size: 16px;
    background-size: 24px 24px;
    padding-left: 28px;
  }
}
/*フローティングメニューク補足テキスト*/
.floating_nav_text_02 {
  padding-left: 24px;
  font-size: 10px;
}
@media screen and (min-width: 768px) {
  .floating_nav_text_02 {
    font-size: 14px;
  }
}
/*フローティングメニュークリンクテキスト*/
.floating_nav_link_01 {
  box-sizing: border-box;
  display: block;
  border: 2px solid #0082cd;
  width: 100%;
  color: #0082cd;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 4px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 8px;
  font-weight: 700;
  font-size: 1.3em;
}
/*フローティングメニュークリンクテキストロールオーバー*/
.floating_nav_link_01:hover {
  color: #fff;
  background-color: #0082cd;
}
/***下部LINEリンクボックス*/
#line_inquiry_start {
  box-sizing: border-box;
  clear: both;
  background-image: url("../img/bt_line_box_bg.jpg");
  background-size: cover;
}
@media screen and (max-width: 520px) {
  #line_inquiry_start {
    background-position: right;
    background-color: rgba(255, 255, 255, 0.5);
    background-blend-mode: lighten;
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative;
  }
}
@media screen and (min-width: 521px) and (max-width: 1319px) {
  #line_inquiry_start {
    box-sizing: border-box;
    padding-top: 60px;
    height: 234px;
  }
}
@media screen and (min-width: 1320px) {
  #line_inquiry_start {
    box-sizing: border-box;
    padding-top: 120px;
    height: 410px;
  }
}
/*下部LINEリンクボックス*/
#bt_line_box {
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
@media screen and (min-width: 521px) and (max-width: 1279px) {
  #bt_line_box {
    width: 520px;
  }
}
@media screen and (min-width: 1280px) {
  #bt_line_box {
    width: 720px;
  }
}
/*下部LINEリンクスマホ画像*/
.bt_line_box_img {
  box-sizing: border-box;
}
@media screen and (max-width: 520px) {
  .bt_line_box_img {
    width: 120px;
    position: absolute;
    right: 16px;
    bottom: 0px;
    z-index: 0;
  }
}
@media screen and (min-width: 521px) and (max-width: 1279px) {
  .bt_line_box_img {
    height: 174px;
    width: 112px;
    margin-right: 24px;
    margin-left: 16px;
    float: left;
  }
}
@media screen and (min-width: 1280px) {
  .bt_line_box_img {
    height: 290px;
    width: 200px;
    margin-right: 40px;
    float: left;
  }
}
/*下部LINEリンク見出し*/
.bt_line_box_h3 {
  font-weight: 700;
  color: rgb(0, 145, 58);
  text-shadow: 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff,
    0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff,
    0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff,
    0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff;
}
@media screen and (max-width: 520px) {
  .bt_line_box_h3 {
    font-size: 16px;
    position: relative;
    z-index: 1;
    margin-left: 16px;
  }
}
@media screen and (min-width: 521px) and (max-width: 1279px) {
  .bt_line_box_h3 {
    font-size: 20px;
    padding-top: 0px;
  }
}
@media screen and (min-width: 1280px) {
  .bt_line_box_h3 {
    font-size: 24px;
    padding-top: 60px;
  }
}
/*下部LINEリンクボックステキスト*/
.bt_line_box_text_01 {
  font-weight: 700;
  text-shadow: 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff,
    0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff,
    0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff,
    0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff;
}
@media screen and (max-width: 520px) {
  .bt_line_box_text_01 {
    position: relative;
    z-index: 1;
    margin-left: 16px;
    width: 240px;
  }
}
/*下部LINEリンクボックステキスト*/
.bt_line_box_text_02 {
  font-weight: 700;
  text-shadow: 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff,
    0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff,
    0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff,
    0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff;
}
@media screen and (max-width: 520px) {
  .bt_line_box_text_02 {
    position: relative;
    z-index: 1;
    margin-left: 16px;
    margin-bottom: 16px;
    width: 240px;
  }
}
@media screen and (min-width: 521px) {
  .bt_line_box_text_02 {
    margin-bottom: 24px;
  }
}
/*下部LINEリンクボックスリンク*/
.bt_line_box_link {
  transition: 0.2s ease-in-out;
  position: relative;
  z-index: 1;
  font-weight: 700;
  color: #fff;
  background-color: rgb(0, 145, 58);
  text-align: center;
  display: block;
  padding-top: 12px;
  padding-bottom: 12px;
  border-radius: 4px;
  box-shadow: 0px 0px 8px 0px #fff, 0px 0px 8px 0px #fff, 0px 0px 8px 0px #fff,
    0px 0px 8px 0px #fff, 0px 0px 8px 0px #fff, 0px 0px 8px 0px #fff,
    0px 0px 8px 0px #fff, 0px 0px 8px 0px #fff, 0px 0px 8px 0px #fff,
    0px 0px 8px 0px #fff, 0px 0px 8px 0px #fff;
}
@media screen and (max-width: 520px) {
  .bt_line_box_link {
    z-index: 1;
    margin-left: 14px;
    margin-right: 128px;
    width: 240px;
    max-width: 300px;
    font-size: 16px;
  }
}
@media screen and (min-width: 521px) and (max-width: 1279px) {
  .bt_line_box_link {
    font-size: 14px;
    width: 300px;
    float: left;
  }
}
@media screen and (min-width: 1280px) {
  .bt_line_box_link {
    font-size: 16px;
    width: 420px;
    float: left;
  }
}
/*下部LINEリンクボックスリンクロールオーバー*/
.bt_line_box_link:hover {
  transition: 0.2s ease-in-out;
  filter: alpha(opacity=60);
  opacity: 0.6;
}

/*フッター前バナーボックス*/
.bt_intro_img_ul {
  box-sizing: border-box;
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-left: 16px;
  padding-right: 16px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .bt_intro_img_ul {
    padding-left: 24px;
    padding-right: 24px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 1320px) {
  .bt_intro_img_ul {
    width: 1280px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 48px;
  }
}
/*フッター前バナーボックス画像サイズ調整*/
.bt_intro_img_li {
  transition: 0.2s ease-in-out;
  box-sizing: border-box;
  width: 48%;
  margin-bottom: 16px;
}
@media screen and (min-width: 420px) and (max-width: 820px) {
  .bt_intro_img_li {
    width: 31%;
  }
}
@media screen and (min-width: 821px) and (max-width: 1023px) {
  .bt_intro_img_li {
    width: 23%;
  }
}
@media screen and (min-width: 1024px) {
  .bt_intro_img_li {
    width: 18%;
  }
}
/*フッター前バナーボックス画像ロールオーバー*/
.bt_intro_img_li:hover {
  transition: 0.2s ease-in-out;
  filter: alpha(opacity=60);
  opacity: 0.6;
}
/*フッター前バナーボックス画像サイズ調整*/
.bt_intro_img_li a img {
  box-sizing: border-box;
  width: 100%;
  border-radius: 6px;
  border: 1px #eeeeee solid;
}
/*フッター*/
#footer_info_box {
  box-sizing: border-box;
  width: 100%;
  padding-top: 80px;
  padding-bottom: 40px;
}
/*フッターコンテンツボックス*/
#footer_info_box_in {
  width: 100%;
}
@media screen and (min-width: 1320px) {
  #footer_info_box_in {
    width: 1280px;
    margin-left: auto;
    margin-right: auto;
  }
}
/*フッターロゴ*/
#footer_info_box_img {
  box-sizing: border-box;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 160px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  #footer_info_box_img {
    width: 200px;
  }
}
@media screen and (min-width: 1320px) {
  #footer_info_box_img {
    width: 240px;
  }
}
/*フッターテキスト*/
footer {
  background-color: #fff;
}

.footer_info_box_text_01 {
  font-weight: 700;
  margin-top: 16px;
  margin-left: 16px;
  margin-right: 16px;
  font-size: 14px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .footer_info_box_text_01 {
    text-align: center;
    margin-left: 24px;
    margin-right: 24px;
    font-size: 16px;
  }
}
@media screen and (min-width: 1320px) {
  .footer_info_box_text_01 {
    width: 740px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 20px;
  }
}
/*フッターテキスト*/
.footer_info_box_text_02 {
  margin-left: 16px;
  margin-right: 16px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .footer_info_box_text_02 {
    margin-left: auto;
    margin-right: auto;
    width: 580px;
  }
}
@media screen and (min-width: 1320px) {
  .footer_info_box_text_02 {
    margin-left: auto;
    margin-right: auto;
    width: 740px;
  }
}
/*フッターテキスト問い合わせボタン*/
#footer_info_box_btn {
  transition: 0.2s ease-in-out;
  display: block;
  font-weight: 700;
  background-color: #0082cd;
  color: #fff;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 32px;
  border-radius: 4px;
  padding-top: 16px;
  padding-bottom: 16px;
  width: 300px;
  font-size: 14px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  #footer_info_box_btn {
    width: 380px;
    font-size: 14px;
  }
}
@media screen and (min-width: 1320px) {
  #footer_info_box_btn {
    width: 400px;
    font-size: 16px;
  }
}
/*フッターテキスト問い合わせボタンロールオーバー*/
#footer_info_box_btn:hover {
  transition: 0.2s ease-in-out;
  filter: alpha(opacity=60);
  opacity: 0.6;
}
/*フッターコンテンツボックス*/
@media screen and (min-width: 1320px) {
  #footer_cont_box_in {
    width: 1280px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 24px;
    margin-bottom: 48px;
    display: flex;
    justify-content: space-between;
  }
}
/*フッターコンテンツリストボックス*/
.footer_cont_list {
  box-sizing: border-box;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
}
@media screen and (min-width: 1320px) {
  .footer_cont_list {
    padding-top: 16px;
    padding-bottom: 16px;
    width: 31%;
  }
}
/*フッターコンテンツリストボックス見出し*/
.footer_cont_list_text {
  font-weight: 700;
}
@media screen and (max-width: 1319px) {
  .footer_cont_list_text {
    background-color: #eeeeee;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
    border-top: 1px #dddddd solid;
  }
}
/*フッターコンテンツテキストリストボックス_左*/
.footer_cont_list_ul_01 {
  box-sizing: border-box;
}
@media screen and (max-width: 1319px) {
  .footer_cont_list_ul_01 {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
    border-top: 1px #dddddd solid;
  }
}
/*フッターコンテンツテキストリスト_左*/
.footer_cont_list_li_01 {
  line-height: 220%;
}
.footer_cont_list_li_01 a {
  line-height: 220%;
  color: #222;
}
/*フッターコンテンツテキストリストボックス_中*/
.footer_cont_list_ul_02 {
  box-sizing: border-box;
}
@media screen and (max-width: 1319px) {
  .footer_cont_list_ul_02 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 1320px) {
  .footer_cont_list_ul_02 {
    padding-top: 8px;
  }
}
/*フッターコンテンツテキストリスト_中*/
.footer_cont_list_li_02 {
  box-sizing: border-box;
}
@media screen and (max-width: 1319px) {
  .footer_cont_list_li_02 {
    width: 50%;
  }
}
/*フッターコンテンツテキストリスト_中*/
.footer_cont_list_li_02 a {
  box-sizing: border-box;
  position: relative;
}
@media screen and (max-width: 1319px) {
  .footer_cont_list_li_02 a {
    display: block;
    padding-left: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-top: 1px #ddd solid;
  }

  .footer_cont_list_li_02:nth-child(odd) {
    border-right: 1px solid #dddddd; /* 奇数の要素に border-right を指定 */
  }
}
@media screen and (min-width: 1320px) {
  .footer_cont_list_li_02 a {
    line-height: 220%;
    color: #222;
  }
}
/**フッターコンテンツテキストリストボックス_右*/
.footer_cont_list_ul_03 {
  box-sizing: border-box;
}
@media screen and (min-width: 1320px) {
  .footer_cont_list_ul_03 {
    padding-top: 8px;
  }
}
/*フッターコンテンツテキストリスト_右*/
.footer_cont_list_li_03 {
  line-height: 220%;
}
/*フッターコンテンツテキストリスト_右*/
.footer_cont_list_li_03 a {
  line-height: 220%;
  color: #222;
  position: relative;
}
@media screen and (max-width: 1319px) {
  .footer_cont_list_li_03 a {
    display: block;
    padding-left: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-top: 1px #ddd solid;
  }
}
/*フッターコンテンツテキストリスト_アイコン*/
.footer_cont_list_li_02 a::after,
.footer_cont_list_li_03 a::after {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  position: absolute;
  font-size: 10px;
}
@media screen and (max-width: 1319px) {
  .footer_cont_list_li_02 a::after,
  .footer_cont_list_li_03 a::after {
    right: 16px;
  }
}
@media screen and (min-width: 1320px) {
  .footer_cont_list_li_02 a::after,
  .footer_cont_list_li_03 a::after {
    margin-left: 8px;
  }
}
/*フッターコンテンツテキストリスト_アイコンロールオーバー*/
.footer_cont_list_li_02 a:hover,
.footer_cont_list_li_03 a:hover {
  text-decoration: underline;
}
/*コピーライト*/
#copyright {
  box-sizing: border-box;
  color: #fff;
  text-align: center;
  background-image: url(../img/footer_text_03_bg.png), url(../img/footer_bg.jpg);
  background-repeat: no-repeat;
  background-size: 80px 140px, cover;
  background-position: center 100px, center center;
  width: 100%;
  padding-top: 24px;
  padding-bottom: 300px;
}
@media screen and (min-width: 768px) {
  #copyright {
    padding-top: 40px;
    padding-bottom: 240px;
  }
}
/*****トップページ*/
/*トップページｈ1*/
#top_h1 {
  text-align: center;
  margin-top: 24px;
  font-size: 16px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  #top_h1 {
    font-size: 24px;
  }
}
@media screen and (min-width: 1320px) {
  #top_h1 {
    font-size: 28px;
  }
}
/*トップページｈ1下テキスト*/
#top_h1_sub {
  font-weight: 700;
  text-align: center;
  font-size: 16px;
  margin-top: 8px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  #top_h1_sub {
    font-size: 24px;
  }
}
@media screen and (min-width: 1320px) {
  #top_h1_sub {
    font-size: 28px;
  }
}
/*トップページメインビジュアル*/
#top_main_vs {
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  margin-top: 24px;
  margin-bottom: 64px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  #top_main_vs {
    margin-bottom: 80px;
  }
}
@media screen and (min-width: 1320px) {
  #top_main_vs {
    margin-bottom: 120px;
    width: 1280px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
/*トップページメインビジュアル画像ボックス*/
#top_main_img_box {
  box-sizing: border-box;
  display: block;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 767px) {
  #top_main_img_box {
    padding-left: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  #top_main_img_box {
    width: 100%;
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 1320px) {
  #top_main_img_box {
    width: 880px;
  }
}
/*トップページメインビジュアル画像サイズ*/
#top_main_img_box img {
  box-sizing: border-box;
  display: block;
  width: 100%;
}
@media screen and (max-width: 767px) {
  #top_main_img_box img {
    box-shadow: 0px 4px 8px 0px #ddd;
  }
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  #top_main_img_box img {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media screen and (min-width: 1320px) {
  #top_main_img_box img {
    border-radius: 24px;
  }
}
/*トップページメインビジュアル画像サイズ*/
#top_main_img_box_text {
  background-color: rgba(255, 255, 255, 0.7);
  position: absolute;
  z-index: 1;
  border-radius: 8px;
  font-size: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 24px;
  padding-right: 24px;
  bottom: 12px;
  left: 24px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  #top_main_img_box_text {
    font-size: 24px;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 48px;
    padding-right: 24px;
    bottom: 24px;
    left: 48px;
  }
}
@media screen and (min-width: 1320px) {
  #top_main_img_box_text {
    font-size: 32px;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 32px;
    padding-right: 32px;
    bottom: 24px;
    left: 24px;
  }
}
/*トップページメインビジュアルテキストボックス*/
#top_main_vs_text_box {
  box-sizing: border-box;
  width: 100%;
  padding-top: 24px;
  padding-left: 16px;
  padding-right: 16px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  #top_main_vs_text_box {
    padding-top: 32px;
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media screen and (min-width: 1320px) {
  #top_main_vs_text_box {
    width: 480px;
    margin-left: -200px;
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative;
    z-index: 1;
  }
}
/*トップページメインビジュアルテキスト01*/
#top_main_vs_text_box_text_01 {
  text-shadow: 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff,
    0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff,
    0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff,
    0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff;
  font-size: 16px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  #top_main_vs_text_box_text_01 {
    font-size: 24px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 1320px) {
  #top_main_vs_text_box_text_01 {
    font-size: 26px;
  }
}
/*トップページメインビジュアルテキスト02*/
#top_main_vs_text_box_text_02 {
  line-height: 220%;
  margin-top: 8px;
  text-shadow: 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff,
    0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff,
    0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff,
    0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  #top_main_vs_text_box_text_02 {
    font-size: 20px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 1320px) {
  #top_main_vs_text_box_text_02 {
    font-size: 16px;
  }
}
/*トップコンテンツ　STキューブの特徴コンテンツボックス*/
#top_cont_01 {
  box-sizing: border-box;
  padding-left: 16px;
  padding-right: 16px;
  margin-bottom: 64px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  #top_cont_01 {
    padding-left: 24px;
    padding-right: 24px;
    margin-bottom: 80px;
  }
}
@media screen and (min-width: 1320px) {
  #top_cont_01 {
    padding-left: 0px;
    padding-right: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 80px;
    width: 1280px;
  }
}
/*トップコンテンツ　コンテンツ毎ｈ2見出し*/
.top_cont_h2_01 {
  font-size: 14px;
  margin-bottom: 8px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .top_cont_h2_01 {
    font-size: 16px;
    margin-bottom: 12px;
  }
}
@media screen and (min-width: 1320px) {
  .top_cont_h2_01 {
    font-size: 20px;
    margin-bottom: 12px;
  }
}
/*トップコンテンツ　h2特徴　疑似要素*/
#top_cont_h2_01_features::before {
  content: "features";
  font-size: 20px;
  margin-right: 8px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  #top_cont_h2_01_features::before {
    font-size: 28px;
    margin-right: 12px;
  }
}
@media screen and (min-width: 1320px) {
  #top_cont_h2_01_features::before {
    font-size: 32px;
    margin-right: 14px;
  }
}
/*トップコンテンツ　h2写真ギャラリー　疑似要素*/
#top_cont_h2_01_photo::before {
  content: "photo gallery";
  font-size: 20px;
  margin-right: 8px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  #top_cont_h2_01_photo::before {
    font-size: 28px;
    margin-right: 12px;
  }
}
@media screen and (min-width: 1320px) {
  #top_cont_h2_01_photo::before {
    font-size: 32px;
    margin-right: 14px;
  }
}
/*トップコンテンツ　h2ニュース　疑似要素*/
#top_cont_h2_01_information::before {
  content: "information";
  font-size: 20px;
  margin-right: 8px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  #top_cont_h2_01_information::before {
    font-size: 28px;
    margin-right: 12px;
  }
}
@media screen and (min-width: 1320px) {
  #top_cont_h2_01_information::before {
    font-size: 32px;
    margin-right: 14px;
  }
}
/*トップコンテンツ　h2空室　疑似要素*/
#top_cont_h2_01_availability::before {
  content: "availability";
  font-size: 20px;
  margin-right: 8px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  #top_cont_h2_01_availability::before {
    font-size: 28px;
    margin-right: 12px;
  }
}
@media screen and (min-width: 1320px) {
  #top_cont_h2_01_availability::before {
    font-size: 32px;
    margin-right: 14px;
  }
}
/*トップコンテンツ　h2建物概要 疑似要素*/
#top_cont_h2_01_outline::before {
  content: "outline";
  font-size: 20px;
  margin-right: 8px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  #top_cont_h2_01_outline::before {
    font-size: 28px;
    margin-right: 12px;
  }
}
@media screen and (min-width: 1320px) {
  #top_cont_h2_01_outline::before {
    font-size: 32px;
    margin-right: 14px;
  }
}
/*トップコンテンツ　h2契約条件 疑似要素*/
#top_cont_h2_01_contract::before {
  content: "contract terms";
  font-size: 20px;
  margin-right: 8px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  #top_cont_h2_01_contract::before {
    font-size: 28px;
    margin-right: 12px;
  }
}
@media screen and (min-width: 1320px) {
  #top_cont_h2_01_contract::before {
    font-size: 32px;
    margin-right: 14px;
  }
}
/*トップコンテンツ　STキューブの特徴ボックス*/
.top_cont_01_box {
  box-sizing: border-box;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .top_cont_01_box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: -16px;
  }
}
@media screen and (min-width: 1320px) {
  .top_cont_01_box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
/*トップコンテンツ　STキューブの特徴ボックス*/
.top_cont_01_bg_01,
.top_cont_01_bg_02,
.top_cont_01_bg_03,
.top_cont_01_bg_04 {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 220px;
  margin-bottom: 16px;
  border-radius: 6px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .top_cont_01_bg_01,
  .top_cont_01_bg_02,
  .top_cont_01_bg_03,
  .top_cont_01_bg_04 {
    width: 48.5%;
    height: 300px;
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 1320px) {
  .top_cont_01_bg_01,
  .top_cont_01_bg_02,
  .top_cont_01_bg_03,
  .top_cont_01_bg_04 {
    width: 624px;
    height: 340px;
    margin-bottom: 32px;
  }
}
/*トップコンテンツ　食事サービス背景画像*/
.top_cont_01_bg_01:after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  background-size: cover;
  transition: all 0.3s ease-out;
  background-image: url(../img/top_cont_01_bg_01.jpg);
  background-repeat: no-repeat;
  background-position: center center;
}
/*トップコンテンツ　ロケーション背景画像*/
.top_cont_01_bg_02:after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  background-size: cover;
  transition: all 0.3s ease-out;
  background-image: url(../img/top_cont_01_bg_02.jpg);
  background-repeat: no-repeat;
  background-position: center center;
}
/*トップコンテンツ　間取・設備背景画像*/
.top_cont_01_bg_03:after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  background-size: cover;
  transition: all 0.3s ease-out;
  background-image: url(../img/top_cont_01_bg_03.jpg);
  background-repeat: no-repeat;
  background-position: center center;
}
/*トップコンテンツ　セキュリティ背景画像*/
.top_cont_01_bg_04:after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  background-size: cover;
  transition: all 0.3s ease-out;
  background-image: url(../img/top_cont_01_bg_04.jpg);
  background-repeat: no-repeat;
  background-position: center center;
}
/*トップコンテンツ　各特長背景画像ロールオーバー*/
.top_cont_01_bg_01:hover:after,
.top_cont_01_bg_02:hover:after,
.top_cont_01_bg_03:hover:after,
.top_cont_01_bg_04:hover:after {
  opacity: 0.5;
  transform: scale(1.1);
}
/*トップコンテンツ　STキューブの特徴ボックス背景画像*/
.top_cont_01_in {
  box-sizing: border-box;
  z-index: 1;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .top_cont_01_in {
    height: 300px;
  }
}
@media screen and (min-width: 1320px) {
  .top_cont_01_in {
    height: 340px;
  }
}
/*トップコンテンツ　各特長テキストボックス*/
.top_cont_01_in_text_box {
  box-sizing: border-box;
  background-color: rgba(255, 255, 255, 0.5);
  padding-top: 24px;
  padding-right: 24px;
  padding-left: 24px;
  height: 220px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .top_cont_01_in_text_box {
    padding-top: 40px;
    height: 300px;
  }
}
@media screen and (min-width: 1320px) {
  .top_cont_01_in_text_box {
    padding-top: 72px;
    padding-right: 80px;
    padding-left: 54px;
    height: 340px;
  }
}
/*トップコンテンツ　各特長テキストボックス見出し*/
.top_cont_01_in_h4 {
  text-shadow: 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff,
    0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff,
    0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff;
  font-size: 18px;
  margin-bottom: 8px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .top_cont_01_in_h4 {
    font-size: 24px;
    margin-bottom: 8px;
  }
}
@media screen and (min-width: 1320px) {
  .top_cont_01_in_h4 {
    font-size: 28px;
    margin-bottom: 8px;
  }
}
/*トップコンテンツ　各特長テキストボックス見出し補足*/
.top_cont_01_in_text_01 {
  text-shadow: 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff,
    0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff,
    0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff;
  font-size: 14px;
  margin-bottom: 8px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .top_cont_01_in_text_01 {
    font-size: 18px;
    margin-bottom: 8px;
  }
}
@media screen and (min-width: 1320px) {
  .top_cont_01_in_text_01 {
    font-size: 20px;
    margin-bottom: 8px;
  }
}
/*トップコンテンツ　各特長テキストボックス本文*/
.top_cont_01_in_text_02 {
  text-shadow: 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff,
    0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff,
    0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff;
  font-size: 12px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .top_cont_01_in_text_02 {
    font-size: 14px;
  }
}
@media screen and (min-width: 1320px) {
  .top_cont_01_in_text_02 {
    font-size: 16px;
  }
}
/****トップコンテンツ　写真ギャラリー*/
/*トップコンテンツ　写真ギャラリーラッパー*/
#top_cont_02 {
  box-sizing: border-box;
  padding-left: 16px;
  padding-right: 16px;
  margin-bottom: 64px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  #top_cont_02 {
    padding-left: 24px;
    padding-right: 24px;
    margin-bottom: 80px;
  }
}
@media screen and (min-width: 1320px) {
  #top_cont_02 {
    padding-left: 0px;
    padding-right: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 120px;
    width: 1280px;
  }
}
/*トップコンテンツ　写真ギャラリースライダーボックス*/
#top_slider_01 {
  box-sizing: border-box;
}
@media screen and (min-width: 1320px) {
  #top_slider_01 {
    width: 1280px;
    margin-left: auto;
    margin-right: auto;
  }
}
/*トップコンテンツ　写真ギャラリースライダー*/
.top_slider_01_in {
  box-sizing: border-box;
  position: relative;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .top_slider_01_in {
    margin-left: 16px;
    margin-right: 16px;
  }
}
@media screen and (min-width: 1320px) {
  .top_slider_01_in {
    margin-left: 16px;
    margin-right: 16px;
  }
}
.top_slider_01_img {
  box-sizing: border-box;
  display: block;
  width: 100%;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .top_slider_01_img {
    width: 100%;
    max-width: 488px;
  }
}
/*トップコンテンツ　写真ギャラリースライダー補足テキスト*/
.top_slider_01_text {
  box-sizing: border-box;
  position: absolute;
  bottom: 0px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
  text-align: center;
  padding-top: 4px;
  padding-bottom: 4px;
}
/*トップコンテンツ　写真ギャラリーリンクボックス*/
#top_cont_02_text_box {
  box-sizing: border-box;
  background-color: #f8f8f8;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 24px;
  padding-bottom: 32px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  #top_cont_02_text_box {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 24px;
    padding-bottom: 32px;
  }
}
@media screen and (min-width: 1320px) {
  #top_cont_02_text_box {
    height: 120px;
    display: flex;
    align-items: center;
    padding-left: 94px;
  }
}
/*トップコンテンツ　写真ギャラリーリンクボックステキスト*/
.top_cont_02_text_box_text {
  position: relative;
  text-align: center;
  font-size: 12px;
  margin-bottom: 16px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .top_cont_02_text_box_text {
    font-size: 16px;
  }
}
@media screen and (min-width: 1320px) {
  .top_cont_02_text_box_text {
    font-size: 16px;
    margin-left: 24px;
    margin-right: 40px;
    text-align: left;
    margin-bottom: 0px;
  }
}
/*トップコンテンツ　写真ギャラリーリンクボックステキストアイコン*/
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .top_cont_02_text_box_text::after {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    position: absolute;
    margin-left: 8px;
  }
}
@media screen and (min-width: 1320px) {
  .top_cont_02_text_box_text::after {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    position: absolute;
    margin-left: 8px;
    margin-bottom: 0px;
  }
}
/*トップコンテンツ　写真ギャラリーリンクボックスリンク*/
.top_cont_02_text_box_link {
  box-sizing: border-box;
  display: block;
  background-color: #0082cd;
  text-align: center;
  color: #fff;
  font-size: 14px;
  width: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
  border-radius: 6px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .top_cont_02_text_box_link {
    font-size: 16px;
    width: 480px;
    padding-top: 16px;
    padding-bottom: 16px;
    border-radius: 6px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 1320px) {
  .top_cont_02_text_box_link {
    font-size: 16px;
    width: 400px;
    padding-top: 16px;
    padding-bottom: 16px;
    border-radius: 6px;
  }
}
/*トップコンテンツ　写真ギャラリーリンクボックスリンクアイコン*/
.top_cont_02_text_box_link::after {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  position: absolute;
  margin-left: 16px;
}
.top_cont_02_text_box_link:hover {
  filter: alpha(opacity=60);
  opacity: 0.6;
}
/****トップコンテンツ　ニュース・空室ラッパー*/
#top_cont_03 {
  box-sizing: border-box;
  padding-left: 16px;
  padding-right: 16px;
  margin-bottom: 64px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  #top_cont_03 {
    padding-left: 24px;
    padding-right: 24px;
    margin-bottom: 80px;
  }
}
@media screen and (min-width: 1320px) {
  #top_cont_03 {
    padding-left: 0px;
    padding-right: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 120px;
    width: 1280px;
    display: flex;
    justify-content: space-between;
  }
}
/****トップコンテンツ　ニュースコンテナ*/
#top_info_cont {
  box-sizing: border-box;
  margin-bottom: 64px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  #top_info_cont {
    margin-bottom: 80px;
  }
}
@media screen and (min-width: 1320px) {
  #top_info_cont {
    margin-bottom: 0px;
    width: 48.5%;
  }
}
/*トップコンテンツ　ニュースボックス*/
#top_info_box {
  box-sizing: border-box;
  border: 1px #ddd solid;
  border-radius: 6px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 24px;
  padding-bottom: 16px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  #top_info_box {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 24px;
    padding-bottom: 16px;
  }
}
@media screen and (min-width: 1319px) {
  #top_info_box {
    padding-left: 32px;
    padding-right: 32px;
    padding-top: 32px;
    padding-bottom: 24px;
  }
}
/*トップコンテンツ　ニュースアイテムボックス*/
.top_info_block {
  box-sizing: border-box;
  border-bottom: 1px #ddd solid;
  padding-bottom: 8px;
  margin-bottom: 16px;
}
/*トップコンテンツ　ニュース日付*/
.top_info_text_date {
  box-sizing: border-box;
  background-color: #222;
  border-radius: 6px;
  color: #fff;
  padding-left: 12px;
  padding-top: 4px;
  padding-bottom: 4px;
  margin-bottom: 8px;
  width: 88px;
}
@media screen and (min-width: 768px) {
  .top_info_text_date {
    width: 106px;
  }
}
/*トップコンテンツ　ニュース見出し*/
.top_info_h3,
.top_info_h3 a {
  font-weight: 700;
}
/*トップコンテンツ　ニュース見出しロールオーバー*/
.top_info_h3 a:hover {
  font-weight: 700;
  text-decoration: underline;
}
/*トップコンテンツ　ニュース本文*/
  .top_info_text {
    margin-top: 4px;

  }

.top_info_text_link {
  color: #0082cd;
  margin-top: 8px;
  margin-bottom: 8px;
  display: block;
}
.top_info_text_link:hover {
  text-decoration: underline;
}
/****トップコンテンツ　空室状況コンテナ*/
#top_status_cont {
  box-sizing: border-box;
  margin-bottom: 64px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  #top_status_cont {
    margin-bottom: 80px;
  }
}
@media screen and (min-width: 1320px) {
  #top_status_cont {
    margin-bottom: 0px;
    width: 48.5%;
  }
}
/*トップコンテンツ　空室状況ボックス*/
#top_status_box {
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 24px;
  padding-bottom: 16px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  #top_status_box {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 24px;
    padding-bottom: 16px;
  }
}
@media screen and (min-width: 1319px) {
  #top_status_box {
    padding-left: 32px;
    padding-right: 32px;
    padding-top: 32px;
    padding-bottom: 24px;
  }
}
/*トップコンテンツ　空室状況アイテムボックス*/
.top_status_block {
  box-sizing: border-box;
  position: relative;
  border-bottom: 1px #ccc solid;
  padding-bottom: 8px;
  margin-bottom: 16px;
}
/*トップコンテンツ　空室状況部屋番号*/
.top_status_h3 {
  font-weight: 700;
  font-size: 1.1em
}
/*トップコンテンツ　空室状況共益費と礼金を改行する（768px以上で適用）*/
@media screen and (max-width: 767px) {
  .top_status_text_rent {
    display: block;
  }
}
/*トップコンテンツ　空室状況共益費と礼金の間にスラッシュの疑似要素（768px以上で適用）*/
@media screen and (min-width: 768px) {
  .top_status_text_rent::after {
    content: "/";
    margin-left: 12px;
    margin-right: 12px;
  }
}
/*トップコンテンツ　空室状況間取り図拡大リンクボタン*/
.top_status_link {
  transition: 0.2s ease-in-out;
  box-sizing: border-box;
  display: block;
  border-radius: 8px;
  background-color: #0082cd;
  position: absolute;
  right: 0px;
  bottom: 12px;
  color: #fff;
  width: 60px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
}
@media screen and (min-width: 1320px) {
  .top_status_link {
    width: 74px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
  }
}
/*トップコンテンツ　空室状況間取り図拡大リンクボタンロールオーバー*/
.top_status_link:hover {
  transition: 0.2s ease-in-out;
  filter: alpha(opacity=60);
  opacity: 0.6;
}
/*トップコンテンツ　空室状況バナーボックス*/
#top_status_img_block {
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  #top_status_img_block {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
  }
}
.top_status_box_text {
  font-size: 1.2em;
  margin-bottom: 8px;
}
.top_status_box_link {
  display: block;
  background-color: #0082cd;
  color: #fff;
  text-align: center;
  border-radius: 8px;
  margin-top: 24px;
  margin-bottom: 8px;
  padding: 12px 0px 12px 0px;
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .top_status_box_link {
    font-size: 18px;
  }
}
.top_status_box_link:hover {
  filter: alpha(opacity=60);
  opacity: 0.6;
}
/*トップコンテンツ　空室状況バナーボックス画像*/
.top_status_img_block_img {
  box-sizing: border-box;
  display: block;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 12px;
}
@media screen and (min-width: 768px) {
  .top_status_img_block_img {
    width: 32%;
    margin-bottom: 0px;
  }
}
.top_status_img_block_img img {
  box-sizing: border-box;
  border-radius: 6px;
  width: 100%;
}
.top_status_text_01 {
  font-weight: 700;
}
/*トップコンテンツ　空室状況満室テキスト*/
.top_status_no_vacancy {
  font-size: 1.2em;
}
/****トップコンテンツ　建物概要・契約条件ラッパー*/
#top_cont_04 {
  box-sizing: border-box;
  padding-left: 16px;
  padding-right: 16px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  #top_cont_04 {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media screen and (min-width: 1320px) {
  #top_cont_04 {
    padding-left: 0px;
    padding-right: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 1280px;
    display: flex;
    justify-content: space-between;
  }
}
/*トップコンテンツ　建物概要コンテナ*/
#top_ol_cont {
  box-sizing: border-box;
}
@media screen and (min-width: 1320px) {
  #top_ol_cont {
    width: 48.5%;
  }
}
/****トップコンテンツ　契約条件コンテナ*/
#top_rent_cont {
  box-sizing: border-box;
  margin-top: 64px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  #top_rent_cont {
    margin-top: 80px;
  }
}
@media screen and (min-width: 1320px) {
  #top_rent_cont {
    width: 48.5%;
    margin-top: 0px;
  }
}
/*トップコンテンツ　建物概要・契約条件テーブルボックス*/
.top_table {
  box-sizing: border-box;
  border-radius: 6px;
  border-top: 1px #ddd solid;
  border-right: 1px #ddd solid;
  border-left: 1px #ddd solid;
}
@media screen and (min-width: 768px) {
  .top_table {
    border-right: 1px #ddd solid;
    border-left: 1px #ddd solid;
  }
}
/*トップコンテンツ　建物概要・契約条件テーブル行*/
.top_table_tr {
  box-sizing: border-box;
  border-bottom: 1px #ccc solid;
}
@media screen and (min-width: 768px) {
  .top_table_tr {
    display: flex;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ccc;
  }
}
/*トップコンテンツ　建物概要・契約条件テーブル見出し*/
.top_table_th {
  box-sizing: border-box;
  background-color: #f8f8f8;
  font-weight: 700;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 16px;
  border-bottom: 1px #ddd solid;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .top_table_th {
    width: 22%;
    max-width: 140px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    padding-left: 16px;
    border-bottom: none;
    border-right: 1px #ddd solid;
  }
}
@media screen and (min-width: 1320px) {
  .top_table_th {
    width: 22%;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    border-bottom: none;
    border-right: 1px #ddd solid;
  }
}
/*トップコンテンツ　建物概要・契約条件テーブル詳細*/
.top_table_td {
  box-sizing: border-box;
  padding-top: 8px;
  padding-bottom: 12px;
  padding-left: 16px;
  padding-right: 16px;
}
@media screen and (min-width: 768px) {
  .top_table_td {
    width: 78%;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
  }
}
/*次のコンテンツ誘導ラッパー*/
#next_cont_wp_top {
  transition: 0.2s ease-in-out;
  box-sizing: border-box;
  padding-top: 40px;
  padding-bottom: 40px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  #next_cont_wp_top {
    padding-bottom: 80px;
  }
}
@media screen and (min-width: 1320px) {
  #next_cont_wp_top {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
#next_cont_wp {
  transition: 0.2s ease-in-out;
  box-sizing: border-box;
  padding-top: 120px;
  padding-bottom: 120px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  #next_cont_wp {
    padding-bottom: 120px;
  }
}
@media screen and (min-width: 1320px) {
  #next_cont_wp {
    padding-top: 240px;
    padding-bottom: 240px;
  }
}
/*次のコンテンツ誘導ラッパークラス追加*/
#next_cont_wp.add_02 {
  transition: 0.2s ease-in-out;
  background-color: rgba(255, 255, 255, 0.5);
}
/*次のコンテンツ誘導ボックスのいるか画像*/
.heyairuka_img_01 {
  box-sizing: border-box;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 160px;
  margin-bottom: -9px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .heyairuka_img_01 {
    width: 180px;
    margin-bottom: -10px;
  }
}
@media screen and (min-width: 1320px) {
  .heyairuka_img_01 {
    width: 220px;
    margin-bottom: -12px;
  }
}
/*次のコンテンツ誘導ボックス*/
#next_cont_box {
  box-sizing: border-box;
  background-color: aliceblue;
  border-radius: 6px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0px 2px 4px #ccc;
  width: 90%;
  max-width: 480px;
  padding: 16px 24px 32px 24px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  #next_cont_box {
    max-width: 680px;
    padding: 24px 32px 40px 32px;
  }
}
@media screen and (min-width: 1320px) {
  #next_cont_box {
    max-width: 740px;
    width: 740px;
    border-radius: 6px;
    padding: 24px 40px 40px 40px;
  }
}
/*次のコンテンツ誘導ボックス　見出し*/
#next_cont_box_h2 {
  text-align: center;
  width: 100%;
  font-size: 14px;
  margin-bottom: 16px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  #next_cont_box_h2 {
    font-size: 16px;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1320px) {
  #next_cont_box_h2 {
    font-size: 20px;
    margin-bottom: 24px;
  }
}
/*次のコンテンツ誘導ボックス　リンクのアイコン*/
.next_cont_box_link_span {
  background-color: #fff;
  color: #0082cd;
  border-radius: 24px;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 2px;
  margin-right: 8px;
}
@media screen and (min-width: 1320px) {
  .next_cont_box_link_span {
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 4px;
    margin-right: 12px;
  }
}
/*次のコンテンツ誘導ボックス　リンクボタン*/
.next_cont_box_link_top {
  transition: 0.2s ease-in-out;
  box-sizing: border-box;
  display: block;
  background-color: #0082cd;
  border-radius: 4px;
  color: #fff;
  text-align: center;
  width: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 14px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .next_cont_box_link_top {
    padding-top: 18px;
    padding-bottom: 18px;
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 18px;
  }
}
@media screen and (min-width: 1320px) {
  .next_cont_box_link_top {
    padding-top: 18px;
    padding-bottom: 18px;
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 20px;
  }
}
/*次のコンテンツ誘導ボックス　リンクボタンロールオーバー*/
.next_cont_box_link_back:hover,
.next_cont_box_link_next:hover,
.next_cont_box_link_iq:hover,
.next_cont_box_link_top:hover {
  transition: 0.2s ease-in-out;
  filter: alpha(opacity=60);
  opacity: 0.6;
}
/*パンスズリスト*/
#breadcrumbs {
  box-sizing: border-box;
  display: flex;
  background-color: #fff;
  border-radius: 8px 8px 0px 0px;
  padding-left: 16px;
  padding-top: 16px;
  margin-left: 16px;
  margin-right: 16px;
  margin-top: -136px;
  height: 56px;
  box-shadow: 0px -2px 3px 0px #ddd;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  #breadcrumbs {
    padding-left: 40px;
    padding-top: 24px;
    margin-left: 40px;
    margin-right: 40px;
    margin-top: -72px;
    height: 72px;
  }
}
@media screen and (min-width: 1320px) {
  #breadcrumbs {
    padding-left: 40px;
    padding-top: 24px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -72px;
    height: 72px;
    width: 980px;
  }
}
/*パンスズリストリスト*/
@media screen and (min-width: 768px) {
  .breadcrumbs_li {
    font-size: 16px;
  }
}
/*パンスズリスト　リンクロール*/
.breadcrumbs_li a {
  color: #0082cd;
}
@media screen and (min-width: 768px) {
  .breadcrumbs_li a {
    font-size: 16px;
  }
}
/*パンスズリスト　リンクロールオーバー*/
.breadcrumbs_li a:hover {
  color: #ff8600;
}
/*パンスズリスト　矢印アイコン*/
.breadcrumbs_li a::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  content: "\f138";
  margin-left: 8px;
  margin-right: 8px;
}
@media screen and (min-width: 768px) {
  .breadcrumbs_li a::after {
    margin-left: 16px;
    margin-right: 16px;
  }
}
/*各コンテンツメインビジュアルラッパー*/
.cont_h1_wp {
  box-sizing: border-box;
  display: flex;
  position: fixed;
  align-items: center;
  justify-content: center;
  z-index: -1;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

/*コンテンツ食事 背景画像*/
#cont_h1_wp_meal {
  transition: 0.2s ease-in-out;
  background-image: url("../img/h1_bg_meal.jpg");
}
@media screen and (max-width: 767px) {
  #cont_h1_wp_meal {
    background-position: center center;
  }
}
/*コンテンツ食事 背景画像スクロール変更*/
#cont_h1_wp_meal.add {
  transition: 0.5s ease-in-out;
  background-image: url("../img/h1_bg_meal_add.jpg");
  background-position: center center;
}
/*コンテンツ食事 背景画像スクロール変更*/
#cont_h1_wp_meal.add_02 {
  transition: 0.5s ease-in-out;
  background-image: url("../img/h1_bg_plan.jpg");
  background-position: center center;
}
/*コンテンツ間取り 背景画像*/
#cont_h1_wp_plan {
  background-image: url("../img/h1_bg_plan.jpg");
}
/*コンテンツ間取り 背景画像スクロール変更*/
#cont_h1_wp_plan.add {
  background-image: url("../img/h1_bg_loc.jpg");
}
/*コンテンツ周辺環境 背景画像*/
#cont_h1_wp_loc {
  background-image: url("../img/h1_bg_loc.jpg");
  background-position: top center;
}
/*コンテンツ周辺環境 背景画像スクロール変更*/
#cont_h1_wp_loc.add {
  background-image: url("../img/h1_bg_sc.jpg");
  background-position: center center;
}
/*コンテンツセキュリティ 背景画像*/
#cont_h1_wp_sc {
  background-image: url("../img/h1_bg_sc.jpg");
  background-position: center center;
}
/*コンテンツセキュリティ 背景画像スクロール変更*/
#cont_h1_wp_sc.add {
  background-image: url("../img/h1_bg_bp.jpg");
  background-position: left -110px top;
}
@media screen and (min-width: 1320px) {
  #cont_h1_wp_sc.add {
    background-position: left top;
  }
}
/*コンテンツ合格前予約 背景画像*/
#cont_h1_wp_bp {
  background-image: url("../img/h1_bg_bp.jpg");
  background-position: left -110px top;
}
@media screen and (min-width: 1320px) {
  #cont_h1_wp_bp {
    background-position: left top;
  }
}
/*コンテンツ合格前予約 背景画像スクロール変更*/
#cont_h1_wp_bp.add {
  background-image: url("../img/h1_bg_shop.jpg");
  background-position: center center;
}
/*コンテンツ店舗情報 背景画像*/
#cont_h1_wp_shop {
  background-image: url("../img/h1_bg_shop.jpg");
  background-position: top center;
}
/*コンテンツ店舗情報 背景画像スクロール変更*/
#cont_h1_wp_shop.add {
  background-image: url("../img/h1_bg_shop_02.jpg");
  background-position: center center;
}
/*コンテンツ来店予約*/
#cont_h1_wp_reserve {
  background-image: url("../img/h1_bg_reserve.jpg");
  background-position: top center;
}
/*コンテンツ総合お問合せ*/
#cont_h1_wp_inquiry {
  background-image: url("../img/h1_bg_inquiry.jpg");
  background-position: top right;
}
/*コンテンツ資料請求*/
#cont_h1_wp_request {
  background-image: url("../img/h1_bg_request.jpg");
  background-position: top center;
}
/*コンテンツｈ1テキストボックス*/
#cont_h1_box {
  transition: 0.5s ease-in-out;
  box-sizing: border-box;
  border-radius: 16px;
  padding-left: 32px;
  padding-right: 32px;
  padding-top: 40px;
  padding-bottom: 40px;
  margin-left: 16px;
  margin-right: 16px;
  margin-top: -80px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  #cont_h1_box {
    width: 600px;
    padding-top: 80px;
    padding-bottom: 80px;
    margin-top: -40px;
  }
}
@media screen and (min-width: 1320px) {
  #cont_h1_box {
    width: 660px;
    padding-top: 60px;
    padding-bottom: 80px;
    margin-top: -40px;
  }
}
/*コンテンツ ｈ1ボックススクロールで縮小する*/
#cont_h1_box.add {
  transition: 1s ease-in-out;
  transform: scale(0);
}
/*コンテンツ ｈ1ボックス食事*/
.cont_h1_box_meal {
  background-color: rgba(255, 102, 0, 0.8);
}
/*コンテンツ ｈ1ボックス間取り*/
.cont_h1_box_plan {
  background-color: rgba(0, 204, 153, 0.8);
}
/*コンテンツ ｈ1ボックス周辺環境、店舗情報*/
.cont_h1_box_loc,
.cont_h1_box_shop {
  background-color: rgba(0, 144, 240, 0.8);
}
/*コンテンツ ｈ1ボックスセキュリティ、合格前*/
.cont_h1_box_sc,
.cont_h1_box_bp {
  background-color: rgba(255, 102, 153, 0.8);
}
/*コンテンツｈ1テキストボックスフォーム*/
#cont_h1_box_form {
  transition: 0.5s ease-in-out;
  box-sizing: border-box;
  border-radius: 16px;
  padding-left: 32px;
  padding-right: 32px;
  padding-top: 40px;
  padding-bottom: 40px;
  margin-left: 16px;
  margin-right: 16px;
  margin-top: -240px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  #cont_h1_box_form {
    width: 600px;
    padding-top: 80px;
    padding-bottom: 80px;
    margin-top: -240px;
  }
}
@media screen and (min-width: 1320px) {
  #cont_h1_box_form {
    width: 660px;
    padding-top: 60px;
    padding-bottom: 80px;
    margin-top: -10%;
  }
}
/*コンテンツ ｈ1ボックススクロールで縮小する*/
#cont_h1_box_form.add {
  transition: 1s ease-in-out;
  transform: scale(0);
}
/*コンテンツ ｈ1ボックスフォーム資料請求*/
.cont_h1_box_form_request {
  background-color: rgba(255, 102, 153, 0.5);
  padding-top: 240px;
}
.cont_h1_box_form_inquiry {
  background-color: rgba(0, 204, 153, 0.5);
  padding-top: 240px;
}
.cont_h1_box_form_reserve {
  background-color: rgba(0, 144, 240, 0.5);
  padding-top: 240px;
}
/*コンテンツロゴ*/
#cont_logo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 200px;
  height: 56px;
}
@media screen and (min-width: 768px) {
  #cont_logo {
    width: 250px;
    height: 70px;
  }
}
/*コンテンツｈ1*/
.cont_h1 {
  text-align: center;
  color: #fff;
  text-shadow: 0 0 8px #555, 0 0 8px #555;
  margin-top: 16px;
  margin-bottom: 8px;
  font-size: 18px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .cont_h1 {
    font-size: 32px;
  }
}
@media screen and (min-width: 1320px) {
  .cont_h1 {
    font-size: 40px;
  }
}
/*コンテンツ食事 ｈ1補足テキスト*/
.cont_h1_sub {
  text-align: center;
  color: #fff;
  text-shadow: 0 0 8px #555, 0 0 8px #555;
  font-size: 12px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .cont_h1_sub {
    font-size: 20px;
  }
}
@media screen and (min-width: 1320px) {
  .cont_h1_sub {
    font-size: 24px;
  }
}
/*コンテンツ食事 背景画像がこのため透過画像でスーペース確保*/
#cont_h1_wp_space {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100vh;
}
/*コンテンツ食事 背景画像がこのため透過画像でスーペース確保フォーム用*/
#cont_h1_wp_space_form {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 80vh;
}

#cont_01_wp {
  box-sizing: border-box;
  background-color: #fff;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  box-shadow: 0px 0px 8px 0px #ddd;
}
@media screen and (min-width: 1320px) {
  #cont_01_wp {
    padding-top: 80px;
    padding-bottom: 140px;
  }
}
/*コンテンツ h2*/
.cont_h2_01 {
  font-size: 20px;
  text-align: center;
  margin-bottom: 8px;
  line-height: 150%;
  margin-left: 16px;
  margin-right: 16px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .cont_h2_01 {
    font-size: 24px;
    margin-bottom: 8px;
  }
}
@media screen and (min-width: 1320px) {
  .cont_h2_01 {
    font-size: 32px;
    text-align: center;
    margin-bottom: 8px;
  }
}
/*コンテンツ h2補足テキスト*/
.cont_h2_sub {
  margin-left: 16px;
  margin-right: 16px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .cont_h2_sub {
    margin-left: 32px;
    margin-right: 32px;
    font-size: 16px;
  }
}
@media screen and (min-width: 1320px) {
  .cont_h2_sub {
    width: 880px;
    margin-left: auto;
    margin-right: auto;
    font-size: 24px;
  }
}
/*コンテンツ h2補足テキストセンター*/
.cont_h2_sub_center {
  margin-left: 16px;
  margin-right: 16px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .cont_h2_sub_center {
    margin-left: 32px;
    margin-right: 32px;
    font-size: 16px;
  }
}
@media screen and (min-width: 1320px) {
  .cont_h2_sub_center {
    width: 880px;
    margin-left: auto;
    margin-right: auto;
    font-size: 24px;
    text-align: center;
  }
}
/*コンテンツ h2食事*/
#cont_h2_01_meal {
  color: rgba(255, 102, 0, 1);
}
/*コンテンツ h2プラン*/
#cont_h2_01_plan {
  color: rgba(0, 204, 153, 1);
}
@media screen and (max-width: 767px) {
  #cont_h2_01_plan {
    text-align: left;
  }
}
/*コンテンツ h2周辺環境、店舗情報*/
#cont_h2_01_loc,
#cont_h2_01_shop {
  color: rgba(0, 144, 240, 1);
}
/*コンテンツ h2セキュリティ、合格前予約*/
#cont_h2_01_sc,
#cont_h2_01_bp {
  color: rgba(255, 102, 153, 1);
}
/*コンテンツ食事 フレックスボックス*/
#meal_cont_01 {
  box-sizing: border-box;
  padding-left: 16px;
  padding-right: 16px;
  margin-top: 40px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  #meal_cont_01 {
    padding-left: 24px;
    padding-right: 24px;
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 1320px) {
  #meal_cont_01 {
    padding-left: 16px;
    padding-right: 16px;
    margin-top: 40px;
    width: 1280px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
/*コンテンツ食事 フレックスアイテム*/
.meal_cont_01_item {
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 2px 4px 0px #dddddd;
  margin-bottom: 40px;
  border: 1px #ddd solid;
  padding-top: 24px;
  padding-bottom: 32px;
  padding-left: 16px;
  padding-right: 16px;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .meal_cont_01_item {
    padding-left: 24px;
    padding-right: 24px;
    width: 48%;
  }
}
@media screen and (min-width: 1024px) {
  .meal_cont_01_item {
    padding-left: 24px;
    padding-right: 24px;
    width: 30%;
  }
}
/*コンテンツ食事 フレックスアイテム画像*/
.meal_cont_01_item_img {
  display: block;
  width: 100%;
}
/*コンテンツ食事 フレックスアイテムｈ3*/
.meal_cont_01_h3 {
  color: #f60;
  margin-top: 8px;
  margin-bottom: 8px;
  line-height: 130%;
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  .meal_cont_01_h3 {
    font-size: 18px;
  }
}
/*コンテンツ食事 利用ガイドラッパー*/
#meal_cont_02_wp {
  transition: 0.5s ease-in-out;
  box-sizing: border-box;
  width: 100%;
  padding-top: 80px;
}
@media screen and (min-width: 1320px) {
  #meal_cont_02_wp {
    padding-top: 140px;
  }
}
/*コンテンツ食事 利用ガイドラッパースクロールで背景透過*/
#meal_cont_02_wp.add_02 {
  transition: 0.5s ease-in-out;
  background-color: rgba(255, 255, 255, 0.5);
}
/*コンテンツ食事 利用ガイドボックス*/
.meal_cont_02 {
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: 0px 0px 6px 0px #999;
  border-radius: 8px;
  margin-left: 16px;
  margin-right: 16px;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 16px;
  padding-right: 16px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .meal_cont_02 {
    margin-left: 24px;
    margin-right: 24px;
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 64px;
  }
}
@media screen and (min-width: 1320px) {
  .meal_cont_02 {
    margin-left: auto;
    margin-right: auto;
    padding-top: 80px;
    padding-bottom: 96px;
    padding-left: 140px;
    padding-right: 140px;
    width: 1080px;
  }
}
/*コンテンツ食事 利用ガイドｈ2*/
.meal_cont_02_h3 {
  font-size: 16px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .meal_cont_02_h3 {
    font-size: 20px;
  }
}
@media screen and (min-width: 1320px) {
  .meal_cont_02_h3 {
    font-size: 24px;
  }
}
/*コンテンツ食事 利用ガイドｈ3*/
.meal_cont_02_h4 {
  font-size: 14px;
  margin-top: 32px;
}
@media screen and (min-width: 768px) {
  .meal_cont_02_h4 {
    font-size: 16px;
  }
}
/*コンテンツ食事 利用ガイドテーブル*/
.meal_table {
  box-sizing: border-box;
  width: 100%;
  text-align: left;
  border-left: 1px #ccc solid;
  border-right: 1px #ccc solid;
  border-top: 1px #ccc solid;
}
/*コンテンツ食事 利用ガイドテーブル行*/
.meal_table_tr {
  box-sizing: border-box;
  border-bottom: 1px #ccc solid;
}
@media screen and (min-width: 768px) {
  .meal_table_tr {
    display: flex;
    justify-content: space-between;
  }
}
/*コンテンツ食事 利用ガイドテーブル見出し*/
.meal_table_th {
  box-sizing: border-box;
  background-color: #f8f8f8;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 16px;
  border-bottom: 1px #ccc solid;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .meal_table_th {
    border-bottom: none;
    border-right: 1px #ccc solid;
    width: 180px;
  }
}
/*コンテンツ食事 利用ガイドテーブル詳細*/
.meal_table_td {
  box-sizing: border-box;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
}
/*コンテンツ食事 利用ガイドテーブル内リスト*/
.meal_ul_01 {
  margin-left: 24px;
}
/*コンテンツ食事 利用ガイドテーブル内リスト*/
.meal_li_01 {
  list-style-type: decimal;
  line-height: 200%;
}
/****コンテンツ間取りコンテンツボックス*/
.plan_cont_01_box {
  box-sizing: border-box;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 40px;
  margin-top: 40px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .plan_cont_01_box {
    box-sizing: border-box;
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 40px;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (min-width: 1320px) {
  .plan_cont_01_box {
    box-sizing: border-box;
    border-bottom: 1px #222 solid;
    width: 1280px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 40px;
    margin-top: 80px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
  }
}
/*コンテンツ間取り　左側ボックス（図面）*/
.plan_cont_01_box_left {
  box-sizing: border-box;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .plan_cont_01_box_left {
    width: 33%;
  }
}
@media screen and (min-width: 1320px) {
  .plan_cont_01_box_left {
    width: 35%;
  }
}
/*コンテンツ間取り　ｈ2（タイプ）*/
.plan_h2 {
  font-weight: 700;
  border-bottom: 1px #222 solid;
  font-size: 48px;
  line-height: 100%;
  padding-left: 8px;
}
@media screen and (min-width: 1320px) {
  .plan_h2 {
    font-size: 72px;
    line-height: 70%;
    padding-left: 8px;
  }
}
/*コンテンツ間取り　ｈ2スパン（タイプ）*/
.plan_h2_sub_01 {
  font-size: 24px;
  margin-left: 8px;
}
@media screen and (min-width: 1320px) {
  .plan_h2_sub_01 {
    font-size: 32px;
  }
}
/*コンテンツ間取り　ｈ2スパン（面積）*/
.plan_h2_sub_02 {
  font-size: 24px;
  margin-left: 16px;
}
@media screen and (min-width: 1320px) {
  .plan_h2_sub_02 {
    font-size: 40px;
    margin-left: 16px;
  }
}
/*コンテンツ間取り　ｈ2補足*/
.plan_text_01 {
  padding-left: 8px;
  margin-top: 8px;
}
/*コンテンツ間取り　間取り図画像*/
.plan_cont_01_box_left_img {
  display: block;
  width: 100%;
}
/*コンテンツ間取り　VRリンク*/
.plan_cont_01_box_left_link {
  transition: 0.2s ease-in-out;
  box-sizing: border-box;
  display: block;
  border: 2px solid #0082cd;
  color: #0082cd;
  text-align: center;
  font-weight: 700;
  padding-top: 12px;
  padding-bottom: 12px;
  border-radius: 4px;
  margin-top: 16px;
  margin-bottom: 32px;
  font-size: 14px;
  width: 100%;
}
@media screen and (min-width: 1320px) {
  .plan_cont_01_box_left_link {
    border-radius: 4px;
    margin-top: 16px;
    margin-bottom: 32px;
    font-size: 16px;
  }
}
/*コンテンツ間取り　VRリンクロールオーバー*/
.plan_cont_01_box_left_link:hover {
  transition: 0.2s ease-in-out;
  background-color: #0082cd;
  color: #fff;
}
/*コンテンツ間取り　VRリンクアイコン*/
.plan_cont_01_box_left_link::after {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  position: absolute;
  margin-left: 4px;
}
@media screen and (min-width: 1320px) {
  .plan_cont_01_box_left_link::after {
    margin-left: 16px;
  }
}
/*コンテンツ間取り　右側ボックス（写真）*/
.plan_cont_01_box_right {
  box-sizing: border-box;
  width: 100%;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .plan_cont_01_box_right {
    width: 60%;
  }
}
@media screen and (min-width: 1320px) {
  .plan_cont_01_box_right {
    width: 58%;
  }
}
/*コンテンツ間取り　メインスライダーサムネイルと幅揃えるマージン設定*/
.plan_slider_a,
.plan_slider_b,
.plan_slider_c {
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  .plan_slider_a,
  .plan_slider_b,
  .plan_slider_c {
    margin-left: 4px;
    margin-right: 4px;
  }
}
/*コンテンツ間取り　写真スライダー*/
.plan_slider_a.slick-initialized,
.plan_slider_b.slick-initialized,
.plan_slider_c.slick-initialized,
.plan_slider_thum_a.slick-initialized,
.plan_slider_thum_b.slick-initialized,
.plan_slider_thum_c.slick-initialized {
  display: block; /*slick-initializedが付与されたら表示*/
}
/*コンテンツ間取り　写真スライダー1枚毎ボックス*/
.plan_slider_in {
  box-sizing: border-box;
  position: relative;
}
/*コンテンツ間取り　写真スライダー画像サイズ*/
.plan_slider_img {
  width: 100%;
}
/*コンテンツ間取り　写真スライダー画像補足テキスト*/
.plan_slider_text {
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.3);
  text-shadow: 3px 3px 14px rgba(0, 0, 0, 0.8);
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  font-weight: 700;
  color: #fff;
  text-align: center;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
}
/*コンテンツ間取り　写真スライダーサムネイル上詰め*/
.plan_slider_thum_a,
.plan_slider_thum_b,
.plan_slider_thum_c {
  margin-top: -24px;
}
/*コンテンツ間取り　写真サムネイルスライダー画像サイズ*/
.plan_slider_thum_img {
  box-sizing: border-box;
  display: block;
  transition: 0.2s ease-in-out;
  width: 100%;
  border: 4px solid #fff;
}
@media screen and (min-width: 768px) {
  .plan_slider_thum_img {
    margin-left: 2px;
    margin-right: 2px;
  }
}
/*コンテンツ間取り　写真サムネイルカレント*/
.plan_slider_thum_img.slick-current {
  transition: 0.2s ease-in-out;
  border: 4px solid rgba(0, 204, 153, 1);
}
/*コンテンツ間取り　写真サムネイロールオーバー*/
.plan_slider_thum_img:hover {
  transition: 0.2s ease-in-out;
  border: 4px solid rgba(0, 204, 153, 1);
}
/*パノラマVRラッパー*/
.vr_cont_wp {
  box-sizing: border-box;
  transition: 0.5s ease-in-out;
  height: 100vh;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 20;
}
/*パノラマVRラッパーデフォルト画面外*/
#vr_cont_wp_a,
#vr_cont_wp_b,
#vr_cont_wp_c {
  margin-left: -100%;
}
/*パノラマVRラッパークラス追加で画面内*/
#vr_cont_wp_a.add,
#vr_cont_wp_b.add,
#vr_cont_wp_c.add {
  transition: 0.5s ease-in-out;
  margin-left: 0%;
}
/*スライダー写真、サムネイルボックス*/
.vr_cont {
  box-sizing: border-box;
  position: relative;
  z-index: 21;
  background-color: #fff;
  box-shadow: 0px 2px 4px 0px #999;
  margin-left: 16px;
  margin-right: 16px;
  margin-top: 24px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 1px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .vr_cont {
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 8px;
    padding-bottom: 1px;
    max-width: 640px;
  }
}
@media screen and (min-width: 1320px) {
  .vr_cont {
    margin-left: auto;
    margin-right: auto;
    margin-top: 80px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 8px;
    padding-bottom: 1px;
    width: 800px;
  }
}
/*パノラマVR閉じるボタン*/
.vr_close_btn {
  display: block;
  position: absolute;
  z-index: 22;
  background-color: #e63862;
  border-radius: 100%;
  top: 24px;
  right: 8px;
  padding: 12px;
  width: 16px;
  height: 16px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .vr_close_btn {
    top: 16px;
    right: 8px;
    padding: 16px;
    width: 24px;
    height: 24px;
  }
}
@media screen and (min-width: 1320px) {
  .vr_close_btn {
    top: 12px;
    right: 12px;
    padding: 16px;
    width: 16px;
    height: 16px;
  }
}
/*パノラマVR閉じるエリア*/
.vr_close_area {
  display: block;
  width: 100%;
  height: 100vh;
  position: fixed;
  z-index: 20;
}
/*パノラマVRタイプ見出し*/
.vr_cont_h3 {
  font-size: 16px;
  margin-bottom: 8px;
}
@media screen and (min-width: 768px) {
  .vr_cont_h3 {
    font-size: 20px;
  }
}
/*パノラマVRスライダーボックスアイフレーム*/
.vr_ifream {
  box-sizing: border-box;
  display: block;
  width: 100%;
  aspect-ratio: 64 / 48;
}
@media screen and (min-width: 768px) {
  .vr_ifream {
    aspect-ratio: 16 / 9;
  }
}
/*パノラマVRスライダーサムネイルボックス*/
.vr_thum_box {
  margin-top: -16px;
}
/*パノラマVRスライダーサムネイルボックスイン*/
.vr_thum_box_in {
  box-sizing: border-box;
  transition: 0.2s ease-in-out;
  border: 4px solid #fff;
}
@media screen and (min-width: 768px) {
  .vr_thum_box_in {
    border: 6px solid #fff;
  }
}
/*パノラマVRスライダーサムネイルカレント*/
.vr_thum_box_in.slick-current {
  transition: 0.2s ease-in-out;
  border: 4px rgb(0, 204, 153) solid;
}
@media screen and (min-width: 768px) {
  .vr_thum_box_in.slick-current {
    border: 6px rgb(0, 204, 153) solid;
  }
}
/*パノラマVRスライダーサムネイロールオーバー*/
.vr_thum_box_in:hover {
  transition: 0.2s ease-in-out;
  filter: alpha(opacity=60);
  opacity: 0.6;
}
/*パノラマVRスライダーサムネイル画像サイズ*/
.vr_thum_box_in img {
  width: 100%;
}
/*パノラマVRスライダーサムネイ補足テキスト*/
.vr_thum_box_in_text {
  color: #fff;
  background-color: #222;
  text-align: center;
}
/****コンテンツ周辺環境*/
/*コンテンツ周辺コンテンツボックス（アイキャッチ）*/
.loc_cont_01 {
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .loc_cont_01 {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .loc_cont_01 {
    padding-left: 24px;
    padding-right: 24px;
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 1320px) {
  .loc_cont_01 {
    padding-left: 24px;
    margin-bottom: 120px;
  }
}
/*コンテンツ周辺アイキャッチ画像*/
#loc_ic_img {
  box-sizing: border-box;
  display: block;
  padding-left: 0px;
  padding-right: 0px;
  width: 100%;
  margin-top: 8px;
  margin-bottom: 8px;
  border-radius: 6px;
}
@media screen and (min-width: 1320px) {
  #loc_ic_img {
    width: 880px;
    margin-top: 40px;
    margin-bottom: 24px;
    border-radius: 8px;
    margin-left: auto;
    margin-right: auto;
  }
}
/*コンテンツ周辺アイキャッチ画像下テキスト*/
#loc_ic_text {
  box-sizing: border-box;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  #loc_ic_text {
    font-size: 14px;
  }
}
@media screen and (min-width: 1320px) {
  #loc_ic_text {
    width: 880px;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
  }
}
/*コンテンツ周辺コンテンツボックス（大学、施設、地図）*/
.loc_cont_02 {
  padding-left: 16px;
  padding-right: 16px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .loc_cont_02 {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media screen and (min-width: 1320px) {
  .loc_cont_02 {
    width: 1280px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
/*コンテンツ周辺コンテンツボックス見出し*/
.loc_cont_h3 {
  font-size: 18px;
  margin-top: 80px;
  margin-bottom: 16px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .loc_cont_h3 {
    font-size: 20px;
  }
}
@media screen and (min-width: 1320px) {
  .loc_cont_h3 {
    font-size: 28px;
  }
}
/*コンテンツ周辺コンテンツフレックス（立命館）*/
.loc_cont_02_box_01 {
  box-sizing: border-box;
  margin-bottom: 48px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .loc_cont_02_box_01 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 1320px) {
  .loc_cont_02_box_01 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 48px;
  }
}
/*コンテンツ周辺コンテンツフレックス（立命館）*/
.loc_cont_02_box_01_img_01 {
  box-sizing: border-box;
  border-radius: 8px;
  display: block;
  width: 100%;
  margin-bottom: 8px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .loc_cont_02_box_01_img_01 {
    border-radius: 8px;
    width: 50%;
    margin-bottom: 0px;
  }
}
@media screen and (min-width: 1320px) {
  .loc_cont_02_box_01_img_01 {
    border-radius: 8px;
    width: 54%;
    margin-bottom: 0px;
  }
}
/*コンテンツ周辺コンテンツフレックス立命館）テキストボックス*/
.loc_cont_02_box_01_text_box {
  box-sizing: border-box;
  width: 100%;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .loc_cont_02_box_01_text_box {
    width: 46%;
  }
}
@media screen and (min-width: 1320px) {
  .loc_cont_02_box_01_text_box {
    width: 40%;
  }
}
/*コンテンツ周辺コンテンツフレックス（立命館）テキストボックス見出し*/
.loc_cont_02_box_01_text_box_h4 {
  font-size: 16px;
  margin-bottom: 2px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .loc_cont_02_box_01_text_box_h4 {
    font-size: 18px;
  }
}
@media screen and (min-width: 1320px) {
  .loc_cont_02_box_01_text_box_h4 {
    font-size: 24px;
    margin-bottom: 8px;
  }
}
/*コンテンツ周辺コンテンツフレックス（立命館）テキストボックステキスト*/
@media screen and (min-width: 1320px) {
  .loc_cont_02_box_01_text_box_text {
    font-size: 16px;
  }
}
/*コンテンツ周辺コンテンツフレックス改行あり*/
.loc_cont_02_box_02 {
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .loc_cont_02_box_02 {
    border-top: 1px #ccc solid;
    padding-top: 16px;
  }
}
@media screen and (min-width: 768px) {
  .loc_cont_02_box_02 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
/*コンテンツ周辺コンテンツアイテム30％*/
.loc_cont_02_box_02_item_01 {
  box-sizing: border-box;
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .loc_cont_02_box_02_item_01 {
    width: 31%;
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 1320px) {
  .loc_cont_02_box_02_item_01 {
    width: 30%;
    margin-bottom: 40px;
  }
}
/*コンテンツ周辺コンテンツアイテム23％*/
.loc_cont_02_box_02_item_02 {
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .loc_cont_02_box_02_item_02 {
    display: flex;
    align-items: flex-start;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px #ccc solid;
  }
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .loc_cont_02_box_02_item_02 {
    width: 31%;
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 1320px) {
  .loc_cont_02_box_02_item_02 {
    width: 23%;
    margin-bottom: 40px;
  }
}
/*コンテンツ周辺コンテンツアイテム30％の画像*/
.loc_cont_02_box_02_item_img_01 {
  width: 100%;
  border-radius: 8px;
}
/*コンテンツ周辺コンテンツアイテム20％の画像*/
.loc_cont_02_box_02_item_img_02 {
  box-sizing: border-box;
  display: block;
  width: 30%;
  max-width: 160px;
  margin-right: 16px;
  border-radius: 4px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .loc_cont_02_box_02_item_img_02 {
    width: 100%;
    max-width: 100%;
    margin-right: 0px;
    margin-bottom: 8px;
    border-radius: 8px;
  }
}
@media screen and (min-width: 1320px) {
  .loc_cont_02_box_02_item_img_02 {
    width: 100%;
    max-width: 100%;
    margin-right: 0px;
    margin-bottom: 8px;
    border-radius: 8px;
  }
}
/*コンテンツ周辺コンテンツアイテムｈ4*/
.loc_cont_02_box_02_h4 {
  font-size: 16px;
  margin-bottom: 2px;
}
@media screen and (min-width: 1320px) {
  .loc_cont_02_box_02_h4 {
    font-size: 18px;
    margin-top: 12px;
    margin-bottom: 4px;
  }
}
/*コンテンツ周辺コンテンツアイテムｈ4（4分割用）*/
.loc_cont_02_box_02_h4_02 {
  font-size: 14px;
}
@media screen and (min-width: 1320px) {
  .loc_cont_02_box_02_h4_02 {
    font-size: 16px;
    margin-top: 12px;
  }
}
/*コンテンツ周辺コンテンツ地図*/
.loc_gmap {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 420px;
  margin-bottom: 40px;
  border: 1px #ccc solid;
  border-radius: 4px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .loc_gmap {
    height: 560px;
    border-radius: 4px;
  }
}
@media screen and (min-width: 1320px) {
  .loc_gmap {
    height: 560px;
    border-radius: 8px;
  }
}
/*コンテンツ通学動画*/
#loc_cont_04 {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 80px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  #loc_cont_04 {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 1320px) {
  #loc_cont_04 {
    width: 980px;
    margin-bottom: 120px;
  }
}
.loc_movie {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 280px;
  margin-bottom: 16px;
  border: 1px #ccc solid;
  border-radius: 4px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .loc_movie {
    height: 380px;
    border-radius: 4px;
  }
}
@media screen and (min-width: 1320px) {
  .loc_movie {
    height: 520px;
    border-radius: 8px;
  }
}
.loc_movie_text {
  font-size: 14px;
}
@media screen and (min-width: 1320px) {
  .loc_movie_text {
    font-size: 18px;
  }
}
/*コンテンツセキュリティ フレックスボックス*/
.sc_cont_01 {
  box-sizing: border-box;
  padding-left: 16px;
  padding-right: 16px;
  margin-top: 40px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .sc_cont_01 {
    padding-left: 24px;
    padding-right: 24px;
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 1320px) {
  .sc_cont_01 {
    padding-left: 16px;
    padding-right: 16px;
    margin-top: 40px;
    width: 1280px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
/*コンテンツ食事 フレックスアイテム*/
.sc_cont_01_item {
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 2px 4px 0px #dddddd;
  margin-bottom: 40px;
  border: 1px #ddd solid;
  padding-top: 24px;
  padding-bottom: 32px;
  padding-left: 16px;
  padding-right: 16px;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .sc_cont_01_item {
    padding-left: 24px;
    padding-right: 24px;
    width: 48%;
  }
}
@media screen and (min-width: 1024px) {
  .sc_cont_01_item {
    padding-left: 24px;
    padding-right: 24px;
    width: 30%;
  }
}
/*コンテンツ食事 フレックスアイテム画像*/
.sc_cont_01_item_img {
  display: block;
  width: 100%;
}
/*コンテンツ食事 フレックスアイテムｈ3*/
.sc_cont_01_h3 {
  color: rgba(255, 102, 153, 1);
  margin-top: 8px;
  margin-bottom: 8px;
  line-height: 130%;
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  .sc_cont_01_h3 {
    font-size: 18px;
  }
}
/****コンテンツ合格前 コンテンツ01ボックス*/
.bp_cont_01 {
  box-sizing: border-box;
  padding-left: 16px;
  padding-right: 16px;
  margin-top: 40px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .bp_cont_01 {
    padding-left: 24px;
    padding-right: 24px;
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 1320px) {
  .bp_cont_01 {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 40px;
    width: 1180px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
/*コンテンツ合格前 コンテンツ01ボックスh3*/
.bp_cont_01_h3 {
  box-sizing: border-box;
  border-radius: 8px 8px;
  width: 100%;
  background-color: #ffeff3;
  color: rgba(255, 102, 153, 1);
  padding-left: 24px;
  padding-top: 24px;
  font-size: 16px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .bp_cont_01_h3 {
    padding-left: 40px;
    padding-top: 32px;
    font-size: 20px;
  }
}
@media screen and (min-width: 1320px) {
  .bp_cont_01_h3 {
    padding-left: 40px;
    padding-top: 32px;
    font-size: 24px;
  }
}
/*コンテンツ合格前 コンテンツ01ボックスh3補足*/
.bp_cont_01_h3_sub {
  box-sizing: border-box;
  border-radius: 0px 0px 8px 8px;
  width: 100%;
  background-color: #ffeff3;
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 32px;
  margin-bottom: 54px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .bp_cont_01_h3_sub {
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 48px;
    margin-bottom: 54px;
    font-size: 14px;
  }
}
@media screen and (min-width: 1320px) {
  .bp_cont_01_h3_sub {
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 48px;
    margin-bottom: 54px;
    font-size: 16px;
  }
}
/*コンテンツ合格前 コンテンツ01フレックスアイテム合格前*/
.bp_cont_01_box_a {
  box-sizing: border-box;
  border-radius: 8px;
  border: 4px rgb(255, 102, 153) solid;
  width: 100%;
  padding-top: 24px;
  padding-bottom: 32px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .bp_cont_01_box_a {
    width: 48%;
    height: 280px;
    padding-top: 32px;
  }
}
@media screen and (min-width: 1320px) {
  .bp_cont_01_box_a {
    width: 48%;
    height: 380px;
    padding-top: 54px;
  }
}
/*コンテンツ合格前 コンテンツ01フレックスアイテム合格前ｈ4*/
.bp_cont_01_box_a_h4 {
  text-align: center;
  color: rgb(255, 102, 153);
  font-size: 18px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .bp_cont_01_box_a_h4 {
    font-size: 24px;
  }
}
@media screen and (min-width: 1320px) {
  .bp_cont_01_box_a_h4 {
    font-size: 32px;
  }
}
/*コンテンツ合格前 コンテンツ01フレックスアイテム合格前色付きテキスト*/
.bp_cont_01_box_a_text_01 {
  box-sizing: border-box;
  text-align: center;
  background-color: rgb(255, 102, 153);
  color: #fff;
  margin-left: auto;
  margin-right: auto;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 8px;
  margin-bottom: 12px;
  font-size: 16px;
  width: 90%;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .bp_cont_01_box_a_text_01 {
    font-size: 16px;
  }
}
@media screen and (min-width: 1320px) {
  .bp_cont_01_box_a_text_01 {
    font-size: 22px;
    width: 420px;
  }
}
/*コンテンツ合格前 コンテンツ01フレックスアイテム合格前テキスト*/
.bp_cont_01_box_a_text_02 {
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}
@media screen and (min-width: 1320px) {
  .bp_cont_01_box_a_text_02 {
    font-size: 16px;
    width: 420px;
  }
}
/*コンテンツ合格前 コンテンツ01フレックスアイテム併願*/
.bp_cont_01_box_b {
  box-sizing: border-box;
  border-radius: 8px;
  border: 4px #0082cd solid;
  width: 100%;
  padding-top: 24px;
  padding-bottom: 32px;
  margin-top: 32px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .bp_cont_01_box_b {
    margin-top: 0px;
    width: 48%;
    height: 280px;
    padding-top: 32px;
  }
}
@media screen and (min-width: 1320px) {
  .bp_cont_01_box_b {
    margin-top: 0px;
    width: 48%;
    height: 380px;
    padding-top: 54px;
  }
}
/*コンテンツ合格前 コンテンツ01フレックスアイテム併願ｈ4*/
.bp_cont_01_box_b_h4 {
  text-align: center;
  color: #0082cd;
  font-size: 18px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .bp_cont_01_box_b_h4 {
    font-size: 24px;
  }
}
@media screen and (min-width: 1320px) {
  .bp_cont_01_box_b_h4 {
    font-size: 32px;
  }
}
/*コンテンツ合格前 コンテンツ01フレックスアイテム併願色付きテキスト*/
.bp_cont_01_box_b_text_01 {
  box-sizing: border-box;
  text-align: center;
  background-color: #0082cd;
  color: #fff;
  margin-left: auto;
  margin-right: auto;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 8px;
  margin-bottom: 12px;
  font-size: 16px;
  width: 90%;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .bp_cont_01_box_b_text_01 {
    font-size: 16px;
  }
}
@media screen and (min-width: 1320px) {
  .bp_cont_01_box_b_text_01 {
    font-size: 22px;
    width: 420px;
  }
}
/*コンテンツ合格前 コンテンツ01フレックスアイテム併願テキスト*/
.bp_cont_01_box_b_text_02 {
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}
@media screen and (min-width: 1320px) {
  .bp_cont_01_box_b_text_02 {
    font-size: 16px;
    width: 420px;
  }
}
/*コンテンツ合格前 コンテンツ01フレックスアイテム受付期限*/
.bp_cont_01_box_text_sub {
  color: #ff0000;
  margin-left: auto;
  margin-right: auto;
  margin-top: 8px;
  width: 90%;
}
@media screen and (min-width: 1320px) {
  .bp_cont_01_box_text_sub {
    width: 420px;
    font-size: 16px;
  }
}
/*コンテンツ合格前 コンテンツ01背景薄ピンクテキスト*/
.bp_cont_01_box_b_text_03 {
  width: 100%;
  background-color: #ffeff3;
  text-align: center;
  padding-top: 16px;
  padding-bottom: 16px;
  margin-top: 54px;
  border-radius: 8px;
  font-size: 14px;
}
@media screen and (min-width: 1320px) {
  .bp_cont_01_box_b_text_03 {
    font-size: 24px;
  }
}
/*コンテンツ合格前 コンテンツ02スケジュール*/
.bp_cont_02 {
  box-sizing: border-box;
  margin-top: 64px;
  margin-left: 16px;
  margin-right: 16px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .bp_cont_02 {
    margin-left: 24px;
    margin-right: 24px;
  }
}
@media screen and (min-width: 1320px) {
  .bp_cont_02 {
    padding-left: 80px;
    padding-right: 80px;
    padding-top: 54px;
    padding-bottom: 54px;
    margin-left: auto;
    margin-right: auto;
    width: 1180px;
    border: 1px #ccc solid;
    border-radius: 8px;
  }
}
/*コンテンツ合格前 コンテンツ02スケジュールｈ3*/
.bp_cont_02_h3 {
  font-size: 16px;
  margin-left: 8px;
  margin-bottom: 4px;
}
@media screen and (min-width: 1320px) {
  .bp_cont_02_h3 {
    font-size: 20px;
    margin-left: 8px;
    margin-bottom: 4px;
  }
}
/*コンテンツ合格前 コンテンツ02スケジュール画像モバイル用*/
@media screen and (max-width: 767px) {
  #bp_cont_02_img_mb {
    box-sizing: border-box;
    display: block;
    width: 100%;
    border: 1px #ccc solid;
    padding: 8px;
  }
}
@media screen and (min-width: 768px) {
  #bp_cont_02_img_mb {
    display: none;
  }
}
/*コンテンツ合格前 コンテンツ02スケジュール画像ＰＣ用*/
@media screen and (max-width: 767px) {
  #bp_cont_02_img_pc {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  #bp_cont_02_img_pc {
    box-sizing: border-box;
    display: block;
    width: 100%;
    border: 1px #ccc solid;
    padding: 16px;
  }
}
@media screen and (min-width: 768px) {
  #bp_cont_02_img_pc {
    box-sizing: border-box;
    display: block;
    width: 100%;
  }
}
/*コンテンツ合格前 コンテンツ03詳細*/
.bp_cont_03 {
  box-sizing: border-box;
  margin-top: 64px;
  margin-left: 16px;
  margin-right: 16px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .bp_cont_03 {
    margin-left: 24px;
    margin-right: 24px;
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1320px) {
  .bp_cont_03 {
    margin-left: auto;
    margin-right: auto;
    width: 1180px;
  }
}
/*コンテンツ合格前 コンテンツ03詳細ｈ3*/
.bp_cont_03_h3 {
  font-size: 16px;
  margin-bottom: 8px;
}
@media screen and (min-width: 1320px) {
  .bp_cont_03_h3 {
    margin-left: 4px;
    font-size: 18px;
  }
}
/*コンテンツ合格前 コンテンツ03詳細テーブル*/
.bp_table {
  box-sizing: border-box;
  border-left: 1px #ccc solid;
  border-right: 1px #ccc solid;
  border-top: 1px #ccc solid;
}
/*コンテンツ合格前 コンテンツ03詳細テーブル行*/
.bp_table_tr {
  box-sizing: border-box;
  border-bottom: 1px #ccc solid;
}
@media screen and (min-width: 768px) {
  .bp_table_tr {
    display: flex;
  }
}
/*コンテンツ合格前 コンテンツ03詳細テーブル見出し*/
.bp_table_th {
  box-sizing: border-box;
  background-color: #f8f8f8;
  width: 100%;
  padding-left: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom: 1px #ccc solid;
}
@media screen and (min-width: 768px) {
  .bp_table_th {
    width: 20%;
    max-width: 240px;
    padding: 16px;
    border-bottom: none;
    border-right: 1px #ccc solid;
  }
}
/*コンテンツ合格前 コンテンツ03詳細テーブル詳細*/
.bp_table_td {
  box-sizing: border-box;
  padding: 16px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .bp_table_td {
    width: 80%;
  }
}
/*コンテンツ合格前 コンテンツ03詳細テーブルリスト*/
.bp_table_ul {
  box-sizing: border-box;
  list-style: disc;
  margin-left: 16px;
}
@media screen and (min-width: 768px) {
  .bp_table_ul {
    margin-left: 24px;
  }
}
/*コンテンツ合格前 コンテンツ03詳細テーブルリスト*/
.bp_table_li {
  box-sizing: border-box;
  list-style: disc;
}
/****コンテンツ店舗情報 コンテンツ01ボックス*/
.shop_cont_01 {
  box-sizing: border-box;
  padding-left: 16px;
  padding-right: 16px;
  margin-top: 16px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .shop_cont_01 {
    padding-left: 24px;
    padding-right: 24px;
    margin-top: 40px;
  }
}
@media screen and (min-width: 1320px) {
  .shop_cont_01 {
    padding-left: 1%;
    padding-right: 0px;
    margin-top: 40px;
    width: 1180px;
    margin-left: auto;
    margin-right: auto;
  }
}
/*コンテンツ店舗情報 コンテンツ01ボックスh3*/
.shop_cont_01_h3 {
  box-sizing: border-box;
  border-radius: 8px 8px;
  width: 100%;
  background-color: #f3faff;
  color: rgba(0, 144, 240, 1);
  padding-left: 24px;
  padding-top: 24px;
  font-size: 16px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .shop_cont_01_h3 {
    padding-left: 40px;
    padding-top: 32px;
    font-size: 20px;
  }
}
@media screen and (min-width: 1320px) {
  .shop_cont_01_h3 {
    padding-left: 40px;
    padding-top: 32px;
    font-size: 24px;
    width: 97%;
    margin-left: 1%;
    margin-right: 2%;
  }
}
/*コンテンツ店舗情報 コンテンツ01ボックスh3補足*/
.shop_cont_01_h3_sub {
  box-sizing: border-box;
  border-radius: 0px 0px 8px 8px;
  width: 100%;
  background-color: #f3faff;
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 32px;
  margin-bottom: 54px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .shop_cont_01_h3_sub {
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 48px;
    margin-bottom: 54px;
    font-size: 14px;
  }
}
@media screen and (min-width: 1320px) {
  .shop_cont_01_h3_sub {
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 48px;
    margin-bottom: 80px;
    font-size: 16px;
    width: 97%;
    margin-left: 1%;
    margin-right: 2%;
  }
}
/*コンテンツ店舗情報　代表取締役ボックス*/
#shop_president_box {
  box-sizing: border-box;
  border: 1px #ddd solid;
  border-radius: 6px;
  margin-bottom: 80px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 40px;
  padding-bottom: 40px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  #shop_president_box {
    margin-left: 1%;
    margin-right: 2%;
    margin-top: 30px;
    padding-left: 32px;
    padding-right: 32px;
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (min-width: 1320px) {
  #shop_president_box {
    margin-left: 1%;
    margin-right: 2%;
    margin-top: 30px;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
  }
}
/*コンテンツ店舗情報　代表取締役テキストボックス*/
#shop_president_text_box {
  box-sizing: border-box;
  width: 100%;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  #shop_president_text_box {
    width: 40%;
  }
}
@media screen and (min-width: 1320px) {
  #shop_president_text_box {
    width: 40%;
  }
}
/*コンテンツ店舗情報　代表取締役見出し*/
#shop_president_h3 {
  background-color: #222;
  color: #fff;
  width: 80px;
  padding-left: 16px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-radius: 4px;
  margin-bottom: 8px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  #shop_president_h3 {
    font-size: 16px;
    width: 100px;
  }
}
@media screen and (min-width: 1320px) {
  #shop_president_h3 {
    font-size: 16px;
    width: 100px;
  }
}
/*コンテンツ店舗情報　代表取締役名前*/
#shop_president_h4 {
  font-size: 18px;
  margin-bottom: 8px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  #shop_president_h4 {
    font-size: 24px;
    margin-bottom: 8px;
  }
}
@media screen and (min-width: 1320px) {
  #shop_president_h4 {
    font-size: 24px;
    margin-bottom: 8px;
  }
}
/*コンテンツ店舗情報　代表取締役画像ボックス*/
#shop_president_img_box {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  margin-bottom: 24px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  #shop_president_img_box {
    width: 54%;
    margin-bottom: 0px;
  }
}
@media screen and (min-width: 1320px) {
  #shop_president_img_box {
    width: 50%;
    margin-bottom: 0px;
  }
}
/*コンテンツ店舗情報　代表取締役サイズ*/
.shop_staff_img {
  display: block;
  width: 100%;
}
/*コンテンツ店舗情報　宅建主任者アイコン*/
.shop_status {
  position: absolute;
  left: 0;
  bottom: 0;
  color: #fff;
  background-color: #ff8600;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 4px;
  padding-bottom: 4px;
}
@media screen and (min-width: 768px) {
  .shop_status {
    font-size: 16px;
  }
}
/*コンテンツ店舗情報　スタッフ、地図、詳細ボックス*/
.shop_box_02 {
  box-sizing: border-box;
  margin-bottom: 80px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .shop_box_02 {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1320px) {
  .shop_box_02 {
    margin-bottom: 40px;
  }
}
/*コンテンツ店舗情報　スタッフ、地図、詳細ボックス見出し*/
.shop_h3_02 {
  font-size: 18px;
  margin-bottom: 8px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .shop_h3_02 {
    font-size: 24px;
    margin-bottom: 16px;
    margin-left: 1%;
  }
}
@media screen and (min-width: 1320px) {
  /*コンテンツ店舗情報　スタッフ、地図、詳細ボックス見出し*/
  .shop_h3_02 {
    font-size: 24px;
    margin-bottom: 16px;
    margin-left: 1%;
  }
}
/*コンテンツ店舗情報　スタッフフレックスボックス*/
.shop_staff_flexbox {
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  .shop_staff_flexbox {
    display: flex;
    flex-wrap: wrap;
  }
}
/*コンテンツ店舗情報　スタッフボックス*/
.shop_staff_box {
  box-sizing: border-box;
  border: 1px #ddd solid;
  padding-top: 32px;
  padding-bottom: 40px;
  border-radius: 6px;
  margin-bottom: 40px;
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .shop_staff_box {
    width: 31%;
    padding-left: 16px;
    padding-right: 16px;
    margin-left: 1%;
    margin-right: 1%;
  }
}
@media screen and (min-width: 1320px) {
  .shop_staff_box {
    width: 31%;
    padding-left: 24px;
    padding-right: 24px;
    margin-left: 1%;
    margin-right: 1%;
  }
}
/*コンテンツ店舗情報　スタッフ画像ボックス*/
.shop_staff_img_box {
  box-sizing: border-box;
  position: relative;
}
/*コンテンツ店舗情報　スタッフ見出し（名前）*/
.staff_h4 {
  font-size: 18px;
  margin-top: 8px;
  margin-bottom: 2px;
}
/*コンテンツ店舗情報　地図左側ボックス*/
.shop_map_left_box {
  box-sizing: border-box;
  width: 100%;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .shop_map_left_box {
    width: 45%;
    margin-right: 4%;
    margin-left: 1%;
  }
}
@media screen and (min-width: 1320px) {
  .shop_map_left_box {
    width: 32%;
    margin-right: 6%;
    margin-left: 1%;
  }
}
/*コンテンツ店舗情報　地図左側ボックステキスト*/
.shop_map_text_01 {
  margin-bottom: 4px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .shop_map_text_01 {
    font-size: 16px;
  }
}
@media screen and (min-width: 1320px) {
  .shop_map_text_01 {
    font-size: 16px;
  }
}
/*コンテンツ店舗情報　地図左側ボックス画像サイズ*/
.shop_map_img {
  box-sizing: border-box;
  border-radius: 6px;
  width: 100%;
  margin-top: 16px;
}
/*コンテンツ店舗情報　地図右側ボックス*/
.shop_map_right_box {
  box-sizing: border-box;
  width: 100%;
  margin-top: 40px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .shop_map_right_box {
    width: 48%;
    margin-right: 2%;
    margin-top: 0px;
    margin-bottom: 54px;
  }
}
@media screen and (min-width: 1320px) {
  .shop_map_right_box {
    width: 59%;
    margin-right: 2%;
    margin-top: 0px;
    margin-bottom: 54px;
  }
}
/*コンテンツ店舗情報　地図ifream*/
.shop_gmap {
  box-sizing: border-box;
  display: block;
  border: 1px #ccc solid;
  border-radius: 6px;
  width: 100%;
  height: 380px;
}
@media screen and (min-width: 1320px) {
  .shop_gmap {
    height: 520px;
  }
}
/*コンテンツ店舗情報　詳細テーブルボックス*/
.shop_table {
  box-sizing: border-box;
  border: 1px #ddd solid;
}
@media screen and (min-width: 768px) {
  .shop_table {
    border-left: 1px #ddd solid;
    border-right: 1px #ddd solid;
    border-top: 1px #ddd solid;
    margin-left: 1%;
    margin-right: 2%;
  }
}
/*コンテンツ店舗情報　詳細テーブル行*/
.shop_table_tr {
  box-sizing: border-box;
  border-bottom: 1px #ddd solid;
}
@media screen and (min-width: 768px) {
  .shop_table_tr {
    border-bottom: 1px #ddd solid;
    display: flex;
    justify-content: space-between;
  }
}
/*コンテンツ店舗情報　詳細テーブル見出しボックス*/
.shop_table_th {
  box-sizing: border-box;
  background-color: #f8f8f8;
  width: 100%;
  padding: 8px;
}
@media screen and (min-width: 768px) {
  .shop_table_th {
    border-bottom: none;
    width: 24%;
    max-width: 240px;
    padding: 16px;
    border-right: 1px #ddd solid;
  }
}
/*コンテンツ店舗情報　詳細テーブル詳細ボックス*/
.shop_table_td {
  box-sizing: border-box;
  width: 100%;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 12px;
  padding-bottom: 12px;
}
@media screen and (min-width: 768px) {
  .shop_table_td {
    box-sizing: border-box;
    width: 76%;
    padding-left: 0px;
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
/****メールフォーム*************************************/
/* フォーム入力エラーのスタイル */
input[type="text"]:required,
input[type="email"]:required,
input[type="email"]:invalid,
select:required,
textarea:required {
  background-color: #ffd9e1;
}
/* 入力値が正常な時のスタイル */
input[type="text"]:valid,
input[type="email"]:valid,
select:valid,
option {
  background: #fff;
}
/***問い合わせフォームエラーメッセージ*/
.error-message {
  display: none;
  box-sizing: border-box;
  position: relative;
  font-weight: 700;
  font-size: 14px;
  color: #ffffff;
  background-color: #e63862;
  box-shadow: 0px 0px 8px #dddddd;
  border-radius: 4px;
  padding: 2px 0px 2px 8px;
  width: 160px;
  margin-left: 4px;
  margin-top: -4px;
}
@media screen and (min-width: 801px) {
  .error-message {
    margin-left: 12px;
  }
}
.error-message::before {
  content: "";
  position: absolute;
  top: -24px;
  left: 40%;
  border: 12px solid transparent;
  border-bottom: 12px solid #e63862;
}
/* 選択時に拡大するのを停止する */
input {
  font-size: 16px;
}
/*フォーム内冒頭説明書きボックス*/
.inquiry_head_box {
  box-sizing: border-box;
}
@media screen and (max-width: 520px) {
  .inquiry_head_box {
    margin-top: 16px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1319px) {
  .inquiry_head_box {
    display: flex;
    align-items: center;
    margin-top: 16px;
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1320px) {
  .inquiry_head_box {
    display: flex;
    align-items: center;
    margin-top: 16px;
    margin-bottom: 40px;
  }
}
/*フォーム内冒頭イルカ画像サイズ調整*/
.inquiry_head_iuka_img {
  display: none;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .inquiry_head_iuka_img {
    width: 100px;
    display: block;
  }
}
@media screen and (min-width: 1320px) {
  .inquiry_head_iuka_img {
    width: 100px;
    display: block;
  }
}
/*フォーム内冒頭説明書きボックステキスト*/
.inquiry_head_box_text {
  box-sizing: border-box;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .inquiry_head_box_text {
    margin-left: 24px;
    font-size: 14px;
    padding: 24px;
    border-radius: 8px;
    border: 2px #ddd solid;
  }
}
@media screen and (min-width: 1320px) {
  .inquiry_head_box_text {
    margin-left: 24px;
    font-size: 16px;
    padding: 24px;
    border-radius: 8px;
    border: 2px #ddd solid;
  }
}
/*フォームコンテンツボックス*/
.form_cont_01 {
  box-sizing: border-box;
  padding-left: 16px;
  padding-right: 16px;
  margin-top: 40px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .form_cont_01 {
    padding-left: 24px;
    padding-right: 24px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 56px;
    max-width: 820px;
  }
}
@media screen and (min-width: 1320px) {
  .form_cont_01 {
    padding-left: 0px;
    padding-right: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 56px;
    width: 820px;
  }
}
/*フォームの見出し*/
#cont_h2_01_form {
  margin-left: 16px;
  margin-right: 16px;
  text-align: center;
  padding-top: 16px;
  font-size: 22px;
  background-color: aliceblue;
  color: #0082cd;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  #cont_h2_01_form {
    max-width: 772px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 16px;
    font-size: 30px;
  }
}
@media screen and (min-width: 1320px) {
  #cont_h2_01_form {
    width: 820px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 16px;
    font-size: 40px;
  }
}
/*フォームの見出し補足*/
#cont_h2_01_form_sub {
  margin-left: 16px;
  margin-right: 16px;
  text-align: center;
  background-color: aliceblue;
  margin-bottom: 16px;
  padding-bottom: 24px;
  position: relative;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  #cont_h2_01_form_sub {
    max-width: 772px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
    padding-bottom: 24px;
    font-size: 16px;
  }
}
@media screen and (min-width: 1320px) {
  #cont_h2_01_form_sub {
    margin-left: auto;
    margin-right: auto;
    width: 820px;
    margin-bottom: 40px;
    padding-bottom: 24px;
    font-size: 18px;
  }
}
/*フォームの見出し補足下▼アイコン*/
#cont_h2_01_form_sub::after {
  content: "\f0d7";
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  position: absolute;
  text-align: center;
  color: #0082cd;
  font-size: 32px;
  left: 46%;
  bottom: -24px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  #cont_h2_01_form_sub::after {
    font-size: 48px;
    left: 46%;
    bottom: -32px;
  }
}
@media screen and (min-width: 1320px) {
  #cont_h2_01_form_sub::after {
    font-size: 48px;
    left: 48%;
    bottom: -32px;
  }
}
/*見学予約フォーム見出し*/
#form_cont_01_h3 {
  color: #0082cd;
  border-bottom: 2px #0082cd solid;
  padding-left: 8px;
  padding-bottom: 4px;
  font-size: 20px;
}
@media screen and (min-width: 768px) {
  #form_cont_01_h3 {
    padding-left: 16px;
    margin-bottom: 40px;
    font-size: 28px;
  }
}
/*資料請求カタログ希望画像ボックス*/
#request_catalog_img_box {
  box-sizing: border-box;
  width: 100%;
  background-image: url("../img/request_catalog_bg.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  border-radius: 4px;
  margin-top: 8px;
  margin-bottom: 16px;
  padding-top: 56px;
  padding-bottom: 56px;
  background-color: aliceblue;
}
/*資料請求カタログ希望画像ボックス画像サイズ*/
#request_catalog_img {
  display: block;
  width: 60%;
  margin-left: 16px;
}
@media screen and (min-width: 768px) {
  #request_catalog_img {
    width: 40%;
    margin-left: 40px;
  }
}
/***フォームフローボックス*/
.inquiry_process_box {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
  margin-bottom: 24px;
}
@media screen and (min-width: 1280px) {
  .inquiry_process_box {
    height: 56px;
    margin-top: 24px;
    margin-bottom: 32px;
  }
}
/*フォームフロー1*/
.inquiry_process_li_01 {
  box-sizing: border-box;
  background-color: #0082cd;
  height: 48px;
  padding-top: 10px;
  text-align: center;
  color: #fff;
  flex-basis: 100%;
  font-weight: 700;
  line-height: 130%;
  font-size: 10px;
}
@media screen and (min-width: 1280px) {
  .inquiry_process_li_01 {
    height: 56px;
    padding-top: 6px;
    line-height: 150%;
    font-size: 1em;
  }
}
/*フォームフロー2*/
.inquiry_process_li_02 {
  box-sizing: border-box;
  background-color: #999;
  height: 48px;
  padding-top: 10px;
  text-align: center;
  color: #fff;
  flex-basis: 100%;
  font-weight: 700;
  line-height: 130%;
  font-size: 10px;
}
@media screen and (min-width: 1280px) {
  .inquiry_process_li_02 {
    height: 56px;
    padding-top: 6px;
    line-height: 150%;
    font-size: 1em;
  }
}
/*フォームフロー3*/
.inquiry_process_li_03 {
  box-sizing: border-box;
  background-color: #dddddd;
  height: 48px;
  padding-top: 10px;
  text-align: center;
  color: #fff;
  flex-basis: 100%;
  font-weight: 700;
  line-height: 130%;
  font-size: 10px;
}
@media screen and (min-width: 1280px) {
  .inquiry_process_li_03 {
    height: 56px;
    padding-top: 6px;
    line-height: 150%;
    font-size: 1em;
  }
}
/*フォームフローフォントサイズ調整、アイコン調整*/
@media screen and (min-width: 520px) {
  .inquiry_process_li_01,
  .inquiry_process_li_02,
  .inquiry_process_li_03 {
    font-size: 1em;
  }
}
@media screen and (min-width: 360px) {
  .inquiry_process_li_01::after,
  .inquiry_process_li_02::after {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    margin-left: 4px;
    position: absolute;
    font-size: 1em;
  }
}
/*フォームグリッド*/
.form_glid_01 {
  box-sizing: border-box;
}
/*フォームボックスPC100％*/
.form_box_10 {
  box-sizing: border-box;
  width: 100%;
}
/*フォームボックスPC50％モバイルは100％*/
.form_box_50 {
  box-sizing: border-box;
  width: 100%;
}
@media screen and (min-width: 521px) {
  .form_box_50 {
    width: 48.7%;
  }
}
/*フォームボックス（フレックス）*/
.inquiry_flex_between {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
/*フォームボックス（左詰め）*/
.inquiry_flex_start {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
/*見出しテキスト*/
.inquiry_text_01 {
  font-size: 14px;
  font-weight: 700;
  margin-top: 16px;
  margin-bottom: 2px;
}
@media screen and (min-width: 1280px) {
  .inquiry_text_01 {
    font-size: 16px;
  }
}
/*テキスト色、改行指定など*/
.inquiry_text_red {
  font-weight: 700;
  color: #ff0000;
}
.inquiry_text_blue {
  font-weight: 700;
  color: #0082cd;
}
@media screen and (max-width: 700px) {
  .inquiry_text_br {
    display: block;
    margin-top: -4px;
  }
}
/*連絡方法マージン調整*/
#contact_method_box {
  margin-top: 8px;
}
@media screen and (min-width: 521px) and (max-width: 1279px) {
  #contact_method_box {
    margin-top: 8px;
  }
}
@media screen and (min-width: 1280px) {
  #contact_method_box {
    margin-top: 24px;
  }
}
/*来店希望モバイルマージン調整*/
@media screen and (max-width: 520px) {
  .date_box {
    margin-top: 8px;
  }
}
/*連絡方法非表示、モバイルマージン調整*/
#tel_box,
#line_box,
#tel_box_text {
  display: none;
}
/*店舗電話番号ボックスPC位置調整*/
.tel_box_text {
  line-height: 200%;
}
@media screen and (min-width: 521px) and (max-width: 1279px) {
  .tel_box_text {
    margin-top: 36px;
  }
}
@media screen and (min-width: 1280px) {
  .tel_box_text {
    margin-top: 28px;
  }
}
/*LINE問い合わせのボタン*/
.inquiry_text_line_01 {
  box-sizing: border-box;
  background-color: rgb(0, 145, 58);
  display: block;
  width: 100%;
  border-radius: 6px;
  transition: 0.2s ease-in-out;
  margin-bottom: 8px;
}
.inquiry_text_line_01:hover {
  transition: 0.2s ease-in-out;
  filter: alpha(opacity=60);
  opacity: 0.6;
}
.inquiry_text_line_01 a {
  box-sizing: border-box;
  color: #fff;
  text-align: center;
  padding-top: 8px;
  display: block;
  width: 100%;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 700;
  height: 40px;
}
/*店舗電話番号スタイル*/
.tel_box_text_bold {
  font-weight: 700;
  font-size: 24px;
  margin-right: 4px;
}
/*チェックボックススタイルリセット*/
.label_checkbox_01 input[type="checkbox"] {
  appearance: none;
  border: none;
  outline: none;
  background: transparent;
}
/*チェックボックススタイル*/
.label_checkbox_01 {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  border-radius: 4px;
  padding-left: 10px;
  border: 2px solid #dddddd;
  margin-bottom: 8px;
  font-size: 16px;
}
@media screen and (min-width: 521px) and (max-width: 800px) {
  .label_checkbox_01 {
    width: 49%;
    margin-bottom: 8px;
  }
}
@media screen and (min-width: 801px) {
  .label_checkbox_01 {
    width: 23%;
    margin-bottom: 16px;
  }
}
/*ラジオボタンスタイルリセット*/
.label_radio_01 input[type="radio"] {
  appearance: none;
  border: none;
  outline: none;
  background: transparent;
}
.label_radio_02 input[type="radio"] {
  appearance: none;
  border: none;
  outline: none;
  background: transparent;
}
/*ラジオボタンスタイルPC4つ*/
.label_radio_01 {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 49%;
  height: 40px;
  border-radius: 4px;
  padding-left: 10px;
  border: 2px solid #dddddd;
  margin-bottom: 8px;
  font-size: 16px;
}
@media screen and (min-width: 521px) and (max-width: 800px) {
  .label_radio_01 {
    width: 49%;
    margin-bottom: 8px;
  }
}
@media screen and (min-width: 801px) {
  .label_radio_01 {
    width: 23%;
    margin-bottom: 16px;
  }
}
/*ラジオボタンスタイルPC2つ*/
.label_radio_02 {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  height: 40px;
  border-radius: 4px;
  padding-left: 10px;
  border: 2px solid #dddddd;
  width: 100%;
  margin-bottom: 8px;
  font-size: 16px;
}
@media screen and (min-width: 1280px) {
  .label_radio_02 {
    margin-bottom: 16px;
    width: 48.7%;
  }
}
/*インプット100％*/
.input_10 {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  border-radius: 4px;
  padding-left: 10px;
  border: 2px solid #dddddd;
  margin-bottom: 8px;
  font-size: 16px;
}
@media screen and (min-width: 1280px) {
  .input_10 {
    margin-bottom: 16px;
  }
}
/*インプットPC50％*/
.input_50 {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  border-radius: 4px;
  padding-left: 10px;
  border: 2px solid #dddddd;
  margin-bottom: 8px;
  font-size: 16px;
}
@media screen and (min-width: 700px) {
  .input_50 {
    width: 48.7%;
    margin-bottom: 16px;
  }
}
/*インプットPC25％*/
.input_25 {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 49%;
  height: 40px;
  border-radius: 4px;
  padding-left: 10px;
  border: 2px solid #dddddd;
  margin-bottom: 8px;
  font-size: 16px;
}
@media screen and (min-width: 1280px) {
  .input_25 {
    width: 23%;
    height: 40px;
    padding-left: 10px;
    margin-bottom: 16px;
  }
}
/*インプット来店日*/
.input_date {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  border-radius: 4px;
  padding-left: 10px;
  border: 2px solid #dddddd;
  margin-bottom: 8px;
  font-size: 16px;
}
@media screen and (min-width: 521px) and (max-width: 800px) {
  .input_date {
    width: 100%;
  }
}
@media screen and (min-width: 801px) {
  .input_date {
    width: 48%;
    margin-bottom: 16px;
    float: left;
  }
}
/*セレクト来店時間*/
.select_time {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  border-radius: 4px;
  padding-left: 10px;
  border: 2px solid #dddddd;
  margin-bottom: 8px;
  font-size: 16px;
}
@media screen and (min-width: 521px) and (max-width: 800px) {
  .select_time {
    width: 100%;
  }
}
@media screen and (min-width: 801px) {
  .select_time {
    width: 48%;
    margin-left: 4%;
    float: left;
  }
}
/*セレクト引越し希望時期*/
.select_movein {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 49%;
  height: 40px;
  border-radius: 4px;
  padding-left: 10px;
  border: 2px solid #dddddd;
  margin-bottom: 8px;
  font-size: 16px;
}
@media screen and (min-width: 521px) and (max-width: 801px) {
  .select_movein {
    width: 100%;
    margin-top: 0px;
  }
}
@media screen and (min-width: 801px) {
  .select_movein {
    width: 47.5%;
    margin-top: 0px;
    margin-bottom: 16px;
  }
}
/*セレクトその他*/
.select_other {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  border-radius: 4px;
  padding-left: 10px;
  border: 2px solid #dddddd;
  margin-bottom: 8px;
  font-size: 16px;
}
@media screen and (min-width: 521px) and (max-width: 801px) {
  .select_other {
    width: 100%;
    margin-top: 0px;
  }
}
@media screen and (min-width: 801px) {
  .select_other {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 16px;
  }
}
/*テキストエリア*/
.input_textarea {
  box-sizing: border-box;
  width: 100%;
  height: 120px;
  border-radius: 4px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  border: 2px solid #dddddd;
  resize: none;
  font-size: 16px;
}

/*サブミット*/
.submit_btn {
  transition: 0.2s ease-in-out;
  display: block;
  background-color: #4ebd69;
  text-align: center;
  width: 90%;
  max-width: 300px;
  height: 56px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 36px;
  border: none;
  color: #ffffff;
  font-weight: 700;
  font-size: 18px;
  -webkit-box-shadow: 0px 2px 4px 0px #dddddd;
  box-shadow: 0px 2px 4px 0px #dddddd;
}
@media screen and (min-width: 1280px) {
  .submit_btn {
    width: 400px;
    height: 64px;
    font-size: 20px;
  }
}
/*サブミットロールオーバー*/
.submit_btn:hover {
  transition: 0.2s ease-in-out;
  filter: alpha(opacity=60);
  opacity: 0.6;
}
/*サブミットイルカ*/
.inquery_submit_iruka_img {
  display: block;
  width: 160px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 24px;
  margin-bottom: -9px;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 1280px) {
  .inquery_submit_iruka_img {
    display: block;
    width: 180px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -10px;
    position: relative;
    z-index: 1;
  }
}
/*フォーム個人情報ボックス*/
.inquery_privacy_box {
  box-sizing: border-box;
  border: 2px #ddd solid;
  border-radius: 4px;
  margin-top: 40px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 24px;
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
  .inquery_privacy_box {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 24px;
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 1320px) {
  .inquery_privacy_box {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 24px;
    padding-bottom: 40px;
  }
}
/*フォーム個人情報見出し*/
.inquery_privacy_text_h_01 {
  font-weight: bold;
  margin-top: 16px;
}