@import "/css/common.css";
@import "/css/contents.css";

/**************   PC   **************/
/****** HTTPS ******/
#header div#rightpane li.png_bg{
    /* background-image: url("/image/common2/arrow02.png") !important; */
}
#footerarea ul.bottomframe ul li{
    /* background-image: url("/image/common2/arrow02.png") !important; */
}
#copylight div#leftcopylight ul li.png_bg{
    /* background-image: url("/image/common2/arrow02.png") !important; */
}
#copylight div#leftcopylight span a{
    /* background-image: none!important; */
}
/****** フォーム共通 ******/
input[type=button] {
    padding: 0.4%;
}
input[type=text], select, textarea {
    padding: 0.9%;
}
input[type=text]:focus, select:focus, textarea:focus {
    background-color: #ffe4e1;
}
input#name, input#kana {
    width: 30%;
}
input#year {
    width: 5%;
}
input#month, input#day {
    width: 3%;
}
input#zip1 {
    width: 5%;
}
input#zip2 {
    width: 6%;
}
input#address {
    width: 60%;
}
input#phone {
    width: 18%;
}
input#mail, input#mailconfirm {
    width: 55%;
}
input#school {
    width: 55%;
}
input#faculty {
    width: 55%;
}
input#graduate {
    width: 8%;
}
textarea#career {
    width: 98%;
}
textarea#license {
    width: 98%;
}
textarea#motive {
    width: 98%;
}
textarea#sonota {
    width: 98%;
}
textarea#description {
    width: 98%;
}
textarea#reason {
    width: 98%;
}
textarea#selfpr {
    width: 98%;
}
input#description {
    width: 55%;
}
input#position {
    width: 55%;
}
input#workplace {
    width: 55%;
}
input#period {
    width: 55%;
}
textarea#naiyo {
    width: 98%;
}
/****** 進捗確認項目 ******/
div#step {
    border: 1px solid black;
    margin: 0 auto 2% auto;
    padding: 1% 0 0.8%;
    text-align: center;
    width: 100%;
}
#step span#here {
    background-color: #ffeddb;
    font-weight: bold;
    border: 1px solid #ffa500;
    padding: 0.1% 0.6%;
}
#formInner p{
    line-height: 150%;
}

/* ご注意 */
div#notice {
    border: 1px solid black;
    width: 100%;
    background-color: #ffeddb;
    margin: 2% auto 0 auto;
    padding: 1% 0;
}
div#notice p{
    margin-left: 1.9%;
    line-height: 150%;
}
div#notice ul li{
    margin-left: 4.2%;
    line-height: 170%;
}
div#notice img{
    margin-bottom: 0.4%;
}
/****** 入力・確認欄 ******/
table {
    border-collapse: collapse;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
th, td {
    padding: 0.6%;
    border: 1px solid #b9b9b9;
    font-size: 14px;
}
th {
    width: 22%;
    background-color: #ececec;
    font-weight: normal;
}
th.hissu {
    background-image: url("/image/form/hissu.png");
    background-repeat: no-repeat;
    background-position: 3% center;
    background-size: 15%;
    text-indent: 1%;
}
span.hid_pc{
    display: none;
}
/****** 個人情報取り扱い項目 ******/
div#privacy {
    width: 96%;
    height: 200px;
    margin: 10px auto;
    overflow-y: scroll;
    border: 1px solid #C5B9B7;
    padding: 5px 15px;
    position: relative;
    line-height: 170%;
}
#privacy h2 {
    background: none;
    border: none;
    margin: 0;
    padding: 0.6% 0;
    text-indent: 0;
    font-weight: bold;
    font-size: 12pt;
}
#privacy ol {
    margin-left: 3%;
}
#privacy ul {
    margin-left: 3%;
}
/****** 同意欄 ******/
div#agree {
    margin-top: 1%;
    margin-bottom: 1%;
    text-align: center;
}
input[type=submit], input[type=reset], input#back {
    width: 13%;
    height: 30px;
}
div#button {
    margin-top: 1%;
    margin-bottom: 1%;
    text-align: center;
}
/****** 連絡先 ******/
div#contact {
    width: 33%;
    border: 1px solid black;
    padding: 0.5%;
    margin: 1% auto;
}
div#contact ul {
    margin-left: 3%;
}
div#contact ul li{
    list-style-type: none;
    line-height: 160%;
}
div#contact img{
    margin-bottom: 1.6%;
}
/****** ページ共通 ******/
h2{
    margin-top: 2%;
}
#formInner{
    background-color: #FFFFFF;
    padding: 2.5% 3% 2% 3%;
    border: 1px solid #DDDDDD;  
}
/****** エントリーフォームページ ******/
div#entryform {
    width: 100%;
    font-size: 14px;
    padding-top: 2%;
    padding-bottom: 2%;
}
div#entryform a{
    text-decoration: underline;
}
div#entryform a:hover{
    color: #BFBFBF;
}

