@charset "UTF-8";

/*----------------------------------------------------
    ▼reset
----------------------------------------------------*/
html{
    overflow-y: scroll;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,textarea,p,blockquote,th,td{
    margin: 0;
    padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var{
    font-style: normal;
    font-weight: normal;
}
h1,h2,h3,h4,h5,h6{
    font-size: 100%;
    font-weight: normal;
}
table{
    border-collapse: collapse;
    border-spacing: 0;
}
caption,th{
    font-weight: normal;
    text-align: left;
}
ol,ul{
    list-style: none;
}
fieldset,img{
    border: 0;
}
img{
    border:0px;
    max-width: 100%;
    margin: 0 auto;
    display: block;
}

a{
    text-decoration: none;
    color: #232323;
}

a:hover{
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}

/*----------------------------------------------------
    ▼base style
----------------------------------------------------*/
body{
    margin:0px;
    padding:0px;
    text-align:center;
    font-size:16px;
    color:#232323;
    font-family:  "游ゴシック",'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
}

.clearfix:after{
    content: "";
    display: block;
    clear: both;
}

#Wrapper{
    width:100%;
    padding:0px;
    margin:0px;
    overflow: hidden;
}

/*----------------------------------------------------
    ▼Header
----------------------------------------------------*/
header{
    width: 100%;
    height: 100px;
    background-color: white;
    border-bottom: 1px #ccc solid;
    position: fixed;
    top: 0;
    z-index: 999;
}

.contents {
    padding-top: 100px;
}

.contents-inner {
    padding-top: 50px;
    margin-top: -50px;
    display:block;
}
.recruit-link-wrap
{
    width: 1024px;
    margin: auto;
    text-align:left;
    font-size:120%;
    font-weight:bold;
    margin-top: 100px;
    padding:10px;
}
.recruit-link {
    color:#AD4B7B;
    text-decoration:underline;
}

.recruit-link-wrap br{
    display:none;
}

.recruit-title {
    width: 1024px;
    margin: auto;
    text-align:left;
    font-size:120%;
    font-weight:bold;
    text-decoration:underline;
    padding:10px;
    padding-bottom:0px;
}

#Header-SMT{
    display: none;
}

.Header-Wrapper{
    width: 1200px;
    margin: 0 auto;
    display: flex;
}

.Logo{
    text-align: left;
    width: 270px;
}

#Navi{
    display: flex;
    /** margin-left: auto; **/
}

#Navi ul{
    width: 100%;
    margin-top: 60px;
}

#Navi ul li{
    display: inline-flex;
    margin-right: 15px;
    font-size:16px;
    font-weight:bold;
}

#Navi-SMT{
    display: none;
}
/*----------------------------------------------------
    ▼Navi
----------------------------------------------------*/
.dropmenu{
  *zoom: 1;
  list-style-type: none;
  padding: 0;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
.dropmenu li a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  line-height: 1;
  text-decoration: none;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: -20px;
  left: 0;
  margin: 0;
  padding: 0;
}
.dropmenu li ul li{
  width: 200%;
}
.dropmenu li ul li a{
  padding: 13px 15px;
  border-top: 1px solid #c7c7c7;
  background: white;
  text-align: left;
}
.dropmenu li ul li{
  overflow: hidden;
  height: 0;
  transition: .2s;
}
.dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
}
.dropmenu li ul li a {
    width: 200px;
}
.dropmenu li ul li a:hover {
    opacity: 1;
    background-color: #f1f1f1;
}
/*----------------------------------------------------*/

.Entry-Button{
    height: 100px;
    background-color: #A01559;
    line-height: 100px;
    margin: 0 0 0 auto;
}

.Entry-Button p{
    width: 100px;
}


.Entry-Button a{
    color: white;
    display: block;
    font-family: Helvetica, Arial,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}

.Entry-Button a:hover{
    background-color: #AD4B7B;
    transition:1.0s;
    -moz-transition:1.0s;
    -webkit-transition:1.0s;
}

/*追尾ナビ用*/
.fixed {
    position: fixed;
    top: 0;
    z-index: 999;
}

/*----------------------------------------------------
    ▼Top Page Contents
----------------------------------------------------*/
section{
    margin-top: 50px;
    overflow: hidden;
}

section h2{
    background-color: #F0D9E4;
    color: #454545;
    font-size: xx-large;
    height: 50px;
    line-height: 55px;
    letter-spacing: 8px;
}

/*Section1*/
.Message-Button{
    width: 60%;
    height: 70px;
    background-color: black;
    margin: 0 auto 50px;
}

.Message-Button a{
    color: white;
    display: block;
    line-height: 70px;
}

