@import url("/img/goen/grid-system.css");
@import url("/img/goen/scroll-hint.css");

/*** 全ページ共通ここから ***/
body {
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-size: 1em;
	overflow-x: hidden;
	margin: 0;
	padding: 0;
}
img {
	max-width: 100%;
	height: auto !important;
}
a {
	color: #212121;
}
a:hover {
	color: #CC0000;
}
a img {
	transition: 0.3s;
}
a:hover img {
	opacity: 0.8;
}

h2,h3,h4,h5,h6,ul,ol,table {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	text-align: left;
}
div {
	box-sizing: border-box;
}

.grid_system_flex {
	display: flex;
	flex-wrap: wrap;
}
.grid_system_flex > div {
	padding: 0.5em;
}

.object-fit img {
	width: 100% !important;
	/*height,min-heightを個別に設定する*/
	max-height: 100%;
	object-fit: cover;
	object-position: center;
	font-family: 'object-fit: cover; object-position: center;';
}



/** アニメーション設定ここから **/
/* フェードインここから */
.fadeIn {
	animation: fadeIn 2s linear 1 both;
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes fadeIn_top {
	0% {
		opacity: 0;
		transform: translateY(-4em);
	}
	100% {
		opacity: 1;
		transform: translateY(0em);
	}
}
@keyframes fadeIn_left {
	0% {
		opacity: 0;
		transform: translateX(-4em);
	}
	100% {
		opacity: 1;
		transform: translateX(0em);
	}
}
@keyframes fadeIn_right {
	0% {
		opacity: 0;
		transform: translateX(4em);
	}
	100% {
		opacity: 1;
		transform: translateX(0em);
	}
}
@keyframes fadeIn_bottom {
	0% {
		opacity: 0;
		transform: translateY(4em);
	}
	100% {
		opacity: 1;
		transform: translateY(0em);
	}
}

.transition_1-5 {
	transition: 1.5s;
}
.transition_2 {
	transition: 2s;
}
.delay {
	transition-delay: 0.25s;
}
/* フェードインここまで */



/* 流体ここから */
.fluid_animation {
	width: 200px;/*横幅*/
	height: 200px;/*縦幅*/
	background:#ccc;/*背景色*/
	filter: drop-shadow(5px 5px 0px #ccc);
	animation: fluidrotate 30s ease 0s infinite;/*アニメーションの設定*/
}
@keyframes fluidrotate {  	  
	0%, 100% {	border-radius: 50% 46% 54% 46% / 55% 48% 52% 45%;}
	14% {	border-radius: 46% 60% 54% 46% / 49% 60% 40% 51%;}
	28% {	border-radius: 54% 46% 54% 62% / 49% 64% 33% 51%;}
	42% {	border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;}
	56% {	border-radius: 63% 39% 67% 33%/70% 50% 50% 30%;}
	70% {	border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;}
	84% {	border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;}  
}
@keyframes fluidrotate_2 {  	  
	0%, 100% {	border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;}  
	14% {	border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;}
	28% {	border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;}
	42% {	border-radius: 46% 60% 54% 46% / 49% 60% 40% 51%;}
	56% {	border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;}
	70% {	border-radius: 54% 46% 54% 62% / 49% 64% 33% 51%;}
	84% {	border-radius: 50% 46% 54% 46% / 55% 48% 52% 45%;}
}
/* 流体ここまで */


/* バウンドインここから */
.active.boundIn_animation {
	-webkit-animation: boundIn 2s linear 1 both;
	animation: boundIn 2s linear 1 both;
}

@keyframes boundIn { 
	0% { transform: matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	3.5% { transform: matrix3d(0.772, 0, 0, 0, 0, 0.772, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	6.91% { transform: matrix3d(0.942, 0, 0, 0, 0, 0.942, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	10.31% { transform: matrix3d(1.018, 0, 0, 0, 0, 1.018, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	13.71% { transform: matrix3d(1.036, 0, 0, 0, 0, 1.036, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	22.82% { transform: matrix3d(1.008, 0, 0, 0, 0, 1.008, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	31.93% { transform: matrix3d(0.998, 0, 0, 0, 0, 0.998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	50.15% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	68.37% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	86.49% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	100% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
}
@keyframes boundIn__fadeIn_bottom { 
	0% { transform: matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) translateY(10em); opacity: 0; }
	3.5% { transform: matrix3d(0.772, 0, 0, 0, 0, 0.772, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	6.91% { transform: matrix3d(0.942, 0, 0, 0, 0, 0.942, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	10.31% { transform: matrix3d(1.018, 0, 0, 0, 0, 1.018, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	13.71% { transform: matrix3d(1.036, 0, 0, 0, 0, 1.036, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	22.82% { transform: matrix3d(1.008, 0, 0, 0, 0, 1.008, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	31.93% { transform: matrix3d(0.998, 0, 0, 0, 0, 0.998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	50.15% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	68.37% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	86.49% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	100% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) translateY(0); opacity: 1; } 
}



@keyframes slideIN {
	0% {
		bottom: -100%;
	}
	100% {
		bottom: 3em;
	}
}
@keyframes slideOut {
	0% {
		bottom: 3em;
	}
	100% {
		bottom: -100%;
	}
}


/* バウンドインここまで */

/* ふわふわここから */
@keyframes animation_fluffy_X {
	0% { transform: translateX(0) }
	50% { transform: translateX(-6px) }
	90% { transform: translateX(0) }
	100% { transform: translateX(0) }
}
@keyframes animation_fluffy_Y {
	0% { transform: translateY(0) }
	50% { transform: translateY(-6px) }
	90% { transform: translateY(0) }
	100% { transform: translateY(0) }
}
@keyframes animation_fluffy_XY {
	0% { transform: translate(0,0) }
	25% { transform: translate(-2px,-4px) }
	33.33333% { transform: translate(-3px,-3px) }
	50% { transform: translate(0px,0px) }
	66.66667% { transform: translate(3px,3px) }
	75% { transform: translate(4px,2px) }
	100% { transform: translateY(0) }
}
@keyframes animation_fluffy_XY2 {
	0% { transform: translate(0,0) }
	25% { transform: translate(-1px,-3px) }
	33.33333% { transform: translate(-3px,-2px) }
	50% { transform: translate(0px,0px) }
	66.66667% { transform: translate(4px,3px) }
	75% { transform: translate(3px,1px) }
	100% { transform: translateY(0) }
}
/* ふわふわここまで */

/** アニメーション設定ここまで **/


/** トップへ戻るボタンここから **/
.page-top {
	position: fixed;
	right: 3em;
	bottom: -100%;
	z-index: 99;
}
.page-top.pagetop {
	animation: slideOut 1s 0.5s both;
}
.page-top.active {
	animation: slideIN 1s 0.2s both;
}



.page-top a {
	background-image: url(/img/goen/img_to_top_white.png);
	background-size: contain;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	width: 72px;
	height: 198px;
	transition: 0.3s;
}
.page-top a:hover {
	opacity: 0.7;
}
/** トップへ戻るボタンここまで **/

/** ヘッダーここから **/
.img-main h1 {
	margin: 0.25em 0;
}
.img-main img {
	max-width: calc(100% - 3.5rem);
	filter: drop-shadow(2px -2px 0px #fcf9f2) drop-shadow(-2px -2px 0px #fcf9f2) drop-shadow(2px 2px 0px #fcf9f2) drop-shadow(-2px 2px 0px #fcf9f2);
	position: relative;
	z-index: 1;
}
/** ヘッダーここまで **/

/** フッターここから **/
.footer_area_outer {
	position: relative;
	padding-top: 30px;
	background-color: #f2faf1;
}
.footer_area_outer::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(/img/goen/img_infomation_box_top.png);
	background-size: contain;
	background-repeat: repeat-x;
	width: 100%;
	height: 30px;
}
.footer_area {
	padding: 4em 0.5em 0;
}
.footer_info {
	width: 1000px;
	max-width: 100%;
	margin: 0 auto;
	padding: 0 0.5em;
	text-align: center;
}
.footer_address {
	display: inline-block;
	text-align: left;
	margin: 1em 0 0;
}
.footer_menu {
	width: 1000px;
	max-width: 100%;
	margin: 5em auto;
}
.footer_menu .col-xl-4 {
	position: relative;
}
.footer_menu .col-xl-4 .footer_menu_title {
	position: absolute;
	transform: translateY(-100%);
	text-align: left;
	color: #1f6f17;
	font-size: 1.25em;
	font-weight: 700;
}
.footer_menu .col-xl-4 .footer_menu_title a {
	color: #1f6f17;
	text-decoration: none;
	transition: 0.3s;
}
.footer_menu .col-xl-4 .footer_menu_title a:hover {
	color: #CC0000;
}
.footer_menu_common {
	margin: 0.5em 0;
}
.footer_menu_common ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.footer_menu_common ul li {
	padding: 0.2em 0.2em 0.2em 1.5em;
	position: relative;
}
.footer_menu_common ul li::before {
	content: '';
	position: absolute;
	top: calc(50% - 6px);
	left: 0;

	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 10.4px;
	border-color: transparent transparent transparent #6ea768;
}
.footer_menu_common ul li a {
	text-decoration: none;
	font-size: 1.125em;
	font-weight: 500;
}
.footer_address a {
	padding: 0em 0 0em 1.5em;
	position: relative;
	text-decoration: none;
	margin: 1em 0 0;
	display: inline-block;
	font-weight: 700;
}
.footer_address a::before {
	content: '';
	width: 8px;
	height: 8px;
	border-top: solid 2px #1f6f17;
	border-right: solid 2px #1f6f17;
	position: absolute;
	left: 0px;
	top: 8px;
	transform: rotate(45deg);
}
.footer_address a::after {
	content: '';
	width: 8px;
	height: 8px;
	border-top: solid 2px #1f6f17;
	border-right: solid 2px #1f6f17;
	position: absolute;
	left: 5px;
	top: 8px;
	transform: rotate(45deg);
}
/** フッターここまで **/

/** コピーライトここから **/
.copyright_area {
	position: relative;
}
.copyright_area::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 100%;
	height: 57px;
	background-image: url(/img/goen/bg_copyright_area.png);
	background-size: contain;
	background-position: bottom;
	background-repeat: repeat-x;
	z-index: 0;
}
.copyright_area_inner {
	position: relative;
	z-index: 1;
	text-align: center;
}
/** コピーライトここまで **/

/** ハンバーガーメニューここから **/
/** ハンバーガーメニューのボタンここから **/
.toggle_btn_wrap {
	position: fixed;
	top: 1em;
	right: 1em;
	width: 80px;
	height: 80px;
	display: block;
	z-index: 99999;
}

/*ボタン外側※レイアウトによってpositionや形状は適宜変更してください*/
.toggle_button {
	position: relative;
	background: #6ea768;
	cursor: pointer;
	width: 80px;
	height: 80px;
	border-radius: 100%;
	transition: 0.3s;
}
.toggle_button.active {
	background-color: transparent;
}

/*ボタン内側*/
.toggle_button span {
	display: inline-block;
	transition: all .4s;
	position: absolute;
	left: 20px;
	height: 3px;
	border-radius: 5px;
	background: #fff;
	width: 50%;
}
.toggle_button.active span {
	background: #6ea667;
}


.toggle_button span:nth-of-type(1) {
	top: 25px;
}

.toggle_button span:nth-of-type(2) {
	top: 38px;
}

.toggle_button span:nth-of-type(3) {
	top: 51px;
}

.toggle_button span:nth-of-type(3)::after {
}

/*activeクラスが付与されると線が回転して×になり、Menu⇒Closeに変更*/

.toggle_button.active span:nth-of-type(1) {
	top: 31px;
	left: 20px;
	transform: translateY(6px) rotate(-45deg);
	width: 50%;
}

.toggle_button.active span:nth-of-type(2) {
	opacity: 0;
}

.toggle_button.active span:nth-of-type(3) {
	top: 43px;
	left: 20px;
	transform: translateY(-6px) rotate(45deg);
	width: 50%;
}

.toggle_button::after {
	content: '';
	left: 18px;
	bottom: -5px;
	position: absolute;
	opacity: 0;
	transition: 0.3s;
	color: #6ea667;
	font-weight: 500;
	font-size: 1.15em;
}
.toggle_button.active::after {
	content: 'close';
	opacity: 1;
}
/** ハンバーガーメニューのボタンここまで **/

/** ハンバーガーメニューの背景ここから **/
/*丸の拡大*/
.circle-bg {
	position: fixed;
	z-index: 99997;
	/*丸の形*/
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background: #fbfdfa;
	/*丸のスタート位置と形状*/
	transform: scale(0);/*scaleをはじめは0に*/
	right:-50px;
	top:-50px;
	transition: all 0.75s;/*0.75秒かけてアニメーション*/
}

.circle-bg.circleactive {
	transform: scale(50);/*クラスが付与されたらscaleを拡大*/
}
/** ハンバーガーメニューの背景ここまで **/

/** ハンバーガーメニューの展開リストここから **/
/*アクティブになったエリア*/
.menu_wrap.panelactive{
	position:fixed;
	z-index: 99998;
	top: 0;
	width:100%;
	height: 100vh;
}
/*ナビゲーションの縦スクロール*/
.g-nav-list{
	display: none;/*はじめは表示なし*/
	/*ナビの数が増えた場合縦スクロール*/
	position: fixed;
	z-index: 999; 
	width: 100%;
	height: 100vh;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	overflow: hidden;
}
.g-nav-list::after {
	content: '';
	display: block;
	width: 100%;
	height: 168px;
	margin: 3em 0 0;
	background-image: url(/img/goen/img_menu_item.png);
	z-index: 0;
	opacity: 0;
}
.menu_wrap.panelactive .g-nav-list {
	overflow-y: auto;
}
.menu_wrap.panelactive .g-nav-list::after {
	animation: fadeIn_top 1.2s 0.5s both;
}

.menu_wrap.panelactive .g-nav-list{
	display: block;
	*overflow-y: auto;
}

.mega_menu.grid_system_flex {
	width: 1200px;
	max-width: 100%;
	margin: 2.5em auto 0;
}
.mega_menu.grid_system_flex > div {
	opacity: 0;
}
.mega_menu.grid_system_flex > div.active:nth-child(1) {
	animation: fadeIn_bottom 1.2s 0.3s both;
}
.mega_menu.grid_system_flex > div.active:nth-child(2) {
	animation: fadeIn_bottom 1.2s 0.5s both;
}
.mega_menu.grid_system_flex > div.active:nth-child(3) {
	animation: fadeIn_bottom 1.2s 0.7s both;
}


.mega_menu.grid_system_flex > div > div {
	text-align: left;
}



/*ナビゲーション*/
.menu_wrap ul {
	opacity: 0;/*はじめは透過0*/
	/*ナビゲーション天地中央揃え※レイアウトによって調整してください。不必要なら削除*/
	+position: absolute;
	z-index: 999;
	top: 0;
	left: 0;
	transform: none;
	margin-top: 1.5em;
	display: block;
	width: 100%;
	animation-delay: .2s;
	transition: 0.2s;
	overflow: hidden;
	list-style-type: none;
}

/*背景が出現後にナビゲーションを表示*/
body .menu_wrap.panelactive ul {
	opacity: 1;
	background-color: transparent !important;
}
.menu_wrap.panelactive ul li {
	animation-name: gnaviAnime_reverse;
	animation-delay: .2s;
	transition: 0.2s;
}


/* 背景が出現後にナビゲーション li を表示※レイアウトによって調整してください。不必要なら削除*/
.menu_wrap.panelactive ul li {
	animation-name: gnaviAnime;
	animation-duration: 1s;
	animation-delay: .2s;
	animation-fill-mode: forwards;
	opacity: 0;
	max-width: 100%;
	margin: 0 0 0 1.2em;
	padding: 0.6em 0.6em;
	text-align: left;
	box-sizing: border-box;
	font-size: 1.125em;
	font-weight: 500;
	position: relative;
}
@keyframes gnaviAnime{
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes gnaviAnime_reverse {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
.menu_wrap.panelactive ul li::before {
	content: '';
	position: absolute;
	top: 1em;
	left: -1em;
	display: block;
	width: 14px;
	height: 2px;
	background-color: #6ea768;
}

.menu_wrap.panelactive ul li a {
	text-decoration: none;
}

.g-nav-list_outer {
	padding: 5vh 0.5em 0px;
	position: relative;
}
.g-nav-list_inner {
	position: relative;
	z-index: 1;
	max-width: 100%;
	width: 1300px;
	margin: 0 auto;
	background-color: #fbfdfa;
	border-bottom: 5px solid #fbfdfa;

	opacity: 0;
}

.g-nav-list_inner.active {
	animation: fadeIn_bottom 1.2s 0.2s both;
}

/* 検索ボックスここから */
body .kenSaku .kenSaku {
	width: 1300px;
	max-width: 100%;
}

body .kenSaku #___gcse_0 {
	max-width: 310px;
	margin: 0 0.5em 0 auto;
}
body .kenSaku form.gsc-search-box {
	margin: 0;
	width: 100%;
	border: none;
	border-radius: 15px;
	overflow: hidden;
}
body .kenSaku .gsib_a {
	padding: 0;
}
body .kenSaku .gsib_b {
	display: none;
}
body .kenSaku table.gsc-search-box {
	margin: 0;
}
body .kenSaku table.gsc-search-box td.gsc-input {
	padding-right: 0;
}
body .kenSaku input.gsc-input {
	height: 50px !important;
	border: 3px solid #6ea768 !important;
	border-right: none !important;
	border-radius: 15px 0 0 15px !important;
	box-sizing: border-box;
	padding: 0 0 0 1em !important;
}
body .kenSaku .gsc-input-box {
	border: none;
	background: #fff;
}
body .kenSaku .gsc-search-button {
	margin-left: 0;
}
body .kenSaku .gsc-search-button-v2 {
	width: 65px;
	height: 50px;
	border: 3px solid #6ea768;
	border-left: none;
	border-radius: 0 15px 15px 0 !important;
	border-color: #6ea768;
	background-color: #6ea768;
	cursor: pointer;
	border-radius: 0;
	position: relative;
}
body .kenSaku .gsc-search-button-v2::before {
	content: '';
	position: absolute;
	top: calc(50% - 30px / 2);
	left: 0;
	right: 0;
	background-image: url(/img/goen/icon_search.png);
	width: 30px;
	height: 30px;
	background-size: contain;
	margin: 0 auto;
}
.gsc-search-button-v2 svg {
	fill: #fff;
	display: none;
}

.gsc-search-button-v2 {
	font-size: 0;
	padding: 6px 27px;
	width: auto;
	vertical-align: middle;
	border: none;
	border-color: #3079ed;
	background-color: #6ea768;
	cursor: pointer;
	border-radius: 0;
}


/* 検索ボックスここまで */

/* ホームリンクボタンここから */
.home_link {
	width: 1300px;
	max-width: 100%;
	margin: 0 auto;
	padding: 2em 0.5em;
	text-align: left;
	border-bottom: 3px solid #eee;
}
.home_link.active {
	animation: fadeIn_bottom 1.5s 0.5s both;
}
.home_link a {
	text-decoration: none;
	padding: 0.5em 0.5em 0.5em 2em;
	font-size: 1.375em;
	font-weight: 500;
	margin: 0 3em;
	position: relative;
}
.home_link a::before {
	content: '';
	position: absolute;
	top: calc(50% - 30px / 2);
	left: 0;
	display: block;
	width: 28px;
	height: 30px;
	background-image: url(/img/goen/icon_home_link.png);
	background-size: contain;
}

/* ホームリンクボタンここまで */

/* お問い合わせボタンここから */
.menu_contact_box {
	opacity: 0;
	text-align: center;
}
.panelactive .menu_contact_box {
	animation: fadeIn_bottom 1.5s 0.5s both;
}
.menu_contact_box .btn_contact {
	position: relative;
	display: inline-block;
}
.menu_contact_box .btn_contact::before {
	content: '';
	position: absolute;
	right: -60px;
	bottom: -60px;
	display: block;
	width: 80px;
	height: 100px;
	background-image: url(/img/goen/img_contact_bekotaro.png);
	background-size: contain;
	pointer-events: none;
	z-index: 1;
}
.menu_contact_box .btn_contact a {
	background-color: #fff;
	color: #508b82;
	transition: 0.3s;
}
.menu_contact_box .btn_contact a::before {
	content: '';
	position: absolute;
	top: calc(50% - 24px / 2);
	left: 1.4em;
	display: block;
	width: 33px;
	height: 24px;
	background-image: url(/img/goen/icon_contact_01.png);
	background-size: contain;
	filter: invert(54%) sepia(7%) saturate(1827%) hue-rotate(121deg) brightness(90%) contrast(89%);
	transition: filter 0.3s ease;
}
.menu_contact_box .btn_contact a::after {
	content: '';
	position: absolute;
	top: calc(50% - 25px / 2);
	right: 1.6em;
	display: block;
	width: 25px;
	height: 25px;
	background-image: url(/img/goen/icon_contact_02.png);
	background-size: contain;
	filter: invert(54%) sepia(7%) saturate(1827%) hue-rotate(121deg) brightness(90%) contrast(89%);
	transition: filter 0.3s ease;
}
.menu_contact_box .btn_contact a:hover {
	background-color: #508b82;
	color: #fff;
}
.menu_contact_box .btn_contact a:hover::before {
	filter: none;
	transition: filter 0.3s ease;

}
.menu_contact_box .btn_contact a:hover::after {
	filter: none;
	transition: filter 0.3s ease;
}

/* お問い合わせボタンここまで */

/** ハンバーガーメニューの展開リストここまで **/
/** ハンバーガーメニューここまで **/

/*** 全ページ共通ここまで ***/




/*** トップページここから ***/
/** メインビジュアルここから **/
/* タイトル部分ここから */
.img-main {
	position: relative;
	text-align: left;
	padding: 0 1em;
}
/* タイトル部分ここまで */

.main_visual_wrap {
	padding: 0;
	background-color: #fcf9f2;
}

.main_visual_text_wrap {
	display: flex;
	align-items: center;
	justify-content: right;
	height: 100%;
	position: relative;
}
.main_visual_text_wrap div {
	position: relative;
	margin: 0 0 17em;
}
.main_visual_text_wrap div::before {
	content: '';
	position: absolute;
	top: -6vw;
	left: -40%;
	display: block;
	width: 78px;
	height: 153px;
	background-image: url(/img/goen/img_main_visual_peoples_01.png);
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 0;
	animation: fadeIn_top 1.5s 0s both;
	z-index: 1;
	transition: 0.3s;
}
.main_visual_text_wrap div::after {
	content: '';
	position: absolute;
	right: 0;
	bottom: -60%;
	display: block;
	width: 53px;
	height: 163px;
	background-image: url(/img/goen/img_main_visual_peoples_04.png);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 1;
	opacity: 0;
	animation: fadeIn_bottom 1.5s 0.6s both;
}

.main_visual_text_wrap div span {
	position: relative;
	display: block;
}
.main_visual_text_wrap div span::before {
	content: '';
	position: absolute;
	right: 2em;
	bottom: 2em;
	display: block;
	background-image: url(/img/goen/img_mein_title_bekotaro.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 46px;
	height: 71px;
	opacity: 0;
	animation: fadeIn 1.5s 2.5s both;
}
.main_visual_text_wrap div span::after {
	content: '';
	position: absolute;
	left: -33%;
	bottom: -45%;
	display: block;
	background-image: url(/img/goen/img_main_visual_peoples_02.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 195px;
	height: 167px;
	z-index: 1;
	opacity: 0;
	animation: fadeIn_left 1.5s 0.4s both;
	transition: 0.3s;
}

.main_visual_text_wrap img {
	opacity: 0;
	animation: fadeIn_bottom 2.5s 1.6s both;
	position: relative;
	z-index: 2;
}

.main_visual_inner {
	overflow: hidden;
}
.main_visual_inner .grid_system_flex .col-xl-5 {
	position: relative;
}
.main_visual_inner .grid_system_flex .col-xl-5::before {
	content: '';
	position: absolute;
	top: 1em;
	right: 1em;
	display: block;
	width: 215px;
	height: 80px;
	background-image: url(/img/goen/img_main_visual_cloud_01.png);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 0;
}
.main_visual_inner .grid_system_flex .col-xl-5::after {
	content: '';
	position: absolute;
	left: -3em;
	bottom: 40%;
	display: block;
	width: 224px;
	height: 141px;
	background-image: url(/img/goen/img_main_visual_cloud_02.png);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 0;
}
.main_visual_inner .grid_system_flex .col-xl-5.active::before {
	animation: animation_fluffy_XY 3s linear infinite;
}
.main_visual_inner .grid_system_flex .col-xl-5.active::after {
	animation: animation_fluffy_XY 3s linear infinite;
}




/* メインビジュアル右側ここから */
.img_main_visual_map_wrap {
	display: flex;
	justify-content: right;
	margin-top: 3em;
}
.img_main_visual_map_wrap span {
	position: relative;
}
.img_main_visual_map_wrap span::before {
	content: '';
	position: absolute;
	top: 5%;
	left: 7%;
	margin: 0 auto;
	background-image: url(/img/goen/img_main_visual_peoples_03.png);
	background-size: contain;
	background-repeat: no-repeat;
	display: block;
	width: 111px;
	height: 139px;
	opacity: 0;
	animation: fadeIn_right 1.5s 0.2s both;
	transition: 0.3s;
}
.img_main_visual_map_wrap span::after {
	content: '';
	position: absolute;
	left: -30%;
	right: 0;
	bottom: 5%;
	margin: 0 auto;
	background-image: url(/img/goen/img_main_visual_peoples_05.png);
	background-size: contain;
	background-repeat: no-repeat;
	display: block;
	width: 111px;
	height: 144px;
	opacity: 0;
	animation: fadeIn_bottom 1.5s 0.8s both;
	z-index: 1;
}
.img_main_visual_map_wrap img {
	opacity: 0;
	animation: fadeIn 3s 1.2s both;
	position: relative;
	z-index: 1;
	transition: 0.3s;
}

/* メインビジュアル右側ここまで */


/** メインビジュアルここまで **/



/** 紹介エリアここから **/
#waveCanvas_white {
	position: absolute;
	top: -170px;
	left: 0;
}
.introduction_area_outer {
	position: relative;
	min-height: calc(40vw);
	margin: 0 0 3em;
}
.introduction_area_outer::before {
	content: '';
	position: absolute;
	top: -170px;
	left: 0;
	width: 100%;
	height: 170px;
	background-image: url(/img/goen/bg_parts_01_title_area_top.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom;
}
.introduction_area_outer::after {
	content: '';
	position: absolute;
	top: -150px;
	left: 2em;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	min-height: 100%;
	background-image: url(/img/goen/bg_story_line_01.png);
	background-size: contain;
	background-position: right;
	background-repeat: no-repeat;
	pointer-events: none;
	z-index: 0;

	opacity: 0;
	transition: 1.5s;
	transition-delay: 0.5s;
	transform: translateY(-2em);
}

.introduction_area_outer.active::after {
	opacity: 1;
	transform: translateY(0);
}

.introduction_area {
	position: relative;
}
.introduction_area::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 197px;
	height: 274px;
	background-image: url(/img/goen/img_introduction_leaf_01.png);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 0;
}
.introduction_area::after {
	content: '';
	position: absolute;
	top: 25%;
	right: 0;
	display: block;
	width: 260px;
	height: 143px;
	background-image: url(/img/goen/img_introduction_leaf_02.png);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 0;
}

.introduction_area_inner {
	padding: 6em 0.5em;
	transition: 0.3s;
}
.introduction_area_inner h2 {
	text-align: center;
	margin: 0.5em 0 2.5em;
}
.introduction_area_inner h2 img {
	filter: drop-shadow(1px 1px 0 #fff) drop-shadow(-1px -1px 0 #fff);
	position: relative;
	z-index: 1;
}
.introduction_area_text {
	position: relative;
	z-index: 1;
	max-width: 680px;
	margin: 0 auto;
	line-height: 2.5;
	font-size: 1.25em;
	font-weight: 500;
	text-align: left;
	text-shadow: 2px 2px 2px #fff, -2px -2px 2px #fff, -2px 2px 2px #fff, 2px -2px 2px #fff, 2px 0px 2px #fff, -2px -0px 2px #fff, 0px 2px 2px #fff, 0px -2px 2px #fff;
}
.introduction_area_text::before {
	content: '';
	position: absolute;
	top: -3em;
	right: -161px;
	display: block;
	width: 100px;
	height: 161px;
	background-image: url(/img/goen/img_introduction_peoples_01.png);
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 0;
	transition: 0.5s;
	transition-delay: 0.5s;
	transform: translateY(-1em);
	z-index: 1;
}
.introduction_area_inner.active .introduction_area_text::before {
	opacity: 1;
	transform: translateY(0);
}

.introduction_area_text::after {
	content: '';
	position: absolute;
	left: -45%;
	bottom: -5em;
	display: block;
	width: 139px;
	height: 205px;
	background-image: url(/img/goen/img_introduction_peoples_02.png);
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 0;
	transition: 1.5s;
	transition-delay: 0.5s;
	transform: translateY(-1em);
	display: none;
}
.introduction_area_inner.active .introduction_area_text::after {
	opacity: 1;
	transform: translateY(0);
}
.introduction_peoples_01 {
	position: relative;
}
.introduction_peoples_01::after {
	content: '';
	position: absolute;
	left: 20%;
	bottom: -5em;
	display: block;
	width: 139px;
	height: 205px;
	background-image: url(/img/goen/img_introduction_peoples_02.png);
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 0;
	transition: 1.5s;
	transition-delay: 0s;
	transform: translateY(-1em);
	z-index: 1;
}
.introduction_peoples_01.active::after {
	opacity: 1;
	transform: translateY(0);
}

.introduction_area_bekotaro {
	position: absolute;
	right: 8%;
	bottom: 10%;
	width: 250px;
	height: 160px;
}

.introduction_area_bekotaro span {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.introduction_area_bekotaro span::before {
	content: '';
	position: absolute;
	top: -80px;
	right: 100px;
	display: block;
	background-image: url(/img/goen/img_introduction_bekotaro_01.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 247px;
	height: 130px;
	opacity: 0;
	transition: 1.5s;
	transition-delay: 0.5s;
	transform: translateY(-3em);
	z-index: 1;

}
.introduction_area_bekotaro.active span::before {
	opacity: 1;
	transform: translateY(0);
}

.introduction_area_bekotaro span::after {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	width: 250px;
	height: 160px;
	background-image: url(/img/goen/img_introduction_bekotaro_02.png);
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 0;
	transition: 1.5s;
	transition-delay: 0s;
	transform: translateY(-1em);
	z-index: 0;
}
.introduction_area_bekotaro.active span::after {
	opacity: 1;
	transform: translateY(0);
}

/** 紹介エリアここまで **/

/** ピックアップエリアここから **/
.infomation_area .pickup_area {
	margin: 0 auto 3em;
	padding: 7.5em 0 12.5em;
	background-image: url(/img/goen/bg_pickup_fukushima_map.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	overflow: hidden;
}
.infomation_area .pickup_area .pickup_area_inner {
	padding: 1em;
}
.infomation_area .pickup_area .pickup_area_inner > h2 {
	text-align: center;
	padding: 2em 0 1.5em;
	position: relative;
}
.infomation_area .pickup_area .pickup_area_inner > h2::before {
	content: '';
	position: absolute;
	top: -50px;
	left: calc(50% - 70px / 2);
	display: block;
	width: 70px;
	height: 107px;
	background-image: url(/img/goen/img_pickup_h2_before.png);
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 0;
	transition: 1.2s;
	transition-delay: 0.2s;
	bottom: -100%;
}
.infomation_area .pickup_area .pickup_area_inner > h2.active::before {
	opacity: 1;
	top: -80px;
	z-index: 2;
}

.infomation_area .pickup_area .pickup_area_inner > h2.active span {
	position: relative;
	display: inline-block;
	z-index: 2;
}
.infomation_area .pickup_area .pickup_area_inner > h2 span::before {
	content: '';
	display: block;
	background-image: url(/img/goen/img_infomation_box_top.png);
	width: 480px;
	height: 30px;
	position: absolute;
	top: calc(50% - 30px / 2);
	left: -480px;
	background-size: cover;
	opacity: 1;
	transform: translate(0em,0em);
	transition-delay: 0;
}
.infomation_area .pickup_area .pickup_area_inner > h2 span::after {
	content: '';
	display: block;
	background-image: url(/img/goen/img_infomation_box_top.png);
	width: 480px;
	height: 30px;
	position: absolute;
	top: calc(50% - 30px / 2);
	right: -480px;
	background-size: cover;
	opacity: 1;
	transform: translate(0em,0em);
	transition-delay: 0;
}
.pickup_area_innner_contents {
	width: 1000px;
	max-width: 100%;
	height: 500px;
	padding: 1.5em;
	margin: 0 auto;
	background-image: url(/img/goen/bg_pickup.png);
	position: relative;
	z-index: 2;
	border-radius: 10px;
}
.pickup_box {
	padding: 1em;
	background-color: #fff;
	height: 100%;
}
.pickup_box .topContents {
	padding: 1em;
	height: 100%;
	overflow-y: auto;
	background-color: #fff;
}
.pickup_box .topContents .detail_free > :first-child {
	margin-top: 0.75em;
}
.pickup_box .topContents h2 {
	font-size: 1.5em;
	margin: 2.5em 0 1em;
	margin-top: 2.5em;
	padding: 0.6em 0.6em 0.6em 3em;
	background-image: url(/img/goen/bg_h2.png);
	border-top: 2px solid #67b579;
	border-bottom: 2px solid #67b579;
	position: relative;
	text-align: left;
}
.pickup_box .topContents h2::before {
	content: '';
	position: absolute;
	top: -1em;
	left: 0.5em;
	display: block;
	width: 61px;
	height: 73px;
	background-image: url(/img/goen/img_h2.png);
	background-size: contain;
	background-repeat: no-repeat;
}
.pickup_box .topContents p {
	padding: 0 2em;
}
.pickup_box .topContents a {
	color: #0000ee;
}
.pickup_peoples_01, .pickup_peoples_02, .pickup_peoples_03 {
	position: relative;
}
.pickup_peoples_01::before {
	content: '';
	position: absolute;
	top: 5em;
	left: 3%;
	display: block;
	width: 182px;
	height: 265px;
	background-image: url(/img/goen/img_pickup_peoples_01.png);
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 0;
	transition: 1.5s;
	transition-delay: 0s;
	transform: translateY(-1em);
	z-index: 1;
}
.pickup_peoples_01.active::before {
	opacity: 1;
	transform: translateY(0);
}
.pickup_peoples_01::after {
	content: '';
	position: absolute;
	top: 8em;
	right: 6%;
	display: block;
	width: 128px;
	height: 221px;
	background-image: url(/img/goen/img_pickup_peoples_04.png);
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 0;
	transition: 1.5s;
	transition-delay: 0.8s;
	transform: translateY(-1em);
	z-index: 1;
}
.pickup_peoples_01.active::after {
	opacity: 1;
	transform: translateY(0);
}
.pickup_peoples_02::before {
	content: '';
	position: absolute;
	top: 10em;
	left: 12%;
	display: block;
	width: 74px;
	height: 113px;
	background-image: url(/img/goen/img_pickup_peoples_03.png);
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 0;
	transition: 1.5s;
	transition-delay: 0.6s;
	transform: translateY(-1em);
	z-index: 1;
}
.pickup_peoples_02.active::before {
	opacity: 1;
	transform: translateY(0);
}
.pickup_peoples_02::after {
	content: '';
	position: absolute;
	top: 12em;
	right: 3%;
	display: block;
	width: 181px;
	height: 187px;
	background-image: url(/img/goen/img_pickup_peoples_05.png);
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 0;
	transition: 1.5s;
	transition-delay: 0.6s;
	transform: translateY(-1em);
	z-index: 1;
}
.pickup_peoples_02.active::after {
	opacity: 1;
	transform: translateY(0);
}
.pickup_peoples_03::before {
	content: '';
	position: absolute;
	top: -15em;
	left: 3%;
	display: block;
	width: 144px;
	height: 314px;
	background-image: url(/img/goen/img_pickup_peoples_02.png);
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 0;
	transition: 1.5s;
	transition-delay: 0.2s;
	transform: translateY(-1em);
	z-index: 1;
}
.pickup_peoples_03.active::before {
	opacity: 1;
	transform: translateY(0);
}
.pickup_peoples_03::after {
	content: '';
	position: absolute;
	top: 0em;
	right: 10%;
	display: block;
	width: 193px;
	height: 234px;
	background-image: url(/img/goen/img_pickup_peoples_06.png);
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 0;
	transition: 1.5s;
	transition-delay: 1s;
	transform: translateY(-1em);
	z-index: 1;
}
.pickup_peoples_03.active::after {
	opacity: 1;
	transform: translateY(0);
}
/** ピックアップエリアここまで **/

/** お知らせエリアここから **/
.infomation_area_outer {
	background-color: #f7fcf6;
	position: relative;
}
.infomation_area_outer::before {
	content: '';
	position: absolute;
	top: -170px;
	left: 0;
	width: 100%;
	height: 170px;
	background-image: url(/img/goen/bg_parts_02_news_area_top.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom;
	z-index: 0;
}
.infomation_area {
	position: relative;
}
.infomation_area::before {
	content: '';
	position: absolute;
	bottom: 15%;
	left: 0;
	display: block;
	background-image: url(/img/goen/img_infomation_cloud_01.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 342px;
	height: 166px;
}
.infomation_area::after {
	content: '';
	position: absolute;
	bottom: 10%;
	right: 0;
	display: block;
	background-image: url(/img/goen/img_infomation_cloud_02.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 264px;
	height: 189px;
}
.infomation_area.active::before {
	animation: animation_fluffy_XY 3s linear infinite;
}
.infomation_area.active::after {
	animation: animation_fluffy_XY 3s linear infinite;
}

.infomation_area h2 {
	text-align: center;
	padding: 2em 0 1.5em;
}
.infomation_area h2 span {
	position: relative;
}
#waveCanvas_green {
	position: absolute;
	top: -170px;
	left: 0;
	z-index: 999;
}
.infomation_area h2 span::before {
	content: '';
	position: absolute;
	top: -40px;
	left: -80px;
	display: block;
	width: 60px;
	height: 62px;
	background-image: url(/img/goen/img_infomation_h2_before.png);
	background-size: contain;
	background-repeat: no-repeat;

	opacity: 0;
	transition: 1.2s;
	transition-delay: 0.2s;
	transform: translate(-1em,-1em);
}
.infomation_area h2.active span::before {
	opacity: 1;
	transform: translate(0,0);
}

.infomation_area h2 span::after {
	content: '';
	position: absolute;
	top: -60px;
	right: -75px;
	display: block;
	width: 62px;
	height: 97px;
	background-image: url(/img/goen/img_infomation_h2_after.png);
	background-size: contain;
	background-repeat: no-repeat;

	opacity: 0;
	transition: 1.2s;
	transition-delay: 0.2s;
	transform: translate(1em,-0.2em);
}
.infomation_area h2.active span::after {
	opacity: 1;
	transform: translate(0,0);
}

.infomation_area_inner {
	padding: 0 1em 12em;
	position: relative;
	overflow: hidden;
}
.infomation_area_inner::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: -15%;
	display: block;
	width: 100%;
	height: 0;
	padding-top: 26.5%;
	background-image: url(/img/goen/img_infomation_mountain.png);
	background-size: contain;
	background-repeat: no-repeat;

	opacity: 0;
	transition: 1.2s;
	transition-delay: 1s;
	transform: translateY(5em);
}
.infomation_area_inner.active::before {
	opacity: 1;
	transform: translateY(0);
}

.infomation_box {
	max-width: 1000px;
	margin: 0 auto;
	padding: 2.5em 1.5em;
	background-color: #f7fcf6;
	border: 2px solid #91b79f;
	border-radius: 10px;
	position: relative;
	z-index: 1;
}
.infomation_box::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(/img/goen/img_infomation_box_top.png);
	background-size: cover;
	width: 100%;
	height: 30px;
}

.list_type_a_list {
	clear: both;
	margin: 0;
	padding: 0;
	background: transparent;
	border: none;
	text-align: right;
}
.list_ccc.cf {
	margin: 0em;
}
.list_ccc ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.list_ccc ul li {
	margin: 0;
	padding: 1em 0 0.5em;
	border-bottom: 1px solid #c1c4c0;
}
.list_type_a_list li .span_a, .list_type_a_list li .span_b {
	border-bottom: none;
	padding: 0;
}
.list_ccc .span_a {
	width: 11em;
	background: none;
}
.list_ccc li > span {
	display: table-cell;
}
.span_b a {
	text-decoration: none;
}

.infomation_box > div:nth-child(2) > a {
	display: block;
	width: 10em;
	max-width: 100%;
	margin: 1.5em auto 0;
	padding: 0.3em 3em 0.3em 1.5em;
	color: #fff;
	background-color: #6ea768;
	font-size: 1.25em;
	font-weight: 700;
	text-decoration: none;
	border: 2px solid #6ea768;
	border-radius: 150px;
	box-sizing: border-box;
	position: relative;
	transition: 0.3s;
}
.infomation_box > div:nth-child(2) > a::before {
	content: '';
	position: absolute;
	top: calc(50% - 12.5px);
	right: 1em;
	display: block;
	width: 25px;
	height: 25px;
	border: 2px solid #fff;
	border-radius: 25px;
	box-sizing: border-box;
	transition: 0.3s;
}
.infomation_box > div:nth-child(2) > a::after {
	content: '';
	position: absolute;
	top: calc(50% - 4px);
	right: 1.42em;
	display: block;
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	transition: 0.3s;
}
.infomation_box > div:nth-child(2) > a:hover {
	color: #6ea768;
	background-color: #fff;
}
.infomation_box > div:nth-child(2) > a:hover::before {
	content: '';
	position: absolute;
	top: calc(50% - 12.5px);
	right: 1em;
	display: block;
	width: 25px;
	height: 25px;
	border: 2px solid #6ea768;
	border-radius: 25px;
	box-sizing: border-box;
}
.infomation_box > div:nth-child(2) > a:hover::after {
	content: '';
	position: absolute;
	top: calc(50% - 4px);
	right: 1.42em;
	display: block;
	width: 6px;
	height: 6px;
	border-top: 2px solid #6ea768;
	border-right: 2px solid #6ea768;
	transform: rotate(45deg);
}

/** お知らせエリアここまで **/


/** 復興の現状エリアここから **/
.reconstruction_area_outer {
	position: relative;
	min-height: calc(53vw);
	margin: 0;
}
.reconstruction_area_outer::before {
	content: '';
	position: absolute;
	top: -150px;
	left: 0;
	width: 100%;
	height: 170px;
	background-image: url(/img/goen/bg_parts_03_reconstruction_area_top.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom;
	z-index: 0;
}
.reconstruction_area_outer.active::before {
	opacity: 1;
	transform: translateY(0);
}

.reconstruction_area_outer::after {
	content: '';
	position: absolute;
	top: -5.6vw;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	min-height: 100%;
	background-image: url(/img/goen/bg_story_line_02.png);
	background-size: contain;
	background-position: right;
	pointer-events: none;
	z-index: 1;
	opacity: 0;
	transition: 1.5s;
	transition-delay: 0.5s;
	transform: translateY(-3em);
}
.reconstruction_area_outer.active::after {
	opacity: 1;
	transform: translateY(0);
}

.reconstruction_area {
	position: relative;
	min-height: calc(53vw);
}
.reconstruction_area::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 100%;
	height: 0;
	padding-top: 35.416666%;
	background-image: url(/img/goen/img_reconstruction_wave.png);
	background-size: contain;

	opacity: 0;
	transition: 1.5s;
	transition-delay: 0.5s;
	transform: translateY(5em);
}
.reconstruction_area.active::before {
	opacity: 1;
	transform: translateY(0);
}

.reconstruction_area::after {
	content: '';
	position: absolute;
	left: 5%;
	bottom: 25%;
	display: block;
	width: 272px;
	height: 286px;
	background-image: url(/img/goen/img_reconstruction_ship.png);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 2;
}
.reconstruction_area.active::after {
	animation: fadeIn_bottom 1s 0.5s both, animation_fluffy_Y 3.5s ease-in-out infinite;
}

.reconstruction_area .reconstruction_area_inner .grid_system_flex .col-xl-5 {
	position: relative;
}
.reconstruction_area .reconstruction_area_inner .grid_system_flex .col-xl-5::before {
	content: '';
	position: absolute;
	top: 1em;
	left: 1em;
	display: block;
	width: 99px;
	height: 53px;
	background-image: url(/img/goen/img_reconstruction_cloud_02.png);
	background-size: contain;
	background-repeat: no-repeat;
}
.reconstruction_area.active .reconstruction_area_inner .grid_system_flex .col-xl-5::before {
	animation: fadeIn_bottom 1s 0.5s both, animation_fluffy_XY 3.5s linear infinite;
}

.reconstruction_area .reconstruction_area_inner .grid_system_flex .col-xl-4 {
	position: relative;
}
.reconstruction_area .reconstruction_area_inner .grid_system_flex .col-xl-4::before {
	content: '';
	position: absolute;
	top: -1em;
	left: -1em;
	display: block;
	width: 137px;
	height: 74px;
	background-image: url(/img/goen/img_reconstruction_cloud_01.png);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 2;
	opacity: 0;
}
.reconstruction_area.active .reconstruction_area_inner .grid_system_flex .col-xl-4::before {
	animation: fadeIn_bottom 1s 0.5s both, animation_fluffy_XY2 3.5s linear infinite;
}

.reconstruction_area .reconstruction_area_inner .grid_system_flex .col-xl-3 {
	position: relative;
}
.reconstruction_area .reconstruction_area_inner .grid_system_flex .col-xl-3::before {
	content: '';
	position: absolute;
	top: 3em;
	right: 1em;
	display: block;
	width: 137px;
	height: 74px;
	background-image: url(/img/goen/img_reconstruction_cloud_01.png);
	background-size: contain;
	background-repeat: no-repeat;
}
.reconstruction_area.active .reconstruction_area_inner .grid_system_flex .col-xl-3::before {
	animation: fadeIn_bottom 1s 0.5s both, animation_fluffy_XY 2.5s linear infinite;
}


#waveCanvas_white2 {
	position: absolute;
	top: -170px;
	left: 0;
	z-index: 1;
}
.reconstruction_area_inner {
	position: relative;
}

.reconstruction_list_wrap {
	position: relative;
	margin: 0;
	z-index: 9;
}
.reconstruction_list_wrap::before {
	content: '';
	position: absolute;
	display: block;
	width: 93px;
	height: 65px;
	top: 3em;
	right: 0;
	background-image: url(/img/goen/img_reconstruction_bird.png);
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 0;
}
.reconstruction_list_wrap.active::before {
	opacity: 1;
	animation: fadeIn_top 1.5s 0s both, animation_fluffy_Y 3.5s ease-in-out infinite;
}

.reconstruction_list_wrap::after {
	content: '';
	position: absolute;
	display: block;
	width: 372px;
	height: 251px;
	right: 2em;
	bottom: -100%;
	background-image: url(/img/goen/img_reconstruction_peoples_01.png);
	background-size: contain;
	background-repeat: no-repeat;
}
.reconstruction_list_wrap.active::after {
	animation: fadeIn_bottom 1s 0s both;
}

.reconstruction_list_wrap ul {
	list-style-type: none;
	display: flex;
	flex-wrap: wrap-reverse;
	justify-content: space-around;
}
.reconstruction_list_wrap ul li {
	width: calc(50% - 2em);
	text-align: center;
	opacity: 0;
	box-sizing: border-box;
	margin: 0 0.5em;
}
.reconstruction_list_wrap ul li:nth-child(1) {
	order: 3;
}
.reconstruction_list_wrap ul li:nth-child(2) {
	order: 1;
}
.reconstruction_list_wrap ul li:nth-child(3) {
	order: 2;
}
.reconstruction_list_wrap ul.active li:nth-child(1) {
	animation: fadeIn_bottom 1s 0.5s both;
}
.reconstruction_list_wrap ul.active li:nth-child(2) {
	animation: fadeIn_bottom 1s 0.75s both;
}
.reconstruction_list_wrap ul.active li:nth-child(3) {
	animation: fadeIn_bottom 1s 1s both;
}
.reconstruction_list_wrap ul li a {
	position: relative;
	display: block;
	width: 230px;
	max-width: 100%;
	padding: 2.5em 0.5em 0.4em;
	margin: 0.5em auto;
	border: 3px dotted #4e9a46;
	border-radius: 15px;
	color: #212121;
	font-size: 1.5em;
	font-weight: 700;
	text-decoration: none;
	background-color: #fcf9f2;
	z-index: 2;
	transition: 0.3s;
	box-sizing: border-box;
}
.reconstruction_list_wrap ul li a:hover {
	color: #fff;
	background-color: #4e9a46;
}

.reconstruction_list_wrap ul li:nth-child(1) a::before {
	content: '';
	position: absolute;
	top: 0.5em;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: block;
	width: 57px;
	height: 48px;
	background-image: url(/img/goen/icon_reconstruction_know.png);
	background-size: contain;
	background-repeat: no-repeat;
	transition: filter 0.3s ease;
}
.reconstruction_list_wrap ul li:nth-child(2) a::before {
	content: '';
	position: absolute;
	top: 0.8em;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: block;
	width: 61px;
	height: 32px;
	background-image: url(/img/goen/icon_reconstruction_go.png);
	background-size: contain;
	background-repeat: no-repeat;
	transition: filter 0.3s ease;
}
.reconstruction_list_wrap ul li:nth-child(3) a::before {
	content: '';
	position: absolute;
	top: 0.5em;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: block;
	width: 54px;
	height: 44px;
	background-image: url(/img/goen/icon_reconstruction_training.png);
	background-size: contain;
	background-repeat: no-repeat;
	transition: filter 0.3s ease;
}
.reconstruction_list_wrap ul li:nth-child(1) a:hover::before, .reconstruction_list_wrap ul li:nth-child(2) a:hover::before, .reconstruction_list_wrap ul li:nth-child(3) a:hover::before {
	filter: invert(100%) sepia(61%) saturate(0%) hue-rotate(229deg) brightness(200%) contrast(101%);
}






.reconstruction_fluid_01_outer {
	position: absolute;
	top: 0%;
	left: 5%;
}
.reconstruction_fluid_01 {
	width: 550px;
	height: 450px;
	position: relative;
	z-index: 2;
	opacity: 0;
}
.reconstruction_fluid_01.active {
	animation: fadeIn 1s linear 1 both, boundIn 2.5s linear 1 both;
}
.reconstruction_fluid_01::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	*animation: fluidrotate 30s ease 0s infinite;
	border-radius: 70% 60% 50% 50% / 50% 60% 70% 80%;
	background: transparent;
	right: 0;
	bottom: 0;
	z-index: 1;
	background-image: url(/img/goen/img_reconstruction_fluid_01.png);
	background-size: cover;
	background-position: center;

}
.reconstruction_fluid_01::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	*animation: fluidrotate 30s ease 0s infinite;
	border-radius: 70% 60% 50% 50% / 50% 60% 70% 80%;
	background: #9ab797;
	right: -0.5em;
	bottom: -0.5em;
	z-index: 0;
}


.reconstruction_fluid_02_outer {
	position: absolute;
	left: 30%;
	bottom: 20%;
}
.reconstruction_fluid_02 {
	width: 400px;
	height: 350px;
	position: relative;
	z-index: 2;
	opacity: 0;
}
.reconstruction_fluid_02.active {
	animation: fadeIn 1s linear 1 both, boundIn 2.5s linear 1 both;
}
.reconstruction_fluid_02::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	*animation: fluidrotate_2 30s ease 0s infinite;
	border-radius: 70% 60% 50% 50% / 50% 60% 70% 80%;
	background: transparent;
	right: 0;
	bottom: 0;
	z-index: 1;
	background-image: url(/img/goen/img_reconstruction_fluid_02.png);
	background-size: cover;
	background-position: center;
	background-position: 33%;
}
.reconstruction_fluid_02::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	*animation: fluidrotate_2 30s ease 0s infinite;
	border-radius: 70% 60% 50% 50% / 50% 60% 70% 80%;
	background: #9ab797;
	right: -0.5em;
	bottom: -0.5em;
	z-index: 0;
}
.reconstruction_h2 {
	opacity: 0;
	position: relative;
}
.reconstruction_h2::before {
	content: '';
	position: absolute;
	right: -3em;
	bottom: -60%;
	display: block;
	width: 419px;
	height: 376px;
	background-image: url(/img/goen/img_reconstruction_vision.png);
	background-repeat: no-repeat;
	background-size: contain;
}

.reconstruction_h2.active {
	animation: fadeIn_bottom 4.5s 0s both;
}
.reconstruction_h2 img {
	max-width: 168px;
	transition: 0.3s;
}
/** 復興の現状エリアここまで **/



/** ふくしまを応援したいエリアここから **/
.support_area_outer {
	position: relative;
	min-height: calc(48vw);
	margin: 0;
	background-color: #fcf9f2;
}
.support_area_outer::before {
	content: '';
	position: absolute;
	top: -170px;
	left: 0;
	width: 100%;
	height: 170px;
	background-image: url(/img/goen/bg_parts_04_support_area_top.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom;
	z-index: 1;
}
.support_area_outer::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 100%;
	height: 0;
	padding-top: 25.083333%;
	background-image: url(/img/goen/bg_support.png);
	background-size: contain;
	opacity: 0;
	transition: 1.5s;
	transition-delay: 0.5s;
	transform: translateY(5em);
}
.support_area_outer.active::after {
	opacity: 1;
	transform: translateY(0);
}

.support_h2 {
	text-align: right;
	padding: 0 0.5em;
	position: relative;
}
.support_h2::before {
	content: '';
	position: absolute;
	left: 0em;
	bottom: -2em;
	display: block;
	width: 137px;
	height: 74px;
	background-image: url(/img/goen/img_reconstruction_cloud_01.png);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 0;
}
.support_h2::after {
	content: '';
	position: absolute;
	right: 0;
	bottom: -160px;
	display: block;
	width: 103px;
	height: 140px;
	background-image: url(/img/goen/img_support_rice.png);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 1;
	transition: 0.3s;
}
.support_h2.active::before {
	animation: fadeIn_bottom 1s 0.5s both, animation_fluffy_XY 3.5s linear infinite;
}
.support_h2.active::after {
	animation: fadeIn_bottom 1s 0.5s both;
}
.support_h2 img {
	position: relative;
	z-index: 1;
}

.support_list_wrap {
	position: relative;
	z-index: 9;
	margin: 2em 0;
}
.support_list_wrap::before {
	content: '';
	position: absolute;
	top: -4em;
	left: 4em;
	display: block;
	width: 99px;
	height: 53px;
	background-image: url(/img/goen/img_reconstruction_cloud_02.png);
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 0;
}
.support_list_wrap::after {
	content: '';
	position: absolute;
	top: -2em;
	right: -5em;
	display: block;
	width: 137px;
	height: 74px;
	background-image: url(/img/goen/img_reconstruction_cloud_01.png);
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 0;
}
.support_list_wrap.active::before {
	animation: fadeIn_bottom 1s 0.5s both, animation_fluffy_XY2 2.5s linear infinite;
}
.support_list_wrap.active::after {
	animation: fadeIn_bottom 1s 0.5s both, animation_fluffy_XY 2.5s linear infinite;
}

.support_list_wrap ul {
	list-style-type: none;
	display: flex;
	flex-wrap: wrap-reverse;
	justify-content: space-around;
}
.support_list_wrap ul li {
	width: calc(50% - 2em);
	text-align: center;
	opacity: 0;
	box-sizing: border-box;
	margin: 0 0.5em;
}
.support_list_wrap ul li:nth-child(1) {
	order: 3;
}
.support_list_wrap ul li:nth-child(2) {
	order: 1;
}
.support_list_wrap ul li:nth-child(3) {
	order: 2;
}
.support_list_wrap ul.active li:nth-child(1) {
	animation: fadeIn_bottom 1s 0.5s both;
}
.support_list_wrap ul.active li:nth-child(2) {
	animation: fadeIn_bottom 1s 0.75s both;
}
.support_list_wrap ul.active li:nth-child(3) {
	animation: fadeIn_bottom 1s 1s both;
}



.support_list_wrap ul li a {
	position: relative;
	display: block;
	width: 270px;
	max-width: 100%;
	padding: 2.5em 0.5em 0.4em;
	margin: 0.5em auto;
	border: 3px dotted #4e9a46;
	border-radius: 15px;
	color: #212121;
	font-size: 1.5em;
	font-weight: 700;
	text-decoration: none;
	background-color: #fff;
	z-index: 2;
	transition: 0.3s;
	box-sizing: border-box;
}
.support_list_wrap ul li a:hover {
	color: #fff;
	background-color: #4e9a46;
}

.support_list_wrap ul li:nth-child(1) a::before {
	content: '';
	position: absolute;
	top: 0.5em;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: block;
	width: 54px;
	height: 46px;
	background-image: url(/img/goen/icon_support_eat-buy.png);
	background-size: contain;
	background-repeat: no-repeat;
	transition: filter 0.3s ease;
}
.support_list_wrap ul li:nth-child(2) a::before {
	content: '';
	position: absolute;
	top: 0.4em;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: block;
	width: 37px;
	height: 50px;
	background-image: url(/img/goen/icon_support_transmission.png);
	background-size: contain;
	background-repeat: no-repeat;
	transition: filter 0.3s ease;
}
.support_list_wrap ul li:nth-child(3) a::before {
	content: '';
	position: absolute;
	top: 0.9em;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: block;
	width: 59px;
	height: 25px;
	background-image: url(/img/goen/icon_support_donation.png);
	background-size: contain;
	background-repeat: no-repeat;
	transition: filter 0.3s ease;
}
.support_list_wrap ul li:nth-child(1) a:hover::before, .support_list_wrap ul li:nth-child(2) a:hover::before, .support_list_wrap ul li:nth-child(3) a:hover::before {
	filter: invert(100%) sepia(61%) saturate(0%) hue-rotate(229deg) brightness(200%) contrast(101%);
}

.support_area_border_01 {
	padding: 10em 0 0;
	position: relative;
}
.support_area_border_01::before {
	content: '';
	position: absolute;
	left: 2%;
	bottom: -18em;
	display: block;
	width: 400px;
	height: 257px;
	background-image: url(/img/goen/img_support_cow.png);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 2;
	opacity: 0;
}
.support_area_border_01.active::before {
	animation: fadeIn_left 0.6s 0s linear 1 both;
}
.support_area_border_01::after {
	content: '';
	position: absolute;
	left: 22%;
	bottom: -10em;
	display: block;
	width: 497px;
	height: 204px;
	background-image: url(/img/goen/img_support_house.png);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 1;
	opacity: 0;
}
.support_area_border_01.active::after {
	animation: fadeIn_bottom 0.6s 0.2s linear 1 both;
}



.support_area_border_02 {
	position: relative;
}
.support_area_border_02::before {
	content: '';
	position: absolute;
	right: 2%;
	bottom: -13em;
	display: block;
	width: 350px;
	height: 277px;
	background-image: url(/img/goen/img_support_vegetable.png);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 1;
	opacity: 0;
}
.support_area_border_02.active::before {
	animation: fadeIn_bottom 0.6s 0.4s linear 1 both;
}




.support_fluid_01_outer {
	position: absolute;
	top: -2%;
	right: 4%;
}
.support_fluid_01_middle {
	position: relative;
}
.support_fluid_01_middle::before {
	content: '';
	position: absolute;
	top: -80px;
	left: 6em;
	display: block;
	width: 64px;
	height: 114px;
	background-image: url(/img/goen/img_support_peoples_02.png);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 2;
	opacity: 0;
}
.support_fluid_01_outer.active .support_fluid_01_middle::before {
	animation: fadeIn_bottom 0.3s 0.8s linear 1 both;
}
.support_fluid_01_middle::after {
	content: '';
	position: absolute;
	top: -66px;
	right: -1em;
	display: block;
	width: 143px;
	height: 208px;
	background-image: url(/img/goen/img_support_peoples_03.png);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 1;
	opacity: 0;
}
.support_fluid_01_outer.active .support_fluid_01_middle::after {
	animation: fadeIn_bottom 0.3s 1s linear 1 both;
}

.support_fluid_01 {
	width: 550px;
	height: 450px;
	position: relative;
	z-index: 2;
	opacity: 0;
}
.support_fluid_01.active {
	animation: fadeIn 1s linear 1 both, boundIn 2.5s linear 1 both;
}
.support_fluid_01::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	*animation: fluidrotate 30s ease 0s infinite;
	border-radius: 70% 60% 50% 50% / 50% 60% 70% 80%;
	background: transparent;
	right: 0;
	bottom: 0;
	z-index: 1;
	background-image: url(/img/goen/img_support_fluid_01.png);
	background-size: cover;
	background-position: center;

}
.support_fluid_01::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	*animation: fluidrotate 30s ease 0s infinite;
	border-radius: 70% 60% 50% 50% / 50% 60% 70% 80%;
	background: #9ab797;
	right: -0.5em;
	bottom: -0.5em;
	z-index: -1;
}


.support_fluid_02_outer {
	position: absolute;
	right: 27%;
	bottom: 25%;
}
.support_fluid_02_middle {
	position: relative;
}
.support_fluid_02_middle::before {
	content: '';
	position: absolute;
	top: -124px;
	left: 5em;
	display: block;
	width: 158px;
	height: 143px;
	background-image: url(/img/goen/img_support_peoples_01.png);
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 0;
}
.support_fluid_02_outer.active .support_fluid_02_middle::before {
	animation: fadeIn_bottom 0.3s 0.8s linear 1 both;
}
.support_fluid_02 {
	width: 400px;
	height: 350px;
	position: relative;
	z-index: 2;
	opacity: 0;
}
.support_fluid_02.active {
	animation: fadeIn 1s linear 1 both, boundIn 2.5s linear 1 both;
}
.support_fluid_02::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	*animation: fluidrotate_2 30s ease 0s infinite;
	border-radius: 70% 60% 50% 50% / 50% 60% 70% 80%;
	background: transparent;
	right: 0;
	bottom: 0;
	z-index: 1;
	background-image: url(/img/goen/img_support_fluid_02.png);
	background-size: cover;
	background-position: center;
	background-position: 33%;
}
.support_fluid_02::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	*animation: fluidrotate_2 30s ease 0s infinite;
	border-radius: 70% 60% 50% 50% / 50% 60% 70% 80%;
	background: #9ab797;
	right: -0.5em;
	bottom: -0.5em;
	z-index: 0;
}


/** ふくしまを応援したいエリアここまで **/



/** ふくしまでビジネスしたいここから **/
.business_area_outer {
	position: relative;
	background-color: #edf3f7;
	min-height: calc(67vw);
	*z-index: 2;
}
.business_area_outer::before {
	content: '';
	position: absolute;
	top: -170px;
	left: 0;
	width: 100%;
	height: 170px;
	background-image: url(/img/goen/bg_parts_05_business_area_top.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom;
	z-index: 3;
}
.business_area_outer::after {
	content: '';
	position: absolute;
	top: -7.08vw;/* 波線画像1200*170のレスポンシブの値 */
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	min-height: 100%;
	background-image: url(/img/goen/bg_story_line_03.png);
	background-size: contain;
	background-position: right;
	background-repeat: no-repeat;
	pointer-events: none;
	z-index: 3;
	opacity: 0;
	transition: 1.5s;
	transition-delay: 0.5s;
	transform: translateY(2em);
}
.business_area_outer.active::after {
	opacity: 1;
	transform: translateY(0);
}

.business_area {
	min-height: calc(67vw);
	position: relative;
}
.business_area_border::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 20em;
	display: block;
	width: 429px;
	height: 421px;
	background-image: url(/img/goen/img_business_peoples_02.png);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 4;
	opacity: 0;
}
.business_area_border.active::before {
	animation: fadeIn_bottom 1.5s 0.5s both;
}


.business_fluid_01_outer {
	position: absolute;
	top: 0%;
	left: 5%;
}
.business_fluid_01 {
	width: 600px;
	height: 590px;
	position: relative;
	z-index: 4;
	opacity: 0;
}
.business_fluid_01.active {
	animation: fadeIn 1s linear 1 both, boundIn 2.5s linear 1 both;
}
.business_fluid_01::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	*animation: fluidrotate 30s ease 0s infinite;
	border-radius: 70% 60% 50% 50% / 50% 60% 70% 80%;
	background: transparent;
	right: 0;
	bottom: 0;
	z-index: 2;
	background-image: url(/img/goen/img_business_fluid_01.png);
	background-size: cover;
	background-position: center;

}
.business_fluid_01::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	*animation: fluidrotate 30s ease 0s infinite;
	border-radius: 70% 60% 50% 50% / 50% 60% 70% 80%;
	background: #9ab797;
	right: -0.5em;
	bottom: -0.5em;
	z-index: 1;
}


.business_fluid_02_outer {
	position: absolute;
	left: 30%;
	bottom: 25%;
}
.business_fluid_02 {
	width: 390px;
	height: 380px;
	position: relative;
	z-index: 4;
	opacity: 0;
}
.business_fluid_02.active {
	animation: fadeIn 1s linear 1 both, boundIn 2.5s linear 1 both;
}
.business_fluid_02::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	*animation: fluidrotate_2 30s ease 0s infinite;
	border-radius: 70% 60% 50% 50% / 50% 60% 70% 80%;
	background: transparent;
	right: 0;
	bottom: 0;
	z-index: 2;
	background-image: url(/img/goen/img_business_fluid_02.png);
	background-size: cover;
	background-position: center;
	background-position: 33%;
}
.business_fluid_02::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	*animation: fluidrotate_2 30s ease 0s infinite;
	border-radius: 70% 60% 50% 50% / 50% 60% 70% 80%;
	background: #9ab797;
	right: -0.5em;
	bottom: -0.5em;
	z-index: 1;
}

.business_area_inner .col-xl-3 > div {
	position: relative;
	height: 100%;
}
.business_area_inner .col-xl-3 > div::before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -2em;
	display: block;
	width: 85px;
	height: 198px;
	background-image: url(/img/goen/img_business_object_01.png);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 2;
	opacity: 0;
	transition: 0.3s;
}
.business_area_inner .col-xl-3 > div::after {
	content: '';
	position: absolute;
	right: 0;
	bottom: -100%;
	display: block;
	width: 403px;
	height: 437px;
	background-image: url(/img/goen/img_business_object_02.png);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 4;
	opacity: 0;
	transition: 0.3s;
}

.business_area_inner .col-xl-3 > div::before {
	animation: fadeIn_bottom 1.5s 0.2s both;
}
.business_area_inner .col-xl-3 > div::after {
	animation: fadeIn_bottom 1.5s 2.5s both;
}

.business_list_wrap ul {
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	position: relative;
	z-index: 4;
}
.business_list_wrap ul::before {
	content: '';
	position: absolute;
	right: 1em;
	bottom: -3em;
	display: block;
	width: 123px;
	height: 172px;
	background-image: url(/img/goen/img_business_object_03.png);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 3;
	opacity: 0;
}
.business_list_wrap ul::after {
	content: '';
	position: absolute;
	right: 6em;
	bottom: -90%;
	display: block;
	width: 246px;
	height: 377px;
	background-image: url(/img/goen/img_business_peoples_01.png);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 3;
	opacity: 0;
}
.business_list_wrap ul.active::before {
	animation: fadeIn_bottom 1.5s 1s both;
}
.business_list_wrap ul.active::after {
	animation: fadeIn_bottom 1.5s 1.2s both;
}


.business_list_wrap ul li {
	width: calc(50% - 2em);
	text-align: center;
	opacity: 0;
	box-sizing: border-box;
	margin: 1em 0.5em;
	transition: 0.3s;
}
.business_list_wrap ul li:nth-child(1) {

}
.business_list_wrap ul li:nth-child(2) {

}
.business_list_wrap ul li:nth-child(3) {
	margin: 1em 0.5em 1em 2em;
	font-size: 0.7em;
	line-height: 1.2;
	transition: 0.3s;
}
.business_list_wrap ul li:nth-child(4) {
	margin: 1em 0;
	font-size: 0.7em;
	line-height: 1.2;
	transition: 0.3s;
}
.business_list_wrap ul li:nth-child(5) {
	margin: 1em 0 1em 4em;
	transition: 0.3s;
}

.business_list_wrap ul.active li:nth-child(1) {
	animation: fadeIn_bottom 1s 0.2s both;
	transition: 0.3s;
}
.business_list_wrap ul.active li:nth-child(2) {
	animation: fadeIn_bottom 1s 0.4s both;
	transition: 0.3s;
}
.business_list_wrap ul.active li:nth-child(3) {
	animation: fadeIn_bottom 1s 0.6s both;
	transition: 0.3s;
}
.business_list_wrap ul.active li:nth-child(4) {
	animation: fadeIn_bottom 1s 0.8s both;
	transition: 0.3s;
}
.business_list_wrap ul.active li:nth-child(5) {
	animation: fadeIn_bottom 1s 1s both;
	transition: 0.3s;
}



.business_list_wrap ul li:nth-child(3) a span, .business_list_wrap ul li:nth-child(4) a span {
	margin: 0 auto;
	display: inline-block;
	text-align: left;
}
.business_list_wrap ul li a {
	position: relative;
	display: block;
	width: 260px;
	max-width: 100%;
	padding: 2.5em 0.5em 0.4em;
	margin: 0.5em auto;
	border: 3px dotted #4e9a46;
	border-radius: 15px;
	color: #212121;
	font-size: 1.5em;
	font-weight: 700;
	text-decoration: none;
	background-color: #fcf9f2;
	z-index: 3;
	transition: 0.3s;
	box-sizing: border-box;
}
.business_list_wrap ul li:nth-child(3) a {
	padding: 3.6em 0.5em 0.4em;
	transition: 0.3s;
}
.business_list_wrap ul li:nth-child(4) a {
	padding: 3.6em 0.5em 0.4em;
	transition: 0.3s;
}


.business_list_wrap ul li a:hover {
	color: #fff;
	background-color: #4e9a46;
}

.business_list_wrap ul li:nth-child(1) a::before {
	content: '';
	position: absolute;
	top: 0.5em;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: block;
	width: 57px;
	height: 45px;
	background-image: url(/img/goen/icon_business_agreement.png);
	background-size: contain;
	background-repeat: no-repeat;
	transition: filter 0.3s ease;
}
.business_list_wrap ul li:nth-child(2) a::before {
	content: '';
	position: absolute;
	top: 0.5em;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: block;
	width: 58px;
	height: 52px;
	background-image: url(/img/goen/icon_business_demonstration.png);
	background-size: contain;
	background-repeat: no-repeat;
	transition: filter 0.3s ease;
}
.business_list_wrap ul li:nth-child(3) a::before {
	content: '';
	position: absolute;
	top: 0.5em;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: block;
	width: 34px;
	height: 50px;
	background-image: url(/img/goen/icon_business_worcation.png);
	background-size: contain;
	background-repeat: no-repeat;
	transition: filter 0.3s ease;
}
.business_list_wrap ul li:nth-child(4) a::before {
	content: '';
	position: absolute;
	top: 0.5em;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: block;
	width: 40px;
	height: 46px;
	background-image: url(/img/goen/icon_business_intercourse.png);
	background-size: contain;
	background-repeat: no-repeat;
	transition: filter 0.3s ease;
}
.business_list_wrap ul li:nth-child(5) a::before {
	content: '';
	position: absolute;
	top: 0.5em;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: block;
	width: 52px;
	height: 48px;
	background-image: url(/img/goen/icon_business_live.png);
	background-size: contain;
	background-repeat: no-repeat;
	transition: filter 0.3s ease;
}
.business_list_wrap ul li a:hover::before {
	filter: invert(100%) sepia(61%) saturate(0%) hue-rotate(229deg) brightness(200%) contrast(101%);
}





.business_h2 {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 25%;
	z-index: 4;
}


.business_h2.active {
	animation: fadeIn_bottom 6s 0s both;
}

.business_h2 img {
	transition: 0.3s;
}

/** ふくしまでビジネスしたいここまで **/


/** お問い合わせエリアここから **/
.contact_area_outer {
	position: relative;
	margin-top: -8em;
	padding-bottom: 6em;
	background-color: #f2faf1;
	z-index: auto;
}
.contact_area_outer::before {
	content: '';
	position: absolute;
	top: -170px;
	left: 0;
	width: 100%;
	height: 170px;
	background-image: url(/img/goen/bg_parts_06_footer_area_top.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom;
	z-index: 1;
}


.contact_area_inner {
	padding: 0.5em 1em;
}

.contact_area {
	position: relative;
	z-index: 4;
}
.contact_area::before {
	content: '';
	position: absolute;
	top: calc(10%);
	left: -0.5em;
	display: block;
	width: 291px;
	height: 109px;
	background-image: url(/img/goen/img_contact_object_01.png);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 0;
	opacity: 0;
}
.contact_area::after {
	content: '';
	position: absolute;
	top: calc(60%);
	right: -0.5em;
	display: block;
	width: 289px;
	height: 109px;
	background-image: url(/img/goen/img_contact_object_02.png);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: -1;
	opacity: 1;
}
.contact_area.active::before {
	animation: fadeIn_bottom 1.5s 0s both;
}
.contact_area.active::after {
	animation: fadeIn_bottom 1.5s 0s both;
}



.contact_box {
	width: 820px;
	max-width: 100%;
	margin: 0 auto;
	padding: 0.6em;
	background-size: auto auto;
	background-color: rgba(255, 255, 255, 1);
	background-image: repeating-linear-gradient(135deg, transparent, transparent 3px, rgba(250, 253, 204, 1) 3px, rgba(250, 253, 204, 1) 6px );
	position: relative;
}
.contact_box::before {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	width: 103px;
	height: 128px;
	background-image: url(/img/goen/img_contact_bekotaro.png);
	background-size: contain;
	background-repeat: no-repeat;
	pointer-events: none;
}
.contact_box_inner {
	padding: 0.5em;
	border: 3px solid #6ea768;
	border-radius: 10px;
}
.contact_catchphrase {
	margin: 2em 0 1em;
	padding: 0 3em;
	font-weight: 500;
	text-align: center;
}
.contact_catchphrase span {
	position: relative;
	font-size: 1.25em;
	display: inline-block;
}
.contact_catchphrase span::before {
	content: '';
	position: absolute;
	top: calc(50% - 0px);
	left: -2em;
	width: 30px;
	height: 2px;
	background-color: #508b82;
	transform: rotate(45deg);
}
.contact_catchphrase span::after {
	content: '';
	position: absolute;
	top: calc(50% - 0px);
	right: -2em;
	width: 30px;
	height: 2px;
	background-color: #508b82;
	transform: rotate(135deg);
}
.btn_contact {
	margin: 0 0 2em;
}
.btn_contact a {
	position: relative;
	display: block;
	width: 17.5em;
	max-width: 100%;
	text-align: center;
	margin: 0 auto;
	padding: 0.5em 2em;
	background-color: #508b82;
	border: 2px solid #508b82;
	border-radius: 8px;
	color: #fff;
	font-size: 1.3em;
	font-weight: 700;
	text-decoration: none;
	box-sizing: border-box;
	transition: 0.3s;
}
.btn_contact a:hover {
	background-color: #fff;
	color: #508b82;
}
.btn_contact a::before {
	content: '';
	position: absolute;
	top: calc(50% - 24px / 2);
	left: 1.4em;
	display: block;
	width: 33px;
	height: 24px;
	background-image: url(/img/goen/icon_contact_01.png);
	background-size: contain;
	background-repeat: no-repeat;
	transition: filter 0.3s ease;
}
.btn_contact a::after {
	content: '';
	position: absolute;
	top: calc(50% - 25px / 2);
	right: 1.6em;
	display: block;
	width: 25px;
	height: 25px;
	background-image: url(/img/goen/icon_contact_02.png);
	background-size: contain;
	background-repeat: no-repeat;
	transition: filter 0.3s ease;
}
.btn_contact a:hover::before {
	filter: invert(54%) sepia(7%) saturate(1827%) hue-rotate(121deg) brightness(90%) contrast(89%);
}
.btn_contact a:hover::after {
	filter: invert(54%) sepia(7%) saturate(1827%) hue-rotate(121deg) brightness(90%) contrast(89%);
}


/** お問い合わせエリアここまで **/


/*** トップページここまで ***/


/*** 下層ページ共通ここから ***/
/** ヘッダーここから **/
.h1_area_outer {
	min-height: 15vw;
	position: relative;
	overflow: hidden;
	background-color: #fcf9f2;
}
.h1_area_outer::before {
	content: '';
	position: absolute;
	top: 25%;
	left: 1%;
	background-image: url(/img/goen/img_h1_decoration_01.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 256px;
	height: 184px;
	z-index: 0;
	opacity: 0;
	transition: 0.3s;
}
.h1_area_outer.active::before {
	animation: fadeIn_left 1.2s 0s both;
}
.h1_area_outer::after {
	content: '';
	position: absolute;
	right: -0.5em;
	bottom: 0;
	background-image: url(/img/goen/img_h1_decoration_07.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 368px;
	height: 290px;
	z-index: 0;
	opacity: 0;
	transition: 0.3s;
}
.h1_area_outer.active::after {
	animation: fadeIn_right 1.2s 0.2s both;
}

.h1_area_outer .h1_area {
	position: relative;
	min-height: 20vw;
}
.h1_area_outer .h1_area::before {
	content: '';
	position: absolute;
	left: 10%;
	bottom: -3em;
	background-image: url(/img/goen/img_h1_decoration_02.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 316px;
	height: 201px;
	z-index: 0;
	opacity: 0;
	transition: 0.3s;
}
.h1_area_outer .h1_area.active::before {
	animation: fadeIn_top 1.2s 0.4s both;
}

.h1_area_outer .h1_wrap {
	width: 860px;
	max-width: 100%;
	margin: 0 auto;
	padding: 2vw 1em 5vw;
	text-align: center;
	position: relative;
	z-index: 1;
}
.h1_area_outer .h1_wrap h1 {
	max-width: 50vw;
	padding: 0 3em;
	position: relative;
	display: inline-block;
	transition: 0.3s;
}
.h1_area_outer .h1_wrap h1::before {
	content: '';
	position: absolute;
	right: 2%;
	bottom: 0em;
	background-image: url(/img/goen/img_h1_decoration_06.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 55px;
	height: 89px;
	z-index: 1;
	opacity: 0;
	filter: drop-shadow(2px -2px 0px #fcf9f2) drop-shadow(-2px -2px 0px #fcf9f2) drop-shadow(2px 2px 0px #fcf9f2) drop-shadow(-2px 2px 0px #fcf9f2);
	transition: 0.3s;
}
.h1_area_outer .h1_wrap.active h1::before {
	animation: fadeIn 1s linear 0.5s 1 both, boundIn 1.5s linear 0.5s 1 both;
}

.h1_area_outer .h1_wrap span {
	min-width: 7em;
	position: relative;
	display: inline-block;
	text-shadow: 3px 3px 0px #fcf9f2, -3px -3px 0px #fcf9f2, -3px 3px 0px #fcf9f2, 3px -3px 0px #fcf9f2, 3px 0px 0px #fcf9f2, -3px -0px 0px #fcf9f2, 0px 3px 0px #fcf9f2, 0px -3px 0px #fcf9f2;
	transition: 0.3s;
}
.h1_area_outer .h1_wrap span::before {
	content: '';
	position: absolute;
	left: -5%;
	bottom: -0.6em;
	display: block;
	width: 110%;
	height: 1px;
	border-top: 5px dotted #f00;
	filter: drop-shadow(2px -2px 0px #fcf9f2) drop-shadow(-2px -2px 0px #fcf9f2) drop-shadow(2px 2px 0px #fcf9f2) drop-shadow(-2px 2px 0px #fcf9f2);
	transition: 0.3s;
}
.h1_area_outer .h1_wrap span::after {
	content: '';
	position: absolute;
	right: -1.5em;
	bottom: -2.3em;
	display: block;
	width: 94px;
	height: 74px;
	background-image: url(/img/goen/img_h1_decoration_05.png);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 0;
	opacity: 0;
	filter: drop-shadow(2px -2px 0px #fcf9f2) drop-shadow(-2px -2px 0px #fcf9f2) drop-shadow(2px 2px 0px #fcf9f2) drop-shadow(-2px 2px 0px #fcf9f2);
	transition: 0.3s;
}
.h1_area_outer .h1_wrap.active span::after {
	animation: fadeIn 1s linear 1 both;
}

.h1_area_outer .img-main {
	position: relative;
	text-align: left;
	padding: 1vw 1em;
}
.h1_area_outer .img-main::before {
	content: '';
	position: absolute;
	top: 5%;
	left: 35%;
	display: block;
	width: 110px;
	height: 60px;
	background-image: url(/img/goen/img_reconstruction_cloud_01.png);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 0;
	transition: 0.3s;
}
.h1_area_outer .img-main::after {
	content: '';
	position: absolute;
	top: 15%;
	left: 55%;
	display: block;
	width: 137px;
	height: 74px;
	background-image: url(/img/goen/img_reconstruction_cloud_01.png);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 0;
	transition: 0.3s;
}
.h1_area_outer .img-main div {
	position: relative;
}
.h1_area_outer .img-main div::before {
	content: '';
	position: absolute;
	top: 0%;
	left: 75%;
	display: block;
	width: 110px;
	height: 60px;
	background-image: url(/img/goen/img_reconstruction_cloud_01.png);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 0;
	transition: 0.3s;
}

.h1_area_outer .main_visual_inner {
	position: relative;
	min-height: 20vw;
}
.h1_area_outer .main_visual_inner::before {
	content: '';
	position: absolute;
	left: 25%;
	bottom: 15%;
	background-image: url(/img/goen/img_h1_decoration_03.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 107px;
	height: 59px;
	z-index: 0;
	opacity: 0;
	transition: 0.3s;
}
.h1_area_outer .main_visual_inner.active::before {
	animation: fadeIn_top 1s 0.6s both, animation_fluffy_Y 4.5s linear 2;
}

.h1_area_outer .main_visual_inner::after {
	content: '';
	position: absolute;
	top: 25%;
	left: 25%;
	background-image: url(/img/goen/img_h1_decoration_04.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 156px;
	height: 110px;
	z-index: 0;
	opacity: 0;
	transition: 0.3s;
}
.h1_area_outer .main_visual_inner.active::after {
	animation: fadeIn_right 1.2s 0.8s both, animation_fluffy_Y 3s linear 3;
}
/** ヘッダーここまで **/

/** パンくずここから **/
#goenPankuzu {
	position: relative;
	z-index: 1;
}
#goenPankuzu::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 0;
	padding-top: 1.625%;
	background-image: url(/img/goen/img_pankuzu_parts.png);
	background-size: cover;
	transform: translateY(-100%);
}

.pankuzu {
	padding: 2em;
}
.pankuzu a {
	text-decoration: none;
}
.pankuzu span {
	position: relative;
	color: transparent;
	margin: 0 1em;
}
.pankuzu span::before {
	content: '';
	display: inline-block;
	width: 11px;
	height: 10px;
	background-image: url(/img/goen/img_pankuzu_kigou.png);
	background-size: contain;
	background-repeat: no-repeat;
	margin: 0 auto;
	position: absolute;
	top: calc(50% - 5px);
	left: calc(50% - 5.5px);
}
/** パンくずここまで **/
/*** 下層ページ共通ここまで ***/

/*** 大メニューページここから ***/
.list-2_area_outer {
	background-color: #f2faf1;
	margin: 0;
	padding: 5.5em 0.5em;
}
.list-2_area {
	width: 1240px;
	max-width: 100%;
	margin: 0 auto;
	padding: 2em 3em;
	background-color: #fff;
}
.goenList ul {
	list-style-type: none;
}
.goenList ul li {

}

.goenList ul li a {
	display: block;
	position: relative;
	font-size: 1.25em;
	font-weight: 500;
	text-decoration: none;
	margin: 1em 0;
	padding: 1em 3em 1em 3.5em;
	background-color: #f4fade;
	border: 2px solid #f4fade;
	border-radius: 5px;
	box-shadow: 2px 2px 6px -3px #5e5e5e87;
	transition: 0.3s;
}
.goenList ul li a:hover {
	background-color: #fff;
}
.goenList ul li a::before {
	content: '';
	position: absolute;
	top: 12px;
	left: 0.6em;
	display: block;
	width: 45px;
	height: 132px;
	background-image: url(/img/goen/img_h2.png);
	background-size: contain;
	background-repeat: no-repeat;
}
.goenList ul li a::after {
	content: '';
	position: absolute;
	top: calc(50% - 35px / 2);
	right: 1em;
	display: block;
	width: 35px;
	height: 35px;
	background-image: url(/img/goen/icon_list_style_type_after.png);
	background-size: contain;
	background-repeat: no-repeat;
}



/*** 大メニューページここまで ***/


/*** 小メニューページここから ***/
.list-1_area_outer {
	background-color: #f2faf1;
	margin: 0;
	padding: 5.5em 0.5em;
}
.list-1_area {
	width: 1240px;
	max-width: 100%;
	margin: 0 auto;
	padding: 2em 3em;
	background-color: #fff;
}

.goenList-1 ul {
	list-style-type: none;
}
.goenList-1 ul li {
	margin: 1.5em 0;
	padding: 0.5em 0 1.5em;
	border-bottom: 2px dotted #71a96c;
}
.goenList-1 ul li:first-child {
	margin: 0 0 1.5em;
}
.goenList-1 ul li:last-child {
	margin: 1.5em 0 0.5em;
}



.goenList-1 ul li a {
	display: block;
	position: relative;
	color: #0000ee;
	font-size: 1.125em;
	font-weight: 500;
	margin: 0;
	padding: 0 1em 0 0;
	transition: 0.3s;
}
.goenList-1 ul li a:hover {
	color: #cc0000;
}
.goenList-1 ul li a::after {
	content: '';
	position: absolute;
	top: calc(50% - 10px / 2);
	right: 0;
	display: block;
	width: 10px;
	height: 10px;
	border-top: 3px solid #71a96c;
	border-right: 3px solid #71a96c;
	transform: translateY(0%) rotate(45deg);
	transition: 0.3s;
}

/*** 小メニューページここまで ***/


/*** 最終ページここから ***/
.detail_area_outer {
	background-color: #f2faf1;
	margin: 0;
	padding: 5.5em 0.5em;
}
.detail_area {
	width: 1240px;
	max-width: 100%;
	margin: 0 auto;
	padding: 2em 3em;
	background-color: #fff;
}
.detail_area a {
	color: #0000ee;
}
.detail_area a:hover {
	color: #cc0000;
}

.detail_area #printDate {
	text-align: right;
	margin: 0 0 1.5em;
}
.detail_area #printDate a {
	color: #212121;
}
.detail_area #printDate a:hover {
	color: #cc0000;
}

.detail_area .detail_free > :first-child {
	margin-top: 0;
}

.detail_area p {
	margin: 0;
	padding: 0.5em 1em;
}
.detail_area ul, .detail_area ol {
	margin: 1em 0.5em 1em 2em;
}
.detail_area ul li, .detail_area ol li {
	padding: 0 0 0 0.5em;
}
.detail_area h2 {
	font-size: 1.5em;
	margin: 2.5em 0 1em;
	padding: 0.6em 0.6em 0.6em 3em;
	background-image: url(/img/goen/bg_h2.png);
	border-top: 2px solid #67b579;
	border-bottom: 2px solid #67b579;
	position: relative;
}
.detail_area h2::before {
	content: '';
	position: absolute;
	top: -1em;
	left: 0.5em;
	display: block;
	width: 61px;
	height: 73px;
	background-image: url(/img/goen/img_h2.png);
	background-size: contain;
	background-repeat: no-repeat;
}

.detail_area h3 {
	font-size: 1.3em;
	margin: 1.5em 0 1em;
	padding: 0.3em 0.6em 0.3em 2.5em;
	border-bottom: 2px solid #f7e9a9;
	position: relative;
}
.detail_area h3::before {
	content: '';
	position: absolute;
	top: 0.3em;
	left: 0.3em;
	display: block;
	width: 30px;
	height: 39px;
	background-image: url(/img/goen/img_h3.png);
	background-size: contain;
	background-repeat: no-repeat;
}
.detail_area h3::after {
	content: '';
	display: block;
	width: 100%;
	height: 5px;
	position: absolute;
	left: 0;
	bottom: -0.5em;
	background-color: #f7e9a9;
}
.detail_area h4 {
	font-size: 1.2em;
	margin: 1.5em 0 1em;
	padding: 0.5em 0.5em 0.5em 1.2em;
	border-left: 4px solid #67b579;
	background-color: #f4fade;
}
.detail_area h5 {
	margin: 1em 0 0.5em;
	padding: 0.5em;
	border-bottom: 2px dotted #f8d536;
	font-size: 1.05em;
}
.detail_area .scroll-hint {
	margin: 1em;
}
.detail_area table {
	border-collapse: collapse;
	border-color: #fae273;
	max-width: 100%;
}
.detail_area table th, .detail_area table td {
	padding: 0.5em 1em;
	border-color: #fae273;
}
.detail_area table th {
	text-align: center;
	color: #245f56;
	background-color: #fcfbca;
}
.detail_area table p {
	padding: 0;
}

/** お問い合わせエリアここから **/
#section_footer {
	border: 2px solid #fae588;
	border-radius: 10px;
}
#section_footer_title {
	background-color: #fae588;
	padding: 0.8em 1.5em;
	color: #17380e;
	font-size: 1.25em;
	font-weight: 700;
}
#section_footer_name {
	padding: 1.5em 2em 0.2em;
}
#section_footer_info {
	padding: 0 2em 1.5em;
}
#section_footer_info a:last-child {
	display: block;
	width: fit-content;
	padding: 0 0 0 2em;
	text-decoration: none;
	position: relative;
}
#section_footer_info a:last-child::before {
	content: '';
	position: absolute;
	top: calc(50% - 16px / 2);
	left: 0;
	display: block;
	width: 21px;
	height: 16px;
	background-image: url(/img/goen/icon_detail_contact.png);
	background-size: contain;
	background-repeat: no-repeat;
}
#section_footer_info a:last-child:hover::before {
	background-image: url(/img/goen/icon_detail_contact_on.png);
	background-repeat: no-repeat;
}
#section_footer_info a:last-child::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background-color: #00e;
}
#section_footer_info a:hover::after {
	background-color: #c00;
}

/** お問い合わせエリアここまで **/
/*** 最終ページここまで ***/





/*** 1700以上ここから ***/
@media all and (min-width:1700px){
	/** トップページここから **/

	/** トップページここまで **/
}
/*** 1700以上ここまで ***/

/*** 1699以下ここから ***/
@media all and (max-width:1699px){
	/*** トップページここから ***/
	/** メインビジュアルここから **/
	.main_visual_text_wrap div::before {
		top: -3vw;
		transition: 0.3s;
	}
	.main_visual_text_wrap div::after {
		width: 45px;
		height: 139px;
		transition: 0.3s;
	}
	/** メインビジュアルここまで **/


	/** 紹介エリアここから **/
	.introduction_peoples_01::after {
		left: 10%;
		transition: 0.3s;
	}
	/** 紹介エリアここまで **/

	/** ふくしまの復興の現状を知りたいここから **/
	.reconstruction_list_wrap ul li a {
		width: 220px;
		padding: 2.5em 0.5em 0.4em;
		font-size: 1.4em;
		transition: 0.3s;
	}
	.reconstruction_list_wrap ul li:nth-child(1) a::before {
		top: 0.7em;
		width: 50px;
		height: 43px;
		transition: 0.3s;
	}
	.reconstruction_list_wrap ul li:nth-child(2) a::before {
		top: 0.9em;
		width: 50px;
		height: 27px;
		transition: 0.3s;
	}
	.reconstruction_list_wrap ul li:nth-child(3) a::before {
		top: 0.7em;
		width: 47px;
		height: 39px;
		transition: 0.3s;
	}

	.reconstruction_fluid_01 {
		width: 450px;
		height: 400px;
		transition: 0.3s;
	}
	.reconstruction_fluid_02 {
		width: 350px;
		height: 300px;
		position: relative;
		z-index: 2;
		opacity: 0;
		transition: 0.3s;
	}

	.reconstruction_area::after {
		width: 180px;
		height: 189px;
		transition: 0.3s;
	}
	.reconstruction_list_wrap::after {
		width: 280px;
		height: 189px;
		transition: 0.3s;
	}
	.reconstruction_h2::before {
		right: -2em;
		bottom: -40%;
		width: 319px;
		height: 287px;
		transition: 0.3s;
	}
	/** ふくしまの復興の現状を知りたいここまで **/

	/** ふくしまを応援したいここから **/
	.support_area_border_01::before {
		bottom: -6em;
		width: 300px;
		height: 193px;
		transition: 0.3s;
	}
	.support_area_border_01::after {
		left: 24%;
		bottom: -6em;
		width: 400px;
		height: 165px;
		transition: 0.3s;
	}
	.support_fluid_01 {
		width: 420px;
		height: 380px;
		transition: 0.3s;
	}
	.support_area_border_02::before {
		right: 2%;
		bottom: -9em;
		width: 240px;
		height: 191px;
		transition: 0.3s;
	}

	.support_fluid_01_middle::before {
		top: -57px;
		width: 50px;
		height: 90px;
		transition: 0.3s;
	}
	.support_fluid_01_middle::after {
		top: -54px;
		width: 120px;
		height: 175px;
		transition: 0.3s;
	}
	.support_fluid_02 {
		width: 320px;
		height: 280px;
		transition: 0.3s;
	}
	.support_fluid_02_middle::before {
		top: -101px;
		width: 130px;
		height: 118px;
		transition: 0.3s;
	}
	/** ふくしまを応援したいここまで **/

	/** ふくしまでビジネスしたいここから **/
	.business_list_wrap ul::before {
		bottom: -1em;
		width: 100px;
		height: 140px;
		transition: 0.3s;
	}
	.business_list_wrap ul::after {
		bottom: -70%;
		height: 305px;
		transition: 0.3s;
	}
	.business_fluid_01 {
		width: 500px;
		height: 470px;
		transition: 0.3s;
	}
	.business_fluid_02 {
		width: 300px;
		height: 280px;
		transition: 0.3s;
	}
	.business_area_inner .col-xl-3 > div::after {
		bottom: -75%;
		width: 320px;
		height: 347px;
		transition: 0.3s;
	}
	.business_area_border::before {
		width: 370px;
		height: 362px;
		transition: 0.3s;
	}
	/** ふくしまでビジネスしたいここまで **/


	/*** トップページここまで ***/

}
/*** 1699以下ここまで ***/






/*** 1500以上ここから ***/
@media all and (min-width:1500px){
	/*** トップページここから ***/
	/** メインビジュアルここから **/
	.main_visual_text_wrap img {
		max-width: 30vw;
		transition: 0.3s;
	}
	.img_main_visual_map_wrap img {
		max-width: 55vw;
		transition: 0.3s;
	}
	/** メインビジュアルここまで **/

	/** ふくしまの復興の現状を知りたいここから **/
	.reconstruction_area_outer::after {
	}
	/** ふくしまの復興の現状を知りたいここまで **/

	/** ふくしまでビジネスしたいここから **/
	.business_area_outer::after {
	}
	/** ふくしまでビジネスしたいここまで **/
	/*** トップページここまで ***/
}
/*** 1500以上ここまで ***/


@media all and (max-width:1499px) and (min-width:1200px){
	.img_main_visual_map_wrap {
		margin-top: 6em;
		justify-content: center;
	}
	.introduction_area_outer::after {
		top: -110px;
	}
}
/*** 1499以下ここから ***/
@media all and (max-width:1499px){
	/*** 共通ここから ***/
	/** メニューここから **/
	.kenSaku {
		margin-right: 5em;
	}
	/** メニューここまで **/
	/*** 共通ここまで ***/

	/*** トップページここから ***/
	/** メインビジュアルここから **/
	.main_visual_text_wrap div::before {
		top: 0vw;
		left: -45%;
		transition: 0.3s;
	}

	.main_visual_text_wrap img {
		max-width: 25vw;
		transition: 0.3s
	}
	.img_main_visual_map_wrap img {
		max-width: 50vw;
		transition: 0.3s;
	}
	.main_visual_text_wrap div span::after {
		left: -45%;
		bottom: -45%;
		width: 180px;
		height: 155px;
		transition: 0.3s;
	}

	.img_main_visual_map_wrap span::before {
		top: 0%;
		left: 0%;
		transition: 0.3s;
	}
	/** メインビジュアルここまで **/

	/** 紹介エリアここから **/
	.introduction_area_inner {
		padding: 2em 0.5em 2em;
		transition: 0.3s;
	}
	.introduction_area_text::before {
		right: -25%;
		width: 90px;
		height: 144px;
		transition: 0.3s;
	}
	.introduction_peoples_01::after {
		left: 8%;
		bottom: -2em;
		width: 125px;
		height: 184px;
		transition: 0.3s;
	}

	.introduction_area_bekotaro span::before {
		top: -60px;
		right: 85px;
		width: 230px;
		height: 122px;
		transition: 0.3s;
	}
	.introduction_area_bekotaro span::after {
		width: 220px;
		height: 141px;
		transition: 0.3s;
	}
	/** 紹介エリアここまで **/

	/** ふくしまの復興の現状を知りたいここから **/
	.reconstruction_area_outer::after {

	}

	.reconstruction_list_wrap ul li a {
		width: 220px;
		padding: 2.4em 0.5em 0.4em;
		font-size: 1.25em;
		transition: 0.3s;
	}
	.reconstruction_list_wrap ul li:nth-child(1) a::before {
		top: 0.7em;
		width: 40px;
		height: 34px;
		transition: 0.3s;
	}
	.reconstruction_list_wrap ul li:nth-child(2) a::before {
		top: 1em;
		width: 45px;
		height: 24px;
		transition: 0.3s;
	}
	.reconstruction_list_wrap ul li:nth-child(3) a::before {
		top: 0.7em;
		width: 43px;
		height: 36px;
		transition: 0.3s;
	}

	.reconstruction_fluid_01 {
		width: 400px;
		height: 350px;
		transition: 0.3s;
	}
	.reconstruction_fluid_02 {
		width: 320px;
		height: 280px;
		transition: 0.3s;
	}

	.reconstruction_h2 img {
		max-width: 150px;
		transition: 0.3s;
	}
	.reconstruction_h2::before {
		width: 280px;
		height: 252px;
		transition: 0.3s;
	}
	/** ふくしまの復興の現状を知りたいここまで **/

	/** ふくしまを応援したいここから **/
	.support_h2::after {
		bottom: -120px;
		width: 80px;
		height: 110px;
		transition: 0.3s;
	}

	.support_list_wrap ul li a {
		width: 220px;
		padding: 2.4em 0.5em 0.4em;
		font-size: 1.25em;
		transition: 0.3s;
	}
	.support_list_wrap ul li:nth-child(1) a::before {
		width: 42px;
		height: 36px;
		transition: filter 0.3s ease;
	}
	.support_list_wrap ul li:nth-child(2) a::before {
		width: 32px;
		height: 44px;
		transition: filter 0.3s ease;
	}
	.support_list_wrap ul li:nth-child(3) a::before {
		width: 50px;
		height: 22px;
		transition: filter 0.3s ease;
	}

	.support_fluid_01 {
		width: 360px;
		height: 310px;
		transition: 0.3s;
	}
	.support_fluid_01_middle::before {
		top: -57px;
		width: 45px;
		height: 81px;
		transition: 0.3s;
	}
	.support_fluid_01_middle::after {
		top: -50px;
		width: 105px;
		height: 153px;
		transition: 0.3s;
	}
	.support_fluid_02 {
		width: 280px;
		height: 240px;
		transition: 0.3s;
	}
	.support_fluid_02_middle::before {
		top: -84px;
		width: 110px;
		height: 99px;
		transition: 0.3s;
	}

	.support_area_border_01::before {
		bottom: -6em;
		width: 250px;
		height: 161px;
		transition: 0.3s;
	}

	.support_area_border_01::after {
		left: 20%;
		bottom: -3em;
		width: 350px;
		height: 144px;
		transition: 0.3s;
	}
	.support_area_border_02::before {
		right: 4%;
		bottom: -3em;
		width: 220px;
		height: 175px;
		transition: 0.3s;
	}
	/** ふくしまを応援したいここまで **/

	/** ふくしまでビジネスしたいここから **/
	.business_area_border::before {
		width: 300px;
		height: 295px;
		transition: 0.3s;
	}
	.business_fluid_01_outer {
		position: absolute;
		top: 3%;
		left: 7%;
	}
	.business_fluid_01 {
		width: 400px;
		height: 360px;
		transition: 0.3s;
	}
	.business_fluid_02_outer {
		position: absolute;
		left: 25%;
		bottom: 30%;
	}
	.business_fluid_02 {
		width: 270px;
		height: 250px;
		transition: 0.3s;
	}
	.business_list_wrap ul::before {
		bottom: -5em;
	}
	.business_list_wrap ul::after {
		bottom: -100%;
		width: 180px;
		height: 276px;
		transition: 0.3s;
	}
	.business_area_inner .col-xl-3 > div::after {
		bottom: -85%;
		width: 230px;
		height: 249px;
		transition: 0.3s;
	}

	.business_list_wrap ul li {
		margin: 0em 0.5em;
		transition: 0.3s;
	}
	.business_list_wrap ul li:nth-child(3) {
		margin: 0em 0.5em 0em 2em;
		transition: 0.3s;
	}
	.business_list_wrap ul li:nth-child(4) {
		margin: 0em 0;
		transition: 0.3s;
	}
	.business_list_wrap ul li:nth-child(5) {
		margin: 0em 0 1em 4em;
		transition: 0.3s;
	}

	.business_list_wrap ul li a {
		width: 220px;
		padding: 2.4em 0.5em 0.4em;
		font-size: 1.25em;
		transition: 0.3s;
	}
	.business_list_wrap ul li:nth-child(1) a::before {
		width: 46px;
		height: 37px;
		transition: 0.3s;
	}
	.business_list_wrap ul li:nth-child(2) a::before {
		top: 0.4em;
		width: 46px;
		height: 42px;
		transition: 0.3s;
	}
	.business_list_wrap ul li:nth-child(3) a::before {
		width: 28px;
		height: 42px;
		transition: 0.3s;
	}
	.business_list_wrap ul li:nth-child(4) a::before {
		width: 34px;
		height: 40px;
		transition: 0.3s;
	}
	.business_list_wrap ul li:nth-child(5) a::before {
		width: 46px;
		height: 43px;
		transition: 0.3s;
	}

	.business_h2 img {
		max-width: 80%;
		transition: 0.3s;
	}
	.business_area_inner .col-xl-3 > div::before {
		left: 65%;
		bottom: 0em;
		width: 65px;
		height: 152px;
		transition: 0.3s;
	}

	/** ふくしまでビジネスしたいここまで **/
	/*** トップページここまで ***/

	/*** 下層ページ共通ここから ***/
	/** ヘッダーここから **/
	.h1_area_outer::before {
		width: 180px;
		height: 130px;
		transition: 0.3s;
	}
	.h1_area_outer .h1_area::before {
		left: 10%;
		bottom: -2em;
		width: 250px;
		height: 160px;
		transition: 0.3s;
	}
	.h1_area_outer .main_visual_inner::before {
		left: 25%;
		bottom: 15%;
		width: 80px;
		height: 45px;
		transition: 0.3s;

	}
	.h1_area_outer::after {
		content: '';
		position: absolute;
		right: -0.5em;
		bottom: 0;
		background-image: url(/img/goen/img_h1_decoration_07.png);
		background-size: contain;
		width: 300px;
		height: 236px;
		z-index: 0;
		opacity: 0;
		transition: 0.3s;
	}
	/** ヘッダーここまで **/
	/*** 下層ページ共通ここまで ***/

}
/*** 1499以下ここまで ***/





/*** 1300以上ここから ***/
@media all and (min-width:1300px){
	/** トップページここから **/

	/** トップページここまで **/
}
/*** 1300以上ここまで ***/

/*** 1299以下ここから ***/
@media screen and (max-width:1299px){
	/*** トップページここから ***/
	/** メインビジュアルここから **/
	.main_visual_text_wrap div span::before {
		right: 1em;
		bottom: 1em;
		width: 40px;
		height: 62px;
	}
	.introduction_area_text {
		max-width: 630px;
		font-size: 1.15em;
		line-height: 1.8;
		transition: 0.3s;
	}
	/** メインビジュアルここまで **/
	
	/** ピックアップここから **/
	.infomation_area .pickup_area {
		background-size: contain;
	}
	/** ピックアップここまで **/

	/** ふくしまの復興の現状を知りたいここから **/
	.reconstruction_list_wrap {
		margin-top: 3em;
		transition: 0.3s;
	}
	.reconstruction_area .reconstruction_area_inner .grid_system_flex .col-xl-4::before {
		top: 0em;
		transition: 0.3s;
	}

	.reconstruction_fluid_01 {
		width: 340px;
		height: 310px;
		transition: 0.3s;
	}
	.reconstruction_fluid_02_outer {
		left: 25%;
		bottom: 10%;
		transition: 0.3s;
	}
	.reconstruction_fluid_02 {
		width: 280px;
		height: 240px;
		transition: 0.3s;
	}

	.reconstruction_list_wrap::before {
		width: 73px;
		height: 51px;
		transition: 0.3s;
	}
	.reconstruction_list_wrap::after {
		width: 250px;
		height: 169px;
		transition: 0.3s;
	}

	.reconstruction_h2::before {
		width: 240px;
		height: 216px;
		transition: 0.3s;
	}
	/** ふくしまの復興の現状を知りたいここまで **/

	/** ふくしまを応援したいここから **/
	.support_area_border_01 {
		padding: 6em 0 0 ;
		transition: 0.3s;
	}
	.support_h2::after {
		bottom: -80px;
		width: 60px;
		height: 84px;
		transition: 0.3s;
	}
	/** ふくしまを応援したいここまで **/

	/** ふくしまでビジネスしたいここから **/
	.business_area_border::before {
		width: 230px;
		height: 225px;
		transition: 0.3s;
	}
	.business_list_wrap ul::after {
		bottom: -80%;
		width: 130px;
		height: 200px;
		transition: 0.3s;
	}
	.business_fluid_01 {
		width: 350px;
		height: 300px;
		transition: 0.3s;
	}
	.business_fluid_02 {
		width: 240px;
		height: 220px;
		transition: 0.3s;
	}
	.business_area_inner .col-xl-3 > div::after {
		bottom: -85%;
		width: 200px;
		height: 219px;
		transition: 0.3s;
	}

	.business_list_wrap ul li a {
		font-size: 1.2em;
	}
	.business_list_wrap ul li:nth-child(5) a::before {
		width: 42px;
		height: 39px;
		transition: 0.3s;
	}
	/** ふくしまでビジネスしたいここまで **/
	/*** トップページここまで ***/

	/*** 下層ページ共通ここから ***/
	/** ヘッダーここから **/
	.h1_area_outer::before {
		top: 30%;
		left: 1%;
		width: 150px;
		height: 108px;
		transition: 0.3s;
	}
	.h1_area_outer::after {
		right: -0.5em;
		bottom: 0;
		width: 280px;
		height: 221px;
		transition: 0.3s;
	}
	.h1_area_outer .h1_area::before {
		left: 8%;
		bottom: -1em;
		width: 200px;
		height: 128px;
		transition: 0.3s;
	}
	.h1_area_outer .main_visual_inner::before {
		left: 20%;
		bottom: 15%;
		width: 80px;
		height: 45px;
		transition: 0.3s;
	}
	.h1_area_outer .main_visual_inner::after {
		top: 25%;
		left: 20%;
		width: 110px;
		height: 78px;
		transition: 0.3s;
	}
	/** ヘッダーここまで **/
	/*** 下層ページ共通ここまで ***/
}
/*** 1299以下ここまで ***/




/*** 1200以上ここから ***/
@media all and (min-width:1200px){
	/*** 共通ここから ***/
	.display_pc {
	}
	.display_sp {
		display: none;
	}
	/*** 共通ここまで ***/


	/*** トップページここから ***/

	/*** トップページここまで ***/
}
/*** 1200以上ここまで ***/




/*** 1199以下ここから ***/
@media screen and (max-width:1199px){
	/*** 共通ここから ***/
	.display_pc {
		display: none;
	}
	.display_sp {
	}

	.grid_system_flex {
		display: block;
	}
	.grid_system_flex_sp {
		display: flex;
	}

	/** メニューここから **/
	/* 検索ボックスここから */
	body .kenSaku {
		margin-right: 0;
		padding: 0 15vw;
	}
	body .kenSaku #___gcse_0 {
		max-width: 100%;
		margin: 0 auto;
	}
	/* 検索ボックスここまで */

	/** メニューここまで **/
	.home_link {
		width: 767px;
	}
	.mega_menu.grid_system_flex {
		width: 767px;
	}
	/** フッターここから **/
	.footer_menu {
		width: 360px;
	}
	.footer_menu .col-xl-4 {
		position: relative;
		margin: 2em 0 0;
	}

	/** フッターここまで **/
	/*** 共通ここまで ***/

	/*** トップページここから ***/
	/** メインビジュアルここから **/
	.main_visual_text_wrap {
		justify-content: center;
		margin: 7.5em 0 0em;
	}
	.main_visual_text_wrap img {
		max-width: 100%;
		transition: 0.3s;
	}
	.main_visual_text_wrap div {
		margin: 0;
	}
	.main_visual_text_wrap div::before {
		top: -10%;
		transition: 0.3s;
	}
	.main_visual_text_wrap div span::before {
		right: 2em;
		bottom: 1em;
		width: 46px;
		height: 71px;
		transition: 0.3s;
	}
	.main_visual_text_wrap div span::after {
		left: -50%;
		bottom: -75%;
		transition: 0.3s;
	}

	.main_visual_text_wrap::before {
		content: '';
		position: absolute;
		top: -10%;
		right: 7%;
		margin: 0 auto;
		background-image: url(/img/goen/img_main_visual_peoples_03.png);
		background-size: contain;
		background-repeat: no-repeat;
		display: block;
		width: 111px;
		height: 139px;
		opacity: 0;
		animation: fadeIn_right 1.5s 0.2s both;
	}
	.img_main_visual_map_wrap span::before {
		display: none;
	}

	.main_visual_text_wrap div::after {
		left: -20%;
		right: auto;
		bottom: 0%;
		animation: fadeIn_bottom 1.5s 0.6s both;
	}

	.img_main_visual_map_wrap {
		margin-top: -2em;
	}
	.img_main_visual_map_wrap span::after {
		top: -35%;
		left: auto;
		right: 15%;
		bottom: auto;
		animation: fadeIn_bottom 1.5s 0.8s both;
	}


	/** メインビジュアルここまで **/
	
	/** ピックアップここから **/
	.pickup_peoples_01::before, .pickup_peoples_01::after, .pickup_peoples_02::before, .pickup_peoples_02::after, .pickup_peoples_03::before, .pickup_peoples_03::after {
		display: none;
	}
	/** ピックアップここまで **/


	/** 紹介エリアここから **/
	.introduction_area_outer {
		position: relative;
		min-height: calc((100vw - (100vw - 767px))*1.398);
		margin: 0 0 3em;
	}

	.introduction_area_outer .article_inner {
		position: relative;
		padding-bottom: 0;
		margin: 0 auto;
		min-height: calc((100vw - (100vw - 767px))*1.398);
	}
	.introduction_area_outer .article_inner::before {

	}
	.introduction_area_outer::after {
		content: '';
		position: absolute;
		top: -50px;
		left: 0;
		right: 0;
		bottom: 0;
		margin: 0 auto;
		width: 100%;
		height: 0;
		max-width: 767px;
		min-height: 0;
		background-image: url(/img/goen/bg_story_line_sp_01.png);
		background-size: contain;
		background-position: top;
		background-repeat: no-repeat;
		pointer-events: none;
		z-index: 0;
		opacity: 0;
		transition: 1.5s;
		transition-delay: 0s;
		transition-delay: 0.5s;
		transform: translateY(-2em);
		padding-bottom: 139vw;
	}

	.introduction_area_outer .article_inner.active::before {
		animation: fadeIn_bottom 1.5s 0.2s both;
	}
	.introduction_area {
		margin: 0em 0 0;
		padding: 15% 0;
		min-height: calc((100vw - (100vw - 767px))*1.398);
		box-sizing: border-box;
	}
	.introduction_area_text {
		max-width: 600px;
		font-size: 1.25em;
		line-height: 2;
		transition: 0.3s;
	}

	.introduction_area_inner .introduction_area_text::before {
		transform: translateY(-100%);
	}
	.introduction_area_inner.active .introduction_area_text::before {
		opacity: 1;
		transform: translateY(-150%);
	}

	.introduction_peoples_01::after {
		left: 15%;
		bottom: -2em;
		width: 125px;
		height: 184px;
		transition: 0.3s;
		transform: translateY(200%);
	}
	.introduction_peoples_01.active::after {
		opacity: 1;
		transform: translateY(160%);
	}

	.introduction_area_bekotaro {
		position: absolute;
		right: 25%;
		bottom: 13%;
	}
	.introduction_area_bekotaro span::before {
		top: -23px;
		right: 70px;
		width: 195px;
		height: 103px;
		transition: 0.3s;
	}
	.introduction_area_bekotaro span::after {
		width: 180px;
		height: 115px;
		transition: 0.3s;
	}

	/** 紹介エリアここまで **/


	/** お知らせここから **/
	.infomation_area_inner {
		padding: 0 1em 25vw;
	}
	.infomation_area_inner::before {
		bottom: -5vw;
	}
	.infomation_box {
		border: none;
		background-color: #fff;
	}
	/** お知らせここまで **/

	/** ふくしまの復興の現状を知りたいここから **/
	.reconstruction_area_outer {
		position: relative;
		min-height: calc((100vw - (100vw - 767px))*1.8908333);
		margin: 0;
	}

	.reconstruction_area_outer::after {
		content: '';
		position: absolute;
		top: -3vw;
		left: 0;
		right: 0;
		bottom: 0;
		margin: 0 auto;
		width: 100%;
		height: 0;
		max-width: 767px;
		min-height: 0;
		background-image: url(/img/goen/bg_story_line_sp_02.png);
		background-size: contain;
		background-position: center;
		pointer-events: none;
		z-index: 1;
		opacity: 0;
		transition: 1.5s;
		transition-delay: 0.5s;
		transform: translateY(-3em);
		padding-bottom: calc((100vw - (100vw - 767px))*1.8908333);
	}

	.reconstruction_area {
		position: relative;
		min-height: calc((100vw - (100vw - 767px))*1.8908333);
	}

	.reconstruction_area .reconstruction_area_inner .grid_system_flex .col-xl-5 {
		max-width: 767px;
		min-height: calc((100vw - (100vw - 767px))*0.88983050847);
		display: block;
		margin: 0 auto 10vw;
	}
	.reconstruction_fluid_01_outer {
		position: absolute;
		top: 5%;
		left: -5%;
	}
	.reconstruction_fluid_01 {
		width: 450px;
		height: 380px;
		transition: 0.3s;
	}
	.reconstruction_fluid_02_outer {
		left: auto;
		right: 5%;
		bottom: -10%;
		transition: 0.3s;
	}
	.reconstruction_fluid_02 {
		width: 350px;
		height: 290px;
		transition: 0.3s;
	}

	.reconstruction_h2_wrap {
		position: absolute;
		right: 0;
		z-index: 5;
	}
	.reconstruction_h2 img {
		max-width: 150px;
		transition: 0.3s;
		filter: drop-shadow(0px 0px 3px #fff) drop-shadow(1px 1px 3px #fff) drop-shadow(2px 2px 3px #fff);
	}
	.reconstruction_h2::before {
		display: none;
	}

	.reconstruction_list_wrap {
		margin-top: 3em;
		transition: 0.3s;
		max-width: 767px;
		margin: 0 auto;
	}
	.reconstruction_list_wrap ul {
		max-width: 680px;
		margin: 0 0 0 auto;
	}
	.reconstruction_list_wrap ul::before {
		width: 240px;
		height: 216px;
		transition: 0.3s;
		position: absolute;
		left: 0;
		bottom: 0;
		display: none;
	}
	.reconstruction_list_wrap ul li a {
		width: 90%;
		min-width: 220px;
		transition: 0.3s;
	}
	.reconstruction_area .reconstruction_area_inner .grid_system_flex .col-xl-4::after {
		content: '';
		position: absolute;
		top: -100%;
		left: -1em;
		right: auto;
		bottom: auto;
		width: 250px;
		height: 225px;
		background-image: url(/img/goen/img_reconstruction_vision.png);
		background-repeat: no-repeat;
		background-size: contain;
		opacity: 0;
		z-index: 2;
	}
	.reconstruction_area .reconstruction_area_inner .grid_system_flex .col-xl-4.active::after {
		animation: fadeIn_bottom 1s 0s both;
	}
	.reconstruction_area .reconstruction_area_inner .grid_system_flex .col-xl-5::before {
		top: 1em;
		left: -20%;
	}
	.reconstruction_area .reconstruction_area_inner .grid_system_flex .col-xl-5::after {
		content: '';
		position: absolute;
		top: -1em;
		right: 25%;
		display: block;
		width: 137px;
		height: 74px;
		background-image: url(/img/goen/img_reconstruction_cloud_01.png);
		background-size: contain;
		z-index: 2;
		opacity: 0;
	}
	.reconstruction_area .reconstruction_area_inner .grid_system_flex .col-xl-5.active::after {
		animation: fadeIn_bottom 1s 0.5s both, animation_fluffy_XY2 3.5s linear infinite;
	}

	.reconstruction_area::after {
		left: 7.5%;
		bottom: 10%;
	}
	.reconstruction_list_wrap::after {
		right: -15%;
		bottom: -110%;
	}

	.reconstruction_fluid_01_outer::before {
		content: '';
		position: absolute;
		top: auto;
		left: -1em;
		bottom: -25%;
		display: block;
		width: 137px;
		height: 74px;
		background-image: url(/img/goen/img_reconstruction_cloud_01.png);
		background-size: contain;
		z-index: 2;
		opacity: 0;
	}
	.reconstruction_fluid_01_outer.active::before {
		animation: fadeIn_bottom 1s 0.5s both, animation_fluffy_XY2 3.5s linear infinite;
	}

	.reconstruction_fluid_02_outer {
		*position: relative;
	}
	.reconstruction_fluid_02_outer::before {
		content: '';
		position: absolute;
		display: block;
		width: 73px;
		height: 51px;
		top: 5em;
		left: -50%;
		background-image: url(/img/goen/img_reconstruction_bird.png);
		background-size: contain;
		opacity: 0;
		transition: 0.3s;
	}
	.reconstruction_fluid_02_outer.active::before {
		opacity: 1;
		animation: fadeIn_top 1.5s 0s both, animation_fluffy_Y 3.5s ease-in-out infinite;
	}
	.reconstruction_list_wrap::before {
		display: none;
	}


	/** ふくしまの復興の現状を知りたいここまで **/

	/** ふくしまを応援したいここから **/
	.support_area_inner {
		padding: 3vw 0 0 0;
		max-width: 767px;
		margin: 0 auto;
	}
	.support_area_inner_top_right {
		display: flex;
		justify-content: center;
		padding: 7vw 0 0 0;
	}
	.support_fluid_01_outer {
		position: static;
	}
	.support_fluid_01 {
		width: 450px;
		height: 380px;
		transition: 0.3s;
	}
	.support_fluid_01_middle::after {
		top: -45px;
		right: 0;
	}

	.support_area_inner_middle_left {
		display: flex;
		justify-content: center;
	}
	.support_fluid_02_outer {
		position: static;
	}
	.support_fluid_02 {
		width: 380px;
		height: 320px;
		transition: 0.3s;
	}
	.support_area_border_02 {
		position: relative;
		margin-top: 12em;
	}

	.support_list_wrap {
		position: relative;
		z-index: 9;
		margin: 2em 0;
		padding: 3em 0 0;
	}

	.support_area_border_01 {
		padding: 0em 0 18em;
		transition: 0.3s;
	}
	.support_area_border_01::before {
		top: 2em;
		left: -5%;
		bottom: auto;
		width: 250px;
		height: 161px;
		transition: 0.3s;
	}
	.support_area_border_01::after {
		top: 0;
		left: auto;
		right: -5%;
		bottom: auto;
		width: 350px;
		height: 144px;
		transition: 0.3s;
	}
	.support_list_wrap {
		margin: 4em 0 4em;
	}
	.support_list_wrap ul {
		max-width: 680px;
		margin: 0 auto;
	}
	.support_list_wrap ul.active li:nth-child(1) {
		animation: fadeIn_bottom 1s 0.2s both;
	}
	.support_list_wrap ul.active li:nth-child(2) {
		animation: fadeIn_bottom 1s 0.4s both;
	}
	.support_list_wrap ul.active li:nth-child(3) {
		animation: fadeIn_bottom 1s 0.6s both;
	}
	.support_list_wrap ul li a {
		width: 90%;
		min-width: 220px;
		transition: 0.3s;
	}
	/** ふくしまを応援したいここまで **/

	/** ふくしまでビジネスしたいここから **/
	.business_area_outer::after {
		content: '';
		position: absolute;
		top: -2.08vw;
		left: 0;
		right: 0;
		bottom: 0;
		margin: 0 auto;
		width: 100%;
		height: 0;
		min-height: 0;
		background-image: url(/img/goen/bg_story_line_sp_03.png);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		pointer-events: none;
		z-index: 2;
		opacity: 0;
		transition: 1.5s;
		transition-delay: 0.5s;
		transform: translateY(3em);
		padding-bottom: calc((100vw - (100vw - 767px))*2.5725);
	}
	.business_area {
		min-height: calc((100vw - (100vw - 767px))*2.5725);
		position: relative;
	}
	.business_area_inner {

	}
	.business_area_inner_top {
		max-width: 767px;
		margin: 0 auto;
	}
	.business_area_inner_top_left {
		display: flex;
		justify-content: left;
		padding: 2em 0 0;
	}
	.business_fluid_01 {
		width: 450px;
		height: 460px;
		transition: 0.3s;
	}

	.business_area_inner_top_right {
		justify-content: right;
		display: flex;
	}
	.business_h2 {
		opacity: 0;
		position: static;
	}

	.business_fluid_01_outer {
		position: static;
	}

	.business_area_inner_middle {
		max-width: 767px;
		margin: 5em auto 0;
	}
	.business_fluid_02_outer {
		position: static;
	}
	.business_fluid_02 {
		width: 400px;
		height: 390px;
		transition: 0.3s;
	}

	.business_area_inner_bottom {
		max-width: 767px;
		margin: 5em auto 0;
	}
	.business_list_wrap ul {
		max-width: 680px;
		margin: 0 auto;
	}
	.business_list_wrap ul li a {
		font-size: 1.4em;
		width: 90%;
		min-width: 220px;
	}

	.business_area_border {
		position: relative;
	}
	.business_area_border::before {
		bottom: -2em;
		width: 330px;
		height: 324px;
		transition: 0.3s;
	}

	.business_list_wrap ul::before {
		right: 4em;
		bottom: -2em;
	}
	.business_list_wrap ul::after {
		display: none;
	}

	.business_area_border_02 {
		position: relative;
	}
	.business_area_border_02::before {
		content: '';
		position: absolute;
		left: 15%;
		bottom: auto;
		display: block;
		width: 200px;
		height: 307px;
		background-image: url(/img/goen/img_business_peoples_01.png);
		background-size: contain;
		background-repeat: no-repeat;
		z-index: 3;
		opacity: 0;
	}
	.business_area_border_02::after {
		content: '';
		position: absolute;
		right: 0;
		bottom: auto;
		display: block;
		width: 283px;
		height: 306px;
		background-image: url(/img/goen/img_business_object_02.png);
		background-size: contain;
		z-index: 3;
		opacity: 0;
		transition: 0.3s;
	}

	.business_area_border_02.active::before {
		animation: fadeIn_bottom 1.5s 0.2s both;
	}
	.business_area_border_02.active::after {
		animation: fadeIn_bottom 1.5s 0.5s both;
	}
	/** ふくしまでビジネスしたいここまで **/
	/*** トップページここまで ***/

	/*** 下層ページ共通ここから ***/
	/** ヘッダーここから **/
	.h1_area_outer::before {
		top: 30%;
		left: 1%;
		width: 130px;
		height: 93px;
		transition: 0.3s;
	}
	.h1_area_outer::after {
		right: -0.5em;
		bottom: 0;
		width: 280px;
		height: 221px;
		transition: 0.3s;
	}
	.h1_area_outer .h1_area::before {
		left: 8%;
		bottom: -1em;
		width: 200px;
		height: 128px;
		transition: 0.3s;
	}
	.h1_area_outer .main_visual_inner::before {
		left: 20%;
		bottom: 15%;
		width: 80px;
		height: 45px;
		transition: 0.3s;
	}
	.h1_area_outer .main_visual_inner::after {
		top: 25%;
		left: 20%;
		width: 110px;
		height: 78px;
		transition: 0.3s;
	}
	.h1_area_outer .h1_wrap {
		padding: 0vw 1em 5vw;
		transition: 0.3s;
	}
	.h1_area_outer .h1_wrap h1 {
		font-size: 1.8em;
		transition: 0.3s;
	}
	/** ヘッダーここまで **/
	/*** 下層ページ共通ここまで ***/
}
/*** 1199以下ここまで ***/


@media screen and (max-width:1199px) and (min-width:992px) {
	.introduction_area_outer::after {
		top: -120px;
		left: 0;
	}
	.introduction_area_bekotaro {
		right: 25%;
		bottom: 10%;
	}
}




/*** 992以上ここから ***/
@media all and (min-width:992px){
	/** トップページここから **/

	/** トップページここまで **/
}
/*** 992以上ここまで ***/


/*** 991以下ここから ***/
@media screen and (max-width:991px){
	/*** 全ページ共通ここから ***/
	.copyright_area::before {
		background-size: cover;
	}
	/*** 全ページ共通ここまで ***/

	/*** トップページここから ***/
	/** メインビジュアルここから **/
	.main_visual_text_wrap img {
		max-width: 350px;
		transition: 0.3s;
	}
	.main_visual_text_wrap div::before {
		top: -6vw;
		left: -25%;
		width: 60px;
		height: 118px;
		transition: 0.3s;
	}
	.main_visual_text_wrap div span::after {
		left: -15%;
		bottom: -45%;
		width: 140px;
		height: 120px;
		transition: 0.3s;
	}
	.main_visual_text_wrap div::after {
		left: -25%;
		width: 35px;
		height: 108px;
		transition: 0.3s;
	}
	.img_main_visual_map_wrap span::after {
		left: auto;
		right: 20%;
		bottom: 5%;
		width: 90px;
		height: 117px;
	}
	.main_visual_text_wrap::before {
		top: -10%;
		right: 7%;
		width: 100px;
		height: 126px;
	}

	.introduction_area_bekotaro {
		right: 22%;
	}
	/** メインビジュアルここまで **/

	/** 紹介エリアここから **/
	.introduction_area_outer {
		position: relative;
		*min-height: 139.98vw;
		/* margin: 0 0 3em; */
	}

	.introduction_area::before, .introduction_area::after {
		display: none;
	}

	.introduction_area_text::before {
		right: 0;
		width: 75px;
		height: 121px;
		transition: 0.3s;
	}
	.introduction_peoples_01::after {
		left: 15%;
		bottom: -2em;
		width: 110px;
		height: 163px;
		transition: 0.3s;
		transform: translateY(200%);
	}
	/** 紹介エリアここまで **/
	
	/** ピックアップここから **/
	.infomation_area .pickup_area {
		background-image: none;
		padding: 7.5em 0 1.5em;
	}

	.infomation_area .pickup_area .pickup_area_inner > h2::after {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		background-image: url(/img/goen/bg_pickup_fukushima_map.png);
		background-repeat: no-repeat;
		width: 150px;
		height: 1000px;
		background-size: contain;
		z-index: 0;
		top: 1.5em;
		margin: 0 auto;
		max-width: 100%;
	}
	.pickup_peoples_01::before, .pickup_peoples_01::after, .pickup_peoples_02::before, .pickup_peoples_02::after, .pickup_peoples_03::before, .pickup_peoples_03::after {
		display: none;
	}
	.pickup_peoples_01::before {
		width: 120px;
		height: 175px;
	}
	.pickup_peoples_01::after {
		width: 100px;
		height: 173px;
	}
	.pickup_peoples_02::before {
		width: 50px;
		height: 76px;
	}
	.pickup_peoples_02::after {
		width: 120px;
		height: 124px;
	}
	.pickup_peoples_03::before {
		width: 110px;
		height: 240px;
	}
	.pickup_peoples_03::after {
		width: 140px;
		height: 170px;
	}
	/** ピックアップここまで **/

	/** ふくしまの復興の現状を知りたいここから **/
	.reconstruction_list_wrap::after {
		right: -5%;
		bottom: -110%;
		width: 220px;
		height: 149px;
		transition: 0.3s;
	}
	.reconstruction_fluid_01_outer {
		position: absolute;
		top: 5%;
		left: 0%;
	}
	.reconstruction_h2_wrap {
		position: absolute;
		right: 5em;
		z-index: 5;
	}
	/** ふくしまの復興の現状を知りたいここまで **/

	/** ふくしまを応援したいここから **/
	.support_h2::after {
		bottom: 0;
		width: 60px;
		height: 84px;
		transition: 0.3s;
	}
	/** ふくしまを応援したいここまで **/

	/** ふくしまでビジネスしたいここから **/
	.business_fluid_01_outer {
		margin: 4em 0 0;
	}
	.business_area_inner_top_right {
		justify-content: center;
		position: relative;
		z-index: 5;
	}
	.business_area_border::before {
		bottom: -2em;
		width: 250px;
		height: 245px;
		transition: 0.3s;
	}
	.business_area_border_02::before {
		width: 150px;
		height: 230px;
		transition: 0.3s;
	}
	.business_area_border_02::after {
		width: 200px;
		height: 220px;
		transition: 0.3s;
	}
	/** ふくしまでビジネスしたいここまで **/

	/** お問い合わせエリアここから **/
	.contact_area::before, .contact_area::after {
		display: none;
	}
	/** お問い合わせエリアここまで **/

	/*** トップページここまで ***/

	/*** 下層ページ共通ここから ***/
	/** ヘッダーここから **/
	.h1_area_outer::before {
		top: 35%;
		left: 1%;
		width: 100px;
		height: 72px;
		transition: 0.3s;
	}
	.h1_area_outer::after {
		right: -0.5em;
		bottom: 0;
		width: 200px;
		height: 157px;
		transition: 0.3s;
	}
	.h1_area_outer .h1_area::before {
		left: 5%;
		bottom: -1em;
		width: 140px;
		height: 90px;
		transition: 0.3s;
	}
	.h1_area_outer .main_visual_inner::before {
		left: 18%;
		bottom: 15%;
		width: 50px;
		height: 29px;
		transition: 0.3s;
	}
	.h1_area_outer .main_visual_inner::after {
		top: 35%;
		left: 18%;
		width: 80px;
		height: 57px;
		transition: 0.3s;
	}

	.h1_area_outer .h1_wrap h1 {
		font-size: 1.8em;
		transition: 0.3s;
	}
	.h1_area_outer .h1_wrap h1::before {
		right: 2%;
		bottom: 0em;
		width: 40px;
		height: 65px;
		transition: 0.3s;
	}
	.h1_area_outer .h1_wrap span::after {
		right: -14%;
		bottom: -1.7em;
		width: 69px;
		height: 55px;
		transition: 0.3s;
	}
	.h1_area_outer .img-main::before {
		top: 10%;
		left: 40%;
		width: 70px;
		height: 37px;
		transition: 0.3s;
	}
	.h1_area_outer .img-main::after {
		top: 15%;
		left: 55%;
		width: 97px;
		height: 52px;
		transition: 0.3s;
	}
	.h1_area_outer .img-main div::before {
		top: 10%;
		left: 75%;
		width: 70px;
		height: 37px;
		transition: 0.3s;
	}
	/** ヘッダーここまで **/
	/*** 下層ページ共通ここまで ***/

}
/*** 991以下ここまで ***/





/*** 768以上ここから ***/
@media all and (min-width:768px){


}
/*** 768以上ここまで ***/

/*** 767以下ここから ***/
@media screen and (max-width:767px){

	/*** トップページここから ***/
	/** 紹介エリアここから **/
	.introduction_area_outer {
		min-height: calc((100vw - 5vw)*1.398);
	}
	.introduction_area_outer .article_inner {
		min-height: calc((100vw - 5vw)*1.398);
	}
	.introduction_area {
		min-height: calc((100vw - 5vw)*1.398);
	}

	.introduction_area_outer::after {
		content: '';
		position: absolute;
		top: -50px;
		left: 0;
		right: 0;
		bottom: 0;
		margin: 0 auto;
		width: 100%;
		height: 0;
		max-width: 767px;
		min-height: 0;
		background-image: url(/img/goen/bg_story_line_sp_01.png);
		background-size: contain;
		background-position: top;
		background-repeat: no-repeat;
		pointer-events: none;
		z-index: 0;
		opacity: 0;
		transition: 1.5s;
		transition-delay: 0s;
		transition-delay: 0.5s;
		transform: translateY(-2em);
		padding-bottom: 139vw;
	}
	.introduction_area_bekotaro {
		position: absolute;
		right: 10%;
		bottom: 0%;
	}
	/** 紹介エリアここまで **/

	/** お知らせここから **/
	.list_ccc li > span {
		display: block;
	}
	/** お知らせここまで **/

	/** ふくしまの復興の現状を知りたいここから **/
	.reconstruction_fluid_01_outer {
		left: 2%;
	}
	.reconstruction_fluid_01 {
		width: 380px;
		height: 340px;
		transition: 0.3s;
	}
	.reconstruction_fluid_02 {
		width: 320px;
		height: 270px;
		transition: 0.3s;
	}
	.reconstruction_fluid_02_outer::before {
		width: 73px;
		height: 51px;
		top: 0em;
		left: -50%;
		transition: 0.3s;
	}
	.reconstruction_area .reconstruction_area_inner .grid_system_flex .col-xl-4::after {
		width: 230px;
		height: 207px;
	}
	.reconstruction_list_wrap::after {
		right: 15%;
		bottom: -110%;
		width: 220px;
		height: 149px;
		transition: 0.3s;
	}
	/** ふくしまの復興の現状を知りたいここまで **/

	/** ふくしまを応援したいここから **/
	.support_fluid_01 {
		width: 380px;
		height: 340px;
		transition: 0.3s;
	}
	.support_fluid_02 {
		width: 320px;
		height: 280px;
		transition: 0.3s;
	}
	.support_list_wrap {
		margin: 1em 0;
		padding: 2em 0 0;
	}
	.support_area_border_01::before {
		top: 7em;
		left: 10%;
		bottom: auto;
		width: 200px;
		height: 130px;
		transition: 0.3s;
	}
	.support_area_border_01::after {
		top: 5em;
		left: auto;
		right: 10%;
		bottom: auto;
		width: 280px;
		height: 116px;
		transition: 0.3s;
	}
	/** ふくしまを応援したいここまで **/

	/** ふくしまでビジネスしたいここから **/
	.business_fluid_01 {
		width: 380px;
		height: 400px;
		transition: 0.3s;
	}

	.business_fluid_02 {
		width: 360px;
		height: 340px;
		margin: 0 2em 0 auto;
		transition: 0.3s;
	}

	.business_area_border_02::after {
		margin-top: 10em;
	}
	/** ふくしまでビジネスしたいここまで **/
	/*** トップページここまで ***/

	/*** 下層ページ共通ここから ***/
	/** ヘッダーここから **/
	.h1_area_outer::before {
		top: 35%;
		left: 1%;
		width: 90px;
		height: 65px;
		transition: 0.3s;
	}
	.h1_area_outer::after {
		right: -0.5em;
		bottom: 0;
		width: 160px;
		height: 127px;
		transition: 0.3s;
	}
	.h1_area_outer .h1_area::before {
		left: 5%;
		bottom: -1em;
		width: 120px;
		height: 78px;
		transition: 0.3s;
	}
	.h1_area_outer .main_visual_inner::before {
		left: 16%;
		bottom: 15%;
		width: 40px;
		height: 24px;
		transition: 0.3s;
	}
	.h1_area_outer .main_visual_inner::after {
		top: 40%;
		left: 16%;
		width: 80px;
		height: 57px;
		transition: 0.3s;
	}

	.h1_area_outer .h1_wrap h1 {
		font-size: 1.8em;
		transition: 0.3s;
	}
	.h1_area_outer .h1_wrap h1::before {
		right: 2%;
		bottom: 0em;
		width: 35px;
		height: 57px;
		transition: 0.3s;
	}
	.h1_area_outer .h1_wrap span::after {
		right: -14%;
		bottom: -1.5em;
		width: 60px;
		height: 47px;
		transition: 0.3s;
	}
	.h1_area_outer .img-main::before {
		top: 10%;
		left: 40%;
		width: 60px;
		height: 33px;
		transition: 0.3s;
	}
	.h1_area_outer .img-main::after {
		top: 15%;
		left: 55%;
		width: 77px;
		height: 42px;
		transition: 0.3s;
	}
	.h1_area_outer .img-main div::before {
		top: 10%;
		left: 75%;
		width: 70px;
		height: 37px;
		transition: 0.3s;
	}
	/** ヘッダーここまで **/
	/*** 下層ページ共通ここまで ***/

	/*** 大メニューページここから ***/
	.list-2_area_outer {
		padding: 1.5em 0.5em;
	}
	/*** 大メニューページここまで ***/

	/*** 小メニューページここから ***/
	.list-1_area_outer {
		padding: 1.5em 0.5em;
	}
	/*** 小メニューページここまで ***/


	/*** 最終ページここから ***/
	.detail_area_outer {
		padding: 1.5em 0.5em;
	}

	.detail_area .scroll-hint table {
		width: 100%;
		white-space: nowrap;
	}
	/*** 最終ページここまで ***/
}

/*** 767以下ここまで ***/


/*** 600以上ここから ***/
@media all and (min-width:600px){


}
/*** 600以上ここまで ***/
@media screen and (max-width:1199px) and (min-width:768px) {
	.introduction_area_bekotaro {
		bottom: 3%;
	}
}
@media screen and (max-width:1199px) and (min-width:600px) {
	.introduction_area_outer::after {
		background-image: url(/img/goen/bg_story_line_tb_01.png);
		top: -80px;
	}
}


/*** 599以下ここから ***/
@media screen and (max-width:599px){
	/*** 共通ここから ***/

	.toggle_btn_wrap {
		position: fixed;
		top: 1em;
		right: 1em;
		width: 45px;
		height: 45px;
		display: block;
		z-index: 99999;
	}
	.toggle_button {
		width: 45px;
		height: 45px;
		transition: 0.3s;
	}
	.toggle_button span {
		display: inline-block;
		transition: all .4s;
		position: absolute;
		left: 11px;
		height: 3px;
		border-radius: 5px;
		background: #fff;
		width: 50%;
	}
	.toggle_button span:nth-of-type(1) {
		top: 12px;
	}
	.toggle_button span:nth-of-type(2) {
		top: 22px;
	}
	.toggle_button span:nth-of-type(3) {
		top: 32px;
	}

	.toggle_button.active span:nth-of-type(1) {
		top: 14px;
		left: 8px;
		transform: translateY(6px) rotate(-45deg);
		width: 70%;
	}
	.toggle_button.active span:nth-of-type(3) {
		top: 27px;
		left: 8px;
		transform: translateY(-6px) rotate(45deg);
		width: 70%;
	}
	.toggle_button::after {
		left: 2px;
		bottom: -18px;
		transition: 0.3s;
	}

	body .kenSaku {
		padding: 0 65px 0 0;
		transition: 0.3s;
	}
	.g-nav-list_outer {
		padding: 1em 0.5em 0;
		transition: 0.3s;
	}
	.home_link {
		padding: 1.5em 0.5em 1em;
	}
	.home_link a {
		margin: 0;
	}
	.mega_menu.grid_system_flex {
		width: 300px;
		max-width: 100%;
		margin: 1.5em auto 0;
	}
	.menu_wrap ul {
		margin-top: 0.5em;
	}
	.menu_wrap.panelactive ul li {
		padding: 0.3em 0.6em;
	}

	/** トップへ戻るボタンここから **/
	.page-top {
		position: fixed;
		right: 1em;
		bottom: -100%;
		z-index: 99;
	}
	.page-top a {
		background-image: url(/img/goen/img_to_top_white.png);
		background-size: contain;
		text-indent: -9999px;
		display: block;
		width: 52px;
		height: 141px;
	}
	/** トップへ戻るボタンここまで **/

	/** フッターコピーライトここから **/
	.copyright_area::before {
		height: 40px;
	}
	/** フッターコピーライトここまで **/

	/*** 共通ここまで ***/
	/*** トップページここから ***/
	/** メインビジュアルここから **/
	.img-main {
		position: relative;
		text-align: left;
		padding: 0 0.5em;
	}
	.main_visual_text_wrap {
		justify-content: center;
		margin: 5.5em 0 0em;
	}
	.main_visual_text_wrap div::before {
		top: -10vw;
		left: -25%;
		width: 40px;
		height: 79px;
		transition: 0.3s;
	}
	.main_visual_text_wrap img {
		max-width: 220px;
		transition: 0.3s;
	}
	.main_visual_text_wrap::before {
		top: -30%;
		right: 2%;
		width: 60px;
		height: 76px;
		transition: 0.3s;
	}
	.main_visual_text_wrap div span::before {
		right: 1.5em;
		bottom: 0.7em;
		width: 36px;
		height: 56px;
		transition: 0.3s;
	}
	.main_visual_text_wrap div span::after {
		left: -25%;
		bottom: -55%;
		width: 105px;
		height: 90px;
		transition: 0.3s;
	}
	.main_visual_text_wrap div::after {
		left: -25%;
		bottom: 8%;
		width: 25px;
		height: 77px;
		transition: 0.3s;
	}
	.img_main_visual_map_wrap span::after {
		left: auto;
		right: 10%;
		bottom: 15%;
		width: 60px;
		height: 78px;
	}
	.img_main_visual_map_wrap img {
		margin: 1em -0.6em 0 0;
		max-width: 60vw;
		transition: 0.3s;
	}
	.main_visual_inner .grid_system_flex .col-xl-5::before {
		top: 25%;
		right: 20%;
		width: 115px;
		height: 43px;
	}
	.main_visual_inner .grid_system_flex .col-xl-5::after {
		left: -3em;
		bottom: 20%;
		width: 112px;
		height: 70px;
	}
	/** メインビジュアルここまで **/

	/** 紹介エリアここから **/
	.introduction_area {
		padding: 1em 0;
	}
	.introduction_area_inner {
		padding: 0em 2.5em;
		transition: 0.3s;
	}
	.introduction_area_inner h2 {
		text-align: center;
		margin: 0.5em auto;
		max-width: 70vw;
	}
	.introduction_area_text {
		font-size: 1.25em;
		line-height: 2;
	}
	.introduction_area_text::before {
		top: 0;
		right: -0.7em;
		width: 40px;
		height: 65px;
		transition: 0.3s;
	}
	.introduction_peoples_01::after {
		left: 5%;
		bottom: 3em;
		width: 70px;
		height: 103px;
		transition: 0.3s;
		transform: translateY(200%);
	}
	.introduction_area_bekotaro {
		position: absolute;
		right: 6%;
		bottom: -5%;
	}
	.introduction_area_bekotaro span::before {
		top: 22px;
		right: 60px;
		width: 140px;
		height: 74px;
		transition: 0.3s;
	}
	.introduction_area_bekotaro span::after {
		width: 150px;
		height: 96px;
		transition: 0.3s;
	}
	/** 紹介エリアここまで **/

	/** ピックアップここから **/
	.infomation_area .pickup_area {
		margin: 0 auto 0;
		padding: 5.5em 0 5.5em;
	}
	.infomation_area .pickup_area .pickup_area_inner > h2.active::before {
		opacity: 1;
		top: -30px;
	}
	.infomation_area .pickup_area .pickup_area_inner > h2::before {
		left: calc(50% - 40px / 2);
		width: 40px;
		height: 61px;
	}
	.infomation_area .pickup_area .pickup_area_inner > h2 span::before {
		height: 25px;
		top: calc(50% - 25px / 2);
	}
	.infomation_area .pickup_area .pickup_area_inner > h2 span::after {
		height: 25px;
		top: calc(50% - 25px / 2);
	}
	.pickup_area_innner_contents {
		padding: 1em;
	}
	.pickup_box {
		padding: 0.5em;
	}
	.pickup_box .topContents {
		padding: 0.5em;
	}
	.pickup_box .topContents h2 {
		font-size: 1.25em;
		padding: 0.6em 0.6em 0.6em 2.4em;
	}
	.pickup_box .topContents h2::before {
		top: 0.2em;
		left: 0.4em;
		width: 36px;
		height: 132px;
		transition: 0.3s;
	}
	.pickup_box .topContents p {
		padding: 0 0.5em;
	}
	.infomation_area .pickup_area {
		padding: 5.5em 0 1.5em;
	}
	.pickup_peoples_03::after {
		top: -7.5em;
		right: 0%;
	}
	/** ピックアップここまで **/

	/** お知らせエリアここから **/
	.infomation_area h2 span::before {
		top: -20px;
		left: -60px;
		width: 40px;
		height: 42px;
	}
	.infomation_area h2 span::after {
		top: -34px;
		right: -50px;
		width: 38px;
		height: 60px;
	}
	.infomation_area h2 img {
		max-width: 240px;
	}

	.infomation_box > div:nth-child(2) > a {
		font-size: 1em;
		transition: 0.3s;
	}
	.infomation_box > div:nth-child(2) > a::after {
		right: 1.55em;
	}

	.infomation_area::before, .infomation_area::after {
		display: none;
	}
	/** お知らせエリアここまで **/

	/** ふくしまの復興の現状を知りたいここから **/
	.reconstruction_area_outer {
		position: relative;
		min-height: calc((100vw + 3vw)*1.8908333);
		margin: 0;
	}
	.reconstruction_area {
		position: relative;
		min-height: calc((100vw + 3vw)*1.8908333);
	}
	.reconstruction_area_outer::after {
		top: 0;
		background-position: top;
		padding-bottom: calc((100vw + 3vw)*1.8908333);
	}
	.reconstruction_area .reconstruction_area_inner .grid_system_flex .col-xl-5 {
		min-height: calc((100vw)*0.88983050847);
		margin: 0 auto 15vw;
	}
	.reconstruction_h2_wrap {
		position: absolute;
		right: 2em;
		z-index: 5;
		transition: 0.3s;
	}
	.reconstruction_h2 img {
		max-width: 120px;
		transition: 0.3s;
		filter: drop-shadow(0px 0px 3px #fff) drop-shadow(1px 1px 3px #fff) drop-shadow(2px 2px 3px #fff);
	}
	.reconstruction_area .reconstruction_area_inner .grid_system_flex .col-xl-5::after {
		top: 0em;
		right: 25%;
		width: 67px;
		height: 37px;
		transition: 0.3s;
	}
	.reconstruction_fluid_01_outer {
		left: -5%;
		top: 10%;
		transition: 0.3s;
	}
	.reconstruction_fluid_01_outer::before {
		left: 0em;
		bottom: -25%;
		width: 77px;
		height: 42px;
	}
	.reconstruction_fluid_01 {
		width: 320px;
		height: 300px;
		transition: 0.3s;
	}
	.reconstruction_fluid_02_outer {
		left: auto;
		right: 3%;
		bottom: -20%;
		transition: 0.3s;
	}
	.reconstruction_fluid_02_outer::before {
		width: 73px;
		height: 51px;
		top: 6em;
		left: -25vw;
		transition: 0.3s;
	}
	.reconstruction_fluid_02 {
		width: 250px;
		height: 220px;
		transition: 0.3s;
	}
	.reconstruction_list_wrap ul li a {
		font-size: 1em;
		min-width: 160px;
		border: 2px dotted #4e9a46;
		transition: 0.3s;
	}
	.reconstruction_list_wrap ul li:nth-child(1) a::before {
		top: 0.7em;
		width: 35px;
		height: 29px;
		transition: 0.3s;
	}
	.reconstruction_list_wrap ul li:nth-child(2) a::before {
		top: 1em;
		width: 40px;
		height: 21px;
		transition: 0.3s;
	}
	.reconstruction_list_wrap ul li:nth-child(3) a::before {
		top: 0.5em;
		width: 37px;
		height: 31px;
		transition: 0.3s;
	}
	.reconstruction_area::after {
		left: 7.5%;
		bottom: 5%;
		width: 100px;
		height: 105px;
		transition: 0.3s;
	}
	.reconstruction_area .reconstruction_area_inner .grid_system_flex .col-xl-4::before {
		top: 2em;
		width: 77px;
		height: 42px;
		transition: 0.3s;
	}
	.reconstruction_area .reconstruction_area_inner .grid_system_flex .col-xl-4::after {
		top: -45%;
		width: 150px;
		height: 134px;
		transition: 0.3s;
	}
	.reconstruction_area .reconstruction_area_inner .grid_system_flex .col-xl-3::before {
		top: -8em;
		right: 1em;
		width: 77px;
		height: 42px;
	}
	.reconstruction_list_wrap::after {
		right: 2%;
		bottom: -87%;
		width: 150px;
		height: 101px;
		transition: 0.3s;
		z-index: -1;
	}
	/** ふくしまの復興の現状を知りたいここまで **/

	/** ふくしまを応援したいここから **/
	.support_h2 {
		text-align: right;
		padding: 1em 0em 2em 0.6em;
		position: relative;
	}
	.support_h2::before {
		display: none;
	}
	.support_h2::after {
		bottom: 40px;
		width: 40px;
		height: 58px;
		transition: 0.3s;
		right: -10px;
	}
	.support_area_inner_top_right {
		display: flex;
		justify-content: center;
		padding: 12vw 0 0 0;
	}
	.support_fluid_01_outer {
		margin: 0 -1em 0 0;
		transition: 0.3s;
	}
	.support_fluid_01 {
		width: 300px;
		height: 320px;
		transition: 0.3s;
	}
	.support_fluid_01_middle::before {
		top: -50px;
		width: 40px;
		height: 71px;
		transition: 0.3s;
		left: 3em;
	}
	.support_fluid_01_middle::after {
		top: -62px;
		right: -10px;
		width: 90px;
		height: 132px;
		transition: 0.3s;
	}

	.business_area_inner_middle {
		max-width: 767px;
		margin: 2em auto 0;
	}
	.support_fluid_02_outer {
		margin: 2em 0 0 -1em;
	}
	.support_fluid_02 {
		width: 230px;
		height: 210px;
		transition: 0.3s;
	}
	.support_area_border_02::before {
		right: 0%;
		bottom: 1em;
		width: 150px;
		height: 119px;
		transition: 0.3s;
	}
	.support_fluid_02_middle::before {
		top: -62px;
		left: 3em;
		width: 80px;
		height: 72px;
		transition: 0.3s;
	}
	.support_list_wrap ul {
		position: relative;
	}
	.support_list_wrap ul::before {
		content: '';
		position: absolute;
		left: 0em;
		top: 0;
		display: block;
		width: 77px;
		height: 42px;
		background-image: url(/img/goen/img_reconstruction_cloud_01.png);
		background-size: contain;
		z-index: 0;
		opacity: 0;
	}
	.support_list_wrap ul.active::before {
		animation: fadeIn_bottom 1s 0.5s both, animation_fluffy_XY 3.5s linear infinite;
	}
	.support_list_wrap ul li a {
		width: 90%;
		min-width: 160px;
		font-size: 1em;
		border: 2px dotted #4e9a46;
		transition: 0.3s;
	}
	.support_list_wrap ul li:nth-child(1) a::before {
		width: 36px;
		height: 31px;
		transition: filter 0.3s ease;
	}
	.support_list_wrap ul li:nth-child(2) a::before {
		width: 24px;
		height: 33px;
		transition: filter 0.3s ease;
	}
	.support_list_wrap ul li:nth-child(3) a::before {
		width: 40px;
		height: 17px;
		top: 1em;
		transition: filter 0.3s ease;
	}
	.support_area_outer::after {
		padding-top: 27%;
	}
	.support_list_wrap::before {
		top: 25%;
		left: auto;
		right: 3em;
		width: 49px;
		height: 25px;
	}
	.support_area_border_01 {
		padding: 0em 0 8em;
		transition: 0.3s;
	}
	.support_area_border_01::before {
		top: 2em;
		left: 10%;
		bottom: auto;
		width: 130px;
		height: 83px;
		transition: 0.3s;
	}
	.support_area_border_01::after {
		top: 1em;
		left: auto;
		right: 3%;
		bottom: auto;
		width: 180px;
		height: 74px;
		transition: 0.3s;
	}
	/** ふくしまを応援したいここまで **/

	/** ふくしまでビジネスしたいここから **/
	.business_area_outer::after {
		padding-bottom: calc((100vw + 10vw)*2.5725);
		background-position: top;
	}
	.business_area {
		min-height: calc((100vw + 10vw)*2.5725);
		position: relative;
	}
	.business_area_inner_top_left {
		padding: 0;
	}
	.business_fluid_01_outer {
		margin: 0;
	}
	.business_fluid_01 {
		width: 230px;
		height: 240px;
		transition: 0.3s;
	}
	.business_h2 img {
		max-width: 65%;
		transition: 0.3s;
		filter: drop-shadow(0px 0px 1px #edf3f7) drop-shadow(1px 1px 1px #edf3f7) drop-shadow(1px 1px 1px #edf3f7) drop-shadow(2px 2px 1px #edf3f7);
	}
	.business_area_inner_middle {
		margin: 1em auto 0;
	}
	.business_fluid_02 {
		width: 220px;
		height: 200px;
		margin: 0 0 0 auto;
		transition: 0.3s;
	}
	.business_area_border::before {
		bottom: -1em;
		width: 170px;
		height: 168px;
		transition: 0.3s;
	}

	.business_list_wrap ul::before {
		right: 1em;
		bottom: -1em;
		width: 70px;
		height: 99px;
	}
	.business_list_wrap ul li a {
		font-size: 1.25em;
		width: 90%;
		min-width: 160px;
		border: 2px dotted #4e9a46;
	}
	.business_list_wrap ul li:nth-child(1) a::before {
		width: 40px;
		height: 32px;
		transition: 0.3s;
	}
	.business_list_wrap ul li:nth-child(2) a::before {
		top: 0.4em;
		width: 40px;
		height: 36px;
		transition: 0.3s;
	}
	.business_list_wrap ul li:nth-child(3) a::before {
		width: 24px;
		height: 36px;
		transition: 0.3s;
	}
	.business_list_wrap ul li:nth-child(4) a::before {
		width: 28px;
		height: 33px;
		transition: 0.3s;
	}
	.business_list_wrap ul li:nth-child(5) a::before {
		width: 36px;
		height: 34px;
		transition: 0.3s;
	}

	.business_area_inner_bottom {
		margin: 5em auto 0;
	}
	.business_area_border_02::before {
		width: 100px;
		height: 154px;
		transition: 0.3s;
		top: 15px;
		z-index: 3;
	}
	.business_area_border_02::after {
		margin-top: 2em;
		width: 240px;
		height: 260px;
		transition: 0.3s;
	}

	/** ふくしまでビジネスしたいここまで **/

	/** お問い合わせエリアここから **/
	.btn_contact a {
		font-size: 1em;
		transition: 0.3s;
	}
	.contact_box::before {
		width: 80px;
		height: 100px;
	}
	/** お問い合わせエリアここまで **/
	/*** トップページここまで ***/



	/*** 下層ページ共通ここから ***/
	/** ヘッダーここから **/
	.h1_area_outer, .h1_area_outer .h1_area, .h1_area_outer .main_visual_inner {
		min-height: 35vh;
	}
	.h1_area_outer .img-main {
		padding: 1em;
	}
	.h1_area_outer::before {
		top: 22%;
		left: 1%;
		width: 90px;
		height: 65px;
		transition: 0.3s;
	}
	.h1_area_outer::after {
		right: -0.5em;
		bottom: -3%;
		width: 160px;
		height: 127px;
		transition: 0.3s;
	}
	.h1_area_outer .h1_wrap {
		margin: auto;
		padding: 3em 1em 4em;
	}
	.h1_area_outer .h1_area::before {
		left: -2%;
		bottom: -1.2em;
		width: 120px;
		height: 78px;
		transition: 0.3s;
	}
	.h1_area_outer .main_visual_inner::before {
		left: 18%;
		bottom: 10%;
		width: 40px;
		height: 24px;
		transition: 0.3s;
	}
	.h1_area_outer .main_visual_inner::after {
		top: auto;
		left: 28%;
		bottom: 8%;
		width: 70px;
		height: 50px;
		transition: 0.3s;
	}

	.h1_area_outer .h1_wrap h1 {
		max-width: none;
		padding: 0 10vw;
		font-size: 1.5em;
		transition: 0.3s;
	}
	.h1_area_outer .h1_wrap h1::before {
		right: 2%;
		bottom: 0em;
		width: 35px;
		height: 57px;
		transition: 0.3s;
	}
	.h1_area_outer .h1_wrap span::after {
		right: -14%;
		bottom: -1.9em;
		width: 60px;
		height: 47px;
		transition: 0.3s;
	}
	.h1_area_outer .img-main::before {
		top: auto;
		left: 40%;
		bottom: -50%;
		width: 60px;
		height: 33px;
		transition: 0.3s;
	}
	.h1_area_outer .img-main::after {
		top: 50%;
		left: 58%;
		width: 77px;
		height: 42px;
		transition: 0.3s;
	}
	.h1_area_outer .img-main div::before {
		top: auto;
		left: 80%;
		bottom: -130%;
		width: 70px;
		height: 37px;
		transition: 0.3s;
	}
	/** ヘッダーここまで **/
	/*** 下層ページ共通ここまで ***/

	/*** 最終ページここから ***/
	/** お問い合わせエリアここから **/
	#section_footer {
		font-size: 0.95em;
	}
	#section_footer_title {
		background-color: #fae588;
		padding: 0.8em 1.5em;
		color: #17380e;
		font-size: 1.1em;
		font-weight: 700;
	}
	#section_footer_name {
		padding: 1em 1.5em 0.2em;
	}
	#section_footer_info {
		padding: 0 1.5em 1.5em;
	}
	/** お問い合わせエリアここまで **/
	/*** 最終ページここまで ***/

}
/*** 599以下ここまで ***/



/*** 480以上ここから ***/
@media all and (min-width:480px){


}
/*** 480以上ここまで ***/

/*** 479以下ここから ***/
@media all and (max-width:479px){
	/*** 共通ここから ***/
	.menu_contact_box .btn_contact::before {
		right: -15px;
		bottom: -60px;
		width: 60px;
		height: 75px;
	}
	.g-nav-list::after {
		content: '';
		display: block;
		width: 100%;
		height: 30vw;
		margin: auto 0 0;
		background-image: url(/img/goen/img_menu_item.png);
		z-index: 0;
		opacity: 0;
		background-size: 250%;
		background-repeat: repeat-x;
		padding-top: 0em;
	}
	/** フッターここから **/
	.footer_area {
		padding: 1.5em 0.5em 0;
	}
	.footer_menu {
		margin: 3.5em auto 2em;
	}
	.copyright_area_inner {
		position: relative;
		z-index: 1;
		text-align: center;
		font-size: 0.8em;
	}
	.footer_address {
		display: inline-block;
		text-align: left;
		margin: 1em 0 0;
	}
	.footer_menu_title br {
		display: none;
	}
	.footer_menu .col-xl-4 .footer_menu_title {
		font-size: 1.1em;
	}
	.footer_menu_common ul li a {
		font-size: 1em;
	}
	/** フッターここまで **/
	/*** 共通ここまで ***/

	/*** トップページここから ***/
	/** メインビジュアルここから **/
	.main_visual_wrap {
		overflow-x: hidden;
	}
	.main_visual_text_wrap {
		justify-content: center;
		margin: 4em 0 0em;
	}
	.main_visual_text_wrap img {
		max-width: 180px;
		transition: 0.3s;
	}
	.main_visual_text_wrap div span::before {
		right: 1em;
		bottom: 0.5em;
		width: 30px;
		height: 47px;
		transition: 0.3s;
	}
	.main_visual_text_wrap div::before {
		top: -10vw;
		left: -40%;
		width: 36px;
		height: 69px;
		transition: 0.3s;
	}
	.main_visual_text_wrap::before {
		top: -30%;
		right: 0%;
		width: 56px;
		height: 71px;
		transition: 0.3s;
	}
	.main_visual_text_wrap div span::after {
		left: -40%;
		bottom: -70%;
		width: 90px;
		height: 77px;
		transition: 0.3s;
	}
	.main_visual_text_wrap div::after {
		left: -30%;
		bottom: 8%;
		width: 20px;
		height: 62px;
		transition: 0.3s;
	}
	.img_main_visual_map_wrap span::after {
		left: auto;
		right: 5%;
		bottom: 15%;
		width: 54px;
		height: 71px;
	}
	/** メインビジュアルここまで **/
	/** 紹介エリアここから **/
	.introduction_area_inner {
		padding: 0em 1.2em;
		transition: 0.3s;
	}
	.introduction_area_inner h2 {
		text-align: center;
		margin: 0.5em auto;
		max-width: 70vw;
	}
	.introduction_area_text {
		font-size: 1em;
		line-height: 1.8;
	}
	/** 紹介エリアここまで **/

	/** ピックアップここから **/
	.pickup_peoples_01.active::before, .pickup_peoples_01.active::after, .pickup_peoples_02.active::before, .pickup_peoples_02.active::after, .pickup_peoples_03.active::before, .pickup_peoples_03.active::after {
		display: none;
	}
	/** ピックアップここまで **/
	/** お知らせエリアここから **/
	.infomation_area h2 span::before {
		top: -10px;
		left: -60px;
		width: 40px;
		height: 42px;
	}
	.infomation_area h2 span::after {
		top: -24px;
		right: -50px;
		width: 38px;
		height: 60px;
	}
	.infomation_area h2 img {
		max-width: 220px;
	}

	.infomation_box > div:nth-child(2) > a {
		font-size: 1em;
		transition: 0.3s;
	}
	.infomation_box > div:nth-child(2) > a::after, .infomation_box > div:nth-child(2) > a:hover::after {
		right: 1.55em;
	}
	/** お知らせエリアここまで **/

	/** ふくしまの復興の現状を知りたいここから **/
	.reconstruction_area_outer {
		position: relative;
		min-height: calc((100vw + 3vw)*1.8908333);
		margin: 0;
	}
	.reconstruction_area {
		position: relative;
		min-height: calc((100vw + 3vw)*1.8908333);
	}
	.reconstruction_area_outer::after {
		top: 0;
		background-position: top;
		padding-bottom: calc((100vw + 3vw)*1.8908333);
	}
	.reconstruction_area .reconstruction_area_inner .grid_system_flex .col-xl-5 {
		min-height: calc((100vw)*0.88983050847);
		margin: 0 auto 15vw;
	}
	.reconstruction_h2_wrap {
		position: absolute;
		right: 2em;
		z-index: 5;
	}
	.reconstruction_h2 img {
		max-width: 110px;
		transition: 0.3s;
		filter: drop-shadow(0px 0px 3px #fff) drop-shadow(1px 1px 3px #fff) drop-shadow(2px 2px 3px #fff);
	}
	.reconstruction_area .reconstruction_area_inner .grid_system_flex .col-xl-5::after {
		top: 0em;
		right: 25%;
		width: 67px;
		height: 37px;
		background-repeat: no-repeat;
	}
	.reconstruction_fluid_01_outer {
		left: -5%;
		top: 10%;
	}
	.reconstruction_fluid_01_outer::before {
		left: 0em;
		bottom: -25%;
		width: 77px;
		height: 42px;
	}
	.reconstruction_fluid_01 {
		width: 250px;
		height: 220px;
		transition: 0.3s;
	}
	.reconstruction_fluid_02_outer {
		left: auto;
		right: 3%;
		bottom: -15%;
		transition: 0.3s;
	}
	.reconstruction_fluid_02_outer::before {
		width: 73px;
		height: 51px;
		top: 5em;
		left: -20vw;
		transition: 0.3s;
	}
	.reconstruction_fluid_02 {
		width: 200px;
		height: 170px;
		transition: 0.3s;
	}
	.reconstruction_list_wrap ul li a {
		font-size: 1em;
		min-width: 160px;
		transition: 0.3s;
	}
	.reconstruction_list_wrap ul li:nth-child(1) a::before {
		top: 0.7em;
		width: 35px;
		height: 29px;
		transition: 0.3s;
	}
	.reconstruction_list_wrap ul li:nth-child(2) a::before {
		top: 1em;
		width: 40px;
		height: 21px;
		transition: 0.3s;
	}
	.reconstruction_list_wrap ul li:nth-child(3) a::before {
		top: 0.5em;
		width: 37px;
		height: 31px;
		transition: 0.3s;
	}
	.reconstruction_area::after {
		left: 7.5%;
		bottom: 5%;
		width: 100px;
		height: 105px;
		transition: 0.3s;
	}
	.reconstruction_area .reconstruction_area_inner .grid_system_flex .col-xl-4::before {
		top: 2em;
		width: 77px;
		height: 42px;
		transition: 0.3s;
	}
	.reconstruction_area .reconstruction_area_inner .grid_system_flex .col-xl-4::after {
		top: -45%;
		width: 150px;
		height: 134px;
		transition: 0.3s;
	}
	.reconstruction_area .reconstruction_area_inner .grid_system_flex .col-xl-3::before {
		top: -8em;
		right: 1em;
		width: 77px;
		height: 42px;
	}
	.reconstruction_list_wrap::after {
		right: 2%;
		bottom: -47%;
		width: 150px;
		height: 101px;
		transition: 0.3s;
		z-index: -1;
	}
	/** ふくしまの復興の現状を知りたいここまで **/

	/** ふくしまを応援したいここから **/
	.support_h2 {
		text-align: right;
		padding: 1em 0em 2em 0.6em;
		position: relative;
	}
	.support_h2::before {
		display: none;
	}
	.support_h2::after {
		bottom: 40px;
		width: 40px;
		height: 58px;
		transition: 0.3s;
		right: -10px;
	}
	.support_area_inner_top_right {
		display: flex;
		justify-content: center;
		padding: 12vw 0 0 0;
	}
	.support_fluid_01_outer {
		margin: 0 -1em 0 0;
		transition: 0.3s;
	}
	.support_fluid_01 {
		width: 240px;
		height: 200px;
		transition: 0.3s;
	}
	.support_fluid_01_middle::before {
		top: -50px;
		width: 40px;
		height: 71px;
		transition: 0.3s;
		left: 3em;
	}
	.support_fluid_01_middle::after {
		top: -62px;
		right: -10px;
		width: 90px;
		height: 132px;
		transition: 0.3s;
	}

	.business_area_inner_middle {
		max-width: 767px;
		margin: 2em auto 0;
	}
	.support_fluid_02_outer {
		margin: 2em 0 0 -1em;
	}
	.support_fluid_02 {
		width: 210px;
		height: 190px;
		transition: 0.3s;
	}
	.support_area_border_02::before {
		right: 0%;
		bottom: 1em;
		width: 150px;
		height: 119px;
		transition: 0.3s;
	}
	.support_fluid_02_middle::before {
		top: -62px;
		left: 3em;
		width: 80px;
		height: 72px;
		transition: 0.3s;
	}
	.support_list_wrap::after {
		right: 0.5em;
	}
	.support_list_wrap ul {
		position: relative;
	}
	.support_list_wrap ul::before {
		z-index: 0;
	}
	.support_list_wrap ul.active::before {
		animation: fadeIn_bottom 1s 0.5s both, animation_fluffy_XY 3.5s linear infinite;
	}
	.support_list_wrap ul li a {
		width: 90%;
		min-width: 160px;
		font-size: 1em;
		transition: 0.3s;
	}
	.support_list_wrap ul li:nth-child(1) a::before {
		width: 36px;
		height: 31px;
		transition: filter 0.3s ease;
	}
	.support_list_wrap ul li:nth-child(2) a::before {
		width: 24px;
		height: 33px;
		transition: filter 0.3s ease;
	}
	.support_list_wrap ul li:nth-child(3) a::before {
		width: 40px;
		height: 17px;
		top: 1em;
		transition: filter 0.3s ease;
	}
	.support_area_outer::after {
		padding-top: 27%;
	}
	.support_list_wrap::before {
		top: 25%;
		left: auto;
		right: 3em;
		width: 49px;
		height: 25px;
	}
	.support_area_border_01 {
		padding: 0em 0 8em;
		transition: 0.3s;
	}
	.support_area_border_01::before {
		top: 2em;
		left: 10%;
		bottom: auto;
		width: 130px;
		height: 83px;
		transition: 0.3s;
	}
	.support_area_border_01::after {
		top: 1em;
		left: auto;
		right: 3%;
		bottom: auto;
		width: 180px;
		height: 74px;
		transition: 0.3s;
	}
	/** ふくしまを応援したいここまで **/

	/** ふくしまでビジネスしたいここから **/
	.business_area_outer::after {
		padding-bottom: calc((100vw + 10vw)*2.5725);
		background-position: top;
	}
	.business_area {
		min-height: calc((100vw + 10vw)*2.5725);
		position: relative;
	}
	.business_area_inner_top_left {
		padding: 0;
	}
	.business_fluid_01_outer {
		margin: 0;
	}
	.business_fluid_01 {
		width: 230px;
		height: 240px;
		transition: 0.3s;
	}
	.business_h2 img {
		max-width: 65%;
		transition: 0.3s;
	}
	.business_area_inner_middle {
		margin: 1em auto 0;
	}
	.business_fluid_02 {
		width: 190px;
		height: 180px;
		margin: 0 auto;
		transition: 0.3s;
	}
	.business_area_border::before {
		bottom: -1em;
		width: 170px;
		height: 168px;
		transition: 0.3s;
	}

	.business_list_wrap ul::before {
		right: 1em;
		bottom: -1em;
		width: 70px;
		height: 99px;
	}
	.business_list_wrap ul li a {
		font-size: 1em;
		width: 90%;
		min-width: 160px;
	}
	.business_list_wrap ul li:nth-child(1) a::before {
		width: 40px;
		height: 32px;
		transition: 0.3s;
	}
	.business_list_wrap ul li:nth-child(2) a::before {
		top: 0.2em;
		width: 40px;
		height: 36px;
		transition: 0.3s;
	}
	.business_list_wrap ul li:nth-child(3) a::before {
		top: 0.4em;
		width: 24px;
		height: 36px;
		transition: 0.3s;
	}
	.business_list_wrap ul li:nth-child(4) a::before {
		width: 28px;
		height: 33px;
		transition: 0.3s;
	}
	.business_list_wrap ul li:nth-child(5) a::before {
		top: 0.3em;
		width: 36px;
		height: 34px;
		transition: 0.3s;
	}

	.business_area_inner_bottom {
		margin: 2em auto 0;
	}
	.business_area_border_02::before {
		width: 100px;
		height: 154px;
		transition: 0.3s;
		top: -20px;
	}
	.business_area_border_02::after {
		margin-top: 0.5em;
		width: 120px;
		height: 131px;
		transition: 0.3s;
	}
	/** ふくしまでビジネスしたいここまで **/

	/** お問い合わせエリアここから **/
	.contact_area_outer {
		margin-top: -6em;
		padding-bottom: 3em;
	}
	.btn_contact a {
		font-size: 1em;
		transition: 0.3s;
	}
	.contact_box::before {
		bottom: -30px;
		width: 60px;
		height: 75px;
	}
	/** お問い合わせエリアここまで **/
	/*** トップページここまで ***/

	/*** 下層ページ共通ここから ***/
	.pankuzu {
		padding: 1em;
		font-size: 0.9em;
	}
	.pankuzu span {
		margin: 0 0.5em;
	}
	/*** 下層ページ共通ここまで ***/

	/*** 大メニューページここから ***/
	.list-2_area {
		padding: 1.5em 1em 2em;
	}
	.goenList ul li a {
		font-size: 1.15em;
	}
	.goenList ul li a::before {
		top: 10px;
		left: 1em;
		width: 36px;
		height: 66px;
	}
	.goenList ul li a::after {
		top: calc(50% - 25px / 2);
		right: 1em;
		width: 25px;
		height: 25px;
	}
	/*** 大メニューページここまで ***/

	/*** 小メニューページここから ***/
	.list-1_area {
		padding: 1.5em 1em 2em;
	}
	/*** 小メニューページここまで ***/


	/*** 最終ページここから ***/
	.detail_area {
		padding: 1.5em 0.5em 2em;
	}

	.detail_area p {
		margin: 0;
		padding: 0.5em;
	}
	.detail_area ul, .detail_area ol {
		margin: 1em 0.5em 1em 1.8em;
	}
	.detail_area h2 {
		font-size: 1.4em;
		margin: 1.6em 0 1em;
	}
	.detail_area h2::before {
		top: -0.5em;
		left: 0.5em;
		width: 50px;
		height: 60px;
	}
	.detail_area h3 {
		font-size: 1.25em;
		margin: 1.2em 0 1em;
	}
	.detail_area h3::before {
		top: 0.5em;
		left: 0.3em;
		width: 25px;
		height: 33px;
	}
	.detail_area h4 {
		margin: 1.5em 0 0.5em;
	}
	.detail_area h5 {
		margin: 0.4em 0;
	}
	.detail_area .scroll-hint {
		margin: 1em 0.2em;
	}
	.detail_area #printDate {
		font-size: 0.95em;
	}
	.detail_area #printDate a {
		display: none;
	}
	/*** 最終ページここまで ***/

}
/*** 479以下ここまで ***/


/*** 320以下ここから ***/
@media all and (max-width:320px){
	.introduction_area_text {
		font-size: 1em;
		line-height: 1.5;
	}
	.reconstruction_list_wrap ul li a {
		font-size: 0.9em;
		min-width: 140px;
		transition: 0.3s;
	}
	.reconstruction_fluid_01 {
		width: 200px;
		height: 180px;
		transition: 0.3s;
	}
	.reconstruction_fluid_02 {
		width: 170px;
		height: 150px;
		transition: 0.3s;
	}
	.support_fluid_01 {
		width: 200px;
		height: 180px;
		transition: 0.3s;
	}
	.support_fluid_02 {
		width: 180px;
		height: 160px;
		transition: 0.3s;
	}

	.support_list_wrap ul li a {
		width: 90%;
		min-width: 140px;
		font-size: 1em;
		transition: 0.3s;
	}

	.business_fluid_01 {
		width: 200px;
		height: 210px;
		transition: 0.3s;
	}
	.business_fluid_02 {
		width: 150px;
		height: 160px;
		margin: 0 auto;
		transition: 0.3s;
	}
	.business_list_wrap ul li a {
		font-size: 1em;
		width: 90%;
		min-width: 140px;
	}

	.btn_contact a::before {
		top: calc(50% - 17px / 2);
		left: 0.7em;
		width: 24px;
		height: 17px;
	}
	.btn_contact a::after {
		right: 0.6em;
	}
}
/*** 320以下ここまで ***/


/*** 高さ875以下ここから ***/
@media all and (max-height:875px) and (max-width:479px) {
	.g-nav-list_inner {
		*overflow-y: auto;
		*min-height: calc(100vh - 230px);
	}
	.menu_wrap.panelactive .g-nav-list {
		overflow-y: auto;
	}
}
/*** 高さ875以下ここまで ***/


/*** IEここから ***/
@media all and (-ms-high-contrast: none){




	/*** 全ページ共通ここから ***/
	/** メニューここから **/
	.home_link a {
		padding: 0.7em 0.5em 0.3em 2em;
	}
	.menu_contact_box {
		opacity: 1;
	}

	.menu_wrap.panelactive ul li {
		padding: 0.7em 0.6em 0.5em;
	}

	.menu_contact_box .btn_contact a::before {
		background-image: url(/img/goen/icon_contact_01_on.png);
	}
	.menu_contact_box .btn_contact a::after {
		background-image: url(/img/goen/icon_contact_02_on.png);
	}
	.menu_contact_box .btn_contact a:hover::before {
		background-image: url(/img/goen/icon_contact_01.png);
	}
	.menu_contact_box .btn_contact a:hover::after {
		background-image: url(/img/goen/icon_contact_02.png);
	}
	/** メニューここまで **/

	/*** 全ページ共通ここまで ***/

	/*** トップページここから ***/
	/** お知らせエリアここから **/
	.infomation_box > div:nth-child(2) > a {
		padding: 0.4em 3em 0.1em 1.5em;
	}
	.infomation_area h2 span::before {
		top: -60px;
	}

	.infomation_area h2 span::after {
		top: -80px;
	}
	/** お知らせエリアここまで **/

	/** ふくしまの復興の現状を知りたいここから **/
	.reconstruction_list_wrap ul li a::before {
		transition: 0.3s;
	}
	.reconstruction_list_wrap ul li:nth-child(1) a:hover::before {
		background-image: url(/img/goen/icon_reconstruction_know_on.png);
	}
	.reconstruction_list_wrap ul li:nth-child(2) a:hover::before {
		background-image: url(/img/goen/icon_reconstruction_go_on.png);
	}
	.reconstruction_list_wrap ul li:nth-child(3) a:hover::before {
		background-image: url(/img/goen/icon_reconstruction_training_on.png);
	}
	/** ふくしまの復興の現状を知りたいここまで **/

	/** ふくしまを応援したいここから **/
	.support_list_wrap ul li:nth-child(1) a:hover::before {
		background-image: url(/img/goen/icon_support_eat-buy_on.png)
	}
	/*media all*/
	.support_list_wrap ul li:nth-child(2) a:hover::before {
		background-image: url(/img/goen/icon_support_transmission_on.png);
	}
	/*media all*/
	.support_list_wrap ul li:nth-child(3) a:hover::before {
		background-image: url(/img/goen/icon_support_donation_on.png);
	}
	/** ふくしまを応援したいここまで **/

	/** ふくしまでビジネスしたいここから **/
	/*media all*/
	.business_list_wrap ul li:nth-child(1) a:hover::before {
		background-image: url(/img/goen/icon_business_agreement_on.png);
	}
	.business_list_wrap ul li:nth-child(2) a:hover::before {
		background-image: url(/img/goen/icon_business_demonstration_on.png);
	}
	.business_list_wrap ul li:nth-child(3) a:hover::before {
		background-image: url(/img/goen/icon_business_worcation_on.png);
	}
	.business_list_wrap ul li:nth-child(4) a:hover::before {
		background-image: url(/img/goen/icon_business_intercourse_on.png);
	}
	.business_list_wrap ul li:nth-child(5) a:hover::before {
		background-image: url(/img/goen/icon_business_live_on.png);
	}
	/** ふくしまでビジネスしたいここまで **/

	/** お問い合わせエリアここから **/
	.btn_contact a:hover::before {
		background-image: url(/img/goen/icon_contact_01_on.png);
	}
	.btn_contact a:hover::after {
		background-image: url(/img/goen/icon_contact_02_on.png);
	}
	.btn_contact a {
		padding: 0.5em 2em 0.2em;
	}

	/** お問い合わせエリアここまで **/
	/*** トップページここまで ***/

	/*** 大メニューページここから ***/
	/*media all*/
	.goenList ul li a {
		padding: 1.2em 3em 0.8em 3.5em;
	}

	/*** 大メニューページここまで ***/

	/*** 最終ページここから ***/
	.detail_area h2 {
		padding: 0.7em 0.6em 0.5em 3em;
	}
	.detail_area h3 {
		padding: 0.5em 0.6em 0.1em 2.5em;
	}
	.detail_area h4 {
		padding: 0.7em 0.5em 0.4em 1.2em;
	}

	.detail_area table th, .detail_area table td {
		padding: 0.7em 1em 0.3em;
		border-color: #fae273;
	}
	.pankuzu span {
		position: relative;
		color: transparent;
		margin: 0 1em;
		padding: 1.1em 0 0.7em;
	}


	/** お問い合わせエリアここから **/
	#section_footer_info a {
		width: 19.5em;
		max-width: 100%;
	}
	/** お問い合わせエリアここまで **/
	/*** 最終ページここまで ***/

}


@media all and (min-width: 1200px) and (-ms-high-contrast: none) {
	*::-ms-backdrop, .main_visual_text_wrap div {
		position: relative;
		margin: 0 0 17em auto;
	}
}

@media all and (max-width: 1199px) and (-ms-high-contrast: none) {
	*::-ms-backdrop, .img_main_visual_map_wrap span {
		position: relative;
		display: block;
		margin-left: auto;
	}
}


/*** IEここまで ***/

/*** Safariここから ***/
@media all and (max-width:1199px){
	_::-webkit-full-page-media, _:future, :root .img_main_visual_map_wrap span {
		margin-left: auto;
		display: block;
	}
}

@media all and (max-width:1199px) and (min-width:600px) {
	_::-webkit-full-page-media, _:future, :root .h1_area_outer .h1_area, _::-webkit-full-page-media, _:future, :root .h1_area_outer .main_visual_inner {
		min-height: 25vw;
	}
}

@media all and (min-width:1200px){
	_::-webkit-full-page-media, _:future, :root .main_visual_text_wrap div {
		margin: 0 0 17em auto;
	}
	_::-webkit-full-page-media, _:future, :root .reconstruction_h2::before {
		right: 0;
	}

}

/*** Safariここまで ***/
/*** iPad用ここから ***/
@media all and (max-width:1199px){
	.article_inner.animated.display_sp {
		overflow-x: hidden;
	}
	.article_inner.animated.display_pc, .reconstruction_area {
		overflow-x: hidden;
	}
}
/*** iPad用ここまで ***/