/* ---------------- 全体の背景・テキスト ---------------- */

body* {
	margin: 0;
	padding: 0;
	/*background-color: #f9f9f9;  全体の背景色 */
	color: #575757;
	/* 全体の文字色 */
}

html, body {
	height: 100%;
	color: #575757;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳＰゴシック", "MS PGothic", sans-serif;
}

img {
	border-style: none;
	max-width: 100%;
}

a {
	text-decoration: none;
	color: #575757;
}

a:hover {
	opacity: 0.8;
}

p {
	margin: 0;
	padding: 0;
}

/*---clear解除----*/

.cf:before, .cf:after {
	content: '';
	display: table;
}

.cf:after {
	clear: both;
}

.cf {
	zoom: 1;
	/* for IE6/7 */
}

/*---------- webfont設定▽---------------------------
@font-face{
  font-family: 'uzuraFont';
  src: url('font/uzurafont.woff') format('woff');
}
.font{
    font-family: 'uzuraFont';
    color:#9fc94e;
    font-weight:500;
}
------------ webfont設定▲------------------------ */

/* ---------------- bodyメインフレーム▽ ---------------- */

#container {
	width: 100%;
	/* コンテナの幅 */
	margin: 0;
	/* センタリング */
	padding: 0;
}

.haikei {
	background: url(../img/company_haikei.jpg) no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	_::-webkit-full-page-media, _:future, :root .haikei {
		background: none;
	}
	_::-webkit-full-page-media, _:future, :root .back_haikei::before {
		content: "";
		display: block;
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: -1;
		width: 100%;
		height: 100%;
		background: url(../img/company_haikei.jpg) no-repeat center center;
		/*fixedをトル！*/
		-webkit-background-size: cover;
		/*Android4*/
		background-size: cover;
		background-color: aqua;
	}
}

.back_white {
	width: 100%;
	background-color: #fff;
	padding: 20px 0;
	margin: 0 0 400px;
}

#header {
	width: 100%;
	height: 150px;
}

#index_content {
	width: 100%;
	margin: 0 auto;
}

/* ---------------- bodyメインフレーム▲ ---------------- */

/* ---------------- ヘッダー▽ ---------------- */

#header .header_top {
	width: 100%;
	height: 30px;
	background: #59b4ff;
}

#header .header_top .header_top_right {
	width: 960px;
	text-align: right;
	margin: 0 auto;
}

#header .header_top a {
	line-height: 30px;
	color: #fff;
	padding-right: 2em;
}

#header .header_top a:hover {
	text-decoration: underline;
}

#header .logo_menu {
	max-width: 1240px;
	margin: 0 auto;
	overflow: hidden;
	position: fixed;
	top: 30px;
	left: 0;
	right: 0;
	z-index: 2;
	transition: .3s;
    display: flex;

}

.logo_menu .logo {
	width: 100px;
	padding-top: 14px;
	/* float: left; */
	transition: .3s;
}

.logo_menu .logo_title {
	width: 270px;
	padding: 34px 0 0 10px;
	/* font-size: 30px;
	float: left; */
	text-align: center;
	transition: .3s;
}

/*---------------- ヘッダースクロール固定▽ ----------------*/

#header .is-animation {
	height: 60px;
	top: 0;
    /* background-color: rgba(255, 255, 255, 0.8); */
}

#header .is-animation .logo {
	width: 10%;
	padding: 0;
	margin: 0;
	height: 60px;
	text-align: right;
	background-color: rgba(255, 255, 255, 0.8);
}

#header .is-animation .logo img {
	padding: 5px 0;
	height: 50px;
}

#header .is-animation .logo_title {
	width: 28%;
	height: 36px;
	padding: 5px 0 19px 10px;
    text-align: left;
	background-color: rgba(255, 255, 255, 0.8);
}

#header .is-animation nav {
	width: 60%;
	margin: 0;
	padding-top: 20px;
    background-color: rgba(255, 255, 255, 0.8);
}
#header .is-animation:hover {
    overflow: initial;
}

#header .is-animation nav:hover {
	/*height:225px;*/
	/*background-color:rgba(255,255,255,0);*/
}

#header .is-animation:hover {
	/* height: 225px; */

}

#header .is-animation .menu_single:hover {
    /* height: 225px;
    background: rgba(255,255,255,.8); */
}

/*---------------- ヘッダースクロール固定▲ ----------------*/

/* ---------------- ナビゲーション▽ ---------------- */

.logo_menu nav {
	width: calc(100% - 370px);
	/* float: left; */
	/* padding-top: 60px; */
	transition: .3s;
    padding:46px 0 0 20px;
}

.dropmenu .background_outer {
    width: calc(100% / 6);
    display: flex;
    height: 36px;
	/* float: left; */
	padding: 0;
	/* border-right: 1px solid #333; */
	margin-top: -7px;
	/* background-color: rgba(255, 255, 255, 0.8); */
}

.dropmenu > li.background_outer {
	list-style: none;
	padding: 0;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

.dropmenu > li.background_outer > a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	padding: 0;
	box-sizing: border-box;
}

