@charset "utf-8";
 @import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/******************************************
 ���C�A�E�g
******************************************/
*{
font-family: 'Noto Sans Japanese', sans-serif;	
	margin:0;
	padding:0;}

h2 {
	margin-bottom: 30px;
	color: #666;
}
h2 {
	font-size: medium;
	font-style: normal;
	font-weight: bold;
	color: #666;
	margin-bottom: 10px;
	line-height: 1.5em;
}
.normal_h3 {
	font-weight: bold;
	color: #B8860B;
	margin-bottom: 1%;
	line-height: 1.5em;
	text-align: left;
	border: 1px solid #B8860B;
	padding: 2%;
	float: left;
	width: 95%;
	font-size: x-large;
}
.toku_h3{
	color: #B8860B;
	font-size: x-large;
	text-align: left;
}

h4{
	color: #EF3756;
	text-align: left;
	font-size: large;
}

h4 a{
	color: #333;
	}
h4 a:hover{
	color: #F60;
	}
a p {
	font-size: medium;
	line-height: 150%;
	text-align: center;
	margin-bottom: 3%;
	color: #333;
}
hr {
  border-top: 1px dashed #bbb;
  margin-bottom:4%;
}

p {
	font-size: large;
	line-height: 200%;
	text-align: left;
	margin-bottom: 6%;
}
header
 {
	float: left;
	width: 100%;
}

a{
	text-decoration: none;
	}


#wrap_frame {
	background-color: #FFF;
	width: 100%;
	float: left;
	height: auto;
	margin: 0px;
	padding: 0px;
	/* [disabled]position: relative; */

}	
#wrap{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	background-color: #E2EFF6;
	width: 100%;
	margin-top: 0px;
	padding: 0px;
	}

.header_obi{
	float:left;
	width:100%;
	height: auto;
	margin: 0px;
	border-top-width: 3px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #B4820A;
	padding-top: 0px;
	padding-right: 0px;
	/* [disabled]padding-bottom: 5%; */
	padding-left: 0px;
}
.header_obi h1 {
	float: left;
	width: 100%;
	font-size: x-large;
	color: #333;
	padding-top:5%;
	padding-bottom:0%;
	height: auto;
	font-weight: bold;
}
.header_obi p {
	float: left;
	width: 100%;
	color: #333;
	height: auto;
	font-weight: bold;
	text-align: center;
}

.header_obi2{
	float:left;
	width:100%;
	background-color:#FFF;
	/* [disabled]padding-top:10px; */
	padding-bottom:10px;
}
.header_obi2_frame{
	float: left;
	width: 90%;
	padding-top:2%;
	/* [disabled]padding-bottom:2%; */
	margin-left: 10%;
	}
.header_rogo{
	float: left;
	width: 45%;
	margin-right:3%;
	}

.tel_btn{
	float: left;
	width: 20%;
	margin-right:5%;
	margin-top: 5px;
	}

.form_btn{
	float: left;
	width: 25%;
	}

	
.img_bot10{
	margin-bottom:20px;}
.form_cap{
	text-align:center;
	size:24px;
	line-height:34px;
	font-size: small;
	}
.toptop {
	display: none;
	position: absolute;
	bottom: 20px;
	right: 20px;
}		
.toptop a {
	width: 5%;
	height:auto;
}		
/******************************************
 ����
******************************************/

img {
	/* [disabled]max-width: 100%; */
	height: auto;
	float: right;
	width: 100%;
}
.img80 {
	/* [disabled]max-width: 100%; */
	height: auto;
	float: left;
	width: 80%;
	margin-right: 20%;
	margin-left: 0%;
}



#midashi_link,
.midashi {
	width: 100%;
	padding-top: 0px;
	padding-right: 0%;
	padding-bottom: 0px;
	padding-left: 0%;
	background-color: #FFF;
	margin-top: 40px;
	margin-bottom: 40px;
	float: left;
}
.form_feild {
  width: 100%;
  background-color: #FFF;
  margin-top: 40px;
  margin-bottom: 20px;
  float: left;
}


