@charset "UTF-8";

/*----------------------------------------
 * 共通キーフレーム
 *----------------------------------------*/

@keyframes std_fade_in {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}

@keyframes std_fade_in_up {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
		top:0;
	}
}

@keyframes std_fade_in_up_margin {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
		margin-top:0;
	}
}

@keyframes std_clip_to_left {
	0% {}
	100% {
		clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
	}
}

@keyframes std_clip_to_left_op {
	0% { opacity:0;}
	100% {
		opacity:1;
		clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
	}
}

@keyframes std_clip_to_right {
	0% {}
	100% {
		clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0 100%);
	}
}

@keyframes std_clip_to_right_op {
	0% { opacity:0;}
	100% {
		opacity:1;
		clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0 100%);
	}
}

@keyframes std_clip_op {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
		clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0 100%);
	}
}

@keyframes std_clip_to_bottom_op {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
		clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0 100%);
	}
}

@keyframes std_clip_to_top_op {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
		clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0 100%);
	}
}


@keyframes std_move_to_top_op {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
		top:0;
	}
}

@keyframes std_wave_bg_down_op {
	0% {
		opacity:0;
		top:-50px;
	}
	100% {
		opacity:0.1;
		top:0;
	}
}



 /* キーフレームの名前付け規則
	cp_top_main_area（コーポレートかリクルートか_ページ名_ページ内のclassなど）*/

.op_0 { opacity:0;}

/*----------------------------------------
 * トップページ
 *----------------------------------------*/
body.toppage header { opacity:0;}
body.toppage header {
	animation:top_header 1s ease 0.5s forwards;
}

@keyframes top_header {
	0% { opacity:0;margin-top:-100px;}
	100% { opacity:1;margin-top:0;}
}

body.toppage .main_left {
	opacity:0;
	z-index:1;
	animation:top_main_parts 1.5s ease 0.5s forwards;
}

body.toppage .main_right {
	opacity:0;
	z-index:1;
	animation:top_main_parts 1.5s ease 1.0s forwards;
}

@keyframes top_main_parts {
	0% { opacity:0;bottom:0px;}
	100% { opacity:1;bottom:40px;}
}

.toppage .main {
    position: relative;
    width: 100%;
	height: 100vh;
	height: 100svh;/* 対応してたらこちら */
	box-sizing: border-box;
    overflow: hidden;
}


/* 背景レイヤー共通 */
.toppage .main .bg-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    /* フェード + ゆっくり拡大 */
    animation: fadeSlide 18s infinite, zoomSlide 18s infinite;
}

.toppage .main .bg-slide{
  z-index: 0;
  display: block;
  pointer-events: none;
  will-change: opacity, transform;
  animation-fill-mode: both;
}
.toppage .main{ background:#fff; }

/* 1枚あたり 18 / 3 = 6s */
.toppage .main .bg1{
  animation-delay: -1.5s, -1.5s;  /* ここがコツ：最初から出てる状態にする */
}
.toppage .main .bg2{
  animation-delay: 4.5s, 4.5s;    /* -1.5 + 6 */
}
.toppage .main .bg3{
  animation-delay: 10.5s, 10.5s;  /* -1.5 + 12 */
}

/* picture内のimgを全画面に */
.toppage .main .bg-slide > img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* もし <picture> の直下が <img> じゃなくなる可能性があるならこれも保険 */
.toppage .main .bg-slide img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* フェード */
@keyframes fadeSlide {
    0%   { opacity: 0; }
    5%   { opacity: 1; }
    33%  { opacity: 1; }
    38%  { opacity: 0; }
    100% { opacity: 0; }
}

/* ゆっくり拡大（Ken Burns効果） */
@keyframes zoomSlide {
    0%   { transform: scale(1); }
    100% { transform: scale(1.05); } /* 5%拡大：控えめに上品 */
}

/* 新着部分 */
.toppage .info.k_anime.op_0 {
	clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
	animation:std_clip_op 1.0s ease 0s forwards;
}

.toppage .info.k_anime.op_0 .left,
.toppage .info.k_anime.op_0 .right {
	opacity:0;
	position:relative;
	top:20px;
}
.toppage .info.k_anime.op_0 .left {
	animation:std_move_to_top_op 1.5s ease 0s forwards;
}
.toppage .info.k_anime.op_0 .right {
	animation:std_move_to_top_op 1.5s ease 0.7s forwards;
}

/* 里海と農業の関係 */
.toppage .satoumi_nougyou.k_anime.op_0 {
	clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
	animation:std_clip_op 1.0s ease 0s forwards;
}

.toppage .satoumi_nougyou.k_anime.op_0 .left,
.toppage .satoumi_nougyou.k_anime.op_0 .right {
	opacity:0;
	position:relative;
	top:40px;
}
.toppage .satoumi_nougyou.k_anime.op_0 .right {
	mix-blend-mode:multiply;
}
.toppage .satoumi_nougyou.k_anime.op_0 .left {
	animation:std_move_to_top_op 2.5s ease 0s forwards;
}
.toppage .satoumi_nougyou.k_anime.op_0 .right {
	animation:std_move_to_top_op 2.5s ease 0.7s forwards;
}

/* かきがらを使った農畜産物 */
.toppage .kakigara_products.k_anime.op_0 {
	clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);
	animation:std_clip_op 1.0s ease 0s forwards;
}
.toppage .kakigara_products.k_anime.op_0 .icon_fish {
	opacity:0;
	position:relative;
	top:40px;
	animation:std_move_to_top_op 2.5s ease 0.7s forwards;
}
.toppage .kakigara_products.k_anime.op_0 .std_lead {
	opacity:0;
	position:relative;
	top:40px;
	animation:std_move_to_top_op 2.5s ease 1.0s forwards;
}
.toppage .kakigara_products.k_anime.op_0 .column {
	position:relative;
}

.toppage .kakigara_products.k_anime .sec_nav {
}

.toppage .kakigara_products.k_anime .column {
	opacity:1;
/*
	clip-path: polygon(0% 0%, 50% 0%, 50% 100%, 0% 100%);
*/
}

.toppage .kakigara_products.k_anime .column img.logo {
	transform: translateZ(0);
	mix-blend-mode:multiply;
}

.toppage .kakigara_products.k_anime .column a {
	position:relative;
	z-index:1;
}

.toppage .kakigara_products.k_anime .column a img {
	position:relative;
	z-index:1;
}

.toppage .kakigara_products.k_anime .column .blur {
	transform: translateZ(0);
	backdrop-filter: blur(15px);
/*
	mix-blend-mode: multiply;
*/
	opacity:1;
	background:rgba(255,255,255,0.3);
	z-index:0;
}

/*
.toppage .kakigara_products.k_anime.op_0 .column.k_anime:nth-child(1) { animation:std_clip_to_right 1.5s ease 0.5s forwards;}
*/

/*
.toppage .kakigara_products.k_anime.op_0 .column.k_anime:nth-child(2) { animation:std_move_to_top_op 1.5s ease 0.7s forwards;}
.toppage .kakigara_products.k_anime.op_0 .column.k_anime:nth-child(3) { animation:std_move_to_top_op 1.5s ease 0.9s forwards;}
.toppage .kakigara_products.k_anime.op_0 .column.k_anime:nth-child(4) { animation:std_move_to_top_op 1.5s ease 1.1s forwards;}
.toppage .kakigara_products.k_anime.op_0 .column.k_anime:nth-child(5) { animation:std_move_to_top_op 1.5s ease 1.3s forwards;}
.toppage .kakigara_products.k_anime.op_0 .column.k_anime:nth-child(6) { animation:std_move_to_top_op 1.5s ease 1.5s forwards;}
*/

.toppage .kakigara_products.k_anime.op_0 .std_button {
	opacity:0;
	position:relative;
	top:20px;
	animation:std_move_to_top_op 2.5s ease 1.0s forwards;
}

/* 瀬戸内海クライシス */
.toppage .setonaikai_crisis.op_0.k_anime {
	clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
	animation:std_clip_op 1.5s ease 0s forwards;
}

.toppage .setonaikai_crisis.op_0.k_anime .left.op_0.k_anime {
	opacity:0;
	position:relative;
	top:40px;
	animation:std_move_to_top_op 1.5s ease 0.5s forwards;
}

.toppage .setonaikai_crisis.op_0.k_anime .right .bg.op_0.k_anime {
	opacity:0;
	clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);
	animation:std_clip_op 0.8s ease 0.5s forwards;
}

/* 取り組み・活動 */
.toppage .activity.op_0.k_anime {
	clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
	animation:std_clip_op 1.5s ease 0s forwards;
}

.toppage .activity.op_0.k_anime .sec_h1 h1{
	opacity:0;
	position:relative;
	top:40px;
	animation:std_move_to_top_op 1.5s ease 1.0s forwards;
}

.toppage .activity.op_0.k_anime li {
	opacity:0;
	position:relative;
	top:30px;
}

.toppage .activity.op_0.k_anime li img.logo {
	mix-blend-mode:multiply;
}

.toppage .activity.op_0.k_anime li.k_anime:nth-child(1) { animation:std_move_to_top_op 1.5s ease 0.5s forwards;}
.toppage .activity.op_0.k_anime li.k_anime:nth-child(2) { animation:std_move_to_top_op 1.5s ease 0.7s forwards;}
.toppage .activity.op_0.k_anime li.k_anime:nth-child(3) { animation:std_move_to_top_op 1.5s ease 0.9s forwards;}
.toppage .activity.op_0.k_anime li.k_anime:nth-child(4) { animation:std_move_to_top_op 1.5s ease 1.1s forwards;}
.toppage .activity.op_0.k_anime li.k_anime:nth-child(5) { animation:std_move_to_top_op 1.5s ease 1.3s forwards;}
.toppage .activity.op_0.k_anime li.k_anime:nth-child(6) { animation:std_move_to_top_op 1.5s ease 1.5s forwards;}
.toppage .activity.op_0.k_anime li.k_anime:nth-child(7) { animation:std_move_to_top_op 1.5s ease 1.7s forwards;}

.toppage .activity.op_0.k_anime .std_std_lead{
	opacity:0;
	position:relative;
	top:40px;
	animation:std_move_to_top_op 1.5s ease 1.0s forwards;
}

.toppage .activity.op_0.k_anime .std_button{
	opacity:0;
	position:relative;
	top:40px;
	animation:std_move_to_top_op 1.5s ease 1.0s forwards;
}

/* 最近の取り組み・インスタ */
.toppage .activities_instagram.op_0.k_anime {
	clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
	animation:std_clip_op 1.5s ease 0s forwards;
}

.toppage .activities_instagram.op_0.k_anime .column.op_0:nth-child(1) {
	opacity:0;
	position:relative;
	top:40px;
	animation:std_move_to_top_op 1.5s ease 1.0s forwards;
}

.toppage .activities_instagram.op_0.k_anime .column.op_0:nth-child(2) {
	opacity:0;
	position:relative;
	top:40px;
	animation:std_move_to_top_op 1.5s ease 1.5s forwards;
}

/*----------------------------------------
 * 里海と農業の関係
 *----------------------------------------*/