.Message-Button a:hover{
    background-color: gray;
    transition:1.0s;
    -moz-transition:1.0s;
    -webkit-transition:1.0s;
}

.Navi2-1,.Navi2-3{
    background-color: #af2161;
    position: relative;
}

.Navi2-2,.Navi2-4{
    background-color: #f58aba;
    position: relative;
}

.Navi2 ul{
    display: block;
    width: 100%;
}

.Navi2 ul li{
    width: 25%;
    height: 148px;
    float: left;
    overflow: hidden;
}

.Navi2 ul li a {
    display: block;
    width: 100%;
    height: 100%;
}

.Navi2 ul li a:hover{
    opacity: 0.3;
    transition:1.0s;
    -moz-transition:1.0s;
    -webkit-transition:1.0s;
}

.Navi2-Number1,.Navi2-Number3,.Navi2-Number2,.Navi2-Number4{
    font-size: 100px;
    font-family: "arial black";
    float: left;
    line-height: 148px;
    padding-left: 30px;
}

.Navi2-Number1,.Navi2-Number3{
    color: #f58aba;
}

.Navi2-Number2,.Navi2-Number4{
    color: #af2161;
}


.Navi2-Txt,.Navi2-Txt3,.Navi2-Txt4{
    text-align: right;
    color: white;
    font-weight: bold;
    font-size: large;
    padding: 40px 30px 0 0;
}

.Navi2-arrow{
    position: absolute;
    right: 30px;
    }

/*Section3*/
#Section3 ul{
    display: flex;
    flex-wrap: wrap;
}

#Section3 li{
    width: 25%;
    position: relative;
    background-color:black;
}

#Section3 a{
    display: block;
}

#Section3 a:hover{
    transition:1.0s;
    -moz-transition:1.0s;
    -webkit-transition:1.0s;
}

#Section3 img {
    &:hover {
    @include opacity(0.3);
    }
}

/*Section4*/
#Section4 ul{
    width: 1000px;
    margin: 50px auto;
    display: flex;
    justify-content: space-between;
}

#Section4 li{
    width: 25%;
}

#Section4 img{
    border: 4px solid #940d52;
    box-sizing: border-box;
}

.Section4-Button{
    width: 50%;
    height: 70px;
    margin: 0 auto;
    background-color: black;
}

.Section4-Button a,.Section4-Button p{
    color: white;
    line-height: 70px;
    display: block;
}

.Section4-Button a:hover{
    background-color: gray;
    transition:1.0s;
    -moz-transition:1.0s;
    -webkit-transition:1.0s;
}

/*Section5*/
#Section5{
    height: 500px;
    background-image: url(../image/Section5_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}

#Section5 ul{
    width: 70%;
    margin: 100px auto 0;
    display: flex;
    justify-content: space-between;
}

#Section5 li{
    width: 30%;
    height: 70px;
    border:2px solid white;
}

#Section5 li a,#Section5 p,.Section5-Button a,.Section5-Button p{
    color: white;
    display: block;
    line-height: 70px;
}

#Section5 a:hover{
    opacity: 1;
    text-decoration: underline;
}

.Section5-Button{
    width: 40%;
    height: 70px;
    border:2px solid white;
    margin: 100px auto 0;
}

.employee_visit_btn{
    background-color: #A01559;
    color:white;
    width:400px;
    margin:0 auto;
    height:100px;
    line-height:initial;
}
.employee_visit_btn a {
    color:white;
    width:auto;
    line-height:100px;
    font-size:130%;
    display: block;
}

.employee_visit_btn a:hover {
    background-color: #AD4B7B;
    transition: 1.0s;
    -moz-transition: 1.0s;
    -webkit-transition: 1.0s;
}

/** 担当者メッセージ ***/
.person_message_wrap_all {
    width: 1400px;
    margin: 80px auto 0px auto;
}

.person_message_wrap {
    display:flex;
    margin: 40px 0;
    align-items: stretch;
    overflow: hidden;
}
.person_message_img {
    width: 38%;
    object-fit: cover;
}
.person_message_img img{
    max-width: initial;
    height: 100%;
}
.person_message_text {
    background-color: #eee;
    flex-grow:1;
    text-align: left;
    padding: 20px 20px;
}
.person_message_text_title {
    font-size: 1.2rem;
    font-weight: bold;
}
.person_message_text_simple {
    font-size: 0.8rem;
    margin-top: 30px;
}
.person_message_text_initial {
    font-size: 1rem;
    margin: 4px 0;
}
.person_message_text_detail {
    font-size: 0.85rem;
}
.person_message_img_L {
    display: block;
}
.person_message_img_M {
    display: none;
}
.person_message_img_S {
    display: none;
}
.person_message_wrap2 {
    display:initial;
}
.person_message_img2 {
    float: right;
    padding: 0 0 20px 20px;
    overflow: hidden;
}