.form_btn_blk {
	float:left;
	width: 80%;
	padding-left: 10%;
	background-color: #FFF;
	margin-top: 40px;
	margin-bottom: 40px;
	text-align:center;
	padding-right: 10%;

}
.formbtn_text {
	font-size:150%;
	line-height: 0em;
	}



.midashi p,
.normal_text
 {
	font-size: large;
	line-height: 46px;
	margin-bottom: 30px;
}
.midashi p{
	text-align:center;}
.midashi_blue {
	color: #FFF;
	width: 50%;
	height: auto;
	background-color: #FFF;
	margin-right: auto;
	margin-left: auto;
	margin-top: 3%;
	margin-bottom: 12%;
	clear: both;
	padding-top: 5%;
}
.midashi_blue p {
	font-size: 24px;
	line-height: 36px;
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
	margin: 0px;
	color: #666;
	padding-right: 10%;
	padding-left: 10%;
}	
.tel-link {
	color: #F00;
	font-size: 36px;
	font-weight: bold;
	text-decoration: none;
}
.sub_waku {
	width: 80%;
	padding-top: 0px;
	padding-right: 10%;
	padding-bottom: 0px;
	padding-left: 10%;
	background-color: #FFF;
	margin-top: 40px;
	margin-bottom: 40px;
	float: left;
}
.sub_waku_boder {
	width: 80%;
	padding-top: 0px;
	padding-bottom: 10px;
	background-color: #FFF;
	/* [disabled]margin-top: 40px; */
	margin-bottom: 40px;
	float: left;
	border-bottom-width: 2px;
	border-bottom-style: dashed;
	border-bottom-color: #F60;
	margin-right: 10%;
	margin-left: 10%;
}		
.sub_waku_boder2 {
	width: 80%;
	padding-top: 0px;
	padding-bottom: 10px;
	background-color: #FFF;
	margin-top: 10px;
	margin-bottom: 40px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	margin-right: 10%;
	margin-left: 10%;
	height: auto;
}		
.sub_waku_boder_gray {
	width: 80%;
	padding-top: 0px;
	padding-bottom: 10px;
	background-color: #FFF;
	/* [disabled]margin-top: 40px; */
	margin-bottom: 40px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	margin-right: 10%;
	margin-left: 10%;
}		

.sub_waku_table {
	width: 60%;
	padding-top: 0px;
	padding-right: 20%;
	padding-bottom: 0px;
	padding-left: 20%;
	background-color: #FFF;
	margin-top: 40px;
	margin-bottom: 40px;
	float: left;
}
/******************************************
�J���[
******************************************/

