@charset "utf-8";

 @font-face {
     font-family: 'Noto Sans JP';
     font-style: normal;
     font-weight: 400;
     src: local("Noto Sans CJK JP"),
+         local("Noto Sans JP"),
          url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format('woff2'),
          url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format('woff'),
          url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format('opentype');
  }


/**
 *
 *  会社概要
 *
 */

/*--------------------------------------------------------------------------
   overwrite  - 共通CSSの上書き -
---------------------------------------------------------------------------*/
.blockTtl.en{
	margin-top:40px;
	margin-bottom: 30px;
}



/* テキスト配置　*/
.tx_c{text-align: center;}
.tx_l{text-align: left;}
.tx_r{text-align: right;}



#subTitle {
	/* border: 1px solid #eee; */
	margin: 2%;
	padding: 1%;
	width:100%;
	max-width: 1000px;
	margin-bottom: 10px;
	background-size: cover;
	background-position: center;
	/* float: left; */
	margin: 10px auto;
	background: rgba(255, 255, 255, 0.9);
	font-family: 'Noto Sans Japanese',"メイリオ","Meiryo", serif;
}


#subTitle img{
	width:100%;
	max-width: 1000px;
	margin-bottom: 10px;

}


#subTitle h2{
	font-size: 25px;
	font-family: 'Noto Sans Japanese',"メイリオ","Meiryo", serif;
	margin-bottom: 50px;
}

#subTitle .wrap {
	width:90%;
	margin:0 auto;
}


#subTitle .stitle1 {
    margin-bottom: 5px;
    font-size: 25px;
    font-weight: 500;
    color: #fff;
    line-height: 2em;
    text-align: center;
    margin-bottom:60px;
    background: #5893b1;
    border-radius:5px;
}



#subTitle .title {
	margin-bottom:5px;
	font-size:2em;
	font-weight: bold;
	color: #212270; 
	line-height: 1.5em;
}

#subTitle .stitle3 {
	margin-bottom: 10px;
	font-size: 23px;
	font-weight: 500;
	color: #333;
	/* line-height: 1.5em; */
	text-align: left;
}


.box_01{
	width: 90%;
	max-width: 900px;
	margin: 0 auto;
	margin-bottom: 50px;
}



.midashi_1 {
    position: relative;
    color: white;
    background: #FF9800;
    line-height: 1.2;
    padding: 0.2em 0.5em 0.2em 1.8em;
}

.midashi_1:before {
    font-family: "FontAwesome";
    content: "\f14a";
    position: absolute;
    left: 0.5em;
    padding-top: 0;
    font-size: 20px;
    /* line-height: 1.5; */
}

.p_text1{
	font-size: 25px;
	font-weight: 600;
}


.nami {
    text-decoration: underline wavy;
    color: #E91E63;
}

.borderA {
    background: #ff0;
    padding: 5px;
}


.btn_brown {margin:10px auto;font-size: 15px;font-weight: 600;color: #FF5722;padding:7px 40px;text-decoration:none;border: #FF5722 1px solid;display:inline-block;} 
/*-.btn_type1 { margin:0 auto; font-size:12px; color:#c1272d; padding:7px 40px; text-decoration:none; border:#c1272d 1px solid; display:inline-block;} -*/


.btn_brown  {
	background: #fff;
	display: inline-block;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
} 

.btn_brown:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
} 
/* Button 1e */
.btn_brown {
	overflow: hidden;
} 

.btn_brown:after {
	width: 100%;
	height: 0;
	top: 50%;
	left: 50%;
	background: #FF5722;
	opacity: 0;
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
} 

.btn_brown:hover,
.btn_brown:active {color: #fff!important;background: #FF5722;} 

.ie8 .btn_brown:hover,
.ie8 .btn_brown:active {color: #c1272d!important;} 


.btn_brown:hover:after {
	height: 500%;
	opacity: 1;
} 

.btn_brown:active:after {
	height: 500%;
	opacity: 1;
} 








/*--------------------------------------------------------------------------
   Main
/* #service
-----------------------------------------------------------------*/

#service1{
	padding: 20px 0px 10px;
	background: #fff;
	background-position: right;
}
#service1 .wrap{
	position: relative;
/* 	background: #fff;*/
/*	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	*/
}

