body.fontbody{
   color:black !important;
}
div.web_inner{
    margin:5px 0px;
   color:black;
}
div.web_inner_estimates{
    margin:10px 0px 2px 0px;
}
div.web_inner > p.description {

}
p.sub_description {
    margin:0 0 0 30px;
}
div.web_inner > div.field-box {
    background-color:#fef7f7;
    padding:10px;
}
div.web_inner > div.field-box > div.block {
    margin:5px 0;
}
div.block > label{
    width:30%;
    font-size:15px;
}
div.web_inner > ul.btn-wrap{
    display:inline-block;
    margin:10px 0 0 0;
    width:100%;
}
ul.btn-wrap > li{
    margin:10px 0 0 0;
    display:inline-block;
    width:15%;
}
div.web_ref_header{
    margin:0px 10px;
    text-align:center;
    border-bottom:1px solid #cccccc;
    
}
div.web_ref_header > ul.btn-wrap{
    display:inline-block;
    margin-bottom:10px;
    width:100%;
}
ul.web_ref_header > li{
    margin:0px 0 0 0;
    display:inline-block;
    width:15%;
    border:1px solid #cccccc;
}
div.web_ref_footer{
    text-align:center;
    margin:0 0 0px 0;
}
div.web_confirm_footer{
    text-align:center;
    margin:30px 0 0px 0;
}
div.web_ref_footer ul.btn-wrap{
    display:inline-block;
    margin:10px 0px;
    width:100%;
    border-top:1px solid #cccccc;
}
ul.web_ref_footer > li{
    display:inline-block;
    width:15%;
}

/*********************
 common
**********************/
.common_left_padding{
	padding-left:18px;
}

@media (max-width: 768px) {
    .navbar-pf .navbar-brand {
        margin-left:10px;
        width: 75%
    }

    .navbar-pf .navbar-brand img {
        height: auto;
        max-width: 100%;
    }

    .navbar-pf .navbar-toggle {
        padding-left: 0
    }
}
.w80i{
    width:80% !important;  
}
.w100i{
    width:100% !important;  
}
.w50{
    width:50%;  
}
.w60i{
    width:60% !important;    
}
.w20i{
    width:20% !important;    
}
.w90{
    width:90%;  
}
.w100{
    width:100%;  
}
.h100{
    height:100%;  
}
.w150pi{
    width:150px !important;  
}
.w300p{
    width:300px;  
}
.h100p{
    height:100px;
}
.h150p{
    height:150px;  
}
.h200p{
    height:200px;  
}
.h300p{
    height:300px;  
}
.h400p{
    height:400px;  
}
.h650p{
    height:650px;  
}
.h800p{
    height:800px;  
}
.h17p{
    height:17px;
}
.cborder{
    border:1px solid #cccccc;
}
.cborder_bottom{
    border-bottom:1px solid #BFBFBF;
}
.cborder_top{
    border-top:1px solid #BFBFBF;
}
.application_bottom{
    border-bottom:0px solid #BFBFBF;
}
.vtop{
    vertical-align:top;
}
.marginb5p{
    margin-bottom:5px !important;
}
.marginb15p{
    margin-bottom:15px !important;
}
.marginb20p{
    margin-bottom:20px !important;
}
.margin_ud10p{
	margin:10px 0px;
}
.margin_ud15p{
	margin:15px 0px;
}
.padding_top3{
	padding-top:3%;
}
.padding_t5p{
	padding-top:5px;
}
.padding_t10p{
	padding-top:10px;
}
.padding_t15p{
	padding-top:15px;
}
.padding_left0p{
	padding-left:0px !important;
}
.padding_left1e{
	padding-left:1em;
}
.padding_ud10p{
	padding:10px 0px;
}
.padding_lr0p{
	padding-left:0px !important;
	padding-right:0px !important;
}
.padding_left20p{
	padding-left:20px !important;
}
.padding_b0p{
	padding-bottom:0px !important;
}
.padding_b5p{
	padding-bottom:5px !important;
}
.padding_b15p{
	padding-bottom:15px !important;
}
.left0p{
	padding-left:0px !important;
	margin-left:0px !important;
}
.swal-text{
	font-size:17px !important;
	font-weight:600 !important;
}
.swal-button{
	background-color: #fda9a9 !important;
}
div.copyright_did{
	margin:0px;
	width:100%;
	color:black;
	text-align:center;
}
div.copyright_did p{
	white-space:nowrap;
	font-size:10px;
	margin-left:-30px;
	-webkit-transform:scale(0.8);
	-moz-transform:scale(0.8);
	-ms-transform:scale(0.8);
	-o-transform:scale(0.8);
	transform:scale(0.8);
}
@media screen and (max-width:768px){
	div.application_bottom{
		border-bottom:1px solid #BFBFBF;
	}
}
/*********************
 login
**********************/
div.login_can h4{
    font-size:15px;
    font-weight:600;
} 
div.login_can ul li{
	list-style:none;
} 
div.H65SPH70{
    height:700px;  
}
div.H55SPH70{
    height:700px;
}
div.H65SPH40{
    height:700px;  
}
.login_form{
    margin:0 0 15px 30px;
    width:70%;
    height:50px;
}
div.login_parent{
	color:black;
}
div.login_body{
	margin: 0px 0 0;
    padding: 0 0 20px;
}
div.lost_pass a{
	text-decoration:underline;
	color:0088ce;
}
@media screen and (max-width:768px){
	div.login_parent{
		padding-left:0px;
		padding-right:0px;
	}
	.login_form{
	    margin:0 0 5px 0px;
	    width:100%;
	}
	div.H65SPH70{
	    height:650px;  
	}
	div.H55SPH70{
	    height:550px;  
	}
	div.H65SPH40{
	    height:400px;  
	}
}
/*********************
 logout
**********************/
div.logout_message{
    font-size:16px;
    margin:5% 0;
}
ul.logout_btn{
    margin:10px 0;
}
/*********************
 kazai_reference
**********************/
div.kazai_reference_header_top{
	width:100%;
	padding:10px 0px;
}
div.kazai_reference_header{
	margin:auto;
	width:480px;
}
div.kazai_reference_header div{
	margin:10px 2px;
	width:100px;
}
.reference_button_top{
	margin:10px 2px 2px 0px;
}
.reference_button{
	margin:2px;
}
.orange_button{
	margin:5px;
	background-color: #FF9933;
}
.orange_button:hover{
	margin:5px;
	background-color: #FF9933;
}
.white_button{
	margin:5px;
	background-color: #FFFFFF;
	color:#fda9a9;
}
.white_button:hover{
	margin:5px;
	background-color: #FFFFFF;
	color:#fda9a9;
}
table.kazai_reference{
    margin-top:10px;
    width:100%;
}
table.kazai_reference_h250{
    margin-top:10px;
    width:100%;
    height:200px;
}
table.kazai_reference_h200{
    margin-top:10px;
    width:100%;
    height:200px;
}
table.contents{
    width:100%;
    margin:10px 120px 10px 0px;
}
table.contents td.subtitle{
    font-weight:bold;
    font-size:15px;
    color:#FFFFFF;
    padding:2px 2px 2px 5px;
    background-color: #fda9a9;
}
table.contents td.item{
    width:45%;
    font-size:14px;
    padding:5px 0 0 0;
    color:#000000;
}
table.contents td.h_item{
    width:15%;
    font-size:14px;
    color:#000000;
    font-weight:bold;
}
table.contents td.item_content{
    width:55%;
    padding:5px 0 0 0;
}
table.contents td.money{
    width:20%;
    text-align:right;
}
table.contents td span.money{
	display: block;
    margin: 0 auto;
    width: 8em;
    text-align: right;
}
table.contents td.remainder{
    width:50%;
}
table.contents td{
    height:25px;
}
div.kazai_reference table tr td table tr td br {
    display: none;
}
@media screen and (max-width:768px){
	div.kazai_reference table tr td table tr td br {
	    display: block;
	}
	table.kazai_reference_h200{
	    margin-top:10px;
	    width:100%;
	    height:0px;
	    min-width: 324px;
	}	
	table.kazai_reference{
	    margin-top:10px;
	    width:100%;
	    min-width: 324px;
	}
	table.kazai_reference_h250{
	    margin-top:10px;
	    width:100%;
	    height:0px;
	    min-width: 324px;
	}	
	div.kazai_reference div.web_ref_footer ul.btn-wrap{
	    display:inline-block;
	    margin:20px 0px;
	    border-top:1px solid #cccccc;
	    padding: 0;
	    list-style-type: none;
	    width: 15%;
	    min-width: 140px;
	}
	div.kazai_reference ul.btn-wrap > li{
	    margin:10px 0 0 0;
	    display:block;
	    width:15%;
	}
	div.kazai_reference_header{
		margin:auto;
		padding: 0;
	    list-style-type: none;
	    width: 15%;
	    min-width: 140px;
	}
}
@media print {
	div.kazai_reference table tr td table tr td br {
	    display: block;
	}
	table.kazai_reference_h200{
	    margin-top:0px;
	    width:100%;
	    height:200px;
	    min-width: 324px;
	}
	table.kazai_reference_h250{
	    margin-top:0px;
	    width:100%;
	    height:220px;
	    min-width: 324px;
	}
	table.kazai_reference{
	    margin-top:0px;
	    width:50%;
	    min-width: 324px;
	}
	div.web_ref_footer{
		display:none;
	}
	div.kazai_reference_header{
		display:none;
	}
	div.navbar-header{
		display:none;
	}
	div.page-header{
		display:none;
	}
	table.contents{
	    width:100%;
	    margin:10px 120px 10px 10px;
	}
	table.contents td.item{
	    width:60% !important;
	    padding:0px;
	    font-size:14px;
	    color:#000000;
	    font-weight:bold;
	}
	table.contents td.item_content{
	    width:40% !important;
	}
	.col-sm-6{
		position: relative;
		min-height: 1px;
		padding-left: 0px;
		padding-right: 0px;
	    float: left;
    	width: 50% !important;
	}
}
/*********************
 claim_status
**********************/
table.claim_status{
	padding-top:10px;
	margin:0 3px 0 3px;
    width:100%;
    color:black;
}
table.claim_status th{
	font-weight:bold;
	font-size:13.5px;
}
table.claim_status td{
	padding:2px 2px;
	vertical-align:top;
	
}
table.claim_status th.accident_occurred{
	width:15%;
	font-weight:bold;
}
table.claim_status th.process_status{
	width:60%;
}
table.claim_status th.paid{
	width:25%;
}
table.claim_status td.payment{
	text-align:right;
}
/*********************
 bankaccountRegistration
**********************/
div.cancel_inner{
	margin:5px 0px;
	width:100%;
	color:black;
}
.cancel_description{
    margin:20px 0px;
    padding-left:3px;
    width:100%;
    text-align:left;
    list-style:none;
    border-bottom:1px solid #cccccc;
}
.cancel_description li{
	padding-left:1em;
	text-indent:-1em;
}
.cancel_description li.nopad{
	padding-left:0em;
	text-indent:0em;
}
.cancel_complete{
    margin:20px 0px;
    padding-left:3px;
    width:100%;
    text-align:left;
    list-style:none;
}
.cancel_complete li{
	padding-left:1em;
	text-indent:-1em;
}
ul.cancel_description li.item{

}
ul.cancel_description li.item_content{

}
ul.confirm_description{
    margin:20px 0px 0 0;
    width:100%;
    list-style:none;
    padding-left:0px;
}
ul.cancel_select {
    margin:20px 0px;
    width:100%;
    list-style:none;
    padding-left:0px;
}
ul.cancel_select li.subtitle{
    font-size:16px;
    margin:0 0 10px 0px;
}
ul.cancel_select li.attention{
    font-size:13px;
    margin:0 0 0 15px;
}
ul.cancel_select li.select{
    margin:0 0 0 15px;
}
ul.registration_select {
    margin:10px 0px;
    width:100%;
    list-style:none;
    padding-left:0px;
}
ul.registration_select li.house_expulsion_flg{
    width:95%;
    margin:auto;
}
ul.registration_select li.attention{
    font-size:13px;
    padding-top:1em;
    padding-left:1em;
    margin:auto;
}
input.house_expulsion_flg{
	width:25px;height:25px;vertical-align:bottom;
	border-color:#FDA9A9;
}

