@charset "UTF-8";
/*
Theme Name: imagine
Theme URI: https://lookat.co.jp
Author: Look At Inc.
Author URI: https://lookat.co.jp
Description: Imagine there's no heaven
Version: 1.0.0
License: GNU General Public License v2 or later
*/
/************* fujimoto add ****************************/

.hamberger_line:after {
	background: #FFAB00;
}
.gfont span {
	font-family: 'Anton', cursive;
	font-size: 2.5rem;
}

.swiper-container {
    width: 100%;
/*  height: 400px; */
}

.swiper-slide {
	background-size: cover;
	background-position: center center;
}

@media (min-width: 920px) {
  .sample05 .swiper-wrapper {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .sample05 .swiper-slide {
    width: 50%;
    padding: 10px;
  }
  .sample05 .swiper-button-prev,
  .sample05 .swiper-button-next,
  .sample05 .swiper-pagination {
    display: none;
  }
}

/* ページTOPに戻る */
#goto_top {
    position: fixed;
    right: 20px;
    bottom: 30px;
    z-index: 100;
}
#goto_top a {
    width: 100px;
    height: 40px;
    border-radius: 20px;
    background: #b71c1c;
    display: block;
    color: #fff;
    text-align: center;
    line-height: 40px;
    text-decoration: none;
    font-weight: bold;
    transition: .8s;
}

.swiper-pagination { 
	position: static !important;
}

#menu-dropdown input[type=“checkbox”].on-off:checked + nav.overlay-navi-menu {
	height: 55vh !important;
}

header#menu-dropdown .overlay-navi {
	background-color: #fff;
}

.kasane .text-block .callout {
	padding:2rem;
}

.nagare-image {
	height: 400px;
	background-size: cover;
}
@media (max-width: 640px) {
.nagare-image {
	height: 200px;
	}
	.nagare-text {
		height: 350px;
	}
}

/***** コンタクトフォーム *****/
.table-contactform7{
  overflow: hidden;
table-layout: fixed;
}
 
.required-contactform7{
  padding: 5px;
  background: #DE8686;
  color: #fff;
  border-radius: 3px;
  margin-right: 3px;
}
 
.unrequired-contactform7{
  padding: 5px;
  background: #BDBDBD;
  color: #fff;
  border-radius: 3px;
  margin-right: 3px;
}
 
.table-contactform7 th{
  font-weight:bold;
}
 
.table-contactform7 input,
.table-contactform7 textarea{
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
  padding: 5px;
}
 
.address-100 input{
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
}
 
.message-100 textarea{
  width: 100%;
  margin: 5px 10px 10px 5px;
}


.table-contactform7 input {
	display: inline;
}

@media screen and (min-width: 900px){
  .table-contactform7 th{
    width:28%;
  }
    }
     
@media screen and (max-width: 900px){
.table-contactform7{
  display:block;
}     
       
  .table-contactform7 tbody,
  .table-contactform7 tr{
    display: block;
    width: 100%;
  }
  .table-contactform7 th{
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
}
.table-contactform7 td{
  display: list-item;
  list-style-type:none;
  margin:0;
  padding:0;
  width: 100%;
  border-top: none !important;
}
}

.submit-soshin{
display: block;
width: 160px;
height: 50px;
line-height: 1;
color: #FFF;
font-weight: bold;
text-align: center;
background-color: #b71c1c;
border-radius: 5px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
border: none;
}
.submit-soshin:hover{
     background-color: #f9c500; /*ボタン色*/
}

.table-contactform7 th,
.table-contactform7 td {
	border: none;
}

.table-contactform7 th {
	text-align: left;
	padding-left:20px;
	padding-top:20px;
}

@media (max-width:640px) {
	.table-contactform7 th {
		padding-top:10px;
		padding-bottom:10px;
	}
}

.contact p {
	color: #fff;
}

ul.socialBtn {
	margin:0;
}

.pankuzu {display: inline-block;
	font-size: 0.75rem;
}
.pankuzu h2 {display:inline;
	font-size: 0.75rem;
}

