@charset "utf-8";

body {
background-color: #E7EFF6;
}

body.detail_bg {
background-color: #FFF;
}


.com_title h2 {
background-image : url(../images/ttl_icon02.png);
}

.pagenavi .prev_icon {
background-image : url(../common/images/icon06.png);
background-position : 0 center;
background-size: 20px auto;
background-repeat: no-repeat;
padding: 3px 0 3px 30px;
}

.pagenavi .next_icon {
background-image : url(../common/images/icon05.png);
background-position : right center;
background-size: 20px auto;
background-repeat: no-repeat;
padding: 3px 30px 3px 0;
}

.pagenavi {
margin-top: 40px;
}

.pagenavi a {
text-decoration: none;
font-weight: bold;

}


/* max-width: 768px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 768px){
.pagenavi {
font-size: 14px;
margin-top: 20px;
}

}
/* max-width: 768px @end */



/* ■■■一覧ページ■■■*/
.listArea {
padding: 0 0 80px 0;
}

.listArea .title01,
.listArea .title02,
.listArea .title03,
.listArea .title04,
.listArea .title11,
.listArea .title12,
.listArea .title13,
.listArea .title14,
.listArea .title15,
.listArea .title21,
.listArea .title22,
.listArea .title23,
.listArea .title24,
.listArea .title25,
.listArea .title26,
.listArea .title27,
.listArea .title28,
.listArea .title29,
.listArea .title41,
.listArea .title42,
.listArea .title43,
.listArea .title44,
.listArea .title45,
.listArea .title61,
.listArea .title62,
.listArea .title63,
.listArea .title64,
.listArea .title65,
.listArea .title81,
.listArea .title82,
.listArea .title83,
.listArea .title84 {
background-position : center 0;
background-repeat: no-repeat;
color: #3D63AF;
font-size: 24px;
font-weight: bold;
padding: 80px 0 0 0;
}

.listArea .title01 {
background-image : url(../../images/t_icon01.png);
background-size: 40px auto;
}

.listArea .title02 {
background-image : url(../../images/t_icon02.png);
background-size: 42px auto;
}

.listArea .title03 {
background-image : url(../../images/t_icon03.png);
background-size: 45px auto;
}

.listArea .title04 {
background-image : url(../../images/t_icon04.png);
background-size: 40px auto;
}

.listArea .title11 {
background-image : url(../../images/t_icon11.png);
background-size: 45px auto;
}

.listArea .title12 {
background-image : url(../../images/t_icon12.png);
background-size: 45px auto;
}

.listArea .title13 {
background-image : url(../../images/t_icon13.png);
background-size: 45px auto;
}

.listArea .title14 {
background-image : url(../../images/t_icon14.png);
background-size: 48px auto;
}

.listArea .title15 {
background-image : url(../../images/t_icon15.png);
background-size: 48px auto;
}


.listArea .title21,
.listArea .title22,
.listArea .title23,
.listArea .title24,
.listArea .title25,
.listArea .title26,
.listArea .title27,
.listArea .title28,
.listArea .title29 {
background-image : url(../../images/t_icon21.png);
background-size: 50px auto;
}



.listArea .title41,
.listArea .title42,
.listArea .title43,
.listArea .title44,
.listArea .title45 {
background-image : url(../../images/t_icon41.png);
background-size: 60px auto;
}

.listArea .title61,
.listArea .title62,
.listArea .title63,
.listArea .title64,
.listArea .title65 {
background-image : url(../../images/t_icon61.png);
background-size: 50px auto;
}

.listArea .title81,
.listArea .title82,
.listArea .title83,
.listArea .title84 {
background-image : url(../../images/t_icon81.png);
background-size: 72px auto;
}

.listArea .list_info {
border: 5px solid #EEE;
background-color: #FFF;
margin-top: 40px;
text-align: left;
padding: 30px 35px;
}

.listArea .list_ttl {
font-size: 20px;
color: #3D63AF;
background-color: #CFECF9;
padding: 20px;
font-weight: bold;
}

.listArea .bl_photo img {
width: 100%;
max-width: 516px;
height: auto;
}

.listArea .bl_bt {
margin-top: 20px;
text-align: center;
}

