@charset "UTF-8";
/* ##################################################

■master
■about
■news
■contact

################################################## */
/* ==================================================
	■master
================================================== */
.flex-sys-wrap .txt_area {
    width: 40%;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .flex-sys-wrap .txt_area {
        width: 100%;
        margin-bottom: 5%;
    }
}
/* ========== end △ */
.flex-sys-wrap .txt_area h5 {
    font-size: 20px;
    color: #0c419a;
    margin-bottom: 20px;
    font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .flex-sys-wrap .txt_area h5 {
        font-size: 18px;
    }
}
/* ========== end △ */
.flex-sys-wrap .img_area {
    width: 50%;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .flex-sys-wrap .img_area {
        width: 100%;
    }
}
/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .flex-sys-wrap .flex-sys-wrap .img_box {
        width: 48%;
    }
    .flex-sys-wrap .flex-sys-wrap .img_area {
        width: 48%;
    }
}
/* ========== end △ */
.img_list {
    margin: 50px 0;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .img_list {
        width: 100%;
        margin: 8% 0;
    }
    .img_list img {
        margin-bottom: 5%;
        width: 100%;
    }
    .img_list .img_box {
        width: 100%;
    }
}
/* ========== end △ */
/* ==================================================
	■about
================================================== */
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .about {
        margin-top: 10%;
    }
}
/* ========== end △ */
.about .suppliers_box {
    background-color: #f8f8f8;
    padding: 40px;
    margin-bottom: 80px;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .about .suppliers_box {
        padding: 8%;
        margin-bottom: 10%;
    }
}
/* ========== end △ */
.about .suppliers_box .list_box {
    justify-content: space-around;
    margin: 40px 0;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .about .suppliers_box .list_box {
        margin: 8% 0;
    }
}
/* ========== end △ */
.about .suppliers_box .list_box ul {
    width: 40%;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .about .suppliers_box .list_box ul {
        width: 100%;
    }
}
/* ========== end △ */
.about .relation_area .relation_list {
    padding: 0 20px;
}
.about .relation_area .relation_list .relation_box a {
    color: #000;
    text-decoration: underline;
    font-size: 18px;
}
/* ▽ PC layout ========== */
@media print, screen and (min-width: 641px) {
    .about .relation_area .relation_list .relation_box a:hover {
        text-decoration: none;
    }
}
/* ========== end △ */
.about .relation_area .relation_list .relation_box p {
    margin-top: 5px;
}
.about .relation_area .col-2 .relation_box {
    width: 48%;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .about .relation_area .col-2 .relation_box {
        width: 100%;
        margin-top: 20px;
    }
}
/* ========== end △ */
.about .relation_area .col-3 .relation_box {
    width: 30%;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .about .relation_area .col-3 .relation_box {
        width: 100%;
    }
}
/* ========== end △ */
/* ==================================================
	■guidance
================================================== */
.guidance .company .img_area {
    margin-top: 50px;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .guidance .company .img_area {
        margin-top: 8%;
    }
}
/* ========== end △ */
.guidance .company .table_style01 {
    margin-top: 50px;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .guidance .company .table_style01 {
        margin-top: 8%;
    }
}
/* ========== end △ */
.guidance .history {
    background-color: #f8f8f8;
    padding: 50px 0;
    margin: 80px 0;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .guidance .history {
        padding: 5% 0 8%;
        margin: 10% 0;
    }
}
/* ========== end △ */
.guidance .access .access_box {
    border-bottom: 1px solid #0c419a;
    padding-bottom: 30px;
    margin-bottom: 50px;
}
.guidance .access .access_box .detail {
    width: 45%;
}
.guidance .access .access_box .detail h5 {
    font-size: 20px;
    color: #0c419a;
}
.guidance .access .access_box .detail p {
    margin-top: 20px;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .guidance .access .access_box .detail {
        width: 100%;
        margin-top: 5%;
    }
    .guidance .access .access_box .detail h5 {
        font-size: 18px;
    }
    .guidance .access .access_box .detail p {
        margin-top: 5%;
    }
}
/* ========== end △ */
/* ==================================================
	■policy
================================================== */
.policy .btn_area {
    margin-bottom: 80px;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .policy .btn_area {
        margin-bottom: 10%;
    }
}
/* ========== end △ */
.policy .btn_area .btn_style02 {
    width: 230px;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .policy .btn_area .btn_style02 {
        width: 100%;
        margin-bottom: 5px;
    }
}
/* ========== end △ */
.policy .policy_box .txt_area {
    padding: 30px;
    padding-top: 0;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .policy .policy_box .txt_area {
        padding: 3%;
    }
}
/* ========== end △ */
.policy .policy_box .txt_area h4 {
    font-size: 24px;
    margin-top: 40px;
    border-bottom: 1px solid #ccc;
    border-left: 5px solid #ccc;
    padding-bottom: 5px;
    padding-left: 15px;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .policy .policy_box .txt_area h4 {
        font-size: 16px;
        margin-top: 8%;
    }
}
/* ========== end △ */
.policy .policy_box .txt_area p {
    margin-top: 20px;
}
.policy .policy_box .txt_area ul li {
    padding: 3px;
}
.policy .policy_box .txt_area ul.sub_list {
    padding-left: 14px;
}
.policy .policy_box .txt_area a {
    color: #000;
}
/* ▽ PC layout ========== */
@media print, screen and (min-width: 641px) {
    .policy .policy_box .txt_area a:hover {
        text-decoration: none;
    }
}
/* ========== end △ */
.policy .policy_box .txt_area .right_col {
    text-align: right;
    margin-top: 30px;
}
.policy .policy_box .txt_area .right_col .btn_style01 {
    width: 180px;
    margin-left: auto;
    margin-top: 10px;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .policy .policy_box .txt_area .right_col .btn_style01 {
        width: 80%;
        margin: 10px auto 0;
    }
}
/* ========== end △ */

