@use "./setting/_mixin";#deckbuildingrule{margin-bottom:125px}@media only screen and (max-width: 768px){#deckbuildingrule{margin-bottom:vw(118)}}#deckbuildingrule .block{width:1200px;margin:0 auto 40px;padding:50px;background-color:#fff;border-radius:30px;box-shadow:0 0 20px rgba(107,98,159,0.1)}@media only screen and (max-width: 1300px){#deckbuildingrule .block{padding:base_vw(50);width:base_vw(1200);margin:0 auto base_vw(40)}}@media only screen and (max-width: 768px){#deckbuildingrule .block{width:vw(580);padding:vw(30);border-radius:vw(30);margin:0 auto vw(40)}}#deckbuildingrule .block figure{margin-bottom:50px}@media only screen and (max-width: 1300px){#deckbuildingrule .block figure{margin-bottom:base_vw(50)}}#deckbuildingrule .block figure img{max-width:100%}@media only screen and (max-width: 1300px){#deckbuildingrule .block figure img{max-width:100%;height:auto}}@media only screen and (max-width: 768px){#deckbuildingrule .block figure img{height:auto;width:100% !important}}#deckbuildingrule .block .text1{font-size:32px;text-align:center;font-weight:900;line-height:1.8;margin-bottom:40px}@media only screen and (max-width: 1300px){#deckbuildingrule .block .text1{font-size:base_vw(32);margin-bottom:base_vw(40)}}@media only screen and (max-width: 768px){#deckbuildingrule .block .text1{font-size:vw(32)}}#deckbuildingrule .block .text1 span{color:#37BAEB}#deckbuildingrule .block .text2{font-size:24px;text-align:center;line-height:1.8;font-weight:900;margin-bottom:28px}@media only screen and (max-width: 1300px){#deckbuildingrule .block .text2{font-size:base_vw(24);margin-bottom:base_vw(28)}}@media only screen and (max-width: 768px){#deckbuildingrule .block .text2{font-size:vw(24)}}#deckbuildingrule .block .note{font-size:18px;font-weight:100;text-align:center;line-height:1.8}@media only screen and (max-width: 768px){#deckbuildingrule .block .note{font-size:vw(18)}}#deckbuildingrule .block h2{position:relative;font-size:20px;padding:10px 10px 10px 45px;line-height:1.3;color:#fff;border-radius:100px;margin:2.8em 0 1em;background-image:linear-gradient(90deg, #534b88, #37bded)}@media only screen and (max-width: 1300px){#deckbuildingrule .block h2{padding:base_vw(10) base_vw(10) base_vw(10) base_vw(45)}}@media only screen and (max-width: 768px){#deckbuildingrule .block h2{font-size:vw(22);padding:vw(10) vw(10) vw(10) vw(45);border-radius:vw(100)}}#deckbuildingrule .block h2::before{content:"";display:inline-block;position:absolute;top:50%;left:10px;transform:translateY(-50%);width:24px;height:24px;background:url("../img/news/icon_h2.svg") no-repeat top center;background-size:contain;margin-right:15px}@media only screen and (max-width: 1300px){#deckbuildingrule .block h2::before{left:base_vw(10);width:base_vw(24);height:base_vw(24);margin-right:base_vw(15)}}@media only screen and (max-width: 768px){#deckbuildingrule .block h2::before{width:vw(24);height:vw(24);left:vw(10);margin-right:vw(15)}}#deckbuildingrule .block h3{position:relative;font-size:20px;line-height:1.3;padding-left:26px;margin:2.8em 0 1em}@media only screen and (max-width: 1300px){#deckbuildingrule .block h3{padding-left:base_vw(26)}}@media only screen and (max-width: 768px){#deckbuildingrule .block h3{font-size:vw(22);padding-left:vw(26)}}#deckbuildingrule .block h3::before{content:"";display:inline-block;position:absolute;top:51%;left:0;transform:translateY(-50%);width:20px;height:20px;background:url("../img/news/icon_h3.svg") no-repeat top center;background-size:contain;margin-right:15px}@media only screen and (max-width: 1300px){#deckbuildingrule .block h3::before{width:base_vw(20);height:base_vw(20);margin-right:base_vw(15)}}@media only screen and (max-width: 768px){#deckbuildingrule .block h3::before{top:52%;width:vw(20);height:vw(20)}}#deckbuildingrule .block h4{font-size:18px;line-height:1.3;margin:2.8em 0 1em}@media only screen and (max-width: 768px){#deckbuildingrule .block h4{font-size:vw(22)}}#deckbuildingrule .block h2.mt-adjust,#deckbuildingrule .block h3.mt-adjust,#deckbuildingrule .block h4.mt-adjust{margin-top:1em}#deckbuildingrule .block ul{margin-bottom:1em}#deckbuildingrule .block ul li{font-size:16px;line-height:1.5;margin-left:1.2em;list-style-type:disc}@media only screen and (max-width: 768px){#deckbuildingrule .block ul li{font-size:vw(20)}}#deckbuildingrule .block ol{margin-bottom:1em}#deckbuildingrule .block ol li{font-size:16px;line-height:1.5;margin-left:1.2em;list-style-type:decimal}@media only screen and (max-width: 768px){#deckbuildingrule .block ol li{font-size:vw(20)}}#deckbuildingrule .block p{font-size:18px;margin-bottom:2em}@media only screen and (max-width: 768px){#deckbuildingrule .block p{font-size:vw(20)}}#deckbuildingrule .block p a{color:#887D54;cursor:pointer;transition:text-decoration 0.3s ease}#deckbuildingrule .block p a:hover{text-decoration:underline}.block h2:first-child{margin-top:0 !important}.rule-box p{margin-bottom:0 !important}
