@charset "UTF-8";
/* ================================================================= 
 License : e-TRUST Inc.
 File name : common_style.css
 Style : common_style
================================================================= */
/*グレー*/
/*ゴールド*/
/*(青)*/
/*(暗めゴールド)*/
/*(濃い茶)*/
/*(薄いピンク)*/
/*(水色)*/
/*(青色)*/
/*(薄いオレンジ)*/
/*(オレンジ)*/
/*コーラルピンク*/
/*
Zarigani Design Office Drawer Menu
Copyright 2018 Zarigani Design Office

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
@import url(https://use.typekit.net/wgd6zip.css);
@import url(https://use.typekit.net/fhd7qnz.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/css2?family=Marcellus&display=swap);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,500,700|Noto+Serif+JP:300,400,500,600,700&display=swap);
.zdo_drawer_menu * {
  margin: 0;
  padding: 0;
  outline: none;
  border: none;
  font: inherit;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-align: left;
  text-decoration: none;
  list-style: none; }
.zdo_drawer_menu a {
  color: inherit;
  text-decoration: none; }
.zdo_drawer_menu a:visited {
  color: inherit; }
.zdo_drawer_menu .zdo_drawer_bg {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999;
  background-color: rgba(51, 51, 51, 0.5);
  display: none;
  top: 0;
  left: 0; }
.zdo_drawer_menu .zdo_drawer_button {
  display: block;
  background: none;
  border: none;
  padding: 0;
  width: 42px;
  letter-spacing: 0.1em;
  cursor: pointer;
  position: fixed;
  top: 32px;
  right: 32px;
  z-index: 1001;
  text-align: center;
  outline: none; }
  .zdo_drawer_menu .zdo_drawer_button.active .zdo_drawer_bar {
    width: 49px; }
  .zdo_drawer_menu .zdo_drawer_button.active .zdo_drawer_bar1 {
    transform: rotate(30deg); }
  .zdo_drawer_menu .zdo_drawer_button.active .zdo_drawer_bar2 {
    opacity: 0; }
  .zdo_drawer_menu .zdo_drawer_button.active .zdo_drawer_bar3 {
    transform: rotate(-30deg); }
  .zdo_drawer_menu .zdo_drawer_button.active .zdo_drawer_menu_text {
    display: none; }
  .zdo_drawer_menu .zdo_drawer_button.active .zdo_drawer_close {
    display: block; }
.zdo_drawer_menu .zdo_drawer_bar {
  display: block;
  height: 2px;
  margin: 10px 0;
  transition: all 0.2s;
  transform-origin: 0 0; }
.zdo_drawer_menu .zdo_drawer_text {
  text-align: center;
  font-size: 10px; }
.zdo_drawer_menu .zdo_drawer_close {
  letter-spacing: 0.08em;
  display: none; }
.zdo_drawer_menu .zdo_drawer_menu_text {
  display: block; }
.zdo_drawer_menu .zdo_drawer_nav_wrapper {
  width: 312px;
  height: 100%;
  transition: all 0.2s;
  transform: translate(312px);
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1000;
  background-color: #FFF; }
  .zdo_drawer_menu .zdo_drawer_nav_wrapper.open {
    transform: translate(0); }
.zdo_drawer_menu.left .zdo_drawer_button {
  right: auto;
  left: 32px; }
.zdo_drawer_menu.left .zdo_drawer_nav_wrapper {
  transform: translate(-312px);
  right: auto;
  left: 0; }
  .zdo_drawer_menu.left .zdo_drawer_nav_wrapper.open {
    transform: translate(0); }

/*+++ Default Navigation CSS +++*/
.zdo_drawer_menu .zdo_drawer_nav {
  padding: 112px 24px; }
  .zdo_drawer_menu .zdo_drawer_nav li {
    font-size: 16px;
    margin-bottom: 15px; }

/*+++ Default Button Color +++*/
.zdo_drawer_menu .zdo_drawer_button {
  color: #276490; }
  .zdo_drawer_menu .zdo_drawer_button .zdo_drawer_bar {
    background-color: #276490; }

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

body {
  counter-reset: number 0;
  line-height: 2em;
  font-weight: 500;
  letter-spacing: 1.0px;
  color: #454545;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  word-wrap: break-word;
  overflow: hidden;
  font-size: 0.875rem; }
  @media only screen and (max-width: 640px) {
    body {
      font-size: 0.9375rem;
      line-height: 1.8em;
      letter-spacing: normal; } }

.inner {
  width: 95%;
  max-width: 1000px;
  margin: 0 auto; }

.inner2 {
  margin: 0 auto;
  max-width: 1000px; }

#contents_wrap {
  width: 100%;
  min-width: 100% !important; }

#contents {
  font-size: 100%;
  width: 100%;
  max-width: 1100px; }
  @media screen and (min-width: 1001px) and (max-width: 1200px) {
    #contents {
      padding-left: 20px !important;
      padding-right: 20px !important; } }
  @media screen and (min-width: 835px) and (max-width: 1000px) {
    #contents {
      padding-left: 20px !important;
      padding-right: 20px !important; } }
  @media screen and (min-width: 641px) and (max-width: 835px) {
    #contents {
      padding-left: 20px !important;
      padding-right: 20px !important; } }
  @media only screen and (max-width: 640px) {
    #contents {
      padding-left: 15px !important;
      padding-right: 15px !important; } }

#main {
  width: 100%; }

#main #col_main {
  width: 100%; }

/*
#side {
	width: 18.75000%;
}
*/
.map {
  margin: 56px 20px 0; }

.map li {
  border-left: 5px solid #CCCCCC;
  list-style: none;
  margin: 0 0 15px;
  padding: 0 0 0 10px;
  text-align: left; }

.policy h2 {
  border-bottom: 2px solid #BBBBBB;
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 15px;
  padding: 0 0 5px; }

.policy p {
  margin: 0 0 20px; }

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  table {
    table-layout: fixed; } }
.tlfixed table {
  table-layout: fixed; }

table td img {
  height: auto !important; }

.pdtd10 td {
  padding: 10px !important; }

pre {
  margin: 0;
  padding: 0;
  white-space: pre-line; }

b, strong {
  font-weight: bold; }

u {
  text-decoration: line-through; }

img {
  max-width: 100%;
  height: auto !important; }

small {
  font-size: 80%; }

hr {
  border: none;
  height: 0;
  border-bottom: 1px dashed #B3B3B3; }

span {
  font-weight: inherit; }

u {
  text-decoration: underline; }

b {
  font-weight: 500; }

input[type="button"] {
  cursor: pointer;
  padding: 5px 10px; }

a {
  text-decoration: none; }

a:hover {
  opacity: 0.6; }

@media screen and (min-width: 641px) and (max-width: 835px) {
  .imgR, .imgL {
    max-width: 30% !important; } }
@media only screen and (max-width: 640px) {
  .imgR, .imgL {
    display: block;
    float: none;
    margin: 0 auto 10px;
    max-width: 100% !important;
    text-align: center; } }

.mincho {
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "a-otf-ryumin-pr6n", serif; }

.gothic {
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

@media only screen and (max-width: 640px) {
  .fltL {
    float: none;
    width: 100% !important; }

  .fltR {
    float: none;
    width: 100% !important; }

  .sptal {
    text-align: left !important; }

  .sptar {
    text-align: right !important; }

  .sptac {
    text-align: center !important; }

  .spcenter {
    text-align: center;
    display: block;
    margin-top: 10px; } }
header#global_header {
  min-width: auto; }

footer#global_footer {
  min-width: auto; }

header#global_header {
  max-width: 100%;
  width: 100%;
  min-width: 100%; }
  header#global_header #header-wrap {
    width: 100%; }

#header {
  padding: 10px  0;
  background: #ffebeb; }
  @media only screen and (max-width: 835px) {
    #header {
      padding: 0; } }
  #header .header-logo {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 200px; }
    @media screen and (max-width: 1200px) {
      #header .header-logo {
        width: 150px; } }
    @media only screen and (max-width: 640px) {
      #header .header-logo {
        width: 100px; } }

.smicon {
  position: fixed;
  z-index: 10;
  top: 10px;
  right: 60px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end; }
  .smicon div {
    margin: 0 5px; }
    .smicon div a {
      background: #ff7e7e;
      border-radius: 50%;
      width: 40px;
      height: 40px;
      line-height: 40px;
      display: block;
      color: #fff;
      margin: 0 auto;
      font-size: 1rem; }
  @media screen and (max-width: 400px) {
    .smicon div {
      margin: auto; } }
  @media screen and (min-width: 836px) {
    .smicon {
      display: none; } }

@media screen and (min-width: 836px) {
  .all-header {
    margin: 0 20px !important; } }

.header-right {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background: #ffebeb; }
  @media only screen and (max-width: 835px) {
    .header-right {
      display: none; } }

.mean-container .mean-push {
  display: none !important; }

#nav-wrap {
  width: 65%;
  max-width: 1000px;
  min-width: 650px; }
  @media screen and (max-width: 1100px) {
    #nav-wrap {
      width: 80%; } }
  @media only screen and (max-width: 835px) {
    #nav-wrap {
      display: none; } }

#nav_global ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start; }
  #nav_global ul li {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    position: relative; }
    #nav_global ul li:not(.first):before {
      content: '|';
      font-size: 15px;
      color: #bbb;
      padding-right: 10px;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      display: flex;
      align-items: center; }
    #nav_global ul li a {
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 5px 0;
      text-align: center;
      position: relative;
      text-decoration: none;
      color: #59432a;
      font-size: 0.9375rem; }
      #nav_global ul li a:hover {
        transition: 0.5s;
        transform: scale(1.1); }
      @media screen and (min-width: 835px) and (max-width: 1000px) {
        #nav_global ul li a {
          font-size: 0.8125rem; } }
      @media screen and (max-width: 900px) {
        #nav_global ul li a {
          font-size: 0.75rem; } }
    #nav_global ul li ul {
      position: absolute;
      background: rgba(255, 235, 235, 0.9);
      margin: auto;
      display: block;
      width: 100%;
      z-index: 1; }
      #nav_global ul li ul li:before {
        content: none !important; }
      #nav_global ul li ul li a {
        padding: 10px 5px;
        font-size: 0.875rem; }

.header_tel_wrap {
  text-align: left; }
  .header_tel_wrap .header_tel a {
    display: flex;
    align-items: center;
    color: #59432a;
    font-size: 1.875rem;
    font-family: "Century Gothic", "CenturyGothic", "AppleGothic", "sans-serif"; }
    @media (max-width: 1200px) {
      .header_tel_wrap .header_tel a {
        font-size: calc(1.3125rem + 0.75vw) ; } }
  .header_tel_wrap .header_tel i {
    background: #ff7e7e;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    font-size: 1.25rem;
    margin-right: 7px; }
  @media screen and (max-width: 1200px) {
    .header_tel_wrap .header_tel a {
      font-size: 1.5rem; }
      .header_tel_wrap .header_tel a i {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 1rem; } }
  @media screen and (max-width: 1200px) and (max-width: 1200px) {
    .header_tel_wrap .header_tel a {
      font-size: calc(1.275rem + 0.3vw) ; } }

  @media screen and (max-width: 1100px) {
    .header_tel_wrap {
      display: none; } }

.mean-bar {
  display: none; }

#mainArea {
  position: relative;
  left: 0;
  right: 0;
  max-width: 100%; }
  #mainArea #slider img {
    width: 100%; }
  #mainArea .slick-prev, #mainArea .slick-next {
    z-index: 100;
    height: auto !important;
    width: auto !important; }
  #mainArea .slick-prev {
    left: 18% !important; }
    @media screen and (min-width: 641px) and (max-width: 835px) {
      #mainArea .slick-prev {
        width: 50px !important; } }
  #mainArea .slick-next {
    right: 18% !important; }
    @media screen and (min-width: 641px) and (max-width: 835px) {
      #mainArea .slick-next {
        width: 50px !important; } }
  #mainArea .slick-prev:before, #mainArea .slick-next:before {
    display: none; }

