@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/hannari.css);
/* �t�H���g��w�肵�����Ƃ���� */
font-family: 'Hannari';

.h2title{
	width:100%;
	float:left;
	margin-bottom:6%;
	height: auto;
}
/* テキスト
------------------------------------------------------------*/
.c_3C1307{
	color:#3C1307;
	font-size: x-large;
	margin-bottom: 2%;
	padding: 0px;
	float: left;
	width: 100%;
	height: auto;
	}
p {
	color: #3E3A39;
	font-size: medium;
	line-height: 2em;
}
.text_b_t{
	font-size:x-large;
	color: #C90;
	line-height: 1.5em;
	}
.text_b_l{
	font-size:x-large;
	color: #666;
	line-height: 1.5em;
	}

	
.color_blue{}
.color_orange{}
.color_red{
	color: #C00;
}
.color_dgray{
	color: #333;
	font-size: medium;
}
.color_orange_b{
	color: #F60;
	font-size: large;
	font-weight: bolder;
}
.color_white{
	color: #FFF;
}	

.color_gray{
	color: #666;
	font-weight: bold;
}
.border5 {
	float:left;
	width:90%;
	margin-right:10%;

	font-size: 16px;
	line-height: 20px;
	padding: .5em 0 .5em 1.5em;
	position: relative;
	background: #ffffff;
	border: 1px solid #000000;
}
.border5:after {
	content: " ";
	position: absolute;
	top: .5em;
	left: .5em;
	width: 6px;
	height: calc(100% - 1em);
	background: #000000;
}


.wf-roundedmplus1c { font-family: "Rounded Mplus 1c"; }

.img50{
	float:left;
	height:auto;
	width:50%;}
header{
	background-color:#231815;
	float: left;
	width: 100%;
	margin: 0px;
	}	
.col{
	width:100%;
	height:auto;
	margin-top: 100px;
	float: left;
}

.content{
	width:80%;
	float: left;
	height: auto;
	margin-right: 10%;
	margin-left: 10%;
	margin-bottom: 5%;
	}
.col .content.fade-in .content_blk .r40 .al_right a {
	float: right;
}

.content_blk{
	float:left;
	margin-top:6%;
}

.head_black{
	float:left;
	background-color:#231815;
	margin:0;
	height:75px;
	width:100%;
	}

.slide{
	width:100%;
	height:auto;
	float: left;
}
.img100{
	width:100%;
	height:auto;
	float: left;
}


.text_150{
	line-height:250%;
	
	}
.r60{
	float:left;
	width:49%;
	height:auto;
}	
.l40{
	float:right;
	width:45%;
	height:auto;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	padding-top: 3%;
	padding-right: 3%;
}	
.r40{
	float:left;
	width:45%;
	height:auto;
	padding-top: 3%;
	padding-left: 3%;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-left-color: #CCC;
}	
.mb90{
	width:100%;
	float: left;
	height: auto;
	margin-bottom: 5%;
	margin-top:3%;
}	

@media only screen and (min-width: 320px) and (max-width: 568px) {
.mb90{
	width:80%;
	float: left;
	height: auto;
	margin-right: 10%;
	margin-left: 10%;
	margin-bottom: 5%;
}	
.text_150{
	float:left;
	width:90%;
	height:auto;
	padding-top: 3%;
	padding-left: 3%;
	
	}
.blk90{
	float:left;
	width:90%;
	height:auto;
	padding-top: 3%;
	padding-left: 3%;
	
	}
.footer_l
{
	width:90% !important;
	height: auto;
	float:right;
	margin-right:5%;
	margin-top:5%;

	}

.ggmap
{
	width:90% !important;
	height: auto;
	float:right;
	margin-right:5%;
	margin-top:5%;

	}


}





.l60{
	float:right;
	width:49%;
	height:auto;
}	

.fade-in {
  transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
}	
	
.fade {  
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;  
}  
.fade:hover {  
    opacity: 0.4;  
    filter: alpha(opacity=60);  
}   



.text_150 a {
	position: relative;
	display: inline-block;

	transition: .3s;
	text-decoration: none;
}
.text_150 a::after {
	position: absolute;
	bottom: .3em;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background-color: #2ecc71;
	opacity: 0;
	transition: .3s;
}
.text_150 a:hover::after {
	bottom: 0;
	opacity: 1;
}
.l60 a:hover img,
.r60 a:hover img
{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";

}

.pagetop {
	display: none;
	position: fixed;
	bottom: 75px;
	right: 13px;
	z-index: 100;
	width: 25%;
	background-image: url(../img/all/bg.png);
	background-repeat: repeat;
	padding:1%;

}
.formbtn a
{
	float:left;
	}
.telbtn a
{
	float:left;


	}
/*�u���b�N
---------------------------------------------------------------------------*/	
.blk2b_45_left{
	float:left;
	width:48%;
	height:auto;
	margin-right:2%;
		}
.blk2b_45_right{
	float:right;
	width:48%;
	height:auto;
		}
.blk90{
	float:left;
	width:90%;
		}


/*�t�b�^�[
---------------------------------------------------------------------------*/
footer {
	background-color: #231815;
	float: left;
	height: auto;
	width: 100%;
}
.ggmap
{
	width:40% !important;
	height: auto;
	float:right;
	margin-right:5%;
	margin-top:5%;

	}
.merit03_05
{
	width: 100%;
	/* [disabled]background-color: #4b5bf6; */
	height: 500px;
	float: left;
	color: #369;
	margin: 0%;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.footer_l {
	float: left;
	width: 40%;
	margin-left: 10%;
	margin-top: 5%;
}	
.footer_rr {
	width: 90%;
	float: left;
	line-height: 3em;
}
.footer_r {
	float: right;
	width: 45%;
}
.footer_ll {
	float: left;
	width: 45%;
	line-height: 3em;
}
.footer_rr {
	width: 45%;
	float: left;
	line-height: 3em;
}
footer a{
	color:#CCC;
	text-decoration: none;
}
.obi {
	background-color: #3e3a39;
	float: left;
	width: 100%;
	margin-top: 6%;
}
.obi p {
	padding-right: 10%;
	padding-left: 10%;
	color: #FFF;
}
/*************
/* 会社概要
*************/
.comp {
	width: 80%;
	margin-right: 10%;
	margin-left: 10%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
 
.comp th,
.comp td {
border: 1px solid #ccc;
padding: 20px;
}
 
.comp th {
font-weight: bold;
background-color: #dedede; 
}


/*************
/* よくある質問
*************/

.question_box {
	background-color: #EFEFEF;
	padding: 20px;
	float: left;
	width:100%;
	margin-bottom: 5%;
}
.answer {
	border: 1px dotted #8FC31F;
	padding: 10px;
	background-color: #22AC38;
	background-image: url(../question/a.jpg);
	background-position: 5px 5px;
	background-repeat: no-repeat;
}
.q_title {
	margin-bottom: 10px;
	color: #963;
}
.answer p {
	margin-left: 30px;
}
 
@media screen and (max-width: 767px) {
.comp,
.comp tr,
.comp td,
.comp th {display:block;}
.comp th {width:auto;}
}