/* Slick */
.topics {position: relative;}
.slick-slider {position: static;}
.slick-arrow_prev {position: absolute;left:-2.5rem;top:50%;z-index: 10;}
.slick-arrow_next {position: absolute;right:-2.5rem;top:50%;z-index: 10;}
.recommend { background: #FCF5E8;padding-left: 10rem; padding-right: 10rem;}
.recommend .card {padding:0;margin:1rem;background: #fff;}
.bankin-list .card {padding:0;background: #fff;}
.recommend .card .grid-x,.bankin-list .card .grid-x {padding:0.5rem;} 

/********* fujimoto end ****************************/

/********* egawa add ****************************/
/* hタグ */
h2 {
	color:#333;
	font-size:2rem;
	text-align:center;
	font-weight: bold;
	margin-bottom:20px;
	margin-top:50px;
}

.page-template-page-lp-php h2 {
	background:#213A70;
color:#fff;
font-size:2.5rem;
padding:30px 0;
text-align:center;
font-weight: bold;
margin-bottom:70px;
	
}

h2 span.different {
	color:#ffeb3b;
}

h3 {
	/*font-size:2.25rem;*/
	font-size:1.75rem;
	font-weight:bold;
	color:#800000;
	text-align: center;
}

.single h3 {
	color:#333;
}

h4 {
	font-size:1.25rem;
	border-bottom:3px solid #b71c1c;
	color:#333;
	display: inline-block;
}

h5 {

	color:#212121;
	font-size:1.125rem;
}

p {
	line-height: 1.7;
}

table thead th {
	background: #213A70;
	text-align: center;
}

th {
	background: #cecece;
	border: 1px solid #fff;
}

@media (max-width:640px) {
	h2 {
		font-size: 1.75rem;
		padding:15px 5px;
		margin-top:0;
		margin-bottom:30px;
	}
	
	h3 {
		font-size: 1.25rem;
		margin-top:30px;
		text-align: left;
	}
	h4 {
		font-size:1.125rem;
	}
}

/* ボタン */
.button:not(.hollow) {
	background:#b71c1c;
	border-radius:5px;
	font-weight:bold;
}

/* ヘッダー */
header#menu-dropdown {
	background-color: #fff;

}

.title-logo img {
	max-height: initial;
	/*margin:10px 30px;*/
}

#header1 {
	background-color:#213A70;
	display: initial;
	align-items: initial;
	flex-wrap:initial;
}


#header1 .main-menu {
	background:linear-gradient(#E57373 10%, #b75c5c);
	margin-top:0.5rem;
}

#header1 .main-menu .form{
	background:linear-gradient(#FFF8E1, #FFE082);
}

.main-menu li:after {background: #FF1744;}

#header1 .main-menu ul {
	width: 100%;
}
#header1 .main-menu img {
	margin:0 ;
}
#header1 .main-menu ul li:first-child {
	border-left-color:#bcbcbc;
}

#header1 .main-menu ul li {
	border-right-color:#bcbcbc;
}

#header1 .main-menu ul li a {
	padding:1rem;
}

#header1 .contact-area img {
	margin-top: 0;
	margin-right: 1rem;
}

#header1 .contact-area img.shaken-tel {
	width: 450px;
}

#header1 .contact-area {
flex-direction: column;
align-items: flex-end;
}

#header1 .contact-area p {
	font-size: 0.75rem;
	font-weight: bold;
	margin: 0;
}


#header1 .contact-area .box {
	display: flex;
	align-items:center;
	justify-content:flex-end;
	width: 100%;
	margin-top:0.5rem;
}


#menu-dropdown .flex-center-center {
	background-color:#213a70;
	height:50px;
}

/* スライダー */

@media (max-width: 640px) {
.slider-area, #slides-mobile {
	height: auto;
}	
}


.mainvisual {
	padding-top:0;
	padding-bottom:0;
	text-align: center;
}
.mainvisual .grid-container {
	padding-left:0;
	padding-right:0;
	position:relative;
}
.mainvisual img {
	margin-bottom:0;
}
.mainvisual .circle-button {
	position: absolute;
	top:10px;
	right:10px;
	z-index: 10;
}
.mainvisual .circle-button img{
	width:18vw;
	height: 18vw;
}
/* おしらせ */
.news {
	background:#E5DFCC;
	padding:1rem;
}
.news p {margin-bottom: 0;}
.news p a { text-decoration: underline;
			font-weight:bold;
			font-size:1.25rem;
}

/* 2案目 */
.design2 header#menu-dropdown .overlay-navi {
	background-color: #213A70;
}

.design2 header#menu-dropdown {
background-color: #213a70;
}

.design2 #header1 .main-menu {
background: linear-gradient(#fcfcfc, #d8d8d8);
margin-top: 0;
}

.design2 #header1 .main-menu ul li a {
color: #213a70;
}

.design2 footer {
	background:#213A70;
}

.design2 .title-area {
	display: block;
	align-items: inherit;
	justify-content:inherit;
	height:auto;
	background:#FCF5E8;
	margin: 0 0 2rem;
	}
.design2 .title-area h2 {
	background: transparent;
	color: #333;
	text-align: center;
	padding: 30px 0;
	font-size: 2rem;
 }

@media (max-width: 640px) {
	.design2 .title-area {
		padding: 2rem 0;
		margin-bottom: 0;
	}
	.title-area  {
		min-height: initial;
	}
}

/* 概要 */
.overview {
	padding-top:1rem;
}

.overview h3 {
	margin-top: inherit;
}

/* 心配 */
.worry {
	background: #BCAAA4;
	position: relative;
}

.worry h2 {
	background-color: transparent;
	border-top:3px solid #fff;
	border-bottom:3px solid #fff;
	padding: 20px 0;
	margin-top:20px;
	margin-bottom:50px;
}