@media print, screen and (max-width: 1399px) {
    .person_message_wrap_all {
        width: 100%;
    }
    .person_message_wrap {
        align-items: initial;
    }
    .person_message_img3 {
        display: flex;
        justify-content: center;
    }
}
@media print, screen and (max-width: 1199px) {
    .person_message_text {
        padding: 20px 2% 20px 2%;
        width: 96%;
    }
    .person_message_img {
        width: 50%;
    }
    .person_message_img2 {
        width: initial;
    }

    .person_message_img_L {
        display: none;
    }
    .person_message_img_M {
        display: block;
    }
    .person_message_img_S {
        display: none;
    }
}

@media print, screen and (max-width: 1020px) {

    .person_message_img2 {
        width: 50%;
    }
    .person_message_img2 img{
        max-width: initial;
        height: 100%;
    }
}
@media print, screen and (max-width: 850px) {

}
@media print, screen and (max-width: 750px) {
    .person_message_img_L {
        display: none;
    }
    .person_message_img_M {
        display: none;
    }
    .person_message_img_S {
        display: block;
    }
    .person_message_wrap {
        display: flex;
        flex-wrap: wrap;
        margin: 0px;
    }
    .person_message_wrap2 {
        /*flex-wrap: wrap-reverse !important;*/
    }
    .person_message_img2 {
        float: initial;
        padding: initial;
    }
    .person_message_img {
        width: 100%;
        object-fit: initial;
    }
    .person_message_img img{
        max-width: 100%;
        height: initial;
    }
    .person_message_text {
        padding: 30px 20px 60px 20px;
    }

}
@media print, screen and (max-width: 450px) {
    .person_message_text {
        padding: 20px 20px 60px 20px;
    }
}

/** /担当者メッセージ ***/


/*----------------------------------------------------
    ▼Footer
----------------------------------------------------*/
.footer-ul1,.footer-ul2{
    width: 1024px;
    margin: 50px auto;
    display: flex;
    justify-content: space-between;
}

.footer-ul1 li{
    width: 48%;
    height: 70px;
    background-color: #A01559;
}

.footer-ul1 li a{
    color: white;
    line-height: 70px;
    display: block;
}

.footer-ul1 a:hover{
    background-color: #AD4B7B;
    transition:1.0s;
    -moz-transition:1.0s;
    -webkit-transition:1.0s;
}

footer h4{
    font-size: xx-large;
    margin-bottom: -30px;
    text-align: center;
}

/*----------------------------------------------------
    ▼pege topボタン
----------------------------------------------------*/
#page-top {
    right:1%;
    bottom:3%;
    position: fixed;
    z-index: 1;
}

#page-top a:hover {
    opacity: 0.7;
}

#page-top a {
    display: block;
    width: 80px;
    height: 80px;
    color: white;
    background-color: #A01559;
    border-radius: 100px;
    transition:1.0s;
    -moz-transition:1.0s;
    -webkit-transition:1.0s;
}

#page-top p{
    font-size:16px;
    font-weight: bold;
    line-height: 5em;
}

.title_sentence {
    position: relative;
    text-align: center;
    width: 500px;
    margin: 0 auto;
    font-size: xx-large;
    padding-top:10px;
    padding-bottom:10px;
}

.title_sentence_inner {
    background-color:white;
    display: inline-block;
    padding: 0 0.5em;
    position: relative;
    font-size: xx-large;
    text-align:center;
}

.title_sentence_gray {
    background-color:#cfd2ce;
}

.title_sentence:before {
    border-top: 1px solid;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
}

#TOP_Section2 {
    height: 700px;
    background-image: url(/common/image/Section2_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0;
}
.Section2-SMT {
    display: none;
}

.content {
    width: 1000px;
    margin: 0 auto;
}
.content-img {
    margin: 24px 0 70px;
}

.faq-Section1-Box {
    margin: 8px auto !important;
}

.faq-title {
    display: block;
    cursor: pointer;
    height: auto;
    font-size:22px;
    line-height: 1.2;
    letter-spacing: 1px;
    padding: 10px 0;
    position: relative;
    background-color: #48d1cc;
    color:white;
}

.faq-title:after {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -12px;
    content: '';
    width: 14px;
    height: 14px;
    border: 1px solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.faq-title.selected:after {
    margin-top: -4px;
    transform: rotate(-135deg);
}


.faq-title h5 {
    border-left:initial !important;
    padding-left: 18px !important;
    font-size: 18px !important;
    font-weight: bold;
}
.faq-title:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}
.faq-content dd {
    font-size: 16px;
    padding: 6px 40px 20px 20px;
}