.house_expulsion_checkbox:after{
	box-sizing:border-box;
	-webkit-transition:background-color 0.2s linear;
	transition:background-color 0.2s linear;
	postion:relative;
	display:inline-block;
	margin:0 20px 8px 0;
	padding:12px 12px 12px 42px;
	border-radius:8px;
	background-color:#f6f7f8;
	vertival-align:middle;
	cursor:pointer; 
}
.house_expulsion_checkbox:hover{
	background-color:#e2edd7;
}
.house_expulsion_checkbox:hover:after{
	background-color:#53b300;
}
.house_expulsion_checkbox:after{
	-webkit-transition:border-color 0.2s linear;
	postion:absolute;
	top:50%;
	left:15px;
	display:block;
	margin-top:-10px;
	width:24px;
	height:24px;
	border:2px solid #FDA9A9;
	border-radius:6px;
	content:'';

}

table.registration_endorsday{
	padding:0px;
    margin:0px 0 0 0px;
    width:50%;
}
table.registration_endorsday td.item{
	font-size:16px;
	height:50px;
	width:40%;
}
table.registration_endorsday td.input{
	width:60%;
}
table.registration_premium{
	padding:0px;
    margin:0px 0 0 0px;
    width:50%;
}
table.registration_premium td.item{
	font-size:16px;
	height:50px;
	width:40%;
}
table.registration_premium td.input{
	width:60%;
}
div.registration{
    margin:0 0 0 0px;
}
div.registration_select{
    padding:20px 0 0 0;
    float:left;
}
table.confirm_nav {
    padding:0px;
    margin:0px 0 0 0px;
    width:60%;
    font-size:16px;
}
table.confirm_nav td.item{
	width:35%
}
table.confirm_nav td.input{
	width:65%;
}
table.registration_nav {
    padding:0px;
    width:60%;
}
table.registration_nav td.textright{
	text-align:right;
}
@media screen and (max-width: 768px) {
	table.registration_nav {
	    width:98%;
	    margin-left:2%;
	}
	table.registration_endorsday {
	    width:100%;
	}
	table.registration_premium {
	    width:100%;
	}
	table.confirm_nav {
		width:100%;
	}
	.common_left_padding{
		padding-left:0px;
	}
}
table.registration_nav td{
    font-size:15px;
    
}
table.registration_nav td.item{
	height:50px;
	width:25%;
}
table.registration_nav td.input{
	width:75%;
	padding:0px 5px;
	font-size:16px;
}
table.registration_nav td.link{
	width:46%;
}
table.registration_nav a{
    color:#083D77;
}
/*********************
 eFnol
**********************/
.station_name{
	display: inherit;
	width:200px;
	height:28px;
}
table.accident_in_life{
    display: none;
}
div.web_inner_efnol tr td.pad10{
	padding-left: 10%;
}
div.web_inner_efnol tr td.padding{
	padding-left: 10%;
}
div.web_inner_efnol tr td.pad20{
	padding-left: 20%;
}
div.web_inner_efnol{
    margin:5px 0px;
    font-size:15px;
}
div.web_inner_efnol table{
    width:100%;
}
div.web_inner_efnol .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
	width: 90px !important;
}
div.web_inner_efnol tr td.w30{
	width: 34%;
	height: 50px;
}

div.web_inner_efnol span.required_item{
    color: #ffffff;
    font-weight: 700;
    background: #fda9a9;
}
div.web_inner_efnol .time_select{
    width: 7%;
}
div.web_inner_efnol table tr td br {
    display: none;
}
div.web_inner_efnol span.display_block {
    display: initial;
}
div.web_inner_efnol .input-aiteaddress {
	width:60%;
	height:28px;
}
div.web_inner_efnol div.H50SP80 {
	height: 80px;
}
div.web_inner_efnol  table.accident{
    margin-top: 1%;
    margin-left: 10%;
}

