@charset "UTF-8";

#main_visual{background:#000 url(../images/main_image1.jpg) center center no-repeat;height:420px;border-bottom:4px solid #a1c4b5;position:relative;margin:0 0 20px;}
#main_visual .main_title{width:636px;height:102px;margin:auto;top:0;bottom:0;left:0;right:0;position:absolute;}
#main_visual .main_title img{width:100%;}
@media screen and (max-width:767px) {
#main_visual{height:90px;margin:0;background:url(../images/main_image1.jpg) center center no-repeat;background-size: contain;}
#main_visual .main_title{
	width:90%;
	height:auto;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%); /* Safari用 */
	transform: translateY(-50%);
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
}
.category{background:#000 url(../images/category_bg.png) center center no-repeat;background-size:1600px,450px;}
.category .inner{position:relative;width:100%;max-width:1080px;height:450px;margin:0 auto;overflow:hidden;z-index:2;}
.category .inner .detail{position:absolute;bottom:0;right:0;top:0;left:0;z-index:100;margin:auto;overflow:hidden;}
.category .inner .section_title{width:284px;text-align:center;margin:40px auto 40px;}
.category .inner .section_title img{width:100%;}
.category .inner .list{margin:0 -13px;letter-spacing:-2em;}
.category .inner .list a{width:20%;display:inline-block;box-sizing:border-box;color:#FFF;letter-spacing:normal;text-align:left;vertical-align:top;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}
.category .inner .list dl{padding:0 13px;}
.category .inner .list dl dt,
.category .inner .list dl dd{}
.category .inner .list dl dt{font-size:15px;line-height:1.2;height:2.5em;margin:0 0 5px;}
.category .inner .list dl .image{margin:0 0 10px;display:inline-block;}
.category .inner .list dl .image img{width:100%;line-height:0;vertical-align:top;}
.category .inner .list dl .text{font-size:13px;line-height:1.5;margin:0 0;}
@media screen and (min-width:1080px) {.category .inner .list a:hover{filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}}
@media screen and (max-width:767px) {
.category{background:rgb(0,57,53);background:-moz-linear-gradient(top,  rgba(0,57,53,1) 0%, rgba(0,0,0,1) 100%);background:-webkit-linear-gradient(top,  rgba(0,57,53,1) 0%,rgba(0,0,0,1) 100%);background:linear-gradient(to bottom,  rgba(0,57,53,1) 0%,rgba(0,0,0,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#003935', endColorstr='#000000',GradientType=0 );}
.category .inner{height:auto;}
.category .inner:before{display:none;}
.category .inner .detail{position:static;height:auto;padding:0 10px;}
.category .inner .section_title{width:200px;margin:20px auto;}
.category .inner .list{margin:0 -5px;text-align:left;}
.category .inner .list a{width:100%;margin:0 0 25px; box-sizing:border-box;}
.category .inner .list dl{padding:0;}
.category .inner .list dl dt,
.category .inner .list dl dd{padding:0 5px;}
.category .inner .list dl dt{font-size:15px;height:auto;font-weight:700;}
.category .inner .list dl .image{margin:0 0 5px; width:100%; box-sizing:border-box;}
.category .inner .list dl .text{}
}
.topics{width:100%;max-width:1080px;margin:0 auto;}
.topics .section_title{width:246px;text-align:center;margin:40px auto 40px;}
.topics .section_title img{width:100%;}
.topics_box{position:relative;width:100%;height:0; height:300px;overflow:auto;-webkit-overflow-scrolling:touch;}
.topics_box iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;display:block;}
@media screen and (max-width:767px) {
.topics{margin:0 auto 10px;}
.topics .section_title{width:auto;margin:20px auto 20px;}
.topics .section_title img{height:18px;width:auto;}
.topics_box{height:380px;}
}
.link{position:relative;width:100%;max-width:1080px;margin:60px auto 45px;overflow:hidden;}
.link .inner{}
.link .inner>ul{margin:0 -8px;letter-spacing:-2em;text-align:left;display: flex;justify-content: space-between;align-items: flex-end; grid-gap: 1rem;}
.link .inner>ul.clearfix:after{content: unset;}
@media screen and (max-width:767px) {
.link .inner>ul{display: block;}
}
.link .inner>ul li{
	display: inline-block;
    box-sizing: border-box;
    /* color: #FFF; */
    letter-spacing: normal;
    text-align: left;
}
.link .inner>ul li.banner_list{
	width: calc(75% - 1rem);
}
.link .inner>ul li.banner_list .banner_list_inner{
	display: flex;
    align-items: flex-start;
	grid-gap: 1rem;
}
.link .inner>ul li.banner_list .banner_list_inner li{
	/* flex: 1; */
}
.link .inner>ul li.banner_list .banner_list_inner li a img{
	width: auto;
	max-height: 50px;
}
.link .inner>ul li:nth-of-type(3){padding-bottom:0;}
.link .inner>ul li img{letter-spacing:0;vertical-align:top;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}
.link .inner>ul li a{text-decoration:none;}
.link .inner>ul li .banner_caption{font-size:11px;line-height:15px;color:#000;text-align:center;display:block;}
.link .inner>ul li:nth-of-type(5){
	padding-top: 0;
	padding-right: 8px;
	padding-bottom: 15px;
	padding-left: 80px;
}
.link .inner>ul li .company{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: -3px;
	margin-left: 0;
}
.link .inner>ul li .company .images{width:240px;display:block;margin:0 auto;}
.link .inner>ul li .company .images img{width:100%;letter-spacing:0;vertical-align:top;}
.link .inner>ul li .company .company_inner{margin:3px 0 0;text-align:left;}
.link .inner>ul li .company .logo{width:180px; margin:0 auto;}
.link .inner>ul li .company .logo img{width:100%;}
.link .inner>ul li .company .address,
.link .inner>ul li .company .tel{font-size:13px;line-height:1.5;font-weight:400;color:#000;padding:0;text-align:center;}
@media screen and (min-width:1080px) {
.link .inner>ul li a:hover img{filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}}
@media screen and (max-width:767px) {
.link{margin:0 auto;padding:25px 0 0;border-top:1px solid #CCC;box-sizing:border-box;}
.link .inner>ul{text-align:left;margin:0;}
.link .inner>ul li{width:100%; display:block;box-sizing:border-box;padding:0 5px;margin:0 0 10px;text-align:center;vertical-align:top;}
/* .link .inner>ul li:nth-of-type(1),
.link .inner>ul li:nth-of-type(2){padding-bottom:0;} */
.link .inner>ul li:last-child{width:100%;display:block;margin:0 0 25px;padding:15px 0 0;border-top:1px solid #CCC;}
.link .inner>ul li a{margin:0;display:block;/*background:#eee;*/}
.link .inner>ul li a img{width: auto;height:auto;max-width:300px;}
.link .inner>ul li .company{margin:25px 0 0;}
.link .inner>ul li .company .images{ width:100%; box-sizing: border-box; padding:0 10px;}
.link .inner>ul li .company .company_inner{margin:0;padding:10px 0 0;}
.link .inner>ul li .company .logo{margin:0 auto;}
.link .inner>ul li .company .address,
.link .inner>ul li .company .tel{text-align:center;padding:0;}

.link .inner>ul li.banner_list{
	width: 100%;
}
.link .inner>ul li.banner_list .banner_list_inner{
	flex-direction: column;
}
.link .inner>ul li.banner_list .banner_list_inner li{
	margin: 0;
}
.link .inner>ul li.banner_list .banner_list_inner li:last-child{
    border: unset;
    padding: 0;
}
}


.more_button{
	margin: 1rem auto;
	max-width: 500px;
	width: 90%;
}
.more_button a{
	padding: .5rem 1rem;
	background-color: #15674d;
	transition: all .5s;
	display: flex;
	justify-content: center;
	align-items: center;
	grid-gap: .5rem;
	color: #fff;
	text-decoration: none;
	border: 1px solid #15674d;
	font-size: 16px;
}
.more_button a::after{
	content: "";
	display: inline-block;
	width: .5rem;
	aspect-ratio: 1/1.5;
	background-color: #fff;
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
.more_button a:hover{
	background-color: #fff;
	color: #15674d;
}
.more_button a:hover::after{
	background-color: #15674d;
}


.movie{
	margin: 2rem auto;
    width: 100%;
    text-align: center;
	max-width: 560px;
}
.movie .section_title{
	width: 160px;
    text-align: center;
    margin: 40px auto 0px;
}
.movie .section_title img{
	width: 100%;
    height: auto;
}
.movie iframe{
	aspect-ratio: 560 / 315;
	width: 100%;
}
@media screen and (max-width:767px) {
	.movie .section_title{
		width: 115px;
	}
}

/* 20230915チラシスライダー(使わない場合はコメントアウト)  */

 #main_visual h1.none{
	display: none!important;
}
#main_visual{
	height: 500px;
	text-align: left;
	overflow: hidden;
	width: 100%;
	margin: 0;
}
#main_visual .flyer{
	background: url(/img/top/bg_flyer.jpg) bottom center/100% no-repeat;
	width: 100%;
	height: 100%;
}
#main_visual .flyer a{
	display: flex;
	align-items: center;
	justify-content: center;
	grid-gap: 1.5rem;
	width: calc(100% - 2rem);
	height: calc(100% - 2rem);
	padding: 1rem;
	text-decoration: unset;
}
#main_visual .flyer .text_area{
	width: 40%;
	color: #333;
	display: flex;
	justify-content: flex-end;
}
#main_visual .flyer .text_area p{
	display: flex;
	flex-direction: column;
}
#main_visual .flyer p .date{
	font-size: 36px;
	font-family: 'Zen Old Mincho', serif;
	font-weight: bold;
	line-height: 1.5;
	text-shadow: 1px 1px 1px #fff;
}
#main_visual .flyer p .title{
	font-size: 52px;
	font-weight: bold;
	line-height: 1.5;
	font-family: 'Zen Old Mincho', serif;
	position: relative;
	text-shadow: 2px 2px 1px #fff;
}
#main_visual .flyer p .en{
	font-size: 28px;
	line-height: 1.5;
	font-family: 'Josefin Sans', sans-serif;
	text-shadow: 2px 2px 5px rgba(255, 255, 255, .5);
}
#main_visual .flyer .image_area{
	width: calc(60% - 1rem);
	display: flex;
	align-items: center;
	justify-content: center;
	grid-gap: .5rem;
	padding: 1rem 1rem;
	background-color: rgba(255, 255, 255, .8);
	position: relative;
}
#main_visual .flyer .image_area .flame{
	content: url(/img/top/flame.svg);
	display: inline-block;
	width: 50px;
	height: auto;
	position: absolute;
	z-index: 1;
}
#main_visual .flyer .image_area .flame.bef{
	bottom: .2rem;
	left: .5rem;
}
#main_visual .flyer .image_area .flame.af{
	top: .2rem;
	right: .5rem;
	transform:rotate(180deg);
}
#main_visual .flyer .image_area .check_button{
	font-size: 14px;
	color: #333;
	font-weight: bold;
	padding: .25rem 1rem;
	background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 25%, #cdcbd0 50%, #ffffff 75%, #cdcbd0 100%)!important;
	border: 1px solid #cdcbd0;
	border-radius: 100px;
	display: flex;
	align-items: center;
	grid-gap: .25rem;
	position: absolute;
	bottom: -.5rem;
	left: 75%;
	transform: translateX(-50%);
	white-space: nowrap;
}
#main_visual .flyer .image_area .check_button img{
	width: 20px;
}
#main_visual .flyer .image_area figure{
	margin: 0;
}
#main_visual .flyer .image_area figure img{
	width: 100%;
	height: auto;
	max-width: 100%;
	max-height: 400px;
}
#main_visual .flyer .check_button.sp_only{
	display: none!important;
}
@media all and (max-width:767px) {

#main_visual  {
	text-align: left;
	overflow: hidden;
	width: 100%;
	margin: 0;
	height: 200px;
    background: unset;
}
#main_visual .flyer{
	background: url(/img/top/bg_flyer.jpg) bottom center/auto 100% no-repeat;
	width: 100%;
	height: 100%;
}
#main_visual .flyer a{
	display: flex;
	align-items: center;
	justify-content: center;
	grid-gap: .5rem;
	width: calc(100% - 1rem);
	height: calc(100% - 1rem);
	padding: .5rem;
	text-decoration: unset;
}
#main_visual .flyer .text_area{
	width: calc(60% - 1rem);
	color: #333;
	display: flex;
	justify-content: flex-start;
}
#main_visual .flyer .text_area p{
	display: flex;
	flex-direction: column;
}
#main_visual .flyer p .date{
	font-size: 14px;
	font-family: 'Zen Old Mincho', serif;
	font-weight: bold;
	line-height: 1.5;
	text-shadow: 1px 1px 1px #fff;
}
#main_visual .flyer p .title{
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
	font-family: 'Zen Old Mincho', serif;
	position: relative;
	text-shadow: 1px 1px 1px #fff;
}
#main_visual .flyer p .en{
	font-size: 16px;
	line-height: 1.5;
	font-family: 'Josefin Sans', sans-serif;
	text-shadow: 2px 2px 5px rgba(255, 255, 255, .5);
}
#main_visual .flyer .image_area{
	width: calc(30%);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	grid-gap: .5rem;
	padding: .5rem;
	background-color: rgba(255, 255, 255, .8);
	position: relative;
}
#main_visual .flyer .image_area .flame{
	content: url(/img/top/flame.svg);
	display: inline-block;
	width: 30px;
	height: auto;
	position: absolute;
	z-index: 1;
}
#main_visual .flyer .image_area .flame.bef{
	bottom: .1rem;
	left: .25rem;
}
#main_visual .flyer .image_area .flame.af{
	top: .1rem;
	right: .25rem;
	transform:rotate(180deg);
}
#main_visual .flyer .image_area figure{
	margin: 0;
}
#main_visual .flyer .image_area figure img{
	width: 100%;
	height: auto;
	max-width: 100%;
}

#main_visual .flyer .image_area .check_button.pc_only{
	display: none!important;
}
#main_visual .flyer .check_button.sp_only{
	display: flex!important;
}
#main_visual .flyer .check_button{
	font-size: 12px;
	color: #333;
	font-weight: bold;
	padding: .1rem .5rem;
	background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 25%, #cdcbd0 50%, #ffffff 75%, #cdcbd0 100%)!important;
	border: 1px solid #cdcbd0;
	border-radius: 100px;
	display: flex;
	align-items: center;
	grid-gap: .25rem;
	position: absolute;
	bottom: 1rem;
	left: 2rem;
	white-space: nowrap;
}
#main_visual .flyer .check_button img{
	width: 14px;
}
}