@charset "UTF-8";

/* CSS Document */


/*----------------------------------------------------
	☆indent
----------------------------------------------------*/
.center{text-align:center!important;}
.left{text-align:left!important;}
.right{text-align:right!important;}
.top0{margin-top:0 !important;}
.top5{margin-top:5px !important;}
.top10{margin-top:10px !important;}
.top15{margin-top:15px !important;}
.top20{margin-top:20px !important;}
.btm0{margin-bottom:0 !important;}
.btm5{margin-bottom:5px !important;}
.btm10{margin-bottom:10px !important;}
.btm15{margin-bottom:15px !important;}
.btm20{margin-bottom:20px !important;}
.btm25{margin-bottom:25px !important;}
.btm30{margin-bottom:30px !important;}
.btm35{margin-bottom:35px !important;}
.btm40{margin-bottom:40px !important;}
.btm45{margin-bottom:45px !important;}
.btm50{margin-bottom:50px !important;}
.btm55{margin-bottom:55px !important;}
.btm60{margin-bottom:60px !important;}
.btm65{margin-bottom:65px !important;}
.btm70{margin-bottom:70px !important;}
.btm75{margin-bottom:75px !important;}
.btm80{margin-bottom:80px !important;}
.btm85{margin-bottom:85px !important;}
.btm90{margin-bottom:90px !important;}
.btm95{margin-bottom:90px !important;}
.pT0{padding-top:0!important;}
.pT5{padding-top:5px!important;}
.pT10{padding-top:10px!important;}
.pT15{padding-top:15px!important;}
.pT20{padding-top:20px!important;}
.pB0{padding-bottom:0!important;}
.pB5{padding-bottom:5px!important;}
.pB10{padding-bottom:10px!important;}
.pB15{padding-bottom:15px!important;}
.pB20{padding-bottom:20px!important;}
.lm5{margin-left:5px !important;}
.lm10{margin-left:10px !important;}
.lm15{margin-left:15px !important;}
.lm20{margin-left:20px !important;}
.rm5{margin-right:5px !important;}
.rm10{margin-right:10px !important;}
.rm15{margin-right:15px !important;}
.rm20{margin-right:20px !important;}

.vAT { vertical-align:top!important;}
.vAM { vertical-align:middle!important;}
.vAB { vertical-align:bottom!important;}

.red { color:#E23435;}
.blue { color:#005ba2;}
.gray { color:#999;}
.bold {font-weight: bold;}
.normal {font-weight: normal;}

.icon {
	margin-right:3px;
	vertical-align:middle;
	margin-top:-1px;
}

.margin0{ margin:0 !important;}
a.link{
	text-decoration:underline;
	color:#c00000;
}
.link a{
	display:inline-block;
	background:url(../cmn_img/arrow_03_red_right.png) left 5px no-repeat;
	background-size:9px;
	padding-left:12px;
	font-size:1em;
	line-height:1.2em;
	text-decoration:underline;
}

/*----------------------------------------------------
	☆form
----------------------------------------------------*/

.wSS{ width: 30%;}
.wS { width: 50%;}
.wM{ width: 270px;}
.wL{ width: 370px;}
.wLL{ width: 100%;}
.imeOff { ime-mode: disabled;}
.imeOn { ime-mode: active;}
.form .year{ width:5em; margin-right:5px;}
.form .month, .form .day{ width:3em; margin-right:5px;}

textarea {
	border: 1px solid #CCCCCC;
	line-height: 140%;
	padding: 3px 6px;
}
textarea:focus {
	background-color: #FFFFED;
 border: 1px solid #AAA;
}
label{
	cursor:pointer;
}
label:hover{
	color:#418BB8;
}
input{
	padding:0;
}
input.wSS, input.wS, input.wM, input.wL, input.wLL, textarea, select {
	border:none;
	background:#FBE9EA;
	line-height: 140%;
	padding: 8px;
	border-radius:4px;
	
box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#contents .input_hissu {
	background-color:#f9e8e5 !important;
}
#contents .input_hissu:focus {
	background:#FFE0DB !important;
}
input.wSS:focus, input.wS:focus, input.wM:focus, input.wL:focus, input.wLL:focus, textarea:focus {
		background-color:#F9E1E2;
		border: none;
}
.textFocus {
	color: #AAA;
}
button, input, select, textarea {
 font-size:93%!important;
}
.hissu{
	background:#da0000;
	color:#FFF;
	padding:1px 6px 0;
	margin-right:5px;
	font-size:0.8em;
	line-height:1;
	word-break:keep-all;
}
#contents .form .back,
#contents .form .confirm,
#contents .form .submit,
#contents .form .search{
	background:#FFF;
	border:2px solid #ccc;
	border-radius:100px;
	width:100%;
	max-width:500px;
	padding:13px 15px 11px;
	margin:15px auto 0;
	font-size:1.1em;
}
#contents .form .search{ font-size:1.23em !important;}
#contents .form .form_button{
	text-align:center;
}
#contents .form .form_button input{
	font-family:'游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
}
#contents .form .confirm,
#contents .form .submit,
#contents .form .search{
	display:inline-block;
	border:none;
	background:#c00000;
	color:#FFF;
	font-weight:bold;
	width:55%;
	font-size:1.2em !important;
	cursor:pointer;
}
#contents .form .back{
	width:30%;
	max-width:150px;
	font-size:1.2em;
	color:#666;
	display:inline-block;
	margin:0 10px;
	background:#E5E5E5;
}
#contents .form .confirm:hover{ background:#A40000;}
#contents .form .submit{	background:#0071be;}
#contents .form .submit:hover{	background:#0061A3;}
#contents .form .back:hover{	background:#f0f0f0;}

