@charset "utf-8";
/* ------------------------------------------------------------ common */
.sp{ display: none;}

h2.h2 { font-size: 24px; text-align: center; }
h2.h2 span.english { font-size: 14px; display: block; color: #aa9e7a; line-height: 120%; letter-spacing: 5px;}
.nolink_bnr { text-align: center; padding: 30px 0 90px;}
.nolink_bnr p { text-align: left; padding: 20px 0 0; font-size: 16px; }
.campaigns { margin: 50px auto; }
#linebnr { text-align: center; margin: 50px auto; }

/* ------------------------------------------------------------ slick */
.slick-slider { max-width: 1100px; margin: 0 auto; }

/* ------------------------------------------------------------  */
#firstview { padding: 0 0 100px; text-align: center; overflow: hidden; }
#firstview .slick-item img { width: 100%; height: auto; }
#firstview .PC { display: block; }
#firstview .SP { display: none; }

#corona_bnr { width: 1100px; margin: 0 auto 70px; }
#fv_bnr { padding: 30px 0 40px; overflow: hidden; }
#fv_bnr h2.h2 { margin: 0 0 30px; background: url(../images/index/border_03.png) center 15px no-repeat; }

#compass_bnr { padding: 0 0 80px; text-align: center; }

#intro { text-align: center; padding: 55px 0 0;}
#intro h2 { width: 1000px; margin: 0 auto; font-size: 30px; padding: 0 0 40px; background: url(../images/index/icn_03.png) left top no-repeat; }
#intro h2 img { padding: 0 10px 0 0;}
#intro h2 span { display: block; background: url(../images1708/index/icn_04.png) right center no-repeat; padding: 0 30px 0 0;}
#intro ul { margin: 0 0 35px; height: 85px; overflow: hidden;}
#intro ul li { display: inline-block; *display: inline; *zoom: 1; margin: 0 2px;}

.bnr p { padding: 10px 0 12px; font-size: 18px; }
.bnr p.caution { text-align: left; }
.bnr .bnr_magazine { padding: 50px 0 0; }
.bnr .bnr_magazine p { padding: 20px 0 15px;}

.top_bnr img { width: 100%; height: auto; }

.campaigns { margin: 50px auto; }

#news { padding: 135px 0 40px; background: url(../images/index/bg_01.jpg) center top no-repeat; background-size: cover;}
#news h2.h2 { background: url(../images/index/boder_00.png) center 15px no-repeat; margin: 0 0 40px;}
#news dl { font-size: 16px; margin: 0 0 48px; }
#news dl dt { float: left; color: #7c735d; padding: 30px 0 0 18px; }
#news dl dd { padding: 30px 18px 25px 138px; background: url(../images/index/news_border.png) repeat-x center bottom; }
#news dl dd h2 { font-size: 16px; font-weight: bold; }
.shinqcompass_review_widget { margin: 50px auto; }

#voice { padding: 100px 0 100px; background: #c7b99e;}
#voice h2 { background: url(../images/index/head-bg.gif) no-repeat center top; padding: 50px 0 0 ; }
#voice .voice_wrapper { background: url(../images/index/bg_07.gif) center bottom no-repeat; padding: 0 0 30px;}
#voice .inner_wrap  { background: url(../images/index/bg_06.gif) repeat-y; padding: 0 50px;}
#voice .inner_wrap .btn.common02 { padding: 0 0 40px;}
#voice .inner_wrap .btn.common02 img.left { padding: 30px 30px 0 0;}
#voice .inner_wrap .btn.common02 img.right { padding: 30px 0 0 30px;}
#voice p.asterisk { color: #989898; padding: 35px 0 0;}

#voice .voice_wrapper h3 { font-size: 34px; padding: 20px 0; }
#voice .baWrapper { padding: 0 0 20px; }
#voice .baWrapper p { text-align: center; padding: 0 0 45px; }
#voice .baWrapper .left { position: relative; float: left; }
#voice .baWrapper .right { width: 525px; float: right; }
#voice .baWrapper .right h5 { border-bottom: 1px solid #aa9e7a; font-size: 25px; line-height: 65%; margin: 0 0 30px; padding: 10px 0 0; }
#voice .baWrapper .right dl dt,
#voice .baWrapper .right dl dd { font-size: 16px; }
#voice .baWrapper .right dl dd { line-height: 150%; padding: 0 0 25px; }

#owner_intro { background: #faf7ef; padding: 100px 0; }
#owner_intro .textbox { background: #fff; }

#owner_intro .record_icn{ position: relative; color: #a08602;}
#owner_intro .record_icn div{ position: absolute; top: 86px;text-align: center;}
#owner_intro .record_icn:first-of-type div{ left: 65px;}
#owner_intro .record_icn:last-of-type div{ left: 70px;}
#owner_intro .record_icn:first-of-type div p:first-of-type{ font-size: 25px; letter-spacing: .1em; margin-top: -6px;}
#owner_intro .record_icn:last-of-type div p:first-of-type{ font-size: 23px; padding-bottom: 7px;}
#owner_intro .record_icn:first-of-type div p:last-of-type{ font-size: 80px; font-style: italic; margin-top: -35px;}
#owner_intro .record_icn:last-of-type div p:last-of-type{ font-weight: 600; font-size: 44px; font-style: italic;}
#owner_intro .record_icn div p:last-of-type span{ font-size: 29px;}


#original { padding: 100px 0; }
#original h2 { background: url(../images/index/original_bg.png) center center no-repeat; padding: 25px 0; margin: 0 0 50px; }
#original h2.h2 span.english { letter-spacing: 1px; }
#original .subttl{ width: 850px; margin: 0 auto; padding: 0 0 70px; }
#original .sub_text{ width: 850px; margin: 0 auto; padding: 0 0 70px; text-align: center; line-height: 230%; }
#original .sub_text a{ border-bottom: 1px solid #000; padding: 0 0 2px; }

#original h3 { background: #faf7f2; text-align: center; width: 850px; margin: 0 auto 20px; padding: 25px 0; font-size: 24px; position: relative; }
#original h3 span { display: block; font-size: 20px; color: #aa9e7a; position: absolute; top: -17px; left: 0; right: 0; }
#original h4{ width: 850px; margin: 0 auto; padding: 0 0 50px; }

#original .diffarent { text-align: center; padding: 0 0 70px; }
#original ul.block01 { width: 850px; margin: 0 auto 75px; }
#original ul.block01 li { float: left; width: 50%; text-align: center; }
#original ul.block02 { width: 850px; margin: 0 auto; }
#original ul.block02 li { float: left; }
#original ul.block02 li:nth-of-type(2) { width: 516px; min-height: 369px; display: flex; align-items: center; }
#original ul.block02 li:nth-of-type(1) { width: calc(100% - 516px); }
#original .block03 { text-align: center; margin: 0 0 35px; }
#original p.text { text-align: center; margin: 0 0 55px; line-height: 230%; }
#original .flex { display: flex; justify-content: center; padding: 0 20px; }
#original .flex p:not(:last-of-type) { margin: 0 30px 15px 0; }
#original .yellow { font-size: 18px; text-align: center; padding: 0 0 20px; letter-spacing: -1px; }
#original .yellow strong { font-size: 24px; background: linear-gradient(transparent 55%, #fff200 55%); }

#agony .skin a { width: 300px; display: block; background: url(../images/agony/arrow.png) no-repeat 270px center #ed7981; padding: 15px 0; font-size: 16px; text-align: center; color: #fff; margin: 30px auto 0; }
#agony .wrapper-title {background: url(../images/agony/bg1.gif) no-repeat center center; background-size: cover;}
#agony .wrapper-title h2 {text-align: center;  display: inline-block; color: #fff; font-size: 40px; padding: 70px 0 0 60px; background-image: url(../images/agony/text3.png); background-repeat: no-repeat; background-size: 53%; background-position: left 50px;}
#agony .wrapper-title h2 span{ background-image: url(../images/agony/text_marker.png); background-repeat: no-repeat; background-size: contain; background-position: center 29px; padding: 0 20px 30px; margin: -20px;}
#agony .wrapper-title .flower1 {margin: -60px 0 -65px 0;}
#agony .wrapper-title .flower2 {margin: -135px 0 0 0; padding: 0 0 20px 0;}
#agony .wrapper-main {background: url(../images/agony/bg2.jpg) no-repeat center top; background-size: cover;}
#agony .wrapper-flower {background:url(../images/agony/bg3.png) no-repeat center 350px;  padding: 120px 0; margin: 0 auto 0;}
#map area { outline: 0; border: none;} 
#map area:focus { outline: 0; border: none;}

#agony h2 span{ font-size: 60px;}

#agony_reported .top {background: #f7f8fb;}
#agony_reported .top h2 {text-align: center; font-size: 54px; line-height: 130%; padding: 80px 0 45px 0; background: url(../images/index_report/left.png) no-repeat left 90px; width: 710px; margin: 0 auto; }
#agony_reported .top h2 strong { background: url(../images/index_report/right.png) no-repeat right center; display: block; }
#agony_reported .top h2 span {display: block; font-size: 20px;}
#agony_reported .top h3 {color: #fff; text-align: center; font-size: 20px; padding: 40px 0 30px 0;}
#agony_reported .top ul {margin: 0 0 0 -13px; padding: 0 0 40px 0;}
#agony_reported .top li {text-align: center; float: left; margin: 0 0 13px 13px;}
#agony_reported .top .skin {padding: 0 0 0 140px;}
#agony_reported .top li a {width: 265px; background:url(../images/index_report/arrow.png) no-repeat center 45px #b8a787; color: #fff; display: inline-block; font-size: 18px; padding: 12px 0 22px 0;}
#agony_reported .bottom {background: #f7f8fb; padding: 0 0 110px 0; position: relative;}
#agony_reported .bottom .wrapper {background: #fff; margin: 0 0 20px 0;}
#agony_reported .bottom .mark-right {background: url(../images/index_report/bg2.png) no-repeat right top #fff;}
#agony_reported .bottom .mark-left {background: url(../images/index_report/bg4.png) no-repeat left top #fff;}
#agony_reported .bottom .inner-box {width: 980px; margin: 0 auto;}
#agony_reported .bottom h2 {font-size: 30px; text-align: center; color: #ed7981; padding: 80px 0 0 0;}
#agony_reported .bottom h2 img {display: block; margin: 0 auto;}
#agony_reported .bottom h3 {font-size: 24px; text-align: center; padding: 35px 0 60px 0;}
#agony_reported .bottom h5 {font-size: 20px; border-bottom: 1px solid#eeeeee; padding: 0 0 13px 0;}
#agony_reported .bottom p {font-size: 16px; padding: 28px 0 0 0;}
#agony_reported .bottom p.caution { font-size: 18px; color: #a42c2c; padding: 30px 0 0 1em; text-indent: -1em; }
#agony_reported .bottom .rl { margin: 50px auto 0; }
#agony_reported .bottom .lr img { float: left; }
#agony_reported .bottom .rl img { float: right; }
#agony_reported .bottom .text {width: 390px; letter-spacing: 4px; }
#agony_reported .bottom .lr .text { float: right; padding: 0 40px 0 0; }
#agony_reported .bottom .rl .text { float: left; padding: 0 0 0 40px; }
#agony_reported .bottom .btn {font-size: 16px; width: 300px; display: block; color: #fff; background: url(../images/index_report/arrow1.png) no-repeat 260px center #b8a787; padding: 11px 0; margin: 50px auto 60px; text-align: center;}
#agony_reported .bottom .back-btn {font-size: 16px; text-align: center; padding: 25px 0; border-top: 1px solid#eeeeee; /* ボタン入ったら消す→*/margin: 40px 0 0 0;}
#agony_reported .bottom .back-btn a {display: block;}
#agony_reported .bottom .back-btn img {display: block; margin: 0 auto; padding: 0 0 5px 0;}
#agony_reported .bottom #chin h2 {padding: 80px 0 60px 0;}

#agony .wrapper-title img {width: 100%; height: auto;}
#agony .wrapper-title .flower1 {margin: 0 0 -30px 0; padding: 0; width: 10%; height: auto; z-index: 20;}
#agony .wrapper-title .flower2 {margin: -152px 0 0 0; padding: 0 0 10px 0;  width: 14%; height: auto; }
#agony .wrapper-main {background: url(../images/agony/bg2.jpg) no-repeat center top; background-size: cover;}
#agony .wrapper-flower {background: url(../images/agony/bg3.png) no-repeat center 120px; background-size: 100% auto;  padding: 50px 0 30px 0;}
#agony .wrapper-flower img.people {width: 100%; height: auto;}
#agony .wrapper-flower .btn { margin: 0 auto; padding: 0; }
#agony .wrapper-flower .btn h3 {font-size: 16px; color: #8f7237; padding: 10px 0 0; }
#agony .wrapper-flower .btn img {margin: 0 0 0; width: 70%; height: auto; max-width: 354px; }
#agony .wrapper-flower .btn .list { margin: 0 0 0 -3%; padding: 20px 0;}
#agony .wrapper-flower .btn li {width: 47%; float: left; padding: 0 0 3% 3%; margin: 0 auto;}
#agony .wrapper-flower .btn li a {width: 100%; background: url(../images/agony/arrow.png) no-repeat 94% center #b8a787; padding: 10px 0 10px 15px; font-size: 16px; text-align: left; box-sizing: border-box; -webkit-box-sizing: border-box; }

#different {padding: 90px 0 0; }
#different .inner { background: #fff; padding: 60px; box-sizing: border-box; -webkit-box-sizing: border-box; }
#different h6 {font-size: 30px; border-top: 1px solid#eeeeee; border-bottom: 1px solid#eeeeee; padding: 20px 0; text-align: center;}
#different .difference-title {position: relative;}
#different .difference-title .bird {position: absolute; left: 20px; top: 70px;}
#different .difference-title .flower {position: absolute; right: 20px; top: -25px;}
#different .container {margin: 55px 0 0 0;}
#different .box {width: 489px;  float: left;}
#different .box .inner-text {width: 400px;}
#different .box .inner-text .title {padding: 0 0 0 110px !important; font-size: 24px !important;}
#different .box .inner-text .content {font-size: 16px; padding: 10px 0 0 !important; }

.bottom .point1 { border-right: 1px solid#eeeeee; margin: 0 auto 70px; }
.bottom .point3 { clear: both; }
.bottom .point4 { border-left: 1px solid#eeeeee; }
.bottom .point5 { padding: 40px 0 0; }
.bottom .point1 .inner-text,
.bottom .point3 .inner-text {padding: 0 50px 0 40px; }
.bottom .point2 .inner-text,
.bottom .point4 .inner-text {padding: 0 40px 0 50px; }

.bottom .photo { text-align: center; padding: 15px 0 10px !important; }
.bottom .photo img { width: 100%; height: auto;}
.bottom .point3 img { width: 128px; height: auto; }
.bottom .point1 .inner-text .title {background: url(../images/index_report/point1.png) no-repeat left 12px; line-height: 150%; }
.bottom .point2 .inner-text .title {background: url(../images/index_report/point2.png) no-repeat left center; }
.bottom .point3 .inner-text .title {background: url(../images/index_report/point3.png) no-repeat left center; line-height: 150%; }
.bottom .point4 .inner-text .title {background: url(../images/index_report/point4.png) no-repeat left center; }
.bottom .point5 .title { background: url(../images/index_report/point5.png) no-repeat left center; padding: 0 0 0 110px !important; font-size: 24px !important; margin: 0 auto 10px; }

#different .attention { border: 1px solid #c3b57d; padding: 4px; width: 700px; margin: 30px auto 0; }
#different .attention .attention_inner { border: 1px solid #c3b57d; padding: 20px 50px; font-size: 18px; text-align: center; }

#agony_reported .bottom .flower-left {position: absolute; left: 0; width: 10%; height: auto;}
#agony_reported .bottom .flower-right {position: absolute; right: 0; top: 1200px; width: 10%; height: auto;}
#agony_reported .bottom .flower-left2 {position: absolute; left: 0; top: 2850px; width: 10%; height: auto;}
#agony_reported .bottom .flower-right2 {position: absolute; right: 0; top: 3600px; width: 10%; height: auto;}
#agony_reported .bottom .flower-left3 {position: absolute; left: 0; top: 5000px; width: 10%; height: auto;}
#agony_reported .bottom .flower-right3 {position: absolute; right: 0; top: 6500px; width: 10%; height: auto;}
#agony_reported .bottom .flower-left4 {position: absolute; left: 0; top: 8150px; width: 10%; height: auto;}
#agony_reported .bottom .flower-right4 {position: absolute; right: 0; top: 8400px; width: 10%; height: auto;}
#agony_reported .bottom .flower-left5 {position: absolute; left: 0; top: 9900px; width: 10%; height: auto;}
#agony_reported .bottom .flower-right5 {position: absolute; right: 0; top: 10600px; width: 10%; height: auto;}
#agony_reported .bottom #eyelid .wrapper {margin: 0;}
#agony_reported .bottom #eyelid .cfx { padding: 50px 0 0; }

#lplink { background: url(../images/index/lplink_bg.jpg) no-repeat center center; background-size: cover; padding: 120px 0 45px; margin: 0 auto 90px; }
#lplink .left { float: left; padding: 305px 0 0 40px; }
#lplink .textbox { float: right; width: 445px; background: #fff; text-align: center; padding: 50px 0; }
#lplink .textbox p { font-size: 16px; font-family:"ヒラギノ角ゴ Pro w3","Hiragino Kaku Gothic Pro","Meiryo","メイリオ","Osaka","ＭＳ Ｐゴシック","MS P Gothic","Arial",sans-serif; line-height: 30px; padding: 25px 0 0; }
#lplink .textbox .viewmore a { width: 300px; display: block; background: url(../images/agony/arrow.png) no-repeat 94% center #b19c5e; padding: 15px 0; font-size: 26px; text-align: center; color: #fff; margin: 0 auto; font-family: "EB Garamond", serif; font-style: italic; }

#lplink h3{ font-size: 33px; margin-bottom: -30px; line-height: 1.3em;}
#lplink .textbox img{ width: 55%;}
#lplink .textbox p{ margin-top: -40px; padding: 25px 0 40px;}
#lplink .textbox p.viewmore{ padding: 25px 0 0 0;}

#magazine { position: relative; }
#magazine .inner { position: relative; }
#magazine h2 {  padding: 115px 0 80px; text-align: center; position: relative; z-index: 1; }
/* #magazine ul { padding: 120px 0 40px;} */
#magazine ul li { float: left; width: 347px; margin: 0 0 0 29px;}
#magazine ul li:first-child { margin: 0;}
#magazine ul li div { padding: 15px 0 25px; text-align: center;}
#magazine ul li div span.category { font-size: 14px; color: #fff; display: inline-block; *display: inline; *zoom: 1; padding: 3px 10px;}
#magazine ul li div span.event { background: #f4696d;}
#magazine ul li div span.campaign { background: #aa89bf;}
#magazine ul li div span.beauty { background: #d0ba7e;}
#magazine ul li div h3 { font-size: 18px; text-align: left; padding: 25px 0 0; background: url(../images/index/line_01.png) center top repeat-x; margin: 15px 0 0;}
#magazine ul li div h3 span { display: block; background: url(../images/index/line_01.png) center bottom repeat-x; padding: 0 0 25px; overflow: hidden;}
#magazine ul li div p.date { text-align: left; color: #a0a0a0; font-size: 13px; padding: 15px 0 0;}
#magazine p.btn { padding: 0 0 60px; }
#magazine::before { content:''; position: absolute; left: 0; top: 0; width: 100%; height: 500px; background: url(../images/index/bg_10.jpg) center top no-repeat; background-size: cover; z-index: 0; }

#magazine .fadeInUp:first-of-type{ text-align: center; color: #fff; font-size: 21px; letter-spacing: .1em;}
#magazine .fadeInUp:first-of-type h2{ font-family: 'Cinzel', serif; font-weight: 500; }
#magazine .fadeInUp:first-of-type span{ display: block; font-size: 55px; letter-spacing: .4em; font-weight: 500;}
#magazine .fadeInUp:first-of-type span.hr{ content:""; width: 250px; margin: -70px auto 0 auto; position: relative; z-index: 30; border-bottom: 1px solid #fff;}
#magazine .fadeInUp:first-of-type img{ display: block; position: relative; z-index: 30; margin: 30px auto 70px auto; width: 23%;}

#sns { background: #e9e5db; text-align: center; padding: 75px 0 85px;}
#sns h2 { font-size: 34px; color: #aa9e7a; letter-spacing: 15px; background: url(../images/index/line_01.png) center center repeat-x; margin: 0 0 55px;}
#sns h2 span { display: inline-block; *display: inline; *zoom: 1; background: #e9e5db; padding: 0 20px;}
#sns ul li { display: inline-block; *display: inline; *zoom: 1;}
#sns ul li:first-child { margin: 20px 20px 0 0;}

#entrance { padding: 90px 0 40px;}
#entrance ul { display: flex; justify-content: center; }
#entrance ul li { float: left; width: 350px; margin: 0 0 0 25px;}
#entrance ul li:first-child { margin: 0;}
#entrance ul li div { padding: 15px 0 20px; text-align: center; }
#entrance ul li div h3 { font-size: 20px; padding: 0 0 15px;}
#entrance ul li div h3 span { display: block; font-size: 14px; color: #aa9e7a; letter-spacing: 5px;}

/* ------------------------------------------------------------ bxslider */
.bx-wrapper .bx-viewport { -moz-box-shadow: inherit; -webkit-box-shadow: inherit; box-shadow: inherit; border: none; left: 0; }
.bx-wrapper { width: 98% !important; max-width: inherit !important; }

/* ------------------------------------------------------------ slick */
.slick-next { right: 25px; background: url(../images/slick/next.png) no-repeat center center; }
.slick-prev { left: 25px; z-index: 99; background: url(../images/slick/prev.png) no-repeat center center; }

.slick-next,
.slick-prev { position: absolute; top: 50%; width: 36px; height: 70px; font-size: 0; line-height: 0; color: transparent;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

ul.slick-dots { position: absolute; bottom: -30px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
ul.slick-dots li { display: inline-block; *display: inline; *zoom: 1; margin: 0 2px; }
ul.slick-dots li button { font-size: 0; line-height: 0; color: transparent; height: 4px; width: 64px; background: #d2d2d2; }
ul.slick-dots li.slick-active button { background: #953c48; }

.slick-slider .slick-track, .slick-slider .slick-list {
	height: 100%;
}

.slick-track {
	height: 100%;
}

.slick-slide {
	height: 100% !important;
	margin: 0 !important;
}

/* ------------------------------------------------------------ Loadingアニメーション */
/*fixedで全面に固定*/
#splash {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 999;
	background: #fff;
	text-align: center;
}

/* Loading画像中央配置　*/
#splash_logo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* Loading アイコンの大きさ設定　*/
#splash_logo img {
	width: 400px;
}

/* fadeUpをするアイコンの動き */
.fadeUp{
	animation-name: fadeUpAnime;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
	opacity: 0;
	backface-visibility:hidden
}

@keyframes fadeUpAnime{
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* 流れるテキスト */
#splash p {
	position: relative;
	top: 65%;
	font-size: 20px;
	color: #c1b296;
}

#splash p b {
	display: inline-block;
	font-weight: normal;
	animation: anim-title 1s ease;
	animation-fill-mode: both;
	backface-visibility:hidden
}

@keyframes anim-title {
	from {
		opacity: 0;
	}

    to {
	    opacity: 1;
	}
}
/* ------------------------------------------------------------ fv */
#fv {
	overflow: hidden;
	position: relative;
}

#fv .fv_bg {
	overflow: hidden;
	height: calc(100vh - 80px);
}

#fv .fv_bg span {
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 120%;
	height: 120%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	transition: 5s ease-out;
}

#fv .fv_bg .slick-active span {
	width: 101%;
	height: 101%;
}