.policy .policy_box .txt_area .bg_grey {
    background-color: #f8f8f8;
    margin-top: 20px;
    padding: 30px;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .policy .policy_box .txt_area .bg_grey {
        padding: 5%;
    }
}
/* ========== end △ */
/* ==================================================
	■recruit
================================================== */
.recruit .rec_top .ttl_style03 {
    margin: 50px 0 100px;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .recruit .rec_top .ttl_style03 {
        margin: 8% 0 20%;
    }
}
/* ========== end △ */
.recruit .txt_area h5 {
    font-size: 20px;
    color: #0c419a;
    margin-bottom: 30px;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .recruit .txt_area h5 {
        font-size: 16px;
        margin-bottom: 5%;
    }
}
/* ========== end △ */
.recruit .rec_sec01 {
    background: url(/static/images/rec_bg01.jpg) center center no-repeat;
    padding: 60px 0;
    margin: 80px 0;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .recruit .rec_sec01 {
        background-size: cover;
        padding: 10% 3%;
        margin: 10% 0;
    }
}
/* ========== end △ */
.recruit .rec_sec01 .inner {
    width: 500px;
    margin-left: auto;
    margin-right: -80px;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .recruit .rec_sec01 .inner {
        width: 90%;
        margin-right: 0;
        background-color: rgba(0, 0, 0, 0.2);
        padding: 10% 5%;
    }
}
/* ========== end △ */
.recruit .rec_sec01 .inner h4 {
    color: #fff;
    font-size: 30px;
    border-bottom: 2px solid #fff;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .recruit .rec_sec01 .inner h4 {
        font-size: 22px;
        text-align: center;
    }
}
/* ========== end △ */
.recruit .rec_sec01 .inner .list_area {
    margin-top: 30px;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .recruit .rec_sec01 .inner .list_area {
        margin-top: 5%;
    }
}
/* ========== end △ */
.recruit .rec_sec01 .inner .list_area p {
    background: url(/static/images/ico_check.png) left center no-repeat;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    padding: 25px 0 25px 60px;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .recruit .rec_sec01 .inner .list_area p {
        font-size: 14px;
        padding: 15px 0 15px 60px;
    }
}
/* ========== end △ */
.recruit .rec_sec01 .inner .list_area .list02 {
    margin-left: -30px;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .recruit .rec_sec01 .inner .list_area .list02 {
        margin-left: 0;
    }
}
/* ========== end △ */
.recruit .rec_sec01 .inner .list_area .list03 {
    margin-left: -60px;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .recruit .rec_sec01 .inner .list_area .list03 {
        margin-left: 0;
    }
}
/* ========== end △ */
.recruit .rec_sec01 .inner .list_area .list04 {
    margin-left: -90px;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .recruit .rec_sec01 .inner .list_area .list04 {
        margin-left: 0;
    }
}
/* ========== end △ */
.recruit .rec_sec02 {
    background-color: #f8f8f8;
    padding: 50px;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .recruit .rec_sec02 {
        padding: 8%;
    }
}
/* ========== end △ */
.recruit .rec_sec02 .work_box {
    width: 420px;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .recruit .rec_sec02 .work_box {
        width: 100%;
    }
}
/* ========== end △ */
.recruit .rec_sec02 .work_box .work01,
.recruit .rec_sec02 .work_box .work04 {
    width: 200px;
    padding: 20px 0;
    background-color: #0c419a;
    text-align: center;
}
.recruit .rec_sec02 .work_box .work01 p,
.recruit .rec_sec02 .work_box .work04 p {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 25px;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .recruit .rec_sec02 .work_box .work01,
    .recruit .rec_sec02 .work_box .work04 {
        width: 42%;
        padding: 20px 3%;
    }
}
/* ========== end △ */
.recruit .rec_sec02 .work_box .work02,
.recruit .rec_sec02 .work_box .work03 {
    width: 190px;
    padding: 15px 0;
    border: 5px solid #0c419a;
    background-color: #fff;
    text-align: center;
}
.recruit .rec_sec02 .work_box .work02 p,
.recruit .rec_sec02 .work_box .work03 p {
    color: #0c419a;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 25px;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .recruit .rec_sec02 .work_box .work02,
    .recruit .rec_sec02 .work_box .work03 {
        width: 40%;
        padding: 15px 3%;
    }
}
/* ========== end △ */
.recruit .rec_sec02 .work_box .work03,
.recruit .rec_sec02 .work_box .work04 {
    margin-top: 20px;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .recruit .rec_sec02 .work_box .work03,
    .recruit .rec_sec02 .work_box .work04 {
        margin-top: 3px;
    }
}
/* ========== end △ */
.recruit .rec_sec02 .txt_area {
    width: 45%;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .recruit .rec_sec02 .txt_area {
        width: 100%;
        margin-top: 10%;
    }
}
/* ========== end △ */
.bnr_area {
    margin: 80px 0;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .bnr_area {
        margin: 10% 0;
    }
}
/* ========== end △ */
.bnr_area .bnr_style {
    width: 480px;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .bnr_area .bnr_style {
        width: 100%;
    }
}
/* ========== end △ */
.bnr_area .bnr_style a {
    display: block;
    padding: 30px 0;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .bnr_area .bnr_style a {
        padding: 8%;
        font-size: 18px;
    }
}
/* ========== end △ */
.bnr_area .style01 a {
    background: url(/static/images/rec_btn_bg01.jpg) center center no-repeat;
}
.bnr_area .style02 a {
    background: url(/static/images/rec_btn_bg02.jpg) center center no-repeat;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .bnr_area .style02 {
        margin-top: 5%;
    }
}
/* ========== end △ */
/* ==================================================
	■recruit_apply
================================================== */
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .recruit_apply .table_style01 {
        margin-top: 10%;
    }
}
/* ========== end △ */
.recruit_apply .flow_area {
    background-color: #f8f8f8;
    padding: 50px 0 80px;
    margin: 50px 0 80px;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .recruit_apply .flow_area {
        padding: 10% 0;
        margin: 10% 0;
    }
}
/* ========== end △ */
.recruit_apply .flow_area h3 {
    font-size: 30px;
    color: #0c419a;
    text-align: center;
    margin-bottom: 50px;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .recruit_apply .flow_area h3 {
        font-size: 22px;
        margin-bottom: 10%;
    }
}
/* ========== end △ */
.recruit_apply .flow_area .btn_style01 {
    width: 400px;
    margin: 50px auto 0;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .recruit_apply .flow_area .btn_style01 {
        width: 100%;
        margin-top: 10%;
    }
}
/* ========== end △ */
/* ==================================================
	■equipment
================================================== */
.equipment .img {
    margin: 50px 0;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .equipment .img {
        margin: 10% 0;
    }
}
/* ========== end △ */
.equipment .col_2 img {
    width: 48%;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .equipment .col_2 img {
        width: 100%;
        margin-bottom: 5%;
    }
}
/* ========== end △ */
.equipment .col_3 img {
    width: 30%;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .equipment .col_3 img {
        width: 100%;
        margin-bottom: 5%;
    }
}
/* ========== end △ */
/* ==================================================
	■product
================================================== */
.product .anc_box {
    border: 1px solid #000;
    padding: 50px;
    margin-bottom: 80px;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    /* ▽ SP layout ========== */
}
@media only screen and (max-width: 640px) and (max-width: 640px) {
    .product .anc_box {
        padding: 5% 3%;
        margin: 10% 0;
    }
}
@media only screen and (max-width: 640px) {
    /* ========== end △ */
}
/* ========== end △ */
.product .anc_box .anc_list {
    border-bottom: 2px solid #cccccc;
    padding-bottom: 20px;
}
.product .anc_box .anc_list .pro_anc {
    width: 30%;
}

