/*
Theme Name:Template-theme
Author:更新システム
Description:更新システム専用テーマ
Version: 2.2.1
*/
/* Copyright (c) 2009, Yahoo! Inc. All rights reserved. 
Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt 
version: 3.0.0 build: 1549 */ 

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{ margin:0;padding:0; } 
table{ border-collapse:collapse;border-spacing:0; }
fieldset,img{ border:0;vertical-align:bottom}
address,caption,cite,code,dfn,th,var{ font-style:normal;font-weight:normal; } 
td,th{font-size:100%;vertical-align:top;}
li { list-style:none; } 
caption,th{ text-align:left; } 
h1,h2,h3,h4,h5,h6{ font-size:100%;font-weight:normal; } 
q:before,q:after{ content:''; } 
abbr,acronym{ border:0;font-variant:normal; } 
sup{ vertical-align:text-top; } 
sub{ vertical-align:text-bottom; } 
input,textarea,select{ font-family:inherit;font-size:inherit;font-weight:inherit; }
input,textarea,select{ *font-size:100%; }  
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {	display: block;}
audio[controls], canvas, video { display: inline-block; *display: inline; zoom: 1;}
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200;
}
body{
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
	color: #333;
	font-size:100%;
	line-height:1.6;
	font-weight: 500;
}
/* -------------------------------------------
	IE
---------------------------------------------- */
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, 
/*ここの下から*/
	body {
		font-family: "メイリオ",Meiryo,"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	}
}
/*ここの上まで*/
/* -------------------------------------------
	CLEAR-FIX
---------------------------------------------- */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	 display:inline-block;
	overflow:hidden;
}
/* Hides from IE-mac \*/
* html.clearfix {
 height:1%;
}
.clearfix {
 display:block;
}


/* -------------------------------------------
	Utility
---------------------------------------------- */
/* Margin
-------------*/
.h-m0{margin:0}
.h-m10{margin:10px}
.h-m15{margin:15px;}
.h-m20{margin:20px;}
.h-mg5{margin:5px;}
.h-mg10{margin:10px;}
.h-mg15{margin:15px;}
.h-mg20{margin:20px;}

.h-mt5{margin-top:5px;}
.h-mt10{margin-top:10px;}
.h-mt15{margin-top:15px;}
.h-mt20{margin-top:20px;}
.h-mt30{margin-top:30px;}
.h-mt50{margin-top:50px;}
.h-mt100{margin-top:100px;}

.h-ml5{margin-left:5px;}
.h-ml8{margin-left:8px;}
.h-ml10{margin-left:10px;}
.h-ml15{margin-left:15px;}
.h-ml20{margin-left:20px;}
.h-ml30{margin-left:30px;}
.h-ml40{margin-left:40px;}
.h-ml50{margin-left:50px;}

.h-mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.h-mr15{margin-right:15px;}
.h-mr20{margin-right:20px;}

.h-mb5{margin-bottom:5px;}
.h-mb10{margin-bottom:10px;}
.h-mb15{margin-bottom:15px;}
.h-mb20{margin-bottom:20px;}
.h-mb50{margin-bottom:50px;}
.h-mb100{margin-bottom:100px;}

/* padding 
---------------------*/
.h-p5{padding:5px;}
.h-p10{padding:10px;}

.h-pt10{padding-top:10px;}
.h-pt20{padding-top:20px;}
.h-pb20{padding-bottom:20px;}

/* display
------------------- */
.h-db{display:block;}
.h-dpib{display:inline-block;}
.h-dn{display:none;}

/* Float
---------------------*/
.h-fl{float:left}
.h-fr{float:right;}
.h-cl{clear:both;}

/* cursor
-------------------*/
.h-cp{cursor:pointer;}

/* align
------------------- */
.h-tac{text-align:center}
.h-tal{text-align:left}
.h-tar{text-align:right}

/* font
------------------- */
.h-fss{font-size: 80%;}
.h-fsb{font-size: 130%;}
.h-fwb{font-weight: bold;}
.h-fwn{font-weight: normal;}