#contents .form .search{
	background: url(../cmn_img/arrow_01_white_right.png) 96% center no-repeat #0071be;
	background-size: 6px 10px;
	border-radius:50px;
	padding:15px 15px 12px;
	font-size:1.6em !important;
	width:100%;
	margin:0;
}
#contents .form .search:hover{	background-color:#0063A7;}

#contents .form .error{
	color:#c0070a;
	font-size:0.93em;
	font-weight:bold;
}
#contents .form .error span{
	background:#e0e0e0;
	border-radius:3px;
	padding:14px 15px 12px;
	display:block;
	line-height:1;
}
#contact_form.thanks h2{
	color:#a46b6b;
	font-size:1.8em;
	text-align:center;
	margin-bottom:20px;
}
#contact_form.thanks p{
	text-align:center;
}
#contents .form_list li{
	overflow:hidden;
	margin-bottom:20px;
	border-bottom:1px dotted #ccc;
	padding-bottom:10px;
}
#contents .form_list li .title{
	float:left;
	width:20%;
	font-weight:bold;
}
#contents .form_list li .data{
	float:right;
	width:78%;
}
#contents .form .check{
	padding:15px;
	border:1px dotted #aaa;
	text-align:center;
	width:80%;
	margin:0 auto 20px;
	border-radius:5px;
}
#contents .form select {
	-webkit-appearance: none;
	-moz-appearance:none;
	appearance:none;
	background-image: url(../cmn_img/arrow_01_red_bottom.png) !important;
	background-color:#FFF;
	background-size:10px 6px !important;
	background-position: 96% center !important;
	background-repeat:no-repeat !important;
	border:1px solid #ccc;
	padding:10px;
	font-size:1.16em !important;
	
	-moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: ellipsis;
		overflow:hidden;
		white-space:nowrap;
}
#contents .form select::-ms-expand {
  display: none;
}
#contents .form .btn02{
	width:50%;
	margin-bottom:20px;
}
#contents .form .btn02 a{
	padding:6px;
}
#contents .form .privacy_box,
#contents .form .privacy_box .privacy_tx_container{
	margin-bottom:25px;
}
#contents .form .privacy_box .tx{
	margin-bottom:20px;
}
#contents .form .privacy_box .privacy_tx_container{
	background:#ffe3bf;
	padding:20px;
	border-radius:8px;
	width:100%;
}
#contents .form .privacy_box .privacy_tx_container .inner{
	height:160px;
	overflow-y:auto;
}
#contents .form .privacy_box .privacyCheck{
	background:#E9E9E9;
	padding:10px;
	text-align:center;
	border-radius:8px;
	margin-bottom:20px;
}

