@charset "UTF-8";

#bbb_safety {text-align:center;}
#bbb_safety p {font-size:14px; font-size:1.4rem; line-height:2.4; color:#555;}

#bbb_safety h2 {color:#3b7038; border-bottom:3px solid #a2ba0f; padding-bottom:10px; margin-bottom:40px; display:inline-block;}
#bbb_safety h3 {color:#555; border-bottom:3px solid #a2ba0f; padding-bottom:10px; margin-bottom:70px; display:inline-block;}
#bbb_safety h4 {color:#a2ba0f; padding-bottom:14px; padding-top:6px; margin-bottom:40px; font-size:20px; font-size:2.0rem; line-height:1.8; background:url(../images/h4_bg.png) 0 bottom repeat-x; text-align:left;}
#bbb_safety h4.story02 {background:none;padding-top:0; margin-bottom:0;} 
#bbb_safety p.story_title_n {font-size:13px; font-size:1.3rem; color:#a2ba0f; font-weight:bold;}


#bbb_safety #main_movie_area {max-width:1020px; padding:100px 20px; margin:0 auto;}
#bbb_safety #main_movie_area .youtube_movie_box {max-width:816px; padding-bottom:60px;}
#bbb_safety #main_movie_area .youtube_movie_box p.movie_ann {font-size:13px; font-size:1.3rem; color:#897a7a; padding-top:10px;}
#bbb_safety #main_movie_area p {color:#a2ba0f; font-size:24px; font-size:2.4rem; line-height:2.0;}
#bbb_safety #main_movie_area h3 {font-size:32px; font-size:3.2rem;}

#bbb_safety .lay_box {}
#bbb_safety .lay_box .flo_left,
#bbb_safety .lay_box .flo_left_sp {float:left;}
#bbb_safety .lay_box .flo_right,
#bbb_safety .lay_box .flo_right_sp {float:right;}
#bbb_safety .lay_box p,
#bbb_safety .texbox_left {text-align:left;}
#bbb_safety .texbox_center {text-align:center;}

#bbb_safety .w44p {width:44%;}
#bbb_safety .w47p {width:47%;}
#bbb_safety .w48p {width:48%;}
#bbb_safety .w51p {width:51%;}

#bbb_safety .pc_pabot40 {padding-bottom:40px;}
#bbb_safety .pc_pabot60 {padding-bottom:60px;}
#bbb_safety .pc_pabot70 {padding-bottom:70px;}
#bbb_safety .pc_pabot80 {padding-bottom:80px;}

#bbb_safety #safgreen_bg {padding:100px 10px 0 10px; background:url(../images/bg_dot.gif) 0 0 repeat #c2d83e;}

#bbb_safety .story_about {padding:0 20px 50px 20px;}
#bbb_safety .story_about p {font-size:16px; font-size:1.6rem; line-height:2.2; font-weight:bold;}
#bbb_safety .story_about p.story_about_lead {color:#FFF; font-size:30px; font-size:3.0rem; font-weight:bold; padding-bottom:40px;}

#bbb_safety .story_box {padding:50px 40px 30px 40px; max-width:980px; margin:0 auto 80px auto; background-color:#f8f9eb;
border-radius:15px;
-webkit-border-radius:15px;/* for Safari and Chrome */
-moz-border-radius:15px; /* for Firefox */
-o-border-radius:15px; /* for opera */
behavior: url('/common/css/common/border-radius.htc');/* for IE */
}

#bbb_safety .story02_yt_box {padding:34px 40px; background-color:#e9eadb;}
#bbb_safety .yt_movie_title {padding-bottom:13px; margin-bottom:17px; display:inline-block; background:url(../images/yt_title_arrow.png) center bottom no-repeat;}
#bbb_safety .yt_movie_title h4 {font-size:16px; font-size:1.6rem; color:#FFF; padding:10px 30px; margin:0; display:inline-block; background:none; background-color:#dac23b;}


#bbb_safety .story_box.story03box {padding:50px 20px 30px 20px;}

#bbb_safety .story_box.story03box ul {font-size:0;}
#bbb_safety .story_box.story03box ul li {width:33.333%; padding:0 20px 30px 20px; display:inline-block; vertical-align:top;}
#bbb_safety .story_box.story03box ul li h4 {font-size:16px; font-size:1.6rem; background:none; padding:30px 0; margin:0; text-align:center;}
#bbb_safety .story_box.story03box ul li p {text-align:left; line-height:1.6;}

#bbb_safety .story_ann {padding-top:10px;}
#bbb_safety .story_box.story03box .story_ann {padding:10px 10px 0 10px;}
#bbb_safety .story_ann p {font-size:13px; font-size:1.3rem; color:#897a7a; text-align:right;}

#bbb_safety .link_btn_area {padding-bottom:130px;}

