@charset "utf-8";
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 Reset CSS
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	max-height: 100%;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset, img {
	border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

ul, ol, li {
	list-style: none;
}

caption, th {
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before, q:after {
	content: '';
}

abbr, acronym {
	border: 0;
	font-variant: normal;
}

sup {
	vertical-align: text-top;
}

sub {
	vertical-align: text-bottom;
}

hr {
	display: none;
}

/* Androidでpタグの横幅が狭まるバグ対策 */

p {
	background-image: url(image);
}

/* フルードイメージ */

img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

.ie8 img {
	width: auto;
}

.alpha a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

/*------------------------------------*\
    BORDERS　PC時の外枠
\*------------------------------------*/

/* Create a series of empty pseudo-elements... */

html:before, html:after, body:before, body:after {
	content: "";
	background: #1b1464;
	position: fixed;
	display: block;
	z-index: 99998;
}

/* ...and position them! */

html:before {
	height: 10px;
	left: 0;
	right: 0;
	top: 0;
}

html:after {
	width: 10px;
	top: 0;
	right: 0;
	bottom: 0;
}

body:before {
	height: 10px;
	right: 0;
	bottom: 0;
	left: 0;
}

body:after {
	width: 10px;
	top: 0;
	bottom: 0;
	left: 0;
}

@media only screen and (max-width:640px) {
	html:before, html:after, body:before, body:after {
		background: none;
	}
}

/* 基本設定
-------------------------------*/

body {
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic", "MS P Gothic", sans-serif, Helvetica, Arial;
	line-height: 1.7em;
	color: #000;
	font-size: 16px;
	-webkit-text-size-adjust: 100%;
}

#wrapper {
	margin: 0 auto;
	padding: 9px 0;
	width: 99%;
	overflow: hidden;
}

@media only screen and (max-width:640px) {
	#wrapper {
		padding: 0;
	}
}

/* プリントの表示設定 */

@media print {
	#wrapper {
		width: 1161px;
		margin: auto;
	}
}

/* リンク設定
-------------------------------*/

a {
	color: #1b1464;
	text-decoration: none;
}

a:hover {
	color: #29a5dc;
}

a:active, a:focus {
	outline: 0;
}

/* ヘッダー
-------------------------------*/

#header {
	width: 100%;
	height: 60px;
	position: fixed;
	background-color: #fff;
	padding-bottom: 4.5px;
	z-index: 99990;
}

#header:after {
	content: "";
	clear: both;
	display: block;
}

#header .inner {
	float: left;
	width: 50%;
	padding-left: 5px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99995;
}

#header .inner:after {
	content: "";
	clear: both;
	display: block;
}

#header h1 {
	font-size: 12px;
	line-height: 1.2em;
	color: #1b1464;
	margin-bottom: 3px;
}

.h_logo1 {
	float: left;
	padding-top: 10px;
	padding-left: 5px;
}

.h_logo2 {
	padding-top: 10px;
}

@media screen and (min-width: 1159px) and (max-width: 1470px) {
	#header .inner {
		width: 36%;
	}
}

@media only screen and (max-width:1159px) {
	#header .inner {
		position: static;
		width: 80%;
	}
}

@media only screen and (max-width:640px) {
	#header {
		height: 65px;
	}
	.h_logo1 {
		display: none;
	}
}

/* フッター 
-------------------------------*/

#footer {
	width: 100%;
	padding: 15px 0 5px;
	background-color: #1b1464;
	color: #fff;
}

#footer .inner {
	width: 90%;
	max-width: 1160px;
	margin: auto;
	font-size: 80%;
	line-height: 1.5em;
}

.f_navi {
	text-align: right;
	margin-bottom: 10px;
}

.f_navi li {
	display: inline-block;
	margin-left: 10px;
}

.f_navi li a {
	color: #fff;
}

.f_navi li a:hover {
	color: #29a5dc;
}

.f_copy {
	text-align: center;
	font-size: 90%;
}

/*  ページトップへ */

#pageTop {
	position: fixed;
	bottom: 50px;
	right: 20px;
}

@media only screen and (max-width:640px) {
	.f_navi {
		text-align: center;
	}
	#pageTop img {
		width: 40px;
		height: 40px;
		bottom: 80px;
		right: 0;
	}
}

/* 共通 
-------------------------------*/

#content {
	margin: 40px auto 0;
	width: 95%;
	max-width: 1160px;
}

.title_page {
	background: url(../img/common/back_title.png) bottom center no-repeat;
	text-align: center;
	/*	font-size:40px; */
	font-size: 32px;
	font-weight: bold;
	line-height: 1.3em;
	color: #1b1464;
	font-style: oblique;
	margin-bottom: 80px;
}

.title_page span {
	font-size: 20px;
	font-weight: normal;
	font-style: normal;
	color: #fff;
}

@media only screen and (max-width:640px) {
	.title_page {
		font-size: 26px;
		line-height: 1.2em;
		margin-bottom: 30px;
		background-size: cover;
	}
	.title_page span {
		font-size: 18px;
		line-height: 1.2em;
	}
}

.title_s1 {
	background: url(../img/common/back_title.png) center center no-repeat;
	text-align: center;
	font-size: 21px;
	line-height: 1.2em;
	font-weight: bold;
	color: #1b1464;
	padding: 10px 0;
	margin-bottom: 30px;
}
.title_s1.kei{
    background-image: none;
    border: solid 1px #1b1464;
}
@media only screen and (max-width:640px) {
	.title_s1 {
		font-size: 18px;
		line-height: 1em;
		padding: 12px 0;
	}
}

.title_s2 {
	background: url(../img/staff/s_nav_title.png) center center no-repeat;
	text-align: center;
	font-size: 20px;
	line-height: 1.2em;
	font-weight: bold;
	color: #fff;
	padding: 10px 0;
	margin-bottom: 30px;
}

@media only screen and (max-width:640px) {
	.title_s2 {
		font-size: 18px;
		line-height: 1em;
		padding: 12px 0;
	}
}

.pannavi {
	width: 90%;
	max-width: 1160px;
	margin: 20px auto 40px;
	font-size: 12px;
	line-height: 1.2em;
}

.pannavi span {
	color: #29a5dc;
}
/* Pager style（外部化可） */
.pager{
    text-align:center;
    padding:10px;
    clear:both;
}

/*ページャーボタン*/
.pager a{
    border: 1px solid #999;
    border-radius: 5px 5px 5px 5px;
    color: #333;
    font-size: 12px;
    padding: 3px 7px 2px;
    text-decoration: none;
    margin:0 1px;
}

/*現在のページのボタン*/
.pager a.current{
    background: #999;
    border: 1px solid #999;
    border-radius: 5px 5px 5px 5px;
    color: #fff;
    font-size: 12px;
    padding: 3px 7px 2px;
    margin:0 1px;
    text-decoration: none;
}

