@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500&display=swap");
@import url("https://fonts.googleapis.com/earlyaccess/notosansjapanese.css");
/*header{
	width: 100%;
	height: 100px;
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 50;
	@include break(960){
		//padding: 10px 4%;
		height: auto;
		text-align: left;
	}
	.logo{
		position: absolute;
		left: 0px;
		z-index: 100;
		top: 0px;
		height: 100%;
		@include transition;
		&.scl{
			@include break2(960){
				//top: 50%;
				//transform:translate(0,-50%);
				//width: 80px;
			}
		}
		@include break(960){
			position: static;
			//width: 50px;
			height: 65px;
			width: auto;
		}
		img{
			height: 100%;
		}
	}
	>.inner{
		width: 100%;
		height: 100%;
		padding: 20px 50px 0 190px;
		position: relative;
		@include flex;
		//@include fw;
		@include fd;
		@include break(960){
			display: none;
			//overflow: auto!important;
			padding: 0px 0 30px;
			position: absolute;
			top: 100%;
			height: auto;
			left: 0;
			background: #fff;
			overflow-y: scroll!important;
		}
		ul.sns{
			@include flex;
			@include jc(flex-end);
			margin-bottom: 25px;
			@include break{
				margin: 30px 0 0;
				@include jc(center);
			}
			li{
				&:nth-child(2){
					margin: 0 30px;
					@include break{
						margin: 0 20px;
					}
				}
				a{
					display: block;
					@include transition;
					&:hover{
						opacity: 0.7;
					}
					img{
						width: 25px;
					}
				}
			}
		}
		nav{
			@include order(2);
			>ul{
				@include flex;
				@include jc(flex-end);
				@include break{
					display: block;
				}
				>li{
					line-height: 1;
					//padding-bottom: 15px;
					&:hover{
						>a{
							color: #E61920;
							&:after{
								width: 100%;
							}
						}
					}
					@include break2(960){
						&:not(:last-child){
							margin-right: 40px;
						}
					}
					@include break(960){
						border-bottom: 1px solid  #f2f2f2;
						padding: 0;
						&.pulldown{
							position: relative;
							&.on{
								&:before{
									transform: rotate(180deg);
								}
							}
							&:before {
								content: "";
    				position: absolute;
    				right: 25px;
    				top: 21px;
    				width: 15px;
    				height: 2px;
    				transform: rotate(90deg);
    				background: $red;
    				transition: all .3s ease-in-out;
							}
							&:after {
							 content: "";
							 position: absolute;
							 right: 25px;
							 top: 21px;
							 display: block;
							 width: 15px;
							 height: 2px;
							 background: $red;
							 transition: all .2s ease-in-out;
							}
						}
					}
					>a{
						line-height: 1;
						font-size: 16px;
						text-decoration: none;
						position: relative;
						display: block;
						padding-bottom: 15px;
						@include break2(960){
							&:after{
								content: "";
								position: absolute;
								bottom: 0;
								left: 50%;
								transform:translate(-50%,0);
								width: 0%;
								height: 2px;
								background: $red;
								@include transition;
							}
						}
						@include break(960){
							display: block;
							padding: 15px 4%;
							font-size: 14px;
						}
					}
					.detail{
						background: #f7f7f7;
						position: absolute;
						top: 100%;
						left: 0;
						width: 100%;
						padding: 30px 0;
						display: none;
						@include break(960){
							position: static;
							padding: 0;
						}
						>.inner{
							width: 100%;
							max-width: 1000px;
							margin: 0 auto;
							@include flex;
							@include break(1000){
								display: block;
							}
							.detail_ttl{
								width: 210px;
								@include flex;
								@include jc(center);
								@include ai;
								text-align: center;
								padding: 20px 0;
								border-right: 1px solid  $red;
								@include break(1000){
									display: none;
								}
								p{
									font-size: 30px;
									font-weight: bold;
									color: $red;
									@include font_en;
									line-height: 1;
									span{
										display: block;
										font-size: 14px;
										margin-top: 10px;
										font-weight: bold;
									}
								}
							}
							.detail_list{
								width: calc(100% - 210px);
								padding-left: 65px;
								@include flex;
								@include ai;
								@include break(960){
									width: 100%;
									padding: 0;
									display: block;
								}
								ul{
									@include flex;
									@include fw;
									align-content: space-around;
									height: 80%;
									@include break(960){
										width: 100%;
										height: auto;
										display: block;
									}
									li{
										margin-right: 35px;
										@include break(960){
											margin: 0;
											border-bottom: 1px solid  #fff;
										}
										a{
											display: inline-block;
											font-size: 16px;
											background: url(/common_re/img/link_arrow.png) right center no-repeat;
											padding-right: 25px;
											@include break{
												//display: block;
												@include flex;
												@include ai;
												padding: 15px 4%;
												background: none;
												font-size: 14px;
												position: relative;
												&:before{
													content: "";
													display: block;
													width: 10px;
													height: 2px;
													background: $red;
													margin-right: 10px;
												}
											}
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}
}*/
#wrapper {
  width: 100%;
  max-width: 100% !important;
  text-align: center;
  margin: 0 auto;
  /*footer{
  	width: 100%;
  	padding-top: 50px;
  	@include break{
  		padding-top: 30px;
  	}
  	>.inner{
  		width: 100%;
  		max-width: 1000px;
  		margin: 0 auto 75px;
  		@include break{
  			margin-bottom: 30px;
  			padding: 0 4%;
  		}
  		.ft_links{
  			width: 100%;
  			@include flex;
  			text-align: left;
  			padding-bottom: 40px;
  			margin-bottom: 40px;
  			border-bottom: 1px solid  #f2f2f2;
  			@include break{
  				display: none;
  			}
  			.col_links{
  				border-right: 1px solid  #f2f2f2;
  				&.activity{
  					width: 47%;
  					.col_2{
  						width: 100%;
  						@include flex;
  						.col_2_in{
  							width: 50%;
  							padding-right: 10px;
  							ul{
  								li{
  									&:first-child{
  										a{
  											font-weight: bold;
  										}
  									}
  								}
  							}
  						}
  					}
  				}
  				&.about{
  					width: 18.8%;
  					padding-left: 40px;
  				}
  				&.member{
  					width: 16.8%;
  					padding-left: 40px;
  				}
  				&.other{
  					width: 17.4%;
  					padding-left: 40px;
  					border-right: none;
  				}
  				p.ttl{
  					margin-bottom: 20px;
  					a,span{
  						font-weight: bold;
  						font-size: 14px;
  					}
  				}
  				ul{
  					&:not(:first-child){
  						margin-top: 20px;
  					}
  					li{
  						line-height: 1;
  						&:not(:first-child){
  							margin-top: 10px;
  						}
  						a{
  							font-size: 14px;
  							line-height: 1.5;
  						}
  					}
  				}
  			}
  		}
  		.ft_info{
  			width: 100%;
  			@include flex;
  			@include ai(flex-end);
  			@include break{
  				display: block;
  			}
  			.logo{
  				width: 289px;
  				@include break{
  					width: 100%;
  					text-align: center;
  					margin-bottom: 20px;
  					img{
  						width: 250px;
  					}
  				}
  			}
  			p.address{
  				margin-left: 25px;
  				font-size: 14px;
  				text-align: left;
  				line-height: 1.6;
  				@include break{
  					font-size: 12px;
  					margin: 0 0 20px;
  					text-align: center;
  				}
  			}
  			ul.sns{
  				@include flex;
  				margin-left: auto;
  				@include break{
  					@include jc(center);
  				}
  				li{
  					a{
  						display: block;
  						@include transition;
  						&:hover{
  							opacity: 0.7;
  						}
  						img{
  							width: 25px;
  						}
  					}
  					&:nth-child(2){
  						margin: 0 40px;
  						@include break{
  							margin: 0 20px;
  						}
  					}
  				}
  			}
  		}
  	}
  	.copy{
  		background: #333;
  		padding: 10px 0;
  		p{
  			line-height: 1;
  			text-align: center;
  			small{
  				color: #fff;
  				@include font_en;
  				font-size: 10px;
  			}
  		}
  	}
  }*/
}
#wrapper:after {
  display: none !important;
}
@media screen and (max-width: 768px) {
  #wrapper {
    min-width: 0;
  }
}
#wrapper .ttl {
  border-bottom: 1px solid #ec2828;
  padding-bottom: 10px;
  -js-display: flex;
  display: flex;
}
#wrapper .ttl h2 {
  text-align: center;
  font-size: 25px;
  color: #ec2828;
  font-family: "Montserrat";
  line-height: 1;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  #wrapper .ttl h2 {
    font-size: 22px;
  }
}
#wrapper .ttl h2 span {
  color: #000;
  font-size: 16px;
  letter-spacing: 4px;
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  #wrapper .ttl h2 span {
    font-size: 14px;
    margin-top: 5px;
  }
}
#wrapper .kv_area {
  width: 100%;
  margin-bottom: 70px;
  position: relative;
}
@media screen and (max-width: 768px) {
  #wrapper .kv_area {
    margin-bottom: 45px;
  }
}
#wrapper .kv_area .scroll {
  position: absolute;
  top: 30%;
  left: 50px;
  z-index: 5;
}
#wrapper .kv_area .scroll img {
  width: 9px;
}
#wrapper .kv_area .scroll:after {
  content: "";
  background: #333333;
  display: block;
  width: 1px;
  height: 94px;
  position: absolute;
  bottom: -104px;
  left: calc(50% - 1px);
  animation: FloatVertical 1.5s cubic-bezier(0.16, 1.02, 1, 0.98) infinite normal;
}
@media screen and (max-width: 768px) {
  #wrapper .kv_area .scroll {
    top: 10%;
    left: 3%;
  }
}
@keyframes FloatVertical {
  0% {
    height: 94px;
  }
  90% {
    height: 0;
  }
  100% {
    height: 0;
  }
}
#wrapper .kv_area .kv_gray {
  background: #f2f2f2;
}
#wrapper .kv_area .kv_slide {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
#wrapper .kv_area .kv_slide .slick-dots {
  padding-right: 0px !important;
  left: 50%;
  bottom: -40px !important;
  transform: translate(-50%, 0);
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 1000px) {
  #wrapper .kv_area .kv_slide .slick-dots {
    width: 100%;
    bottom: -30px !important;
  }
}
#wrapper .kv_area .kv_slide .kv_items {
  width: 100%;
}
#wrapper .kv_area .kv_slide .kv_items img {
  width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #wrapper .kv_area .kv_slide .kv_items img {
    width: 100%;
  }
}
#wrapper .kv_area > .inner {
  width: 100%;
  max-width: 1000px;
  margin: 40px auto 0;
  text-align: left;
}
@media screen and (max-width: 1000px) {
  #wrapper .kv_area > .inner {
    padding: 0 4%;
  }
}
#wrapper .kv_area > .inner h1 {
  font-family: "Noto Sans Japanese" !important;
  font-size: 26px;
  color: #e60012;
  font-weight: bold;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  #wrapper .kv_area > .inner h1 {
    font-size: 18px;
  }
}
#wrapper .top_flex {
  display: flex;
  justify-content: space-between;
  max-width: 1000px;
  margin: 0 auto 100px;
}
@media screen and (max-width: 1000px) {
  #wrapper .top_flex {
    padding: 0 4% !important;
  }
}
@media screen and (max-width: 768px) {
  #wrapper .top_flex {
    flex-direction: -webkit- column;
    flex-direction: column;
    align-items: center;
    padding: 0;
    margin: 0 auto 60px;
  }
}
#wrapper .top_flex .news_area,
#wrapper .top_flex .topics_area {
  width: 48%;
}
@media screen and (max-width: 768px) {
  #wrapper .top_flex .news_area,
  #wrapper .top_flex .topics_area {
    width: 100%;
  }
}
#wrapper .top_flex .news_area {
  position: relative;
}
@media screen and (max-width: 768px) {
  #wrapper .top_flex .news_area {
    margin-bottom: 40px;
  }
}
#wrapper .top_flex .news_area .inner {
  height: 100%;
}
#wrapper .top_flex .news_area .inner .article_area {
  width: 100%;
}
#wrapper .top_flex .news_area .inner .article_area ul li {
  -js-display: flex;
  display: flex;
  border-bottom: 1px solid #000000;
  padding: 20px 10px;
  /*span.tag{
  	@include flex;
  	@include ai;
  	@include jc(center);
  	text-align: center;
  	width: 90px;
  	height: 30px;
  	margin-right: 35px;
  	line-height: 1;
  	color: #fff;
  	font-size: 14px;
  	font-weight: bold;
  	@include font_en;
  	@include break{
  		width: 75px;
  		height: 25px;
  		font-size: 12px;
  		margin-right: 15px;
  	}
  	&.award{
  		background: #1253d5;
  	}
  	&.report{
  		background: #f27201;
  	}
  	&.news{
  		background: $red;
  	}
  }*/
}
@media screen and (max-width: 768px) {
  #wrapper .top_flex .news_area .inner .article_area ul li {
    padding: 10px;
  }
}
#wrapper .top_flex .news_area .inner .article_area ul li .date {
  -js-display: flex;
  display: flex;
  align-items: -webkit- center;
  align-items: center;
  justify-content: -webkit- center;
  justify-content: center;
  text-align: center;
  margin-right: 20px;
  line-height: 1;
  font-size: 14px;
}
#wrapper .top_flex .news_area .inner .article_area ul li .txt {
  font-size: 16px;
  text-align: left;
  width: 100%;
  line-height: 1.6;
  margin-top: 3px;
}
@media screen and (max-width: 768px) {
  #wrapper .top_flex .news_area .inner .article_area ul li .txt {
    margin-top: 1px;
    width: calc(100% - 75px - 15px);
    font-size: 14px;
  }
}
#wrapper .top_flex .news_area .inner p.more {
  text-align: right;
  line-height: 1;
  margin-top: 20px;
  position: absolute;
  right: 0;
}
@media screen and (max-width: 768px) {
  #wrapper .top_flex .news_area .inner p.more {
    margin-top: 15px;
    bottom: -30px;
  }
}
#wrapper .top_flex .news_area .inner p.more a {
  line-height: 16px;
  font-size: 16px;
  display: inline-block;
  padding-right: 25px;
  background: url(/common_re/img/link_arrow.png) right center no-repeat;
}
@media screen and (max-width: 768px) {
  #wrapper .top_flex .news_area .inner p.more a {
    font-size: 14px;
    padding-right: 20px;
    background-size: 14px;
    line-height: 14px;
    background-position-y: bottom;
  }
}
#wrapper .top_flex .topics_area .inner {
  padding: 0 10px 0;
}
#wrapper .top_flex .topics_area .inner .topics_ttl {
  font-size: 18px;
  font-weight: bold;
  margin: 0 auto 10px;
}
#wrapper .top_flex .topics_area .inner p {
  font-size: 16px;
  text-align: left;
}
@media screen and (max-width: 768px) {
  #wrapper .top_flex .topics_area .inner p {
    font-size: 16px;
  }
}
#wrapper .top_flex .topics_area .inner .thumb {
  margin: 0 20px 0 0;
  width: 30%;
}
@media screen and (max-width: 768px) {
  #wrapper .top_flex .topics_area .inner .thumb {
    margin: 15px auto;
    width: 50%;
  }
}
#wrapper .top_flex .topics_area .inner .thumb a :hover {
  opacity: 0.8;
}
#wrapper .top_flex .topics_area .inner p.detail {
  text-align: right;
  line-height: 1;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  #wrapper .top_flex .topics_area .inner p.detail {
    margin-top: 15px;
  }
}
#wrapper .top_flex .topics_area .inner p.detail a {
  line-height: 16px;
  font-size: 16px;
  display: inline-block;
  padding-right: 25px;
  background: url(/common_re/img/link_arrow.png) right center no-repeat;
}
@media screen and (max-width: 768px) {
  #wrapper .top_flex .topics_area .inner p.detail a {
    font-size: 14px;
    padding-right: 20px;
    background-size: 14px;
    line-height: 14px;
    background-position-y: bottom;
  }
}
#wrapper .top_flex .topics_area .inner .topics_box {
  display: flex;
  width: 100%;
  border-bottom: 1px solid #cdcdcd;
  padding: 20px 0;
}
@media screen and (max-width: 768px) {
  #wrapper .top_flex .topics_area .inner .topics_box {
    display: block;
  }
}
#wrapper .top_flex .topics_area .inner .topics_box .txt_box {
  width: 70%;
}
@media screen and (max-width: 768px) {
  #wrapper .top_flex .topics_area .inner .topics_box .txt_box {
    width: 100%;
  }
}
#wrapper .h2_label {
  background: linear-gradient(to right, #ec2828 0%, #ec2828 calc((100% - 1000px) / 2 + 200px), #fff calc((100% - 1000px) / 2 + 200px), #fff 100%);
  margin-bottom: 70px;
}
@media screen and (max-width: 768px) {
  #wrapper .h2_label {
    margin-bottom: 35px;
  }
}
#wrapper .h2_label > .inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
#wrapper .h2_label h2 {
  font-family: "Noto Sans Japanese" !important;
  width: 200px;
  padding: 15px 30px 15px 0;
  background: #ec2828;
  line-height: 1;
  font-size: 30px;
  color: #fff;
  text-align: left;
}
@media screen and (max-width: 768px) {
  #wrapper .h2_label h2 {
    padding: 12px 0 12px 4%;
    width: 170px;
    font-size: 24px;
  }
}
#wrapper .h2_label h2 span.wrap {
  display: inline-block;
  width: auto;
  text-align: right;
  font-weight: 500;
}
#wrapper .h2_label h2 span.sm {
  font-size: 14px;
  margin-top: 10px;
  display: block;
  letter-spacing: 4px;
}
@media screen and (max-width: 768px) {
  #wrapper .h2_label h2 span.sm {
    font-size: 12px;
  }
}
#wrapper .activity_area {
  width: 100%;
}
#wrapper .activity_area > .inner_right {
  width: calc(100% - (100% - 1000px) / 2);
  margin-left: auto;
}
@media screen and (max-width: 1000px) {
  #wrapper .activity_area > .inner_right {
    width: 100%;
  }
}
#wrapper .activity_area > .inner_right.gray .slide {
  margin-bottom: 70px;
}
#wrapper .activity_area > .inner_right .slide {
  margin-top: 75px;
  margin-bottom: 100px;
}
@media screen and (max-width: 1000px) {
  #wrapper .activity_area > .inner_right .slide {
    width: 96%;
    margin-left: auto;
  }
}
@media screen and (max-width: 768px) {
  #wrapper .activity_area > .inner_right .slide {
    margin-top: 20px;
    margin-bottom: 50px;
  }
}
#wrapper .activity_area > .inner_right .slide.noslide {
  display: flex;
  margin-top: 35px;
}
@media screen and (max-width: 768px) {
  #wrapper .activity_area > .inner_right .slide.noslide {
    margin-top: 20px;
  }
}
#wrapper .activity_area > .inner_right .slide .slide_items {
  margin-right: 30px;
}
#wrapper .activity_area > .inner_right .slide .slide_items a {
  display: block;
  width: 100%;
  transition: all 0.3s;
}
#wrapper .activity_area > .inner_right .slide .slide_items a .img {
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  #wrapper .activity_area > .inner_right .slide .slide_items a .img {
    margin-bottom: 10px;
  }
}
#wrapper .activity_area > .inner_right .slide .slide_items a .img img {
  width: 100%;
}
#wrapper .activity_area > .inner_right .slide .slide_items a p.txt {
  display: block;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  line-height: 1.6;
  background: url(/common_re/img/link_arrow.png) right center no-repeat;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  #wrapper .activity_area > .inner_right .slide .slide_items a p.txt {
    font-size: 14px;
    background-size: 15px;
  }
}
#wrapper .activity_area > .inner_right .gray_links {
  background: #f9f9f9;
  width: 100%;
  padding: 35px 0;
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  #wrapper .activity_area > .inner_right .gray_links {
    padding: 20px 0;
    margin-bottom: 50px;
  }
}
#wrapper .activity_area > .inner_right .gray_links > .inner {
  width: 100%;
  max-width: 1000px;
  padding-left: 45px;
  text-align: left;
}
@media screen and (max-width: 1000px) {
  #wrapper .activity_area > .inner_right .gray_links > .inner {
    padding: 0 4%;
  }
}
#wrapper .activity_area > .inner_right .gray_links > .inner p.ttl {
  font-size: 28px;
  line-height: 1.4;
  margin-bottom: 20px;
}
#wrapper .activity_area > .inner_right .gray_links > .inner p.ttl span {
  display: inline-block;
  font-size: 14px;
  margin-left: 20px;
}
@media screen and (max-width: 768px) {
  #wrapper .activity_area > .inner_right .gray_links > .inner p.ttl span {
    display: block;
    margin: 5px 0 0;
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  #wrapper .activity_area > .inner_right .gray_links > .inner p.ttl {
    font-size: 20px;
    margin-bottom: 10px;
  }
}
#wrapper .activity_area > .inner_right .gray_links > .inner .col_2,
#wrapper .activity_area > .inner_right .gray_links > .inner .col_1,
#wrapper .activity_area > .inner_right .gray_links > .inner .col_img {
  width: 100%;
  -js-display: flex;
  display: flex;
}
@media screen and (max-width: 768px) {
  #wrapper .activity_area > .inner_right .gray_links > .inner .col_2,
  #wrapper .activity_area > .inner_right .gray_links > .inner .col_1,
  #wrapper .activity_area > .inner_right .gray_links > .inner .col_img {
    display: block;
  }
}
#wrapper .activity_area > .inner_right .gray_links > .inner .col_2 .img,
#wrapper .activity_area > .inner_right .gray_links > .inner .col_1 .img,
#wrapper .activity_area > .inner_right .gray_links > .inner .col_img .img {
  width: 320px;
}
@media screen and (max-width: 768px) {
  #wrapper .activity_area > .inner_right .gray_links > .inner .col_2 .img,
  #wrapper .activity_area > .inner_right .gray_links > .inner .col_1 .img,
  #wrapper .activity_area > .inner_right .gray_links > .inner .col_img .img {
    width: 100%;
    margin-bottom: 20px;
  }
  #wrapper .activity_area > .inner_right .gray_links > .inner .col_2 .img img,
  #wrapper .activity_area > .inner_right .gray_links > .inner .col_1 .img img,
  #wrapper .activity_area > .inner_right .gray_links > .inner .col_img .img img {
    width: 100%;
  }
}
#wrapper .activity_area > .inner_right .gray_links > .inner .col_2 .block,
#wrapper .activity_area > .inner_right .gray_links > .inner .col_1 .block,
#wrapper .activity_area > .inner_right .gray_links > .inner .col_img .block {
  width: 100%;
}
#wrapper .activity_area > .inner_right .gray_links > .inner .col_2 .block.left,
#wrapper .activity_area > .inner_right .gray_links > .inner .col_1 .block.left,
#wrapper .activity_area > .inner_right .gray_links > .inner .col_img .block.left {
  width: 335px;
}
@media screen and (max-width: 768px) {
  #wrapper .activity_area > .inner_right .gray_links > .inner .col_2 .block.left,
  #wrapper .activity_area > .inner_right .gray_links > .inner .col_1 .block.left,
  #wrapper .activity_area > .inner_right .gray_links > .inner .col_img .block.left {
    width: 100%;
  }
}
#wrapper .activity_area > .inner_right .gray_links > .inner .col_2 .block.right,
#wrapper .activity_area > .inner_right .gray_links > .inner .col_1 .block.right,
#wrapper .activity_area > .inner_right .gray_links > .inner .col_img .block.right {
  width: calc(100% - 335px);
  padding-left: 70px;
}
@media screen and (max-width: 768px) {
  #wrapper .activity_area > .inner_right .gray_links > .inner .col_2 .block.right,
  #wrapper .activity_area > .inner_right .gray_links > .inner .col_1 .block.right,
  #wrapper .activity_area > .inner_right .gray_links > .inner .col_img .block.right {
    width: 100%;
    padding: 0;
    margin-top: 20px;
  }
}
#wrapper .activity_area > .inner_right .gray_links > .inner .col_2 .block.text,
#wrapper .activity_area > .inner_right .gray_links > .inner .col_1 .block.text,
#wrapper .activity_area > .inner_right .gray_links > .inner .col_img .block.text {
  width: 205px;
  margin-left: 60px;
}
@media screen and (max-width: 768px) {
  #wrapper .activity_area > .inner_right .gray_links > .inner .col_2 .block.text,
  #wrapper .activity_area > .inner_right .gray_links > .inner .col_1 .block.text,
  #wrapper .activity_area > .inner_right .gray_links > .inner .col_img .block.text {
    width: 100%;
    margin: 0;
  }
}
#wrapper .activity_area > .inner_right .gray_links > .inner .col_2 .block ul li,
#wrapper .activity_area > .inner_right .gray_links > .inner .col_1 .block ul li,
#wrapper .activity_area > .inner_right .gray_links > .inner .col_img .block ul li {
  padding-bottom: 20px;
  margin-bottom: 25px;
  border-bottom: 1px solid #ccc;
}
@media screen and (max-width: 768px) {
  #wrapper .activity_area > .inner_right .gray_links > .inner .col_2 .block ul li,
  #wrapper .activity_area > .inner_right .gray_links > .inner .col_1 .block ul li,
  #wrapper .activity_area > .inner_right .gray_links > .inner .col_img .block ul li {
    padding-bottom: 10px;
    margin-bottom: 15px;
  }
}
#wrapper .activity_area > .inner_right .gray_links > .inner .col_2 .block ul li:last-child,
#wrapper .activity_area > .inner_right .gray_links > .inner .col_1 .block ul li:last-child,
#wrapper .activity_area > .inner_right .gray_links > .inner .col_img .block ul li:last-child {
  margin-bottom: 0;
}
#wrapper .activity_area > .inner_right .gray_links > .inner .col_2 .block ul li a,
#wrapper .activity_area > .inner_right .gray_links > .inner .col_1 .block ul li a,
#wrapper .activity_area > .inner_right .gray_links > .inner .col_img .block ul li a {
  display: inline-block;
  width: 100%;
  background: url(/common_re/img/link_arrow.png) right center no-repeat;
  padding-right: 20px;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  #wrapper .activity_area > .inner_right .gray_links > .inner .col_2 .block ul li a,
  #wrapper .activity_area > .inner_right .gray_links > .inner .col_1 .block ul li a,
  #wrapper .activity_area > .inner_right .gray_links > .inner .col_img .block ul li a {
    font-size: 14px;
    background-size: 14px;
  }
}
#wrapper .activity_area > .inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 0px;
  text-align: left;
}
@media screen and (max-width: 1000px) {
  #wrapper .activity_area > .inner {
    padding: 0 4%;
  }
}
#wrapper .activity_area > .inner h3 {
  font-family: "Noto Sans Japanese" !important;
  display: flex;
  font-size: 30px;
  letter-spacing: 10px;
  font-weight: 500;
  line-height: 1.1;
  margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
  #wrapper .activity_area > .inner h3 {
    font-size: 28px;
    letter-spacing: 3px;
    margin-bottom: 20px;
  }
}
#wrapper .activity_area > .inner h3:after {
  content: attr(title);
  font-size: 14px;
  font-family: "Montserrat";
  font-weight: bold;
  color: #ec2828;
  display: flex;
  align-items: center;
  padding-left: 40px;
  margin-left: 30px;
  border-left: 1px solid #ec2828;
  letter-spacing: 5px;
}
@media screen and (max-width: 768px) {
  #wrapper .activity_area > .inner h3:after {
    font-size: 12px;
    padding-left: 15px;
    margin-left: 10px;
  }
}
#wrapper .activity_area > .inner h3 span {
  color: #ec2828;
  font-weight: 500;
}
#wrapper .activity_area > .inner dl {
  font-size: 16px;
  line-height: 1.8;
  text-align: left;
}
@media screen and (max-width: 768px) {
  #wrapper .activity_area > .inner dl {
    font-size: 14px;
  }
}
#wrapper .activity_area > .inner dl dt {
  font-weight: bold;
}
#wrapper .activity_area > .inner .btns {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: -webkit- space-between;
  justify-content: space-between;
  margin-top: 50px;
  margin-bottom: 100px;
}
#wrapper .activity_area > .inner .btns .activebtn {
  width: 32.5%;
  max-width: 320px;
  margin-bottom: 2%;
}
#wrapper .activity_area > .inner .btns .activebtn a:hover {
  opacity: 0.7;
}
@media screen and (max-width: 768px) {
  #wrapper .activity_area > .inner .btns .activebtn {
    width: 49%;
  }
}
#wrapper .bnr_area {
  background: #f2f2f2;
  padding: 55px 0 40px;
  border-bottom: 1px solid #e60012;
}
@media screen and (max-width: 768px) {
  #wrapper .bnr_area {
    padding: 35px 4% 20px;
  }
}
#wrapper .bnr_area > .inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
#wrapper .bnr_area > .inner ul {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
}
#wrapper .bnr_area > .inner ul.large {
  margin-bottom: 45px;
}
@media screen and (max-width: 768px) {
  #wrapper .bnr_area > .inner ul.large {
    margin-bottom: 25px;
  }
}
@media screen and (min-width: 768px) {
  #wrapper .bnr_area > .inner ul.large li {
    width: 21.6%;
  }
  #wrapper .bnr_area > .inner ul.large li:not(:nth-child(4n)) {
    margin-right: 4.53%;
  }
}
@media screen and (min-width: 768px) {
  #wrapper .bnr_area > .inner ul.small li {
    width: 17.8%;
  }
  #wrapper .bnr_area > .inner ul.small li:not(:nth-child(5n)) {
    margin-right: 2.75%;
  }
  #wrapper .bnr_area > .inner ul.small li:nth-child(n+6) {
    margin-top: 15px;
  }
}
@media screen and (max-width: 768px) {
  #wrapper .bnr_area > .inner ul {
    justify-content: -webkit- space-between;
    justify-content: space-between;
  }
  #wrapper .bnr_area > .inner ul li {
    width: 48%;
  }
  #wrapper .bnr_area > .inner ul li:nth-child(n+3) {
    margin-top: 15px;
  }
}
#wrapper .bnr_area > .inner ul a {
  display: block;
  transition: all 0.3s;
}
#wrapper .bnr_area > .inner ul a:hover {
  opacity: 0.7;
}
#wrapper .bnr_area > .inner ul img {
  width: 100%;
}
#wrapper .bnr_area > .inner p.notice {
  text-align: right;
  margin-top: 35px;
}
@media screen and (max-width: 768px) {
  #wrapper .bnr_area > .inner p.notice {
    margin-top: 20px;
  }
}
#wrapper .bnr_area > .inner p.notice a {
  display: inline-block;
  background: url(/common_re/img/link_arrow.png) right center no-repeat;
  padding-right: 25px;
  font-size: 14px;
  line-height: 16px;
}
@media screen and (max-width: 768px) {
  #wrapper .bnr_area > .inner p.notice a {
    font-size: 12px;
    background-size: 13px;
    line-height: 14px;
    padding-right: 20px;
    background-position-y: bottom;
  }
}

