@charset "utf-8";

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

   page

--------------------------------------------------------------------------------------------------*/
.sp {
	display:none;
}
/*--------------------------------------------------------------------------------------------------

   pager

--------------------------------------------------------------------------------------------------*/
.wp-pagenavi a, .wp-pagenavi span {
	border:none !important;
	font-weight: normal !important;
}
.wp-pagenavi span.current {
	color: #fff;
	width: 40px;
    display: inline-block;
    text-align: center;
    font-size: 18px;
    text-decoration: none;
    height: 40px;
    line-height: 37px;
}
/*------------------------------------------------------------------------------------------------
  index
--------------------------------------------------------------------------------------------------*/
element.style { /*inline styling added, this should be active, but isn't*/
    width: 33.333333333333%;
}

@media screen and (max-width: 420px) /* This one is applied on small screens */
.ig-item {
    min-width: 100%;
    padding: 5px;
}
@media screen and (max-width: 767px) /* this one applies to medium-ish screens*/
.ig-item {
    min-width: 50%;
    padding: 5px;
}

.instagallery-actions {
	display: none;
}
.qtip-titlebar+.qtip-content {
    border-top-width: 0!important;
    width: 300px;
    font-size: 13px;
    line-height: 15px;
}
#index .slider img {
	width: 100%;
}
.bx-wrapper img {
    width: 100%;
    display: block;
    height: auto !important;
}
#index .eventbox {
	margin-left: 40px;
	margin-bottom: 40px;
	color: #333333;
}
#index .eventbox img {
	width: 400px;
	}
#index .eventbox img {
	float: left;
}
#index .eventbox p {
	width: 420px;
	float: right;
	margin-right: 110px;
}
#index .eventbox p span {
	font-weight: bold;
	font-size: 15px;
	display: block;
	margin-top: 10px;
}
#index .event a:nth-last-of-type(2) .eventbox {
	margin-bottom:15px;
}
#index .event a:last-of-type {
	float: right;
}
#index .news ul {
	width: 595px;
	margin:0;
	padding:0;
	padding-left: 10px;
}
#index .news li {
	list-style-type: none;
	margin-bottom: 12px;
}
#index .news li:last-of-type a {
	border:none;
}
#index .news li a {
	display:block;
	text-decoration: none;
	color: #333333;
  padding-bottom: 30px;
	border-bottom: solid 1px #ccc;
	height: 20px;
	line-height: 20px;
}
#index .news li a span:first-child {
	text-decoration: none;
}
#index .news li a span:nth-child(2) {
	background: #EB1C24;
	color: #fff;
	width: 90px;
	display:inline-block;
	font-size: 12px;
	text-align:center;
	margin: 0 12px;
}
#index .news .to_list {
	text-align:right;
	margin-bottom: 20px;
}
.eo-fullcalendar-reset .fc-view-container th {
	background: #EB1C24 !important;
	color: #fff !important;
	height: 30px !important;
  line-height: 30px !important;
}
.fc-content {
    }
/*a.fc-event {
	pointer-events: none;
}*/
#index .news .left {
	float: left;
	width: 100%;
}
#index .news iframe {
	float: right;
	margin-top: 40px;
	width: 400px;
	height: 500px;
}
/*------------------------------------------------------------------------------------------------
  instagram
--------------------------------------------------------------------------------------------------*/
.simply-scroll {
	width: 100%;
}
.simply-scroll ul li {
	list-style-type: none;
	}
.simply-scroll-container {
   position: relative;
}
.simply-scroll-clip {
  position: relative;
  overflow: hidden;
	width: 100% !important;
}
.simply-scroll-list {
  overflow: hidden;
}
.simply-scroll-list li {
  float: left;
  margin-left: 80px;
  width: 200px;
	height: 200px;
  font-size: 12px;
  line-height: 14px;
 }
 
.simply-scroll-list li img {
  display: block;
  border: 7px solid #FFF;
  box-shadow: 0 0 1px #888;
  width: 200px;
  margin-bottom: 14px;
 }
.simply-scroll-list li img {
	border:none;
	box-shadow: none;
	}

#index .insta .px1024 {
	position: relative;
	}
