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

/* カラー */
.color-bg-1st {
	background-color: #ff0017
}
.color-bg-2nd {
	background-color: #3e9e38
}
.color-bg-3rd {
	background-color: #657ccb
}
.color-font-1st {
	color: #ff0017
}
.color-font-2nd {
	color: #3e9e38
}
.color-font-3rd {
	color: #657ccb
}
.color-hr-1st {
	border-top-color: #ff0017
}
.color-hr-2nd {
	border-top-color: #3e9e38
}
.color-hr-3rd {
	border-top-color: #657ccb
}
/* トップボタン */
.top-body {
	background-color: rgba(255,0,23,.8);
	text-align: center;
	font-size: 36px;
	color: #FFF;
	font-weight: 700;
	letter-spacing: 20px;
	padding-top: 4px;
	padding-bottom: 4px;
	box-shadow: 0px 0px 8px rgba(0,0,0,1);
	text-shadow: 0px 0px 10px rgba(0,0,0,1);
	transition: 0.4s;
}
.top-body:hover {
	background-color: rgba(101,124,203,.8);
	text-align: center;
	font-size: 36px;
	color: #FFF;
	font-weight: 700;
	letter-spacing: 20px;
	padding-top: 4px;
	padding-bottom: 4px;
	box-shadow: 0px 0px 8px rgba(0,0,0,1);
	text-shadow: 0px 0px 10px rgba(0,0,0,1);
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
/* ヘッダー */
.header-body {
	box-shadow: 0px 0px 20px rgba(0,0,0,.5);
}
/* 特徴 */
.feature-body {
	padding-top: 40px;
	padding-bottom: 80px;
	background-image: url(../images/bg/bg-square.png);
}
.feature-header {
	text-align: center;
	font-size: 48px;
	font-weight: 700;
	color: #FFF;
	text-shadow: 1px 2px 3px rgba(0,0,0,1);
	font-style: italic;
	padding-top: 20px;
	padding-bottom: 10px;
	box-shadow: 0px 0px 20px rgba(0,0,0,.5);
	background-image: url(../images/bg/bg-line.png);
	letter-spacing: 6px;
	margin-bottom: 60px;
}
.feature-hr {
	border-top-style: solid;
	border-top-width: 6px;
}
.feature-contents-margin {
	margin-top: 40px;
	margin-bottom: 40px;
}
.feature-contents-title {
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 0px;
}
.feature-contents-hr {
	border-top-width: 2px;
	border-top-style: dashed;
}
.feature-contents-child {
	line-height: 28px;
	letter-spacing: 4px;
	font-weight: 500;
}
.feature-contents-img {
	box-shadow: 0px 0px 10px rgba(0,0,0,.2);
}
/* ローン */
.loan-body {
	text-align: center;
	color: #FFF;
	padding-top: 60px;
	padding-bottom: 60px;
	background-image: url(../images/bg/bg-loan.jpg);
	background-size: cover;
	background-attachment: fixed;
	box-shadow: 0px 0px 200px rgba(0,0,0,1) inset
}
.loan-title {
	font-size: 38px;
	font-weight: 700;
	letter-spacing: 2px;
	text-shadow: 1px 2px 3px rgba(0,0,0,1);
}
.loan-child {
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 3px;
	line-height: 30px;
	text-shadow: 1px 2px 3px rgba(0,0,0,1);
}
/* お問い合わせバナー */
.banner-body {
	color: #FFF;
	padding-top: 60px;
	padding-bottom: 50px;
	box-shadow: 0px 0px 10px rgba(0,0,0,1);
}
.banner-title {
	font-size: 36px;
	font-weight: 700;
	text-shadow: 1px 2px 3px rgba(0,0,0,1);
	line-height: 40px;
}
.banner-child-1st {
	font-size: 18px;
	font-weight: 500;
	text-shadow: 1px 2px 3px rgba(0,0,0,1);
	font-style: italic;
	letter-spacing: 2px;
}
.banner-button-1st {
	background-color: #FFF;
	padding: 4px;
	margin-bottom: 4px;
	border-radius: 4px;
	border: 1px solid rgba(0,0,0,1);
	box-shadow: 0px 0px 10px rgba(0,0,0,.2);
}
.banner-button-2nd {
	background-color: #3953aa;
	background-image: url(../images/bg/bg-line.png);
	color: #fff;
	text-align: center;
	border-radius: 4px;
	border: 1px solid rgba(0,0,0,1);
	padding-top: 30px;
	padding-bottom: 30px;
	font-weight: 700;
	letter-spacing: 4px;
	box-shadow: 0px 0px 20px rgba(0,0,0,.5) inset;
	transition: 0.4s;
}
.banner-button-2nd:hover {
	background-color: #3e9e38;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.banner-button-child-1st {
	font-size: 18px;
	margin-bottom: 8px;
}
.banner-button-child-2nd {
	font-size: 16px;
}
.banner-hr-1st {
	border-top: solid 2px rgba(255,255,255,1);
	box-shadow: 0px 1px 2px rgba(0,0,0,.8);
	margin-bottom: 6px;
}
.banner-hr-2nd {
	border-top: solid 1px rgba(255,255,255,1);
	box-shadow: 0px 1px 2px rgba(0,0,0,.8);
	margin-bottom: 6px;
}
/* ドライバーの声 */
.voice-margin {
	padding-top: 40px;
	padding-bottom: 40px;
}
.voice-title-bg {
	font-size: 48px;
	font-weight: 700;
	color: #FFF;
	text-shadow: 2px 2px 4px rgba(0,0,0,1);
	padding-top: 10px;
	padding-bottom: 10px;
	box-shadow: 0px 0px 20px rgba(0,0,0,.5);
	letter-spacing: 6px;
	margin-bottom: 60px;
	background-image: url(../images/bg/bg-square.png);
}
.voice-megahon {
	filter: drop-shadow(1px 1px 2px rgba(0,0,0,.8));
}
.voice-title {
	margin-left: -100px;
	margin-top: 10px;
	white-space: nowrap;
}
.voice-contents-body {
	padding: 20px 20px 10px;
	background-color: rgba(255,255,255,.8);
	box-shadow: 0px 0px 4px rgba(0,0,0,.4);
	color: #474747;
	border-left: double 7px #4ec4d3;/*左線*/
	border-right: double 7px #4ec4d3;/*右線*/
}
.voice-contents-margin {
	margin-bottom:20px;
}
.voice-contents-img {
	box-shadow: 0px 0px 2px rgba(0,0,0,1);
	margin-bottom: 8px;
}
.voice-contents-1st {
	font-size: 26px;
	font-weight: 700;
	letter-spacing: 2px;
	margin-bottom: 10px;
	margin-top: 0px;
	line-height: 28px;
	padding-bottom: 2px;
}
.voice-contents-1st-hr {
	border-left: 8px solid #657ccb;
	padding-left: 12px
}
.voice-contents-2nd {
	font-size:13px;
	margin-bottom: 10px;
	line-height:24px;
}
.voice-contents-2nd-child {
	font-size: 18px;
	font-weight: 500;
}
.voice-contents-3rd {
	font-weight: 500;
	letter-spacing: 4px;
	line-height: 30px;
	text-shadow: 0px 0px 10px rgba(255,255,255,1);
	margin-bottom:0px;
}
.voice-contents-hr {
	margin-top: 0px;
	margin-bottom: 6px;
}
.voice-contents-hr-bottom {
	border-top-width: 2px;
}
/* １日の流れ */
.flow-body {
	padding-top: 20px;
	padding-bottom: 80px;
	text-align: center;
}
.flow-contents {
	background-color: #FFF;
	border-radius: 4px;
	box-shadow: 0px 0px 4px rgba(0,0,0,1);
}
.flow-title-body {
	border-radius: 4px 4px 0px 0px;
}
.flow-title {
	font-size: 36px;
	font-weight: 700;
	color: #FFF;
	padding-top: 10px;
	padding-bottom: 10px;
	letter-spacing: 2px;
}
.flow-contents-1st {
	margin-top: 20px;
	margin-bottom: 0px;
}
/* 休日の１コマ */
.holiday-body {
	background-color: rgba(101,124,203,.5);
	padding-top: 60px;
	padding-bottom: 80px;
}
.holiday-title {
	font-size: 36px;
	color: #fff;
	font-weight: 700;
	text-shadow: 1px 2px 3px rgba(0,0,0,1);
	border-bottom: 2px solid rgba(0,102,255,1);
	border-left: 8px solid rgba(0,102,255,1);
	padding-left: 10px;
	padding-bottom: 4px;
	line-height: 40px;
	margin-bottom: 20px;
}
.holiday-img {
	box-shadow: 0px 0px 4px rgba(0,0,0,1);
}
/* メッセージ */
.message-body {
	background-color: #666;
	color: #FFF;
	color: #FFF;
	padding-top: 80px;
	padding-bottom: 80px;
	background-image: url(../images/bg/bg-message.jpg);
	background-size: cover;
	background-attachment: fixed;
	box-shadow: 0px 0px 200px rgba(0,0,0,1) inset;
	text-shadow: 1px 2px 3px rgba(0,0,0,1);
}
.message-title {
	font-size: 38px;
	font-weight: 700;
	letter-spacing: 1px;
	margin-bottom: 6px;
}
.message-hr {
	border-top: 1px solid #fff;
	box-shadow: 0px 1px 2px rgba(0,0,0,1);
	margin-top: 0px;
}
.message-child {
	font-weight: 500;
	letter-spacing: 4px;
}
/* 質問 */
.question-body {
	padding-top: 100px;
	padding-bottom: 80px;
	text-align: center;
}
.question-title {
	font-size: 42px;
	font-weight: 700;
	margin-bottom: 60px;
}
.question-contents {
	text-align: left;
	padding-left: 40px;
}
.question-contents-margin {
	margin-bottom: 60px;
}
.question {
	position: relative;
	background: #eff4ff;
	padding: 2px 5px 2px 20px;
	font-size: 20px;
	font-weight: 500;
 letter-spacing:2px color: #000;
	border-radius: 0 10px 10px 0;
	margin-bottom: 20px;
	box-shadow: 1px 2px 3px rgba(0,0,0,.4);
}
.question:before {
	content: "Q";
	display: inline-block;
	line-height: 40px;
	position: absolute;
	padding: 0em;
	color: white;
	background: #81a1e4;
	font-weight: 700;
	text-shadow: 0px 0px 2px rgba(0,0,0,1);
	width: 40px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	left: -1.35em;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	border-radius: 50%;
	box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.29);
	border-bottom: solid 2px #4967b4;
}
.answer {
	position: relative;
	background: #eff4ff;
	padding: 2px 5px 2px 20px;
	font-size: 20px;
	font-weight: 500;
 letter-spacing:2px color: #000;
	border-radius: 0 10px 10px 0;
	margin-bottom: 20px;
	box-shadow: 1px 2px 3px rgba(0,0,0,.4);
}
.answer:before {
	content: "A";
	display: inline-block;
	line-height: 40px;
	position: absolute;
	padding: 0em;
	color: white;
	background: #81a1e4;
	font-weight: 700;
	text-shadow: 0px 0px 2px rgba(0,0,0,1);
	width: 40px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	left: -1.35em;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	border-radius: 50%;
	box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.29);
	border-bottom: solid 2px #4967b4;
}
/* フォーム */
.form-body {
	padding-top: 40px;
	padding-bottom: 120px;
	background-color: rgba(153,153,153,.1);
}
.form-title {
	font-size: 48px;
	font-weight: 700;
	color: #FFF;
	text-shadow: 1px 2px 3px rgba(0,0,0,1);
	font-style: italic;
	padding-top: 20px;
	padding-bottom: 10px;
	box-shadow: 0px 0px 20px rgba(0,0,0,.5);
	background-image: url(../images/bg/bg-line.png);
	letter-spacing: 6px;
	margin-bottom: 60px;
}
.form-left-1st {
	font-weight: 500;
	letter-spacing: 1px;
	font-size: 16px;
}
.form-right-body {
	border-radius: 8px;
	padding-bottom: 4px;
	box-shadow: 1px 2px 3px rgba(0,0,0,.5);
}
.form-right-1st {
	font-size: 32px;
	font-weight: 700;
	letter-spacing: 8px;
	text-align: center;
	padding-top: 16px;
	color: #FFF;
	line-height: 30px;
	text-shadow: 0px 0px 4px rgba(0,0,0,.6);
}
.form-right-2nd {
	font-size: 12px;
}
.form-right-2nd-child {
	font-weight: 500;
}
.form-right-2nd-child-derk {
	background-color: rgba(255,255,255,.8);
	padding:8px 6px;
}
.form-right-2nd-child-light {
	background-color: rgba(255,255,255,.9);
	padding:8px 6px;
}
/* フッター */
.footer-body {
	text-align: center;
	color: #FFF;
	padding-top: 30px;
	padding-bottom: 94px;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 2px;
	text-shadow: 0px 0px 4px rgba(0,0,0,.8);
}
/* ノコギリ背景 */
.saw-margin {
	margin-top: -40px;
}


/*********クリアフィックス***************/
/*-- PC版表示CSS  --*/
.pc_area{
  display:block;
}
.sp_area{
  display:none;
}


/*-- スマホ版表示CSS  --*/
@media screen and (max-width: 768px){
.pc_area{
    display:none;
  }
.sp_area{
    display:block;
  }
}



.fix{
  position: fixed;
  bottom: 0;
  text-align: center;
  background: rgba(255,255,255,.8);
  transition: .3s;
}
.fix.hide {
  transform:translateY(100%);
}
.fix img{
  width: 100%;
  padding: 4px;
}
.sp_fix_mail,
.sp_fix_tel{
  position: absolute;
  display: block;
  top:0;
  width: 50%;
  height: 100%;
}
.sp_fix_tel{
  left:0;
}
.sp_fix_mail {
  right:0;
}