@charset "utf-8";
/*
	Last Update: 2023/05/18
	Auther: yt
*/
/*===================================================================
	page layout
===================================================================*/
#base { background:#F8F8F8; }

#page_title { position:relative; background:url(../image/layout/page_title_bg.jpg) no-repeat center center / cover; }
#page_title .page_title_wrap { padding:30px 0; }
#page_title .hl_page_title_wrap { text-align:center; }
#page_title .hl_page_title { display:inline-flex; flex-direction:column; justify-content:center; align-items:center; padding:0 180px; text-align:center; background:url(../image/layout/page_title_1.png) no-repeat left bottom 20px / 120px auto; min-height:190px; }
/*#page_title .hl_page_title { display:inline-flex; flex-direction:column; justify-content:center; align-items:center; padding:0 180px; text-align:center; background:url(../image/layout/page_title_1.png) no-repeat left bottom 20px / 120px auto, url(../image/layout/page_title_2.png) no-repeat right center / 148px auto; min-height:190px; }*/
/*#page_title .hl_page_title.yui { background-image:url(../image/layout/page_title_1.png), url(../image/layout/page_title_yui.png?2401);}*/
#page_title .hl_page_title .main { font-weight:bold; color:#00A6BA; }
#page_title .hl_page_title .sub { font-weight:bold; color:#959595; }
	@media (max-width: 767px){
		#page_title .hl_page_title .main { font-size:2em; }
		#page_title .hl_page_title .sub { font-size:1em; }
	}
	@media (max-width:991px) {
		#page_title .hl_page_title { min-height:110px; padding:0 120px; background-size:80px auto, 90px auto; background-position:center left, center right; }
	}
	@media (max-width:767px) {
		#page_title .hl_page_title { padding:0 0 130px; min-height:auto; background-position:bottom left, bottom right; min-width:200px; }
	}
	@media (min-width: 768px) and (max-width: 991px){
		#page_title .hl_page_title .main { font-size:2.25em; text-indent:3px; letter-spacing:3px; }
		#page_title .hl_page_title .sub { font-size:1.15em; }
	}
	@media (min-width: 992px){
		#page_title .hl_page_title .main { font-size:2.5em; text-indent:3px; letter-spacing:3px; }
		#page_title .hl_page_title .sub { font-size:1.375em; }
	}

#pankuzu { font-size:.8125em; padding-top:10px; padding-bottom:10px; font-weight:500; }
#pankuzu a { color:#3EA6BA; }
#pankuzu li, #pankuzu li:before { vertical-align:baseline; line-height:100%; }
#pankuzu li:before { display:inline-block; }
#pankuzu ul { display:flex; flex-wrap:wrap; align-items:center; }
#pankuzu ul > li:not(:first-child):before { content:""; width:1px; height:1em; background:#CBCBCB; transform:rotate(45deg); margin:0 1em; color:#D9D9D9; }
body.pc #pankuzu a:hover { text-decoration:underline; }
	@media (max-width: 575px){
		#pankuzu ul { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
		#pankuzu li { display:inline; }
	}
	@media (min-width: 576px){
		#pankuzu li { display:inline-block; }
	}


