@charset "utf-8";

/*==============================

		form(page.php)

==============================*/



/*------------------------------
form PC
------------------------------*/
@media screen and (min-width: 768px) {
    #page{
        margin-top: 175px;
        text-align: center;
    }
    #page h1{
        font-size: 12.2rem;
        text-align: center;
        font-weight: 900;
        display: inline-block;
        vertical-align: middle;
        line-height: 1.2;
        padding-top: 40px;
    }
    .newgraduates .category{
        background: #1EAA39;
        color: #FFFFFF;
        font-size: 1.8rem;
        margin-left: 2em;
        padding-right: 2em;
        padding-left: 2em;
        padding-top: 0.2em;
        padding-bottom: 0.2em;
	    font-family: 'Noto Sans JP', sans-serif;
        display: inline-block;
        vertical-align: middle;
        margin-top: 3em;
    }
    .career .category{
        background: #F29600;
        color: #FFFFFF;
        font-size: 1.8rem;
        margin-left: 2em;
        padding-right: 2em;
        padding-left: 2em;
        padding-top: 0.2em;
        padding-bottom: 0.2em;
	    font-family: 'Noto Sans JP', sans-serif;
        display: inline-block;
        vertical-align: middle;
        margin-top: 3em;
    }
    .newgraduates h1{
        color: #1EAA39;
    }
    .career h1{
        color: #F29600;
    }
    .link{
        font-size: 1.6rem;
    }
    .newgraduates .link a{
        color: #F39800;
    }
    .career .link a{
        color: #1EAA39;
    }
    .form{
        width: 900px;
        margin-right: auto;
        margin-left: auto;
        margin-top: 70px;
        font-size: 1.6rem;
        text-align: left;
    }
    .form span.required{
        margin-left: 2em;
        color: #036EB8;
    }
    .form span.pharmacist{
        margin-left: 2em;
        color: #1EAA39;
    }
    .form dt{
        font-weight: 700;
        padding-bottom: 0.3em;
    }
    .career .form dt a{
        font-weight: normal;
        padding-left: 2em;
        color:#F39800;
        text-decoration: underline;
    }
    
    .form dd{
        padding-bottom: 2.2em;
    }
    
    .mwform-radio-field label input[type="checkbox"] + span,
    .mwform-radio-field label input[type="radio"] + span {
      position: relative;
      padding: 0 0.5em 0 2.25em;
    }
    .newgraduates label input[type="radio"] + span::before {
      z-index: 0;
      top: 0;
      left: 0;
      background-color: #EDF5ED;
      width: 30px;
      height: 30px;
      border: 2px #4caf50 solid;
    }
    .career label input[type="radio"] + span::before {
      z-index: 0;
      top: 0;
      left: 0;
      background-color: #FDF4E5;
      width: 30px;
      height: 30px;
      border: 2px #4caf50 solid;
    }
    label input[type="radio"]:checked + span::before {
      border-width: 10px;
    } 
    .newgraduates input[type="text"],.newgraduates input[type="email"],
    .newgraduates textarea {
        border: 4px solid #1EAA39;
        background: #EDF5ED;
    }
    .career input[type="text"],.career input[type="email"],
    .career textarea {
        border: 4px solid #F29600;
        background: #FDF4E5;
    }
    textarea {
        width: 100%;
    }
    .privacy{
        border: 1px solid #CCCCCC;
        padding: 1em 2%;
        height: 200px;
        overflow:scroll;
        margin-top: 10px;
        margin-bottom: 30px;
        width: 98%;
    }
    .form h3{
        font-weight: 700;
    }
    .form input.button{
        width: 70%;
        line-height: 2.0rem;
        font-size: 2.0rem;
        background: #F29600;
        border: 1px solid #BD6900;
        color: #FFFFFF;
        text-align: center;
        margin-left: 15%;
        padding-top: 1em;
        padding-bottom: 1em;
        margin-top: 50px;
    }
    .career .form input.button{
        background: #F29600;
        border: 1px solid #BD6900;
    }
    .career .form input.button:hover{
        background: #BD6900;
    }
    .newgraduates .form input.button{
        background: #1EAA39;
        border: 1px solid #00571F;
    }
    .newgraduates .form input.button:hover{
        background: #1EAA39;
    }
    .form button{
        display: block;
    }
    .thanks_message{
        font-weight: 700;
        font-size: 1.8rem;
        margin-top: -50px;
        margin-bottom: 200px;
    }
    .message{
        font-weight: 700;
        font-size: 1.8rem;
        margin-top: -50px;
        margin-bottom: 100px;
    }
    .newgraduates .form .button {
        background-color: #1EAA39;
        border: 1px solid #00571F;
        color: #FFFFFF;
        line-height: 52px;
        width: 40%;
        height: 52px;
        margin-right: auto;
        margin-left: auto;
        letter-spacing: 0.2em;
        text-indent: 0.2em;
    }
    .newgraduates .form .button:hover {
        background: #00571F;
    }
    .newgraduates .form .button a{
        color: #FFFFFF;
        display: block;
    }
    .career .form .button {
        background-color: #1EAA39;
        border: 1px solid #00571F;
        color: #FFFFFF;
        line-height: 52px;
        width: 40%;
        height: 52px;
        margin-right: auto;
        margin-left: auto;
        letter-spacing: 0.2em;
        text-indent: 0.2em;
    }
    .career .form .button:hover {
        background: #00571F;
    }
    .career .form .button a{
        color: #FFFFFF;
        display: block;
    }
    .newgraduates input.submit_btn {
      display       : inline-block;
      font-size     : 1.4rem;
      text-align    : center;
      cursor        : pointer;
      background: #1EAA39;
      color         : #ffffff;
      line-height   : 3;
      transition    : .3s;
      padding-right: 2em;
      padding-left: 2em;
      width: 50%;  
      margin-left: 25%;
    }
    .newgraduates input.submit_btn:hover{
    background: #00571F;
    }
    .career input.submit_btn {
      display       : inline-block;
      font-size     : 1.4rem;
      text-align    : center;
      cursor        : pointer;
      background    : #F29600;
      color         : #ffffff;
      line-height   : 3;
      transition    : .3s;
      padding-right: 2em;
       padding-left: 2em;
      width: 50%;  
      margin-left: 25%;
    } 
    .career input.submit_btn:hover{
    background: #BD6900;
    }
    .inqMTit{
        font-size: 1.8rem;
        font-weight: 700;
    }
    .privacy{
        font-size: 1.4rem;
    }
}
/*------------------------------
form SP
------------------------------*/
@media screen and (max-width:767px){
    #page{
        margin-top: 18.5vw;
        text-align: center;
    }
    #page h1{
        font-size: 14vw;
        text-align: center;
        font-weight: 900;
        display: inline-block;
        vertical-align: middle;
        line-height: 1.2;
        padding-top: 40px;
    }
    .newgraduates .category{
        background: #1EAA39;
        color: #FFFFFF;
        font-size: 2.5vw;
        margin-left: 1em;
        padding-right: 1em;
        padding-left: 1em;
        padding-top: 0.2em;
        padding-bottom: 0.2em;
	    font-family: 'Noto Sans JP', sans-serif;
        display: inline-block;
        vertical-align: middle;
        margin-top: 4.5em;
    }
    .career .category{
        background: #F29600;
        color: #FFFFFF;
        font-size: 2.5vw;
        margin-left: 1em;
        padding-right: 1em;
        padding-left: 1em;
        padding-top: 0.2em;
        padding-bottom: 0.2em;
	    font-family: 'Noto Sans JP', sans-serif;
        display: inline-block;
        vertical-align: middle;
        margin-top: 4.5em;
    }
    .newgraduates h1{
        color: #1EAA39;
    }
    .career h1{
        color: #F29600;
    }
    .link{
        font-size: 2.5vw;
    }
    .newgraduates .link a{
        color: #F39800;
    }
    .career .link a{
        color: #1EAA39;
    }
    .form{
        width: 96%;
        margin-right: auto;
        margin-left: auto;
        margin-top: 7rem;
        font-size: 3.4vw;
        text-align: left;
    }
    .form span.required{
        margin-left: 1em;
        color: #036EB8;
    }
    .form span.pharmacist{
        margin-left: 1em;
        color: #1EAA39;
    }
    .form dt{
        font-weight: 700;
        padding-bottom: 0.3em;
    }
    .form dd{
        padding-bottom: 2.2em;
    }
    
    .mwform-radio-field label input[type="checkbox"] + span,
    .mwform-radio-field label input[type="radio"] + span {
      position: relative;
      padding: 0 5vw 0 7vw;
      font-size: 3.6vw;
        display: block;
    }
    .newgraduates label input[type="radio"] + span::before {
      z-index: 0;
      top: 2px;
      left: 0;
      background-color: #EDF5ED;
      width: 6vw;
      height: 6vw;
      border: 2px #4caf50 solid;
    }
    .career label input[type="radio"] + span::before {
      z-index: 0;
      top: 2px;
      left: 0;
      background-color: #FDF4E5;
      width: 6vw;
      height: 6vw;
      border: 2px #4caf50 solid;
    }
    label input[type="radio"]:checked + span::before {
      border-width: 10px;
    } 
    .newgraduates input[type="text"],.newgraduates input[type="email"],
    .newgraduates textarea {
        border: 4px solid #1EAA39;
        background: #EDF5ED;
    }
    .career input[type="text"],.career input[type="email"],
    .career textarea {
        border: 4px solid #F29600;
        background: #FDF4E5;
    }
    textarea {
        width: 98%;
    }
    .privacy{
        border: 1px solid #CCCCCC;
        padding: 1em 2%;
        height: 20vw;
        overflow:scroll;
        margin-top: 10px;
        margin-bottom: 30px;
        width: 98%;
    }
    .form h3{
        font-weight: 700;
    }
    .form input.button{
        width: 90%;
        line-height: 2.0rem;
        font-size: 3.6vw;
        background: #F29600;
        border: 1px solid #BD6900;
        color: #FFFFFF;
        text-align: center;
        margin-left: 5%;
        padding-top: 1em;
        padding-bottom: 1em;
        margin-top: 15vw;
    }
    .career .form input.button{
        background: #F29600;
        border: 1px solid #BD6900;
    }
    .career .form input.button:hover{
        background: #BD6900;
    }
    .newgraduates .form input.button{
        background: #1EAA39;
        border: 1px solid #00571F;
    }
    .newgraduates .form input.button:hover{
        background: #1EAA39;
    }
    .thanks_message{
        font-weight: 700;
        font-size: 3.6vw;
        margin-top: -50px;
        margin-bottom: 15vw;
    }
    .message{
        font-weight: 700;
        font-size: 3.6vw;
        margin-top: -50px;
        margin-bottom: 10vw;
    }
    .newgraduates .form .button {
        background-color: #1EAA39;
        border: 1px solid #00571F;
        color: #FFFFFF;
        line-height: 12vw;
        width: 60%;
        height: 12vw;
        margin-right: auto;
        margin-left: auto;
        letter-spacing: 0.1em;
        text-indent: 0.1em;
    }
    .newgraduates .form .button:hover {
        background: #00571F;
    }
    .newgraduates .form .button a{
        color: #FFFFFF;
        display: block;
    }
    .career .form .button {
        background-color: #1EAA39;
        border: 1px solid #00571F;
        color: #FFFFFF;
        line-height: 12vw;
        width: 60%;
        height: 12vw;
        margin-right: auto;
        margin-left: auto;
        letter-spacing: 0.1em;
        text-indent: 0.1em;
    }
    .career .form .button:hover {
        background: #00571F;
    }
    .career .form .button a{
        color: #FFFFFF;
        display: block;
    }
    .newgraduates input.submit_btn {
      display       : inline-block;
      font-size     : 3vw;
      text-align    : center;
      cursor        : pointer;
      background: #1EAA39;
      color         : #ffffff;
      line-height   : 3;
      transition    : .3s;
      padding-right: 2em;
      padding-left: 2em;
      width: 90%;  
      margin-left: 5%;
    }
    .newgraduates input.submit_btn:hover{
    background: #00571F;
    }
    .career input.submit_btn {
      display       : inline-block;
      font-size     : 3vw;
      text-align    : center;
      cursor        : pointer;
      background    : #F29600;
      color         : #ffffff;
      line-height   : 3;
      transition    : .3s;
      padding-right: 2em;
       padding-left: 2em;
      width: 90%;  
      margin-left: 5%;
    } 
    .career input.submit_btn:hover{
    background: #BD6900;
    }
    .inqMTit{
        font-size: 3.8vw;
        font-weight: 700;
    }
    .privacy{
        font-size: 3vw;
    }
}