/****** エントリー確認ページ ******/
div#entryconfirm {
    width: 100%;
    font-size: 14px;
    padding-top: 2%;
    padding-bottom: 2%;
}
div#entryconfirm p{
    margin-top: 2%;
}
/****** お問い合わせページ ******/
div#inquiryform {
    width: 100%;
    font-size: 14px;
    padding-top: 2%;
    padding-bottom: 2%;
}
/****** U・Iターン登録ページ ******/
div#uiturnform {
    width: 100%;
    font-size: 14px;
    padding-top: 2%;
    padding-bottom: 2%;
}
/****** 入力・確認欄 ******/
dt{
    text-align: center;
    width: 22%;
    float: left;
    background-color: #F5F5f5;
}



/**************   tablet   **************/
@media only screen and (min-width:541px) and (max-width: 768px){
    /****** 各ページ共通 ******/
    #formInner{
        padding: 3% 2%;
    }
    th, td{
        font-size: 13px;
    }
    th{
        width: 28%;
        font-weight: normal;
    }
    #formInner p{
        font-size: 13px;
        line-height: 130%;
    }
    div#notice ul li{
        font-size: 13px;
        margin-left: 6%;
    }
    div#step{
        width: 100%;
    }
    #step span#here {
        font-weight: normal;
    }
    /****** エントリーフォームページ ******/
    div#privacy{
        width: 93%;
    }
    /****** 連絡先 ******/
    div#contact {
        width: 45%;
        padding: 1%;
    }
    div#contact ul li{
        font-size: 13px;
        line-height: 140%;
    }
    div#contact img{
        margin-bottom: 0.8%;
    }
}



