@charset "UTF-8";
/**
 *    サイト全体で利用する共通レイアウト
 *    (reset.css、フォントなど)
 *
/* ======================================================================================= */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

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

caption, th, td {
  text-align: left;
  font-weight: inherit;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}

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

a img {
  border: none;
}

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

a {
  color: inherit;
  text-decoration: inherit;
}
.pc_inline{
	display: none;
}
.sp_inline{
	display: block;
}
@media screen and (min-width: 768px ) {
	.pc_inline{
		display: block;
	}
	.sp_inline{
		display: none;
	}
}
.center {
	text-align: center;
}
.mb00 {
	margin-bottom: 0!important;
}
.mt00 {
	margin-top: 0!important;
}
.mt10 {
	margin-top: 10px!important;
}
.mt20 {
	margin-top: 20px!important;
}
.mt30 {
	margin-top: 30px!important;
}
.mt40 {
	margin-top: 40px!important;
}
.mt60 {
	margin-top: 60px!important;
}
.mt80 {
	margin-top: 80px!important;
}
.mt100 {
	margin-top: 100px!important;
}
.mb20 {
	margin-bottom: 20px!important;
}
.mb30 {
	margin-bottom: 30px!important;
}
.mb40 {
	margin-bottom: 40px!important;
}
.mb60 {
	margin-bottom: 60px!important;
}
.mb100 {
	margin-bottom: 100px!important;
}
sup.small_sup {
	font-size: 14px;
	position: relative;
	top: -10px;
}
sup {
	position: relative;
	top: -3px;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
/* ======================================================================================= */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/**
 *  ヘッダーで利用するCSS
 *
// ==========================================================================================
//  ヘッダー
// ======================================================================================= */
.header {
  width: 100%;
  height: 80px;
  opacity: 1;
  z-index: 10;
  background-color: transparent;
  position: absolute;
  top: -80px;
  left: 0;
  transition: top 0.2s ease-out;
}
@media screen and (min-width: 1320px ) {
  .header {
    padding: 0 60px;
  }
}
@media screen and (max-width: 1319px ) and (min-width: 1080px ) {
  .header {
    padding: 0 2.0833333333%;
  }
}
@media screen and (max-width: 1079px ) and (min-width: 768px ) {
  .header {
    padding: 0 4.5454545455%;
  }
}
@media screen and (max-width: 767px ) {
  .header {
    padding: 0 5.3333333333%;
  }
}
.header.active {
  position: fixed;
  top: 0;
}
@media screen and (min-width: 1080px ) {
  .header.active {
    box-shadow: 0 10px 20px rgba(113, 92, 67, 0.2);
    background: #FFFBF8 url(../img/common/site_bg.png.webp) repeat center center;
  }
  .no-webp .header.active {
    background-image: url(../img/common/site_bg.png);
  }
}
@media screen and (max-width: 1079px ) {
  .header.active {
    background: #fff;
  }
}
.header.fv {
  top: 0;
}
@media screen and (min-width: 1080px ) {
  .header.fv {
    height: 140px;
  }
}
@media screen and (max-width: 1079px ) {
  .header.fv {
    height: 120px;
  }
}
.header .wrapper {
  width: 100%;
  max-width: 1920px;
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.header .logo {
  display: block;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 1080px ) {
  .header .logo {
    width: 81px;
    height: 66px;
  }
}
@media screen and (max-width: 1079px ) {
  .header .logo {
    width: 73px;
    height: 60px;
  }
}
.header .logo .logoIcon {
  display: block;
  width: 100%;
  height: 100%;
}
.header .logo .logoIcon.white {
  display: none;
}
@media screen and (min-width: 1080px ) {
  .header.fv .logo {
    width: 110.25px;
    height: 90px;
  }
}
@media screen and (max-width: 1079px ) {
  .header.fv .logo {
    width: 122px;
    height: 100px;
    position: absolute;
    bottom: 0;
    left: 0;
  }
}
.header.fv .logo .logoIcon {
  transition: all 0.2s ease-in;
}
@media screen and (max-width: 1319px ) and (min-width: 1080px ) {
  .header.fv .logo .logoIcon {
    width: 122px;
    height: 100px;
  }
}
.header .gNav {
  display: flex;
  align-items: center;
  justify-content: right;
  width: 100%;
  height: 80px;
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 1079px ) {
  .header .gNav {
    display: none;
  }
}
.header .gNav > .item {
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
  height: 100%;
  width: auto;
  transition: all 0.2s ease-in;
}
.header .gNav > .item > .navLink1 {
  position: relative;
}
@media screen and (min-width: 1431px ) {
  .header .gNav > .item + .item {
    margin-left: /*40px*/20px;
  }
}
@media screen and (max-width: 1430px ) and (min-width: 1320px ) {
  .header .gNav > .item + .item  {
    margin-left: 10px;
  }
}
@media screen and (max-width: 1319px ) and (min-width: 1080px ) {
  .header .gNav > .item + .item {
    margin-left: 2.0833333333%;
  }
}
@media screen and (min-width: 1320px ) {
  .header .gNav > .item + .item:nth-last-child(2) {
    margin-left: /*60px;*/20px;
  }
}
@media screen and (max-width: 1319px ) and (min-width: 1080px ) {
  .header .gNav > .item + .item:nth-last-child(2) {
    margin-left: /*3.125%;*/1%;
  }
}
@media screen and (min-width: 1320px ) {
  .header .gNav > .item + .item:nth-last-child(1) {
    margin-left: /*20px;*/15px;
  }
}
@media screen and (max-width: 1319px ) and (min-width: 1080px ) {
  .header .gNav > .item + .item:nth-last-child(1) {
    margin-left: 1.0416666667%;
  }
}
.header .gNav > .item .subNav {
  position: absolute;
  top: 80px;
  left: 50%;
  padding-top: 21px;
  transition: all 0.6s ease-out;
  pointer-events: none;
  opacity: 0;
  z-index: -1;
  display: flex;
  justify-content: space-between;
  background: #fff;
  padding: 60px;
  border-radius: 4px;
  box-shadow: 0 10px 20px rgba(104, 68, 52, 0.2);
}
@media screen and (min-width: 1320px ) {
  .header .gNav > .item .subNav {
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 1319px ) and (min-width: 1080px ) {
  .header .gNav > .item .subNav {
    transform: translateX(-30%);
  }
}
.header .gNav > .item .subNav .subNavMenu2, .header .gNav > .item .subNav .subNavMenu3 {
  display: flex;
}
.header .gNav > .item .subNav .subNavMenu2 > .item, .header .gNav > .item .subNav .subNavMenu3 > .item {
  display: block;
}
.header .gNav > .item .subNav .subNavMenu2 > .item .head2, .header .gNav > .item .subNav .subNavMenu3 > .item .head2 {
  display: inline-block;
  color: #684434;
  font-size: 22px;
  letter-spacing: 0.05em;
  line-height: 46px;
  margin-top: -5px;
  margin-bottom: -5px;
  padding-left: 60px;
  padding-right: 50px;
  position: relative;
}
.header .gNav > .item .subNav .subNavMenu2 > .item .head2::before, .header .gNav > .item .subNav .subNavMenu2 > .item .head2::after, .header .gNav > .item .subNav .subNavMenu3 > .item .head2::before, .header .gNav > .item .subNav .subNavMenu3 > .item .head2::after {
  content: "";
  display: block;
  position: absolute;
}
.header .gNav > .item .subNav .subNavMenu2 > .item .head2::before, .header .gNav > .item .subNav .subNavMenu3 > .item .head2::before {
  width: 50px;
  height: 40px;
  top: 0;
  left: 0;
}
.header .gNav > .item .subNav .subNavMenu2 > .item .head2::after, .header .gNav > .item .subNav .subNavMenu3 > .item .head2::after {
  top: 0;
  bottom: 0;
  right: 0;
  margin-top: auto;
  margin-bottom: auto;
  width: 40px;
  height: 1px;
  background-color: #684434;
}
.header .gNav > .item .subNav .subNavMenu2 .navLink1 .textGrp, .header .gNav > .item .subNav .subNavMenu3 .navLink1 .textGrp {
  display: flex;
}
.header .gNav > .item .subNav .subNavMenu2 {
  flex-flow: column;
}
.header .gNav > .item .subNav .subNavMenu2 > .item {
  width: 250px;
}
.header .gNav > .item .subNav .subNavMenu2 > .item .head2::before {
  background: url(../img/common/mark_treatment.png.webp) center center/cover no-repeat;
}
.header .gNav > .item .subNav .subNavMenu2 > .item + .item {
  margin-top: 20px;
}
.header .gNav > .item .subNav .subNavMenu2 > .item:nth-child(2) {
  margin-top: 50px;
}
.header .gNav > .item .subNav .subNavMenu3 {
  margin-left: 85px;
  display: flex;
  width: /*550px;*/650px;
  flex-wrap: wrap;
  justify-content: /*space-between;*/flex-start;
  align-content: flex-start;
}
.header .gNav > .item .subNav .subNavMenu3 > .item {
  width: /*215px;*/250px;
}
.header .gNav > .item .subNav .subNavMenu3 > .item .head2::before {
  background: url(../img/common/mark_menu.png.webp) center center/cover no-repeat;
}
.header .gNav > .item .subNav .subNavMenu3 > .item + .item {
  margin-top: 30px;
}
.header .gNav > .item .subNav .subNavMenu3 > .item:nth-child(2n) {
  width: /*265px;*/350px;
}
.header .gNav > .item .subNav .subNavMenu3 > .item:nth-child(1) {
  width: 100%;
}
.header .gNav > .item .subNav .subNavMenu3 > .item:nth-child(2),
.header .gNav > .item .subNav .subNavMenu3 > .item:nth-child(3) {
  margin-top: 50px;
}
.header .gNav > .item:hover .subNav {
  pointer-events: auto;
  opacity: 1;
  z-index: 1;
}
@media screen and (max-width: 1319px ) and (min-width: 1080px ) {
  .header .gNav > .item:last-child {
    display: none;
  }
}
.header.fv .gNav {
  top: 30px;
}
.header .menuBtn {
  cursor: pointer;
}
@media screen and (min-width: 1080px ) {
  .header .menuBtn {
    display: none;
  }
}
.header .menuBtn .menu {
  display: block;
  width: 46px;
  height: 43.045px;
  fill: #684434;
}
.header.fv .menuBtn {
  position: absolute;
  top: 50px;
  right: 0;
}

/**
 *  フッターで利用するCSS
 *
// ==========================================================================================
//  フッター上部
// ======================================================================================= */
.footer {
  background: #FFFBF8 url(../img/common/site_bg.png.webp) repeat center center;
  position: relative;
}
@media screen and (max-width: 767px ) {
	.footer{
		padding-bottom: 52px;
	}
}
.no-webp .footer {
  background-image: url(../img/common/site_bg.png);
}
.footer .wrapper {
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 1080px ) {
  .footer .wrapper {
    padding: 200px 60px 40px;
    max-width: 1320px;
  }
}
@media screen and (max-width: 1079px ) and (min-width: 768px ) {
  .footer .wrapper {
    padding: 140px 40px 40px;
    max-width: 400px;
  }
}
@media screen and (max-width: 767px ) {
  .footer .wrapper {
    padding: 100px 10.6666666667% 20px;
  }
}
@media screen and (max-width: 374px ) {
  .footer .wrapper {
    padding: 100px 5.3333333333% 20px;
  }
}
.footer .footBox1 {
	width: 100%;
	height: 120px;
	display: flex;
	justify-content: space-between;
	justify-content: left;
	align-items: center;
}
@media screen and (max-width: 1079px ) and (min-width: 768px ) {
	.footer .footBox1 {
		display: block;
	}
}
@media screen and (max-width: 767px ) {
	.footer .footBox1 {
		display: block;
		height: auto;
	}
}
.footer .footBox1 .logo {
  display: block;
  width: 147px;
  height: 120px;
}
@media screen and (max-width: 1079px ) {
  .footer .footBox1 .logo {
    margin: 0 auto;
  }
}
.footer .footBox1 .logo .logoIcon {
  display: block;
  width: 147px;
  height: 120px;
}
.footer .footBox2 {
  width: 100%;
  position: relative;
}
@media screen and (min-width: 768px ) {
  .footer .footBox2 {
    margin-top: 60px;
  }
}
@media screen and (max-width: 767px ) {
  .footer .footBox2 {
    /*margin-top: 40px;*/
  }
}
.footer .footBox2 .menuList {
  display: flex;
}
@media screen and (min-width: 1080px ) {
  .footer .footBox2 .menuList {
    justify-content: space-between;
  }
}
@media screen and (max-width: 1079px ) {
  .footer .footBox2 .menuList {
    flex-direction: row;
    flex-wrap: wrap;
    text-align: center;
  }
}
@media screen and (max-width: 1079px ) {
	.footer .footBox1{
		height: auto;
	}
  .footer .footBox2 .menuList > .item {
    width: 100%;
  }
	.footer .footBox2 .menuList > .item:first-of-type{
		display: flex;
		flex-wrap: wrap-reverse;
	}
	.footer .snsList{
		margin: 0 auto;
	}
}
@media screen and (min-width: 1320px ) {
  .footer .footBox2 .menuList > .item:nth-child(2) {
    margin-left: 65px;
  }
}
@media screen and (max-width: 1319px ) and (min-width: 1080px ) {
  .footer .footBox2 .menuList > .item:nth-child(2) {
    margin-left: 3.4090909091%;
  }
}
@media screen and (min-width: 1320px ) {
  .footer .footBox2 .menuList > .item:nth-child(3) {
    margin-left: 55px;
  }
}
@media screen and (max-width: 1319px ) and (min-width: 1080px ) {
  .footer .footBox2 .menuList > .item:nth-child(3) {
    margin-left: 1.1363636364%;
  }
}

/*.footer .footBox1 .logo,
.add-tel_wrap,
.workingday,
.footer .snsList{
	width: calc(100% / 4);
}*/
.footer .add-tel_wrap,
.footer .workingday{
	margin-left: 50px;
}
.footer .address {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 26px;
  margin-top: -5px;
  margin-bottom: -6px;
}
.footer .tel {
  display: inline-block;
  font-size: 22px;
  letter-spacing: 0.05em;
  line-height: 32px;
  margin-top: 15px;
  margin-bottom: -5px;
}
@media screen and (min-width: 768px ) {
  .footer .tel {
    pointer-events: none;
  }
}
.footer .tel .icon {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 10px;
  vertical-align: -4px;
  fill: #684434;
}
.footer .workingday {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 26px;
  /*margin-top: 25px;*/
  /*margin-bottom: -6px;*/
}
/*.footer .footBox2 .address {
  font-size: 15px;
  letter-spacing: 0;
  line-height: 26px;
  margin-top: -5px;
  margin-bottom: -6px;
}
.footer .footBox2 .tel {
  display: inline-block;
  font-size: 22px;
  letter-spacing: 0.05em;
  line-height: 32px;
  margin-top: 25px;
  margin-bottom: -5px;
}
@media screen and (min-width: 768px ) {
  .footer .footBox2 .tel {
    pointer-events: none;
  }
}
.footer .footBox2 .tel .icon {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 10px;
  vertical-align: -4px;
  fill: #684434;
}
.footer .footBox2 .workingday {
  font-size: 15px;
  letter-spacing: 0;
  line-height: 26px;
  margin-top: 25px;
  margin-bottom: -6px;
}*/
.footer .footBox2 .footNav2, .footer .footBox2 .footNav3 {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px ) {
  .footer .footBox2 .footNav2 .item, .footer .footBox2 .footNav3 .item {
    text-align: left;
  }
}
@media screen and (min-width: 768px ) {
  .footer .footBox2 .footNav2 .item .head, .footer .footBox2 .footNav3 .item .head {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 34px;
    margin-top: -8px;
    margin-bottom: -8px;
  }
}
@media screen and (max-width: 767px ) {
  .footer .footBox2 .footNav2 .item .head, .footer .footBox2 .footNav3 .item .head {
    font-size: 22px;
    letter-spacing: 0.05em;
    line-height: 32px;
    margin-top: -5px;
    margin-bottom: -5px;
    text-align: left;
  }
}
.footer .footBox2 .footNav2 .item .head2, .footer .footBox2 .footNav3 .item .head2 {
  display: inline-block;
  color: #684434;
  padding-left: 60px;
  padding-right: 50px;
  position: relative;
}
@media screen and (min-width: 768px ) {
  .footer .footBox2 .footNav2 .item .head2, .footer .footBox2 .footNav3 .item .head2 {
    font-size: 22px;
    letter-spacing: 0.05em;
    line-height: 46px;
    margin-top: -5px;
    margin-bottom: -5px;
  }
}
@media screen and (max-width: 767px ) {
  .footer .footBox2 .footNav2 .item .head2, .footer .footBox2 .footNav3 .item .head2 {
    font-size: 20px;
    letter-spacing: 0.05em;
    line-height: 40px;
  }
}
.footer .footBox2 .footNav2 .item .head2::before, .footer .footBox2 .footNav2 .item .head2::after, .footer .footBox2 .footNav3 .item .head2::before, .footer .footBox2 .footNav3 .item .head2::after {
  content: "";
  display: block;
  position: absolute;
}
.footer .footBox2 .footNav2 .item .head2::before, .footer .footBox2 .footNav3 .item .head2::before {
  width: 50px;
  height: 40px;
  top: 0;
  left: 0;
}
.footer .footBox2 .footNav2 .item .head2::after, .footer .footBox2 .footNav3 .item .head2::after {
  top: 0;
  bottom: 0;
  right: 0;
  margin-top: auto;
  margin-bottom: auto;
  width: 40px;
  height: 1px;
  background-color: #684434;
}
@media screen and (max-width: 1079px ) and (min-width: 768px ) {
  .footer .footBox2 .footNav2 {
    margin-top: 55px;
	width: 100%;
  }
}
@media screen and (max-width: 767px ) {
  .footer .footBox2 .footNav2 {
    margin-top: 55px;
	width: 100%;
  }
}
/*@media screen and (min-width: 768px ) {
  .footer .footBox2 .footNav2 .item {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px ) {
  .footer .footBox2 .footNav2 .item {
    margin-top: 10px;
  }
}*/
.footer .footBox2 .footNav2 .item .head2::before {
  background: url(../img/common/mark_treatment.png.webp) center center/cover no-repeat;
}
@media screen and (min-width: 768px ) {
  .footer .footBox2 .footNav2 .item.itemHead1 {
    margin-top: 0;
  }
}
/*@media screen and (min-width: 768px ) {
  .footer .footBox2 .footNav2 .item.itemHead2 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767px ) {
  .footer .footBox2 .footNav2 .item.itemHead2 {
    margin-top: 30px;
  }
}*/
@media screen and (max-width: 1079px ) and (min-width: 768px ) {
  .footer .footBox2 .footNav3 {
    margin-top: 60px;
	  display: block;
  }
}
@media screen and (max-width: 767px ) {
  .footer .footBox2 .footNav3 {
    margin-top: 50px;
	  display: block;
  }
}
/*@media screen and (min-width: 768px ) {
  .footer .footBox2 .footNav3 .item {
    margin-top: 20px;
  }
}*/
.footer .footBox2 .footNav2 .item:not(.itemHead2),
.footer .footBox2 .footNav3 .item:not(.itemHead2){
	background: #fff;
    padding: 15px 20px;
	margin-top: 8px;
	text-align: left;
	align-items: center;
    display: flex;
	min-width: 250px;
}
@media screen and (max-width: 767px ) {
  .footer .footBox2 .footNav3 .item {
    margin-top: 20px;
  }
}
.footer .footBox2 .footNav3 .item .head2::before {
  background: url(../img/common/mark_treatment.png.webp) center center/cover no-repeat;
}
/*@media screen and (min-width: 768px ) {
  .footer .footBox2 .footNav3 .item.itemHead2 {
    margin-top: 58px;
  }
}
@media screen and (max-width: 767px ) {
  .footer .footBox2 .footNav3 .item.itemHead2 {
    margin-top: 30px;
  }
}*/
.footNav3{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.footNav3 li:first-of-type{
	width: 100%;
}
.footNav3 li{
	width: calc((100% - 10px) / 2 );
}
.footNav3 li .navLink1 .text1{
	white-space: unset;
}
@media screen and (min-width: 768px ) {
  .footer .footBox2 .footNav4 {
    max-width: 295px;
    margin-left: auto;
    margin-right: auto;
  }

}
@media screen and (max-width: 1079px ) and (min-width: 768px ) {
  .footer .footBox2 .footNav4 {
    margin-top: 50px;
  }
	.footNav3 li{
	width: 100%;
	}
}
@media screen and (max-width: 767px ) {
  .footer .footBox2 .footNav4 {
    margin-top: 50px;
  }
	.footNav3 li{
	width: 100%;
	}
}
@media screen and (min-width: 768px ) {
  .footer .footBox2 .footNav4 .item:not(:first-child) {
    margin-top: 60px;
  }
}
@media screen and (max-width: 767px ) {
  .footer .footBox2 .footNav4 .item:not(:first-child) {
    margin-top: 50px;
  }
}
@media screen and (min-width: 1080px ) {
  .footer .footBox3 {
    position: absolute;
    top: 200px;
    right: 60px;
  }
}
@media screen and (max-width: 1079px ) {
  .footer .footBox3 {
    margin: 60px auto 0;
  }
}
.footer .snsList {
	/*display: flex;
	flex-wrap: wrap;*/
	display: block;
	/*row-gap: 20px;*/
	column-gap: 0;
	/*width: calc(100% / 4);*/
	margin-top: 15px;
}
.footer .snsList .item{
	/*width: 35%;*/
	padding-bottom: 10px;
}
.footer .snsList .item a{
	margin: 0 auto;
}
/*.footer .footBox3 .snsList {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 1079px ) {
  .footer .footBox3 .snsList {
    justify-content: center;
  }
}
@media screen and (max-width: 1079px ) {
  .footer .footBox3 .snsList > .item:not(:first-child) {
    margin-top: 10px;
  }
}*/
@media screen and (max-width: 1080px ) and (min-width: 768px ){
	.footer .add-tel_wrap, 
	.footer .workingday{
		margin-left: 0;
		text-align: center;
	}
	.footer .workingday{
		margin-top: 20px;
	}
	.footer .snsList{
		margin-top: 10px;
	}
	.add-tel_wrap{
		margin-top: 50px;
	}
	.footer .footBox2{
		margin-top: 30px;
	}
}
@media screen and (max-width: 767px ) {
	.footer .footBox1 {
		display: block;
		height: auto;
	}
	.footer .footBox1 .add-tel_wrap{
		text-align: center;
		margin-top: 40px;
		margin-left: 0;
	}
	.footer .workingday{
		text-align: center;
		margin-left: 0;
		margin-top: 20px;
	}
	.footer .snsList{
		display: block;
		margin-top: 30px;
	}
	.footer .snsList .item{
		width: 100%;
	}
}

.footer .footBox4 {
  width: 100%;
}
@media screen and (min-width: 768px ) {
  .footer .footBox4 {
    margin-top: 100px;
  }
}
@media screen and (max-width: 767px ) {
  .footer .footBox4 {
    margin-top: 60px;
  }
}
.footer .footBox4 .copyright {
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 20px;
  margin-top: -4px;
  margin-bottom: -4px;
  text-align: center;
}
@media screen and (max-width: 767px ) {
  .footer .footBox4 .copyright {
    line-height: 15px;
  }
}

.popup {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
}
.popup .wrapper {
  width: 100%;
  height: 100%;
  padding: 6px;
  background-color: #E29E6C;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  -webkit-overflow-scrolling: touch;
}
.popup .wrapper > * {
  -webkit-transform: translateZ(0px);
}

body.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
}

.popMenu {
  background: #E29E6C;
}
.popMenu .wrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  min-height: 100vh;
  z-index: 100;
  padding: 0 5.3333333333%;
}
.popMenu .closeBtn {
  width: 45px;
  height: 58px;
  cursor: pointer;
}
.popMenu .closeBtn svg {
  display: block;
  width: 45px;
  height: 58px;
  fill: #ffffff;
}
.popMenu .menuHead {
  max-width: 1080px;
  height: 120px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.popMenu .menuHead .logo {
  display: block;
  position: absolute;
  top: 20px;
  left: 0;
  width: 122px;
  height: 100px;
}
.popMenu .menuHead .logo .logoIcon {
  display: block;
  width: 122px;
  height: 100px;
}
.popMenu .menuHead .popClose {
  position: absolute;
  top: 42px;
  right: 0;
}
.popMenu .mainArea {
  max-width: 315px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 0;
}
.popMenu .mainArea .reserveArea {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.popMenu .mainArea .reserveArea .head {
  font-size: 18px;
  letter-spacing: 0.09em;
  line-height: 36px;
  margin-top: -9px;
  margin-bottom: -9px;
  color: #ffffff;
  text-align: center;
}
.popMenu .mainArea .reserveArea .btn {
  min-width: 295px;
  margin-top: 20px;
}
.popMenu .mainArea .reserveArea .btn + .btn {
  margin-top: 10px;
}
.popMenu .mainArea .footNav3,
.popMenu .mainArea .footNav4,
.popMenu .mainArea .footNav5 {
  margin-top: 60px;
}
.popMenu .mainArea .footNav3 > .item + .item,
.popMenu .mainArea .footNav4 > .item + .item,
.popMenu .mainArea .footNav5 > .item + .item {
  margin-top: 10px;
}
.popMenu .mainArea .footNav3 > .item .head1,
.popMenu .mainArea .footNav4 > .item .head1,
.popMenu .mainArea .footNav5 > .item .head1 {
  color: #ffffff;
  font-size: 22px;
  letter-spacing: 0.05em;
  line-height: 32px;
  margin-top: -5px;
  margin-bottom: -5px;
}
.popMenu .mainArea .footNav3 > .item .head2,
.popMenu .mainArea .footNav4 > .item .head2,
.popMenu .mainArea .footNav5 > .item .head2 {
  display: inline-block;
  color: #ffffff;
  font-size: 22px;
  letter-spacing: 0.05em;
  line-height: 46px;
  margin-top: -5px;
  margin-bottom: -5px;
  padding-left: 60px;
  padding-right: 50px;
  position: relative;
}
.popMenu .mainArea .footNav3 > .item .head2::before, .popMenu .mainArea .footNav3 > .item .head2::after,
.popMenu .mainArea .footNav4 > .item .head2::before,
.popMenu .mainArea .footNav4 > .item .head2::after,
.popMenu .mainArea .footNav5 > .item .head2::before,
.popMenu .mainArea .footNav5 > .item .head2::after {
  content: "";
  display: block;
  position: absolute;
}
.popMenu .mainArea .footNav3 > .item .head2::before,
.popMenu .mainArea .footNav4 > .item .head2::before,
.popMenu .mainArea .footNav5 > .item .head2::before {
  width: 50px;
  height: 40px;
  background: url(../img/common/mark_treatment.png.webp) center center/cover no-repeat;
  top: 0;
  left: 0;
}
.popMenu .mainArea .footNav3 > .item .head2::after,
.popMenu .mainArea .footNav4 > .item .head2::after,
.popMenu .mainArea .footNav5 > .item .head2::after {
  top: 0;
  bottom: 0;
  right: 0;
  margin-top: auto;
  margin-bottom: auto;
  width: 40px;
  height: 1px;
  background-color: #ffffff;
}
.popMenu .mainArea .footNav3 > .item .navLink1 span,
.popMenu .mainArea .footNav4 > .item .navLink1 span,
.popMenu .mainArea .footNav5 > .item .navLink1 span {
  color: #ffffff;
}
@media screen and (max-width: 1079px ) and (min-width: 768px ) {
  .popMenu .mainArea .footNav3 > .item .navLink1 .text2,
.popMenu .mainArea .footNav4 > .item .navLink1 .text2,
.popMenu .mainArea .footNav5 > .item .navLink1 .text2 {
    font-size: 22px;
    letter-spacing: 0.05em;
    line-height: 32px;
    margin-top: -5px;
    margin-bottom: -5px;
  }
}
.popMenu .mainArea .footNav3 > .item .navLink1 .icon_face1,
.popMenu .mainArea .footNav4 > .item .navLink1 .icon_face1,
.popMenu .mainArea .footNav5 > .item .navLink1 .icon_face1 {
  fill: #ffffff;
}
@media screen and (max-width: 1079px ) and (min-width: 768px ) {
  .popMenu .mainArea .footNav3 > .item .navLink1 .icon_face1,
.popMenu .mainArea .footNav4 > .item .navLink1 .icon_face1,
.popMenu .mainArea .footNav5 > .item .navLink1 .icon_face1 {
    width: 80px;
    height: 80px;
  }
}
.popMenu .mainArea .footNav3 > .item .navLink1 .icon_arrow1,
.popMenu .mainArea .footNav4 > .item .navLink1 .icon_arrow1,
.popMenu .mainArea .footNav5 > .item .navLink1 .icon_arrow1 {
  background-color: #ffffff;
}
@media screen and (max-width: 1079px ) and (min-width: 768px ) {
  .popMenu .mainArea .footNav3 > .item .navLink1 .icon_arrow1,
.popMenu .mainArea .footNav4 > .item .navLink1 .icon_arrow1,
.popMenu .mainArea .footNav5 > .item .navLink1 .icon_arrow1 {
    width: 18px;
    height: 18px;
  }
}
.popMenu .mainArea .footNav3 > .item .navLink1 .icon_arrow1 svg,
.popMenu .mainArea .footNav4 > .item .navLink1 .icon_arrow1 svg,
.popMenu .mainArea .footNav5 > .item .navLink1 .icon_arrow1 svg {
  fill: #CC7E0C;
}
.popMenu .mainArea .footNav3 > .item .navLink1.disabled span,
.popMenu .mainArea .footNav4 > .item .navLink1.disabled span,
.popMenu .mainArea .footNav5 > .item .navLink1.disabled span {
  opacity: 0.4;
}
.popMenu .mainArea .footNav3 > .item .navLink1.disabled .icon_face1,
.popMenu .mainArea .footNav4 > .item .navLink1.disabled .icon_face1,
.popMenu .mainArea .footNav5 > .item .navLink1.disabled .icon_face1 {
  opacity: 0.4;
}
.popMenu .mainArea .footNav3 > .item .navLink1.disabled .icon_arrow1,
.popMenu .mainArea .footNav4 > .item .navLink1.disabled .icon_arrow1,
.popMenu .mainArea .footNav5 > .item .navLink1.disabled .icon_arrow1 {
  opacity: 0.4;
}
.popMenu .mainArea .footNav3 > .item .navLink1.disabled .icon_arrow1 svg,
.popMenu .mainArea .footNav4 > .item .navLink1.disabled .icon_arrow1 svg,
.popMenu .mainArea .footNav5 > .item .navLink1.disabled .icon_arrow1 svg {
  opacity: 0.4;
}
.popMenu .mainArea .footNav3 {
  margin-top: 60px;
}
.popMenu .mainArea .footNav3 > .item + .item {
  margin-top: 10px;
}
.popMenu .mainArea .footNav3 > .item:nth-child(2) {
  margin-top: 35px;
}
.popMenu .mainArea .footNav3 > .item:nth-child(3) {
  margin-top: 20px;
}
.popMenu .mainArea .footNav4 {
  margin-top: 30px;
}
.popMenu .mainArea .footNav4 > .item + .item {
  margin-top: 20px;
}
.popMenu .mainArea .footNav4 > .item:nth-child(2) {
  margin-top: 40px;
}
.popMenu .mainArea .footNav5 {
  margin-top: 40px;
}
.popMenu .mainArea .footNav5 > .item + .item {
  margin-top: 40px;
}
.popMenu .menuFooter {
  max-width: 315px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 40px;
}
.popMenu .menuFooter .snsList {
  padding: 20px 0;
  justify-content: left;
}
.popMenu .menuFooter .snsList > .item .icon svg {
  fill: #ffffff;
}
.popMenu .menuFooter .snsList > .item .icon.disabled svg {
  opacity: 0.4;
}
.popMenu .menuFooter .closeBtn {
  position: absolute;
  top: 2px;
  right: -3.1746031746%;
}


/*スマホ下固定ボタン*/
.sp_under_nav{
	display: none;
}
@media screen and (max-width: 767px ) {
.sp_under_nav {
    display: block;
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    z-index: 9;
    height: 52px;
}
.sp_under_nav ul {
    display: flex;
    justify-content: center;
    height: 100%;
}
.sp_under_nav li {
    width: -webkit-fill-available;
    width: -moz-available;
    width: stretch;
    box-sizing: border-box;
    background-color: #fff;
    text-align: center;
	border-top: solid 1px #f0f0f0;
}
.sp_under_nav li a {
    /*display: block;*/
    color: #684434;
    /*font-weight: bold;*/
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sp_under_nav li:not(:last-of-type) a{
	border-right: solid 1px #EEE1DB;
}
.sp_under_nav li a i {
    margin-right: 5px;
	font-size: 18px;
}
}

/**
 *  基本レイアウトで利用するCSS
 *  (ヘッダー、フッター、セクションの共通レイアウトなど)
 *
/* ======================================================================================= */
html {
  overflow-y: scroll;
}

@font-face {
  font-family: "ロゴたいぷゴシック-コンデンスド";
  src: url("https://cdn.leafscape.be/LogoTypeGothicCondense/07LogoTypeGothic-Condense_web.woff2") format("woff2");
}
body {
  line-height: 1.6;
  letter-spacing: 0;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #684434;
  background: #FFFBF8 url(../img/common/site_bg.png.webp) repeat center center;
  min-width: 100px;
  font-family: "ロゴたいぷゴシック-コンデンスド", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  /* IE10～11用のCSSハック */
}
.no-webp body {
  background-image: url(../img/common/site_bg.png);
}

#bodyWrapper > .fixedBg {
  width: 100%;
  height: 104vh;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}
#bodyWrapper > .fixedBg video {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#svgfile {
  display: none;
}

img {
  display: block;
  width: 100%;
  height: auto;
}
picture.width200 img {
	width: 200px;
}
picture.width400 img {
	width: 400px;
}
picture.width600 img {
	width: 600px;
}
picture.center img {
	display: block;
	margin: auto;
}
@media screen and (max-width: 767px ) {
picture.sp_width40per img {
	width: 40%;
}
picture.width400 img,
picture.width600 img {
	width: 100%;
}
	
}

.chitsu {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  text-indent: 100%;
  background: url(../img/common/chitsu.svg) left center/1em 1em no-repeat;
}
.chitsu.white {
  background-image: url(../img/common/chitsu_white.svg);
}
.chitsu.title {
  background-image: url(../img/common/chitsu_title.svg);
}
.chitsu.underline {
  background-image: url(../img/common/chitsu_line.svg);
}
.chitsu.underline_white {
  background-image: url(../img/common/chitsu_line_white.svg);
}
.chitsu.orange {
  background-image: url(../img/common/chitsu_orange.svg);
}

.ki {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  text-indent: 100%;
  background: url(../img/common/ki.svg) left center/1em 1em no-repeat;
}

.nowrap {
  white-space: nowrap;
}

.nonSpace {
  letter-spacing: 0;
}

.headGrp1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.top_campaign {
	padding: 100px 0 0;
	text-align: center;
	font-size: 18px;
	letter-spacing: 0.1em;
	line-height: 2;
	margin-bottom: -1px;
}
.top_campaign span {
	font-size: 26px;
	color: #CC7E0C;
	background: linear-gradient(transparent 26px, #F0C86F 4px);
}
@media screen and (max-width: 767px ) {
	.top_campaign span {
		font-size: 22px;
		background: linear-gradient(transparent 20px, #F0C86F 4px);
	}
}
@media screen and (min-width: 768px ) {
  .headGrp1 {
    padding-bottom: 120px;
  }
}
@media screen and (max-width: 767px ) {
  .headGrp1 {
    padding-bottom: 60px;
  }
}
@media screen and (min-width: 768px ) {
  .headGrp1 .head1 {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767px ) {
  .headGrp1 .head1 {
    margin-bottom: 26px;
  }
}
.headGrp1 .head1 img {
  width: auto;
  height: 80px;
}
.headGrp1 .head2 {
  color: #CC7E0C;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.2em;
  padding-left: 0.2em;
  margin-top: -5px;
}
@media screen and (min-width: 768px ) {
  .headGrp1 .head2 {
    margin-bottom: 55px;
  }
}
@media screen and (max-width: 767px ) {
  .headGrp1 .head2 {
    margin-bottom: 35px;
  }
}
@media screen and (min-width: 768px ) {
  .headGrp1 .head3 {
    font-size: 30px;
    line-height: 56px;
    letter-spacing: 0.1em;
    padding-left: 0.1em;
    margin-top: -13px;
    margin-bottom: -13px;
  }
}
@media screen and (max-width: 767px ) {
  .headGrp1 .head3 {
    font-size: 26px;
    line-height: 42px;
    letter-spacing: 0.05em;
    padding-left: 0.05em;
    margin-top: -8px;
    margin-bottom: -8px;
  }
}

.headGrp2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media screen and (min-width: 768px ) {
  .headGrp2 {
    padding-bottom: 120px;
    row-gap: 30px;
  }
}
@media screen and (max-width: 767px ) {
  .headGrp2 {
    padding-bottom: 60px;
    row-gap: 20px;
  }
}
.headGrp2 .head1 {
  color: #CC7E0C;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.2em;
  padding-left: 0.2em;
  margin-top: -5px;
  margin-bottom: -5px;
}
.headGrp2 .head2 {
  width: 60px;
  height: 30px;
}

.headGrp2 .head3 span:not(.chitsu) {
	display: block;
	font-size: 70%;
}
@media screen and (min-width: 768px ) {
  .headGrp2 .head3 {
    font-size: 30px;
    line-height: 56px;
    letter-spacing: 0.1em;
    padding-left: 0.1em;
    margin-top: -13px;
    margin-bottom: -13px;
  }
}
@media screen and (max-width: 767px ) {
  .headGrp2 .head3 {
    font-size: 25px;
    line-height: 42px;
    letter-spacing: 0.05em;
    padding-left: 0.05em;
    margin-top: -8px;
    margin-bottom: -8px;
  }
}

a.disabled {
  pointer-events: none;
}
a.disabled:hover {
  cursor: default;
}

.navLink1 {
  display: flex;
  align-items: center;
}
.navLink1 .text1 {
  position: relative;
  display: inline-block;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 24px;
  /*text-decoration: underline;*/
  margin-top: -3px;
  margin-bottom: -3px;
  white-space: nowrap;
}
	.popMenu .wrapper .item .navLink1.recruit .text2,
	.gNav .item .navLink1.recruit .text2,
	.footBox2 .item .navLink1.recruit .text2 {
		color: #d8075b!important;
	}
	.popMenu .wrapper .item .navLink1.recruit .icon_arrow1 svg {
		fill: #d8075b!important;
	}
	.gNav .navLink1.recruit .icon_arrow1,
 	.footBox2 .item .navLink1.recruit .icon_arrow1 {
		background: #d8075b!important;
	}
	.gNav .navLink1.recruit .icon_arrow1 svg {
		fill: #fff!important;
	}
@media screen and (max-width: 1079px ) and (min-width: 768px ) {
	.navLink1 .text1{
		white-space: normal;
	}
}
@media screen and (max-width: 767px ) and (min-width: 375px ) {
	.navLink1 .text1{
		white-space: normal;
	}
  .navLink1 .text1.small {
    letter-spacing: -0.07em;
	  white-space: normal;
  }
}
@media screen and (max-width: 374px ) {
	.navLink1 .text1{
		white-space: normal;
	}
  .navLink1 .text1.small {
    letter-spacing: -0.1em;
	  white-space: normal;
  }
}
@media screen and (max-width: 767px ) {
  .navLink1 .text1 .sp {
    display: inline;
  }
}
@media screen and (min-width: 768px ) {
  .navLink1 .text2 {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 24px;
    margin-top: -3px;
    margin-bottom: -3px;
  }
}
@media screen and (max-width: 767px ) {
  .navLink1 .text2 {
    font-size: 18px;
    letter-spacing: 0.05em;
    line-height: 32px;
    margin-top: -5px;
    margin-bottom: -5px;
  }
}
a.navLink1 .text2 {
  /*text-decoration: underline;*/
}

.navLink1 .text3 {
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
  text-decoration: underline;
  margin-top: -3px;
  margin-bottom: -3px;
}
.navLink1 .icon_face1 {
  fill: #CC7E0C;
  margin-right: 16px;
}
@media screen and (min-width: 768px ) {
  .navLink1 .icon_face1 {
    width: 50px;
    height: 50px;
  }
}
@media screen and (max-width: 767px ) {
  .navLink1 .icon_face1 {
    width: 80px;
    height: 80px;
  }
}
.navLink1 .icon_face2 {
  fill: #CC7E0C;
}
@media screen and (min-width: 768px ) {
  .navLink1 .icon_face2 {
    margin-bottom: 20px;
    width: 130px;
    height: 130px;
  }
}
@media screen and (max-width: 767px ) {
  .navLink1 .icon_face2 {
    margin-bottom: 14px;
    max-width: 136px;
    max-height: 136px;
  }
}
.navLink1 .icon_arrow1 {
  display: block;
  background-color: #CC7E0C;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 6px;
  transition: all 0.3s ease-out;
}
@media screen and (min-width: 768px ) {
  .navLink1 .icon_arrow1 {
    width: 16px;
    height: 16px;
  }
}
@media screen and (max-width: 767px ) {
  .navLink1 .icon_arrow1 {
    width: 18px;
    height: 18px;
  }
}
.navLink1 .icon_arrow1 svg {
  display: block;
  fill: #ffffff;
  width: 6px;
  height: 6px;
}
@media screen and (min-width: 768px ) {
  .navLink1:hover:not(.disabled) .icon_arrow1 {
    transform: translateX(6px);
  }
}
.navLink1 .icon_arrow2 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  width: 42px;
  height: 6px;
  padding-left: 36px;
  transform: rotate(90deg);
}
.navLink1 .icon_arrow2 svg {
  display: block;
  fill: #CC7E0C;
  width: 6px;
  height: 6px;
}

.navLink1.type2 {
  flex-direction: column;
}
.navLink1.type2 .textGrp {
  display: flex;
}
@media screen and (min-width: 768px ) {
  .navLink1.type2 .textGrp {
    max-width: 130px;
  }
}
@media screen and (max-width: 767px ) {
  .navLink1.type2 .textGrp {
    max-width: 136px;
  }
}
@media screen and (min-width: 768px ) {
  .navLink1.type2 .icon_arrow1 {
    margin-top: 1px;
  }
}
.navLink1.type2 .icon_arrow1.nospace {
  margin-left: 0;
}

.navLink1.disabled span {
  color: #cccccc;
}
.navLink1.disabled .icon_arrow1 {
  background: #cccccc;
}
.navLink1.disabled .icon_arrow1 svg {
  fill: #ffffff;
}
.navLink1.disabled .icon_arrow2 svg {
  fill: #cccccc;
}
.navLink1.disabled svg.icon_face1 {
  fill: #cccccc;
}
.navLink1.disabled svg.icon_face2 {
  fill: #cccccc;
}

.snsList {
  display: flex;
  align-items: center;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
.snsList > .item .icon {
  display: block;
}
@media screen and (min-width: 768px ) {
  .snsList > .item .icon {
    width: 206px;
    height: 60px;
  }
}
@media screen and (max-width: 767px ) {
  .snsList > .item .icon {
    max-width: 295px;
    max-height: 86px;
    width: 100%;
    height: auto;
  }
}
.snsList > .item .icon svg {
  display: block;
  fill: #684434;
  width: 100%;
  height: 100%;
}
.snsList > .item .icon.instagram {
  width: 20px;
  height: 20px;
}
.snsList > .item .icon.twitter {
  width: 20px;
  height: 18px;
}
.snsList > .item .icon.facebook {
  width: 20px;
  height: 20px;
}
.snsList > .item .icon.line {
  width: 20px;
  height: 18px;
}
.snsList > .item .icon.disabled svg {
  fill: #cccccc;
}

.flexOrder1 {
  order: 1;
}

.flexOrder2 {
  order: 2;
}

.flexOrder3 {
  order: 3;
}

.flexOrder4 {
  order: 4;
}

.flexOrder5 {
  order: 5;
}

.flexOrder6 {
  order: 6;
}

.flexOrder7 {
  order: 7;
}

.flexOrder8 {
  order: 8;
}

.flexOrder9 {
  order: 9;
}

@media screen and (max-width: 767px ) {
  .spflexOrder1 {
    order: 1;
  }

  .spflexOrder2 {
    order: 2;
  }

  .spflexOrder3 {
    order: 3;
  }

  .spflexOrder4 {
    order: 4;
  }

  .spflexOrder5 {
    order: 5;
  }

  .spflexOrder6 {
    order: 6;
  }

  .spflexOrder7 {
    order: 7;
  }

  .spflexOrder8 {
    order: 8;
  }

  .spflexOrder9 {
    order: 9;
  }
}
@media screen and (min-width: 768px ) {
  .pc {
    display: block;
  }
}
@media screen and (max-width: 767px ) {
  .pc {
    display: none;
  }
}

@media screen and (min-width: 768px ) {
  .sp {
    display: none;
  }
}
@media screen and (max-width: 767px ) {
  .sp {
    display: block;
  }
}

@media screen and (min-width: 1320px ) {
  .xl {
    display: block;
  }
}
@media screen and (max-width: 1319px ) and (min-width: 1080px ) {
  .xl {
    display: none;
  }
}
@media screen and (max-width: 1079px ) {
  .xl {
    display: none;
  }
}

@media screen and (min-width: 1080px ) {
  .md {
    display: none;
  }
}
@media screen and (max-width: 1079px ) and (min-width: 768px ) {
  .md {
    display: block;
  }
}
@media screen and (max-width: 767px ) {
  .md {
    display: none;
  }
}

@media screen and (min-width: 1080px ) {
  .xlandlg {
    display: block;
  }
}
@media screen and (max-width: 1079px ) {
  .xlandlg {
    display: none;
  }
}

@media screen and (min-width: 1080px ) {
  .mdandsp {
    display: none;
  }
}
@media screen and (max-width: 1079px ) {
  .mdandsp {
    display: block;
  }
}

.listLayout1 {
  display: flex;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  flex-wrap: wrap;
}
@media screen and (min-width: 1080px ) {
  .listLayout1 {
    max-width: 800px;
    justify-content: space-between;
  }
}
@media screen and (max-width: 1079px ) {
  .listLayout1 {
    max-width: 320px;
    justify-content: space-between;
  }
}
@media screen and (max-width: 1079px ) {
  .listLayout1 > .item:nth-child(3),
.listLayout1 > .item:nth-child(4) {
    margin-top: 30px;
  }
}

.listLayout2 {
  max-width: 1000px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px ) {
  .listLayout2 {
    flex-direction: column;
  }
}

.listLayout3 {
  display: flex;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px ) {
  .listLayout3 {
    max-width: 1200px;
    justify-content: space-between;
  }
}
@media screen and (max-width: 767px ) {
  .listLayout3 {
    max-width: 335px;
    width: 100%;
    justify-content: center;
  }
}
@media screen and (max-width: 767px ) {
  .listLayout3 > .item + .item {
    margin-top: 60px;
  }
}
@media screen and (min-width: 768px ) {
  .listLayout3 > .item:nth-child(3),
.listLayout3 > .item:nth-child(4) {
    margin-top: 160px;
  }
}
.listLayout4 {
	margin: 1em 0;
}
.listLayout4 li {
	position: relative;
	line-height: 2;
	padding-left: 20px;
	font-size: 18px;
}
.listLayout4 li:before {
	position: absolute;
	content: "";
	width: 5px;
	height: 5px;
	background: #CC7E0C;
	transform: rotate(-45deg);
	top: 16px;
	left: 5px;
}

.sec {
  background: #FFFBF8 url(../img/common/site_bg.png.webp) repeat center center;
}
.no-webp .sec {
  background-image: url(../img/common/site_bg.png);
}
@media screen and (min-width: 1080px ) {
  .sec {
    padding-top: 240px;
  }
}
@media screen and (max-width: 1079px ) and (min-width: 768px ) {
  .sec {
    padding-top: 160px;
  }
}
@media screen and (max-width: 767px ) {
  .sec {
    padding-top: 120px;
  }
}
.sec .wrapper {
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 768px ) {
  .sec .wrapper {
    max-width: 1280px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 767px ) {
  .sec .wrapper {
    padding-left: /*10.6666666667%;*/8.6666666667%;
    padding-right: /*10.6666666667%;*/8.6666666667%;
  }
}

.reserveSec {
  background: rgba(226, 158, 108, 0.9);
  text-align: center;
  overflow: hidden;
}
@media screen and (min-width: 1080px ) {
  .reserveSec {
    padding-top: 200px;
    padding-bottom: 200px;
  }
}
@media screen and (max-width: 1079px ) and (min-width: 768px ) {
  .reserveSec {
    padding-top: 140px;
    padding-bottom: 140px;
  }
}
@media screen and (max-width: 767px ) {
  .reserveSec {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 767px ) {
  .reserveSec .wrapper {
    padding-left: 12.5px;
    padding-right: 12.5px;
  }
}
.reserveSec .secHead {
  color: #ffffff;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px ) {
  .reserveSec .secHead {
    margin-top: -13px;
    margin-bottom: -13px;
    font-size: 30px;
    line-height: 56px;
  }
}
@media screen and (max-width: 767px ) {
  .reserveSec .secHead {
    margin-top: -8px;
    margin-bottom: -8px;
    font-size: 26px;
    line-height: 42px;
  }
}
.reserveSec .secText {
  color: #ffffff;
  font-size: 18px;
}
@media screen and (min-width: 768px ) {
  .reserveSec .secText {
    letter-spacing: 0.1em;
    line-height: 38px;
    margin-top: 50px;
    margin-bottom: -10px;
  }
}
@media screen and (max-width: 767px ) {
  .reserveSec .secText {
    letter-spacing: 0.09em;
    line-height: 36px;
    margin-top: 31px;
    margin-bottom: -9px;
  }
}
.reserveSec .note {
  margin: 16px 0 -4px;
  color: #ffffff;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px ) {
  .reserveSec .listLayout2 {
    margin-top: 60px;
  }
}
@media screen and (max-width: 767px ) {
  .reserveSec .listLayout2 {
    margin-top: 40px;
  }
}
@media screen and (min-width: 768px ) {
  .reserveSec .listLayout2 > .btn {
    width: 47%;
  }
}
@media screen and (max-width: 767px ) {
  .reserveSec .listLayout2 > .btn + .btn {
    margin-top: 10px;
  }
}

.workingTable {
  max-width: 398px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  border-top: 1px solid #9D897A;
}
.workingTable tr {
  border-bottom: 1px solid #9D897A;
}
@media screen and (min-width: 768px ) {
  .workingTable tr {
    height: 73px;
  }
}
@media screen and (max-width: 767px ) {
  .workingTable tr {
    height: 53px;
  }
}
@media screen and (min-width: 768px ) {
  .workingTable tr:first-child {
    height: 79px;
  }
}
@media screen and (max-width: 767px ) {
  .workingTable tr:first-child {
    height: 59px;
  }
}
.workingTable tr th, .workingTable tr td {
  font-size: 18px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}
.workingTable tr th .mark1, .workingTable tr td .mark1 {
  width: 12px;
  height: 12px;
  fill: #684434;
  vertical-align: middle;
}
.workingTable tr th .mark2, .workingTable tr td .mark2 {
  width: 4px;
  height: 1px;
  fill: #684434;
  vertical-align: middle;
}

@media screen and (max-width: 767px ) {
  .clinicArea .wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}
.clinicArea .imgLayout {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  width: 100%;
}
.clinicArea .imgLayout::after {
  content: "";
  display: block;
  clear: both;
}
@media screen and (min-width: 768px ) {
  .clinicArea .imgLayout > .box1 {
    float: left;
    width: 66.6666666667%;
    height: auto;
  }
}
@media screen and (min-width: 768px ) {
  .clinicArea .imgLayout > .box2 {
    float: right;
    width: 32.5%;
    height: auto;
  }
}
@media screen and (max-width: 767px ) {
  .clinicArea .imgLayout > .box2 {
    display: flex;
    justify-content: center;
    margin-top: 6px;
  }
}
.clinicArea .imgLayout > .box1 .item, .clinicArea .imgLayout > .box2 .item {
  display: block;
  height: auto;
  border-radius: 4px;
  overflow: hidden;
}
@media screen and (max-width: 767px ) {
  .clinicArea .imgLayout > .box1 .item.pic1, .clinicArea .imgLayout > .box2 .item.pic1 {
    border-radius: 0;
  }
}
@media screen and (max-width: 767px ) {
  .clinicArea .imgLayout > .box1 .item.pic2, .clinicArea .imgLayout > .box2 .item.pic2 {
    width: 53.0666666667%;
    margin-left: 6px;
  }
}
@media screen and (min-width: 768px ) {
  .clinicArea .imgLayout > .box1 .item.pic3, .clinicArea .imgLayout > .box2 .item.pic3 {
    margin-top: 2.5641025641%;
  }
  .clinicArea .imgLayout > .box1 .item.pic3 img, .clinicArea .imgLayout > .box2 .item.pic3 img {
    width: 41.0256410256%;
  }
}
@media screen and (max-width: 767px ) {
  .clinicArea .imgLayout > .box1 .item.pic3, .clinicArea .imgLayout > .box2 .item.pic3 {
    width: 34.6666666667%;
  }
}
.clinicArea .clinicHead {
  padding-left: 0.05em;
  color: #CC7E0C;
  text-align: center;
  font-size: 22px;
  letter-spacing: 0.05em;
  line-height: 32px;
}
@media screen and (min-width: 768px ) {
  .clinicArea .clinicHead {
    margin-top: 115px;
    margin-bottom: 55px;
  }
}
@media screen and (max-width: 767px ) {
  .clinicArea .clinicHead {
    margin-top: 55px;
    margin-bottom: 35px;
  }
}
@media screen and (max-width: 767px ) {
  .clinicArea .timeLayout {
    padding: 0 10.6666666667%;
  }
}
.clinicArea .timeLayout .time {
  margin-top: -10px;
  margin-bottom: -10px;
  padding-left: 0.05em;
  text-align: center;
  font-size: 22px;
  line-height: 42px;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px ) {
  .clinicArea .timeLayout .workingTable {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767px ) {
  .clinicArea .timeLayout .workingTable {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px ) {
  .clinicArea .contactLayout {
    padding: 0 5.3333333333%;
  }
}
.clinicArea .contactLayout .contact {
  text-align: center;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px ) {
  .clinicArea .contactLayout .contact {
    font-size: 26px;
    line-height: 42px;
    margin-top: -8px;
    margin-bottom: -8px;
  }
}
@media screen and (max-width: 767px ) {
  .clinicArea .contactLayout .contact {
    font-size: 22px;
    line-height: 32px;
    margin-top: -5px;
    margin-bottom: -5px;
  }
}
.clinicArea .contactLayout .contact svg {
  display: inline-block;
  width: 22px;
  height: 22px;
  fill: #684434;
  margin-right: 10px;
}
@media screen and (min-width: 768px ) {
  .clinicArea .contactLayout .contact svg {
    vertical-align: -1px;
  }
}
@media screen and (max-width: 767px ) {
  .clinicArea .contactLayout .contact svg {
    vertical-align: -3px;
  }
}
.clinicArea .contactLayout .text1 {
  text-align: center;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 26px;
  margin-bottom: -6px;
  margin-right: -4px;
}
@media screen and (min-width: 768px ) {
  .clinicArea .contactLayout .text1 {
    margin-top: 25px;
  }
}
@media screen and (max-width: 767px ) {
  .clinicArea .contactLayout .text1 {
    margin-top: 15px;
  }
}
.clinicArea .mapLayout {
  max-width: 1000px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px ) {
  .clinicArea .mapLayout {
    padding: 0 5.3333333333%;
  }
}
.clinicArea .mapLayout .box {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1079px ) {
  .clinicArea .mapLayout .box {
    flex-direction: column;
  }
}
.clinicArea .mapLayout .box .box1 iframe {
  max-width: 100%;
}
@media screen and (min-width: 1080px ) {
  .clinicArea .mapLayout .box .box2 {
    margin-left: 6%;
  }
}
@media screen and (max-width: 767px ) {
  .clinicArea .mapLayout .box .box2 {
    padding: 0 5.9701492537%;
  }
}
.clinicArea .mapLayout .box .text1 {
  font-size: 18px;
}
@media screen and (min-width: 768px ) {
  .clinicArea .mapLayout .box .text1 {
    margin-top: -10px;
    margin-bottom: -10px;
    line-height: 38px;
    letter-spacing: 0.1em;
  }
  .clinicArea .mapLayout .box .text1 + .text1 {
    margin-top: 30px;
  }
}
@media screen and (max-width: 1079px ) and (min-width: 768px ) {
  .clinicArea .mapLayout .box .text1 {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px ) {
  .clinicArea .mapLayout .box .text1 {
    margin-top: 20px;
    margin-bottom: -9px;
    line-height: 36px;
    letter-spacing: 0.09em;
  }
}
@media screen and (min-width: 768px ) {
  .clinicArea .btn {
    margin: 120px auto 0;
  }
}
@media screen and (max-width: 767px ) {
  .clinicArea .btn {
    margin: 60px auto 0;
  }
}

#secTop {
  padding-top: 0;
}
#secTop .bg {
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
@media screen and (min-width: 768px ) {
  #secTop .bg {
    height: 500px;
  }
}
@media screen and (max-width: 767px ) {
  #secTop .bg {
    height: 360px;
  }
}
#secTop .bg::after {
  content: "";
  display: block;
  width: 100%;
  background: url(../img/common/top_bg_curve.png.webp) bottom center/100% 100% no-repeat;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px ) {
  #secTop .bg::after {
    height: 40px;
  }
}
@media screen and (max-width: 767px ) {
  #secTop .bg::after {
    height: 30px;
  }
}
.no-webp #secTop .bg::after {
  background-image: url(../img/common/top_bg_curve.png);
}
#secTop .pageHead1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media screen and (min-width: 768px ) {
  #secTop .pageHead1 {
    margin-top: -80px;
  }
}
@media screen and (max-width: 767px ) {
  #secTop .pageHead1 {
    margin-top: -70px;
  }
}
@media screen and (min-width: 768px ) {
  #secTop .pageHead1 .head1 {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 767px ) {
  #secTop .pageHead1 .head1 {
    margin-bottom: 30px;
  }
}
#secTop .pageHead1 .head1 img {
  width: auto;
  height: 80px;
}
#secTop .pageHead1 .head2 {
  font-size: 30px;
  line-height: 56px;
  letter-spacing: 0.1em;
  padding-left: 0.1em;
  margin-top: -13px;
  margin-bottom: -13px;
}
#secTop .pageHead1 .head3 {
  fill: #E29E6C;
}
@media screen and (min-width: 768px ) {
  #secTop .pageHead1 .head3 {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px ) {
  #secTop .pageHead1 .head3 {
    margin-top: 20px;
  }
}

