#header .navArea ul.navi a.p_staff:before { background: #ddd; }
#header .navArea ul.navi a.p_staff:hover:before { background: transparent; }

/* -----------------------------------------------------------

   #w_staff

   ----------------------------------------------------------- */

#w_staff { padding: 70px 5% 90px; position: relative; z-index: 1; text-align: center; }
#w_staff h3 { margin: 0 auto; font-size: 25px; 

    
    letter-spacing: 2.5px; line-height: 1.8; text-align: center; }

/* --- .conceptArea --- */
#w_staff .descriptionArea { margin-top: 20px; position: relative; z-index: 1; margin: 20px auto 0; }
#w_staff .descriptionArea p { font-size: 14px; line-height: 2.4; letter-spacing: 2px; margin-top: 1em; }

@media only screen and (max-width: 800px) { 
#w_staff { padding: 60px 5% 80px; }
#w_staff h3 { margin: 0 auto; font-size: 20px;}
}


@media only screen and (max-width: 738px) { 
#w_staff { padding: 50px 5% 70px; }
#w_staff h3 { font-size: 18px; letter-spacing: 2px; line-height: 1.8; }
/* --- .conceptArea --- */
#w_staff .descriptionArea { margin: 20px auto 0; padding:0 2.5%; text-align:left; }
#w_staff .descriptionArea p { font-size: 13px; line-height: 2; letter-spacing: 1px; margin-top: 1em; }
#w_staff .descriptionArea p br { display:none; }
}

@media only screen and (max-width: 414px) { 
#w_staff { padding: 40px 5% 60px; }
#w_staff h3 { font-size: 15px; letter-spacing: 2px; line-height: 1.8; text-align: center; }
#w_staff .descriptionArea p { font-size: 12px;}
}


/* --- .illustArea --- */
.illustArea { margin: 45px auto 0; width:500px; height:150px; background:url(../images/staff/illust_staff.png) center center no-repeat; background-size:500px 150px; position:relative; z-index:0; }
@media only screen and (max-width: 768px) {
.illustArea { width:400px; height:120px;background-size:400px 120px; }
}
@media only screen and (max-width: 738px) {
.illustArea { width:250px; height:75px;background-size:250px 75px; }	
}



/* --- .staffArea --- */
#w_staff .staffArea { margin: 0 -2% 0; font-size: 0; text-align: center; }
/* .staffBox */
#w_staff .staffBox { display: inline-block; margin: 70px 2% 0; width: 29.333%; }
/* .imgArea */
#w_staff .imgArea { width: 75%; margin: 0 auto; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; overflow: hidden; position: relative; z-index: 1; }
#w_staff .imgArea:before { position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; content: ""; background: #fefefe; z-index: 5; opacity: 0; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; }
#w_staff .imgArea:hover:before { content: ""; background: #e4f5fd; opacity: 0.9; }
#w_staff .imgArea img { -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;  -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;}
#w_staff .imgArea:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
/* span.plus */
#w_staff .imgArea span.plus { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 50px; height: 50px; z-index: 6; overflow: hidden; text-indent: -999px; }
#w_staff .imgArea span.plus:before { position: absolute; top: 50%; left: 50%; margin-left: -25px; border-bottom: transparent 1px solid; width: 0px; height: 0; content: ""; }
#w_staff .imgArea span.plus:after { position: absolute; top: 50%; left: 50%; margin-top: -25px; border-right: transparent 1px solid; width: 0px; height: 0; content: ""; }
#w_staff .imgArea span.plus:before,
#w_staff .imgArea span.plus:after { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
#w_staff .imgArea:hover span.plus:before { border-bottom: #fff 1px solid; width: 50px; }
#w_staff .imgArea:hover span.plus:after { border-right: #fff 1px solid; height: 50px; }
/* .txtArea */
#w_staff .txtArea { margin-top: 20px; }
#w_staff .txtArea h4 { font-size: 13px; font-family: 'Catamaran', sans-serif; font-weight: 700; letter-spacing: 1.5px; line-height: 1.7; }
#w_staff .txtArea h3.en { margin-top: 10px; font-size: 22px; font-family: 'Catamaran', sans-serif; font-weight: 100; letter-spacing: 1px; line-height: 1; vertical-align: 0; }
#w_staff .txtArea h3.jp { margin-top: 5px; font-size: 13px; font-family: "������", YuMincho, "�q���M�m���� ProN W3", "Hiragino Mincho ProN", "HG����E", "�l�r �o����", "�l�r ����", Verdana, serif; font-weight: bold; letter-spacing: 3px; vertical-align: 0; }

