/* SDGs week */
#week {
	width: 100%;
	padding: 68px 17px 60px;
	background-color: #fcc30b;
	position: relative;
	z-index: 0;
}

#week .week_box {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	background-color: #fff;
	padding: 45px 46px 45px 54px;
	position: relative;
}

#week .week_box::before {
	content: "";
	background-image: url("../img/icon/hanging.svg");
	width: 92px;
	height: 50px;
	position: absolute;
	top: -37px;
	left: 0;
	right: 0;
	margin: auto;
}

#week .week_box::after {
	width: 100%;
	height: 100%;
	background: #bf8b2e;
	content: "";
	position: absolute;
	right: -9px;
	bottom: -10px;
	z-index: -2;
}

#week .week_inner {
	display: flex;
	margin: 0 -19px;
}

#week .week_movie {
	width: 100%;
	max-width: 560px;
	margin: 0 19px;
}

#week .week_bn {
	width: 100%;
	max-width: 500px;
	margin: 0 19px;
}

#week .ytubeout {
	position: relative;
	border: solid 8px;
	border-image-source: url("../img/bg/waku.png");
	border-image-slice: 8;
}

#week .ytube {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding-top: 56.25%;
	width: 100%;
	height: 100%;
}

#week .ytube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#week .week_logo {
	font-size: 0;
	margin: 0;
	content: url("../img/week/week.svg");
	border-bottom: dotted 4px #FCC30B;
	padding-bottom: 19px;
	padding-left: 4px;
	margin-bottom: 20px;
}

#week .bn-list li {
	position: relative;
	border-bottom: dotted 4px #FCC30B;
	padding-bottom: 20px;
	padding-left: 4px;
	margin-bottom: 20px;
}

#week .bn-list li img {
	max-width: 338px;
	transition: .3s;
}

#week .bn-list li .more {
	position: absolute;
	bottom: 20px;
	right: 4px;
	background-color: #e5243b;
	width: 80px;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.06em;
	display: flex;
	height: 25px;
	justify-content: center;
	align-items: center;
	border-radius: 12px;
	padding-bottom: 2px;
	padding-right: 5px;
	border: solid 2px #e5243b;
	transition: .3s;
}

#week .bn-list li .more::after {
	content: url("../img/icon/arrow.svg");
	width: 10px;
	align-content: center;
	position: absolute;
	top: -1px;
	right: 6px;
	transition: .3s;
}

#week .bn-list a:hover li img {
	opacity: .7;
}

#week .bn-list a:hover li .more {
	background-color: #fff;
	color: #e5243b;
}

#week .bn-list a:hover li .more::after {
	content: url("../img/icon/arrow2.svg");
}

#week .bn-list .bn-tit {
	font-size: 31px;
	font-weight: 900;
	letter-spacing: 0.07em;
	margin-bottom: 8px;
	transition: .3s;
}

#week .bn-list .bn-txt {
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.05em;
	margin-bottom: 0;
	max-width: 253px;
	line-height: 25px;
	transition: .3s;
}

#week .bn-list a:hover .bn-tit,
#week .bn-list a:hover .bn-txt {
	opacity: .7;
}

#week .week_logo_tb {
	display: none;
	font-size: 0;
	margin: 0;
	content: url("../img/week/week.svg");
	margin-bottom: 20px;
	padding: 0 40px;
	width: 100%;
}

#week .sp-week {
	display: none;
	width: 100%;
}

@media only screen and (max-width: 1050px) {
	#week .week_inner {
		margin: 0;
		flex-wrap: wrap;
	}

	#week .week_logo {
		display: none;
	}

	#week .week_box {
		padding: 45px 17px 45px;
	}

	#week .week_movie {
		max-width: 100%;
		margin: 0 0 24px;
	}

	#week .week_bn {
		max-width: 100%;
		margin: 0;
	}

	#week .week_logo_tb {
		display: inherit;
	}

	#week .bn-list a:first-child li {
		border-top: dotted 4px #FCC30B;
		padding-bottom: 20px;
		padding-top: 20px;
	}

	#week .bn-list li {
		padding-left: 8px;
		padding-right: 8px;
	}

	#week .bn-list li img {
		max-width: 78%;
	}

	#week .bn-list li .more {
		position: inherit;
		bottom: 0;
		right: 0;
		width: 226px;
		font-size: 16px;
		height: 45px;
		border-radius: 27px;
		left: 0;
		margin: 20px auto 0;
	}

	#week .bn-list li .more::after {
		width: 17px;
		top: 8px;
		right: 26px;
	}

	#week .bn-list .bn-tit {
		font-size: 7vw;
	}

	#week .bn-list .bn-txt {
		font-size: 4.7vw;
		max-width: 78%;
		line-height: 5.7vw;
	}

	#week .sp-week {
		display: inherit;
	}
}

@media only screen and (max-width: 600px) {
	#week {
		padding: 37px 17px 35px;
	}

	#week .week_box {
		padding: 29px 17px 14px;
	}

	#week .week_box::before {
		width: 64px;
		height: 34px;
		top: -25px;
	}

	#week .week_logo_tb {
		padding: 0;
		width: 281px;
		margin: 0 auto 14px;
	}

	#week .ytubeout {
		border: solid 4px;
		border-image-slice: 100%;
		border-image-source: none;
		border-image-source: url("../img/bg/waku.png");
		border-image-slice: 4;
	}

	#week .week_movie {
		margin: 0 0 14px;
	}

	#week .bn-list a:first-child li {
		padding-bottom: 23px;
		padding-top: 21px;
	}

	#week .bn-list li img {
		max-width: 80%;
	}

	#week .bn-list li .more {
		width: 176px;
		font-size: 14px;
		height: 35px;
		margin: 17px auto 0;
		letter-spacing: 0.1em;
	}

	#week .bn-list li .more::after {
		width: 15px;
		top: 5px;
		right: 16px;
	}

	#week .bn-list li {
		padding-bottom: 23px;
		margin-bottom: 14px;
	}

	#week .week_box::after {
		right: -7px;
		bottom: -7px;
	}

	#week .bn-list .bn-tit {
		font-size: 21px;
		margin-bottom: 4px;
	}

	#week .bn-list .bn-txt {
		font-size: 14px;
		max-width: 73%;
		line-height: 18px;
	}
}

@media only screen and (min-width: 500px) {
	#movie .movie_box {
		max-width: 23%;
		margin: 0 1% 25px;

	}

}

/* 動画&TWITTER */
#movie {
	width: 100%;
	background-color: #fff;
	position: relative;
	padding: 74px 0 67px;
}

#movie::before {
	position: absolute;
	top: -1px;
	background-image: url("../img/bg/flag.png");
	content: "";
	height: 15px;
	width: 100%;
}

#movie::after {
	position: absolute;
	bottom: 0px;
	background-image: url("../img/bg/flag2.png");
	content: "";
	height: 15px;
	width: 100%;
}

#movie .movie_outer {
	width: 100%;
	max-width: 1203px;
	margin: 0 auto;
}

#movie .movie_inner {
	display: flex;
	flex-wrap: wrap;
/*	justify-content: center; *//* 追加 */
}

#movie .movie_slider {
	/* max-width: 880px; */
	max-width: 1100px; /* 修正 */
	width: 100%;
	height: 100%;
	margin: auto; /* 追加 */
}

#movie .movie_slider img {
	max-width: 100%;
	height: auto;
}

/** ↓Xへのリンクボタン追加 **/
.x-link-area {
	border-top: 1px solid #ddd; 
	width: 100%; 
	max-width: 1100px;
	padding: 20px 0 0 0;
	margin: 30px auto 0;
	display: flex;
	justify-content: center;
}
.x-link-icon {
	width: 40px;
	margin: auto;
}
@media only screen and (max-width: 500px) {
	.x-link-area {
		margin: 0 auto 0;
	}
}
/** ↑Xへのリンクボタン追加 **/

#movie .swiper-container {
	margin-left: 0;
	opacity: 0;
	transition: opacity .25s ease;
}

#movie .swiper-container.swiper-container-initialized {
	opacity: 1;
}

#movie .swiper-slide {
	box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.1);
	/*max-width: 360px;*/
}

#movie .movie_box {
	box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.1);
	/* max-width: 280px; */
	margin: 0 10px 30px 10px;
}

#movie .movie_box img {
	width: 100%;
}

#movie .txt-area {
	padding: 23px 23px 29px;
}

#movie .txt-area h3 {
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 0.06em;
	font-weight: 700;
	margin-bottom: 7px;
	min-height: 48px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

#movie .txt-area p {
	font-size: 13px;
	line-height: 19px;
	letter-spacing: 0.06em;
	font-weight: 300;
	margin-bottom: 8px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

#movie .txt-area p.date {
	font-size: 12px;
	font-weight: 300;
	color: #e5243b;
	margin-bottom: 0;
}

#movie .slide_wrap {
	position: relative;
	height: 100%;
}

.gizamaru {
	position: absolute;
	width: 90px;
	height: 90px;
	left: -32px;
	top: -26px;
	display: flex;
	justify-content: center;
	align-items: center;
	pointer-events: none;
	transition: all .6s cubic-bezier(.175, .885, .32, 1.275);
	z-index: 2;
}

.gizamaruBG {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-image: url("../img/icon/giza.svg");
	background-repeat: no-repeat;
	background-size: contain;
	animation: rotateLoop 20s linear infinite;
}

@keyframes rotateLoop {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.gizamaruTXT {
	position: relative;
	color: #FFF;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: 0.14em;
}

#movie .more {
	width: 230px;
	height: 50px;
	background-color: #e5243b;
	border-radius: 30px;
	color: #fff;
	margin: 20px auto 0;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	letter-spacing: 0.06em;
	font-weight: 700;
	padding-bottom: 1px;
	position: relative;
	transition: .3s;
	border: solid 3px #e5243b;
}

#movie .more::after {
	position: absolute;
	content: url("../img/icon/arrow.svg");
	width: 15px;
	right: 22px;
	top: 9px;
	transition: .3s;
}