/******************************************
�����b�g
******************************************/
.form_btn2
{
	width:80%;
	height:auto;
	background-image: url(file:///D|/%E3%83%87%E3%83%BC%E3%82%BF/drop/Dropbox/html/cores/mariru/images/form/con_back.png);
	float:left;
	background-repeat: no-repeat;
	padding: 0px;
	margin-top: 0px;
	margin-right: 10%;
	margin-left: 10%;
	/* [disabled]background-color: #006; */
	background-size: cover;
	}
.form_btn3
{
	width:80%;
	height:auto;
	background-image: url(file:///D|/%E3%83%87%E3%83%BC%E3%82%BF/drop/Dropbox/html/cores/mariru/images/form/con_back2.png);
	float:left;
	background-repeat: no-repeat;
	padding: 0px;
	margin-top: 0px;
	margin-right: 10%;
	margin-left: 10%;
	/* [disabled]background-color: #006; */
	background-size: cover;
	}

.lr10
{
	width:80%;
	height:auto;
	float:left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 10%;
	margin-left: 10%;
	background-color: #FFF;
	background-size: cover;
	}
.line{
	float: left;
	width: 100%;
	margin-top: 2%;
	margin-bottom: 4%;
	color: #00F;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #03F;
	border-right-color: #03F;
	border-bottom-color: #03F;
	border-left-color: #03F;
	}	
	
.blue_border{
	padding: 3%;
	border: 2px solid #001e9c;
	margin-bottom: 3%;

	}	
	
	
.form_box{
	width:60%;
	float: left;
	height: auto;
	margin-left: 40%;
	margin-top: 20%;
	margin-bottom: 10%;
	}
.img100{
	float: left;
	height: auto;
	width: 100%;
	padding: 0px;
	margin: 0%;


}
.form_thone{
	float: left;
	width: 40%;
	height: auto;
	margin-right: 5%;
	}
.form_mail{
	float: left;
	width: 40%;
	height: auto;
	}


.merit01
{
	width:100%;
	height:auto;
	background-image: url(file:///D|/%E3%83%87%E3%83%BC%E3%82%BF/drop/Dropbox/html/cores/mariru/img/point/back/point01_back.jpg);
	float:left;
  background-repeat: no-repeat;
  background-size: cover;
	}


.merit02
{
	width:100%;
	height:auto;
	background-image: url(file:///D|/%E3%83%87%E3%83%BC%E3%82%BF/drop/Dropbox/html/cores/mariru/img/point/back/point02_back.jpg);
	float:left;
	background-repeat: no-repeat;
	background-size: cover;
	box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, 0.6);
	-o-box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, 0.6);
	-ms-box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, 0.6);
}
.bgblue
{
	width:100%;
	height:auto;
	float:left;
	box-shadow: 0px 9px 3px -3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 9px 3px -3px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 9px 3px -3px rgba(0,0,0,0.6);
	background-color: #FFF;
	margin-bottom: 3%;
}
.wh_b
{
	color: #333;
	margin-right: 10%;
	margin-left: 0%;
	padding-top: 1%;
	padding-bottom: 1%;
	font-size: xx-large;
	text-align: left;
}
.mb5
{
	margin-bottom:2%;
	
	}
.c3{
	width:100%;
	float:left;
	margin-bottom: 10%;
	}	
.c3l{
	float:left;
	width:30%;
	margin-right:4%;
	}	
.c3r{
	float:left;
	width:30%;
	}	
.c3l img:hover {
	opacity: 0.5 ;		
 }
.textlarge_blue
{
	font-size: xx-large;
	text-align: left;
	color: #001e9c;
}


.merit03
{
	width:100%;
	height:auto;
	background-image: url(file:///D|/%E3%83%87%E3%83%BC%E3%82%BF/drop/Dropbox/html/cores/mariru/img/point/point3.png);
	float:left;
  background-repeat: no-repeat;
  background-size: cover;
box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, 0.6);
		-moz-box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, 0.6);
		-webkit-box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, 0.6);
		-o-box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, 0.6);
		-ms-box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, 0.6);	}

.merit04
{
	width:100%;
	height:auto;
	background-image: url(file:///D|/%E3%83%87%E3%83%BC%E3%82%BF/drop/Dropbox/html/cores/mariru/img/point/point05.png);
	float:left;
	background-repeat: no-repeat;
	background-size: cover;
	box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, 0.6);
	-o-box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, 0.6);
	-ms-box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, 0.6);
}
.merit05
{
	width:100%;
	height:auto;
	background-image: url(file:///D|/%E3%83%87%E3%83%BC%E3%82%BF/drop/Dropbox/html/cores/mariru/img/point/point04.png);
	float:left;
	background-repeat: no-repeat;
	background-size: cover;
	box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, 0.6);
	-o-box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, 0.6);
	-ms-box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, 0.6);
}
.merit03_01
{
	width: 100%;
	margin-top: 0%;
	margin-left: auto;
	margin-bottom: 5%;
	margin-right: auto;

}
.merit03_02
{
	float:left;
	width: 90%;
	background-image:url(file:///D|/%E3%83%87%E3%83%BC%E3%82%BF/drop/Dropbox/html/cores/mariru/img/point/point03_02.png);
	height:auto;
	margin-top: 10%;
	margin-left: 10%;

}

.merit03_03
{
	width: 60%;
	margin-top: 10%;
	margin-left: auto;
	margin-bottom: 5%;
	margin-right: auto;

}
.service
{
	width:100%;
	height:auto;
	background-image: url(file:///D|/%E3%83%87%E3%83%BC%E3%82%BF/drop/Dropbox/html/cores/mariru/img/service.png);
	float:left;
  background-repeat: no-repeat;
  background-size: cover;
	}
.voice
{
	width:100%;
	height:auto;
	background-image: url(file:///D|/%E3%83%87%E3%83%BC%E3%82%BF/drop/Dropbox/html/cores/mariru/img/point/voice.png);
	float:left;
  background-repeat: no-repeat;
  background-size: cover;
	margin-bottom: 20px;
box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, 0.6);
		-moz-box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, 0.6);
		-webkit-box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, 0.6);
		-o-box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, 0.6);
		-ms-box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, 0.6);
	}

