@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Noto+Sans+JP:wght@100..900&display=swap');

/*使用カラー
#32a99c;
#097c70
#fec04b
#c7850b
#454545;
rgba(28, 28, 28, 0.9);
rgba(50, 169, 156, 1)
*/

/*common*/
* {
	box-sizing: border-box;
}
body {
	font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ', Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.6rem;
	line-break: normal;
	line-height: 1.7;
	color: #000000;
	width: 100%;
	padding-top: 80px;
	overflow-x: hidden;
	min-width: 1000px;
}
.en {
	font-family: 'Anton', "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ', Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	word-break: break-all;
	letter-spacing: 0.1em;
	font-weight: 400;
}
a {
	text-decoration: none;
	color: #000000;
}
time{
  flex-shrink: 0;
}
.links {
	text-decoration: underline;
}

.single strong {
		font-weight:bold;
background: -moz-linear-gradient(transparent 50%, #ffcd59 50% );
background: -webkit-linear-gradient(transparent 50%, #ffcd59 50% );
background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.5, transparent), color-stop(0.5, #ffcd59));
background: -o-linear-gradient(transparent 50%, #ffcd59 50% );
background: linear-gradient(transparent 50%, #ffcd59 50% ) ;
}
.text-yellow{
  color: #ffeb3b;
}
.indent-cmn-01 {
    text-indent: -1em;
    padding-left: 1em;
}

.indent-cmn-01.mt1 + .mt1{
  margin-top: 1em
}

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

.uk-lb{
  cursor: pointer;
}

h1, h2, h3, h4, h5, h6{
  color: #000;
}

a:hover{
  color: inherit;
  text-decoration: none;
}

svg:not(:root){
  overflow: auto;
}

@media (min-width: 769px) {
	.links:hover {
		text-decoration: none;
	}
}
.bold {
	font-weight: bold;
}
img {
	vertical-align: top;
}
.imgWrap .wp-post-image,
.reImg {
	width: 100%;
	height: auto;
}
.wp-post-image,
.reImg02 {
	max-width: 100%;
	height: auto;
}
@media (min-width: 769px) {
	a:hover img {
		opacity: 0.7;
	}
}
.modP {
	margin-bottom: 1em;
}
.modP:last-child {
	margin-bottom: 0;
}
.contentNotice {
	font-size: 13px;
	font-size: 1.3rem;
}
.contentText strong,
.contentNotice strong {
	font-weight: bold;
}
.contentText i,
.contentNotice i {
	font-style: italic;
}
.contentText p,
.contentNotice p {
	margin-bottom: 1em;
}
.contentText p:last-child,
.contentNotice p:last-child {
	margin-bottom: 0;
}
.contentText + .btnA {
	margin-top: 1em;
}

/*header*/
.siteHeader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 81px;
	z-index: 100;
	background-color: #ffffff;
	border-bottom: 1px solid #eeeeee;
}
.siteHeaderInner {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: space-between;
	-ms-flex-pack: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 95px 0 0;
}
.siteHeaderInner .logoWrap {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	padding: 0 0 0 20px;
}
.siteHeaderInner .logo a {
	display: block;
	height: 80px;
	padding: 0 0 0 30px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.siteHeaderInner .logo a img{
  height: 35px;
}
.siteHeaderInner .headline {
	font-size: 1.2rem;
	line-height: 1.5;
	font-weight: bold;
	padding: 0 0 0 20px;
	margin: 20px 0 20px 20px;
	border-left: 1px solid #000000;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.hum {
	position: absolute;
	right: 0;
	top: 0;
}
.hum a {
	display: block;
	width: 80px;
	height: 80px;
	background: #32a99c;
	text-align: center;
	position: relative;
}
.hum .hamburger-box {
	display: inline-block;
	width: 35px;
}
.hum .hamburger-inner {
	top: 50%;
	display: block;
	margin-top: -2px
}
.hum .hamburger-inner,
.hum .hamburger-inner:after,
.hum .hamburger-inner:before {
	position: absolute;
	width: 35px;
	height: 1px;
	background-color: #fff
}
.hum .hamburger-inner:after,
.hum .hamburger-inner:before {
	display: block;
	content: ""
}
.hum .hamburger-inner:before {
	top: -10px
}
.hum .hamburger-inner:after {
	bottom: -10px
}
#hum {
	display: block;
	opacity: 0;
	visibility: hidden;
	/* z-index: -100; */
  background-color: rgba(50, 169, 156, 1);
  height: 100vh;
  height: 100dvh;
  overflow-y:scroll; 
  text-align: center;
  width: 100%;
  position: fixed;
  top: 0;
  right: 0;
  transition: .5s;
  padding: 30px;
}
.drawer-active #hum{
  opacity: 1;
  visibility: visible;
  z-index: 10;
}
body.drawer-active {
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
}
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 100vh;
    background: #a2a2a2;
    content: '';
    transform: translate3d(0, 0, 0) !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transition: .5s;
    opacity: 0;
    visibility: hidden;
}
.drawer-active .overlay {
    opacity: 0.8;
    visibility: visible;
}

.modaal-container {
	background-color: rgba(69, 69, 69, 0.5);
}
.modaal-content {
	padding-left: 70%;
	min-height: 100%;
}
.humNavi {
	padding-top: 50px;
}
.humNavi .none {
	display: none;
}
.humNavi .en {
	display: block;
	font-size: 3rem;
	line-height: 1.4;
}
.humNavi .hum-sus-box {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-top: 40px;
}
.humNavi .hum-sus-box .sns-item.line a {
    display: flex;
    gap: 8px;
    border: 1px solid #32a99c;
    padding: 10px 40px 10px 30px;
    background-color: #fff;
    outline: 3px solid #fff;
    color: #32a99c;
    font-weight: 600;
    align-items: center;
    font-size: 16px;
}
.humNavi .hum-sus-box .sns-item .icon {
    max-width: 30px;
    display: inline-block
}
.humNavi .hum-sus-box .sns-item.instagram .icon{
    max-width: 40px;
}
.modaal-content-container {
	background-color: rgba(50, 169, 156, 1);
	min-height: 100vh;
	text-align: center;
}
.humNavi li a {
	color: #fff;
	display: block;
}
@media (min-width: 769px) {
  #hum {
    width: 30%;
  }
	.humNavi li a:hover .en,
	.humNavi li a:hover {
		opacity: 0.7;
	}
	.siteHeaderInner .logo a img{
	  height: 45px;
	}
}
.humNavi li {
	margin-bottom: 20px;
}
.closeBT {
	position: fixed;
	right: 0;
	top: 0;
	width: 80px;
	height: 80px;
	display: block;
	cursor: pointer;
	z-index:100;
}
.closeBT .hamburger-box {
	display: inline-block;
	width: 35px;
}
.closeBT .hamburger-inner,
.closeBT .hamburger-inner:after,
.closeBT .hamburger-inner:before {
	position: absolute;
	width: 35px;
	height: 1px;
	background-color: #fff
}
.closeBT .hamburger-inner:after,
.closeBT .hamburger-inner:before {
	display: block;
	content: ""
}
.closeBT .hamburger-inner {
	top: 50%;
	display: block;
	margin-top: -2px;
	transform: rotate(90deg);
	background-color: transparent!important
}
.closeBT .hamburger-inner:before {
	top: 0;
	transform: rotate(-45deg)
}
.closeBT .hamburger-inner:after {
	bottom: 0;
	transform: rotate(45deg)
}
.entryBtn {
	display: inline-block;
	margin-left: auto;
}
.entryBtn a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: #fec04b;
	color: #ffffff;
	text-align: center;
	padding: 10px;
	border-radius: 30px;
	transition: background 0.2s linear;
}
.entryBtn .bgCircle {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: #c7850b;
	color: #fff;
	border-radius: 50%;
	height: 40px;
	width: 40px;
	margin-right: 10px;
	text-align: center;
	transition: background 0.2s linear;
}
@media (min-width: 769px) {
	.entryBtn a:hover {
		background: #c7850b;
		color: #fff;
	}
	.entryBtn a:hover .bgCircle {
		background: #fec04b;
	}
}
.entryBtn .en {
	display: block;
	font-size: 3.0rem;
	line-height: 1;
	padding-right: 10px;
	border-right: 1px solid #ffffff;
	margin-right: 10px;
}
.entryBtn .txt {
	font-size: 1.5rem;
	line-height: 1.2;
	font-weight: bold;
	padding-right: 10px;
}
.mainVisual {
	position: relative;
	padding-bottom: 0;
	margin-bottom: 85px;
}
.mainVisual .tiltImg {
	width: 62.5%;
	position: relative;
	overflow: hidden;
	z-index: 1;
	margin-left: auto;
	background-color: #32a99c;
}
.mainVisual .tiltImg img {
	opacity: 0.4;
}
.mainVisual .tiltImg .svgWrap {
	position: absolute;
	bottom: 0;
	left: 0;
}
.leftBg {
	position: absolute;
	width: 16vw;
	left: 0;
	bottom: 68%;
	z-index: 5;
}
.centerBg {
	position: absolute;
	width: 22.75vw;
	right: 50%;
	bottom: 84%;
	z-index: 5;
}
.rightBg {
	position: absolute;
	width: 19.18vw;
	height: 10.06vw;
	right: 0;
	bottom: 0;
	z-index: 5;
}
.leftBg .svgWrapTri {
	padding-bottom: 62.4%
}
.centerBg .svgWrapTri {
	padding-bottom: 52.2%;
}
.rightBg .svgWrapTri {
	padding-bottom: 52.44%;
}
.leftBg svg,
.centerBg svg,
.rightBg svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.mainVisual .rightBg {
	bottom: -32px;
}
/*wrap*/
.cntWrap {
	position: relative;
}
.tiltBox {
	background: #32a99c;
	position: relative;
	margin: 0 0 100px;
}
.tiltBox.bgChange {
	background-color: #fec04b;
}
.svgWrapTri,
.svgWrap {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-bottom: 17.5625%;
}
.svgWrapTri {
	bottom: auto;
	top: 0;
}
.svgWrap svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*
.tiltBox:after {
	content: "";
	position: absolute;
	height: 360px;
	width: 300%;
	background: #ffffff;
	bottom: -360px;
	left: -150%;
	-webkit-transform: rotate(-6deg);
	-ms-transform: rotate(-6deg);
	-o-transform: rotate(-6deg);
	transform: rotate(-6deg);
	z-index: 2;
}*/
.inner {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	position: relative;
	z-index: 5;
}
.inner.center {
	z-index: 10;
}
.tiltBox .inner {
	padding: 100px 5vw 200px;
	max-width: calc(1400px + 10vw);
}
.tiltBox.-mt30 .inner,.tiltBox.-mt30 .inner800{
  margin-top: 60px;
}
.bgColor {
	background-color: #ebebeb;
}
.bgColor.inner {
	padding-bottom: 100px;
}
/*ttl*/
.subTtlA {
	position: absolute;
	left: 0;
	top: -40px;
}
.tiltBox .inner .subTtlA {
	left: 5vw;
}
.subTtlA .en {
	font-size: 6.0rem;
	line-height: 1.3;
	display: inline-block;
	vertical-align: top;
}
.subTtlA .jp {
	font-size: 1.8rem;
	line-height: 1.3;
	font-weight: bold;
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding: 50px 0 0 55px;
	margin: 0;
}
.subTtlA .jp:before {
	content: "";
	position: absolute;
	height: 90px;
	width: 1px;
	top: 10px;
	left: 30px;
	background: #000000;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.subTtlB .en {
	font-size: 4.0rem;
	line-height: 1.3;
	display: inline-block;
	vertical-align: top;
}
.subTtlB .min {
	font-size: 1.5rem;
	line-height: 1.3;
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding: 35px 0 0 40px;
	margin: 0;
}
.subTtlB .min:before {
	content: "";
	position: absolute;
	height: 90px;
	width: 1px;
	top: -10px;
	left: 20px;
	background: #000000;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.subTtlC {
	position: relative;
	top: -35px;
	text-align: center;
}
.subTtlC .en {
	display: block;
	font-size: 6.0rem;
	line-height: 1;
}

