@charset "utf-8";

/*--------------------------------------------------------------------------------------------------

   page
			   - index
						- secTitle
						- commonBox
						- pager
						- company
						- sdgs

--------------------------------------------------------------------------------------------------*/


@media screen and (min-width: 641px){

/*------------------------------------------------------------------------------------------------
  index
--------------------------------------------------------------------------------------------------*/
#wide {
	margin: 97px 0 0;
}

.sp-slide {
	height: 436px;
}

#indexNews {
	width: 940px;
	margin: 26px auto 0;
}

#indexNews .nonews {
	margin: 10px;
}

#indexNews h2 {
	padding: 0 0 15px;
	text-align: center;
	border-bottom: 4px solid #E60019;
}

#indexNews ul {
	margin: 0 0 25px;
	padding: 0;
	list-style: none;
}

#indexNews ul li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #434343;
}

#indexNews ul li a {
	display: block;
	background: url(../image/arrow-01.png) no-repeat 98% center;
	background-size: 8px;
	color: #282828;
	padding: 15px 10px;
}

#indexNews ul li a:hover, #indexNews ul li a:active {
	text-decoration: underline;
}

#indexNews ul li div {
	display: inline-block;
	width: 210px;
	font-family: Arial, Helvetica, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-weight: bold;
}

#indexNews ul li span {
	color: #E60019;
	display: inline-block;
	margin: 0 0 0 18px;
	padding: 0 10px;
	border: 1px solid #E60019;
	text-align: center;
	width: 100px;
}

#indexCompany {
	width: 100%;
	height: 528px;
	background: url(../image/index_company-04.jpg) no-repeat center 0;
	background-size: cover;
}

#indexCompany .cont {
	width: 960px;
	margin: 0 auto 50px;
	padding: 105px 0 0;
	text-align: center;
}

#indexCompany .cont p {
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #491010;
	font-size: 20px;
	font-weight: bold;
	line-height: 2;
}

#indexCompany .cont p img {
	margin-bottom: 50px;
}

#indexService {
	background: url(../image/index_service_back.png) no-repeat center 0;
	background-size: cover;
}

#indexService h2 {
	width: 940px;
	margin: 0 auto 40px;
	padding: 30px 0 15px;
	text-align: center;
	border-bottom: 4px solid #E60019;
}

#indexService .cont {
	width: 940px;
	margin: 0 auto;
}

#indexService .cont dl {
	height: 251px;
}

#indexService .cont dl dt {
	text-indent: -9999px;
}

#indexService .cont dl dd {
	color: #FFFFFF;
}

#indexService .cont dl.right {
	width: 880px;
	margin: 0 0 28px auto;
}

#indexService .cont dl.right dd {
	width: 340px;
	margin: 120px 0 0 450px;
}

#indexService .cont dl.left {
	width: 880px;
	margin: 0 auto 28px 0;
}

#indexService div dl.left dd {
	width: 340px;
	margin: 120px 0 0 100px;
}

#indexService .cont dl.s01 {
	background: url(../image/index_service-01.png) no-repeat 0 0;
}

#indexService .cont dl.s02 {
	background: url(../image/index_service-02.png) no-repeat 0 0;
}

#indexService .cont dl.s03 {
	background: url(../image/index_service-03.png) no-repeat 0 0;
}

#indexService .cont dl.s04 {
	background: url(../image/index_service-04.png) no-repeat 0 0;
}

#indexService .cont dl.s05 {
	background: url(../image/index_service-05.png) no-repeat 0 0;
}

#indexRecruit {
	background: url(../image/index_recruit_back-05.jpg) no-repeat center 0;
	background-size: cover;
	height: 391px;
}

#indexRecruit h2 {
	width: 940px;
	margin: 0 auto 60px;
	padding: 30px 0 8px;
	text-align: center;
}

#indexRecruit .cont {
	width: 460px;
	margin: 0 auto 20px;
}

#indexRecruit .cont p.lead {
	text-align: center;
	margin: 0 0 25px;
}

#indexRecruit .cont p {
	font-weight: bold;
}

#indexOffice {
	background-color: #A2A2A2;
}

#indexOffice .cont {
	width: 960px;
	margin: 0 auto;
}

#indexOffice .cont .okayama {
	width: 50%;
	height: 290px;
	float: left;
	background: url(../image/okayama_back02.png) no-repeat center center;
	background-size: cover;
	padding: 95px 0 0;
	text-align: center;
}

#indexOffice .cont .osaka {
	width: 50%;
	height: 290px;
	float: right;
	background: url(../image/osaka_back.png) no-repeat center center;
	background-size: cover;
	padding: 95px 0 0;
	text-align: center;
}

#indexOffice .cont p {
	padding: 98px 0 30px;
	text-align: center;
}

#indexOffice .cont .office {
	height: 290px;
	background: url(../image/index_office_back.jpg) no-repeat center center;
	background-size: cover;
}

#indexSdgs {
	height: 290px;
	background:url(../image/top_sdgs_back.png) no-repeat center center;
	background-size: cover;
}

#indexSdgs .cont {
	width: 960px;
	margin: 0 auto;
	padding: 90px 0 0;
	text-align: center;
}

#indexSdgs .cont p {
	margin-bottom: 30px;
}



/*------------------------------------------------------------------------------------------------
  secTitle
--------------------------------------------------------------------------------------------------*/
#secTitle {
	margin: 97px 0 0;
	height: 179px;
}

#secTitle h1 {
	padding: 70px 0 0;
	text-align: center;
}

#secTitle h1 img {
	height: 39px;
	width: auto;
}

#secTitle.company {
	background: url(../image/company_back.png) no-repeat center center;
	background-size: cover;
	border-bottom: 4px solid #E60019;
}

#secTitle.service {
	background: url(../image/service_back.png) no-repeat center center;
	background-size: cover;
}

#secTitle.advantage {
	background: url(../image/advantage_back.png) no-repeat center center;
	background-size: cover;
}

#secTitle.works {
	background: url(../image/works_back.png) no-repeat center center;
	background-size: cover;
}

#secTitle.news {
	background: url(../image/news_back.png) no-repeat center center;
	background-size: cover;
}

#secTitle.contact {
	background: url(../image/contact_back.png) no-repeat center center;
	background-size: cover;
}

#secTitle.contact_confirm {
	background: url(../image/contact_contact_confirm_back.png) no-repeat center center;
	background-size: cover;
}

#secTitle.contact_error {
	background: url(../image/contact_contact_error_back.png) no-repeat center center;
	background-size: cover;
}

#secTitle.contact_send {
	background: url(../image/contact_contact_send_back.png) no-repeat center center;
	background-size: cover;
}

#secTitle.recruit {
	background: url(../image/recruit_back.png) no-repeat center center;
	background-size: cover;
}

#secTitle.requirements {
	background: url(../image/requirements_back.png) no-repeat center center;
	background-size: cover;
}

#secTitle.requirements2 {
	background: url(../image/requirements2_back-02.png) no-repeat center center;
	background-size: cover;
}

#secTitle.partner {
	background: url(../image/partner_back.png) no-repeat center center;
	background-size: cover;
}

#secTitle.sdgs {
	background: url(../image/sdgs_back.jpg) no-repeat center center;
	background-size: cover;
}


/*------------------------------------------------------------------------------------------------
  commonBox
--------------------------------------------------------------------------------------------------*/
.commonBox {
	width: 940px;
	margin: 0 auto;
	padding: 43px 0 55px;
}

.commonBox h2 {
	margin: 0 0 57px;
	padding: 8px 0 15px;
	text-align: center;
	border-bottom: 4px solid #E60019;
}

.commonBox h2 img {
	margin-bottom: 8px;
}

.commonColor {
	background-color: #F5F5F5;
}

.commonTb {
	width: 780px;
	margin: 0 auto;
	line-height: 1.6;
}

.commonTb th {
	width: 180px;
	border: 1px solid #434343;
	background-color: #DCDCDC;
	padding: 14px;
}

.commonTb td {
	border: 1px solid #434343;
	padding: 14px;
	background-color: #FFFFFF;
}


/*------------------------------------------------------------------------------------------------
  pager
--------------------------------------------------------------------------------------------------*/
.pager_wrap {
	position: relative;
	overflow: hidden;
	margin: 20px 0 10px;
}

.pager_wrap ul.pager {
	position: relative;
	left: 50%;
	float: left;
}

.pager_wrap ul.pager li {
	position: relative;
	left: -50%;
	float: left;
}

.pager_wrap ul.pager {
	margin: 0;
	padding: 0;
	list-style: none;
}

.pager_wrap ul.pager li {
	display: inline;
	margin: 2px;
	padding: 0;
	text-align: center;
}

.pager_wrap ul.pager li a {
	display: block;
	padding: 10px 15px;
	color: #E60019;
	font-weight: bold;
}

.pager_wrap ul.pager li a:hover {
	background-color: #FACCD1;
}

.pager_wrap ul.pager li.active {
	background-color: #E60019;
	display: block;
	padding: 10px 15px;
	color: #FFFFFF;
}

.pager_wrap ul.pager li.active a:link, .pager_wrap ul.pager li.active a:visited,
.pager_wrap ul.pager li.active a:hover, .pager_wrap ul.pager li.active a:active {
	color: #FFFFFF !important;
}


/*------------------------------------------------------------------------------------------------
  company
--------------------------------------------------------------------------------------------------*/
#greeting {
	background: url(../image/greeting_back.png) no-repeat center center;
	background-size: cover;
}

#greeting div {
	position: relative;
	width: 940px;
	height: 560px;
	margin: 0 auto;
	background: url(../image/greeting-05.png) no-repeat 100% 100%;
	background-size: 470px;
}

#greeting h2 {
	padding: 60px 0 45px;
	text-align: center;
}

#greeting div p.lead {
	width: 480px;
	margin: 45px 0 20px;
}

#greeting div p.lead,
#greeting div p.text {
	width: 480px;
	margin: 0 0 20px;
}

#greeting div p.sig {
	width: 480px;
	margin: 0 0 20px;
	text-align: right;
}

#greeting div p.sig span {
	font-size: 18px;
}

#greeting div p.image {
	position: absolute;
	margin: 0 auto;
	bottom: 0;
	right: -100px;
}

.headoffice {
	width: 940px;
	margin: 65px auto 30px;
}

.headoffice dl {
	float: left;
	width: 300px;
	margin: 0 0 0 20px;
}

.headoffice dl dt {
	margin: 0 0 20px;
}

.headoffice dl dd p {
	line-height: 1.6;
	margin: 0 0 10px;
}


.headoffice p.image {
	float: right;
	width: 510px;
}


/*------------------------------------------------------------------------------------------------
  service
--------------------------------------------------------------------------------------------------*/
#serviceBox {
	widht: 940px;
	margin: 0 auto;
	padding: 68px 0 0;
	color: #FFFFFF;
	text-align: center;
}

#serviceBox div {
	margin-bottom: 40px;
}

#serviceBox div h2 {
	text-indent: -9999px;
}

#serviceBox .service-01 p.about,
#serviceBox .service-03 p.about,
#serviceBox .service-05 p.about {
	position: absolute;
	top: 145px;
	left: 430px;
	width: 340px;
}

#serviceBox .service-02 p.about,
#serviceBox .service-04 p.about {
	position: absolute;
	top: 150px;
	left: 160px;
	width: 340px;
}

#serviceBox .service-01 dl,
#serviceBox .service-03 dl,
#serviceBox .service-05 dl {
	position: absolute;
	top: 250px;
	left: 350px;
	width: 390px;
}

#serviceBox .service-02 dl,
#serviceBox .service-04 dl {
	position: absolute;
	top: 255px;
	left: 100px;
	width: 390px;
}

#serviceBox .service-01 .btnBox4,
#serviceBox .service-03 .btnBox4,
#serviceBox .service-05 .btnBox4 {
	position: absolute;
	top: 335px;
	left: 410px;
}