.satoumi_nougyou .sec_h1 {
	opacity:0;
	clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
}
.satoumi_nougyou .sec_h1.k_anime {
	opacity:0;
	position:relative;
	animation:std_clip_to_bottom_op 1.0s ease 0s forwards;
}

.satoumi_nougyou .sec_h1 h1{
	opacity:0;
}

.satoumi_nougyou .sec_h1.k_anime h1{
	opacity:0;
	position:relative;
	top:40px;
	animation:std_move_to_top_op 1.0s ease 0s forwards;
}

.satoumi_nougyou .sec_intro {
	opacity:0;
	clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
}

.satoumi_nougyou .sec_intro.k_anime {
	opacity:0;
	position:relative;
	animation:std_clip_to_bottom_op 1.0s ease 0.5s forwards;
}

.satoumi_nougyou .sec_intro:before {
	opacity:0;
}

.satoumi_nougyou .sec_intro.k_anime:before {
	opacity:0;
	animation:std_wave_bg_down_op 2.0s ease 0.5s forwards;
}

.satoumi_nougyou .sec_intro .column.lf .bg {
	opacity:0;
	left:-100%;
	position:relative;
}

.satoumi_nougyou .sec_intro.k_anime .column.lf .bg {
	animation:satoumi_nougyou_sec_intro_left 1.0s ease 1.0s forwards;
}

@keyframes satoumi_nougyou_sec_intro_left {
	0%		{	opacity:0;left:-100%;	}
	100%	{	opacity:1;left:0;		}
}

.satoumi_nougyou .sec_intro .column.rg .bg {
	opacity:0;
	right:-100%;
	position:relative;
}

.satoumi_nougyou .sec_intro.k_anime .column.rg .bg {
	animation:satoumi_nougyou_sec_intro_right 1.0s ease 1.0s forwards;
}

@keyframes satoumi_nougyou_sec_intro_right {
	0%		{	opacity:0;right:-100%;	}
	100%	{	opacity:1;right:0;		}
}

.satoumi_nougyou .sec_intro.k_anime .std_flex3 > .column:nth-child(2) > div:nth-child(1),
.satoumi_nougyou .sec_intro.k_anime .std_flex3 > .column:nth-child(2) > div:nth-child(2),
.satoumi_nougyou .sec_intro.k_anime .std_flex3 > .column:nth-child(2) > div:nth-child(3),
.satoumi_nougyou .sec_intro.k_anime .std_flex3 > .column:nth-child(2) > div:nth-child(4) {
	opacity:0;
	top:20px;
	position:relative;
}

.satoumi_nougyou .sec_intro.k_anime .std_flex3 > .column:nth-child(2) > div:nth-child(1) {
	animation:std_move_to_top_op 1.0s ease 1.2s forwards;
}

.satoumi_nougyou .sec_intro.k_anime .std_flex3 > .column:nth-child(2) > div:nth-child(2) {
	animation:std_move_to_top_op 1.0s ease 1.2s forwards;
}

.satoumi_nougyou .sec_intro.k_anime .std_flex3 > .column:nth-child(2) > div:nth-child(3) {
	animation:std_move_to_top_op 1.0s ease 1.4s forwards;
}

.satoumi_nougyou .sec_intro.k_anime .std_flex3 > .column:nth-child(2) > div:nth-child(4) {
	animation:std_move_to_top_op 1.0s ease 1.6s forwards;
}

.satoumi_nougyou .sec_intro .anim_lead_area {
	opacity:0;
	position:relative;
	top:20px;
}

.satoumi_nougyou .sec_intro.k_anime .anim_lead_area {
	animation:std_move_to_top_op 1.0s ease 2.0s forwards;
}

.satoumi_nougyou .sec_nav {
	opacity:0;
}

.satoumi_nougyou .sec_nav.k_anime {
	animation:std_fade_in 1.0s ease 0.0s forwards;
}