#secTopPlain {
  padding-top: 140px;
}
#secTopPlain .pageHead {
  width: 100%;
  background-color: #B79F7B;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
}
@media screen and (min-width: 768px ) {
  #secTopPlain .pageHead {
    height: /*260px;*/280px;
  }
}
@media screen and (max-width: 767px ) {
  #secTopPlain .pageHead {
    height: /*246px;*/300px;
  }
}
#secTopPlain .pageHead .head {
  font-size: 30px;
  line-height: 56px;
  letter-spacing: 0.1em;
  margin-right: -0.1em;
  margin-top: -13px;
  margin-bottom: -13px;
}
#secTopPlain .pageHead .head_en {
  margin-top: 20px;
  fill: #FFD3A0;
}
@media screen and (min-width: 1080px ) {
  #secTopPlain + .sec {
    padding-top: 160px;
  }
}
@media screen and (max-width: 1079px ) and (min-width: 768px ) {
  #secTopPlain + .sec {
    padding-top: 100px;
  }
}
@media screen and (max-width: 767px ) {
  #secTopPlain + .sec {
    padding-top: 60px;
  }
}

/* メンズ美容医療 */
#mens_medical_beauty .headGrp2 .head3,
#mens_medical_beauty .head05,
#mens_medical_beauty .baseText {
	color: #000;
}
#mens_medical_beauty .sec_bg01 {
	background: #9b7a4a;
	color: #fff;
}
#mens_medical_beauty #sec1.sec_bg01 .baseText,
#mens_medical_beauty #sec1.sec_bg01 .headGrp2 .head3 {
	color: #fff;
}
#mens_medical_beauty .sec_inner {
	background: #33339b;
	padding: 40px 40px 100px;
}
#mens_medical_beauty .sec_inner02 {
	background: #fff;
	color: #684434;
	padding: 40px 40px 100px;
	border: 20px solid #33339b;
}
#mens_medical_beauty .headGrp2 .head1 {
	color: #ffa726;
}
@media screen and (max-width: 767px ) {
	#mens_medical_beauty .sec_inner {
		padding: 40px 10px;
	}
	#mens_medical_beauty .sec_inner02 {
		padding: 40px 20px 60px;
	}
}

