.main_visual{
	max-width: 1200px;
	margin: 0 auto;
	padding: 5% 5% 0;
}

.main_visual img{
	border-radius: 10px;
	position: relative;
	
}

#newshl{
	padding: 5%;
}

#newshl h2{
	text-align: center;
	writing-mode: vertical-rl;
	color: rgba(var(--color-main-rgb), 0.3);
	margin:.5em 0 0 0;
}

.newshl_wrap{
	display: flex;
	align-items: flex-start;
	margin: 0 auto;
	justify-content: center;
}



ul.news-list{}

ul.news-list li{
	padding: .6em;
	border-bottom: solid 1px rgba(var(--color-main-rgb), 0.7);
}

ul.news-list li i{
	color: var(--color-main);;
	padding: 0 1em 0 0;
	font-size: .8em
}

ul.news-list li span{
	width: 100px;
	display: inline-block
}


#items{
	padding: 5%;
	background: #f4f4ea
}

#items h2{
	color: var(--color-main);
	margin-bottom: 1.5em;
	text-align: center;
}

ul.itemlist{
	margin: 0 auto;
	max-width: 1000px;
}

ul.itemlist li{
	background: #fcc968;
	padding: 1.2em 2em;
	display: flex;
	align-items: center;
	border-radius: 50px;
	position: relative;
	flex-direction: row-reverse;
    justify-content: flex-end;
    font-weight: bold;
    font-size: 1.2em
}
ul.itemlist li figure{padding: 0 1em 0 0}

ul.itemlist li figure img{
	width: 40px;
	height: auto
}

ul.itemlist li span{
	display: block;
}

@media screen and (max-width: 767px) {
	#newshl ul{
	padding: 0 0 0 1em}
	ul.itemlist li{
		margin: .7em 0;
		padding: 1em 2em;
	}
}	

@media print, screen and (min-width: 768px) {
	#newshl ul{
	padding: 0 0 0 3em}
	ul.itemlist {
	  display: grid;
	  grid-template-columns: repeat(3,1fr);
	  gap: 20px;
	}
	
}	

@media print, screen and (min-width: 1024px) {}	




#yoyaku{
	text-align: center;
	padding: 5%;
}

#yoyaku h2{
	color: var(--color-main);
	margin-bottom: 1.5em
}

#yoyaku > p{
	margin-bottom: 1em;
	font-size: 1.3em
}

.yoyaku_wrap{
	max-width: 600px;
	margin: 0 auto
}

.yoyaku_wrap dl{
	margin-bottom: 2em
}

.yoyaku_wrap dt{
	background: #fcc968;
	padding: 1em;
	border-radius: 50px;
	line-height: 1em;
	font-weight: bold;
	position: relative;
	margin-bottom: 1em
}

#yoyaku dd a{
	margin: 0 auto
}

.num{
	display: block;
	font-weight: bold;
	font-size: 28px;
	margin: 10px 0 0;
}

.num::before{
	content: "Tel.";
	font-size: .8em;
	padding: 0 5px 0 0
}