@charset "UTF-8";
/*

個別ページ用CSS

*/
/*****************************************************************
   トップページ
*****************************************************************/
#slider {
	margin-left: -15px;
	margin-right: -15px;
}
.top_logo {
	float: left;
}
.top_logo IMG{
	position: absolute;
	z-index: 100;
	max-width: 200px;
	width: 100%;
	top: 200px;
	left: 300px;
}
.top_logo A:hover IMG{
    opacity: 0.8;
    -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;    
}

#top1{
	font-size: 60px;
	font-size: 6.0rem;
	font-weight: bold;
	line-height: 1.4em;
	position: absolute;
	top: 380px;
	left: 80px;
	z-index: 100;
}
#top2{
	margin-top: 0px;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 1.4em;
	position: absolute;
	top: 500px;
	left: 80px;
	z-index: 100;
}
#top2 #br1,
#top2 #br2
{ 	display: none; }
@media only screen and (max-width: 1500px) {
/* スライダー*/
#post-10 { 	margin-top: 300px; }
.top_logo IMG{
	position: absolute;
	z-index: 100;
	max-width: 100px;
	width: 100%;
	top: 20px;
	left: 50%;
	transform: translateY(0%) translateX(-50%);
/*	
  -webkit- transform: translateY(-50%) translateX(-50%);
*/	
}

#top1{
	text-align: center;
	font-size: 32px;
	font-size: 3.2rem;
	top: 140px;
	left: 15px;
	right: 15px;
}
#top2{
	text-align: center;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.4em;
	position: absolute;
	top: 200px;
	left: 15px;
	right: 15px;
	z-index: 100;
}	

.top_logo {
	height: 60px;
}
}
	@media only screen and (min-width: 1200px) and (max-width: 1500px) {   
.top_logo IMG{
	position: absolute;
	z-index: 100;
	max-width: 130px;
	width: 100%;
	top: 20px;
	left: 20%;
	transform: translateY(0%) translateX(0%);
}
#top1{
	text-align: left;
	font-size: 32px;
	font-size: 3.2rem;
	top: 120px;
	left: 20%;
	right: 15px;
	transform: translateY(0%) translateX(0%);
}
#top2{
	text-align: left;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.4em;
	position: absolute;
	top: 180px;
	left: 20%;
	right: 15px;
	z-index: 100;
	transform: translateY(0%) translateX(0%);
}			
		
}

@media only screen and (max-width: 991px) {
#top2 #br2{ 	display: block; }
}

@media only screen and (max-width: 768px) {
#top2 #br1{ 	display: block; }
#top2{
	text-align: center;
	font-size: 18px;
	font-size: 1.8rem;
}
}
@media only screen and (max-width: 500px) {
#post-10 { 	margin-top: 280px; }
.top_logo IMG{
	z-index: 100;
	max-width: 100px;
	width: 100%;
	top: 20px;
	left: 50%;
}	
#top1{
	top: 130px;
	font-size: 23px;
	font-size: 2.3rem;
}
#top2{
	top: 180px;
	text-align: center;
	font-size: 16px;
	font-size: 1.6rem;
	margin-top: 0px;
}
}

/*-----------------   業務案内------------------------*/
#top_service_wrap{
	background-color: #007e34;
	width: 100%;
	padding-bottom: 60px;
	background-image: url(/wp-content/themes/mrforest/images/bk1.png);
	background-repeat: no-repeat;
	background-size: cover;
}
#top_service_wrap  img {
	margin-top: -90px;
}

#top_service_wrap H2  {
	font-size: 40px;
	font-size: 4.0rem;
	margin-top: 30px;
  }
#top_service_text
{
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 50px;
	padding-left: 90px;
	background-color: #FFFFFF;
	margin-top: 60px;
	margin-right: auto;
	margin-left: auto;
	max-width: 350px;
}
#top_service_text P
{
	margin-bottom: 30px!important;
}


#top_greeting_wrap{
	background-color: #EDF3EF;
	padding-bottom: 240px;
	margin-top: 120px;
	padding-top: 120px;
	padding-right: 60px;
	padding-left: 60px;
}
#top_greeting_wrap  img {
	max-width: 800px;
}
#top_greeting_wrap H2  {
	font-size: 40px;
	font-size: 4.0rem;
  }