@media screen and (max-width: 767px) {
	div.web_inner_efnol tr td.padb7{
		padding-bottom: 7%;
	}
	div.web_inner_efnol  p.padt7 {
	    margin-top: 7%;
	}
	div.web_inner_efnol  div.PL5 {
	    margin-left: 5%;
	}
	.station_name{
		display: flow-root;
		width:200px;
		height:28px;
	}
	div.web_inner_efnol .pad-bottom5{
	    padding-bottom: 5%;
	}
	div.web_inner_efnol .pad-bottom12{
	    padding-bottom: 12%;
	}
	div.web_inner_efnol  p {
	    margin: 0px;
	}
	div.web_inner_efnol  table.accident{
	    margin-top: 1%;
	    margin-left: 0%;
	}
	div.web_inner_efnol tr td.padding{
		padding-left: 0%;
	}
	div.web_inner_efnol tr td.pad10{
		padding-left: 0%;
	}
	div.web_inner_efnol .input-aiteaddress {
		width:95%;
		height:28px;
	}
	div.web_inner_efnol span.display_block {
	    display: block;
	}
	div.web_inner_efnol table tr td br {
	    display: block;
	}
	div.efnol .bimsbutton {
    	width: 120px;
	}
	div.web_inner_efnol .time_select{
	    width: 38%;
	}
	div.web_inner_efnol div.accident_time{
		width: 100%;
	}
	div.web_inner_efnol div.marleft10{
	    margin-left: 5%;
	    margin-top: 2%;
	    height: 38px;
	}
	div.web_inner_efnol div.martop40{
	    margin-top:40px;
	}
	div.web_inner_efnol .input-textarea{
		width: 100%;
	    height: 100%;
	    resize: none;
	}
	div.web_inner_efnol tr td.padt7{
		padding-top: 7%;
	}
	div.web_inner_efnol tr.h42{
		height: 42px;
	}
}
@media screen and (min-width: 768px) {
	div.web_inner_efnol div.H50SP80 {
		height: 50px;
	}
	div.web_inner_efnol .input-textarea{
	width:50%;
    height: 100%;
    resize: none;
	}
	div.web_inner_efnol span.PL20{
		padding-left: 5%;
	}
	div.web_inner_efnol span.PL26 {
	    padding-left: 26.5%;
	}
	div.web_inner_efnol .PL5{
		 padding-left: 5%;
	}
	div.web_inner_efnol .PL7{
		 padding-left: 7%;
	}
	div.web_inner_efnol .reported_select{
		justify-content: space-between;
		display:flex;
	}
	div.web_inner_efnol div.accident{
		width: 35%;float:left;margin-right:5%;
	}
	div.web_inner_efnol div.accident_time{
		width: 30%;float:left;margin-right:10%;
	}
	div.web_inner_efnol div.w100h100{
		width:100%;height:100%;
	}
	div.web_inner_efnol tr td.padtop2{
		padding-top:2px;
	}
	div.web_inner_efnol div.station_name{
		width: 72%;
	}
	div.web_inner_efnol tr.h42{
		height: 42px;
	}
	.pc-only_w25{
		width: 45%;
	}
	.input-efnol-accidentplace{
		 width: 50%;;height:28px;
	}
	.aite{
		width:270px;height:28px;
	}
	.aite_tel{
		width:10%;height:28px;
	}
	.aite_mail{
		width:40%;height:28px;
	}
	.input-efnol-contact{
		width:45%;height:28px;
	}
	.input-efnol-contact-tel{
		width:13%;height:28px;
	}
	.input-efnol-accidenttype{
		width:20%;height:28px;
	}	
	div.web_inner_efnol div.acc{
		width: 35%;float:left;padding-left: 7%;
	}
	div.web_inner_efnol div.contact_info	{
		width: 40%;float:left;
	}	
	div.web_inner_efnol tr td.w30{
	width: 100%;
	height: 50px;
	}
	div.web_inner_efnol div.col{
		padding-left:10%;
		float:left;
	}	
}
/*********************
 eFnol_confirm
**********************/

textarea.aite_note{
    width: 100%;
    height: 100%;
    resize: none;
    background-color: #fdfbfb;
    border: aliceblue;
}
textarea.aite_note:focus{
    background-color: #fdfbfb;
    border: aliceblue;
    outline: none;
}
div.web_inner_efnol_confirm{
    margin:5px 0px;
    font-size:15px;
}
div.web_inner_efnol_confirm table{
    width:100%;
}
div.web_inner_efnol_confirm tr td.pad20{
	padding-left: 20%;
}
div.web_inner_efnol_confirm div.col{
	float:left;
}
div.web_inner_efnol_confirm tr td.w50{
	width: 50%;
}
@media screen and (max-width: 768px) {
	div.web_inner_efnol_confirm tr td.pad10{
	padding-top: 3%;
	}
	div.web_inner_efnol_confirm tr td.padding{
		padding-top: 3%;
	    width: 40%;
	}
}
@media screen and (min-width: 768px) {
	div.web_inner_efnol_confirm tr td.pad10{
		padding-left: 10%;
	    width: 50%;
	}
	div.web_inner_efnol_confirm tr td.padding{
		padding-left: 15%;
	    width: 50%;
	}
}
/*********************
 eFnol_complete
**********************/
div.web_inner_efnol_complete{
	font-size:15px;
}
div.web_inner_efnol_complete ul{
	list-style: none;
	padding:10px 0px 10px 0px;
}
@media screen and (min-width: 768px) {
div.web_inner_efnol_complete ul{
    padding-left: 35%;
}
}

/*********************
 estimates
**********************/
.active_did{
	padding:15px 0 0 0;
	color:#fda9a9;
}
.estimates_did{
	padding:15px 0 0 0;
	color:black;
	font-size:15px;
}
.did_color{
	background-color:#fda9a9 !important;
}
.did_plan_color{
	background-color:#fef7f7;
}
div.estimates_day{
    margin: 0px 0px 10px 0px;
}
div.estimates_age{
	margin: 0px 0px 20px 0px;
}
div.estimates_money{
    margin: 0px 0px 20px 0px;
}
div.estimates_choice{
    padding: 0px 0px 15px 0px;
    margin: 0px 0px 20px 0px;
}
div.estimates_money_detail{
    margin: 0px 0px 20px 0px;
}
div.estimates_money_detail table{
	border:1px solid #cccccc;
	color:black;
	width:100%;
}
div.estimates_money_detail  td{
	border:1px solid #888888;
	font-size:16.5px;
	padding:1px 2px;
	
}
div.estimates_money_detail  td.item{
	width:70%;
}
div.estimates_money_detail  td.remainder{
	text-align:right;
	width:30%;
}
/*お申込みにあたり、以下についてご確認ください。*/
div.confirmation_info ul{
    margin:20px 0px 0px;
    width:100%;
    list-style:none;
    padding:0 10px;
}

div.confirmation_info ul li{
    list-style-type: none;
    display: list-item;
    text-transform: uppercase;
    padding: 0.5em;
}

div.confirmation_info ol li{
    list-style-type: none;
    display: list-item;
    text-transform: uppercase;
    padding: 0.5em;
}
div.confirmation_term{
	width:100%;
	margin-bottom: 10%;
}
div.confirmation_term p{
    font-size:16px;
    font-weight:bold;
}
div.wrap{
	overflow:hidden;
}
div.confirmation_term ul li{
	margin:10px 0 10px 0px;
}
div.confirmation_term ul li.bottom{
	margin:10px 0 0px 0px;
}
div.acceptance{
	padding-top:0px;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:auto;
	margin-right:auto;
	width:95%;
}
div.acceptance ul li{
	list-style:none;
}
@media only screen and (min-width: 768px){
	div.estimates_money div.col-md-offset-3 br {
	    display: none;
	}
	div.estimates_day{
	    margin: 0px 0px 20px 10%;
	}
	div.confirmation_info ul li{
		list-style-type: none;
	    display: list-item;
	    text-transform: uppercase;
	    padding: 0.5em;
	}
	div.confirmation_term ul li.bottom{
		margin:10px 0 0px 30px;
	}	
	div.confirmation_term{
		width:80%;
		margin-left:10%;
		margin-bottom: 3%;
	}
	div.confirmation_term p{
	    font-size:16px;
	    font-weight:bold;
    	text-decoration:underline;
	}
	div.confirmation_term ul li{
		margin:10px 0 10px 30px;
	}
	div.estimates_money_detail table{
		border:1px solid #cccccc;
		color:black;
		width:55%;
		margin:auto;
	}
}

/*告知事項*/
div.announcement_matter{
    /*margin: 0px 0px 20px 0px;*/
    width:100%;
    margin:auto;
}
div.announcement_matter ul{
	margin:2px 0px 5px 0;
    width:100%;
    list-style:none;
    padding:0px;
    color:black;
}
div.announcement_matter li{
    display:inline-block;
}
div.announcement_matter li.subtitle{
    width: 100%;
    float: left;
    font-size:16px;
    font-weight:bold;
    margin:2px 0;
}
div.announcement_matter li.remainder{
    padding-bottom:30px;
}
@media only screen and (min-width: 768px){
	div.announcement_matter{
		/*margin: 0px 0px 20px 10%;*/
		margin:auto;
		width:85%;
	}
	div.announcement_matter ul{
		margin: 5px 0px 5px 0px;
		width:100%;
		list-style:none;
	}
	div.announcement_matter li{
	    display:inline-block;
	}
	div.announcement_matter li.remainder{
	    padding-bottom:30px;
	    width:90%;
	}
}

/*重説*/
.important_term{
	border: 1px solid #ccc;
	margin:auto;
    height: 200px;
    width: 90%;
    overflow: auto;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #f7f7f7;
    color:black;
}
@media only screen and (min-width: 768px){
	.important_term{
		border: 1px solid #ccc;
	    height: 200px;
	    width: 80%;
	    overflow: auto;
	    border-radius: 3px;
	    -moz-border-radius: 3px;
	    -webkit-border-radius: 3px;
	    background-color: #f7f7f7;
	    margin: 0 0 0 30px;
	}
}
/*************/

