@charset "UTF-8";
/* CSS Document */
/* mainArea */
/* 共通 */
.mainBox {
	width: 100%;
	max-width: 1200px;
	height: 800px;
	margin: 0 auto;
}
.mainBox .inner h1 {
	padding: 0;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size: 2.3em;
	font-weight: bold;
	letter-spacing: .25em;
	color: #FFF;
	text-shadow: 0px 0px 5px rgba(0, 120, 150, 0.8);
/*	max-width: 500px;
*/	margin: 0 auto;
}
.mainBox .inner {
	padding: 0;
}
.inner {
	max-width: 1100px;
	margin: 0 auto;
	padding: 50px 2vw;
	text-align: center;
}

.inner h2 {
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	padding-left: 1em;
	font-size: 24px;
	font-weight: bold;
	line-height: 2;
	letter-spacing: .15em;
  color: #000;
	text-align: left;
	border-left: 8px solid #6f6e7a;
	border-bottom: 1px dashed #6f6e7a;
}
.inner h2 span {
	font-size: .8em;
	letter-spacing:0;
}
.txt {
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	padding: 50px 8vw;
	text-align: center;
	color: #333;
	font-size: 15px;
	line-height: 180%;
	display: block;
}
.txt02 {
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	padding: 50px 1.5vw 10px;
	text-align: center;
	color: #333;
	font-size: 14px;
	line-height: 180%;
}
.right_txt {
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	padding: 0 1.5vw 10px;
	text-align: right;
	color: #333;
	font-size: 13px;
	line-height: 150%;
}

#box01 .inner .txt img {
	box-shadow: 0px 0px 5px #ccc;
}
#box01 .inner .txt a:hover img {
	opacity: .7;
}
#box01 .inner dl {
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	padding: 50px 3vw;
}
#box01 .inner dl dt {
	padding: 0 1.5em;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    color: #000;
    line-height: 150%;
    position: relative;
}
#box01 .inner dl dt:before {
	content: "●";
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	color: #A79C82;
}
#box01 .inner dl dd {
	padding: 5px 2em 25px;
	font-size: 14px;
	text-align: left;
	color: #333;
	line-height: 150%;
}
#box02 .inner .img01 {
	max-width: 350px;
	text-align: center;
	margin: 20px auto 0;
}
#box02 .inner .img01 img {
	width: 100%;
}
.company_list {
	margin: 50px auto;
	font-size: 13px;
}
.company_list th {
	padding: 16px 2em;
	background-color: #6f6e7a;
	color: #FFF;
	box-sizing: border-box;
	border: 1px solid #FFF;
}
.company_list td {
	padding: 16px 2em;
	border-bottom: 1px dashed #CCC;
}
.txtBox {
	width: 600px;
	margin: 0 auto;
}
.txtBox .txt_right {
	font-size: 13px;
	text-align: right;
}
@media screen and (max-width: 767px) {
.inner {
    padding: 20px 5vw;
}
.txt {
    font-size: 16px;
}
.company_list td {
    border-bottom: none;
}
.txt02 {
    padding: 50px 3vw 10px;
}
.right_txt {
    padding: 10px 3vw 20px;
}
.inner h2 span {
	display: block;
}
}