@charset "utf-8";

@media screen and (max-width:777px) {

    body .onPC {
        display:none!important;
    }

    body .onSP {
        display: inline-block!important;
    }

    body{
        background-color: white;
        background-position: top center;
        background-repeat: no-repeat;
        background-image: url("../images/kv-bg-sp.png");
        background-size: cover;
    }

    .fixed-inner{
        width: 777px;
        text-align:center;
        display:inline-block;
    }

    #kv{
        height:auto;
        text-align:center;
        background:none;
    }
    #header{
        position: relative;
        display:inline-block;
        width: 100%;
        /*height:549px;*/
        text-align:left;
    }
    #toto-logo{
        position:absolute;
        top:0;
        left:20px;
    }
    #kv-copy-pc{
        display:none;
    }
    #kv-copy-sp{
        display:inline-block;
        position: relative;
        margin-top: 40px;
        width: 100%;
    }
    #kv-photo{
        display: none;
    }
    
    #kv-photo-sp {
        position: relative;
        top:auto;
        left: 5%;
        width: 90%; 
    }
  
    #kv-merit-tit {
        display: none;
    }
  
    #kv-merit-tit-sp {
        width: 90%;
        margin: 0 auto;
        display: block;
        position: relative;
        top: -15px;
    }
  
    #kv-job {
      display: none;
    }
  
    #kv-job-sp {
      width: 100%;
      padding: 35px 0 20px;
      background: url("../images/kv-band-pc.png");
      position: relative;
      top: 0px;
      z-index: 0;
    }
  
    #thanks #kv-copy-pc{
        display:none;
    }
    #thanks #kv-copy-sp{
        display:inline-block;
        position: relative;
        margin-top: 132px;
    }
    #thanks #kv-photo{
        position:absolute;
        top: 478px;
        left: 0px;
    }

    .for-entry {
        display:none;
    }

    #point{
        position:relative;
        height: 2010px;
        text-align:center;
        background-position: center center;
        background-repeat: no-repeat;
        background-image: url(../images/point-bg-sp.png);
    }

    #point .point-inner{
        display:inline-block;
        height: 2010px;
        width: 100%;
        background-position: center 297px,center 1756px;
        background-repeat: no-repeat,no-repeat;
        background-image: url(../images/point-decoration1-sp.png),url(../images/point-decoration2-sp.png);

    }
    #point .point-inner h2{
        margin-top: 111px;
        margin-bottom:80px;
    }
    #point .point-inner #point-title{
        width: 607px;
    }
    #point ul{
        display:block;
        padding:0;
    }
    #point li{
        display:inline-block;
        margin-bottom: 64px;
    }
    #point li img{
        width: 471px;
    }
    #point li:nth-child(2){
        margin: auto;
        margin-bottom: 64px;
    }

    #recommend{
        height: 1112px;
        text-align:center;
        background-color: #50c0ff;
        background-position: center 29px;
        background-repeat: no-repeat;
        background-image: url(../images/recommend-decoration-sp.png);
    }
    #recommend .fixed-inner{
        position:relative;
        height: 1112px;
    }
    #recommend .fixed-inner h2{
        margin-top:98px;
        margin-bottom: 77px;
    }
    #recommend .fixed-inner h2 img{
        width: 703px;
    }
    #recommend #recommend-catch{
        width: 739px;
    }
    #recommend #recommend-woman1{
        width: 224px;
        position: absolute;
        top: 697px;
        right: 40px;
        left:auto;
    }
    #recommend #recommend-woman2{
        width: 214px;
        position: absolute;
        top: 779px;
        left: 39px;
    }
    #recommend #recommend-woman3{
        width: 302px;
        position: absolute;
        top: 684px;
        left: 193px;
    }

    #jobtype{
        text-align:center;
        background-repeat: repeat;
        background-image: url("../images/job-bg.png");
    }

    #jobtype .fixed-inner{
        position:relative;
        padding-top: 240px;
        background-position:center;
        background-repeat: repeat-y;
        background-image: url("../images/job-inner-bg-sp.png");
        padding-bottom: 85px;
    }

    #jobtype .fixed-inner h2{
        position: absolute;
        top: 98px;
        left: 270px;
        margin-top: 0;
        padding-top: 0;
    }

    #jobtype .fixed-inner h2 img{
        width: 213px;
    }

    #jobtype .fixed-inner h3{
        display:none;
    }

    #jobtype .fixed-inner .img-leftright:nth-child(odd){
        background-position: 100px 50px!important;
    }
    #jobtype .fixed-inner .img-leftright:nth-child(even){
        background-position: unset;
    }

    #jobtype .fixed-inner .img-leftright{
        padding-top: 80px!important;
        background-repeat: no-repeat;
        background-position: center 50px!important;
        position:relative;
        min-height: 308px;
        padding-bottom: 0px;
        margin-top: -145px;
    }

    #jobtype .fixed-inner .img-leftright p{
        text-align:left;
        line-height: 1.5em;
        font-size:22.5px;
        margin-top: 90px;
        margin-bottom: 27px;
        width: 522px;
    }

    #jobtype .fixed-inner .img-leftright p:nth-child(2) p{
        margin-top: 70px;
    }

    #jobtype .fixed-inner .img-leftright:nth-child(odd) p{
        margin-left: auto;
        margin-right: auto;
    }
    #jobtype .fixed-inner .img-leftright:nth-child(even) p{
        margin-left: auto;
        margin-right:auto;
    }
    #jobtype .fixed-inner .img-leftright:nth-child(odd) img{
        position: relative;
        top: auto;
        right: auto;
    }
    #jobtype .fixed-inner .img-leftright:nth-child(even) img{
        position: relative;
        top: auto;
        right: auto;
    }

    #interview .interview-inner #interview-articles{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        width: 777px;
        margin:0 auto;
    }

    #merit{
        height:1048px;
        text-align:center;
        background-position: top center;
        background-repeat: no-repeat;
        background-image: url(../images/merit-bg-sp.png);
        background-size: cover;
    }

    #merit .fixed-inner h2{
        margin-top: 100px;
        margin-bottom:77px;
    }

    #merit .fixed-inner ul{
        padding-left:20px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    #merit .fixed-inner li{
        display:block;
        width: 324px;
        margin-bottom: 49px;
        min-height: 300px;
        border: 2px solid #fff;
        color:#fff;
        background-image: url(../images/merit-wave-bkg.png);
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size:100% auto;
    }

    #merit .fixed-inner li:nth-child(even){
        margin-left: 18px;
    }

    #merit .fixed-inner li:nth-child(odd){
        margin-right: 18px;
    }

    #merit .fixed-inner li:nth-child(5){
        display:none;
    }

    #merit .fixed-inner li img{
        margin-top: 26px;
        margin-bottom:12px;
    }
    #merit .fixed-inner li span{
        display:block;
        text-align:left;
        width: 288px;
        margin: 0 auto;
        margin-bottom: 15px;
        font-size: 21px;
        line-height: 1.5em;
    }

    #interview {
        min-height:2496px;
        text-align:center;
        background-position: top center;
        background-repeat: no-repeat;
        background-image: url(../images/interview-bg-sp.png);
        background-size: cover;
    }

    #interview .interview-inner{
        display:inline-block;
        width: 100%;
        background:none;
    }

    #interview .interview-inner h2{
        margin-top: 100px;
        margin-bottom:77px;
    }

    #interview .interview-inner #interview-articles{
        display: inline-block;
        width: 654px;
    }
    #interview .interview-inner article{
        position:relative;
        background-color:#fff;
        border: 2px solid #12439c;
        border-radius:10px;
        width: 654px;
        text-align:left;
        margin-bottom: 57px;
        min-height: 305px;
    }

    #interview .interview-inner article:nth-child(odd){
        margin-right: 29px;
    }

    #interview .interview-inner header{
        position:absolute;
        top: -22px;
        left: -12px;
        width: 374px;
        height: 64px;
        text-align:center;
        font-size: 24px;
        padding-top: 12px;
        color: #fff;
        border-top-right-radius: 32px;
        border-bottom-right-radius: 32px;
    }

    #interview .interview-inner header:after{
        position:absolute;
        top: 48px;
        left: -2px;
    }
    #interview .interview-inner header.own:after{
        content: url(../images/interview-tag-bg1.png);
    }
    #interview .interview-inner header.joushi:after{
        content: url(../images/interview-tag-bg1.png);
    }

    #interview .interview-inner header.own{
        border: 1px solid #50c0ff;
        background-color: #50c0ff;
    }

    #interview .interview-inner header.joushi{
        border: 1px solid #5b4bba;
        background-color: #5b4bba;
        color: #FFFFFF;
    }

    #interview .interview-inner article img{
        position:absolute;
        top: 62px;
        left: 19px;
        width: 218px;
    }

    #interview .interview-inner article div{
        margin-top: 62px;
        margin-left: 252px;
    }
	#interview .interview-inner h2::after{font-size: 20px;}
    #interview .interview-inner div h3{
        width: 380px;
        font-size: 25px;
        letter-spacing: 2px;
        font-weight: bold;
    }
    #interview .interview-inner div h3 span.san{
        font-size: 16px;
        letter-spacing: 2px;
        font-weight: normal;
    }
    #interview .interview-inner div h3 span.age{
        font-size: 18px;
        letter-spacing: 2px;
        font-weight: bold;
    }

    #interview .interview-inner div h3:after {
        content:"";
        display:block;
        margin-top: 10px;
        height:2px;
        width:100%;
        background:-webkit-gradient(linear, left top, right bottom, from(#50c0ff), to(#fff));
        background:-moz-linear-gradient(left, #50c0ff, #fff);
        background:linear-gradient(left, #50c0ff, #fff);
    }
    #interview .interview-inner div ul{
        padding-left: 0;
        margin-bottom: 45px;
        display:table;
    }
    #interview .interview-inner div li *{
        display:inline-block;
        font-size: 21px;
        letter-spacing: 2px;
    }
    #interview .interview-inner div li{
        line-height:1;
        font-size: 21px;
        letter-spacing: 2px;
        margin:0;
        padding:0;
    }
    #interview .interview-inner div p{
        font-size: 21px;
        letter-spacing: 2px;
    }
    #interview .interview-inner div li h4{
    }
    #interview .interview-inner div li h4:after{
        content:"：";
    }
    #interview .interview-inner footer{
        text-align:right;
        margin-bottom: 22px;
    }
    #interview .interview-articles img{
        width: 218px;
    }
    #interview .interview-inner footer a{
        display:inline-block;
        margin-right: 31px;
        width: 198px;
        height: 56px;
        font-size: 21px;
        text-indent: -1em;
        line-height: 40px;
        letter-spacing:1px;

        -moz-box-shadow: 0px 2px 0px #152666;
        -webkit-box-shadow: 0px 2px 0px #152666;
        -o-box-shadow: 0px 2px 0px #152666;
        -ms-box-shadow: 0px 2px 0px #152666;
        box-shadow: 0px 2px 0px #152666;

        background-image: url(../images/entry-button-arrow.png);
        background-repeat: no-repeat;
        background-position: 169px center;
        background-size: 8px auto;
    }


    #question{
        text-align:center;
        background-color: #4cbeff;
        background-position: bottom center;
        background-repeat: no-repeat;
        background-image: url(../images/question-bg-sp.png);
        padding-bottom: 50px;
    }

    #question .fixed-inner h2{
        margin-top: 100px;
        margin-bottom:78px;
    }

    #question .fixed-inner h2 img#question-title{
        width: 123px;
    }

    #question .panel-group{
        display:inline-block;
        width: 714px;
        text-align:left;
    }

    #question .panel-default{
        margin-bottom: 20px;
        border-radius: 10px;
        color: #242424;
        background-color: #ffffff;
    }

    #question .panel-heading{
        background-position: 19px 19px;
        background-repeat: no-repeat;
        background-image: url(../images/question-q.png);
    }
    #question .panel-heading p {
        position: relative;
        margin:0;
        padding: 20px 50px 20px 70px;
        font-size: 22px;
        font-weight:bold;
    }
    #question a:-webkit-any-link {
        color: -webkit-link;
        text-decoration: none;
        cursor: auto;
        color: black;
    }
    #question .panel-heading p:before {
        content: "：";
        margin-left: -1em;
        text-indent: 1em;
    }

    .panel-default>.panel-heading {

    }
    .panel-collapse{
        padding-left: 19px;
        padding-right: 19px;
    }
    .panel-body {
        border-radius: 0px;
        background-position: 0px 19px;
        background-repeat: no-repeat;
        background-image: url(../images/question-a.png);
        border-top: 2px dashed #50c0ff;
    }

    .panel-body p{
        position: relative;
        padding: 15px 0px 20px 50px;
        font-size: 22px;
    }


    #search{
        text-align:center;
        background-repeat: repeat;
        background-image: url(../images/search-bg.png);
    }

    #search .fixed-inner{
        background-position:center 580px,center;
        background-repeat: no-repeat,repeat-y;
        background-image: url(../images/search-map.png),url(../images/job-inner-bg-sp.png);
    }

    #search .fixed-inner h2{
        margin-top: 100px;
        margin-bottom:29px;
    }

    #search .fixed-inner h2 img#search-title{
        width: 531px;
    }
    #search .fixed-inner #search-balloon{
        width: 485px;
        margin-bottom: 54px;
    }

    #search .fixed-inner #areas{
        display:inline-block;
        position:relative;
        width: 560px;
        height: auto;
        background:none;
    }

    #search #areas ul{
        display:block;
        margin-top: 0px!important;
        padding: 25px 48px;
        background-position: 24px center;
        background-repeat: no-repeat;
        font-size: 24px;
        text-align:left;
    }

    #search #areas div.has-subarea{
        display:block;
        margin-top: 0px!important;
        margin-bottom:11px!important;
        padding: 25px 48px;
        background-position: 24px center;
        background-repeat: no-repeat;
        font-size: 24px;
        text-align:left;
        border:none;
    }

    #search #areas div.has-subarea ul{
        display:block;
        margin:0;
        padding: 0;
        font-size: 24px;
        text-align:left;
    }

    #search #areas *{
        color:#2250a3;
    }
    #search #areas li{
        display:inline-block;
        margin-bottom: 4px;
        padding-left: 3px;
        padding-right: 10px;
        border-right: 1px solid #2250a3;
        font-size: 20px;
    }
    #search #areas li a{
        margin: 0!important;
        padding:0!important;
    }
    #search .region{
        background-color: rgba(255,255,255,0.8);
        padding-top: 0px;
        text-align:left;
    }
    #search .area{
        margin-bottom: 11px!important;
    }
    #search .region .areaflex{
        display: flex;
    }
    #search h3{
        position:relative;
        margin-top:0px;
        margin-bottom:11px;
        padding: 25px 48px;
        background-position: 24px center;
        background-repeat: no-repeat;
        font-size: 24px;
    }

    i img { position:absolute;
        right: 35px;
        top:33px;
        -webkit-transition:all 300ms ease-in 0s;
        -moz-transition: all 300ms ease-in 0s;
        -o-transition: all 300ms ease-in 0s;
        transition: all 300ms ease-in 0s;}

    .ui-state-active i img {
        color: #ACD4CE;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    #top #search h4{
        margin:0;
        margin-top: 12px;
        margin-bottom:3px;
        padding:0;
        font-size: 20px;
        font-weight: normal;
        color: #000;
    }
    #top #search .region .irepref h4,
    #top #search .region .irepref ul{
        padding-left: 20px;
    }

    #search #region1 h3{
        background-image: url(../images/search-pin1.png);
        border: 2px solid #90a3c2;
    }
    #search #region1 ul{
        border: 2px solid #90a3c2;
    }

    #search #region2 h3{
        background-image: url(../images/search-pin2.png);
        border: 2px solid #b0cfdd;
    }
    #search #region2 div.has-subarea{
        border: 2px solid #b0cfdd;
    }


    #search #region3 h3{
        background-image: url(../images/search-pin3.png);
        border: 2px solid #f8c6b4;
    }
    #search #region3 ul{
        border: 2px solid #f8c6b4;
    }

    #search #region4 h3{
        background-image: url(../images/search-pin4.png);
        border: 2px solid #cbe2a3;
    }
    #search #region4 ul{
        border: 2px solid #cbe2a3;
    }

    #search #region5 h3{
        background-image: url(../images/search-pin5.png);
        border: 2px solid #f3d282;
    }
    #search #region5 ul{
        border: 2px solid #f3d282;
    }

    #search #region6 h3{
        background-image: url(../images/search-pin6.png);
        border: 2px solid #e1d490;
    }
    #search #region6 ul{
        border: 2px solid #e1d490;
    }

    #search #region7 h3{
        background-image: url(../images/search-pin7.png);
        border: 2px solid #c684a4;
    }
    #search #region7 ul{
        border: 2px solid #c684a4;
    }

    #search .appendix p{
        padding-top: 72px;
        padding-left: 96px;
        padding-bottom: 100px;
        text-align: left;
        font-size: 21px;
    }

    article#entry{
        text-align:center;
    }

    article#entry h2{
        width:100%;
        display:inline-block;
        margin-top: 100px;
        margin-bottom: 70px;
    }

    article#entry h2 img#entry-information-title{
        width: 215px;
    }

    article#entry section#entry_summary{
        position:relative;
        display:inline-block;
        width: 611px;
        margin-bottom: 40px;
    }

    article#entry section#entry_summary img.entry_thumbanil{
        position:relative;
        top: auto;
        right: auto;
        width: 609px;
        margin-bottom: 37px;
    }
    article#entry section#entry_summary header{
        min-height: auto;
        padding:0;
        margin:0;
        text-align:left;
    }

    article#entry section#entry_summary header h3{
        color: #50c0ff;
        font-size: 38px;
    }

    article#entry section#entry_summary header p.subtitle{
        color: #50c0ff;
        font-size: 26px;
    }

    article#entry section#entry_summary header div.lead {
        padding:26px;
        border:2px solid #12439c;
        margin-bottom: 37px;
        border-radius: 8px;
        font-size: 22px;
    }

    article#entry section#entry_summary div#entry_detail{
        text-align:left;
    }

    article#entry section#entry_summary div#entry_detail p{
        font-size: 22px!important;
    }
