@charset "utf-8";

/* ==
　01. top
　02. sp
　03. live
　04. interior
　05. livestyle
　06. livness

=============================================================================== */
.TopLead{text-align:center;}


/* ==

　01. top
 
=============================================================================== */
#sp_tips{
	background:#f2ede0;
	padding:10px 0 0 10px;
}
#sp_tips .sp_tips_inner{
	border-top:1px solid #5b434f;
	border-left:1px solid #5b434f;
	padding:10px 20px 20px;
}
#sp_tips .cap{
	font-size:17px;
	font-weight:400;
}
#sp_tips h3{
	font-size:36px;
	color:#5b434f;
	font-weight: 600;
}
#sp_tips h4{
	font-size:16px;
	color:#5b434f;
	font-weight: 700;
}
#sp_tips p{
	font-size:14px;
}
.tips01 .cBlock02_item-w2{
	margin-top:-80px;
	display: flex;
	flex-direction: column-reverse;
}
.tips02 > .cBlock02-drop > .cBlock02_item-w2{
	margin-top:-30px;
}
#photo01, #photo02, #photo03, #photo04{
	margin-top:-60px;
	padding-top:60px;
}
#sp_tips h3,
#sp_tips h4{
	font-family:serif;
}



/* ==

　02. sp
 
=============================================================================== */
#sp p:has(.name) {
  position: relative;
	padding-left:3em;
}
#sp p .name{
	position: absolute;
	top:0;
	left:0;
	font-weight:600;
	color:#7d7305;
}

/* ==

　03. live
 
=============================================================================== */
#live .cBlock09{border-radius: 20px;}
#live .cBlock09 .cCaption01{text-align:left;}
#live .pointArea{position: relative;}
#live .pointArea .point01,
#live .pointArea .point02,
#live .pointArea .point03{
	position: absolute;
	top:-50px;
	left:10px;
}
#live .pointArea .pointIco img{width:137px;}
.cBlock01_point{
	max-width:600px;
	margin:0 auto;
}
/* ------- */

/* ==

　04. interior
 
=============================================================================== */
#interior .interior_bg{background:#f8f8f2;}
#interior2 .interior_bg{background:#f2f7f9;}

/* ------- */
#num04{
	margin-top:-60px;
	padding-top:60px;
}

/* ==

　06. livness
 
=============================================================================== */
#livnessBlock01{
	margin:0 auto;
	padding:20px;
	background:#fffded;
	border:1px solid #ea5404;
	border-radius: 20px;
}
#livnessBlock01 h2{
	color:#ea5404;
	font-size:24px;
	font-weight:bold;
	text-align:center;
	border-bottom:1px solid #ea5404;
}
#livnessBlock01 .cBlock09{border:none;}
.livness_sec .ico_point{
	display:flex;
	font-size:18px;
	margin-bottom:20px;
	align-items: center;
	color:#000;
	justify-content: space-between;
	font-weight:bold;
}
#livnessBlock02 .icoBlock {
    margin: 0 0 10px 0;
    border: 2px solid #ea5404;
    color: #ea5404;
    padding: 10px 20px;
    border-radius: 0 10px 10px 0;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}
#livnessBlock02 .icoImg{
	position: absolute;
	top:160px;
	right:10px;
	width:100px;
}
#livnessBlock02 h3.tit3{
	margin:0;
	color:#ea5404;
	font-size:22px;
	font-weight:bold;
}
#livnessBlock02 p.lead{
	color:#ea5404;
	margin-bottom:50px;
}
/* ===== */
#livnessBlock02 h4{
	text-align: center;
}
#livnessBlock02 h4 span{
	position: relative;
	display:inline-block;
	font-weight:700;
	color:#000;
	font-size:220%;
	margin-bottom:10px;
}
#livnessBlock02 h4 span::before{
	position: absolute;
	bottom:5px;
	left:50%;
	transform: translateX(-50%);
	display:inline-block;
	content:" ";
	width:100%;
	height:12px;
	padding:0 10px;
	background:#fce1cc;
	z-index:-1;
}
.step-container{
position:relative;
display:flex;
align-items:flex-end;
margin:0 0 10px;
overflow:hidden;
}

.step-svg{
position:absolute;
left:-2px;
bottom:0;
width:600px;
pointer-events:none;
z-index:-1;
}
.step-svg path{
stroke:#f26611;
stroke-width:3;
stroke-linecap:round;
stroke-linejoin:round;
fill:none;
}
.number-text{
width:43px;
height:43px;
display:flex;
align-items:center;
justify-content:center;
color:#f26611;
font-weight:bold;
font-size:26px;
line-height:1;
padding-bottom:10px;
text-align:center;
}
.main-text{
color:#f26611;
font-weight:bold;
font-size:26px;
margin-left:10px;
line-height:1;
padding-bottom:18px;
}
.main-text span{
font-size:18px;
margin-left:5px;
}
.assessment-box{
	border:1px solid #f26611;
	padding:4px;
}
.assessment-row{
	position: relative;
	display:flex;
	align-items:center;
	background:#fff6e0;
	gap:16px;
	padding:10px;
	border-bottom:8px solid #fff;
}
.assessment-row2{
	background:#fce4df;
}
.assessment-row:nth-child(2):before{
	position: absolute;
	content: " ";
	width:100%;
	height:0;
	top:-4px;
	left:0;
	border-top:1px dotted #f26611;
}
.assessment-row:nth-child(3):before{
	position: absolute;
	content: " ";
	width:100%;
	height:0;
	top:-4px;
	left:0;
	border-top:1px solid #f26611;
}
.assessment-row:last-child{
	border-bottom:0;
}
.assessment-title{
	display:flex;
	color:#f26611;
	font-weight:700;
	min-width:4em;
	text-align:center;
	margin:0;
}
.assessment-text{
	margin:0;
	line-height:1.7;
}
#livnessBlock03{
	border-radius: 10px;
	background:#fdeee1;
	padding:20px;
}
#livnessBlock03 .cBlock09{
	border:0;
	padding:0;
}
#livnessBlock03 h4{
	font-size:20px;
	padding:5px 5px 5px 20px;
	margin:0 0 10px -20px;
	background:#fff;
	text-align: left;
	border-radius: 0 20px 20px 0;
	font-weight:400;
	color:#ea5540;
}