#mens_medical_beauty .menu_list {
	font-size: 18px;
	margin-bottom: 20px;
}
#mens_medical_beauty .menu_list a {
	text-decoration: underline;
}
#mens_medical_beauty .menu_list .menu_list_tit {
	font-size: 24px;
	color: #33339b;
	
}
#mens_medical_beauty .menu_list dl {
	margin-bottom: 20px;
	padding-left: 10px;
	color: #000;
}
#mens_medical_beauty .menu_list dt {
	font-size: 22px;
	position: relative;
	padding-left: 10px;
}
#mens_medical_beauty .menu_list dt:before {
	position: absolute;
	content: "";
	height: 0;
	width: 0;
	border: solid;
	border-color: rgba(0, 0, 0, 0);
	border-left-color: #8bd;
	border-width: 8px 8px 8px 8px;
	top: 10px;
	left: 0;
}
#mens_medical_beauty .menu_list dd {
	padding-left: 20px;
}



.textLayout1 {
  max-width: 800px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.textLayout1 .text1 {
  font-size: 18px;
  text-align: justify;
}
@media screen and (min-width: 768px ) {
  .textLayout1 .text1 {
    letter-spacing: 0.1em;
    line-height: 38px;
    margin-top: -10px;
    margin-bottom: -10px;
  }
}
@media screen and (max-width: 767px ) {
  .textLayout1 .text1 {
    letter-spacing: 0.09em;
    line-height: 36px;
    margin-top: -9px;
    margin-bottom: -9px;
  }
}
@media screen and (min-width: 768px ) {
  .textLayout1 .text1 + .text1 {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767px ) {
  .textLayout1 .text1 + .text1 {
    margin-top: 31px;
  }
}
.textLayout1 .text2 {
  margin-top: -9px;
  margin-bottom: -9px;
  margin-right: -4px;
  padding-left: 38px;
  font-size: 18px;
  line-height: 36px;
  letter-spacing: 0.09em;
  position: relative;
}
@media screen and (min-width: 768px ) {
  .textLayout1 .text2 + .text2 {
    margin-top: 41px;
  }
}
@media screen and (max-width: 767px ) {
  .textLayout1 .text2 + .text2 {
    margin-top: 31px;
  }
}
.textLayout1 .text2 .icon {
  display: block;
  width: 22px;
  height: 22px;
  fill: #CC7E0C;
  position: absolute;
  top: 7px;
  left: 0;
}

.imgTextLayout1 {
  display: flex;
  max-width: 1200px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  align-items: center;
}
@media screen and (min-width: 1080px ) {
  .imgTextLayout1 {
    justify-content: space-between;
  }
}
@media screen and (max-width: 1079px ) {
  .imgTextLayout1 {
    flex-direction: column;
  }
}
@media screen and (min-width: 1080px ) {
  .imgTextLayout1 .box1 {
    width: 50%;
    padding-right: 5%;
  }
}
@media screen and (max-width: 1079px ) {
  .imgTextLayout1 .box1 {
    width: 100%;
    max-width: 480px;
  }
}
@media screen and (min-width: 1080px ) {
  .imgTextLayout1 .box2 {
    width: 50%;
  }
}
@media screen and (max-width: 1079px ) {
  .imgTextLayout1 .box2 {
    width: 100%;
    max-width: 540px;
    margin-top: 30px;
  }
}
.imgTextLayout1 .box2 .text1 {
  font-size: 18px;
}
@media screen and (min-width: 768px ) {
  .imgTextLayout1 .box2 .text1 {
    letter-spacing: 0.1em;
    line-height: 38px;
    margin-top: -10px;
    margin-bottom: -10px;
  }
}
@media screen and (max-width: 767px ) {
  .imgTextLayout1 .box2 .text1 {
    letter-spacing: 0.09em;
    line-height: 36px;
    margin-top: -9px;
    margin-bottom: -9px;
  }
}

@media screen and (min-width: 1080px ) {
  .slider .slick-slide {
    margin-right: 50px;
    margin-left: 50px;
  }
}
@media screen and (max-width: 1079px ) and (min-width: 768px ) {
  .slider .slick-slide {
    margin-right: 20px;
    margin-left: 20px;
  }
}
@media screen and (max-width: 767px ) {
  .slider .slick-slide {
    margin-right: 10px;
    margin-left: 10px;
  }
}
.slider .slick-prev, .slider .slick-next {
  z-index: 1;
  display: block;
  background-color: #fff;
  box-shadow: 0 10px 20px rgba(104, 68, 52, 0.3);
  border-radius: 50%;
  position: absolute;
  top: 50%;
}
@media screen and (min-width: 768px ) {
  .slider .slick-prev, .slider .slick-next {
    width: 40px;
    height: 40px;
  }
}
@media screen and (max-width: 767px ) {
  .slider .slick-prev, .slider .slick-next {
    width: 32px;
    height: 32px;
  }
}
.slider .slick-prev::after, .slider .slick-next::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: url(../svg/icons/icon_right.svg) center center/contain no-repeat;
  position: absolute;
}
@media screen and (min-width: 768px ) {
  .slider .slick-prev::after, .slider .slick-next::after {
    top: 15px;
    left: 15px;
  }
}
@media screen and (max-width: 767px ) {
  .slider .slick-prev::after, .slider .slick-next::after {
    top: 11px;
    left: 11px;
  }
}
.slider .slick-prev.disabled, .slider .slick-next.disabled {
  display: none;
}
.slider .slick-prev:hover, .slider .slick-prev:focus, .slider .slick-next:hover, .slider .slick-next:focus {
  background-color: #fff;
}
@media screen and (min-width: 1080px ) {
  .slider .slick-prev {
    left: 180px;
  }
}
@media screen and (max-width: 1079px ) and (min-width: 768px ) {
  .slider .slick-prev {
    left: 150px;
  }
}
@media screen and (max-width: 767px ) {
  .slider .slick-prev {
    left: 24px;
  }
}
.slider .slick-prev::after {
  transform: scaleX(-1);
}
@media screen and (min-width: 1080px ) {
  .slider .slick-next {
    right: 180px;
  }
}
@media screen and (max-width: 1079px ) and (min-width: 768px ) {
  .slider .slick-next {
    right: 150px;
  }
}
@media screen and (max-width: 767px ) {
  .slider .slick-next {
    right: 24px;
  }
}
.slider .pic img {
  border-radius: 4px;
}


/*-------- price.phpのタブここから --------*/
.tab-wrap {
  display: flex;
  flex-wrap: wrap;
  margin:20px 0;
}
.tab-wrap:after {
  content: '';
  width: 100%;
  height: 3px;
  background: #DE9158;
  display: block;
  order: -1;
}
.tab-label {
  color: White;
  background: LightGray;
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(0,0,0,.2);
  white-space: nowrap;
  text-align: center;
  padding: 10px .5em;
  order: -1;
  position: relative;
  z-index: 1;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
  flex: 1;
}
.tab-label:not(:last-of-type) {
  margin-right: 5px;
}
.tab-content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
/* アクティブなタブ */
.tab-switch:checked+.tab-label {
  background: #DE9158;
}
.tab-switch:checked+.tab-label+.tab-content {
  height: auto;
  overflow: auto;
  padding: 35px 15px 80px;
  opacity: 1;
  transition: .5s opacity;
  box-shadow: 0 0 3px rgba(0,0,0,.2);
}
@media screen and (max-width: 768px ) {
	.tab-switch:checked+.tab-label+.tab-content{
		padding: 35px 20px 80px;
	}
}
/* ラジオボタン非表示 */
.tab-switch {
  display: none;
}
@media screen and (max-width: 768px ) {
	.tab-label {
        white-space: unset;
		font-size: 3.5vw;
		padding: 10px 0.5em 5px;
	}
}

.tab-content .headGrp2 .priceGrp{
	padding-top: 100px;
    margin-top:-100px;
}

/*--- アンカーリンク ---*/
.ank_single {
    position: relative;
    margin: 0 20px 120px;
}
.anklink {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.anklink li {
    width: 46%;
    display: flex;
    align-items: center;
    align-content: flex-start;
    justify-content: space-between;
    position: relative;
    margin: 0 0 10px;
}
.anklink li a {
    width: 100%;
    height: 100%;
    padding: 10px;
    border: 1px solid #B19B8E;
	background-color: #B19B8E;
    font-weight: bold;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    transition: 0.1s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
	border-radius: 30px;
}
.anklink li a:hover {
	border: 1px solid #B19B8E;
    background-color: #fff;
    color: #B19B8E;
}
@media screen and (max-width: 768px ) {
	.ank_single{
		margin: 0px 0px 80px;
	}
	.anklink li {
		width: calc((100% - 10px) / 2);
		/*width: 100%;*/
		margin: 0 0 10px;
	}
	.anklink li a{
		border-radius: /*40px;*/20px;
		font-size: /*3.6vw;*/3.2vw;
		padding: 8px 10px;
		height: calc(3.2vw * 6);
	}
}
/*-------- price.phpのタブここまで --------*/

.priceGrp .className {
  font-size: /*22px;*/26px;
  letter-spacing: 0.05em;
  line-height: 42px;
  position: relative;
  margin-top: -10px;
  padding-left: 19px;
}
@media screen and (min-width: 768px ) {
  .priceGrp .className ,
	#id6-1.priceGrp .className {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767px ) {
  .priceGrp .className,
	#id6-1.priceGrp .className{
    margin-bottom: 20px;
    margin-right: -19px;
	font-size: /*4vw;*/5vw;
  }
}
.priceGrp .className::before {
  content: "";
  width: 3px;
  height: /*22px;*/26px;
  border-radius: 2px;
  display: block;
  background: #CC7E0C;
  position: absolute;
  top: 10px;
  left: 0;
}
.priceGrp .listPrice {
  display: flex;
  flex-direction: column;
  align-items: center;
	margin-bottom: 40px;
}
@media screen and (min-width: 768px ) {
  .priceGrp .listPrice {
    row-gap: 10px;
  }
}
@media screen and (max-width: 767px ) {
  .priceGrp .listPrice {
    padding-bottom: 11px;
    row-gap: 10px;
  }
}
.priceGrp .listPrice .item {
  background-color: #fff;
  border: 1px solid #F7F3E7;
  border-radius: 4px;
  display: flex;
}
@media screen and (min-width: 768px ) {
  .priceGrp .listPrice .item {
    width: 100%;
    padding: 40px 40px;
    justify-content: space-between;
  }
}
@media screen and (max-width: 767px ) {
  .priceGrp .listPrice .item {
    width: 113.5593220339%;
    padding: 30px 18px;
    flex-flow: column;
    position: relative;
  }
}
@media screen and (min-width: 768px ) {
  .priceGrp .listPrice .box1 {
    width: /*52.9247910864%;*/40.924791%;
  }
}
.priceGrp .listPrice .box1 .listHead {
  display: flex;
  align-items: flex-start;
}
@media screen and (min-width: 768px ) {
  .priceGrp .listPrice .box1 .listHead {
    -moz-column-gap: 12px;
         column-gap: 12px;
  }
}
@media screen and (max-width: 767px ) {
  .priceGrp .listPrice .box1 .listHead {
    -moz-column-gap: 8px;
         column-gap: 8px;
  }
}
.priceGrp .listPrice .box1 .listHead .icon {
  width: /*22px;*/24px;
  height: /*22px;*/24px;
  fill: #CC7E0C;
  flex: none;
}
.priceGrp .listPrice .box1 .listHead .head {
  line-height: 22px;
}
@media screen and (min-width: 768px ) {
  .priceGrp .listPrice .box1 .listHead .head {
    font-size: /*18px;*/22px;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px ) {
  .priceGrp .listPrice .box1 .listHead .head {
    /*font-size: 20px;*/
	  font-size: /*14px;*/18px;
    letter-spacing: 0.09em;
  }
}
.priceGrp .listPrice .box1 .desc {
  font-size: 15px;
  line-height: 26px;
  margin-top: -5px;
  margin-bottom: -6px;
}
@media screen and (min-width: 768px ) {
  .priceGrp .listPrice .box1 .desc {
    margin-top: 25px;
  }
}
@media screen and (max-width: 767px ) {
  .priceGrp .listPrice .box1 .desc {
    margin-top: 19px;
  }
}
.priceGrp .listPrice .box2 {
  position: relative;
}
@media screen and (min-width: 768px ) {
  .priceGrp .listPrice .box2 {
    width: /*41.782729805%;*/57.78273%;
    padding-left: /*5.5710306407%;*/3.5710306407%;
    margin-top: -1px;
    display: flex;
    flex-flow: column;
    justify-content: center;
  }
}
@media screen and (max-width: 767px ) {
  .priceGrp .listPrice .box2 {
    margin-top: 20px;
  }
}
.priceGrp .listPrice .box2::before {
  content: "";
  position: absolute;
  background-color: #D1C6BD;
  margin: auto;
}
@media screen and (min-width: 768px ) {
  .priceGrp .listPrice .box2::before {
    top: 0;
    bottom: 0;
    left: 0;
    width: 1px;
    height: calc(100% - 6px);
  }
}
@media screen and (max-width: 767px ) {
  .priceGrp .listPrice .box2::before {
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
  }
}
.priceGrp .listPrice .price {
  font-size: 18px;
  line-height: 38px;
  /*margin-top: -10px;
  margin-bottom: -10px;*/
  display: flex;
  text-align: center;
	flex-wrap: wrap;
}
.priceGrp .listPrice .price.right {
	   justify-content: flex-end;
}
@media screen and (min-width: 768px ) {
  .priceGrp .listPrice .price {
    letter-spacing: 0.1em;
    justify-content: center;
  }
}
@media screen and (max-width: 767px ) {
	.priceGrp .listPrice .price.right {
		justify-content: flex-start;
	}
  .priceGrp .listPrice .price {
    letter-spacing: 0.09em;
    margin-top: 10px;
	  flex-wrap: wrap;
  }
	.priceGrp .listPrice .price .num {
		display: block;
		width: 100%;
	  text-align: left;
	}
}
@media screen and (min-width: 768px ) {
  .priceGrp .listPrice .price + .price {
    margin-top: 0;
  }
}
.priceGrp .listPrice .price .times {
  position: relative;
  margin-right: 20px;
	line-height: 1.5;
}
.priceGrp .listPrice .price .times::after {
  content: "";
  display: block;
  height: 18px;
  border-right: 1px solid #D1C6BD;
  position: absolute;
  right: -10px;
  top: /*calc(50% - 9px);*/6px;
}
.priceGrp .listPrice .price .times .kai {
  font-size: 15px;
  letter-spacing: 0;
  margin-left: 2px;
}
.priceGrp .listPrice .price .times.space02 {
	margin-right: 42px;
}
.priceGrp .listPrice .price .num {
	line-height: 1.5;
}
.priceGrp .listPrice .price .num .yen {
  font-size: 14px;
  letter-spacing: 0;
  margin-left: 2px;
}
.priceGrp .listPrice .note {
  font-size: 12px;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: -4px;
}
.priceGrp .listPrice .note::before {
  content: "※";
}
.priceGrp .listPrice .price .off {
	display: block;
	font-size: 14px;
	color: #cc0c0c;
	line-height: 1.2;
    margin-bottom: 5px;
}
@media screen and (min-width: 768px ) {
  .priceGrp .listPrice .note {
    text-align: center;
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px ) {
  .priceGrp .listPrice .note {
    text-align: left;
    margin-top: 12px;
    padding-left: 12px;
    text-indent: -12px;
  }
}
.priceGrp .listPrice .note.sizeM {
  font-size: 18px;
  letter-spacing: 0.09em;
  line-height: 38px;
  margin-top: -10px;
  margin-bottom: -10px;
}
@media screen and (min-width: 768px ) {
  .priceGrp .listPrice .note.sizeM {
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px ) {
  .priceGrp .listPrice .note.sizeM {
    margin-top: 6px;
  }
}
@media screen and (min-width: 768px ) {
  .priceGrp .listPrice .note .space {
    display: none;
  }
}
@media screen and (min-width: 768px ) {
  .priceGrp .listPrice .note + .note {
    margin-top: 0;
  }
}
@media screen and (max-width: 767px ) {
  .priceGrp .listPrice .note + .note {
    margin-top: 0;
  }
}
@media screen and (min-width: 768px ) {
  .priceGrp + .priceGrp,
	#id6_0{
    margin-top: /*80px*/100px;
  }
}
@media screen and (max-width: 767px ) {
  .priceGrp + .priceGrp,
	#id6_0 {
    margin-top: 40px;
  }
}

/**
 *  ボタンパーツ
 *
/* ======================================================================================= */
.btn {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  text-decoration: none;
  box-sizing: border-box;
  transition: all 0.3s ease-out;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 0;
}
.btn * {
  transition: all 0.3s ease-out;
}
.btn::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transition: all 0.3s ease-out;
}

.btnType1 {
  width: 100%;
  max-width: 100%;
  display: block;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 1080px ) {
  .btnType1 {
    width: 200px;
    height: 60px;
    border-radius: 30px;
  }
}
@media screen and (max-width: 1079px ) {
  .btnType1 {
    width: 315px;
    height: 90px;
    border-radius: 45px;
  }
}
.btnType1::after {
  background-color: #FFF5D9;
  border-radius: 45px;
  opacity: 0;
}
.btnType1.disabled .text1, .btnType1.disabled .text2 {
  color: #684434;
  opacity: 0.4;
}
.btnType1.disabled .icon1 {
  fill: #684434;
  opacity: 0.4;
}
.btnType1.disabled .icon2 {
  opacity: 0.4;
}
.btnType1 > span,
.btnType1 > span > span,
.btnType1 > span > span > span {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.btnType1 > span {
  overflow: hidden;
  background-color: #FFFFFF;
}
.btnType1 > span > span > span {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (min-width: 1080px ) {
  .btnType1 > span > span > span {
    padding-top: 13px;
    padding-bottom: 13px;
    padding-left: 48px;
  }
}
@media screen and (max-width: 1079px ) {
  .btnType1 > span > span > span {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 68px;
  }
}
.btnType1 .icon1 {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  fill: #684434;
  margin-top: auto;
  margin-bottom: auto;
  z-index: 5;
}
.btnType1 .icon3 {
	display: block;
    position: absolute;
    top: 18px;
    left: 20px;
    fill: #684434;
    margin-top: auto;
    margin-bottom: auto;
    z-index: 5;
}
@media screen and (min-width: 1080px ) {
  .btnType1 .icon1 {
    left: 20px;
    width: 18px;
    height: 18px;
  }
}
@media screen and (max-width: 1079px ) {
  .btnType1 .icon1 {
    left: 30px;
    width: 22px;
    height: 22px;
  }
}
.btnType1 .icon2 {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: #CC7E0C;
  border-radius: 50%;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 5;
}
@media screen and (min-width: 1080px ) {
  .btnType1 .icon2 {
    right: 20px;
    width: 18px;
    height: 18px;
  }
}
@media screen and (max-width: 1079px ) {
  .btnType1 .icon2 {
    right: 30px;
    width: 20px;
    height: 20px;
  }
	.btnType1 .icon4 {
		position: absolute;
		display: block;
		top: 32px;
		left: 35px;
		font-size: 20px;
	}
}
.btnType1 .icon2 svg {
  display: block;
  fill: #ffffff;
}
@media screen and (min-width: 1080px ) {
  .btnType1 .icon2 svg {
    width: 6px;
    height: 6px;
  }
}
@media screen and (max-width: 1079px ) {
  .btnType1 .icon2 svg {
    width: 8px;
    height: 8px;
  }
}
.btnType1 .text1 {
  position: relative;
  display: inline-block;
  letter-spacing: 0.05em;
  line-height: 32px;
  margin-top: -7px;
  margin-bottom: -7px;
  z-index: 5;
}
.btnType1 .text3 {
	position: relative;
	bottom: -4px;
	z-index: 3;
}
@media screen and (min-width: 1080px ) {
  .btnType1 .text1 {
    font-size: 18px;
  }
}
@media screen and (max-width: 1079px ) {
  .btnType1 .text1 {
    font-size: 22px;
  }
}
.btnType1 .text2 {
  position: relative;
  display: inline-block;
  letter-spacing: 0;
  margin-top: -4px;
  margin-bottom: -4px;
  z-index: 5;
}
.btnType1 .text4 {
	position: relative;
	font-size: 22px;
	letter-spacing: 0.05em;
    line-height: 32px;
	z-index: 5;
	bottom: -10px;
}
@media screen and (min-width: 1080px ) {
  .btnType1 .text2 {
    font-size: 12px;
    line-height: 20px;
  }
}
@media screen and (max-width: 1079px ) {
  .btnType1 .text2 {
    font-size: 15px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1080px ) {
  .btnType1:hover::after {
    z-index: 2;
    opacity: 1;
  }
  .btnType1:hover .icon2 {
    right: 14px;
  }
}

.btnType2 {
  width: 100%;
  max-width: 100%;
  display: block;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 1080px ) {
  .btnType2 {
    width: 220px;
    height: 60px;
    border-radius: 4px;
  }
}
@media screen and (max-width: 1079px ) {
  .btnType2 {
    width: 315px;
    height: 90px;
    border-radius: 45px;
  }
}
.btnType2.disabled .text1, .btnType2.disabled .text2, .btnType2.disabled .text3 {
  color: #684434;
  opacity: 0.4;
}
.btnType2.disabled .icon1 {
  fill: #684434;
  opacity: 0.4;
}
.btnType2.disabled .icon2 {
  opacity: 0.4;
}
.btnType2 > span,
.btnType2 > span > span,
.btnType2 > span > span > span {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.btnType2 > span {
  overflow: hidden;
  background-color: #FFFFFF;
}
.btnType2 > span > span > span {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (min-width: 1080px ) {
  .btnType2 > span > span > span {
    padding-top: 13px;
    padding-bottom: 13px;
    padding-left: 48px;
  }
}
@media screen and (max-width: 1079px ) {
  .btnType2 > span > span > span {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 68px;
  }
}
.btnType2 .icon1 {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  fill: #684434;
  margin-top: auto;
  margin-bottom: auto;
  z-index: 5;
}
@media screen and (min-width: 1080px ) {
  .btnType2 .icon1 {
    left: 20px;
    width: 18px;
    height: 18px;
  }
}
@media screen and (max-width: 1079px ) {
  .btnType2 .icon1 {
    left: 30px;
    width: 22px;
    height: 22px;
  }
}
.btnType2 .icon2 {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  z-index: 5;
  right: 30px;
  width: 20px;
  height: 20px;
  fill: #CC7E0C;
}
@media screen and (min-width: 1080px ) {
  .btnType2 .icon2 {
    display: none;
  }
}
.btnType2 .text1 {
  position: relative;
  display: inline-block;
  font-size: 18px;
  letter-spacing: 0.05em;
  line-height: 32px;
  margin-top: -7px;
  margin-bottom: -7px;
  z-index: 5;
}
@media screen and (max-width: 1079px ) {
  .btnType2 .text1 {
    display: none;
  }
}
.btnType2 .text2 {
  position: relative;
  display: inline-block;
  font-size: 22px;
  letter-spacing: 0.05em;
  line-height: 32px;
  margin-top: -7px;
  margin-bottom: -7px;
  z-index: 5;
}
@media screen and (min-width: 1080px ) {
  .btnType2 .text2 {
    display: none;
  }
}
.btnType2 .text3 {
  position: relative;
  display: inline-block;
  letter-spacing: 0;
  margin-top: -4px;
  margin-bottom: -4px;
  z-index: 5;
}
@media screen and (min-width: 1080px ) {
  .btnType2 .text3 {
    font-size: 12px;
    line-height: 20px;
  }
}
@media screen and (max-width: 1079px ) {
  .btnType2 .text3 {
    font-size: 15px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1080px ) {
  .btnType2 {
    pointer-events: none;
  }
}

.btnType3 {
  width: 100%;
  width: 295px;
  max-width: 100%;
  display: block;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  max-width: 100%;
  height: 80px;
  border-radius: 40px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.btnType3.disabled > span {
  background-color: #dddddd;
}
.btnType3.disabled .icon1 {
  background-color: #ffffff;
}
.btnType3.disabled .icon1 svg {
  fill: #dddddd;
}
.btnType3::after {
  background-color: #CC7E0C;
  box-shadow: 0 0 5px 5px #CC7E0C;
  border-radius: 45px;
  opacity: 0;
}
.btnType3 .cover1, .btnType3 .cover2 {
  content: "";
  background-color: #FFF5D9;
  border-radius: 50%;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  transform: scale(0, 1);
  z-index: 3;
}
.btnType3 .cover1 {
  top: 0;
  bottom: auto;
}
.btnType3 .cover2 {
  top: auto;
  bottom: 0;
}
.btnType3 > span,
.btnType3 > span > span,
.btnType3 > span > span > span {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.btnType3 > span {
  overflow: hidden;
  background-color: #E29E6C;
}
.btnType3 > span > span > span {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
@media screen and (min-width: 768px ) {
  .btnType3 > span > span > span {
    padding-top: 13px;
    padding-bottom: 13px;
    padding-left: 48px;
  }
}
@media screen and (max-width: 767px ) {
  .btnType3 > span > span > span {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
  }
}
.btnType3 .icon1 {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: #ffffff;
  border-radius: 50%;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 5;
}
@media screen and (min-width: 768px ) {
  .btnType3 .icon1 {
    right: 20px;
    width: 18px;
    height: 18px;
  }
}
@media screen and (max-width: 767px ) {
  .btnType3 .icon1 {
    right: 30px;
    width: 20px;
    height: 20px;
  }
}
.btnType3 .icon1 svg {
  display: block;
  fill: #CC7E0C;
}
@media screen and (min-width: 768px ) {
  .btnType3 .icon1 svg {
    width: 6px;
    height: 6px;
  }
}
@media screen and (max-width: 767px ) {
  .btnType3 .icon1 svg {
    width: 8px;
    height: 8px;
  }
}
.btnType3 .text1 {
  position: relative;
  display: inline-block;
  color: #ffffff;
  font-size: 18px;
  letter-spacing: 0.05em;
  line-height: 26px;
  margin-top: -7px;
  margin-bottom: -7px;
  z-index: 5;
}
@media screen and (min-width: 768px ) {
  .btnType3:hover {
    /*
    .cover1, .cover2 {
      width: 100%;
      height: 100%;
      opacity: 0;
      box-shadow: 5px 5px 5px 5px $bgcolorSub;
      transform: scale(1, 1);
      border-radius: 45px;
      z-index: 3;
    }
    */
  }
  .btnType3:hover::after {
    z-index: 2;
    opacity: 1;
  }
  .btnType3:hover .icon1 {
    right: 14px;
  }
}

.btnType4 {
  width: 100%;
  max-width: 100%;
  display: block;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px ) {
  .btnType4 {
    width: 470px;
    height: 120px;
    border-radius: 60px;
  }
}
@media screen and (max-width: 767px ) {
  .btnType4 {
    width: 315px;
    height: 90px;
    border-radius: 45px;
  }
}
.btnType4.disabled .text1, .btnType4.disabled .text2, .btnType4.disabled .text3 {
  color: #684434;
  opacity: 0.4;
}
.btnType4.disabled .icon1, .btnType4.disabled .icon2 {
  fill: #684434;
  opacity: 0.4;
}
.btnType4.disabled .icon3 {
  opacity: 0.4;
}
.btnType4::after {
  background-color: #FFF5D9;
  box-shadow: 0 0 5px 5px #FFF5D9;
  border-radius: 45px;
  opacity: 0;
}
.btnType4 .cover1, .btnType4 .cover2 {
  content: "";
  background-color: #CC7E0C;
  border-radius: 50%;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  transform: scale(0, 1);
  z-index: 3;
}
.btnType4 .cover1 {
  top: 0;
  bottom: auto;
}
.btnType4 .cover2 {
  top: auto;
  bottom: 0;
}
.btnType4 > span,
.btnType4 > span > span,
.btnType4 > span > span > span {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.btnType4 > span {
  overflow: hidden;
  background-color: #FFFFFF;
}
.btnType4 > span > span > span {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (min-width: 768px ) {
  .btnType4 > span > span > span {
    padding-top: 35px;
    padding-bottom: 36px;
    align-items: center;
  }
}
@media screen and (max-width: 767px ) {
  .btnType4 > span > span > span {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 68px;
    align-items: flex-start;
  }
}
.btnType4 .icon1 {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 30px;
  width: 22px;
  height: 22px;
  fill: #684434;
  margin-top: auto;
  margin-bottom: auto;
  z-index: 5;
}
@media screen and (min-width: 768px ) {
  .btnType4 .icon1 {
    display: none;
  }
}
.btnType4 .icon2 {
  display: inline-block;
  fill: #684434;
  width: 22px;
  height: 22px;
  z-index: 5;
}
@media screen and (max-width: 767px ) {
  .btnType4 .icon2 {
    display: none;
  }
}
.btnType4 .icon3 {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: #CC7E0C;
  border-radius: 50%;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 5;
}
@media screen and (min-width: 768px ) {
  .btnType4 .icon3 {
    right: 40px;
    width: 18px;
    height: 18px;
  }
}
@media screen and (max-width: 767px ) {
  .btnType4 .icon3 {
    right: 30px;
    width: 20px;
    height: 20px;
  }
}
.btnType4 .icon3 svg {
  display: block;
  fill: #ffffff;
}
@media screen and (min-width: 768px ) {
  .btnType4 .icon3 svg {
    width: 6px;
    height: 6px;
  }
}
@media screen and (max-width: 767px ) {
  .btnType4 .icon3 svg {
    width: 8px;
    height: 8px;
  }
}
.btnType4 .text1 {
  position: relative;
  display: inline-block;
  font-size: 22px;
  letter-spacing: 0.05em;
  line-height: 32px;
  margin-top: -5px;
  margin-bottom: -5px;
  z-index: 5;
}
@media screen and (max-width: 767px ) {
  .btnType4 .text1 {
    text-align: left;
  }
}
.btnType4 .text1 svg {
  vertical-align: -4px;
  margin-right: 10px;
}
.btnType4 .text2 {
  position: relative;
  display: inline-block;
  letter-spacing: 0;
  margin-top: -4px;
  margin-bottom: -4px;
  z-index: 5;
  font-size: 15px;
  line-height: 26px;
}
@media screen and (max-width: 767px ) {
  .btnType4 .text2 {
    text-align: left;
  }
}
@media screen and (min-width: 768px ) {
  .btnType4:hover {
    /*
          .cover1, .cover2 {
            width: 100%;
            height: 100%;
            opacity: 0;
            box-shadow: 5px 5px 5px 5px $colorMainHead;
            transform: scale(1, 1);
            border-radius: 45px;
            z-index: 3;
          }
    */
  }
  .btnType4:hover::after {
    z-index: 2;
    opacity: 1;
  }
  .btnType4:hover .icon3 {
    right: 34px;
  }
}

.btnType5 {
  width: 100%;
  max-width: 100%;
  display: block;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px ) {
  .btnType5 {
    width: 470px;
    height: 120px;
    border-radius: 4px;
  }
}
@media screen and (max-width: 767px ) {
  .btnType5 {
    width: 315px;
    height: 90px;
    border-radius: 45px;
  }
}
.btnType5.disabled .text1, .btnType5.disabled .text2, .btnType5.disabled .text3 {
  color: #684434;
  opacity: 0.4;
}
.btnType5.disabled .icon1, .btnType5.disabled .icon2 {
  fill: #684434;
  opacity: 0.4;
}
.btnType5.disabled .icon3 {
  opacity: 0.4;
}
.btnType5 > span,
.btnType5 > span > span,
.btnType5 > span > span > span {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.btnType5 > span {
  overflow: hidden;
  background-color: #FFFFFF;
}
.btnType5 > span > span > span {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (min-width: 768px ) {
  .btnType5 > span > span > span {
    padding-top: 35px;
    padding-bottom: 36px;
    align-items: center;
  }
}
@media screen and (max-width: 767px ) {
  .btnType5 > span > span > span {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 68px;
    align-items: flex-start;
  }
}
.btnType5 .icon1 {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  fill: #684434;
  margin-top: auto;
  margin-bottom: auto;
  z-index: 5;
}
@media screen and (min-width: 768px ) {
  .btnType5 .icon1 {
    display: none;
  }
}
@media screen and (max-width: 767px ) {
  .btnType5 .icon1 {
    left: 30px;
    width: 22px;
    height: 22px;
  }
}
.btnType5 .icon2 {
  display: inline-block;
  fill: #684434;
  width: 22px;
  height: 22px;
  z-index: 5;
}
@media screen and (max-width: 767px ) {
  .btnType5 .icon2 {
    display: none;
  }
}
.btnType5 .icon3 {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  z-index: 5;
  right: 30px;
  width: 20px;
  height: 20px;
  fill: #CC7E0C;
}
@media screen and (min-width: 768px ) {
  .btnType5 .icon3 {
    display: none;
  }
}
.btnType5 .text1 {
  position: relative;
  display: inline-block;
  font-size: 22px;
  letter-spacing: 0.05em;
  line-height: 32px;
  margin-top: -7px;
  margin-bottom: -7px;
  z-index: 5;
}
.btnType5 .text1 svg {
  vertical-align: -4px;
  margin-right: 10px;
}
@media screen and (max-width: 767px ) {
  .btnType5 .text1 {
    display: none;
  }
}
.btnType5 .text2 {
  position: relative;
  display: inline-block;
  font-size: 22px;
  letter-spacing: 0.05em;
  line-height: 32px;
  margin-top: -7px;
  margin-bottom: -7px;
  z-index: 5;
}
@media screen and (min-width: 768px ) {
  .btnType5 .text2 {
    display: none;
  }
}
@media screen and (max-width: 767px ) {
  .btnType5 .text2 {
    text-align: left;
  }
}
.btnType5 .text3 {
  position: relative;
  display: inline-block;
  letter-spacing: 0;
  margin-top: -4px;
  margin-bottom: -4px;
  z-index: 5;
}
@media screen and (min-width: 768px ) {
  .btnType5 .text3 {
    font-size: 15px;
    line-height: 26px;
  }
}
@media screen and (max-width: 767px ) {
  .btnType5 .text3 {
    font-size: 15px;
    line-height: 26px;
    text-align: left;
  }
}
@media screen and (min-width: 768px ) {
  .btnType5 {
    pointer-events: none;
  }
}

.btnType6{
  max-width: 100%;
  display: block;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  max-width: 100%;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.btnType9 {
  max-width: 100%;
  display: block;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  max-width: 100%;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
@media screen and (min-width: 768px ) {
  .btnType6 {
    width: 242px;
    height: 70px;
    border-radius: 35px;
  } 
	.btnType9 {
    width: 100%;
    height: 70px;
    border-radius: 35px;
  }
}
@media screen and (max-width: 767px ) {
  .btnType6 {
    width: 335px;
    height: 60px;
    border-radius: 30px;
  }
  .btnType9 {
    width: 335px;
    height: 60px;
    border-radius: 30px;
	  margin: auto;
  }
}
.btnType6.disabled > span,
.btnType9.disabled > span {
  background-color: #dddddd;
}
.btnType6.disabled .icon1,
.btnType9.disabled .icon1 {
  background-color: #ffffff;
}
.btnType6.disabled .icon1 svg,
.btnType9.disabled .icon1 svg {
  fill: #dddddd;
}
.btnType6::after,
.btnType9::after {
  background-color: #CC7E0C;
  box-shadow: 0 0 5px 5px #CC7E0C;
  border-radius: 45px;
  opacity: 0;
}
.btnType6 .cover1, .btnType6 .cover2,
.btnType9 .cover1, .btnType9 .cover2 {
  content: "";
  background-color: #FFF5D9;
  border-radius: 50%;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  transform: scale(0, 1);
  z-index: 3;
}
.btnType6 .cover1,
.btnType9 .cover1 {
  top: 0;
  bottom: auto;
}
.btnType6 .cover2,
.btnType9 .cover2 {
  top: auto;
  bottom: 0;
}
.btnType6 > span,
.btnType6 > span > span,
.btnType6 > span > span > span {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.btnType9 > span,
.btnType9 > span > span,
.btnType9 > span > span > span {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.btnType6 > span,
.btnType9 > span {
  overflow: hidden;
  background-color: #E29E6C;
}
.btnType6 > span > span > span,
.btnType9 > span > span > span {
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 768px ) {
  .btnType6 > span > span > span,
.btnType9 > span > span > span {
    /*padding-top: 13px;
    padding-bottom: 13px;*/
	  padding: 13px 13px 13px 20px;
    align-items: center;
  }
}
@media screen and (max-width: 767px ) {
  .btnType6 > span > span > span,
  .btnType9 > span > span > span{
    /*padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px;*/
	  padding: 20px 50px 20px 30px;
    flex-direction: column;
    align-items: flex-start;
  }
}
.btnType6 .icon1,
.btnType9 .icon1{
  display: block;
  background-color: #ffffff;
  border-radius: 50%;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: rotate(90deg);
  z-index: 5;
}
@media screen and (min-width: 768px ) {
  .btnType6 .icon1,
  .btnType9 .icon1 {
    right: 20px;
    width: 18px;
    height: 18px;
    margin-left: 10px;
  }
}
@media screen and (max-width: 767px ) {
  .btnType6 .icon1,
	.btnType9 .icon1 {
    right: 30px;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
  }
}
.btnType6 .icon1 svg,
.btnType9 .icon1 svg {
  display: block;
  fill: #CC7E0C;
}
@media screen and (min-width: 768px ) {
  .btnType6 .icon1 svg,
  .btnType9 .icon1 svg {
    width: 6px;
    height: 6px;
  }
}
@media screen and (max-width: 767px ) {
  .btnType6 .icon1 svg,
  .btnType9 .icon1 svg {
    width: 8px;
    height: 8px;
  }
}
.btnType6 .text1,
.btnType9 .text1 {
  position: relative;
  display: inline-block;
  color: #ffffff;
  font-size: 18px;
  letter-spacing: 0.05em;
  line-height: /*26px;*/1;
  margin-top: -7px;
  margin-bottom: -7px;
  z-index: 5;
}
.btnType6 .text1 span,
.btnType9 .text1 span {
	font-size: 14px;
}
@media screen and (min-width: 768px ) {
  .btnType6:hover,
  .btnType9:hover{
    transform: translateY(10px);
    /*
    &::after {
      z-index: 2;
      opacity: 1;
    }
    */
    /*
    .cover1, .cover2 {
      width: 100%;
      height: 100%;
      opacity: 0;
      box-shadow: 5px 5px 5px 5px $bgcolorSub;
      transform: scale(1, 1);
      border-radius: 45px;
      z-index: 3;
    }
    .icon1 {
      right: 14px;
    }
    */
  }
}

.btnType7 {
  width: 100%;
  min-width: 260px;
  max-width: 300px;
  display: block;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  height: 60px;
  border-radius: 30px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.btnType7.disabled > span {
  background-color: #dddddd;
}
.btnType7.disabled .icon1 {
  background-color: #ffffff;
}
.btnType7.disabled .icon1 svg {
  fill: #dddddd;
}
.btnType7::after {
  background-color: #CC7E0C;
  box-shadow: 0 0 5px 5px #CC7E0C;
  border-radius: 30px;
  opacity: 0;
}
.btnType7 .cover1, .btnType7 .cover2 {
  content: "";
  background-color: #FFF5D9;
  border-radius: 50%;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  transform: scale(0, 1);
  z-index: 3;
}
.btnType7 .cover1 {
  top: 0;
  bottom: auto;
}
.btnType7 .cover2 {
  top: auto;
  bottom: 0;
}
.btnType7 > span,
.btnType7 > span > span,
.btnType7 > span > span > span {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.btnType7 > span {
  overflow: hidden;
  background-color: #E29E6C;
}
.btnType7 > span > span > span {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding-left: 24px;
}
.btnType7 .icon1 {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: #ffffff;
  border-radius: 50%;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 5;
}
@media screen and (min-width: 768px ) {
  .btnType7 .icon1 {
    right: 20px;
    width: 18px;
    height: 18px;
  }
}
@media screen and (max-width: 767px ) {
  .btnType7 .icon1 {
    right: 30px;
    width: 20px;
    height: 20px;
  }
}
.btnType7 .icon1 svg {
  display: block;
  fill: #CC7E0C;
}
@media screen and (min-width: 768px ) {
  .btnType7 .icon1 svg {
    width: 6px;
    height: 6px;
  }
}
@media screen and (max-width: 767px ) {
  .btnType7 .icon1 svg {
    width: 8px;
    height: 8px;
  }
}
.btnType7 .text1 {
  position: relative;
  display: inline-block;
  color: #ffffff;
  font-size: 18px;
  letter-spacing: 0.05em;
  line-height: 26px;
  margin-top: -7px;
  margin-bottom: -7px;
  z-index: 5;
}
.btnType7 .text1 .small_menu_tit {
	font-size: 15px;
}
@media screen and (min-width: 768px ) {
  .btnType7:hover {
    /*
    .cover1, .cover2 {
      width: 100%;
      height: 100%;
      opacity: 0;
      box-shadow: 5px 5px 5px 5px $bgcolorSub;
      transform: scale(1, 1);
      border-radius: 45px;
      z-index: 3;
    }
    */
  }
  .btnType7:hover::after {
    z-index: 2;
    opacity: 1;
  }
  .btnType7:hover .icon1 {
    right: 14px;
  }
}
/* 矢印上向き */
.btnType8 {
	justify-content: flex-end;
	margin: 20px 0;
}
.btnType8 a {
	border: 1px solid #684434;
	padding: 10px 26px;
    border-radius: 30px;
	display: flex;
	align-items: center;
}
.btnType8 a:hover {
	transform: translateY(-6px);
	opacity: 0.8;
}
.btnType8 .icon1 {
	background: #684434;
	display: flex;
	width: 18px;
    height: 18px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
	margin-left: 10px;
	
}
.btnType8 .icon1 svg {
	width: 6px;
	height: 6px;
	transform: rotate(-90deg);
	fill: #fff;
}
/* 矢印右向き */
.btnType10 {
	justify-content: flex-end;
	margin: 20px 0;
}
.btnType10 a {
	border: 1px solid #684434;
	padding: 10px 26px;
    border-radius: 30px;
	display: flex;
	align-items: center;
	text-decoration: none;
}
.btnType10 a:hover {
	transform: translateY(-6px);
	opacity: 0.8;
}
.btnType10 .icon1 {
	background: #684434;
	display: flex;
	width: 18px;
    height: 18px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
	margin-left: 10px;
	
}
.btnType10 .icon1 svg {
	width: 6px;
	height: 6px;
	transform: rotate(0deg);
	fill: #fff;
}

/*
// コンテンツ内のボタン（背景オレンジ３点から発色）
.btnType10 {
  width: 100%;
  width: 295px;
  max-width: 100%;
  display: block;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  max-width: 100%;
  height: 80px;
  border-radius: 40px;
  box-shadow: 0px 3px 6px rgba( 0, 0, 0, .16 );
  transition: all .6s ease-out;
  * { // 追加アイコン用
    transition: all .6s ease-out;
  }
  &::after {
    background-color: $colorMainHead;
    box-shadow: 0 0 5px 5px $colorMainHead;
    border-radius: 45px;
    transform: scale(1, 0);
    width: 50%;
  }
  .cover1, .cover2 {
    content: '';
    background-color: $bgcolorSub;
    border-radius: 50%;
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    transform: scale(0, 1);
    z-index: 3;
  }
  .cover1 {
    top: 0;
    bottom: auto;
  }
  .cover2 {
    top: auto;
    bottom: 0;
  }

  > span,
  > span > span,
  > span > span > span {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
  }

  >span {
    overflow: hidden;
    background-color: $colorSubText;
    >span {
      >span {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        @include media(pc) {
          padding-top: 13px;
          padding-bottom: 13px;
          padding-left: 48px;
        }
        @include media(sp) {
          padding-top: 20px;
          padding-bottom: 20px;
          padding-left: 30px;
        }
      }
    }
  }
  .icon1 {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: #ffffff;
    border-radius: 50%;
    margin-top: auto;
    margin-bottom: auto;
    display: flex;
    justify-content: center;
    align-items: center;    
    z-index: 5;
    @include media(pc) {
      right: 20px;
      width: 18px;
      height: 18px;
    }
    @include media(sp) {
      right: 30px;
      width: 20px;
      height: 20px;
    }
    svg {
      display: block;
      fill: $colorMainHead;;
      @include media(pc) {
        width: 6px;
        height: 6px;
      }
      @include media(sp) {
        width: 8px;
        height: 8px;
      }
    }
  }
  .text1 {
    position: relative;
    display: inline-block;
    color: #ffffff;
    font-size: 18px;
    letter-spacing: 0.05em;
    line-height: 26px;
    margin-top: -7px;
    margin-bottom: -7px;
    z-index: 5;
  }
  @include media(pc) {
    &:hover {
      &::after {
        z-index: 2;
        transform: scale(1, 1);
        width: 100%
      }
      .cover1, .cover2 {
        width: 100%;
        height: 100%;
        opacity: 0;
        box-shadow: 5px 5px 5px 5px $bgcolorSub;
        transform: scale(1, 1);
        border-radius: 45px;
        z-index: 3;
      }
      .icon2 {
        right: 14px;
      }
    }
  }
}



// コンテンツ内のボタン（背景白３点から発色）
.btnType11 {
  width: 100%;
  max-width: 100%;
  display: block;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: all .6s ease-out;
  @include media(pc) {
    width: 470px;
    height: 120px;
    border-radius: 60px;
  }
  @include media(sp) {
    width: 315px;
    height: 90px;
    border-radius: 45px;
  }
  * {
    transition: all .6s ease-out;    
  }
  &::after {
    background-color: $bgcolorSub;
    box-shadow: 0 0 5px 5px $bgcolorSub;
    border-radius: 45px;
    transform: scale(1, 0);
    width: 50%;
  }
  .cover1, .cover2 {
    content: '';
    background-color: $colorMainHead;
    border-radius: 50%;
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    transform: scale(0, 1);
    z-index: 3;
  }
  .cover1 {
    top: 0;
    bottom: auto;
  }
  .cover2 {
    top: auto;
    bottom: 0;
  }

  > span,
  > span > span,
  > span > span > span {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
  }

  >span {
    overflow: hidden;
    background-color: #FFFFFF;
    >span {
      >span {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        @include media(pc) {
          padding-top: 35px;
          padding-bottom: 36px;
          align-items: center;
        }
        @include media(sp) {
          padding-top: 20px;
          padding-bottom: 20px;
          padding-left: 68px;
          align-items: flex-start;
        }
      }
    }
  }
  .icon1 {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 30px;
    width: 22px;
    height: 22px;
    fill: $colorMainText1;
    margin-top: auto;
    margin-bottom: auto;
    z-index: 5;
    @include media(pc) {
      display: none;
    }
  }

  .icon2 {
    display: inline-block;
    fill: $colorMainText1;
    width: 22px;
    height: 22px;
    z-index: 5;
    @include media(sp) {
      display: none;
    }
  }

  .icon3 {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: $colorMainHead;
    border-radius: 50%;
    margin-top: auto;
    margin-bottom: auto;
    display: flex;
    justify-content: center;
    align-items: center;    
    z-index: 5;
    @include media(pc) {
      right: 40px;
      width: 18px;
      height: 18px;
    }
    @include media(sp) {
      right: 30px;
      width: 20px;
      height: 20px;
    }
    svg {
      display: block;
      fill: #ffffff;
      @include media(pc) {
        width: 6px;
        height: 6px;
      }
      @include media(sp) {
        width: 8px;
        height: 8px;
      }
    }
  }
  .text1 {
    position: relative;
    display: inline-block;
    font-size: 22px;
    letter-spacing: 0.05em;
    line-height: 32px;
    margin-top: -5px;
    margin-bottom: -5px;
    z-index: 5;
    @include media(sp) {
      text-align: left;
    }
    svg {
      vertical-align: -4px;
      margin-right: 10px;
    }
  }
  .text2 {
    position: relative;
    display: inline-block;
    letter-spacing: 0;
    margin-top: -4px;
    margin-bottom: -4px;
    z-index: 5;
    font-size: 15px;
    line-height: 26px;
    @include media(sp) {
      text-align: left;
    }
  }
  @include media(pc) {
    &:hover {
      &::after {
        z-index: 2;
        transform: scale(1, 1);
        width: 100%
      }
      .cover1, .cover2 {
        width: 100%;
        height: 100%;
        opacity: 0;
        box-shadow: 5px 5px 5px 5px $colorMainHead;
        transform: scale(1, 1);
        border-radius: 45px;
        z-index: 3;
      }
      .icon3 {
        right: 34px;
      }
    }
  }
}
*/
/**
 *  アニメーションパーツページ
 *  　※「class="ani aniFadeUp"」のように、セットで記載すること
 *  　※　js制御で、aniクラスのついている対象が表示された際に、activeクラスを付与することで制御しています。
 *
/* ======================================================================================= */
.ani,
.aniNotAuto {
  opacity: 0;
  position: relative;
}
.ani.active,
.aniNotAuto.active {
  opacity: 1;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}

.aniFadeIn.active {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.aniFadeUp {
  transform: translateY(-40px);
  opacity: 0;
}
.aniFadeUp.active {
  transform: translateY(0);
  opacity: 1;
  transition: all 0.8s 0s ease;
}

.aniFadeLeft {
  transform: translateX(-40px);
  opacity: 0;
}
.aniFadeLeft.active {
  transform: translateX(0);
  opacity: 1;
  transition: all 0.8s 0s ease;
}

.aniFadeLeft2 {
  transform: translateX(-120px);
  opacity: 0;
}
.aniFadeLeft2.active {
  transform: translateX(0);
  opacity: 1;
  transition: all 1.2s 0s ease;
}

.aniFadeLeft3 {
  transform: translateX(-120px);
  opacity: 0;
}
.aniFadeLeft3.active {
  transform: translateX(0);
  opacity: 1;
  transition: all 2.4s 0s ease;
}

.aniFadeRight {
  transform: translateX(40px);
  opacity: 0;
}
.aniFadeRight.active {
  transform: translateX(0);
  opacity: 1;
  transition: all 0.8s 0s ease;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}

.aniFadeRight2 {
  opacity: 0;
}
.aniFadeRight2.active {
  opacity: 0;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-name: fadeRight2;
          animation-name: fadeRight2;
}

@-webkit-keyframes fadeRight2 {
  0% {
    opacity: 0;
    filter: blur(6px);
    transform: translateX(40px);
  }
  100% {
    opacity: 1;
    filter: blur(0);
    transform: translateX(0);
  }
}

@keyframes fadeRight2 {
  0% {
    opacity: 0;
    filter: blur(6px);
    transform: translateX(40px);
  }
  100% {
    opacity: 1;
    filter: blur(0);
    transform: translateX(0);
  }
}
.aniFadeIn.active {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.aniFadeDown {
  transform: translateY(40px);
  opacity: 0;
}
.aniFadeDown.active {
  transform: translateY(0);
  opacity: 1;
  transition: transform 0.8s 0s ease, opacity 0.8s 0s ease;
}

/**
 *  ページ毎に利用するCSS
 *
/* ======================================================================================= */
@media screen and (min-width: 1080px ) {
  body#home .header.fv {
    height: 160px;
  }
  body#home .header.fv .logo {
    width: 147px;
    height: 120px;
    position: absolute;
    bottom: 0;
    left: 0;
  }
}
@media screen and (min-width: 768px ) {
  body#home #siteTop {
    padding-top: 193px;
  }
}
@media screen and (max-width: 767px ) {
  body#home #siteTop {
    padding-top: 0;
  }
}
body#home #siteTop .wrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
  align-items: center;
}
@media (min-width: 1480px) {
  body#home #siteTop .wrapper {
    max-width: 1480px;
    justify-content: space-between;
    padding: 0 40px;
  }
}
@media (max-width: 1479px) and (min-width: 1080px) {
  body#home #siteTop .wrapper {
    max-width: 1200px;
    justify-content: space-between;
    padding: 0 40px;
  }
}
@media screen and (max-width: 1079px ) and (min-width: 768px ) {
  body#home #siteTop .wrapper {
    max-width: 828px;
    justify-content: center;
    padding: 0 40px;
  }
}
@media screen and (max-width: 767px ) {
  body#home #siteTop .wrapper {
    flex-direction: column;
    padding: 0;
  }
}
body#home #siteTop .box1 {
  position: relative;
}
@media screen and (min-width: 1320px ) {
  body#home #siteTop .box1 {
    margin: 39px 0;
  }
}
@media screen and (max-width: 1319px ) and (min-width: 1080px ) {
  body#home #siteTop .box1 {
    margin: 17px 0;
  }
}
@media screen and (min-width: 768px ) {
  body#home #siteTop .box1 .siteHead {
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media screen and (min-width: 768px ) {
  body#home #siteTop .box1 .siteHead .head {
    font-size: 40px;
    letter-spacing: 0.1em;
    line-height: 70px;
    margin-top: -15px;
    margin-bottom: -15px;
    min-width: 396px;
  }
}
@media screen and (max-width: 767px ) {
  body#home #siteTop .box1 .siteHead .head {
    text-align: center;
    font-size: 24px;
    letter-spacing: 0.2em;
    line-height: 40px;
    margin-top: 16px;
    margin-bottom: -8px;
  }
}
body#home #siteTop .box1 .siteHead .icon {
  display: block;
  fill: #CC7E0C;
}
@media screen and (min-width: 768px ) {
  body#home #siteTop .box1 .siteHead .icon {
    width: 242px;
    height: 20px;
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px ) {
  body#home #siteTop .box1 .siteHead .icon {
    width: 195px;
    height: 15px;
    margin: 20px auto 0;
  }
}
body#home #siteTop .box1 .listLayout1 {
  display: flex;
  justify-content: space-between;
  margin-top: 224px;
}
body#home #siteTop .box1 .listLayout1 > .item {
  transition: all 0.3s ease-out;
}
@media (min-width: 1480px) {
  body#home #siteTop .box1 .listLayout1 {
    width: 670px;
  }
}
@media (max-width: 1479px) and (min-width: 1330px) {
  body#home #siteTop .box1 .listLayout1 {
    width: auto;
  }
  body#home #siteTop .box1 .listLayout1 > .item:not(:first-child) {
    margin-left: 40px;
  }
}
@media (max-width: 1329px) and (min-width: 1130px) {
  body#home #siteTop .box1 .listLayout1 {
    width: auto;
  }
  body#home #siteTop .box1 .listLayout1 > .item:not(:first-child) {
    margin-left: 30px;
  }
}
@media (max-width: 1139px) and (min-width: 1080px) {
  body#home #siteTop .box1 .listLayout1 {
    width: auto;
  }
  body#home #siteTop .box1 .listLayout1 > .item:not(:first-child) {
    margin-left: 20px;
  }
}
@media screen and (max-width: 1079px ) and (min-width: 768px ) {
  body#home #siteTop .box1 .listLayout1 {
    width: 288px;
  }
}
@media screen and (max-width: 767px ) {
  body#home #siteTop .box1 .listLayout1 {
    margin-top: 60px;
    max-width: 295px;
  }
  body#home #siteTop .box1 .listLayout1 > .item {
    max-width: 136px;
  }
}
@media screen and (max-width: 374px ) {
  body#home #siteTop .box1 .listLayout1 {
    width: 288px;
  }
}
body#home #siteTop .box2 {
  position: relative;
  display: flex;
}
@media (min-width: 1480px) {
  body#home #siteTop .box2 {
    width: 630px;
    height: /*594px;*/auto;
  }
}
@media (max-width: 1479px) and (min-width: 1080px) {
  body#home #siteTop .box2 {
    width: 400px;
  }
}
@media screen and (max-width: 1079px ) and (min-width: 768px ) {
  body#home #siteTop .box2 {
    margin-top: 120px;
    margin-left: calc(100% - 688px);
    width: 400px;
  }
}
@media screen and (max-width: 767px ) {
  body#home #siteTop .box2 {
    margin-top: 150px;
    width: 400px;
  }
}
@media (max-width: 1479px) and (min-width: 1080px) {
  body#home #siteTop .box2 .clip clipPath path {
    transform: scale(0.6379310345, 0.6407407407);
  }
}
@media screen and (max-width: 1079px ) and (min-width: 768px ) {
  body#home #siteTop .box2 .clip clipPath path {
    transform: scale(0.6379310345, 0.6407407407);
  }
}
@media screen and (max-width: 767px ) {
  body#home #siteTop .box2 .clip clipPath path {
    transform: scale(0.6379310345, 0.6407407407);
  }
}
body#home #siteTop .box2 .bg {
  position: relative;
  z-index: 1;
  background: url(../img/common/top_mask_flower.png.webp) center center/100% 100% no-repeat;
}
.no-webp body#home #siteTop .box2 .bg {
  background-image: url(../img/common/top_mask_flower.png);
}
@media (min-width: 1480px) {
  body#home #siteTop .box2 .bg {
    width: 630px;
    height: 594px;
  }
}
@media (max-width: 1479px) {
  body#home #siteTop .box2 .bg {
    width: 400px;
    height: 380px;
  }
}
body#home #siteTop .box2 .bg .homeOpen {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  transition: all 0.3s ease-in;
}
@media screen and (min-width: 768px ) {
  body#home #siteTop .box2 .bg .homeOpen {
    width: 168px;
    height: 174px;
    right: 0;
    bottom: 0;
  }
}
@media screen and (max-width: 767px ) {
  body#home #siteTop .box2 .bg .homeOpen {
    width: 126px;
    height: 130px;
    right: 22px;
    bottom: -14px;
  }
}
body#home #siteTop .box2 .bg .homeOpen .icon_open {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  fill: #E29E6C;
}
@media screen and (min-width: 768px ) {
  body#home #siteTop .box2 .bg .homeOpen .icon_open {
    width: 168px;
    height: 174px;
  }
}
@media screen and (max-width: 767px ) {
  body#home #siteTop .box2 .bg .homeOpen .icon_open {
    width: 126px;
    height: 130px;
  }
}
body#home #siteTop .box2 .bg .homeOpen .text {
  color: #ffffff;
  letter-spacing: 0;
  text-align: center;
}
@media screen and (min-width: 1080px ) {
  body#home #siteTop .box2 .bg .homeOpen .text {
    font-size: 20px;
    line-height: 26px;
  }
}
@media screen and (max-width: 1079px ) {
  body#home #siteTop .box2 .bg .homeOpen .text {
    font-size: 18px;
    line-height: 22px;
  }
}
body#home #siteTop .box2 .mask {
  width: 100%;
  height: 100%;
  -webkit-clip-path: url(#svgPath);
          clip-path: url(#svgPath);
  position: absolute;
}
@media (min-width: 1480px) {
  body#home #siteTop .box2 .mask {
    top: 35px;
    left: 29px;
    width: 580px;
    height: 580px;
  }
}
@media (max-width: 1479px) {
  body#home #siteTop .box2 .mask {
    top: 23px;
    left: 20px;
    width: 370px;
    height: 370px;
  }
}
body#home #siteTop .box2 .homeMovie {
  position: relative;
}
@media (min-width: 1480px) {
  body#home #siteTop .box2 .homeMovie {
    width: 580px;
    height: 580px;
  }
}
@media (max-width: 1479px) {
  body#home #siteTop .box2 .homeMovie {
    width: 370px;
    height: 370px;
  }
}
@media screen and (max-width: 767px ) {
  body#home #siteTop .box2 .homeMovie {
    padding-top: 1px;
  }
	body#home #siteTop .box2 .homeMovie.campaign_video {
		width: 100%;
		padding: 20px;
	}
}
@media screen and (min-width: 1080px ) {
  body#home #siteTop .box2 .homeMovie img {
    width: 580px;
    height: 580px;
  }
}
@media screen and (max-width: 1079px ) {
  body#home #siteTop .box2 .homeMovie img {
    width: 98.6666666667%;
    height: auto;
    width: 370px;
    height: 370px;
  }
}
@media screen and (max-width: 767px ) {
  body#home #siteTop .box2 .homeMovie img {
    margin-left: auto;
    margin-right: auto;
  }
}
/* キャンペーンスライダー */
.splide {
  width: 100%;
  margin: /*20px auto 40px;*/0 auto;
}
.splide__track {
  margin-bottom: 30px;
}

