@charset "UTF-8";
html { font-size: 100%; overflow-x: hidden; }

img { max-width: 100%; height: auto; }

body { font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; overflow-x: hidden; }

a { opacity: 1; transition: all 0.5s; }

a:hover, a:focus { opacity: 0.7; transition: all 0.5s; }

.inner { margin: 0 auto; padding: 0 5%; max-width: 95%; }

@media (max-width: 500px) { .inner { width: 95%; } }

.main { position: relative; padding: 220px 0 0; background: url(../../../assets/images/main_bg.svg) no-repeat center/cover; }

@media (min-width: 1441px) { .main { padding: 300px 0 0; } }

@media (max-width: 500px) { .main { background: url(../../../assets/images/main_bg.svg) no-repeat 10% 40%/cover; padding: 20px 0 0; z-index: 0; } }

.sec-ttl { display: block; margin: 0 auto; padding: 21px 0; width: 500px; background: url(../../../assets/images/webp/sec-ttl_bg.webp) no-repeat center/cover; font-weight: bold; font-style: italic; font-size: 2rem; text-align: center; color: #fff; }

@media (min-width: 1441px) { .sec-ttl { padding: 29px 0; width: 780px; font-size: 56px; } }

@media (max-width: 500px) { .sec-ttl { position: relative; padding: 11.4px 0; width: 320px; font-size: 24px; z-index: 4; } }

.sec-ttl-left { margin: 0 30px 0 0; }

@media (min-width: 1441px) { .sec-ttl-left { margin: 0 50px 0 0; } }

@media (max-width: 500px) { .sec-ttl-left { margin: 0 20px 0 0; } }

.sec-ttl-right { margin: 0 0 0 30px; }

@media (min-width: 1441px) { .sec-ttl-right { margin: 0 0 0 50px; } }

@media (max-width: 500px) { .sec-ttl-right { margin: 0 0 0 20px; } }

.pc-only { display: block; }

@media (max-width: 500px) { .pc-only { display: none; } }

.sp-only { display: none; }

@media (max-width: 500px) { .sp-only { display: block; } }