/* Style  of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- common > background color
- common > textalign
- common > margin
- common > padding
- common > border
- common > hr
- common > breadcrumb navigation
- common > Footer
- common > Page TOP back button
- common > sidemenu
- common > intro media
- common > [B24_linkbox] pdf link setting
- Strength - index
- Business - equipment
- Project - index
- Project - Datail
- NEWS - index
- NEWS - Datail
- Company - index
- Company - Offices
- Company - Vision
- Company - Key Fact
- 404 not found
*/



.header {
  z-index: 98;
  margin-top: 0;
  position: relative; }

/*––––––––––––––––––––––––––––––––––––
common > font color Rule

base text color = #333
text link color = #003399
RED text link hover & list-style color = #ed1a3a
––––––––––––––––––––––––––––––––––––––*/

.f-color-fff{
  color: #fff;
}

.f-color-333{
  color: #333;
}

.f-color-43607c{
  color: #43607c;
}

.f-color-427cb3{
  color: #427cb3;
}

/*––––––––––––––––––––––––––––––––––––
common > background color
––––––––––––––––––––––––––––––––––––––*/

.bg-color-eee{
  background: #eee;
}

.bg-color-333{
  background: #333;
}

.bg-color-f0f6f6{
  background: #f0f6f6;
}

.bg-color-eaedf0{
  background: #eaedf0;
}



/*––––––––––––––––––––––––––––––––––––
common > textalign
––––––––––––––––––––––––––––––––––––––*/
.text-center{
  text-align: center;
}
.text-left{
  text-align: left;
}
.text-right{
  text-align: right;
}

/*––––––––––––––––––––––––––––––––––––
common > margin
––––––––––––––––––––––––––––––––––––––*/
.mg0{
  margin: 0;
}

.mgt-1rem{
  margin-top: 1rem;
}

.mgt-2rem{
  margin-top: 2rem;
}

.mgt-3rem{
  margin-top: 3rem;
}

.mgt-4rem{
  margin-top: 3rem;
}

.mgt-10rem{
  margin-top: 10rem;
}

.mgb-1rem{
  margin-bottom: 1rem;
}

.mgb-3rem{
  margin-bottom: 3rem;
}

.mgb-3_5rem{
  margin-bottom: 3.5rem;
}

.mgb-4rem{
  margin-bottom: 4rem;
}

.mgb-10rem{
  margin-bottom: 10rem;
}

/*––––––––––––––––––––––––––––––––––––
common > padding
––––––––––––––––––––––––––––––––––––––*/
.pd0{
  padding: 0;
}

.pdt-1rem{
  padding-top: 1rem;
}


.pdt-2rem{
  padding-top: 2rem;
}

.pdt-4rem{
  padding-top: 4rem;
}

.pdb-1rem{
  padding-bottom: 1rem;
}

.pdb-2rem{
  padding-bottom: 2rem;
}

.pdtb-04rem{
  padding-top:0.4rem;
  padding-bottom:0.4rem;
}

.pdtb-1rem{
  padding-top:1rem;
  padding-bottom:1rem;
}


.pdtb-2rem{
  padding-top:2rem;
  padding-bottom:2rem;
}

/*––––––––––––––––––––––––––––––––––––
common > border
––––––––––––––––––––––––––––––––––––––*/

.border_t1{
  border-top: 1px #ddd solid;
}

.border_b1{
  border-bottom: 1px #ddd solid;
}

.border_l1{
  border-left: 1px #ddd solid;
}
.border_r1{
  border-right: 1px #ddd solid;
}

.border_1{
  border:1px #ddd solid;
}



/*––––––––––––––––––––––––––––––––––––
common > breadcrumb navigation
––––––––––––––––––––––––––––––––––––––*/
  /*font size setting=basestyle.css - Typography */
  .breadcrumb{
    margin-bottom:4rem;
  }
  .breadcrumb ul{
    list-style: none;
    margin: 0;
    padding:1rem 0;
  }

  .breadcrumb li{
    display: inline-block;
    margin: 0;
  }

  .breadcrumb > ul li a::after {
    display: inline-block;
    padding: 0 10px  0 15px;
    content: ">";
    color: #333;
}

@media (min-width: 788px) {
  .breadcrumb{
    margin-bottom:4rem;
  }
  .breadcrumb ul{
    list-style: none;
    margin: 0;
    padding:1.7rem 0;
  }

}




/*––––––––––––––––––––––––––––––––––––
common > Footer
––––––––––––––––––––––––––––––––––––––*/
  .footer{
    margin-top: 6rem;
    background-color: #efefef;
    padding: 2rem 0;
    height: 500px
  }


  .copyright{
    color: #666;
  }


/*––––––––––––––––––––––––––––––––––––
common > Page TOP back button
––––––––––––––––––––––––––––––––––––––*/
/*layout*/
.btn_pagetop {
  position:relative; /*topBtnの親要素に指定*/
}

/*トップへ戻るボタン*/
.topBtn {
  position:fixed; /*固定*/
  bottom:20px; /*場所を右下に移動*/
  right:20px; /*場所を右下に移動*/
  display:block; /*aタグをblock要素に変更*/
  background-color:rgba(80,80,80,0.7);
  color:#fff;
  text-decoration:none;
  font-weight:bold;
  font-size:4rem;
  width:60px;
  height:60px;
  text-align:center;
  line-height:60px;
  padding-top:0px;
  box-sizing:border-box;
}

.topBtn:hover {
  opacity:1.0;
  text-decoration: none;
}


@media (min-width: 788px) {
  /*トップへ戻るボタン*/
  .topBtn {
    right:2rem; /*場所を右下に移動*/
    bottom:2rem; /*場所を右下に移動*/
    font-size:4rem;
    width:6rem;
    height:6rem;
    line-height:6rem;
    padding-top:0px;
  }
}

@media (min-width: 1170px) {
  /*トップへ戻るボタン*/
  .topBtn {
    right:6.4rem; /*場所を右下に移動*/
    bottom:5.5rem; /*場所を右下に移動*/
    font-size:4rem;
    width:6rem;
    height:6rem;
    line-height:6rem;
    padding-top:0px;
  }

}




