@charset "utf-8";

/*common
====================================================*/
ul,li{
padding: 0;
margin: 0;
}
li{
list-style: none;
}
.text-center{text-align: center;}
.text-right{text-align: right;}
.text-left{text-align: left;}

.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px;}
.mb35{margin-bottom: 35px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}

.mg-center{margin-left: auto;margin-right: auto;}

/*layout
====================================================*/
#header{
width: 160px;
height: 100%;
position: fixed;
z-index: 999;
-webkit-box-shadow: 2px 0 3px 0 rgba(0,0,0,0.2);
        box-shadow: 2px 0 3px 0 rgba(0,0,0,0.2);
text-align: center;
background-color: #FFF;
overflow-y: auto;
overflow-x: hidden;
}
#logo{
padding: 50px 0;
}
@media only screen and (max-width:993px) {
	#header{display: none;}
	#sp-header{display: block;}
}
@media only screen and (min-width:992px) {
	#sp-header{display: none;}
}
#global-nav{
border-top: 1px solid #CCC;
font-size: 16px;
}
#global-nav ul{
}
#global-nav li.nav-recruit,#global-nav li.nav-contact,#global-nav li.nav-company{
display: table;
width: 100%;
}
#global-nav li a.nav-recruit-icon,
#global-nav li a.nav-recruitnew-icon,
#global-nav li a.nav-contact-icon,
#global-nav li a.nav-company-icon,
#global-nav li a.nav-newsletter-icon{
display: table-cell;
vertical-align: bottom;
height: 140px;
padding-bottom: 30px;
border-bottom: 1px solid #CCC;
color: #333;
text-align: center;
background-repeat: no-repeat;
background-position: center 40px;
background-color: #FFF;
position: relative;
z-index: 998;
}
#global-nav li a:hover{
text-decoration: none;
background-color: #FADEE0;
}

#global-nav li.nav-recruit,#global-nav li.nav-hover{position: relative;}
#global-nav li.nav-recruit a.nav-recruit-icon{
background-image: url("../img/icon_recruit.png");
font-size: 12px;
}
#global-nav li.nav-recruit a.nav-recruitnew-icon{
background-image: url("../img/icon_rec_new.png");
-webkit-background-size: 40px auto;
     -o-background-size: 40px auto;
        background-size: 40px auto;
}
#global-nav li.nav-contact a.nav-contact-icon{
background-image: url("../img/icon_mail.png");
}
#global-nav li.nav-company a.nav-company-icon{
background-image: url("../img/icon_compay.png");
}
#global-nav li.nav-company a.nav-newsletter-icon{
background-image: url("../img/icon_newsletter.png");
}

.nav-recruit-menu{
position: absolute;
top: 0;
left: 0;
width: 230px;
z-index: 997;
border: 1px solid #CCC;
background-color: #FFF;
text-align: left;
-webkit-box-shadow: 1px 1px 3px 0 rgba(0,1,0,0.2);
        box-shadow: 1px 1px 3px 0 rgba(0,1,0,0.2);
opacity: 0;
}
.nav-recruit-menu ul li.separator-line{
border-bottom: 1px dotted #CCC;
}
.nav-recruit-menu ul li a{
display: block;
padding: 10px 16px;
}
.nav-recruit-menu ul li a:before{
font-family: FontAwesome;
content: "\f105";
margin-right: 8px;
color: #444;
}


#main{padding-left: 160px;overflow: hidden;}
.main-contents{margin: 0 auto;}
.top-contents{margin: 0 auto;padding: 40px 30px;}
@media only screen and (min-width:1200px) {
	.main-contents{width: 1040px;}
}
@media only screen and (max-width:993px) {
	#main{padding-left: 0;}
}
@media (min-width: 768px){
	.main-contents{padding: 40px;}
}
@media screen and (max-width: 767px) {
	.main-contents{padding: 10% 4%;}
}
@media screen and (min-width: 576px) {
	.top-contents{padding: 40px;}
}
#footer{
padding-left: 160px;
background-color: #F5F5F5;
}
#footer #company-name{
font-size: 12px;
float: left;
padding: 30px 40px;
}
#footer #company-name span{
font-weight: bold;
font-size: 18px;
}
#footer ul{
float: right;
padding: 50px 40px 30px;
}
#footer ul li{
display: inline-block;
margin-left: 10px;
}
#footer ul li a{
color: #333;
font-size: 13px;
}
@media only screen and (max-width:993px) {
	#footer{padding-left: 0;}
	#footer #company-name,#footer ul{float: none;text-align: center;}
	#footer #company-name{padding: 20px 0 0;}
	#footer ul{padding: 10px 0 30px;}
}
/*top
====================================================*/
#main-visual{}
#main-visual img{
width: 100%;
}

