@charset "UTF-8";
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.clearfix:before {
	content: "";
	display: block;
	clear: both;
}
.clearfix {
	display: block;
}

#main h3{
	display: block;
	font-size: 24px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom:10px;
}
#main h4{
	display: block;
	padding-top: 30px;
}
#main td{
	background-color: #FFF;
}



#comparison_tbl{
	margin-top: 20px;
	width: 100%;
	table-layout: fixed;
}
#comparison_tbl th{
	background-color: #F2F2F2;
}
#comparison_tbl th sup{
	font-size: 1.0em !important;
}
.c_green{
	color: #25953d;
}
#comparison_tbl td{
	position: relative;
}
tr#total_td td{
	text-align: center;
}
.t_amount{
	border: solid 2px #F00 !important;
}
.t_amount_txt{
	font-size: 24px !important;
	font-weight: bold;
	vertical-align: sub;
}
a.linktext{
	font-weight: bold !important;
	text-decoration: underline !important;
}
a:hover.linktext{
	color: #3f6df6 !important;
}
@media screen and (max-width:480px) {
	tr#total_td td{
		text-align: right !important;
		font-size: 10px !important;
	}
	.t_amount_txt{
		font-size: 12px !important;
		vertical-align: bottom;
	}
}
.fs_marubatsu{
	font-size: 1em !important !important;
}
.f11{
	font-size: 11px;
}
.mt5{
	margin-top: 5px;
}
.mt10{
	margin-top: 10px;
}
#contents #main p.wp_emp{
	font-size: 17px;
	line-height: 17px;
	font-weight: bold;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 37px;
	margin-bottom: 10px;
}
.strength_box{
	border: solid 1px gray;
	border-radius: 10px;
	padding:30px;
	margin-top: 20px;
}
.strength_box img{
	width:30%;
	max-width: 120px;
	float: left;
}
.point_box{
	display: block;
	float: left;
	font-size: 16px;
	font-weight: bold;
	margin-left: 50px;
	color: #CC0000;
}
@media screen and (max-width:480px) {
	.strength_box{
		font-size: 16px;
		line-height: 1.3;
	}
	.strength_box img{
		margin-right: 10px;
	}
	.point_box{
		display: block;
		float: none;
		margin-left: 0 !important;
	}
	.strength_box br{
		line-height: 1.3;
	}
	.lh0,.lh1,.lh2{
		line-height: 1.3 !important;
	}
}
.inq_link{
	color: #2f7fde !important;
}
.c333{
	color: #333 !important;
}
.lh0{
	line-height: 1;
}
.lh1{
	line-height: 1.5em;
}
.lh2{
	line-height: 2em;
}
.q_category{
	display: inline-block;
	background-color: #4472C4;
	color: #FFF;
	padding: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
}
.q_content{
	margin: 0 10px 20px;
	color: #fff;
	font-size: 16px;
	background: #6099d4;
	position: relative;
	padding: 20px;
	padding-right: 38px;
	border-radius: 10px;
	cursor: pointer;
}
.q_content::before{/* 閉じている時 */
	content: "";
    position: absolute;
    right: 30px;
    top: 20px;
    transition: all 0.2s ease-in-out;
    display: block;
    width: 8px;
    height: 8px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
	right: 20px;
}
.q_content.active::before{/* 開いている時 */
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top:26px;
}
.a_content{
	display: none;
	padding: 5px;
	margin-top: 10px;
	background-color: #FFF;
	color: #333;
	line-height: 1.2;
}
.a_content a{
	text-decoration: underline;
	color: #f0a90d;
}




#s_btn_box{
	margin: 10px auto;
	background-repeat: no-repeat;
	background-image: url(/insurance/img/btn_contact02.png);
	background-size: contain;
	height: 67px;
	width: 315px;
	text-indent: -9999px;
	cursor: pointer;
}
#re_select_topbox,#re_select_box{
	margin: 10px auto;
	background-repeat: no-repeat;
	background-image: url(/insurance/img/btn_contact03.png);
	background-size: contain;
	height: 57px;
	width: 264px;
	text-indent: -9999px;
	cursor: pointer;
}
@media screen and (max-width:480px) {
	#s_btn_box{
		width: 80%;
	}
	#re_select_box{
		width: 70%;
	}
}
#s_btn_box:hover,#re_select_box:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha( opacity=70 )";
}