.worry .cell {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.worry .person {
	text-align: center;
	background-color: #FFEB3B;
	font-size: 1.5rem;
	font-weight: bold;
	display: block;
	width: 100%;
}

.worry:after {
		content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -15px;
border: 15px solid transparent;
border-top: 15px solid #BCAAA4;
}

.worry-case {
	padding-left: 1rem;
	padding-right: 1rem;
}

@media (max-width:640px) {
	.worry .cell img {
		margin-bottom:30px;
		max-width: 70px;
	}
	
	.worry .person {
		font-size: 1.25rem;
	}
}

/* 解決 */
.solution {
	padding-top:0;
	background: #FFF8E1;
}

.solution h2 {
	margin-top:0;
}

.solution h2 .small {
	font-size:1.5rem;
}

.solution h2 .different {
	font-size:2.75rem;
}

.solution .help-point {
	background-color: rgba(183,28,28,0.9);
	color:#fff;
	display: inline-block;
	padding:5px 15px 5px 5px;
	font-size: 1.5rem;
	margin-bottom:0;
}

.solution h3 {
	margin-top:20px;
}

@media (max-width:640px) {
	.solution h2 {
		padding-top:30px;
	}
	
	.solution h2 .different {
		font-size:inherit;
	}
	
	.solution h2 .small {
		font-size:1.125rem;
	}
	.solution h3 {
		margin-top: 10px;
	}
	.solution .help-point {
		font-size: 1rem;
	}
}
/* プラン */
.plan {padding-top: 0;}
.plan h2 {margin-top: 0;}

.plan-special h3 {
	background: #b71c1c;
	padding:0.5rem;
	color:#fff !important;
}
.plan-standard h3 {
	background: #1b5e20;
	padding:0.5rem;
	color:#fff !important;
}
.plan-first h3 {
	background: #0d47a1;
	padding:0.5rem;
	color:#fff !important;
}

.plan .grid-x {
	margin-bottom:60px;
}

@media (min-width: 641px) {
.plan .car {
	padding: 3rem;
}
}

.plan .special, .plan .standard, .plan .first {
	text-align: center;
}

.plan .special {
	background-color:rgba(183,28,28,0.2);
}

.plan .standard {
	background-color:rgba(56,142,60,0.2);
}

.plan .first {
	background-color:rgba(25,118,210,0.2);
}

.plan .special p:not(.plan-name),
.plan .standard p:not(.plan-name),
.plan .first p:not(.plan-name) {
	font-size: 1.5rem;
	font-weight: bold;
	margin:0 0 10px 0;
}

.plan .plan-name {
	color:#fff;
	font-size:1.5rem;
	font-weight: bold;
	margin:0;
}

.plan .special .plan-name {
	background-color:rgba(183,28,28,1);
	display:flex;
	justify-content:center;
	align-items:center;
}

.plan .special .plan-name .recommend {
	background-color: #FFEB3B;
	color:#b71c1c;
	font-size:1rem;
	padding:0 5px;
	border-radius:5px;
	margin-right:5px;
	font-family: sans-serif;
}

.plan .standard .plan-name {
	background-color:rgba(56,142,60,1);
}

.plan .first .plan-name {
	background-color:rgba(25,118,210,1);
}

.plan .attention {
	margin-bottom:20px;
}

@media (max-width:640px) {
	.plan .grid-x {
		margin-bottom:10px;
	}
	.plan .plan-name {
		font-size:1rem;
	}
	.plan .price {
		font-size: 1.125rem;
		font-weight: bold;
	}
	.plan .special p:not(.plan-name),
	.plan .standard p:not(.plan-name),
	.plan .first p:not(.plan-name) {
		font-size: 1rem;
	}
	.plan .special .plan-name .recommend {
		font-size: 0.75rem;
		margin:5px;
	}
	.plan .contact-button-area {
		margin-top:50px;
	}
	.plan h3 {
		margin-top:0;
	}
}

/* 6つの納得 */
.convinced .convinced-point-box {
	display: flex;
	align-items:center;
	color:#213A70;
	font-weight:bold;
}

.convinced .convinced-point-box .balloon.left.side p {
	font-size: 1.25rem;
	margin:0;
}

.convinced .convinced-point-box .point {
	font-size:1.5rem;
	margin: 0;
	line-height: 1.3;
}

.convinced img {
	width: 100%;
}

.convinced .cell  {
	margin-bottom:70px;
}

@media (max-width:640px) {
	.convinced .cell  {
		margin-bottom:30px;
	}
}

/* 特典 */
.benefit {
	background-image: linear-gradient(to top, #e6b980 0%, #eacda3 100%);
	padding-top: 0;
}
.benefit h2{ margin-top:0;}

.benefit .special-service {
	background:linear-gradient(#fff, #ebebeb);
}

.benefit .heading p {
	font-size: 2.25rem;
	font-weight:bold;
	line-height:1.3;
	padding:50px 0 40px;
}

.benefit .heading p span {
	color:#b71c1c;
	font-size: 3.75rem;
}

.benefit .benefit-content.callout {
	border:5px solid #213A70;
	border-radius:10px;
	background-color:#fff;
}

.benefit .benefit-content.callout p:not(.red-text) {
	font-size: 1.25rem;
	color:#213A70;
	font-weight: bold;
}

.benefit .benefit-content.callout .red-text {
	font-size:2rem;
	color:#b71c1c;
	font-weight: bold;
	line-height: 1.2;
}

.benefit .benefit-content.callout .red-text .price {
	font-size: 2.875rem;
}

.benefit .benefit-content.callout p.days-ago {
	background-color: #213A70;
	color: #fff;
	text-align: center;
	border-radius: 10px;
	margin-top:20px;
}

.benefit .free-service {
	background-color: #fff;
	padding:30px 0;
}

.benefit .free-service p {
	font-size: 2rem;
	font-weight: bold;
}

@media (max-width:640px) {
	.benefit .heading p {
		font-size: 1.5rem;
		padding:20px 0 10px;
	}
	.benefit .heading p span {
		font-size: 2rem;
	}
	.benefit .benefit-content.callout p:not(.red-text) {
		font-size: 1.125rem;
		margin-bottom:5px;
	}
	.benefit .benefit-content.callout .red-text {
		font-size: 1.5rem;
	}
	.benefit .benefit-content.callout .red-text .price {
		font-size:2rem;
	}
	.benefit .free-service {
		padding:10px;
	}
	
	.benefit .free-service p {
		font-size: 1.125rem;
	}
}

/* 車検の流れ */
.procedure img {
	margin-bottom:0;
}

.procedure .nagare-text {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.procedure .nagare-text .numbers,
.procedure .nagare-text h3,
.procedure .nagare-text p {
	margin-right:30px;
}

.procedure .nagare-text .numbers {
	margin-bottom:0;
	font-weight: bold;
	margin-left:0;
}

.procedure .nagare-text .numbers span {
	color:#213A70;
}
.procedure .nagare-text h3 {
	margin-top:0;
}

@media (max-width:640px) {
	.procedure .nagare-text .numbers {
		margin-top:20px;
	}
	.procedure .nagare-text {
		justify-content: flex-start;
		padding:0 20px;
	}

}
/* お客様の声 */
.customer {
	background-color: #ffe4c4;
	padding-top:0;
	padding-bottom:70px;
	margin-top:4rem;
}

.customer h2 {
	margin-top:0;
}

.customer .voice {
	display: flex;
	align-items: center;
}

@media (max-width:640px) {
	.customer .voice img {
		max-width: 70px;
	}
}

/* お問い合わせ */
.contact {
	padding-top:0;
	margin-top:4rem;
	background-color: #eee;
}

.contact h2 {
	margin-top:0;
}

/* フッター */
footer {
	padding:0;
	background:#543622;
	color: #fff;
	display: flex;
	flex-wrap: wrap;
}

footer .map-area, footer .company-information {
	width: 50%;	
}

footer h3 {
	color: #fff !important;
}

footer .company-information {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding:0 60px;
}

footer .company-information h3 {
	margin-top:0;
	margin-bottom:0.5rem;
	font-size:1.5rem;
}

footer .company-banner img {
	border: 3px solid #ccc;
	border-radius: 5px;
}

footer　.company-information p　a {
	color: #fff;
	pointer-events: none;
}
@media (max-width:640px) {
	footer .map-area, footer .company-information {
		width: 100%;
	}
	
	footer .company-information {
		padding:20px 10px;
	}
	
	footer .company-information p a {
		color: #fff;
	}
}

/* 予約ボタン */
.contact-button-area {
	text-align: center;
	margin:30px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.contact-button-area img {
	margin-bottom:0;
}

@media (min-width:641px) {
	.contact-button-area img {
		max-width: 600px;
	}
}

/* 価格フォント */
span.price {
	color:#b71c1c;
}

/* 吹き出しテキスト */
.balloon p {
	font-weight: bold;
	margin: 0;
}

/* 吹き出したて */
.balloon.vertical {
	position: relative;
display: inline-block;
margin: 1rem 0 1.5rem;
padding: 10px 20px;
min-width: 100%;
font-size: 16px;
background: #fff;
border-radius: 15px;
max-width: 300px;
}

.balloon.vertical:before {
	content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -15px;
border: 15px solid transparent;
border-top: 15px solid #fff;
}

/* 吹き出しよこ */
.balloon.side {
	position: relative;
display: inline-block;
margin: 1rem 0;
padding: 10px 15px;
min-width: 90px;
border-radius: 15px;
margin-right: 20px;
text-align: center;
}

.balloon.side.left {
	background: #FFEB3B;
}

.balloon.side.left:before {
content: "";
position: absolute;
top: 50%;
right: -20px;
margin-top: -10px;
border: 10px solid transparent;
border-left: 10px solid #FFEB3B;
}

.balloon.side.right {
	background: #fff;
	margin-left:20px;
}

.balloon.side.right:before {
content: "";
position: absolute;
top: 50%;
left: -20px;
margin-top: -10px;
border: 10px solid transparent;
border-right: 10px solid #fff;
}

@media (max-width:640px) {
	.balloon.side {
		min-width: 80px;
	}
	.balloon.side.right {
		margin-right: 0;
	}
}

/* ページタイトル */
.title-area {
	display: block;
	align-items: inherit;
	justify-content:inherit;
	height:auto;
	background:#FCF5E8;
	margin-bottom: 0;
}
 
.title-area h2 {
	background: transparent;
	color: #333;
	text-align: center;
	padding: 0.25rem;
	font-weight: normal;
 }

@media (max-width: 640px) {
	.title-area  {
		min-height: initial;
		margin-top:15px;
	}
	.title-area h2 {
		padding-bottom: 2.5rem;
	}
}

.single-post .title-area h2 {
	padding:2rem 0;
	font-size:1.5rem;
}

/* プラン固定 */
#plan .plan-special .callout {
	background:rgba(183,28,28,0.1);
}

#plan .plan-standard .callout {
	background:rgba(56,142,60,0.1);
}

#plan .plan-first .callout {
	background:rgba(25,118,210,0.1);
}

#plan table td {
	border: none;
}

#plan table tbody td {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	border-top: 1px solid #ccc;
}

