@charset "utf-8";

:root {
  --cs-textcolor: #000000;
  --cs-textcolor-a: #0d6efd;
  --cs-textcolor-hover: #6610f2;
  --cs-bordercolor: #ccc; /* ボーダーのデフォルト色 */
  --cs-blue: #0066CC;
  --cs-blue-light: #4682B4;
  --cs-blue-dark: #233B6C;
  --cs-navy: #000033;
  --cs-purple: #7e67a2;
  --cs-pink: #FF6699;
  --cs-pink-light: #e6c2bf;	
  --cs-red: #b92125;
  --cs-red-light: #ffe3e5;
  --cs-red-dark: #440000;
  --cs-orange: #F7931E;
  --cs-yellow: #f4d668;
  --cs-green: #668863;
  --cs-green-light: #b6c0a8;	
  --cs-brown: #42210b; /* テキスト色に使用 */
  --cs-brown-light: #736357; /* FACILITIES背景に使用 */	
  --cs-brown-dark: #736357;
  --cs-black: #000;
  --cs-white: #fff;
  --cs-gray: rgba(153, 153, 153, 1);
  --cs-gray-light: rgba(230, 230, 230, 1);
  --cs-gray-dark:  rgba(77, 77, 77, 1);
  --cs-color01: #f2f2f2;
  --cs-color02: #657598;
  --cs-color03: #F6F2E9;
  --cs-color04: #fff;
  --cs-color05: #fff;
  --cs-color06: #fff;
  --cs-color07: #fff;
  --cs-color08: #fff;
  --cs-color09: #fff;
  --cs-color10: #fff;
  --cs-shadowcolor01: 149,157,112,; /* shadowに使用するRGB */
  --cs-shadowcolor02: 0,0,0,; /* shadowに使用するRGB */
  --cs-shadowcolor03: 255,255,255,; /* shadowに使用するRGB */
  --cs-basefont: "Shippori Mincho","游ゴシック Medium",YuGothic-M, YuGothic,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
  --cs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --header-bgcolor:  rgba(255,255,255,0.7); /* ヘッダー背景色 */
  --header-textcolor: #000;                 /* ヘッダーテキスト色 */
  --headermenu-bgcolor: rgba(255,255,255,1); /* ヘッダーメニュー背景色 */
  --headermenu-bgcolor-shadow: rgba(0,0,0,0.2); /* PCグランドメニューboxshadow色 */
  --headermenu-bgcolor-shadow-sp: rgba(0,0,0,0); /* スマホグランドメニューboxshadow色 */
  --headermenu-bgcolor-drop: #f2f2f2; /* ヘッダーメニュー背景色（ドロップダウン） */
  --headermenu-bgcolor-drop-hover: rgba(0,0,0,0.2); /* ヘッダーメニュー背景色（ドロップダウンhover） */
  --headermenu-textcolor: rgba(0,0,0,1);             /* ヘッダーメニューテキスト色 */
  --headermenu-textcolor-hover: #F7931E;    /* ヘッダーメニューテキスト色（hover） */
  --header-hbgcolor: #000;                  /* ハンバーガー棒の色 */
  --header-hbgcolor-close: #fff;            /* ハンバーガー棒の色（close） */
  --hbgmenu-bgcolor: rgba(115,99,87,0.9);       /* ハンバーガーメニュー背景色 */
  --hbgmenu-textcolor: #fff;                /* ハンバーガーメニューテキスト色 */
  --hbgmenu-bordercolor: #ccc;              /* ハンバーガーメニューボーダー色 */
  --pagetitle-bgcolor: #e8e8e8;             /* ページタイトル背景 */
  --pagetitle-bgcolor-s: #f2f2f2;             /* ページタイトル背景（ストライプにした時の色） */
  --pagetitle-textcolor: #000;              /* ページタイトルテキスト色 */
  --pagetitle-bgtextcolor: rgba(255,255,255,0.2); /* ページタイトルテキストの背景色 */
  --footer-bgcolor: #fff;               /* フッター背景色 */
  --footer-textcolor: #000;              /* フッターテキスト色 */
  --copyright-bgcolor: #4d4d4d;             /* コピーライト背景色 */
  --copyright-textcolor: #fff;              /* フッターテキスト色 */
  --slick-dots: #595757;                /* スリックスライダードットの色 */
  --slick-active: #000;                 /* スリックスライダードットのアクティブ色 */
  --sns-bgcolor: #fff;               /* SNS丸ボタンの背景色 */
  --sns-iconcolor: #333;             /* SNS丸ボタンのアイコン色（ロールオーバも同じ色） */
  --sns-bordercolor: #fff;           /* SNS丸ボタンのボーダー色 */
  --sns-bordercolor-hover: #333;     /* SNS丸ボタンのロールオーバ時のボーダー色 */
  --fnav-iconcolor-pc: rgba(77,77,77,1);         /* PCの時のページトップアイコンの色 */
  --fnav-iconcolor-pc-hover: rgba(77,77,77,0.7);   /* PCの時のページトップアイコンロールオーバ時の色 */
  --fnav-iconcolor-pc-shadow: rgba(255,255,255,0.7);  /* PCの時のページトップアイコンシャドウの色 */
  --fnav-bgcolor-sp: #4d4d4d;           /* スマホの時のフッターアイコンの背景色 */
  --fnav-iconcolor-sp: #fff;         /* スマホの時のフッターアイコンの色 */
  --sec-bgimg-maskcolor: rgba(0,0,0,0.4);     /*コンテンツの背景に画像を配置した時の背景マスクの色*/
  --img-maru-s--size: 260px;         /* 画像を円形にトリミング（画像サイズが480px以下）画像の縦幅サイズを指定 */
}

