@charset "UTF-8";
/* ------------------------------------------------------------------------
css見出し構成
---------------------------------------------------------------------------
	- common（初期設定）
    - page（ページ固有設定）
------------------------------------------------------------------------ */


/* ============================================================================
　common（初期設定）
============================================================================ */
/* mainvisualの設定
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*gnavカレント設定*/
@media screen and (min-width: 1100px) {
	.Nav__item.Hotspring span {
		padding: 30px 0 38px;
		border-bottom: 3px solid #ddb03d;
		color: #ddb03d;
	}
}
/* スライダーの設定
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.thumb .sp-slide {
	width: 32% !important;
	border: none;
	margin-left: 2%;
}
.thumb .sp-slide:first-child {
	margin-left: 0;
}
.thumb {
	display: none;
}
.slidearrow .slick-prev{
    left: 7%;
}
.slidearrow .slick-next {
	right: 7%;
}
@media screen and (min-width: 768px) {
	.right_main .slick-next {
		right: 10px !important;
	}
	.right_main .slick-prev {
		left: 45px !important;
	}
	.left_main .slick-next {
		right: 45px !important;
	}
	.left_main .slick-prev {
		left: 10px !important;
	}
}
@media screen and (min-width: 1024px) {
	.thumb {
		display: block;
	}
}
/*コロナ防止　スタイル
-----------------------------------------------------------------------------*/

@media screen and (min-width:768px) , print {
	
	.corona_taisaku{
		text-align: center;
		font-size: 120%;
		color: red;
		background-color: #fff;
		height: 8%;
		width: 50%;
		position: absolute;
		margin: 0 25%;
		top:580px;
		font-weight: bold
	}
}
	

@media screen and (max-width:1023px) and (min-width:767px), print {
	.corona_taisaku{
		font-size: 100%;
		width: 50%;
		height: 10%;
		margin: 0 25%;
		top:400px;
	}
	
}


@media screen and (max-width:767px) {
.corona_taisaku{
		text-align: center;
		font-size: 100%;
		color: red;
		background-color: #fff;
		height: 12%;
		width: 100%;
		position: absolute;
		top:250px;
		font-weight: bold
	}
}
/* スライダーキャプション設定
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.thumb_slider01::after {
    position: absolute;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    content: attr(data-item);
    color: #fff;
    width: 100%;
    padding: 10px 10px;
    background-color: rgba(0,0,0,0.5);
}
/* スライダーサムネイル位置設定
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	.page_text01 {
	}
@media screen and (min-width: 768px) {
	.page_text01 {
	}
}
@media screen and (min-width: 1024px) {
	.page_text01 {
	}
}
@media screen and (min-width: 1200px) {
.page_text01 {
}
}
@media screen and (min-width: 1500px) {
.page_text01 {
}

}
/* コラム記事の設定
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.topic {

}
.topic .caution_box {
	background: #f3ebd6;
	padding-top: 15px;
	padding-bottom: 15px;
}
.topic img {
	width: 100%;
}
.topic_title {
	color: #bd0d44;
}
.topic_title:after {
	content: "";
	display: block;
	width: 50px;
	height: 2px;
	margin-top: .8em;
	background: #bd0d44;
}
@media screen and (max-width: 575px) {
.topic_title {
	font-size: 120%;
	text-align: center;
}
.topic_title:after {
	margin-right: auto;
	margin-left: auto;
}
.topic_title br {
	display: none;
}
}
@media screen and (min-width: 576px) {
.topic_title {
	font-size: 200%;
}
.topic_box {
	max-width: 1000px;
	margin: 0 auto;
}
}
/* 清掃テキストの設定
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.seisou span {
	font-size: 80%;
	line-height: 1.2;
}
/* ============================================================================
　page（ページ固有設定）
============================================================================ */
/* mainvisualの設定
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.mainvisual {
	background-image: url(images/mainvisual.jpg);
}	
.mainvisual::after {
	background-image: url(images/page_title01.png);
}
/* --------------------------------------------------------------------
 mainviisual
-------------------------------------------------------------------- */
/* 1024px以上用（PC用）の記述 */
@media screen and (min-width: 1024px) {
.page .mainvisual::after {

}
.page .mainvisual::after {
margin-bottom: -70px;
}
}
@media screen and (min-width: 992px) {
	.simply-scroll-list li {
		height: 150px;
	}
}
/* subvisualの設定
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.page02 .subvisualtop{
	background-image: url(images/subvisual01.jpg);
	background-repeat: no-repeat;
	background-size:  cover;
	background-position: center center;
}	
.page03 .subvisual {
	background-image: url(images/subvisual02.jpg);
}	
.page03 .subvisual::after {
	background-image: url(images/page_title02.png);
}
.page04 .subvisual {
	background-image: url(images/subvisual03.jpg);
}	
.page04 .subvisual::after {
	background-image: url(images/page_title03.png);
}
.page05 .subvisual {
	background-image: url(images/subvisual04.jpg);
}	
.page05 .subvisual::after {
	background-image: url(images/page_title04.png);
}
/* cardの設定
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media screen and (min-width: 992px) {
	.card,
	.page_caption{
		text-align: left;
	}
}
/* loopsliderの設定
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media screen and (min-width: 992px){
.simply-scroll-list li{
    height: 150px;
}
}
/* --------------------------------------------------------------------
maintitle 中ページタイトル部分
-------------------------------------------------------------------- */
	.page_text01 {
		font-size: 13px;
	}
	.page_title03 span {
	    margin-bottom: 0;
		color: #ddb03d;
		display: block;
		letter-spacing: 0;
		font-size: 10px;
	}
	.page_title03 i {
		font-size: 80%;
	}
	.page_title03 {
		font-size: 17px;
	}

