@charset "UTF-8";
/* CSS Document */

body{
background-color:#fff;
}

#mainimage{
background-image:url(mainimage.jpg);
background-repeat:no-repeat;
background-position:50%;
background-size:cover;
}
#mainimage h2{
color:#2f2f2f;
font-size:2.4rem;
text-align:center;
line-height:1;
padding:66px 0 32px 0;
}
#mainimage h2 p{
text-align:center;
font-size:4.8rem;
line-height:1;
padding-bottom:20px;
}

#cate_navi{
background-color:#9ca0ac;
margin:5px 0 140px 0; 
}
#cate_navi ul{
letter-spacing:-.4em;
border-right:1px solid #fff;
}
#cate_navi li{
display:inline-block;
letter-spacing:normal;
width:25%;
border-left:1px solid #fff;
}
#cate_navi li a{
display:block;
text-align:center;
color:#fff;
background-color:#9ca0ac;
font-size:1.6rem;
font-weight:bold;
padding:20px 0;
}
#cate_navi li a:hover{
background-color:#6c6f80;
}

#archivebox .container{
padding:0 48px 140px 48px;
}
.clearfix:after {
    content: "";         /* 擬似要素を実体化 */
    clear: both;        /* floatを解除する */
    display: block;     /* ブロック要素にする */
}

.list_box{
border:1px solid #dcdcdc;
margin-bottom:50px;
}
.list_box h3{
background-color:#fcf3e5;
border-bottom:1px solid #dcdcdc;
padding:28px 34px;
font-size:2rem;
font-weight:bold;
line-height:1.3;
}
.date_cate{
padding:16px 34px 26px 34px;
font-size:1.4rem;
}
.date_cate p{
display:inline-block;
vertical-align:middle;
}
.date_cate p.date{
padding-right:30px;
}
.date_cate p.categ{
color:#fff;
font-weight:bold;
text-align:center;
width:162px;
}
.date_cate .lavel_beit{ background-color:#f19149;}
.date_cate .lavel_career{ background-color:#1d2088;}
.date_cate .lavel_keiyaku{ background-color:#00a0e9;}

.list_box .naiyou{
padding:0 34px 34px 34px;
}
.list_box .naiyou .image{
display:inline-block;
vertical-align:top;
width:583px;
}
.list_box .naiyou .image img{ margin-right:25px;}
.list_box .naiyou .txt{
display:inline-block;
vertical-align:top;
width:497px;
}
.list_box .btn{
background-color:#eee;
border-top:1px solid #dcdcdc;
padding:12px 0;
}
.list_box .btn a{
background-color:#6c6f80;
color:#fff;
font-size:1.8rem;
font-weight:bold;
padding:8px 0;
text-align:center;
display:block;
width:326px;
margin:0 auto;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}
.list_box .btn a:hover{
background-color:#3b3e53;
}


#detailbox{
padding:0 0 140px 0;
}
.job_container{
    max-width: 1100px;
    margin: 150px auto 0;
    padding: 0;
    text-align: left;
    position: relative;
}
.detail_left{
width:100%;
}
.detail{
border:1px solid #dcdcdc;
padding:45px 40px 60px 40px;
margin-bottom:30px;
}
.detail .date_cate{padding: 16px 0 26px 0;}
.detail h3{
font-size:2.4rem;
line-height:1.3;
padding-bottom:13px;
}
.detail .image{
padding-top:17px;
}
.detail .img_l{ float:left;}
.detail .img_r{ float:right;}

.detail .txt{
padding:24px 0 56px 0;
}
.detail .youkou{
background-color:#6c6f80;
color:#fff;
}
.detail .oubo{
background-color:#e8dac4;
margin-top:90px;
}
.detail h4{
font-size:2.4rem;
line-height:1.3;
font-weight:bold;
padding:10px 30px;
margin-bottom:30px;
}
.detail dl{
padding:12px 0;
border-bottom:1px solid #cecece;
}
.detail dt{
float:left;
font-weight:bold;
}
.detail dd{
padding-left:194px;
}
.detail .ls_2{ letter-spacing:4.8em;}
.detail .ls_3{ letter-spacing:1.93em;}
.detail .ls_4{ letter-spacing:0.95em;}
.detail .ls_5{ letter-spacing:0.49em;}
.detail .ls_6{ letter-spacing:0.2em;}
.detail .ls_n{ letter-spacing:normal;}
.detail_left .btn{
border:1px solid #dcdcdc;
background-color:#eca8a3;
text-align:center;
}
.detail_left .btn a{
display:block;
width:432px;
margin:18px auto;
color:#fff;
font-size:2.4rem;
font-weight:bold;
background-color:#dc2619;
text-align:center;
padding:15px 0;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}
.detail_left .btn a:hover{
background-color:#6e0f08;
}

.side,.sidelist{
float:right;
width:336px;
}
.sidelist ul{}
.sidelist li{
border:1px solid #dcdcdc;
margin-bottom:20px;
}
.sidelist a{
display:block;
padding:15px 20px;
}
.sidelist .new{
display:inline-block;
color:#fff;
font-size:1.4rem;
line-height:1.6;
background-color:#dc2619;
font-weight:bold;
width:76px;
text-align:center;
}
.sidelist .title{
font-size:1.6rem;
font-weight:bold;
padding:10px 0 5px 0;
}
.sidelist .txt{}



#infobox{
padding:140px 0;
}
#infobox .detail_left{
border:1px solid #dcdcdc;
padding:45px 40px 60px 40px;
}
#infobox h3{
font-size:2.2rem;
padding-bottom:30px;
}
#infobox .title{
font-weight:bold;
font-size:2rem;
}
#infobox .date{
font-size:1.4rem;
padding:15px 0 30px 0;
}
#infobox .txt{}

