@charset "UTF-8"; 
*,
*::before,
*::after {box-sizing:border-box;}
* {margin:0; vertical-align:baseline; padding:0; font-style:inherit; font-family:inherit; font-weight:inherit; text-decoration:none; outline:0;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0; vertical-align:baseline; padding:0; font-size:100%; text-decoration:none;color:inherit; background:none; border:0; font:inherit; }
button {cursor:pointer;}
img {display:block; width:100%; height:auto;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
html {font-size:62.5%;}
body {line-height:1; line-height:1.5; --letter-spacing:.05em; font-size:1.6rem; font-family:"Noto Sans JP", sans-serif; font-weight:400;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; color:var(--text-color-black); overflow-y:auto; scrollbar-gutter:stable; overflow-x: clip;}
* {letter-spacing:var(--letter-spacing);}
.is-navi {overflow:hidden;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:""; content:none;}
table {border-collapse:collapse; border-spacing:0;}
::-moz-selection {color:var(--color-white-primary); background-color:var(--color-blue-primary);}
::selection {color:var(--primary-white); background-color:var(--primary-blue);}

:root {
    --primary-white: #ffffff;
    --primary-lightgray: #D9D9D9;
    --secondary-lightgray: #F9FBFC;
    --primary-black: #0E2216;
    --hover-black: #414b4a;
    --primary-gray: #748078;
    --secondary-gray: #D7DAD9;
    --tertiary-gray: #F6F8F4;
    --primary-orange: #F4A45C;
    --primary-blue: #2695C4;
    --primary-green: #5B9C34;
    --primary-red: #E20004;
    --deep: #183b2b;
    --line: rgba(23, 33, 27, .18);
    --primary-shadow: 0 4px 4px rgba(0,0,0,.15);
    --corner-radius-medium: 15px;
    --content-padding: 30px;
	--content-width:min(1440px,calc(100vw - var(--content-padding) * 2));
	--content-width-wide:min(1600px,calc(100vw - var(--content-padding) * 2));
	--content-width-narrow:min(1080px,calc(100vw - var(--content-padding) * 2));
}