/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 06 2023 | 01:20:42 */
/*==============================================================
jQuery プラグイン 「inview」（カラーアニメ / ホームで使用）
==============================================================*/
/*----------------------------------------------------
フラグ判定
----------------------------------------------------*/
/*----表示領域に入った場合の判定用css----*/
.inview2 {}
/*----------------------------------------------------
基本設定
----------------------------------------------------*/
.color_pa {position:relative; z-index:1; /*overflow:hidden;*/}
.color_ch01 {position:absolute; z-index:2; content:""; width:100%; height:100%; transition-delay: 1s; opacity:0.85;}
/*----------------------------------------------------
カラーアニメ（左から右へ）
----------------------------------------------------*/
.color_ch01 {top:0; right:0; transition: 0.6s;}
/*----------------------------------------------------
カラーアニメ（消失）
----------------------------------------------------*/
.show_off.color_ch01 {width:0%;}
/*----------------------------------------------------
色設定
----------------------------------------------------*/
.color_ch01.c01 {background:#009143;}

/*----------------------------------------------------
キャッチコピー（ホームのaboutで使用）
----------------------------------------------------*/
.c_copy {position:absolute; z-index:10; top:6%; right:10%; height:100%; writing-mode: vertical-rl; -ms-writing-mode: tb-rl;
	font-family: 'Zen Antique', sans-serif; font-weight:700; font-size:min(4.4vw, 80px); color:#104e83; line-height:1.2; text-indent:-2em;
	text-shadow: 1px 1px 16px #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, 0-1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;}
@media screen and (max-width:780px) {.c_copy {top:18%; right:4%; font-size:8vw;}}

/*----------------------------------------------------
ナンバリング（ホームのbusinessで使用）
----------------------------------------------------*/
.color_ch02 {position:absolute; z-index:-1; top:-6%; right:-34%; opacity:0;
	font-family:'Roboto', sans-serif; font-weight:700; font-size:min(16vw, 360px); line-height:1;}
@media screen and (max-width:780px) {.color_ch02 {top:100%; right:64%; font-size:30vw;}}
.fadeIn.show_on.color_ch02 {opacity:0.1;}

/*==============================================================
jQuery プラグイン 「inview」（フェード）
==============================================================*/
/*----------------------------------------------------
フラグ判定
----------------------------------------------------*/
/*----表示領域に入った場合の判定用css----*/
.inview {}
/*----------------------------------------------------
フェードイン（下から）
----------------------------------------------------*/
/* フェードイン(初期値) */
.fadeIn {opacity: 0; /* 最初は非表示 */
	transform: translateY(30px); /* Y軸30px下位置にセット */ transition: opacity .8s, transform .8s; /* 透過率と縦方向の移動を0.8秒 */}
/* フェードイン(スクロール後) */
.fadeIn.show_on {opacity: 1; /* 表示領域に入ったら表示 */
	transform: translateY(0); /* 30px上に移動する */ transition-delay: 0.1s; /* フェード開始を〇秒遅らせる */}
/*----------------------------------------------------
フェードイン（上から）
----------------------------------------------------*/
.fadeIn_b {opacity: 0; transform: translateY(-30px); transition: opacity .8s, transform .8s;}
/* フェードイン(スクロール後) */
.fadeIn_b.show_on {opacity: 1; transform: translateY(0); transition-delay: 0.1s;}
/*----------------------------------------------------
フェードイン（左から）
----------------------------------------------------*/
.fadeIn_l {opacity: 0; transform: translateX(-30px); transition: opacity .8s, transform .8s;}
/* フェードイン(スクロール後) */
.fadeIn_l.show_on {opacity: 1; transform: translateX(0); transition-delay: 0.1s;}
/*----------------------------------------------------
フェードイン（右から）
----------------------------------------------------*/
.fadeIn_r {opacity: 0; transform: translateX(30px); transition: opacity .8s, transform .8s;}
/* フェードイン(スクロール後) */
.fadeIn_r.show_on {opacity: 1; transform: translateX(0); transition-delay: 0.1s;}