﻿@media print, screen and (max-width:480px){
    .area{
        width:30%;
        float:left;
    }
    .inputNum{
        width:80px;
    }
    #header h1 img{
        width:60%;
    }
    #urite_info #category_list .cate ul li{
        text-indent: 1.4em;
    }
}

@media print, screen and (min-width:481px){
    .cate li{
        width:48%;
        float:left;
    }
    .area{
        width:25%;
        float:left;
    }
    .inputNum{
        width:100px;
    }
    #header h1 img{
        width:50%;
    }
}

main h1{
    margin:0.5em 0.3em;
    font-size:1.5em;
    font-weight:bold;
}
main h2{
    font-size:1.5em;
    font-weight:bold;
}
.data-section{
    padding-bottom:5px;
    border:1px solid #bce8f1;
    margin-bottom:5px;
}
.data-section section{
    padding:15px;
}
.data-section h2{
    padding:15px;
    background-color: #d9edf7;
    margin:0;
    color: #000000;
}
.data-section h4{
    margin:0 0 5px;
    font-weight:bold;
    font-size:1.2em;
}
.data-section p{
    padding:0 0 10px;
}

.dantai{
    padding:10px 0 0 15px;
}

.nextArrow{
    text-align:center;
    margin:10px 0;
}

/* ↓↓アコーディオン表示用のスタイル↓↓ */
    .uriteButton{
        font-size:1.5em;
        font-weight:bold;
    }
    #urite_info ul{
        margin:5px 0 0;
        padding:0;
    }
    #urite_info li{
        /*font-size:18px;*/
        line-height:2;
    }
    .cate{
        padding:10px 0 0 5px;
    }
    .cate li:last-child{
        margin-bottom:20px;
    }
/* ↑↑アコーディオン表示用のスタイル↑↑ */

/* ↓↓ユーザー登録時のポップアップ内のスタイル↓↓ */
    #kiyaku, #toriatsukai {
        display:none;
    }
/* ↑↑ユーザー登録時のポップアップ内のスタイル↑↑ */

/* ↓↓登録団体選択画面↓↓ */
    section[id*="region"]{
        border: 1px solid #bce8f1;
    }
    section[id*="region"] > ul{
        padding:0 10px;
    }
    .register_flow{
        margin:10px 0;
    }
    .register_flow .flow{
        margin:5px 0;
        background-color: #F0F0F0;
    }
    @media print, screen and (max-width:945px){
        section[id^="region"] .cate li a{
            color: #0b61f6;
            text-decoration: underline;
        }
    }
/* ↑↑登録団体選択画面↑↑ */

/* ↓↓企業検索画面↓↓ */
    .companyList{
        border: 1px solid #bce8f1;
        border-collapse: collapse;
    }
    .companyList tr:first-child{
        background-color: #d9edf7;
        font-weight:bold;
    }
    .companyList td:nth-child(1){
        width:60%;
    }
    .companyList td:nth-child(2){
        width:40%;
    }
    .companyList td{
        border: 1px solid #bce8f1;
        padding:10px 5px;
    }
    @media print, screen and (max-width:945px){
        #list-top > a {
            color: #0b61f6;
            text-decoration: underline;
        }
        .companyList a{
            color: #0b61f6;
            text-decoration: underline;
        }
    }
    @media print, screen and (min-width:946px){
        .companyList td:nth-child(2) br{
            display: none;
        }
    }
/* ↑↑企業検索画面↑↑ */

/* ↓↓登録画面↓↓ */
    .complete a {
        color: #0b61f6;
        text-decoration: underline;
        line-height: 2;
    }
    .input-area .detail-table tr th:nth-of-type(1) {
        width: 10%;

    }
    .input-area .detail-table tr th:nth-of-type(2)
    , .input-area .detail-table tr th:nth-of-type(3)
    , .input-area .detail-table tr th:nth-of-type(4) {
        width: 25%;
    }
    .input-area .detail-table tr th:nth-of-type(5) {
        width: 10%;
    }
    .input-area .detail-table tr td:nth-of-type(1)
    , .input-area .detail-table tr td:nth-of-type(5)
    , .confirm-area .detail-table tr td:nth-of-type(1) {
        text-align: center;
    }
    .confirm-area .detail-table tr th:nth-of-type(1) {
        width: 10%;

    }
    .confirm-area .detail-table tr th:nth-of-type(2)
    , .confirm-area .detail-table tr th:nth-of-type(3)
    , .confirm-area .detail-table tr th:nth-of-type(4) {
        width: 30%;
    }
    .input-area .detail-table tr th
    , .confirm-area .detail-table tr th {
        text-align: center;
    }
    @media print, screen and (max-width:945px){
        a.a_informationmodaldisp{
            color: #0b61f6;
            text-decoration: underline;
        }
        .data-section p{
            padding: 5px 15px;
        }
    }
    @media print, screen and (min-width:946px){
        #company_info .input-area .two-column li:nth-of-type(1)
        , #company_info .input-area .two-column li:nth-of-type(3) {
            width: 30%;
        }
        #company_info .input-area .two-column li:nth-of-type(2)
        , #company_info .input-area .two-column li:nth-of-type(4) {
            width: 60%;
        }
    }
/* ↑↑登録画面↑↑ */
/* ↓↓アンケート部分↓↓ */
#enquete.data-section ul li {
    width: 100%;
    margin-bottom: 0.8em;
}
#enquete.data-section ul li:last-child {
    margin-bottom: 0;
}
#enquete.data-section ul li > label + input[type="text"] {
    display: block;
    width: 93%;
    margin-left: 2.4em;
}

@media print, screen and (max-width: 480px) {
    #enquete.data-section ul li > label + input[type="text"] {
        width: 90%;
    }
}
/* ↑↑アンケート部分↑↑ */