/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .product .anc_box .anc_list .pro_anc {
        width: 50%;
        text-align: left;
        margin-bottom: 5%;
        padding: 2% 0;
    }
}
/* ========== end △ */
/* ▽ PC layout ========== */
@media print, screen and (min-width: 641px) {
    .product .anc_box .anc_list .pro_anc:nth-child(n+4) {
        margin-top: 20px;
    }
}
/* ========== end △ */
.product .anc_box .anc_list .pro_anc a {
    background: url(../images/en_arrow.png) center left no-repeat;
    font-size: 16px;
    color: #000;
    text-decoration: none;
    padding-left: 30px;
}
/* ▽ PC layout ========== */
@media print, screen and (min-width: 641px) {
    .product .anc_box .anc_list .pro_anc a:hover {
        text-decoration: underline;
    }
}
/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .product .anc_box .anc_list .pro_anc a {
        font-size: 14px;
        padding: 3% 0 3% 30px;
    }
}
/* ========== end △ */
.product .anc_box p {
    font-size: 18px;
    font-weight: bold;
    margin: 30px 0 20px;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .product .anc_box p {
        margin: 10% 0;
    }
}
/* ========== end △ */
.product .table_style04 td.car_name {
    width: 20%;
}
/* ▽ SP layout ========== */
/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .product .table_style04 {
        margin: 8% 0;
    }
}
/* ========== end △ */
/* ==================================================
	■technique_common
================================================== */
.tec_top_txt {
    margin-bottom: 80px;
    text-align: center;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .tec_top_txt {
        margin: 10% 0;
    }
}
/* ========== end △ */
.tec_top_txt img {
    margin: 50px 0;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .tec_top_txt img {
        margin: 8% 0;
    }
}
/* ========== end △ */
.flow_box {
    margin-bottom: 80px;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .flow_box {
        margin-bottom: 10%;
    }
}
/* ========== end △ */
.flow_box .btn_style01 {
    margin: 20px auto 0;
    width: 400px;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .flow_box .btn_style01 {
        width: 100%;
    }
}
/* ========== end △ */
.flow_box p {
    font-size: 16px;
}

