@charset "utf-8";
/*
 * style.css
 *
 *  version --- 1.0
 *  updated --- 2013/5/10
 */



/*mv*/
.mv{
	position: relative;
	height: max(700px, 70vh);
	background: url(../img/bg_mv.jpg) center top no-repeat;
	background-size: cover;
	padding: 319px 0 0 60px;
	color: #fff;
}
.mvtxt{
	position: relative;
	font-size: 52px;
	line-height: 60px;
	color: #FFFFFF;
	letter-spacing: -0.02em;
	z-index: 2;
	font-family: YuMincho, 'Yu Mincho',	serif;
}
.mvbtn{
	position: relative;
	z-index: 2;
	margin: 40px 0 0;
}
.mvbtn a{
	margin: 0;
}
.mvlogo{
	display: none;
}
@media screen and (max-width: 1100px) {
.mv{
	height: 100vh;
	background: url(../img/bg_mv_sp.png) 50% 25% no-repeat;
	background-size: cover;
	padding: 30vh 0 0;
}
.mvtxt{
	font-size: max(32px, 5vw);
	line-height: 36px;
	padding: 0 20px;
}
.mvbtn{
	position: absolute;
	left: 20px;
	right: 20px;
	bottom: 154px;
	margin: 0;
}
.mvbtn a {
	margin: auto;
}
.mvlogo{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}
.mvlogo img{
	width: 91px;
}
.mvline{
	position: absolute;
	left: 50%;
	width: 1px;
	height: 100px;
	bottom: 30px;
}
.mvline:after{
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 46px;
    background: #fff;
    animation: pathmove 1.4s ease-in-out infinite;
    opacity: 0;
    text-decoration: inherit;
    vertical-align: inherit;
    box-sizing: inherit;
}
}
@keyframes pathmove{
	0%{
		height:0;
		top:-4px;
		opacity: 0;
	}
	30%{
		height:46px;
		opacity: 1;
	}
	100%{
		height:0;
		top:100px;
		opacity: 0;
	}
}
/*banner*/
.banner{
	padding: 52px 12px 80px;
	text-align: center;
	max-width: 700px;
	margin: 0 auto;
}
/*concept*/
.concept{
	background: #FFFCF9;
	padding: 80px 0 145px;
}
.concept img {
	border-radius: 8px;
}
.concept .comment1{
	font-size: 32px;
	line-height: 1.5;
	text-align: center;
	margin: 34px 0 0;
}
.concept .comment2{
	font-size: 20px;
	line-height: 1.5;
	text-align: center;
	margin: 60px 0 0;
	padding: 0 20px;
}
.concept .comment3{
	font-size: 32px;
	line-height: 1.5;
	text-align: center;
	margin: 60px 0 0;
}
.concept .comment3 span{
	display: block;
	margin: 0 0 30px;
}
.concept .box1{
	position: relative;
	display: flex;
	margin: 50px 407px 0 0;
}
.concept .box1:after{
	position: absolute;
	content: "";
	width: 460px;
	height: 450px;
	left: 828px;
	top: -93px;
	background: url(../img/dec_concept_right.svg) 0 0 no-repeat;
	z-index: 0;
}
.concept .box1 .img{
	width: 407px;
}
.concept .box1 .text{
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 28px;
	line-height: 1.5;
	text-shadow: 16px 16px 0px rgba(0, 0, 0, 0.25);
}
.concept .box2{
	position: relative;
	display: flex;
	margin: 90px 0 0 407px;
}
.concept .box2:after{
	position: absolute;
	content: "";
	width: 450px;
	height: 450px;
	right: 880px;
	top: -90px;
	background: url(../img/dec_concept_left.svg) 0 0 no-repeat;
	z-index: 0;
}
.concept .box2 .img{
	width: 407px;
}
.concept .box2 .text{
	flex: 1;
	padding: 30px 0 0;
	font-size: 20px;
	line-height: 1.5;
	text-align: center;
}
.concept .box2 .text .txt{
	margin: 0 0 16px;
}
@media screen and (max-width: 1340px) {
	.concept .box2 .img{
		width: 280px;
	}
}
@media screen and (max-width: 1100px) {
	.concept{
		padding: 80px 0 120px;
	}
	.concept .comment1{
		font-size: 24px;
		line-height: 1.5;
		margin: 94px 0 0;
	}
	.concept .comment2{
		display: none;
		padding: 0 12px;
		font-size: 16px;
		line-height: 21px;
		margin: 40px 0 60px;
	}
	.concept .comment3{
		font-size: 20px;
		line-height: 1.5;
		margin: 120px 0 0;
		padding: 0 12px;
	}
	.concept .box1{
		display: block;
		margin: 120px 0 0 0;
	}
	.concept .box1:after{
		width: 460px;
		height: 450px;
		left: 50%;
		top: -120px;
		background: url(../img/dec_concept_right.svg) 0 0 no-repeat;
	}
	.concept .box1 .img{
		width: auto;
		margin: 0 40px 0 0;
	}
	.concept .box1 .img img{
		width: 100%;
	}
	.concept .box1 .text{
		font-size: 20px;
		line-height: 1.5;
		text-shadow: 16px 16px 0px rgba(0, 0, 0, 0.25);
		height: 240px;
	}
	.concept .box2{
		display: block;
		margin: 0;
	}
	.concept .box2:after{
		width: 450px;
		height: 450px;
		right: auto;
		left: -30px;
		top: -140px;
		background: url(../img/dec_concept_left.svg) 0 0 no-repeat;
	}
	.concept .box2 .img{
		width: auto;
		margin: 0 0 0 40px;
	}
	.concept .box2 .img img{
		width: 100%;
	}
	.concept .box2 .text{
		padding: 0 12px 60px;
		font-size: 16px;
		line-height: 21px;
	}
	.concept .box2 .text .txt{
		margin: 0 0 60px;
	}	
}
/*feature*/
.feature{
	padding: 0 0 150px;
}
.feature img{
	border-radius: 8px;
}
.feature .box1{
	position: relative;
	margin: 24px 0 60px;
	padding: 392px 0 0;
}
.feature .box1 .main{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: -1;
}
.feature .box1 .inner{
	display: flex;
	align-items: flex-end;
	margin: 0 -280px 0 0;
}
.feature .box1 .imggroup{
	width: 406px;
	margin: 0 0 60px 60px;
}
.feature .box1 .img1{
	margin: 0 0 114px;
}
.feature .box1 .img3{
	width: 220px;
	margin: 0 0 60px 60px;
}
.feature .box2{
	position: relative;
	margin: 0 0 120px;
	padding: 120px 0 0;
}
.feature .box2 .featurebox{
	margin-top: 100px;
}
.feature .box2 .main{
	position: absolute;
	right: 60px;
	top: 0;
	z-index: -1;
}
.feature .box2 .inner{
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
	margin: 0 0 60px;
}
.feature .box2 .inner .content{
	width: 584px;
	margin: 0 60px 0 0;
}
.feature .box2 .imggroup{
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}
.feature .box2 .img1{
	margin: 0 0 60px;
}
.feature .box2 .img1 img{
	width: 100%;
}
.feature .box2 .img2{
	margin: 0 37px 0 0;
}
.feature .box3{
	position: relative;
	margin: 0 0 60px;
	padding: 280px 0 0;
}
.feature .box3 .main1{
	position: absolute;
	left: 60px;
	top: 60px;
	z-index: -1;
}
.feature .box3 .main2{
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}
.feature .box3 .inner{
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	padding: 0 60px 0 0;
}
.feature .box3 .img1{
	width: 304px;
	margin: 0 0 0 60px;
}
.feature .box3 .img2{
	width: 166px;
	margin: 0 0 0 54px;
}
.featurebox{
	width: 414px;
	background: #FBFCFF;
	padding: 60px;
}
.featurebox .tag{
	padding: 0 0 40px;
	background: url(../img/dec_feature1.svg) left bottom no-repeat;
}
.featurebox .tag p{
	padding: 8px 0 0 13px;
	font-size: 12px;
	line-height: 18px;
}
.featurebox .tit{
	font-weight: 700;
	font-size: 28px;
	line-height: 50px;
	margin: 0 0 24px;
}
.featuretit1.tit{
	position: relative;
}
.featuretit1.tit::before {
	content: "";
	background: url(../img/decline_feature1_pc.png) no-repeat center/contain;
	position: absolute;
	width: 254px;
	height: 18px;
	top: 41px;
	left: 0;
}
.featuretit2.tit{
	font-size: 24px;
	line-height: 42px;
	position: relative;
}
.featuretit2.tit::before{
	content: "";
	background: url(../img/decline_feature2_pc.png) no-repeat center/contain;
	position: absolute;
	width: 102px;
	height: 18px;
	top: 74px;
	left: 0;
}
.featuretit3.tit{
	line-height: 42px;
	position: relative;
}
.featuretit3.tit::before{
	content: "";
	background: url(../img/decline_feature3_pc.png) no-repeat center/contain;
	position: absolute;
	width: 195px;
	height: 18px;
	top: 33px;
	left: 0;
}
}
.featurebox .txt{
	font-size: 16px;
	line-height: 24px;
}
.featurebtn{
	margin: 60px 0 0;
}
@media screen and (max-width: 1100px) {
	.feature{
		padding: 60px 0 150px;
	}
	.feature .in{
		max-width: 100%;
		padding: 0;
		margin: 0;
	}
	.feature .hd1{
		top: 0;
	}
	.feature .box1{
		margin: 56px 0 90px;
		padding: 150px 0 0;
	}
	.feature .box1 .main img{
		border-radius: 8px;
	}
	.feature .box1 .inner{
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		margin: 0;
	}
	.feature .box1 .imggroup{
		width: 100%;
		margin: 0 0 30px;
		padding: 0 30px 0 50px;
	}
	.feature .box1 .img3{
		width: 220px;
		margin: 0 0 60px 60px;
	}
	.feature .box1 .img1{
		width: auto;
		text-align: center;
		margin: 30px 0 30px;
	}
	.feature .box1 .img1 img{
		width: 295px;
		border-radius: 8px;
	}
	.feature .box1 .img2{
		width: auto;
		text-align: center;
		margin: 0 30px 0 0;
	}
	.feature .box1 .img2 img{
		width: 135px;
		border-radius: 8px;
	}
	.feature .box1 .img3{
		text-align: right;
		margin: 0;
	}
	.feature .box1 .img3 img{
		width: 155px;
		border-radius: 8px;
	}
	.feature .box1 .featurebox{
		margin-right: 12px;
	}
	.feature .box2{
		margin: 0 0 90px;
		padding: 190px 0 0;
	}
	.feature .box2 .featurebox{
		margin-left: 30px;
		margin-top: 0;
	}
	.feature .box2 .main{
		width: 100%;
	}
	.feature .box2 .inner{
		display: block;
		margin: 0 0 60px;
	}
	.feature .box2 .inner .content{
		width: 100%;
		padding: 30px 0 0;
	}
	.feature .box2 .img1{
		width: 295px;
		margin: 0 0 30px auto;
	}
	.feature .box2 .img1 img{
		width: 100%;
	}
	.feature .box2 .imggroup{
		display: block;
	}
	.feature .box2 .img2{
		margin: 0 0 30px;
	}
	.feature .box2 .img2 img{
		width: 138px;
	}
	.feature .box2 .img3{
		margin: 0;
		text-align: center;
	}
	.feature .box2 .img3 img{
		width: 155px;
	}
	.feature .box3{
		margin: 0 0 60px;
		padding: 160px 0 0;
	}
	.feature .box3 .featurebox{
		margin-right: 45px;
	}
	.feature .box3 .main1{
		top: 0;
		width: 100%;
	}
	.feature .box3 .main1 img{
		border-radius: 8px;
	}
	.feature .box3 .main2{
		position: inherit;
		right: auto;
		top: auto;
		z-index: 1;
		width: 295px;
		margin: 30px 0 30px;
	}
	.feature .box3 .inner{
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		align-items: flex-end;
		padding: 0;
	}
	.feature .box3 .img1{
		width: auto;
		margin: 0 40px 0 0;
	}
	.feature .box3 .img1 img{
		width: 155px;
		border-radius: 8px;
	}
	.feature .box3 .img2{
		width: 100%;
		margin: 0 0 30px;
		text-align: center;
	}
	.feature .box3 .img2 img{
		width: 135px;
	}
	.featurebox{
		width: max(40%, 300px);
		padding: 30px;
	}
	.featurebox .tag img{
		position: relative;
		left: -5px;
		width: 35px;
	}
	.featurebox .tag p{
		padding: 8px 0 0 0;
		font-size: 12px;
		line-height: 15px;
	}
	.featurebox .tit{
		font-size: 20px;
		line-height: 29px;
		margin: 0 0 16px;
	}
	.featuretit1.tit::before {
		background-image: url(../img/decline_feature1_sp.png);
		width: 160px;
    top: 19px;
	}
	.featuretit2.tit{
		font-size: 20px;
		line-height: 29px;
	}
	.featuretit2.tit::before {
		background-image: url(../img/decline_feature2_sp.png);
		width: 159px;
    top: 47px;
	}
	.featuretit3.tit{
		font-size: 20px;
		line-height: 29px;
	}
	.featuretit3.tit::before {
		background-image: url(../img/decline_feature3_sp.png);
		width: 142px;
    top: 20px;
	}
	.featurebtn{
		margin: 75px 0 0;
	}	
}
/*facility*/
.facility{
	padding: 0 0 147px;
	background: #F9F9F9;
}
.slider{
	margin: 47px 0 0;
}
.slick-slide{
	margin: 0 4px;
}
.sliderimg img{
	width: 100%;
}
@media screen and (max-width: 1100px) {
.facility{
	padding: 0 0 120px;
}
.slider{
	margin: 26px 0 0;
}
.facility ul.dot-class{
    margin-top: 16px; 
}
.facility ul.dot-class li{
    width: 8px;
    height: 8px;
    margin: 0;
}
.facility ul.dot-class li + li{
    margin: 0 0 0 8px;
}
.facility ul.dot-class li button{
    width: 8px;
    height: 8px;
    padding: 0;
    color: initial;
    border: 0;
    outline: none;
    margin: 0;
    background: #f9f9f8;
    border-radius: 50%;
}
.facility ul.dot-class li button:before{
	display: inline-block;
    font-size: 0;
    width: 8px;
    height: 8px;
    content: '';
    opacity: 1;
    color: initial;
    border-radius: 50%;
    background: transparent;
    border: 1px solid #676D7D;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.facility ul.dot-class li.slick-active button, .facility ul.dot-class li:hover button{
    font-size: 0;
    width: 8px;
    height: 8px;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: #676D7D;
    outline: none;
}
.facility ul.dot-class li.slick-active button:before{
    font-size: 0;
    width: 8px;
    height: 8px;
    content: '';
    opacity: 1;
    color: initial;
    border-radius: 50%;
    background: #676D7D;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
}
}
/*staff*/
.staff{
	padding: 0 0 192px;
}
.staffin{
	max-width: 1200px;
	margin: 0 auto;
}
.stafflist{
	display: flex;
	justify-content: center;
	margin: 24px 0 0;
	flex-wrap: wrap;
	column-gap: 5%;
}
.stafflist li{
	width: 24%;
}
.stafflist li a{
	position: relative;
	display: block;
}
.stafflist li a img{
	width: 100%;
	border-radius: 8px;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
}
.stafflist li a .txt{
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.02em;
	font-weight: 400;
	margin: 8px 10px 0;
	color: #4E4D4D;
}
.stafflist li a .mask{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	color: #FFFFFF;	
	text-align: center;
	top: 16px;
	height: 256px;
	left: 16px;
	right: 16px;
	background: url(../img/dec_staff1.png) right 2px top 2px no-repeat, 
		url(../img/dec_staff2.png) left 2px bottom 2px no-repeat rgba(78, 77, 77, 0.3);
	border-radius: 8px;
	pointer-events: none;
	opacity: 0;
	-webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.stafflist li a:hover .mask{
	-webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1;
}
.stafflist li a .mask .ja{
	font-size: 12px;
	line-height: 18px;
}
.stafflist li a .mask .en{
	font-size: 23px;
	line-height: 48px;
	margin: 15px 0 0;
}
.staff .layer{
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(78, 77, 77, 0.8);
	z-index: 96;
}
.staffcontent{
	display: none;
	position: fixed;
	top: 100px;
	bottom: 100px;
	left: 0;
	width: 100%;
	padding: 0 50px;
	z-index: 99;
}
.staffcontentin{
	height: 100%;
	max-width: 1184px;
	margin: 0 auto;
	overflow-y: auto;
	background: #fff;
	border-radius: 8px;
	padding: 60px;
}
.staffcontent .img{
	text-align: center;
}
.staffcontent .img img{
	height: 225px;
}
.staffcontent .name{
	margin: 16px 0;
	text-align: center;
	font-size: 28px;
	line-height: 42px;
}
.staffcontent .name .en{
	font-size: 32px;
	margin: 0 0 0 15px;
}
.staffcontent .text{
	font-size: 16px;
	line-height: 24px;
	font-weight: 700;
}
.staffcontent .close{
	margin: 30px 0 0;
	text-align: center;
}
.staffcontent .close span{
	display: inline-block;
	font-size: 16px;
	line-height: 24px;
	font-weight: 700;
	color: #000000;
	padding: 0 0 0 23px;
	background: url(../img/close.svg) left center no-repeat;
	cursor: pointer;
}
@media screen and (max-width: 1100px) {
.staff{
	padding: 0 0 160px;
}
.staffin{
	max-width: 287px;
	margin: 0 auto;
}
.stafflist{
	display: block;
	margin: 24px 0 0;
}
.stafflist li{
	width: 100%;
}
.stafflist li + li{
	margin: 16px 0 0;
}
.stafflist li a .txt{
	font-size: 16px;
	line-height: 24px;
	color: #4E4D4D;
	margin: 8px 0 0;
}
.stafflist li a .mask{
	top: 16px;
	bottom: auto;
	left: 16px;
	right: 16px;
	height: 255px;
}
.staffcontent{
	top: 50px;
	bottom: 50px;
	padding: 0 20px;
}
.staffcontentin{
	height: 100%;
	max-width: 100%;
	margin: 0;
	width: 100%;
	padding: 20px;
}
.staffcontent .name{
	margin: 10px 0;
	font-size: 20px;
	line-height: 32px;
}
.staffcontent .name .en{
	display: block;
	font-size: 22px;
	margin: 0;
}
}
/*price*/
.price{
	position: relative;
	padding: 0 0 160px;
	background: rgba(170, 182, 186, 0.3)
}
.price .in{
	max-width: 930px
}
.price .hd1{
	top: -35px;
}
.price .dec{
	position: absolute;
	left: 50%;
	top: -72px;
	transform: translateX(96px);
}
.price ul{
	display: flex;
	justify-content: space-between;
	margin: 20px 0 0;
}
.price li{
	display: flex;
	flex-direction: column;
	width: 32.16%;
	padding: 32px 10px 20px;
	background: #FFFDFB;
	border-radius: 8px;
	box-sizing: border-box;
}
.price li .tit .num{
	display: none;
}
.price__icon{
	text-align: center;
	margin: 15px 0 11px 0;
}
.price__icon__img{
	width: 32px;
}
.price__start{
	text-align: center;
	padding: 30px 10px;
	background: #FFFDFB;
	border-radius: 8px;
	box-sizing: border-box;
}
.price__start__num{
	font-size: 28px;
	font-weight: 700;
}
.price__start__num span{
	font-size: 40px;
	font-weight: 900;
	font-family: Noto Serif JP;
	padding-left: 30px;
}
.priceen{
	font-size: 25px;
	line-height: 60px;
	text-align: center;
	white-space: nowrap;
}
.priceen1{
	background: linear-gradient(99.87deg, #9B9B9B 27.02%, #7C6969 82.56%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}
.priceen2{
	background: linear-gradient(92.87deg, #B37A7A 29.87%, #B74E4E 83%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}
.priceen3{
	background: linear-gradient(94.07deg, #B39C7A 31.59%, #9B7743 70.51%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}
@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none) {
.priceen1{
	color: #9B9B9B;
	background: none;
}
.priceen2{
	color: #B37A7A;
	background: none;
}
.priceen3{
	color: #B39C7A;
	background: none;
}
}
.pricecomment{
	position: relative;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	margin: -10px 0 0;
	z-index: 0;
}
.pricecomment span{
	position: relative;
	display: inline-block;
	height: 70px;
	padding: 4px 0 0;
	box-sizing: border-box;
}
.pricecomment1 span{
	color: #9B9B9B;
	padding: 0 51px;
	background: url(../img/dec_pricecomment1_1.png) left top 2px no-repeat,
		url(../img/dec_pricecomment1_2.png) right top 2px no-repeat;
}
.pricecomment2 span{
	color: #B37A7A;
	padding: 0 41px;
	background: url(../img/dec_pricecomment2_1.png) left top no-repeat,
		url(../img/dec_pricecomment2_2.png) right top no-repeat;
}
.pricecomment3{
	color: #B39C7A;
	background: url(../img/dec_pricecomment3.png) center bottom no-repeat;
}
.price li .text{
	margin: 0 0 60px;
}
.price li .txt{
	font-size: 16px;
	line-height: 24px;
	padding-left: 1em;
	text-indent: -1em;
}
.price li .num{
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	margin-top: auto;
}
.price li .num span{
	font-weight: 900;
	font-size: 40px;
	line-height: 57px;
	font-family: 'Noto Serif JP', serif;
	margin: 0 5px 0 0;
}
@media screen and (max-width: 1100px) {
.price{
	padding: 0 0 140px;
}
.price .hd1{
	top: -35px;
}
.price .dec{
	top: -22px;
	transform: translateX(62px);
}
.price .dec img{
	width: 100px;
}
.price ul{
	display: block;
}
.price li{
	display: block;
	width: 100%;
	padding: 16px;
}
.price li + li{
	margin: 8px 0 0;
}
.price li .tit{
	display: flex;
	justify-content: center;
	margin: 0;
}
.price li .num{
	display: none;
}
.price li .tit .num{
	display: block;
	height: 30px;
	font-size: 10px;
	line-height: 15px;
	margin: 0 0 0 16px;
}
.price li .tit .num span{
	font-size: 20px;
	line-height: 30px;
	margin: 0 4px 0 0;
}
.price__icon__img{
	width: 28px;
}
.price__start{
	padding: 16px 10px;
}
.price__start__num{
	font-size: 20px;
}
.price__start__num span{
	font-size: 20px;
	font-weight: 700;
	padding-left: 10px;
}
.priceen{
	height: 30px;
	font-size: 20px;
	line-height: 33px;
}
.pricecomment{
	margin: 0;
}
.pricecomment span{
	height: 30px;
}
.pricecomment1 span{
	padding: 8px 70px 10px;
	background: url(../img/dec_pricecomment1_1.png) left top -2px no-repeat,
		url(../img/dec_pricecomment1_2.png) right top -2px no-repeat;
}
.pricecomment2 span{
	color: #B37A7A;
	padding: 8px 40px 26px;
	background: url(../img/dec_pricecomment2_1.png) left top -4px no-repeat,
		url(../img/dec_pricecomment2_2.png) right top -4px no-repeat;
}
.pricecomment3{
	color: #B39C7A;
	padding: 8px 35px 52px;
	background: url(../img/dec_pricecomment3.png) center bottom 5px no-repeat;
}
.price li .text{
	max-width: 300px;
	margin: 0 auto;
}
.price li .txt{
	font-size: 14px;
	line-height: 1.5;
}
.price li .num{
	text-align: left;
}
}
/*voice*/
.voice{
	padding: 0 0 150px;
}
.voice .hd1{
	top: -40px;
}
.voice .in{
	max-width: 752px;
}
.voice ul{
	margin: 16px 0 0;
}
.voice li{
	display: flex;
}
.voice li + li{
	margin: 60px 0 0;
}
.voice li:nth-child(2n){
	flex-direction: row-reverse;
}
.voice li .img{
	width: 300px;
	margin: 0 60px 0 0;
}
.voice li:nth-child(2n) .img{
	margin: 0 0 0 60px;
}
.voice li .img img{
	border-radius: 8px;
}
.voice li .content{
	flex: 1;
}
.voice li .content .tit{
	padding: 54px 0 0;
	background: url(../img/dec_voice3.svg) left top no-repeat;
}
.voice li .content .tit .inner{
	display: inline-block;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	letter-spacing: -0.02em;
	color: #B39C7A;
	padding: 23px 20px;
	text-align: center;
	background: url(../img/dec_voice1.svg) left top no-repeat,
		url(../img/dec_voice1.svg) left 16px top no-repeat,
		url(../img/dec_voice2.svg) right bottom no-repeat,
		url(../img/dec_voice2.svg) right 16px bottom no-repeat;
}
.voice li .content .tag{
	font-size: 12px;
	line-height: 18px;
	letter-spacing: -0.02em;
	margin: 17px 0 0;
}
.voice li .content .txt{
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: -0.02em;
	text-align: justify;
	margin: 8px 0 0;
}
@media screen and (max-width: 1100px) {
.voice .hd1{
	
}
.voice ul{
	margin: 0;
}
.voice li{
	display: block;
}
.voice li + li{
	margin: 30px 0 0;
}
.voice li .img{
	width: 287px;
	margin: 0 auto 22px;
	text-align: center;
}
.voice li:nth-child(2n) .img{
	margin: 0 auto 22px;
}
.voice li .img img{
	width: 100%;
}
.voice li .content .tit{
	padding: 62px 0 0;
	background: url(../img/dec_voice3.svg) left top no-repeat;
	background-size: 120px auto;
}
.voice li .content .tit .inner{
	font-size: 20px;
	line-height: 30px;
	padding: 20px;
	background: url(../img/dec_voice1.svg) left top no-repeat,
		url(../img/dec_voice1.svg) left 16px top no-repeat,
		url(../img/dec_voice2.svg) right bottom no-repeat,
		url(../img/dec_voice2.svg) right 16px bottom no-repeat;
}
.voice li .content .tag{
	font-size: 14px;
	line-height: 21px;
}
.voice li .content .txt{
	font-size: 14px;
	line-height: 21px;
}	
}
/*instagram*/
.instagram{
	padding: 0 0 145px;
	background: #FFFFFF;
}
.instagram .hd1{
	top: -31px;
}
.instagram .box{
	margin: 24px 0 0;
}
@media screen and (max-width: 1100px) {
.instagram .hd1{
	top: -31px;
}
.instagram .box{
	margin: 15px 0 0;
}	
}
/*contact*/
.contact{
	padding: 0 0 145px;
	background: rgba(170, 182, 186, 0.1)
}
.contact .hd1{
	top: -25px;
}
.contactbtn{
	margin: 30px 0 0;
}
@media screen and (max-width: 1100px) {
.contactbtn{
	margin: 33px -20px 0;
}	
}
/*qa*/
.qa{
	padding: 0 12px 145px;
}
.qa .hd1{
	top: -25px;
}
.qain{
	max-width: 600px;
	margin: 0 auto;
}
.qa .box{
	margin: 25px 0 0;
}
.qa .box dl{
	font-size: 16px;
	line-height: 24px;
	color: #676D7D;
}
.qa .box dl + dl{
	margin: 20px 0 0;
}
.qa .box dt{
	position: relative;
	padding: 4px 40px 4px 45px;
	cursor: pointer;
	transition: all 0.3s !important;
}
.qa .box dt:hover{
	opacity: .6;
}
.qa .box dt:before{
	position: absolute;
	content: "Q";
	width: 32px;
	height: 32px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 16px;
	line-height: 30px;
	color: #676D7D;
	text-align: center;
	border: 1px solid #676D7D;
	box-sizing: border-box;
}
.qa .box dt:after{
	position: absolute;
	content: "";
	width: 32px;
	height: 32px;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../img/ico_qa_no.svg);
}
.qa .box dt.on:after{
	background-image: url(../img/ico_qa_on.svg);
}
.qa .box dd{
	display: none;
	position: relative;
	padding: 20px 50px 20px 45px;
}
.qa .box dd:before{
	position: absolute;
	content: "A";
	width: 32px;
	height: 32px;
	left: 0;
	top: 13px;
	font-size: 16px;
	line-height: 30px;
	color: #fff;
	text-align: center;
	border: 1px solid #676D7D;
	box-sizing: border-box;
	background: #676D7D;
}
@media screen and (max-width: 1100px) {
.qa .hd1{
	top: -25px;
}
.qa .box{
	margin: 30px 0 0;
}
.qa .box dl{
	font-size: 14;
	line-height: 1.5;
}
.qa .box dl + dl{
	margin: 16px 0 0;
}
.qa .box dt{
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 5px 56px;
	min-height: 40px;
}
.qa .box dt:before{
	width: 40px;
	height: 40px;
	line-height: 38px;
}
.qa .box dt:after{
	width: 40px;
	height: 40px;
	background-image: url(../img/ico_qa_no.svg);
	background-size: 100% auto;
}
.qa .box dt.on:after{
	background-image: url(../img/ico_qa_on.svg);
	background-size: 100% auto;
}
.qa .box dd{
	padding: 20px 50px;
}
.qa .box dd:before{
	width: 40px;
	height: 40px;
	top: 13px;
	line-height: 38px;
}	
}
/*news*/
.news{
	padding: 0 12px 120px;
	background: #FFFFFF;
}
.newsin{
	max-width: 514px;
	margin: 0 auto;
}
.news .hd1{
	top: -26px;
}
.news .box{
	margin: 30px 0 0;
}
.news .box dl{
	display: flex;
	padding: 20px;
	font-size: 16px;
	line-height: 32px;
}
.news .box dl + dl{
	border-top: 1px solid #4E4D4D;
}
.news .box dt{
	width: 113px;
	height: 32px;
	color: #FFFFFF;
	background: #676D7D;
	text-align: center;
	white-space: nowrap;
}
.news .box dd{
	flex: 1;
	padding: 0 0 0 30px;
	font-size: 16px;
}
.news .box dd a{
	color: #4E4D4D;
}
.news .box dd a:hover{
	opacity: .6;
}
@media screen and (max-width: 1100px) {
.news{
	padding: 0 12px 104px;
}
.news .box{
	margin: 20px 0 0;
}
.news .box dl{
	padding: 16px 8px;
	font-size: 14px;
	line-height: 21px;
}
.news .box dt{
	width: auto;
	height: 25px;
	line-height: 25px;
	padding: 0 5px;
}
.news .box dd{
	padding: 0 0 0 16px;
}
.news .box dd a{
	line-height: 25px;
}
}
/*covid*/
.covid{
	padding: 60px 20px 120px;
}
.covidin{
	max-width: 335px;
	margin: 0 auto;
}
.covid .tit{
	font-size: 16px;
	line-height: 24px;
	color: #676D7D;
	text-align: center;
}
.covid ul{
	display: flex;
	justify-content: center;
	margin: 60px 0 8px;
	column-gap: 20px;
}
.covid li{
	width: 47%;
	height: 160px;
	padding: 24px 0 24px;
	box-sizing: border-box;
	border: 1px solid #676D7D;
	border-radius: 8px;
}
.covid li .img{
	text-align: center;
	margin: 0 0 22px;
}
.covid li .img img{
	height: 65px;
}
.covid li .txt{
	font-size: 16px;
	line-height: 24px;
	text-align: center;
}
.covid .comment{
	font-size: 12px;
	line-height: 18px;
	letter-spacing: -0.02em;
	padding-left: 1em;
	text-indent: -1em;
}
@media screen and (max-width: 1100px) {
.covid ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin: 30px 0 16px;
	column-gap: 0;
}
.covid li{
	width: calc((100% - 8px)/2);
	margin-right: 8px;
	margin-bottom: 8px;
	height: 164px;
	padding: 26px 0 26px;
}
.covid li:nth-child(2n){
	margin-right: 0;
}
}



/* !contents
---------------------------------------------------------- */
body.newspage{
	background: #fff;
}
.newsheader #header{
	position: fixed;
	left: 0;
	top: 0;
	height: 70px;
	width: 100%;
	background: #4E4D4D;
}
.newsheader #headerlogo{
	left: 60px;
    top: 13px;
}
#contents {
	display: flex;
	max-width: 1220px;
	margin: 100px auto 40px;
	padding: 0 20px;
}
main {
	flex: 1;
}
main .box{
	padding: 50px 80px 120px 30px;
	border: 1px solid #B3C3DC;
}
main .box .tit{
	font-size: 24px;
	line-height: 32px;
}
main .box .tit .date{
	width: 113px;
	height: 32px;
	font-size: 16px;
	line-height: 32px;
	text-align: center;
	color: #fff;
	background: #676D7D;
	display: inline-block;
	margin-right: 20px;
}
main .box .txt{
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	color: #000;
	margin: 50px 0 0;
}
main .box .txt h1,
main .box .txt h2,
main .box .txt h3,
main .box .txt h4,
main .box .txt h5,
main .box .txt h6{
	font-weight: bold;
	color: #000;
	margin-bottom: 20px;
}
main .box .txt h1{
	font-size: 36px;
}
main .box .txt h2{
	font-size: 30px;
}
main .box .txt h3{
	font-size: 26px;
}
main .box .txt h4{
	font-size: 22px;
}
main .box .txt h5{
	font-size: 18px;
}
main .box .txt h6{
	font-size: 18px;
}
main .box .txt p{
	margin-bottom: 30px;
}
main .box .txt strong{
	font-weight: bold;
}
main .box .txt a{
	text-decoration: underline;
}
main .nav{
	position: relative;
	display: flex;
	height: 24px;
	justify-content: space-between;
	margin: 20px 0 0;
}
main .nav a{
	position: absolute;
	top: 0;
	display: block;
	width: 100px;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 24px;
	color: #B3C3DC;
	white-space: nowrap;
}
main .nav .prev{
	left: 0;
	padding-left: 20px;
	background: url(../img/prev.svg) left center no-repeat;
}
main .nav .next{
	right: 0;
	padding-right: 20px;
	background: url(../img/next.svg) right center no-repeat;
}
@media screen and (max-width: 1100px){
.newsheader #header{
	height: 50px;
}
.newsheader #headerlogo{
	display: block;
	left: 20px;
    top: 11px;
}
.newsheader #headerlogo img{
	width: 50px;
}
#contents {
	display: block;
	max-width: 100%;
	margin: 88px 0 60px;
}
main .box{
	padding: 20px 20px 50px 20px;
}
main .box .tit .date{
	width: 90px;
	height: 24px;
	font-size: 14px;
	line-height: 24px;
	display: block;
	margin-bottom: 20px;
}
main .box .txt{
	margin: 29px 0 0;
}
main .nav{
	display: block;
	height: auto;
}
main .nav a{
	position: initial;
	top: auto;
	width: 70px;
	margin: 0 auto;
	font-size: 14px;
	line-height: 21px;
}
main .nav .prev{
	left: auto;
	padding-left: 0;
	background: none;
}
main .nav .next{
	right: auto;
	padding-right: 0;
	margin-top: 11px;
	background: none;
}	
}
@media screen and (max-width: 767px) {
main .box .txt{
	font-size: 14px;
	line-height: 21px;
}
main .box .txt h1,
main .box .txt h2,
main .box .txt h3,
main .box .txt h4,
main .box .txt h5,
main .box .txt h6{
	margin-bottom: 15px;
}
main .box .txt h1{
	font-size: 28px;
}
main .box .txt h2{
	font-size: 24px;
}
main .box .txt h3{
	font-size: 20px;
}
main .box .txt h4{
	font-size: 18px;
}
main .box .txt h5{
	font-size: 16px;
}
main .box .txt h6{
	font-size: 16px;
}
main .box .txt p{
	margin-bottom: 20px;
}
}


