/** footer **/
/*---------------------*/
/*	clearfix
/*---------------------*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* End hide from IE-mac */
/*-----------------------------
    footerのクラス
--------------------------------*/
/* リンク */
#GlobalFooter a {
  text-decoration: none;
  color: black;
  opacity: 1;
  transition: opacity 0.4s;
}
@media (min-width: 768px) {
  #GlobalFooter a:hover {
    opacity: 0.5;
  }
}

/*=====================*/
/*	フッター
/*=====================*/
#GlobalFooter {
  width: 80%;
  margin: 15px auto 10px;
  padding-top: 8px;
  border-top: solid 3px #2798e3;
  font-size: 75%;
  line-height: 1.5;
}
#FooterLogo {
  width: 10%;
  float: left;
  text-align: center;
}
@media screen and (max-width:1000px) {
  #FooterLogo {
    display: none;
  }
}
#FooterService {
  width: 85%;
  float: left;
  margin-left: 10px;
  display: inline;
  /* dobble margin bugfix for ie6 */
}
#FooterServiceHead {
  margin-bottom: 8px;
}
#GlobalFooter .FooterTitle {
  width: 80%;
  float: left;
  font-size: 117%;
  font-weight: bold;
  color: #333;
}
#GlobalFooter #FooterServiceHead p.FooterHeadLink {
  text-align: right;
}
#GlobalFooter #FooterServiceHead p.FooterHeadLink a {
  float: right;
  padding-right: 20px;
  color: #09F !important;
}
#GlobalFooter #FooterServiceHead p.FooterHeadLink img {
  vertical-align: text-top;
}
#FooterServiceCont dl {
  padding: 1px 0 0;
  background: url(../img/cmn/fline_blue.gif) repeat-y 80px;
}
#FooterServiceCont dl dt {
  width: 80px;
  float: left;
  padding-bottom: 5px;
  margin-right: 15px;
  color: #2798e3;
}
#FooterServiceCont dl dt.pl {
  padding-bottom: 10px;
}
#FooterServiceCont dl dd {
  float: left;
  margin: 0 10px 3px 0;
  padding: 0 9px 0 0;
  border-right: 1px solid #999;
  white-space: nowrap;
}
#FooterServiceCont dl dt.pl::after {
  clear: both;
  content: ".";
  display: block;
  opacity: 0;
}
#FooterServiceCont dl dd a:hover {
  text-decoration: underline;
}
#FooterServiceCont dl dd.last {
  border-right: none;
}
#FooterCorp {
  clear: both;
}
#FooterCorpInfo {
  float: left;
  width: 90%;
  margin: 10px 0 0 0;
  padding-top: 5px;
  border-top: 1px solid #2798e3;
  display: inline;
  /* dobble margin bugfix for ie6 */
}
@media screen and (max-width:1440px) {
  #FooterCorpInfo {
    width: 80%;
  }
}
#FooterCorpId {
  width: 300px;
  float: left;
}
#FooterCorpName {
  width: 100px;
  float: left;
  margin-top: 2px;
}
#copyright {
  width: 190px;
  float: left;
  margin: 3px 0 0 10px;
  font-size: 81.6%;
  color: #333;
  line-height: 1.2;
}
#FooterCorpLink {
  float: left;
}
#FooterCorpLink ul li {
  float: left;
  margin: 0px 10px 7px 0;
  padding: 3px 9px 0px 0;
  border-right: 1px solid #999;
  font-size: 93.3%;
  line-height: 1.2;
}
#FooterCorpLink ul li.last {
  border-right: none;
  margin-right: 0;
  padding-right: 0;
}
#privacy {
  float: left;
  margin: -15px 0 10px 10px;
  display: inline;
  /* dobble margin bugfix for ie6 */
}
@media (max-width: 767px) {
  #privacy {
    margin: 0;
  }
}
/*=====================*/
/*	フォント
/*=====================*/
#GlobalFooter a {
  color: #666666;
  text-decoration: none;
}
#GlobalFooter a:hover {
  color: #666666;
  text-decoration: underline;
}
#GlobalFooter dt {
  width: 30%;
  box-sizing: border-box;
}
#GlobalFooter dd {
  padding: 10px;
  margin: 0;
  box-sizing: border-box;
}
#GlobalFooter .flex {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width:750px) {
  #GlobalFooter {
    width: calc(100% - 20px);
    border: none;
  }
  #FooterService, #FooterLogo {
    display: none;
  }
  #FooterCorpInfo {
    width: calc(100% - 95px);
    margin-left: 10px;
    padding: 0;
    border: none;
  }
  #privacy {
    float: right;
    margin: 0 10px 10px 0;
  }
}
/* パンくず */
.pagePathParent {
	width: 100%;
	display: inline-block;
	/*font-size: var(--px11);*/
	background-color: rgb(0,170,238);
	overflow: hidden;
  }

  /* パンくずリスト */
  .pagePathParent > ul {
	margin-left: 20px;
	float: left;
  }

  /* パンくずリスト項目 */
  .pagePathParent > ul > li {
	float: left;
  }

  /* パンくずリスト内ホームアイコン */
  .pagePathParent > ul > li > img {
	width: 15px;
	height: 15px;
	margin-right: 5px;
	padding-top: 11px;
	box-sizing: content-box;
  }

  /* １パンくずのあとに＞表示 */
  .pagePath::after {
	content: ">";
	margin: 0 3px;
	color: #fff;
  }

  /* 最後の子の場合は＞非表示 */
  .pagePath:last-child::after {
	display: none
  }

  /* パンくずリンク */
  .pagePathLink {
	display: inline-block;
	text-decoration: underline !important;
	color: #fff !important;
	line-height: 40px;
  }

  /* 現在地表示場所 */
  .pagePathChild01 {
	width: auto;
	height: 40px;
	line-height: 40px;
	background-color: #fff;
	box-sizing: border-box;
	padding: 0 20px 0 25px;
	float: left;
	position: relative;
	z-index: 1;
  }

  /* リボンデザイン */
  .pagePathChild01::before {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	top: 6px;
	left: -16px;
	border-width: 15px 15px 15px 15px;
	border-color: transparent rgb(0,170,238) rgb(0,170,238) transparent;
	border-style: solid;
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.18);
  }

  .pagePathChild01::after {
	position: absolute;
	content: "";
	width:0px;
	height: 0px;
	z-index: 1;
	top: -15px;
	right: -15px;
	border-width: 15px 15px 15px 15px;
	border-color: transparent transparent rgb(0,170,238) transparent;
	border-style: solid;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	/*box-shadow: 0 2px 2px -2px var(--shadow);*/
  }

  .pagePathChild02 {
	float: left;
	position: relative;
  }

  .pagePathChild02::after {
	position: absolute;
	content: "";
	width:0px;
	height: 0px;
	z-index: 1;
	bottom: -15px;
	right: -35px;
	border-width: 15px 15px 15px 15px;
	border-color: transparent transparent transparent rgb(0,170,238);
	border-style: solid;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
  }


  /* 現在地 */
  .nowHere {
	color: rgb(0,170,238);
  }

  /*--------------------
	パンくず下関連サイト
  ----------------------*/

  /*パンくず下囲み*/
  .simpleRelationFooter{
	width: 100%;
	background-color: rgb(238, 238, 238);
	margin-top: -2px;
	padding: 32px 20px;
	box-sizing: border-box;
  }

  @media screen and (max-width:767px) {
	.simpleRelationFooter {
	  padding: 28px 0;
	}
  /* パンくず */
  .pagePathWrap{
  overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	  width: 100%;
	  }
  .pagePathParent {
	display: inline-block;
	/*font-size: var(--px11);*/
	background-color: rgb(0,170,238);
	  min-width: 800px;
	width:max-content;
  }
  /* パンくずリスト */
  .pagePathParent > ul {
	margin-left: 20px;
	float: left;
  }


  /* パンくずリスト項目 */
  .pagePathParent > ul > li {
	float: left;
  }
  }

  /*コンテンツ幅囲み*/
  .contentWidthWrap {
	width: 100%;
	overflow: hidden;
  }

  @media (min-width: 768px) {
	.contentWidthWrap {
	  max-width: 1034px;
	  padding: 0 17px;
	  box-sizing: border-box;
	  margin: 0 auto;
	}
  }

  /*マイナビロゴ*/
  .simpleRelationFooterMynaviLogo {
	width: 62px;
	height: auto;
	float: left;
	margin-right: 20px
  }

  @media (min-width: 768px) {
	.simpleRelationFooterMynaviLogo {
	  width: 82px;
	  height: auto;
	  margin-right: 0;
	}
  }

  /*関連サイト囲み*/
  .simpleRelationSiteWrap{
	float: left;
	width: calc(100% - 82px);
  max-width: 100% !important;
  padding: 30px 0px;
  }
  @media (min-width: 768px) {
	.simpleRelationSiteWrap {
	  max-width: calc(100% - 154px);
	  text-align: center;
	}
  }

  /*関連サイト*/
  .simpleRelationSite{
	margin-bottom: 16px;
  }

  @media (min-width: 768px) {
	.simpleRelationSite {
	  margin-bottom: 8px;
	}
  }

  /*関連サイト項目*/
  .simpleRelationSiteItem {
	display: inline;
	/*font-size: var(--px10);*/
	/*line-height: var(--px16);*/
  }

  @media (min-width: 768px) {
	.simpleRelationSiteItem {
	  /*font-size: var(--px11);*/
	}
  }

  /* 項目区切り線 */
  .simpleRelationSiteItem::after {
	content: "|";
	display: inline;
	margin: 0 5px;
  }

  /* 最後の項目時項目区切り線非表示 */
  .simpleRelationSiteItem:last-child::after {
	display: none;
  }

  /* コピーライター */
  .copyright {
	/*font-size: var(--px10);*/
  }

  @media (min-width: 768px) {
	.copyright {
	  float: none;
	  /*font-size: var(--px11);*/
	}
  }





  /*プライバシーマーク*/
  .privacyLink,
  .privacyMark {
	display: none;
  }

  @media (min-width: 768px) {
	.privacyLink,
	.privacyMark {
	  display: block;
	  float: right;
	  width: 72px;
	  height: 72px;
	}
	.privacyLink img{
	  width: 72px;
	}
  }

	@media screen and (max-width:767px) {
		footer {
			padding: 44px 0 0 !important;
		}

		.contentWidthWrap {
			width: 95%;
			margin: 0 auto;
		}

		.simpleRelationSiteWrap {
			width: 80%;
		}

		.simpleRelationSite * {
			display: inline-block;
		}

		.privacyLink {
			margin: 8px 0 0;
			width: 19%;
			display: block;
			float: left;
		}
	}