@charset "UTF-8";
/*** reset ***/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ul, ol { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; cursor:pointer; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }
figure img { vertical-align:bottom; }
* { box-sizing: border-box; }
html { font-size: 62.5%; }
body { width: 100%; -webkit-text-size-adjust: 100%; width: 100%; }

/*** common ***/
body { color:#333; font-size: clamp(1.4rem, 1.3vw, 1.6rem); line-height:1.65; background: #FFF; scroll-behavior: smooth;}
a { text-decoration: none; outline: none; color:#36404A; transition: all 0.4s;}
a:hover { color: #1169AC; transition: all 0.4s;}
*:hover { transition: all 0.4s;}
figure img, div img {max-width: 100%; vertical-align: bottom;}
.brPC { display:block!important; }
.brSP { display:none!important; }
@media screen and (max-width: 1080px) {
    .brPC { display:none!important; }
    .brSP { display:block;!important; }
}

/*** font ***/
body { font-weight: 400; font-style: normal;}
h1 { font-size:3.2rem; font-weight:400; }
h2 { font-size:3rem; font-weight:600; }
h3 { font-size:2.6rem; font-weight:400; }

@media screen and (max-width: 1280px) {
    h1 { font-size:3rem; }
    h2 { font-size:2.4rem; }
    h3 { font-size:2rem; }
}
@media screen and (max-width: 1080px) {
    h1 { font-size:2.8rem; }
    h2 { font-size:2.2rem; }
    h3 { font-size:1.8rem; }
}
@media screen and (max-width: 820px) {
    h1 { font-size:2.6rem; }
    h2 { font-size:2rem; }
    h3 { font-size:1.6rem; }
}

/* button */
.primary { padding:6px 20px; color:#FFF; background:#F05064; border:1px solid #F05064; display:flex; justify-content: center; max-width: 400px; min-width: 180px; box-shadow: 0 0 15px rgba(0,0,0,0.08);}
.primary:hover { border: 1px solid #F05064; color: #fff;}
.secondary { padding:6px 20px; color:#F05064; background:#FFF; border:1px solid #F05064; display:flex; justify-content: center; max-width: 400px; min-width: 180px;}
.secondary:hover {  border: 1px solid #F05064; color: #F05064;}
.cta-wrap {display: flex; gap: 0 40px; padding: 40px 0; align-items: center; justify-content: center;}
.text-link { color:#009dad; position:relative; }
.text-link:after { content: url('https://service.aainc.co.jp/hubfs/kaname/brand/202505/icon_chevron_rigth.svg'); position: absolute; right: -20px; top:50%; margin-top: -10px; display: inline-block; width: 20px; height: 20px;background-position: center;background-size: contain;}