@charset "UTF-8";
/* CSS Document */
.fixed {
    position: fixed;
    top: 0;
	/*top: -10px;*/
    width: 100%;
    z-index: 10000;
	background-color: rgba(255,255,255,0.9);
	background-position: center center;
	background-size: cover;
}
.ml10 {
	margin-left: 10px;
}
.mr10 {
	margin-right: 10px;
}
.mt10 {
	margin-top: 10px;
}
.mt15 {
	margin-top: 15px;
}
.mt20 {
	margin-top: 20px;
}
.mt30 {
	margin-top: 30px;
}
.mt40 {
	margin-top: 40px;
}
.mt50 {
	margin-top: 50px;
}
.mt80 {
	margin-top: 80px;
}
.mt160 {
	margin-top: 160px;
}
.mb5 {
	margin-bottom: 5px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb40 {
	margin-bottom: 40px;
}
.mb60 {
	margin-bottom: 60px;
}
.pt10 {
	padding-top: 10px;
}
.pt40 {
	padding-top: 40px;
}
.pt60 {
	padding-top: 60px;
}
.pb10 {
	padding-bottom: 10px;
}
.pb40 {
	padding-bottom: 40px;
}
.pb60 {
	padding-bottom: 60px;
}
.midori {
	color: #008c56;
}
.ao2 {
	color: #002f7b;
}
.aka {
	color: #F63236;
}
.ki {
	color: #ffbc00;
}
.label-iro{
	background-color: #09B718;
	color:#FFF;
	font-size:80%;
	text-align:left;
	padding:5px 10px;
	border-radius:5px;
}
/*a img:hover,a:hover {
	opacity: 0.7;
	text-decoration: none;
}*/

hr.style14 { 
  border: 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.carousel-control.right {
	background-image: none;
	/*background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);*/
}
.carousel-control.left {
	background-image: none;
	/*background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);*/
}


/*スマホメニュー*/
.navbar-toggle {
	position: relative;
	float:right;
	padding: 7px 10px;
	margin-top: 9px;
	margin-bottom: 0px;
	margin-right: 1px;
	border: none;
}
.navbar-toggle .icon-bar {
	display: block;
	width: 32px;
	height: 3px;
	color: #2d2d2d;
}
.navbar-toggle .icon-bar+.icon-bar {
	margin-top: 7px;
}
/*スマホメニュー*/

.txt_box {
	border:1px solid #DFDFDF;
	padding: 10px;
}
.txt_top {
	word-wrap: break-word;
}
.bg_yellow {
	background-color: #ffdb3f;
}
.bg_yellow2 {
	background-color: #fcffd7;
}
.bg_midori {
	background-color: #008c56;
}
.bg_midori2 {
	background-color: #188e02;
}
.pink {
	color: #FF6B6E;
}
.yellow {
	color: #ffdb3f;
}
.green1 {
	color: #098f85;
}
.red {
	color: #F01C1F;
}
.price {
	font-size: 120%;
}
.list_none {
	padding:0;
	margin:0;
}
.list_none li {
	list-style-type:none;
	padding:0 0 3px 0;
	margin:0;
}
.list_none li a img {
	border:none;
}
.futo {
	font-weight: bold;
}
.min {
	font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.btn.btn-warning {
	color: #098f85;
	background-color: #ffdb3f;
	border: none;
}

.btn.btn-warning a { 
    color:#ffffff;
	text-decoration:none;
}
/*.btn.btn-warning a:focus,a:hover{ 
    color:#ffffff;
	background-color: #5050C6;
	border-color: #5050C6;
	text-decoration:none;
} */
.btn.btn-warning:hover,.btn.btn-warning:active {
	background-color: #FFCF49;
	color: #ffffff;
	text-decoration: none;
	border: none;
}

.sq {
	border: 1px solid #dddddd;
}


.mds {
	font-size: 1.4em;
	line-height: 1.4em;
	font-weight: bold;
}
@media screen and (max-width: 768px) {
.mds {
	font-size: 1.2em;
	line-height: 1.2em;
}
}

 h2,.mds01 {
  line-height: 28px;
  font-size: 28px;
  font-weight: 300;
  letter-spacing: 0.15em;
  text-align:left;
  border-bottom: solid 4px #ffdb3f;
  position: relative;
  padding-bottom: 7px;
  margin: 0;
}

h2:after,.mds01:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 4px #098f85;
  bottom: -4px;
  width: 15%;
}
h2:first-letter,.mds01:first-letter {
	color: #ffbc15;
}

@media screen and (max-width: 768px) {
 h2,.mds01 {
    font-size: 24px;
    line-height: 24px;
  }
}

.mds02 {
	font-size: 1.6em;
	line-height: 1.4em;
	color: #008c56;
}
@media screen and (max-width: 768px) {
.mds02 {
	font-size: 1.4em;
}
}

.txt_j {
	text-align: justify;
	line-height: 1.6em;
}
@media screen and (max-width: 768px) {
.txt_j {
	font-size: 1.3rem;
}
}


.lead {
  font-size: 12px;
  line-height: 30px;
  letter-spacing: 0.1em;
  color: #A6A6A6;
}

.btn_midori {
	display: inline-block;
	background-color: #098f85;
	border-radius: 3px;
	color: #ffffff;
}
.btn_midori a{
	display: block;
	padding: 5px 20px;
	text-decoration: none;
	color: #ffffff;
}
.btn_midori a:hover{
	background-color: #1aaa9c;
	border-radius: 3px;
	color: #ffffff;
}

.fukidashi {
	position: relative;
	display: inline-block;
    padding: 0.6em 0.8em;
    background: #04AF4D;
	color: #ffffff;
	font-weight: 600;
	border-radius: 3px;
}

.fukidashi:after {
	position: absolute;
    content: '';
    top: 100%;
    left: 30px;
    border: 5px solid transparent;
    border-top: 7px solid #04AF4D;
    width: 0;
    height: 0;
}

.waku {
	border: 1px solid #cccccc;
	border-radius: 5px;
	padding: 10px 20px;
}

.midoriwaku {
	background-color: #e8f9e9;
	border-radius: 5px;
	padding: 10px;
}


/*---------------ヘッダー*/
.header_right {
	float:right;
}

.header_right a:hover {
	opacity: 0.7;
}

/*---------------最新情報*/
.box_news{
	width: 100%;
	margin-bottom: 40px;
	text-align: right;
}
.box_news h2{
	margin-bottom: 10px;
	text-align: left;
}
.box_news .news1{
	overflow: auto;
    clear: both;
    height: 236px;
    overflow-y: scroll;
	width: 100%;
    box-sizing: border-box;
    border-bottom: solid 1px rgb(230,230,230);
    background: url(../img/top/s2bg.jpg) repeat;
    border-radius: 0px;
    border: 2px solid #ededed;
}

.box_news .inner{
	padding: 0px 10px 10px 10px;;
}
.box_news .inner ul {
	padding: 0;
	list-style: none;
	text-align: left;
}
.box_news .inner ul li{
	padding: 10px 10px;
	line-height: 1.4em;
}
@media screen and (max-width: 768px) {
.box_news .inner ul li{
	font-size: 1.3rem;
	padding: 7px 7px;
}
}

.box_news .inner ul li .date{
	display: block;
	font-weight: bold;
	margin-bottom: 10px;
	color: #098f85;
}

/*---------------最新情報*/
.box_saishin{
	width: 100%;
	margin-bottom: 20px;
	text-align: right;
}
.box_saishin h2{
	margin-bottom: 20px;
	text-align: left;
}
.box_saishin .item{
	position: relative;
	padding: 20px;
	border: 2px solid #f2f2f2;
	background-color: #ffffff;
	text-align: center;
	margin-bottom: 20px;
	height: 340px;
}
@media screen and (max-width: 991px) {
.box_saishin .item{
	height: 380px;
}
}
.box_saishin .item_mds{
	font-size: 15px;
	line-height: 1.4em;
	font-weight: 600;
	text-align: left;
}
.box_saishin p{
	text-align: justify;
}
.box_saishin .btn_midori {
	position: absolute;
	width: 120px;
	left: 50%;
	margin-left: -60px;
	bottom: 20px;
}


/*---------------ごあいさつ*/
.box_aisatsu{
	width: 100%;
	margin-bottom: 40px;
	text-align: left;
}
.box_aisatsu h2{
	margin-bottom: 20px;
	text-align: left;
}
.box_aisatsu p{
	text-align: justify;
}


/*---------------対応可能エリア*/
.box_area{
	width: 100%;
	margin-bottom: 40px;
	text-align: left;
}
.box_area h2{
	margin-bottom: 20px;
	text-align: left;
}
.box_area p{
	text-align: justify;
	line-height: 1.6em;
}
@media screen and (max-width: 768px) {
.box_area p{
	font-size: 1.3rem;
}
}
.box_area p span {
	display: block;
	margin-bottom: 5px;
	color: #098f85;
	font-size: 1.1em;
	font-weight: 600;
}


/*フッター*/
.footer {
	padding-bottom: 50px;
	background-color: #098f85;
	color: #ffffff;
}
.footer a{
	color: #ffffff;
}
.footer .list02 li a:hover {
	text-decoration: underline;
	color: #FFEFB8;
}
.footer .list02 ul {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top: 5px;
	margin-left: 10px;
}
.footer .list02 ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	padding:0px 5px 4px 0px;
}
.copyright{
    text-align:center;
    margin:0 auto;
    display:block;
	color: #ffffff;
}

/*---------------第二階層*/
#page-title {
	/*background-color: rgba(216,239,225,1.00);*/
	background: url(../img/common/bg_daini.png) center center no-repeat;
	background-size: contain;
    clear: both;
    overflow: hidden;
    position: relative;
    padding: 2.5em 0 2.5em 0;
}

