@charset "utf-8";
/* CSS Document */


/* ##### reset.css上書き ##### */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
button,
p {
	color: #000;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

@media only screen and (max-width: 1024px) {}

@media only screen and (max-width: 599px) {
	.fs30 {
		font-size: 20px;
	}

	.fs16 {
		font-size: 14px;
	}
}

/* ##### reset.css上書きここまで ##### */

/* ##### 共通 ##### */

a {
	transition: all 0.3s ease;
}


#wrapper[data-element-id] {
	padding-top: 0 !important;
}

.sp-only {
	display: none;
}

.fs10 {
	font-size: 10px;
}

.fs50 {
	font-size: 50px;
}

.tex {
	line-height: 30px;
}

.tc {
	text-align: center;
}

.tr {
	text-align: right;
}

.tl {
	text-align: left;
}

/*スペース*/

.rspe1 {
	padding-right: 1%;
}

.rspe2 {
	padding-right: 2%;
}

.rspe3 {
	padding-right: 3%;
}

.rspe5 {
	padding-right: 5%;
}

.rspe10 {
	padding-right: 10%;
}

.rspe15 {
	padding-right: 15%;
}

.lspe1 {
	padding-left: 1%;
}

.lspe2 {
	padding-left: 2%;
}

.lspe3 {
	padding-left: 3%;
}

.lspe5 {
	padding-left: 5%;
}

.lspe10 {
	padding-left: 10%;
}


.line:nth-of-type(2n+2) .rspe1 {
	padding-left: 1%;
	padding-right: 0;
}

.line:nth-of-type(2n+2) .rspe2 {
	padding-left: 2%;
	padding-right: 0;
}

.line:nth-of-type(2n+2) .rspe3 {
	padding-left: 3%;
	padding-right: 0;
}

.line:nth-of-type(2n+2) .rspe5 {
	padding-left: 5%;
	padding-right: 0;
}

.line:nth-of-type(2n+2) .rspe10 {
	padding-left: 10%;
	padding-right: 0;
}

.line:nth-of-type(2n+2) .lspe1 {
	padding-left: 0;
	padding-right: 1%;
}

.line:nth-of-type(2n+2) .lspe2 {
	padding-left: 0;
	padding-right: 2%;
}

.line:nth-of-type(2n+2) .lspe3 {
	padding-left: 0;
	padding-right: 3%;
}

.line:nth-of-type(2n+2) .lspe5 {
	padding-left: 0;
	padding-right: 5%;
}

.line:nth-of-type(2n+2) .lspe10 {
	padding-left: 0;
	padding-right: 10%;
}

