@charset "utf-8";

/* ========================================================
	base.css => 共通基本CSS
======================================================== */

/* reset
============================================================================================================ */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}
table {
	font-size: 100%;
	font-family: inherit;
}
fieldset,
img {
	border: 0;
}
img {
	vertical-align: middle;
}
address,
caption,
cite,
code,
dfn,
em,
th,
var {
	font-style: normal;
	font-weight: normal;
}
ol,
ul {
	list-style: none;
}
caption,
th {
	text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
}
q:before,
q:after {
	content: "";
}
abbr,
acronym {
	border: 0;
}
select,
input,
textarea {
	font-size: 100%;
}
header,
footer,
nav,
section,
article,
figure,
aside {
	display: block;
}

button {
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
}

/* ClearFix
============================================================================================================ */
.clearfix,
.row {
	zoom: 1;
}
.clearfix:after,
.row:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
	overflow: hidden;
}

/* float
============================================================================================================ */
.fl {
	float: left;
}
.fr {
	float: right;
}

@media screen and (max-width: 768px) {
	.fl {
		float: none;
	}
	.fr {
		float: none;
	}
}

/* block_center
============================================================================================================ */
.bc {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

/* text-align
============================================================================================================ */
.tal {
	text-align: left !important;
}
.tac {
	text-align: center;
}
.tar {
	text-align: right;
}
@media screen and (max-width: 768px) {
	.sp_tal {
		text-align: left !important;
	}
	.sp_tac {
		text-align: center !important;
	}
	.sp_tar {
		text-align: right !important;
	}
}

/* margin
============================================================================================================ */
.m00 {
	margin: 0 !important;
}
.mb00 {
	margin-bottom: 0 !important;
}
.mt00 {
	margin-top: 0 !important;
}
.mt05 {
	margin-top: 5px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt15 {
	margin-top: 15px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt25 {
	margin-top: 25px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mt35 {
	margin-top: 35px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mt45 {
	margin-top: 45px !important;
}
.mt50 {
	margin-top: 50px !important;
}
.mt {
	margin-top: 1rem !important;
}

/* padding
============================================================================================================ */
.p00 {
	padding: 0 !important;
}
.pb00 {
	padding-bottom: 0 !important;
}
.pt00 {
	padding-top: 0 !important;
}
.pt10 {
	padding-top: 10px !important;
}
.pt15 {
	padding-top: 15px !important;
}
.pt20 {
	padding-top: 20px !important;
}
.pt {
	padding-top: 1rem !important;
}

/* font size
============================================================================================================ */
.fz10 {
	font-size: 10px;
	font-size: 1rem;
}
.fz11 {
	font-size: 11px;
	font-size: 1.1rem;
}
.fz12 {
	font-size: 12px;
	font-size: 1.2rem;
}
.fz13 {
	font-size: 13px;
	font-size: 1.3rem;
}
.fz14 {
	font-size: 14px;
	font-size: 1.4rem;
}
.fz15 {
	font-size: 15px;
	font-size: 1.5rem;
}
.fz16 {
	font-size: 16px;
	font-size: 1.6rem;
}
.fz17 {
	font-size: 17px;
	font-size: 1.7rem;
}
.fz18 {
	font-size: 18px;
	font-size: 1.8rem;
}
.fz19 {
	font-size: 19px;
	font-size: 1.9rem;
}
.fz20 {
	font-size: 20px;
	font-size: 2rem;
}
.fz_small {
	font-size: 80%;
}
.fz_large {
	font-size: 120%;
}
.fz_xlarge {
	font-size: 140%;
}
.fz_xxlarge {
	font-size: 160%;
}

/* font weight
============================================================================================================ */
.fwb {
	font-weight: bold;
}
.fwn {
	font-weight: bold !important;
}

/* color
============================================================================================================ */
.blue {
	color: #1c69d4;
}
.gray {
	color: #918b8a;
}

/* background
============================================================================================================ */
.bg_gray {
	background: #f2f2f2;
}
.bg_dgray {
	background: #333333;
}

/* border
============================================================================================================ */
.border_top_area {
	border-top: 3px solid #1c69d4;
}