@charset "utf-8";
/*============================================================
layout 2015/1/25
	1.Reset
	2.Base
	3.Layout
	4.Module
	5.Print
============================================================*/
/*========== 1.Reset ==========*/
html, body,
ul, ol, dl, dd, blockquote {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-size: 100%;
	font-size: 1.6rem;
}
img {
	border: none;
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
p {
	margin: 0;
}
em, b, i, cite {
	font-style: normal;
}
ul li,
ol li{
	list-style-type: none;
}
/*========== 2.Base ==========*/
/*----- baseFont -----*/
html {
	font-size: 62.5%;
	max-height: 100%;
}
body {
	font-family: "メイリオ", Meiryo, sans-serif;
	line-height: 1.5;
	color: #333;
	background: #d4edf9;
}
/*========== 3.Layout ==========*/
#wrapper {
	width: 830px;
	margin: 0 auto;
	padding: 0;
	background: #FFF;
	font-size: 160%;/*for IE*/
	font-size: 1.6rem;
}
/*----- mainImg -----*/
#mainImg {
	background: #0095d9;
	text-align: center;
}
#mainImg img {
	display: block;
	margin: 0 auto;
}
/*----- footer -----*/
#footer {
	text-align: center;
	color: #FFF;
	background: #0095d9;
	padding: 1rem;
	line-height: 1.2;
}
#footer li{
	display:inline-block;
	margin:0 2rem;
	}
#footer li a {
	display:block;
	padding:0.5rem;
	color:#FFF;
	text-decoration:none;
}
/*----- heading -----*/
h1 {
	margin: 0;
}
h2 {
	margin-bottom: 1.5em;
}
h3 {
	text-align: center;
	color: #FFF;
	background: #0095d9;
	padding: 1.5rem 1rem;
	font-size: 150%;
	font-size: 2.4rem;
	line-height: 1.2;
	margin-bottom: 25px;
}
h4 {
	text-align: center;
	background: #CCC;
	margin-bottom: 1em;
	padding: 0.5rem;
}
h5 {
	margin-bottom:1em;
}
/*========== 4.Module ==========*/
/*----- Listing -----*/
ul.ulList01 {
	margin: 0 0 31px;
}
ul.ulList01 > li {
	list-style: disc;
	margin-left: 31px;
}
ul.ulNotice > li {
	padding-left: 4.5em;
}
.ulNotice {
	font-size: 87.5%;
	font-size: 1.4rem;
	margin-bottom: 34px;
	color: #424242;
}
.ulNotice > li {
	position: relative;
	margin-top: 10px;
	line-height: 1.43;
}
.ulNotice > li > .mark {
	position: absolute;
	left: 0;
	top: 0;
}
.ulNotice > li > *:last-child {
	margin-bottom: 0;
}

ol.olNum01 > li {
	position: relative;
	padding-left: 1em;
}
ol.olNum01 > li > .mark {
	position: absolute;
	left: 0;
	top: 0;
}
ol.olNum01 > li > *:last-child {
	margin-bottom: 0;
}


.taC {
	text-align: center;
}
.taR {
	text-align: right;
}
p.taC + p {
	margin-top: 0;
}
.link01:before {
    background-image: url(../images/ico_arrow01.png);
    width: 6px;
    height: 9px;
    content: '';
		display:inline-block;
		margin-right:5px;
}
.box01{
	border:solid 1px #CCC;
	padding:1rem;
	margin:1rem;
	}
/*----- ポイント -----*/
#point {
	text-align: center;
	padding: 30px 8px;
}
#point img {
	margin: 2px;
}

/*----- お手続き -----*/
.formLink {
	text-align: center;
	background-image: url(../images/img_form_bg01.png), url(../images/img_form_bg02.png);
	background-repeat: repeat-x, repeat;
	background-position : 0 0, 10px 10px;
	padding-bottom: 20px;
	margin-bottom: 2em;
}
.formLink img {
	display: block;
	margin: 0 auto;
}
.formLink .bnr {
	margin-bottom: 1em;
}

