/*********

ARCHIVE

**********/
.pageHead {
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center;
}
.paged__clmttl {
font-size: 2.23rem;
font-weight: 700;
}
@media screen and (min-width: 768px) {
.pageH__ttl {
font-size: clamp(2.8rem, 3.2vw, 3.2rem);
}
.pageH__ttl .t_jp {
font-size: 3.2rem;
}
.clmInflex {
display: -webkit-flex;
display: -moz-flex;
display: flex;
}
}
@media screen and (min-width: 992px) {
.pageH__ttl .t_jp {
font-size: clamp(3.2rem, 4.2vw, 4.2rem);
}
.lsInflex {
display: -webkit-flex;
display: -moz-flex;
display: flex;
}
}




/*********

NEWS_ARCHIVE

**********/
#postNews .cate_bar {
display: flex;
border-radius: 0.5rem;
margin: 0 0 2.4rem;
}
.cate_bar li a {
padding: 1.24rem 1.6rem;
color: #000;
font-weight: 600;
white-space: nowrap;
border-right: 1px solid #d9d9d9;
}
#postNews .cate_bar li.news.current a {
background: #424242;
color: #fff;
}
#postNews .cate_bar li:not(.news).current a {
background: #424242;
color: #fff;
}
#postNews .sticky_posts {
margin: 1em auto;
}
#postNews .sticky_posts a {
color: #4f4f4f;
}
#postNews .newsline li {
border-top: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0;
padding: 1.2em 0.5em;
margin-top: -1px;
}
#postNews .date__stamp {
display: inline-flex;
}
#postNews .item__title a {
display: block;
padding-top: 0.5em;
color: #4f4f4f;
}


/*******************************

ページネーション用のスタイルシート

********************************/
.pagination{
margin: 30px 0;
}
.pagination,
.pagination li a {
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
flex-wrap: wrap;
}
.pagination a {
border: 1px solid #ff9393;
border-left-width: 0;
min-width: 36px;
min-height: 36px;
color: #424242;
}
.pagination li:not([class*="current"]) a:hover {
background-color: #ffe0d4;
color: #ff9393;
}
.pagination li:first-of-type a {
border-left-width: 1px;
}
.pagination li.first span,
.pagination li.last span,
.pagination li.previous span,
.pagination li.next span {
position: absolute;
top: -9999px;
left: -9999px;
}
.pagination li.first a::before,
.pagination li.last a::after {
font-family: 'Material Icons';
content: '\e044';
}
.pagination li.previous a::before,
.pagination li.next a::after {
font-family: 'Material Icons';
content: '\e037';
}
.pagination li.first a::before,
.pagination li.previous a::before {
transform: scale(-1, 1);
}
.pagination li.current a {
background-color: #ffe0d4;
color: #ff9393;
cursor: default;
pointer-events: none;
}
@media only screen and ( max-width: 680px ) {
.pagination li.first,
.pagination li.last {
position: absolute;
top: -9999px;
left: -9999px;
}
.pagination li.previous a { border-left-width: 1px; }
}
@media only screen and ( max-width: 500px ) {
.pagination li {
position: absolute;
top: -9999px;
left: -9999px;
}
.pagination li.current,
.pagination li.first,
.pagination li.last,
.pagination li.previous,
.pagination li.next{
position: initial;
top: initial;
left: initial;
}
.pagination li.previous a { border-left-width: 0; }
}
@media only screen and ( max-width: 400px ) {
.pagination li.first,
.pagination li.last {
position: absolute;
top: -9999px;
left: -9999px;
}
.pagination li.previous a { border-left-width: 1px; }
}





/*********

NEWS_SINGLE

**********/
.postHeader {
font-size: 0.9em;
}
.postHeader h2 {
margin-top: 0.5em;
font-size: 1.64em;
}
.post_body > h2 {
font-size: 1.3em;
font-weight: 700;
margin: 2em 0;
border-left: 3px solid #ff9393;
padding-left: 0.5em;
}
.post_body > h2:nth-child(1) {
margin: 0 0 2em;
}
.post_body > h3 {
font-size: 1.1em;
margin: 1.5em 0;
color: #ff9393;
}
.post_body > h4 {
font-size: 1em;
border-bottom: 2px solid #ff9393;
padding-bottom: 0.5em;
margin: 1.2em 0;
}
.post_body > h5 {
font-size: 1em;
text-decoration: underline;
text-underline-offset: 5px;
text-decoration-thickness: 3px;
text-decoration-color: #d5d5d5;
margin: 0.5em 0;
}
.postFooteNavi {
display: flex;
justify-content: space-between;
margin: 40px 0;
gap: 10px;
}
.postFooteNavi a {
background-color: #ff9393;
color: #fff;
padding: 10px 15px;
text-decoration: none;
border-radius: 5px;
display: inline-block;
transition: background 0.3s;
}
.postFooteNavi a:hover {
background-color: #7bcc9d;
}








