@charset "UTF-8";
html{
font-family: "游ゴシック", YuGothic, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; 
color: #333333;
font-size: clamp(14px, 2.3vw, 16px);
}
/* font-family "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif */
/* font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif; */
/* font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ゴシックM-PRO", "HGMaruGothicMPRO"; */

html.has-modal-open {
  overflow: hidden;
}

.has-regular-font-size {
  font-size: 1em;
}

.has-larger-font-size {
  font-size: 2.625em;
}


.has-text-align-center {
  text-align: center;
}

.has-text-align-left {
  text-align: left;
}

.has-text-align-right {
  text-align: right;
}

#end-resizable-editor-section {
  display: none;
}

.aligncenter {
  clear: both;
}

.items-justified-left {
  justify-content: flex-start;
}

.items-justified-center {
  justify-content: center;
}

.items-justified-right {
  justify-content: flex-end;
}

.items-justified-space-between {
  justify-content: space-between;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px,1px,1px,1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal!important;
}

.screen-reader-text:focus {
  background-color: #ddd;
  clip: auto!important;
  -webkit-clip-path: none;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}



@-webkit-keyframes rotate {
  from {
      -webkit-transform: rotate(0deg)
  }

  to {
      -webkit-transform: rotate(360deg)
  }
}

@-ms-keyframes rotate {
  from {
      -ms-transform: rotate(0deg)
  }

  to {
      -ms-transform: rotate(360deg)
  }
}

@-moz-keyframes rotate {
  from {
      -moz-transform: rotate(0deg)
  }

  to {
      -moz-transform: rotate(360deg)
  }
}

@keyframes rotate {
  from {
      transform: rotate(0deg)
  }

  to {
      transform: rotate(360deg)
  }
}



.custom-icons-file-upload-note {
  font-size: 10px;
  color: #EE3B3B;
}


.svg-custom-pack-buttons {
  display: inline-block;
  width: 430px;
  height: 55px;
}

.svg-custom-pack-buttons>p {
  float: left;
}

.svg-custom-pack-buttons>p:last-child {
  margin-left: 1em;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: .67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace,monospace;
  font-size: 1em;
}

a {
  background-color: transparent
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,strong {
  font-weight: bolder;
}

code,kbd,samp {
  font-family: monospace,monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

img {
  border-style: none;
}

button,input,optgroup,select,textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,input {
  overflow: visible;
}

button,select {
  text-transform: none;
}

button,[type=button],[type=reset],[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: .35em .75em .625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

:root {
  --default-color: #ff9800;
  --dark-color: #e68900;
  --btn-color: #ff7131;
  --btn-hover-color: #ff580d;
  --light-color: #fff;
}

@keyframes clicklEffect {
  from {
      transform: scale(1);
      opacity: 1;
  }

  to {
      transform: scale(100);
      opacity: 0;
  }
}

@keyframes fadeIn {
  from {
      opacity: 0;
  }

  to {
      opacity: 1;
  }
}

@keyframes flash {
  0%,16%,48% {
      opacity: 1;
      transform: scale(1);
  }

  18% {
      opacity: 0;
      transform: scale(1.6);
  }

  19%,21% {
      transform: scale(1);
  }

  20% {
      transform: scale(0);
  }
}

* {
  box-sizing: border-box;
}

*:before,*:after {
  box-sizing: border-box;
}

iframe {
  max-width: 100%;
  max-height: 100%;
}

a,a.custom-btn {
  color: currentColor;
  transition: color .4s;
}

a img,a.custom-btn img {
  transition: opacity .4s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}



a:hover img {
  opacity: .8;
}

a:focus {
  outline: none;
}

small {
  font-weight: 400;
  font-size: 72%;
  font-size: max(4px,min(72%,1rem));
}

mark {
  font-weight: 700;
  background: linear-gradient(0deg,#ff0,#ff0 .4em,rgba(255,255,255,0) .4em);
}

blockquote,q {
  font-size: 88%;
  color: #666;
  margin: 1.6em auto;
  padding-left: 1.6em;
  position: relative;
}

blockquote:before,q:before {
  content: "“";
  position: absolute;
  left: -.16em;
  top: -.16em;
  font-size: 599%;
  font-family: YuMincho,"Yu Mincho","Hiragino Mincho ProN","serif";
  line-height: 1.12;
  color: #ccc;
}

address,pre {
  font-size: 88%;
  color: #666;
  margin: 1.6em auto;
  padding: 1.6em;
  background: rgba(0,0,0,.04);
  border-left: 4px solid rgba(0,0,0,.04);
}

abbr,acronym {
  text-decoration: none;
  border-bottom: 1px dotted;
}

abbr[title],acronym[title] {
  text-decoration: none;
  border-bottom: 1px dotted;
}

cite {
  display: flex;
  align-items: center;
  color: #666;
  font-size: 88%;
}

cite:before {
  background-color: rgba(0,0,0,.16);
  content: " ";
  flex-grow: 1;
  height: 1px;
}

cite:before {
  margin-right: 1em;
}

code,kbd,samp,tt,var {
  font-size: 80%;
  font-family: "Palatino Linotype","Book Antiqua",Palatino,"serif";
  display: inline-block;
  border-radius: .2em;
  border: 1px solid rgba(0,0,0,.24);
  padding: 0 .4em;
  line-height: 1.56;
  vertical-align: 8%;
  background: rgba(0,0,0,.04);
  color: #666;
  margin: 0 .2em;
}

pre {
  overflow: auto;
  font-family: "Palatino Linotype","Book Antiqua",Palatino,"serif";
}

q {
  display: inline-block;
}

[type=color],[type=date],[type=datetime],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],input:not([type]),textarea {
  -webkit-tap-highlight-color: transparent;
  border-radius: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  max-width: 100%;
  transition: .4s;
  border: none;
  outline: none;
  background: #fff;
  border: 1px solid rgba(0,0,0,.24);
  padding: .4em .64em;
  line-height: 1.6;
  transition-property: border;
}

[type=color]:focus,[type=color]:hover,[type=date]:focus,[type=date]:hover,[type=datetime]:focus,[type=datetime]:hover,[type=datetime-local]:focus,[type=datetime-local]:hover,[type=email]:focus,[type=email]:hover,[type=month]:focus,[type=month]:hover,[type=number]:focus,[type=number]:hover,[type=password]:focus,[type=password]:hover,[type=search]:focus,[type=search]:hover,[type=tel]:focus,[type=tel]:hover,[type=text]:focus,[type=text]:hover,[type=time]:focus,[type=time]:hover,[type=url]:focus,[type=url]:hover,[type=week]:focus,[type=week]:hover,input:not([type]):focus,input:not([type]):hover,textarea:focus,textarea:hover {
  border-color: rgba(0,0,0,.8);
}

label,select {
  cursor: pointer;
  outline: none;
}

.select-wrap {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  border: 1px solid rgba(0,0,0,.24);
  position: relative;
  line-height: 1.6;
  transition: border-color .4s;
}

.select-wrap:after {
  content: "expand_more";
  font-family: "Material Icons Round";
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  font-size: 112%;
  vertical-align: -18%;
  position: absolute;
  right: .2em;
  top: 50%;
  transform: translateY(-50%);
  font-size: 120%;
  color: rgba(0,0,0,.2);
  transition: color .4s;
  pointer-events: none;
}

.select-wrap:hover {
  border-color: rgba(0,0,0,.8);
}

.select-wrap:hover:after {
  color: rgba(0,0,0,.8);
}

.select-wrap select {
  -webkit-tap-highlight-color: transparent;
  border-radius: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  max-width: 100%;
  transition: .4s;
  border: none;
  outline: none;
  padding: .64em;
  padding-right: 1.6em;
}

/* button,[type=button],[type=reset],[type=submit] {
  -webkit-tap-highlight-color: transparent;
  border-radius: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  max-width: 100%;
  transition: .4s;
  border: none;
  outline: none;
  cursor: pointer;
  text-decoration: none;
  color: var(--light-color);
  background: var(--btn-color);
  border-radius: 16em;
  display: inline-block;
  box-shadow: 0 1px .1em rgba(0,0,0,.2);
  padding: .8em 2.4em;
  transition-property: background,box-shadow;
  margin: .4em
} */
button, [type=button], [type=reset], [type=submit] {
  /* -webkit-tap-highlight-color: transparent; */
  /* border-radius: 0; */
  -moz-appearance: none;
  /* -webkit-appearance: none; */
  /* appearance: none; */
  /* max-width: 100%; */
  /* transition: .4s; */
  /* border: none; */
  /* outline: none; */
  /* cursor: pointer; */
  /* text-decoration: none; */
  /* color: var(--light-color);
  background: #ffb403; */
  /* border-radius: 16em; */
  /* display: inline-block; */
  /* box-shadow: 0 1px 0.1em rgb(0 0 0 / 20%); */
  padding: 0.8em 2.4em;
  transition-property: background,box-shadow;
  margin: 0.4em;
  font-weight: bold;
}
button:hover,[type=button]:hover,[type=reset]:hover,[type=submit]:hover {
  color: var(--light-color);
  /* background: var(--btn-hover-color); */
  /* box-shadow: 0 2px .4em rgba(0,0,0,.4); */
}
.bg-ti{
  background: #FFF6E3;
}
table:not(.nostyle) {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  table-layout: fixed;
  clear: both;
}

table:not(.nostyle) th,table:not(.nostyle) td {
  border: 1px solid rgba(0,0,0,.16);
  padding: 10px 0;
}

@media(max-width: 599px) {
  table:not(.nostyle) th,table:not(.nostyle) td {
  border: 1px solid rgba(0,0,0,.16);
  padding: 0px 0;
  font-size: 12px;
}
}

figure {
  margin: 1.6em 0;
}

[class^=sp-show],[class*=" sp-show"] {
  display: none;
}

[data-element-id] .sp-show {
  display: flex;
}

[data-element-id][class*=" sp-show"] {
  display: flex;
}

.sp-hide-flex {
  display: flex;
}

@media(max-width: 768px) {
  [class^=sp-hide],[class*=" sp-hide"] {
      display:none
  } 
  .sp-hide-flex {
    display: none;
    flex-wrap: wrap;
  }

  .sp-show {
      display: block;
  }

  .sp-show-flex {
      display: flex;
  }
}

.margin-no {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.margin-no-top {
  margin-top: 0 !important;
}

.margin-no-bottom {
  margin-bottom: 0 !important;
}

.margin-half {
  margin-top: .8em !important;
  margin-bottom: .8em !important;
}

.margin-half-top {
  margin-top: .8em !important;
}

.margin-half-bottom {
  margin-bottom: .4em !important;
}

.margin-quarter {
  margin-top: .4em !important;
  margin-bottom: .4em !important;
}

.margin-quarter-top {
  margin-top: .4em !important;
}

.margin-quarter-bottom {
  margin-bottom: .4em !important;
}

.margin-initial {
  margin-top: 1em;
  margin-bottom: 1em;
}

.display-block {
  display: block;
}

.display-inline-block {
  display: inline-block;
}

.screen-reader-text {
  clip: rect(1px,1px,1px,1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.alignleft {
  float: left;
  margin-right: 32px;
  margin-right: max(1px,min(5.479vw,32px));
}

.alignright {
  float: right;
  margin-left: 32px;
  margin-left: max(1px,min(5.479vw,32px));
}

.alignleft,.alignright {
  max-width: 50%;
  margin-top: 0;
  margin-bottom: 32px;
  margin-bottom: max(1px,min(8.599vw,32px));
  position: relative;
  z-index: 1;
}

@media(max-width: 599px) {
  .alignleft,.alignright {
      max-width:100%;
      float: none;
      margin-right: auto;
      margin-left: auto;
      margin-top: max(1px,min(8.599vw,32px));
  }
}

.aligncenter {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.alignnone {
  clear: both;
}

img[class^=align],img[class*=" align"] {
  display: block;
}



.bypostauthor {
  font-weight: 700;
}

.search-form {
  display: flex;
  max-width: 100%;
  margin: 1.6em auto;
}

.side .widget_search .search-form {
  width: 88%;
}

.search-field {
  width: 100%;
  height: 100%;
  outline: none;
}

.search-submit {
  padding: .4em .8em;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
}

.search-submit:hover {
  box-shadow: none;
}

.post-password-form input[type=submit] {
  padding: .64em 1em;
  margin: 0;
  border-radius: .16em;
}

.nav-links {
  margin: 80px auto;
  padding-top: 32px;
  margin: min(10.959vw,80px) auto;
  padding-top: min(4.384vw,32px);
  font-size: max(1px,min(3.288vw,16px));
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  border-top: 1px dashed rgba(0,0,0,.16);
}

.nav-links>* {
  flex: 1 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.nav-links a {
  overflow: hidden;
  position: relative;
  text-decoration: none;
  background: rgba(0,0,0,.04);
  transition-property: color,background;
  color: #666;
}

.nav-links a .click-point {
  margin: -4px 0 0 -4px;
  width: 8px;
  height: 8px;
  display: block;
  position: absolute;
  background: rgba(0,0,0,.2);
  border-radius: 50%;
  animation: .8s ease-out both clicklEffect;
  box-shadow: 0 0 16px rgba(0,0,0,.2);
}

.nav-links a:hover {
  background: rgba(0,0,0,.16);
  color: currentColor;
}

.nav-links a,.nav-links .current {
  margin: .16em;
  padding: .64em .4em;
  border-radius: .16em;
}

.nav-links .current {
  background: rgba(0,0,0,.16);
  color: currentColor;
}

a.link-btn,a.custom-btn {
  text-decoration: none;
  color: var(--light-color);
  background: var(--btn-color);
  border-radius: 16em;
  display: inline-block;
  /* box-shadow: 0 1px .1em rgba(0,0,0,.2); */
  padding: .8em 2.4em;
  transition-property: background,box-shadow;
  margin: .4em;
  overflow: hidden;
  position: relative;
}

a.link-btn:hover,a.custom-btn:hover {
  color: var(--light-color);
  background: var(--btn-hover-color);
  box-shadow: 0 1px .1em rgba(0,0,0,.2);
}

a.link-btn .click-point,a.custom-btn .click-point {
  margin: -4px 0 0 -4px;
  width: 8px;
  height: 8px;
  display: block;
  position: absolute;
  background: rgba(0,0,0,.2);
  border-radius: 50%;
  animation: .8s ease-out both clicklEffect;
  box-shadow: 0 0 16px rgba(0,0,0,.2);
}

a.link-btn--block {
  display: block;
  padding: .8em;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

a.link-btn-white {
  overflow: hidden;
  position: relative;
  color: currentColor;
  background: 0 0;
  box-shadow: none;
  border: 2px solid rgba(0,0,0,.16);
  transition-property: background,color,border;
}

a.link-btn-white .click-point {
  margin: -4px 0 0 -4px;
  width: 8px;
  height: 8px;
  display: block;
  position: absolute;
  background: rgba(0,0,0,.2);
  border-radius: 50%;
  animation: .8s ease-out both clicklEffect;
  box-shadow: 0 0 16px rgba(0,0,0,.2);
}

a.link-btn-white:hover {
  box-shadow: none;
  border-color: var(--btn-hover-color);
}

a.link-btn--large {
  font-weight: 700;
  font-size: 136%;
}

a.img-link {
  overflow: hidden;
  position: relative;
  display: inline-block;
  cursor: zoom-in;
}

a.img-link .click-point {
  margin: -4px 0 0 -4px;
  width: 8px;
  height: 8px;
  display: block;
  position: absolute;
  background: rgba(0,0,0,.2);
  border-radius: 50%;
  animation: .8s ease-out both clicklEffect;
  box-shadow: 0 0 16px rgba(0,0,0,.2);
}

a.img-link:after {
  font-family: "Material Icons Round";
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  font-size: 112%;
  vertical-align: -18%;
  font-size: 48px;
  font-size: max(12px,min(13.151vw,48px));
  content: "zoom_in";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  color: #fff;
  opacity: .6;
  transition: .8s ease-out;
  transition-property: transform,opacity;
  z-index: 1;
}

a.img-link img {
  transform: scale(1);
  transition: .8s ease-out;
  transition-property: transform,opacity;
}

a.img-link[class^=align],a.img-link[class*=" align"] {
  display: block;
}

a.img-link[class^=align] img,a.img-link[class*=" align"] img {
  max-width: 100%;
  margin: 0;
}

a.img-link:hover:after {
  opacity: 1;
  transform: translate(-50%,-50%) scale(1.5);
}

a.img-link:hover img {
  transform: scale(1.5);
}

.title-interview {
  background: inherit;
  color: inherit;
  border: none;
  margin: initial;
  padding: initial;
  border-radius: initial;
  box-shadow: initial;
  text-shadow: initial;
  overflow: initial;
  position: initial;
  clear: initial;
  line-height: 1.44;
  color: var(--default-color);
  padding: 0 0 0 2.304em;
  position: relative;
  margin: 1em 0;
}

@media screen\0 {
  .title-interview {
      border-radius: 0;
      overflow: visible;
      clear: none;
  }
}

.title-interview:before,.title-interview:after {
  content: "";
  content: unset;
  margin: initial;
  padding: initial;
  opacity: initial;
  width: auto;
  height: auto;
  background: initial;
}

@media screen\0 {
  .title-interview:before,.title-interview:after {
      opacity: 1;
      background: 0 0;
      margin: 0;
      padding: 0;
  }
}

@supports(-ms-ime-align:auto) {
  .title-interview {
      color: var(--default-color);
      padding-left: 2.304em;
  }
}

@media screen\0 {
  .title-interview {
      color: var(--default-color);
      padding-left: 2.304em;
  }
}

.title-interview:before {
  font-size: inherit;
  content: "";
  position: absolute;
  left: 0;
  top: .8em;
  width: 2.048em;
  height: 1px;
  background: var(--default-color);
}

.sd-title {
  background: inherit;
  color: inherit;
  border: none;
  margin: initial;
  padding: initial;
  border-radius: initial;
  box-shadow: initial;
  text-shadow: initial;
  overflow: initial;
  position: initial;
  clear: initial;
}

@media screen\0 {
  .sd-title {
      border-radius: 0;
      overflow: visible;
      clear: none;
  }
}

.sd-title:before,.sd-title:after {
  content: "";
  content: unset;
  margin: initial;
  padding: initial;
  opacity: initial;
  width: auto;
  height: auto;
  background: initial;
}

@media screen\0 {
  .sd-title:before,.sd-title:after {
      opacity: 1;
      background: 0 0;
      margin: 0;
      padding: 0;
  }
}

.material-btn,.material-btn-wrap a {
  /* overflow: hidden; */
  position: relative;
}

.material-btn .click-point,.material-btn-wrap a .click-point {
  margin: -4px 0 0 -4px;
  width: 8px;
  height: 8px;
  display: block;
  position: absolute;
  background: rgba(0,0,0,.2);
  border-radius: 50%;
  animation: .8s ease-out both clicklEffect;
  box-shadow: 0 0 16px rgba(0,0,0,.2);
}

.loader,.loader:before,.loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  animation-fill-mode: both;
  animation: load7 1.8s infinite ease-in-out;
}

.loader {
  color: rgba(0,0,0,.2);
  font-size: 10px;
  text-indent: -9999em;
  transform: translateZ(0);
  animation-delay: -.16s;
  position: absolute;
  left: 50%;
  top: 50%;
}

.loader:before,.loader:after {
  content: "";
  position: absolute;
  top: 0;
}

.loader:before {
  left: -3.5em;
  animation-delay: -.32s;
}

.loader:after {
  left: 3.5em;
}

.loader-wrap {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background: #fff;
  z-index: 100;
  transition: .8s ease-out;
  opacity: 1;
}

.wf-active.loading-onload .loader-wrap,.loading-delay .loader-wrap {
  opacity: 0;
  visibility: hidden;
}

@keyframes load7 {
  0%,80%,100% {
      box-shadow: 0 2.5em 0 -1.3em;
  }

  40% {
      box-shadow: 0 2.5em 0 0;
  }
}

.dot,.kenten {
  text-emphasis: dot var(--default-color);
  -webkit-text-emphasis: filled var(--default-color);
}

.dot.js_on,.kenten.js_on {
  text-emphasis: none;
  -webkit-text-emphasis: none;
}

.dot.js_on>span,.kenten.js_on>span {
  padding: .4em 0;
  background-repeat: repeat-x;
  background-size: .96em .56em;
  background-position: top left;
  background-image: radial-gradient(.16em .16em at center center,var(--default-color) 48%,transparent 56%);
  font-feature-settings: normal;
}

.fz-up {
  font-size: 136%;
}

.fz-up--1 {
  font-size: 136%;
}

.fz-up--2 {
  font-size: 144%;
}

.fz-up--3 {
  font-size: 156%;
}

.fz-down {
  font-size: 96%;
}

.fz-down--1 {
  font-size: 88%;
}

.fz-down--2 {
  font-size: 80%;
}

.fz-down--3 {
  font-size: 72%;
}

@media(max-width: 599px) {
  [class^=fz-up],[class*=" fz-up"] {
      font-size:100%;
  }

  [class^=fz-up-],[class*=" fz-up-"] {
      font-size: 136%;
  }

  [class^=fz-down],[class*=" fz-down"] {
      font-size: 80%;
  }

  [class^=fz-down-],[class*=" fz-down-"] {
      font-size: 64%;
  }
}

.object-fit-wrap {
  display: inline-block;
  background: no-repeat center/cover;
}

.object-fit-wrap img {
  opacity: 0;
}

html {
  scroll-padding-top: calc(var(--hh,72px) + 1em);
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "palt";
  font-size: max(6px,min(4.384vw,14px));
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
  display: flex;
  align-items: center;
  flex-direction: column;
  min-height: calc(var(--vh,1vh)*100);
  color: #333;
  
  background: #fff;
}

@media screen\0 {
  body {
      min-height: 100vh;
      display: block;
  }
}

body>* {
  width: 100%;
}

body.admin-bar {
  min-height: calc(var(--vh,1vh)*100 - 32px);
}

@media(max-width: 599px) {
  body.admin-bar {
      min-height:calc(var(--vh,1vh)*100);
  }
}

body .material-icons,body .material-icons-round {
  font-size: 112%;
  vertical-align: -18%;
}

body.kbp2-webfontnone {
  font-family: Meiryo,sans-serif;
}

.container {
  flex-grow: 1;
  margin: 16px auto;
  padding: 0 calc((100% - 1030px)*.5);
  margin-top: 100px;
  /* margin: min(2.192vw,16px) auto; */
  padding: 0 max(min(4vw,16px),calc((100% - 1030px)*.5));
  display: flex;
}

@media(max-width: 1024px) {
  .container {
      overflow:hidden;
      flex-wrap: wrap;
  }
}

.container-side-left {
  flex-direction: row-reverse;
}

.main {
  flex: auto;
  width: 599px;
  min-width: 0;
  position: relative;
  z-index: 1;
}

@media(max-width: 1024px) {
  .main {
      padding:0 calc((100% - 599px)*.5);
  }
}

.side {
  /* flex: 1 0 calc(100% - 599px); */
  padding-right: calc(100% - 1024px);
  background: #fff;
  min-width: 0;
}

@media screen\0 {
  .side {
      width: calc(240px + (100% - 1024px));
  }
}

@media screen\0 {
  .side-inner>* {
      overflow: hidden;
  }
}

.container-side-right .side {
  padding-right: 0;
  padding-left: calc(100% - 1024px);
}

.container-single .side {
  padding-right: 0;
  padding-left: 0;
  flex: 0;
}

.page-scroll {
  margin: 0;
  position: fixed;
  z-index: 10;
  width: auto;
  right: 16px;
  bottom: 16px;
  /* transform: translateY(calc(100% + 16px)); */
  /* right: max(min(16px,4.384vw),calc((100% - 1280px)*.5)); */
  /* bottom: min(16px,4.384vw); */
  /* transition: .4s ease-in-out; */
  /* transition-property: transform,opacity; */
  /* opacity: 0; */
  /* transform: translateY(calc(100% + min(16px,4.384vw))); */
}

.fixed.body_scroll_on .page-scroll {
  transform: translateY(0);
  opacity: 1;
}

.page-scroll a.link-btn {
  padding: 0;
  margin: 0;
  width: 3.2em;
  height: 3.2em;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 .2em .4em rgba(0,0,0,.3);
}

.page-scroll a.link-btn:hover {
  box-shadow: 0 1px 0.1em rgb(0 0 0 / 20%);
  background: var(--btn-hover-color);
}

.header__title {
  text-align: center;
  font-size: .813rem;
  font-size: max(8px,min(3.288vw,13px));
  color: var(--light-color);
  background: var(--default-color);
  margin: 0;
  padding: .2em;
  overflow: hidden;
  text-overflow: ellipsis;
  
}

.header-img,.header-mainbord {
  text-align: center;
  padding: 0 calc((100% - 1030px)*.5);
  background: #fff;
}

.header-img p,.header-mainbord p {
  margin: 0;
}

.header-nav-nopc {
  display: none;
}

@media(max-width: 1024px) {
  .header__title{
    text-align: left;
   /*  padding-right: 50px; */
  }
  .header-nav-nopc {
      display:block;
  }
}

.header-nav-inner {
  padding: 0 calc((100% - 1030px)*.5);
  filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
  position: relative;
  z-index: 10;
  background: linear-gradient(#fff 49%,#fafafa 50%);
}

.header-nav-inner.nav-wide {
  padding: 0;
}

@media screen\0 {
  .header-nav-inner {
      box-shadow: 0 2px 2px rgba(0,0,0,.2);
  }
}

.header-nav-inner:before {
  content: "";
  width: 100%;
  height: 2px;
  background: #eee;
  position: absolute;
  left: 0;
  bottom: 1px;
}

.fixed .header-nav-inner {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  background: var(--default-color);
  color: var(--light-color);
  filter: drop-shadow(0 1px .8em rgba(0,0,0,.5));
}

.fixed .header-nav-inner a{
  color: #fff;
}

.fixed .header-nav-inner .dropdown-btn{
  color: #fff;
}

.fixed .header-nav-inner .dropdown li a{
  color: #333;
}

@media screen\0 {
  .fixed .header-nav-inner {
      box-shadow: 0 2px .8em rgba(0,0,0,.5);
  }
}

.fixed .header-nav-inner:before {
  display: none;
}

.admin-bar.fixed .header-nav-inner {
  top: 32px;
}
@media(max-width: 1024px) {
  .fixed .header-nav-inner {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    color: var(--light-color);
    filter: drop-shadow(0 1px .8em rgba(0,0,0,.5));
  }
}
@media(max-width: 599px) {
  .container{
    margin-top: 50px;
  }
  .admin-bar.fixed .header-nav-inner {
      top:0;
  }
}

.header-nav-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  justify-content: center;
  text-align: center;
  font-size: .813rem;
  font-size: max(8px,min(3.288vw,13px));
  font-weight: 500;
}

.header-nav-menu:not(:first-child):last-child {
  font-weight: 400;
}

.header-nav-menu:not(:first-child):last-child a {
  padding: 5px;
  font-size: 12px;
}

.header-nav-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
  position: absolute;
  max-width: 25vw;
  min-width: 100%;
  transform: scale3d(1,0,0);
  transform-origin: left top;
  opacity: 0;
  transition: transform .4s ease;
  background: #fff;
  font-weight: 400;
}

@media screen\0 {
  .header-nav-menu ul {
      box-shadow: 0 2px .8em rgba(0,0,0,.2);
  }
}

.fixed .header-nav-menu ul {
  background: var(--default-color);
}

.header-nav-menu ul ul {
  transform: scale3d(0,1,0);
  min-width: 0;
}

.header-nav-menu ul ul ul {
  transform: scale3d(1,0,0);
}

.header-nav-menu li {
  margin: 0;
  position: relative;
  transition: background .4s ease-in-out;
}

.header-nav-menu li.current-menu-item {
  background: rgba(0,0,0,.03);
  font-weight: 700;
}

.header-nav-menu li.current-menu-item>a {
  background: rgba(0,0,0,.03);
}

.header-nav-menu li:hover {
  background: rgba(0,0,0,.03);
}

.header-nav-menu li:hover>ul {
  transform: scale3d(1,1,.9);
  opacity: 1;
}

.header-nav-menu a {
  text-decoration: none;
  transition-property: background;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 100%;
  display: block;
  padding: 1em;
}

.header-nav-menu a:hover {
  background: rgba(0,0,0,.03);
  /* color: inherit; */
}

.header-nav-menu small {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  display: block;
  color: #999;
  margin-top: -.2em;
}

.fixed .header-nav-menu small {
  display: none;
}

.header-nav-menu i {
  display: block;
  font-size: 168%;
  margin-bottom: .1em;
}

.header-nav-menu>li {
  flex: 1 1 172px;
  min-height: 72px;
  min-height: min(18.63vw,72px);
  border-left: 1px solid #ddd;
}

.header-nav-menu>li.current-menu-item {
  font-weight: inherit;
}

.header-nav-menu>li.current-menu-item:before {
  opacity: 1;
}

.header-nav-menu>li:hover:before {
  opacity: 1;
}

.header-nav-menu>li:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  left: 0;
  bottom: 1px;
  background: var(--default-color);
  transition: opacity .4s ease-in-out;
  opacity: 0;
  z-index: 1;
}

.fixed .header-nav-menu>li:before {
  display: none;
}

.header-nav-menu>li>ul {
  left: 0;
  top: 100%;
}

.header-nav-menu>li>ul>li>ul {
  left: 100%;
  top: 0;
}

.header-nav-menu>li>ul>li>ul ul {
  left: 0;
  top: 100%;
}

.header-nav-menu>li:nth-child(n+4)>ul,.header-nav-menu>li:last-child>ul {
  left: auto;
  right: 0;
  transform-origin: right top;
  top: 85px;
  right: -20%;
}
.fixed .header-nav-menu>li:nth-child(n+4)>ul,.fixed .header-nav-menu>li:last-child>ul {
  left: auto;
  right: 0;
  transform-origin: right top;
  top: 70px;
  right: -20%;
}

.header-nav-menu>li:nth-child(n+4)>ul>li>ul,.header-nav-menu>li:last-child>ul>li>ul {
  left: auto;
  right: 100%;
  transform-origin: right top;
}

.fixed .header-nav-menu>li {
  border: none;
  min-height: 0;
}

.header-nav-menu>li:last-child {
  border-right: 1px solid #ddd;
}

.fixed .header-nav-menu>li:last-child {
  border: none;
}

.header-nav-menu>li>a {
  padding: 1.28em .8em;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.footer {
  margin-top: auto;
  overflow: hidden;
  margin-top: 100px;
}

.footer-contact {
  text-align: center;
  background: #eee;
  padding: 32px 4vw;
  padding: min(32px,6.575vw) 4vw;
  font-weight: 500;
}

.footer-contact>* {
  margin: 0;
}

.footer-contact__title {
  font-size: 1.5rem;
  font-size: max(12px,min(5.479vw,24px));
}

.footer-contact__tel {
  font-size: 3.5rem;
  font-size: max(12px,min(10.959vw,56px));
  line-height: 1.25;
  display: flex;
  align-items: center;
  justify-content: center;
}

.close-info .footer-contact__tel {
  font-size: 3.5rem;
  font-size: max(12px,min(10.959vw,30px));
  line-height: 1.25;
  display: flex;
  align-items: center;
  justify-content: start;
  margin-left: 0.19em;
  font-weight: bold;
}

.footer-contact__tel i {
  color: var(--default-color);
}

.footer-contact__tel a {
  text-decoration: none;
}

.footer-contact__tel a:hover {
  color: inherit;
}

.footer-address {
  color: var(--light-color);
  background: #999898;
  margin: 0;
  padding: 0.8em;
  text-align: center;
}

.footer-copyright {
  color: var(--light-color);
  background: var(--dark-color);
  margin: 0;
  padding: .8em;
  text-align: center;
}

.footer-copyright small {
  display: block;
}

.footer-copyright a {
  text-decoration: none;
}

.footer-copyright a:hover {
  color: inherit;
}

.footer>*:last-child {
  padding-bottom: calc(env(safe-area-inset-bottom) + .8em);
}

@media(max-width: 768px) {
  .fixed .header-nav-menu>li:nth-child(n+4)>ul,.fixed .header-nav-menu>li:last-child>ul {

  right: 0%;
}
  #nav_menu-5{
    width: 100%;
  }
  .flexsid{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .footer-copyright{
    padding-bottom: 60px;
  }
  .side {
      position:fixed;
      z-index: 20;
      left: 0;
      top: 0;
      width: 272px;
      max-width: 90%;
      height: calc(var(--vh)*100);
      padding-bottom: 3.52em;
      transform: translateX(-100%);
      opacity: 0;
      transition: .4s ease-in-out;
  }

  .side-inner {
      overflow: auto;
      height: 100vh;
          padding-bottom: 50px;
  }

  .container-side-right .side {
      transform: translateX(100%);
      left: auto;
      right: 0;
  }

  .side.mobile-show {
      transform: translateX(0);
      opacity: 1;
      box-shadow: .8em 0 1.6em rgba(0,0,0,.2);
  }

  .side-close {
      overflow: hidden;
    position: relative;
    position: absolute;
    left: 0;
    bottom: 48px;
    width: 100%;
    text-align: center;
    text-decoration: none;
    color: #fff !important;
    background: #666;
    text-align: center;
    z-index: 1;
    padding: 1em;
  }

  .side-close .click-point {
      margin: -4px 0 0 -4px;
      width: 8px;
      height: 8px;
      display: block;
      position: absolute;
      background: rgba(0,0,0,.2);
      border-radius: 50%;
      animation: .8s ease-out both clicklEffect;
      box-shadow: 0 0 16px rgba(0,0,0,.2);
  }

  .side-close-bg {
      position: fixed;
      width: 100vw;
      height: 100vh;
      background: rgba(0,0,0,.6);
      left: 0;
      top: 0;
      z-index: 15;
      display: none;
  }

  .side-close-bg.mobile-show {
      display: block;
      animation: .8s fadeIn ease-in-out;
  }
}

.mobile-nav {
  list-style: none;
  margin: 0 0 min(40px,10.959vw);
  padding: 0;
  font-size: max(8px,min(3.562vw,13px));
}

.mobile-nav small {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  display: block;
  color: #999;
  margin-top: -.2em;
}

.mobile-nav a {
  text-decoration: none;
  overflow: hidden;
  position: relative;
  padding: 1.6em 1.6em 1.6em min(16px,4.384vw);
  display: block;
}

.mobile-nav a .click-point {
  margin: -4px 0 0 -4px;
  width: 8px;
  height: 8px;
  display: block;
  position: absolute;
  background: rgba(0,0,0,.2);
  border-radius: 50%;
  animation: .8s ease-out both clicklEffect;
  box-shadow: 0 0 16px rgba(0,0,0,.2);
}

.mobile-nav a:after {
  position: absolute;
  content: "";
  font-family: "Material Icons Round";
  color: rgba(0,0,0,.2);
  right: .64em;
  top: 50%;
  transform: translateY(-50%);
}

.mobile-nav a:hover {
  color: inherit;
}

.mobile-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  background: rgba(0,0,0,.02);
  border-left: 8px solid rgba(0,0,0,.02);
}

.mobile-nav ul a {
  padding-top: 1em;
  padding-bottom: 1em;
}

.mobile-nav li {
  position: relative;
}

.mobile-nav li.current-menu-item>a {
  font-weight: 700;
}

.mobile-nav li:not(:last-child) {
  border-bottom: 1px dashed #ddd;
}

.calendar_wrap {
  margin: 0 -1px;
}

.footer-widget .calendar_wrap {
  margin: 0;
}

.wp-calendar-table caption,.wp-calendar-table th,.wp-calendar-table td {
  padding: .4em 0;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.wp-calendar-table thead th:nth-child(6) {
  color: #2196f3;
}

.wp-calendar-table thead th:nth-child(7) {
  color: #f44336;
}

.wp-calendar-table a {
  display: block;
  font-weight: 700;
  position: static !important;
}

.wp-calendar-table a:before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.03);
  position: absolute;
  left: 0;
  top: 0;
  border: 2px solid #fff;
}

.wp-calendar-nav {
  display: flex;
  text-align: center;
}

.wp-calendar-nav>* {
  flex: auto;
}

.wp-calendar-nav a {
  display: block;
  padding: .4em;
}

.widget {
  position: relative;
  font-size: .813rem;
  font-size: max(8px,min(3.562vw,13px));
}

.widgettitle,.widgettitle a {
  display: flex;
  align-items: center;
}

.widgettitle {
  font-weight: bold;
  font-size: 112%;
  border-bottom: 1px solid rgba(0,0,0,.16);
  margin: 0;
  position: relative;
  padding: 24px 16px;
  padding: min(24px,6.575vw) min(16px,4.384vw);
}

.widgettitle:before {
  content: "";
  width: 2px;
  height: calc(100% - .64em);
  background: var(--default-color);
  position: absolute;
  left: 4px;
  top: 0;
}

.widgettitle a {
  margin-right: .2em;
}

.widget a {
  text-decoration: none;
  overflow: hidden;
  position: relative;
}

.widget a .click-point {
  margin: -4px 0 0 -4px;
  width: 8px;
  height: 8px;
  display: block;
  position: absolute;
  background: rgba(0,0,0,.2);
  border-radius: 50%;
  animation: .8s ease-out both clicklEffect;
  box-shadow: 0 0 16px rgba(0,0,0,.2);
}

.widget iframe {
  height: 100%;
}

.widget ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-weight: bold;
}

.widget ul ul {
  background: rgba(0,0,0,.02);
  border-left: 8px solid rgba(0,0,0,.02);
}

.widget li {
  position: relative;
  overflow: hidden;
}

.widget li.current-menu-item>a {
  font-weight: 700;
}

.widget li:not(:last-child) {
  border-bottom: 1px dashed #ddd;
}

.textwidget .widget li:not(:last-child) {
  border: none;
}

.widget li a {
  padding: 1.28em 1.6em 1.28em 16px;
  padding-left: min(16px,4.384vw);
  display: block;
}

.widget li a:before,.widget li a:after {
  position: absolute;
  transition: .4s cubic-bezier(.165,.84,.44,1);
  z-index: 1;
}

.widget li a:before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0);
  left: 0;
  top: 0;
  
}

.widget li a:after {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  color: rgba(0,0,0,.2);
  right: .64em;
  top: 50%;
  transform: translateY(-50%);
  transition-property: transform,color;
}

.widget li a:hover {
  color: inherit;
}

.widget li a:hover:before {
  background: rgba(0,0,0,.03);
}

.widget li a:hover:after {
  color: rgba(0,0,0,.4);
  transform: translate(.2em,-50%);
}

.widget li a small {
  display: block;
  text-transform: lowercase;
  opacity: .56;
}

.widget dl {
  padding: 16px;
  padding: min(16px,4.384vw);
  margin: 0;
}

.widget dt {
  font-weight: 700;
  position: relative;
  padding-left: .8em;
}

.widget dt:before {
  content: "";
  border: solid transparent;
  border-width: .32em .229em;
  border-top-color: var(--default-color);
  position: absolute;
  left: 0;
  top: .457em;
}

.widget dt~dt {
  margin-top: .8em;
}

.widget dd {
  margin: 0;
}

.widget dd+dd {
  margin-top: .4em;
}

.widget dd.widget_info__tel {
  font-size: 192%;
  font-weight: 500;
  white-space: nowrap;
  line-height: 1.3;
}

.widget dd.widget_info__tel i {
  color: var(--default-color);
}

.widget dd.widget_info__btn {
  font-weight: 500;
  margin: .8em -8px;
  margin: .8em max(-8px,-2.192vw);
}

.widget dd.widget_info__map {
  height: 200px;
  margin-top: .8em;
  border-radius: .32em;
  overflow: hidden;
}

.widget_banner {
  max-width: 240px;
  border: none !important;
}

.widget_banner_img {
  border: none !important;
  text-align: center;
}

.widget_banner figure,.widget_banner p {
  margin: 0;
  overflow: hidden;
}

.widget_banner p.noborder img {
  border: none;
}

.widget_banner p img {
  border: 1px solid rgba(0,0,0,.16);
}

.widget_banner figure {
  position: relative;
  transition: opacity .4s;
}

.widget_banner figure:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  box-shadow: 0 0 1px 1px rgba(0,0,0,.16) inset;
  z-index: 1;
  pointer-events: none;
}

.widget_banner figure+figure {
  margin-top: .8em;
}

.widget_banner figure:hover {
  opacity: .8;
}

.widget_banner figure img {
  position: absolute;
  left: 0;
  top: 0;
}

.widget_banner figure a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 120px;
  padding: 2.048em 8px 3.584em;
  transition-property: opacity,box-shadow;
}