#page-title h3{
	text-align : center;
	font-weight : normal;
	font-size: 2.7rem;
	letter-spacing: 0.15em;
}
#page-title h3:first-letter {
	color: #ffbc15;
}

@media screen and (max-width: 768px){
#page-title{
	background: url(../img/common/bg_daini_s.png) center center no-repeat;
	background-size: contain;
	padding: 2.3em 0 2.3em 0;
	}
#page-title h3{
	font-size : 2.2rem;
	}
}

@media screen and (max-width: 480px){
#page-title{
	background: url(../img/common/bg_daini_s.png) center center no-repeat;
	background-size: contain;
	padding: 2em 0 2em 0;
	}
#page-title h3{
	font-size : 1.8rem;
	}
}

/*---------------最新情報詳細ページ*/
.shosai {
	width: 100%;
	text-align: left;
	margin-bottom: 40px
}
.shosai .date{
	color: #098f85;
	margin-bottom: 10px;
}

.shosai h3 {
	margin-top: 0;
	margin-bottom: 15px;
	font-size: 22px;
	line-height: 1.4em;
	letter-spacing: 0.05em;
	background: linear-gradient(transparent 70%, #bdefd9 70%);
	padding: 3px 0 3px 5px;
}
@media screen and (max-width: 768px) {
.shosai h3 {
    font-size: 1.8rem;
	line-height: 2rem;
	margin-bottom: 10px;
  }
}
.shosai p {
	font-size: 14px;
	line-height: 1.5em;
	text-align: justify;
	margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
.shosai p {
    font-size: 1.3rem;
	line-height: 1.7rem;
  }
}


/*---------------ご挨拶・理念*/
.hiyaku {
	font-size: 2.7em;
	color: #232323;
	letter-spacing: 0.15em;
}
@media screen and (max-width: 768px) {
.hiyaku {
	font-size: 2.5em;
}
}
.hiyaku:first-letter {
	color: #098f85;
}

.list_shishin {
	font-size: 1.4em;
	line-height: 1.4em;
	margin-bottom: 5px;
	background-image: url(../img/philosophy/kodoshishin50.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size:contain;
}
.list_shishin li {
	padding: 0px 0px 10px 1.4em;
	position: relative;
	color: #333333;
	text-shadow: 0 0 2px white;
}
.list_shishin li:before{ 
	font-family: "Font Awesome 5 Free";
	content: "\f04d";
	position: absolute;
	font-size: 1.1em;
	left: 0px;
	top: 1px;
	color: #098f85;
	z-index: -1;
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
.list_shishin {
	font-size: 1.4em;
	line-height: 1.4em;
	background: none;
}
.list_shishin li {
	padding: 0px 0px 10px 1.3em;
	position: relative;
	color: #333333;
	text-shadow: 0 0 2px white;
}
.list_shishin li:before{ 
	font-family: FontAwesome;
	content: "\f04d";
	position: absolute;
	font-size: 1em;
	left: 0px;
	top: 1px;
	color: #098f85;
	z-index: -1;
}
}
@media screen and (max-width: 768px) {
.list_shishin {
	font-size: 1.2em;
	line-height: 1.4em;
	background: none;
}
.list_shishin li {
	padding: 0px 0px 10px 1.3em;
	position: relative;
	color: #333333;
	text-shadow: 0 0 2px white;
}
.list_shishin li:before{ 
	font-family: FontAwesome;
	content: "\f04d";
	position: absolute;
	font-size: 1em;
	left: 0px;
	top: 1px;
	color: #098f85;
	z-index: -1;
}
}



.list_philosophy2 {
	font-size: 1.4em;
	line-height: 1.4em;
	margin-bottom: 5px;
}
.list_philosophy2 li {
	padding: 0px 0px 10px 0.7em;
	position: relative;
	color: #333333;
	text-shadow: 0 0 2px white;
}
.list_philosophy2 li:before{ 
	font-family: "Font Awesome 5 Free";
	content: "\f04d";
	position: absolute;
	font-size: 1.1em;
	left: -15px;
	top: 1px;
	color: #ffdb3f;
	z-index: -1;
}
@media screen and (max-width: 768px) {
.list_philosophy2 {
	font-size: 1.2em;
	line-height: 1.4em;
}
.list_philosophy2 li {
	padding: 0px 0px 10px 0.7em;
	position: relative;
	color: #333333;
	text-shadow: 0 0 2px white;
}
.list_philosophy2 li:before{ 
	font-family: FontAwesome;
	content: "\f04d";
	position: absolute;
	font-size: 1em;
	left: -13px;
	top: 1px;
	color: #ffdb3f;
	z-index: -1;
}
}



/*---------------事業概要*/
.business .catch03 {
	font-size: 1.6em;
	margin-bottom: 15px;
	line-height: 1.5;
}
@media screen and (max-width: 768px) {
.business .catch03 {
	font-size: 1.4em;
	margin-bottom: 15px;
}
}
.list_business {
	font-size: 1.3em;
	line-height: 1.4em;
	margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
.list_business {
	font-size: 1.1em;
	line-height: 1.4em;
}
}
.list_business li {
	padding: 3px 0px;
}

.list_business2 {
	font-size: 1.1em;
	line-height: 1.4em;
}
@media screen and (max-width: 768px) {
.list_business2 {
	font-size: 1em;
	line-height: 1.3em;
}
}
.list_business2 li {
	padding: 3px 0px;
	position: relative;
	padding-left: 1.5em;
}
.list_business2 li:before{ 
	font-family: "Font Awesome 5 Free";/*忘れずに*/
	content: "\f00c";/*アイコンのユニコード*/
	font-weight: 900;
	position: absolute;/*絶対位置*/
	font-size: 1em;/*サイズ*/
	left: 0;/*アイコンの位置*/
	top: 4px;/*アイコンの位置*/
	color: #FB3B3E;; /*アイコン色*/
}

.mds_taisaku {
	font-size: 1.4em;
	padding: 6px 10px 8px 10px;
	border-bottom: 2px dashed #04af4d;
}
@media screen and (max-width: 768px) {
.mds_taisaku {
	font-size: 1.3em;
}
}
.mds_taisaku span {
	background-color: #f8b310;
	color: #ffffff;
	padding: 4px 8px 4px 10px;
	border-radius: 2px;
	margin-left: 5px;
}

.business .catch04 {
	font-size: 1.4em;
	margin-bottom: 15px;
	margin-left: 15px;
	margin-right: 15px;
	padding-bottom: 7px;
	border-bottom: 2px dashed #239e6c;
}
@media screen and (max-width: 768px) {
.business .catch04 {
	font-size: 1.3em;
	margin-bottom: 15px;
}
}
.business a {
	text-decoration: underline;
	color: #098f85;
}


/*---------------会社概要*/
@media only screen and (min-width: 993px), print {
 .tbl_com {
	 line-height: 1.8em;
 }
 .tbl_com th{
	 padding: 5px 10px;
	 vertical-align: text-top;
	 color: #098f85;
	 background-color: #f4f4f4;
 }
 .tbl_com td{
	 padding: 5px 10px;
	 vertical-align: text-top;
 }
 .tbl_com td hr{
	 margin-top: 10px;
	 margin-bottom: 10px;
	 border-top: 1px dotted #dddddd;
 }
}

@media only screen and (min-width: 421px) and (max-width: 992px) {
.tbl_com {
	 line-height: 1.8em;
	 font-size: 0.9em;
 }
 .tbl_com th{
	 padding: 5px 10px;
	 vertical-align: text-top;
	 color: #098f85;
	 background-color: #f4f4f4;
 }
/* .tbl_com th:last-of-type{
	 border-bottom: 1px solid #cccccc;
 }*/
 .tbl_com td{
	 padding: 5px 10px;
	 vertical-align: text-top;
 }
 .tbl_com td hr{
	 margin-top: 10px;
	 margin-bottom: 10px;
	 border-top: 1px dotted #dddddd;
 }
}

@media only screen and (max-width:420px) {
.tbl_com {
	 line-height: 1.8em;
	 font-size: 0.9em;
 }
 .tbl_com th{
	 border-top: none;
	 border-bottom: none;
	 border-right: none;
	 padding: 5px 10px;
	 vertical-align: text-top;
	 color: #098f85;
	 background-color: #f4f4f4;
 }
 .tbl_com td{
	 border-top: none;
	 border-bottom: none;
	 border-right: none;
	 padding: 5px 10px;
	 vertical-align: text-top;
 }
 .tbl_com td hr{
	 margin-top: 10px;
	 margin-bottom: 10px;
	 border-top: 1px dotted #dddddd;
 }
}

.list_worker {
	list-style: none;
	margin-top: 10px;
}
.list_worker li {
	list-style: none;
}
.list_worker li span.license {
	display: inline-block;
	width: 180px;
}
.list_worker li span.number {
	display: inline-block;
	padding-left: 10px;
}

/*---------------採用情報*/

.recruit h3 {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 22px;
	/*background: #ffe885;*/
	line-height: 1.4;
	padding: 0.5em 0.5em 0.5em 0.5em;
}
.recruit h3 span{
	display:inline-block;
	margin-left: 10px;
	padding: 0.2em 0.5em;
	background-color: #098f85;
	border-radius: 5px;
	color: #ffffff;
	font-size: 0.7em;
}
.recruit .koumoku {
	border-left: 6px solid #098f85;
	padding: 2px 0 2px 10px;
	font-size: 1.4em;
	font-weight: bold;
}
.list_recruit {
	font-size: 1em;
	line-height: 1.4em;
}
@media screen and (max-width: 768px) {
.list_recruit {
	font-size: 1em;
	line-height: 1.3em;
}
}
.list_recruit li {
	padding: 0px 0px 3px 0px;
	position: relative;
	padding-left: 1.3em;
}
.list_recruit li:before{ 
	font-family:"Font Awesome 5 Free";/*忘れずに*/
	content: "\f111";/*アイコンのユニコード*/
	position: absolute;/*絶対位置*/
	font-size: 1em;/*サイズ*/
	left: 0;/*アイコンの位置*/
	top: 0px;/*アイコンの位置*/
	color: #ffbc15;; /*アイコン色*/
}

/*---------------施工実績*/
.label-iro{
	background-color: #09B718;
	color:#FFF;
	font-size:80%;
	text-align:left;
	padding:5px 10px;
	border-radius:5px;
}
.works .catch04 {
	font-size: 1.6rem;
	font-weight: 600;
	padding-bottom: 0.4em;
	border-bottom: 2px dashed #098f85;
	margin-bottom: 1em;
}
.works .works_img {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.works .works_img li {
	list-style: none;
	width: 48%;
}
.works .works_img li img {
	width: 100%;
}
@media screen and (max-width: 480px) {
	.works .catch04 {
		font-size: 1.5rem;
	}
	.works .works_img {
		flex-direction: column;
	}
	.works .works_img li {
		width: 100%;
		margin-bottom: 10px;
	}
}




/*---------------スタッフ紹介*/

.staff .mds {
	padding-left: 10px;
	border-left: 6px solid #04af4d;
}


/*---------------プライバシーポリシー*/
.privacy h3 {
	font-size: 1.4em;
	line-height: 1.4em;
	color: #098f85;
}
@media screen and (max-width: 768px) {
.privacy h3 {
	font-size: 1.3em;
}
}
	

/*---------------サイトマップ*/

.sitemap .list02 li a,
.sitemap .list02 li a i {
	color: #4c4c4c;
}

.sitemap .list02 li a:hover {
	text-decoration: underline;
}