@charset "UTF-8";
html , body , div , applet , object , iframe ,
h1 , h2 , h3 , h4 , h5 , h6 , p , blockquote , pre ,
a , abbr , acronym , address , big , cite , code ,
del , dfn , em , 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 ,
article , aside , canvas , details , embed ,
figure , figcaption , footer , header , hgroup,
menu , nav , output , ruby , section , summary ,
time , mark , audio , video {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: "noto-sans-cjk-jp", sans-serif;
	line-height: 1.6;
	font-weight: 500;
	color: #333333;
	font-size: 16px;
}
@media screen and (min-width:768px) {
	h1 {
		font-size: 3rem;
		font-weight: 700;
	}
	.feature_box_title .title p {
		font-size: 3.375rem;
		font-weight: 700;
	}
	h2 {
		font-size: 3rem;
		font-weight: 700;
		line-height: 1;
	}
	section.news .content h1 {
		font-size: 3rem;
		font-weight: 700;
	}
	.banner_box h2 {
		font-size: 2.125rem;
		font-weight: 700;
		line-height: 1;
	}
	section .blog_detail h2 {
		font-size: 2rem;
		font-weight: 700;
		line-height: 1.6;
	}
	section .blog_detail h3 {
		font-size: 1.5rem;
		font-weight: 700;
		line-height: 1.8;
	}
	h3 {
		font-size: 2rem;
		font-weight: 700;
		line-height: 1.8;
	}
	p.fv_catch_txt {
		font-size: 1.625rem;
		font-weight: 700;
		line-height: 2;
	}
	p.more_size,
	p.more_size a {
		font-size: 1.5rem;
		font-weight: 700;
	}
	p.number,
	p span.number {
		font-size: 1.375rem;
		font-weight: 700;
	}
	.feature_box_title h3,
	ul.check li {
		font-size: 1.25rem;
		font-weight: 700;
	}
	h2 span,
	ul.disc li,
	section.news .content h1 span {
		font-size: 1.125rem;
		font-weight: 700;
		display: block;
	}
	.three_col.flow p,
	p.introduce_txt,
	.single_page .blog_info p.date {
		font-size: 1.125rem;
	}
	footer .links ul li,
	footer .links ul li a {
		font-size: .875rem;
	}
}
@media screen and (max-width:767px) {
	h1 {
		font-size: 1.5rem;
		font-weight: 700;
	}
	.feature_box_title .title p {
		font-size: 3rem;
        font-weight: 700;
        line-height: 1.5;
	}
	h2 {
		font-size: 1.75rem;
		font-weight: 700;
		line-height: 1;
	}
	.single_page section.news .content h1 {
		font-size: 2rem;
		font-weight: 700;
	}
	section.news .content h1 {
		font-size: 1.75rem;
		font-weight: 700;
	}
	.banner_box h2 {
		font-size: 2.125rem;
		font-weight: 700;
		line-height: 1;
	}
	section .blog_detail h2 {
		font-size: 1.5rem;
		font-weight: 700;
		line-height: 1.6;
	}
	section .blog_detail h3 {
		font-size: 1.125rem;
		font-weight: 700;
		line-height: 1.8;
	}
	.banner_section h2 {
		font-size: 2rem;
	}
	h3 {
		font-size: 1.3125rem;
		font-weight: 700;
		line-height: 1.8;
	}
	p.fv_catch_txt {
		font-size: 1rem;
		font-weight: 700;
		line-height: 2;
	}
	p.more_size,
	p.more_size a {
		font-size: 1.125rem;
		font-weight: 700;
	}
	p.number,
	p span.number {
		font-size: 1.375rem;
		font-weight: 700;
	}
	.feature_box_title h3 {
		font-size: 1.25rem;
		font-weight: 700;
	}
	h2 span,
	section.news .content h1 span {
		font-size: 1.125rem;
		font-weight: 700;
		line-height: 1;
		display: block;
	}
	.single_page .blog_info p.date {
		font-size: 0.9375rem;
		font-weight: 700;
		line-height: 1;
		display: block;
	}
	ul.disc li,
	ul.check li {
		font-size: 1.125rem;
		font-weight: 700;
		display: block;
		letter-spacing: 1.6px;
	}
	.three_col.flow p,
	p.introduce_txt {
		font-size: 1.125rem;
	}
	p {
		line-height: 2.1;
		font-size: 15px;
	}
	section.banner_section h2 span {
		font-size: 0.9375rem;
	}
	.banner_box .title p {
		font-size: 0.8125rem;
	}
	footer .links ul li,
	footer .links ul li a {
		font-size: .75rem;
	}
}
.banner_box h2 span {
	font-size: 1rem;
}
.blog_info p.date {
	font-size: .8125rem;
}
footer .copyright {
	font-size: .75rem;
}

/* HTML5 display-role reset for older browsers */
article , aside , details, figcaption , figure ,
footer , header , hgroup , menu , nav , section {
	display: block;
}
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;
}
img {
	vertical-align: bottom;
}
a {
	text-decoration: none;
	font-weight: bold;
	transition: .3s ease;
}