/* ============================================================
メインコンテンツ
============================================================ */
#pankuzu {
margin: 200px 0 30px 0;
}

#pankuzu li {
display: inline-block;
margin-left: 1em;
font-size: 1.2rem;
}

#pankuzu li a {
color: #00BFB3;
text-decoration: underline;
transition: none;
}

#pankuzu li:after {
content: "\3e";
margin-left: 1em;
}

#pankuzu li:first-child {
margin-left: 0;
}

#pankuzu li:last-child a {
color: #53565A;
text-decoration: none;
}

#pankuzu li:last-child:after {
display: none;
}

#pankuzu li img {
vertical-align: middle;
}

#section {
margin-top: 30px;
}

.bold {
font-weight: bold;
}

.txt-center {
text-align: center;
}

.txt-left {
text-align: left;
}

.txt-right {
text-align: right;
}

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

.img-100 {
width: 100%;
max-width: 100%;
}

.img-50 {
width: auto;
zoom: .5;
max-width: 100%;
}

.cl {
clear: both;
}

.display-table {
display: table;
width: 100%;
}

.float-right {
float: right;
}

.float-left {
float: left;
}

.border {
border: 1px solid #e1e1e1;
padding: 10px;
}

.emphasis {
color: #E0247F;
}

.block {
display: block;
}

.note {
text-indent: -1em;
padding-left: 1em;
}

.inline-block {
display: inline-block;
}

.ovh {
overflow: hidden;
}

.ovv {
overflow: visible;
}

.blank {
display: inline!important;
position: relative;
margin-right: 20px;
}

.blank:after {
content: "";
position: absolute;
bottom: 3px;
right: -16px;
width: 12px;
height: 12px;
background: url(../images/common/icon_blank.png) no-repeat 0 0;
}

a.anchor{
display: block;
padding-top: 75px;
margin-top: -75px;
}

.normal tr th .hissu {
display: block;
text-align:right;
float: right;
font-size: 1rem;
background: #E0247F;
color: #FFF;
padding: 1px 15px;
line-height: 1.6em;
border-radius: 30px;
}

#pagetop #jobPage .CAUTIONBOX {
width: 100%;
margin: 0 auto 50px auto;
border: 1px solid #E22480;
padding: 15px;
border-radius: 6px;
}

#pagetop #PHONEBOX {
width: 1000px;
margin: 0 auto 30px auto;
border: 1px solid #E22480;
border-radius: 6px;
}

#pagetop #PHONEBOX #PHONEBOXInner{
padding: 15px;
}

#pagetop #PHONEBOX h2 {
background: #E22480;
padding: 15px;
color: #FFFFFF;
text-align: center;
font-size: 2rem;
}

#pagetop #PHONEBOX p {
font-size: 1.6rem;
color: #53565A;
line-height: 160%;
margin-bottom: 10px;
}

#pagetop #PHONEBOX .button-area {
margin: 0 auto;
text-align: center;
}

#pagetop #PHONEBOX .button-area .button {
display: inline-block;
font-size: 1.4rem;
text-align: center;
margin: 15px 0;
width: 300px;
font-weight: 900;
background: #E22480;
border-radius: 80px;
text-decoration: none;
box-shadow: 3px 3px 0px 0px rgba(213,213,213,0.6);
}

#pagetop #PHONEBOX .button-area .button a {
width: 100%;
color: #FFFFFF;
padding: 1em 2.5em;
display: block;
position: relative;
text-decoration: none;
}

#pagetop #PHONEBOX .button-area .button a::before {
transition: .3s;
content: "";
position: absolute;
right: 10px;
top: 50%;
width: 6px;
height: 6px;
border-top: solid 2px #E22480;
border-right: solid 2px #E22480;
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
}

#pagetop .CAUTIONBOX {
width: 1000px;
margin: 0 auto 30px auto;
border: 1px solid #E22480;
padding: 15px;
border-radius: 6px;
}

#pagetop #CoR .CAUTIONBOX {
width: 100%;
}

@media screen and (max-width: 896px) {
#pagetop .CAUTIONBOX {
width: 98%;
margin: 0 auto 30px auto;
border: 1px solid #E22480;
padding: 15px;
border-radius: 6px;
}
}

#pagetop #clientPage .CAUTIONBOX {
width: 730px;
}

.CAUTIONBOX p {
font-size: 1.4rem;
color: #E22480;
line-height: 160%;
margin-bottom: 10px;
}

.CAUTIONBOX p:last-child {
margin-bottom: 0 !important;
}

.page #CoR .local-inner form#mailformpro {
padding: 0 !important;
}


/* IE10以降 */

@media all and (-ms-high-contrast: none) {
.blank:after {
bottom: 8px;
}
}

.txt {
font-size: 1.4rem;
margin-bottom: 20px;
line-height: 180%;
}

.txt a,
.link {
color: #00BFB3;
text-decoration: underline;
}

.txt a:hover,
.link:hover {
text-decoration: none;
}

.txt a.blank:after,
.txt .link.blank:after {
background: url(../images/common/icon_blank_green.png) no-repeat 0 0;
}

.txtsmall {
font-size: 1.4rem;
}

.txtsmall .blank:after,
.txtsmall.blank:after {
bottom: 1px !important;
margin-top: 0;
top: auto;
}

.child-cont {
margin-left: 1em;
margin-top: 10px;
display: block;
}

/* 写真横並びのボックスレイアウト*/

.pht-txt {
zoom: 1;
}

.pht-txt:after {
content: "";
display: block;
clear: both;
}

.pht-txt li {
float: left;
}

.pht-txt li:nth-child(even) {
float: right;
margin-right: 0;
}

.pht-txt .pht-box {
width: 47.7%;
overflow: hidden;
}

.pht-txt .txt-box {
width: 47.7%;
}

/* 写真縦並びのボックスレイアウト*/

.vertical-box {
background: #fff;
}

.vertical-box:hover {
opacity: .8;
}

.vertical-box.blank {
display: block !important;
margin-right: 0;
padding-bottom: 10px;
}

.vertical-box.blank:after {
right: 10px;
bottom: 10px;
}

.vertical-box .vertical-box-img {
border-bottom: 1px solid #f2f2f2;
padding: 4px 26px 4px 25px;
text-align: center;
}

.vertical-box .vertical-box-img.no-border {
border: none;
}

.vertical-box .vertical-box-txt {
padding: 20px;
min-height: 140px;
}

.vertical-box .vertical-box-ttl {
font-size: 1.4rem;
font-weight: bold;
margin-bottom: 0;
height: 48px;
}

.vertical-box .txt {
font-size: 1.4rem;
}

/* カードレイアウト */

.card-item {
background: #fff;
font-size: 0;
position: relative;
overflow: hidden;
height: 100%;
}

.card-item.card-item-border {
border: 1px solid #D0D0D2;
}

.card-item .card-item-img {
margin: 0;
padding: 0;
position: relative;
}

.card-item .card-item-img img {
width: 100%;
max-width: 100%;
}

.card-item .card-item-label {
position: absolute;
top: 0;
left: 0;
background: rgba(83, 86, 90, .8);
padding: 4px 5px;
min-width: 100px;
text-align: center;
}

.card-item .card-item-label > p {
font-size: 1.2rem;
color: #fff;
}

.card-item .card-item-txt {
background: #fff;
padding: 15px 20px 80px;
transition: all;
}

.card-item .card-item-txt.no-meta {
padding-bottom: 15px;
}

.card-item .card-item-txt .card-item-ttl {
font-size: 16px;
display: inline-block;
padding-bottom: 75px;
}

.card-item .card-item-txt .card-item-meta {
position: absolute;
bottom: 15px;
width: calc(100% - 40px);
}

.card-item .card-item-txt .card-item-date {
font-size: 12px;
color: #999999;
margin-top: 15px;
}

a:hover .card-item {
opacity: .7;
}

/* タグアイテム */

.tag-list {
margin-top: 5px;
display: inline-block;
}

.tag-list li {
margin-right: 10px;
display: inline-block;
}

.tag-list li:last-child {
margin-right: 0;
}

.tag {
display: inline-block;
font-size: 12px;
border: 1px solid #00bfb3;
margin-top: 5px;
padding: 1px 5px;
border-radius: 4px;
color: #00bfb3;
text-decoration: none;
background: #fff;
}

/* テーブルレイアウト */

.table {
width: 100%;
font-size: 1.4rem;
}

.table tr:nth-child(odd) td {
background: #f8f8f8;
}

.table tr:nth-child(even) td {
background: #fff;
}

.table th {
text-align: center;
font-weight: bold;
background: #d6d6d6;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}

.table td {
background: #d6d6d6;
border-right: 1px dashed #e1e1e1;
}

.table th,
.table td {
width: 50%;
padding: 5px 20px;
vertical-align: top;
}

.table th:last-child,
.table td:last-child {
border-right: 0;
}

/* リストレイアウト */

.list {
font-size: 1.4rem;
}

.list .list-line:nth-child(odd) {
background: #f8f8f8;
}

.list .list-line:nth-child(even) {
background: #fff;
}

.list .list-line > dl {
width: 100%;
display: table;
table-layout: fixed;
vertical-align: top;
}

.list .list-ttl {
width: 25%;
display: table-cell;
padding: 20px;
border-right: 1px dashed #e1e1e1;
font-weight: bold;
vertical-align: top;
}

.list .list-txt {
width: 75%;
display: table-cell;
padding: 20px;
vertical-align: top;
}

.normal-list {
/* 装飾なしリスト */
font-size: 1.4rem;
zoom: 1;
}

.normal-list:after {
content: "";
display: block;
clear: both;
}

.normal-list .list-line {
zoom: 1;
}

.normal-list .list-line:after {
content: "";
display: block;
clear: both;
}

.normal-list .list-line > dl {
zoom: 1;
}

.normal-list .list-line > dl:after {
content: "";
display: block;
clear: both;
}

.normal-list .item {
float: left;
width: 50%;
}

.normal-list .detail {
float: left;
width: 50%;
}

.list2,
.list3,
.list4,
.list5,
.border-list2,
.border-list3,
.four-col {
-js-display: flex;
display: -webkit-box;
display: -moz-box;
display: -ms-box;
display: -webkit-flexbox;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 1.4rem;
zoom: 1;
}

.list2 > li,
.list3 > li,
.list4 > li,
.list5 > li,
.border-list2 > li,
.border-list3 > li,
.four-col > li {
page-break-inside: avoid;
}

.list2 > li .vertical-box,
.list3 > li .vertical-box,
.list4 > li .vertical-box,
.list5 > li .vertical-box,
.border-list2 > li .vertical-box,
.border-list3 > li .vertical-box,
.four-col > li .vertical-box {
display: block;
width: 100%;
height: 100%;
}

.list2:after,
.list3:after,
.list4:after,
.list5:after,
.border-list2:after,
.border-list3:after,
.four-col:after {
content: "";
display: block;
clear: both;
}

.list2 .fourth-ttl,
.list3 .fourth-ttl,
.list4 .fourth-ttl,
.list5 .fourth-ttl,
.border-list2 .fourth-ttl,
.border-list3 .fourth-ttl,
.four-col .fourth-ttl {
margin-top: 30px;
}

.list2 .btn,
.list3 .btn,
.list4 .btn,
.list5 .btn,
.border-list2 .btn,
.border-list3 .btn,
.four-col .btn {
display: block;
}

.list2 > li {
margin: 0 2% 30px 2%;
width: 48%;
}

.list2 > li:nth-child(odd) {
margin-left: 0;
}

.list2 > li:nth-child(even) {
margin-right: 0;
}

.list2 .pht-box {
width: 100%;
overflow: hidden;
}

.list2 .txt-box {
width: 100%;
}

.list3 > li {
margin: 0 1.75% 30px 1.75%;
width: 31%;
}

.list3 > li:nth-child(3n+1) {
margin-left: 0;
}

.list3 > li:nth-child(3n) {
margin-right: 0;
}

.list3 > li.col2 {
width: 65.5%;
}

.list3 .pht-box {
width: 100%;
overflow: hidden;
}

.list3 .txt-box {
width: 100%;
}

.list4 > li {
margin: 0 1.35% 30px 1.35%;
width: 22.97%;
}

.list4 > li:nth-child(4n+1) {
margin-left: 0;
}

.list4 > li:nth-child(4n) {
margin-right: 0;
}

.list4 > li.col2 {
width: 47.29%;
}

.list4 > li.col3 {
width: 71.61%;
}

.list4 .pht-box {
width: 100%;
overflow: hidden;
}

.list4 .txt-box {
width: 100%;
}

.list5 > li {
margin: 0 1% 30px 1%;
width: 18.4%;
}

.list5 > li:first-child,
.list5 > li:nth-child(5n+1) {
margin-left: 0;
}

.list5 > li:nth-child(5n) {
margin-right: 0;
}

.border-list2 > li {
margin: 0 1.75% 30px 1.75%;
padding: 20px;
width: 48.25%;
border: 1px solid #e1e1e1;
}

.border-list2 > li:nth-child(odd) {
margin-left: 0;
}

.border-list2 > li:nth-child(even) {
margin-right: 0;
}

.border-list2 .pht-box {
width: 100%;
overflow: hidden;
}

.border-list2 .txt-box {
width: 100%;
}

.border-list3 > li {
margin: 0 1.75% 30px 1.75%;
padding: 20px;
width: 31%;
border: 1px solid #e1e1e1;
}

.border-list3 > li:nth-child(3n+1) {
margin-left: 0;
}

.border-list3 > li:nth-child(3n) {
margin-right: 0;
}

.border-list3 .pht-box {
width: 100%;
overflow: hidden;
}

.border-list3 .txt-box {
width: 100%;
}

/* ============================================================
KV
============================================================ */

#kv {
background: #f8f8f8;
overflow: hidden;
}

#kv .page-ttl {
font-size: 3.8rem;
margin-top: 60px;
margin-bottom: 30px;
}

#kv .page-description {
font-size: 1.4rem;
}


/*------------ $　外部リンク ----------*/
a[target="_blank"] {
color: #00BFB3;
text-decoration: underline;
}

a:hover[target="_blank"] {
text-decoration: none;
}

a.no[target="_blank"] {
color: #53565A;
text-decoration: none;
}

a.no[target="_blank"]:after {
content:none;
margin-right: 0px;
margin-left: 0px;
background: none;
}

a.no.noimg[target="_blank"]:after {
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 0;
display: block;
content: "";
color: #FFF;
opacity: 0;
transition: all 0.5s ease;
background: none;
-ms-transition: all 0.5s ease;
}

a[target="_blank"]:after {
content: '';
display:  inline-block;
margin: 4px 3px 0 5px;
margin-right: 3px;
width: 10px;/*画像の幅*/
height: 10px;/*画像の高さ*/
background-image: url(../images/common/icon_blank.png);
background-size: contain;
vertical-align: top;
}

a.white[target="_blank"]:after {
content: '';
display:  inline-block;
margin: 4px 3px 0 5px;
margin-right: 3px;
width: 10px;/*画像の幅*/
height: 10px;/*画像の高さ*/
background-image: url(../images/common/icon_blank_white.png);
background-size: contain;
vertical-align: top;
}


/*
a.no[target="_blank"]:after,
.button-group a[target="_blank"]:after,
.top_topics #news-area .newsinner .newsinnerR  a[target="_blank"]:after,
.page #CoR #news-area .newsinner .newsinnerR  a[target="_blank"]:after {
font-family: "Font Awesome 5 Free";
content: none;
display: inline-block;
vertical-align: 0px;
margin-right: 0px;
margin-left: 0px;
font-weight: 900;
}*/

/*------------ $　PDF ----------*/

a.pdf[target="_blank"]:after {
background: url(../images/common/ico_pdf.png) no-repeat 0px 0px;
content: '';
display: inline-block;
width: 16px;
height: 16px;
vertical-align: middle;
margin-right: 3px;
margin-left: 3px;
margin-top: 0;
}


