.js-fadeUp {
  opacity: 0; /* 最初は非表示 */
  transform: translateY(30px); /* 下に30pxの位置から */
  transition: opacity .8s, transform .8s; /* 透過率と縦方向の移動を0.8秒 */
}
/* フェードイン(スクロールした後) */
.js-fadeUp.is-inview {
  opacity: 1; /* 表示領域に入ったら表示 */
  transform: translateY(0); /* 30px上に移動する */
  transition-delay: .5s; /* フェード開始を0.5秒遅らせる */
}

/*--------------------------------------------------

 * エフェクト

--------------------------------------------------*/
.effect {
	opacity: 0;
	filter: alpha(opacity=0);
	transform: translateY(40px);
	transition: .75s ease-out;
}
.effect-x {
	opacity: 0;
	filter: alpha(opacity=0);
	transform: translateX(40px);
	transition: .75s ease-out;
}
.effect-x2 {
	opacity: 0;
	filter: alpha(opacity=0);
	transform: translateX(-40px);
	transition: .75s ease-out;
}
.effect-x3 {
	opacity: 1;
	filter: alpha(opacity=0);
	transform: translateX(-100%);
	transition: .5s ease-out;
}
.top-head-text .effect {
	opacity: 0;
	filter: alpha(opacity=0);
	transform: translateY(100px);
	transition: 1.5s ease-out;
}
.effect-hito1 {
	opacity: 1;
	filter: alpha(opacity=0);
	transform: translateX(-90%) translateY(30px);
	transition: .2s ease-out;
}
.effect-hito2 {
	opacity: 1;
	filter: alpha(opacity=0);
	transform: translateX(90%) translateY(40px);
	transition: .2s ease-out;
}

.effect.start {
	opacity: 1;
	filter: alpha(opacity=100);
	transform: translateY(0px);
}
.effect-x.start-x {
	opacity: 1;
	filter: alpha(opacity=100);
	transform: translateX(0px);
}

.effect-n {
	opacity: 1;
	filter: alpha(opacity=0);
	transform: scaleY(0);
	transition: .5s ease-out;
    transition-delay:.2s;
}

.effect-n.nd_02 {
    transition-delay:.6s;
}

.effect-n.nd_03 {
    transition-delay:1s;
}

.effect-n.start {
	opacity: 1;
	filter: alpha(opacity=100);
	transform: scaleY(1);
}

.effect-talk {
	opacity: 1;
	filter: alpha(opacity=0);
	transform: scaleX(0);
    transform-origin: left;
	transition: .5s ease-out;
    transition-delay:1s;
}

.effect-talk.start {
	opacity: 1;
	filter: alpha(opacity=100);
	transform: scaleX(1);
}

.zadannkai-talk-box01:nth-child(2n) .effect-talk {
    transform-origin: right;
}


.effect.d_01,.effect-x.d_01 {transition-delay:0.1s;}
.effect.d_02,.effect-x.d_02 {transition-delay:0.2s;}
.effect.d_03,.effect-x.d_03 {transition-delay:0.3s;}
.effect.d_04,.effect-x.d_04 {transition-delay:0.4s;}
.effect.d_05,.effect-x.d_05 {transition-delay:0.5s;}
.effect.d_06,.effect-x.d_06 {transition-delay:0.6s;}
.effect.d_07,.effect-x.d_07 {transition-delay:0.7s;}
.effect.d_08,.effect-x.d_08 {transition-delay:0.8s;}
.effect.d_09,.effect-x.d_09 {transition-delay:0.9s;}
.effect.d_10,.effect-x.d_10 {transition-delay:1.0s;}
.effect.d_11,.effect-x.d_11 {transition-delay:1.1s;}
.effect.d_12,.effect-x.d_12 {transition-delay:1.2s;}
.effect.d_14,.effect-x.d_14 {transition-delay:1.4s;}
.effect.d_16,.effect-x.d_16 {transition-delay:1.6s;}
.effect.d_18,.effect-x.d_18 {transition-delay:1.8s;}
@media print, screen and (min-width: 768px){
	.effect.d_01_pc,.effect-x.d_01_pc {transition-delay:0.1s;}
	.effect.d_02_pc,.effect-x.d_02_pc {transition-delay:0.2s;}
	.effect.d_03_pc,.effect-x.d_03_pc {transition-delay:0.3s;}
	.effect.d_04_pc,.effect-x.d_04_pc {transition-delay:0.4s;}
	.effect.d_05_pc,.effect-x.d_05_pc {transition-delay:0.5s;}
	.effect.d_06_pc,.effect-x.d_06_pc {transition-delay:0.6s;}
	.effect.d_07_pc,.effect-x.d_07_pc {transition-delay:0.7s;}
	.effect.d_08_pc,.effect-x.d_08_pc {transition-delay:0.8s;}
	.effect.d_09_pc,.effect-x.d_09_pc {transition-delay:0.9s;}
	.effect.d_10_pc,.effect-x.d_10_pc {transition-delay:1.0s;}
	.effect.d_11_pc,.effect-x.d_11_pc {transition-delay:1.1s;}
	.effect.d_12_pc,.effect-x.d_12_pc {transition-delay:1.2s;}
	.effect.d_14_pc,.effect-x.d_14_pc {transition-delay:1.4s;}
}
@media only screen and (max-width: 767px){
	.effect.d_01_sp,.effect-x.d_01_sp {transition-delay:0.1s;}
	.effect.d_02_sp,.effect-x.d_02_sp {transition-delay:0.2s;}
	.effect.d_03_sp,.effect-x.d_03_sp {transition-delay:0.3s;}
	.effect.d_04_sp,.effect-x.d_04_sp {transition-delay:0.4s;}
	.effect.d_05_sp,.effect-x.d_05_sp {transition-delay:0.5s;}
	.effect.d_06_sp,.effect-x.d_06_sp {transition-delay:0.6s;}
	.effect.d_07_sp,.effect-x.d_07_sp {transition-delay:0.7s;}
	.effect.d_08_sp,.effect-x.d_08_sp {transition-delay:0.8s;}
	.effect.d_09_sp,.effect-x.d_09_sp {transition-delay:0.9s;}
	.effect.d_10_sp,.effect-x.d_10_sp {transition-delay:1.0s;}
	.effect.d_11_sp,.effect-x.d_11_sp {transition-delay:1.1s;}
	.effect.d_12_sp,.effect-x.d_12_sp {transition-delay:1.2s;}
	.effect.d_14_sp,.effect-x.d_14_sp {transition-delay:1.4s;}
}
/*--------------------------------------------------

 * flex

--------------------------------------------------*/