/*ぱんくずリスト
----------------------------------*/
#breadcrumb{
	margin:5px auto;
	max-width:960px;
}
#breadcrumb ol{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 80%;
}
#breadcrumb li {
	float: left;
	display: inline;
}
#breadcrumb li a {
	margin-right: 20px;
	text-decoration: none;
	color: #000;
	position:relative;
}
#breadcrumb li a:after{
	content: "";
	width: 5px;
	height: 5px;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: -12px;
	position: absolute;
	margin-top: -4px;
	}

/*　ボタン
---------------------*/
.btn{
	display: block;
	border: 1px solid;
	text-align:center;
	padding: 15px;
	font-size: 0.9em;
	font-weight: bold;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.btn_green{
	background-color: #7bcf77;
	color: #fff;
}
/*一覧に飛ぶボタン*/
.list_btn {
	position: relative;
    background: #f8f8f8;
    border: 1px solid #f8f8f8;
    color: #ec781a;
    padding: 5px 40px;
    display: inline-block;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
}
.list_btn:before{
	content:"";
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 4px;
	border-color: transparent transparent transparent #ec781a;
	position: absolute;
	top: 50%;
	margin-top: -4px;
	left: 25px;
}
.list_btn:hover {
    background: #fff;
    -moz-box-shadow: inset -1px -1px 1px rgba(000,000,000,0.2),inset 2px 2px 1px rgba(255,255,255,1);
    -webkit-box-shadow: inset -1px -1px 1px rgba(000,000,000,0.2),inset 2px 2px 1px rgba(255,255,255,1);
    box-shadow: inset -1px -1px 1px rgba(000,000,000,0.2),inset 2px 2px 1px rgba(255,255,255,1);
}
/*お問い合わせボタン*/
.inquiry_btn{
	display: block;
	padding: 15px 20px;
	background: #007fbf;
	color: #fff;
	font-size: 14px;
	width:100%;
	font-weight: bold;
}
.side_ttl{
	position:relative;
	}
.side_ttl:after{
	content:"";
	position:absolute;
	bottom:0;
	right:0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 53px 90px;
	border-color: transparent transparent #0072b5 transparent;
	}

/*　pagetop
---------------------*/
#pagetop a{
	display: block;
	background-color: #009ade;
	border-top: 1px solid #009ade;
	border-bottom: 1px solid #009ade;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	-webkit-transition: all 0.35s ease-out;
	transition: all 0.35s ease-out;
	line-height: 45px;
}
#pagetop a:hover {
	color: #009ade;
	background-color: #fff;
}

/* -------------------------------------------
	WordPress Editor
---------------------------------------------- */

img.size-auto,
img.size-large,
img.size-full,
img.size-medium {
	max-width: 100%;
	height: auto;
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 15px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 15px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	border: none;
	-khtml-border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 20px;
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px;
}
.wp-caption p.wp-caption-text {
	margin: 0 0 4px;
}
.wp-smiley {
	margin: 0;
}
img {max-width:100%;height:auto;}
.pc,.sp{display:none;}

