@charset "UTF-8";

/*  スマホのみ適応する記述 ------------------------------------------------------------------------------*/
@media screen and (max-width: 1024px) {


.ihoken-top .view {
	background-image: url(../img/ihoken/ihoken_view_03.png), url(../img/ihoken/ihoken_view_01.png);
}


}/* /end@media (max-width: 767px)  ------------------------------------------------------------------------------*/


/*  スマホのみ適応する記述 ------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {

.ihoken-top {
    padding: 20px 0px 0px;
}
.ihoken-top .view {
	box-sizing: border-box;
	background-image: url(../img/ihoken/ihoken_view_01_sp.png);
	background-size: 100% 100%;
	background-position: right;
	background-repeat: no-repeat;
	border: solid 2px #dedede;
	padding: 0 3.125% 20px;	/* 20/640*100 */
}


.ihoken-top .view h3,.ihoken-top .view h2 {
	position: static;;
	color: #DB0000;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	padding: 16px 0 0;
}
.ihoken-top .view h3 span,.ihoken-top .view h2 span {
	font-size: 23px;
}
.ihoken-top .view p.catch {
	position: static;
	color: #c03;
	font-size: 18px;
	font-weight: bold;
	padding: 30px 0 0px;
	height: auto;
}
.ihoken-top .view p.catch span {
	font-size: 23px;
	letter-spacing: -0.5px;
}
.ihoken-top .view p.text {
	position: static;
	color: #000;
	font-size: 18px;
	line-height: 1.3;
}
.ihoken-top .view p.text span {
	color: #c30;
	font-size: 22px;
	font-weight: bold;
}
.ihoken-top .view p {
	position: static;
	font-size: 10px;
	letter-spacing: 1px;
	padding: 0px;
	margin: 5px 0px 8px;
}

.ihoken-top .view ul {
	position: static;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	height: auto;
}
.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;
}

.ihoken-top .reason-block dl .privacy {
	padding: 80px 10px 6px 10px;
	margin: 0 20px 0;
	border: 1px solid #ccc;
	background-image: url("//www.ifcreate.com/img/privacy/pmark.svg");
	background-repeat: no-repeat;
	background-position: center top 5px;
}
.ihoken-top .reason-block dl .isms {
	padding: 70px 10px 8px 10px;
	margin: 7px 20px 30px;
	border: 1px solid #CCC;
	background-image: url(//www.ifcreate.com/img/privacy/privacy_isms.svg);
	background-repeat: no-repeat;
	background-position: center top 15px;
}
.ihoken-top .reason-block .image01 {
	display: none;
}
.ihoken-top .reason-block .image01-sp {
	display: block;
	width: 100%;
	max-width: 450px;
	margin: 10px auto;
}
.ihoken-top .reason-block .r02 .text {
	float: none;
	width: 100%;
}
.ihoken-top .reason-block .r02 .image02 {
	float: none;
	width:auto;
}
.ihoken-top .reason-block .r03 .text {
	float: none;
	width: 100%;
}
.ihoken-top .reason-block .r03 .text span {
	float: none;
}
.ihoken-top .reason-block .r03 .image03 {
	float: none;
	width:auto;
}

.ihoken-top .reason-block .r04 .text {
	float: none;
	width: 100%;
	}
.ihoken-top .reason-block .r04 .image04 {
	float: none;
	width:auto;
}



.ihoken-top .reason-block dl .r04 .image02 {
	margin: 10px auto 0;
}
.ihoken-top .reason-block dl .r04 .image03 {
	margin: 10px auto 0;
}
.ihoken-top .reason-block dl .r04 .image04 {
	margin: 10px auto 0;
}


.ihoken-top .reason-block dl.first {
	margin-top: 20px;
}
.ihoken-top .reason-block dl {
	margin-top: 15px;
}
.ihoken-top .about-block dl.first {
	margin-top: 20px;
}
.ihoken-top .about-block dl {
	margin-top: 15px;
}


.ihoken-top .yakusoku-block ul li {
	margin: 0px 0px 15px;
}
.ihoken-top .reason-block .privacy {
	font-size: 14px;
	padding: 100px 10px 10px 10px;
	background-position: center 10px;
}
.ihoken-top .reason-block .isms {
	font-size: 14px;
	padding: 80px 10px 10px 10px;
	background-position: center 15px;
  background-size: 115px 50px;
}


}/* /end@media (max-width: 767px)  ------------------------------------------------------------------------------*/