#index .insta .px1024  .insta-link {
	position: absolute;
	right: 10px;
	top:-50px;
	z-index: 999;
	}
.qtip {
    max-width: 300px !important;
}
.eo-venue-combobox-select {
	display: none !import;
	}
/*------------------------------------------------------------------------------------------------
  about
--------------------------------------------------------------------------------------------------*/
#about table {
	border: solid 1px #808080;
	margin:0 auto;
}
#about th {
	width: 165px;
	background:#C0C0C0;
	text-align: left;
  padding-left: 15px;
}
#about td {
	width: 520px;
	padding: 8px 15px;
}
#about iframe {
	width: 100%;
	height: 320px;
}
section.google-map {
  padding-bottom:0;
}

/*------------------------------------------------------------------------------------------------
  shop
--------------------------------------------------------------------------------------------------*/
#shop .images {
	width: 765px;
	margin:0 auto;
}
#shop .images img {
	margin-right: 30px;
	margin-bottom: 30px;
	margin-top: 15px;
}
#shop .images img:nth-of-type(4),
#shop .images img:nth-of-type(5),
#shop .images img:nth-of-type(6) {
	margin-bottom: 0;
	margin-top:0;
}
#shop h4 {
	width: 100%;
	height: 35px;
	font-size:16px;
	font-weight: bold;
	line-height: 35px;
	padding-left: 14px;
	background: #E9E9E9;
	margin: 30px 0 10px;
}
#shop h4:first-of-type {
	margin-top:0;
}
#shop .kiyaku p {
	padding-left: 14px;
}
#shop .shop-naiyo span {
	background:#E80000;
	width: 240px;
	display: block;
	height: 25px;
	color: #fff;
	line-height: 25px;
	padding-left: 14px;
	font-weight: bold;
	margin-top: 24px;
	margin-bottom: 6px;
}

/*------------------------------------------------------------------------------------------------
  recruit
--------------------------------------------------------------------------------------------------*/
#recruit .companyprofile {
	position: relative;
}
#recruit .companyprofile img {
	float:left;
}
#recruit .companyprofile p {
	float: left;
	margin-left: 18px;
	margin-top: 10px;
	line-height: 20px;
}
#recruit .recruit_banner {
	position:absolute;
	bottom:0;
	right:0;
}
#recruit .rec-gray {
	background: #F4F4F4;
	padding-top: 20px;
	padding-bottom: 20px;
}
#recruit .rec-white {
	background: #fff;
	padding-top: 20px;
	padding-bottom: 20px;
}
#recruit .recbox div {
	padding-left: 60px;
}
#recruit .recbox div div {
	position: relative;
	letter-spacing: 1.2px;
	padding-left: 24px;
	margin-bottom:10px;
}
#recruit .recbox div div:before {
	content: url(../image/recruit/red-border.png);
	position:absolute;
	left:0;
	top: 1px;
}
#recruit .recbox div div span {
	font-size: 18px;
	font-weight: bold;
}
#recruit .recbox div img {
	float: left;
}
#recruit .recbox div p {
	float: left;
	margin-left: 30px;
	margin-top:15px;
}
#recruit .banner {
	text-align: center;
}

/*------------------------------------------------------------------------------------------------
  privacy
--------------------------------------------------------------------------------------------------*/
#privacy .box {
	margin-bottom: 38px;
}
#privacy .box span {
	display: block;
	font-size: 18px;
	height: 37px;
	line-height: 34px;
	border-bottom: solid 2px #C0C0C0;
	border-top: solid 2px #C0C0C0;
	margin-bottom: 15px;
	padding-left: 10px;
}

/*------------------------------------------------------------------------------------------------
  event
--------------------------------------------------------------------------------------------------*/
#event .box {
	margin-bottom: 36px;
}
#event .event a {
	color: #333333;
}
#event .box img {
	float:left;
    width: 420px;
    height: auto;
}
#event .box p {
	margin-left: 20px;
}
#event .box .honbun,#event .box .date {
	width: 440px;
	float: left;
}
#event .box .honbun span {
	font-weight: bold;
	display:block;
	margin: 3px auto;
}
.pager {
	text-align: center;
}	
.pager a {
	width: 40px;
	display: inline-block;
	text-align: center;
	font-size: 18px;
	text-decoration: none;
	height: 40px;
	line-height: 40px;
	color: #333;
}
.pager .current {
	background: #E80000;
}
#event .event .pager a.current {
	color: #fff;
	font-weight: bold;
}