.logo_menu ul li {
    width: 100%;
	font-size: 16px;
	padding: 10px 0%;
	text-align: center;
    border-right: 1px solid #999;
}
.logo_menu ul a {
    width: 100%;
    display: block;
}

.dropmenu {
    width: 100%;
    display:flex;
    height: 192px;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

/* .dropmenu:before, .dropmenu:after {
	content: "";
	display: table;
}

.dropmenu:after {
	clear: both;
} */

.dropmenu li {
	position: relative;
	float: left;
	margin: 0;
	text-align: center;
}

.dropmenu li:hover {
	/*background:#f15a24;*/
}

.dropmenu li a {
	display: block;
	margin: 0;
	line-height: 1;
}

.dropmenu li ul {
	list-style: none;
	position: absolute;
	z-index: 9999;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
}

.dropmenu li ul .second_level_li {
	width: 230px;
	text-align: left;
	padding: 0px 0px 0px 16px;
	border-right: none;
	background-color: rgba(255, 255, 255, 0.95);
}

.dropmenu li .menu_second_level2 {
	padding-top: 11px;
	margin-left: 0px;
}

.dropmenu li .menu_second_level {
	margin-left: -134px;
	padding-top: 11px;
}

.dropmenu li ul .second_level_li2 {
	width: 217px;
	text-align: left;
	padding: 5px 20px;
	border-right: none;
	background-color: rgba(255, 255, 255, 0.95);
}

.dropmenu li ul li a {
	padding: 10px 0px;
}

.dropmenu .background_outer a:hover {
	color: #f15a24;
}

.dropmenu li:hover {
	/*background-color:rgba(241,90,36,0.6);*/
}

.dropmenu li:hover>a {
	opacity: 0.8;
	/*background:#ddd;*/
}

/*
.dropmenu li a:hover{
  opacity:0.7;
    background:#ddd;
}*/

#normal li ul {
	display: none;
}

#normal li:hover ul {
	display: block;
}

#normal .cursor:hover {
	color: #575757;
	cursor: default;
	opacity: 1;
}

/* ---------------- ナビゲーション▲ ---------------- */

.top_header {
	position: relative;
	font-size: 18px;
}

.top_header img {
	width: 100%;
}

.header_main_p {
	text-align: center;
	color: #f15a24;
	font-size: 20px;
	position: absolute;
	font-family: "HGP明朝B";
	top: 40%;
	left: 63%;
	font-weight: bold;
}

.header_main_p2 {
	text-align: left;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	top: 65%;
	left: 64%;
}

/* ---------------- ヘッダー▲ ---------------- */

/* ---------------- フッター▽ ---------------- */

#footer {
	width: 100%;
	padding: 20px 0px;
	background: #59b4ff;
	color: #fff;
	text-align: center;
}
#footer a{display: inline-block;}

#footer .footer_text {
	font-weight: bold;
	line-height: 30px;
}

#footer .strong_text {
	font-size: 30px;
}

#footer_thanks {
	width: 100%;
	padding: 20px 0px;
	background: #59b4ff;
	color: #fff;
	text-align: center;
	position:fixed;
	bottom:0;
}

#footer_thanks .footer_text {
	font-weight: bold;
	line-height: 30px;
}

#footer_thanks .strong_text {
	font-size: 30px;
}

#footer.footer_ab{
    position:absolute;
    bottom:0;
}
/* ---------------- フッター▲ ---------------- */

/* --------------------------------------------------------------------- トップpageコンテンツ▽ --------------------------------------------------------------------- */

.content_welcome {
	width: 100%;
	background: #59b4ff;
	padding: 50px 0px;
	margin: 0px 0px 100px;
}

.welcome_page {
	width: 800px;
	margin: 0 auto;
	text-align: center;
}

.welcome_page p {
	font-size: 18px;
	color: #fff;
	text-align: left;
	line-height: 1.8em;
	margin-bottom: 20px;
}

.content_welcome h1 {
	text-align: center;
	margin-bottom: 50px;
	color: #fff;
}

.content_welcome .welcome_left {
	width: 50%;
	float: left;
}

.content_welcome .welcome_right {
	width: 50%;
	float: left;
}

/* ---------------- ウェルカムコンテンツ▲ ---------------- */

.content_introduction {
	width: 800px;
	margin: 0px auto 80px;
}

.parenthesis {
	width: 500px;
	margin: 0px auto 60px;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.parenthesis::before, .parenthesis::after {
	position: absolute;
	height: 100%;
	width: 20px;
	top: 0;
	content: '';
	border-top: 2px solid #59b4ff;
	border-bottom: 2px solid #59b4ff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.parenthesis::before {
	left: 0;
	border-left: 2px solid #59b4ff;
}

.parenthesis::after {
	right: 0;
	border-right: 2px solid #59b4ff;
}

.parenthesis h2 {
	font-size: 24px;
	text-align: center;
	color: #f15a24;
	padding: 10px 0px;
    line-height: 1.4em;
}

/* ---------------- 紹介コンテンツ（角括弧）▲ ---------------- */

.introduction_box {
	width: 100%;
	overflow: hidden;
}

.introduction_box ul {
	list-style: none;
	padding-left: 0.5em;
}

.introduction_box ul li {
	line-height: 2.5em;
	padding: 0 20px 0 2.2em;
	background-image: url(../img/introduction_check1.png);
	background-repeat: no-repeat;
}

.introduction_left, .introduction_right {
	width: 47%;
	height: 320px;
	margin: 0 1%;
	float: left;
	border: 1px solid #59b4ff;
}

.introduction_left h3, .introduction_right h3 {
	font-size: 22px;
	font-weight: normal;
	text-align: center;
	background: #59b4ff;
	color: #fff;
	margin: 0px;
	padding: 10px 0px;
}

/* ---------------- 紹介コンテンツ▲ ---------------- */

.content_plan {
	width: 800px;
	margin: 0px auto 50px;
	text-align: center;
}

#index_content .content_plan img {
	margin-bottom: 30px;
}