div.footer_contents ul{
    margin:20px 0px;
    width:100%;
    list-style:none;
}
div.footer_contents li{
    display:inline-block;
}
div.footer_contents ul.footer_contents_button{
	padding: 0;
    text-align: center;
}
@media only screen and (min-width: 768px){
	div.footer_contents{
	    padding-left:10%;
	}
	div.footer_contents ul.footer_contents_button{
		padding: 0;
	    /*text-align: left;*/
	}	
}
ul.estimates_day {
    margin:2px 0px;
    width:100%;
    list-style:none;
    padding: 0px;
    color:#000000;
}
ul.estimates_day li.effictive{
    width: 50%;
    float: left;
    font-size:16px;
    font-weight:bold;
    margin:2px 0;
}
ul.estimates_day li.subtitle{
    width: 100%;
    float: left;
    font-size:16px;
    font-weight:bold;
    margin:2px 0;
}
@media only screen and (min-width: 768px){
	ul.estimates_day li{
	    display:inline-block;
	    margin:0 60px;
	}
	ul.estimates_day li.effictive{
	    width: 50%;
	    text-align: left;
	    margin: 0px;
	}
	ul.estimates_day li.subtitle{
	    width: 100%;
	    text-align: left;
	    margin: 0px;
	}
}
.estimates_day_select{
	font-size:16px;
    text-align:right;
}
ul.estimates_select {
    margin:10px 0px;
    width:100%;
    list-style:none;
}

@media only screen and (min-width: 768px){
ul.estimates_select {
    padding-left: 10%;
}
}

ul.estimates_select_person {
    width:100%;
    list-style:none;
}
ul.estimates_select_person li{
	display:inline-block;
	margin: 0 0 0 30px;
}
ul.estimates_money {
    margin:20px 0px;
    width:100%;
    list-style:none;
    display:inline-block;
    clear:both;
    padding: 0px;
}

ul.estimates_money li{
    display:inline-block !important;
}
div.estimates_money_amount_div{
	margin:0 22.5%;
}
ul.estimates_money_amount{
    width:100%;
    list-style:none;
    padding: 0px;
    color:#000000;
    font-size:16.5px;
}
ul.estimates_money_amount li.price_name{
	margin:3px 25px 0 0;
	width:100%;
}
ul.estimates_money_amount li.right_justified{
    text-align: right;
    margin:3px 0px;
    font-weight:bold;
    width:100%;
}

@media only screen and (max-width: 768px){
	div.estimates_money_amount_div{
		margin:0;
	}
	ul.estimates_money_amount li{
	    display:inline-block;
    	/*margin:0 25px !important;*/
	}
	ul.estimates_money_amount li.right_justified{
	    text-align: right;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px){
	ul.estimates_money li.right_justified{
	    width: 20%;
	    text-align: right;
	}
	div.PL15{
		padding-left:15%;
	}
}

ul.estimates_select li.subtitle{
    font-size:16px;
    margin:0 0 10px 0px;
}
ul.estimates_select li.select_title{
    font-size:16px;
    margin:0 0 10px 10px;
}
ul.estimates_select li.select{
    margin:0 0 0 30px;
}
ul.estimates_select li.attention{
    font-size:13px;
    margin:0 0 0 15px;
}
ul.estimates_detail {
    margin:0px 0px;
    width:100%;
    list-style:none;
}
ul.estimates_announcement li{
    display:inline-block;
}
div.button_row{
	display: -webkit-box;
    display: flex;
}
div.announcement_elements{
	margin:6px 0;
}
div.announcement_elements li{
	margin:3px 0;
	font-size:17px;
}
li.button_list{
	display:list-item !important;
}
div.announcement_button{
	text-align:center;
    width:65%;
    margin-left:auto;
    margin-right:auto;
    margin-top:3px;
    padding-top:3px;
    border: 2px solid #fda9a9;
}
div.announcement_button ul{
	list-style:none;
}
div.announcement_button li{
	text-decoration:none;
	margin:0px 8px;
	font-size:18px;
}
div.announcement_button li.bold{
	font-weight:bold;
}
div.announcement_button input{
	margin-right:0.5em;
	--webkit-transform:scale(1.2);
	transform:scale(1.2);
}
table.important_table{
	width:68%;
	margin:auto;
}
table.important_table td.left{
	width:95%;
}
table.important_table td.right{
	width:5%;
}
div.important_width{
	width:100% !important;
}
div.allcheck_button{
	text-align:center;
    width:68%;
    margin-left:auto;
    margin-right:auto;
    text-decolation:none;
    margin-top:3px;
    padding-top:3px;
    border: 2px solid #fda9a9;
}
div.allcheck_button input{
	margin-right:0.5em;
	--webkit-transform:scale(1.5);
	transform:scale(1.5);
}
label.jyuuyoujikou{
	font-size:20px;
	font-weight:bold;
}
label.allcheck{
	font-size:22px;
	font-weight:bold;
}
ul#parsley-id-multiple-acceptance-2{
	padding-top:7px;
}
ul#parsley-id-multiple-acceptance-2 li{
	color:#B94A48;
	font-size:14.5px;
}
section.sec__policy{
	padding: 45px 0 0;
}
.sec__policy .notice {
    text-align: center;
}
.sec__policy .content {
    padding: 40px 72px 40px 50px;
}
.sec__policy .content .scroll-wrap {
    font-size: 14px;
    font-size: 0.875rem;
    height: 396px;
    line-height: 2.143;
    padding-right: 42px;
    width: calc(100% + 42px);
}
.sec__policy .content .notes {
    font-size: 11px;
    font-size: 0.6875rem;
    margin: 20px 0 0;
    text-align: center;
}
.sec__policy .content .scroll-wrap .policy-content .block .sec {
    margin-top: 60px;
}
.screnn_adjustment{
	margin-left:0px !important;
}
@media screen and (max-width: 768px) {
	div.announcement_button{
		width:70%;
	}
	div.allcheck_button{
		width:95%;
	}
	table.important_table{
		width:100%;
	}
	table.important_table td.left{
		width:90%;
	}
	table.important_table td.right{
		width:10%;
	}
}
/*********************
 application
**********************/
div.application{
	margin:0px;
	width:100%;
}
.application_choice{
	padding-left:0px !important;
	padding-right:0px !important;
	color:black;
	font-size:18px;
	font-weight:bold;
}
.application_address{
	padding-left:0px !important;
	padding-right:0px !important;
	color:black;
}
label.review_label{
	font-size:17px;
	color:black;
	font-weight:bold;
}
label.application_label{
	font-size:16px;
	color:black;
	font-weight:bold;
}
label.payment_label{
	font-size:15px;
	color:black;
	font-weight:bold;
}
div.application_show{
	font-size:16px !important;
	color:black;
}
div.application_show{
	font-size:16px !important;
	color:black;
}
div.application_postcode{
	width:100px !important;
	padding-left:0px !important;
}
div.application_choice_button{
	width:150px !important;
	margin-bottom:5px !important;
	padding-left:0px !important;
}
input,select.application_input{
	border:2px solid #FDA9A9;
}
div.application div.disnone{
	display:none;
}
div.application div.MT7B3{
	margin:7px 0px 3px 0;
}
div.application div.MT20{
	margin-top:20px;
}
div.application div.PL5{
	padding-left:5%;
    padding-right: 0px;
}
div.application div.PL95{
	padding-left:9.5%;
}
div.application div.PL10{
	padding-left:10% !important;
}
div.application div.PL18{
	padding-left:18% !important;
}
div.application div.PL20{
	padding-left:20%;
}
div.application ul.PL0{
	padding:0px;
}
form.justified{
	margin: 0px 8%;
}
div.contractor_info ul{
    margin:20px 0px;
    width:100%;
    list-style:none;
}
div.contractor_info li{
    display:inline-block;
}
div.buttom_info{
	text-align:center;
	padding-top:10px;
}
div.buttom_info ul{
    margin:20px 0px;
    width:100%;
    list-style:none;
}
div.buttom_info li{
    display:inline-block;
}
@media screen and (max-width: 768px) {
	div.modify_button{
	    width:50%;
	    text-align:center;
	    margin:auto;
	}
}
.error-message{
	display: inline-block;
    margin-left: 10px;
    font-size:13px;
    font-weight:normal;
}
div.application  .tel_width_adjust{
	width:30%;
}
div.application div.percorptype_title{
	margin-top:20px;
	margin-bottom:20px;
}
div.application  .postcode_width_adjust{
	width:10%;
}
div.application  .add3_width_adjust{
	width:60%;
}
div.application  .corp_width_adjust{
	width:60%;
}
div.application  .sp_disnone{
	display:block;
}
div.application  .parsley-errors-list{
	display:block !important;
}
@media screen and (max-width: 768px) {
	div.application  .sp_disnone{
		display:none;
	}
	div.application  .corp_width_adjust{
		width:100%;
	}
	div.application  .add3_width_adjust{
		width:100%;
	}
	div.application div.percorptype_title{
		margin-top:20px;
		margin-bottom:20px;
		padding: 0px;
	}
	div.application div.PL18{
		padding-left:0px !important;
	}
	div.application div.PL20{
		padding-left:0px !important;
	}
	div.application  .tel_width_adjust{
		width:60%;
	}
	div.application  .postcode_width_adjust{
		width:30%;
	}
	form.justified{
		margin: 0px;
	}
	div.percorptype_select {
		justify-content: center;
		width:100%;
		display:flex;
	}
	div.application_postcode{
		width:33.3%;
		padding-left:0px !important;
	}
	div.application_choice_button{
		width:41.66666667%;
		margin-bottom:5px !important;
		margin-left:0px !important;
	}
}