/*––––––––––––––––––––––––––––––––––––
common > sidemenu
––––––––––––––––––––––––––––––––––––––*/
#sidemenu{
  border-top:2px #ed1a3a solid;
  padding-bottom:1rem;
  border-bottom:1px #ddd solid;
  box-sizing: border-box;
}

#sidemenu .sidemenu_content{
  padding-left: 4rem;
}

#sidemenu a{
  color: #333;
  text-decoration: none;
}

#sidemenu a:hover{
  color: #ed1a3a;
}


#sidemenu .squarearrow{
  font-size: 1.4rem;
  margin-right: 1em;
}

#sidemenu h3{
  border-bottom:1px #ddd solid;
  font-size: 2rem;
  letter-spacing: 0.1rem;
  padding: 2.4rem 0;
  font-weight: 300;
  margin-bottom:2.4rem;
}

#sidemenu .column{
  max-width: 100%;

}

#sidemenu ul{
  padding: 0;
  margin: 0;
  list-style: none;
  padding-bottom:1rem;

}

#sidemenu li{
  line-height: 2.4rem;
  letter-spacing: 0.1rem;
  margin-bottom:1.4rem;
}

#sidemenu li::before{
  font-family: "tges_en_ico";
  content: "\f0da";
  color: #ed1a3a;
  margin-right: 1rem;
}

/*our project 等*/
#sidemenu .li_pat01{
  font-size: 1.6rem;
  text-indent: -1.6rem;
  padding-left: 1.6rem;
}

#sidemenu .li_pat02{
  font-family: 'Patua One',sans-serif;
  padding-left: 1em;
  font-size: 1.6rem;
  text-indent: -1.4rem;
  padding-left: 3rem;
}

/*companyなどのfont-family: 'Patua One'系　*/
#sidemenu .li_pat03{
  font-family: 'Patua One',sans-serif;
  font-size: 1.6rem;
   text-indent: -1.6rem;
  padding-left: 1.6rem;
}


#sidemenu .active{
  color: #ed1a3a;
}

/*––––––––––––––––––––––––––––––––––––
common > intro media
––––––––––––––––––––––––––––––––––––––*/
#intro{
  width: 100%;
  overflow:hidden;
  clear: both;
}

@media (min-width: 788px) {
  #intro{
    min-width: 990px;
  }
}
@media (min-width: 1170px) {
  #intro{
    width: 100%;
  }
}


#intro .intromedia_business{
  background-image:url("/en/images/business/business_mainvisual.jpg");
  background-position: center center;
  background-size: cover;
  background-color: #fff;
  height: 13.5rem;
}

#intro .intromedia_case{
  background-image:url("/en/images/case/case_mainvisual.jpg");
  background-position: center center;
  background-size: cover;
  background-color: #fff;
  height: 13.5rem;
}

#intro .intromedia_case_datail{
  background-image:url("/en/images/case/case_mainvisual.jpg");
  background-position: center center;
  background-size: cover;
  background-color: #fff;
  height: 13.5rem;
}

#intro .intromedia_company{
  background-image:url("/en/images/company/company_mainvisual.jpg");
  background-position: center center;
  background-size: cover;
  background-color: #fff;
  height: 13.5rem;
}

#intro .intromedia_notice{
  background-image:url("/en/images/notice/notice_mainvisual.jpg");
  background-position: center center;
  background-size: cover;
  background-color: #fff;
  height: 13.5rem;
}

@media (min-width: 788px) {
#intro .intromedia_strength{
  height: 29rem;
}

#intro .intromedia_business{
  height: 29rem;
}

#intro .intromedia_case{
  height: 29rem;
}

#intro .intromedia_case_datail{
  height: 29rem;
}

#intro .intromedia_company{
  height: 29rem;
}

#intro .intromedia_notice{
  height: 29rem;
}

}


/*––––––––––––––––––––––––––––––––––––
PDF link時icon追加 - index
––––––––––––––––––––––––––––––––––––––*/

.B24_linkbox{
  background: #f0f6f6;
  padding:2rem 2rem 2rem 2rem;
  margin: 0 0 2rem;
}
.B24_linkbox p{
  position: relative;
  color: #006699;
  font-size: 1.4rem;
  line-height: 2;
  padding: 0;
  margin: 0;
  text-indent: -1.4rem;
  padding-left:1.4rem;
}

.B24_linkbox p::before{
  font-family: "tges_en_ico";
  content: "\f0da";
  color: #ed1a3a;
  margin-right: 1rem;
}

.B24_linkbox a[href$=".pdf"]::after{
  content:url("/en/images/common/Adobe_PDF_file_icon_16x16.png");
  position: relative;
  top:4px;
  margin-left: 1.4rem;
}


@media (min-width: 788px) {
  .B24_linkbox{
    padding: 2rem;
  }
  .B24_linkbox p{
    font-size: 1.6rem;
  }
  .B24_linkbox a[href$=".pdf"]::after{
    content:url("/en/images/common/Adobe_PDF_file_icon_24x24.png");
    position: relative;
    top:6px;
    margin-left: 1.4rem;
  }
}






/*––––––––––––––––––––––––––––––––––––
Strength - index
––––––––––––––––––––––––––––––––––––––*/
.strength_h1{
  font-family: 'Patua One',sans-serif;
  margin-bottom:3rem;
  text-align:center;
   font-size: 3.8rem;
}

.catch_strength{
	text-align:center;
	font-size: 2.6rem;
	margin:0 0 30px 0;
}

.read_strength{
	font-size: 1.6rem;
	margin:0 0 5rem 0;
}

.strength_bk{
	background: url(/en/images/strength/bk_sp.jpg) ;
	background-repeat:no-repeat;
	background-attachment: fixed;
	background-size:cover;
	background-position:right top 0px;
	color:#FFF;
	clear:both;
	padding:80px 2.5rem;
}

.center{
	text-align:center;
}

.strength_ph01{
	text-align:center;
	margin:50px 0 0 0;
}

.strength_ph01 img{
	width:100%;
	max-width:700px;
}


