/* スマホ横1*/
@media screen and (max-width: 768px) {
	
	
body {
width: 100%;
min-width: 100% !important;
overflow:hidden;
}

.pc {
display: none;
}

.sp {
display: block;
}

img {
width: auto;
max-width: 100%;
}

#block01,#block02,#block03,#block04,#block05,#block06,#block07,#block08,#block09,#block10 {
padding-top: 0;
margin-top: 0;
}

article .article-title {
height: 60px;
}

article .article-title h2 {
	top:8px;
}
article .article-title img{
width:50%;
}

article .article-title .ico_cc{
top: -30px;
width:20%;
}

article .article-title .ico_arrow{
width:50%;
}

/* SP用 contact
   ========================================================================== */

.sp-contact {
padding: 10px 0;
width: 100%;
position:fixed;
bottom: -100%;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  -o-transition: .5s;
  -ms-transition: .5s;
transition: .5s;
background: rgba(255,255,255,.7);
}

.sp-contact li {
color: white;
width: 49%;
font-size: 14px !important;
text-align: center;
}


.sp-contact li a {
color: inherit;
display: block;
padding: 10px 5px;
font-weight: bold !important;
}

.sp-btn-tel {
background: #7bc61a;
}

.sp-btn-form {
background: #0fb7c6;
}

#yaji {
	background-size:80%;
}
/* header
   ========================================================================== */

#sp-header {
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #000;
padding: 5px;
display:-webkit-box;
display:-moz-box;
display:box;
display:-webkit-flex;
display:flex;
-webkit-box-pack:left;/*--- Androidブラウザ用 ---*/
-ms-flex-pack:left;/*--- IE10 ---*/
-webkit-justify-content:left;
justify-content: left;
-webkit-box-align: left;
-ms-flex-align: left;
-webkit-align-items: left;
align-items: left;

width:100%;
position: fixed;
top: 0;
z-index:10;
height:50px;
border-top:solid #84C023 3px;
}

#sp-header h1 {
width: 57%;
}

#sp-header p {
width: 10%;
}



.menu-wrap {
  overflow: hidden;
  height: 2.7em;
  width: 100%;
  position: fixed;
  z-index: 2;
  top: 50px;
  left: 0;
  margin: 0 auto;
border-top:solid #ccc 1px;
border-bottom:solid #ccc 1px;
background: -webkit-gradient(linear, left top, left bottom, from(#fff),color-stop(0.50, #eee),color-stop(0.50, #eee),to(#fff));
}
.menu-wrap .mask {
  height: 4em;
  width: 100%;
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;  
}
.menu-wrap .list {
  display: inline-table;
  max-width: 100%;
  
  list-style-type: none;
 width: 100%;
  margin: 0 auto;
  padding: 0;
  
}
.menu-wrap .list li {
  display: table-cell;
  
}

.menu-wrap .list li a {
  display: block;
  padding: 15px 10px;
  color: #555;
  font-size: 14px;
  font-weight: bold !important;
border-right: 1px solid #d7d4d4;
-webkit-box-sizing: border-box;
box-sizing: border-box;
  line-height: 1;
  text-decoration: none;
 
}

.menu-wrap .list li.last-child a {
border-right: none;
}




/* contents
   ========================================================================== */

#contents {
margin: 97px auto 10px auto;

}

#contents p {
line-height: 150%;
/*font-size: 16px;*/
}

.inner {
width: 98%;
padding:0 1%;

}

/* footer
   ========================================================================== */
footer {
	margin-bottom:80px;
}
footer ul {
  padding: 4% 1.3%;
}

footer ul li {
  display: inline;
  font-size: 13px;
}

footer ul li::after {
  padding: 0 5.3%;
}

#copy {
  padding: 15px;
  font-size: 11px;
}

#pagetop {
  position: relative;
  right: inherit;
  bottom: inherit;
  display: block;
}

#pagetop a {
  display: block;
  background: #84BE23;
  border-radius: 0;
  padding: 2% 1.3%;
  font-size: 2.5vw;
  width: 100%;
  text-align: center;
  
}

#pagetop span {height:3vw; width:4.5vw; display:block; position:relative;overflow:hidden; margin: 0 auto 1vw;}