#plan table tbody td span {
	font-weight: bold;
	font-size: 1.25rem;
}

#plan table tbody .gokei {
	color:#b71c1c;
}

#plan table tbody .gokei td span {
	font-size: 1.5rem;
}
.price-table img {
	margin-bottom:0;
	padding: 1.25rem 1.25rem 0;
	background: #fff;
}

.price-table p {
	background: #fff;
	margin:0px;
	padding:0 5px 5px 0;
	font-size: 90%;
}

/* ul li */
ul:not([class]) li:before {
	content:none;
}

ul:not([class]) li {
	background-image: url(images/list-icon.png);
	background-size: 16px;
	padding-left: 30px;
	background-repeat: no-repeat;
	background-position: left 3px;
}

ul:not([class]) {
	margin-bottom:20px;
}

@media (max-width:640px) {
	main {
		margin-top:56px;
	}
}

.page-template-page-lp main {
	margin-top: 0;
}

/* トップおしらせ */
.news-label {
	display: inline-block;
background-color: #213A70;
color: #fff;
padding: 3px 10px;
}

.news-title ul {
	font-weight: bold;
	margin-bottom: 0;
	margin-left: 1rem;
	margin-top:.5rem;
	font-size: 1.125rem;
}

/*
.news-title{
	display: flex;
justify-content: end;
align-items: center;
}
*/