.content_plan p {
	text-align: left;
	line-height: 1.8em;
	font-size: 18px;
}

.plan_box {
	width: 100%;
	overflow: hidden;
}

.plan_box_left {
	width: 62%;
	float: left;
}

.plan_box_right {
	width: 38%;
	float: left;
}

/* ---------------- プラン提供コンテンツ▲ ---------------- */
.content_link h2 {
    padding-left: 1.2em;
    font-size: 24px;
    text-align: left;
    position:relative;
    margin-bottom:1em;
    line-height: 1.5em;
}
.content_link h2::before{
    background-image: url(../img/h2_box.png);
    content:'';
    width:20px;
    height:20px;
    position:absolute;
    top:5px;
    left: 0;
}

.content_link {
    max-width: 960px;
    margin: 50px auto;
    text-align: center;
    overflow: hidden;
}
/* .content_link .link_left {
    width: 20%;
    margin:0 2.5%;
    float: left;
} */
.content_link .link_left {
    width: 23%;
    margin:0 1%;
    float: left;
}
@media(max-width:980px) {
    .content_link h2 {
        max-width:97.5%;
        margin-left:2.5%;
        /* padding-left: 1.2em;
        font-size: 24px;
        text-align: left;
        position:relative;
        margin-bottom:1em;
        line-height: 1.5em; */
    }
}
@media(max-width:780px) {
    .content_link .link_left {
        width: 45%;
        margin:0 2.5% 20px;
    }
}
/* ---------------- リンク集▲ ---------------- */

.content_toiawase {
    width: 960px;
    margin: 50px auto;
    text-align: center;
    overflow: hidden;
}

.content_toiawase .toiawase_h3 h3 {
    margin: 50px 0;
    font-weight: normal;
    font-size: 24px;
}

.content_toiawase .toiawase_left {
    width: 50%;
    float: left;
    /* padding-top: 30px; */
}


.content_toiawase_left a:hover {
    text-decoration: underline;
}

.content_toiawase .toiawase_right {
    width: 50%;
    float: left;
}

.content_toiawase .toiawase_right ul {
    list-style: none;
    padding: 0px;
    margin: 30px 0px;
}

.content_toiawase .toiawase_right ul li {
    font-size: 18px;
}

.toiawase_btn p {
    width: 285px;
    height: 70px;
    line-height: 70px;
    margin: 20px auto;
    background: #f1561f;
    color: #fff;
    border-radius: 10px;
}

.toiawase_btn p:hover {
	opacity: 0.8;
	background-image: url(../img/toiawase_check.png);
}

.crash_btn{
	text-align: center;
}

.crash_btn p {
    width: 300px;
    height: 70px;
    line-height: 70px;
    margin: 50px auto;
    background: #f1561f;
    color: #fff;
    border-radius: 10px;
}

.crash_btn p:hover {
	opacity: 0.8;
	/* background-image: url(../img/toiawase_check.png); */
}

.checkbox {
	margin: 20px 0;
}

.link_line {
	color: #2178bd;
	text-decoration: underline;
}

/* ---------------- お問い合わせコンテンツ▲ ---------------- */

.bottom_bunner {
	text-align: center;
	width: 960px;
	margin: 50px auto;
}

/* ---------------- 下部バナーコンテンツ▲ ---------------- */

/* --------------------------------------------------------------------- トップpageコンテンツ▲ --------------------------------------------------------------------- */

/* --------------------------------------------------------------------- 会社概要pageコンテンツ▽ --------------------------------------------------------------------- */

/* ---------------- スタッフ紹介(外枠)コンテンツ▽ ---------------- */

.back_white_staff{
    width: 100%;
    padding:20px 0;
}

.content_staff {
	width: 100%;
	margin: 0;
}

.staff_greeting {
	width: 800px;
	margin: 50px auto 30px;
	text-align: center;
	line-height: 1.8em;
    border-bottom: 1px dotted #2178bd;
    padding-bottom: 50px;
}

#index_content .content_staff h2 {
	background-image: url(../img/h2_box.png);
	background-repeat: no-repeat;
	padding-left: 1em;
	font-size: 24px;
	text-align: left;
}

.staff_greeting .greeting_left {
	padding-top: 30px;
    padding-right:30px;
	font-size: 18px;
	width: calc(60% - 30px);
	float: left;
	text-align: left;
}

.staff_greeting .greeting_left .greeting_left_p {
	padding-top: 30px;
}