/**************   smartphone   **************/
@media only screen and (max-width: 540px){
    /****** 各ページ共通 ******/
    span.hid_pc{
        display: inline;
    }
    span.hid_sp{
        display: none;
    }
    #formInner{
        background-color: #FFFFFF;
        padding: 6% 4% 5%;
        border: 1px solid #DDDDDD;
        width: 92%;
        margin: 0 auto 5%;
    }
    h2{
        font-size: 1.2em;
    }
    #formInner p{
        font-size: 13px;
        line-height: 130%;
    }
    /****** 進捗確認項目 ******/
    div#step{
        width: 99%;
        margin: 0 auto 4%;
        font-size: 12px;
    }
    #step span#here {
        padding: 1% 1%;
    }
    /****** ご注意 ******/
    div#notice{
        width: 96%;
        padding: 3% 3% 3% 0;
        margin: 3% auto 0 auto;
    }
    div#notice p{
        margin-left: 3%;
    }
    div#notice ul li{
        margin-left: 12%;
        font-size: 13px;
        line-height: 130%;
        margin-bottom: 3%;
    }
    div#notice ul li.nbtm{
        margin-bottom: 0;
    }
    /****** 入力・確認欄 ******/
    table{
        width: 100%;
        border-top: 1px solid #b9b9b9;
    }
    th{
        border-left: 1px solid #b9b9b9;
        border-right: 1px solid #b9b9b9;
        border-bottom: none;
        border-top: none;
        text-align: left;        
        padding: 1.5% 0 1.5% 1.3%;
        font-size: 13px;
        text-indent: 0;
    }
    th.hissu {
        background-position: 1% center;
        background-size: auto;
    }
    th.hissu{
        text-indent: 13%;
    }
    td{
        border: 1px solid #b9b9b9;
        padding: 3% 0;
        font-size: 13px;
        padding-left: 1.5%;
    }
    th,td{
        width: 98.1%;
        display: block;
    }
    td p{
        margin: 0;
    }
    td p#ch{
        margin-top: 5px;
    }
    p#keireki{
        line-height: 17px;
        width: 96%;
        margin: 0 auto 5px;
    }
    /****** 個人情報取り扱い項目 ******/
    div#privacy {
        width: 99%;
        height: 200px;
        margin: 5% auto;
        overflow-y: scroll;
        border: 1px solid #000000;
        padding: 2.5% 0;
        position: relative;
        line-height: 130%;
    }
    #privacy h2 {
        margin-left: 3%;
        padding: 3% 0;
        font-size: 14px;
    }
    #privacy ol {
        margin-left: 13%;
    }
    #privacy ol ul{
        margin-top: 4%;
        margin-left: 10%;
    }
    #privacy ol li{
        margin-bottom: 5%;
        padding-right: 2%;
    }
    #privacy ul {
        margin-left: 12%;
    }
    #privacy ul li{
        margin-bottom: 1%;
    }
    #privacy li.nbtm{
        margin-bottom: 0;
    }
    #privacy p{
        margin-bottom: 2%;
        margin-left: 3%;
    }
    div#button{
        margin-top: 4%;
    }
    div#button input{
        width: 28%;
        font-size: 12px;
    }
    /****** フォーム共通 ******/
    input#name, input#kana {
        width: 76%;
    }
    input#year {
        width: 15%;
    }
    input#month, input#day {
        width: 8%;
    }
    input#zip1 {
        width: 13%;
    }
    input#zip2 {
        width: 16%;
    }
    input#address {
        width: 95%;
    }
    input#phone {
        width: 55%;
    }
    input#mail, input#mailconfirm {
        width: 76%;
    }
    input#school {
        width: 95%;
    }
    input#faculty {
        width: 95%;
    }
    input#graduate {
        width: 15%;
    }
    textarea#career {
        width: 95%;
    }
    textarea#license {
        width: 95%;
    }
    textarea#motive {
        width: 95%;
    }
    textarea#sonota {
        width: 95%;
    }
    textarea#description {
        width: 95%;
    }
    textarea#reason {
        width: 95%;
    }
    textarea#selfpr {
        width: 95%;
    }
    textarea#naiyo {
        width: 95%;
    }
    /****** エントリーフォームページ ******/
    div#entryform{
        width: 96%;
        margin: 0 auto;
        padding-bottom: 2%;
    }
    /****** お問い合わせページ ******/
    div#inquiryform {
        width: 96%;
        margin: 0 auto;
        padding-bottom: 2%;
    }
    /****** U・Iターン登録ページ ******/
    div#uiturnform {
        width: 96%;
        margin: 0 auto;
        padding-bottom: 2%;
    }
    div#entryconfirm {
        width: 96%;
        margin: 0 auto;
        padding-bottom: 2%;
    }    
    div#entryconfirm p{
        line-height: 130%;
    }
    /****** 連絡先 ******/
    div#contact {
        width: 85%;
        padding: 2% 2%;
        margin: 4% auto 0;
    }
    div#contact ul{
        margin-left: 2%;
    }
    div#contact ul li{
        font-size: 12px;
        line-height: 140%;
    }
    div#contact img{
        margin-bottom: 0.3%;
    }
}