.top-h1{
text-align: center;
margin: 0 auto 40px;
width: 142px;
/*background: url("../img/top_logo.png") no-repeat center top;
font-size: 12px;
padding-top: 68px;*/
}

.catch-txt{
font-size: 26px;
margin-bottom: 30px;
font-weight: bold;
}
.catch-txt span{
display: block;
}
@media only screen and (min-width:576px) {
	.catch-txt{
	font-size: 30px;
	font-weight: normal;
	}
	.catch-txt span{
	display: inline;
	}
}

#company-nav{
background-color: #F5F5F5;
padding: 26px;
margin: 40px 0 30px;
}
#company-nav p,#company-nav ul,#company-nav ul li{
display: inline-block;
}
#company-nav ul li{
margin-left: 5px;
margin-bottom: 5px;
color: #E50012;
border: 1px solid #e50012;
background-color: #FFF;
width: 110px;
text-align: center;
padding: 2px 0;
cursor: pointer;
}
#company-nav ul li.hit{
background-color: #FADEE0;
font-weight: bold;
}

#company-nav ul li:hover{
background-color: #FADEE0;
}

.list-wrap{
}
.lsit-item{
border: 1px solid #CCC;
margin-bottom: 30px;
}
.list-cont,.list-foot{
padding-left: 20px;
padding-right: 20px;
}
.list-cont h2{
font-size: 16px;
font-weight: bold;
}
.list-img{
overflow: hidden;
text-align: center;
}
.list-img img{width: 100%;}
.list-foot{
border-top: 1px dotted #CCC;
width: 100%;
padding-top: 10px;
}
.list-foot .list-cat{
float: left;
color: #808080;
}

.ic:before{
font-family: FontAwesome;
margin-right: 5px;
}
.ica:after{
font-family: FontAwesome;
margin-left: 5px;
}
.ic-tag:before{
content: "\f02b";
}
.ic-arrow-l:before{
content: "\f105";
}
.ic-arrow-b:before{
content: "\f107";
}
.ic-user:before{
content: "\f007";
}
.ic-users:before{
content: "\f0c0";
}
.ic-info:before{
content: "\f05a";
}
.ic-marker:before{
content: "\f041";
}
.ic-flag:before{
content: "\f024";
}
.ic-cmnt:before{
content: "\f075";
}
.ic-check:before{
content: "\f058";
}
.ic-target:after{
content: "\f08e";
}

.list-foot .list-cat+p{
text-align: right;
}

/*detal
====================================================*/
.main-contents .section{
margin-bottom: 50px;
}
#page-main-visual{
height: 300px;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
}
#main-visual span img{
vertical-align: middle;
}

.ttl-h1{
font-size: 48px;
margin-bottom: 30px;
}
@media only screen and (max-width:993px) {
	.ttl-h1{font-size: 36px;}
}

.link-list span{
border-bottom: 1px dotted #CCC;
display: block;
padding: 16px 0;
white-space: nowrap;
overflow: hidden;
}
.link-list span:before{
font-family: FontAwesome;
content: "\f105";
margin-right: 5px;
}
@media (min-width: 768px){
	.link-list.link-list-info li:nth-of-type(-n+2) span{border-top: none;}
	.link-list li:nth-of-type(-n+2) span,
	.link-list.link-list-info li:first-child span {border-top: 1px dotted #CCC;}
}
.ttl-t2{
font-size: 24px;
margin-bottom: 20px;
}
.back-btn{
text-align: center;
margin: 50px 0;
}
.back-btn a{
width: 300px;
}
@media (max-width: 767px){
	.back-btn a{
		width: 80%;
	}
}
.access-txt{
margin-bottom: 30px;
}

#access-maps{
width: 100%;
height: 450px;
}
#access-maps > iframe{
	width: 100%!important;
	height: 450px!important;
}

