.concept {
  background-color: #f5f5f5;
}
.concept__firstview {
 width: 100%;
margin: 0 auto;
background: url("../image/concept/concept-building03.JPG") no-repeat;
background-position-x: 0%;
background-position-y: 0%;
height: 500px;
background-size: cover;
background-position: center center;
}
.concept__title {
  text-align: center;
	font-size:32px;
	padding: 80px;
}
/*---
concept__main
------*/
.concept__main {
  box-sizing: border-box;
  padding: 0 10% 200px;
  margin-top: 150px;
}

@media screen and  ( max-width:768px) {
.concept__main {
  padding: 0 10% 10vw;
  margin-top: 10vw;
}
.concept__content {
    padding: 5vw 2%;
}
.main__title-concept {
 padding: 10vw 3vw;
	margin: 0 auto 5vw;
}
}


.concept__content {
  background-color: #fff;
  padding: 120px 60px;
	max-width: 1000px;
margin: 0 auto;

}
.main__title-concept {
  margin: 0 auto 120px;
  position: relative;
  text-align: center;
  font-size:24px;
}
@media screen and  ( max-width:768px) {
.main__title-concept {
 padding: 10vw 3vw;
	margin: 0 auto 5vw;
}

.concept__map {
margin: 10vw 0 !important;
}
.chart {
    margin-bottom: 10vw !important;
}

}
.main__title-concept:before {
  content: "";
  width: 30px;
  height: 4px;
  background-color: #00873C;
  position: absolute;
  top: 40px;
  left: 50%;
  transform: translate(-50%);
}
@media screen and  ( max-width:768px) {
	.main__title-concept:before {
bottom: 0;
  top: auto;

}
	
}

.content__text:first-child {
  border-top: 1px solid #808080;
}
.content__text {
  display: flex;
	flex-direction:row;
  border-bottom: 1px solid #808080;
  padding: 20px 0;
  box-sizing: border-box;
  padding-left: 77px;
}
.content__text.bono {
  border: none;
}
.content__text p:first-child {
  flex: 1 1 30%;
}
.content__text p:last-child {
  flex: 1 1 70%;
}
.content__text-address {
  flex: 1 1 70%;
}
.address-area {
  display: flex;
flex-direction:row;
  margin-bottom: 20px;
}
.register {
  flex: 1 1 70%;
}
.concept__map {
  margin: 120px 0 200px 0 ;
  text-align: center;
}
.concept-map iframe{
    position:relative;
    width:100%;
    height:0;
    padding-top:75%;
}
	.concept__map.sp{
		display: none;
	}

#yjPasteMap .link {
    display: inline;
    float: left;
    margin: 6px 20px 0 0;
    font-size: 13px;
	display: none;}
