@charset "utf-8";
/* CSS Document */

h1 {
	width: calc(100%-15px);
	height: 100%;
	display: block;
	font-size: 26px;
	font-weight: bold;
	line-height: 150%;
	margin: 0 0 5px 0;
	padding: 3px 0px 0 15px;
	color: #FFF;
	background:linear-gradient(to bottom right, #1A6AFF, #11ACFF);
}


h3 {
	width: 100%;
	height: 100%;
	clear: both;
	display: block;
	padding: 50px 0px 30px 0px;
	font-size: 36px;
	line-height: 24px;
	font-weight: bold;
	color: #2E74F5;
	text-shadow: #fff 2px 2px 2px;
	font-style: italic;
	text-align: center;
}

#page-title {
	width: 100%;
	height: 100%;
	display: block;
}


ul.page-menu {
	width: calc(100%-20px);
	height: 100%;
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 20px 0;
	padding: 0 10px;
	border-bottom: 1px solid  #3394FF;
}

ul.page-menu > li {
	display: block;
	list-style: none;
	font-size: 15px;
	line-height: 26px;
}

ul.page-menu li > a {
	padding: 0px 19px;
	color: #39F;
}

ul.page-menu li > a:hover {
	color: #004DEC;
}




#page-info {
	width: 100%;
	height: 100%;
	clear: both;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}


.lead {
	width: 100%;
	height: 100%;
	clear: both;
	display: block;
	overflow: hidden;
	padding: 8px 15px;
	font-size: 21px;
	color: #333;
	line-height: 150%;
	text-align: center;
}

.lead a {
	border-bottom: 1px dashed;
}

#page-info > ul.main-menu {
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 20px 0 20px 0;
	color: #fff;
}

#page-info ul.main-menu > li {
	width: 190px;
	height: 130px;
	display: block;
	text-align: center;
	list-style: none;
	font-size: 14px;
	line-height: 26px;
}

#page-info ul.main-menu li > a {
	width: 190px;
	height: 130px;
	display: block;
	text-align: center;
	list-style: none;
	font-size: 14px;
	line-height: 26px;
	background-image: linear-gradient(-225deg, #5397FD 20%, #6FC1FF 70%);
	border-radius: 7px;
}

#page-info ul.main-menu li > a:hover {
	background-image: linear-gradient(-225deg, #2DCBFF 20%, #59EBFF 70%);
}

#page-info ul.main-menu li > a .text {
	float: left;
	margin: 10px 0px 0px 10px;
	color: #fff;
	font-size: 26px;
	line-height: 120%;
	text-align: left;
}

#page-info ul.main-menu li > a .illust {
	float: right;
	margin: 5px 15px 0px 0px;
}

#page-info ul.main-menu li > a .note {
	clear: both;
	margin: 0px 10px 0px 10px;
	text-align: justify;
	text-justify: inter-ideograph;
	font-size: 13px;
	line-height: 130%;
	color: #fff;
}

.proper-sales {
	width: 100%;
	height: 100%;
	display: block;
	overflow: hodden;
	margin: 20px 0 30px 0;
	font-size: 21px;
	line-height: 25px;
	text-align: center;
	color:  #0079DD;
}

.proper-sales a {
	color:  #0080DD;
	text-decoration: none;
	padding: 0 10px;
	border-bottom: 3px double #0080DD;
}

.proper-sales a:hover {
	color: #F60;
	border-color: #F60;
}



/*　サービス共通 */

h2 {
	display: block;
	padding: 0px 0px 0px 0px;
	margin: 40px 0px 30px 0px;
	font-size: 36px;
	line-height: 40px;
	font-weight: normal;
	text-align: center;
	color: #2492FF;
}

.column {
	width: 100%;
	height: 100%;
	clear: both;
	display: block;
	overflow: hidden;
	font-size: 15px;
	line-height: 180%;
}

.description {
	font-size: 16px;
	line-height: 160%;
	text-align: justify;
	text-justify: inter-ideograph;
}

.strong-point {
	display: block;
	font-size: 26px;
	line-height: 140%;
	font-weight: bold;
	margin-bottom: 35px;
	text-align: center;
}

.strong-point > span {
	border-bottom: 4px dotted #82BAE8;
	padding: 3px 10px 0px 10px;
}



/*    オートローン　　*/


.logo_autoloan {
	width: 100%;
	height: 100%;
	clear: both;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	margin: 30px 0px 0px 0px ;
}

.logo_autoloan >li {
	list-style: none;
	display: inline-block;
}

.logo_autoloan > p.memo {
	width: 100%;
	display: inline-block;
	font-size: 13px;
	margin-top: 30px;
	color: #888;
	text-align: center;
}



/*    自動車保険　　*/

.hoken_box {
	width: 100%;
	height: 100%;
	clear: both;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.hoken_box > .inner-box {
	width: 700px;
	height: 100%;
}

.hoken_box .inner-box > .type {
	font-size: 18px;
	font-weight: bold;
	padding-left: 8px;
	border-left: 6px solid #3691DA;
	margin: 5px 0 8px 0;
}

.type a > .memo {
	font-size: 14px;
}

.hoken_box .inner-box > .note {
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 150%;
}

.images_hoken {
	width: auto;
	float:right;
	display: inline-block;
	margin-left: 20px;
}



/*    安心保障　　*/


.anshin-hosho_box {
	width: 100%;
	height: 100%;
	clear: both;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.anshin-hosho_box > .inner-box {
	width: 368px;
	height: 100%;
	margin-top: 10px;
}

.anshin-hosho_box .inner-box > .type{
	font-size: 18px;
	font-weight: bold;
	padding-left: 8px;
	border-left: 6px solid #3691DA;
	margin: 16px 0 8px 3px;
}

.anshin-hosho_box .inner-box > .course{
	font-size: 16px;
	font-weight: bold;
	padding-left: 20px;
	margin: 16px 0 5px 0;
	background: url(../images/bul_tri_blue.png) no-repeat;
}

.anshin-hosho_box .inner-box > .note {
	font-size: 16px;
	line-height: 150%;
}

.images_anshin-hosho {
	width: 180px;
	display: block;
	text-align: center;
	font-size: 14px;
	line-height: 200%;
}

.images_anshin-hosho a {
	width: 100%;
	display: inline-block;
	margin-top: 5px;
	padding: 4px 0px;
	background: #3ECFFF;
	color: #fff;
	border-radius: 7px;
}

.images_anshin-hosho a:hover {
	background: #019CE7;
}


/* よくある質問　*/

.case {
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: block;
	clear: both;
	border-bottom: 1px dotted #6699FF;
	padding: 10px 0px;
}

.question {
	width: 400px;
	min-height: 40px;
	display: inline-block;
	float:left;
	font-size: 17px;
	font-weight: bold;
	margin: 5px 0px 10px 0px;
	padding: 0px 0px 0px 50px;
	color: #2171B1;
	background: url(../../images/question.png) no-repeat;
}

.question2 {
	width: 400px;
	min-height: 40px;
	display: inline-block;
	float:left;
	font-size: 17px;
	font-weight: bold;
	margin: 5px 0px 10px 0px;
	padding: 10px 0px 0px 50px;
	color: #2171B1;
	background: url(../../images/question.png) no-repeat;
}

.answer {
	width: 530px;
	display: inline-block;
	float:right;
	font-size: 15px;
	line-height: 130%;
}

.answer > p {
	margin: 5px;
}