#movie .more:hover {
	background-color: #fff;
	color: #e5243b;
}

#movie .more:hover::after {
	content: url("../img/icon/arrow2.svg");
}

.swiper-button-next::after {
	content: url("../img/icon/sli_right.svg");
	width: 40px;
	height: 40px;
	box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.1);
	border-radius: 50%;
	-webkit-transition: 0.3s border cubic-bezier(0, 0, 0.58, 1);
	transition: 0.3s border cubic-bezier(0, 0, 0.58, 1);
}

.swiper-button-prev::after {
	content: "";
	background-image: url("../img/icon/sli_left.svg");
	width: 40px;
	height: 40px;
	box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.1);
	border-radius: 50%;
	-webkit-transition: 0.3s border cubic-bezier(0, 0, 0.58, 1);
	transition: 0.3s border cubic-bezier(0, 0, 0.58, 1);
}

.swiper-button-next,
.swiper-button-prev {
	top: 42%;
	width: 40px;
	height: 40px;
	z-index: 2;
}

.swiper-button-prev {
	left: -20px;
	right: auto;
	transition: .3s;
}

.swiper-button-prev:hover::after {
	content: "";
	background-image: url("../img/icon/sli_left2.svg");
}

.swiper-button-next {
	right: -20px;
	left: auto;
}

.swiper-button-next:hover::after {
	content: url("../img/icon/sli_right2.svg");
}


#movie .wrap {
	display: block;
	position: relative;
	-webkit-transition: 0.3s border cubic-bezier(0, 0, 0.58, 1);
	transition: 0.3s border cubic-bezier(0, 0, 0.58, 1);
}

#movie .wrap::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	border: 0px solid #e5243b;
	width: 100%;
	height: 100%;
	-webkit-transition: 0.3s border cubic-bezier(0, 0, 0.58, 1);
	transition: 0.3s border cubic-bezier(0, 0, 0.58, 1);
}

#movie .wrap:hover {
	opacity: .7;
}

#movie .wrap:hover::after {
	border-width: 5px;
}

#movie .tw_wrap {
	margin-left: auto;
	position: relative;
}

#movie .twitter {
	/*width: 100%;
	max-width: 280px;*/
	width: 280px;
	/*border: solid 4px #1d9bf0;*/
	border: solid 4px #000000;
	border-radius: 20px;
	z-index: 0;
	position: relative;
	overflow: hidden;
}

#movie .tw_wrap::before {
	position: absolute;
	top: -23px;
	left: -20px;
	content: url("../img/icon/x-icon.svg");
	width: 50px;
	height: 50px;
	box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.1);
	border-radius: 50%;
	z-index: 1;
}

#movie .twitter iframe {
	border-radius: 20px;
}


@media only screen and (max-width: 1180px) {
	#movie .slide_wrap {
		margin: 0 auto;
		width: 100%;
	}

	#movie .movie_slider {
		max-width: 100%;
		margin-bottom: 45px;
	}

	#movie .tw_wrap {
		margin: 0 auto;
		width: 100%;
		padding: 0 24px;
	}

	#movie .twitter {
		max-width: 100%;
		/*border: solid 6px #1d9bf0;*/
		border: solid 6px #000000;
		border-radius: 40px;
		overflow: hidden;
	}

	#movie .twitter iframe {
		border-radius: 40px;
	}

	.gizamaru {
		left: 26vw;
	}

	.swiper-button-prev {
		left: 27vw;
	}

	.swiper-button-next {
		right: 27vw;
	}

	#movie .tw_wrap::before {
		top: -30px;
		left: 6px;
		width: 65px;
		height: 65px;
	}
}

@media only screen and (max-width: 600px) {
	#movie {
		padding: 46px 0 43px;
	}

	#movie::before {
		height: 13px;
		background-size: 422px;
	}

	#movie::after {
		height: 13px;
		background-size: 422px;
	}

	.gizamaru {
		width: 64px;
		height: 64px;
		left: 7vw;
		top: -25px;
	}

	.gizamaruTXT {
		font-size: 15px;
		line-height: 17px;
		padding-left: 2px;
		padding-bottom: 2px;
	}

	#movie .txt-area {
		padding: 15px 16px 20px;
	}

	#movie .txt-area h3 {
		font-size: 14px;
		line-height: 18px;
		margin-bottom: 9px;
		min-height: 52px;
		-webkit-line-clamp: 3;
	}

	#movie .txt-area p {
		font-size: 11px;
		line-height: 15px;
		margin-bottom: 6px;
	}

	#movie .txt-area p.date {
		font-size: 11px;
	}

	.swiper-button-prev::after {
		width: 38px;
		height: 38px;
	}

	.swiper-button-next::after {
		width: 38px;
		height: 38px;
	}

	.swiper-button-next,
	.swiper-button-prev {
		top: 36%;
		width: 38px;
		height: 38px;
	}

	.swiper-button-prev {
		left: 11vw;
	}

	.swiper-button-next {
		right: 11vw;
	}

	#movie .more {
		width: 199px;
		height: 47px;
		margin: 14px auto 0;
		font-size: 14px;
		letter-spacing: 0.07em;
	}

	#movie .more::after {
		width: 13px;
		right: 20px;
		top: 9px;
	}

	#movie .movie_slider {
		margin-bottom: 31px;
	}

	#movie .tw_wrap {
		padding: 0 18px;
	}

	#movie .tw_wrap::before {
		top: -21px;
		left: 5px;
		width: 47px;
		height: 47px;
	}

	#movie .twitter {
		height: 322px;
		width: 100%;
	}

	#movie .movie_box {
		box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.1);
		max-width: 46%;
		margin: 0 2% 10px;
	}
}



/* わたしのSDGs */
#mySDGs {
	width: 100%;
	padding: 50px 0;
	background-image: url("../img/bg/bg2.gif");
}

#mySDGs .head {
	font-size: 0;
	width: 260px;
	margin: -15px auto 35px;
}

#mySDGs .head g {
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}

#mySDGs .head #wa,
#mySDGs .head #ta,
#mySDGs .head #shi,
#mySDGs .head #no,
#mySDGs .head #m_s,
#mySDGs .head #m_d,
#mySDGs .head #m_g,
#mySDGs .head #m_s2 {
	opacity: 0;
}

#mySDGs .head.run #wa {
	-webkit-animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#mySDGs .head.run #ta {
	-webkit-animation: jump 900ms 1 60ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 60ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 60ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 60ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 60ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#mySDGs .head.run #shi {
	-webkit-animation: jump 900ms 1 120ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 120ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 120ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 120ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 120ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#mySDGs .head.run #no {
	-webkit-animation: jump 900ms 1 180ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 180ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 180ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 180ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 180ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#mySDGs .head.run #m_s {
	-webkit-animation: jump 900ms 1 240ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 240ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 240ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 240ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 240ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#mySDGs .head.run #m_d {
	-webkit-animation: jump 900ms 1 300ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 300ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 300ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 300ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 300ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#mySDGs .head.run #m_g {
	-webkit-animation: jump 900ms 1 360ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 360ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 360ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 360ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 360ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#mySDGs .head.run #m_s2 {
	-webkit-animation: jump 900ms 1 420ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 420ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 420ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 420ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 420ms cubic-bezier(.165, .44, .64, 1) forwards;
}


#mySDGs .outer {
	width: 100%;
	margin: 0 auto;
}

#mySDGs .slide_wrap {
	max-width: 1056px;
	margin: 0 auto;
	position: relative;
}

#mySDGs .swiper-container {
	width: 100%;
	max-width: 1011px;
	opacity: 0;
	transition: opacity .25s ease;
}

#mySDGs .swiper-container.swiper-container-initialized {
	opacity: 1;
}

#mySDGs .swiper-container img {
	max-width: 100%;
	height: auto;
	transition: .3s;
}

#mySDGs .wrap {
	border: solid #fff 3px;
	display: block;
	overflow: hidden;
	background-color: #fff;
}

#mySDGs .wrap:hover img {
	transform: scale(1.1);
	opacity: .7;
}

#mySDGs .swiper-slide {
	/*max-width: 240px;*/
}

#mySDGs .swiper-button-prev::after {
	content: url("../img/icon/sli_left2.svg");
}

#mySDGs .swiper-button-prev:hover::after {
	content: url("../img/icon/sli_left.svg");
}

#mySDGs .swiper-button-prev {
	left: 0px;
	right: auto;
	transition: .3s;
}

#mySDGs .swiper-button-next::after {
	content: url("../img/icon/sli_right2.svg");
}

#mySDGs .swiper-button-next:hover::after {
	content: url("../img/icon/sli_right.svg");
}

#mySDGs .swiper-button-next {
	right: 0;
	left: auto;
}

#mySDGs .swiper-button-next,
#mySDGs .swiper-button-prev {
	top: 34%;
}

#mySDGs .more::after {
	position: absolute;
	content: url("../img/icon/arrow2.svg");
	width: 15px;
	right: 22px;
	top: 9px;
	transition: .3s;
}

#mySDGs .more {
	width: 230px;
	height: 50px;
	background-color: #fff;
	border-radius: 30px;
	color: #e5243b;
	margin: 20px auto 0;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	letter-spacing: 0.06em;
	font-weight: 700;
	padding-bottom: 1px;
	position: relative;
	transition: .3s;
	border: solid 3px #fff;
}

#mySDGs .more:hover::after {
	content: url("../img/icon/arrow.svg");
}

#mySDGs .more:hover {
	background-color: #e5243b;
	color: #fff;
}

.opa {
	opacity: 0;
	transform: translateY(20px);
	transition: all .8s cubic-bezier(.175, .885, .32, 1.275);
}

.opa.on {
	opacity: 1;
	transform: translateY(0px);
}

.jump {
	opacity: 0;
	transition: all .8s cubic-bezier(.175, .885, .32, 1.275);
}

.jump.on {
	-webkit-animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
}