.chart{
	margin-bottom: 200px;
}
/*-------
  table
---------*/
table {
  mso-displayed-decimal-separator: "¥.";
  mso-displayed-thousand-separator: "¥,";
}
.font5 {
  color: #252726;
  font-size: 13.0pt;
  font-weight: 400;
  font-style: normal;
  text-decoration: none;
  font-family: "Arial Unicode MS";
  mso-generic-font-family: auto;
  mso-font-charset: 0;
}
tr {
  mso-height-source: auto;
  mso-ruby-visibility: none;
}
col {
  mso-width-source: auto;
  mso-ruby-visibility: none;
}
br {
  mso-data-placement: same-cell;
}
td {
  padding-top: 1px;
  padding-right: 1px;
  padding-left: 1px;
  mso-ignore: padding;
  color: black;
  font-size: 10.0pt;
  font-weight: 400;
  font-style: normal;
  text-decoration: none;
  font-family: "Times New Roman";
  mso-generic-font-family: auto;
  mso-font-charset: 0;
  mso-number-format: General;
  text-align: left;
  vertical-align: top;
  border: none;
  mso-background-source: auto;
  mso-pattern: auto;
  mso-protection: locked visible;
  mso-rotate: 0;
}
.xl63 {
  color: windowtext;
  font-size: 13.0pt;
  font-family: "Arial Unicode MS";
  mso-generic-font-family: auto;
  mso-font-charset: 0;
  border: .5pt solid #9B9B9B;
  white-space: normal;
  padding-left: 18px;
  mso-char-indent-count: 2;
}
.xl64 {
  color: windowtext;
  font-size: 13.0pt;
  font-family: "Arial Unicode MS";
  mso-generic-font-family: auto;
  mso-font-charset: 0;
  border: .5pt solid #9B9B9B;
  white-space: normal;
  padding-left: 27px;
  mso-char-indent-count: 3;
}
.xl65 {
  color: windowtext;
  font-size: 13.0pt;
  font-family: "Arial Unicode MS";
  mso-generic-font-family: auto;
  mso-font-charset: 0;
  vertical-align: middle;
  border-top: .5pt solid #9B9B9B;
  border-right: .5pt solid #9B9B9B;
  border-bottom: none;
  border-left: .5pt solid #9B9B9B;
  white-space: normal;
  padding-left: 18px;
  mso-char-indent-count: 2;
}
.xl66 {
  color: windowtext;
  font-size: 13.0pt;
  font-family: "Arial Unicode MS";
  mso-generic-font-family: auto;
  mso-font-charset: 0;
  vertical-align: middle;
  border-top: none;
  border-right: .5pt solid #9B9B9B;
  border-bottom: none;
  border-left: .5pt solid #9B9B9B;
  white-space: normal;
  padding-left: 18px;
  mso-char-indent-count: 2;
}
.xl67 {
  color: windowtext;
  font-size: 13.0pt;
  font-family: "Arial Unicode MS";
  mso-generic-font-family: auto;
  mso-font-charset: 0;
  vertical-align: middle;
  border-top: none;
  border-right: .5pt solid #9B9B9B;
  border-bottom: .5pt solid #9B9B9B;
  border-left: .5pt solid #9B9B9B;
  white-space: normal;
  padding-left: 18px;
  mso-char-indent-count: 2;
}
.xl68 {
  color: windowtext;
  font-size: 13.0pt;
  font-family: "Arial Unicode MS";
  mso-generic-font-family: auto;
  mso-font-charset: 0;
  border-top: .5pt solid #9B9B9B;
  border-right: none;
  border-bottom: .5pt solid #9B9B9B;
  border-left: .5pt solid #9B9B9B;
  white-space: normal;
  padding-left: 18px;
  mso-char-indent-count: 2;
}
.xl69 {
  color: windowtext;
  font-size: 13.0pt;
  font-family: "Arial Unicode MS";
  mso-generic-font-family: auto;
  mso-font-charset: 0;
  border-top: .5pt solid #9B9B9B;
  border-right: .5pt solid #9B9B9B;
  border-bottom: .5pt solid #9B9B9B;
  border-left: none;
  white-space: normal;
  padding-left: 18px;
  mso-char-indent-count: 2;
}
.xl70 {
  color: windowtext;
  font-size: 13.0pt;
  font-family: "Arial Unicode MS";
  mso-generic-font-family: auto;
  mso-font-charset: 0;
  border-top: .5pt solid #9B9B9B;
  border-right: none;
  border-bottom: .5pt solid #9B9B9B;
  border-left: .5pt solid #9B9B9B;
  white-space: normal;
  padding-left: 9px;
  mso-char-indent-count: 1;
}
.xl71 {
  color: windowtext;
  font-size: 13.0pt;
  font-family: "Arial Unicode MS";
  mso-generic-font-family: auto;
  mso-font-charset: 0;
  border-top: .5pt solid #9B9B9B;
  border-right: .5pt solid #9B9B9B;
  border-bottom: .5pt solid #9B9B9B;
  border-left: none;
  white-space: normal;
  padding-left: 9px;
  mso-char-indent-count: 1;
}
.xl72 {
  color: windowtext;
  font-size: 13.0pt;
  font-family: "Arial Unicode MS";
  mso-generic-font-family: auto;
  mso-font-charset: 0;
  border-top: .5pt solid #9B9B9B;
  border-right: .5pt solid #9B9B9B;
  border-bottom: none;
  border-left: .5pt solid #9B9B9B;
  white-space: normal;
  padding-left: 18px;
  mso-char-indent-count: 2;
}
.xl73 {
  color: windowtext;
  font-size: 13.0pt;
  font-family: "Arial Unicode MS";
  mso-generic-font-family: auto;
  mso-font-charset: 0;
  border-top: none;
  border-right: .5pt solid #9B9B9B;
  border-bottom: none;
  border-left: .5pt solid #9B9B9B;
  white-space: normal;
  padding-left: 18px;
  mso-char-indent-count: 2;
}
.xl74 {
  color: windowtext;
  font-size: 13.0pt;
  font-family: "Arial Unicode MS";
  mso-generic-font-family: auto;
  mso-font-charset: 0;
  border-top: none;
  border-right: .5pt solid #9B9B9B;
  border-bottom: .5pt solid #9B9B9B;
  border-left: .5pt solid #9B9B9B;
  white-space: normal;
  padding-left: 18px;
  mso-char-indent-count: 2;
}
.xl75 {
  color: windowtext;
  font-size: 13.0pt;
  font-family: "Arial Unicode MS";
  mso-generic-font-family: auto;
  mso-font-charset: 0;
  border-top: .5pt solid #9B9B9B;
  border-right: none;
  border-bottom: .5pt solid #9B9B9B;
  border-left: none;
  white-space: normal;
  padding-left: 18px;
  mso-char-indent-count: 2;
}
.xl76 {
  color: windowtext;
  font-size: 13.0pt;
  font-family: "Arial Unicode MS";
  mso-generic-font-family: auto;
  mso-font-charset: 0;
  border-top: .5pt solid #9B9B9B;
  border-right: none;
  border-bottom: .5pt solid #9B9B9B;
  border-left: none;
  white-space: normal;
  padding-left: 9px;
  mso-char-indent-count: 1;
}
.xl77 {
  color: windowtext;
  font-size: 13.0pt;
  font-family: "Arial Unicode MS";
  mso-generic-font-family: auto;
  mso-font-charset: 0;
  text-align: right;
  white-space: normal;
  padding-right: 36px;
  mso-char-indent-count: 4;
}
ruby {
  ruby-align: left;
}
rt {
  color: windowtext;
  font-size: 6.0pt;
  font-weight: 400;
  font-style: normal;
  text-decoration: none;
  font-family: "A-OTF Futo Go B101 Pr6N Bold";
  mso-generic-font-family: auto;
  mso-font-charset: 128;
  mso-char-type: katakana;
  display: none;
}
table {
  width: 100%;
}
tr, td {
  border: 1px solid #9b9b9b;
  padding: 10px;
  vertical-align: middle;
  line-height:1.5;
  font-size:16px;
}
.op30 {
  width: 30%;
}
.op25 {
  width: 25%;
}
.op15 {
  width: 15%;
}

