@charset "utf-8";

html{webkit-text-size-adjust:100%}
*,::before,::after{box-sizing:border-box}
body,h1,h2,h3,h4,p,ul,ol,li,figure,figcaption,blockquote,dl,dd{margin:0}
ul,ol{list-style:none;padding:0;}
a{color:inherit;text-decoration:inherit;text-decoration-skip-ink:auto}
img,svg,video,iframe{vertical-align:middle}
img,video,iframe{max-width:100%}
input,button,textarea,select{background-color:transparent;border-style:none;color:inherit;font:inherit}
input:focus,select:focus,textarea:focus{outline-color:#86c0de}
textarea{resize:vertical}
@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}
[type=reset],[type=submit],[type=button],button{-webkit-appearance:button}
::-moz-selection{background-color:#86c0de;color:#fff;text-shadow:none}
::selection{background-color:#86c0de;color:#fff;text-shadow:none}

:root {
	--c-co:     #86c0de;
	--c-black:  #221815;
	--c-white:  #f6f5f4;
	--c-bg:     #7a519e;
	--c-ground: #121c3d;
	--c-sunrise: linear-gradient(to top, #3270b2, #eac816);
	--c-morning: linear-gradient(to top, #89caab, #4358a2 80%, #4358a2);
	--c-evening: linear-gradient(to top, #ebaa80, #ebaa80 20%, #db7991);
	--c-twilight: linear-gradient(to top, #6e3d90, #b96294);
	--c-night: linear-gradient(to top, #862a86, #4e2658 20%, #121c3d);
	--c-fog: linear-gradient(to top, #d9ebe8, #bfccc7 80%, #bfccc7);
	--easeIn: cubic-bezier(.36,0,.7,0);
	--easeOut: cubic-bezier(.3,.96,.6,1);
	--easeInOut: cubic-bezier(.62,0,.24,1);
	--easeBack: cubic-bezier(.2,1,.5,1.3);
	--c-meta:   #e44537;
	--c-script: #f8ca0f;
	--c-span:   #e5609c;
	--c-style:  #ec6e01;
	--c-div:    #9ac009;
	--c-em:     #d20b05;
	--c-strong: #5ca6e3;
	--c-nav:    #fad900;
	--c-dl:     #d10842;
	--c-input:  #58b564;
	--mv-beat: .96s;
}

body {
	color: var(--c-black);
	font-size: 1em;
	line-height: 1.7;
	font-family: "FOT-筑紫A丸ゴシック Std M", sans-serif;
	font-feature-settings: "palt";
	background: var(--c-white);
}
body * {
	letter-spacing: .05em;
}

.visually-hidden,
.dummy-txt-for-webfonts {
	position: absolute;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	visibility: hidden;
}
svg.co {
	fill: none;
	stroke: currentcolor;
	stroke-width: 5;
	stroke-linecap: round;
}