@charset "UTF-8";

/**

セールスコピー（box1）

**/
.top_box1bg{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0 0 2.5vh;
	position: relative;
	background: #0a1232;
}
.top_box1_title1{
	clear: both;
	width: 100%;
	max-width: 400px;
	height: auto;
	margin: 0 auto;
	padding: 0;
}
.top_box1_title2{
	width: 100%;
	height: auto;
	font-family: 'Noto Serif JP' , 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif ;
	font-weight: 400;
/*	font-weight: 700;*/
	text-align:center;
	
	font-size:20px;
	font-size:5vw;
	font-size:4vw;
	line-height:115%;
	color:#c9c7ae;
	
	padding: 20px 0 25px;
	letter-spacing: 0.14rem;
}
@media print, screen and (min-width: 801px) {
.top_box1_title2{
	font-size:20px;
}
}
.top_box1_flex1{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;

	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.top_box1_salescopy1{
	clear: both;
	width: 48%;
	max-width: 320px;
	height: auto;
	margin: 0 0 20px;
	padding: 0;
}
@media print, screen and (min-width: 801px) {
.top_box1_salescopy1{
	width: 32%;
	max-width: 320px;
	height: auto;
	margin: 0 0 20px;
	padding: 0;
}
}




/**

info（box2）

**/
.top_box2{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 60px 0 90px;
/*	background: #0a1232;*/
}






/**

サンクチュアリ（box3）

**/
.top_box3_title1{
	clear: both;
	width: 100%;
	max-width: 540px;
	height: auto;
	margin: 0 auto;
	padding: 0;
}
.top_box3_title2{
	width: 100%;
	height: auto;
	font-family: 'Noto Serif JP' , 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif ;
	font-weight: 400;
/*	font-weight: 700;*/
	text-align:center;
	
	font-size:20px;
	font-size:5vw;
	font-size:4vw;
	line-height:115%;
	color:#c9c7ae;
	
	padding: 30px 0 60px;
	letter-spacing: 0.06rem;
}
@media print, screen and (min-width: 801px) {
.top_box3_title2{
	font-size:32px;
}
}

.top_box3_txt1{
	width: 100%;
	height: auto;
	font-family: 'Noto Serif JP' , 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif ;
	font-weight: 400;
/*	font-weight: 700;*/
	text-align:justify;
	
	font-size:17px;
	font-size:3.5vw;
	line-height:250%;
	color:#fff;
	
	padding: 0;
	letter-spacing: 0.06rem;
}
@media print, screen and (min-width: 801px) {
.top_box3_txt1{
	font-size:17px;
	text-align:center;
}
}

.top_box3_txt2{
	width: 100%;
	height: auto;
	font-family: 'Noto Serif JP' , 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif ;
	font-weight: 400;
/*	font-weight: 700;*/
	text-align:center;
	
	font-size:24px;
	font-size:4.2vw;
	line-height:160%;
	color:#fff;
	
	padding: 45px 0 30px;
	letter-spacing: 0.12rem;
}
@media print, screen and (min-width: 801px) {
.top_box3_txt2{
	font-size:24px;
	text-align:center;
}
}




/**

デザイン（box4）

**/
.top_box4bg{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0 0 8vh;
	padding: 0 0 20px;
	position: relative;
	background: #efeee8;
}

.contents850{
	clear:both;
	width:92%;
	max-width: 850px;
	height:auto;
	margin:0 auto;
	
/*	background: rgba(236,55,58,0.2);*/
}




.top_box4_flex1{
	clear: both;
	width: 100%;
	height: auto;
	margin: 15px 0 0;
	padding: 0;

	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
@media print, screen and (min-width: 801px) {

}

.top_box4_fl1{
	clear: both;
	width: 40%;
	height: auto;
	margin: 0;
	padding: 0;
}
@media print, screen and (min-width: 801px) {
.top_box4_fl1{
	clear: both;
	width: 23.53%;
	max-width: 200px;
	height: auto;
	margin: 0;
	padding: 0;
}
}
.top_box4_fr1{
	clear: both;
	width: 55%;
	height: auto;
	margin: 0;
	padding: 0;
	
	display: flex;
	flex-wrap: wrap;
	align-content: stretch;
	align-items: stretch;
}
@media print, screen and (min-width: 801px) {
.top_box4_fr1{
	clear: both;
	width: 70.589%;
	max-width: 600px;
	height: auto;
	margin: 0;
	padding: 0;
}
}
.top_box4_bar1{
	width: 100%;
	height: 1px;
	margin: 0;
	margin: 2.6vh 0 1.6vh;
	padding: 0;
	background: none;
	border: none;
	border-bottom: 1px solid #222;
}

.top_box4_txt1, .top_box4_txt2, .top_box4_txt3, .top_box4_txt4, .top_box4_txt5, .top_box4_txt6{
	clear: both;
	width: 100%;
	height: auto;
	font-family: 'Noto Serif JP' , 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif ;
	font-weight: 400;
	text-align:left;
	line-height:115%;
	color:#222;
	padding: 0;
	letter-spacing: 0.06rem;
	
/*	background: rgba(216,59,62,0.3);*/
}


.top_box4_txt1{
	font-size:15px;
	font-size:3vw;
	text-align: center;
}
@media print, screen and (min-width: 801px) {
.top_box4_txt1{
	font-size:15px;
	text-align:left;
}
}

.top_box4_txt2{
	font-size:20px;
	font-size:4vw;
	text-align: center;
}
@media print, screen and (min-width: 801px) {
.top_box4_txt2{
	font-size:20px;
	text-align:left;
	letter-spacing: 0;
}
}
.top_box4_txt3{
	font-size:24px;
	font-size:5vw;
	padding: 5px 0 0;
	text-align: center;
}
@media print, screen and (min-width: 801px) {
.top_box4_txt3{
	font-size:24px;
	text-align:left;
/*	margin: 0 0 3vh;*/
}
}


.top_box4_txt4{
	font-size:13px;
	font-size:3vw;
	line-height: 150%;
}
@media print, screen and (min-width: 801px) {
.top_box4_txt4{
	font-size:13px;
}
}
.top_box4_txt5{
	font-size:20px;
	font-size:4.5vw;
	padding: 6px 0 10px;
}
@media print, screen and (min-width: 801px) {
.top_box4_txt5{
	font-size:20px;
}
}
.top_box4_txt5 span.span01{
	font-size:15px;
	font-size:3vw;
}
@media print, screen and (min-width: 801px) {
.top_box4_txt5 span.span01{
	font-size:15px;
}
}
.top_box4_txt5 span.span02{
	font-size:11px;
	font-size:2.5vw;
}
@media print, screen and (min-width: 801px) {
.top_box4_txt5 span.span02{
	font-size:11px;
}
}
.top_box4_txt6{
	font-size:12px;
	font-size:2.5vw;
	line-height: 135%;
	letter-spacing: 0;
	text-align: justify;
}
@media print, screen and (min-width: 801px) {
.top_box4_txt6{
	font-size:12px;
	line-height: 145%;
	text-align: left;
}
}




/**

プラン（box5）

**/
.top_box5_txt1{
	width: 100%;
	height: auto;
	font-family: 'Noto Serif JP' , 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif ;
	font-weight: 400;
/*	font-weight: 700;*/
	text-align:center;
	
	font-size:24px;
	font-size:5vw;
	line-height:170%;
	color:#222;
	
	padding: 0;
	letter-spacing: 0.06rem;
/*	letter-spacing: 0;*/
}
@media print, screen and (min-width: 801px) {
.top_box5_txt1{
	font-size:24px;
	text-align:center;
}
}


.top_box5_flex1{
	clear: both;
	width: 100%;
	height: auto;
	margin: 45px 0 0;
	padding: 0;

/*
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
*/
}
@media print, screen and (min-width: 801px) {

}

.top_box5_spec1 ,.top_box5_zu1{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}
.top_box5_zu1{
	margin: 40px 0 0;
}
@media print, screen and (min-width: 801px) {
.top_box5_spec1 ,.top_box5_zu1{
	clear: none;
	width: 48%;
	max-width: 480px;
}
.top_box5_spec1{
	float: left;
}
.top_box5_zu1{
	margin: 0;
	float: left;
}
.top_box5_spec1.fr01{
	float: right;
}
.top_box5_zu1.fr01{
	margin: 0;
	float: right;
}
}




/**

クオリティ（box6）

**/
.top_box6bg{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0 0 2.5vh;
	position: relative;
	background-image: url("../img/top/top_box6_bg1.jpg?20260707");
	background-position: top center;
	background-size: cover;
	
}
.top_box6_title2{
	clear: both;
	width: 100%;
	max-width: 200px;
	height: auto;
	font-family: 'Noto Serif JP' , 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif ;
	font-weight: 400;
/*	font-weight: 700;*/
	text-align:center;
	
	font-size:16px;
	font-size:3.5vw;
	line-height:170%;
	color:#222;
	
	margin: 0 auto;
	padding: 6vh 0 4vh;
	letter-spacing: 0.06rem;
}
@media print, screen and (min-width: 801px) {
.top_box6_title2{
	font-size:16px;
	text-align:center;
}
}
.top_box6_title2 p{
	padding: 0.5vh 0 0;
}



.top_box6_bar1{
	width: 100%;
	height: 1px;
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-bottom: 1px solid #222;
}


.top_box6_flex1{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;

	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}



.top_box6_ph1{
	clear: both;
	width: 48%;
	height: auto;
	margin: 0 0 4vh;
	padding: 0;
}
@media print, screen and (min-width: 801px) {
.top_box6_ph1{
	width: 30%;
	max-width: 300px;
}
}
.top_box6_txt1{
	clear: both;
	width: 100%;
	height: auto;
	font-family: 'Noto Serif JP' , 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif ;
	font-weight: 400;
/*	font-weight: 700;*/
	text-align:justify;
	
	font-size:15px;
	font-size:3vw;
	line-height:158%;
	color:#222;
	
	margin: 0;
	padding: 0;
	letter-spacing: 0;
}
.top_box6_txt1 p{
	color:#222;
	font-weight: 400;
	letter-spacing: 0;
	text-align: justify;

	font-size: 2.2vw;
	line-height:125%;
	padding-bottom: 4px;
	padding-left: 1em;
	text-indent:-1em;
	margin: 4px 0 0;
}
@media print, screen and (min-width: 801px) {
.top_box6_txt1{
	font-size:14px;
}
.top_box6_txt1 p{
	font-size:11px;
}
}


.top_box6_txt3{
	clear: both;
	width: 100%;
	height: auto;
	font-family: 'Noto Serif JP' , 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif ;
	font-weight: 400;
/*	font-weight: 700;*/
	text-align:center;
	
	font-size:15px;
	font-size:2.5vw;
	line-height:115%;
	color:#fff;
	
	margin: 0;
	padding: 4px 0 5px;
	letter-spacing: 0;
	background: #222;
	
	position: absolute;
	bottom: 0;
	left: 0;
}

@media print, screen and (min-width: 801px) {
.top_box6_txt3{
	font-size:15px;
}
}



/*キャプション調整用*/
.cap01.right01.pa01-2{
	position: absolute;
	bottom: 5px;
	bottom: 2.1em;
	right: 2%;
}
@media print, screen and (min-width: 801px) {
.cap01.right01.pa01-2{
	position: absolute;
	bottom: 5px;
	bottom: 2.5em;
	right: 2%;
}
}

.contents970{
	clear: both;
	width: 92%;
	max-width: 350px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
@media print, screen and (min-width: 801px) {
.contents970{
	max-width: 970px;
}
}




.bnr_flex1{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;

}
@media print, screen and (min-width: 801px) {
.bnr_flex1{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;

	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
}