.satoumi_nougyou .sec_nav ul li {
	opacity:0;
	clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

.satoumi_nougyou .sec_nav.k_anime ul li:nth-child(1) {	animation:std_clip_to_left_op 1.0s ease 0.4s forwards;}
.satoumi_nougyou .sec_nav.k_anime ul li:nth-child(2) {	animation:std_clip_to_left_op 1.0s ease 0.6s forwards;}
.satoumi_nougyou .sec_nav.k_anime ul li:nth-child(3) {	animation:std_clip_to_left_op 1.0s ease 0.8s forwards;}
.satoumi_nougyou .sec_nav.k_anime ul li:nth-child(4) {	animation:std_clip_to_left_op 1.0s ease 1.0s forwards;}

.satoumi_nougyou .sec_1 {
	opacity:0;
}

.satoumi_nougyou .sec_1.k_anime {
	animation:std_fade_in 1.0s ease 0.0s forwards;
}

.satoumi_nougyou .sec_1 .sec_h2_area .number,
.satoumi_nougyou .sec_1 .sec_h2_area h2 {
	opacity:0;
	top:20px;
}

.satoumi_nougyou .sec_1.k_anime .sec_h2_area .number {
	animation:std_fade_in_up 1.0s ease 0.5s forwards;
}
.satoumi_nougyou .sec_1.k_anime .sec_h2_area h2 {
	animation:std_fade_in_up 1.0s ease 0.8s forwards;
}

.satoumi_nougyou .sec_1 .sec_1_1 > .column:nth-child(1) > h3,
.satoumi_nougyou .sec_1 .sec_1_1 > .column:nth-child(1) > p,
.satoumi_nougyou .sec_1 .sec_1_1 > .column:nth-child(1) > div.waku,
.satoumi_nougyou .sec_1 .sec_1_1 > .column:nth-child(2) {
	opacity:0;
	top:20px;
	position:relative;
}

.satoumi_nougyou .sec_1 .sec_1_1.k_anime > .column:nth-child(1) > h3 {animation:std_fade_in_up 1.0s ease 0.5s forwards;}
.satoumi_nougyou .sec_1 .sec_1_1.k_anime > .column:nth-child(1) > p {animation:std_fade_in_up 1.0s ease 1.0s forwards;}
.satoumi_nougyou .sec_1 .sec_1_1.k_anime > .column:nth-child(1) > div.waku {animation:std_fade_in_up 1.0s ease 1.5s forwards;}
.satoumi_nougyou .sec_1 .sec_1_1.k_anime > .column:nth-child(2) {animation:std_fade_in_up 1.0s ease 1.8s forwards;}

.satoumi_nougyou .sec_1 .sec_1_2 > .column:nth-child(1) > h3,
.satoumi_nougyou .sec_1 .sec_1_2 > .column:nth-child(1) li,
.satoumi_nougyou .sec_1 .sec_1_2 > .column:nth-child(2) {
	opacity:0;
	top:20px;
	position:relative;
} 

.satoumi_nougyou .sec_1 .sec_1_2.k_anime > .column:nth-child(1) > h3 {animation:std_fade_in_up 1.0s ease 0.0s forwards;}
.satoumi_nougyou .sec_1 .sec_1_2.k_anime > .column:nth-child(1) li:nth-child(1) {animation:std_fade_in_up 1.0s ease 0.2s forwards;}
.satoumi_nougyou .sec_1 .sec_1_2.k_anime > .column:nth-child(1) li:nth-child(2) {animation:std_fade_in_up 1.0s ease 0.4s forwards;}
.satoumi_nougyou .sec_1 .sec_1_2.k_anime > .column:nth-child(1) li:nth-child(3) {animation:std_fade_in_up 1.0s ease 0.6s forwards;}
.satoumi_nougyou .sec_1 .sec_1_2.k_anime > .column:nth-child(1) li:nth-child(4) {animation:std_fade_in_up 1.0s ease 0.8s forwards;}
.satoumi_nougyou .sec_1 .sec_1_2.k_anime > .column:nth-child(2) {animation:std_fade_in_up 1.0s ease 1.0s forwards;}

.satoumi_nougyou .sec_1 .sec_1_3 > h3,
.satoumi_nougyou .sec_1 .sec_1_3 > .std_flex2 h4 {
	opacity:0;
	top:20px;
	position:relative;
} 

.satoumi_nougyou .sec_1 .sec_1_3.k_anime > h3 {animation:std_fade_in_up 1.0s ease 0.0s forwards;}
.satoumi_nougyou .sec_1 .sec_1_3.k_anime > .std_flex2 .column:nth-child(1) h4 {animation:std_fade_in_up 1.0s ease 0.5s forwards;}
.satoumi_nougyou .sec_1 .sec_1_3.k_anime > .std_flex2 .column:nth-child(2) h4 {animation:std_fade_in_up 1.0s ease 1.3s forwards;}

.satoumi_nougyou .sec_1 .sec_1_3 > .std_flex2 .column .std_flex2 {
	opacity:0;
	position:relative;
	clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}
.satoumi_nougyou .sec_1 .sec_1_3.k_anime > .std_flex2 > .column:nth-child(1) .std_flex2  {animation:std_clip_to_left_op 0.5s ease 0.8s forwards;}
.satoumi_nougyou .sec_1 .sec_1_3.k_anime > .std_flex2 > .column:nth-child(2) .std_flex2  {animation:std_clip_to_left_op 0.5s ease 1.6s forwards;}

.satoumi_nougyou .sec_1 .sec_1_4 > h3,
.satoumi_nougyou .sec_1 .sec_1_4 > .std_flex2 .column {
	opacity:0;
	top:20px;
	position:relative;
} 

.satoumi_nougyou .sec_1 .sec_1_4.k_anime > h3 {animation:std_fade_in_up 1.0s ease 0.0s forwards;}
.satoumi_nougyou .sec_1 .sec_1_4.k_anime > .std_flex2 .column:nth-child(1){animation:std_fade_in_up 1.0s ease 0.2s forwards;}
.satoumi_nougyou .sec_1 .sec_1_4.k_anime > .std_flex2 .column:nth-child(2){animation:std_fade_in_up 1.0s ease 0.4s forwards;}

.satoumi_nougyou .sec_2 {
	opacity:0;
	clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
}
.satoumi_nougyou .sec_2.k_anime {
	opacity:0;
	animation:std_clip_to_bottom_op 2.0s ease 0.5s forwards;
}


.satoumi_nougyou .sec_2:before {
	opacity:0;
}

.satoumi_nougyou .sec_2.k_anime:before {
	opacity:0;
	animation:std_wave_bg_down_op 2.0s ease 0.5s forwards;
}

.satoumi_nougyou .sec_2 .sec_h2_area .number,
.satoumi_nougyou .sec_2 .sec_h2_area h2 {
	opacity:0;
	top:20px;
}

.satoumi_nougyou .sec_2.k_anime .sec_h2_area .number {
	animation:std_fade_in_up 1.0s ease 0.5s forwards;
}
.satoumi_nougyou .sec_2.k_anime .sec_h2_area h2 {
	animation:std_fade_in_up 1.0s ease 0.8s forwards;
}

.satoumi_nougyou .sec_2 .std_flex2 .column:nth-child(1) > .std_lead,
.satoumi_nougyou .sec_2 .std_flex2 .column:nth-child(1) > div:nth-child(3),
.satoumi_nougyou .sec_2 .std_flex2 .column:nth-child(1) > div:nth-child(4),
.satoumi_nougyou .sec_2 .std_flex2 .column:nth-child(2)  {
	opacity:0;
	top:20px;
}
.satoumi_nougyou .sec_2.k_anime .std_flex2 .column:nth-child(1) > .std_lead {animation:std_fade_in_up 1.0s ease 1.0s forwards;}
.satoumi_nougyou .sec_2.k_anime .std_flex2 .column:nth-child(1) > div:nth-child(3){animation:std_fade_in_up 1.0s ease 1.2s forwards;}
.satoumi_nougyou .sec_2.k_anime .std_flex2 .column:nth-child(1) > div:nth-child(4) {animation:std_fade_in_up 1.0s ease 1.4s forwards;}
.satoumi_nougyou .sec_2.k_anime .std_flex2 .column:nth-child(2) {animation:std_fade_in_up 1.0s ease 1.6s forwards;}

.satoumi_nougyou .sec_3:before {
	opacity:0;
}

.satoumi_nougyou .sec_3.k_anime:before {
	opacity:0;
	animation:std_wave_bg_down_op 2.0s ease 0.5s forwards;
}

.satoumi_nougyou .sec_3 .sec_h2_area .number,
.satoumi_nougyou .sec_3 .sec_h2_area h2 {
	opacity:0;
	top:20px;
}

.satoumi_nougyou .sec_3.k_anime .sec_h2_area .number {
	animation:std_fade_in_up 1.0s ease 0.5s forwards;
}
.satoumi_nougyou .sec_3.k_anime .sec_h2_area h2 {
	animation:std_fade_in_up 1.0s ease 0.8s forwards;
}

.satoumi_nougyou .sec_3 .std_flex2 .column:nth-child(1) > div:nth-child(3) {
	opacity:0;
	top:20px;
}
.satoumi_nougyou .sec_3.k_anime .std_flex2 .column:nth-child(1) > div:nth-child(3) {
	animation:std_fade_in_up 1.0s ease 0.8s forwards;
}


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

.satoumi_nougyou .sec_3 .sec_3_images img {
	opacity:0;
}

.satoumi_nougyou .sec_3 .sec_3_images .img01 { right:-2%;    bottom:-37%;	width:286px;height:160px;}	/* satoumi */
.satoumi_nougyou .sec_3 .sec_3_images.k_anime .img01 { animation:std_fade_in 1.0s ease 0s forwards;}	/* satoumi */

.satoumi_nougyou .sec_3 .sec_3_images.k_anime .img02 { animation:satoumi_nougyou_sec3_img02 1.0s ease 0.1s forwards;} /* キュウリ */
@keyframes satoumi_nougyou_sec3_img02 {
	0%		{ 	opacity:0;	right:5%;	bottom:10px;	width:0;		height:0;}
	100%	{	opacity:1;	right:108%;	bottom:273px;	width:211px;	height:167px;}
}
.satoumi_nougyou .sec_3 .sec_3_images.k_anime .img03 { animation:satoumi_nougyou_sec3_img03 1.0s ease 0.2s forwards;} /* ナス */
@keyframes satoumi_nougyou_sec3_img03 {
	0%		{ 	opacity:0;	right:5%;	bottom:10px;	width:0;		height:0;}
	100%	{	opacity:1;	right:17%;  bottom:102px;	width:200px;height:167px;}
}

.satoumi_nougyou .sec_3 .sec_3_images.k_anime .img04 { animation:satoumi_nougyou_sec3_img04 1.0s ease 0.3s forwards;} /* 豚 */
@keyframes satoumi_nougyou_sec3_img04 {
	0%		{ 	opacity:0;	right:5%;	bottom:10px;	width:0;		height:0;}
	100%	{	opacity:1;	right:53%;  bottom:-75px;	width:176px;	height:200px;}
}

.satoumi_nougyou .sec_3 .sec_3_images.k_anime .img05 { animation:satoumi_nougyou_sec3_img05 1.0s ease 0.4s forwards;} /* 里海 */
@keyframes satoumi_nougyou_sec3_img05 {
	0%		{ 	opacity:0;	right:5%;	bottom:10px;	width:0;		height:0;}
	100%	{	opacity:1;	right:85%;  bottom:87px;		width:220px;height:168px;}
}

.satoumi_nougyou .sec_3 .sec_3_images.k_anime .img06 { animation:satoumi_nougyou_sec3_img06 1.0s ease 0.5s forwards;} /* アマモ */
@keyframes satoumi_nougyou_sec3_img06 {
	0%		{ 	opacity:0;	right:5%;	bottom:10px;	width:0;		height:0;}
	100%	{	opacity:1;	right:91%;	bottom:-108px;	width:244px;	height:178px;}
}

.satoumi_nougyou .sec_3 .sec_3_images.k_anime .img07 { animation:satoumi_nougyou_sec3_img07 1.0s ease 0.6s forwards;} /* 稲の花 */
@keyframes satoumi_nougyou_sec3_img07 {
	0%		{ 	opacity:0;	right:5%;	top:300px;		width:0;		height:0;}
	100%	{	opacity:1;	right:147%; top:-126px;		width:196px;height:224px;}
}

.satoumi_nougyou .sec_3 .sec_3_images.k_anime .img08 { animation:satoumi_nougyou_sec3_img08 1.0s ease 0.7s forwards;} /* 田んぼ */
@keyframes satoumi_nougyou_sec3_img08 {
	0%		{ 	opacity:0;	right:5%;	top:300px;		width:0;		height:0;}
	100%	{	opacity:1;	right:133%; top:115px;		width:220px;	height:160px;}
}

.satoumi_nougyou .sec_3 .sec_3_images.k_anime .img09 { animation:satoumi_nougyou_sec3_img09 1.0s ease 0.8s forwards;} /* 牡蠣  */
@keyframes satoumi_nougyou_sec3_img09 {
	0%		{ 	opacity:0;	right:5%;	top:300px;	width:0;		height:0;}
	100%	{	opacity:1;	right:171%; top:159px;	width:260px;	height:188px;}
}

.satoumi_nougyou .sec_3 .sec_3_images.k_anime .img10 { animation:satoumi_nougyou_sec3_img10 1.0s ease 0.9s forwards;} 
@keyframes satoumi_nougyou_sec3_img10 {
	0%		{ 	opacity:0;	right:5%;	top:300px;	width:0;		height:0;}
	100%	{	opacity:1;	right:182%; top:122px;	width:224px;	height:162px;}
}

.satoumi_nougyou .sec_3 .sec_3_images.k_anime .img11 { animation:satoumi_nougyou_sec3_img11 1.0s ease 1.0s forwards;} /* 稲刈り  */
@keyframes satoumi_nougyou_sec3_img11 {
	0%		{ 	opacity:0;	right:5%;	top:300px;		width:0;		height:0;}
	100%	{	opacity:1;	right:111%; top:-355px;		width:240px;	height:176px;}
}

.satoumi_nougyou .sec_3 .sec_3_images.k_anime .img13 { animation:satoumi_nougyou_sec3_img13 1.0s ease 1.1s forwards;} /* かきがら */
@keyframes satoumi_nougyou_sec3_img13 {
	0%		{ 	opacity:0;	right:5%;	top:300px;		width:0;		height:0;}
	100%	{	opacity:1;	right:183%; top:-166px;		width:321px;	height:226px;}
}

.satoumi_nougyou .sec_3 .sec_3_images.k_anime .img14 { animation:satoumi_nougyou_sec3_img14 1.0s ease 1.2s forwards;} /* イカダ */s
@keyframes satoumi_nougyou_sec3_img14 {
	0%		{ 	opacity:0;	right:5%;	top:300px;		width:0;		height:0;}
	100%	{	opacity:1;	right:165%; top:-443px;		width:278px;	height:220px;}
}

} /* @media screen and (min-width: 861px) */


.satoumi_nougyou .sec_3 .sec_3_1 .column > .std_margin_top {
	opacity:0;
	top:20px;
	position:relative;
}

.satoumi_nougyou .sec_3 .sec_3_1 .column > .std_margin_top.k_anime {animation:std_fade_in_up 1.0s ease 0.0s forwards;}


.satoumi_nougyou .sec_3 .sec_3_2.std_flex4 > div > div {
	opacity:0;
	top:20px;
	position:relative;
}

.satoumi_nougyou .sec_3 .sec_3_2.k_anime.std_flex4 > div:nth-child(1) > div:nth-child(1) {animation:std_fade_in 1.0s ease 0.0s forwards;}
.satoumi_nougyou .sec_3 .sec_3_2.k_anime.std_flex4 > div:nth-child(1) > div:nth-child(2) {animation:std_fade_in 1.0s ease 0.2s forwards;}
.satoumi_nougyou .sec_3 .sec_3_2.k_anime.std_flex4 > div:nth-child(1) > div:nth-child(3) {animation:std_fade_in 1.0s ease 0.3s forwards;}

.satoumi_nougyou .sec_3 .sec_3_2.k_anime.std_flex4 > div:nth-child(2) > div:nth-child(1) {animation:std_fade_in 1.0s ease 0.5s forwards;}
.satoumi_nougyou .sec_3 .sec_3_2.k_anime.std_flex4 > div:nth-child(2) > div:nth-child(2) {animation:std_fade_in 1.0s ease 0.6s forwards;}
.satoumi_nougyou .sec_3 .sec_3_2.k_anime.std_flex4 > div:nth-child(2) > div:nth-child(3) {animation:std_fade_in 1.0s ease 0.7s forwards;}

.satoumi_nougyou .sec_3 .sec_3_2.k_anime.std_flex4 > div:nth-child(3) > div:nth-child(1) {animation:std_fade_in 1.0s ease 1.0s forwards;}
.satoumi_nougyou .sec_3 .sec_3_2.k_anime.std_flex4 > div:nth-child(3) > div:nth-child(2) {animation:std_fade_in 1.0s ease 1.1s forwards;}
.satoumi_nougyou .sec_3 .sec_3_2.k_anime.std_flex4 > div:nth-child(3) > div:nth-child(3) {animation:std_fade_in 1.0s ease 1.2s forwards;}

.satoumi_nougyou .sec_3 .sec_3_2.k_anime.std_flex4 > div:nth-child(4) > div:nth-child(1) {animation:std_fade_in 1.0s ease 1.5s forwards;}
.satoumi_nougyou .sec_3 .sec_3_2.k_anime.std_flex4 > div:nth-child(4) > div:nth-child(2) {animation:std_fade_in 1.0s ease 1.6s forwards;}
.satoumi_nougyou .sec_3 .sec_3_2.k_anime.std_flex4 > div:nth-child(4) > div:nth-child(3) {animation:std_fade_in 1.0s ease 1.7s forwards;}

.satoumi_nougyou .sec_3 .sec_3_3 {
	opacity:0;
	top:20px;
	position:relative;
}

.satoumi_nougyou .sec_3 .sec_3_3.k_anime {animation:std_fade_in_up 1.0s ease 1.0s forwards;}