#frontpage .news {
	background: #FBF3DF;
}

#frontpage .news-label {
	background-color:#805233;
}

/* トップページ下部メニュー */
.car-menu {
	padding-top:0;
	padding-bottom:0;
}
.car-menu .cell {
	padding:5rem;
}
.car-menu .cell a {
	background-size: cover;
	background-repeat:no-repeat;
	background-position:center;
	display: block;
	transition:0.5s all ease-in-out;
}

.cell.car-service {
	display: flex;
	justify-content: center;
	align-items: center;
}

.car-service h2 {
	margin:0;
	color:#fff;
}

.car-menu .cell a img{
	margin: 0 auto;
}

@media (max-width: 640px) {
	.car-menu h3 img { width: 80%;text-align: center;}
}

.car-menu .cell a:hover {
	text-decoration: none;
}
.car-menu .cell a:hover img{
	opacity:1;
}
.car-menu .cell a .box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding:15px 20px;
	color:#fff;
	background: rgba(227, 137, 134,0.9);
}

@media (max-width:640px) {
	.car-menu .cell h2 {
		margin:0;
	}
}

.car-menu .car-service {
	background-image: linear-gradient(rgba(34, 97, 161,0.9), rgba(34, 97, 161,0.9));
	background-position: center center;
	background-size: cover;
}

.car-menu .car-menu1, .car-menu .car-menu2, .car-menu .car-menu3, .car-menu .car-menu4, .car-menu .car-menu5 {
	background-size: cover;
	background-repeat: no-repeat;
}

.car-menu .car-menu1 {
	background-image: url(images/top-shaken.jpg);
}

.car-menu .car-menu2 {
	background-image: url(images/top-bankin.jpg);
}

.car-menu .car-menu3 {
	background-image:url(images/top-seibi.jpg);
}

.car-menu .car-menu4 {
	background-image:url(images/top-hoken.jpg);
}

.car-menu .car-menu5 {
	background-image:url(images/top-hanbai.jpg);
}

/* 車検の流れ */
.nagare ol {
	counter-reset: my-counter;
}