.subWrap .subTtlC .en {
	display: block;
	font-size: 4.0rem;
	line-height: 1;
}

@media (max-width: 770px) {
.subWrap .subTtlC .en {
	font-size: 2.4rem;
}

}

.subTtlC .jp {
	display: block;
	font-size: 1.8rem;
	line-height: 1;
	font-weight: bold;
	position: relative;
	margin: 10px 0 0;
}
.subTtlD {
	text-align: center;
	display: block;
	font-weight: bold;
	font-size: 2.4rem;
}
.ttlA {
	font-size: 2.4rem;
	letter-spacing: 0.2em;
	font-weight: bold;
	margin-bottom: 10px;
	position: relative;
}
.ttlA span {
	padding: 10px 20px 10px 15px;
	position: relative;
	display: inline-block;
}
.ttlA.-indent span {
    text-indent: -1.2em;
    padding-left: calc(1.6em + 15px);
    line-height: 1.5;
    letter-spacing: 2px;
}
.ttlA.-indent span::first-letter {
    font-family: 'Anton';
}
.ttlA:before,
.ttlA:after,
.ttlA span:before,
.ttlA span:after {
	content: "";
	display: block;
	position: absolute;
	background: #000000;
}
.ttlA:before {
	width: 40px;
	height: 1px;
	left: -5px;
	top: 0;
}
.ttlA:after {
	width: 1px;
	height: 40px;
	left: 0;
	top: -5px;
}
.ttlA span:before {
	width: 40px;
	height: 1px;
	right: -5px;
	bottom: 0;
}
.ttlA span:after {
	width: 1px;
	height: 40px;
	right: 0;
	bottom: -5px;
}
.ttlB {
	font-size: 2rem;
	font-weight: bold;
}
.ttlC {
	font-size: 3rem;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: 0.2em;
}
.ttlD {
	text-align: center;
	line-height: 1.4;
}
.ttlD .en {
	display: block;
	font-size: 4rem;
}
.ttlD .jp {
	position: relative;
	text-align: center;
}
.ttlD .jp:after,
.ttlD .jp:before {
	content: " ";
	width: 40px;
	height: 1px;
	display: inline-block;
	background: rgba(28, 28, 28, 0.9);
	vertical-align: top;
	margin-top: 10px;
}
.ttlD i {
	font-style: normal;
	display: inline-block;
	vertical-align: top;
	padding: 0 10px;
	font-size: 1.6rem;
}
.ttlE {
	font-size: 1.8rem;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.ttlF {
	text-align: center;
	line-height: 1.4;
}
.ttlF .en {
	display: block;
	font-size: 2rem;
}
.ttlF .jp {
	position: relative;
	text-align: center;
}
.pageTtl {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 0 0 80px;
	z-index: 10;
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: flex-start;
	-ms-flex-pack: flex-start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.pageTtl .en {
	display: inline-block;
	font-size: 8.0rem;
	line-height: 1;
	letter-spacing: 0.2em;
}
.pageTtl .jp {
	font-size: 2.4rem;
	line-height: 1.3;
	font-weight: bold;
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding: 80px 0 0 55px;
	margin: 0;
}
.pageTtl .jp:before {
	content: "";
	position: absolute;
	height: 90px;
	width: 1px;
	top: 40px;
	left: 25px;
	background: #000000;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
/*btn*/
.btnA {
	width: 100%;
	max-width: 300px;
	height: 70px;
	border: 1px solid #32a99c;
	font-size: 2.0rem;
	color: #32a99c;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
	transition: border 0.2s linear,background 0.2s linear;
}
.btnA.btnAw {
	border: 1px solid #ffffff;
	color: #ffffff;
}
@media (min-width: 769px) {
	.btnA:hover {
		border: 1px solid #32a99c;
		background-color:#32a99c;
		color: #ffffff;
	}
	.btnA.btnAw:hover {
		border: 1px solid #ffffff;
		background-color:#ffffff;
		color: #32a99c;
	}
}
.btnB a {
	width: 150px;
	height: 40px;
	display: block;
	border: 1px solid #fff;
	border-radius: 20px;
	color: #fff;
	text-align: center;
	line-height: 38px;
	font-size: 1.4rem;
	margin-left: auto;
	margin-right: auto;
}
.btnB a:visited {
	color: #fff;
}
@media (min-width: 769px) {
	.btnB a:hover {
		background: #fff;
		color: rgba(28, 28, 28, 0.9);
	}
}

/*txtBox*/
.twoBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: top;
	-ms-flex-align: top;
	align-items: top;
	width: 100%;
}
.twoBox .txtBox {
	width: 54%;
}
.twoBox .imgBox {
	width: 40%;
}
.oneBox {
	padding: 35px;
	width: 100%;
	background-color: #ffffff;
}
.oneBox + .oneBox {
	margin-top: 50px;
}
.oneBox .contentText {
	margin-top: 25px;
	padding: 25px;
	background-color: #eeeeee;
}
.mw1000 {
	width: 100%;
	max-width: 1000px;
	height: auto;
}
.mw1000 .oneBox {
	padding: 50px;
}
.tiltBox .inner.mw1000{
	max-width: calc(1000px + 10vw);
	padding-left: 5vw;
	padding-right: 5vw;
}

/*縦幅固定角丸*/
.eyeCatching {
	border-radius: 50%;
	background: #c7850b;
	color: #ffffff;
	display: block;
	width: 150px;
	height: 150px;
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
/*dl*/
.dlA {
	font-size: 1.6rem;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.dlA dt {
	font-weight: bold;
	font-size: 1.6rem;
	color: #fff;
	background-color: #097c70;
	width: 25%;
	padding: 8px 0;
	margin-top: 5px;
	text-align: center;
}
.bgChange .dlA dt {
	background-color: #c7850b;
}
.dlA dd {
	width: 75%;
	padding: 0 15px;
	margin-top: 5px;
	font-weight: bold;
	font-size: 2.0rem;
	line-height: 1.3;
}
.dlA dt:first-child,
.dlA dt:first-child + dd {
	margin-top: 0;
}
.dlB {
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 800px;
}
.dlB.title + .dlB {
	margin-top: 0;
}
.w600 {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 800px;
}
.privacyWrap .dlB {
	margin-top: 20px;
}
.dlB dt {
	background: rgba(28, 28, 28, 0.2);
	text-align: center;
	font-weight: bold;
	padding: 10px 0;
}
.dlB dd {
	border-bottom: 1px solid rgba(28, 28, 28, 0.9);
	padding: 10px 0;
	width: 100%;
	display: block;
}
.dlB dd p {
	margin-bottom: 1.5em;
}
.dlB dd p:last-child {
	margin-bottom: 0;
}
.dlB dd .itemName {
	text-align: left;
}
.dlB dd .price {
	text-align: right;
}
.dlB dd small {
	display: block;
}
.dlB li {
	margin-bottom: 15px;
	padding-left: 2em;
	text-indent: -2em;
}
.dlB li li {
	margin: 15px 0 15px 1.5em;
}
.dlB .number {
	font-style: normal;
	font-weight: bold;
	width: 2em;
	white-space: nowrap;
	display: inline-block;
	text-indent: 0;
	vertical-align: top;
}
.dlB .content {
	width: 100%;
	display: inline-block;
	text-indent: 0;
	vertical-align: top;
}
.dlB .one {
	margin-bottom: 15px;
	display: block;
}
.privacy .dlB dd {
	border-bottom: none;
}
.dlC {
	font-size: 1.6rem;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.dlC dt {
	font-weight: bold;
	font-size: 1.6rem;
	color: #fff;
	background-color: #097c70;
	width: 20%;
	padding: 8px 0;
	margin-top: 10px;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.bgChange .dlC dt {
	background-color: #c7850b;
}
.dlC dd {
	width: 80%;
	padding: 8px 15px;
	margin-top: 10px;
	font-size: 1.6rem;
	line-height: 1.3;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: flex-start;
	-ms-flex-pack: flex-start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.dlC dt:first-child,
.dlC dt:first-child + dd {
	margin-top: 0;
}

/*threeCnt*/
.threeCnt {
	margin-bottom: 100px;
}
.threeCnt .boxList {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	flex-wrap: wrap;
}
.threeCnt .boxList li {
	width: calc(33.33% - 10px);
	position: relative;
}
.threeCnt .boxList li:first-child {
	margin-right: 15px;
}
.threeCnt .boxList li:last-child {
	margin-left: 15px;
}
.threeCnt .boxList li a {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	padding: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.threeCnt .boxList li a .btnWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	height: 100%;
	padding: 20px;
	color: #fff;
	background-color: rgba(50, 169, 156, 0.8);
}
.threeCnt .boxList li a .btnWrap p {
	width: 100%;
	text-align: center;
}
.threeCnt .boxList li a .btnWrap .ttl {
	font-size: 5.0rem;
	line-height: 1;
	letter-spacing: 2px;
}
.threeCnt .boxList li a .btnWrap .small {
	font-size: 1.8rem;
	font-weight: bold;
}
.threeCnt .boxList li a .btnWrap .btnA {
	margin-top: 40px;
}
/*fourCnt*/
.fourCnt .boxList {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	-ms-flex-align: flex-start;
	align-items: flex-start;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
}
.fourCnt .boxList li {
	width: 23%;
}
.fourCnt .boxList::before{
	content:"";
	display: block;
	width:23%;
	order:1;
}
.fourCnt .boxList::after{
	content:"";
	display: block;
	width:23%;
}
.fourCnt .box {
	position: relative;
}
.fourCnt .box figcaption {
	position: absolute;
	width: 100%;
	left: -10px;
	top: -10px;
	z-index: 2;
}
.fourCnt .boxList + .btnA {
	margin-top: 50px;
}
/* index */
.home .mainVisual {
	position: relative;
	padding-bottom: 75px;
	margin-bottom: 120px;
}
.home .mainVisual .tiltImg::after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 60%;
    background: linear-gradient(360deg, #ffffff 60%, transparent);
    z-index: 2;
    opacity: 0.3;
}
.home .mainVisual .tiltImg {
	background: transparent;
	width: 100%;
	height: 240px;
}
.home .mainVisual .tiltImg img {
	opacity: 1;
	object-fit: cover;
	height: 100%;
}
.home .mainVisual .lead {
	position: absolute;
	display: block;
	width: calc(100% - 10vw);
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
	z-index: 10;
	text-align: center;
	
}
.home .mainVisual .lead .leadText.jpn {
	font-size: 5.0rem;
	line-height: 1.4;
	font-weight: bold;
	letter-spacing: 0.1em;
}

@media(min-width: 769px){
  .home .mainVisual .tiltImg{
    height: 700px;
  }
}

@media (min-width: 1500px) {
  .home .mainVisual::before {
    min-height: 500px;
  }
	.home .mainVisual .lead .leadText.jpn {
	font-size: 3vw;
}
}

.home .mainVisual .lead .leadText.en {
	font-size: 2.0rem;
	line-height: 1.5;
	letter-spacing: 0.1em;
	color: #32a99c;
	margin: 5px 0 0;
}
.home .mainVisual .entryBtn {
	margin-top: 30px;
}
.home .mainVisual .leftBg {
	position: absolute;
	width: 16.125vw;
	left: 0;
	bottom: 180px;
	z-index: 5;
}
.home .mainVisual .rightBg {
	position: absolute;
	width: 19vw;
	height: 9.9636vw;
	right: 0;
	bottom: 100px;
	z-index: 5;
}
.message,
.feature {
		position: relative;
}
.message .tiltBox .inner {
	padding-bottom: 100px;
}
.message .rightBg {
	right: 0;
	bottom: 0;
}
.message .imgBox {
	position: relative;
	top: -150px;
}
.message .imgBox .img:first-child{
	width: 60%;
}
.message .imgBox .img:last-child{
	position: absolute;
	width: 60%;
	right: 0;
	margin-top: -50px;
}
.ba {
	position: relative;
}
.ba .rightBg {
	right: 0;
	bottom: auto;
	top: -350px;
	padding-bottom: 400px;
}
.ba .tiltBox {
	margin-bottom: 0;
}
.ba .tiltBox .inner {
	padding-top: 100px;
}
.baItem{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}
.baItem + .baItem {
	margin-top: 90px;
}
.baName {
	width: 21.5%;
	border: 1px solid #000000;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.baName h3 {
	font-size: 3.0rem;
	font-weight: bold;
	letter-spacing: 2px;
	width: 100%;
	text-align: center;
}
.baName span {
	font-size: 1.8rem;
}
.option{
	font-size: 2.0rem;
	font-weight: bold;
	width: 100%;
	text-align: center;
}
.baImage {
	width: 41.7%;
	position:relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.baImage figure {
	width: 50%;
	position: relative;
}
.ba .eyeCatching {
	font-weight: bold;
	position: absolute;
	left: -20px;
	top: -40px;
	z-index: 5;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.ttl{
	width: 100%;
	display: block;
	text-align: center;
	font-size: 2.0rem;
}
.stats ,
.res {
	width: 100%;
	display: block;
	text-align: center;
}
.stats.en{
	font-size: 3.5rem;
	line-height: 1.2;
}
.stats.en span {
	font-size: 2.0rem;
}
.baImage figcaption {
	font-size: 3.0rem;
	line-height: 1;
	font-weight: normal;
	color: #ffffff;
	display: block;
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 20px;
}
.res.en{
	font-size: 2.0rem;
}
.baResult{
	width: 34.3%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	
}
.ba .dlA{
	width: 100%;
	max-width:100%;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	padding-top: 5px;
	padding-bottom: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.baMessage{
	width: 100%;
	max-width:100%;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	border: 1px solid #000000;
	padding: 10px 25px;
	font-size: 1.4rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: flex-start;
	-ms-flex-pack: flex-start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.baMessage p + p {
	margin-top: 1.5em;
}
.baMessage > * {
	width: 100%;
}
.small{
	font-size: 1.2rem;
}
.slashBtn {
	margin-top: -45px;
	margin-bottom: 50px;
	position: relative;
}
.slashBtn .rightBg {
	right: 0;
	bottom: auto;
	top: -74px;
}
.slashBtn li {
	width: 50%;
	position: relative;
}
.slashBtn li:first-of-type {
    clip-path: polygon(0 43px, 100% 0, 100% 100%, 0% 100%);
}
.slashBtn li:nth-child(2) {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 43px), 0% 100%);
}
.slashBtn li:last-child {
	margin-top: 50px;
}
.slashBtn li .bgWrap {
	position: relative;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-top: 67.2%;
	z-index: 1;
}
.slashBtn li .bgWrap svg,.slashBtn li .bgimage {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.slashBtn li a {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	padding: 105px 120px 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.slashBtn li a .btnWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	height: 100%;
	color: #fff;
	background-color: rgba(50, 169, 156, 0.8);
}
.slashBtn li a .btnWrap p {
	width: 100%;
	text-align: center;
}
.slashBtn li a .btnWrap .ttl {
	font-size: 5.0rem;
	line-height: 1;
	letter-spacing: 2px;
}
.slashBtn li a .btnWrap .small {
	font-size: 1.8rem;
	font-weight: bold;
}
.slashBtn li a .btnWrap .btnA {
	margin-top: 40px;
	cursor: pointer;
	transition: border 0.2s linear,background 0.2s linear;
}
@media(min-width:769px){
  .slashBtn li:first-of-type,.slashBtn li:nth-child(2) {
    clip-path: polygon(0 75px, 100% 0, 100% 100%, 0% 100%);
}
}
/*feedWrap*/
.feedWrap {
	width: 100%;
	max-width: 1080px;
	margin: 0 auto 100px;
}
.gallery:last-child .feedWrap {
	margin-bottom: 0;
}
.feedWrap #sb_instagram #sbi_images {
	text-align: center;
}
.feedWrap #sb_instagram #sbi_load {
	font-family: 'Anton', "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ', Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	word-break: break-all;
	letter-spacing: 0.1em;
	font-weight: 400;
	margin-top: 30px;
}
.feedWrap #sb_instagram #sbi_load .sbi_follow_btn {
	width: 100%;
	max-width: 300px;
}
.feedWrap #sb_instagram #sbi_load .sbi_follow_btn a {
	width: 100%;
	height: 70px;
	border: 1px solid #32a99c;
	font-size: 2.0rem;
	line-height: 1.2;
	color: #32a99c;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
	transition: border 0.2s linear,background 0.2s linear;
	padding: 0;
	margin: 0 auto;
	border-radius: 0;
	background-color: transparent;
	text-align: center;
	box-shadow: none;
}
.feedWrap #sb_instagram svg:not(:root).fa-instagram {
	height: 2em;
}
@media (min-width: 769px) {
	.feedWrap #sb_instagram #sbi_load .sbi_follow_btn a:hover {
		background:#32a99c;
		color: #ffffff;
	}
}
/* about */
.facilityList li.listoff {
	display: none;
}
.facility .boxList li {
	margin-top: 30px;
}
.facility .boxList li:nth-child(1) ,
.facility .boxList li:nth-child(2) ,
.facility .boxList li:nth-child(3) ,
.facility .boxList li:nth-child(4) {
	margin-top: 0;
}
.facilityBtn[data-flag="open"] span:first-child ,
.facilityBtn[data-flag="close"] span:last-child {
	display: none;
}
.facilityBtn[data-flag="open"] span:last-child ,
.facilityBtn[data-flag="close"] span:first-child {
	display: inline;
}
.staff .tiltBox.bgChange .inner {
	padding-top: 0;
}
.staffBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	padding: 20px;
	background-color: rgba(255,255,255,0.8)
}
.staffBox + .staffBox {
	margin-top: 30px;
}
.staffBox .imgBox {
	width: 52%;
}
.staffBox .txtBox {
	width: 45%;
}
.staffBox .label {
	padding: 2px;
	display: inline;
	font-size: 1.4rem;
	line-height: 1.2;
	letter-spacing: 0;
	background-color: #097c70;
	color: #ffffff;
}
.bgChange .staffBox .label {
	padding: 5px;
	background-color: #000;
	line-height:3;
}

@media (max-width: 770px) {
	.bgChange .staffBox .label {
	padding: 5px;
	line-height:1.4;
	font-size:1.3rem;
}
}

.staffBox .label + h3 {
	margin-top: 5px;
}
.staffBox .ruby {
	font-size: 2.0rem;
	letter-spacing: 0.1em;
}
.staffBox .contentText {
	margin-top: 30px;
}
/*price*/
.priceBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	-ms-flex-align: flex-start;
	align-items: flex-start;
	width: 100%;
}
.priceBox + .priceBox {
	margin-top: 50px;
}
.priceBox .imgBox {
	width: 38%;
}
.priceBox .txtBox {
	width: 58%;
}
.priceBox .contentText {
	margin-top: 30px;
}

.priceBox .contentNotice {
	margin-top:15px;
}

.priceBox .dlA {
	margin-top: 30px;
	-webkit-box-align: flex-start;
	-ms-flex-align: flex-start;
	align-items: flex-start;
}
.priceBox .dlA dt {
	width: 25%;
}
.priceBox .dlA dd {
	width: 75%;
	padding: 8px 15px;
}
/*access*/
.access .tiltBox .inner {
	padding-top: 50px;
}
.-contact .tiltBox .inner{
	  margin-top: 0px;
	}
.dlC + .ggmapSize ,
.ggmapSize + .dlC {
	margin-top: 30px;
}
/*bloglist*/
.blog .tiltBox .inner {
	padding-top: 50px;
}
.blog-wrapper{
  display: flex;
  flex-direction: column;
}
.blogInner {
	padding: 40px 40px 60px 40px;
	background-color: #ffffff;
}
.blogList {
	margin: 0 auto 50px;
	border-top: 1px solid rgba(28, 28, 28, 0.9);
}
.blogList li {
	border-bottom: 1px solid rgba(28, 28, 28, 0.9);
}
.blogList li a {
	position: relative;
	display: block;
	padding: 15px 60px 15px 0;
}
.blogList li a:after {
	content: "";
	position: absolute;
	width: 18px;
	height: 21px;
	right: 25px;
	top: 50%;
	margin: -10px 0 0;
	z-index: 5;
	background: url('/import/tenant_1/marvelous-corp-h23.com/wp-content/themes/sg076/img/arrow_01.webp') no-repeat 0 0;
	background-size: cover;
}
@media (min-width: 769px) {
  .blog-page{
    overflow: unset;
  }
  .blog-wrapper{
    flex-direction: row;
    justify-content: space-between;
  }
  .blog-wrapper .blogInner{
    width: calc(100% - 300px);
  }
  .blog-wrapper .blog-category {
    width:250px;
    height: fit-content;
    position: sticky;
    top: 120px;
    right: 0;
  }
  .blog-wrapper .subWrap{
    padding-top: 80px;
  }
  .blog-wrapper .blog-category .categoryDl {
    margin-bottom: 0;
    background: #fff;
    padding: 40px 20px 40px;
    border-bottom: none; 
  }
  .blog-wrapper .blog-category .categoryDl li {
    font-size: 1.4rem;
    border-bottom: 1px solid;
    display: block;
    margin: 0;
  }
  .blog-wrapper .blog-category .categoryDl li a {
    display: block;
    padding: 10px;
    border: none;
    border-radius: 0;
  }
  .blog-wrapper .blog-category .subTtlC{
    top: -15px;
  }
  .blog-wrapper .blog-category .subTtlC .en {
    font-size: 4rem;
  }
	.blogList li a:hover {
		background: #e3e3e3;
	}
	.blogList li a:hover img {
		opacity: 1;
	}
}
.blogList .imgWrap {
	width: 20%;
}
.blogList figcaption {
	padding-left: 30px;
	width: 80%;
}
.blogList .date {
	width: 100%;
	color: #32a99c;
	font-size: 1.5rem;
}
.blogList .title {
	font-size: 1.6rem;
	font-weight: bold;
}
.blogList .txtWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.snsWrap {
	padding: 30px;
	background: #f2f2f2;
	margin-top: 40px;
	text-align: center;
}

.snsWrap  .ttlF .en {
	font-size:4rem;
}

.snsWrap  .ttlF {
	margin-bottom:1em;
}

.blogArticleList {
	border-top: 1px solid #ddd;
}
.blogArticleList li {
	border-bottom: 1px solid #ddd;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: start;
	justify-content: start;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.blogArticleList li .imgWrap {
	width: 200px;
}
.blogArticleList li .ttlWrap {
	width: 100%;
	flex: 1;
	padding-left: 30px;
}
.blogArticleList li .category {
  line-height: 1;
  margin: 2px 0;
}
.blogArticleList li .category a {
	color: #32a99c;
	font-weight: bold;
}
.blogArticleList li .category a:hover{
  opacity: 1;
}
.blogArticleList li .category a:not(:first-of-type)::before {
    content: "/";
    margin: 0 3px;
    color: #a7a7a7;
}
.blogArticleList li .category a:hover::before{
  text-decoration: none;
  display: inline-block;
}
@media (min-width: 769px) {
  .blogArticleList li .category{
    line-height: 1.7;
    margin: 0
  }
	.blogArticleList li .category a:hover {
		text-decoration: underline;
	}
	.blogArticleList li .category a:not(:first-of-type)::before{
	  margin: 0 8px;
	}
}
.blogArticleList .meta{
  display: flex;
    flex-direction: column;
}
.blogArticleList time:after {
	content: "|";
	display: inline-block;
	padding: 0 10px;
}
.blogArticleList .blogTtl {
	font-weight: bold;
	font-size: 18px;
}
@media (min-width: 769px) {
  .blogArticleList .meta{
    flex-direction: row;
  }
	.blogArticleList .blogTtl a:hover {
		text-decoration: underline;
	}
	.blogArticleList .blogTtl{
	  font-size: 20px;
	}
}

/*ページャー*/

.pagination {
	margin-top: 40px;
}
.pagination .page-of {
	display: none;
}
.pagination-box {
	text-align: center;
	font-size: 1.4rem;
	display: flex;
  justify-content: center;
  align-items: center;
}
.pagination-box>span,.pagination-box>a {
	display: inline-block;
	width: 34px;
	height: 34px;
	line-height: 31px;
	margin-right: 10px;
	background: #fff;
	border: 1px solid #32a99c;
	color: #32a99c;
}
.pagination-box>span>a{
  color: #32a99c;
}
.pagination-box span:last-child {
	margin-right: 0;
}
.pagination-box span.current {
	background: #32a99c;
	color: #fff;
}
.pagination-box.-other>span>a,.pagination-box.-other>span{
  background: #fff ;
}
.pagination-box.-other span.current{
  background: #fec04b;
}
.pagination-box span.link {
/*   background: none; */
}
@media (min-width: 769px) {
  .pagination-box>span,.pagination-box>a {
  	width: 50px;
  	height: 50px;
  	line-height: 48px;
  }
  .pagination-box .next,.pagination-box .last,.pagination-box .first,.pagination-box .prev{
    line-height: 45px;
  }
	.pagination-box a:hover {
		background: #32a99c;
		color: #fff;
		opacity: 1;
	}
	.pagination-box.-other a:hover{
	  background: #fec04b;
		opacity: 1;
	}
	.pagination-box span.link:hover {
		background: #32a99c;
		color: #fff;
	}
	.pagination-box span.link:hover a {
		color: #fff;
	}
}

/*bread*/
.bread {
	border-top: 1px solid rgba(28, 28, 28, 0.9);
	padding: 15px 5%;
}
.bread-list li{
  display: inline;
}
.bread-list li + li::before {
    content: "\f054";
    font-family: "font awesome 5 free";
    font-weight: bold;
    margin: 0 10px;
    font-size: 10px;
    transform: translateY(-1.5px);
    display: inline-block;
}
@media (min-width: 769px) {
	.bread a:hover {
		text-decoration: underline;
	}
}
/*footer*/
/*pgtop*/
#topBtn {
	position: fixed;
	bottom: calc(2vh + 50px);
	right: 10px;
	display: none;
	z-index: 99;
}
#topBtn a {
	display: block;
	width: 40px;
	height: 40px;
	color: #fff;
	line-height: 40px;
	font-size: 2rem;
	background: #32a99c;
	border: 1px solid rgba(255, 255, 255, 0.8);
	text-align: center;
}
#topBtn a i {
    transform: translateY(-2px);
}
#fixed-bottom {
	position: fixed;
	bottom: 2vh;
	right: 10px;
	z-index: 99;
}
#fixed-bottom .fa-plus:before {
    content: "＋";
    font-family: 'Noto Sans JP';
}
#fixed-bottom .a {
    display: flex;
    width: 40px;
    height: 40px;
    color: #32a99c;
    font-size: 18px;
    background: #fff;
    border: 1px solid #32a99c;
    text-align: center;
    align-items: center;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    padding-top: 2px;
    cursor: pointer;
}
#fixed-bottom.beat .a {
  animation: poyopoyo 2s ease-out infinite;
  opacity: 1;
}
@keyframes poyopoyo {
  0%, 40%, 60%, 80% {
    transform: scale(1.0);
  }
  50%, 70% {
    transform: scale(0.95);
  }
}
#footer {
	border-top: 1px solid rgba(28, 28, 28, 0.9);
	padding: 50px 0 0;
}
.home #footer {
	margin-top: 100px;
}
.footLogo {
	text-align: center;
	margin-bottom: 20px;
}
address {
	text-align: center;
}
.footBtnWrap {
	margin-top: 50px;
	border-top: 1px solid rgba(28, 28, 28, 0.9);
	padding: 50px 0 0;
}
.subTtlD + p {
	text-align: center;
	font-size: 1.4rem;
}
.footBtn {
	width: 100%;
	max-width: 1000px;
	background-color: #eeeeee;
	margin: 30px auto 0;
	padding: 20px;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.footBtn:first-child {
	margin-top: 0;
}
.footBtnWrap li {
	width: calc((100% - 20px)/3);
	font-size: 1.4rem;
}
.footBtnWrap li.-line img {
    width: 28px;
}
.footBtnWrap li:first-child {
	margin-right: auto;
}
.footBtnWrap li:last-child {
	margin-left: auto;
}
.footBtnWrap li h3 {
	color: #ffffff;
	background-color: #32a99c;
	font-size: 1.4rem;
	line-height: 1.5;
	padding: 1px;
}
.footBtnWrap li .wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	width: 100%;
	margin: 20px auto 0;
}
.footBtnWrap li .wrap a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 70px;
	padding: 0;
	cursor: pointer;
}
.footBtnWrap .bgCircle {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: #32a99c;
	border-radius: 50%;
	height: 50px;
	width: 50px;
	color: #fff;
	font-size: 1.6rem;
}
.tel .en {
	font-size: 3rem;
	display: block;
	line-height: 1;
	color: #333333;
	margin-left: 20px;
}
.contact .jp {
	font-weight: bold;
	line-height: 1;
	margin-left: 10px;
}
.contact a {
	background: #ffffff;
}
@media (min-width: 769px) {
	.contact a:hover {
		background: #32a99c;
		color: #fff;
	}
}
.infoWrap {
	margin: 50px auto 0;
	border-top: 1px solid rgba(28, 28, 28, 0.9);
	padding: 30px 0 0;
}
.footNav {
	font-size: 0;
	text-align: center;
	margin: 20px 0 0;
}
.footNav li {
	display: inline-block;
	margin-right: 15px;
	font-size: 1.4rem;
}
.footNav li .en {
	display: none;
}
.footNav li.sns-icon {
    max-width: 32px;
    transform: translateY(-5px);
}
@media (min-width: 769px) {
	.footNav li a:hover {
		text-decoration: underline;
	}
}
.footNav li:last-child {
	margin-right: 0;
}
.copy {
	text-align: center;
	padding: 20px 0 25px;
	display: block;
}
/* modal */
.modal {
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 204;
}
[data-element-id] .modal {
  width: auto;
  height: auto;
  display: none;
  position: relative;
  top: auto;
  left: auto;
  display: block !important;
}
.modal__bg {
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
}