@media only screen and (max-width: 600px) {
	#mySDGs {
		padding: 36px 0 38px;
	}

	#mySDGs .head {
		width: 173px;
		margin: -8px auto 24px;
	}

	#mySDGs .swiper-button-prev {
		left: 10vw;
	}

	#mySDGs .swiper-button-next {
		right: 11vw;
	}

	#mySDGs .more {
		width: 199px;
		height: 47px;
		margin: 21px auto 0;
		font-size: 14px;
		letter-spacing: 0.07em;
	}

	#mySDGs .more::after {
		width: 13px;
		right: 20px;
		top: 9px;
	}
}


/* アンバサダー */
#ambassador {
	width: 100%;
	/*background-color: #f5f4f5;*/
	background-color: #ffffff;
	padding: 50px 18px 60px;
	position: relative;
}

#scroll-txt {
	transition: opacity 500ms;
	overflow: hidden;
	position: absolute;
	top: 101px;
	width: 100%;
	z-index: 0;
	/* opacity: 0;*/
	left: 0;
}

#scroll-txt2 {
	transition: opacity 500ms;
	overflow: hidden;
	position: absolute;
	bottom: 34px;
	width: 100%;
	z-index: 0;
	/* opacity: 0;*/
	left: 0;
}

#scroll-txt .main-txt {
	background: transparent url("../img/bg/ambassador.png") repeat-x 0 0;
	background-size: auto;
	background-size: 1770px;
	height: 100px;
	animation: scroll 160s cubic-bezier(0.25, 0.25, 0.75, 0.75) infinite normal;
	opacity: 0.8;
}

#scroll-txt2 .main-txt2 {
	background: transparent url("../img/bg/ambassador.png") repeat-x 0 0;
	background-size: auto;
	background-size: 1770px;
	height: 100px;
	animation: scroll2 160s cubic-bezier(0.25, 0.25, 0.75, 0.75) infinite normal;
	opacity: 0.8;
}

@keyframes scroll {
	0% {
		background-position: 38vw 0;
	}

	100% {
		/*background-position: -236.91176vw 0; */
		background-position: 700.91176vw 0;
	}
}

@keyframes scroll2 {
	0% {
		background-position: 0px 0;
	}

	100% {
		background-position: -700.91176vw 0;
	}
}

#ambassador .head {
	font-size: 0;
	width: 222px;
	margin: -15px auto 35px;
	position: relative;
	z-index: 1;
}

#ambassador .head g {
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}

#ambassador .head #am_a,
#ambassador .head #am_m,
#ambassador .head #am_ba,
#ambassador .head #am_ss,
#ambassador .head #am_do,
#ambassador .head #am_r {
	opacity: 0;
}

#ambassador .head.run #am_a {
	-webkit-animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#ambassador .head.run #am_m {
	-webkit-animation: jump 900ms 1 60ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 60ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 60ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 60ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 60ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#ambassador .head.run #am_ba {
	-webkit-animation: jump 900ms 1 120ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 120ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 120ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 120ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 120ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#ambassador .head.run #am_ss {
	-webkit-animation: jump 900ms 1 180ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 180ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 180ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 180ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 180ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#ambassador .head.run #am_do {
	-webkit-animation: jump 900ms 1 240ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 240ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 240ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 240ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 240ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#ambassador .head.run #am_r {
	-webkit-animation: jump 900ms 1 300ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 300ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 300ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 300ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 300ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#ambassador .am_outer {
	width: 100%;
}

#ambassador .am_inner {
	width: 100%;
	max-width: 1012px;
	display: flex;
	position: relative;
	z-index: 1;
	margin: 0 auto;
	justify-content: center;
}

#ambassador .wrap {
	width: 100%;
	max-width: 240px;
	margin: 0px 6px;
}

#ambassador .wrapper {
	background-color: #fff;
	box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.1);
	height: 100%;
}

#ambassador .wrap img {
	max-width: 100%;
	height: auto;
}

#ambassador .txt-area {
	padding: 23px 20px 29px;
}

#ambassador .txt-area h3 {
	text-align: center;
	font-size: 24px;
	letter-spacing: 0.08em;
	font-weight: 900;
	margin-bottom: 12px;
}

#ambassador .txt-area.ota h3 {
	color: #4c9f38;
}

#ambassador .txt-area.maru h3 {
	color: #e5243b;
}

#ambassador .txt-area.kijima h3 {
	color: #00689d;
}

#ambassador .txt-area.hata h3 {
	color: #fd9d24;
}

#ambassador .txt-area.ishikawa h3 {
	color: #02B9FC;
}

#ambassador .txt-area p {
	font-size: 14px;
	letter-spacing: 0.02em;
	font-weight: 500;
	margin-bottom: 0;
	line-height: 20px;
}

#ambassador .txt-area p span {
	font-weight: 900;
}

#ambassador .txt-area.ota p span {
	color: #4c9f38;
}

#ambassador .txt-area.maru p span {
	color: #e5243b;
}

#ambassador .txt-area.kijima p span {
	color: #00689d;
}

#ambassador .txt-area.hata p span {
	color: #fd9d24;
}

#ambassador .txt-area.ishikawa p span {
	color: #02B9FC;
}

.br-sp {
	display: none;
}

.opa.delay1 {
	transition-delay: 140ms;
}

.opa.delay2 {
	transition-delay: 280ms;
}

.opa.delay3 {
	transition-delay: 420ms;
}


@media only screen and (max-width: 600px) {
	#ambassador {
		padding: 34px 18px 39px;
	}

	#ambassador .head {
		width: 154px;
		margin: -10px auto 24px;
	}

	#scroll-txt .main-txt {
		background: transparent url("../img/bg/ambassador_sp.png") repeat-x 0 0;
		background-size: cover;
		height: 69px;
		animation: scroll 50s cubic-bezier(0.25, 0.25, 0.75, 0.75) infinite normal;
	}

	#scroll-txt {
		top: 65px;
	}

	#scroll-txt2 {
		bottom: 24px;
	}

	#scroll-txt2 .main-txt2 {
		background: transparent url("../img/bg/ambassador_sp.png") repeat-x 0 0;
		background-size: cover;
		height: 69px;
		animation: scroll2 50s cubic-bezier(0.25, 0.25, 0.75, 0.75) infinite normal;
	}

	#ambassador .am_inner {
		flex-wrap: wrap;
	}

	#ambassador .am_outer {
		width: auto;
		margin: 0 -6px;
	}

	#ambassador .wrap {
		max-width: 50%;
		padding: 0 6px;
		margin: 0px auto 13px;
	}

	#ambassador .txt-area h3 {
		font-size: 17px;
		margin-bottom: 9px;
	}

	#ambassador .txt-area p {
		font-size: 12px;
		letter-spacing: 0.05em;
		line-height: 16px;
	}

	#ambassador .txt-area {
		padding: 17px 14px 18px;
	}

	.br-pc {
		display: none;
	}

	.br-sp {
		display: inherit;
	}
}




/* テーマソング */
#song {
	width: 100%;
	padding: 50px 17px 60px;
	background-image: url("../img/bg/bg3.gif?211003");
}

#song .head {
	font-size: 0;
	width: 460px;
	margin: -15px auto 35px;
}

#song .head g {
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}

#song .head #so_b,
#song .head #so_s,
#song .head #so_s2,
#song .head #so_x,
#song .head #so_s3,
#song .head #so_d,
#song .head #so_g,
#song .head #so_s4,
#song .head #so_th,
#song .head #so_e,
#song .head #so_ma,
#song .head #so_so,
#song .head #so_n,
#song .head #so_g2 {
	opacity: 0;
}

#song .head.run #so_b {
	-webkit-animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#song .head.run #so_s {
	-webkit-animation: jump 900ms 1 60ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 60ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 60ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 60ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 60ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#song .head.run #so_s2 {
	-webkit-animation: jump 900ms 1 120ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 120ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 120ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 120ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 120ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#song .head.run #so_x {
	-webkit-animation: jump 900ms 1 180ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 180ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 180ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 180ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 180ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#song .head.run #so_s3 {
	-webkit-animation: jump 900ms 1 240ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 240ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 240ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 240ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 240ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#song .head.run #so_d {
	-webkit-animation: jump 900ms 1 300ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 300ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 300ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 300ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 300ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#song .head.run #so_g {
	-webkit-animation: jump 900ms 1 360ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 360ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 360ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 360ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 360ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#song .head.run #so_s4 {
	-webkit-animation: jump 900ms 1 420ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 420ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 420ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 420ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 420ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#song .head.run #so_th {
	-webkit-animation: jump 900ms 1 480ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 480ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 480ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 480ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 480ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#song .head.run #so_e {
	-webkit-animation: jump 900ms 1 540ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 540ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 540ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 540ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 540ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#song .head.run #so_ma {
	-webkit-animation: jump 900ms 1 600ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 600ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 600ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 600ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 600ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#song .head.run #so_so {
	-webkit-animation: jump 900ms 1 660ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 660ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 660ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 660ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 660ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#song .head.run #so_n {
	-webkit-animation: jump 900ms 1 720ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 720ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 720ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 720ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 720ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#song .head.run #so_g2 {
	-webkit-animation: jump 900ms 1 780ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 780ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 780ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 780ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 780ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#song .song {
	font-size: 0;
	width: 200px;
	margin: 0 auto 20px;
	content: url("../img/song/walkin.svg");
}

#song .ytubeout {
	position: relative;
	border: solid 8px;
	border-image-slice: 100%;
	border-image-source: none;
	border-image-source: url("../img/bg/waku.png");
	border-image-slice: 8;
	max-width: 560px;
	margin: 0 auto 50px;
}

#song .ytube {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding-top: 56.25%;
	width: 100%;
	height: 100%;
}

#song .ytube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#song .song_outer {
	width: 100%;
}

#song .inner {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	display: flex;
	padding: 40px 57px 40px 60px;
	background-color: #fff;
	box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.1);
	position: relative;
}

#song .gizamaruTXT {
	position: relative;
	color: #FFF;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	line-height: 0;
	letter-spacing: 0.04em;
	padding-bottom: 1px;
}

#song .img-area {
	max-width: 360px;
	width: 100%;
}

#song .txt-area {
	margin-left: auto;
}

