/* ========================================
   基本設定
   ======================================== */
html {
	color: #15435d;
	font-size: 62.5%;
	line-height: 1.8;
}

body {
	font-size: 1.4em;
	font-family: Helvetica Neue, Helvetica, Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-family: 'Noto Serif JP', serif;
}

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}
::selection {
	background: #b3d4fc;
	text-shadow: none;
}

/*　イメージ　*/
img { 
	border: none;
	vertical-align: middle;
}

/*　リンク　*/
a {
	color: #6060A3;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

a:focus {
	outline: medium none;
}

/*　仕切り線　*/
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*　テキストエリア　*/
textarea {
    resize: vertical;
}

/*　テーブル　*/
table {
	margin: 0px 0px 5px;
}
th {
	padding: 6px;
	color: #1B2A52;
	text-align: left;
	vertical-align: top;
}
td {
	padding: 6px;
}

/*　リスト　*/
ul {
	padding-left: 20px;
}

/*　clearfix　*/
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}

.mb_20 { margin-bottom: 20px;}
.mb_30 { margin-bottom: 30px;}
.mb_50 { margin-bottom: 50px;}
.mb_80 { margin-bottom: 80px;}

.float-r {
	float: right;
	margin-left: 20px;
}


/* ========================================
   メイン
   ======================================== */
main {
	margin: 0;
	padding-top: 90px;
}

section {
	min-width: 1050px;
	margin: 0 auto;
	padding: 0;
	clear: both;
}
.wrap {
	width: 1000px;
	margin: 0 auto;
	clear: both;
}

/*　ページトップ　*/
#pageTop {
	position: fixed;
	bottom: 40px;
	right: 40px;
}
#pageTop i {
	padding-top: 6px
}
#pageTop a {
	display: block;
	z-index: 999;
	width: 35px;
	height: 35px;
}
#pageTop a:hover {
	text-decoration: none;
	opacity: 0.7;
}


/* ========================================
   ヘッダー
   ======================================== */
header {
	position: fixed;
	display: flex;
	width: 100%;
	height: 90px;
	background: #FFF;
	justify-content: space-between;
	z-index: 2147483647;
}

/*　ロゴ　*/
header h1 {
	width: 140px;
	height: 61px;
	margin: 14px 0 0 20px;
	padding: 0;
}

h2 {
	clear: both;
	margin: 0 0 30px;
	padding: 0;
	text-align: center;
}

h3 {
	margin: 0 0 -14px;
	padding: 0;
	color: #44b9d5;
}


/* ========================================
   メニュー
   ======================================== */
nav {
	height: 40px;
	margin: 25px 20px 0 0;
	padding: 0;
	text-align: right;
}
nav ul {
	display: flex;
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}
nav li {
	margin: 0 0 0 40px;
	padding: 0;
}
nav ul a {
	height: 40px;
	display: block;
	overflow: hidden;
	color: #333;
	text-decoration: none;
}
nav ul a:hover {
	color: #AAA;
}

/*　hidden　*/
nav li span {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}

/*　各リンク　*/
nav ul .home a {
	width: 46px;
	background: url(../img/menu.png) 0px 0px no-repeat;
}
nav ul .company a {
	width: 63px;
	background: url(../img/menu.png) -76px 0px no-repeat;
}
nav ul .business a {
	width: 128px;
	background: url(../img/menu.png) -169px 0px no-repeat;
}
nav ul .service a {
	width: 96px;
	background: url(../img/menu.png) -327px 0px no-repeat;
}
nav ul .insurance a {
	width: 64px;
	background: url(../img/menu.png) -452px 0px no-repeat;
}
nav ul .car a {
	width: 64px;
	background: url(../img/menu.png) -545px 0px no-repeat;
}
nav ul .contact a {
	width: 95px;
	background: url(../img/menu.png) -640px 0px no-repeat;
}

/*　560px未満の場合　*/
@media screen and (max-width: 559px) {


}



/* ========================================
   フッター
   ======================================== */
footer {
	min-width: 1050px;
	clear: both;
	position: relative;
	margin: 50px auto 0;
}

/*　電話・メール　*/
footer #tel {
	position: relative;
	width: 1000px;
	margin: 35px auto;
}
footer #tel img {
	margin-right: 21px;
}
footer #tel ul {
	position: absolute;
	top: 15px;
	left: 820px;
	margin: 0;
	padding: 0;
}
footer #tel li {
	float: left;
	list-style: none;
	padding: 0;
}
footer #tel li img {
	margin: 0 0 0 20px;
}
	

/*　コピーライト　*/
footer #copyright {
	padding: 20px;
	text-align: center;
	background: #ED7700;
}

footer #copyright p {
	margin: 0;
	padding: 0;
	color: #FFF;
}


/* ========================================
   トップ
   ======================================== */
#promise {
	padding: 60px 0;
	background: #f7f7f7;
}

/*　メインテキスト　*/
#main_text1 {
	font-size: 120%;
	margin-top: 0;
}