.listArea .list_pr {
margin-top: 30px;
}

.listArea .listL01 {
float: left;
width: 34%;
}

.listArea .listR01 {
float: right;
width: 62%;
}

.listArea .listL02 {
float: left;
width: 48%;
}

.listArea .listR02 {
    float: right;
    width: 48%;
}

.listArea .list_address_ttl,
.listArea .list_salary_ttl {
background-image : url(../images/sttl_bg.png);
background-position : 0 bottom;
background-size: cover;
background-repeat: no-repeat;
padding: 7px 0 7px 15px;
margin-top: 30px;
}

.listArea .list_address_ttl span {
background-image : url(../images/sttl_icon01.png);
background-position : 0 center;
background-size: 12px auto;
background-repeat: no-repeat;
color: #FFF;
font-weight: bold;
font-size: 14px;
padding: 2px 0 2px 25px;
}

.listArea .list_address,
.listArea .list_salary {
padding-top: 15px;
}


.listArea .list_salary_ttl span {
background-image : url(../images/sttl_icon02.png);
background-position : 0 center;
background-size: 17px auto;
background-repeat: no-repeat;
color: #FFF;
font-weight: bold;
font-size: 14px;
padding: 2px 0 2px 25px;
}



/* max-width: 960px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 960px){

.listArea .list_ttl {
font-size: 18px;
padding: 15px;
}


.listArea .list_pr {
margin-top: 15px;
font-size: 14px;
}


.listArea .listL02,
.listArea .listR02 {
font-size: 14px;
width: 100%;
float: none;
}


}
/* max-width: 960px @end */



/* max-width: 768px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 768px){
.listArea .title01,
.listArea .title02,
.listArea .title03,
.listArea .title04,
.listArea .title11,
.listArea .title12,
.listArea .title13,
.listArea .title14,
.listArea .title15,
.listArea .title21,
.listArea .title22,
.listArea .title23,
.listArea .title24,
.listArea .title25,
.listArea .title26,
.listArea .title27,
.listArea .title28,
.listArea .title29,
.listArea .title41,
.listArea .title42,
.listArea .title43,
.listArea .title44,
.listArea .title45,
.listArea .title61,
.listArea .title62,
.listArea .title63,
.listArea .title64,
.listArea .title65,
.listArea .title81,
.listArea .title82,
.listArea .title83,
.listArea .title84 {
font-size: 18px;
padding: 60px 0 0 0;
}

.listArea .list_info {
margin-top: 20px;
padding: 10px;
}

.listArea .listL01,
.listArea .listR01 {
width: 100%;
float: none;
}

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

.listArea .listL02,
.listArea .listR02 {
width: 100%;
float: none;
}

.listArea .list_address_ttl,
.listArea .list_salary_ttl {
margin-top: 15px;
}

}
/* max-width: 768px @end */



/* ■■■詳細ページ■■■*/
.detailArea {
padding: 0 0 80px 0;
}

.detailArea .detail_title01 {
color: #3D63AF;
font-size: 24px;
font-weight: bold;
}

.detailArea .detail_info {
text-align: left;
margin-top: 40px;
}

.detailArea .detail_info {
text-align: left;
margin-top: 40px;
}

.detailArea .detailL01 {
float: left;
width: 48%;
letter-spacing: 0.1em;
}

.detailArea .detailR01 {
float: right;
width: 48%;
}

.detail_pr {
margin-bottom: 20px;
}


.detailArea .detail_ttl {
background-image : url(../images/sttl_bg.png);
background-position : 0 bottom;
background-size: cover;
background-repeat: no-repeat;
padding: 7px 0 7px 15px;
color: #FFF;
font-weight: bold;
}

.detailArea .company_info {
margin-top: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #CCC;
}

.detailArea .detailL02 {
float: left;
max-width: 72px;
width: 17%;
}

.detailArea .detailR02 {
float: right;
width: 72%;
padding-right: 20px;
word-break: break-all;
}

.detailArea .detail_icon01,
.detailArea .detail_icon02,
.detailArea .detail_icon03,
.detailArea .detail_icon04 {
background-repeat: no-repeat;
color: #3D63AF;
font-size: 14px;
font-weight: bold;
}