/*------------------------------------------------------------------------------------------------
  news
--------------------------------------------------------------------------------------------------*/
#news ul {
	width: 700px;
	margin:0 auto;
	margin-bottom: 40px;
}
#news ul li {
	list-style-type: none;
	padding:16px 0 16px 50px;
}
#news ul li a {
	text-decoration: none;
	color: #333;
    display: block;
}
#news ul li:nth-of-type(2n) {
	background: #EFEFEF;
}
#news ul li span.cate {
	background:#EB1C24;
	color: #fff;
	padding:2px 10px;
	font-size: 12px;
	margin-right: 10px;
	margin-left: 10px;
}
#news .pager a.current {
	color: #fff;
	font-weight: bold;
}
#news .naiyo {
	width: 940px;
	margin:0 auto;
}
#news .naiyo img {
	max-width: 100%;
	height: auto;
	}
#news .title {
	margin-bottom: 30px;
}
#news .main {
	font-size: 22px;
	color:#E60000;
	display: inline-block;
}
#news .sub {
	font-size: 14px;
	color:#333;
	display: inline-block;
	float: right;
}
#news .honbun {
	width: 760px;
	margin:0 auto;
}
#news p {
	margin-top: 30px;
}
#news .pager-show {
	margin-bottom: 30px;
}
#news .pager-show a {
	font-size: 14px;
	width: 100px;
	color: #e60000;
	font-weight: bold;
}
#news span.cate {
	background:#EB1C24;
	color: #fff;
	padding:2px 10px;
	font-size: 12px;
	margin-right: 10px;
	margin-left: 10px;
}
#news .honbun img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
 
#news .honbun img.alignright {
	padding: 4px;
	margin: 0 0 2px 10px;
	display: inline;
	}
 
#news .honbun img.alignleft {
	padding: 4px;
	margin: 0 10px 2px 0;
	display: inline;
	}
 
#news .honbun .alignright {
	float: right;
	}
 
#news .honbun .alignleft {
	float: left;
	}
#news .honbun .alignnone {
	display:block;
	}
/*------------------------------------------------------------------------------------------------
  contact
--------------------------------------------------------------------------------------------------*/
#contact .button button {
	border:none !important;
	background: #3F3F41;
	color: #fff;
	text-decoration: none;
	padding: 10px 16px;
	font-weight: bold;
}
.mw_wp_form_confirm button:last-of-type {
    margin-right: 0;
}
.mw_wp_form_confirm button{
    width: 200px;
    display: inline-block;
    margin-right: 40px;
}

#contact .c-titles {
	width: 480px;
	float: left;
	margin-bottom: 40px;
}
#contact .c-titles p {
	padding-left: 16px;
}
#contact .c-titles .title {
	background: #e60000;
	font-size: 16px;
	line-height: 30px;
	padding-left: 16px;
	height: 30px;
	color: #fff;
	margin-bottom: 6px;
}
#contact .c-right {
	margin-left: 62px;
}
#contact .c-titles span {
	font-size: 22px;
	font-weight: bold;
	display: block;
}
#contact .mail-title {
	background: #e60000;
	color: #fff;
	font-size: 16px;
	padding-left: 16px;
	line-height: 30px;
	height: 30px;
	margin-bottom: 30px;
}
#contact table th {
	width: 200px;
	text-align: left;
}
#contact .form {
	background: #fff;
	padding: 60px 100px;
	width: 700px;
	margin:0 auto;
	margin-bottom: 20px;
}
#contact table th {
  padding-bottom: 10px;
}
#contact table td {
	width: 370px;
	margin-bottom: 10px;
  padding-bottom: 10px;
}
#contact table tr {
	margin-bottom: 10px;
}
#contact table input[type="text"] {
	width: 350px;
	height: 25px;
}
#contact table input[type="tel"] {
	width: 106px;
	height: 25px;
}
#contact table select {
	height: 25px;
}
#contact table textarea {
	width: 370px;
	height: 100px;
}
#contact table th.first-th {
	vertical-align: top;
}
#contact .button {
	text-align:center;
	margin-top: 20px;
}
#contact a {
	background:#3F3F41;
	color: #fff;
	text-decoration: none;
	padding: 10px 16px;
	font-weight: bold;
}
#contact .contact-01 {
	margin-top:20px;
}
#contact table input.tel {
	width: 107px;
}
/*------------------------------------------------------------------------------------------------
  contact_cnf
--------------------------------------------------------------------------------------------------*/
.contact-cnf #contact .form {
	background: #F4F4F4;
	padding: 60px 100px;
	width: 700px;
	margin: 0 auto;
	margin-bottom: 20px;
}
mw_wp_form_preview .cnf-form {
	background: #F4F4F4;
	padding: 60px 100px;
	width: 700px;
	margin: 0 auto;
	margin-bottom: 20px;
}
.contact-cnf #contact section div.button a {
	width: 200px;
	display: inline-block;
	margin-right: 40px;
}
.contact-cnf #contact section div.button a:last-of-type {
	margin-right:0;
}