/* ============================================================
アンカーリンク
============================================================ */

.anc-list .btn {
margin-bottom: 0;
}

.anc-list .btn {
padding-left: 10px;
padding-right: 20px;
}

.anc-list .btn.btn-fullw {
width: 100%;
}

.anc-list .btn.index-anc {
padding-right: 30px;
}

.anc-list .btn.index-anc:after {
/*transform: rotate(90deg);*/
content: " ";
position: absolute;
top: 50%;
right: 10px;
width: 14px;
height: 8px;
margin-top: -4px;
background: url(../images/common/anc_arrow_gray_down.png) no-repeat center center;
background-size: contain;
/*-webkit-transition-duration: .3s;
transition-duration: .3s;*/
}

.anc-list .btn.index-anc:hover {
opacity: .7;
}

.anc-list .btn.index-anc:hover:after {
background: url(../images/common/anc_arrow_down.png) no-repeat center center;
background-size: contain;
}

.anc-list .btn.btn-disabled {
border: 1px solid #d2d2d2;
color: #d2d2d2;
}

.anc-list .btn.btn-disabled:hover,
.anc-list .btn.btn-disabled:focus,
.anc-list .btn.btn-disabled:active {
color: #d2d2d2;
background: #fff;
}

.anc-list .btn.btn-disabled:before {
content: none;
}

.anc-list .btn.index-anc.btn-disabled:hover,
.anc-list .btn.index-anc.btn-disabled:focus,
.anc-list .btn.index-anc.btn-disabled:active {
opacity: 1;
}

.anc-list .btn.index-anc.btn-disabled:after {
background: none;
}


/* ============================================================
local-nav
============================================================ */

#CoL #local-nav {
margin-bottom: 20px;
box-shadow: 3px 3px rgba(233,233,233,0.5);
}

#CoL #local-nav h3 {
background: #E0247F;
padding: 15px 20px; 
font-size: 1.4rem;
color: #FFFFFF;
font-weight: 900;
}

#CoL.common-side .about-nav,
#CoL.common-side .job-nav,
#CoL.common-side .client-nav,
#CoL.common-side .office-nav,
#CoL.common-side .contact-nav,
#CoL.common-side .company-nav,
#CoL.common-side .friend-nav,
#CoL.common-side .news-nav,
#CoL.common-side .news-staff-nav,
#CoL.common-side .staff-nav,
#CoL.common-side .taigu_shinsei-nav,
#CoL.about-side .job-nav,
#CoL.about-side .client-nav,
#CoL.about-side .office-nav,
#CoL.about-side .contact-nav,
#CoL.about-side .company-nav,
#CoL.about-side .friend-nav,
#CoL.about-side .news-nav,
#CoL.about-side .news-staff-nav,
#CoL.about-side .staff-nav,
#CoL.about-side .taigu_shinsei-nav,
#CoL.job-side .about-nav,
#CoL.job-side .client-nav,
#CoL.job-side .office-nav,
#CoL.job-side .contact-nav,
#CoL.job-side .company-nav,
#CoL.job-side .friend-nav,
#CoL.job-side .news-nav,
#CoL.job-side .news-staff-nav,
#CoL.job-side .staff-nav,
#CoL.job-side .taigu_shinsei-nav,
#CoL.client-side .about-nav,
#CoL.client-side .job-nav,
#CoL.client-side .office-nav,
#CoL.client-side .contact-nav,
#CoL.client-side .company-nav,
#CoL.client-side .friend-nav,
#CoL.client-side .news-nav,
#CoL.client-side .news-staff-nav,
#CoL.client-side .staff-nav,
#CoL.client-side .taigu_shinsei-nav,
#CoL.office-side .about-nav,
#CoL.office-side .job-nav,
#CoL.office-side .contact-nav,
#CoL.office-side .client-nav,
#CoL.office-side .company-nav,
#CoL.office-side .friend-nav,
#CoL.office-side .news-nav,
#CoL.office-side .news-staff-nav,
#CoL.office-side .staff-nav,
#CoL.office-side .taigu_shinsei-nav,
#CoL.contact-side .about-nav,
#CoL.contact-side .job-nav,
#CoL.contact-side .office-nav,
#CoL.contact-side .client-nav,
#CoL.contact-side .company-nav,
#CoL.contact-side .friend-nav,
#CoL.contact-side .news-nav,
#CoL.contact-side .news-staff-nav,
#CoL.contact-side .staff-nav,
#CoL.contact-side .taigu_shinsei-nav,
#CoL.company-side .about-nav,
#CoL.company-side .job-nav,
#CoL.company-side .client-nav,
#CoL.company-side .office-nav,
#CoL.company-side .contact-nav,
#CoL.company-side .friend-nav,
#CoL.company-side .news-nav,
#CoL.company-side .news-staff-nav,
#CoL.company-side .staff-nav,
#CoL.company-side .taigu_shinsei-nav,
#CoL.friend-side .about-nav,
#CoL.friend-side .job-nav,
#CoL.friend-side .client-nav,
#CoL.friend-side .office-nav,
#CoL.friend-side .contact-nav,
#CoL.friend-side .company-nav,
#CoL.friend-side .news-nav,
#CoL.friend-side .news-staff-nav,
#CoL.friend-side .staff-nav,
#CoL.friend-side .taigu_shinsei-nav,
#CoL.news-side .about-nav,
#CoL.news-side .job-nav,
#CoL.news-side .client-nav,
#CoL.news-side .office-nav,
#CoL.news-side .contact-nav,
#CoL.news-side .company-nav,
#CoL.news-side .friend-nav,
#CoL.news-side .news-staff-nav,
#CoL.news-side .staff-nav,
#CoL.news-side .taigu_shinsei-nav,
#CoL.news-staff-side .about-nav,
#CoL.news-staff-side .job-nav,
#CoL.news-staff-side .client-nav,
#CoL.news-staff-side .office-nav,
#CoL.news-staff-side .contact-nav,
#CoL.news-staff-side .company-nav,
#CoL.news-staff-side .friend-nav,
#CoL.news-staff-side .news-nav,
#CoL.news-staff-side .staff-nav,
#CoL.news-staff-side .taigu_shinsei-nav,
#CoL.staff-side .about-nav,
#CoL.staff-side .job-nav,
#CoL.staff-side .client-nav,
#CoL.staff-side .office-nav,
#CoL.staff-side .contact-nav,
#CoL.staff-side .company-nav,
#CoL.staff-side .friend-nav,
#CoL.staff-side .news-staff-nav,
#CoL.staff-side .news-nav,
#CoL.staff-side .taigu_shinsei-nav,
#CoL.taigu_shinsei-side .about-nav,
#CoL.taigu_shinsei-side .job-nav,
#CoL.taigu_shinsei-side .client-nav,
#CoL.taigu_shinsei-side .office-nav,
#CoL.taigu_shinsei-side .contact-nav,
#CoL.taigu_shinsei-side .company-nav,
#CoL.taigu_shinsei-side .friend-nav,
#CoL.taigu_shinsei-side .news-nav,
#CoL.taigu_shinsei-side .news-staff-nav,
#CoL.taigu_shinsei-side .staff-nav{
display:  none;
}

#CoL .about-nav h3:before {
background: url(../images/common/icon_about_nav.png) no-repeat 0 0/contain;
content: '';
display: inline-block;
width: 15px;
height: 18px;
vertical-align: middle;
margin-right: 10px;
margin-top: 0;
}

#CoL .job-nav h3:before {
background: url(../images/common/icon_job_nav.png) no-repeat 0 0/contain;
content: '';
display: inline-block;
width: 30px;
height: 17px;
vertical-align: middle;
margin-right: 6px;
margin-top: 0;
}

#CoL .client-nav h3:before {
background: url(../images/common/icon_client_nav.png) no-repeat 0 0/contain;
content: '';
display: inline-block;
width: 18px;
height: 18px;
vertical-align: middle;
margin-right: 6px;
margin-top: 0;
}

#CoL .office-nav h3:before {
background: url(../images/common/icon_office_nav.png) no-repeat 0 0/contain;
content: '';
display: inline-block;
width: 20px;
height: 20px;
vertical-align: middle;
margin-right: 6px;
margin-top: -2px;
}

#CoL .contact-nav h3:before {
background: url(../images/common/icon_contact_nav.png) no-repeat 0 0/contain;
content: '';
display: inline-block;
width: 16px;
height: 20px;
vertical-align: middle;
margin-right: 6px;
margin-top: -2px;
}

#CoL .company-nav h3:before {
background: url(../images/common/icon_company_nav.png) no-repeat 0 0/contain;
content: '';
display: inline-block;
width: 20px;
height: 20px;
vertical-align: middle;
margin-right: 6px;
margin-top: -2px;
}

#CoL .friend-nav h3:before {
background: url(../images/common/icon_friend_nav.png) no-repeat 0 0/contain;
content: '';
display: inline-block;
width: 20px;
height: 20px;
vertical-align: middle;
margin-right: 6px;
margin-top: -2px;
}

#CoL .news-nav h3:before,
#CoL .news-staff-nav h3:before {
background: url(../images/common/icon_news_nav.png) no-repeat 0 0/contain;
content: '';
display: inline-block;
width: 29px;
height: 20px;
vertical-align: middle;
margin-right: 6px;
margin-top: 0;
}

#CoL .staff-nav h3:before {
background: url(../images/common/icon_staff_nav.png) no-repeat 0 0/contain;
content: '';
display: inline-block;
width: 20px;
height: 20px;
vertical-align: middle;
margin-right: 6px;
margin-top: -2px;
}

#CoL .taigu_shinsei-nav h3:before {
background: url(../images/common/icon_muki_nav.png) no-repeat 0 0/contain;
content: '';
display: inline-block;
width: 20px;
height: 20px;
vertical-align: middle;
margin-right: 6px;
margin-top: -2px;
}


#CoL #local-nav #local-navInner  {
background: #E9E9E9;
padding: 10px; 
}

#CoL #local-nav #local-navInner h4 {
font-size: 1.4rem;
position:  relative;
color: #E0247F;
font-weight: 900;
border-bottom: 3px solid #E0247F;
background: #FFFFFF;
padding: 15px 10px;
}

#CoL .job-nav #local-navInner h4:first-of-type::before {
background: url(../images/common/icon_job_nav_02.png) no-repeat 0 0/contain;
content: '';
display: inline-block;
width: 24px;
height: 19px;
vertical-align: middle;
margin-right: 6px;
margin-top: 0;
}

#CoL .job-nav #local-navInner h4:nth-of-type(2)::before {
background: url(../images/common/icon_job_nav_03.png) no-repeat 0 0/contain;
content: '';
display: inline-block;
width: 20px;
height: 20px;
vertical-align: middle;
margin-right: 6px;
margin-top: 0;
}

#CoL #local-nav #local-navInner ul {
background: #FFFFFF;
padding: 0 10px; 
}

#CoL #local-nav #local-navInner li {
font-size: 1.3rem;
border-bottom: 1px dotted #CCCCCC;
position: relative;
}


#CoL #local-nav #local-navInner li.ss {
font-size: 1.2rem;
}


#CoL #local-nav #local-navInner li.last {
border-bottom: none;
}

#CoL #local-nav #local-navInner li a {
display:  block;
padding: 15px 0;
}

#CoL #local-nav #local-navInner li a:hover {
color: #E0247F;
}

#CoL #local-nav #local-navInner li a::before {
position: absolute;
content: '';
width: 12px;
height: 12px;
border: 1px solid #9A989A;
border-radius: 50%;
top: 50%;
right: 0;
margin-top: -5px;
}

#CoL #local-nav #local-navInner li a::after {
position: absolute;
content: '';
width: 3px;
height: 3px;
border-top: solid 1px #9A989A;
border-right: solid 1px #9A989A;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 50%;
right: 6px;
margin-top: 0;
}

#CoL #local-nav #local-navInner li a:hover::before {
border: 1px solid #E0247F;
transition: all .3s;
}

#CoL #local-nav #local-navInner li a:hover::after {
border-top: solid 1px #E0247F;
border-right: solid 1px #E0247F;
transition: all .3s;
}

#CoL #start-nav {
background: #00BFB3;
padding: 10px;
text-align: center;
margin-bottom: 20px;
box-shadow: 3px 3px rgba(0,191,179,0.3);
}

#CoL #start-nav h3 {
font-size: 1.4rem;
color: #FFFFFF;
font-weight: 700;
padding:0 0 10px 0;
}

#CoL #start-nav #start-navInner{
background: #FFFFFF;
padding: 15px 10px;
}

#CoL #start-nav #start-navInner p {
font-size:  1.4rem;
font-weight: 700;
}

#CoL #start-nav #start-navInner p .work {
color: #EB8A00;
}

#CoL #start-nav #start-navInner p .career {
color: #E0247F;
}

#CoL #start-nav #start-navInner .button-area {
text-align: center;
margin: 10px auto 0 auto;
clear: both;
}

#CoL #start-nav #start-navInner p.button {
display: inline-block;
font-size: 1.4rem;
text-align: center;
background: #ED8A00;
border-radius: 80px;
text-decoration: none;
font-weight: 100 !important;
box-shadow: 3px 3px 0px 0px rgba(251,232,204,0.8);  
}

#CoL #start-nav #start-navInner .button a {
width: 100%;
color: #FFFFFF;
padding: .6em 2.5em .6em 2em;
display: block;
}

#CoL #start-nav #start-navInner .button a:before {
content: " ";
background: url(../images/common/icon_bills.png) no-repeat 0 0;
background-size: contain;
display: inline-block;
width: 16px;
height: 20px;
vertical-align: top;
margin-top: 2px;
margin-right: 8px;
}

#CoL #start-nav #start-navInner .point{
margin-top: 12px;
margin-bottom: 0px;
}

#CoL #start-nav #start-navInner .point li,
#CoL .bnrArea .point li {
padding: 0 0 5px 0 ;
margin-left: 1em;
text-indent: -1em;
font-size: 1.2rem;
text-align: left;
line-height: 140%;
}

#CoL #start-nav #start-navInner .point li:last-child,
#CoL .bnrArea .point li:last-child {
padding: 0;
}

#CoL #start-nav #start-navInner .point li:before,
#CoL .bnrArea .point li:before {
content: '';
display: inline-block;
width: 0;
height: 0;
margin-right: 8px;
border-style: solid;
border-width: 4.5px 0 4.5px 8px;
border-color: transparent transparent transparent #E22480;
}

#CoL  .bnrArea .bnrlist li{
margin-bottom: 5px;
}

#CoL.client-side #start-nav,
#CoL.client-side .bnrArea {
display:  none;
}


/* ============================================================
共通スタイル
============================================================ */

.page {
width: 1000px;
margin: 0 auto;
}

.page #CoR {
width: 730px;
float: right;
margin: 0 auto;
}

.local-inner {
margin-bottom: 30px;
}

.local-inner .txt {
margin-bottom: 20px;
}

.local-inner .txt-right {
font-size: 1.4rem;
line-height: 160%;
margin-bottom: 10px;
}

.page #CoR .ft_big {
font-size: 2.4rem !important;
}

.page #CoR .local-inner .txt + h2.title  {
margin-top: 40px !important;
}

.page #CoR h1 {
font-size: 3.2rem;
color: #E0247F;
line-height: 160%;
margin-bottom: 30px;
}

.page #CoR h1 .ss {
font-size: 1.8rem;
}

.page #CoR h2.title,
.white-popup h2.title {
margin: 0 0 20px 0;
font-size: 2rem;
line-height: 1.4;
font-weight: 900;
border-bottom: solid 1px #E5E5E5;
}

.page #CoR h2.title .ss {
font-size: 1.4rem;
}

.page #CoR h2.title span.line,
.white-popup h2.title span.line {
display: inline-block;
border-bottom: solid 3px #E22480;
padding: 0 0 10px 0;
position: relative;
}