.flex{
	display: flex;
}

/*
.flex-ac{
	display: flex;
	justify-content: center;
	align-items: center;
}
.flex-lac{
	display: flex;
	align-items: center;
}
*/
.flex-dc_row-reverse{ flex-direction : row-reverse; }
.flex-wrap { flex-wrap: wrap; }
.flex-ai_flex-start { align-items:flex-start;} /*上揃え（デフォルト）*/
.flex-ai_flex-end { align-items:flex-end;} /*上下揃え*/
.flex-ai_center { align-items:center;} /*上中央揃え*/
.flex-ai_baseline { align-items:baseline;} /*上ベースライン*/
.flex-ai_stretch { align-items:stretch;} /*上伸縮*/

.flex-jc_flex-start { justify-content:flex-start;} /*左端に配置*/
.flex-jc_flex-end { justify-content:flex-end;} /*右端に配置*/
.flex-jc_center { justify-content:center;} /*左右中央*/
.flex-jc_space-between { justify-content:space-between;} /*等間隔*/
.flex-jc_space-around { justify-content:space-around;} /*等間隔 / 起点・終点との間にも間隔*/

.flex-direction-column {flex-direction: column;} /*縦揃え：margin-top: auto;で下詰め*/
.flex-margin-top {margin-top: auto;}
.flex-direction_row-reverse {flex-direction:row-reverse;} /*並び順を逆にする【右から左】*/

.flex-01 { flex: .2; }
.flex-02 { flex: .2; }
.flex-03 { flex: .2; }
.flex-04 { flex: .2; }
.flex-05 { flex: .5; }
.flex-06 { flex: .6; }
.flex-07 { flex: .7; }
.flex-08 { flex: .8; }
.flex-09 { flex: .9; }
.flex-10 { flex: 1; }
.flex-15 { flex: 1.5; }
.flex-20 { flex: 2; }
.flex-25 { flex: 2.5; }
.flex-30 { flex: 3; }
.flex-35 { flex: 3.5; }
.flex-40 { flex: 4; }
.flex-45 { flex: 4.5; }
.flex-50 { flex: 5; }
.flex-55 { flex: 5.5; }
.flex-60 { flex: 6; }
.flex-65 { flex: 6.5; }
.flex-70 { flex: 7; }
.flex-75 { flex: 7.5; }
.flex-80 { flex: 8; }
.flex-85 { flex: 8.5; }
.flex-90 { flex: 9; }
.flex-95 { flex: 9.5; }
.flex-100 { flex: 10; }
.flex-105 { flex: 10.5; }
.flex-110 { flex: 11; }
.flex-115 { flex: 11.5; }
	
