@charset "utf-8";

/* ======================================================
 * top.css
====================================================== */

/* layout
================================ */
#index #main {
	margin-top: 0;
}
#index #headingArea {
	background: none;
	border: none;
}
#index #headingArea h1 span {
	display: block;
	width: 100% !important;
	background: #ffffff;
}
#index #headingArea h1 span.slide01 {
	background: url(/img/index_main_bg01.png) no-repeat 50% 0 #eef3f7;
}
#index #headingArea h1 span.slide02 {
	background: url(/img/index_main_bg02.png) no-repeat 50% 0 #ffffff;
}
#index #headingArea h1 span .slideArea {
	display: block;
	position: relative;
	width: 1000px;
	top: 0;
	left: 50%;
	margin-left: -500px;
}
#index #headingArea .bx-wrapper {
	margin-bottom: 0;
}
#index #headingArea .bx-controls {
	text-align: center;
	height: 0;
}
#index #headingArea .bx-wrapper .bx-pager {
	display: inline-block;
	position: relative;
	bottom: 20px;
	width: auto;
	height: 20px;
	padding: 6px 23px;
	-webkit-border-radius: 5px 5px 0 0;
		 -moz-border-radius: 5px 5px 0 0;
					border-radius: 5px 5px 0 0;
	background-color: rgba(255,255,255,0.8);
	z-index: 50;
}
#index #headingArea .bx-wrapper .bx-pager.bx-default-pager a {
	height: 8px;
	width: 8px;
	-webkit-border-radius: 50%;
		 -moz-border-radius: 50%;
					border-radius: 50%;
	background-color: #3c3c3c;
}
#index #headingArea .bx-wrapper .bx-pager.bx-default-pager a.active {
	background-color: #00833e;
}
#index #mainContainer {
	margin-top: 30px;
}
#index #mainContents {
	width: 720px;
}
@media screen and (max-width: 640px) {
#index #mainContents {
	width: 100%;
}
#index #mainContainer {
	margin-top: 10px;
}
#index #headingArea h1 span .slideArea {
	display: block;
	position: static;
	width: 100%;
	top: 0;
	margin-left: 0;
}
#index #sideContents {
	display: block;
	float: none;
	width: 100%;
	margin-top: 20px;
}
#index #sideContents {
	display: block;
	float: none;
	width: 100%;
	margin-top: 20px;
}
}


/* contents
================================ */
.spSliderWrap > *:first-child {
	margin-top: 0 !important;
}
#index .doorLink01.row3 > li {
	width: 233px;
	margin-right: 10px;
}
#index .doorLink01.row3 > li:nth-child(3n) {
	margin-right: 0;
}
#index .borderBox.newsRelease > .headline {
	position: relative;
	padding: 8px 10px 8px 45px;
}
#index .borderBox.newsRelease > .headline:before {
	content: "";
	position: absolute;
	top: 0.7em;
	left: 14px;
	height: 18px;
	width: 18px;
	background: url(/img/index_ic01.png) no-repeat 0 0;
}
#index .borderBox.newsRelease > .inner {
	padding: 30px; 
}
#index .borderBox.pickup > .headline {
	position: relative;
	padding: 8px 10px 8px 45px;
}
#index .borderBox.pickup > .headline:before {
	content: "";
	position: absolute;
	top: 0.6em;
	left: 16px;
	height: 18px;
	width: 19px;
	background: url(/img/index_ic02.png) no-repeat 0 0;
}
#index .borderBox.pickup > .inner {
	padding: 30px 24px; 
}
#index .borderBox.pickup > .inner .pickupList > li {
	float: left;
	width: 200px;
	margin-right: 31px;
}
#index .borderBox.pickup > .inner .pickupList > li:nth-child(3n) {
	margin-right: 0;
}
#index .borderBox.pickup > .inner .pickupList > li:nth-child(n+4) {
	margin-top: 15px;
}