#contents .form .btnBox{
	text-align:center;
}
#contents .over_flow{
	overflow-y:scroll;
}
#contents .over_flow.policy{
	height:180px;
	background:#eaeaea;
	padding:20px;
	border-radius:10px;
	margin-bottom:20px;
}
/*-------*/
.err {
	background-color: #ed6d59;
	border-radius: 5px;
	color: #FFF !important;
	margin-top: 12px !important;
	padding: 5px 8px;
	position: relative;
	width: 100%;
	font-weight:bold;
	clear:both;
	display: block;
}
.err::after {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: transparent transparent #ed6d59;
	border-image: none;
	border-style: solid;
	border-width: 0 6px 7px;
	content: "";
	display: block;
	left: 30px;
	position: absolute;
	top: -7px;
	width: 0;
	clear:both;
}

#contents .btnBox{
	text-align:center;
	margin:5% auto;
}
/*-------*/
.privacy_box .head01,
.privacy_box .head03,
.over_flow.policy .head01,
.over_flow.policy .head03{
	margin-bottom:15px;
}
.privacy_box .text,
.over_flow.policy .text{
	margin-bottom:30px;
}

@media screen and (max-width:800px) {
#contents .form .confirm,
#contents .form .submit{
	width:100%;
	display:block;
	padding:8px 0 6px;
}
#contents .form .back{
	width:50%;
	display:block;
	padding:8px 0 6px;
	margin:10px auto 0;
}
#contents .form_list li{
	margin-bottom:20px;
}
#contents .form_list li .title{
	float:none;
	width:100%;
	margin-bottom:8px;
}
#contents .form_list li .data{
	float:none;
	width:100%;
}
#contents .form .btn02{
	width:90%;
}
/*-----*/
#contents .form .search{
	padding:10px 15px 8px;
	font-size:1.3em !important;
}
}
@media screen and (max-width:640px) {
.wSS{ width: 30%;}
.wS { width: 50%;}
.wM,
.wL,
.wLL{ width: 100%;}
}

/*----------------------------------------------------
	☆Width
----------------------------------------------------*/

.w5 {width:5%!important;}
.w10 {width:10%!important;}
.w15 {width:15%!important;}
.w18 {width:18%!important;}
.w20 {width:20%!important;}
.w25 {width:25%!important;}
.w30 {width:30%!important;}
.w35 {width:35%!important;}
.w40 {width:40%!important;}
.w45 {width:45%!important;}
.w50 {width:50%!important;}
.w55 {width:55%!important;}
.w60 {width:60%!important;}
.w65 {width:65%!important;}
.w70 {width:70%!important;}
.w75 {width:75%!important;}
.w80 {width:80%!important;}
.w85 {width:85%!important;}
.w90 {width:90%!important;}
.w95 {width:95%!important;}

/*----------------------------------------------------
	☆basecompo
----------------------------------------------------*/