@media only screen and (max-width: 767px){
	.flex_sp{
		display: flex;
	}
	.flex-dc_row-reverse_sp{ flex-direction : row-reverse; }
	.flex-wrap_sp { flex-wrap: wrap; }
	.flex-ai_flex-start_sp { align-items:flex-start;} /*上揃え（デフォルト）*/
	.flex-ai_flex-end_sp { align-items:flex-end;} /*上下揃え*/
	.flex-ai_center_sp { align-items:center;} /*上中央揃え*/
	.flex-ai_baseline_sp { align-items:baseline;} /*上ベースライン*/
	.flex-ai_stretch_sp { align-items:stretch;} /*上伸縮*/

	.flex-jc_flex-start_sp { justify-content:flex-start;} /*左端に配置*/
	.flex-jc_flex-end_sp { justify-content:flex-end;} /*右端に配置*/
	.flex-jc_center_sp { justify-content:center;} /*左右中央*/
	.flex-jc_space-between_sp { justify-content:space-between;} /*等間隔*/
	.flex-jc_space-around_sp { justify-content:space-around;} /*等間隔 / 起点・終点との間にも間隔*/

	.flex-direction-column_sp {flex-direction: column;} /*縦揃え：margin-top: auto;で下詰め*/
	.flex-margin-top_sp {margin-top: auto;}
	.flex-direction_row-reverse_sp {flex-direction:row-reverse;} /*並び順を逆にする【右から左】*/

	.flex-05_sp { flex: .5; }
	.flex-10_sp { flex: 1; }
	.flex-15_sp { flex: 1.5; }
	.flex-20_sp { flex: 2; }
	.flex-25_sp { flex: 2.5; }
	.flex-30_sp { flex: 3; }
	.flex-35_sp { flex: 3.5; }
	.flex-40_sp { flex: 4; }
	.flex-45_sp { flex: 4.5; }
	.flex-50_sp { flex: 5; }
	.flex-55_sp { flex: 5.5; }
	.flex-60_sp { flex: 6; }
	.flex-65_sp { flex: 6.5; }
	.flex-70_sp { flex: 7; }
	.flex-75_sp { flex: 7.5; }
	.flex-80_sp { flex: 8; }
	.flex-85_sp { flex: 8.5; }
	.flex-90_sp { flex: 9; }
	.flex-95_sp { flex: 9.5; }
	.flex-100_sp { flex: 10; }
	.flex-105_sp { flex: 10.5; }
	.flex-110_sp { flex: 11; }
	.flex-115_sp { flex: 11.5; }
}
@media print, screen and (min-width: 768px){
	.flex_pc{
		display: flex;
	}
	.flex-dc_row-reverse_pc{ flex-direction : row-reverse; }
	.flex-wrap_pc { flex-wrap: wrap; }
	.flex-ai_flex-start_pc { align-items:flex-start;} /*上揃え（デフォルト）*/
	.flex-ai_flex-end_pc { align-items:flex-end;} /*上下揃え*/
	.flex-ai_center_pc { align-items:center;} /*上中央揃え*/
	.flex-ai_baseline_pc { align-items:baseline;} /*上ベースライン*/
	.flex-ai_stretch_pc { align-items:stretch;} /*上伸縮*/

	.flex-jc_flex-start_pc { justify-content:flex-start;} /*左端に配置*/
	.flex-jc_flex-end_pc { justify-content:flex-end;} /*右端に配置*/
	.flex-jc_center_pc { justify-content:center;} /*左右中央*/
	.flex-jc_space-between_pc { justify-content:space-between;} /*等間隔*/
	.flex-jc_space-around_pc { justify-content:space-around;} /*等間隔 / 起点・終点との間にも間隔*/
	
	.flex-direction-column_pc {flex-direction: column;} /*縦揃え：margin-top: auto;で下詰め*/
	.flex-margin-top_pc {margin-top: auto;}
	.flex-direction_row-reverse_pc {flex-direction:row-reverse;} /*並び順を逆にする【右から左】*/
	
	.flex-05_pc { flex: .5; }
	.flex-10_pc { flex: 1; }
	.flex-15_pc { flex: 1.5; }
	.flex-20_pc { flex: 2; }
	.flex-25_pc { flex: 2.5; }
	.flex-30_pc { flex: 3; }
	.flex-35_pc { flex: 3.5; }
	.flex-40_pc { flex: 4; }
	.flex-45_pc { flex: 4.5; }
	.flex-50_pc { flex: 5; }
	.flex-55_pc { flex: 5.5; }
	.flex-60_pc { flex: 6; }
	.flex-65_pc { flex: 6.5; }
	.flex-70_pc { flex: 7; }
	.flex-75_pc { flex: 7.5; }
	.flex-80_pc { flex: 8; }
	.flex-85_pc { flex: 8.5; }
	.flex-90_pc { flex: 9; }
	.flex-95_pc { flex: 9.5; }
	.flex-100_pc { flex: 10; }
	.flex-105_pc { flex: 10.5; }
	.flex-110_pc { flex: 11; }
	.flex-115_pc { flex: 11.5; }
}

.flex2 {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.flex2 > div {
	width: 50%;
	border: 1px solid white;
	box-sizing: border-box;
}