/*-----
   contact
   ---------*/
.concept__contact {
  box-sizing: border-box;
  padding: 60px 20%;
  background-color: #e5e5e5;
  text-align: center;
	
}
.contact__waybox {
  display: flex;
  background-color: #fff;
	color:#00873C;
	font-size:15px;
	margin:40px auto 0;
	max-width:1000px;
}
.contact__waybox__way {
  flex: 1 1 50%;
  text-align: center;
  padding: 20px 40px;
}
.tel-number{
	font-size:28px;
}
.icon-mail{
	margin: 5px 0;
}
	@media screen and (max-width: 850px) {
/* 850pxまでの幅の場合に適応される */
		.concept__map.pc{
		display: none;
	}.concept__map.sp{
		display: block;
	}
	}
	
	
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
    
	.concept__content {
  padding: 120px 8%;
}
	
	.content__text {
  display: flex;
flex-direction:column;
  border-bottom: 1px solid #808080;
  padding: 20px 0;
  box-sizing: border-box;
  padding-left: 20px;
}
	.address-area {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
	
tr, td {
display: block;
padding: 0;
}	

td{border: none;
	padding-left: 20px;
	padding-top: 10px;
	}
.op30,.op25,.op15{
		width: 100%;
	}
td.category{
	padding: 20px 0 20px 20px;
	background-color: #B7B7B7;
	box-sizing:border-box;
	}
.table-count{
		
	border:none;
	}
	.table-count td{
		text-align:right;
	}
	
.contact__waybox{
		display:block;
	}
	.contact__waybox__way .icon-mail{
		padding: 10px;
	}

	
	
	
}



