@charset "utf-8";
/* ------------------------------------------------------------ common */
header { background: #fff; }
/* header nav ul li:nth-child(4) a { border-bottom: solid 2px #000; } */
.onlineshop_bnr { display: none; }
body { letter-spacing: normal; }
/* ------------------------------------------------------------ fv */
#fv { background: url(../images/column/fv.jpg) no-repeat center center/cover; }
/* ------------------------------------------------------------ producer_block */
.producer_block { padding: 120px 0 40px; }
.producer_block .contents { float: left; width: 700px; }
.producer_block .contents .box { margin: 0 auto 85px; }
.producer_block .contents .box h3 { font-size: 30px; color: #002D93; }
.producer_block .contents .box p { line-height: 34px; margin: 35px 0; }
.producer_block .contents .box ul li { font-size: 20px; font-weight: bold; margin: 20px 0 0; }

.producer_block .producer { float: right; width: 300px; }
.producer_block .producer .position { font-size: 14px; padding: 25px 0 8px; }
.producer_block .producer .name { font-size: 24px; }
.producer_block .producer .name span { font-size: 14px; }
.producer_block .producer .about { font-size: 12px; line-height: 22px; padding: 15px 0 0; }
.producer_block .producer .career { border-top: 1px solid #4D4D4D; padding: 15px 0 0; margin: 15px auto 0; }
.producer_block .producer .career p { font-size: 12px; line-height: 22px; }
/* ------------------------------------------------------------ reborn */
.reborn { padding: 0 0 180px; }
.reborn .inner { border-top: solid 1px #4d4d4d; padding: 110px 0 0; }
.reborn h3 { font-size: 30px; line-height: 56px; color: #4d4d4d; text-align: center; font-weight: bold; padding: 0 0 65px; }
.reborn .caution { font-size: 18px; color: #002d93; text-align: center; font-weight: bold; padding: 0 0 120px; }
.reborn .bgbox { background: #f3f5f5; padding: 0 0 60px; }
.reborn .bgbox h4 { background: #292929; color: #fff; font-weight: bold; text-align: center; padding: 14px 0; margin: 0 auto 60px; }
.reborn .bgbox .box { padding: 0 65px; margin: 0 auto 25px; }
.reborn .bgbox .box.last { margin: 0 auto; }
.reborn .bgbox .box h5 { line-height: 28px; font-weight: bold; }
.reborn .bgbox .box ul li { line-height: 28px; }
/* ------------------------------------------------------------ free_visit */
.free_visit { }
.free_visit .contents { float: left; width: 700px; padding: 0 0 90px; }
.free_visit .contents .additional { line-height: 32px; padding: 0 0 95px; }
.free_visit .contents .box { margin: 0 auto 100px; }
.free_visit .contents .box h3 { font-size: 30px; color: #002D93; line-height: 44px; }
.free_visit .contents .box p { line-height: 34px; margin: 25px 0; }
.free_visit .contents .box p span { font-weight: bold; }
.free_visit .contents .box ul li { font-size: 20px; font-weight: bold; margin: 15px 0 0; }
.free_visit .contents .box ul.ex li { margin: 30px 0 0; }
.free_visit .contents .box ul li h4 { font-size: 16px; font-weight: bold; line-height: 32px; }
.free_visit .contents .box ul li p { font-size: 14px; line-height: 28px; margin: 0 auto; }
.free_visit .contents .box small { font-size: 12px; line-height: 18px; display: block; padding: 10px 0 0; margin: 0 auto 70px; }
.free_visit .contents .box .gray_btn { margin: 80px auto 0; }

.free_visit .application { float: right; width: 300px; }
.free_visit .application h3 { font-size: 24px; line-height: 34px; color: #fff; font-weight: bold; background: #14cfcf; padding: 25px 30px; letter-spacing: normal; }
.free_visit .application p { font-weight: bold; line-height: 28px; color: #666; padding: 24px 0; letter-spacing: normal; }
.free_visit .application p span { display: block; padding: 8px 0; font-weight: bold; font-size: 24px; line-height: 34px; color: #14cfcf; }
.free_visit .application .btn { display: block; width: 300px; border: solid 2px #14cfcf; color: #14cfcf; font-size: 20px; line-height: 34px; padding: 20px 0; }
.free_visit .application .btn:hover { background: #14cfcf; color: #fff; }
.free_visit .application small { font-size: 12px; line-height: 18px; display: block; padding: 15px 0 0; }

/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){
/* ------------------------------------------------------------ fv */
#fv { background: url(../images/column/fv_sp.jpg) no-repeat center center; background-size: 100%; }
/* ------------------------------------------------------------ producer_block */
.producer_block { padding: 0 0 15px; }
.producer_block .contents { float: none; width: 100%; }
.producer_block .contents .box { margin: 40px auto; }
.producer_block .contents .box h3 { font-size: 18px; line-height: 26px; margin: 0 auto 15px; }
.producer_block .contents .box p { font-size: 12px; line-height: 22px; margin: 15px 0; }
.producer_block .contents .box ul li { font-size: 14px; line-height: 19px; margin: 5px 0 0; }

.producer_block .producer { float: none; width: 100%; }
.producer_block .producer img { width: 35%; height: auto; float: left; }
.producer_block .producer .textbox { width: 59%; float: right; }
.producer_block .producer .position { font-size: 8px; padding: 0 0 8px; }
.producer_block .producer .name { font-size: 16px; line-height: 18px; }
.producer_block .producer .name span { font-size: 8px; }
.producer_block .producer .about { font-size: 7px; line-height: 12px; padding: 15px 0 0; }
.producer_block .producer .career { padding: 15px 0 0; margin: 15px auto 0; }
.producer_block .producer .career p { font-size: 7px; line-height: 12px; }
/* ------------------------------------------------------------ reborn */
.reborn { border-top: solid 1px #4d4d4d; padding: 50px 0 30px; }
.reborn .inner { border-top: none; width: 100%; padding: 0; }
.reborn h3 { font-size: 16px; line-height: 28px; padding: 0 0 25px; }
.reborn .caution { font-size: 10px; line-height: 22px; letter-spacing: normal; padding: 0 0 70px; }
.reborn .bgbox { padding: 0 0 40px; }
.reborn .bgbox h4 { font-size: 12px; padding: 14px 5%; margin: 0 auto 25px; }
.reborn .bgbox .box { padding: 0 5%; margin: 0 auto 25px; }
.reborn .bgbox .box.last { margin: 0 auto; }
.reborn .bgbox .box h5 { font-size: 12px; line-height: 18px; padding: 0 0 5px; }
.reborn .bgbox .box ul li { font-size: 12px; line-height: 18px; margin: 0 auto 5px;}
/* ------------------------------------------------------------ free_visit */
.free_visit { } 
.free_visit .inner { width: 100%; }
.free_visit .contents { float: none; width: 100%; padding: 0 0 60px; }
.free_visit .contents .additional { font-size: 12px; line-height: 20px; padding: 0 0 30px; width: 90%; margin: 0 auto; }
.free_visit .contents .box { margin: 0 auto 30px; width: 90%; }
.free_visit .contents .box.full { width: 100%; }
.free_visit .contents .box h3 { font-size: 18px; line-height: 24px; margin: 0 auto 15px; letter-spacing: normal; }
.free_visit .contents .box p { font-size: 12px; line-height: 22px; margin: 15px 0; }
.free_visit .contents .box.full h3 { padding: 15px 5%; margin: 0 auto; }
.free_visit .contents .box.full p { width: 90%; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.free_visit .contents .box p span { font-weight: bold; }

.free_visit .application { float: none; width: 100%; padding: 40px 0 0; }
.free_visit .application h3 { font-size: 20px; line-height: 30px; color: #fff !important; padding: 25px 30px; letter-spacing: normal; }
.free_visit .application p { font-size: 14px; line-height: 24px; padding: 24px 0; letter-spacing: normal; }
.free_visit .application p span {  padding: 4px 0; font-size: 16px; line-height: 24px; color: #14cfcf; }
.free_visit .application .btn { width: 280px; border: none; color: #fff; font-size: 18px; line-height: 34px; padding: 13px 0; background: #14cfcf; margin: 0 auto; }
.free_visit .application .btn:hover { background: #14cfcf; color: #fff; }
.free_visit .application small { width: 90%; font-size: 10px; line-height: 14px; padding: 15px 0 0; }

.free_visit .contents .box ul li { font-size: 12px; line-height: 18px; margin: 5px 0 0; letter-spacing: normal; }
.free_visit .contents .box ul.ex li { margin: 15px 0 0; }
.free_visit .contents .box ul li h4 { font-size: 10px; line-height: 18px; width: 90%; margin: 0 auto; padding: 0 0 2px; }
.free_visit .contents .box ul li p { font-size: 10px; line-height: 18px; margin: 0 auto; }
.free_visit .contents .box small { font-size: 10px; line-height: 14px; padding: 10px 0 0; margin: 0 auto 40px; }
.free_visit .contents .box .gray_btn { margin: 40px auto 0; }


}