@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@500&family=Zen+Kaku+Gothic+New:wght@500;700&family=Zen+Old+Mincho:wght@500&display=swap');

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote,
pre,abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size: 1px;
vertical-align:baseline;
background:transparent;
}

html { /* 追加 */
/* font-size: 62.5%; 10rem相当 */
height: 100%;
min-height: 100%;
-ms-overflow-style:none;
font-size: calc( 1vw/ ( 1366/ 100));
scroll-behavior: smooth;
}
body { /* 追加 */
background: #fff;
color: var(--font-color);
font-family: YakuHanJP, "Zen Kaku Gothic New", sans-serif;
font-size: 14rem;
font-weight: 500;
letter-spacing: .0;
line-height: 1.8;
/* min-width: 1000rem; */
position: relative;
font-feature-settings: 'palt' 1;
-webkit-text-size-adjust: 100%;
}
body { /* 追加 */
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
h2 {
    font-weight: 500;
    line-height: 1;
    font-size: 18rem;
    font-family: var(--font-en);
}
p,
li,
dd,
td { /* 追加 */
    text-align: justify;
    text-justify: inter-ideograph;
    line-height: 1;
    font-size: 14rem;
}
p {
    line-height: 2;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}
ul,
li {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
text-decoration: none;
background:transparent;
color:var(--font-color);
}
.clearfix::after {
content:"";
display: block;
clear: both;
font-size: 0;
}
ins {
background-color:#ff9;
color:#33221A;
text-decoration:none;
}
mark {
background-color:#ff9;
color:#33221A;
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1rem dotted;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
}
hr {
display:block;
height:1rem;
border:0;
border-top:1rem solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}
img {
Width:100%;
}
*,*::after,*::before{
Box-sizing:border-box;
}

/* テキストハイライト */
*::selection {
    background: rgba(170, 170, 170, .7);
}
*::-moz-selection {
    background: rgba(170, 170, 170, .7);
}

:root {
    /* Colors: */
    --font-color: #D08E71;
    --bg-color-main: #fff;
    --bg-color-sub: #F9F5F2;
    --bg-color-att: #9B9A99;

    /* font-family */
    --font-en: YakuHanJP, "Libre Baskerville", sans-serif;
    --font-min: YakuHanMP, "Zen Old Mincho", "Yu Mincho", YuMincho, serif;

    /* font-size */
    --fs10: 10rem;
    --fs11: 11rem;
    --fs12: 12rem;
    --fs14: 14rem;
    --fs16: 16rem;
    --fs18: 18rem;
}