@charset "UTF-8";
/*************************************
	環境変数（px不要）
*************************************/
/*************************************
	ブレークポイント
*************************************/
/*************************************
	ブレイクポイント毎の表示切り替え
*************************************/
@media screen and (max-width: 640px) {
  .pc {
    display: none !important; } }

@media screen and (min-width: 641px) {
  .sp {
    display: none !important; } }

/*************************************
	基本マージン
*************************************/
/*************************************
	フォントサイズ（ウインドウサイズに対応し可変）
*************************************/
/*************************************
	文字省略
*************************************/
/*************************************
	文字隠し
*************************************/
/*************************************
	function
*************************************/
@media screen and (min-width: 1201px) {
  #gNavi {
    padding-left: 180px; }
    #gNavi .parent {
      margin-left: auto;
      margin-right: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      width: 100%;
      max-width: 1080px; }
      #gNavi .parent > li > a,
      #gNavi .parent > li > span {
        font-size: 14px;
        font-size: 1.4rem; }
      #gNavi .parent > li.corporateSite {
        padding-top: 11px;
        padding-bottom: 11px; }
        #gNavi .parent > li.corporateSite a {
          color: #fff;
          background-color: #eb7d26;
          font-family: 'Roboto','Noto Sans Japanese','Hiragino Kaku Gothic ProN', meiryo, sans-serif; }
          #gNavi .parent > li.corporateSite a::after {
            display: none; }
          #gNavi .parent > li.corporateSite a:hover {
            opacity: 0.8; } }

@media screen and (min-width: 1201px) and (min-width: 1502px) {
  #gNavi {
    padding-right: 250px; }
    #gNavi .parent > li.corporateSite a {
      padding: 11px 2em; } }

@media screen and (min-width: 1201px) and (max-width: 1501px) {
  #logo {
    padding-left: 12px; }
  #entryBtn img {
    width: 150px;
    height: auto; }
  #gNavi {
    padding-right: 150px; }
    #gNavi .parent > li {
      padding-right: 0;
      padding-left: 0; }
      #gNavi .parent > li.corporateSite a {
        padding: 11px 0.75em; } }