@charset "UTF-8";

/* ----------------------------------------------- CSS Information
 Style Info:     社員インタビュー
 Notes:          
--------------------------------------------------------------- */
.main-wrap{
width:100%;
padding-top: 4vw;
background: -moz-linear-gradient(left, #ffca00, #ffffae);
  background: -webkit-linear-gradient(left, #ffca00, #ffffae);
  background: linear-gradient(to right, #ffca00, #ffffae);
  margin-bottom: 3%;
  padding-bottom: 3%;
}

.main-title{
width:52.0833%;
padding: 3% 0;
margin: 0 auto;
}
.main-title img{
width:100%;
}

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

.sec01{
width:52.0833%;
margin: 0 auto 5%;
}

.el-box{
width:100%;
background-image: url("../img/elder/el-bg.png");
height: 0;
padding-top: 38.9%;
   background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 10%;
}
.el-box a{
  display: block;
}
.el-box-in{
margin-top: -38.9%;
position: relative;
}

.el-pic{
width: 49%;
margin-top: -5%;
margin-right: 8.4%;
float: right;
line-height: 0;
}
.el-pic img{
width: 100%;
}

.el-pic#nan{
width: 49%;
margin-top: -5%;
margin-right: 0;
float: left;
line-height: 0;
}

.el-namebox{
width: 34.2%;
margin: 6rem 0 0 8.4%;
float: left;
}

.name-01{
border-left: 10px solid #ff7d00;
font-size: 1.4vw;
font-weight: bold;
line-height: 150%;
margin-bottom: 10%;
letter-spacing: 0.2rem;
padding-left: 3%;
}

.name-02{
border-left: 10px solid #ff7d00;
font-size: 1.1vw;
line-height: 150%;
letter-spacing: 0.2rem;
padding-left: 3%;
}


.el-namebox#nan{
width: 34.2%;
margin: 5rem 8.4% 0 0;
float: right;
}

.yomu{
text-align: right;
color: #ff7d00;
font-size: 1vw;
margin-right: 6.4%;
}
.yomu a{
color: #ff7d00;
}

.bana-area{
width:52.08333%;
margin: 0 auto 3%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.bana01{
width:49%;
line-height: 0;
}
.bana-01 img{
width:100%;
}

/******************** 下層ページ　*********************/

.top-title{
width:100%;
line-height: 0;
margin-bottom: 3%;
}

.int-box{
width:52.08333%;
margin: 0 auto 3%;
background-color: #ffffff;
border-radius: 1.2rem;
box-shadow: 8px 8px 5px #ffcd00;
}

.int-box-in{
width:83%;
margin:0 auto;
padding: 6% 0;
}

.int-m{
font-size: 1.3vw;
border-bottom: 2px dotted #ff7d00;
margin-bottom: 2%;
font-weight: bold;
color: #ff7d00;
line-height: 140%;
}

.int-txt{
font-size: 1vw;
line-height: 170%;
margin-bottom: 5%;
float: left;
}

.int-txt2{
width:49%;
font-size: 1vw;
line-height: 170%;
margin-bottom: 5%;
float: left;
}

.int-txt2#right{
float: right;
}

.pic-area{
width: 100%;
}

.int-pic{
width:49%;
margin:  0 0;
float: right;
font-size: 0.9vw;
}
.int-pic img{
width:100%;
}

.int-pic#left{
float:left;
}

.int-bana{
width:49%;
box-shadow: 5px 5px 5px #ffcd00;
line-height: 0;
border-radius: 10px;
}
.int-bana img{
width:100%;
}

.all-btn a{
width:12.7%;
margin: 0 auto;
display: block;
background-color: #000000;
font-size: 1.2vw;
color: #ffffff;
text-align: center;
border-radius: 1.2vw;
line-height: 180%;
font-weight: bold;
text-decoration: none;
}

/* ================= smartphone ================= */
@media only screen and (max-width:699px) {

.main-wrap {
    width: 100%;
    padding-top: 50px;
    }

.main-title{
width:94%;
padding:8% 0; 
}

.sec01{
width:80%;
margin: 0 auto 5%;
background: none;

}

.el-box-sm{
width: 100%;
    background-image: url(../img/elder/el-bg_sm.png);
    height: 0;
    padding-top: 111%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 10%;
}

.el-box-in-sm{
margin-top: -111%;
    position: relative;
    width: 95%;
}

.el-pic-sm{
width: 100%;
}
.el-pic-sm img{
width: 100%;
    margin-top: -15%;
    margin-bottom: 10px;
}

.el-pic-sm#nan img{
width: 100%;
    margin-top: -4%;
}

.el-pic-sm#toku img{
width: 100%;
    margin-top: -8%;
}

.name-01-sm{
font-size: 22px;
    margin: 0 7%;
    font-weight: bold;
}

.name-02-sm{
font-size: 16px;
margin: 0 7%;
font-weight: bold;
}

.bana-area {
    width: 90%;
    }

.bana01 {
    width: 100%;
    line-height: 0;
    margin-bottom: 10px;
}

.int-box {
    width: 90%;
    }

.int-box-in {
    width: 90%;
}

.int-m {
    font-size: 16px;
    }

.int-txt {
    font-size: 14px;
    }

.int-pic {
    width: 100%;
    font-size: 14px;
    margin-bottom: 10px;
    }

.int-txt2#right {
    float: none;
}

.int-txt2 {
    width: 100%;
    font-size: 14px;
    }

.int-bana {
    width: 100%;
    margin-bottom: 5%;
    }

.all-btn a {
    width: 70%;
    margin: 0 auto;
    display: block;
    background-color: #000000;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    border-radius: 14px;
    line-height: 200%;
    font-weight: bold;
    text-decoration: none;
}


}