@media screen and (min-width: 768px) {
	div.percorptype_select {
	justify-content: space-between;
	width:50%;
	display:flex;
	}
}
div.percorptype_select div.col{
	padding:0px 10px;
}
div.percorptype_select input {
    display: none !important;
}

div.percorptype_select input[type='radio'] + label {
    box-sizing: border-box !important;
    width:100px;
    display: block;
    margin: 0;
 	margin-top: 6px;
 	background: #ccc;
    border-radius: 2px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    height: 40px;
    line-height: 1;
    margin: 0;
    padding: 13px 0;
    text-align: center;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    border-radius:35px;
}
div.percorptype_select input[type='radio']:checked + label{
	    background: #fda9a9;
}
/*********************
kazai_review
**********************/
.review_item{
	color:black;
}
.review_customer{
	font-size:16px;
	color:black;
}
.review_choice{
	color:black;
	font-weight:bold;
}
.review_pad{
	padding:10px 0px 0px 0px !important;
}
div.kazai_review p.right_justified{
    width: 100%;
    margin-left:0px;
    text-align: right;
}
div.kazai_review p.right_justified_plan{
    width: 100%;
	margin-left:0px;
    text-align: right;
}

div.kazai_review div.large_category{
	padding-left:0px;
}
div.kazai_review div.middle_category{
	padding-left:0px;
}
div.kazai_review div.sp_item,div.kazai_review div.sp_item2{
	width:30%;
	float:left;
}
div.kazai_review p.sp_olny{
    width: 60%;
    float: left;
}
div.kazai_review h3{
	font-size: 20px !important;
}
div.kazai_review p.corp_title{
	float:left;padding-right:15%;width: 60%;
}
div.kazai_review p.corp_item{
	float:left;padding-right:20%;
	font-weight:bold;
}
div.kazai_review p.addr_item{
	float:left;padding-right:20%;height: 50px;width: 60%;
	font-weight:bold;
}
div.kazai_review p.contract_title{
	float:left;width: 50%;
	font-weight:bold;
}
div.kazai_review p.contract_item{
	float:left;width: 50%;
}
.review_check{
	text-align:left;
}
.review_header{
	padding:5px 0 5px 10px;
	color:black;
	font-size:18px;
	font-weight:bold;
}

@media screen and (max-width: 767px) {
	div.kazai_review div.col-md-7,div.kazai_review div.col-md-5,div.kazai_review div.col-md-12{
	    padding-left: 10px;
	    padding-right: 10px;
	}
	div.kazai_review div.sp_item2{
		width: 55%;
		float:left;
	}
	div.kazai_review .bimsbutton {
    	width: 120px;
	}
	.review_item{
		font-size:12.5px;
	}
	.review_choice{
		padding-right:0px !important;
		padding-right:0px !important;
		color:black;
		font-size:14px;
		font-weight:bold;
	}
	.review_check{
		text-align:left;
	}
	.review_customer{
		font-size:16px;
		color:black;
	}
	.review_header{
		padding:5px 0 5px 0px;
		color:black;
		font-size:18px;
		font-weight:bold;
	}
	div.kazai_review p.contract_item{
		float:left;width: 50%;
	}
}
@media screen and (max-width: 320px) {
	div.kazai_review div.col-md-7,div.kazai_review div.col-md-5,div.kazai_review div.col-md-12{
	    padding-left: 0px !important;
	    padding-right: 0px !important;
	}
	div.kazai_review p.addr_item{
		float:left;padding-right:20%;height: 50px;width: 55%;
	}
	div.kazai_review p.contract_title{
		float:left;padding-right:15%;width: 55%;
	}
	div.kazai_review p.corp_title{
		float:left;padding-right:15%;width: 55%;
	}
	div.kazai_review p.contract_item{
		float:left;padding-right:20%;width: 55%;
	}
	div.kazai_review div.col-md-5,div.col-md-7,div.sp_olny{
		padding:0px;
	}
	.review_check{
		text-align:left;
	}
	.review_customer{
		font-size:13px;
		color:black;
	}
	.review_header{
		padding:5px 0 5px 0px;
		color:black;
		font-size:18px;
		font-weight:bold;
	}
	div.kazai_review p.contract_item{
		float:left;width: 50%;
	}
}
@media screen and (min-width: 767px) and (max-width: 992px){
   	div.kazai_review div.middle_category{
		padding-left: 4% !important;
	}
	div.kazai_review div.contract_info{
		padding-left: 4% !important;
		margin-top:30px;
	}
	div.kazai_review div.insured_info{
		padding-left: 4% !important;
	}
	div.kazai_review p.addr_item{
		float:left;padding-right:20%;height: 10px;width: 60% !important;
	}
	.review_check{
		text-align:left;
	}
	.review_customer{
		font-size:13px;
		color:black;
	}
	.review_header{
		padding:5px 0 5px 0px;
		color:black;
		font-size:18px;
		font-weight:bold;
	}
	div.kazai_review p.contract_item{
		float:left;width: 50%;
	}
}
@media screen and (min-width: 767px) {
	div.kazai_review p.addr_item{
		float:left;padding-right:20%;height: 10px;width: 50%;
	}
	div.kazai_review div.col-md-12 div.col-md-5 br{
		display:none;
	}
	div.kazai_review div.contract_info{
		padding-left:7%;
		margin-top:30px;
	}
	div.kazai_review div.insured_info{
		padding-left:7%;
	}
	div.kazai_review p.right_justified{
	    width: 30%;
	    text-align: right;
	}
	div.kazai_review div.sp_olny{
		padding-left: 20px;
	    padding-right: 20px;
	}
	div.kazai_review div.large_category{
		padding-left:4%;
	}
	div.kazai_review div.middle_category{
		padding-left:7%;
	}
	div.kazai_review p.right_justified{
	    width: 85%;
		margin-left:50px;
	    text-align: right;
	}
	div.kazai_review p.right_justified_plan{
	    width: 40%;
		margin-left:50px;
	    text-align: right;
	}
	.review_choice{
		padding-left:16% !important;
		padding-right:0px !important;
		color:black;
		font-size:14px;
		font-weight:bold;
	}
	.review_check{
		text-align:center;
	}
	.review_customer{
		font-size:16px;
		color:black;
	}
	.review_header{
		padding:5px 0 5px 0px;
		color:black;
		font-size:18px;
		font-weight:bold;
	}
	div.kazai_review p.contract_item{
		float:left;width: 100%;
	}
	
}
/*********************
kazai_payment
**********************/
.modal_button {
	width: 30%;
    margin: 3px 20px;
    height: 45px;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    font-weight: 500;
    border: double;
    border-radius: 15px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
    cursor: pointer;
    outline: none;
    vertical-align: middle;
    background: #ccc;
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    text-align: center;
}
.modal_button_active{
	background-color: #fda9a9 !important;
}
.modal_button:hover {
    background-color: #fda9a9;
    box-shadow: 0px 15px 20px rgba(40, 45, 44, 0.4);
    color: #fff;
}

.modal_button:disabled {
    background-image: none;
    background-color: #ccc;
    border-color: #ccc;
}

.modal_button:before {
    background-image: none;
    background-color: #ccc;
    border-color: #ccc;
}

.modal_submit:after {
    background-color: #fda9a9;
    box-shadow: 0px 15px 20px rgba(40, 45, 44, 0.4);
    color: #fff;
}
div.kazai_payment img.credit_img{
	width:45px;
}
div.kazai_payment img.conveni_img{
	width:110px;
	height:18px;
	margin: 5px 0 10px 35px;
}
div.kazai_payment img.conveni2_img{
    width: 56px;
    height: 56px;
    margin: 5px 0 10px 35px;
}
div.conveni_lawson_img{
	padding-top:0px;
}
img.conveni_lawson{
	margin-top:20px;
	margin-left:20px;
}
li.conveni_lawson_text{
	padding-top:23px;
}