.page #CoR h3.sabTitle,
.white-popup h3.sabTitle {
position: relative;
width: 100%;
padding-left: 20px;
padding-bottom: 10px;
margin-bottom: 20px;
border-bottom: 1px solid #EEE;
font-size: 1.8rem;
}

.page #CoR h3.sabTitle:before,
.white-popup h3.sabTitle:before {
background: #E0247F;
content: "";
height: 3px;
width: 10px;
left: 0;
position: absolute;
top: 12px;
}

.page #CoR h4.miniTitle {
font-size: 1.5rem;
position: relative;
padding: 7px 20px 5px 16px;
font-weight: bold;
margin: 20px 0px 10px 0px;
}

.page #CoR h4.miniTitle::before {
content: '';
display: block;
position: absolute;
top: 50%;
left: 0;
width: 4px;
height: 18px;
margin-top: -9px;
background-color: #F1F1F1;
}

.page #CoR .local-inner p,
.white-popup p{
font-size: 1.4rem;
line-height: 180%;
margin-bottom: 20px;
}

.page #CoR .anker-box ul {
-js-display: flex;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
-webkit-justify-content: space-between; /* Safari */
justify-content: space-between;
width:  100%;
margin-bottom: 15px;
}

.page #CoR .anker-box li {
display:block;
width: 32%;
font-size: 1.4rem;
line-height: 1.6rem;
box-sizing: border-box;
margin-bottom:  15px;
rbox-shadow: 3px 3px 0px 0px rgba(235,235,235,0.6);
border-radius: 4px;
}

.page #CoR .anker-box02 .box02 li {
display:block;
width: 48.5%;
font-size: 1.4rem;
line-height: 1.6rem;
box-sizing: border-box;
margin-bottom:  15px;
rbox-shadow: 3px 3px 0px 0px rgba(235,235,235,0.6);
border-radius: 4px;
}

.page #CoR .anker-box li.ss {
font-size: 1.2rem;
}

.page #CoR .anker-box li a {
padding: 15px 0px;
text-align: center;
position: relative;
border: 1px solid #CCCCCC;
display: block;
margin: 0px auto;
}

.page #CoR .anker-box li a::before {
transition: .3s;
content: "";
position: absolute;
right: 15px;
top: 50%;
width: 6px;
height: 6px;
border-top: solid 2px #E22480;
border-right: solid 2px #E22480;
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
}

.page #CoR .anker-box li a:hover,
.page #CoR .anker-box li a.on{
background: #E0247F;
color:  #FFFFFF;
border: 1px solid #E0247F;
padding: 15px 0px;
text-align: center;
display: block;
margin: 0px auto;
}

.page #CoR .anker-box li a:hover::before,
.page #CoR .anker-box li a.on::before{
transition: .3s;
content: "";
position: absolute;
right: 15px;
top: 50%;
width: 6px;
height: 6px;
border-top: solid 2px #FFFFFF;
border-right: solid 2px #FFFFFF;
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
}

.page #CoL {
width: 230px;
margin-right: 40px;
float: left;
margin: 0 auto;
}

.page #CoR .normal {
width: 100%;
border-collapse: collapse;
margin-bottom: 30px;
}

.page #CoR .normal th,
.page #CoR .normal td {
font-size: 1.4rem;
padding: 15px;
line-height: 1.6em;
border: 1px solid #CECECE;
text-align:left;
}
.page #CoR .normal td .point li .ss,
.page #CoR .normal td .small-time{
font-size: 1.2rem;
}

.page #CoR .normal.ss th,
.page #CoR .normal.ss td {
font-size: 1.2rem;
padding: 8px 12px;
}

.page #CoR .normal th{
font-weight: bold;
background-color: #f3f3f3;
}

.page #CoR .normal th.rap{
white-space: nowrap;
}

.page #CoR .normal td .point {
margin-bottom: 0px;
}

.page #CoR .normal td .point li {
padding: 0px 0px  10px 0px;
margin-left:1em;
text-indent:-1em;
font-size: 1.4rem;
}

.page #CoR .normal td .point li:last-child {
padding-bottom: 0px !important;
}

.page #CoR .normal td  .point.no li {
margin-left:0em;
text-indent:0em;
}

.page #CoR .scrolltxt {
display: none;
}

.page #CoR .point {
margin-bottom: 30px;
}


.page #CoR .point li,
.white-popup .point li {
padding: 0 0  5px 0;
margin-left:1em;
text-indent:-1em;
font-size: 1.4rem;
}

.page #CoR .point.box02Inner {
margin-bottom: 30px;
}

.page #CoR .point.box04 li {
width: 49%;
margin-left:0;
text-indent:0;
}

.page #CoR .point li:last-child {
padding: 0px;
}

.page #CoR .point li:before,
.white-popup li:before {
content: '';
display: inline-block;
width: 0;
height: 0;
margin-right: 8px;
border-style: solid;
border-width: 4.5px 0 4.5px 8px;
border-color: transparent transparent transparent #E22480;
}

.page #CoR .point li.pdf {
background: url(../images/common/ico_pdf.png) no-repeat 0px 0px;
background-size: 22px;
padding: 0px 0px 10px 32px !important;
margin-left: 0em;
text-indent: 0em;
line-height: 1.6em;
}

.page #CoR .point li.excel {
background: url(../images/common/ico_excel.png) no-repeat 0px 0px;
background-size: 22px;
padding: 0px 0px 10px 32px !important;
margin-left: 0em;
text-indent: 0em;
line-height: 1.6em;
}

.page #CoR .point li.word {
background: url(../images/common/ico_word.png) no-repeat 0px 0px;
background-size: 22px;
padding: 0px 0px 10px 32px !important;
margin-left: 0em;
text-indent: 0em;
line-height: 1.6em;
}

.page #CoR .point li.pp {
background: url(../images/common/ico_powerpoint.png) no-repeat 0px 0px;
background-size: 22px;
padding: 0px 0px 10px 32px !important;
margin-left: 0em;
text-indent: 0em;
line-height: 1.6em;
}

.page #CoR .point li.free,
.page #CoR .normal td .point li.free {
background: url(../images/common/icon_free.gif) no-repeat 0px 5px;
background-size: 22px;
padding: 0px 0px 10px 28px !important;
margin-left: 0em;
text-indent: 0em;
line-height: 1.6em;
font-size: 1.2rem;
}

.page #CoR .point li.free02,
.page #CoR .normal td .point li.free02{
background: url(../images/common/icon_free_02.gif) no-repeat 0px 5px;
background-size: 22px;
padding: 0px 0px 10px 28px !important;
margin-left: 0em;
text-indent: 0em;
line-height: 1.6em;
font-size: 1.2rem;
}

.page #CoR .point li.tel,
.page #CoR .normal td .point li.tel{
background: url(../images/common/icon_tel.png) no-repeat 0 0;
background-size: 14px;
padding: 0px 0px 10px 20px !important;
margin-left: 0em;
text-indent: 0em;
line-height: 1.6em;
font-size: 1.2rem;
}

.page #CoR .normal td .point li.tel,
.page #CoR .normal td .point li.free,
.page #CoR .normal td .point li.free02 {
margin-left: 0em;
text-indent: 0em;
}

.page #CoR .cautionBox .point li.free,
.page #CoR .cautionBox .point li.free02 {
font-size: 1.2rem;
padding: 0px 0px 5px 28px !important;
line-height: 160%;
}

.page #CoR p.free {
background: url(../images/common/icon_free.gif) no-repeat 0px 3px;
background-size: 22px;
padding: 0px 0px 0px 28px !important;
margin-left: 0em;
text-indent: 0em;
line-height: 1.6em;
font-size: 1.2rem;
}

.page #CoR p.free02 {
background: url(../images/common/icon_free_02.gif) no-repeat 0px 5px;
background-size: 22px;
padding: 0px 0px 10px 28px !important;
margin-left: 0em;
text-indent: 0em;
line-height: 1.6em;
font-size: 1.2rem;
}

.page #CoR .local-inner p.tel {
background: url(../images/common/icon_tel.png) no-repeat 0 0;
background-size: 14px;
padding: 0px 0px 10px 20px !important;
margin-left: 0em;
text-indent: 0em;
line-height: 1.6em;
font-size: 1.2rem;
}

.page #CoR .local-inner .normal td p.free,
.page #CoR .local-inner .normal td p.free02,
.page #CoR .local-inner .normal td p.tel {
margin-bottom: 0;
}

.page #CoR .point li.free strong,
.page #CoR .point li.free02 strong,
.page #CoR .point li.tel strong,
.page #CoR p.free strong,
.page #CoR p.free02 strong,
.page #CoR p.tel strong {
font-size: 1.5rem;
letter-spacing: -0.04rem;
}

.page #CoR .point li.mail {
background: url(../images/common/icon_mail.png) no-repeat 0px 5px;
background-size: 22px;
padding: 0px 0px 10px 28px !important;
margin-left: 0em;
text-indent: 0em;
line-height: 1.6em;
}

.page #CoR .point li ul li{
padding: 0px 0px 10px 0px !important;
margin-left: 0em;
text-indent: 0em;
line-height: 1.6em;
}

.page #CoR .point li ul li:last-child{
padding: 0px !important;
}

.page #CoR .point li ul{
padding: 10px 0px 0px 0px !important;
margin-bottom:  0px;
}

.page #CoR .point li.pdf:before,
.page #CoR .point li.excel:before,
.page #CoR .point li.word:before,
.page #CoR .point li.free:before,
.page #CoR .point li.free02:before,
.page #CoR .point li.mail:before,
.page #CoR .point li.tel:before,
.page #CoR .point li ul li:before {
content: '';
display: inline;
width: 0;
height: 0;
margin-right: 0px;
border-style: solid;
border-width: 0px;
border-color: transparent transparent transparent #E22480;
}

.page #CoR .point li .ss {
font-size: 1.2rem;
}


.page #CoR .number {
padding: 0;
counter-reset: li; 
list-style: none; 
}

.page #CoR .number li {
padding:0px 0px 10px 0px;
position:relative;
text-indent:0em;
margin-left: 0em;
font-size: 1.4rem;
padding-left:2em;
background: none !important;
}

.page #CoR .number li:before {
content:counter(li) " ";
counter-increment: li;
background-color: #EB8A00;
color: #FFFFFF;
position: absolute;
display: block;
float: left;
left: 0px;
line-height: 22px;
margin:  2px 0px 0px 0px;
text-align: center;
height: 20px;
width: 20px;
border-radius: 50%;
font-size: 1.2rem;
}


.page #CoR .button-area,
.page #CoR .button-area02,
.page #CoR .button-area03,
.page #CoR .button-area04,
.page #CoR .button-area05 {
text-align: center;
margin: 0 auto;
}

.page #CoR .button-area .button {
display: inline-block;
font-size: 1.4rem;
text-align: center;
margin: 0 0 15px 0;
width:  300px;
font-weight: 900;  
background: #E22480;
border-radius: 80px;
text-decoration: none;
box-shadow: 3px 3px 0px 0px rgba(213,213,213,0.6);
}

.page #CoR .button-area .button.tel-button,
.page #CoR .button-area .button.tel-button02 {
margin: 0 15px 15px 0;
font-size: 1.3rem;
}

.page #CoR .button-area .button.tel-button a,
.page #CoR .button-area .button.tel-button02 a {
padding: 0.6em 2.5em 0.6em 5em;
line-height: 1.4;
}

#jobPage #CoR .visit-box .button-area .box-two {
-js-display: flex;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
-webkit-justify-content: space-between; /* Safari */
justify-content: space-between;
width:  100%;
margin-bottom: 15px;
}

#jobPage #CoR .visit-box .button-area .box-two li  {
width: 48.5%;
text-align: center;
margin: 0 0 15px 0;
}

#jobPage #CoR .visit-box .button-area .box-two li.tel-button a {
background: url(../images/common/icon_tel_02.png) no-repeat 30% 52%;
}
#jobPage #CoR .visit-box .button-area .box-two li.tel-button02 a {
background: url(../images/common/icon_free_03.png) no-repeat 30% 59%;
background-size: 30px;
}
.page #CoR .button-area02 .button,
.page #CoR .button-area03 .button,
.page #CoR .button-area03 .button,
.page #CoR .button-area04 .button{
display: inline-block;
font-size: 1.4rem;
text-align: center;
margin: 0 0 15px 0;
width:  300px;
font-weight: 900;  
background: #ED8A00;
border-radius: 80px;
text-decoration: none;
box-shadow: 3px 3px 0px 0px rgba(251,232,204,0.8);
}

.page #CoR .button-area05 .button {
display: inline-block;
font-size: 1.4rem;
text-align: center;
margin: 0 0 15px 0;
width: 300px;
font-weight: 900;
border: solid 1px #e22480;
background-color: #fff;
color: #d3007f;
border-radius: 80px;
text-decoration: none;
box-shadow: 3px 3px 0px 0px rgba(226,36,128,0.4);
}


@media only screen and (max-width: 767px) {
.page #CoR .button-area02 .button,
.page #CoR .button-area05 .button {
width: 100%;
}
}





.page #CoR .button-area .button.wide,
.page #CoR .button-area02 .button.wide,
.page #CoR .button-area03 .button.wide,
.page #CoR .button-area03 .button.wide,
.page #CoR .button-area04 .button.wide{
width:  600px;
}

.page #CoR .button-area .button a,
.page #CoR .button-area02 .button a,
.page #CoR .button-area03 .button a,
.page #CoR .button-area04 .button a {
width: 100%;
color: #FFFFFF;
padding: 1em 2.5em;
display:  block;
text-decoration: none;
}

.page #CoR .button-area05 .button a {
color: #d3007f !important;
width: 100%;
padding: 1em 2.5em;
display:  block;
text-decoration: none;
}

.page #CoR .button-area a:before {
content: " ";
background: url(../images/common/icon_bills.png) no-repeat 0 0;
background-size: contain;
display: inline-block;
width: 16px;
height: 20px;
vertical-align: top;
margin-top: 2px;
margin-right: 8px;
}

.page #CoR .button-area02 a:before {
content: " ";
background: url(../images/common/icon_key.png) no-repeat 0 0;
background-size: contain;
display: inline-block;
width: 16px;
height: 18px;
vertical-align: top;
margin-top: 5px;
margin-right: 8px;
}

.page #CoR .button-area03 a:before {
content: " ";
background: url("../images/common/icon_job_nav.png") no-repeat 0 0;
background-size: contain;
display: inline-block;
width: 30px;
height: 17px;
vertical-align: top;
margin-top: 5px;
margin-right: 8px;
}

.page #CoR .button-area04 a:before {
content: " ";
background: url("../images/common/ico_kira.png") no-repeat 0 0;
background-size: contain;
display: inline-block;
width: 20px;
height: 20px;
vertical-align: top;
margin-top: 0px;
margin-right: 8px;
}


.button-group ul {
-js-display: flex;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
-webkit-justify-content: space-between; /* Safari */
justify-content: space-between;
width:  100%;
margin-bottom: 15px;
}

.button-group li {
display:block;
width: 48.5%;
font-size: 1.4rem;
line-height: 1.6rem;
box-sizing: border-box;
margin-bottom:  15px;
border: 1px solid #CCCCCC;
position: relative;
box-shadow: 3px 3px 0px 0px rgba(235,235,235,0.6);
border-radius: 4px;
}

.button-group li .thick {
font-size: 2rem;
display: inline-block;
margin-bottom: 5px;
color: #E0247F;
}

.button-group li .ss {
font-size: 1.1rem;
}


.button-group li i {
margin-right: 6px;
}

.button-group li a {
color: #53565A;
}

.button-group.btn03 li {
width: 31.5%;
}

.button-group.btn04 li {
width: 23.5%;
}

.button-group.btn04.irregular ul::after{
content:"";
display: block;
width: 23.5%;
}

.button-group li::before {
transition: .3s;
content: "";
position: absolute;
right: 10px;
top: 50%;
width: 6px;
height: 6px;
border-top: solid 2px #E22480;
border-right: solid 2px #E22480;
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
}