#serviceBox .service-02 .btnBox4,
#serviceBox .service-04 .btnBox4 {
	position: absolute;
	top: 335px;
	left: 170px;
}

.service-01 {
	position: relative;
	width: 881px;
	height: 441px;
	margin: 0 auto;
	background: url(../image/service-01.png) no-repeat 0 0;
}

.service-02 {
	position: relative;
	width: 940px;
	height: 441px;
	margin: 0 auto;
	background: url(../image/service-02.png) no-repeat 0 0;
}

.service-03 {
	position: relative;
	width: 881px;
	height: 441px;
	margin: 0 auto;
	background: url(../image/service-03.png) no-repeat 0 0;
}

.service-04 {
	position: relative;
	width: 940px;
	height: 441px;
	margin: 0 auto;
	background: url(../image/service-04.png) no-repeat 0 0;
}

.service-05 {
	position: relative;
	width: 881px;
	height: 441px;
	margin: 0 auto;
	background: url(../image/service-05.png) no-repeat 0 0;
}

#okayama {
	padding: 100px 0 0;
}

#osaka {
	padding: 100px 0 0;
}

.alink {
	margin: -100px 0 0;
}


/*------------------------------------------------------------------------------------------------
  advantage
--------------------------------------------------------------------------------------------------*/
#advantageBox {
	width: 801px;
	margin: 0 auto;
	padding: 60px 0 30px;
}

#advantageBox p {
	margin: 0 0 30px;
}

#advantageBox p.tuyomi {
	margin: 0 0 20px;
}

#advantageBox p.tuyomiText {
	width: 650px;
	margin: 0 auto;
}

#advantageBox2 {
	width: 960px;
	margin: 0 auto;
}

#advantageBox2 .adv {
	position: relative;
	height: 411px;
}

#advantageBox2 .adv01 .contents,
#advantageBox2 .adv03 .contents {
	position: absolute;
	top: 0;
	left: 80px;
	width: 350px;
	margin: 0;
	padding: 30px;
	background-color: rgba(133, 23, 24, 0.75);
	color: #FFFFFF;
	min-height: 411px;
}

#advantageBox2 .adv02 .contents {
	position: absolute;
	top: 0;
	right: 80px;
	width: 350px;
	margin: 0;
	padding: 30px;
	background-color: rgba(133, 23, 24, 0.75);
	color: #FFFFFF;
	min-height: 411px;
}

#advantageBox2 .adv01 div h2,
#advantageBox2 .adv02 div h2,
#advantageBox2 .adv03 div h2 {
	margin: 0 0 15px;
}

#advantabeBox3 {
	padding: 71px 0 0;
	background: url(../image/advantage-09.png) no-repeat center center;
	background-size: cover;
	height: 341px;
}

#advantabeBox3 p {
	margin: 0 0 37px;
}


/*------------------------------------------------------------------------------------------------
  works
--------------------------------------------------------------------------------------------------*/
#worksBox {
	width: 960px;
	margin: 0 auto;
			padding: 60px 0 0 2px;
}

#worksBox h2 {
	margin: 0 0 30px;
	padding: ;
	text-align: center;
	border-bottom: 4px solid #E60019;
	font-weight: bold;
	font-size: 30px;
}

.catBox {
	padding: 0 2px 30px 0;
	text-align: center;
}

.catBox a {
	margin: 0 5px;
}

.catBox .button01 {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  outline: none;
		width: 140px;
		padding: 8px 0;
		box-shadow: 4px 4px #851717;
}
.catBox .button01::before,
.catBox .button01::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.catBox .button01,
.catBox .button01::before,
.catBox .button01::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.catBox .button01 {
  position: relative;
  z-index: 2;
  overflow: hidden;
		color: #FFFFFF !important;
		border: 1px solid #E60019;
		background-color: #E60019;
}

.catBox .button01:hover {
  color: #E60019 !important;
}

.catBox .button01::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.catBox .button01:hover::after {
  -webkit-transform: scale(2) rotate(180deg);
  transform: scale(2) rotate(180deg);
		background-color: #FFFFFF;
}

.catBox .button02 {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  outline: none;
		width: 140px;
		padding: 8px 0;
		box-shadow: 4px 4px #5B3F2B;
}
.catBox .button02::before,
.catBox .button02::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.catBox .button02,
.catBox .button02::before,
.catBox .button02::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.catBox .button02 {
  position: relative;
  z-index: 2;
  overflow: hidden;
		color: #FFFFFF !important;
		border: 1px solid #CB8E2E;
		background-color: #CB8E2E;
}

.catBox .button02:hover {
  color: #CB8E2E !important;
}

.catBox .button02::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.catBox .button02:hover::after {
  -webkit-transform: scale(2) rotate(180deg);
  transform: scale(2) rotate(180deg);
		background-color: #FFFFFF;
}

.catBox .button03 {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  outline: none;
		width: 140px;
		padding: 8px 0;
		box-shadow: 4px 4px #023256;
}
.catBox .button03::before,
.catBox .button03::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.catBox .button03,
.catBox .button03::before,
.catBox .button03::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.catBox .button03 {
  position: relative;
  z-index: 2;
  overflow: hidden;
		color: #FFFFFF !important;
		border: 1px solid #1766A1;
		background-color: #1766A1;
}

.catBox .button03:hover {
  color: #1766A1 !important;
}

.catBox .button03::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.catBox .button03:hover::after {
  -webkit-transform: scale(2) rotate(180deg);
  transform: scale(2) rotate(180deg);
		background-color: #FFFFFF;
}

.catBox .button04 {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  outline: none;
		width: 140px;
		padding: 8px 0;
		box-shadow: 4px 4px #003E1B;
}
.catBox .button04::before,
.catBox .button04::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.catBox .button04,
.catBox .button04::before,
.catBox .button04::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.catBox .button04 {
  position: relative;
  z-index: 2;
  overflow: hidden;
		color: #FFFFFF !important;
		border: 1px solid #1E6F41;
		background-color: #1E6F41;
}

.catBox .button04:hover {
  color: #1E6F41 !important;
}

.catBox .button04::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.catBox .button04:hover::after {
  -webkit-transform: scale(2) rotate(180deg);
  transform: scale(2) rotate(180deg);
		background-color: #FFFFFF;
}

.catBox .button05 {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  outline: none;
		width: 140px;
		padding: 8px 0;
		box-shadow: 4px 4px #21003F;
}
.catBox .button05::before,
.catBox .button05::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.catBox .button05,
.catBox .button05::before,
.catBox .button05::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.catBox .button05 {
  position: relative;
  z-index: 2;
  overflow: hidden;
		color: #FFFFFF !important;
		border: 1px solid #5C3381;
		background-color: #5C3381;
}

.catBox .button05:hover {
  color: #5C3381 !important;
}

.catBox .button05::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.catBox .button05:hover::after {
  -webkit-transform: scale(2) rotate(180deg);
  transform: scale(2) rotate(180deg);
		background-color: #FFFFFF;
}

.catBox .button06 {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  outline: none;
		width: 140px;
		padding: 8px 0;
		box-shadow: 4px 4px #151515;
}
.catBox .button06::before,
.catBox .button06::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.catBox .button06,
.catBox .button06::before,
.catBox .button06::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.catBox .button06 {
  position: relative;
  z-index: 2;
  overflow: hidden;
		color: #FFFFFF !important;
		border: 1px solid #5F5F5F;
		background-color: #5F5F5F;
}

.catBox .button06:hover {
  color: #5F5F5F !important;
}

.catBox .button06::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.catBox .button06:hover::after {
  -webkit-transform: scale(2) rotate(180deg);
  transform: scale(2) rotate(180deg);
		background-color: #FFFFFF;
}

.worksList {
	width: 940px;
	margin: 0 auto;
}

.worksList a {
	display: block;
	width: 300px;
	float: left;
	margin: 0 20px 60px 0;
}

.worksList a:nth-child(3n) {
	margin: 0 0 60px;
}

.worksList div {
	background-color: #F4F4F4;
	border: 1px solid #E60019;
	line-height: 1.4;
}

.worksList a:hover {
	color: #434343 !important;
}

.worksList a dd {
	color: #7F1617 !important;
	font-weight: bold;
	font-size: 17px;
}

.worksList a:hover dd h2 {
	color: #7F1617 !important;
}

.worksList div dl {
	padding: 10px;
}

.worksList div dl dt {
	margin: 0 0 3px;
}

.worksList div dl dd ul,
.worksTitle ul {
	margin: 0 0 2px;
	padding: 0;
	list-style: none;
}

.worksList div dl dd ul li,
.worksTitle ul li {
	margin: 0 5px 2px 0;
	padding: 0 5px;
	display: inline-block;
	font-size: 14px;
	font-weight: normal;
}

span.cat01,
.worksList div dl dd ul li.works-cat01,
.worksTitle ul li.works-cat01 {
	background-color: #CB8E2E;
	color: #FFF;
}

span.cat02,
.worksList div dl dd ul li.works-cat02,
.worksTitle ul li.works-cat02 {
	background-color: #1766A1;
	color: #FFF;
}

span.cat03,
.worksList div dl dd ul li.works-cat03,
.worksTitle ul li.works-cat03 {
	background-color: #1E6F41;
	color: #FFF;
}

span.cat04 ,
.worksList div dl dd ul li.works-cat04,
.worksTitle ul li.works-cat04 {
	background-color: #5C3381;
	color: #FFF;
}

span.cat05 ,
.worksList div dl dd ul li.works-cat05,
.worksTitle ul li.works-cat05 {
	background-color: #5F5F5F;
	color: #FFF;
}

/*------------------------------------------------------------------------------------------------
  worksList
--------------------------------------------------------------------------------------------------*/
#worksListBox {
	width: 940px;
	margin: 0 auto;
	padding: 50px 0;
}

/*------------------------------------------------------------------------------------------------
  worksDetail
--------------------------------------------------------------------------------------------------*/
.worksTitle {
	margin: 0 0 10px;
	padding: 10px;
	color: #FFFFFF;
	background-color: #851718;
}

.worksTitle dt {
	float: left;
	width: 100px;
}

.worksTitle dd {
	margin: 0;
}

.worksTitle h2 {
	font-size: 17px;
}

.worksCatch {
	margin: 0;
	padding:10px 10px 0;
	line-height: 1.4;
	font-size: 17px;
	font-weight: bold;
	color: #851718;
}

.sp-selected-button {
	background-color: #E60019 !important;
}

.sp-button {
	border: 2px solid #E60019 !important;
}

#simple {
	margin: 0 0 30px;
}

.worksDetail .basic {
	width: 100%;
	margin-bottom: 30px;
}

.worksDetail .basic th {
	width: 19%;
	padding: 10px;
	background-color: #DFDFDF;
	border: 1px solid #2D2D2D;
}

.worksDetail .basic td {
	width: 31%;
	padding: 10px;
	border: 1px solid #2D2D2D;
}

.worksDetail .comment {
	margin: 40px 0;
	padding: 20px 20px 10px;
	border: 1px solid #E60019;
	background-color: #F5F5F5;
}

.worksDetail .comment p {
	margin: 0 0 20px;
}

.worksDetail .comment p.catch {
	margin: 0 0 10px;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	font-size: 18px;
	font-weight: bold;
}

div.slider {
    width:640px;
    display:block;
    margin:20px auto 40px;
}
 
div.slider .bx-wrapper {
	border: none;
	box-shadow: none;
	margin-bottom: 20px;
}

div.slider .bx-wrapper img {
    max-width: none;
    display:block;
    margin: 0 auto;
}

ul.bxslider01 {
margin: 0;
padding: 0;
list-style: none;
}

ul.bxslider01 li,
ul.bxslider02 li {
display: none;
}

.bx-viewport ul.bxslider01 li {/*メインスライダー*/
    display:block;
	position: relative;
    width:640px;
}
 