.widget_banner figure a:hover {
  color: inherit;
}

.widget_banner figure a:hover i {
  transform: translateX(.2em);
}

.widget_banner figcaption {
  margin: 0;
}

.widget_banner i {
  transform: translateX(0);
  transition: transform .4s ease-in-out;
}

.widget_banner__title {
  font-weight: 700;
  font-size: 144%;
}

.widget_banner__text {
  font-size: 80%;
  color: #666;
}

.widget_banner__btn {
  padding: 1px 8px 2px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: var(--default-color);
  width: 100%;
  color: var(--light-color);
  text-align: right;
  font-size: 80%;
}

.widget_rss .rss-date,.widget_rss .rssSummary,.widget_rss cite {
  font-size: 88%;
  opacity: .64;
  padding: 0 16px;
  padding: 0 min(16px,4.384vw);
  margin-bottom: .64em;
}

.widget_rss a {
  position: static !important;
}

.widget_news-list {
  padding: 4px 16px;
  padding: min(.548vw,4px) min(16px,4.384vw);
}

.widget_news-list:after {
  clear: both;
  content: "";
  display: block;
}

.widget_news-list:not(:first-child) {
  border-top: 1px dashed #ddd;
}

.widget_news-list-wrap {
  max-height: 320px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.widget .wp-video {
  margin: 0;
}

.widget .wp-caption-text {
  font-size: 112%;
}

.widget .gallery,.widget_media_image figure {
  text-align: center;
}

.widget .gallery figure,.widget_media_image figure figure {
  overflow: hidden;
}

.widget .gallery a,.widget_media_image figure a {
  border-radius: 4px;
}

.widget .gallery img,.widget_media_image figure img {
  border-radius: 4px;
}

.widget select {
  margin: 16px 0;
  font-size: 112%;
  margin: min(16px,4.384vw) 0;
  padding: .4em;
}

.widget .select-wrap {
  margin: 16px 0;
  margin: min(16px,4.384vw) 0;
}

.widget .select-wrap select {
  margin: 0;
  padding: 0;
  font-size: 100%;
}

.widget .tagcloud {
  display: flex;
  flex-wrap: wrap;
  padding: 8px 0;
  padding: min(8px,2.192vw) 0;
  text-align: center;
  color: #666;
}

.widget .tagcloud a {
  font-size: 100% !important;
  margin: .2em;
  border: 1px solid #ddd;
  padding: .2em .4em;
  border-radius: 3px;
  flex: auto;
  background: rgba(0,0,0,.03);
  transition-property: color,background;
}

.widget .tagcloud a:hover {
  color: #fff;
  background: rgba(0,0,0,.5);
  border-color: transparent;
}

.widget .textwidget *:not([class]),.widget [class^=jetpack-] *:not([class]),.widget [class*=" jetpack-"] *:not([class]) {
  background: inherit;
  color: inherit;
  border: none;
  margin: initial;
  padding: initial;
  border-radius: initial;
  box-shadow: initial;
  text-shadow: initial;
  overflow: initial;
  position: initial;
  clear: initial;
}

@media screen\0 {
  .widget .textwidget *:not([class]),.widget [class^=jetpack-] *:not([class]),.widget [class*=" jetpack-"] *:not([class]) {
      border-radius: 0;
      overflow: visible;
      clear: none;
  }
}

.widget .textwidget *:not([class]):before,.widget .textwidget *:not([class]):after,.widget [class^=jetpack-] *:not([class]):before,.widget [class^=jetpack-] *:not([class]):after,.widget [class*=" jetpack-"] *:not([class]):before,.widget [class*=" jetpack-"] *:not([class]):after {
  content: "";
  content: unset;
  margin: initial;
  padding: initial;
  opacity: initial;
  width: auto;
  height: auto;
  background: initial;
}

@media screen\0 {
  .widget .textwidget *:not([class]):before,.widget .textwidget *:not([class]):after,.widget [class^=jetpack-] *:not([class]):before,.widget [class^=jetpack-] *:not([class]):after,.widget [class*=" jetpack-"] *:not([class]):before,.widget [class*=" jetpack-"] *:not([class]):after {
      opacity: 1;
      background: 0 0;
      margin: 0;
      padding: 0;
  }
}

.side .widget {
  border: 1px solid rgba(0,0,0,.16);
  margin: 0 auto 24px;
  max-width: 240px;
  width: 100%;
  font-size: 16px;
}

.side .widget .gallery,.side .widget_media_image figure {
  padding: 1px 16px;
  padding: 1px min(16px,4.384vw);
}

.side .widget .textwidget:not(.custom-html-widget) {
  padding: 1px 16px;
  padding: 1px min(16px,4.384vw);
}

.side .widget select {
  margin: 16px;
  margin: min(16px,4.384vw);
}

.side .widget .select-wrap {
  margin: 16px;
  margin: min(16px,4.384vw);
}

.side .widget .select-wrap select {
  margin: 0;
}

.side .widget .tagcloud {
  padding: 8px;
  padding: min(8px,2.192vw);
}

@media(max-width: 768px) {
  .noneor{
    display: none;
  }
 .active .side {
    position: relative;
    z-index: 0;
    left: 0;
    top: 0;
    width: 100%;
    max-width: 100%;
    height: calc(var(--vh)*100);
    padding-bottom: 0;
    transform: translateX(0%);
    opacity: 1;
    transition: .0s ease-in-out;
}
.side .widget.new{
  width: 100%;
  max-width: 100%;
}
.side .widget{
  width: 100%;
  margin: 20px;
  max-width: 100%;
}
.side .widget.neo{
  width: 90%;
  max-width: 100%;
  margin: 20px auto;
}
}
@media(max-width: 599px) {
  .side .widget{
    width: 100%;
  }
}

.footer-widget {
  padding: 40px calc((100% - 1030px)*.5);
  margin: 0 -16px;
  padding: min(5.479vw,40px) max(min(4vw,16px),calc((100% - 1030px)*.5));
  margin: 0 max(-2.192vw,-16px);
  display: flex;
  flex-wrap: wrap;
  background: rgba(0,0,0,.02);
}

.footer-widget>* {
  margin: 16px;
  margin: min(2.192vw,16px);
  flex: 1 1 224px;
  min-width: 0;
  max-width: 100%;
}

.footer-widget .widgettitle {
  border: none;
}

.footer-widget .widgettitle:before {
  height: calc(100% - 2.4em);
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.footer-widget .widget_banner {
  margin: 16px;
  margin: min(16px,6.575vw) min(2.192vw,16px);
  width: 240px;
  flex: 0 0 240px;
  border-radius: 0;
  padding: 0;
  align-self: flex-start;
}

@media(max-width: 599px) {
  .footer-widget .widget_banner {
      margin-left:auto;
      margin-right: auto;
  }
}

.footer-widget .widget_media_gallery {
  flex: 100%;
}

@supports(-ms-ime-align:auto) {
  .footer-widget .widget_media_gallery {
      margin: 0;
  }
}

@media screen\0 {
  .footer-widget .widget_media_gallery {
      margin: 0;
  }
}

.footer-widget .widget_media_gallery>* {
  gap: min(3.288vw,24px);
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(150px,1fr));
}

@media screen\0 {
  .footer-widget .widget_media_gallery>* {
      display: flex;
      flex-wrap: wrap;
  }
}

.footer-widget .widget_media_gallery figure {
  margin: 0;
}

@supports(-ms-ime-align:auto) {
  .footer-widget .widget_media_gallery figure {
      margin: 4px;
  }
}

@media screen\0 {
  .footer-widget .widget_media_gallery figure {
      margin: 4px;
  }
}

div.mw_wp_form dl {
  background: inherit;
  color: inherit;
  border: none;
  margin: initial;
  padding: initial;
  border-radius: initial;
  box-shadow: initial;
  text-shadow: initial;
  overflow: initial;
  position: initial;
  clear: initial;
  display: flex;
  font-size: max(6px,min(4.384vw,16px));
}

@media screen\0 {
  div.mw_wp_form dl {
      border-radius: 0;
      overflow: visible;
      clear: none;
  }
}

div.mw_wp_form dl:before,div.mw_wp_form dl:after {
  content: "";
  content: unset;
  margin: initial;
  padding: initial;
  opacity: initial;
  width: auto;
  height: auto;
  background: initial;
}

@media screen\0 {
  div.mw_wp_form dl:before,div.mw_wp_form dl:after {
      opacity: 1;
      background: 0 0;
      margin: 0;
      padding: 0;
  }
}

@media(max-width: 599px) {
  div.mw_wp_form dl {
      flex-wrap:wrap;
  }
}

div.mw_wp_form dl.must dt:after {
  content: "必須";
  background: #f44336;
}

div.mw_wp_form dl:nth-of-type(2n+1) {
  background: rgba(0,0,0,.016);
}

div.mw_wp_form dl:hover {
  background: rgba(0,0,0,.032);
}

div.mw_wp_form dl dt,div.mw_wp_form dl dd {
  background: inherit;
  color: inherit;
  border: none;
  margin: initial;
  padding: initial;
  border-radius: initial;
  box-shadow: initial;
  text-shadow: initial;
  overflow: initial;
  position: initial;
  clear: initial;
  padding: 1.6em .8em;
  border-top: 1px solid rgba(0,0,0,.16);
  overflow: hidden;
}

@media screen\0 {
  div.mw_wp_form dl dt,div.mw_wp_form dl dd {
      border-radius: 0;
      overflow: visible;
      clear: none;
  }
}

div.mw_wp_form dl dt:before,div.mw_wp_form dl dt:after,div.mw_wp_form dl dd:before,div.mw_wp_form dl dd:after {
  content: "";
  content: unset;
  margin: initial;
  padding: initial;
  opacity: initial;
  width: auto;
  height: auto;
  background: initial;
}

@media screen\0 {
  div.mw_wp_form dl dt:before,div.mw_wp_form dl dt:after,div.mw_wp_form dl dd:before,div.mw_wp_form dl dd:after {
      opacity: 1;
      background: 0 0;
      margin: 0;
      padding: 0;
  }
}

div.mw_wp_form dl dt {
  width: 15.36em;
  font-weight: 700;
  display: flex;
  align-items: center;
}

@media(max-width: 599px) {
  div.mw_wp_form dl dt {
      flex:100%;
      padding-bottom: .64em;
  }
}

div.mw_wp_form dl dt:before {
  display: none;
}

div.mw_wp_form dl dt:after {
  content: "任意";
  font-size: 72%;
  margin-left: auto;
  color: #fff;
  background: rgba(0,0,0,.4);
  padding: 0 .4em;
  border-radius: .2em;
}

@media(max-width: 599px) {
  div.mw_wp_form dl dt:after {
      margin-left:.8em;
  }
}

div.mw_wp_form dl dd {
  width: calc(100% - 15.36em);
}

@media(max-width: 599px) {
  div.mw_wp_form dl dd {
      flex:100%;
      border-top: none;
      padding-top: 0;
  }
}

div.mw_wp_form .contact__button {
  font-size: 1.5rem;
  font-size: max(6px,min(4.932vw,24px));
  display: flex;
  justify-content: center;
}

div.mw_wp_form .contact__button>* {
  font-weight: 700;
  flex: 40% auto;
  min-width: 40%;
}

@media(max-width: 599px) {
  div.mw_wp_form .contact__button>* {
      flex:1;
  }
}

div.mw_wp_form .error {
  color: #f44336;
  font-weight: 700;
  margin-top: .4em;
  font-size: 88%;
  display: block;
}

div.mw_wp_form .error:before {
  font-family: "Material Icons Round";
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  font-size: 112%;
  vertical-align: -18%;
  content: "error";
  font-size: 144%;
  margin-right: .2em;
  vertical-align: -24%;
  animation: 4s linear 1s infinite flash;
}

div.mw_wp_form input~.select-wrap {
  margin-top: .4em;
}

div.mw_wp_form .mwform-tel-field,div.mw_wp_form .mwform-zip-field {
  display: flex;
  align-items: center;
}

div.mw_wp_form .mwform-tel-field input,div.mw_wp_form .mwform-zip-field input {
  margin: 0 .4em;
  width: auto !important;
  min-width: 0;
}

div.mw_wp_form .mwform-tel-field input:last-child,div.mw_wp_form .mwform-zip-field input:last-child {
  margin-right: 0;
}

div.mw_wp_form .mwform-tel-field input:first-child {
  margin-left: 0;
}

div.mw_wp_form .mwform-radio-field,div.mw_wp_form .mwform-checkbox-field {
  display: inline-block;
}

div.mw_wp_form .mwform-radio-field+span,div.mw_wp_form .mwform-checkbox-field+span {
  margin-left: 1.6em;
}

div.mw_wp_form .mwform-radio-field-text:before,div.mw_wp_form .mwform-checkbox-field-text:before {
  content: "";
  width: 1.28em;
  height: 1.28em;
  display: inline-block;
  vertical-align: -16.8%;
  margin-right: .4em;
  transition: .4s;
  background-color: #fff;
}

div.mw_wp_form .mwform-radio-field input,div.mw_wp_form .mwform-checkbox-field input {
  display: none;
}

div.mw_wp_form .mwform-radio-field input:checked+span:before,div.mw_wp_form .mwform-checkbox-field input:checked+span:before {
  background-color: var(--default-color);
}

div.mw_wp_form .mwform-radio-field {
  margin: .2em 0 !important;
}

div.mw_wp_form .mwform-radio-field-text:before {
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(0,0,0,.24);
}

div.mw_wp_form .mwform-radio-field input:checked+span:before {
  border-color: #fff;
  box-shadow: 0 0 0 1px var(--default-color);
}

div.mw_wp_form .mwform-radio-field label:hover input+span:before {
  box-shadow: 0 0 0 1px #333;
}

div.mw_wp_form .mwform-checkbox-field-text:before {
  font-family: "Material Icons Round";
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  font-size: 112%;
  vertical-align: -18%;
  content: "done";
  border: 1px solid rgba(0,0,0,.24);
  line-height: 1.28em;
  color: rgba(255,255,255,0);
  /* background: #fff url(#) no-repeat center/80% 80% */
}

div.mw_wp_form .mwform-checkbox-field input:checked+span:before {
  border-color: var(--default-color);
  color: #fff;
}

div.mw_wp_form .mwform-checkbox-field label:hover input+span:before {
  border-color: #333;
}
#main .custom {
  line-height: 1.3;
}
.content-style {
  font-size: 1.125rem;
  font-size: max(6px,min(4.384vw,16px));
  line-height: 1.8;
}

.content-style:after {
  clear: both;
  content: "";
  display: block;
}

.content-style h1 {
  font-size: 2rem;
  font-size: max(8px,min(7.671vw,32px));
  line-height: 1.2;
}

/* .content-style h2 {
  font-size: 1.875rem;
  font-size: max(8px,min(6.575vw,30px));
  line-height: 1.28;
  background: rgba(0,0,0,.04);
  padding: .8em 16px;
  padding: .8em min(3.288vw,16px);
  border: solid rgba(0,0,0,.08);
  border-width: 2px 0;
  position: relative;
  clear: both;
  margin-top: 1.6em
}

.content-style h2:before {
  width: 200px;
  width: min(32.877vw,200px);
  content: "";
  height: 2px;
  background: var(--default-color);
  position: absolute;
  left: 0;
  top: -2px
} */

.content-style h3 {
  font-size: 1.5rem;
  font-size: max(8px,min(4.932vw,24px));
  line-height: 1.36;
  color: var(--light-color);
  background: var(--default-color);
  font-weight: bold;
  padding: .4em 16px;
  padding: .4em min(3.288vw,16px);
  position: relative;
  border-radius: .16em;
  clear: both;
  overflow: hidden;
}

.content-style h3 a {
  overflow: hidden;
  position: relative;
  overflow: visible;
  text-decoration: none;
  position: static;
}

.content-style h3 a .click-point {
  margin: -4px 0 0 -4px;
  width: 8px;
  height: 8px;
  display: block;
  position: absolute;
  background: rgba(0,0,0,.2);
  border-radius: 50%;
  animation: .8s ease-out both clicklEffect;
  box-shadow: 0 0 16px rgba(0,0,0,.2);
}

.content-style h3 a:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(255,255,255,0);
  transition: background .4s;
}

.content-style h3 a:hover {
  color: var(--light-color);
}

.content-style h3 a:hover:before {
  background: rgba(255,255,255,.2);
}

.content-style h3.nostyle {
  font-weight: 700;
}

.content-style h3.nostyle a {
  background: inherit;
  color: inherit;
  border: none;
  margin: initial;
  padding: initial;
  border-radius: initial;
  box-shadow: initial;
  text-shadow: initial;
  overflow: initial;
  position: initial;
  clear: initial;
}

@media screen\0 {
  .content-style h3.nostyle a {
      border-radius: 0;
      overflow: visible;
      clear: none;
  }
}

.content-style h3.nostyle a:before,.content-style h3.nostyle a:after {
  content: "";
  content: unset;
  margin: initial;
  padding: initial;
  opacity: initial;
  width: auto;
  height: auto;
  background: initial;
}

@media screen\0 {
  .content-style h3.nostyle a:before,.content-style h3.nostyle a:after {
      opacity: 1;
      background: 0 0;
      margin: 0;
      padding: 0;
  }
}

.content-style h3.nostyle a:hover {
  color: var(--default-color);
}
/* 
.content-style h3:after {
  content: "";
  display: block;
  height: 1px;
  background: var(--light-color);
  margin-top: .16em;
  opacity: .32
} */

.content-style h3.sd-title {
  background: inherit;
  color: inherit;
  border: none;
  margin: initial;
  padding: initial;
  border-radius: initial;
  box-shadow: initial;
  text-shadow: initial;
  overflow: initial;
  position: initial;
  clear: initial;
  font-size: 88% !important;
}

@media screen\0 {
  .content-style h3.sd-title {
      border-radius: 0;
      overflow: visible;
      clear: none;
  }
}

.content-style h3.sd-title:before,.content-style h3.sd-title:after {
  content: "";
  content: unset;
  margin: initial;
  padding: initial;
  opacity: initial;
  width: auto;
  height: auto;
  background: initial;
}

@media screen\0 {
  .content-style h3.sd-title:before,.content-style h3.sd-title:after {
      opacity: 1;
      background: 0 0;
      margin: 0;
      padding: 0;
  }
}

.content-style h4 {
  font-size: 1.375rem;
  font-size: max(8px,min(4.658vw,22px));
  line-height: 1.44;
  padding: .4em 16px;
  padding: .4em min(3.288vw,16px);
  border-top: 1px solid var(--default-color);
  border-bottom: 1px solid var(--default-color);
  color: var(--default-color);
  clear: both;
}

.content-style h5 {
  font-size: 1.313rem;
  font-size: max(8px,min(4.384vw,21px));
  line-height: 1.44;
  border-bottom: 1px dashed var(--default-color);
  padding-bottom: .4em;
  clear: both;
}

.content-style h6 {
  font-size: 1.125rem;
  font-size: max(8px,min(4.11vw,18px));
  line-height: 1.44;
  border-bottom: 1px dashed rgba(0,0,0,.24);
  padding-bottom: .4em;
  clear: both;
}

.content-style .title-interview {
  background: inherit;
  color: inherit;
  border: none;
  margin: initial;
  padding: initial;
  border-radius: initial;
  box-shadow: initial;
  text-shadow: initial;
  overflow: initial;
  position: initial;
  clear: initial;
  font-size: 1.375rem;
  font-size: max(8px,min(4.658vw,22px));
  line-height: 1.44;
  color: var(--default-color);
  padding: 0 0 0 2.304em;
  position: relative;
  margin: 1em 0;
}

@media screen\0 {
  .content-style .title-interview {
      border-radius: 0;
      overflow: visible;
      clear: none;
  }
}

.content-style .title-interview:before,.content-style .title-interview:after {
  content: "";
  content: unset;
  margin: initial;
  padding: initial;
  opacity: initial;
  width: auto;
  height: auto;
  background: initial;
}

@media screen\0 {
  .content-style .title-interview:before,.content-style .title-interview:after {
      opacity: 1;
      background: 0 0;
      margin: 0;
      padding: 0;
  }
}

@supports(-ms-ime-align:auto) {
  .content-style .title-interview {
      color: var(--default-color);
      padding-left: 2.304em;
  }
}

@media screen\0 {
  .content-style .title-interview {
      color: var(--default-color);
      padding-left: 2.304em;
  }
}

.content-style .title-interview:before {
  font-size: inherit;
  content: "";
  position: absolute;
  left: 0;
  top: .8em;
  width: 2.048em;
  height: 1px;
  background: var(--default-color);
}

.content-style p,.content-style ul,.content-style ol {
  margin:  0;
}

.content-style table {
  margin: 48px 0;
  margin: min(6.575vw,48px) 0;
}

.content-style table th,.content-style table td {
  padding: 16px;
  font-size: 1rem;
  line-height: 1.6;
  font-size: min(3.836vw,16px);
  padding: min(3.288vw,16px);
}

.content-style table th[scope=row] {
  text-align: left;
}

.content-style table thead th {
  color: var(--light-color);
  background: var(--default-color);
}

.content-style table tr:nth-child(2n) th,.content-style table tr:nth-child(2n) td {
  background: rgba(0,0,0,.016);
}

.content-style table tr:hover {
  background: rgba(0,0,0,.04);
}

.content-style table.nostyle * {
  background: inherit;
  color: inherit;
  border: none;
  margin: initial;
  padding: initial;
  border-radius: initial;
  box-shadow: initial;
  text-shadow: initial;
  overflow: initial;
  position: initial;
  clear: initial;
}

@media screen\0 {
  .content-style table.nostyle * {
      border-radius: 0;
      overflow: visible;
      clear: none;
  }
}

.content-style table.nostyle *:before,.content-style table.nostyle *:after {
  content: "";
  content: unset;
  margin: initial;
  padding: initial;
  opacity: initial;
  width: auto;
  height: auto;
  background: initial;
}

@media screen\0 {
  .content-style table.nostyle *:before,.content-style table.nostyle *:after {
      opacity: 1;
      background: 0 0;
      margin: 0;
      padding: 0;
  }
}

 .content-style .faq-box dl {
  margin: 1.6em 0;
  font-size: max(6px,min(4.384vw,24px));
}

 .content-style .faq-box dt {
  font-weight: 700;
  position: relative;
  padding-left: 1em;
  cursor: pointer;
}

.content-style .faq-box dt:before {
  content: "Q";
  position: absolute;
  left: -0.5em;
  top: 0;
  transform-origin: left;
  /* transform: scale(.48); */
  font-size: 24px;
  /* color: var(--default-color); */
}

 .content-style .faq-box dt~dt {
  margin-top: .8em;
}

.content-style .faq-box dd {
  /* border-left: 1px solid rgba(0,0,0,.16); */
  font-size: 80%;
  margin-top: 10px;
  padding-top: 10px;
  /* margin-left: 0.4em; */
  /* padding-left: 1.28em; */
  border-top: solid 4px #fde53a;
}

.content-style .faq-box dl.nostyle * {
  background: inherit;
  color: inherit;
  border: none;
  margin: initial;
  padding: initial;
  border-radius: initial;
  box-shadow: initial;
  text-shadow: initial;
  overflow: initial;
  position: initial;
  clear: initial;
}

 .close-info-content__map>*, .close-info-content__map iframe {
  width: 100%;
  height: 100%;
}

 .close-info dl dl {
  margin: 1.6em 0;
}

 .close-info dl dt {
  font-weight: 700;
  position: relative;
  padding-left: 1em;
}

 .close-info dl dt:before {
  content: "▼";
  position: absolute;
  left: .1em;
  top: 0;
  transform-origin: left;
  transform: scale(.48);
  color: var(--default-color);
}

 .close-info dl dt~dt {
  margin-top: .8em;
}

 .close-info dl dd {
  border-left: 1px solid rgba(0,0,0,.16);
  font-size: 85%;
  margin-left: .4em;
  padding-left: 1.28em;
}

@media screen\0 {
  .content-style dl.nostyle * {
      border-radius: 0;
      overflow: visible;
      clear: none;
  }
}

.content-style dl.nostyle *:before,.content-style dl.nostyle *:after {
  content: "";
  content: unset;
  margin: initial;
  padding: initial;
  opacity: initial;
  width: auto;
  height: auto;
  background: initial;
}

@media screen\0 {
  .content-style dl.nostyle *:before,.content-style dl.nostyle *:after {
      opacity: 1;
      background: 0 0;
      margin: 0;
      padding: 0;
  }
}

.content-style ul,.content-style ol {
  list-style: none;
  /* padding-left: .8em; */
}

.content-style ul ul,.content-style ul ol,.content-style ol ul,.content-style ol ol {
  margin: 0;
}

.content-style ul li,.content-style ol li {
  position: relative;
  padding-left: 1.76em;
  line-height: 1.7;
}

.content-style ul.nostyle *,.content-style ol.nostyle * {
  background: inherit;
  color: inherit;
  border: none;
  margin: initial;
  padding: initial;
  border-radius: initial;
  box-shadow: initial;
  text-shadow: initial;
  overflow: initial;
  position: initial;
  clear: initial;
}

@media screen\0 {
  .content-style ul.nostyle *,.content-style ol.nostyle * {
      border-radius: 0;
      overflow: visible;
      clear: none;
  }
}

.content-style ul.nostyle *:before,.content-style ul.nostyle *:after,.content-style ol.nostyle *:before,.content-style ol.nostyle *:after {
  content: "";
  content: unset;
  margin: initial;
  padding: initial;
  opacity: initial;
  width: auto;
  height: auto;
  background: initial;
}

@media screen\0 {
  .content-style ul.nostyle *:before,.content-style ul.nostyle *:after,.content-style ol.nostyle *:before,.content-style ol.nostyle *:after {
      opacity: 1;
      background: 0 0;
      margin: 0;
      padding: 0;
  }
}

.content-style ul.initial,.content-style ol.initial {
  list-style: revert;
  padding: revert;
}

.content-style ul.initial *,.content-style ol.initial * {
  list-style: revert;
  padding: revert;
}

.content-style ul.initial *:before,.content-style ol.initial *:before {
  display: none;
}

.content-style ul.initial li,.content-style ol.initial li {
  padding: initial;
  margin: initial;
}

.content-style ul.ez-toc-list li:before,.content-style ol.ez-toc-list li:before {
  display: none;
}

/* .content-style ul>li:before {
  font-family: "Material Icons Round";
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  font-size: 112%;
  vertical-align: -18%;
  position: absolute;
  left: 0;
  top: .05em;
  font-size: 168%;
  color: var(--default-color);
  content: "check_box"
} */

.content-style ul ul>li:before {
  content: "check_circle_outline";
  font-size: 160%;
  top: .08em;
}

@media screen\0 {
  .content-style ul ul>li:before {
      font-size: 56%;
  }
}

.content-style ul ul ul>li:before,.content-style ul ol ul>li:before {
  font-size: 120%;
  content: "done";
  top: .2em;
  color: currentColor;
  left: .2em;
}

@media screen\0 {
  .content-style ul ul ul>li:before,.content-style ul ol ul>li:before {
      font-size: 72%;
  }
}

.content-style ul.sitemap {
  padding: 0;
}

.content-style ul.sitemap li {
  padding: 0;
}

.content-style ul.sitemap li:before {
  display: none;
}

.content-style ul.sitemap ul {
  padding: 0;
  margin-left: 1.6em;
  border-left: 1px solid rgba(0,0,0,.08);
  font-size: 88%;
}

.content-style ul.sitemap ul ul {
  font-size: 100%;
}

.content-style ul.sitemap a {
  text-decoration: none;
  display: block;
  padding: .64em;
  padding-left: 2.4em;
  padding-right: .4em;
  position: relative;
  transition-property: padding,background,border;
  border-left: 0 solid rgba(0,0,0,0);
}

.content-style ul.sitemap a:before {
  font-family: "Material Icons Round";
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  font-size: 112%;
  vertical-align: -18%;
  content: "link";
  position: absolute;
  left: .4em;
  top: .64em;
  color: var(--default-color);
  font-size: 136%;
}

.content-style ul.sitemap a:hover {
  background: rgba(0,0,0,.04);
  border-left-color: rgba(0,0,0,.04);
  border-left-width: .4em;
  padding-right: 0;
  color: currentColor;
}

.content-style ul.sitemap>li>a {
  font-weight: 700;
}

.content-style .sd-content ul {
  background: inherit;
  color: inherit;
  border: none;
  margin: initial;
  padding: initial;
  border-radius: initial;
  box-shadow: initial;
  text-shadow: initial;
  overflow: initial;
  position: initial;
  clear: initial;
}

@media screen\0 {
  .content-style .sd-content ul {
      border-radius: 0;
      overflow: visible;
      clear: none;
  }
}

.content-style .sd-content ul:before,.content-style .sd-content ul:after {
  content: "";
  content: unset;
  margin: initial;
  padding: initial;
  opacity: initial;
  width: auto;
  height: auto;
  background: initial;
}

@media screen\0 {
  .content-style .sd-content ul:before,.content-style .sd-content ul:after {
      opacity: 1;
      background: 0 0;
      margin: 0;
      padding: 0;
  }
}