.staff_greeting .greeting_right {
	padding-top: 30px;
    width: 40%;
	float: left;
}

.staff_greeting .greeting_bottom {
	font-size: 18px;
	width: 100%;
	clear: both;
	padding-top: 30px;
	text-align: left;
}
.staff_greeting .greeting_bottom span {
    background: #e5e5e5;
    padding:.1em .5em;
}

/* ---------------- スタッフ紹介(外枠)コンテンツ△ ---------------- */

/* ---------------- 会社概要(外枠)コンテンツ▽ ---------------- */

.content_guide {
	width: 100%;
	margin: 0;
}

#h1_around {
	width: 960px;
	margin: 10px auto 40px;
	border-bottom: 1px solid #59b4ff;
}

#h1_around .left_border {
	width: 6px;
	height: 30px;
	float: left;
	background: #59b4ff;
	border-radius: 5px;
}

#h1_around h1 {
	font-size: 24px;
	padding-left: 1em;
	margin: 5px 0;
	line-height: 35px;
}

/* ---------------- 会社概要(外枠)コンテンツ▲ ---------------- */

/* ---------------- greetingコンテンツ▽ ---------------- */

.guide_greeting {
	width: 800px;
	margin: 50px auto;
	text-align: center;
	line-height: 1.8em;
}

#index_content .content_guide h2 {
	background-image: url(../img/h2_box.png);
	background-repeat: no-repeat;
	padding-left: 1em;
	font-size: 24px;
	text-align: left;
}

.guide_greeting .greeting_left {
	padding-top: 70px;
	font-size: 18px;
	width: 60%;
	float: left;
	text-align: left;
}

.guide_greeting .greeting_left .greeting_left_p {
	padding-top: 50px;
}

.guide_greeting .greeting_right {
	width: 40%;
	float: left;
}

.guide_greeting .greeting_bottom {
	font-size: 18px;
	width: 100%;
	clear: both;
	padding-top: 30px;
	text-align: left;
}

/* ---------------- greetingコンテンツ▲ ---------------- */

/* ---------------- philosophyコンテンツ▽ ---------------- */

.guide_philosophy {
	width: 800px;
	margin: 50px auto;
}

.guide_philosophy h3 {
	font-size: 24px;
	margin: 30px 0px 20px;
}

#index_content .guide_philosophy p {
	font-size: 18px;
	line-height: 1.8em;
}

#index_content .guide_philosophy ol {
	line-height: 1.8em;
	padding-left: 2em;
	font-size: 18px;
}

/* ---------------- philosophyコンテンツ▲ ---------------- */

/* ---------------- profileコンテンツ▽ ---------------- */

.guide_profile {
	width: 800px;
	margin: 50px auto;
}

table.type04 {
	width: 80%;
	margin: 0 10% 30px;
	border-collapse: separate;
	border-spacing: 1px;
	text-align: left;
	line-height: 1.5em;
}

table.type04 th {
	width: 30%;
	font-size: 18px;
	padding: 20px 10px;
	vertical-align: top;
	font-weight: 500;
	border-bottom: 1px solid #ddd;
	color: #59b4ff;
}

table.type04 td {
	width: 70%;
	font-size: 18px;
	padding: 20px 10px;
	vertical-align: top;
	border-bottom: 1px solid #ddd;
}

/* ---------------- profileコンテンツ▲ ---------------- */

/* ---------------- linkコンテンツ▽ ---------------- */

.guide_link {
	width: 800px;
	margin: 50px auto;
}

.guide_link img {
	float: left;
}

.guide_link a {
	line-height: 50px;
	padding-left: 1em;
	font-weight: bold;
	font-size: 24px;
	float: left;
}

.guide_link a:hover {
	text-decoration: underline;
}

/* ---------------- linkコンテンツ▲ ---------------- */

/* ---------------- accessコンテンツ▽ ---------------- */

.guide_access {
	width: 800px;
	margin: 50px auto;
}

.guide_access p {
	padding: 10px;
	font-size: 18px;
	font-weight: bold;
	text-align: right;
}

/* ---------------- accessコンテンツ▲ ---------------- */

/* --------------------------------------------------------------------- 会社概要pageコンテンツ▲ --------------------------------------------------------------------- */

/* --------------------------------------------------------------------- 勧誘方針pageコンテンツ▽ --------------------------------------------------------------------- */

.content_policy {
	width: 100%;
	margin: 40px 0;
}

.content_policy_inner {
	width: 800px;
	margin: 30px auto;
}

.content_policy_inner h3 {
	color: #025c9e;
	font-size: 20px;
	margin-bottom: 30px;
	line-height: 1.8em;
}

.content_policy_inner ul {
	list-style: none;
	font-size: 18px;
	line-height: 1.8em;
}

/* --------------------------------------------------------------------- 勧誘方針pageコンテンツ▲ --------------------------------------------------------------------- */

/* --------------------------------------------------------------------- 個人情報保護方針pageコンテンツ▽ --------------------------------------------------------------------- */

.content_personal {
	width: 100%;
	margin: 40px 0;
}

.content_personal_inner {
	width: 800px;
	margin: 30px auto;
}

