@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;
}
h3 {
	font-weight: bold;
	color: #333;
	margin-bottom: 1%;
	line-height: 1.5em;
	text-align: left;
	border: 1px solid #CCC;
	padding: 2%;
	float: left;
	width: 95%;
	font-size: x-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;
}

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: #333;
	padding-top: 0px;
	padding-right: 0px;
	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(../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(../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(../img/point/back/point01_back.jpg);
	float:left;
  background-repeat: no-repeat;
  background-size: cover;
	}


.merit02
{
	width:100%;
	height:auto;
	background-image: url(../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(../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(../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(../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(../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(../img/service.png);
	float:left;
  background-repeat: no-repeat;
  background-size: cover;
	}
.voice
{
	width:100%;
	height:auto;
	background-image: url(../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_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;
}