.btn-red{
background-color: #E50012;
color: #fff;
}
.btn-red:hover{
background-color: #EC404E;
color: #fff;
}
.btn-red:focus{
color: #fff;
}
.page-print a:hover{color: #FFF;background-color: #C0000F;}
.page-print a:before{
font-family: FontAwesome;
margin-right: 5px;
content: "\f02f";
}

/*recruit
====================================================*/
.rec-nav{
}
.rec-nav li{
position: relative;
height: auto;
}
.rec-nav div{
display: block;
color: #333;
}
.rec-nav li a{
border: 1px solid #CCC;
display: block;
height: 100%;
overflow: hidden;
}
.rec-nav li a:hover{
text-decoration: none;
background-color: #FADEE0;
}
.rec-nav li a span{
color: #333;
font-size: 24px;
}
.rec-nav li a img{
height: 30%;}


.rec-nav-list{}
.rec-nav-list li{
	margin-bottom: 15px;
}
.rec-nav-list a{
	border: 1px solid #CCC;
	display: flex;
	align-items: center;
	padding: 20px 30px;
}
.rec-nav-list a:hover{
	text-decoration: none;
	background-color: #FADEE0;
}
.rec-nav-list a img{
	margin-right: 15px;
}
.rec-nav-list a > span{
	color: #333;
	font-weight: bold;
}
.rec-nav-list li.rec-nav-list-kyujin span{
	font-size: 24px;
}
.rec-nav-list li.rec-nav-list-kyujin span:after{
	content: "\f08e";
	font-family: "FontAwesome";
	color: #e50012;
	font-weight: normal;
	margin-left: 10px;
}
.rec-nav-list li .rec-nav-list-red{
	color: #e50012;
}

.recruit-list-box{
}
.recruit-list-item{
	border: 1px solid #ddd;
	border-radius: 3px;
	margin-bottom: 30px;
}
.rc-li-itm-head{
	background-color: #fafafa;
}
.rc-li-itm-head h3{
	font-size: 18px;
	margin: 0;
	padding: 15px;
}
.rc-li-itm-body{
}
.rc-li-itm-img{
	padding: 14px 14px 0;
}
.rc-li-itm-img img{
	max-width: 100%;
}
.rc-li-itm-detail{
	padding: 14px;
}
.rc-li-itm-detail table.recruit-detail-table th{
	width: 100px;
}
.rc-li-itm-tokucho li{
	display: inline-block;
	border: 2px solid #f37426;
	border-radius: 4px;
	margin-right: 8px;
	margin-bottom: 3px;
	padding: 4px 8px;
	color: #f37426;
	font-weight: bold;
}
.rc-li-itm-footer{
	width: 100%;
	text-align: center;
	padding: 0 14px 14px;
}
.rc-li-itm-footer .btn{
	width: 80%;
}
.recruit-apply-btn{
	text-align: center;
	margin-bottom: 30px;
}
.recruit-apply-btn .btn{
	width: 80%;
	font-weight: bold;
}
@media (min-width: 768px){
	.rec-nav li:before{content: "";display: block;padding-top: 100%;}
	.rec-nav div{position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 5%;text-align: center;}
	.rec-nav li a{padding-top: 30%;}
	.rec-nav li a span{display: block;}
	.rec-nav li a img{margin-bottom: 20px;}
	.rc-li-itm-body{
	display: flex;
	flex-wrap: wrap;
	}
	.rc-li-itm-img{
	width: 300px;
	padding: 14px;
	}
	.rc-li-itm-detail{
	width: calc(100% - 300px);
	}
	.rc-li-itm-footer{
		text-align: right;
	}
	.rc-li-itm-footer .btn{
		width: 200px;
	}
	.recruit-apply-btn .btn{
		width:300px;
	}
}
@media screen and (max-width: 767px) {
	.rec-nav li a span{font-size: 18px;}
	.rec-nav li{margin-bottom: 16px;}
	.rec-nav li a{padding: 2%;}
	.rec-nav li a img{margin-right: 20px;}
}
@media (min-width: 992px){
	.page-mv{
		margin-left: -40px;
		margin-right: -40px;
	}
}
.ttl-t3{
font-size: 15px;
}

/*recruit detail
====================================================*/
.recruit-detail-contents .ttl-h1{
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 15px;
	border-bottom: 1px dotted #ccc;
}
.recruit-detail-contents .ttl-h1 .label-rec-status{
	display: inline-block;
	background-color: #E53E1D;
	color: #FFF;
	font-size: 18px;
	border-radius: 4px;
	padding: 3px 8px;
	margin-left: 15px;
	vertical-align: middle;
}
.recruit-excerpt table.recruit-detail-table th{
	width: 100px;
}
.rec-dtl-txt{
margin: 10px 0 50px;
font-size: 16px;
line-height: 1.6;
}
.rec-dtl-img img{width: 100%;}

.gallery-container{
}
.gallery-container .main-image{
}
.gallery-container .thumbnails{
	padding-top: 10px;
	display: flex;
	flex-wrap: wrap;
}
.gallery-container .thumbnails .thumbnails-box{
	width: 25%;
	padding: 0 10px 10px;
}
.gallery-container .main-image img,
.gallery-container .thumbnails img{
	max-width: 100%;
	cursor: pointer;
}

table.recruit-detail-table > tbody > tr > th,
table.recruit-detail-table > tbody > tr > td{
	padding: 14px 10px;
}
.recruit-detail-table th{
	width: 200px;
}
.recruit-detail-table td ul{
	margin-top: 5px;
	margin-bottom: 5px;
}
.recruit-detail-table td li{
	display: inline-block;
	border: 2px solid #f37426;
	border-radius: 4px;
	margin-right: 8px;
	margin-bottom: 3px;
	padding: 4px 8px;
	color: #f37426;
	font-weight: bold;
}
.entry-sheet-btn{
text-align: center;
}
.entry-sheet-btn a{
display: block;
background-color: #E50012;
-webkit-border-radius: 8px;
        border-radius: 8px;
color: #fff;
padding: 25px 10px 15px;
margin: 0 auto;
}
.entry-sheet-btn a:before{
content: url(../img/icon_pdf.png);
margin-right: 15px;
display: inline-block;
vertical-align: top;
}
.entry-sheet-btn a:hover{
background-color: #BD000F;
text-decoration: none;
}

@media (max-width: 575px){
	.recruit-excerpt table.recruit-detail-table th,
	.recruit-excerpt table.recruit-detail-table td{
		display: block;
		width: 100%;
	}
}
@media (min-width: 567px){
	.gallery-container{
		display: flex;
		flex-wrap: wrap;
	}
	.gallery-container .main-image{
		width: 55%;
	}
	.gallery-container .thumbnails{
		width: 45%;
		padding-top: 0;
	}
	.gallery-container .thumbnails .thumbnails-box{
		width: 50%;
	}
}
@media only screen and (min-width:992px) {
	.entry-sheet-btn a{width: 600px;font-size: 28px;}
}
@media only screen and (max-width:993px) {
	.entry-sheet-btn a{font-size: 24px;}
}

/*new grads
====================================================*/
.newgrad-nav{
margin-top: 30px;
margin-bottom: 40px;
}
.newgrad-nav li a{
border: 3px solid #e50012;
display: block;
-webkit-border-radius: 8px;
        border-radius: 8px;
color: #333;
padding: 5%;
}
.newgrad-nav li a span{
font-size: 24px;
margin-bottom: 10px;
}
.newgrad-nav li a:hover{
background-color: #FADEE0;
text-decoration: none;
}
.newgrad-nav li a img{
height: 50%;
}

.guidelines dl dt{
font-weight: bold;
color: #e50012;
font-size: 16px;
}
@media (min-width: 768px){
	.newgrad-nav{text-align: center;}
	.newgrad-nav li a span{display: block;}
}
@media screen and (max-width: 767px) {
	.newgrad-nav li{margin-bottom: 15px;}
	.newgrad-nav li a span{float: left;}
	.newgrad-nav li a img{float: right;}
	.newgrad-nav li a span{font-size: 18px;}
}

/*career
====================================================*/
.career-list{margin-top: 50px;}
.career-list li{
border-bottom: 1px dotted #CCC;
padding-top: 20px;
}
.career-list li:first-child{
border-top: 1px dotted #CCC;
}
.career-list li dt{
font-size: 16px;
margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
	.career-list .col-md-3{margin-bottom: 5px;}
}

/*interview
====================================================*/
#interview-list-wrap{}
#interview-list-wrap .lsit-item{
position: relative;
}
#interview-list-wrap .list-foot{
position: absolute;
bottom: 0;
background-color: #FFF;
background-color: rgba(255,255,255,0.8)
}
#interview-list-wrap a{
color: #333;
}
#interview-list-wrap a:hover .list-foot{
background-color: rgba(250,222,224,0.8)
}
@media only screen and (min-width:992px) {
	#interview-list-wrap .list-img img{width: auto;max-height: 200px;}
}

