@charset "utf-8";

/* ------------------------------------------------------------------------ */

/*  Parts

/* ------------------------------------------------------------------------ */
.section{margin:2%;}
/* layout
--------------------------------------------------------------------------- */

.flt_l { float : left; }
.flt_r { float : right; }

.mb0 { margin-bottom : 0 !important; }
.mb5 { margin-bottom : 5px !important; }
.mb10 { margin-bottom : 10px !important; }
.mb15 { margin-bottom : 15px !important; }
.mb20 { margin-bottom : 20px !important; }
.mb25 { margin-bottom : 25px !important; }
.mb30 { margin-bottom : 30px !important; }
.mb40 { margin-bottom : 40px !important; }


.mt0 { margin-top : 0 !important; }
.mt5 { margin-top : 5px !important; }
.mt10 { margin-top : 10px !important; }
.mt15 { margin-top : 15px !important; }
.mt20 { margin-top : 20px !important; }
.mt25 { margin-top : 25px !important; }
.mt30 { margin-top : 30px !important; }
.mt35 { margin-top : 35px !important; }
.mt40 { margin-top : 40px !important; }
.mt50 { margin-top : 50px !important; }

.ml10 { margin-left : 10px !important; }
.ml15 { margin-left : 15px !important; }
.ml20 { margin-left : 20px !important; }

.inner5 { margin : 5px auto 0 !important; }
.inner10 { margin : 10px auto 0 !important; }
.inner15 { margin : 15px auto 0 !important; }
.inner20 { margin : 20px auto 0 !important; }
.inner25 { margin : 25px auto 0 !important; }
.inner30 { margin : 30px auto 0 !important; }

.pageTop {
  text-align: right;
  margin: 0 0 10px 0;
}

.pagelink {
  position: relative;
  top: -55px;
  display: block;
}

.pagelink02 {
  position: relative;
  top: -90px;
  display: block;
  width:0 !important;
}
.pagelink03 {
  position: relative;
  top: -65px;
  display: block;
}

.clrBoth {
	line-height: 0; clear: both; font-size: 0px
}

.switch {
	visibility: hidden;
}


.width-100 {
  width: 100%;
}
.width-95 {
  width: 95%;
}
.width-90 {
  width: 90%;
}
.width-10 {
  width: 3%;
}
.width100{
	width:100px;
}
.width50{
	width:50px;
}
.width40{
	width:40px;
}
.width16{
	width:16px;
	height:16px;
	vertical-align:middle;
}
.height100{
	height:100px;
}

/* IMG
--------------------------------------------------------------------------- */
img.image { border: solid 1px #000000;
			vertical-align: bottom; }


.img30yoko{width:30%;
			margin:1%;
			max-width:30%;

	
	}
	
.img48{width:48%;
	max-width:48%;
	height:auto;
	border:1px solid #999;
	margin:0 2% 0 1%;
	}

.img48R{width:48%;
	max-width:48%;
	height:auto;
	border:1px solid #999;
	margin:0;
	}
	
.img50{width:50%;
	max-width:50%;
	height:auto;
	border:1px solid #999;
	margin-left:5%;
	}

.img60{width:60%;
	max-width:60%;
	height:auto;
	border:1px solid;
	}




.imgR-10 {
  float: right;
  margin: 0px 0px 0px 10px;
}

.imgL-10 {
  float: left;
  margin: 0px 10px 2px 5px;
}


/* heading
--------------------------------------------------------------------------- */

p.p_001 {
	background: #f8f8f8;
	border:3px solid #878787;
	color: #222;
	margin: 10px 6px 15px 6px;
	padding: 5px;
	font-size: 120%;
	font-weight:bold;
}


.h2_001 {
	background: #f8f8f8;
	border:3px solid #878787;
	color: #222;
	margin: 10px 6px 15px 6px;
	padding: 5px;
	font-size: 120%;
	font-weight:bold;
}