.red_bold{
	font-weight:bold;
	color:#C00;}


section table { width: 100%; }
section th, section td  { padding: 10px; border: 1px solid #ddd; }
section th  { background: #f4f4f4; }
 
/*----------------------------------------------------
  .demo01
----------------------------------------------------*/
.demo01  {
	margin-bottom: 10%;
}
.demo01 th  {
	width: 30%;
	text-align: left;
	background-color: #333;
	padding: 3%;
	color: #FFF;
}
.demo01 tr  {
	background-color: #FFF;
	padding: 5%;
	text-align: left;
}
  
 
@media only screen and (max-width:480px){
    .demo01 { margin: 0 -10px; }
    .demo01 th,
    .demo01 td{
    width: 100%;
    display: block;
    border-top: none;
    }
  .demo01 tr:first-child th { border-top: 1px solid #ddd; }
.fs{
	font-size:medium;
	}

}




/******************************************
���w�y�[�W
******************************************/

.sub_obi {
	background-color: #000;
	width: 100%;
	float: left;
	margin: 0px;
}
.sub_obi_text{
	margin-left:;
	margin-right:auto;
	width:80%;
	padding-top:5px;
	padding-bottom:5px;
	color:#CCC;
	text-align: center;
	margin-left: auto;

}
.sub_logo{
	float:left;
	width:50%;
	}
.sub_tel{
	float:right;
	width:20%;
	}

	.sub_na {
	display: block;
	float: left;
	width: 50%;
	margin-left: 30px;
	margin-top: 50px;
}
.sub_head_l {
	float: left;
	margin-right: 5%;
	list-style-type: none;
	width: 30%;
}
.sub_head_r {
	float: right;
	list-style-type: none;
	width: 30%;
}

.sub_na li a {
	text-decoration: none;
	color: #333;
	font-weight: bold;
}
.sub_na li a:hover {
	color: #CCC;
}



.sub_obi_footer {
	background-color: #333;
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
	float: left;
}
.sub_obi_footer_text{
	margin-left:;
	margin-right:auto;
	/* [disabled]width:1440px; */
	padding-top:15px;
	padding-bottom:15px;
	color:#CCC;
	margin-left: auto;
	height: 30px;
	text-align: center;

}
.footer_na{
	margin-left:auto;
	margin-right:auto;
	width: 80%;
	/* [disabled]float: left; */
	display: block;
	height: auto;
}
.footer_na li {
	display: block;
	float: left;
	list-style-type: none;
	width: 30%;
	padding-top: 1%;
	padding-bottom: 1%;
}
.footer_na li a {
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	font-size: medium;
}
.footer_na li a:hover {
	color: #CCC;
}

/* --------------------------------------------------
   coder Table
-------------------------------------------------- */
.coder {
    border-spacing: 0;
	
    border: 1px solid #CCC;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
         -o-border-radius: 6px;
            border-radius: 6px;
    box-shadow: 0 1px 1px #CCC;	
}
.coder th,
.coder td {
    padding:10px;
    background:#FFF;
    border-bottom:solid 1px #CCC;
    border-right:solid 1px #CCC;
}
.coder th {
    background:#e3dcd5;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
    color:#69655c;
}

/* -----------------------
  ����p�ہ@�ŏ��̍s�̍ŏ��̃Z��
----------------------- */
.coder tr:first-child th:first-child,
.coder tr:first-child td:first-child {
    -webkit-border-radius: 6px 0 0 0;
       -moz-border-radius: 6px 0 0 0;
         -o-border-radius: 6px 0 0 0;
            border-radius: 6px 0 0 0;
}
/* -----------------------
  �E��p�ہ@�ŏ��̍s�̍Ō�̃Z��
----------------------- */
.coder tr:first-child th:last-child,
.coder tr:first-child td:last-child {
    -webkit-border-radius: 0 6px 0 0;
       -moz-border-radius: 0 6px 0 0;
         -o-border-radius: 0 6px 0 0;
            border-radius: 0 6px 0 0;
}
/* -----------------------
  �����p�ہ@�Ō�̍s�̍ŏ��̃Z��
----------------------- */
.coder tr:last-child th:first-child,
.coder tr:last-child td:first-child {
    -webkit-border-radius: 0 0 0 6px;
       -moz-border-radius: 0 0 0 6px;
         -o-border-radius: 0 0 0 6px;
            border-radius: 0 0 0 6px;
}
/* -----------------------
  �E���p�ہ@�Ō�̍s�̍Ō�̃Z��
----------------------- */
.coder tr:last-child th:last-child,
.coder tr:last-child td:last-child {
    -webkit-border-radius: 0 0 6px 0;
       -moz-border-radius: 0 0 6px 0;
         -o-border-radius: 0 0 6px 0;
            border-radius: 0 0 6px 0;
}
/* --------------------------------------------
  thaed,tbody��g���ꍇ�̐ݒ�
-------------------------------------------- */
.coder thead th {background:#e3dcd5;}
.coder thead+tbody th {background:#f4ede6;}
.coder tbody th {text-align:left;}/*IE*/
/* -----------------------
  ����p�� thead��@�ŏ��̍s�̍ŏ��̃Z��
----------------------- */
.coder thead tr:first-child th:first-child,
.coder thead tr:first-child td:first-child {
    -webkit-border-radius: 6px 0 0 0;
       -moz-border-radius: 6px 0 0 0;
         -o-border-radius: 6px 0 0 0;
            border-radius: 6px 0 0 0;
}
/* -----------------------
  �E��p�� thead��@�ŏ��̍s�̍Ō�̃Z��
----------------------- */
.coder thead tr:first-child th:last-child,
.coder thead tr:first-child td:last-child {
    -webkit-border-radius: 0 6px 0 0;
       -moz-border-radius: 0 6px 0 0;
         -o-border-radius: 0 6px 0 0;
            border-radius: 0 6px 0 0;
}
/* -----------------------
  �p�ۂȂ��@thaed�̌��tbody �ŏ��̍s�̍ŏ��̃Z��
  �p�ۂȂ��@thaed�̌��tbody �ŏ��̍s�̍Ō�̃Z��
----------------------- */
.coder thead+tbody tr:first-child th:first-child,
.coder thead+tbody tr:first-child td:first-child,
.coder thead+tbody tr:first-child th:last-child,
.coder thead+tbody tr:first-child td:last-child {
    -webkit-border-radius:0px;
       -moz-border-radius:0px;
         -o-border-radius:0px;
            border-radius:0px;
}
/* -----------------------
  �����p�ہ@thaed�̌��tbody �Ō�̍s�̍ŏ��̃Z��
----------------------- */
.coder thead+tbody tr:last-child th:first-child,
.coder thead+tbody tr:last-child td:first-child {
    -webkit-border-radius: 0 0 0 6px;
       -moz-border-radius: 0 0 0 6px;
         -o-border-radius: 0 0 0 6px;
            border-radius: 0 0 0 6px;
}
/* -----------------------
  �E���p�ہ@thaed�̌��tbody �Ō�̍s�̍Ō�̃Z��
----------------------- */
.coder thead+tbody tr:last-child th:last-child,
.coder thead+tbody tr:last-child td:last-child {
    -webkit-border-radius: 0 0 6px 0;
       -moz-border-radius: 0 0 6px 0;
         -o-border-radius: 0 0 6px 0;
            border-radius: 0 0 6px 0;
}

.input_text35{
		width:60%;
	height:40px;}
.input_text70{
	width:80%;
	height:40px;
	font-size: large;
	float: left;
	margin-left: 5%;
}
.input_textauto{
	width:80%;
	height:auto;
	font-size: large;
	float: left;
	margin-left: 5%;
}
.input_text20{
	padding-top:2%;

	}
.input_text60{
	width:60%;
	height:30px;
	font-size: large;
	float: left;
	margin-left: 5%;
}

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

form#mailformpro,
.mailform,
.mfp_phase
 {
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
}


.merit03_03
{
	width: 100%;
	height:auto;
	float:left;
	margin-left: auto;
	margin-right: auto;
	margin-top:2%;

}




form#mailformpro dl {
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
}


.input_text35{
	float:left;

	width:35%;
	height:auto;}
	
.input_text70{
	width:80%;
	height:40px;
	margin: 0px;
	padding: 0px;
	clear: both;
	float: none;
}
.mfp {
	float: left;
	margin: 0;
	padding: 0;
	width:80%;

}
.must {
	background-color: #060;
	border: solid 2px #C00;
	text-shadow: 0px 1px 2px #933;
	padding: 2px 5px;
	font-size: 10px;
	color: #FFF;
	float: left;
	margin: 0;
}


.input_text70 {
  width: 90%;
  height: 40px;
  margin: 0 0 0 10px;
  padding: 0;
  clear: both;
  float: none;
}

textarea {
  margin-left: 10px;
  width: 90%;
  height: 30px;
  line-height: 12px;
}

form#mailformpro dl dt {
  float: left;
  width: 46%;
  clear: both;
  font-size: 16px;
  padding: 28px 0px;
  text-align: right;
  margin: 0px;
  border-top: solid 1px #CCC;
}

form#mailformpro dl dd {
  border-top: solid 1px #CCC;
  margin: 0px;
  padding: 17px 0 20px;
  font-size: 12px;
  line-height: 1.5em;
  text-align: left;
  width: 54%;
  float: left;
  clear: right;
}
form#mailformpro dl dd:last-child {
  border-top: solid 1px #CCC;
  margin: 0px;
  padding: 17px 0 20px;
  font-size: 12px;
  line-height: 1.5em;
  text-align: left;
  width: 54%;
  float: left;
  clear: right;
}
textarea {
  margin-left: 10px !important;
  width: 82%;
  height: 30px;
  line-height: 12px;
}
}
.bodyform_btn img {
	margin-bottom: 3%;
}
.nivo-controlNav{
display:none;
}

/* -----------------------
ボタン
----------------------- */
#pagetop {
	/* [disabled]display: none; */
	position: fixed;
	bottom: 70px;
	right: 5px;
	z-index: 100;
	width: 30%;
	/* [disabled]padding:1%; */
	height: auto;
}