.button-group li.telbtn a::before {
transition: .3s;
content: "";
position: inherit;
right: auto;
top: auto;
border-top: none;
border-right: none;
transform: none;
display: inline-block;/*忘れずに！*/
width: 22px;/*画像の幅*/
height: 13px;/*画像の高さ*/
background-image: url(../images/common/icon_free.gif);
background-size: contain;
vertical-align: middle;
margin-right: 6px;
margin-top: -2px;
}

.button-group li a {
padding: 15px 15px 15px 0px;
text-align: center;
display: block;
margin: 0px auto;
text-decoration:  none;
}

.button-group li a:hover {
background:  #f3f3f3;
}

.box02,
.box03,
.box04,
.row-list,
.flow-list,
.pickup-box ul{
-js-display: flex;
display: -webkit-flex;
display: -moz-flex;
-ms-flex: 0 1 auto;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
-webkit-justify-content: space-between; /* Safari */
justify-content: space-between;
width:  100%;
font-size: 1.4rem;
margin-bottom: 15px;
}

.anker-box02 .box02::after {
content:"";
display: block;
width:48.5%;
}

.anker-box02 .box03::after {
content:"";
display: block;
width:32%;
}

.anker-box02 .box04::after {
content:"";
display: block;
width:25%;
}

.box02 .box02Inner,
.box03 .box03Inner,
.box04 .box04Inner {
display:block;
width: 48.5%;
font-size: 1.4rem;
line-height: 1.6rem;
box-sizing: border-box;
margin:  0 0 15px 0
}

.row-list li,
.box02detail-box,
.pickup-box ul li{
display:block;
width: 48.5%;
font-size: 1.4rem;
line-height: 1.6rem;
box-sizing: border-box;
margin:  0 0 15px 0;
}
.top_pickupbox ul li{
display:block;
width: 48.5%;
font-size: 1.4rem;
line-height: 1.6rem;
box-sizing: border-box;
margin:  0 0 15px 0;
z-index: 10000;
}

.top_pickupbox ul li a{
position: relative;
z-index: 10000;
display: block;
width: 100%;
}

.box01detail-box,
.box02detail-box {
border: 1px solid #e8e8e8;
background-color: #f4f4f4;
padding: 20px;
margin: 0;
}

.row-list li:last-child {
margin:  0;
}

.button-group ul {
margin-bottom: 0;
}

.button-group.btn03 li,
.button-group.btn04 li {
display:block;
width: 48.5%;
font-size: 1.4rem;
line-height: 1.6rem;
box-sizing: border-box;
}


/*------------ $cautionBox ----------*/

.page #CoR .cautionBox {
background: #F2F2F2;
padding: 10px;
margin: 0 0 30px 0;
position: relative;
}

.page #CoR .cautionBox.cautionpink {
background: #FEF8FB;
border: 1px solid #E22480;
}

.page #CoR .cautionBox .cautiondetail {
background:rgba(244,244,244,0.8);
padding: 20px;
margin: 0 0 20px 0;
}

.page #CoR .cautionBox .cautiondetail ul {
margin: 0 0 10px 0;
}

.page #CoR .cautionBox.cautionpink .cautiondetail {
background: #FFFFFF;
margin: 0;
}

.page #CoR .cautionBox h3 {
position: relative;
padding-left: 20px;
padding-bottom: 10px;
margin-bottom: 0px;
font-size: 1.6rem;
}

.page #CoR .cautionBox h3:before {
background: #E0247F;
content: "";
height: 3px;
width: 10px;
left: 0;
position: absolute;
top: 12px;
}

.page #CoR .cautionBox02 {
background: #faf2f4;
padding: 30px;
margin: 0 0 30px 0;
position: relative;
}

.page #CoR .local-inner .cautionBox02 ul {
overflow:  hidden;
margin-bottom: 0;
}

.page #CoR .local-inner .cautionBox02 .pctL {
margin-bottom: 0;
}

.page #CoR .cautionBox .cautionBoxInner {
background: #FFFFFF;
padding: 20px;
}

.page #CoR .cautionBox.cautionpink .cautionBoxInner {
background:rgba(250,242,244,0.1);
}

.page #CoR .cautionBox .cautionBoxInner:last-child {
margin-bottom: 0 !important;
}
.page #CoR .cautionBox p {
margin-bottom: 10px;
font-size:  1.4rem;
line-height: 160%;
}

.page #CoR .cautionBox p:last-child {
margin-bottom: 0px;
}

.page #CoR .cautionBox .point {
margin-bottom: 0px;
}

.page #CoR .cautionBox .point li {
font-size:  1.4rem;
line-height: 160%;
}

.page #CoR .feature-aomori .akita-button,
.page #CoR .feature-aomori .morioka-button,
.page #CoR .feature-aomori .sendai-button,
.page #CoR .feature-aomori .yamagata-button,
.page #CoR .feature-aomori .koriyama-button,
.page #CoR .feature-aomori .iwaki-button,
.page #CoR .feature-akita .aomori-button,
.page #CoR .feature-akita .morioka-button,
.page #CoR .feature-akita .sendai-button,
.page #CoR .feature-akita .yamagata-button,
.page #CoR .feature-akita .koriyama-button,
.page #CoR .feature-akita .iwaki-button,
.page #CoR .feature-morioka .aomori-button,
.page #CoR .feature-morioka .akita-button,
.page #CoR .feature-morioka .sendai-button,
.page #CoR .feature-morioka .yamagata-button,
.page #CoR .feature-morioka .koriyama-button,
.page #CoR .feature-morioka .iwaki-button,
.page #CoR .feature-sendai .aomori-button,
.page #CoR .feature-sendai .akita-button,
.page #CoR .feature-sendai .morioka-button,
.page #CoR .feature-sendai .yamagata-button,
.page #CoR .feature-sendai .koriyama-button,
.page #CoR .feature-sendai .iwaki-button,
.page #CoR .feature-yamagata .aomori-button,
.page #CoR .feature-yamagata .akita-button,
.page #CoR .feature-yamagata .morioka-button,
.page #CoR .feature-yamagata .sendai-button,
.page #CoR .feature-yamagata .koriyama-button,
.page #CoR .feature-yamagata .iwaki-button,
.page #CoR .feature-koriyama .aomori-button,
.page #CoR .feature-koriyama .akita-button,
.page #CoR .feature-koriyama .morioka-button,
.page #CoR .feature-koriyama .sendai-button,
.page #CoR .feature-koriyama .yamagata-button,
.page #CoR .feature-koriyama .iwaki-button,
.page #CoR .feature-iwaki .aomori-button,
.page #CoR .feature-iwaki .akita-button,
.page #CoR .feature-iwaki .morioka-button,
.page #CoR .feature-iwaki .sendai-button,
.page #CoR .feature-iwaki .yamagata-button,
.page #CoR .feature-iwaki .koriyama-button {
display:  none;
}

.page #CoR .aRight a i {
margin-right: 5px;
}

#companyPage .mini_arrow {
position: relative;
margin-left:10px; 
}
#companyPage .mini_arrow:before {
transition: .3s;
content: "";
position: absolute;
left: -15px;
top: 50%;
width: 6px;
height: 6px;
border-top: solid 2px #E22480;
border-right: solid 2px #E22480;
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
}

/* ============================================================
top_kv
============================================================ */

.top_kv {
background: #FAF2F4;
margin: 0 0 30px 0;
}

.top_kv .inner {
width: 1000px;
padding: 30px 0;
margin: 0 auto;
height: 350px;
background: url(../images/common/kv_img.png) no-repeat right bottom;
}

.top_kv .inner.tb,
.top_kv .inner.sp {
display: none;
}

.top_kv .inner .catch {
font-size: 3rem;
font-weight: normal;
margin-bottom: 5px;
}

.top_kv .inner .catch .bb {
font-size: 4.4rem;
color: #DF247F;
}

.top_kv .inner #area-box {
background: #DF247F;
width: 580px;
padding: 15px;
}

.top_kv .inner #area-box h2 {
color: #ffffff;
text-align: center;
font-size: 1.4rem;
margin-bottom: 10px;
}

.top_kv .inner #area-box h2 .bb {
font-size: 2.2rem;
}

.top_kv .inner #area-box ul {
-js-display: flex;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}

.top_kv .inner #area-box li {
width: 124px;
float: left;
margin: 0 10px 10px 0;
color: #DF247F;
text-align: center;
line-height: 1.4rem;
font-size: 1.4rem;
font-weight: 900;
position: relative;
z-index: 10;
}

.top_kv .inner #area-box li a {
display:  block;
padding: 15px 0;
color: #DF247F;
background: #FFFFFF;
}

.top_kv .inner #area-box li:nth-child(6) a,
.top_kv .inner #area-box li:nth-child(7) a {
padding: 7px 0;
}

.top_kv .inner #area-box li a:hover {
background:#fbe0ed;
}

.top_kv .inner #area-box li a:after {
background: url(../images/common/bg_areaBox.png) 0 0/contain;
content: " ";
width: 100%;
height: 100%;
position: absolute;
top: 3px;
left: 3px;
z-index: -10;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
vertical-align: middle;
}

.top_kv .inner #area-box li .ss {
font-size: 1rem;
}

.top_kv .inner #area-box li:nth-child(4) {
margin-right: 0;
}

@media only screen and (max-width: 991px) {
.top_kv .inner {
width: 100%;
padding: 30px 20px;
margin: 0 auto 30px auto;
height: 350px;
background: url(../images/common/kv_img.png) no-repeat right bottom;
box-sizing:  border-box;
}
.top_kv .inner .catch {
font-size: 2.4rem;
}

.top_kv .inner .catch .bb {
font-size: 3.4rem;
}
}

@media screen and (max-width: 896px) {
#CoL  .bnrArea .bnrlist {
-js-display: flex;
display: -webkit-flex;
display: -moz-flex;
-ms-flex: 0 1 auto;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
width: 100%;
margin-bottom: 5px;
}

#CoL  .bnrArea .bnrlist li{
margin-bottom: 5px;
width: 48.5%;
}
}

@media only screen and (max-width: 767px) {
.top_kv .inner {
width: 100%;
padding: 20px;
margin: 0 auto 10px auto;
height: 350px;
background: url(../images/common/kv_img_sp.png) no-repeat right bottom;
background-size: 64%;
box-sizing: border-box;
}

.top_kv .inner .catch {
font-size: 2.1rem;
line-height: 130%;
font-weight: 900;
letter-spacing: -0.2rem;
}

.top_kv .inner .catch .bb {
font-size: 2rem;
font-weight: 900;
}

.top_kv .inner #area-box h2 {
color: #ffffff;
text-align: center;
font-size: 1.2rem;
margin-bottom: 10px;
}

.top_kv .inner #area-box h2 .bb {
font-size: 1.6rem;
}

.top_kv .inner #area-box {
width: 71%;
padding: 10px;
background:rgba(223,36,127,0.9);
}
.top_kv .inner #area-box ul {
-js-display: flex;
display: flex;
justify-content: flex-start;
align-items: start;
flex-wrap: wrap;
}
.top_kv .inner #area-box li {
width: 48.5%;
float: none;
display: flex;
margin: 0 1.5% 10px 0;
color: #DF247F;
text-align: center;
line-height: 1.1rem;
font-size: 1.1rem;
font-weight: 900;
position: relative;
z-index: 10;
}

.top_kv .inner #area-box li a {
padding: 13px 0;
width: 100%;
}

.top_kv .inner #area-box li .ss {
font-size: 0.75rem;
}

.top_kv .inner #area-box li:nth-child(even) {
margin: 0 0 10px 1.5%;
}

.top_kv .inner #area-box li:last-child {
margin-bottom: 0;
}
}


/*
.top_kv {
background: #FAF2F4;
margin: 0 0 30px 0;
}

.top_kv .inner {
width: 1000px;
padding: 30px 0;
margin: 0 auto;
height: 350px;
background: url(../images/common/kv_img.png) no-repeat right bottom;
}

.top_kv .inner.tb,
.top_kv .inner.sp {
display: none;
}

.top_kv .inner .catch {
font-size: 3rem;
font-weight: normal;
margin-bottom: 5px;
}

.top_kv .inner .catch .bb {
font-size: 4.4rem;
color: #DF247F;
}

.top_kv .inner #area-box {
background: #DF247F;
width: 580px;
padding: 15px;
}

.top_kv .inner #area-box h2 {
color: #ffffff;
text-align: center;
font-size: 1.4rem;
margin-bottom: 10px;
}

.top_kv .inner #area-box h2 .bb {
font-size: 2.2rem;
}

.top_kv .inner #area-box ul {
-js-display: flex;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}

.top_kv .inner #area-box li {
width: 124px;
float: left;
margin: 0 10px 10px 0;
color: #DF247F;
text-align: center;
line-height: 1.4rem;
font-size: 1.4rem;
font-weight: 900;
position: relative;
z-index: 10;
background: #FFFFFF;
padding: 15px 0;
}

.top_kv .inner #area-box li a {
display:  block;
padding: 15px 0;
color: #DF247F;
background: #FFFFFF;
}

.top_kv .inner #area-box li:nth-child(6) ,
.top_kv .inner #area-box li:nth-child(7) {
padding: 7px 0;
}

.top_kv .inner #area-box li a:hover {
background:#fbe0ed;
}

.top_kv .inner #area-box li:after {
background: url(../images/common/bg_areaBox.png) 0 0/contain;
content: " ";
width: 100%;
height: 100%;
position: absolute;
top: 3px;
left: 3px;
z-index: -10;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
vertical-align: middle;
}

.top_kv .inner #area-box li .ss {
font-size: 1rem;
}

.top_kv .inner #area-box li:nth-child(4) {
margin-right: 0;
}*/


/* ============================================================
top_menu
============================================================ */

.top_menu {
width: 1000px;
margin: 0 auto 30px;
-js-display: flex;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
-webkit-justify-content: space-between; /* Safari */
justify-content: space-between;
}

@media screen and (max-width: 896px) {
.top_menu {
width: 100%;
padding: 0 10px;
box-sizing: border-box;
}

.top_menu .inner h3 {
font-size: 2rem !important;
margin-bottom: 3px;
color: #00BFB2;
position: relative;
overflow: visible;
}
}

.top_menu .inner {
width: 32%;
background: #DFF4F3;
padding: 20px 25px 20px 20px;
box-sizing: border-box;
position: relative !important;
z-index: auto;
}

.top_menu .inner:before {
transition: .3s;
content: "";
position: absolute;
right: 15px;
top: 50%;
width: 8px;
height: 8px;
border-top: solid 4px #00BFB2;
border-right: solid 4px #00BFB2;
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
}

.top_menu .inner:after {
content: '';
width: 100%;
height: 100%;
position: absolute;
background: url(../images/common/bg_menu.png) 0 0;
background-size: contain;
top: 5px;
left: 5px;
z-index: -1;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
vertical-align: middle;
}

.top_menu .inner:last-child {
margin-right: 0;
}

.top_menu .inner h3 {
font-size: 2.4rem;
margin-bottom: 3px;
color: #00BFB2;
position: relative;
overflow:visible;
}

.top_menu .inner.first h3:before {
content: "";
background: url(../images/common/icon_beginner.gif) no-repeat 0 0;
background-size: contain;
display: inline-block;
width: 25px;
height: 31px;
vertical-align: top;
margin-right: 6px;
margin-top: 3px;
}

.top_menu .inner.second h3:before {
content: "";
background: url(../images/common/icon_search.gif) no-repeat 0 0;
background-size: contain;
display: inline-block;
width: 24px;
height: 24px;
vertical-align: top;
margin-right: 10px;
margin-top: 6px;
}

.top_menu .inner.thaad h3:before {
content: "";
background: url(../images/common/icon_human.gif) no-repeat 0 0;
background-size: contain;
display: inline-block;
width: 24px;
height: 24px;
vertical-align: top;
margin-right: 10px;
margin-top: 6px;
}