/*------------------------------------------------------------------------------------------------
  contact_end
--------------------------------------------------------------------------------------------------*/
.contact-end #contact section div.button a {
	width: 200px;
	display:block;
	margin:0 auto;
}
.contact-end #contact section div.button {
	margin-top: 70px;
	margin-bottom: 150px;
}

/*------------------------------------------------------------------------------------------------
  open
--------------------------------------------------------------------------------------------------*/
#open section {
	padding-bottom:0;
}
#open .flow a {
	display:inline-block;
	margin-right: 31px;
	text-align: center;
	line-height: 58px;
	color: #444;
	font-weight: normal;
	font-size: 15px;
	text-decoration: none;
}
#open .flow a:first-of-type {
	background: url(../image/open/flow01.png) no-repeat;
	width: 180px;
	height: 58px;
	display: inline-block;
}
#open .flow a:nth-of-type(2) {
	background: url(../image/open/flow02.png) no-repeat;
	width: 180px;
	height: 58px;
	display: inline-block;
}
#open .flow a:nth-of-type(3) {
	background: url(../image/open/flow03.png) no-repeat;
	width: 180px;
	height: 58px;
	display: inline-block;
}
#open .flow a:nth-of-type(4) {
	background: url(../image/open/flow04.png) no-repeat;
	width: 180px;
	height: 58px;
	display: inline-block;
}
#open .flow a:nth-of-type(5) {
	background: url(../image/open/flow05.png) no-repeat;
	width: 150px;
	height: 58px;
	display: inline-block;
	margin-right: 0;
}
#open .plans .title {
	font-size: 22px;
	margin-bottom: 14px;
}
#open .plans .title span {
  width: 30px;
  height: 30px;
	line-height: 32px;
  border-radius: 50%;
	display: inline-block;
	text-align: center;
	margin-right: 6px;
	color: #fff;
}
#open .plan01 .title span {
  background: #F0C500;/*背景色*/
}
#open .plan02 .title span {
  background: #ECAB8E;/*背景色*/
}
#open .plan03 .title span {
  background: #C6AFE3;/*背景色*/
}
#open .plan04 .title span {
  background: #99C3ED;/*背景色*/
}
#open .plan05 .title span {
  background: #E45D4D;/*背景色*/
}
#open .plans h3 {
	width: 920px;
	height:32px;
	font-size: 16px;
	line-height: 32px;
	padding-left: 16px;
	margin-top: 16px;
	margin-bottom: 10px;
}
#open .plans .h3-sita {
	width: 920px;
	margin-bottom: 16px;
}
#open .plans .box {
	position: relative;
}
#open .plans .method-title {
	display: inline-block;
	padding: 4px;
	z-index:9999;
	position: relative;
}
#open .plans .method {
	z-index:1;
}
#open .plans ul {
	background:#F5F5F5;
	display:inline-block;
	padding:10px;
	z-index:1;
}
#open .plans ul li {
	list-style-type: none;
	font-size: 12px;
}
#open .plans dl {
	width: 920px;
}
#open .plans dl dd {
	margin-bottom: 10px;
	margin-left: 10px;
}
#open .plans dl dt:before {
	content: "";
	width: 14px;
	height: 14px;
	margin-right: 4px;
	display: inline-block;
}
#open .plans dl dt {
	font-weight: bold;
}
#open .plans .bg {
	margin-top: 60px;
}

