@charset "utf-8";
/* CSS Document */

body { margin: 0; padding: 0; font-family: YakuHanJP, 'Noto Sans JP', 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", sans-serif!important; }

header { height: 46px; background: rgba(0,0,0,0.8); color: white; background-color: #333333; }
header .container { display: flex; height: 100%; align-items: center; }
header .container img { height: 26px; width: auto; }

@media screen and (max-width:768px) {
header { height: 40px; }
header .container img { height: 20px; width: auto; }
}

main .container { max-width: 1200px; }

main .key_visual { background: url("/kaden/common/images/key_visual_bk.png") repeat center; background-size: 2000px auto; }
main .key_visual .container { padding: 70px 15px 50px; /*display: flex; justify-content: center;*/ text-align: center; color: white; }
main .key_visual .container img:first-of-type { margin-bottom: 20px; }
main .key_visual .container > div { text-align: center; }

main h2 { margin: 0 0 3.5rem; font-weight: 900; font-size: 2.5rem; text-align: center; line-height: 1.5; }
main h2 small { display: block; font-size: 1.6rem; font-weight: 400; }
main h3 { margin: 0 0 1.5rem; font-weight: bold; font-size: 1.5rem; color: #000; }
main p { font-size: 1.1rem; }



@media screen and (max-width:768px) {
main .key_visual {  }
main .key_visual .container { padding: 20px 15px 10px; /*display: flex; justify-content: center;*/ color: white; }
main h2 { margin: 0 0 2rem; font-weight: 900; font-size: 1.6rem; }
main h2 small { font-size: 1.3rem; }
main h3 { margin: 0 0 1.2rem; font-weight: bold; font-size: 1.3rem;  }
.gx-5 { --bs-gutter-x: 0!important; }
main p { font-size: 1rem; }
}


main .key_visual_after { background-color: #f7f7f7; }
main .key_visual_after .container { max-width: 864px; padding: 20px 15px 10px; color: #555; font-size: 15px; }




main section.feature { padding: 60px 0 80px; /*background-color: #F0F1F4;*/ }
main section.feature .container { max-width: 1000px; padding-top: 20px; }
main section.feature .row { text-align: center; }
main section.feature .row .title { font-size: 1.5rem; line-height: 1.3; font-weight: bold; }
main section.feature .row .img img { margin-bottom: 15px; border-radius: 14px; }
main section.feature .row b { font-weight: 900; color: #FF3358; font-size: 1.2rem; }

@media screen and (max-width:768px) {
main section.feature .row { padding-left: 30px; padding-right: 30px; }
main section.feature .row .img img { margin-bottom: 5px; max-height: 150px; width: auto; }
main section.feature .row .title { margin-bottom: 10px; font-size: 1.3rem; }
main section.feature .row p:last-child { margin-bottom: 1.5rem; }
}




/* セット商品 */
main section.product_set { padding: 60px 0 80px; background-color: #F0F1F4; }
main section.product_set .container { max-width: 1000px; padding-top: 20px; }
main section.product_set h2 { margin: 0 0 2.5rem; }
main section.product_set .row { text-align: center; }
main section.product_set .row .title { font-size: 1.5rem; line-height: 1.3; font-weight: bold; }
main section.product_set .row .img img { margin-bottom: 15px; border-radius: 14px; }
main section.product_set .row b { font-weight: 900; color: #FF3358; font-size: 1.2rem; }



/* 単品商品 */
main section.products {  }
main section.products .container { max-width: 1000px; padding: 80px 15px 60px; border-bottom: 1px solid #ddd;  }
main section.products h2 { margin: 0 0 2.5rem; }
main section.products .img { border-radius: 14px; border: 1px solid #ddd; text-align: center; }
main section.products .img img { border-radius: 14px; }
main section.products .price { margin-top: 5px; }
main section.products .price b { margin-left: 2px; margin-right: 1px; font-size: 18px; font-weight: 900; }
main section.products .price span { margin-left: 2px; font-size: 13px; }
main section.products .col-sm-3 { padding-bottom: 50px; }

@media screen and (max-width:768px) {
main section.products .img img { max-height: 200px; width: auto; }
main section.products .price { margin-top: 0; }
}

/* レンタル料金 */
main section.rental_price {  }
main section.rental_price .container { max-width: 1000px; padding: 80px 15px 60px; }
main section.rental_price h2 { margin: 0 0 2.5rem; }


/* 運搬費・エアコン工事費 */
main section.others_price {  }
main section.others_price .container { max-width: 1000px; padding: 0px 15px 100px; }
main section.others_price h2 { margin: 0 0 2.5rem; }


/* 注意事項 */
main section.remarks {  }
main section.remarks .container { max-width: 1000px; padding: 80px 15px 100px;  }
main section.remarks h2 { margin: 0 0 2.5rem; }



.tbl_std {}
.tbl_std td strong { margin-right: 1px; }

.tbl_std.rental td { background-color: #E8F9FF;  }
.tbl_std.cost td { background-color: #FFF8E1; }


 .table { margin: 5px 0 20px; border: 1px solid #ccc; border-radius: 12px; overflow: hidden; }
.table table { width: 100%; }
.table table th { padding: 10px 15px; border: 1px solid #e0e0e0; border-top: none; background-color: #eee; text-align: center; }
.table table td  { padding: 10px 15px; border: 1px solid #e0e0e0; }
 .table > table th:first-of-type { border-left: none; }
.table > table th:last-of-type { border-right: none; }
.table > table td:first-of-type { border-left: none; }
 .table > table td:last-of-type { border-right: none; }
.table > table tr:last-of-type td { /*border-bottom: none;*/ }



main section.contact { background-color: #E8F1F7; background: url("/kaden/common/images/key_visual_bk.png") repeat center; background-size: 2000px auto; }
main section.contact .container { max-width: 1000px; padding: 70px 15px 80px; }
main section.contact .overview { padding: 0 15px 60px; display: flex; justify-content: center; flex-wrap: wrap; }
main section.contact .overview>div { padding: 0 10px; }
.consult { margin: 0px 0 30px; font-size: 1.6rem; font-weight: bold; color: white; }
main section.contact  .tel { margin-bottom: 5px; font-size: 3rem; font-weight: bold; line-height: 1; }
main section.contact  .tel i { margin-right: 7px; }
main section.contact  .tel a { color: black; text-decoration: none; }

.btn__ { margin: 10px 20px; padding: 0 15px; height: 60px; border-radius: 10px; color: white; line-height: 1; font-size: 26px; font-weight: bold; display: flex; align-items: center; justify-content: center; gap: 0 10px; text-decoration: none; }
.btn__:hover { color: white; }

.btn_contact { background-color: #FF8000; box-shadow: 0 8px 0 0 #A65300; }
.btn_contact:hover { text-decoration: none; box-shadow: none; box-shadow: 0 4px 0 0 #A65300; transform: translate3d(0, 4px, 0); opacity: 0.9; }
.btn_contact:active .btn_contact:visited { color: #fff; text-decoration: none; }

main section.contact .btn_order { background-color: #D90000; box-shadow: 0 8px 0 0 #730000; }
main section.contact .btn_order:hover { text-decoration: none; box-shadow: none; box-shadow: 0 4px 0 0 #730000; transform: translate3d(0, 4px, 0); opacity: 0.9; }
main section.contact .btn_order:active .btn_order:visited { color: #fff; text-decoration: none; }

@media screen and (max-width:768px) {
main section.contact .container { padding: 50px 15px; }
main section.contact .overview { margin: 0 0 20px; padding: 0; }
main section.contact .overview .consult { font-size: 1.3rem; }
main section.contact .overview .tel { margin-bottom: 5px; font-size: 2rem; }
main section.contact .overview .tel i { margin-right: 7px; }
.btn__ { font-size: 20px; }
}




footer { padding: 70px 15px 70px; text-align: center; }
footer .mp_logo { margin-bottom: 20px; }
footer .company { margin-bottom: 3px; font-size: 1rem; }
footer .address { margin-bottom: 30px; font-size: 1rem; }
footer .mp_logo img { width: 260px; }
footer .bj_logo { margin-bottom: 40px; }
footer .bj_logo img { margin: 0 5px; }
footer .link { margin-bottom: 40px; padding: 0; list-style-type: none; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
footer .link li { display: inline-block; padding: 0 10px; }
footer .link a { text-decoration: none; color: #333; }
footer .link a:hover { color: #0d6efd; }
footer .copyright { font-size: 0.8rem; letter-spacing: 0.1rem; }

@media screen and (max-width:768px) {
footer { padding: 50px 15px; }
footer .link { display: block; border-top: 1px solid #ccc; }
footer .link li { display: block; border-bottom: 1px solid #ccc; text-align: left; }
footer .link a { display: block; padding: 15px 0; }
}






.annotation { margin-left: 1rem; padding: 0; text-align: left; display: inline-block; }
.annotation li { margin: 0; padding: 0 0 3px; list-style-type: none; line-height: 1.4; }
.annotation li::before { margin-left: -1.2rem; content: "※"; padding-right: 0.2rem; }

@media screen and (max-width:768px) {
.annotation { font-size: 0.9rem; }
}