/*----- 特長 -----*/
#feature {
	padding: 0 20px 15px;
}
.ulFeature {
	margin-bottom: 28px;
}
.ulFeature > li {
	position: relative;
	margin-bottom: 20px;
	border-bottom: 1px dotted #dadada;
	padding: 0 0 28px 78px;
	min-height: 46px;
}
.ulFeature > li:last-child {
	margin-bottom: 0;
	border-bottom: none;
	padding-bottom: 0;
}
.ulFeature > li > .num {
	font-size: 125%;
	font-size: 2rem;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 30px;
	padding: 15px 17px 10px;
	background: #14b87e;
	color: #fff;
	line-height: 1;
	text-align: center;
	font-weight: bold;
}
.ulFeature > li > .num > span {
	font-size: 70%;
	font-size: 1.4rem;
	display: block;
	margin-bottom: 3px;
	font-weight: normal;
}
.ulFeature > li > .content > .title {
	font-size: 125%;
	font-size: 2rem;
	display: block;
	margin-bottom: 13px;
	color: #0c423c;
}
.ulFeature > li > .content > p, .ulFeature > li > .content > ul {
	margin-bottom: 12px;
}
.ulFeature > li > .content > *:last-child {
	margin-bottom: 0;
}
div.separate {
	display: table;
	width: 100%;
	direction: rtl;
}
div.separate > .txt, div.separate > .img {
	display: table-cell;
	vertical-align: top;
	direction: ltr;
}
div.separate > .img {
	padding-bottom: 12px;
	text-align: center;
}
div.separate img {
	max-width: none;
	padding-left: 22px;
}
div.separate .ulList01 > li {
	float: left;
	margin-right:8px;
}
div.separate .ulList01 > li:last-child  {
	margin-bottom:1.5em;
}
div.separate .ulList01 +p {
	clear: both;
}

/*----- 保険料 -----*/
#fee {
	padding: 0 10px;
	overflow: hidden;
}
#fee01 {
	width: 420px;
	float: left;
}
#fee02 {
	width: 360px;
	float: right;
	background: #CCC;
	padding: 10px;
	margin-top:100px;
	border-radius: 10px;
	position:relative;
}
#fee02:before {
	display:inline-block;
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent #CCC transparent transparent;
	position:absolute;
	top:150px; left:-10px;
}
#fee .ulNotice {
	font-size: 87.5%;
	font-size: 1.2rem;
}
#fee .ulNotice > li {
	margin-top: 5px;
}
/*----- ご注意 -----*/
#attention{
	padding-right:10px;
	}
#attention .ulNotice{
	margin-bottom:10px;
	}
/*----- お問い合わせ -----*/
#inquiry{
	padding:20px 10px 0;
	border-top: solid 3px #0095d9;
	}
#inquiry div{
	display:inline-block;
	width:400px;
	vertical-align:top;
	margin-bottom:1em;
}
#logo{
	width:250px;
	height:auto;
	margin:4px 0 10px;
		}
#inquiry h5{
	margin-bottom:0.5rem;
	font-size: 180%;/*for IE*/
	font-size: 1.8rem;
	}
#inquiry dl{ margin-left:2rem;}
#inquiry dt{ margin-bottom:1rem;}

#authorization{
	font-size: 87.5%;
	font-size: 1.4rem;
	text-align:right;
	margin:10px;
	}
/*----- ポリシー /勧誘方針-----*/
.blankWin{
	padding:20px 20px 40px;
	}
.blankWin h1{
	font-size: 150%;
	font-size: 2.4rem;
	margin-bottom:1rem;
	}
.blankWin li{
	margin-bottom:10px;
	}
.blankWin ol{ margin-top:1rem;}
.blankWin ol ol.olNum01{ margin-top:0;}
.blankWin ol ol.olNum01 >li{
	margin:0;
	}

.blankWin ul.ulNotice {
	font-size:inherit;
	font-size:inherit;
	color:inherit;
}
.blankWin ul.ulNotice > li {
	padding:0 0 0 1em;
	margin: 0;
}
.blankWin ul.ulList01{
	margin-top:10px;
	}
.btn{	text-align:center;
}
.btn a{
	color:#FFF;
	background: #0095d9;
	border-radius: 5px;
	padding:10px;
	display:inline-block;
	text-align:center;
	text-decoration:none;
	}

.mb01{
	margin-bottom:1rem;
	}
.mb02{
	margin-bottom:2rem;
	}

#yodobashi{
	padding:40px 20px;
	}
#yodobashi h1{
	text-align:center;
		font-size: 150%;/*for IE*/
	font-size: 2.4rem;
	margin-bottom:1em;

	}
#yodobashi .point{
	font-weight:bold;
	color:#090;
	padding:0 20px;
	display:inline-block;
	}

 @media screen and (max-width: 736px) {
#wrapper {
	width: 100%;
	padding: 0;
}
#footer li a {
	padding:1rem 0;
	color:#FFF;
	text-decoration:none;
}

.formLink {
	padding: 0 10px 20px;
}
#point {
	padding: 15px 10px;
}

#fee01, #fee02 {
	width: auto;
	float: none;
}
#fee02{ margin:0 0 3rem;}
#fee02:before {
	display:none;
	}
div.separate > .txt, div.separate > .img {
	display: block;
}
/*----- 特長 -----*/
#feature {
	padding: 14px 10px;
}
#feature > .ulFeature {
	padding: 12px 12px 10px;
}
#inquiry div{
	width:auto;
}
#authorization{ text-align:center;}
#authorization span{
	display:inline-block;
	}
	
}
