@charset "utf-8";


/*section1 s*/
#section1{
    margin:60px 0 0 0;
}

/* s main slider */
#visual{
    position: relative;
}
#visual ul li{
    width: 100%;
    float: left;
}
#visual ul li img{
    width: 100%;
    height: auto;
}

#visual .bx-pager{
    width: 50%;
    position: absolute; 
    bottom: 10px;
    left:50%;
    margin-left:-21%;
}  
#visual .bx-pager div{
    float: left;
    margin: 0 4px;
    width: 25%;
}
#visual .bx-pager div:first-child{
    margin-left: 0;
}
#visual .bx-pager div:last-child{
    margin-right: 0;
}
#visual .bx-pager div a{
    display: block; 
    width: 100%;
    height: 6px;
    background: rgba(255, 255, 255, 0.8); 
    text-indent: -9999px;
}
#visual .bx-pager div .active{
    background: #eb333a;
} 

#visual .bx-controls-direction{
    position: absolute;
    left: 0;
    top: 55%;
    margin-top: -34.5px;
    width: 100%;
    display:none;
}
/* e main slider */
/*section1 e*/


/*q_btn s*/
#q_btn{
    padding:30px 0;
}

#q_btn .inner .lbtn,
#q_btn .inner .rbtn{
    /*float:left;*/
	margin:0 auto;
    width:60%;
}
#q_btn .inner .bbtn{
    float:left;
    width:100%;
    margin:8px 0 0 0;
}
#q_btn .inner .lbtn a,
#q_btn .inner .rbtn a{
    display:block;
}
#q_btn .inner .bbtn a{
    display:block;
}
#q_btn .inner .lbtn a img,
#q_btn .inner .rbtn a img{
    width:100%;
}
#q_btn .inner .bbtn a img{
    width:100%;
}
/*q_btn e*/


/*section2 s*/
#section2 img{
    width:100%;
}
/*section2 e*/


/*section3 s*/
#section3{
    padding:30px 0 0 0;
}
#section3 img{
    width:100%;
}

.inner .ttl{
    margin:0 0 25px 0;
}

.cont .c1,
.cont .c2,
.cont .c3,
.cont .c4{
    width:50%;
    float:left;
}
.cont .c1 a,
.cont .c2 a,
.cont .c3 a,
.cont .c4 a{
    display:block;
    width:100%;
}
/*section3 e*/


/*section4 s*/
#section4{
    padding:15px 0 0 0;
}

#section4 img{
    width:100%;
}
/*section4 e*/


/*section5 s*/
#section5{
    padding:30px 0 0 0;
}

#section5 img{
    width:100%;
}

#section5 .ttl{
    margin:0;
}
/*section5 e*/


/*section6 s*/
#section6{
    padding:15px 0 0 0;
}

#section6 img{
    width:100%;
}
/*section6 e*/


/*section7 s*/
#section7{
    padding:30px 0 0 0;
}

#section7 img{
    width:100%;
}

#section7 .ttl{
    margin:0;
}
/*section7 e*/


/*section8 s*/
#section8{
    padding:50px 0 30px 0;
}

#section8 img{
    width:100%;
}

#section8 .inner .ttl{
    margin:0 0 15px 0;
}

#section8 .inner .sec8_line{
    width:100%;
    height:1px;
    background-color:rgba(86,86,86,0.3);
    margin:0 0 25px 0;
}

#section8 .m_name,
#section8 .m_call,
#section8 .m_request{
    margin:0 0 20px 0;
}
#section8 p{
    float:left;
    font-size:14px;
    color:#222;
    width:20%;
    font-weight:500;
    margin:13px 0 0 0;
}
#section8 .m_request p{
    width:100%;
    text-align:center;
    margin:0px 0 13px 0;
}

#section8 input{
    float:left;
}
#section8 .m_name input{
    width:60%;
    height:45px;
    font-size:13px;
    padding:0 10px;
    box-sizing:border-box;
    border:1px solid #d1d1d1;
    border-radius:8px;
    background-color:#fdfdfd;
}

#section8 .m_call input{
    width:24%;
    height:45px;
    font-size:14px;
    padding:0 10px;
    box-sizing:border-box;
    border:1px solid #d1d1d1;
    border-radius:8px;
    background-color:#fdfdfd;
    margin:0 10px 0 0;
}
#section8 .m_call input:last-child{
    margin:0;
}

input::placeholder {
    font-weight:600;
    color: #ccc;
}

#section8 .m_request textarea{
    resize:none;
    width:100%;
    height:300px;
    font-size:13px;
    padding:0 10px;
    box-sizing:border-box;
    border:1px solid #d1d1d1;
    border-radius:8px;
    background-color:#fdfdfd;
    line-height:25px;
    color:#555;
    font-weight:600;
}

button{
    display: block;
    width:100%;
    padding:23px 0;
    border-radius: 10px;
    border: none;
    background:url(../images/sec8_btn.jpg) no-repeat center 0/cover;
    cursor:pointer;
    position:relative;
}
button img{
    position:absolute;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    width:35% !important;
    animation:btnani 1.3s linear infinite;
}

@keyframes btnani{
    0%{left:53%;}
    50%{left:50%;}
    100%{left:53%;}
}
/*section8 e*/