.interview_top {
    margin: 0px auto;
    width: 1000px;
}
.interview_top_img {
    float:left;
    width: 240px;
    padding-right : 10px;
}

.top_button_01 {
    margin: 40px auto;
    width: 260px;
    font-size: 130%;
    line-height: 60px;
    background-color: #A01559;
}

.top_button_01 li a {
    color: white;
    display: block;
}

#TOP_Section3 {
    margin-top: 50px;
}


#TOP_Section4 {
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(/recruit/common/image/Section4_bg.jpg?003) no-repeat center center / cover;
    height: 650px;
    padding: 50px 0;
}
.title_sentence_workplace {
    width: 30%;
    margin: 0 auto;
    font-size: xx-large;
    padding-top: 10px;
    padding-bottom: 10px;
    background:rgba(255,255,255,0.5);
}

.title_sentence_entry {
    margin: 0 auto;
    font-size: xx-large;
    padding-top: 10px;
    padding-bottom: 10px;
}
#TOP_Section5 {
    margin-top: 0px;
    padding-top: 50px;
    background: gainsboro;
    padding-bottom: 50px;
    margin-bottom: -50px;
}

.footer-wrapper {
    background-image: url(/common/image/footer_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-top:50px;
}
.footer1-wrapper {
    width: 900px;
    margin: 0px auto;
    display: flex;
    padding: 30px 0;
    padding-left: 120px;
    text-align: left;
}
.footer1-navi {
    width: 33%;
    border-left: 1px solid white;
    padding: 0 20px;
}
.footer1-wrapper a {
    color: white;
}
.footer-wrapper h6 {
    font-size: 110%;
    font-weight: normal;
    background-color: initial;
    letter-spacing: initial;
    line-height: 30px;
    height: initial;
}
.footer1-navi ul {
    margin-left: 20px;
}
.footer-after {
    margin-top:20px;
}

#Navi1 {
    z-index: 3;
}
#acMenu dt {
    display: block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    cursor: pointer;
    background-color: black;
    color: white;
}
#acMenu dd {
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border: #666 1px solid;
    display: none;
    color: white;
    position: absolute;
    right: -1px;
}
#acMenu ul, #acMenu dt {
    margin: 0 !important;
}
#Navi1 li {
    margin-right: 0px;
    background: black;
    border-bottom: 1px solid #5C5C5C;
}
#Navi1 li a {
    color: white;
    display: block;
}

#CorporateSection {
    width: 1200px;
    margin: 80px auto;
}
.corporate_link_title {
    text-align: left;
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 16px;
}
.corporate-ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.corporate-ul ul {
    list-style: none;
}

.corporate-ul li {
    margin-bottom: 20px;
}
.corporate-img_wrap {
    overflow: hidden;
    cursor: pointer;
    background-color: #000000;
    position: relative;
    width: 280px;
}
.corporate-img_wrap img {
    width: 100%;
    transition-duration: 0.5s;
    display: block;
    opacity: 0.50;
}
.corporate-img_wrap:hover img{
  transform: scale(1.1);
  transition-duration: 0.5s;
  display: block;
  opacity: 0.50;
}
.corporate-img_wrap-outer {
    position: relative;
}
.corporate-img_wrap-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin: 0;
    padding: 0;
    color: white;
    font-size: 18px;
    font-weight: bold;
    /* background-color: rgba(0,0,0,0.5); */
    width: 100%;
}

.corporate_visit_btn {
    background-color: #A01559;
    color: white;
    width: 460px;
    margin: 20px auto;
    height: 70px;
    line-height: initial;
}
.corporate_visit_btn a {
    color: white;
    width: auto;
    line-height: 70px;
    font-size: 120%;
    display: block;
}

#OfficeSection {
    width: 1200px;
    margin: 80px auto;
}

.office_title {
    text-align:left;
    margin-left:10px;
    font-size:22px;
    margin-bottom:-10px;
}
.office_title2 {
    margin-top: 20px;
}
.office_img {
    float: left;
    padding: 10px;
    margin: 0 auto;
}
.office_img_wrapper {
    display:flex;clear:both;
}

.office_img_right {
    padding-right: 0px;
}

.office_img100{
    width: 100%;
}
.office_img100 img{
    width: 100%;
}
.office_img50{
    width: 50%;
}
.office_img50 img{
    width: 100%;
}
.office_img33{
    width: 33%;
}
.office_img33 img{
    width: 100%;
}

