@charset "UTF-8";
/* CSS Document */
#home{margin-top: 120px;}
#home .main_img{}
#home .main_img img{width: 100%;height: auto}




#home .coupon_lists{text-align: center;position: relative;padding-top: 40px; }
#home .coupon_lists::before {  content: "";   position: absolute;   left: 3%;   top: 30px;    width: 195px;    height:100%;    background: url('../images/illa1.svg') no-repeat top left;    background-size:contain;z-index: -1!important}
#home .coupon_lists::after {  content: "";   position: absolute;   right: 3%;   top: 30px;    width: 195px;    height:100%;    background: url('../images/illa2.svg') no-repeat top left;    background-size:contain;z-index: -1!important}

#home .coupon_lists h3{font-size: 3.6rem;font-weight: 700;letter-spacing: 0.1em;text-indent: 0.1em;}
#home .bt_check{margin-top: 60px}

@media screen and (max-width: 1200px) {/*スマホのスタイル*/

}
@media screen and (max-width: 1000px) {/*スマホのスタイル*/

}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
#home{margin-top: 60px;}

#home .coupon_lists{padding-top: 0px;}
#home .bt_serch{width: 80%;margin: auto;padding: 40px 0}
#home .bt_serch a{display: block;color: #fff;text-align: center;padding:8px 26px 8px 15px;border-radius: 10px;font-size: 1.6rem;
background:#5eb7e8  url("../images/icon_serch.svg") no-repeat 90% center;background-size: 19px}
#home .bt_serch a:hover{color: #fff}
#home .coupon_lists h3{font-size: 2.2rem;padding-top: 0;margin-bottom: 20px}
#home .coupon_lists h3 img{width: 50%}

#home .coupon_lists::before {left:1%;   top: 1.8%;    width: 20%;z-index: -1}
#home .coupon_lists::after { right: 1%;   top: 1.8%;    width: 20%;z-index: -1}
}