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



@font-face{
    font-family: 'Heading-Text-Font-RodinCattleya';
    src:url("https://mmark.co.jp/media/publicresources/fonts/FOT-RodinCattleyaPro-L.otf") format("opentype");
    font-display: swap; 
    font-weight: normal;
}
@font-face{
    font-family: 'Body-Text-NotoSans';
    src:url("https://mmark.co.jp/media/publicresources/fonts/NotoSansJP-Regular.otf") format("opentype");
    font-weight:normal;
    font-display: swap; 
}
@font-face{
    font-family: 'Body-Text-NotoSans';
    src:url("https://mmark.co.jp/media/publicresources/fonts/NotoSansJP-Bold.otf") format("opentype");
    font-weight:bold;
    font-display: swap; 
}
@font-face {
    font-family: helvetica;
    unicode-range: U+0041-007A;
    src: url("https://mmark.co.jp/media/publicresources/fonts/Helvetica.ttc") format("opentype");
    font-weight: normal;
    font-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 {
    font-feature-settings: "palt" 1;
    margin:0;
    padding:0;
    border:0;
    color: #3f3b3a;
    font-size: 16px;
    font-family: '繝偵Λ繧ｮ繝手ｧ偵ざ繧ｷ繝�け Pro', 'Hiragino Kaku Gothic Pro' , 貂ｸ繧ｴ繧ｷ繝�け菴�, 'Yu Gothic', YuGothic, 繝｡繧､繝ｪ繧ｪ, Meiryo, Osaka, '�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け', 'MS PGothic', sans-serif
}
html{
    scroll-behavior: smooth;
}
html,body{
    height: 100%;
}

h1{
    font-size: 38px;
	margin: 30px;
	text-align: center;
}
h2{
    font-size: 28px;
}
h3{
    font-size: 20px;
}
h1,h2,h3,h4{
    font-family: 'Heading-Text-Font-RodinCattleya';
    line-height: 1.75em;
    font-weight: normal;
    font-feature-settings: "palt" 1;
}

body,ul,ol,li,a,table,tr,td,th,p,span,dl,dd,dt,footer{
    font-family: helvetica,'Body-Text-NotoSans';
    font-weight: normal;
    line-height: 1.75em;
    color: #3f3b3a;
    font-feature-settings: "palt" 1;
}
small , small a , small p , small div *{
    font-size: 0.8em;
    font-family: helvetica,'Body-Text-NotoSans';
    font-weight: normal;
    line-height: 1.75em;
    font-feature-settings: "palt" 1;
}

a{
    transition: .2s;
}
a:hover{
    color: #E5783F !important;
}

.rodin{
    font-family: 'Heading-Text-Font-RodinCattleya';
}

.notosans{
    font-family: 'Body-Text-NotoSans';
}