ul.bxslider01 li img{
    display:block;
    /*width:640px;
	height: 450px;*/
}

.bx-wrapper .bx-next {
	right: -67px;
 background: url(../image/next_arrow.png) left center no-repeat;
}

.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next.active,
.bx-wrapper .bx-next:focus {
    background: url(../image/next_arrow.png) left center no-repeat;
}
 
.bx-wrapper .bx-prev {
	left: -60px;
 background: url(../image/prev_arrow.png) left center no-repeat;
}

.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev.active,
.bx-wrapper .bx-prev:focus {
    background: url(../image/prev_arrow.png) left center no-repeat;
}

.bx-wrapper .bx-caption {
	position: relative;
	background-color: transparent;
	padding: 10px;
}

.bx-wrapper .bx-caption span {
	color: #282828;
	font-size: 14px;
	line-height: 1.4;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	padding: 5px;
}

.bx-viewport ul.bxslider02 li {
    display:block;
}

ul.bxslider02 li a {/*サムネイル*/
    display:block;
    width:80px;
    height:80px;
	background-color: #DFDFDF;
}
 
div.controlWrap {
    width: 640px;
    display:block;
    position:relative;
    margin:0 auto;
    height: 108px;
	background-color: #DFDFDF;
}

div.controlWrap .bx-wrapper{
	width: 520px;
	margin: 0 auto;
}

div.controlWrap .bx-wrapper img {
width: 80px;
height: 80px;
display: block;
}

div.controlWrap .bx-viewport {
height: auto !important;
background-color: #DFDFDF;
}

.bxslider02 {
height: 80px !important;
position: static;
}

div.controlWrap p#PrevIcon a{
    display:block;
    width:40px;
    height:40px;
    position:absolute;
    background: url(../image/prev_arrow-02.png) left center no-repeat;
    color:#fff;
    top:34px;
    left: -60px;
    text-indent:-9999px;
}
 
div.controlWrap p#NextIcon a{
    display:block;
    width:40px;
    height:40px;
    position:absolute;
    background: url(../image/next_arrow-02.png) left center no-repeat;
    color:#fff;
    top:34px;
    right: -60px;
    text-indent:-9999px;
}

.bx-wrapper .bx-controls-direction a {
	z-index: 10;
}


/*------------------------------------------------------------------------------------------------
  news
--------------------------------------------------------------------------------------------------*/
#newsList {
	width: 940px;
	margin: 0 auto;
	padding: 40px 0 0;
}

#newsList ul {
	margin: 0 0 25px;
	padding: 0;
	list-style: none;
	border-top: 4px solid #E60019;
}

#newsList ul li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #434343;
}

#newsList ul li a {
	display: block;
	background: url(../image/arrow-01.png) no-repeat 98% center;
	background-size: 8px;
	color: #282828;
	padding: 15px 10px;
}

#newsList ul li a:hover, #newsList ul li a:active {
	text-decoration: underline;
}

#newsList ul li div {
	display: inline-block;
	width: 210px;
	font-family: Arial, Helvetica, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-weight: bold;
}

#newsList ul li span {
	color: #E60019;
	width: 100px;
	display: inline-block;
	margin: 0 0 0 18px;
	padding: 0 10px;
	border: 1px solid #E60019;
	text-align: center;
}



/*------------------------------------------------------------------------------------------------
  newsDetail
--------------------------------------------------------------------------------------------------*/
#newsDetail {
	width: 940px;
	margin: 0 auto;
	padding: 40px 0 0;
}

#newsDetail .title {
	padding: 10px;
	border-top: 4px solid #E60019;
	border-bottom: 1px solid #434343;
	line-height: 1.4;
}

#newsDetail .title p span {
	color: #E60019;
	display: inline-block;
	margin: 0 0 0 18px;
	padding: 0 10px;
	border: 1px solid #E60019;
	width: 100px;
	text-align: center;
}

#newsDetail .title h2 {
	margin: 5px 0 0;
	font-weight: bold;
	font-size: 16px;
}

#newsDetail .text {
	padding: 30px 0 0;
}

#newsDetail .text p {
	margin: 0 0 20px;
}

.newsBack {
	padding: 20px 0;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
}

.newsBack a {
	margin: 0 20px;
	padding: 5px;
	color: #E60019 !important;
}

.newsBack span {
	margin: 0 20px;
	padding: 5px;
	color: #282828 !important;
}

.newsBack a:hover {
	background-color: #FACCD1;
}



/*------------------------------------------------------------------------------------------------
  contact
--------------------------------------------------------------------------------------------------*/
#contactTel {
	width: 940px;
	margin: 30px auto;
	padding: 30px 0 10px;
	border-top: 4px solid #E60019;
	border-bottom: 4px solid #E60019;
	text-align: center;
}

#contactTel p {
	margin: 0 0 20px;
}

#contactMail {
	width: 940px;
	margin: 0 auto;
}

#contactMail p {
	margin: 0 0 20px;
}

#contactMail p.text {
	text-align: center;
}

#contactMail .hs {
	color: #E60019;
	font-weight: bold;
	padding: 0 3px 0 0;
}

#contactMail table {
	width: 780px;
	margin: 0 auto 30px;
}

#contactMail table th {
	width: 180px;
	text-align: left;
	padding: 10px;
	vertical-align: top;
	font-weight: normal;
}

#contactMail table td {
	padding: 10px;
}

#contactMail table td textarea {
	display: block;
	width: 530px;
	background-color: #F0F0F0;
	border: none;
	padding: 5px;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}

#contactMail table td input[type="text"],
#contactMail table td input[type="tel"] {
	background-color: #F0F0F0;
	border: none;
	padding: 5px;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}

#contactMail table td .mwform-radio-field {
	margin-right: 20px;
}

#contactMail table td .l {
	width: 530px;
}

#contactMail table td .m {
	width: 250px;
	margin: 0 30px 0 0;
}

#contactMail .inlineframe {
	background-color:#FFFFFF;
	width: 780px;
	margin: 0 auto 20px;
	height: 150px;
	padding: 10px;
	overflow:auto;
	overflow-y:scroll;
	overflow-x:hidden;
	border: 1px solid #E60019;
}

#contactMail .doui {
	font-size: 16px;
	text-align: center;
}

.contactConfirm {
	border-top: 4px solid #E60019;
	margin-top: 30px !important;
	padding: 30px 0 0;
}

.error {
	background-color: #FFFFEE;
	display: block;
	padding: 3px;
}

.submitConfirm {
	-webkit-appearance: none;
	border: 1px solid #E60019;
	background-color: #E60019;
	color: #FFFFFF;
	padding: 14px 30px;
	box-shadow: 4px 4px #851717;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-weight: bold;
	cursor: pointer;
	margin: 0 10px;
}

.submitConfirm:hover {
	background-color: #FFFFFF;
	color: #E60019;
	border: 1px solid #E60019;
}

.submitBack {
	-webkit-appearance: none;
	border: 1px solid #999999;
	background-color: #999999;
	color: #FFFFFF;
	padding: 14px 30px;
	box-shadow: 4px 4px #666666;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-weight: bold;
	cursor: pointer;
	margin: 0 10px;
}

.submitBack:hover {
	background-color: #FFFFFF;
	color: #999999;
	border: 1px solid #999999;
}



/*------------------------------------------------------------------------------------------------
  recruit
--------------------------------------------------------------------------------------------------*/
#message01 {
	width: 100%;
	background: url(../image/recruit-01_back-02.png) no-repeat 0 0;
	background-size: cover;
}

#message01 .cont {
	position: relative;
	width: 960px;
	height: 512px;
	margin: 0 auto;
	font-weight: bold;
}

#message01 .cont h2 {
	position: absolute;
	top: 25px;
	left: 0;
	width: 100%;
	text-align: center;
}

#message01 .cont p.text {
	position: absolute;
	top: 230px;
	right: 30px;
	width: 380px;
	text-shadow: 1px 1px 6px #FFF;
}

#message01 .cont p.sig {
	position: absolute;
	top: 440px;
	right: 30px;
	width: 380px;
	text-align: right;
	font-weight: bold;
}

#message01 .cont p.sig span {
	font-size: 18px;
}

#message01 .cont p.lead {
	position: absolute;
	width: 420px;
	top: 90px;
	right: 20px;
	text-shadow: none;
}

#message01 .cont p.people {
	position: absolute;
	width: 100% !important;
	bottom: 0;
	left: -70px;
	text-shadow: none;
}

#message02 {
	background: url(../image/recruit-02_back-02.png) no-repeat 0 0;
	background-size: cover;
}

#message02 .cont {
	position: relative;
	width: 960px;
	height: 508px;
	margin: 0 auto;
	font-weight: bold;
}

#message02 p.lead {
	position: absolute;
	right: 560px;
	top: 80px;
	width: 380px;
	text-shadow: 1px 1px 6px #FFF;
}

#message02 p.text {
	position: absolute;
	top: 230px;
	right: 560px;
	width: 380px;
	text-shadow: 1px 1px 6px #FFF;
}

#message02 p.sig {
	position: absolute;
	top: 430px;
	right: 560px;
	text-align: right;
	width: 380px;
}

#message02 p.sig span{
	font-size: 18px;
}

#message02 .cont p.people {
	position: absolute;
	width: 100% !important;
	bottom: 0;
	right: -40px;
	text-shadow: none;
	text-align: right;
}

#message03 {
	width: 100%;
	background: url(../image/recruit-03_back-02.png) no-repeat 0 0;
	background-size: cover;
}

#message03 .cont {
	position: relative;
	width: 960px;
	height: 512px;
	margin: 0 auto;
	font-weight: bold;
}

#message03 .cont p.text {
	position: absolute;
	top: 230px;
	right: 30px;
	width: 380px;
	text-shadow: 1px 1px 6px #FFF;
}

#message03 .cont p.sig {
	position: absolute;
	top: 440px;
	right: 30px;
	width: 380px;
	text-align: right;
	font-weight: bold;
}

#message03 .cont p.sig span {
	font-size: 18px;
}

#message03 .cont p.lead {
	position: absolute;
	width: 420px;
	top: 90px;
	right: 20px;
	text-shadow: none;
}

#message03 .cont p.people {
	position: absolute;
	width: 100% !important;
	bottom: 0;
	left: -70px;
	text-shadow: none;
}

.voiceBox {
	width: 960px;
	margin: 0 auto;
	padding: 43px 0 30px;
}

.voiceBox h2 {
	margin: 0 10px 57px;
	padding: 8px 0;
	text-align: center;
	border-bottom: 4px solid #E60019;
}

.voiceBox h2 img {
	margin-bottom: 8px;
}

.voiceBox h3 {
	margin: 0 0 34px;
}

.voiceBox .boxl {
	display: table;
	width: 950px;
	margin: 0 0 34px auto;
}

.voiceBox .boxr {
	display: table;
	width: 950px;
	margin: 0 auto 34px 0;
}

.voiceBox .boxl .text,
.voiceBox .boxr .text {
	display: table-cell;
	width: 460px;
	vertical-align: middle;
}

.voiceBox .boxl .text div,
.voiceBox .boxr .text div {
	display: block;
	padding: 30px;
	background-color: #F5F5F5;
	line-height: 1.7;
}

.voiceBox .boxl .text div h4,
.voiceBox .boxr .text div h4 {
	margin: 0 0 15px;
}

.voiceBox .boxl .image,
.voiceBox .boxr .image {
	display: table-cell;
	width: 490px;
}

.voiceBox .onevoice {
	position: relative;
 width: 820px;
 border: 4px solid #7F191E;
 outline: 1px solid #7F191E;
	outline-offset: -11px;
	margin: 0 auto 34px;
	padding: 20px 20px 34px;
}

.voiceBox .onevoice .title {
	margin: 10px 0 0;
	text-align: center;
}