#song .img-area h4 {
	font-size: 28px;
	font-weight: 700;
	letter-spacing: 0.05em;
	margin-bottom: 10px;
	position: relative;
	margin-top: -5px;
	display: none;
}

#song .txt-area h4 {
	font-size: 28px;
	font-weight: 700;
	letter-spacing: 0.05em;
	margin-bottom: 10px;
	position: relative;
	margin-top: -5px;
}

#song .txt-area h4::after {
	content: "レイル-ステレオ";
	font-size: 14px;
	letter-spacing: 0.11em;
	margin-left: 18px;
}

#song .img-area h4::after {
	content: "レイル-ステレオ";
	font-size: 14px;
	letter-spacing: 0.11em;
	margin-left: 18px;
}

#song .txt-area dl {
	margin-bottom: 0;
}

#song .txt-area dt {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.05em;
	margin-bottom: 3px;
}

#song .txt-area dd {
	font-size: 14px;
	font-weight: 300;
	letter-spacing: 0.07em;
	line-height: 20px;
	margin-bottom: 10px;
}

#song .txt-area dd:last-of-type {
	margin-bottom: 0;
}

#sp_head {
	display: none;
}

@media only screen and (max-width: 1180px) {
	#song .gizamaru {
		left: -32px;
		top: -26px;
	}
}

@media only screen and (max-width: 1000px) {
	#song .inner {
		flex-wrap: wrap;
		padding: 50px 30px 40px;
	}

	#song .img-area {
		max-width: 100%;
		margin-bottom: 20px;
	}

	#song .txt-area {
		margin-left: 0;
		max-width: 100%;
	}

	#song .img-area h4 {
		font-size: 28px;
		font-weight: 700;
		letter-spacing: 0.05em;
		margin-bottom: 10px;
		position: relative;
		margin-top: -5px;
		display: inherit;
	}

	#song .img-area h4::after {
		content: "レイル-ステレオ";
		font-size: 14px;
		letter-spacing: 0.11em;
		margin-left: 18px;
	}

	#song .txt-area h4 {
		display: none;
	}

	#song .gizamaru {
		left: -8px;
		top: -46px;
	}
}

@media only screen and (max-width: 600px) {
	#pc_head {
		display: none;
	}

	#sp_head {
		display: inherit;
	}

	#song {
		padding: 35px 17px 41px;
	}

	#song .head {
		width: 158px;
		margin: -13px auto 26px;
	}

	#song .song {
		width: 168px;
		margin: 0 auto 13px;
	}

	#song .ytubeout {
		position: relative;
		border: solid 5px;
		border-image-slice: 100%;
		border-image-source: none;
		border-image-source: url("../img/bg/waku.png");
		border-image-slice: 5;
		max-width: 560px;
		margin: 0 auto 41px;
	}

	#song .inner {
		padding: 36px 22px 35px;
	}

	#song .gizamaru {
		left: -3px;
		top: -33px;
	}

	#song .gizamaruTXT {
		font-size: 15px;
		letter-spacing: 0.06em;
	}

	#song .img-area h4 {
		font-size: 26px;
		margin-bottom: 4px;
		margin-top: -6px;
	}

	#song .img-area h4::after {
		font-size: 13px;
		margin-left: 11px;
	}

	#song .txt-area dd {
		font-size: 12px;
		letter-spacing: 0.03em;
		line-height: 19px;
		margin-bottom: 5px;
	}

	#song .img-area {
		margin-bottom: 13px;
	}

	#song .txt-area dt {
		margin-bottom: -1px;
	}
}



/* 番組紹介 */
#program {
	width: 100%;
	padding: 50px 35px 60px;
	/*background-color: #eeeaea;*/
	background-image: url("../img/bg/bg5.gif");
}

#program .outer {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

#program .head {
	font-size: 0;
	width: 161px;
	margin: -15px auto 35px;
}

#program .head g {
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}

#program .head #ban,
#program .head #gumi,
#program .head #sho,
#program .head #kai {
	opacity: 0;
}

#program .head.run #ban {
	-webkit-animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#program .head.run #gumi {
	-webkit-animation: jump 900ms 1 60ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 60ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 60ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 60ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 60ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#program .head.run #sho {
	-webkit-animation: jump 900ms 1 120ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 120ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 120ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 120ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 120ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#program .head.run #kai {
	-webkit-animation: jump 900ms 1 180ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 180ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 180ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 180ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 180ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#program .row {
	margin-right: -10px;
	margin-left: -10px;
}

#program .col-md-4 {
	padding-right: 10px;
	padding-left: 10px;
}

#program .col-md-4 h3 {
	color: #fff;
	border-radius: 20px;
	font-size: 18px;
	letter-spacing: 0.09em;
	font-weight: 700;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 35px;
	box-shadow: 0px 0px 10px 4px rgb(0 0 0 / 10%);
	margin-bottom: 13px;
}

#program .col-md-4.radio h3 {
	background-color: #e5243b;
}

#program .col-md-4.tv h3 {
	background-color: #0a97d9;
}

#program .col-md-4 .wrap {
	background-color: #fff;
	display: block;
	box-shadow: 0px 0px 10px 4px rgb(0 0 0 / 10%);
	height: calc(100% - 48px);
	position: relative;
	-webkit-transition: 0.3s border cubic-bezier(0, 0, 0.58, 1);
	transition: 0.3s border cubic-bezier(0, 0, 0.58, 1);
	margin: 0 4px;

	z-index: 1;
}

#program .col-md-4 .wrap:hover {
	opacity: .7;
}

#program .col-md-4 .wrap::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: 0.3s border cubic-bezier(0, 0, 0.58, 1);
	transition: 0.3s border cubic-bezier(0, 0, 0.58, 1);
}

#program .col-md-4.radio .wrap::after {
	border: solid 0px #e5243b;
	z-index: 2;
}

#program .col-md-4.tv .wrap::after {
	border: solid 0px #0a97d9;
}

#program .col-md-4 .wrap:hover::after {
	border-width: 6px;
}

#program .txt-area {
	padding: 27px 25px 28px;
}

#program .txt-area h4 {
	font-size: 23px;
	line-height: 24px;
	letter-spacing: 0.09em;
	font-weight: 900;
	margin-bottom: 9px;
}

#program .col-md-4.radio .txt-area h4 {
	color: #e5243b;
}

#program .col-md-4.tv .txt-area h4 {
	color: #0a97d9;
}

#program .txt-area h4 span {
	font-size: 17px;
	letter-spacing: 0.09em;
	font-weight: 700;
}

#program .txt-area p {
	font-size: 14px;
	line-height: 21px;
	letter-spacing: 0.05em;
	font-weight: 400;
	margin-bottom: 0;
}

#program .txt-area object {
	z-index: 90;
}

#program .txt-area .radiocloud {
	display: flex;
	align-items: center;
	margin: 10px 0 0;
	z-index: 99;
	padding: 3px;
	border: 2px solid #ffffff;
}

#program .txt-area .radiocloud_img {
	width: 20%;
	z-index: 99;
}

#program .txt-area .radiocloud_txt {
	color: #e70012;
	font-weight: 700;
	padding: 0 0 0 10px;
	z-index: 99;
}

#program .txt-area .radiocloud:hover {
	border: 2px solid #e70012;
	border-radius: 10px;
	z-index: 100;
}

#program .txt-area .radiocloud .sp_disp {
	display: none;
}



@media only screen and (max-width: 600px) {
	#program {
		padding: 25px 24px 30px;
	}

	#program .head {
		width: 110px;
		margin: -10px auto 25px;
	}

	#program .col-md-4 h3 {
		font-size: 15px;
		height: 29px;
		margin-bottom: 12px;
	}

	#program .txt-area h4 {
		font-size: 22px;
		line-height: 20px;
		margin-bottom: 9px;
	}

	#program .txt-area h4 span {
		font-size: 16px;
	}

	#program .txt-area p {
		font-size: 13px;
	}

	#program .col-md-4 .wrap {
		height: auto;
	}

	#program .txt-area {
		padding: 25px 25px 30px;
		margin-bottom: 32px;
	}

	#program .txt-area .radiocloud {
		flex-wrap: wrap;
		padding: 4px;
	}

	#program .txt-area .radiocloud_img {
		width: 100%;
		z-index: 99;
	}

	#program .txt-area .radiocloud_txt {
		padding: 0;
	}

	#program .txt-area .radiocloud .pc_disp {
		display: none;
	}

	#program .txt-area .radiocloud .sp_disp {
		display: block;
	}
}

@media only screen and (min-width: 768px) {
	#program .col-md-4 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		/*max-width: 50%;*/
	}
}

/* 企業協賛 */
#Sponsor {
	width: 100%;
	position: relative;
	padding: 50px 18px 60px;
}

#Sponsor::before {
	position: fixed;
	content: "";
	background-image: url("../img/sponcer/bg2_pc.jpg");
	background-size: cover;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
	background-position: center;
}

#Sponsor .head {
	font-size: 0;
	/*	width: 155px;*/
	width: 260px;
	margin: -15px auto 35px;
}

#Sponsor .head g {
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}

/*
#Sponsor .head #kyo,
#Sponsor .head #san,
*/
#Sponsor .head #par_pa,
#Sponsor .head #par_r_1,
#Sponsor .head #par_to,
#Sponsor .head #par_na,
#Sponsor .head #par_r_2,
#Sponsor .head #ki,
#Sponsor .head #gyo {
	opacity: 0;
}

#Sponsor .head.run #par_pa {
	-webkit-animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#Sponsor .head.run #par_r_1 {
	-webkit-animation: jump 900ms 1 60ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 60ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 60ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 60ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 60ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#Sponsor .head.run #par_to {
	-webkit-animation: jump 900ms 1 120ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 120ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 120ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 120ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 120ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#Sponsor .head.run #par_na {
	-webkit-animation: jump 900ms 1 180ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 180ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 180ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 180ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 180ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#Sponsor .head.run #par_r_2 {
	-webkit-animation: jump 900ms 1 240ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 240ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 240ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 240ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 240ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#Sponsor .head.run #ki {
	-webkit-animation: jump 900ms 1 300ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 300ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 300ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 300ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 300ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#Sponsor .head.run #gyo {
	-webkit-animation: jump 900ms 1 360ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 360ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 360ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 360ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 360ms cubic-bezier(.165, .44, .64, 1) forwards;
}