.top_menu .inner h3 .ss {
font-size: 1.4rem;
}

.top_menu .inner p {
font-size: 1.4rem;
color: #525359;
}

/* ============================================================
top_jbch
============================================================ */

.top_jbch {
background: url(../images/common/bg_jbch.jpg) repeat-x top center;
margin: 0 0 30px 0;
}

.top_jbch .jbch-box {
width: 1000px;
padding: 50px 0;
margin: 0 auto;
}

.top_jbch .jbch-box h2 {
font-size: 3rem;
text-align: center;
position: relative;
padding-bottom: 15px;
margin: 0 0 30px 0;
font-weight: 900;
}

.top_jbch .jbch-box h2:before {
content: " ";
background: url(../images/common/title_jbch.png) no-repeat 0 0;
background-size: contain;
display: inline-block;
width: 220px;
height: 41px;
vertical-align: top;
margin-top: -1px;
margin-right: 8px;
}

.top_jbch .jbch-box h2:after {
content: " ";
position: absolute;
display: block;
width: 5%;
left: 48%;
bottom: 0;
border-bottom: 3px solid #DF247F;
}

.top_jbch .jbch-box .jbch-boxsub {
background: #FAF2F4;
padding: 20px;
position: relative;
}

.top_jbch .jbch-box .jbch-boxsub .more {
position: absolute;
right: 20px;
top: 25px;
font-size: 1.2rem;
}

.top_jbch .jbch-box .jbch-boxsub .more a {
color: #53565A;
}

.top_jbch .jbch-box .jbch-boxsub .more:before {
content: " ";
display: inline-block;
width: 16px;
height: 16px;
background: url(../images/common/icon_plus.gif);
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
margin-right: 6px;
}

.top_jbch .jbch-box .jbch-boxsub h3 {
font-size: 1.8rem;
color: #E22480;
position: relative;
margin-bottom: 20px;
}

.top_jbch .jbch-box .jbch-boxsub h3:before {
content: " ";
background: url(../images/common/icon_search_02.gif) no-repeat 0 0;
background-size: contain;
display: inline-block;
width: 16px;
height: 16px;
vertical-align: middle;
margin-right: 6px;
}

.top_jbch .jbch-box .jbch-boxsub .ss {
font-size: 1.4rem;
color: #525359;
margin-left: 10px;
}

.top_jbch .jbch-box .jbch-boxsub .jbch-boxInner {
background: #ffffff;
padding: 30px 20px;
}

.top_jbch .jbch-box .jbch-boxsub .jbch-boxInner ul {
margin-bottom: 30px;
}

.top_jbch .jbch-box .jbch-boxsub .jbch-boxInner li {
width: 294px;
float: left;
overflow: hidden;
margin-right: 19px;
font-size: 1.4rem;
box-sizing: border-box;
position: relative;
border: 1px solid #E7E7E7;
border-radius: 2px;
background: #ffffff;
}

.top_jbch .jbch-box .jbch-boxsub .jbch-boxInner li select {
background: none;
width: 100%;
padding-right: 1em;
cursor: pointer;
text-indent: .01px;
text-overflow: ellipsis;
border: none;
outline: none;
background: transparent;
box-shadow: none;
-webkit-appearance: none;
appearance: none;
}

.top_jbch .jbch-box .jbch-boxsub .jbch-boxInner li select::-ms-expand {
display: none;
}

.top_jbch .jbch-box .jbch-boxsub .jbch-boxInner li::before {
transition: .3s;
content: "";
position: absolute;
right: 15px;
top: 50%;
width: 6px;
height: 6px;
border-top: solid 2px #E22480;
border-right: solid 2px #E22480;
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
}

.top_jbch .jbch-box .jbch-boxsub .jbch-boxInner li select {
padding: 8px 38px 8px 8px;
color: #666666;
}

.top_jbch .jbch-box .jbch-boxsub .jbch-boxInner li:last-child {
margin-right: 0;
}

.top_jbch .jbch-box .jbch-boxsub .jbch-boxInner .button-area {
text-align: center;
margin: 0 auto;
}

.top_jbch .jbch-box .jbch-boxsub .jbch-boxInner .button {
display: inline-block;
position: relative;
font-size: 1.4rem;
text-align: center;
margin: 0 auto;
font-weight: 900;
width: 300px;
}

.top_jbch .jbch-box .jbch-boxsub .jbch-boxInner .button span {
display: inline-block;
padding: 1em 2.5em;
background: #E22480;
color: #FFFFFF;
border-radius: 80px;
text-align: center;
text-decoration: none;
position: relative;
z-index: 1;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
}

.top_jbch .jbch-box .jbch-boxsub .jbch-boxInner .button span:before {
content: " ";
background: url(../images/common/icon_search_03.png) no-repeat 0 0;
background-size: contain;
display: inline-block;
width: 16px;
height: 16px;
vertical-align: middle;
margin-right: 6px;
}


.top_jbch .jbch-box .jbch-boxsub .jbch-boxInner .button span {
cursor: pointer;
display: block;
}

.top_jbch .jbch-box .jbch-boxsub .jbch-boxInner .button span:hover {
opacity: .8;
cursor: pointer;
}

.top_jbch .jbch-box .jbch-boxsub .jbch-boxInner .button a:after {
content: '';
width: 100%;
height: 100%;
border-radius: 80px;
background: #F9D3E6;
position: absolute;
top: 3px;
left: 3px;
z-index: 0;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
}


/* ============================================================
top_recommendBox
============================================================ */

#top_recommendBox .inner {
width: 1000px;
padding: 40px 0;
margin: 0 auto;
}

@media screen and (max-width: 896px){
#top_recommendBox .inner {
width: 100%;
}
}

#top_recommendBox .inner h2 {
font-size: 3rem;
text-align: center;
position: relative;
padding-bottom: 15px;
margin: 0 0 30px 0;
font-weight: 900;
}

#top_recommendBox .inner h2:after {
content: " ";
position: absolute;
display: block;
width: 5%;
left: 48%;
bottom: 0;
border-bottom: 3px solid #DF247F;
}

#top_recommendBox .inner h3 {
padding: 10px;
text-align: center;
line-height: 2.5rem;
font-size: 1.6rem;
color: #FFFFFF;
margin-bottom: 20px;
}

#top_recommendBox .inner .recommend_aomori h3 {
background: #66B7EC;
}

#top_recommendBox .inner .recommend_akita h3 {
background: #27AE60;
}

#top_recommendBox .inner .recommend_morioka h3 {
background: #2ECC71;
}

#top_recommendBox .inner .recommend_sendai h3 {
background: #C9A80C;
}

#top_recommendBox .inner .recommend_yamagata h3 {
background: #E67E22;
}

#top_recommendBox .inner .recommend_koriyama h3 {
background: #DF247F;
}

#top_recommendBox .inner .recommend_iwaki h3 {
background: #9B59B6;
}

#top_recommendBox .inner h4 {
font-size: 1.4rem;
margin-bottom: 10px;
line-height: 1.6rem;
}

#top_recommendBox .inner .recommend_aomori h4 {
color: #66B7EC;
}

#top_recommendBox .inner .recommend_akita h4 {
color: #27AE60;
}

#top_recommendBox .inner .recommend_morioka h4 {
color: #2ECC71;
}

#top_recommendBox .inner .recommend_sendai h4 {
color: #C9A80C;
}

#top_recommendBox .inner .recommend_yamagata h4 {
color: #E67E22;
}

#top_recommendBox .inner .recommend_koriyama h4 {
color: #DF247F;
}

#top_recommendBox .inner .recommend_iwaki h4 {
color: #9B59B6;
}

#top_recommendBox .inner p {
font-size: 1.2rem;
margin-bottom: 10px;
}

#top_recommendBox .inner .slick-slide{
margin-left:10px;
margin-right:10px;
}

#top_recommendBox .inner .recommendBoxinner {
line-height: 1.6rem;
border: 1px solid #CCCCCC;
padding: 20px 10px;
box-sizing: border-box;
height: 430px;
}

#top_recommendBox .inner .normal {
width: 100%;
border-collapse: collapse;
margin-bottom: 15px;
}

#top_recommendBox .inner .normal th,
#top_recommendBox .inner .normal td {
font-size: 1.4rem;
padding: 10px 5px;
line-height: 1.6em;
border:0;
border-bottom:  1px dotted #CCCCCC;
text-align:left;
}

#top_recommendBox .inner .normal.normal th{
font-weight: bold !important;
background:  none;
white-space: nowrap;
}

#top_recommendBox .inner .normal th i {
margin-right: 5px;
color: #00BFB3;
}

#top_recommendBox .inner .normal td .salary {
font-size: 1.1rem;
background: #00BFB3;
color: #FFF;
padding: 1px 5px 2px 5px;
line-height: 1rem;
margin-right:  5px;
}

#top_recommendBox .inner .button-area {
text-align: center;
margin: 0 auto;
}

#top_recommendBox .inner .button {
display: inline-block;
font-size: 1.3rem;
text-align: center;
margin: 0 0 5px 0;
width:  200px;
font-weight: 900;
background: #ED8A00;
border-radius: 80px;
text-decoration: none;
box-shadow: 3px 3px 0px 0px rgba(213,213,213,0.6);
}

#top_recommendBox .inner .button a {
width: 100%;
color: #FFFFFF;
padding: .5em 3em;
position:  relative;
display:  block;
}

#top_recommendBox .inner .button a:after {
content: '';
width: 6px;
height: 6px;
border: 0px;
border-top: solid 2px #FFFFFF;
border-right: solid 2px #FFFFFF;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
background:  none;
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 13px;
margin-top: -3px;
}


/* ============================================================
top_meritBox
============================================================ */

.top_meritBox {
background: linear-gradient(-45deg, #ffffff 25%, transparent 25%, transparent 50%, #ffffff 50%, #ffffff 75%, transparent 75%, transparent) 0 0/20px 20px #F8F8F8;
-webkit-background-size: 20px 20px;
-moz-background-size: 20px 20px;
}

.top_meritBox .inner {
width: 1000px;
padding: 70px 0;
margin: 0 auto;
}

@media screen and (max-width: 896px){
.top_meritBox .inner {
width: 100%;
padding: 0 10px;
}
}

.top_meritBox .inner h2 {
font-size: 3rem;
text-align: center;
position: relative;
padding-bottom: 15px;
margin: 0 0 30px 0;
font-weight: 900;
}

.top_meritBox .inner h2:after {
content: " ";
position: absolute;
display: block;
width: 5%;
left: 48%;
bottom: 0;
border-bottom: 3px solid #DF247F;
}

.top_meritBox .inner .top_meritBoxinner {
-js-display: flex;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
}

.top_meritBox .inner .top_meritBoxinnersub {
padding: 32px 16px 36px;
border-radius: 8px;
background-color: #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, .2);
width: 31.5%;
text-align: center;
}

@media screen and (max-width: 896px) {
.top_meritBox .inner .top_meritBoxinnersub img {
width: 30% !important;
}
}

@media only screen and (max-width: 767px) {
.top_meritBox .inner .top_meritBoxinnersub img {
width: 60% !important;
}
}

.top_meritBox .inner .top_meritBoxinnersub h3 {
text-align: center;
line-height: 2.5rem;
font-size: 2.4rem;
color: #DF247F;
margin-bottom: 10px;
}

.top_meritBox .inner .top_meritBoxinnersub p.pct {
text-align: center;
margin-bottom:  10px;
}

.top_meritBox .inner .top_meritBoxinnersub h4 {
text-align: center;
line-height: 2.5rem;
font-size: 1.6rem;
margin-bottom: 20px;
}

.top_meritBox .inner .top_meritBoxinnersub .button-area {
text-align: center;
margin: 0 auto;
}

.top_meritBox .inner .top_meritBoxinnersub .button {
display: inline-block;
font-size: 1.3rem;
text-align: center;
margin: 0 0 5px 0;
width:  200px;
font-weight: 900;
background: #e22480;
border-radius: 80px;
text-decoration: none;
box-shadow: 3px 3px 0px 0px rgba(226,36,128,0.4);
}

.top_meritBox .inner .top_meritBoxinnersub .button a {
width: 100%;
color: #FFFFFF;
padding: .5em 3em;
position:  relative;
display:  block;
}

.top_meritBox .inner .top_meritBoxinnersub .button a:after {
content: '';
width: 6px;
height: 6px;
border: 0px;
border-top: solid 2px #FFFFFF;
border-right: solid 2px #FFFFFF;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
background:  none;
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 13px;
margin-top: -3px;
}

/* ============================================================
top_consultation
============================================================ */

.top_consultation {
background: url(../images/common/bg_step.jpg) no-repeat top center;
margin: 0;
}

.top_consultation .inner {
width: 1000px;
padding: 40px 0;
margin: 0 auto;
}

.top_consultation .inner h2 {
font-size: 3rem;
color: #FFFFFF;
text-align: center;
margin-bottom: 10px;
}

.top_consultation .inner h2 + p {
margin-bottom: 30px;
}

.top_consultation .inner p {
font-size: 1.8rem;
color: #FFFFFF;
text-align: center;
}

.top_consultation .inner .consultation-boxinner {
background: #FFFFFF;
width: 300px;
height: 300px;
float: left;
margin-right: 50px;
margin-bottom: 30px;
border-radius: 50%;
}

.top_consultation .inner .consultation-boxinner:nth-of-type(3) {
margin-right: 0;
}

.top_consultation .inner .consultation-boxinner .pic {
margin-bottom: 5px;
}

.top_consultation .inner .consultation-boxinner:nth-of-type(1) .pic img {
width: 181px;
}

.top_consultation .inner .consultation-boxinner:nth-of-type(2) .pic img {
width: 90px;
}

.top_consultation .inner .consultation-boxinner:nth-of-type(3) .pic img {
width: 56px;
}

.top_consultation .inner .consultation-boxinner .consultation-boxinnersub {
margin-top: 90px;
position: relative;
}

.top_consultation .inner .consultation-boxinner .consultation-boxinnersub h3 {
background: #E22480;
font-size: 2.6rem;
color: #ffffff;
padding: 0 10px 0 16px;
position: absolute;
top: -50px;
}

.top_consultation .inner .consultation-boxinner .consultation-boxinnersub h3:after {
content: "";
display: block;
position: absolute;
right: -20px;
top: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 40px 20px 0 0;
border-color: #E22480 transparent transparent transparent;
}

.top_consultation .inner .consultation-boxinner .consultation-boxinnersub h3 .ss {
font-size: 1.8rem;
}

.top_consultation .inner .consultation-boxinner .text {
font-size: 1.4rem;
color: #525259;
}

.top_consultation .inner .button-area {
text-align: center;
margin: 0 auto;
clear: both;
}

.top_consultation .inner .button {
display: inline-block;
font-size: 1.4rem;
text-align: center;
font-weight: 900; 
width: 300px;
background: #ED8A00;
border-radius: 80px;
text-decoration: none;
box-shadow: 3px 3px 0px 0px rgba(251,232,204,0.8);  
}

.top_consultation .inner .button a {
width: 100%;
color: #FFFFFF;
padding: 1em 2.5em;
display:  block;
}

.top_consultation .inner .button a:before {
content: " ";
background: url(../images/common/icon_bills.png) no-repeat 0 0;
background-size: contain;
display: inline-block;
width: 16px;
height: 20px;
vertical-align: top;
margin-top: 2px;
margin-right: 8px;
}

/* ============================================================
top_pickupbox
============================================================ */

.top_pickupbox {
background: linear-gradient(-45deg, #ffffff 25%, transparent 25%, transparent 50%, #ffffff 50%, #ffffff 75%, transparent 75%, transparent) 0 0/20px 20px #F8F8F8;
-webkit-background-size: 20px 20px;
-moz-background-size: 20px 20px;
}

.top_pickupbox .inner {
width: 1000px;
padding: 40px 0;
margin: 0 auto;
}

.top_pickupbox .inner h2 {
font-size: 3rem;
text-align: center;
position: relative;
padding-bottom: 15px;
margin: 0 0 30px 0;
font-weight: 900;
}

.top_pickupbox .inner h2:after {
content: " ";
position: absolute;
display: block;
width: 5%;
left: 48%;
bottom: 0;
border-bottom: 3px solid #DF247F;
}

.bxslider {
display: none;
}

.top_recruitBox {
margin-top: 30px;
}

.top_recruitBox ul {
-js-display: flex;
display: -webkit-flex;
display: -moz-flex;
-ms-flex: 0 1 auto;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
-webkit-justify-content: space-between; /* Safari */
justify-content: space-between;
width:  100%;
margin-bottom: 15px;
}

.top_recruitBox ul li {
width:  32%;
}


/* ============================================================
top_topics
============================================================ */

.top_topics {
width: 1000px;
padding: 40px 0;
margin: 0 auto;
position: relative;
}

.top_topics h2 {
font-size: 3rem;
text-align: center;
position: relative;
padding-bottom: 15px;
margin: 0 0 30px 0;
font-weight: 900;
}

.top_topics h2:after {
content: " ";
position: absolute;
display: block;
width: 5%;
left: 48%;
bottom: 0;
border-bottom: 3px solid #DF247F;
}

.top_topics #news-area .newsinner,
.page #CoR #news-area .newsinner,
.page #CoR #jobchekiBox .jobchekiBoxInner {
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px dotted #CCCCCC;
}

.page #CoR #jobchekiBox {
margin: 0 0 30px 0 !important;
overflow-y: scroll;
height: 250px;
}