.detailArea .detail_icon01 {
background-image : url(../images/detail_icon01.svg);
background-position : left 6px center;
background-size: 16px auto;
padding: 0 0 0 40px;
}

.detailArea .detail_icon02 {
background-image : url(../images/detail_icon02.svg);
background-position : left 6px center;
background-size: 18px auto;
padding: 0 0 0 40px;
}

.detailArea .detail_icon03 {
background-image : url(../images/detail_icon03.svg);
background-position : 0 center;
background-size: 26px auto;
padding: 0 0 0 40px;
}

.detailArea .detail_icon04 {
background-image : url(../images/detail_icon04.svg);
background-position : left 3px center;
background-size: 23px auto;
padding: 0 0 0 40px;
}

.detailArea .company_sns_icon {
margin-top: 20px;
}

.detailArea .company_sns_icon ul {
display: flex;
justify-content: space-around;
}

.detailArea .company_sns_icon ul li img {
width: auto;
height: 26px;
}

.youtube_info {
position: relative;
width: 100%;
padding-top: 56.25%;
margin-top: 40px;
max-width: 640px;
margin-left: auto;
margin-right: auto;
}

.youtube_info iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}

.detailArea .detail_commnet {
margin-top: 40px;
}

.detailArea .detail_commnet ul {
display: flex;
justify-content: space-around;
}

.detailArea .detail_commnet ul li {
width: 32%;
}

.detailArea .commnetArea {
margin-top: 20px;
}


table.detail_table{
border-collapse:collapse;
border-spacing:0;
background-color:#FFF;
empty-cells:show;
width: 100%;
margin-top: 20px;
table-layout: fixed;
}

.detail_table th{
border:1px solid #d9d9d9;
background-color:#E0F4FD;
padding: 1em;
text-align:center;
white-space: nowrap;
font-weight: normal;
width: 170px;
letter-spacing: 0.2em;
}

.detail_table td{
border:1px solid #d9d9d9;
padding:1em;
text-align:left;
word-break: break-all;
}

.detailArea .guide_contents {
margin-top: 20px;
}

.detailArea .tel_font {
font-size: 24px;
font-weight: bold;
}

.detailArea a.tel_font {
text-decoration: none;
}

/* max-width: 960px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 960px){
.detailArea .detailL02 {
float: none;
width: 100%;
}

.detailArea .detailR02 {
float: none;
width: 100%;
margin-top: 10px;
}

}
/* max-width: 960px @end */

/* min-width: 769px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (min-width: 769px){
    .detail_table th{
    width: 170px;
    }
    
    
    }
    /* min-width: 769px @end */


/* max-width: 768px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 768px){
.detailArea {
padding: 0 0 40px 0;
}

.detailArea .detail_info {
margin-top: 30px;
}

.detailArea .detail_title01 {
font-size: 18px;
}

.detailArea .detailL01 {
float: none;
width: 100%;
margin-top: 20px;
}

.detailArea .detailL01 img {
width: 100%;
height: auto;
}

.detailArea .detailR01 {
float: none;
width: 100%;
}

.detail_pr {
margin-top: 20px;
margin-bottom: 20px;
}

.detailArea .detail_ttl {
font-size: 14px;
}

.detailArea .detailL02 {
float: left;
width: 17%;
white-space: nowrap;
}

.detailArea .detailR02 {
float: right;
width: 72%;
margin-top: 0;
font-size: 14px;
padding-right: 0;
}

.detailArea .detail_commnet {
margin-top: 20px;
}

.detailArea .detail_commnet ul {
flex-wrap: wrap;
}

.detailArea .detail_commnet ul li {
width: 100%;
margin-top: 10px;
}

.detailArea .detail_commnet ul li img {
    width: 100%;
    height: auto;
    }
    
    
.detailArea .commnetArea {
font-size: 14px;
}

.detail_table th{
font-size: 14px;
}

.detail_table td{
font-size: 14px;
}

.detailArea .tel_font {
font-size: 18px;
}



}
/* max-width: 768px @end */


/* max-width: 580px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 580px){

.detail_table th{
font-size: 12px;
padding:0.5em;
width: 100px;
}

.detail_table td{
width: 70%;
padding:0.5em;
}

}
/* max-width: 580px @end */