aside {
	width: 280px;
	margin: 0 0 0 55px;
}
aside .tit{
	font-size: 16px;
	line-height: 24px;
	margin: 0 0 28px;
}
aside li{
	margin: 0 0 24px;
}
aside li a{
	font-size: 14px;
	line-height: 21px;
	color: #B3C3DC;
}
@media screen and (max-width: 1100px){
aside {
	width: 100%;
	margin: 80px 10px 0;
}
}

/*privacy*/
.privacy{
	padding: 120px 0;
}
.privacyin{
	max-width: 940px;
	margin: 0 auto;
	padding: 0 20px;
}
.privacytit{
	font-size: 20px;
	line-height: 70px;
	text-align: center;
	color: #34AE82;
	font-weight: 700;
	background: rgba(207, 231, 215, 0.3);
	margin: 0 0 60px;
}
.privacy .comment{
	font-size: 16px;
	line-height: 24px;
	margin: 0 0 60px;
}
.privacycont{
	font-size: 16px;
	line-height: 24px;
}
.privacycont .strong{
	display: block;
	font-weight: 700;
}
.privacycont dd{
	margin-bottom: 2em;
}
@media screen and (max-width: 767px){
.privacy{
	padding: 120px 0;
}
.privacytit{
	line-height: 60px;
}
}

#sb_instagram .sbi_photo img {
	/*display: none;*/
}
#sb_instagram .sbi_photo {
	background-size: cover;
}



/***PC 1100px ~***/

/***IPAD 768px ~ 1100px***/
@media screen and (max-width: 1100px) {
	
}

/*** SP 480px ~ 767px***/
@media screen and (max-width: 767px) {
	
}

/*** SP 320px ~ 479px***/
@media screen and (max-width: 479px) {
	
}