p.h2_001 span {
	display:block;
	border-left:5px solid #838383;
	padding:0 0 0 5px;
}
h2.h2_001 .name {
	border-left:none;
	font-size:80%;
	padding:0;
	color:#888;
}

h3.h3_001{
  font-size: 110%;
  line-height: 1.3;
  margin:0 6px;
  padding: 8px 10px 8px 10px;;
  background:#f3e48e;
  color:#000;
}

h3.h3_002{
  font-size: 110%;
  line-height: 1.3;
  color:#8a2211;
  margin:0 0 10px 0;
  padding:0 0 0 20px;
  font-weight:bold;
  position:relative;
  z-index:-1;
  /*text-decoration:underline;*/
  border-bottom:3px solid #d07161;
}
h3.h3_002:after { /*チェック*/
   content:"";
   position:absolute;
   top:0;
   left:0;
    float:left;
    width:20px;
    height:17px;
   background:url(../../img/common/css_sprite.png);
    background-size: 190px 395px;
    background-position:-72px -95px;
	z-index:1;
}


h4.h4_001{
  font-size: 100%;
  line-height: 1.3;
  color:#8a2211;
  margin:0 0 10px 0;
  font-weight:bold;
}

h4.h4_002{
  font-size: 120%;
  line-height: 1.3;
  color:#600000;
  margin:0 0 0 0;
  font-weight:bold;
}

/*h3.h3_002{
  position: relative;
  font-size: 110%;
  line-height: 1.3;
  margin:15px 0 10px 0;
  padding:4px 0 0 29px;
  color:#6c0000;
}
h3.h3_002:before{
	position:absolute;
	left:0;
	top:0;
	content:"";
	display:block;
	width:25px;
	height:25px;
    background:url(../../img/common/css_sprite.png);
    background-size: 190px 395px;
    background-position:0 0;
}

h3.h3_003{
  position: relative;
  font-size: 110%;
  line-height: 1.3;
  margin:10px 0 10px 0;
  padding:6px 0 0 32px;
  color:#6c0000;
}
h3.h3_003:before{
	position:absolute;
	left:0;
	top:0;
	content:"";
	display:block;
	width:28px;
	height:28px;
    background:url(../../img/common/css_sprite.png);
    background-size: 190px 395px;
    background-position:0 -29px;
}

h3.h3_004{
  position: relative;
  font-size: 110%;
  line-height: 1.3;
  margin:10px 0 10px 0;
  padding:0 0 0 29px;
  color:#6c0000;
}
h3.h3_004:before{
	position:absolute;
	left:0;
	top:0;
	content:"";
	display:block;
	width:25px;
	height:29px;
    background:url(../../img/common/css_sprite.png);
    background-size: 190px 395px;
    background-position:0 -60px;
}
*/


/* text
--------------------------------------------------------------------------- */

/* --- Size --- */

.txt10 { font-size : 10px !important; }
.txt12 { font-size : 12px !important; }
.txt14 { font-size : 14px !important; }
.txt16 { font-size : 16px !important; }
.txt18 { font-size : 18px !important; }
.txt20 { font-size : 20px !important; }
.txt90 { font-size : 90% !important; }
.txt80 { font-size : 80% !important; }
.txt70 { font-size : 70% !important; }
.txt40 { font-size : 40% !important; }
.txt100 { font-size : 100% !important; }
.txt110 { font-size : 110% !important; }
.txt120 { font-size : 120% !important; }
.txt130 { font-size : 130% !important; }

.list_txt { font-size : 85% !important;
			margin:0 0 1.5em 1.5em; }

.txtlarger {
  font-size: medium;
  font-weight: bold;
}

.txtsmall { font-size: small }

.bold { font-weight:bold;}
.normal { font-weight:normal;}