#contents section {
	clear:both;
	margin-bottom:70px;
}
@media screen and (max-width:768px) {#contents section {	margin-bottom:50px;}}
@media screen and (max-width:640px) {#contents section {	margin-bottom:30px;}}
#contents section:last-child {
	margin-bottom:0;
}
.aural span,
span.aural {
	display:none;
	visibility:hidden;
}
img.icon {
	margin-right:5px;
	vertical-align:middle;
}
.inner_wide{
	width:93%;
	margin:0 auto;
	max-width:1200px;
}
.inner_slim{
	width:93%;
	max-width:1080px;
	margin:0 auto;
}
.inner_960{
	width:93%;
	max-width:960px;
	margin:0 auto;
}
/*----------------------------------------------------
	☆list
----------------------------------------------------*/

ul.indList li {
	text-indent:-1em;
	padding-left:1em;
}
ol.decimal{
	padding-left:1.5em;
}
ol.decimal li{
	list-style:decimal;
	margin-bottom:8px;
}
ul.disc{
	padding-left:1.5em;
}
ul.disc li{
	list-style:disc;
	margin-bottom:8px;
}

/*----------------------------------------------------
	☆head
----------------------------------------------------*/
.head00{
	background:url(../cmn_img/longlifelogo.png) center top no-repeat;
	background-size:38px auto;
	padding-top:35px;
	margin-bottom:30px;
	text-align:center;
	font-weight:normal;
	font-size:2.3em;
	color:#c00000;
}
.head01 {
	background:#c00000;
	color:#FFF;
	font-weight:normal;
	text-align:center;
	padding:8px 0;
	margin-bottom:20px;
	font-size:1.61em;
	border-radius:8px 8px 0 0;
}
.head02{
	border-bottom:3px double #c00000;
	line-height:1.3em;
	padding-bottom:6px;
	font-size:1.42em;
	margin-bottom:25px;
	color:#c00000;
}
.head02 span{
	border-left:3px solid #c00000;
	padding-left:10px;
}
.head03{
	font-weight:bold;
	font-size:1.23em;
	margin-bottom:15px;
	border-bottom:1px solid #ccc;
	padding-bottom:5px;
	line-height:1.3em;
}

.head04{
	color:#333;
	line-height:1.2em;
	font-size:1.23em;
	margin-bottom:20px;
	font-weight:bold;
	background:#ededed;
	padding:10px 15px;
	border-radius:5px;
}
.head05, .head06{
	line-height:1.2em;
	font-size:1.23em;
	margin-bottom:16px;
	font-weight:bold;
	text-align:center;
	color:#c00000;
}
.head06{
	color:#333;
}

#contents .topHead01{
	font-weight:normal;
	text-align:center;
	font-size:1.72em;
	margin-bottom:30px;
	line-height:1.6em;
}
@media screen and (max-width:640px) {
.head00{
	font-size:1.4em;
	margin-bottom:15px;
}
.head01{
	padding:6px;
	margin-bottom:15px;
	font-size:1.3em;
}
.head01 span{
	padding:8px 20px;
}
.head02{
	padding-bottom:5px;
}
.head02,
.head03, .head04, .head05, .head06{
	margin-bottom:13px;
	font-size:1.16em;
}

#contents .topHead01{
	font-size:1.3em;
	margin-bottom:15px;
	text-align:left;
}
#contents .topHead01 br{ display:none;}
}

/*----------------------------------------------------
	☆btn
----------------------------------------------------*/
.btn01,
.btn01_back,
.btn02,
.btn03{
	width:100%;
	max-width:500px;
	margin:0 auto 30px;
	text-align:center;
	font-size:1.38em;
}
.btn01 a,
.btn01 span,
.btn01_back a,
.btn01_back span,
.btn02 a,
.btn02 span,
.btn03 a,
.btn03 span{
	display:block;
	width:100%;
	height:100%;
	padding:12px 0;
	line-height:1.3em;
}
.btn01.en a,
.btn01.en span,
.btn01_back.en a,
.btn01_back.en span,
.btn02.en a,
.btn02.en span,
.btn03.en a,
.btn03.en span{
	font-family: 'Josefin Sans', sans-serif;
	font-weight:300;
	font-size:1.3em;
	letter-spacing:1px;
}
.btn01 a,
.btn01 span{
	background: url(../cmn_img/arrow_01_red_right.png) 96% center no-repeat #FFF;
	background-size:6px 10px;
	color:#c00000;
	border:1px solid #c00000;
}
.btn01 a:hover,
.btn01 span:hover{
	background-color:#ececec;
	transition:0.3s;
	-webkit-transition:0.3s;
}
.btn01_back a:hover,
.btn01_back span:hover{
	background-color:#666;
	transition:0.3s;
	-webkit-transition:0.3s;
}
.btn02 a:hover,
.btn02 span:hover{
	background-color:#9E0000;
	transition:0.3s;
	-webkit-transition:0.3s;
}
.btn01_back a,
.btn01_back span{
	background: url(../cmn_img/arrow_01_white_left.png) 20px center no-repeat #999999;
	background-size:6px 10px;
	color:#FFF;
}

.btn02 a,
.btn02 span{
	background: url(../cmn_img/arrow_01_white_right.png) 96% center no-repeat #c00000;
	background-size:6px 10px;
	color:#FFF;
}
.btn02.entryBtn a,
.btn02.entryBtn span{
	background-color:#0071be;
}
.btn02.entryBtn a:hover,
.btn02.entryBtn span:hover{
	background-color:#0063A7;
	transition:0.3s;
	-webkit-transition:0.3s;
}

@media screen and (max-width:640px) {
.btn01,
.btn02,
.btn01_back{
	margin:0 auto 10px;
	font-size:1.16em;
}
}

