@charset "utf-8";
*{
    box-sizing: border-box;
}
html,body{
    margin:0;
    padding:0;
    font-size:100%;
    color:#052a17;
    background:#ddcfaa;
}
img{
    width:100%;
    height:auto;
}

.logo-image{
	width:100%;
	max-width:300px;
}

.wf-hannari { font-family: "Hannari"; }

.wrapper{
    width:100%;
    height:100%;
}
section{
    width:100%;
    max-width:1000px;
    margin:0px auto;
    padding:0px 10px 50px 10px;
}

h2{
    color:#052a17;
    font-size:4rem;
    font-family: "Hannari"; 
    font-weight:700;
    text-align:center;
    margin:0;
}
h2 span{
    font-size:80%;
    font-weight:normal;
}

h1{
    font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; 
    font-size:5vw;
    text-align:center;
}
.sub-title01{
    font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; 
    font-size:clamp(22px,3vw,35px);
    font-weight:600;
    text-align:center;
    background:#fff;
    border-radius:2rem;
    width:90%;
    margin:20px auto;
}
.sub-title02{
    font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; 
    text-align:center;
    font-size:clamp(22px,3vw,35px);
    font-weight:500;
    margin:20px 0;
}



.scroll-box table{
    width:1000px;
    border-collapse: collapse;
	border-spacing: 0px;
	margin-bottom:30px;
	background:#052a17;
}

.scroll-box td{
	border:1px solid #052a17
}

.fixed04.joint-td{
	border:none;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	border-right:1px solid #052a17

}

th{
    background:#052a17;
    color:#fff;
}
th:nth-of-type(1){
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    padding:10px;
}
th:nth-of-type(2){
    width:250px;
}

th:nth-of-type(n+3){
    width:350px;
}

th span{
    display:inline-block;
    margin:5px 0;
	font-size:.9rem;
}

th span:nth-of-type(1){
    font-size:1.4rem;

}

.easy,.basic,.firmly,.optiopn{
    font-style: normal;
    font-size:80%;
    padding:2px 5px;
    border:1px solid #fff;
    margin-left:4px;
}

.basic,.optiopn{
	background:#fff;
	color:#052a17;
}

.firmly{
	background:#ddcfaa;
	color:#052a17;
	border:1px solid #ddcfaa;
}

th span:nth-of-type(4){
    background:#fff;
    color:#052a17;
    padding:2px 5px;
}


td{
	padding:10px;
	vertical-align: middle;
	font-weight:bold;
    text-align:center;

}


td:nth-of-type(2){
	border-left:0;
}

tr:nth-of-type(even){
	background:#fff;
}

tr:nth-of-type(odd){
	background:#f8f6ef;
}

.fixed04{
	border-bottom:1px solid #fff;
}

.annotation-nomal-01{
	padding:10px;
}

.annotation-nomal-02{
	width:90%;
	margin:0px auto;
}

.annotation-nomal-02 ul{
	list-style-type:none;
}

.annotation-nomal-02 table{
	width:100%;
	margin:0px auto;
	border-collapse: collapse;
}

.annotation-nomal-02 table td{
	background:#ddcfaa;
	text-align:left;
	padding:5px;
	border:1px solid #052a17;
}
.annotation-nomal-02 table td:nth-of-type(1){
	width:40%;
}

.annotation-nomal-02 table td span{
	font-size:80%;
	position:relative;
	top:-3px;
}

.annotation-nomal-02 table,.annotation-nomal-02 p{
	font-size:90%;
}

.result-text{
	width:100%;
	background:#052a17;
	color:#fff;
	text-align:center;
	font-size:clamp(15px,2vw,23px);
	font-weight:bold;
	padding:10px;
	border-radius:10rem;
	margin: 30px 0;;
}

footer{
	background:#052a17;
	padding-bottom:30px;
}

.neighborhood-clinic{
	width:100%;
	max-width:1000px;
	margin:0px auto;
	background:#052a17;
	color:#fff;
	display:flex;
	flex-wrap:wrap;
	position:relative;
	
}

.neighborhood-clinic dl{
	width:25%;
	padding:10px;
	font-size:1rem;
	font-weight:bold;
	line-height:1.8;
	padding-top:30px;
	display: flex;
	flex-direction: column;
}

