@charset "utf-8";
/* 保険が変わった！カーコンで直そうキャンペーン！設定 */

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ベース */
#omitsumori img {
border: none;
}
#omitsumori a:hover img {
opacity:0.7;
}
#omitsumori a:active img {
opacity:0.5;
}

#omitsumori div, #omitsumori p, #omitsumori a, #omitsumori span, 
#omitsumori h1, #omitsumori h2, #omitsumori h3, #omitsumori h4, #omitsumori h5, #omitsumori h6, 
#omitsumori ol, #omitsumori ul, #omitsumori li, #omitsumori dl, #omitsumori dt, #omitsumori dd, 
form, fieldset, legend, label, 
table, caption, thead, tbody, tfoot, tr, th, td {
margin: 0;
padding: 0;
font-style: normal;
font-weight:normal;
font-family: inherit;
font-size: 100%;
color:#222;
}

#omitsumori ol, #omitsumori ul, #omitsumori li {
list-style: none;
}


/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼補助パーツ類 */
*.auxobj {
	display: none;
	margin: 0;
	padding: 0;
	border: 0;
}

/* CLEARFIX */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { display: inline-block;
clear:both; }

/* CLEAR */
.clearLine {
	display: inline-block;
	clear:both;
	height:10px;
}

.clearLine:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼レイアウト */

#omitsumori p {
margin-top:5px;
line-height:1.6;
}
#omitsumori h3{
font-size:180%;
line-height:1.2;
font-weight:bold;
margin-bottom:10px;
color:#ed1c24;
}
#omitsumori .apply h3 {
font-size: 130%;
}
#omitsumori h4{
margin-bottom:5px;
font-size:110%;
font-weight:bold;
letter-spacing:0.1em;
}
#omitsumori .apply h4 {
font-size: 80%;
}
#omitsumori  p.notes{
color:#ed1c24;
}
#omitsumori  p.caution{
color:#d9231f;
font-size:120%;
}

#omitsumori {
margin:0px auto 0px auto;
padding-bottom:10px;
text-align:center;
background:#d71920;
width:870px;
}

#omitsumori .omCont{
margin:0;
padding:0 0 30px 0;
width:870px;
background:transparent url(../images/bkg.gif) 0 bottom no-repeat;
}

#omitsumori h1.contents{
padding-top:11px;
padding-bottom:1px;
background:#d71920;
width:870px;
text-align:center;
}
/* ライン */
#omitsumori .omLine{
margin:15px 0;
border-bottom:1px dotted #d71920;
}

/* ボタン */
#omitsumori .omContNavi{
margin:0;
padding:0;
width:870px;
background:transparent url(../images/btn_bkg_bg.gif) repeat-y;
}

/* トップボタン */
#omitsumori .omNavi{
margin:10px auto;
padding:0;
width:830px;
height:107px;
}
#omitsumori .omNavi li.left{
float:left;
width:410px;
}
#omitsumori .omNavi li.right{
float:right;
width:410px;
}

/* プレゼント */
#omitsumori .omTxt{
margin:0 auto;
padding:20px 40px 0 40px;
text-align:left;
}

#omitsumori .omTxt p{
margin-left:15px;
margin-bottom:5px;
}
#omitsumori .omTxt.apply p{
font-size: 80%;
}

/* ふきだし */
#omitsumori .omFuki{
margin:20px auto auto auto;
width:830px;
text-align:center;
}
#omitsumori .imgFukiLeft{
margin:0;
width:240px;
text-align:right;
float:left;
}
#omitsumori .txtFukiRight{
margin:0;
padding-bottom:25px;
width:580px;
float:right;
background:transparent url(../images/huki_rgt_bkg.gif) 0 bottom no-repeat;
}
#omitsumori .FukiTopRight{
margin:0;
padding:0;
width:580px;
height:25px;
background:transparent url(../images/huki_rgt_top.gif) 0 0 no-repeat;
}
#omitsumori .imgFukiRight{
margin:0;
width:240px;
text-align:left;
float:right;
}
#omitsumori .txtFukiLeft{
margin:0;
padding-bottom:25px;
width:580px;
float:left;
background:transparent url(../images/huki_lft_bkg.gif) 0 bottom no-repeat;
}
#omitsumori .FukiTopLeft{
margin:0;
padding:0;
width:580px;
height:25px;
background:transparent url(../images/huki_lft_top.gif) 0 0 no-repeat;
}
#omitsumori .FukiTxt{
margin:auto;
padding:0;
width:480px;
text-align:left;
}

/* 動画 */

#omitsumori .omiBtnMovie{
margin-top:20px;
}

#omitsumori .omiMovie{
margin:0;
padding:0;
width:870px;
background:transparent url(../images/bkg_bg.gif) repeat-y;
}


/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼シミュレーター */

#omitsumori .omSim{
margin:0;
padding:0;
width:870px;
background:transparent url(../images/sim_bkg.gif) 0 bottom no-repeat;
}
#omitsumori .omSim .notice {
font-size:80%;
color:#f00;
float:right;
margin:-20px 60px 0 0;
position:relative;
}
#omitsumori .omSimCont{
clear:both;
margin:0;
padding:0 0 40px 0;
text-align:center;
width:870px;
}


#omitsumori #damageBlockSearch{
margin:auto;
text-align:left;
}

#omitsumori #simulator{
margin:20px auto;
text-align:left;
}

#hoken.pagetop{
margin:auto;
width:870px;
text-align:right;
}

/* */

.omContNavi img{
	margin:0 auto;
}

/* -------------------
    20190506 edit
------------------- */
@media screen and (max-width: 1023px){
	#omitsumori{
		width: 100%;
		margin-top: -70px;
        padding-top: 70px;
	}
    #omitsumori h1.contents {
		width: 100%;
	}
	#omitsumori .omiMovie{
		width: 100%;
		margin: auto;
		background-position: center center;
	}
	#omitsumori .omiMovie iframe{
		width: 100%;
		max-width: 780px;
	}
	#omitsumori .omiBtnMovie{
		width: 90%;
		margin-top: 12px;
		margin-left: auto;
		margin-right: auto;
	}
	.omiCont{
		overflow: hidden;
	}
	.omiCont h2{
		margin-left: -25px !important;
		margin-right: -25px !important;
	}
	.tp-frame-bottom{
		display: none;
	}
	.tp-video-wrap{
        margin: 0px 15px !important;
    }
    .tp-video-inner{
        position: relative;
		width: 100%;
		max-width: 780px;
		margin: auto !important;
        padding-bottom: 56.23% !important;
    }
    .tp-video-inner iframe{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}