#pagetop span:before{content:''; height:2.2vw; width:2.2vw; display:block; border:.5vw solid #fff; border-left-width:0; border-bottom-width:0; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);;position:absolute; top:1vw; left:1vw;}

/* メイン画像
   ========================================================================== */

#main {
width: 100%;
padding: 0;
background: url(../img/main_bg_sp.png) no-repeat right top;
background-size: 70%;
}


#main h2 {
text-align: left;
margin: 0 0 10px 0;
}
#main h3{
text-align: left;
margin: 0 0 10px 0;
}

#main ul {
display:-webkit-box;
display:-moz-box;
display:box;
display:-webkit-flex;
display:flex;
width: 98%;
margin: 0 auto;
}

#main li {
float: none;
width: 31%;
}


.topbox {
  height     : 150px;
}

/* inquiry お問い合わせ
   ========================================================================== */

.inquiry {
	margin: 0;
	padding:15px 0 0 0;
}

.inquiry-txt {
width: 98%;
color: white;
font-size: 16px;
padding: 5px 5px;
border-radius: 20px;
}
.inquiry_tel {
width: 100%;
margin: 15px auto 5px 10px;
text-align: center;
float: none;

}

.inquiry_form {
width: 90%;
margin: 10px 5% 20px 5%;
float: none;
}


.inquiry_form_txt {
margin: 0 0 5px 0;
}

.inquiry-info {
padding: 15px 0;
background: #f0eeee;
}

.inquiry-info p {
width: 96%;
margin: 0 2%;
font-size: 13px;
}


/* data-chart データ資料
   ========================================================================== */

.data-chart {
	padding: 3.4% 0;
}
.data-chart > div > div:first-child {
	margin-right: 0;
}
.data-chart > div > div:first-child figure {
	margin-bottom: 6.25%;
}
.data-chart > div > div:first-child p {
	padding: 3px;
	font-size: 2.5vw;
}

/* number 件数実績
   ========================================================================== */
   .number {
	   padding: 5px 1%;
	}
.number > figure:last-of-type {
	margin: 7% 0;
	padding: 2% 1p%;
}
.number > figure:first-of-type img {
	margin: 0 auto;
}
#number-dd {
	padding: 3% 0;
	font-size:16px;
}
#number-dd > div {
	display:inline-block;
}
#number-dd > div > div:first-child {
	margin-right: 0;
}
#number-dd > div > div:last-child {
	margin-right: 0;
}
#number-dd > div > div:last-child figure {
	margin-bottom: 0;
}
#number-dd > div > div:last-child p {
	padding: 2% 1%;
	font-size: 16px;
}
/* area 対応可能エリア
   ========================================================================== */

.area {
	padding: 5px 1%;
}
.area > div > div:first-child {
	margin-right: 0;
}
.area > div > div:first-child figure {
	margin-top:-15px;
}
.area > div > div:last-child figure {
	display:none;
}

.area > div > div:first-child p {
	
}

.area > div > div:first-child p.tit{
font-size: 15px;
margin-top:-35%;
width:100%;
}
.area > div > div:first-child p.tit span{
font-size: 15px;
padding: 5px;
line-height:230%;

}
.area > div > div:first-child p.txt {
	padding: 2% 1%;
	font-size: 16px;
}




/* chach　お困りお悩み
   ========================================================================== */
.chach {
padding: 5px 1%;
background-size:50%;
background-attachment: fixed;/*背景固定 css*/
margin-bottom:3%;
}
.chach h2,
.chach h3 {
margin-bottom: 5px;
margin-top:0;

}

.chach p + p {
margin-top: 5px;
}

.chach li {
font-size: 16px;
padding: 0 0 10px 30px;
margin-bottom: 10px;
background-position: left top;
background-size: 20px;
}

.chach li:last-of-type {
margin-bottom: 10%;
}

.chach-box01 {
padding: 10px;
margin: 0;
/*background: url(../img/chach08.png) no-repeat center bottom;
background-size:80%;*/
}

.chach-box01:after {
width: 150px;
height: 46px;
}



.chach-box02 {
margin: 0;
/*background: none;*/
background-size: 45%;
}

.chach-box02 p {
width: auto;
line-height: 150% !important;
font-size:16px;
}
.www {
width: 62%;
line-height: 150% !important;
font-size:16px;
}

