@charset "utf-8";
/* ------ Settings ------ */
:root {
--base-color: 198 100% 32%; /* 藍 */
--base-pale-color: 198 100% 37%;
--base-light-color: 198 100% 27%;
--base-dark-color: 198 100% 17%;
--seigaiha: url(/img/seigaiha-policy.webp); /* policy */
}
/* -------------------- ★ Main ★ -------------------- */
/* -------------------- ★ Tips ★ -------------------- */
.tips:first-of-type {
margin-top: 0;
margin-bottom: 60px;
}
.tips p img{
border-radius: 8px;
}
/* ------ banner-box ------ */
.banner{
margin-top: 60px;
margin-bottom: 60px;
font-size: clamp(16px, calc(16px + ((100vw - 360px) * (1 / 420))), 18px);
}
.banner h2 img{
width: 100%;
height:auto;
aspect-ratio: 960 / 150;
border-radius: 8px;
}
.banner p{
margin: 2em 2em 0 2em;
}
.banner h3{
margin-top: 60px;
padding: 5px 0 5px 12px;
font-size: 20px;
color: #f3f3f2; /* 白練 */
background-image: url(/img/seigaiha-policy.webp);
border-radius: 8px 8px 0 0;
}
.banner h3::before{
margin-right: 3px;
font-family: 'icomoon';
content: "\e91a";
}
.banner-box{
padding: 10px 10px;
border-left: solid 2px #eee;
border-right: solid 2px #eee;
border-bottom: solid 2px #eee;
border-radius: 0 0 8px 8px;
}
.banner-box h4{
margin: 20px 0px;
}
.banner-box img{
max-width: 100%;
height: auto;
}
.banner-box p{
margin: 10px 0px 20px 0px;
padding: 6px;
border: 1px #c0c0c0 solid;
height: 5em;
overflow-y: scroll;
}
/* -------------------- ★★★★★ 768 ★★★★★ -------------------- */
/* -------------------- ★★★★★ 1024 ★★★★★ -------------------- */
/* -------------------- ★★★★★ 1200 ★★★★★ -------------------- */