.voiceBox .onevoice .image {
	position: absolute;
	bottom: 7px;
	right: 30px;
}

.voiceBox .onevoice .text {
	margin: 24px auto 0 30px;
	width: 480px;
}

#reqBox {
	width: 940px;
	margin: 0 auto;
	padding: 60px 0 0;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
}

#reqBox h2 {
	margin: 0 0 42px;
	padding: 8px 0;
	text-align: center;
	border-bottom: 4px solid #E60019;
}

#reqBox h2 img {
	margin-bottom: 8px;
}

#reqBox p {
	margin: 0 0 10px;
}

#reqBox ul {
	width: 620px;
	margin: 0 auto;
	padding: 0 0 10px;
	list-style: none;
}

#reqBox ul li {
	float: left;
	width: 290px;
	margin: 0 40px 0 0;
	padding: 0;
	text-align: center;
	font-weight: bold;
}

#reqBox ul li:nth-child(2n) {
	margin: 0;
}

#reqBox ul li img {
	margin: 0 0 10px;
}

#workingBox {
	width: 940px;
	margin: 0 auto;
	padding: 140px 0 0;
}

#workingBox h2 {
	margin: 0 0 40px;
	padding: 8px 0;
	text-align: center;
	border-bottom: 4px solid #E60019;
}

#workingBox h2 img {
	margin-bottom: 8px;
}

#workingBox h3 {
	margin: 0 0 16px;
}

#workingBox p {
	margin: 0 0 15px;
}

#workingBox ul {
	margin: 0;
	padding: 0 0 57px;
	list-style: none;
}

#workingBox ul li {
	float: left;
	width: 290px;
	margin: 0 35px 0 0;
	padding: 0;
	text-align: center;
	line-height: 1.3;
}

#workingBox ul li img {
	margin: 0 0 5px;
}

#workingBox ul li:nth-child(3n) {
	margin: 0;
}

#welfareBox {
	width: 940px;
	margin: 0 auto;
	padding: 40px 0 55px;
}

#welfareBox h2 {
	margin: 0 0 40px;
	padding: 8px 0;
	text-align: center;
	border-bottom: 4px solid #E60019;
}

#welfareBox h2 img {
	margin-bottom: 8px;
}

#welfareBox section {
	width: 866px;
	margin: 0 auto 45px;
}

#welfareBox section p {
	margin: 0 0 10px;
}

#welfareBox section .textl {
	width: 400px;
	float: left;
}

#welfareBox section .textr {
	width: 400px;
	float: right;
}

#welfareBox section .imager {
	width: 424px;
	float: right;
}

#welfareBox section .imagel {
	width: 424px;
	float: left;
}

#trainingBox {
	width: 940px;
	margin: 0 auto;
	padding: 140px 0 0;
}

#trainingBox h2 {
	margin: 0 0 42px;
	padding: 8px 0;
	text-align: center;
	border-bottom: 4px solid #E60019;
}

#trainingBox h2 img {
	margin-bottom: 8px;
}

#trainingBox section {
	width: 866px;
	margin: 0 auto 45px;
}

#trainingBox section p {
	margin: 0 0 10px;
}

#trainingBox section .textl {
	width: 400px;
	float: left;
}

#trainingBox section .textr {
	width: 400px;
	float: right;
}

#trainingBox section .imager {
	width: 424px;
	float: right;
}

#trainingBox section .imagel {
	width: 424px;
	float: left;
}

#youkouBox {
	width: 940px;
	margin: 0 auto;
	padding: 60px 0 0;
}

#youkouBox h2 {
	margin: 0 0 42px;
	padding: 8px 0;
	text-align: center;
	border-bottom: 4px solid #E60019;
}

#youkouBox h2 img {
	margin-bottom: 8px;
}

.youkou {
	width: 820px;
	margin: 0 auto;
	padding: 0 0 20px 8px;
	list-style: none;
}

.youkou li {
	margin: 0 8px 10px 0;
	display: inline-block;
	width: 150px;
	cursor: pointer;
	background-color: #FDFDFD;
	text-align: center;
	box-shadow: 4px 4px #707070;
}

.youkou li a {
	display: block;
	width: 150px;
	padding: 8px;
	border: 1px solid #737373;
}

.youkou li a:hover {
	background-color: #851718;
	color: #FFFFFF;
	box-shadow: 4px 4px #370809;
	border: 1px solid #851718;
}

.youkoutab {
	padding: 10px;
}

.nod {
	display: none;
}

.youkouTb {
	width: 820px;
	margin: 0 auto 30px;
}

.youkouTb th {
	width: 148px;
	padding: 10px;
	background-color: #DCDCDC;
	border: 1px solid #434343;	
}

.youkouTb td {
	padding: 10px;
	background-color: #FFFFFF;
	border: 1px solid #434343;	
}

.alink2 {
	margin: -97px 0 0;
}

#colorAlink1,
#colorAlink2,
#colorAlink3 {
	padding-top: 97px;
 margin-top: -97px;
}

.reqBottom {
	width: 940px;
	margin: 0 auto;
	padding: 30px 0 0;
	text-align: center;
}

.reqBottom p {
	padding: 0 0 10px;
	font-weight: bold;
	font-size: 16px;
}

.madeLead {
	margin: 0 0 10px;
	font-weight: bold;
	text-align: center;
	font-size: 16px;
}

.madeUl {
	margin: 0;
	padding: 0 0 20px;
	list-style: none;
}

.madeUl li {
	float: left;
	width: 290px;
	margin: 0 35px 0 0;
	padding: 0;
	text-align: center;
	line-height: 1.3;
	font-size: 16px;
	font-weight: bold;
}

.madeUl li img {
	margin: 0 0 5px;
}

.madeUl li:nth-child(3n) {
	margin: 0;
}

.madeText {
	margin: 0 0 40px;
}

#youkouBox .kinmuti {
	width: 804px;
	margin: 0 auto 20px;
	background-color: #851718;
	padding: 6px 14px;
	color: #FFF;
	font-weight: bold;
	font-size: 18px;
}

#req2Box {
	width: 940px;
	margin: 0 auto;
	padding: 60px 0 30px;
}

#req2Box p {
	margin: 0 0 50px;
}

#req2Box.management .rdTitle {
	position: relative;
	width: 820px;
	height: 244px;
	margin: 0 auto 50px;
}

#req2Box.management .rdTitle p {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
}

#req2Box.management .rdTitle div {
	position: absolute;
	z-index: 10;
	width: 240px;
	height: 100px;
	top: 76px;
	left: 51px;
	background-color: #851718;
	color: #FFF;
	display: table;
}

#req2Box.management .rdTitle div h2 {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	font-size: 34px;
	font-weight: bold;
}

#req2Box .rdSyokusyu {
	width: 820px;
	margin: 0 auto;
	background-color: #851718;
	padding: 12px;
	color: #FFF;
	font-weight: bold;
	font-size: 18px;
}

.norecruit {
    width: 804px;
    margin: 0 auto 30px;
}


/*------------------------------------------------------------------------------------------------
  partner
--------------------------------------------------------------------------------------------------*/
.partnerBox {
	width: 940px;
	margin: 0 auto;
	padding: 38px 0;	
}

.partnerBox h2 {
  position: relative;
  text-align: center;
		margin: 0 0 30px;
}

.partnerBox h2 span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0;
  padding: 0 1em;
		width: 460px;
  background-color: #fff;
  text-align: center;
}

.commonColor .partnerBox h2 span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0;
  padding: 0 1em;
		width: 460px;
  background-color: #F5F5F5;
  text-align: center;
}

.partnerBox h2 span img {
	vertical-align: -8px;
}

.partnerBox h2::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 4px;
  background-color: #E60019;
}

.partnerBox h3 {
	width: 832px;
	margin: 0 auto 10px;
}

.partnerBox p {
	width: 832px;
	margin: 0 auto 20px;
}

.partnerBox .docs {
	width: 832px;
	margin: 0 auto 50px;
	padding: 0 4px 4px;
}

.partnerBox .docs .doc1 {
	/* width: 400px; */
	width: 100%;
	margin: 0 0 20px;
	padding: 15px 10px 11px 70px;
	box-shadow: 4px 4px #808080;
	float: left;
	font-weight: bold;
	color: #E60019;
	font-size: 16px;
	background: url(../image/partner-03.png) #F7F7F7 no-repeat 0 0;
	background-size: 56px;
}

.partnerBox .docs .doc2 {
	/* width: 400px; */
	width: 100%;
	margin: 0 0 20px;
	padding: 15px 10px 11px 70px;
	box-shadow: 4px 4px #808080;
	float: right;
	font-weight: bold;
	color: #E60019;
	font-size: 16px;
	background: url(../image/partner-04.png) #F7F7F7 no-repeat 0 0;
	background-size: 56px;
}

.partnerBox .docs .doc3 {
	width: 824px;
	margin: 0 0 20px;
	padding: 15px 10px 11px 70px;
	box-shadow: 4px 4px #808080;
	float: left;
	font-weight: bold;
	color: #E60019;
	font-size: 16px;
	background: url(../image/partner-05.png) #F7F7F7 no-repeat 0 0;
	background-size: 56px;
}

.partnerBox .docs .doc4 {
	width: 400px;
	margin: 0 0 20px;
	padding: 15px 10px 11px 70px;
	box-shadow: 4px 4px #808080;
	float: left;
	font-weight: bold;
	color: #E60019;
	font-size: 16px;
	background: url(../image/partner-03.png) #FFFFFF no-repeat 0 0;
	background-size: 56px;
}

.partnerBox .docs .doc5 {
	width: 400px;
	margin: 0 0 20px;
	padding: 15px 10px 11px 70px;
	box-shadow: 4px 4px #808080;
	float: right;
	font-weight: bold;
	color: #E60019;
	font-size: 16px;
	background: url(../image/partner-04.png) #FFFFFF no-repeat 0 0;
	background-size: 56px;
}

.partnerBox .docs ul {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
}

.partnerBox .docs ul li {
	display: inline;
	margin: 0 3px;
	padding: 0;
}

.partnerBox table {
	width: 832px;
	margin: 0 auto 20px;
}

.partnerBox table thead th {
	background-color: #FBD9DD;
	color: #E60019;
	border: 1px solid #AAAAAA;
	padding: 10px;
}

.partnerBox table tbody th {
	border: 1px solid #AAAAAA;
	padding: 10px;
	font-weight: normal;
	background-color: #FFFFFF;
}

.partnerBox table td {
	border: 1px solid #AAAAAA;
	padding: 5px;
	text-align: center;
	background-color: #FFFFFF;
}

.partnerContact {
	width: 832px;
	margin: 0 auto 20px;
	padding: 30px 60px 25px;
	border: 4px solid #EFEFEF;
}

.partnerContact address {
	width: 50%;
	float: left;
	font-style: normal;
	padding-top: 8px;
}

.partnerContact .partnerTel {
	width: 40%;
	float: right;
}

.partnerContact .partnerTel p {
	margin: 0 0 5px;
}


/*------------------------------------------------------------------------------------------------
  sdgs
--------------------------------------------------------------------------------------------------*/
.sdgs01 {
	margin: 60px 0;
}

.sdgs01 .lead {
	width: 640px;
	margin: 0 auto;
}

.sdgs01 .lead p:nth-child(1) {
	text-align: center;
	margin-bottom: 50px;
}

.sdgs01 .lead p:nth-child(2) {
	text-align: center;
	font-size: 20px;
	margin-bottom: 10px;
	line-height: 1.4;
}

.sdgs01 .lead p:nth-child(2) span.a {
	color: #e60019;
}


.sdgs01 .lead p:nth-child(3) {
	line-height: 2;
	font-weight: 500;
}

.sdgs01 .lead p:nth-child(3) span.a {
	color: #e60019;
	letter-spacing: 0.05em;
	font-size: 20px;
}

.sdgs01 .photo {
	width: 824px;
	margin: 16px auto 0;
}