/* ------------------------------------------
	共通のスタイル記述
--------------------------------------------- */
/* Header 
------------------------------------ */
#header{
	border-bottom: 1px solid #333;
}
#header h1{
	font-size:0.7em;
	margin: 10px auto -10px;
	max-width: 1280px;
}
.header_inner{
	margin: auto;
	max-width: 1280px;
	position: relative;
	padding: 20px 0;
}
#nav-toggle {
	display: none;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -14px;
	width: 122px;
	height: 28px;
	cursor: pointer;
	z-index: 101;
}
#logo{
	float:left;
	width: 50%;
	max-width:230px;
}
.head_right{ float:right; }
.head_counsel{
	color:#007fbf;
	line-height: 1;
	float: left;
	width: 300px;
}
.counsel_shop{
	background-color: #007fbf;
	color: #fff;
	padding: 6px 10px 4px;
	border-radius: 5px;
	margin-right: 0.4em;
	display: inline-block;
	font-weight: bold;
	font-size: 0.9em;
}
.counsel_tel{
	display: inline-block;
	font-size: 2em;
	vertical-align: middle;
	font-weight: bold;
}
.counsel_tel a{
	text-decoration:none;
	color:#007fbf;
}
.counsel_under{
	font-size: 0.83em;
	margin-top: 2px;
}
.contact_btn{
	display: inline-block;
	padding: 10px 60px 10px 40px;
	text-decoration: none;
	background: #32b16c;
	color: #fff;
	border-bottom: solid 4px #336666;
	border-radius: 28px;
	font-weight:bold;
	position:relative;
}
.contact_btn:after {
	content: "";
	width: 5px;
	height: 5px;
	border-right: 3px solid #fff;
	border-top: 3px solid #fff;
	position: absolute;
	top: 50%;
	right:40px;
	margin-top: -4px;
	margin-left: 12px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.contact_btn:hover {
	margin-top: 4px;
	border-bottom: none;
}
/* sidebar
------------------------------------ */
.side_content{ margin-bottom: 20px; }
.menu_ttl{
	padding: 13px 20px;
	background: #007fbf;
	color: #fff;
	font-size: 0.9em;
	font-weight: bold;
	position:relative;
	overflow: hidden;
}
.menu_list a{
	display: block;
	width: 100%;
	padding: 15px 25px 15px 20px;
	font-size: 0.9em;
	border-bottom:1px solid #FFF;
	position:relative;
	background-color: #f5f5f5;
	text-decoration: none;
	color: #000;
}
.menu_list a.bg_blue{
	background-color: #00b1ff;
	color:#fff;
}
.menu_list a:after {
	content: "";
	width: 6px;
	height: 6px;
	border-right: 2px solid #007fbf;
	border-top: 2px solid #007fbf;
	position: absolute;
	top: 50%;
	right:18px;
	margin-top: -3px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.menu_list a:hover{
	background-color: #00b1ff;
	color:#fff;
}
.menu_list a:hover:after {
	border-color: #fff;
}
.sns{ margin: 20px 0; clear: both;}
.sns li{
	display: inline-block;
	width: 32px;
	margin-right: 5px;
}

/*Pagenavi
------------------------------------ */
.wp-pagenavi {
    clear: both;
	text-align: center;
}
.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	color: #000;
	border: 2px solid #007FBF;
    padding: 5px 0;
    margin: 4px;
    width: 34px;
	display: inline-block;
}
.wp-pagenavi span.current {
	font-weight: bold;
}
.wp-pagenavi span.pages{ width: auto; padding: 5px;}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
    border-color: #00B1FF;
	color:#fff; 
    background-color:#00B1FF; 
}

/* Footer
------------------------------------ */
#footer{ 
	text-align: center;
	padding-top: 5em;
}
.footer_inner{
	padding: 20px 0;
	background-color:#333;
}
.footer_inner li{ display:inline-block; }
.footer_inner a{
	color:#fff;
	text-decoration: none;
	display:inline-block;
	padding:3px 20px;
    font-size: 0.9em;
}
#copy{
	font-size:0.8em;
	padding-top: 10px;
}
/*コンテンツ
----------------------------------*/
#container{ padding-top: 45px;}

/* hタグ
------------------------------------ */
.content_ttl{
	position:relative;
	background-color: #007fbf;
	color: #fff;
	padding: 12px 20px;
	margin-bottom: 20px;
	overflow: hidden;
}
.content_ttl > *{
	position: relative;
	z-index: 1;
	font-weight: bold;
	font-size: 1.3em;
}
.content_ttl:after{
	content: "";
	display: block;
	position:absolute;
	bottom:0;
	right:0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 62px 90px;
	border-color: transparent transparent #0072b5 transparent;
	z-index: 0;
    font-weight: bold;
}
.komidashi{
	background-color: #f5f5f5;
	text-align: left;
	padding: 15px 20px;
	border-bottom: 4px solid #007fbf;
    margin:30px 0 20px 0;
    font-weight: bold;
	}