.page #CoR #jobchekiBox .jobchekiBoxInner h3 {
margin: 0 25px 0 0 !important;
float: left;
}

.page #CoR #jobchekiBox .jobchekiBoxInner p {
margin: 0 0 0 15px !important;
overflow: hidden !important;
width: 560px !important;
}

@media only screen and (max-width: 767px) {
.page #CoR #jobchekiBox {
height: 450px;
}

.page #CoR #jobchekiBox .jobchekiBoxInner h3 {
margin: 0 0 10px 0 !important;
float: none;
}

.page #CoR #jobchekiBox .jobchekiBoxInner p {
margin: 0 !important;
overflow: visible !important;
width: 100% !important;
}
}

.top_topics #news-area .newsinnerL,
.page #CoR #news-area .newsinnerL {
float: left;
margin-right: 10px;
}

.top_topics #news-area .newsinnerR a,
.page #CoR #news-area .newsinnerR a {
color: #53565A;
}

.top_topics #news-area .newsinner h3,
.page #CoR #news-area .newsinner h3 {
padding: 0;
color: #525459;
font-size: 1.4rem;
}

.top_topics #news-area .newsinner .ico01,
.page #CoR #news-area .newsinner .ico01 {
margin: 0 15px;
position: relative;
display: inline-block;
padding: 3px 5px 3px 10px;
width: 96px;
text-align: center;
min-width: 75px;
max-width: 100%;
color: #FFFFFF;
box-sizing: border-box;
font-size: 1.1rem;
background: #2980b9;
}

.top_topics #news-area .newsinner .ico02,
.page #CoR #news-area .newsinner .ico02,
.page #CoR #jobchekiBox .jobchekiBox_aomori h3 {
margin: 0 15px;
position: relative;
display: inline-block;
padding: 3px 5px 3px 10px;
width: 96px;
text-align: center;
min-width: 75px;
max-width: 100%;
color: #FFFFFF;
box-sizing: border-box;
font-size: 1.1rem;
background: #3498db;
}

.top_topics #news-area .newsinner .ico03,
.page #CoR #news-area .newsinner .ico03,
#jobPage #CoR #jobchekiBox .jobchekiBox_akita h3 {
margin: 0 15px;
position: relative;
display: inline-block;
padding: 3px 5px 3px 10px;
width: 96px;
text-align: center;
min-width: 75px;
max-width: 100%;
color: #FFFFFF;
box-sizing: border-box;
font-size: 1.1rem;
background: #27ae60;
}

.top_topics #news-area .newsinner .ico04,
.page #CoR #news-area .newsinner .ico04,
#jobPage #CoR #jobchekiBox .jobchekiBox_morioka h3 {
margin: 0 15px;
position: relative;
display: inline-block;
padding: 3px 5px 3px 10px;
width: 96px;
text-align: center;
min-width: 75px;
max-width: 100%;
color: #FFFFFF;
box-sizing: border-box;
font-size: 1.1rem;
background: #2ecc71;
}

.top_topics #news-area .newsinner .ico05,
.page #CoR #news-area .newsinner .ico05,
#jobPage #CoR #jobchekiBox .jobchekiBox_sendai h3 {
margin: 0 15px;
position: relative;
display: inline-block;
padding: 3px 5px 3px 10px;
width: 96px;
text-align: center;
min-width: 75px;
max-width: 100%;
color: #525459;
box-sizing: border-box;
font-size: 1.1rem;
background: #FFD90A;
}

.top_topics #news-area .newsinner .ico06,
.page #CoR #news-area .newsinner .ico06,
#jobPage #CoR #jobchekiBox .jobchekiBox_yamagata h3 {
margin: 0 15px;
position: relative;
display: inline-block;
padding: 3px 5px 3px 10px;
width: 96px;
text-align: center;
min-width: 75px;
max-width: 100%;
color: #FFFFFF;
box-sizing: border-box;
font-size: 1.1rem;
background: #e67e22;
}

.top_topics #news-area .newsinner .ico07,
.page #CoR #news-area .newsinner .ico07,
#jobPage #CoR #jobchekiBox .jobchekiBox_koriyama h3 {
margin: 0 15px;
position: relative;
display: inline-block;
padding: 3px 5px 3px 10px;
width: 96px;
text-align: center;
min-width: 75px;
max-width: 100%;
color: #FFFFFF;
box-sizing: border-box;
font-size: 1.1rem;
background: #DF247F;
}

.top_topics #news-area .newsinner .ico08,
.page #CoR #news-area .newsinner .ico08,
#jobPage #CoR #jobchekiBox .jobchekiBox_iwaki h3 {
margin: 0 15px;
position: relative;
display: inline-block;
padding: 3px 5px 3px 10px;
width: 96px;
text-align: center;
min-width: 75px;
max-width: 100%;
color: #FFFFFF;
box-sizing: border-box;
font-size: 1.1rem;
background: #9b59b6;
}

.top_topics #news-area .newsinner .ico01:before,
.page #CoR #news-area .newsinner .ico01:before {
content: "";
position: absolute;
top: 50%;
left: 100%;
margin-top: -12px;
border: 12px solid transparent;
border-left: 12px solid #2980b9;
}

.top_topics #news-area .newsinner .ico02:before,
.page #CoR #news-area .newsinner .ico02:before,
#jobPage #CoR #jobchekiBox .jobchekiBox_aomori h3:before {
content: "";
position: absolute;
top: 50%;
left: 100%;
margin-top: -12px;
border: 12px solid transparent;
border-left: 12px solid #3498db;
}

.top_topics #news-area .newsinner .ico03:before,
.page #CoR #news-area .newsinner .ico03:before,
#jobPage #CoR #jobchekiBox .jobchekiBox_akita h3:before {
content: "";
position: absolute;
top: 50%;
left: 100%;
margin-top: -12px;
border: 12px solid transparent;
border-left: 12px solid #27ae60;
}

.top_topics #news-area .newsinner .ico04:before,
.page #CoR #news-area .newsinner .ico04:before,
#jobPage #CoR #jobchekiBox .jobchekiBox_morioka h3:before {
content: "";
position: absolute;
top: 50%;
left: 100%;
margin-top: -12px;
border: 12px solid transparent;
border-left: 12px solid #2ecc71;
}

.top_topics #news-area .newsinner .ico05:before,
.page #CoR #news-area .newsinner .ico05:before,
#jobPage #CoR #jobchekiBox .jobchekiBox_sendai h3:before {
content: "";
position: absolute;
top: 50%;
left: 100%;
margin-top: -12px;
border: 12px solid transparent;
border-left: 12px solid #FFD90A;
}

.top_topics #news-area .newsinner .ico06:before,
.page #CoR #news-area .newsinner .ico06:before,
#jobPage #CoR #jobchekiBox .jobchekiBox_yamagata h3:before {
content: "";
position: absolute;
top: 50%;
left: 100%;
margin-top: -12px;
border: 12px solid transparent;
border-left: 12px solid #e67e22;
}

.top_topics #news-area .newsinner .ico07:before,
.page #CoR #news-area .newsinner .ico07:before,
#jobPage #CoR #jobchekiBox .jobchekiBox_koriyama h3:before {
content: "";
position: absolute;
top: 50%;
left: 100%;
margin-top: -12px;
border: 12px solid transparent;
border-left: 12px solid #DF247F;
}

.top_topics #news-area .newsinner .ico08:before,
.page #CoR #news-area .newsinner .ico08:before,
#jobPage #CoR #jobchekiBox .jobchekiBox_iwaki h3:before {
content: "";
position: absolute;
top: 50%;
left: 100%;
margin-top: -12px;
border: 12px solid transparent;
border-left: 12px solid #9b59b6;
}

.page #CoR #jobchekiBox .jobchekiBox_aomori a:hover {
color: #3498db;
}

#jobPage #CoR #jobchekiBox .jobchekiBox_akita a:hover {
color: #27ae60;
}

#jobPage #CoR #jobchekiBox .jobchekiBox_morioka a:hover {
color: #2ecc71;
}

#jobPage #CoR #jobchekiBox .jobchekiBox_sendai a:hover {
color: #FFD90A;
}

#jobPage #CoR #jobchekiBox .jobchekiBox_yamagata a:hover {
color: #e67e22;
}

#jobPage #CoR #jobchekiBox .jobchekiBox_koriyama a:hover {
color: #DF247F;
}

#jobPage #CoR #jobchekiBox .jobchekiBox_iwaki a:hover {
color: #9b59b6;
}

.top_topics #news-area .newsinnerR,
.page #CoR #news-area .newsinnerR {
overflow: hidden;
}

.top_topics #news-area .newsinner p,
.page #CoR .local-inner #news-area .newsinner p {
font-size: 1.4rem;
margin-bottom: 0;
}

.top_topics #news-area .button-area,
.page #CoR #news-area .button-area {
text-align: center;
margin: 30px auto 10px auto ;
clear: both;
}

.top_topics #news-area .button,
.page #CoR #news-area .button {
display: inline-block;
font-size: 1.4rem;
text-align: center;
font-weight: 900;  
background: #E22480;
border-radius: 80px;
margin:  0 auto;
width: 300px;
text-decoration: none;
box-shadow: 3px 3px 0px 0px rgba(213,213,213,0.6);  
}

.top_topics #news-area .button a,
.page #CoR #news-area .button a {
width: 100%;
color: #FFFFFF;
padding: 1em 2.5em;
display:  block;
}

.top_topics #news-area .button a:before,
.page #CoR #news-area .button a:before {
content: " ";
background: url(../images/common/icon_news.png) no-repeat 0 0;
background-size: contain;
display: inline-block;
width: 29px;
height: 20px;
vertical-align: top;
margin-top: 2px;
margin-right: 8px;
}


/* ============================================================
top_bannerArea
============================================================ */

.top_bannerArea {
background: linear-gradient(-45deg, #ffffff 25%, transparent 25%, transparent 50%, #ffffff 50%, #ffffff 75%, transparent 75%, transparent) 0 0/20px 20px #F8F8F8;
-webkit-background-size: 20px 20px;
-moz-background-size: 20px 20px;
}

.top_bannerArea-inner {
width: 1000px;
padding: 40px 0px;
margin: 0 auto;
position: relative;
}

.top_bannerArea ul li {
float: left;
text-align: center;
margin-right: 20px;
margin-bottom: 20px;
width: 235px;
border: 1px solid #ccc;
padding: 10px 10px 8px 10px;
box-sizing: border-box;
background: #FFFFFF;
}

.top_bannerArea ul li img {
width: 173px;
}

.top_bannerArea ul li:nth-child(4) {
margin-right: 0;
}

.top_bannerArea ul li:last-child {
margin-bottom: 0;
}

/* ============================================================
phonePage
============================================================ */
#phonePage .box03 li {
margin-bottom: 15px;
position: relative;
}

#phonePage .box03 li:after {
font-family: "Font Awesome 5 Free";
content: '\f101';
font-weight: 900;
position: absolute;
top: 42%;
right: -21%;
font-size: 2.4rem;
color: #E0247F;
}

#phonePage .box03 li:nth-child(3):after {
content: none;
}



/* ============================================================
PC
============================================================ */

@media only screen and (max-width: 1199px) {
.table-wrap {
overflow-x: scroll!important;
}
}

/* ============================================================
tablet(landscape)
============================================================ */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
#main-cont {
width: 70%;
}

.boxes.txt {
font-size: 1.4rem;
}

.boxes.txtsmall {
font-size: 1.2rem;
line-height: 1.2;
}
}

/* ============================================================
tablet （共通スタイル）
============================================================ */

@media only screen and (max-width: 991px) {
#main-wrap {
zoom: 1;
}

.page {
width: 100%;
margin:  0 auto;
}

.wide {
width: 100% !important;
}

#main-wrap:after {
content: "";
display: block;
clear: both;
}

#main-cont {
width: 100%;
float: none;
}

.side-padding {
padding-left: 20px;
padding-right: 20px;
}

.page-ttl {
font-size: 2.8rem;
margin-bottom: 25px;
}


.sub-ttl {
font-size: 1.4rem;
padding: 8px 20px;
margin: 20px 0 0 0;
}

.sub-ttl-plane {
font-size: 2.4rem;
line-height: 1.3;
margin-bottom: 30px;
}

.third-ttl {
font-size: 1.8rem;
line-height: 1.3;
margin-bottom: 10px;
}

.fourth-ttl {
font-size: 1.4rem;
line-height: 1.3;
margin-bottom: 10px;
}

.fifth-ttl {
font-size: 1.5rem;
line-height: 1.3;
margin-bottom: 10px;
}

.tbonly {
display: block !important;
}

.page {
width: 100%;
margin:  0 auto;
}

.page #CoR {
width: 100%;
float: none;
padding: 0 10px;
box-sizing: border-box;
}

.page #CoR h1 {
font-size: 2.4rem;
margin-bottom: 20px;
}

.local-inner {
margin-bottom: 20px;
}

.local-inner .txt {
margin-bottom: 20px;
}

.page #CoR .local-inner .txt + h2.title  {
margin-top: 40px !important;
}

.page #CoR h2.title {
font-size: 2rem;
}

.page #CoR h3.sabTitle {
position: relative;
padding-left: 20px;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #EEE;
font-size: 1.4rem;
}

.page #CoR h3.sabTitle:before {
background: #E0247F;
content: "";
height: 3px;
width: 10px;
left: 0;
position: absolute;
top: 12px;
}

.page #CoL {
width: 100%;
float: none;
margin-top: 30px;
padding: 0 10px;
box-sizing: border-box;
}

.page #CoL #local-nav {
width: 100%;
}

.page #CoL #start-nav,
#pankuzu {
display: none;
}


.page .anker-box .pconly {
display:  block !important;
}

.page .anker-box .sponly {
display:  none !important;
}


/* ============================================================
top_jbch
============================================================ */

.top_jbch .jbch-box {
width: 100%;
margin: 30px auto;
padding: 30px 10px;
box-sizing:  border-box;
}

.top_jbch .jbch-box h2 {
font-size: 2.4rem;
margin: 0 0 20px 0;
}

.top_jbch .jbch-box h2:before {
width: 160px;
height: 29px;
}

.top_jbch .jbch-box h2:after {
width: 15%;
left: 43%;
border-bottom: 2px solid #DF247F;
}

.top_jbch .jbch-box .jbch-boxsub h3 {
font-size: 1.8rem;
color: #E22480;
position: relative;
margin-bottom: 20px;
}

