@charset "utf-8";
/* CSS Document */


html{
    font-size: 62.5%;
}
body{
    color: #121212;
    font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 1.4rem;
    line-height: 1.6;
    -webkit-text-size-adjust: 100%;
}
.inner {
    padding-left: 20px;
    padding-right: 20px;
}
input[type="submit"]{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
a {
    display: block;
    color: inherit;	
    text-decoration: none;
    transition: all ease .3s;
}
a[href^="tel:"] {
    color: inherit;
}
a:hover {
    opacity: 0.5;
}
section p a,
section ol.decimal a,
section ul.disc a,
table a,
section dl a{
    display: inline;
    text-decoration: underline;
}
.youtube{
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
.youtube iframe{
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
.spNone{
    display: none !important;
}
header{
    padding-top: 24px;
    padding-bottom: 24px;
}
h1{
    max-width: 196px;
    text-align: center;
    margin: 0 auto;
}
h2{
    color: #171717;
    font-size: 140%;
    font-weight: 800;
    text-align: center;
}
.marker{
    display: inline-block;
    background: linear-gradient(transparent 10%, #e9e8e6 10%);
}

#infoWrap{
    margin-bottom: 48px;
    padding: 28px 20px;
    border: solid 6px #e9e8e6;
}
#infoWrap>*:last-child{
    margin-bottom: 0 !important;
}
#infoWrap h3{
    color: #e84e4e;
    font-size: 140%;
    font-weight: 800;
    line-height: 1.6;
    margin-bottom: 1em;
}
#infoWrap p{
    font-size: 100%;
    line-height: 1.7;
    text-align: justify;
    margin-bottom: 1.5em;
}
#infoWrap dl{
    display: flex;
    flex-wrap: wrap;
    gap: 1em 1em;
    margin-bottom: 1.5em;
}
#infoWrap dl dt,
#infoWrap dl dd{
    font-size: 100%;
    line-height: 1.7;
}
#infoWrap dl dt{
    width: 120px;
    font-weight: 800;
}
#infoWrap dl dd{
    width: calc(100% - 120px - 1em);
}

#copyright{
    padding-top: 40px;
    padding-bottom: 40px;
}
#copyright>*{
    font-size: 100%;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-align: center;
}

/* ----- footer ----- */

#pagetop{
    position: fixed;
    right: 12px;
    bottom: 80px;
}
#pagetop a{
    display: block;
    width: 40px;
    height: 20px;
    text-indent: -9999px;
    background: url(../images/common/pagetop.png) no-repeat center center;
    background-size: contain;
}