.sdgs02 p:nth-of-type(1) {
	width: 680px;
	margin: 0 auto;
	line-height: 2;
}

.sdgs02 p:nth-of-type(1) span {
	display: block;
	font-size: 20px;
	margin: 4px 0;
	line-height: 1.6;
}

.sdgs02 ul {
	margin: 30px 0 24px;
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: center;
}

.sdgs02 ul li {
	margin: 0 -40px;
	padding: 0;
}

.sdgs03 {
}

.sdgs03 h3 {
	position: relative;
	line-height: 62px;
	padding-left: 80px;
	color: #FFF;
	font-size: 31px;
	font-weight: bold;
	margin: 0 0 20px;
}

.sdgs03 h3 span {
	display: inline-block;
	padding-right: 40px;
	background: url(../image/sdgs-08.png) no-repeat 100% 0;
}

.sdgs03 h3:before {
	position: absolute;
	background-color: #e60019;
	content: "";
	height: 62px;
	width: calc(100vw - 210px);
 right: 700px;
	z-index: -1;
}

.sdgs03 .inner {
	width: 820px;
	margin: 0 auto;
}

.sdgs03 .inner p:nth-of-type(1) {
	font-weight: bold;
	margin: 0 0 40px;
}

.sdgs03 .inner .sdgsbox {
	position: relative;
	margin: 0 0 30px;
	padding: 30px 14px 30px 20px;
	background-color: #f4f4f4;
}

.sdgs03 .inner .sdgsbox:nth-of-type(2n) {
	margin: 0 0 60px;
}

.sdgs03 .inner .pick {
	color: #e60019;
	font-size: 22px;
	font-weight: bold;
	margin-bottom:20px;
}

.sdgs03 .inner .sdgsbox h4 {
	background: url(../image/sdgs-09.png) no-repeat 0 0;
	padding: 0 0 0 40px;
	font-size: 22px;
	font-weight: bold;
}

.sdgs03 .inner .sdgsbox ul.mark {
	margin: 20px 0 0 20px;
	padding: 0;
	list-style: none;
	display: flex;
}

.sdgs03 .inner .sdgsbox ul.mark li {
	margin-right: 4px;
}


}



@media screen and (max-width: 640px){

/*------------------------------------------------------------------------------------------------
  index
--------------------------------------------------------------------------------------------------*/
#wide {
	margin: 60px 0 0;
}

#indexNews {
	width: 100%;
	margin: 26px auto 0;
	padding: 0 10px;
}

#indexNews .nonews {
	margin: 10px;
}

#indexNews h2 {
	padding: 0 0 4px;
	padding: 0 0 15px;
	text-align: center;
	border-bottom: 4px solid #E60019;
}

#indexNews ul {
	margin: 0 0 25px;
	padding: 0;
	list-style: none;
}

#indexNews ul li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #434343;
	line-height: 1.4;
}

#indexNews ul li a {
	display: block;
	background: url(../image/arrow-01.png) no-repeat 98% center;
	background-size: 8px;
	color: #282828;
	padding: 15px 30px 15px 10px;
}

#indexNews ul li:nth-child(2n) a {
	background: url(../image/arrow-01.png) #FDE1E5 no-repeat 98% center;
	background-size: 8px;
}

#indexNews ul li div {
	display: block;
	margin-bottom: 3px;
	font-family: Arial, Helvetica, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-weight: bold;
}

#indexNews ul li span {
	color: #E60019;
	display: inline-block;
	margin: 0 0 0 18px;
	padding: 0 10px;
	border: 1px solid #E60019;
	text-align: center;
	width: 100px;
}

#indexCompany {
	width: 100%;
	height: 340px;
	background: url(../image/index_company_sp-04.jpg) no-repeat center 40%;
}

#indexCompany .cont {
	width: 90%;
	margin: 0 auto 30px;
	padding: 20px 0 0;
}

#indexCompany .cont p.text {
	color: #FFFFFF;
	width: 200px;
	margin: 0 auto -10px;
	font-weight: bold;
	text-shadow: 1px 1px 1px #491010;
}


#indexCompany .cont p.image img {
	display: block;
	margin: 0 auto 10px;
}

#indexService {
	background: url(../image/index_service_back.png) no-repeat center 0;
	background-size: cover;
}

#indexService h2 {
	margin: 0 10px 40px;
	padding: 30px 0 15px;
	text-align: center;
	border-bottom: 4px solid #E60019;
}


#indexService .cont {
	margin: 0 10px;
}


#indexService .cont dl.sp {
	margin: 0 0 30px;
}

#indexService .cont dl dt {
	margin: 0 0 5px;
	text-align: center;
}

#indexService .cont dl dt img {
	width: 212px;
	height: auto;
}

#indexService .cont dl dd {
	padding: 20px;
	background-color: #851718;
	color: #FFFFFF;
}

#indexService .cont dl dd span {
	display: block;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
}
	
#indexRecruit {
	background: url(../image/index_recruit_back-05.jpg) no-repeat center 0;
	background-size: cover;
	height: 391px;
}

#indexRecruit h2 {
	width: 100%;
	margin: 0 auto 60px;
	padding: 30px 0 8px;
	text-align: center;
}

#indexRecruit .cont {
	margin: 0 10px 20px;
}

#indexRecruit .cont p.lead {
	text-align: center;
	margin: 0 0 25px;
}

#indexRecruit .cont p {
	font-weight: bold;
	text-shadow: 1px 1px 2px #FFF;
}

#indexRecruit .cont p img {
	height: 20px;
	width: auto;
}

#indexOffice {
	background-color: #A2A2A2;
}

#indexOffice .cont {
	width: 100%;
	margin: 0 auto;
}

#indexOffice .cont .okayama {
	width: 100%;
	height: 270px;
	background: url(../image/okayama_back02.png) no-repeat center center;
	background-size: cover;
	padding: 95px 0 0;
	text-align: center;
}

#indexOffice .cont .okayama img {
	width: auto;
	height: 30px;
}

#indexOffice .cont .osaka {
	width: 100%;
	height: 270px;
	float: right;
	background: url(../image/osaka_back.png) no-repeat center center;
	background-size: cover;
	padding: 95px 0 0;
	text-align: center;
}

#indexOffice .cont .osaka img {
	width: auto;
	height: 30px;
}

#indexOffice .cont p {
	margin: 0 0 60px;
}

#indexOffice .cont .office {
	width: 100%;
	height: 270px;
	background: url(../image/index_office_back.jpg) no-repeat center center;
	background-size: cover;
	padding: 75px 0 0;
	text-align: center;
}

#indexSdgs {
	background:url(../image/top_sdgs_back.png) no-repeat center center;
	background-size: cover;
}

#indexSdgs .cont {
	width: 80%;
	margin: 0 auto;
	padding: 60px 0 30px;
	text-align: center;
}

#indexSdgs .cont p {
	margin-bottom: 30px;
}


/*------------------------------------------------------------------------------------------------
  secTitle
--------------------------------------------------------------------------------------------------*/
#secTitle {
	margin: 60px 0 25px;
	height: 100px;
}

#secTitle h1 {
	padding: 35px 0 0;
	text-align: center;
}

#secTitle h1 img {
	width: auto;
	height: 30px;
}

#secTitle.company {
	background: url(../image/company_back.png) no-repeat center center;
	background-size: cover;
	border-bottom: 4px solid #E60019;
}

#secTitle.service {
	background: url(../image/service_back.png) no-repeat center center;
	background-size: cover;
}

#secTitle.advantage {
	background: url(../image/advantage_back.png) no-repeat center center;
	background-size: cover;
}

#secTitle.works {
	background: url(../image/works_back.png) no-repeat center center;
	background-size: cover;
}

#secTitle.news {
	background: url(../image/news_back.png) no-repeat center center;
	background-size: cover;
}

#secTitle.contact {
	background: url(../image/contact_back.png) no-repeat center center;
	background-size: cover;
}

#secTitle.contact_confirm {
	background: url(../image/contact_contact_confirm_back.png) no-repeat center center;
	background-size: cover;
}

#secTitle.contact_error {
	background: url(../image/contact_contact_error_back.png) no-repeat center center;
	background-size: cover;
}

#secTitle.contact_send {
	background: url(../image/contact_contact_send_back.png) no-repeat center center;
	background-size: cover;
}

#secTitle.recruit {
	background: url(../image/recruit_back.png) no-repeat center center;
	background-size: cover;
}

#secTitle.requirements {
	background: url(../image/requirements_back.png) no-repeat center center;
	background-size: cover;
}

#secTitle.requirements2 {
	background: url(../image/requirements2_back-02.png) no-repeat center center;
	background-size: cover;
}

#secTitle.partner {
	background: url(../image/partner_back.png) no-repeat 60% center;
	background-size: cover;
}

#secTitle.sdgs {
	background: url(../image/sdgs_back.jpg) no-repeat 50% center;
	background-size: cover;
}


/*------------------------------------------------------------------------------------------------
  commonBox
--------------------------------------------------------------------------------------------------*/
.commonBox {
	margin: 0 10px;
	padding: 60px 0 55px;
}

.commonBox h2 {
	margin: 0 0 30px;
	padding: 8px 0;
	text-align: center;
	border-bottom: 4px solid #E60019;
}

.commonBox h2 img {
	margin-bottom: 8px;
}

.commonColor {
	background-color: #F5F5F5;
}

.commonTb {
	width: 100%;
	margin: 0 auto;
	line-height: 1.6;
	border-top: 1px solid #434343;
}

.commonTb th {
	display: block;
	width: 100%;
	background-color: #DCDCDC;
	padding: 14px;
	text-align: left;
}

.commonTb td {
	display: block;
	width: 100%;
	border-top: 1px solid #434343;
	border-bottom: 1px solid #434343;
	padding: 14px;
	background-color: #FFFFFF;
}


/*------------------------------------------------------------------------------------------------
  pager
--------------------------------------------------------------------------------------------------*/
.pager_wrap {
	position: relative;
	overflow: hidden;
	margin: 20px 5px 30px;
}

.pager_wrap ul.pager {
	position: relative;
	left: 50%;
	float: left;
}

.pager_wrap ul.pager li {
	position: relative;
	left: -50%;
	float: left;
}

.pager_wrap ul.pager {
	margin: 0;
	padding: 0;
	list-style: none;
}

.pager_wrap ul.pager li {
	display: inline;
	margin: 2px;
	padding: 0;
	text-align: center;
}

.pager_wrap ul.pager li a {
	display: block;
	padding: 10px;
	color: #E60019;
	font-weight: bold;
}

.pager_wrap ul.pager li a:hover {
	background-color: #FACCD1;
}

.pager_wrap ul.pager li.active {
	background-color: #E60019;
	display: block;
	padding: 10px;
	color: #FFFFFF;
}

.pager_wrap ul.pager li.active a:link, .pager_wrap ul.pager li.active a:visited,
.pager_wrap ul.pager li.active a:hover, .pager_wrap ul.pager li.active a:active {
	color: #FFFFFF !important;
}


/*------------------------------------------------------------------------------------------------
  company
--------------------------------------------------------------------------------------------------*/
#greeting {
	background: url(../image/greeting_back.png) no-repeat 55% center;
	background-size: cover;
}

#greeting h2 {
	padding: 50px 0 30px;
	text-align: center;
}

#greeting div {
	margin: 0 10px;
}

#greeting div p {
	padding: 0 0 20px;
	text-shadow: 1px 1px 1px #FFF;
}

#greeting div p.lead {
	text-align: center;
}

#greeting div p.sig {
	text-align: right;
}

#greeting div p.sig span {
	font-size: 18px;
}

#greeting div p.image {
	padding: 0;
	text-align: center;
}

.headoffice {
	margin: 50px auto 30px;
}

.headoffice dl {
	margin: 0 0 0 20px;
}

.headoffice dl dt {
	margin: 0 0 20px;
}

