@charset "utf-8";


/*■■■■■■■
basic
■■■■■■■■*/
body {
font-family: "メイリオ","Yu Gothic","Lucida Grande","YuGothic","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Geneva,Arial,Verdana,sans-serif;color:#000; text-align:center; }
/*
■ ブラウザのマージンとパディング初期化
*/
*{margin:0;padding:0;}
body,div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,table,tr,td {
padding: 0;
margin: 0;
}
/*
■ イメージ初期化
*/
img {vertical-align: top; margin:0;padding:0;border:none;}
/*
■フォーム初期化
*/
input,
button,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}
/*
■ 境界線
*/
hr { display:none;}
/*
■ リンク設定
*/
a img{border: none;}
a:hover img { opacity:0.7;}

a {color: #ff781e;text-decoration:none;}
a:hover {color:#313131;text-decoration:underline;}
a:visited {color:#313131;text-decoration:underline;}
/*
■ float
*/
.fleft { float:left;}
.fright { float:right;}
.fcl:after,.row:after {
content: " ";
clear: both;
height: 0;
display: block;
visibility: hidden;
}
/*
■ テキスト
*/
.align_center {text-align:center;}
.align_left {text-align:left;}
.align_right {text-align:right;}

.txt_ss {font-size:0.5em; }
.txt_s {font-size:0.75em; }
.txt_m {font-size: 1.25em;}
.txt_l {font-size:1.5em;}
.txt_red {color:#ba0001;}
span.marker {background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #facd89 0%) repeat scroll 0 0; font-weight: bold;}

/*
■ BG
*/
.bg_broun {background: #330000;}
.bg_beige {background: #f7f1e3;}
.bg_blue {background: #7fc9e7;}
.bg_red {background: #ba0001;}
.bg_yellow {background: #fffde5;}
.bg_pink {background: #f5b3bb}
.bg_gray {background: #f5f6f8;}

.bg_white {background: #FFF;}

/*

/*
■ 非表示
*/
.hd { display:none; }


.pc-only{display: block;}
.sp-only{display: none;}

@media(max-width: 768px){
  .pc-only{display: none;}
  .sp-only{display: block;}
}

.fee{width: 90%;margin: 0 auto;}
.fee img{width: 100%;margin-bottom:20px; }
@media(min-width: 1079px){
  #sec05 p{width: 90%;margin: 0 auto;}
}
@media(max-width: 768px){
  .fee{width: 90%;}
  .fee img{width: 100%;margin-bottom:10px; }
}



/*■■■■■■■■■■■
common
■■■■■■■■■■■■*/

/* body */
body {text-align:center;}

/* header */
#header {width:100%; max-height:100%; background:#FFF; }

/* mainimg */
#mainimg .box_left img,#mainimg .box_right img {width:100%;}

/* entry */
.entry_btn a:hover  { text-decoration: none; opacity: 0.7;}

/* section 02 */

/* section 03 */

/* section 04 */

/* section 05 */

/* company */


@media screen and (max-width: 1079px) {
	 /*　画面サイズ 999pxまで適用　*/

/* body */
body { font-size: 4.5vw !important;}

/* wrap */
.box_wrap {width:96%; margin: 0 2%;}
.box_full {width:100%; padding:0;}
.box_inline {
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap; }

/* header */
#header {width:98%; max-height:100%; padding:0 1%; border-top: solid 5px #e80808; border-bottom: solid 1px #ddd;}
#header .box_left {width: 65%; min-height: 40px; padding-top: 0.2em;}
#header .box_left h1 {margin: 0.5em 2% 0 0; font-size: 0.4em;}
#header .box_left img {width:40%; height: auto;}
#header .box_right {width:35%; font-size: 0.7em; line-height: 1.4em;}
#header .box_right .mail a {
width:100% ;
font-size: 1em;
display: block;
background: #33cc00; /* Old browsers */
background: -moz-linear-gradient(top,  #33cc00 0%, #40770a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #33cc00 0%, #40770a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #33cc00 0%,#40770a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33cc00', endColorstr='#40770a',GradientType=0 ); /* IE6-9 */
color:#FFF;
text-shadow: 0px 1px 0px rgba(0,0,0,0.3);
font-weight: bold;
line-height: 1.4;
padding: 0.5em 0;
margin: 0.5em 2% ;
border-radius: 2px;
}
#header .box_right .mail a:hover { text-decoration: none; opacity: 0.7;}

/* mainimg */
#mainimg {width:100%; }
#mainimg .box_wrap {width:100%; margin:0;}
#mainimg img {width:100%;}

/* merit */
#merit {width:100%; }
#merit .box_wrap {width:100%; margin:0;}
#merit img {width:100%;}

/* entry */
#entry .box_wrap { padding:1em 0; background: url(../img/entry_bg_sp.png) no-repeat top center; background-size: 100%; text-align: center;}
#entry p.text {margin-left:25%; font-size: 1.3em; line-height: 1.3; font-weight: bold;}
#entry span {display: block; font-size: 0.65em; }
#entry .entry_btn a {
  display: block;
  width:60%;
  background: #33cc00; /* Old browsers */
  background: -moz-linear-gradient(top,  #33cc00 0%, #40770a 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #33cc00 0%, #40770a 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #33cc00 0%,#40770a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33cc00', endColorstr='#40770a',GradientType=0 ); /* IE6-9 */
border-bottom: solid 5px #005752;
text-shadow: 0px 1px 0px rgba(0,0,0,0.3);
color:#FFF;
font-weight: bold;
font-size: 1em;
padding: 0.5em 0;
margin: 0.4em 5% 0 32%;
border-radius: 15px;
}

/*section 01 問題提起 */
#sec01 .box_wrap {width:100%; margin: 0;}
#sec01 img { width:100%;}
#sec01 {border-top: solid 5px #ff0000; }
#sec01 .box_list {border: solid 10px #0093cf; padding:0.5em 5% 1em; text-align: left; background: url(../img/sec01_list_bg_sp.png) no-repeat top right; background-size: cover; margin: 1.5em 0 1em;}
.box_list ul {width:100%; padding: 0; margin: 0; list-style: none;}
.box_list li {min-height:2em; border-bottom : dashed 2px #898989; font-size:0.8em; padding: 0.8em 0 0.5em 2.5em; background: url(../img/sec01_list.png) no-repeat 0 0.5em; background-size: 2em;}
#sec01 p.ex {width:96%; text-align: left; margin: 1em 2% 2em; line-height: 1.5;}
#sec01 .bg_blue,#sec01 .bg_red {padding:1.5em 2%;}
#sec01 .img01 {margin-bottom: 1em;}
#sec01 .img03 {width:96%; margin: 0 2% 1em;}
#sec01 .img04 {width:90%; margin: 0 5%;}

/* section 02 サービス概要 */
#sec02 { padding: 2em 0 1em;}
#sec02 .box_wrap {width:100%; margin: 0;}
#sec02 h2 img {width:100%;}
#sec02 p.lead {margin: 1.5em 5%; text-align: left;}
#sec02 img.ex {width:96%; margin: 0 2%;}

/* section 03 サービス詳細 */
#sec03 .bg_yellow {background: #FFF; margin-bottom: 1em;}
#sec03 .box_wrap  {width:100%; margin: 0; padding: 2em 0 0; border-top: solid 5px #e80808; }
#sec03 h2 img {width:80%; margin: 0 10% 2em;}
#sec03 p.lead {color:#bf2626; font-weight: bold; margin:0 2% 1em; font-size: 1.1em;}
#sec03 p.lead span {border-bottom: dotted 2px #000;}
#sec03 .box_title  {width: 90%; max-height: 100%; background: #e80808; padding: 0.2em 3%; margin: 0 2%; text-align: left; color:#FFF; font-size: 0.9em; line-height: 1.1em; }
#sec03 .box_title img {width:20%; height:auto;}
#sec03 h3 {font-size:1.1em; line-height: 1.4em;}
#sec03 .box_01 h3,#sec03 .box_02 h3,#sec03 .box_03 h3 ,#sec03 .box_04 h3  {margin:0.5em 0 0 22%; }
#sec03 .box_body { width:92%; max-height: 100%; padding: 1em 2%; text-align: left; margin: 0 2%; }
#sec03 p.txt {padding: 0 2% 1em;}
#sec03 h4 {width:82%; background: #330000; padding:0.8em 4%; color:#ffff00; font-size: 0.9em; border-radius: 15px 15px 0 0; margin: 0 5%;}
#sec03 .box_left_body,#sec03 .box_right_body {width:90%; border: solid 5px #330000; border-top:none; padding: 1em 5% 1.5em; margin:0 5% 1em; background: #f7f1e3; border-radius: 0 0 15px 15px;box-sizing: border-box;}
#sec03 .box_left_body img,#sec03 .box_right_body img { width:100%; margin-top: 1em;}
#sec03 img.ex {width:100%; margin-bottom: 1.5em; }
#sec03 img.img01,#sec03 img.img02 {width:90%; margin: 0 5% 0.5em;}

/* section 04 お客様のご感想　*/

#sec04 .box_full { padding: 1.5em 0 1em;}
#sec04 .box_wrap {width:100%; margin: 0;}
#sec04 h2 img {width:96%; margin:0 2% 1em;}
#sec04 .box {width:80%; background: #FFF; padding: 1em 5%; margin:0 5% 0.5em; border-radius: 15px; box-shadow: 2px 2px 4px; text-align: left;}
#sec04 .box_left,#sec04 .box_right {width:100%;}
#sec04 .box_left img,#sec04 .box_right img {width:100%; margin-bottom:0.5em;}
#sec04 h3 { color:#e80b0b; padding-bottom: 0.2em; margin-bottom: 0.25em; font-size: 1.1em; line-height: 1.4em;}
#sec04 .prof { background: #F00; color:#FFF; padding: 0.5em 3% 0.3em 3% ; font-size: 0.8em; margin-bottom: 1em; }
#sec04 .box_01 .box_right p,#sec04 .box_01 .box_left p,#sec04 .box_03 .box_right p,#sec04 .box_02 .box_left p {line-height: 1.65em; font-size: 1em;}
#sec04 span.txt_s {margin-left:1em;}

/* section 05 料金プラン */
#sec05 { padding: 1.5em 0 1em;}
#sec05 .box_wrap {width:100%; margin: 0;}
#sec05 h2 img {width:100%; margin-bottom: 1em;}
#sec05 .box_inline img {width:80%; margin: 0 10% 1em;}
#sec05 p {text-align: left; margin: 0 10% 1em; font-size: 0.8em;}

/* section 06 導入の流れ */
#sec06 .box_full { padding: 1.5em 0 2em;}
#sec06 .box_wrap {width:100%; margin: 0;}
#sec06 h2 img {width:80%; margin: 0 10% 1em;}
#sec06 p.lead {color:#FFF; margin: 0 8% 1.5em; text-align: left;}
#sec06 .box  {width:80%; height: 6.5em; padding: 0; background: #FFF; border-radius: 15px; margin: 0 10%; text-align: left; }
#sec06 h3 { text-align: left; max-height: 100%; padding: 0.5em 5% 0.5em 25%; background: #eb6877; color:#FFF; font-weight: bold; font-size: 0.9em; border-radius: 15px 15px 0 0;}
#sec06 img.arr {
margin: 0.5em auto;
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
}
#sec06 img.badge {width: 20%; position: relative; left:2%; top:-2.3em;}
#sec06 .box p {padding: 0.5em 5%; font-size: 0.8em; position: relative; top:-2.3em;}
#sec06 a,#sec06 a:visited {color:#e80808; text-decoration: underline;}

/* section 07 メールフォーム */
#sec07 {padding: 0;}
#sec07 .box_wrap {width:100%; margin: 0;}
#sec07 h2 img {width:100%;}
#sec07 .title {width:100%; background: #ff0000; padding:0.5em 0; color: #FFF; font-size: 0.8em;}
#sec07 .box_body {width:100%; margin: 0; padding:0.5em 0 1em; background: #FFF;}
#sec07 table { width:100%; border-spacing:0; border-collapse:collapse; margin: 0 0 50px 0; color:#000;}
#sec07 th,#sec07 td { display: block; text-align: left;}
#sec07 th {padding: 1em 10% 0.5em; font-size: 1em; }
#sec07 td {padding: 0 10% 1em; border-bottom: solid 2px #e5e5e5; }
#sec07 span.hissu {background: #f29b76; color:#FFF; padding: 0.3em 0.5em 0.1em 0.5em; margin: 0 0.2em 0 0; font-size: 0.9em; font-weight: normal;}
#sec07 input[type="text"],#sec07 select  {width:96%; min-height: 1.75em; padding: 0.5em 2%; font-size: 1.2em; background: #f6f6f6; border:solid 1px #999;}
#sec07 textarea {width:96%; min-height: 4em; padding: 0.5em 2%; font-size: 1.2em; background: #f6f6f6; border:solid 1px #999;}
#sec07 .txt_s {font-weight: normal;}
#sec07 img.step {width:80%; margin: 0 10%;}
#sec07 input[type="submit"] {
display: block;
width:70％;
min-height:3em;
background: #eb6100;
border:none;
border-bottom: solid 5px #a40000;
color:#FFF;
font-weight: bold;
font-size: 0.8em;
padding: 0.2em 10% 0 10% ;
margin: 2em auto 0;
border-radius: 15px;
}

/* footer */
#footer {padding: 2em 0;}
#footer .copyright {margin: 2em 0 3em; font-size: 0.8em;}

#fixed_btn { position: fixed; bottom: 0; padding: 0; }
#fixed_btn {width:100%; padding:0; background: #FFF; border-top: solid 5px #ff0000;}
#fixed_btn .box_left { width:50%; text-align: left;}
#fixed_btn .box_left img {width: 80%; margin: 0.3em 10%;}
#fixed_btn .box_right { width:50%; }
#fixed_btn .box_right .mail a {
display: block;
width:100%;
background: #33cc00; /* Old browsers */
background: -moz-linear-gradient(top,  #33cc00 0%, #40770a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #33cc00 0%, #40770a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #33cc00 0%,#40770a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33cc00', endColorstr='#40770a',GradientType=0 ); /* IE6-9 */
border:none;
color:#FFF;
font-weight: bold;
font-size: 1em;
padding: 0.5em 2% ;
margin: 0;
}
#fixed_btn .box_right .mail a:hover { text-decoration: none; opacity: 0.7;}

/* formpage */
body.formpage #header {width:100%; max-height:100%; padding:0.4em 0;}
body.formpage #header h1 {font-size: 0;}
body.formpage .titlebar {width:100%; background: #ff0000; color:#FFF; padding: 0.2em 0; margin-bottom: 3em; }
body.formpage .titlebar h2 {font-size: 1em;}
body.formpage #sec07 p.message {font-size: 0.9em; margin-bottom: 3em; padding: 0 5%; color:#000; text-align: left;}
body.formpage #sec07 img.step {margin-bottom: 2em;}

#sec07 table.formTable {
	width:90%;
  margin: 2em 5% 0;
}
#sec07 table.formTable th {
	width:80%;
  padding: 0.5em 10%;
	border:solid 1px #9a9a9a;
  border-bottom: none;
  background: #f6f6f6;
	display:block;
}

#sec07 table.formTable td {
	width:80%;
  padding: 0.5em 10%;
  margin-bottom: 1em;
	border:solid 1px #9a9a9a;
  border-top:none;
  background: #fff;
  word-break : break-all;
	display:block;
}

body.formpage h4.error_title {
background: #ba0001;
padding: 1em 5%;
margin:0.5em 5% 2em;
color:#FFF;
}

body.formpage p.error_messe{
	margin:0 0 0.5em;
	color:red;
}

#sec07 input[type="button"] {
display: block;
width:70％;
min-height:3em;
background: #a6a6a6;
border:none;
border-bottom: solid 5px #707070;
color:#FFF;
font-weight: bold;
font-size: 0.8em;
padding: 0.2em 10% 0 10% ;
margin: 2em auto 0;
border-radius: 15px;
}

/* display */
.sp_hd {display: none;}
 }

 @media screen and (min-width:1080px) { /*　画面サイズ 1080px以上から適用　*/

/* body */
body {font-size: 20px;}

/* wrap */
.box_wrap {width:1080px; max-height: 100%; margin: 0 auto;}
.box_full {width:100%; padding:0;}
.box_inline {
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap; }

/* header */
#header {width:98%; max-height:80px; padding:10px 1%; background: #FFF; border-top: solid 5px #ff0000;  border-bottom: solid 1px #ddd;}
#header .box_left { width:70%; font-size: 0.7em; text-align: left;}
#header .box_left img {width: 200px; margin: 0 1em 0 0;}
#header .box_left h1 {font-size: 1em; margin-top:1.2em;}
#header .box_right {padding: 12px 10px;}
#header .box_right .mail a {
  background: #33cc00; /* Old browsers */
  background: -moz-linear-gradient(top,  #33cc00 0%, #40770a 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #33cc00 0%, #40770a 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #33cc00 0%,#40770a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33cc00', endColorstr='#40770a',GradientType=0 ); /* IE6-9 */
  color:#FFF;
font-weight: bold;
font-size: 1.2em;
padding: 15px 30px 10px 30px;
margin: 20px 0;
border-radius: 2px;
}
#header .box_right .mail a:hover { text-decoration: none; opacity: 0.7;}

/* mainimg */
#mainimg {width:100%; background: #f5f6f8; padding:0;}

/* entry */
#entry .box_wrap { padding:40px 0; background: url(../img/entry_bg_pc.png) no-repeat top center; text-align: center;}
#entry p {color:#000;}
#entry .entry_btn a {
  display: block;
  width:640px;
  min-height:60px;
  background: #33cc00; /* Old browsers */
  background: -moz-linear-gradient(top,  #33cc00 0%, #40770a 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #33cc00 0%, #40770a 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #33cc00 0%,#40770a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33cc00', endColorstr='#40770a',GradientType=0 ); /* IE6-9 */
border-bottom: solid 5px #005752;
text-shadow: 0px 1px 0px rgba(0,0,0,0.3);
color:#FFF;
font-weight: bold;
font-size: 1.6em;
padding: 18px 0 0 0 ;
margin: 20px auto 0;
border-radius: 15px;
}

/* section 01 問題提起 */
#sec01 {border-top: solid 5px #ff0000; }
#sec01 .box_list {border: solid 10px #0093cf; padding:20px 40px 40px 40px; text-align: left; background: url(../img/sec01_list_bg_pc.png) no-repeat top right; background-size: cover; margin: 50px 0;}
.box_list ul {width:750px; padding: 0; margin: 0; list-style: none;}
.box_list li {border-bottom : dashed 2px #898989; font-size:1.6em; padding: 0.5em 0 0.5em 2em; background: url(../img/sec01_list.png) no-repeat 0 0.5em;}
#sec01 p.ex {width:960px; text-align: left; margin: 50px 60px;}
#sec01 .bg_blue,#sec01 .bg_red {padding:60px;}
#sec01 .img01 {margin-bottom: 50px;}

/* section 02 サービス概要 */
#sec02 { padding: 80px 0 30px;}
#sec02 p.lead {margin: 50px; text-align: left;}

/* section 03 サービス詳細 */
#sec03 .box_full {border-top: solid 5px #ff0000; padding: 50px 0 80px;}
#sec03 .box_title  {width: 760px; max-height: 100%; padding: 20px 20px 20px 300px; text-align: left; color:#FFF; font-size: 1.8em; line-height: 1.1em;}
#sec03 h3 {font-size:1.1em; line-height: 1.2em;}
#sec03 .box_01 .box_title {background: url(../img/sec03_title01_bg_pc.png)#e80808 no-repeat top left;  border-radius: 15px 15px 0 0; margin-top:50px;}
#sec03 .box_02 .box_title {background: url(../img/sec03_title02_bg_pc.png)#e80808 no-repeat top left;}
#sec03 .box_03 .box_title {background: url(../img/sec03_title03_bg_pc.png)#e80808 no-repeat top left;}
#sec03 .box_04 .box_title {background: url(../img/sec03_title04_bg_pc.png)#e80808 no-repeat top left;}
#sec03 .box_body { width:1080px; max-height: 100%; padding: 40px 50px; background:#FFF; border: solid 5px #e80808; border-top: none; border-bottom:none; box-sizing: border-box;text-align: left; }
#sec03 .box_04 .box_body {border-radius: 0 0 15px 15px; border-bottom: solid 5px #e80808 ; margin-bottom: 50px;}
#sec03 p.lead {text-align: center; font-size:2em; color:#bf2626; font-weight: bold; margin-bottom: 30px;}
#sec03 p.txt {margin-bottom: 40px;}
#sec03 p.lead span {border-bottom: dotted 2px #000;}
#sec03 img.ex {margin-bottom: 50px; }
#sec03 .box_body .box_left,#sec03 .box_body .box_right {width:460px; font-size: 1.15em;}
#sec03 .box_body .box_left {margin-right:40px;}
#sec03 .box_left_body img,#sec03 .box_right_body img {width:390px; margin-top: 30px;}
#sec03 h4 {width:420px; background: #330000; padding:10px 20px; color:#ffff00; font-size: 1.4em; border-radius: 15px 15px 0 0; }
#sec03 .box_left_body,#sec03 .box_right_body {width:390px; border: solid 5px #330000; border-top:none; padding: 30px; background: #f7f1e3; border-radius: 0 0 15px 15px; }
#sec03 img.img01 {margin-bottom: 30px;}

/* section 04 お客様のご感想 */
#sec04 .box_full {padding: 50px 0;}
#sec04 h2 {margin-bottom: 50px;}
#sec04 .box {width:900px; background: #FFF; padding: 30px; margin:0 60px 20px; border-radius: 15px; box-shadow: 2px 2px 4px; text-align: left;}
#sec04 .box_left,#sec04 .box_right {width:450px;}
#sec04 .box_left img,#sec04 .box_right img {width:100%; margin-bottom:0.5em;}
#sec04 h3 { color:#e80b0b; border-bottom: dotted 1px #e80b0b; padding-bottom: 0.2em; margin-bottom: 0.25em; font-size: 1.65em; line-height: 1.4em;}
#sec04 .prof {}
#sec04 .box_01 .box_right p,#sec04 .box_01 .box_left p,#sec04 .box_03 .box_right p {margin-left:30px; line-height: 1.65em; font-size: 1.2em;}
#sec04 .box_02 .box_left p {margin-right:30px; line-height: 1.65em; font-size: 1.2em;}
#sec04 span.txt_s {margin-left:1em;}

/* section 05 料金プラン */
#sec05 {padding: 80px 0;}
#sec05 h2 {margin-bottom: 50px;}
#sec05 .box_inline img {width:350px; margin: 0 15px 30px 0;}
#sec05 .box_inline img.last {margin: 0 0 30px 0;}
#sec05 p {text-align: left;}

/* section 06 導入の流れ */
#sec06 .box_full {padding: 50px 0;}
#sec06 h2 {margin-bottom: 50px;}
#sec06 p.lead {color:#FFF; margin-bottom: 80px;}
#sec06 .box  {width:200px; max-height: 240px; background: #FFF; border-radius: 15px; margin: 0;}
#sec06 a,#sec06 a:visited {color:#e80808; text-decoration: underline;}
#sec06 img.arr {height: 15px; margin:110px 2px 0 2px;}
#sec06 img.badge {width:110px; position: relative; top: -160px;}
#sec06 .box p {font-size: 0.8em; padding: 0 20px; text-align: left; position: relative; top: -60px;}
#sec06 .box_01 .bg_orange {color:#FFF; padding: 2px 0.3em 0px 0.3em; margin-right:0.3em; font-size: 0.9em;}
#sec06 h3 { text-align: left; width:160px; max-height: 100%; padding:40px 20px 10px; background: #eb6877; color:#FFF; font-weight: bold; font-size: 1em; border-radius: 15px 15px 0 0;}

/* section 07 メールフォーム */
#sec07 {padding: 0 0 50px 0;}
#sec07 .title {width:960px; margin: 0 60px; padding:0.5em 0; background: #e80808; color: #FFF; }
#sec07 .box_body {width:840px; margin: 0 60px; padding: 30px 50px 50px; border:solid 10px #e80808; background: #FFF; border-top: none;}
#sec07 table { border-spacing:0; border-collapse:collapse; margin: 0 0 30px 0;}
#sec07 th,#sec07 td { border-bottom: solid 2px #e5e5e5; text-align: left;}
#sec07 th {padding: 20px 20px 20px 0; font-size: 1.2em; }
#sec07 td {padding: 20px 0 20px 20px;}
#sec07 span.hissu {background: #f29b76; color:#FFF; padding: 0.2em 0.5em 0 0.5em; margin: 0 0.5em 0 0; font-size: 0.8em; font-weight: normal;}
#sec07 textarea,#sec07 input[type="text"],#sec07 select  { width:460px; padding: 0.5em 20px;font-size: 1.2em; border: solid 1px #9a9a9a; background: #f6f6f6; }
#sec07 .txt_s {font-weight: normal;}
#sec07 img.step {width:360px; margin: 0 0 10px 0;}
#sec07 input[type="submit"] {
display: block;
width:400px;
height:80px;
background: #eb6100;
border:none;
border-bottom: solid 5px #a40000;
color:#FFF;
font-weight: bold;
font-size: 1.5em;
padding: 20px 0 10px 0 ;
margin: 20px auto 0;
border-radius: 15px;
}

/* footer */
#footer {padding: 30px 0 80px; font-size: 1.2em;}
#footer .copyright {margin: 50px 0 80px; font-size: 0.7em;}

/* fixed btn */
#fixed_btn
{
  position: fixed;
  bottom: 0;
  padding: 6px 40px;
}
#fixed_btn {width:98%; max-height:80px; padding:10px 1%; background: #FFF; border-top: solid 5px #ff0000;}
#fixed_btn .box_left { width:50%; font-size: 0.7em; text-align: left;}
#fixed_btn .box_left img {width: 280px; margin: 0 1em 0 0;}
#fixed_btn .box_left p {font-size: 1.2em; margin-top:0.5em;}
#fixed_btn .box_right {padding:0;}
#fixed_btn .box_right .mail a {
  display: block;
  width:420px;
  background: #33cc00; /* Old browsers */
  background: -moz-linear-gradient(top,  #33cc00 0%, #40770a 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #33cc00 0%, #40770a 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #33cc00 0%,#40770a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33cc00', endColorstr='#40770a',GradientType=0 ); /* IE6-9 */
border:none;
color:#FFF;
font-weight: bold;
font-size: 1.2em;
padding: 12px 0 10px 0 ;
margin: 0 auto;
border-radius: 2px;
}
#fixed_btn .box_right .mail a:hover { text-decoration: none; opacity: 0.7;}

/* formpage */
body.formpage #header {width:100%; min-height:80px; padding:10px 0; background: #FFF; border-top: solid 5px #ff0000;}
body.formpage .titlebar {width:100%; background: #ff0000; color:#FFF; padding: 0.2em 0; margin-bottom: 50px; }
body.formpage .title h2 {font-size: 0.8em;}
body.formpage #sec07 p.message {font-size: 1.2em; margin-bottom: 50px;}
body.formpage #sec07 img.step {margin-bottom: 50px;}
body.formpage.confirm #sec07 img.step {margin-bottom: 30px;}

body.formpage table.formTable{
	width:720px;
	margin:30px 180px !important;
	border-collapse:collapse;
}
body.formpage table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:20px !important;
  font-size: 1em;
}
body.formpage table.formTable th {
	width:30%;
	background:#efefef;
	text-align:left;
  white-space:nowrap;
}
body.formpage table.formTable td {
word-break : break-all;
}

body.formpage p.error_messe{
	margin:0 0 10px;
	color:red;
}

body.formpage input[type="button"] {
display: block;
width:280px;
height:60px;
background: #a6a6a6;
border:none;
border-bottom: solid 5px #707070;
color:#FFF;
font-weight: bold;
font-size: 1.2em;
padding: 10px 0 5px 0 ;
margin: 20px auto 0;
border-radius: 15px;
}

/* display */
.pc_hd {display:none;}
 }


 @media screen and (max-width: 300px)  { /*　画面サイズ 300pxまで適用　*/
/* header */
#header .box_left {width:100%;}
#header .box_left img, #header .box_right {display: none;}

/* form / button */
body.formpage #header h1 img {width:60%; padding: 0 20%;}
#entry .entry_btn a {border-radius: 5px;}
#sec07 input[type="button"],#sec07 input[type="submit"]  { padding: 0.6em 10% 0.3em 10% ; border-radius: 5px;}

 }

 @media screen and (max-width: 525px) and (min-width: 301px)  { /*　画面サイズ 525pxまで適用　*/
 /* header */
 #header .box_left img {display: none;}

body.formpage #header h1 img {width:60%; padding: 0 20%;}
 }