@charset "utf-8";

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

/* ==================================================
Base-Layout
================================================== */
/* body
================================================== */
body {
	-webkit-text-size-adjust:none;
}
/* wrapper
================================================== */
#wrapper {
	width:100%;
	min-width:320px;
}
.container{
	width: 100%;
	padding: 0 10px;
}
/* contents
================================================== */
#tmp_contents,
#tmp_maincontents {
	word-wrap:break-word;
}
/* format-layout
================================================== */
.wrap_col_nm,
.wrap_col_rgt_navi,
.column_full .wrap_col_main,
.column_lnavi .wrap_col_main,
.column_rnavi .wrap_col_main {
	float:none;
}
.wrap_col_lft_navi {
	float:none;
	position:static;
	z-index:auto;
}
.col_main {
	padding:0;
}
/* top
================================================== */
.format_top #tmp_main_menu,
.format_top #tmp_main {
	float:none;
	width:100%;
}
/* free
================================================== */
.format_free .wrap_col_lft_navi,
.format_free .wrap_col_rgt_navi {
	display:none;
}
.format_free .column_lnavi .col_main {
	margin-left:0;
}
.format_free .column_rnavi .wrap_col_main,
.format_free .column_rnavi .col_main {
	margin-right:0;
}
/* ==================================================
header
================================================== */
#header {
	position:relative;
	padding:0;
	z-index: 9999;
	padding: 5px 10px 0;
}
.custom_procedure #header{
	padding-top: 8px;
}
#header #hlogo{
	margin-bottom: 6px;
}
.custom_application #hlogo h1,
.custom_application #hlogo p,
.custom_application #hlogo a,
.custom_application #hlogo h1 span,
.custom_application #hlogo p span {
    display: block;
    width: 162px;
    height: 50px;
}
.custom_application #hlogo h1,
.custom_application #hlogo p{
	background: url(/shared/site_shinseisho/images/header/application_hlogo_sp.png) no-repeat left top;
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
}
#header_menu{
	max-width: 150px;
	margin: 0;
}
.custom_procedure #header_menu {
    margin-top: -2px;
}
#header_menu .hlinks{
	text-align: right;
}
#header_menu .hlinks li{
	float: none;
	margin: 0 0 2px;
}
#header_menu .hlinks li:last-child {
    margin: 0;
}
#header_menu .hlinks li a{
	font-size: 56.2%;
	border-width: 1px;
	float: none;
}
#header_menu .hlinks li a:hover,
#header_menu .hlinks li a:focus,
#header_menu .hlinks li a:active{
    border-width: 1px;
}
#header_menu li.change_font a{
	padding: 5px 9px 2px 20px;
	background-position: 6px center;
	background-size: 12px auto;
	-webkit-background-size: 12px auto;
	-moz-background-size: 12px auto;
}
#header_menu li.okinawa_site a {
	padding: 5px 12px 3px 15px;
}
#header_menu li.okinawa_site img {
    max-width: 53px;
    height: auto;
}
/* model_change
================================================== */
.wrap_mc_pc,
.wrap_mc_pc #tmp_switch_pc_style {
	display: block;
}
/*----- Content -----*/

