@charset "utf-8";

/*　　タイトル
-------------------------------------------------------*/
.pagetitle {
	height: 260px;
	background-image: url(../images/insurance3/pagetitle_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.pagetitle .bg2 {
	height: 260px;
	background-image: url(../images/common/pagetitle_bg2.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.pagetitle h1 {
	position: absolute;
	top: 110px;
	left: 90px;
	font-size: 30px; font-size: 3.0rem;
	font-weight: 200;
	color: #fff;
	line-height: 1.4;
	text-shadow: 1px 2px 3px #333;
}

@media screen and (min-width: 768px) and (max-width: 1023px){
.pagetitle {
	height: 190px;
}
.pagetitle .bg2 {
	height: 190px;
}
.pagetitle h1 {
	position: absolute;
	top: 74px;
	left: 105px;
	font-size: 24px; font-size: 2.4rem;
}

}

@media screen and (max-width: 767px){
.pagetitle {
	height: 102px;
	margin-bottom: 60px;
}
.pagetitle .bg2 {
	height: 102px;
	background-image: none;
}
.pagetitle h1 {
	position: absolute;
	width: 100%;
	top: 100px;
	left: 0;
	font-size: 16px; font-size: 1.6rem;
	letter-spacing: 3px;
	text-align: center;
	padding: 5px;
	background-color: #014099;
}
}

@media screen and (max-width: 767px) and (orientation : landscape) {
}




/*　　コンテンツ
-------------------------------------------------------*/

.tit-features {
	position: relative;
	padding: 10px 10px 10px 148px;
	font-weight: 500;
	background-color: #e2eeff;
	border-bottom: 3px solid #00a0e9;
	overflow: visible;
}
.tit-features .img01 {
	position: absolute;
	left: 10px;
	bottom: -3px;
}
.logo-teikei {
	margin: 10px auto 0;
}
.logo-teikei li {
	padding: 10px;
	text-align: center;
}
.cnt-jirei {
	margin-top: 20px;
	overflow: hidden;
	zoom: 1;
}
.cnt-jirei dt {
	float: left;
	width: 30%;
}
.cnt-jirei dd {
	margin-top: 5px;
	margin-left: 32%;
}

@media screen and (min-width: 768px) and (max-width: 1023px){
}

@media screen and (max-width: 767px){
.tit-features {
	padding: 10px 8px 8px 95px;
}
.tit-features .img01 {
	max-width: 55%;
}
.cnt-jirei dt {
	float: none;
	width: auto !important;
}
.cnt-jirei dd {
	margin-top: 15px;
	margin-left: 0;
}
}

/*　　お問い合わせフォーム
-------------------------------------------------------*/
.cnt-contact-tel {
	position: relative;
	width: 90%;
	margin: 0 auto;
	padding: 15px;
	color: #fff;
	line-height: 1;
	background-color: #4d9ded;
	border-radius: 8px;
	behavior: url(/js/PIE.htc);
	text-align: center;
}
.cnt-contact-tel img {
	margin-left: 30px;
	vertical-align: middle;
}

.contactForm {
	margin: 25px auto 0;
}
.contactForm .pan {
	display: none;
}
.contactForm dl {
	overflow:hidden;
	zoom:1;
	font-weight: 500;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background-color: #fff;
}
.contactForm .top {
	border-top: 1px solid #ccc;
}
.contactForm dl dt {
	float: left; 
	width: 35%;
	padding: 15px;
	font-size: 16px; font-size: 1.6rem;
	font-weight: 500;
} 
.contactForm dl dt span {
	position: relative;
	display: inline-block;
	font-size: 12px; font-size: 1.2rem;
	font-weight: 300;
	line-height: 1.6;
	margin-right: 10px;
	padding: 3px 6px 3px;
	background-color: #ff9900;
	color: #fff;
	vertical-align:middle;
	border-radius: 3px;
	behavior: url(/js/PIE.htc);
}
.contactForm dl dd { margin-left: 35%; padding: 15px; font-size: 14px; font-size: 1.4rem;} 
.contactForm dl dd input { margin:-1px 3px 2px 0; padding: 3px; font-size: 16px; font-size: 1.6rem; vertical-align:middle; border: 1px solid #ccc;}
.contactForm dl dd .select1 { font-size: 16px; font-size: 1.6rem; width: 50%; line-height:1.6; padding: 3px; border: 1px solid #ccc;}
.contactForm dl dd .size1 { font-size: 16px; font-size: 1.6rem; width: 10%; line-height:1.6; padding: 3px;}
.contactForm dl dd .size2 { font-size: 16px; font-size: 1.6rem; width: 20%; line-height:1.6; padding: 3px;}
.contactForm dl dd .size3 { font-size: 16px; font-size: 1.6rem; width: 30%; line-height:1.6; padding: 3px;}
.contactForm dl dd .size4 { font-size: 16px; font-size: 1.6rem; width: 40%; line-height:1.6; padding: 3px;}
.contactForm dl dd .size5 { font-size: 16px; font-size: 1.6rem; width: 50%; line-height:1.6; padding: 3px;}
.contactForm dl dd .size6 { font-size: 16px; font-size: 1.6rem; width: 60%; line-height:1.6; padding: 3px;}
.contactForm dl dd .size7 { font-size: 16px; font-size: 1.6rem; width: 70%; line-height:1.6; padding: 3px;}
.contactForm dl dd .size8 { font-size: 16px; font-size: 1.6rem; width: 80%; line-height:1.6; padding: 3px;}
.contactForm dl dd .size9 { font-size: 16px; font-size: 1.6rem; width: 90%; line-height:1.6; padding: 3px;}
.contactForm dl dd .size10 { font-size: 16px; font-size: 1.6rem; width: 100%; line-height:1.6; padding: 3px;}
.contactForm dl dd .size-set { font-size: 16px; font-size: 1.6rem; width: 30%; line-height:1.6; padding: 3px;}
.contactForm dl dd textarea { padding: 3px; font-size: 16px; font-size: 1.6rem;}
.contactForm dl dd .size-add { font-size: 16px; font-size: 1.6rem; width: 100%; height: 100px; padding: 3px; border: 1px solid #ccc;}
.contactForm dl dd .size-question { font-size: 16px; font-size: 1.6rem; width: 100%; padding: 3px; border: 1px solid #ccc;}
.contactForm dl dd .radio1 { margin-left:15px; margin-right: 5px;}
.contactForm dl dd .txt-bd { width: 20%; font-size: 16px; font-size: 1.6rem;}
.contactForm dl dd .txt-bd2 { margin-left: 15px; width: 20%; font-size: 16px; font-size: 1.6rem;}
.contactForm .btn-box {
	padding-top: 30px;
	border-top: 1px solid #ccc !important;
	text-align: center;
}
.contactForm .btn-send {
	position: relative;
	-webkit-appearance: none;
	font-size: 20px; font-size: 2.0rem;
	font-weight: 700;
	padding: 20px;
	width: 60%;
	margin: 0 5px 0;
	cursor: pointer;
	border:none;
	color:#fff;
	background: linear-gradient(#ffcc00, #ff9900);
	border-radius: 8px;
	behavior: url(/js/PIE.htc);
}
.contactForm .btn-send:hover { background: linear-gradient(#ffcc00, #ff6c00);}
.contactForm .btn-send2 {
	position: relative;
	-webkit-appearance: none;
	font-size: 20px; font-size: 2.0rem;
	font-weight: 700;
	padding: 20px;
	width: 40%;
	margin: 0 5px 0;
	cursor: pointer;
	border:none;
	color:#fff;
	background: linear-gradient(#ffcc00, #ff9900);
	border-radius: 8px;
	behavior: url(/js/PIE.htc);
}
.contactForm .btn-send2:hover { background: linear-gradient(#ffcc00, #ff6c00);}
.ie8 .contactForm .btn-send,
.ie8 .contactForm .btn-send2 {
	background: #ff9900;
}
.ie8 .contactForm .btn-send:hover,
.ie8 .contactForm .btn-send2:hover {
	background: #ff6c00;
}
.cnt-privacy {
	background-color: #fff;
}

@media screen and (min-width: 768px) and (max-width: 1023px){

}

@media screen and (max-width: 767px){
.cnt-contact-tel {
	width: auto;
}
.cnt-contact-tel img {
	margin-left: 0;
	margin-top: 15px;
}
.contactForm dl dt {
	float: none; 
	width: auto;
	padding: 10px 10px 0;
	font-size: 16px; font-size: 1.6rem;
	font-weight: 700;
} 
.contactForm dl dd {
	margin-left: 0; padding: 10px;
} 
.contactForm dl dd .size1,
.contactForm dl dd .size2,
.contactForm dl dd .size3,
.contactForm dl dd .size4,
.contactForm dl dd .size5,
.contactForm dl dd .size6,
.contactForm dl dd .size7,
.contactForm dl dd .size8,
.contactForm dl dd .size9,
.contactForm dl dd .size10 {
	width: 100%;
}
.contactForm dl dd .size-set {
	width: 60%;
}
.contactForm dl dd .sp-size3 {
	width: 30%;
}
.contactForm dl dd .radio1 { margin-left:0; margin-right: 5px;}
.contactForm dl dd .size-add {  width: 100%;}
.contactForm dl dd .size-question { width: 100%;}
.contactForm dl dd .txt-bd2 { margin-left: 10px; width: 20%;}
.contactForm .btn-box {
	padding-top: 30px;
}

}

@media screen and (max-width: 767px) and (orientation : landscape) {
}