.headoffice dl dd p {
	line-height: 1.6;
	margin: 0 0 10px;
}

.headoffice p.image {
}


/*------------------------------------------------------------------------------------------------
  service
--------------------------------------------------------------------------------------------------*/
#serviceBox {
	margin: 0 10px;
	padding: 30px 0 0;
	color: #FFFFFF;
}

#serviceBox p {
	text-align: center;
}

#serviceBox .text {
	margin: 10px 0 40px;
	padding: 20px 15px 5px;
	background-color: #851717;
}

#serviceBox .text p {
	text-align: left;
}

#serviceBox div h2 {
	margin: 0 0 10px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

#serviceBox .text dl {
	border-top: 1px solid #FFFFFF;
	margin: 10px 0 0;
	padding: 10px 0 0;
}

#okayama {
	padding: 65px 0 0;
}

#osaka {
	padding: 65px 0 0;
}

.alink {
	margin: -65px 0 0;
}


/*------------------------------------------------------------------------------------------------
  advantage
--------------------------------------------------------------------------------------------------*/
#advantageBox {
	margin: 0 10px;
	padding: 30px 0;
}

#advantageBox p {
	margin: 0 0 30px;
}

#advantageBox p.tuyomi {
	margin: 0 0 20px;
}

#advantageBox p.tuyomiText {
	margin: 0 auto;
}

#advantageBox2 {
	margin: 0 auto;
}

#advantageBox2 .adv01 .contents,
#advantageBox2 .adv03 .contents {
	width: 100%;
	margin: 0;
	padding: 20px;
	background-color: rgba(133, 23, 24, 0.75);
	color: #FFFFFF;
}

#advantageBox2 .adv02 .contents {
	width: 100%;
	margin: 0;
	padding: 20px;
	background-color: rgba(133, 23, 24, 0.75);
	color: #FFFFFF;
}

#advantageBox2 .adv01 div h2,
#advantageBox2 .adv02 div h2,
#advantageBox2 .adv03 div h2 {
	margin: 0 0 15px;
}

#advantageBox2 .contents img {
	width: 100px;
	height: auto;
}

#advantabeBox3 {
	margin: 0;
	padding: 71px 0 40px;
	background: url(../image/advantage-09.png) no-repeat center center;
	background-size: cover;
}

#advantabeBox3 p {
	margin: 0 10px 37px;
}


/*------------------------------------------------------------------------------------------------
  works
--------------------------------------------------------------------------------------------------*/
#worksBox {
	margin: 0 10px;
	padding: 30px 0 0 2px;
}

#worksBox h2 {
	margin: 0 0 30px;
	padding: ;
	text-align: center;
	border-bottom: 4px solid #E60019;
	font-weight: bold;
	font-size: 30px;
}

.catBox {
	padding: 0 0 10px;
	text-align: center;
}

.catBox a {
	margin: 0 10px 20px;
}

.catBox .button01 {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  outline: none;
		width: 120px;
		padding: 8px 0;
		box-shadow: 4px 4px #851717;
}
.catBox .button01::before,
.catBox .button01::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.catBox .button01,
.catBox .button01::before,
.catBox .button01::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.catBox .button01 {
  position: relative;
  z-index: 2;
  overflow: hidden;
		color: #FFFFFF !important;
		border: 1px solid #E60019;
		background-color: #E60019;
}

.catBox .button01:hover {
  color: #E60019 !important;
}

.catBox .button01::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.catBox .button01:hover::after {
  -webkit-transform: scale(2) rotate(180deg);
  transform: scale(2) rotate(180deg);
		background-color: #FFFFFF;
}

.catBox .button02 {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  outline: none;
		width: 120px;
		padding: 8px 0;
		box-shadow: 4px 4px #5B3F2B;
}
.catBox .button02::before,
.catBox .button02::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.catBox .button02,
.catBox .button02::before,
.catBox .button02::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.catBox .button02 {
  position: relative;
  z-index: 2;
  overflow: hidden;
		color: #FFFFFF !important;
		border: 1px solid #CB8E2E;
		background-color: #CB8E2E;
}

.catBox .button02:hover {
  color: #CB8E2E !important;
}

.catBox .button02::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.catBox .button02:hover::after {
  -webkit-transform: scale(2) rotate(180deg);
  transform: scale(2) rotate(180deg);
		background-color: #FFFFFF;
}

.catBox .button03 {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  outline: none;
		width: 120px;
		padding: 8px 0;
		box-shadow: 4px 4px #023256;
}
.catBox .button03::before,
.catBox .button03::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.catBox .button03,
.catBox .button03::before,
.catBox .button03::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.catBox .button03 {
  position: relative;
  z-index: 2;
  overflow: hidden;
		color: #FFFFFF !important;
		border: 1px solid #1766A1;
		background-color: #1766A1;
}

.catBox .button03:hover {
  color: #1766A1 !important;
}

.catBox .button03::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.catBox .button03:hover::after {
  -webkit-transform: scale(2) rotate(180deg);
  transform: scale(2) rotate(180deg);
		background-color: #FFFFFF;
}

.catBox .button04 {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  outline: none;
		width: 120px;
		padding: 8px 0;
		box-shadow: 4px 4px #003E1B;
}
.catBox .button04::before,
.catBox .button04::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.catBox .button04,
.catBox .button04::before,
.catBox .button04::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.catBox .button04 {
  position: relative;
  z-index: 2;
  overflow: hidden;
		color: #FFFFFF !important;
		border: 1px solid #1E6F41;
		background-color: #1E6F41;
}

.catBox .button04:hover {
  color: #1E6F41 !important;
}

.catBox .button04::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.catBox .button04:hover::after {
  -webkit-transform: scale(2) rotate(180deg);
  transform: scale(2) rotate(180deg);
		background-color: #FFFFFF;
}

.catBox .button05 {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  outline: none;
		width: 120px;
		padding: 8px 0;
		box-shadow: 4px 4px #21003F;
}
.catBox .button05::before,
.catBox .button05::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.catBox .button05,
.catBox .button05::before,
.catBox .button05::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.catBox .button05 {
  position: relative;
  z-index: 2;
  overflow: hidden;
		color: #FFFFFF !important;
		border: 1px solid #5C3381;
		background-color: #5C3381;
}

.catBox .button05:hover {
  color: #5C3381 !important;
}

.catBox .button05::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.catBox .button05:hover::after {
  -webkit-transform: scale(2) rotate(180deg);
  transform: scale(2) rotate(180deg);
		background-color: #FFFFFF;
}

.catBox .button06 {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  outline: none;
		width: 120px;
		padding: 8px 0;
		box-shadow: 4px 4px #003E1B;
}
.catBox .button06::before,
.catBox .button06::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.catBox .button06,
.catBox .button06::before,
.catBox .button06::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.catBox .button06 {
  position: relative;
  z-index: 2;
  overflow: hidden;
		color: #FFFFFF !important;
		border: 1px solid #5F5F5F;
		background-color: #5F5F5F;
}

.catBox .button06:hover {
  color: #5F5F5F !important;
}

.catBox .button06::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.catBox .button06:hover::after {
  -webkit-transform: scale(2) rotate(180deg);
  transform: scale(2) rotate(180deg);
		background-color: #FFFFFF;
}

.worksList {
	width: 100%;
	margin: 0 0 0 1%;
}

.worksList a {
	display: block;
	width: 48%;
	float: left;
	margin: 0 2% 30px 0;
}

.worksList a:nth-child(2n) {
	margin: 0 0 30px;
}

.worksList div {
	background-color: #F4F4F4;
	border: 1px solid #E60019;
	line-height: 1.4;
}

.worksList a:hover {
	color: #434343 !important;
}

.worksList a dd {
	color: #7F1617 !important;
	font-weight: bold;
	font-size: 17px;
}

.worksList a:hover dd h2 {
	color: #7F1617 !important;
}

.worksList div dl {
	padding: 10px;
}

.worksList div dl dt {
	margin: 0 0 3px;
}

.worksList div dl dt span {
	display: block;
	margin: 0 0 2px;
	padding: 0 5px;
	color: #FFFFFF;
}

.worksList div dl dd ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.worksList div dl dd ul li {
	margin: 0 3px 3px 0;
	padding: 0 3px;
	display: inline-block;
	font-size: 14px;
	font-weight: normal;
}

span.cat01,
.worksList div dl dd ul li.works-cat01,
.worksTitle dd ul li.works-cat01 {
	background-color: #CB8E2E;
	color: #FFF;
}

span.cat02,
.worksList div dl dd ul li.works-cat02,
.worksTitle dd ul li.works-cat02 {
	background-color: #1766A1;
	color: #FFF;
}

span.cat03,
.worksList div dl dd ul li.works-cat03,
.worksTitle dd ul li.works-cat03 {
	background-color: #1E6F41;
	color: #FFF;
}

span.cat04,
.worksList div dl dd ul li.works-cat04,
.worksTitle dd ul li.works-cat04 {
	background-color: #5C3381;
	color: #FFF;
}

span.cat05 ,
.worksList div dl dd ul li.works-cat05,
.worksTitle dd ul li.works-cat05 {
	background-color: #5F5F5F;
	color: #FFF;
}



/*------------------------------------------------------------------------------------------------
  worksList
--------------------------------------------------------------------------------------------------*/
#worksListBox {
	margin: 0 10px;
	padding: 30px 0;
}


/*------------------------------------------------------------------------------------------------
  worksDetail
--------------------------------------------------------------------------------------------------*/
.worksTitle {
	margin: 0 0 10px;
	padding: 10px;
	color: #FFFFFF;
	background-color: #851718;
}

.worksTitle span {
	display: inline-block;
	margin: 0 0 0 10px;
	padding: 0 10px;
}

.worksTitle dd ul {
margin: 0;
padding: 0;
list-style: none;
}

.worksTitle dd ul li {
display: inline-block;
margin: 0 3px 3px 0;
padding: 2px;
}

.worksTitle h2 {
	font-size: 17px;
}

.worksCatch {
	margin: 0;
	line-height: 1.4;
	font-size: 17px;
	font-weight: bold;
	color: #851718;
}

.sp-selected-button {
	background-color: #E60019 !important;
}

.sp-button {
	border: 2px solid #E60019 !important;
}

#simple {
	margin: 0 0 30px;
}

.worksDetail .basic {
	width: 100%;
	border-top: 1px solid #2D2D2D;
	margin: 0 0 20px;
}

.worksDetail .basic th {
	display: block;
	padding: 10px;
	background-color: #DFDFDF;
	border-bottom: 1px solid #2D2D2D;
	text-align: left;
}

.worksDetail .basic td {
	display: block;
 padding: 10px;
	border-bottom: 1px solid #2D2D2D;
}

.worksDetail .comment {
	margin: 40px 0;
	padding: 10px 10px 5px;
	border: 1px solid #E60019;
	background-color: #F5F5F5;
}

.worksDetail .comment p {
	margin: 0 0 20px;
}

.worksDetail .comment p.catch {
	margin: 0 0 10px;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	font-size: 18px;
	font-weight: bold;
}

.bxslider01 li,
.bxslider02 li {
    display: none;
}

div.slider .bx-wrapper {
	border: none;
	box-shadow: none;
	margin-bottom: 20px;
}

div.slider .bx-wrapper img {
    /*max-width: 100%;*/
    max-height: 215px;
    width: auto;
    display:block;
    margin: 0 auto;
}

div.controlWrap .bx-viewport {
height: auto !important;
}

.bx-wrapper .bx-caption {
	position: relative;
	background-color: transparent;
	padding: 10px;
}

.bx-wrapper .bx-caption span {
	color: #282828;
	font-size: 14px;
	line-height: 1.4;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	padding: 5px;
}

ul.bxslider01 li,
ul.bxslider02 li {
display: none;
}

.bx-viewport ul.bxslider01 li,
.bx-viewport ul.bxslider02 li {
    display:block;
}