#w_staff .staffBox .linkProfileArea { display:none; }

/*content: "\e71f"*/


@media only screen and (max-width: 950px) { 
#w_staff .staffArea { margin: 0 -1% 0; }
#w_staff .staffBox { margin: 70px 1% 0; width: 31.333%; }
#w_staff .txtArea h3.en { margin-top: 5px; font-size: 20px; }
}
@media only screen and (max-width: 800px) { 
#w_staff .staffArea { margin: -10px -2% 0; }
#w_staff .staffBox { margin: 70px 2% 0; width: 46%; }
/* .imgArea */
#w_staff .imgArea:before { display:none; }
#w_staff .imgArea:hover img { -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -o-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); }
#w_staff .imgArea span.plus { display:none;}
#w_staff .staffBox .linkProfileArea { display:block; margin-top:10px; }
#w_staff .staffBox .linkProfileArea a { display: inline-block; width:180px; max-width:100%; padding: 0; margin:0 10px; color:#111; background:#fefefe; border:#111 1px solid; font-size: 13px; text-decoration: none; text-align:center; font-weight:500; line-height: 35px; letter-spacing: 1px; position: relative;  -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}
#w_staff .staffBox .linkProfileArea a:after { font-family: 'themify'; content: "\e71f"; font-size: 16px; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 0; left: 10px; z-index: 1; line-height: 35px; }
}
@media only screen and (max-width: 414px) { 
#w_staff .staffArea { margin: -10px -2% 0; }
#w_staff .staffBox { margin: 60px 2% 0; width: 96%; }
#w_staff .imgArea { width: 65%; }
#w_staff .txtArea h3.en { font-size: 20px;}
#w_staff .txtArea h3.jp { margin-top: 5px; font-size: 13px; font-weight: normal; }
#w_staff .staffBox .linkProfileArea a { width:150px; font-size: 11px; line-height: 30px; }
#w_staff .staffBox .linkProfileArea a:after { left: 7px; font-size: 14px; line-height: 30px; }
}



/* -----------------------------------------------------------

   メッセージ表示

   ----------------------------------------------------------- */