.sub_title{ font-size:110%;
			color:#2A54A6;
			margin:5px 0 2px 0;
}
.q_txt{ font-size:110%;
			color:#2A54A6;
			margin:15px 0 5px 0;
	text-indent:-14px;
	padding-left:14px ;
}
.attention{
	text-indent:-1.0em;
	padding-left:1.0em ;
	line-height:130%;
	font-size:90%;
	color:#000;
}

.indent-1em{
	text-indent:-1em;
}

.indent1{
	text-indent:0.7em;
}
.indent1em{
	text-indent:-1em;
	padding-left:1em;
}
.indent14{
	text-indent:-14px;
	padding-left:14px ;
}
.indent42{
	text-indent:-42px;
	padding-left:42px ;
}
.indent50{
	text-indent:-50px;
	padding-left:50px ;
}

.torikeshi{
	text-decoration:line-through;
}

/* --- Color --- */

.black { color : #000; }
.red { color : #600000; }
.blue { color : #00296c; }
.blue02 { color : #004fa0;
margin:10px 0 5px 0; }
.pink { color : #F09; }
.orange { color : #a33d00; }
.green	 {color: #25702f;}
.gray	 {color: #888 !important;;}


.center { text-align:center !important; }
.left { text-align:left !important; }
.right { text-align:right !important; }
.under { text-decoration: underline; }


.date { color : #0049cf; }
.price { color : #000; 
margin-left:10px;}
.price span { color : #ae3500; }


/*------------------------------------------------------------
　　　メインイメージ
-------------------------------------------------------------*/
.box-mainimg{
	height:100%;
	width:100%;
	background-size:100% auto;
	padding:0% 0% 0% 0%;
	position:relative;
}
.box-mainimg li{
	width:47%;
	height:auto;
	top:71%;
	left:2%;
	position:absolute;
 }
.box-mainimg li:first-child{
	text-indent: 100%;/*ここから3行text-indent:-9999pxと同じ方法（スマホ用）*/
    white-space: nowrap;
    overflow: hidden;
 }
.box-mainimg li:last-child{
	width:47%;
	height:auto;
	top:71%;
	left:51%;
	position:absolute;
 }


/* Box 
--------------------------------------------------------------------------- */

.box_index_001 {
  line-height : 150%;
  text-align: left;
  margin: 0 7px 30px 7px;
  font-size:130%;
  color: #383838;
  line-height: 200%;
}
.box_index_002 {
  line-height : 150%;
  text-align: left;
  margin: 0 12px 30px 12px;
}
/*
.box_index_003 {
  line-height : 150%;
  text-align: left;
  margin: 0 8px 10px 8px;
  font-size:100%;
}
*/


/*------------------------------------------------------------
　　　バーチャルオフィスの魅力
-------------------------------------------------------------*/

.box_point {
  line-height : 150%;
  text-align: left;
  margin: 0 6px 5px 6px;
  padding:10px 14px;
  font-size:100%;
  background:#faf5d8;
}
.box_point .photo {
	width:125px;
	height:125px;
	float:right;
	margin:5px;
}
.box_point .photo02 {
	width:100px;
	height:189px;
	float:right;
	margin:5px;
}

.box_point .plan {
  line-height : 150%;
  text-align: left;
  margin: 15px 0 5px 0;
  padding:10px;
  font-size:100%;
  background:#f3f3f3;
  border:1px solid #555;
}
.box_point .plan span {
	display:block;
	font-weight:bold;
	font-size:110%;
}



/*------------------------------------------------------------
　　　ブログボタン　ホリエモン
-------------------------------------------------------------*/
.blog_btn {
  padding:10px 7px 7px 7px;
  margin: 10px 6px 30px 6px;
  font-size:170%;
  height:auto;
  color: #c63d00;
  font-weight: bold;
  background:#fff;
  border-top:3px solid #c74200;
  border-left:3px solid #c74200;
  border-bottom:3px solid #c74200;
  border-right:28px solid #c74200;
  border-radius:4px;
  line-height:120%;
  z-index:0;
  position:relative;
	}

.blog_btn:after {
  position:absolute;
  left:100%;
  top:43%;
   content:"";
   width:20px;
   height:10px;
   background:url(../../img/common/css_sprite.png);
    background-size: 190px 395px;
    background-position:-30px -278px;
}
.blog_btn .title{
	display:block;
	border-bottom:3px solid #ffb362;
	line-height:80%;
	margin:0 0 10px 0;
}
.blog_btn .sub{
	display:block;
	font-size:50%;
	color:#000;
	line-height:130%;
	font-weight:normal;
	text-decoration:none;
	margin:5px 0 0 0;
}
.blog_btn a {
	color:#c63d00 !important;
	display:block;
	height:100%;
	text-decoration:none !important;
}

/* ------------------------------------------------------------------------ */

/* plan_btn  プラン一覧と料金表 */　

/* ------------------------------------------------------------------------ */
	
.plan_btn dl {
	margin: 0;
	padding:0;
}

.plan_btn dt {
  padding:0 0 37px 7px;
  margin: 10px 0px 0 0px;
  font-size:120%;
  height:115px;
  color: #004f6d;
  font-weight: bold;
  background:#f1ffff;
  border-top:2px solid #73b5ce;
  border-left:2px solid #73b5ce;
  border-bottom:2px solid #73b5ce;
  border-right:17px solid #73b5ce;
	border-radius:4px;
	line-height:120%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -o-box;
  display: box;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  box-align: center;
	z-index:0;
	position:relative;
	}

/*.plan_btn dt:nth-child(1) {
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	background:url(../../img/top/eco_img.png) no-repeat,#f1ffff;
	background-size:95% auto,100%;
	background-position:50% 50%,100%;
}*/

.plan_btn dt:nth-child(3) {
  color:#25702f;
  border-color:#6bb875;
  background:#f0fff2;
}
.plan_btn dt:nth-child(5) {
  color:#725133;
  border-color:#99724f;
  background:#fff7f0;
}
.plan_btn dt:nth-child(7) {
  color:#555;
  border-color:#444;
  background:#eeeeee;
}
.plan_btn dt:nth-child(9) {
  color:#888;
  border-color:#aaa;
  background:#fff;
}

.plan_btn dt:nth-child(1):before {
	position:absolute;
	left:6px;
	bottom:6px;
   content:"";
   float:left;
   width:276px;
   height:36px;
   background:url(../../img/common/plan_sprite.png);
    background-size: 276px 182px;
    background-position:0 0;
}
.plan_btn dt:nth-child(3):before {
	position:absolute;
	left:6px;
	bottom:6px;
   content:"";
   float:left;
   width:276px;
   height:36px;
   background:url(../../img/common/plan_sprite.png);
    background-size: 276px 182px;
    background-position:0 -36px;
}
.plan_btn dt:nth-child(5):before {
	position:absolute;
	left:6px;
	bottom:6px;
   content:"";
   float:left;
   width:276px;
   height:36px;
   background:url(../../img/common/plan_sprite.png);
    background-size: 276px 182px;
    background-position:0 -73px;
}
.plan_btn dt:nth-child(7):before {
	position:absolute;
	left:6px;
	bottom:6px;
   content:"";
   float:left;
   width:276px;
   height:36px;
   background:url(../../img/common/plan_sprite.png);
    background-size: 276px 182px;
    background-position:0 -109px;
}
.plan_btn dt:nth-child(9):before {
	position:absolute;
	left:6px;
	bottom:6px;
   content:"";
   float:left;
   width:276px;
   height:36px;
   background:url(../../img/common/plan_sprite.png);
    background-size: 276px 182px;
    background-position:0 -146px;
}


.plan_btn dt:after{
	position:absolute;
	left:100%;
	top:43%;
   content:"";
   float:left;
   width:13px;
   height:11px;
   background:url(../../img/common/css_sprite.png);
    background-size: 190px 395px;
    background-position:0 -278px;
}

.plan_btn dt.select:after{
	position:absolute;
	left:100%;
	top:42%;
   content:"";
   float:left;
   width:13px;
   height:11px;
   background:url(../../img/common/css_sprite.png);
    background-size: 190px 395px;
    background-position:-18px -278px;
}
.plan_btn dt.select:after + * {
	position:absolute;
	left:100%;
	top:42%;
   content:"";
   float:left;
   width:13px;
   height:11px;
   background:url(../../img/common/css_sprite.png);
    background-size: 190px 395px;
    background-position:-18px -278px;
}
.plan_btn dt span {
	padding:0;
	margin:7px 0 7px 0;
	display:block;
	width:100%;
	-webkit-box-flex: 1.0;
    -moz-box-flex: 1.0;
    -o-box-flex: 1.0;
    -ms-box-flex: 1.0;
	line-height:1.0;
	z-index:1;

}

.plan_btn dt .summary {
	padding:0;
	display:block;
	color:#222;
	font-size:65%;
	font-weight:normal;
}
.plan_btn dt .price {
	font-size:85%;
	display:block;
	margin:5px 0 5px 0;
	color:#222;
}
.plan_btn dt .other{
	color:#740909;
	font-size:80%;
	display:block;
	font-weight:normal;
}
.plan_btn dt .attent{
	/*text-indent:-1.0em;
	padding-left:1.0em ;*/
	display:block;
	font-size:50%;
	font-weight:normal;
	color:#333;
}



.plan_btn dd {
	padding:10px;
    margin: 0 0px 10px 0px;
	background:#fff;
	border-left:2px solid #73b5ce;
	border-bottom:2px solid #73b5ce;
	border-right:2px solid #73b5ce;
    -webkit-border-bottom-right-radius: 4px;  
    -webkit-border-bottom-left-radius: 4px;  
    -moz-border-radius-bottomright: 4px;  
    -moz-border-radius-bottomleft: 4px;
}

.plan_btn dd:nth-child(4) {
  border-color:#6bb875;
}
.plan_btn dd:nth-child(6) {
  border-color:#99724f;
}
.plan_btn dd:nth-child(8) {
  border-color:#444;
}
.plan_btn dd:nth-child(10) {
    border-color:#aaa;
}

.plan_btn dd .ys01 {
  display:block;
  line-height:1.3;
  text-align:left;
  padding:0 0 0 7px;
  margin:20px 0 10px 0;
  border-left:solid 6px #00658b;
  font-weight: bold;
  font-size:100%;
  width:100%;
}
.plan_btn dd .ys02 {
  display:block;
  line-height:1.3;
  text-align:left;
  padding:0 0 0 7px;
  margin:20px 0 10px 0;
  border-left:solid 6px #2f7f39;
  font-weight: bold;
  font-size:100%;
  width:100%;
}
.plan_btn dd .ys03 {
  display:block;
  line-height:1.3;
  text-align:left;
  padding:0 0 0 7px;
  margin:20px 0 10px 0;
  border-left:solid 6px #d77a27;
  font-weight: bold;
  font-size:100%;
  width:100%;
}
.plan_btn dd .ys04 {
  display:block;
  line-height:1.3;
  text-align:left;
  padding:0 0 0 7px;
  margin:20px 0 10px 0;
  border-left:solid 6px #212c7b;
  font-weight: bold;
  font-size:100%;
  width:100%;
}
.plan_btn dd .ys05 {
  display:block;
  line-height:1.3;
  text-align:left;
  padding:0 0 0 7px;
  margin:20px 0 10px 0;
  border-left:solid 6px #70a7aa;
  font-weight: bold;
  font-size:100%;
  width:100%;
}

/* --- moushikomi_btn --- */

.moushikomi_btn{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAcCAMAAAA6Aj1XAAAAPFBMVEUAAACcnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJyIChzrAAAAE3RSTlMApffgrnkRJkm9lPBoxjKHCtRbZ0e7DwAAAOFJREFUOMuFk9EShCAIRS1RMzMr//9ft5EcKKg9T7vOCYhrpuOPwdaTlF0wb2wuVWJ4Ede93lk0a6onO3BvVizsZMqnF8Z2DsYcX31j7ZpZLfOCaIlNTzyQNmjFqsWnnV4u1M44YfWxHzimLXjEzkNfYmbaXBngWyQD/ktitI5deQuhEdeAf7QYWtvy1OBmFXyJLJoWbh3YMV2DyhBoflowMM2PchtUWy4u026R5I2SFlBSMiuaBdpPYt/UCwftFhGreeAzfk72kYbwKAq6VBpORKYT5kQSlZL4qUCMcV60Sj+P0yT2BQCAjQAAAABJRU5ErkJggg==) no-repeat,-moz-linear-gradient(top,#ededed 0%,#f3f3f3);
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAcCAMAAAA6Aj1XAAAAPFBMVEUAAACcnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJyIChzrAAAAE3RSTlMApffgrnkRJkm9lPBoxjKHCtRbZ0e7DwAAAOFJREFUOMuFk9EShCAIRS1RMzMr//9ft5EcKKg9T7vOCYhrpuOPwdaTlF0wb2wuVWJ4Ede93lk0a6onO3BvVizsZMqnF8Z2DsYcX31j7ZpZLfOCaIlNTzyQNmjFqsWnnV4u1M44YfWxHzimLXjEzkNfYmbaXBngWyQD/ktitI5deQuhEdeAf7QYWtvy1OBmFXyJLJoWbh3YMV2DyhBoflowMM2PchtUWy4u026R5I2SFlBSMiuaBdpPYt/UCwftFhGreeAzfk72kYbwKAq6VBpORKYT5kQSlZL4qUCMcV60Sj+P0yT2BQCAjQAAAABJRU5ErkJggg==) no-repeat, -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#f3f3f3));
	color: #004f6d;
	border-radius:5px;
	border:1px solid #ccc;
	background-size:19px 14px,auto;
	background-position:5px 50%,100% 100%;
	font-weight:bold;
	width:86%;
	height:45px;
	margin:15px 20px 15px 20px;
	padding:10px 10px 0 25px;
 
  }

.moushikomi_btn span{
    display:block;
	width:100%;
 
  }

.moushikomi_btn a{
    display:block;
	text-decoration:none !important;
	color: #004f6d !important;
	width:100%;
	height:30px;
}




/* list(decimal)
--------------------------------------------------------------------------- */
.list-decimal {
  text-align : left;
  margin : 15px 0 20px 0;
}

.list-decimal ul {
  margin : 0 0.2em 0 1.5em;
  padding : 0px;
}

.list-decimal li {
  list-style-type: decimal;
  margin : 0 5px 5px 5px;
  padding : 0;
  line-height : 1.3;
}


/* list (disc)
--------------------------------------------------------------------------- */
.list-disc {
  text-align : left;
  margin : 15px 0 20px 0;
}

.list-disc ul {
  margin : 0 0.2em 0 1.5em;
  padding : 0px;
}

.list-disc li {
  list-style-type: disc;
  margin : 0 5px 5px 5px;
  padding : 0;
  line-height : 1.3;
}


/* list (※)
--------------------------------------------------------------------------- */
/*.list-kome {
  text-align : left;
  margin : 15px 0 20px 0;
}

.list-kome ul {
  margin : 0 0 0 0.5em;
  padding : 0px;
}

.list-kome li {
  list-style-type: none;
  margin : 0 5px 5px 8px;
  padding : 0;
  line-height : 1.3;
}
.list-kome li:before {
   content:"";
   float:left;
   width:19px;
   height:19px;
   margin:1px 5px 0 -1.9em;
    background:url(../../img/common/css_sprite.png);
    background-size: 190px 395px;
    background-position:0 -130px;
   text-indent:-1.4em;
   }*/

/* list (square)
--------------------------------------------------------------------------- */
.list-square {
  text-align : left;
  margin : 10px 5px 15px 5px;
}

.list-square ul {
  margin : 0 0.2em 0 1.5em;
  padding : 0px;
}

.list-square li {
  list-style-type: square;
  margin : 0 5px 10px 0px;
  padding : 0;
  line-height : 1.3;
}








/* --- menu_btn --- */

.menu_btn {
	margin:0 ;
	padding:10px;
  font-size:90%;
  background:#4b4b4b;
}

.menu_btn ul{
	list-style-type: none;  
  padding: 0;
  	width:100%;

}

.menu_btn li{
	color: #fff;
	font-style:normal;
	width:100%;
	height:auto;
	margin:0 0 10px 0;
	padding:0 0px 0 0;
	line-height : 120%;
  position:relative;
}


.menu_btn li a{
	display:block;
	width:100%;
	height:100%;
	color: #fff;
	text-decoration:underline;
}
.menu_btn li:before{
	position:absolute;
	left:0;
	top:13px;
    content:"";
    float:left;
    width:7px;
    height:7px;
    background:url(../../img/common/css_sprite.png);
    background-size: 190px 395px;
    background-position:0 -380px;
}

.menu_btn li span{
	display:block;
	padding:10px 0 0 15px;}



/* --- お客様の声 --- */

.voice_box{
	margin:15px 14px 0 14px;
}
.voice_box li{
	position:relative;
	margin:0 0 10px 0;
	padding:0 0 0 0;
	width:100%;
	height:100%;
	

}

/*------------------------------------------------------------
 　 お客様の声　やりとり
------------------------------------------------------------*/
.voice_img_txt{
	display:block;
	font-size:125%;
	background:#fff;
	color:#6c0000;
	padding:5px 0 8px 0;
	margin:0 0 10px 0;
	font-weight:bold;
	line-height:150%;
   /*text-shadow: 1px 1px 3px #fff,
    -1px 1px 3px #fff,
    1px -1px 3px #fff,
    -1px -1px 3px #fff;*/
}
.voice_img_txt span{
	display:block;
	text-align:right;
	font-size:70%;
}


.voice_talk  dl{
	margin:0 8px ;
}

.voice_talk dt {
	position: relative;
	/*background: #adc3e7;*/
	background:#e4e8eb;
	left:26px;
	top:-8px;
	padding:10px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	width:87%;
	margin:0 0 25px 0;
}
.voice_talk dt:before{
	left: 100%;
	top: 20px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(250, 220, 184, 0);
	border-top-color: #e4e8eb;
	border-width: 15px 15px 0 0;
	margin-top: -10px;
}
.voice_talk dt .name{
	display:block;
	position:absolute;
	font-size:70%;
	top:-18px;
	left:0;
	color:#666;
}



.voice_talk dd{
	position: relative;
	background: #faf5d8;
	left:16px;
	top:-8px;
	padding:10px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	width:87%;
	margin:0 0 25px 0;
	border:1px solid #dbc963;
}
.voice_talk dd:before{
	right: 100%;
	top: 28px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: (219, 201, 99, 0);
	border-right-color: #dbc963;
	border-width: 0 15px 15px 0;
	margin-top: -10px;
}
.voice_talk dd:after{
	right: 100%;
	top: 29px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(250, 245, 216, 0);
	border-right-color: #faf5d8;
	border-width: 0 13px 13px 0;
	margin-top: -10px;
}

.voice_talk dd .name{
	display:block;
	position:absolute;
	font-size:70%;
	top:-18px;
	left:0;
	color:#9b8715;
}

.voice_talk dd .img_box{
	font-size:80%;
	line-height:120%;
	margin:15px 10px 10px 10px;
}
.voice_talk dd .img_box img{
	margin-bottom:5px;
}



/* ------------------------------------------------------------------------ */

/* company*/

/* ------------------------------------------------------------------------ */

.company dl {
  padding : 0 0 10px 0;
  margin:0 5px 10px 5px;
  line-height : 150%;
  text-align: left;
  font-size: 90%;  
}

.company dt {
	line-height:2.0;
	padding:5px 0 5px 5px;
	color:#000;
	background-color:#8ec1f1;
	font-weight:bold;
  border: 1px solid #8ec1f1;
   line-height : 150%; 
}

.company dd {
	font-size:16px !important;
	line-height:2.0;
    border-left: 1px solid #91afae;
    border-right: 1px solid #91afae;
    border-bottom: 1px solid #91afae;
  background-color:#ffffff;
  margin:0 0 5px 0;
	padding:2px 5px 2px 5px;
	color:#000;
}

.company dd .indent{
	margin:0 1.0em 10px 1.0em;
}



/* ------------------------------------------------------------------------ */

/* map �*/

/* ------------------------------------------------------------------------ */

#map {
	width: 88%;
	height: 280px;
/*	border: 7px solid #69C;
*/	border: 1px solid #666;
margin:0 20px 5px 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* --- map_btn --- */

.map_btn{
	background: #bb871c;
	color: #fff;
	border: 1px solid #FFF;
	-moz-box-shadow: 0px 0px 2px rgba(000,000,000,0.3);
	-webkit-box-shadow: 0px 0px 2px rgba(000,000,000,0.3);
	width:190px;
	height:auto;
	margin:0px 0 15px 0;
	padding: 0;
	font-size:90%;
    line-height : 120%;
	 border-radius:5px;
	 text-decoration:none;
	float:right;
}
.map_btn span{
	display:block;
	margin:8px 0;
	text-align: center;
	color:#fff;
	 text-decoration:none;
}

.map_btn a{
	 display:block;
	text-decoration: none !important;
	color:#fff;
	width:100%;
	height:100%;
}

.map_btn a:hover{
	text-decoration: none;
	color:#fff;
}
.map_btn a:visited {
	text-decoration: none;
	color:#fff;
}

.map_btn a:hover {
	text-decoration: none;
	color:#fff;
}

.map_btn a:active {
	text-decoration: none;
	color:#fff;
}

/*.online_ys{
	font-size:110%;
	margin:20px 0 10px 0;

}
*/

/* ------------------------------------------------------------------------ */

/*privacy*/

/* ------------------------------------------------------------------------ */

.privacy dl {
  padding : 0 0 10px 0;
  margin:0 5px 10px 5px;
  line-height : 150%;
  text-align: left;

}

.privacy dt {
	line-height:1.0;
	padding:5px 0 5px 5px;
	color:#fff;
	font-size:100%;
	background-color:#a5843f;
	font-weight:bold;
  border: 1px solid #a5843f;
}

.privacy dd {
    border-left: 1px solid #a5843f;
    border-right: 1px solid #a5843f;
    border-bottom: 1px solid #a5843f;
  background-color:#ffffff;
  margin:0 0 5px 0;
	padding:2px 5px 2px 5px;
	color:#000;
}

.privacy ul li{
	list-style-type:disc;
	margin:0 0 0 20px;
	}


.mainh1 {
	color: #592200;
	font-size: 21px;
	margin-top: 12px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 8px;
	line-height: 28px;
}

.bic_s {
	padding-left: 15px;
	padding-right: 15px;
    line-height : 160%;
	font-size: 16px;
}

.video {
position: relative;
height: 0;
padding: 30px 0 56.25%;
overflow: hidden;
}

.video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.main_b {
	margin-top: 35px;
	margin-bottom: 35px;
	font-size: 120%;
    text-align: center;
    color: #3b3b3b;
}

.p_youtube {
	font-size: 180%;
    text-align: center;
    color: #3b3b3b;	
    margin-top: 60px;
    margin-bottom: 30px;
}