div.kazai_payment div.block label{
    width:100%;
    font-size:15px;
}
div.kazai_payment div.PL20,div.kazai_payment div.PL15{
    padding-left: 5%;
}
div.kazai_payment ul.PL5{
	padding-left: 0%;
}
div.kazai_payment div.w33{
    width: 33%;
}
div.kazai_payment div.convenience_div{
    width: 50%;
}
.lawson_logo{
    padding-left:15px;
}
div.kazai_payment ul.button{
    padding: 0;
    text-align: center;
}
div.kazai_payment .bimsbutton{
    width: 120px;
}
div.kazai_payment div.block.PL15 label br {
    display: block;
}
span li.sp_fontsize{
	font-size: 10px;
}
td.modal_payment{
	text-align:left;
	font-weight: bold;
	color: #083d77;
}
td.modal_payment1{
	font-size:16px;
	text-align:left;
	font-weight: bold;
	color: #083d77;
	width:35%
}
td.modal_payment2{
	font-size:16px; 
	text-align:left;	
	font-weight: bold;
	color: #083d77;
	width:65%
}
@media screen and (min-width: 768px) {
	div.kazai_payment ul.PL5{
	 	padding-left: 12%;
	}
	li.sp_fontsize{
		font-size: 14px;
	}
	div.kazai_payment div.block.PL15 label br {
	    display: none;
	}
	div.kazai_payment img.credit_img{
		width:75px;
	}
	div.kazai_payment img.conveni_img{
		width:150px;
		height:25px;
		margin:15px 0 0 15px;
	}
	div.kazai_payment img.conveni2_img{
		width:80px;
		height:80px;
		margin:5px 0 0 25px;
	}
	div.conveni_lawson_img{
		margin-bottom:0px;
	}
	img.conveni_lawson{
		margin-top:0px;
		margin-left:15px;
	}
	li.conveni_lawson_text{
		padding-top:30px;
	}
	div.kazai_payment div.large_category{
		padding-left:4%;
	}
	div.kazai_payment div.block label{
	    width:100%;
	    font-size:15px;
	}
	div.kazai_payment div.PL10{
		padding-left: 10%;
	}
	div.kazai_payment div.PL15{
		padding-left: 15%;
	}
	div.kazai_payment div.PL20{
	    padding-left: 20%;
	}
	div.kazai_payment div.center{
	    text-align: center;
	}
	div.kazai_payment div.item_adjustment{
		padding-left: 0%;
	}
	div.kazai_payment div.convenience_div{
	    width: 20%;
	}
}


/*********************
complete
**********************/
section.sec__steps div.inner{
    padding: 0 6.2%;
    width: 100%;
}
div.complete_item{
		margin-left:0%;
}
div.kazai_complete p.lead{
	margin:0px;
}
@media only screen and (min-width: 768px){
	div.complete_item{
		margin-left:25%;
	}
	div.kazai_complete p.lead{
		margin:0 0 0 30px;
	}
}
/*********************
 bankaccountComplete
**********************/
p.lead{
	margin:0 0 0 30px;
}
/*********************
 input
**********************/
.email{
    margin:0 0 15px 30px;
    width:50%;
    height:50px;
}
.email-application{
    width:50%;
    height:50px;
}
.email-new-verify{
    margin:0 0 15px 30px;
    width:50%;
    height:50px;
}

.password{
    margin:0 0 15px 30px;
    width:50%;
    height:50px;
}
.password-new{
    margin:0 0 15px 30px;
    width:50%;
    height:50px;
}
.password-new-verify{
    margin:0 0 15px 30px;
    width:50%;
    height:50px;
}
.button_link{
    text-align:center;
    margin:10px 0;
}
.sec__steps {
    border-bottom: 1px solid #ccc;
    padding: 15px 0;
  }

.sec__steps ul li:first-child:before {
            display: none;
          }

.sec__steps ul li dl dt {
            font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
            font-size: 1.125rem;
            font-weight: bold;
            line-height: 1;
          }
.sec__steps ul li dl dt span {
              display: block;
              font-size: 1.125rem;
              margin-bottom: 1px;
              -webkit-transform: scale(0.8);
                      transform: scale(0.8);
            }
.sec__steps ul li dl dd {
            font-size: 1.125rem;
            line-height: 1.273;
          }
.sec__steps ul {
	 		 list-style:none;
      		align-items: center;
      		-webkit-box-align: center;
      		/* justify-content: center; */
      		-webkit-box-pack: justify;
      		/*color: #0d57a7;*/
      		color:black;
      		display: -webkit-box;
      		display: flex;
      		font-weight: 700;
      		justify-content: space-between;
      		margin: 0 auto;
      		max-width: 500px;
      		text-align: center;
			margin: 0;
			padding: 0;
    		}
    		
.sec__steps ul li:first-child:before {
            display: none;
          }

.sec__steps ul li:last-child {
          font-size: 1.125rem;
        }
/*全画面用*/
@media only screen and (min-width: 768px){
.sec__steps ul li dl dd br {
    display: none;
}	
.sec__steps ul li dl dd {
            font-size: 16px;
            line-height: 1.273;
          }	
.sec__steps ul li dl dt {
            font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
            font-size: 20px;
            font-weight: bold;
            line-height: 1;
          }
.sec__steps ul li dl dt span {
              display: block;
              font-size: 20px;
              margin-bottom: 1px;
              -webkit-transform: scale(0.8);
                      transform: scale(0.8);
            }
.sec__steps ul {
	 		 list-style:none;
      		align-items: center;
      		-webkit-box-align: center;
      		/* justify-content: center; */
      		-webkit-box-pack: justify;
      		color: #0d57a7;
      		display: -webkit-box;
      		display: flex;
      		font-weight: 700;
      		justify-content: space-between;
      		margin: 0 auto;
      		max-width: 500px;
      		text-align: center;
    		}            
.sec__steps ul li:last-child {
          	font-size: 20px;
        	}    		
}

.sec__steps ul li:before {
          /*border-right: 1px solid #0d57a7;
          border-top: 1px solid #0d57a7;*/
          border-right: 1px solid #000000;
          border-top: 1px solid #000000;
          content: "";
          display: block;
          height: 9px;
          left: -27px;
          margin-top: -5px;
          position: absolute;
          top: 50%;
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
                  transform: rotate(45deg);
          width: 9px;
        }

.sec__steps ul li:first-child:before {
            display: none;
          }

.sec__steps ul li:before {
            left: -18px
        }     

.sec__steps ul li {
        -webkit-box-flex: 0;
                flex: 0 1 auto;
        position: relative;
      }

.sec__steps ul li.active {
          color: #ff5900;
        }
        
.expiration{
			display:flex;		
		  }
.select-wrap-month{
			margin-right: 10px;
		  }
.convenience_type{
	list-style:none;
}
.convenience_logo{
	padding-left:0px !important;
}
.convenience_group{
	display:flex;	
}
.button_next_back ul li{
	display:inline;
	list-style:none;
}
@media screen and (max-width: 768px) {
	.convenience_group{
		display:inline;	
	}
	.convenience_logo{
		padding-left:15px !important;
	}
}
/*********************
mailreset
**********************/
div.mailreset_parent{
	padding:28px 30px 0 30px;
}
div.mailreset_h1{
	width:100%;
	font-size: 20px !important;
    font-family: Meiryo,YuGothicM,YuGothic !important;
    color: #fff !important;
    background: rgb(132, 151, 176) !important;
    padding: 4px 8px 0 8px;
    margin:4px 0;
}
div.mailreset_link{
	width:60%;
}
@media screen and (max-width: 768px) {
	div.mailreset_parent{
		padding:0px 0px;
	}
	div.mailreset_table{
		padding:0 0px 5px 0px;
	}
	div.mailreset_header {
	    margin: 0px 0px 0px;
	    border-bottom: 1px solid #f1f1f1;
	}
	div.mailreset_link{
		width:100%;
	}
}
/*********************
web-mypage-info
**********************/
div.mypageinfo_parent{
	padding:0px 30px;
}
div.mypageinfo_table{
	padding:0 30px 8px 30px;
}
div.mypageinfo_h1{
	width:100%;
	font-size: 20px !important;
    font-family: Meiryo,YuGothicM,YuGothic !important;
    color: #fff !important;
    background: #ffe1e1;
    padding: 4px 8px 0 8px;
}
h1.mypageinfo_label{
	width:30%;
	font-size:15px;
	display: inline-block;
    max-width: 100%;
    font-weight: 700;
}
div.mypageinfo_text{
	margin:5px 0px;
	color:black;
	padding-left:30px;
}

@media screen and (max-width: 768px) {
	div.mypageinfo_parent{
		padding:0px 0px;
	}
	div.mypageinfo_table{
		padding:0 0px 5px 0px;
	}
	div.mypageinfo_text{
		padding-left:0px;
	}
	
}