.nagare ol li {
	margin-bottom: 40px;
	padding-left: 20px;
	position: relative;
	display: flex;
	align-items: flex-start;
	padding-bottom:50px;
	border-bottom: 1px solid #000;
}

.nagare ol li:first-child {
	margin-top:40px;
}

.nagare ol li:last-child {
	border-bottom:none;
}

.nagare ol li:before {
	content: counter(my-counter);
	counter-increment: my-counter;
	background-color: #F5F5DC;
	display: flex;
	float: left;
	line-height:1.4;
	margin-left: -30px;
	text-align: center;
	min-height: 40px;
	min-width: 40px;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	font-size: 1.5rem;
	font-weight:normal;
	position: absolute;
	z-index: 1;
	top:-20px;
	left:30px;
}


.nagare ol li:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #000;
}

.nagare ol li:last-child:after {
	content:none;
}

.nagare ol li .order h4 {
	margin-bottom:20px;
}

@media (max-width:640px) {
	.nagare ol li {
		flex-direction: column;
		padding-left:0;
	}
	
	.nagare ol li:last-child {
		margin-bottom:0;
	}
	
	.nagare ol li:before {
		top:0;
		left:0;
		min-height: 30px;
		min-width: 30px;
		margin-left: -10px;
	}
	
	.nagare ol li .order {
		margin-left:0;
		margin-top:20px;
	}
	
	.nagare ol li .order h4 {
		margin-bottom:1rem;
	}
	
	.nagare ol {
		margin: 0 1rem;
	}
}

@media (min-width:641px) {
	.outline table tbody td,
	.outline table tbody th {
		padding:1.25rem 1.75rem;
	}
}

.outline table tbody,
.outline table tfoot, table thead {
	border: none;
	background-color: transparent;
}

.outline table th,
.outline table td {
	background: transparent;
	border:none;
	border-bottom:1px solid #ccc;
}

.outline table th:first-of-type,
.outline table td:first-of-type {
	border-top:1px solid #ccc;
}

.outline table th {
	text-align: left;
}

/*　ページ下部お問い合わせ */
.bottom-contact {
	background-image:linear-gradient(rgba(249,168,37,0.9), rgba(249,168,37,0.9));
	background-position: center;
	background-size:cover;
}

.bottom-contact h3 {
	text-align: center;
	margin-top:0;
	margin-bottom:2rem;
}

.bottom-contact .callout {
	background:#fff;
	padding-bottom:1rem;
}

.bottom-contact .callout h4 {
	text-align: center;
	display: block;;
}

.bottom-contact .callout .tel p {
	font-size: 2rem;
	font-weight: bold;
}

@media (min-width:641px) {
	.bottom-contact .callout {
		min-height: 270px;
		padding:2rem;
	}
	.bottom-contact .callout h4 {
		text-align: center;
		margin:0 0 2rem;
	}
}

/* スマホメニュー */
.mobile-menu,
#menu-dropdown nav.overlay-navi-menu {
	background: #BDBDB7;
}

.mobile-menu li a span {
	color:#333;
}

.mobile-menu li {
	border-bottom:1px solid #fff;
}

/* サービスロゴ大きさ調節 */
.summary img.service-logo {
	width: 70vw; 
}
@media (min-width: 641px) {
.summary img.service-logo {
	width: 40vw; 
	max-width: 500px;
}	
}

/* 電話問い合わせボタン */
@media (min-width:641px) {
	a[href^="tel:"] {
    	pointer-events: none;
  }
}

.page-template-page-lp h3 {
	color: #213a70;
}

 
/* kawashima added */

