@charset "utf-8";
/* CSS Document */

p {
	font-size: 1.5rem;
}
.corporate {
}
.corporate .inner {
	margin: 0 auto 50px;
}
.corporate .inner:last-of-type {
	margin: 0 auto;
}
.corporateBox {
	border-top: 2px solid #3399ff;
}
.corporateBox:last-of-type {
	border-bottom: 2px solid #3399ff;
}
.corporateBox dt, .corporateBox dd {
	padding: 30px 10px;
}
.corporateBox dt:hover, .corporateBox dd:hover {
	cursor: pointer;
}
.corporateBox dt:before {
	content: " ";
	display: inline-block;
	width: 10px;
	min-height: 30px;
	background: url(/img/common/icon_h3main.png) no-repeat left center;
	background-size: 10px;
	vertical-align: middle;
	float: left;
}
.corporateBox dt span {
	display: block;
	background: url(/img/common/icon_close.png) no-repeat 100% center;
	background-size: 30px;
	font-size: 16px;
	padding: 0 0 0 30px;
	min-height: 30px;
}
.corporateBox dt.active span {
	background: url(/img/common/icon_open.png) no-repeat 100% center;
	background-size: 30px;
}
.corporateBox dd {
	display: none;
	border-top: 1px dotted #ccc;
}
.corporateBox dd img {
	margin: 0 0 40px;
}
.corporateBox dd ul {
	margin: 0 0 40px;
	background: #f6f7f8;
}
.corporateBox dd ul li {
	text-align: center;
}
.corporateBox dd ul li h6 {
	font-weight: bold;
	color: #2780d8;
}
.corporateBox dd ul li span {
	text-align: center;
}
.corporateBox dd ul li p span {
	font-size: 1.3rem;
	color: #ee8e11;
}
.corporateBox dd ul li:last-child {
	border-right: none;
}
.corporateBox dd .lead {
	padding: 0;
	margin: 0 0 40px;
	text-align: center;
	background-color: white;
}
.corporateBox dd .lead span {
	padding: 0 0 10px;
}
.corporateBox dd .lead span.orange {
	color: #ee8e11;
	font-size: 2rem;
	border-bottom: none;
}
.corporateBox dd .box {
	margin: 0 0 30px;
	border: 1px solid #ccc;
	padding: 30px 50px;
}
.corporateBox dd .box .boxL {
	text-align: center;
}
.corporateBox dd .box .boxL h6 {
	margin: 0 0 20px;
}
.corporateBox dd .box .boxL h6 span {
	padding: 0 0 10px;
	font-weight: bold;
}
.corporateBox dd .box .boxL .customer {
	margin: 0 0 20px;
	font-weight: bold;
	color: #2780d8;
}
.corporateBox dd .box .boxL p {
	text-align: left;
}
.inner .notes {
	margin: 20px 0 0;
}
#contact {
	margin: -133px 0 0 0;
	padding: 133px 0 0 0;
}
.contact .notes {
	margin: 0 0 10px;
}

@media screen and (max-width: 767px) {
.corporate .inner {
	margin: 0 auto 20px;
}
.corporateBox dt, .corporateBox dd {
	padding: 20px 0;
}
.corporateBox dt span {
	padding: 0 40px 0 2em;
	text-indent: -1em;
	background-position: top right;
}
.corporateBox dd .inner {
	width: 100%;
}
.corporateBox dd ul {
	padding: 0 10px;
	margin: 0 0 20px;
}
.corporateBox dd ul li {
	border-bottom: 1px dotted #ccc;
	padding: 10px 0 15px;
}
.corporateBox dd ul li:last-child {
	border-bottom: none;
}
.corporateBox dd img {
	margin: 0 0 20px;
}
.corporateBox dd .lead {
	margin: 0 0 20px;
	border-bottom: 2px solid #c3d7eb;
}
.corporateBox dd .box {
	padding: 10px;
}
.corporateBox dd .box .boxL .customer {
	margin: 0 0 10px;
}
.corporateBox dd .box .boxL p {
	margin: 0 0 20px;
}
.corporateBox dd .box .boxL h6 {
	margin: 0 20px 5px;
	padding: 0 0 5px;
	border-bottom: 3px solid #c3d7eb;
}
.corporate.inner .notes {
	padding: 10px 0 0;
}
#contact {
	margin: -60px 0 0 0;
	padding: 60px 0 0 0;
}
}

@media screen and (min-width: 767px) {
.corporateBox dd .inner {
	width: 880px;
	margin: 0 auto;
}
.corporateBox:nth-of-type(1) dd ul {
	padding: 20px 0 30px;
}
.corporateBox:nth-of-type(2) dd ul, .corporateBox:nth-of-type(3) dd ul {
	padding: 20px;
}
.corporateBox dd ul li {
	float: left;
	border-right: 1px dotted #ccc;
}
.corporateBox dd ul li h6 {
	margin: 0 0 10px;
	font-size: 1.8rem;
}
.corporateBox dd ul li p {
	text-align: left;
}
.corporateBox:nth-of-type(1) dd ul li {
	padding: 0 46px;/*padding: 0 35px;
    width: 222px;*/
}
.corporateBox:nth-of-type(2) dd ul li, .corporateBox:nth-of-type(3) dd ul li {
	display: inline-block;
	width: 339px;
	padding: 10px 40px 20px;
	border-right: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}
.corporateBox:nth-of-type(2) dd ul li:nth-of-type(even), .corporateBox:nth-of-type(3) dd ul li:nth-of-type(even) {
	border-right: none;
}
.corporateBox:nth-of-type(2) dd ul li:nth-child(n+3), .corporateBox:nth-of-type(3) dd ul li:nth-child(n+3) {
	padding: 20px 40px 0;
	border-bottom: none;
}
.corporateBox dd .box .boxL {
	margin: 0 60px 0 0;
	width: 470px;
}
.corporateBox dd .box .boxL h6 span {
	font-size: 1.8rem;
	border-bottom: 3px solid #c3d7eb;
}
.corporateBox dd .box img {
	margin: 0;
	width: 240px;
}
.corporateBox dd .lead span {
	border-bottom: 2px solid #c3d7eb;
}
.corporate .notes {
	text-align: right;
}
.contact .notes {
	text-align: left;
}
}