/* ===============================================================
共通設定
================================================================== */

/*タイトル*/
.content-ttl{
background-repeat: no-repeat;
background-position: center center;
background-size: auto 100%;
height: 216px;
position: relative;
margin-bottom: 5px;
}

.content-ttl h1{
font-size: 2rem;
font-weight: 400;
text-align: center;
}

.content-ttl span{
font-size: 80%;
display: block;
margin-top: 0.6em;
/*white-space: nowrap;*/
}


#examination .content-ttl{
background-image: url("../img/bg_ttl_examination.jpg");
}

#outline .content-ttl{
background-image: url("../img/bg_ttl_outline.jpg");
}

#businessperson .content-ttl{
background-image: url("../img/bg_ttl_businessperson.jpg");
}

#certification .content-ttl{
background-image: url("../img/bg_ttl_certification.jpg");
}

#faq .content-ttl,
#contact .content-ttl,
#privacy .content-ttl,
#form .content-ttl,
#news .content-ttl,
#base .content-ttl{
background-image: url("../img/bg_ttl_contents.jpg");
}

/*pdfダウンロード*/

.pdf-download ul{
display: flex;
justify-content: space-between;
align-items: center;
}

.pdf-download ul li{
text-align: center;
width: 32%;
border-radius: 20px 20px 0 0;
}

.pdf-download ul li:nth-of-type(1){
background-color: #0EB5B5;
}

.pdf-download ul li:nth-of-type(2){
background-color: #2FBF61;
}

.pdf-download ul li:nth-of-type(3){
background-color: #FF7E8D;
}

.pdf-download ul li a{
color: #fff;
width: 100%;
height: 100%;
display: block;
padding: 20px ;
border-bottom: solid 16px rgba(255,255,255,0.60);
}

.pdf-download ul li a strong{
display: block;
font-size: 1.2rem;
}

/* ===============================================================
制度概要
================================================================== */

#outline #gaiyou .box-01 .list-style-01 {
width: 90%;
margin-left: auto;
margin-right: auto;
}

/* ===============================================================
認定マーク
================================================================== */

#mark .img-block span img {
max-width: 150px;
margin: 0 20px;
}

/* ===============================================================
適正な有料職業紹介事業者の基準
================================================================== */

#outline #standard .dl-style-02 dl dt,
#outline #standard .dl-style-02 dl dd{
position: relative;
}

#outline #standard .dl-style-02 dl dt span{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

#outline #standard .dl-style-02 dl dd span{
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

#outline #standard .dl-style-02 dl dd p{
padding: 20px;
}




/* ===============================================================
資料ダウンロード
================================================================== */


#examination #download ul li{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
font-size: 1.2rem;
border-bottom: solid thin #ccc;
padding: 30px 0 ;
}

#examination #download ul li:first-child{
border-top: solid thin #ccc;
}
#examination #download .dlCnt-txt_wrap {
    font-size: 14px;
    margin-top: 40px;
}
#examination #download .dlCnt-txt_in {
    margin-bottom: 10px;
}
#examination #download .dlCnt-txt_in p {
    position: relative;
    padding-left: 1em;
}
#examination #download .dlCnt-txt_wrap .txt.is-f-r {
    font-weight: bold;
    color: #ff0000;
    position: relative;
    padding-left: 1em;
}
#examination #download .dlCnt-txt_in p span,
#examination #download .dlCnt-txt_wrap .txt.is-f-r span {
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
}
/*#examination #download ul li p:first-child::before{
content: '\f0c8';
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: #EDE8CD;
margin-right: 30px;
}*/



/* ===============================================================
認定企業一覧
================================================================== */

#certification .dowonload-list{
text-align: left;
}

#certification .table-style01 {
margin-bottom: 20px;
}

#certification .table-style01 tr{
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
font-size: 90%;
}

#certification .table-style01 th,
#certification .table-style01 td{
display: block;
text-align: left!important;
padding: 0 5px;
box-sizing: border-box;
}

#certification .table-style01 td:last-child{
border-right: dotted thin #ccc;
}


#certification .table-style01 tr th{
width: 25%;
white-space: nowrap;
background-color: #eee;
border-bottom: dotted thin #ccc;
}
#certification .table-style01 tr td{
width: 25%;
border-bottom: dotted thin #ccc!important;
}

#certification .table-style01 tr td.col2{
width: 75%;
}

#certification .table-style01 tr td:last-child,
#certification .table-style01 tr th:last-child{
border-bottom: none;
}

#certification .table-style01 .note{
color: #EA0003;
}