.outborder{
	border: solid 1px #474545;
	line-height: 1.7;
	margin-top: 40px;
	margin-bottom: 20px;
	padding: 10px;
}
.outborder > p{
	margin-bottom: 20px !important;
}
.outborder div > p{
	text-align: center;
	line-height: 1.2em;
	padding-bottom: 5px !important;
}
.outborder div{
	width: 45%;
	margin: 0 auto;
}
.outborder div > a > img{
	width: 100% !important;
	margin-top: 0px !important;
}
@media screen and (max-width:480px) {
	.outborder div > p{
		padding-top: 0px;
		font-size: 0.8em;
	}
}

.attached{
	border: solid 1px #474545;
	line-height: 1.7;
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 10px;
}
.attached > .leftbox{
	float: left;
	width:30%;
}
.attached > .leftbox > #pictbox_pc > img{
	display: block;
	width:80%;
}
.attached > .leftbox > #pictbox_sp{
	display: none;
}


.telbox > #pictbox2_sp{
	display: none;
}
.attached > .rightbox{
	margin-bottom: 20px !important;
	float: left;
	width:70%;
}

#confirm_tit{
	font-weight: bold;
	color: #0b247c;
}
.attached_point{
	font-size: 16px;
	font-weight: bold;
	color: #CC0000;
	margin-bottom: 20px;
}
.attached_intro{
	font-size: 14px;
	margin-bottom: 20px;
}
#attached_tbl{
	width: 100%;
	margin-left: 0 !important;
}
#attached_tbl th{
	font-weight: normal;
	width:40%;
	padding-bottom: 0 !important;
}
#attached_tbl td{
	width:60%;
	padding-bottom: 0 !important;
}
#attached_tbl td input[type="text"],#attached_tbl td input[type="tel"],#attached_tbl td input[type="email"]{
	width: 90%;
}
.pad_t{
	padding-top: 10px !important;
}
#pictatten{
	font-size: 12px;
}
.makesurebox{
	padding-top: 20px;
	text-align: center;
}
.backandsendbox{
	padding-top: 20px;
	text-align: center;
}
.backandsendbox .leftbtnbox{
	float: left;
	width: 40%;
	text-align: right;
}
.backandsendbox .rightbtnbox{
	float: right;
	width: 40%;
	text-align: left;
}
.attached_btn{
	cursor: pointer;
}
@media only screen and (max-width:480px) {
	.attached > .leftbox{
		float: none;
		width:100%;
	}
	.attached > .rightbox{
		float: none;
		width:100%;
	}
	.attached > .leftbox > #pictbox_pc{
		display: none;
	}
	.attached > .leftbox > #pictbox_sp{
		display: block;
		width:100%;
	}
	.attached > .leftbox > #pictbox_sp img{
		width:100%;
	}

	#attached_tbl th,
	#attached_tbl td{
		width:100%;
		display:block;
	}
	.backandsendbox .leftbtnbox{
		float: none;
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}
	.backandsendbox .rightbtnbox{
		float: none;
		width: 100%;
		text-align: center;
	}
}
.delatearea{
	position: absolute;
	left: -9999px;
}

#step1{
	padding-bottom: 120px;
}
#prefselect{
	margin:20px auto 0;
	font-weight: bold;
	text-align: center;
	line-height: 1.7 !important;
}
#var_pref{
	font-size: 18px;
	display: block;
	margin:10px auto 0;
}
.s_br{
	display: none;
}
@media screen and (max-width:480px) {
	.s_br{
		display: inline;
	}
}
.p_br{
	display: inline;
}
@media screen and (max-width:480px) {
	.p_br{
		display: none;
	}
}

