/* CSS Document */

@media (min-width:751px){
	article { background: url(../images/bg_bg1.jpg) center top no-repeat; background-size: 100%; }
	#mv { background: url(../images/mv.jpg) center center no-repeat; background-size: cover; }
	#mv h2 { background: url(../images/ttl.png) center center no-repeat; }

	#p1 .lead { position: relative; padding: 50px 0; }
	#p1 .lead p { width: 830px; margin: 0 auto; font-size: 15px; line-height: 28px; }
	#p1 .lead:before { content: ""; width: 107px; height: 73px; position: absolute; top:90px; left: 55px;
		background: url(../images/leaf1.png) center center no-repeat; }
	#p1 .lead:after { content: ""; width: 69px; height: 69px; position: absolute; top:20px; right: 70px;
		background: url(../images/leaf2.png) center center no-repeat; }

	.cmenu { padding: 35px 0; background: url(../../images/c_line.jpg) bottom center repeat-x; 
		background-size: auto 7px; }
	.cmenu li { width: 200px; }
	.cmenu li a::after { width: 200px; }

	#p2 { padding-bottom: 100px; }
	#p2 .ch3 { margin: 50px auto 40px; }
	.slidewrap { width: 3000px; height: 640px; background: url(../images/bg_wood.jpg) left top; padding: 30px 0; position: relative;
				left:50%; margin-left: -1535px; z-index: 30; margin-bottom: 30px; }
	.slidewrap ul.slide li { margin: 0 15px; z-index: 30; }
	.slidewrap .bx-wrapper .bx-controls-direction a {
				position: absolute;
				top: 50%;
				margin-top: -20px;
				outline: 0;
				width: 40px;
				height: 40px;
				text-indent: -9999px;
				z-index: 9999;
	}
	.slidewrap .bx-wrapper .bx-prev {
			left: 50%; 
			margin-left: -495px;
			background: url(../images/icon_prev.svg) no-repeat;
	}
	.slidewrap .bx-wrapper .bx-prev:hover {
			background-position: 0 0;
	}
	.slidewrap .bx-wrapper .bx-next {
			right: 50%;
			margin-right: -575px;
			background: url(../images/icon_next.svg) no-repeat ;
	}
	.slidewrap .bx-wrapper .bx-next:hover {
			background-position: 0 0;
	}

	#p2 , #p3 , #p4 , #p5 { padding-bottom: 100px; }

	#p2 .w1000 { justify-content: space-between; }
	#p2 .w1000 p { font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, 游ゴシック体, "ヒラギノ角ゴ Pro W3", メイリオ, sans-serif; }
	#p2 .w1000 table.ctable3 { width: 250px; border-color: #cec4b7; }
	#p2 .w1000 table.ctable3 th { width: 95px; }
	#p2 .w1000 table.ctable3 th , #p2 .w1000 table.ctable3 td { padding: 10px; border-color: #cec4b7; }

	#p3 .ch3 { margin: 50px auto 40px; }
	#p3 .w1000 { justify-content: space-between; }
	#p3 .w1000 p { font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, 游ゴシック体, "ヒラギノ角ゴ Pro W3", メイリオ, sans-serif; }
	#p3 .w1000 table.ctable3 { width: 250px; border-color: #cec4b7; }
	#p3 .w1000 table.ctable3 th { width: 95px; }
	#p3 .w1000 table.ctable3 th , #p3 .w1000 table.ctable3 td { padding: 10px; border-color: #cec4b7; }


/* #p4 */
	#p4 .ch3 { margin: 50px auto 40px; }
	#p4 .p4ul1 { margin-bottom: 30px; }
	.amelistwrap { padding-left: 50px; }
	.amelist h4 { font-size: 18px; margin-bottom: 20px; }
	.amelist ul li { /*text-indent: -1em; padding-left: 1em; font-size: 15px; margin-bottom: 10px;
		font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, 游ゴシック体, "ヒラギノ角ゴ Pro W3", メイリオ, sans-serif;*/ }
	/*.amelist ul li::before { content: "●"; color: #009657; font-size: 12px; position: relative; bottom: 1px;*/ }
	.amelist1 ul { margin-right: 3em; }
	.amelist:nth-child(1) { margin-right: 100px; }