/* ベッド型ナビ */
.bbb_navi_area {width:100%; background:url(../images/navi_bg.gif) 0 0 repeat #fbfbfb; text-align:center;}
.bbb_navi {max-width:1008px; padding:56px 14px 28px 14px; margin:0 auto;}
.bbb_navi ul {letter-spacing: -.4em;}
.bbb_navi ul li {display:inline-block; letter-spacing:normal; width:50%; padding:0 14px 28px 14px; vertical-align:top;}
.bbb_navi ul li a,
.bbb_navi ul li a:hover,
.bbb_navi ul li a:visited {font-size:18px; font-size:1.8rem; color:#df0623; border:5px solid #d1d1d1; padding:36px 56px 36px 20px; display:block; text-decoration:none; background-color:#FFF; background:url(../images/navi_arrow.png) center right no-repeat #FFF;}
.bbb_navi ul li a:hover,
.bbb_navi ul li a.navi_curr {color:#fff; background-color:#df0623; background:url(../images/navi_arrow_c.png) center right no-repeat #df0623;}


/*!------------------------------------*\
    Smartphone
\*!------------------------------------*/
@media screen and (max-width: 641px) {


#bbb_safety h3 {margin-bottom:40px;}
#bbb_safety h4 {padding-bottom:10px; padding-top:0; margin-bottom:18px; font-size:18px; font-size:1.8rem; line-height:1.6;}

#bbb_safety #main_movie_area {padding:40px 20px;}
#bbb_safety #main_movie_area .youtube_movie_box {padding-bottom:30px;}
#bbb_safety #main_movie_area p {font-size:20px; font-size:2.0rem; line-height:1.6;}
#bbb_safety #main_movie_area h3 {font-size:20px; font-size:2.0rem;}


#bbb_safety .lay_box {}
#bbb_safety .lay_box .flo_left,
#bbb_safety .lay_box .flo_right {float:none; padding-bottom:20px;}

#bbb_safety .w44p,
#bbb_safety .w48p,
#bbb_safety .w51p {width:100%;}

#bbb_safety .pc_pabot40,
#bbb_safety .pc_pabot60,
#bbb_safety .pc_pabot70,
#bbb_safety .pc_pabot80 {padding-bottom:0;}
#bbb_safety .sp_pabot20 {padding-bottom:20px;}
#bbb_safety .sp_pabot30 {padding-bottom:30px;}
#bbb_safety .sp_pabot40 {padding-bottom:40px;}

#bbb_safety #safgreen_bg {padding:30px 10px 0 10px;}

#bbb_safety .story_about {padding:0 10px 50px 10px;}
#bbb_safety .story_about p {font-size:14px; font-size:1.4rem; line-height:2.2;}
#bbb_safety .story_about p.story_about_lead {font-size:22px; font-size:2.2rem; padding-bottom:30px; line-height:1.6;}

#bbb_safety .story_box {padding:30px 20px 20px 20px; margin:0 auto 40px auto;}

#bbb_safety .story02_yt_box {padding:20px 10px;}
#bbb_safety .yt_movie_title {margin-bottom:7px;}
#bbb_safety .yt_movie_title h4 {font-size:14px; font-size:1.4rem;padding:10px 20px; margin:0; text-align:center;}
#bbb_safety .story02_yt_box .lay_box .flo_left {padding-bottom:40px;}
#bbb_safety .story02_yt_box .lay_box .flo_right {padding-bottom:0;}

#bbb_safety .story_box.story03box {padding:30px 0px 20px 0px;}
#bbb_safety .story_box.story03box .story_title {padding:0 20px;}

#bbb_safety .story_box.story03box ul li {width:100%; padding:0 20px 30px 20px;}
#bbb_safety .story_box.story03box ul li h4 {font-size:16px; font-size:1.6rem; background:none; padding:20px 0; margin:0; text-align:center;}
#bbb_safety .story_box.story03box ul li p {text-align:left; line-height:1.6;}

#bbb_safety .story_box.story03box .story_ann {padding:0 20px;}

#bbb_safety .link_btn_area {padding-bottom:60px;}

/* ベッド型ナビ */
.bbb_navi_area {width:100%; background:url(../images/navi_bg.gif) 0 0 repeat #fbfbfb; text-align:center;}
.bbb_navi {max-width:1008px; padding:28px 10px 18px 10px; margin:0 auto;}
.bbb_navi ul {letter-spacing: -.4em;}
.bbb_navi ul li {display:inline-block; letter-spacing:normal; width:100%; padding:0 10px 10px 10px; vertical-align:top;}
.bbb_navi ul li a,
.bbb_navi ul li a:hover,
.bbb_navi ul li a:visited {font-size:13px; font-size:1.3rem; color:#df0623; border:3px solid #d1d1d1; padding:12px 34px 12px 10px; display:block; text-decoration:none; background-color:#FFF; background:url(../images/navi_arrow_sp.png) center right no-repeat #FFF;}
.bbb_navi ul li a:hover,
.bbb_navi ul li a.navi_curr {color:#fff; background-color:#df0623; background:url(../images/navi_arrow_c_sp.png) center right no-repeat #df0623;}




}