#MemberSection {
    width: 1200px;
    margin: 100px auto;
}
#MessageSection {
    width: 1200px;
    margin: 100px auto;
}
.member_wrapper {
    display: flex;
    margin-top: 40px;
    margin-bottom: 40px;
}
.member_wrapper2 {
    display: flex;
    justify-content: space-around;
    margin-top: 40px;
}
.member_top {
    width : 50%;
    margin-bottom:30px;
}
.member_top a {
    display:block;
    margin: 0 auto;
    width: 460px;
}
.member_top a:hover{
    opacity: initial;
    filter: initial;
    -ms-filter: initial;
}
#MemberListSection {
    width: 1200px;
    margin: 70px auto;
}
#MemberListSection .member_list_all_wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.member_list_wrapper {
    clear:both;
    padding: 40px 0;
    width: 33%;
}

.member_list_wrapper a:hover {
    opacity: initial;
}

/******** メンバー画像のリンクブロック部 ****************/
.member_list_wrapper .member_list_img_link {
    display: block;
    width: 320px;
    margin: 0 auto;
}

/** 上乗せする背景ブロック 中央から幅が広がるパターンでセット **/
.member_list_img {
    width: 320px;
    height: auto;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.member_list_img::before {
    content:"";
    position: absolute;
    z-index: 2;
    background: rgba(0,0,0,.4);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform .4s cubic-bezier(0.3, 0, 0.2, 1) 0s;
    -webkit-transition: .4s;
    transform : scale(0, 1); /* 幅が0から始まる指定 */
    transform-origin: center;
    opacity: 0;
}
.member_list_img:hover::before {
    transform:scale(1, 1);
    opacity: 1;
}
/** /上乗せする背景ブロック 中央から幅が広がるパターンでセット **/

/** テキストブロック 浮き出るセット **/
.member_pic_inner{
    top: 0;
    left: 0;
    position: absolute;
    text-align: left;
    line-height: 1.2rem;
    font-size: 0.9rem;
    color: white;
    z-index: 3;
    width: 100%;
    height:100%;
    margin: auto;
    opacity: 0;
    transition: .4s ease-in-out;
}
.member_pic_inner:hover {
    opacity: 1;
}
.member_pic_inner:hover .member_pic_inner_link_btn{
    opacity: 0.9;
    left: 50%;
}
/** / テキストブロック 浮き出るセット **/
.member_pic_inner p{
    position: absolute;
    padding: 10px 20px;
    top: 12%;
}
.member_pic_inner p span{
    font-size: 1.08rem;
    font-weight: bold;
    display: block;
    margin-top: 1.5rem;
}


.member_list_img img{
    border:solid 1px #dedede;
}
.member_list_text {
    text-align: left;
    padding: 10px 30px;
    line-height: 24px;
    display: none;
    width: 320px;
    margin: 0 auto;
}
.member_list_text a {
    position: relative;
    display: block;
    font-weight: bold;
    font-size: 1.2rem;
    color: #333;
    margin-top: 1.5rem;
}

/** タッチパネルの場合の処理 **/
@media (hover: none) {

    .member_pic_inner{
        display: none;
    }
    .member_list_img::before {
        display: none;
    }
    .member_list_text {
        display: block;
    }
}


.member_list_more_btn {
    background-color: #A01559;
    color: white;
    width: 300px;
    margin: 60px auto 0 auto;
    height: 60px;
    line-height: initial;
}
.member_list_more_btn a {
    color: white;
    width: auto;
    line-height: 60px;
    font-size: 130%;
    display: block;
}

.member_list_under_content {
    margin-top: 30px;
    font-size: 16px;
    text-align:left;
}
.member_list_img_sp_link {
    display: none;
}
.member_list_img_sp {
    display: none;
}

#MemberDetailSection{
    width: 1024px;
    margin: 40px auto;
    /** background-color: #eee; **/
}
.member_detail_wrapper {
    clear:both;
    padding: 0px;
}
.member_detail_img {
    float: left;
}
.member_detail_img img{
    border:solid 1px #dedede;
}
.member_detail_text {
    float: left;
    text-align: left;
    padding: 10px 30px;
    font-size: 1.9rem;
}
.member_detail_text_title {
    font-size: 20px;
    font-weight: bold;
}
.member_detail_text_keyword {
    font-size: 1.2rem;
    font-weight: bold;
    margin: 0.6rem 0 20px 0;
}
.member_detail_text_simple {
    font-size: 0.8rem;
    margin-bottom: 0.6rem;
    line-height: 1.3rem;
}
.member_detail_text_initial {
    font-size: 1.1rem;
}