.chach-box03 {
background-color: transparent;
}

.chach-box03 ul > li {
	background: url(../img/chach10.png) no-repeat 5px 10px;
background-size:50px;
width:100%;
 margin-right: 0;
/*border-bottom: 1px dotted #777;*/
}

.chach-box03 ul li .q{
margin: 0 0 0 60px;
font-size:16px;
}

.chach-box03 ul li .a{
padding: 0 0 0 50px;
margin-left:60px;
background: url(../img/chach11.png) no-repeat left 3px;
background-size:40px;
font-size:14px;
}






/* reason　選ばれる理由
   ========================================================================== */

.reason p{
	font-size:16px;
}

.reason ul {
width: 100%;
margin: 8px auto;
}

.reason li {
width: 100%;
float: none;
padding: 5px 0 10px 0;
border-right: none;
border-bottom: 1px solid #CCC;
}

.reason li.last-child {
/*padding-right: inherit;*/
}

.reason li.last-child2 {
/*padding-right: inherit;*/
border-bottom: none;
}

.reason li img {
width: 39%;
display: inline-block;
margin: 0 auto auto;
}

.reason li p {
width: 58%;
float: right;
margin: 0 auto auto;
font-size:16px;
line-height: 1.5 !important;
}



/* voice お客様の声
   ========================================================================== */
.voice {
	background-size:80%;
}


.voice p{
	font-size:16px;
}


.vo {
margin: 0 0 10px 0;
padding: 10px;
width:94.6% ;
}

.vo img {
width: 25%;
}

.vo-info-l,
.vo-info-r {
margin-bottom: 5px;
min-height:auto;
}


.vo-info-l h3,
.vo-info-r h3 {
font-size: 16px;
padding: 5px 5px 3px;
margin-bottom:8px;

}


.vo-info-l p.vo-catch,
.vo-info-r p.vo-catch {
margin-bottom: 8px;
font-size: 18px !important;
}


/* plan　プラン／料金
   ========================================================================== */

.plan {
padding: 30px 0;
}

.plan h2 {
margin-bottom: 10px;
}

.plan p{
	font-size:16px;
}


#plan-txt00 {
margin-bottom:100px;
}
.plan-txt01 {
width: 95%;
margin: 0 auto 20px;
font-size: 14px;
border-radius: 20px;
position:absolute;
top: 75%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform : translate(-50%,-50%);
transform : translate(-50%,-50%);
}

.plan-txt02 {
width: 95%;
font-size: 14px;
line-height:1.2;
margin: 0 auto 5px;
position:absolute;
	bottom:-95px;
	left:10px;
}


#CDT{
	font-size: 12px;
	position:absolute;
	top:-20px;
	right: -10px;
	background: url(../img/plan02.png) no-repeat center top;
	background-size:90px;
	/* background-size:contain;*/
	padding:33px 20px;
}
#CDT .day{
 font-size: 20px;
 line-height:0.2 !important;
 text-shadow: 
0 0 15px #624120, 
0 0 15px #624120, 
0 0 0.30px #624120;
}
#CDT .day::after {
	content: "\A" ;
	white-space: pre ;
}
#CDT .hour,#CDT .min,#CDT .sec{
 font-size: 7px;
 line-height:5px;
}


/* スマホ用料金一覧 */
.price-child {
overflow: hidden;
margin-bottom: 5px;
}

.price-box {
width: 32.3%; /*２分割→? ３分割→32.3%　分割なし→? */
padding: 0.5%;
float: left;
border-right: 1px dotted #ccc;
position:relative;
}

.price-box.last-child {
border-right: none;
padding-right: 0;
}

.price-box .price-light {
overflow: hidden;
margin-bottom: 5px;
padding-bottom:10px;
border: 3px solid #FF7979;
border-radius: 3px;
background:#FFF;
}

.price-box .price-standard {
overflow: hidden;
margin-bottom: 5px;
padding-bottom:10px;
border: 3px solid #689A07;
border-radius: 3px;
background:#FFF;
}


.price-box .price-full {
overflow: hidden;
margin-bottom: 5px;
padding-bottom:10px;
border: 3px solid #50A1BE;
border-radius: 3px;
background:#FFF;
}

.price-box p {
text-align: center;
}