.content_personal_inner p {
	font-size: 18px;
	line-height: 1.8em;
	margin-bottom: 30px;
}

.content_personal_inner .personal_ul li {
	list-style: none;
	font-size: 24px;
	line-height: 1.8em;
}

.content_personal .content_personal_inner .personal_ul_inner {
	margin-bottom: 30px;
	padding-left: 2em;
}

.content_personal .content_personal_inner .personal_ul_inner li {
	font-size: 18px;
	line-height: 1.8em;
}

/* --------------------------------------------------------------------- 個人情報保護方針pageコンテンツ▲ --------------------------------------------------------------------- */

/* --------------------------------------------------------------------- 自動車事故Q&Apageコンテンツ▲ --------------------------------------------------------------------- */

.content_crash {
	width: 100%;
}

.content_crash_inner {
	width: 800px;
	margin: 50px auto;
}

.content_crash_inner .content_crash_left, .content_crash_inner .content_crash_right {
	width: 50%;
	float: left;
	text-align: center;
}

.content_crash_inner .content_crash_left p {
	font-size: 18px;
	line-height: 1.5em;
	padding-bottom: 20px;
	text-align: left;
}

.content_crash_inner .content_crash_left a:hover {
	text-decoration: underline;
}

.content_crash_inner .content_crash_right {
	text-align: center;
}

.content_crash_inner .content_crash_right .crash_time {
	width: 100%;
}

.content_crash_inner .content_crash_right .crash_tel {
	font-size: 36px;
	font-weight: bold;
	padding-bottom: 5px;
}

.content_crash_inner .content_crash_right .crash_phone {
	font-size: 30px;
	font-weight: bold;
	padding-bottom: 15px;
}

.content_crash_inner .content_crash_right img {
	margin-bottom: 15px;
}

.content_crash_inner .content_crash_right .crash_time .crash_box {
	background-color: #2178bd;
	padding: 5px 15px;
	border-radius: 5px;
	color: #fff;
	margin-right: 7px;
}

.content_crash_inner .content_crash_right .crash_time p {
	padding: 10px;
	font-weight: bold;
	line-height: 35px;
}

.content_crash_inner .qanda {
	width: 100%;
	clear: both;
	margin: 50px 0px;
}

.content_crash_inner .qanda .question_p {
	background-image: url(../img/question.png);
	background-repeat: no-repeat;
	font-size: 18px;
	line-height: 24px;
	padding-left: 2.8em;
	padding-top: 20px;
	color: #2178bd;
}

.content_crash_inner .qanda .anser_p {
	background-image: url(../img/answer.png);
	background-repeat: no-repeat;
	font-size: 18px;
	line-height: 24px;
	padding-left: 2.8em;
	margin-left: 1.0em;
	padding-top: 20px;
}

/* --------------------------------------------------------------------- 自動車事故Q&Apageコンテンツ▲ --------------------------------------------------------------------- */

/* --------------------------------------------------------------------- 用語集pageコンテンツ▽ --------------------------------------------------------------------- */

.content_glossary {
	width: 100%;
}

.content_glossary .content_glossary_inner {
	width: 800px;
	margin: 0 auto;
}

.content_glossary .content_glossary_inner a:hover {
	text-decoration: underline;
}

.content_glossary #h1_around {
	margin-bottom: 50px;
}

.content_glossary_inner .content_glossary_left, .content_glossary_inner .content_glossary_right {
	width: 50%;
	float: left;
}

.content_glossary_inner .bottom_border {
	width: 80%;
	border-bottom: 3px solid #f15a24;
	padding: 10px;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
}

.content_glossary_inner .content_glossary_left ul, .content_glossary_inner .content_glossary_right ul {
	font-size: 24px;
	list-style: none;
	padding-left: 1em;
	line-height: 1.5em;
}

/* --------------------------------------------------------------------- 用語集pageコンテンツ▲ --------------------------------------------------------------------- */

/* --------------------------------------------------------------------- もし自動車事故が起こったらpageコンテンツ▽ --------------------------------------------------------------------- */

.content_if {
	width: 100%;
}

.content_if .content_if_inner {
	width: 800px;
	margin: 0 auto 50px;
	line-height: 1.5em;
}

.content_if .content_if_inner p {
	font-size: 18px;
	padding: 20px 0;
}

.content_if .content_if_inner ul {
	list-style: none;
}

.content_if .content_if_inner ul li {
	font-size: 24px;
	color: #2178bd;
	padding: 20px 0;
}

/* --------------------------------------------------------------------- もし自動車事故が起こったらpageコンテンツ▲ --------------------------------------------------------------------- */

/* --------------------------------------------------------------------- お問い合わせpageコンテンツ▽ --------------------------------------------------------------------- */

.content_toiawase_page {
	width: 100%;
}

.content_toiawase_inner {
	width: 800px;
	margin: 0 auto;
}

.content_toiawase_inner .content_toiawase_left, .content_toiawase_inner .content_toiawase_right {
	width: 50%;
	float: left;
}

.content_toiawase_inner .content_toiawase_left p {
	font-size: 18px;
	line-height: 1.5em;
}

.content_toiawaseh_inner .content_toiawase_right {
	text-align: center;
}