.member_detail_box_wrapper {
    text-align:left;
    margin-top:30px;
    font-size: 0.85rem;
    line-height: 1.6rem;
    padding: 0 20px;
}
.member_detail_box_title {
    /*background: #efefef;*/
    padding: 14px 14px 14px 0px;
    font-weight: bold;
    font-size: 1.2rem;
    color: #333;
    line-height: 1.4;
    letter-spacing: 0;
}
.sp460br {
    display: none;
}




#RecruitTopSection {
    width: 1200px;
    margin: 80px auto;
}
.recruit_left_btn_wrapper {
    float: left;
    margin-left: 280px;
    margin-right: 100px;
}

.recruit_right_btn_wrapper {
    float: left;
}

.recruit_left_btn_wrapper a {
    display: inline-block;
    width: 230px;
    text-align: center;
    border: 1px solid #A01559;
    color: #A01559;
    background-color: white;
    text-decoration: none;
    font-weight: bold;
    font-size: 140%;
    padding: 20px 16px ;
    transition: .4s;
    cursor: pointer;
    outline: none;
    -webkit-appearance: none;
}
.recruit_right_btn_wrapper a {
    display: inline-block;
    width: 230px;
    text-align: center;
    border: 1px solid #A01559;
    color: white;
    background-color: #A01559;
    text-decoration: none;
    font-weight: bold;
    font-size: 140%;
    padding: 20px 16px ;
    transition: .4s;
    cursor: pointer;
    outline: none;
    -webkit-appearance: none;
}

.recruit_entry_btn {
    margin: 40px auto;
    width: 260px;
    font-size: 130%;
    line-height: 60px;
    background-color: #A01559;
}

.recruit_entry_btn a{
    color:white;
    display: block;
}

.Section2-SP {
    display: none;
}
.fa-icon {
    padding-right: 16px;
    margin-left: -16px;
    font-size: 110% !important;
}
.sp_only {
    display: none !important;
}
.footer1-wrapper-SP {
    display: none;
}

.top_list_type01{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 460px;
        height: 255px;
        margin: 0 auto;
}
.top_list_type01_title {
    display:block;
    padding:20px;
    background: rgba(230,230,230,0.8);
    width:420px;
    margin-top: 39.5%;
    font-size:130%;
    font-weight: 500;
    text-align: right;
}
.top_list_type02_title {
    margin-top: 46.5%;
}

.top_list_type01_title:after{
    position: absolute;
    content: '';
    margin-top: -22px;
    margin-left: -20px;
    width: 12px;
    height: 12px;
    border: 1px solid #AD4B7B;
    border-width: 0 2px 2px 0;
    transform: rotate(-45deg);
}

.top_list_type02{
    height: 287px !important;
}
.top_list_type02:after {
    margin-top: 226px;
}

.member_top_list_01 {
     background: url(/recruit/member/image/member_top_04.jpg?00001) no-repeat center center / cover;
     border: solid 1px #dedede;
}
.member_top_list_02 {
     background: url(/recruit/member/image/member_top_02.jpg?00002) no-repeat center center / cover;
}
.message_top_list_01 {
     background: url(/recruit/common/image/message/message_01.jpg?00002) no-repeat center center / cover;
}
.message_top_list_02 {
     background: url(/recruit/common/image/message/message_05.jpg?00001) no-repeat center center / cover;
}