/*---------------------

　　　     
        事業案内


-----------------------*/

.introduction__title{
			padding: 70px;
	text-align: center;
	background-color: #00873C;
	color: #fff;
	letter-spacing: 0.2em;
	font-size: 32px;
		}
		.introduction__wrapper{
			box-sizing:border-box;
			width: 100%;
			padding: 120px 10% 140px;
		}
		.introduction__wrapper.back-design{
				background: url(../image/business-introduction/back-design.png);
			background-size:cover;
		}
		.introduction__wrapper.back-geological{
				background: url(../image/business-introduction/back-geological.png);
			background-size:cover;
		}
		.introduction__wrapper.back-measurement{
				background: url(../image/business-introduction/back-measurement.png);
			background-size:cover;
		}
		.introduction__wrapper.back-inspection{
				background: url(../image/business-introduction/back-inspection.png);
			background-size:cover;
		}
		.introduction__wrapper.back-development{
				background: url(../image/business-introduction/back-development.png);
			background-size:cover;
		}
		
		
		
		
		
		
		
		
		
	.introduction_content.bussiness{
			display:flex;
		    flex-direction:row;
			max-width: 1000px;
			margin: 0 auto;
		}
		.introduction__content__text{
			flex:1 1 50%;
			margin-right:2.5%;
		}
		.introduction__content__item{
			flex:1 1 50%;
			margin-left: 2.5%;
		}
		.introduction__content__item p{
			margin-bottom: 20px;
		}
		.introduction__content__text h3{
			font-size:32px;
			color:#00873c;
			margin-bottom: 60px;
		}
		.introduction__content__text p{
			font-size:16px;
			margin-bottom: 80px;
		}
		.introduction__img{
			display:flex;
			width: 100%;
    flex-wrap: wrap;
		}
		.introduction__img p{
			/*margin-right: 10px;
			flex:0 0 48%;*/
			width: 50%;
    margin-bottom: 0;
		}
.introduction__img p img{
			 height: 190px;
    object-fit: cover;
	width: 100%;
		}
		   
	
		.introduction__content__item span{
			line-height:1.5;
		}
		
		
		
		@media screen and (max-width:768px){
			.introduction_content.bussiness{
			display:flex;
		    flex-direction:column;
		}
			.introduction__content__item{
				margin: 0;
			}
			.introduction__content__text{
				margin: 0;
			}
			.introduction__img{
			justify-content:space-between;
                
    margin-bottom: 5px;
		}
			
			
		}
		
/*-------

事業紹介　Top

----------*/