/* ==================================================
	■technique
================================================== */
.technique .kakou_box {
    width: 260px;
    padding: 25px;
    background-color: #0c419a;
    border-radius: 5px;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .technique .kakou_box {
        width: 90%;
        padding: 5%;
        margin-top: 5%;
    }
}
/* ========== end △ */
.technique .kakou_box h4 {
    font-size: 24px;
    color: #fff;
    text-align: center;
    margin-bottom: 30px;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .technique .kakou_box h4 {
        font-size: 18px;
        margin-bottom: 5%;
    }
}
/* ========== end △ */
.technique .kakou_box .inner {
    background-color: #fff;
    padding: 20px;
    font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif;
}
/* ▽ PC layout ========== */
@media print, screen and (min-width: 641px) {
    .technique .kakou_row {
        margin-top: 20px;
        justify-content: center;
    }
    .technique .kakou_row .kakou_box {
        margin-right: 35px;
    }
    .technique .kakou_row .kakou_box:last-child {
        margin-right: 0;
    }
}
/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .technique .img_list img {
        width: 48%;
    }
}
/* ========== end △ */

/* ==================================================
	■technique/cadcam
================================================== */
.cadcam .cad_img {
    text-align: center;
    margin: 80px 0;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .cadcam .cad_img {
        margin: 10% 0;
    }
}
/* ========== end △ */
.cadcam .btn_style01 {
    width: 500px;
    margin: 0 auto 80px;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .cadcam .btn_style01 {
        width: 100%;
        margin-bottom: 10%;
    }
}
/* ========== end △ */
/* ==================================================
	■technique/model
================================================== */
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .model .img_list img {
        width: 48%;
    }
}
/* ========== end △ */
/* ==================================================
	■technique/electro
================================================== */
.electro .anc_box {
    border: 5px solid #0c419a;
    padding: 50px 30px;
    margin-bottom: 80px;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .electro .anc_box {
        margin-top: 10%;
        padding: 5% 3%;
        margin-bottom: 10%;
    }
}
/* ========== end △ */
.electro .anc_box .anc_list {
    justify-content: space-around;
}
.electro .anc_box .anc_list .pro_anc {
    width: 30%;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .electro .anc_box .anc_list .pro_anc {
        width: 100%;
        margin-bottom: 5%;
    }
    .electro .anc_box .anc_list .pro_anc:last-child {
        margin-bottom: 0;
    }
}
/* ========== end △ */
/* ▽ PC layout ========== */
@media print, screen and (min-width: 641px) {
    .electro .anc_box .anc_list .pro_anc:nth-child(n+4) {
        margin-top: 20px;
    }
}
/* ========== end △ */
.electro .anc_box .anc_list .pro_anc a {
    background: url(../images/en_arrow.png) center left no-repeat;
    font-size: 16px;
    color: #000;
    text-decoration: none;
    padding-left: 30px;
}
/* ▽ PC layout ========== */
@media print, screen and (min-width: 641px) {
    .electro .anc_box .anc_list .pro_anc a:hover {
        text-decoration: underline;
    }
}
/* ========== end △ */
.electro .chara {
    margin-bottom: 80px;
}
.electro .chara .chara_box {
    width: 20%;
    text-align: center;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .electro .chara .chara_box {
        width: 45%;
        margin-bottom: 5%;
    }
}
/* ========== end △ */
.electro .chara .chara_box img {
    margin-bottom: 20px;
}
.electro .chara .chara_box p {
    text-align: left;
}
.electro .img_box img {
    margin-bottom: 10px;
}
.electro .img_box p {
    font-size: 14px;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .electro .img_box {
        margin-bottom: 5%;
    }
}
/* ========== end △ */
/* ==================================================
	■technique/new
================================================== */
.new .btn_area {
    margin-bottom: 80px;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .new .btn_area {
        margin-bottom: 10%;
    }
}
/* ========== end △ */
.new .btn_area .flex-sys-wrap {
    justify-content: space-around;
}
.new .btn_area .flex-sys-wrap .btn_style02 {
    width: 400px;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .new .btn_area .flex-sys-wrap .btn_style02 {
        width: 100%;
        margin-bottom: 5%;
    }
}
/* ========== end △ */
/* ==================================================
	■contact
================================================== */
.contact_page {
    margin-bottom: 80px;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .contact_page {
        margin-bottom: 10%;
    }
}
/* ========== end △ */
.contact_page .cont_bnr {
    background: url(/static/images/cont_bg.jpg) center center no-repeat;
    padding: 30px;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .contact_page .cont_bnr {
        background-size: cover;
        padding: 5%;
    }
}
/* ========== end △ */
.contact_page .cont_bnr .inner {
    background-color: rgba(0, 0, 0, 0.3);
    padding: 30px;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .contact_page .cont_bnr .inner {
        padding: 5%;
    }
}
/* ========== end △ */
.contact_page .cont_bnr .inner h3 {
    position: relative;
    text-align: center;
    font-size: 34px;
    color: #fff;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .contact_page .cont_bnr .inner h3 {
        font-size: 20px;
    }
}
/* ========== end △ */
.contact_page .cont_bnr .inner h3::after {
    content: "";
    border-bottom: 3px solid #1c4ea1;
    position: absolute;
    width: 100px;
    bottom: -30px;
    left: 0;
    right: 0;
    margin: auto;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .contact_page .cont_bnr .inner h3::after {
        bottom: -20px;
    }
}
/* ========== end △ */
.contact_page .cont_bnr .inner .num_area {
    justify-content: space-around;
    margin-top: 40px;
}
.contact_page .cont_bnr .inner .num_area .tel_area {
    background: url(/static/images/cont_ico_tel.png) left center no-repeat;
    color: #fff;
    font-size: 42px;
    font-weight: bold;
    padding-left: 60px;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .contact_page .cont_bnr .inner .num_area .tel_area {
        font-size: 24px;
    }
    .contact_page .cont_bnr .inner .num_area .tel_area a {
        color: #fff;
        text-decoration: none;
    }
}
/* ========== end △ */
.contact_page .cont_bnr .inner .num_area .fax_area {
    background: url(/static/images/cont_ico_fax.png) left center no-repeat;
    color: #fff;
    font-size: 42px;
    font-weight: bold;
    padding-left: 60px;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
    .contact_page .cont_bnr .inner .num_area .fax_area {
        margin-top: 8%;
        font-size: 24px;
    }
}
/* ========== end △ */
/* ==================================================
	■news
================================================== */
.news_box {
    margin: 8% 0;
    border: 1px solid #bfbfbf;
}
/* ▽ PC layout ========== */
@media print, screen and (min-width: 641px) {
    .news_box {
        margin: 50px 0;
    }
}
/* ========== end △ */
.news_box .news_ttl {
    padding: 3%;
    background-color: #0c419a;
    color: #fff;
}
/* ▽ PC layout ========== */
@media print, screen and (min-width: 641px) {
    .news_box .news_ttl {
        padding: 20px;
    }
}
/* ========== end △ */
.news_box .news_ttl .date {
    background: #c1ab05;
    width: 100px;
    text-align: center;
    color: #fff;
    display: block;
    padding: 5px 0;
    margin-bottom: 20px;
    font-size: 14px;
}
.news_box .news_ttl .ttl {
    font-size: 20px;
    font-weight: bold;
}
.news_box .news_body {
    padding: 3%;
    background-color: #f8f8f8;
}
.news_box .news_body .pic {
    margin-bottom: 8%;
}
/* ▽ PC layout ========== */
@media print, screen and (min-width: 641px) {
    .news_box .news_body .pic {
        float: right;
        width: 350px;
        margin: 0 0 10px 30px;
    }
}
/* ========== end △ */
.news_box .news_body .txt p {
    margin-bottom: 10px;
}

/* ==================================================
	■contact
================================================== */