#step2{
	display: none;
	position: relative;
	margin:0px auto;
	padding-bottom: 20px;
	width: 100%;
}
.l_selected,.r_selected{
	float: left;
	width: 50%;
	height: 30px;
	margin-top:20px;
	padding: 10px 5px 24px 10px;
	font-size: 15px;
	box-sizing: border-box;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
		user-select: none;
}
.selected_on{
	background-color: #55be53;
	color:#FFF;
	border: solid 2px #55be53;
	border-bottom: solid 3x #55be53;
}
.selected_off{
	background-color: #b5e8b4;
	color:#888686;
	border: solid 1px #474545;
	border-bottom: solid 3px #55be53;
	cursor: pointer;
}
.selected_t_on{
	background-color: #0044B5;
	color:#FFF;
	border: solid 2px #0044B5;
	border-bottom: solid 3x #0044B5;
}
.selected_t_off{
	background-color: #C2ECF1;
	color:#888686;
	border: solid 1px #474545;
	border-bottom: solid 3px #0044B5;
	cursor: pointer;
}
#step3 > p,#step3 > table{
	padding: 0 !important;
}
.f8{
	font-size: 11p;
}
#img_aioilogo1{
	position: absolute;
	top:0;
	left:10px;
	width:30%;
	max-width: 200px;
}
#img_tokailogo1{
	position: absolute;
	top:0;
	left:10px;
	width:8%;
	max-width: 102px;
}
#img_aioilogo2,#img_tokailogo2{
	position: absolute;
	top:0;
	right:10px;
	width:12%;
	max-width: 200px;
}
#m_title{
	font-size: 20px;
	font-weight: bold;
	margin: 10px auto 50px;
	text-align: center;
}
@media screen and (max-width:480px) {
	#img_aioilogo1{
		width:40%;
	}
	#img_tokailogo1{
		width:16%;
	}
	#img_aioilogo2{
		position: absolute;
		top:0;
		right:0;
		width:20%;
	}
	#img_tokailogo2{
		width:20%;
	}
	#m_title{
		font-size: 20px;
		font-weight: bold;
		margin: 50px auto 20px;
		text-align: center;
	}
}
#step2 > table{
	margin: 0 !important;
}
#step2 > table.outline{
	width:100%;
}
#step2 > table.outline_v{
	display: none;
	width:100%;
}
@media screen and (max-width:480px) {
	#step2 > table.outline{
		display: none;
	}
	#step2 > table.outline_v{
		display: inline;
	}
}
#step2 > table.outline th{
	width:15%;
}
#step2 > table.outline td{
	width:35%;
}
#step2 > table.outline_v th{
	width:30%;
}
#step2 > table.outline_v td{
	width:70%;
}
#step2 > table.selecttype > tr > td:first-of-type{
	border-top:none;
}
#step2 > table:nth-of-type(2),#step2 > table:nth-of-type(3),#step2 > table:nth-of-type(7),#step2 > table:nth-of-type(8){
	margin-bottom:4px !important;
}
#step2 > table:nth-of-type(4),#step2 > table:nth-of-type(7),#step2 > table:nth-of-type(8),#step2 > table:nth-of-type(9),#step2 > table:nth-of-type(10),#step2 > table:nth-of-type(11){
	margin-top:20px !important;
}
#step2 > table:nth-of-type(4),#step2 > table:nth-of-type(5){
	margin-bottom:20px !important;
}
#step2 > table:last-child{
	margin-bottom:6px !important;
}
#step2 th,#step2 td{
	padding: 3px;
	font-size: 11px;
	border: solid 1px #474545;
	vertical-align: middle !important;
	line-height: 1.7 !important;
}
#step2 th p,#step2 td p{
	font-size: 11px;
}
#step2 table.selecttype tr:first-of-type th{
	border-top: 0 !important;
}



#prefselect{
	margin:20px auto 0;
	font-weight: bold;
	text-align: center;
}
#var_pref{
	font-size: 18px;
	display: block;
	margin:10px auto 0;
}
.selectedpref{
	background-color: #FF7C80 !important;
	color: #FFF;
}
.graybacck{
	background-color: #F2F2F2;
}
.noplan{
	background-color: #C1E087;
	color: #FFF;
}
.fullplan{
	background-color: #7CD3A8;
	color: #FFF;
}
.fwn{
	font-weight: normal;
}
.fwb{
	font-weight: bold;
}
.ta_c{
	text-align: center !important;
}
.ta_r{
	text-align: right !important;
}
.va_t{
	vertical-align: top;
}
.width5{
	width:5%
}
.width10{
	width:10%
}
.width18{
	width:18%
}
.width20{
	width:20%
}
.width25{
	width:25%
}
.width30{
	width:30%
}
.width30{
	width:36%
}
.width40{
	width:40%
}
.width50{
	width:50%
}
.width60{
	width:60%
}
.width65{
	width:65%
}
.width70{
	width:70%
}
.width75{
	width:75%
}
.rdot{
	border-right: dotted 1px #474545 !important;
}
.ldot{
	border-left: dotted 1px #474545 !important;
}
.blockcenter{
	display: inline-block;
	text-align: right;
}

.f12p{
	font-size: 12px !important;
}
.f16p{
	font-size: 16px !important;
}
.pdb6{
	padding-bottom: 6px;
}
.blockred{
	border:solid 2px red !important;
}
.wp_emp{
	font-weight: bold !important;
}