.top_jbch .jbch-box .jbch-boxsub h3:before {
content: " ";
background: url(../images/common/icon_search_02.gif) no-repeat 0 0;
background-size: contain;
display: inline-block;
width: 16px;
height: 16px;
vertical-align: middle;
margin-right: 6px;
}

.top_jbch .jbch-box .jbch-boxsub .ss {
font-size: 1.4rem;
color: #525359;
display: block;
text-align: left;
margin-left: 10px;
line-height: 1rem;
margin-top: 10px;
}

.top_jbch .jbch-box .jbch-boxsub .jbch-boxInner {
background: #ffffff;
padding: 30px 20px;
}

.top_jbch .jbch-box .jbch-boxsub .jbch-boxInner ul {
margin-bottom: 20px;
}

.top_jbch .jbch-box .jbch-boxsub .jbch-boxInner li {
width: 100%;
float: none;
background:  #FFFFFF;
margin-right: 0;
margin-bottom: 10px;
}

.top_jbch .jbch-box .jbch-boxsub .jbch-boxInner li:last-child {
margin-bottom: 0;
}


/* ============================================================
top_consultation
============================================================ */

.top_consultation {
background: url(../images/common/bg_step_sp.jpg) no-repeat bottom center;
position:relative;
}

.top_consultation::before {
background-image:none ;
}

.top_consultation .inner {
width: 100%;
margin: 30px auto;
padding: 30px 10px;
box-sizing:  border-box;
}

.top_consultation .inner h2 {
font-size: 2.2rem;
}

.top_consultation .inner h2 + p {
margin-bottom: 50px;

}

.top_consultation .inner p {
font-size: 1.4rem;
text-align: center;
}

.top_consultation .inner .consultation-boxinner {
background: #FFFFFF;
width: 48.5%;
height: auto;
float: left;
margin-right: 1.5%;
margin-bottom: 40px;
border-radius: 0;
padding: 25px 30px 5px 30px;
}

.top_consultation .inner .consultation-boxinner {
background: #FFFFFF;
width: 48.5%;
float: left;
margin-right: 1.5%;
margin-bottom: 40px;
border-radius: 0;

padding: 25px 30px 5px 30px;
}


.top_consultation .inner .consultation-boxinner:nth-child(even) {
background: #FFFFFF;
width: 48.5%;
height: auto;
float: left;
margin-right: 0;
margin-left: 1.5%;
margin-bottom: 40px;
border-radius: 0;
padding: 25px 30px 5px 30px;
}


.top_consultation .inner .consultation-boxinner:nth-of-type(3) {
margin-bottom: 20px;
}

.top_consultation .inner .consultation-boxinner .pic {
float: left;
margin: 0 15px 0 0;
}

.top_consultation .inner .consultation-boxinner .pic.pconly {
display: none !important;
}

.top_consultation .inner .consultation-boxinner:nth-of-type(1) .pic img {
width: 50px;
}

.top_consultation .inner .consultation-boxinner:nth-of-type(2) .pic img {
width: 45px;
}

.top_consultation .inner .consultation-boxinner:nth-of-type(3) .pic img {
width: 30px;
}

.top_consultation .inner .consultation-boxinner .consultation-boxinnersub {
margin-top: 0;
position: relative;
}

.top_consultation .inner .consultation-boxinner .consultation-boxinnersub h3 {
background: #E22480;
font-size: 2rem;
color: #ffffff;
padding: 0 10px 0 16px;
position: absolute;
top: -50px;
left: -30px
}

.top_consultation .inner .consultation-boxinner .consultation-boxinnersub h3 .ss {
font-size: 1.8rem;
}

.top_consultation .inner .consultation-boxinner .consultation-boxinnersub h3:after {
content: "";
display: block;
position: absolute;
right: -20px;
top: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 29px 20px 0 0;
border-color: #E22480 transparent transparent transparent;
}


/* ============================================================
top_bannerArea
============================================================ */
.top_bannerArea-inner {
width: 100%;
padding: 20px 10px;
box-sizing:  border-box;
margin: 0 auto;
}

/* ============================================================
top_pickupbox
============================================================ */
.top_pickupbox .inner {
width: 100%;
padding: 20px 10px;
box-sizing:  border-box;
margin: 0 auto;
}

.top_pickupbox .inner h2 {
font-size: 2.4rem;
margin: 0 0 20px 0;
}

.top_pickupbox .inner h2:after {
width: 15%;
left: 43%;
border-bottom: 2px solid #DF247F;
}

.top_pickupbox .inner #slider {
display: block!important;
}

.top_pickupbox .inner .bxslider {
display: none !important;
}


/* ============================================================
top_topics
============================================================ */

.top_topics {
width: 100%;
padding: 30px 10px;
box-sizing: border-box;
margin: 0 auto;
position: relative;
}


.top_topics h2 {
font-size: 2.4rem;
margin: 0 0 30px 0;
}

.top_topics h2:after {
width: 15%;
left: 43%;
border-bottom: 2px solid #DF247F;
}

.top_topics #news-area .newsinner {
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px dotted #CCCCCC;
}

.top_topics #news-area .newsinnerL {
float: none;
}

.top_topics #news-area .newsinnerR {
overflow: auto;
}


.top_topics #news-area .newsinner h3 {
padding: 0;
color: #525459;
margin-bottom: 10px;
font-size: 1.4rem;
}

/* ============================================================
top_bannerArea
============================================================ */

.top_bannerArea {
width: 100%;
padding: 0 10px;
box-sizing: border-box;
margin: 0 auto;
}

.top_bannerArea ul li {
float: left;
margin-right:1%;
margin-bottom: 20px;
width: 32%;
}

.top_bannerArea ul li:nth-child(even) {
margin-right:1%;
margin-left: 0;
}

.top_bannerArea ul li:nth-child(4),
.top_bannerArea ul li:nth-child(5){
margin-bottom: 0;
}

.top_bannerArea ul li img {
width: 100%;
}

.top_bannerArea ul li:last-child {
margin-bottom: 0;
}
}

/* ============================================================
SP
============================================================ */

@media only screen and (max-width: 767px) {
#main-wrap {
zoom: 1;
}

.pctL,
.pctR{
float: none;
text-align: center;
margin-right: 0;
margin-left: 0;
}

.pctL.no{
float: left;
text-align: center;
margin-right: 15px;
margin-left: 0;
}


.pctR.no {
float: right;
text-align: center;
margin-left: 15px;

}

.wide {
width: 100% !important;
}

.page .local-inner p {
font-size: 1.4rem;
line-height: 180%;
margin-bottom: 20px;
}


#main-wrap:after {
content: "";
display: block;
clear: both;
}

#main-cont {
width: 100%;
float: none;
padding-left: 0;
padding-right: 0;
}

.page #CoR .button-area .button.tel-button,
.page #CoR .button-area .button.tel-button02 {
margin: 0 0 15px 0;
}



/* ============================================================
メインコンテンツ
============================================================ */

#pankuzu {
margin: 20px 0 30px 0;
}

#pankuzu li {
font-size: 1rem;
margin-left: .5em;
}

#pankuzu li:after {
margin-left: .5em;
}

.breadcrumbs .breadcrumbs-list li:last-child {
padding-right: 20px;
}

.breadcrumbs .breadcrumbs-list li a {
padding: 12px 10px;
font-size: 1rem;
}

#section {
margin-top: 20px;
}

.side-padding {
padding-left: 20px;
padding-right: 20px;
}

.page-ttl {
font-size: 1.8rem;
margin-bottom: 25px;
}

.sub-ttl {
font-size: 1.2rem;
padding: 8px 20px;
margin: 20px 0 0 0;
}

.sub-ttl-plane {
font-size: 1.8rem;
line-height: 1.3;
margin-bottom: 30px;
}

.third-ttl {
font-size: 1.45rem;
line-height: 1.3;
margin-bottom: 10px;
}

.fourth-ttl {
font-size: 1.2rem;
line-height: 1.3;
margin-bottom: 10px;
}

.fifth-ttl {
font-size: 1.1rem;
line-height: 1.3;
margin-bottom: 10px;
}

.bg {
background: #f8f8f8;
padding: 20px 20px 0 20px;
margin-bottom: 20px;
}

.two-col {
zoom: 1;
margin-bottom: 20px;
}

.two-col:after {
content: "";
display: block;
clear: both;
}

.two-col li {
width: 100%;
float: none;
margin-bottom: 10px;
}

.two-col li:first-child {
padding-right: 0;
}

.two-col li:last-child {
padding-left: 0;
}

.four-col {
zoom: 1;
margin-bottom: 20px;
}

.four-col:after {
content: "";
display: block;
clear: both;
}

.four-col li {
width: 50%;
padding-left: 1.6%;
padding-right: 1.6%;
margin-bottom: 10px;
}

.four-col li:nth-child(odd) {
padding-left: 0;
}

.four-col li:nth-child(even) {
padding-right: 0;
}

.boxes {
background: #78c8c5;
border-radius: 10px;
text-align: center;
padding: 10px;
color: #000;
}

.boxes.txtsmall {
font-size: 1rem;
line-height: 1.2;
}

.bold {
font-weight: bold;
}

.blank:after {
bottom: 0;
width: 10px;
height: 10px;
background-size: cover;
}

.txt {
font-size: 1.4rem;
line-height: 1.6em;
}

.txtsmall {
font-size: 1rem;
}

.img-auto {
width: auto!important;
zoom: .5;
}

.pht-txt li {
float: none;
margin-right: 0;
margin-top: 20px;
}

.pht-txt li:first-child {
margin-top: 0;
}

.pht-txt .pht-box {
width: 100%;
overflow: hidden;
}

.pht-txt .txt-box {
width: 100%;
}

/* 写真縦並びのボックスレイアウト*/

.vertical-box .vertical-box-img {
padding: 5px 62px;
}

.vertical-box .vertical-box-txt {
min-height: 90px;
}

.vertical-box .vertical-box-ttl {
font-size: 1.2rem;
height: auto;
margin-bottom: 10px;
}

.vertical-box .txt {
font-size: 1.2rem;
}

/* カードレイアウト */

.card-item .card-item-txt {
padding: 10px 10px 60px;
min-height: auto;
}

.card-item .card-item-txt .card-item-ttl {
font-size: 11px;
line-height: 140%;
padding-bottom: 70px;
}

.card-item .card-item-txt .card-item-meta {
position: absolute;
bottom: 8px;
width: calc(100% - 20px);
}

.card-item .card-item-txt .card-item-tag li {
margin-right: 5px;
display: block;
}

.card-item .card-item-txt .card-item-date {
font-size: 11px;
text-align: right;
margin-top: 6px;
}

.tag-list li {
margin-right: 5px;
}

.tag {
padding: 1px 4px;
border-radius: 3px;
font-size: 10px;
}

.table-wrap {
overflow-x: scroll;
}

.table {
font-size: 1.2rem;
}

.table th {
white-space: nowrap;
}

.list {
font-size: 1.2rem;
}

.list .list-line > dl {
display: block;
}

.list .list-ttl {
width: 100%;
display: block;
padding: 20px 20px 0 20px;
border-right: none;
}

.list .list-txt {
width: 100%;
display: block;
float: none;
padding: 10px 20px 20px 20px;
}

.normal-list {
/* 装飾なしリスト */
font-size: 1.2rem;
}

.normal-list .item {
width: 100%;
}

.normal-list .detail {
width: 100%;
}

.list2,
.list3,
.list4,
.list5,
.border-list2,
.border-list3 {
font-size: 1.2rem;
}

.list2 > li,
.list3 > li,
.list4 > li,
.list5 > li,
.border-list2 > li,
.border-list3 > li {
margin: 0 0 20px 0;
width: 100%;
}

.list2 > li.col2,
.list3 > li.col2,
.list4 > li.col2,
.list5 > li.col2,
.border-list2 > li.col2,
.border-list3 > li.col2,
.list2 > li.col3,
.list3 > li.col3,
.list4 > li.col3,
.list5 > li.col3,
.border-list2 > li.col3,
.border-list3 > li.col3 {
width: 100%;
}

.list2 .pht-box,
.list3 .pht-box,
.list4 .pht-box,
.list5 .pht-box,
.border-list2 .pht-box,
.border-list3 .pht-box {
width: 100%;
overflow: hidden;
}

.list2 .txt-box,
.list3 .txt-box,
.list4 .txt-box,
.list5 .txt-box,
.border-list2 .txt-box,
.border-list3 .txt-box {
width: 100%;
}

.list2 .fourth-ttl,
.list3 .fourth-ttl,
.list4 .fourth-ttl,
.list5 .fourth-ttl,
.border-list2 .fourth-ttl,
.border-list3 .fourth-ttl,
.list2 .fifth-ttl,
.list3 .fifth-ttl,
.list4 .fifth-ttl,
.list5 .fifth-ttl,
.border-list2 .fifth-ttl,
.border-list3 .fifth-ttl {
margin-top: 10px;
}

/* ============================================================
KV
============================================================ */

#kv .page-ttl {
font-size: 2.2rem;
margin-top: 45px;
margin-bottom: 15px;
}

#kv .page-description {
font-size: 1rem;
}




/* ============================================================
共通スタイル_SP
============================================================ */

#CoL #local-nav #local-navInner li.ss {
font-size: 1.4rem;
}

#pagetop #PHONEBOX {
width: 94%;
margin: 0 auto 30px auto;
box-sizing: border-box;
}

#pagetop #PHONEBOX #PHONEBOXInner{
padding: 10px;
}

#pagetop #PHONEBOX h2 {
padding: 10px;
text-align: center;
font-size: 1.8rem;
}

#pagetop #PHONEBOX p {
font-size: 1.4rem;
}

#pagetop #PHONEBOX .button-area .button {
width: 80%;
}

.CAUTIONBOX {
width: 100%;
padding: 10px;
}

#pagetop .CAUTIONBOX {
width: 94%;
margin: 0 auto 30px auto; 
}

.cautionBox .cautionBoxInner .box02detail-box{
width: 100%;
margin-bottom: 20px;
}

.cautionBox .cautionBoxInner .box02detail-box:last-child{
margin-bottom: 0px;
}

.top_jbch .jbch-box .jbch-boxsub .jbch-boxInner .button {
width: 90%;
}

.page {
width: 100%;
margin:  0 auto;
}

.page #CoL {
width: 100%;
float: none;
margin-top: 30px;
}

.page #CoL #local-nav {
width: 100%;
}

.page #CoL #start-nav,
#pankuzu {
display: none;
}

.page #CoR {
width: 100%;
float: none;
padding: 0 10px;
box-sizing: border-box;
}

.page #CoR h1 {
font-size: 2.4rem;
margin-bottom: 20px;
}

.page #CoR  .local-inner {
margin-bottom: 20px;
}

.page #CoR .local-inner .txt + h2.title  {
margin-top: 30px !important;
}

.page #CoR h2.title,
.white-popup h2.title {
font-size: 2rem;
}

.page #CoR h3.sabTitle,
.white-popup h3.sabTitle {
position: relative;
padding-left: 20px;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #EEE;
font-size: 1.6rem;
}

.page #CoR h3.sabTitle:before,
.white-popup h3.sabTitle:before {
background: #E0247F;
content: "";
height: 3px;
width: 10px;
left: 0;
position: absolute;
top: 12px;
}

.page #CoR .anker-box {
width: 100%;
margin: 30px 0px;
}

.page #CoR .anker-box .pconly {
display:  none !important;
}

.page #CoR .anker-box .sponly {
display:  block !important;
}

.page #CoR .anker-box select {
width: 100%;
vertical-align:middle;
padding: 6px 10px;
font-size: 1.4rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #999;
background: #eee;
background: url(../images/common/select_arrow.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#EEEEEE 100%);
background: url(../images/common/select_arrow.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#EEEEEE 100%);
background-size: 20px, 100%;
}

.page .anker-box select::-ms-expand {
display: none;
}

.tbonly {
display: none !important;
}

.page #CoR .page .local-inner p,
.white-popup p {
font-size: 1.4rem;
line-height: 180%;
margin-bottom: 20px;
}


.page #CoR .normal {
border-bottom: 1px solid #CECECE;
}