.content_toiawase_inner .content_toiawase_right .toiawase_time {
	width: 100%;
}

.content_toiawase_inner .content_toiawase_right .toiawase_tel {
	font-size: 36px;
	font-weight: bold;
	padding-bottom: 5px;
}

.content_toiawase_inner .content_toiawase_right .toiawase_phone {
	font-size: 30px;
	font-weight: bold;
	padding-bottom: 15px;
}

.content_toiawase_inner .content_toiawase_right .toiawase_time .toiawase_box {
	background-color: #2178bd;
	padding: 5px 15px;
	border-radius: 5px;
	color: #fff;
	margin-right: 7px;
}

.content_toiawase_inner .content_toiawase_right .toiawase_time p {
	padding: 10px;
	font-weight: bold;
	line-height: 35px;
}

.content_toiawase_inner h2 {
	font-size: 18px;
	padding-bottom: 20px;
}

.content_toiawase_inner .content_toiawase_left a {
	font-size: 18px;
	line-height: 25px;
}

.content_toiawase_inner .mail_p {
	font-size: 30px;
	line-height: 1.5em;
	margin-bottom: 20px;
}

/*  問い合わせtable設定▽  */

#formWrap,
.formWrap {
	width: 100%;
	margin-bottom: 50px;
}

table.type02 {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #025c9e;
	border-left: 1px solid #025c9e;
	margin-bottom: 30px;
}

table.type02 th {
	width: 40%;
	padding: 20px 10px;
	vertical-align: top;
	border-right: 1px solid #025c9e;
	border-bottom: 1px solid #025c9e;
	background-color: #2178bd;
	color: #fff;
	text-align: center;
	font-size: 18px;
	font-weight: normal;
}

table.type02 td {
	width: 60%;
	padding: 20px 10px;
	vertical-align: top;
	border-right: 1px solid #025c9e;
	border-bottom: 1px solid #025c9e;
}

input#submit_button,
input.submit_button {
	width: 200px;
	height: 50px;
	background-color: #f15a24;
	font-size: 24px;
	color: #fff;
	border-radius: 10px;
}

/*  問い合わせtable設定▲  */

/* --------------------------------------------------------------------- お問い合わせpageコンテンツ▲ --------------------------------------------------------------------- */

/* --------------------------------------------------------------------- サイトマップpageコンテンツ▽ --------------------------------------------------------------------- */

.content_sitemap {
	width: 100%;
}

.content_sitemap_inner {
	width: 800px;
	margin: 0 auto 40px;
}

.content_sitemap_inner .sitemap_outer {
	list-style: none;
	margin: 30px 0;
}

.content_sitemap_inner ul li {
	line-height: 2.0em;
	margin-bottom: 20px;
}

.content_sitemap_inner .sitemap_padding {
	padding-left: 2em;
}

/* --------------------------------------------------------------------- サイトマップpageコンテンツ▲ --------------------------------------------------------------------- */

@media(max-width:960px) {
	#index_content .content_sitemap {
		width: 90%;
		margin: 0 5%;
	}
	.content_sitemap_inner {
		width: 100%;
	}
}


/* --------------------------------------------------------------------- 商品案内pageコンテンツ▽ --------------------------------------------------------------------- */

.content_product {
	width: 100%;
}

.content_product_inner {
	width: 800px;
	margin: 0 auto 40px;
}
.content_product_inner h2 {
    font-size: 24px;
    padding-left:1.5em;
    padding-top: 2px;
    margin-bottom:1.8em;
    background-image: url('../img/h2_box.png');
    background-repeat: no-repeat;
}

.content_product_inner h2:before {
    /* content:  */
}

.content_product_inner span{
}
.content_product_inner .product_outer {
	list-style: none;
	margin: 30px 0;
}

.content_product_inner ul li {
	line-height: 2.0em;
	margin-bottom: 20px;
}
.content_product_inner ul li a:hover {
    text-decoration: underline;
    opacity: 0.8;
}

/* --------------------------------------------------------------------- 商品案内pageコンテンツ▲ --------------------------------------------------------------------- */

@media(max-width:960px) {
	#index_content .content_product {
		width: 90%;
		margin: 0 5%;
	}
	.content_product_inner {
		width: 100%;
	}
}


/*-----------------------トップへ戻るボタン▽-----------------------*/

.topBtn {
	position: fixed;
	/*固定*/
	bottom: 20px;
	/*場所を右下に移動*/
	right: 20px;
	/*場所を右下に移動*/
	display: block;
	/*aタグをblock要素に変更*/
	background-color: rgba(241, 90, 36, 0.5);
	/*以下、デザインはご自由に！！*/
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	width: 60px;
	height: 60px;
	text-align: center;
	line-height: 22px;
	border-radius: 30px;
	padding-top: 30px;
	box-sizing: border-box;
}

.topBtn:before {
	content: '\25B2';
	position: absolute;
	top: 10px;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 20px;
}

.topBtn:hover {
	opacity: 0.7;
}

/*-----------------------トップへ戻るボタン▲-----------------------*/

.slicknav_menu {
	display: none;
}

/*--------共通---------*/
.br{
    display: inlne-block;
}

