@charset "utf-8";




.main_area{
	background: url(../images/front/main_img.jpg) bottom center;
	background-size: cover;
	width: 100%;
	height: 50vw;
	max-height: 760px;
	position: relative;
	margin-bottom: 3em;
	display: flex;
	align-items: center;
	justify-content: center;
}
.main_area h1{
	width: 380px;
}


.main_area::before{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-color: rgba(0, 113, 136, .6) transparent transparent transparent;
	border-width: 348px 417px 0px 0px;
	position: absolute;
	top: 0;
	left: 0;
}

.main_area::after{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent transparent rgba(0, 113, 136, .6) transparent;
	border-width: 0px 0px 348px 417px;
	position: absolute;
	bottom: 0;
	right: 0;
}
.main_area>div::after{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-color: var(--c_site_c) transparent transparent transparent;
	border-width: 45px 45px 0px 45px;
	position: absolute;
	bottom: -45px;
	right: 0;
	left: 0;
	text-align: center;
	margin: auto;
}



section h2{font-size: clamp(1.375rem, 0.875rem + 2.5vw, 2.75rem);margin-bottom: .75em}
section h3{font-size: clamp(1.125rem, 0.716rem + 2.05vw, 2.25rem);margin-bottom: 1em;}
section h4{font-size: clamp(1rem, 0.682rem + 1.59vw, 1.875rem);margin-bottom: .75em;}

section h2 {
  position: relative;
  text-align: center;
  width: 90%;
  max-width: 560px;
  margin: 0 auto 1em;
}
section h2 span {
  position: relative;
  z-index: 2;
  display: inline-block;
  padding: 0 1em;
  background-color: #fff;
}
section h2 span img{vertical-align: middle;}
section h2::before {
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	margin: auto;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #13b2b4;
}




.front_news .list>li{
	width: calc(100% / 3 - 1em);
	margin: 0 .5em;
	background: #f3f3f3;
	padding: 1.25em;
	display: flex;
   flex-direction: column;
}

.front_news .date{
	display: inline-block;
	width: fit-content;
	background: var(--c_site_c);
	color: #fff;
	padding: .25em 1em;
	margin-bottom: .5em;
}
.front_news .comment{
	display: flex;
	flex-grow: 1;
	align-items: center;
}
.front_news .title{
	display: block;
	margin-bottom: .5em;
	font-weight: bold;
}

.front_news .text{
	display: none;
}

.full_w{
	height: 50vw;
    max-height: 600px;
}

.front_access iframe{
	filter: grayscale(100%);
}


@media (max-width: 999px){

.main_area::before{
	border-width: 40vw 20vw 0px 0px;
}

.main_area::after{
	border-width: 0px 0px 40vw 20vw;
}

.main_area h1{
	width: 22vw;
	min-width: 100px;
	margin: auto;
}

}




@media (max-width: 799px){

.main_area{
	margin-bottom: 2em;
}
.main_area>div::after{
	border-width: 30px 30px 0px 30px;
	bottom: -30px;
}

.front_news .list>li{
	width: 100%;
}
.front_news .list>li figure{
	width: 90%;
	margin: auto;
}


}



@media (max-width: 599px){



.front_news .list>li figure{
	width: 100%;
}


}