#service1 .note0 {
    margin: 2%;
    padding: 1%;
    width: 1200px;
    margin-bottom: 10px;
    background-size: cover;
    background-position: center;
    /* float: left; */
    margin: 30px auto;
    background: rgba(255, 255, 255, 0.9);
}

#service1 .note0 h3,
#service1 .note0 p{
    	font-family: 'Noto Sans Japanese',"メイリオ","Meiryo", serif;
}
#service1 .note0 h3{
	font-size: 20px;
	margin-bottom: 50px;
}
#service1 .note2{
	margin: 2%;
	padding: 1%;
	width: 1200px;
	margin-bottom:10px;
	background-size: cover;
	background-position: center;
	/* float: left; */
	margin: 30px auto;
	background: rgba(255, 255, 255, 0.9);
	width: 100%;
}

/*お客様の声のカスタマ 背景画像*/
.service1_bg1{
	/*background: url(../images/service1_bg1.png) no-repeat 50% 50% ;*/
	border: 1px #eee solid;
}

.service1_bg2{
	background: url(../images/service1_bg2.png) no-repeat 50% 50% ;
}

.service1_bg3{
	background: url(../images/service1_bg3.png) no-repeat 50% 50% ;
}

#service1 .note2 h2{
	margin: 5px 0px;
	line-height: 1.5;
	font-size: 20px;
	font-weight: 600;
	padding: 0;
	text-align: left;
	color: #006fa7;
	/* color: #FF9800; */
	font-family: "Noto Sans", Arial, Roboto, "Droid Sans", 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

#service1 .note2 p{
	padding: 2px 2px;
	line-height: 1.5;
	font-weight: 500;
	text-align: left;
	margin: 10px;
	font-size: 14px;
}


#service1 .note2 p span{
		font-size: 20px;
		/* color: #e82838; */
		font-weight: 600;
		padding-right: 10px;
}

#service1 .note2 p.optxt {
	font-size: 12px;
}


#service1 .note2 p.conttel {

	font-weight: 600;
	/* background: #eee; */
	margin-top:10px;
}
#service1 .note2 p.conttel span {
	background: #00adba;
	color: #f0f4f9;
	padding: 5px 10px;
	border-radius: 10px;
	font-size: 25px;
}


.conttel {

	font-weight: 600;
	/* background: #eee; */
	margin-top:10px;
}
.conttel span {
	background: #00adba;
	color: #f0f4f9;
	padding: 5px 10px;
	border-radius: 10px;
	font-size: 25px;
}









#service1 .note2 h3{
	padding: 15px 15px 0;
	line-height: 1.5;
	font-size: 20px;
	font-weight: 500;
}



/* お客様の声のカスタマ  ●様邸の文字 */

.colorF{
	color: #fff;
}

.colorB{
	color: #1e0904;
}



/* お客様の声のカスタマ  テキストエリアと写真エリア */

.bColor_beige{
	padding: 1%;
	background: rgb(255, 255, 255);
	color: #40210f;
	border-bottom: 1px solid #d6d6d6;
}




.box_area{
	width: 90%;
	padding: 0.5%;
}

.box_area img{
	width: 100%;
}

.box_area h2{
	padding: 0;
}

.box_area li{
	font-size: 2rem;
}


.box_area li:before{
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	background: url(../images/icon_li.png) no-repeat;
	position: relative;
	top: 20px;
	left: -10px;
}


.box_wd95{
	width: 98%;
	margin: 0px 0 10px;
	padding: 10px 10px 20px;
}

.box_wd80{
	width: 75%;
	float: left;
}
.box_wd70{
	width: 65%;
	float: left;
}


.box_wd60{
	width: 60%;
	float: left;
}

.box_wd50{
	width: 47%;
	margin: 0.5%;
	float: left;
}

.box_wd40{
	width: 40%;
	float: left;
}


.box_wd30{
	width: 32%;
	float: left;
}

.box_wd20{
	width: 20%;
	float: left;
}


.bg_colorBe{
	/*	background: #f3f3f3;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; */
	padding: 5px;
	margin: 5px 1% 5px;
	overflow: auto;
	width: 98%;
	}

.bg_colorB{
	background: #1e0904;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 10px;
    margin: 10px 10px 30px;
    overflow: auto;
}


#service1 .note2 img{
	margin: 0 ;

}




/* 会社案内
-----------------------------------------------------------------*/
.gaiyou {
	width:100%;
	margin: 0 auto;
	text-align: center;
}
.gaiyou p{

	font-size: 110%;
	

}