/*----- Applicarion Page -----*/
#pankuzu{
    font-size: 87.5%;
}
.custom_procedure #pankuzu,
.custom_counter #pankuzu{
    font-size: 75%;
}
.custom_application h2,
.custom_application h3{
    font-size: 112.5%;
}
/*----- Style Btn -----*/
.application_btn_box ul.application_btn_col2{
	padding: 0;
}
.application_btn_box ul.application_btn_col2{
	margin: 0 -5px;
}
.application_btn_box ul.application_btn_col2 li{
	padding: 0 5px;
}
.application_btn_box ul.application_btn_col3{
	margin: 0;
}
.application_btn_box ul.application_btn_col3 li{
	width: 100%;
    float: none;
	padding: 0;
	margin: 0 0 14px;
}
.application_btn_box a{
	font-size: 100%;
	padding: 5px 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.application_btn_box a.big_btn{
	width: 100%;
	font-size: 125%;
	margin: 0;
	padding: 7px 10px 6px;
}
.application_btn_box a.show_qrcode,
.application_btn_box a.form_print{
	padding: 5px 10px 6px 50px;
	background-position: 5px center;
	background-size: 30px auto;
	-webkit-background-size: 30px auto;
	-moz-background-size: 30px auto;
}
.application_btn_box a.confirm_qrcode_btn{
	width: 100%;
    font-size: 125%;
    padding: 7px 10px 6px;
}
.application_btn_box a.medium_btn{
	width: 168px;
	padding: 5px 10px 4px;
	font-size: 100%;
}
/* Applicarion Page 01 */
.use_system{
	padding: 0 14px;
	margin: 0 0 35px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.use_system .use_system_ttl{
	text-align: left;
    padding: 14px 5px 4px;
    border-bottom-width: 1px;
}
.use_system .use_system_cnt {
    padding: 15px 0 15px;
}
.use_system .use_system_pc{
    display: none;
}
.use_system .use_system_sp{
    display: block;
}
/* Applicarion Page 02 */
.application_form{
	margin: 17px 0 23px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.form_cnt_main{
	font-size: 87.5%;
	margin-bottom: 23px;
}
.form_ttl{
	text-align: left;
	font-size: 137.5%;
	padding: 8px 11px 4px;
}
.form_ttl .close_btn{
	right: 10px;
	margin-left: auto;
}
.form_ttl .close_btn a{
	margin-left: auto;
	font-size: 62.5%;
	padding: 5px 11px 5px 15px;
}
.form_ttl .close_btn a:before{
	width: 8px;
	height: 8px;
	margin-right: 3px;
	margin-bottom: 2px;
	background-size: 8px auto;
	-webkit-background-size: 8px auto;
	-moz-background-size: 8px auto;
}
.form_cnt {
	padding: 17px 8px 24px;
}
.form_cnt_heading{
	line-height: 1.2;
	text-align: left;
	padding-bottom:10px;
	margin-bottom: 14px;
	border-bottom-width: 1px;
}
.form_checkbox ul {
    margin: 0;
}
.form_checkbox ul li{
	width: 100%;
    float: none;
    padding: 0;
    margin-bottom:6px;
}
.checkbox_item .checkbox_item_label{
	font-size: 87.5%;
	padding: 7px 10px 5px 29px;
}
.checkbox_item .checkbox_item_label:before{
	top: 8px;
    left: 6px;
	width: 14px;
    height: 14px;
}
.checkbox_item .checkbox_item_label:after,
.checkbox_item .checkbox_item_input:checked + .checkbox_item_label:after{
	top: 10px;
    left: 11px;
    width: 4px;
    height: 8px;
    border-width: 0 2px 2px 0;
}
.box_modal_main .checkbox_item .checkbox_item_label:hover,
.box_modal_main .checkbox_item .checkbox_item_label:focus,
.box_modal_main .checkbox_item .checkbox_item_label:active,
.checkbox_item .checkbox_item_label:hover,
.checkbox_item .checkbox_item_label:focus,
.checkbox_item .checkbox_item_label:active{
    background-color: #ffffff;
}
.application_table th,
.application_table td{
	display: block;
	width: 100%;
	font-size: 100%;
	border-width: 1px;
}
.application_table th{
	padding: 8px 10px 6px 12px;
}
.application_table td{
	padding: 4px 6px;
}
.form_field table td input{
	padding: 1px 5px;
}
.form_field table td input#in_name{
	width: 100%;
}
.form_field table td input#in_address_number {
    width: 75px;
}
.form_field table td .search_address{
	padding: 2px 6px 0 21px;
	background-position: 4px center;
	background-size: 12px auto;
	-webkit-background-size: 12px auto;
	-moz-background-size: 12px auto;
}
.form_field table td .search_address{
	font-size: 100%;
}
.select_box_date{
	font-size: 85.7%;
}
.select_box_date .select_date_label{
	padding: 3px 5px 3px 4px;
}
.select_box_date .select_date_label:after{
	margin: -3px 0 0 2px;
	border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #247e80;
}
.select_box_date .select_date_birth{
	padding: 3px 17px 3px 4px;
}
.form_field table td .radio_sex {
    padding-top: 3px;
}
.radio_sex_item{
	margin-right: 4px;
}
.select_box_date span{
	margin-right: 3px;
}
.radio_regular .choose_sex_input + .choose_sex_label{
	padding-left: 20px;
}
.radio_regular .choose_sex_input + .choose_sex_label:before{
	width: 15px;
	height: 15px;
	border-width: 1px;
}
.form_field table td .radio_sex {
    padding-top: 3px;
}
.radio_regular .choose_sex_input:checked + .choose_sex_label:before{
	box-shadow: inset 0 0 0 3px #ffffff;
}
/* Applicarion Page 03 */
.confirm_form .form_cnt{
	padding-top: 18px;
	padding-bottom: 14px;
}
.card_list{
	margin-bottom:8px;
}
.card_list ul{
	margin: 0;
}
.card_list ul li{
	width: 100%;
    float: none;
    padding: 0;
    margin-bottom:6px;
}
.card_list ul li span{
	font-size: 87.5%;
	padding: 6px 16px;
}
.confirm_table .application_table th {
    padding: 7px 10px 7px 12px;
}
.confirm_table .application_table td{
	padding: 6px 13px;
}
/* Applicarion Page 04 */
/* .application_form.qrcode_form{
	margin-bottom: 350px;
} */
.qrcode_form .form_cnt{
	padding-top: 18px;
	padding-bottom: 34px;
}
.qrcode_des{
	font-size: 85.7%;
	line-height: 1.6;
	margin-bottom: 26px;
}
.qrcode_image{
	padding: 0 57px;
	margin-bottom: 33px;
}
/* Applicarion Page 05 */
.qrcode_cnt .qrcode_cnt_ttl{
	width: 100%;
}
.qrcode_cnt th,
.qrcode_cnt td{
	display: block;
	width: 100%;
	font-size: 85.7%;
}
.qrcode_cnt .qrcode_cnt_des{
	height: auto;
}
.qrcode_cnt {
	font-size: 125%;
    margin: 0 0 40px;
}
.confirm_qrcode .form_cnt {
    padding-top: 30px;
    padding-bottom: 40px;
}
/* Modal */
.modal_window .box_modal_window{
	max-width: 100%;

}
.modal_window .box_modal_window,
.modal_checkbox .box_modal_checkbox{
	padding: 0 10px;
}
.box_modal_cnt{
    border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.box_modal_heading{
	padding: 8px 87px 3px 9px;
}
.box_modal_heading .modal_heading_txt {
	font-size: 137.5%;
}
.box_modal_heading .modal_close{
	right: 10px;
}
.box_modal_heading .modal_close a{
	font-size: 62.5%;
	padding: 5px 11px 5px 15px;
}
.box_modal_heading .modal_close a:before{
	width: 8px;
	height: 8px;
	margin-right: 3px;
	margin-bottom: 2px;
	background-size: 8px auto;
	-webkit-background-size: 8px auto;
	-moz-background-size: 8px auto;
}
.box_modal_main{
	padding: 24px 10px 30px;
}
.box_modal_main .modal_cnt_ttl{
	font-size: 75%;
	margin-bottom: 20px;
}
.print_method .print_item{
	font-size: 75%;
}
.application_method .print_btn,
.application_method .print_btn:hover,
.application_method .print_btn:focus,
.application_method .print_btn:active{
	right: 4px;
	width: 75px;
	height: 22px;
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
}
.print_method {
    margin: 0 0 30px;
}
.print_method li{
	padding: 6px 0 7px;
	border-top-width: 1px;
}
.print_method li:last-child {
    border-bottom-width:1px;
}
.print_item .application_ttl{
	width: 60px;
	text-align: left;
}
.select_application {
    margin: 0 0 30px;
}
.application_method{
	padding: 4px 84px 8px 10px;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.application_list li{
	padding: 6px 0 7px;
	border-top-width: 1px;
}
.application_list li:last-child{
	border-bottom-width: 1px;
}
.box_modal_main .checkbox_item .checkbox_item_label{
	padding: 12px 10px 9px 40px;
	font-size: 75%;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.box_modal_main .application_btn_box a.green_application_btn{
	width: 100%;
}
.box_modal_main .checkbox_item .checkbox_item_label:before{
	top: 13px;
    left: 13px;
}
.box_modal_main .checkbox_item .checkbox_item_label:after{
	top: 17px;
    left: 19px;
}
.box_modal_main .checkbox_item_input:checked + .checkbox_item_label:after {
    top: 15px;
    left: 18px;
}

/* ==================================================
footer
================================================== */
.pnavi .ptop a{
	width: 146px;
	height: 31px;
	background-size: 146px auto;
	-webkit-background-size: 146px auto;
	-moz-background-size: 146px auto;
}
.pnavi {
    padding-bottom:5px;
}
/* fnavi */
.footer_cnt {
	padding:0 10px;
	clear:both;
}
.footer_cnt address {
	font-style:normal;
}
#footer .copyright{
	font-size: 75%;
	padding: 15px 0 14px;
	text-align:center;
	clear:both;
}
/* ==================================================
accessibility style change:fsize, color
================================================== */
.color_blue #hlogo h1,
.color_blue #hlogo p,
.color_yellow #hlogo h1,
.color_yellow #hlogo p,
.color_black #hlogo h1,
.color_black #hlogo p {
    font-size: 0.9rem;
    line-height: 1;
}
.color_blue .pnavi .ptop a span,
.color_yellow .pnavi .ptop a span,
.color_black .pnavi .ptop a span {
    font-size: 1rem;
}
.fsize_big .form_field table td input#in_address_number,
.fsize_big2 .form_field table td input#in_address_number{
	width: 90px;
	margin-bottom: 10px;
}
}