/*------------------------------
中途採用情報 PC
------------------------------*/
@media screen and (min-width: 768px) {
    
    h1.chuto_info{
        font-size: 5.0rem!important;
        letter-spacing:0.1em;
        text-align:center;
        text-indent:0.1em;
        font-weight: 700;
    }
    h1.chuto_info span{
        display: block;
        font-size: 2.4rem;
        color: #F19500;
        letter-spacing:0.05em;
        text-align:center;
        text-indent:0.05em;
        padding-top: 0.5em;
        font-family: "ten-mincho",serif;
        font-weight: normal;
        
    }
    .chuto_info_top{
        font-size: 2.2rem;
        line-height: 2.5;
        padding-top: 70px;
        font-family: "ten-mincho",serif;
        letter-spacing: 0.15em;
    }
    .chuto_category{
        padding-top: 55px; 
    }
    .chuto_category:after {
        content: ""; 
        display: block; 
        clear: both;
    }
    .chuto_category .pharmacist{
        width: 497px;
        float: left;
    }
    .chuto_category .pharmacist p img{
        width: 497px;
        height: auto;
    }
    .chuto_category .clerk{
        width: 497px;
        float: right;
    }
    .chuto_category .clerk p img{
        width: 497px;
        height: auto;
    }
    .chuto_category ul{
        margin-top: 2rem;
    }
    .chuto_category ul li{
        width: 230px;
        float: left;
        text-align: center;
        color: #FFFFFF;
        font-size: 2.6rem;
        line-height: 3;
    }
    .chuto_category ul li a{
        color: #FFFFFF;
        display: block;
        -webkit-transition: 0.8s;
        -moz-transition: 0.8s;
        -o-transition: 0.8s;
        -ms-transition: 0.8s;
        transition: 0.8s;
        position: relative;
   　　　z-index: 1;
    }
    .chuto_category ul li a:before {
        display: block;
        content: "";
        position: absolute;
        top:0;
        bottom: 0;
        margin: auto;
        left: 25px;
        width: 0;
        height: 0;
        border: 10px solid transparent;
        border-left: 15px solid #FFFFFF;
    }
    .chuto_category ul li a:hover:before {
        left: 25px;
    }
    .chuto_category ul li:nth-child(2){
        float: right;
    }
    .chuto_category ul li.permanent_staff a{
        background: #1EA939;
        border: 1px solid #00571F; 
    }
    .chuto_category ul li.parttime_staff a{
        background: #F19500;
        border: 1px solid #BC6900;
    }
    .chuto_category ul li.permanent_staff a:hover{
        background: #00571F;
        border: 1px solid #00571F;
    }
    .chuto_category ul li.parttime_staff a:hover{
        background: #BC6900;
        border: 1px solid #BC6900;
    }
    .recruit_back_button{
        margin-top: 100px;
        width: 260px;
        margin-right: auto;
        margin-left: auto;
        font-size: 1.6rem;
        text-align: center;
    }
    .recruit_back_button a{
        color: #FFFFFF;
        display: block;
        -webkit-transition: 0.8s;
        -moz-transition: 0.8s;
        -o-transition: 0.8s;
        -ms-transition: 0.8s;
        transition: 0.8s;
        position: relative;
   　　　z-index: 1;
        background: #1EA939;
        border: 1px solid #00571F;
        line-height: 2.7
    }
    .recruit_back_button a:before {
        display: block;
        content: "";
        position: absolute;
        top:0;
        bottom: 0;
        margin: auto;
        left: 5px;
        width: 0;
        height: 0;
        border: 6px solid transparent;
        border-right: 10px solid #FFFFFF;
    }
    .recruit_back_button a:hover:before {
        left: 15px;
    }
    .recruit_back_button a:hover{
        background: #00571F;
        border: 1px solid #00571F;
    }
    h2.category{
        font-size: 3.6rem!important;
        letter-spacing:0.1em;
        text-align:center;
        text-indent:0.1em;
        font-weight: 700;
        margin-top: 50px;
    }
    h2.category span{
        font-size: 2.6rem;
        letter-spacing:0.05em;
        text-align:center;
        text-indent:0.05em;
        padding-top: 0.5em;
        font-weight: normal;
    }
    h2.category span.permanent_staff{
        color: #1EA939;
    }
    h2.category span.parttime_staff{
        color: #F19500;
    }
    .accessPage{
        font-size: 1.6rem;
        padding-top: 50px;
        margin-bottom: 2em;
    }
    .accessPage a{
        color: #F19500;
        padding-left: 1em;
    }
    .requirementsWrap{
        width: 1020px;
        border: 1px solid #727171;
        padding: 40px;
        overflow: hidden;
        text-align: left;
        margin-bottom: 50px;
    }
    .requirementsWrap .address{
        font-size:1.4rem;
    }
    .requirementsWrap h3.access{
        font-size: 3.5rem;
    }
    .requirementsWrap ul{
        margin-top: 2em;
        margin-bottom: 1em;
    }
    .requirementsWrap li{
        display: inline-block;
        margin-right: 1em;
        font-size: 1.5rem;
    }
    .requirementsWrap dl{
        width: 100%;
        font-size: 1.6rem;
        text-align: center;
        border-bottom: 1px solid #727171;
    }
    .requirementsWrap dt{
        padding-top: 0.6rem;
        padding-bottom: 0.6em;
        font-weight: 700;
        border: 1px solid #727171;
    }
    .requirementsWrap dd{
        border-left: 1px solid #727171;
        border-right: 1px solid #727171;
        padding-top: 1rem;
        padding-bottom: 1em;
    }
    .entry_button_permanent{
        margin-top: 30px;
        width: 250px;
        margin-right: auto;
        margin-left: auto;
        font-size: 1.8rem;
        text-align: center;
        line-height: 2.5;
    }
    .entry_button_permanent a{
        color: #FFFFFF;
        display: block;
        -webkit-transition: 0.8s;
        -moz-transition: 0.8s;
        -o-transition: 0.8s;
        -ms-transition: 0.8s;
        transition: 0.8s;
        position: relative;
   　　　z-index: 1;
        background: #1EA939;
        border: 1px solid #00571F; 
    }
    .entry_button_permanent a:before {
        display: block;
        content: "";
        position: absolute;
        top:0;
        bottom: 0;
        margin: auto;
        left: 15px;
        width: 0;
        height: 0;
        border: 6px solid transparent;
        border-left: 10px solid #FFFFFF;
    }
    .entry_button_permanent a:hover:before {
        left: 15px;
    }
    .entry_button_permanent a:hover{
        background: #00571F;
        border: 1px solid #00571F;
    }
    .entry_button_parttime{
        margin-top: 30px;
        width: 250px;
        margin-right: auto;
        margin-left: auto;
        font-size: 1.8rem;
        text-align: center;
        line-height: 2.5;
    }
    .entry_button_parttime a{
        color: #FFFFFF;
        display: block;
        -webkit-transition: 0.8s;
        -moz-transition: 0.8s;
        -o-transition: 0.8s;
        -ms-transition: 0.8s;
        transition: 0.8s;
        position: relative;
   　　　z-index: 1;
        background: #F19500;
        border: 1px solid #BC6900; 
    }
    .entry_button_parttime a:before {
        display: block;
        content: "";
        position: absolute;
        top:0;
        bottom: 0;
        margin: auto;
        left: 15px;
        width: 0;
        height: 0;
        border: 6px solid transparent;
        border-left: 10px solid #FFFFFF;
    }
    .entry_button_parttime a:hover:before {
        left: 15px;
    }
    .entry_button_parttime a:hover{
        background: #BC6900;
        border: 1px solid #BC6900;
    }
    h3.permanent{
        color: #1EA939!important;
    }
    h3.parttime{
        color: #F19500!important;
    }
    dl.permanent dt{
        background: #E4F4E7;
    }
    dl.parttime dt{
        background: #EFDFB4;
    }
    .permanent_comment{
        background: #E4F0F0;
        width: 96%;
        padding: 2%;
        font-size: 1.5rem;
        margin-top: 20px;
    }
    .button_block_permanent,.button_block_parttime{
        width: 480px;
        margin-left: auto;
        margin-right: auto;
        line-height: 2.7;
    }
    .button_block_permanent li.entry,.button_block_parttime li.entry{
        width: 55%;
        font-size: 1.8rem;
        text-align: center;
    }
    .button_block_permanent li.entry a{
        color: #FFFFFF;
        display: block;
        -webkit-transition: 0.8s;
        -moz-transition: 0.8s;
        -o-transition: 0.8s;
        -ms-transition: 0.8s;
        transition: 0.8s;
        position: relative;
   　　　z-index: 1;
        background: #1EA939;
        border: 1px solid #00571F; 
    }
    .button_block_permanent li.entry a:before {
        display: block;
        content: "";
        position: absolute;
        top:0;
        bottom: 0;
        margin: auto;
        left: 15px;
        width: 0;
        height: 0;
        border: 6px solid transparent;
        border-left: 10px solid #FFFFFF;
    }
    .button_block_permanent li.entry a:hover:before {
        left: 15px;
    }
    .button_block_permanent li.entry a:hover{
        background: #00571F;
        border: 1px solid #00571F;
    }
   .button_block_parttime li.entry a{
        color: #FFFFFF;
        display: block;
        -webkit-transition: 0.8s;
        -moz-transition: 0.8s;
        -o-transition: 0.8s;
        -ms-transition: 0.8s;
        transition: 0.8s;
        position: relative;
   　　　z-index: 1;
        background: #F19500;
        border: 1px solid #BC6900; 
    }
    .button_block_parttime li.entry a:before {
        display: block;
        content: "";
        position: absolute;
        top:0;
        bottom: 0;
        margin: auto;
        left: 15px;
        width: 0;
        height: 0;
        border: 6px solid transparent;
        border-left: 10px solid #FFFFFF;
    }
    .button_block_parttime li.entry a:hover:before {
        left: 15px;
    }
    .button_block_parttime li.entry a:hover{
        background: #BC6900;
        border: 1px solid #BC6900;
    }
    .button_block_permanent li.back,.button_block_parttime li.back{
        width: 35%;
        font-size: 1.8rem;
        text-align: center;
    }
    .button_block_permanent li.back a{
        color: #FFFFFF;
        display: block;
        -webkit-transition: 0.8s;
        -moz-transition: 0.8s;
        -o-transition: 0.8s;
        -ms-transition: 0.8s;
        transition: 0.8s;
        position: relative;
   　　　z-index: 1;
        background: #1EA939;
        border: 1px solid #00571F;
        opacity: 0.7;
    }
    .button_block_permanent li.back a:before {
        display: block;
        content: "";
        position: absolute;
        top:0;
        bottom: 0;
        margin: auto;
        left: 15px;
        width: 0;
        height: 0;
        border: 6px solid transparent;
        border-right: 10px solid #FFFFFF;
    }
    .button_block_permanent li.back a:hover:before {
        left: 15px;
    }
    .button_block_permanent li.back a:hover{
        background: #00571F;
        border: 1px solid #00571F;
    }
    .button_block_parttime li.back a{
        color: #FFFFFF;
        display: block;
        -webkit-transition: 0.8s;
        -moz-transition: 0.8s;
        -o-transition: 0.8s;
        -ms-transition: 0.8s;
        transition: 0.8s;
        position: relative;
   　　　z-index: 1;
        background: #F19500;
        border: 1px solid #BC6900; 
        opacity: 0.7;
    }
    .button_block_parttime li.back a:before {
        display: block;
        content: "";
        position: absolute;
        top:0;
        bottom: 0;
        margin: auto;
        left: 15px;
        width: 0;
        height: 0;
        border: 6px solid transparent;
        border-right: 10px solid #FFFFFF;
    }
    .button_block_parttime li.back a:hover:before {
        left: 15px;
    }
    .button_block_parttime li.back a:hover{
        background: #BC6900;
        border: 1px solid #BC6900;
    }
}
/*------------------------------
中途採用情報 SP
------------------------------*/
@media screen and (max-width:767px){
    h1.chuto_info{
        font-size: 7vw!important;
        letter-spacing:0.1em;
        text-align:center;
        text-indent:0.1em;
        font-weight: 700;
    }
    h1.chuto_info span{
        display: block;
        font-size: 3.2vw;
        color: #F19500;
        letter-spacing:0.05em;
        text-align:center;
        text-indent:0.05em;
        padding-top: 0.5em;
        font-family: "ten-mincho",serif;
        font-weight: normal;
        
    }
    .chuto_info_top{
        font-size: 3.6vw;
        line-height: 2.0;
        padding-top: 8vw;
        font-family: "ten-mincho",serif;
        letter-spacing: 0.15em;
    }
    .chuto_category{
        padding-top: 8vw; 
    }
    .chuto_category:after {
        content: ""; 
        display: block; 
        clear: both;
    }
    .chuto_category .pharmacist{
        width: 66.133%;
        margin-right: auto;
        margin-left: auto;
    }
    .chuto_category .clerk{
        width: 66.133%;
        margin-right: auto;
        margin-left: auto;
        margin-top: 3em;
    }
    .chuto_category ul{
        margin-top: 1rem;
    }
    .chuto_category ul li{
        width: 48%;
        float: left;
        text-align: center;
        color: #FFFFFF;
        font-size: 4vw;
        line-height: 3;
    }
    .chuto_category ul li a{
        color: #FFFFFF;
        display: block;
        -webkit-transition: 0.8s;
        -moz-transition: 0.8s;
        -o-transition: 0.8s;
        -ms-transition: 0.8s;
        transition: 0.8s;
        position: relative;
   　　　z-index: 1;
    }
    .chuto_category ul li a:before {
        display: block;
        content: "";
        position: absolute;
        top:0;
        bottom: 0;
        margin: auto;
        left: 15px;
        width: 0;
        height: 0;
        border: 5px solid transparent;
        border-left: 10px solid #FFFFFF;
    }
    .chuto_category ul li a:hover:before {
        left: 15px;
    }
    .chuto_category ul li:nth-child(2){
        float: right;
    }
    .chuto_category ul li.permanent_staff a{
        background: #1EA939;
        border: 1px solid #00571F; 
    }
    .chuto_category ul li.parttime_staff a{
        background: #F19500;
        border: 1px solid #BC6900;
    }
    .chuto_category ul li.permanent_staff a:hover{
        background: #00571F;
        border: 1px solid #00571F;
    }
    .chuto_category ul li.parttime_staff a:hover{
        background: #BC6900;
        border: 1px solid #BC6900;
    }
    .recruit_back_button{
        margin-top: 15vw;
        width: 56.133%;
        margin-right: auto;
        margin-left: auto;
        font-size: 3.4vw;
        text-align: center;
        line-height: 2.5;
    }
    .recruit_back_button a{
        color: #FFFFFF;
        display: block;
        -webkit-transition: 0.8s;
        -moz-transition: 0.8s;
        -o-transition: 0.8s;
        -ms-transition: 0.8s;
        transition: 0.8s;
        position: relative;
   　　　z-index: 1;
        background: #1EA939;
        border: 1px solid #00571F; 
    }
    .recruit_back_button a:before {
        display: block;
        content: "";
        position: absolute;
        top:0;
        bottom: 0;
        margin: auto;
        left: 5px;
        width: 0;
        height: 0;
        border: 6px solid transparent;
        border-right: 10px solid #FFFFFF;
    }
    .recruit_back_button a:hover:before {
        left: 15px;
    }
    .recruit_back_button a:hover{
        background: #00571F;
        border: 1px solid #00571F;
    }
    h2.category{
        font-size: 6vw!important;
        letter-spacing:0.1em;
        text-align:center;
        text-indent:0.1em;
        font-weight: 700;
        margin-top: 5vw;
    }
    h2.category span{
        font-size: 5vw;
        letter-spacing:0.05em;
        text-align:center;
        text-indent:0.05em;
        padding-top: 0.5em;
        font-weight: normal;
    }
    h2.category span.permanent_staff{
        color: #1EA939;
    }
    h2.category span.parttime_staff{
        color: #F19500;
    }
    .accessPage{
        font-size: 3.4vw;
        padding-top: 5vw;
        margin-bottom: 2em;
    }
    .accessPage a{
        color: #F19500;
        padding-left: 1em;
    }
    .requirementsWrap{
        width: 90%;
        border: 1px solid #727171;
        padding: 5%;
        overflow: hidden;
        text-align: left;
        margin-bottom: 10vw;
    }
    .requirementsWrap .address{
        font-size:3.2vw;
    }
    .requirementsWrap h3.access{
        font-size: 4.5vw;
    }
    .requirementsWrap ul{
        margin-top: 1em;
        margin-bottom: 1em;
    }
    .requirementsWrap li{
        display: inline-block;
        margin-right: 1em;
        font-size: 3vw;
    }
    .requirementsWrap dl{
        width: 100%;
        font-size: 3.4vw;
        text-align: center;
        border-bottom: 1px solid #727171;
    }
    .requirementsWrap dt{
        padding-top: 0.6rem;
        padding-bottom: 0.6em;
        font-weight: 700;
        border: 1px solid #727171;
    }
    .requirementsWrap dd{
        border-left: 1px solid #727171;
        border-right: 1px solid #727171;
        padding-top: 1rem;
        padding-bottom: 1em;
        padding-right: 1em;
        padding-left: 1em;
    }
    .entry_button_permanent{
        margin-top: 5vw;
        width: 60%;
        margin-right: auto;
        margin-left: auto;
        font-size: 3.4vw;
        text-align: center;
        line-height: 2.5;
    }
    .entry_button_permanent a{
        color: #FFFFFF;
        display: block;
        -webkit-transition: 0.8s;
        -moz-transition: 0.8s;
        -o-transition: 0.8s;
        -ms-transition: 0.8s;
        transition: 0.8s;
        position: relative;
   　　　z-index: 1;
        background: #1EA939;
        border: 1px solid #00571F; 
    }
    .entry_button_permanent a:before {
        display: block;
        content: "";
        position: absolute;
        top:0;
        bottom: 0;
        margin: auto;
        left: 15px;
        width: 0;
        height: 0;
        border: 6px solid transparent;
        border-left: 10px solid #FFFFFF;
    }
    .entry_button_permanent a:hover:before {
        left: 15px;
    }
    .entry_button_permanent a:hover{
        background: #00571F;
        border: 1px solid #00571F;
    }
    .entry_button_parttime{
        margin-top: 5vw;
        width: 60%;
        margin-right: auto;
        margin-left: auto;
        font-size: 3.4vw;
        text-align: center;
        line-height: 2.5;
    }
    .entry_button_parttime a{
        color: #FFFFFF;
        display: block;
        -webkit-transition: 0.8s;
        -moz-transition: 0.8s;
        -o-transition: 0.8s;
        -ms-transition: 0.8s;
        transition: 0.8s;
        position: relative;
   　　　z-index: 1;
        background: #F19500;
        border: 1px solid #BC6900; 
    }
    .entry_button_parttime a:before {
        display: block;
        content: "";
        position: absolute;
        top:0;
        bottom: 0;
        margin: auto;
        left: 15px;
        width: 0;
        height: 0;
        border: 6px solid transparent;
        border-left: 10px solid #FFFFFF;
    }
    .entry_button_parttime a:hover:before {
        left: 15px;
    }
    .entry_button_parttime a:hover{
        background: #BC6900;
        border: 1px solid #BC6900;
    }
    h3.permanent{
        color: #1EA939!important;
    }
    h3.parttime{
        color: #F19500!important;
    }
    dl.permanent dt{
        background: #E4F4E7;
    }
    dl.parttime dt{
        background: #EFDFB4;
    }
    .permanent_comment{
        background: #E4F0F0;
        width: 96%;
        padding: 2%;
        font-size: 3.2vw;
        margin-top: 20px;
    }
    .button_block_permanent,.button_block_parttime{
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    .button_block_permanent li.entry,.button_block_parttime li.entry{
        width: 52%;
        font-size: 3.4vw;
        text-align: center;
        margin-right: 2%;
        line-height: 2.7;
    }
    .button_block_permanent li.entry a{
        color: #FFFFFF;
        display: block;
        -webkit-transition: 0.8s;
        -moz-transition: 0.8s;
        -o-transition: 0.8s;
        -ms-transition: 0.8s;
        transition: 0.8s;
        position: relative;
   　　　z-index: 1;
        background: #1EA939;
        border: 1px solid #00571F; 
    }
    .button_block_permanent li.entry a:before {
        display: block;
        content: "";
        position: absolute;
        top:0;
        bottom: 0;
        margin: auto;
        left: 15px;
        width: 0;
        height: 0;
        border: 6px solid transparent;
        border-left: 10px solid #FFFFFF;
    }
    .button_block_permanent li.entry a:hover:before {
        left: 15px;
    }
    .button_block_permanent li.entry a:hover{
        background: #00571F;
        border: 1px solid #00571F;
    }
   .button_block_parttime li.entry a{
        color: #FFFFFF;
        display: block;
        -webkit-transition: 0.8s;
        -moz-transition: 0.8s;
        -o-transition: 0.8s;
        -ms-transition: 0.8s;
        transition: 0.8s;
        position: relative;
   　　　z-index: 1;
        background: #F19500;
        border: 1px solid #BC6900; 
    }
    .button_block_parttime li.entry a:before {
        display: block;
        content: "";
        position: absolute;
        top:0;
        bottom: 0;
        margin: auto;
        left: 15px;
        width: 0;
        height: 0;
        border: 6px solid transparent;
        border-left: 10px solid #FFFFFF;
    }
    .button_block_parttime li.entry a:hover:before {
        left: 15px;
    }
    .button_block_parttime li.entry a:hover{
        background: #BC6900;
        border: 1px solid #BC6900;
    }
    .button_block_permanent li.back,.button_block_parttime li.back{
        width: 44%;
        font-size: 3.4vw;
        text-align: center;
        line-height: 2.5;
        margin-right: 0;
    }
    .button_block_permanent li.back a{
        color: #FFFFFF;
        display: block;
        -webkit-transition: 0.8s;
        -moz-transition: 0.8s;
        -o-transition: 0.8s;
        -ms-transition: 0.8s;
        transition: 0.8s;
        position: relative;
   　　　z-index: 1;
        background: #1EA939;
        border: 1px solid #00571F;
        opacity: 0.7;
    }
    .button_block_permanent li.back a:before {
        display: block;
        content: "";
        position: absolute;
        top:0;
        bottom: 0;
        margin: auto;
        left: 15px;
        width: 0;
        height: 0;
        border: 6px solid transparent;
        border-right: 10px solid #FFFFFF;
    }
    .button_block_permanent li.back a:hover:before {
        left: 15px;
    }
    .button_block_permanent li.back a:hover{
        background: #00571F;
        border: 1px solid #00571F;
    }
    .button_block_parttime li.back a{
        color: #FFFFFF;
        display: block;
        -webkit-transition: 0.8s;
        -moz-transition: 0.8s;
        -o-transition: 0.8s;
        -ms-transition: 0.8s;
        transition: 0.8s;
        position: relative;
   　　　z-index: 1;
        background: #F19500;
        border: 1px solid #BC6900; 
        opacity: 0.7;
    }
    .button_block_parttime li.back a:before {
        display: block;
        content: "";
        position: absolute;
        top:0;
        bottom: 0;
        margin: auto;
        left: 15px;
        width: 0;
        height: 0;
        border: 6px solid transparent;
        border-right: 10px solid #FFFFFF;
    }
    .button_block_parttime li.back a:hover:before {
        left: 15px;
    }
    .button_block_parttime li.back a:hover{
        background: #BC6900;
        border: 1px solid #BC6900;
    }
}
/*------------------------------
共通
------------------------------*/

input[type="checkbox"],
input[type="radio"] {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.newgraduates .mwform-radio-field label input[type="radio"] + span::before {
  border-color: #4caf50;
}
.career .mwform-radio-field label input[type="radio"] + span::before {
  border-color: #F29600;
}
label span {
  display: inline-block;
}
label input[type="radio"] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
label input[type="radio"] + span::before {
  position: absolute;
  display: inline-block;
  content: '';
  box-sizing: border-box;
  border-radius: 22px;
}
    input[type="text"],input[type="email"],
    textarea {
        padding: 0.8em;
        outline: none;
        font-size: 1.6rem;
        width: 90%;
    }
    textarea {
        width: 90%;
    }
input.inputS{
    width: 20%;
    margin-right: 1em;
}

input[type="submit"] {
-webkit-appearance: none;
border-radius: 0;
}

    .privacy strong{
        font-weight: bold;
    }
    .privacy table {
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-collapse: collapse;
    border-spacing: 0;
    }
    .privacy table th {
    padding: 5px;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    background: #CCC;
    }
    .privacy table td {
    padding: 5px;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    }
    .privacy table thead {
    word-spacing: normal;
    }
    .privacy table tfoot {
    word-spacing: normal;
    }
    .privacy table tbody {
    word-spacing: normal;
    }


   /* Custom dropdown */
    .custom-dropdown {
      position: relative;
      display: inline-block;
      vertical-align: middle;
      margin: 10px; /* demo only */
      width: 300px;
    }

    .custom-dropdown select {
      background-color: #FDF4E5;
      color: #000000;
      font-size: inherit;
      padding: .5em;
      padding-right: 5em;	
      border: 2px solid #F29600;
      margin: 0;
      border-radius: 3px;
      text-indent: 0.01px;
      text-overflow: '';
      -webkit-appearance: button;
       width: 300px;
    }

    .custom-dropdown::before,
    .custom-dropdown::after {
      content: "";
      position: absolute;
      pointer-events: none;
    }

    .custom-dropdown::after {
      content: "\25BC";
      height: 1em;
      font-size: .625em;
      line-height: 1;
      right: 1.2em;
      top: 50%;
      margin-top: -.5em;
    }

    .custom-dropdown::before {
      width: 2.2em;
      right: 0;
      top: 0;
      bottom: 0;
      border-radius: 0 3px 3px 0;
    }

    .custom-dropdown select[disabled] {
      color: rgba(0,0,0,.3);
    }

    .custom-dropdown select[disabled]::after {
      color: rgba(0,0,0,.1);
    }

    .custom-dropdown::before {
      background-color: rgba(242,150,0,1);
    }

    .custom-dropdown::after {
      color: rgba(255,255,255,1);
    }