@charset "utf-8";

a.opcolor8:hover{opacity: 0.6;transition-duration: 0.3s;}

.bgblack{background-color: #000;text-align: center;padding: 40px 0;}

.bg01{background-color: #fff;background-image: url("../images/bg01.jpg");background-repeat: no-repeat;background-position: center top;padding: 20px;}
.bg02{background-color: #fff;background-image: url("../images/bg02.png");background-repeat: no-repeat;background-position: center top;padding: 80px 0 50px 0;}
.bg03{background-color: #fff;background-image: url("../images/bg03.png");background-repeat: no-repeat;background-position: center top;padding: 80px 0 50px 0;}
.bg04{background-color: #1b5489;padding: 40px 0;}


.bgblack .preboximg{display: -webkit-flex;display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
margin-top: 50px;}


.bg01 h2{color: #1b5489;font-weight: 900;text-align: center;}

.onlinereco{margin: 50px 0;text-align: center;color: #fff;}
.onlinereco .onlinerecobtm{display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;}
    
.onlinereco .onlinerecobtm a{display: block;background-color: #b8141e;padding: 10px;font-weight: 900;margin-top: 5px;}
.onlinereco .onlinerecobtm a:link{color: #fff;text-decoration: none;}
.onlinereco .onlinerecobtm a:visited{color: #fff;}
.onlinereco .onlinerecobtm a:hover{opacity: 0.6;transition-duration: 0.3s;}


.car01box{display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
width: 900px;
margin: 0 auto;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;padding-top: 50px;}

.car01box .car01 a{display: block;color: #fff;text-align: center;
font-family: MazdaTypeMedium ,MazdaTypeRegular,Noto Sans CJK JP,Hiragino Kaku Gothic ProN,HiraKakuProN-W3,Meiryo,Yu Gothic Medium,sans-serif !important;font-weight: 600;line-height: 1.4;
margin: 20px 0 55px 0;}
.car01box .car01 a:link{text-decoration: none;}
.car01box .car01 a:hover{opacity: 0.6;transition-duration: 0.3s;}

.bg03 .car01box .car01 a{color: #1b5489 !important;}
.bg03 .car01box .car01 a:visited{color: #1b5489 !important;}

.bnrarea0 .bnrarea0in{display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
width: 970px;
margin: 0 auto;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;}

.bnrarea0 .bnrarea0in.btm3 a{width: 300px;display: block;border: 1px solid #fff;padding: 10px;
box-shadow: 5px 5px 5px #343434;
background-image: url("../images/btmbg.png");background-repeat: no-repeat;background-position: center top;background-color: #999;text-align: center;}
.bnrarea0 .bnrarea0in.btm3 a:link{color: #fff;font-weight: 900;text-decoration: none;}
.bnrarea0 .bnrarea0in a:hover{opacity: 0.6;transition-duration: 0.3s;}

@media screen and (min-width: 1440px) {
.w1440pcsp100,.preboxall,.bnrbottomall{width: 1440px;margin-left: auto;margin-right: auto;}

}


@media screen and (max-width: 1439px) {
.w1440pcsp100{width: 100%;}
.w1440pcsp100 img{width: 100%;height: auto;}


}



@media screen and (min-width: 769px) {

.bgblack .preboximg img{margin: 20px 10px;}

.onlinereco h5{font-size: 4.0rem;font-weight: 900;}
.onlinereco .onlinerecobtm{width: 900px;margin-left: auto;margin-right: auto;}

.onlinereco .onlinerecobtm .onlinerecobtmin{width: 400px;}
.onlinereco .onlinerecobtm .onlinerecobtmin p{font-size: 2.4rem;}
.onlinereco .onlinerecobtm a{font-size: 2.8rem;}

.bg01 h2{font-size: 3.6rem;}

.car01box .car01 a{font-size: 1.7rem;}

.bnrarea0 .bnrarea0in.btm3{margin-bottom: 50px;margin-top: 50px;}
.bnrarea0 .bnrarea0in.btm3 a{font-size: 1.8rem;letter-spacing: 0.3em;}

}

@media screen and (max-width: 768px) {
.bgblack .preboximg{
-webkit-flex-direction: column;flex-direction: column; -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.bgblack .preboximg img{margin: 0px 10px 20px 10px;}

.onlinereco h5{font-size: 2.0rem;font-weight: 900;}

.onlinereco .onlinerecobtm{-webkit-flex-direction: column;flex-direction: column; -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;}
.onlinereco .onlinerecobtm .onlinerecobtmin{width: 90%;}

.onlinereco .onlinerecobtm .onlinerecobtmin p{font-size: 1.8rem;}
.onlinereco .onlinerecobtm a{font-size: 2.0rem;margin-bottom: 15px;}

.bg01 h2{font-size: 2.4rem;line-height: 1.3;}

.car01box,
.bnrarea0 .bnrarea0in{width: 100%; -webkit-flex-direction: column;flex-direction: column; -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;}

.bg02{padding: 40px 0 20px 0;background-size: cover;}
.bg03{padding: 40px 0 20px 0;background-size: cover;margin-top: 50px;}


.car01box .car01 a{font-size: 1.4rem;}

.bnrarea0 a{margin-bottom: 20px;}

}

@media screen and (max-width: 500px) {
.bg03 .tac.sp_pd img{width: 80%;height: auto;}
}