.line.flex line:nth-of-type(2n+2) {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.line:nth-of-type(2n+2)>.flex {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

@media only screen and (max-width: 599px) {
	.rspe1 {
		padding-right: 0;
	}

	.rspe2 {
		padding-right: 0;
	}

	.rspe3 {
		padding-right: 0;
	}

	.rspe5 {
		padding-right: 0;
	}

	.rspe10 {
		padding-right: 0;
	}

	.rspe15 {
		padding-right: 0;
	}

	.lspe1 {
		padding-left: 0;
	}

	.lspe3 {
		padding-left: 0;
	}

	.lspe5 {
		padding-left: 0;
	}

	.lspe10 {
		padding-left: 0;
	}

	.line .rspe1 {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.line .rspe3 {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.line .rspe5 {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.line .rspe10 {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.line .lspe1 {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.line .lspe3 {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.line .lspe5 {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.line .lspe10 {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

/*margin*/
.mt0 {
	margin-top: 0px;
}

.mt10 {
	margin-top: 10px;
}

.mt15 {
	margin-top: 15px;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}

.mt40 {
	margin-top: 40px;
}

.mt50 {
	margin-top: 50px;
}

.mt60 {
	margin-top: 60px;
}

.mt70 {
	margin-top: 70px;
}

.mt80 {
	margin-top: 80px;
}

.mt90 {
	margin-top: 90px;
}

.mt100 {
	margin-top: 100px;
}

.mt110 {
	margin-top: 110px;
}

.mt120 {
	margin-top: 120px;
}

.mt130 {
	margin-top: 130px;
}

.mt140 {
	margin-top: 140px;
}

.mt150 {
	margin-top: 150px;
}

.mb0 {
	margin-bottom: 0px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb25 {
	margin-bottom: 30px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb35 {
	margin-bottom: 35px;
}

.mb40 {
	margin-bottom: 40px;
}

.mb50 {
	margin-bottom: 50px;
}

.mb60 {
	margin-bottom: 60px;
}

.mb70 {
	margin-bottom: 70px;
}

.mb80 {
	margin-bottom: 80px;
}

.mb90 {
	margin-bottom: 90px;
}

.mb95 {
	margin-bottom: 95px;
}

.mb100 {
	margin-bottom: 100px;
}

.mb115 {
	margin-bottom: 115px;
}

.mb120 {
	margin-bottom: 120px;
}

.mb130 {
	margin-bottom: 130px;
}

.mb140 {
	margin-bottom: 140px;
}

.mb150 {
	margin-bottom: 150px;
}

.mt-40 {
	margin-top: -40px;
}
.mt-50 {
	margin-top: -50px;
}

.mt-60 {
	margin-top: -60px;
}

.mt-70 {
	margin-top: -70px;
}

.mt-80 {
	margin-top: -80px;
}

.mr-40p {
	margin-right: -40px;
}


@media only screen and (max-width: 1024px) {
	.mt100 {
		margin-top: 90px;
	}

	.mt110 {
		margin-top: 90px;
	}

	.mt120 {
		margin-top: 100px;
	}

	.mt130 {
		margin-top: 100px;
	}

	.mt140 {
		margin-top: 100px;
	}

	.mt150 {
		margin-top: 110px;
	}

	.mb100 {
		margin-bottom: 90px;
	}

	.mb110 {
		margin-bottom: 90px;
	}

	.mb120 {
		margin-bottom: 100px;
	}

	.mb130 {
		margin-bottom: 100px;
	}

	.mb140 {
		margin-bottom: 100px;
	}

	.mb150 {
		margin-bottom: 110px;
	}
}

@media only screen and (max-width: 599px) {
	.mt60 {
		margin-top: 50px;
	}

	.mt70 {
		margin-top: 60px;
	}

	.mt80 {
		margin-top: 60px;
	}

	.mt90 {
		margin-top: 70px;
	}

	.mt100 {
		margin-top: 70px;
	}

	.mt110 {
		margin-top: 70px;
	}

	.mt120 {
		margin-top: 80px;
	}

	.mt130 {
		margin-top: 90px;
	}

	.mt140 {
		margin-top: 90px;
	}

	.mt150 {
		margin-top: 90px;
	}

	.mb60 {
		margin-bottom: 50px;
	}

	.mb70 {
		margin-bottom: 60px;
	}

	.mb80 {
		margin-bottom: 60px;
	}

	.mb90 {
		margin-bottom: 70px;
	}

	.mb100 {
		margin-bottom: 70px;
	}

	.mb110 {
		margin-bottom: 70px;
	}

	.mb120 {
		margin-bottom: 80px;
	}

	.mb130 {
		margin-bottom: 90px;
	}

	.mb140 {
		margin-bottom: 90px;
	}

	.mb150 {
		margin-bottom: 90px;
	}

	.mt-60 {
		margin-top: -50px;
	}

	.mt-70 {
		margin-top: -60px;
	}

	.mt-80 {
		margin-top: -80px;
	}
}


.ml0 {
	margin-left: 0;
}

.mr0 {
	margin-right: 0;
}

.ml1 {
	margin-left: 1%;
}

.mr1 {
	margin-right: 1%;
}

.mr2 {
	margin-right: 2%;
}

.ml2 {
	margin-left: 2%;
}

.ml3 {
	margin-left: 3%;
}

.mr3 {
	margin-right: 3%;
}

.ml4 {
	margin-left: 4%;
}

.mr4 {
	margin-right: 4%;
}

.ml5 {
	margin-left: 5%;
}

.mr5 {
	margin-right: 5%;
}

.ml6 {
	margin-left: 6%;
}

.mr7 {
	margin-right: 7%;
}

.ml7 {
	margin-left: 7%;
}

.mr6 {
	margin-right: 6%;
}

.ml8 {
	margin-left: 8%;
}

.mr8 {
	margin-right: 8%;
}

.ml10 {
	margin-left: 10%;
}

.mr10 {
	margin-right: 10%;
}

.ml12 {
	margin-left: 12%;
}

.mr12 {
	margin-right: 12%;
}

.mrl5 {
	margin-left: 15%;
}

.mr15 {
	margin-right: 15%;
}

.ml-10 {
	margin-left: -10%;
}

@media only screen and (max-width: 1024px) {
	.mrl5 {
		margin-left: 10%;
	}

	.mr15 {
		margin-right: 10%;
	}

	.ml12 {
		margin-left: 9%;
	}

	.mr12 {
		margin-right: 9%;
	}

	.ml10 {
		margin-left: 8%;
	}

	.mr10 {
		margin-right: 8%;
	}

}

@media only screen and (max-width: 599px) {
	.ml4 {
		margin-left: 2%;
	}

	.mr4 {
		margin-right: 2%;
	}

	.ml5 {
		margin-left: 3%;
	}

	.mr5 {
		margin-right: 3%;
	}

	.ml6 {
		margin-left: 6%;
	}

	.mr6 {
		margin-right: 5%;
	}

	.ml7 {
		margin-left: 7%;
	}

	.mr7 {
		margin-right: 7%;
	}

	.ml8 {
		margin-left: 5%;
	}

	.mr8 {
		margin-right: 5%;
	}

	.ml10 {
		margin-left: 6%;
	}

	.mr10 {
		margin-right: 6%;
	}
}

/*padding*/

.pt0 {
	padding-top: 0px;
}

.pt5 {
	padding-top: 5px;
}

.pt10 {
	padding-top: 10px;
}

.pt15 {
	padding-top: 15px;
}

.pt20 {
	padding-top: 20px;
}

.pt25 {
	padding-top: 25px;
}

.pt30 {
	padding-top: 30px;
}

.pt40 {
	padding-top: 40px;
}

.pt50 {
	padding-top: 50px;
}

.pt60 {
	padding-top: 60px;
}

.pt70 {
	padding-top: 70px;
}

.pt80 {
	padding-top: 100px;
}

.pt90 {
	padding-top: 90px;
}

.pt100 {
	padding-top: 100px;
}

.pt110 {
	padding-top: 110px;
}

.pt120 {
	padding-top: 120px;
}

.pt130 {
	padding-top: 130px;
}

.pb0 {
	padding-bottom: 0px;
}

.pb5 {
	padding-bottom: 5px;
}

.pb10 {
	padding-bottom: 10px;
}

.pb15 {
	padding-bottom: 15px;
}

.pb20 {
	padding-bottom: 20px;
}

.pb25 {
	padding-bottom: 25px;
}

.pb30 {
	padding-bottom: 30px;
}

.pb35 {
	padding-bottom: 35px;
}

.pb40 {
	padding-bottom: 40px;
}

.pb50 {
	padding-bottom: 50px;
}

.pb60 {
	padding-bottom: 60px;
}

.pb70 {
	padding-bottom: 70px;
}

.pb80 {
	padding-bottom: 80px;
}

.pb90 {
	padding-bottom: 90px;
}

.pb95 {
	padding-bottom: 95px;
}

.pb100 {
	padding-bottom: 100px;
}

.pb115 {
	padding-bottom: 115px;
}

.pb120 {
	padding-bottom: 120px;
}

.pb130 {
	padding-bottom: 130px;
}

@media only screen and (max-width: 1024px) {
	.pt100 {
		padding-top: 90px;
	}

	.pt110 {
		padding-top: 90px;
	}

	.pt120 {
		padding-top: 100px;
	}

	.pt130 {
		padding-top: 110px;
	}

	.pb100 {
		padding-bottom: 90px;
	}

	.pb110 {
		padding-bottom: 90px;
	}

	.pb120 {
		padding-bottom: 100px;
	}

	.pb130 {
		padding-bottom: 110px;
	}
}

@media only screen and (max-width: 599px) {
	.pt60 {
		padding-top: 50px;
	}

	.pt70 {
		padding-top: 50px;
	}

	.pt80 {
		padding-top: 60px;
	}

	.pt90 {
		padding-top: 70px;
	}

	.pt100 {
		padding-top: 70px;
	}

	.pt110 {
		padding-top: 70px;
	}

	.pt120 {
		padding-top: 80px;
	}

	.pt130 {
		padding-top: 90px;
	}

	.pb60 {
		padding-bottom: 50px;
	}

	.pb70 {
		padding-bottom: 50px;
	}

	.pb80 {
		padding-bottom: 60px;
	}

	.pb90 {
		padding-bottom: 70px;
	}

	.pb100 {
		padding-bottom: 70px;
	}

	.pb110 {
		padding-bottom: 70px;
	}

	.pb120 {
		padding-bottom: 80px;
	}

	.pb130 {
		padding-bottom: 90px;
	}
}

.pl0 {
	padding-left: 0;
}

.pr0 {
	padding-right: 0;
}

.pl1 {
	padding-left: 1%;
}

.pr1 {
	padding-right: 1%;
}

.pr2 {
	padding-right: 2%;
}

.pl2 {
	padding-left: 2%;
}

.pl3 {
	padding-left: 3%;
}

.pr3 {
	padding-right: 3%;
}

.pl4 {
	padding-left: 4%;
}

.pr4 {
	padding-right: 4%;
}

.pl5 {
	padding-left: 5%;
}

.pr5 {
	padding-right: 5%;
}

.pl6 {
	padding-left: 6%;
}

.pr7 {
	padding-right: 7%;
}

.pl7 {
	padding-left: 7%;
}

.pr6 {
	padding-right: 6%;
}

.pl8 {
	padding-left: 8%;
}

.pr8 {
	padding-right: 8%;
}

.pl10 {
	padding-left: 10%;
}

.pr10 {
	padding-right: 10%;
}

.pl12 {
	padding-left: 12%;
}

.pr12 {
	padding-right: 12%;
}

.pl15 {
	padding-left: 15%;
}

.pr15 {
	padding-right: 15%;
}

@media only screen and (max-width: 1024px) {
	.prl5 {
		padding-left: 10%;
	}

	.pr15 {
		padding-right: 10%;
	}

	.pl12 {
		padding-left: 9%;
	}

	.pr12 {
		padding-right: 9%;
	}

	.pl10 {
		padding-left: 8%;
	}

	.pr10 {
		padding-right: 8%;
	}

	.pl12 {
		padding-left: 10%;
	}

	.pr12 {
		padding-right: 10%;
	}

	.pl15 {
		padding-left: 12%;
	}

	.pr15 {
		padding-right: 12%;
	}

}

@media only screen and (max-width: 599px) {
	.pl4 {
		padding-left: 2%;
	}

	.pr4 {
		padding-right: 2%;
	}

	.pl5 {
		padding-left: 3%;
	}

	.pr5 {
		padding-right: 3%;
	}

	.pl6 {
		padding-left: 5%;
	}

	.pr6 {
		padding-right: 5%;
	}

	.pl7 {
		padding-left: 5%;
	}

	.pr7 {
		padding-right: 5%;
	}

	.pl8 {
		padding-left: 5%;
	}

	.pr8 {
		padding-right: 5%;
	}

	.pl10 {
		padding-left: 6%;
	}

	.pr10 {
		padding-right: 6%;
	}

	.pl12 {
		padding-left: 8%;
	}

	.pr12 {
		padding-right: 8%;
	}

	.pl15 {
		padding-left: 10%;
	}

	.pr15 {
		padding-right: 10%;
	}
}

.pl50p {
	padding-left: 50px;
}

.pl60p {
	padding-left: 60px;
}

.pl70p {
	padding-left: 70px;
}

.pr50p {
	padding-right: 50px;
}

.pr60p {
	padding-right: 60px;
}

.pr70p {
	padding-right: 70px;
}

@media only screen and (max-width: 599px) {
	.pl60p {
		padding-left: 50px;
	}

	.pl70p {
		padding-left: 50px;
	}

	.pr60p {
		padding-right: 50px;
	}

	.pr70p {
		padding-right: 50px;
	}
}

.mta {
	margin-top: auto;
}

.mtb {
	margin-bottom: auto;
}

.mla {
	margin-left: auto;
}

.mra {
	margin-right: auto;
}

.mauto {
	margin: 0 auto;
}

.z1 {
	position: relative;
	z-index: 1;
}

.ctex {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0;
	padding: 0;
	z-index: 1;
}

.Blink a {
	display: block;
}

.more {
	text-align: center;
	margin: 50px auto 0 auto;
	width: 80%;
	max-width: 200px;
	/* border: solid 1px #000; */
	overflow: hidden;
}

.more a {
	display: block;
	background: #000;
	color: #fff;
	padding: 10px 20px;
}

.bgimg {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: 100%;
}

.bgimg img {
	width: 100%;
	height: 100% !important;
	-o-object-fit: cover;
	object-fit: cover;
}



.of-img {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.of-img img {
	width: 100%;
	height: 100% !important;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center center;
	object-position: center center;
	font-family: 'object-fit: cover; object-position: center center;';
}

.ofimg {
	width: 100%;
	height: auto;
	overflow: hidden;
}


.ofimg img {
	width: 100%;
	height: 100% !important;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center center;
	object-position: center center;
	font-family: 'object-fit: cover; object-position: center center;';
}

.ofimg.tc {
	width: 100%;
	height: 100%;
}

.ofimg img {
	width: 100%;
	height: 100% !important;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: top center;
	object-position: top center;
}

.of {
	position: relative;
}

.of:before {
	content: "";
	display: block;
}

.of img {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.of15:before {
	padding-top: 15%;
}

.of20:before {
	padding-top: 20%;
}

.of25:before {
	padding-top: 25%;
}

.of30:before {
	padding-top: 30%;
}

.of35:before {
	padding-top: 35%;
}

.of40:before {
	padding-top: 40%;
}

.of45:before {
	padding-top: 45%;
}

.of50:before {
	padding-top: 50%;
}

.of55:before {
	padding-top: 55%;
}

.of60:before {
	padding-top: 60%;
}

.of65:before {
	padding-top: 65%;
}

.of70:before {
	padding-top: 70%;
}

.of75:before {
	padding-top: 75%;
}

.of80:before {
	padding-top: 80%;
}

.of85:before {
	padding-top: 85%;
}

.of90:before {
	padding-top: 90%;
}

.of95:before {
	padding-top: 95%;
}

.of100:before {
	padding-top: 100%;
}

.of105:before {
	padding-top: 105%;
}

.of110:before {
	padding-top: 110%;
}

.of115:before {
	padding-top: 115%;
}

.of120:before {
	padding-top: 120%;
}

.of135:before {
	padding-top: 135%;
}

.of140:before {
	padding-top: 140%;
}

.c-w {
	color: #fff;
}

.db {
	display: block;
}

.dib {
	display: inline-block;
}

.circle.pic span {
	border-radius: 50%;
}

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

.c {
	justify-content: space-between;
	align-items: center;
}

.cc {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.row2 {
	width: 48%;
	margin: 0 1% 6%;
}

.row3 {
	width: 31.333%;
	margin: 0 1% 6%;
}

.row4 {
	width: 23%;
	margin: 0 1% 6%;
}

.row5 {
	width: 18%;
	margin: 0 1% 6%;
}

.w20 {
	width: 20%;
}

.w15 {
	width: 15%;
}

.w10 {
	width: 10%;
}

.w333 {
	width: 33.33333%;
}

.w75 {
	width: 75%;
}

.w80 {
	width: 80%;
}

.w85 {
	width: 85%;
}

.w90 {
	width: 90%;
}

.w100 {
	width: 100%;
}

.oh {
	overflow: hidden;
}

.h100 {
	height: 100%;
}

.mwno {
	max-width: initial;
	margin: 0 auto;
}

.mw910 {
	max-width: 910px;
	margin: 0 auto;
}

.w500p {
	width: 500px;
}

.mw210 {
	max-width: 210px;
	margin: 0 auto;
}

.mw176 {
	max-width: 170px;
	margin: 0 auto;
}

.mw20 {
	max-width: 20px;
	margin: 0 auto;
}

.pic.img {
	width: 100%;
}

.pic.img img {
	width: 100%;
}

@media only screen and (max-width: 1024px) {
	.sp-only {
		display: block;
	}

	.pc-only {
		display: none;
	}

	.tex.tc {
		text-align: left;
	}

	.mw910 {
		width: 93%;
		max-width: 768px;
	}
		.t-w93 {
		width: 94%;
	}
		.t-w89 {
		width: 89%;
	}

}

@media only screen and (max-width: 599px) {
	.mb80 {
		margin-bottom: 50px;
	}

	.row2 {
		width: 98%;
		margin: 0 1% 10%;
	}

	.row3 {
		width: 48%;
		margin: 0 1% 10%;
	}

	.row4 {
		width: 48%;
		margin: 0 1% 10%;
	}

	.row5 {
		width: 31.333%;
		margin: 0 1% 10%;
	}

	.w333 {
		width: 100%;
	}

	.w75 {
		width: 100%;
	}

	.sp-c {
		text-align: center;
	}
  .sp-lhoff {
    height: auto !important;
  }
  .sp-hloff {
    height: auto !important;
  }
	.w80 {
		width: 100%;
	}

	.w85 {
		width: 100%;
	}

	.w90 {
		width: 100%;
	}

	.w100 {
		width: 100%;
	}

	.w20 {
		width: 90%;
		margin: 50px auto;
	}

	.w500p {
		width: 100%;
	}

	.w15 {
		width: 100%;
	}

	.w10 {
		width: 100%;
	}

	.sp-w10 {
		width: 10%;
	}

	.sp-w15 {
		width: 15%;
	}

	.sp-w25 {
		width: 25%;
	}

	.sp-w30 {
		width: 30%;
	}

	.sp-w35 {
		width: 35%;
	}

	.sp-w40 {
		width: 40%;
	}

	.sp-w45 {
		width: 45%;
	}

	.sp-w50 {
		width: 50%;
	}

	.sp-w60 {
		width: 60%;
	}

	.sp-w65 {
		width: 65%;
	}

	.sp-w70 {
		width: 70%;
	}

	.sp-w75 {
		width: 70%;
	}

	.sp-w85 {
		width: 85%;
	}

	.sp-w90 {
		width: 90%;
	}

	.sp-w94 {
		width: 94%;
	}

	.sp-w100 {
		width: 100%;
	}
	.mw910 {
		max-width: 450px;
	}
	.sp-pt0 {
		padding-top: 0;
	}
	.sp-pt30 {
		padding-top: 30px;
	}

	.sp-pt40 {
		padding-top: 40px;
	}

	.sp-pb20 {
		padding-bottom: 20px;
	}

	.sp-pb30 {
		padding-bottom: 30px;
	}

	.sp-pb40 {
		padding-bottom: 40px;
	}

	.sp-pt50 {
		padding-top: 50px;
	}

	.sp-pb50 {
		padding-bottom: 50px;
	}

	.sp-pt60 {
		padding-top: 60px;
	}

	.sp-pb70 {
		padding-bottom: 70px;
	}

	.sp-pr3 {
		padding-right: 3%;
	}

	.sp-pl70 {
		padding-left: 70px;
	}

	.sp-mb120 {
		margin-bottom: 120px;
	}

	.sp-ml10p {
		margin-left: 10px;
	}

	.sp-ml20p {
		margin-left: 20px;
	}

	.sp-mr10p {
		margin-right: 10px;
	}

	.sp-mr20p {
		margin-right: 20px;
	}

	.sp-mr0p {
		margin-right: 0px;
	}

	.sp-mt-80 {
		margin-top: -80px;
	}

	.sp-mt0 {
		margin-top: 0;
	}

	.sp-mb0 {
		margin-bottom: 0;
	}

	.sp-ml0 {
		margin-left: 0;
	}

	.sp-mw450 {
		max-width: 450px;
	}

	.sp-mauto {
		margin: 0 auto;
	}
}

/* ##### 共通ここまで ##### */

/* ##### header ##### */
.logo h1 {
	font-size: 12px;
	font-weight: normal;
	display: none;
}

h1[data-element-id] {
	display: block;
}

/* ##### header ##### */

header {
	background: #fff;
	width: 100%;
	box-shadow: 0px 4px 2px -2px rgba(0, 0, 0, 0.2);
	position: relative;
	z-index: 151;
}

.header01 {
	max-width: 1250px;
	margin: auto;
}

.header01in {
	display: flex;
	align-items: center;
	margin: 0 auto;
}

h1[data-element-id] {
	display: block;
}

.header01 .logo {
	margin-right: auto;
	width: 12.5%;
}

.header01 .logo .pic {
	max-width: 166px;
}

header .conbox {
	width: 20%;
	margin-left: auto;
	max-width: 200px;
}

header .conbox .btn01 {
	width: 100%;
}

header .conbox .tel {
	margin-bottom: 8px;
	margin-left: 0px;
	font-weight: bold;
	letter-spacing: 0;
}

header .conbox .img01 {
	max-width: 10px;
	text-align: center;
	margin-right: 7px;
}

header .conbox .img01 img {
	vertical-align: bottom;
	margin-bottom: 4px;
}

.content {
	position: relative;
	z-index: 1;
}

@media only screen and (max-width: 1259px) {
	.header01 {
		padding: 0 10px;
	}

	.header-info {
		width: 64%;
	}

}

@media only screen and (max-width: 1024px) {
	.header01 {
		padding: 15px 10% 10px;
	}

	.header01 .logo,
	header .conbox {
		width: 50%;
	}

	.header-info {
		width: auto;
	}

	header .conbox .img01 img {
		margin-bottom: 2px;
	}
}

@media only screen and (max-width: 599px) {
	.header-info {
		margin-top: 0;
		margin-bottom: 0;
	}

	.header01in {
		display: block;
		padding-bottom: 15px;
	}

	.header01 .logo {
		margin: 0 auto 0 auto;
	}

	.header01 .logo,
	header .conbox {
		width: 100%;
	}

	header .conbox .tel {
		margin-bottom: 8px;
		margin-left: 0;
	}

	header .conbox {
		margin: 0 auto;
		display: none;
	}
}

/* ##### header end ##### */

/* ##### nav ##### */
#gnav {
	padding: 28px 0;
}

#gnav .toggle {
	background: #315ca9;
}

#gnav li {
	display: inline-block;
}

#dropmenu {
	width: 100%;
	margin-top: 10px;
	display: flex;
	justify-content: space-between;
	margin: auto;
}

#dropmenu[data-element-id] {
	flex-wrap: wrap;
}

#dropmenu li a {
	letter-spacing: 0px;
	font-size: 16px;
	box-sizing: border-box;
	display: block;
}

#dropmenu li .icon {
	display: block;
	text-align: center;

}

#dropmenu li.index-link span {
	display: none;
}

#dropmenu span.drop-btn {
	letter-spacing: 0px;
	font-size: 16px;
	display: block;
	text-align: left;
	border: none;
	box-sizing: border-box;
	position: relative;
}

#dropmenu span.drop-btn:after {
	content: "\f111";
	position: absolute;
	font-family: "fontawesome";
	color: #1370b4;
	font-size: 10px;
	font-weight:normal;
	top: 47px;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	text-align: center;
	display: none;
}

.dropmenu {
	*zoom: 1;
}

.dropmenu .dropdown {
	/*position: relative;*/
}

#dropmenu .dropdown:hover {
	cursor: pointer;
	color: #1370b4;
}
#dropmenu .dropdown:hover span.drop-btn:after {
  display: block;
  width: 100%;
  height: 100%;
}
.dropmenu .dropdown ul {
	position: absolute;
	z-index: 9999;
	top: 100%;
	left: 0;
	right: 0;
	width: 100%;
	display: none;
	/*padding-top: 20px;*/
}

.dropmenu .dropdown:hover ul {
	/*display: block;*/
	display: flex
}

#dropmenu[data-element-id] .dropdown ul li {
	overflow: visible;
	height: 45px;
}

#dropmenu .dropdown ul li {
	overflow: hidden;
	/*width: 100%;*/
	height: 0;
	-webkit-transition-property: all;
	-webkit-transition: 0.3s linear;
	transition-property: all;
	transition: 0.3s linear;
}

#dropmenu .dropdown ul li a {
	display: block;
	color: #000;
	/*width: 260px;*/
	height: 100%;
	padding: 10px;
	box-sizing: border-box;
	background: #fff;
	position: relative;
	padding-left: 30px;
}

#dropmenu .dropdown ul li a:before {
	content: "\f0d7";
	font-family: FontAwesome;
	display: inline-block;
	font-size: 14px;
	color: #1370b4;
	position: absolute;
	top: 10px;
	left: 10px;
	transform: rotate(-90deg);
	margin: auto;
}

#dropmenu .dropdown:hover ul li {
	overflow: visible;
	height: 45px;
	/*width: 200px;*/
}


/*メニュー*/

#dropmenu .dropdown ul li.nav-menu {
	display: block;
	width: 100%
}

#dropmenu .dropdown ul li.nav-menu ul.inn {
	margin: 0 auto;
	max-width: 867px;
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
}

#dropmenu .dropdown ul li.nav-menu ul li a {
	font-size: 14px;
	background: none;
	padding: 10px 10px 10px 20px;
	color: #fff;
	letter-spacing: 0;
}

#dropmenu .dropdown ul li.nav-menu ul li a:before {
	color: #fff;
	left: 7px;
}

@media only screen and (max-width: 1024px) {
	#dropmenu .dropdown ul li.nav-menu {
		background: none;
		padding-left: 0;
	}

	#dropmenu .dropdown ul li.nav-menu ul.inn {
		margin: 0;
		max-width: initial;
	}

	#dropmenu .dropdown ul li.nav-menu ul li a {
		color: #000;
		padding: 10px 15px 10px 30px;
	}

	#dropmenu .dropdown ul li.nav-menu ul li a:before {
		color: #1370b4;
		left: 10px
	}
}

/*スマホメニュー*/

#dropmenu .sp-menu ul {
    display: block;
}
#dropmenu .sp-menu ul {
    position: static;
    padding-top: 0px;
    background-color: rgba(78, 69, 64, 0);
    width: 100%;
}

@media only screen and (max-width: 1024px) {
  #dropmenu .sp-menu ul li:last-of-type {
    border-bottom: none;
}
#dropmenu .sp-menu ul li {
    overflow: visible;
    height: auto;
}
#dropmenu .sp-menu ul li.sab-menu ul li a {
    padding: 10px 15px 10px 30px;
    position: relative;
    margin-left: 20px;
}
#dropmenu .sp-menu ul li.sab-menu ul li a:before {
    color: #1370b4;
    content: "\f0d7";
    font-family: FontAwesome;
    display: inline-block;
    font-size: 14px;
    color: #1370b4;
    position: absolute;