.splide__slide {
  
}
.splide__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body#home #sec1 .wrapper {
  max-width: none;
  padding: 0;
}
body#home #sec1 .homeLayout1 {
  width: 100%;
  overflow: hidden;
}
@media screen and (min-width: 1080px ) {
  body#home #sec1 .homeLayout1 {
    position: relative;
  }
}
@media screen and (min-width: 1080px ) {
  body#home #sec1 .homeLayout1 .box1 {
    width: 50%;
    height: 512px;
    position: absolute;
    top: 0;
    right: 50%;
  }
}
@media screen and (min-width: 1080px ) {
  body#home #sec1 .homeLayout1 .box1 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 0 4px 4px 0;
  }
}
@media screen and (max-width: 1079px ) {
  body#home #sec1 .homeLayout1 .box1 img {
    width: 100%;
    height: auto;
  }
}
body#home #sec1 .homeLayout1 .box2 {
  overflow: hidden;
}
@media screen and (min-width: 1080px ) {
  body#home #sec1 .homeLayout1 .box2 {
    margin-top: 256px;
    margin-left: calc(50% + 100px);
    max-width: 500px;
    width: 35.7142857143%;
  }
}
@media screen and (max-width: 1079px ) {
  body#home #sec1 .homeLayout1 .box2 {
    margin-top: 50px;
    width: 78.6666666667%;
    min-width: 260px;
    margin-left: auto;
    margin-right: auto;
  }
}
body#home #sec1 .homeLayout1 .box2 .text1 {
  font-size: 18px;
  text-align: justify;
}
@media screen and (min-width: 768px ) {
  body#home #sec1 .homeLayout1 .box2 .text1 {
    letter-spacing: 0.1em;
    line-height: 38px;
    margin-top: -10px;
    margin-bottom: -10px;
  }
}
@media screen and (max-width: 767px ) {
  body#home #sec1 .homeLayout1 .box2 .text1 {
    letter-spacing: 0.09em;
    line-height: 36px;
    margin-top: -9px;
    margin-bottom: -9px;
  }
}
@media screen and (min-width: 768px ) {
  body#home #sec1 .homeLayout1 .box2 .text1 + .text1 {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767px ) {
  body#home #sec1 .homeLayout1 .box2 .text1 + .text1 {
    margin-top: 31px;
  }
}
body#home #sec1 .homeLayout1 .box2 .text2 {
  text-align: right;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 26px;
  margin-bottom: -6px;
}
@media screen and (min-width: 768px ) {
  body#home #sec1 .homeLayout1 .box2 .text2 {
    margin-top: 45px;
  }
}
@media screen and (max-width: 767px ) {
  body#home #sec1 .homeLayout1 .box2 .text2 {
    margin-top: 35px;
  }
}
body#home #sec1 .homeLayout1 .box2 .text3 {
  text-align: right;
  font-size: 18px;
}
@media screen and (min-width: 768px ) {
  body#home #sec1 .homeLayout1 .box2 .text3 {
    letter-spacing: 0.1em;
    line-height: 38px;
    margin-top: 10px;
    margin-bottom: -10px;
  }
}
@media screen and (max-width: 767px ) {
  body#home #sec1 .homeLayout1 .box2 .text3 {
    letter-spacing: 0.09em;
    line-height: 36px;
    margin-top: 11px;
    margin-bottom: -9px;
  }
}
@media screen and (max-width: 767px ) {
  body#home #sec2 > .wrapper {
    padding-left: 5.3333333333%;
    padding-right: 5.3333333333%;
  }
}
body#home #sec2 .listLayout3 > .item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 768px ) {
  body#home #sec2 .listLayout3 > .item {
    width: calc(50% - 20px);
    max-width: 520px;
    padding-bottom: 120px;
    position: relative;
  }
}
@media screen and (max-width: 767px ) {
  body#home #sec2 .listLayout3 > .item {
    width: 100%;
  }
}
body#home #sec2 .listLayout3 > .item:nth-child(4) .headGrp .head1 {
  letter-spacing: 0;
}
body#home #sec2 .listLayout3 > .item > .headGrp {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 768px ) {
  body#home #sec2 .listLayout3 > .item > .headGrp {
    background: url(../img/home/bg_flower.png.webp) center center/contain no-repeat;
    width: 200px;
    height: 195px;
  }
  .no-webp body#home #sec2 .listLayout3 > .item > .headGrp {
    background-image: url(../img/home/bg_flower.png);
  }
}
@media screen and (max-width: 767px ) {
  body#home #sec2 .listLayout3 > .item > .headGrp {
    background: url(../img/home/bg_flower_sp.png.webp) center center/contain no-repeat;
    width: 175px;
    height: 170px;
  }
  .no-webp body#home #sec2 .listLayout3 > .item > .headGrp {
    background-image: url(../img/home/bg_flower_sp.png);
  }
}
body#home #sec2 .listLayout3 > .item > .headGrp .head1 {
  font-size: 22px;
  letter-spacing: 0.05em;
  line-height: 32px;
  color: #CC7E0C;
  text-align: center;
}
body#home #sec2 .listLayout3 > .item > .img1 {
  width: 100%;
  height: auto;
  z-index: -1;
}
@media screen and (min-width: 768px ) {
  body#home #sec2 .listLayout3 > .item > .img1 {
    margin-top: -40px;
  }
}
@media screen and (max-width: 767px ) {
  body#home #sec2 .listLayout3 > .item > .img1 {
    margin-top: -30px;
  }
}
body#home #sec2 .listLayout3 > .item > .img1 img {
  width: 100%;
  height: auto;
  border-radius: 4px;
}
body#home #sec2 .listLayout3 > .item > .text1 {
  font-size: 18px;
}
@media screen and (min-width: 768px ) {
  body#home #sec2 .listLayout3 > .item > .text1 {
    letter-spacing: 0.1em;
    line-height: 38px;
    margin-top: 30px;
    margin-bottom: -10px;
    width: 420px;
    max-width: 100%;
    min-height: 114px;
  }
}
@media screen and (max-width: 767px ) {
  body#home #sec2 .listLayout3 > .item > .text1 {
    width: 88.0597014925%;
    letter-spacing: 0.09em;
    line-height: 36px;
    margin-top: 21px;
    margin-bottom: -9px;
  }
}
@media screen and (min-width: 768px ) {
  body#home #sec2 .listLayout3 > .item > .btn {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 767px ) {
  body#home #sec2 .listLayout3 > .item > .btn {
    margin-top: 30px;
  }
}
body#home #sec3 .menuLinkList {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-flow: wrap;
}
@media screen and (min-width: 768px ) {
  body#home #sec3 .menuLinkList {
    row-gap: 30px;
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
}
@media screen and (max-width: 767px ) {
  body#home #sec3 .menuLinkList {
    row-gap: 10px;
  }
}
@media screen and (max-width: 767px ) {
  body#home #sec3 .menuLinkList > .item {
    width: 100%;
  }
  body#home #sec3 .menuLinkList > .item .btn {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 768px ) {
  body#home #sec3 .snsList {
    margin: 60px auto 0;
    justify-content: center;
  }
}
@media screen and (max-width: 767px ) {
  body#home #sec3 .snsList {
    flex-flow: wrap;
    justify-content: center;
    margin: 60px auto 0;
  }
}
@media screen and (max-width: 767px ) {
  body#home #sec3 .snsList > .item:not(:first-child) {
    margin-top: 10px;
  }
}
@media screen and (min-width: 1080px ) {
  body#home #sec4 {
    padding-bottom: 240px;
  }
}
@media screen and (max-width: 1079px ) and (min-width: 768px ) {
  body#home #sec4 {
    padding-bottom: 160px;
  }
}
@media screen and (max-width: 767px ) {
  body#home #sec4 {
    padding-bottom: 120px;
  }
}
@media screen and (min-width: 768px ) {
  body#home #sec4 .btn {
    margin: 60px auto 0;
  }
}
@media screen and (max-width: 767px ) {
  body#home #sec4 .btn {
    margin: 30px auto 0;
  }
}
@media screen and (min-width: 1080px ) {
  body#home #sec7 {
    padding-bottom: 240px;
  }
}
@media screen and (max-width: 1079px ) and (min-width: 768px ) {
  body#home #sec7 {
    padding-bottom: 160px;
  }
}
@media screen and (max-width: 767px ) {
  body#home #sec7 {
    padding-bottom: 120px;
  }
}
/**
 *  ページ毎に利用するCSS
 *
/* ======================================================================================= */
body#clinic .header.fv .logo .logoIcon.black {
  display: none;
}
body#clinic .header.fv .logo .logoIcon.white {
  display: block;
}
body#clinic .header.fv .gNav > .item > .navLink1 .text1, body#clinic .header.fv .gNav > .item > .navLink1 .text2, body#clinic .header.fv .gNav > .item > .navLink1 .text3 {
  color: #ffffff;
}
body#clinic .header.fv .gNav > .item > .navLink1 .icon_arrow1 {
  background-color: #ffffff;
}
body#clinic .header.fv .gNav > .item > .navLink1 .icon_arrow1 svg {
  fill: #CC7E0C;
}
body#clinic .header.fv .gNav > .item > .navLink1 .icon_arrow2 svg {
  fill: #ffffff;
}
body#clinic .header.fv .gNav > .item > .navLink1.disabled .text1, body#clinic .header.fv .gNav > .item > .navLink1.disabled .text2, body#clinic .header.fv .gNav > .item > .navLink1.disabled .text3 {
  color: #cccccc;
}
body#clinic .header.fv .gNav > .item > .navLink1.disabled .icon_arrow1 {
  background-color: #cccccc;
}
body#clinic .header.fv .gNav > .item > .navLink1.disabled .icon_arrow1 svg {
  fill: #ffffff;
}
body#clinic .header.fv .gNav > .item > .navLink1.disabled .icon_arrow2 svg {
  fill: #cccccc;
}
body#clinic .header.fv .menuBtn .menu {
  fill: #ffffff;
}
body#clinic #bodyWrapper > .fixedBg {
  background-image: url(../img/clinic/top_bg.jpg.webp);
}
.no-webp body#clinic #bodyWrapper > .fixedBg {
  background-image: url(../img/clinic/top_bg.jpg);
}
body#clinic #secTop .bg {
  background-image: url(../img/clinic/top_bg.jpg.webp);
}
.no-webp body#clinic #secTop .bg {
  background-image: url(../img/clinic/top_bg.jpg);
}
@media screen and (min-width: 768px ) {
  body#clinic #secTop .pageHead1 .head3 {
    width: 54px;
    height: 18px;
  }
}
@media screen and (max-width: 767px ) {
  body#clinic #secTop .pageHead1 .head3 {
    width: 46px;
    height: 16px;
  }
}
@media screen and (min-width: 1080px ) {
  body#clinic #sec1 {
    padding-top: 200px;
  }
}
@media screen and (max-width: 767px ) {
  body#clinic #sec1 {
    padding-top: 100px;
  }
}
body#clinic #sec1 .textLayout2 {
  max-width: 800px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: right;
}
@media screen and (min-width: 768px ) {
  body#clinic #sec1 .textLayout2 {
    padding-top: 50px;
  }
}
@media screen and (max-width: 767px ) {
  body#clinic #sec1 .textLayout2 {
    padding-top: 40px;
  }
}
body#clinic #sec1 .textLayout2 .text1 {
  font-size: 15px;
  line-height: 26px;
  margin-top: -5px;
  margin-bottom: -6px;
}
body#clinic #sec1 .textLayout2 .text2 {
  font-size: 18px;
}
@media screen and (min-width: 768px ) {
  body#clinic #sec1 .textLayout2 .text2 {
    letter-spacing: 0.1em;
    line-height: 38px;
    margin-top: 10px;
    margin-bottom: -10px;
  }
}
@media screen and (max-width: 767px ) {
  body#clinic #sec1 .textLayout2 .text2 {
    letter-spacing: 0.09em;
    line-height: 36px;
    margin-top: 14px;
    margin-bottom: -7px;
  }
}
body#clinic #sec1 .clinicLayout1 {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
@media screen and (min-width: 768px ) {
  body#clinic #sec1 .clinicLayout1 {
    margin-top: 100px;
    justify-content: space-between;
    align-items: flex-start;
  }
}
@media screen and (max-width: 767px ) {
  body#clinic #sec1 .clinicLayout1 {
    margin-top: 60px;
    flex-direction: column;
    align-items: center;
  }
}
body#clinic #sec1 .clinicLayout1 .box1 {
  border-radius: 4px;
  overflow: hidden;
}
@media screen and (min-width: 768px ) {
  body#clinic #sec1 .clinicLayout1 .box1 {
    width: 300px;
    height: 368px;
  }
}
@media screen and (max-width: 767px ) {
  body#clinic #sec1 .clinicLayout1 .box1 {
    max-width: 295px;
    width: 100%;
    height: auto;
  }
}
body#clinic #sec1 .clinicLayout1 .box2 {
  background-color: #F7F3E7;
  border-radius: 4px;
  overflow: hidden;
}
@media screen and (min-width: 768px ) {
  body#clinic #sec1 .clinicLayout1 .box2 {
    width: 440px;
    padding: 30px;
    margin-left: 20px;
  }
}
@media screen and (max-width: 767px ) {
  body#clinic #sec1 .clinicLayout1 .box2 {
    margin-top: 40px;
    width: 100%;
    padding: 20px;
  }
}
body#clinic #sec1 .clinicLayout1 .box2 .head {
  font-size: 15px;
  letter-spacing: 0;
  line-height: 26px;
  margin-top: -5px;
  border-bottom: 1px solid #D1C6BD;
}
@media screen and (min-width: 768px ) {
  body#clinic #sec1 .clinicLayout1 .box2 .head {
    margin-bottom: 16px;
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 767px ) {
  body#clinic #sec1 .clinicLayout1 .box2 .head {
    margin-bottom: 12px;
    padding-bottom: 6px;
  }
}
body#clinic #sec1 .clinicLayout1 .box2 .text {
  font-size: 15px;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -2px;
  margin-bottom: -3px;
}
body#clinic #sec1 .clinicLayout1 .box2 .text span {
  white-space: nowrap;
}
body#clinic #sec1 .clinicLayout1 .box2 .text + .head {
  margin-top: 25px;
}
body#clinic #sec1 .clinicLayout1 .box2 .text + .text {
  margin-top: 9px;
}
body#clinic #sec1 .clinicLayout1 .box2 .text.year {
  text-indent: -66.5px;
  margin-left: 66.5px;
}
body#clinic .clinicLayout2 {
  text-align: center;
}
@media screen and (min-width: 768px ) {
  body#clinic .clinicLayout2 + .clinicLayout2 {
    padding-top: 120px;
  }
}
@media screen and (max-width: 767px ) {
  body#clinic .clinicLayout2 + .clinicLayout2 {
    padding-top: 60px;
  }
}
body#clinic .clinicLayout2 .head1 {
  color: #CC7E0C;
  font-size: 22px;
  line-height: 32px;
  letter-spacing: 0.05em;
  padding-left: 0.05em;
  margin-top: -5px;
  margin-bottom: -5px;
}
body#clinic .clinicLayout2 .head2 {
  display: block;
  width: 24px;
  height: 8px;
  margin: 20px auto;
}
body#clinic .clinicLayout2 .head3 {
  font-size: 18px;
}
@media screen and (min-width: 768px ) {
  body#clinic .clinicLayout2 .head3 {
    line-height: 38px;
    letter-spacing: 0.1em;
    padding-left: 0.1em;
    margin-top: -10px;
    margin-bottom: -10px;
  }
}
@media screen and (max-width: 767px ) {
  body#clinic .clinicLayout2 .head3 {
    line-height: 36px;
    letter-spacing: 0.09em;
    padding-left: 0.09em;
    margin-top: -9px;
    margin-bottom: -9px;
  }
}
body#clinic .clinicLayout2 .head4 {
  font-size: 22px;
  line-height: 42px;
  letter-spacing: 0.05em;
  padding-left: 0.05em;
  margin-top: -10px;
  margin-bottom: -10px;
}
@media screen and (min-width: 768px ) {
  body#clinic .clinicLayout2 .map {
    margin: 40px auto;
  }
}
@media screen and (max-width: 767px ) {
  body#clinic .clinicLayout2 .map {
    margin: 20px auto;
  }
}
body#clinic .clinicLayout2 .map iframe {
  margin-left: auto;
  margin-right: auto;
}
body#clinic .clinicLayout2 .text1 {
  text-align: left;
  font-size: 18px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px ) {
  body#clinic .clinicLayout2 .text1 {
    max-width: 600px;
    line-height: 38px;
    letter-spacing: 0.1em;
    margin-top: -10px;
    margin-bottom: -10px;
  }
}
@media screen and (max-width: 767px ) {
  body#clinic .clinicLayout2 .text1 {
    max-width: 295px;
    line-height: 36px;
    letter-spacing: 0.09em;
    margin-top: -9px;
    margin-bottom: -9px;
  }
}
@media screen and (min-width: 768px ) {
  body#clinic .clinicLayout2 .text1 + .text1 {
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px ) {
  body#clinic .clinicLayout2 .text1 + .text1 {
    margin-top: 11px;
  }
}
@media screen and (min-width: 768px ) {
  body#clinic .clinicLayout2 .workingTable {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767px ) {
  body#clinic .clinicLayout2 .workingTable {
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px ) {
  body#clinic #sec4 .clinicLayout3 {
    max-width: 1200px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px ) {
  body#clinic #sec4 .clinicLayout3 {
    width: 127.1186440678%;
    margin-left: -13.5593220339%;
  }
}
body#clinic #sec5 .text1 {
  max-width: none;
}
@media screen and (min-width: 768px ) {
  body#clinic #sec5 .text1 {
    text-align: center;
  }
}
body#clinic #sec5 .tel {
  text-align: center;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px ) {
  body#clinic #sec5 .tel {
    font-size: 26px;
    line-height: 42px;
    margin-top: -8px;
    margin-bottom: -8px;
  }
}
@media screen and (max-width: 767px ) {
  body#clinic #sec5 .tel {
    font-size: 22px;
    line-height: 32px;
    margin-top: -5px;
    margin-bottom: -5px;
  }
}
body#clinic #sec5 .tel svg {
  display: inline-block;
  width: 22px;
  height: 22px;
  fill: #684434;
  margin-right: 10px;
}
@media screen and (min-width: 768px ) {
  body#clinic #sec5 .tel svg {
    vertical-align: -1px;
  }
}
@media screen and (max-width: 767px ) {
  body#clinic #sec5 .tel svg {
    vertical-align: -3px;
  }
}
body#clinic #sec5 .mail {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 768px ) {
  body#clinic #sec5 .mail {
    width: 344px;
  }
}
@media screen and (max-width: 767px ) {
  body#clinic #sec5 .mail {
    width: 295px;
  }
}
@media screen and (max-width: 374px ) {
  body#clinic #sec6 .wrapper {
    padding-left: calc(50% - 144px);
    padding-right: calc(50% - 144px);
  }
}
@media screen and (min-width: 1080px ) {
  body#clinic #sec7 {
    padding-bottom: 240px;
  }
}
@media screen and (max-width: 1079px ) and (min-width: 768px ) {
  body#clinic #sec7 {
    padding-bottom: 160px;
  }
}
@media screen and (max-width: 767px ) {
  body#clinic #sec7 {
    padding-bottom: 120px;
  }
}
@media screen and (min-width: 768px ) {
  body#clinic #sec7 .btn {
    margin: 60px auto 0;
  }
}
@media screen and (max-width: 767px ) {
  body#clinic #sec7 .btn {
    margin: 30px auto 0;
  }
}
/**
 *  ページ毎に利用するCSS
 *
/* ======================================================================================= */
@media screen and (max-width: 1079px ) {
  body#flow .header.fv .logo .logoIcon.black {
    display: none;
  }
  body#flow .header.fv .logo .logoIcon.white {
    display: block;
  }
}
body#flow .header.fv .menuBtn .menu {
  fill: #ffffff;
}
body#flow #bodyWrapper > .fixedBg {
  background-image: url(../img/flow/top_bg.jpg.webp);
}
.no-webp body#flow #bodyWrapper > .fixedBg {
  background-image: url(../img/flow/top_bg.jpg);
}
body#flow #secTop .bg {
  background-image: url(../img/flow/top_bg.jpg.webp);
}
.no-webp body#flow #secTop .bg {
  background-image: url(../img/flow/top_bg.jpg);
}
body#flow #secTop .pageHead1 .head3 {
  width: 30px;
  height: 14px;
}
@media screen and (min-width: 1080px ) {
  body#flow #sec1 {
    padding-top: 200px;
    padding-bottom: 240px;
  }
}
@media screen and (max-width: 1079px ) and (min-width: 768px ) {
  body#flow #sec1 {
    padding-bottom: 160px;
  }
}
@media screen and (max-width: 767px ) {
  body#flow #sec1 {
    padding-top: 100px;
    padding-bottom: 120px;
  }
}
@media screen and (min-width: 768px ) {
  body#flow #sec1 .wrapper {
    max-width: 1080px;
  }
}
@media screen and (min-width: 768px ) {
  body#flow #sec1 .list_flow .item:not(:last-child) {
    padding-bottom: 100px;
    position: relative;
  }
  body#flow #sec1 .list_flow .item:not(:last-child)::after {
    content: "";
    width: 1px;
    height: calc(100% - 110px);
    background-color: #CC7E0C;
    position: absolute;
    top: 100px;
    left: 44px;
  }
}
@media screen and (max-width: 767px ) {
  body#flow #sec1 .list_flow .item:not(:last-child) {
    padding-bottom: 60px;
  }
}
body#flow #sec1 .list_flow .headGrp {
  display: flex;
  align-items: center;
  font-size: 22px;
  line-height: 32px;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px ) {
  body#flow #sec1 .list_flow .headGrp {
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
}
@media screen and (max-width: 767px ) {
  body#flow #sec1 .list_flow .headGrp {
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
}
body#flow #sec1 .list_flow .headGrp .num {
  width: 90px;
  height: 90px;
  padding-left: 0.05em;
  background: url(../svg/icons/icon_leafcrown.svg) center center/100% 100% no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #CC7E0C;
}
body#flow #sec1 .list_flow .headGrp .head {
  margin-top: -5px;
  margin-right: -0.05em;
  padding-bottom: 5px;
  border-bottom: 1px solid #9D897A;
  white-space: nowrap;
}
@media screen and (min-width: 768px ) {
  body#flow #sec1 .list_flow .box {
    margin-top: 12px;
    padding-left: 130px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
@media screen and (max-width: 767px ) {
  body#flow #sec1 .list_flow .box {
    margin-top: 20px;
  }
}
body#flow #sec1 .list_flow .box .pic {
  display: block;
}
@media screen and (min-width: 768px ) {
  body#flow #sec1 .list_flow .box .pic {
    width: 32.183908046%;
    align-self: flex-start;
  }
}
@media screen and (max-width: 767px ) {
  body#flow #sec1 .list_flow .box .pic {
    max-width: 335px;
    margin: 0 auto 30px;
  }
}
body#flow #sec1 .list_flow .box .pic img {
  border-radius: 4px;
}
@media screen and (min-width: 768px ) {
  body#flow #sec1 .list_flow .box .txtBox {
    width: 63.2183908046%;
  }
}
@media screen and (min-width: 768px ) {
  body#flow #sec1 .list_flow .box .txtBox .txt {
    margin: -10px 0;
    font-size: 18px;
    line-height: 38px;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px ) {
  body#flow #sec1 .list_flow .box .txtBox .txt {
    margin: -9px 0;
    font-size: 18px;
    line-height: 36px;
    letter-spacing: 0.09em;
  }
}
@media screen and (min-width: 1080px ) {
  body#flow #sec4 {
    padding-bottom: 240px;
  }
}
@media screen and (max-width: 1079px ) and (min-width: 768px ) {
  body#flow #sec4 {
    padding-bottom: 160px;
  }
}
@media screen and (max-width: 767px ) {
  body#flow #sec4 {
    padding-bottom: 120px;
  }
}
@media screen and (max-width: 374px ) {
  body#flow #sec4 .wrapper {
    padding-left: calc(50% - 144px);
    padding-right: calc(50% - 144px);
  }
}
/**
 *  ページ毎に利用するCSS
 *
/* ======================================================================================= */
@media screen and (min-width: 768px ) {
  body.treatment #treatmentTop {
    padding-top: 193px;
  }
}
@media screen and (max-width: 767px ) {
  body.treatment #treatmentTop {
    padding-top: 105px;
  }
}
body.treatment #treatmentTop .wrapper {
  display: flex;
  overflow: hidden;
}
@media screen and (min-width: 768px ) {
  body.treatment #treatmentTop .wrapper {
    justify-content: space-between;
  }
}
@media screen and (max-width: 1079px ) and (min-width: 768px ) {
  body.treatment #treatmentTop .wrapper {
    align-items: center;
  }
}
@media screen and (max-width: 767px ) {
  body.treatment #treatmentTop .wrapper {
    flex-direction: column;
    padding: 0;
    position: relative;
  }
}
@media screen and (min-width: 1080px ) {
  body.treatment #treatmentTop .box1 {
    min-width: 500px;
    padding-top: 117px;
  }
}
@media screen and (max-width: 1079px ) and (min-width: 768px ) {
  body.treatment #treatmentTop .box1 {
    min-width: 348px;
  }
}
@media screen and (max-width: 767px ) {
  body.treatment #treatmentTop .box1 {
    padding-top: 28px;
  }
}
body.treatment #treatmentTop .box1 .pageGrp {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px ) {
  body.treatment #treatmentTop .box1 .pageGrp {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 767px ) {
  body.treatment #treatmentTop .box1 .pageGrp {
    flex-direction: column;
    position: absolute;
    top: 45px;
    left: calc(50% - 168px);
  }
}
body.treatment #treatmentTop .box1 .pageGrp .pic {
  width: 50px;
  height: 40px;
}
body.treatment #treatmentTop .box1 .pageGrp .txt {
  font-size: 20px;
}
@media screen and (min-width: 768px ) {
  body.treatment #treatmentTop .box1 .pageGrp .txt {
    margin-left: 10px;
    margin-right: -0.05em;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px ) {
  body.treatment #treatmentTop .box1 .pageGrp .txt {
    margin-top: 14px;
    margin-bottom: -0.2em;
    letter-spacing: 0.2em;
    -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
  }
}
body.treatment #treatmentTop .box1 .pageGrp::after {
  content: "";
  display: block;
}
@media screen and (min-width: 768px ) {
  body.treatment #treatmentTop .box1 .pageGrp::after {
    width: 40px;
    height: 2px;
    margin-left: 10px;
    border-bottom: 1px solid #9D897A;
  }
}
@media screen and (max-width: 767px ) {
  body.treatment #treatmentTop .box1 .pageGrp::after {
    width: 2px;
    height: 40px;
    margin-top: 10px;
    border-right: 1px solid #9D897A;
  }
}
@media screen and (min-width: 768px ) {
  body.treatment #treatmentTop .box1 .pageHead {
    display: flex;
    align-items: center;
  }
}
body.treatment #treatmentTop .box1 .pageHead .icon_face {
  width: 160px;
  height: 160px;
  margin-right: 34px;
  fill: #CC7E0C;
}
@media screen and (max-width: 767px ) {
  body.treatment #treatmentTop .box1 .pageHead .textGrp {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
body.treatment #treatmentTop .box1 .pageHead .head {
  margin: -13px 0;
  font-size: 30px;
  line-height: 56px;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px ) {
  body.treatment #treatmentTop .box1 .pageHead .head {
    margin-right: -0.1em;
  }
}
body.treatment #treatmentTop .box1 .pageHead .head_en {
  margin-top: 20px;
  fill: #CC7E0C;
}
@media screen and (min-width: 768px ) {
  body.treatment #treatmentTop .box1 .topTxt {
    margin: 50px 0 -10px;
    font-size: 22px;
    line-height: 42px;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px ) {
  body.treatment #treatmentTop .box1 .topTxt {
    margin: 21px 0 -9px;
    text-align: center;
    font-size: 18px;
    line-height: 36px;
    letter-spacing: 0.09em;
  }
}
body.treatment #treatmentTop .box2 {
  position: relative;
}
@media screen and (max-width: 767px ) {
  body.treatment #treatmentTop .box2 {
    left: calc(50% - 118px);
  }
}
body.treatment #treatmentTop .box2 .bg {
  position: relative;
  z-index: 1;
  background: url(../img/common/top_mask_flower.png.webp) center center/100% 100% no-repeat;
}
.no-webp body.treatment #treatmentTop .box2 .bg {
  background-image: url(../img/common/top_mask_flower.png);
}
@media screen and (min-width: 768px ) {
  body.treatment #treatmentTop .box2 .bg {
    width: 630px;
    height: 594px;
  }
}
@media screen and (max-width: 767px ) {
  body.treatment #treatmentTop .box2 .bg {
    width: 340px;
    height: 320px;
  }
}
body.treatment #treatmentTop .box2 .clip {
  position: absolute;
}
@media screen and (max-width: 767px ) {
  body.treatment #treatmentTop .box2 .clip clipPath path {
    transform: scale(0.5396551724, 0.5388888889);
  }
}
body.treatment #treatmentTop .box2 .mask {
  width: 100%;
  height: 100%;
  -webkit-clip-path: url(#svgPath);
          clip-path: url(#svgPath);
  position: absolute;
}
@media screen and (min-width: 768px ) {
  body.treatment #treatmentTop .box2 .mask {
    top: 35px;
    left: 30px;
    width: 580px;
    height: 540px;
  }
}
@media screen and (max-width: 767px ) {
  body.treatment #treatmentTop .box2 .mask {
    top: 19px;
    left: 16px;
    width: 313px;
    height: 291px;
  }
}
body.treatment #treatmentTop .box2 .topImg {
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768px ) {
  body.treatment .txt {
    margin: -10px 0;
    font-size: 18px;
    line-height: 38px;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px ) {
  body.treatment .txt {
    margin: -9px 0;
    font-size: 18px;
    line-height: 36px;
    letter-spacing: 0.09em;
  }
}
@media screen and (min-width: 768px ) {
  body.treatment .txt + .txt {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px ) {
  body.treatment .txt + .txt {
    margin-top: 21px;
  }
}
@media screen and (max-width: 767px ) {
  body.treatment .txt.head {
    margin-top: 31px;
  }
}
@media screen and (min-width: 768px ) {
  body.treatment .txt.head + .txt {
    margin-top: 20px;
  }
}
@media screen and (min-width: 1080px ) {
  body.treatment #overview {
    padding-top: 200px;
  }
}
@media screen and (max-width: 767px ) {
  body.treatment #overview {
    padding-top: 100px;
  }
}
@media screen and (min-width: 768px ) {
  body.treatment #overview .wrapper {
    max-width: 1080px;
  }
}
@media screen and (min-width: 768px ) {
  body.treatment #overview .box1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
body.treatment #overview .box1 .pic {
  display: block;
}
@media screen and (min-width: 768px ) {
  body.treatment #overview .box1 .pic {
    width: 300px;
    max-width: 30%;
    align-self: flex-start;
  }
}
@media screen and (max-width: 767px ) {
  body.treatment #overview .box1 .pic {
    max-width: 335px;
    margin: 0 auto 30px;
  }
}
body.treatment #overview .box1 .pic img {
  border-radius: 4px;
}
@media screen and (min-width: 1080px ) {
  body.treatment #overview .box1 .txtBox {
    width: calc(70% - 60px);
  }
}
@media screen and (max-width: 1079px ) and (min-width: 768px ) {
  body.treatment #overview .box1 .txtBox {
    width: calc(70% - 40px);
  }
}
@media screen and (min-width: 768px ) {
  body.treatment #overview .box2 {
    padding-top: 100px;
  }
}
@media screen and (max-width: 767px ) {
  body.treatment #overview .box2 {
    padding-top: 50px;
  }
}
@media screen and (min-width: 768px ) {
  body.treatment #overview .box2 .grp {
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px ) {
  body.treatment #overview .box2 .grp + .grp {
    padding-top: 80px;
  }
}
@media screen and (max-width: 767px ) {
  body.treatment #overview .box2 .grp + .grp {
    padding-top: 40px;
  }
}
body.treatment #overview .box2 .itemHead {
  color: #CC7E0C;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px ) {
  body.treatment #overview .box2 .itemHead {
    width: 300px;
    max-width: 30%;
    margin: -5px 0;
    text-align: right;
  }
}
@media screen and (max-width: 767px ) {
  body.treatment #overview .box2 .itemHead {
    margin: -5px 0;
  }
}
@media screen and (min-width: 1080px ) {
  body.treatment #overview .box2 .itemBody {
    width: calc(70% - 60px);
  }
}
@media screen and (max-width: 1079px ) and (min-width: 768px ) {
  body.treatment #overview .box2 .itemBody {
    width: calc(70% - 40px);
  }
}
@media screen and (max-width: 767px ) {
  body.treatment #overview .box2 .itemBody {
    padding-top: 30px;
  }
}
@media screen and (min-width: 768px ) {
  body.treatment #overview .box2 .itemBody .txt {
    max-width: 540px;
  }
}
@media screen and (min-width: 768px ) {
  body.treatment #cause .wrapper,
body.treatment #treatment .wrapper {
    max-width: 880px;
  }
}
@media screen and (min-width: 768px ) {
  body.treatment #cause .txt_img,
body.treatment #treatment .txt_img {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
    justify-content: space-between;
  }
}
body.treatment #cause .txt_img .pic,
body.treatment #treatment .txt_img .pic {
  display: block;
}
@media screen and (min-width: 768px ) {
  body.treatment #cause .txt_img .pic,
body.treatment #treatment .txt_img .pic {
    width: 280px;
    max-width: 35%;
    align-self: flex-start;
  }
}
@media screen and (max-width: 767px ) {
  body.treatment #cause .txt_img .pic,
body.treatment #treatment .txt_img .pic {
    max-width: 335px;
    margin: 0 auto;
  }
}
body.treatment #cause .txt_img .pic img,
body.treatment #treatment .txt_img .pic img {
  border-radius: 4px;
}
@media screen and (min-width: 1080px ) {
  body.treatment #cause .txt_img .txtBox,
body.treatment #treatment .txt_img .txtBox {
    width: calc(65% - 60px);
  }
}
@media screen and (max-width: 1079px ) and (min-width: 768px ) {
  body.treatment #cause .txt_img .txtBox,
body.treatment #treatment .txt_img .txtBox {
    width: calc(65% - 40px);
  }
}
@media screen and (max-width: 767px ) {
  body.treatment #cause .txt_img .txtBox,
body.treatment #treatment .txt_img .txtBox {
    margin-top: 30px;
  }
}
@media screen and (min-width: 768px ) {
  body.treatment #treatment .lede {
    text-align: center;
  }
}
body.treatment #treatment .lede span {
  white-space: nowrap;
}
body.treatment #treatment .conditionHeadGrp1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 30px;
  text-align: center;
  font-size: 22px;
  line-height: 32px;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px ) {
  body.treatment #treatment .conditionHeadGrp1 {
    padding: 120px 0 60px;
  }
}
@media screen and (max-width: 767px ) {
  body.treatment #treatment .conditionHeadGrp1 {
    padding: 60px 0 40px;
  }
}
body.treatment #treatment .conditionHeadGrp1 .num {
  width: 90px;
  height: 90px;
  padding-left: 0.05em;
  background: url(../svg/icons/icon_leafcrown.svg) center center/100% 100% no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #CC7E0C;
}
body.treatment #treatment .conditionHeadGrp1 .head {
  margin-top: -5px;
  margin-right: -0.05em;
  padding-bottom: 5px;
  border-bottom: 1px solid #9D897A;
  white-space: nowrap;
}
body.treatment #treatment .conditionHeadGrp2 {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px ) {
  body.treatment #treatment .conditionHeadGrp2 {
    margin: 80px 0 40px;
  }
}
@media screen and (max-width: 767px ) {
  body.treatment #treatment .conditionHeadGrp2 {
    margin: 50px 0 40px;
  }
}
body.treatment #treatment .conditionHeadGrp2 .icon {
  fill: #CC7E0C;
}
body.treatment #treatment .conditionHeadGrp2.improve .icon {
  width: 48px;
  height: 30px;
  margin-right: 20px;
}
body.treatment #treatment .conditionHeadGrp2.recommend .icon {
  width: 54px;
  height: 48px;
  margin-right: 14px;
}
body.treatment #treatment .conditionHeadGrp2 .head {
  margin: -5px 0;
  color: #CC7E0C;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.1em;
}
body.treatment #treatment .list_treatment {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 768px ) {
  body.treatment #treatment .list_treatment {
    row-gap: 10px;
  }
}
@media screen and (max-width: 767px ) {
  body.treatment #treatment .list_treatment {
    padding-bottom: 11px;
    row-gap: 21px;
  }
}
body.treatment #treatment .list_treatment .item {
  background-color: #fff;
  border: 1px solid #F7F3E7;
  border-radius: 4px;
  position: relative;
}
@media screen and (min-width: 768px ) {
  body.treatment #treatment .list_treatment .item {
    width: 100%;
    padding: 39px;
  }
}
@media screen and (max-width: 767px ) {
  body.treatment #treatment .list_treatment .item {
    width: 113.5593220339%;
    padding: 29px;
  }
}
body.treatment #treatment .list_treatment .listHead {
  display: flex;
  align-items: flex-start;
}
@media screen and (min-width: 768px ) {
  body.treatment #treatment .list_treatment .listHead {
    -moz-column-gap: 12px;
         column-gap: 12px;
  }
}
@media screen and (max-width: 767px ) {
  body.treatment #treatment .list_treatment .listHead {
    -moz-column-gap: 8px;
         column-gap: 8px;
  }
}
body.treatment #treatment .list_treatment .listHead .icon {
  width: 22px;
  height: 22px;
  fill: #CC7E0C;
  flex: none;
}
@media screen and (min-width: 768px ) {
  body.treatment #treatment .list_treatment .listHead .head {
    margin: -3px 0 -5px;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px ) {
  body.treatment #treatment .list_treatment .listHead .head {
    margin: -4px 0 -5px;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0.09em;
  }
}
@media screen and (min-width: 768px ) {
  body.treatment #treatment .list_treatment .btn_toggle {
    display: none;
  }
}
@media screen and (max-width: 767px ) {
  body.treatment #treatment .list_treatment .btn_toggle {
    width: 22px;
    height: 22px;
    background-color: #9D897A;
    border-radius: 50%;
    position: absolute;
    left: calc(50% - 11px);
    bottom: -11px;
    transition: 0.4s;
  }
  body.treatment #treatment .list_treatment .btn_toggle::before, body.treatment #treatment .list_treatment .btn_toggle::after {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #fff;
    border-radius: 1px;
    position: absolute;
    top: 10px;
    left: 6px;
  }
  body.treatment #treatment .list_treatment .btn_toggle::after {
    transform: rotate(90deg);
    transition: 0.4s;
  }
}
body.treatment #treatment .list_treatment .btn_toggle.open {
  background-color: #D1C6BD;
}
body.treatment #treatment .list_treatment .btn_toggle.open::after {
  transform: rotate(0);
}
@media screen and (min-width: 768px ) {
  body.treatment #treatment .list_treatment .box {
    margin-top: -22px;
    display: flex !important;
    justify-content: space-between;
  }
}
@media screen and (max-width: 767px ) {
  body.treatment #treatment .list_treatment .box {
    display: none;
  }
}
@media screen and (min-width: 768px ) {
  body.treatment #treatment .list_treatment .box .box1 {
    width: 63.8888888889%;
    width: 100%;
    padding-top: 52px;
  }
}
@media screen and (min-width: 768px ) {
  body.treatment #treatment .list_treatment .box .box2 {
    width: 30.5555555556%;
    padding-left: 5.5555555556%;
    border-left: 1px solid #D1C6BD;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
body.treatment #treatment .list_treatment .box .link {
  display: block;
  width: 150px;
  height: 30px;
  background-color: #E29E6C;
  color: #ffffff;
  font-size: 15px;
  line-height: 30px;
  letter-spacing: 0;
  padding-left: 13px;
  transition: all 0.3s ease-out;
}
@media screen and (min-width: 768px ) {
  body.treatment #treatment .list_treatment .box .link {
    border-radius: 6px 0 0 0;
    position: absolute;
    bottom: 0;
    right: 0;
  }
}
@media screen and (max-width: 767px ) {
  body.treatment #treatment .list_treatment .box .link {
    border-radius: 15px;
    margin: 30px auto 0;
    position: relative;
  }
}
body.treatment #treatment .list_treatment .box .link .icon_arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 12px;
  margin-top: auto;
  margin-bottom: auto;
  display: block;
  background-color: #ffffff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 6px;
  width: 14px;
  height: 14px;
}
body.treatment #treatment .list_treatment .box .link .icon_arrow svg {
  display: block;
  fill: #E29E6C;
  width: 6px;
  height: 6px;
}
@media screen and (min-width: 768px ) {
  body.treatment #treatment .list_treatment .box .link:hover:not(.disabled) {
    background-color: #CC7E0C;
  }
}
@media screen and (min-width: 768px ) {
  body.treatment #treatment .list_treatment .desc {
    margin: -5px 0 -6px;
    font-size: 15px;
    line-height: 26px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 767px ) {
  body.treatment #treatment .list_treatment .desc {
    margin: 15px 0 -9px;
    font-size: 18px;
    line-height: 36px;
    letter-spacing: 0.09em;
  }
}
body.treatment #treatment .list_treatment .adverse {
  display: none;
  font-size: 12px;
  line-height: 20px;
  background-color: #F7F3E7;
}
@media screen and (min-width: 768px ) {
  body.treatment #treatment .list_treatment .adverse {
    margin-top: 24px;
    padding: 5px 14px;
    border-radius: 15px;
  }
}
@media screen and (max-width: 767px ) {
  body.treatment #treatment .list_treatment .adverse {
    margin-top: 20px;
    padding: 4px 10px;
    border-radius: 4px;
  }
}
body.treatment #treatment .list_treatment .price {
  font-size: 18px;
  line-height: 38px;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px ) {
  body.treatment #treatment .list_treatment .price {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
}
@media screen and (max-width: 767px ) {
  body.treatment #treatment .list_treatment .price {
    margin: 20px 0 -10px;
  }
}
@media screen and (min-width: 768px ) {
  body.treatment #treatment .list_treatment .price .times {
    margin-bottom: 4px;
    padding-bottom: 4px;
    border-bottom: 1px solid #D1C6BD;
  }
}
@media screen and (max-width: 767px ) {
  body.treatment #treatment .list_treatment .price .times {
    padding-right: 21px;
    position: relative;
  }
  body.treatment #treatment .list_treatment .price .times::after {
    content: "";
    display: block;
    height: 18px;
    border-right: 1px solid #D1C6BD;
    position: absolute;
    right: 10px;
    top: calc(50% - 9px);
  }
}
body.treatment #treatment .bgBox {
  background-color: #F7F3E7;
  border-radius: 4px;
}
@media screen and (min-width: 768px ) {
  body.treatment #treatment .bgBox {
    margin-top: 120px;
    padding: 60px;
    padding: 60px 7.5%;
  }
}
@media screen and (max-width: 767px ) {
  body.treatment #treatment .bgBox {
    margin-top: 60px;
    margin-left: -6.7796610169%;
    margin-right: -6.7796610169%;
    padding: 40px 6.7796610169%;
  }
}
body.treatment #treatment .bgBox .head {
  text-align: center;
  font-size: 22px;
  line-height: 42px;
  letter-spacing: 0.05em;
  padding-left: 0.05em;
  margin-top: -10px;
}
@media screen and (min-width: 768px ) {
  body.treatment #treatment .bgBox .head {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 767px ) {
  body.treatment #treatment .bgBox .head {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 768px ) {
  body.treatment #treatment .bgBox .txt_img .pic {
    max-width: 41.1764705882%;
  }
}
@media screen and (min-width: 768px ) {
  body.treatment #treatment .bgBox .txt_img .txtBox {
    width: 52.9411764706%;
  }
}
@media screen and (min-width: 768px ) {
  body.treatment #treatment .bgBox .txt_img + .txt {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px ) {
  body.treatment #treatment .bgBox .txt_img + .txt {
    margin-top: 21px;
  }
}
@media screen and (min-width: 768px ) {
  body.treatment #treatment .list_txt {
    margin-top: -60px;
  }
}
@media screen and (max-width: 767px ) {
  body.treatment #treatment .list_txt {
    margin-top: -40px;
  }
}
@media screen and (min-width: 768px ) {
  body.treatment #treatment .list_txt .item {
    padding-top: 60px;
  }
}
@media screen and (max-width: 767px ) {
  body.treatment #treatment .list_txt .item {
    padding-top: 40px;
  }
}
body.treatment #treatment .list_txt .head {
  color: #CC7E0C;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px ) {
  body.treatment #treatment .list_txt .head {
    margin: -5px 0 35px;
  }
}
@media screen and (max-width: 767px ) {
  body.treatment #treatment .list_txt .head {
    margin: -5px -3px 25px 0;
  }
}
@media screen and (min-width: 768px ) {
  body.treatment #treatment .list_txt.list_txt_img .item {
    min-height: 280px;
    padding-right: 340px;
    position: relative;
  }
}
body.treatment #treatment .list_txt.list_txt_img .pic {
  display: block;
}
@media screen and (min-width: 768px ) {
  body.treatment #treatment .list_txt.list_txt_img .pic {
    width: 300px;
    position: absolute;
    top: 60px;
    right: 0;
  }
}
@media screen and (max-width: 767px ) {
  body.treatment #treatment .list_txt.list_txt_img .pic {
    margin-bottom: 30px;
  }
}
body.treatment #treatment .list_txt.list_txt_img .pic img {
  border-radius: 4px;
}
@media screen and (min-width: 768px ) {
  body.treatment #treatment .list_txt + .txt {
    margin-top: 70px;
  }
}
@media screen and (max-width: 767px ) {
  body.treatment #treatment .list_txt + .txt {
    margin-top: 41px;
  }
}
@media screen and (min-width: 768px ) {
  body.treatment #objective .wrapper {
    max-width: 880px;
  }
}
@media screen and (min-width: 1080px ) {
  body.treatment #diagnose {
    padding-bottom: 240px;
  }
}
@media screen and (max-width: 1079px ) and (min-width: 768px ) {
  body.treatment #diagnose {
    padding-bottom: 160px;
  }
}
@media screen and (max-width: 767px ) {
  body.treatment #diagnose {
    padding-bottom: 120px;
  }
}
@media screen and (min-width: 768px ) {
  body.treatment #diagnose .wrapper {
    max-width: 880px;
  }
}
@media screen and (min-width: 768px ) {
  body.treatment #diagnose .img_txt {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
body.treatment #diagnose .img_txt .pic {
  display: block;
}
@media screen and (min-width: 768px ) {
  body.treatment #diagnose .img_txt .pic {
    width: 300px;
    max-width: 30%;
    align-self: flex-start;
  }
}
@media screen and (max-width: 767px ) {
  body.treatment #diagnose .img_txt .pic {
    max-width: 335px;
    margin: 0 auto 30px;
  }
}
body.treatment #diagnose .img_txt .pic img {
  border-radius: 4px;
}
@media screen and (min-width: 1080px ) {
  body.treatment #diagnose .img_txt .txtBox {
    width: calc(70% - 60px);
  }
}
@media screen and (max-width: 1079px ) and (min-width: 768px ) {
  body.treatment #diagnose .img_txt .txtBox {
    width: calc(70% - 40px);
  }
}
body.treatment #diagnose .stepHead {
  text-align: center;
  color: #CC7E0C;
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0.1em;
  padding-left: 0.1em;
}
@media screen and (min-width: 768px ) {
  body.treatment #diagnose .stepHead {
    margin: 120px 0 60px;
  }
}
@media screen and (max-width: 767px ) {
  body.treatment #diagnose .stepHead {
    margin: 60px 0 40px;
  }
}
body.treatment #diagnose .stepList {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 768px ) {
  body.treatment #diagnose .stepList {
    row-gap: 60px;
  }
}
@media screen and (max-width: 767px ) {
  body.treatment #diagnose .stepList {
    row-gap: 30px;
  }
}
@media screen and (min-width: 768px ) {
  body.treatment #diagnose .stepList .item {
    width: 100%;
  }
}
@media screen and (max-width: 767px ) {
  body.treatment #diagnose .stepList .item {
    width: 113.5593220339%;
    max-width: 450px;
  }
}
body.treatment #diagnose .stepList .num {
  width: 60px;
  height: 60px;
  margin: 0 auto -30px;
  background: url(../svg/icons/icon_leafcrown2.svg) center center/100% 100% no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #CC7E0C;
  font-size: 20px;
  line-height: 30px;
  position: relative;
  z-index: 1;
}
body.treatment #diagnose .stepList .box {
  background-color: #F7F3E7;
  border-radius: 4px;
}
@media screen and (min-width: 768px ) {
  body.treatment #diagnose .stepList .box {
    padding: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (max-width: 767px ) {
  body.treatment #diagnose .stepList .box {
    padding: 50px 0 30px;
  }
}
body.treatment #diagnose .stepList .box .pic {
  display: block;
  width: 200px;
}
@media screen and (min-width: 768px ) {
  body.treatment #diagnose .stepList .box .pic {
    margin-right: 60px;
  }
}
@media screen and (max-width: 767px ) {
  body.treatment #diagnose .stepList .box .pic {
    margin: 0 auto 30px;
  }
}
@media screen and (min-width: 768px ) {
  body.treatment #diagnose .stepList .box .txtBox {
    width: 340px;
  }
}
@media screen and (max-width: 767px ) {
  body.treatment #diagnose .stepList .box .txtBox {
    text-align: center;
  }
}
body.treatment #diagnose .more {
  text-align: center;
  font-size: 18px;
  line-height: 1;
}
@media screen and (min-width: 768px ) {
  body.treatment #diagnose .more {
    margin: 100px 0;
    padding-left: 0.1em;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px ) {
  body.treatment #diagnose .more {
    margin: 50px 0;
    padding-left: 0.09em;
    letter-spacing: 0.09em;
  }
}
body.treatment #diagnose .guidance {
  display: flex;
}
@media screen and (min-width: 768px ) {
  body.treatment #diagnose .guidance {
    margin-bottom: 240px;
    justify-content: space-between;
  }
}
@media screen and (max-width: 767px ) {
  body.treatment #diagnose .guidance {
    margin-bottom: 120px;
    flex-direction: column;
    align-items: center;
    row-gap: 20px;
  }
}
body.treatment #diagnose .guidance .item {
  background-color: #F7F3E7;
  border-radius: 4px;
  overflow: hidden;
}
@media screen and (min-width: 768px ) {
  body.treatment #diagnose .guidance .item {
    width: 45%;
  }
}
@media screen and (max-width: 767px ) {
  body.treatment #diagnose .guidance .item {
    width: 113.5593220339%;
    max-width: 450px;
  }
}
body.treatment #diagnose .guidance .head {
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
body.treatment #diagnose .guidance .head .jp {
  color: #fff;
  font-size: 20px;
}
body.treatment #diagnose .guidance .head .en {
  fill: #FFD3A0;
  position: absolute;
  bottom: -17px;
  left: 50%;
  transform: translateX(-50%);
}
body.treatment #diagnose .guidance .head.nutritional {
  background-color: #A1A781;
}
body.treatment #diagnose .guidance .head.nutritional .en {
  width: 125px;
  height: 29px;
}
body.treatment #diagnose .guidance .head.exercise {
  background-color: #E88A86;
}
body.treatment #diagnose .guidance .head.exercise .en {
  width: 105px;
  height: 29px;
}
@media screen and (min-width: 768px ) {
  body.treatment #diagnose .guidance .txtBox {
    padding: 40px;
  }
}
@media screen and (max-width: 767px ) {
  body.treatment #diagnose .guidance .txtBox {
    padding: 8.9552238806%;
  }
}
body.treatment #diagnose .message,
.headText1 .message {
  text-align: center;
  color: #CC7E0C;
  font-size: 22px;
  line-height: 42px;
  letter-spacing: 0.05em;
  margin-top: -10px;
  margin-bottom: -10px;
}
@media screen and (max-width: 767px ) {
  body.treatment #diagnose .message,
  .headText1 .message {
    margin-left: -6.7796610169%;
    margin-right: -6.7796610169%;
  }
}