[data-element-id] .modal__bg {
  width: auto;
  height: auto;
  position: relative;
}
.modal__content {
  width: 70%;
  padding: 100px 40px 70px 40px;
  border-radius: 3px;
  background: #fff;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
}
[data-element-id] .modal__content {
  width: 100%;
  max-width: 768px;
  height: auto;
  position: relative;
  top: auto;
  left: auto;
  -webkit-transform: none;
  transform: none;
  margin: 0 auto 40px;
  border: 4px solid orange;
  overflow: hidden;
  padding-top: 70px !important;
}
[data-element-id] .modal__content::before {
  content: "追従ボタン「＋」をクリックすると表示されます";
  background: orange;
  color: #fff;
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 12px;
  letter-spacing: 0;
  padding: 0 10px 5px;
  text-align: center;
}
.modal .btn_close {
    display: block;
    padding: 10px 15px 10px;
    text-align: center;
    border: 1px solid #999;
    background: #fff;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 150px;
    color: #999;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.modal .btn_close .x{
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
}
[data-element-id] .modal {
  height: auto;
  display: block;
  margin-top: 50px;
  position: relative;
}
[data-element-id] .js-modal-close01:after {
  width: 100%;
  min-width: 200px;
  padding: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 12px;
  color: #fff;
  background: #555;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute !important;
  bottom: 100%;
  left: 50%;
  border: 2px solid #555;
}
[data-element-id].modal__bg {
  display: none;
}
@media(max-width:769px) {
  .modal__content {
      width: 95%;
      padding: 80px 30px 50px 30px;
  }
}