#fv .slick-slider {
    max-width: inherit;
    margin: 0;
}

#fv .logo_fv {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

#service { background: #faf7ef; padding: 0 0 100px;}
#service h2 { padding: 100px 0 50px; background: url(../images/index/220222/border.png) repeat-x center 120px; }
#service h2 .english { background: #faf7ef; display: inline; padding: 0 20px ;}

#service .service_slider { overflow: hidden; }
#service .service_slider li { background: #fff; }
#service .service_slider li .left { padding: 50px; width: 450px; float: left;}
#service .service_slider li:nth-of-type(4) .left{ padding: 40px 50px;}
#service .service_slider li:nth-of-type(5	) .left{ padding: 29px 50px;}

#service .service_slider .slick-slide img { width: inherit; height: inherit; }
#service .service_slider .slick-slide {  }
#service .service_slider .slick-slide img.thum { float: left; }
#service .service_slider li h3 { text-align: center; font-size: 30px; color:#771318; }
#service .service_slider li h3 img { width: 84px !important; height: auto !important; margin: 0 auto; padding: 0 0 10px;}
#service .service_slider li h3::after { content: ''; width: 50px; height: 2px; display:block; background-color: #771318;  margin: 20px auto 0;}
#service .service_slider li p { font-size: 16px; padding: 24px 0 ;}
#service .service_slider li div div { font-size: 16px; color: #a99d79; border: 1px solid #a99d79; border-radius: 20px; width: 200px; margin: 0 auto; padding: 3px; text-align: center;}