/*----------------------------------------------------
	☆table
----------------------------------------------------*/

.tbl01 table {
	border-collapse:collapse;
	border-left:1px solid #CCC;
	border-top:1px solid #CCC;
	width:100%;
}
.tbl01 table th,
.tbl01 table td {
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	line-height:150%;
	padding:12px 14px 10px;
	vertical-align:middle;
}
.tbl01 table th {
	background:#eaeaea;
	font-weight:bold;
	text-align:center;
	vertical-align:top;
}
.tbl01 table td {
	text-align:left;
}
/*-----*/
.tbl02 table {
	border-collapse:collapse;
	border:none;
	width:100%;
}
.tbl02 table th,
.tbl02 table td {
	border:none;
	border-bottom:1px dotted #c00000;
	line-height:150%;
	padding:12px 0 10px;
	vertical-align:middle;
}
.tbl02 table th {
	font-weight:bold;
	text-align:left;
	vertical-align:top;
	color:#c00000;
}
.tbl02 table td {
	text-align:left;
}

@media screen and (max-width:640px) {
.tbl01 table th,
.tbl01 table td {
	padding:6px 7px 5px;
	line-height:1.3em;
}
.tbl02 table th,
.tbl02 table td {
	padding:6px 0 5px;
	line-height:1.3em;
}
}


/*----------------------------------------------------
	☆box
----------------------------------------------------*/
.box01{
	padding:20px;
	background:#f8e6e6;
}
.box02{
	padding:20px;
	border:1px solid #c00000;
}
@media screen and (max-width:640px) {
.box01,
.box02{
	padding:10px;
}
}
/*----------------------------------------------------
	☆Flt
----------------------------------------------------*/
.ovf_h{ overflow:hidden;}

.fltL{
	float:left !important;
}
.fltR{
	float:right !important;
}
/*----------------------------------------------------
	☆ckEditor
----------------------------------------------------*/
#contents .ckEditor span{
	line-height:1.5em;
}
#contents .ckEditor img{
	max-width:100%;
}

/*----------------------------------------------------
	☆pager 
----------------------------------------------------*/
.pager {
 font-family: 'Josefin Sans', sans-serif;
	font-size: 1.3em;
	font-style: italic;
	padding-bottom: 10px;
	text-align: center;
}
.pager .prev, .pager .next {
	border-bottom: medium none;
	font-weight: normal;
	margin: 0 30px;
	padding: 0;
}
.pager a {
	border-bottom: 2px solid #ccc;
	color: #666;
	font-weight: bold;
	margin: 0 -2px;
	padding: 0 15px 10px;
}
.pager a.current, .pager a:hover {
	border-color: #c00000;
	color: #c00000;
}
@media screen and (max-width:768px) {
.pager a {	padding: 0 10px 5px;}
.pager .prev, .pager .next {	margin: 0 1em;}
}
/*----------------------------------------------------
	☆interview
----------------------------------------------------*/

#contents .interviews .inner_wide{
	max-width:1600px;
}
#contents .interviews ul{
	overflow:hidden;
	margin-bottom:50px;
}
#contents .interviews ul li{
	float:left;
	width:23%;
	margin:0 1%;
}
#contents .interviews ul li .info{
	background:#FFF;
	padding:20px;
}
#contents .interviews ul li .info .belonging{
	font-size:0.85em;
	font-weight:bold;
}
#contents .interviews ul li .info .name{
	padding-bottom:5px;
}
#contents .interviews ul li .info .name .jp{
	font-size:1.16em;
	margin-right:10px;
}
#contents .interviews ul li .info .name .en{
	font-size:0.85em;
	color:#666;
	font-family: 'Josefin Sans', sans-serif;
}
#contents .interviews ul li .info .department{
	border-top:2px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:5px 0;
}
#contents .interviews ul li .info .tx{
	padding-top:10px;
	font-size:0.85em;
}
#contents .interviews ul li .info .department.dep01{ color:#ee8600;}
#contents .interviews ul li .info .department.dep02{ color:#0b6299;}
#contents .interviews ul li .info .department.dep03{ color:#37a072;}

