@charset "UTF-8";
/* CSS Document */

.sp{display: none;}

header{
	padding: 30px 0 50px 30px;
	position: relative;
}

h1{
	position: absolute;
	top: 0;
	left: 0;
	padding-top: inherit;
    padding-left: inherit;
    width: 35%;
}

.header__logo{
	text-align: center;
	margin-bottom: 70px;
}

.header__icon_area{
	position: absolute;
	top:0;
	right: 0;
	width: 230px;
}

.header__icon_area ul{
	margin: 0 auto;
	display: table;
	width: max-content;
}
	
.header__icon_area li{
	float: left;
	margin: 20px 8px;
}

.header__gnav{
	width: max-content;
	display: table;
	margin: 0 auto;
}

.header__gnav li{
	float: left;
	padding: 0 25px;
	vertical-align: middle;
	border-right: 1px solid #663d32;
}

.header__gnav li:last-child {
	border: none;
}

.icatch_area{
	position: relative;
}

.icatch_area img{
	width: 100%;
}

a.bx-prev{
	width: 4em;
	height: 4em;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	transform: translate(0, -50%) rotate(-45deg);
	position: absolute;
	top:50%;
	left: 3vw;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	cursor: pointer;
	z-index: 100;
}

a.bx-next{
	width: 4em;
	height: 4em;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	transform: translate(0, -50%) rotate(45deg);
	position: absolute;
	top:50%;
	right: 3vw;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	cursor: pointer;
}

.top_read{
	text-align: center;
	margin: 80px 0 120px 0;
	font-size: 1.1em;
}

.top_news{
	text-align: center;
	width: 90vw;
	max-width: 1620px;
	margin: 0 auto;
	margin-bottom: 180px;
}

.top_news h2{
	margin-bottom: 60px;
}

.top_news__post_wrap{
	width: calc(100% + 50px);
	margin-bottom: 80px;
}

.top_news__post{
	float: left;
	width: 16.666%;
	padding-right: 50px;
}

.top_news__img {
  animation: uneune 5s linear infinite;
  -moz-animation: uneune 5s linear infinite;
  -webkit-animation: uneune 5s linear infinite;
  -ms-animation: uneune 5s linear infinite;
  width: 100%;
  overflow: hidden;
  margin-bottom: 20px;
}

.top_news__img .inner{
	width: 100%;
	position: relative;
	padding-top: 88%;
}

.top_news__post_wrap section:nth-child(even) .top_news__img {
  animation: uneune2 5s linear infinite;
  -moz-animation: uneune2 5s linear infinite;
  -webkit-animation: uneune2 5s linear infinite;
  -ms-animation: uneune2 5s linear infinite;
}

.top_news__img img {
  width: 120%;
  max-width: none;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50% , -50%);
}

@keyframes uneune{
  0% {border-radius: 60% 30% 40% 80% / 40% 40% 60% 60%;} 
  25% {border-radius: 50% 40% 50% 60% / 60% 50% 40% 40%; }
  50% {border-radius: 30% 20% 60% 40% / 40% 30% 60% 40%;}
  75% {border-radius: 30% 40% 30% 50% / 40% 40% 60% 50%;}
  100% {border-radius: 60% 30% 40% 80% / 40% 40% 60% 60%;}
}

@keyframes uneune2{
  0% {border-radius: 30% 40% 30% 50% / 40% 40% 60% 50%;}
  25% {border-radius: 60% 30% 40% 80% / 40% 40% 60% 60%;} 
  50% {border-radius: 30% 20% 60% 40% / 40% 30% 60% 40%;}
  75% {border-radius: 50% 40% 50% 60% / 60% 50% 40% 40%; }
  100% {border-radius: 30% 40% 30% 50% / 40% 40% 60% 50%;}
}


.top_news__post .date{
	display: block;
	color: #ed2323;
	font-size: .9em;
}

.top_news__post a{
	font-weight: bold;
	font-size: 1.16em;
}

.top_banner__s div{
	float: left;
	width: 25%;
	padding-right: 20px;
}
.top_banner{
	width: 90vw;
	max-width: 1200px;
	margin: 0 auto;
	margin-bottom: 180px;
}

.top_banner__b{
	width: calc(100% + 20px);
}

.top_banner__b img,
.top_banner__s img{
	width: 100%;
}

.top_banner__b .fl{
	width: 50%;
	padding-right: 20px;
	margin-bottom: 20px;
}

.top_banner__s{
	width: calc(100% + 20px);
}

.top_banner__s div{
	float: left;
	width: 25%;
	padding-right: 20px;
}

.top_group__read{
	text-align: center;
	margin-bottom: 80px;
	font-weight: bold;
	font-size: 1.2em;
}

.top_group{
	width: 90vw;
	max-width: 1000px;
	margin: 0 auto;
	margin-bottom: 80px;
}

.top_group__group_wrap{
	width: calc(100% + 20px);
}

.top_group_group{
	float: left;
	width: 16.666%;
	padding-right: 20px;
	margin-bottom: 50px;
	font-size: .9em;
}

.top_group_group img{
	display: block;
	margin: 0 auto;
	margin-bottom: 20px;
}

.iso_area{
	width: 60vw;
	max-width: 500px;
	margin: 0 auto;
	margin-bottom: 100px;
	font-size: .9em;
}

.iso_area .fr{
	width: 55%;
}

.iso_area a{
	color: #0473bd;
	display: block;
}
footer{
	text-align: center;
	background: #eeeeee;
}

footer ul{
	padding: 40px 0;
	margin: 0 auto;
	display: table;
	width: max-content;
}

footer ul li{
	float: left;
	padding: 0 20px;
	vertical-align: middle;
	border-right: 1px solid #663d32;
}

footer ul li:last-child {
	border: none;
}

.copyright{
	padding: 40px 0;
	background: #663d32;
	color: #f7f5f5;
	font-size: .9em;
}

#pageTop_wrap{
	display: none!important;
}