.interview-ttl{margin: 60px 0 20px;background-color: #F5F5F5;padding: 15px 25px;}
.interview-ttl h1{
margin: 0;
font-size: 24px;
float: left;
}
.interview-ttl h1 span{
font-size: 14px;
padding-left: 10px;
}
.interview-ttl p{
font-size: 18px;
text-align: right;
margin: 0;
}
@media screen and (max-width: 576px) {
	.interview-ttl h1{float: none;}
	.interview-ttl p{text-align: left;}
}
@media screen and (max-width: 767px) {
	.interview-ttl{margin-top: 40px;}
}
.interview-main-catch{
font-size: 30px;
font-weight: bold;
}
.interview-main-img{
margin-left: 8%;
margin-right: 8%;
margin-bottom: 20px;
}
.interview-main-img img{
width: 100%;
}
.interview-section{
margin: 50px 0;
}
.interview-section h2{
margin-bottom: 30px;
}
.interview-section-img img{
width: 400px;
}
.interview-section-img.pull-left{
margin-right: 30px;
}
.interview-section-img.pull-right{
margin-left: 30px;
}
@media only screen and (max-width:993px) {
/*	.interview-section-img.pull-left,
	.interview-section-img.pull-right{float: none!important;margin-bottom: 20px;margin-right: 8%;margin-left: 8%;}
	.interview-section-img.pull-left img,.interview-section-img.pull-right img{width: 100%;}*/
	.interview-section-img{
		margin-bottom: 15px;
	}
	.interview-section-img img{
		width: 100%;
	}
}
@media screen and (max-width: 767px) {
	.interview-main-img,.interview-section-img.pull-left, .interview-section-img.pull-right{margin-left: 0;margin-right: 0;}
}
@media only screen and (min-width:992px) {
	.interview-section-wrap > .interview-section:nth-child(odd) .interview-section-img{
		float: left;
		margin-right: 30px;
	}
	.interview-section-wrap > .interview-section:nth-child(even) .interview-section-img{
		float: right;
		margin-left: 30px;
	}
}

/*policy
====================================================*/
#policy dt{
margin-bottom: 10px;
}
#policy dd{
margin-bottom: 20px;
}

