/*! #mainImg
================================================ */
#mainImg.mainChild { background-image: url(../img/reason/bg_main_sp.jpg); }
@media print,(min-width:640px) { #mainImg.mainChild { background-image: url(../img/reason/bg_main_pc.jpg); } }
/*! .layout

------------------------------------------------ */
#reason.index .deptHd { margin: 0 0 25px; text-align: center; }
#reason.index .deptHdIn { display: inline-block; position: relative; box-sizing: border-box;width: 100%; height: 74px; color: #fff; }
#reason.index .deptHdIn .name { display: block; position: absolute; top: 0; right: 0; left: 0; width: 72px; line-height: 1.8; margin: 0 auto; border-top: 3px solid;font-weight: 400; font-size: 17.6px; font-size: 1.1rem; text-align: center; letter-spacing: .075em; }
#reason.index .deptHdIn .corse { line-height: 1; margin: 26px 0 8px; font-weight: 500; font-size: 32px; font-size: 2rem; letter-spacing: .2em; }
#reason.index .deptHdIn .en { line-height: 1; font-size: 16px; font-size: 1rem; }
#reason.index .dept#ns .deptHdIn { background: #ff91a4; }
#reason.index .dept#ns .deptHdIn .name { border-color: #f43f5e;color: #f43f5e; }
#reason.index .dept#pt .deptHdIn { background: #4db1e3; }
#reason.index .dept#pt .deptHdIn .name { border-color: #006fa6;color: #006fa6; }
#reason.index .dept#ot .deptHdIn { background: #52c765; }
#reason.index .dept#ot .deptHdIn .name { border-color: #019219;color: #019219; }
#reason.index .dept#me .deptHdIn { background: #f7a42e; }
#reason.index .dept#me .deptHdIn .name { border-color: #e75e13;color: #e75e13; }
#reason.index .dept#hs .deptHdIn { background: #894e89; }
#reason.index .dept#hs .deptHdIn .name { border-color: #4e204e;color: #4e204e; }
#reason.index .deptBox .img { position: relative; overflow: hidden; }
#reason.index .deptBox .img .nameBox { position: absolute; bottom: 0; box-sizing: border-box;width: 100%; min-height: 55px; line-height: 1.45; padding: 8px 55px 6px 10px; background: rgba(0,0,0,.5); color: #fff; }
#reason.index .deptBox .img .nameBox .name { font-weight: 500;font-size: 25.6px; font-size: 1.6rem; }
#reason.index .deptBox .img .nameBox .name .from { display: block; font-weight: 300;font-size: 19.2px; font-size: 1.2rem; }
#reason.index .deptBox .img .nameBox .year { display: inline-block; position: absolute; right: -33px; bottom: 16px; width: 125px; height: 30px; line-height: 29px; overflow: hidden; font-weight: 500; font-size: 24px; font-size: 1.5rem; text-align: center; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 50%; transform-origin: 50%; }
#reason.index .deptBox .img .nameBox .year .num { display: inline-block; position: relative; bottom: -1px; line-height: 1; font-weight: 400;font-size: 32px; font-size: 2rem; vertical-align: baseline; }
@media print,(min-width:640px) { #reason.index .deptHd { position: relative; margin: 0 0 40px; }
#reason.index .deptHd:after , #reason.index .deptHd:before { display: block; position: absolute; top: 57px; width: 100%; height: 2px; background: #e1e3e3;content: ""; }
#reason.index .deptHd:after { top: 61px; }
#reason.index .deptHdIn { position: relative; z-index: 1; width: 360px; height: 120px; }
#reason.index .deptHdIn .name { width: 104px; line-height: 2; border-top: 5px solid;font-size: 1.6rem; letter-spacing: .075em; }
#reason.index .deptHdIn .corse { margin: 42px 0 12px; font-size: 3.2rem; }
#reason.index .deptHdIn .en { font-size: 1.3rem; }
#reason.index .deptBox:nth-of-type(even) { margin: 35px 0 0; padding: 0; background: 0 0; }
#reason.index .deptBox .img .nameBox { position: static; min-height: 72px; line-height: 1.5; padding: 12px 110px 12px 15px; background: #373a41; }
#reason.index .deptBox .img .nameBox .name { font-size: 1.8rem; }
#reason.index .deptBox .img .nameBox .name .from { font-size: 1.4rem; }
#reason.index .deptBox .img .nameBox .year { right: -52px; bottom: 22px; width: 188px; height: 45px; line-height: 44px; font-size: 2rem; }
#reason.index .deptBox .img .nameBox .year .num { bottom: -1px; font-size: 2.6rem; }
#reason.index .deptBox .txtBox .tit { font-size: 2.8rem; }
#reason.index .deptBox .txtBox .tit + .txt { margin-top: -8px; } }
/*! #mainImg
------------------------------------------------ */

#message .profileHd {/*padding: 20px; background: #f5f7f7;*/}
#message .profileHd.ns {padding: 20px; background: #ff91a4;color:#fff;}
#message .profileHd.pt {padding: 20px; background: #4db1e3;color:#fff;}
#message .profileHd.ot {padding: 20px; background: #52c765;color:#fff;}
#message .profileHd.me {padding: 20px; background: #f7a42e;color:#fff;}
#message .profileHd.hs {padding: 20px; background: #894e89;color:#fff;}
@media print,(min-width:640px) {
#message .profileHd { overflow: hidden;padding:20px;}
#message .profileSet .tit { margin: 0 0 20px; padding: 9px 30px 10px; font-size: 2.1rem;text-align: left; }
#message .profileSet .name { font-size: 3rem; }
#message .profileSet .name .sub { margin: 0 0 8px 25px; font-size: 1.3rem; }
#message .profileSet .content { margin-top: 16px; padding-top: 16px; border-top: 1px solid #dcdcdc; }
}

#message .profileHd .img { float: left; width:150px;margin-right: 15px; }
.titUnder{text-decoration: 2px underline;text-underline-offset: 8px;}

@media screen and (max-width: 480px){
#message .profileSet {clear:both;}
.mod_tit05{font-size:1.6rem; line-height:1.2;}
.mod_imgSet01 > .img {
  width: 50%;
  height: auto;
  vertical-align: top;
  margin: 0 auto 10px auto;
  display: block;
}
}



@media print, (min-width: 640px) {
  .mod_imgSet01 > .img {
    float: left;
    width: calc(20% - 20px);
  }
}
@media print, (min-width: 640px) {
  .mod_imgSet01 > .txtBox {
    float: right;
    width: calc(80% - 30px);
    margin: 0 0 0 30px;
  }
}
@media print, (min-width: 640px) {
.txtM{margin-top:8%;}
}


@media print, (min-width: 640px) {
.mod_imgSet01 > .txtBox {margin-top:10px;}
}
.mod_imgSet01 > .txtBox {margin-top:0;}







/*# sourceMappingURL=maps/voice.css.map */