ul.bxslider02 li a {/*サムネイル*/
    display:block;
    width:80px;
    height:80px;
	background-color: #DFDFDF;
}
 
div.controlWrap {
	width: 100%;
    display:block;
    position:relative;
    margin:0 auto 30px;
	background-color: #DFDFDF;
}

div.controlWrap .bx-wrapper{
	width: 100%;
	margin: 0 auto;
}

div.controlWrap .bx-wrapper img {
width: 80px;
height: 80px;
display: block;
}

div.controlWrap .bx-viewport {
height: auto !important;
background-color: #DFDFDF;
}

.bxslider02 {
height: 80px !important;
position: static;
}

div.controlWrap p#PrevIcon a{
    display:block;
    width:40px;
    height:40px;
    position:absolute;
    background: url(../image/prev_arrow-02.png) left center no-repeat;
    color:#fff;
    top:34px;
    left: 0px;
    text-indent:-9999px;
}
 
div.controlWrap p#NextIcon a{
    display:block;
    width:40px;
    height:40px;
    position:absolute;
    background: url(../image/next_arrow-02.png) left center no-repeat;
    color:#fff;
    top:34px;
    right: 0px;
    text-indent:-9999px;
}

.bx-wrapper .bx-controls-direction a {
	z-index: 10;
}


/*------------------------------------------------------------------------------------------------
  news
--------------------------------------------------------------------------------------------------*/
#newsList ul {
	margin: 0 10px 25px;
	padding: 0;
	list-style: none;
}

#newsList ul li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #434343;
	line-height: 1.4;
}

#newsList ul li a {
	display: block;
	background: url(../image/arrow-01.png) no-repeat 98% center;
	background-size: 8px;
	color: #282828;
	padding: 15px 30px 15px 10px;
}

#newsList ul li:nth-child(2n) a {
	background: url(../image/arrow-01.png) #FDE1E5 no-repeat 98% center;
	background-size: 8px;
}

#newsList ul li div {
	display: block;
	margin-bottom: 3px;
	font-family: Arial, Helvetica, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-weight: bold;
}

#newsList ul li span {
	color: #E60019;
	display: inline-block;
	margin: 0 0 0 18px;
	padding: 0 10px;
	border: 1px solid #E60019;
	text-align: center;
	width: 100px;
}

/*------------------------------------------------------------------------------------------------
  newsDetail
--------------------------------------------------------------------------------------------------*/
#newsDetail {
	margin: 0 10px;
	padding: 40px 0 0;
}

#newsDetail .title {
	padding: 10px;
	border-top: 4px solid #E60019;
	border-bottom: 1px solid #434343;
	line-height: 1.4;
}

#newsDetail .title p span {
	color: #E60019;
	display: inline-block;
	margin: 0 0 0 18px;
	padding: 0 10px;
	border: 1px solid #E60019;
	width: 100px;
	text-align: center;
}

#newsDetail .title h2 {
	margin: 5px 0 0;
	font-weight: bold;
	font-size: 16px;
}

#newsDetail .text {
	padding: 30px 0 0;
}

#newsDetail .text p {
	margin: 0 0 20px;
}

.newsBack {
	padding: 20px 0 30px;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
}

.newsBack a {
	margin: 0 20px;
	padding: 5px;
	color: #E60019 !important;
}

.newsBack a:hover {
	background-color: #FACCD1;
}

.newsBack span {
	margin: 0 20px;
	padding: 5px;
	color: #282828 !important;
}

/*------------------------------------------------------------------------------------------------
  contact
--------------------------------------------------------------------------------------------------*/
#contactTel {
	margin: 30px 10px;
	padding: 30px 0 10px;
	border-top: 4px solid #E60019;
	border-bottom: 4px solid #E60019;
	text-align: center;
}

#contactTel p {
	margin: 0 0 20px;
}

#contactTel p.title img {
	width: auto;
	height: 36px;
}

#contactMail {
	margin: 0 10px;
}

#contactMail p {
	margin: 0 0 20px;
}

#contactMail p.title img {
	width: auto;
	height: 26px;
}

#contactMail .hs {
	color: #E60019;
	font-weight: bold;
	padding: 0 3px 0 0;
}

#contactMail table {
	width: 100%;
	margin: 0 0 30px;
}

#contactMail table th {
	display: block;
	width: 100%;
	text-align: left;
	padding: 10px 10px 0;
	vertical-align: top;
box-sizing: border-box;}

#contactMail table td {
	display: block;
	width: 100% !important;
	padding: 10px 10px 5px;
	border-bottom: 1px dotted #CCCCCC;
box-sizing: border-box;}

#contactMail table td textarea {
	width: 100% !important;
	background-color: #F0F0F0;
	border: none;
	padding: 5px;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}

#contactMail table td input[type="text"],
#contactMail table td input[type="tel"] {
	width: 100% !important;
	margin: 0 0 5px;
	background-color: #F0F0F0;
	border: none;
	padding: 5px;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}

#contactMail table td .l {
	width: 100%;
}

#contactMail table td .m {
	width: 100%;
	margin: 0;
}

#contactMail .inlineframe {
	background-color:#FFFFFF;
	width: 100%;
	margin: 0 auto 20px;
	height: 200px;
	padding: 10px;
	overflow:auto;
	overflow-y:scroll;
	overflow-x:hidden;
	border: 1px solid #E60019;
}

#contactMail .doui {
	font-size: 16px;
	text-align: center;
}

.contactConfirm {
	border-top: 4px solid #E60019;
	margin-top: 30px !important;
	padding: 30px 0 0;
}

.error {
	background-color: #FFFFEE;
	display: block;
	padding: 3px;
}


.submitConfirm {
	-webkit-appearance: none;
	border: none;
	background-color: #E60019;
	color: #FFFFFF;
	margin: 0 10px;
	padding: 14px 30px;
	box-shadow: 4px 4px #851717;
	font-weight: bold;
}

.submitBack {
	-webkit-appearance: none;
	border: 1px solid #999999;
	background-color: #999999;
	color: #FFFFFF;
	margin: 0 10px;
	padding: 14px 30px;
	box-shadow: 4px 4px #666666;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-weight: bold;
	cursor: pointer;
}

.mwform-radio-field {
	display: block;
	margin: 0;
}

.mw_wp_form .horizontal-item + .horizontal-item {
	margin: 0 !important;
}

/*------------------------------------------------------------------------------------------------
  recruit
--------------------------------------------------------------------------------------------------*/
#message01 {
	background: url(../image/recruit-01_back-02.png) no-repeat 0 0;
	background-size: cover;
	font-weight: bold;
}

#message01 h2 {
	padding: 30px 0;
	text-align: center;
}

#message01 p {
	text-shadow: 1px 1px 6px #FFF;
}

#message01 p.lead {
	margin: 0 0 10px;
	text-align: center;
}

#message01 p.lead img {
	width: 70%;
	height: auto;
}

#message01 p.text {
	margin: 0 20px 10px;
}

#message01 p.sig {
	text-align: right;
	margin: 0 20px 10px;
}

#message01 p.sig span {
	font-size: 18px;
}

#message01 p.people {
	text-align: center;
}

#message01 p.people img {
	width: 280px;
	height: auto;
}

#message02 {
	background: url(../image/recruit-02_back-02.png) no-repeat 0 0;
	background-size: cover;
	padding: 30px 0 0;
	font-weight: bold;
}

#message02 p {
	text-shadow: 1px 1px 6px #FFF;
}

#message02 p.lead {
	margin: 0 0 10px;
	text-align: center;
}

#message02 p.lead img {
	width: 70%;
	height: auto;
}

#message02 p.text {
	margin: 0 20px 10px;
}

#message02 p.sig {
	text-align: right;
	margin: 0 20px 10px;
}

#message02 p.sig span {
	font-size: 18px;
}

#message02 p.people {
	text-align: center;
}

#message02 p.people img {
	width: 280px;
	height: auto;
}

#message03 {
	padding: 30px 0 0;
	background: url(../image/recruit-03_back-02.png) no-repeat 0 0;
	background-size: cover;
	font-weight: bold;
}

#message03 p {
	text-shadow: 1px 1px 6px #FFF;
}

#message03 p.lead {
	margin: 0 0 10px;
	text-align: center;
}

#message03 p.lead img {
	width: 70%;
	height: auto;
}

#message03 p.text {
	margin: 0 20px 10px;
}

#message03 p.sig {
	text-align: right;
	margin: 0 20px 10px;
}

#message03 p.sig span {
	font-size: 18px;
}

#message03 p.people {
	text-align: center;
}

#message03 p.people img {
	width: 280px;
	height: auto;
}

.voiceBox {
	margin: 0 auto;
	padding: 43px 10px 30px;
}

.voiceBox h2 {
	margin: 0 10px 30px;
	padding: 8px 0;
	text-align: center;
	border-bottom: 4px solid #E60019;
}

.voiceBox h2 img {
	margin-bottom: 8px;
}

.voiceBox h3 {
	margin: 0 0 34px;
}

.voiceBox .boxl,
.voiceBox .boxr {
	width: 100%;
	margin: 0 0 34px;
}

.voiceBox .boxl .text,
.voiceBox .boxr .text {
}

.voiceBox .boxl .text div,
.voiceBox .boxr .text div {
	padding: 20px;
	background-color: #F5F5F5;
	line-height: 1.7;
}

.voiceBox .boxl .text div h4,
.voiceBox .boxr .text div h4 {
	margin: 0 0 15px;
}

.voiceBox .boxl .image,
.voiceBox .boxr .image {
	text-align: center;
}

.voiceBox .onevoice {
	position: relative;
 width: 100%;
 border: 4px solid #7F191E;
 outline: 1px solid #7F191E;
	outline-offset: -11px;
	margin: 0 auto 40px;
	padding: 20px 10px 34px;
}

.voiceBox .onevoice .title {
	margin: 10px 0 0 10px;
}

.voiceBox .onevoice .image {
	position: absolute;
	bottom: 7px;
	right: 0;
	z-index: -1;
}

.voiceBox .onevoice .image img {
	width: 120px;
	height: auto;
}

.voiceBox .onevoice .text {
	margin: 24px auto 0 10px;
	width: 75%;
	z-index: 10;
	background-color: rgba(255, 255, 255, 0.5);
}

#reqBox {
	margin: 0 10px;
	padding: 60px 0 0;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
}

#reqBox h2 {
	margin: 0 0 42px;
	padding: 8px 0;
	text-align: center;
	border-bottom: 4px solid #E60019;
}

#reqBox h2 img {
	margin-bottom: 8px;
}

#reqBox p {
	margin: 0 0 10px;
}

#reqBox ul {
	margin: 0;
	padding: 0 0 10px;
	list-style: none;
}

#reqBox ul li {
	width: 290px;
	margin: 0 auto 10px;
	padding: 0;
	text-align: center;
	font-weight: bold;
}

#reqBox ul li img {
	margin: 0 0 10px;
}

#workingBox {
	margin: 0 10px;
	padding: 80px 0 0;
}

#workingBox h2 {
	margin: 0 0 40px;
	padding: 8px 0;
	text-align: center;
	border-bottom: 4px solid #E60019;
}

#workingBox h2 img {
	margin-bottom: 8px;
}

#workingBox h3 {
	margin: 0 0 16px;
}

#workingBox p {
	margin: 0 0 15px;
}

#workingBox ul {
	margin: 0;
	padding: 0 0 57px;
	list-style: none;
}

#workingBox ul li {
	width: 290px;
	margin: 0 auto 10px;
	padding: 0;
	text-align: center;
}

#welfareBox {
	margin: 0 10px;
	padding: 30px 0 55px;
}

#welfareBox h2 {
	margin: 0 0 40px;
	padding: 8px 0;
	text-align: center;
	border-bottom: 4px solid #E60019;
}