.content-style .sd-content ul * {
  background: inherit;
  color: inherit;
  border: none;
  margin: initial;
  padding: initial;
  border-radius: initial;
  box-shadow: initial;
  text-shadow: initial;
  overflow: initial;
  position: initial;
  clear: initial;
}

@media screen\0 {
  .content-style .sd-content ul * {
      border-radius: 0;
      overflow: visible;
      clear: none;
  }
}

.content-style .sd-content ul *:before,.content-style .sd-content ul *:after {
  content: "";
  content: unset;
  margin: initial;
  padding: initial;
  opacity: initial;
  width: auto;
  height: auto;
  background: initial;
}

@media screen\0 {
  .content-style .sd-content ul *:before,.content-style .sd-content ul *:after {
      opacity: 1;
      background: 0 0;
      margin: 0;
      padding: 0;
  }
}

.content-style .sd-content ul li {
  margin-bottom: .4em;
}

.content-style .sd-content ul li+li {
  margin-left: .4em;
}

.content-style ol {
  counter-reset: num;
}

.content-style ol>li:before {
  position: absolute;
  left: 0;
  top: .16em;
  color: var(--light-color);
  content: counter(num);
  counter-increment: num;
  background: var(--default-color);
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.04;
  width: 1.429em;
  height: 1.429em;
  text-align: center;
  border-radius: .2em;
  font-weight: 700;
}

.content-style ol ol>li:before {
  color: var(--default-color);
  background: var(--light-color);
  border: 2px solid var(--default-color);
  font-weight: 400;
  border-radius: 50%;
}

.content-style ol ul ol>li:before,.content-style ol ol ol>li:before {
  color: currentColor;
  border: none;
  background: 0 0;
  content: counter(num) ".";
  justify-content: flex-end;
}

.content-style hr {
  clear: both;
  margin: 40px auto;
  margin: min(5.479vw,40px) auto;
  border: none;
  height: 8px;
  height: min(2.192vw,8px);
  background-image: linear-gradient(45deg,#fff 25%,rgba(0,0,0,.16) 25%,rgba(0,0,0,.16) 50%,#fff 50%,#fff 75%,rgba(0,0,0,.16) 75%,rgba(0,0,0,.16));
  background-size: 4px 4px;
}

.content-style hr.nostyle {
  all: revert;
}

.content-style small {
  display: inline-block;
}

.content-style .sharedaddy:before {
  margin: 40px auto;
  margin: min(5.479vw,40px) auto;
  content: "";
  display: block;
  height: 8px;
  height: min(2.192vw,8px);
  background-image: linear-gradient(45deg,#fff 25%,rgba(0,0,0,.16) 25%,rgba(0,0,0,.16) 50%,#fff 50%,#fff 75%,rgba(0,0,0,.16) 75%,rgba(0,0,0,.16));
  background-size: 4px 4px;
  clear: both;
}

.content-style .sd-content {
  background: inherit;
  color: inherit;
  border: none;
  margin: initial;
  padding: initial;
  border-radius: initial;
  box-shadow: initial;
  text-shadow: initial;
  overflow: initial;
  position: initial;
  clear: initial;
}

@media screen\0 {
  .content-style .sd-content {
      border-radius: 0;
      overflow: visible;
      clear: none;
  }
}

.content-style .sd-content:before,.content-style .sd-content:after {
  content: "";
  content: unset;
  margin: initial;
  padding: initial;
  opacity: initial;
  width: auto;
  height: auto;
  background: initial;
}

@media screen\0 {
  .content-style .sd-content:before,.content-style .sd-content:after {
      opacity: 1;
      background: 0 0;
      margin: 0;
      padding: 0;
  }
}

.content-style .nostyle {
  background: inherit;
  color: inherit;
  border: none;
  margin: initial;
  padding: initial;
  border-radius: initial;
  box-shadow: initial;
  text-shadow: initial;
  overflow: initial;
  position: initial;
  clear: initial;
}

@media screen\0 {
  .content-style .nostyle {
      border-radius: 0;
      overflow: visible;
      clear: none;
  }
}

.content-style .nostyle:before,.content-style .nostyle:after {
  content: "";
  content: unset;
  margin: initial;
  padding: initial;
  opacity: initial;
  width: auto;
  height: auto;
  background: initial;
}

@media screen\0 {
  .content-style .nostyle:before,.content-style .nostyle:after {
      opacity: 1;
      background: 0 0;
      margin: 0;
      padding: 0;
  }
}

.content-style.sticky h3:before {
  font-family: "Material Icons Round";
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  font-size: 112%;
  vertical-align: -18%;
  content: "new_releases";
  margin-right: .2em;
}

.voice-article {
  margin: 32px 0;
  margin: min(5.479vw,32px) 0 0;
  display: flex;
  flex-wrap: wrap;
}
.voice-article.dm6{
      justify-content: center;
}

.voice-article.reverse {
  flex-direction: row-reverse;
}

.voice-article.layout-2 {
  gap: 32px;
  display: grid;
  grid-template-columns: repeat(3,1fr);
  grid-auto-flow: dense;
  gap: min(4.384vw,32px);
}

@media(max-width: 599px) {
  .voice-article.layout-2 {
      display:flex;
  }
}

.voice-header {
  margin: 16px 0;
  margin: min(2.192vw,16px) 0;
  position: relative;
  padding-top: 1.6em;
  align-self: center;
  flex: 100%;
}

@media(max-width: 599px) {
  .voice-header {
      margin:min(2.192vw,16px) 0 !important;
      grid-column: 1/4 !important;
  }
}

.layout-2 .voice-header {
  margin: 0;
  grid-column: 2/4;
}

.layout-2.reverse .voice-header {
  grid-column: 1/3;
}

.no-attachment .voice-header {
  grid-column: 1/4;
}

.voice-header:before {
  content: "";
  height: 4px;
  border: solid rgba(0,0,0,.24);
  border-width: 1px 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.voice-header .page-info {
  padding: 0 16px;
  padding: 0 min(3.288vw,16px);
}

.voice-header h3.voice-header__title {
  padding: 0 16px;
  padding: 0 min(3.288vw,16px);
  font-size: 1.625rem;
  font-size: max(6px,min(5.479vw,26px));
  margin: .2em 0;
  line-height: 1.44;
  font-weight: 700;
}

.voice-header-name {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 1.28em;
}

.voice-header-name:before {
  content: " ";
  flex: auto;
  height: 4px;
  border: solid rgba(0,0,0,.24);
  border-width: 1px 0;
  margin-right: .64em;
}

.voice-header-name p {
  font-size: 1rem;
  font-size: max(4px,min(3.288vw,16px));
  margin: 0;
  line-height: 1.44;
}

.voice-attachment {
  /* gap: 4px; */
  /* display: flex; */
  /* flex-wrap: wrap; */
  /* grid-auto-rows: 200px; */
  /* margin: 16px 0; */
  /* gap: min(1.096vw,4px); */
  /* margin: min(2.192vw,16px) 0; */
  /* text-align: center; */
  flex: 0 1 224px;
  margin-left: 1.6em;
  /* display: grid; */
  /* grid-auto-rows: min(27.397vw,200px); */
}

.reverse .voice-attachment {
  margin-right: 0;
  margin-left: 1.6em;
}

@media(max-width: 599px) {
  .voice-attachment {
      flex:100%;
      display: grid !important;
      margin: min(2.192vw,16px) 0 !important;
  }

  .voice-attachment.grid-1 {
      grid-template-columns: repeat(1,1fr) !important;
      grid-template-rows: repeat(1,1fr) !important;
      padding: 0 min(0vw,120px);
  }

  .voice-attachment.grid-2 {
      grid-template-columns: repeat(2,1fr) !important;
      grid-template-rows: repeat(1,1fr) !important;
  }

  .voice-attachment.grid-3,.voice-attachment.grid-4 {
      grid-template-columns: repeat(2,1fr) !important;
      grid-template-rows: repeat(2,1fr) !important;
  }

  .voice-attachment>*:nth-child(2n+1):last-child {
      grid-column: 1/3;
  }
}

.voice-attachment+[class] {
  flex: 2.5;
}

.layout-2 .voice-attachment,.layout-3 .voice-attachment {
  flex: 100%;
  display: grid;
}

.layout-2 .voice-attachment+[class],.layout-3 .voice-attachment+[class] {
  flex: 100%;
}

@media screen\0 {
  .layout-2 .voice-attachment,.layout-3 .voice-attachment {
      display: flex;
      justify-content: space-around;
      margin: 1em 0;
  }
}

.layout-2 .voice-attachment {
  grid-column: 1/2;
  grid-row: 1;
  margin: 0;
}

.layout-2 .voice-attachment.grid-2 {
  grid-template-columns: repeat(2,1fr);
}

.layout-2 .voice-attachment.grid-3,.layout-2 .voice-attachment.grid-4 {
  grid-template-columns: repeat(2,1fr);
  grid-template-rows: repeat(2,.5fr);
}

.layout-2.reverse .voice-attachment {
  grid-column: 3/4;
}

.layout-3 .voice-attachment {
  grid-template-columns: repeat(4,1fr);
  margin: min(2.192vw,16px) 0 0;
}

.voice-attachment figure {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0;
  position: relative;
  border-radius: .2em;
  overflow: hidden;
  background: rgba(0,0,0,.16);
  flex: 100%;
}

@media screen\0 {
  .voice-attachment figure {
      margin: .16em 0;
      height: 200px;
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .layout-2 .voice-attachment figure,.layout-3 .voice-attachment figure {
      flex: 1 1 24%;
      margin: 0 .3%;
  }

  .voice-attachment figure a {
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .voice-attachment figure img {
      width: auto;
      height: auto;
  }
}

.voice-attachment figure:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
  box-shadow: 0 0 0 1px rgba(0,0,0,.16) inset,0 0 0 5px #fff inset !important;
  border-radius: .2em;
}

.layout-2 .voice-attachment figure:nth-child(2n+1):last-child:not(:first-child) {
  grid-column: 1/3;
}

.voice-attachment figure i {
  font-size: 5rem;
  font-size: min(21.918vw,80px);
  color: #fff;
  margin: auto;
}

@media screen\0 {
  .voice-attachment figure i {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%,-50%);
  }
}

@media(max-width: 599px) {
  .voice-attachment figure i {
      padding:.64em 0;
  }
}

.voice-attachment figcaption {
  position: absolute;
  left: 0;
  bottom: 4px;
  pointer-events: none;
  font-size: 80%;
  background: rgba(0,0,0,.32);
  width: 100%;
  padding: .4em .8em;
  backdrop-filter: blur(.2em);
  color: #fff;
  border-radius: 0 0 .4em .4em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.voice-attachment a,.voice-attachment img {
  width: 100%;
  height: 100%;
}

.voice-attachment img {
  object-fit: cover;
}

.voice-attachment-video {
  margin: 16px 0;
  margin: min(2.192vw,16px) 0;
  box-shadow: 0 0 0 1px rgba(0,0,0,.16) inset;
  text-align: center;
  border-radius: .2em;
  font-size: 88%;
  color: #666;
  flex: 100%;
  grid-column: 1/4;
}

.layout-2 .voice-attachment-video {
  margin: 0;
}

@media screen\0 {
  .layout-2 .voice-attachment-video {
      margin: 1em 0;
  }
}

.layout-3 .voice-attachment-video {
  grid-row: auto;
}

@media(max-width: 599px) {
  .layout-3 .voice-attachment-video {
      grid-row:2;
  }
}

.voice-attachment-video figure {
  margin: 16px;
  margin: min(2.192vw,16px);
}

.voice-attachment-video figure>p {
  height: 393px;
  width: 100%;
  height: min(53.784vw,393px);
  margin: 0;
}

.container-single .voice-attachment-video figure>p {
  height: 561px;
  height: min(76.901vw,561px);
}

.voice-attachment-video figure iframe {
  width: 100%;
  height: 100%;
}

.voice-attachment-video figcaption {
  margin: 20px 0 24px;
  margin: min(2.74vw,20px) 0 min(3.288vw,24px);
}

.voice-content {
  align-self: center;
  flex: 100%;
  grid-column: 1/4;
}

.voice-content:after {
  clear: both;
  content: "";
  display: block;
}

.layout-2 .voice-content {
  margin: 0;
}

.voice-content-legacy h4 {
  border: none !important;
  padding: 0 0 0 1.92em !important;
  position: relative;
}

.voice-content-legacy h4:before {
  content: "";
  position: absolute;
  left: 0;
  top: .8em;
  width: 1.6em;
  height: 1px;
  background: currentColor;
}

.voice-comment {
  padding: 0 32px;
  margin: 32px 0 16px;
  padding: 0 min(5.479vw,32px);
  margin: min(4.384vw,32px) 0 min(2.192vw,16px);
  flex: 100%;
  grid-column: 1/4;
  border: 1px dashed rgba(0,0,0,.4);
  border-radius: .2em;
  font-size: max(6px,min(3.836vw,18px));
}

.voice-comment:after {
  clear: both;
  content: "";
  display: block;
}

.layout-2 .voice-comment {
  margin-top: 24px;
  margin-top: min(3.288vw,24px);
}

.voice-comment h3.voice-comment__title {
  margin: 0 -16px -24px;
  padding: 0 16px;
  display: table;
  background: #fff;
  margin: 0 max(-1.096vw,-16px) max(-3.288vw,-24px);
  padding: 0 min(1.096vw,16px);
  transform: translateY(-50%);
  font-weight: 700;
}

.voice__note {
  text-align: right;
  flex: 100%;
  grid-column: 1/4;
  /* margin-top: 0 !important */
}

@supports(-ms-ime-align:auto) {
  .voice__note {
      margin-top: 1.6em !important;
  }

  .layout-2 .voice__note {
      margin-top: 0 !important;
  }
}

.voice__btn {
  font-size: 1.625rem;
  text-align: center;
  font-size: max(6px,min(4.11vw,26px));
  font-weight: 700;
}

.voice__btn .fz-up {
  font-size: 100%;
  font-weight: inherit;
}

.breadcrumbs {
  margin: 24px auto;
  font-size: .875rem;
  margin: min(24px,3.288vw) auto;
  font-size: max(6px,min(3.288vw,14px));
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.breadcrumbs a {
  text-decoration: none;
  color: #666;
}

.main__title {
  font-size: 1.875rem;
  font-size: max(8px,min(6.575vw,24px));
  line-height: 1.28;
  background: #ffb403;
  padding: 0.8em 16px;
  padding: 0.8em min(3.288vw,16px);
 
  border-width: 2px 0;
  position: relative;
  text-align: initial;
  clear: both;
  color: #fff;
  display: flex;
  font-weight: bold;
}
.main__title:before {
  content: "";
  width: 2px;
  height: calc(100% - 0.64em);
  background: #fff;
  position: absolute;
  left: 4px;
  top: 0;
 z-index: 1;
}

.add-section-border-wood__in {
  padding: 0 32px;
  padding: 0 min(4.384vw,32px);
  background: #fff;
  border: 2px solid rgba(0,0,0,.8);
  box-shadow: 0 1px 4px rgba(0,0,0,.8) inset;
}

.add-section-border-wood__in:after {
  clear: both;
  content: "";
  display: block;
}

.add-section-bg-check {
  background-image: linear-gradient(rgba(0,0,0,0) 90%,rgba(0,0,0,.032) 90%,rgba(0,0,0,.032) 100%),linear-gradient(90deg,rgba(0,0,0,0) 90%,rgba(0,0,0,.032) 90%,rgba(0,0,0,.032) 100%);
  background-size: 10px 10px;
  background-size: min(1.37vw,10px) min(1.37vw,10px);
}

.add-section-bg-check--1 {
  background-image: linear-gradient(rgba(0,0,0,0) 90%,rgba(0,0,0,.032) 90%,rgba(0,0,0,.032) 100%),linear-gradient(90deg,rgba(0,0,0,0) 90%,rgba(0,0,0,.032) 90%,rgba(0,0,0,.032) 100%);
  background-size: 10px 10px;
  background-size: min(1.37vw,10px) min(1.37vw,10px);
  background-color: rgba(0,0,0,.1);
}

.add-section-bg-diamond {
  background: radial-gradient(closest-side,rgba(0,0,0,.016) 98%,rgba(0,0,0,.04) 99%),radial-gradient(closest-side,rgba(0,0,0,.016) 98%,rgba(0,0,0,.04) 99%),rgba(0,0,0,0);
  background-position: 0 0,40px 40px;
  background-size: 80px 80px;
}

.add-section-bg-diamond--1 {
  position: relative;
}

.add-section-bg-diamond--1:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: .064;
}

.add-section-bg-diamond--1:before {
  background: radial-gradient(closest-side,rgba(255,255,255,.4) 98%,var(--default-color) 99%),radial-gradient(closest-side,rgba(255,255,255,.4) 98%,var(--default-color) 99%),rgba(255,255,255,0);
  background-position: 0 0,40px 40px;
  background-size: 80px 80px;
}

.add-section-bg-dot {
  background-color: rgba(0,0,0,0);
  background-image: radial-gradient(rgba(0,0,0,.04) 20%,transparent 0),radial-gradient(rgba(0,0,0,.04) 20%,transparent 0);
  background-position: 0 0,4px 4px;
  background-size: 8px 8px;
}

.add-section-bg-dot--1 {
  position: relative;
}

.add-section-bg-dot--1:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: .128;
}

.add-section-bg-dot--1:before {
  background-color: rgba(255,255,255,0);
  background-image: radial-gradient(var(--default-color) 20%,transparent 0),radial-gradient(var(--default-color) 20%,transparent 0);
  background-position: 0 0,4px 4px;
  background-size: 8px 8px;
}

.add-section-bg-square {
  background-color: transparent;
  background-image: linear-gradient(30deg,#f5f5f5 12%,transparent 12.5%,transparent 87%,#f5f5f5 87.5%,#f5f5f5),linear-gradient(150deg,#f5f5f5 12%,transparent 12.5%,transparent 87%,#f5f5f5 87.5%,#f5f5f5),linear-gradient(30deg,#f5f5f5 12%,transparent 12.5%,transparent 87%,#f5f5f5 87.5%,#f5f5f5),linear-gradient(150deg,#f5f5f5 12%,transparent 12.5%,transparent 87%,#f5f5f5 87.5%,#f5f5f5),linear-gradient(60deg,#f0f0f0 25%,transparent 25.5%,transparent 75%,#f0f0f0 75%,#f0f0f0),linear-gradient(60deg,#f0f0f0 25%,transparent 25.5%,transparent 75%,#f0f0f0 75%,#f0f0f0);
  background-position: 0 0,0 0,25px 50px,25px 50px,0 0,25px 50px;
  background-size: 50px 100px;
}

.add-section-bg-square--1 {
  position: relative;
}

.add-section-bg-square--1:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: .064;
}

.add-section-bg-square--1:before {
  background-color: transparent;
  background-image: linear-gradient(30deg,var(--dark-color) 12%,transparent 12.5%,transparent 87%,var(--dark-color) 87.5%,var(--dark-color)),linear-gradient(150deg,var(--dark-color) 12%,transparent 12.5%,transparent 87%,var(--dark-color) 87.5%,var(--dark-color)),linear-gradient(30deg,var(--dark-color) 12%,transparent 12.5%,transparent 87%,var(--dark-color) 87.5%,var(--dark-color)),linear-gradient(150deg,var(--dark-color) 12%,transparent 12.5%,transparent 87%,var(--dark-color) 87.5%,var(--dark-color)),linear-gradient(60deg,var(--default-color) 25%,transparent 25.5%,transparent 75%,var(--default-color) 75%,var(--default-color)),linear-gradient(60deg,var(--default-color) 25%,transparent 25.5%,transparent 75%,var(--default-color) 75%,var(--default-color));
  background-position: 0 0,0 0,25px 50px,25px 50px,0 0,25px 50px;
  background-size: 50px 100px;
}

.add-section-bg-translucent {
  position: relative;
  border-top: 3px solid var(--default-color);
  border-bottom: 3px solid var(--default-color);
}

.add-section-bg-translucent:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: .064;
}

.add-section-bg-translucent:before {
  background: var(--default-color);
}

.add-section-bg-glay {
  background-color: rgba(0,0,0,.032);
}

.add-section-block--1 {
  margin: 24px auto;
  margin: min(3.288vw,24px) auto;
  box-shadow: 0 1px 2px rgba(0,0,0,.3);
  background: #fff;
  border-radius: .2em;
}

.add-section-numbering {
  counter-reset: num;
}

.add-section-numbering:after {
  clear: both;
  content: "";
  display: block;
}

.add-section-numbering__block {
  padding-left: 64px;
  font-size: 1.625rem;
  padding-left: min(8.599vw,64px);
  font-size: max(6px,min(4.384vw,26px));
  line-height: 1.44;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
}

.add-section-numbering__block:before {
  font-size: 2.5rem;
  left: -24px;
  font-size: max(6px,min(5.479vw,40px));
  border: max(1px,min(.411vw,3px)) solid var(--default-color);
  left: max(-3.288vw,-24px);
  content: counter(num);
  counter-increment: num;
  text-align: center;
  color: var(--default-color);
  width: 1.92em;
  height: 1.92em;
  border-radius: 50%;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%;
  transform: translateY(-50%);
  background: #fff;
}

@supports(-ms-ime-align:auto) {
  .add-section-numbering__block:before {
      border: 3px solid var(--default-color);
  }
}

@media screen\0 {
  .add-section-numbering__block:before {
      border: 3px solid var(--default-color);
  }
}

.add-section-numbering__block>p {
  margin: .4em 0;
  flex: auto;
}

.add-section-numbering__block>p:nth-child(n+2):last-child {
  flex: 1 0 200px;
  flex: 1 0 min(27.397vw,200px);
  margin: -.4em -2.176em -.4em .8em;
}

.add-section-numbering__block img {
  width: 192px;
  height: 192px;
  width: min(25.205vw,192px);
  height: min(25.205vw,192px);
  border-radius: 50%;
  object-fit: cover;
}

.add-section-media__ribbon {
  margin: -12px -40px 0;
  margin: max(-1.644vw,-12px) max(-5.479vw,-40px) 0;
}

.add-section-nayami {
  position: relative;
}

.add-section-nayami img.img-nayami {
  width: 240px;
  width: min(32.877vw,240px);
  margin: 0;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
}

@media(max-width: 599px) {
  .add-section-nayami img.img-nayami {
      position:relative;
      float: right;
      width: 40%;
      margin-right: max(-4.384vw,-32px);
  }
}

.add-section-nayami ul {
  padding: 0;
}

.add-section-nayami li {
  padding-right: 200px;
  padding-right: min(27.397vw,200px);
}

@media(max-width: 599px) {
  .add-section-nayami li {
      padding-right:0;
  }
}

.add-section-before-after {
  position: relative;
}

.add-section-before-after>* {
  width: 46%;
}

.add-section-before-after:after {
  font-size: 3rem;
  font-size: min(6.575vw,48px);
  content: "▼";
  line-height: 1.04;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: rotate(-90deg) translate(100%,-50%) scale(2.4,1);
  color: var(--default-color);
}

.lazy-hidden,.entry img.lazy-hidden,img.thumbnail.lazy-hidden {
  background-color: #fff;
  /* background-image: url(/import/tenant_1/teashis-sakai.com/wpcms/wp-content/plugins/a3-lazy-load/assets/css/loading.gif); */
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

figure.wp-block-image img.lazy-hidden {
  min-width: 150px;
}

picture source[type="image/webp"] {
  display: block;
}

body.fancybox-iosfix {
  position: fixed;
  left: 0;
  right: 0;
}

.fancybox-is-hidden {
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: hidden;
}

.fancybox-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99992;
  -webkit-tap-highlight-color: transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
}

.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.fancybox-outer {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.fancybox-bg {
  background: #1e1e1e;
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.47,0,.74,.71);
}

.fancybox-is-open .fancybox-bg {
  opacity: .87;
  transition-timing-function: cubic-bezier(.22,.61,.36,1);
}

.fancybox-caption-wrap,.fancybox-infobar,.fancybox-toolbar {
  position: absolute;
  direction: ltr;
  z-index: 99997;
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s,visibility 0s linear .25s;
  box-sizing: border-box;
}

.fancybox-show-caption .fancybox-caption-wrap,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar {
  opacity: 1;
  visibility: visible;
  transition: opacity .25s,visibility 0s;
}

.fancybox-infobar {
  top: 0;
  left: 0;
  font-size: 13px;
  padding: 0 10px;
  height: 44px;
  min-width: 44px;
  line-height: 44px;
  color: #ccc;
  text-align: center;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: subpixel-antialiased;
  mix-blend-mode: exclusion;
}

.fancybox-toolbar {
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
}

.fancybox-stage {
  overflow: hidden;
  direction: ltr;
  z-index: 99994;
  -webkit-transform-: translateZ(0);
}

.fancybox-is-closing .fancybox-stage {
  overflow: visible;
}

.fancybox-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: auto;
  outline: none;
  white-space: normal;
  box-sizing: border-box;
  text-align: center;
  z-index: 99994;
  -webkit-overflow-scrolling: touch;
  display: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition-property: opacity,-webkit-transform;
  transition-property: transform,opacity;
  transition-property: transform,opacity,-webkit-transform;
}

.fancybox-slide:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 0;
}

.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous {
  display: block;
}

.fancybox-slide--image {
  overflow: visible;
}

.fancybox-slide--image:before {
  display: none;
}

.fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe {
  background: #000;
}

.fancybox-slide--map .fancybox-content,.fancybox-slide--map iframe {
  background: #e5e3df;
}

.fancybox-slide--next {
  z-index: 99995;
}

.fancybox-slide>* {
  display: inline-block;
  position: relative;
  padding: 24px;
  margin: 44px 0;
  border-width: 0;
  vertical-align: middle;
  text-align: left;
  background-color: #fff;
  overflow: auto;
  box-sizing: border-box;
}

.fancybox-slide>base,.fancybox-slide>link,.fancybox-slide>meta,.fancybox-slide>script,.fancybox-slide>style,.fancybox-slide>title {
  display: none;
}

.fancybox-slide .fancybox-image-wrap {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  border: 0;
  z-index: 99995;
  background: transparent;
  cursor: default;
  overflow: visible;
  -webkit-transform-origin: top left;
  transform-origin: top left;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition-property: opacity,-webkit-transform;
  transition-property: transform,opacity;
  transition-property: transform,opacity,-webkit-transform;
}

.fancybox-can-zoomOut .fancybox-image-wrap {
  cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-image-wrap {
  cursor: zoom-in;
}

.fancybox-can-drag .fancybox-image-wrap {
  cursor: -webkit-grab;
  cursor: grab;
}

.fancybox-is-dragging .fancybox-image-wrap {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.fancybox-image,.fancybox-spaceball {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  max-width: none;
  max-height: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fancybox-spaceball {
  z-index: 1;
}

.fancybox-slide--iframe .fancybox-content {
  padding: 0;
  width: 80%;
  height: 80%;
  max-width: calc(100% - 100px);
  max-height: calc(100% - 88px);
  overflow: visible;
  background: #fff;
}

.fancybox-iframe {
  display: block;
  padding: 0;
  border: 0;
  height: 100%;
}

.fancybox-error,.fancybox-iframe {
  margin: 0;
  width: 100%;
  background: #fff;
}

.fancybox-error {
  padding: 40px;
  max-width: 380px;
  cursor: default;
}

.fancybox-error p {
  margin: 0;
  padding: 0;
  color: #444;
  font-size: 16px;
  line-height: 20px;
}

.fancybox-button {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 10px;
  border: 0;
  border-radius: 0;
  background: rgba(30,30,30,.6);
  transition: color .3s ease;
  cursor: pointer;
  outline: none;
}

.fancybox-button,.fancybox-button:link,.fancybox-button:visited {
  color: #ccc;
}

.fancybox-button:focus,.fancybox-button:hover {
  color: #fff;
}

.fancybox-button[disabled] {
  color: #ccc;
  cursor: default;
  opacity: .6;
}

.fancybox-button svg {
  display: block;
  position: relative;
  overflow: visible;
  shape-rendering: geometricPrecision;
}

.fancybox-button svg path {
  fill: currentColor;
  stroke: currentColor;
  stroke-linejoin: round;
  stroke-width: 3;
}

.fancybox-button--share svg path {
  stroke-width: 1;
}

.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2) {
  display: none;
}

.fancybox-button--zoom svg path {
  fill: transparent;
}

.fancybox-navigation {
  display: none;
}

.fancybox-show-nav .fancybox-navigation {
  display: block;
}

.fancybox-navigation button {
  position: absolute;
  top: 50%;
  margin: -50px 0 0;
  z-index: 99997;
  background: transparent;
  width: 60px;
  height: 100px;
  padding: 17px;
}

.fancybox-navigation button:before {
  content: "";
  position: absolute;
  top: 30px;
  right: 10px;
  width: 40px;
  height: 40px;
  background: rgba(30,30,30,.6);
}

.fancybox-navigation .fancybox-button--arrow_left {
  left: 0;
}

.fancybox-navigation .fancybox-button--arrow_right {
  right: 0;
}

.fancybox-close-small {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  z-index: 10;
  cursor: pointer;
}

.fancybox-close-small:after {
  content: "×";
  position: absolute;
  top: 5px;
  right: 5px;
  width: 30px;
  height: 30px;
  font: 22px/30px Arial,Helvetica Neue,Helvetica,sans-serif;
  color: #888;
  font-weight: 300;
  text-align: center;
  border-radius: 50%;
  border-width: 0;
  background-color: transparent;
  transition: background-color .25s;
  box-sizing: border-box;
  z-index: 2;
}

.fancybox-close-small:focus {
  outline: none;
}

.fancybox-close-small:focus:after {
  outline: 1px dotted #888;
}

.fancybox-close-small:hover:after {
  color: #555;
  background: #eee;
}

.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small {
  top: 0;
  right: -40px;
}

.fancybox-slide--iframe .fancybox-close-small:after,.fancybox-slide--image .fancybox-close-small:after {
  font-size: 35px;
  color: #aaa;
}

.fancybox-slide--iframe .fancybox-close-small:hover:after,.fancybox-slide--image .fancybox-close-small:hover:after {
  color: #fff;
  background: transparent;
}

.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
  display: none;
}

.fancybox-caption-wrap {
  bottom: 0;
  left: 0;
  right: 0;
  padding: 60px 2vw 0;
  background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));
  pointer-events: none;
}

.fancybox-caption {
  padding: 30px 0;
  border-top: 1px solid hsla(0,0%,100%,.4);
  font-size: 14px;
  color: #fff;
  line-height: 20px;
  -webkit-text-size-adjust: none;
}

.fancybox-caption a,.fancybox-caption button,.fancybox-caption select {
  pointer-events: all;
  position: relative;
}

.fancybox-caption a {
  color: #fff;
  text-decoration: underline;
}

.fancybox-slide>.fancybox-loading {
  border: 6px solid hsla(0,0%,39%,.4);
  border-top: 6px solid hsla(0,0%,100%,.6);
  border-radius: 100%;
  height: 50px;
  width: 50px;
  -webkit-animation: a .8s infinite linear;
  animation: a .8s infinite linear;
  background: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
  z-index: 99999;
}

@-webkit-keyframes a {
  0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
  }

  to {
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg);
  }
}

@keyframes a {
  0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
  }

  to {
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg);
  }
}

.fancybox-animated {
  transition-timing-function: cubic-bezier(0,0,.25,1)
}

.fancybox-fx-slide.fancybox-slide--previous {
  -webkit-transform: translate3d(-100%,0,0);
  transform: translate3d(-100%,0,0);
  opacity: 0;
}

.fancybox-fx-slide.fancybox-slide--next {
  -webkit-transform: translate3d(100%,0,0);
  transform: translate3d(100%,0,0);
  opacity: 0;
}

.fancybox-fx-slide.fancybox-slide--current {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  opacity: 1;
}

.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous {
  opacity: 0;
  transition-timing-function: cubic-bezier(.19,1,.22,1);
}

.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1;
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  -webkit-transform: scale3d(1.5,1.5,1.5);
  transform: scale3d(1.5,1.5,1.5);
  opacity: 0;
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
  -webkit-transform: scale3d(.5,.5,.5);
  transform: scale3d(.5,.5,.5);
  opacity: 0;
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  opacity: 1;
}

.fancybox-fx-rotate.fancybox-slide--previous {
  -webkit-transform: rotate(-1turn);
  transform: rotate(-1turn);
  opacity: 0;
}

.fancybox-fx-rotate.fancybox-slide--next {
  -webkit-transform: rotate(1turn);
  transform: rotate(1turn);
  opacity: 0;
}

.fancybox-fx-rotate.fancybox-slide--current {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  opacity: 1;
}

.fancybox-fx-circular.fancybox-slide--previous {
  -webkit-transform: scale3d(0,0,0) translate3d(-100%,0,0);
  transform: scale3d(0,0,0) translate3d(-100%,0,0);
  opacity: 0;
}

.fancybox-fx-circular.fancybox-slide--next {
  -webkit-transform: scale3d(0,0,0) translate3d(100%,0,0);
  transform: scale3d(0,0,0) translate3d(100%,0,0);
  opacity: 0;
}

.fancybox-fx-circular.fancybox-slide--current {
  -webkit-transform: scaleX(1) translateZ(0);
  transform: scaleX(1) translateZ(0);
  opacity: 1;
}

.fancybox-fx-tube.fancybox-slide--previous {
  -webkit-transform: translate3d(-100%,0,0) scale(.1) skew(-10deg);
  transform: translate3d(-100%,0,0) scale(.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
  -webkit-transform: translate3d(100%,0,0) scale(.1) skew(10deg);
  transform: translate3d(100%,0,0) scale(.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
  -webkit-transform: translateZ(0) scale(1);
  transform: translateZ(0) scale(1);
}

.fancybox-share {
  padding: 30px;
  border-radius: 3px;
  background: #f4f4f4;
  max-width: 90%;
  text-align: center;
}

.fancybox-share h1 {
  color: #222;
  margin: 0 0 20px;
  font-size: 35px;
  font-weight: 700;
}

.fancybox-share p {
  margin: 0;
  padding: 0;
}

p.fancybox-share__links {
  margin-right: -10px;
}

.fancybox-share__button {
  display: inline-block;
  text-decoration: none;
  margin: 0 10px 10px 0;
  padding: 0 15px;
  min-width: 130px;
  border: 0;
  border-radius: 3px;
  background: #fff;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #fff;
  transition: all .2s;
}

.fancybox-share__button:hover {
  text-decoration: none;
}

.fancybox-share__button--fb {
  background: #3b5998;
}

.fancybox-share__button--fb:hover {
  background: #344e86;
}

.fancybox-share__button--pt {
  background: #bd081d;
}

.fancybox-share__button--pt:hover {
  background: #aa0719;
}

.fancybox-share__button--tw {
  background: #1da1f2;
}

.fancybox-share__button--tw:hover {
  background: #0d95e8;
}

.fancybox-share__button svg {
  position: relative;
  top: -1px;
  width: 25px;
  height: 25px;
  margin-right: 7px;
  vertical-align: middle;
}

.fancybox-share__button svg path {
  fill: #fff;
}

.fancybox-share__input {
  box-sizing: border-box;
  width: 100%;
  margin: 10px 0 0;
  padding: 10px 15px;
  background: transparent;
  color: #5d5b5b;
  font-size: 14px;
  outline: none;
  border: 0;
  border-bottom: 2px solid #d7d7d7;
}

.fancybox-thumbs {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 212px;
  margin: 0;
  padding: 2px 2px 4px;
  background: #fff;
  -webkit-tap-highlight-color: transparent;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  box-sizing: border-box;
  z-index: 99995;
}

.fancybox-thumbs-x {
  overflow-y: hidden;
  overflow-x: auto;
}

.fancybox-show-thumbs .fancybox-thumbs {
  display: block;
}

.fancybox-show-thumbs .fancybox-inner {
  right: 212px;
}

.fancybox-thumbs>ul {
  list-style: none;
  position: absolute;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 0;
  white-space: nowrap;
}

.fancybox-thumbs-x>ul {
  overflow: hidden;
}

.fancybox-thumbs-y>ul::-webkit-scrollbar {
  width: 7px;
}

.fancybox-thumbs-y>ul::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0,0,0,.3);
}

