@charset "utf-8";

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

	共通

	※bootstrap.cssを先に読み込み
	※ECは非対応

---------------------------------------------------------------------------------------- */
@import url("reset.css");
@import url("layout.css");
@import url("contents_parts.css");



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

	カスタマイズ

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

@import url("base.css");
@import url("color.css");


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

	EC

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

@import url("ec.css");



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

	エディター用
	
	editor.css にはエディターの背景色を記述
	FOR_EDITOR 内はエディターで表示するスタイルを記述

---------------------------------------------------------------------------------------- */
@import url("editor.css");

/* FOR_EDITOR */

/* /FOR_EDITOR */

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

	btn追加　20190807

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

/*----btn02(追加class)----*/
a.btn02{
  background: #59b8ce;
  color:#fff;
}
a.btn02:hover {
  background:#097bbc;
  color:#fff;
}
a.btn02:before,
a.btn03:before {
/*background: url(../images/common/btn_arrow_white.png) no-repeat left center;*/
}

/*----btn03(追加class)----*/
a.btn03{
  background: #333;
  color:#fff;
}
a.btn03:hover {
  background:#454545;
  color: #fff;
}

/*----btn02(追加class)----*/
/*----btn03(追加class)----*/
a.btn02,
a.btn03 {
  /*background:;*//*color.css*/
  /*color:;*//*color.css*/
  display: inline-block;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  padding: 20px 50px 20px 40px !important;
  margin-top:20px;
}
a.btn02:before,
a.btn03:before {
  content:"";
  display: inline-block;
  width: 7px;
  height: 15px;
  margin:0 10px 0 0;
  vertical-align: middle;
}

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

	mvのキャッチコピーの位置修正　20190807 base.cssで10%

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

/* #header .container_fluid div.bg_header_content{
    bottom:25%;
} */

#header .container_fluid div.bg_header_content{
    bottom:30%;/* base.cssで10% */
}

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

	ショートハンドコード 20190906

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

@media (max-width: 767px){
    .disN_sp{
        display: none;
    }
    }

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

	トップページの新着情報リンクボタン修正 20190905

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

.topicDigestLink {
    padding-top: 70px;
}



.topicsDigest .topicDigestLink a {
    padding: 20px 50px 20px 40px;
    border-radius: 50px;
}

@media (max-width: 767px){
.topicDigestLink {
    padding-top: 50px;
}
}

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

	企業理念のテキスト修正 20190905

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

.rinenText p {
    max-width: 850px;
    margin: 0 auto;
    
}

.rinenText p {
    line-height: 3em;
}

@media (max-width: 767px){
span.rinenTex_span {
    font-size: 16px !important;
}

.rinenText p {
    line-height: 2em;
    text-indent: -30px;
    margin-left: 30px;
}


}

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

	ヘッダー下修正 20190906

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

 .header_bottom{
     padding-bottom: 15px;
 }
 
 .header_bottom .left {
    padding-top: 14px;
}
 
 @media (max-width: 767px){
      .header_bottom{
     padding-bottom: 0;
     }
     
     .header_bottom .left {
    padding-top: 0;
}
 }
 
 /* ----------------------------------------------------------------------------------------

	トップページ 主な事業内容　SP版表記統一修正 20191005

---------------------------------------------------------------------------------------- */
 @media (max-width: 767px){
     .parts_img_type39{
        display: flex !important;
        flex-wrap: wrap;
     }
     .parts_img_type39_text{
         order: 2;
     }
     .parts_img_type39_photo{
         order: 1;
         margin-bottom: 10px;
     }
 }