#top_greeting_text
{
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
}


@media (max-width: 991px) {
#top_service_text
{
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 10px;
	background-color: #FFFFFF;
	margin-top: 60px;
	margin-right: auto;
	margin-left: auto;
	max-width: 350px;
	text-align: center;
}
	
#top_greeting_wrap{
	padding-bottom: 210px;
	margin-top: 90px;
	padding-top: 90px;
	padding-right: 15px;
	padding-left: 15px;
}	
#top_greeting_wrap  img {
	max-width: 100%;
}
#top_greeting_text
{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
	text-align: left;
}
#top_service_wrap H2  {
	font-size: 30px;
	font-size: 3.0rem;
	margin-top: 30px;
  }
#top_greeting_wrap H2  {
	margin-top: 50px;
	font-size: 30px;
	font-size: 3.0rem;
  }	
}
	


/*----------------- Service共通 ------------------------*/
.service_wrap{
	background-color: #EDF3EF;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 150px;
}
.service_wrap2{
	background-color: #EDF3EF;
	width: 100%;
	padding-bottom: 60px;
	padding-top: 60px;
}
.service_wrap2_text{
	font-size: 20px;
	font-size: 2.0rem;
	margin-top: 60px;
	line-height: 1.8;
	margin-left: 30px;
	margin-right: 30px;
}
.service_wrap2_inn {
	max-width: 1500px;
}

.service_wrap  img {
	margin-top: -90px;
}

.service_text H2  {
	font-size: 40px;
	font-size: 4.0rem;
	margin-top: 30px;
	text-align: center;
	line-height: 1.4;
	color: #007E34;
  }
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
.service_wrap2 H2#h21{
	font-size: 33px;
	font-size: 3.3rem;
	}
}

.service_text
{
	padding-top: 20px;
	padding-bottom: 30px;
	border: 2px solid #007E34;
	padding-right: 30px;
	padding-left: 30px;
	margin-bottom: 30px;
	max-width: 600px;
	min-height: 278px;
	margin-right: auto;
	margin-left: auto;
}
.service_text_main
{
	padding-top: 20px;
	padding-bottom: 28px;
	padding-right: 40px;
	padding-left: 40px;
	margin-top: 20px;
	max-width: 720px;
	margin-left: 0px;
	border: 5px solid #007E34;
}
.service_text_main P
{
	margin-left: 30px;
	margin-right: 30px;
}
.service_wrap P#p1
{
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom:5px;
	padding-left: 15px;
	margin-top: 25px;
	margin-bottom: 20px!important;
	color: #ffffff;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #007E34;
	text-align: center;
}
@media (max-width: 1199px) {
	.service_text_main {
	margin-left: auto;
	margin-right: auto;
}
}

@media (max-width: 500px) {
.service_text H2  {
	font-size: 30px;
	font-size: 3.0rem;
	margin-top: 30px;
	text-align: center;
  }
.service_text_main P
{
	margin-left: 10px;
	margin-right: 10px;
}
.service_wrap P#p1
{
	text-align: left;
	padding-top: 10px;
	padding-bottom:10px;
}	
.service_wrap2{
	background-color: #EDF3EF;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
}	
.service_text {
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 60px;
	margin-top: 30px;
	border: 2px solid #007E34;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 30px;
	max-width: 600px;
	min-height: 278px;
}
.service_wrap2_text{
	font-size: 17px;
	font-size: 1.7rem;
	margin-top: 60px;
	line-height: 1.8;
	margin-left: 10px;
	margin-right: 10px;
}	
}



/*-----------------   お知らせ(トップページ)------------------------*/
.whatsnew_area {
	margin-top: 60px;
	margin-bottom: 120px;
}
.whatsnew {
  list-style-type: none;
  padding-left: 0px;
  z-index: 10;
  margin-top: 0px;
  margin-left: 0px;
  text-align: left;
}
.wn-column {
  margin-left: 0px;
  padding-left: 0px;
  position: relative;
  /*
    */
}

.wn-column H2 {
  margin-left: 0px;
}
.whatsnew LI {
	overflow: hidden;
	padding-top: 12px;
	padding-bottom: 12px;
	line-height: 1.5em;
	z-index: 100;
	border-bottom: 1px dashed #838383;
}