.concept__firstview.introduction {
  width: 100%;
margin: 0 auto;
background: url("../image/business-introduction/introduction-first-new.jpg");
    background-position-x: 0%;
    background-position-y: 0%;
height: 500px;
background-size: cover;
background-position: center center;
}
.introduction__title{
  text-align: center;
	font-size:32px;
	padding: 40px;
}
/*---
concept__main
------*/
.wrapper__top{
  box-sizing: border-box;
  padding: 150px 80px 200px;
margin: 0 auto;
	max-width:1000px;
}
		.wrapper__top p{
			font-feature-settings: "palt";
		}
		.wrapper__back{
			background: url("../image/business-introduction/back.png");
		}
		.introduction__head{
			padding:0 30px;
			font-size:18px;
		}
		.introduction__head h2{
			font-size:31px;
			color:#00873C;
			margin-bottom: 40px;
			text-align: center;
		}
		.introduction__content{
			display: flex;
justify-content: space-around;
			margin-top: 120px;
		}
		.introduction__content:nth-child(odd){
			flex-direction: row-reverse;
			margin: 160px 0;
		}
		
		.introduction__item__above{
			display:flex;
			border-bottom:1px solid #000;
			width:80%;
			padding-bottom: 10px;
			align-items:center;
			font-size:24px;
			color:#00873C;
		}
		.introduction__content:nth-child(odd) .introduction__textbox{
			padding: 30px 40px 40px 0;
			right:0;
			left:-30px;
		}
		.introduction__content:nth-child(odd) .introduction__item__above{
            margin: 0 0 0 auto;
		
		}
		.introduction__content:nth-child(odd) .introduction__item__center{
			margin: 10px 0 40px auto;
		}
		.introduction__content:nth-child(odd) .introduction-btn{
			margin:0 60px 0 auto;
		}
		.introduction__content:nth-child(odd) .introduction__itembox{
			flex:1 0 450px;
			position:relative;
			top:60px;
			left:30px;
		}
		
		.introduction__textbox{
			flex:0 0 67%;
			position: relative;
			right: -30px;
			background-color: #E1E7E5;
			box-sizing:border-box;
			padding: 30px 0 40px 40px;
		}	
		
		.introduction__item__above p:first-child{
			flex:0 0 80px;
		}
		.introduction__item__above p:last-child{
			margin-left: 10px;
		}
		.introduction__item__center{
			width:80%;
			margin: 10px 0 40px;
			font-size:15px;
		}
		.introduction-btn{
			width: 50%;
			height: 40px;
			border: 1px solid #000;
			margin-left: 60px;
			background-color: #fff;
		}
		.introduction-btn a{
			display:flex;
			justify-content: center;
			align-items: center;
			height: 100%;color: #000;
			transition:letter-spacing 0.3s; 
		}
		.introduction-btn a:hover{
			letter-spacing:0.3em;
			transition:letter-spacing 0.3s; 
		}
		.introduction__itembox{
			flex:1 0 450px;
			position:relative;
			top:60px;
			left:-30px;
		}
		
		@media screen and (max-width:860px){
			.wrapper__top p{
			font-size:16px;
		}
			.wrapper__top{
				  
				  padding: 150px 60px 200px;
				  
				}
			.introduction__head h2{
			font-size:24px;
			
		}
			
			.introduction__content{
				display:flex;
				flex-direction:column-reverse;
			}
			.introduction__content:nth-child(odd){
				flex-direction:column-reverse;
			}
			.introduction__itembox {
    	     left: 0px;
			 top:0px;
			 display:block;
			 flex:0 0 0 ;
}
			.introduction__textbox{
				right:0;
				padding: 30px 40px 40px 40px;
			}
			.introduction__content:nth-child(odd) .introduction__textbox{
			padding: 30px 40px 40px 40px;
			left:0px;
		}
			.introduction__content:nth-child(odd) .introduction__itembox{
		    top:0;
			left:0px;
			display:block;
			position: relative;
				flex:0 0 0 ;
		}
			.introduction__item__center{
			width:100%;
		}
			.introduction__item__above{
			
			width:100%;
		
		}
			.introduction-btn{
			
			margin: 0 auto;
			
		}
			.introduction__content:nth-child(2n+1) .introduction-btn{
				margin: 0 auto;
			}
			.introduction__item__above p {
				font-size:24px;
			}
			.introduction__head.introduction{
				padding: 0;
			}
			@media screen and (max-width:500px){
				.wrapper__top{
				  padding: 150px 20px 200px;
				  
				}
				
				
				
				
			}
			
			
		}

/*---------------------
 
        philosophy

------------------------*/
	.concept {
  background-color: #f5f5f5;
}
.concept__firstview-policy{
  width: 100%;
margin: 0 auto;
background: url("../image/policy/first-view.jpg");
    background-position-x: 0%;
    background-position-y: 0%;
height: 500px;
background-size: cover;
background-position: center center;
}
.concept__title {
  text-align: center;
	font-size:32px;
	padding: 40px;
	font-weight:bold;
		}
		
	