/*
#Sponsor .head.run #kyo{
	-webkit-animation: jump 900ms 1 120ms cubic-bezier(.165,.44,.64,1) forwards;
	-moz-animation: jump 900ms 1 120ms cubic-bezier(.165,.44,.64,1) forwards;
	-o-animation: jump 900ms 1 120ms cubic-bezier(.165,.44,.64,1) forwards;
	-ms-animation: jump 900ms 1 120ms cubic-bezier(.165,.44,.64,1) forwards;
	animation: jump 900ms 1 120ms cubic-bezier(.165,.44,.64,1) forwards;
	}

	#Sponsor .head.run #san{
	-webkit-animation: jump 900ms 1 180ms cubic-bezier(.165,.44,.64,1) forwards;
	-moz-animation: jump 900ms 1 180ms cubic-bezier(.165,.44,.64,1) forwards;
	-o-animation: jump 900ms 1 180ms cubic-bezier(.165,.44,.64,1) forwards;
	-ms-animation: jump 900ms 1 180ms cubic-bezier(.165,.44,.64,1) forwards;
	animation: jump 900ms 1 180ms cubic-bezier(.165,.44,.64,1) forwards;
	}
	*/

#Sponsor .outer {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	background-color: rgba(255, 255, 255, .85);
	box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1);
	padding: 50px 55px 20px;
}

#Sponsor .row {
	margin-right: -8px;
	margin-left: -8px;
}

#Sponsor .col-md-3 {
	padding-right: 8px;
	padding-left: 8px;
	margin-bottom: 20px;
}

#Sponsor .col-md-3 .youtube {
	content: url("../img/sponcer/youtube.svg");
	width: 40px;
	height: 40px;
	display: block;
	margin-left: auto;
	margin-top: 10px;
}

#Sponsor .col-md-3 .youtube:hover {
	content: url("../img/sponcer/youtube2.svg");
}

#Sponsor .col-md-3 .bn-img {
	transition: .3s;
}

#Sponsor .col-md-3 .bn-img:hover {
	opacity: .7;
}


@media only screen and (max-width: 600px) {
	#Sponsor {
		padding: 35px 18px 37px;
	}

	#Sponsor::before {
		background-image: url("../img/sponcer/bg2_sp.jpg");
	}

	#Sponsor .head {
		/*    width: 109px;*/
		width: 180px;
		margin: -10px auto 23px;
	}

	#Sponsor .outer {
		padding: 26px 20px 12px;
		background-color: rgba(255, 255, 255, .8);
	}

	#Sponsor .col-md-3 .youtube {
		width: 35px;
		height: 35px;
		margin-top: 6px;
	}

	#Sponsor .row {
		margin-right: -5px;
		margin-left: -5px;
	}

	#Sponsor .col-md-3 {
		padding-right: 5px;
		padding-left: 5px;
		margin-bottom: 12px;
	}
}




/* BSSSDGs宣言 */
#declaration {
	width: 100%;
	padding: 55px 18px 68px;
	background-color: #fff;
	position: relative;
	overflow: hidden;
}

#declaration .head {
	font-size: 0;
	width: 271px;
	margin: -15px auto 40px;
}

#declaration .head g {
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}

#declaration .head #d_b,
#declaration .head #d_s,
#declaration .head #d_s2,
#declaration .head #d_s3,
#declaration .head #d_d,
#declaration .head #d_g,
#declaration .head #d_s4,
#declaration .head #d_sen,
#declaration .head #d_gen {
	opacity: 0;
}

#declaration .head.run #d_b {
	-webkit-animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#declaration .head.run #d_s {
	-webkit-animation: jump 900ms 1 60ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 60ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 60ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 60ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 60ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#declaration .head.run #d_s2 {
	-webkit-animation: jump 900ms 1 120ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 120ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 120ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 120ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 120ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#declaration .head.run #d_s3 {
	-webkit-animation: jump 900ms 1 180ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 180ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 180ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 180ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 180ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#declaration .head.run #d_d {
	-webkit-animation: jump 900ms 1 240ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 240ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 240ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 240ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 240ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#declaration .head.run #d_g {
	-webkit-animation: jump 900ms 1 300ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 300ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 300ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 300ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 300ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#declaration .head.run #d_s4 {
	-webkit-animation: jump 900ms 1 360ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 360ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 360ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 360ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 360ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#declaration .head.run #d_sen {
	-webkit-animation: jump 900ms 1 420ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 420ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 420ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 420ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 420ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#declaration .head.run #d_gen {
	-webkit-animation: jump 900ms 1 480ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 480ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 480ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 480ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 480ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#declaration .hash {
	font-size: 0;
	content: url("../img/logo/hashtag.svg");
	max-width: 809px;
	width: 100%;
	margin: 0 auto 22px;
	height: auto;
}

#declaration .hash_en {
	font-size: 0;
	content: url("../img/logo/english.svg");
	max-width: 477px;
	width: 100%;
	margin: 0 auto 32px;
}

#declaration p {
	font-size: 15px;
	line-height: 28px;
	letter-spacing: 0.06em;
	font-weight: 500;
	text-align: center;
	margin: 0 auto 23px;
}

#declaration p.bss {
	font-size: 20px;
	letter-spacing: 0.08em;
	font-weight: 700;
	margin: 0 auto;
}

#declaration .ratte {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 183px;
	right: -800px;
	margin: auto;
}



@media only screen and (max-width: 900px) {
	#declaration .ratte {
		right: -80vw;
	}
}

@media only screen and (max-width: 600px) {
	#declaration {
		padding: 33px 18px 66px;
	}

	#declaration .head {
		width: 192px;
		margin: -11px auto 28px;
	}

	#declaration .hash {
		content: url("../img/logo/hashtag_sp.svg");
		max-width: 288px;
		margin: 0 auto 20px;
	}

	#declaration .hash_en {
		max-width: 321px;
		margin: 0 auto 27px;
	}

	#declaration p {
		font-size: 14px;
		line-height: 23px;
		letter-spacing: 0.05em;
		text-align: left;
		margin: 0 auto 13px;
	}

	#declaration p.bss {
		font-size: 18px;
		text-align: right;
	}

	#declaration .ratte {
		left: 14px;
		right: auto;
		width: 123px;
	}
}




/* これまでの取り組み */
#attempt {
	width: 100%;
	padding: 55px 29px 65px 17px;
	background-image: url("../img/bg/bg4.gif");
	/*background-color: #ECE8E7;*/
}

#attempt .head {
	font-size: 0;
	width: 338px;
	margin: -15px auto 35px;
}

#attempt .head g {
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}

#attempt .head #ko,
#attempt .head #re,
#attempt .head #ma,
#attempt .head #de,
#attempt .head #no_,
#attempt .head #to,
#attempt .head #ri,
#attempt .head #ku,
#attempt .head #mi {
	opacity: 0;
}

#attempt .head.run #ko {
	-webkit-animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#attempt .head.run #re {
	-webkit-animation: jump 900ms 1 60ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 60ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 60ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 60ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 60ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#attempt .head.run #ma {
	-webkit-animation: jump 900ms 1 120ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 120ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 120ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 120ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 120ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#attempt .head.run #de {
	-webkit-animation: jump 900ms 1 180ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 180ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 180ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 180ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 180ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#attempt .head.run #no_ {
	-webkit-animation: jump 900ms 1 240ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 240ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 240ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 240ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 240ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#attempt .head.run #to {
	-webkit-animation: jump 900ms 1 300ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 300ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 300ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 300ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 300ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#attempt .head.run #ri {
	-webkit-animation: jump 900ms 1 360ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 360ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 360ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 360ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 360ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#attempt .head.run #ku {
	-webkit-animation: jump 900ms 1 420ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 420ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 420ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 420ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 420ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#attempt .head.run #mi {
	-webkit-animation: jump 900ms 1 480ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 480ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 480ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 480ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 480ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#attempt .outer {
	width: 100%;
	margin: 0 auto;
	max-width: 1000px;
}

#attempt .attempt_one {
	display: flex;
	margin-bottom: 34px;
}

#attempt .relative {
	position: relative;
}

#attempt .a_year {
	color: #fff;
	display: flex;
	border-radius: 30px;
	width: 90px;
	height: 31px;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	letter-spacing: 0.07em;
	font-weight: 700;
	margin-bottom: 0;
}

#attempt .a_year::before {
	content: "";
	position: absolute;
	width: 8px;
	height: calc(100% - 5px);
	top: 35px;
}

#attempt .attempt_one.red .a_year::before {
	background: radial-gradient(circle farthest-side, #e5243b, #e5243b 60%, transparent 60%, transparent);
	background-size: auto;
	background-size: 9px 9px;
}

#attempt .attempt_one.green .a_year::before {
	background: radial-gradient(circle farthest-side, #4c9f38, #4c9f38 60%, transparent 60%, transparent);
	background-size: auto;
	background-size: 9px 9px;
}

#attempt .attempt_one.yellow .a_year::before {
	background: radial-gradient(circle farthest-side, #dda63a, #dda63a 60%, transparent 60%, transparent);
	background-size: auto;
	background-size: 9px 9px;
}

#attempt .attempt_one.blue .a_year::before {
	background: radial-gradient(circle farthest-side, #26bde2, #26bde2 60%, transparent 60%, transparent);
	background-size: auto;
	background-size: 9px 9px;
}

#attempt .attempt_one.red2 .a_year::before {
	background: radial-gradient(circle farthest-side, #ff3a21, #ff3a21 60%, transparent 60%, transparent);
	background-size: auto;
	background-size: 9px 9px;
}

#attempt .attempt_one.purple .a_year::before {
	background: radial-gradient(circle farthest-side, #a21942, #a21942 60%, transparent 60%, transparent);
	background-size: auto;
	background-size: 9px 9px;
}

