@charset "UTF-8";
/* CSS Document */

.zoom50{ zoom:50%; }
.recruit-title{ text-align: center; }
.recruit-title span{ display: block; font-size: 16px; padding-top: 5px; padding-bottom: 60px; }

#concept p{ font-size:16px; line-height: 2.4em; }

#point .row{ clear: both; padding-bottom: 150px; }
#point .row.right figure{ float: right; text-align: right; position: relative; }
#point .row.right figure .point-img{ width: auto; float: right; }
#point figure .point-en{ position: absolute; top: 20px; left: 15px; width: 96px; }
#point .row.right figure .point-en{ right: 15px; left: auto; }
#point .row.right .txt{ float: right;}
#point .row .txt{ padding: 0 70px; }
#point h2{ margin-bottom: 40px; }
#point .txt p{ font-size: 16px; line-height: 2em; }


#staff-voice{ background: #f5eee6; }
#staff-voice figure{ float: right; text-align: center; }
#staff-voice .txt{ float: right; padding: 50px; }
#staff-voice .txt p{ font-size: 18px; line-height: 2em; }

#owner .txt{ padding: 50px; }
#owner .txt p{ font-size: 18px; line-height: 2em; }
#owner figure{ text-align: center; }

#recruitment{ background: #fafafa; }
.recruit-title2{ font-size: 16px; border-left: 6px solid #5e3819; padding-left: 10px; font-weight: bold; margin-bottom: 15px; }
#recruitment table{ border: 1px solid #e1e1e1; background:#fff; width: 100%; margin-bottom: 60px; }
#recruitment tr{ border-bottom: 1px solid #e1e1e1; }
#recruitment th{ padding: 15px; border-right: 1px solid #5e3819; width: 120px; }
#recruitment td{ padding: 15px; }

.btn2.map-btn {
    margin: 10px 0;
    font-size: 13px;
    padding: 8px;
    width: 140px;
}

.flow h3{ font-size: 16px; color: #fff; background: #736357; text-align: center; font-weight: normal; padding: 15px; }
.flow ul{ background: #fff; overflow:hidden;}
.flow li{ padding: 30px 20px 25px 0; border: 1px solid #e1e1e1; }
.flow li i{ width: 20%; float: left; display: block; }
.flow li .txt{ padding-left: 20px; float: left; width: 80%; }
.flow li .txt h4{ font-size: 17px; font-weight: bold; margin-bottom: 10px; }

.contact{ margin-top: 60px; }
.contact h3{ text-align: center; font-size: 18px; font-weight: bold; margin-bottom: 20px; }
.contact .btn{ width: 600px; font-size: 17px; }
.contact .btn span{ font-size: 14px; display: inline-block; }

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

#concept p{ font-size:14px; width: 400px; max-width: 100%; margin: 30px auto 0;}
#point .row{ clear: both; padding: 0; }
#point figure .point-en{ width: 60px; }
#point .row .txt{ padding:40px 30px; }
#point h2{ margin-bottom: 10px; }
#point .txt p{ font-size: 14px; }


.recruit-title .zoom50{ zoom:40%; }
.recruit-title span{ font-size: 14px; padding-top: 5px; padding-bottom: 40px; }
#staff-voice{ background: #f5eee6; }
#staff-voice figure{ padding-right: 0; }
#staff-voice .txt{ float: right; padding:15px 30px; }
#staff-voice .txt p{ font-size: 14px; }

#owner .txt { padding:15px 30px; }
#owner .txt p{ font-size: 14px; }
#owner figure{ padding-left: 0; }

#recruitment table{ margin-bottom: 40px; }
#recruitment th{ padding: 10px;width: 90px; font-size: 13px; }
#recruitment td{ padding: 10px; font-size: 13px;}


.flow h3{ font-size: 14px; padding: 12px; }
.flow li{ padding: 25px 15px 20px 0; }
.flow li i{ width: 20%; float: left; display: block; }
.flow li .txt h4{ font-size: 16px; }
.flow li .txt p{ font-size: 13px; }

.contact{ margin-top: 40px; }
.contact h3{ font-size: 16px; margin-bottom: 15px; }
.contact .btn{ line-height: 1.2em; }
.contact .btn span{ font-size: 13px; display: block; }

}@media screen and (min-width: 768px) {

}