.hyouji1{
	float:right;
	width:80%;
	height: auto;
	margin-bottom: 3%;
}
.hyouji2{
	clear:both;
	width:60%;
	float: right;
	height: auto;
}
.unedr_btn a{
	width:100%;
	float: right;
	height: auto;
	
	}
.mn{
	vertical-align: middle;
}
.top_left {
	float: left;
	height: auto;
	width: 40%;
}
.top_right {
	float: right;
	height: auto;
	padding-top:3%;
	width: 30%;
}
.header_obi .obi_margin {
	width: 80%;
	margin-right: 10%;
	margin-left: 10%;
}


/****************************************************************
スクロール
****************************************************************/

 
#text-wrap {
	width: 90%;
	height: 100%;
	display: block;
	padding: 2%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
 
.hide-text {
    display: none;
}
 
 
button.readmore {
    position: relative;
    height: 80px;
    width: 90px;
    margin: 40px auto;
    display: block;
    background-color: transparent;
    color: #666;
    padding-bottom: 40px;
    border: none;
    outline: 0;
    transition: .5s;
    -erbkit-transition: .5s;
}
 
button.readmore::after {
    content: " ";
    position: absolute;
    width: 30px;
    height: 30px;
    border-top: solid 3px #666;
    border-right: solid 3px #666;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    right: 28px;
    top: 25px;
    transition: .5s;
    -erbkit-transition: .5s;
}
 
