@charset "utf-8";

.aisatsu p{
margin-bottom: 10px;
}

.aisatsu .ph{
float: left;
margin-right: 30px;
}

.keireki{
margin-top: 0px;
}

.keireki p.name{
margin-left: 1em;
margin-bottom: 10px;
}

.keireki p.ttt{
font-weight: 700;
}

.kouryu .ph{
float: right;
margin-left: 20px;
}

.kouryu .box001{
margin-bottom: 35px;
padding-bottom: 35px;
border-bottom:dotted 1px #000;
}


.ph img.img_02{
display: block;
margin-top: 10px;
}

.miraibox{
margin-bottom: 50px;
padding-bottom: 50px;
border-bottom: 1px dotted #ccc;
}
.miraibox .official{
margin-bottom: 10px;
}
.miraibox .flexbox{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.miraibox .flexbox .flexbox_ph{
    width: 210px;
    text-align: left;
}
.miraibox .flexbox .flexbox_ph img{
    width: 200px;
}
.miraibox .flexbox .flexbox_txt{
    width: 460px;
}
.miraibox .flexbox .flexbox_txt p{
    margin-bottom: 5px;
}
.miraibox .flexbox .flexbox_txt table{
    width: 100%;
}
.miraibox .flexbox .flexbox_txt table th,
.miraibox .flexbox .flexbox_txt table td{
    padding: 15px 10px;
    font-size: 1.4rem;
}

.miraibox .keireki .careerlist{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}
.miraibox .keireki .careerlist dt{
    width: 30%;
    padding: 0 3px 3px 0;
}
.miraibox .keireki .careerlist dd{
    width: 65%;
    padding: 0 3px 3px 3px;
}
.miraibox .keireki .careerlist dt.last{
    padding: 0 3px 0 0;
}
.miraibox .keireki .careerlist dd.last{
    padding: 0 3px 0 3px;
}

@media screen and (max-width: 768px) {
.miraibox .flexbox{
    display:block;
}
.miraibox .keireki .careerlist{
    display: block;
}
.miraibox .keireki .careerlist dt{
    width: 100%;
    padding: 0 3px 0 0;
}
.miraibox .keireki .careerlist dd{
    width: 100%;
    padding: 0 3px 5px 3px;
}
.miraibox .flexbox .flexbox_ph{
    width: 100%;
    text-align: center;
}
.miraibox .flexbox .flexbox_ph img{
    width: 50%;
    text-align: center;
}
.miraibox .flexbox .flexbox_txt table th.w20{
    width: 20%;
}

.miraibox .flexbox .flexbox_txt table td{
    width: 75%;
}
.miraibox .flexbox .flexbox_txt{
    width: 100%;
}
}