#open .plan01 .box {
	height: 160px;
}
#open .plan01 h3 {
	background: #FFFAD5;
	border: solid 1px #F0C500;
}
#open .plan01 .method-title {
  background: #FFFAD5;/*背景色*/
	border: solid 1px #F0C500;
}
#open .plan01 ul {
	border:solid 1px #FFD5D5;
	position: absolute;
	top:10px;
	left: 20px;
	background: #F9F9F9;
}
#open .plan01 dl dt:before {
	background: #F0C500;
}

#open .plan02 .box {
	height: 110px;
}
#open .plan02 h3 {
	background: #FFE1D5;
	border: solid 1px #ECAB8E;
}
#open .plan02 .method-title {
  background: #FFE1D5;/*背景色*/
	border: solid 1px #F0C500;
}
#open .plan02 ul {
	border:solid 1px #FFD5D5;
	position: absolute;
	top:10px;
	left: 20px;
	background: #fff;
}
#open .plan02 dl dt:before {
	background: #ECAB8E;
}

#open .plan03 .box {
	height: 110px;
}
#open .plan03 h3 {
	background: #EFE6F9;
	border: solid 1px #C6AFE3;
}
#open .plan03 .method-title {
  background: #EFE6F9;/*背景色*/
	border: solid 1px #C6AFE3;
}
#open .plan03 ul {
	border:solid 1px #C6AFE3;
	position: absolute;
	top:10px;
	left: 20px;
	background: #F9F9F9;
}
#open .plan03 dl dt:before {
	background: #C6AFE3;
}

#open .plan04 .box {
	height: 110px;
	margin-top: 30px;
}
#open .plan04 h3 {
	background: #D9EAFB;
	border: solid 1px #99C3ED;
}
#open .plan04 .method-title {
  background: #D9EAFB;/*背景色*/
	border: solid 1px #99C3ED;
}
#open .plan04 ul {
	border:solid 1px #C6AFE3;
	position: absolute;
	top:10px;
	left: 20px;
	background: #fff;
}
#open .plan04 dl dt:before {
	background: #99C3ED;
}

#open .plan05 .box {
	height: 110px;
	margin-top: 30px;
}
#open .plan05 h3 {
	background: #FADDDA;
	border: solid 1px #E45D4D;
}
#open .plan05 .method-title {
  background: #FADDDA;/*背景色*/
	border: solid 1px #E45D4D;
}
#open .plan05 ul {
	border:solid 1px #E45D4D;
	position: absolute;
	top:10px;
	left: 20px;
	background: #F9F9F9;
}
#open .plan05 dl dt:before {
	background: #E45D4D;
}



#produce .roadto {
	margin-bottom: 30px;
}
#produce .plan {
	width: 840px;
	padding-left: 120px;
	margin:0 auto;
	margin-bottom: 90px;
	padding-bottom: 20px;
}
#produce .plan .title {
	font-size: 20px;
	line-height: 22px;
	float:left;
	width: 310px;
}
#produce .plan ul {
	float: right;
	padding-top: 14px;
	width: 360px;
	list-style-type: none;
}
#produce .plan ul li {
	margin-bottom: 5px;
	position:relative;
	padding-left: 16px;
}
#produce .plan ul li:before {
	content: "";
	width:10px;
	height: 10px;
	background:#C1A6AE;
	display:block;
	position:absolute;
	margin-top:5px;
	left:0;
}
#produce .plan ul li ul li {
	position:relative;
}
#produce .plan ul li ul li:before {
	content: "";
	width:10px;
	height: 3px;
	background:#7D7D97;
	position: absolute;
	left:0;
	margin-top:8px;
}
#produce .plan ul li ul {
	padding-left: 10px;
	  padding-top: 5px;
}
#produce .plan div:first-of-type {
	padding-top:14px;
}
#produce .plan .title img {
	float:left;
	margin-right: 15px;
}
#produce .plan .title .eng {
	font-size: 15px;
	color: #C1A6AE;
	letter-spacing: 2px;
	font-family: Georgia, 'Hiragino Mincho ProN', 'Yu Mincho', serif;
}