.bg_color_wrap0 {
  position: relative;
  padding: 20% 0 !important; }
  @media only screen and (max-width: 640px) {
    .bg_color_wrap0 {
      padding: 40% 0 !important; } }

.bg_color_inr0 {
  width: 90%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  background: #ff7e7e;
  z-index: 0; }

.main_txt {
  position: absolute;
  width: 100%;
  right: 0px;
  left: auto;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center; }
  .main_txt img {
    margin: 0 0 0 auto; }
  @media screen and (max-width: 1600px) {
    .main_txt img {
      width: 50%; } }

.slick-dotted.slick-slider {
  margin-bottom: 0 !important; }

.mean-container .mean-bar {
  background: #ff7e7e !important;
  position: fixed !important; }

.mean-container .mean-nav {
  background: #ff7e7e !important; }

.mean-container .mean-nav ul li a {
  border-top: 1px solid #fff !important;
  padding: 0.8em 5% !important; }

.mean-container .mean-nav ul li a.mean-expand:hover {
  /*
  background-color: #e9832f !important;*/ }

.mean-container .mean-nav ul li a.mean-expand {
  height: 30px !important; }
  @media screen and (min-width: 641px) and (max-width: 835px) {
    .mean-container .mean-nav ul li a.mean-expand {
      height: 25px !important; } }

.mean-container .mean-nav ul li li a {
  padding: 0.2em 10% !important; }

.anchor {
  display: block;
  transform: translateY(-100px); }
  @media screen and (min-width: 641px) and (max-width: 835px) {
    .anchor {
      transform: translateY(-50px); } }
  @media only screen and (max-width: 640px) {
    .anchor {
      transform: translateY(-30px); } }

.anchor2 {
  display: block;
  transform: translateY(-150px); }
  @media screen and (min-width: 641px) and (max-width: 835px) {
    .anchor2 {
      transform: translateY(-100px); } }
  @media only screen and (max-width: 640px) {
    .anchor2 {
      transform: translateY(-100px); } }

/*
飛ばしたいところの前に以下のような記述
<span id="map" class="anchor"></span>
*/
.clone-nav {
  width: 100%;
  position: fixed;
  background: rgba(255, 235, 235, 0.9);
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  width: 100%;
  transition: .3s;
  transform: translateY(-100%);
  margin-left: 0 !important; }
  @media only screen and (max-width: 835px) {
    .clone-nav {
      display: none !important; } }
  .clone-nav #nav_global {
    margin: 10px  auto; }
  .clone-nav #nav-wrap {
    width: 100%;
    max-width: 100%; }
  .clone-nav .header_tel_wrap {
    display: none; }

.is-show {
  transform: translateY(0); }

@media screen and (min-width: 836px) {
  .zdo_drawer_menu {
    display: none !important; } }

.zdo_drawer_menu .zdo_drawer_button {
  background: rgba(255, 235, 235, 0.9) !important;
  padding: 0 5px !important;
  width: 50px;
  height: 50px;
  top: 5px !important;
  right: 5px !important; }

.zdo_drawer_menu .zdo_drawer_button .zdo_drawer_bar {
  background: #59432a !important; }

.store_areA {
  padding: 0 10% 5% 10%; }
  .store_areA .h_logo {
    margin: 20px auto 0 auto;
    width: 100%; }
    .store_areA .h_logo a {
      color: #ff7e7e;
      font-size: 1.125rem;
      font-weight: 600; }
  .store_areA .drawer-icon img {
    display: block;
    margin: 0 auto;
    width: 150px; }
  .store_areA .header-icon-wrap {
    display: flex;
    justify-content: center; }
    .store_areA .header-icon-wrap li {
      width: 30%; }
      .store_areA .header-icon-wrap li a {
        width: 40px;
        height: 40px;
        line-height: 40px;
        margin: 0 auto;
        color: #59432a;
        background: #b8e9f5;
        border-radius: 50%; }
        .store_areA .header-icon-wrap li a i {
          padding-right: 0;
          color: #fff; }

.h_tel, .h_cont {
  width: 220px;
  height: 50px;
  line-height: 50px;
  background: #b8e9f5;
  color: #fff;
  letter-spacing: 0.2em;
  font-size: 1rem;
  margin-bottom: 10px; }
  .h_tel i, .h_cont i {
    margin-right: 5px; }
  .h_tel a, .h_cont a {
    display: block;
    color: #fff !important;
    font-size: 1rem;
    text-align: center; }

.zdo_drawer_menu .zdo_drawer_nav {
  padding: 30px 20px 10px 20px !important;
  	/*height: 400px;
      overflow: scroll;
  	*/ }

.zdo_drawer_menu a {
  display: block;
  color: #59432a;
  padding-bottom: 10px;
  text-align: center; }
  .zdo_drawer_menu a i {
    color: #ff7e7e;
    padding-right: 5px; }

.zdo_drawer_menu .zdo_drawer_nav li {
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px !important; }

.zdo_drawer_menu .zdo_drawer_menu_text, .zdo_drawer_menu .zdo_drawer_button.active .zdo_drawer_close {
  display: none !important; }

.zdo_drawer_menu .zdo_drawer_nav_wrapper {
  background: #ffebeb;
  background-size: cover;
  height: 100%;
  overflow: scroll; }

.zdo_drawer_menu a:visited {
  color: #59432a; }

#top-button {
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 3; }
  #top-button img {
    width: 200px; }
  @media screen and (min-width: 641px) and (max-width: 835px) {
    #top-button {
      bottom: 0;
      right: 0; }
      #top-button img {
        width: 150px; } }
  @media only screen and (max-width: 640px) {
    #top-button {
      bottom: 0;
      right: 0; }
      #top-button img {
        width: 100px; } }

footer#global_footer {
  position: relative;
  min-width: auto !important;
  margin-top: 80px; }
  @media screen and (min-width: 641px) and (max-width: 835px) {
    footer#global_footer {
      margin-top: 40px; } }
  @media only screen and (max-width: 640px) {
    footer#global_footer {
      margin-top: 30px; } }

.TCT_wrap {
  position: relative;
  padding: 3% 0  !important; }
  @media screen and (max-width: 1300px) {
    .TCT_wrap {
      padding: 5% 0  !important; } }
  @media screen and (min-width: 641px) and (max-width: 835px) {
    .TCT_wrap {
      padding: 6% 0 !important; } }
  @media only screen and (max-width: 640px) {
    .TCT_wrap {
      padding: 8% 0 !important; } }

.TCT_inr {
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin-left: calc(((100vw - 100%) / 2) * -1);
  margin-right: calc(((100vw - 100%) / 2) * -1);
  background: url(../images/home/tct_bg.jpg) no-repeat center top;
  background-size: cover;
  z-index: 0; }

.TCT_cont {
  position: relative;
  max-width: 1000px;
  width: 95%;
  margin: 0  auto;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 10px;
  padding: 30px;
  box-shadow: 0px 7px 10px 0px rgba(4, 0, 0, 0.2); }
  @media only screen and (max-width: 835px) {
    .TCT_cont {
      padding: 15px; } }
  .TCT_cont .title_02 {
    margin-top: 20px; }

.TCT_txt {
  font-size: 1.125rem;
  color: #7f603c;
  margin-top: 15px; }
  @media only screen and (max-width: 835px) {
    .TCT_txt {
      font-size: 1rem; } }
  @media only screen and (max-width: 835px) and (max-width: 400px) {
    .TCT_txt {
      text-align: left; }
      .TCT_txt br {
        display: none; } }