/*グリッド5分割*/
.col-lg-1-5,.col-lg-2-5,.col-lg-3-5,.col-lg-4-5{
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 1400px) {
.col-lg-1-5 {width: 20%;float: left;}
.col-lg-2-5 {width: 40%;float: left;}
.col-lg-3-5 {width: 60%;float: left;}
.col-lg-4-5 {width: 80%;float: left;}
}

/*kugani
====================================================*/
.kuganiform{}
.kuganiform .form-group{margin-bottom: 20px;margin-top: 20px;}
.kuganiform input[type="text"]{margin-bottom: 15px;}

@media (min-width: 768px) {
	.kuganiform input[type="text"]{margin-bottom: 0;}
}

.sp-gmenu .divider{
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.sp-gmenu .prm-menu{
padding: 10px 15px;
}
.sp-gmenu .idt{
padding-left: 10px;
}
.navbar-toggle{
background-color: #E50012;
color: #FFF;
border:none;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus{
background-color: #C0000F;
color: #FFF;
}

/* company
==================================== */
#about-company #company-nav ul {
display: table;
border-spacing: 5px 0;
border-collapse: separate;
}
#about-company #company-nav ul li {
display: table-cell;
vertical-align: middle;
width: 15%;
margin: 0;
}
#about-company #company-nav a {
display: block;
text-decoration: none;
padding: 10px;
}
@media screen and (max-width: 767px) {
	#about-company #company-nav {
		padding: 15px;
	}
	#about-company #company-nav ul {
	display: block;
	border-spacing: 0;
	border-collapse: inherit;
	}
	#about-company #company-nav ul li {
	display: block;
	width: auto;
	margin: 10px 0 !important;
	}
}

