@media only screen and (max-width: 480px) {

}

@media only screen and (max-width: 460px) {

}

@media only screen and (max-width: 414px) {

}

@media only screen and (max-width: 390px) {

}

@media only screen and (max-width: 370px) {

}

@media only screen and (max-width: 350px) {

}


@media only screen and (max-width: 320px) {

}
main .main_visual{
    position: relative;
}
main .main_visual .main_btn{
    position: absolute;
    bottom: 5%;
    left: 5%;
    width: 58.5%;
}
main ul.sm_ban li{
    width: 48%;
    margin-bottom: 4%;
    border-radius: 5px;
    padding: 1.5%;
}
main ul.sm_ban li a{
    color: #333;
    text-decoration: none;
}
main ul.sm_ban li:nth-child(1){
    background: url(../images/sm_bg01.png);
    background-size: 100% auto;
}
main ul.sm_ban li:nth-child(2){
    background: url(../images/sm_bg02.png);
    background-size: 100% auto;
}
main ul.sm_ban li:nth-child(3){
    background: url(../images/sm_bg03.png);
    background-size: 100% auto;
}
main ul.sm_ban li:nth-child(4){
    background: url(../images/sm_bg04.png);
    background-size: 100% auto;
}
main ul.sm_ban .sm_ban_ico{
    position: relative;
    width: 30%;
}
main ul.sm_ban li .sm_ban_cont{
    background: #FFF;
    margin-left: -15%;
    width: 85%;
    padding: 5% 5% 5% 18%;
    border-radius: 5px;
}
main ul.sm_ban li .sm_ban_cont h2{
    text-align: center;
}
main ul.sm_ban li .sm_ban_cont .sm_ban_txt{
    margin-top: 5%;
    margin-bottom: 5%;
    line-height: 1.3;
}
main .dog_content{
    background: url(../images/car_bg03.png) no-repeat bottom center,url(../images/car_bg01.jpg) no-repeat top center, url(../images/car_bg02.png) repeat-y center;
    background-size: 100%, 100%, 100%;
    padding-top: 41%;
    padding-left: 3%;
    padding-right: 3%;
    padding-bottom: 2%;
}
main .dog_content .dog_cont{
    border-bottom: dashed 2px #c0c0c0;
}
main .dog_content .dog_cont:last-child{
    border-bottom: none;
}
main .dog_content dl{
    width: 83%;
    padding: 1% 0 2.5%;
}
main .dog_content dl dd{
    padding-left: 10%;
    margin-top: 2%;
}
main .dog_content p.check{
    width: 15.5%;
}
main .news_content{
    border: solid 1px #d9d9d9;
    border-radius: 5px;
    overflow: hidden;
}
main .news_content .news_tt{
    background: url(../images/news_bg.png) no-repeat bottom;
    background-size: 100%, 100%;
    padding: 1.75% 2%;
}
main .news_content .news_tt h2{
    width: 20%;
}
main .news_content .news_tt p{
    width: 20%;
}
main .news_content .news_cont{
    margin: 3%;
    height: 170px;
    overflow: auto;
}
main .news_content .news_cont dl{
    border-bottom: dotted 1px #d9d9d9;
    padding: 2% 0;
    margin-right: 3%;
}
main .news_content .news_cont dl:first-child{
    padding-top: 0;
}
main .news_content .news_cont dl dt{
    color: #ff0000;
}
main .news_content .news_cont dl dd a{
    color: #333;
}
main .p_dog{
    font-family: Yu Gothic;
    margin-left: 1%;
    font-weight: bold;
    font-size: 114%;
    margin-top: -3.5%;
    line-height: 1.3;
    width: 30%;
    margin-bottom: 1%;
}

main .all_pages .all02{
    border: solid 3px #f0ece1;
    border-top: none;
    padding: 4%;
}
main .all_pages .all02 ul li{
    width: 40%;
}
main .all_pages .all02 ul li a{
    display: block;
    color: #1c1c1c;
    font-size: 114%;
    background: url(../images/all_mt.png) no-repeat right 3% top 7px;
    background-size: 5% auto;
    text-decoration: none;
}
main .all_pages .all02 ul:first-child{
    border-bottom: solid 1px #f8cc7f;
}
main .all_pages .all02 ul:first-child li a{
    padding-bottom: 5%;
}