.neighborhood-clinic dl dt{
	flex-grow: 1;
}

.neighborhood-clinic dl dd{
	margin-left:0;
	padding-top:20px;
}

.neighborhood-clinic dd span{
	background:#fff;
	color:#052a17;
	margin-right:10px;
	padding:2px 5px;
}

footer .neighborhood-clinic h3.footer-h3{
	position:absolute;
	top:-60px;
	left:50%;
	background:#ddcfaa;
	color:#052a17;
	padding:10px 20px;
	border-radius:2rem;
	transform: translate(-50%,0);
	font-size:1.5rem;
	font-weight:bold;
	line-height:2;
}

.joint-td{
	background:#052a17;
	color:#fff;
	padding:0px;
	text-align:center;
	width:51px;
}

.joint-td span{
	writing-mode: vertical-rl;
	white-space: pre;
	display:inline-block;
}

.even-td{
	background:#fff;
	text-align:left;

}

.odd-td{
	background:#f8f6ef;
	text-align:left;

}

footer dl a{
	color:#fff;
	text-decoration:none;
}

footer dl a:hover{
	text-decoration:underline;
}

.linkButtonBox{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.linkButtonBox div{
	background-image: linear-gradient(5deg, rgba(206, 187, 136, 1), rgba(221, 207, 170, 1));
	border:3px solid #beac74;
	border-radius:10px;
	width:48%;
	position:relative;
	text-align:center;
	font-weight:bold;
	font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; 
}

.linkButtonBox div a{
	width:100%;
	height:100%;
	color:#052a17;
	text-decoration:none;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height:1.4;
	padding:5px 0;
	font-size: clamp(15px, 2vw, 23px);
}

.arrows{
	width:25px;
	height:25px;
	color:#052a17;

	border-radius:100%;
	display:flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;;
	position:absolute;
	top:40%;
	right:0;
	transform: translate(-0%,-70%);
}

.sp-view{display:none;}

@media(max-width:1000px){
	.sp-view{
		display:block;
	}
	.scroll-box{
		width:100%;
		height:500px;
		overflow:auto;
	}

	th:nth-of-type(2){
		width:150px;
	}

	.fixed01{
		position: sticky;
		top:0;
		left:0px;
		z-index:2;
		background:#052a17;
	}
	.fixed02{
		position: sticky;
		top:0px;
		left:48px;
		z-index:2;
		background:#052a17;
		padding:10px;
	
	}
	.fixed02::before{
		content:'';
		display:inline-block;
		width:4px;
		height:100%;
		background:#052a17;
		position:absolute;
		left:-4px;
		top:0;
	}
	.fixed02::after{
		content:'';
		display:inline-block;
		width:3px;
		height:100%;
		background:#052a17;
		position:absolute;
		right:0;
		top:0;
	}

	.fixed03{
		position: sticky;
		top:0;
		z-index:1;
	}
	.fixed04{
		position: sticky;
		left:0;
	}

	.fixed04::before{
		content:'';
		display:inline-block;
		width:100%;
		height:1px;
		background:#fff;
		position:absolute;
		top:-1px;
		left:0;
	}

	.fixed05{
		position: sticky;
		left:48px;
	}
	.fixed05::after{
		content:'';
		display:inline-block;
		width:1px;
		height:100%;
		background:#052a17;
		position:absolute;
		right:0;
		top:0;
	}
	.fixed05.odd-td::before{
		content:'';
		display:inline-block;
		width:10px;
		height:auto;
		background:pink;
		position:absolute;
		top:0;
		left:-10px;
	}
	.annotation-nomal-02 table td:nth-of-type(2){
		border-left:1px solid #052a17;
	}	

}

@media (max-width:768px){
	.pc-view{display:none;}

	.logo-image{
		max-width:200px;
	}

	.neighborhood-clinic{
		justify-content:center;
	}

	.neighborhood-clinic dl{
		width:45%;
		font-size:.9rem;
	}
	.neighborhood-clinic h3{
		top:-50px;
		font-size:20px;
	}
	footer .neighborhood-clinic h3.footer-h3{
		font-size:1.0rem;
		top:-46px;
	}
	.linkButtonBox div{
		width:100%;
		margin-bottom: 10px
	}
}