.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px;
}

.fancybox-thumbs>ul>li {
  float: left;
  overflow: hidden;
  padding: 0;
  margin: 2px;
  width: 100px;
  height: 75px;
  max-width: calc(50% - 4px);
  max-height: calc(100% - 8px);
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-sizing: border-box;
}

li.fancybox-thumbs-loading {
  background: rgba(0,0,0,.1);
}

.fancybox-thumbs>ul>li>img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: none;
  max-height: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fancybox-thumbs>ul>li:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 4px solid #4ea7f9;
  z-index: 99991;
  opacity: 0;
  transition: all .2s cubic-bezier(.25,.46,.45,.94);
}

.fancybox-thumbs>ul>li.fancybox-thumbs-active:before {
  opacity: 1;
}

@media (max-width: 800px) {
  .fancybox-thumbs {
      width:110px;
  }

  .fancybox-show-thumbs .fancybox-inner {
      right: 110px;
  }

  .fancybox-thumbs>ul>li {
      max-width: calc(100% - 10px);
  }
}

BUTTON.fancybox-close-small,BUTTON.fancybox-close-small:hover,BUTTON.fancybox-close-small:focus {
  background-color: transparent;
}

.fancybox-hide {
  display: none;
}

A.ari-fancybox:focus,A.ari-fancybox:visited,A.ari-fancybox:active,A.ari-fancybox-iframe:focus,A.ari-fancybox-iframe:visited,A.ari-fancybox-iframe:active {
  outline: none;
}

BUTTON.fancybox-arrow,BUTTON.fancybox-arrow:hover,BUTTON.fancybox-arrow:focus {
  background: transparent;
  outline: none;
}

.fancybox-arrow:hover::after {
  background-color: rgba(30,30,30,1.0);
}

.ari-fancybox-video-container {
  overflow: hidden;
}

.ari-fancybox-video-container VIDEO {
  outline: none;
  width: 100%!important;
  height: 100%!important;
}

.fancybox-button--share {
  display: none!important;
}

.symptom_box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  }

.symptom_box .photo {
  width: 45%;
  margin: .4em;
}

.main__heading__title {
  font-size: .9em;
}



.footer-contact__tel {
  font-size: 2.1rem;
}

ul,ol {
  list-style: none;
}

#main .custom h2:before {
  content: unset;
}

#main .custom p:empty {
  display: none;
}

#main .custom small {
  font-size: 80%;
}

.content-style table tr:hover {
  background: initial;
}

@media(max-width: 599px) {
  .voice-attachment img {
      height:auto;
  }

  .voice-attachment .voice-attachment__face {
      background: 0 0;
  }

  .voice-attachment .voice-attachment__face:before {
      border: none;
      box-shadow: none !important;
  }
}

.bottom-btn-wrap {
  position: fixed;
  left: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  width: 101%;
  z-index: 10;
}

@media (min-width: 769px) {
  .bottom-btn-wrap {
      display:none !important;
      opacity: 0;
  }
}

@media (max-width: 599px) {
  .fixed.body_scroll_on .page-scroll {
      transform:translateY(-20vw);
  }
}

.bottom-btn-wrap .bottom-btn-01 {
  width: 100%;
  margin: auto;
}

.bottom-btn-wrap .bottom-btn-02 {
  width: 100%;
  margin: auto;
}

BODY .fancybox-container {
  z-index: 200000;
}

BODY .fancybox-is-open .fancybox-bg {
  opacity: .87;
}

BODY .fancybox-bg {
  background-color: #0f0f11;
}

BODY .fancybox-thumbs {
  background-color: #fff;
}

.lazyload {
  background-image: none !important;
}

.lazyload:before {
  background-image: none !important;
}

#main .custom-03:after,#main .custom-06-block:after,#main .custom-08:after,#main .cf:after {
  clear: both;
  content: "";
  display: block;
}

#main .custom-04.style-02 h3:before,#main .custom-04.style-02 h3:after {
  font-family: "Roboto",'Noto Sans JP','游ゴシック','游ゴシック体','YuGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

#main .custom-04 h3:before,#main .custom-04 h3:after {
  font-family: "Times New Roman",'游明朝','游明朝体','YuMincho','ヒラギノ明朝 Pro W6','Hiragino Mincho Pro','HGS明朝E','ＭＳ Ｐ明朝',serif;
}

@keyframes clicklEffect {
  from {
      opacity: 1;
      transform: scale(1);
  }

  to {
      opacity: 0;
      transform: scale(100);
  }
}

#main [class^=custom-],#main [class*=" custom-"] {
  margin-left: auto;
  margin-right: auto;
  /* max-width: 680px */
}

#main .custom {
  max-width: 730px;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 1024px) {
  #main [class^=custom-], #main [class*=" custom-"]{
    max-width: 100%;
  }
  .page-scroll{
    bottom: 60px;
  }
  .main{
    padding: 0;
    padding-left: 10px;
  }
  #main .custom{
    max-width:100%;
  }
}
@media (max-width: 768px) {
  .main{
    padding: 0;
    padding-left: 0px;
  }
}
#main .custom figcaption {
  margin-top: .8em;
}

#main .custom small {
  display: inline-block;
}

@media (max-width: 599px) {
  /* #main .custom {
      font-size:3.8vmin
  } */

  #main .custom h4 {
      font-size: 4vmin;
  }

  #main .custom small {
      font-size: 56%;
  }
}

#main .custom-title-nostyle,#main .custom-01 h3,#main .custom-02 h3,#main .custom-04 h2,#main .custom-04 h3,#main .custom-09 h4,#main .custom-access h3,#main .custom-title-02,#main .custom-qa-list h3,#main .custom-qa-block h3,#main .custom-title-03,#main .custom-06 h3 {
  color: inherit;
  background: 0 0;
  padding: 0;
  border: none;
  overflow: inherit;
  clear: none;
}

#main .custom-title-nostyle:before,#main .custom-01 h3:before,#main .custom-02 h3:before,#main .custom-04 h2:before,#main .custom-04 h3:before,#main .custom-09 h4:before,#main .custom-access h3:before,#main .custom-title-nostyle:after,#main .custom-01 h3:after,#main .custom-02 h3:after,#main .custom-04 h2:after,#main .custom-04 h3:after,#main .custom-09 h4:after,#main .custom-access h3:after,#main .custom-title-02:before,#main .custom-qa-list h3:before,#main .custom-qa-block h3:before,#main .custom-title-02:after,#main .custom-qa-list h3:after,#main .custom-qa-block h3:after,#main .custom-title-03:before,#main .custom-06 h3:before,#main .custom-title-03:after,#main .custom-06 h3:after {
  content: '';
  display: none;
  border: none;
  width: 0;
  height: 0;
  background: 0 0;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  margin: 0;
  padding: 0;
  position: static;
  overflow: visible;
  float: none;
}

#main .custom-title-01,#main .custom-title-02,#main .custom-qa-list h3,#main .custom-qa-block h3 {
  color: #4f1f00;
  border-color: #4f1f00;
  padding: .8em;
  clear: both;
}

#main .custom-title-02,#main .custom-qa-list h3,#main .custom-qa-block h3 {
  font-weight: 700;
  font-size: 1.3125rem;
  border-top: 1px solid #4f1f00;
  border-bottom: 1px solid #4f1f00;
}

@media (max-width: 599px) {
  #main .custom-title-02,#main .custom-qa-list h3,#main .custom-qa-block h3 {
      font-size:4vmin;
  }
}

#main .custom-title-03,#main .custom-06 h3 {
  clear: both;
  font-weight: 700;
  font-size: 1.625rem;
  background-image: linear-gradient(#522a18,#1d0f08 96%,#000);
  color: #fff;
  padding: 1em;
  margin-bottom: .8em;
}

#main .custom-title-03 small,#main .custom-06 h3 small {
  font-size: 72%;
}

@media (max-width: 599px) {
  #main .custom-title-03 small,#main .custom-06 h3 small {
      font-size:64%;
  }
}

@media (max-width: 599px) {
  #main .custom-title-03,#main .custom-06 h3 {
      font-size:4.6vmin;
  }
}

#main .custom-ul-nostyle,#main .custom-qa-list ul,#main .custom-access-list,#main .custom-ul-01,#main .custom-02 ul {
  list-style: initial;
  padding-left: 1.6em;
  margin: 1em 0;
}

#main .custom-ul-nostyle li:before,#main .custom-qa-list ul li:before,#main .custom-access-list li:before,#main .custom-ul-01 li:before,#main .custom-02 ul li:before {
  display: none;
}

#main .custom-ul-01,#main .custom-02 ul {
  list-style: none;
  font-size: 1.5125rem;
  padding-left: .8em;
}

@media (max-width: 599px) {
  #main .custom-ul-01,#main .custom-02 ul {
      font-size:4vmin;
      padding-left: 0;
  }
}

#main .custom-ul-01 li,#main .custom-02 ul li {
  /* background: url(/import/tenant_1/teashis-sakai.com/wpcms/custom/images/common/parts/li_02.png) no-repeat left .5333333333em; */
  padding: .8em 0;
  font-weight: bold;
  border-bottom: 3px dotted #ccc;
  margin-left: 20px;
}

.tyekku li{
  position: relative;
}

.tyekku li::before{
  content: "\f058";
  font-family: "Font Awesome 5 Free";
  font-weight:900;
  display: inline-block;
  
}
.fa-check-circle:before {
  content: "\f058";
  position: absolute;
  left: -15px;
  top: 50%;
  transform: translate(-50%,-50%);
  color: #ffb302;
}

@media (max-width: 599px) {
  #main .custom-ul-01 li,#main .custom-02 ul li {
      background-size:1em auto;
      padding: .5333333333em 0;
     
  }
}

@media (max-width: 599px) {
  #main .custom-ol-01 {
      padding-left:1.6em;
  }
}

#main .custom-ol-01 li {
  border-bottom: 1px dotted #fb7a1b;
  margin: 1em 0;
}

#main .custom-dl-nostyle,#main .custom-dl-01 {
  margin: 1em 0;
}

#main .custom-dl-nostyle dt,#main .custom-dl-nostyle dd,#main .custom-dl-01 dt,#main .custom-dl-01 dd {
  margin: initial;
  padding: initial;
}

#main .custom-dl-nostyle dt,#main .custom-dl-01 dt {
  text-indent: 0;
}

#main .custom-dl-nostyle dt:before,#main .custom-dl-01 dt:before {
  display: none;
}

#main .custom-dl-nostyle dd,#main .custom-dl-01 dd {
  border: none;
}

#main .custom-hr-01 {
  background: 0 0;
  height: 1px;
}

#main .custom-hr-02 {
  /* background: url(/import/tenant_1/teashis-sakai.com/wpcms/custom/images/second/access/obj01.png) no-repeat center center; */
  background-size: auto 100%;
  height: 45px;
  max-height: 45px;
}

@media (max-width: 599px) {
  #main .custom-hr-02 {
      height:8vmin;
  }
}

#main .custom-table-01 th,#main .custom-table-01 td,#main .custom-table-02 th,#main .custom-table-02 td {
  border-color: #f9cd97;
}

#main .custom-table-01 th,#main .custom-table-02 th {
  background: #fdf5ec;
}

#main .custom-table-01 td,#main .custom-table-02 td {
  background: #fff;
}

#main .custom-table-01 th,#main .custom-table-01 td {
  font-size: 1.125rem;
  text-align: center;
  padding: 1em;
}

@media (max-width: 599px) {
  #main .custom-table-01 th,#main .custom-table-01 td {
      font-size:3.8vmin;
  }
}

#main .custom-table-02 th,#main .custom-table-02 td {
  font-size: 1rem;
  padding: .8em;
  text-align: left;
}

@media (max-width: 599px) {
  #main .custom-table-02 th,#main .custom-table-02 td {
      font-size:3.4vmin;
  }
}

#main .custom-01 {
  margin: 3.2em auto;
  background: #f8f1e3;
  padding-bottom: .8em;
}

@media (max-width: 599px) {
  #main .custom-01 {
      margin:1.6em auto;
  }
}

#main .custom-01 h3 {
  text-align: center;
  margin: 0;
}

#main .custom-01 figure {
  padding: 0 24px;
  margin: 1em auto;
}

@media (max-width: 599px) {
  #main .custom-01 figure {
      padding:0 4vmin;
  }
}

#main .custom-01 figcaption {
  text-align: right;
  font-size: .75rem;
}

@media (max-width: 599px) {
  #main .custom-01 figcaption {
      font-size:2.4vmin;
  }
}

#main .custom-02 {
  margin: 3.2em auto;
  /* padding: 8px; */
  border:solid #ffb302 2px;
  position: relative;
}

@media (max-width: 599px) {
  #main .custom-02 {
      padding:1.6vmin;
      margin: 1.6em auto;
  }
}

#main .custom-02-in {
  background: #fff;
  padding: 0 16px 1px;
  /* box-shadow: 0 0 6px #c3d7e1,0 0 6px rgba(0,0,0,.2) */
  display: block;
}

@media (max-width: 599px) {
  #main .custom-02-in {
      padding-right:2.4vmin;
      padding-left: 2.4vmin;
  }
}

#main .custom-02 h3 {
  margin: 0 -16px;
  text-align: center;
  background: #e8f1f9;
  padding: 1em .4em;
  box-shadow: 0 2px 4px #c3d7e1;
}

@media (max-width: 599px) {
  #main .custom-02 h3 {
      margin:0 -2.4vmin;
      padding: .8em .4em;
  }
}

#main .custom-02 figure {
  text-align: center;
}

#main .custom-03,#main .custom-06-block {
  margin: 1.6em auto;
  border: 6px solid #fdf4d3;
  padding: .8em 32px;
}

@media (max-width: 599px) {
  #main .custom-03,#main .custom-06-block {
      margin:.8em auto;
      border-width: 1vmin;
      padding: .4em 4vmin;
  }
}

#main .custom-04 {
  margin: 3.2em auto;
  background-image: repeating-linear-gradient(-45deg,#fef3d5,#fef3d5 2px,#fef9ea 0,#fef9ea 4px);
  padding: 16px;
  counter-reset: num;
}

@media (max-width: 599px) {
  #main .custom-04 {
      margin:1.6em auto;
      padding: 2vmin;
  }
}

#main .custom-04 h2 {
  text-align: center;
  margin: .4em auto 1.6em;
}

@media (max-width: 599px) {
  #main .custom-04 h2 {
      margin-bottom:.8em;
  }
}

#main .custom-04 h3 {
  position: relative;
  font-size: 1.75rem;
  color: #4f1f00;
  font-weight: 700;
  border-bottom: 1px solid #4f1f00;
  padding: .5333333333em 0;
  padding-left: 96px;
  margin: .8em 0;
}

@media (max-width: 599px) {
  #main .custom-04 h3 {
      font-size:4.8vmin;
      padding-left: 14vmin;
  }
}

#main .custom-04 h3:before,#main .custom-04 h3:after {
  display: block;
  position: absolute;
  text-align: center;
  width: 80px;
  height: 80px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0,0,0,.2);
  padding-top: .4444444444em;
}

@media (max-width: 599px) {
  #main .custom-04 h3:before,#main .custom-04 h3:after {
      width:13vmin;
      height: 13vmin;
  }
}

#main .custom-04 h3:before {
  content: '理由';
  border-radius: 50%;
  border: 1px solid #d44b0a;
  box-shadow: 0 0 4px #d44b0a inset;
  background-image: linear-gradient(#fb8815,#f8532a);
  font-size: 1.125rem;
}

@media (max-width: 599px) {
  #main .custom-04 h3:before {
      font-size:3vmin;
  }
}

#main .custom-04 h3:after {
  content: counter(num);
  counter-increment: num;
  font-size: 2.875rem;
  font-style: italic;
}

@media (max-width: 599px) {
  #main .custom-04 h3:after {
      font-size:7.6vmin;
  }
}

#main .custom-04-block {
  background: #fff;
  box-shadow: 0 0 8px #f7eabf,0 0 8px rgba(0,0,0,.1);
  padding: 1px 24px;
  margin: 16px auto;
}

@media (max-width: 599px) {
  #main .custom-04-block {
      padding:1px 4vmin;
      margin: 2vmin auto;
  }
}

#main .custom-04-block:first-child {
  margin-top: 0;
}

#main .custom-04-block:last-child,#main .custom-04-block:last-of-type {
  margin-bottom: 0;
}

#main .custom-04.style-01 p {
  font-size: 1.125rem;
}

@media (max-width: 599px) {
  #main .custom-04.style-01 p {
      font-size:4vmin;
  }
}

#main .custom-04.style-02 h3 {
  font-size: 1.625rem;
}

@media (max-width: 599px) {
  #main .custom-04.style-02 h3 {
      font-size:4.4vmin;
  }
}

#main .custom-04.style-02 h3:before,#main .custom-04.style-02 h3:after {
  padding-top: 1em;
  border: none;
}

#main .custom-04.style-02 h3:before {
  content: 'ポイント';
  font-size: .75rem;
  font-weight: 700;
  background-image: radial-gradient(closest-side circle,#fc5e13,#ea4c08);
}

@media (max-width: 599px) {
  #main .custom-04.style-02 h3:before {
      font-size:2.4vmin;
  }
}

#main .custom-04.style-02 h3:after {
  font-style: normal;
  font-size: 2.625rem;
  padding-top: .5333333333em;
}

@media (max-width: 599px) {
  #main .custom-04.style-02 h3:after {
      font-size:6.8vmin;
  }
}

#main .custom-05 {
  margin: 3.2em auto;
  border: 1px solid #ccc;
  padding: 0 24px;
  text-align: center;
  background-image: repeating-linear-gradient(rgba(240,236,227,0),rgba(240,236,227,0) 10px,#f3f6f9 10px,#f3f6f9 calc(10px + 2px));
}

@media (max-width: 599px) {
  #main .custom-05 {
      padding:0 2vmin;
  }
}

#main .custom-05 p {
  font-size: 1.3125rem;
  line-height: 2.4;
}

@media (max-width: 599px) {
  #main .custom-05 p {
      font-size:3.5vmin;
  }
}

#main .custom-06 {
  margin: 3.2em auto;
  counter-reset: num;
  clear: both;
}

@media (max-width: 599px) {
  #main .custom-06 {
      margin:1.6em auto;
  }
}

#main .custom-06 h3 {
  position: relative;
  padding-left: 2.24em;
  margin: .8em 0;
}

@media (max-width: 599px) {
  #main .custom-06 h3 {
      font-size:4.6vmin;
  }
}

#main .custom-06 h3:before {
  position: absolute;
  content: counter(num);
  counter-increment: num;
  background: #fff;
  color: #4f1f00;
  width: 1.3333333333em;
  height: 1.3333333333em;
  border-radius: 50%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  font-weight: 400;
  font-size: 80%;
  left: 1em;
  top: 1.3333333333em;
}

#main .custom-07 {
  margin: 3.2em auto;
  border: 3px dotted #fb7a1b;
  border-radius: 12px;
}

@media (max-width: 599px) {
  #main .custom-07 {
      margin:1.6em auto;
      border-width: 2px;
      border-radius: 2vmin;
      padding: 0 2vmin;
  }
}

#main .custom-08 {
  margin: 1.6em auto;
  border: 1px solid #ddd;
  box-shadow: 0 0 0 8px #f8f8f8 inset;
  padding: .8em 32px;
}

@media (max-width: 599px) {
  #main .custom-08 {
      box-shadow:0 0 0 1.6vmin #f8f8f8 inset;
      padding: .4em 4vmin;
  }
}

#main .custom-09,#main .custom-qa-block {
  border: 10px solid #efece9;
  margin: 1.6em auto;
  background-color: #fff;
  background-image: repeating-linear-gradient(#f5f5f5,#f5f5f5 1px,rgba(245,245,245,0) 0,rgba(245,245,245,0) 12px),repeating-linear-gradient(90deg,#f5f5f5,#f5f5f5 1px,rgba(245,245,245,0) 0,rgba(245,245,245,0) 12px);
  padding: 0 24px;
}

@media (max-width: 599px) {
  #main .custom-09,#main .custom-qa-block {
      border-width:1.6vmin;
      padding: 0 2.4vmin;
  }
}

#main .custom-09 h4 {
  text-align: center;
  background: #fceed6;
  border-radius: .8em;
  border: 2px solid #f4d8a9;
  padding: 1em;
  font-size: 1.3125rem;
}

@media (max-width: 599px) {
  #main .custom-09 h4 {
      font-size:4vmin;
  }
}

#main .custom-09-block {
  border: 1px dashed #cfa972;
  border-radius: .8em;
  padding: .4em 1.6em;
  margin: 1.6em auto;
}

@media (max-width: 599px) {
  #main .custom-09-block {
      margin:1em auto;
      padding: .2em .8em;
  }
}

#main .custom-09-block p {
  margin: .8em 0;
  font-size: 1.125rem;
}

@media (max-width: 599px) {
  #main .custom-09-block p {
      font-size:3.6vmin;
  }
}

#main .custom-qa-list {
  margin: 1.6em auto;
}

#main .custom-qa-list h3 {
  font-size: 1.3125rem;
  padding: .8em;
  text-align: center;
}

#main .custom-qa-list h3:before,#main .custom-qa-list h3:after {
  display: none;
}

@media (max-width: 599px) {
  #main .custom-qa-list h3 {
      font-size:4vmin;
  }
}

#main .custom-qa-list ul {
  list-style: none;
  padding: 0;
}

#main .custom-qa-list ul a {
  display: block;
  border-bottom: 1px dashed #ccc;
  padding: .8em 0;
  color: #444;
}

#main .custom-qa-list ul a:hover {
  background: #f5f5f5;
}

#main .custom-qa-list ul a .num {
  color: #4f1f00;
  font-weight: 700;
}

#main .custom-qa-block h3 {
  margin-top: 1em;
}

#main .custom-access h3 {
  text-align: center;
}

#main .custom-access-list {
  padding: 0;
  list-style: none;
  margin: 1.6em auto;
}

#main .custom-access-list li {
  margin: .8em 0;
  font-size: 1.3125rem;
}

@media (max-width: 599px) {
  #main .custom-access-list li {
      font-size:3.8vmin;
  }
}

#main .custom-access-list a {
  display: block;
  color: #4f1f00;
  font-weight: 700;
  /* background: #fff7ee url(/import/tenant_1/teashis-sakai.com/wpcms/custom/images/arrow2.svg) no-repeat .8em center; */
  background-size: .6666666667em auto;
  border-radius: 6px;
  box-shadow: 0 0 4px rgba(0,0,0,.2);
  padding: 1.1428571429em .8em;
  padding-left: 2.08em;
}

#main .custom-access-list a:hover {
  background-color: #f5ede4;
}

#main .margin-no {
  margin: 0 !important;
}

#main .margin-no-top {
  margin-top: 0 !important;
}

#main .margin-no-bottom {
  margin-bottom: 0 !important;
}

#main .margin-half {
  margin-top: .8em !important;
  margin-bottom: .8em !important;
}

#main .margin-half-top {
  margin-top: .8em !important;
}

#main .margin-half-bottom {
  margin-bottom: .8em !important;
}

#main .margin-quarter {
  margin-top: .4em !important;
  margin-bottom: .4em !important;
}

#main .margin-quarter-top {
  margin-top: .4em !important;
}

#main .margin-quarter-bottom {
  margin-bottom: .4em !important;
}

#main .margin-auto {
  margin-right: auto;
  margin-left: auto;
}

#main .red {
  color: #fb0000;
}

#main .fz56 {
  font-size: 56%;
}

#main .fz64 {
  font-size: 64%;
}

#main .fz72 {
  font-size: 72%;
}

#main .fz80 {
  font-size: 80%;
}

#main .fz88 {
  font-size: 88%;
}

#main .fz112 {
  font-size: 112%
}

#main .fz120 {
  font-size: 120%;
}

#main .fz128 {
  font-size: 128%;
}

#main .fz136 {
  font-size: 136%;
  line-height: 1.3;
}

#main .fz144 {
  font-size: 144%;
  line-height: 1.3;
}

#main .fz152 {
  font-size: 152%;
  line-height: 1.3;
}

#main .fz160 {
  font-size: 160%;
  line-height: 1.3;
}

#main .fz168 {
  font-size: 168%;
  line-height: 1.3;
}

#main .underline {
  text-decoration: underline;
}

#main .cl {
  clear: both;
}

/* #main .alignright,#main .alignleft {
  max-width: none !important
}

@media (max-width: 599px) {
  #main .alignright,#main .alignleft {
      max-width:40% !important
  }
}

@media (min-width: 768px) {
  #main .alignright,#main .alignleft {
      max-width:none !important
  }
} */

#main .bold {
  font-weight: bolder;
}

.widget_sp_image {
  text-align: center;
}
header.fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
}

.bg-f{
  background-color: #f6efdf;
}
/* nav */
.sp-only,
.nav-logo {
    display: none;
}

/* .nav-list {
  
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
   
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
   
    justify-content: flex-end;
    margin: 0 15px;
}

.nav-list>li {
    margin: 5px 0;
}

.nav-list>li+li {
    padding-left: 30px;
    position: relative;
}

.nav-list .g-item.new::before {
    content: none;
}

.nav-list li a,
.nav-list li .dropdown-btn {
    font-weight: bold;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
    color: #333333;
    display: flex;
    flex-direction: column;
    align-items: center;
} */

.dropmenu {
    *zoom: 1;
}

.dropmenu .dropdown {
    position: relative;
    cursor: pointer;
    padding: 25px 0;
    /* overflow: hidden; */
}

.dropmenu .dropdown::after {
    content: '';
    position: absolute;
    left: 50%;
    right: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: auto;
    height: 40px;
    border: 0;
    
}

.dropdown-btn {
    display: block;
    /* -webkit-transition: 0.3s linear;
    transition: 0.3s linear; */
}

.dropmenu .dropdown ul {
    position: absolute;
    top: 100%;
    right: -175px;
    left: -175px;
    z-index: -9999 !important;
    width: 280px;
    padding: 10px 15px;
    margin: 14px auto 0 auto;
    background: rgb(255, 255, 255);
    
    border-radius: 3px;
    -webkit-box-shadow: 3px 3px 10px -7px #000;
    box-shadow: 3px 3px 10px -7px #000;
    opacity: 0;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
    -webkit-transition-property: all;
    transition-property: all;
}

.dropmenu .dropdown ul::before {
    position: absolute;
    top: -7px;
    right: 0;
    left: 0;
    display: inline-block;
    width: 0;
    height: 0;
    margin: auto;
    content: '';
    border-color: transparent transparent #53cbf1 transparent;
    border-style: solid;
    border-width: 0 7px 7px 7px;
}

#dropmenu .dropdown ul li {
    width: 100%;
    height: auto;
    margin-left: 0;
    overflow: hidden;
}

#dropmenu .dropdown ul li+li {
    border-top: 1px solid #fff;
}

#dropmenu .dropdown ul li a {
    display: block;
    padding: 10px 5px;
    font-size: 14px;
    color: #fff;
}

.dropdown-btn:hover {
    cursor: pointer;
}

#dropmenu .dropdown:hover {
    overflow: visible;
}

#dropmenu .dropdown:hover ul {
    z-index: 2 !important;
    opacity: 1;
}

@media (max-width: 1024px) {
  nav {
      height: 10%;
      margin-top: 15px;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
  }

  .sp-only,
  .nav-logo {
      display: block;
  }

/*   .nav-list {
    height: 100%;
    display: block;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
} */

  .nav-list>li+li {
      padding-left: 0;
  }

  .fixed .nav-list li {
      margin: 10px 0;
  }

  .nav-list>li+li::before {
      display: none;
  }

  #dropmenu .dropdown {
      overflow: visible;
  }

  .dropmenu .dropdown ul::before,
  .dropmenu .dropdown::after {
      display: none;
  }

  #dropmenu .dropdown ul {
      width: 100%;
      margin: 10px 0;
      padding: 0 0 0 20px;
      background-color: inherit;
      -webkit-box-shadow: none;
      box-shadow: none;
      position: static;
      z-index: 2 !important;
      opacity: 1;
  }

  #dropmenu .dropdown ul li {
      margin: 10px 0;
      padding: 0 0 0 20px;
  }

  #dropmenu .dropdown ul li a {
      font-size: 15px;
      color: inherit;
      padding: 0 0 0 20px;
      position: relative;
      color: #333;
  }

  #dropmenu .dropdown ul li a::before {
      content: '∟';
      display: inline-block;
      position: absolute;
      top: -5px;
      left: 0;
  }
}

/* nav end */

/* hamburger overlay */
.hamburger {
  display: none;
}

@media (max-width: 1024px) {
  .hamburger {
      position: fixed;
      top: 10px;
      left: -80px;
      z-index: 5;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 70px;
      height: 70px;
      padding: 10px;
      cursor: pointer;
      -webkit-transition: 0.3s linear;
      transition: 0.3s linear;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
  }

  .hamburger a,
  .hamburger a:hover,
  .hamburger a:focus {
      opacity: 1;
  }

  .menu-trigger,
  .menu-trigger span {
      display: inline-block;
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
  }

  .menu-trigger {
      position: relative;
      width: 100%;
      height: 100%;
  }

  .menu-trigger span {
      position: absolute;
      left: 0;
      width: 100%;
      height: 2px;
      background: #fff;
      -webkit-box-shadow: 1px 1px 1px #808080;
      box-shadow: 1px 1px 1px #808080;
  }

  .menu-trigger span:nth-of-type(1) {
      top: 0;
  }

  .menu-trigger span:nth-of-type(2) {
      top: 50%;
      -webkit-transform: translate(0, -100%);
      transform: translate(0, -100%);
  }

  .menu-trigger span:nth-of-type(3) {
      bottom: 0;
  }

  .active .hamburger {
      padding: 3px;
  }

  .active .menu-trigger {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
  }

  .active .menu-trigger span {
      -webkit-box-shadow: none;
      box-shadow: none;
  }

  .active .menu-trigger span:nth-of-type(1) {
      -webkit-transform: translate(0, 30px) rotate(-45deg);
      transform: translate(0, 30px) rotate(-45deg);
  }

  .active .menu-trigger span:nth-of-type(2) {
      -webkit-transform: translate(0, -100%) rotate(45deg);
      transform: translate(0, -100%) rotate(45deg);
  }

  .active .menu-trigger span:nth-of-type(3) {
      opacity: 0;
  }

  .overlay {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 3;
      display: none;
      width: 100%;
      height: 100%;
      background-color: rgba(77, 66, 62, 0.3);
  }

  .active .overlay {
      display: block;
  }
}

@media (max-width: 599px) {
  .hamburger {
      top: 10px;
      left: -45px;
      width: 35px;
      height: 35px;
      padding: 0;
  }

  .active .hamburger {
      padding: 0;
  }

  .active .menu-trigger span:nth-of-type(1) {
      -webkit-transform: translate(0, 16px) rotate(-45deg);
      transform: translate(0, 16px) rotate(-45deg);
  }
}
.biz-hour {
  border-collapse: collapse;
}
@media screen and (max-width: 599px) {
  .biz-hour {/* スマホのときだけ親要素いっぱいに */
    width: 100%;
  }
}
.biz-hour th, .biz-hour td {
  font-weight: bold;
  text-align: center;
  /* 枠線。色を変えたい時は#ff6680というところをお好みで */
  border: 1px solid #FFF6E3;
}

/* 上段。backgroundを書き換えれば背景色が変わります。 */
.biz-hour th {
  background: #FFF6E3;
  font-weight: bold;
}

/* 土曜日の文字色 */
.biz-hour th.sat {
  color: #3db2da;
}

/* 日曜日の文字色 */
.biz-hour th.sun {
  color: #e66a6a;
}

.orp{
  padding: 0 max(min(4vw,16px),calc((100% - 1030px)*.5));
}



.txt-cp{
color: #fe7e47;
}

.header-tel{
  font-size: max(6px,min(4.384vw,34px));
}

.fa-line:before {
  content: "\f3c0";
  color: rgba(6, 185, 0, 1);
}
.mail{
  width: 100%;
  border: solid 1px #fe7e47;
  text-align: center;
  padding: 3px 14px;
      max-width: 268px;
}

.txt-cp.ab,
.mail.ab{
  border: solid 1px #1b3397;
  color: #1b3397;
}

.c-lp.ab:hover {
    color: #1b3397;
}
.line-btn{
  color: #fff;
  width: 100%;
  background-color: rgba(6, 185, 0, 1);
  text-align: center;
  padding: 2px 0 0 0 ;
      max-width: 268px;
}
.c-lp:hover{
  color: #fe7e47;
}
.line-btn:hover{
  color: #fff;
}

.fa-envelope:before {
  content: "\f0e0";
  margin-right: 10px;
}

.fa-phone-alt:before {
    content: "\f879";
    font-size: 24px;
}

.red{
  color: red;
}

@media (max-width: 1024px) {
  .line-btn{
    max-width: 100%;
  }
  .mail{
    padding: 3px 14.7px;
  }
  header .catch {
      padding-right: 55px;
  }

  header {
      position: static;
  }

  .header-inner {
      width: 40%;
      height: 100%;
      background-color: #fff;
      position: fixed;
      top: 0;
      right: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
      -webkit-transition: 0.3s linear;
      transition: 0.3s linear;
      z-index: 15;
  }

  .active .header-inner {
      -webkit-box-shadow: -2px 0px 15px -5px #000;
      box-shadow: -2px 0px 15px -5px #000;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
     /*  overflow: scroll; */
  }

  .header-inner .inner1200 {
      height: 100%;
  }

  .header-container {
      height: 100%;
      padding: 30px 10px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
  }

  .header-section {
      height: 10%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
  }

  .header-section-inner {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  }
  .header-section-inner{
      display: none;
  }
}