.price-box h3 {
color: white;
font-size: 13px;
font-weight: bold;
text-align: center;
padding:5px 1px;
}
.price-box h3 span{
font-size: 10px;
}

.price-txt02 {
font-size: 13px;
padding: 5px;
margin-bottom: 5px;
}


.price-txt06 {
font-size: 15px;
color:#aaa;
font-weight:bold;
}
.price-txt06 k {
text-decoration: line-through ;
font-size: 18px !important;
color:#aaa;

}
.price-txt06 span {
display: block;
font-size: 12px !important;
line-height: 60% !important;
}
.price-txt06 f {
font-size: 12px;
}

.price-box .price-txt04 {
color: #F30;
margin-bottom: 10px;
background: url(../img/arrow09.png) no-repeat center;
font-size: 17px !important;
background-size: contain;
padding:5px;
}


.price-light .price-txt05 {
color: #FF7979;
font-size: 9px;
font-weight:bold;
}
.price-standard .price-txt05 {
color: #689A07;
font-size: 9px;
font-weight:bold;
}
.price-full .price-txt05 {
color: #50A1BE;
font-size: 9px;
font-weight:bold;
}

.price-light .price-txt05 span,
.price-standard .price-txt05 span,
.price-full .price-txt05 span
{
font-size: 17px;
}

.price-light h3 {
background: #FF7979;
}

.price-standard h3 {
background: #689A07;
}

.price-full h3 {
background: #50A1BE;
}

.price-btn {
	text-align:center;
}

.btn-light{
color: #FF7979;
font-size: 12px;
}
.btn-light:before{
content: "▼";
padding-right:3px;
}

.btn-standard{
color: #689A07;
font-size: 12px;
}
.btn-standard:before{
content: "▼";
padding-right:3px;
}

.btn-full{
color: #50A1BE;
font-size: 12px;
}
.btn-full:before{
content: "▼";
padding-right:3px;
}

/* プラン詳細 */

.plan-child {
width: 100%;
margin: 0 auto 15px;
}

.plan-box {
width: 100%;
padding: 2% 0 !important;
border-right: none;
border-bottom: 1px dotted #ccc;
}

.plan-box .plan-light,
.plan-box .plan-standard,
.plan-box .plan-full {
margin-bottom: 0;
width: 98.5%;
/*border: 1px solid #e3e3e3;*/
}

.plan-box.last-child {
border-bottom: none;
}

.plan-box h3 {
font-size: 22px;
padding: 5px;
}

.plan-box ul {
/*margin: 10px 1px;
width:59%;
float:right;
border-left:1px dotted #CCC;
padding-left:5px;
padding-bottom:0;
border-bottom:none;*/
}

.plan-box li {
font-size: 15px;
letter-spacing: -1px;
line-height: 80%;
margin-bottom: 10px;

}

.plan-box .plan-txt05 {
font-size: 18px !important;
line-height: 180% !important;
}

.plan-box .plan-txt05 span {
margin-top: 5px;
display:inline-block;
font-size: 45px !important;
}


.plan-light li:before,
.plan-standard li:before,
.plan-full li:before {
font-size: 18px;
margin-right: 1px;
}

.plan-info {
padding: 10px;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}


.plan-txt06 {
padding: 15px;
margin-bottom: 15px;
background: white;
border-radius: 10px;
}

.plan-txt07 {
font-size: 12px !important;
padding: 0 5px 0 16px;
background: url(../img/icon04.png) no-repeat left 1px;
background-size:13px;
}


.service {
	background-size:80%;
}

.service .inner > p {
width: auto;
font-size: 16px;
}


.se {
margin: 0 0 10px 0;
padding: 10px;
width:94.6% ;
}

.se img {
width: 25%;
display: block;

}

.se-info {
margin-bottom: 5px;
min-height:auto;
overflow:hidden;

}

.se-info p.se-catch {
font-size: 16px !important;
padding-bottom:10px;
width:80%;
}
.se-info p.se-catch span{
color:#50A1BE;
font-size: 19px;
}
.se-info p.se-txt {
padding: 5px 13px 15px;
line-height: 1.2 !important;
font-size:14px;
}

/* sch　スケジュール
   ========================================================================== */
 .sch p{
	font-size:16px;
}  
.sch ul {
width: 100%;
background-image:none;
}