.satoumi_nougyou .sec_4:before {
	opacity:0;
}

.satoumi_nougyou .sec_4.k_anime:before {
	opacity:0;
	animation:std_wave_bg_down_op 2.0s ease 0.5s forwards;
}

.satoumi_nougyou .sec_4 .sec_h2_area .number,
.satoumi_nougyou .sec_4 .sec_h2_area h2 {
	opacity:0;
	top:20px;
}

.satoumi_nougyou .sec_4.k_anime .sec_h2_area .number {
	animation:std_fade_in_up 1.0s ease 0.5s forwards;
}
.satoumi_nougyou .sec_4.k_anime .sec_h2_area h2 {
	animation:std_fade_in_up 1.0s ease 0.8s forwards;
}

.satoumi_nougyou .sec_4 .sdgs_icon img{
	opacity:0;
	position:relative;
	position:relative;
	clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

.satoumi_nougyou .sec_4.k_anime .sdgs_icon img:nth-child(1) {animation:std_clip_to_left_op 0.5s ease 1.0s forwards;}
.satoumi_nougyou .sec_4.k_anime .sdgs_icon img:nth-child(2) {animation:std_clip_to_left_op 0.5s ease 1.2s forwards;}
.satoumi_nougyou .sec_4.k_anime .sdgs_icon img:nth-child(3) {animation:std_clip_to_left_op 0.5s ease 1.4s forwards;}
.satoumi_nougyou .sec_4.k_anime .sdgs_icon img:nth-child(4) {animation:std_clip_to_left_op 0.5s ease 1.6s forwards;}
.satoumi_nougyou .sec_4.k_anime .sdgs_icon img:nth-child(5) {animation:std_clip_to_left_op 0.5s ease 1.8s forwards;}
.satoumi_nougyou .sec_4.k_anime .sdgs_icon img:nth-child(6) {animation:std_clip_to_left_op 0.5s ease 2.0s forwards;}

.satoumi_nougyou .sec_4 .std_lead {
	opacity:0;
	top:20px;
	position:relative;
}

.satoumi_nougyou .sec_4 .std_lead.k_anime {
	animation:std_fade_in_up 1.0s ease 0s forwards;
}

.satoumi_nougyou .sec_4 .std_flex3 > div {
	opacity:0;
	top:20px;
}

.satoumi_nougyou .sec_4 .std_flex3.k_anime > div:nth-child(1) {	animation:std_fade_in_up 1.0s ease 0.0s forwards;}
.satoumi_nougyou .sec_4 .std_flex3.k_anime > div:nth-child(2) {	animation:std_fade_in_up 1.0s ease 0.3s forwards;}
.satoumi_nougyou .sec_4 .std_flex3.k_anime > div:nth-child(3) {	animation:std_fade_in_up 1.0s ease 0.6s forwards;}


/*----------------------------------------
 * かきがらを使った農畜産物
 *----------------------------------------*/

.products .sec_h1 {
	opacity:0;
	clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
}
.products .sec_h1.k_anime {
	opacity:0;
	position:relative;
	animation:std_clip_to_bottom_op 1.0s ease 0s forwards;
}

.products .sec_h1 h1{
	opacity:0;
}

.products .sec_h1.k_anime h1{
	opacity:0;
	position:relative;
	top:40px;
	animation:std_move_to_top_op 1.0s ease 0s forwards;
}

body.products .sec_nav {
	opacity:0;
	clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}
body.products .sec_nav.k_anime {
	opacity:0;
	position:relative;
	animation:std_clip_to_left_op 1.0s ease 0.5s forwards;
}

.products .sec_1 {
	opacity:0;
	clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
}
.products .sec_1.k_anime {
	opacity:0;
	animation:std_clip_to_bottom_op 2.0s ease 0.5s forwards;
}


.products .sec_1:before {
	opacity:0;
}

.products .sec_1.k_anime:before {
	opacity:0;
	animation:std_wave_bg_down_op 2.0s ease 0.5s forwards;
}

.products .sec_1 h2 {
	opacity:0;
	top:20px;
	position:relative;
}
.products .sec_1.k_anime h2 {
	opacity:0;
	animation:std_fade_in_up 1.0s ease 0.5s forwards;
}

.products .sec_1 .std_lead{
	opacity:0;
	top:20px;
	position:relative;
}
.products .sec_1.k_anime .std_lead {
	opacity:0;
	animation:std_fade_in_up 1.0s ease 0.5s forwards;
}

.products .sec_1 .std_flex3 > div {
	opacity:0;
	top:20px;
	position:relative;
}

.products .sec_1.k_anime .std_flex3.k_anime > div:nth-child(1) { animation:std_fade_in_up 1.0s ease 0.0s forwards;}
.products .sec_1.k_anime .std_flex3.k_anime > div:nth-child(2) { animation:std_fade_in_up 1.0s ease 0.3s forwards;}
.products .sec_1.k_anime .std_flex3.k_anime > div:nth-child(3) { animation:std_fade_in_up 1.0s ease 0.6s forwards;}

.products .sec_1 .std_kakomi{
	opacity:0;
	top:20px;
	position:relative;
}
.products .sec_1.k_anime .std_kakomi.k_anime {
	opacity:0;
	animation:std_fade_in_up 1.0s ease 0.5s forwards;
}

.products .sec_2 {
	opacity:0;
	clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
}
.products .sec_2.k_anime {
	opacity:0;
	animation:std_clip_to_bottom_op 2.0s ease 0.5s forwards;
}

.products .sec_2:before {
	opacity:0;
}

.products .sec_2.k_anime:before {
	opacity:0;
	animation:std_wave_bg_down_op 2.0s ease 0.5s forwards;
}

.products .sec_2 .bg_satoumisyu {
	opacity:0;
	clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

.products .sec_2.k_anime .bg_satoumisyu{
	opacity:0;
	animation:std_clip_to_left_op 1.0s ease 0.5s forwards;
}

.products .sec_2 .sec_2_1 > div:nth-child(2) > h2,
.products .sec_2 .sec_2_1 > div:nth-child(2) > div:nth-of-type(1),
.products .sec_2 .sec_2_1 > div:nth-child(2) > div:nth-of-type(2) {
	opacity:0;
	top:20px;
	position:relative;
}

.products .sec_2.k_anime .sec_2_1 > div:nth-child(2) > h2 {	animation:std_fade_in_up 1.0s ease 0.5s forwards;}
.products .sec_2.k_anime .sec_2_1 > div:nth-child(2) > div:nth-of-type(1) {	animation:std_fade_in_up 1.0s ease 1.0s forwards;}
.products .sec_2.k_anime .sec_2_1 > div:nth-child(2) > div:nth-of-type(2) {	animation:std_fade_in_up 1.0s ease 1.5s forwards;}

.products .sec_2 .sec_2_2 {
	opacity:0;
	top:20px;
	position:relative;
}

.products .sec_2.k_anime .sec_2_2.k_anime {	animation:std_fade_in_up 1.0s ease 0.5s forwards;}

.products .sec_3 {
	opacity:0;
	clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
}
.products .sec_3.k_anime {
	opacity:0;
	animation:std_clip_to_bottom_op 2.0s ease 0.5s forwards;
}

.products .sec_3:before {
	opacity:0;
}

.products .sec_3.k_anime:before {
	opacity:0;
	animation:std_wave_bg_down_op_tamago 2.0s ease 0.5s forwards;
}

@keyframes std_wave_bg_down_op_tamago {
	0% {
		opacity:0;
		top:-50px;
	}
	100% {
		opacity:0.04;
		top:0;
	}
}

.products .sec_3 .bg_tamago {
	opacity:0;
	clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);
}

.products .sec_3.k_anime .bg_tamago{
	opacity:0;
	animation:std_clip_to_right_op 1.0s ease 0.5s forwards;
}

.products .sec_3 .std_flex2:nth-of-type(1) .column > h2,
.products .sec_3 .std_flex2:nth-of-type(1) .column > div:nth-of-type(1),
.products .sec_3 .std_flex2:nth-of-type(1) .column > div:nth-of-type(2) {
	opacity:0;
	top:20px;
	position:relative;
}

.products .sec_3 .std_flex2:nth-of-type(1).k_anime .column > h2 {	animation:std_fade_in_up 1.0s ease 0.5s forwards;}
.products .sec_3 .std_flex2:nth-of-type(1).k_anime .column > div:nth-of-type(1)  {	animation:std_fade_in_up 1.0s ease 0.5s forwards;}
.products .sec_3 .std_flex2:nth-of-type(1).k_anime .column > div:nth-of-type(2)  {	animation:std_fade_in_up 1.0s ease 1.0s forwards;}

.products .sec_3 .std_flex2:nth-of-type(2) > .column:nth-of-type(1) .left,
.products .sec_3 .std_flex2:nth-of-type(2) > .column:nth-of-type(1) .right,
.products .sec_3 .std_flex2:nth-of-type(2) > .column:nth-of-type(2) > div:nth-of-type(1),
.products .sec_3 .std_flex2:nth-of-type(2) > .column:nth-of-type(2) > div:nth-of-type(2),
.products .sec_3 .std_flex2:nth-of-type(2) > .column:nth-of-type(2) > div:nth-of-type(3),
.products .sec_3 .std_flex2:nth-of-type(2) > .column:nth-of-type(2) > p:nth-of-type(1) {
	opacity:0;
	top:20px;
	position:relative;
}

.products .sec_3 .std_flex2:nth-of-type(2).k_anime > .column:nth-of-type(1) .left {		animation:std_fade_in_up 1.0s ease 0.0s forwards;}
.products .sec_3 .std_flex2:nth-of-type(2).k_anime > .column:nth-of-type(1) .right {	animation:std_fade_in_up 1.0s ease 0.5s forwards;}
.products .sec_3 .std_flex2:nth-of-type(2).k_anime > .column:nth-of-type(2) > div:nth-of-type(1) {	animation:std_fade_in_up 1.0s ease 0.0s forwards;}
.products .sec_3 .std_flex2:nth-of-type(2).k_anime > .column:nth-of-type(2) > div:nth-of-type(2) {	animation:std_fade_in_up 1.0s ease 0.5s forwards;}
.products .sec_3 .std_flex2:nth-of-type(2).k_anime > .column:nth-of-type(2) > div:nth-of-type(3) {	animation:std_fade_in_up 1.0s ease 1.0s forwards;}
.products .sec_3 .std_flex2:nth-of-type(2).k_anime > .column:nth-of-type(2) > p:nth-of-type(1)  {	animation:std_fade_in_up 1.0s ease 1.5s forwards;}

.products .sec_4 {
	opacity:0;
	clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
}
.products .sec_4.k_anime {
	opacity:0;
	animation:std_clip_to_bottom_op 2.0s ease 0.5s forwards;
}

.products .sec_4 h2 {
	opacity:0;
	top:20px;
	position:relative;
}

.products .sec_4.k_anime h2 {animation:std_fade_in_up 1.0s ease 0.5s forwards;}

.products .sec_4 h3 {
	opacity:0;
	top:20px;
	position:relative;
}

.products .sec_4.k_anime h3 {animation:std_fade_in_up 1.0s ease 1.0s forwards;}

.products .sec_4 .std_grid {
	opacity:0;
	top:20px;
	position:relative;
}

.products .sec_4.k_anime .std_grid.k_anime {animation:std_fade_in_up 1.0s ease 0.0s forwards;}

.products .sec_4 .std_grid > .column {
	opacity:0;
	clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

.products .sec_4.k_anime .std_grid.k_anime > .column:nth-child(1)  {animation:std_clip_to_right_op 0.8s ease 0.0s forwards;}
.products .sec_4.k_anime .std_grid.k_anime > .column:nth-child(2)  {animation:std_clip_to_right_op 0.8s ease 0.2s forwards;}
.products .sec_4.k_anime .std_grid.k_anime > .column:nth-child(3)  {animation:std_clip_to_right_op 0.8s ease 0.4s forwards;}
.products .sec_4.k_anime .std_grid.k_anime > .column:nth-child(4)  {animation:std_clip_to_right_op 0.8s ease 0.6s forwards;}
.products .sec_4.k_anime .std_grid.k_anime > .column:nth-child(5)  {animation:std_clip_to_right_op 0.8s ease 0.8s forwards;}
.products .sec_4.k_anime .std_grid.k_anime > .column:nth-child(6)  {animation:std_clip_to_right_op 0.8s ease 1.0s forwards;}
.products .sec_4.k_anime .std_grid.k_anime > .column:nth-child(7)  {animation:std_clip_to_right_op 0.8s ease 1.2s forwards;}

.products .sec_4 .syukka_table_title,
.products .sec_4 .syukka_table {
	opacity:0;
	top:20px;
	position:relative;
}

.products .sec_4.k_anime .syukka_table_title.k_anime {animation:std_fade_in_up 1.0s ease 0.0s forwards;}
.products .sec_4.k_anime .syukka_table.k_anime {animation:std_fade_in_up 1.0s ease 0.0s forwards;}

.products .sec_5 {
	opacity:0;
	clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
}
.products .sec_5.k_anime {
	opacity:0;
	animation:std_clip_to_bottom_op 2.0s ease 0.5s forwards;
}

.products .sec_5:before {
	opacity:0;
}

.products .sec_5.k_anime:before {
	opacity:0;
	animation:std_wave_bg_down_op_buta 2.0s ease 0.5s forwards;
}

@keyframes std_wave_bg_down_op_buta {
	0% {
		opacity:0;
		top:-50px;
	}
	100% {
		opacity:0.3;
		top:0;
	}
}

.products .sec_5 .bg_kurobuta {
	opacity:0;
	clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);
}

.products .sec_5.k_anime .bg_kurobuta{
	opacity:0;
	animation:std_clip_to_left_op 1.0s ease 0.5s forwards;
}

.products .sec_5 .h2_area .column h2,
.products .sec_5 .h2_area .column > div {
	opacity:0;
	top:20px;
	position:relative;
}

.products .sec_5.k_anime .h2_area .column h2 {animation:std_fade_in_up 1.0s ease 1.0s forwards;}
.products .sec_5.k_anime .h2_area .column > div {animation:std_fade_in_up 1.0s ease 1.5s forwards;}

.products .sec_5 .sec_5_1 .std_lead,
.products .sec_5 .sec_5_1 .std_flex2 .left,
.products .sec_5 .sec_5_1 .std_flex2 .right {
	opacity:0;
	top:20px;
	position:relative;
}

.products .sec_5.k_anime .sec_5_1.k_anime .std_lead {animation:std_fade_in_up 1.0s ease 0.0s forwards;}
.products .sec_5.k_anime .sec_5_1.k_anime .std_flex2 .left {animation:std_fade_in_up 1.0s ease 0.5s forwards;}
.products .sec_5.k_anime .sec_5_1.k_anime .std_flex2 .right {animation:std_fade_in_up 1.0s ease 1.0s forwards;}


/*----------------------------------------
 * 瀬戸内海の異変
 *----------------------------------------*/

.setonaikai_crisis .sec_h1 {
	opacity:0;
	clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
}
.setonaikai_crisis .sec_h1.k_anime {
	opacity:0;
	position:relative;
	animation:std_clip_to_bottom_op 1.0s ease 0s forwards;
}

.setonaikai_crisis .sec_h1 h1{
	opacity:0;
}

.setonaikai_crisis .sec_h1.k_anime h1{
	opacity:0;
	position:relative;
	top:40px;
	animation:std_move_to_top_op 1.0s ease 0s forwards;
}

body.setonaikai_crisis .sec_intro {
	opacity:0;
	clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
}

body.setonaikai_crisis .sec_intro.k_anime {
	opacity:0;
	position:relative;
	animation:std_clip_to_bottom_op 1.0s ease 0.5s forwards;
}

body.setonaikai_crisis .sec_intro:before {
	opacity:0;
}

body.setonaikai_crisis .sec_intro.k_anime:before {
	opacity:0;
	animation:std_wave_bg_down_op 2.0s ease 0.5s forwards;
}

body.setonaikai_crisis .sec_intro .crisis_div {
	opacity:0;
	clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

body.setonaikai_crisis .sec_intro.k_anime .crisis_div {
	opacity:0;
	animation:std_clip_to_right_op 0.8s ease 1.0s forwards;
}

body.setonaikai_crisis .sec_intro h2 {
	opacity:0;
	top:20px;
	position:relative;
}

body.setonaikai_crisis .sec_intro.k_anime h2 {
	opacity:0;
	animation:std_fade_in_up 1.0s ease 1.3s forwards;
}

body.setonaikai_crisis .sec_intro .left > .std_lead {
	opacity:0;
	top:20px;
	position:relative;
}

body.setonaikai_crisis .sec_intro.k_anime .left > .std_lead {
	opacity:0;
	animation:std_fade_in_up 1.0s ease 1.6s forwards;
}

body.setonaikai_crisis .sec_intro .left > div:nth-of-type(3) {
	opacity:0;
	top:20px;
	position:relative;
}

body.setonaikai_crisis .sec_intro.k_anime .left > div:nth-of-type(3) {
	opacity:0;
	animation:std_fade_in_up 1.0s ease 1.9s forwards;
}

body.setonaikai_crisis .sec_intro .right .bg {
	opacity:0;
	clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);
}

body.setonaikai_crisis .sec_intro.k_anime .right .bg {
	opacity:0;
	animation:std_clip_to_left_op 1.0s ease 1.5s forwards;
}

.setonaikai_crisis .sec_nav {
	opacity:0;
}

.setonaikai_crisis .sec_nav.k_anime {
	animation:std_fade_in 1.0s ease 0.0s forwards;
}

.setonaikai_crisis .sec_nav ul li {
	opacity:0;
	clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

.setonaikai_crisis .sec_nav.k_anime ul li:nth-child(1) {	animation:std_clip_to_left_op 1.0s ease 0.3s forwards;}
.setonaikai_crisis .sec_nav.k_anime ul li:nth-child(2) {	animation:std_clip_to_left_op 1.0s ease 0.6s forwards;}
.setonaikai_crisis .sec_nav.k_anime ul li:nth-child(3) {	animation:std_clip_to_left_op 1.0s ease 0.9s forwards;}

.setonaikai_crisis .sec_1 {
	opacity:0;
	clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
}

.setonaikai_crisis .sec_1.k_anime {
	opacity:0;
	position:relative;
	animation:std_clip_to_bottom_op 1.0s ease 0.5s forwards;
}

.setonaikai_crisis .sec_1:before {
	opacity:0;
}

.setonaikai_crisis .sec_1.k_anime:before {
	opacity:0;
	animation:std_wave_bg_down_op 2.0s ease 0.5s forwards;
}

.setonaikai_crisis .sec_1 .crisis_div {
	opacity:0;
	clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

.setonaikai_crisis .sec_1.k_anime .crisis_div {
	opacity:0;
	animation:std_clip_to_right_op 0.8s ease 0.8s forwards;
	display:inline-block;
}

.setonaikai_crisis .sec_1 h2 {
	opacity:0;
	top:20px;
	position:relative;
}

.setonaikai_crisis .sec_1.k_anime h2 {	animation:std_fade_in_up 1.0s ease 1.2s forwards;}

.setonaikai_crisis .an2 .right .std_lead,
.setonaikai_crisis .an2 .right > div:nth-of-type(2),
.setonaikai_crisis .an2 .left {
	opacity:0;
	top:20px;
	position:relative;
}

.setonaikai_crisis .sec_1.k_anime .an2.k_anime .right .std_lead {	animation:std_fade_in_up 1.0s ease 0.0s forwards;}
.setonaikai_crisis .sec_1.k_anime .an2.k_anime .right > div:nth-of-type(2){	animation:std_fade_in_up 1.0s ease 0.5s forwards;}
.setonaikai_crisis .sec_1.k_anime .an2.k_anime .left {	animation:std_fade_in_up 1.0s ease 0.8s forwards;}

.setonaikai_crisis h3.an3 {
	opacity:0;
	top:20px;
	position:relative;
}

.setonaikai_crisis .sec_1.k_anime h3.an3.k_anime {	animation:std_fade_in_up 1.0s ease 0.0s forwards;}

.setonaikai_crisis .an4 .fig_1 > div {
	opacity:0;
	clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

@media screen and (max-width: 860px) {
	.setonaikai_crisis .an4 .fig_1 > div {
		opacity:0;
		clip-path: polygon(-150% 0%, -150% 0%, -150% 100%, -150% 100%);
	}
}


.setonaikai_crisis .an4 .bottom_arrow {
	opacity:0;
	clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);
}

.setonaikai_crisis .an4.k_anime .fig_1 > div:nth-child(1) {animation:std_clip_to_right_op_crisis 1.0s ease 0.5s forwards;}
.setonaikai_crisis .an4.k_anime .fig_1 > div:nth-child(2) {animation:std_clip_to_right_op_crisis 1.0s ease 0.8s forwards;}
.setonaikai_crisis .an4.k_anime .fig_1 > div:nth-child(3) {animation:std_clip_to_right_op_crisis 1.0s ease 1.1s forwards;}
.setonaikai_crisis .an4.k_anime .fig_1 > div:nth-child(4) {animation:std_clip_to_right_op_crisis 1.0s ease 1.4s forwards;}
.setonaikai_crisis .an4.k_anime .fig_1 > div:nth-child(5) {animation:std_clip_to_right_op_crisis 1.0s ease 1.7s forwards;}
.setonaikai_crisis .an4.k_anime .bottom_arrow {animation:std_clip_to_left_op 1.0s ease 2.0s forwards;}

.setonaikai_crisis .an5,
.setonaikai_crisis .an6 {
	opacity:0;
	top:20px;
	position:relative;
}

.setonaikai_crisis .sec_1.k_anime .an5.k_anime {	animation:std_fade_in_up 1.0s ease 0.0s forwards;}
.setonaikai_crisis .sec_1.k_anime .an6.k_anime {	animation:std_fade_in_up 1.0s ease 0.0s forwards;}

.setonaikai_crisis .an7 .fig_2 .column {
	opacity:0;
	clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}
.setonaikai_crisis .an7.k_anime .fig_2 > .column:nth-child(1) {animation:std_clip_to_right_op_crisis 1.0s ease 0.5s forwards;}
.setonaikai_crisis .an7.k_anime .fig_2 > .column:nth-child(2) {animation:std_clip_to_right_op_crisis 1.0s ease 0.8s forwards;}
.setonaikai_crisis .an7.k_anime .fig_2 > .column:nth-child(3) {animation:std_clip_to_right_op_crisis 1.0s ease 1.1s forwards;}
.setonaikai_crisis .an7.k_anime .fig_2 > .column:nth-child(4) {animation:std_clip_to_right_op_crisis 1.0s ease 1.4s forwards;}
.setonaikai_crisis .an7.k_anime .fig_2 > .column:nth-child(5) {animation:std_clip_to_right_op_crisis 1.0s ease 1.7s forwards;}

@keyframes std_clip_to_right_op_crisis {
	0% { opacity:0;}
	100% {
		opacity:1;
		clip-path: polygon(0 0%, 150% 0%, 150% 100%, 0 100%);
	}
}

@media screen and (max-width: 860px) {
	@keyframes std_clip_to_right_op_crisis {
		0% { opacity:0;}
		100% {
			opacity:1;
			clip-path: polygon(-150% 0%, 150% 0%, 150% 100%, -150% 100%);
		}
	}
}




.setonaikai_crisis .an7 .col2_fig_3 .right,
.setonaikai_crisis .an7 .col2_fig_3 .left {
	opacity:0;
	clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
}
.setonaikai_crisis .an7.k_anime .col2_fig_3 .right {animation:std_clip_to_bottom_op_crisis 1.0s ease 2.0s forwards;}
.setonaikai_crisis .an7.k_anime .col2_fig_3 .left {animation:std_clip_to_bottom_op_crisis 1.0s ease 2.4s forwards;}

@keyframes std_clip_to_bottom_op_crisis {
	0% { opacity:0;}
	100% {
		opacity:1;
		clip-path: polygon(0 -150%, 100% -150%, 100% 100%, 0 100%);
	}
}


.setonaikai_crisis .an7 .col2_fig_3:before {
	opacity:0;
	clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
}
.setonaikai_crisis .an7.k_anime .col2_fig_3:before {animation:std_clip_to_top_op 1.0s ease 2.7s forwards;}


.setonaikai_crisis .sec_2 {
	opacity:0;
	clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
}

.setonaikai_crisis .sec_2.k_anime {
	opacity:0;
	position:relative;
	animation:std_clip_to_bottom_op 1.0s ease 0.5s forwards;
}

.setonaikai_crisis .sec_2:before {
	opacity:0;
}

.setonaikai_crisis .sec_2.k_anime:before {
	opacity:0;
	animation:std_wave_bg_down_op 2.0s ease 0.5s forwards;
}

.setonaikai_crisis .sec_2 .crisis_div {
	opacity:0;
	clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

.setonaikai_crisis .sec_2.k_anime .crisis_div {
	opacity:0;
	animation:std_clip_to_right_op 0.8s ease 0.8s forwards;
	display:inline-block;
}

.setonaikai_crisis .sec_2 h2 {
	opacity:0;
	top:20px;
	position:relative;
}

.setonaikai_crisis .sec_2.k_anime h2 {	animation:std_fade_in_up 1.0s ease 1.2s forwards;}


.setonaikai_crisis .sec_2 .sec_2_1 > .column:nth-of-type(1) .std_lead,
.setonaikai_crisis .sec_2 .sec_2_1 > .column:nth-of-type(1) > div:nth-of-type(2),
.setonaikai_crisis .sec_2 .sec_2_1 > .column:nth-of-type(1) > div:nth-of-type(3),
.setonaikai_crisis .sec_2 .sec_2_1 > .column:nth-of-type(2)  {
	opacity:0;
	top:20px;
	position:relative;
}

.setonaikai_crisis .sec_2.k_anime .sec_2_1.k_anime .column:nth-of-type(1) .std_lead {	animation:std_fade_in_up 1.0s ease 0.5s forwards;}
.setonaikai_crisis .sec_2.k_anime .sec_2_1.k_anime .column:nth-of-type(1) > div:nth-of-type(2) {	animation:std_fade_in_up 1.0s ease 1.0s forwards;}
.setonaikai_crisis .sec_2.k_anime .sec_2_1.k_anime .column:nth-of-type(1) > div:nth-of-type(3) {	animation:std_fade_in_up 1.0s ease 1.5s forwards;}
.setonaikai_crisis .sec_2.k_anime .sec_2_1.k_anime .column:nth-of-type(2) {	animation:std_fade_in_up 1.0s ease 1.0s forwards;}

.setonaikai_crisis .sec_2 .sec_2_2 {
	opacity:0;
	top:20px;
	position:relative;
}

.setonaikai_crisis .sec_2.k_anime .sec_2_2.k_anime {	animation:std_fade_in_up 1.0s ease 0s forwards;}

.setonaikai_crisis .sec_2 .sec_2_3 > .column {
	opacity:0;
	top:20px;
	position:relative;
}

.setonaikai_crisis .sec_2.k_anime .sec_2_3.k_anime > .column:nth-of-type(1) {	animation:std_fade_in_up 1.0s ease 0.0s forwards;}
.setonaikai_crisis .sec_2.k_anime .sec_2_3.k_anime > .column:nth-of-type(2) {	animation:std_fade_in_up 1.0s ease 0.5s forwards;}

.setonaikai_crisis .sec_3 {
	opacity:0;
	clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
}

.setonaikai_crisis .sec_3.k_anime {
	opacity:0;
	position:relative;
	animation:std_clip_to_bottom_op 1.0s ease 0.5s forwards;
}

.setonaikai_crisis .sec_3 .crisis_div {
	opacity:0;
	clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

.setonaikai_crisis .sec_3.k_anime .crisis_div {
	opacity:0;
	animation:std_clip_to_right_op 0.8s ease 0.8s forwards;
	display:inline-block;
}

.setonaikai_crisis .sec_3 .sec_3_1 h2 {
	opacity:0;
	top:20px;
	position:relative;
}

.setonaikai_crisis .sec_3.k_anime .sec_3_1 h2 {	animation:std_fade_in_up 1.0s ease 1.4s forwards;}

.setonaikai_crisis .sec_3 .sec_3_2_1 > .column:nth-of-type(1) div:nth-child(1), 
.setonaikai_crisis .sec_3 .sec_3_2_1 > .column:nth-of-type(1) div:nth-child(2) ,
.setonaikai_crisis .sec_3 .sec_3_2_1 > .column:nth-of-type(1) div:nth-child(3) {
	opacity:0;
	top:20px;
	position:relative;
}
.setonaikai_crisis .sec_3 .sec_3_2_1.k_anime > .column:nth-of-type(1) div:nth-child(1){	animation:std_fade_in_up 1.0s ease 0.0s forwards;}
.setonaikai_crisis .sec_3 .sec_3_2_1.k_anime > .column:nth-of-type(1) div:nth-child(2){	animation:std_fade_in_up 1.0s ease 0.2s forwards;}
.setonaikai_crisis .sec_3 .sec_3_2_1.k_anime > .column:nth-of-type(1) div:nth-child(3){	animation:std_fade_in_up 1.0s ease 0.4s forwards;}

.setonaikai_crisis .sec_3 .sec_3_2_1 > .column:nth-of-type(2) .flex_image div {
	opacity:0;
	margin-top:20px;
}

.setonaikai_crisis .sec_3 .sec_3_2_1.k_anime > .column:nth-of-type(2) .flex_image div:nth-child(1) {	animation:std_fade_in_up_margin 1.0s ease 0.2s forwards;}
.setonaikai_crisis .sec_3 .sec_3_2_1.k_anime > .column:nth-of-type(2) .flex_image div:nth-child(2) {	animation:std_fade_in_up_margin 1.0s ease 0.4s forwards;}
.setonaikai_crisis .sec_3 .sec_3_2_1.k_anime > .column:nth-of-type(2) .flex_image div:nth-child(3) {	animation:std_fade_in_up_margin 1.0s ease 0.6s forwards;}
.setonaikai_crisis .sec_3 .sec_3_2_1.k_anime > .column:nth-of-type(2) .flex_image div:nth-child(4) {	animation:std_fade_in_up_margin 1.0s ease 0.8s forwards;}

.setonaikai_crisis .sec_3 .sec_3_2_2 {
	opacity:0;
	top:20px;
	position:relative;
}

.setonaikai_crisis .sec_3.k_anime .sec_3_2_2.k_anime {	animation:std_fade_in_up 1.0s ease 0.0s forwards;}


/*----------------------------------------
 * 取り組み・活動
 *----------------------------------------*/

body.activity .sec_h1 {
	opacity:0;
	clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
}
body.activity .sec_h1.k_anime {
	opacity:0;
	position:relative;
	animation:std_clip_to_bottom_op 1.0s ease 0s forwards;
}

body.activity .sec_h1 h1{
	opacity:0;
}

body.activity .sec_h1.k_anime h1{
	opacity:0;
	position:relative;
	top:40px;
	animation:std_move_to_top_op 1.0s ease 0s forwards;
}

body.activity .sec_nav {
	opacity:0;
}

body.activity .sec_nav.k_anime {
	animation:std_fade_in 1.0s ease 0.0s forwards;
}

body.activity .sec_nav ul li {
	opacity:0;
	clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

body.activity .sec_nav.k_anime ul li:nth-child(1) {	animation:std_clip_to_left_op 0.8s ease 0.1s forwards;}
body.activity .sec_nav.k_anime ul li:nth-child(2) {	animation:std_clip_to_left_op 0.8s ease 0.2s forwards;}
body.activity .sec_nav.k_anime ul li:nth-child(3) {	animation:std_clip_to_left_op 0.8s ease 0.3s forwards;}
body.activity .sec_nav.k_anime ul li:nth-child(4) {	animation:std_clip_to_left_op 0.8s ease 0.4s forwards;}
body.activity .sec_nav.k_anime ul li:nth-child(5) {	animation:std_clip_to_left_op 0.8s ease 0.5s forwards;}
body.activity .sec_nav.k_anime ul li:nth-child(6) {	animation:std_clip_to_left_op 0.8s ease 0.6s forwards;}
body.activity .sec_nav.k_anime ul li:nth-child(7) {	animation:std_clip_to_left_op 0.8s ease 0.7s forwards;}

.activity .sec_1,
.activity .sec_2,
.activity .sec_3,
.activity .sec_4,
.activity .sec_5,
.activity .sec_6,
.activity .sec_7 {
	opacity:0;
	clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
	overflow:hidden;
}

.activity .sec_1.k_anime,
.activity .sec_2.k_anime,
.activity .sec_3.k_anime,
.activity .sec_4.k_anime,
.activity .sec_5.k_anime,
.activity .sec_6.k_anime,
.activity .sec_7.k_anime {
	opacity:0;
	position:relative;
	animation:std_clip_to_bottom_op 2.0s ease 0.5s forwards;
}

.activity .sec_1:before,
.activity .sec_2:before,
.activity .sec_3:before,
.activity .sec_4:before,
.activity .sec_5:before,
.activity .sec_6:before,
.activity .sec_7:before {
	opacity:0;
}

.activity .sec_1.k_anime:before,
.activity .sec_2.k_anime:before,
.activity .sec_3.k_anime:before,
.activity .sec_4.k_anime:before,
.activity .sec_5.k_anime:before,
.activity .sec_6.k_anime:before,
.activity .sec_7.k_anime:before {
	opacity:0;
	animation:std_wave_bg_down_op 2.0s ease 0.5s forwards;
}

.activity .sec_1 .sec_h2_area .number,
.activity .sec_2 .sec_h2_area .number,
.activity .sec_3 .sec_h2_area .number,
.activity .sec_4 .sec_h2_area .number,
.activity .sec_5 .sec_h2_area .number,
.activity .sec_6 .sec_h2_area .number,
.activity .sec_7 .sec_h2_area .number,
.activity .sec_1 .sec_h2_area h2,
.activity .sec_2 .sec_h2_area h2,
.activity .sec_3 .sec_h2_area h2,
.activity .sec_4 .sec_h2_area h2,
.activity .sec_5 .sec_h2_area h2,
.activity .sec_6 .sec_h2_area h2,
.activity .sec_7 .sec_h2_area h2 {
	opacity:0;
	top:20px;
	position:relative;
}

.activity .sec_1.k_anime .sec_h2_area .number,
.activity .sec_2.k_anime .sec_h2_area .number,
.activity .sec_3.k_anime .sec_h2_area .number,
.activity .sec_4.k_anime .sec_h2_area .number,
.activity .sec_5.k_anime .sec_h2_area .number,
.activity .sec_6.k_anime .sec_h2_area .number,
.activity .sec_7.k_anime .sec_h2_area .number {
	animation:std_fade_in_up 1.0s ease 0.5s forwards;
}
.activity .sec_1.k_anime .sec_h2_area h2,
.activity .sec_2.k_anime .sec_h2_area h2,
.activity .sec_3.k_anime .sec_h2_area h2,
.activity .sec_4.k_anime .sec_h2_area h2,
.activity .sec_5.k_anime .sec_h2_area h2,
.activity .sec_6.k_anime .sec_h2_area h2,
.activity .sec_7.k_anime .sec_h2_area h2 {
	animation:std_fade_in_up 1.0s ease 0.8s forwards;
}

.activity .sec_1 .sec_image,
.activity .sec_1 .std_flex2 .column:nth-child(1),
.activity .sec_1 .std_flex2 .column:nth-child(2) {
	opacity:0;
	top:20px;
	position:relative;
}

.activity .sec_1.k_anime .sec_image{animation:std_fade_in_up 1.0s ease 0.5s forwards;}
.activity .sec_1.k_anime .std_flex2.k_anime .column:nth-child(1){animation:std_fade_in_up 1.0s ease 0.0s forwards;}
.activity .sec_1.k_anime .std_flex2.k_anime .column:nth-child(2) {animation:std_fade_in_up 1.0s ease 0.5s forwards;}

.activity .sec_2 .sec_image,
.activity .sec_2 .std_lead,
.activity .sec_2 .an1 ,
.activity .sec_2 .an2 ,
.activity .sec_2 .an3 ,
.activity .sec_2 .an4 {
	opacity:0;
	top:20px;
	position:relative;
}

.activity .sec_2 .sec_image.k_anime{animation:std_fade_in_up 1.0s ease 0.0s forwards;}
.activity .sec_2 .std_lead.k_anime{animation:std_fade_in_up 1.0s ease 0.0s forwards;}
.activity .sec_2 .an1.k_anime {animation:std_fade_in_up 1.0s ease 0.0s forwards;}
.activity .sec_2 .an2.k_anime {animation:std_fade_in_up 1.0s ease 0.0s forwards;}
.activity .sec_2 .an3.k_anime {animation:std_fade_in_up 1.0s ease 0.0s forwards;}
.activity .sec_2 .an4.k_anime {animation:std_fade_in_up 1.0s ease 0.0s forwards;}

.activity .sec_3 .std_flex3 .column,
.activity .sec_3 .an1 {
	opacity:0;
	top:20px;
	position:relative;
}

.activity .sec_3.k_anime .std_flex3 .column:nth-child(1){animation:std_fade_in_up 1.0s ease 1.0s forwards;}
.activity .sec_3.k_anime .std_flex3 .column:nth-child(2){animation:std_fade_in_up 1.0s ease 1.5s forwards;}
.activity .sec_3.k_anime .std_flex3 .column:nth-child(3){animation:std_fade_in_up 1.0s ease 2.0s forwards;}
.activity .sec_3.k_anime .an1{animation:std_fade_in_up 1.0s ease 2.5s forwards;}

.activity .sec_4 .std_flex2 .column,
.activity .sec_4 .an1 .column {
	opacity:0;
	top:20px;
	position:relative;
}

.activity .sec_4.k_anime .std_flex2 .column:nth-child(1){animation:std_fade_in_up 1.0s ease 0.5s forwards;}
.activity .sec_4.k_anime .std_flex2 .column:nth-child(2){animation:std_fade_in_up 1.0s ease 1.0s forwards;}
.activity .sec_4.k_anime .an1.k_anime.std_flex3 .column:nth-child(1){animation:std_fade_in_up 1.0s ease 0.0s forwards;}
.activity .sec_4.k_anime .an1.k_anime.std_flex3 .column:nth-child(2){animation:std_fade_in_up 1.0s ease 0.5s forwards;}
.activity .sec_4.k_anime .an1.k_anime.std_flex3 .column:nth-child(3){animation:std_fade_in_up 1.0s ease 1.0s forwards;}

.activity .sec_5 .an1 {
	opacity:0;
	top:20px;
	position:relative;
}

.activity .sec_5.k_anime .an1.k_anime {animation:std_fade_in_up 1.0s ease 0s forwards;}

.activity .sec_5 .an2 > .column:nth-child(1) {
	opacity:0;
	clip-path: polygon(0 0%, 0% 0%, 0% 100%, 0 100%);
}

.activity .sec_5.k_anime .an2.k_anime > .column:nth-child(1) {animation:std_clip_to_left_op 1.0s ease 0s forwards;}

.activity .sec_5 .an2 > .column:nth-child(2) div:nth-child(1) {
	opacity:0;
	top:20px;
	position:relative;
}

.activity .sec_5 .an2 > .column:nth-child(2) img:nth-of-type(1),
.activity .sec_5 .an2 > .column:nth-child(2) img:nth-of-type(2){
	opacity:0;
	margin-top:20px;
}

.activity .sec_5 .an2.k_anime > .column:nth-child(2) div:nth-child(1) {animation:std_fade_in_up 1.0s ease 0.0s forwards;}
.activity .sec_5 .an2.k_anime > .column:nth-child(2) img:nth-of-type(1) {animation:std_fade_in_up_margin 1.0s ease 0.5s forwards;}
.activity .sec_5 .an2.k_anime > .column:nth-child(2) img:nth-of-type(2) {animation:std_fade_in_up_margin 1.0s ease 1.0s forwards;}

.activity .sec_5 .an3 {
	opacity:0;
	top:20px;
	position:relative;
}

.activity .sec_5.k_anime .an3.k_anime {animation:std_fade_in_up 1.0s ease 0s forwards;}

.activity .sec_5 .an4 .column {
	opacity:0;
	top:20px;
	position:relative;
}

.activity .sec_5.k_anime .an4.k_anime > .column:nth-child(1) {animation:std_fade_in_up 1.0s ease 0.0s forwards;}
.activity .sec_5.k_anime .an4.k_anime > .column:nth-child(2) {animation:std_fade_in_up 1.0s ease 0.3s forwards;}
.activity .sec_5.k_anime .an4.k_anime > .column:nth-child(3) {animation:std_fade_in_up 1.0s ease 0.6s forwards;}

.activity .sec_5 .an5,
.activity .sec_5 .an6,
.activity .sec_5 .an7 {
	opacity:0;
	top:20px;
	position:relative;
}

.activity .sec_5.k_anime .an5.k_anime {animation:std_fade_in_up 1.0s ease 0s forwards;}
.activity .sec_5.k_anime .an6.k_anime {animation:std_fade_in_up 1.0s ease 0s forwards;}
.activity .sec_5.k_anime .an7.k_anime {animation:std_fade_in_up 1.0s ease 0s forwards;}

.activity .sec_5 .an8 .column {
	opacity:0;
	top:20px;
	position:relative;
}

.activity .sec_5.k_anime .an8.k_anime > .column:nth-child(1) {animation:std_fade_in_up 1.0s ease 0.0s forwards;}
.activity .sec_5.k_anime .an8.k_anime > .column:nth-child(2) {animation:std_fade_in_up 1.0s ease 0.3s forwards;}
.activity .sec_5.k_anime .an8.k_anime > .column:nth-child(3) {animation:std_fade_in_up 1.0s ease 0.6s forwards;}

.activity .sec_5 .an9,
.activity .sec_5 .an10 {
	opacity:0;
	top:20px;
	position:relative;
}

.activity .sec_5.k_anime .an9.k_anime {animation:std_fade_in_up 1.0s ease 0s forwards;}
.activity .sec_5.k_anime .an10.k_anime {animation:std_fade_in_up 1.0s ease 0s forwards;}

.activity .sec_6 std_lead{
	opacity:0;
	top:20px;
	position:relative;
}

.activity .sec_6.k_anime .std_lead.k_anime {animation:std_fade_in_up 1.0s ease 0s forwards;}

.activity .sec_6 .std_flex3 .column{
	opacity:0;
	top:20px;
	position:relative;
}

.activity .sec_6.k_anime .std_flex3.k_anime > .column:nth-child(1) {animation:std_fade_in_up 1.0s ease 0.0s forwards;}
.activity .sec_6.k_anime .std_flex3.k_anime > .column:nth-child(2) {animation:std_fade_in_up 1.0s ease 0.5s forwards;}
.activity .sec_6.k_anime .std_flex3.k_anime > .column:nth-child(3) {animation:std_fade_in_up 1.0s ease 1.0s forwards;}

.activity .sec_7 std_lead{
	opacity:0;
	top:20px;
	position:relative;
}

.activity .sec_7.k_anime .std_lead.k_anime {animation:std_fade_in_up 1.0s ease 0.5s forwards;}

.activity .sec_7 .std_flex2 > .column:nth-child(1),
.activity .sec_7 .std_flex2 > .column .std_flex3 img,
.activity .sec_7 .std_flex2 > .column .an1 {
	opacity:0;
	top:20px;
	position:relative;
}

.activity .sec_7.k_anime .std_flex2.k_anime > .column:nth-child(1) {animation:std_fade_in_up 1.0s ease 0.0s forwards;}
.activity .sec_7.k_anime .std_flex2.k_anime > .column .std_flex3 img:nth-child(1) {animation:std_fade_in_up 1.0s ease 0.2s forwards;}
.activity .sec_7.k_anime .std_flex2.k_anime > .column .std_flex3 img:nth-child(2) {animation:std_fade_in_up 1.0s ease 0.4s forwards;}
.activity .sec_7.k_anime .std_flex2.k_anime > .column .std_flex3 img:nth-child(3) {animation:std_fade_in_up 1.0s ease 0.6s forwards;}
.activity .sec_7.k_anime .std_flex2.k_anime > .column .an1 {animation:std_fade_in_up 1.0s ease 0.8s forwards;}


/*----------------------------------------
 * 事業概要
 *----------------------------------------*/

body.jigyou .sec_h1 {
	opacity:0;
	clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
}
body.jigyou .sec_h1.k_anime {
	opacity:0;
	position:relative;
	animation:std_clip_to_bottom_op 1.0s ease 0s forwards;
}

body.jigyou .sec_h1 h1{
	opacity:0;
}

body.jigyou .sec_h1.k_anime h1{
	opacity:0;
	position:relative;
	top:40px;
	animation:std_move_to_top_op 1.0s ease 0s forwards;
}

body.jigyou .sec_nav {
	opacity:0;
}

body.jigyou .sec_nav.k_anime {
	animation:std_fade_in 1.0s ease 0.5s forwards;
}

body.jigyou .sec_nav ul li {
	opacity:0;
	clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

body.jigyou .sec_nav.k_anime ul li:nth-child(1) {	animation:std_clip_to_left_op 0.8s ease 0.6s forwards;}
body.jigyou .sec_nav.k_anime ul li:nth-child(2) {	animation:std_clip_to_left_op 0.8s ease 0.8s forwards;}
body.jigyou .sec_nav.k_anime ul li:nth-child(3) {	animation:std_clip_to_left_op 0.8s ease 1.0s forwards;}

body.jigyou .sec_1 .sec_h2_area .number,
body.jigyou .sec_1 .sec_h2_area h2 {
	opacity:0;
	top:20px;
	position:relative;
}

body.jigyou .sec_1.k_anime .sec_h2_area .number {
	animation:std_fade_in_up 1.0s ease 0.5s forwards;
}
body.jigyou .sec_1.k_anime .sec_h2_area h2 {
	animation:std_fade_in_up 1.0s ease 0.8s forwards;
}

body.jigyou .sec_1,
body.jigyou .sec_2,
body.jigyou .sec_3 {
	opacity:0;
	clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
	overflow:hidden;
}

body.jigyou .sec_1.k_anime,
body.jigyou .sec_2.k_anime,
body.jigyou .sec_3.k_anime {
	opacity:0;
	position:relative;
	animation:std_clip_to_bottom_op 2.0s ease 0.5s forwards;
}

body.jigyou .sec_1 .sec_1_1 > .column:nth-child(1),
body.jigyou .sec_1 .sec_1_1 > .column:nth-child(2)  > div:nth-child(1),
body.jigyou .sec_1 .sec_1_1 > .column:nth-child(2)  > div:nth-child(2),
body.jigyou .sec_1 .sec_1_1 > .column:nth-child(2)  > div:nth-child(3) {
	opacity:0;
	top:20px;
	position:relative;
}

body.jigyou .sec_1.k_anime .sec_1_1.k_anime  > .column:nth-child(2)  > div:nth-child(1) {animation:std_fade_in_up 1.0s ease 0.3s forwards;}
body.jigyou .sec_1.k_anime .sec_1_1.k_anime  > .column:nth-child(2)  > div:nth-child(2) {animation:std_fade_in_up 1.0s ease 0.6s forwards;}
body.jigyou .sec_1.k_anime .sec_1_1.k_anime  > .column:nth-child(2)  > div:nth-child(3) {animation:std_fade_in_up 1.0s ease 0.9s forwards;}
body.jigyou .sec_1.k_anime .sec_1_1.k_anime  > .column:nth-child(1) {animation:std_fade_in_up 1.0s ease 1.2s forwards;}

body.jigyou .sec_1 .sec_1_2 > .column:nth-child(1),
body.jigyou .sec_1 .sec_1_2 > .column:nth-child(2)  > div:nth-child(1),
body.jigyou .sec_1 .sec_1_2 > .column:nth-child(2)  > div:nth-child(2),
body.jigyou .sec_1 .sec_1_2 > .column:nth-child(2)  > div:nth-child(3) {
	opacity:0;
	top:20px;
	position:relative;
}

body.jigyou .sec_1.k_anime .sec_1_2.k_anime  > .column:nth-child(2)  > div:nth-child(1) {animation:std_fade_in_up 1.0s ease 0.3s forwards;}
body.jigyou .sec_1.k_anime .sec_1_2.k_anime  > .column:nth-child(2)  > div:nth-child(2) {animation:std_fade_in_up 1.0s ease 0.6s forwards;}
body.jigyou .sec_1.k_anime .sec_1_2.k_anime  > .column:nth-child(2)  > div:nth-child(3) {animation:std_fade_in_up 1.0s ease 0.9s forwards;}
body.jigyou .sec_1.k_anime .sec_1_2.k_anime  > .column:nth-child(1) {animation:std_fade_in_up 1.0s ease 1.2s forwards;}

body.jigyou .sec_1 .sec_1_3 > .column:nth-child(1),
body.jigyou .sec_1 .sec_1_3 > .column:nth-child(2) .std_flex2 > div:nth-child(1),
body.jigyou .sec_1 .sec_1_3 > .column:nth-child(2) .std_flex2 > div:nth-child(2) {
	opacity:0;
	top:20px;
	position:relative;
}

body.jigyou .sec_1.k_anime .sec_1_3.k_anime  > .column:nth-child(1) {animation:std_fade_in_up 1.0s ease 0.0s forwards;}
body.jigyou .sec_1.k_anime .sec_1_3.k_anime  > .column:nth-child(2) .std_flex2 > div:nth-child(1) {animation:std_fade_in_up 1.0s ease 0.3s forwards;}
body.jigyou .sec_1.k_anime .sec_1_3.k_anime  > .column:nth-child(2) .std_flex2 > div:nth-child(2) {animation:std_fade_in_up 1.0s ease 0.6s forwards;}

body.jigyou .sec_1 .an1,
body.jigyou .sec_1 .an2,
body.jigyou .sec_1 .an3 {
	opacity:0;
	top:20px;
	position:relative;
}

body.jigyou .sec_1.k_anime .an1.k_anime {animation:std_fade_in_up 1.0s ease 0.0s forwards;}
body.jigyou .sec_1.k_anime .an2.k_anime {animation:std_fade_in_up 1.0s ease 0.0s forwards;}
body.jigyou .sec_1.k_anime .an3.k_anime {animation:std_fade_in_up 1.0s ease 0.0s forwards;}

body.jigyou .sec_2 .sec_h2_area .number,
body.jigyou .sec_2 .sec_h2_area h2 {
	opacity:0;
	top:20px;
	position:relative;
}

body.jigyou .sec_2.k_anime .sec_h2_area .number {
	animation:std_fade_in_up 1.0s ease 0.5s forwards;
}
body.jigyou .sec_2.k_anime .sec_h2_area h2 {
	animation:std_fade_in_up 1.0s ease 0.8s forwards;
}

body.jigyou .sec_2 .an1,
body.jigyou .sec_2 .an2,
body.jigyou .sec_2 .an3,
body.jigyou .sec_2 .an4 {
	opacity:0;
	top:20px;
	position:relative;
}

body.jigyou .sec_2 .an1.k_anime {animation:std_fade_in_up 1.0s ease 0.0s forwards;}
body.jigyou .sec_2 .an2.k_anime {animation:std_fade_in_up 1.0s ease 0.3s forwards;}
body.jigyou .sec_2 .an3.k_anime {animation:std_fade_in_up 1.0s ease 0.0s forwards;}
body.jigyou .sec_2 .an4.k_anime {animation:std_fade_in_up 1.0s ease 0.0s forwards;}

body.jigyou .sec_3 .sec_h2_area .number,
body.jigyou .sec_3 .sec_h2_area h2 {
	opacity:0;
	top:20px;
	position:relative;
}

body.jigyou .sec_3.k_anime .sec_h2_area .number {
	animation:std_fade_in_up 1.0s ease 0.5s forwards;
}
body.jigyou .sec_3.k_anime .sec_h2_area h2 {
	animation:std_fade_in_up 1.0s ease 0.8s forwards;
}

body.jigyou .sec_3 .std_lead,
body.jigyou .sec_3 .an1 > div:nth-child(1),
body.jigyou .sec_3 .an1 > div:nth-child(2),
body.jigyou .sec_3 .an2 {
	opacity:0;
	top:20px;
	position:relative;
}
body.jigyou .sec_3 .std_lead.k_anime {animation:std_fade_in_up 1.0s ease 0.0s forwards;}
body.jigyou .sec_3 .an1.k_anime > div:nth-child(1) {animation:std_fade_in_up 1.0s ease 0.0s forwards;}
body.jigyou .sec_3 .an1.k_anime > div:nth-child(2) {animation:std_fade_in_up 1.0s ease 0.5s forwards;}
body.jigyou .sec_3 .an2.k_anime {animation:std_fade_in_up 1.0s ease 0.5s forwards;}

body.jigyou .sec_3 .an3 > div:nth-child(1),
body.jigyou .sec_3 .an3 > div:nth-child(2),
body.jigyou .sec_3 .an3 > div:nth-child(3),
body.jigyou .sec_3 .an3 > div:nth-child(4) {
	opacity:0;
	clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

body.jigyou .sec_3 .an3.k_anime > div:nth-child(1) {	animation:std_clip_to_left_op 0.8s ease 0.0s forwards;}
body.jigyou .sec_3 .an3.k_anime > div:nth-child(2) {	animation:std_clip_to_left_op 0.8s ease 0.3s forwards;}
body.jigyou .sec_3 .an3.k_anime > div:nth-child(3) {	animation:std_clip_to_left_op 0.8s ease 0.6s forwards;}
body.jigyou .sec_3 .an3.k_anime > div:nth-child(4) {	animation:std_clip_to_left_op 0.8s ease 0.9s forwards;}

body.jigyou .sec_3 .sec_3_3 > .column:nth-child(1),
body.jigyou .sec_3 .sec_3_3 > .column:nth-child(2),
body.jigyou .sec_3 .sec_3_3 > .column:nth-child(3),
body.jigyou .sec_3 .sec_3_3 > .column:nth-child(4){
	opacity:0;
	top:20px;
	position:relative;
}

body.jigyou .sec_3 .sec_3_3 > .column.k_anime:nth-child(1) {	animation:std_fade_in_up 1.0s ease 0.0s forwards;}
body.jigyou .sec_3 .sec_3_3 > .column.k_anime:nth-child(2) {	animation:std_fade_in_up 1.0s ease 0.5s forwards;}
body.jigyou .sec_3 .sec_3_3 > .column.k_anime:nth-child(3) {	animation:std_fade_in_up 1.0s ease 0.0s forwards;}
body.jigyou .sec_3 .sec_3_3 > .column.k_anime:nth-child(4) {	animation:std_fade_in_up 1.0s ease 0.5s forwards;}