table.brwsr1 {
	width: 100%;
    font-size: 2rem;
    margin: 20px 0px;
    border-collapse: separate;
    border-spacing: 0px 1px;
    margin-bottom:10px;
    margin-left:5px;
	transition: .8s;
	border-top: 1px solid #eee;
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
}

table.brwsr1 img{

}

table.brwsr1 th {
    padding: 4px 0;
    padding-left:15px;
    vertical-align: middle;
    text-align: left;
    width: 150px;
    border-bottom: #eee 1px solid;
}
 
table.brwsr1 td {
    padding: 8px 0;
	padding-left:15px;
    text-align: left;
    border-bottom: #eee 1px solid;
    font-size: 115%;

}
 
table.brwsr1 td.r1 {
    width: 40%;
    text-align: left;
   /* border-right: #eee 1px solid;
     background: #447791;*/
}
 
table.brwsr1 td.r2 {
    width: 60%;
    text-align: left;
   /* border-left: #fff 1px solid;
    border-right: #eee 1px solid;
    background: #5893b1;*/
}

table.brwsr1 td.r3 {
    width: 50%;
    text-align: left;
   /* border-left: #fff 1px solid;
    border-right: #eee 1px solid;
    background: #5893b1;*/
}


table.brwsr1 td.r4 {
    width: 70%;
    text-align: left;
    border-right: #eee 1px solid;
   /* border-left: #fff 1px solid;
    background: #5893b1;*/
}
table.brwsr1 td.r5 {
    width: 30%;
    text-align: left;
   /* border-left: #fff 1px solid;
    border-right: #eee 1px solid;
    background: #5893b1;*/
}




 
/* #mission
-----------------------------------------------------------------*/
#mission{
	padding: 54px 5% 80px;
}
#mission .txt{
	margin-bottom: 30px;
	font-size: 124%;
	text-align: center;
}


/* spサイト
-----------------------------------------------------------------*/
@media (max-width: 515px) {

.bg_colorBe {
    padding: 5px;
    margin: 10px 5px 10px;
    overflow: auto;
}


	
	#service1 .note2 {
    margin: 2%;
    padding: 1%;
    width: 96%;
   
}

#service1 .note2 h2 {
    margin: 5px 0px;
    line-height: 1.5;
    font-size: 16px;
    font-weight: 600;
    padding: 0 1%;
    text-align: left;
    color: #006fa7;
    font-family: "Noto Sans", Arial, Roboto, "Droid Sans", 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

	.box_wd30,
	.box_wd70,
	.box_wd60,
	.box_wd50 {
    	width: 100%;
    	margin: 0;
    }
    	
    
    table.brwsr1 {
		margin-bottom: 50px;
    }

    	
    table.brwsr1 td {
    	display: block;
    	border-bottom: none;
    
    }
    
	table.brwsr1 td.r4 {
	    width: auto;
	    text-align: left;
	    border-right: #eee 1px solid;
	    background: #eee;
	    padding: 1%;

	}
	table.brwsr1 td.r5 {
	    width: auto;
	    text-align: right;
	    padding: 2%;
	    border-bottom: #eee 1px solid;
	}

    
    
}
#c-online-btn {
	position: fixed;
	z-index: 50;
	bottom: 100px;
	right: 20px;
	opacity: 0;
  }
  
  #c-online-btn a {
	transition-property: all;
	transition-duration: .3s;
	transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  }
  
  #c-online-btn a img {
	width: 130px;
  }
    #c-online-btn img {
	width: 130px;

  }
  
  #c-online-btn a:hover {
	opacity: 0.7;
  }

  #c-pagetop {
    position: fixed;
    z-index: 50;
    right: 63px;
    bottom: 30px;
    cursor: pointer;
    opacity: 0;
  }
  #c-pagetop-object {
    width: 45px;
    height: 45px;
    transition-property: all;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  }
  #c-pagetop-object:hover {
    opacity: 0.7;
  }
  #c-pagetop-arrow {
    width: 15px;
    height: 8px;
  }
  #c-pagetop.only {
    right: 30px;
  }
@media (max-width: 515px) {

  #c-online-btn img {
	width: 100px;
	/* height: 130px; */
/* 	background: #c11920; */
  }
  }



/*# sourceMappingURL=styles.css.map */