.page #CoR .normal th,
.page #CoR .normal td {
font-size: 1.4rem;
padding: 15px;
line-height: 1.6em;
border: 1px solid #CECECE;
text-align:left;
display:  block;
}


.page #CoR .normal td{
border-top: none;
border-bottom: none;
}

.page #CoR .normal.normal002 td{
border-top: 1px solid #CECECE;
}

.page #CoR .normal th  br.pc{
display:   none;
}

.page #CoR  .normal td .naiyolist li {
width: 31%;
float:  left;
margin-right:  2%;
}

.page #CoR .point li,
.white-popup li {
font-size: 1.4rem;
}

.button-group.btn04 li {
width: 48.5%;
}

.box03 .box03Inner,
.box04 .box04Inner {
display:block;
width: 48.5%;
font-size: 1.4rem;
line-height: 1.6rem;
box-sizing: border-box;
margin:  0 1.5% 15px 0
}

.page #CoR .point.box04.Column li {
width: 100% !important;
}

.page #CoR .scroll .normal {
width: 700px;
margin-bottom: 10px;
}

.page #CoR .scroll .normal th,
.page #CoR .scroll .normal td {
line-height: 1.6em;
display:table-cell;
}

.page #CoR .scroll .normal td {
border: 1px solid #CECECE !important;
}

.page #CoR .scroll {
overflow-x:scroll;/*tableをスクロールさせる*/
margin-bottom: 10px;
}

.page #CoR .scroll::-webkit-scrollbar {
height:5px;
}/*バーの太さ*/

.page #CoR .scroll::-webkit-scrollbar-track {
background:#dddddd;
}/*バーの背景色*/

.page #CoR .scroll::-webkit-scrollbar-thumb {
background:#00BFB3;
}/*バーの色*/

.page #CoR .scrolltxt {
display: block;
}

.page #CoR .button-group li a {
padding: 12px;
text-align: center;
display: block;
margin: 0px auto;
text-decoration:  none;
}

.button-group li::before {
right: 5px;
}

.button-group li .thick {
font-size: 1.4rem;
line-height: 180%;
}


.row-list li,
.box02detail-box{
display:block;
width: 90%;
font-size: 1.4rem;
line-height: 1.6rem;
box-sizing: border-box;
margin:  0 auto 15px auto;
}


#pagetop #clientPage .CAUTIONBOX {
width: 100%;
}


/* ============================================================
top_menu
============================================================ */
.top_menu {
width: 100%;
margin: 0 auto 30px auto;
padding: 0 13px 0 10px;
box-sizing:  border-box;
}

.top_menu .inner {
width: 100%;
float: none;
margin: 0;
padding: 20px 10px 20px 20px;
margin-bottom: 20px;
}

.top_menu .inner:last-child {
margin-right: 0;
margin-bottom: 0;
}

.top_menu .inner h3 {
font-size: 2.2rem;
margin: 0px 0px 10px 10px;
color: #00BFB2;
position: relative;
}

.top_menu .inner h3 .ss {
font-size: 1.4rem;
}

.top_menu .inner:nth-child(1) h3:before,
.top_menu .inner:nth-child(2) h3:before,
.top_menu .inner:nth-child(3) h3:before {
margin-right: 0;
margin-top: 0;
background: none;
width: 0;
height: 0;
}

.top_menu .inner .innersub {
padding: 0 20px 0 10px;
}

.top_menu .inner:nth-child(1) .innersub:before {
content: ""; 
background: url(../images/common/icon_beginner.gif) no-repeat 0 0;
background-size: contain;
position: absolute;
top:34%;
left: 10px;
margin-top: -21px;
display: inline-block;
width: 24px;
height: 32px;
vertical-align: top;
}

.top_menu .inner:nth-child(2) .innersub:before{
content: "";
background: url(../images/common/icon_search.gif) no-repeat 0 0;
background-size: contain;
position: absolute;
top:34%;
left: 10px;
margin-top: -17px;
display: inline-block;
width: 24px;
height: 24px;
vertical-align: top;
}

.top_menu .inner:nth-child(3) .innersub:before{
content: "";
background: url(../images/common/icon_human.gif) no-repeat 0 0;
background-size: contain;
position: absolute;
top:34%;
left: 10px;
margin-top: -17px;
display: inline-block;
width: 24px;
height: 24px;
vertical-align: top;
}

.top_menu .inner p {
font-size: 1.4rem;
color: #525359;
}

/* ============================================================
top_jbch
============================================================ */

.top_jbch .jbch-box {
width: 100%;
margin: 30px auto;
padding: 30px 10px;
box-sizing:  border-box;
}

.top_jbch .jbch-box h2 {
font-size: 2.4rem;
margin:0 0 20px 0;
}

.top_jbch .jbch-box h2:before {
width: 160px;
height: 29px;
}

.top_jbch .jbch-box h2:after {
width: 15%;
left: 43%;
border-bottom: 2px solid #DF247F;
}

.top_jbch .jbch-box .jbch-boxsub h3 {
font-size: 1.8rem;
color: #E22480;
position: relative;
margin-bottom: 15px;
}

.top_jbch .jbch-box .jbch-boxsub h3:before {
content: " ";
background: url(../images/common/icon_search_02.gif) no-repeat 0 0;
background-size: contain;
display: inline-block;
width: 16px;
height: 16px;
vertical-align: middle;
margin-right: 6px;
}

.top_jbch .jbch-box .jbch-boxsub .more {
position: static;
right: 0;
margin-bottom: 20px;
top: 0;
font-size: 1.2rem;
}

.top_jbch .jbch-box .jbch-boxsub .ss {
font-size: 1.4rem;
color: #525359;
display: block;
text-align: left;
margin:  0;
}

.top_jbch .jbch-box .jbch-boxsub .jbch-boxInner {
background: #ffffff;
padding: 30px 20px;
}

.top_jbch .jbch-box .jbch-boxsub .jbch-boxInner ul {
margin-bottom: 20px;
}

.top_jbch .jbch-box .jbch-boxsub .jbch-boxInner li {
width: 100%;
float: none;
background:  #FFFFFF;
margin-right: 0;
margin-bottom: 10px;
}

.top_jbch .jbch-box .jbch-boxsub .jbch-boxInner li:last-child {
margin-bottom: 0;
}

.top_jbch .jbch-box .jbch-boxsub .jbch-boxInner .button {
font-size: 1.4rem;
}



/* ============================================================
top_recommendBox
============================================================ */

#top_recommendBox .inner {
width: 100%;
margin: 30px auto 0 auto;
padding: 30px 10px 10px 10px;
box-sizing:  border-box;
}

#top_recommendBox .inner .slick-slide {
    position: static;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

#top_recommendBox .inner .slick-prev {
left: 5px;
}
#top_recommendBox .inner .slick-next {
right: 5px;
}

#top_recommendBox .inner h2 {
font-size: 2.4rem;
margin:0 0 20px 0;
}

#top_recommendBox .inner h2:after {
width: 15%;
left: 43%;
border-bottom: 2px solid #DF247F;
}

#top_recommendBox .inner h3 {
padding: 10px;
text-align: center;
line-height: 2.5rem;
font-size: 1.6rem;
color: #FFFFFF;
margin-bottom: 20px;
}

#top_recommendBox .inner .slick-slide{
margin-left:0;
margin-right:0;
}

#top_recommendBox .inner .recommendBoxinner {
line-height: 1.6rem;
border: 1px solid #CCCCCC;
padding: 10px;
box-sizing: border-box;
}

#top_recommendBox .inner .slick-dots {
position: absolute;
bottom: -50px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}


/* ============================================================
top_meritBox
============================================================ */

.top_meritBox .inner {
width: 100%;
margin: 30px auto;
padding: 30px 10px;
box-sizing:  border-box;
}


.top_meritBox .inner h2 {
font-size: 2.2rem;
margin:0 0 20px 0;
}

.top_meritBox .inner h2:after {
width: 15%;
left: 43%;
border-bottom: 2px solid #DF247F;
}

.top_meritBox .inner .top_meritBoxinner {
display: block;
}

.top_meritBox .inner .top_meritBoxinnersub {
padding: 32px 16px 36px;
width: 100%;
margin-bottom: 20px;
}

.top_meritBox .inner .top_meritBoxinnersub h3 {
font-size: 2rem;
}

.top_meritBox .inner .top_meritBoxinnersub p.pct {
text-align: center;
width: 20%;
display: block;
margin: 0 auto 10px auto;
}


/* ============================================================
top_consultation
============================================================ */

.top_consultation .inner {
width: 100%;
margin: 30px auto 0 auto;
padding: 30px 10px;
box-sizing:  border-box;
}

.top_consultation .inner h2 {
font-size: 2.2rem;
}

.top_consultation .inner h2 + p {
margin-bottom: 40px;
}

.top_consultation .inner p {
font-size: 1.4rem;
text-align: left;
}

.top_consultation .inner .consultation-boxinner {
background: #FFFFFF;
width: 100%;
height: auto;
float: none;
margin-right: 0;
margin-bottom: 40px;
border-radius: 0;
padding: 20px 20px 5px 25px;
}

.top_consultation .inner .consultation-boxinner:nth-child(even) {
background: #FFFFFF;
width: 100%;
height: auto;
float: none;
margin-right: 0;
margin-left: 0;
margin-bottom: 40px;
border-radius: 0;
padding: 20px 0 5px 25px;
}

.top_consultation .inner .consultation-boxinner .text {
font-size: 1.4rem;
}

.top_consultation .inner .consultation-boxinner .text .pc {
display: none;
}

.top_consultation .inner .consultation-boxinner:nth-of-type(3) {
margin-bottom: 20px;
}

.top_consultation .inner .consultation-boxinner .pic.pconly {
display:  none !important;
}

.top_consultation .inner .consultation-boxinner .pic {
float: left;
margin: 0 15px 0 0;
}

.top_consultation .inner .consultation-boxinner:nth-of-type(1) .pic img {
width: 56px;
}

.top_consultation .inner .consultation-boxinner:nth-of-type(2) .pic img {
width: 45px;
}

.top_consultation .inner .consultation-boxinner:nth-of-type(3) .pic img {
width: 30px;
}

.top_consultation .inner .consultation-boxinner .consultation-boxinnersub {
margin-top: 0;
position: relative;
}

.top_consultation .inner .consultation-boxinner .consultation-boxinnersub h3 {
background: #E22480;
font-size: 2rem;
color: #ffffff;
padding: 0 10px 0 16px;
position: absolute;
top: -40px;
left: -30px
}

.top_consultation .inner .consultation-boxinner .consultation-boxinnersub h3 .ss {
font-size: 1.8rem;
}

.top_consultation .inner .consultation-boxinner .consultation-boxinnersub h3:after {
content: "";
display: block;
position: absolute;
right: -20px;
top: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 30px 20px 0 0;
border-color: #E22480 transparent transparent transparent;
}

/* ============================================================
top_pickupbox
============================================================ */
.top_pickupbox .inner {
width: 100%;
padding: 20px 10px;
box-sizing:  border-box;
margin: 0 auto;
}

.top_pickupbox .inner h2 {
font-size: 2.4rem;
margin: 0 0 20px 0;
}

.top_pickupbox .inner h2:after {
width: 15%;
left: 43%;
border-bottom: 2px solid #DF247F;
}

.top_pickupbox .inner #slider {
display: none !important;
}

.top_pickupbox .inner .bxslider {
display: block !important;
}

.top_recruitBox ul li {
width:  100%;
}

/* ============================================================
top_topics
============================================================ */

.top_topics {
width: 100%;
padding: 30px 10px;
box-sizing: border-box;
margin: 0 auto;
position: relative;
}

.top_topics h2 {
font-size: 2.4rem;
margin: 0 0 30px 0;
}

.top_topics h2:after {
width: 15%;
left: 43%;
border-bottom: 2px solid #DF247F;
}

.top_topics #news-area .newsinner,
.page #CoR #news-area .newsinner {
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px dotted #CCCCCC;
}

.top_topics #news-area .newsinnerL,
.page #CoR #news-area .newsinnerL {
float: none;
}

.top_topics #news-area .newsinnerR,
.page #CoR #news-area .newsinnerR {
overflow: auto;
}


.top_topics #news-area .newsinner h3,
.page #CoR #news-area .newsinner h3 {
padding: 0;
color: #525459;
margin-bottom:  10px;
font-size: 1.4rem;
}

/* ============================================================
top_bannerArea
============================================================ */



.top_bannerArea {
width: 100%;
padding: 0 10px;
box-sizing: border-box;
margin: 0 auto;
}

.top_bannerArea-inner {
width: 100%;
padding: 40px 0px;
margin: 0 auto;
position: relative;
}


.top_bannerArea ul li {
float: left;
margin-right:1.5%;
margin-bottom: 10px;
width: 48.5%;
}

.top_bannerArea ul li:nth-child(even) {
margin-right:0%;
margin-left: 1.5%;
}

.top_bannerArea ul li:nth-child(4),
.top_bannerArea ul li:nth-child(5){
margin-bottom: 10px;
}

.top_bannerArea ul li img {
width: 100%;
}

.top_bannerArea ul li:last-child {
margin-bottom: 0;
}

#CoL .bnrArea .point li {
margin-bottom: 20px
}

#CoL .bnrArea {
padding: 0 10px;
box-sizing: border-box;
}

#CoL .bnrArea .bnrlist {
-js-display: flex;
display: -webkit-flex;
display: -moz-flex;
-ms-flex: 0 1 auto;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
width: 100%;
margin-bottom: 5px;
}

#CoL .bnrArea .bnrlist li{
margin-bottom: 5px;
width: 48.5%;
}

#jobPage #CoR .visit-box .button-area .box-two li  {
width: 100%;
text-align: center;
margin: 0 0 15px 0;
}

#jobPage #CoR .visit-box .button-area .box-two li.tel-button a {
background: url(../images/common/icon_tel_02.png) no-repeat 30% 52%;
}
#jobPage #CoR .visit-box .button-area .box-two li.tel-button02 a {
background: url(../images/common/icon_free_03.png) no-repeat 28% 54%;
background-size: 30px;
}

/* ============================================================
phonePage
============================================================ */
#phonePage .box03{
display: block;
}

#phonePage .box03 li {
width: 50%;
margin: 0 auto 20px auto; 
text-align: center;
}

#phonePage .box03 li:after {
content: none;
}
}

/* ============================================================
Print
============================================================ */

@media print {
.sub-ttl {
background: none;
color: #000;
padding-left: 0;
display: block;
width: 100%;
margin-top: 50px;
height: 40px;
page-break-inside: avoid;
zoom: 1;
}

.sub-ttl:after {
content: "";
display: block;
clear: both;
}

.sub-ttl a {
color: #000;
}

.local-inner {
display: block;
overflow: hidden;
margin-bottom: 30px;
}

.list2,
.list3,
.list4,
.list5,
.border-list2,
.border-list3,
.four-col,
.list,
.normal-list {
font-size: 1.4rem;
}

.list2 > li,
.list3 > li,
.list4 > li,
.list5 > li,
.border-list2 > li,
.border-list3 > li,
.four-col > li,
.list > li,
.normal-list > li {
page-break-inside: avoid;
}

.txt,
a,
.pht-txt,
.table,
.pb-inside-avoid {
page-break-inside: avoid;
font-size: 1.4rem;
}

.boxes {
border: 1px solid #78c8c5;
}

.table-wrap {
overflow: hidden;
}

.table {
font-size: 1.1rem;
}

.table td,
.table th {
padding: 5px;
}

.anc-list .btn.index-anc {
padding-right: 10px;
}

.anc-list .btn.index-anc:after {
content: none;
}
}