article#entry section#entry_summary table{border-collapse:collapse;table-layout: fixed;}
article#entry section#entry_summary table th,
article#entry section#entry_summary table td{ width: 94%; display:block; padding:10px 3%; clear:both; width:auto !important;  }
article#entry section#entry_summary table th{border-bottom:none; text-align:left;}

/*    article#entry section#entry_summary table{
        width: 100%;
    }

    article#entry section#entry_summary table th{
        font-size: 32px;
        text-align:center;
        padding-top: 28px;
        padding-bottom:28px;
        background-color: #e9f5fa;
        border:1px solid #dee3e5;
        width: 102px !important;
        writing-mode: vertical-rl!important;
        -webkit-writing-mode: vertical-rl!important;
        -moz-writing-mode: vertical-rl;
        -o-writing-mode: vertical-rl;
        -ms-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
    }
    article#entry section#entry_summary table td{
        font-size: 22px;
        line-height: 1.5;
        text-align:left;
        padding: 31px 42px;
        border:1px solid #dee3e5;
        width: auto !important;
    }*/


    article#entry section#entry_form{
        text-align:center;
        background-repeat: repeat;
        background-image: url(../images/job-bg.png);
        padding-bottom:70px;
    }
    article#entry section#entry_form h2{
        width:100%;
        display:inline-block;
        margin-top: 70px;
        margin-bottom: 32px;
    }

    article#entry section#entry_form h2{
        width:100%;
        display:inline-block;
        margin-top: 100px;
        margin-bottom: 70px;
    }

    article#entry section#entry_form h2 img#entry_form_title{
        width: 411px;
    }

    article#entry section#entry_form #message-box{
        position: relative;
        display:inline-block;
        width: 710px;
        margin-bottom:45px;
        padding: 23px 21px;
        border:2px solid #50c0ff;
        border-radius: 10px;
        background-color:#fff;
    }

    article#entry section#entry_form #message-box:before{
        content: "";
        border: 12px solid transparent;
        border-top: 12px solid #50c0ff;
        position: absolute;
        right: 347px;
        bottom: -24px;
    }
    article#entry section#entry_form #message-box:after{
        content: "";
        border: 12px solid transparent;
        border-top: 12px solid #fff;
        position: absolute;
        right: 347px;
        bottom: -22px;
    }
    article#entry section#entry_form #message-box ul{
        text-align:left;
        margin:0;
        padding: 0;
    }
    article#entry section#entry_form #message-box li span.item-name{
        display:inline-block;
        width: 140px;
        height:50px;
        margin-bottom: 10px;
        padding-top: 10px;
        text-align:center;
        background-color: #50c0ff;
        border-radius: 25px;
        font-size: 22px;
        color:#fff;
    }
    article#entry section#entry_form #message-box li span.item-content{
        display:inline-block;
        height:50px;
        margin-left:21px;
        margin-bottom: 10px;
        padding-top: 10px;
        font-size: 22px;
    }

    article#entry section#entry_form #webform-area{
        position: relative;
        display:block;
        margin: 0 auto;
        padding-top: 70px;
        width: 710px;
        border-radius: 10px;
        background-color:#fff;
    }

    article#entry section#entry_form #webform-area .form-item,
    article#entry section#entry_form #webform-area fieldset,
    article#entry section#entry_form #webform-area .form-item .container-inline{
        width: 561px;
        margin: 0 auto;
        margin-bottom: 42px;
    }

    article#entry section#entry_form #webform-area .form-item *,
    article#entry section#entry_form #webform-area fieldset *{
        margin:0;
        padding:0;
    }
    article#entry section#entry_form #webform-area .form-item label,
    article#entry section#entry_form #webform-area fieldset legend{
        display:inline-block;
        text-align: left;
        width: 100%;
        font-size: 28px;
        font-weight: bold;
        margin-bottom: 23px;
    }
    
    article#entry section#entry_form #webform-area .form-item label:before,
    article#entry section#entry_form #webform-area fieldset legend:before{
        content: "※";
        font-size: 22px;
        color: #ff021a;
    }
    /*
    article#entry section#entry_form #webform-area .form-item label:before,
    article#entry section#entry_form #webform-area fieldset legend:before{
        content: "必須";
        padding: 10px 17px;
        background-color: #fcfc30;
        border-radius: 5px;
        font-size: 22px;
        color: #325696;
        margin-right: 28px;
    }*/
    article#entry fieldset legend{
        float:left;
        padding-top: 8px!important;
        margin-bottom: 23px;
    }
    article#entry section#entry_form #webform-area fieldset .fieldset-wrapper{
        display:inline-block;
        text-align: left;
        width: 100%;
        padding: 8px;
        padding-top: 26px;
        margin:0;
        font-size: 13px;
    }
    article#entry section#entry_form #webform-area label.option:before{
        content: "";
        padding: 0;
        background-color: #fff;
        margin:0
    }
    article#entry #webform-area label.option{
        font-weight: normal!important;
        position:relative;
        margin-left: 3px!important;
        margin-right: 28px!important;
        top: -7px!important;
        font-size: 22px!important;
    }
    article#entry section#entry_form #webform-area fieldset .fieldset-wrapper label,
    article#entry section#entry_form #webform-area fieldset .fieldset-wrapper .form-item{
        display:inline;
        width: auto;
    }
    article#entry section#entry_form #webform-area .description{
        margin-top: 12px;
        margin-left: 0px;
        font-size: 22px;
        text-align: left;
    }

    article#entry section#entry_form #webform-area .form-item input[type="text"],
    article#entry section#entry_form #webform-area .form-item input[type="email"],
    article#entry section#entry_form #webform-area .form-item textarea{
        display:inline-block;
        width: 100%;
        padding: 8px;
        border: 1px solid #8c8b8b;
        border-radius: 7px;
        outline:0;
        font-size: 22px;
    }
    article#entry section#entry_form #webform-area .form-item select {font-size: 22px;}
    article#entry section#entry_form #webform-area input[type="radio"]{
        border: 1px solid #8c8b8b;
        width: 30px;
        height: 30px;
        outline: 0;
        background: #fff!important;
    }
    article#entry section#entry_form #webform-area .form-item-address label{
        vertical-align: top;
    }
    article#entry section#entry_form #webform-area .form-item-address div{
        display:inline-block;
    }
    article#entry section#entry_form #webform-area .form-item input::placeholder{
        color: #b2b2b2;
    }
    article#entry .js-form-type-processed-text{
        width: 100%!important;
        text-align: center;
    }
    article#entry #kiyaku_box{display: inline-block; width: 653px; font-size: 20px;}
    /*article#entry #kiyaku{
        display: inline-block;
        width: 653px;
        background-color: #e5f6ff;
        border-radius: 10px;
        padding: 42px 36px;
        text-align: center;
    }
    article#entry #kiyaku h3{
        font-size: 30px;
        margin-top: 39px!important;
        margin-bottom: 21px!important;
    }
    article#entry #kiyaku h3 span{
        display:inline-block;
        width: 100%;
    }
    article#entry #kiyaku dl{
        text-align: left;
        font-size: 24px;
        line-height: 1.7;
        display: inline-block;
        width: 589px;
        height: 224px;
        padding: 29px 12px!important;
        margin-bottom: 42px!important;
        overflow-y: scroll;
        overflow-x: hidden;
        border-top: 1px dashed #12439c;
        border-bottom: 1px dashed #12439c;

    }
    #kiyaku dl::-webkit-scrollbar{width:6px;}
    #kiyaku dl::-webkit-scrollbar-track{background:#d2d2d2;}
    #kiyaku dl::-webkit-scrollbar-thumb{background:#7d7d7d;}

    article#entry #kiyaku dt{
        color: #12439c;
    }*/
    article#entry #webform-area .form-item-agree div{
        display:block;
        width: 495px;
        margin-left: auto!important;
        margin-right: auto!important;
        margin-bottom: 24px!important;
    }
    article#entry #webform-area .form-item-agree{
        width: 100%;
    }
    article#entry #webform-area .form-item-agree,
    article#entry #webform-area .form-item-agree label{
        font-size: 24px!important;;
        width: auto!important;
    }
    article#entry #webform-area .form-item-agree label{
        position: relative;
        top: 3px!important;
    }
    article#entry #webform-area .form-item-agree input{
        vertical-align: middle;
        margin-top: 5px;
        width: 18px;
        height: 18px;
    }
    article#entry #webform-area .contextual{
        display:none;
    }
    article#entry #webform-area .webform-button--submit{
        margin-top: 0px;
        margin-bottom: 70px;
        width: 655px;
        height: 128px;
        font-size: 30px;
        font-weight: bold;
        border-radius: 10px;
    }

    .carousel-control-next, .carousel-control-prev{
        width: 68px!important;filter:alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
    }
  
    .modal-content{
      /*
        height: 98.6%;
        margin: 0.5rem;
      */
      border: 3px solid #12439c;
      border-radius: 10px;
    }
  
    .modal-dialog{
      margin: 45px;
    }
    .modal-content iframe{
        width: 100% !important;
        min-height: 780px;
        border:3px solid #12439c;
        border-radius: 10px;
    }

    .modal-content .carousel-control-close{
        z-index: 10;
        position: absolute;
        top: 10px;
        right: 10px;
    }
  
  
  
    #search-result .modal-dialog,
    #search-result .modal-dialog > *{
      max-width: 750px !important;
    }


    article.interview-detail{
        position: relative;
        /*width: 930px;*/
        width: 100%;
        /*height: 715px;*/
        height: 100%;
        padding: 37px 77px;
        background-color:#fff;
      text-align: center;
    }
    article.interview-detail img.thumbnail{
      position: relative;
      width: auto;
      left: 0;
      right: 0;
      top: 0;
      max-width: 270px;
      height: auto;
      /*
        position:absolute;
        top: 37px;
        left: 101px;
        width: 200px;
      */
    }
    article.interview-detail div.article-content{
        /*margin-left: 246px;*/
      margin-left: 0;
      margin-top: 55px;
    }

    article.interview-detail div.article-content{
        position:relative;
        background-color:#fff;
        border: 2px solid #12439c;
        border-radius:10px;
        /*width: 515px;*/
      width: 100%;
        height: 200px;
        padding-top: 57px;
        padding-left: 31px;
        text-align:left;
        margin-bottom: 36px;
    }

    article.interview-detail div.article-content header{
        position:absolute;
        top: -13px;
        left: -9px;
        width: 224px;
        height: 44px;
        text-align:center;
        font-size: 14px;
        letter-spacing: 1px;
        padding-top: 11px;
        color: #fff;
        border-top-right-radius: 22px;
        border-bottom-right-radius: 22px;
    }

    article.interview-detail div.article-content header:after{
        position:absolute;
        top: 32px;
        left: 0px;
    }
    article.interview-detail div.article-content header.own:after{
        content: url(../images/interview-tag-bg1.png);
    }
    article.interview-detail div.article-content header.joushi:after{
        content: url(../images/interview-tag-bg2.png);
    }

    article.interview-detail div.article-content header.own{
        border: 1px solid #50c0ff;
        background-color: #50c0ff;
    }
    article.interview-detail div.article-content header.joushi{
        border: 1px solid #5b4bba;
        background-color: #5b4bba;
        color: #FFFFFF;
    }

    article.interview-detail div.article-content div h3{
        width: 400px;
        font-size: 25px;
        letter-spacing: 2px;
    }
    article.interview-detail div.article-content div h3 span.san{
        font-size: 12px;
        letter-spacing: 2px;
    }
    article.interview-detail div.article-content div h3 span.age{
        font-size: 20px;
        letter-spacing: 2px;
    }

    article.interview-detail div.article-content div h3:after {
        content:"";
        display:block;
        margin-top: 10px;
        height:2px;
        width:100%;
        background:-webkit-gradient(linear, left top, right bottom, from(#50c0ff), to(#fff));
        background:-moz-linear-gradient(left, #50c0ff, #fff);
        background:linear-gradient(left, #50c0ff, #fff);
    }
    article.interview-detail div.article-content div ul{
        padding-left: 0;
        display:table;
    }
    article.interview-detail div.article-content div li *{
        display:inline-block;
        font-size: 24px;
        letter-spacing: 2px;
    }
    article.interview-detail div.article-content div li{
        font-size: 24px;
        line-height:1;
        margin:0;
        padding:0;
    }
    article.interview-detail div.article-content div li h4{
    }
    article.interview-detail div.article-content div li h4:after{
        content:"：";
    }

    article .faq{
        display: inline-block;
        /*width: 779px;*/
        width: 100%;
        padding: 0 0px;
        margin-bottom: 55px;
        text-align: center;
        border-top: 1px dashed #12439c;
        border-bottom: 1px dashed #12439c;
    }

    article .faq dl{
        text-align: left;
        font-size: 14px;
        line-height: 1.7;
        display: inline-block;
        /*width: 760px;*/
        width: 100%;
        height: 363px;
        margin-top: 15px!important;
        margin-bottom: 15px!important;
        overflow-y: scroll;
        overflow-x: hidden;
        padding-bottom: 120px;
        position: relative;
    }
    article .faq::after{
        content: url(../images/interview_roll_bg.png);
        position: absolute;
        top: 553px;
        left: 0;
        right: 0;
    }

    .faq dl::-webkit-scrollbar{width:6px;}
    .faq dl::-webkit-scrollbar-track{background:#d2d2d2;}
    .faq dl::-webkit-scrollbar-thumb{background:#7d7d7d;}

    article .faq dt:nth-child(1){
        margin-top: 25px;
    }
    article .faq dt{
        font-size: 32px;
        margin-bottom: 6px;
        padding-left: 23px;
        background-image:url(../images/interview-modal-star.png);
        background-repeat: no-repeat;
        background-position: center left;
    }
    article .faq dd{
        /*width: 742px;*/
        width: 100%;
        background-color: #e5f6fe;
        border-radius: 10px;
        padding: 20px 23px;
        font-size: 24px;
    }

    footer.common p{
        color:#fff;
        font-size: 17px;
    }


    #modal_jobs{
        display:inline-block;
        text-align: center;
        width: 666px!important;
        margin:0!important;
        padding:70px 66px!important;
        background-color:#fff;
    }
  

    #four-jobs{
        display:inline-block;
        text-align: left;
        width: 534px;
    }

    #four-jobs .boxjob{
        display:inline-block;
        margin:0!important;
        padding:0!important;
    }
    #four-jobs .job{
        position:relative;
        display:inline-block;
        width: 534px;
        height: 120px;
        margin:0;
        padding:0;
        margin-bottom: 15px;
        background-size: cover;
        background-position: 50% 50%;
    }

    #four-jobs .job:nth-child(odd){
        margin-right: 15px;
    }

    #four-jobs .job .job-midashi{
        position:absolute;
        bottom:0;
        left:0;
        width: 100%;
        height: 120px;
        background-color: rgba(10,73,170,0.8);
        color:#fff;
        text-align:left;
        padding-left: 22px;
        padding-top: 22px;
        background-image: url(../images/search-modal-arrow.png);
        background-repeat: no-repeat;
        background-position: 480px;
        background-size: 2em;
    }
    #four-jobs .job .veil{
        z-index:10000;
        pointer-events: none;
        position:absolute;
        bottom:0;
        left:0;
        width: 100%;
        height: 100%;
        padding-top: 40px;
        background-color: rgba(0,0,0,0.7);
        color:#fff;
        text-align:center;
        font-size: 24px;
    }
    #four-jobs .job .veil br{
      display: none;
    }
  
    #four-jobs .job .job-midashi h4{
        font-size: 30px;
        padding:0;
        margin:0;
        margin-bottom:3px;
    }
    #four-jobs .job .job-midashi p{
        font-size: 24px;
    }

    body#taxonomy{
        text-align:center;
    }
    #modal_jobs ul{
        margin-bottom: 30px;
        text-align: left;
        margin-left: 0;
        padding-left: 0;
        font-size: 24px;
    }
    #modal_jobs li{
        display:inline-block;
        margin-bottom: 4px;
        padding-left: 3px;
        padding-right: 10px;
        border-right: 1px solid #2250a3;
        font-size: 24px;
    }
    #modal_jobs li a{
        color: #0a49aa;
        margin: 0!important;
        padding:0!important;
        position: relative;
    }

    #modal_jobs li a.active,
    #modal_jobs li a:active{
        color: #52C0FC;
        text-decoration: none;
    }
    #modal_jobs li a.active::after{
        content: url(../images/search-modal-active.png);
        display: block;
        position: absolute;
        bottom: 0.2em;
        height: 5px;
        left: 0;
        right: 0;
        text-align: center;
    }

    #modal_jobs h3{
        margin-bottom:32px;
        padding-left: 39px;
        background-position: 14px center;
        background-repeat: no-repeat;
        font-size: 19px;
        font-weight: bold;
    }

    #modal_jobs h3{
        background-image: url(../images/search-pin1.png);
        background-size: 21px;
        background-position: 10px 2px;
        font-size: 24px;
        text-align: left;
        margin-bottom: 0;
        padding-top: 2px;
        position: relative;
        left: -10px;
    }
    #modal_jobs h3::after{
        content: '';
        display: block;
        margin-top: 0.5rem;
        border-bottom: 2px dotted #90a7d1;
        position: relative;
        left: -30px;
    }
  
  
    #modal_jobs h3 span{
        display:inline-block;
        margin-left: 17px;
        border: 1px solid #b1cdd9;
        background-color: #FFFFFF;
        font-size: 18px;
        font-weight: normal;
        padding: 3px 13px;

        border-radius: 3px;
        vertical-align: top;
    }
  
  
 

}