.whatsnew LI:first-child {
	border-top: 1px dashed #838383;
}
.wn_category {
  background-color: #aacf45;
  color: #FFFFFF;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 13px;
  font-size: 1.3rem;
  margin-right: 40px;
  letter-spacing: 0.05em;
  margin-left: 50px;
  line-height: 1.4em;
  display: inline-block;
}
.wn_date {
  display: inline-block;
  font-size: 13px;
  font-size: 1.3rem;
  margin-right: 10px;
  width: 100px;
}
.whatsnew a {
  color: #121212;
  text-decoration: none;
}
.whatsnew a:hover {
  color: #aacf45;
}
.wn_areatext {
  display: inline-block;
  margin-left: 50px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.wn_text {
  margin-top: 10px;
}
.whatsnew .understrap-read-more-link {
  display: none;
}
@media (max-width: 767px) {
  .whatsnew {
    margin-left: 10px;
  }
  .wn-column H2 {
    margin-left: 10px;
  }
  .wn_category {
    margin-right: 20px;
    margin-left: 10px;
  }
  .wn_areatext {
    margin-left: 10px;
    margin-top: 10px;
    margin-right: 10px;
  }
}




/*-----------------   バナー      ------------------------*/
.max-1300 {
  max-width: 1400px;
}
/*-----------------   トップコンテンツ    ------------------------*/
.top_contents_wrap {
	padding-top: 60px;
	padding-bottom: 120px;
	width: 1400px;
}
@media (max-width: 1400px) {
    .top_contents_wrap {
	width: auto;
}
}

@media (max-width: 767px) {
  .top_contents_wrap {
    padding-top: 60px;
    padding-bottom: 90px;
  }
}
  .top_btn {
	background: #007e34;
	font-weight: bold;
	width: 300px;
	height: 250px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	text-align: center;
  }
.top_btn svg {
    height: 230px;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 280px;
  }
@media only screen and (min-width: 1200px) and (max-width: 1300px) {   
  .top_btn {
	width: 280px;
	height: 250px;
  }    
.top_btn svg {
    height: 230px;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 260px;
  }    
}
    
@media only screen and (min-width: 768px) and (max-width: 1199px) {    
  .top_btn {
    margin-bottom: 90px;
  }
}

  .top_btn rect {
    fill: none;
    stroke: #ffffff;
    stroke-width: 2;
    stroke-dasharray: 800, 0;
  }
  .top_btn:hover {
    background-color: #EEA243 !important;
    transition: 0.3s ease-in-out;
  }
  .top_btn:hover rect {
    stroke: #ffffff;
    stroke-width: 5;
    stroke-dasharray: 0, 460;
    stroke-dashoffset: 48;
    -webkit-transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
  }


  .top_btn > DIV {
	padding-top: 25px;
	letter-spacing: 0em;
	color: #ffffff;

	text-align: center;
	font-weight: normal;
	line-height: 1.6em;
	padding-right: 5px;
	padding-left: 5px;
	height: 230px;
  }
  .top_btn > DIV  A SPAN{
	font-size: 16px;
	font-size: 1.6rem;
	padding-top: 15px;
	display: block;
  }
  .top_btn > DIV  A SPAN.topp_btn_H{
	font-size: 36px;
	font-size: 3.6rem;
	/*
	display: flex;
	justify-content: center;
	align-items: center;
      */
	letter-spacing: 0.2em;
	padding-bottom: 15px;
	display: inline-block;
	border-top: 0px solid #FFFFFF;
	border-bottom: 4px solid #aacf45;
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
	font-weight: bold;
  }
  .top_btn > DIV  A#top_corporate SPAN.topp_btn_H{
      	border-bottom: 4px solid #17902D;
}

  .top_btn > DIV A {
    color: #FFFFFF;
    text-decoration: none;
  }


  /*  ごあいさつ   */
  .top_greeting {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .top_greeting H3 {
	font-size: 36px;
	font-size: 3.6rem;
	font-weight: bold;
	line-height: 1.4em;
	text-align: left;
	border-bottom: 8px solid #aacf45;
	padding-right: 90px;
	padding-bottom: 30px;
	margin-left: -60px;
	padding-left: 60px;
	margin-top: 10px;
	border-left-width: 0px;
  }
  @media (max-width: 767px) {
    .top_greeting H3 {
      margin-left: 0px;
      padding-left: 0px;
      padding-right: 0px;
      padding-bottom: 20px;
      margin-bottom: 25px;
    }
  }
  /*  声がけ   */
  .top_call {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .top_call H3 {
    font-size: 36px;
    font-size: 3.6rem;
    font-weight: bold;
    line-height: 1.4em;
    text-align: left;
    border-bottom: 8px solid #aacf45;
    margin-right: -60px;
    padding-right: 60px;
    padding-bottom: 30px;
    margin-left: 0px;
    padding-left: 0px;
    margin-top: 10px;
	border-left-width: 0px;      
  }
  @media (max-width: 767px) {
    .top_call H3 {
      margin-left: 0px;
      padding-left: 0px;
      padding-right: 0px;
      margin-right: 0px;
      padding-bottom: 20px;
      margin-bottom: 25px;
    }
  }
  .top_call .col-xl-4 IMG {
    z-index: 1;
  }
  .top_call .col-xl-5 {
    z-index: 10;
  }
  .top_about {
    background-color: #17902D !important;
    font-size: 15px;
    font-size: 1.5rem;
    color: #FFFFFF;
  }
.top_about a{
	color: #FFFFFF;
}
  .top_about .col-xl-6 {
    padding-top: 30px;
    padding-right: 120px;
    padding-bottom: 30px;
    padding-left: 120px;
  }
  @media (max-width: 991px) {
    .top_about .col-xl-6 {
      padding-top: 30px;
      padding-right: 15px;
      padding-bottom: 30px;
      padding-left: 15px;
    }
  }

  .top_topics {
    padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    background-color: #FFFFFF;
  }
  .top_topicsh h3 {}

 /*****************************************************************
  表
*****************************************************************/
.is-style-regular {
	width: 100%;
	margin-left: 0px;
	border: 0px solid #C4C4C4;
	background-color: #EFF1ED;
	border-top: 2px solid #007e34;
	border-right: 2px solid #007e34;
	border-left: 2px solid #007e34;
}
/* 基本報酬向け */
.is-style-regular2 {
	width: 100%;
	margin-left: 0px;
	border: 0px solid #C4C4C4;
	background-color: #ECF8D3;
	border-top: 2px solid #17902D;
	border-right: 2px solid#17902D;
	border-left: 2px solid #17902D;
	border-bottom: 2px solid #17902D;
	font-size: 18px;
	font-size: 1.8rem;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-weight: bold;
}


.is-style-regular TR
{
	font-size: 18px;
	font-size: 1.8rem;
	border-bottom: 2px solid #007e34;
}
.is-style-regular TH
{
	padding-left: 10px;
	padding-right: 10px;
	color: #ffffff;
	border-bottom: 2px solid #007e34;
	border-left: 1px solid #00A650;
	background-color: #007e34;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: center;
}
.is-style-regular TD
{
	border-left: 1px solid #007e34;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.is-style-regular TH:nth-of-type(1),
.is-style-regular TD:nth-of-type(1)
{
	border-left: 0px solid #007e34;
}



@media only screen and (max-width: 767px){
    .is-style-regular {
	width: 100%;
        /*
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom:0px;
	padding-left: 0px;
        */
}
.is-style-regular TR
{
	font-size: 16px;
	font-size: 1.6rem;
	border-bottom: 2px solid #007e34;
}  
    .is-style-regular TD
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	min-width: 110px;
}
}



.table_corporate {
	width: 100%;
	margin-left: 0px;
	border-left: 2px solid #007e34;
	border-right: 2px solid #007e34;
	border-top: 2px solid #007e34;
	background-color: #EFF1ED;
}

.table_corporate TR
{
	font-size: 18px;
	font-size: 1.8rem;
}
.table_corporate TH
{
	padding-left: 10px;
	padding-right: 10px;
	color: #ffffff;
	border-bottom: 1px solid #00A650;
	border-left: 1px solid #00A650;
	background-color: #007e34;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 4px;
}
.table_corporate TD
{
	border-bottom: 2px solid #007e34;
	border-left: 1px solid #007e34;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.table_corporate TH:nth-of-type(1),
.table_corporate TD:nth-of-type(1)
{	border-left: 0px solid #007e34; }
.table_corporate TH:nth-of-type(1)
{	border-right: 1px solid #00A650; }

.table_corporate BR { 	display: none; }

.table_corporate_t1 {text-align: left; 
	
}
.table_corporate_t1 SPAN{ 	display: block;}

@media only screen and (max-width: 600px){
    .table_corporate TR
{
	font-size: 14px;
	font-size: 1.4rem;
}
    .table_corporate TH,
    .table_corporate TD
    
    {
	padding-left: 5px;
	padding-right: 5px;
	line-height: 1.6em;
}
    .table_corporate TH:nth-of-type(3),
    .table_corporate TD:nth-of-type(4)
    { 	width: 20%!important;     }
    
    .table_corporate BR { 	display: block; }
    
    .table_corporate TD:nth-of-type(1)
    {
	text-align: center;
}
}


/*****************************************************************
 業務概要
*****************************************************************/
#appeal1 {}
#appeal1 UL {
	list-style-type: none;
	margin-left: 40px;
	margin-right: 30px;
	margin-top: 30px;
}
#appeal1 UL LI{
	margin-left: 20px;
	font-size: 18px;
	font-size: 1.8rem;
	margin-bottom: 10px;	
}
#appeal1 UL LI SPAN{
	padding-right: 5px;
	width: 15px;
	margin-left: -23px;
}

#appeal1-1 {
	position: relative;
}
#appeal1-1 H3{
	border-bottom: 1px solid #007e34;
}
.animated-box2
{
	position: absolute;
	content: "";
	left: 25px;
	top: -50px;
	width: 80px;
	background-color: #aacf45;
	z-index: -5;
	height: 180%;
}