#infobox dl{
border-bottom:1px solid #dcdcdc;
padding:10px 0;}
#infobox dt{
float:left;
}
#infobox dd{
padding-left:150px;
}

.side ul{}
.side li{
border-bottom:1px solid #dcdcdc;}
.side a{
display:block;
padding:10px;
}



/* 007 */
.button007 a {
    background: #d0edf7;
    position: relative;
    /* display: flex; */
    justify-content: space-around;
    align-items: center;
    /* width: auto; */
    padding: 10px 50px 10px 25px;
    color: #313131;
    transition: 0.3s ease-in-out;
    font-weight: 500;
    font-weight: bold;
    border-radius: 10px;
    display: inline-block;
    text-decoration: none;
}
.button007 a:before {
    content: '';
    position: absolute;
    top: calc(50% - 2px);
    right: -1em;
    transform: translateY(calc(-50% - 2px)) rotate(30deg);
    width: 12px;
    height: 2px;
    background-color: #6bb6ff;
    transition: 0.3s;
}
.button007 a:after {
    content: '';
    position: absolute;
    top: 50%;
    right: -1em;
    transform: translateY(-50%);
    width: 40px;
    height: 2px;
    background-color: #6bb6ff;
    transition: 0.3s;
}
.button007 a:hover:before, .button007 a:hover:after {
    right: -0.5em;
}
.button007 a:hover {
    background: #7a9dc1;
    color: #ffffff;
}


@media only screen and (max-width: 767px) {
.button007 {
 margin: 10px 0;
}


#mainimage h2{
font-size:1.8rem;
line-height:1;
padding:50px 0 30px 0;
}
#mainimage h2 p{
font-size:2.6rem;
line-height:1;
padding-bottom:5px;
}

#cate_navi{
margin:5px 0 50px 0; 
}
#cate_navi ul{
}
#cate_navi li{
width:25%;
vertical-align:middle;
}
#cate_navi li a{
display:block;
font-size:1.2rem;
line-height:1.2;
padding:17px 0 0 0;
}
#cate_navi li:last-child a{
padding:10px 0;}

#archivebox .container{
padding:0 10px 70px 10px;
}

.list_box h3{
padding:15px 10px;
font-size:1.7rem;
line-height:1.2;
}
.date_cate{
padding:10px 10px 20px 10px;
font-size:1.3rem;
}
.date_cate p{
display:inline-block;
vertical-align:middle;
}
.date_cate p.date{
padding-right:20px;
}
.date_cate p.categ{
color:#fff;
font-weight:bold;
text-align:center;
width:auto;
padding:0 10px;
}

.list_box .naiyou{
padding:0 10px 20px 10px;
}
.list_box .naiyou .image{
display:block;
width:100%;
text-align:center;
}
.list_box .naiyou .image img{ width:48%; margin:0 1%;}
.list_box .naiyou .txt{
display:block;
width:100%;
padding-top:20px;
}
.list_box .btn a{
font-size:1.6rem;
width:90%;
}


#detailbox{
padding:0 0 70px 0;
}
.detail_left{
float:none;
width:100%;
padding:0 10px;
}
.detail{
padding:25px 10px 30px 10px;
margin-bottom:20px;
}
.detail h3{
font-size:2rem;
line-height:1.3;
}
.detail .date_cate{padding: 10px 0 20px 0;}
.detail .image{
padding-top:17px;
}
.detail .image img{ width:49%;}

.detail .txt{
padding:20px 0 50px 0;
}
.detail .oubo{
margin-top:50px;
}
.detail h4{
font-size:2rem;
line-height:1.3;
padding:5px 10px;
margin-bottom:0;
}
.detail dl{
padding:10px 0;
}
.detail dt{
float:none;
}
.detail dd{
padding-left:0;
}
.detail .ls_2,.detail .ls_3,.detail .ls_4,.detail .ls_5,.detail .ls_6{ letter-spacing:normal;}

.detail_left .btn a{
width:90%;
font-size:2rem;
padding:10px 0;
}

.side,.sidelist{
float:none;
width:100%;
margin-top:70px;
}
.sidelist ul{
padding:0 10px;}
.sidelist li{
margin-bottom:10px;
}
.sidelist a{
display:block;
padding:15px 10px;
}
.sidelist .new{
font-size:1.3rem;
line-height:1.6;
width:76px;
}
.sidelist .title{
font-size:1.5rem;
line-height:1.6;
padding:10px 0 5px 0;
}
.sidelist .txt{
font-size:1.3rem;
line-height:1.6;
}



#infobox{
padding:20px 10px 70px 10px;
}
#infobox .detail_left{
padding:25px 10px 30px 10px;
}
#infobox h3{
font-size:2rem;
padding-bottom:20px;
}

#infobox .title{
font-size:1.8rem;
}
#infobox .date{
font-size:1.3rem;
}
#infobox .txt{
}

#infobox dl{
border-bottom:1px solid #dcdcdc;
padding:10px 0;}
#infobox dt{
float:none;
}
#infobox dd{
padding-left:0;
}



}