﻿.main_tit{font-size:3rem; font-weight:600;}
.main_txt{font-size:1.7rem;  font-weight:600;}
.more_btn a{display:inline-block; padding:7px 20px 5px; color:#fff; text-align:center; font-size:1.65rem; font-weight:600;}
.more_btn a i{display:inline-block; margin-left:10px;}

#mainVisual{padding-top:100px; height:600px;}
#mainVisual .visual_item{position:relative; height:600px;}
#mainVisual .visual_item .v_bg{background:url(../../images/main/main_visual01-ad-01.jpg) no-repeat; background-size:cover; height:600px; background-position:bottom center;}
#mainVisual .visual_item.v02 .v_bg{background-image:url(../../images/main/main_visual02-ad-03.jpg);}
#mainVisual .visual_item.v03 .v_bg{background-image:url(../../images/main/main_visual03-ad-05.jpg);}
#mainVisual .visual_item.v04 .v_bg{background-image:url(../../images/main/main_visual04-ad-04.jpg);}
#mainVisual .v_txt{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
#mainVisual .slick-dots{position:absolute; left:50%; bottom:45px; transform:translateX(-50%); }
#mainVisual .slick-dots li{display:inline-block; margin:0;}
#mainVisual .slick-dots li button{ width: 12px; height: 12px; margin: 0 0.375rem; border-radius: 50px; background-color: rgba(255,255,255, 0.85); text-indent: -9999em;  overflow: hidden; -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); box-shadow:2px 2px 2px rgba(0,0,0,0.2);}
#mainVisual .slick-dots li.slick-active button{ width: 36px; background-color: #d70c19;}

.title_box{text-align:center;}
.title_box h2.main_tit{font-size:3.8rem; font-weight:600; line-height:1.3em;}
.title_box .txt{font-size:1.8rem; color:#6d6d6d; font-weight:400;}

#product{padding:75px 0 80px;}
#product .title_box{margin-bottom:50px;}
#product .p_list{font-size:0;}
#product .p_list li{display:inline-block; width:calc((100% - 50px)/2); vertical-align:top; background:url(../../images/main/product_img01_ad_03.jpg) no-repeat; background-size:cover; height:295px; background-position:center;}
#product .p_list li.pl_02{margin-left:50px; background-image:url(../../images/main/product_img02_ad_02.jpg);}
#product .p_list li a{position:relative; display:block; height:100%; box-sizing:border-box; color:#fff;}
#product .p_list li .txt_box{position:absolute; top:50%; left:50px; transform:translateY(-50%); }
#product .p_list li .txt_box .tit{font-size:2.8rem; font-weight:600;}
#product .p_list li .txt_box .txt{font-size:1.7rem; color:rgba(255,255,255,0.8);}
#product .p_list li .btn{position:absolute; bottom:50px; right:50px;}
#product .p_list li .btn span{display:inline-block; border:1px solid #fff; font-size:1.6rem; padding:7px 12px; font-weight:400; transition:all 0.2s;}
#product .p_list li .btn span i{display:inline-block; margin-left:20px;}
#product .p_list li a:hover .btn span{background:#fff; color:#333;}

#quick{background:#e3eaee; position:relative; min-height:273px;}
#quick:before{content:""; display:block; background:url(../../images/main/intro_bg.png) no-repeat; width:50%; height:100%; position:absolute; top:0; left:0; background-size:cover;}
#quick .inner_1100{position:relative; z-index:1; font-size:0;}
#quick .inner_1100 > div{display:inline-block; width:50%; font-size:1.6rem; vertical-align:middle; box-sizing:border-box;}
#quick .company{padding:0 70px 0 50px;}
#quick .company p{color:#fff;}
#quick .company .txt{font-size:2rem; font-weight:400; margin-bottom:7px;}
#quick .company .txt em{font-weight:600;}
#quick .company .logo img{height:28px;}
#quick .company .btn{text-align:right; margin-top:20px;}
#quick .company .btn a{display:inline-block; border:1px solid #fff; font-size:1.6rem; padding:7px 12px; color:#fff; font-weight:400; transition:all 0.2s;}
#quick .company .btn a i{display:inline-block; margin-left:20px;}
#quick .company .btn a:hover{background:#fff; color:#333;}
#quick .btn_list{padding:45px 0 45px 20px; text-align:center;}
#quick .btn_list .title{font-size:3rem; font-weight:600; line-height:1.3em; margin-bottom:40px;}
#quick .btn_list ul{font-size:0;}
#quick .btn_list li{display:inline-block; width:33.3%; font-size:2rem; color:#5b5f67; font-weight:600;}
#quick .btn_list li .icon_box{padding-bottom:15px;}
#quick .btn_list li .icon_box img{height:54px;}
#quick .btn_list li:hover .txt_box{color:#d70c19;}



/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width:1200px) {

}

@media (max-width:1024px) {
#mainVisual{padding-top:90px; height:490px;}
#mainVisual .visual_item{height:490px;}
#mainVisual .visual_item .v_bg{height:490px;}
#mainVisual .v_txt img{height:155px; }

#product .p_list li{width:calc((100% - 30px)/2); height:240px;}
#product .p_list li.pl_02{margin-left:30px;}
#product .p_list li .txt_box{left:30px;}
#product .p_list li .btn{bottom:30px; right:30px;}

#quick:before{display:none;}
#quick .inner_1100{padding:0;}
#quick .inner_1100 > div{display:block; width:100%;}
#quick .company{padding:0 30px 0 20px; background:url(../../images/main/intro_bg.png) no-repeat; background-size:cover; background-position:center; padding:30px 15px; text-align:center;}
#quick .company .btn{text-align:center; margin-top:30px;}
#quick .btn_list{padding:30px;}
#quick .btn_list .title{margin-bottom:20px;}



}

@media (max-width:767px) {
html{font-size:9px;}
#mainVisual{height:200px; padding-top:70px;}
#mainVisual .visual_item{height:200px;}
#mainVisual .v_txt img{height:100px;}
#mainVisual .visual_item .v_bg{height:200px;}
#mainVisual .slick-dots{bottom:20px; z-index:5;}
#mainVisual .slick-dots li button{width:10px; height:10px;}

.title_box h2.main_tit{font-size:3rem; margin-bottom:5px;}
.title_box .txt{font-size:1.6rem; word-break:keep-all;}
#product{padding:30px 0 15px;}
#product .title_box{margin-bottom:20px;}
#product .p_list li{width:100%; height:auto; padding:30px; box-sizing:border-box;}
#product .p_list li.pl_02{margin-left:0px; margin-top:15px;}
#product .p_list li .txt_box{position:static; top:auto; left:auto; transform:inherit; margin-bottom:30px;}
#product .p_list li .txt_box .tit{font-size:2.5rem;}
#product .p_list li .txt_box .txt{font-size:1.5rem;}
#product .p_list li .btn{position:static; bottom:auto; right:auto; text-align:right;}


#quick .company .logo img{height:20px;}
#quick .company .btn{margin-top:15px;}
#quick .btn_list{padding:30px 15px;}
#quick .btn_list .title{font-size:2.5rem;}
#quick .btn_list li{font-size:1.8rem;}
#quick .btn_list li .icon_box img{height:35px;}

}

@media (max-width:480px) {
#mainVisual .v_txt img{height:75px;}
}