.section__title{
margin: 0 auto 80px;
position: relative;
text-align: center;
font-size: 24px;
	font-weight:bold;
		}
		.section__title h2:before{
	content: "";
    width: 40px;
    height: 4px;
    background-color: #00873C;
    position: absolute;
    top: 56px;
    left: 50%;
    transform: translate(-50%);
		}
		
		
		.policy__greeting{
			background: url("../image/policy/greeting-back2.jpg") no-repeat;
			padding: 250px 10%;
			
		}
		
		.greeting__container{
			display:flex;
			justify-content:space-between;
			max-width:1000px;
			margin: 0 auto;
			padding: 0 5%;
			flex-direction: row;
		}
	.greeting__item{
		/*--
			flex:0 0 48%;
		--*/
		}
		.greeting-top{
		font-size:24px;
			margin-bottom: 44px;
			font-weight:bold;
		}
		.greeting-middle{
			margin-bottom: 44px;
		}
	
	.policy__secondview{
  width: 100%;
margin: 0 auto;
background: url("../image/policy/tower2.jpg");
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
height: 500px;
background-size: cover;
background-position: center center;
}
		
		.policy__policy{
			text-align: center;
			padding: 120px 10% 240px;
			background: url("../image/policy/policy-back2.jpg") no-repeat;
			background-position: right top;
			
		}
		.policy__policy p{
			margin-bottom: 120px;
			font-size:24px;
			font-weight:bold;
			position:relative;
		}
		.policy__policy p:before{
			content:"";
			display:inline-block;
			position:absolute;
			background: url("../image/policy/policy-sub.svg") no-repeat;
			width: 300px;
			height:20px;
			bottom:-80%;
			left:50%;
			transform: translate(-50%);
		}
		.policy__container ul{
			display:flex;
			justify-content:space-between;
			max-width:1000px;
			margin: 0 auto;
			flex-direction: row;
		}
		.policy__container ul li{
			flex:0 0 30%;
		}
		
		
		.policy__running{
			padding: 180px 10%;
			background-color: #F5F5F5;
		}
		
		.running__container{
			display:flex;
			justify-content:space-between;
			max-width:1000px;
			margin: 0 auto;
			flex-wrap: wrap;
			flex-direction: row;
		}
		.running__container li{
			flex:0 0 40%;
			position:relative;
			background: url("../image/policy/triangle.svg") no-repeat;
			background-position: top left;
			background-color: #fff;
			padding: 100px 40px;
			box-sizing: border-box;
			background-size: 50px;
			margin: 0 auto;
			margin-bottom: 80px;
		}
		.running__container li:before{
			position: absolute;
			content: "";
			display: inline-block;
			width: 100px;
			height: 2px;
			background-color: #00873C;
			z-index: 100;
			bottom: 10%;
			left: 50%;
			transform: translate(-50%);
			
			
		}
		.running-icon{
			max-width:112px;
			margin: 0 auto 40px;
			
		}
		.running-icon.family{
			max-width:160px;
			margin: 0 auto 40px;
			
		}
		
		.policy__quality{
			background-color: #E5E5E5;
			padding: 120px 10%;
		}
		.quality__container{
			display:flex;
			justify-content:center;
			max-width:1000px;
			margin: 0 auto;
			padding: 0 5%;
			flex-wrap: wrap;
			flex-direction: row;
		}
		.quality__container li{
			background-color: #fff;
			flex: 0 0 30%;
			margin-bottom: 60px;
			padding: 20px 20px 40px 20px;
			box-sizing: border-box;
			margin-bottom: 40px;
			min-height:200px;
		}
		.quality__container li.center{
			margin-right:20px;	
			margin-left: 20px;
		}
		.quality__container li.right{
			margin-right: 10px;
		}
		.quality__container li.left{
			margin-left: 10px;
			
		}
		.quality__container .number{
			text-align: center;
			font-size:24px;
			font-weight:bold;
			margin-bottom: 16px;
		}
		.policy__management{
			background-color: #fff;
			padding: 100px 10%;
		}
		.management__item h4{
			background-color: #00873C;
			font-size:24px;
			margin-bottom: 40px;
			text-align: center;
			color:#fff;
			padding: 5px;
		}
		.management__container{
			display:flex;
			justify-content:space-between;
			max-width:1000px;
			margin: 0 auto;
			padding: 60px 5% 100px;
			background-color: #D8DFE0;
			flex-direction: row;
		}
		.management__item{
			flex:0 0 35%;
		}
		.management__item.text{
			flex:0 0 54%;
		}
		.manegement-logo{
			margin-top:80px;
		}
		
		.info__back{
			background-color: #E5E5E5;
		}
		.info__container{
			display:flex;
			justify-content:space-between;
			max-width:1000px;
			margin: 0 auto;
			padding: 72px 10%;
			flex-direction: row;
			
		}
		.info__item{
			flex:0 0 48%;
			height: 80px;
		}
		.info__item a{
			display:flex;
			width: 100%;
			height: 100%;
			align-items: center;
			justify-content: center;
			font-size:24px;
			font-weight:bold;
			flex-direction: row;
		}
		
		.info__item a{
			background-color: #fff;
			color:#000;
			position:relative;
			transition:all 0.3s;
		}
		.info__item a:before{
			content:"";
			display:block;
			width:20px;
			height: 30px;
			position:absolute;
			background: url("../image/policy/arrow-black.svg") no-repeat;
			transform: translate(120px,8px);
			transition: all 0.3s;
		}
		.info__item a:hover{
			background-color: #00873c;
			color:#fff;
		}
		.info__item a:hover:before{
			content:"";
			display:block;
			width:20px;
			height: 30px;
			position:absolute;
			background: url("../image/policy/arrow-white.svg") no-repeat;
			transform: translate(120px,8px);
		}
		
		@media screen and (max-width:1000px){
			.greeting__container{
				flex-direction: column-reverse;
			}
			.greeting__item{
				margin: 40px auto;
			}
			
			
			
			
			@media screen and (max-width:768px){
				.policy__container ul{
					flex-direction: column;
					
				}
				.policy__container ul li{
					margin-bottom: 40px;
					
				}
				.quality__container li{
					min-height: 100px;
				}
				
				.running__container{
				flex-direction: column;
			}
				.quality__container{
					flex-direction: column;
				}
				
				.quality__container li.center{
					margin-right: 0;
					margin-left: 0;
				}
				.quality__container li.right{
					margin-right: 0;
				}
				.quality__container li.left{
					margin-left: 0;
				}
				.management__container{
					flex-direction: column;
					
				}
				.management__item{
					margin: 0 auto;
				}
				.info__container{
					display:block;
				
				}
				.info__item{
					margin-bottom: 40px;
				}
				
			}
			
			
			
			
			
			
		}
		
		


@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
.policy__quality {
padding: 10vw 0;
}
.policy__greeting{
padding: 10vw 0;
}
.concept__title {
font-size: 5vw;
padding: 5vw;
}
.section__title{
margin: 0 auto 15vw !important;
}
.policy__policy,.policy__running{
padding: 10vw 10% 10vw;
}

}


/* Google Mapを囲う要素 */
.map {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 55%; /* 比率を4:3に固定 */
}
 
/* Google Mapのiframe */
.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
	.map {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 75%; /* 比率を4:3に固定 */
}
}

/*お問い合わせフォーム設定*/
.mw_wp_form_g-enquete input[type="text"]{
	padding: 8px;
}
		.mw_wp_form_g-enquete input[type="text"], .mw_wp_form_g-enquete input[type="password"], .mw_wp_form_g-enquete input[type="number"], .mw_wp_form_g-enquete input[type="email"], .mw_wp_form_g-enquete input[type="url"], .mw_wp_form_g-enquete textarea {
			padding: 8px;
}