.icon-animation {
  width: 30px;
  height: 30px;
  display: block;
  position: fixed;
  top: 18px;
  right: 3%;
  z-index: 30;
  display: none;
}
@media screen and (max-width: 1090px) {
  .icon-animation {
    display: block;
  }
}
.icon-animation.is-open .top {
  transform: translateY(0px) scale(0);
}
.icon-animation.is-open .bottom {
  transform: translateY(0px) scale(0);
}
.icon-animation.is-open .middle:before {
  transform: rotate(45deg);
}
.icon-animation.is-open .middle:after {
  transform: rotate(-45deg);
}
.icon-animation span {
  transition: all 0.3s;
  width: 30px;
  height: 3px;
  display: block;
  background: #000;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -15px;
}
.icon-animation .top {
  transform: translateY(-10px) scale(1);
}
.icon-animation .bottom {
  transform: translateY(10px) scale(1);
}
.icon-animation .middle {
  background: none;
  position: relative;
}
.icon-animation .middle:before {
  transition: all 0.3s;
  content: "";
  width: 30px;
  height: 3px;
  background: #000;
  display: block;
  transform: rotate(0deg);
  position: absolute;
}
.icon-animation .middle:after {
  transition: all 0.3s;
  content: "";
  width: 30px;
  height: 3px;
  background: #000;
  display: block;
  transform: rotate(0deg);
  position: absolute;
}
.icon-animation:after {
  display: none;
  content: "MENU";
  font-size: 10px;
  color: #000;
  position: absolute;
  left: 1px;
  bottom: -15px;
  white-space: nowrap;
}

/*------------------accordion------------------*/
p {
  margin: 0;
}

.accordion {
  margin-bottom: 2px;
}

.midashi {
  padding: 20px 10px !important;
  position: relative;
  display: flex;
  text-align: left;
}
.midashi::before {
  content: "";
  position: absolute;
  right: 10px;
  top: 48%;
  width: 15px;
  height: 1px;
  transform: rotate(90deg);
  background: #ec2828;
  transition: all 0.3s ease-in-out;
}
.midashi::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 48%;
  width: 15px;
  height: 1px;
  background: #ec2828;
  transition: all 0.3s ease-in-out;
}
.midashi:hover {
  cursor: pointer;
}
.midashi .date {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-right: 20px;
  line-height: 1;
  font-size: 14px;
}
.midashi .txt {
  color: #3b3b3b;
  font-size: 16px;
  line-height: 1.6;
  padding-right: 20px;
}

.midashi.open::before {
  transform: rotate(180deg);
}
.midashi.open::after {
  opacity: 0;
}

.answer {
  margin-left: 100px;
  margin-top: -22px;
  padding: 10px;
  text-align: left;
}

/*------------------accordion------------------*//*# sourceMappingURL=layout.css.map */