@charset "utf-8";

/* -----------------------------------------------------------------------
## Reset #################################################################
----------------------------------------------------------------------- */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,img,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin: 0px;padding: 0px;}
html {font-size: 62.5%; } /* 10px */
/*html {font-size: calc(100vw / 32); }*/
html {overflow:auto; height:100%;}
body{color:#323232;font-family:'Noto Sans JP',sans-serif;font-size:1.5rem;line-height:1.5;-webkit-text-size-adjust:100%;letter-spacing:.05em;overflow:hidden}
fieldset,img{border:0;vertical-align:bottom}

address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:400}
ul{list-style:none}
ol li{list-style-position:outside;list-style:decimal;margin-left:25px;margin-bottom:5px}
caption,th{text-align:left;font-weight:400}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}a{color:#333;text-decoration:none}
img{max-width:100%;height:auto;padding:0;margin:0}
*:focus {outline: none;}
button,input,select,textarea{font-family:"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","Noto Sans Japanese","Hiragino Maru Gothic W4 JIS2004","メイリオ",Meiryo,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px}
input[type=text],select{font-family:"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","Noto Sans Japanese","Hiragino Maru Gothic W4 JIS2004","メイリオ",Meiryo,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px}
input[type="submit"]{-webkit-appearance:none;border-radius:0}
* {/*-webkit-appearance: none;*/}
.clearfix:after{content:"";display:block;clear:both}

.ma_b5 {margin-bottom: 5px;}
.ma_b10 {margin-bottom: 10px;}
.ma_b15 {margin-bottom: 15px;}
.ma_b20 {margin-bottom: 20px;}
.ma_b21 {margin-bottom: 21px;}
.ma_b25 {margin-bottom: 25px;}
.ma_b30 {margin-bottom: 30px;}
.ma_r10 {margin-right: 10px;}
.pdt0 {padding-top:0 !important;}

table,tr,th,td{border-collapse:collapse;text-align:left;font-weight:400;vertical-align:top;word-wrap:break-word}

.pc {display:block!important;}
.sp {display:none !important;}

@media only screen and (max-width: 768px){
body{color:#000;font-size:1.3rem;-webkit-text-size-adjust:100%;letter-spacing:.05em;line-height:160%!important}
.pc {display:none !important;}
.sp {display:block!important;}
input{font-size:16px}
}

.yu-mincho{font-family:"Times New Roman",Times,"游明朝体","Yu Mincho",YuMincho,"HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝',serif}.hind{font-family:'Hind',sans-serif}
.oswa{font-family:'Oswald',sans-serif}
.robo{font-family:'Roboto',sans-serif}.mont{font-family:'Montserrat',sans-serif}
a{display:block;text-decoration:none;opacity:1;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}
a:hover{opacity:.6}

.wrap{position:relative;z-index:0}
.innWrap{max-width:1000px;margin:0 auto;padding:10px}
.innWrap.news{padding-top:40px;padding-bottom:60px}
.innWrap.news p{margin-bottom:60px}
.innWrap.news .title{font-size:120%;font-weight:600;margin-bottom:40px}

@media only screen and (max-width: 768px){
.innWrap{margin:0 5%;padding:0 0}
.innWrap.news{padding-top:30px;padding-bottom:40px}
.innWrap.news p{margin-bottom:40px}
.innWrap.news .title{margin-bottom:30px}
}


/****************************************
HEADER
*****************************************/
/*ヘッダ全体*/
header{position:relative;width:100%;z-index:999;}

/*ハンバーガーメニュー*/
.triggerBtn{width:80px;height:80px;display:block;position:absolute;top:0;right:0;z-index:9999;}
.menu-trigger{display:none;position:absolute;vertical-align:middle;cursor:pointer;background:#0054b4}
.menu-trigger span{display:inline-block;box-sizing:border-box;position:absolute;left:25px;width:40px;height:3px;background-color:#fff;transition:all .5s .2s;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px}
.menu-trigger.active span {}
.menu-trigger span:nth-of-type(1){top:28px}
.menu-trigger.active span:nth-of-type(1){transform:translateY(10px) rotate(-45deg)}
.menu-trigger span:nth-of-type(2){top:38px}
.menu-trigger.active span:nth-of-type(2){opacity:0}
.menu-trigger span:nth-of-type(3){top:47px}
.menu-trigger.active span:nth-of-type(3){transform:translateY(-10px) rotate(45deg)}

.search-btn{width:3.09%;position:absolute;cursor:pointer;top:50%;right:3.6%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}

.header .hd_innar .mail_btn.w1050,
.header .hd_innar .insta_btn.w1050,
.header .hd_innar .tel.w1050,
.header .hd_innar .shaken_btn.w1050{display: none;}

.header .hd_innar{margin:0;position:relative;height:150px;box-sizing: border-box}

.header .hd_innar .logo{position:absolute;top:50%;left:3vw;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:24%;}
.header .hd_innar .logo a{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;opacity:1}
.header .hd_innar .logo a:hover{opacity:.6}
.header .hd_innar .hd_nav{position:absolute;top:0;right:0;width:100%;max-width:870px;}/*右側メニュー*/

.header .hd_innar .nav{display:-webkit-flex;display:flex;flex-direction:column;}
.header .hd_innar .nav ul{height:50%}

.header .hd_innar .nav .nav1{max-width: 790px;background:#fffdd9;position:relative;margin:0 0 0 90px;}/*右側の上のみ マージン調整あり*/

/*営業時間と住所*/
.header .hd_innar .nav .nav1 .info{float:left;width:38%;margin:0;padding:1.3em 0 1.3em 20px;font-weight:700;font-size:14px;}/*width:44%;*/
.header .hd_innar .nav .nav1 .info .time{color:#0068b6;white-space: nowrap}

/*メール*/
.header .hd_innar .nav .nav1 .mail_btn{width:54px;float:right;margin:10px 0 0 0}
.header .hd_innar .nav .nav1 .mail_btn a{display:block;position:relative;width:100%;height:54px;background:#FFF;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;border:solid 3px #0051b4}
.header .hd_innar .nav .nav1 .mail_btn a:before{content:" ";display:inline-block;width:23px;height:18px;background:url(../images/common/icon_mail01.jpg) no-repeat;background-size:contain;vertical-align:middle;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}

/*インスタグラム*/
.header .hd_innar .nav .nav1 .insta-btn{float:right;width:54px;margin:10px 2% 0 2%;}
.header .hd_innar .nav .nav1 .insta-btn	a{display:block;position:relative;width:100%;height:54px;background:#FFF;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;border:solid 3px #d02019}
.header .hd_innar .nav .nav1 .insta-btn a:before{content:" ";display:inline-block;width:25px;height:25px;background:url(../images/common/instagram.png) no-repeat;background-size:contain;vertical-align:middle;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}

/*電話番号*/
.header .hd_innar .nav .nav1 .tel{float:right;width:19%;margin:0}
.header .hd_innar .nav .nav1 .tel a{color:#fff;font-size:12px;line-height:1.2;font-weight:700;text-align:center;display:block;background:#0052b4;height:84px;position:relative}
.header .hd_innar .nav .nav1 .tel a p{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;width:100%}
.header .hd_innar .nav .nav1 .tel a p:before{content:"\e0b0";display:block;color:#fff;font-family:'Material Icons';line-height:1;font-size:29px;margin:0 auto 5px}.header .hd_innar .nav .nav1 .shaken_btn{width:18.8%;height:84px;float:right}

/*車検無料見積*/
.header .hd_innar .nav .nav1 .shaken_btn{float:right;width:19%;margin:0}
.header .hd_innar .nav .nav1 .shaken_btn a{color:#fff;font-size:18px;line-height:1.2;font-weight:700;text-align:center;display:block;background:#f26c00;height:84px;position:relative}
.header .hd_innar .nav .nav1 .shaken_btn a p{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;text-align:center}

/*ナビゲーションメニュー*/
.header .hd_innar .nav .gnav{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;margin:25px 0 0;}
.header .hd_innar .nav .gnav li{margin:0 1%;display:inline-block;display:inline;zoom:1;vertical-align:middle}
.header .hd_innar .nav .gnav li a{font-weight:700;display:inline-block;position:relative;text-decoration:none;padding:0 0 15px;font-size:14px;letter-spacing:-.04em}
.header .hd_innar .nav .gnav li a:before{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:3px;background:#0051b4;transform:scale(0,1);transition:0.4s}
.header .hd_innar .nav .gnav li a:hover:before{transform:scale(1)}
.header .hd_innar .nav .gnav li a.active:before{transform:scale(1);transition:0}

@media only screen and (max-width: 1150px){
.menu-trigger{display:block}.triggerBtn{width:80px;height:80px}
.menu-trigger span {left: 20px;}
.menu-trigger span:nth-of-type(1) {top: 28px;}
.menu-trigger span:nth-of-type(2) {top: 39px;}
.menu-trigger span:nth-of-type(3) {top: 49px;}

.header .hd_innar{height:80px}

/*ロゴ*/
.header .hd_innar .logo{left:3vw;width:150px}

.header .hd_innar .mail_btn,
.header .hd_innar .insta-btn,
.header .hd_innar .tel,
.header .hd_innar .shaken_btn,
.header .hd_innar .nav .gnav,
.header .hd_innar .nav .nav1 .info{display: none;}

.header .hd_innar .nav .nav1	{background: none}

.header .hd_innar .mail_btn.w1050,
.header .hd_innar .insta-btn.w1050,
.header .hd_innar .tel.w1050,
.header .hd_innar .shaken_btn.w1050{display: block;}

/*メール*/
.header .hd_innar .mail_btn	{position: absolute;top: 10px;right: 330px;width: 50px;}
.header .hd_innar .mail_btn a{display:block;position:relative;width:100%;height:50px;background:#FFF;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;border:solid 3px #0051b4}
.header .hd_innar .mail_btn a:before{content:" ";display:inline-block;width:23px;height:18px;background:url(../images/common/icon_mail01.jpg) no-repeat;background-size:contain;vertical-align:middle;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}

/*インスタグラム*/
.header .hd_innar .insta-btn {position: absolute;top: 10px;right: 260px;width: 50px;}
.header .hd_innar .insta-btn a{display:block;position:relative;width:100%;height:50px;background:#FFF;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;border:solid 3px #d02019}
.header .hd_innar .insta-btn a:before{content:" ";display:inline-block;width:25px;height:25px;background:url(../images/common/instagram.png) no-repeat;background-size:contain;vertical-align:middle;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}

/*電話番号*/
.header .hd_innar .tel {width: 80px;position: absolute;top: 0;right: 160px;}
.header .hd_innar .tel a {position: relative;display: block;height: 80px;background: #0052b4;color: #fff;font-size: 12px;line-height: 1.2;font-weight: bold;text-align: center;}
.header .hd_innar .tel a p {position: absolute;top: 50%;left: 50%;-webkit-transform : translate(-50%,-50%);transform : translate(-50%,-50%);text-align: center;width: 100%;}
.header .hd_innar .tel a p:before {content:"\e0b0";display:block;color:#fff;font-family: 'Material Icons';line-height: 1;font-size: 30px;margin: 0 auto;}

/*車検無料見積*/
.header .hd_innar .shaken_btn {width: 80px;position: absolute;top: 0;right: 80px;}
.header .hd_innar .shaken_btn a {color: #fff;font-size: 12px;line-height: 1.2;font-weight: bold;text-align: center;display: block;background:#f26c00;height: 80px;position: relative;}
.header .hd_innar .shaken_btn a p {position: absolute;top: 50%;left: 50%;-webkit-transform : translate(-50%,-50%);transform : translate(-50%,-50%);width: 100%;text-align: center;}
}
@media only screen and (max-width: 768px){
.search-btn{width:6%;right:3%;top:25%}
}
@media only screen and (max-width: 580px){
header{margin:0;height:70px}

.menu-trigger span{left:15px;width:20px}.menu-trigger span:nth-of-type(1){top:22px}
.menu-trigger.active span:nth-of-type(1){top:20px;transform:translateY(12px) rotate(-45deg)}
.menu-trigger span:nth-of-type(2){top:32px}
.menu-trigger.active span:nth-of-type(2){opacity:0}.menu-trigger span:nth-of-type(3){top:43px}
.menu-trigger.active span:nth-of-type(3){top:45px;transform:translateY(-12px) rotate(45deg)}

.triggerBtn {display: block;width: 50px;height: 70px;right: 0;}
.mega-nav {display: block;}

.header .hd_innar .mail_btn,.header .hd_innar .insta-btn{width:34px;top:15px;}
.header .hd_innar .mail_btn a,.header .hd_innar .insta-btn	a{width: 34px;height:34px;}

.header .hd_innar .mail_btn{right:230px}
.header .hd_innar .mail_btn	a{border:solid 2px #0051b4}
.header .hd_innar .mail_btn a:before{width:22px;height:13px;margin-left: 2px;}

.header .hd_innar .insta-btn{right:183px}
.header .hd_innar .insta-btn	a{border:solid 2px #d02019}
.header .hd_innar .insta-btn a:before{width:20px;height:20px}

.header .hd_innar .tel{width:50px;right:122px}
.header .hd_innar .tel a{height:70px}.header .hd_innar .tel a p:before{font-size:24px}

.header .hd_innar .shaken_btn{width:70px;right:51px}
.header .hd_innar .shaken_btn a{font-size:10px;height:70px}
}

@media only screen and (max-width: 440px){
.header .hd_innar .logo{left:3vw;width:120px}
}

@media only screen and (max-width: 410px){

.header .hd_innar .mail_btn{right:190px}
.header .hd_innar .insta-btn{right:150px}
.header .hd_innar .tel{width:40px;right:102px}
.header .hd_innar .tel a p:before {font-size: 25px;margin: 0 auto 0 -3px;}
.header .hd_innar .shaken_btn{width:50px;right:51px}
}


/* ----------------------------------------
 *  ページトップ
 * ---------------------------------------- */
#pagetop{position:absolute;top:0;right:5%;width:75px}#pagetop a{background:#0051B6;text-decoration:none;width:75px;height:75px;text-align:center;display:block;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;position:relative;box-shadow:0 0 10px rgba(0,0,0,.4)}#pagetop a:before{content:"";position:absolute;top:56%;left:50%;width:15px;height:15px;border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}#pagetop a:hover{opacity:.7}
@media only screen and (max-width:768px){#pagetop{width:45px;top:0;z-index:9997}#pagetop a{width:45px;height:45px;background-size:18px 11px}#pagetop a:before{width:10px;height:10px}}


/*========================================
メガメニュー
========================================*/
.mega-nav {display:none;width: 100%;margin: 0 auto;background: #fff0d8;position: absolute;z-index: 9999;left: 0;right: 0;}
.mega-nav .innar {max-width: 990px;margin: 0 auto;padding: 45px 0;position: relative;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
.mega-nav .innar:before{
	margin: 0;
	content: " ";
	display: block;
	width: 13px;
	height: 20px;
	background: url(../images/common/mega_hoiku_arrow.jpg) no-repeat;
	background-size: contain;
	vertical-align: middle;
	position: absolute;
	top: -20px;
	right: -7.5%;
}
.mega-nav .innar .ttl {
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px dotted #dacebb;
	margin: 0px 0px 10px;
	padding: 0px 0px 5px;
}
.mega-nav .innar .sttl {
	font-size: 15px;
	font-weight: bold;
	margin: 0px 0px 8px;
	padding: 0 0 0 5px;
	border-left: solid 3px #FFB33A;
}

.mega-nav .innar .nav li {
	margin: 0 0 7px;
}
.mega-nav .innar .nav li a {
	font-size: 13px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
	opacity: 1;
}
.mega-nav .innar .nav li a:hover {
	opacity: 0.6;
}
.mega-nav .innar .nav .nav1 li a:before , .mega-nav .innar .nav .nav2 li a:before{
	background : none;
	content: ">";
	margin: 0 5px 0 0;
	font-size: 12px;
	color: #FFB33A;
}

.mega-nav .innar .nav2 .nav2_1 {
	margin: 0 30px 0 0;
}
.mega-nav .innar .nav2 .nav2_1 .img {
	margin: 0 0 10px;
}


.mega-nav .innar .nav1 {
	margin: 0 0 30px;
}
.mega-nav .innar .nav1.nav1_1 {
	margin: 0 0 60px;
}

.mega-nav .innar .nav1:last-child {
	margin: 0;
}
.mega-nav .innar .nav2 .inn {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.mega-nav .innar .nav3 {
	position:absolute;
	bottom: 45px;
	right: 0;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.mega-nav .innar .nav3 li {
	margin: 0 20px 0 0;
}
.mega-nav .innar .nav3 li:last-child {
	margin: 0;
}
.mega-nav .innar .nav3 li a {
	font-size: 11px;
	text-decoration: underline;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
	opacity: 1;
}
.mega-nav .innar .nav3 li a:hover {
	opacity: 0.6;
}
@media only screen and (max-width: 1050px){
.mega-nav .innar {padding: 30px 0;display: block;display: block;z-index: 9999;margin: 0 5%;}
.mega-nav .innar:before{
	display: none;
}
.mega-nav .innar .nav {
	width: auto;
	position: relative;
}
.mega-nav .innar .gnav {
	margin: 0 0 30px;
}
.mega-nav .innar .gnav li {
	text-align: center;
	border-bottom: solid 1px #ccc;
	margin: 0 0 10px;
	padding: 0 0 10px;
}
.mega-nav .innar .info {
	margin: 0 5%;
	font-weight: bold;
	text-align: center;
}
.mega-nav .innar .info .time {
	color:#0068b6;
}
.mega-nav .innar .info .address {
}

}





/* ===============================================
フッター
=============================================== */
#footer {position: relative;}
#footer .logo {
	max-width: 235px;
	margin: 0 auto 20px;
}
#footer .address {
	margin: 0px auto 20px;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
}
#footer .copyright {
	padding: 1.5em 0px;
	margin: 0px auto;
	font-size: 13px;
	text-align: center;
	background:#0050b4;
	color:#fff;
}
@media only screen and (max-width: 768px){
#footer {
}
#footer .logo {
	max-width: 100%;
	width: 40%;
}
#footer .address {
	font-size: 12px;
}
#footer .copyright {
	padding: 1em 0px;
	font-size: 10px;
}
}



/* ===============================================
タイトル
=============================================== */
h1 {}
h2 {}
h3 {
	font-size: 34px;
	font-weight: bold;
	text-align: center;
	position: relative;
	margin-bottom: 40px;
}
h3:after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -15px;
	display: inline-block;
	width: 143px;
	height: 4px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #0050b4;
}
h4 {
	font-size: 30px;
	font-weight: bold;
	position: relative;
	margin-bottom: 70px;
}
h4::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -15px;
	display: inline-block;
	width: 100%;
	height: 3px;
	background-color: #0050b4;
	background: linear-gradient(90deg, #0050b4 0%, #0050b4 30%, #c9c9c9 30%, #c9c9c9 100%);
}
h4 span {
	font-size: 19px;
	display: block
}
h5 {}



@media only screen and (max-width: 768px){
h1 {}
h2 {}
h3 {
	font-size: 20px;
	margin-bottom: 20px;
}
h3:after {
	bottom: -7px;
	display: inline-block;
	width: 75px;
	height: 2px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #0050b4;
}
h4 {
	font-size: 15px;
	margin-bottom: 35px;
}
h4::after {
	bottom: -8px;
	width: 100%;
	height: 2px;
}
h4 span {
	font-size: 13px;
	display: block;
}
h5 {}

}





/* ===============================================
SP用 カテゴリ内ナビ
=============================================== */
.sp_snav {
	display:none;



}
@media only screen and (max-width: 768px){
.sp_snav {
	display:block;
}
.sp_snav .ttl {
	color: #FFF;
	background: #ffb23a;
	text-align: center;
	font-weight: bold;
	padding: 0.3em 0.5em 0.5em;
}
.sp_snav .inn {
	background: #fff0d8;
	padding: 15px 0px 20px;
}
.sp_snav .inn ul {
	margin: 0px 5%;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
}
.sp_snav .inn ul li {
	width: 48%;
	margin: 0 2% 10px 0;
	position:relative;
	/*list-style: disc inside;*/
}
.sp_snav .inn ul li:nth-last-child(-n+2) {
	margin: 0;
}
.sp_snav .inn ul li:after{
	content: "●";
	margin: 0 5px 0 0;
	font-size: 10px;
	color: #ffb33b;
	vertical-align: baseline;
	position: absolute;
	top: 0;
	left:0;
}

.sp_snav .inn ul li a {
	text-decoration: underline;
	margin: 0 0 0 15px;
	display: block;
}
}








/* ===============================================
お問い合わせ・お見積はこちら
=============================================== */
.sec-contact {
    max-width: 1000px;
    margin: 0 auto 40px;
    background: #e1eefd;
}
.sec-contact .innWrap {
    max-width: 665px;
    margin: 0 auto;
    padding: 0px 10px 45px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.sec-contact .title {
    font-size: 30px;
    font-weight: bold;
    padding: 35px 0 0;
    margin: 0 0 50px;
    text-align: center;
    line-height: 1;
}
.sec-contact .title:after {
 margin: 0 auto;
 content:" ";
 display: block;
 width:225px;
 height:4px;
 background:#30b562;
 background-size:contain;
 vertical-align:middle;
}
.sec-contact .title span:before {
 margin:0 12px 0 0;
 content:" ";
 display:inline-block;
 width: 106px;
 height: 73px;
 background: url("../images/index/cont_icon01.png") no-repeat;
 background-size:contain;
 vertical-align:middle;
}
.sec-contact .title span:after {
 margin:0 0 0 12px;
 content:" ";
 display:inline-block;
 width: 116px;
 height: 80px;
 background: url("../images/index/cont_icon02.png") no-repeat;
 background-size:contain;
 vertical-align:middle;
}
.sec-contact .innWrap .tel .num {
    font-size: 36px;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    line-height: 1;
    margin: 0 0 5px;
}
.sec-contact .innWrap .tel .num:before {
 margin: 0 5px 0 0;
 content:"\e0b0";
 display:inline-block;
 color:#0051b4;
 font-family: 'Material Icons';
 line-height: 1;
 font-size: 29px;
}
.sec-contact .innWrap .tel .time {
 color:#0051b4;
 font-weight: bold;
}


.sec-contact .innWrap .mail {
    background:#0051b4;
    width: 60px;
    height: 60px;
    border-radius:50px;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    border: solid 3px #fff;
}
.sec-contact .innWrap .mail a {
	display: block;
	position: relative;
	height:60px;
}
.sec-contact .innWrap .mail a:before {
 content:" ";
 display:inline-block;
 width: 21px;
 height: 16px;
 background: url("../images/common/icon_mail02.jpg") no-repeat;
 background-size:contain;
 vertical-align:middle;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);
  text-align: center;
}


.sec-contact .innWrap .btn {
    background:#f26c00;
    width: 280px;
    border: solid 3px #fff;
}
.sec-contact .innWrap .btn a {
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	position: relative;
	display: block;
    height: 60px;
}
.sec-contact .innWrap .btn a p {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);
  text-align: center;
  width: 100%;
}
@media only screen and (max-width: 768px){
.sec-contact {
    margin: 0 5% 40px;
}
.sec-contact .innWrap {
    margin: 0 5%;
    padding: 0px 10px 20px;
    display: block;
    max-width: 100%;
}
.sec-contact .title {
    font-size: 16px;
    padding: 25px 0 0;
    margin: 0 0 20px;
}
.sec-contact .title:after {
 width: 35%;
 height: 3px;
 margin: 5px auto 0;
}
.sec-contact .title span:before {
 margin: 0 10px 0 0;
 width: 25px;
 height: 17px;
}
.sec-contact .title span:after {
 margin: 0 0 0 10px;
 width: 30px;
 height: 20px;
}
.sec-contact .innWrap .tel {
 margin: 0 0 10px;
}
.sec-contact .innWrap .tel .num {
    text-align: center;
}
.sec-contact .innWrap .tel .num:before {
 font-size: 30px;
}
.sec-contact .innWrap .tel .time {text-align: center;}


.sec-contact .innWrap .mail {
    width: auto;
    height: 45px;
    margin: 0 0 10px;
}
.sec-contact .innWrap .mail a {
	height: 45px;
}
.sec-contact .innWrap .mail a:before {
}


.sec-contact .innWrap .btn {
    width: auto;
}
.sec-contact .innWrap .btn a {
	font-size: 16px;
	height: 45px;
}
.sec-contact .innWrap .btn a p {
}
}


/*------------------------------
 ボタンデザイン
------------------------------*/
.btn1 {
    max-width: 312px;
    margin: 0 auto;
    text-align: center;
    box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
}
.btn1 a {
	display: block;
	font-size:20px;
    font-weight: bold;
    background: #0053b4;
    color:#fff;
    border: solid 3px #fff;
    padding: 1.2em 1em;
}

@media only screen and (max-width: 768px){
.btn1 {
    max-width: 312px;
    margin: 0 auto;
    text-align: center;
    box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
}
.btn1 a {
	font-size: 16px;
	padding: 1em 1em;
}
}




/*------------------------------
 メインイメージ・タイトル
------------------------------*/
.main-img {
    position: relative;
	margin-bottom: 75px;
}
.main-img img {
    width: 100%;
    height: auto;
}
.main-img .ttl {
    font-size: 33px;
	font-weight: bold;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 15%;
	-webkit-transform : translateY(-50%);
	transform : translateY(-50%);
}
@media only screen and (max-width: 768px){
.main-img {
    margin-bottom: 38px;
}
.main-img .ttl {
    font-size: 20px;
}
}

/*------------------------------
 パンくずリスト
------------------------------*/
.pankuzu {
	width: 100%;
	margin: 0 0 20px;
	text-align: right;
	padding-top: 20px;
	border-top: 1px solid #c9c9c9;
}
.pankuzu span {
    margin: 0 10px;
}
.pankuzu a {
    color: #0050b4;
    display: inline-block;
}
.pankuzu_inn {
	max-width: 1000px;
	margin: 0 auto;
}
@media only screen and (max-width: 768px){
.pankuzu {
	margin: 0 auto 10px;
	padding-top: 10px;
	width: 90%;
	border-top: none;
    font-size: 10px;
}
.pankuzu span {
    margin: 0 5px;
}
}



/*------------------------------
 下層ページ共通
------------------------------*/
.underlayer .contents {
	width: 76%;
	max-width: 1000px;
	margin: 0 auto 100px;
}
.underlayer .contents .txt {
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 50px;
}
.underlayer .contents .txt span {
	color: #0150b4;
}
@media only screen and (max-width: 768px){
.underlayer .contents {
	margin: 0 auto 50px;
	width: 90%;
}
.underlayer .contents .txt {
	font-size: 20px;
	margin-bottom: 25px;
}
}
@media only screen and (max-width: 640px){
.underlayer .contents .txt {
	line-height: 1.5;
}
}