@charset "utf-8";

/**************************************************
		PC
**************************************************/
/* ===== Title Area ===== */
#titleArea {
	background-image:url("../img/bg_title_area.jpg");
}


#mainArea .listBanner {
	font-size:17px;
	font-size:1.07rem;
	text-align:center;
	line-height:1.6;
}

.box2 #mainArea .listBanner {
	font-size:14px;
	font-size:0.88rem;
}

#mainArea .listBanner a {
	display:block;
	color:#333;
	text-decoration:none;
}

#mainArea .listBanner a:hover {
	opacity:0.7;
}

#mainArea .listBanner .caption {
	display:block;
	margin-top:15px;
}


/* ===== factbook ===== */
#mainArea .listFactbook01 {
	font-size:15px;
	font-size:0.94rem;
	line-height:1.5;
}

#mainArea .listFactbook01 > li {
	border-bottom:1px solid #ccc;
}

#mainArea .listFactbook01 > li > a {
	display:block;
	position:relative;
	padding:17px 40px 17px 20px;
	color:#333;
	text-decoration:none;
}

#mainArea .listFactbook01 > li > a:after {
	position:absolute;
	top:50%;
	right:20px;
	margin-top:-6px;
	width:12px;
	height:12px;
	background:transparent url("../../common/img/icon_01.png") 50% 50% no-repeat;
	background-size:contain;
	content:"";
}

#mainArea .listFactbook01 > li > a.iconWindow:after {
	background-image:url("../../common/img/icon_window.png");
}

#mainArea .listFactbook01 > li > a:hover { background-color:#fafafa; }

#mainArea .listFactbook02 {
	position:relative;
	display:flex;
	padding:0 20px;
	font-size:15px;
	font-size:0.94rem;
	line-height:1.5;
	align-items:center;
}

#mainArea .listFactbook02 dt {
	margin-right:20px;
	padding:17px 0;
	flex:1;
}

#mainArea .listFactbook02 dd {
	margin-left:auto;
}

#mainArea .listFactbook02 ul {
	display:flex;
	margin:0 -5px;
	font-size:14px;
	font-size:0.88rem;
	font-weight:bold;
	line-height:1.5;
}

#mainArea .listFactbook02 li {
	margin:0 5px;
}

#mainArea .listFactbook02 li a {
	display:inline-block;
	position:relative;
	padding:4px 25px 4px 15px;
	border:1px solid #333;
	border-radius:50px;
	min-width:100px;
	color:#333;
	text-align:center;
	text-decoration:none;
}

#mainArea .listFactbook02 li a:after {
	position:absolute;
	top:50%;
	right:10px;
	margin-top:-5px;
	width:10px;
	height:10px;
	background:transparent url("../../common/img/icon_01.png") 50% 50% no-repeat;
	background-size:contain;
	content:"";
}

#mainArea .listFactbook02 li a.iconWindow:after {
	background-image:url("../../common/img/icon_window.png");
}

#mainArea .listFactbook02 li a:hover { background-color:#f0f0f0; }

#mainArea .listFactbook03 {
	font-size:15px;
	font-size:0.94rem;
	line-height:1.5;
}

#mainArea .listFactbook03 dt {
	padding:17px 20px;
	border-bottom:1px dashed #ccc;
}

#mainArea .listFactbook03 dd {
	padding-left:20px;
}

#mainArea .listFactbook03 dd li {
	border-bottom:1px dashed #ccc;
}

#mainArea .listFactbook03 dd li:last-child {
	border-bottom:0;
}

#mainArea .listFactbook03 dd li a {
	display:block;
	position:relative;
	padding:15px 35px 15px 30px;
	color:#333;
	text-decoration:none;
}

#mainArea .listFactbook03 dd a:before {
	position:absolute;
	top:50%;
	left:0.5em;
	width:0.7em;
	height:1px;
	background:#333;
	content:"";
}

#mainArea .listFactbook03 dd a:after {
	position:absolute;
	top:50%;
	right:20px;
	margin-top:-6px;
	width:12px;
	height:12px;
	background:transparent url("../../common/img/icon_01.png") 50% 50% no-repeat;
	background-size:contain;
	content:"";
}

#mainArea .listFactbook03 dd a.iconWindow:after {
	background-image:url("../../common/img/icon_window.png");
}

#mainArea .listFactbook03 dd a:hover { background-color:#fafafa; }


/**************************************************
		SP
**************************************************/
@media screen and (max-width:767px){

/* ===== Title Area ===== */
#titleArea {
	background-image:url("../img/bg_title_area_sp.jpg");
}


#mainArea .listBanner,
.box2 #mainArea .listBanner {
	font-size:13px;
	font-size:0.82rem;
}

#mainArea .listBanner a:hover {
	opacity:1;
}


/* ===== factbook ===== */
#mainArea .listFactbook01 {
	font-size:14px;
	font-size:0.88rem;
}

#mainArea .listFactbook01 > li > a {
	padding:15px 30px 15px 10px;
}

#mainArea .listFactbook01 > li > a:after {
	right:10px;
}

#mainArea .listFactbook01 > li > a:hover { background-color:transparent; }

#mainArea .listFactbook02 {
	position:relative;
	display:flex;
	padding:0 10px;
	font-size:14px;
	font-size:0.88rem;
	align-items:center;
}

#mainArea .listFactbook02 dt {
	margin-right:10px;
	padding:15px 0;
}

#mainArea .listFactbook02 ul {
	margin:0 -2px;
	font-size:12px;
	font-size:0.75rem;
}

#mainArea .listFactbook02 li {
	margin:0 2px;
}

#mainArea .listFactbook02 li a {
	padding:4px 20px 4px 10px;
	min-width:70px;
}

#mainArea .listFactbook02 li a:after {
	right:7px;
	margin-top:-4px;
	width:8px;
	height:8px;
}

#mainArea .listFactbook02 li a:hover { background-color:transparent; }

#mainArea .listFactbook03 {
	font-size:14px;
	font-size:0.88rem;
}

#mainArea .listFactbook03 dt {
	padding:15px 10px;
}

#mainArea .listFactbook03 dd {
	padding-left:10px;
}

#mainArea .listFactbook03 dd li a {
	padding:15px 30px 15px 30px;
}

#mainArea .listFactbook03 dd a:after {
	right:10px;
}

#mainArea .listFactbook03 dd a:hover { background-color:transparent; }

}