#attempt .attempt_one.orange .a_year::before {
	background: radial-gradient(circle farthest-side, #fd9d24, #fd9d24 60%, transparent 60%, transparent);
	background-size: auto;
	background-size: 9px 9px;
}

#attempt .attempt_one.navy .a_year::before {
	background: radial-gradient(circle farthest-side, #004C88, #004C88 60%, transparent 60%, transparent);
	background-size: auto;
	background-size: 9px 9px;
}

#attempt .attempt_one.red .a_year {
	background-color: #e5243b;
}

#attempt .attempt_one.green .a_year {
	background-color: #4c9f38;
}

#attempt .attempt_one.yellow .a_year {
	background-color: #dda63a;
}

#attempt .attempt_one.blue .a_year {
	background-color: #26bde2;
}

#attempt .attempt_one.red2 .a_year {
	background-color: #ff3a21;
}

#attempt .attempt_one.purple .a_year {
	background-color: #a21942;
}

#attempt .attempt_one.orange .a_year {
	background-color: #fd9d24;
}

#attempt .attempt_one.navy .a_year {
	background-color: #004C88;
}

#attempt .inner {
	background-color: #fff;
	padding: 30px 65px 35px;
	width: 100%;
	max-width: 880px;
	box-shadow: 0px 0px 5.09px rgba(0, 0, 0, 0.2);
	border-radius: 20px;
	margin-left: 2vw;
}

#attempt .inner h4 {
	font-size: 23px;
	font-weight: 900;
	line-height: 31px;
	letter-spacing: 0.08em;
	margin-bottom: 8px;
}

#attempt .attempt_one.red .inner h4 {
	color: #e5243b;
}

#attempt .attempt_one.green .inner h4 {
	color: #4c9f38;
}

#attempt .attempt_one.yellow .inner h4 {
	color: #dda63a;
}

#attempt .attempt_one.blue .inner h4 {
	color: #26bde2;
}

#attempt .attempt_one.red2 .inner h4 {
	color: #ff3a21;
}

#attempt .attempt_one.purple .inner h4 {
	color: #a21942;
}

#attempt .attempt_one.orange .inner h4 {
	color: #fd9d24;
}

#attempt .attempt_one.navy .inner h4 {
	color: #004C88;
}

#attempt .inner p {
	font-size: 14px;
	font-weight: 500;
	line-height: 21px;
	letter-spacing: 0.05em;
	margin-bottom: 19px;
}

#attempt .img-area.abso {
	position: absolute;
	bottom: 0;
}

@media only screen and (max-width: 992px) {
	#attempt .img-area.abso {
		position: inherit;
		bottom: 0;
	}

	#attempt .col-lg-6:first-of-type {
		margin-bottom: 20px;

	}
}

#attempt .img-area img {
	margin-right: 10px;
}

#attempt .sdgs_ico {
	width: 100%;
	max-width: 60px;
}

#attempt .bn-img {
	vertical-align: bottom;
	transition: .3s;
}

#attempt .bn-img:hover {
	opacity: .7;
}

#attempt .bn-img-none {
	vertical-align: bottom;
	transition: .3s;
}


@media only screen and (max-width: 600px) {
	#attempt {
		padding: 35px 29px 23px 17px;
	}

	#attempt .head {
		width: 237px;
		margin: -11px auto 18px;
	}

	#attempt .a_year {
		width: 64px;
		height: 23px;
		font-size: 14px;
	}

	#attempt .a_year::before {
		height: calc(100% - 14px);
		top: 28px;
		left: 6px;
	}

	#attempt .inner {
		padding: 24px 24px 19px;
		border-radius: 0;
		margin-left: -39px;
		margin-top: 31px;
	}

	#attempt .inner h4 {
		font-size: 22px;
		line-height: 28px;
		letter-spacing: 0.09em;
		margin-bottom: 7px;
	}

	#attempt .inner p {
		font-size: 12px;
		font-weight: 400;
		line-height: 19px;
		margin-bottom: 11px;
	}

	#attempt .img-area img {
		margin-right: 8px;
		margin-bottom: 8px;
	}

	#attempt .sdgs_ico {
		max-width: 58px;
	}

	#attempt .bn-img {
		max-width: 164px;
	}

	#attempt .bn-img-none {
		max-width: 164px;
	}

	#attempt .col-lg-6:first-of-type {
		margin-bottom: 30px;
	}

	#attempt .attempt_one {
		margin-bottom: 17px;
	}
}



/* メディアコンパクト */
#media {
	width: 100%;
	padding: 55px 0 65px;
	background-image: url("../img/bg/bg1_pc.jpg");
	background-size: cover;
	background-position: center;
}

#media .head {
	font-size: 0;
	width: 322px;
	margin: -15px auto 35px;
}

#media .head g {
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}

#media .head #me,
#media .head #d,
#media .head #i,
#media .head #a,
#media .head #co,
#media .head #m,
#media .head #pa,
#media .head #c,
#media .head #t {
	opacity: 0;
}

#media .head.run #me {
	-webkit-animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#media .head.run #d {
	-webkit-animation: jump 900ms 1 60ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 60ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 60ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 60ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 60ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#media .head.run #i {
	-webkit-animation: jump 900ms 1 120ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 120ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 120ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 120ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 120ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#media .head.run #a {
	-webkit-animation: jump 900ms 1 180ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 180ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 180ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 180ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 180ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#media .head.run #co {
	-webkit-animation: jump 900ms 1 240ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 240ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 240ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 240ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 240ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#media .head.run #m {
	-webkit-animation: jump 900ms 1 300ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 300ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 300ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 300ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 300ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#media .head.run #pa {
	-webkit-animation: jump 900ms 1 360ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 360ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 360ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 360ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 360ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#media .head.run #c {
	-webkit-animation: jump 900ms 1 420ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 420ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 420ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 420ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 420ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#media .head.run #t {
	-webkit-animation: jump 900ms 1 480ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 480ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 480ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 480ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 480ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#media h3 {
	font-size: 0;
	content: url("../img/logo/media.svg");
	width: 333px;
	margin: 0 auto 23px;
}

#media p {
	font-size: 21px;
	font-weight: 700;
	letter-spacing: 0.08em;
	line-height: 31px;
	text-align: center;
	margin-bottom: 16px;
}

#media .more {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.06em;
	margin-bottom: 0;
	width: 320px;
	height: 50px;
	background-color: #e5243b;
	border-radius: 30px;
	color: #fff;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-bottom: 2px;
	position: relative;
	transition: .3s;
	border: solid 3px #e5243b;
	padding-right: 25px;
}

#media .more::after {
	position: absolute;
	content: url("../img/icon/arrow.svg");
	width: 15px;
	right: 22px;
	top: 8px;
	transition: .3s;
}

#media .more:hover {
	background-color: #fff;
	color: #e5243b;
}

#media .more:hover::after {
	content: url("../img/icon/arrow2.svg");
}


@media only screen and (max-width: 600px) {
	#media {
		padding: 34px 0 40px;
		background-image: url("../img/bg/bg1_sp.jpg");
	}

	#media .head {
		width: 225px;
		margin: -12px auto 27px;
	}

	#media h3 {
		width: 211px;
		margin: 0 auto 17px;
	}

	#media p {
		font-size: 16px;
		letter-spacing: 0.05em;
		line-height: 23px;
		margin-bottom: 18px;
	}

	#media .more {
		font-size: 14px;
		width: 264px;
		height: 47px;
		padding-bottom: 3px;
		padding-right: 26px;
	}

	#media .more::after {
		width: 13px;
		right: 17px;
		top: 8px;
	}
}

/* トップページ トピックス */
#topics .head {
	font-size: 0;
	width: 171px;
	margin: -15px auto 30px;
}

#topics .head g,
#topics_list .head2 g {
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}

#topics .head #t_to,
#topics .head #t_pi,
#topics .head #t_tu,
#topics .head #t_ku,
#topics .head #t_su {
	opacity: 0;
}

#topics .head.run #t_to {
	-webkit-animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#topics .head.run #t_pi {
	-webkit-animation: jump 900ms 1 60ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 60ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 60ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 60ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 60ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#topics .head.run #t_tu {
	-webkit-animation: jump 900ms 1 120ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 120ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 120ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 120ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 120ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#topics .head.run #t_ku {
	-webkit-animation: jump 900ms 1 180ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 180ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 180ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 180ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 180ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#topics .head.run #t_su {
	-webkit-animation: jump 900ms 1 240ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 240ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 240ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 240ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 240ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#topics {
	width: 100%;
	background-color: rgba(182, 230, 248, 1.00);
	background-image: url("../img/bg/bg_topics_pc.png");
	background-repeat: no-repeat;
	background-position: center 100%;
	background-size: 100%;
	position: relative;
	padding: 50px 0 50px;
}

#topics .outer {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	background-color: rgba(255, 255, 255, .85);
	box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1);
	padding: 35px 50px 35px;
}

#topics .topics_outer {
	width: 100%;
	max-width: 1203px;
	margin: 0 auto;
}

#topics .topics_inner {
	display: flex;
	flex-wrap: wrap;
}

#topics .topics_slider {
	max-width: 1203px;
	width: 100%;
	height: 100%;
}

#topics .topics_slider img {
	max-width: 100%;
	height: auto;
}

#topics .swiper-container {
	margin-left: 0;
	opacity: 0;
	transition: opacity .25s ease;
}

#topics .swiper-container.swiper-container-initialized {
	opacity: 1;
}

#topics .swiper-slide {
	box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.1);
	height: auto;
}

#topics .topics_box {
	background-color: #fff;
	box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.1);
	margin: 0 10px 35px 10px;
	max-width: 23%;
	max-width: calc(94% / 3);
}

@media only screen and (min-width: 500px) {

	#topics .topics_box {
		margin: 0 1% 35px;
	}

}

#topics .topics_box img {
	width: 100%;
	max-width: 100%;
	height: auto;
	transition: .3s;
}

#topics .txt-area {
	background-color: #fff;
	padding: 16px 18px 21px;
	min-height: 100%;
}

