@charset "UTF-8";


/* ttl02 ------------------------------------------------------------------------------*/
@media screen and (min-width: 768px) {
	.ihoken-top .ttl02 {
	}
}
.ihoken-top .ttl02 {
	background-color: #f2f6fb;
}
.ihoken-top .ttl05 {
	border-bottom: solid 2px #0680c2;
}
.ihoken-top .ttl05::before {
	color: #1e8bd7;
}




/*------------------------------------------------------------------------------
ｉ保険が選ばれる理由設定
------------------------------------------------------------------------------*/
.ihoken-top {
	margin: 30px 0 0;
}




/* .view ------------------------------------------------------------------------------*/
.ihoken-top {
	margin: 0px;
	padding: 30px 0px 0px;
	font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}
.ihoken-top .title {
	background: #E6800A;
	margin: 0px;
	padding: 20px 0px 0px 15px;
	height: 32px;
	width: 725px;
}
.ihoken-top .view {
/*
	background-image: url(../img/ihoken/ihoken_view_02.png), url(../img/ihoken/ihoken_view_01.png);
	background-size: contain, contain;
	background-position: right, left;
	background-repeat: no-repeat;
	background-repeat: no-repeat;
*/
background-image: url(../img/ihoken/ihoken_view.jpg);
background-size: 100% 100%;
background-position: left;
background-repeat: no-repeat;
	margin: 20px 0px 0px;
	padding: 0px;
	min-height: 160px;
	width: 100%;
	position: relative;
}
.ihoken-top .view h3,.ihoken-top .view h2 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	position: absolute;
	top: 20px;
	left: 30px;
	font-size: 16px;
	font-weight: bold;
	color: #DB0000;
}
.ihoken-top .view h3 span,.ihoken-top .view h2 span {
	font-size: 23px;
}
.ihoken-top .view p.catch {
	font-eize: 18px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	position: absolute;
	top: 25px;
	left: 210px;
	font-size: 19px;
	color: #c03;
	letter-spacing: 0px;
	height: 32px;
	font-weight: bold;
}
.ihoken-top .view p.catch span {
	font-eize: 22px;
	font-size: 23px;letter-spacing: -0.5px;
}
.ihoken-top .view p.text {
	font-eize: 18px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	position: absolute;
	top: 71px;
	left: 16px;
	font-size: 18px;
	color: #000;
	line-height: 1.3;
}
.ihoken-top .view p.text span {
	font-size: 22px;
	font-weight: bold;
	color: #c30;
}
.ihoken-top .view p {
	margin: 0px;
	padding: 0px;
	position: absolute;
	bottom: 8px;
	left: 529px;
	font-size: 10px;
	letter-spacing: 1px;
}
.ihoken-top .view ul {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	position: absolute;
	top: 133px;
	left: 28px;
	height: 20px;
}
.ihoken-top .view ul li {
	background: url(../ihoken/img/ihoken_icon01.gif) no-repeat left center;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 14px;
	float: left;
	display: inline;
}
.ihoken-top .view ul .mg {
	background: url(../ihoken/img/ihoken_icon01.gif) no-repeat left center;
	position: relative;
	top: 0px;
	left: 0px;
}
.ihoken-top .view ul li a {
	color: #C91D1D;
}
.ihoken-top .view ul li a .col {
	color: #333;
}




/* .reason-block ------------------------------------------------------------------------------*/

.ihoken-top .reason-block dl.first {
	margin-top: 30px;
}
.ihoken-top .reason-block dl {
	position: relative;
	margin: 20px 0px 0px;
}
.ihoken-top .reason-block dl dd {
	padding: 0px;
	margin: 10px 0px 10px!important;
}


.ihoken-top .reason-block .image01 {
	width: 100%;
	max-width: 650px;
	margin: 10px auto;
}
.ihoken-top .reason-block .image01-sp {
	display: none;
}
.ihoken-top .reason-block .image01 img, 
.ihoken-top .reason-block .image02 img, 
.ihoken-top .reason-block .image03 img, 
.ihoken-top .reason-block .image04 img {
	width: 100%;
	height: auto;
	margin-top: 10px;
}


.ihoken-top .reason-block .r02 .text {
	float: left;
	width: 74.285714285714285714285714285714%;	/* 520/700*100 */
}
.ihoken-top .reason-block .r02 .image02 {
	float: right;
	width: 23.714285714285714285714285714286%;	/* 166/700*100 */
	max-width: 166px;
	margin: 0 auto;
}

.ihoken-top .reason-block .r03 .text {
	float: left;
	width: 74.285714285714285714285714285714%;	/* 520/700*100 */
}
.ihoken-top .reason-block .r03 .text span {
	font-size: 12px;
	display: block;
	margin-top: 14px;
}
.ihoken-top .reason-block .r03 .image03 {
	float: right;
	width: 16.285714285714285714285714285714%;	/* 114/700*100 */
	max-width: 114px;
	margin: 0 auto;
}

.ihoken-top .reason-block .r04 .text {
	float: left;
	width: 74.285714285714285714285714285714%;	/* 520/700*100 */
}
.ihoken-top .reason-block .r04 .image04 {
	float: right;
	width: 18.857142857142857142857142857143%;	/* 132/700*100 */
	max-width: 132px;
	margin: 0 auto;
}


.ihoken-top .reason-block .privacy {
	width: auto;
	font-size: 14px;
	padding: 10px 10px 10px 110px;
	margin: 10px 10px 0;
	border: 1px solid #ccc;
	background: url(//www.ifcreate.com/img/privacy/pmark.svg) no-repeat 20px center;
  background-size: 75px 75px;
}
.ihoken-top .reason-block .isms {
	padding: 10px 10px 10px 110px;
	font-size: 14px;
	margin: 10px 10px 30px;
	border: 1px solid #CCC;
	background: url(//www.ifcreate.com/img/privacy/privacy_isms.svg) no-repeat 10px center;
  background-size: 87px 42px;
}






/* .about-block ------------------------------------------------------------------------------*/
.ihoken-top .about-block {
	margin: 0 0px 0px;
	padding: 0px;
}
.ihoken-top .about-block dl.first {
	margin-top: 30px;
}
.ihoken-top .about-block dl {
	margin-top: 20px;
	padding: 0px;
}
.ihoken-top .about-block dl dd {
	margin: 10px 0px!important;
}
.ihoken-top .about-block dl dd p {
}

.ihoken-top .yakusoku-block {
	margin: 20px 0px 0px;
}
.ihoken-top .ttl06 {
    border-bottom: dotted 1px #014aac;
}
.ihoken-top .yakusoku-block ul {
	margin: 15px 0px 0px!important;
	padding: 0px;
}
.ihoken-top .yakusoku-block ul li {
	margin: 0px 0px 10px;
}
.ihoken-top .yakusoku-block ul li:last-child {
	margin: 0px 0px 0;
}
.ihoken-top .yakusoku-block ul li span {
	display: block;
}