/*医療分野*/
#certification .table-style01.medicalcare {
border-left: solid 4px #1DABAA!important;
}
#certification .table-style01.medicalcare tr:first-child th {
background-color: #1DABAA;
color: #fff;
text-align: center!important;
width: 15%!important;
min-width: 150px;
}
#certification .table-style01.medicalcare tr:nth-child(2) th,
#certification .table-style01.medicalcare tr:nth-child(2) td{
border-top: solid thin #1DABAA;
}

/*介護分野*/
#certification .table-style01.nursingcare {
border-left: solid 4px #30B15F!important;
}
#certification .table-style01.nursingcare tr:first-child th {
background-color: #30B15F;
color: #fff;
text-align: center!important;
width: 15%!important;
min-width: 150px;
}

#certification .table-style01.nursingcare tr:nth-child(2) th,
#certification .table-style01.nursingcare tr:nth-child(2) td{
border-top: solid thin #30B15F;
}

/*保育分野*/
#certification .table-style01.Childcare {
border-left: solid 4px #EA6076
}
#certification .table-style01.Childcare tr:first-child th {
background-color: #EA6076;
color: #fff;
text-align: center!important;
width: 15%!important;
min-width: 150px;
}
#certification .table-style01.Childcare tr:nth-child(2) th,
#certification .table-style01.Childcare tr:nth-child(2) td{
border-top: solid thin #EA6076;
}




/*検索*/

#certification .wpcfs-search-preset{
border: thin solid #ccc;
background-color: #D9F2FF;
margin-bottom: 0;
font-size: 0.9em;
padding: 10px;
width: 100%;
}

#certification .wpcfs-search-note{
font-size: 90%;
line-height: 1.4em;
text-align: left;
color: #EA0003;
margin: 1em 0;
margin-bottom: 40px;
padding: 0 10px;
}

.search-group{
display: flex;
align-items: center;
flex-wrap: wrap;
}

/*並び順*/

.keywords{
order: 4;
}


.area{
order: 5;
}

.field{
order: 1
}

.occupation1{
order: 3;
}

.occupation2{
order: 2;
}


.wpcfs-input-wrapper{
display: flex;
}

#certification .checkbox{
flex-wrap: wrap;
}


#certification .wpcfs-search-preset label{
padding: 10px;
box-sizing: border-box;
display: block;
white-space: nowrap;
}

#certification .wpcfs-search-preset .column-search{
display: flex;
}



#certification .wpcfs-search-preset input[type='text']{
font-size: 14px;
width: 300px;
padding: 10px!important;
border: none;
border-radius: 4px;
}

#certification .wpcfs-search-preset select{
font-size: 16px;
background-color: #fff;
padding: 5px;
width: auto;
border: none;
-webkit-appearance:none;
    appearance:none;
}

#certification .wpcfs-input-submit{
background-color: #009FEF;
text-align: center!important;
padding: 10px;
display: flex;
justify-content: center;
}

#certification .wpcfs-input-submit input[type='submit'],
#certification .wpcfs-input-submit input[type='reset']{
-webkit-appearance:none;
    appearance:none;
padding: 2px 50px;
font-size: 16px;
display: block;
margin: 0 5px;
}


#certification .list-info ul{
list-style: none;
display: flex;
justify-content: space-between;
width: 100%;
}

#certification .list-info.is-ver2 ul{
justify-content: initial;
align-items: center;
}

#certification .list-info.is-ver2 ul li{
margin-right: 20px;
text-align: left;
line-height: 1;
}

#certification .list-info.is-ver2 ul li:last-child{
margin-right: 0;
}

#certification .list-info.is-ver2 ul li label{
display: inline-block;
}

#certification .list-info.is-ver2 ul li .note{
display: block;
font-size: 13px;
line-height: 1.3;
padding-top: 5px;
padding-left: 3px;
}

@media screen and (max-width: 559px) {

#certification .list-info ul{
list-style: none;
display: flex;
justify-content: center;
flex-wrap: wrap;
}

#certification .list-info ul li{
display: block;
width: 100%;
}

#certification .list-info.is-ver2 ul li{
margin-right: 0;
margin-bottom: 10px;
}

#certification .list-info.is-ver2 ul li .note{
font-size: 11px;
padding-bottom: 10px;
}

}


#certification .checkbox {
background-color: #eee;
margin-bottom: 10px;
width: 100%!important;
}

#certification .list-item{
display: flex;
}

#certification .list-item label{
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 20px;
background-color: #eeeeee;
border: dotted thin #ccc;
border-right: none;
box-sizing: border-box;
width: 30px;
}

#certification .list-item table{
width: calc(100% - 30px);
}

/*詳細ページ*/



#certification .certification-detail{
width: 90%;
margin-left: auto;
margin-right: auto;
}