#procedurebox{
	margin-bottom: 40px;
}
#procedurebox td{
	padding: 8px;
}
.t_border{
	border-top: solid 1px #474545;
}
.b_border{
	border-bottom: solid 1px #474545;
}
.l_border{
	border-left: solid 1px #474545;
}
.r_border{
	border-right: solid 1px #474545;
}

.requestbox{
	display: inline-block;
	float: right;
	font-size: 11px;
	padding-top: 5px !important;
}
div.accident_box{
	padding-left: 10px;
	padding-right: 10px;
	line-height: 1.3 !important;
}
#movieguide{
	padding-top: 20px;
}
#movieguide img{
	float: left;
}
@media screen and (max-width:480px) {
	h4{
		vertical-align: bottom;
	}
	.requestbox{
		display: inline;
		float: none;
		padding-top: 0px !important;
	}
	.accident_box img{
		width:100%;
		margin-bottom: 10px;
	}
	#movieguide img:first-of-type{
		width:40%;
		float: left;
	}
	#movieguide img:lasr-of-type{
		width:45%;
		float: left;
	}
}
.accident_box span{
	font-size: 11px;
	margin-bottom: 100px;
}
.reportbox{
	position: relative;
	margin-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 1.2em;
}
.reportbox img{
	position: absolute;
	right: 0;
	top:0;
	width: 130px;
	height: auto;
}
.reportbox a{
	text-decoration: underline;
}
.report_tit{
	color:#35BDA5;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: 30px;
	width:240px;
	float: left;
	border:solid 2px #35BDA5;
	text-align: center;
	font-weight: bold;
}
#hp_report_menu{
	display: inline-block;
	vertical-align: middle;
	float: left;
	padding-top: 13px;
	font-size: 13px;
}
#aioi_url,#a1_tel,#aioi_tel{
	clear: both;
	padding-top: 14px;
}
@media screen and (max-width:480px) {
	#aioi_tel{
		line-height: 1.4;
	}
}
.aioi_tel_note{
	padding:4px 0 0 0 !important;
	font-size: 12px;
	line-height: 1.4;
}
.a1contact{
	vertical-align: middle;
}
.a1contact img{
	margin-right: 10px;
	vertical-align: middle;
}

#policy{
	margin: 20px 0;
	padding-left: 10px;
	padding-right: 10px;
}





#purpose_tbl{
	margin: 10px;
	padding: 10px;
	border: dotted 1px #474545;
}
.wb{
	font-weight: bold;
}

ul.p_ul > li{
	list-style: none;
	font-weight: normal !important;
	padding-left: 2.5em;
	padding-right: 10px;
	line-height: 1.7 !important;
	font-size: 15px !important;
	counter-increment: p_ul;
	position: relative;
}
ul.p_ul > li:before{
	content:  "（" counter(p_ul) "）";
	position: absolute;
	top: 0;
	left: 0;
}
ul.p_ul > li > ul.bulletpoints >li{
	list-style:disc;
	margin: 0 0 0 1em;
	padding-left: 0em;
}


ul.marupoints > li{
	list-style: none;
	font-weight: normal !important;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 1.7 !important;
	font-size: 15px !important;
	counter-increment: marupoints;
	position: relative;
	padding-left: 2em;
}
ul.marupoints > li:before{
	content:  counter(marupoints);
	font-size: 14px !important;
	position: absolute;
	top: 1px;
	left: 4px;
}
ul.marupoints >li:after {
	content: '';
	/* 配置を調整 */
	position: absolute;
	display: block;
	top: 12px;
	left: 0;
	transform: translateY(-50%);
	/* ○を作る */
	width: 1em;
	height: 1em;
	border: 1px solid #000;
	border-radius: 50%;
}

.c_information{
	margin-top: 20px;
	font-size: 15px;
	color: #474545;
}
.c_information th{
	font-weight: normal;
	vertical-align: top;
}
.c_information td{
	padding-left: 5px;
}

ul.suspension{
	padding-left: 14px;
	padding-right: 14px;
}
ul.suspension > li{
	list-style: none;
	font-weight: normal !important;
	padding-left: 1.5em;
	padding-right: 10px;
	line-height: 1.7 !important;
	font-size: 15px !important;
	counter-increment: p_ul;
	position: relative;
}
ul.suspension > li:before{
	content:  "※";
	position: absolute;
	top: 0;
	left: 0;
}

#thatsall{
	text-align: right;
	padding-top: 30px;
	padding-bottom: 10px;
	padding-right: 14px;
}
#enactment{
	float: right;
	text-align: left;
	font-size: 15px;
	color: #474545;
}