/* ======================================================================================= */
body#wrinkle #bodyWrapper > .fixedBg {
  background-image: url(../img/treatment/wrinkle/fixed_bg.jpg.webp);
}
.no-webp body#wrinkle #bodyWrapper > .fixedBg {
  background-image: url(../img/treatment/wrinkle/fixed_bg.jpg);
}
body#wrinkle #treatmentTop .box1 .pageHead .head_en {
  width: 138px;
  height: 22px;
}

/* ======================================================================================= */
body#stain #bodyWrapper > .fixedBg {
  background-image: url(../img/treatment/stain/fixed_bg.jpg.webp);
}
.no-webp body#stain #bodyWrapper > .fixedBg {
  background-image: url(../img/treatment/stain/fixed_bg.jpg);
}
body#stain #treatmentTop .box1 .pageHead .head_en {
  width: 34px;
  height: 19px;
}
body#stain #objective .headGrp2 .head3 {
  margin-left: -4px;
  margin-right: -4px;
}

/* ======================================================================================= */
body#aga #bodyWrapper > .fixedBg {
  background-image: url(../img/treatment/aga/fixed_bg.jpg.webp);
}
.no-webp body#aga #bodyWrapper > .fixedBg {
  background-image: url(../img/treatment/aga/fixed_bg.jpg);
}
body#aga #treatmentTop .box1 .pageHead .head_en {
  width: 215px;
  height: 22px;
}