/* modalの中のボタン */
.modal .web-box{
  width: 270px;
}
.modal .web-box a {
    background: #fff;
    color: #32a99c;
    border: 1px solid #32a99c;
    padding: 10px 10px;
    letter-spacing: 1px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 15px;
    height: 100%;
    font-size: 20px;
    font-weight: 500;
}
.modal .web-box.tel a {
    font-family: 'Anton';
}
.modal .web-box a::before {
    content: "";
    background-image: url('/upload/tenant_1/LINE_Brand_icon.webp');
    background-size: contain;
    background-repeat: no-repeat;
    aspect-ratio: 1;
    width: 30px;
}
.modal .web-box.tel a::before {
    content: "\f095";
    font-family: "font awesome 5 free";
    font-weight: bold;
    background: none;
    width: fit-content;
    transform: rotate(105deg);
    font-size: 22px;
    line-height: 1;
}
.modal .web-box.mail a::before {
    content: "\f0e0";
    font-family: "font awesome 5 free";
    font-weight: bold;
    background: none;
    width: fit-content;
    font-size: 24px;
    line-height: 1;
    transform: translateY(1px);
}
@media(max-width:769px){
  .modal .web-box {
    width: 220px;
  }
  .modal .web-box a{
    font-size: 18px;
    gap: 8px;
  }
  .modal .web-box a::before {
    width: 26px;
    transform: translateY(1px);
  }
}
/*****form*******/