　　top:10px;
    left: 10px;
    transform: rotate(-90deg);
    margin: auto;
}
}

.sab-nav {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 200px;
}

.sab-nav li a {
	width: 100%;
}

#dropmenu .sp-only {
	display: none;
}

#dropmenu[data-element-id] .sp-only {
	display: block;
}

header.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
	background: #fff;
	box-shadow: 0px 4px 2px -2px rgba(0, 0, 0, 0.2);
}

header.fixed[data-element-id] {
	position: static !important;
}

#dropmenu[data-element-id] {
	flex-wrap: wrap;
}

[data-element-id] .dropmenu .dropdown ul {
	/*display: block;*/
	display:flex;
}

[data-element-id] #dropmenu .dropdown ul li {
	overflow: visible;
	height: 45px;
}

#dropmenu[data-element-id] .sp-only {
	display: block;
}


@media only screen and (max-width: 1024px) {

	#gnav {
		width: 100%;
	}

	#gnav li.dropdown span {
		padding-left: 25px;
		padding-top: 20px;
		padding-right: 5px;
	}

	#gnav .accordion-body {
		background: rgba(255, 255, 255, 1);
		overflow-x: hidden;
	}

	#gnav.action .accordion-body {
		width: 60%;
		margin-left: 40%;
	}


	#gnav .accordion-inner {
		height: 100vh;
	}

	.accordion-inner .sns li {
		display: inline-block;
	}

	#dropmenu {
		display: block;
		padding-bottom: 80px;

	}

	#gnav ul li a {
		color: #000;
	}

	#gnav ul li span {
		height: auto;
		color: #000;
		background-color: rgba(255, 255, 255, 0.2);
		display: inline-block !important;

	}

	.dropmenu .dropdown ul {
		position: static;
		padding-top: 0px;
		background-color: rgba(78, 69, 64, 0);
	}

	#dropmenu .dropdown ul li {
		overflow: visible;
		height: auto;
		padding-left: 20px;
	}

	#dropmenu .dropdown ul li:last-of-type {
		border-bottom: none;
	}

	#dropmenu .dropdown ul li a {
		background-color: rgba(78, 69, 64, 0);
		color: #000;
		width: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	#dropmenu .dropdown ul li a:before {
		top: 10px;
	}

	#dropmenu li.index-link img {
		display: none;
	}

	#gnav ul li.index-link span {
		display: block;
		background: none;
	}

	#gnav #dropmenu span.drop-btn {
		padding-top: 15px;
		padding-left: 15px;
		padding-right: 0;
	}

	#dropmenu span.drop-btn {
		color: #000;
	}

	#dropmenu span.drop-btn:after {
		content: none;
	}

	#dropmenu .dropdown:hover ul li {
		height: auto;
		width: 100%;
	}

	header.fixed {
		background: none;
		box-shadow: none;
		padding: 0;

	}

	#gnav {
		padding: 0;
	}

	#dropmenu .sp-only {
		display: block;
	}

	.dropmenu .dropdown ul {
		display: block;
	}

	#dropmenu li .icon {
		text-align: left;
		vertical-align: sub;
		margin-right: 10px;
		display: none !important;
	}

}

@media (max-width: 599px) {
	#gnav.action .accordion-body {
		width: 100%;
		margin-left: 0;
	}
}

/* ##### nav end ##### */

/* ##### footer ##### */
footer {
	background: #1370b4 url(/import/tenant_1/160.16.108.217/html/images/foot_bg.jpg);
	background-size: cover;
}
footer .bana {
    max-width:460px;
}
footer .inner {
	padding: 30px 0;
}

footer .left {
	padding-right: 5%;
}

footer .left .foot-logo {
	max-width: 240px;
	padding-bottom: 15px;
}

footer .left .tel {
	margin-bottom: 15px;
	margin-left: 7px;
}

footer .left .tel .img01 {
	max-width: 10px;
	display: inline-flex;
	margin-right: 15px;
}

footer .left .tel .img01 img {
	vertical-align: bottom;
	margin-bottom: 5px;
}

footer .left .access {
	margin-bottom: 20px;
}

footer .left .access dt {
	margin-right: 7px;
}

footer .right {
	padding-top: 40px;
}

footer .right ul {
	padding-right: 0;
	margin: 0;
}

footer .right li {
	padding-bottom: 10px;
}

footer .right li a {
	position: relative;
	padding-left: 25px;
	padding-right: 15px;
	display: block;
	line-height: 140%;
}

footer .right li a:before {
	content: "\f107";
	font-family: FontAwesome;
	display: inline-block;
	font-size: 18px;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	transform: rotate(-90deg);
	margin: auto;
}

footer .right ul li ul {
	margin-left: 25px;
	padding-left: 15px;
	border-left: 1px solid #fff;
	margin-bottom: 30px;
	margin-top: 10px;
	padding-top: 5px;
}

footer .right ul li ul li a {
	padding-left: 15px;
	padding-right: 15px;
}

footer .right ul li ul li a:before {
	content: "\f0d7";
	font-size: 12px;
}

footer .copy {
	padding: 10px;
	background: rgba(19, 89, 149, 0.6);
}

.map:after {
	padding-top: 25%;
}


@media only screen and (max-width: 1024px) {
	.map:after {
		padding-top: 60%;
	}

	footer .left {
		width: 100%;
	}

	footer .right {
		width: 100%;
	}

	footer {
		background-size: initial;
	}
	footer .bana {
    max-width: 500px;
}
}

@media only screen and (max-width: 599px) {
	footer {
		padding-bottom: 47px;
	}

	footer .left {
		padding-right: 0;
	}

	footer .left .foot-logo {
		max-width: 200px;
		margin: 0 auto;
	}
footer .left .tel {
    text-align: center;
}
footer .left .access {
  -webkit-box-pack: center;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center;
}

	footer .right {
		padding-top: 0;
	}
		footer .right ul {
	  display: none;
		}
	footer .right ul li ul {
		margin-bottom: 20px;
	}
	footer .bana {
    max-width: 350px;
	  margin: 10px auto 0 auto;
	}
	.map:after {
		display: block;
		content: "";
		padding-top: 100%;
	}
}

.totop {
    cursor: pointer;
	width: 90px;
	position: fixed;
	bottom: 30px;
	right: 10px;
	z-index: 10;
}
.totop a {
    display: block;
    width: 100%;
    height: 100%;
}
.totop .txt {
	width: 82px;
	height: 60px;
	background: url(/import/tenant_1/160.16.108.217/html/images/tobg.png) no-repeat;
	background-position: top right;
	background-size: contain;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: justify;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	letter-spacing: 0;
	margin-left: auto;
	margin-right: 0;
}

.totop .img {
	margin-left: 0;
	margin-right: auto;
	width: 85px;
}

@media only screen and (max-width: 599px) {
	.totop {
		bottom: 50px;
	}
}

.table01 {
	width: 100%;
}

