@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;600;700;800&display=swap');

*,
*::before,
*::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
    margin: 0;
}

ul,
ol {
    padding: 0;
    list-style: none;
}

body {
    min-height: 100vh;
    scroll-behavior: smooth;
    text-rendering: optimizeSpeed;
    line-height: 1.75;
    background-color: #ffffff;
}

a {
    color: inherit;
    text-decoration: none;
}

img,
picture {
    max-width: 100%;
    display: block;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

input,
button,
textarea,
select {
    font: inherit;
}

button {
    border: none;
    background: none;
    outline: none;
}

@media (prefers-reduced-motion: reduce) {
    * {
        -webkit-animation-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important;
        -webkit-transition-duration: 0.01ms !important;
        -o-transition-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

body {
    font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "游ゴシック体", "YuGothic", "Yu Gothic Medium", "メイリオ", "Meiryo", "ＭＳ ゴシック", sans-serif;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-size: 16px;
    color: #232323;
}

@font-face {
    font-family: "Noto Sans JP";
    font-weight: 300;
    font-style: normal;
    src: local("Noto Sans JP");
}

b,
strong {
    font-weight: inherit;
    font-weight: bolder;
    font-weight: 600;
}

.brandSiteHeader {
    background-color: rgba(256, 256, 256, 1);
}

.mt5 {
    margin-top: 5px !important;
}

.pt5 {
    padding-top: 5px !important;
}

.mr5 {
    margin-right: 5px !important;
}

.pr5 {
    padding-right: 5px !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.pb5 {
    padding-bottom: 5px !important;
}

.ml5 {
    margin-left: 5px !important;
}

.pl5 {
    padding-left: 5px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.pr10 {
    padding-right: 10px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.pl10 {
    padding-left: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.pt15 {
    padding-top: 15px !important;
}

.mr15 {
    margin-right: 15px !important;
}

.pr15 {
    padding-right: 15px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.pb15 {
    padding-bottom: 15px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.pl15 {
    padding-left: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.pr20 {
    padding-right: 20px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.pl20 {
    padding-left: 20px !important;
}

.mt25 {
    margin-top: 25px !important;
}

.pt25 {
    padding-top: 25px !important;
}

.mr25 {
    margin-right: 25px !important;
}

.pr25 {
    padding-right: 25px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

.pb25 {
    padding-bottom: 25px !important;
}

.ml25 {
    margin-left: 25px !important;
}

.pl25 {
    padding-left: 25px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.pt30 {
    padding-top: 30px !important;
}

.mr30 {
    margin-right: 30px !important;
}

.pr30 {
    padding-right: 30px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.pb30 {
    padding-bottom: 30px !important;
}

.ml30 {
    margin-left: 30px !important;
}

.pl30 {
    padding-left: 30px !important;
}

.mt35 {
    margin-top: 35px !important;
}

.pt35 {
    padding-top: 35px !important;
}

.mr35 {
    margin-right: 35px !important;
}

.pr35 {
    padding-right: 35px !important;
}

.mb35 {
    margin-bottom: 35px !important;
}

.pb35 {
    padding-bottom: 35px !important;
}

.ml35 {
    margin-left: 35px !important;
}

.pl35 {
    padding-left: 35px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.pt40 {
    padding-top: 40px !important;
}

.mr40 {
    margin-right: 40px !important;
}

.pr40 {
    padding-right: 40px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.pb40 {
    padding-bottom: 40px !important;
}

.ml40 {
    margin-left: 40px !important;
}

.pl40 {
    padding-left: 40px !important;
}

.mt45 {
    margin-top: 45px !important;
}

.pt45 {
    padding-top: 45px !important;
}

.mr45 {
    margin-right: 45px !important;
}

.pr45 {
    padding-right: 45px !important;
}

.mb45 {
    margin-bottom: 45px !important;
}

.pb45 {
    padding-bottom: 45px !important;
}

.ml45 {
    margin-left: 45px !important;
}

.pl45 {
    padding-left: 45px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.pt50 {
    padding-top: 50px !important;
}

.mr50 {
    margin-right: 50px !important;
}

.pr50 {
    padding-right: 50px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.pb50 {
    padding-bottom: 50px !important;
}

.ml50 {
    margin-left: 50px !important;
}

.pl50 {
    padding-left: 50px !important;
}

.mt55 {
    margin-top: 55px !important;
}

.pt55 {
    padding-top: 55px !important;
}

.mr55 {
    margin-right: 55px !important;
}

.pr55 {
    padding-right: 55px !important;
}

.mb55 {
    margin-bottom: 55px !important;
}

.pb55 {
    padding-bottom: 55px !important;
}

.ml55 {
    margin-left: 55px !important;
}

.pl55 {
    padding-left: 55px !important;
}

.mt60 {
    margin-top: 60px !important;
}

.pt60 {
    padding-top: 60px !important;
}

.mr60 {
    margin-right: 60px !important;
}

.pr60 {
    padding-right: 60px !important;
}

.mb60 {
    margin-bottom: 60px !important;
}

.pb60 {
    padding-bottom: 60px !important;
}

.ml60 {
    margin-left: 60px !important;
}

.pl60 {
    padding-left: 60px !important;
}


.mt1L {
    margin-top: 1em;
}

.mb1L {
    margin-bottom: 1em;
}

.indent {
    padding-left: 1em;
    text-indent: -1em;
}

.text-red {
    color: #ff0000;
}