.formWrapOuter {
	padding: 0 0 100px;
}
.formWrapOuter .ttlC {
	text-align: center;
}
.modPCenter {
	text-align: center;
	margin-bottom: 1em;
}
.formWrap {
	background: #fff;
	width: 100%;
	max-width: 800px;
	margin: 40px auto 0;
	padding: 50px 0;
}
.formWrap dl {
	width: 600px;
	margin: 0 auto;
}
.formWrap dt {
	font-size: 1.6rem;
	font-weight: bold;
}
.formWrap dd {
	margin: 15px 0 30px 0;
	word-break:break-all;
}
.formWrap dd.data{
  gap: 10px;
}
.formWrap dd img {
    max-width: calc((100% - 20px)/3);
    object-fit: cover;
}
.formWrap .required {
	background: #32a99c;
	font-size: 1.2rem;
	color: #fff;
	font-weight: normal;
	height: 25px;
	line-height: 25px;
	display: inline-block;
	padding: 0 15px;
	margin-right: 10px;
	position: relative;
	top: -2px;
}
.formWrap .any {
	background: #999;
	font-size: 1.2rem;
	color: #fff;
	font-weight: normal;
	height: 25px;
	line-height: 25px;
	display: inline-block;
	padding: 0 15px;
	margin-right: 10px;
	position: relative;
	top: -2px;
}
.formWrap textarea,
.formWrap input[type="email"],
.formWrap input[type="text"] {
	border: 1px solid #ddd;
	background: #fff;
	height: 40px;
	padding-left: 15px;
	width: 100%;
}
.formWrap textarea {
	height: 196px;
	vertical-align: top;
}
.formWrap .formBtn {
	width: 100%;
	max-width: 300px;
	height: 70px;
	margin: 0 auto;
	font-size: 2.0rem;
	border: 1px solid #32a99c;
	color: #32a99c;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
	transition: border 0.2s linear,background 0.2s linear;
}
.formWrap .formBtn + .formBtn {
	margin: 30px auto 0;
	border: 1px solid #cccccc;
	color: #cccccc;
}
@media (min-width: 769px) {
	.formWrap .formBtn:hover {
		border: 1px solid #32a99c;
		background-color:#32a99c;
		color: #ffffff;
	}
	.formWrap .formBtn + .formBtn:hover {
		border: 1px solid #dddddd;
		background-color:#dddddd;
		color: #ffffff;
	}
}
.backBtn {
	margin-top: 30px !important;
}
.prWrap .privacy {
	height: 180px;
	overflow-y: auto;
	padding: 20px;
	border: 4px solid #ddd;
	font-size: 1.4rem;
	width: 600px;
	margin: 0 auto 40px auto;
}
.privacy .dlB {
	width: 100%;
}
.privacy .dlB i {
	font-style: normal;
}
.agreeBox {
	margin: 0 auto 30px auto;
	text-align: center;
}
.formElement {
	padding: 150px 0
}
.mwform-radio-field-text {
	cursor: pointer;
}
.mwform-checkbox-field label,
.mwform-radio-field label {
	white-space: nowrap;
}
.mw_wp_form .horizontal-item + .horizontal-item {
	margin-left: auto !important;
	margin-right: 10px !important;
}
dl.formWrapDl select.date,
.formWrap input[type="text"].hasDatepicker {
	width: auto;
}
.formWrap textarea {
	padding: 20px;
}
.formWrap textarea,
.formWrap input {
	border-radius: 0;
	box-shadow: none;
	-webkit-appearance: none;
}
.formWrap select {
	border: 1px solid #ddd;
	height: 30px;
}
input[type="radio"] {
	position: relative;
	-moz-appearance: button;
	-webkit-appearance: button;
	appearance: button;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 24px;
	height: 24px;
	content: "";
	background-color: #FFFFFF;
	border: 1px solid #999999;
	-webkit-border-radius: 24px;
	border-radius: 24px;
	vertical-align: middle;
	cursor: pointer;
}
input[type="radio"]:checked {
	background-image: radial-gradient(circle at 50% 50%, #454545 40%, transparent 50%);
}
input[type="radio"]:checked:after {
	display: block;
	position: absolute;
	top: 5px;
	left: 5px;
	content: "";
	width: 12px;
	height: 12px;
	background: #454545;
	-webkit-border-radius: 12px;
	border-radius: 12px;
}
input[type=checkbox] {
	display: none;
}
.mwform-checkbox-field-text {
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	padding: 0 0 0 24px;
}
.mwform-checkbox-field-text:after {
	position: absolute;
	top: 50%;
	left: 6px;
	display: block;
	margin-top: -7px;
	width: 5px;
	height: 9px;
	border-right: 3px solid #454545;
	border-bottom: 3px solid #454545;
	content: '';
	opacity: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.mwform-checkbox-field-text:before {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	margin-top: -9px;
	width: 18px;
	height: 18px;
	border: 1px solid #999999;
	background-color: #fff;
	content: '';
}
input[type=checkbox]:checked + .mwform-checkbox-field-text:after {
	opacity: 1;
}
.mw_wp_form .formWrap .horizontal-item {
	margin-left: 0;
	margin-right: 10px;
}
.mw_wp_form .formWrap .horizontal-item + .horizontal-item {
	margin-left: 0;
}
.mw_wp_form_input .formMessage01,
.mw_wp_form_confirm .formMessage02 {
	display: block;
	color: rgba(28, 28, 28, 1);
}
.mw_wp_form_confirm .formMessage01,
.mw_wp_form_input .formMessage02 {
	display: none;
}
/*map*/
.ggmapSize {
	width: 100%;
	margin: 0 auto;
}
.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*汎用*/

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

/*margin*/

.mt20 {
	margin-top: 20px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb15 {
	margin-bottom: 15px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb40 {
	margin-bottom: 40px;
}
.mb50 {
	margin-bottom: 50px;
}
.mb70 {
	margin-bottom: 70px;
}
.mb80 {
	margin-bottom: 80px;
}
.mb90 {
	margin-bottom: 90px;
}
.mb100 {
	margin-bottom: 100px;
}
.mb120 {
	margin-bottom: 120px;
}
.mb150 {
	margin-bottom: 150px;
}

/*blog*/
.tableContents {
	background: #fff !important;
	border: 1px solid #e3e3e3 !important;
}
.image + .singleContent {
	margin-top: 20px;
}
.singleContent {
	width: 100%;
}
.singleContent img {
	max-width: 100%;
	height: auto;
	margin-bottom: 1em;
}
.singleContent p {
	margin-bottom: 1.5em;
}
.singleContent p:last-child {
	margin-bottom: 0;
}
.headingWrap .category a {
	color: #32a99c;
	font-weight: bold;
}
.headingWrap .category a:hover{
  opacity: 1;
}
.headingWrap .category a:not(:first-of-type)::before {
    content: "/";
    margin: 0 3px;
    color: #a7a7a7;
}
.headingWrap .category a:hover::before {
    text-decoration: none;
    display: inline-block;
}
.singleContent h2 {
  margin: 1em 0;
  line-height: 1.3;
  font-weight: 600;
}

.singleContent h2::first-letter {
  color: #32a99c;
}

.singleContent h3 {
    margin: 1em 0;
    padding: 0.5em;
    line-height: 1.3;
    border-left: solid 8px #32a99c;
    font-weight: 600;
}

.singleContent h4 {
  margin: 1em 0;
  padding-bottom: 0.5em;
  font-weight: 600;
  border-bottom: dotted 2px #32a99c;
  font-weight: 600;
  line-height: 1.3;
}

.singleContent ul,.singleContent ol{
      margin: 1em 0;
}

.singleContent ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  align-items: baseline;
  -ms-flex-align: baseline;
  -webkit-column-gap: 5px;
  -moz-column-gap: 5px;
  column-gap: 5px;
  line-height: 1.3;
}

.singleContent ul li + li{
  margin-top: 5px;
}

.singleContent ul li::before {
  content: "■";
  color: #32a99c;
}

.singleContent ol li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  align-items: baseline;
  -ms-flex-align: baseline;
  list-style-type: none;
  counter-increment: cnt;
  line-height: 1.3
}

.singleContent ol li + li{
  margin-top: 5px;
}

.singleContent ol li::before {
    content: "" counter(cnt) ".";
    margin-right: 10px;
    font-size: 120%;
    color: #32a99c;
    font-family: 'Anton';
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-width: 0.8em;
}

.singleContent iframe[src*="youtube"] {
  margin-top: 1em;
  margin-bottom: 1em;
  aspect-ratio: 16 / 9;
  height: auto;
}
@media (min-width: 769px) {
	.headingWrap .category a:hover {
		text-decoration: underline;
	}
  .blogArticleList li .category a:not(:first-of-type)::before {
    margin: 0 8px;
  }
}
.headingWrap .meta time:after {
	content: "|";
	display: inline-block;
	padding: 0 10px;
}
.singleTtl {
	text-align: left;
	font-size: 2.6rem;
	font-weight: bold;
	margin-bottom: 20px;
}
.subWrap {
	margin-top: 50px;
	border-top: 1px solid rgba(28, 28, 28, 0.9);
}
.categoryDl {
	padding-top: 70px;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(28, 28, 28, 0.9);
	margin-bottom: 70px;
}
.categoryDl ul {
	font-size: 0;
	text-align: center;
	margin-bottom: -10px;
}
.categoryDl li {
	display: inline-block;
	font-size: 1.4rem;
	margin-right: 10px;
	margin-bottom: 10px;
}

@media (max-width: 770px) {
	.categoryDl li {
		display:block;
		margin-right:0;
	}
}

.categoryDl li:last-child {
	margin-right: 0;
}
.categoryDl li a {
	display: block;
	border-radius: 15px;
	border: 1px solid rgba(28, 28, 28, 0.9);
	padding: 0 20px;
}
@media (min-width: 769px) {
	.categoryDl li a:hover {
		background: rgba(28, 28, 28, 0.9);
		color: #fff;
	}
}
.subWrap .latest {
	border-top: 1px solid #ddd;
}
.subWrap .latest a {
	display: flex;
	border-bottom: 1px solid #ddd;
	padding: 20px 10px;
}
@media (min-width: 769px) {
	.subWrap .latest a:hover {
		background: #e3e3e3;
	}
}

/********横幅調整***************/

@media (max-width: 1400px) {
	.subTtlA {
		left: 5vw;
	}
	.ttlA {
		font-size: 2rem;
	}
	.ttlC {
		font-size: 3rem;
	}
}
@media (max-width: 1100px) {
	.siteHeaderInner .headline {
		display: none;
	}
	.home .mainVisual .lead .leadText.jpn {
		font-size: 4.0rem;
	}
	.slashBtn li a {
		padding: 80px 25px 25px;
	}
	.threeCnt .boxList li a .btnWrap .btnA {
		margin-top: 10px;
	}
	.blogArticleList li .imgWrap {
		width: 30%;
	}
	.blogArticleList li .ttlWrap {
		width: 68%;
	}
}
@media (max-width: 1000px) {
	body {
		min-width: 100%;
	}
	.pageTtl .en {
		font-size: 6.4rem;
	}
	.tiltBox .inner.mw1000 {
		padding-left: 5vw;
		padding-right: 5vw;
	}
	.slashBtn li a {
		padding: 65px 10px 10px;
	}
	.slashBtn li a .btnWrap .btnA {
		margin-top: 10px;
	}
	.threeCnt .boxList li a {
		padding: 10px;
	}
	.fourCnt .boxList {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.fourCnt .boxList li {
		width: 49%;
		margin-top: 30px;
	}
	.fourCnt .boxList li:nth-child(1) ,
	.fourCnt .boxList li:nth-child(2) {
		margin-top: 0;
	}
	.facility .boxList li:nth-child(3) ,
	.facility .boxList li:nth-child(4) {
		margin-top: 30px;
	}

}
/********pc***************/
@media (min-width: 771px) {
	.sp {
		display: none;
	}
}

[data-element-id] .sp{
  display: block !important;
  outline: 4px solid green;
  position: relative;
    max-width: 375px;
    margin-right: auto;
    margin-left: auto;
}
[data-element-id] .sp::before {
    content: "モバイル用";
    background-color: green;
    color: #fff;
    text-align: center;
    font-size: 12px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
/********sp***************/

@media (max-width: 770px) {
	body {
		font-size: 1.3rem;
		padding-top: 60px;
		min-width: 320px;
	}
	.pc {
		display: none;
	}
	/*header*/
	.siteHeader {
		height: 60px;
		border: none;
	}
	.siteHeaderInner {
		padding-right: 60px;
	}
	.siteHeaderInner .logoWrap {
		width: 100%;
		height: 60px;
		padding: 0 10px;
	}
	.siteHeaderInner .logo {
		width: 100%;
	}
	.siteHeaderInner .logo a {
		width: 100%;
		height: 60px;
		padding: 0;
		-webkit-box-pack: flex-start;
		-ms-flex-pack: flex-start;
		justify-content: flex-start;
	}
	.siteHeaderInner .logo img {
		max-width: 100%;
	}
	.siteHeaderInner .headline {
		display: none;
	}
	.hum a {
		width: 60px;
		height: 60px;
	}
	.hum .hamburger-inner {
		background-color: transparent;
	}
	.hum .hamburger-inner:before {
		top: -5px
	}
	.hum .hamburger-inner:after {
		bottom: -5px
	}
	.humNavi .none {
		display: block;
	}
	.modaal-content {
		padding-left: 0%;
	}
	.closeBT {
		width: 60px;
		height: 60px;
		z-index: 99;
	}
	.humNavi {
		padding-top: 25px;
		z-index: 2;
	}
	.humNavi .en {
		font-size: 2.2rem;
		line-height: 1.4;
	}
	.humNavi li {
		margin-bottom: 15px;
	}
	.humNavi .hum-sus-box .sns-item.line a{
	  font-size: 16px;
	}
	.entryBtn {
		display: none;
	}
	.entryBtn .en {
		font-size: 2.0rem;
		padding: 10px 10px 10px 0;
	}
	.entryBtn .txt {
		font-size: 1.2rem;
	}
	.mainVisual {
		margin-bottom: 50px;
	}
	.mainVisual .tiltImg {
		width: 90%;
	}
	.leftBg {
		width: 21vw;
		bottom: 65%;
	}
	.centerBg {
		display: none;
	}
	.rightBg {
		width: 35vw;
		height: 18.354vw;
		bottom: -35px;
	}
	/*wrap*/
	.cntWrap {
		padding: 0 5vw;
		z-index: 2;
		position: relative;
	}
	.tiltBox {
		margin-bottom: 50px;
	}
	.inner {
		padding-left: 5vw;
		padding-right: 5vw;
		width: 100%;
		max-width: none;
	}
	.tiltBox .inner {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.mw1000 .tiltBox .inner {
		padding: 5vw 5vw 50px;
	}
	.bgColor.inner {
		background-color: transparent;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 50px;
	}
	.txtBox {
		width: 94%;
	}
	.bgChange {
		padding-bottom: 20px;
	}

	/*ttl*/
	.subTtlA {
		left: 5vw;
		top: -20px;
	}
	.subTtlA .en {
		font-size: 3.0rem;
	}
	.subTtlA .jp {
		font-size: 1.5rem;
		padding: 25px 0 0 24px;
	}
	.subTtlA .jp:before {
		height: 60px;
		width: 1px;
		top: 0px;
		left: 10px;
	}
	.subTtlB .en {
		font-size: 3.0rem;
	}
	.subTtlB .min {
		font-size: 1.3rem;
		line-height: 1.3;
		padding: 30px 0 0 24px;
	}
	.subTtlB .min:before {
		height: 60px;
		width: 1px;
		top: 0px;
		left: 10px;
	}
	.subTtlC {
		top: -20px;
	}
	
	.blogInner .subTtlC {
		top: -10px;
	}
	.subTtlC .en {
		font-size: 3.0rem;
	}
	.subTtlC .jp {
		font-size: 1.5rem;
		margin: 5px 0 0;
	}
	.subTtlD {
		font-size: 1.8rem;
	}
	.ttlA {
		font-size: 1.5rem;
		letter-spacing: 0.1em;
		margin-bottom: 10px;
	}
	.voice .ttlA{
	  font-size: 2rem;
	  margin-top: 10px;
    text-align: center;
	}
	.ttlA span {
		padding: 0;
	}
	.ttlA.-indent span {
    padding-left: 1.5em;
    text-indent: -1.38em;
  }
	.ttlA:before,
	.ttlA:after,
	.ttlA span:before,
	.ttlA span:after {
		content: "";
		display: none;
	}
	.ttlB {
		font-size: 1.5rem;
	}
	.ttlC {
		font-size: 2rem;
	}
	.ttlD .en {
		font-size: 2.4rem;
	}
	.ttlD i {
		font-size: 1.4rem;
		padding: 0 5px;
	}
	.ttlD .jp:after,
	.ttlD .jp:before {
		width: 30px;
	}
	.ttlE {
		font-size: 1.4rem;
	}
	.ttlF .en {
		font-size: 1.6rem;
	}
	
	.snsWrap .ttlF .en {
		font-size:3rem;
	}
	
	.pageTtl {
		padding: 0 0 0 5vw;
	}
	.pageTtl .en {
		font-size: 3.5rem;
	}
	.pageTtl .jp {
		font-size: 1.6rem;
		padding: 30px 0 0 32px;
	}
	
	.privacyPage .privacy .modPCenter{
		text-align: left;
	}
	
	.dlB li li {
		margin:15px 0;
	}
	
	.dlB dt {
		padding:10px;
	}
	
	.pageTtl .jp:before {
		height: 60px;
		width: 1px;
		top: 0px;
		left: 20px;
	}
	/*btn*/
	.btnA  {
		font-size:1.4rem;
		max-width:100%;
		height:60px;
	}
	.btnA a {
		width: 100%;
	}
	.mw300 {
		max-width: 300px;
	}
	/*txtBox*/
	.twoBox {
		display: block;
	}
	.twoBox .txtBox {
		width: 100%;
	}
	.twoBox .imgBox {
		margin-top: 20px;
		width: 100%;
	}
	.oneBox,
	.mw1000 .oneBox {
		padding: 5vw;
	}
	.oneBox + .oneBox {
		margin-top: 25px;
	}
	.oneBox .contentText {
		margin-top: 10px;
		padding: 5vw;
	}
	/*縦幅固定角丸*/
	.eyeCatching {
		width: 110px;
		height: 110px;
	}
	/*dl*/
	.dlA {
		font-size: 1.6rem;
	}
	.dlA dt {
		width: 45%;
		padding: 8px 0;
	}
	.dlA dd {
		width: 55%;
		padding: 0 15px;
		font-size: 2.0rem;
	}
	.w600,
	.dlB {
		width: 100%;
	}
	.dlB dd {
		display: block;
	}
	.dlB dd .itemName {
		display: block;
		width: 100%;
		font-weight: bold;
	}
	.dlB dd .price {
		display: block;
		width: 100%;
	}
	.dlC {
		font-size: 1.4rem;
		display: block;
	}
	.dlC dt {
		font-weight: bold;
		font-size: 1.4rem;
		width: 100%;
		padding: 4px 0;
		margin-top: 5px;
		display: block;
	}
	.dlC dd {
		width: 100%;
		padding: 4px 8px;
		margin-top: 5px;
		font-size: 1.4rem;
		line-height: 1.3;
		display: block;
	}
	.dlC dt:first-child + dd {
		margin-top: 5px;
	}
	/*threeCnt*/
	.threeCnt {
		margin-bottom: 50px;
	}
	.threeCnt .inner {
		padding-left: 0;
		padding-right: 0;
	}
	.threeCnt .boxList {
		display: block;
	}
	.threeCnt .boxList li {
		width: 100%;
	}
	.threeCnt .boxList li:first-child,
	.threeCnt .boxList li:last-child {
		margin-right: 0;
		margin-left: 0;
	}
	.threeCnt .boxList li + li {
		margin-top: 20px;
	}
	.threeCnt .boxList li a {
		padding: 15px;
	}
	.threeCnt .boxList li a .btnWrap .ttl {
		font-size: 3.0rem;
	}
	.threeCnt .boxList li a .btnWrap .small {
		font-size: 1.5rem;
	}
	.threeCnt .boxList li a .btnWrap .btnA {
		max-width: 225px;
		margin-top: 15px;
	}
	/*fourCnt*/
	.fourCnt .boxList {
		display: block;
	}
	.fourCnt .boxList li {
		width: 100%;
	}
	.fourCnt .boxList::before,
	.fourCnt .boxList::after{
		display: none;
		width:100%;
	}
	.fourCnt .boxList li:nth-child(2) {
		margin-top: 40px;
	}
	.fourCnt .boxList li + li {
		margin-top: 40px;
	}
	.fourCnt .box figcaption {
		position: absolute;
		width: 100%;
		left: -10px;
		top: -20px;
	}
	.fourCnt .boxList + .btnA {
		margin-top: 25px;
	}
	/* index */
	.home .mainVisual {
		padding-bottom: 100px;
		margin-bottom: 60px;
	}
	.home .mainVisual .lead .leadText.jpn {
		font-size: 1.5rem;
	}
	.home .mainVisual .lead .leadText.en {
		font-size: 1.1rem;
		margin: 10px 0 0;
	}
	.home .mainVisual .entryBtn {
		display: block;
		margin-top: 20px;
		padding-left: 5vw;
		padding-right: 5vw;
	}
	.home .mainVisual .entryBtn a {
		max-width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
	.home .mainVisual .leftBg {
		width: 21vw;
		bottom: 130px;
	}
	.message .rightBg,
	.feature .rightBg {
		display: none;
	}
	.message .tiltBox {
		margin-bottom: 185px;
	}
	.message .imgBox {
		position: relative;
		top: 0;
		margin-bottom: -100px;
	}
	.message .imgBox .img:first-child {
		width: 68%;
	}
	.message .imgBox .img:last-child{
		position: absolute;
		width: 68%;
		right: 0;
		margin-top: -25px;
	}
	.feature .tiltBox .inner{
		padding-top: 70px;
	}
	.ba {
		margin-bottom: 15px;
	}
	.ba .subTtlA {
		left: 0;
		width: 100%;
		text-align: center;
	}
	.ba .subTtlA .en {
		display: block;
	}
	.ba .subTtlA .jp {
		display: block;
		padding: 0;
	}
	.ba .subTtlA .jp:before {
		display: none;
	}
	.ba .rightBg {
		display: none;
	}
	.ba .tiltBox {
		margin-bottom: 0;
	}
	.ba .tiltBox .inner {
		padding-top: 60px;
		padding-bottom: 50px;
	}
	.baItem{
		display: block;
	}
	.baItem + .baItem {
		margin-top: 45px;
	}
	.baName {
		width: 100%;
		display: block;
		border: none;
		border-top: 1px solid #000000;
		border-bottom: 1px solid #000000;
		display: block;
		padding: 25px 0;
		text-align: center;
	}
	.baName h3 {
		font-size: 2.4rem;
	}
	.baName span {
		font-size: 1.4rem;
	}
	.option{
		font-size: 1.8rem;
	}
	.baImage {
		margin-top: 50px;
		width: 100%;
	}
	.ba .eyeCatching {
		font-weight: bold;
		position: absolute;
		left: -25px;
		top: -45px;
		z-index: 5;
	}
	.ba .ttl{
		font-size: 1.4rem;
	}
	.ba .stats.en{
		font-size: 2.5rem;
	}
	.ba .stats.en span {
		font-size: 1.4rem;
	}
	.ba .res.en{
		font-size: 1.4rem;
	}
	.baImage figcaption {
		font-size: 2.0rem;
		line-height: 1;
		bottom: 10px;
	}
	.baResult{
		width: 100%;
		display: block;
		margin-top: 20px;
	}
	.ba .dlA{
		width: 100%;
		height: auto;
		padding: 0;
	}
	.baMessage{
		width: 100%;
		display: block;
		border: none;
		padding: 0;
		margin-top: 20px;
		font-size: 1.4rem;
	}
	.small{
		font-size: 1.2rem;
	}
	.slashBtn {
		margin-top: -30px;
		margin-bottom: 25px;
	}
	.slashBtn .rightBg {
		display: none;
	}
	.slashBtn .inner {
		padding-left: 0;
		padding-right: 0;
	}
	.slashBtn ul {
		display: block;
	}
	.slashBtn li {
		width: 100%;
		position: relative;
	}
	.slashBtn li:last-child {
		margin-top: 20px;
	}
	.slashBtn li .bgWrap {
		position: relative;
		left: 0;
		bottom: 0;
		width: 100%;
		padding-top: 90.625%;
		z-index: 1;
	}
	.slashBtn li a {
		padding: 60px 5vw 5vw;
	}
	.slashBtn li:last-child a {
		padding: 5vw 5vw 60px;
	}
	.slashBtn li a .btnWrap .ttl {
		font-size: 3.0rem;
	}
	.slashBtn li a .btnWrap .small {
		font-size: 1.5rem;
	}
	.slashBtn li a .btnWrap .btnA {
		max-width: 225px;
		margin-top: 20px;
	}
	.feedWrap {
		max-width: none;
		margin: 0 auto 50px;
	}
	.feedWrap #sb_instagram #sbi_load {
		padding: 0 5vw;
		margin-top: 0;
	}
	.feedWrap #sb_instagram #sbi_load .sbi_follow_btn {
		margin: 20px auto 0;
	}
	.feedWrap #sb_instagram #sbi_load .sbi_follow_btn a {
		height: 60px;
		font-size: 1.4rem;
	}
	.feedWrap #sb_instagram svg:not(:root).fa-instagram {
		height: 2em;
	}
	/* about */
	.facility .boxList li {
		margin-top: 0;
	}
	.facility .boxList li + li,
	.facility .boxList li:nth-child(2) ,
	.facility .boxList li:nth-child(3) ,
	.facility .boxList li:nth-child(4) {
		margin-top: 15px;
	}
	.staffBox {
		display: block;
		width: 100%;
		padding: 10px;
	}
	.staffBox + .staffBox {
		margin-top: 15px;
	}
	.staffBox .imgBox, 
	.staffBox .txtBox {
		width: 100%;
	}
	.staffBox .txtBox {
		margin-top: 15px;
	}
	.staffBox .label + h3 {
		margin-top: 15px;
	}

	.staffBox .ttlC,
	.staffBox .ruby {
		text-align: center;
	}
	.staffBox .ruby {
		font-size: 1.3rem;
	}
	.staffBox .contentText {
		margin-top: 15px;
	}
	/*price*/
	.price .subTtlA {
		left: 0;
		width: calc(100% - 10vw);
		text-align: center;
	}
	.price .subTtlA .en {
		display: block;
	}
	.price .subTtlA .jp {
		display: block;
		padding: 0;
	}
	.price .subTtlA .jp:before {
		display: none;
	}
	.priceBox {
		display: block;
		width: 100%;
	}
	.priceBox + .priceBox {
		margin-top: 25px;
	}
	.priceBox .imgBox ,
	.priceBox .txtBox {
		width: 100%;
	}
	.priceBox .txtBox {
		margin-top: 15px;
	}
	.priceBox .contentText,
	.priceBox .contentNotice {
		margin-top: 15px;
	}
	.priceBox .dlA {
		margin-top: 15px;
		display: block;
	}
	.priceBox .dlA dt {
		width: 100%;
		padding: 4px;
		font-size: 1.4rem;
	}
	.priceBox .dlA dd {
		width: 100%;
		padding: 4px;
		text-align: center;
		font-size: 1.5rem;
	}
	/*faq voice */
	.faq .tiltBox .inner,
	.voice .tiltBox .inner {
		padding: 5vw 5vw 50px;
	}
	/*access*/
	.access .tiltBox .inner {
		padding-top: 5vw;
		max-width: none;
	}
	.ggmapSize {
		margin: 0 auto;
	}
	.dlC + .ggmapSize ,
	.ggmapSize + .dlC {
		margin-top: 15px;
	}
	/*privacy*/
	.privacy .tiltBox .inner {
		padding-top: 5vw;
		max-width: none;
	}
	/*bloglist*/
	.blog .tiltBox .inner {
		padding-top: 5vw;
		padding-bottom: 50px;
	}
	.blogInner {
		padding: 5vw;
	}
	.blogList {
		width: 100%;
		margin: 0 auto 25px;
	}
	.blogList li a {
		padding: 20px;
	}
	.blogList li a figure {
		-webkit-align-items: flex-start;
		-ms-flex-align: flex-start;
		align-items: flex-start;
	}
	.blogList li a:after {
		display: none;
	}
	.blogList .imgWrap {
		width: 25%;
	}
	.blogList figcaption {
		padding-left: 20px;
		width: 75%;
	}
	.blogList .date {
		font-size: 1.5rem;
	}
	.blogList .title {
		font-size: 1.5rem;
	}
	.blogList + .alignC {
		padding: 0 5vw;
	}
	.subWrap {
		margin-top: 25px;
	}
	.subWrap .latest a {
		padding: 10px 0;
	}
	.categoryDl {
		padding-top: 30px;
		padding-bottom: 20px;
		margin-bottom: 25px;
		padding-left:10%;
		padding-right:10%;
	}
	/* blog */
	.blogCnt .cntWidth1000 {
		padding: 20px;
	}
	.blogArticleList .blogTtl {
		font-size: 1.2rem;
	}
	.blogArticleList li .category a {
		display: inline-block;
		font-size: 1rem;
		line-height: 1.2;
	}
	.blogArticleList li .ttlWrap {
		padding-left: 10px;
	}
	.blogArticleList li .ttlWrap time {
		font-size: 1.2rem;
		line-height: 1;
	}
	.blogArticleList time:after {
		content: "";
	}
	.blogArticleList li .imgWrap {
		width: 25%;
	}
	.blogArticleList li .ttlWrap {
		width: 73%;
	}
	.subWrap .latest time {
		display: block;
	}
	.singleTtl {
		font-size: 1.8rem;
	}
	/*404*/
	.notFound .tiltBox .inner {
		padding-bottom: 50px;
	}
	.notFound .subTtlA {
		left: 0;
		width: 100%;
		text-align: center;
	}
	.notFound .subTtlA .en {
		display: block;
	}
	.notFound .subTtlA .jp {
		display: block;
		padding: 0;
	}
	.notFound .subTtlA .jp:before {
		display: none;
	}
	.notFound .oneBox {
		padding: 25px;
	}
	/*footer*/
	#topBtn {
		bottom: 60px;
	}
	#footer {
		border-top: 1px solid rgba(28, 28, 28, 0.9);
		padding: 25px 0 0;
	}
	.home #footer {
		margin-top: 50px;
	}
	.footLogo {
		margin-bottom: 20px;
	}
	address {
		padding: 0 5vw;
	}
	.footBtnWrap {
		margin-top: 25px;
		border-top: 1px solid rgba(28, 28, 28, 0.9);
		padding: 25px 0 0;
	}
	.subTtlD + p {
		margin-top: 10px;
		font-size: 1.2rem;
	}
	.footBtn {
		width: auto;
		max-width: none;
		background-color: #eeeeee;
		margin: 15px 5vw 0;
		padding: 0;
		text-align: center;
		display: block;
	}
	.footBtnWrap li {
		width: 100%;
	}
	.footBtnWrap li:last-child {
		margin: 0;
	}
	.footBtnWrap li h3 {
		font-size: 1.4rem;
	}
	.footBtnWrap li .wrap {
		width: 100%;
		padding: 5vw;
		margin: 0;
	}
	.footBtnWrap li .wrap a {
		height: 60px;
	}
	.footBtnWrap .bgCircle {
		border-radius: 50%;
		height: 40px;
		width: 40px;
		color: #fff;
		font-size: 1.6rem;
	}
	.tel .en {
		font-size: 2.5rem;
		margin-left: 15px;
	}
	.contact .jp {
		font-size: 1.6rem;
		margin-left: 10px;
	}
	.footBtnWrap li.contact .wrap {
		padding: 10vw 5vw;
	}
	.infoWrap {
		display: none;
	}
	.copy {
		margin: 25px 0 0;
		border-top: 1px solid rgba(28, 28, 28, 0.9);
		padding: 20px 5vw 25px;
	}

	/*****form*******/
	.formWrapOuter {
		padding: 0;
	}
	.modPCenter {
		padding: 0 5vw;
	}
	.formElement {
		padding: 70px 0 50px;
	}
	.formWrap {
		width: 100%;
		margin: 20px auto 0;
		padding: 5vw 0;
	}
	.formWrap dl {
		width: 90%;
	}
	.formWrap dd {
		margin: 10px 0 15px 0;
	}
	.prWrap .privacy {
		width: 90%;
		font-size: 1.3rem;
	}
	.formWrap .formBtn {
		width: 90%;
		height: 60px;
		font-size: 1.4rem;
	}
	.formWrap .formBtn + .formBtn {
		margin: 15px auto 0;
	}
	.backBtn {
		margin-top: 15px !important;
	}
	.formWrap .privacy dt {
		font-size: 1.4rem;
		padding: 10px;
	}
	.mw_wp_form_input .formMessage01 .modPCenter,
	.mw_wp_form_confirm .formMessage02 .modPCenter {
		text-align: left;
		padding: 0;
	}
	.mw_wp_form_input .formMessage01 .modPCenter.indent-cmn-01{
	  padding-left: 1em;
	}
	.snsWrap {
		padding: 15px;
		margin-top: 20px;
	}
	/*margin*/
	.mb10 {
		margin-bottom: 5px;
	}
	.mb15 {
		margin-bottom: 7px;
	}
	.mb20 {
		margin-bottom: 10px;
	}
	.mb30 {
		margin-bottom: 15px;
	}
	.mb40 {
		margin-bottom: 20px;
	}
	.mb50 {
		margin-bottom: 25px;
	}
	.mb70 {
		margin-bottom: 35px;
	}
	.mb80 {
		margin-bottom: 40px;
	}
	.mb90 {
		margin-bottom: 45px;
	}
	.mb100 {
		margin-bottom: 50px;
	}
	.mb120 {
		margin-bottom: 60px;
	}
	.mb150 {
		margin-bottom: 75px;
	}
}