#about-company .company-box {
margin-bottom: 100px;
}
#about-company .okikankyo-list {
overflow: hidden;
margin-left: -1%;
}
#about-company .okikankyo-list li {
background-color: #FADEE0;
width: 19%;
float: left;
margin-left: 1%;
margin-bottom: 1%;
padding: 10px;
text-align: center;
position: relative;
height: 5em;
}
.okikankyo-list li span{
	position: relative;
	position: absolute;
	top: 50%;
	width: 90%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}

@media screen and (max-width: 767px) {
	#about-company .okikankyo-list li {
	width: 49%;
	}
}
#about-company .about-logo-lead h3 {
font-weight: bold;
font-size: 16px;
line-height: 1.5;
}
#about-company .about-logo-lead img {
margin: 0 auto;
}
#about-company .about-logo-txt {
margin-bottom: 30px;
padding-left: 100px;
min-height: 50px;
-webkit-background-size: 88px auto !important;
     -o-background-size: 88px auto !important;
        background-size: 88px auto !important;
}
#about-company .about-logo-txt.about-logo-antei {
background: url(../img/fig_uechi-antei.png) no-repeat left center;
}
#about-company .about-logo-txt.about-logo-chowa {
background: url(../img/fig_uechi-chowa.png) no-repeat left center;
}
#about-company .about-logo-txt.about-logo-hatten {
background: url(../img/fig_uechi-hatten.png) no-repeat left center;
}
#about-company .about-logo-txt li {
margin-bottom: 5px;
}
#about-company .about-logo-txt li:before {
content: "●";
margin-right: 5px;
}

.img_on img:hover{
	opacity: 0.7;
}

/* form
==================================== */
.form-table{
background-color: #F9F9F9;
border: 1px solid #CCC;
margin: 30px 0;
}
.form-table li{
border-bottom: 1px solid #CCC;
}
.form-table li:last-child{
border-bottom: none;
}
.form-table li strong .must{
background-color: #FF3A3A;
font-weight: normal;
color: #FFF;
font-size: 12px;
-webkit-border-radius: 80px;
border-radius: 80px;
display: block;
text-align: center;
width: 38px;
position: absolute;
right: 15px;
top: 15px
}

.form-table li .form-set span{
padding-right: 3px;
}
.form-table li .form-set label{padding-right:25px}
.form-table li .form-set input{
margin: 0 10px 10px 0;
}
.form-table li .form-set .note{
padding-top: 10px;
font-size: 0.75rem;
color: #FF0000;
}

.form-table li .form-set input.wid-max{}
.form-table li .form-set textarea.wid-max{
width: 100%;
}
.form-table li .form-set select.wid-mm{
width: auto;
}

.send-button{text-align: center;margin-bottom: 20px;}
.send-button input{cursor: pointer;}
.send-button input:hover {color: #FFF !important;background-color: #C3000F;}

.form-table li strong{
float: none;
width: 100%;
display: block;
padding: 15px;
position: relative;
}
.form-table li .form-set{
border-left: none;
overflow: hidden;
background-color: #FFF;
padding: 25px;
}
.form-table li .form-set input.wid-mm{
width: 100%;
}

@media (min-width: 992px){
	.form-table li strong{
	float: left;
	width: 290px;
	}

	.form-table li .form-set{
	border-left: 1px solid #CCC;
	}

	.form-table li .form-set input.wid-mm{
	width: 180px;
	}
	.form-table li.input-birthday input {
		width: 100px !important;
	}
	.form-table li.input-birthday .input-group {
		margin-right: 10px;
	}
}
@media (max-width: 767px){
	.form-table li.input-birthday input {
		width: 80% !important;
		display: inline;
	}
	.form-table li.input-birthday .form-block {
		display: block;
	}
}
.wpcf7-form.sent{position: relative;}
.wpcf7-form.sent .section{
display: none;
}
div.wpcf7-mail-sent-ok{
text-align: center;
}
.ok-message{display: none;}
.wpcf7-form.sent .ok-message{display: block;text-align: center;position: absolute;bottom: -58px;}

/* 社内報
==================================== */
#newsletter-archives{
background-color: #F5F5F5;
padding: 26px;
margin: 40px 0 30px;
}
#newsletter-archives p,#newsletter-archives ul,#newsletter-archives ul li{
display: inline-block;
}
#newsletter-archives ul li a{
margin-left: 5px;
margin-bottom: 5px;
color: #E50012;
border: 1px solid #e50012;
background-color: #FFF;
width: 110px;
text-align: center;
padding: 2px 0;
display: block;
}
#newsletter-archives ul li a:hover{
background-color: #FADEE0;
text-decoration: none;
}