@media screen and (min-width: 768px) {
	.page_title03 {
		text-align: left;
		background-position: left bottom;
	}
	.page_title03.w768 {
		text-align: center;
		background-position: center bottom;
	}
	.page_title03 {
		margin: 0 0 30px;
		padding: 0 0 18px;
		font-size: 31px;
		position: relative;
	    z-index: 1;
	}
	.page_title03 span {
	    margin-bottom: 0px;
		font-size: 13px;
	}
	.page_text01 {
		font-size: 14px;
	}
}
@media screen and (min-width: 992px) {
	.page_title03 {
		margin: 0 0 40px;
		padding: 0 0 25px;
		font-size: 31px;
		position: relative;
	    z-index: 1;
	}
	.page_title03.w768 {
		text-align: left;
		background-position: left bottom;
	}
}
@media screen and (min-width: 1200px) {
	.page_text01 {
		font-size: 15px;
	}
	.page_title03 {
		margin: 32px 0 40px;
	}
}
/* wrapperの設定
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.text_wrap {
	margin: 20px 0 0;
}
@media screen and (min-width: 768px) {
	.text_wrap {
		margin: 0;
	}
}
/* page01の設定
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* ipad air用（タブレット以下）の記述 */
@media screen and (max-width: 768px) {
}
@media screen and (min-width: 768px) {
}
/* page02の設定
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.page02 {
	padding-bottom: 60px;
}
/* 992px以上用（PC用）の記述 */
@media screen and (min-width: 992px) {
	.page02 {
		padding-bottom: 90px;
	}
}
/* page03の設定
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.box02,
.box03 {
	margin-top: 20px;
}

@media screen and (min-width: 768px) {
.box02,
.box03 {
	margin-top: 60px;
}
}
@media screen and (min-width: 992px) {
	.page03 .box01 img {
		display: inline;
	}
}
/* 1024px以上用（PC用）の記述 */
@media screen and (min-width: 1024px) {
	.page03 .box01 {
		padding: 10px 0 36px;
	}
}
/* page04の設定
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.page04 {
    padding-bottom: 50px;
}
.page04 .content_text_wrap {
	padding: 35px 0 0;
}
.page04 .page_title03 {
	margin: 0 0 15px;
}
.three_photo img {
	width: 100%;
}
.photo_caption {
	margin: 0;
	text-align: center;
}
@media screen and (min-width: 768px) {
	.page04 {
		padding-bottom: 150px;
	}
	.page04 .page_title03 {
		margin: 0 0 35px;
        line-height: 1.4;
	}
}
/* 1200px以上用（PC用）の記述 */
@media screen and (min-width: 1200px) {
	.page04 .page_title03 {
		margin: 25px 0 35px;
	}
}
/* page05の設定
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.page05 {
    padding-bottom: 0;
}
.page05 .page_text02 {
	margin-bottom: 30px;
}
/* お値段の設定
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.price {
	font-size: 130%;
	display: block;
    margin: 15px 0;
}
.price--sub {
	font-size: 100%;
}
.seisou {
    margin: 0 0 5px;
}


/*タトゥー*/
.tattoo{
    max-width: 900px;
    margin: 60px auto 80px;
    border: solid 2px #006e4f;
    padding: 20px;
    box-sizing: border-box;
    text-align: left;
}
.tattoo > h3{
	color:#006e4f;
	font-weight: bold;
	font-size: 1.4em;
}
.tattoo > h3,
.tattoo > p{
	margin: 0.5em 0;
}
@media screen and (max-width: 999px) {
	.tattoo{
    max-width: 100%;
    margin: 60px 20px 80px;
}
}

.tattoo > h4{
	color:#006e4f;
	font-weight: bold;
	font-size: 1.2em;
	font-family: 'Zen Old Mincho', serif;
}