/*------------------------------------------
インデックス
------------------------------------------*/

.guide_index{
	display:flex;
	justify-content:space-between;
	gap:30px;
}
.index_box a:hover{
	color:var(--red);
    transition: .5s;
}
.link_ttl {
    position: relative;
    padding: 25px 0;
    border-bottom: 1px solid #333;
    font-size: 147%;
    font-weight: 500;
	margin-bottom:20px;
}
.link_ttl p{
    font-size: 1.8rem;
    font-weight: 600;
}
.link_ttl::after {
    content: "▼";
    position: absolute;
    top: 50%;
    right: 1.5em;
    font-size: 67%;
    -webkit-transition: .5s;
    transition: .5s;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.sec_guide{
	background: var(--greengray);
	padding:50px 0;
}
.sec_guide_ttl{
	text-align:center;
	padding-bottom:50px;
}
.sec_guide_ttl img{
	height:30px !important;
	margin:0px auto 10px;;
}
.sec_guide_ttl h3{
	font-size:2.4rem;
	position: relative;
}
.sec_guide_ttl h3::before {
  background-color: #fff; /* 線の色 */
  bottom: -20px; /* 線の位置 */
  content: "";
  height: 3px; /* 線の高さ */
  left: 50%; /* 線の中央寄せ */
  position: absolute;
  transform: translateX(-50%); /* 線の中央寄せ */
  width: 60px; /* 線の長さ */
}

.sec_guide_ttl p{
	margin-top:40px;
}
.sec_guide_img{
	display:flex;
	gap:20px;
}

.slick-slide img {
	width: auto;
	height: 500px !important;
}

.sec_guide_point{
	display:flex;
	justify-content:center;
	gap:30px;
	margin-top:60px;
}
.sec_guide_point p{
	background:#fff;
	padding:40px 20px;
	font-size:2rem;
	color:var(--red);
	font-weight:600;
	border-radius:15px;
}
.sec_guide .table_area{
	max-width:600px;
	margin:40px auto 0;
}

.sec_guide_flex{
	display:flex;
	justify-content:center;
	gap:30px;
	flex-wrap:wrap;
}
.sec_1_box{
	width:40%;
}
.sec_1_box h4{
	border-bottom:1px solid var(--greengray);
	padding-bottom:10px;
	margin-bottom:15px;
}
.sec_1_box p{
	font-size:1.4rem;
}
.sec_1_box table{
	font-size:1.4rem;
}
.sec_1_box table td{
	white-space:nowrap;
}
.sec_guide_w{
	padding:60px 0;
	background:#fff;
}
.faci_list{
	display:flex;
	flex-wrap:wrap;
	gap:30px;
	justify-content:center;
	margin-bottom:40px;
}
.faci_box{
	padding:15px;
	width:30%;
}
.faci_box p{
	padding:8px;
	font-size:1.4rem;
}

/*------------------------------------------
responsive
------------------------------------------*/

@media screen and (max-width: 999px) {


}

@media screen and (max-width: 599px) {
	.guide_index{
		flex-direction:column;
	}
	.slick-slide img {
		width: auto;
		height: 300px !important;
	}
	.sec_guide_flex{
		flex-direction:column;
	}
	.sec_1_box{
		width:100%;
	}
	.sec_guide_point{
		flex-direction:column;
		gap:15px;
	}
	.sec_guide_point p{
		text-align:center;
		padding:20px 20px;
		width:80%;
		margin:auto;
	}
	.faci_list{
		gap: 10px 2%;
	}
	.faci_box{
		width:49%;
		padding:4px;
	}
}