.pager a:hover{
    background:#999;
    color: #fff;
}

.overPagerPattern{
    padding:0 2px ;	
}

/* /Pager style */

@media only screen and (max-width:640px) {
	.pannavi {
		display: none;
	}
}

/* トップページ 
-------------------------------*/

.head_space {
	height: 60px;
}

@media only screen and (max-width:640px) {
	.head_space {
		height: 80px;
	}
}

.bg_top {
	background: url(../img/top/back_top01.jpg);
}

.pc {
	display: block;
}

.sp {
	display: none;
}

@media only screen and (max-width:640px) {
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
}

.slid_cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: 65px;
}

.top_lead {
	width: 100%;
	text-align: center;
	background: url(../img/top/back_top02.png) center bottom no-repeat;
	width: 100%;
	padding-top: 70px;
}

/* ふきだしフワフワ */

.fuwafuwa {
	-webkit-animation: fuwafuwa 1s infinite linear alternate;
	animation: fuwafuwa 1s infinite linear alternate;
}

@-webkit-keyframes fuwafuwa {
	0% {
		-webkit-transform: translate(0, 0) rotate(-5deg);
	}
	50% {
		-webkit-transform: translate(0, -5px) rotate(0deg);
	}
	100% {
		-webkit-transform: translate(0, 0)rotate(5deg);
	}
}

@keyframes fuwafuwa {
	0% {
		transform: translate(0, 0) rotate(-5deg);
	}
	50% {
		transform: translate(0, -5px) rotate(0deg);
	}
	100% {
		transform: translate(0, 0)rotate(5deg);
	}
}

@media only screen and (max-width:640px) {
	.top_lead img {
		width: 50%;
		height: auto;
	}
}

.lead_arrow {
	width: 80%;
	max-width: 1160px;
	margin: 0 auto 40px;
	text-align: center;
}

/* スクロールでフェードイン  */

.fadein {
	transition: opacity 1s;
	-moz-transition: opacity 0.7s;
	-webkit-transition: opacity 0.7s;
	-o-transition: opacity 0.7s;
	transition: transform 1s;
	-moz-transition: transform 0.7s;
	-webkit-transition: transform 0.7s;
	-o-transition: transform 0.7s;
}

/* 背景に動画 */

.top_work {
	position: relative;
	width: 100%;
}

.bg_video {
	width: 1920px;
	height: 1080px;
	z-index: -1;
}

@media only screen and (max-width:1536px) {
	.bg_video {
		width: 1536px;
		height: 864px;
	}
}

@media only screen and (max-width:1152px) {
	.bg_video {
		width: 1152px;
		height: 648px;
	}
}

.bg_video video {
	margin: 0 auto;
	z-index: 1;
	width: 100%;
	background-image: url(../img/top/top_poster.jpg);
	background-position: center 40px;
	background-repeat: no-repeat;
	background-size: cover;
}

.image01 {
	width: 100%;
	height: auto;
}

.image01 video {
	margin: 0 auto;
	z-index: 1;
	width: 100%;
}

.bg_blue {
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 1080px;
	background: url(../img/top/back_top03.png);
	color: #fff;
}

.bg_blue .inner {
	font-size: 20px;
	line-height: 1.6em;
	float: right;
	width: 420px;
	padding-right: 100px;
	padding-top: 160px;
}

.bg_blue .inner p {
	margin-bottom: 40px;
}

.bg_blue .inner p:last-child {
	margin-bottom: 0;
}

@media only screen and (max-width:1536px) {
	.bg_blue {
		height: 864px;
	}
	.bg_blue .inner {
		padding-top: 110px;
	}
}

@media only screen and (max-width:1152px) {
	.bg_blue {
		width: 70%;
		height: 648px;
	}
	.bg_blue .inner {
		padding-right: 60px;
		padding-top: 60px;
	}
	.bg_blue .inner p {
		margin-bottom: 20px;
	}
	.top_work_ttl img {
		width: 70%;
		height: auto;
	}
}

@media only screen and (max-width:940px) {
	.vpc {
		display: none;
	}
	.top_work {
		background-image: url(../img/top/top_poster.jpg);
		background-repeat: no-repeat;
		background-size: cover;
	}
	.bg_blue {
		position: static;
		width: 80%;
		height: auto;
	}
	.bg_blue .inner {
		width: 80%;
		padding: 10%;
		margin: auto;
		font-size: 14px;
		line-height: 1.4em;
	}
	.bg_blue .inner p {
		margin-bottom: 10px;
	}
	.bg_blue .inner p br {
		display: none;
	}
	.btn_top_w img {
		width: 100%;
		max-width: 300px;
		height: auto;
	}
}

@media only screen and (max-width:640px) {
	.bg_blue {
		width: 100%;
	}
}

/* 新着情報 */

.top_news {
	width: 100%;
	background-color: #ffffff;
	padding: 80px 0;
}

.top_news .inner {
	width: 95%;
	max-width: 1120px;
	margin: auto;
}

table.news_info {
	width: 100%;
	border-top: solid 1px #b4b4b4;
}

table.news_info tr {
	border-bottom: solid 1px #b4b4b4;
}

table.news_info th, table.news_info td {
	padding-top: 15px;
	padding-bottom: 15px;
	vertical-align: top;
}

table.news_info th {
	width: 120px;
	padding-left: 30px;
	font-weight: bold;
	color: #1b1464;
}

table.news_info td {
	padding-right: 30px;
}

table.news_info td .comment {
	font-size: 90%;
	line-height: 1.4em;
	margin-top: 8px;
}

.btn_news {
	width: 80%;
	text-align: center;
	margin: 50px auto 0;
}

@media only screen and (max-width:640px) {
	.top_news {
		padding: 40px 0;
	}
	table.news_info th, table.news_info td {
		display: inline-block;
		width: 90%;
	}
	table.news_info th {
		padding: 10px 5% 5px;
	}
	table.news_info td {
		padding: 5px 5% 10px;
	}
	.btn_news {
		margin-top: 20px;
	}
}

.top_about {
	background: url(../img/top/back_top03.jpg) no-repeat;
	background-size: cover;
	text-align: center;
	padding: 80px 5%;
}

.top_about ul {
	width: 80%;
	max-width: 1000px;
	margin: auto;
}

.top_about li {
	float: left;
	width: 48%;
	margin: 0 1%;
	text-align: center;
	margin-bottom: 30px;
}

@media only screen and (max-width:640px) {
	.top_about {
		padding: 30px 5%;
	}
	.top_about li {
		float: none;
		width: 100%;
		margin: 0 0 20px 0;
	}
}

