@charset "utf-8";
/* ===================================================================
 style info : コンテンツエリア関係 他

fonts
 10px = 77%     11px = 85%     12px = 93%     13px = 100%
 14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
 18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
 22px = 167%    23px = 174%    24px = 182%    25px = 189%
 26px = 197%
=================================================================== */

/*----------------------------------------------------
	共通
----------------------------------------------------*/
/* スクロールバーの有無によるズレ対策 */
html {
	overflow-y: scroll;
}

body {
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-weight: normal;
	color: #333;
	line-height: 1;
	padding: 0 !important;
	margin: 0 !important;
}

input, textarea {
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

/* for IE6 */
* html body {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
* html input, * html textarea {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

/* リンク
----------------------------------------------------*/
a {
	text-decoration: none;
}

a:link {
}

a:visited {
}

a:hover img {
	filter: alpha(opacity=75); /*IE*/
	-moz-opacity: 0.75; /*FF*/
	opacity: 0.75;
}

a:active {
}

/* 
----------------------------------------------------*/

body{
	line-height: 1;
	color: #333333;
}

.text-hide{
	text-indent:-200%;
	white-space:nowrap;
	overflow:hidden;
}

a.text-hide{
	display: block;
}

.inner{
	width: 906px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

.left-c{
	float: left;
}

.right-c{
	float: right;
}

.pc_parts{
	display: block;
}

.sp_parts{
	display: none;
}
/* 
----------------------------------------------------*/
header h1{
	text-align: center;
	font-size: 30px;
	font-weight: 600;
	color: #2e3192;
	padding: 10px 0;
	background-color: #ffffff
}

.wrapper{
	background-color: #ffffe2;
	width: 990px;
	margin: 0 auto
}

/* 
----------------------------------------------------*/

#eye-c{
	text-align: center;
	line-height: 0
}

/* 
----------------------------------------------------*/

#one{
	background : url("../images/bg_section_01.png") no-repeat #ffff00 center bottom;
	width: 990px;
	padding-top: 38px;
	text-align: center;
}

#one.inner{
	height: 384px
}

#one.inner .left-c h2{
	position: absolute;
	font-size: 24px;
	font-weight: 600;
	bottom: 30px;
	left: 70px
}

#one.inner .right-c{
	width: 328px;
	margin-top: 83px;
	margin-right: 70px
}

#one.inner .right-c h2{
	margin-bottom: 8px;
}

#one.inner .right-c p{
	font-size: 14px;
	font-weight: 600;
	line-height: 22px;
	text-indent: -14px;
	padding-left: 14px;
	letter-spacing: -1px
}

#one.inner .right-c p+p{
	margin-top: 8px;
	margin-bottom: 6px
}

#one.inner img{
	padding-top:90px;
	width: 785px;
}

/* 
----------------------------------------------------*/

#two.inner{
	width: 990px;
	padding-top: 20px;
	background-color: #ffff00;
	line-height: 0
}

#two.inner .indent{
	margin-top: 20px
}

#two.inner .indent li{
	font-size: 12px;
	text-indent: -24px;
	padding-left: 24px;
	line-height: 20px
}

/* 
----------------------------------------------------*/
.cv{
	text-align: center;
	background-color: #ffffe2;
	width: 990px;
	margin: 0 auto;
	padding: 40px 0 20px
}

.cv img{
	width: 785px;
}
/* 
----------------------------------------------------*/

#three{
	width: 990px;
	margin: 0 auto;
	background : url("../images/ptn_line.png") repeat;
	padding: 50px 0 0px;
}

#three .inner{
	width: 900px;
	margin: 0 auto;
	height: auto;
	padding-top: 30px;
	background-color: #ffffff;
	border-radius: 20px
}

#three .inner h2{
	text-align: center;
}

#three .inner ul{
	overflow: hidden;
	margin: 34px 0 20px 
}

#three .inner li{
	width: 228px;
	height: auto;
	min-height: 596px;
	text-align: center;
	float: left;
	padding: 0 34px;
}

#three .inner li+li{
	border-left: 4px dashed #000000
}

#three .inner li p{
	text-align: left;
	font-size: 18px;
	line-height: 30px;
	margin-top: 8px
}

#three .arrow{
	background : url("../images/bg_arrow.png") no-repeat center bottom;
	width: 990px;
	height: 260px;
	box-sizing: border-box;
	padding-top: 36px
}

#three .arrow h2{
	text-align: center;
	font-size: 35px;
	font-weight: 600;
}

#three .arrow h2 span{
	display: block;
	font-size: 27px;
	margin-top: 10px
}

#three .arrow h3{
	text-align: center;
	margin-top: 22px
}

/* 
----------------------------------------------------*/

#four{
	width: 990px;
	margin: -60px auto 0;
	padding: 0 0 50px;
}

#four .half{
	margin-bottom: 10px;
	overflow: hidden;
}

#four .half li{
	float: left;
	width: 432px;
}

#four .half li+li{
	margin-left: 42px
}

#four .half li h2{
	background : url("../images/bg_caption.png") no-repeat center bottom;
	font-size: 28px;
	line-height: 40px;
	color: #ffff00;
	font-weight: 600;
	padding-left: 30px;
	padding-top: 36px;
    padding-bottom: 16px;
    text-align: center;
    box-sizing: border-box;
}

#four .full{
	clear: both;
}

#four .full li h2{
	background : url("../images/bg_caption_full.png") no-repeat center top;
	font-size: 28px;
	line-height: 36px;
	color: #ffff00;
	font-weight: 600;
	padding-left: 30px;
	padding-top: 60px;
    text-align: center;
    height: 76px
}