.sch li {
	width: 100%;
}
.sch li p{
	font-size:14px;
	line-height:1.3;
}
.sch li:nth-child(1),
.sch li:nth-child(2),
.sch li:nth-child(3),
.sch li:nth-child(4),
.sch li:nth-child(5),
.sch li:nth-child(6),
.sch li:nth-child(7),
.sch li:nth-child(8),
.sch li:nth-child(9),
.sch li:nth-child(10),
.sch li:nth-child(11){
left:0;
}

.sch li.sch01:after,
.sch li.sch-txt01:after,
.sch li.sch02:after,
.sch li.sch03:after {
left:0;	
right: 0;
}

.muryou span{
	font-size:28px;
	
}

/* hitu 必要書類
   ========================================================================== */
.txt01 li {
font-size: 18px !important;
width: 100%;
float: none;
padding: 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 20px;
margin: 0 auto 10px;
}
.txt01 li:nth-child(1) {
background:url(../img/num1.png) no-repeat 10px 7px;
background-size: 25px;
background-color: #FF7979;
}
.txt01 li:nth-child(2) {
background:url(../img/num2.png) no-repeat 10px 7px;
background-size: 25px;
background-color: #FF7979;
}
.txt01 li:nth-child(3) {
background:url(../img/num3.png) no-repeat 10px 7px;
background-size: 25px;
background-color: #FF7979;
}
.txt02 p {
width: 95%;
padding: 0 5px 0 16px;
font-size:12px;
background: url(../img/icon03.png) no-repeat left 1px;
background-size:13px;
}


/* promise 約束
   ========================================================================== */

.promise ul li {
	width: 97.5%;
	min-height: auto;
	border-bottom:#CCC 1px dotted;
}
.promise ul li:last-child{
    border-bottom: none;
}
.promise ul li img{
	float:left;
	width:35%;
    margin:0 10px 0 0;
}
.ypromise ul li h3{
	font-size:15px;
	text-align:left;
	margin-left:38%;
	margin:5% auto 2%;

}
.promise ul li p {
	
}


/* trouble トラブル解決事例
   ========================================================================== */
.trouble {
	background-size:80%;
}
#trouble-case {
	padding-bottom: 11.36%;
}
#trouble-case p{
	font-size:16px;
}
#trouble-case ul {
	margin-bottom: -4%;
	padding:0;
}

#trouble-case ul > li {
  width: 100%;
  margin-right: 0;
  margin-bottom: 5px;
  border-radius: 1vw;
	padding: 1vw;
}


#trouble-case ul > li .inn h5 {
  font-size: 17px;
  padding: 8px;

}

#trouble-case ul > li .inn dl dt {
  font-size: 20px;

}
#trouble-case ul > li .inn dl dd .matome {
  font-size: 16px;
}

#trouble-case ul > li .inn dl dd .matome em {
  font-size: 25px;

}
/* faqs　よくある質問
   ========================================================================== */

.faq dl {
width: 100%;
margin: 0 auto 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 10px;
}

.faq dl dt {
height: auto;
min-height: 25px;
font-size: 16px !important;
padding: 3px 25px 5px 33px;
background: url(../img/faqs02.png) no-repeat left 5px;
background-size: 25px;
}

.faq dl dd {
font-size: 14px !important;
padding: 3px 5px 5px 33px;
background: url(../img/faqs01.png) no-repeat left 5px;
background-size: 25px;
}


/* access 事務所案内
   ========================================================================== */
.access .inner > p {
font-size: 16px;
}
.access .firm{ float:left;width:100%; } 
.access .firm .officeData{ position:relative; } 
.access .firm .officeData .pic{height:auto; overflow:hidden;position:relative; width:49%; }  

