@charset	"utf-8";

#special_body{
	width: 100%;
	}
#special_body img{
	width: 100%;
	height: auto;
}

#special_body a :hover{
	opacity: 0.8;
}
#special_body .banner01{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 4.5%;	
}
#special_body .banner02{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 37%;
    left: 2.5%;	
}
#special_body .banner03{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 37%;
    left: 2.5%;	
}
#special_body .banner04{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 58.7%;
    left: 18%;	
}
#special_body .btn-01 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 92%;
    left: 15%;
}
#special_body .btn-02 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 92%;
    left: 15%;
}
#special_body .btn-03 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 88%;
    left: 15%;
}
#special_body .btn-04 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 71%;
    left: 15%;
}
#box01, #box02, #box03, #box04, #box05, #box06, #box07, #box08{
	position: relative;
}
ul.tab {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    /*top: 4.55%;*/
    /*position: absolute;*/
}
#special_body li {
	margin: 0 10px;
}
#special_body ul.banner02 li {
	margin: 0 20px;
}
#special_body ul.banner03 li {
	margin: 0 20px;
}


@media screen and (max-width: 640px){
#special_body .btn-01, .btn-02, .btn-03, .btn-04 {
	width: 90%;
}
#special_body .banner02, .banner03 {
	width: 96%;
}
#special_body li {
	margin: 0 5px;
}
#special_body ul.banner02 li {
	margin: 0 8px;
}
#special_body ul.banner03 li {
	margin: 0 8px;
}
#special_body .banner01 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 5%;
    width: 90%;
}
#special_body .banner02 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 38.5%;
    left: 2%;
}
#special_body .banner03 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 38%;
    left: 2%;
}
#special_body .banner04 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 58.7%;
    left: 21%;
    width: 60%;
}
#special_body .btn-01 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 92%;
    left: 5%;
}
#special_body .btn-02 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 91%;
    left: 5%;
}
#special_body .btn-03 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 86%;
    left: 5%;
}
#special_body .btn-04 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 71%;
    left: 5%;
}
ul.tab {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    /*top: 4.55%;*/
    /*position: absolute;*/
}
a.anchor {
    display: block;
    padding-top: 50px;
    margin-top: -50px;
}
}