#topics .txt-area h3 {
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 0.06em;
	font-weight: 700;
	margin-bottom: 7px;
	min-height: 48px;
	min-height: initial;
	min-height: auto;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

#topics .txt-area p {
	font-size: 13px;
	line-height: 19px;
	letter-spacing: 0.06em;
	font-weight: 300;
	margin-bottom: 8px;
	margin-bottom: 13px;
	margin-bottom: 7px;
	min-height: 57px;
	min-height: initial;
	min-height: auto;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

#topics .txt-area p.date {
	font-size: 12px;
	font-weight: 300;
	color: #e5243b;
	margin-bottom: 0;
}

#topics .slide_wrap {
	position: relative;
	height: 100%;
}

@media only screen and (max-width: 1180px) {
	#topics .slide_wrap {
		margin: 0 auto;
		width: 100%;
	}

	#topics .topics_slider {
		max-width: 100%;
		margin-bottom: 45px;
	}

	.swiper-button-prev {
		left: 27vw;
	}

	.swiper-button-next {
		right: 27vw;
	}
}

/* トピックス一覧・詳細 */
#topics_list .head2 {
	font-size: 0;
	width: 184px;
	margin: -15px auto 35px;
}

#topics_list .head2 #t_to,
#topics_list .head2 #t_pi,
#topics_list .head2 #t_tu,
#topics_list .head2 #t_ku,
#topics_list .head2 #t_su {
	opacity: 0;
}

#topics_list .head2.run2 #t_to {
	-webkit-animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#topics_list .head2.run2 #t_pi {
	-webkit-animation: jump 900ms 1 60ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 60ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 60ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 60ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 60ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#topics_list .head2.run2 #t_tu {
	-webkit-animation: jump 900ms 1 120ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 120ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 120ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 120ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 120ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#topics_list .head2.run2 #t_ku {
	-webkit-animation: jump 900ms 1 180ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 180ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 180ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 180ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 180ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#topics_list .head2.run2 #t_su {
	-webkit-animation: jump 900ms 1 240ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 240ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 240ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 240ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 240ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#topics_list {
	width: 100%;
	background-color: rgba(182, 230, 248, 1.00);
	background-image: url("../img/bg/bg_topics_pc.png");
	background-repeat: no-repeat;
	background-position: center 103%;
	position: relative;
	padding: 82px 0 100px;
}

#topics_list::before {
	position: absolute;
	top: -1px;
	background-image: url("../img/bg/flag.png");
	content: "";
	height: 15px;
	width: 100%;
}

#topics_list .topics_outer {
	width: 100%;
	max-width: 1020px;
	margin: 0 auto;
}

#topics_list .topics_inner {
	display: flex;
	flex-wrap: wrap;
}

#topics_list .topics_box {
	background-color: #fff;
	box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.1);
	margin: 0 10px 35px 10px;
	max-width: 23%;
	max-width: calc(94% / 3);
}

@media only screen and (min-width: 500px) {

	#topics_list .topics_box {
		margin: 0 1% 35px;
	}

}

#topics_list .topics_content_box {
	background-color: #fff;
	box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.1);
	margin: 0 10px 30px 10px;
	padding: 60px 10%;
}

#topics_list .topics_content_box img,
#topics_list .topics_box img {
	width: 100%;
	max-width: 100%;
	height: auto;
	transition: .3s;
}

#topics_list .txt-area {
	padding: 16px 18px 21px;
}

#topics_list .txt-area h3 {
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 0.06em;
	font-weight: 700;
	margin-bottom: 7px;
	min-height: 48px;
	min-height: initial;
	min-height: auto;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

#topics_list .txt-area p {
	font-size: 13px;
	line-height: 19px;
	letter-spacing: 0.06em;
	font-weight: 300;
	margin-bottom: 8px;
	margin-bottom: 13px;
	margin-bottom: 7px;
	min-height: initial;
	min-height: auto;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

#topics_list .txt-area p.date {
	font-size: 12px;
	font-weight: 300;
	color: #e5243b;
	margin-bottom: 0;
}

#topics_list .topics_content_box .img-area a {
	position: relative;
	display: block;
	overflow: hidden;
}

#topics_list .topics_content_box .img-area a:hover img {
	transform: scale(1.1);
	opacity: .7;
}

#topics_list .topics_content_box .img-area a::after {
	position: absolute;
	content: url("../img/icon/icon_zoom.svg");
	right: 0;
	bottom: 0;
	width: 23px;
	height: 23px;
	transition: .3s;
}

#topics_list .topics_content_box .img-area {
	margin-bottom: 30px;
}

#topics_list .topics_content_box .img-area a {
	margin: 5px;
}

/* 画像2枚並び */
#topics_list .topics_content_box .img-area2 {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 25px;
	margin-top: -5px;
	margin-left: -5px;
	margin-right: -5px;
}

#topics_list .topics_content_box .img-area2 a {
	width: calc(50% - 10px);
}

/* 画像3枚並び */
#topics_list .topics_content_box .img-area3 {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 25px;
	margin-top: -5px;
	margin-left: -5px;
	margin-right: -5px;
}

#topics_list .topics_content_box .img-area3 a {
	width: calc((100% / 3) - 10px);
}

#topics_list .topics_content_box .txt-area {
	margin-top: 36px;
	margin-bottom: 43px;
	padding: 0;
}

#topics_list .topics_content_box .txt-area h3 {
	font-size: 23px;
	line-height: 27px;
	letter-spacing: 0.06em;
	font-weight: 700;
	color: #e5243b;
	border-bottom: 3px solid #e5243b;
	display: block;
	-webkit-box-orient: none;
	-webkit-line-clamp: none;
	overflow: hidden;
	min-height: initial;
	min-height: auto;
	margin-bottom: 0;
	padding-bottom: 11px;
	padding-bottom: 9px;
}

#topics_list .topics_content_box .txt-area p {
	font-size: 14px;
	line-height: 28px;
	letter-spacing: 0.06em;
	font-weight: 300;
	margin-bottom: 40px;
	margin-bottom: 25px;
	display: block;
	-webkit-box-orient: initial;
	-webkit-line-clamp: initial;
	overflow: initial;
}

#topics_list .topics_content_box .txt-area p.date {
	font-size: 13px;
	font-weight: 300;
	color: #e5243b;
	text-align: right;
	margin-bottom: 0;
}

/* トピックス共通 */
#topics .wrap,
#topics_list .wrap {
	display: block;
	position: relative;
	-webkit-transition: 0.3s border cubic-bezier(0, 0, 0.58, 1);
	transition: 0.3s border cubic-bezier(0, 0, 0.58, 1);
	min-height: 100%;
	background-color: #fff;
}

#topics .wrap::after,
#topics_list .wrap::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	border: 0px solid #e5243b;
	width: 100%;
	height: 100%;
	-webkit-transition: 0.3s border cubic-bezier(0, 0, 0.58, 1);
	transition: 0.3s border cubic-bezier(0, 0, 0.58, 1);
}

#topics .wrap:hover,
#topics_list .wrap:hover {
	opacity: .7;
}

#topics .wrap:hover::after,
#topics_list .wrap:hover::after {
	border-width: 5px;
}

/* 赤ボタン */
#topics .more {
	width: 230px;
	height: 50px;
	background-color: #e5243b;
	border-radius: 30px;
	color: #fff;
	margin: 20px auto 0;
	margin: 23px auto 0;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	letter-spacing: 0.06em;
	font-weight: 700;
	padding-bottom: 1px;
	position: relative;
	transition: .3s;
	border: solid 3px #e5243b;
}

#topics_list .more {
	width: 250px;
	height: 50px;
	background-color: #e5243b;
	border-radius: 30px;
	color: #fff;
	margin: 15px auto 0;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	letter-spacing: 0.06em;
	font-weight: 700;
	padding-bottom: 1px;
	position: relative;
	transition: .3s;
	border: solid 3px #e5243b;
}

#topics .more::after,
#topics_list .more::after {
	position: absolute;
	content: url("../img/icon/arrow.svg");
	width: 15px;
	right: 22px;
	top: 9px;
	transition: .3s;
}

#topics .more:hover,
#topics_list .more:hover {
	background-color: #fff;
	color: #e5243b;
}

#topics .more:hover::after,
#topics_list .more:hover::after {
	content: url("../img/icon/arrow2.svg");
}

/* ページネーション */
.pagination {
	display: flex;
}

.pagination a {
	background-color: #009edb;
	width: 180px;
	height: 50px;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	letter-spacing: 0.06em;
	font-weight: 700;
	padding-bottom: 1px;
	position: relative;
	transition: .3s;
	border: solid 3px #009edb;
}

.pagination a:first-child {
	margin-right: auto;
	padding-left: 15px;
}

.pagination a:last-child {
	margin-left: auto;
	padding-right: 15px;
}

.pagination a:first-child::after {
	position: absolute;
	content: url("../img/icon/arrow.svg");
	width: 15px;
	left: 28px;
	top: 12px;
	transition: .3s;
	transform: rotate(180deg);
}

.pagination a:last-child::after {
	position: absolute;
	content: url("../img/icon/arrow.svg");
	width: 15px;
	right: 28px;
	top: 9px;
	transition: .3s;
}

.pagination a:hover {
	background-color: #fff;
	color: #009edb;
}

.pagination a:hover::after {
	content: url("../img/icon/arrow3.svg");
}