.top_voice {
	padding: 80px 5%;
	background-image: url(../img/top/back_top04_s.png);
	background-position: center 20%;
	background-repeat: no-repeat;
}

.top_voice ul img:hover {}

.top_voice ul img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.top_voice ul li:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

@media only screen and (max-width:640px) {
	.top_voice {
		padding: 80px 5% 50px;
	}
	.top_voice ul li:hover img {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
/* 1列目　3人 */
.v_list01 {
	background: url(../img/top/back_v01.png) center bottom no-repeat;
	background-size: contain;
	text-align: center;
	width: 100%;
	max-width: 1162px;
	margin: 0 auto 50px;
}

.v_list01 li {
	display: inline-block;
	vertical-align: bottom;
	width: 31.5%;
}

/* 2列目　3人 */
.v_list02 {
	background: url(../img/top/back_v02.png) center bottom no-repeat;
	background-size: contain;
	text-align: center;
	width: 100%;
	max-width: 1162px;
	margin: 0 auto 50px;
}

.v_list02 li {
	display: inline-block;
	vertical-align: bottom;
	width: 31.5%;
}

/* 2列目　2人の場合 */
.v_list02.x2 {
    background: url(../img/top/back_v02x2.png) center bottom no-repeat;
    background-size: contain;
    text-align: center;
    width: 68%;
    max-width: 788px;
    margin: 0 auto;
}
.v_list02.x2 li {
    display: inline-block;
    vertical-align: bottom;
    width: 48%;
}
/* 3列目　2人 */
.v_list03 {
	background: url(../img/top/back_v03.png) center bottom no-repeat;
	background-size: contain;
	text-align: center;
	width: 68%;
	max-width: 788px;
	margin: 0 auto;
}

.v_list03 li {
	display: inline-block;
	vertical-align: bottom;
	width: 48%;
}

.top_saiyou {
	padding: 80px 5%;
	background: url(../img/top/back_top05.jpg) no-repeat;
	background-size: cover;
}

.top_saiyou ul {
	width: 80%;
	max-width: 1160px;
	margin: auto;
}

.top_saiyou ul li:first-child {
	width: 49%;
	float: left;
}

.top_saiyou ul li:last-child {
	width: 49%;
	float: right;
}

@media only screen and (max-width:640px) {
	.top_saiyou {
		padding: 30px 5%;
	}
	.top_saiyou ul li:first-child, .top_saiyou ul li:last-child {
		width: 100%;
		float: none;
		margin-bottom: 20px;
		text-align: center;
	}
}

.top_jirei {
	background: url(../img/top/back_top06.jpg) center center no-repeat;
	background-size: cover;
	text-align: center;
	padding: 16% 0;
}

.top_jirei img {
	max-width: 80%;
	height: auto;
}

.top_bnr{
    width: 100%;
    padding: 60px 0;
    text-align: center;
}
.top_bnr li{
    display: inline-block;
    margin: 10px;
}
@media only screen and (max-width:640px) {
    .top_bnr{
        padding: 40px 0;
    }

}













/* お問合せ 
-------------------------------*/

.toi_info {
	width: 100%;
	max-width: 410px;
	margin: 0 auto;
}

.toi_info dt {
	float: left;
	margin-right: 30px;
}

.toi_info dd div {
	font-size: 38px;
	font-weight: bold;
	line-height: 1em;
	color: #1b1464;
	font-style: oblique;
	padding-top: 5px;
	padding-bottom: 10px;
}

.toi_space {
	clear: both;
	width: 100%;
	height: 100px;
}

@media only screen and (max-width:640px) {
	.toi_info dt {
		float: left;
		margin-right: 10px;
	}
	.toi_info dd div {
		font-size: 26px;
		line-height: 1em;
		padding-bottom: 5px;
	}
	.toi_space {
		height: 30px;
	}
}

.toi_bg_gray {
	background-color: #f7f5f4;
	padding: 50px 0;
}

.toi_mail {
	width: 100%;
	max-width: 740px;
	margin: 0 auto 50px;
}

.toi_mail dt {
	float: left;
	margin-right: 30px;
}

.toi_mail dd {
	padding-top: 10px;
}

.waku_mail {
	clear: both;
	max-width: 960px;
	margin: auto;
	border: solid 1px #6dd0bc;
	padding: 20px;
	background-color: #fff;
}

.waku_mail_in {
	border: solid 1px #41c6c6;
	padding: 20px 0;
}

table.mailform {
	width: 100%;
	max-width: 730px;
	margin: auto;
	border-collapse: separate;
	border-spacing: 8px;
	margin-bottom: 30px;
}

table.mailform th {
	width: 20%;
	text-align: right;
	font-weight: bold;
	color: #3a72b5;
}

.length_l {
	padding: 10px;
	width: 95%;
	background-color: #f7f5f4;
	border: none;
}

.length_m {
	padding: 10px;
	width: 50%;
	background-color: #f7f5f4;
	border: none;
}

.naiyou {
	padding: 10px;
	width: 95%;
	height: 250px;
	background-color: #f7f5f4;
	border: none;
}

.btn_sousin {
	background: url(../img/contact/btn_sousin.jpg) center no-repeat;
	width: 80%;
	max-width: 385px;
	height: 59px;
	border: 0px solid;
	cursor: pointer;
}

.btn_sousin:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

.toi_end_space {
	height: 450px;
}

@media only screen and (max-width:640px) {
	.toi_bg_gray {
		padding: 20px 0;
	}
	.toi_mail {
		width: 90%;
		margin-bottom: 20px;
	}
	.waku_mail {
		padding: 5%;
	}
	.waku_mail_in {
		border: none;
		padding: 0;
	}
	table.mailform th, table.mailform td {
		width: 100%;
		text-align: left;
		display: inline-block;
		margin-bottom: 5px;
	}
	.length_m {
		width: 95%;
	}
	.length_l, .length_m, .naiyou {
		width: 95%;
		border: solid 1px #999;
	}
	.toi_end_space {
		height: 100px;
	}
}

/*  会社情報
-------------------------------*/

/* 01.代表挨拶 */

.bg_slash {
	background: url(../img/top/back_top04.jpg) center bottom no-repeat;
	background-attachment: fixed;
}

.ceo_img {
	width: 100%;
	max-width: 1500px;
	margin: auto;
	position: relative;
	margin-bottom: 60px;
}

.ceo_sp {
	display: none;
}

.ceo_txt {
	position: absolute;
	top: 150px;
	left: 170px;
	width: 550px;
	padding: 0 50px 50px;
	background: url(../img/company/back_ceo_txt.png) center 10px no-repeat;
	color: #fff;
	text-align: justify;
	text-justify: inter-ideograph;
}

.ceo_ttl {
	font-size: 50px;
	color: #40b8de;
	font-weight: bold;
	line-height: 1.3em;
	font-style: oblique;
	margin-bottom: 30px;
	padding-top: 10px;
}

.ceo_name {
	font-weight: bold;
	margin-bottom: 20px;
}

.ceo_name span {
	font-size: 150%;
	padding-left: 15px;
}

@media only screen and (max-width:1300px) {
	.ceo_txt {
		left: 50px;
		width: 500px;
		padding: 0 40px 40px;
	}
}

@media only screen and (max-width:1159px) {
	.ceo_pc {
		display: none;
	}
	.ceo_sp {
		display: block;
	}
	.ceo_img {
		margin-bottom: 20px;
		text-align: center;
		position: static;
	}
	.ceo_img img {
		width: 70%;
		max-width: 400px;
		height: auto;
	}
	.ceo_txt {
		position: static;
		width: auto;
		padding: 0 10% 5%;
	}
	.ceo_ttl {
		font-size: 40px;
		line-height: 1.2em;
		margin-bottom: 20px;
	}
	.ceo_name span {
		font-size: 130%;
	}
}

@media only screen and (max-width:640px) {
	.ceo_txt {
		padding: 3% 7% 7%;
	}
	.ceo_ttl {
		font-size: 25px;
		line-height: 1.6em;
		margin-bottom: 10px;
	}
	.ceo_name span {
		font-size: 100%;
		padding-left: 10px;
	}
}

.tate_kei {
	width: 1px;
	height: 50px;
	border-left: solid 3px #2e318b;
	margin: 0 auto 20px;
}

.f_company_navi {
	width: 90%;
	max-width: 1500px;
	margin: auto;
}

.f_company_navi li {
	float: left;
	width: 24%;
	max-width: 360px;
	margin-right: 1.3%;
}

.f_company_navi li:last-child {
	margin-right: 0;
}

@media only screen and (max-width:960px) {
	.f_company_navi li {
		width: 48%;
		margin: 0 1% 15px;
	}
	.f_company_navi li:last-child {
		margin-right: 1%;
	}
}

@media only screen and (max-width:640px) {
	.f_company_navi li {
		float: none;
		width: 70%;
		margin: 0 auto 15px;
	}
	.f_company_navi li:last-child {
		margin-right: auto;
	}
}

.waku_rinen {}

.box_rinen {
	width: 95%;
	max-width: 1500px;
	margin: auto;
	position: relative;
}

.rinen_txt {
	width: 100%;
	max-width: 1010px;
	margin: auto;
	text-align: center;
	padding-top: 40px;
	font-size: 36px;
	font-weight: bold;
	line-height: 1.4em;
	color: #1b1464;
	background: url(../img/company/back_rinen.gif) center top no-repeat;
	background-size: contain;
	height: 70vh;
}

.rinen_img {
	position: absolute;
	top: 200px;
	left: 0;
	width: 100%;
}

.rinen_img li {
	float: left;
	width: 48%;
	margin-right: 4%;
}

.rinen_img li:last-child {
	margin-right: 0;
}

@media only screen and (max-width:960px) {
	.box_rinen {
		background: url(../img/company/back_rinen.gif) center top no-repeat;
		background-size: 90%;
		margin-bottom: 40px;
	}
	.rinen_txt {
		height: auto;
		background: none;
		position: static;
	}
	.rinen_img {
		position: static;
		margin-top: 20px;
	}
}

@media only screen and (max-width:640px) {
	.rinen_txt {
		padding-top: 20px;
		font-size: 5vw;
		line-height: 1.4em;
	}
}

@media only screen and (max-width:480px) {
	.rinen_img li {
		float: none;
		width: 80%;
		margin: 0 auto 15px;
	}
	.rinen_img li:last-child {
		margin-right: auto;
	}
}

/* 02.会社概要 */

.main_img {
	width: 100%;
	max-width: 1500px;
	margin: 0 auto 30px;
}

table.gaiyou01 {
	width: 90%;
	max-width: 860px;
	margin: 0 auto 60px;
	border-top: solid 1px #000;
	line-height: 1.4em;
}

table.gaiyou01 tr {
	border-bottom: solid 1px #000;
}

table.gaiyou01 th {
	font-weight: bold;
	color: #3a72b5;
	vertical-align: top;
	width: 30%;
	padding: 8px 0 8px 3%;
}

table.gaiyou01 td {
	padding: 8px 0;
}

@media only screen and (max-width:640px) {
	table.gaiyou01 th, table.gaiyou01 td {
		display: inline-block;
		width: 90%;
		padding: 5px 5%;
		font-size: 90%;
		line-height: 1.4em;
	}
}

.nitei-syou{
    text-align: center;
    padding-bottom: 30px;
}
/*
.nitei-syou img{
    width: 70%;
    max-width: 300px;
    height: auto;
}
**/
.nitei-syou .img{
    display: inline-block;
    vertical-align: top;
    width: 300px;
    margin-left: 10px;
    margin-right: 10px;
}


.gaiyou_box_l {
	float: left;
	width: 39.7%;
	max-width: 460px;
	text-align: center;
}

.gaiyou_box_r {
	float: right;
	width: 57%;
	max-width: 660px;
}

.g_map01 {
	clear: both;
	width: 100%;
	margin: 20px 0;
}

.gai_space {
	clear: both;
	height: 60px;
}

.kojo_name {
	width: 260px;
	margin: 0 auto 20px;
	text-align: center;
	border: solid 2px #6cb9e2;
	box-sizing: border-box;
	font-weight: bold;
	font-size: 23px;
	line-height: 1em;
	padding: 25px 0;
}

.gaiyou_box_r .kojo_name {
	margin: 0 0 20px;
}

.sub_map {
	width: 100%;
	height: 320px;
}
@media only screen and (max-width:760px) {

    .nitei-syou .img{
        width: 45%;
        margin-left: 1%;
        margin-right: 1%;
    }
}

@media only screen and (max-width:640px) {
	.gaiyou_box_l, .gaiyou_box_r {
		float: none;
		width: 100%;
		max-width: 100%;
		margin-bottom: 20px;
		text-align: left;
	}
	.gai_space {
		height: 40px;
	}
	.kojo_name {
		text-align: center;
		font-size: 18px;
		line-height: 1em;
		padding: 10px 0;
		margin: 0 0 20px;
	}
	.sub_map {
		height: 180px;
	}
}

table.gaiyou02 {
	width: 100%;
	margin-bottom: 30px;
	border-top: solid 1px #000;
	line-height: 1.4em;
}

table.gaiyou02 tr {
	border-bottom: solid 1px #000;
}

table.gaiyou02 th {
	font-weight: bold;
	color: #3a72b5;
	vertical-align: top;
	width: 5em;
	padding: 8px 0 8px 0.5em;
}

table.gaiyou02 td {
	padding: 8px 0;
}

@media only screen and (max-width:640px) {
	table.gaiyou02 th, table.gaiyou02 td {
		padding-top: 5px;
		padding-bottom: 5px;
		font-size: 90%;
		line-height: 1.4em;
	}
}

/* 沿革 */

table.enkaku {
	width: 90%;
	max-width: 860px;
	margin: 0 auto 60px;
	border-top: solid 1px #000;
	line-height: 1.4em;
}

table.enkaku tr {
	border-bottom: solid 1px #000;
}

table.enkaku td {
	padding-top: 8px;
	padding-bottom: 8px;
}

table.enkaku td:nth-child(-n+3) {
	font-weight: bold;
	color: #3a72b5;
	vertical-align: top;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

table.enkaku td:nth-child(3) {
	text-align: right;
	padding-right: 1em;
	padding-left: 0;
}

@media only screen and (max-width:900px) {
	table.enkaku {
		font-size: 90%;
		line-height: 1.4em;
	}
	table.enkaku td:nth-child(4) {
		width: 65%;
	}
}

@media only screen and (max-width:640px) {
	table.enkaku td:nth-child(-n+3) {
		display: inline-block;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 1em;
		text-align: left;
	}
	table.enkaku td:nth-child(4) {
		display: inline-block;
		width: 100%;
	}
}

/* 設備 */

.se_l {
	float: left;
}

.se_r {
	float: right;
}

table.setubi_list {
	width: 48%;
	max-width: 560px;
	border-top: solid 1px #000;
	line-height: 1.4em;
}

table.setubi_list tr {
	border-bottom: solid 1px #000;
}

table.setubi_list th {
	font-weight: bold;
	color: #3a72b5;
	padding: 0.5em 1em 0;
}

table.setubi_list td {
	width: 20%;
	text-align: right;
	padding: 0.5em 1em;
}

table.hb_none {
	border-top: none;
}

@media only screen and (max-width:640px) {
	.se_l {
		float: none;
	}
	.se_r {
		float: none;
	}
	table.setubi_list {
		width: 100%;
		margin: auto;
		font-size: 90%;
		line-height: 1.4em;
	}
	table.setubi_list.se_r {
		border-top: none;
	}
	table.setubi_list th {
		padding: 0.5em 1%;
	}
	table.setubi_list td {
		width: 25%;
		padding: 0.5em 1%;
	}
	table.hb_none {
		margin-top: 40px;
	}
}

/*  採用情報
-------------------------------*/

/* 募集要項 */

.cat-1 table, .cat-2 table {
	max-width: 100%;
	margin: 0 auto 30px;
	;
}

.cat-1 table th, .cat-1 table td, .cat-2 table th, .cat-2 table td {
	padding: 5px;
}

@media only screen and (max-width:640px) {
	.cat-1 .d_contents, .cat-2 .d_contents {
		overflow: auto;
	}
	.cat-1 table, .cat-2 table {
		font-size: 90%;
		line-height: 1.4em;
	}
}

.f_rec_navi {
	width: 90%;
	max-width: 1160px;
	margin: auto;
	text-align: center;
}

.f_rec_navi li {
	display: inline-block;
	width: 40%;
	max-width: 360px;
	margin: 0 1.3%;
}

@media only screen and (max-width:640px) {
	.f_rec_navi li {
		width: 45%;
		margin: 0 2%;
	}
}

@media only screen and (max-width:480px) {
	.f_rec_navi li {
		width: 90%;
		max-width: 300px;
		margin: 0 auto 15px;
	}
}

.bb_kei {
	border-bottom: solid 1px #999;
}

/* インタビュー */

.inte_title {
	width: 100%;
	background: url(../img/staff/back_staff.jpg) center top no-repeat;
	background-size: cover;
	margin-bottom: 50px;
}

.inte_title .inner {
	width: 95%;
	max-width: 1160px;
	margin: auto;
}

.box_q {
	width: 48%;
	max-width: 560px;
}

table.quest {
	width: 100%;
	margin-bottom: 20px;
}

table.quest th {
	width: 15%;
	max-width: 85px;
	padding-right: 10px;
	padding-bottom: 10px;
}

table.quest th img {
	width: 100%;
	height: auto;
}

table.quest td {
	padding-top: 15px;
	border-bottom: solid 8px #2e3180;
	box-sizing: content-box;
	font-size: 24px;
	line-height: 1.3em;
}

@media only screen and (max-width:764px) {
	table.quest th {
		vertical-align: top;
	}
	table.quest td {
		padding-top: 0;
		font-size: 20px;
		line-height: 1.2em;
	}
}

@media only screen and (max-width:640px) {
	.box_q {
		width: 100%;
		margin: 0 auto 30px;
	}
}

.waku_staff {
	width: 100%;
	height: 700px;
	text-align: center;
	position: relative;
}

.bg_staff01 {
	background: url(../img/staff/staff01_bg.jpg) center top no-repeat;
}

.bg_staff02 {
	background: url(../img/staff/staff02_bg.jpg) center top no-repeat;
}

.bg_staff03 {
	background: url(../img/staff/staff03_bg.jpg) center top no-repeat;
}

.bg_staff04 {
	background: url(../img/staff/staff04_bg.jpg) center top no-repeat;
}

.bg_staff05 {
	background: url(../img/staff/staff05_bg.jpg) center top no-repeat;
}

.bg_staff06 {
	background: url(../img/staff/staff06_bg.jpg) center top no-repeat;
}

.bg_staff07 {
	background: url(../img/staff/staff07_bg.jpg) center top no-repeat;
}

.bg_staff08 {
	background: url(../img/staff/staff08_bg.jpg) center top no-repeat;
}

@media only screen and (max-width:1281px) {
	.bg_staff01, .bg_staff02, .bg_staff03, .bg_staff04, .bg_staff05, .bg_staff06, .bg_staff07, .bg_staff08 {
		background: none;
	}
}

@media only screen and (max-width:980px) {
	.waku_staff {
		height: 550px;
	}
}

@media only screen and (max-width:680px) {
	.waku_staff {
		height: 450px;
	}
}

.waku_messa {
	position: absolute;
	top: 220px;
	left: 2.5%;
	width: 95%;
}

@media only screen and (max-width:980px) {
	.waku_messa {
		top: 100px;
	}
}

.box_messa {
	width: 100%;
	max-width: 740px;
	margin: 0 auto 80px;
	text-align: left;
}

.line_dot {
	text-align: center;
	width: 90%;
	margin: auto;
}

.messa_txt {
	background-color: #fff;
	margin-top: -30px;
	border: solid 2px #6dd0bc;
	padding: 45px;
	text-align: justify;
	text-justify: inter-ideograph;
	z-index: 100;
}

@media only screen and (max-width:640px) {
	.box_messa {
		margin-bottom: 40px;
	}
	.waku_staff_img01 {
		width: 100%;
		background: none;
		padding-top: 0;
	}
	.messa_txt {
		padding: 30px 10px 20px;
		font-size: 90%;
	}
}

.f_inte_navi {
	width: 95%;
	max-width: 1600px;
	margin: auto;
	text-align: center;
}

.f_inte_navi li {
	float: left;
	width: 12.5%;
}

.f_inte_navi_b {
	width: 95%;
	max-width: 1200px;
	margin: auto;
	text-align: center;
}

.f_inte_navi_b li {
/*	float: left;*/
    display: inline-block;
	width: 15.5%;
}


@media only screen and (max-width:640px) {
	.f_inte_navi li {
		width: 25%;
		margin-bottom: 10px;
	}
	.f_inte_navi_b li {
		width: 25%;
		margin-bottom: 10px;
	}	
}

/*  プライバシーポリシー
-------------------------------*/

.pp_txt {
	padding: 50px;
	text-align: justify;
	text-justify: inter-ideograph;
}

.pp_txt p {
	margin-bottom: 40px;
}

@media only screen and (max-width:640px) {
	.pp_txt {
		padding: 0;
	}
	.pp_txt p {
		margin-bottom: 20px;
	}
}

/*  サイトマップ
-------------------------------*/

.sitemap01 {
	width: 100%;
	max-width: 1105px;
	margin: auto;
}

.sitemap01 li {
	float: left;
	width: 20%;
	margin: 0 2.5%;
	line-height: 1.2em;
}

.sitemap01 li a {
	display: block;
	color: #000;
	padding: 10px 0 7px;
}

.sitemap01 li a:before {
	content: "■ ";
	color: #40b8de;
}

.sitemap01 li a:hover {
	background-color: #c3def1;
}

@media only screen and (max-width:640px) {
	.sitemap01 li {
		width: 45%;
		margin: 0 5% 10px 0;
	}
}

.sim_l {
	float: left;
}

.sim_r {
	float: right;
}

.sitemap02 {
	width: 48%;
	max-width: 560px;
}

.sitemap02:after {
	content: "";
	display: block;
	clear: both;
}

.title_map {
	width: 100%;
	background: url(../img/common/back_title_sitemap.png) top center no-repeat;
	background-size: 100% 100%;
	text-align: center;
	font-size: 20ox;
	line-height: 1em;
	font-weight: bold;
	color: #2e318c;
	padding: 13px 0;
	margin-bottom: 30px;
}

.sitemap02 .sim_list {
	width: 40%;
	float: left;
	margin-left: 5%;
}

.sitemap02 .sim_list li a {
	display: block;
	color: #000;
	padding: 8px 0 5px;
}

.sitemap02 .sim_list li a:before {
	content: "■ ";
	color: #40b8de;
}

.sitemap02 .sim_list li a:hover {
	background-color: #c3def1;
}

@media only screen and (max-width:640px) {
	.sim_l, .sim_r {
		float: none;
	}
	.sitemap02 {
		width: 100%;
		margin-bottom: 20px;
	}
	.title_map {
		margin-bottom: 15px;
	}
}

/*  お知らせ
-------------------------------*/

/* お知らせではフッター固定 */

/* ※初期、投稿が少ない時、下が空くから */

@media print, screen and (min-width:640px) {
	.post_news #footer {
		position: fixed;
		bottom: 0;
		left: 0;
	}
}

/* 一覧ページ  */

table.news_info .title_list {
	font-size: 110%;
	line-height: 1.2em;
	font-weight: bold;
	margin-bottom: 5px;
}

@media only screen and (max-width:640px) {
	table.news_info .title_list {
		font-size: 100%;
		line-height: 1.2em;
	}
}

/* 詳細ページ  */

.box_detail {
	margin: 0 auto 80px;
	width: 95%;
	max-width: 970px;
}

.detail_main {
	margin-bottom: 50px;
}

.title_main {
	font-size: 140%;
	line-height: 1.4em;
	color: #1b1464;
	padding: 0 10px 5px;
	border-bottom: solid 1px #999;
	margin-bottom: 10px;
}

.d_date {
	font-size: 90%;
	padding-left: 10px;
	margin-bottom: 40px;
}

.d_contents {
	width: 90%;
	margin: auto;
}

.detail_main img {
	max-width: 80%;
	height: auto;
	margin: 15px;
}

.btn_d_list {
	width: 80%;
	margin: 30px auto;
	text-align: center;
}

@media only screen and (max-width:640px) {
	.box_detail {
		margin-bottom: 40px;
	}
	.title_main {
		font-size: 110%;
		line-height: 1.3em;
		padding: 0 0 3px;
	}
	.d_date {
		margin-bottom: 10px;
		padding: 0;
	}
	.d_contents {
		width: 100%;
		font-size: 90%;
		line-height: 1.5em;
	}
}

/*  事業案内
-------------------------------*/

.bg_work00 {
	background: url(../img/work/back_work.jpg) center top no-repeat;
	padding-top: 264px;
}

.work00_bg_img {
	display: none;
}

.bg_work00 .inner {
	width: 95%;
	margin: auto;
}

.aoblod {
	font-size: 26px;
	line-height: 1.6em;
	color: #1b1464;
	font-weight: bold;
}

.bg_work00 .wide_m {
	width: 95%;
	max-width: 1590px;
	margin: 0 auto 40px;
}

.bg_work00 .wide_s {
	width: 95%;
	max-width: 1160px;
	margin: 0 auto 40px;
}

.bg_work00 .wide_l {
	width: 95%;
	max-width: 1720px;
	margin: 0 auto 40px;
}

.clear_space {
	clear: both;
	height: 120px;
}

.w_lead {
	width: 40.6%;
	text-align: center;
	float: left;
}

.w_lead p {
	width: 90%;
	max-width: 510px;
	margin: 30px auto;
}

.w_img_l {
	float: left;
	width: 29.7%;
}

.w_img_r {
	float: right;
	width: 29.7%;
}

@media only screen and (max-width:1160px) {
	.bg_work00 {
		background-size: contain;
	}
	.aoblod {
		font-size: 22px;
		line-height: 1.4em;
	}
}

@media only screen and (max-width:980px) {
	.bg_work00 {
		background: none;
		padding-top: 0;
	}
	.work00_bg_img {
		display: block;
	}
	.aoblod {
		font-size: 20px;
		line-height: 1.4em;
	}
	.w_lead {
		width: 100%;
	}
	.w_lead p {
		margin: 15px 0;
		width: 100%;
		max-width: 100%;
		text-align: left;
	}
	.w_img_l, .w_img_r {
		display: none;
	}
}

@media only screen and (max-width:640px) {
	.clear_space {
		height: 40px;
	}
}

.about_pc {
	margin: 30px 0;
	width: 100%;
}

.about_pc li {
	display: inline-block;
	vertical-align: middle;
}

.about_pc li.about1 {
	width: 47%;
	border: solid 2px #1b1464;
	box-sizing: border-box;
	padding: 2% 3%;
}

.about_pc li.about2 {
	width: 4%;
	text-align: center;
}

@media only screen and (max-width:640px) {
	.about_pc li {
		display: block;
	}
	.about_pc li.about1 {
		width: 100%;
	}
	.about_pc li.about2 {
		width: 100%;
		margin-top: -10px;
		margin-bottom: -10px;
	}
}

.bg_ans {
	width: 84%;
	margin: auto;
	background-color: #f1f1f1;
	padding: 3%;
	margin-bottom: 40px;
}

.bg_ans li {
	display: inline-block;
	vertical-align: top;
}

.bg_ans li:first-child {
	margin: 0 10px 10px 0
}

.w_box_slide_ttl {
	width: 95%;
	max-width: 1015px;
	margin: 0 auto;
}

#w_box_slide {
	width: 95%;
	max-width: 1015px;
	margin: 0 auto;
	border: solid 2px #5cc1d8;
}

.bg_slash_w {
	background: url(../img/top/back_top04.jpg) top center no-repeat;
	background-size: cover;
	padding-bottom: 50px;
}

.w_img2_l {
	float: left;
	width: 48%;
	padding-top: 120px;
}

.w_img2_r {
	float: right;
	width: 48%;
}

@media only screen and (max-width:980px) {
	.w_img2_l {
		padding-top: 60px;
	}
}

@media only screen and (max-width:640px) {
	.w_img2_l, .w_img2_r {
		float: none;
		width: 100%;
		text-align: center;
		font-size: 95%;
		margin-bottom: 15px;
	}
	.w_img2_l img, .w_img2_r img {
		width: 70%;
		height: auto;
		margin: auto;
	}
}

table.w_zoukei {
	width: 100%;
}

table.w_zoukei th {
	width: 31%;
	vertical-align: middle;
}

table.w_zoukei th img {
	width: 100%;
}

table.w_zoukei td {
	width: 69%;
	vertical-align: middle;
	padding-left: 20px;
}

@media only screen and (max-width:640px) {
	table.w_zoukei th {
		width: 100%;
		display: inline-block;
		text-align: center;
		padding-bottom: 15px;
	}
	table.w_zoukei th img {
		width: 70%;
		height: auto;
		margin: auto;
	}
	table.w_zoukei td {
		width: 100%;
		display: inline-block;
		padding: 0;
	}
}

.bg_work00_2 {
	background: url(../img/work/work_img10.png) center center no-repeat;
	text-align: center;
	padding: 273px 0;
}

.bg_work00_2 a {
	display: block;
	width: 80%;
	max-width: 467px;
	margin: auto;
	padding: 27px 0;
	border: solid 2px #fff;
	box-sizing: content-box;
	text-align: center;
	font-size: 16px;
	line-height: 1em;
	font-weight: bold;
	color: #fff;
}

.bg_work00_2 a:hover {
	background: url(../img/work/bg_siro.png);
}

@media only screen and (max-width:640px) {
	.bg_work00_2 {
		padding: 100px 20px;
		margin-bottom: 30px;
	}
}

/* 事業案内ナビ */

.w_box_ac {
	text-align: center;
	margin-bottom: 60px;
}

.work_f_navi {
	width: 95%;
	max-width: 1580px;
	margin: auto;
}

.work_f_navi li {
	float: left;
	width: 22.7%;
	margin-right: 3%;
}

.work_f_navi li:last-child {
	margin-right: 0;
}

@media only screen and (max-width:640px) {
	.w_box_ac {
		text-align: left;
		margin-bottom: 30px;
	}
	.work_f_navi li {
		width: 50%;
		margin-right: 0;
		margin-bottom: 15px;
	}
	.work_f_navi li img {
		width: 90%;
		margin: auto;
	}
}

/* 事業案内｜営業 　*/

.bg_work05 {
	background: url(../img/work05/back_work05.jpg) center top no-repeat;
}

@media only screen and (max-width:980px) {
	.bg_work05 {
		background: none;
	}
}

.w05_flow {
	width: 100%;
	margin-bottom: 40px;
	text-align: center;
	position: relative;
}

.w05_flow_txt {
	position: absolute;
	top: 70px;
	left: 0;
	width: 100%;
}

.w05_flow_txt p {
	width: 60%;
	max-width: 600px;
	margin: auto;
}

.flow_sp {
	display: none;
}

@media only screen and (max-width:980px) {
	.w05_flow_txt {
		position: static;
		margin: 10px 0;
	}
	.w05_flow_txt p {
		width: 100%;
		max-width: 100%;
	}
	.flow_pc {
		display: none;
	}
	.flow_sp {
		display: block;
	}
}

.w05_waku_ao1 {
	border: solid 1px #40b8de;
	padding: 3%;
}

.w05_waku_ao1 .title {
	font-size: 26px;
	line-height: 1.2em;
	color: #40b8de;
	font-weight: bold;
	text-align: center;
	margin-bottom: 15px;
}

@media only screen and (max-width:980px) {
	.w05_waku_ao1 .title {
		font-size: 22px;
		line-height: 1.2em;
		margin-bottom: 15px;
	}
}

.w05_join {
	text-align: center;
	margin: 10px;
}

.w05_btn a {
	display: block;
	width: 100%;
	max-width: 456px;
	margin: auto;
	font-size: 26px;
	font-weight: bold;
	line-height: 1em;
	color: #2e3180;
	padding: 20px 0;
	text-align: center;
	border: solid 1px #2e3180;
}

.w05_btn a:hover {
	background-color: #2e3180;
	color: #fff;
}

.w05_waku_ao2 {
	border: solid 3px #2e3180;
	box-sizing: border-box;
	padding: 3%;
}

.w05_flow_num {
	float: left;
	width: 11%;
}

.w05_flow_naiyou {
	float: right;
	width: 89%;
	text-align: center;
}

.w05_flow_naiyou .title {
	margin-bottom: 20px;
	margin-right: 13%;
}

.w05_flow_naiyou_img {
	margin-top: 20px;
}

.w_img3_l {
	float: left;
	width: 48%;
}

.w_img3_r {
	float: right;
	width: 48%
}

.w_point {
	position: relative;
}

.w_point_img {
	position: absolute;
	top: 0;
	left: 0;
}

.w_point_txt {
	float: right;
	width: 90%;
	padding: 9% 3%;
	border: solid 3px #40b8de;
	box-sizing: border-box;
}

.w_point_space {
	height: 80px;
}

.w_img3_l.kensa {
	float: none;
	margin: auto;
	width: 70%;
}

.w_img3_l.kensa .w_point_space {
	height: 20px;
}

.w_img3_l.kensa .w_point_txt {
	padding: 3% 3% 3% 12%;
}

.ttl_jisyu {
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
	color: #1b1464;
	padding-right: 22%;
}

@media only screen and (max-width:1160px) {
	.w_point_txt {
		padding: 5% 3%;
	}
	.w_point_img img {
		width: 70%;
	}
	.w_point_space {
		height: 50px;
	}
}

@media only screen and (max-width:980px) {
	.w_point_txt, .w_img3_l.kensa .w_point_txt {
		float: none;
		width: 100%;
		padding: 3%;
		font-size: 90%;
		line-height: 1.5em;
	}
	.w_point_img img {
		display: none;
	}
	.w_point_space {
		height: 0;
	}
	.ttl_jisyu {
		padding: 0;
	}
}

@media only screen and (max-width:640px) {
	.w_img3_l, .w_img3_r, .w_img3_l.kensa {
		float: none;
		width: 100%;
		margin-bottom: 15px;
	}
}

/* 事業案内｜設計 　*/

.bg_work02 {
	background: url(../img/work05/back_work02.jpg) center top no-repeat;
}

@media only screen and (max-width:980px) {
	.bg_work02 {
		background: none;
	}
}

.w05_waku_ao3 {
	border: solid 3px #40b8de;
	padding: 3%;
}

.w_img3_l .title, .w_img3_r .title {
	color: #40b8de;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 2px;
}

.ep_space {
	height: 80px;
}

@media only screen and (max-width:680px) {
	.w_img3_l .title, .w_img3_r .title {
		font-size: 20px;
	}
	.ep_space {
		height: 0;
	}
}

/* 事業案内｜製造 　*/

.bg_work03 {
	background: url(../img/work05/back_work03.jpg) center top no-repeat;
}

.bg_work03_b {
	background: url(../img/work05/back_work03_b.jpg) center top no-repeat;
}

@media only screen and (max-width:980px) {
	.bg_work03 {
		background: none;
	}
	.bg_work03_b {
		background: none;
	}	
}

.w03_bg_gray {
	background-color: #f1f1f1;
	padding: 3%;
	text-align: center;
	margin: 30px 0;
}

.w03img00 {
	position: relative;
}

.wide_img {
	position: absolute;
	top: 550px;
	left: -17%;
	width: 134.5%;
}

.imgx2 li {
	float: left;
	width: 48.5%;
	max-width: 760px;
	margin-right: 2.5%;
}

.imgx2 li:last-child {
	margin-right: 0;
}

.imgx2_space1 {
	height: 100px;
}

.imgx2_space2 {
	height: 300px;
}

.wide_img_2 {
	position: absolute;
	top: 200px;
	left: -17%;
	width: 134.5%;
}

@media only screen and (max-width:1160px) {
	.wide_img, .wide_img_2 {
		position: static;
		width: auto;
		text-align: center;
	}
	.imgx2 li {
		float: none;
		width: 100%;
		max-width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.imgx2_space1 {
		height: 0;
	}
	.imgx2_space2 {
		height: 0;
	}
}

/* 事業案内｜施工 　*/

.bg_work04 {
	background: url(../img/work05/back_work04.jpg) center top no-repeat;
}

@media only screen and (max-width:980px) {
	.bg_work04 {
		background: none;
	}
}

.pr15p {
	padding-right: 10%;
}

@media only screen and (max-width:1100px) {
	.pr15p {
		padding-right: 0%;
	}
}

.w04_img2 {
	width: 100%;
	max-width: 1560px;
	margin-bottom: 40px;
}

.w04_img2 li {
	float: left;
	width: 48.5%;
	max-width: 760px;
	margin-right: 2.5%;
}

.w04_img2 li:last-child {
	margin-right: 0;
}

@media only screen and (max-width:680px) {
	.w04_img2 {
		margin-bottom: 20px;
	}
	.w04_img2 li {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
		text-align: center;
	}
	.w04_img2 li img {
		width: 80%;
		height: auto;
	}
}

/*  施工事例
-------------------------------*/

.ac_box_l {
	float: left;
	width: 57%;
	text-align: center;
}

.ac_box_r {
	float: right;
	width: 40%;
	padding-top: 25px;
}

.tate_space {
	height: 220px;
}

.ac_box_r dl {
	width: 100%;
	font-size: 14px;
	line-height: 1.8em;
}

.ac_box_r dt {
	float: left;
	clear: left;
	width: 19%;
	min-width: 6em;
	color: #3a72b5;
	font-weight: bold;
}

.ac_box_r dd {
	width: auto;
	max-width: 27em;
	margin-left: 6em;
}

.ac_kei {
	clear: both;
	width: 100%;
	border-bottom: solid 1px #6cb9e2;
	padding-top: 35px;
	margin-bottom: 35px;
}

.ac_banner {
	width: 100%;
	max-width: 400px;
}

@media only screen and (max-width:980px) {
	.ac_box_r {
		padding-top: 0;
	}
	.ac_kei {
		padding-top: 15px;
		margin-bottom: 15px;
	}
}

@media only screen and (max-width:680px) {
	.seko_jirei .kojo_name {
		margin-left: auto;
		margin-right: auto;
	}
	.ac_box_l {
		float: none;
		width: 100%;
		margin-bottom: 15px;
	}
	.ac_box_r {
		float: none;
		width: 100%;
	}
	.tate_space {
		height: 0;
	}
	.ac_banner {
		width: 70%;
		margin: auto;
	}
}

.list_jirei {
	float: left;
	width: 31%;
	max-width: 360px;
	margin: 0 1%;
}

.list_jirei dt {
	border: solid 2px #6cb9e2;
	box-sizing: border-box;
	text-align: center;
	font-size: 18px;
	line-height: 1em;
	font-weight: bold;
	padding: 8px 0 5px;
	margin-bottom: 10px;
}

.list_jirei dt:nth-child(n+3) {
	margin-top: 30px;
}

@media only screen and (max-width:764px) {
	.list_jirei {
		float: none;
		width: 80%;
		margin: auto;
	}
}







/*CSS*/
.show-sp{
	display: none;
}
@media only screen and (max-width:767px) {
	.show-sp{
		display: block;
	}
	span.d-hiden{
		display: none;
	}
}
/*END CSS*/