#four .full li.list_two h2{
	padding-top: 36px
}

#four .half li div,
#four .full li div{
	text-align: center;
	border: 5px solid #0178c4;
	background-color: #ffffff;
	padding-top: 30px;
	padding: 30px 20px 20px;
	border-radius: 0 0 20px 20px;
}

#four .half li.list_two div{
	padding-top: 40px
}

#four .half li div p{
	text-align: left;
	font-size: 18px;
	line-height: 30px;
}

#four .half li.list_one div p{
	margin-top: 30px
}

#four .half li.list_two div p{
	margin-top: 40px
}

#four .full li.list_two p.note{
	font-size: 10px;
	text-align: left;
	margin-top: 16px
}

#four .full div ul{
	overflow: hidden;
}

#four .full div ul li{
	float: left;
	width: 50%;
	box-sizing: border-box;
	padding: 0 10px;
	border-right: 2px solid #0178c4
}

#four .full li.list_two{
	margin-top: 10px
}

#four .full div ul li h3{
	font-size: 24px;
	font-weight: 600;
	color: #0178c4;
	margin-bottom: 22px
}

#four .full div ul li.list_inner_two h3{
	color: #000000
}

#four .full div ul li p{
	text-align: left;
	font-size: 18px;
	color: #f15a24;
	font-weight: 600;
	margin-top: 8px
}

#four .full div ul li+li{
	border-right: 0
}

/* 
----------------------------------------------------*/
#five{
	width: 990px;
	position: relative;
	background : url("../images/bg_mycar.png") no-repeat #FFFF00 center 210px;
	padding-top: 40px;
	height: auto;
	position: relative;
}

#five h2{
	font-size: 34px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 20px;
	letter-spacing: -1px
}

#five h3{
	text-align: center;
}

#five>ul{
	overflow: hidden;
	margin-top: 856px;
	margin-left: 96px
}

#five>ul li{
	float: left;
	width: 324px
}

#five>ul li+li{
	margin-left: 102px;
	width: 374px
}

#five>ul li h4{
	text-align: center;
	font-size: 32px;
	font-weight: 600;
	color: #FFFF00;
	line-height: 40px
}

#five>ul li p{
	margin-top: 20px;
	font-size: 22px;
	color: #ffffff;
	line-height: 26px
}

#five h6{
	text-align: center;
	margin-top: 62px
}

#five-inner{
	width: 990px;
	margin: 30px auto 0;
	position: relative;
}

#five-inner .badge{
	position: absolute;
	left: 20px;
	top: -60px;
	z-index: 999
}

#five-inner .inner{
	width: 905px;
	height: 668px;
	background : url("../images/bg_process.png") no-repeat;
	box-sizing: border-box;
	text-align: center;
}

#five-inner .inner .box_one{
	margin-top: 134px
}

#five-inner .inner .box ul{
	overflow: hidden;
	margin-top: 10px
}

#five-inner .inner .box li{
	float: left;
	font-size: 21px;
	letter-spacing: -1px;
	font-weight: 600;
	line-height: 28px
}

#five-inner .inner .box li{
	width: 270px
}

#five-inner .inner .box_one li:first-child{
	margin-left: 170px
}

#five-inner .inner .box_two{
	margin-top: 30px
}

#five-inner .inner .box_two li{
	font-weight: 500
}

#five-inner .inner .box_two li:first-child{
	margin-left: 70px
}

/* 
----------------------------------------------------*/

#usersvoice{
	margin: 0 auto;
	padding-top:30px;
	width: 905px;
	height: 668px;
	box-sizing: border-box;
	text-align: center;

}


#bannerlink{
	margin: 0 auto;
	padding-top:80px;
	width: 912px;
	box-sizing: border-box;
	text-align: center;

}

/* 
----------------------------------------------------*/
.cv_two{
	background-color: transparent;
	padding-bottom: 80px
}


#six{
	background-color: #fcfced;
	margin: 54px auto 0;
	padding-top: 50px;
	padding-bottom: 50px;
	width: 990px;
	text-align: center;
}

#six h2{
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 26px
}

#six h2+p{
	width: 780px;
	margin: 0 auto 44px;
	font-size: 18px;
	line-height: 36px;
	text-align: left;
}

#six dl{
	overflow: hidden;
	width: 370px;
	margin: 38px auto 80px
}

#six dl dt,
#six dl dd{
	float: left;
}

#six dl dt{
	width: 52px;
	height: 20px;
	margin-right: 10px
}

#six dl dt:nth-child(1){
	background-color: #29abe2
}

#six dl dt:nth-child(3){
	background-color: #e95383
}

#six dl dt:nth-child(5){
	background-color: #f7931e
}

#six dl dt:nth-child(7){
	background-color: #534741
}

#six dl dt:nth-child(9){
	background-color: #999999
}

#six dl dt:nth-child(11){
	background-color: #736357
}

#six dl dt:nth-child(13){
	background-color: #c7b299
}

#six dl dt:nth-child(15){
	background-color: #998675
}

#six dl dt:nth-child(17){
	background-color: #666666
}

#six dl dd{
	font-size: 20px;
	width: 308px;
	text-align: left;
}

#six dl dd+dt,
#six dl dd+dt+dd{
	margin-top: 16px
}

#six .note{
	clear: both;
	text-align: left;
	padding-left: 30px
}



/* 
----------------------------------------------------*/

footer .inner{
	position: relative;
	width: 990px;
	margin: 0 auto;
	background-color: #333333;
	height: 70px;
	line-height: 70px;
	text-align: center;
}

footer p{
	font-size: 12px;
	color: #ffffff
}