@charset "Shift_JIS";/**/
#info_contents { margin-bottom:0!important; }
.body_sph .contents_main { margin: 0; }
#ovo40th { text-align: center; /*margin: 0 auto; padding-bottom:40px;*/ }

/* デザイン */
#ovo40th .flex { display: flex; flex-direction: row; justify-content: center; }
.body_pc #ovo40th .flex li { margin: 2em 1em; }
.body_sph #ovo40th .flex { margin: 0 0.5em; }
.body_sph #ovo40th .flex li { margin: 2em 0; }
.body_sph #ovo40th .flex li img { width: 80%; }
.here { background-color: #d8e191; }
.here2 { background-color: #ffeb87; }
.here3 { background-color: #b7e6e1; }
#ovo40th img.hover, #ovo40th img.hover2, #ovo40th img.hover3 { opacity: 1; background-color: #eeeeee; }
#ovo40th img.hover:hover { background-color: #d8e191; }
#ovo40th img.hover2:hover { background-color: #ffeb87; }
#ovo40th img.hover3:hover { background-color: #b7e6e1; }
.ovo40th_02 { background: #e4f1d4; }
#ovo40th .attention { padding: 0 0.4em 2em 0.5em; text-align: left; line-height: 1.8; }
.body_sph #ovo40th .attention { padding: 0 0.5em 2em 0.5em; }
/* スペース調整 
.body_pc .lbn { margin-bottom: 20px; }
.body_sph .lbn { margin: 0 2% 5% 2%; text-align: center; }*/

/*透過png配置 */
.reasonArea { position: relative; }
.reason_01, .reason_02, .reason_03, .reason_04, .reason_05, 
.reason_06, .reason_07, .reason_08, .reason_09, .reason_10 { position: absolute; display: block; }

/* Area */
.reason_01 { width: 335px; height: 114px; top: 3.98%; left: 11.85%; }
.reason_02 { width: 174px; height: 113px; top: 12.26%; left: 63.74%; }
.reason_03 { width: 397px; height: 114px; top: 18.96%; left: 5.92%; }
.reason_04 { width: 242px; height: 72px; top: 27.93%; left: 57.77%; }
.reason_05 { width: 352px; height: 73px; top: 34.79%; left: 8.57%; }
.reason_06 { width: 259px; height: 72px; top: 42.18%; left: 49.20%; }
.reason_07 { width: 219px; height: 71px; top: 48.42%; left: 13.15%; }
.reason_08 { width: 242px; height: 73px; top: 53.82%; left: 61.71%; }
.reason_09 { width: 245px; height: 110px; top: 76.85%; left: 8.54%; }
.reason_10 { width: 274px; height: 112px; top: 90.31%; left: 3.58%; }

.body_sph .reason_01 { width: 46.52%; height: 6.16%; }
.body_sph .reason_02 { width: 24.16%; height: 6.10%; }
.body_sph .reason_03 { width: 55.13%; height: 6.1%; }
.body_sph .reason_04 { width: 33.61%; height: 3.89%; }
.body_sph .reason_05 { width: 48.88%; height: 3.94%; }
.body_sph .reason_06 { width: 35.97%; height: 3.89%; }
.body_sph .reason_07 { width: 30.41%; height: 3.83%; }
.body_sph .reason_08 { width: 33.61%; height: 3.94%; }
.body_sph .reason_09 { width: 34.02%; height: 5.94%; }
.body_sph .reason_10 { width: 38.05%; height: 6.05%; }
/*.de03Area { overflow: hidden; }右からinの時の幅修正用*/

/* CPインクルード部分*/
.body_pc .display_matrix li { width:25%; padding-top: 15px; border-top: 1px solid #809861; }
.body_sph .display_matrix li { width: 50%; padding-top: 5%; border-top: 1px solid #809861; }
.body_pc .display_matrix li:nth-child(-n+4) { border-top: none; padding-top: 5px; }
.body_sph .display_matrix li:nth-child(-n+2) { border-top: none; padding-top: 2%; }
.body_pc .sube_series ul { padding: 0 15px; }
.body_sph .sube_series ul { padding: 0 3%; }
.body_sph .txt_box { font-size:78%; }

/* シリーズインクルード部分 */
.sube_series { background:#e4f1d4; }
.body_pc .sube_series { padding-top:3%; }
.body_sph .sube_series { padding-top:5%; }
.sube_series .icon_box { text-align:center; }
.sube_series .img_box { border:4px solid #fff; background:#fff; }

/* 動画部分 */
/*.movie_box { }*/
.movie_fl { border: 5px solid #ffffff; box-shadow: 0.15em 0.15em 0.3em #bbb; }
.body_pc .movie_fl { margin: 0 2em; }
.body_sph .movie_fl { margin: 0 1.5em; }
.movie_tit { background: #ffffff; border-radius: 1em; }
.body_pc .movie_tit { padding: 0.4em 0; margin: 0 1.8em 0.5em 1.8em; font-size: 1.5em; letter-spacing: 0.5em; }
.body_sph .movie_tit { padding: 0.2em 0; margin: 0 1.5em 0.5em 1.5em; }

/* 動き */
/*translateX(-50px)  X軸（左横に）方向に50px */
/*translateY(50px)  Y軸（上縦に）方向に50px */
/*translateY(-50px)  Y軸（下縦に）方向に50px */

/* ふわっとアニメ */
/* 動作を適用する箇所 */
.fuwatAnime { 
-webkit-animation-fill-mode:both; 
-ms-animation-fill-mode:both; 
animation-fill-mode:both; 
-webkit-animation-duration:2s; /* アニメ時間 */
-ms-animation-duration:2s; 
animation-duration:2s; 
-webkit-transition-delay: 0.5s;/* 開始時間 */
-ms-transition-delay: 0.5s;
transition-delay: 0.5s;
-webkit-animation-name: fuwatAnime; /* アニメ名 */
-ms-animation-name: fuwatAnime; 
animation-name: fuwatAnime; visibility: visible !important; }

.fuwatAnime2 { 
-webkit-animation-fill-mode:both; 
-ms-animation-fill-mode:both; 
animation-fill-mode:both; 
-webkit-animation-duration:2.5s; /* アニメ時間 */
-ms-animation-duration:2.5s; 
animation-duration:2.5s; 
-webkit-transition-delay: 1.5s;/* 開始時間 */
-ms-transition-delay: 1.5s;
transition-delay: 1.5s;
-webkit-animation-name: fuwatAnime2; /* アニメ名 */
-ms-animation-name: fuwatAnime2; 
animation-name: fuwatAnime2; visibility: visible !important; }

.fadeIn_r_Anime { 
-webkit-animation-fill-mode:both; 
-ms-animation-fill-mode:both; 
animation-fill-mode:both; 
-webkit-animation-duration:1.5s; /* アニメ時間 */
-ms-animation-duration:1.5s; 
animation-duration:1.5s; 
-webkit-transition-delay: 0.0s;/* 開始時間 */
-ms-transition-delay: 0.0s;
transition-delay: 0.0s;
-webkit-animation-name: fadeIn_r_Anime; /* アニメ名 */
-ms-animation-name: fadeIn_r_Anime; 
animation-name: fadeIn_r_Anime; visibility: visible !important; }

.fadeIn_l_Anime { 
-webkit-animation-fill-mode:both; 
-ms-animation-fill-mode:both; 
animation-fill-mode:both; 
-webkit-animation-duration:1.5s; /* アニメ時間 */
-ms-animation-duration:1.5s; 
animation-duration:1.5s; 
-webkit-transition-delay: 0.0s;/* 開始時間 */
-ms-transition-delay: 0.0s;
transition-delay: 0.0s;
-webkit-animation-name: fadeIn_l_Anime; /* アニメ名 */
-ms-animation-name: fadeIn_l_Anime; 
animation-name: fadeIn_l_Anime; visibility: visible !important; }

.fadeIn_ru_Anime { 
-webkit-animation-fill-mode:both; 
-ms-animation-fill-mode:both; 
animation-fill-mode:both; 
-webkit-animation-duration:1.5s; /* アニメ時間 */
-ms-animation-duration:1.5s; 
animation-duration:1.5s; 
-webkit-transition-delay: -0.5s;/* 開始時間 */
-ms-transition-delay: -0.5s;
transition-delay: -0.5s;
-webkit-animation-name: fadeIn_ru_Anime; /* アニメ名 */
-ms-animation-name: fadeIn_ru_Anime; 
animation-name: fadeIn_ru_Anime; visibility: visible !important; }

.fadeIn_lu_Anime { 
-webkit-animation-fill-mode:both; 
-ms-animation-fill-mode:both; 
animation-fill-mode:both; 
-webkit-animation-duration:1.5s; /* アニメ時間 */
-ms-animation-duration:1.5s; 
animation-duration:1.5s; 
-webkit-transition-delay: -0.5s;/* 開始時間 */
-ms-transition-delay: -0.5s;
transition-delay: -0.5s;
-webkit-animation-name: fadeIn_lu_Anime; /* アニメ名 */
-ms-animation-name: fadeIn_lu_Anime; 
animation-name: fadeIn_lu_Anime; visibility: visible !important; }

/* 動作内容 */
@-webkit-keyframes fuwatAnime {
 0% { opacity: 0; -webkit-transform: translateY(-150px);  }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@-webkit-keyframes fuwatAnime2 {
 0% { opacity: 0; -webkit-transform: translateY(-200px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
/*大から実寸にフェードイン@-webkit-keyframes fuwatAnime2 {
 0% { opacity: 0; -webkit-transform: translateY(0) scale(0.5); }
 70% { opacity: 1; -webkit-transform: translateY(0) scale(1.2); }
 100% { opacity: 1; -webkit-transform: translateY(0) scale(1.0); }
}*/
@-webkit-keyframes fadeIn_r_Anime {
 0% { opacity: 0; -webkit-transform: translateX(300px); }
 100% { opacity: 1; -webkit-transform: translateX(0); width:720px; }
}
@-webkit-keyframes fadeIn_l_Anime {
 0% { opacity: 0; -webkit-transform: translateX(-300px); }
 100% { opacity: 1; -webkit-transform: translateX(0); width:720px; }
}
@-webkit-keyframes fadeIn_ru_Anime {
 0% { opacity: 0; -webkit-transform: translateX(300px) translateY(200px); }
 100% { opacity: 1; -webkit-transform: translateX(0); width:720px; }
}
@-webkit-keyframes fadeIn_lu_Anime {
 0% { opacity: 0; -webkit-transform: translateX(-300px) translateY(200px); }
 100% { opacity: 1; -webkit-transform: translateX(0); width:720px; }
}


@keyframes fuwatAnime {
 0% { opacity: 0; -webkit-transform: translateY(-150px); -ms-transform: translateY(-150px); transform: translateY(-150px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
@keyframes fuwatAnime2 {
 0% { opacity: 0; -webkit-transform: translateY(-200px); -ms-transform: translateY(-200px); transform: translateY(-200px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
/*大から実寸にフェードイン@keyframes fuwatAnime2 {
 0% { opacity: 0; -webkit-transform: translateY(0) scale(0.5); -ms-transform: translateY(0) scale(0.5); transform: translateY(0) scale(0.5); }
 70% { opacity: 1; -webkit-transform: translateY(0) scale(1.2); -ms-transform: translateY(0) scale(1.2); transform: translateY(0) scale(1.2); }
 100% { opacity: 1; -webkit-transform: translateY(0) scale(1.0); -ms-transform: translateY(0) scale(1.0); transform: translateY(0) scale(1.0); }
}*/
@keyframes fadeIn_r_Anime {
 0% { opacity: 0.5;/* 透明 */ -webkit-transform: translateX(300px) ; -ms-transform: translateX(300px); transform: translateX(300px);/*X軸（右横に）方向に300px */}
100% { opacity: 1;/* 不透明 */ -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); width: ; }
}
@keyframes fadeIn_l_Anime{
 0% { opacity: 0.5; -webkit-transform: translateX(-300px); -ms-transform: translateX(-300px); transform: translateX(-300px);}
 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); width: ; }
}
@keyframes fadeIn_ru_Anime {
 0% { opacity: 0.5; -webkit-transform: translateX(300px) translateY(200px); -ms-transform: translateX(300px) translateY(200px); transform: translateX(300px) translateY(200px);}
100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); width: ; }
}
@keyframes fadeIn_lu_Anime{
 0% { opacity: 0.5; -webkit-transform: translateX(-300px) translateY(200px); -ms-transform: translateX(-300px) translateY(200px); transform: translateX(-300px) translateY(200px);}
 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); width: ; }
}


.body_pc .kaiyuu { /*display:none;*/ margin:5% 0; }
.body_sph .kaiyuu { margin:5% 2%; }/**/