@media screen and (min-width: 768px)  {
	div.maypage-content-header{
		margin: 0px 30px 20px;
	    border-bottom: 1px solid #f1f1f1;
	}
	div.maypage-content-header div.sp-only{
		display: none;
	}
}
@media screen and (max-width: 768px) {
	div.maypage-content-header{
	    border-bottom: 1px solid #f1f1f1;
	}
}
div.maypage-content-header div.sp-only .btn:after{
	-webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
div.maypage-content-header div.sp-only a.btn {
    background: #0d57a7;
    border: double;
    border-radius: 15px;
    color: #fff;
    display: block;
    font-size: 11px;
    font-weight: 500;
    height: 45px;
    line-height: 3;
    width: 140px;
    background-color: #4683db;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 2.5px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
    cursor: pointer;
    outline: none;
    vertical-align: middle;
  }
#myModal {
	width:500px;
	height:600px;
	top:0;
	left:0;
}
.modal-body {
	width:500px;
	height:600px;
	top:0;
	left:0;
}
@media screen and (max-width: 768px) {
	#myModal {
		width:100%;
		height:100%;
		top:0;
		left:0;
	}
	.modal-body {
		width:100%;
		height:100%;
		top:0;
		left:0;
	}
}
/*********************
 bankselect
**********************/
div.bankselect_header{
	text-align:right;
	padding-right:2%;
}
p.select_message{
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
div.bank_select{
	width:80%;
	margin:auto;
}
div.bank_chirdlen{
	width:80%;
	height:150px;
	margin:auto;
	overflow-y:scroll;
}
div.bank_chirdlen_large{
	width:80%;
	height:400px;
	margin:auto;
	overflow-y:scroll;
}

.description{
	font-size:16px;
	font-weight:bold;
	text-align:left;
}
table.bank_select_chirdlen{
	text-align:left;
	width:100%;
}
table.bank_select_chirdlen td.item {
	width:70%;
	padding:3px 0 3px 3%;
}
table.bank_select_chirdlen td.button {
	width:30%
}
table.bank_select_chirdlen td.limit_error {
	padding:0 0 0 3%;
	color:red;
}
.error_house_expulsion_flg{
	margin: 2px 0 3px;
    font-size: 0.9em;
    line-height: 0.9em;
    color: #B94A48;
}

/*********************
emailupdate
**********************/
div.mailupdate_parent{
	padding:0px 30px;
}
div.mailupdate_h1{
	width:100%;
	font-size: 20px !important;
    font-family: Meiryo,YuGothicM,YuGothic !important;
    color: #fff !important;
    background: rgb(132, 151, 176) !important;
    padding: 4px 8px 0 8px;
}
h1.mailupdate_label{
	width:30%;
	font-size:15px;
	display: inline-block;
    max-width: 100%;
    font-weight: 700;
}
@media screen and (max-width: 768px) {
	div.mailupdate_parent{
		padding:0px 0px;
	}
	div.mailupdate-header {
	    margin: 0px 0px 0px;
	    border-bottom: 1px solid #f1f1f1;
	}
}
div.mail_MLR30,div.pwupdate_MLR30,div.pwreset_MLR30{
	margin: 0;
}
p.mail_ML30,div.pwupdate_ML30,p.pwreset_ML30{
	margin-left: 0;
}
div.mail ul.btn-wrap,div.emailreconfirm ul.btn-wrap, div.pwreset ul.btn-wrap{
    padding: 0;
    margin: 0 auto 10px;
    width: 50%;
    min-width: 140px;
}
div.mail ul.btn-wrap > li, div.pwupdate ul.btn-wrap > li, div.pwreset ul.btn-wrap > li{
    margin:10px 0 0 0;
    display:list-item;
    width:15%;
    list-style-type:none;
}
div.mail div.block > label, div.pwupdate  div.block > label, div.pwreset  div.block > label, div.emailreconfirm  div.block > label{
	width: 100%;
    font-size:15px;
}
div.mail .email, div.mail .email-new-verify{
    margin: 0 0 15px 10px;
    width: 90%;
    height: 50px;
}
@media only screen and (min-width:768px){
	div.mail_MLR30,div.pwupdate_MLR30,div.pwreset_MLR30{
		margin: 0 20%;
	}
	div.emailreconfirm ul.btn-wrap{
	    padding: 0;
	    margin: 0 auto 10px;
	    width: 100%;
	    min-width: 140px;
	}
	div.pwreset ul.btn-wrap{
	    padding: 0;
	    margin: 0 auto 10px;
	    width: 200%;
	    min-width: 140px;
	}
	p.mail_ML30,p.pwupdate_ML30,p.pwreset_ML30{
		 margin-left: 10%;
	}
	div.mail .email, div.mail .email-new-verify{
	    margin: 0 30px 15px 30px;
	    width: 75%;
	    height: 50px;
	}
	div.pwupdate  div.block > label, div.pwreset  div.block > label, div.emailreconfirm  div.block > label{
	    width:30%;
	    font-size:15px;
	}
	div.emailreconfirm  div.block > label{
	    width:70%;
	    font-size:15px;
	}
	div.pwupdate ul.btn-wrap > li, div.pwreset ul.btn-wrap > li{
	    margin:10px 0 0 0;
	    display:inline-block;
	    width:15%;
	}
	div.mail ul.btn-wrap > li,div.pwupdate ul.btn-wrap > li{
	    margin:10px 0 0 0;
	    display:inline-block;
	    width:30%;
	}
	div.mail ul.btn-wrap{
	    margin: 0 auto 10px;
	    padding-left: 30px;
	    width: 100%;
	}
}

/*********************
emailreconfirm
**********************/
div.mailconfirm_parent{
	padding:0px 30px;
}
div.mailconfirm_h1{
	width:100%;
	font-size: 20px !important;
    font-family: Meiryo,YuGothicM,YuGothic !important;
    color: #fff !important;
    background: rgb(132, 151, 176) !important;
    padding: 4px 8px 0 8px;
}
h1.mailconfirm_label{
	width:30%;
	font-size:15px;
	display: inline-block;
    max-width: 100%;
    font-weight: 700;
}
@media screen and (max-width: 768px) {
	div.mailconfirm_parent{
		padding:0px 0px;
	}
	div.mailconfirm-header {
	    margin: 0px 0px 0px;
	    border-bottom: 1px solid #f1f1f1;
	}
}
div.emailreconfirm .M30{
	margin-left:1em;
}
@media only screen and (min-width:768px){
	div.emailreconfirm .M30{
		margin-left:30px;
	}
	div.emailreconfirm  label ul,div.mail  div ul,div.pwupdate  div ul{
		margin-left: 30px;
	}
	div.emailreconfirm  ul.P30, div.pwreset  ul.P30{
		padding: 0 0 0 30px;
	}
}

div.emailreconfirm span.error-message,div.mail span.error-message,div.pwupdate span.error-message,div.pwreset span.error-message,div.login span.error-message{
	display: inline-block;
    margin-left: 0px;
}

/*********************
pwupdate
**********************/
div.pwupdate .password-new, div.pwupdate .password, div.emailreconfirm .password{
	margin: 0 0 15px 0;
    width: 95%;
    height: 50px;
}
div.pwupdate .password-new-verify{
	margin: 0 0 15px 0;
    width: 100%;
    height: 50px;
}
div.pwupdate p.sub_description{
	margin:0;
}

@media only screen and (min-width:768px){
	div.emailreconfirm .password{
	    margin:0 0 15px 30px;
	    width:50%;
	    height:50px;
	}
	div.pwupdate .password-new-verify, div.pwupdate .password-new, div.pwupdate .password{
	    margin: 0 30px 5px 30px;
	    width: 75%;
	    height: 50px;
	}
	div.pwupdate p.sub_description{
		margin:0 0 0 30px;
	}
	div.emailreconfirm ul.ML10t{
		margin-left: 10px;
	}
}
div.estimates_parent{
	padding:0px 30px;
}
div.mypage_parent{
	padding:0px 30px 10px 30px;
}
div.pwreset_parent{
	padding:0px 30px 10px 30px;
}
div.first_h1{
	width:100%;
	font-size: 20px !important;
    font-family: Meiryo,YuGothicM,YuGothic !important;
    color: #fff !important;
    background:#a6a6a6 !important;
    padding: 4px 8px 0px 20px;
    margin-bottom:10px;
}
div.first_notice{
	position: relative;
    min-height: 1px;
    padding-left: 40px;
    padding-right: 40px;
}

span.first_notice1{
	color:#FF0000;
	font-weight:bold;
}
span.first_notice2{
	color:#FF0000;
}
span.first_notice3{
	font-size:11px;
}
div.estimates_h1{
	width:100%;
	font-size: 20px !important;
    font-family: Meiryo,YuGothicM,YuGothic !important;
    color: #fff !important;
    background:#fda9a9 !important;
    padding: 4px 8px 0 20px;
}
div.mypage_h1{
	width:100%;
	font-size: 20px !important;
    font-family: Meiryo,YuGothicM,YuGothic !important;
    color: #fff !important;
    background:#fda9a9 !important;
    padding: 4px 8px 0 20px;
}
div.mypage_change1{
	width:100%;
	font-size: 20px !important;
    font-family: Meiryo,YuGothicM,YuGothic !important;
    color: #fff !important;
    background:#ffe1e1 !important;
    padding: 4px 8px 0 20px;
}
div.pwreset_h1{
	width:100%;
	font-size: 20px !important;
    font-family: Meiryo,YuGothicM,YuGothic !important;
    color: #fff !important;
    background:#ffe1e1 !important;
    padding: 4px 8px 0 20px;
}
div.pswdupdate_parent{
	padding:0px 30px;
}
div.pswdupdate_h1{
	width:100%;
	font-size: 20px !important;
    font-family: Meiryo,YuGothicM,YuGothic !important;
    color: #fff !important;
    background: rgb(132, 151, 176) !important;
    padding: 4px 8px 0 8px;
}
h1.pswdupdate_label{
	width:30%;
	font-size:15px;
	display: inline-block;
    max-width: 100%;
    font-weight: 700;
}
@media screen and (max-width: 768px) {
	div.estimates_parent{
		padding:0px 0px;
	}
	div.mypage_parent{
		padding:0px 0px;
	}
	div.pwreset_parent{
		padding:0px 20px;
	}
	div.pswdupdate_parent{
		padding:0px 0px;
	}
	div.pswdupdate-header {
	    margin: 0px 0px 0px;
	    border-bottom: 1px solid #f1f1f1;
	}
	div.login_padding{
		padding-left:0px !important;
	}
}

/*********************
pwreset
**********************/
div.pwreset .email{
	margin: 0 0 15px 0;
    width: 100%;
    height:50px;
}
@media only screen and (min-width:768px){
	div.pwreset .email{
	    margin:0 0 15px 30px;
	    width:50%;
	    height:50px;
	}
}
/*********************
 account
**********************/
div.block_account{
	margin-top:10px;
	padding-bottom:10px;
}
div.label_account{
	font-size:16px;
	width:100%;
}
div.label_account label.normal{
	font-weight:normal;
}
div.input_account{
	font-size:16px;
	width:100%;
	padding:10px 0 10px 0;
}
div.input_account select{
	margin-left:1em;
	background-color:#FFFFFF;
}
div.input_account input{
	margin-left:1em;
}
div.review_account{
	font-size:16px;
	width:100%;
	padding-bottom:10px;
}
div.review_account_chirdren{
	padding:5px 0 5px 0;
}
div.review_account_chirdren_label{
	padding:0 0 0 1em;
}
@media screen and (max-width: 768px) {
div.account{
	padding: 0;
}
div.account_endorsedate{
	font-size:15px;
}
div.account_name{
		padding-left: 5%;
	}
div.account_name_kj{
		padding-left: 10%;
	}
div.account_name_kn{
		padding-left: 10%;
	}
div.account_corpName{
		padding-left: 10%;
	}
div.account_addr{
		padding-left: 5%;
	}
div.account_addr_input{
		padding-left: 10%;
	}
div.account_tel{
		padding-left: 5%;
	}
div.account_tel_input{
		padding-left: 10%;
	}
div.account_mail{
		padding-left: 5%;
	}
div.account_mail_input{
		padding-left: 10%;
	}
ul.account{
		padding: 0;
	}
.corpname{
		width: 95%;
	}
.kana-corpname{
		width: 95%;
	}
.address-line1{
		width: 95%;
	}
.mail{
		width: 100%;
	}
}
@media screen and (min-width: 768px) {
div.account_endorsedate{
		font-size:15px;
	}
div.account_box{
		padding: 0;
	}
div.account_name{
		padding-left: 5%;
	}
div.account_name_kj{
		padding-left: 40%;
	}
div.account_name_kn{
		padding-left: 40%;
	}
div.account_corpName{
		padding-left: 10%;
	}
div.account_addr{
		padding-left: 5%;
	}
div.account_addr_input{
		padding-left: 10%;
	}
div.account_tel{
		padding-left: 5%;
	}
div.account_tel_input{
		padding-left: 10%;
	}
div.account_mail{
		padding-left: 5%;
	}
div.account_mail_input{
		padding-left: 10%;
	}
ul.account{
		padding: 0;
	}
.corpname{
		width: 30%;
	}
.kana-corpname{
		width: 30%;
	}
.address-line1{
		width: 50%;
	}
.mail{
		width: 100%;
	}
}
/*********************
upload_web
**********************/
div.upload_head{
	margin:0px 0px;
}
ul.upload_description{
    margin:10px 0px;
    padding-left:3px;
    width:100%;
    text-align:left;
    list-style:none;
}
ul.upload_description li{
	padding-left:1em;
	text-indent:-1em;
}
ul.upload_description li.nopad{
	padding-left:0em;
	text-indent:0em;
}
ul.file_choice{
    margin:10px 0px;
    padding-left:3px;
    width:100%;
    text-align:left;
    list-style:none;
}
ul.file_choice li{
	vertical-align:middle;
}
ul.file_choice li.left{
	width:55%;padding-left:5px;
}
ul.file_choice li.right{
	margin-top: 7px;
    margin-left: 5px;
	width:45%;
}

.preview_area{
	width:300px;
	height:300px;
}
table.upload_table{
	width:100%;
}
@media screen and (max-width: 768px) {
	table.upload_table{
		width:100%;
	}
	.preview_area{
		width:100%;
		height:100%;
	}
}
/*********************
updateweb
**********************/
div.file_upload{
	border: 1px solid #fda9a9;
	width:51%;
}
div.file_name_area{
	width:80%;
	height:50px;
}
input.file_name{
	width:220px;
}
div.file_upload_view{
	padding:0px 5px 10px 5px;
}
div.file_upload_view span{
	font-size:16px;
	font-weight:bold;
	color:#fda9a9;
}
@media screen and (max-width: 768px) {
	input.file_name{
		width:150px;
	}
	div.file_upload{
		width:100%;
	}
	div.file_name_area{
		width:100%;
		height:50px;
	}
}
.upload_file{
	width:150px;
	height:27px;
	text-align:center;
	margin:0;
	padding: 0;
}
@media screen { #upload_file { display: none; } }
.browse_btn {
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    color: #fff;
    background-color: #fda9a9;
}
#file_name_area{
	margin-bottom: 2%;
}
#view{
	margin-top: 1%;
}
@media print{
	.white_button,.orange_button{
			display:none;
		}
	.ref_plint-brand-icon{
		width:36.5%;
		margin-right:12px;
	}
}
@page{
	margin:0;
	size:A4;
}
ruby{
	positoin:relateve;
}