/* 下線hover */
.main-menu li:after {background: #FFB300;}

/* 見出しタグ */
.summary h3{
	margin-top: 0;
}

/* ロゴ文字 */
.wf-nicomoji { 
	font-family: "Nico Moji";
	font-size: 180%;
	color:#FFAB00;
	text-shadow:1px 1px 0 #000, -1px -1px 0 #000,
	  -1px 1px 0 #000, 1px -1px 0 #000,
	  0px 1px 0 #000,  0-1px 0 #000,
	  -1px 0 0 #000, 1px 0 0 #000;
	display: inline-block;
	margin-top: -10px;
 }

/* トップページ */
.merit {
	background: #FCF5E8;
}

.kasane img {margin-bottom: 0;}
.kasane .callout {background:#fff;}

@media (min-width: 641px) {
.kasane {position:relative;/*height:400px;*/height:500px;margin-bottom:2rem;¥}
}

/* 各種サービスの概要部分 */
.summary {
	background: #FCF5E8;	
	display: flex;
	flex-flow: column;
	padding-top: 0;
}

.summary .image-block {
	max-width: 75rem;	
	margin:0 auto;
}
.summary .image-block img{
	margin-bottom: 0;
}
.summary .text-block {
	padding: 1rem;	
}


@media (min-width: 641px) {
.summary .text-block {
	background: #fff;
	padding: 2rem;
	width: 70%;
	max-width: 900px;
	margin: -4rem auto 0;
	z-index: 10;
	overflow: hidden;
}
}

/* 各種サービスのおすすめポイント */
.detail .point {
	margin-top: 2rem;
	margin-bottom: 2rem;
}
@media (min-width: 641px) {
.detail .point {
	width:90%;
	max-width: 1000px;
	margin: 3rem auto 3rem;
}
}
.detail img {
	margin-bottom: 0;
}
.detail .text-block {
	display: flex;
	align-items: center;
	padding:0 2rem;
	flex-direction: column;
	justify-content: center;
}
@media (min-width: 641px) {
.detail .text-block h4{
	margin-top:0;
	align-self: flex-start;
}
.detail .text-block p{
	margin-bottom: 0;
}
}

/* 会社概要 */
.point .callout {
	width: 100%;
}
.point .callout p,
.point .callout li {
	font-size: 110%;
}

/* スマホで電話番号のリンク色白固定 */
.phone-number {color:#fff !important}

/* 素材画像フィルター */
.sozai {filter: grayscale(1);}

@media (max-width: 640px) {
.page-template-page-lp h2 {
	font-size: 1.5rem;
}
}

/* lp ここがたすかるh3左寄せ */
.solution h3 {
	text-align: left;
}

/* 印刷 */
@media print {
a[href]:after {
content: "" !important;
}
abbr[title]:after {
content: "" !important;
}
body {
width: 1000px !important;
height: auto;
margin: 0px auto;
padding: 20px;
clear: both;
overflow: auto;
display:table;
}
.swiper-container {
	width: 1000px !important;
	overflow: hidden;
}
.slider-area {width: 1000px !important;
	overflow: hidden;}
p {
font-size:small !important;
}
}


/* 板金ランディングページ */
#bankin h4 {
font-family: 'Noto Sans JP', sans-serif;
font-weight:900;
display:block;
border-bottom: none;
text-align:center;
font-size:1.75rem;
margin-top:.5rem;
color:#fff9c4;
}
#bankin h5 {margin-bottom: 2rem;}
#bankin .large-text {text-align:center;font-size: 1.25rem;font-weight:bold;color:#000;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:700;
	margin:2rem 1rem;
}
#bankin .point-small {
	text-align:center;
	color:#fff;
	font-weight:bold;
}

#bankin #jump-menu {
	
}
#bankin #jump-menu h4{
	color: #d00;
}
#bankin #jump-menu .callout{
	text-align: center;
	background:transparent;
	margin-left:1rem;
	margin-right:1rem;
	padding:0;
	
}
#bankin #jump-menu .callout a{
	padding-top:2rem;
	padding-bottom:2rem;
	font-weight:bold;
	border-radius:5px 5px 25px 25px;
	border:3px solid #795548;
}
#bankin #jump-menu .callout a{
	display:block;
	background:#eee;
	transition: all 0.6s ease;
}
#bankin #jump-menu .link1 a:hover {
	background:#e3f2fd;
}
#bankin #jump-menu .link2 a:hover {
	background:#ffebee;
}
#bankin #jump-menu .link3 a:hover {
	background:#fff3e0;
}
#bankin #jump-menu .link1 a{
	color:#01579b;
}
#bankin #jump-menu .link2 a{
	color:#b71c1c;
}
#bankin #jump-menu .link3 a{
	color:#ef6c00;
}

#bankin #outline {
	background: #01579b;
	color:#fff;
}
#bankin #dent-repair {
	background: #01579b;
}
#bankin #dent-repair .callout {
	border-radius:10px;
	padding:2rem;
	border:3px solid #795548;
}
#bankin #jisseki {
	background: #b71c1c;
	color:#fff;
}
#bankin #before-after {
	background: #b71c1c;	
}
#bankin #before-after .callout {
background: #fff;	
border-radius:10px;
padding:2rem;
border:3px solid #795548;
}
#bankin #before-after .callout .card {
	border:none;
	background:transparent;
}
#bankin #before-after .callout .card a {
	transition: all 0.6s ease;
	color:inherit;
	text-decoration: none;
}
#bankin #before-after .callout a:hover {
	background:#ffebee;
}
#bankin #before-after .callout p {
	font-size:.875rem;
}
#bankin #before-after .callout .text-right {
	background:#ffebee;
	border-radius:20px;
	display: inline-block;
	padding-right:1rem;
	padding-left:1rem;
}
#bankin #mitsumori {
	background: #f9a825;
}
#bankin #mitsumori-form {
	background: #f9a825;	
}
#bankin #mitsumori-form h5 {
	text-align:center;
	font-size:1.5rem;
	color:#d00;
	margin-bottom:1rem;
}
#bankin #mitsumori-form .callout {
	border-radius:10px;
	padding:2rem;
	background:#fff;
	border:3px solid #795548;
}
#bankin #mitsumori-form h6 {
	font-size:1.125rem;
	margin-bottom: 1rem;
}
#bankin .yoko {
	overflow:hidden;
}
#bankin .yoko li {
	background-image: url(images/list-icon.png);
	background-size: 16px;
	padding-left: 20px;
	margin-right:1.5rem;
	background-repeat: no-repeat;
	background-position: left 3px;
}
#bankin #area {
	background: #fcf5e8;	
}
#bankin #area .callout {
	background: #fff;	
	border-radius:10px;
	padding:2rem;
	border:3px solid #795548;
}