/*---------------------------------------------
-----------------レスポンシブ--------------------
-----------------------------------------------*/

@media screen and (min-width: 961px) {
	.mobi_only {
		display: none;
	}
}

/*-----------------960px以下の場合のCSSを記述↓-----------------*/

@media(max-width:960px) {
	.pc_only {
		display: none;
	}
	.slicknav_menu {
		display: block;
	}
}

/* --------------------------------------------------------------- 外枠、ヘッダー(ナビゲーション)、フッター▽(レスポンシブ) トップコンテンツ----------------------------------------------------------------------- */

@media(max-width:960px) {
	.content_welcome, .content_introduction, .content_plan, .content_toiawase, .bottom_bunner {
		width: 90%;
		padding: 20px 5%;
	}
	.content_welcome .welcome_page, .content_welcome .welcome_bottom, .content_introduction .introduction_box, .plan_box {
		width: 100%;
		clear: both;
	}
	.parenthesis {
		width: 100%;
	}
	.header_main_p2 {
		text-align: left;
		color: #fff;
		font-size: 1em;
		position: absolute;
		top: 60%;
		left: 60%;
	}
}

@media(max-width:700px) {
	.header_main_p2 {
		top: 60%;
		left: 60%;
		font-size: 0.7em;
	}
}

@media(max-width:500px) {
	.header_main_p2 {
		top: 20%;
		left: 45%;
	}
}

@media(max-width:570px) {
	.parenthesis h2 {
		padding: 10px 20px;
	}
}

@media(max-width:960px) {
	.content_introduction .introduction_left, .content_introduction .introduction_right {
		width: 95%;
		margin: 10px 2.5%;
		height: auto;
	}
	.content_plan img {
		width: 100%;
		max-width: 560px;
	}
	.content_plan .plan_box_left, .content_plan .plan_box_right {
		width: 100%;
	}
	.content_plan .plan_image {
		max-width: 50%;
	}
	.content_toiawase .toiawase_h3 h3 {
		margin: 30px 0;
	}
	.content_toiawase .toiawase_left, .content_toiawase .toiawase_right {
		width: 100%;
		margin: 30px 0;
	}
	.toiawase_btn p {
		width: 285px;
		margin: 20px auto;
	}
	#h1_around {
		width: 100%;
	}
	#footer .strong_text {
		font-size: 26px;
	}
}

@media(max-width:460px) {
	.content_plan .plan_image {
		max-width: 100%;
	}
}

@media(max-width:740px) {
	.content_welcome .welcome_left, .content_welcome .welcome_right {
		width: 100%;
	}
}

/* --------------------------------------------------------------- 外枠、ヘッダー(ナビゲーション)、フッター▲(レスポンシブ) トップコンテンツ---------------- */

@media(max-width:960px) {
    .staff_greeting {
    	width: 90%;
    	margin: 50px 5%;
    }

    .staff_greeting .greeting_left {
        width: 100%;
        padding-right:0;
    }

    .staff_greeting .greeting_right {
        width: 100%;
    }
}



/* ---------------------------------------------------------------------------------------- 会社概要コンテンツ▽（レスポンシブ） --------------------------------------------------------------------------------------------- */

@media(max-width:960px) {
	#index_content .content_guide {
		width: 100%;
	}
	.guide_greeting, .guide_philosophy, .guide_link, .guide_access {
		width: 90%;
		padding: 20px 5%;
	}
	.guide_greeting .greeting_left, .guide_greeting .greeting_right {
		width: 100%;
	}
	.guide_greeting .greeting_left {
		padding-top: 30px;
	}
	.guide_greeting .greeting_left .greeting_left_p {
		padding: 30px 0px;
	}
	.guide_profile {
		width: 95%;
		margin: 0 2.5%;
	}
	.guide_profile table.type04 {
		width: 100%;
		margin: 0;
	}
	.guide_profile table.type04 th {
		padding: 20px 0px 20px 5px;
	}
	.guide_profile table.type04 td {
		padding: 20px 0px;
	}
	.guide_link div {
		text-align: center;
		width: 100%;
	}
	.guide_link img {
		float: none;
	}
	.guide_link a {
		width: 100%;
		padding-left: 0px;
		font-weight: normal;
		font-size: 18px;
	}
	.guide_access {
		margin-bottom: 0px;
	}
	.guide_access p {
		font-size: 14px;
		font-weight: normal;
		line-height: 1.2em;
	}
}

/* ---------------------------------------------------------------------------------------- 会社概要コンテンツ▲(レスポンシブ) --------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------- 勧誘方針コンテンツ▽（レスポンシブ） --------------------------------------------------------------------------------------------- */

@media(max-width:960px) {
	#index_content .content_policy {
		width: 90%;
		margin: 0 5%;
	}
	.content_policy_inner {
		width: 100%;
	}
}

/* ---------------------------------------------------------------------------------------- 勧誘方針コンテンツ▲（レスポンシブ） --------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------- 個人情報保護方針コンテンツ▽（レスポンシブ） --------------------------------------------------------------------------------------------- */

@media(max-width:960px) {
	#index_content .content_personal {
		width: 90%;
		margin: 0 5%;
	}
	.content_personal_inner {
		width: 100%;
	}
}

