pre {
    font-family: 'Noto Sans JP', sans-serif;
    font-size:16px;
}

section {
    margin-bottom:2rem;
}

/* content container */
.wrap{
    max-width: 1024px;
    margin:0 auto;
}

/* spacing */
.mt-0 {
    margin-top:0;
}
.mb-0 {
    margin-bottom:0;
}

.mt-2 {
    margin-top:2.0rem;
}

.pt-1 {
    padding-top: 1rem;
}

.pt-2 {
    padding-top: 2rem;
}

.w-100 {
    width:100%;
}

/* position relative にしたい要素*/
.relative {
    position: relative
}

/* position absolute で上下中央寄せ */
.absolute-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform:translate(-50%,-50%);
    padding: 0;
    margin : 0;
}

.absolute-top-left {
    position: absolute;
    top:0;
    left:0;
}

.absolute-bottom-right {
    position: absolute;
    bottom:0;
    right:0;
}

/* サイトカラー・ホワイト */
.text-white {
    color: #FFF;
}

/* サイトカラー・ゴールド */
.text-gold {
    color:#A18243;
}
.bg-gold {
    background-color: #A18243;
}

/* サイトカラー・グレイ */
.bg-gray {
    background-color: #F0F2F5;
}
.text-gray{
    color: #72777D;
}


/* テキストの整列 */
.align-right {
    text-align: right;
}
.align-center {
    text-align: center;
}



.no-decorate {
    text-decoration: none;
}


.unvisible {
    visibility: hidden;
}
.lh-220{
    line-height: 220% !important;
}



/*オーバーレイをかけたい要素に加える*/
.overlay {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgb(0,0,0,0.5)
}

a.button {
    display:inline-block;
    padding:0.3rem 1.0rem;
    line-height: 2.0rem;
    text-align: center;
}

/* パンくず*/
.home{
    color: #000;
    text-decoration: none;
}
div.caption:has( span[property='itemListElement'] ) {
	padding-top: 1rem;
}



@media screen and (min-width: 769px){
    .sp-display {
        display: none !important;
        height: 180px;

    }
}
@media screen and (max-width: 768px){
    section, main {
        padding:0 20px;
    }
    .pc-display {
        display:none !important;
    }
    body{
        padding-top: 57px;
    }
    .pad-0{
        padding: 0 !important;
    }
    div.caption:has( span[property='itemListElement'] ) {
        padding-left: 20px;
        margin-bottom:42px;
    }

}

/*フォント定義*/
.heading1{
    font-size: 40px;
    line-height: 140%;
}
.heading2{
    font-size: 36px;
    line-height: 140%;
}
.heading3{
    font-size: 28px;
    line-height: 140%;
}
.heading4{
    font-size: 22px;
    line-height: 140%;
}
.heading5{
    font-size: 18px;
    line-height: 140%;
}
.body_large_bold{
    font-size: 18px;
    line-height: 180%;
}
.body_defult{
    font-size: 16px;
    line-height: 180%;
}
.body_small{
    font-size: 14px;
    line-height: 180%;
}
.caption{
    font-size: 12px;
    line-height: 140%;
}
.caption-small{
    font-size: 10px;
}
.bold{
    font-weight: 700;
}
@media screen and (min-width: 769px) {
    .heading1-pc{
        font-size: 40px;
        line-height: 140%;
    }
    .heading2-pc{
        font-size: 36px;
        line-height: 140%;
    }
    .heading3-pc{
        font-size: 28px;
        line-height: 140%;
    }
    .heading4-pc{
        font-size: 22px;
        line-height: 140%;
    }
    .heading5-pc{
        font-size: 18px;
        line-height: 140%;
    }
    .body_defult-pc{
        font-size: 16px;
        line-height: 180%;
    }
    .body_small-pc{
        font-size: 14px;
        line-height: 180%;
    }
    .caption-pc{
        font-size: 12px;
        line-height: 140%;
    }
}
@media screen and (max-width: 768px){
    .heading1{
        font-size: 36px;
        line-height: 140%;
    }
    .heading2{
        font-size: 32px;
        line-height: 140%;
    }
    .heading3{
        font-size: 26px;
        line-height: 140%;
    }
    
    .heading1-sp{
        font-size: 36px;
        line-height: 140%;
    }
    .heading2-sp{
        font-size: 32px;
        line-height: 140%;
    }
    .heading3-sp{
        font-size: 26px;
        line-height: 140%;
    }
    .heading4-sp{
        font-size: 22px;
        line-height: 140%;
    }
    .heading5-sp{
        font-size: 18px;
        line-height: 140%;
    }
    .siz-28{
        font-size: 28px;
    }
    .siz-24{
        font-size: 24px;
    }
    .siz-20{
        font-size: 20px;
    }
    .body_defult-sp{
        font-size: 16px;
        line-height: 180%;
    }
    .body_small-sp{
        font-size: 14px;
        line-height: 180%;
    }
    .caption-sp{
        font-size: 12px;
        line-height: 140%;
    }
}