.TCT_info {
  max-width: 500px;
  margin: 15px auto;
  width: 95%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  .TCT_info div a {
    display: flex;
    align-items: center;
    color: #7f603c;
    font-size: 2.5rem;
    font-family: "Century Gothic", "CenturyGothic", "AppleGothic", "sans-serif"; }
    @media (max-width: 1200px) {
      .TCT_info div a {
        font-size: calc(1.375rem + 1.5vw) ; } }
  .TCT_info div i {
    background: #ff7e7e;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    font-size: 1.25rem;
    margin-right: 7px; }
  @media only screen and (max-width: 835px) {
    .TCT_info {
      margin: 10px auto; } }

.f-time .scrollcoment {
  font-size: 0.75rem;
  text-align: left; }
  @media screen and (min-width: 640px) {
    .f-time .scrollcoment {
      display: none; } }
.f-time .timetable {
  width: 100%;
  max-width: 800px;
  background: #e3e3e3;
  margin: 0 auto;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch !important; }
  .f-time .timetable table {
    table-layout: fixed;
    min-width: 100%; }
    .f-time .timetable table tr:first-child {
      background: #ffebeb; }
  .f-time .timetable .tbl-ttl {
    width: 150px; }
  .f-time .timetable td {
    height: 40px;
    width: 50px;
    border: 1px solid #454545; }
.f-time .f-time-txt {
  text-align: left; }
  @media only screen and (max-width: 640px) {
    .f-time .f-time-txt {
      font-size: 0.8125rem;
      line-height: 1.5em; } }

.f-time-btm {
  width: 100%;
  max-width: 600px;
  margin: 15px auto 0 auto;
  display: flex;
  align-items: flex-start; }
  .f-time-btm > div {
    width: 48%;
    margin: 1%;
    line-height: 1.5em;
    display: flex;
    flex-direction: column;
    align-items: center; }
    .f-time-btm > div img {
      width: 250px; }
  @media only screen and (max-width: 835px) {
    .f-time-btm {
      margin: 10px auto 0 auto; } }
  @media screen and (max-width: 400px) {
    .f-time-btm {
      flex-direction: column; }
      .f-time-btm div {
        width: 100%;
        margin: 0 auto 10px auto; } }

.footer-wrap {
  margin: 30px auto; }
  .footer-wrap address .f-id {
    margin: 10px auto 5px auto; }
    .footer-wrap address .f-id a {
      color: #59432a;
      font-size: 1.125rem;
      font-weight: 600; }
    @media only screen and (max-width: 835px) {
      .footer-wrap address .f-id {
        margin: 0 auto 10px auto; } }
  .footer-wrap address p {
    margin-bottom: 15px; }
    @media screen and (max-width: 400px) {
      .footer-wrap address p {
        font-size: 0.8125rem; } }
  .footer-wrap .footer-nav {
    width: 95%;
    margin: 0 auto;
    max-width: 1000px;
    border-top: 1px solid rgba(127, 96, 60, 0.5);
    border-bottom: 1px solid rgba(127, 96, 60, 0.5); }
    .footer-wrap .footer-nav ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
      .footer-wrap .footer-nav ul li a {
        text-align: right;
        font-size: 0.9375rem;
        display: block;
        width: 100%;
        text-align: center;
        padding: 10px; }
    @media only screen and (max-width: 835px) {
      .footer-wrap .footer-nav {
        display: none; } }
  @media only screen and (max-width: 835px) {
    .footer-wrap {
      justify-content: center;
      text-align: center; }
      .footer-wrap address {
        max-width: 100%;
        width: 100%; } }
  .footer-wrap .btn1, .footer-wrap .btn2, .footer-wrap .btn1_L {
    margin: 15px auto 30px auto; }
    @media only screen and (max-width: 835px) {
      .footer-wrap .btn1, .footer-wrap .btn2, .footer-wrap .btn1_L {
        margin: 15px auto; } }

.f-map {
  width: 95%;
  margin: 0  auto;
  max-width: 1000px; }

#copyright {
  background: #ff7e7e;
  text-align: center;
  color: #fff !important; }
  #copyright a {
    color: #fff !important; }

.mean-container .mean-push {
  display: none !important; }

.title_04_lc h2, .title_04b_lc h2 {
  background: rgba(255, 126, 126, 0.3);
  padding: 10px;
  font-size: 1.5rem;
  color: #59432a;
  font-weight: 600;
  line-height: 1.5em;
  text-align: center;
  margin: 40px auto 20px auto; }
  @media (max-width: 1200px) {
    .title_04_lc h2, .title_04b_lc h2 {
      font-size: calc(1.275rem + 0.3vw) ; } }
  @media screen and (min-width: 641px) and (max-width: 835px) {
    .title_04_lc h2, .title_04b_lc h2 {
      font-size: 1.25rem;
      margin: 30px auto 15px auto; } }
  @media only screen and (max-width: 640px) {
    .title_04_lc h2, .title_04b_lc h2 {
      font-size: 1.25rem;
      margin: 30px auto 15px auto; } }
  .title_04_lc h2 span, .title_04b_lc h2 span {
    color: #ff5959; }

.title_04b_lc h2 {
  background: rgba(255, 178, 126, 0.5); }
  .title_04b_lc h2 span {
    color: #fc5219; }

.title_b1 {
  margin: 40px auto 20px; }
  .title_b1 h3, .title_b1 h4 {
    position: relative;
    padding-left: 30px;
    font-size: 1.25rem;
    font-weight: 500;
    color: #59432a;
    border-bottom: dashed 2px rgba(127, 96, 60, 0.3);
    display: flex;
    align-items: center; }
    .title_b1 h3:after, .title_b1 h4:after {
      font-family: "Font Awesome 5 Pro";
      content: "\f4ba";
      /*アイコンのユニコード*/
      font-weight: 600;
      color: #87dff5;
      font-size: 1.5rem;
      position: absolute;
      /*絶対位置*/
      left: 0px;
      /*アイコンの位置*/
      top: 0;
      bottom: 0;
      display: flex;
      align-items: center; }
      @media (max-width: 1200px) {
        .title_b1 h3:after, .title_b1 h4:after {
          font-size: calc(1.275rem + 0.3vw) ; } }
    @media only screen and (max-width: 835px) {
      .title_b1 h3, .title_b1 h4 {
        font-size: 1.125rem;
        font-weight: bold;
        padding-left: 25px; }
        .title_b1 h3:after, .title_b1 h4:after {
          font-size: 1.25rem; } }
  @media only screen and (max-width: 835px) {
    .title_b1 {
      margin: 30px auto 15px; } }

.title_b2 {
  margin: 20px auto 10px; }
  .title_b2 h3, .title_b2 h4 {
    position: relative;
    padding-left: 30px;
    font-size: 1.125rem;
    font-weight: 500;
    color: #59432a;
    border-bottom: dashed 2px rgba(127, 96, 60, 0.3);
    display: flex;
    align-items: center; }
    .title_b2 h3:after, .title_b2 h4:after {
      font-family: "Font Awesome 5 Pro";
      content: "\f7ff";
      /*アイコンのユニコード*/
      font-weight: 600;
      color: #ff7e7e;
      font-size: 1.5rem;
      position: absolute;
      /*絶対位置*/
      left: 0px;
      /*アイコンの位置*/
      top: 0;
      bottom: 0;
      display: flex; }
      @media (max-width: 1200px) {
        .title_b2 h3:after, .title_b2 h4:after {
          font-size: calc(1.275rem + 0.3vw) ; } }
    @media only screen and (max-width: 835px) {
      .title_b2 h3, .title_b2 h4 {
        font-size: 1.125rem;
        font-weight: bold;
        padding-left: 25px; } }
  @media only screen and (max-width: 835px) {
    .title_b2 {
      margin: 20px auto 10px; } }

.title_05_lc h2 {
  font-size: 1.5rem;
  color: #59432a;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
  position: relative;
  margin: 100px auto 20px auto; }
  @media (max-width: 1200px) {
    .title_05_lc h2 {
      font-size: calc(1.275rem + 0.3vw) ; } }
  .title_05_lc h2:before {
    position: absolute;
    content: '';
    background: url(../images/contents/title_icon6.png) no-repeat;
    width: 80px;
    height: 74px;
    left: 0;
    right: 0;
    top: -90px;
    margin: 0 auto; }
  @media screen and (min-width: 641px) and (max-width: 835px) {
    .title_05_lc h2 {
      font-size: 1.25rem;
      margin: 84px auto 15px auto; }
      .title_05_lc h2:before {
        width: 60px;
        height: 60px;
        top: -70px;
        background-size: contain; } }
  @media only screen and (max-width: 640px) {
    .title_05_lc h2 {
      font-size: 1.125rem;
      margin: 84px auto 15px auto;
      text-align: left !important; }
      .title_05_lc h2:before {
        width: 60px;
        height: 60px;
        top: -70px;
        background-size: contain; } }

.title_01_lc h2 {
  font-size: 1.5rem;
  color: #59432a;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
  line-height: 1.5em;
  position: relative;
  margin: 82px auto 20px auto; }
  @media (max-width: 1200px) {
    .title_01_lc h2 {
      font-size: calc(1.275rem + 0.3vw) ; } }
  .title_01_lc h2:before {
    position: absolute;
    content: '';
    background: url(../images/home/title_icon1.png) no-repeat;
    width: 91px;
    height: 72px;
    left: 0;
    right: 0;
    top: -82px;
    margin: 0 auto; }
  @media screen and (min-width: 641px) and (max-width: 835px) {
    .title_01_lc h2 {
      font-size: 1.25rem; }
      .title_01_lc h2:before {
        width: 70px;
        height: 60px;
        top: -70px;
        background-size: contain; } }
  @media only screen and (max-width: 640px) {
    .title_01_lc h2 {
      font-size: 1.125rem; }
      .title_01_lc h2:before {
        width: 70px;
        height: 60px;
        top: -70px;
        background-size: contain; } }

.info_flx .box article > h3 {
  display: none; }
.info_flx .box div {
  padding: 5px; }
.info_flx .box span {
  background: #ff7e7e;
  color: #fff;
  font-size: 1.25rem;
  font-family: "Century Gothic", "CenturyGothic", "AppleGothic", "sans-serif";
  border-radius: 50%;
  width: 30px;
  height: 30px;
  font-weight: bold;
  display: inline-block;
  text-align: center;
  margin-right: 5px; }

.prof_flx .box img {
  display: block;
  margin: 0  auto; }

.anc_btn ul {
  display: flex; }
  .anc_btn ul li {
    width: 48%;
    margin: 1%; }
    .anc_btn ul li a {
      text-align: center;
      position: relative;
      z-index: 2;
      background: #b8e9f5;
      transition: all .5s;
      display: block;
      margin: 0 auto;
      width: 90%;
      min-width: 220px;
      padding: 15px 10px;
      color: #59432a;
      font-size: 1rem;
      font-weight: bold; }
      .anc_btn ul li a:after {
        font-family: "Font Awesome 5 Pro";
        content: "\f054";
        /*アイコンのユニコード*/
        position: absolute;
        /*絶対位置*/
        right: 10px;
        /*アイコンの位置*/
        top: 0;
        bottom: 0;
        display: flex;
        align-items: center; }
      .anc_btn ul li a:hover {
        opacity: 1 !important;
        background-color: #87dff5; }
        .anc_btn ul li a:hover:after {
          transform: translate(3px, 0);
          transition: 0.5s; }
@media only screen and (max-width: 640px) {
  .anc_btn ul {
    flex-direction: column; }
    .anc_btn ul li {
      width: 100%;
      margin: 0 auto 15px; } }

.flow_info {
  display: flex; }
  .flow_info .flow_tel {
    margin: 1%;
    min-width: 300px;
    font-size: 0.8125rem;
    line-height: 1.5em; }
    .flow_info .flow_tel a {
      display: flex;
      align-items: center;
      color: #7f603c;
      font-size: 2.5rem;
      font-family: "Century Gothic", "CenturyGothic", "AppleGothic", "sans-serif"; }
      @media (max-width: 1200px) {
        .flow_info .flow_tel a {
          font-size: calc(1.375rem + 1.5vw) ; } }
    .flow_info .flow_tel i {
      background: #ff7e7e;
      border-radius: 50%;
      width: 45px;
      height: 45px;
      line-height: 45px;
      text-align: center;
      color: #fff;
      font-size: 1.25rem;
      margin-right: 7px; }
  .flow_info .flow_yoyaku {
    margin: 1%;
    width: 250px; }
  @media only screen and (max-width: 835px) {
    .flow_info {
      flex-direction: column; }
      .flow_info .flow_tel {
        width: 100%;
        margin: 0 auto 15px auto; }
      .flow_info .flow_yoyaku {
        max-width: 250px;
        width: 100%;
        margin: 0 auto 0 0; } }

.card_logo ul {
  display: flex; }
  .card_logo ul li {
    width: 18%;
    margin: 1%;
    max-width: 100px; }
    .card_logo ul li img {
      display: block;
      margin: 0  auto;
      width: 100%; }
@media screen and (max-width: 350px) {
  .card_logo ul {
    flex-direction: column; }
    .card_logo ul li {
      width: 100%;
      margin: 0 auto 15px; } }

.check_UL1 ul li {
  padding-left: 35px;
  position: relative;
  margin-bottom: 10px;
  font-size: 1rem;
  font-weight: 500; }
  .check_UL1 ul li:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f336";
    /*アイコンのユニコード*/
    font-weight: 600;
    color: #b8e9f5;
    font-size: 1.25rem;
    position: absolute;
    /*絶対位置*/
    left: 0px;
    /*アイコンの位置*/
    top: 0;
    bottom: 0;
    display: flex; }

.pick03a {
  width: 100%;
  max-width: 500px;
  margin: auto;
  background: -moz-linear-gradient(top left, rgba(255, 126, 126, 0.3), rgba(184, 233, 245, 0.8));
  background: -webkit-linear-gradient(top left, rgba(255, 126, 126, 0.3), rgba(184, 233, 245, 0.8));
  background: linear-gradient(to bottom right, rgba(255, 126, 126, 0.3), rgba(184, 233, 245, 0.8));
  border-radius: 15px;
  padding: 15px; }
  .pick03a div {
    font-size: 1.25rem;
    color: #ff5959;
    font-weight: bold; }
  @media only screen and (max-width: 835px) {
    .pick03a {
      padding: 10px; }
      .pick03a div {
        font-size: 1rem; } }
  @media screen and (max-width: 350px) {
    .pick03a div {
      text-align: left !important; }
      .pick03a div br {
        display: none; } }

.kotsuban_flx .box:nth-child(2) div {
  line-height: 1.5em; }
@media screen and (min-width: 641px) and (max-width: 835px) {
  .kotsuban_flx {
    flex-direction: row !important; } }

.review_flx {
  display: flex;
  justify-content: space-between; }
  .review_flx .box_img {
    width: 18%;
    margin: 1%;
    flex-direction: column !important; }
    .review_flx .box_img > .box {
      width: 100%;
      margin-bottom: 10px; }
  .review_flx .box_txt {
    width: 78%;
    margin: 1%; }
  @media screen and (min-width: 641px) and (max-width: 835px) {
    .review_flx .box_img {
      width: 23%; }
    .review_flx .box_txt {
      width: 73%; } }
  @media only screen and (max-width: 640px) {
    .review_flx .box_img {
      width: 30%; }
    .review_flx .box_txt {
      width: 66%; } }
  @media screen and (max-width: 400px) {
    .review_flx {
      flex-direction: column; }
      .review_flx .box_img {
        width: 100%;
        margin: 0 auto 15px auto !important;
        flex-direction: row !important; }
        .review_flx .box_img > .box {
          width: 48%;
          margin: 1%; }
      .review_flx .box_txt {
        width: 100%;
        margin: 0 auto !important; } }

.title_01 {
  width: 95%;
  margin: 0 auto;
  max-width: 1500px; }
  .title_01 h1 {
    font-size: 1.5rem;
    color: #59432a;
    font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    line-height: 1.5em;
    position: relative;
    margin: 142px auto 42px auto; }
    @media (max-width: 1200px) {
      .title_01 h1 {
        font-size: calc(1.275rem + 0.3vw) ; } }
    .title_01 h1:before {
      position: absolute;
      content: '';
      background: url(../images/home/title_icon1.png) no-repeat;
      width: 91px;
      height: 72px;
      left: 0;
      right: 0;
      top: -82px;
      margin: 0 auto; }
    .title_01 h1:after {
      position: absolute;
      content: '';
      background: url(../images/home/title_icon2.png) no-repeat;
      width: 115px;
      height: 21px;
      left: 0;
      right: 0;
      bottom: -30px;
      margin: 0 auto; }
    .title_01 h1 span {
      color: #ff7e7e; }
    @media screen and (min-width: 641px) and (max-width: 835px) {
      .title_01 h1 {
        font-size: 1.25rem;
        margin: 112px auto 37px auto; } }
    @media screen and (max-width: 600px) {
      .title_01 h1 {
        font-size: 1.125rem; } }
    @media screen and (max-width: 500px) {
      .title_01 h1 {
        text-align: left !important;
        margin: 102px auto 37px auto; }
        .title_01 h1 br {
          display: none; } }

.title_02 h2 {
  font-size: 1.5rem;
  color: #59432a;
  font-weight: 600;
  position: relative;
  padding-bottom: 10px;
  text-align: center;
  line-height: 1.5em;
  margin-bottom: 20px; }
  @media (max-width: 1200px) {
    .title_02 h2 {
      font-size: calc(1.275rem + 0.3vw) ; } }
  .title_02 h2:after {
    position: absolute;
    content: '';
    background: url(../images/home/line1.png) no-repeat;
    width: 153px;
    height: 5px;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0; }
@media only screen and (max-width: 835px) {
  .title_02 {
    margin-bottom: 15px; }
    .title_02 h2 {
      font-size: 1.25rem; } }

.title_03 h2 {
  font-size: 1.5rem;
  line-height: 1.5em;
  font-weight: 600;
  color: #7f603c;
  margin-bottom: 20px; }
  @media (max-width: 1200px) {
    .title_03 h2 {
      font-size: calc(1.275rem + 0.3vw) ; } }
  @media screen and (min-width: 641px) and (max-width: 835px) {
    .title_03 h2 {
      font-size: 1.25rem;
      margin-bottom: 15px; } }
  @media only screen and (max-width: 640px) {
    .title_03 h2 {
      font-size: 1.25rem;
      margin-bottom: 15px; } }

.title_04 h2, .title_04b h2 {
  background: rgba(255, 126, 126, 0.3);
  padding: 10px;
  font-size: 1.5rem;
  color: #59432a;
  font-weight: 600;
  line-height: 1.5em;
  text-align: center;
  margin-bottom: 20px; }
  @media (max-width: 1200px) {
    .title_04 h2, .title_04b h2 {
      font-size: calc(1.275rem + 0.3vw) ; } }
  @media screen and (min-width: 641px) and (max-width: 835px) {
    .title_04 h2, .title_04b h2 {
      font-size: 1.25rem;
      margin-bottom: 15px; } }
  @media only screen and (max-width: 640px) {
    .title_04 h2, .title_04b h2 {
      font-size: 1.25rem;
      margin-bottom: 15px; } }
  .title_04 h2 span, .title_04b h2 span {
    color: #ff5959; }

.title_04b h2 {
  background: rgba(255, 178, 126, 0.5); }
  .title_04b h2 span {
    color: #fc5219; }

.title_04c h3 {
  background: url(../images/contents/ptn2.png) repeat;
  background-size: 1%;
  padding: 5px;
  font-size: 1.25rem;
  color: #59432a;
  font-weight: 600;
  line-height: 1.5em;
  text-align: center;
  margin-bottom: 20px; }
  @media screen and (min-width: 641px) and (max-width: 835px) {
    .title_04c h3 {
      font-size: 1.125rem;
      margin-bottom: 15px; } }
  @media only screen and (max-width: 640px) {
    .title_04c h3 {
      background-size: 2%;
      font-size: 1.125rem;
      margin-bottom: 15px; } }

.title_05 h2, .title_05b h2, .title_05c h2 {
  font-size: 1.5rem;
  color: #59432a;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
  position: relative;
  margin: 136px auto 20px auto; }
  @media (max-width: 1200px) {
    .title_05 h2, .title_05b h2, .title_05c h2 {
      font-size: calc(1.275rem + 0.3vw) ; } }
  .title_05 h2:before, .title_05b h2:before, .title_05c h2:before {
    position: absolute;
    content: '';
    background: url(../images/home/title_icon3.png) no-repeat;
    width: 63px;
    height: 66px;
    left: 0;
    right: 0;
    top: -76px;
    margin: 0 auto; }
  @media screen and (min-width: 641px) and (max-width: 835px) {
    .title_05 h2, .title_05b h2, .title_05c h2 {
      font-size: 1.25rem;
      margin: 116px auto 15px auto; } }
  @media only screen and (max-width: 640px) {
    .title_05 h2, .title_05b h2, .title_05c h2 {
      font-size: 1.25rem;
      margin: 106px auto 15px auto; } }

.title_05b h2:before {
  background: url(../images/home/title_icon4.png) no-repeat;
  width: 125px;
  height: 62px; }

.title_05c h2 {
  margin: 146px auto 20px auto; }
  .title_05c h2:before {
    background: url(../images/home/title_icon5.png) no-repeat;
    width: 47px;
    height: 75px;
    top: -86px; }
  @media screen and (min-width: 641px) and (max-width: 835px) {
    .title_05c h2 {
      margin: 126px auto 15px auto; } }
  @media only screen and (max-width: 640px) {
    .title_05c h2 {
      margin: 116px auto 15px auto; } }

.title_06 h3 {
  font-size: 1.25rem;
  color: #ff5959;
  padding-bottom: 10px;
  border-bottom: 3px solid rgba(255, 178, 126, 0.5);
  margin-bottom: 15px; }
  @media only screen and (max-width: 835px) {
    .title_06 h3 {
      font-size: 1.125rem;
      margin-bottom: 10px; } }

.cont_01 {
  width: 95%;
  margin: 0 auto;
  max-width: 1000px;
  position: relative;
  z-index: 1;
  color: #59432a;
  font-size: 1.125rem;
  line-height: 2em; }
  @media only screen and (max-width: 835px) {
    .cont_01 {
      font-size: 1rem; } }
  @media screen and (max-width: 600px) {
    .cont_01 div {
      text-align: left !important; }
      .cont_01 div br {
        display: none; } }

.bg_color_wrap1 {
  position: relative;
  padding: 3% 0 !important; }
  @media screen and (max-width: 1300px) {
    .bg_color_wrap1 {
      padding: 5% 0  !important; } }
  @media screen and (min-width: 641px) and (max-width: 835px) {
    .bg_color_wrap1 {
      padding: 6% 0 !important; } }
  @media only screen and (max-width: 640px) {
    .bg_color_wrap1 {
      padding: 8% 0 !important; } }

.bg_color_inr1 {
  width: 1000%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  margin: 0% 0% 0% -500%;
  background: rgba(255, 178, 126, 0.3);
  z-index: -1; }

.cont_02_flx {
  max-width: 1000px;
  width: 95%;
  margin: 0 auto; }
  @media only screen and (max-width: 835px) {
    .cont_02_flx .box {
      width: 23%;
      margin: 1%; } }
  @media screen and (max-width: 350px) {
    .cont_02_flx .box {
      width: 48%;
      margin: 1%; } }

@media only screen and (max-width: 835px) {
  .cont_02_txt div {
    text-align: left !important; } }

.cont_03_flx .box:first-child {
  width: 33%; }
.cont_03_flx .box:nth-child(2) {
  width: 63%; }
.cont_03_flx .btn1, .cont_03_flx .btn2, .cont_03_flx .btn1_L {
  margin-top: 15px; }
@media only screen and (max-width: 640px) {
  .cont_03_flx {
    flex-direction: column; }
    .cont_03_flx .box:first-child, .cont_03_flx .box:nth-child(2) {
      width: 100%;
      margin: 0 auto 15px auto; } }

.cont_03_flxb .box:first-child {
  width: 63%; }
.cont_03_flxb .box:nth-child(2) {
  width: 33%; }
.cont_03_flxb .btn1, .cont_03_flxb .btn2, .cont_03_flxb .btn1_L {
  margin-top: 15px; }
@media only screen and (max-width: 640px) {
  .cont_03_flxb {
    flex-direction: column; }
    .cont_03_flxb .box:first-child, .cont_03_flxb .box:nth-child(2) {
      width: 100%;
      margin: 0 auto 15px auto; } }

.cont_04 {
  border: 1px solid #7f603c;
  box-shadow: 0px 3px 7px 0px rgba(4, 0, 0, 0.2);
  padding: 150px 20px 20px 20px;
  position: relative; }
  .cont_04:before {
    position: absolute;
    content: '';
    background: url(../images/home/tab1.png) no-repeat;
    background-size: contain;
    width: 350px;
    height: 150px;
    left: -30px;
    top: -15px;
    margin: 0 auto; }
  .cont_04 .prof {
    position: absolute;
    top: 5px;
    right: 5px; }
  @media screen and (max-width: 1000px) {
    .cont_04 {
      padding: 130px 20px 20px 20px; }
      .cont_04:before {
        left: -15px;
        width: 300px;
        height: 137px; } }
  @media only screen and (max-width: 835px) {
    .cont_04 {
      padding: 100px 10px 10px 10px; }
      .cont_04:before {
        width: 250px;
        height: 100px; } }
  @media screen and (max-width: 600px) {
    .cont_04 {
      padding: 80px 10px 10px 10px; }
      .cont_04:before {
        width: 230px;
        height: 80px;
        top: -10px; } }

.cont_05 {
  max-width: 480px; }

.bg_img_wrap1 {
  position: relative;
  padding: 3% 0 0 !important; }
  @media screen and (max-width: 1300px) {
    .bg_img_wrap1 {
      padding: 5% 0 0 !important; } }
  @media screen and (max-width: 1000px) {
    .bg_img_wrap1 {
      padding: 7% 0 0 !important; } }
  @media only screen and (max-width: 835px) {
    .bg_img_wrap1 {
      padding: 10% 0 0 !important; } }
  .bg_img_wrap1 .btn2 div {
    margin: 50px auto -30px; }
  @media only screen and (max-width: 835px) {
    .bg_img_wrap1 .btn2 {
      margin-top: 15px auto; } }

.bg_img_inr1 {
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin-left: calc(((100vw - 100%) / 2) * -1);
  margin-right: calc(((100vw - 100%) / 2) * -1);
  background: url(../images/common/top_bg1.png) repeat top;
  background-size: cover;
  z-index: -1; }
  @media only screen and (max-width: 640px) {
    .bg_img_inr1 {
      background-position: right bottom; } }

.bg_img_wrap1b {
  position: relative;
  padding: 3% 0  !important; }
  @media screen and (max-width: 1300px) {
    .bg_img_wrap1b {
      padding: 5% 0  !important; } }
  @media screen and (max-width: 1000px) {
    .bg_img_wrap1b {
      padding: 7% 0  !important; } }
  @media only screen and (max-width: 835px) {
    .bg_img_wrap1b {
      padding: 10% 0 !important; } }
  .bg_img_wrap1b .btn2 {
    margin-top: 20px; }
    .bg_img_wrap1b .btn2 a:hover {
      background: #ff7e7e; }
    @media only screen and (max-width: 835px) {
      .bg_img_wrap1b .btn2 {
        margin-top: 15px auto; } }

.bg_img_inr1b {
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin-left: calc(((100vw - 100%) / 2) * -1);
  margin-right: calc(((100vw - 100%) / 2) * -1);
  background: url(../images/common/top_bg2.png) repeat top;
  background-size: cover;
  z-index: -1; }
  @media only screen and (max-width: 640px) {
    .bg_img_inr1b {
      background-position: right bottom; } }

.top-blog {
  width: 95%;
  margin: 0 auto;
  max-width: 1000px;
  height: 250px;
  overflow-y: auto; }
  .top-blog .blog_photo {
    display: none; }
  .top-blog .blog_list {
    border: none; }
    .top-blog .blog_list .blog_text {
      width: 100%;
      display: flex;
      padding: 15px 10px; }
      .top-blog .blog_list .blog_text .blog_date {
        margin: 1%;
        color: #fff;
        font-size: 0.9375rem; }
      .top-blog .blog_list .blog_text h3 {
        order: 3;
        margin: 1%; }
        .top-blog .blog_list .blog_text h3 a span {
          color: #fff;
          font-size: 0.875rem; }
      .top-blog .blog_list .blog_text ul {
        margin: 1%;
        order: 2; }
        .top-blog .blog_list .blog_text ul li a {
          min-width: 100px;
          background: rgba(255, 255, 255, 0.7);
          padding: 3px 5px;
          margin-right: 0;
          color: #ff7e7e;
          text-align: center;
          font-size: 0.75rem; }
      .top-blog .blog_list .blog_text .detail {
        display: none; }
      .top-blog .blog_list .blog_text ul {
        display: block; }
      @media only screen and (max-width: 640px) {
        .top-blog .blog_list .blog_text {
          flex-direction: column;
          padding: 10px; } }
  @media only screen and (max-width: 640px) {
    .top-blog {
      height: 250px; } }

.news_wrap {
  background: url(../images/home/ptn1.png) repeat top;
  background-size: 2%;
  padding: 10px; }
  .news_wrap .news_inr {
    width: 100%;
    background: #fff;
    padding: 20px; }
    @media only screen and (max-width: 640px) {
      .news_wrap .news_inr {
        padding: 15px 10px; } }

.news {
  position: relative;
  width: 100%;
  margin: 0 auto;
  height: 300px;
  overflow-y: auto;
  line-height: 1.5; }
  .news dt {
    font-size: 1rem;
    color: #59432a;
    font-weight: bold;
    font-family: "Century Gothic", "CenturyGothic", "AppleGothic", "sans-serif"; }
  .news dl {
    border: none !important;
    border-bottom: 1px dashed #ccc !important;
    padding: 20px 0;
    display: block !important; }
    .news dl dt {
      border: none !important;
      width: 110px !important;
      background: #fff !important;
      border-radius: 30px;
      padding: 5px 8px !important; }
    .news dl dd {
      border: none !important;
      width: 100% !important;
      background: none !important;
      padding: 5px 8px !important; }

.cont_06_wrap {
  background: rgba(255, 178, 126, 0.2);
  box-shadow: 0px 3px 7px 0px rgba(4, 0, 0, 0.2);
  padding: 150px 20px 20px 20px;
  position: relative; }
  .cont_06_wrap:before {
    position: absolute;
    content: '';
    background: url(../images/home/tab2.png) no-repeat;
    background-size: contain;
    width: 350px;
    height: 150px;
    left: -30px;
    top: -15px;
    margin: 0 auto; }
  .cont_06_wrap .prof {
    position: absolute;
    top: 5px;
    right: 5px; }
  @media screen and (max-width: 1000px) {
    .cont_06_wrap {
      padding: 130px 20px 20px 20px; }
      .cont_06_wrap:before {
        left: -15px;
        width: 300px;
        height: 137px; } }
  @media only screen and (max-width: 835px) {
    .cont_06_wrap {
      padding: 100px 10px 10px 10px; }
      .cont_06_wrap:before {
        width: 250px;
        height: 100px; } }
  @media screen and (max-width: 600px) {
    .cont_06_wrap {
      padding: 80px 10px 10px 10px; }
      .cont_06_wrap:before {
        width: 230px;
        height: 80px;
        top: -10px; } }

.btn a {
  display: block;
  max-width: 300px;
  background: #ff7e7e;
  color: #fff;
  margin-top: 20px;
  padding: 15px 0;
  width: 100%;
  text-align: center;
  text-decoration: none; }
  @media only screen and (max-width: 640px) {
    .btn a {
      margin-right: auto;
      margin-left: auto; } }

.flex1 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .flex1._top {
    align-items: flex-start; }
  .flex1._center {
    align-items: center; }
  .flex1:before {
    width: calc(100% / 1 - 1%);
    content: "";
    order: 1; }
  .flex1:before {
    width: calc(100% / 1 - 1%);
    content: "";
    order: 1; }
  .flex1:after {
    width: calc(100% / 1 - 1%);
    content: "";
    order: 2; }
  .flex1 .box {
    width: calc(100% / 1 - 1%);
    margin-bottom: 2%; }
    @media screen and (min-width: 641px) and (max-width: 835px) {
      ._tabwidth1 .box {
        width: 100%; }

      ._tabwidth2 .box {
        width: calc(100% / 2 - 1%); }

      ._tabwidth3 .box {
        width: calc(100% / 3 - 1%); } }
    @media only screen and (max-width: 640px) {
      ._spwidth1 .box {
        width: 100%; }

      ._spwidth2 .box {
        width: calc(100% / 2 - 1%); }

      ._spwidth3 .box {
        width: calc(100% / 3 - 1%); } }
    .flex1 .box img {
      width: 100% !important; }

.flex2 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .flex2._top {
    align-items: flex-start; }
  .flex2._center {
    align-items: center; }
  .flex2:before {
    width: calc(100% / 2 - 1%);
    content: "";
    order: 1; }
  .flex2:before {
    width: calc(100% / 2 - 1%);
    content: "";
    order: 1; }
  .flex2:after {
    width: calc(100% / 2 - 1%);
    content: "";
    order: 2; }
  .flex2 .box {
    width: calc(100% / 2 - 1%);
    margin-bottom: 2%; }
    @media screen and (min-width: 641px) and (max-width: 835px) {
      ._tabwidth1 .box {
        width: 100%; }

      ._tabwidth2 .box {
        width: calc(100% / 2 - 1%); }

      ._tabwidth3 .box {
        width: calc(100% / 3 - 1%); } }
    @media only screen and (max-width: 640px) {
      ._spwidth1 .box {
        width: 100%; }

      ._spwidth2 .box {
        width: calc(100% / 2 - 1%); }

      ._spwidth3 .box {
        width: calc(100% / 3 - 1%); } }
    .flex2 .box img {
      width: 100% !important; }

.flex3 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .flex3._top {
    align-items: flex-start; }
  .flex3._center {
    align-items: center; }
  .flex3:before {
    width: calc(100% / 3 - 1%);
    content: "";
    order: 1; }
  .flex3:before {
    width: calc(100% / 3 - 1%);
    content: "";
    order: 1; }
  .flex3:after {
    width: calc(100% / 3 - 1%);
    content: "";
    order: 2; }
  .flex3 .box {
    width: calc(100% / 3 - 1%);
    margin-bottom: 2%; }
    @media screen and (min-width: 641px) and (max-width: 835px) {
      ._tabwidth1 .box {
        width: 100%; }

      ._tabwidth2 .box {
        width: calc(100% / 2 - 1%); }

      ._tabwidth3 .box {
        width: calc(100% / 3 - 1%); } }
    @media only screen and (max-width: 640px) {
      ._spwidth1 .box {
        width: 100%; }

      ._spwidth2 .box {
        width: calc(100% / 2 - 1%); }

      ._spwidth3 .box {
        width: calc(100% / 3 - 1%); } }
    .flex3 .box img {
      width: 100% !important; }

.flex4 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .flex4._top {
    align-items: flex-start; }
  .flex4._center {
    align-items: center; }
  .flex4:before {
    width: calc(100% / 4 - 1%);
    content: "";
    order: 1; }
  .flex4:before {
    width: calc(100% / 4 - 1%);
    content: "";
    order: 1; }
  .flex4:after {
    width: calc(100% / 4 - 1%);
    content: "";
    order: 2; }
  .flex4 .box {
    width: calc(100% / 4 - 1%);
    margin-bottom: 2%; }
    @media screen and (min-width: 641px) and (max-width: 835px) {
      ._tabwidth1 .box {
        width: 100%; }

      ._tabwidth2 .box {
        width: calc(100% / 2 - 1%); }

      ._tabwidth3 .box {
        width: calc(100% / 3 - 1%); } }
    @media only screen and (max-width: 640px) {
      ._spwidth1 .box {
        width: 100%; }

      ._spwidth2 .box {
        width: calc(100% / 2 - 1%); }

      ._spwidth3 .box {
        width: calc(100% / 3 - 1%); } }
    .flex4 .box img {
      width: 100% !important; }

.square._100 .square-inner:before {
  padding-top: 100%; }
.square._75 .square-inner:before {
  padding-top: 75%; }
.square._66 .square-inner:before {
  padding-top: 66%; }
.square td .square-inner {
  display: block;
  position: relative; }
  .square td .square-inner:before {
    position: relative;
    z-index: 1;
    content: "";
    display: block;
    width: 100% !important; }
  .square td .square-inner img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    object-fit: cover;
    font-family: "object-fit:cover;";
    width: 100% !important;
    height: 100% !important; }
.square > .square-inner {
  display: block;
  position: relative; }
  .square > .square-inner .itext {
    float: none !important;
    margin-right: 0 !important; }
    .square > .square-inner .itext img {
      float: none !important;
      margin-right: 0 !important; }
  .square > .square-inner:before {
    position: relative;
    z-index: 1;
    content: "";
    display: block;
    width: 100% !important; }
  .square > .square-inner img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    object-fit: cover;
    font-family: "object-fit:cover;";
    width: 100% !important;
    height: 100% !important; }
.square > .box .itext {
  float: none !important;
  margin-right: 0 !important; }
  .square > .box .itext img {
    float: none !important;
    margin-right: 0 !important; }
.square > .box .square-inner {
  display: block;
  position: relative; }
  .square > .box .square-inner:before {
    position: relative;
    z-index: 1;
    content: "";
    display: block;
    width: 100% !important; }
  .square > .box .square-inner img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    object-fit: cover;
    font-family: "object-fit:cover;";
    width: 100% !important;
    height: 100% !important; }

.bg100 {
  margin-right: calc(((100vw - 100%) / 2) * -1) !important;
  margin-left: calc(((100vw - 100%) / 2) * -1) !important; }

.flex2cl_01 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative; }
  @media screen and (min-width: 641px) and (max-width: 835px) {
    .flex2cl_01 {
      flex-direction: column-reverse; } }
  .flex2cl_01 .flxL {
    width: 57%; }
    @media screen and (min-width: 641px) and (max-width: 835px) {
      .flex2cl_01 .flxL {
        width: 100%; } }
  .flex2cl_01 .flxR {
    width: 40%; }
    @media screen and (min-width: 641px) and (max-width: 835px) {
      .flex2cl_01 .flxR {
        width: 100%;
        margin-bottom: 20px; } }
    .flex2cl_01 .flxR .img {
      width: 100%; }
      .flex2cl_01 .flxR .img img {
        width: 100% !important; }

.flex2cl_02 {
  border: 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin-left: -4%;
  margin-bottom: 50px; }
  @media screen and (max-width: 1200px) {
    .flex2cl_02 {
      margin-left: -2.4390%; } }
  @media screen and (min-width: 641px) and (max-width: 835px) {
    .flex2cl_02 {
      justify-content: space-between;
      margin-left: 0; } }
  .flex2cl_02 .box {
    position: relative;
    width: 46%;
    margin-left: 4%;
    margin-bottom: 20px; }
    @media screen and (max-width: 1200px) {
      .flex2cl_02 .box {
        width: 47.5609%;
        margin-left: 2.4390%;
        display: block; } }
    @media screen and (min-width: 641px) and (max-width: 835px) {
      .flex2cl_02 .box {
        width: 100%;
        margin-left: 0; } }
    .flex2cl_02 .box img {
      width: 100% !important; }
    .flex2cl_02 .box tr:nth-child(2) {
      font-size: 18px;
      font-weight: 700; }
    .flex2cl_02 .box tr td {
      padding: 0 !important;
      border: 0 !important; }

.flex3cl {
  border: 0;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  flex-direction: row;
  margin-left: -2.4390243902%; }
  @media screen and (max-width: 1200px) {
    .flex3cl {
      margin-left: -2.4390%; } }
  @media only screen and (max-width: 640px) {
    .flex3cl {
      justify-content: space-between;
      margin-left: 0; } }
  .flex3cl .box {
    position: relative;
    width: 30.8943089431%;
    margin-left: 2.4390243902%;
    margin-bottom: 30px; }
    @media screen and (max-width: 1200px) {
      .flex3cl .box {
        width: 47.5609%;
        margin-left: 2.4390%;
        display: block;
        margin-bottom: 15px; } }
    @media only screen and (max-width: 640px) {
      .flex3cl .box {
        width: 100%;
        margin-left: 0;
        margin-bottom: 20px; } }
    .flex3cl .box img {
      width: 100% !important; }
    .flex3cl .box tr:nth-child(2) {
      font-size: 18px;
      font-weight: 700; }
    .flex3cl .box tr td {
      padding: 0 !important;
      border: 0 !important; }

.flex4cl {
  border: 0;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  flex-direction: row;
  margin-left: -3.2258064516%; }
  @media screen and (max-width: 1200px) {
    .flex4cl {
      margin-left: -2.4390%; } }
  @media only screen and (max-width: 640px) {
    .flex4cl {
      justify-content: space-between;
      margin-left: 0; } }
  .flex4cl .box {
    position: relative;
    width: 21.7741935484%;
    margin-left: 3.2258064516%;
    margin-bottom: 30px; }
    @media screen and (max-width: 1200px) {
      .flex4cl .box {
        width: 47.5609%;
        margin-left: 2.4390%;
        display: block;
        margin-bottom: 15px; } }
    @media only screen and (max-width: 640px) {
      .flex4cl .box {
        width: 100%;
        margin-left: 0;
        margin-bottom: 20px; } }
    .flex4cl .box img {
      width: 100% !important; }
    .flex4cl .box tr:nth-child(2) {
      font-size: 18px;
      font-weight: 700; }
    .flex4cl .box tr td {
      padding: 0 !important;
      border: 0 !important; }

#Local_header {
  width: 100%;
  height: 100%;
  background: #ffebeb;
  z-index: -1;
  padding: 5% 0  !important; }
  @media screen and (min-width: 1001px) and (max-width: 1200px) {
    #Local_header {
      padding: 5% 0 !important; } }
  @media screen and (min-width: 835px) and (max-width: 1000px) {
    #Local_header {
      padding: 5% 0  !important; } }
  @media screen and (min-width: 641px) and (max-width: 835px) {
    #Local_header {
      padding: 10%   !important; } }
  @media only screen and (max-width: 640px) {
    #Local_header {
      padding: 15% 0  !important; } }

