@charset "utf-8";

/* SUBPAGE
----------------------------------------*/
#main_contents{ width:100%; margin:0 auto; padding-top:93px; position: relative; min-height: 100%;}

.head_navarea_mv{ background:#FFFFFF; }
.head_navarea_mv .head_menu ul li a { color:#404040; transition:color 0.3s ease-in-out 0s; }
.head_navarea_mv.active02 .head_menu ul li a { color:#404040; transition:color 0.3s ease-in-out 0s; }

.first_img{ display:none; }
.second_img{ display:block; }

.visual{ height:355px; padding:146px 0 0 0;}
.visualbox01{ background:url(../img/news/bg.jpg) no-repeat center center; background-size:cover;}
.visualbox02{ background:url(../img/business/bg.jpg) no-repeat center 20%; background-size:cover;}
.visualbox03{ background:url(../img/company/bg.jpg) no-repeat center 60%; background-size:cover;}
.visualbox04{ background:url(../img/recruit/bg.jpg) no-repeat center 50%; background-size:cover;}
.visualinner{ width:1094px; margin:0 auto; text-align:left;}

.low_box{ width:100%; margin:0 auto; padding:96px 0 0 0; clear:both;}
.low_box02{ width:100%; margin:0 auto; padding:0 0 0 0; clear:both;}
.low_til{ max-width:92%; margin:0 auto 60px auto;}
.low_til02{ max-width:92%; margin:0 auto 60px auto;}
.low_til03{ max-width:92%; margin:0 auto 60px auto;}

.page_btnbox{ position:relative; height:36px; z-index:1; width:226px; clear:both; overflow:hidden; margin:50px auto 0 auto;}
.page_btn_central{ display:block; position:absolute; text-align:center; z-index:2; width:90px; height:36px; top:0; left:50%; margin-left:-45px; border:1px solid #eeeeee;}
.page_btn_central a{ display:block; opacity:1; line-height:1.0; padding:10px 0; color:#9b9b9b;}
.page_btn_left{ width:65px; height:36px; float:left; text-align:center; position:relative; }
.page_btn_left a,.page_btn_right a{ padding:10px 0; line-height:1.0; display:block; opacity:1;  border:1px solid #eeeeee; color:#9b9b9b;}
.page_btn_right{ width:65px; height:36px; float:right; text-align:center; position:relative; }

@media screen and (min-width: 737px) {
.page_btn_central a:hover{ color:#FFFFFF; opacity:1; border:1px solid #d70c19; background:#d70c19; }
.page_btn_left a:hover{ color:#d70c19; opacity:1; border:1px solid #d70c19; background:#FFFFFF; }
.page_btn_right a:hover{ color:#d70c19; opacity:1; border:1px solid #d70c19; background:#FFFFFF; }
}

/* NEWS
----------------------------------------*/

.news_listbox { width:815px; margin:0 auto; clear:both; overflow:hidden;}
.news_listbox ul {  clear:both; overflow:hidden;}
.news_listbox ul li{ border-bottom:1px solid #eeeeee; clear:both; overflow:hidden; position:relative;}
.news_listbox ul li a{ padding:16px 0; display:block; overflow:hidden;}
.news_listbox ul li a .sec02date{ width:116px; float:left; font-weight:bold; text-align:left; color:#727272;}
.news_listbox ul li a .sec02til{ width:630px; float:left; text-align:left; color:#404040;}
.news_listbox ul li a .sec02more{ position:absolute; display:block; right:0; top:18px; border-radius:15px; font-size: 78%; line-height:1.1; text-align:center; color:#c7c7c7; border:1px solid #c7c7c7; padding:4px 10px 3px 10px;
transition:all 0.3s ease-in-out 0s;}
.news_listbox ul li a:hover .sec02more{ color:#d70c19; border:1px solid #d70c19;}

.news_single_box{ width:700px; margin:0 auto; clear:both;}
.news_single_date{ color:#d70c19; margin:0 auto 15px auto; text-align:left;}
.news_single_til{ color:#404040; line-height:1.4; font-size: 157%; margin:0 auto 30px auto; text-align:left;}
.news_single_canvas{ width:700px; clear:both; text-align:left;}

/* BUSINESS
----------------------------------------*/
.businessbox{width:100%; margin:0 auto; clear:both;}
.busi_lr{ width:100%; height:420px; clear:both; overflow:hidden;}
.busi_l{ width:50%; height:100%; float:left;}
.busi_r{ width:50%; height:100%; float:right;}
.busi_img01{ background:url(../img/business/bg_bm.png) no-repeat center center; background-size:cover;}
.busi_img02{ background:url(../img/business/bg_re.png) no-repeat center center; background-size:cover;}
.busi_img03{ background:url(../img/business/bg_am.png) no-repeat center center; background-size:cover;}
.busi_gray{ background:#fafafa;}
.busi_gray_in{ display:table; width:100%; height:100%;}
.busi_gray_in_in{ display:table-cell; vertical-align:middle; text-align:center;}

.businesstxt{ padding:65px 0; }
.businesstxt_til{ color:#000000; font-size: 157%; line-height:172%; margin:0 auto 25px auto; max-width:92%;}
.businesstxt_txt{ width:700px; color:#000000; line-height:200%; text-align:left; margin:0 auto; max-width:92%;}

/* COMPANY
----------------------------------------*/
.companybox{ width:700px; margin:0 auto 110px auto; clear:both;}
.companybox ul li{ padding:20px 0; border-bottom:1px solid #dedede; overflow:hidden; clear:both; text-align:left;}
.companybox ul li:last-child{ border-bottom:none; }
.companybox ul li .com_left{ width:220px; float:left; padding:0 10px 0 60px; color:#555555; font-weight:bold;}
.companybox ul li .com_right{ width:480px; float:left; padding:0 60px 0 0px; color:#727272;}
.companybox ul li .com_right a{ color:#d70c19;}

.accessbox{ width:100%; height:500px;}
.accessbox iframe{ width:100%!important; height:100%!important;}
#company_map{ width:100%; height:500px; margin:0 auto;}

/* RECRUIT
----------------------------------------*/
.recruitbox{ width:700px; margin:0 auto 60px auto; clear:both;}
.recruitbox ul li{ background:#fafafa; overflow:hidden; clear:both; text-align:left;}
.recruitbox ul li .rec_left{ width:180px; float:left; padding:20px 10px 20px 35px; color:#555555; font-weight:bold;}
.recruitbox ul li .rec_right{ width:520px; float:left; padding:20px 10px 20px 35px; background:#FFFFFF; color:#727272;}

.recruit_btn{ display:block; width:385px; margin:0 auto; padding:25px 0; background:#d70c19; color:#FFFFFF;}

/* POLICY
----------------------------------------*/
.policybox{ width:816px; margin:0 auto 30px auto; clear:both; overflow:hidden;}
.policybox p{ margin:0 auto 55px auto; text-align:left; color:#404040;}
.policybox ul { clear:both; overflow:hidden;}
.policybox ul li{ clear:both; overflow:hidden; margin:0 auto 40px auto;}
.policybox ul li .pp_left{ float:left; width:206px; font-weight:bold; line-height:133%; color:#000000; font-size: 128%; text-align:left;}
.policybox ul li .pp_right{ float:left; width:610px; padding-left:35px; text-align:left; color:#404040; border-left:1px solid #dedede;}
.policybox ul li .pp_right p{ margin:0 auto 20px auto;}
.policybox ul li .pp_right p:last-child{ margin:0 auto}

/* CONTACT
----------------------------------------*/
.contact_txtbox{ text-align:center; margin:0 auto 50px auto;}
.contact_box{ width:816px; margin:0 auto; clear:both;}
.mail_policycheck{ position:relative; text-align:center; color:#404040; margin:20px auto 50px auto; }
.mail_policycheck a{ color:#404040; text-decoration:underline;}

.form{ margin:0 auto; clear:both;}
.mail_lr{ width:100%; clear:both; overflow: hidden; margin-bottom:35px; }
.mail_lr .mail_l{ width:100%; float:none; text-align:left; padding:0 0 10px 0; color:#000000; font-size: 128%; line-height:1; position:relative; }
.mail_lr .mail_l02{ width:100%; float:none; text-align:left; padding:0 0 10px 0; color:#000000; font-size: 128%; line-height:1; position:relative; }
.mail_lr .mail_r{ width:100%; float:none; text-align:left; position:relative; z-index:1;}
.mail_lr .mail_r input,.mail_lr .mail_r textarea{ background:#f2f2f2; border:none; font-size: 128%; }
.mail_lr .mail_r input:focus,.mail_lr .mail_r textarea:focus{ background:#ffe7e7;}

.mail_nec{ position:absolute; right:0px; top:0px; z-index:2; display:block; width:55px; height:45px; line-height:45px; font-size: 78%; background:#d70c19; text-align:center; color:#FFFFFF;}
.mfp_err{ background:none!important; padding-left:0!important; color:#d70c19!important;}

.mail_lr .mail_r textarea{ line-height:150%;}

.mail_lr .mail_r label {
    display: inline-block;
}

.mail_lr .mail_r input[type=radio] + label {
    position: relative;  
    display: inline-block;
    margin-right: 15px!important;
    line-height: 185%;
    cursor: pointer;
}

.mail_lr .mail_r input[type=checkbox] + label {
    position: relative;  
    display: inline-block;
    margin-right: 15px!important;
    line-height: 185%;
    cursor: pointer;
}


@media (min-width: 1px) {
	
.mail_lr .mail_r input[type=radio]{
        display: none;
        margin: 0;
    }
.mail_lr .mail_r input[type=radio] + label {
        padding: 0 0 0 24px;
    }
.mail_lr .mail_r input[type=radio] + label::before{
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
		-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 24px;
        height: 24px;
        margin-top: -9px;
        background-color: #f4f1f0;
    }
.mail_lr .mail_r input[type=radio] + label::before {
        border: 2px solid #f4f1f0;
        border-radius: 30px;
    }

.mail_lr .mail_r input[type=radio]:checked + label::after {
        content: "";
        position: absolute;
        top: 50%;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
.mail_lr .mail_r input[type=radio]:checked + label::after {
        left: 5px;
        width: 14px;
        height: 14px;
        margin-top: -4px; 
        background: #f4f1f0;
        border-radius: 14px;
    }

.mail_lr .mail_r input[type=radio]{
        display: none;
        margin: 0;
    }
.mail_lr .mail_r input[type=radio] + label {
        padding: 0 15px 0 27px;
    }
.mail_lr .mail_r input[type=radio] + label::before{
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
		-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 24px;
        height: 24px;
        margin-top: -11px;
        background-color: #f4f1f0;
    }
.mail_lr .mail_r input[type=radio] + label::before {
        border: 2px solid #f4f1f0;
        border-radius: 30px;
    }

.mail_lr .mail_r input[type=radio]:checked + label::after {
        content: "";
        position: absolute;
        top: 50%;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
.mail_lr .mail_r input[type=radio]:checked + label::after {
        left: 5px;
        width: 14px;
        height: 14px;
        margin-top: -6px; 
        background: #595757;
        border-radius: 7px;
    }


.mail_lr .mail_r input[type=checkbox] {
        display: none;
        margin: 0;
    }

.mail_lr .mail_r input[type=checkbox] + label {
        padding: 8px 0 0 34px;
    }

.mail_lr .mail_r input[type=checkbox] + label::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
         
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 24px;
        height: 24px;
        margin-top: -9px;
         
        background: #f4f1f0;
    }
.mail_lr .mail_r input[type=checkbox] + label::before {
        border: 2px solid #f4f1f0;
    }
.mail_lr .mail_r input[type=checkbox]:checked + label::after {
        content: "";
        position: absolute;
        top: 50%;
         
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
.mail_lr .mail_r input[type=checkbox]:checked + label::after {
        left: 3px;
         
        width: 24px;
        height: 16px;
        margin-top: -12px;
         
        border-left: 4px solid #595757;
        border-bottom: 4px solid #595757;
         
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

}

.mail816{ width:816px!important; height:45px!important; padding:13px 55px 13px 10px; }
.mailh160{ height:160px!important;}

.submitbox{ margin:50px auto 40px auto; text-align:center;}
.formbtn{ border:none; background:#d70c19; color:#FFFFFF; width:385px; font-size:107%; padding:30px 0; margin:0 auto; transition: all 0.6 ease; cursor:pointer;}
@media screen and (min-width: 737px) { .formbtn:hover{ background:#e76d75;} }

.listpage_paging{ padding: 60px 0 30px 0; clear:both; overflow:hidden;}

.page404{ width:620px; margin:0 auto; clear:both;}
.page404til{ padding:0 0 15px 0; font-size: 138%; margin:0 auto 15px auto; color:#595757; font-weight:bold; border-bottom:1px solid #b6b3b2;}
.page404 p{ margin:0 auto 75px auto; text-align:left; line-height:171%; font-size: 107%;}
.page404linkbox{ width:436px; margin:0 auto; clear:both; overflow:hidden;}
.page404linkbox_l{ float:left; width:207px;}
.page404linkbox_r{ float:right; width:207px;}

@media screen and (min-width: 737px) {.page404linkbox a{ opacity:1;}}

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

/* SUBPAGE
----------------------------------------*/
#main_contents{ width:100%; margin:0 auto; padding-top:50px; position: relative; min-height: 100%;}

.visual{ height:auto; padding:50px 0 50px 0;}
.visualbox01{ background:url(../img/news/bg.jpg) no-repeat center center; background-size:cover;}
.visualbox02{ background:url(../img/business/bg.jpg) no-repeat center 20%; background-size:cover;}
.visualbox03{ background:url(../img/company/bg.jpg) no-repeat center 60%; background-size:cover;}
.visualbox04{ background:url(../img/recruit/bg.jpg) no-repeat center 50%; background-size:cover;}
.visualinner{ width:92%; margin:0 auto; text-align:left;}
.visualinner img{ max-width:36%;}

.low_box{ width:100%; margin:0 auto; padding:50px 0 0 0; clear:both;}
.low_box02{ width:100%; margin:0 auto; padding:0 0 0 0; clear:both;}
.low_til{ max-width:92%; margin:0 auto 30px auto;}
.low_til02{ max-width:92%; margin:0 auto 30px auto;}
.low_til03{ max-width:92%; margin:0 auto 30px auto;}
.low_til img{ max-width:30%;}
.low_til02 img{ max-width:40%;}
.low_til03 img{ max-width:60%;}

.page_btnbox{ position:relative; height:36px; z-index:1; width:226px; clear:both; overflow:hidden; margin:50px auto 0 auto;}
.page_btn_central{ display:block; position:absolute; text-align:center; z-index:2; width:90px; height:36px; top:0; left:50%; margin-left:-45px; border:1px solid #eeeeee;}
.page_btn_central a{ display:block; opacity:1; line-height:1.0; padding:10px 0; color:#9b9b9b;}
.page_btn_left{ width:65px; height:36px; float:left; text-align:center; position:relative; }
.page_btn_left a,.page_btn_right a{ padding:10px 0; line-height:1.0; display:block; opacity:1;  border:1px solid #eeeeee; color:#9b9b9b;}
.page_btn_right{ width:65px; height:36px; float:right; text-align:center; position:relative; }

/* NEWS
----------------------------------------*/

.news_listbox { width:92%; margin:0 auto; clear:both; overflow:hidden;}
.news_listbox ul {  clear:both; overflow:hidden;}
.news_listbox ul li{ border-bottom:1px solid #eeeeee; clear:both; overflow:hidden; position:relative;}
.news_listbox ul li a{ padding:12px 0; display:block; overflow:hidden;}
.news_listbox ul li a .sec02date{ width:100%; float:none; padding:0 0 8px 0; font-weight:bold; text-align:left; color:#727272;}
.news_listbox ul li a .sec02til{ width:100%; float:none; text-align:left; color:#404040;}
.news_listbox ul li a .sec02more{ position:absolute; display:block; right:0; top:12px; border-radius:15px; font-size: 78%; line-height:1.1; text-align:center; color:#c7c7c7; border:1px solid #c7c7c7; padding:4px 10px 3px 10px;
transition:all 0.3s ease-in-out 0s;}
.news_listbox ul li a:hover .sec02more{ color:#d70c19; border:1px solid #d70c19;}

.news_single_box{ width:92%; margin:0 auto; clear:both;}
.news_single_date{ color:#d70c19; margin:0 auto 15px auto; text-align:left;}
.news_single_til{ color:#404040; line-height:1.4; font-size: 157%; margin:0 auto 30px auto; text-align:left;}
.news_single_canvas{ width:100%; clear:both; text-align:left;}

/* BUSINESS
----------------------------------------*/
.businessbox{width:100%; margin:0 auto; clear:both;}
.busi_lr{ width:100%; height:180px; clear:both; overflow:hidden;}
.busi_l{ width:50%; height:100%; float:left;}
.busi_r{ width:50%; height:100%; float:right;}
.busi_img01{ background:url(../img/business/bg_bm.png) no-repeat center center; background-size:cover;}
.busi_img02{ background:url(../img/business/bg_re.png) no-repeat center center; background-size:cover;}
.busi_img03{ background:url(../img/business/bg_am.png) no-repeat center center; background-size:cover;}
.busi_gray{ background:#fafafa;}
.busi_gray_in{ display:table; width:100%; height:100%;}
.busi_gray_in_in{ display:table-cell; vertical-align:middle; text-align:center;}
.busi_gray_in_in img{ width:52%; margin:0 auto;}

.businesstxt{ padding:30px 0 40px 0; }
.businesstxt_til{ color:#000000; font-size: 157%; line-height:172%; margin:0 auto 25px auto; max-width:92%;}
.businesstxt_txt{ width:100%; color:#000000; line-height:200%; text-align:left; margin:0 auto; max-width:92%;}

/* COMPANY
----------------------------------------*/
.companybox{ width:92%; margin:0 auto 50px auto; clear:both;}
.companybox ul li{ padding:10px 0; border-bottom:1px solid #dedede; overflow:hidden; clear:both; text-align:left;}
.companybox ul li:last-child{ border-bottom:none; }
.companybox ul li .com_left{ width:100%; float:none; padding:5px 0 5px 0; color:#555555; font-weight:bold;}
.companybox ul li .com_right{ width:100%; float:none; padding:0 0 5px 0; color:#727272;}
.companybox ul li .com_right a{ color:#d70c19;}

.accessbox{ width:100%; height:240px;}
.accessbox iframe{ width:100%!important; height:100%!important;}
#company_map{ width:100%; height:240px; margin:0 auto;}

/* RECRUIT
----------------------------------------*/
.recruitbox{ width:92%; margin:0 auto 30px auto; clear:both;}
.recruitbox ul li{ background:#fafafa; overflow:hidden; clear:both; text-align:left;}
.recruitbox ul li .rec_left{ width:100%; float:none; padding:12px 4%; color:#555555; font-weight:bold;}
.recruitbox ul li .rec_right{ width:100%; float:none; padding:12px 4%; background:#FFFFFF; color:#727272;}

.recruit_btn{ display:block; width:60%; margin:0 auto; padding:15px 0; background:#d70c19; color:#FFFFFF;}

/* POLICY
----------------------------------------*/
.policybox{ width:92%; margin:0 auto 30px auto; clear:both; overflow:hidden;}
.policybox p{ margin:0 auto 25px auto; text-align:left; color:#404040;}
.policybox ul { clear:both; overflow:hidden;}
.policybox ul li{ clear:both; overflow:hidden; margin:0 auto 40px auto;}
.policybox ul li .pp_left{ float:none; width:100%; font-weight:bold; line-height:133%; color:#000000; font-size: 128%; text-align:left;}
.policybox ul li .pp_right{ float:none; width:100%; padding-left:0px; text-align:left; color:#404040; border-left:none; border-top:1px solid #dedede;}
.policybox ul li .pp_right p{ margin:0 auto 20px auto;}
.policybox ul li .pp_right p:last-child{ margin:0 auto}

/* CONTACT
----------------------------------------*/

.contact_txtbox{ width:92%; text-align:center; margin:0 auto 50px auto;}
.contact_box{ width:92%; margin:0 auto; clear:both;}
.mail_policycheck{ position:relative; text-align:center; color:#404040; margin:20px auto 50px auto; }
.mail_policycheck a{ color:#404040; text-decoration:underline;}

.form{ margin:0 auto; clear:both;}
.mail_lr{ width:100%; clear:both; overflow: hidden; margin-bottom:35px; }
.mail_lr .mail_l{ width:100%; float:none; text-align:left; padding:0 0 10px 0; color:#000000; font-size: 128%; line-height:1; position:relative; }
.mail_lr .mail_l02{ width:100%; float:none; text-align:left; padding:0 0 10px 0; color:#000000; font-size: 128%; line-height:1; position:relative; }
.mail_lr .mail_r{ width:100%; float:none; text-align:left; position:relative; z-index:1;}
.mail_lr .mail_r input,.mail_lr .mail_r textarea{ background:#f2f2f2; border:none; font-size: 128%; }
.mail_lr .mail_r input:focus,.mail_lr .mail_r textarea:focus{ background:#ffe7e7;}

.mail_nec{ position:absolute; right:0px; top:0px; z-index:2; display:block; width:55px; height:45px; line-height:45px; font-size: 84%; background:#d70c19; text-align:center; color:#FFFFFF;}
.mfp_err{ background:none!important; padding-left:0!important; color:#d70c19!important;}

.mail816{ width:100%!important; height:45px!important; padding:13px 58px 13px 10px; }
.mailh160{ height:160px!important;}

.submitbox{ margin:20px auto 30px auto; text-align:center;}

.formbtn{ border:none; background:#d70c19; color:#FFFFFF; font-size:107%; width:60%; padding:18px 0; margin:0 auto; transition: all 0.6 ease; cursor:pointer;}

.listpage_paging{ padding: 30px 0 20px 0; clear:both; overflow:hidden;}

.page404{ width:100%; margin:0 auto; clear:both;}
.page404til{ padding:0 0 15px 0; font-size: 138%; margin:0 auto 15px auto; color:#595757; font-weight:bold; border-bottom:1px solid #b6b3b2;}
.page404 p{ margin:0 auto 55px auto; text-align:left; line-height:171%; font-size: 107%;}
.page404linkbox{ width:100%; margin:0 auto; clear:both; overflow:hidden;}
.page404linkbox_l{ float:none; width:70%; margin:0 auto 20px auto; max-width:70%;}
.page404linkbox_r{ float:none; width:70%; margin:0 auto; max-width:70%;}
.page404linkbox img{ width:100%; height:auto;}

}

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

.simu_box_main h2{ font-size: 169%; }
.simu_box_main p{ font-size: 100%; }

}

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


}