@charset "UTF-8";
html{
    scroll-behavior: smooth;
}
*{
    box-sizing: border-box; /* 余白や線を幅や高さに含める */
}

body{
    font-family:"M PLUS 1p", sans-serif;
    margin:0px;
}

/* 画面サイズ対応 */
@media screen and (max-width: 480px) {
	/* スマホ */
    .fontsizeLarge{
        font-size: 30pt;
    }
    .fontsizeMedium{
        font-size: 20pt;
    }
    .fontsizeHeader{
        font-size: 13pt;
    }
    .fontsizeSmall{
        font-size: 7pt;
    }
}
@media screen and (min-width: 480px) and (max-width: 768px) {
	/* タブレット */
    .fontsizeLarge{
        font-size: 45pt;
    }
    .fontsizeMedium{
        font-size: 30pt;
    }
    .fontsizeHeader{
        font-size: 20pt;
    }
    .fontsizeSmall{
        font-size: 11pt;
    }
}
@media screen and (min-width: 768px) {
	/* PC */
    .fontsizeLarge{
        font-size: 60pt;
    }
    .fontsizeMedium{
        font-size: 40pt;
    }
    .fontsizeHeader{
        font-size: 20pt;
    }
    .fontsizeSmall{
        font-size: 18.5pt;
    }
}

.header{
    position: fixed;        /* 位置を固定する */
    top: 0;                 /* 固定する位置を指定 */
    left: 0;                /* 固定する位置を指定 */
    width: 100%;            /* ヘッダーの幅 */
    height: 100px;          /* ヘッダーの高さ */
    background-color: rgb(226,144,71);    /* 背景色 */
    padding: 0 2%;          /* 左右に2%の余白 */
    display:flex;           /* ロゴとulを横に並べる */
    justify-content:space-between;  /* imgとulの要素を両端に配置する */
    align-items: center;
    z-index: 10;
    padding: 10px 10px;
}
/* ヘッダーのページ内リンク用 */
.header.scroll-nav ul li a{
    color:white;
}
#meltimage{
    max-height:none;
    max-width:none;
    position:fixed;
    right:0px;
    top:98px;
}
.header_item{
    list-style:none;    /* 項目の頭につく・を消す */
    padding-right:1rem;
    padding-left:5rem;
    font-weight:bold;
}
.headerLink{
    color:white;
    text-decoration:none;
}
.headerLink:hover{
    opacity:0.5;
}

/* 見出し */
.Caption{
    font-weight:bold;
    margin:0px;
}

/* 灰色の下敷き位置制御 */
.UnderlayPosControll{
    text-align:center;
    margin-bottom:40px;
    margin-left:3rem;
    margin-right:3rem;
}
/* 灰色の下敷き */
.UnderlayGray{
    margin:auto;
    padding:1rem;
    max-width:1000px;
    max-height:400px;
    border-radius:20px;
    background-color:rgb(241, 239, 236);
}

/* ボタン制御 */
.ButtonSizeControll{
    width:50%;      /* 下敷きに対してどの程度の大きさにするか */
    margin:0 auto;  /* 中央に */
}
.ButtonLayout{
    cursor:pointer;
    border:0px;
    border-radius:5px;
    background-color:rgb(226,144,71);
    color:white;
    width:100%;
}


/* フッター */
footer{
    background-color:rgb(74,54,36);
    text-align:center;
    padding-top:10px;
    padding-bottom:30px;
    color:white;
}
.CorporateInfo{
    padding:0 2rem;
    text-wrap:nowrap;
}