#local-keyvisual-title h1, .blog_page_title h1 {
  font-size: 2.25rem;
  font-weight: 500;
  color: #59432a; }
  @media (max-width: 1200px) {
    #local-keyvisual-title h1, .blog_page_title h1 {
      font-size: calc(1.35rem + 1.2vw) ; } }
  #local-keyvisual-title h1:first-letter, .blog_page_title h1:first-letter {
    color: #ff7e7e; }
  #local-keyvisual-title h1 span, .blog_page_title h1 span {
    display: block;
    font-size: 1.125rem;
    font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 500; }

.blog_page_title {
  text-align: center; }
  .blog_page_title table td {
    padding: 5px !important;
    border: none; }
  .blog_page_title .blog_ttl {
    font-size: 2.5rem;
    color: #ff7e7e;
    font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
    @media (max-width: 1200px) {
      .blog_page_title .blog_ttl {
        font-size: calc(1.375rem + 1.5vw) ; } }
    .blog_page_title .blog_ttl span {
      color: #59432a; }
  .blog_page_title .en {
    font-size: 1.125rem;
    font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 500;
    margin-top: 10px; }
    @media only screen and (max-width: 640px) {
      .blog_page_title .en {
        margin-top: 5px; } }

.title_a {
  margin: 40px auto 20px; }
  .title_a h2, .title_a h3 {
    font-size: 1.5rem;
    color: #59432a;
    font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 500;
    padding-left: 20px;
    background: rgba(255, 178, 126, 0.2);
    border-left: 5px solid #ff7e7e;
    border-bottom: 3px solid rgba(204, 204, 204, 0.7);
    padding: 10px 0 5px 10px; }
    @media (max-width: 1200px) {
      .title_a h2, .title_a h3 {
        font-size: calc(1.275rem + 0.3vw) ; } }
  @media only screen and (max-width: 835px) {
    .title_a {
      margin: 30px auto 15px; }
      .title_a h2, .title_a h3 {
        font-size: 1.25rem; } }

.title_b {
  margin: 40px auto 20px; }
  .title_b h3, .title_b h4 {
    position: relative;
    padding-left: 30px;
    font-size: 1.25rem;
    font-weight: 500;
    color: #59432a;
    border-bottom: dashed 2px rgba(127, 96, 60, 0.3);
    display: flex;
    align-items: center; }
    .title_b h3:after, .title_b h4:after {
      font-family: "Font Awesome 5 Pro";
      content: "\f4ba";
      /*アイコンのユニコード*/
      font-weight: 600;
      color: #87dff5;
      font-size: 1.5rem;
      position: absolute;
      /*絶対位置*/
      left: 0px;
      /*アイコンの位置*/
      top: 0;
      bottom: 0;
      display: flex;
      align-items: center; }
      @media (max-width: 1200px) {
        .title_b h3:after, .title_b h4:after {
          font-size: calc(1.275rem + 0.3vw) ; } }
    @media only screen and (max-width: 835px) {
      .title_b h3, .title_b h4 {
        font-size: 1.125rem;
        font-weight: bold;
        padding-left: 25px; }
        .title_b h3:after, .title_b h4:after {
          font-size: 1rem; } }
  @media only screen and (max-width: 835px) {
    .title_b {
      margin: 30px auto 15px; } }

.title_c h2 {
  background: url(../images/contents/ptn2.png) repeat;
  background-size: 1%;
  padding: 10px;
  font-size: 1.5rem;
  color: #59432a;
  font-weight: 600;
  line-height: 1.5em;
  text-align: center;
  margin-bottom: 20px; }
  @media (max-width: 1200px) {
    .title_c h2 {
      font-size: calc(1.275rem + 0.3vw) ; } }
  @media screen and (min-width: 641px) and (max-width: 835px) {
    .title_c h2 {
      font-size: 1.125rem;
      margin-bottom: 15px; } }
  @media only screen and (max-width: 640px) {
    .title_c h2 {
      background-size: 2%;
      font-size: 1.125rem;
      margin-bottom: 15px; } }

.title_center h2, .title_center h3 {
  font-size: 1.875rem;
  color: #b8e9f5;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 700;
  position: relative;
  padding-bottom: 10px;
  text-align: center;
  line-height: 1.5em; }
  @media (max-width: 1200px) {
    .title_center h2, .title_center h3 {
      font-size: calc(1.3125rem + 0.75vw) ; } }
  .title_center h2:after, .title_center h3:after {
    position: absolute;
    content: '';
    background: #ff7e7e;
    width: 100px;
    height: 3px;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0; }
@media only screen and (max-width: 835px) {
  .title_center h2, .title_center h3 {
    font-size: 1.5rem; } }
  @media only screen and (max-width: 835px) and (max-width: 1200px) {
    .title_center h2, .title_center h3 {
      font-size: calc(1.275rem + 0.3vw) ; } }

.title_center2 h2, .title_center2 h3 {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex; }
  .title_center2 h2 div, .title_center2 h3 div {
    min-width: 20px;
    flex-grow: 1;
    position: relative;
    z-index: 1; }
    .title_center2 h2 div:after, .title_center2 h3 div:after {
      content: "";
      width: 100%;
      height: 3px;
      background: url(../images/common/line2.png) repeat-x;
      background-size: contain;
      position: absolute;
      top: 60%;
      left: 0;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      z-index: -1;
      display: block;
      visibility: initial;
      opacity: 0.8; }
  .title_center2 h2 span, .title_center2 h3 span {
    position: relative;
    font-weight: 600;
    font-size: 1.5rem;
    font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #59432a;
    background: #transpatent;
    padding: 0 20px; }
    @media (max-width: 1200px) {
      .title_center2 h2 span, .title_center2 h3 span {
        font-size: calc(1.275rem + 0.3vw) ; } }
    @media only screen and (max-width: 640px) {
      .title_center2 h2 span, .title_center2 h3 span {
        padding: 0px;
        font-size: 1.25rem; } }

.check_UL ul li {
  padding-left: 35px;
  position: relative;
  margin-bottom: 10px;
  font-size: 1.125rem;
  font-weight: 500; }
  .check_UL ul li:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f336";
    /*アイコンのユニコード*/
    font-weight: 600;
    color: #b8e9f5;
    font-size: 1.5rem;
    position: absolute;
    /*絶対位置*/
    left: 0px;
    /*アイコンの位置*/
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center; }
    @media (max-width: 1200px) {
      .check_UL ul li:after {
        font-size: calc(1.275rem + 0.3vw) ; } }

.pick01 {
  background: rgba(255, 178, 126, 0.2);
  padding: 30px; }
  @media only screen and (max-width: 835px) {
    .pick01 {
      padding: 20px 15px; } }

.pick02 {
  background: rgba(69, 69, 69, 0.1);
  padding: 15px; }
  @media only screen and (max-width: 835px) {
    .pick02 {
      padding: 10px; } }
  .pick02 h2 {
    font-size: 1.25rem; }

.pick03 {
  background: -moz-linear-gradient(top left, #FFF, #FFC778);
  background: -webkit-linear-gradient(top left, #FFF, #FFC778);
  background: linear-gradient(to bottom right, #FFF, #FFC778);
  padding: 15px; }
  @media only screen and (max-width: 835px) {
    .pick03 {
      padding: 10px; } }

.contact_contents #contents_wrap {
  margin-top: 100px; }
  @media only screen and (max-width: 835px) {
    .contact_contents #contents_wrap {
      margin-top: 50px; } }

.picktxt_s {
  font-size: 0.9em;
  line-height: 1.5em; }
  @media only screen and (max-width: 835px) {
    .picktxt_s {
      font-size: 1.0em;
      line-height: 1.8em; } }

.picktxt {
  font-size: 1.2em;
  color: #7f603c;
  font-weight: 500;
  line-height: 2.0em; }
  .picktxt .ttl1 {
    font-size: 1.1em;
    font-weight: bold; }
  @media only screen and (max-width: 835px) {
    .picktxt {
      font-size: 1.0em;
      line-height: 1.8em; }
      .picktxt .ttl1 {
        font-size: 1.1em; } }

.picktxt1 {
  font-size: 1.2em;
  font-weight: 500;
  color: #ff7e7e;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 2em; }
  @media only screen and (max-width: 835px) {
    .picktxt1 {
      font-size: 1.1em;
      line-height: 1.8em; } }

.hosoku {
  background: #ededed;
  padding: 15px;
  font-size: 0.8125rem; }
  .hosoku h2, .hosoku h3 {
    font-size: 1rem;
    color: #59432a;
    font-weight: 600; }

.btn1 a, .btn2 a, .btn1_L a {
  text-align: center;
  position: relative;
  z-index: 2;
  background: #b8e9f5;
  transition: all .5s;
  display: block;
  margin: 0 auto;
  width: 90%;
  max-width: 400px;
  min-width: 220px;
  padding: 15px 10px;
  color: #59432a;
  font-size: 1rem;
  font-weight: bold; }
  .btn1 a:after, .btn2 a:after, .btn1_L a:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f054";
    /*アイコンのユニコード*/
    position: absolute;
    /*絶対位置*/
    right: 10px;
    /*アイコンの位置*/
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center; }
  .btn1 a:hover, .btn2 a:hover, .btn1_L a:hover {
    opacity: 1 !important;
    background-color: #87dff5; }
    .btn1 a:hover:after, .btn2 a:hover:after, .btn1_L a:hover:after {
      transform: translate(3px, 0);
      transition: 0.5s; }

.btn2 a {
  background: #fff;
  color: #59432a; }

.btn1_rad20 a {
  text-align: center;
  position: relative;
  z-index: 2;
  background: #fff;
  display: block;
  margin: 0 auto;
  width: 90%;
  max-width: 400px;
  min-width: 220px;
  padding: 5px 10px;
  color: #59432a;
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: 1rem; }
  .btn1_rad20 a:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f138";
    /*アイコンのユニコード*/
    font-weight: 600;
    font-size: 0.8125rem;
    position: absolute;
    /*絶対位置*/
    right: 10px;
    /*アイコンの位置*/
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center; }
  .btn1_rad20 a:hover {
    opacity: 1 !important;
    background-color: #59432a;
    color: #fff; }
    .btn1_rad20 a:hover:after {
      transform: translate(3px, 0);
      transition: 0.5s;
      color: #fff; }
.btn1_rad20 a {
  border-radius: 40px; }

@media screen and (min-width: 640px) {
  .btn1_L a {
    margin: 0 auto 0 0; } }

.bg_color_wrap {
  position: relative;
  padding: 3% 0 !important; }
  @media screen and (max-width: 1500px) {
    .bg_color_wrap {
      padding: 7% 0 !important; } }
  @media only screen and (max-width: 835px) {
    .bg_color_wrap {
      padding: 10% 0 !important; } }

.bg_color_inr {
  width: 1000%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  margin: 0% 0% 0% -500%;
  background: rgba(255, 126, 126, 0.15);
  z-index: -1; }

.bg_img_wrap {
  position: relative;
  padding: 4% 0  !important; }
  @media screen and (max-width: 1300px) {
    .bg_img_wrap {
      padding: 6% 0  !important; } }
  @media screen and (min-width: 641px) and (max-width: 835px) {
    .bg_img_wrap {
      padding: 8% 0 !important; } }
  @media only screen and (max-width: 640px) {
    .bg_img_wrap {
      padding: 10% 0 !important; } }

.bg_img_inr {
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin-left: calc(((100vw - 100%) / 2) * -1);
  margin-right: calc(((100vw - 100%) / 2) * -1);
  background: url(../images/common/top_bg1.png) repeat top;
  background-size: cover;
  z-index: -1; }
  @media only screen and (max-width: 640px) {
    .bg_img_inr {
      background-position: right bottom; } }

.img_txt_flx {
  display: flex;
  justify-content: space-between; }
  .img_txt_flx .box:first-child {
    width: 38%;
    margin: 1%; }
  .img_txt_flx .box:nth-child(2) {
    width: 58%;
    margin: 1%; }
  @media only screen and (max-width: 640px) {
    .img_txt_flx {
      flex-direction: column; }
      .img_txt_flx .box:first-child {
        width: 100%;
        margin: 0 auto 15px auto !important; }
      .img_txt_flx .box:nth-child(2) {
        width: 100%;
        margin: 0 auto !important; } }

.txt_img_flx {
  display: flex;
  justify-content: space-between; }
  .txt_img_flx .box:first-child {
    width: 58%;
    margin: 1%; }
  .txt_img_flx .box:nth-child(2) {
    width: 38%;
    margin: 1%; }
  @media only screen and (max-width: 640px) {
    .txt_img_flx {
      flex-direction: column-reverse !important; }
      .txt_img_flx .box:first-child {
        width: 100%;
        margin: 0 auto; }
      .txt_img_flx .box:nth-child(2) {
        width: 100%;
        margin: 0 auto 15px auto; } }

.flx2 {
  border: 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row; }
  .flx2 .box {
    width: 48%;
    margin: 1%; }
  @media only screen and (max-width: 640px) {
    .flx2 {
      flex-direction: column; }
      .flx2 .box:first-child {
        width: 100%;
        margin: 0 auto 15px auto; }
      .flx2 .box:nth-child(2) {
        width: 100%;
        margin: 0 auto; } }
  .flx2 img {
    width: 100% !important; }
  .flx2 tr td {
    padding: 0 !important;
    border: 0 !important; }

.flx3 {
  position: relative;
  border: 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row; }
  @media only screen and (max-width: 835px) {
    .flx3 {
      justify-content: space-between; } }
  .flx3 .box {
    width: 31.333%;
    margin: 1%; }
    .flx3 .box img {
      width: 100% !important; }
    .flx3 .box tr td {
      padding: 0 !important;
      border: 0 !important; }
  @media only screen and (max-width: 640px) {
    .flx3 {
      flex-direction: column; }
      .flx3 .box {
        width: 100%;
        margin: 0 auto; }
        .flx3 .box:not(:last-child) {
          margin-bottom: 15px; } }

.flx4 {
  border: 0;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  flex-direction: row; }
  .flx4 .box {
    width: 23%;
    margin: 1%; }
    .flx4 .box tr td {
      padding: 0 !important;
      border: 0 !important; }
    .flx4 .box img {
      width: 100% !important; }
  @media only screen and (max-width: 835px) {
    .flx4 .box {
      width: 48%; } }
  @media screen and (max-width: 350px) {
    .flx4 {
      flex-direction: column; }
      .flx4 .box {
        width: 100%;
        margin-bottom: 15px; }
        .flx4 .box:not(:last-child) {
          margin-bottom: 15px; } }

.top_insta_txt .sns_list {
  flex-direction: inherit !important;
  border: none  !important;
  flex-wrap: wrap; }
  .top_insta_txt .sns_list .sns_text {
    width: 100%; }
    .top_insta_txt .sns_list .sns_text ul {
      display: none; }
    .top_insta_txt .sns_list .sns_text .sns_date {
      color: #59432a;
      font-family: "Century Gothic", "CenturyGothic", "AppleGothic", "sans-serif";
      font-size: 1.2em; }
    .top_insta_txt .sns_list .sns_text .caption {
      font-size: 0.875rem;
      line-height: 1.5em; }
  .top_insta_txt .sns_list .sns_photo {
    width: 100% !important;
    padding: 0 !important; }
    .top_insta_txt .sns_list .sns_photo img {
      width: 100%; }
.top_insta_txt .sns_list > div {
  border: none !important;
  display: block;
  flex-direction: column;
  width: 23%;
  margin: 1%; }
  @media screen and (min-width: 641px) and (max-width: 835px) {
    .top_insta_txt .sns_list > div {
      width: 48%; } }
  @media only screen and (max-width: 640px) {
    .top_insta_txt .sns_list > div {
      width: 48%; } }
  @media screen and (max-width: 350px) {
    .top_insta_txt .sns_list > div {
      width: 100%;
      margin: 0 auto 15px auto; } }

section div.form_wrap dl dt {
  background: transration !important; }

.panbtm {
  margin-top: 70px; }
  @media screen and (min-width: 641px) and (max-width: 835px) {
    .panbtm {
      margin-top: 40px; } }
  @media only screen and (max-width: 640px) {
    .panbtm {
      margin-top: 40px; } }

.bssp {
  margin: 20px auto; }
  @media only screen and (max-width: 640px) {
    .bssp {
      margin: 15px auto; } }

a.tel-link {
  color: #454545;
  opacity: 1; }

@media only screen and (max-width: 835px) {
  .brdnt {
    text-align: left !important; }
    .brdnt br {
      display: none; }
    .brdnt div {
      text-align: left !important; }
      .brdnt div br {
        display: none; } }

@media only screen and (max-width: 640px) {
  .brdn {
    text-align: left !important; }
    .brdn br {
      display: none; }
    .brdn div {
      text-align: left !important; }
      .brdn div br {
        display: none; } }

@media screen and (min-width: 836px) {
  .brdnpc br {
    display: none; } }

@media screen and (min-width: 641px) {
  .brdnpct br {
    display: none; } }

@media only screen and (max-width: 640px) {
  .CLS table tr {
    display: flex;
    flex-direction: column-reverse; } }

.company_DL dt {
  align-items: center !important;
  background: rgba(255, 235, 235, 0.8) !important;
  color: #7f603c; }
@media only screen and (max-width: 640px) {
  .company_DL dl {
    display: block !important; }
    .company_DL dl dt {
      width: 100% !important;
      border-right: 1px solid #ccc !important; }
    .company_DL dl dd {
      width: 100% !important; } }

.company_DL2 {
  background: none !important; }
  .company_DL2 dl dt {
    align-items: center !important;
    background: none !important;
    border-bottom: 2px solid #b8e9f5 !important; }
  .company_DL2 dl dd {
    background: none !important;
    border-bottom: 2px solid rgba(204, 204, 204, 0.8) !important; }
  .company_DL2 dl:last-of-type dt {
    border-bottom: 2px solid #b8e9f5 !important; }
  @media only screen and (max-width: 640px) {
    .company_DL2 dl {
      display: block !important; }
      .company_DL2 dl dt {
        width: 100% !important;
        border-right: 2px solid #b8e9f5 !important;
        border-left: 2px solid #b8e9f5 !important;
        background: rgba(184, 233, 245, 0.2) !important; }
      .company_DL2 dl dd {
        width: 100% !important;
        border-bottom: 2px solid #ccc !important;
        border-left: 2px solid #ccc !important;
        border-right: 2px solid #ccc !important; } }

.form_wrap dl dd > div {
  display: block !important; }

@media only screen and (max-width: 835px) {
  .fancybox-toolbar {
    top: 50px !important; } }

.pan1 div ol {
  text-align: right;
  display: flex;
  justify-content: flex-end; }
  @media only screen and (max-width: 835px) {
    .pan1 div ol {
      display: none; } }

.imgL {
  max-width: 100% !important; }

.error2 h2 {
  font-size: 40px;
  font-weight: bold; }
.error2 a {
  border: 1px solid #ccc;
  padding: 3px 20px;
  display: inline-block; }

.img100 img {
  display: block !important;
  width: 100% !important; }

section form h2.mail.title {
  display: none; }

.step_title {
  margin: 40px auto 20px auto; }
  .step_title h2, .step_title h3, .step_title h4 {
    font-size: 1.25rem;
    font-weight: 500;
    color: #59432a;
    border-bottom: 1px dashed #aaa;
    padding-bottom: 5px; }
    .step_title h2 span, .step_title h3 span, .step_title h4 span {
      font-size: 1.5rem;
      background: #ff7e7e;
      border-radius: 5px;
      font-family: balboa, sans-serif;
      color: #fff;
      font-weight: 600;
      padding: 0 5px;
      margin-right: 5px; }
      @media (max-width: 1200px) {
        .step_title h2 span, .step_title h3 span, .step_title h4 span {
          font-size: calc(1.275rem + 0.3vw) ; } }

.step-title2 h2, .step-title3 h2 {
  font-size: 1.5rem;
  font-weight: 500;
  color: #59432a;
  position: relative;
  border-top: solid 2px rgba(255, 126, 126, 0.3);
  border-bottom: solid 2px rgba(255, 126, 126, 0.3);
  background: rgba(255, 126, 126, 0.1);
  line-height: 1.4;
  padding: 0.2em; }
  @media (max-width: 1200px) {
    .step-title2 h2, .step-title3 h2 {
      font-size: calc(1.275rem + 0.3vw) ; } }
  .step-title2 h2:after, .step-title3 h2:after {
    /*タブ*/
    position: absolute;
    font-family: "Font Awesome 5 pro", "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    content: '\f0a6\ Point';
    font-size: 0.875rem;
    background: #ff7e7e;
    color: #fff;
    left: 0px;
    bottom: 100%;
    border-radius: 3px 3px 0 0;
    padding: 5px 10px 3px;
    line-height: 1;
    letter-spacing: 0.05em; }
  @media only screen and (max-width: 835px) {
    .step-title2 h2 h2, .step-title3 h2 h2 {
      font-size: 1.0625rem; } }
.step-title2 h3, .step-title3 h3 {
  font-size: 1.5rem;
  background: #eee;
  color: #ff7e7e;
  position: relative;
  border-top: solid 2px #b8e9f5;
  border-bottom: solid 2px #b8e9f5;
  line-height: 1.4;
  padding: 0.2em; }
  @media (max-width: 1200px) {
    .step-title2 h3, .step-title3 h3 {
      font-size: calc(1.275rem + 0.3vw) ; } }
  .step-title2 h3:after, .step-title3 h3:after {
    /*タブ*/
    position: absolute;
    font-family: "Font Awesome 5 pro", Montserrat, sans-serif;
    content: '\f5ad\ point';
    background: #b8e9f5;
    color: #fff;
    left: 0px;
    bottom: 100%;
    border-radius: 3px 3px 0 0;
    padding: 5px 10px 3px;
    font-size: 0.7em;
    line-height: 1;
    letter-spacing: 0.05em; }

.step-title3 h3:after {
  content: '\f4b6\ voice'; }

.staff-title h2, .staff-title h3 {
  font-size: 1.25rem;
  color: #7f603c;
  position: relative;
  border-top: solid 2px rgba(0, 167, 204, 0.3);
  border-bottom: solid 2px rgba(0, 167, 204, 0.3);
  background: rgba(184, 233, 245, 0.1);
  line-height: 1.4;
  padding: 0.2em; }
  .staff-title h2:after, .staff-title h3:after {
    /*タブ*/
    position: absolute;
    font-family: "Font Awesome 5 pro";
    content: '\f7f3\ STAFF';
    background: #00a7cc;
    color: #fff;
    left: 0px;
    bottom: 100%;
    border-radius: 3px 3px 0 0;
    padding: 5px 10px 3px;
    font-size: 0.7em;
    line-height: 1;
    letter-spacing: 0.05em; }
  @media only screen and (max-width: 835px) {
    .staff-title h2, .staff-title h3 {
      font-size: 1.125rem; } }

.list01 dl, .list02 dl {
  border-bottom: 1px dashed #454545;
  font-size: 1.2em; }
  .list01 dl dt, .list02 dl dt {
    border: none !important;
    background: none !important; }
  .list01 dl dd, .list02 dl dd {
    border: none !important;
    background: none !important;
    text-align: right !important;
    min-width: 180px;
    color: #59432a;
    font-weight: bold;
    font-family: "Century Gothic", "CenturyGothic", "AppleGothic", "sans-serif"; }
  @media only screen and (max-width: 640px) {
    .list01 dl, .list02 dl {
      display: block !important;
      font-size: 1.1em; }
      .list01 dl dd, .list02 dl dd, .list01 dl dt, .list02 dl dt {
        width: 100% !important; }
      .list01 dl dd, .list02 dl dd {
        padding: 0 !important; } }

.list_a dl {
  border-bottom: 1px dashed #aaa;
  padding-bottom: 5px;
  font-size: 1.2em; }
  .list_a dl:not(:last-child) {
    margin-bottom: 10px; }
  .list_a dl dt {
    border: none !important;
    background: #ff7e7e !important;
    align-items: center !important;
    color: #fff;
    border-radius: 10px;
    min-width: 230px; }
  .list_a dl dd {
    border: none !important;
    background: none !important;
    text-align: right !important;
    min-width: 180px;
    color: #59432a;
    font-weight: 500; }
  @media only screen and (max-width: 640px) {
    .list_a dl {
      display: block !important;
      font-size: 1.1em; }
      .list_a dl dd, .list_a dl dt {
        width: 100% !important; }
      .list_a dl dd {
        margin-top: 5px;
        text-align: center !important; } }

.list02 dl dd {
  min-width: 300px; }
@media only screen and (max-width: 640px) {
  .list02 dl {
    display: block !important; }
    .list02 dl dd, .list02 dl dt {
      width: 100% !important; } }

.list03 dl {
  border-bottom: 1px dashed #454545; }
  .list03 dl dt {
    border: none !important;
    background: none !important;
    color: #8a4609;
    font-weight: bold;
    min-width: 280px; }
  .list03 dl dd {
    border: none !important;
    background: none !important;
    text-align: right !important; }
  @media only screen and (max-width: 640px) {
    .list03 dl {
      display: block !important; }
      .list03 dl dd, .list03 dl dt {
        width: 100% !important;
        text-align: left !important; } }

.qa_FLX .box {
  width: 100%; }
  .qa_FLX .box:first-child {
    margin-bottom: 10px; }
    .qa_FLX .box:first-child > div {
      display: flex; }
      .qa_FLX .box:first-child > div .icon {
        background: #ff7e7e;
        border-radius: 5px;
        width: 40px;
        min-width: 40px;
        height: 40px;
        line-height: 2em;
        margin-right: 10px;
        color: #fff;
        display: block;
        font-size: 1.25rem;
        text-align: center; }
  .qa_FLX .box:nth-child(2) > div {
    display: flex; }
    .qa_FLX .box:nth-child(2) > div .icon {
      background: #ffb27e;
      border-radius: 5px;
      width: 40px;
      min-width: 40px;
      height: 40px;
      height: 40px;
      line-height: 2em;
      margin-right: 10px;
      color: #fff;
      display: block;
      font-size: 1.25rem;
      text-align: center; }
  @media only screen and (max-width: 640px) {
    .qa_FLX .box:first-child, .qa_FLX .box:nth-child(2) {
      width: 100%; }
      .qa_FLX .box:first-child > div, .qa_FLX .box:nth-child(2) > div {
        flex-direction: column;
        width: 100%; }
        .qa_FLX .box:first-child > div .icon, .qa_FLX .box:nth-child(2) > div .icon {
          width: 100%; } }
.qa_FLX:not(:last-child) {
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 15px; }

.qaBtn {
  color: #b8e9f5;
  font-weight: bold;
  text-decoration: underline; }

.qaOpen {
  display: none; }
  .qaOpen .ttl {
    color: #59432a;
    font-weight: 600;
    font-size: 1rem; }
  .qaOpen .sub_ttl {
    background: #ff7e7e;
    color: #fff;
    font-weight: 600;
    padding: 3px 10px; }

.blog {
  max-width: 1200px;
  margin: 80px auto 0; }
  @media screen and (min-width: 641px) and (max-width: 835px) {
    .blog {
      margin: 50px auto 0; } }
  @media only screen and (max-width: 640px) {
    .blog {
      margin: 30px auto 0; } }
  .blog .wrap {
    display: flex; }
    .blog .wrap aside {
      width: 28%;
      margin: 1%; }
      .blog .wrap aside nav {
        line-height: 2.0em; }
        .blog .wrap aside nav h3 {
          background: #59432a !important; }
        .blog .wrap aside nav ul li .blogside {
          color: #454545; }
          .blog .wrap aside nav ul li .blogside span {
            color: #ff7e7e;
            margin-left: 5px;
            display: block; }
        .blog .wrap aside nav > a {
          background: #b8e9f5 !important; }
    .blog .wrap #contents {
      width: 68%;
      margin: 1%;
      min-width: auto; }
      .blog .wrap #contents article .date {
        color: #ff7e7e !important; }
      .blog .wrap #contents article div img {
        width: 48%;
        margin: 1%; }
      .blog .wrap #contents article .date {
        color: #ff7e7e !important; }
      .blog .wrap #contents article h1, .blog .wrap #contents article h2 {
        background: #ff7e7e;
        color: #fff !important;
        font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        font-size: 20px;
        padding: 0.5em 0.5em 0.3em;
        margin-bottom: 20px; }
    @media only screen and (max-width: 835px) {
      .blog .wrap {
        flex-direction: column-reverse; }
        .blog .wrap aside, .blog .wrap #contents {
          width: 100%;
          margin: 10px auto; }
        .blog .wrap aside {
          text-align: center !important; } }
    @media only screen and (max-width: 640px) {
      .blog .wrap #contents article {
        padding: 0; }
        .blog .wrap #contents article div {
          flex-direction: column; }
          .blog .wrap #contents article div img {
            width: 100%; } }

@media only screen and (max-width: 835px) {
  #col_main .errorbg {
    padding: 0 !important; } }

div.items > article a {
  color: #111;
  text-decoration: none !important;
  font-size: 16px; }

div.under ul li a {
  font-weight: 400;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "a-otf-ryumin-pr6n", serif;
  opacity: 1;
  border: 1px solid #333;
  color: #333 !important;
  padding: 10px; }
  div.under ul li a:hover {
    border: 1px solid #b0ddd9;
    background: #b0ddd9;
    color: #fff !important; }

div.select > select {
  height: 100%; }

div.search form input {
  padding: 10px 37px 10px 5px; }

div.order ul li a {
  color: #111; }

div.items > article p.price {
  color: red; }

div.crumb {
  display: none; }

div.item_view div.item_option {
  width: 100% !important; }

div.item_option dl, button.addcart {
  width: 50% !important; }
  @media screen and (min-width: 641px) and (max-width: 835px) {
    div.item_option dl, button.addcart {
      margin: 0 auto; } }

@media screen and (min-width: 641px) and (max-width: 835px) {
  .addcart {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; } }

div.item_view div.struct {
  display: block; }

div.photo div.large {
  width: auto; }

div.photo {
  margin-left: 0; }

h2.title_h2 {
  background: none !important;
  border-top: none !important;
  border-bottom: 1px solid #CCCCCC;
  font-size: 20px !important;
  line-height: 1.3;
  margin: 65px 0 20px !important;
  padding: 10px !important; }

h2.title_h2 span {
  border: none !important;
  padding: 0 !important; }

ul.item_list li {
  margin-bottom: 10px !important; }

ul.item_list li h3.title_h3 {
  font-size: 18px !important; }

.btn_cart a {
  background: url(../images/common/ico_cart_w.png) no-repeat 10px 12px #000000 !important;
  background-size: 30px auto !important;
  color: #FFFFFF !important;
  display: block !important;
  padding: 10px 10px 10px 50px !important;
  width: 100% !important;
  border: 1px solid #ffffff; }

.btn_cart a:hover {
  background: url(../images/common/ico_cart_w.png) no-repeat 10px 12px #CCCCCC !important;
  background-size: 30px auto !important; }

.sort_catalog {
  overflow: hidden; }

.sort_catalog ul {
  display: flex; }

.item_title, .wishlist {
  margin: 0 !important; }

.shop_cont h2.title_h2, .item_info h2.title_h2 {
  border-top: 2px solid #CCCCCC; }

.shop_cont a, .item_info a {
  color: #CCCCCC; }

.shop_cont a:hover, .item_info a:hover {
  text-decoration: none; }

.item_title h2 {
  border-top: 2px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC; }

.shop_cont table {
  table-layout: auto; }

/*# sourceMappingURL=common_style.css.map */