.access .firm .officeData .body{ float:left;padding:10px 0 10px 20px; } 
.access .firm .officeData .body .officeTag{background:#7fad45;  font-size:16px;margin-bottom:15px;padding:3px 15px 1px; } 
.access .firm .officeData .body .address{font-size:16px;line-height:1.6;  margin-bottom:3.21%; } 
.access .firm .officeData .body .name img{ width:80%;}
.access .firm .officeData .body .tel{ font-size:16px; } 
.access .firm .officeData .body .tel strong{ font-size:16px;line-height:1.35; }




/* nav-content　サイドバー
   ========================================================================== */
.nav-content {
	display: block;
	position: absolute;
	width: 100%;
	top: -735px;
	left:0;
	z-index: 15;
	-webkit-transition: 1.5s top;
	transition: 1.5s top;
	background-color: #fff;
}
  .nav-content ul li {
	font-size: 12px;
	width:50%;
	float:left;
	
}
 .nav-content ul li a {
	display: block;
	color: #777;
	text-decoration: none;
	clear: both;
	padding: 10px;
	border-bottom: 1px dotted #74AE09;
	line-height:25px;
	border-right: 1px solid #74AE09;
}
.nav-content ul li a:after{
	content:  url("../img/arrow10.png");
	float:right;
	top: 3px;
	right: 3px;
}

.nav_title{
	padding:10px;
	border-bottom: 3px solid #74AE09;
	font-weight:bold;
	color: #74AE09;
	background-color:#F5F5F5;
}

.is-open .nav-content {
  top: 50px; 
  
  }


#js-cover {
  background: #000;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0px;
  opacity: 0;
  z-index: 1; }

.menu-button {
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  right: 1px;
  top: 5px; 
  background: #000;
  }
  .menu-button i {
    display: block;
    width: 20px;
    height: 2px;
    border-radius: 3px;
    background: #fff;
    -webkit-transition: background 0.5s;
            transition: background 0.5s;
    position: relative;
    left: 5px;
    top: 16px; }
    .menu-button i:before,
    .menu-button i:after {
      content: "";
      display: block;
      width: 20px;
      height: 2px;
      border-radius: 3px;
      background: #fff;
      position: absolute;
      -webkit-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transition: all 0.3s !important;
              transition: all 0.3s !important; }
    .menu-button i:before {
      -webkit-transform: translateY(8px);
          -ms-transform: translateY(8px);
              transform: translateY(8px); }
    .menu-button i:after {
      -webkit-transform: translateY(-8px);
          -ms-transform: translateY(-8px);
              transform: translateY(-8px); }

.is-open .menu-button i {
  background: none; }
  .is-open .menu-button i:after {
    -webkit-transform: translateY(0px) rotate(-45deg);
        -ms-transform: translateY(0px) rotate(-45deg);
            transform: translateY(0px) rotate(-45deg); }
  .is-open .menu-button i:before {
    -webkit-transform: translateY(0px) rotate(45deg);
        -ms-transform: translateY(0px) rotate(45deg);
            transform: translateY(0px) rotate(45deg); }
			

/* contact　コンタクトリンクボタン
   ========================================================================== */

#contact{
	position:fixed;
	top:auto;
	bottom:0;
	right:0;
	/*height:70px;*/
	height:90px;
	width:100%;
	border-top:solid 3px #689A07;
	background:#FFF;
	-ms-writing-mode:lr-tb;
	-webkit-writing-mode:horizontal-tb;
	writing-mode:horizontal-tb;
	opacity: 0.97;
	display:none;
}
#contact .txt{
	position:relative;
	top:0;
	right:0;
	width:100%;
	height:auto;
	padding:0;
	background:none;
	font-size:13px;
	text-align:center;
	border:none;
}
#contact .tel{
	position:relative;
	top:0;
	right:0;
	float:left;
	width:48%;
	height:34px;
	margin-left:3%;
	border-radius:5px;
	background: linear-gradient(to bottom,  #F58300 0%,#F58300 50%,#E87900 50%,#E87900 100%);
	box-shadow:0px 4px 0px 0px #D67200;
	color:#FFF;
}
#contact .tel:hover{
	background: linear-gradient(to bottom,  #E87900 0%,#E87900 50%,#F58300 50%,#F58300 100%);
}
#contact .tel a{
	padding:11px 0 0 0;
	font-size:13px;
	background:url(../img/contact01.png) no-repeat 10px 10px;
	background-size:19px;
	text-align:center;
}
#contact .tel a span{
	display:block;
	padding:0 20px 0 35px;
	background:url(../img/arrow02.png) no-repeat 95% 6px;
	background-size:4px;
}
#contact .btn{
	position:relative;
	top:0;
	right:0;
	float:right;
	width:44%;
	height:34px;
	margin-right:3%;
	padding:0;
	border-radius:5px;
	background: linear-gradient(to bottom,  #E87900 0%,#E87900 50%,#F58300 50%,#F58300 100%);
	box-shadow:0px 4px 0px 0px #D67200;
	color:#FFF;
}
#contact .btn:hover{
	background: linear-gradient(to bottom,  #F58300 0%,#F58300 50%,#E87900 50%,#E87900 100%);
}
#contact .btn a{
	padding:11px 0 0 0;
	background:url(../img/contact03.png) no-repeat 10px 10px;
	background-size:19px;
	font-size:11px;
	text-align:center;
}
#contact .btn a span{
	display:block;
	padding:0 15px 0 30px;
	background:url(../img/arrow02.png) no-repeat 95% 3px;
	background-size:4px;
}
#contact .tel a,
#contact .btn a{
	display:block;
	width:100%;
	height:100%;
	color:#FFF;
	text-decoration:none;
	font-weight:500;
	line-height:1.1;
}