@media screen and (max-width:640px) {
#contents .interviews{
	padding:30px 0;
}
#contents .interviews ul{
	margin-bottom:20px;
}
#contents .interviews ul li{
	width:48%;
	margin:0 0 3%;
	overflow:hidden;
}
#contents .interviews ul li:nth-child(2n){
	float:right;
}
#contents .interviews ul li:nth-child(2n+1){
	clear:both;
}
#contents .interviews ul li .info{
	padding:10px;
}
}
/*----------------------------------------------------
	☆news_detail
----------------------------------------------------*/
#main .news_detail .head03{
	clear:both;
	padding-top:10px;
}
#main .news_detail .newsImage{
	text-align:center;
	margin-bottom:50px;
}
#main .news_detail .newsImage img{ max-width:100%;}
#main .news_detail .controls{
	overflow:hidden;
	position:relative;
}
#main .news_detail .controls .btn01_back{
	width:50%;
}
#main .news_detail .controls .prevBtn,
#main .news_detail .controls .nextBtn{
	border:1px solid #ccc;
	text-align:center;
	width:20%;	
	position:absolute;
	top:0;
}
#main .news_detail .controls .prevBtn a,
#main .news_detail .controls .nextBtn a{
	display:block;
	padding:12px 0;
	background-size:6px 10px !important;
	font-family: 'Josefin Sans', sans-serif;
	line-height:1em;
	font-size:1.16em;
	letter-spacing:0.1em;
}
#main .news_detail .controls .prevBtn{
	left:0;
}
#main .news_detail .controls .nextBtn{
	right:0;
}
#main .news_detail .controls .prevBtn a{
	background:url(../cmn_img/arrow_01_black_left.png) 4% center no-repeat;
}
#main .news_detail .controls .nextBtn a{
	background:url(../cmn_img/arrow_01_black_right.png) 96% center no-repeat;
}
#main .news_detail .ckEditor{
	margin-bottom:50px;
}
#main .news_detail .ckEditor img{
	max-width:100%;
}
@media screen and (max-width:640px) {
#main .news_detail .controls .btn01_back{
	width:42%;
	font-size:0.93em;
}
#main .news_detail .controls .prevBtn,
#main .news_detail .controls .nextBtn{
	width:23%;
}
#main .news_detail .controls .prevBtn a,
#main .news_detail .controls .nextBtn a{
	padding:10px 0;
	font-size:0.93em;
}
#main .news_detail .newsImage,
#main .news_detail .ckEditor{
	margin-bottom:20px;
}
}
/*----------------------------------------------------
	☆icon color
----------------------------------------------------*/
.icon01{ background:#0172be !important;}
.icon02{ background:#29a687 !important;}
.icon03{ background:#ec6941 !important;}
.icon04{ background:#857ba8 !important;}
.icon05{ background:#666 !important;}

/*----------------------------------------------------
	☆indexList
----------------------------------------------------*/
#contents .indexList{
	overflow:hidden;
}
#contents .indexList li{
	float:left;
	width:46%;
	margin:0 2% 4%;
	display:table;
	border-top:1px solid #c00000;
	border-bottom:1px solid #c00000;
	padding:20px 0;
}
#contents .indexList li:nth-child(2n+1){
	clear:both;
}
#contents .indexList li .image,
#contents .indexList li .info{
	vertical-align:middle;
	display:table-cell;
}
#contents .indexList li .image{
	width:30%;
}
#contents .indexList li .info{
	background: url(../cmn_img/arrow_01_red_right.png) 96% center no-repeat;
	background-size:6px;
	font-size:1.23em;
	padding:0 20px;
}
@media screen and (max-width:640px) {
#contents .indexList li{
	float:none;
	width:100%;
	margin:0 0 20px;
	padding:10px 0;
}
#contents .indexList li .info{
	padding:0 10px;
}
#contents .indexList li .image{
	width:25%;
}
}
/*----------------------------------------------------
	☆bnrBtn
----------------------------------------------------*/
#contents .bnrBtn{
	overflow:hidden;
}
#contents .bnrBtn li{
	display:block;
	float:left;
	width:48%;
	border:1px solid #ccc;
	margin:0 1% 2%;
}
#contents .bnrBtn li,
#contents .bnrBtn li a{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#contents .bnrBtn li:nth-child(2n+1){
	clear:both;
}
#contents .bnrBtn li a{
	display:table;
	width:100%;
	padding:10px;
}
#contents .bnrBtn li .image,
#contents .bnrBtn li .info{
	display:table-cell;
	vertical-align:middle;
}
#contents .bnrBtn li .image{
	width:20%;
	background-size:cover !important;
	position:relative;
	max-width:80px;
}
#contents .bnrBtn li .image::before {
    content: "";
    display: block;
    padding-top: 100%;
}
#contents .bnrBtn li .info{
	width:80%;
	background:url(../cmn_img/arrow_01_red_right.png) 96% center no-repeat;
	background-size:6px 10px;
	font-size:1.16em;
	padding:0 15px;
}
@media screen and (max-width:640px) {
#contents .bnrBtn li a{ padding:5px;}
#contents .bnrBtn li{
	float:none;
	width:100%;
	margin:0 0 2%;
}
#contents .bnrBtn li .info{ font-size:1em; line-height:1.3em;}
}
/*----------------------------------------------------
	☆newsList
----------------------------------------------------*/
.newsList{
	margin-bottom:25px;
}
.newsList li{
	margin-bottom:5px;
}
.newsList li a{
	background: url(../cmn_img/arrow_01_red_right.png) 96% center no-repeat #FFF;
	background-size:6px 10px;
	padding:15px;
	display:block;
	overflow:hidden;
	font-size:1.08em;
}
.newsList li a .date{
	width:6em;
	float:left;
	color:#C00000;
}
.newsList li a .title{
	width:calc(100% - 7em);
	width:-webkit-calc(100% - 7em);
	float:right;
}

