@charset "utf-8";

/* モバイル */

html{
    margin: 0 auto;
    background: none;
    min-width: 30px;
}
body{
    font-size:90%;
    min-width: auto;
}

#header, #mainNav, #wrapper{
    width: 100%;
}

#header .head_scroll{
    height: 95px;
    text-align: center;
    width: 100%;
}

#header .head_scroll h1{
    font-size: 95%;
}

#main{
    width: 100%;
}

/*画像幅100%*/
#mainImg img,.img_L img,
.img_R img
{
    width: 100%;
    margin: 0;
    padding: 0;
    height: auto;
}

/* #ページトップへスクロール -------------- */
#page_top{
    right: 20px;
}

/* メイン ----------------------------- */
#mainImg{
    margin-top: 100px;
}

.img_L{
    float: none;
}

.img_R{
    float: none;
}

#main h2{
    font-size: 140%;
    width: auto;
    height: auto;
}

.top_caption{
    margin: 0 10px;
}

.btn{
    width: 300px;
    height: 60px;
    line-height: 60px;
    font-size: 140%;
    margin-bottom: 40px;
}

.map iframe{
    width: 100%;
    margin: -30px 0 0 0;
    height: auto;
}

/**** table ****************/
.table1{
    padding: 0 10px;
    width: 100%;
}

.table1 tr{
}
.table1 th,.table1 td{
    padding: 10px;
}

.table2{
    margin: 0 10px;
    width: auto;
}
.table2 th{
    width: 30%;
}
.table2 td{
    padding: 10px;
}



/**** 応募フォーム ****************/
#oubo input[type='text'],input[type='email'],select,textarea{
    height: 30px;

}
#oubo h2{
    margin-top: 20px;
}

#oubo h3{
    text-align: center;
}

#oubo p{
    text-align: left;
}
#oubo .top_caption{
    text-align: left;
}

#oubo .hissu{
    margin-left: 10px;
}

#form .table2{
    margin: 0 10px;
    width: 100%;
}

#form .table2 tr{
    display: block;
    width: 100%;
}

#form .table2 th{
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    height: 40px;
    font-size: 110%;
    line-height: 260%;
}

#form .table2 td{
    width: 10%;
}

#name,#name2{
    width: 100%;	
}

#nengo,#year,#mouth,#day,#age{
    width: 18%;
    color: #333;
}

#zip1,#zip2{
    width: 80px;
    margin-bottom: 20px;
}
#ken,#city1,#city2{
    width: 100%;
    color: #333;
}

#tel1,#tel2,#tel3{
    width: 25%;
}
#email,#emailcheck{
    width: 100%;
}

#form #content{
    height: 160px;
    font-size: 110%;
}

#form .confirm_btnBox{
    margin-top: 20px;
}


/* フッター ----------------------------- */
#footer{
}

#adress{
    padding: 10px 0;
    margin: 0 20px;
}

#adress p{
    font-size: 95%;
}

#copy{
    font-size: 90%;
}

.react{
    font-size: 9pt;
}