#selected_on2,#selected_on4,#selected_on6{
	display: none;
}

.mb80{
	margin-bottom: 80px;
}
#over_menu{
	box-sizing: border-box;
	display:table;
	background: -moz-linear-gradient(top, #608ACE, #254B85);
	background: -webkit-linear-gradient(top, #608ACE, #254B85);
	background: linear-gradient(to bottom, #608ACE, #254B85);
	width: 100%;
	height: 100px;
}
#over_menu li{
	float: left;
	margin: 20px 0px;
	margin-left:40px;
	width: 196px;
	height: 60px;
	background-color: #FFF;
}
@media screen and (max-width:480px) {
	#over_menu{
		display: none;
	}
}
#under_menu{
	display: none;
}
@media screen and (max-width:480px) {
	#under_menu{
		position: fixed;
		bottom: 0;
		box-sizing: border-box;
		display:table;
		table-layout: fixed;
		width:100%;
	}
}
#under_menu li {
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	color: #FFF;
	background-color: #7083c4;
	font-size: 14px;
	width: 25%;
	height: 80px;
	border-radius: 3px;
	box-shadow: inset 0px 0px 10px 0px #2d4fc6;
	padding: 10px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
#under_menu img{
	width:90%;
}











//inquiry
.blockchange{
	display: block;
}
#inq_tbl{
	margin-top: 20px;
	table-layout: fixed;
	width:100%;
}
#inq_tbl th,#inq_tbl td{
	padding-top: 10px !important;
	vertical-align: top;
}
#inq_tbl th{
	font-weight:normal;
	padding-right:10px;
}
#inq_tbl th .red{
	font-size: 14px;
}
#inq_tbl td .red{
	padding-top: 5px;
	font-size: 14px;
	font-weight: normal !important;
}
#inq_tbl td{
	font-size: 14px !important;
	padding: 6px;
}
#inq_tbl td select{
	font-size: 16px !important;
	font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3","HIragino Kaku Gothic Pro W3","HIragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック", "MS P Gothic",sans-serif !important;
}
#contactday{
	display: none;
}
#contactday td{
	font-size: 16px !important;
}
#inq_tbl th{
	font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3","HIragino Kaku Gothic Pro W3","HIragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック", "MS P Gothic",sans-serif !important;
	width:25%;
}
#inq_tbl td{
	width:75%;
}
#inq_tbl td textarea{
	font-size: 16px !important;
	font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3","HIragino Kaku Gothic Pro W3","HIragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック", "MS P Gothic",sans-serif !important;
	width:100%;
	box-sizing: border-box;
}
#inq_tbl td input{
	font-size: 16px;
}
#inq_tbl td input[type="text"]{
	width:100%;
	box-sizing: border-box;
}
#inq_tbl td input:focus::placeholder {
	color: white;
}
#inq_tbl td label{
	font-size: 16px;
}
.annotation_txt{
	padding-top: 3px;
	line-height: 1.2;
}
.err_mess{
	color:#F00;
	display: block;
	padding-top: 3px;
}
.border_red{
	border: solid 2px #F00;
	box-shadow:1px 1px 2px 1px #e0dbdb inset;
}
.namebox{
	display: block;
	float: left;
	margin-right: 10px;
	width:45%;
	box-sizing: border-box;
}
.namebox:last-of-type{
	margin-left: 10%;
}
#contactchoisebox,#telmail,#telonly{
	display: none;
	padding: 0 !important;
	font-size: 14px !important;
}
@media screen and (max-width:480px) {
	#inqtypebox label{
		display: block;
		float: left;
	}
	#telmail label:last-of-type{
		margin-left: 10px;
	}
}
#desiredboxred,#telred,#teldatered,#mailred,#inquiryred{
	color: #CC0000;
	display: none;
}
#desired_point{
	padding: 0 !important;
	font-size: 16px !important;
}
#var_tel{
	width:30% !important;
}
#var_mail{
	width:50% !important;
}
@media screen and (max-width:480px) {
	#var_tel{
		width:60% !important;
	}
	#var_mail{
		width:90% !important;
	}
}
#inq_tbl td input[type="file"]{
	width:90% !important;
	font-size: 12px;
}
#agreebox{
	font-size: 16px !important;
	line-height: 30px;
}
#policybox a{
	color: #43a9e3 !important;
	text-decoration: underline;
}
.buttonbox{
	text-align: center;
}
#confirm_btn:hover,#complete_btn:hover{
	cursor: pointer;
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha( opacity=70 )";
}