/* iPAD */
@media print, screen and (max-width: 1454px) {
    #TOP_Section4 {
        background-position-y : initial;
    }
}
/* iPAD */
@media print, screen and (max-width: 1199px) {
    section {
        margin-top: 20px;
    }
    h4 {
        width: auto !important;
        margin: 40px 10px 10px 10px !important;
    }
    #activities-Section1 p {
        width: auto !important;
        margin: 0 10px 20px 10px !important;
    }

    #projectstory-Section1 {
        margin-top: 50px;
    }
    .Header-Wrapper {
        width: auto;
    }
    #CorporateSection  {
        width : auto;
    }
    .corporate_link_title {
        margin: 10px 25px;
    }
    .corporate-ul {
        width: auto !important;
        margin: 0 25px;
    }
    .corporate-img_wrap {
        width: 48%;
        margin-bottom: 10px !important;
    }
    .Contents-h2 h2 {
        width: auto !important;
        margin-left: 20px !important;
        font-size: 20px !important;
        height: auto !important;
        line-height: 35px !important;
    }
    .Breadcrumbs {
        width: auto !important;
        margin-left: 20px !important;
    }
    #projectstory-Section1 > p {
        margin-left: 20px !important;
    }
    #OfficeSection {
        width : auto;
        margin-top: 60px;
        margin-bottom: 20px;
    }
    .office_img100 {
        width: 96%;
        padding: 1% 2%;
    }
    .office_img50 {
        padding: 1% 1% 1% 2%;
    }
    .office_img_right {
        padding: 1% 2% 1% 1%;
    }

    .office_img33 {
        padding: 1% 1% 1% 2%;
    }
    .office_img33_center {
        padding: 1%;
    }
    .office_img33_right {
        padding: 1% 2% 1% 1%;
    }
    #MemberSection {
        width :auto;
    }
    #MessageSection {
        width :auto;
    }
    #RecruitTopSection {
        width :auto;
        margin : 40px auto;
    }
    .recruit_left_btn_wrapper {
        margin: 0px auto;
        width : 50%;
    }
    .recruit_right_btn_wrapper {
        margin: 0px auto;
        width : 50%;
    }
    #MemberListSection {
        width: 100%;
        margin: 60px auto;
    }
    .member_list_wrapper {
        padding: 20px 0;
    }
    .member_detail_box_title {
        padding-left: 20px;
    }
    #MemberDetailSection {
        width: 100%;
        margin: 0px;
    }
    .member_detail_text {
        padding: 10px 0 10px 18px;
    }
    .member_detail_box_inner{
        padding: 0px 20px;
    }
    .member_list_under_content {
        width: 90%;
        margin: 40px 5%;
    }
    .member_detail_box_wrapper {
        padding: 0;
    }
}
@media screen and (max-width: 1023px) {
    .Contents-h2 h2 {
        width: auto !important;
        margin-left: 10px !important;
    }
    .Breadcrumbs {
        width: auto !important;
        margin-left: 10px !important;
    }

    .Contents-h2 {
        margin-top: 0px !important;
    }

    .interview_top {
        width: auto;
    }
    .interview_top_img {
        width: 44%;
        padding: 0px 2% 4% 2%;
    }
    .interview_top_img_left {
        padding: 0px 2% 4% 4%;
    }
    .interview_top_img_right {
        padding: 0px 4% 4% 2%;
    }

    .interview_top_img img {
        width: 100%;
    }
    #TOP_Section2 {
        background-image:none;
        padding: 0px;
        height: auto;
    }
    .title_sentence_gray {
        background-color: white;
    }
    header {
        position: initial;
    }
    .contents {
        padding-top: 0px;
    }
    .Section2-PC {
        display: none;
    }
    .Section2-SP {
        display: block;
    }
    .flexslider {
        width: 170%;
        margin-left: -35% !important;
    }
    .sp_only {
        display: inline-block !important;
    }
    .top_button_01 {
        margin-bottom: 0px;
        margin-top: 10px;
    }
    .top_products_btn{
        display: flex;
        justify-content: center;
        align-items: center;
        background: url(/recruit/common/image/products_top_sp.jpg) no-repeat center center / cover;
        height: 400px;
    }
    .top_products_btn>a{
        display: block;
        width: 260px;
        box-sizing: border-box;
        background: rgba(255,255,255,0.3);
        border: 1px solid #FFF;
        padding: 15px;
        text-align: center;
        color: #FFF;
        font-size: 120%;
        transition: .3s;
        text-decoration: none;
        margin-top: 280px;
    }
    .top_products_btn>a:hover{
        background: rgba(255,255,255,1);
        color: #333;
    }
    #TOP_Section4 {
        display: flex;
        justify-content: center;
        align-items: center;
        background: url(/recruit/common/image/Section4_bg.jpg?003) no-repeat center center / cover;
        height: 300px;
        padding: 0px;
    }
    .footer1-wrapper {
        display: none;
    }
    .footer1-wrapper-SP {
        display: block;
        width: 460px;
        margin: 0px auto;
        display: flex;
        padding: 30px 0 80px 40px;
        text-align: left;
    }
    .footer1-wrapper-SP a{
        color: white;
    }
    .footer1-navi {
        width: 50%;
        border-left: initial;
    }
    .footer-wrapper {
        margin-top: 0px;
    }
    #MemberSection {
        margin: 40px auto;
    }
    #MessageSection {
        margin: 40px auto 0px auto;
    }
    .member_wrapper {
        display: block;
    }
    .member_wrapper2 {
        display: block;
    }
    .member_top {
        width: 100%;
    }
    #TOP_Section5 {
        margin-bottom: 0px;
    }
    .member_list_wrapper {
        width: 50%;
    }

}
/* スマホ */
@media screen and (max-width: 979px) {
    #projectstory-Section1 {
        margin-top: 30px;
    }
}