#produce div.plan-01 {
	box-shadow: 8px 8px 8px #C1A6AE;
}
#produce div.plan-02 {
	box-shadow: 8px 8px 8px #7D7D97;
}
#produce div.plan-03 {
	box-shadow: 8px 8px 8px #8FA8AF;
}
#produce div.plan-04 {
	box-shadow: 8px 8px 8px #5F8B8A;
}
#produce div.plan-05 {
	box-shadow: 8px 8px 8px #757D57;
}
#produce div.plan-06 {
	box-shadow: 8px 8px 8px #918344;
}
#produce div.plan-07 {
	box-shadow: 8px 8px 8px #872323;
}
#produce .plan-02 ul li:before {
	background:#7D7D97;
}
#produce .plan-03 ul li:before {
	background:#8FA8AF;
}
#produce .plan-04 ul li:before {
	background:#5F8B8A;
}
#produce .plan-05 ul li:before {
	background:#757D57;
}
#produce .plan-06 ul li:before {
	background:#918344;
}
#produce .plan-07 ul li:before {
	background:#872323;
}
#produce .plan-02 .title .eng {
	color: #7D7D97;
}
#produce .plan-03 .title .eng {
	color: #8FA8AF;
}
#produce .plan-04 .title .eng {
	color: #5F8B8A;
}
#produce .plan-05 .title .eng {
	color: #757D57;
}
#produce .plan-06 .title .eng {
	color: #918344;
}
#produce .plan-07 .title .eng {
	color: #872323;
}
#produce .plan-05 .title .eng {
	letter-spacing: 1px;
}

/*------------------------------------------------------------------------------------------------
  recommend
--------------------------------------------------------------------------------------------------*/
#recommend h4 {
	margin-top:0;
	margin-bottom: 20px;
}
#recommend .box {
	margin-bottom: 80px;
}
#recommend .box-img {
	float: left;
}
#recommend .box-img img {
	width: 200px;
	height: auto;
	border: solid 1px #eaeaea;
	}
#recommend .box-text {
	float: left;
	margin-left: 30px;
}
#recommend .box-text .title {
	background: #eee;
	height: 30px;
	line-height: 30px;
	width: 670px;
	padding-left: 16px;
}
#recommend .box-text .naiyo {
	margin-left: 16px;
	margin-top: 15px;
	width: 650px;
}

/*------------------------------------------------------------------------------------------------
  studio
--------------------------------------------------------------------------------------------------*/
#studio .images {
	text-align:center;
}
#studio .images p {
	margin-top: 20px;
	margin-bottom:50px;
}
#studio .images img {
	width: 100%;
	margin-bottom:60px;
}
#studio .floor {
	font-size: 18px;
	text-align: left;
	border-bottom: solid 2px #ccc;
	border-left: solid 5px red;
	margin-bottom:26px;
	padding-left: 16px;
	padding-bottom:6px;
}
#studio .images img.lot {
	width: 30%;
	float: left;
	margin-right: 50px;
}
#studio .images .lot:last-of-type {
	margin-right:0;
}
/*------------------------------------------------------------------------------------------------
  makers
--------------------------------------------------------------------------------------------------*/
#makers h4 {
	cursor: pointer;;
}

#makers table {
	width: 100%;
	display: none;
}
#makers td {
	width: 25%;
	text-align: center;
	padding:20px 0;
	border-bottom: solid 1px #dedede;
	border-right: solid 1px #dedede;
}
#makers tr td:last-of-type {
	border-right: 0;
}
#makers tr:last-of-type td {
	border-bottom:none;
}
#makers dl {
	display: none;
}
#makers dl dd {
	float:left;
	width: 100%;
	margin-bottom:20px;
	border-bottom: solid 1px #ccc;
	padding-top:20px;
	padding-bottom:20px;
	clear:both;
}
#makers dl dd div {
	float:left;
	margin-right:50px;
	width: 180px;
	margin-left:10px;
}
#makers dl dd .company-name {
	display:block;
	font-size:1.5em;
	font-weight:bold;
}
#makers dl dd a {
	display:block;
	margin-bottom:20px;
}
#makers .maker-r {
	width: 700px;
	font-size: 16px;
}
#makers .maker-r .tel {
	display:block;
}
/*------------------------------------------------------------------------------------------------
  weborder
--------------------------------------------------------------------------------------------------*/
#weborder .kouji-img {
  float: left;
}
#weborder .kouji-text {
  float:left;
  margin-top: 40px;
  margin-left: 20px;
}

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

