@charset "UTF-8";

:root {
	--c-nttblue: #0072BC;
	--c-skyblue: #E7F2FC;
	--c-orange: #DB3D23;
	--c-yellow: #FAC452;
	--c-red: #E72929;
	--c-white: #FFF;
	--c-gray: #AAA;
	--c-lightblue: #F5F7FA;
	--c-darkblue: #004877;
	--c-nttblack: #1A1311;
	--c-black: #000;
	--c-myblue: #0137CD;
	--c-myorange: #F24E07;

	--c-nttblue-dark: #005B97;
	--c-orange-dark: #C8260B;
	--c-orange-darker: #B93D0C;
	--c-yellow-dark: #F4A706;
	--c-red-dark: #DE0239;

	--c-gray-dark: #666;
	--c-gray-mid: #5D606F;
	--c-gray-light: #CCC;
	--c-gray-line: #DCDCDC;
	--c-gray-bg: #F2F2F2;

	--c-skyblue-dark: #BBD8F2;
	--c-skyblue-light: #F1F8FF;
	--c-lightblue-dark: #BCCDDC;
	--c-lightblue-alt: #F5F6F9;

	--fs9: calc(9 / 16 * 1rem);
	--fs10: calc(10 / 16 * 1rem);
	--fs11: calc(11 / 16 * 1rem);
	--fs12: calc(12 / 16 * 1rem);
	--fs13: calc(13 / 16 * 1rem);
	--fs14: calc(14 / 16 * 1rem);
	--fs15: calc(15 / 16 * 1rem);
	--fs16: 1rem;
	--fs17: calc(17 / 16 * 1rem);
	--fs18: calc(18 / 16 * 1rem);
	--fs19: calc(19 / 16 * 1rem);
	--fs20: calc(20 / 16 * 1rem);
	--fs21: calc(21 / 16 * 1rem);
	--fs22: calc(22 / 16 * 1rem);
	--fs23: calc(23 / 16 * 1rem);
	--fs24: calc(24 / 16 * 1rem);
	--fs25: calc(25 / 16 * 1rem);
	--fs26: calc(26 / 16 * 1rem);
	--fs27: calc(27 / 16 * 1rem);
	--fs28: calc(28 / 16 * 1rem);
	--fs29: calc(29 / 16 * 1rem);
	--fs30: calc(30 / 16 * 1rem);
	--fs31: calc(31 / 16 * 1rem);
	--fs32: calc(32 / 16 * 1rem);
	--fs33: calc(33 / 16 * 1rem);
	--fs34: calc(34 / 16 * 1rem);
	--fs35: calc(35 / 16 * 1rem);
	--fs36: calc(36 / 16 * 1rem);
	--fs37: calc(37 / 16 * 1rem);
	--fs38: calc(38 / 16 * 1rem);
	--fs39: calc(39 / 16 * 1rem);
	--fs40: calc(40 / 16 * 1rem);
	--fs43: calc(43 / 16 * 1rem);
	--fs48: calc(48 / 16 * 1rem);
}

/*-------------------------------------------------------
MARK: - normalize
-------------------------------------------------------*/

html.u-smooth-scroll :target {
	scroll-margin-top: 80px;
}

body {
	font-feature-settings: "palt";
}

button {
	font: inherit;
	border: none;
	cursor: pointer;
	padding: 0;
	background: transparent;
}

@media (max-width: 1079px) {
	html.u-smooth-scroll :target {
		scroll-margin-top: 60px;
	}
}

@media (max-width: 991px) {
	p {
		font-size: var(--fs15);
	}
}

/*-------------------------------------------------------
MARK: - override blockskip
-------------------------------------------------------*/

#common-blockskip a:focus {
	height: auto;
	margin-top: 0;
	padding: 5px 0 6px;
	color: #fff;
	line-height: 1;
	cursor: pointer;
}

/*-------------------------------------------------------
MARK: - override
-------------------------------------------------------*/

body.cmn2 a:hover,
body.cmn2 a {
    color: var(--c-myblue);
}

@media (max-width: 1079px) {
    .l-header-nav[aria-hidden="true"] {
		visibility: hidden;
		transition: right .3s ease, visibility .3s step-end;
	}
}