@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');

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, font, img, 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 {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;
	font-size: 1em;
}
html {
	font-size: 62.5%;
	scroll-padding-top: 74px;
}
body, table, input, textarea, select, option {
  font-family: 'Noto Sans JP', sans-serif; 
} 
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}
img {
	vertical-align: top;
	max-width: 100%;
	height: auto;
}
a, a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	color: #000;
}
a:hover {
	color: #000;
}
a:active {
	color: #000;
}
body {
	color: #000;
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1.5;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
	-moz-font-feature-settings: "palt";
	font-feature-settings: "palt";
	background-color: #fff;
}
@media all and (max-width: 896px) {
	body {
		min-width: inherit;
	}
}
/* リンクテキストを青に */
.linkBlue a {
	color:#3366cc!important;
}
.linkBlue a:hover {
	color:#3366cc!important;
	text-decoration: underline;
}
/* responsive */
.pcOnly { display: block; }
.spOnly { display: none; }

@media (max-width: 767px) {
  .pcOnly { display: none; }
  .spOnly { display: block; }
}

/*------------------------------------------------------------
	headLine
------------------------------------------------------------*/
h1 {
	padding: 60px 0 80px;
	position: relative;
	text-align: center;
	font-weight: 500;
	font-size: 3.0rem;
	line-height: 1.65;
	letter-spacing: 0.03em;
	font-family: "Noto Sans JP";
	color: #152f5a;
}
h2 {
	position: relative;
    padding-bottom: 20px;
	font-size: 2.2rem;
	font-weight: 500;
	line-height: 1.38;
	letter-spacing: 0.03em;
	font-family: "Noto Sans JP";
	color: #000;
}
h3 {
	position: relative;
	padding: 30px 0 5px;
    margin-bottom: 20px;
	font-size: 2.0rem;
	font-weight: 500;
	line-height: 1.38;
	letter-spacing: 0.05em;
	font-family: "Noto Sans JP";
	color: #333;
    border-bottom: solid 1px;
}
h4 {
	position: relative;
    padding-bottom: 5px;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.38;
	letter-spacing: 0.05em;
	font-family: "Noto Sans JP";
	color: #000;
}
    
@media all and (max-width: 896px) {
    h1 {
		padding: 36px 0;
		font-size: 2.2rem;
		line-height: 1.6;
    }
    h2 {
		margin-bottom: 7px;
		padding-bottom: 13px;
		font-size: 1.6rem;
		line-height: 1.375;
    }
    h3 {
        padding: 30px 0 5px;
		font-size: 1.6rem;
		line-height: 1.6;
	}
    h4 {
		font-size: 1.5rem;
		line-height: 1.5;
    }
    
}

/*------------------------------------------------------------
	CONTENT
------------------------------------------------------------*/
.content {
	margin: 0 auto;
	width: 980px;
	color: #333;
}
@media all and (max-width: 896px) {
	.content {
		margin: 20px;
		width: auto;
	}
}
p {
	margin-bottom: 22px;
	line-height: 1.85;
	letter-spacing: 0.05em;
}
p.back {
    margin: 100px 0 120px;
}
p.back a:hover {
	color: #ef0041;
	text-decoration: underline;
}
@media all and (max-width: 896px) {
p.back {
    margin: 40px 0 60px;
}
}
/*------------------------------------------------------------
	LIST
------------------------------------------------------------*/
ul {
	margin-left: 20px;
}
li {
	list-style: disc !important;
    margin: 0 0 5px;
	line-height: 1.85;
	letter-spacing: 0.05em;
}
/*------------------------------------------------------------
	BUTTON
------------------------------------------------------------*/
.fBtn {
	margin: 32px 1.5em 54px 0;
	width: 400px;
}
.fBtn a {
	display: block;
	text-align: center;
	background: #152f5a;
}
.fBtn a span {
	padding: 16px 1.0em 14px 0;
	display: inline-block;
	color: #fff;
    font-size: 1.4rem;
	font-weight: 400;
	font-family: 'Noto Sans Medium',sans-serif;
	letter-spacing: 0.2em;
}
@media all and (max-width: 896px) {
    .fBtn {
	margin-bottom: 32px;
	width: 100%;
    }
}
    @media all and (min-width: 897px) {
	.fBtn a:hover {
		background: rgba(229, 0, 18, 0.7);
	}
}