.header-section-inner2{
  position: fixed;
  z-index: 3;
  right: 0px;
  bottom: 0;
  width: 33%;
}
.color-002-bgc{
  background: rgb(55,167,250);
  background: linear-gradient(325deg, rgba(55,167,250,1) 0%, rgba(86,200,245,1) 100%);
  
}
.color-002-bgc.new{
  background: #fceabb; 
  background: linear-gradient(to right,  #fceabb 0%,#fccd4d 18%,#f8b500 100%,#fbdf93 100%); 
}

@media (max-width: 599px) {
  .header-section-inner2{
      width: 100%;
  }
  .header-inner {
      width: 80%;
  }

  .header-item {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
  }

  .header-item>* {
      -webkit-box-flex: unset;
      -ms-flex: unset;
      flex: unset;
  }
}

/* header end */

/* nav */
.sp-only,
.nav-logo {
  display: none;
}

/* .nav-list {

  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
 
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
 
  justify-content: flex-end;
  margin: 0 15px;
} */

.nav-list>li {
  margin: 5px 0;
}

.nav-list>li+li {
  padding-left: 30px;
  position: relative;
}

.nav-list .g-item.new::before {
  content: none;
}

.nav-list li a,
.nav-list li .dropdown-btn {
  font-weight: bold;
  /* -webkit-transition: 0.3s linear;
  transition: 0.3s linear; */
  color: #333333;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 18px;
}
.fixed .nav-list li a,
.nav-list li .dropdown-btn {
  font-size: 18px;
  font-weight: bold;
  /* -webkit-transition: 0.3s linear;
  transition: 0.3s linear; */
  
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* .dropmenu {
  *zoom: 1;
}

.dropmenu .dropdown {
  position: relative;
  overflow: hidden;
}

.dropmenu .dropdown::after {
  content: '';
  position: absolute;
  left: 50%;
  right: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 280px;
  height: 40px;
  border: 0;
}

.dropdown-btn {
  display: block;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}

.dropmenu .dropdown ul {
  position: absolute;
  top: 100%;
  right: -175px;
  left: -175px;
  z-index: -9999 !important;
  width: 280px;
  padding: 10px 15px;
  margin: 14px auto 0 auto;
  background: rgb(55,167,250);
  background: linear-gradient(325deg, rgba(55,167,250,1) 0%, rgba(86,200,245,1) 100%);
  border-radius: 3px;
  -webkit-box-shadow: 3px 3px 10px -7px #000;
  box-shadow: 3px 3px 10px -7px #000;
  opacity: 0;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  -webkit-transition-property: all;
  transition-property: all;
}

.dropmenu .dropdown ul::before {
  position: absolute;
  top: -7px;
  right: 0;
  left: 0;
  display: inline-block;
  width: 0;
  height: 0;
  margin: auto;
  content: '';
  border-color: transparent transparent #53cbf1 transparent;
  border-style: solid;
  border-width: 0 7px 7px 7px;
}

#dropmenu .dropdown ul li {
  width: 100%;
  height: auto;
  margin-left: 0;
  overflow: hidden;
}

#dropmenu .dropdown ul li+li {
  border-top: 1px solid #fff;
}

#dropmenu .dropdown ul li a {
  display: block;
  padding: 10px 5px;
  font-size: 14px;
  color: #fff;
}

.dropdown-btn:hover {
  cursor: pointer;
}

#dropmenu .dropdown:hover {
  overflow: visible;
}

#dropmenu .dropdown:hover ul {
  z-index: 2 !important;
  opacity: 1;
} */

.border-nav:hover{

  border-bottom: solid 2px var(--default-color);
}


.dropmenu .dropdown ul {
  position: absolute;
  top: 75%;
  right: -175px;
  left: -175px;
  z-index: -9999 !important;
  width: 200px;
  padding: 10px 15px;
  margin: 10px auto 0 auto;
  border:#121212 solid 1px;
  border-radius: 3px;
  -webkit-box-shadow: 3px 3px 10px -7px #000;
  box-shadow: 3px 3px 10px -7px #000;
  opacity: 0;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  -webkit-transition-property: all;
  transition-property: all;
}

[data-element-id].dropmenu .dropdown ul{
    position: relative; 
  top: 0%;
 right: 0px;
 left: 0px; 
z-index: 9999 !important; 
  width: 150px;
  padding: 10px 15px;
  margin: 10px auto 0 auto;
  border: #121212 solid 1px;
  border-radius: 3px;
  -webkit-box-shadow: 3px 3px 10px -7px #000;
  box-shadow: 3px 3px 10px -7px #000;
   opacity: 1; 
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  -webkit-transition-property: all;
  transition-property: all;
  transform: scale3d(1,1,.9);
}

.dropmenu .dropdown ul::before {
position: absolute;
top: -7px;
right: 0;
left: 0;
display: inline-block;
width: 0;
height: 0;
margin: auto;
content: '';
border-color: transparent transparent #121212 transparent;
border-style: solid;
border-width: 0 7px 7px 7px;
}

#dropmenu .dropdown ul li {
  width: 100%;
  height: auto;
  margin-left: 0;
  overflow: hidden;
}

#dropmenu .dropdown ul li+li {
  border-top: 1px solid #121212;
}

#dropmenu .dropdown ul li::after {
content: "/";
display: none;
}

#dropmenu .dropdown ul li+li::after {
content: "/";
display: none;
}


#dropmenu .dropdown ul li a {
  display: block;
  padding: 10px 5px;
  font-size: 14px;
  color: #121212;
}

.dropdown-btn:hover {
  cursor: pointer;
}

#dropmenu .dropdown:hover {
  overflow: visible;
}

#dropmenu .dropdown:hover ul {
  z-index: 2 !important;
  opacity: 1;
  background-color: #fffdf7;
  background-image: url(#);
}

.fixed #dropmenu .dropdown:hover ul{
background: rgb(240, 240, 240, .9);
}

@media (max-width: 768px) {
.dropmenu .dropdown ul{
  border: 0px;
  position: static;
  z-index: 1 !important;
  color: #000;
  opacity: 1;
  width: 100%;
  transform: none;
}
#dropmenu .dropdown ul li+li {
  border-top: 0px solid #121212;
}
 
  #dropmenu .dropdown {
      overflow: visible;
  }

  .dropmenu .dropdown ul::before,
  .dropmenu .dropdown::after {
      display: none;
  }

  #dropmenu .dropdown ul {
      width: 100%;
      margin: 10px 0;
      padding: 0 0 0 20px;
      background-color: inherit;
      -webkit-box-shadow: none;
      box-shadow: none;
      position: static;
      z-index: 2 !important;
      opacity: 1;
  }

  #dropmenu .dropdown ul li {
      margin: 10px 0;
  }

  #dropmenu .dropdown ul li a {
      font-size: 15px;
      color: inherit;
      padding: 0 0 0 20px;
      position: relative;
  }

  #dropmenu .dropdown ul li a::before {
      content: '∟';
      display: inline-block;
      position: absolute;
      top: -5px;
      left: 0;
  }
}

@media (max-width: 768px) {
  nav {
      height: 10%;
      margin-top: 0px;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
  }

  .sp-only,
  .nav-logo {
      display: block;
  }

  .nav-list {
      height: 100%;
      display: block;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
  }

  .nav-list>li+li {
      padding-left: 0;
  }

  .nav-list li {
      margin: 0;
  }

  .nav-list>li+li::before {
      display: none;
  }

  #dropmenu .dropdown {
      overflow: visible;
  }

  .dropmenu .dropdown ul::before,
  .dropmenu .dropdown::after {
      display: none;
  }

  #dropmenu .dropdown ul {
      width: 100%;
      margin: 10px 0;
      padding: 0 0 0 20px;
      background-color: inherit;
      -webkit-box-shadow: none;
      box-shadow: none;
      position: static;
      z-index: 2 !important;
      opacity: 1;
  }

  #dropmenu .dropdown ul li {
      margin: 10px 0;
      padding: 0 0 0 20px;
  }

  #dropmenu .dropdown ul li a {
      font-size: 15px;
      color: inherit;
      padding: 0 0 0 20px;
      position: relative;
      color: #333;
  }

  #dropmenu .dropdown ul li a::before {
      content: '∟';
      display: inline-block;
      position: absolute;
      top: -5px;
      left: 0;
  }
}
  .dropmenu .dropdown ul{
    z-index: 1!important;
  }

/* nav end */

/* hamburger overlay */
.hamburger {
  display: none;
}

.w30\%{
width: 32%;
}
@media (max-width: 768px) {
  .w50\%{
    width: 50%;
    }
  .fa-phone-alt:before {
    content: "\f879";
    font-size: 20px;
}
  .header-tel{
    background-color: #fff;
    width: 50%;
    font-size: 20px;
    text-align: center;
    padding: 10px 0;
  }
  .line-btn{
    width: 50%;
    font-size: 20px;
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: center;
  } 
  .header-tel, .line-btn{
    border: solid 1px #ccc;
  }
}
@media (max-width: 1024px) {
  

  .hamburger {
      position: fixed;
      top: 10px;
      left: -80px;
      z-index: 5;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 70px;
      height: 70px;
      padding: 10px;
      cursor: pointer;
      -webkit-transition: 0.3s linear;
      transition: 0.3s linear;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
  }

  .hamburger a,
  .hamburger a:hover,
  .hamburger a:focus {
      opacity: 1;
  }

  .menu-trigger,
  .menu-trigger span {
      display: inline-block;
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
  }

  .menu-trigger {
      position: relative;
      width: 100%;
      height: 100%;
  }

  .menu-trigger span {
      position: absolute;
      left: 0;
      width: 100%;
      height: 2px;
      background: #fff;
      -webkit-box-shadow: 1px 1px 1px #808080;
      box-shadow: 1px 1px 1px #808080;
  }

  .menu-trigger span:nth-of-type(1) {
      top: 0;
  }

  .menu-trigger span:nth-of-type(2) {
      top: 50%;
      -webkit-transform: translate(0, -100%);
      transform: translate(0, -100%);
  }

  .menu-trigger span:nth-of-type(3) {
      bottom: 0;
  }

  .active .hamburger {
      padding: 3px;
  }

  .active .menu-trigger {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
  }

  .active .menu-trigger span {
      -webkit-box-shadow: none;
      box-shadow: none;
  }

  .active .menu-trigger span:nth-of-type(1) {
      -webkit-transform: translate(0, 30px) rotate(-45deg);
      transform: translate(0, 30px) rotate(-45deg);
  }

  .active .menu-trigger span:nth-of-type(2) {
      -webkit-transform: translate(0, -100%) rotate(45deg);
      transform: translate(0, -100%) rotate(45deg);
  }

  .active .menu-trigger span:nth-of-type(3) {
      opacity: 0;
  }

  .overlay {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 5;
      display: none;
      width: 100%;
      height: 100%;
      background-color: rgba(77, 66, 62, 0.3);
  }

  .active .overlay {
      display: block;
  }
}
@media (max-width: 768px) {
  .floatRight{
    width: 100%;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 5;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-bottom: 0;
  }
}
@media (max-width: 599px) {
  .w50\%{
    width: 100%;
    }
  .fa-phone-alt:before {
    content: "\f879";
    font-size: 16px;
}
  .header-tel,
  .line-btn{
    
    font-size: 16px;
  }
  .hamburger {
      top: 10px;
      left: -45px;
      width: 35px;
      height: 35px;
      padding: 0;
  }

  .active .hamburger {
      padding: 0;
  }

  .active .menu-trigger span:nth-of-type(1) {
      -webkit-transform: translate(0, 16px) rotate(-45deg);
      transform: translate(0, 16px) rotate(-45deg);
  }
}

.ssn{
  position: relative;
  
}

.ssn::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: -15px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: rgba(255, 179, 2, 1) transparent transparent transparent;
  border-width: 15px 15px 0 15px;
  z-index: 1;
}

.col-g{
  color: #00cc00;
}

.col-y{
  color:#ffb403;
}

.col-oa{
  color:#EF5A24;
}
.bot-bor{
  border-bottom: 2px dotted #00cc00;
}

.staff-come .voice-attachment{
  margin-left: 0em;
  margin-right: 1.6em;
}
.stf-com{
  position: relative;
  margin-bottom: 50px;
}
/* .stf-com:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: -35px;
  left: 0;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-color: rgba(255, 179, 2, 1) transparent transparent transparent;
  border-width: 50px 25px 0px 0px;
  margin-left: 30px;
  transform: rotate(20deg);
  z-index: 1;
} */
/* 
.fukidasi{
  
  font-size: 24px;
  font-weight: bold;
  position: relative;
  top: -80px;
  right: -85px;
} */

.fukidasi{
      font-size: 24px;
    font-weight: bold;
    position: absolute;
    top: 40px;
    right: 130px;
    z-index: 1;
}
/* .fukidasi2{
  position: absolute;
  font-size: 24px;
  font-weight: bold;
  padding-left: 18%;
  bottom: 0;
  background-color: #ffffffab;
} */
.fukidasi::before {
  content: "";
  display: block;
  width: 90px;
  height: 2px;
  background-color: #393939;
  position: absolute;
  top: -20px;
  right: 40px;
  transform: rotate(210deg);
}
.fukidasi::after {
  content: "";
  display: block;
  width: 60px;
  height: 2px;
  background-color: #393939;
  position: absolute;
  bottom: -20px;
  right: 40px;
  transform: rotate(150deg);
}

.staff-hukidasi{
  display: flex;
  position: relative;
  align-items: center;
    justify-content: flex-end;
}
.staff-hukidasi .img01 {
  width: 40%;
}

.staff-hukidasi.ed{
  flex-direction: row-reverse;
  padding-right: 0px!important;
}

.staff-hukidasi-ab{
  position: absolute;
}

.font-f-m{
  font-family: "Times New Roman",'游明朝','游明朝体','YuMincho','ヒラギノ明朝 Pro W6','Hiragino Mincho Pro','HGS明朝E','ＭＳ Ｐ明朝',serif
}

.nan-box{
  position: relative;
  margin-left: 47px;
}

/* .nan-pj{
  position: absolute;
  left: -60px;
    top: 50%;
    transform: translate(-50%,-50%);
    color: #ffb302;
    background-color: #fff;
    border-radius: 50%;
    padding: 10px
} */

.nan-pj {
    position: absolute;
    left: -28px;
    top: 50%;
    transform: translate(-50%,-50%);
    color: #ffb302;
    background-color: #fff;
    border-radius: 50%;
    padding: 5px;
    width: 40px;
    height: 40px;
    letter-spacing: -1px;
    text-align: center;
    font-weight: bold;
        display: flex;
    align-items: center;
    justify-content: center;
}

.tit-fuki{
  position: relative;
  text-align: center;
  margin: 50px 0 10px 0;
}
.tit-fuki::before {
  content: "";
  display: block;
  width: 60px;
  height: 2px;
  background-color: #393939;
  position: absolute;
  top: 30%;
  left: 5%;
  transform: rotate(70deg);
}
.tit-fuki::after {
  content: "";
  display: block;
  width: 60px;
  height: 2px;
  background-color: #393939;
  position: absolute;
  top: 30%;
  right: 5%;
  transform: rotate(300deg);
}

#main .custom-06-block.new{
  margin: 0;
}

.box-s{

  box-shadow: 0 2px 0.4em rgb(0 0 0 / 40%);
}

.flexonew{
  display: flex;
  flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.newcy .flexonew{
  flex-wrap: nowrap;
}
.flexonew2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 1024px) {
  #main .custom-06-block,
  #main .custom-06-block.new{
  width: 44%;
  margin:20px;
}
}

@media (max-width: 599px) {
  .fukidasi{
    width: 40%;
  }
  .fukidasi::after{
    width: 30px;
  }
  .fukidasi::before{
    width: 50px;
  }
  .fukidasi2 {
    position: absolute;
    font-size: 14px;
    font-weight: bold;
    padding-left: 0%;
    bottom: 0;
    background-color: #ffffffab;
}
  .tit-fuki::before
  {
    left: -6%;
    width: 40px;
  }
  .tit-fuki::after{
    right: -6%;
    width: 40px;
  }
  .up-fz-30{
    font-size: 20px;
  }
  .up-fz-36{
    font-size: 23px;
  }
  #main .custom-06-block,
  #main .custom-06-block.new{
  width: 100%;
  margin:20px 0;
}
.fukidasi {
  font-size: 14px;
  font-weight: bold;
  position: relative;
  top: -30px;
}
}
/* CSS Document */

500;700&display=swap');



/*===================================
基本設定
===================================*/

/* html */

#wrapper {
    overflow: hidden;
}

dt, dd {
    font-weight: normal;
}



/* inner */

@media (max-width: 1024px) {

    .inner500,
    .inner600,
    .inner700,
    .inner800,
    .inner900,
    .inner,
    .inner1100,
    .inner1200,
    .inner1300,
    .inner1400,
    .inner1500 {
        width: 94%;
    }
}



/* font */

.font-ns-400 {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
}

.font-ns-500 {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
}

.font-ns-700 {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
}



/* show hide */

.show\@pc {
    display: block;
}

.hide\@pc {
    display: none;
}

[data-element-id] .show\@tb {
    display: block;
    border: solid 4px green;
    position: relative;
}

[data-element-id] .show\@tb:after {
    display: block;
    content: "モバイル用";
    color: #fff;
    font-weight: 700;
    background: green;
    padding: 5px;
    text-align: center;
}

[data-element-id] .show\@sp {
    display: block;
    border: solid 4px green;
    position: relative;
}

[data-element-id] .show\@sp:after {
    display: block;
    content: "モバイル用";
    color: #fff;
    font-weight: 700;
    background: green;
    padding: 5px;
    text-align: center;
}

@media (max-width: 1024px) {
    .show\@tb {
        display: block;
    }

    .hide\@tb {
        display: none;
    }
}

@media (max-width: 599px) {
    .show\@sp {
        display: block;
    }

    .hide\@sp {
        display: none;
    }
}



/* fead */

