@charset "utf-8";

/* -------------------------------------------
 * initialize
 */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-weight: normal; font-style: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
q:before, q:after { content:''; }
abbr, acronym { border: 0; }

.clear {
  clear: both;
}

.clearfix:before, .clearfix:after{content:""; display:table;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}


* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

/* --------------------------------------------------------------------
/* Rollover (Alpha)
-------------------------------------------------------------------- */


a {
  text-decoration: none;
}

a:hover,
a.on {
	opacity: 0.8;
	filter: alpha(opacity=80);
	transition: 100ms;
}

/* --------------------------------------------------------------------
/* フォント調整
-------------------------------------------------------------------- */
.bold {	font-weight: bold;}

.red {	color: #FF0000 !important;}
.darkred { color:#900 !important;}

.xl_chara{	font-size:70px;}
.l_chara{	font-size:48px;}



/* --------------------------------------------------------------------
/* Align
-------------------------------------------------------------------- */

.alc {	text-align: center !important;}
.alr {	text-align: right !important;}
.all {	text-align: left !important;}

.alt {	vertical-align: top !important;}
.alb {	text-align: bottom !important;}

/* --------------------------------------------------------------------
/* Float
-------------------------------------------------------------------- */

.fll {	float: left;}
.flr {	float: right;}

.noFloat { float: none !important;}

/* --------------------------------------------------------------------
/* Clearfix
-------------------------------------------------------------------- */

.clearfix:after { content: ""; display: block; clear: both; }
.clearfix { display: inline-block; }
/*\*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/**/

/* フロート解除 */
.both { clear: both; }

/* --------------------------------------------------------------------
/* Margin , Padding
-------------------------------------------------------------------- */

.mb0 {	margin-bottom: 0px !important;}
.mb5 {	margin-bottom: 5px !important;}
.mb10 {	margin-bottom: 10px !important;}
.mb15 {	margin-bottom: 15px !important;}
.mb20 {	margin-bottom: 20px !important;}
.mb25 {	margin-bottom: 25px !important;}
.mb30 {	margin-bottom: 30px !important;}
.mb40 {	margin-bottom: 40px !important;}
.mb50 {	margin-bottom: 50px !important;}
.mb100 {	margin-bottom: 100px !important;}

.ml0 {	margin-left: 0px !important;}
.ml5 {	margin-left: 5px !important;}
.ml10 {	margin-left: 10px !important;}
.ml20 {	margin-left: 20px !important;}
.ml30 {	margin-left: 30px !important;}

.mr0 {	margin-right: 0px !important;}
.mr5 {	margin-right: 5px !important;}
.mr10 {	margin-right: 10px !important;}
.mr20 {	margin-right: 20px !important;}
.mr30 {	margin-right: 30px !important;}

.mt0 {	margin-top: 0px !important;}
.mt5 {	margin-top: 5px !important;}
.mt10 {	margin-top: 10px !important;}
.mt20 {	margin-top: 20px !important;}
.mt30 {	margin-top: 30px !important;}
.mt40 {	margin-top: 40px !important;}
.mt50 {	margin-top: 50px !important;}

.center{
	text-align:center !important;
}

.suptext{
	font-size: 75.5%;
	vertical-align: top;
	position: relative;
	top: -0.1em;
}

.width_95per{
	width:95% !important;
	margin:0 auto !important;
}


/* --------------------------------------------------------------------
/* common
-------------------------------------------------------------------- */


body {
	color: #000;
	font-family: '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;
	font-weight: 500;
	font-size: 16px;
	*font-size:small;
	*font:x-small;
	text-align: center;
	line-height:140%;
	letter-spacing:0.1em;
	-webkit-text-size-adjust: 100%;
}

header{
	width:980px;
	margin:0 auto;
	margin-bottom:20px;
}

footer{
	padding:20px 0 0 0;
}

footer img{
	margin-bottom:30px;
}

footer p.footer_link{
	background-color:#691B21;
	color:#FFF;
	padding:10px 0;
}
footer p.footer_link a{
	color:#FFF;
	text-decoration:none;
}
.copyright{
	background-color:#691B21;
	color:#FFF;
	font-size:11px;
	text-align:center;
	padding:3px 0;
}


h1{
	font-size:16px;
	padding:10px 0;
	color:#333;
	text-align:left;
	margin-bottom:10px;
}

h2{
	text-align:left;
	margin-bottom:30px;
}

section{
	margin-bottom:50px;
}

#content{
	width:980px;
	margin:0 auto;
}

section {
margin:0 auto;
width:860px;
margin-bottom:50px;
}

img{
	width:100%;
	margin:0 auto;
}


/* --------------------------------------------------------------------
/* 共通部
-------------------------------------------------------------------- */
.tel_head{
	float:left;
}

.logo{
	float:left;
}
.logo img{
	max-width:550px;
	width:100%;
	margin:0 auto;
}

.logo_2nd{
	float:none;
}
.logo_2nd img{
	max-width:550px;
	width:100%;
	margin:0 auto;
}

.to_form_head{
	float:right;
	margin-top:10px;
	max-width:400px;
}

.to_form > .tel > img{
	margin-bottom:20px;
}

.main{
	margin-bottom:20px;
}

.main img{
	max-width:980px;
	width:100%;
	margin:0 auto;
}


.text_xxl{
	font-size:42px;
	font-weight:bold;
	line-height:150%;
	text-align:left;
	margin-bottom:10px;
	color:#333;
}
.text_xl{
	font-size:36px;
	font-weight:bold;
	line-height:160%;
	text-align:left;
	margin-bottom:10px;
	color:#333;
}
.text_l{
	font-size:22px;
	line-height:150%;
	text-align:left;
	margin-bottom:10px;
}
.text_m{
	width:100%;
	margin:0 auto;
	font-size:18px;
	line-height:150%;
	text-align:left;
	margin-bottom:10px;
}
.text_s{
	font-size:14px;
	line-height:150%;
	text-align:left;
	padding:5px 0;
}



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


.banner{/* ポップアップチラシ */
	width:100%;
	margin:0 auto;
	margin-bottom:10px;
	cursor:pointer;
}
.banner:hover,
.banner.on {
	opacity: 0.8;
	filter: alpha(opacity=80);
	transition: 100ms;
}


.to_form{
	padding:30px !important;
	margin-bottom:30px;
}

.to_form>img{
	margin-bottom:20px;
}


.notice{
	border:2px solid #C00;
	padding:20px;
	text-align:center;
	line-height:150%;
	letter-spacing:0.1em;
	font-size:18px;
	font-family: "游明朝", YuMincho;
	margin-bottom:30px;
}

.blue_arrow{
	width:auto;
	margin:0 auto;
	max-width:210px;
}

.blue_underline{
  border-bottom: solid 5px #87CEFA;
}

.yellow_underline{
	background: linear-gradient(transparent 70%, yellow 70%);
}

.uneasy{
	width:85%;
	margin:0 auto;
	margin-bottom:50px;
}
.uneasy h2{
	background-color:#0068B7;
	padding:20px;
	margin-bottom:20px;
	color:#FFF;
	font-size:22px;
	line-height:150%;
	border-radius:10px;
}
.uneasy h2 span{
	display:block;
	margin-bottom:10px;
	font-size:20px;
	font-weight:bold;
}


.about_flow{
	position: relative;
	background-image:url(http://iezaru.info/hp02/img/back.png);
	background-repeat:no-repeat;
	background-size:contain;
	text-align:center;
	padding:20px 0;
}
.about_flow img{
	width:auto;
	margin-bottom:30px;
}

.dotted{
	border:5px dotted #003366;
	padding:60px;
	border-radius:20px;
}
.dotted img{
	width:100%;
	margin:0 auto;
	max-width:743px;
	padding:30px 0;
}
.dotted h2{
	line-height:160%;
}

.dotted p.insurance{
	width:90%;
	margin:0 auto;
	border:1px solid #999;
	padding:20px;
	margin-bottom:20px;
}

.dotted p.dotted_attention{
	width:90%;
	margin:0 auto;
}

.caution ol li{
	text-align:left;
	list-style-type:decimal;
	margin-left:30px;
}

.policy{
	border:1px solid #CCC;
	padding:20px;
	height:200px;
	overflow:scroll;
}
.policy_ttl{
	display:inline-block;
	font-size:24px;
	text-align:center;
	border-bottom:#666 1px solid;
	font-weight:bold;
}

.policy ul li{
	text-align:left;
	list-style-type:none;
	margin-left:10px;
	margin-bottom:10px;
}
.policy_sttl{
	margin-bottom:5px;
	font-weight:bold;
}

.case{
	background: -webkit-repeating-linear-gradient(-45deg, #CDEAF7, #CDEAF7 3px, #fff 3px, #fff 5px);
	background: repeating-linear-gradient(-45deg, #CDEAF7, #CDEAF7 3px, #fff 3px, #fff 6px);
	padding:50px 0;
}

.case li{
	margin-bottom:40px;
}
.case li:last-child{
	margin-bottom:0;
}
.case img{
	max-width:767px;
}


.voice li{
	float:left;
	width:430px;
	height:470px;
	background-image:url(http://iezaru.info/hp02/img/voice_back.png);
	background-size:cover;
	padding:63px 50px 40px 40px;
	margin-bottom:20px;
}
/*
.voice li:nth-child(even){
	margin-left:0;
}
*/
.voice_ttl{
	font-size:20px;
	line-height:130%;
	margin-bottom:10px;
	text-align:left;
	color:#900;
	min-height:45px;
	max-height:45px;
	letter-spacing:normal;
}

.voice_txt{
	font-size:14px;
	line-height:180%;
	text-align:left;
	letter-spacing:normal;
}
.voice_name{
	font-size:14px;
	float:right;
}
.voice li img{
	clear:both;
	float:left;
	max-width:165px;
}


/* --------------------------------------------------------------------
/* フォーム
-------------------------------------------------------------------- */

.section_form {
	margin:0 auto;
	width:860px;
	margin-bottom:30px;
	text-align:left;
}

.form_box{
	width:100%;
	margin-bottom:20px;
	border-collapse:collapse;
	border:1px solid #666;
}
.form_box td{
	border:1px solid #ccc;
	padding:10px;
}
.form_box td span{
	font-size:14px;
}

input[type="text"]{
	width:100%;
	padding:10px;
	font-size:16px;
}
.form_radio{
	padding:5px;
}

textarea{
	padding:10px;
	width:100%;
	height:10em;
	font-size:16px;
}


.form_ttl{
	color:#F00;
	font-size:30px;
	font-weight:bold;
	line-height:140%;
	text-align:center;
	margin-bottom:10px;
	padding: 20px;
	background: -webkit-linear-gradient(top, #00479D 50%, #0068B7 50%);
	background: linear-gradient(to bottom, #0068B7 50%, #00479D 50%);
	color: #fff;
}
.form_ttl_txt{
	font-size:18px;
	font-weight:bold;
	line-height:140%;
	text-align:left;
	margin-bottom:20px;
}
.form_ttl_txt_attention{
	font-size:16px;
	color:#F00;
	font-weight:bold;
	line-height:140%;
	text-align:left;
	margin-bottom:20px;
}
.form_item{
	font-size:18px;
	line-height:100%;
	padding:5px;
	text-align:left;
	background-color:#FFC;
}

.form_btn{
	width:15%;
	margin:0 auto;
	display:block;
	border:#999 solid 2px;
	border-radius:10px;
	background-color:#FFF;
	padding:15px 10px 10px 10px;
	font-size:18px;
	font-weight:bold;
	cursor:pointer;
}
.form_btn:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	transition: 200ms;
}

input.btn_submit{
	width:30%;
	margin:0 auto;
	display:block;
	border:#999 solid 2px;
	border-radius:100px;
	/*background-color:#e50582;*/
	background: -webkit-linear-gradient(top, #c70571 50%, #e50582 0%);
	background: linear-gradient(to bottom, #e50582 50%, #c70571 0%);
	color:#FFF;
	padding:20px 0;
	font-size:24px;
	font-weight:bold;
	cursor:pointer;
	margin-bottom:20px;
}
/*
input.btn_submit {
  display: inline-block;
  cursor: pointer;
  width:100%;
  margin:0 auto;
  max-width: 446px;
  height: 106px;
  border: none;
  text-indent: -9999px;
  background: url(http://iezaru.info/hp02/img/send.png) no-repeat 0 0;
  background-size:contain;
}
*/
input.btn_submit:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	transition: 200ms;
}


/* スマホ下部固定エリア
*****************************************************/


/* ページのトップへ戻るボタン
*****************************************************/

#page_top{
	width:60px;
	height:60px;
	display:none;
	position:fixed;
	right:30px;
	bottom:100px;
	border-radius:50px;
	z-index:999;
}

#page_top p{
	display:block;
	width:60px;
	height:60px;
	margin:0;
	padding:0;
	text-align:center;
	vertical-align:middle;
	background:#691B21;
	border-radius:50px;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
	position:fixed;
	right:30px;
	bottom:100px;
	cursor:pointer;
}

#page_top p:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
	transition: 200ms;
}
#move_page_top{
	color:#fff;
	text-decoration:none;
	display:block;
	cursor:pointer;
	line-height:60px;
	font-weight:bold;
	font-size:50px;
}

/* 「メールフォームへ」固定ボタン
*****************************************************/
.fix_footer{
	width:100%;
	margin:0 auto;
	height:auto;
	position:fixed;
	left:0;
	bottom:0;
	display:none;
}

#footer_fix_tel{
	width:100%;
	height:auto;
	position:fixed;
	left:0;
	bottom:0;
	border-radius:20px;
	display:none;
}

#footer_fix_tel p a{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	text-align:center;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
	position:fixed;
	left:0;
	bottom:0;
	cursor:pointer;
	display:none;
}

#footer_fix_tel p a:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
	transition: 200ms;
	display:none;
}