/* ----------------
    下部共通部分
------------------ */
.map-wrap{
	background-color: #f5f5f5;
	margin: 80px 0 20px;
	padding: 20px;
}
.home .map-wrap{ margin-top: 20px;}
.map-wrap h2{
	font-size: 1.1em;
	border-bottom: 2px solid #007fbf;
	padding-bottom: 2px;
	margin-bottom: 30px;
	font-weight:bold;
}
.care_map {
	position: relative;
	padding-top: 62%;
	overflow: hidden;
}
.care_map iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}	
.btn-contact{
	margin: 40px 0 0;
}
.btn-contact a{
	border: 2px solid #007fbf;
	padding: 13px 0;
	background-color: #FFF;
	color: #000;
	font-weight: bold;
	position:relative;
	font-size: 14px;
	display:block;
	text-align: center;
	max-width: 200px;
	margin: 0 auto;
}
.btn-contact a:after{
	content:"";
	position:absolute;
	bottom:1px;
	right:1px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 10px 10px;
	border-color: transparent transparent #0072b5 transparent;
}
.btn-contact a span{
	display: inline-block;
	padding-left: 22px;
	position: relative;
}
.btn-tel span:before{
	content: "";
	display:block;
	width: 20px;
	height: 20px;
	background:url(images/common/icon-phone.png) no-repeat center center;
	background-size: contain;
	position: absolute;
	left:0;
	top: 50%;
	margin-top: -10px;
}
.btn-mail span:before{
	content: "";
	display:block;
	width: 20px;
	height: 20px;
	background:url(images/common/icon-mail.png) no-repeat center center;
	background-size: contain;
	position: absolute;
	left:0;
	top: 50%;
	margin-top: -10px;
}
.list-btn{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-content:justify;
    -ms-box-pack:justify;
    box-pack:justify;
    flex-pack:justify;
    -webkit-box-pack:space-between;
    justify-content:space-between;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.list-btn li{ width: 48%; }
.list-btn a{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align:center;
	align-items:center;
	text-decoration: none;
	color:#000;
	border: 2px solid #007fbf;
	padding: 12px 70px 12px 20px;
	background-color: #f5f5f5;
	color: #000;
	font-weight: bold;
	position: relative;
	font-size: 1.5em;
	text-align: center;
	border-radius: 5px;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
	overflow: hidden;
}
.list-btn a:before{
	content: "";
	display: block;
	height: 100%;
	width: 70px;
	background: url(images/common/arrow-white.png) no-repeat center center #007fbf;
	background-size: 18px;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}
.lb_icon{
	border-radius: 50%;
	width: 120px;
	height: 120px;
	background-color: #fff;
	position: relative;
	overflow: hidden;
}
.lb_icon img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 80%;
    -webkit-border-radius:20px;
}
.ib_txt{
	margin-left: 5%;
	-webkit-box-flex: 0;
	flex: 0 1 auto;
}
.list-btn a:hover{
	padding: 12px 40px;
}
.list-btn a:hover:before{
	width: 0;
}

@media all and (min-width:769px){
/* ------------------------------------------
	PC用のスタイル記述
--------------------------------------------- */
.pc{display:block;}

/* コンテンツ
------------------------------------ */
.container{
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
}
#main{
	max-width:940px;
	width:75%;
}
.side-right #main{ float:left; }
.side-left #main{ float:right; }

/* Sidebar
------------------------------------ */
#sidebar{
	max-width:300px;
	width:23%;
}
.side-right #sidebar{ float:right; }
.side-left #sidebar{ float:left; }
.menu_ttl:after{
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 49px 86px;
	border-color: transparent transparent #0072b5 transparent;
}

/*　コンテンツ並び(隙間あり)
---------------------*/
.cont02 > * {
    float:left;
    width:49%;
}
.cont02 > *:nth-child(2n){
    float:right;
}
.cont03 > * {
    float:left;
    width:32%;
}
.cont03 > *:nth-child(3n-1){
    margin-left:2%;
    margin-right:2%;
} 
.cont04 > * {
    float:left;
    width:23.5%;
}
.cont04 > *:not(:nth-child(4n)){
    margin-right:2%;
}
/*　コンテンツ内
---------------------*/
.img-fr .img-area{
	max-width:100px;
	float:left;
	width:30%;
}
.img-fr .text-area{
	float:left;
	width:70%;
	padding-left:10px;
}
/* ----------------
    下部共通部分
------------------ */
.map-wrap{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	align-items: flex-end;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	flex-direction: row-reverse;
}
.map-right{
	width:45%;
	margin-left: 5%;
}
.map-left{ width:50%; }
.btn-contact .btn-tel{ display:none; }
.btn-mail:hover{
	background-color:#00b1ff;
	color:#fff;
}
.btn-mail:hover span:before{
	background-image:url(images/common/icon-mail_white.png);
}