/* ======================================================================================= */
body#leakage #bodyWrapper > .fixedBg {
  background-image: url(../img/treatment/leakage/fixed_bg.jpg.webp);
}
.no-webp body#leakage #bodyWrapper > .fixedBg {
  background-image: url(../img/treatment/leakage/fixed_bg.jpg);
}
body#leakage #treatmentTop .box1 .pageHead .head_en {
  width: 212px;
  height: 22px;
}

/**
 *  ページ毎に利用するCSS
 *
/* ======================================================================================= */
@media screen and (min-width: 1080px ) {
  body.menu .sec {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
@media screen and (max-width: 1079px ) and (min-width: 768px ) {
  body.menu .sec {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 767px ) {
  body.menu .sec {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
body.menu .sec .wrapper {
  max-width: 880px;
}
@media screen and (min-width: 1080px ) {
  body.menu .sec.last {
    padding-bottom: 240px;
  }
}
@media screen and (max-width: 1079px ) and (min-width: 768px ) {
  body.menu .sec.last {
    padding-bottom: 160px;
  }
}
@media screen and (max-width: 767px ) {
  body.menu .sec.last {
    padding-bottom: 120px;
  }
}
body.menu .headGrp2 {
  padding-bottom: 0;
}
@media screen and (min-width: 768px ) {
  body.menu .headGrp2 {
    margin-bottom: 120px;
  }
}
@media screen and (max-width: 767px ) {
  body.menu .headGrp2 {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 767px ) {
  body.menu .headGrp2 .spNotMargin {
    margin-left: -11.9402985075%;
    margin-right: -11.9402985075%;
  }
}
@media screen and (min-width: 768px ) {
  body.menu .headText1 {
    margin-top: 120px;
  }
	body.menu .headText1 picture {
		margin: 50px 0;
		display: block;
	}
	body.menu .headText1 picture img {
		display: block;
		margin: auto;
	}
}
@media screen and (max-width: 767px ) {
  body.menu .headText1 {
    margin-top: 60px;
  }
	body.menu .headText1 picture {
		margin: 30px 0 0;
		display: block;
	}
}
body.menu .headText1 .head {
  font-size:/* 22px;*/21px;
  letter-spacing: 0.05em;
  line-height: 42px;
  margin-top: -10px;
  margin-bottom: -10px;
  position: relative;
  padding-left: 19px;
}
.head02 {
	font-size: 20px;
	letter-spacing: 0.05em;
	line-height: 40px;
	color: #CC7E0C;
	margin-bottom: 10px;
}
.head03 {
	text-align: center;
	letter-spacing: 0.05em;
	font-size: 21px;
}
.head04 {
	letter-spacing: 0.05em;
	font-size: 26px;
	text-align: center;
}
.head05 {
	font-size: 20px;
	letter-spacing: 0.05em;
	line-height: 40px;
	margin-bottom: 10px;
}
.head05 a {
	text-decoration: underline;
}
body.menu .head04 .b2,
body.menu .head04 .b {
	font-size: 24px;
}
.priceGrp .text {
	margin-bottom: 1em;
}
@media screen and (min-width: 768px ) {
  body.menu .headText1 .head .pc {
    display: inline;
  }
}
body.menu .headText1 .head::before {
  content: "";
  width: 3px;
  height: calc(100% - 20px);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 0;
  background-color: #cc7e0c;
  border-radius: 2px;
}
body.menu .headText1 .text {
  font-size: 18px;
}
@media screen and (min-width: 768px ) {
  body.menu .headText1 .text {
    line-height: 38px;
    letter-spacing: 0.1em;
    margin-top: 50px;
    margin-bottom: -10px;
  }
}
@media screen and (max-width: 767px ) {
	body.menu .headText1 .head {
		margin-top: 20px;
	}
  body.menu .headText1 .text {
    line-height: 36px;
    letter-spacing: 0.09em;
    margin-top: 51px;
    margin-bottom: -9px;
  }
}
body.menu .headText1 .text .b2 {
  color: #CC7E0C;
  font-size: 20px;
}
body.menu .baseText .text .b3 {
  color: #CC7E0C;
  font-size: 19px;
}
@media screen and (min-width: 768px ) {
  body.menu .headTextList1 {
    margin-top: 80px;
  }
}
@media screen and (max-width: 767px ) {
  body.menu .headTextList1 {
    margin-top: 50px;
  }
}
body.menu .headTextList1 > .headText1 .head.center {
  text-align: center;
  padding: 0;
  color: #D25B68;
}
body.menu .headTextList1 > .headText1 .head.center::before {
  content: none;
}
@media screen and (min-width: 768px ) {
  body.menu .headTextList1 > .item {
    margin-top: 55px;
  }
}
@media screen and (max-width: 767px ) {
  body.menu .headTextList1 > .item {
    margin-top: 35px;
  }
}
body.menu .headTextList1 > .item .head {
  color: #CC7E0C;
  font-size: 20px;
  letter-spacing: 0.1em;
  line-height: 30px;
  margin-top: -5px;
  margin-bottom: -5px;
  padding-left: 1em;
  text-indent: -1em;
}
body.menu .headTextList1 > .item .head.center {
  text-align: center;
}
body.menu .headTextList1 > .item .head + .head {
  margin-top: 5px;
}
body.menu .headTextList1 > .item .text {
  font-size: 18px;
}
body.menu .headTextList1 > .item .text.center {
  text-align: center;
}
@media screen and (min-width: 768px ) {
  body.menu .headTextList1 > .item .text {
    line-height: 38px;
    letter-spacing: 0.1em;
    margin-top: 30px;
    margin-bottom: -10px;
  }
}
@media screen and (max-width: 767px ) {
  body.menu .headTextList1 > .item .text {
    line-height: 36px;
    letter-spacing: 0.09em;
    margin-top: 21px;
    margin-bottom: -9px;
  }
}
body.menu .baseHead1 {
  color: #CC7E0C;
  font-size: 26px;
  letter-spacing: 0.1em;
  line-height: 46px;
  margin-top: 110px;
  margin-bottom: 110px;
}
body.menu .baseHead2 {
  color: #684434;
  font-size: 22px;
  letter-spacing: 0.05em;
  line-height: 42px;
  padding-left: 19px;
  margin-top: 60px;
  margin-bottom: 60px;
  position: relative;
}
body.menu .baseHead2::before {
  content: "";
  display: block;
  width: 3px;
  height: calc(100% - 20px);
  border-radius: 2px;
  background-color: #CC7E0C;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 0;
}
body.menu .baseHead3 {
  color: #CC7E0C;
  font-size: 20px;
  letter-spacing: 0.1em;
  line-height: 30px;
  margin-top: 35px;
  margin-bottom: 35px;
}
body.menu .baseText {
  font-size: 18px;
  letter-spacing: 0.1em;
  line-height: 38px;
  margin-top: 30px;
  margin-bottom: 30px;
}
body.menu .baseText.small {
  font-size: 15px;
  line-height: 26px;
  letter-spacing: 0;
  margin-top: 25px;
  margin-bottom: -6px;
}
body.menu .baseText.large {
	font-size: 20px;
}

body.menu .baseText video {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
body.menu .baseTable {
  border-collapse: collapse;
  table-layout: fixed;
}
@media screen and (min-width: 768px ) {
  body.menu .baseTable.pc {
    display: table;
  }
}
@media screen and (max-width: 767px ) {
  body.menu .baseTable.pc {
    display: none;
  }
}
@media screen and (min-width: 768px ) {
  body.menu .baseTable.sp {
    display: none;
  }
}
@media screen and (max-width: 767px ) {
  body.menu .baseTable.sp {
    display: table;
  }
}
body.menu .baseTable tr th, body.menu .baseTable tr td {
  font-size: 15px;
  letter-spacing: 0;
  line-height: 26px;
  vertical-align: top;
}
body.menu .baseTable tr th {
  color: #FFFFFF;
  background-color: #9D897A;
  border: 1px solid #FFFFFF;
  padding: 15px 20px 14px;
}
body.menu .baseTable tr td {
  color: #684434;
  border: 1px solid #D1C6BD;
  padding: 15px 20px 14px;
}
body.menu .baseTable .tdbg1 {
  background-color: #F7F3E7;
}
@media screen and (min-width: 768px ) {
  body.menu .baseTable.col2 th, body.menu .baseTable.col2 td {
    width: 50%;
  }
  body.menu .baseTable.col3 th, body.menu .baseTable.col3 td {
    width: 33.3333333333%;
  }
  body.menu .baseTable.col4 th, body.menu .baseTable.col4 td {
    width: 25%;
  }
  body.menu .baseTable.col5 th, body.menu .baseTable.col5 td {
    width: 20%;
  }
  body.menu .baseTable.col6 th, body.menu .baseTable.col6 td {
    width: 16.6666666667%;
  }
  body.menu .baseTable.col7 th, body.menu .baseTable.col7 td {
    width: 14.2857142857%;
  }
  body.menu .baseTable.col8 th, body.menu .baseTable.col8 td {
    width: 12.5%;
  }
}
@media screen and (max-width: 767px ) {
  body.menu .baseTable.sp + .baseTable.sp {
    margin-top: 10px;
  }
  body.menu .baseTable.sp + .baseTable.sp th, body.menu .baseTable.sp + .baseTable.sp td {
    width: 50%;
  }
}
body.menu .b {
  position: relative;
  background: linear-gradient(transparent 19px, #F0C86F 4px);
}
body.menu .b2 {
  color: #CC7E0C;
	font-size: 20px;
}
body.menu .b3 {
	color: #cc0c0c;
	font-size: 20px;
}
body.menu .b4 {
  color: #cc4c0c;
	font-size: 20px;
}
body.menu .b5 {
  color: #cc0c0c;
}
body.menu .link {
  text-decoration: underline;
  word-wrap: break-word;
}
body.menu .s {
  font-size: 15px;
  letter-spacing: 0;
  line-height: 26px;
  margin-top: -5px;
  margin-bottom: -6px;
}
body.menu .indent.s {
  margin-top: 10px;
}
body.menu .indent {
  display: block;
  margin-left: 1em;
  text-indent: -1em;
  position: relative;
}
body.menu .indent1_5 {
  display: block;
  margin-left: 1.5em;
  text-indent: -1.5em;
  position: relative;
}
body.menu .baseHead1 + .baseHead1,
body.menu .baseHead2 + .baseHead1,
body.menu .baseText + .baseHead1 {
  margin-top: 100px;
}
body.menu .baseHead3 + .baseHead1 {
  margin-top: 105px;
}
body.menu .baseHead1 + .baseHead2,
body.menu .baseHead2 + .baseHead2,
body.menu .baseText + .baseHead2 {
  margin-top: 50px;
}
body.menu .baseHead3 + .baseHead2 {
  margin-top: 55px;
}
body.menu .baseHead1 + .baseHead3,
body.menu .baseHead2 + .baseHead3,
body.menu .baseText + .baseHead3 {
  margin-top: 20px;
}
body.menu .baseHead3 + .baseHead3 {
  margin-top: 25px;
}
body.menu .baseHead1 + .baseText,
body.menu .baseHead2 + .baseText,
body.menu .baseText + .baseText {
  margin-top: 20px;
}
body.menu .baseHead3 + .baseText {
  margin-top: 25px;
}
body.menu #bodyWrapper > .fixedBg {
  background-image: url(../img/privacypolicy_bg.jpg.webp);
}
.no-webp body.menu #bodyWrapper > .fixedBg {
  background-image: url(../img/privacypolicy_bg.jpg);
}
body.menu #secTopPlain {
  padding-bottom: 0;
}
body.menu #secTopPlain .pageHead {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
body.menu #secTopPlain .pageHead .head1 img {
  width: auto;
  height: 40px;
}
body.menu #secTopPlain .pageHead .head2 {
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0.05em;
  line-height: 46px;
  margin-top: -3px;
  margin-bottom: -13px;
}
body.menu #secTopPlain .pageHead .head3 {
  color: #ffffff;
  font-size: 30px;
  line-height: 56px;
  letter-spacing: 0.1em;
  margin-bottom: -13px;
}
body.menu #secTopPlain .pageHead .head3 span:not(.large) {
	font-size: 18px;
	display: block;
	line-height: 1.5;
}
body.menu #secTopPlain .pageHead .head3 span.large {
	font-size: 34px;
}
@media screen and (min-width: 768px ) {
  body.menu #secTopPlain .pageHead .head3 {
    margin-top: 27px;
  }
}
@media screen and (max-width: 767px ) {
  body.menu #secTopPlain .pageHead .head3 {
    margin-top: 17px;
  }
}
body.menu #secTopPlain .pageHead .head4 {
  width: 75px;
  height: 16px;
  fill: #FFD3A0;
  margin-top: 20px;
}
@media screen and (min-width: 768px ) {
  body.menu .baseBox {
    margin-top: 120px;
    margin-bottom: 120px;
  }
}
@media screen and (max-width: 767px ) {
  body.menu .baseBox {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 768px ) {
  body.menu .baseBox.top10 {
    margin-top: 110px;
  }
}
@media screen and (max-width: 767px ) {
  body.menu .baseBox.top10 {
    margin-top: 50px;
  }
}
@media screen and (min-width: 768px ) {
  body.menu .baseBox.top5 {
    margin-top: 115px;
  }
}
@media screen and (max-width: 767px ) {
  body.menu .baseBox.top5 {
    margin-top: 55px;
  }
}
@media screen and (min-width: 768px ) {
  body.menu .baseBox.bottom10 {
    margin-bottom: 110px;
  }
}
@media screen and (max-width: 767px ) {
  body.menu .baseBox.bottom10 {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 768px ) {
  body.menu .baseBox.bottom5 {
    margin-bottom: 115px;
  }
}
@media screen and (max-width: 767px ) {
  body.menu .baseBox.bottom5 {
    margin-bottom: 55px;
  }
}
body.menu .baseBox.bottom0 {
  margin-bottom: 0;
}
@media screen and (max-width: 767px ) {
  body.menu .grpTxtImg2, body.menu .grpTxtImg3 {
    display: flex;
    flex-flow: column;
  }
}
body.menu .grpTxtImg2::after, body.menu .grpTxtImg3::after {
  content: "";
  display: block;
  clear: both;
}
@media screen and (min-width: 768px ) {
  body.menu .grpTxtImg2 .pic1, body.menu .grpTxtImg3 .pic1 {
    width: 37.5%;
  }
}
@media screen and (max-width: 767px ) {
  body.menu .grpTxtImg2 .pic1, body.menu .grpTxtImg3 .pic1 {
    width: 100%;
    margin-top: 38px;
  }
}
body.menu .grpTxtImg2 .pic1 img, body.menu .grpTxtImg3 .pic1 img {
  width: 100%;
  height: auto;
  border-radius: 4px;
}
body.menu .grpTxtImg2 .text1, body.menu .grpTxtImg3 .text1 {
  font-size: 18px;
  letter-spacing: 0.1em;
  line-height: 38px;
  margin-bottom: -10px;
}
@media screen and (min-width: 768px ) {
  body.menu .grpTxtImg2 .text1, body.menu .grpTxtImg3 .text1 {
    margin-top: -10px;
  }
}
@media screen and (max-width: 767px ) {
  body.menu .grpTxtImg2 .text1, body.menu .grpTxtImg3 .text1 {
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px ) {
  body.menu .grpTxtImg2 .text1 + .text1, body.menu .grpTxtImg3 .text1 + .text1 {
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px ) {
  body.menu .grpTxtImg2 .pic1 {
    float: left;
    margin-right: 40px;
    padding-top: 10px;
  }
}
@media screen and (min-width: 768px ) {
  body.menu .grpTxtImg3 .pic1 {
    float: right;
    margin-left: 40px;
    padding-top: 10px;
  }
}
body.menu .mainList {
  text-align: left;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
}
@media screen and (min-width: 768px ) {
  body.menu .mainList {
    row-gap: 40px;
  }
}
@media screen and (max-width: 767px ) {
  body.menu .mainList {
    row-gap: 50px;
  }
}
body.menu .mainList > .item .text {
  color: #684434;
  font-size: 18px;
  position: relative;
  padding-left: 42px;
}
@media screen and (min-width: 768px ) {
  body.menu .mainList > .item .text {
    letter-spacing: 0.1em;
    line-height: 38px;
    margin-top: -10px;
    margin-bottom: -10px;
  }
}
@media screen and (max-width: 767px ) {
  body.menu .mainList > .item .text {
    letter-spacing: 0.09em;
    line-height: 36px;
    margin-top: -9px;
    margin-bottom: -9px;
  }
}
body.menu .mainList > .item .text::before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  background: url(../svg/icons/icon_flower2.svg) center center/100% 100% no-repeat;
  position: absolute;
  left: 0;
}
@media screen and (min-width: 768px ) {
  body.menu .mainList > .item .text::before {
    top: 10px;
  }
}
@media screen and (max-width: 767px ) {
  body.menu .mainList > .item .text::before {
    top: 9px;
  }
}
body.menu .outlineInfo {
  display: flex;
  flex-flow: column;
}
@media screen and (min-width: 768px ) {
  body.menu .outlineInfo {
    row-gap: 60px;
  }
}
@media screen and (max-width: 767px ) {
  body.menu .outlineInfo {
    row-gap: 40px;
  }
}
body.menu .outlineInfo dl {
  display: flex;
}
@media screen and (min-width: 768px ) {
  body.menu .outlineInfo dl {
    justify-content: space-between;
  }
}
@media screen and (max-width: 767px ) {
  body.menu .outlineInfo dl {
    flex-flow: column;
    row-gap: 30px;
  }
}
body.menu .outlineInfo dl dt {
  color: #CC7E0C;
  font-size: 20px;
  letter-spacing: 0.1em;
  line-height: 30px;
  margin-top: -5px;
  margin-bottom: -5px;
}
@media screen and (min-width: 768px ) {
  body.menu .outlineInfo dl dt {
    width: 37.5%;
  }
}
body.menu .outlineInfo dl dd {
  color: #684434;
  font-size: 18px;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px ) {
  body.menu .outlineInfo dl dd {
    width: 62.5%;
    margin-top: -10px;
    margin-bottom: -10px;
    line-height: 38px;
  }
}
@media screen and (max-width: 767px ) {
  body.menu .outlineInfo dl dd {
    margin-top: -9px;
    margin-bottom: -9px;
    line-height: 36px;
  }
}
body.menu .outlineInfo dl dd .link {
  overflow-wrap: break-all;
  overflow-wrap: break-word;
}
@media screen and (min-width: 768px ) {
  body.menu .outlineInfo dl dd p + p {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px ) {
  body.menu .outlineInfo dl dd p + p {
    margin-top: 21px;
  }
}
@media screen and (min-width: 768px ) {
  body.menu #sec1 .wrapper {
    max-width: 1080px;
  }
}
body.menu #sec1 .grpTxtImg1 {
  max-width: 1000px;
  display: flex;
}
@media screen and (min-width: 768px ) {
  body.menu #sec1 .grpTxtImg1 {
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (max-width: 767px ) {
  body.menu #sec1 .grpTxtImg1 {
    flex-flow: column;
  }
}
body.menu #sec1 .grpTxtImg1 .text1 {
  font-size: 21px;
  letter-spacing: 0.05em;
  line-height: 42px;
}
.text2 {
  font-size: 22px;
  letter-spacing: 0.05em;
  line-height: 42px;
	margin-top: 60px;
	text-align: center;
}
@media screen and (min-width: 768px ) {
  body.menu #sec1 .grpTxtImg1 .text1 {
    width: 46%;
  }
}
@media screen and (min-width: 768px ) {
  body.menu #sec1 .grpTxtImg1 .pic1 {
    width: 50%;
  }
}
@media screen and (max-width: 767px ) {
	body.menu #sec1 .grpTxtImg1 .text1 {
		text-align: center;
	}
  body.menu #sec1 .grpTxtImg1 .pic1 {
    width: 113.5593220339%;
    margin-top: 38px;
    margin-left: -6.7796610169%;
  }
}
body.menu #sec1 .grpTxtImg1 .pic1 img {
  width: 100%;
  height: auto;
  border-radius: 4px;
}
body.menu .sec .pointGrp {
  text-align: center;
}
@media screen and (min-width: 768px ) {
  body.menu .sec .pointGrp {
    padding-top: 160px;
  }
}
@media screen and (max-width: 1079px ) and (min-width: 768px ) {
  body.menu .sec .pointGrp {
    padding-top: 120px;
  }
}
@media screen and (max-width: 767px ) {
  body.menu .sec .pointGrp {
    padding-top: 60px;
  }
}
body.menu .sec .pointGrp .head {
  color: #CC7E0C;
  font-size: 20px;
  letter-spacing: 0.2em;
  line-height: 40px;
  position: relative;
  display: inline-block;
}
body.menu .sec .pointGrp .head::before, body.menu .sec .pointGrp .head::after {
  content: "";
  display: block;
  width: 18px;
  height: 40px;
  background: url(../svg/icons/icon_flower3.svg) center center/100% 100% no-repeat;
  position: absolute;
  top: 0;
}
body.menu .sec .pointGrp .head::before {
  left: -38px;
}
body.menu .sec .pointGrp .head::after {
  right: -38px;
  transform: rotateY(180deg);
}
body.menu .sec .pointGrp .bulletPoint {
  text-align: left;
  display: flex;
}
@media screen and (min-width: 768px ) {
  body.menu .sec .pointGrp .bulletPoint {
    justify-content: /*space-between;*/space-around;
    margin-top: 80px;
  }
}
@media screen and (max-width: 767px ) {
  body.menu .sec .pointGrp .bulletPoint {
    flex-flow: column;
    align-items: center;
    margin-top: 40px;
  }
}
@media screen and (min-width: 768px ) {
  body.menu .sec .pointGrp .bulletPoint > .item {
    width: 31%;
  }
	body.menu .sec .pointGrp .bulletPoint.Point02 > .item {
		width: 40%;
	}
	body.menu .sec .pointGrp .bulletPoint.point04 {
		flex-wrap: wrap;
		justify-content: space-between;
	}
	body.menu .sec .pointGrp .bulletPoint.point04 > .item {
		width: 45%;
		margin-bottom: 3em;
	}
}
@media screen and (max-width: 767px ) {
  body.menu .sec .pointGrp .bulletPoint > .item {
    max-width: 295px;
  }
}
body.menu .sec .pointGrp .bulletPoint > .item .text {
  color: #684434;
  font-size: /*18px;*/20px;
  position: relative;
}
@media screen and (min-width: 768px ) {
  body.menu .sec .pointGrp .bulletPoint > .item .text {
    padding-left: 42px;
    letter-spacing: 0.1em;
    line-height: 38px;
    margin-top: -10px;
    margin-bottom: -10px;
  }
}
@media screen and (max-width: 767px ) {
  body.menu .sec .pointGrp .bulletPoint > .item .text {
    padding-top: 42px;
    letter-spacing: 0.09em;
    line-height: 36px;
    margin-top: 31px;
    margin-bottom: -9px;
	  text-align: center;
  }
}
body.menu .sec .pointGrp .bulletPoint > .item .text::before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  background: url(../svg/icons/icon_flower2.svg) center center/100% 100% no-repeat;
  position: absolute;
}
@media screen and (min-width: 768px ) {
  body.menu .sec .pointGrp .bulletPoint > .item .text::before {
    top: 10px;
    left: 0;
  }
}
@media screen and (max-width: 767px ) {
  body.menu .sec .pointGrp .bulletPoint > .item .text::before {
    top: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
  }
}
body.menu .sec .pointGrp .menuList{
  display: flex;
	flex-wrap: wrap;
}
body.menu .sec .pointGrp .menuList .item {
	margin: /*auto;*/0 8px 8px 0;
}
body.menu .sec .pointGrp .menuList li:nth-child(4) {
	margin-right: 0;
}
@media screen and (max-width: 767px ) {
	body.menu .sec .pointGrp .menuList .item {
		margin: 0 auto;
	}
	body.menu .sec .pointGrp .menuList li:nth-child(4) {
		margin-right: auto;
	}
}
.menuList.regenerative {
	display: flex;
	justify-content: space-evenly;
	flex-wrap :wrap;
	gap: 20px 0;
}
.menuList.regenerative li {
	width: 23%;
}
.menuList.subscribe {
	display: flex;
	justify-content: space-evenly;
	flex-wrap :wrap;
	gap: 20px 0;
}
.menuList.subscribe li {
	width: 30%;
}

