@charset "shift_jis";
/* CSS Document */
.mainvisual{
    background:#fbfaf7;
}

.mainvisual .copy{
    width: 369px;
    float: left;
}
.mainvisual .copy img{
    padding: 50px 0 0 40px;
}

.mainvisual .kv{
    float: right;
    width: 540px;
    background: #000;
}
.mainvisual .kv a:hover img{
    opacity: .8; filter: alpha(opacity=80); 
}

#exwt-nav ul li.crnt a {
    border-bottom: none;
}

.crnt span.crnt{
    border-bottom: 2px solid #ef7a00;
    padding: 0 0 3px 0;
}

.btn-basic .btn-small{
    margin-right:15px;
    vertical-align: top;
}

.floatL{
    float: left;
    width: 48%;
    margin: 0 20px 0 0;
}
.floatL img{
    max-width: 100%;
}
.floatR{
    float: right;
    width: 48%;
}

.sec02 p{
    margin-top: 0;
}

.linksec{
    padding: 10px 25px 20px 25px;
}

.linksec ul{
    margin-top: 7px;
}

.linksec ul li{
    display: inline-block;
    margin-right: 30px;
}

.linksec ul.icon-link.large li a {
    font-size: 95%;
}

@media only screen and (max-width: 767px){
    .mainvisual .copy{
        width: 100%;
        float: none;
     }
    .mainvisual .copy img{
        padding: 100px 0 30px 0;
        width:70%;
        display: block;
        margin: 0 auto;
    }
    .mainvisual .kv{
        float: none;
        width: 100%;
    }
    .mainvisual .kv a:hover img{
        opacity: 1; filter: alpha(opacity=100); 
    }
    .btn-small{
        margin: 0 0 15px 0;
    }
    #iroase{
      padding-top: 50px;
    }
    
    #iroase{
      margin-top:-100px;
      padding-top:50px;
    }
    
    #kizu{
      padding-top: 50px;
    }
    
    #kizu{
      margin-top:-50px;
      padding-top:50px;
    }
    
    #nano{
      padding-top: 60px;
    }
    
    #nano{
      margin-top:-60px;
      padding-top:50px;
	}
	.section {
        padding: 1% 4% 4% 4%!important;
    }
    .linksec ul li{
        display: inline-block;
        margin-right: 10px;
    }
    .floatL{
        float: none;
        width: 100%;
        margin-bottom:20px;
     }
    .floatR{
        float: none;
        width: 100%;
    }
}