@charset "UTF-8";
@import url("base.css");

.attn_wrap h3,
.std_wrap h3,
.tel_wrap h3,
.card_wrap h3{ height: 45px; line-height: 45px; background: #292e3a; font-size: 18px; color: #ffffff; text-align: center;}

.tel_wrap h4{ text-align: center; margin-bottom: 10px; font-size: 18px;}
.tel_wrap .telnum{ font-size: 44px; font-weight: bold; text-align: center; color: #fff;}
.tel_wrap .telnum span{ font-size: 60%;}

.card_wrap li{ padding-left: 5px; font-size: 14px;}
.card_wrap .img_card{ width: 45%; margin: 0 auto 10px;}
.card_wrap .img_card img{ width: 100%;}

.cmn_wrap{ box-sizing: border-box; padding: 20px; border-left: 1px solid #292e3a; border-right: 1px solid #292e3a; border-bottom: 1px solid #292e3a; background: #000; color: #fff;}

.attn_wrap h4{ color: #fff; font-weight: bold; margin-bottom: 10px;}
.attn_wrap .box{ box-sizing: border-box; width: 50%;}
.attn_wrap .cmn_wrap{ overflow: hidden;}
.attn_wrap .attn_l{ float: left;}
.attn_wrap .attn_r{ float: right; box-sizing: border-box; padding-left: 20px; border-left: 1px solid #292e3a;}
.attn_wrap li{ font-size: 14px; list-style: disc; list-style-position: inside;}

.std_wrap h4{ color: #fff; font-weight: bold; margin-bottom: 10px;}
.std_wrap p{ font-size: 14px;}

.rsv_wrap{ margin-bottom: 10px; box-sizing: border-box; padding: 20px; border: 1px solid #0baba0;}
.rsv_wrap li{ font-size: 14px; list-style: disc; list-style-position: inside;}

.attn_wrap h3,
.std_wrap h3{ height: 45px; line-height: 45px; background: #292e3a; font-size: 18px; color: #ffffff; text-align: center;}

.howto_wrap{ background: #000; color: #fff; padding-bottom: 10px;}
.howto_wrap .howto_wrap_in{ padding: 0 10px;}

.howto_wrap_in .sub_tit{ box-sizing: border-box; background: #736357; height: 60px; margin-bottom: 10px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 0 18px; color: #000;}
.howto_wrap_in .sub_tit i{ color: #000; font-size: 26px; margin-right: 8px;}
.howto_wrap_in .sub_tit h4{ color: #fff; font-size: 32px;}
.howto_wrap_in .sub_tit p{ font-size: 11px; letter-spacing: 0.6em;}

.howto_wrap_in .howto_item{ box-sizing: border-box; padding: 10px; background: #1F1A18; display: flex; flex-wrap: wrap; justify-content: space-between;}
.howto_wrap_in .howto_item:has(figure){ height: 320px;}
.howto_wrap_in .howto_item:not(:last-of-type){ margin-bottom: 10px;}
.howto_wrap_in .howto_item figure{ display: block; width: 240px; height: 300px;}
.howto_wrap_in .howto_item:has(figure) .howto_txt{ width: calc(100% - 260px);}
.howto_wrap_in .howto_item .howto_txt h5{ font-size: 26px; margin-bottom: 12px; background: linear-gradient(180deg, #FFFBC7 0%, #CA9E6A 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing: -0.02em;}
.howto_wrap_in .howto_item .howto_txt h5 span{ font-size: 0.8em; margin-right: -10px;}