#inline_1, #inline_2, #inline_3, #inline_4, #inline_5, #inline_6, #inline_7, #inline_139
{overflow: auto;background: #fefefe;padding: 50px 5.5%;width: 920px;max-width: 100%;}
/* --- .profileArea --- */
.profileArea { }
/* .profileLeft */
.profileLeft {float: left;width: 30%;}
.profileLeft h4{font-size: 15px;
    font-family: 'Catamaran', sans-serif;
    font-weight: 600;
    letter-spacing: 1.5px;
    line-height: 1.7;
    text-align:left;
    border-bottom:1px solid #ddd;
 }


.profileLeft img { width: 100%; margin: 0 auto; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
.profileLeft ul {font-size:15px;line-height:1.5}

.profileLeft p {font-size:14px;line-height:1.5;}

/* .profileRight */
.profileRight {float: right;width: 62.5%;}
.profileRight h4 { font-size: 13px; font-family: 'Catamaran', sans-serif; font-weight: 700; letter-spacing: 1.5px; line-height: 1.7; }
.profileRight h3 { display: inline-block; position: relative; z-index: 1; }
.profileRight h3.en {margin-top: 10px;font-size: 17px;/* font-family: 'Catamaran', sans-serif; */font-weight: 600;letter-spacing: 1px;line-height: 1;vertical-align: 0;}
.profileRight h3.jp {margin-top: 5px;font-size: 13px;font-weight: bold;letter-spacing: 3px;vertical-align: 0;}
.profileRight h3.jp:before { content: "/"; margin: 0 8px 0 10px; }
/* .txtArea */
.profileRight .txtArea {margin-top: 10px;font-size: 15px;line-height: 2;}
/* .commentArea */
.profileRight .commentArea { margin-top: 15px; padding: 10px 15px 10px 20px; position: relative; z-index: 1; }
.profileRight .commentArea:before {position: absolute;top: 0;left: 0;width: 15px;height: 15px;content: "";
border-top: #d00e00 1px solid;border-left: #d00e00 1px solid;z-index: -1;}

.profileRight .commentArea:after {position: absolute;bottom: 0;right: 0;width: 15px;height: 15px;content: "";border-bottom: #d00e00 1px solid;border-right: #d00e00 1px solid;z-index: -1;}

.profileRight .commentArea p:before {content:"\f140";font-family: 'FontAwesome';padding-right: 10px;}


/* .snsArea */
.profileRight .snsArea { display: block; vertical-align: 0; margin-top: 5px; }
.profileRight .snsArea ul { list-style: none; font-size: 0; }
.profileRight .snsArea ul li { display: inline-block; margin: 0 5px 0 0; }
.profileRight .snsArea ul li a {display: block;width: auto;padding: 0 15px 0 33px;height: 40px;line-height: 40px;color: #fff;font-size: 14px;font-weight: 600;letter-spacing: 0.5px;position: relative;z-index: 1;text-align: center;/* -webkit-border-radius: 25px; */-moz-border-radius: 25px;border-radius: 25px;border: 1px solid #FFC107;background: #FFC107;text-decoration: none;}
.profileRight .snsArea ul li a:before {position: absolute;top: 0;bottom: 0;left: 10px;font-size: 15px;font-family: 'themify';font-weight: normal;color: #fff;}
.profileRight .snsArea ul li a:after {position: absolute;top: 0;right:0;bottom: 0;left: 0;content:"";/* border: #ddd 1px solid; */z-index:-1;/* -webkit-border-radius: 25px; */-moz-border-radius: 25px;/* border-radius: 25px; */-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.profileRight .snsArea ul li a.instagramBtn:before { content: "\e60d"; }
/* .profileRight .snsArea ul li a:hover { color:#000000; background:#f1f1f1;} */
/* .profileRight .snsArea ul li a:hover:after { border:#cecfcf 1px solid;} */
.profileRight .snsArea ul li a:{}

@media only screen and (max-width: 800px) {
#inline_1,
#inline_2,
#inline_3,
#inline_4,
#inline_5,
#inline_6,
#inline_7,#inline_21
{ overflow: scroll;-webkit-overflow-scrolling: touch }
}
@media only screen and (max-width: 800px) {
.profileRight .snsArea ul li a:hover {color:#111;background:#fefefe;}
/* .profileRight .snsArea ul li a:hover:after {border:#ddd 1px solid; } */
}
@media only screen and (max-width: 738px) {

/* .profileLeft */
.profileLeft { float: none; width: 100%; text-align:center; }
.profileLeft img { width: 55%; margin-bottom:20px; }
/* .profileRight */
.profileRight { float: none; width: 100%; text-align:center; }
.profileRight h4 { font-size: 13px; font-family: 'Catamaran', sans-serif; font-weight: 700; letter-spacing: 1.5px; line-height: 1.7; }
.profileRight h3 { display: block; }
.profileRight h3.en { margin-top: 5px;font-size: 20px; line-height: 1;}
.profileRight h3.jp { margin-top: 5px; font-size: 13px; font-weight: normal; letter-spacing: 3px; line-height:1.6; }
.profileRight h3.jp:before { display:none;margin: 0;}
/* .txtArea */
.profileRight .txtArea { margin-top: 25px; padding:0 2.5%; text-align:left; }
.profileRight .txtArea br { display:none; }
.profileRight .txtArea br.spblock { display:block; }
/* .commentArea */
.profileRight .commentArea { margin-top: 20px; padding: 10px 15px 10px 20px; }

/* .snsArea */
.profileRight .snsArea { display: block; vertical-align: 0; margin-top: 10px; }
.profileRight .snsArea ul { list-style: none; font-size: 0; }
.profileRight .snsArea ul li { display: block; margin: 0; text-align:center; }
.profileRight .snsArea ul li a { margin:0 auto; padding: 0; width:150px; max-width:100%; height: 30px; line-height: 30px; color: #111; font-size: 13px; font-weight:500; 
letter-spacing: 1px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}
.profileRight .snsArea ul li a:before {position: absolute;top: 0;bottom: 0;left: 10px;font-size: 16px;font-family: 'themify';}
/* .profileRight .snsArea ul li a:after { -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;} */

}


/* -----------------------------------------------------------

   #w_recruit

   ----------------------------------------------------------- */

#w_recruit { padding: 90px 5%; position: relative; z-index: 1; border-top: #a3d9e0 1px solid; background: url(../images/noise.png) repeat #fefefe; }
#w_recruit:before { position: absolute; top: -1px; left: 5%; right: 5%; height: 0; content: ""; border-top: #ededed 1px solid; z-index: 2; }

@media only screen and (max-width: 800px) {
#w_recruit { padding: 80px 5%; }
}
@media only screen and (max-width: 738px) { 
#w_recruit{ padding: 70px 5%; background: url(../images/noise2.png) repeat #fefefe;}
}
@media only screen and (max-width: 414px) { 
#w_recruit { padding: 60px 5%; }
}


/* .imgArea  */
#w_recruit .imgArea { float: left; width: 30%; }
#w_recruit .imgArea .inner { position: relative; z-index: 2; }
#w_recruit .imgArea .inner:before { position: absolute; top: 7px; left: 0; bottom: 7px; right: 0; content: ""; border: #ddd 1px solid; background: #fefefe; z-index: -2; }
#w_recruit .imgArea .inner:after { position: absolute; top: 0; left: 7px; bottom: 0; right: 7px; content: ""; border: #ddd 1px dotted; z-index: -2; }
/* .txtArea  */
#w_recruit .txtArea { float: right; width: 65%; /*padding:0 35px;border:#ddd 1px solid;*/ }
/* table  */
#w_recruit table { border-collapse: collapse; text-align: left; font-size: 14px; letter-spacing: 1px; line-height: 2; width: 100%; background: #fefefe; }
#w_recruit table tr { }
#w_recruit table th { width: 25%; padding: 22px; vertical-align: 0;/*background: url(../images/noise.png) repeat; */ border: #a3d9e0 1px solid; border-right: #ddd 1px dashed; }
#w_recruit table td { padding: 22px; vertical-align: 0; border: #ddd 1px solid; border-left: none; }
#w_recruit table td .linkArea { margin-top: 10px; text-align: left; }
#w_recruit table td .linkArea a.btn { margin: 0; }


@media only screen and (max-width: 950px) {
#w_recruit table th {width:30%;padding:20px;}
#w_recruit table td {padding:20px;}	
}

@media only screen and (max-width: 800px) {
#w_recruit table { font-size:13px;}	
}
@media only screen and (max-width: 738px) {
#w_recruit .imgArea { float:none; width:100%; }
#w_recruit .txtArea { float:none; width:100%; margin-top:25px; }
#w_recruit table { font-size:12px;}	
}
@media only screen and (max-width: 414px) {
#w_recruit table th {width:35%;padding:15px;}
#w_recruit table td {padding:15px;}		
}

/* ul.circle */
ul.circle { margin: 0; padding: 0; list-style: circle; padding-left: 1em; text-align: left; }
ul.circle li { margin-top: 3px; font-size: 14px; /*font-weight: 500; */ letter-spacing: 1px; line-height: 1.8; }
/* ul.notice */
ul.notice { margin: 0; padding: 0; list-style: none; text-align: left; }
ul.notice li { margin-top: 3px; padding-left: 1.5em; font-size: 14px; /*font-weight: 500; */ letter-spacing: 1px; line-height: 1.8; position: relative; }
ul.notice li.txtPink { color: #ff878d; }
ul.notice li:before { position: absolute; top: 0; left: 0; color: #ff878d; font-family: 'themify'; content: "\e64c"; }

@media only screen and (max-width: 800px) {
ul.circle li,
ul.notice li { font-size: 13px; }
}
@media only screen and (max-width: 738px) {
ul.circle li,
ul.notice li { font-size: 12px;}
}