/*PC*/
}
@media screen and (max-width:900px){
/* コンテンツ
------------------------------------ */
#container{
	margin: 0 auto;
	width: 95%;
	padding-top: 50px;
}
#sidebar,#main{
	max-width:100%;
	width:100%;
}
.side-right #sidebar,.side-right #main{ float:none;}
.side-left #sidebar,.side-left #main{ float:none; }
}
@media screen and (max-width:768px){
/* ------------------------------------------
	タブレットからのスタイル
--------------------------------------------- */
.sp{ display:block; }

/* header
------------------------------------ */
#header{
	position:fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	z-index: 105;
}
#header h1 {
    margin: 0;
    padding: 0 5px;
}

.header_inner {
    padding: 10px 8px 13px;
}
#logo {
    position: relative;
    z-index: 101;
}
#nav-toggle {
	display: block;
}
#nav-toggle div {
	position: relative;
	width: 34px;
}
#nav-toggle span {
	display: block;
	position: absolute;
	height: 5px;
	width: 100%;
	background: #007fbf;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	left: 0;
	-webkit-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}
#nav-toggle p{
	padding-left: 40px;
	font-size: 1.6em;
	color: #007fbf;
	font-weight: bold;
	line-height: 30px;
}
#nav-toggle span:nth-child(1) { top: 0; }
#nav-toggle span:nth-child(2) { top: 11px; }
#nav-toggle span:nth-child(3) { top: 22px; }
/* #nav-toggle 切り替えアニメーション */
.open#nav-toggle span:nth-child(1) {
	top: 11px;
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	transform: rotate(315deg);
}
.open#nav-toggle span:nth-child(2) {
	width: 0;
	left: 50%;
}
.open#nav-toggle span:nth-child(3) {
	top: 11px;
	-webkit-transform: rotate(-315deg);
	-moz-transform: rotate(-315deg);
	transform: rotate(-315deg);
}
#nav {
	position: fixed;
	top: 0;
	left: 100%;
	width: 100%;
	height: 100%;
	padding: 55px 0 10px;
	background-color: #fff;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	z-index:100;
	overflow-x: auto;
}
.home #nav{ padding-top: 75px;}
.open #nav { left:0; }
.menu_btm{
	padding: 0 15px;
	text-align: center;
}
.contact_btn{ float:right;}
/* ----------------
    下部共通部分
------------------ */
.btn-contact {
    margin: 30px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.btn-contact a {
    width: 48%;
}
.list-btn li{ margin-bottom: 10px; }
.list-btn a {
	padding: 12px 50px 12px 20px;
	font-size: 1.2em;
}
.list-btn a:before {
	width: 50px;
	background-size: 14px;
}
.lb_icon {
	width: 80px;
	height: 80px;
}
/*768*/
}
@media screen and (max-width:640px){
.head_counsel,
.contact_btn{ float:none;display:inline-block;}
/* ----------------
    下部共通部分
------------------ */
.list-btn li{ width: 100%;margin-bottom: 10px; }
/*sp640*/
}
@media screen and (max-width:480px){
/* header
------------------------------------ */
#header h1 {
    font-size: 0.58em;
}
#nav-toggle {
    margin-top: -20px;
    width: 34px;
    height: 40px;
}
#nav-toggle p {
    padding: 29px 0 0;
    font-size: 11px;
    line-height: 1;
}
#nav {padding-top: 50px;}
.home #nav {padding-top: 60px;}
.footer_inner li{
	display: block;
}
/* ----------------
    下部共通部分
------------------ */
.btn-contact {
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.btn-contact a { width: 100%; }
.btn-contact a:last-child{ margin-top: 10px; }

/*sp480*/
}
@media screen and (max-width:375px){
.counsel_tel { font-size: 1.7em;}


/*sp375*/
}