/*--LINE用(電話番号なし)‐-*/
#contact .tel2{
	position:relative;
	top:0;
	right:0;
	float:left;
	width:16%;
	height:50px;
	margin-left:2%;
	border-radius:5px;
	background: linear-gradient(to bottom,  #B19E57 0%,#B19E57 50%,#C1B379 50%,#C1B379 100%);
	box-shadow:0px 4px 0px 0px #B19E57;
	color:#FFF;
}
#contact .tel2:hover{
	background: linear-gradient(to bottom,  #E66C82 0%,#E66C82 50%,#DD3F5A 50%,#DD3F5A 100%);
}
#contact .tel2 a{
	font-size:10px;
	background:url(../img/contact01.png) no-repeat center 32%;
	background-size:26px;
	text-align:center;
}
#contact .tel2 a span{
	display:block;
	padding:37px 5px;
	
}


#contact .line2{
	position:relative;
	top:0;
	right:0;
	float:left;
	width:16%;
	height:50px;
	margin-left:10%;
	border-radius:5px;
	background: linear-gradient(to bottom,  #00B900 0%,#00B900 50%,#00C100 50%,#00C100 100%);
	box-shadow:0px 4px 0px 0px #00B000;
	color:#FFF;
}
#contact .line2:hover{
	background: linear-gradient(to bottom,  #00B900 0%,#00B900 50%,#00C100 50%,#00C100 100%);
}
#contact .line2 a{
	font-size:10px;
	background:url(../img/contact04.png) no-repeat center 32%;
	background-size:26px;
	text-align:center;
}
#contact .line2 a span{
	display:block;
	padding:37px 5px;
	
}

#contact .btn2{
	position:relative;
	top:1px;
	right:0;
	float:right;
	width:60%;
	height:50px;
	margin-right:10%;
	padding:0;
	border-radius:5px;
	background: linear-gradient(to bottom,  #E87900 0%,#E87900 50%,#F58300 50%,#F58300 100%);
	box-shadow:0px 4px 0px 0px #D67200;
	color:#FFF;
}
#contact .btn2:hover{
	background: linear-gradient(to bottom,  #F58300 0%,#F58300 50%,#E87900 50%,#E87900 100%);
}
#contact .btn2 a{
	padding:0 0 0 0;
	background:url(../img/contact03.png) no-repeat 5% 55%;
	background-size:35px;
	font-size:13px;
	text-align:center;
}
#contact .btn2 a span{
	display:block;
	padding:11px 5px 0 30px;
	background:url(../img/arrow02.png) no-repeat 95% 55%;
	background-size:4px;
}
#contact .tel2 a,
#contact .line2 a,
#contact .btn2 a{
	display:block;
	width:100%;
	height:100%;
	color:#FFF;
	text-decoration:none;
	font-weight:500;
	line-height:1.1;
}


/* スマホ横2 */
@media screen and (max-width: 568px) {
body {
}
#sp-header h1 {
width: 70%;
}
.reason li p {
font-size:14px;
line-height: 1.3 !important;
}

}

/* スマホ縦 */
@media screen and (max-width: 414px) {
body {
}
#sp-header h1 {
width: 90%;
}

td.table_line {
	font-size:12px;
	padding : 5px;
}

}