.weborderBox {
width: 800px;
margin: 0 auto 30px;
line-height: 1.6;
}

.weborderLead {
font-size: 16px;
font-weight: bold;
}

.weborderLogin {
	text-align: center;
}

.weborderLogin img {
	margin: 5px 0;
}

.weborderRed {
	color: #F00;
}

.bmBox {
    border: 1px dashed #CCC;
    padding: 30px 20px 20px;
    text-align: center;
}


/*------------------------------------------------------------------------------------------------
  recruitAdd(2022/02)
--------------------------------------------------------------------------------------------------*/
.recruitNewsBox {
	margin-bottom: 60px;
}

.recruitNewsBox .recruitNews {
	margin: 20px 20px 40px;
	padding: 1px 20px 20px;
	list-style: none;
box-shadow: 0 0 6px #CCC;
}

.recruitNewsBox .recruitNews h4 {
background-color: #FDE8E9;
border-radius: 10px;
position: relative;
font-size: 20px;
padding: 8px 20px 8px 30px;
height: auto;
}

.recruitNewsBox .recruitNews h4:before {
position: absolute;
content: "";
top: 14px;
left: 14px;
width: 6px;
height: 24px;
background-color: #D8121C;
}


.recruitNewsBox .recruitNews p {
margin: 0 0 20px;
line-height: 1.6;
}

.recruitNewsBox .recruitNews p.date {
margin: 0 0 10px;
text-align: right;
}

.recruitNewsBox .recruitNews li {
border-bottom: 1px dashed #CCC;
}

.recruitNewsBox .recruitNews li a {
padding: 12px 12px 12px 24px;
display:block;
text-decoration: none;
color: #000;
background: url(../image/redbox.gif) no-repeat 8px 18px;
background-size: 8px;
}

.recruitNewsBox .recruitNews li a span {
margin-right: 40px;
}

.recruitNewsBox .recruitNews li a:hover {
background-color: #F3F2F1;
opacity: 1;
}

.rinfoDetail {
margin: 0 30px 60px;
box-shadow: 0 0 6px #CCC;
padding: 1px 20px 20px;
line-height: 1.6;
}

.rinfoDetail p.date {
margin-bottom: 30px;
text-align: right;
}

.rinfoDetail div p {
margin: 0 0 20px;
font-size: 16px;
}

.btnall {
text-align: center;
margin: 0 0 60px;
}

.btnall a {
display: block;
width: 200px;
margin: 0 auto;
padding: 12px;
border: 1px solid #D8121C;
text-decoration: none;
}

.btnall a:hover {
background-color: #D8121C;
color: #FFF;
opacity: 1;
}

@media all and (max-width: 640px) {
.recruitNewsBox .recruitNews {
margin: 20px 0 30px;
padding: 12px;
}
.recruitNewsBox .recruitNews h4 {
font-size: 16px;
padding: 4px 10px 4px 30px;
}
.recruitNewsBox .recruitNews li a span {
display: block;
font-weight: bold;
margin-bottom: 4px;
}

.recruitNewsBox .recruitNews li a {
padding: 12px 12px 12px 24px;
display:block;
text-decoration: none;
color: #000;
background: url(../image/redbox.gif) no-repeat 8px 17px;
background-size: 8px;
}

.rinfoDetail {
margin: 0 0 60px;
box-shadow: 0 0 6px #CCC;
padding: 20px;
}

.rinfoDetail div p {
font-size: 14px !important;
line-height: 1.6 !important;
}

.recruitNewsBox .recruitNews img {
max-width: 100%;
height: auto;
}

.recruitNewsBox .recruitNews .alignright,
.recruitNewsBox .recruitNews .alignleft {
display: block;
margin: 0 auto 20px;
float: none;
}


}