#works {
	background-color: #AACF45;
	margin-top: 90px;
	padding-top: 30px;
	padding-bottom: 90px;
}

#works UL {
	list-style-type: disc;
	margin-left: 80px;
	margin-right: 30px;
	margin-top: 30px;
}
UL#works2 {
	margin-left: 220px;
	margin-bottom: 45px;
}
#works UL LI{
	margin-left: 20px;
	font-size: 18px;
	font-size: 1.8rem;
	margin-bottom: 10px;	
}
#works UL LI A{
	margin-right: 5px;
	color: #151515;
	text-decoration: none;
}

#works UL LI SPAN{
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
}
#works a:hover{
	color: #007e34;
}

#works UL LI BR{ 	display: none; }
@media only screen and (max-width: 767px){
#works UL {
	list-style-type: disc;
	margin-left: 20px;
	margin-right: 10px;
	margin-top: 30px;
}
UL#works2 {
	margin-left: 50px;
}
	
#works UL LI{
	margin-left: 20px;
	font-size: 15px;
	font-size: 1.5rem;
	margin-bottom: 10px;	
}	
#works UL LI BR{
	display: block;
}
	
}
@media only screen and (max-width: 400px){
UL#works2 {
	margin-left: 20px;
}
}
/*****************************************************************
 個別ページ
*****************************************************************/
  .content-single-title {
    border-bottom: 0px solid #C8D0DD;
    margin-bottom: 20px;
    padding-bottom: 10px;
  }
  .content-single H1 {
	font-size: 32px;
	font-size: 3.2rem;
	margin-top: 0px;
	margin-bottom: 10px;
	text-align: left;
	font-weight: normal;
	color: #222222;
  }
  .content-single-ul LI {}
  .content-single-ul {
    list-style-type: none;
    margin-left: 0px;
  }
  .content-single-ul LI {
    display: inline-block;
    margin-right: 20px;
  }
  .content-single-ul LI a {
    background-color: #007e34;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 1.4em;
    padding-top: 4px;
    padding-bottom: 4px;
    color: #FFFFFF;
    font-size: 13px;
    font-size: 1.3rem;
    text-decoration: none;
  }
  .content-single-ul LI a {
    background-color: #007e34;
  }
  .content-single-ul LI a:hover {
    background-color: #E88D67;
  }
  /*****************************************************************
     お知らせ
*****************************************************************/
  .news_wrap {}
  .news_content {}
  .news_content_date {}
  .news_content_category a {
    background-color: #193e84;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 1.4em;
    padding-top: 4px;
    padding-bottom: 4px;
    color: #FFFFFF;
    font-size: 13px;
    font-size: 1.3rem;
    text-decoration: none;
    letter-spacing: 0.05em;
  }
  .news_content_category a:hover {
    background-color: #BE6E46;
  }
  /*****************************************************************
     会社情報
*****************************************************************/