.fead-mv.mv {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.fead-up.mv {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.fead-order > * {
    opacity: 0;
}

.fead-order > .mv {
    opacity: 1;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.fead-text > * {
    opacity: 0;
}

.fead-text .mv {
    opacity: 1;
    -webkit-transition: 1s;
    transition: 1s;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}



/* js-toggle */

[data-element-id] .js-toggle + * {
    display: block;
}

.js-toggle {
    cursor: pointer;
}

.js-toggle + * {
    display: none;
}



/* 画像 */

.img {
    text-align: center;
}

.pic img {
    width: 100%;
}

[class*="up-ofi-100%"] {
    height: 100%;
}

.youtube {
    position: relative;
}

.youtube:after {
    display: block;
    content: "";
    padding-top: 56.25%;
}

.youtube iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}



/* 縦書き */

[data-element-id] .t-vertical {
    -ms-writing-mode: initial;
    -webkit-writing-mode: initial;
    writing-mode: initial;
}

.t-vertical {
    word-break: keep-all;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}

.label-vertical {
    color: #fff;
    font-size: 18px;
    background: #058A45;
    position: absolute;
    top: 0;
    right: 20px;
    z-index: 5;
}

.label-vertical > * {
    display: block;
    padding: 10px 5px;
}

.num-vertical {
    height: 100%;
    color: #058A45;
    font-family: 'YuMincho', 'Yu Mincho', '游明朝体', 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', serif;
    text-align: center;
    position: relative;
}

.num-vertical:before {
    display: block;
    content: "";
    width: 2px;
    height: calc(100% - 200px);
    background: #D6D6D6;
    margin-left: -1px;
    position: absolute;
    bottom: 0;
    left: 50%;
}

.num-vertical .num {
    font-size: 60px;
    letter-spacing: 3px;
    line-height: 1;
    margin-bottom: 10px;
}

.num-vertical .label {
    font-size: 18px;
    letter-spacing: 2px;
    margin: auto;
}

@media (max-width: 1024px) {
    .num-vertical .num {
        font-size: 50px;
    }
}

@media (max-width: 599px) {
    .num-vertical .num {
        font-size: 40px;
    }
}



/* color */

.color-black {
    color: #333;
}

.color-green {
    color: #058A45;
}



/*背景*/

.bg-type-black {
    background-color: #333;
}

.bg-type-white {
    background-color: #fff;
}

.bg-type-gray {
    background-color: #F7F2F1;
}

.bg-type-img {
    position: relative;
}

.bg-type-img > * {
    position: relative;
    z-index: 1;
}

.bg-type-img .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    border: 1px solid rgba(0,0,0,.16);
}

.bg-type-img .bg:before {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    /* background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 1)), color-stop(30%, rgba(255, 255, 255, 1)), color-stop(60%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%); */
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
}

/* @media (max-width: 1024px) {
    .bg-type-img .bg:before {
        background: rgba(255, 255, 255, 0.7);
    }
} */



/* 共通コンテンツ間隔 */

[class*="section-m"], [class*="section-p"] {
    --section-xlarge: 150px;
    --section-large: 120px;
    --section-medium: 100px;
    --section-small: 80px;
    --section-xsmall: 60px;
}

.section-my-xlarge {
    margin-top: var(--section-xlarge);
    margin-bottom: var(--section-xlarge);
}

.section-mt-xlarge {
    margin-top: var(--section-xlarge);
}

.section-mb-xlarge {
    margin-bottom: var(--section-xlarge);
}

.section-my-large {
    margin-top: var(--section-large);
    margin-bottom: var(--section-large);
}

.section-mt-large {
    margin-top: var(--section-large);
}

.section-mb-large {
    margin-bottom: var(--section-large);
}

.section-my-medium {
    margin-top: var(--section-medium);
    margin-bottom: var(--section-medium);
}

.section-mt-medium {
    margin-top: var(--section-medium);
}

.section-mb-medium {
    margin-bottom: var(--section-medium);
}

.section-my-small {
    margin-top: var(--section-small);
    margin-bottom: var(--section-small);
}

.section-mt-small {
    margin-top: var(--section-small);
}

.section-mb-small {
    margin-bottom: var(--section-small);
}

.section-my-xsmall {
    margin-top: var(--section-xsmall);
    margin-bottom: var(--section-xsmall);
}

.section-mt-xsmall {
    margin-top: var(--section-xsmall);
}

.section-mb-xsmall {
    margin-bottom: var(--section-xsmall);
}

@media (max-width: 1024px) {
    .section-my-xlarge {
        margin-top: calc(var(--section-xlarge) * 0.85);
        margin-bottom: calc(var(--section-xlarge) * 0.85);
    }

    .section-mt-xlarge {
        margin-top: calc(var(--section-xlarge) * 0.85);
    }

    .section-mb-xlarge {
        margin-bottom: calc(var(--section-xlarge) * 0.85);
    }

    .section-my-large {
        margin-top: calc(var(--section-large) * 0.85);
        margin-bottom: calc(var(--section-large) * 0.85);
    }

    .section-mt-large {
        margin-top: calc(var(--section-large) * 0.85);
    }

    .section-mb-large {
        margin-bottom: calc(var(--section-large) * 0.85);
    }

    .section-my-medium {
        margin-top: calc(var(--section-medium) * 0.85);
        margin-bottom: calc(var(--section-medium) * 0.85);
    }

    .section-mt-medium {
        margin-top: calc(var(--section-medium) * 0.85);
    }

    .section-mb-medium {
        margin-bottom: calc(var(--section-medium) * 0.85);
    }

    .section-my-small {
        margin-top: calc(var(--section-small) * 0.85);
        margin-bottom: calc(var(--section-small) * 0.85);
    }

    .section-mt-small {
        margin-top: calc(var(--section-small) * 0.85);
    }

    .section-mb-small {
        margin-bottom: calc(var(--section-small) * 0.85);
    }

    .section-my-xsmall {
        margin-top: calc(var(--section-xsmall) * 0.85);
        margin-bottom: calc(var(--section-xsmall) * 0.85);
    }

    .section-mt-xsmall {
        margin-top: calc(var(--section-xsmall) * 0.85);
    }

    .section-mb-xsmall {
        margin-bottom: calc(var(--section-xsmall) * 0.85);
    }
}

@media (max-width: 599px) {
    .section-my-xlarge {
        margin-top: calc(var(--section-xlarge) * 0.7);
        margin-bottom: calc(var(--section-xlarge) * 0.7);
    }

    .section-mt-xlarge {
        margin-top: calc(var(--section-xlarge) * 0.7);
    }

    .section-mb-xlarge {
        margin-bottom: calc(var(--section-xlarge) * 0.7);
    }

    .section-my-large {
        margin-top: calc(var(--section-large) * 0.7);
        margin-bottom: calc(var(--section-large) * 0.7);
    }

    .section-mt-large {
        margin-top: calc(var(--section-large) * 0.7);
    }

    .section-mb-large {
        margin-bottom: calc(var(--section-large) * 0.7);
    }

    .section-my-medium {
        margin-top: calc(var(--section-medium) * 0.7);
        margin-bottom: calc(var(--section-medium) * 0.7);
    }

    .section-mt-medium {
        margin-top: calc(var(--section-medium) * 0.7);
    }

    .section-mb-medium {
        margin-bottom: calc(var(--section-medium) * 0.7);
    }

    .section-my-small {
        margin-top: calc(var(--section-small) * 0.7);
        margin-bottom: calc(var(--section-small) * 0.7);
    }

    .section-mt-small {
        margin-top: calc(var(--section-small) * 0.7);
    }

    .section-mb-small {
        margin-bottom: calc(var(--section-small) * 0.7);
    }

    .section-my-xsmall {
        margin-top: calc(var(--section-xsmall) * 0.7);
        margin-bottom: calc(var(--section-xsmall) * 0.7);
    }

    .section-mt-xsmall {
        margin-top: calc(var(--section-xsmall) * 0.7);
    }

    .section-mb-xsmall {
        margin-bottom: calc(var(--section-xsmall) * 0.7);
    }
}

.section-py-xlarge {
    padding-top: var(--section-xlarge);
    padding-bottom: var(--section-xlarge);
}

.section-pt-xlarge {
    padding-top: var(--section-xlarge);
}

.section-pb-xlarge {
    padding-bottom: var(--section-xlarge);
}

.section-py-large {
    padding-top: var(--section-large);
    padding-bottom: var(--section-large);
}

.section-pt-large {
    padding-top: var(--section-large);
}

.section-pb-large {
    padding-bottom: var(--section-large);
}

.section-py-medium {
    padding-top: var(--section-medium);
    padding-bottom: var(--section-medium);
}

.section-pt-medium {
    padding-top: var(--section-medium);
}

.section-pb-medium {
    padding-bottom: var(--section-medium);
}

.section-py-small {
    padding-top: var(--section-small);
    padding-bottom: var(--section-small);
}

.section-pt-small {
    padding-top: var(--section-small);
}

.section-pb-small {
    padding-bottom: var(--section-small);
}

.section-py-xsmall {
    padding-top: var(--section-xsmall);
    padding-bottom: var(--section-xsmall);
}

.section-pt-xsmall {
    padding-top: var(--section-xsmall);
}

.section-pb-xsmall {
    padding-bottom: var(--section-xsmall);
}

@media (max-width: 1024px) {
    .section-py-xlarge {
        padding-top: calc(var(--section-xlarge) * 0.85);
        padding-bottom: calc(var(--section-xlarge) * 0.85);
    }

    .section-pt-xlarge {
        padding-top: calc(var(--section-xlarge) * 0.85);
    }

    .section-pb-xlarge {
        padding-bottom: calc(var(--section-xlarge) * 0.85);
    }

    .section-py-large {
        padding-top: calc(var(--section-large) * 0.85);
        padding-bottom: calc(var(--section-large) * 0.85);
    }

    .section-pt-large {
        padding-top: calc(var(--section-large) * 0.85);
    }

    .section-pb-large {
        padding-bottom: calc(var(--section-large) * 0.85);
    }

    .section-py-medium {
        padding-top: calc(var(--section-medium) * 0.85);
        padding-bottom: calc(var(--section-medium) * 0.85);
    }

    .section-pt-medium {
        padding-top: calc(var(--section-medium) * 0.85);
    }

    .section-pb-medium {
        padding-bottom: calc(var(--section-medium) * 0.85);
    }

    .section-py-small {
        padding-top: calc(var(--section-small) * 0.85);
        padding-bottom: calc(var(--section-small) * 0.85);
    }

    .section-pt-small {
        padding-top: calc(var(--section-small) * 0.85);
    }

    .section-pb-small {
        padding-bottom: calc(var(--section-small) * 0.85);
    }

    .section-py-xsmall {
        padding-top: calc(var(--section-xsmall) * 0.85);
        padding-bottom: calc(var(--section-xsmall) * 0.85);
    }

    .section-pt-xsmall {
        padding-top: calc(var(--section-xsmall) * 0.85);
    }

    .section-pb-xsmall {
        padding-bottom: calc(var(--section-xsmall) * 0.85);
    }
}

@media (max-width: 599px) {
    .section-py-xlarge {
        padding-top: calc(var(--section-xlarge) * 0.7);
        padding-bottom: calc(var(--section-xlarge) * 0.7);
    }

    .section-pt-xlarge {
        padding-top: calc(var(--section-xlarge) * 0.7);
    }

    .section-pb-xlarge {
        padding-bottom: calc(var(--section-xlarge) * 0.7);
    }

    .section-py-large {
        padding-top: calc(var(--section-large) * 0.7);
        padding-bottom: calc(var(--section-large) * 0.7);
    }

    .section-pt-large {
        padding-top: calc(var(--section-large) * 0.7);
    }

    .section-pb-large {
        padding-bottom: calc(var(--section-large) * 0.7);
    }

    .section-py-medium {
        padding-top: calc(var(--section-medium) * 0.7);
        padding-bottom: calc(var(--section-medium) * 0.7);
    }

    .section-pt-medium {
        padding-top: calc(var(--section-medium) * 0.7);
    }

    .section-pb-medium {
        padding-bottom: calc(var(--section-medium) * 0.7);
    }

    .section-py-small {
        padding-top: calc(var(--section-small) * 0.7);
        padding-bottom: calc(var(--section-small) * 0.7);
    }

    .section-pt-small {
        padding-top: calc(var(--section-small) * 0.7);
    }

    .section-pb-small {
        padding-bottom: calc(var(--section-small) * 0.7);
    }

    .section-py-xsmall {
        padding-top: calc(var(--section-xsmall) * 0.7);
        padding-bottom: calc(var(--section-xsmall) * 0.7);
    }

    .section-pt-xsmall {
        padding-top: calc(var(--section-xsmall) * 0.7);
    }

    .section-pb-xsmall {
        padding-bottom: calc(var(--section-xsmall) * 0.7);
    }
}



/*===================================
共通タイトル
===================================*/

[class*="ttl-type-"] {
    --ttl-size-xlarge: 48px;
    --ttl-size-large: 42px;
    --ttl-size-medium: 36px;
    --ttl-size-small: 30px;
    --ttl-size-xsmall: 24px;
    --ttl-size-xxsmall: 20px;

    --ttl-mb-xlarge: 70px;
    --ttl-mb-large: 60px;
    --ttl-mb-medium: 50px;
    --ttl-mb-small: 40px;
    --ttl-mb-xsmall: 30px;
}

/* ttl-type-cmn */

.ttl-type-cmn {
    font-family: 'YuMincho', 'Yu Mincho', '游明朝体', 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', serif;
    letter-spacing: 3px;
    margin-bottom: var(--ttl-mb-medium);
    text-align: center;
}

.ttl-type-cmn > * {
    display: block;
}

.ttl-type-cmn .lead {
    font-size: var(--ttl-size-xxsmall);
}

@media (max-width: 1024px) {
    .ttl-type-cmn {
        margin-bottom: calc(var(--ttl-mb-medium) * 0.85);
    }

    .ttl-type-cmn .lead {
        font-size: calc(var(--ttl-size-medium) * 0.85);
    }
}

@media (max-width: 599px) {
    .ttl-type-cmn {
        margin-bottom: calc(var(--ttl-mb-medium) * 0.7);
    }

    .ttl-type-cmn .lead {
        font-size: calc(var(--ttl-size-medium) * 0.7);
    }
}



/* ttl-type-huki */

.ttl-type-huki {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-family: 'YuMincho', 'Yu Mincho', '游明朝体', 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', serif;
    letter-spacing: 3px;
    padding: 40px 40px 60px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: var(--ttl-mb-xsmall);
    text-align: center;
    position: relative;
}

.ttl-type-huki:before {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background: url(#) center no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.ttl-type-huki > * {
    position: relative;
    z-index: 5;
}

.ttl-type-huki .lead {
    font-size: var(--ttl-size-small);
    font-weight: bold;
}

@media (max-width: 1024px) {
    .ttl-type-huki {
        padding: 30px 30px 50px;
        margin-bottom: calc(var(--ttl-mb-small) * 0.85);
    }

    .ttl-type-huki .lead {
        font-size: calc(var(--ttl-size-small) * 0.85);
    }
}

@media (max-width: 599px) {
    .ttl-type-huki {
        padding: 30px 20px 40px;
        margin-bottom: calc(var(--ttl-mb-small) * 0.7);
    }

    .ttl-type-huki .lead {
        font-size: calc(var(--ttl-size-small) * 0.7);
    }
}



.ttl-size-xlarge .lead {
    font-size: var(--ttl-size-xlarge);
}

.ttl-size-large .lead {
    font-size: var(--ttl-size-large);
}

.ttl-size-medium .lead {
    font-size: var(--ttl-size-medium);
}

.ttl-size-small .lead {
    font-size: var(--ttl-size-small);
}

.ttl-size-xsmall .lead {
    font-size: var(--ttl-size-xsmall);
}

@media (max-width: 1024px) {
    .ttl-size-xlarge .lead {
        font-size: calc(var(--ttl-size-xlarge) * 0.85);
    }

    .ttl-size-large .lead {
        font-size: calc(var(--ttl-size-large) * 0.85);
    }

    .ttl-size-medium .lead {
        font-size: calc(var(--ttl-size-medium) * 0.85);
    }

    .ttl-size-small .lead {
        font-size: calc(var(--ttl-size-small) * 0.85);
    }

    .ttl-size-xsmall .lead {
        font-size: calc(var(--ttl-size-xsmall) * 0.95);
    }
}

@media (max-width: 599px) {
    .ttl-size-xlarge .lead {
        font-size: calc(var(--ttl-size-xlarge) * 0.7);
    }

    .ttl-size-large .lead {
        font-size: calc(var(--ttl-size-large) * 0.7);
    }

    .ttl-size-medium .lead {
        font-size: calc(var(--ttl-size-medium) * 0.7);
    }

    .ttl-size-small .lead {
        font-size: calc(var(--ttl-size-small) * 0.7);
    }

    .ttl-size-xsmall .lead {
        font-size: calc(var(--ttl-size-xsmall) * 0.9);
    }
}

.ttl-mb-xlarge {
    margin-bottom: var(--ttl-mb-xlarge);
}

.ttl-mb-large {
    margin-bottom: var(--ttl-mb-large);
}

.ttl-mb-medium {
    margin-bottom: var(--ttl-mb-medium);
}

.ttl-mb-small {
    margin-bottom: var(--ttl-mb-small);
}

.ttl-mb-xsmall {
    margin-bottom: var(--ttl-mb-xsmall);
}

.ttl-mb-none {
    margin-bottom: 0;
}

@media (max-width: 1024px) {
    .ttl-mb-xlarge {
        margin-bottom: calc(var(--ttl-mb-xlarge) * 0.85);
    }

    .ttl-mb-large {
        margin-bottom: calc(var(--ttl-mb-large) * 0.85);
    }

    .ttl-mb-medium {
        margin-bottom: calc(var(--ttl-mb-medium) * 0.85);
    }

    .ttl-mb-small {
        margin-bottom: calc(var(--ttl-mb-small) * 0.85);
    }

    .ttl-mb-xsmall {
        margin-bottom: calc(var(--ttl-mb-xsmall) * 0.85);
    }

    .ttl-mb-none {
        margin-bottom: 0;
    }
}

@media (max-width: 599px) {
    .ttl-mb-xlarge {
        margin-bottom: calc(var(--ttl-mb-xlarge) * 0.7);
    }

    .ttl-mb-large {
        margin-bottom: calc(var(--ttl-mb-large) * 0.7);
    }

    .ttl-mb-medium {
        margin-bottom: calc(var(--ttl-mb-medium) * 0.7);
    }

    .ttl-mb-small {
        margin-bottom: calc(var(--ttl-mb-small) * 0.7);
    }

    .ttl-mb-xsmall {
        margin-bottom: calc(var(--ttl-mb-xsmall) * 0.7);
    }

    .ttl-mb-none {
        margin-bottom: 0;
    }
}

.ttl-black {
    color: #333;
}

.ttl-green {
    color: #058A45;
}
.ttl-or{
  color: #F15927;
}


.ttl-green2 {
  color: #06B900;
}

.ttl-left {
    text-align: left;
}

.ttl-center {
    text-align: center;
}

.ttl-right {
    text-align: right;
}



/*===================================
共通ボタン
===================================*/

[class*="btn-type-"] {
    --btn-mt-xlarge: 70px;
    --btn-mt-large: 60px;
    --btn-mt-medium: 50px;
    --btn-mt-small: 40px;
    --btn-mt-xsmall: 30px;
}

/* btn-type-01 */

.btn-type-01 {
    margin-top: var(--btn-mt-medium);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.btn-type-01 > * {
    width: 180px;
    max-width: 100%;
    color: #fff;
    background: #058A45;
    border: solid 2px #058A45;
    border-radius: 100px;
    line-height: inherit;
    padding: 10px;
    text-align: center;
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.btn-type-01 > *:hover {
    opacity: 1;
}

.btn-type-01 > *:before {
    display: block;
    content: '';
    width: 120%;
    height: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    left: -130%;
    z-index: 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.btn-type-01 > *:hover:before {
    left: -10%;
}

.btn-type-01 > *:after {
    display: block;
    content: "";
    width: 30px;
    height: 2px;
    background: #fff;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.btn-type-01 > *:hover:after {
    background: #058A45;
}

.btn-type-01 > * > * {
    color: #fff;
    position: relative;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.btn-type-01 > *:hover > * {
    color: #058A45;
}

@media (max-width: 1024px) {
    .btn-type-01 {
        margin-top: calc(var(--btn-mt-medium) * 0.85);
    }
}

@media (max-width: 599px) {
    .btn-type-01 {
        margin-top: calc(var(--btn-mt-medium) * 0.7);
    }

    .btn-type-01 > *:after {
        width: 20px;
    }
}



/* btn-type-02 */

.btn-type-02 {
    margin-top: var(--btn-mt-medium);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.btn-type-02 > * {
    width: 250px;
    max-width: 100%;
    color: #058A45 !important;
    background: #fad221;
    border-radius: 100px;
    line-height: inherit;
    padding: 10px;
    text-align: center;
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 1024px) {
    .btn-type-02 {
        margin-top: calc(var(--btn-mt-medium) * 0.85);
    }
}

@media (max-width: 599px) {
    .btn-type-02 {
        margin-top: calc(var(--btn-mt-medium) * 0.7);
    }
}



/* 共通ボタン上書き */

.btn-mt-xlarge {
    margin-top: var(--btn-mt-xlarge);
}

.btn-mt-large {
    margin-top: var(--btn-mt-large);
}

.btn-mt-medium {
    margin-top: var(--btn-mt-medium);
}

.btn-mt-small {
    margin-top: var(--btn-mt-small);
}

.btn-mt-xsmall {
    margin-top: var(--btn-mt-xsmall);
}

.btn-mt-none {
    margin-top: 0;
}

@media (max-width: 1024px) {
    .btn-mt-xlarge {
        margin-top: calc(var(--btn-mt-xlarge) * 0.85);
    }

    .btn-mt-large {
        margin-top: calc(var(--btn-mt-large) * 0.85);
    }

    .btn-mt-medium {
        margin-top: calc(var(--btn-mt-medium) * 0.85);
    }

    .btn-mt-small {
        margin-top: calc(var(--btn-mt-small) * 0.85);
    }

    .btn-mt-xsmall {
        margin-top: calc(var(--btn-mt-xsmall) * 0.85);
    }

    .btn-mt-none {
        margin-top: 0;
    }
}

@media (max-width: 599px) {
    .btn-mt-xlarge {
        margin-top: calc(var(--btn-mt-xlarge) * 0.7);
    }

    .btn-mt-large {
        margin-top: calc(var(--btn-mt-large) * 0.7);
    }

    .btn-mt-medium {
        margin-top: calc(var(--btn-mt-medium) * 0.7);
    }

    .btn-mt-small {
        margin-top: calc(var(--btn-mt-small) * 0.7);
    }

    .btn-mt-xsmall {
        margin-top: calc(var(--btn-mt-xsmall) * 0.7);
    }

    .btn-mt-none {
        margin-top: 0;
    }
}

.btn-w-full > * {
    width: 100%;
}

.btn-w-xlarge > * {
    width: 350px;
}

.btn-w-xlarge > * {
    width: 300px;
}

.btn-w-medium > * {
    width: 250px;
}

.btn-w-small > * {
    width: 200px;
}

.btn-w-xsmall > * {
    width: 150px;
}

.btn-left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.btn-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.btn-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}



/*===================================
共通ブロック
==================================*/

/* block-type-01 */

.block-type-01 .item + * {
    margin-top: 80px;
}

.block-type-01 .item .left {
    width: 55%;
}

.block-type-01 .item .right {
    width: 35%;
    max-width: 350px;
    padding-top: 3%;
    margin-left: 5%;
    margin-right: auto;
}

.block-type-01 .item .ttl {
    margin-bottom: 30px;
}

.block-type-01 .item .txt {
    line-height: 2;
}

.block-type-01 .item .btn {
    margin-top: 25px;
}

.block-type-01 .item .pic {
    height: 400px;
    border-radius: 0 15px 15px 0;
    overflow: hidden;
}

.block-type-01 .item:nth-of-type(2n+1) > * {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.block-type-01 .item:nth-of-type(2n+1) .right {
    margin-left: auto;
    margin-right: 5%;
}

.block-type-01 .item:nth-of-type(2n+1) .pic {
    border-radius: 15px 0 0 15px;
}

/* block-type-01-rev */

.block-type-01-rev .item:nth-of-type(2n+1) > * {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.block-type-01-rev .item:nth-of-type(2n+2) > * {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.block-type-01-rev .item .right {
    margin-left: auto;
    margin-right: 5%;
}

.block-type-01-rev .item .pic {
    border-radius: 15px 0 0 15px;
}

.block-type-01-rev .item:nth-of-type(2n+1) .right {
    margin-left: 5%;
    margin-right: auto;
}

.block-type-01-rev .item:nth-of-type(2n+1) .pic {
    border-radius: 0 15px 15px 0;
}

@media (max-width: 1024px) {
    .block-type-01 .item + * {
        margin-top: 60px;
    }

    .block-type-01 .item .pic {
        height: 400px;
    }
}

@media (max-width: 599px) {
    .block-type-01 .item + * {
        margin-top: 40px;
    }

    .block-type-01 .item .left {
        width: 100%;
        margin: 0 3%;
    }

    .block-type-01 .item .right {
        width: 100%;
        max-width: none;
        padding: 0;
        margin: 20px 3% 0 !important;
    }

    .block-type-01 .item .pic {
        height: 250px;
        border-radius: 15px !important;
    }
}



/* block-type-02 */

.block-type-02 .item {
    padding-bottom: 80px;
    position: relative;
}

.block-type-02 .item:before {
    display: block;
    content: "";
    width: 85%;
    height: 90%;
    background: #F7F2F1;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
}

.block-type-02 .item:nth-of-type(2n+2):before {
    left: auto;
    right: 0;
}

.block-type-02 .item + * {
    margin-top: 80px;
}

.block-type-02 .item > * {
    position: relative;
    z-index: 5;
}

.block-type-02 .item .left {
    width: 45%;
}

.block-type-02 .item .right {
    width: 45%;
    max-width: 500px;
    margin-left: 5%;
    margin-right: auto;
}

.block-type-02 .item .ttl {
    margin-bottom: 30px;
}

.block-type-02 .item .txt {
    line-height: 2;
}

.block-type-02 .item .btn {
    margin-top: 25px;
}

.block-type-02 .item .pic {
    height: 550px;
    border-radius: 0 15px 15px 0;
    overflow: hidden;
}

.block-type-02 .item:nth-of-type(2n+1) > * {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.block-type-02 .item:nth-of-type(2n+1) .right {
    margin-left: auto;
    margin-right: 5%;
}

.block-type-02 .item:nth-of-type(2n+1) .pic {
    border-radius: 15px 0 0 15px;
}

/* block-type-02-rev */

.block-type-02-rev .item:nth-of-type(2n+1):before {
    left: auto;
    right: 0;
}

.block-type-02-rev .item:nth-of-type(2n+1) > * {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.block-type-02-rev .item:nth-of-type(2n+2):before {
    left: 0;
    right: auto;
}

.block-type-02-rev .item:nth-of-type(2n+2) > * {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.block-type-02-rev .item .right {
    margin-left: auto;
    margin-right: 5%;
}

.block-type-02-rev .item .pic {
    border-radius: 15px 0 0 15px;
}

.block-type-02-rev .item:nth-of-type(2n+1) .right {
    margin-left: 5%;
    margin-right: auto;
}

.block-type-02-rev .item:nth-of-type(2n+1) .pic {
    border-radius: 0 15px 15px 0;
}

@media (max-width: 1024px) {
    .block-type-02 .item {
        padding-bottom: 60px;
    }

    .block-type-02 .item + * {
        margin-top: 60px;
    }

    .block-type-02 .item .pic {
        height: 400px;
    }
}

@media (max-width: 599px) {
    .block-type-02 .item {
        padding-bottom: 40px;
    }

    .block-type-02 .item + * {
        margin-top: 40px;
    }

    .block-type-02 .item:before {
        width: 90%;
        height: 80%;
    }

    .block-type-02 .item .left {
        width: 100%;
        margin: 0 3%;
    }

    .block-type-02 .item .right {
        width: 100%;
        margin: 20px 3% 0 !important;
    }

    .block-type-02 .item .pic {
        height: 250px;
        border-radius: 15px !important;
    }
}



/* block-type-03 */

.block-type-03 .item:nth-of-type(2n+1) > * {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.block-type-03 .item + * {
    margin-top: 80px;
}

.block-type-03 .item .left {
    width: 50%;
}

.block-type-03 .item .right {
    width: 45%;
}

.block-type-03 .item .ttl {
    margin-bottom: 30px;
}

.block-type-03 .item .btn {
    margin-top: 30px;
}

.block-type-03 .item .txt {
    font-size: 16px;
    line-height: 2;
}

.block-type-03 .item .pic > * {
    border-radius: 20px;
    overflow: hidden;
}

@media (max-width: 1024px) {
    .block-type-03 .item + * {
        margin-top: 60px;
    }
}

@media (max-width: 599px) {
    .block-type-03 .item + * {
        margin-top: 40px;
    }

    .block-type-03 .item .left {
        width: 100%;
    }

    .block-type-03 .item .right {
        width: 100%;
        margin-top: 30px;
    }
}



/*===================================
下層ページ
===================================*/

/* subImg */

.subImg {
    padding-bottom: 20px;
    position: relative;
}

.subImg .tit {
    color: #058A45;
    font-size: 48px;
    font-family: 'YuMincho', 'Yu Mincho', '游明朝体', 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', serif;
    letter-spacing: 5px;
    text-align: center;
}

.subImg .border {
    width: 20%;
    height: 10px;
    border-top: solid 2px #058A45;
    position: absolute;
    left: 0;
    bottom: 0;
}

.subImg .border.right {
    left: auto;
    right: 0;
}

.subImg .border:after {
    display: block;
    content: "";
    width: 90%;
    height: 2px;
    background: #82C4A2;
    position: absolute;
    left: 0;
    bottom: 0;
}

.subImg .border.right:after {
    left: auto;
    right: 0;
}

@media (max-width: 1024px) {
    .subImg .tit {
        font-size: 38px;
    }
}

@media (max-width: 599px) {
    .subImg .tit {
        font-size: 26px;
    }
}

.bg-c-op{
  background-color: #ffffffab;
}

.text-c{
  top: 50%;
    transform: translate(0%,-50%);
}
.text-org {
  text-align: center;
  font-size: 20px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.h150{
  height: 150px;
}

.detail-btn02{
  border-radius: 50px;
  border: solid 1px #ffb302;
  color:#ffb302;
  
  margin: 30px 0;
  color: #fff;
    background-color: #ffb302;
    color: #fff;
    padding: 20px 30px;
    margin: 30px auto;
    margin-right: 0;
    width: 50%;
    text-align: center;
    font-weight: bold;
    position: relative;  
}
.detail-btn02 a{
  padding: 10px 20px;
}

.detail-btn02 .fa-angle-right:before{
  right: 3%;
}

.ttl-1{
  background-color: #f7f7f7;
  padding: 15px;
  text-align: center;
  border: 1px solid #ddd;
  background: linear-gradient(#fff 49%,#fafafa 50%);
}

.prtr .red{
  font-weight: bold;
}

.border-b-g{
  color: #5e5f5e;
  border-bottom: solid 1px #5e5f5e;
}
.col-fg{
 color: #5d5d5d;
}

.col-br{
  color: #5d3804;
}

.lh18{
  line-height: 1.8;
}
/* フロー */

.flow {

    margin: 0 auto 50px;

}


.flow .box {
    margin: 0 auto 33px;
    width: 100%;
    padding: 10px;
background-color: #ffb403;
    position: relative;
    font-size: 1.6em; 
    font-weight: bold;
    line-height: 1.4; 
  color: #fff;
  text-align: center;
}

 

.flow .box:after {
  border-top: 25px solid #ffb403;
  border-left: 370px solid transparent;
  border-right: 370px solid transparent;
  content: "";
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translate(-50%,0%);
}
.flow{
  position: relative;
}
.flow::before {
  content: "";
  display: block;
  width: 365px;
  height: 2px;
  background-color: #ffffff;
  position: absolute;
  top: 100%;
  left: 0%;
  transform: rotate(4deg);
  z-index: 1;
}

.flow::after {
  content: "";
  display: block;
  width: 370px;
  height: 2px;
  background-color: #ffffff;
  position: absolute;
  top: 100%;
  right: 0%;
  transform: rotate(356deg);
}

.col-w{
  color: #fff;
}

.glp2-text{
  font-size: 24px;
  position: absolute;
  top: 30%;
  left: 0;
  z-index: 1;
  width: 100%;
  transform: translate(0%, -50%);
  text-align: center;
  color: #fff;
}

@media (max-width: 599px) {
.glp2-text{
  font-size: 15px;
  position: absolute;
  top: 30%;
  left: 0;
  z-index: 1;
  width: 100%;
  transform: translate(0%, -50%);
  text-align: center;
  color: #fff;
}
}

.voice-top-box .main__title {
  font-size: 1.875rem;
  font-size: max(8px,min(6.575vw,27px));
  line-height: 1.28;
  background: #ffb403;
  padding: 0.8em 16px;
  padding: 0.8em min(3.288vw,16px);
  font-weight: bold;
  border-width: 2px 0;
  position: relative;
  text-align: initial;
  clear: both;
  color: #fff;
  display: flex;
  box-shadow: 0 2px 0.2em rgb(0 0 0 / 40%);
  text-shadow: 0 -1px 1px rgb(0 0 0 / 50%);
}

.orenge01.ssn::before {
  border-color: rgb(239 90 25) transparent transparent transparent;
}

.voice-top-box .orenge01 .main__title {
  background: #ef5a19;
}

.faq a.link-btn{
  text-decoration: none;
  color: var(--light-color);
  background: #ffb302;
  border-radius: 16em;
  display: inline-block;
  /* box-shadow: 0 1px 0.1em rgb(0 0 0 / 20%); */
  padding: 1.2em 2.4em;
  font-weight: bold;
  margin: 0.4em;
  overflow: hidden;
  position: relative;
}

.faq .glp2-text {
  font-size: 24px;
  position: absolute;
  top: 45%;
  left: 0;
  z-index: 1;
  width: 100%;
  transform: translate(0%, -50%);
  text-align: center;
  color: #fff;
}

.close a.link-btn{
  padding: 0.8em 1.4em;
}

.daifyou-top{
  padding: 1rem 2rem;
  border-left: 5px solid #ffb302;
  background: #fafafa;
  position: relative;
  font-size: max(6px,min(5.384vw,20px));
}

.umare-box{
  border: solid 1px #ccc;
    margin: 30px 0;
  
}
.umare-box .content-style{
  font-size: max(6px,min(4.384vw,14px));
}
.sentuta .voice-attachment{
  flex: 0 1 300px;
}

.pro-detairu-btn{
  background-color: #ffb302;
  color: #fff;
  padding: 10px 20px;
  margin: 30px auto;
  width: 50%;
  text-align: center;
}

.close-info-content-wrap {
  display: flex;
  padding-bottom: 1.6em
}

@media(max-width: 599px) {
  .close-info-content-wrap {
      display:block
  }
}


aside .close-info__title {
  font-size: 2.5rem;
  font-size: max(6px,min(6.575vw,40px));
  line-height: 1.28;
  padding-left: 0em;
  position: relative;
  margin: .8em auto;
  color: #000;
    background: #fff;
    font-weight: bold;
}

aside .close-info__title i {
  color: var(--default-color);
  position: absolute;
  left: 0;
  font-size: 128%;
}

@media(max-width: 599px) {
  .close-info__title {
      display:table
  }
}

.close-info__title i {
  color: var(--default-color);
  position: absolute;
  left: 0;
  top: 0;
  font-size: 128%
}

.close-info__title:after {
  content: "のご案内";
  font-weight: 400;
  display: inline-block;
  font-size: 80%
}

.close {
  clear: both;
  max-width: 1030px
}

.close-contact,.close-info {
  margin: 64px auto;
  margin: min(8.599vw,64px) auto
}

.close-contact {
  border-radius: 12px;
  padding: 32px;
  border: max(2px,min(.548vw,4px)) solid var(--default-color);
  border-radius: max(2px,min(1.644vw,12px));
  padding: min(4.384vw,32px);
  box-shadow: 0 0 .16em rgba(0,0,0,.24);
  background: rgba(0,0,0,.04);
  overflow: hidden
}

@supports(-ms-ime-align:auto) {
  .close-contact {
      border: 4px solid var(--default-color)
  }
}

@media screen\0 {
  .close-contact {
      border: 4px solid var(--default-color)
  }
}

.close-contact__title {
  font-size: 2rem;
  background-image: repeating-linear-gradient(45deg,rgba(255,255,255,.04),rgba(255,255,255,.04) 10px,rgba(255,255,255,0) 0,rgba(255,255,255,0) 20px);
  margin: -34px -34px 0;
  font-size: max(6px,min(4.932vw,32px));
  background-image: repeating-linear-gradient(45deg,rgba(255,255,255,.04),rgba(255,255,255,.04) min(1.37vw,10px),rgba(255,255,255,0) 0,rgba(255,255,255,0) min(2.74vw,20px));
  margin: max(-4.658vw,-34px);
  margin-bottom: 0;
  padding: .8em .4em;
  color: var(--light-color);
  background-color: var(--default-color);
  text-align: center;
  text-shadow: 0 0 .16em rgba(0,0,0,.24)
}

.close-contact-message {
  margin: 32px auto;
  margin: min(4.384vw,32px) auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap
}

.close-contact-message-fukidashi {
  padding: 0 32px;
  box-shadow: 4px 4px 0 rgba(0,0,0,.04);
  font-size: max(6px,min(3.699vw,18px));
  padding: 0 min(4.384vw,32px);
  box-shadow: max(2px,min(.548vw,4px)) max(2px,min(.548vw,4px)) 0 rgba(0,0,0,.04);
  border: 1px solid rgba(0,0,0,.16);
  width: calc(100% - 224px);
  flex: auto;
  min-width: 0;
  background: #fff;
  position: relative;
  border-radius: .4em
}

@media(max-width: 599px) {
  .close-contact-message-fukidashi {
      width:auto
  }
}

.close-contact-message-fukidashi:before {
  font-size: 1.5rem;
  font-size: max(1px,min(3.288vw,24px));
  content: "▼";
  line-height: 1.04;
  transform: rotate(-90deg) translate(50%,-16%) scaleX(1.68);
  position: absolute;
  left: 100%;
  top: 50%;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,.16)
}

@media(max-width: 599px) {
  .close-contact-message-fukidashi:before {
      left:50%;
      top: 100%;
      transform: rotate(0deg) translate(-50%,-16%) scaleX(1.68)
  }
}

.close-contact-message__img {
  margin-left: 24px;
  margin-left: min(3.288vw,24px)
}

.close-contact-message__img>span {
  border-radius: 50%
}

@media(max-width: 599px) {
  .close-contact-message__img {
      margin:1.6em auto 0
  }
}

.close-contact-message__img img {
  width: 200px;
  height: 200px;
  width: min(54.795vw,200px);
  height: min(54.795vw,200px);
  object-fit: cover;
  border-radius: 50%
}

.close-contact-btn {
  font-size: 1.125rem;
  font-size: max(6px,min(2.74vw,18px));
  font-weight: 700;
  line-height: 1.28;
  margin-bottom: 1.6em
}

.close-contact-btn__tel {
  display: block;
  font-size: 224%
}

.close-contact__info {
  font-size: .875rem;
  line-height: 1.44;
  font-size: max(6px,min(2.74vw,14px));
  margin: .2em 0 0;
  padding-left: 1.28em;
  text-indent: -1.28em
}

.close-info:before,.close-info:after {
  content: "";
  display: block;
  height: 8px;
  height: min(2.192vw,8px);
  background-image: linear-gradient(45deg,#fff 25%,rgba(0,0,0,.16) 25%,rgba(0,0,0,.16) 50%,#fff 50%,#fff 75%,rgba(0,0,0,.16) 75%,rgba(0,0,0,.16));
  background-size: 4px 4px
}



.close-info-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex: 1
}

@media(max-width: 599px) {
  .close-info-content {
      display:block
  }
}

.close-info-content+div {
  flex: 1;
  padding-left: 24px
}

@media(max-width: 599px) {
  .close-info-content+div {
      padding:0
  }
}

.close-info-content>* {
  margin: .64em 0
}

.close-info-content>*:first-child {
  margin-top: 0
}

.close-info-content-wrap {
  display: flex;
  padding-bottom: 1.6em
}

@media(max-width: 599px) {
  .close-info-content-wrap {
      display:block
  }
}

.close-info-content__tel {
  font-weight: 500;
  line-height: 1.2;
  white-space: nowrap
}

.close-info-content__tel i {
  color: var(--default-color)
}

.close-info-content__tel a {
  font-size: 1.875rem;
  text-decoration: none;
  font-size: max(6px,min(8.599vw,30px))
}

.close-info-content__btn {
  font-weight: 500;
  margin: 0
}

.close-info-content__map {
  min-height: 360px;
  height: 100%;
  border: 1px solid rgba(0,0,0,.16);
  border-radius: .32em;
  overflow: hidden
}

@media(max-width: 599px) {
  .close-info-content__map {
      min-height:0;
      height: max(240px,min(82.192vw,360px))
  }
}

.close-info-content__map>*,.close-info-content__map iframe {
  width: 100%;
  height: 100%
}

.close-info dl dl {
  margin: 1.6em 0
}

.close-info dl dt {
  font-weight: 700;
  position: relative;
  padding-left: 1em;
  font-size: max(6px,min(6.575vw,20px));
}

.close-info dl dt:before {
  content: "▼";
  position: absolute;
  left: .1em;
  top: 0;
  transform-origin: left;
  transform: scale(.48);
  color: var(--default-color)
}

.close-info dl dt~dt {
  margin-top: .8em
}

.close-info dl dd {
  border-left: 1px solid rgba(0,0,0,.16);
  font-size: 88%;
  margin-left: .4em;
  padding-left: 1em
}

.close-info .cotim{
  border-left: 1px solid rgba(0,0,0,.16);
  font-size: 100%;
  margin-left: 0.4em;
  padding-left: 1em;
}

aside .close-info__title img{
  margin-top: 5px;
  margin-right: 20px;
}

.close-info{
  font-family: 'Roboto','Noto Sans JP',Helvetica,Arial,sans-serif;
}

@media(max-width: 599px) {
  .pro-detairu-btn{
    width: 100%;
  }
  /* .voice-article{
    flex-direction: column;
  } */
  .sentuta .voice-attachment {
    flex: 0 1 400px;
}
}

.font-sz-o14{
  font-size: max(6px,min(4.384vw,14px));
}

.font-sz-o16 {
  font-size: max(6px,min(4.384vw,16px));
}

.font-sz-o20{
  font-size: max(6px,min(4.384vw,20px));
}

.font-sz{
font-size: clamp(16px, 2.3vw, 20px);
}
.font-sz12{
  font-size:12px;
  }
.font-sz24{
  font-size: clamp(20px, 2.3vw, 24px);
  }

.topics{
  border-top:solid;
  border-bottom: solid;
  margin: 30px 0 30px 30px;
}
.topics dl {
  display: flex;
  justify-content: space-between;
  padding: 20px;
  border-bottom: 1px solid #ccc;
  }
  
  .topics dt {
  padding-bottom: 5px;
  }

  .topics dt,
  .topics dd{
    font-weight: bold;
  }

  .text2nd{
    margin-left: 1em;
  }
  
  @media(max-width: 599px) {
    .topics dl{
      flex-direction: column;
    }

    .topics.textmein{
      margin:30px 0;
    }
  }

  .textmein{
    font-size: clamp(14px, 2.3vw, 16px);
  }

  .textmein dl{
    font-size: clamp(16px, 2.3vw, 18px);
  }

  .textmein .sp{
    font-size: clamp(12px, 2.3vw, 14px);
  }

  .detail-btn{
    color: #fff;
    background-color: #ffb302;
    color: #fff;
    padding: 20px;
    margin: 30px auto;
    margin-right: 0;
    width: 50%;
    text-align: center;
    font-weight: bold;
    position: relative;  
  }

  .fa-angle-right:before {
    content: "\f105";
    position: absolute;
    top: 47%;
    right: 8%;
    transform: translate(0%, -50%);
    font-size: clamp(16px, 2.3vw, 18px);
}

@media(max-width: 599px) {
  .detail-btn {
    color: #fff;
    background-color: #ffb302;
    color: #fff;
    padding: 10px;
    margin: 30px auto;
    margin-right: auto;
    width: 90%;
    text-align: center;
    font-weight: bold;
    position: relative;
}
}

.shadow--1-inset img{
  box-shadow: 0 2px 0.5em rgb(0 0 0 / 70%);
}

.shadow-tt{
  box-shadow: 0 2px 0.2em rgb(0 0 0 / 40%);
}

.shadow-tt-new{
  box-shadow: 0 2px 0.5em rgb(0 0 0 / 70%);
}


.numg{
  color: #fff;
  background-color: #ffb403;
  padding: 5px 7px;
}

.flow .voice-content{
  align-self: auto;
}

.flow .voice-attachment.voice-attachment {

  flex: 0 1 300px;
  margin-left: 1.6em;

}

@media(max-width: 599px) {
  .flow .voice-attachment.voice-attachment{
    flex: 100%;
  }
}


.circle{
  display: flex;
  flex-wrap: wrap;
  margin: 30px 0;
}

.circle-box{
  position: relative;
  width: 27%;
  margin: 20px;
}

.circle-img{
  position: relative;
  border-radius: 50%;
  border: solid 2px #ccc;
overflow: hidden;
}

.circle-tt{
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0px);
  font-weight: bold;
  color: #000;
  text-shadow: white 1px 1px 0px, white -1px 1px 0px, white 1px -1px 0px, white -1px -1px 0px;
  font-size: clamp(16px, 2.3vw, 18px);
  width: 100%;
  text-align: center;
  z-index: 1;
}

.circle-sbtt {
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translate(-50%, 0px);
  padding: 10px 20px 30px 20px;
  font-size: clamp(12px, 2.3vw, 15px);
  background-color: rgb(255 255 255 / 60%);
  width: 100%;
  text-align: center;
}

@media(max-width: 599px) {
  .up-fz-22 {
    font-size: 16px;
}
  .circle-sbtt{
    padding: 10px 10px 25px 10px;
  }
  .circle-box {
    position: relative;
    width: 44%;
    margin: 10px;
}

}

.ribn {
  position: relative;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  padding: 0 1rem;
  background-color: #f1a4aa;
  color: #353535;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
}

.ribn::before,
.ribn::after {
  position: absolute;
  top: 0;
  width: 0px;
  height: 0px;
  border-color: #f1a4aa transparent;
  border-style: solid;
  content: '';
}

.ribn::before {
  left: -15px;
  border-width: 25px 0px 25px 15px;
}

.ribn::after {
  right: -15px;
  border-width: 25px 15px 25px 0px;
}

.mav{
position: relative;
margin-bottom: 200px;
}

.mav-tt.onew{
  font-size: 24px;
}
.mav-tt{
  position: absolute;
  font-weight: bold;
  
  text-shadow: white 1px 1px 0px, white -1px 1px 0px, white 1px -1px 0px, white -1px -1px 0px;
  z-index: 1;
  top: 15%;
  left: 5%;
  font-size: 18px;
  letter-spacing: 5px;
  line-height: 1.8;
  text-align: left;
  font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
 
}

.fz30.oenw {
font-size: 32px;
}
.fz30 {
font-size: 30px;
}

.col-tya{
  color: #4b311e;
}

.y-line{
  background:linear-gradient(transparent 60%, #FCFC00 60%);
}

.o-line{
  background:linear-gradient(transparent 60%, #ffab00 60%);
}

.bg-w {
  top: 0;
  height: 100%;
  width: 80%;
  position: absolute;
  background: rgb(255,255,255);
  background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgb(255 255 255) 0%, rgb(255 255 255 / 0%) 95%);
  z-index: 0;
}
.bg-w2 {
  top: 0;
  height: 100%;
  width: 80%;
  position: absolute;
  background: rgb(255,252,241);
background: -moz-linear-gradient(90deg, rgba(255,252,241,1) 0%, rgba(255,252,241,1) 75%, rgba(255,252,241,0) 95%);
background: -webkit-linear-gradient(90deg, rgba(255,252,241,1) 0%, rgba(255,252,241,1) 75%, rgba(255,252,241,0) 95%);
background: linear-gradient(90deg, rgba(255,252,241,1) 0%, rgba(255,252,241,1) 75%, rgba(255,252,241,0) 95%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fffcf1",endColorstr="#fffcf1",GradientType=1);
  z-index: 0;
}

.huki-box{
  position: absolute;
  top: 50%;
  right: 5%;
}
.hukilogo{
  position: relative;
}
.sugoi{
  color: #fff;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
}

.daimg{
  position: absolute;
  left: 1%;
    top: 70%;
}

.hatena{
  display: inline-block;
      transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
}

.tyekku-log{

}
.about-box1{
  font-weight: bold;
 
}

.about-box1 .bg-box{
   position: relative;
   border: solid #ffb302 2px;
}

.tyekku-log::before{
  content: "";
  display: inline-block;
  width: 30px;
  height: 35px;
  background: url(/import/tenant_1/160.16.234.172/teashis/img/tyekku.png) no-repeat;
  vertical-align: middle;
  transform: translate(10px, 10px);
}

.about-box1 .bg-img{
  position: absolute;
  bottom: 0;
  right: 0;
  width: 36%;
}

.about-box1 .flex{
  padding: 30px;
}

.about-box1 .tyekku-log {
  margin-left: 2em;
  text-indent: -2em;
}

@media(max-width: 599px) {
  .about-box1 .bg-img{
    z-index: -1;
    display: none;
  }
  
  .about-box1 .flex{
  padding: 10px;
}
}

.about-box2 .fukidasi{
  top: 0;
}

.about-box2 .fukidasi::before {
  content: "";
  display: block;
  width: 60px;
  height: 2px;
  background-color: #393939;
  position: absolute;
  top: -20px;
  left: 0;
  transform: rotate(160deg);
}

.about-box2 .fukidasi::after {
  content: "";
  display: block;
  width: 40px;
  height: 2px;
  background-color: #393939;
  position: absolute;
  bottom: -20px;
  left: 0;
  transform: rotate(200deg);
}

.about-box2 .box{
  margin-left: 0;
  display: flex;
}

.about-box2 .fukidasi{
  font-size: 20px;
}
.tent .tent-img{
  display: flex;
    flex-direction: column;
    align-items: center;
    width: 50%;
}
.tent .tent-img img{
  height: 200px;
}

.about-box2 .fukidasi.new {
  font-size: 18px;
}

.kobito{
  position: relative;
  padding-bottom: 50px;
}

.kobito-logo{
  position: absolute;
  right: 0;
  bottom: 0;
}

.margin-20{
  margin-top: -20px;
}

.poj img{
  position: relative;
  top: -50px;
}

.akaji{
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  color: red;
  border: solid 3px red;
  padding: 30px;
  margin: 50px 0;
}

.niksen .tit-fuki::before{
left: -45px;
}

.niksen .tit-fuki::after{
  right: -45px;
  transform: rotate(290deg);
}

.lh-2{
  line-height: 2;
}
.about-box3 .btnm1{
  background-color: rgba(255, 179, 2, 1);
}
.about-box3 .btnm2{
  background-color: rgba(25, 175, 152, 1);
}
.about-box3 .btnm3{
  background-color: rgba(75, 49, 30, 1);
}
.about-box3 .btnm1,
.about-box3 .btnm2,
.about-box3 .btnm3{
  border-radius: 50px;
  padding: 10px 20px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  margin-right: 30px;
  width: 30%;
}

.about-box3 .ttl{
  width: 60%;
  font-weight: bold;
}

.about-box3 .flex{
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: solid 2px #000;
  border-bottom: solid 1px #000;
  padding: 20px 0;
}

.about-box3 .txt{
  padding: 20px;
    line-height: 2;
}

.about-box3 .bg-box{
  display: flex;
}

.about-box3 .bg-img{
  width: 10%;
  position: relative;
  text-align: center;
}

.about-box3 .text-box{
  width: 90%;
}

.wri{
  color: #fff;
  font-weight: bold;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-text-orientation: upright;
  text-orientation: upright;
  position: absolute;
}

.about-box3 .ba1{
  top: 6%;
    right: 50%;
    transform: translate(10px, 10px);
    letter-spacing: 5px;
}

.about-box3 .ba2{
  top: 40%;
    right: 50%;
    transform: translate(10px, 10px);
    letter-spacing: 5px;
}

.about-box3 .ba3{
  top: 75%;
  right: 50%;
  transform: translate(10px, 10px);
  letter-spacing: 5px;
}

.text-combine {
  -webkit-text-combine: horizontal;
  -ms-text-combine-horizontal: all;
  text-combine-upright: all;
}

.bac-g{
  background-color: rgba(6, 185, 0, 1);
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding: 20px;
  width: 30%;
  margin: 50px 0;
}

.bac-g1{
  background-color: rgba(6, 185, 0, 1);
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding: 10px;
  width: 20%;
  margin: 0 0 50px 0;
  position: relative;
  left: -35px;
}

.bac-g1:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  border: 8px solid transparent;
  border-top: 15px solid rgba(6, 185, 0, 1);
 
}
.fz-24{
  font-size: 24px;
}


@media(max-width: 1024px) {
  .dl-scroll {
    overflow: auto;
  }
  
  .dl-scroll .sc-box{
    min-width: 950px;
  }
  .bac-g1{
    left: -1%;
  }
  .bac-g1:before{
    left: 55px;
  }
}

@media(max-width: 599px) {
  .tent .tent-img img{
    height: 105px;
  }
  .akaji{
    font-size: 22px;
    padding: 10px;
  }
  .about-box3 .txt{
    padding: 40px;
  }
  .bac-g1:before{
    left: 48px;
  }
  .bac-g1{
    left: 0;
    width: 50%;
  }
  .bac-g{
    width: 50%;
    margin: 30px 0 0 0;
  }
  .dl-scroll {
    overflow: auto;
  }

  .fz30{
    font-size: 20px;
  }
  .mav-tt{
    font-size: 14px;
  }
  .huki-box{
    width: 30%;
  }
  .fz-24{
    font-size: 14px;
  }
  .font-sz12{
    font-size: 10px;
  }
  .huki-box {
    position: absolute;
    top: 40%;
    right: 0%;
}
.mav{
  margin-bottom: 0;
}
.mav.dmt6{
  margin-bottom: 50px;
}
.about-box1 .tyekku-log{
  margin-bottom: 10px;
}
.about-box2 .fukidasi {
  font-size: 13px;
}
.fukidasi{
  width: 90%;
}
.about-box2 .flexonew{
flex-direction: column;
}
.up-fz-24{
  font-size: 16px;
}
}

.colo-t{
  color: #4B311E;
}

.font-sz36{
  font-size: clamp(22px, 2.3vw, 36px);
}

.font-sz30{
  font-size: clamp(28px, 2.3vw, 30px);
}

.font-sz48{
  font-size: clamp(30px, 2.3vw, 48px);
}

.font-sz18{
  font-size: clamp(16px, 2.3vw, 18px);
}

.ff-yu{
  font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
}

.ff-tug{
  font-family: "游ゴシック", YuGothic, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; 
}

.bc-nun{
  /* transform: translate(-50%,-50%); */
  color: #ffffff;
  background-color: #ffb302;
  border-radius: 50%;
  padding: 15px 10px 10px 10px;
  width: 85px;
  height: 85px;
  text-align: center;
  margin-right: 30px;
 font-size: 16px;
}

.fw-n{
  font-weight: 500;
}

.lh-18{
  line-height: 1.8;
}

.colo-y{
  color: #FFB302;
}

.bicr{
  position: relative;
}

.bicr::before{
  content: "";
  display: inline-block;
  width: 7%;
  height: 100%;
  background: url(/import/tenant_1/160.16.234.172/teashis/img/sep.png) no-repeat;
  vertical-align: middle;
  transform: translate(10px, 10px);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.bicr::after{
  content: "";
  display: inline-block;
  width: 7%;
  height: 100%;
  background: url(/import/tenant_1/160.16.234.172/teashis/img/sep2.png) no-repeat;
  vertical-align: middle;
  transform: translate(10px, 10px);
  position: absolute;
  top: 0;
  right: 22px;
  z-index: 1;
}
.tigai .about-box1 .txt-box{
  width: 91%;
  margin: auto;
}
.tigai .about-box1 .txt{
  padding: 30px;
  position: relative;
  border-bottom: 3px dotted #ccc;
  font-weight: bold;
  padding-right: 0;
}
.tigai .about-box1 .txt .fa-check-circle:before{
  position: absolute;
  left: 0px;
  top: 50%;
  font-size: 24px;
  transform: translate(-50%,-50%);
  color: #ffb302;
}
.tigai .about-box1 .txt2{
  padding: 30px;
  position: relative;
  border:solid 2px #ccc;
  font-weight: bold;
  border-radius: 15px;
  background-color: #eeeeee;

}
.tigai .about-box1 .txt2 .fa-check-circle:before {
  position: absolute;
  left: 0px;
  top: 50%;
  font-size: 24px;
  transform: translate(-50%,-50%);
  color: #ccc;
  background-color: #fff;
  border-radius: 50%;
}
.tigai .about-box1 .eria1{
  border: solid 5px rgb(255 179 2 / 50%);
  padding: 40px;
}

.tigai.enp .about-box1 .eria1{
  padding: 10px;
}

.tigai .about-box1 .flexonew {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
}

.tigai .about-box1 .bc-nun{
  margin-right: 20px;
}

/* サイズ */
.font-sz46new {
  font-size: max(6px,min(5.384vw,46px));
}
.font-sz30new {
  font-size: max(6px,min(5.384vw,30px));
}
.font-sz34new {
  font-size: max(6px,min(5.384vw,34px));
}
.font-sz36new {
  font-size: max(6px,min(5.384vw,36px));
}
.font-sz32new {
  font-size: max(6px,min(5.384vw,32px));
}
.font-sz24new {
  font-size: max(6px,min(5.384vw,24px));
}
.font-sz50new {
  font-size: max(6px,min(5.384vw,50px));
}
.font-sz22new {
  font-size: max(6px,min(5.384vw,22px));
}
.font-sz28new {
  font-size: max(6px,min(5.384vw,28px));
}
.font-sz26new {
  font-size: max(6px,min(5.384vw,26px));
}
.font-sz14new {
  font-size: max(6px,min(5.384vw,14px));
}
.font-sz12new {
  font-size: max(6px,min(5.384vw,12px));
}
.font-sz18new {
  font-size: max(6px,min(5.384vw,18px));
}
.font-sz17new {
  font-size: clamp(0.875rem, 0.807rem + 0.34vw, 1.063rem);
}

.font-sz20new {
  font-size: clamp(1rem, 0.909rem + 0.45vw, 1.25rem);
}

.font-sz40new{
  font-size: max(6px,min(5.384vw,40px));
}
.or-w40\%{
  width: 40%;
}
.or-w38\%{
  width: 38%;
}

@media(max-width: 1024px) {
  .font-sz20new.or {
    font-size: max(6px,min(5.384vw,19px));
}
  .font-sz17new {
  font-size: max(6px,min(5.384vw,16px));
}
}
@media(max-width: 768px) {
  .up-p-10{
    padding: 0px;
  }
  .or-w38\%,
  .or-w40\%{
    width: 50%;
  }
}
.z-in-1{
  z-index: -1;
}
@media(max-width: 599px) {
  .mav-tt.onew{
  font-size: 14px;
}
  .font-sz17new{
    font-size: max(6px,min(5.384vw,16px));
  }
  .or-w38\%,
  .or-w40\%{
    width: 100%;
  }
  .tigai .about-box1 .eria1{
    padding: 10px;
  }
  .bicr::before,
  .bicr::after{
    width: 13%;
  }
  .bc-nun{
    width: 70px;
    height: 70px;
        padding: 12px 0 0 0;
  }
}

.faqmain .faq .txt{
  position: relative;
  font-size: 16px;
    line-height: 2;
    border-radius: 15px;
    background-color: #fcfadc;
    border: solid 1px #ccc;
    padding: 30px;
}

.faqmain .faq .txtlogo{
  position: absolute;
  right: 20px;
  bottom: -40px;
  border: solid 2px #ffb302;
  border-radius: 50%;
}

.faqmain .faq .flexonew {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 30px;
  font-weight: bold;
  cursor: pointer;
}

.faqmain .faq .bc-nun {
  margin-bottom:0;
  padding: 0;
  color: #ffffff;
  font-weight: bold;
  background-color: #ffb302;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.faqmain .faq .detail-btn {
  color: #fff;
  background-color: #ffb302;
  color: #fff;
  padding: 10px 30px;
  margin: 30px auto;
  margin-right: 0;
  width: 50%;
  text-align: center;
  font-weight: bold;
  position: relative;
  border-radius: 50px;
  border: solid 1px #ffb302;
}

@media(max-width: 599px) {
  .faqmain .faq .bc-nun{
    width: 40px;
    height: 40px;
  }
  .faqmain .faq .txtlogo{
    width: 20%;
    bottom: -35px;
  }

  .detail-btn .fa-angle-right:before{
    right: 3%;
  }
}

.view .ttl{
  color: #ffb403;
  border-top: solid 2px #000;
  border-bottom:  solid 1px #000;
  font-weight: bold;
  padding: 20px;
  font-size: max(6px,min(5.384vw,24px));
}

.staff .fis-m{
  position: relative;
}
.staff .fis-box{
  position: absolute;
    background-color: #fff;
    padding: 30px;
    left: 50%;
    top: 80%;
    transform: translate(-15%, -15%);
}

.staff .fis-box::before{
  content: "";
    display: block;
    width: 80px;
    height: 3px;
    position: absolute;
    background-color: rgba(6, 185, 0, 1);
    top: 0;
    left: 20px;
}
.box-g{
  position: relative;
  padding-left: 30px;
  font-weight: bold;
}
.box-g::before{
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  background-color: #ffb403;
  left: 0px;
  top: 10px;
}

@media(max-width: 599px) {
  .staff .fis-box {
    position: inherit;
    background-color: #fff;
    padding: 30px;
    left: 0px;
    top: 0;
    transform: translate(0%, 0%);
}
}

.access .num{
  position: absolute;
  color: #fff;
  padding: 10px;
  background-color: #ffb403;
  top: 0;
  left: 0;
}

.acs-map iframe{
  height: 250px;
    width: 100%;
}

.acs-d{
  margin: 30px 0;

}
.acs-d dl{
  display: flex;
  align-items: center;
  margin: 30px 0;
}
.acs-d dt{
  padding: 5px 0;
  background-color: rgba(6, 185, 0, 1);
  color: #fff;
  font-weight: bold;
  margin-right: 10px;
  width: 10%;
  text-align: center;
}

.acs-d dd{
  font-weight: bold;
}

.acs-tr{
  padding: 25px;
  border: solid 1px #ccc;
}

.wom{
  position: absolute;
    right: 0;
    bottom: 0;
}

.zasi{
  display: flex;
  border: solid 2px rgba(255, 171, 0, 1);
  flex-direction: column;
  align-items: center;
}

.zasi .ttl{
  font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
  background-color: rgba(250, 215, 144, 1);
  color: #333;
  padding: 30px;
  font-size: max(6px,min(4.384vw,32px));
  width: 100%;
  text-align: center;
  font-weight: bold;
  letter-spacing: 0.2em;
}

.news-p{
  position: relative;
  margin-top: 50px;
  margin-bottom: 200px;
}

.news-p-img{
  text-align: left;
  position: relative;
}

.guraf{
  position: absolute;
  border: solid 2px #fad790;
  background-color: #fff;
  bottom: -150px;
    right: 60px;
  padding: 30px 40px
}

.guraf-box{
  display: flex;
}

.guraf-img{
  position: relative;
  margin-bottom: 30px;
}
.guraf-img::after{
  content: "";
  height: 20px;
  width: 172px;
  border: solid 2px #000;
  border-top: 0px;
  position: absolute;
  bottom: -20px;
  left: 0;
}

.g-20,
.g-80{
  font-weight: bold;
  font-size: max(6px,min(5.384vw,36px));
  position: absolute;
}

.g-20{
  color: #fff;
  top: 15%;
  right: 15%;
}

.g-80{
  bottom: 15%;
    left: 20%;
}

.news-p .ttl{
  color: rgba(255, 171, 0, 1);
  font-weight: bold;
  border-bottom: solid 1px rgba(255, 171, 0, 1);
  margin-bottom: 10px;
  padding-bottom: 10px;
  position: relative;
}

.news-p .ttl::before {
  content: "";
  display: block;
  width: 30px;
  height: 2px;
  background-color: #000000;
  position: absolute;
  top: 90%;
  left: -20%;
  transform: rotate(135deg);
}

.news-p .sbttl{
  padding-left: 1em;
  line-height: 1.8;
}

.news-p .txt{
  color: #fff;
  background-color: rgba(255, 171, 0, 1);
  font-weight: bold;
  font-size: max(6px,min(5.384vw,24px));
  padding: 10px;
  text-align: center;
}

.news-p .tt-box{
  display: flex;
    flex-direction: column;
}
@media(max-width: 1024px) {
  .news-p-img{
    text-align: center;
  }
}
@media(max-width: 599px) {
  .acs-d dt{
    width: 20%;
  }
  .guraf {
    position: relative;
    border: solid 2px #fad790;
    background-color: #fff;
    bottom: 0;
    right: 0;
    padding: 10px;
}
.news-p{
  margin-bottom: 50px;
}
.stf-com:before{
  transform: rotate(332deg);
}
}

.y-ttl{
  background-color: rgba(255, 179, 2, 1);
  color: #fff;
  padding: 20px;
  font-weight: bold;
  font-size: max(6px,min(5.384vw,18px));
  text-align: center;
  flex-grow: 1;
  margin-left: 10px;
}

.main__title.sin {
  font-size: 1.875rem;
  font-size: max(8px,min(6.575vw,20px));
  line-height: 1.28;
  background: #ffb403;
  padding: 30px;
  border-width: 2px 0;
  position: relative;
  text-align: initial;
  clear: both;
  color: #fff;
  display: flex;
  font-weight: bold;
  line-height: 1.8;
}

.yotu .voice-attachment{
  margin-left: 0;
/*  margin-right: 30px;*/
}
.hukidasis{
  display: flex;
  flex-wrap: wrap;
}
.hukidasis .main__title.sin{
  margin: 0 10px;
  border-radius: 15px;
  padding: 15px 30px;
  line-height: normal;
  text-align: center;
  display: block;
}

.box-brder{
  border: solid 3px #000;
}

.teamas{
  position: relative;
}

.teamas-img{
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(0px, -100%);
}

.main__title.sin2 {
  font-size: 1.875rem;
  font-size: max(8px,min(6.575vw,18px));
  line-height: 1.28;
  background: #ffb403;
  padding: 30px;
  border-width: 2px 0;
  position: relative;
  text-align: initial;
  clear: both;
  color: #fff;
  display: flex;
  font-weight: bold;
  line-height: 1.8;
}
.yotu .fukidasi2 {
  position: absolute;
  font-size: 20px;
  font-weight: bold;
  padding-left: 0%;
  bottom: 0;
  left: 0;
  background-color: #ffffffab;
  letter-spacing :2px;
}

.yotu .ed .fukidasi2{
  position: relative;/* 
  width: 80%; */
  /* padding-left: 40px; */
}

.yotu .staff-hukidasi{
  padding-right: 60px;
}
@media(max-width: 599px) {
  .main__title.sin2{
    padding: 10px;
  }
  .yotu .ed .fukidasi2{
    width: 80%;
    padding-left: 0px;
  }
  .wom{
    display: none;
  }
  .hukidasis .main__title.sin{
    padding: 15px 12px;
  }
  .teamas-img{
    width: 30%;
  }
  .yotu .staff-hukidasi{
    padding-right: 0;
   /*  padding-bottom: 50px; */
  }
  .yotu .fukidasi{
    width: 40%;
    right: -70px;
        top: -60px;
  }
  .yotu .fukidasi2{
    width: 100%;
  }
}
.yotu #main .custom-02 ul li{
 /*  font-size: max(8px,min(6.575vw,16px)); */
  font-weight: bold;
      font-size: 1.4125rem;
}
#main .custom-ul-01, #main .custom-02 ul{
  width: 70%;
  padding: 20px 0 10px .3em;
}
@media(max-width: 1024px) {
.flex06{
  flex: 0.6 !important;
}
}
@media(max-width: 768px) {
  .flex06{
    flex: 2.5 !important;
  }
}

#main .custom-02{
  max-width: 732px;
  overflow: hidden;
}

.top-detail .detail-btn{
  color: #ffb302;
    background-color: #fff;
    padding: 5px;
    margin: 30px 0;
    margin-right: 0;
    width: 50%;
    text-align: center;
    font-weight: bold;
    position: relative;
    border: solid 1px;
    border-radius: 50px;
}

.katakori .wom{
  bottom: -100px;
}

@media(max-width: 599px) {
  #main .custom-02{
    padding: 0;
  }
  #main .custom-ul-01, #main .custom-02 ul{
    width: 100%;
    padding: 10px;
  }
}

.umefa{
  display: flex;
  flex-direction: row-reverse;
}
.tu2{
  position: relative;
}
.tu2 .txt{
  border-radius: 50px;
  border: solid 3px #ccc;
  font-weight: bold;
  padding: 20px;
  text-align: center;
}

.tu2 .tu2-img{
  position: absolute;
top: 30%;
right: 0;
}

.umefa-box{
  position: relative;
}

.umefa-box .sabtt{
  position: absolute;
  bottom: 50px;
  line-height: 2;
}

@media(max-width: 599px) {
  .umefa-box .sabtt{
    position: initial;

  }
  .tu2 .txt{
    padding: 10px;
  }
  .tu2 .tu2-img{
    top: 40%;
  }
}

.tuikanban .tui .voice-article {
  margin: 32px 0;
  margin: min(5.479vw,50px) 0 0;
  display: flex;
  flex-wrap: wrap;
}

.s-box{
  width: 35%;
  border: solid 1px #ccc;
  padding: 10px 20px;
  text-align: center;
}

@media(max-width: 599px) {
  .s-box{
    width: 50%;
  }
}

.sango .s-box{
  width: 50%;
}

.heulog{
  position: relative;
}

.heulog-img{
  position: absolute;
  right: 0;
  bottom: 0;
}
.h260 img{
  height: 260px;
}

.atopi .mav-tt{
  font-family: "游ゴシック", YuGothic, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; 
}
.atopi .huki-box{
  position: absolute;
  bottom: 10%;
  right: 20%;
  top: initial;
}

.atopi .mav{
  margin-bottom: 0;
}

.atopi .sugoi {
  color: #fff;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-30%,-50%);
  width: 100%;
  text-align: left;
}

.atopi .sbtt{
  font-size: max(6px,min(5.384vw,20px));
}
.atopi .area0 .ttl {
  border-top: solid 2px #000;
  border-bottom: solid 1px #000;
  font-weight: bold;
  padding: 20px;
  font-size: max(6px,min(5.384vw,18px));
}

.yotu .voi .voice-attachment{
  margin-right: 0;
}

#main .voi .custom-02{
  margin: 3.2em 0 3.2em 30px;
}

@media(max-width: 599px) {
  #main .voi .custom-02{
    margin: 3.2em 0
  }
  .atopi .huki-box {
    position: absolute;
    bottom: 3%;
    right: 20%;
    top: initial;
}
.atopi .huki-box {
  width: 25%;
}
.atopi .sbtt{
  font-size: max(6px,min(5.384vw,12px));
}
}

.suiso .mav-tt{
  letter-spacing: normal;
}

.suiso .sugoi {
  color: #fff;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-25%,-50%);
  width: 100%;
  text-align: left;
}

.ban{
  position: relative;
}

.ban .bn-tt{
  position: absolute;
  right: 30px;
  top: 30px;
  font-size: 22px;
  font-weight: bold;
  text-align: left;
}

.vie .ski{
  padding: 10px 30px;
  border: solid 3px #000;
  font-weight: bold;
  width: 100%;
}

.voi .ssn .main__title:before{
  content: none;
}

@media(max-width: 599px) {
  .suiso .huki-box {
    position: absolute;
    bottom: 3%;
    right: 10px;
    top: initial;
}
.ban .bn-tt{
  font-size: 18px;
}
}

.muscle .bg-w{
  background: linear-gradient(90deg, #fffcf1 0%, #fffcf1 0%, #fffcf150 25%);
}

.muscle .mav-tt{
  font-size: clamp(16px, 2.3vw, 24px);
  top: 10px;
  left: 20px;
  line-height: 1.6;
}

.dot-text {
  padding-top: 0.3em;
  background-position: top left 3px;
  background-repeat: repeat-x;
  background-size: 0.9em 0.3em;
  background-image: -webkit-radial-gradient(.15em .15em at center center,orange,orange 100%,transparent);
  background-image: radial-gradient(0.1em 0.1em at center center,orange,orange 100%,transparent);
}

.muscle .huki-box {
  position: absolute;
  bottom: initial;
  top: 0%;
  right: 0%;
 
}

.muscle .huki-box2 {
  position: absolute;
  bottom: initial;
  top: 20%;
  right: 0%;
 
}

.muscle .sugoi {
  color: #fff;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  text-align: center;
}

.muscle .sbtt {
  font-size: max(6px,min(5.384vw,26px));
}
.m-5b{
  display: flex;
  width: 50%;
  position: absolute;
  bottom: 0;
  z-index: 1;
  flex-wrap: wrap;
}
.m-box5{
  font-size: max(6px,min(5.384vw,14px));
  margin: 4px;
  font-weight: bold;
  color: #fff;
  background-color: #ffb403;
  padding: 5px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 107px;
  height: 107px;
}

@media(max-width: 599px) {
  .m-box5{
    width: 105px;
  }
  .m-5b {
    margin-top: 30px;
    display: flex;
    width: 100%;
    position: relative;
    bottom: 0;
    z-index: 1;
    flex-wrap: wrap;
    justify-content: center;
}
.muscle .huki-box {
  position: absolute;
  bottom: initial;
  top: 0%;
  right: initial;
 width: 50%;
}

.muscle .huki-box2 {
  position: absolute;
  bottom: initial;
  top: 0%;
  right: 0%;
 width: 50%;
}
.muscle .sbtt{
  font-size: max(6px,min(5.384vw,16px));
}
.muscle .mav-tt {
  font-size: clamp(16px, 2.3vw, 24px);
  top: 100px;
  left: 20px;
  line-height: 1.6;
}
}

.mv23 .voice-top-box .main__title{
  text-align: center;
}

#main .diet-che .custom-02 ul li{
  margin-left:14px;
}

.diet #main .custom-ul-01, .diet #main .custom-02 ul{
  margin-left: auto;
  margin-right: 0;
  font-size: max(6px,min(4.384vw,16px));
}
 .diet  #main .custom-ul-01 li, .diet #main .custom-02 ul li{
border-bottom:0px;
}

.diet .wom {
  position: absolute;
  right: initial;
  bottom: 0px;
  
}

.diet .fa-check-circle:before {
  content: "\f058";
  position: absolute;
  left: -25px;
  top: 50%;
  transform: translate(-50%,-50%);
  color: #ffb302;
  font-size: 24px;
}

.text-logo{
  position: absolute;
  top: 10%;
  left: 5%;
}

.text-logo .tt{
  color: #FFB302;
  font-weight: bold;
  font-size: max(6px,min(6.384vw,36px));
}

.star-logo{
  position: absolute;
  left: 25%;
  top: 45%;
}

.diet .fukidasi2 {
  position: absolute;
  font-size: 16px;
  font-weight: bold;
  padding-left: 0;
  right: 37%;
  bottom: 10px;
  line-height: 1.5;
  width: 60%;
  height: 160px;
  top:37%;
}

.diet .fukidasi {
  font-size: 30px;
  font-weight: bold;
  position: absolute;
  top: 4%;
  right: 37%;
  width: 40%;
}
.img-t{
  position: relative;
  top: 0;
}
.diet .staff-hukidasi {
  display: flex;
  position: relative;
  align-items: flex-end;
  flex-direction: row-reverse;
  justify-content: space-between;
  padding: 2%;
  background: #fff;
  margin-bottom: 20px;

}

.diet .bc-nun{
  color: #ffffff;
  background-color: #ffb302;
  border-radius: 50%;
  padding: 15px 5px;
  width: 80px;
  height: 80px;
  text-align: center;
  margin-right: 30px;
  margin-bottom: 1em;
  top: 10px;
}


.wts{
  position: relative;
  margin-top: 140px;
  margin-bottom: 50px;
}

.puro2{
  padding: 20px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: max(6px,min(6.384vw,24px));
  background-color: rgba(254, 126, 71, 1);
  width: 60%;
  margin: auto;
  box-shadow: 0 3px 5px rgb(0 0 0 / 35%);
margin-top: 80px;
}
.mail-logo{
  position: relative;
  padding: 20px;
  background-color: rgba(254, 126, 71, 1);
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: max(6px,min(6.384vw,20px));
  box-shadow: 0 3px 5px rgb(0 0 0 / 35%);
  border-radius: 50px;
  margin: 30px;
}
.mail-logo::before{
  content: "";
  display: inline-block;
  width: 30px;
  height: 25px;
  background: url(/import/tenant_1/160.16.234.172/teashis/img/maillogo.png) no-repeat;
  vertical-align: middle;
  transform: translate(-20%,0%);
}
.ipfon-logo{
  position: relative;
  padding: 20px;
  background-color: rgba(0, 204, 0, 1);
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: max(6px,min(6.384vw,20px));
  box-shadow: 0 3px 5px rgb(0 0 0 / 35%);
  border-radius: 50px;
}
.ipfon-logo::before{
  content: "";
  display: inline-block;
  width: 30px;
  height: 32px;
  background: url(/import/tenant_1/160.16.234.172/teashis/img/iPhonelogo.png) no-repeat;
  vertical-align: middle;
}
.cont-bnr{
  position: relative;
}

.cont-bnr .txt{
  position: absolute;
  left: 20px;
    top: 20px;
  font-size: max(6px,min(6.384vw,22px));
}
.cont-bnr .txt-s{
  font-size: max(6px,min(6.384vw,16px));
}
.cont-bnr-ri{
  position: absolute;
  display: flex;
    flex-direction: column;
    align-items: center;
    right: 0;
    top: 20px;
  }

.hosi-box{
  position: relative;
}  
.hosi{
  position: absolute;
  right: -35px;
  top: -15px;
}
.w-100 img{
  width: 100%;
}
.font-n{
   font-weight: normal;
  }
.b-logo{
  position: relative;
}
.b-logo::after{
  content: "";
    display: inline-block;
    width: 20px;
    height: 50px;
    background: url(/import/tenant_1/160.16.234.172/teashis/img/b-logo.png) no-repeat;
    vertical-align: middle;
    transform: translate(40%,-50%);
    position: absolute;
    top: 50%;
}  
.b-logo2{
  position: relative;
}
.b-logo2::after{
  content: "";
    display: inline-block;
    width: 20px;
    height: 50px;
    background: url(/import/tenant_1/160.16.234.172/teashis/img/b-logo.png) no-repeat;
    vertical-align: middle;
    transform: translate(40%,-50%);
    position: absolute;
    top: 50%;
    right: -50%;
}  
.tit-fuki02{
  position: relative;
  padding-left: 2em;
  width: 45%;
  text-align: center;
}
.tit-fuki02::before {
  content: "";
  display: block;
  width: 45px;
  height: 1px;
  background-color: #393939;
  position: absolute;
  top: 30%;
  left: 0;
  transform: rotate(80deg);
}
.tit-fuki02::after {
  content: "";
  display: block;
  width: 45px;
  height: 1px;
  background-color: #393939;
  position: absolute;
  top: 30%;
  right: -13%;
  transform: rotate(280deg);
}

.tate{
  writing-mode: vertical-rl;
}

.maina{
  position: relative;
}
.maina .ttx {
  color: #2e2e2e;
  position: absolute;
  top: 0px;
  left: 0;
  font-size: max(6px,min(-7.616vw,5px));
  width: max-content;
  letter-spacing: -1px;
}

.serc-box{
  position: absolute;
  top: 55%;
}

.maru3{
  position: relative;
}

.maru-1,
.maru-2,
.maru-3{
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: max(6px,min(5.384vw,18px));
  position: absolute;
  transform: rotateZ( 7deg );
}

.maru-1{
  top: 25%;
    left: 8%;
}
.maru-2{
  top: 21%;
  right: 13%;
}
.maru-3{
  top: 65%;
  left: 28%;
}

.diet .mv-img1{
  position: absolute;
  bottom: 0;
  right: 1%;
  width: 50%;
}

.diet .mv-img2{
  position: absolute;
  top: 55%;
    right: 20%;
}

.diet .flexonew{
  flex-wrap: nowrap;
}

.pb-300{
  padding-bottom: 300px;
}
@media(max-width: 599px) {
  .maina .ttx{
    top: -5px;
    left: -10px;
  }
  .mv23 .lh-2{
    line-height: 1.8;
  }

  .mv23 .font-sz50new {
    font-size: max(6px,min(10.384vw,50px));
}

  .maru-1, .maru-2, .maru-3{
    font-size: max(6px,min(4.384vw,16px));
  }
  .diet .mv-img1 {
    width: 80%;
  }
  .diet .mv-img2{
    width: 30%;
  }
  .diet .mv-img1{
    right: 10%;
  }
  .diet .mv-img2{
    top: 80%;
  }
  .maru3{
    width: 80%;
  }

  .mv23 .voice-top-box .main__title{
    font-size: max(8px,min(4.575vw,24px));
    text-align: left;
  }
  .img-t {
    position: relative;
    top: 0;
}
  .wts {
    position: relative;
    margin-top: 130px;
    margin-bottom: 50px;
}
.diet .fukidasi2 {
  position: absolute;
  font-size: 13px;
  font-weight: bold;
  padding-left: 5%;
  padding-top: 3%;
  left: 0;
  bottom: initial;
  line-height: 1.4;
  width: 55%;
  background-color: #ffffffab;
  height: 150px;
  top: 33%;
}
  .diet .fukidasi {
    font-size: 22px;
    font-weight: bold;
    position: absolute;
    top: 2%;
    right: 36%;
    width: 57%;
}
  .diet .staff-hukidasi{
    flex-direction: column;
    padding-bottom: 80px;
  }
  .staff-hukidasi .img01 {
    width: 45%;
    margin-left: auto;
  }
  .diet #main .custom-ul-01, .diet #main .custom-02 ul{
    padding: 15px;
    margin-top: 0;
    margin-bottom: 0;
  }
  .diet .wom {
    position: relative;
    right: initial;
    bottom: 0px;
    width: 100%;
    padding-top: 70px;
    display: block;
    text-align: center;
}
.text-logo {
  position: absolute;
  top: 3%;
  left: 50%;
  transform: translate(-50%,0);
}
.star-logo {
  position: absolute;
  left: 70%;
  top: 17%;
}
.diet .fa-check-circle:before{
  left: -20px;
  font-size: 20px;
}
}

#main .titl23 .custom-02{
border: 0px;
}

.aera-23 .contact-item dd input{
height: 70px;
}

.content-style .aera-23 ul{
  margin: 30px 0 50px 0 ;
}


/* form */
.must {
  font-size: 12px;
  line-height: 1;
  text-align: center;
  color: #fff;
  margin-left: 10px;
  padding: 3px 10px;
  border-radius: 10px;
}

.contact-item {
  padding: 20px 0;
}

.contact-item dd input,
.contact-item dd textarea {
  width: 100%;
  padding: 8px 5px;
  
}

.contact-item dd.rad input{
  width: 5%;
  padding: 8px 5px;
  border: none;
  border-radius: 20px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.contact-item dd textarea {
  height: 150px;
}

@media(max-width: 599px) {
  .mail-logo::before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 17px;
    background: url(/import/tenant_1/160.16.234.172/teashis/img/maillogo.png) no-repeat;
    vertical-align: middle;
    background-position: center;
    background-size: cover;
    transform: translate(-20%,0%);
}
.ipfon-logo::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 28px;
  background: url(/import/tenant_1/160.16.234.172/teashis/img/iPhonelogo.png) no-repeat;
  vertical-align: middle;
  background-position: center;
  background-size: cover;
  transform: translate(-4px, 0px);
}
  .content-style .aera-23 ul li, .content-style .aera-23 ol li{
    padding-left: 0;
  }
  .cont-bnr .txt {
    position: absolute;
    left: 10px;
    top: 15px;
    font-size: max(6px,min(4.384vw,12px));
}
.cont-bnr .txt-s {
  font-size: max(6px,min(4.384vw,12px));
}
.mail-logo {
  font-size: max(6px,min(4.384vw,12px));
  padding: 10px;
  margin: 10px;
  height: 45px;
    width: 230px;
    display: flex;
    align-items: center;
}
.ipfon-logo {
  position: relative;
  padding: 10px;
  background-color: rgba(0, 204, 0, 1);
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: max(6px,min(4.384vw,12px));
  box-shadow: 0 3px 5px rgb(0 0 0 / 35%);
  border-radius: 50px;
  height: 45px;
    width: 230px;
}
.w-100 img{
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-right: solid #FFB302;
  border-left: solid #FFB302;
}
.hosi {
  position: absolute;
    right: -20px;
    top: -10px;
    width: 20px;
}
.puro2 {
  padding: 20px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: max(6px,min(4.384vw,24px));
  background-color: rgba(254, 126, 71, 1);
  width: 90%;
  margin: auto;
  box-shadow: 0 3px 5px rgb(0 0 0 / 35%);
  margin-top: 30px;
}

.aera-23 .content-style ul, .content-style ol {
  list-style: none;
  padding-left: 0em;
}
}

.text-s-g{
  position: absolute;
    font-weight: bold;
    z-index: 1;
    top: 10px;
    left: 5%;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 1.5;
    text-align: left;
  color: #fff;
  text-shadow: rgb(6 185 0) 1px 1px 0px, rgb(6 185 0) -1px 1px 0px, rgb(6 185 0) 1px -1px 0px, rgb(6 185 0) -1px -1px 0px;
}

.text-s-w{
  color: #000;
  text-shadow: white 1px 1px 0px, white -1px 1px 0px, white 1px -1px 0px, white -1px -1px 0px;
}

.y-line24 {
  background: linear-gradient(transparent 40%, #FCFC00 40%);
  padding-bottom: 10px;
}

.y-line244{
    background: linear-gradient(transparent 60%, #fffb8e 40%);
    padding-bottom: 0px;
}

.sports .serc-box {
  position: absolute;
  top: 32%;
  left: 8%;
}

.sports .mv-img1 {
  position: absolute;
  bottom: 0;
  left: 0%;
  top: initial;
    right: initial;
}

.sports .mv-img2 {
  position: absolute;
  top: 55%;
  right: 20%;
}

.sports .mv-img3 {
  position: absolute;
  bottom: 0;
  right: 0%;
  width: 26%;
}

@media(max-width: 599px) {
  .sports .mv23 .font-sz50new {
    font-size: max(6px,min(5.384vw,50px));
}
.y-line24{
  padding-bottom: 5px;
}
.sports .mv-img1{
  width: 20%;
}
.sports .mv-img2 {
  position: absolute;
  top: 75%;
  right: 25%;
}
}

.blog .mv24 .deta{
  background-color: rgba(6, 185, 0, 1);
    color: #fff;
    font-weight: bold;
    padding: 10px 20px;
    margin-right: 20px;
}

.blog .mv24 .catg{
  font-weight: bold;
}

.blog .mv24 .ttl{
  font-size: max(6px,min(5.384vw,30px));
  font-weight: bold;
  margin: 0 0 30px 0;
}

.blog .mv24 .text{
line-height: 2;
text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.fa-tags:before {
  content: "\f02c";
  font-weight: 900;
  font-family: 'Font Awesome 5 Free';
  margin-right: 5px;
}

.list-pager {
  width: 100%;
  margin: 6% auto 0;
}

.list-pager ul{
  display: flex;
  color: #fff;
}


.list-pager li {
  display: block;
  width: 50px;
  height: 50px;
  border: 2px solid #333;
  position: relative;
  margin: 0 10px;
}

.list-pager li span,
.list-pager li a {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 20px;
  font-size: 18px;
}
.list-pager li{
  background: #bfbfbf;
}
.list-pager li.current {
  background: #ffb403;
}

.list-pager .fa-angle-right:before {
  content: "\f105";
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  font-size: clamp(16px, 2.3vw, 18px);
}

.archive h4{
  background-color: #ffb403;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding: 20px;
}

.archive{
  display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
}

.archive .box1{
  width: 48%;
}

.blog .content-style h3 {
  line-height: 1.36;
  background: none;
  position: relative;
  border-radius: 0em;
  clear: both;
  overflow: hidden;
  font-size: max(6px,min(5.384vw,30px));
  font-weight: bold;
  margin: 0 0 30px 0;
  padding: 0;
  color: #333;
}

.archive li{
  padding: 30px 0;
    border-bottom: solid 2px #ccc;
    font-weight: bold;
}

.calendar-logo{
  position: relative;
}

.calendar-logo::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 22px;
  background: url(/import/tenant_1/160.16.234.172/teashis/img/calendar.png) no-repeat;
  vertical-align: middle;
  background-position: center;
  background-size: cover;
  transform: translate(-10px, 0px);
}
.current{
  background: #ffb403;
}
@media(max-width: 599px) {
  .archive .box1{
    width: 100%;
    margin-bottom: 30px;
  }
}

.back-btn{
    color: var(--light-color);
    background: #ffb403;
    padding: 0.8em 2.4em;
    margin: 0.4em;
    font-weight: bold;
}

.back-btn:hover {
  text-decoration: none;
  color: #fff;
  outline: none;
}

.blog .b-detail.mv24 .ttl {
  font-size: max(6px,min(5.384vw,30px));
  font-weight: bold;
  margin: 0 0 30px 0;
  border-bottom: solid 1px #ccc;
}

.recommend .ttl{
  border-top: solid 2px #000;
  border-bottom: solid 1px #000;
  font-weight: bold;
  padding: 20px;
  font-size: max(6px,min(5.384vw,18px));
  margin-bottom: 50px;
}

.recommend .deta{
  background-color: rgba(6, 185, 0, 1);
  color: #fff;
  font-weight: bold;
  padding: 10px 10px;
  margin-bottom: 20px;
  text-align: center;
  width: 50%;
}

.blog .content-style .recommend h3{
  border-top:none;
  border-bottom:none;
}

.top-bor{
  position: relative;
}

.top-bor::before{
  content: "";
  height: 3px;
  background-color: #00cc00;
  width: 25%;
  position: absolute;
  top: 0%;
  left: 0%;

}

.cont-ttl{
  color: var(--light-color);
  background: #ffb403;
  padding: 10px;
  margin: 0.4em;
  font-weight: bold;
  text-align: center;
  width: 30%;
}
.cont-box .cont-ttl{
margin: 10px 0;
}

/* チェックボックス */
input[type="checkbox"] {

  display: none;

  /*デフォルトのチェックボックスを非表示にする*/

}

[type="checkbox"]+label {

  position: relative;

  padding-left: 20px;
  margin-right: 10px;
  /*チェックボックス分の隙間を作る*/

}

[type="checkbox"]+label::before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  border: 1px solid #333;
  cursor: pointer;

}

@media(max-width: 599px) {
  [type="checkbox"]+label::before{
    top: 25%;
  }
}

/* input[id*="check"][type="checkbox"]:checked+label::before {

  チェックしたときの箱の色を変える

  background: #ffb403;

} */

[type=checkbox]:checked+label::after {

  /*チェックの✓をつくる*/

  content: "";

  display: block;

  width: 10px;

  height: 6px;

  box-sizing: border-box;

  border-bottom: 2px solid #FFB302;

  border-left: 2px solid #FFB302;

  position: absolute;

  /*ここから下は位置を調整する*/

  top: 40%;

  left: 5px;

  /*箱を斜めに傾けてチェック表示にする*/

  -webkit-transform: rotate(-45deg);

  transform: rotate(-45deg) translateY(-50%);

}


/* 送信ボタン */
.submit-btn {
  /* buttonタグのリセットCSS */
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  appearance: none;

  color: #fff;
  padding: 8px 24px;
  background-color: #3abec1;
  cursor: pointer; /* ポインターカーソルを表示 */
}

.submit-btn[disabled] {
  background-color: #ccc;
  cursor: not-allowed; /* クリック不可のカーソルを表示 */
}
.cont-box button:hover{
  box-shadow:none;
  opacity:1;
  color:rgba(16, 16, 16, 0.3);
}
input:disabled {
  color: black;
  background-color: #ccc;
}

.btn-inner:disabled{
  color: var(--light-color);
    background: #ffb403;
    opacity: 0.6;
}

.btn-inner:disabled{
  pointer-events: none;
}

.btn-inner{
  color: var(--light-color);
    background: #ffb403;
    opacity: 1;
    border: solid;
}


.content-style .cont-box ul li{
  padding-left:0;
}

.conf ul li{
  width: 50%;
}

@media(max-width: 599px) {
  .content-style ul{
    padding-left: 0;
  }
  .conf ul li {
    width: 43%;
    margin: 30px 10px;
}
.conf button{
  margin: auto;
}
}
.conf .btn-inner{
  width: 100%;
}

.privacy{
  height: 200px;
  border: 1px solid rgba(0,0,0,.24);
  overflow: auto;
  padding: 1em;
  width: 70%;
    margin-right: 0;
    margin-left: auto;
}
.privacy-che{
  width: 70%;
  margin-right: 0;
  margin-left: auto;
}


@media(max-width: 1024px) {
  .privacy,
  .privacy-che{
    width: 65%;
  }
}

@media(max-width: 599px) {
  .text-ind{
    padding-left: 1.2em;
    }
  .privacy,
  .privacy-che{
    width: 100%;
  }
  .cont-ttl{
    width: 50%;
  }
  .kokan .teamas-img{
    width: 20%;
  }
  .order-1{
    order: -1;
  }
}

.conp{
  padding: 10px 20px;
  font-weight: bold;
}

.conp a{
  padding: 10px 20px;
}

.conp a:hover {
    box-shadow: none;
    opacity: 1;
    color: rgba(16, 16, 16, 0.3);
}
.acc-btn2{
  position: relative;
  display: block;
}
  .acc-btn2::before,
  .acc-btn2::after {
      content: "";
      width: 25px;
      height: 3px;
      display: block;
      background-color: #ffb302;
      -webkit-transition: 0.3s linear;
      transition: 0.3s linear;
      
      position: absolute;
      top: 15px;
      left: auto;
      right: 0;
  }
  
  .faqmain .acc-btn2::before,.faqmain .acc-btn2::after{
    top: 40px;
  }
  .acc-btn2::before {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
  }
.acc-parent2.action2 .acc-btn2::before {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
  }
  
  .fers .content-style h3{
    padding: 20px 10px;
  }
  
  .fers #main .custom-06-block{
    width: 100%;
  }
  
  @media(max-width: 599px) {
    .fukidasi.br2 {
    width: 40%;
}
 .faqmain .acc-btn2::before,.faqmain .acc-btn2::after{
    top: 20px;
  }
  }
  
  .fz1624{
    font-size: clamp(1rem, 0.818rem + 0.91vw, 1.5rem);
  }
  
.foot-menu {
        padding: min(32px,6.575vw) 4vw;
}
  
  
.clc {
    column-width: 300px;
}
  .foot-menu li {
    margin: 2% 1%;
    break-inside: avoid;
    width: 90%;
    margin: 2% auto;
}

.foot-menu li a {
    position: relative;
    padding-left: 20px;
}

.foot-menu li a.txtcd:before {
    content: "\f105";
    font-family: 'Font Awesome 5 free';
    font-weight: 900;
    color: var(--dark-color);
    margin-right: 5px;
}

.bra-c {
    break-after: column;
}

.foot-menu li a.txtc:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 3px;
    height: 100%;
    background: var(--dark-color);
    transform: translate(0px, -50%);
}
/* 
.foot-menu li .txtc:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 3px;
    height: 100%;
    background: var(--dark-color);
    transform: translate(0px, -50%);
} */

 @media(max-width: 599px) {
   .foot-menu ul {
    display: flex;
    flex-direction: column;
}
 }
 @media (max-width: 1024px) {
.active .over-s{
    overflow: scroll;
    height: 100%;
}
}

.bicr2 {
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-family: 'Zen Kurenaido', sans-serif;
    height: 100px;
    width: 94%;
    margin-left: auto;
    margin-right: auto;
}

.bicr2::before {
    content: "";
    display: inline-block;
    width: 10%;
    height: 100%;
    background: url(/upload/tenant_1/16ae435fe64842ad57c01b3e4941c588.png) no-repeat;
    vertical-align: middle;
    /* transform: translate(10px, 10px); */
    position: absolute;
    left: -35px;
    top: 0;
    z-index: 1;
}

.bicr2::after {
    content: "";
    display: inline-block;
    width: 8%;
    height: 100%;
    background: url(/upload/tenant_1/d66ff1e8078f68590cc5a1fada7c266e.png) no-repeat;
    vertical-align: middle;
    /* transform: translate(10px, 10px); */
    position: absolute;
    top: 0;
    right: -35px;
    z-index: 1;
}

 @media(max-width: 599px) {
   .bicr2::before, .bicr2::after {
    width: 17%;
    background-position: center;
    background-size: contain;
   } 
.bicr2 {
  height: initial;
  margin-bottom: 30px;
  padding: 0px;
}
 }

.bod-d{
  border-bottom: 7px dotted #ffb660;
}

.bod-89{
  border-bottom: 1px solid #898987;
}

.colo-89{
  color: #898987;
}

.fz2024{
  font-size: clamp(1.25rem, 1.159rem + 0.45vw, 1.5rem);
}

.fz2238{
  font-size: clamp(1.375rem, 1.011rem + 1.82vw, 2.375rem);
}
.fz2038{
  font-size: clamp(1.25rem, 0.841rem + 2.05vw, 2.375rem);
}

.fz1822{
  font-size: clamp(1.125rem, 1.034rem + 0.45vw, 1.375rem);
}

.or-tt{
    padding: 20px;
    background-color: #ffb400;
}

.col-ff{
  color: #fff;
}

.tigai .about-box1 .eria1.top-new{
  background-color: #fff;
}

.bor-bc{
      border-bottom: 3px dotted #ccc;
}

.nga-ba{
  display: flex;
  flex-direction: column;
}

.nga-ba .ttl{
    background-color: #feee7e;
    font-weight: bold;
    margin: 20px 0;
    padding: 5px;
    font-size:20px;
    width: 60%;
}

.balloon2 {
    position: relative;
    display: inline-block;
    padding: 20px;
    min-width: 120px;
    max-width: 100%;
    color: #555;
    font-size: 18px;
    background: #FFF;
    border: solid 5px #ccc;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.balloon2:before {
    content: "";
    position: absolute;
    bottom: -65px;
    left: 50%;
    margin-left: -38px;
    border: 12px solid transparent;
    border-top: 12px solid #FFF;
    z-index: 2;
    border-width: 34px;
}
.balloon2:after  {
    content: "";
    position: absolute;
    bottom: -76px;
    left: 50%;
    margin-left: -40px;
    border: 14px solid transparent;
    border-top: 14px solid #ccc;
    z-index: 1;
    border-width: 36px;
}
.balloon2.sin:before,
.balloon2.sin:after{
  content: none;
}

.balloon2 p {
  margin: 0;
  padding: 0;
}

.balloon2.new{
  border-top: 0px;
}
 @media(max-width: 599px) {
  
.up-d-con{
  display: contents;
}

.oder1{
  order: 1;
}
.oder2{
  order: 2;
  margin-bottom: 20px;
}
.oder3{
  order: 3;
}
}

.up-reader2 {
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.or768{
  display: none;
}

.mt50{
  margin-top: 50px;
}

 @media(max-width: 768px) {
   .mt50{
     margin-top: 0px;
   }
   .fa-map:before {
    content: "\f279";
      font-size: 1.5rem;
}
.fa-calendar-check:before {
    content: "\f274";
      font-size: 1.5rem;
}
.fa-bars:before {
    content: "\f0c9";
      font-size: 1.5rem;
}
   .fa-phone-alt.new:before {
    content: "\f879";
    font-size: 1.5rem;
}
   
.or768{
  display: block;
}

 }
 
 .fz1420{
   font-size: clamp(0.875rem, 0.75rem + 0.63vw, 1.25rem);
 }
 
 .container.topon{
   margin-top: 0;
 }
 
 .fukidasi2.s5d {
    position: absolute;
    font-size: 40px;
    left: 0;
    font-weight: bold;
    padding-left: 0;
    bottom: 24px;
    background-color: transparent;
}

.fz2343{
  font-size: 43px;
}

 @media(max-width: 599px) {
   .fukidasi2.s5d {
     font-size: 16px;
   }
   .fz2343{
  font-size: 22px;
}
.fukidasi {
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    top: 25px;
    right: 90px;
}
 }
 
 .section-point {
    padding: 5px 10px;
    background: #ffb400;
    border-radius: 5px;
}

 .section-point.onew {
    padding: 0px;
    background: none;
    border-radius: 0px;
}

.point-box {
    margin-bottom: 30px;
    padding: 20px 30px 20px 20px;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}
.onew .point-box{
      border: 2px solid #bdbdbd;
    box-shadow: 0 4px 16px rgb(0 0 0 / 20%);
    border-radius: 0px;
}

.row-fluid {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.row-fluid [class*="span"]:first-child{
      margin-left: 0;
    width: 100%;
}

.point-box dt {
    margin-bottom: 0px;
    line-height: 1;
}

.point-box dd:nth-of-type(1) {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.list01 {
    margin: 2.4em 0;
    width: 66%;
}
h3.circle-ttl {
    margin-top: 1.6em;
    line-height: 1.3;
    font-size: 1.75rem;
    margin-left: 96px;
    border-bottom-width: 3px;
    border-bottom: 2px dotted #bdbdbd;
    padding: 0.4em 0;
    background: none;
    color: #212121;
    position: relative;
    font-weight: bold;
    clear: both;
}
.list01 li {
    /* font-size: 1rem; */
    border-bottom: 1px dashed #e0e0e0;
    margin: 0.5333333333em 0;
    padding-bottom: 0.2666666667em;
    position: relative;
    padding-left: 2em;
    float: none;
}
.list01 li:before {
    position: absolute;
    background: #ffa000;
    content: "";
    background-image: url(/upload/tenant_1/950f9e8945442942da1ba2f466a0180f.png);
    left: 0px;
    top: 0;
    line-height: 1;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60%;
}
.other-h {
    background-color: rgba(0,0,0,0.04);
    border: double #bdbdbd;
    margin: 2.4em 0;
    padding: 0 30px;
    display: inline-block;
    margin-top: 0;
    width: 100%;
    box-sizing: border-box;
}
.other-h p {
    margin: 0.8em 0;
}
.other-h ul {
    margin: 1.6em 0;
}
.other-h li {
    position: relative;
    margin: 1.6em 0;
    float: none;
    padding-left: 1em!important;
}
.other-h li:before {
    position: absolute;
    background: #bdbdbd;
    content: "";
    background-image: url(/upload/tenant_1/950f9e8945442942da1ba2f466a0180f.png);
    left: -10px;
    top: 0px;
    line-height: 1;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 65%;
}

.point-head {
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    text-indent: 0.17em;
    letter-spacing: 0.17em;
    text-align: center;
    background: #ffb400!important;
}
.img-box {
    width: 30%;
}

.list01 {
    margin: 1em 0!important;
    width: 66%;
    line-height: 1.7;
}
.lh-13{
  line-height: 1.3;
}
   .other-h li:before{
     top: 5px;
   }
   
   .main__title.worry{
     font-size: 36px;
   }
 @media(max-width: 599px) {
   .main__title.worry{
     font-size: 22px;
   }
   .bc-nun{
     margin-bottom: 0;
     margin-right: 10px;
   }
   .point-box dt{
     margin-bottom: 0;
   }
   .point-box dd:nth-of-type(1){
     flex-direction: column-reverse;
   }
   .list01,
   .img-box{
    width: 100%;
   }
   .list01 li:before{
     left: -5px;
   }
   .span7 .bc-nun {
    width: 65px;
    height: 60px;
    padding: 10px 0 0 3px;
}
.point-box{
  padding: 10px;
}
 }
 
 .content-style .orjn {
    font-size: 1.4125rem;
    line-height: 1.8;
    font-weight: bold;
}
.content-style {
   font-size: max(6px,min(4.384vw,18px));
}

.dnd{
    margin-top: 0!important;
    margin-bottom: 50px!important;
}

.fit-dr{
  filter: drop-shadow(0 0 0.75rem #fff);
}

.ts-r{
    text-shadow: 0.2px 0.2px #fb0000, -0.2px 0.2px #fb0000, -0.2px -0.2px #fb0000, 0.2px -0.2px #fb0000, 0.2px 0px #fb0000, 0px 0.2px #fb0000, -0.2px 0px #fb0000, 0px -0.2px #fb0000;
}
.ts-t{
 text-shadow: 0.2px 0.2px #4b311e, -0.2px 0.2px #4b311e, -0.2px -0.2px #4b311e, 0.2px -0.2px #4b311e, 0.2px 0px #4b311e, 0px 0.2px #4b311e, -0.2px 0px #4b311e, 0px -0.2px #4b311e;
}
.ts-3{
  text-shadow: 0.2px 0.2px #333, -0.2px 0.2px #333, -0.2px -0.2px #333, 0.2px -0.2px #333, 0.2px 0px #333, 0px 0.2px #333, -0.2px 0px #333, 0px -0.2px #333;
}

.bg-fe{
  background-color: #ffffffab;
}


.fz36{
  font-size: 3rem;
}

.program{
  text-align: center;
      color: #5e5f5e;
    
}

h3.program-ttl{
      background: none;
    font-weight: bold;
        margin-bottom: 10px;
    font-size: 28px;
    color: #666;
    line-height: 1.7;
    text-indent: 0.03em;
    letter-spacing: 0.03em;
    border-bottom: 4px solid #fde647;
    background: none;
    font-weight: 900;
    padding: 0;
}

.program-text{
  font-size: 20px;
  font-weight: 500;
}

 @media(max-width: 599px) {
   .program-text{
     font-size: 18px;
   }
   h3.program-ttl{
     font-size: 22px;
   }
   .fz36 {
    font-size: 1.9rem;
}
.content-style .orjn{
      font-size: 1.2125rem;
}
 }
 
 .news-text{
   line-height: 2;
 }
 
 .uk-lb{
   cursor: pointer;
 }
 .top-main-mv{
    max-width: 1034px;
    margin: auto;
}
 .top-main-mv-img{
   position: relative;
 }
 .top-main-mv-img1{
      margin-right: 0;
    margin-left: auto; 
 }
 .top-main-mv-box{
   position: relative;
 }
 .top-main-mv-text{
       position: absolute;
    top: 8%;
    left: 25px;
    text-align: left;
    z-index: 1;
 }
 .u-1{
   font-size: 30px;
   border-bottom:double 10px #fff000; 
   font-weight: bold;
 }
 .m-1{
   line-height: 1.3;
   font-size: 45px;
   font-weight: bold;
 /*  text-shadow:0px 2px 0px rgb(255 255 255), 2px 2px 0px rgb(255 255 255), 2px 0px 0px rgb(255 255 255), 0px -2px 0px rgb(255 255 255), -2px -2px 0px rgb(255 255 255), 2px 3px 3px #000000; */
  text-shadow:0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,1px 1px 3px #000000;
 }
 .m-2{
   font-size: 55px;
   font-weight: bold;
 }
 .top-main-m{
       max-width: 1034px;
    margin: auto;
 }
 .maga{
      position: absolute;
    z-index: 1;
    bottom: 35px;
    width: 26%;
    left: 37%;
 }
 .tv-text{
  color: #6d6743;
    position: absolute;
    z-index: 1;
    bottom: 50px;
    left: 80px;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    text-shadow: 0px 2px 3px #0000006e;
    letter-spacing: 2px;
 }
 
 .top-main-mv-name{
   color: #2a1405;
position: absolute;
    text-align: center;
    z-index: 1;
    right: 67px;
    bottom: 50px;
    font-size: 18px;
    font-weight: bold;
    text-shadow:0 0 0.1px #2a1405, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
 }
 .nametop{
   font-size: 22px;
   margin-left: 10px;
 }
 .bg-w3 {
    top: 0;
    right: 0;
    height: 100%;
    width: 10%;
    position: absolute;
    background: rgb(255,255,255);
background: -moz-linear-gradient(270deg, rgba(255,255,255,0.3701855742296919) 0%, rgba(255,255,255,0.40940126050420167) 37%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(270deg, rgba(255,255,255,0.3701855742296919) 0%, rgba(255,255,255,0.40940126050420167) 37%, rgba(255,255,255,0) 100%);
background: linear-gradient(270deg, rgba(255,255,255,0.3701855742296919) 0%, rgba(255,255,255,0.40940126050420167) 37%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
    z-index: 0;
}
 
.tv-text:before{
    content: url(/upload/tenant_1/636e772d1985895eb8d67b837d95832e.png);
     position: absolute;
    top: 0;
    left: -55px;
}
.tv-text:after{
     content: url(/upload/tenant_1/76dbad589aa9605c2032b6299e12b634.png);
    position: absolute;
    top: 0;
    right: -55px;
}

 @media(max-width: 768px) {
   .u-1 {
    font-size: 24px;
}
.m-1 {
    line-height: 1.3;
    font-size: 30px;
    font-weight: bold;
    
}
.m-2 {
    font-size: 40px;
    font-weight: bold;
}
.tv-text{
  font-size: 18px;
  left: 56px;
}
.tv-text:after,
.tv-text:before{
  transform: scale(.6);
  top: -12px;
}
.tv-text:after{
  right: -40px;

}
.tv-text:before{
 left: -40px;
}
.maga{
  width: 30%;
}
 }
 .spmin{
    font-size: 70%;
}
 
 @media(max-width: 599px) {
   .bg-w4 {
    top: -140px;
    right: 0;
    height: 100%;
    width: 100%;
    position: absolute;
   /*  background: rgb(255,252,241);
   background: -moz-linear-gradient(180deg, rgba(255,252,241,1) 0%, rgba(255,252,241,1) 70%, rgba(255,252,241,0.3981967787114846) 80%, rgba(255,252,241,0) 100%);
   background: -webkit-linear-gradient(180deg, rgba(255,252,241,1) 0%, rgba(255,252,241,1) 70%, rgba(255,252,241,0.3981967787114846) 80%, rgba(255,252,241,0) 100%);
   background: linear-gradient(180deg, rgba(255,252,241,1) 0%, rgba(255,252,241,1) 55%, rgba(255,252,241,0.3981967787114846) 70%, rgba(255,252,241,0) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fffcf1",endColorstr="#fffcf1",GradientType=1); */
    z-index: 0;
}
   .sp-text-top{
     font-size: 36px;
     border-bottom: double 7px #fff000;
   }
   .m-2-2{
     font-size: 7.7vw;
   }
   .floatLeft{
     padding: 10px
   }
   .bg-f {
    background-color: #f6efdf;
    padding-top: 140px;
}
.top-main-mv-text {
    position: absolute;
    top: -130px;
    left: 6px;
    text-align: left;
    z-index: 1;
    line-height: 1.2;
}
.u-1 {
    font-size: 4.6vw;
    font-weight: bold;
    border-bottom:none;
}
.m-1 {
    font-size: 6.4vw;
    font-weight: bold;
   
}
.m-2 {
    font-size: 40px;
    font-weight: bold;
}

.bg-w2 {
    top: 0;
    height: 100%;
    width: 68%;
    position: absolute;
    background: rgb(255,252,241);
    background: -moz-linear-gradient(90deg, rgba(255,252,241,1) 0%, rgba(255,252,241,1) 75%, rgba(255,252,241,0) 95%);
    background: -webkit-linear-gradient(90deg, rgba(255,252,241,1) 0%, rgba(255,252,241,1) 75%, rgba(255,252,241,0) 95%);
    background: linear-gradient(90deg, rgba(255,252,241,1) 0%, rgba(255,252,241,1) 75%, rgba(255,252,241,0) 95%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fffcf1",endColorstr="#fffcf1",GradientType=1);
    z-index: 0;
}
.maga {
    position: absolute;
    z-index: 1;
    bottom: 60px;
    width: 90%;
    left: initial;
    right: 5%;
    bottom: -45%;
}
.tv-text {
    color: #6d6743;
    position: absolute;
    z-index: 1;
    bottom: 2%;
    left: 7%;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    text-shadow: 0px 2px 3px #0000006e;
    letter-spacing: 2px;
}
.tv-text:before {
position: absolute;
    top: -30px;
    left: -35px;
    transform: scale(.5);
}
.tv-text:after {
    position: absolute;
    top: -30px;
    right: -35px;
    transform: scale(.5);
}
.top-main-mv-name {
    color: #2a1405;
       background-color: #fff;
    border: double 3px #70694c;
    padding:14px 2px;
    color: #2a1405;
    position: absolute;
    text-align: center;
    z-index: 1;
    right: initial;
    left: 5px;
    bottom: initial;
    top: 15px;
    font-size: 12px;
    font-weight: bold;
    text-shadow: 0 0 0.1px #2a1405, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
.nametop {
    font-size: 18px;
    margin-left: 10px;
}
.bg-f {
    background-color: rgb(255,252,241);
    padding-top: 140px;
    padding-bottom: 100px;
}
 }
 [data-element-id].maga.up-d-none{
   bottom: 145px;
 }
 [data-element-id].m-1.up-d-none{
    position: absolute;
    bottom: -400px;
    right: -330px;
}
[data-element-id].m-1.up-d-none:before{
  text-shadow: none;
}
 [data-element-id].top-main-mv-name.up-d-none {
    right: -100px;
    bottom: 125px;
}
[data-element-id].top-main-mv-name.up-d-none:before{
  text-shadow: none;
} 
.bg-ff{
      position: absolute;
    background: #fff;
    box-shadow: 0px 0px 12px 7px rgb(255 255 255);
    width: 103%;
    height: 80%;
    top: 11px;
    left: -3px;
    z-index: -1;
}


/* 07/04 追記 */

.pc-none{
  display: none;
}

.sp-none{
  display: block;
}

@media only screen and (max-width: 599px){
 .pc-none{
  display: block;
}

.sp-none{
  display: none;
} 
}

.r{
  display: inline-block;
}

@media only screen and (max-width: 599px){
  .r{
  display: block;
}
}

@media only screen and (max-width: 599px){
  .nga-ba .ttl {
    background-color: #feee7e;
    font-weight: bold;
    margin: 20px 0;
    padding: 5px;
    font-size: 20px;
    width: 68%;
}
}

/* 0705 追記 */

.v{
  display: block;
}

@media only screen and (max-width: 599px){
  .v{
  display: inline-block;
}  
}

@media only screen and (max-width: 599px){
  .mbi-30{
    margin-bottom: 30px !important;
  }
}

/*2022/07/08*/
.d-mv {
  background: #f9f4ea;
  padding-left: 1%;
}

.t-10 {
  padding-left: 7%; 
}

.diet #main .custom-02 .t-en {
  width: 50%;
}

.diet #main .custom-02 .t-en ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}

.diet #main .custom-02 .t-en ul li {
  width: 100px;
  height: 100px;
  text-align: center;
  line-height: 1.2;
  border-radius: 50%;
  color: #fff;
}

.diet #main .custom-02 .t-en ul .en01 {
  background: #00cd00;
  padding-top: 40px;
  margin-left: 0;
}

.diet #main .custom-02 .t-en ul .en02 {
  background: #ffb403;
  padding-top: 20px;
}

.diet #main .custom-02 .t-en ul .en03 {
  background: #ef5a1f;
  padding-top: 30px;
}

span.n {
  display: inline;
}

.text-f {
  display: block;
}

@media only screen and (max-width: 1024px){
  .diet #main .custom-02 .t-en {
    width: 60%;
  }

  
}
@media only screen and (max-width: 599px){
  span.n {
    display: block;
  }
  
  .text-f {
    display: flex;
  }
  
  .tit-fuki02 {
    padding-left: 0; 
    width: 45%;
  }
  
  .tit-fuki02::before {
    left: -10%;
  }
  .tit-fuki02::after {
    right: -8%;
  }
  
  .t-10 {
    padding-left: 0;
    width: 55%;
  }
  .text-f .font-sz50new {
    font-size: max(6px,min(10.384vw,36px));
  }
  
  .diet #main .custom-02 .t-en {
    width: 100%;
    padding-bottom: 55%;
  }
}

/*2022/07/27*/
.page-top {
  margin-top: 20px;
  font-size: 40px;
  color: #ff4d00;
  font-weight: 800;
  text-shadow: 1px 2px 3px #ffeb3b;
  text-align: center;
}
.s-txt {
  font-size: 22px;
  color: #ff7131;
  font-weight: bold;
  line-height: 1.5;
}

@media only screen and (max-width: 599px){
  .page-top {
    font-size: 26px;
  }
  .s-txt {
    font-size: 20px;
  }
}

.d-mv2 img {
  border: 1px solid #ffed9d;
}

/*2022/08/18*/
.sp-diet-ba {
  border: 3px solid #ffb403;
  background: #ffffea;
}

.sp-diet-ba .title001 {
  padding: 1%;
  font-size: 22px;
  text-align: center;
  margin-bottom: 10px;
  font-weight: bold;
  background: #ffb403;
  color: #fff;
}

.text02 {
  margin-bottom: 10px;
}

.sp-diet-ba .ba-img {
  width: 95%;
  margin: auto;
}

.sp-diet-ba .ba-img img {
  width: 100%;
}

.sp-diet-ba .ba-text {
  width: 95%;
  margin: 10px auto 20px;
  text-align: left;
  margin-top: 10px;
  line-height: 2;
}

.fwb {
  font-weight: bold;
}

.diet-s {
  background: #f5f5f5;
  padding-left: initial;
  padding: 3%;
}

.mb20 {
  margin-bottom: 20px !important;
}

@media only screen and (max-width: 599px){
  .sp-diet-ba .title001 {
    font-size: 20px;
  }
}

/*2022/08/23*/
#main .custom-02-in .voice-attachment {
  width: 95%;
  margin: 0 auto 10px !important;
}

.voice-content {
  width: 95%;
  margin: auto;
  line-height: 2;
}

.yugami {
  width: 75%;
  margin: auto;
}

.text18 {
  line-height: 1.8;
}

.fz2038.diet001 {
  font-size: clamp(1.25rem, 0.841rem + 2vw, 2rem);
}

@media only screen and (max-width: 599px){
  .pc-only {
    display: none;
  }
  .up-d-flex.sp-only {
    display: flex;
  }
  .up-d-flex.sp-only .up-mr-0\@sp {
    width: 65%;
  }
  .fz2038.diet001 {
    font-size: clamp(1.25rem, 0.841rem + 1.7vw, 2rem);
  }
}

/* 1/20追記 */
.ds-flx50{
  display: flex;
}
.wd50{
  width: 50%;
}
.pl10{
  padding-left: 10%;
}
.mt15{
  margin-top: 15px;
}
@media screen and (max-width:599px) {
.ds-flx50{
  display:block;
}  
.sp-tac{
  text-align: center;
}
.wd50{
  width: 100%;
}
.pd0{
  padding: 0;
}
.sp-35{
  width: 28%;
}
.sp-65{
  width: 65%;
}
.ml2{
  margin-left: 2%;
}

/*1/25 追記*/
}
@media only screen and (min-width: 1025px){
  #main .custom-02-in .voice-attachment {
  width: 50%;
  margin: 0 auto 10px !important;
}
.pc_fs27 {
  font-size: 27px!important;
}
}
.txt_sd {
   text-shadow: 0 -1px 1px rgb(0 0 0 / 50%);
}
.mr0{
  margin-right: 0!important;
}


/* 2023.02.08 */


.logotext{
color: #172389;
    font-family: "游ゴシック", YuGothic, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: bolder;
    padding-top: 5px;
}

.logotxt2{
  font-size: 18px;
  color: #000;
}

.logotxt3{
  font-size: 28px;
}

@media only screen and (max-width: 1024px){
.logotxt3 {
    font-size: 22px;
}
}


@media screen and (max-width:599px) {
  .logotxt2 {
    font-size: 12px;
}

.logotxt3 {
    font-size: 12px;
}

.logotextblock{
  width: 40% !important;
}

.logoshita{
  margin-right: -20px;
  font-size: 12px;
}

.keihan{
  font-size: 12px !important;
}

.jusho01{　
  font-size: 12px !important;
  margin-left: 14px !important;
}
}