/*=== add updatie ===*/
.bgChange .staffBox .label {
	display: block;
	font-weight: bold;
	margin-bottom: 1em;
	line-height: 1.5;
	background: none;
	color: #32a99c;
	font-size: 1.6rem;
	padding: 0;
}
@media (max-width: 770px) {
	h1.pageTtl {
		display:inline;
		top:50px;
	}
	h1.pageTtl .jp {
		padding:0;
		display:block;
	}
	h1.pageTtl .jp::before {
		content:none;
	}
}
/***** refusal *****/
.refusal {
  text-align: right;
  margin-top: 30px;
}
.refusal img {
  width: 100%;
  max-width: 300px;
  margin-left: auto;
}
@media (max-width: 770px) {
  .refusal {
    margin-top: 15px;
  }
  .refusal.up-ta-l\@sp{
    text-align:right;
  }
  .refusal img {
    max-width: 270px;
  }
}
/* social */
.social {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	margin: 20px auto 0;
}
.social .bgCircle {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: #32a99c;
	border-radius: 50%;
	font-size: 2.6rem;
	height: 50px;
	width: 50px;
	color: #fff;
}
.social p:not(:first-child){
	margin-left: 0.25em;;
}
.social p:not(:last-child){
	margin-right: 0.25em;;
}
@media (max-width: 770px) {
	.social .bgCircle {
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 2.0rem;
	}

	.ba .tiltBox .inner .subTtlA {
		left: 0;
	}
}

