@charset "utf-8";

/* ------------------------------------------------------------ firstview */
#firstview { background: url("../images/index/cover1.jpg") no-repeat center center ; background-size:cover; text-align: left;}
#fv_wrap { background: url("../images/index/bg.png") center center no-repeat; padding: 205px 0 159px;}
#fv_wrap div div { padding: 0 0 0 35px;}
#fv_wrap h2 { color: #fff; font-size: 22px; font-weight: bold; padding: 30px 0 0;}

/* ------------------------------------------- company service */
#company-service{background: url("../images/recruit/bg.gif") repeat center center; text-align: center; padding: 65px 0 55px;}
#company-inner div{width: 480px; float: left; background-color: #fff; text-align: center;margin-right: 40px;}
#company-inner img{margin-bottom: 20px;}
#company-inner h3 { padding: 0 0 15px;}
#company-inner h3 span {font-size: 16px; font-weight: bold; display: block;}
#company-inner h3 img { margin: 0 0 5px;}
#company-inner p{font-size: 14px; padding: 0 0 30px;}
#company-inner .clear-right{margin-right: 0;}

/* ------------------------------------------- works */

#works { text-align: center; padding: 0 0 165px;}
#works img{margin-top: 87px; }
#works h3{font-size: 18px;margin-top: 7px; font-weight: bold;}
#works .clear-right{margin-right: 0;}
#works p { font-size: 14px;}

/* ------------------------------------------- wall paint */
#diy{background: url("../images/index/wallpaint-bg.jpg") no-repeat center center ;background-size:cover; text-align: center; padding: 83px 0px 50px 0px;}
#diy h3{font-size: 18px; font-weight: bold;}
#diy #diy-inner1 { padding: 70px 0 0;}

/* ------------------------------------------- inner1 */

#diy-inner1 img{float: left; margin-right: 65px;}
#diy-inner1 div{float: left; text-align: left; margin-bottom: 20px;}
#diy-inner1 div p{font-size: 14px;margin-top: 10px; line-height: 34px; padding: 0 0 10px;}
#diy-inner1 div h4{font-size: 28px; font-weight: bold; margin-bottom: 20px; line-height: 100%; }
#diy-inner1 .btn.look { text-align: left;}

/* ------------------------------------------- photo blog*/
#photoblog{text-align: center; margin-top: 96px;margin-bottom: 85px;}
#photoblog #photoblog-inner { padding: 45px 0 70px;}
#photoblog h3{font-size: 18px; font-weight: bold; padding: 0 0 15px;}
#photoblog h4{text-align: left;}
#photoblog p { font-size: 14px;}


#top .empty { font-weight: bold; font-size: 16px; padding: 60px 0;}

@media only screen and (max-width:640px){

#head-wrapper {  }
#head-wrapper .head-contact { float: none; padding: 5px 3% 0; }
#head-wrapper .head-contact p.btn a { width: 98%; font-size: 11px; background-color: #be4646; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#head-wrapper .head-contact p.contact { float: left; }
#head-wrapper .head-contact p.btn { float: left; }

img.picture { width: 100%; height: auto;}

/* ------------------------------------------------------------ firstview */
#firstview { text-align: center; background-size: cover; text-align: left;}
#firstview img { width: 60%; height: auto; }
#fv_wrap { background: url(../images/index/triangle_sp.png) no-repeat -50px center; padding: 30% 0 25%; background-size: 90% auto; }
#fv_wrap div div { padding: 0; }
#fv_wrap h2 { font-size: 13px; padding: 10px 0 0; width: 100%; margin: 0 auto; text-align: left;}

/* ------------------------------------------- company service */

#company-service { padding: 20px 0 20px; margin: 0 ;}
#company-inner{ padding-bottom: 25px;}
#company-inner div{ width: 100%; float: none; margin-top: 30px; margin-right: 0; }
#company-inner img{ margin-bottom: 10px;}
#company-inner h3 { padding: 5px 0;}
#company-inner h3 span {font-size: 14px;}
#company-inner h3 img { width: auto; height: 20px;}
#company-inner p{font-size: 13px; padding: 8px 3% 20px;}
#company-inner p.btn { padding: 0 0 20px;}

/* ------------------------------------------- works */
#works{ padding-bottom: 50px;}
#works img{ margin-top: 40px; width: 100%; height: auto;}
#works h3{font-size: 16px; margin-top: 5px;}
#works img.logo { height: 27px; width: auto; }
/* ------------------------------------------- wall paint */
#diy{ padding: 40px 0px 25px 0px;}
#diy h3{font-size: 16px;}

/* ------------------------------------------- inner1 */
#diy #diy-inner1{ padding: 30px 0 0;}
#diy-inner1 img{ float: none; margin-right: 0;}
#diy-inner1 div{ float: none; text-align: center; margin-bottom: 15px; padding: 20px 0 0;}
#diy-inner1 div p { line-height: 170%; text-align: left;}
#diy-inner1 div h4{font-size: 18px; margin-bottom: 10px; line-height: 160%;}
#diy-inner1 .btn.look { text-align: center;}

/* ------------------------------------------- photo blog*/
#photoblog { text-align: center; margin-top: 40px;margin-bottom: 45px;}
#photoblog img.logo { height: 27px; width: auto;}
#photoblog h3 { font-size: 16px;}
#photoblog #photoblog-inner { padding: 0 0 30px;}

/* ------------------------------------------- photo inner*/
#photoblog-inner{ margin-top: 25px; margin-bottom: 30px; text-align: center;}
}