.company-overview {
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 120px;
  }
.company-overview TABLE {
	table-layout: auto;
	width: 100%;
	border-width: 0px;
}
.company-overview TABLE TR{
	border-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.company-overview TABLE TR:first-child{
	border-width: 1px;
	border-top-style: solid;
	border-top: #007e34;
}
.company-overview TABLE TH{
	padding-top: 25px;
	padding-bottom: 25px;
	width: 200px;
	background-color: #EDF3EF;
	padding-left: 25px;
	border-right-width: 0px;
	border-left-width: 0px;
}
.company-overview TABLE TD{
	padding-left: 25px;
	padding-top: 25px;
	padding-bottom: 25px;
	border-right-width: 0px;
	border-left-width: 0px;
}


@media only screen and (max-width: 767px){
.company-overview TABLE TR{
	display: flex;
	flex-direction: column;
	border: 0px;
}
.company-overview TABLE TH{
	padding-left: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	display: block;
	width: 100%;
	flex-direction:column;
	border: 0px;
}
	.company-overview TABLE TD{
    font-size: 15px;
    font-size: 1.5rem;
	padding-left: 15px;
	padding-top: 15px;
	padding-bottom: 25px;
	width: 100%;
	border: 0px;
}
}

	
	
  /*--経営ビジョン--*/

#vision {
	margin-top: 120px;
	background-color: #AACF45;
	padding-bottom: 90px;
}
#vision UL { 	margin-top: 60px; }
#vision UL LI {
	    font-size: 18px;
    font-size: 1.8rem;