#service .service_slider li p.number{ color: #771318; font-size: 70px; text-align: center; padding: 0;}
#service .service_slider li p.number span{ letter-spacing: 0.05em; font-size: 15px; display: block; margin-top: -20px;}

#menu p img{ width: 100%; height: auto; padding: 5px 0 0 20px;}
#menu-btns { background: #faf7ef; padding: 75px 0 0;}
#menu-btns ul li { width: 170px; float: left; background: #fff; border: #d5cbb3 1px solid; text-align: center; margin: 0 5px;}
#menu-btns ul li a { font-size: 20px; color: #623d00; display: block; padding: 36px 0; }
#menu-btns ul li a img { margin: 20px 0 0 ; }

#trouble { background: #faf7ef; padding: 0 0 100px;}
#trouble h2 { padding: 100px 0 50px; background: url(../images/index/220222/border.png) repeat-x center 120px; }
#trouble h2 .english { background: #faf7ef; display: inline; padding: 0 20px ;  font-size: 40px;}
#trouble ul li { display: inline-block; margin-left: 35px; width: 340px; height: 170px; text-align: center;}
#trouble ul li:first-child { margin-left: 0; }

#trouble .SP{ display: none;}
#trouble ul li a{ color: #fff; }
#trouble ul li:hover{ opacity: 0.8;}
#trouble ul li img{ display: block; float: left; width: 170px; }
#trouble ul li p{ float: left; width: 170px; font-size: 22px; font-weight: 700; padding: 55px 0;  background-color: #b8a787; }
#trouble ul li span{ display: block; font-size: 14px; font-weight: 400; } 