@media only screen and (max-width: 600px) {

	/* トップページ トピックス */
	#topics {
		padding: 36px 0 4px;
		background-image: url("../img/bg/bg_topics_sp.png");
		background-repeat: no-repeat;
		background-position: center 100%;
		background-size: 100%;
	}

	#topics .outer {
		padding: 0;
		box-shadow: none;
		background-color: transparent;
	}

	#topics .head {
		width: 116px;
		margin: -8px auto 20px;
	}

	#topics::before {
		height: 13px;
		background-size: 422px;
	}

	#topics::after {
		height: 13px;
		background-size: 422px;
	}

	#topics .txt-area {
		padding: 15px 12px 17px;
		padding: 12px 12px 15px;
		padding: 15px 16px 20px;
	}

	#topics .txt-area h3 {
		font-size: 14px;
		line-height: 18px;
		margin-bottom: 12px;
		margin-bottom: 9px;
		min-height: initial;
		min-height: auto;
		-webkit-line-clamp: 3;
	}

	#topics .txt-area p {
		font-size: 11px;
		line-height: 15px;
		margin-bottom: 6px;
		min-height: initial;
		min-height: auto;
	}

	#topics .txt-area p.date {
		font-size: 11px;
	}

	#topics .swiper-button-next,
	#topics .swiper-button-prev {
		top: 43%;
		width: 38px;
		height: 38px;
	}

	.swiper-button-prev {
		left: 11vw;
	}

	.swiper-button-next {
		right: 11vw;
	}

	#topics .topics_slider {
		margin-bottom: 31px;
	}

	/* トピックス一覧・詳細 */
	#topics_list {
		padding: 54px 0 35px;
		background-image: url("../img/bg/bg_topics_sp.png");
		background-repeat: no-repeat;
		background-position: center 100%;
		background-size: 100%;
	}

	#topics_list .topics_inner {
		padding: 0 3%;
	}

	#topics_list .head2 {
		width: 116px;
		margin: -8px auto 24px;
	}

	#topics_list .txt-area {
		padding: 16px 12px 19px;
		padding: 12px 12px 16px;
	}

	#topics_list .txt-area h3 {
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 8px;
		letter-spacing: 0.05em;
		-webkit-line-clamp: 3;
	}

	#topics_list .txt-area p {
		font-size: 12px;
		line-height: 16px;
		margin-bottom: 9px;
		margin-bottom: 5px;
		min-height: initial;
		min-height: auto;
	}

	#topics_list .txt-area p.date {
		font-size: 11px;
	}

	#topics .topics_box,
	#topics_list .topics_box {
		box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.1);
		max-width: 46%;
		margin: 0 2% 17px;
	}

	#topics_list .topics_content_box {
		max-width: 96%;
		margin: 0 2% 17px;
		padding: 26px 19px;
	}

	#topics_list .topics_content_box .img-area a::after,
	#topics_list .topics_content_box .txt-area br {
		display: none;
	}

	#topics_list .topics_content_box .img-area {
		margin-bottom: 30px;
		margin: 0;
	}

	#topics_list .topics_content_box .img-area a,
	#topics_list .topics_content_box .img-area2 a,
	#topics_list .topics_content_box .img-area3 a {
		padding: 0;
		margin: 0;
		width: 100%;
		pointer-events: none;
	}

	#topics_list .topics_content_box .img-area img {
		margin-bottom: 9px;
	}

	#topics_list .topics_content_box .txt-area {
		margin-top: 25px;
		margin-top: 21px;
		margin-bottom: 0;
	}

	#topics_list .topics_content_box .txt-area h3 {
		font-size: 18px;
		line-height: 23px;
		letter-spacing: 0.05em;
		border-width: 2px;
		display: block;
		-webkit-box-orient: none;
		-webkit-line-clamp: none;
		overflow: hidden;
		min-height: initial;
		min-height: auto;
		margin-bottom: 0;
		padding-bottom: 11px;
		padding-bottom: 9px;
	}

	#topics_list .topics_content_box .txt-area p {
		font-size: 14px;
		line-height: 24px;
		letter-spacing: 0.03em;
		margin-bottom: 32px;
		margin-bottom: 22px;
	}

	#topics_list .topics_content_box .txt-area p.date {
		font-size: 12px;
		margin-bottom: 25px;
		margin-bottom: 14px;
	}

	/* 赤ボタン */
	#topics .more {
		flex-grow: 1;
		width: 199px;
		height: 47px;
		margin: 15px auto 0;
		font-size: 14px;
		letter-spacing: 0.07em;
	}

	#topics_list .more {
		flex-grow: initial;
		width: 199px;
		height: 47px;
		margin: -2px auto 0;
		font-size: 14px;
		letter-spacing: 0.07em;
	}

	#topics .more:after,
	#topics_list .more:after {
		width: 13px;
		right: 20px;
		top: 9px;
	}

	/* ページネーション */
	.pagination {
		margin-top: 32px;
		margin-top: 23px;
	}

	.pagination a {
		width: 134px;
		font-size: 14px;
		letter-spacing: 0.07em;
	}

	.pagination a:first-child {
		padding-left: 9px;
	}

	.pagination a:last-child {
		padding-right: 9px;
	}

	.pagination a:first-child::after {
		width: 13px;
		left: 12px;
		top: 14px;
	}

	.pagination a:last-child::after {
		width: 13px;
		right: 12px;
		top: 11px;
	}
}

/* BSS×SDGsの取り組み */
#attempt2 {
	background-image: url("../img/bg/bg4.gif");
	width: 100%;
	position: relative;
	padding: 50px 18px 60px;
}

#attempt2 .head {
	font-size: 0;
	width: 412px;
	margin: -15px auto 30px;
}

#attempt2 .head g {
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}

#attempt2 .head #a_b,
#attempt2 .head #a_s1,
#attempt2 .head #a_s2,
#attempt2 .head #a_k,
#attempt2 .head #a_s3,
#attempt2 .head #a_d,
#attempt2 .head #a_g,
#attempt2 .head #a_s4,
#attempt2 .head #a_no,
#attempt2 .head #a_to,
#attempt2 .head #a_ri,
#attempt2 .head #a_ku,
#attempt2 .head #a_mi {
	opacity: 0;
}

#attempt2 .head.run #a_b {
	-webkit-animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 0ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#attempt2 .head.run #a_s1 {
	-webkit-animation: jump 900ms 1 60ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 60ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 60ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 60ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 60ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#attempt2 .head.run #a_s2 {
	-webkit-animation: jump 900ms 1 120ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 120ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 120ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 120ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 120ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#attempt2 .head.run #a_k {
	-webkit-animation: jump 900ms 1 180ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 180ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 180ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 180ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 180ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#attempt2 .head.run #a_s3 {
	-webkit-animation: jump 900ms 1 240ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 240ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 240ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 240ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 240ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#attempt2 .head.run #a_d {
	-webkit-animation: jump 900ms 1 300ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 300ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 300ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 300ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 300ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#attempt2 .head.run #a_g {
	-webkit-animation: jump 900ms 1 360ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 360ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 360ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 360ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 360ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#attempt2 .head.run #a_s4 {
	-webkit-animation: jump 900ms 1 420ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 420ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 420ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 420ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 420ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#attempt2 .head.run #a_no {
	-webkit-animation: jump 900ms 1 480ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 480ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 480ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 480ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 480ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#attempt2 .head.run #a_to {
	-webkit-animation: jump 900ms 1 540ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 540ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 540ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 540ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 540ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#attempt2 .head.run #a_ri {
	-webkit-animation: jump 900ms 1 600ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 600ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 600ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 600ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 600ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#attempt2 .head.run #a_ku {
	-webkit-animation: jump 900ms 1 660ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 660ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 660ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 660ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 660ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#attempt2 .head.run #a_mi {
	-webkit-animation: jump 900ms 1 720ms cubic-bezier(.165, .44, .64, 1) forwards;
	-moz-animation: jump 900ms 1 720ms cubic-bezier(.165, .44, .64, 1) forwards;
	-o-animation: jump 900ms 1 720ms cubic-bezier(.165, .44, .64, 1) forwards;
	-ms-animation: jump 900ms 1 720ms cubic-bezier(.165, .44, .64, 1) forwards;
	animation: jump 900ms 1 720ms cubic-bezier(.165, .44, .64, 1) forwards;
}

#attempt2 .outer {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	background-color: rgba(255, 255, 255, .85);
	box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1);
	padding: 50px 55px 35px;
}

#attempt2 .row {
	margin-right: -5px;
	margin-left: -5px;
}

#attempt2 .col-md-4 {
	display: flex;
	padding-right: 20px;
	padding-left: 20px;
	margin-bottom: 20px;
}

#attempt2 .col-md-4 .bn-img {
	border: calc(3px / 1.2) solid #152540;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

#attempt2 .col-md-4 .bn-img img {
	transition: .3s;
}

#attempt2 .col-md-4 .bn-img:hover img {
	position: relative;
	transform: scale(1.1);
	opacity: .7;
}

#attempt2 .more {
	width: 250px;
	height: 50px;
	background-color: #e5243b;
	border-radius: 30px;
	color: #fff;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	letter-spacing: 0.06em;
	font-weight: 700;
	padding-bottom: 1px;
	position: relative;
	transition: .3s;
	border: solid 3px #e5243b;
	padding-right: 11px;
}

#attempt2 .more::after {
	position: absolute;
	content: url("../img/icon/arrow.svg");
	width: 15px;
	right: 28px;
	top: 9px;
	transition: .3s;
}

#attempt2 .more:hover {
	background-color: #fff;
	color: #e5243b;
}

#attempt2 .more:hover::after {
	content: url("../img/icon/arrow2.svg");
}

@media only screen and (max-width: 600px) {
	#attempt2 {
		padding: 35px 18px 37px;
	}

	#attempt2::before {
		background-image: url("../img/sponcer/bg2_sp.jpg");
	}

	#attempt2 .head {
		width: 278px;
		margin: -10px auto 23px;
	}

	#attempt2 .outer {
		padding: 29px 20px 35px;
		background-color: rgba(255, 255, 255, .8);
	}

	#attempt2 .row {
		margin-right: -5px;
		margin-left: -5px;
		margin-bottom: 8px;
	}

	#attempt2 .col-md-4 {
		padding-right: 5px;
		padding-left: 5px;
		margin-bottom: 12px;
	}

	#attempt2 .more {
		flex-grow: 1;
		width: 199px;
		height: 47px;
		margin: 0 auto;
		font-size: 14px;
		letter-spacing: 0.07em;
		padding-right: 20px;
	}

	#attempt2 .more::after {
		width: 13px;
		right: 20px;
		top: 9px;
	}

	#attempt2 .col-md-4 .bn-img {
		border-width: 2px;
		border-radius: 6px;
	}

}