/*********

RECRUIT_ARCHIVE

**********/
.custompost_list,
.custompost_list a {
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
flex-direction: column;
gap: 0.8rem;
}
.custompost_list a {
width: 100%;
height: 100%;
border: 2px solid #ff9393;
border-radius: 0.5rem;
line-height: 1;
overflow: hidden;
padding: 1.2rem;
color: #ff9393;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center;
gap: 0.4rem;
}
.custompost_list a.noEnt {
border-color: #949494;
background: #f4f4f4;
color: #949494;
}
.job_itemName {
font-size: 1.1em;
font-weight: 600;
}
.job_txt {
font-size: 0.9em;
}
@media screen and (min-width: 768px) {
.custompost_list {
-webkit-flex-direction: row;
-moz-flex-direction: row;
flex-direction: row;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: stretch;
-moz-align-items: stretch;
align-items: stretch;
gap: 1.2rem;
}
.custompost_list > li {
width: calc((100% - 1.2rem) / 2);
}
.custompost_list h2 {
font-size: 1.8rem;
}
}



/*********

RECRUIT_SINGLE

**********/
.recruit_header {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 40px 0 30px;
width: 100%;
}
.recruit_header__subtitle {
font-weight: 700;
color: #ff9393;
font-size: 1.2rem;
padding-bottom: 1.5rem;
letter-spacing: .15em;
}
.recruit_header__title {
font-weight: 700;
font-size: 2.2rem;
letter-spacing: .15em;
}
.nav_worklist {
overflow-x: auto;
white-space: nowrap;
background: #fefefe;
-webkit-overflow-scrolling: touch;
}
.nav_worklist > ul {
display: flex;
background: #fff;
}
.nav_worklist li a {
display: block;
color: #424242;
padding: 10px 15px;
flex-shrink: 0;
border-right: 1px solid rgba(130,107,107,0.12);
transition: background-color 0.3s;
font-weight: 600;
}
.nav_worklist li.current a {
background: #ff9393;
color: #fff;
}
#recinfo .radio_content > h2 {
font-size: 2.1rem;
line-height: 1.4;
border-left: 3px solid #ff9393;
margin: 1.64em auto;
padding: 6px 0 6px 20px;
}
#recinfo input[type="radio"] {
display: none;
}
#recinfo label {
width: calc(50% - 10px);
display: inline-block;
padding: 10px 20px;
background: #efefef;
font-weight: 600;
border-radius: 4px 4px 0 0;
color: #ff9393;
margin-right: 5px;
cursor: pointer;
}
#recinfo input[type="radio"]:checked + label {
background: #ff9393;
color: #fff;
}
#recinfo .tab__content {
display: none;
padding: 20px;
border: 1px solid #ccc;
border-top: 3px solid #ff9393;
}
#tab1:checked ~ #fulltime_div,
#tab2:checked ~ #parttime_div {
display: block;
}
#recinfo th,
#recinfo td {
display: block;
width: 100%;
padding: 10px 0;
text-align: center;
}
#recinfo th {
background: #fff6f3;
}
#recinfo td {
font-size: inherit;
}
@media screen and (min-width: 768px) {
.recruit_header {
padding: 60px 0;
}
.recruit_header__subtitle {
font-size: 1.4rem;
padding-bottom: 20px;
}
.recruit_header__title {
font-size: 2.8rem;
}
}
@media screen and (min-width: 992px) {
#recinfo th,
#recinfo td {
display: table-cell;
width: auto;
padding: 1.2rem 1.4rem;
text-align: left;
font-size: inherit;
border-bottom: 1px solid #f0f0f0;
}
#recinfo th {
white-space: nowrap;
}
}