.newsletter-header{
	overflow: hidden;
}
/*.newsletter-header img{
	width: 100%;
	height: auto;
}*/
.newsletter-head .ttl-h1{
	font-size: 32px;
}
.newsletter-body{}
.newsletter-body img[class*="wp-image-"]{
	max-width: 100%;
	height: auto;
}
.newsletter-header .aligncenter,
.newsletter-body .aligncenter{
	display: block;
	margin: 0 auto;
}
.newsletter-header .alignright,
.newsletter-body .alignright{
float: right;
}
.newsletter-header .alignleft,
.newsletter-body .alignleft{
float: left;
}

@media (max-width:991px){
	.newsletter-header img[class*="wp-image-"]{
		width: 100%;
		height: auto;
	}
}

.entry-next-prev{
	border-top: 1px solid #D9DCDC;
	border-bottom: 1px solid #D9DCDC;
	padding: 1rem 0;
	margin-bottom: 3rem;
}
.entry-next-prev .entry-prev{
	border-bottom: 1px dotted #D9DCDC;
	padding-bottom: 0.8rem;
}
.entry-next-prev .entry-next{
	text-align: right;
	padding-top: 0.8rem;
}
.entry-next-prev .entry-prev:before,
.entry-next-prev .entry-next:before{
	font-size: 0.875rem;
	color: #959494;
	display: block;
}
.entry-next-prev .entry-prev:before{
	content: "前の記事";
}
.entry-next-prev .entry-next:before{
	content: "次の記事";
}
#newsletter-pagination {
	text-align: center;
}
.pagination {
	color: #E50012;
	text-align: center;
}
ul.page-numbers li {
	display: inline-block;
}
a.page-numbers,
span.page-numbers.current {
	border: 1px solid #e50012;
	padding: .5rem .75rem;
	background-color: #FFF;
	display: block;
}
a.page-numbers:hover {
	background-color: #FADEE0;
	color: #E50012;
	text-decoration: none;
}
span.page-numbers.current {
	font-weight: bold;
	background-color: #FADEE0;
	color: #E50012;
}

/* 琉球村求人応募フォーム
==================================== */
.recruit-form{
	width: 100%;
	margin-bottom: 30px;
}
.recruit-form,.recruit-form th,.recruit-form td{
	border: 1px solid #CCC;
}
.recruit-form th{
	width: 200px;
}
.recruit-form th,.recruit-form td{
	padding: 15px 10px;
}
.recruit-form th p,.recruit-form td p{
	margin-bottom: 0;
}
.recruit-form .must{
	background-color: #FF3A3A;
	font-weight: normal;
	color: #FFF;
	font-size: 12px;
	border-radius: 80px;
	display: inline-block;
	margin-left: 10px;
	padding: 3px 5px;
	line-height: 1;
}
.btn-recruit-submit{
	width: 80%;
	max-width: 300px;
	margin: 0 auto;
}
.send-button .wpcf7-spinner{
	display: block;
	margin: 10px auto;
}
.recruit-form-job input{
	border: none;
	padding: 0;
	font-weight: bold;
	font-size: 18px;
}
.select-birth > p{
	display: flex;
	align-items: center;
}
.select-birth > p select{
	width: auto;
}
.select-birth .wpcf7-form-control-wrap{
	padding-left: 5px;
	padding-right: 3px;
}
.select-birth .wpcf7-form-control-wrap:first-child{
	padding-left: 0;
}
.recruit-fomr-notice{
	margin-bottom: 30px;
	text-align: center;
}
#wpcf7-f1073-p1074-o1 .wpcf7-form.sent .recruit-form,
#wpcf7-f1073-p1074-o1 .wpcf7-form.sent .recruit-fomr-notice,
#wpcf7-f1073-p1074-o1 .wpcf7-form.sent .send-button{
	display: none;
}