rt{
	positoin:relateve;
	display:block;
	font-size:10px;
	transform: scale(0.7);
	transform-origin:0 0;
}
.ref_plint_tbl {
	width:100%;
	font-size:10px;
}
.ref_plint_tbl tr{
	vertical-align: top;
}
.ref_plint_tbl_th1{
	font-weight:400;
	width:20%;
	color:black;
	text-align: center;
}
.ref_plint_tbl_th2{
	font-weight:400;	
	width:80%;
	color:black;
	text-align: center;
}
.ref_plint_tbl td{
	border:solid 1px #BFBFBF;
	color:black;
	
}
.ref_print_div_parernt table tr td{
	border:solid 1px #BFBFBF;
	color:black;

}

ref_print_div_left{
	float:left;
}
.ref_print_div_parernt{
    padding-top:8px;
	width: 100%;
	border-bottom: 1px solid #BFBFBF;
	font-size: 16px;
    color: black;
    box-sizing: border-box;
    font-family: Meiryo,YuGothicM,YuGothic;
    box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding-left: 0px !important;
    padding-right: 0px !important;
    width:100%;
    
}
.ref_print_div_child{
	float:left;
	//background-color:red;
}
.ref_print_div_parernt_ul{
	display:table;
	width:100%;
	padding: 0;
	list-style:none
}
.ref_print_div_parernt_li{
	display:table-cell;

}
.ref_print_div_parernt table{
	width:100%;
	border:1px solid #cccccc;
}
.ref_print_div_parernt_td_right{
	text-align:right;
	
}
.text_indent{
	padding-left: 1em;
    text-indent: -1em;
}
.info_indent{
	margin-top:-1.5em;
	margin-bottom:-0.1em;
	padding-left:7em;
    text-indent: 0em;
}
@page{
	size:auto;
	margin:0mm;
}