.table01 table {
	width: 100%;
	height: auto;
	border-collapse: collapse;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.table01 table tr,
.table01 table th,
.table01 p.txt {
	font-size: 16px;
}

.table01 table tr {
	border-bottom: 1px solid #1370b4;
}

.table01 table th {
	border-right: 1px solid #1370b4;
	width: 35%;
	height: 32px;
	font-weight: normal;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0.4em;
	text-align: center;
	color: #1370b4;
}

.table01 thead th {
	text-align: center;
}

.table01 table td {
	color: #1370b4;
	border-right: 1px solid #1370b4;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0.4em;
}

.table01 table td:last-of-type {
	border-right: none;
}

.table01 tbody tr {
	background: #d6eeff;
}

.table01 thead th {
	text-align: center;
	color: #1370b4;
	border-right: 1px solid #1370b4;
}

.table01 div.txt,
.table01 p.txt {
	padding: 10px 0;
	color: #fff;
}

.table01 thead {
	background: #96cbf1;
}

/* ##### footer end ##### */

/* ##### top ##### */

/* トップメインイメージ */
.mainimg {
	position: relative;
	z-index: 5;
}

.mainimg .uk-slidenav-position:after {
	padding-top: 55%;
}

.mainimg .uk-slideshow {
	width: 100%;
}

.mainimg .maintit {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	text-align: center;
}

.mainimg .maintit h2 {
    margin-bottom: 0;
    letter-spacing: 3px;
    font-size: 48px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    line-height: 160%;
    text-shadow: 2px 0px 2px rgba(255,255,255,0.3), 1px 1px 2px rgba(255,255,255,0.3)
}
.mainimg .uk-dotnav>*>* {
    width: 12px;
    height: 12px;
    background: #fafdfe;
    transform: inherit;
}
.mainimg .uk-position-bottom {
    bottom: 15px;
}

.mainimg .uk-dotnav-contrast>.uk-active>* {
    background: #ffad1f;
}

@media only screen and (max-width: 1024px) {
	.mainimg .maintit h2 {
		font-size: 32px;
	}
}

@media only screen and (max-width: 599px) {
.mainimg .maintit h2 {
    letter-spacing: 3px;
    font-size: 20px;
    width: 90%;
    margin: 0 auto;
}
}

.uk-slideshow {
	height: 100% !important;
}

.uk-slideshow li {
	height: 100% !important;
}

.uk-slideshow li div {
	width: 100%;
	overflow: hidden;
	height: 100%;
}

.uk-slideshow li img {
	width: 100%;
	height: 100% !important;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center center;
	object-position: center center;
	font-family: 'object-fit: cover; object-position: center center;';
}

@media (max-width: 1024px) {
	.mainimg .uk-slidenav-position:after {
		padding-top: 80%;
	}

	.mainimg .maintit h2 {
		font-size: 32px;
	}
}

@media only screen and (max-width: 599px) {
	.mainimg .maintit h2 {
		letter-spacing: 3px;
		font-size: 18px;
	}
}



/* ##### トップここまで ##### */

/* ##### 下層ページ共通 ##### */

@media only screen and (max-width: 1024px) {}

@media only screen and (max-width: 599px) {}

/* ##### 下層ページ共通ここまで ##### */

/* ##### ブログ共通 ##### */
.one-line {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
}

.blog-list .category span {
	display: inline-block;
	font-size: 10px;
	border: #c9c9c9 solid 1px;
	background: #fff;
	padding: 3px 15px;
	color: #555;
	margin: 0 5px 10px 0;
}

.blog-list li .more {
	margin: 20px auto 0;
}

.side-nav {
	margin-bottom: 30px;
	width: 100%;
}

.side-nav dd a {
	padding: 5px 0;
	box-sizing: border-box;
	display: block;
}

/*ページャー*/
.pagenav {
	padding-top: 30px;
}

.pagenav li {
	margin: 0 5px;
}

.pagenav li a {
	display: inline-block !important;
	width: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	background: #333;
}

.pagenav li.st a {
	background: #000;
	color: #fff;
}

.pagenav li.prev a,
.pagenav li.next a {
	background: #fff;
	color: #000;
	font-size: 12px;
}

.pagenav li.prev a {
	text-align: right;
}

.pagenav li.next a {
	text-align: left;
}

@media only screen and (max-width: 1024px) {
	.blog-list .category span {
		font-size: 8px;
		margin-bottom: 5px;
		padding: 0px 8px;
	}

	.blog-list .category {
		margin-bottom: 10px;
	}
}

@media only screen and (max-width: 599px) {
	.side-nav {
		width: 45%;
	}
}

/*ブログ共通(ニュース一覧部分)*/
.blog-list.news li {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: #999 solid 1px;
	box-sizing: border-box;
}


/* ##### ブログ共通ここまで ##### */

/* ##### 【料金表　1　】 ##### */
.menubox1 dl {
	border-bottom: 1px solid #000;
	padding: 10px 0;
	box-sizing: border-box;
}

.menubox1 dd {
	text-align: right;
}

@media only screen and (max-width: 599px) {
	.menubox1 div {
		margin-bottom: 30px;
	}
}

/* ##### 【料金表　1　】ここまで ##### */
/* ##### 【料金表　2　】 ##### */
.menubox2 {
	margin-bottom: 50px;
}

.menubox2 h3 {
	text-align: center;
	border-bottom: 1px solid #000;
	margin-bottom: 10px;
}

.menubox2 dd dl {
	border-bottom: 1px solid #000;
	padding: 10px 0;
	box-sizing: border-box;
}

.menubox2 dd dl dd {
	text-align: right;
}

@media (max-width: 599px) {
	.menubox2 h4 {
		text-align: center;
		margin-bottom: 0;
	}
}

/* ##### 【料金表　2　】ここまで ##### */
/* ##### 【左右のカラムが交互に代わるブロック】 ##### */
.crossbox li {
	margin-bottom: 50px;
}

.crossbox li:nth-of-type(odd) {
	flex-direction: row-reverse;
}

@media (max-width: 599px) {
	.crossbox li:nth-of-type(odd) {
		flex-direction: column;
	}

	.crossbox .tex {
		margin-top: 20px;
	}
}

/* ##### 【左右のカラムが交互に代わるブロック】ここまで ##### */

/* ##### 【スタイル詳細】 ##### */
.gallery .main-image {
	width: 100%;
	margin-bottom: 15px;
}

.gallery .thumb-img {
	width: calc(33.33333% - 10px);
	transition: 0.3s linear;
}

.gallery .thumb-img:nth-of-type(3) {
	margin: 0 15px;
}

.gallery .thumb-img:hover {
	cursor: pointer;
	opacity: 0.8;
}

.profile-box dl {
	padding: 10px 0;
	box-sizing: border-box;
	border-bottom: #999 solid 1px;
	margin-bottom: 10px;
}

.profile-box dt {
	width: 200px;
}

.profile-box dd {
	width: calc(100% - 200px);
}


@media only screen and (max-width: 1024px) {
	.profile-box dt {
		width: 130px;
	}

	.profile-box dd {
		width: calc(100% - 130px);
	}

	.s-data.w50 {
		width: 60%;
	}
}

@media only screen and (max-width: 599px) {
	.s-data {
		margin-top: 30px;
	}

	.profile-box .stylist-data .pic {
		width: 100%;
	}

	.profile-box .stylist-data .w25 {
		width: 25%;
	}

	.profile-box .stylist-data .w70 {
		width: 70%;
	}

	.gallery .pic {
		width: 100%;
	}
}

/* ##### 【スタイル詳細】ここまで ##### */

/* ##### よくある質問 ##### */
.faq-box {
	padding-top: 80px;
}

.qa-list {
	margin-bottom: 50px;
}

.qa-q {
	font-size: 28px;
	font-weight: bold;
	color: #fff;
	background: #000;
	margin-right: 10px;
	box-sizing: border-box;
	text-align: center;
	display: block;
	width: 40px;
	height: 40px;
	padding-top: 8px;
}

.qa-list dt div {
	font-size: 24px;
	-webkit-box-sizing: border-box;
	position: relative;
	color: #000;
	font-weight: bold;
	display: inline-block;
	width: calc(100% - 50px);
}

.qa-list dt:hover {
	cursor: pointer;
}

.qa-list dd {
	font-size: 14px;
	padding: 20px 0;
	box-sizing: border-box;
	position: relative;
}

.qa-list .tex {
	display: inline-block;
	width: calc(100% - 50px);
}

.qa-list dd .qa-q {
	background: #999;
}

@media only screen and (max-width: 1024px) {}

@media only screen and (max-width: 599px) {
	.qa-list dt div {
		font-size: 18px;
	}
}

/* ##### よくある質問 ここまで ##### */

/* ##### お問い合わせ ##### */
.contact-list {
	margin-bottom: 20px;
	padding-bottom: 20px;
	box-sizing: border-box;
	border-bottom: #9b9b9b solid 1px;
}

.contact-list dt {
	width: 250px;
	font-size: 18px;
	font-weight: bold;
}

.contact-list dd {
	width: calc(100% - 250px);
}

.contact-list input,
.contact-list textarea,
.contact-list select {
	border: none;
	background: #e6e6e6;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
}

.contact-btn button {
	text-align: center;
	margin: 50px auto 0 auto;
	width: 240px;
	/* border: solid 1px #000; */
	display: block;
	background: #000;
	color: #fff;
	padding: 15px 0;
}

.contact-btn button:hover {
	opacity: 0.6;
	cursor: pointer;
}

@media only screen and (max-width: 1024px) {
	.contact-list dt {
		margin-bottom: 10px;
	}

	.contact-list dt,
	.contact-list dd {
		width: 100%;
	}

	.contact-list .must {
		display: inline-block;
		margin-left: 10px;
	}

}

@media only screen and (max-width: 599px) {}

/* ##### お問い合わせ　ここまで ##### */


/*テンプレート用見出し*/

h2 {
	margin-bottom: 30px;
	transform: translateX(-50%);

}


/*line-height*/
.lh100 {
	line-height: 100%;
}

.lh120 {
	line-height: 120%;
}

.lh140 {
	line-height: 140%;
}

.lh145 {
	line-height: 145%;
}

.lh150 {
	line-height: 150%;
}

.lh160 {
	line-height: 160%;
}

.lh165 {
	line-height: 160%;
}

.lh170 {
	line-height: 170%;
}

.lh180 {
	line-height: 180%;
}

.lh200 {
	line-height: 200%;
}

.lh260 {
	line-height: 260%;
}

/*共通*/
.center {
	text-align: center;
}
.pjr {
	position: relative;
}

.pjre {
	position: relative;
}

.pjab {
	position: absolute;
}

.pjab.l {
	left: 0;
}

.pjab.r {
	right: 0;
}

.pjrel {
	position: relative;
}

.m0 {
	margin: 0;
}

.normal {
	font-weight: normal;
}

.z-1 {
	position: relative;
	z-index: -1;
}

.z1 {
	position: relative;
	z-index: 1;
}

.z2 {
	position: relative;
	z-index: 2;
}

.dsbk {
	display: block;
}

.dsibk {
	display: inline-block
}

.ls-2 {
	letter-spacing: -2px;
}
.ls-1 {
	letter-spacing: -1px;
}

.ls0 {
	letter-spacing: 0px;
}

.ls1 {
	letter-spacing: 1px;
}

.ls2 {
	letter-spacing: 2px;
}

.ls3 {
	letter-spacing: 3px;
}

.ls5 {
	letter-spacing: 5px;
}

.bor5 {
	display: block;
	border-radius: 5px;
}
.bor5>a {
	overflow: hidden;
	border-radius: 5px;
}
.bor10 {
	display: block;
	border-radius: 10px;
}
.bor10>a {
	overflow: hidden;
	border-radius: 10px;
}
.bor20 {
	display: block;
	border-radius: 20px;
}
.bor20>a {
	overflow: hidden;
	border-radius: 20px;
}
.bor30 {
	display: block;
	border-radius: 30px;
}
.bor30>a {
	overflow: hidden;
	border-radius: 30px;
}
.bor40 {
	display: block;
	border-radius: 40px;
}
.bor40>a {
	overflow: hidden;
	border-radius: 40px;
}
.bor50 {
	display: block;
	border-radius: 50px;
}
.bor50>a {
	overflow: hidden;
	border-radius: 50px;
}

.bor100 {
	display: block;
	border-radius: 100px;
}
.bor100>a {
	overflow: hidden;
	border-radius: 100px;
}
.borw50 {
	display: block;
	border-radius: 50%;
	overflow: hidden;
}
.borw50>a {
	border-radius: 50%;
	overflow: hidden;
}

.tate {
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	-o-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
}

@media only screen and (max-width: 599px) {
	.sp-crev {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
}

/*グラデーション*/

.grad01 {
	background: rgb(78, 147, 211);
	background: linear-gradient(90deg, rgba(78, 147, 211, 1) 0%, rgba(54, 102, 232, 1) 100%);
}

.grad01 a {
	background: rgb(78, 147, 211);
	background: linear-gradient(90deg, rgba(78, 147, 211, 1) 0%, rgba(54, 102, 232, 1) 100%);
}

.grad02 {
	background: rgb(236, 176, 211);
	background: linear-gradient(90deg, rgba(236, 176, 211, 1) 0%, rgba(239, 143, 156, 1) 100%);
}

.grad02 a {
	background: rgb(236, 176, 211);
	background: linear-gradient(90deg, rgba(236, 176, 211, 1) 0%, rgba(239, 143, 156, 1) 100%);
}

.grad03 {
	background: rgb(175, 213, 130);
	background: linear-gradient(90deg, rgba(175, 213, 130, 1) 0%, rgba(114, 186, 183, 1) 100%);
}

.grad03 a {
	background: rgb(175, 213, 130);
	background: linear-gradient(90deg, rgba(175, 213, 130, 1) 0%, rgba(114, 186, 183, 1) 100%);
}

.grad04 {
	background: rgb(246, 155, 24);
	background: linear-gradient(90deg, rgba(246, 155, 24, 1) 0%, rgba(211, 76, 97, 1) 100%);
}

.grad04 a {
	background: rgb(246, 155, 24);
	background: linear-gradient(90deg, rgba(246, 155, 24, 1) 0%, rgba(211, 76, 97, 1) 100%);
}

.grad05 {
	background: rgb(85, 127, 183);
	background: linear-gradient(90deg, rgba(85, 127, 183, 1) 0%, rgba(109, 101, 169, 1) 100%);
}

.grad05 a {
	background: rgb(85, 127, 183);
	background: linear-gradient(90deg, rgba(85, 127, 183, 1) 0%, rgba(109, 101, 169, 1) 100%);
}

.grad06 {
	background: rgb(32, 164, 71);
	background: linear-gradient(90deg, rgba(32, 164, 71, 1) 0%, rgba(209, 204, 47, 1) 100%);
}

.grad06 a {
	background: rgb(32, 164, 71);
	background: linear-gradient(90deg, rgba(32, 164, 71, 1) 0%, rgba(209, 204, 47, 1) 100%);
}

.grad07 {
	background: rgb(195, 207, 151);
	background: linear-gradient(90deg, rgba(195, 207, 151, 1) 0%, rgba(234, 151, 101, 1) 100%);
}

.grad07 a {
	background: rgb(195, 207, 151);
	background: linear-gradient(90deg, rgba(195, 207, 151, 1) 0%, rgba(234, 151, 101, 1) 100%);
}

.grad08 {
	background: rgb(109, 183, 188);
	background: linear-gradient(360deg, rgba(109, 183, 188, 1) 0%, rgba(182, 216, 124, 1) 100%);
}

.grad08 a {
	background: rgb(109, 183, 188);
	background: linear-gradient(360deg, rgba(109, 183, 188, 1) 0%, rgba(182, 216, 124, 1) 100%);
}

.bor-grad01 {
	border: 2px solid;
	border-image-source: linear-gradient(360deg, rgba(236, 176, 211, 1) 0%, rgba(239, 143, 156, 1) 100%);
	border-image-slice: 1;
	border-width: 2px;
}

.bor-grad02 {
	border: 2px solid;
	border-image-source: linear-gradient(360deg, rgba(175, 213, 130, 1) 0%, rgba(114, 186, 183, 1) 100%);
	border-image-slice: 1;
	border-width: 2px;
}

.bor-grad03 {
	border: 2px solid;
	border-image-source: linear-gradient(360deg, rgba(246, 155, 24, 1) 0%, rgba(211, 76, 97, 1) 100%);
	border-image-slice: 1;
	border-width: 2px;
}

.bor-grad04 {
	border: 2px solid;
	border-image-source: linear-gradient(360deg, rgba(85, 127, 183, 1) 0%, rgba(109, 101, 169, 1) 100%);
	border-image-slice: 1;
	border-width: 2px;
}

.borbot-grad01 {
  	border-image: linear-gradient(to right, #afd582 0, #72bab7 100%) 1/0 0 2px 0;
  	border-style: solid;
  /*
	border-bottom: 2px solid;
	border-image-source: linear-gradient(90deg, rgba(175, 213, 130, 1) 0%, rgba(114, 186, 183, 1) 100%);
	border-image-slice: 1;
	border-width: 2px;
	*/
}

/*文字色*/
.fc01 {
	color: #0688e6;
}

.fc01 a {
	color: #0688e6;
}

.fc02 {
	color: #ff9812;
}

.fc02 a {
	color: #ff9812;
}

.fc03 {
	color: #fff;
}

.fc03 a {
	color: #fff;
}

.fc04 {
	color: #b7b7b7;
}

.fc04 a {
	color: #b7b7b7;
}

.fc05 {
	color: #d3e939;
}

.fc05 a {
	color: #d3e939;
}

.fc06 {
	color: #315ca9;
}

.fc06 a {
	color: #315ca9;
}

.fc07 {
	color: #f05e5e;
}

.fc07 a {
	color: #f05e5e;
}

.fc08 {
	color: #4e93d3;
}

.fc08 a {
	color: #4e93d3;
}

.fc09 {
	color: #4db8f7;
}

.fc09 a {
	color: #4db8f7;
}

.fc10 {
	color: #f6ff90;
}

.fc10 a {
	color: #f6ff90;
}

.fc11 {
	color: #82c9f9;
}

.fc11 a {
	color: #82c9f9;
}

.fc12 {
	color: #6bbaea;
}

.fc12 a {
	color: #6bbaea;
}

.fc13 {
	color: #feffa9;
}

.fc13 a {
	color: #feffa9;
}

.fc14 {
	color: #6cb7bd;
}

.fc14 a {
	color: #6cb7bd;
}

.fc15 {
	color: #97cba5;
}

.fc15 a {
	color: #97cba5;
}

.fc16 {
	color: #74beeb;
}

.fc16 a {
	color: #74beeb;
}

.fc17 {
	color: #6eb8bb;
}

.fc17 a {
	color: #6eb8bb;
}

.fc18 {
	color: #ff9a17;
}

.fc18 a {
	color: #ff9a17;
}

.fc19 {
	color: #95e0cd
}

.fc19 a {
	color: #95e0cd
}

.fc20 {
	color: #37acf2;
}

.fc20 a {
	color: #37acf2;
}

/*バックグラウンド*/

.bk01 {
	background: #eefaff;
}

.bk01>a {
	background: #eefaff;
}

.bk02 {
	background: #b7b7b7;
}

.bk02>a {
	background: #b7b7b7;
}

.bk03 {
	background: #fff;
}

.bk03>a {
	background: #fff;
}

.bk04 {
	background: url(/import/tenant_1/160.16.108.217/html/images/bk01.png);
	background-repeat: space;
}

.bk04>a {
	background: url(/import/tenant_1/160.16.108.217/html/images/bk01.png);
	background-repeat: space;
}

.bk05 {
	background: url(/import/tenant_1/160.16.108.217/html/images/bk02.png);
}

.bk05>a {
	background: url(/import/tenant_1/160.16.108.217/html/images/bk02.png);
}

.bk06 {
	background: url(/import/tenant_1/160.16.108.217/html/images/bk03.png);
}

.bk06>a {
	background: url(/import/tenant_1/160.16.108.217/html/images/bk03.png);
}

.bk07 {
	background: #add9f3;
}

.bk07>a {
	background: #add9f3;
}

.bk08 {
	background: #49786d;
}

.bk08>a {
	background: #49786d;
}

.bk09 {
	background: #4e93d3;
}

.bk09>a {
	background: #4e93d3;
}

.bk10 {
	background: #6bbaea;
}

.bk10>a {
	background: #6bbaea;
}

.bk11 {
	background: #89d2c1;
}

.bk11>a {
	background: #89d2c1;
}

.bk12 {
	background: #4db8f7;
}

.bk12>a {
	background: #4db8f7;
}

.bk13 {
	background: rgba(255, 255, 255, 0.7);
}

.bk13>a {
	background: rgba(255, 255, 255, 0.7);
}

.bk14 {
	background: #f4fbff;
}

.bk14>a {
	background: #f4fbff;
}

.bk15 {
	background: #fbfc9d;
}

.bk15 a {
	background: #fbfc9d;
}

.bk16 {
	background: #74beeb;
}

.bk16 a {
	background: #74beeb;
}

.bkimg01 {
	background-image: url(/import/tenant_1/160.16.108.217/html/images/parts04.png), url(/import/tenant_1/160.16.108.217/html/images/parts05.png);
	background-repeat: no-repeat;
	background-position: top 30px left 0px, bottom 0px right 0px;
	background-size: 287px 289px;
	min-height: 319px;
}

.bkimg02 {
	background-image: url(/import/tenant_1/160.16.108.217/html/images/parts06.png), url(/import/tenant_1/160.16.108.217/html/images/parts07.png);
	background-repeat: no-repeat;
	background-position: top 287px left 0px, top 30px right 0px;
	background-size: 287px 289px;
	min-height: 319px;
}

.bkimg03 {
	position: relative;
	background: url(/import/tenant_1/160.16.108.217/html/images/01index/bk04.jpeg) top center #fff;
	background-repeat: repeat-y;
	background-size: cover;
}


@media only screen and (max-width: 1024px) {
	.bkimg01 {
		background-size: 30%;
		background-position: top 30px left -30px, bottom 0px right -30px;
		min-height: auto;
	}

	.bkimg02 {
		background-size: 30%;
		background-position: top 25% left -30px, top 30px right -30px;
		min-height: auto;
	}
}

@media only screen and (max-width: 599px) {
.bkimg01 {
    background-size: 40%;
    background-position: top 0px left -20px, bottom 0px right -20px;
}

	.bkimg02 {
    background-size: 40%;
    }
}

/*ドット*/
.dot01 {
	background: #6bbaea;
	background-image: radial-gradient(#444444 20%, transparent 0), radial-gradient(#444444 20%, transparent 0);
	background-position: 0 0, 12px 12px;
	background-size: 3px 3px;
}

.dot02 {
	background: #6bbaea;
	background-image: radial-gradient(#eefaff 20%, transparent 0), radial-gradient(#eefaff 20%, transparent 0);
	background-position: 0 0, 15px 15px;
	background-size: 3px 3px;
}

.dot03 {
	background: #95e0cd;
	background-image: radial-gradient(#abe7d7 20%, transparent 0), radial-gradient(#abe7d7 20%, transparent 0);
	background-position: 0 0, 15px 15px;
	background-size: 3px 3px;
}

.dot04 {
    background: #eefaff;
    background-image: radial-gradient(#d9f3fa 20%, transparent 0), radial-gradient(#d9f3fa 20%, transparent 0);
    background-position: 0 0, 12px 12px;
    background-size: 3px 3px;
}

/*見出し*/
.comtit01 .txt {
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0 50px;
	position: relative;
}

.comtit01 .txt .img01 {
	margin-right: 0.5%;
	position: absolute;
	left: 0;
	top: 0;
}

.comtit01 .txt .img02 {
	margin-left: 0.5%;
	position: absolute;
	right: 0;
	top: 0;
}

.comtit01 .txt .img01,
.comtit01 .txt .img02 {
	width: 50px;
}

.comtit01 .txt .img01 img,
.comtit01 .txt .img02 img {
	vertical-align: baseline;
}

@media only screen and (max-width: 599px) {
	.comtit01 .tit h3 {
		padding: 0 30px;
	}

	.comtit01 .txt .img01,
	.comtit01 .txt .img02 {
		width: 30px;
	}
}

.comtit02 {
	position: relative;
	background: #4e93d3;
	margin-bottom: 30px;
}
.comtit02.mb0 {
  margin-bottom: 0;
}

.comtit02::after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 35px 0 35px;
	border-color: #4e93d3 transparent transparent transparent;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -29px;
}

.comtit02 .icon {
	position: absolute;
	right: 0;
	top: -50px;
	width: 122px;
}

.comtit02 .icon.bt {
	top: auto;
	bottom: -30px;
}

.comtit02 .icon.tl {
	left: 0;
}

.comtit02 h3 {
	line-height: 160%;
	margin-bottom: 0;
}


.comtit02 .inn {
	position: relative;
	max-width: 1350px;
	margin: 0 auto;
	padding: 25px 30px 30px 30px;
}

@media only screen and (max-width: 1024px) {
	.comtit02 .inn {
		max-width: initial;
	}
}

@media only screen and (max-width:599px) {
	.comtit02 .inn {
		padding: 20px 20px 30px 20px;
	}

	.comtit02 .icon {
		width: 100px;
		top: -80px;
	}

	.comtit02 .icon.bt {
		top: auto;
		bottom: -60px;
	}
}

.comtit03 .tit {
	padding-bottom: 10px;
	border-bottom: 2px solid #f05e5e;
}

.comtit04 {
	position: relative;
}

.comtit04 .inn {
	position: relative;
	max-width: 1350px;
	margin: 0 auto;
	padding: 40px 30px 40px 30px;
}

.comtit04 .parts01 {
	width: 106px;
	height: 115px;
	top: -40px;
}


@media only screen and (max-width: 1024px) {
	.comtit04 .inn {
		max-width: initial;
		padding: 30px 20px 10px 20px;
	}

}

@media only screen and (max-width: 599px) {
	.comtit04 .parts01 {
		width: 96px;
		height: 105px;
		top: -30px;
	}

	.comtit04 .inn {
		padding-top: 50px;
		max-width: initial;
	}
}

.comtit05 {
	position: relative;

}

.comtit05 .inn {
	margin: 0 auto;
	padding: 20px 30px 20px 30px;
}

.comtit05::after {
	content: "";
	width: 142px;
	height: 142px;
	top: -45px;
	background: #add9f3;
	border-radius: 50%;
	overflow: hidden;
	display: block;
	position: absolute;
	left: 50%;
	z-index: -1;
	transform: translateX(-50%);
}

@media only screen and (max-width: 1024px) {
	.comtit05::after {
		width: 112px;
		height: 112px;
		top: -30px;
	}
}

@media only screen and (max-width: 599px) {
	.comtit05::after {
		width: 102px;
		height: 102px;
		top: -35px;
	}
}

.comtit06 {
	position: relative;

}

.comtit06 .inn {
	margin: 0 auto;
	text-align: center;
}

.comtit06 .tit {
	margin: 0 auto;
	padding: 0 65px;
	display: inline-block;
	position: relative;
}

.comtit06 .tit .bo01 {
	width: 50px;
	height: 1px;
	background: #ff6b6b;
	position: absolute;
	top: 50%;
	left: 0;
}

.comtit06 .tit .bo02 {
	width: 50px;
	height: 1px;
	background: #ff6b6b;
	position: absolute;
	top: 50%;
	right: 0;
}

@media only screen and (max-width: 599px) {
	.comtit06 .tit {
		padding: 0 45px;
	}

	.comtit06 .tit .bo01,
	.comtit06 .tit .bo02 {
		width: 30px;
	}
}

.comtit07 {
	position: relative;
}

.comtit07 .inn {
	padding-left: 20px;
}

.comtit07 .bo {
	width: 7px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
}

/*テキスト下線*/
.txt .ul01 {
	display: inline;
	position: relative;
	background: linear-gradient(transparent 70%, #fdf257 70%);
}

.txt .ul02 {
	display: inline;
	position: relative;
	background: linear-gradient(transparent 98%, #4e93d3 98%);
}

.txt .ul03 {
	display: inline;
	position: relative;
	background: linear-gradient(transparent 97%, #ff6b6b 97%);
}

.txt .ul04 {
	display: inline;
	position: relative;
	background: linear-gradient(transparent 97%, #000000 97%);
}


@media only screen and (max-width: 599px) {
	.txt .ul01:after {
		height: 5px;
		bottom: 5px;
	}
}

/*横並びボタン*/
.btn-line {
	max-width: 700px;
	margin: 0 auto;
}

.btn-line .more {
	width: 90%;
	max-width: 400px;
	margin-left: 0;
	margin-right: auto;
}

.btn-line .more.mt30 {
	margin-top: 30px;
}

.btn-line .more.mt0 {
	margin-top: 0;
}

.btn-line li:nth-of-type(2n+2) .more {
	margin-left: auto;
	margin-right: 0;
}

@media only screen and (max-width: 1024px) {
	.btn-line {
		max-width: 80%;
	}
}

@media only screen and (max-width: 599px) {
	.btn-line .more {
		width: 90%;
		max-width: 250px;
		margin: 0 auto 15px auto !important;
	}
}

/*ボタン共通*/
.btn01 {
	width: 80%;
	max-width: 200px;
	text-align: center;
	overflow: hidden;
	margin: 0 auto;
}

.btn01 a {
	display: block;
	color: #fff;
	padding: 10px 20px;
}

.btn02 {
	width: 80%;
	max-width: 390px;
	text-align: center;
	overflow: hidden;
	margin: 0 auto;
}

.btn02 a {
	display: block;
	color: #fff;
	padding: 20px 20px;
}

@media only screen and (max-width: 1024px) {
	.btn02 a {
		padding: 15px 20px;
	}
}

/*01index*/
.home-clinique {
	background: url(/import/tenant_1/160.16.108.217/html/images/01index/bk01.png) no-repeat;
	margin-bottom: 20px;
	background-size: cover;}

.home-clinique .comtit01 h3 .tit {
    display: inline-block;
    padding-top: 12px;
    letter-spacing: -2px;
}

.home-clinique .tit01 .txt .img01,
.home-clinique .tit01 .txt .img02 {
	top: -15px;
}
.home-clinique .inner {
	position: relative;
	padding-top: 100px;
	background: url(/import/tenant_1/160.16.108.217/html/images/01index/bk02.png) no-repeat;
	background-position-y: -100px;
	background-size: cover;
	max-width: 880px;
	padding-left: 10%;
	padding-right: 10%;
	padding-bottom: 50px;
}
.home-clinique .box {
    min-height: 350px;
}
.home-clinique .tbox {
	width: 93%;
	margin: 0 auto;
	position: relative;
}

.home-clinique .more {
	margin: 30px auto 30px auto;
}
.home-clinique .imgs {
    position: relative;
    width: 100%;
    margin-bottom: 0;
    margin-top: -100px;
}

.home-clinique .imgs .ibox01 {
    margin-left: -7%;
    margin-right: 0;
}

.home-clinique .imgs .ibox02 {
    position: absolute;
    max-width: 20%;
    margin: 0 auto;
    left: 0;
    right: 0px;
    bottom: 0px;
}
.home-clinique .left-img {
    position: absolute;
    bottom: -48px;
    left: 20%;
    width: 110px;
}

.home-clinique .left-img .bor-grad {
	padding: 1%;
	transform: rotate(-20deg);
}

.home-clinique .left-img .box-grad {
	padding: 7% 3% 5% 8%;
	transform: rotate(-4deg);
}

.home-clinique .left-img .box-grad .pic img {
	transform: rotate(15deg);
	margin-left: -20px;
	min-width: 128px;
	min-height: 128px;
	margin-top: -20px;
}

.home-clinique .right-img {
    position: absolute;
    bottom: -60px;
    right: 4%;
    width: 209px;
}

.home-clinique .right-img .bor-grad {
	transform: rotate(5deg);
}

.home-clinique .right-img .box-grad {
	padding: 2.5% 2.5% 4% 4%;
	transform: rotate(8deg);
}

@media only screen and (max-width: 1024px) {
  .home-clinique .box {
    min-height:auto;
}
	.home-clinique .inner {
		padding-top: 60px;
		padding-bottom: 70px;
		background-position-y: -60px;
	}

	.home-clinique .tbox {
		padding-top: 15px;
	}

	.home-clinique .imgs {
		margin-top: -20px;
	}

	.home-clinique .imgs .pic02 {
		max-width: 345px;
	}

	.home-clinique .left-img {
		width: 115px;
	}

	.home-clinique .left-img .box-grad .pic img {
		min-width: 138px;
		min-height: 138px;
		margin-left: -30px;
	}

	.home-clinique .right-img {
		width: 179px;
		right: 8%;
	}

	.home-clinique .imgs .ibox02 {
		max-width: 295px;
	}
}

@media only screen and (max-width: 599px) {
.home-clinique .inner {
    padding-left: 0;
    padding-right: 0;
    background-position: top -40px center;
    background-size: 140%;
    max-width: initial;
    padding-bottom: 80px;
    padding-top: 40px;
    width: 100%;
}

.home-clinique .box {
    width: 93%;
    margin: 0 auto;
}
.home-clinique .box h3 {
    font-size: 20px;
    margin-bottom: 30px;
}
.home-clinique .comtit01 h3 .tit {
    padding-top: 22px;
}
	.home-clinique .comtit01 .txt .img01,
	.home-clinique .comtit01 .txt .img02 {
		width: 45px;
	}
.home-clinique .tbox {
    padding-top: 5px;
    padding-bottom: 160px;
    width: 80%;
    font-size: 14px;
}
.home-clinique .tbox .txt {
    font-size: 14px;
}
	.home-clinique .left-img .box-grad .pic img {
		min-width: 115px;
		min-height: 115px;
		margin-left: -25px;
	}
	
.home-clinique .left-img {
    width: 95px;
    left: 30px;
    bottom: 100px;
}

.home-clinique .right-img {
    width: 139px;
    right: 15px;
    bottom: 80px;
}

	.home-clinique .imgs .ibox02 {
		max-width: 200px;
	}
}

.home-info {
	padding-top: 60px;
	padding-bottom: 60px;
}

.home-info .bkimg01 {
	max-width: 1350px;
	margin: 0 auto;
	padding-bottom: 30px;
}

.home-info .inner {
	max-width: 1142px;
	min-height: 450px;
	padding-top: 0;
	padding-bottom: 0;
}

.home-info .center {
    padding: 70px 2% 20px 2%;
    width: 37.33333%;
}
.home-info .left,.home-info .right  {
    width: 31.33333%;
    position: relative;
}

.home-info .left .ibox:nth-of-type(1) {
	width: 141px;
	position: absolute;
	left: 30px;
	top: 220px;
	z-index: 1;
}

.home-info .left .ibox:nth-of-type(1) .box-grad {
	padding: 5% 4% 1% 3%;
}

.home-info .left .ibox:nth-of-type(2) {
	width: 264px;
	top: 50px;
	right: 0;
	position: absolute;
}

.home-info .left .ibox:nth-of-type(2) .box-grad {
	padding: 3% 3.5% 1% 0.5%;
}


.home-info .center {
	padding: 70px 2% 20px 2%;
}

.home-info .center .tit h3 {
    margin-top: 30px;
    margin-bottom: 35px;
}

.home-info .center .more {
	margin: 35px auto 50px auto;
	min-width: 200px;
}

.home-info .right {
	position: relative;
}

.home-info .right .ibox:nth-of-type(1) {
	width: 235px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}

.home-info .right .ibox:nth-of-type(1) .box-grad {
	padding: 2% 3% 4% 3%;
}

.home-info .right .ibox:nth-of-type(1) .img01 {
	width: 121px;
	margin: 0 auto -20px auto;
}

.home-info .right .ibox:nth-of-type(2) {
    width: 185px;
    position: absolute;
    top: 130px;
    left: 190px;
}

.home-info .right .ibox:nth-of-type(2) .box-grad {
	padding: 2% 3% 4% 3%;
}

.home-info .right .ibox:nth-of-type(3) {
    width: 85px;
    position: absolute;
    bottom: -35px;
    right: 0px;
}

.home-info .right .ibox:nth-of-type(3) .box-grad {
	padding: 5% 4% 5% 8%;
}

.home-info .btn-line {
	max-width: 830px;
	margin: 0 auto;
}

.home-info .btn-line .more a {
	padding: 20px 20px;
}

@media only screen and (max-width: 1024px) {
	.home-info {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.home-info .bkimg01 {
		max-width: initial;
	}

	.home-info .inner {
		max-width: 768px;
		min-height: auto;
	}

	.home-info .center {
		padding-top: 40px;
		padding-bottom: 0;
	}

	.home-info .center .more {
		width: 100%;
		min-width: auto;
	}

	.home-info .left .ibox:nth-of-type(1) {
		width: 111px;
		left: 0px;
		top: 155px;
	}

	.home-info .left .ibox:nth-of-type(2) {
		width: 175px;
		top: 50px;
	}

	.home-info .right .ibox:nth-of-type(1) {
		width: 135px;
		bottom: 80px;
	}

	.home-info .right .ibox:nth-of-type(1) .img01 {
		width: 81px;
		margin: 0 auto -20px auto;
	}

	.home-info .right .ibox:nth-of-type(2) {
		width: 105px;
		top: 150px;
		left: 100px;
	}

	.home-info .right .ibox:nth-of-type(3) {
		width: 75px;
		bottom: 90px;
		right: -20px;
	}

	.home-info .btn .more {
		margin-top: 10px;
	}

	.home-info .btn-line {
		max-width: 80%;
	}

	.home-info .btn-line .more a {
		padding: 10px 20px;
	}
}

@media only screen and (max-width: 599px) {
  .home-info {
    padding-top: 30px;
    padding-bottom: 30px;
}
  .home-info .bkimg01 {
    padding-bottom: 0;
}
	.home-info .inner {
		max-width: 450px;
	}

	.home-info .left {
		order: 2;
		width: 48%;
		margin-right: 2%;
	}

	.home-info .left .ibox:nth-of-type(1) {
		width: 91px;
		left: 0;
		top: 75px;
	}

	.home-info .left .ibox:nth-of-type(2) {
		width: 125px;
		top: 0;
		right: 0;
	}

.home-info .center {
    width: 100%;
    order: 1;
    padding-bottom: 0;
    padding-top: 60px;
}

	.home-info .center .tbox {
		width: 85%;
		margin: 0 auto;
	}

	.home-info .right {
		order: 3;
		width: 48%;
		margin-left: 2%;
	}

	.home-info .left,
	.home-info .right {
		min-height: 200px;
	}

	.home-info .right .ibox:nth-of-type(1) {
		width: 95px;
		top: 0px;
		bottom: auto;
		left: 0;
	}

	.home-info .right .ibox:nth-of-type(1) .img01 {
		width: 61px;
		margin: 0 auto -20px auto;
	}

	.home-info .right .ibox:nth-of-type(1) .img01 .pic {
		width: 100%;
	}

	.home-info .right .ibox:nth-of-type(2) {
		width: 85px;
		top: 0;
		left: auto;
		right: 0;
	}

	.home-info .right .ibox:nth-of-type(3) {
		width: 55px;
		bottom: auto;
		right: 0;
		top: 90px;
		left: auto;
	}

.home-info .btn-line {
    max-width: 240px;
    width: 80%;
    padding-bottom: 110px;
}
}

.home-treatment .bkimg02 {
	max-width: 1350px;
	margin: 0 auto;
	padding-top: 115px;
	padding-bottom: 30px;
}

.home-treatment .inner {
	width: 68%;
	padding-top: 0;
	padding-bottom: 0;
	position: relative;
	min-height: 600px;
}

.home-treatment .main {
	overflow: hidden;
	margin-bottom: 60px;
}


.home-treatment .main .box-grad {
	padding: 0.5% 1.5%;
}

.home-treatment .left-img {
	position: absolute;
	top: -10px;
	left: -12%;
	width: 28%;

}

.home-treatment .left-img .ibox01 {
	max-width: 242px;
	margin-bottom: 60px;
}

.home-treatment .left-img .ibox01 .bor-grad {
	padding: 2%;
	transform: rotate(-7deg);
}

.home-treatment .left-img .ibox01 .box-grad {
	padding: 2.5% 4% 4% 2.5%;
	transform: rotate(-7deg);
	margin: -3px;
}

.home-treatment .left-img .ibox02 {
	max-width: 168px;
	margin-left: auto;
	margin-right: 0;
}

.home-treatment .left-img .ibox02 .pic {
	transform: rotate(-10deg);
}

.home-treatment .right-img {
	position: absolute;
	top: -82px;
	right: -7.5%;
	width: 20%;
}

.home-treatment .right-img .ibox01 {
	margin-bottom: 90px;
}

.home-treatment .right-img .ibox01 {
	max-width: 129px;
}

.home-treatment .right-img .ibox01 .pic {
	transform: rotate(22deg);
}

.home-treatment .right-img .ibox02 {
	max-width: 118px;
	margin-right: 0;
	margin-left: auto;
}

.home-treatment .right-img .ibox02 .bor-grad {
	transform: rotate(30deg);
}

.home-treatment .right-img .ibox02 .box-grad {
	padding: 7% 9% 9% 4%;
	transform: rotate(-12deg);
	margin: -3px;
}

.home-treatment .right-img .ibox03 {
	max-width: 70px;
	margin-top: -40px;
	margin-left: auto;
	margin-right: 24%;
}

.home-treatment .right-img .ibox03 .pic {
	transform: rotate(18deg);
}

.home-treatment .box {
	max-width: 840px;
	margin: 0 auto;
}

.home-treatment .tit h3 {
    margin-top: 0px;
    margin-bottom: 25px;
    position: relative;
    z-index: 5;
}
@media only screen and (max-width: 1024px) {
	.home-treatment .bkimg02 {
		max-width: initial;
		width: auto;
	}

	.home-treatment .inner {
		max-width: 768px;
		min-height: auto;
		width: 93%;
	}

	.home-treatment .main {
		width: 80%;
		margin: 0 auto 40px auto;
	}

	.home-treatment .tit h3 {
		margin: 0 auto;
		padding-top: 30px;
	}

	.home-treatment .tbox {
		width: 80%;
		margin: 0 auto;
	}

	.home-treatment .left-img {
		position: absolute;
		top: -10px;
		left: 0;
		width: 20%;
	}

	.home-treatment .left-img .ibox01 {
		margin-bottom: 50px;
	}

	.home-treatment .left-img .ibox02 {
		max-width: 98px;

	}

	.home-treatment .right-img {
		top: -52px;
		right: 2%;
		width: 20%;
	}

	.home-treatment .right-img .ibox01 {
		max-width: 89px;
		margin-bottom: 50px;
	}

	.home-treatment .right-img .ibox02 {
		max-width: 98px;

	}

	.home-treatment .right-img .ibox03 {
		max-width: 40px;
		margin-top: -30px;
		margin-right: 34%;
	}

	.home-treatment .btn {
		max-width: 80%;
	}

}

@media only screen and (max-width: 599px) {
  
  .home-treatment .bkimg02 {
    padding-top: 90px;
    max-width: initial;
    width: auto;
    background-position: top 27% left -20px, top 35px right -20px;
}
.home-treatment .main {
    max-width: 85%;
    margin: 45px auto 90px auto;
}
.home-treatment .main .box-grad {
    padding: 2% 1.5%;
}
	.home-treatment .main .pic {
		min-height: 140px;
	}

	.home-treatment .tit h3 {
		margin-bottom: 15px;
	}

	.home-treatment .tbox {
		width: 100%;
		padding-bottom: 40px;
	}

	.home-treatment .right-img {
		top: -32px;
		right: 5%;
	}

	.home-treatment .left-img .ibox02 {
		max-width: 58px;

	}

	.home-treatment .more {
		margin: 0 auto 15px auto !important;
	}

}

.home-menu {
	padding-top: 115px;
	padding-bottom: 100px;
}

.home-menu:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgb(255, 255, 255);
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}
.home-menu .inner {
	padding-top: 0;
	padding-bottom: 0;
}

.home-menu .box ul {
	padding-top: 80px;
}

.home-menu .box li {
	width: 23.7%;
	margin-top: -80px;
	margin-right: 14.3%;
	margin-left: 0;
	position: relative;
}

.home-menu .box li:first-of-type::before {
	content: "";
	background: url(/import/tenant_1/160.16.108.217/html/images/01index/img04.png) no-repeat;
	background-size: contain;
	width: 54px;
	height: 54px;
	display: block;
	position: absolute;
	top: -20px;
	left: -20px;
}

.home-menu .box li:nth-of-type(5n+3) {
	margin-right: 0;
}

.home-menu .box li:nth-of-type(5n+4) {
	margin-left: 19%;
}

.home-menu .box li:nth-of-type(5n+5) {
	margin-right: 14.3%;
}

.home-menu .box li:last-of-type {
	margin-right: 0;
}

.home-menu .box li .inn {
	position: relative;
	border: 3px solid #fff;
}

.home-menu .box li .inn a {
	display: block;
}

.home-menu .box li .tbox {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 40%;
    overflow: hidden;
}
.home-menu .box li .pic,.home-menu .box li .pic img {
  border-radius: 50%;
    overflow: hidden;
}
.home-menu .box li:nth-of-type(5n+1) .tbox {
	background: rgb(85, 127, 183);
	background: linear-gradient(90deg, rgba(85, 127, 183, 1) 0%, rgba(109, 101, 169, 1) 100%);
}

.home-menu .box li:nth-of-type(5n+2) .tbox {
	background: rgb(32, 164, 71);
	background: linear-gradient(90deg, rgba(32, 164, 71, 1) 0%, rgba(209, 204, 47, 1) 100%);
}

.home-menu .box li:nth-of-type(5n+3) .tbox {
	background: rgb(155, 122, 199);
	background: linear-gradient(90deg, rgba(155, 122, 199, 1) 0%, rgba(123, 188, 188, 1) 100%);
}

.home-menu .box li:nth-of-type(5n+4) .tbox {
	background: rgb(236, 176, 211);
	background: linear-gradient(90deg, rgba(236, 176, 211, 1) 0%, rgba(239, 143, 156, 1) 100%);
}

.home-menu .box li:nth-of-type(5n+5) .tbox {
	background: rgb(246, 155, 24);
	background: linear-gradient(90deg, rgba(246, 155, 24, 1) 0%, rgba(211, 76, 97, 1) 100%);
}

.home-menu .box li:nth-of-type(5n+3) .tbox {
	background: rgb(155, 122, 199);
	background: linear-gradient(90deg, rgba(155, 122, 199, 1) 0%, rgba(123, 188, 188, 1) 100%);
}




@media only screen and (max-width:1024px) {
	.home-menu {
		padding-top: 95px;
		padding-bottom: 80px;
	}

	.home-menu .box li:first-of-type::before {
		width: 44px;
		height: 44px;
		left: -15px;
		top: -15px;
	}

	.home-menu .box li {
		width: 21.1%;
		margin-top: -60px;
		margin-right: 18.3%;
	}

	.home-menu .box li .tbox,
	.home-menu .box li .tbox p {
		font-size: 14px;
	}
}

@media only screen and (max-width: 599px) {
	.home-menu {
		padding-top: 75px;
		padding-bottom: 60px;
	}

	.home-menu .box ul {
		padding-top: 20px;
	}

	.home-menu .box li {
		width: 46%;
		margin-top: 0;
		margin-right: 2% !important;
		margin-left: 2% !important;
		margin-bottom: 30px;
	}

	.home-menu .box li:first-of-type::before {
		width: 30px;
		height: 30px;
		left: -10px;
	}

	.home-menu .box li .tbox,
	.home-menu .box li .tbox p {
		font-size: 12px;
	}
}

.home-newscolumn {
	padding: 40px 0;
}

.home-newscolumn li.w50 {
	padding-right: 3%;
}

.home-newscolumn li.w50:nth-of-type(2n) {
	padding-right: 0;
	padding-left: 3%;
}

.home-newscolumn .tit {
	padding-bottom: 6px;
	border-bottom: 2px solid #000;
}

.home-newscolumn .more {
	margin-top: 0;
	margin-right: 0;
	width: auto;
	min-width: 110px;
}

.home-newscolumn .more a {
	padding-top: 2px;
	padding-bottom: 2px;
}

.home-newscolumn .box dl {
	border-bottom: 1px solid #cfcfcf;
}

.home-newscolumn .box dl:last-of-type {
	border-bottom: none;
}

.home-newscolumn .box dt.cate {
    margin-right: 3%;
    min-width: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 4px 20px;
    margin-left: 0;
    line-height: 140%;
}

.home-newscolumn .box dd {
	padding-top: 20px;
	padding-bottom: 20px;
}

.home-newscolumn .box dd.data {
	margin-right: 3%;
}

.home-newscolumn .box dd.txt a {
	text-decoration: underline;
}

@media only screen and (max-width: 1024px) {
	.home-newscolumn .box dt.cate {
		margin-top: 15px;
		margin-bottom: 15px;
		max-width: 105px;
	}

	.home-newscolumn .box dt.cate {
		margin-top: 20px;
		margin-bottom: 10px;
	}

	.home-newscolumn .box dd.data {
		padding: 20px 0 10px 0;
	}

	.home-newscolumn .box dd.txt {
		width: 100%;
		padding: 0px 0 20px 0;
	}
}

@media only screen and (max-width: 599px) {
	.home-newscolumn li.w50 {
		padding-left: 0 !important;
		padding-right: 0 !important;
		padding-bottom: 40px;
	}

	.home-newscolumn li.w50:last-of-type {
		padding-bottom: 0;
	}
	.home-newscolumn .box dd.txt a span {
    height: auto !important;
}
}

.home-counseling {
	position: relative;
}

.home-counseling .inner {
	padding: 60px 0 110px;
}

.home-counseling .comtit01 .txt .img01,
.home-counseling .comtit01 .txt .img02 {
	top: 10px;
}

.home-counseling .grad03::before {
	content: "";
	background: rgb(210, 212, 51);
	background: linear-gradient(90deg, rgba(210, 212, 51, 1) 0%, rgba(175, 205, 92, 1) 30%, rgba(110, 184, 187, 0.7) 100%);
	z-index: 1;
	position: absolute;
	top: 0;
	display: block;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
}

.home-counseling .ibox .pic {
	position: absolute;
	top: 0;
	left: 20%;
	right: 0;
	bottom: 0;
	width: 80%;
	height: 100%;
}

.home-counseling .contact-btn .more a {
	margin-top: 10px;
}

@media only screen and (max-width: 1024px) {
	.home-counseling .inner {
		padding-bottom: 90px;
	}
}

@media only screen and (max-width: 599px) {
	.home-counseling .inner {
		padding: 40px 0 70px;
	}

	.home-counseling .comtit01 .txt {
		font-size: 20px;
	}

}

/*下層共通*/

[data-element-id].subtit{
  margin-top: 45px;
}

.subtit {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.subtit::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: rgb(78, 147, 211);
	background: linear-gradient(90deg, rgba(149, 204, 255, 0.5) 0%, rgba(90, 127, 225, 0.5) 100%);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}

.subtit .inner {
	padding-top: 70px;
	padding-bottom: 70px;
}


.subtit .tit01 {
	text-align: center;
	width: 100%;
	transform: none;
	margin-bottom: 10px;
	letter-spacing: 0;
}

.subtit .tit02 {
	display: inline-block;
	position: relative;
	padding: 0 20px;
}

.subtit .tit02 .tt01::before {
	content: "-";
	display: inline-block;
	margin-right: 0.5%;
	position: absolute;
	top: 0;
	left: 0;
}

.subtit .tit02 .tt02::after {
	content: "-";
	display: inline-block;
	margin-left: 0.5%;
	position: absolute;
	top: 0;
	right: 0;
}

.subtit .ibox {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

@media only screen and (max-width: 599px) {
	.subtit .inner {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

/*リボン*/
.ribbon01 {
	position: relative;
	padding: 12px 50px 15px 50px;
	background: url(/import/tenant_1/160.16.108.217/html/images/ribbon01c.png);
	background-repeat: repeat-x;
	background-size: 100% 56px;
	display: inline-block;
	min-height: 56px;
	min-width: 240px;
}

.ribbon01::before {
	content: "";
	background: url(/import/tenant_1/160.16.108.217/html/images/ribbon01l.png) no-repeat;
	background-size: 100% 56px;
	width: 7px;
	display: block;
	position: absolute;
	left: -7px;
	top: 0;
	bottom: 0;
}

.ribbon01::after {
	content: "";
	background: url(/import/tenant_1/160.16.108.217/html/images/ribbon01r.png) no-repeat;
	background-size: 100% 56px;
	width: 17px;
	display: block;
	position: absolute;
	right: -17px;
	top: 0;
	bottom: 0;
}


/*02about*/

.about01 .tbox h3 .sml {
	padding-right: 3%;
}


.about01 .bkimg01 {
	position: relative;
	max-width: 1350px;
	margin: 0 auto;
	background-position: top 40% left 0px, top 55% right 0px;
	background-size: 200px 202px, 287px 289px;
}

.about01 .imgs {
	width: 158px;
	position: absolute;
	top: 48%;
	left: 0;
}

.about01 .imgs .pic {
	transform: rotate(-10deg);
}

.about01 .inner {
	padding: 140px 0;
}

.about01 .ibox .bor-grad {
	transform: rotate(8deg);
}

.about01 .ibox .box-grad {
	padding: 2.5% 4% 4% 2.5%;
	transform: rotate(-8deg);
}

.about01 .box01 {
	padding-bottom: 80px;
}

.about01 .box02 {
	max-width: 90%;
	margin: 0 auto;
}

.about01 .box02 dl dt {
	padding-bottom: 35px;
}

.about01 .box02 dl dd {
	position: relative;
	padding-bottom: 10px;
	padding-left: 20px;
	letter-spacing: 0;
}

.about01 .box02 dl dd::before {
	content: "・";
	position: absolute;
	top: 2px;
	left: 0;
	margin-right: 0.5%;
	display: inline-block;
}

@media only screen and (max-width: 1024px) {
	.about01 .inner {
		padding: 120px 0;
	}

	.about01 .bkimg01 {
		max-width: initial;
		background-size: 20%, 30%;
		background-position: top 40% left -30px, top 55% right -30px;
	}

	.about01 .box02 {
		max-width: 100%;
	}
}

@media only screen and (max-width: 599px) {
	.about01 .bkimg01 {
		max-width: initial;
		background-size: 50%, 50%;
		background-position: top 30% left -80px, top 55% right -80px;
	}

	.about01 .inner {
		padding: 50px 0;
	}

	.about01 .box01 {
		padding-bottom: 60px;
	}

	.about01 .box01 .tbox {
		padding-bottom: 50px;
	}

	.about01 .box01 .ibox {
		width: 80%;
		margin: 0 auto;
	}

	.about01 .imgs {
		width: 128px;
		top: 38%;
		left: -50px;
	}

	.about01 .box02 li {
		padding-bottom: 20px;
	}

	.about01 .box02 dl dt {
		padding-bottom: 15px;
	}

	.about01 .box02 dl dd {
		padding-bottom: 5px;
	}
}

.about02 .inner {
	padding: 120px 0 70px 0;
}

.about02 .box {
	padding-bottom: 120px;
}

.about02 .box.flex:nth-of-type(2n+2) {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.about02 .ibox .box-grad {
	position: relative;
}

.about02 .box.flex:nth-of-type(2n+2) .lsep {
	padding-right: 0;
	padding-left: 5%;
}

.about02 .ibox .box-grad:after {
	content: "";
	background: rgb(85, 127, 183);
	background: linear-gradient(90deg, rgba(85, 127, 183, 1) 0%, rgba(109, 101, 169, 1) 100%);
	position: absolute;
	right: -15px;
	bottom: -15px;
	width: 100%;
	height: 100%;
	z-index: 0;

}

.about02 .ibox .box-grad img {
	position: relative;
	z-index: 1;
}

.about02 .box.flex:nth-of-type(2n+2) .tbox .tit {
	text-align: left;
}

.about02 .tbox .bob {
	padding-bottom: 15px;
	border-bottom: 2px solid #315ca9;
}

.about02 .tbox .tit .sml:before {
	content: "/";
	padding: 0 1.5% 0 2.5%;
}

.about03 .inner {
	padding: 140px 0 90px;
}

.about03 .bk03 {
	padding: 0 5%;
}

.about03 .tit {
	padding: 10px 0;
	margin-top: -140px;
	margin-bottom: 50px;
}

.about03 .tit h4 {
	margin-bottom: 0;
}

.about03 .box01 {
	padding: 100px 0px 50px 0px;
}

.about03 .box02 {
	padding: 0px 0px 100px 0px;
}

.about03 .box02 .bb {
    margin-bottom: 50px;
}

.about03 .box02 .bb:last-of-type {
    margin-bottom: 0;
}

.about03 .box03 {
	padding: 0px 0px 60px 0px;
}


@media only screen and (max-width: 1024px) {
	.about02 .inner {
		padding: 80px 0 30px 0;
	}

	.about02 .box {
		padding-bottom: 100px;
	}

	.about03 .box02 {
		padding: 0px 0px 80px 0px;
	}

	.about03 .tit {
		margin-top: -90px;
	}

	.about03 .box01 {
		padding: 50px 0px 50px 0px;
	}
}

@media only screen and (max-width: 599px) {
	.about02 .inner {
		padding: 60px 0 30px 0;
	}

	.about02 .box .tit {
		text-align: left;
	}

	.about02 .box.sp-crev {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}

	.about02 .box.sp-crev:nth-of-type(2n+2) {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}

	.about02 .box {
		padding-bottom: 20px;
	}

	.about03 .box02 {
		padding: 0px 0px 60px 0px;
	}

	.about03 .box01 {
		padding: 50px 0px 30px 0px;
	}

	.about02 .ibox {
		padding-bottom: 50px;
	}

	.about02 .box02 {
		padding-bottom: 50px;
	}
.about03 .box02 .bb {
    height: auto !important;
}
	.about03 .box02 .tbox {
		padding-bottom: 30px;
	}
}

/*03treatment*/
.treatment .box .trophy {
	position: absolute;
	bottom: -30px;
	right: 40px;
	transform: rotate(20deg);
	max-width: 70px;
}

.treatment .btn-line {
	max-width: 830px;
	margin: 0 auto;
}

.treatment .btn-line .more {
	margin-top: 0;
}

.treatment .btn-line .more a {
	padding: 20px 20px;
}

@media only screen and (max-width: 1024px) {
	.treatment .btn-line {
		max-width: 80%;
	}

	.treatment .box .trophy {
		bottom: -60px;
		right: 10px;
		max-width: 60px;
	}
}

@media only screen and (max-width: 599px) {
	.treatment .box02 .trophy {
		bottom: -50px;
		right: 10px;
		max-width: 50px;
	}

	.treatment .btn-line {
		max-width: 240px;
		width: 80%;
	}

	.treatment .btn-line .more a {
		padding: 10px 20px;
	}
}

.treatment02 .inner {
	padding: 100px 0 70px;
}

.treatment02 .box01 {
	position: relative;
	overflow: hidden;
	margin-bottom: 55px;
}

.treatment02 .box01 .tbox {
	padding: 30px 5%;
}

.treatment02 .ribbon01 {
	margin-top: 25px;
	margin-bottom: 40px;
}

.treatment02 .box02 {
	margin-bottom: 120px;
	border: 1px solid #4db8f7;
}

.treatment02 .box02 .inn {
	position: relative;
	padding: 0px 5% 10px 5%;

}

.treatment02 .box02 dl dt {
	position: relative;
	padding-left: 30px;
	padding-bottom: 20px;
}

.treatment02 .box02 dl dt::after {
	content: "■";
	color: #ff6b6b;
	font-size: 18px;
	position: absolute;
	left: 0;
	top: 0;
}

.treatment03 .inner {
	width: auto;
	max-width: initial;
}

.treatment03 .tbox .inn {
	max-width: 880px;
	margin-right: 0;
	margin-left: auto;
}

.treatment03 .ibox {
	position: relative;
	margin-left: -10%;
}

.treatment03 .tbox .inn {
	max-width: 720px;
	margin-right: 0;
	margin-left: auto;
	padding-top: 70px;
}

.treatment03 .ibox::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 35%;
	height: 100%;
  background: rgb(255, 255, 255);
  background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

@media only screen and (max-width: 1024px) {

	.treatment02 .inner {
		padding-top: 60px;
	}

	.treatment02 .box02 {
		margin-bottom: 100px;
	}

	.treatment03 .tbox .inn {
		max-width: 93%;
		padding-top: 10px;
	}
}

@media only screen and (max-width: 599px) {
	.treatment02 .inner {
		padding: 50px 0 40px;
	}

	.treatment02 .box01 {
		margin-bottom: 45px;
	}

	.treatment02 .ribbon01 {
		margin-bottom: 30px;
	}

	.treatment02 .box01 {
		margin-bottom: 80px;
	}

	.treatment02 .box02 {
		margin-bottom: 60px;
	}

	.treatment02 .box02 dl dt {
		padding-bottom: 10px;
	}

	.treatment03 .ibox {
		margin-left: 0;
	}

	.treatment03 .tbox {
		width: 93%;
		margin: 0 auto;
	}

	.treatment03 .tbox .inn {
		max-width: initial;
		margin: 0 auto;
		padding: 20px 0px 50px 0;
	}
}

/*04mouthpiece*/

.mouthpiece01 .box02 .ibox {
	margin: 0;
}

.mouthpiece01 .box02 .ibox .icon {
	width: 117px;
	padding-bottom: 15px;
}

.mouthpiece01 .box02 .tbox .text {
	width: 100%;
	border: 2px solid #49786d;
	background: #fff;
	padding: 20px 2.5%;
}

.mouthpiece01 .box02 .tbox .text .tit {
    padding: 5px 15px;
    display: inline-block;
    margin-bottom: 20px;
}

.mouthpiece02 .inner {
	padding: 100px 0 0 0;
}

.mouthpiece02 .box .tbox dt .mouthpiece01 .box02 .tbox .text .inn {
	padding: 20px 2.5%;
}

.mouthpiece02 .left .tbox {
	padding: 10px 10px;
}

.mouthpiece02 .left .tbox .inn {
	padding: 40px 7%;
	border: 1px solid #309df3;
}

.mouthpiece02 .left .tbox li {
	margin-bottom: 30px;
}

.mouthpiece02 .left .tbox li:last-of-type {
	margin-bottom: 0;
}

.mouthpiece02 .left .tbox dl dt {
	width: 35px;
	height: 35px;
	margin-left: 0;
	margin-right: auto;
	display: flex;
}

.mouthpiece02 .left .tbox dl dd {
	width: 90%;
}

.mouthpiece02 .right {
	margin-left: -10%;
	padding-right: 10%;
	position: relative;
}

.mouthpiece02 .right .ibox {
	max-width: 392px;
	padding-top: 50px;
}

.mouthpiece02 .right .text {
	position: absolute;
	top: -80px;
	right: 0;
	width: 162px;
	height: 240px;
	background: url(/import/tenant_1/160.16.108.217/html/images/parts15.png) no-repeat;
	background-size: contain;
	padding: 20px 20px;
	overflow: hidden;
}

.mouthpiece03 .inner {
	max-width: initial;
	width: auto;
	padding-bottom: 0;
}

.mouthpiece03 .left {
	margin: 0;
}

.mouthpiece03 .left .ibox {
	max-width: 512px;
	margin-right: 0;
	margin-left: auto;
}

.mouthpiece03 .right .inn {
	position: relative;
	max-width: 610px;
	margin-right: auto;
	margin-left: 0;
	padding-top: 0;
	margin-bottom: 30px;
}

.mouthpiece03 .right .icon {
	position: absolute;
	top: 45px;
	right: -70px;
	width: 134px;
}

.mouthpiece03 .right .icon .pic {
	transform: rotate(8deg);
}

.mouthpiece03 .right .box {
	padding: 20px 4%;
}

.mouthpiece03 .right .tbox01 ul {
	padding: 15px 3.5%;
}

.mouthpiece03 .right .tbox01 li {
	padding-bottom: 15px;
	margin-bottom: 35px;
	position: relative;
}

.mouthpiece03 .right .tbox01 li::after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 12px 0 12px;
	border-color: #4e93d3 transparent transparent transparent;
	position: absolute;
	left: 35px;
	transform: translateX(-50%);
	bottom: -10px;
}

.mouthpiece03 .right .tbox01 li:last-of-type {
	padding-bottom: 0;
	margin-bottom: 0;
}

.mouthpiece03 .right .tbox01 li:last-of-type::after {
	display: none;
}

.mouthpiece04 .box01 {
	margin-bottom: 60px;
	border: 1px solid #49786d
}

.mouthpiece04 .box01 dt,
.mouthpiece04 .box01 dd {
	padding: 14px 2%;
}

@media only screen and (max-width: 1024px) {
	.mouthpiece02 .inner {
		padding: 80px 0 0 0;
	}

	.mouthpiece03 .inner {
		width: 93%;
		max-width: 768px;
	}

	.mouthpiece03 .left .ibox,
	.mouthpiece03 .right .inn {
		max-width: none;
	}

	.mouthpiece02 .right .text {
		top: 10px;
		right: 30px;
	}

	.mouthpiece02 .left .tbox dl dd {
		width: 85%;
	}

	.mouthpiece03 .right .icon {
		top: -15px;
		right: 0;
		width: 104px;
	}
}

@media only screen and (max-width: 599px) {
	.mouthpiece02 .inner {
		padding: 60px 0 0 0;
	}

	.mouthpiece02 .left .tbox dl dd {
		max-width: initial;
		padding-top: 0px;
		width: 80%;
	}

	.mouthpiece02 .right {
		margin: 0;
		position: relative;
	}

	.mouthpiece02 .right .ibox {
		padding-top: 30px;
		max-width: 230px;
	}

	.mouthpiece02 .right .text {
		top: -50px;
		right: 35px;
		width: 125px;
		height: 185px;
		padding: 10px;
	}

	.mouthpiece02 .right .text div,
	.mouthpiece02 .right .text p {
		font-size: 10px;
	}

	.mouthpiece04 .box01 {
		margin-bottom: 40px;
	}

	.mouthpiece04 .box01 dt,
	.mouthpiece04 .box01 dd {
		padding: 10px 2%;
	}
}

/*症状ページなど共通*/

.info-txt01 .tbox {
	padding: 40px 0 50px 0;
}

.info-txt02 {
	max-width: 950px;
	margin: 0 auto;
	border-radius: 15px;
}

.info-txt02 .inn {
	padding: 30px 3% 0px 3%;
}

.info-txt02 .ibox {
	margin-top: auto;
	margin-bottom: 0;
}

.info-txt02 .ibox.mt-60 {
	margin-top: -60px;
}

.info-txt02 .ibox .pic {
	width: 115px;
	margin-right: 0;
	margin-left: auto;
	position: relative;
}

.info-txt02 .ibox .pic::before {
	content: "";
	background: url(/import/tenant_1/160.16.108.217/html/images/parts19.png) no-repeat;
	width: 17px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 0;
}

.info-txt03 .ibox .pic {
	width: 100%;
	max-width: 123px;
	margin-left: 0;
	margin-right: auto;
	position: relative;
}

.info-txt03 .tbox .in {
	display: flex;
	position: relative;
	min-height: 114px;
}

.info-txt03 .tbox .in::before {
	content: "";
	width: 25px;
	height: 19px;
	background: url(/import/tenant_1/160.16.108.217/html/images/parts27.png) no-repeat;
	background-position: center left;
	position: absolute;
	top: 50px;
	left: -24px;
	z-index: 1;
}

.info-txt04 {
	width: 100%;
	max-width: 730px;
	margin: 0 auto;
	position: relative;
}

.info-txt04 .icon {
	position: absolute;
	bottom: -30px;
	right: -60px;
	width: 128px;
}

.info-txt04 .list {
	max-width: 400px;
	margin: 0 auto;

}

.info-txt04 .list .pic {
	max-width: 78px;
	margin: 0 auto;

}

.info-txt04 .txt {
	padding: 0 30px;
	margin-top: 0;
	margin-bottom: 15px;
}

.info-txt04 .comtit01 .txt .img01,
.info-txt04 .comtit01 .txt .img02 {
	top: 4px;
	width: 18px;
}

@media only screen and (max-width: 1024px) {
	.info-txt02 {
		max-width: 768px;
	}

	.info-txt04 .list {
		max-width: 350px;

	}

	.info-txt04 {
		max-width: 500px;
	}

}

@media only screen and (max-width: 599px) {
	.info-txt01 .inner {
		padding: 60px 0 40px;
	}

	.info-txt01 .tbox {
		padding-top: 0;
		padding-bottom: 40px;
	}

	.info-txt01 .ibox {
		padding-bottom: 40px;
	}

	.info-txt02 {
		max-width: 450px;
	}

	.info-txt02 .inn {
		padding-bottom: 30px;
	}

	.info-txt02 .ibox.mt-60 {
		margin-top: auto;
	}

	.info-txt04 {
		max-width: 90%;
		margin-bottom: 60px;
	}

	.info-txt04 .icon {
		position: absolute;
		bottom: -50px;
		right: -30px;
		width: 100px;
	}

	.info-txt04 .list {
		max-width: 90%;
	}
}

/*ボーダー*/
.box-bor1c01 {
	border: 1px solid #6bbaea;
}

.box-bor1c02 {
	border: 1px solid #27ad8e;
}

.box-bor1c02:nth-of-type(2n+2) {
	border-left: none;
}

.box-bor1c02:nth-of-type(3n+3),
.box-bor1c02:nth-of-type(4n+4) {
	border-top: none;
}

.box-bor1c03 {
	border: 1px solid #4db8f7;
}

.box-bor1c04 {
	border: 1px solid #4e93d3;
}

.box-bor1c05 {
	border: 1px solid #add9f3;
}

.box-bor1c05 {
	border: 1px solid #4e93d3;
}

.box-bor1c05:nth-of-type(2n+2) {
	border-left: none;
}

.box-bor1c05:nth-of-type(3n+3),
.box-bor1c05:nth-of-type(4n+4) {
	border-top: none;
}

.box-bor1c05 {
	border: 1px solid #add9f3;
}

.box-bor1c06 {
	border: 1px solid #4e93d3;
}

.box-bor1c02 {
	border: 1px solid #bfbfbf;
}

.box-borb2c01 {
	border-bottom: 2px solid #1370b4;
}

.box-borb2c02 {
	border-bottom: 2px solid #eeeeee;
}

.box-borb2c03 {
	border-bottom: 2px solid #95bee5;
}



/*ボックスシャドウ*/
.box-sdow3c01 {
	background: #fff;
	box-shadow: 0px 3px 1px -1px #c0ecff;
}


/*パーツ*/

.parts01 {
	width: 100px;
	height: 100px;
	padding-top: 20px;
	box-sizing: border-box;
	position: absolute;
	top: -50px;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
}

.parts01 img {
	display: block;
	margin: 0 auto;
}

@media only screen and (max-width: 599px) {
	.parts01 {
		width: 80px;
		height: 80px;
		top: -40px;
	}
}

.parts02 {
	position: relative;
	width: 32px;
	height: 34px;
	display: inline-block;
}

.parts02::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: url(/import/tenant_1/160.16.108.217/html/images/parts23.png) no-repeat;
	background-position: bottom center;
	background-size: contain;
	z-index: -1;
}

@media only screen and (max-width: 599px) {
	.parts02 {
		width: 28px;
		height: 32px;
	}
}

.mark01 {
	padding-left: 70px;
	position: relative;
}
.mark01 .mk {
    text-indent: -99999px;
    display: inline-block;
}
.mark01 .mk:before {
	content: "";
	display: block;
	background: url(/import/tenant_1/160.16.108.217/html/images/parts08.png) no-repeat;
	background-size: contain;
	width: 22px;
	height: 28px;
	position: absolute;
	top: 13px;
	left: 25px;
}

@media only screen and (max-width: 599px) {
	.mark01 {
		padding-left: 40px;
		position: relative;
	}

	.mark01 .mk:before {
		width: 17px;
		height: 23px;
		top: 20%;
		left: 13px;
	}
}


.mark02 {
	padding-left: 40px;
	position: relative;
}

.mark02 .mk:before {
	content: "";
	display: block;
	background: url(/import/tenant_1/160.16.108.217/html/images/parts25.png) no-repeat;
	background-size: contain;
	width: 22px;
	height: 28px;
	position: absolute;
	top: 0;
	left: 0;
}

@media only screen and (max-width: 599px) {
	.mark02 .mk:before {
		width: 20px;
		height: 26px;
	}
}

.mark03 {
	padding-left: 70px;
	position: relative;
}

.mark03 .mk:before {
	content: "";
	display: block;
	background: url(/import/tenant_1/160.16.108.217/html/images/parts26.png) no-repeat;
	background-size: contain;
	width: 33px;
	height: 35px;
	position: absolute;
	top: 15px;
	left: 20px;
}


@media only screen and (max-width: 599px) {

	.mark03 {
		padding-left: 60px;
	}

	.mark03 .mk:before {
		width: 28px;
		height: 32px;
		top: 20px;
		left: 15px;
	}
}


.mark04 {
	padding-left: 110px;
	position: relative;
}
.mark04 .mk {
    text-indent: -99999px;
    display: inline-block;
}
.mark04 .mk:before {
	content: "";
	display: block;
	background: url(/import/tenant_1/160.16.108.217/html/images/parts12.png) no-repeat;
	background-size: contain;
	width: 77px;
	height: 58px;
	position: absolute;
	top: 5px;
	left: 0;
}

@media only screen and (max-width: 1024px) {
	.mark04 {
		padding-left: 95px;
	}
}

@media only screen and (max-width: 599px) {

	.mark04 {
		padding-left: 75px;
	}

	.mark04 .mk:before {
		width: 58px;
		height: 44px;
	}
}

.mark05 {
	padding-left: 35px;
	position: relative;
}

.mark05 .mk:before {
	content: "";
	display: block;
	background: url(/import/tenant_1/160.16.108.217/html/images/parts30.png) no-repeat;
	background-size: contain;
	width: 19px;
	height: 21px;
	position: absolute;
	top: 3px;
	left: 0px;
}


@media only screen and (max-width: 599px) {

	.mark05 {
		padding-left: 30px;
	}
}

/*must*/

.must01 {
	font-size: 8px;
	color: #59a9d8;
	line-height: 100%;
	position: absolute;
	right: -2px;
	bottom: 10px;
	transform: rotate(-45deg);
}

.must01 .in {
	position: relative;
}

.must01 .in::after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 14px 14px 0 14px;
	border-color: #59a9d8 transparent transparent transparent;
	position: absolute;
	bottom: -19px;
	left: 50%;
	transform: translateX(-50%);
}

/*矢印*/

.arrow01 {
	position: absolute;
	right: -24px;
	bottom: -24px;
	transform: rotate(-45deg);
}

.arrow01::after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 14px 14px 0 14px;
	border-color: #59a9d8 transparent transparent transparent;
}

.arrow02 a {
	position: relative;
	padding-right: 15%;
	padding-left: 15%;
}

.arrow02 a:before {
	content: "\f107";
	font-family: FontAwesome;
	display: inline-block;
	font-size: 35px;
	font-weight: bold;
	color: #fff;
	position: absolute;
	top: 25%;
	right: 10%;
	transform: rotate(-90deg);
	margin: auto;
}

@media only screen and (max-width: 599px) {
	.arrow02 a {
		position: relative;
		padding-right: 10%;
		padding-left: 10%;
	}

	.arrow02 a:before {
		content: "\f107";
		font-family: FontAwesome;
		display: inline-block;
		font-size: 25px;
		font-weight: bold;
		color: #fff;
		position: absolute;
		top: 25%;
		right: 10%;
		transform: rotate(-90deg);
		margin: auto;
	}
}


.bg-arrow01::before {
	content: "";
	position: absolute;
	top: 0;
	left: 30px;
	background: #4e93d3;
	background-position: top left;
	background-size: contain;
	display: block;
	width: 1px;
	height: 100%;
	margin-top: 30px;
}

.bg-arrow01::after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 5px 0 5px;
	border-color: #4e93d3 transparent transparent transparent;
	position: absolute;
	bottom: 0;
	left: 26px;
}


/*四角*/
.square01 {
	position: relative;
	padding-left: 40px;
}
.square01:before {
	content: "■";
	color: #ff6b6b;
	position: absolute;
	left: 0;
	top: 0;
}

@media only screen and (max-width: 599px) {
	.square01 {
		padding-left: 30px;
	}
}

/*チェックボックス*/

.check01 {
    position: relative;
    padding-left: 70px;
    background: url(/import/tenant_1/160.16.108.217/html/images/parts28.png) no-repeat;
    background-size: 34px;
}
/*
.check01 .ck::after {
	content: "";
	background: url(/import/tenant_1/160.16.108.217/html/images/parts28.png) no-repeat;
	display: block;
	width: 34px;
	height: 32px;
	position: absolute;
	top: 3px;
	left: 0px;
}
*/


/*エクスクラメーション*/

.exc01 {
	position: relative;
	padding-left: 100px;
}

.exc01 .ex {
	background: url(/import/tenant_1/160.16.108.217/html/images/parts24.png) no-repeat;
	display: block;
	width: 70px;
	height: 75px;
	position: absolute;
	top: -7px;
	left: 10px;
}

.exc02 {
	position: relative;
	padding-left: 60px;
}

.exc02 .ex::after {
	content: "";
	background: url(/import/tenant_1/160.16.108.217/html/images/parts29.png) no-repeat;
	background-size: contain;
	display: block;
	width: 14px;
	height: 66px;
	position: absolute;
	top: 30px;
	left: 0px;
}

@media only screen and (max-width: 599px) {
	.exc02 {
		position: relative;
		padding-left: 40px;
	}
}

/*色背景*/
.box-bg01 {
	position: relative;
}

.box-bg01:after {
	content: "";
	background: #6bbaea;
	position: absolute;
	right: -10px;
	bottom: -10px;
	width: 100%;
	height: 100%;
	z-index: -1;
}

/*丸*/

.round01 {
	position: relative;
	padding-left: 25px;
}
.round01 .ro {
    display: inline-block;
}
.round01::after {
	content: "○";
	color: #4e93d3;
	position: absolute;
	left: 0;
	top: 0;
}

.round02 {
	position: relative;
	padding-left: 20px;
}
.round02 .ro{
    display: inline-block;
}
.round02::after {
	content: "◎";
	position: absolute;
	left: 0;
	top: 0;
}

/*かぶせ*/
.kabuse01 {
	position: relative;
}

.kabuse01::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 35%;
	height: 100%;
	background: rgb(255, 255, 255);
	background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

/*06parents*/
.parents01 .icon {
	position: absolute;
	left: -50px;
	bottom: -30px;
	width: 122px;
}

@media only screen and (max-width: 1024px) {
	.parents01 .icon {
		left: -10px;
		bottom: -20px;
	}
}

@media only screen and (max-width: 599px) {
	.parents01 .icon {
		width: 100px;
	}
}

/*07kyousei */

.kyousei .comtit01 .txt {
	margin-top: 0;
	margin-bottom: 10px;
	padding: 0 15px;
	position: relative;
}

.kyousei .comtit01 .txt .img01,
.kyousei .comtit01 .txt .img02 {
	width: 10px;
	top: 3px;
}

/*08deppa*/

@media only screen and (max-width: 599px) {
	.row2.sp-mb120:last-of-type {
		margin-bottom: 50px;
	}
}

/*13news*/
.post li dl .data {
	min-width: 120px;
}

.post li dl .cate {
	min-width: 110px;
	margin-left: 0;
	margin-right: auto;
}

/*ページジャー*/
.pager li a {
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid #74beeb;
	margin: 0 2px;
}

.pager li.now a {
	color: #fff;
	background: #74beeb;
}

/*戻るボタン*/
.back {
	position: relative;
}

.back a {
	padding-left: 20px;
}

.back a::before {
	content: "\f104";
	font-family: FontAwesome;
	display: inline-block;
	font-weight: normal;
	color: #97cba5;
	position: absolute;
	top: 0;
	left: 0;
	margin: auto;
}

/*レコメンド*/
.reco li .cate {
	min-width: 110px;
	margin-left: 0;
	margin-right: auto;
}




/*contact共通*/
.contact01 dt {
	padding-top: 10px;
}

.contact01 dd input:focus,
.contact01 dd textarea:focus {
	outline: 0;
}
.contact01 dd div {
  display: inline-block
}
.contact01 dd input {
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 8px 15px;
	border: none;
	background: #ffffff;
	overflow: hidden;
	border-radius: 10px;
	border: 1px solid #bfbfbf;
}

.contact01 .small dd input {
	max-width: 156px;
}

.contact01 dd textarea {
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
	font-size: 16px;
	font-family: "游ゴシック", YuGothic, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	background: #ffffff;
	overflow: hidden;
	border-radius: 10px;
	border: 1px solid #bfbfbf;
}

.formbtn {
  width: 100%;
  max-width:720px;
  margin:0 auto;
}

.formbtn li {
	width: 100%;
	max-width: 320px;
	margin: auto;
}

.formbtn li button,
.formbtn li a {
	text-align: center;
	color: #fff;
	display: block;
	background: #6bbaea;
	padding: 10px;
	position: relative;
	z-index: 1;
	overflow: hidden;
	border: none;
	width: 80%;
	font-size: 18px;
	font-weight: bold;
	border-radius: 5px;
	box-shadow: 0px 5px 1px -1px #4e93d3;
	cursor: pointer;
	margin: 0 auto;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-ms-transition: 0.3s;
}

.formbtn li button:hover,
.formbtn li a:hover,
.formbtn li button:focus {
	outline: 0;
	box-shadow: 0px 0px 1px -1px #4e93d3;
}
@media only screen and (max-width: 599px) {
  .formbtn li+li {
    margin-top: 30px;
  }
}
/*固定ボタン*/
.footfix {
	display: none;
	background: rgba(255, 255, 255, 0.9);
	padding: 5px 10px;
	position: fixed;
	bottom: -1px;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 150;
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}

[data-element-id] .footfix {
	display: block;
	position: static;
}

.footfix .flexb {
	flex-wrap: nowrap;
}

.footfix .tel {
	width: 60%;
	align-self: center;
}

.footfix .tel a {
	color: #39abe6;
	display: block;
	font-size: 20px;
	font-weight: bold;
	position: relative;
	text-align: center;
}

.footfix .tel a:before {
	display: inline-block;
	content: "";
	margin-right: 8px;
	background: url(/import/tenant_1/160.16.108.217/html/images/head_img01.png) no-repeat;
	width: 11px;
	height: 16px;
	background-size: contain;
	background-position: center left;
}

.footfix .contactbtn {
	width: 43%;
	min-width: 100px;
}

.footfix dd+dd {
	margin-left: 5px;
}

.footfix .contactbtn a {
	background: #39abe6;
	color: #fff;
	display: block;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding: 20px 10px 2px;
	line-height: 130%;
	position: relative;
}


.footfix .contactbtn a:before {
	display: block;
	content: "";
	font-size: 14px;
	font-weight: normal;
	background: url(/import/tenant_1/160.16.108.217/html/images/mail.png) no-repeat;
	width: 20px;
	height: 12px;
	background-size: contain;
	line-height: 1.2;
	margin-bottom: 5px;
	text-align: center;
	position: absolute;
	left: 50%;
	top: 5px;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}

/* 599以下 */
@media only screen and (max-width: 599px) {
	.footfix {
		display: block;
	}
}

/* 2026/08/04 */
.pc-none {
  display: none;
}
.sp-none {
  display: block;
}
.ai-chatbot {
  position: fixed;
  top: 40%;
  right: 0;
  width: 100px;
  z-index: 99999;
}
.ai-chatbot button {
  border: none;
  cursor:pointer;
  background: none;
}

@media (max-width: 1024px){
  .ai-chatbot {
    top: initial;
    top: 20%;
    width: 80px;
  }
}

@media (max-width: 599px){
  .pc-none {
    display: block;
  }
  .sp-none {
    display: none;
  }
  .ai-chatbot {
    display: none;
  }
  .ai-chatbot {
    display: block;
  }
  .ai-chatbot {
    top: initial;
    bottom: 200px;
    width: 70px;
  }
}