#main_text2 { 
	font-size: 120%;
	font-weight: bold;
	color:#CC001F;
	margin-bottom: 60px;
}

/*　ムービー　*/
#movie-wrap {
	float: right;
	margin: 0 0 30px;
	text-align: center;
}
#movie-wrap iframe {
	width: 480px;
	height: 270px;
}


/*　リンクバナー　*/
#link_banner {
	text-align:center;
	margin-bottom: 50px;
}
#link_banner ul {
	width: 700px;
	margin: 0 auto;
	padding: 0;
	display: flex;
}
#link_banner li {
	list-style: none;
	margin: 0 30px 0 0;
	padding: 0;
}

/*　リンクバナー　*/
#koala_banner {
	
}
#koala_banner ul {
	width: 480px;
	text-align: left;
}
#koala_banner li {
	list-style: none;
	margin: 0 0 -20px;
	padding: 0;
}

/*　スライダー　*/
#slider {
	width: 100%;
	margin-bottom: 50px;
}
#slider img {
	width: 100%;
	height: auto;
}

/*　インスタグラム　*/
#instagram .title {
	margin: 40px 0;
	text-align: center;
}
#instagram .photo {
	width: 1000px;
	height: 500px;
	margin: 0 auto 60px;
}

/*　メインコピー　*/
#copy {
	text-align: center;
}
#copy img {
	margin: 40px 0;
}

/*　サブコピー　*/
.copy {
	text-align: center;
	margin-bottom: 40px;
}

.photo_l {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-top: 30px;
	padding: 0;
}
.photo_l li {
	list-style: none;
	margin-left: 16px;
	margin-bottom: 16px;
}


/* ========================================
   新車・中古車販売
   ======================================== */
#business {
	padding: 60px 0;
}
#loan {
	list-style: none;
	margin: 10px 0 20px;
	padding: 0;
}

#loan li {
	display: inline;
	margin-right: 20px;
}
#loan li img {
	margin-bottom: 20px;
}

#loan_img {
	list-style: none;
	margin: 10px 0 20px;
	margin-right: -30px;
	padding: 0;
}
#loan_img h4 {
	margin: 10px 0 0;
}
#loan_img p {
	font-weight: bold;
}

#loan_img li {
	float: left;
	margin-right: 30px;
	width: 310px;
}
#loan_img li img {
	margin-bottom: 30px;
}

#security {
	list-style: none;
	margin: 15px 0 20px;
	padding: 0;
}
#security li {
	margin-bottom: 20px;
}



/* ========================================
   サービス全般
   ======================================== */
#service {
	padding: 60px 0;
	background: #f7f7f7;
}

#service .serviceimg {
	float: right;
	width: 330px;
	margin: 15px 0 30px;
	padding: 0;
}

#servicelist {
	margin-top: 20px;
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content:         space-between;
	margin-bottom: 20px;
}
#servicelist .type {
	width: 210px;
	padding: 12px 12px;
	border: 1px solid #CCC;
	background: #FFF;
}
#servicelist .type h3 {
	margin: 0;
	padding: 0;
}
#servicelist .type p {
	margin: 5px 0 0;
	padding: 0;
}
#servicelist .type img {
	margin: 5px 0 0;
	text-align: center;
}


/* ========================================
   各種保険
   ======================================== */
#insurance {
	padding: 60px 0;
}
#insurance .support {
	float: right;
	margin: 0 20px;
}

#insurance ul,
#insurance li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#insurance li {
	display: inline-block;
	margin-right: 25px;
	margin-bottom: 40px;
}


/*　リスト　*/
#insurance #list {
	display: flex;
	justify-content: space-between;
	clear: both;
}
#insurance #list .type {
	width: 300px;
	padding: 16px 10px;
	text-align: center;
	background: #F5F6F8;
	border-radius: 20px;
}
#insurance #list .type img {
	margin: 5px 0 0;
	text-align: center;
}
#insurance #list .type h3 {
	margin: 0;
	padding: 0;
}
#insurance #list .type p {
	margin: 5px 0 0;
	padding: 0;
}

/*　保険会社バナー　*/
#c_banner {
}

/*　保険バナー　*/
#i_banner ul {
	display: flex;
	justify-content: center;
	padding: 50px 0 0;
}
#i_banner li {
	margin: 0 30px 0;
}

#operation {
	text-align: center;
	margin-top: 50px;
}

/* ========================================
   会社案内
   ======================================== */
#company {
	padding: 60px 0;
	background: #f7f7f7;
}

#company #store {
	float: right;
	width: 550px;
	margin-left: 50px;
}

/*　Googleマップ　*/
#company iframe {
	margin-top: 40px;
}

/*　会社概要　*/
#company #company-profile {
	width: 400px;
	margin-bottom: 30px;
}
#company #company-profile td, {
	margin: 0;
	padding:0;
}
#company #company-profile th {
	width: 100px;
}
#company #company-profile ul {
	margin: 0;
}

/*　スタッフ紹介　*/
#company .photo {
	float: left;
	margin-left:
}
#company .sub-photo {
	float: right;
	margin-right: 40px;
}