@media screen and (max-width:640px) {
.newsList{
	margin-bottom:15px;
}
.newsList li a{
	font-size:1em;
}
.newsList li a .date,
.newsList li a .title{
	width:100%;
	float:none;
}
}

/*----------------------------------------------------
	☆jobList
----------------------------------------------------*/
#contents .jobList{
	overflow:hidden;
	width:calc(100% - 30px);
	width:-webkit-calc(100% - 30px);
	margin:0 auto;
}
#contents .jobList li{
	float:left;
	width:24%;
	margin:0 0.5% 1%;
}
#contents .jobList li:nth-child(4n+1){ clear:both;}
#contents .jobList li a,
#contents .jobList li label{
	display:table;
	width:100%;
	border:1px solid #ccc;
	padding:10px;
	font-size:1.16em;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	background:#FFF;
}
#contents .jobList.toppageJob li a{
	background-image:url(../cmn_img/arrow_01_red_right.png) ;
	background-size:6px 10px;
	background-position:96% center;
	background-repeat:no-repeat;
}

#contents .jobList li .image,
#contents .jobList li .title{
	display:table-cell;
	vertical-align:middle;
}
#contents .jobList li .image{
	width:50px;
	font-size:0.5em;
	line-height:1em;
}
#contents .jobList li .title{
	padding:0 15px 0 10px;
	line-height:1.3em;
}

#contents .jobList li a span.height, #contents .jobList li label span.height{ display:block;}
#contents .jobList li a:hover,
#contents .jobList li a.selected,
#contents .jobList li label:hover,
#contents .jobList li label.selected{
	background-color:#fff4f4;
}
#contents .jobList li .height{
	overflow:hidden;
	position:relative;
}
#contents .jobList li input{
	/*float: right;
	line-height: 1.5em;
	margin-top: 4px;*/
	position:absolute;
	right:0;
	top:50%;
	margin-top:-5px;
	width:15px;
}
/*
#contents .jobList li .height span{
	float:left;
	width:calc(100% - 20px);
	width:-webkit-calc(100% - 20px);
}
*/
@media screen and (max-width:960px) {
#contents .jobList li .image{
	width:30px;
}
#contents .jobList li{
	width:49%;
}
#contents .jobList li:nth-child(2n+1){ clear:both;}
#contents .jobList li a,
#contents .jobList li label{
	padding:10px 15px 10px 10px;
	font-size:1.08em;
}
}
@media screen and (max-width:640px) {
#contents .jobList li{
	width:100%;
	float:none;
	margin:0 0 5px;
}
#contents .jobList li a,
#contents .jobList li label{
	font-size:1em;
}
}

/*----------------------------------------------------
	☆other
----------------------------------------------------*/