@media screen and (min-width: 768px ) {
  body.menu .sec .pointGrp .menuList {
    margin-top: 160px;
    justify-content: /*space-between;*/flex-start;
  }
	body.menu .sec .pointGrp .menuList.mt00 {
		margin-top: 0!important;
	}
}
@media screen and (max-width: 1079px ) and (min-width: 768px ) {
  body.menu .sec .pointGrp .menuList {
    margin-top: 120px;
  }
}
@media screen and (max-width: 767px ) {
  body.menu .sec .pointGrp .menuList {
    width: 113.5593220339%;
    margin-left: -6.7796610169%;
    margin-top: 60px;
    flex-flow: column;
    row-gap: 6px;
  }
	.menuList.regenerative {
    width: 113.5593220339%;
    margin-left: -6.7796610169%;
    margin-top: 30px;
    flex-flow: column;
    row-gap: 6px;
	}
	.menuList.regenerative li {
		width: 100%;
	}
	.menuList.subscribe {
    width: 113.5593220339%;
    margin-left: -6.7796610169%;
    margin-top: 30px;
    flex-flow: column;
    row-gap: 6px;
	}
	.menuList.subscribe li {
		width: 100%;
	}
}
.img_fr {
	float: right;
	margin: 0 0 20px 20px!important;
}
.img_fr img {
	max-width: 400px;
}
@media screen and (max-width: 767px ) {
	.img_fr {
	float: none;
	margin: 20px 0 20px 0!important;
}
	.img_fr img {
		max-width: 100%;
	}
}
.img_flex {
	display: flex;
	gap: 20px;
	justify-content: space-around;
	flex-wrap: wrap;
}
.img_flex picture {
	width: 48%;
}
.img_flex picture img {
	width: 100%;
}
@media screen and (max-width: 767px ) {
	.img_flex picture {
		width: 80%;
	}
}
/* ======================================================================================= */
body#profhilo #sec1 .pointGrp {
  padding-top: 0;
}