/* End @media (min-width: 751px) */

/* ---------------------------------------------------------------------------------------------------- */

@media (min-width: 751px) and  (max-width:1245px){
	
}

/* ---------------------------------------------------------------------------------------------------- */

/* Start @media (max-width: 750px) */

@media (max-width:750px){
	#mv { background: url(../images/mv_sp.jpg) center center no-repeat; background-size: cover; }
	#mv h2 { background: url(../images/ttl.png) center center no-repeat; background-size: auto 30vw; }

	article { background: url(../images/bg_bg1.jpg) center top no-repeat; background-size: 300%; }

	#p1 .lead { position: relative; padding: 17vw 0; }
	#p1 .lead p { font-size: 4vw; line-height: 6vw; }
	#p1 .lead:before { content: ""; width: 26vw; height: 12vw; position: absolute; top:2vw; left: 2vw;
		background: url(../images/leaf1.png) center center no-repeat; background-size: contain; }
	#p1 .lead:after { content: ""; width: 16vw; height: 16vw; position: absolute; bottom:2vw; right: 2vw;
		background: url(../images/leaf2.png) center center no-repeat; background-size: contain; }


	.slidewrap .bx-wrapper .bx-viewport { left: 0; }
	.slidewrap { width: 100%; background: url(../images/bg_wood.jpg) left top; padding: 4vw; position: relative;
				margin-bottom: 4vw; }
	.slidewrap ul.slide li { margin: 0 ; z-index: 30; }
	.slidewrap .bx-wrapper .bx-controls-direction a {
				position: absolute;
				top: 50%;
				margin-top: -3vw;
				outline: 0;
				width: 6vw;
				height: 6vw;
				text-indent: -9999px;
				z-index: 9999;
	}
	.slidewrap .bx-wrapper .bx-prev {
			left: 0; 
			margin-left: -2vw;
			background: url(../images/icon_prev.svg) no-repeat;
			background-size: cover; 
	}
	.slidewrap .bx-wrapper .bx-prev:hover {
			background-position: 0 0;
	}
	.slidewrap .bx-wrapper .bx-next {
			right: 0;
			margin-right: -3vw;
			background: url(../images/icon_next.svg) no-repeat ;
			background-size: cover;
	}
	.slidewrap .bx-wrapper .bx-next:hover {
			background-position: 0 0;
	}

	#p2 , #p3 { padding-bottom: 15vw; }

/* #p2 */
	#p2 { padding-bottom: 15vw; }
	#p2 .w1000 p { margin-bottom: 4vw; font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, 游ゴシック体, "ヒラギノ角ゴ Pro W3", メイリオ, sans-serif; }
	#p2 .w1000 table.ctable3 { width: 100%; border-color: #cec4b7; }
	#p2 .w1000 table.ctable3 th { width: 30%; }
	#p2 .w1000 table.ctable3 th , #p2 .w1000 table.ctable3 td { padding: 1vw; border-color: #cec4b7; }

/* #p3 */
	#p3 .w1000 p { margin-bottom: 4vw; font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, 游ゴシック体, "ヒラギノ角ゴ Pro W3", メイリオ, sans-serif; }
	#p3 .w1000 table.ctable3 { width: 100%; border-color: #cec4b7; }
	#p3 .w1000 table.ctable3 th { width: 30%; }
	#p3 .w1000 table.ctable3 th , #p3 .w1000 table.ctable3 td { padding: 1vw; border-color: #cec4b7; }

/* #p4 */
	#p4 { padding-bottom: 30vw; }
	#p4 .p4ul1 { margin-bottom: 4vw; display: flex; flex-wrap: wrap; justify-content: center; width: 100%; }
	.p4ul1 li { width: 50%; }
	.p4ul1 li:nth-child(n+3) { width: calc(100% / 3); }
	.p4ul1 li img { width: 100%; }
	.amelistwrap {  }
	.amelist { margin-bottom: 4vw; width: 100%; }
	.amelist h4 { font-size: 4vw; margin-bottom: 2vw; }
	.amelist ul { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; }
	.amelist ul li {/* text-indent: -1em; padding-left: 1em; margin-bottom: 1vw;*/ width: 49%;
		/*font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, 游ゴシック体, "ヒラギノ角ゴ Pro W3", メイリオ, sans-serif;*/ }
	.amelist ul li::before { /*content: "●"; color: #009657; font-size: 3.3vw;*/ position: relative; bottom: 0.6vw; }



	#pagetop_sp { margin-top: -30vw; }

} /* End @media (max-width: 750px) */