/*===================================================================
	entry
===================================================================*/
.entry img { height:auto!important; }
.entry a { color:#3EA6BA; text-decoration:underline; }
.entry a:hover { text-decoration:none; }
.entry ul > li:before { content:"●"; color:#3EA6BA; }
.entry ul > li > ul > li:before { content:"■"; color:#E85716; }
.entry ol > li:before { color:#3EA6BA; }
.entry ol > li > ol > li:before { color:#E85716; }
.entry table tr > * { border:1px solid #ddd; }
.entry table thead th { background:#00A6BA; color:#fff; }
.entry table thead td { background:#fff; color:#00A6BA; }
.entry table tbody th { background:#E1F1F4; color:#333; }
.entry table tbody td { background:#fff; color:#333; }

.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6 { margin-top:30px!important; }

.entry h2 { background:#00A6BA; color:#fff; display:block; padding:10px 15px 10px 30px; position:relative; font-size:1.75em; margin-bottom:20px; }
.entry h2::before { content:""; width:3px; height:calc(100% - 20px); background:#fff; left:10px; top:50%; transform:translateY(-50%); display:block; position:absolute; }
@media (max-width:767px) {
	.entry h2 { font-size:1.5em; padding-left:20px; }
	.entry h2::before { width:2px; }
}

.entry h3 { color:#1c1c1e; display:block; font-size:1.5em; position:relative; padding-bottom:10px; margin-bottom:20px; }
.entry h3::before,
.entry h3::after { content:""; height:2px; bottom:0; left:0; display:block; position:absolute; }
.entry h3::before { background:#D6D6D6; width:100%; z-index:1; }
.entry h3::after { background:#00A6BA; width:80px; z-index:2; }
@media (max-width:767px) {
	.entry h3 { font-size:1.35em; }
}

.entry h4 { padding:10px; background:#F8F8F8; color:#00A6BA; font-size:1.25em; margin-bottom:15px; }
@media (max-width:767px) {
	.entry h4 { font-size:1.15em; }
}

.entry h5 { color:#1c1c1e; border-left:3px solid #00A6BA; display:block; padding-left:8px; font-size:1.15em; margin-bottom:10px; }
@media (max-width:767px) {
	.entry h5 { font-size:1.1em; border-left-width:2px; padding-left:5px; }
}

.entry h6 { color:#00A6BA; font-size:1.1em; margin-bottom:5px; }
@media (max-width:767px) {
	.entry h6 { font-size:1.05em; }
}

/*===================================================================
	#contact
===================================================================*/
#contact {}
#contact .contact_wrap { background:#fff; padding:60px; box-shadow:0 1px 5px rgba(0, 0, 0, 0.16); }
@media (max-width:991px) {
	#contact .contact_wrap { padding:40px 20px; }
}


/*===================================================================
	#simulation
===================================================================*/
#simulation_main_image { background:url(../image/top/main_back.jpg) no-repeat center center / cover; }
#simulation_main_text { padding:20px 0; }
.simulation_result { padding:40px 60px; }
.simulation_result .price_wrap { background:#F5F5F5; padding:10px; margin-bottom:40px; }
.simulation_result .price_wrap .hl_price { text-align:center; font-weight:bold; color:#D12122; font-size:2em; padding-bottom:10px; }
.simulation_result .price_wrap .price_cont { background:#fff; padding:20px; text-align:center; }
.simulation_result .price_wrap .price_cont .num { color:#D12122; font-weight:bold; font-size:3em; line-height:1; }
.simulation_result .price_wrap .price_cont .unit { color:#D12122; font-weight:bold; font-size:2em; }
.simulation_result .price_wrap .price_cont .tax { color:#101010; font-weight:bold; }
.simulation_result .detail_wrap { display:flex; flex-wrap:wrap; border-top:1px solid #EAEAEA; margin-bottom:40px; }
.simulation_result .detail_wrap .unit { width:50%; display:flex; border-bottom:1px solid #EAEAEA; }
.simulation_result .detail_wrap .unit > * { padding:10px 20px; }
.simulation_result .detail_wrap .unit dt { background:#F4F3E5; color:#101010; width:60%; }
.simulation_result .detail_wrap .unit dd { background:#fff; color:#101010; width:40%; text-align:right; }
.simulation_result .notice { border:1px solid #EAEAEA; padding:10px; }
.simulation_result .notice .indent { display:inline-block; text-indent:-1em; padding-left:1em; }
@media (max-width:991px) {
	.simulation_result { padding:40px 20px; }
	.simulation_result .detail_wrap .unit { width:100%; }
}
@media (max-width:767px) {
	.simulation_result { padding:40px 10px; }
	.simulation_result .price_wrap .hl_price { font-size:1.25em; }
	.simulation_result .price_wrap .price_cont .num { font-size:2em; }
	.simulation_result .price_wrap .price_cont .unit { font-size:1.2em; }
	.simulation_result .detail_wrap .unit > * { padding:5px 10px; }
}