@media (min-width: 788px) {
.strength_h1{
   font-size: 7.2rem;
}

.strength_bk{
	background: url(/en//images/strength/bk_pc.jpg) ;
	background-repeat:no-repeat;
	background-attachment: fixed;
	background-size:cover;
	background-position:center top 0px;
	color:#FFF;
	clear:both;
  padding:140px 30px;
  min-width: 990px;
}

.strength_box{
	width:850px;
	margin:0 auto;
}

}


/*––––––––––––––––––––––––––––––––––––
Business - equipment
––––––––––––––––––––––––––––––––––––––*/

.business_equipment .eq_box{
  -js-display: flex;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox; /* IE10 */
  display: -webkit-box; /* Android4.3以下、Safari3.1〜6.0 */
  display: -webkit-flex; /* Safari6.1以降 */
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.business_equipment .eq_panel{
  position: relative;
  width:48%;
  padding: 0.5rem;
  margin-bottom: 1rem;
  border: 1px #ccc solid;
  font-weight: bold;
}

.business_equipment .eq_panel a{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.business_equipment .eq_panel_img{
  margin:0 auto;
  text-align: center;
}

.business_equipment .eq_panel_img img{
  max-width: 100%;
  width: 100%;
}

.business_equipment .eq_panel p{
  padding: 0 1rem;
  color: #003399;
}

.business_equipment .eq_panel:hover{
  box-shadow: 0 0 8px #ccc;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.business_equipment .eq_panel a:hover + p{
  text-decoration: underline;
}


@media (min-width: 788px) {
    .business_equipment .eq_panel{
      width:310px;
    }
    .business_equipment .eq_panel_img{
      margin:0 auto;
    }
}


@media (min-width: 1170px) {
  .business_equipment .eq_panel{
    width:250px;
  }
}


/*business/eng1/index.html内　マウスオーバー用
––––––––––––––––––––––––––––––––––––*/
.eng1_ph{
  position: relative;
	margin:0 auto;
	text-align:center;
	padding:0;
	vertical-align:bottom;
}
.eng1_btn01{
  position: absolute;
  top:15px;
  left:146px;
}
.eng1_btn02{
  position: absolute;
  top:95px;
  left:146px;
}

.eng1_btn03{
  position: absolute;
  top:160px;
  left:146px;
}

.eng1_btn04{
  position: absolute;
  top:212px;
  left:146px;
}

.eng1_btn05{
  position: absolute;
  top:268px;
  left:146px;
}






/*equipmentコンテンツ内　製品スペック
––––––––––––––––––––––––––––––––––––*/
.img_stretch{
  max-width: 100%;
}

.equipment_features{
  border-top: 0px #ebebeb solid;
  -js-display: flex;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox; /* IE10 */
  display: -webkit-box; /* Android4.3以下、Safari3.1〜6.0 */
  display: -webkit-flex; /* Safari6.1以降 */
  flex-direction:column;
}


.equipment_features .l-column{
  flex: 0 0 auto;
  max-width:none;
  padding: 0 1.5rem;
  margin-bottom: 2rem;
}


.equipment_features .l-column img{
  width: 100%;
  max-width: 100%;
}


.equipment_features .r-column{
  flex: 0 0 auto;
  max-width:none;
  padding: 0 1.5rem;
}

.equipment_features .r-column li{
  text-indent: -2.4rem;
  padding-left: 2.4rem;
}


@media (min-width: 788px) {
  .equipment_features{
  flex-direction:row;
  }

  .equipment_features .l-column{
    flex: 0 0 300px;
    max-width:300px;
    padding: 0;
  }

  .equipment_features .r-column{
    flex: 0 0 660px;
    max-width:660px;
    padding: 0 1rem 0 3rem;
  }
  .equipment_features .l-column img{
    width: 100%;
    max-width: 100%;
  }
}


@media (min-width: 1170px) {
  .equipment_features .l-column{
    flex: 0 0 300px;
    max-width:300px;
  }

  .equipment_features .r-column{
    flex: 0 0 490px;
    max-width:490px;
  }
}


/*equipmentコンテンツ内　製品スペック
––––––––––––––––––––––––––––––––––––*/
/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.equipment_spec_table{
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    font-size: 2.2vw;
    word-wrap: break-word;
}

.equipment_spec_table .th_ajust{
    white-space: nowrap;
}


.equipment_spec_table th,
.equipment_spec_table td{
  padding: 3% 2%;
  border-top:1px #ddd solid;
  border-right: 1px #ddd solid;
}

.equipment_spec_table th:first-child,
.equipment_spec_table td:first-child{
  border-left: 1px #ddd solid;
}

.equipment_spec_table tr:last-child th,
.equipment_spec_table tr:last-child td{
  border-bottom:1px #ddd solid;
  border-right: 1px #ddd solid;
}

.equipment_spec_table th{
  font-weight: bold;
  background-color:#e6eaee;
}
.equipment_spec_table td{
  text-align: right;
}

@media (min-width: 788px) {
  .equipment_spec_table{
    font-size: 1.6rem;
  }
  .equipment_spec_table th,
  .equipment_spec_table td{
    padding: 2rem 3rem;
    border-top:1px #ddd solid;
    border-right: 1px #ddd solid;
  }
}



/*––––––––––––––––––––––––––––––––––––
Project - index
––––––––––––––––––––––––––––––––––––––*/
  .catch_project {
    font-size: 2.4rem;
    font-weight: bold;
    word-wrap: break-word;
    line-height: 1.5;
    letter-spacing: 0.2rem;
    margin-bottom: 2rem;
  }
  .read_project {
    font-size: 1.6rem;
    font-weight: bold;
    word-wrap: break-word;
    line-height: 1.5;
    letter-spacing: 0.1rem;
    margin-bottom: 2rem;
  }


  /*Projectのcontentごとの見出し用*/
  .project_Main_Title{
    -js-display: flex;
    display: -webkit-flex;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    display: -webkit-box; /* Android4.3以下、Safari3.1〜6.0 */
    display: -webkit-flex; /* Safari6.1以降 */
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    background-color: #f0f6f6;
    margin-bottom: 3rem;
  }

  .project_face{
    width: 100%;
    line-height: 0;
    height: auto;
    min-height: 0%;
  }
  /*Projectの見出し写真*/
  .project_face img{
    width: 100%;
    height: auto;
  }

  /*Projectの見出しProject名*/
  .project_MainName{
    -js-display: flex;
    display: -webkit-flex;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    display: -webkit-box; /* Android4.3以下、Safari3.1〜6.0 */
    display: -webkit-flex; /* Safari6.1以降 */
    flex-wrap: nowrap;
    flex-direction: column;
    align-self: flex-start;
    justify-content:flex-start;
    max-width: 100%;
    padding: 3rem 2rem 3rem 3rem;
  }

  .project_MainName .squarearrow{
    position:relative;
    top:-4px;
  }



  .project_MainName a{
    color: #333;
  }

  .project_MainName a:hover{
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    color: #ed1a3a;
    text-decoration: none;
  }

  /*Projectタイトルの見出し文頭アイコン。Widthでmargin調整*/
  .squarearrow{
    display: inline-block;
    font-size: 1.2rem;
    margin-right: 1rem;
  }

/*Projectタイトルの見出しProject名*/
  .project_MainName h3{
    font-family: 'Patua One',sans-serif;
    font-size: 2.6rem;
    text-indent: -1.2rem;
    padding-left: 1.2rem;
    margin:0 0 5px 0;
    flex: 1 0 auto;
  }


  /*Projectタイトルの見出しCountry名*/
  .project_MainName h4{
    font-family: 'Patua One',sans-serif;
    color: #666;
    padding-left:1.6rem;
    font-size: 1.6rem;
    margin-bottom:0;
    padding-bottom:0;
    padding-left: 1.2rem;
    flex: 1 0 auto;
  }

  @media (min-width: 788px) {

    .catch_project {
      margin-bottom: 4rem;
    }
    .read_project {
      margin-bottom: 5rem;
    }

    .project_Main_Title{
      flex-wrap: nowrap;
      flex-direction: row;
      align-self: flex-start;
      justify-content:flex-start;
      width: 960px;
      height: 372px;
      padding: 0;
      margin-bottom: 3rem;
      border-bottom:0px #ddd solid;
      background-color: #f0f6f6;
    }

    .project_face{
      width: 660px;
      height: 372px;
    }

    .project_face img{
      width: 660px;
      height: 372px;
    }

    .project_MainName{
      -js-display: flex;
      display: -webkit-flex;
      display: flex;
      display: -ms-flexbox; /* IE10 */
      display: -webkit-box; /* Android4.3以下、Safari3.1〜6.0 */
      display: -webkit-flex; /* Safari6.1以降 */
      flex-direction: column;
      align-items:flex-start;
      justify-content:center;
      align-self: auto;
      padding-left: 3rem;
      padding-right: 1rem;
      flex-basis: 310px;
      max-width: 310px;
      height: auto;
    }

    .project_MainName h3{
      flex: 0 0 auto;
      -ms-flex:0 0 auto;
      max-width:270px;
      min-height: auto;
    }

    .project_MainName h4{
      padding-left: 1.2rem;
      flex: 0 0 auto;
      -ms-flex:0 0 auto;
      max-width: 270px;
      min-height: auto;
    }

}

  @media (min-width: 1170px) {
    .project_Main_Title{
      width: 1100px;
      height: 372px;
      padding: 0;
      margin-bottom: 3rem;
      border-bottom:0px #ddd solid;
      background-color: #f0f6f6;
    }

    .project_face{
      width: 660px;
      height: 372px;
    }

    .project_face img{
      width: 660px;
      height: 372px;
    }

    .project_MainName{
      -js-display: flex;
      display: -webkit-flex;
      display: flex;
      display: -ms-flexbox; /* IE10 */
      display: -webkit-box; /* Android4.3以下、Safari3.1〜6.0 */
      display: -webkit-flex; /* Safari6.1以降 */
      flex-direction: column;
      align-items:flex-start;
      justify-content:center;
      padding-left: 4rem;
      padding-right: 1rem;
      flex-basis: 460px;
      max-width: 460px;
      height: 372px;
    }
    .project_MainName h3{
      flex: 0 0 auto;
      -ms-flex:0 0 auto;
      max-width: 410px;
      min-height: auto;
    }

    .project_MainName h4{
      padding-left: 1.2rem;
      flex: 0 0 auto;
      -ms-flex:0 0 auto;
      max-width: 410px;
      min-height: auto;
    }

  }


/*––––––––––––––––––––––––––––––––––––
Project&other - Common
––––––––––––––––––––––––––––––––––––––*/

.project_flex{
  -js-display: flex;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox; /* IE10 */
  display: -webkit-box; /* Android4.3以下、Safari3.1〜6.0 */
  display: -webkit-flex; /* Safari6.1以降 */
  flex-direction:column;
  flex-wrap: wrap;
}

.project_sub_flex{
  -js-display: flex;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox; /* IE10 */
  display: -webkit-box; /* Android4.3以下、Safari3.1〜6.0 */
  display: -webkit-flex; /* Safari6.1以降 */
  flex-wrap: wrap;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.project_sub_flex > .breaking-out:last-child{
  border-bottom: 1px #ccc solid;
  margin-bottom: 4rem;
}

/*Project - Datailの左右1/2写真分割用 */
.project_imgbox{
flex-basis:auto;
max-width: 100%;
margin-left: 0px;
min-height: 0%;
padding: 0 1.5rem;
}
.project_imgbox:first-child{
margin-left: 0;
}


.Project_img_onehalf img{
max-width: 100%;
height: auto;
}

/*Project - Datailの1/1写真用 */
.Project_img_one{
  margin: 0 auto 1rem;
  line-height: 0;
  padding: 0 1.5rem;
  width: 100%;
  min-height: 0%;
}
.Project_img_one img{
  width: 100%;
}
.Project_img_one img.w-auto{
  max-width: 100%;
  width:auto;
}

/*Project - indexの左右分割用 */
.project_subbox_l,
.project_subbox_r{
padding:20px 1.5rem;
border-top:1px #ddd solid;
display: flex;
display: -webkit-flex;
display: -ms-flexbox; /* IE10 */
display: -webkit-box; /* Android4.3以下、Safari3.1〜6.0 */
display: -webkit-flex; /* Safari6.1以降 */
flex-direction: row;
justify-content:flex-start;
align-items: center;
text-align: left;
align-content:flex-start;
position: relative;
}

.project_subbox_l a,
.project_subbox_r a{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #333;
}

.project_subbox_l a:hover,
.project_subbox_r a:hover{
box-shadow: 0 0 8px #ccc;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
}

.project_subbox_l a:hover + .project_sub_title h3,
.project_subbox_r a:hover + .project_sub_title h3{
color: #ed1a3a;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
}



@media (min-width: 788px) {
  .project_flex{
    -js-display: flex;
    display: -webkit-flex;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    display: -webkit-box; /* Android4.3以下、Safari3.1〜6.0 */
    display: -webkit-flex; /* Safari6.1以降 */
    flex-direction:row;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom:3rem;
  }

  .project_sub_flex{
    -js-display: flex;
    display: -webkit-flex;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    display: -webkit-box; /* Android4.3以下、Safari3.1〜6.0 */
    display: -webkit-flex; /* Safari6.1以降 */
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .project_sub_flex > .breaking-out:last-child{
    border-bottom: 1px #ccc solid;
    margin-bottom: 4rem;
  }


  .Project_img_one{
    width: auto;
    margin:0 auto;
    padding: 0;
  }

  /*Project - Datailの左右1/2写真分割用 */
  .project_imgbox{
    flex-basis: 380px;
    max-width: 380px;
    min-height: 0%;
    margin-left: 30px;
    padding: 0;
  }
  .project_imgbox:first-child{
    margin-left: 0;
  }



/*Project - indexの左右分割用 */
  .project_subbox_l{
    padding:20px 0px;
    border:1px #ddd solid;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    width:475px;
    margin:0 0 20px 0;
  }

  .project_subbox_r{
    padding:20px 0px;
    border:1px #ddd solid;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    width:475px;
    margin:0 0 20px 0;
  }

}

@media (min-width: 1170px) {
/*Project - indexの左右分割用 */
.project_subbox_l{
  padding:20px 0px;
  border:1px #ddd solid;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: left;
  width:540px;
  float:left;
  margin:0 0 20px 0;
}

.project_subbox_r{
  padding:20px 0px;
  border:1px #ddd solid;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  width:530px;
  float:right;
  margin:0 0 20px 0;
}
}






/*––––––––––––––––––––––––––––––––––––
Project - Datail
––––––––––––––––––––––––––––––––––––––*/

.border_btm{
	  border-bottom:1px #ddd solid;
  }

  .project_sub_thum{
  display: flex;
  align-items: center;
  justify-content:center;
  background-color: #ccc;
  min-width: 105px;
  width: 105px;
  }

  .project_sub_thum img{
    width: 100%;
  }

  .project_sub_title{
    padding:0 2rem;
    margin:0;
  }
  .project_sub_title h3{
    font-family: 'Patua One',sans-serif;
      padding: 0;
    margin:0;
  }
  .project_sub_title h4{
    font-family: 'Patua One',sans-serif;
    color: #666;
    padding: 0;
    margin:1.4rem 0 0 0;
  }


  @media (min-width: 788px) {

  .project_sub{
    padding:17px;
    border: 1px #ddd solid;
	  margin-bottom:20px;
	  width:100%;
    }

    .project_sub_thum{
      width: 162px;
      min-width: 162px;
      margin-left:20px;
    }
    .project_sub_thum img{
      width: 100%;
    }

    .project_sub_title{
      padding-left: 3rem;
    }

    .project_sub_title h3{
      padding: 0;
      margin: 0;
      margin-top: 0rem;
    }
    .project_sub_title h4{
      color: #666;
      padding: 0;
      margin:1.4rem 0 0 0;
    }

  }
  @media (min-width: 1170px) {
  }



 /*ProjectのList用
––––––––––––––––––––––––––––––––––––––*/

  .project_list{
    padding:10px 0 0 0;
    margin-bottom:0;
    margin-top:20px;
  }
  .project_list h3{
    font-size: 1.6rem;
    font-family: 'Patua One',sans-serif;
    word-break: break-all;
    padding: 0;
    margin-top: 0!important;
    margin-left: 0rem;
    text-indent: -1.6rem;
    padding-left: 1.6rem;
  }
    /*Projectタイトルの見出し文頭アイコン。Widthでmargin調整*/
    .project_list h3::before{
      content: "● ";
      font-size: 1rem;
      color: #333;
      margin: 0;
      padding:0;
    }

  .project_list h4{
    font-size: 1.4rem;
    font-family: 'Patua One',sans-serif;
    color: #666;
    padding-left: 1.8rem;
    margin-top:0;
    margin-bottom:0;
  }

  .project_more{
	  display:block;
	  border:1px solid #426180;
	  text-align:center;
	  font-weight:bold;
	  max-width:560px;
	  margin:4rem auto 4rem auto;
	  display:block;
	  position:relative;
	  width:80%;
  }

  .project_more a{
	  display:block;
	  padding:1rem 0;
	  color:#426180;
  }

  .project_more a:hover{
	  display:block;
	  color:#426180;
	  text-decoration:none;
	  background-color:#036;
	  color:#FFF;
  }
  .project_more i{
    position: absolute;
    top: 50%;
    right: 1.5rem;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }

  .project_txt01{
    border-top:1px solid #ddd;
    padding-top:0px;
    margin-bottom: 5rem;
  }

  .project_more p{
	   font-size: 1.6rem;
	   margin:0;
	   padding:0;
   }


  @media (min-width: 788px) {
    .project_list{
      padding:0;
      margin-bottom:1rem;
    }
    .project_list h3{
      font-size: 1.6rem;
      margin-top: 0!important;
      padding-top:0!important;
    }
    .project_list h4{
      font-size: 1.2rem;
    }


	.project_txt01{
	border-top:1px solid #ddd;
	padding-top:20px;
	margin-top:20px;
	margin-bottom:50px;
}

 .project_more{
	  display:block;
	  max-width:280px;
	  margin:40px auto 40px auto;
  }

  }




 /*project_Datail のタイトル周り用
––––––––––––––––––––––––––––––––––––––*/

.project_datail h3{
  font-size:2.2rem;
  letter-spacing:0.1em;
  line-height: 1.3;
  padding: 1rem 2rem;
  margin: 0;
  background: #eaedf0;
  word-wrap:break-word;
  margin-bottom:2rem;
}
.project_datail h4{
  padding: 0;
  margin: 0;
  font-size:2rem;
  line-height: 1.3;
  letter-spacing:0.1em;
  margin-bottom: 1rem;
}

.border_ContentSubTitle{
  height: 0.1rem;
  background: #f3f3f3;
  margin-bottom:2.2rem;
}

.project_datail h5{
  padding: 0;
  margin: 0;
  font-size:1.8rem;
  line-height: 1.3;
  letter-spacing:0.1em;
  margin-bottom:2rem;
}

project_datail p{
  margin-top:0;
}

@media (min-width: 788px) {
  .project_datail h3{
    font-size:2rem;
    padding: 1.5rem 2rem;
  }
  .project_datail h4{
    font-size:1.8rem;
  }
  .project_datail h5{
    font-size:1.6rem;
  }
}
 /*project_Datail - Project owner logos 設定用
––––––––––––––––––––––––––––––––––––––*/
.owner_logos{
  height: 3rem;
  margin:0 1rem 0 0;
}

.owner_logos img{
  max-height: 100%;
}

@media (min-width: 788px) {
  .owner_logos{
    height: 3rem;
    margin:0 0 0 1rem;
  }
}



 /*project_Datail 本文内へ挿入画像
––––––––––––––––––––––––––––––––––––––*/

.ProjectDatail_img{
  line-height: 0;
  padding: 0;
  margin: 2rem 0;
}

.ProjectDatail_img img{
  max-width: 100%;
}

/*otherTGES solution survice*/
.otherSolution{
  background: #f0f6f6;
  padding: 3rem;
}
.otherSolution h3{
  padding: 0;
  margin: 0;
  font-weight: bold;
}

.otherSolution ul{
  padding: 0;
  margin: 0;
  padding-top: 1rem;
}

.otherSolution li{
  list-style: none;
  padding: 0;
  margin: 0;
}

.otherSolution .li_pat01{
  color: #43607c;
  padding-left: 0.5rem;
}

.otherSolution .li_pat01::before{
  font-family: "tges_en_ico";
  content: "\f0da";
  color: #ed1a3a;
  margin-right: 1rem;
}

.otherSolution .li_pat02{
  list-style: disc;
  margin-right:-0.4rem;
  margin-left: 2rem;
}

.otherSolution .li_pat02::before{
  margin-right: 1rem;
}



/*project_Datail  OtherProject タイトル用
––––––––––––––––––––––––––––––––––––––*/
.otherproject{
  margin-top: 6rem;
}

/*––––––––––––––––––––––––––––––––––––
NEWS - index
––––––––––––––––––––––––––––––––––––––*/
.news_list h2{
  margin-top: 4rem;
}

.news_list h2:first-child{
  margin-top: 0;
}


.news_list_block{
  border-top: 1px #ddd solid;
  -js-display: flex;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox; /* IE10 */
  display: -webkit-box; /* Android4.3以下、Safari3.1〜6.0 */
  display: -webkit-flex; /* Safari6.1以降 */
  flex-direction:column;
  justify-content: center;
  list-style: none;
  font-size: 1.6rem;
  padding: 2rem 3rem;
  margin: 0;
}

.news_list_block:last-child{
  border-bottom: 1px #ddd solid;
}

.content-year{
  border-bottom: 1px #ddd solid;
  }


.news_list_date{
}

.news_list_content{
}

.news_list_content p {
  display: block;
  margin: 0;
  padding: 0;
  color: #034ea3;
}

.news_list_date p {
  display: block;
  margin: 0;
  padding: 0;
  color: #333;
}


 @media (min-width: 788px) {
    .news_list h2{
      margin-top: 6rem;
    }

    .news_list h2:first-child{
      margin-top: 0;
    }
    .news_list_block{
      border-top: 0px #ddd solid;
      border-bottom: 1px #ddd solid;
      text-align: left;
      font-size: 1.4rem;
      padding:2rem 0;
      flex-direction: row;
      justify-content: center;
      align-items: center;
    }
    .news_list_date{
      flex: 1;
      width: 90px;
    }

    .news_list_content{
      flex: 6;
    }
 }

 @media (min-width: 1170px) {
  .news_list_block{
    border-top: 0px #ddd solid;
    border-bottom: 1px #ddd solid;
    text-align: left;
    font-size: 1.4rem;
    padding:2rem 0;
    flex-direction: row;
  }
  .news_list_date{
    flex: 1;
    width: 90px;
  }

  .news_list_content{
    flex: 6;
  }
}


/*––––––––––––––––––––––––––––––––––––
NEWS - Datail
––––––––––––––––––––––––––––––––––––––*/

.newsdatail_date{
  font-size: 1.4rem;
  font-weight: bold;
  color: #999;
}



/*––––––––––––––––––––––––––––––––––––
Company - Common
––––––––––––––––––––––––––––––––––––––*/
.corporate_img{
  margin-bottom: 0rem;
}
.corporate_img img{
  margin-bottom: 2rem;
  max-width: 100%;
}

@media (min-width: 788px) {
  .corporate_img{
    margin-bottom: 2rem;
  }
  .corporate_img img{
    margin-bottom:3rem;
  }
}

/*––––––––––––––––––––––––––––––––––––
Company - index
––––––––––––––––––––––––––––––––––––––*/
/*  breaking-out 後のdisplay:flex設定用*/
.corporateprofile{
  border-top: 0px #ebebeb solid;
  -js-display: flex;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox; /* IE10 */
  display: -webkit-box; /* Android4.3以下、Safari3.1〜6.0 */
  display: -webkit-flex; /* Safari6.1以降 */
  flex-direction:column;
}

.corporateprofile p,
.corporateprofile ul,
.corporateprofile span{
 margin:0;
}

.corporateprofile li{
  text-indent: -1.3em;
  padding-left: 1.3em;
}
.corporateprofile .title{
  margin:4rem 0 1rem;
}

.corporateprofile .l-column{
  -js-display: flex;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox; /* IE10 */
  display: -webkit-box; /* Android4.3以下、Safari3.1〜6.0 */
  display: -webkit-flex; /* Safari6.1以降 */
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #e6eaee;
  padding: 0.5rem 2.5rem;
  font-weight: bold;
}


.corporateprofile .r-column{
  padding: 1rem 2.5rem;
}

.corporateprofile .l-column p{
  flex-grow: 1;
}

/*Historyページ字の年代表記のtext-align切替用*/
.corporateprofile .years P{
  text-align: left;
}



/*Directors & Company Auditor 項目用
 Board of Directors & Company Auditor  List
 ––––––––––––––––––––––––––––––––––––––*/
.innercolumn{
  -js-display: flex;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox; /* IE10 */
  display: -webkit-box; /* Android4.3以下、Safari3.1〜6.0 */
  display: -webkit-flex; /* Safari6.1以降 */
  flex-direction:column;
  flex-wrap: wrap;
  align-items: flex-start;
  padding-left: 2.5rem;
  line-height: 2em;
 }

 /*Businessコンテンツ内 l-column / r-column内上下センター用国旗- 国名並びなど*/
 .innercolumn_row{
  -js-display: flex;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox; /* IE10 */
  display: -webkit-box; /* Android4.3以下、Safari3.1〜6.0 */
  display: -webkit-flex; /* Safari6.1以降 */
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: left;
align-content: center;
height: 100%;;
 }


  /*company  PC > row | SP > column 用*/
  .innercolumn_pc-r-sp-c{
    -js-display: flex;
    display: -webkit-flex;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    display: -webkit-box; /* Android4.3以下、Safari3.1〜6.0 */
    display: -webkit-flex; /* Safari6.1以降 */
    flex-direction: column;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    text-align: left;
    height: 100%;
    }


.innercolumn .i-l-column{
    background-color: #fff;
}

 .innercolumn .i-r-column{
  background-color: #fff;
}

.i-r-column .link_history{
  flex: 4;
}


/*文中内 MAP/HISTORY リンクボタン
––––––––––––––––––––––––––––––––––––––*/
.corporateprofile .button{
  border: 1px solid #bbb;
  text-align: center;
  line-height: 3rem;
  display: inline-block;
  clear: both;
  display: block;
  padding: 0 0rem;
}
  .corporateprofile .button:hover,
  .corporateprofile .button:focus{
  color: #039;
  background-color: #ffedf0;
  border-color: #ccc;
}

  .corporateprofile .button::before{
    font-family: "tges_en_ico";
    content: "\f0da";
    color: #ed1a3a;
    margin-right: 1rem;
  }
  .corporateprofile .button a{
    text-decoration: none;
  }

  .corporateprofile .btn_history{
    width: 14rem;
    margin: 1rem 0;
  }
  .corporateprofile .btn_map{
    width: 10.7rem;
    margin-top: 1rem;
    margin-bottom: 0.4rem;
  }


@media (min-width: 788px) {
  .corporateprofile{
    border-top: 1px #dcdee0 solid;
    flex-direction:row;
    justify-content: center;
    align-items: stretch;
  }

  .corporateprofile:last-child{
    border-bottom: 1px #dcdee0 solid;
  }

  .corporateprofile p,
  .corporateprofile ul,
  .corporateprofile span{
    margin:0 1rem;
  }
  .corporateprofile .title{
    margin-top:0rem;
  }

  .corporateprofile .l-column{
    padding: 1.4rem;
    flex: 0 0 20rem;
    max-width:20rem;
  }

  .corporateprofile .r-column{
    padding: 1.4rem;
    flex: 1 0 76rem;
    max-width:76rem;
  }

  /*Historyページ字の年代表記のtext-align切替用*/
.corporateprofile .years P{
  text-align: center;
}


/*Directors & Company Auditor 項目用
 Board of Directors & Company Auditor  List
 ––––––––––––––––––––––––––––––––––––––*/
  .innercolumn{
    -js-display: flex;
    display: -webkit-flex;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    display: -webkit-box; /* Android4.3以下、Safari3.1〜6.0 */
    display: -webkit-flex; /* Safari6.1以降 */
    flex-direction:row;
    flex-wrap: nowrap;;
    align-items: flex-start ;
    align-content: center ;
    padding: 0 0 1rem;
   }


     /*company  PC > row | SP > column 用*/
  .innercolumn_pc-r-sp-c{
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: left;
    height: 100%;
   }



  .innercolumn .i-l-column{
      flex: 1;
  }

   .innercolumn .i-r-column{
    flex: 1;
  }

  /*文中内 MAP/HISTORY リンクボタン
  ––––––––––––––––––––––––––––––––––––––*/
  .corporateprofile .button{
    display: inline-block;
  }
  .corporateprofile .btn_history{
    width: 12rem;
    margin: 0;
  }
  .corporateprofile .btn_map{
    width: 10rem;
    margin: 1rem 0 0 1rem;
  }

}



@media (min-width: 1170px) {

  .corporateprofile .l-column{
    flex: 0 0 20rem;
    max-width:20rem;
  }

  .corporateprofile .r-column{
    padding: 1.4rem;
    flex: 1 0 59rem;
    max-width:59rem;
  }
}


/*––––––––––––––––––––––––––––––––––––
Company - Offices
––––––––––––––––––––––––––––––––––––––*/
.corporateoffice {
  -js-display: flex;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox; /* IE10 */
  display: -webkit-box; /* Android4.3以下、Safari3.1〜6.0 */
  display: -webkit-flex; /* Safari6.1以降 */
  flex-direction:column;

}

.content-company .line-height-ajust2{
  line-height: 2;
}

.corporateoffice .l-column{
  flex: 1 0 auto;
}


.corporateoffice .r-column{
  border-left: 0px #e7e7e7 solid;
  border-top: 1px #e7e7e7 solid;
  padding-left: 0rem;
  padding-top:2.5rem;
  flex: 1 0 auto;
}

.corporateoffice .innercolumn{
  -js-display: flex;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox; /* IE10 */
  display: -webkit-box; /* Android4.3以下、Safari3.1〜6.0 */
  display: -webkit-flex; /* Safari6.1以降 */
  flex-direction:row;
  justify-content: flex-start;
  align-items: flex-end;
  padding: 0;
 }

 .corporateoffice .innercolumn .fa_ico01{
  font-size: 4rem;
}
.corporateoffice .innercolumn .fa_ico02{
  font-size: 3rem;
}

.corporateoffice .innercolumn h2{
  font-family: 'Patua One',sans-serif;
  letter-spacing: 0.1rem;
  font-weight: 300;
}

.corporateoffice .innercolumn .affili_tit{
  text-indent: -4rem;
  padding-left: 4rem;
}
.corporateoffice .innercolumn .office_tit{
  color: #d84358;
  text-indent: -4rem;
  padding-left: 4rem;
}


@media (min-width: 788px) {
  .corporateoffice{
    flex-direction:row;
    justify-content: flex-start;
    align-items: baseline;
  }

  .corporateoffice .r-column{
    border-left: 1px #e7e7e7 solid;
    border-top: 0px #e7e7e7 solid;
    padding-left: 2rem;
    padding-top:0rem;
  }

  .corporateoffice .innercolumn .fa_ico01{
    font-size: 4rem;
  }
  .corporateoffice .innercolumn .fa_ico02{
    font-size: 3rem;
  }
  .corporateoffice .innercolumn .affili_tit{
    text-indent: -6rem;
    padding-left: 6rem;
  }
  .corporateoffice .innercolumn .office_tit{
    text-indent: -6rem;
    padding-left: 6rem;
  }

}


/*
Subsidiaries and affiliates（▼リスト、青）と
Branches and offices（●リスト、赤）のリストの表示調整用
––––––––––––––––––––––––––––––––––––––*/

/*Subsidiaries and affiliates リスト部
   Branches and offices リスト部共通設定*/
.corporateoffice ul{
  font-size: 1.4rem;
  line-height: 1.5;
  list-style: none;
}
.corporateoffice li{
  letter-spacing: 0.1rem;
}

/*Subsidiaries and affiliates リスト部*/
.corporateoffice .affili_Sublist ul{
  padding-left:0rem;  /*SP表示のpadding-left調整用*/
}

.corporateoffice .affili_Sublist li{
  color: #003399;
  position: relative;
  left: 0.6rem;
}

.corporateoffice .affili_Sublist li::before{
  position: absolute;
  content: "▼";
  font-size: 1rem;
  color: #ed1a3a;
  top:0;
  left: -1.4rem;
}

/*Branches and offices リスト部*/
.corporateoffice .office_Sublist ul{
  padding-left:0rem;  /*SP表示のpadding-left調整用*/
}

.corporateoffice .office_Sublist li::before{
  content: "・";
  margin-left: -1rem;
  margin-right: 0rem;
}


@media (min-width: 788px) {
  .corporateoffice ul{
    font-size: 1.4rem;
    list-style: none;
  }
  .corporateoffice li{
    letter-spacing: 0.1rem;
  }

    /*Subsidiaries and affiliates リスト部*/
    .corporateoffice .affili_Sublist ul{
      padding-left:0rem;  /*SP表示のpadding-left調整用*/
    }

    .corporateoffice .affili_Sublist li{
      color: #003399;
      position: relative;
      left: 2.1rem;
    }

    .corporateoffice .affili_Sublist li::before{
      position: absolute;
      content: "▼";
      font-size: 0.7rem;
      color: #ed1a3a;
      top:0.2rem;
      left: -2rem;
    }

    /*Branches and offices リスト部*/
    .corporateoffice .office_Sublist ul{
      padding-left:1rem;  /*SP表示のpadding-left調整用*/
    }

    .corporateoffice .office_Sublist li::before{
      content: "・";
      margin-left: -1rem;
      margin-right: 0rem;
    }

}



/*––––––––––––––––––––––––––––––––––––
Company - Vision
––––––––––––––––––––––––––––––––––––––*/
.corporatevision .vision_list{
  background-color: #edddc1;
  padding: 3rem;
  margin: 3rem 0;
}

.corporatevision .vision_list li{
  text-indent: -2rem;
  padding-left:2rem;
}

@media (min-width: 788px) {
  .corporatevision .vision_list{
    background-color: #edddc1;
    padding: 3rem;
    margin: 3rem 0;
  }
  .corporatevision .vision_list li{
    text-indent: -2rem;
    padding-left:2rem;
  }
}

/*––––––––––––––––––––––––––––––––––––
Company - Key Fact
––––––––––––––––––––––––––––––––––––––*/
.key_box_bottom p{
  line-height: 1.6;
}
.key_bottom .key_box{
  -js-display: flex;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox; /* IE10 */
  display: -webkit-box; /* Android4.3以下、Safari3.1〜6.0 */
  display: -webkit-flex; /* Safari6.1以降 */
  flex-direction: column;
  flex-wrap: wrap;

}
.key_bottom .key_box_bottom{
  width: 100%;
  padding: 0 0 2rem;
}

.key_bottom .key_img{
  margin:0 auto;
  text-align: center;
}

.key_bottom .key_img img{
  max-width: 80%;
  width: 80%;
}


.key_bottom .key_box_bottom:nth-child(odd){
  border-right: 0px #ccc solid;
  border-bottom: 1px #ccc solid;
}

.key_bottom .key_box_bottom:nth-child(even){
  border-bottom: 1px #ccc solid;
}

.key_bottom .key_box_bottom:nth-last-of-type(2){
  border-bottom: 1px #ccc solid;
}

.key_bottom .key_box_bottom:nth-last-of-type(1){
  border-bottom: 0px #ccc solid;
}

/*画像位置微調整用*/
.key_bottom .tweak01{
  margin-top:3rem;
  margin-bottom:1rem;
}



@media (min-width: 788px) {
  .key_bottom .key_box{
    flex-direction: row;
  }
    .key_bottom .key_box_bottom{
      width: 50%;
      padding: 3rem 0;
    }
    .key_bottom .key_img{
      margin:0 auto 2rem;
      text-align: center;
    }

    .key_bottom .key_img img{
      max-width: 80%;
      width: 80%;
    }

    .key_bottom .key_box_bottom:nth-child(odd){
      padding-right: 3rem;
      border-right: 1px #ccc solid;
      border-bottom: 1px #ccc solid;
    }

    .key_bottom .key_box_bottom:nth-child(even){
      padding-left: 3rem;
      border-bottom: 1px #ccc solid;
    }

    .key_bottom .key_box_bottom:nth-last-of-type(1),
    .key_bottom .key_box_bottom:nth-last-of-type(2){
      border-bottom: 0px;
    }

    /*画像位置微調整用*/
  .key_bottom .tweak01{
    margin:0;
  }


}
/*––––––––––––––––––––––––––––––––––––
404 not found
––––––––––––––––––––––––––––––––––––*/

.notfound_container{
  padding: 4rem 0 1rem;
}

@media (min-width: 788px) {
  .notfound_container{
    padding:20rem 0 4rem;
  }
}