button.readmore:hover::after {
    top: 40px;
}
 
.on-click {
    color: transparent!important;
}
 
.on-click {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
}
.show-text {
	text-align: left;
}



#text-wrap2 {
	width: 90%;
	height: 100%;
	display: block;
	padding: 2%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
 
.hide-text2 {
	display: none;
	margin-top: 4%;
}
 
 
button.readmore2 {
    position: relative;
    height: 80px;
    width: 90px;
    margin: 40px auto;
    display: block;
    background-color: transparent;
    color: #666;
    padding-bottom: 40px;
    border: none;
    outline: 0;
    transition: .5s;
    -erbkit-transition: .5s;
}
 
button.readmore2::after {
    content: " ";
    position: absolute;
    width: 30px;
    height: 30px;
    border-top: solid 3px #666;
    border-right: solid 3px #666;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    right: 28px;
    top: 25px;
    transition: .5s;
    -erbkit-transition: .5s;
}
 
button.readmore2:hover::after {
    top: 40px;
}
 
.on-click2 {
    color: transparent!important;
}
 
.on-click2 {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
}
.show-text2 {
	text-align: left;
}

/****************************************************************
グーグルマップ
****************************************************************/
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/****************************************************************
料金表
****************************************************************/


.cp_table *, .cp_table *:before, .cp_table *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.cp_table {
	width: 100%;
	border-collapse: collapse;
}
.cp_table th {
	width: 13%;
	background: #f4f4f4;
	padding: 10px;
	border: 1px solid #dddddd;
}
.tl{
	text-align: left;
	vertical-align: top;
	padding: 10px;
	border: 1px solid #dddddd;
}
.tr{
	text-align: right;
	vertical-align: top;
	padding: 10px;
	border: 1px solid #dddddd;
}
.cp_table td {
	vertical-align: top;
	padding: 10px;
	border: 1px solid #dddddd;
}