/* voice */
.cntWrap.voice .oneBox dl + dl{
  margin-top: 20px;
}
.cntWrap.voice .oneBox dt {
    font-weight: 600;
    background: #32a99c;
    color: #fff;
    width: fit-content;
    padding: 8px 20px;
    line-height: 1.3;
    font-size: 14px;
    margin-bottom: 5px;
}
.cntWrap.voice .oneBox .contentText dl + dl {
    margin-top: 30px;
}
.cntWrap.voice .oneBox .contentText dt {
    background: none;
    color: #32a99c;
    padding: 5px 15px;
    font-size: 18px;
    border-left: 5px solid;
}
.line-block .line-box {
    background: #ffffff;
    padding: 30px;
}
@media(max-width:770px){
  .line-block .line-box {
    background: #ffffff;
    padding: 30px 15px;
    max-width: calc(104% - 10vw);
    margin: 0 auto;
}
}
/* 見たまま編集ページ用 */
[data-element-id] body{
  padding-top: 0;
}
[data-element-id] time{
  flex-shrink: 1;
}

/* header */
[data-element-id] .siteHeader{
  position: relative;
  top: auto;
  left: auto;
  height: auto;
}

/* nav */
[data-element-id] #hum {
    display: block;
    position: relative;
    opacity: 1;
    visibility: visible;
    z-index: 2;
    height: auto;
}
[data-element-id] .humNavi {
    padding: 0 0 20px;
    padding-top: 50px;
    background-color: rgba(50, 169, 156, 1);
    text-align: center;
}
[data-element-id] .humNavi .none{
  display: block;
}
/* mv */
[data-element-id] .mainVisual{
  padding-bottom: 375px
}
[data-element-id] .mainVisual::before{
  max-height: 0
}
[data-element-id] .mainVisual .tiltImg.sp {
        height: 320px;
    }
/* banner */
[data-element-id] .slashBtn li a{
  width: 70%;
    height: 70%;
    margin: 10% 15% 15%;
    padding: 0;
}
[data-element-id] .threeCnt .boxList li a{
    width: 80%;
    height: 80%;
    margin: 7% 10% 10%;
    padding: 0;
}
/* footer */
[data-element-id] #topBtn,[data-element-id] #fixed-bottom {
    display: block;
    position: relative;
    bottom: auto;
    right: auto;
    margin: 10px 7px 10px auto;
    width: fit-content;
}
/* 下層MV */
[data-element-id] .pageTtl,[data-element-id] .mainVisual .tiltImg .svgWrap{
  width: fit-content
}
/* よくある質問 */
[data-element-id] .oneBox:nth-child(n + 4){
  display: none;
}