/* ---------------------------------------------------------------------------------------- 個人情報保護方針コンテンツ▲（レスポンシブ） --------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------- 自動車事故Q&Aコンテンツ▽（レスポンシブ） --------------------------------------------------------------------------------------------- */

@media(max-width:960px) {
	#index_content .content_crash {
		width: 90%;
		margin: 0 5%;
	}
	.content_crash_inner {
		width: 100%;
	}
	.content_crash_inner .content_crash_left, .content_crash_inner .content_crash_right {
		margin-bottom: 30px;
		width: 100%;
	}
	.content_crash_inner .content_crash_right .crash_tel, .content_crash_inner .content_crash_right .crash_phone {
		font-size: 24px;
	}
	.content_crash_inner .crash_box_mobi {
		width: 100%;
	}
	.content_crash_inner .qanda .anser_p {
		margin-left: 0;
	}
}

/* ---------------------------------------------------------------------------------------- 自動車事故Q&Aコンテンツ▽（レスポンシブ） --------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------- 自動車事故Q&Aコンテンツ▽（レスポンシブ） --------------------------------------------------------------------------------------------- */

@media(max-width:960px) {
	#index_content .content_glossary {
		width: 90%;
		margin: 0 5%;
	}
	.content_glossary .content_glossary_inner {
		width: 100%;
	}
	.content_glossary_inner .content_glossary_left, .content_glossary_inner .content_glossary_right {
		width: 100%;
	}
	.content_glossary_inner .content_glossary_left ul, .content_glossary_inner .content_glossary_right ul {
		font-size: 20px;
	}
	.content_glossary_inner .bottom_border {
		width: 100%;
	}
}

/* ---------------------------------------------------------------------------------------- 自動車事故Q&Aコンテンツ▲（レスポンシブ） --------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------- もし自動車事故が起こったら？コンテンツ▽（レスポンシブ） --------------------------------------------------------------------------------------------- */

@media(max-width:960px) {
	#index_content .content_if {
		width: 90%;
		margin: 0 5%;
	}
	.content_if .content_if_inner {
		width: 100%;
	}
}

/* ---------------------------------------------------------------------------------------- もし自動車事故が起こったら？コンテンツ▲（レスポンシブ） --------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------- 問い合わせコンテンツ▽（レスポンシブ） --------------------------------------------------------------------------------------------- */

@media(max-width:960px) {
	#index_content .content_toiawase_page {
		width: 90%;
		margin: 0 5%;
	}
	.content_toiawase_page .content_toiawase_inner {
		width: 100%;
	}
	.content_toiawase_page .content_toiawase_inner .content_toiawase_right, .content_toiawase_page .content_toiawase_inner .content_toiawase_left {
		width: 100%;
		text-align: center;
		margin-bottom: 30px;
	}
	.content_toiawase_inner .content_toiawase_right .toiawase_tel, .content_toiawase_inner .content_toiawase_right .toiawase_phone {
		font-size: 24px;
	}
	.content_toiawase_inner .mail_p {
		font-size: 20px;
		font-weight: bold;
	}
	table.type02 th {
		width: 100%;
		padding: 10px;
		vertical-align: top;
		border-right: 1px solid #025c9e;
		border-bottom: 1px solid #025c9e;
		background-color: #2178bd;
		color: #fff;
		text-align: center;
		font-size: 16px;
		font-weight: normal;
	}
	table.type02 td {
		width: 100%;
		padding: 10px;
		vertical-align: top;
		border-right: 1px solid #025c9e;
		border-bottom: 1px solid #025c9e;
	}
	input#submit_button,
	input.submit_button {
		width: 200px;
		height: 50px;
		background-color: #59b4ff;
		font-size: 20px;
		color: #fff;
		border-radius: 10px
	}
}

/* ---------------------------------------------------------------------------------------- 問い合わせコンテンツ▲（レスポンシブ） --------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------- サンクスページ▽ --------------------------------------------------------------------------------------------- */
.thanks_box{
    max-width:980px;
    margin:80px auto 50px;
    text-align:center;
	line-height:2em;
}
.thanks_top{
	display:inline-block;
}
.thanks_top p{
	width:285px;
	height:70px;
	line-height:70px;
	margin:50px auto 20px;
	background:#f1561f;
	color:#fff;
	border-radius:10px;
}
#footer_thanks{
	position:fixed;
	bottom:0;
}
/* ---------------------------------------------------------------------------------------- サンクスページ▲ --------------------------------------------------------------------------------------------- */

/* ---------------- loading▽ ---------------- */

#loader-bg {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #fff;
	z-index: 300;
}

#loader {
	width: 200px;
	position: fixed;
	top: 50%;
	bottom: 50%;
	left: 50%;
	z-index: 401;
	margin: -100px 0 0 -100px;
	text-align: center;
}

#loader img {
	margin-bottom: 20px;
}

@media(max-width:960px) {
	#loader {
		position: fixed;
		top: 50%;
		bottom: 50%;
		left: 50%;
		right: 50%;
		z-index: 401;
	}
	#loader img {
		width: 84px;
		height: 83px;
	}
}

/* ---------------- loading▲ ---------------- */