#treatmennt {  padding: 0 0 100px;}
#treatmennt h2 { padding: 100px 0 50px; background: url(../images/index/220222/border.png) repeat-x center 120px; }
#treatmennt h2 .english { background: #fff; display: inline; padding: 0 20px ; font-size: 40px;}
#treatmennt ul li { width: 275px; float: left; text-align: center; background: #faf7ef; padding: 25px 0 ;}
#treatmennt ul li img { padding: 0 0 10px; }
#treatmennt ul li a { color: #a99d79; font-size: 20px; display: block; border-left: 1px solid #a99d79; }
#treatmennt ul li:first-child a { border-left: none;}


/* ------------------------------------------------------------ contents_00 */

#contents_00 p { font-size: 12px; line-height: 190%; padding-bottom: 20px; }
.inner_00 { width: 1100px; margin: 0 auto; }


/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){

/* ------------------------------------------------------------ common */
.pc{ display: none;}
.sp{ display: block;}

h2.h2 { font-size: 18px; text-align: center; }
h2.h2 span.english { font-size: 13px; display: block; color: #aa9e7a; line-height: 120%; letter-spacing: 3px;}
.nolink_bnr { text-align: center; padding: 50px 0 30px; }
.nolink_bnr img { width: 100%; height: auto; }
.nolink_bnr p { padding: 10px 0 0; font-size: 14px; }
.campaigns { margin: 30px auto; }
#linebnr { margin: 30px auto; }
#linebnr img { width:90%; height: auto; }



#fv p{ height: 100vh;}
#fv p img{ height: 100%; width: auto;}

/* ------------------------------------------------------------  */
#firstview { padding: 0 0 50px;}
#firstview .slick-item img { width: 100%; height: auto; }
#firstview .PC { display: none; }
#firstview .SP { display: block; }


/*
#fv .fv_bg {
	transition: height 1s;
}
#fv.spHide .fv_bg { 
	height: 0vh;
}
*/

#fv.spHide {
	display: none;
}


#corona_bnr { width: 90%; margin: 0 auto 40px; }
#corona_bnr a img { width: 100%; height: auto; }

#fv_bnr { padding: 30px 0 70px; }
#fv_bnr h2.h2 { margin: 0 0 15px; }
#fv_bnr li { padding: 0; }
#fv_bnr li img { width: 100%; height: auto; }

#compass_bnr { padding: 0 0 60px; }

#intro { text-align: center; padding: 25px 0 0;}
#intro h2 { width: 100%; font-size: 17px; padding: 0 0 20px; background: url(../images/index/icn_03.png) left 6px no-repeat;}
#intro h2 img { padding: 0; }
#intro h2 span { display: inline-block; *display: inline; *zoom: 1; background: url(../images/index/icn_04.png) right 6px no-repeat; padding: 0 6%;}
#intro ul { margin: 0 0 15px; height: auto; overflow: hidden; text-align: left;}
#intro ul li { display: inline-block; *display: inline; *zoom: 1; margin: 0; width: 20%;}
#intro ul li img { width: 100%; height: auto;}
#intro p.text { text-align: left;}

.bnr p { font-size: 13px; }
.bnr p img { width: 100%; height: auto; }
.bnr .bnr_magazine { padding: 20px 0 0; }
.bnr .bnr_magazine p { font-size: 14px; text-align: left; padding: 10px 0 0;}

.top_bnr { margin: 0; }

.shinqcompass_review_widget { margin: 0 auto 30px; width: calc(90% - 20px) !important; }

#news { padding: 30px 0 40px; background: url(../images/index/bg_01.jpg) center top no-repeat; background-size: cover;}
#news h2.h2 { background: url(../images/index/boder_00.png) center 15px no-repeat; margin: 0 0 20px;}
#news dl { font-size: 14px; }
#news dl dt { float: none; padding: 20px 3% 0; }
#news dl dd { padding: 10px 3% 20px; }
#news dl dd h2 { font-size: 14px; }

#voice { padding: 30px 0 20px;}
#voice h2 { background: none; padding: 0 0 20px; color: #fff;}
#voice h2 span { color: #fff; }
#voice .voice_wrapper { background: none; padding: 0 0 15px; border: 1px solid #aa9e7a;  background: #fff;}
#voice .inner_wrap  { padding: 0 3%; background: none;}
#voice .inner_wrap .btn.common02 img.left { padding: 5px 5px 0 0;}
#voice .inner_wrap .btn.common02 img.right { padding: 5px 0 0 0;}
#voice p.asterisk { color: #989898; padding: 15px 0 0; font-size: 12px;}

#voice .voice_wrapper h3 { font-size: 20px; padding: 10px 0; }
#voice .baWrapper { padding: 0 0 10px; }
#voice .baWrapper p { padding: 0 0 20px; }
#voice .baWrapper p img { width: 100%; height: auto; }
#voice .baWrapper .left { float: none; }
#voice .baWrapper .right { width: 100%; float: none; }
#voice .baWrapper .right span { display: block; font-size: 14px; text-align: center; }
#voice .baWrapper .right h5 { font-size: 17px; text-align: center; line-height: 135%; margin: 0 0 15px; padding: 10px 0 7px; }
#voice .baWrapper .right dl dt,
#voice .baWrapper .right dl dd { font-size: 13px; line-height: 170%; }
#voice .baWrapper .right dl dt { text-align: center; }
#voice .baWrapper .right dl dd { padding: 0 0 15px; }

#owner_intro { padding: 50px 0; }
#original { padding: 90px 0 0; }
#original h2 { padding: 30px 0; margin: 0 0 20px; }
#original h2.h2 span.english { letter-spacing: 1px; }
#original .subttl{ width: 100%; }
#original .sub_text{ width: 100%; padding: 0 0 40px; line-height: 180%; }

#original h3 { text-align: center; width: 100%; margin: 0 auto 20px; padding: 20px 0 16px; font-size: 18px; }
#original h3 span { font-size: 16px; top: -15%; }
#original h3 span.one-line { top: -8%; }
#original h4{ width: 100%; padding: 0 0 30px; }

#original .diffarent{ padding: 0 0 30px; }
#original .diffarent img { width: 100%; height: auto;}
#original ul li:nth-of-type(1) { margin: 0 0 50px; }
#original ul.block01 { width: 100%; margin: 0 auto 55px; }
#original ul.block01 li { float: none; width: 100%; text-align: center; }
#original ul.block02 { width: 100%; margin: 0 auto 20px; }
#original ul.block02 li { float: left; }
#original ul.block02 li:nth-of-type(2) { width: 100%; min-height: inherit; display: block; }
#original ul.block02 li:nth-of-type(2) img { width: 100%; height: auto; }
#original ul.block02 li:nth-of-type(1) { width: 100%; text-align: center; }
#original ul.block02 li:nth-of-type(1) img { margin: 0 auto; }
#original .block03 { margin: 0 0 30px; }
#original .block03 img { width: 100%; height: auto; }
#original p.text { margin: 0; line-height: 180%; }
#original .flex { display: block; }
#original .flex p:not(:last-of-type) { margin: 0; }

#original-cta { padding: 0 0 50px; }

#owner_intro .record_icn:first-of-type div{ top: 56%; left: 50%; transform: translate(-50%,-50%); width: 72%;}
#owner_intro .record_icn div { position: absolute; top: 16px; text-align: center; }
#owner_intro .record_icn:first-of-type div p:first-of-type { font-size: 11px; letter-spacing: .1em; margin-top: 15px; }
#owner_intro .record_icn:first-of-type div p:last-of-type { font-size: 25px; font-style: italic; margin-top: -11px; }
#owner_intro .record_icn div p:last-of-type span { font-size: 12px; }
#owner_intro .record_icn:last-of-type div p:first-of-type { font-size: 9px; padding-bottom: 0; }
#owner_intro .record_icn:last-of-type div { left: 50%; top: 65%; transform: translate(-50%,-50%); width: 81%; }
#owner_intro .record_icn:last-of-type div p:last-of-type { font-size: 15px; font-style: italic; }

#agony {padding: 10px 0 0 0;}
#agony .skin { }
#agony .skin a { width: 250px; display: block; background: url(../images/agony/arrow.png) no-repeat 94% center #b8a787; padding: 15px 0; font-size: 14px; margin: 30px auto 0; }
#agony .wrapper-title h2 {width: 80%; padding: 38px 0 0; font-size: 16px; background-position: left 19px;}
#agony .wrapper-title h2 span{ background-position: center 11px; padding: 0 10px 20px; margin: -10px;}
#agony .wrapper-title .flower1{ margin: 0 0 -37px 0;}
#agony .wrapper-title .flower2{ margin: 10px 0 0 -12px; width: 10%;}

#agony h2 span{ font-size: 25px;}



#agony_reported .top {background: #f7f8fb; padding: 50px 0 0; }
#agony_reported .top .inner { background: none;}
#agony_reported .top img {width: auto; height: 40px; margin: 0 auto; }
#agony_reported .top h2 {font-size: 20px; line-height: 170%; padding: 5px 0 20px 0; background: url(../images/index_report/left.png) no-repeat left 12px; width: 270px; background-size: 15px; }
#agony_reported .top h2 span {display: block; font-size: 15px;}
#agony_reported .top h2 strong { background: url(../images/index_report/right.png) no-repeat right center; background-size: 15px; }
#agony_reported .top h3 {font-size: 17px; padding: 20px 0 30px 0;}
#agony_reported .top ul {margin: 0; padding: 0 0 21px 0;}
#agony_reported .top li {text-align: center; float: none; margin: 0 0 10px 0;}
#agony_reported .top .skin {padding: 0; }
#agony_reported .top li a {width: 90%; background:url(../images/index_report/arrow.png) no-repeat center 37px #b8a787; font-size: 15px; padding: 8px 0 22px 0;}
#agony_reported .top .skin a{ margin: 0; }
#agony_reported .bottom {padding: 0 0 40px 0; position: relative;}
#agony_reported .bottom .mark-right {background-size: 70% auto;}
#agony_reported .bottom .mark-left {background-size: 70% auto;}
#agony_reported .bottom .inner-box {width: 90%; margin: 0 auto;}
#agony_reported .bottom h2 {font-size: 18px; padding: 30px 0 0 0;}
#agony_reported .bottom h3 {font-size: 16px; padding: 10px 2% 20px;}
#agony_reported .bottom h5 {font-size: 16px; padding: 0 0 5px 0;}
#agony_reported .bottom p {font-size: 13px; padding: 15px 0 0 0;}
#agony_reported .bottom .rl { margin: 50px auto 0; }
#agony_reported .bottom .lr img { float: none; width: 100%; height: auto; }
#agony_reported .bottom .rl img { float: none; width: 100%; height: auto; }
#agony_reported .bottom .text {width: 100%; letter-spacing: 4px; }
#agony_reported .bottom .lr .text { float: none; padding: 15px 0 20px; }
#agony_reported .bottom .rl .text { float: none; padding: 15px 0 20px; }

#different {padding: 30px 0 0; }
#different .inner { padding: 30px 5%; box-sizing: border-box; -webkit-box-sizing: border-box; }
#different h6 {font-size: 18px; padding: 15px 0; line-height: 140%; }
#different .difference-title .bird { left: 0; bottom: 0; width: auto; height: 20px;}
#different .difference-title .flower { right: 0; top: -15px; width: auto; height: 35px;}
#different .container {margin: 20px 0 0 0;}
#different .container .box {width: 100%; float: none;}
#different .container .box .inner-text {width: 94%;}
#different .container .box .inner-text .title {padding: 0 0 0 110px !important; font-size: 16px !important;}
#different .container .box .inner-text .content {font-size: 13px; padding: 10px 0 0 !important; }
#different .point5 .title { font-size: 16px !important; }
#different .title { line-height: 140%; }
#different .attention { padding: 4px; width: 100%; margin: 20px auto 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
#different .attention .attention_inner { padding: 15px 5%; font-size: 14px; }

.bottom .point1 { border-right: 1px solid#eeeeee; margin: 0 auto; }
.bottom .point3 { clear: both; }
.bottom .point4 { border-left: none; }
.bottom .point5 img { width: 100%; height: auto; }
.bottom .point1 .inner-text,
.bottom .point3 .inner-text {padding: 0 50px 0 40px; }
.bottom .point2 .inner-text,
.bottom .point4 .inner-text {padding: 0 40px 0 50px; }
.bottom .point1,
.bottom .point2,
.bottom .point3 {border-right: none; border-bottom: 1px solid #eeeeee;}
.bottom .point1 .inner-text {padding: 20px 2%; }
.bottom .point2 .inner-text {padding: 20px 2%; }
.bottom .point3 .inner-text {padding: 20px 2%; }
.bottom .point4 .inner-text {padding: 20px 2%; }
.bottom .point1 .inner-text .title {background: url(../images/index_report/point1.png) no-repeat left center; line-height: 150%; }

#lplink { background: none; padding: 0; margin: 0 auto; }
#lplink .inner { width: 90%; }
#lplink img { width: 100%; height: auto; }
#lplink .textbox { float: none; width: 100%; padding: 40px 0 90px; }
#lplink .textbox h3 img { max-width: 328px; }
#lplink .textbox p { font-size: 14px; line-height: 24px; text-align: left; padding: 25px 0 0; }
#lplink .textbox .viewmore a { width: 250px; background: url(../images/agony/arrow.png) no-repeat 94% center #b19c5e; padding: 10px 0 15px; font-size: 16px; }

#lplink .textbox img{ padding: 50px 0 40px;}
#lplink .textbox p.viewmore{ padding: 65px 0 0 0;}

#magazine h2 {padding: 60px 0 5px; text-align: center; background-size: cover; font-size: 11px;}
#magazine h2 img { width: 260px; height: auto;}
#magazine .fadeInUp:first-of-type span{ font-size: 21px;}
#magazine .fadeInUp:first-of-type img{ width: 35%; margin: 10px auto 10px auto;}
#magazine .fadeInUp:first-of-type span.hr{ margin: 0 auto; width: 100px;}
#magazine ul { padding: 20px 0 10px;}
#magazine ul li { float: none; width: 100%; margin: 0 0 15px;}
#magazine ul li:first-child { margin: 0 0 15px;}
#magazine ul li img { width: 100%; height: auto;}
#magazine ul li div { padding: 15px 0; text-align: center;}
#magazine ul li div span.category { font-size: 12px; color: #fff; display: inline-block; *display: inline; *zoom: 1; width: 130px; padding: 3px 0;}
#magazine ul li div span.event { background: #f4696d;}
#magazine ul li div span.campaign { background: #aa89bf;}
#magazine ul li div span.beauty { background: #d0ba7e;}
#magazine ul li div h3 { font-size: 16px; text-align: left; padding: 20px 0 0; background: url(../images/index/line_01.png) center top repeat-x; margin: 15px 0 0;}
#magazine ul li div h3 span { display: block; background: url(../images/index/line_01.png) center bottom repeat-x; padding: 0 0 20px;}
#magazine ul li div p.date { text-align: left; color: #a0a0a0; font-size: 12px; padding: 10px 0 0;}

#magazine::before { height: 55vw; }

#sns { background: #e9e5db; text-align: center; padding: 30px 0;}
#sns img { width: 100%; height: auto;}
#sns h2 { font-size: 20px; color: #aa9e7a; letter-spacing: 10px; background: url(../images/index/line_01.png) center center repeat-x; margin: 0 0 20px;}
#sns h2 span { display: inline-block; *display: inline; *zoom: 1; background: #e9e5db; padding: 0 20px;}
#sns ul li { display: inline-block; *display: inline; *zoom: 1; width: 50%;}
#sns ul li:first-child { margin: 10px 0 0 0;}
#sns ul li img { width: 98%; height: auto;}

#entrance { padding: 30px 0 40px;}
#entrance ul { display: block; }
#entrance ul li { float: none; width: 100%; margin: 0 0 15px;}
#entrance ul li:first-child { margin: 0 0 15px;}
#entrance ul li img { width: 100%; height: auto;}
#entrance ul li div { padding: 15px 0 20px; text-align: center; }
#entrance ul li div h3 { font-size: 18px; padding: 0 0 15px;}
#entrance ul li div h3 span { display: block; font-size: 14px; color: #aa9e7a; letter-spacing: 5px;}

/* ------------------------------------------------------------  slick */
.slick-next, .slick-prev { width: 18px; height: 35px; background-size: 18px 35px; }
.slick-prev { left: 10px; }
.slick-next { right: 10px; }

ul.slick-dots { bottom: -20px; }
ul.slick-dots li button { width: 10px; }

/* ------------------------------------------------------------ Loading背景画面設定 */
	#splash_logo img {
		width: 225px;
	}

	.slick-slider .slick-track,
	.slick-slider .slick-list {
	}

	#splash p {
		top: 62%;
		font-size: 18px;
	}

/* ------------------------------------------------------------ fv */
	#fv .fv_bg {
		height: calc(100vh);
	}

	#fv .logo_fv img {
		width: 190px;
		height: auto;
	}