.cp_table td:first-child {
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
}
@media only screen and (max-width: 480px) {
	.cp_table {
		display: block;
		width: 100%;
	}
	.cp_table thead {
		display: block;
		float: left;
		overflow-x: scroll;
	}
	.cp_table tbody {
		display: block;
		width: auto;
		overflow-x: auto;
		white-space: nowrap;
	}
	.cp_table th {
		display: block;
		width: auto;
		border-width: 1px 0px 0px 1px;
		border-color: #dddddd;
		border-style: solid;
	}
	.cp_table th:last-child {
		border-bottom: 1px solid #dddddd;
	}
	.cp_table tbody tr {
		display: inline-block;
		margin: 0;
	}
	.cp_table td {
		display: block;
		border-width: 1px 1px 0px 1px;
		border-color: #dddddd;
		border-style: solid;
	}
	.cp_table td:last-child {
		border-bottom: 1px solid #dddddd;
	}
}.c_red_ {
	font-size: x-large;
	color: #F00;
}
.bg_g {
	background-color: #CFF;
}


/****************************************************************
地図埋め込み
****************************************************************/

.ggmap {
	position: relative;
	height: 0;
	overflow: hidden;
	float: left;
	width: 100%;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.soudan_pr {
	float: left;
	height: auto;
	width: 40%;
}
.soudan_lt {
	float: left;
	height: auto;
	width: 55%;
	margin-right: 5%;
}
.soudan {
	margin-bottom: 8%;
	float: left;
	height: auto;
	width: 100%;
}

.soudan_rt {
	float: left;
	height: auto;
	width: 55%;
}
.soudan_pl {
	float: left;
	height: auto;
	width: 40%;
	margin-right: 5%;
}


/****************************************************************
スマホ
****************************************************************/
@media screen and (max-width:600px){
.soudan_lt{
	float:none!important;
	width:100%!important;
	margin:0!important;	
	height:auto;
	}
.soudan_pr{
	float:none!important;
	width:100%!important;
	margin:0!important;	
	height:auto;
	}
.soudan_pl{
	float:none!important;
	width:100%!important;
	margin:0!important;	
	height:auto;
	}	
.soudan_rt{
	float:none!important;
	width:100%!important;
	margin:0!important;	
	height:auto;
	}	


p{font-size:x-smal!important

;}
}