/* 20220603洋室追加 */
@media (min-width:751px){
	#p5 .ch3 {
		margin: 50px auto 40px;
	}
	#p5 .w1000 { justify-content: space-between; }
	#p5 .w1000 p { font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, 游ゴシック体, "ヒラギノ角ゴ Pro W3", メイリオ, sans-serif; }
	#p5 .w1000 table.ctable3 { width: 250px; border-color: #cec4b7; }
	#p5 .w1000 table.ctable3 th { width: 95px; }
	#p5 .w1000 table.ctable3 th , #p5 .w1000 table.ctable3 td { padding: 10px; border-color: #cec4b7; }
	#p5 h4{
		max-width: 1000px;
	}
	#p5 .best-rate{
		padding: 0 3rem 1.75rem;
	}
}

@media (max-width:750px){
	#p5 { padding-bottom: 15vw; }
	#p5 .w1000 p { margin-bottom: 4vw; font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, 游ゴシック体, "ヒラギノ角ゴ Pro W3", メイリオ, sans-serif; }
	#p5 .w1000 table.ctable3 { width: 100%; border-color: #cec4b7; }
	#p5 .w1000 table.ctable3 th { width: 30%; }
	#p5 .w1000 table.ctable3 th , #p5 .w1000 table.ctable3 td { padding: 1vw; border-color: #cec4b7; }
	#p5 h4{
		width: 88vw;
	}
	#p5 .best-rate{
		padding: 0 1.5rem 2rem;
	}
	#p5 .best-rate h4{
		width: auto;
	}
}

#p5 h4{
	font-size: 1rem;
    text-align: center;
    margin: 2rem auto 1rem;
}

#p5 a.btn{
	font-size: 14px;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, 游ゴシック体, "ヒラギノ角ゴ Pro W3", メイリオ, sans-serif;
    display: block;
    text-align: center;
    line-height: 35px;
    padding-right: 20px;
    width: 300px;
    height: 35px;
    position: relative;
    color: rgb(255, 255, 255);
    background: url(../../images/icon_arrow_w.svg) right 12px center / 14px no-repeat #009657;
	margin: 0 auto;
}

#p5 a.btn:hover{
	background: url(../../images/icon_arrow_w.svg) right 6px center / 14px no-repeat #000;
	opacity: 1;
}

table.ctable3{
	margin-bottom: .5rem;
}

.w1000 .text_box p{
	margin: 0;
}

#p5 .best-rate{
	max-width: 1000px;
	width: 88vw;
	margin: 1rem auto;
	border: #009657 solid 2px;
	outline: #009657 solid 1px;
	outline-offset: -8px;
}

#p5 .best-rate .fh{
	display: flex;
	justify-content: center;
	gap: 1rem;
	align-items: center;
}

#p5 .best-rate h4{
	margin: 2rem 0 1rem;
}

#p5 .best-rate h4 img{
	display: block;
	max-width: 100px;
}

#p5 .best-rate table{
	margin: 0 auto 1rem;
	border-top: 1px solid #cec4b7;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, 游ゴシック体, "ヒラギノ角ゴ Pro W3", メイリオ, sans-serif;
}

#p5 .best-rate table th, #p5 .best-rate table td{
	border-bottom: 1px solid #cec4b7;
    line-height: 1.5;
	padding: 10px;
}

#p5 .best-rate table th{
	width: 35%;
	font-weight: 300;
}

#p5 .best-rate table td{
	border-left: 1px dotted #cec4b7;
}

#p5 .best-rate p{
	text-align: center;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, 游ゴシック体, "ヒラギノ角ゴ Pro W3", メイリオ, sans-serif;
}