#service-block { background: #fff; padding: 0 0 10px;}
#service-block h2 { padding: 60px 0 50px; background: url(../images/index/220222/border.png) repeat-x center 75px; }
#service-block h2 .english { background: #fff; display: inline; padding: 0 20px;}
#service-block ul li img { width: 100%; height: auto; }

#service-block a{ display: block; padding: 17px 0 20px 0;}
#service-block ul li{ display: inline-block;  height: 208px; width: 50%; outline: 1px solid #fff; background-repeat: no-repeat; background-size: cover; background-position: center; text-align: center; vertical-align: top;}

#service-block ul li:nth-of-type(1) a{ padding: 0;}

#service-block ul li:nth-of-type(2){ background-image: url(../images/index/220222/sp_btn_21.jpg);}
#service-block ul li:nth-of-type(3){ background-image: url(../images/index/220222/sp_btn_22.jpg);}
#service-block ul li:nth-of-type(4){ background-image: url(../images/index/220222/sp_btn_23.jpg);}
#service-block ul li:nth-of-type(5){ background-image: url(../images/index/220222/sp_btn_24.jpg);}
#service-block ul li:nth-of-type(6){ background-image: url(../images/index/220222/sp_btn_25.jpg);}

#service-block ul li dl,
#service-block ul li p{ color: #fff;}
#service-block ul li dl{ letter-spacing: .1em;}
#service-block ul li dl dt{ font-size: 60px; font-family:'Cinzel', serif;}
#service-block ul li dl dd:nth-of-type(1){ font-size: 13px; margin-top: -20px;}
#service-block ul li dl dd:nth-of-type(2){ font-size: 20px;}
#service-block ul li span{ display: inline-block; content: ""; border-top: 1px solid #fff; border-right: 1px solid #fff; width: 10px; height: 10px; transform: rotate(45deg); margin: 15px auto 0;}