#certification .table-style01 .occupation_achievement{

}

#certification .table-style01 .occupation_achievement div p{
display: flex;
align-items: center;

}


#certification .table-style01 .occupation_achievement div:first-child{
width: 100%;
}

#certification .table-style01 .occupation_achievement div:first-child p{
border-bottom: dotted thin #ccc;
}

#certification .table-style01 .occupation_achievement div:first-child p:first-child{
background-color: #009FEF;
color: #fff;
padding: 0;
text-align: center;
border: none;
}

#certification .table-style01 .occupation_achievement div:first-child p:last-child{
border-bottom: none;
}

#certification .table-style01 .occupation_achievement .occupation{
width: 30%;
display: inline-block;
border-right: dotted thin #ccc;
}

#certification .table-style01 .occupation_achievement .status{
width: 15%;
display: inline-block;
text-align: center;
border-right: dotted thin #ccc;
font-weight: bold;
}

#certification .table-style01 .occupation_achievement .supported{
color: #666!important;
font-weight: normal!important;
}

#certification .table-style01 .occupation_achievement .achievement{
width: 20%;
display: inline-block;
text-align: center;
border-right: dotted thin #ccc;
}

#certification .table-style01 .occupation_achievement .achievement:last-child{
border-right: none;
}



#certification .table-style01 .achievement{
flex: 1;
}

#certification .table-style01 .label {
font-size: 90%;
display: block;
background-color: #FBFFC2;
padding: 10px;
}

#certification .table-style01 .label ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
list-style: none;
}

#certification .table-style01 .label ul li {
width: 33%;
padding: 2;
margin: 0!important;
line-height: 1.4!important;
}

#certification .table-style01 .note{
font-size: 90%;
line-height: 1.4em;
margin: 1em 0;
}

#certification .table-style04 {
border: thin solid #ccc;
margin-bottom: 20px;
}

#certification .table-style04 tr{
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
font-size: 90%;
}

#certification .table-style04 th,
#certification .table-style04 td{
display: block;
text-align: left!important;
padding: 0 5px;
box-sizing: border-box;
}

#certification .table-style04 tr th{
width: 25%;
white-space: nowrap;
background-color: #eee;
border-bottom: dotted thin #ccc;
}
#certification .table-style04 tr td{
width: 75%;
border-bottom: dotted thin #ccc;
}





/* ===============================================================
医療・介護・保育の求人者の方へ
================================================================== */
#businessperson #about .column{
justify-content: space-between;
}



/* ===============================================================
フォーム
================================================================== */

.form-read{
margin-bottom: 50px;
}

.form-read p{
margin-bottom: 1em;
}

.form-read ul{
margin: 1em 0 1em 2em;
}

.wpcf7 ul{
list-style: none;
}

.wpcf7 ul li{
display: flex;
flex-wrap: wrap;
align-items: flex-start;
border-bottom: dotted thin #ccc;
margin-bottom: 1em;
padding-bottom: 0.5em;
}

.wpcf7 ul li label{
display: inline-block;
width: 30%;
}

.wpcf7 ul li:last-child{
padding-bottom: 0em;
}

.wpcf7 ul li p{
width: 70%;
}

.wpcf7-list-item-label{
white-space: nowrap;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea{
padding: 5px 10px;
border: solid thin #ccc;
}

.wpcf7 ul li .readonly{
border: none;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"]{
max-width: 300px;
}

.wpcf7 input[type="tel"]{
width: 200px;
}

.wpcf7 textarea{
width: 100%;
}

.wpcf7 .btn-submit{
text-align: center;
}

.wpcf7 input[type="submit"],
.wpcf7 input[type="reset"]{
padding: 5px 20px!important;
margin: 10px;
}

.wpcf7 .acceptance{
margin-left: auto;
margin-right: auto;
margin-bottom: 1em;
display: block;
text-align: center;
background-color: #eee;
border: solid thin #ccc;
padding: 1em;
width: 100%;
}

.wpcf7 .acceptance label{
display: block;
}

.wpcf7 .acceptance label span.note{
display: block;
color: #AB0002;
}

#form-content ol{
margin-left: 1em;
}

#form-content ol li{
margin-bottom: 1em;
}

#form-content iframe{
margin: auto;
background-color: #fff;
border: thin solid #ccc;
}

.uploadform{
padding: 20px;
}


/* ===============================================================
申請フォーム
================================================================== */

.application .wpforms-field-description ol li{
list-style: decimal!important;
margin-left: 1em;
}



.application .area{
background-color: #eee!important;
padding: 10px;
text-align: center;
}

.application .area .wpforms-field-label{
text-align: center!important;
}

.application .wpforms-submit-container{
text-align: center;
}


