@charset "UTF-8";

body.overview main h2{
	text-align: center;
  position: relative;    /* ::after の配置基準にする */
  padding-bottom: 20px;  /* アンダーラインとの間に少しスペースを空ける */
  margin-bottom: 20px;   /* h2と次のコンテンツとの間にスペース */
	color: var(--color_main);
	font-family: 'font_Yomogi-Regular', 'font_ZenMaruGothic-Regular', sans-serif!important;
  }

body.overview main h3{
	text-align: center;
	color: var(--color_main);
	font-family: 'font_Yomogi-Regular', 'font_ZenMaruGothic-Regular', sans-serif!important;
  }

body.overview .overview_img{
  border: solid 1px #bbce99;
  margin-top: 5rem;
  padding: 6rem;
  background-color: #fffee5;
  }

.ul_overview{
  margin-top: 3rem;
  }

.ul_overview li{
  margin-bottom: 2rem;
  }

.ul_overview li a{
  display: block;
  width: 100%;
  height: 100%;
  padding: .6rem 1.6rem;
  border: solid 1px var(--color_main);
  border-radius: 1000px;
	color: var(--color_main);
  }

@media screen and (max-width: 767.98px) {
	.ul_overview li a{
		font-size: 90%;
		text-align: center;
		}
}

.ul_overview li a span{
  font-size: 110%;
  margin-right: .5rem;
  }

@media screen and (max-width: 767.98px) {
	body.overview .overview_img{
		margin-top: 3rem;
		padding: 1.5rem .6rem;
		text-align: center;
		}

	body.overview .overview_img img{
		max-width: 80vw!important
		}
}