margin-bottom: 20px; }



  /*--社長メッセージ--*/
#message {
	margin-top: 60px;
	margin-bottom: 120px;
}
#message H5{
	margin-top: 10px;
	letter-spacing: 0.02em;
}
#message P {
	line-height: 1.8;
	text-align: left;
}
#message .col-xl-8 P {
	margin-right: 20px;
}


#message_pic  {
	margin-top: 10px;
}
#message_pic  IMG {
	text-align: right;
}
#message_pic P { 	font-weight: bold; }
#message_pic P SPAN {
	font-size: 14px;
	font-size: 1.4rem;
	margin-right: 10px;
	margin-top: 5px;
	font-weight: normal;
}
  @media (max-width: 1200px) {
#message .col-xl-8 P {
	margin-right: 0px;
}
#message H5{
	letter-spacing: 0em;
}
	  
}

  /*-- 地図 --*/
  .about-map {
    margin-top: 0px;
    overflow: hidden;
    width: 100%;
    height: 680px;
  }
  /*-- 取引先 --*/
  UL.suppliers {
    list-style-type: none;
    padding-left: 0px;
    margin-left: 20px;
  }
  .suppliers LI {
    display: inline-block;
    width: 11em;
    margin-right: 10px;
  }
  @media (max-width: 767px) {
    .suppliers LI {
      display: inline-block;
      width: 10em;
      margin-right: 0px;
    }
  }
/*****************************************************************
     お問い合わせ
*****************************************************************/
#contact_tel_area {
	background-color: #EDF3EF;
	padding-top: 30px;
	padding-bottom: 60px;
}
#contact_tel_area  .contact_area_tel {
	border-right-width: 0px;
}
#contact_tel_area  .contact_area_tel .tel_area{
	background-color: #FFFFFF;
	display: inline-block;
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 40px;
	margin-top: 30px;
}

#contact_area {
	margin-top: 0px;
	margin-bottom: 120px;
}



      
  /*****************************************************************
     404
*****************************************************************/
  .error-404 H1 {
	font-size: 160px;
	font-size: 16rem;
	font-weight: normal;
	color: #007e34;
	margin-bottom: 5px;
	margin-top: 90px;
	padding-bottom: 0px;
	text-align: center;
  }
  .error-404 H2 {
	color: #aacf45;
	font-size: 50px;
	font-size: 5rem;
	font-weight: normal;
	margin-top: 10px;
	text-align: center;
  }
  .error-404 H4 {
	margin-top: 80px;
	text-align: center;
  }