@import url(http://fonts.googleapis.com/css?family=Oswald);

#header{ width:100%; background:#333; padding:15px 0 18px 0; box-shadow:0 2px 4px rgba(0, 0, 0, .3); }
.my-sticky-element.stuck {position:fixed; top:0; z-index:2;}
#top{background:url(/wp-content/themes/dd/img/common/bg1.jpg)  center fixed no-repeat; padding-bottom:50px;  position:relative; z-index:1; top:180px; }
#footer{ position:relative; top:220px;}


/* mission */
#mission{width:100%;  background:#000; color:#fff; padding:50px 0 15px 0; display:none; position:fixed;}
.mission_txt{ padding-bottom:45px;}
.m_num{font-family: 'Oswald', sans-serif; font-size:60px;display: none;}
.m_num li{ display:inline; line-height:; margin:0 10px;}
.m_num .ob{ background:url(/wp-content/themes/dd/img/top/n_ob.png) no-repeat left;}
.m_num .ob .num{ margin-left:90px;}
.m_num .mb{ background:url(/wp-content/themes/dd/img/top/n_mb.png) no-repeat left;}
.m_num .mb .num{ margin-left:90px;}
.m_num .bs{ background:url(/wp-content/themes/dd/img/top/n_bs.png) no-repeat left;}
.m_num .bs .num{ margin-left:77px;}
.m_num .ms{ background:url(/wp-content/themes/dd/img/top/n_ms.png) no-repeat left;}
.m_num .ms .num{ margin-left:90px;}
.num{display: inline-block; text-align:left;  vertical-align:top;}
.digit_3{width:90px;}
.digit_4{width:110px;}

/* contents */
.pickup_margin{ display:block; height:40px;}
#top .wrapper{width:1004px;}
.pickup{ width:495px; float:left;}
.pickup a{ display:block;}
.pickup_ttl{ text-align:left;}
.pickup_ttl h2{ background:#000; color:#fff; padding:10px 20px 5px 20px; display:inline; line-height:20px;}
.pickup_inner{ background:#000; padding:15px 0 0 0;}
.pickup ul{ width:470px; margin:auto;}
.pickup li{ text-align:left; line-height:20px;}
.pickup_ph{ height:190px; overflow:hidden; display:inline-block;}
.pickup li p{ margin:10px 25px 20px 25px; color:#fff; display:inline-block;}

.box_line1 .box{ margin:23px 0 10px 13px; }
.box_line2 .box{ margin:0 0 13px 13px;}
.box_line3 .box,.box_line4 .box{ margin:0 13px 13px 0;}
.box_line3 .box:nth-child(4n),.box_line4 .box:nth-child(4n){ margin-right:0;}
.box_line4{display: block;}
.leadmore{ padding-top:15px; clear:both;}
.leadmore a,.leadmore a:visited{ background:#000; color:#fff; padding:15px 40px;}
.box{ width:240px; float:left; background:#fff; box-shadow:0 2px 4px rgba(0, 0, 0, .3);}
.box_ph{ display: table-cell; text-align:left; height:180px; width:240px; vertical-align:bottom;}
.box_ph h4{ color:#fff; padding:5px 13px; display:inline-block; }
#shop .box_ph h4{ background:#cc6699;}
#facebook .box_ph h4{ background:#415b96;}
#vision .box_ph h4{ background:#cc0000;}
#company .box_ph h4{ background:#cccc00;}
#recruit .box_ph h4{ background:#45bd6c;}
.box p{ line-height:18px; text-align:left; margin:16px 18px;}


@media screen and (max-device-width: 1024px) {
#header{ width:1004px;}
}