/* スマホ */
@media screen and (max-width: 679px) {
    #TOP_Section5 {
        margin-bottom: 0px;
    }
    .title_sentence {
        font-size:16px;
        width: auto;
    }
    .title_sentence_inner {
        font-size:16px;
    }
    .title_sentence_entry {
        width: 100%;
        font-size: 22px;
    }
    .top_products_btn {
        height: 300px;
    }
    .top_products_btn>a{
        margin-top: 190px;
    }
    .footer1-navi {
        font-size: 12px;
        padding: 0 10px;
    }
    .footer-wrapper h3 {
        font-size: 12px;
    }
    .footer1-wrapper-SP {
        width: auto;
        padding: 30px 10px 80px 10px;
    }
    .footer1-wrapper-SP a {
        font-size: 12px;
    }
    .footer1-navi ul {
        margin-left: 10px;
    }
    #projectstory-Section1 > p {
        font-size: 100% !important;
    }
    .corporate-img_wrap-inner {
        font-size: 12px;
    }
    #projectstory-Section1 > p {
        margin-left: 0px !important;
    }
    header {
        height: 80px;
    }
    .Logo {
        width: 60%;
    }
    .Logo img {
        height: 80px;
    }
    .Entry-Button {
        width: 20%;
        height: 80px;
        line-height: 80px;
    }
    .Entry-Button p {
        width: auto;
    }
    #Navi1 {
        width: 20%;
    }
    #acMenu dt {
        width: auto;
        height: 80px;
        line-height: 80px;
    }
    .corporate_link_title {
        font-size: 16px;
    }
    .corporate_visit_btn {
        width: auto;
        margin: 20px;
    }
    #CorporateSection {
        margin-bottom: 0px;
    }
    .footer-wrapper {
        margin-top: 0px;
    }
    .Copy {
        margin: 0 10px;
    }
    .office_title {
        width: 92%;
        padding: 0% 4%;
        margin-left: 0px;
        font-size: 18px;
    }
    .office_img_wrapper {
        display: block;
    }
    .office_img100 {
        width: 92%;
        padding: 2% 4%;
    }
    .office_img50 {
        width : 92%;
        padding: 2% 4%;
    }
    .office_img33 {
        width : 92%;
        padding: 2% 4%;
    }
    .recruit_left_btn_wrapper {
        width: 100%;
        margin-bottom : 30px;
    }
    .recruit_right_btn_wrapper {
        width: 100%;
    }
    .member_list_wrapper .member_list_img_link {
        width: 100%;
    }
    .member_list_wrapper {
        margin-top: 40px;
        width: auto;
        padding: 0px;
    }
    .member_list_img {
        float: none;
        width: 100%;
    }
    .member_list_img img{
        width: 100%;
    }
    .member_list_text {
        float: none;
        width: auto;
        padding: 6px 20px;
        display:block;
        line-height: 2.5rem;
        font-size: 1.9rem;
    }
    .member_list_text a::before{
        display:none;
    }
    .member_list_text a {
        padding-left: 0px;
        font-size: 1.7rem;
        line-height: 2.5rem;
        display:block;
        margin-top: 30px;
    }
    .member_list_img_pc {
        display: none;
    }
    .member_list_img::before,.member_pic_inner {
        display: none;
    }
    .member_list_img_sp_link {
        display: block;
    }
    .member_list_img_sp {
        display: block;
        border: none !important;
    }

}
/* スマホ iphone */
@media screen and (max-width: 460px) {
    #MessageSection {
        margin-bottom: 0px;
    }
    .top_list_type01 {
        width: 100%;
        background-size : contain;
        height: auto;
    }
    .top_list_type02 {
        height: auto !important;
    }
    .member_top a {
        width :auto;
    }
    .top_list_type01 a {
        width: 100%;
        font-size: 110%;
    }
    .top_list_type01:after {
        margin-top: 42.8%;
        margin-left: 86%;
        font-size: 200%;
    }
    .top_list_type02 a {
    }
    .top_list_type02:after {
        margin-top: 50% !important;
    }
    .employee_visit_btn a {
        font-size: 130%;
    }
    .member_list_text a {
        font-size: 1.24rem;
    }
    .member_list_text {
        font-size: 1.4rem;
        line-height: 1.7rem;
    }
    .member_detail_text {
        font-size: 1.4rem;
        line-height: 1.7rem;
    }
    .member_detail_text_title {
        font-size: 18px;
    }
    .top_list_type01_title {
        font-size: 16px;
    }
    .top_list_type01_title {
        width: 90%;
        padding: 16px 5%;
    }
    .top_list_type02_title {
    }
    .faq-Section1-Box h5 {
        font-size: 16px !important;
    }
    .sp460br {
        display: block;
    }

}
/* スマホ iphone */
@media screen and (max-width: 340px) {
}