#welfareBox h2 img {
	margin-bottom: 8px;
}

#welfareBox section {
	margin: 0 auto 30px;
}

#welfareBox section p {
	margin: 0 0 10px;
}

#welfareBox section .textl {
}

#welfareBox section .textr {
}

#welfareBox section .imager {
	text-align: right;
}

#welfareBox section .imagel {
	text-align: left;
}

#trainingBox {
	margin: 0 10px;
	padding: 90px 0 0;
}

#trainingBox h2 {
	margin: 0 0 42px;
	padding: 8px 0;
	text-align: center;
	border-bottom: 4px solid #E60019;
}

#trainingBox h2 img {
	margin-bottom: 8px;
}

#trainingBox section {
	margin: 0 auto 45px;
}

#trainingBox section p {
	margin: 0 0 10px;
}

#trainingBox section .textl {
}

#trainingBox section .textr {
}

#trainingBox section .imager {
	text-align: right;
}

#trainingBox section .imagel {
	text-align: left;
}

#youkouBox {
	margin: 0 10px;
	padding: 60px 0 0;
}

#youkouBox h2 {
	margin: 0 0 42px;
	padding: 8px 0;
	text-align: center;
	border-bottom: 4px solid #E60019;
}

#youkouBox h2 img {
	margin-bottom: 8px;
}

.youkou {
	margin: 0;
	padding: 0 0 20px;
	list-style: none;
}

.youkou li {
	display: inline-block;
	width: 48%;
	margin: 0 1% 10px 0;
	cursor: pointer;
	background-color: #FDFDFD;
	text-align: center;
	box-shadow: 4px 4px #707070;
}

.youkou li a {
	display: block;
	width: 100%;
	padding: 12px 8px;
	border: 1px solid #737373;
}
.youkou li a:hover {
	background-color: #851718;
	color: #FFFFFF;
	box-shadow: 4px 4px #370809;
	border: 1px solid #851718;
}

.youkoutab {
	padding: 10px;
}

.nod {
	display: none;
}

.youkouTb {
	width: 100%;
	margin: 0 0 30px;
	border-top: 1px solid #434343;	
}

.youkouTb th {
	display: block;
	padding: 10px;
	background-color: #DCDCDC;
	border-bottom: 1px solid #434343;
	text-align: left;
}

.youkouTb td {
	display: block;
	padding: 10px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #434343;	
}

.alink2 {
	margin: -65px 0 0;
}

#colorAlink1,
#colorAlink2,
#colorAlink3 {
	padding-top: 65px;
 margin-top: -65px;
}

.reqBottom {
	margin: 0 10px;
	padding: 30px 0 0;
	text-align: center;
}

.reqBottom p {
	padding: 0;
	font-weight: bold;
	font-size: 16px;
}

.madeLead {
	margin: 0 0 10px;
	font-weight: bold;
	text-align: center;
	font-size: 16px;
}

.madeUl {
	margin: 0;
	padding: 0 0 20px;
	list-style: none;
}

.madeUl li {
	margin: 0 0 10px;
	padding: 0;
	text-align: center;
	line-height: 1.3;
	font-size: 16px;
	font-weight: bold;
}

.madeUl li img {
	margin: 0 0 5px;
}

.madeText {
	margin: 0 0 20px;
}

#youkouBox .kinmuti {
	width: 100%;
	margin: 0 auto 20px;
	background-color: #851718;
	padding: 6px 14px;
	color: #FFF;
	font-weight: bold;
	font-size: 18px;
}

#req2Box {
	width: 100%;
	margin: 0 auto;
	padding: 30px 10px;
}

#req2Box p {
	margin: 0 0 50px;
}

#req2Box.management .rdTitle {
	width: 100%;
	margin: 0 auto 50px;
}

#req2Box.management .rdTitle p {
}

#req2Box.management .rdTitle div {
	width: 100%;
	background-color: #851718;
	color: #FFF;
}

#req2Box.management .rdTitle div h2 {
	font-size: 22px;
	font-weight: bold;
	padding: 5px;
}

#req2Box .rdSyokusyu {
display: none;

}

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



/*------------------------------------------------------------------------------------------------
  partner
--------------------------------------------------------------------------------------------------*/
.partnerBox {
	margin: 0 10px;
	padding: 38px 0;	
}

.partnerBox h2.sp {
  position: relative;
  text-align: center;
		margin: 0 0 30px;
}

.partnerBox h2.sp span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0;
  padding: 0 1em;
		width: 260px;
  background-color: #fff;
  text-align: center;
}

.commonColor .partnerBox h2.sp span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0;
  padding: 0 1em;
		width: 260px;
  background-color: #F5F5F5;
  text-align: center;
}

.partnerBox h2.sp span img {
	vertical-align: -8px;
}

.partnerBox h2.sp::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 4px;
  background-color: #E60019;
}

.partnerBox h2 {
  position: relative;
  text-align: center;
		margin: 0 0 30px;
}

.partnerBox h2 span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0;
  padding: 0 1em;
		width: 300px;
  background-color: #fff;
  text-align: center;
}

.commonColor .partnerBox h2 span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0;
  padding: 0 1em;
		width: 300px;
  background-color: #F5F5F5;
  text-align: center;
}

.partnerBox h2 span img {
	vertical-align: -8px;
}

.partnerBox h2::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 4px;
  background-color: #E60019;
}

.partnerBox h3 {
	margin: 0 auto 10px;
}

.partnerBox p {
	margin: 0 auto 20px;
}

.partnerBox .docs {
	margin: 0 auto 20px;
	padding: 0 4px 4px;
}

.partnerBox .docs .doc1 {
	width: 100%;
	margin: 0 0 20px;
	padding: 15px 15px 11px 65px;
	box-shadow: 4px 4px #808080;
	font-weight: bold;
	color: #E60019;
	font-size: 16px;
	min-height: 56px;
	background: url(../image/partner-03.png) #F7F7F7 no-repeat 0 0;
	background-size: 56px;
}

.partnerBox .docs .doc2 {
	width: 100%;
	margin: 0 0 20px;
	padding: 15px 15px 11px 65px;
	box-shadow: 4px 4px #808080;
	font-weight: bold;
	color: #E60019;
	font-size: 16px;
	min-height: 56px;
	background: url(../image/partner-04.png) #F7F7F7 no-repeat 0 0;
	background-size: 56px;
}

.partnerBox .docs .doc3 {
	width: 100%;
	margin: 0 0 20px;
	padding: 15px 15px 11px 65px;
	box-shadow: 4px 4px #808080;
	float: left;
	font-weight: bold;
	color: #E60019;
	font-size: 16px;
	min-height: 56px;
	background: url(../image/partner-05.png) #F7F7F7 no-repeat 0 0;
	background-size: 56px;
}

.partnerBox .docs .doc4 {
	width: 100%;
	margin: 0 0 20px;
	padding: 15px 15px 11px 65px;
	box-shadow: 4px 4px #808080;
	font-weight: bold;
	color: #E60019;
	font-size: 16px;
	min-height: 56px;
	background: url(../image/partner-03.png) #FFFFFF no-repeat 0 0;
	background-size: 56px;
}

.partnerBox .docs .doc5 {
	width: 100%;
	margin: 0 0 20px;
	padding: 15px 15px 11px 65px;
	box-shadow: 4px 4px #808080;
	font-weight: bold;
	color: #E60019;
	font-size: 16px;
	min-height: 56px;
	background: url(../image/partner-04.png) #FFFFFF no-repeat 0 0;
	background-size: 56px;
}

.partnerBox .docs ul {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
}

.partnerBox .docs ul li {
	display: inline;
	margin: 0 3px;
	padding: 0;
}

.partnerBox table {
	width: 100%;
	margin: 0 auto 20px;
}

.partnerBox table thead th {
	background-color: #FBD9DD;
	color: #E60019;
	border: 1px solid #AAAAAA;
	padding: 10px;
}

.partnerBox table tbody th {
	border: 1px solid #AAAAAA;
	padding: 10px;
	font-weight: normal;
	background-color: #FFFFFF;
}

.partnerBox table td {
	border: 1px solid #AAAAAA;
	padding: 5px;
	background-color: #FFFFFF;
}

.partnerContact {
	margin: 0 10px 20px;
	padding: 30px 10px 25px;
	border: 4px solid #EFEFEF;
}

.partnerContact address {
	font-style: normal;
	margin: 0 0 20px;
}

.partnerContact .partnerTel {
}

.partnerContact .partnerTel p {
	margin: 0 0 5px;
}


/*------------------------------------------------------------------------------------------------
  sdgs
--------------------------------------------------------------------------------------------------*/
.sdgs01 {
	margin: 60px 0;
}

.sdgs01 .lead {
	width: 90%;
	margin: 0 auto;
}

.sdgs01 .lead p:nth-child(1) {
	text-align: center;
	margin-bottom: 50px;
}

.sdgs01 .lead p:nth-child(2) {
	text-align: center;
	font-size: 20px;
	margin-bottom: 10px;
	line-height: 1.4;
}

.sdgs01 .lead p:nth-child(2) span.a {
	color: #e60019;
}


.sdgs01 .lead p:nth-child(3) {
	line-height: 2;
	font-weight: 500;
}

.sdgs01 .lead p:nth-child(3) span.a {
	color: #e60019;
	letter-spacing: 0.05em;
	font-size: 20px;
}

.sdgs01 .photo {
	width: 90%;
	margin: 16px auto 0;
}

.sdgs02 p:nth-of-type(1) {
	width: 90%;
	margin: 0 auto;
	line-height: 2;
}

.sdgs02 p:nth-of-type(1) span {
	display: block;
	font-size: 20px;
	margin: 4px 0;
	line-height: 1.6;
}

.sdgs02 ul {
	width: 80%;
	margin: 30px auto 24px;
	padding: 0;
	list-style: none;
}

.sdgs02 ul li {
	margin: 0 0 20px;
	padding: 0;
}

.sdgs03 {
}

.sdgs03 h3 {
	position: relative;
	line-height: 48px;
	padding-left: 20px;
	color: #FFF;
	font-size: 22px;
	font-weight: bold;
	margin: 0 0 20px;
}

.sdgs03 h3 span {
	display: inline-block;
	padding-right: 40px;
	background: url(../image/sdgs-08.png) no-repeat 100% 0;
}

.sdgs03 h3:before {
	position: absolute;
	background-color: #e60019;
	content: "";
	height: 48px;
	width: calc(100vw - 210px);
 right: 300px;
	z-index: -1;
}

.sdgs03 .inner {
	width: 100%;
	margin: 0 auto;
}

.sdgs03 .inner p:nth-of-type(1) {
	font-weight: bold;
	margin: 0 0 40px;
}

.sdgs03 .inner .sdgsbox {
	position: relative;
	margin: 0 0 30px;
	padding: 30px 20px;
	background-color: #f4f4f4;
}

.sdgs03 .inner .sdgsbox:nth-of-type(2n) {
	margin: 0 0 60px;
}

.sdgs03 .inner .sdgsbox:nth-last-of-type() {
	margin: 0;
}

.sdgs03 .inner .pick {
	color: #e60019;
	font-size: 22px;
	font-weight: bold;
	margin-bottom:20px;
}

.sdgs03 .inner .sdgsbox h4 {
	background: url(../image/sdgs-09.png) no-repeat 0 0;
	padding: 2px 0 2px 40px;
	font-size: 20px;
	font-weight: bold;
	line-height: 36px;
}

.sdgs03 .inner .sdgsbox ul.mark {
	margin: 20px 0 0 20px;
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.sdgs03 .inner .sdgsbox ul.mark li {
	margin: 0 1% 10px;
	width: 30%;
}



}



@media screen and (max-width: 420px){

.voiceBox .onevoice .text{
	width: 100%;
	margin: 10px 0 0;
	padding: 0 10px;
}

.voiceBox .onevoice .image {
	display: none;
}

}