@media screen and (max-width: 640px) {
#index .borderBox.newsRelease > .headline:before {
	background: url(/img/sp_index_ic01.png) no-repeat 0 0;
	-webkit-background-size: 18px 18px;
					background-size: 18px 18px;
}
#index .borderBox.newsRelease > .inner {
	padding: 15px; 
}
#index .borderBox.newsRelease.more > .inner {
	position: relative;
	padding: 15px 15px 40px; 
}
#index .borderBox.newsRelease.more + * {
	margin-top: 40px !important;
}
#index .borderBox.pickup > .headline:before {
	background: url(/img/sp_index_ic02.png) no-repeat 0 0;
	-webkit-background-size: 19px 18px;
					background-size: 19px 18px;
}
#index .borderBox.newsRelease .moreBtn,
#index .borderBox.newsRelease .closeBtn {
	position: absolute;
	display: table;
	width: 180px;
	bottom: -20px;
	left: 50%;
	margin-left: -90px;
	z-index: 10;
}
#index .borderBox.newsRelease .moreBtn a,
#index .borderBox.newsRelease .closeBtn a {
	display: table-cell;
	height: 40px;
	color: #ffffff;
	vertical-align: middle;
	text-align: center;
	background: #3c3c3c;
	-webkit-border-radius: 2px;
					border-radius: 2px;
}
#index .borderBox.newsRelease .moreBtn a span,
#index .borderBox.newsRelease .closeBtn a span {
	position: relative;
	display: inline-block;
	padding-right: 20px;
}
#index .borderBox.newsRelease .moreBtn a span:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	height: 7px;
	width: 14px;
	margin-top: -3px;
	background: url(/common/img/sp_com_arr_ic04.png) no-repeat 0 0;
	-webkit-background-size: 14px 7px;
					background-size: 14px 7px;
}
#index .borderBox.newsRelease .closeBtn a span:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	height: 7px;
	width: 14px;
	margin-top: -4px;
	background: url(/common/img/sp_com_arr_ic05.png) no-repeat 0 0;
	-webkit-background-size: 14px 7px;
					background-size: 14px 7px;
}
#index .borderBox.pickup > .inner {
	padding: 20px 15px; 
}
#index .borderBox.pickup > .inner .pickupList > li {
	float: left;
	width: 200px;
	margin-right: 31px;
}
#index .borderBox.pickup > .inner .pickupList > li:nth-child(3n) {
	margin-right: 0;
}
#index .borderBox.pickup > .inner .pickupList > li:nth-child(n+4) {
	margin-top: 10px;
}


/* =========================
			slider
========================= */
.spSliderWrap > * {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}
.spSliderWrap li {
	height: auto !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 0;
}
.spSliderWrap .bannerList {
	margin-top: 0 !important;
}
.pickup .spSliderWrap li {
	width: 200px !important;
}
.person .spSliderWrap li {
	width: 220px !important;
}
.spSliderWrap li img {
	height: auto !important;
}
.spSliderWrap .bx-wrapper {
	overflow: hidden !important;
	position: relative !important;
	width: 100% !important;
	margin: 0 !important;
}
.spSliderWrap .bx-viewport {
	overflow: visible !important;
	left: 0 !important;
	margin: 0 auto !important;
	background: none !important;
	border: none !important;
	box-shadow: none !important;
}
.pickup .bx-viewport {
	width: 200px !important;
	margin: 0 auto !important;
}
.person .bx-viewport {
	width: 220px !important;
}
.spSliderWrap .bx-wrapper .bx-controls-direction a {
	height: 29px;
	width: 14px;
	margin-top: -15px;
}
.spSliderWrap .bx-wrapper .bx-prev {
	left: 3px;
	background: url(/common/img/com_arr_ic05.png) no-repeat 0 0;
	-webkit-background-size: 28px 29px;
					background-size: 28px 29px;
}
.spSliderWrap .bx-wrapper .bx-next {
	right: 3px;
	background: url(/common/img/com_arr_ic05.png) no-repeat 100% 0;
	-webkit-background-size: 28px 29px;
					background-size: 28px 29px;
}
}



/* Clearfix
------------------------------------------------------ */
.pickupList:after {
	content: "";
	display: block;
	clear: both;
}

.pickupList {
	zoom: 1;
}