#menu-btns { background: #faf7ef; padding: 25px 0 ;}
#menu-btns ul li { width: 30%; float: left; background: #fff; border: #d5cbb3 1px solid; text-align: center; margin: 1% 1%;}
#menu-btns ul li a { font-size: 13px; color: #623d00; display: block; padding: 20px 0; }
#menu-btns ul li a img { margin: 12px 0 0 ; height: 25px; width: auto;}

#trouble { background: #faf7ef; padding: 0 0 50px;}
#trouble h2 { padding: 60px 0 50px; background: url(../images/index/220222/border.png) repeat-x center 75px; font-size: 12px;}
#trouble h2 .english { background: #faf7ef; display: inline; padding: 0 20px ;  font-size: 25px;}
#trouble ul li { display: inline-block; margin-left: inherit; width: 100%; height: 110px; margin-bottom: 10px;}
#trouble ul li img { width: 50%; height: 100%;}
#trouble ul li p{ width: 50%; padding: 30px 0 19px 0;}
#trouble ul li:first-child { margin-left: 0; }

#trouble .PC{ display: none;}
#trouble .SP{ display: block;}

#treatmennt {  padding: 0 0 100px;}
#treatmennt h2 { padding: 60px 0 50px; background: url(../images/index/220222/border.png) repeat-x center 75px; font-size: 12px;}
#treatmennt h2 .english { background: #fff; display: inline; padding: 0 20px ; font-size: 25px;}
#treatmennt ul li { width: 50%; float: left; text-align: center; background: #faf7ef; padding: 25px 0 ; margin-bottom: 10px;}
#treatmennt ul li img { padding: 0 0 10px; width: 74px;height: auto; }
#treatmennt ul li a { color: #a99d79; font-size: 20px; display: block; border-left: 1px solid #a99d79; }
#treatmennt ul li:first-child a { border-left: none;}
#treatmennt ul li.noborder a {border-left: none;  }

/* ------------------------------------------------------------ contents_00 */

#contents_00 p { padding-top: 20px; }
.inner_00 { width: 94%; margin: 0 auto; }

}