/* ===============================================================
適正認定事業者への一括問い合わせフォーム
================================================================== */

.inquiry{
position: relative;
margin-bottom: 15px;
}

.inquiry .wpcf7-list-item{
display: block;
margin: 0;
margin-bottom: 10px;
}

.inquiry .wpcf7-list-item.last{
margin-bottom: 0;
}

.inquiry .wpcf7-list-item label{
width: 100%!important;
}

.inquiry .wpcf7-list-item-label{
white-space: normal;
}

.inquiry .red{
display: block;
color: #dc3232;
padding-bottom: 10px;
}

.inquiry textarea{
margin-top: 10px;
}


/* [-] レスポンシブ対応
=========================================================================================== */

/* for - 1399px
=========================================================================================== */
@media screen and (min-width: 1399px) {

/*タイトル*/
.content-ttl{
background-size: 100% auto;

}

}

/* for - 959px
=========================================================================================== */
@media screen and (max-width: 959px) {

/* ===============================================================
共通設定
================================================================== */

/*タイトル*/
.content-ttl{
margin-top: 0px;
margin-bottom: 10px;
}

.content-ttl h1{
font-size: 1.5rem;
font-weight: 400;
width: 100%;
}

#examination #download .dlCnt-txt_wrap {
    font-size: 12px;
    margin-top: 20px;
}
#examination #download .dlCnt-txt_in {
    margin-bottom: 5px;
}
/* ===============================================================
医療・介護・保育の求人者の方へ
================================================================== */
#businessperson #about .column{
display: block;
}

#businessperson #about .col-1-2{
width: 100%;
}

#businessperson #about iframe{
margin-left: auto;
margin-right: auto;
display: block;
margin-bottom: 30px;
}

}

/* for - 559px
=========================================================================================== */
@media screen and (max-width: 559px) {
/* ===============================================================
共通設定
================================================================== */

/*タイトル*/
.content-ttl{
margin-top: 0px;
height: 116px;
}

/*pdfダウンロード*/

.pdf-download ul{
display: block;
}

.pdf-download ul li{
width: 60%;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
}


/* ===============================================================
適正な有料職業紹介事業者の基準
================================================================== */

#outline #standard .dl-style-02 dl dt,
#outline #standard .dl-style-02 dl dd{
position: static;
}

#outline #standard .dl-style-02 dl dt{
font-size: 1.2rem;
}

#outline #standard .dl-style-02 dl dt span{
    position: static;
}

#outline #standard .dl-style-02 dl dd span{
    position: static;
}

#outline #standard .dl-style-02 dl dd p{
padding: 0px;
}



/* ===============================================================
資料ダウンロード
================================================================== */


#examination #download ul li p{
width: 100%;
display: block;
text-align: center;
margin-bottom: 1em;
}

#examination #download ul li p:last-child{
margin-bottom: 0;
}
/* ===============================================================
フォーム
================================================================== */

.wpcf7 ul li label{
width: 100%;
}


.wpcf7 ul li{
display: block;
}


.wpcf7 ul li p{
width: 100%;
}

/* ===============================================================
認定企業一覧
================================================================== */

#certification .table-style01 tr th{
width: 100%;
white-space: nowrap;
background-color: #eee;
border-bottom: dotted thin #ccc;
}
#certification .table-style01 tr td{
width: 100%;
border-bottom: dotted thin #ccc;
}

#certification .table-style01 tr td.col2{
width: 100%;
}

#certification .table-style01 .occupation_achievement div:first-child{
width: 100%;
}


#certification .table-style01 .occupation_achievement div p:first-child span{
border: none!important;
line-height: 1.2em!important;
}


#certification .table-style01 .occupation_achievement .occupation{
width: 25%;
display: inline-block;
}

#certification .table-style01 .occupation_achievement .status{
width: 20%;
display: inline-block;
text-align: center;
}

#certification .table-style01 .occupation_achievement .achievement{
width: 20%;
display: inline-block;
text-align: center;
}

#certification .table-style01 .occupation_achievement .achievement:last-child{
border: none;
}



#certification .table-style01 .label {
font-size: 90%;
display: block;
background-color: #FBFFC2;
padding: 10px;
display: block!important;
width: 100%!important;
}


/*検索*/



.search-group{
display: flex;
align-items: center;
flex-wrap: wrap;
}

.wpcfs-input-wrapper{
display: flex;
flex-wrap: wrap;
}






/* ===============================================================
医療・介護・保育の求人者の方へ
================================================================== */
#businessperson #about .column{
display: block;
}

#businessperson #about .col-1-2{
width: 100%;
}

#businessperson #about iframe{
width: 300px;
height: 170px;
}

}