/* Slickスライダーのドット */
/* slick dots */
.slick-dots2 {
  position: absolute;
  bottom: -30px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots2 li {
  position: relative;
  display: inline-block;
  height: 30px;
  width: 30px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots2 li.slick-active
  button::before {
  color: red;
}
.slick-dots2 li button {
  background: transparent;
  border:0;
  font-size: 0pt;
}
.slick-dots2 li button::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "●";
  width: 30px;
  height: 30px;
  font-family: "slick";
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: black;
  opacity: 0.25;
}

.recruit {background:#fff176;}
.recruit a {
	display: block;
	font-size: 1.5rem;
	font-weight:bold;
	text-decoration: underline;
	text-align: center;	
	color:#222;
}
@media (min-width: 641px) {
	.recruit a br {display: none;}
}










/* 板金ランディングページ */
#demo h4 {
font-family: 'Noto Sans JP', sans-serif;
font-weight:900;
display:block;
border-bottom: none;
text-align:center;
font-size:1.75rem;
margin-top:.5rem;
color:#fff9c4;
}
#demo h5 {margin-bottom: 2rem;}
#demo .large-text {text-align:center;font-size: 1.25rem;font-weight:bold;color:#000;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:700;
	margin:2rem 1rem;
}
#demo .point-small {
	text-align:center;
	color:#fff;
	font-weight:bold;
}

#demo #jump-menu {
	
}
#demo #jump-menu h4{
	color: #d00;
}
#demo #jump-menu .callout{
	text-align: center;
	background:transparent;
	margin-left:1rem;
	margin-right:1rem;
	padding:0;
	
}
#demo #jump-menu .callout a{
	padding-top:2rem;
	padding-bottom:2rem;
	font-weight:bold;
	border-radius:5px 5px 25px 25px;
	border:3px solid #795548;
}
#demo #jump-menu .callout a{
	display:block;
	background:#eee;
	transition: all 0.6s ease;
}
#demo #jump-menu .link1 a:hover {
	background:#e3f2fd;
}
#demo #jump-menu .link2 a:hover {
	background:#ffebee;
}
#demo #jump-menu .link3 a:hover {
	background:#fff3e0;
}
#demo #jump-menu .link1 a{
	color:#01579b;
}
#demo #jump-menu .link2 a{
	color:#b71c1c;
}
#demo #jump-menu .link3 a{
	color:#ef6c00;
}

#demo #outline {
	background: #01579b;
	color:#fff;
}
#demo #dent-repair {
	background: #01579b;
}
#demo #dent-repair .callout {
	border-radius:10px;
	padding:2rem;
	border:3px solid #795548;
}
#demo #jisseki {
	background: #b71c1c;
	color:#fff;
}
#demo #before-after {
	background: #b71c1c;	
}
#demo #before-after .callout {
background: #fff;	
border-radius:10px;
padding:2rem;
border:3px solid #795548;
}
#demo #before-after .callout .card {
	border:none;
	background:transparent;
}
#demo #before-after .callout .card a {
	transition: all 0.6s ease;
	color:inherit;
	text-decoration: none;
}
#demo #before-after .callout a:hover {
	background:#ffebee;
}
#demo #before-after .callout p {
	font-size:.875rem;
}
#demo #before-after .callout .text-right {
	background:#ffebee;
	border-radius:20px;
	display: inline-block;
	padding-right:1rem;
	padding-left:1rem;
}
#demo #mitsumori {
	background: #f9a825;
}
#demo #mitsumori-form {
	background: #f9a825;	
}
#demo #mitsumori-form h5 {
	text-align:center;
	font-size:1.5rem;
	color:#d00;
	margin-bottom:1rem;
}
#demo #mitsumori-form .callout {
	border-radius:10px;
	padding:2rem;
	background:#fff;
	border:3px solid #795548;
}
#demo #mitsumori-form h6 {
	font-size:1.125rem;
	margin-bottom: 1rem;
}
#demo .yoko {
	overflow:hidden;
}
#demo .yoko li {
	background-image: url(images/list-icon.png);
	background-size: 16px;
	padding-left: 20px;
	margin-right:1.5rem;
	background-repeat: no-repeat;
	background-position: left 3px;
}
#demo #area {
	background: #fcf5e8;	
}
#demo #area .callout {
	background: #fff;	
	border-radius:10px;
	padding:2rem;
	border:3px solid #795548;
}