/*/////////////////////////////////////////////////////////////////////////////////////////

★★ ヘッダ固定の時のアンカー位置調整したい場合 ★★
common.jsを修正します。
PCの場合：150行目の　 headerHeight = headerHeight + 50; //ヘッダの高さ
　　　　　　　　　　　　　　　　　　　　　　　　　　↑ この数値を50から変更してください。

/////////////////////////////////////////////////////////////////////////////////////////*/

.shippori-mincho-semibold {
  font-family: "Shippori Mincho", serif;
  font-weight: 600;
  font-style: normal;
}

/* --------------
		 header.css
	------------- */
	@media (max-width: 500px) {
		.l-header h1 {
      width: 70%;
      width: -webkit-calc( 100% - 100px );
      width: -moz-calc( 100% - 100px ); 
      width: calc( 100% - 100px );  
			}
		.l-header h1 img {
			width: 100%;
			height: auto;
			max-height: 30px;
			}
	}
	@media (max-width: 350px) {
	}


/* --------------
		 footer.css
	------------- */
	.l-copyright {
		line-height: 1;
		}
	@media (max-width: 767px) {
		.p-flogo { 
			height: 28px;
			width: auto;
			}
	}


/* --------------
		 utility.css
	------------- */

	@media (max-width: 767px) {
		.order-6-sp {	order: 6;	}
		.order-7-sp {	order: 7;	}
		.order-8-sp {	order: 8;	}
	}



/* --------------
		 grid.css
	------------- */
  .container-1460 {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    }
  .container-1460:after {
		clear: both;
    display: block;
    content: "";
		}


	@media screen and (min-width: 768px) {
		.container-1920 {
			max-width: 1920px;
			}
    .container-1460 {
			max-width: 1460px;
			padding-left: 30px;
			padding-right: 30px;
			box-sizing: border-box;
			}
	}
	@media (max-width: 767px) {
  	.container-1460 {
			width: 92%;
			}
	}

	/* ---- linkバナー ---- */
  .gr-3__31p_48p {
    grid-template-columns: repeat(auto-fit, 31%);
    column-gap: 3%;
    }
    @media (max-width: 767px) {
      .gr-3__31p_48p {
        grid-template-columns: repeat(auto-fit, 48%);
        }
    }


/* --------------
		 linkバナー
	------------- */
	@media screen and (min-width: 768px) {
		.p-linkbn {
			background: url("../img/home/bg_linkbn.webp") no-repeat center center;
			}
	}
	@media (min-width: 1460px) {
		.p-linkbn {
			height: 1460px;
			background-size: auto 100%;
			margin-top: -130px;
			}
	}		
	@media (min-width:768px) and (max-width: 1459px){
		.p-linkbn {
			height: 100vw;
			background-size: 100% auto;
			margin-top: -10%;
			}
	}		
	@media (min-width:768px) and (max-width: 1000px){
		.p-linkbn {
			margin-top: 0;
			}
	}
@media (max-width: 767px) {
		.p-linkbn {
			margin-top: 50px;
			margin-bottom: 50px;
			}
	}



/* --------------------
		 companyのテーブル
---------------------- */
	@media screen and (min-width: 768px) {
    .p-tbl-company> tr > th,
    .p-tbl-company > tr > td {
      border: hidden;
      }
	}



/* --------------------
		 翻訳ツール・header.css
---------------------- */
  .gtranslate {
    display: inline-block;
    padding: 0 10px!important;
    text-shadow: none;
    position: absolute;
    }
  .gtranslate .gt_container--hich1m .gt_switcher {
 	  border-radius: 6px !important;
   }
  .gtranslate .gt_container--hich1m .gt_switcher a img {
    vertical-align: text-bottom;
   }
	.gt_container--hich1m .gt_switcher .gt_selected a {
		padding: 12px 5px !important;
			border-radius: 6px !important;
	}
  @media screen and (min-width: 768px) {
    .l-hnav {
			padding-right: 220px;
      }
		.gtranslate {
      top: 30px;
      right: 30px;
      width: 180px;
      }
    .l-gnav-over {
      margin-right: 180px;  
      }
    .l-gnav-over {
      margin-bottom: -5px;
      }
		.l-hnav-bn__1 a {
      padding-top: 3px;
      padding-bottom: 3px;
      }
	}
	@media (min-width:768px) and (max-width: 1000px){
    .l-hnav {
			padding-right: 0px;
      }
    .gtranslate {
      right: 0px;
      top: 120px;
      }
	}
	@media (max-width: 767px) {
    .gtranslate {
      right: 0px;
      top: 55px;
      }
    .l-gnav-over {
      margin-bottom: -5px;
      }
		.gtranslate .gt_container--hich1m .gt_switcher a img {
			vertical-align: text-bottom;
			 }
		.gt_container--hich1m .gt_switcher .gt_selected a {
			padding: 3px 5px !important;
			border-radius: 6px !important;
			}
	}