@media screen and (max-width: 767px ) {
  body#volite .grpTxtImg2 .text1 {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767px ) {
  body#volite .grpTxtImg2 .pic1 + .text1 {
    margin-top: 20px;
  }
}
body#volite #sec1 .pointGrp {
  padding-top: 0;
}

@media screen and (min-width: 768px ) {
  body#antiaging .headTextList1 > .item {
    margin-top: 65px;
  }
}
@media screen and (max-width: 767px ) {
  body#antiaging .headTextList1 > .item {
    margin-top: 55px;
  }
}
@media screen and (min-width: 768px ) {
  body#antiaging .headTextList1 > .item.itemType2 .text + .text {
    margin-top: 50px;
  }
}
@media screen and (max-width: 767px ) {
  body#antiaging .headTextList1 > .item.itemType2 .text + .text {
    margin-top: 41px;
  }
}
@media screen and (min-width: 768px ) {
  body#antiaging .grpTxtImg2 .text1 {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px ) {
  body#antiaging .grpTxtImg2 .text1 {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767px ) {
  body#antiaging .grpTxtImg2 .pic1 + .text1 {
    margin-top: 20px;
  }
}

@media screen and (min-width: 768px ) {
  body#nutrition .grpTxtImg2 .text1 {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px ) {
  body#nutrition .grpTxtImg2 .text1 {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767px ) {
  body#nutrition .grpTxtImg2 .pic1 + .text1 {
    margin-top: 20px;
  }
}
body#nutrition .menuList.regenerative {
	justify-content: center;
}
body#nutrition .menuList.regenerative li {
	width: 19%;
	margin: 0 0.5%;
}
@media screen and (max-width: 767px ) {
	body#nutrition .menuList.regenerative li {
		width: 100%;
		margin: auto;
	}
}
/**
 *  ページ毎に利用するCSS
 *
/* ======================================================================================= */
body#price #bodyWrapper > .fixedBg {
  background-image: url(../img/price/top_bg.jpg.webp);
}
.no-webp body#price #bodyWrapper > .fixedBg {
  background-image: url(../img/price/top_bg.jpg);
}
body#price #secTop .bg {
  background-image: url(../img/price/top_bg.jpg.webp);
}
.no-webp body#price #secTop .bg {
  background-image: url(../img/price/top_bg.jpg);
}
@media screen and (min-width: 768px ) {
  body#price #secTop .pageHead1 .head3 {
    width: 54px;
    height: 18px;
  }
}
@media screen and (max-width: 767px ) {
  body#price #secTop .pageHead1 .head3 {
    width: 46px;
    height: 16px;
  }
}
body#price #secTop .pageHead1 .text1 {
  text-align: left;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 26px;
  padding: 0 10.6666666667%;
}
@media screen and (min-width: 768px ) {
  body#price #secTop .pageHead1 .text1 {
    margin: 117px auto -4px;
  }
}
@media screen and (max-width: 767px ) {
  body#price #secTop .pageHead1 .text1 {
    margin: 62px auto -4px;
  }
}
@media screen and (min-width: 1080px ) {
  body#price #sec1 {
    padding-top: 200px;
    padding-bottom: 240px;
  }
}
@media screen and (max-width: 1079px ) and (min-width: 768px ) {
  body#price #sec1 {
    padding-top: 160px;
    padding-bottom: 160px;
  }
}
@media screen and (max-width: 767px ) {
  body#price #sec1 {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
@media screen and (min-width: 768px ) {
  body#price #sec1 .wrapper {
    max-width: 880px;
  }
}
@media screen and (max-width: 767px ) {
  body#price #sec1 .wrapper {
    padding: 0 10.6666666667%;
  }
}
@media screen and (min-width: 1080px ) {
  body#price #sec1 .priceGrp + .headGrp2,
	body#price #sec1 .priceGrp + #id6_0 + .headGrp2{
    padding-top: 240px;
  }
}
@media screen and (max-width: 1079px ) and (min-width: 768px ) {
  body#price #sec1 .priceGrp + .headGrp2,
	body#price #sec1 .priceGrp + #id6_0 + .headGrp2 {
    padding-top: 160px;
  }
}
@media screen and (max-width: 767px ) {
  body#price #sec1 .priceGrp + .headGrp2,
	body#price #sec1 .priceGrp + #id6_0 + .headGrp2 {
    padding-top: 120px;
  }
}

/**
 *  ページ毎に利用するCSS
 *
/* ======================================================================================= */
body#privacypolicy #bodyWrapper > .fixedBg {
  background-image: url(../img/privacypolicy_bg.jpg.webp);
}
.no-webp body#privacypolicy #bodyWrapper > .fixedBg {
  background-image: url(../img/privacypolicy_bg.jpg);
}
body#privacypolicy #secTopPlain .head_en {
  width: 100px;
  height: 22px;
}
@media screen and (min-width: 1080px ) {
  body#privacypolicy #sec1 {
    padding-bottom: 240px;
  }
}
@media screen and (max-width: 1079px ) and (min-width: 768px ) {
  body#privacypolicy #sec1 {
    padding-bottom: 160px;
  }
}
@media screen and (max-width: 767px ) {
  body#privacypolicy #sec1 {
    padding-bottom: 120px;
  }
}
@media screen and (min-width: 768px ) {
  body#privacypolicy #sec1 .wrapper {
    max-width: 880px;
  }
}
@media screen and (min-width: 768px ) {
  body#privacypolicy #sec1 .chapter + .chapter {
    padding-top: 160px;
  }
}
@media screen and (max-width: 767px ) {
  body#privacypolicy #sec1 .chapter + .chapter {
    padding-top: 80px;
  }
}
body#privacypolicy #sec1 .chapter .head1 {
  margin: -5px 0;
  color: #CC7E0C;
  font-size: 22px;
  line-height: 32px;
}
body#privacypolicy #sec1 .chapter .clause {
  margin: -5px 0 -6px;
  font-size: 15px;
  line-height: 26px;
}
@media screen and (min-width: 768px ) {
  body#privacypolicy #sec1 .chapter .clause {
    padding-top: 80px;
  }
}
@media screen and (max-width: 767px ) {
  body#privacypolicy #sec1 .chapter .clause {
    padding-top: 40px;
  }
}
@media screen and (min-width: 768px ) {
  body#privacypolicy #sec1 .chapter .clause .head2 {
    margin-bottom: 29px;
  }
}
@media screen and (max-width: 767px ) {
  body#privacypolicy #sec1 .chapter .clause .head2 {
    margin-bottom: 19px;
  }
}
body#privacypolicy #sec1 .chapter .clause .right {
  text-align: right;
}
.flex_box {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.flex_box div {
	width: 48%;
	background: #fff;
	padding: 20px;
}
.flex_box .baseText {
	margin-top: 20px!important;
}
.flex_box div ul li {
	margin-bottom: 10px;
}
@media screen and (max-width: 767px ) {
	.flex_box div {
		padding: 10px;
	}
	.flex_box div ul li {
		font-size: 14px;
		line-height: 1.6;
	}
}
.growth_factor_box {
	display: flex;
	flex-wrap: wrap;
	margin: 30px 0;
	align-items: flex-start;
	justify-content: space-between;
}
.growth_factor_box div dl {
	margin: 0 0 20px;
}
.growth_factor_box div dl dt {
	color: #CC7E0C;
	font-size: 22px;
	line-height: 1.4;
	margin-bottom: 5px;
}
.growth_factor_box div dl dt span {
	font-size: 80%;
}
.growth_factor_box .growth_factor_box_top {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.growth_factor_box .growth_factor_box_top dl {
	width: 32%;
}
.growth_factor_box_top {
	width: 100%;
}
.growth_factor_box_bottom01,
.growth_factor_box_bottom02 {
	width: 32%;
}
.growth_factor_box_img {
	width: 34%;
	padding: 20px;
}
.growth_factor_box_img picture {
	margin: 0!important;
}
@media screen and (max-width: 767px ) {
	.growth_factor_box .growth_factor_box_top dl {
		width: 100%;
	}
	.growth_factor_box_bottom01,
	.growth_factor_box_bottom02,
	.growth_factor_box_img {
		width: 100%;
	}
}
.s_text {
	font-size: 90%;
}
.dl_box {
	background: #fff;
	border: 1px solid #F7F3E7;
	padding: 20px 30px;
}
.dl_box .dl_head {
	font-size: 20px;
	margin-bottom: 20px;
	line-height: 2;
}
.dl_box dl {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 10px;
	align-items: center;
	border-bottom: 1px dotted #D1C6BD;
	line-height: 2;
}
.dl_box dl dt {
	max-width: 70%;
}
.dl_box dl dd {
	text-align: right;
}
.list_flex,
.list_flex02 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	box-sizing: border-box;
	padding: 20px;
	background: rgba(255, 255, 255, 0.8);
}
.list_flex li {
	width: 48%;
	line-height: 2;
}
.list_flex02 li {
	width: 100%;
	line-height: 2;
	position: relative;
	padding-left: 20px;
}
.list_flex02 li:before {
	position: absolute;
	content: "";
	width: 3px;
	height: 3px;
	background: rgb(104, 68, 52);
	border-radius: 50%;
	left: 6px;
	top: 16px;
}
@media screen and (max-width: 767px ) {
.list_flex li {
	width: 100%;
}
}
.subscribe_flow {
	
}
.subscribe_flow_box {
	background: #fff;
	border: 1px solid #F7F3E7;
	box-sizing: border-box;
	padding: 20px 40px 30px;
	position: relative;
	margin-bottom: 10px;
}
.subscribe_flow_tit {
	color: #fff;
	background: #684434;
	margin-left: -45px;
	display: inline-block;
	padding: 5px 25px 5px 20px;
	border-radius: 0 20px 20px 0;
	margin-bottom: 20px;
}
.subscribe_flow_menu {
	margin-bottom: 1em;
}
.subscribe_flow_menu dl {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.subscribe_flow_menu dl dt {
	width: 70%;
}
.subscribe_flow_menu dl dd {
	width: 30%;
}
.subscribe_flow_price {
	text-align: center;
	font-weight: bold;
	font-size: 105%;
	background: #ffeae0;
	display: block;
	margin: auto;
	width: fit-content;
}
.sbscribe_result {
	text-align: center;
	font-weight: bold;
	font-size: 110%;
	background: #CC7E0C;
	line-height: 3;
	color: #fff;
	position: relative;
	margin-top: 25px;
	border-radius: 10px;
}
.sbscribe_result:before {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 8px 16px 8px;
	border-color: transparent transparent #cc7f0c transparent;
	top: -15px;
	left: calc(50% - 4px);
}
@media screen and (max-width: 767px ) {
	.subscribe_flow_menu dl dt,
	.subscribe_flow_menu dl dd {
		width: 100%;
	}
	.subscribe_flow_menu dl dt {
		margin-bottom: 5px;
	}
}
.s_linkbtn {
	position: relative;
	border: 1px solid #e29e6c;
	color: #fff;
	background: #e29e6c;
	display: flex;
	transition: all 0.3s ease-out;
	width: 60%;
	padding: 5px 20px 5px 10px;
	border-radius: 20px;
	margin-left: 30px;
}
.s_linkbtn:before {
	position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    transform: rotate(135deg);
    right: 16px;
    top: 15px;
	transition: all 0.3s ease-out;
}
.s_linkbtn:hover {
	border: 1px solid #e29e6c;
	background: #fff;
	color: #e29e6c;
}
.s_linkbtn:hover:before {
    border-top: solid 2px #e29e6c;
    border-right: solid 2px #e29e6c;
}
ul.list_dot li {
	position: relative;
	padding-left: 20px;
	font-size: 18px;
	line-height: 38px;
}
ul.list_dot li:before {
	position: absolute;
	content: "";
	width: 5px;
	height: 5px;
	background: #684434;
	transform: rotate(45deg);
	left: 3px;
	top: 18px;
}

.chloasma_flow {
	text-align: center;
	width: 60%;
	font-size: 18px;
    letter-spacing: 0.1em;
    line-height: 38px;
	margin: 20px 0;
	
}
.chloasma_step {
	background: #CC7E0C;
	color: #fff;
	padding: 10px;
}
.chloasma_arrow {
	position: relative;
	width: 80%;
	border: 1px solid #CC7E0C;
	margin: 40px auto;
	font-size: 90%;
}
.chloasma_arrow:before {
	position: absolute;
	content: "";
	height: 40px;
	width: 1px;
	top: -41px;
	background: #CC7E0C;
	right: calc(50% - 1px);
}
.chloasma_arrow:after {
	position: absolute;
	content: "";
	height: 40px;
	width: 1px;
	bottom: -41px;
	background: #CC7E0C;
	right: calc(50% - 1px);
}
@media screen and (max-width: 767px ) {
	.chloasma_flow {
		width: 100%;
	}
}
/* recruit */
@media screen and (max-width: 767px ) {
.recruit .headGrp2 .head3 {
	font-size: 21px;
}
}
.recruit .clinicLayout3 {
	width: 127.1186440678%;
    margin-left: -13.5593220339%;
}
.recruit .textLayout2 .text1 {
	text-align: center;
	font-size: 20px;
	margin: 0 auto;
	line-height: 2.5;
}
.recruit .sec .pointGrp .menuList{
  display: flex;
	flex-wrap: wrap;
	justify-content: center
}
.recruit .sec .pointGrp .menuList .item {
	margin: /*auto;*/0 10px 10px 0;
}
.recruit .sec .pointGrp .menuList li:nth-child(4) {
	margin-right: 0;
}
@media screen and (max-width: 767px ) {
	.recruit .sec .pointGrp .menuList .item {
		margin: 0 auto 10px;
	}
	.recruit .sec .pointGrp .menuList li:nth-child(4) {
		margin-right: auto;
	}
}
.recruit .sec .wrapper {
	max-width: 880px;
}
.recruit .outlineInfo {
  display: flex;
  flex-flow: column;
	width: 100%;
	margin: 40px auto 80px;
}
@media screen and (min-width: 768px ) {
  .recruit .outlineInfo {
    row-gap: 60px;
  }
}
@media screen and (max-width: 767px ) {
  .recruit .outlineInfo {
    row-gap: 40px;
  }
}
.recruit .outlineInfo dl {
  display: flex;
}
@media screen and (min-width: 768px ) {
  .recruit .outlineInfo dl {
    justify-content: space-between;
  }
}
@media screen and (max-width: 767px ) {
  .recruit .outlineInfo dl {
    flex-flow: column;
    row-gap: 30px;
  }
}
.recruit .outlineInfo dl dt {
  color: #CC7E0C;
  font-size: 20px;
  letter-spacing: 0.1em;
  line-height: 30px;
  margin-top: -5px;
  margin-bottom: -5px;
	  text-align: left;
}
@media screen and (min-width: 768px ) {
  .recruit .outlineInfo dl dt {
    width: 37.5%;
  }
}
.recruit .outlineInfo dl dd {
  color: #684434;
  font-size: 18px;
  letter-spacing: 0.1em;
	  text-align: left;
}
@media screen and (min-width: 768px ) {
  .recruit .outlineInfo dl dd {
    width: 62.5%;
    margin-top: -10px;
    margin-bottom: -10px;
    line-height: 38px;
  }
}
@media screen and (max-width: 767px ) {
  .recruit .outlineInfo dl dd {
    margin-top: -9px;
    margin-bottom: -9px;
    line-height: 36px;
  }
}
.recruit .outlineInfo dl dd .link {
  overflow-wrap: break-all;
  overflow-wrap: break-word;
}
@media screen and (min-width: 768px ) {
  .recruit .outlineInfo dl dd p + p {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px ) {
  .recruit .outlineInfo dl dd p + p {
    margin-top: 21px;
  }
}
.recruit .mail {
	display: block;
    max-width: 100%;
    margin: 0 auto 40px;
	width: 344px;
}
.recruit .sec.last {
	padding-bottom: 80px;
}
ol.number {
	counter-reset: count 0;
}
ol.number li {
	font-size: 18px;
	letter-spacing: 0.1em;
	line-height: 2;
	position: relative;
	padding-left: 30px;
}
ol.number li:before {
	content: counter(count)".";
	counter-increment: count 1;
	color: #CC7E0C;
	font-size: 22px;
	font-style: italic;
	margin-right: 5px;
	position: absolute;
	left: 0;
}
/* mens_medical_beauty */
.mens_menu_box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 60px;
}
.mens_menu_box .mens_menu_tit {
	width: 100%;
	margin-bottom: 10px;
	font-size: 19px;
	color: #424242;
}
.mens_menu_box .mens_menu_tit a {
	font-size: 19px;
	text-decoration: underline;
	color: #424242;
	position: relative;
}
.mens_menu_box.normal_menu .mens_menu_tit {
	color: #684434;
}
.mens_menu_box.normal_menu .mens_menu_tit a {
	color: #684434;
}
.mens_menu_box .mens_menu_img {
	width: 28%;
}
.mens_menu_box .mens_menu_txt {
	width: 68%;
}
.mens_menu_box .mens_menu_txt .baseText {
	margin-top: 0;
}
.mens_menu_box .mens_menu_txt .outlineInfo {
	row-gap: 20px;
}
.mens_menu_box .mens_menu_txt .btnType8 .icon1 svg {
	transform: rotate(0deg);
}
.mens_menu_box .mens_menu_txt .btnType8 a {
	margin-left: 10px;
}

@media screen and (max-width: 767px ) {
	.mens_menu_box .mens_menu_img {
		width: 100%;
		margin-bottom: 10px;
	}
	.mens_menu_box .mens_menu_txt {
		width: 100%;
	}
	.mens_menu_box .mens_menu_txt .btnType8 {
		flex-wrap: wrap;
        display: flex;
        justify-content: center;
	}
	.mens_menu_box .mens_menu_txt .btnType8 a {
		width: 80%;
        text-align: center;
        justify-content: center;
		margin-bottom: 10px;
		margin-left: 0;
	}
}
.mens_menu_box.no_flex {
	display: block;
}
.mens_menu_box.no_flex .mens_menu_img {
	width: 100%;
	margin-bottom: 10px;
}
.mens_menu_box.no_flex .mens_menu_txt {
	width: 100%;
}
body#mens_medical_beauty .priceGrp {
	width: 100%;
}
body#mens_medical_beauty .priceGrp .listHead span {
	font-size: 14px;
}
body#mens_medical_beauty .priceGrp .listPrice .item {
	color: #000;
}
body#mens_medical_beauty .headText1 .head::before {
	content: none;
}
body#mens_medical_beauty .outlineInfo {
	width: 100%;
	row-gap: 20px;
}
body#mens_medical_beauty .outlineInfo dl dd {
	color: #000;
}
@media screen and (max-width: 767px ) {
	body#mens_medical_beauty .outlineInfo dl {
		row-gap: 10px;
	}
}
/* 

2026.02.16 タクシタ追加
オンライン診療バナー表示用

*/
.home-bnr-online-doctor-consultation{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content:end !important;
  margin-top:-70px; 
  margin-bottom:1rem;
}
.home-bnr-online-doctor-consultation a{
  padding: 0;
  width: 400px;
}
@media (min-width: 1480px) {
  .home-bnr-online-doctor-consultation {
    max-width: 100%;
    justify-content: space-between;
    padding: 0 60px;
    box-sizing: border-box;
  }
}
@media (max-width: 1479px) and (min-width: 1080px) {
  .home-bnr-online-doctor-consultation {
    max-width: 1200px;
    padding: 0 40px;
  }
}
@media (max-width:1079px) {
  .home-bnr-online-doctor-consultation {
    display: none;
  }
}