@charset "UTF-8";

/* ======================================================
 * layout_overwrite.css
====================================================== */
/* ------------------------------------------------------
 * base
------------------------------------------------------ */
@media print, screen and (min-width: 768px) {
  body {
    line-height: 1.6;
  }
  body.fs02 {
    font-size: 13px;
  }
}
@media only screen and (max-width: 767.98px) {
  body.fs02 {
    font-size: 13px;
  }
}
/* ------------------------------------------------------
 * Main
------------------------------------------------------ */
/* ----- #main ----- */
#main {
  width: auto !important;
  float: none !important;
}
@media print, screen and (min-width: 768px) {
  #main {
    line-height: inherit !important
  }
}
@media only screen and (max-width: 767.98px) {

}

/* ----- .main-migrate（移管ページとリニューアル後のIDバッティングのため#mainからクラスに変更 ----- */
.main-migrate {

}
@media print, screen and (min-width: 768px) {
  .main-migrate {
    width: 707px;
    float: left;
    line-height: 2;
  }
}
@media only screen and (max-width: 767.98px) {

}

.Main__guide {
  background-color: #fff;
}

/* ------------------------------------------------------
 * header
------------------------------------------------------ */
.Header {
  position: fixed !important;
  z-index: 1000 !important;
}
.header-logo > a,
.header-logo > a > img {
  opacity: 1 !important;
}
@media print, screen and (min-width: 768px) {
  .Header {
    position: fixed !important;
    padding-bottom: 0 !important;
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .Header {
    height: 104px !important;
    border-bottom: none !important;
    box-shadow:none !important;
    padding-top: 0 !important;
    font-size: 1.4rem;
  }
  .Header.is-not-fixed {
    top: -104px;
  }
}

@media (max-width: 960px) {
	#header:not(.js-header) {
		border-bottom: inherit;
		box-shadow: inherit;
		padding-bottom: inherit;
		height: inherit;
		padding-top: inherit;
	}

}

/* ------------------------------------------------------
 * contents
------------------------------------------------------ */
/* ----- #contents ----- */
#contents,#contents *,#contents :after,#contents :before {
  box-sizing: content-box;
}
@media screen and (max-width: 960px){
	#contents h1.lineup,
	#contents h2.lineup {
    width: 924px;
	}
}
@media only screen and (max-width: 767.98px) {
	#contents h1.lineup,
	#contents h2.lineup {
		width: auto;
	}
}

/* ----- .tab ----- */
.tab a {
  color: #fff;
}
/* ----- .table ----- */
#contents .table_feature.--main td .--hd_wrap{
	box-sizing: border-box;
}
#contents .table_feature.--main td .--hd{
	box-sizing: border-box;
}
@media only screen and (max-width: 767.98px) {
  #contents .table_feature.--main .table_feature_item.--ico .--txt{
    box-sizing: border-box;
  }
  #contents .table_feature.--main tr,
	#contents .table_feature.--main th,
	#contents .table_feature.--main td{
		box-sizing: border-box;
	}
}
/* ----- .modaal-overlay ----- */
.modaal-overlay {
  z-index: 1000;
}
/* ----- .modal_btn ----- */
@media print, screen and (min-width: 768px) {
  .modal_btn a:hover , .modal_btn2 a:hover {
    opacity: 0.8;
    text-decoration: underline;
  }
}
/* ----- .modal_item_inner ----- */
@media print, screen and (min-width: 768px) {
  .modal_item_inner {
    line-height: 1.5;
  }
}
@media only screen and (max-width: 767.98px) {
  .modal_item_inner {
    line-height: 1.5;
  }
}
/* ----- a ----- */
.caution_box a,
.note4 a,
.note3 a,
.btn_option3_box2 a,
p a:not([class]),
.list_mark li a,
.note li a {
  color: #16776c;
}
@media print, screen and (min-width: 768px) {
  .caution_box a:hover,
  .note4 a:not(.ico_na):hover,
  .note3 a:hover,
  .btn_option3_box2 a:hover,
  p a:not([class]):hover,
  .list_mark li a:hover,
  .note li a:hover {
    color: #4fa396;
    text-decoration: underline;
  }
  a:has( .normal.hasIcon):hover {
    color: #4fa396;
    text-decoration: underline;
  }
}
a.ico_na,
a.ico_appendix {
  color: #fff;
}

/* ----- text_box_color ----- */
span[class^="text_box_color"] {
  white-space: nowrap;
}
/* ----- point3_caution_wrapperXX ----- */
#contents .point3_caution_wrapper01_item1,
#contents .point3_caution_wrapper02_item1 {
  box-sizing: border-box;
}
/* ----- chart ----- */
#contents .c-chart-btn-close {
  color: #fff;
}
#contents .c-question-btn a {
  box-sizing: border-box;
  color: #16776c;
}
#contents .c-question-btn a.is-active {
  color: #333;
}
#contents .l-chart-wrap::before {
  box-sizing: border-box;
}
@media print, screen and (min-width: 768px) {
  #contents .c-chart-btn-close:hover {
    background: #fff;
    color: #65bd58;
    text-decoration: none;
    opacity: 1;
  }
}
@media only screen and (max-width: 767.98px) {
	#contents .c-question-txt span,
  #contents .c-result-txt-file dt,
	#contents .c-result-txt-file dd {
		box-sizing: border-box;
	}
}
/* ----- .commconTbl ----- */
@media screen and (max-width: 600px){
  #contents .commconTbl.exTab01 > tbody > tr:first-child th {
    box-sizing:border-box;
  }
}
/* ----- .SPTitle ----- */
#contents .SPTitle {
  box-sizing: border-box;
}
/* ----- .box-option ----- */
#contents .box-option {
  box-sizing: border-box;
}

/* ----- .corporation-migrate ----- */
body.corporation-migrate {
  background-color: #fff !important;
}
.corporation-migrate #contents {
  font-size: 100%;
}
.corporation-migrate #contents img{
  height: revert-layer;
  width: revert-layer;
  vertical-align: initial;
}
/* body.corporation-migrate #contents  > table:first-child {
  line-height: 0;
}
body.corporation-migrate #contents .td-migrate {
  display: inline-block;
  height: 1px;
} */
@media print, screen and (min-width: 768px) {
  #contents #lNavi > p a img:hover {
    opacity: 0.7;
  }
}
@media only screen and (max-width: 767.98px) {
  #contents #lNavi {
    display: block;
    float: none;
  }
  #contents #lNavi > *:not(.lNavi-guide) {
    display: none;
  }
  body:has(.lNavi-guide) .footer-pagetop {
    display: none;
  }
}


/* ------------------------------------------------------
 * contentsFoot
------------------------------------------------------ */
#contentsFoot {
  background-color: #fff;
}
@media print, screen and (min-width: 768px) {
  #contentsFoot {
    padding-block: 2em;
  }
  #contentsFootInner {
    max-width: 956px;
    margin: 0 auto;
  }
  #contentsFootInner > *:first-child {
    margin-top: 0 !important;
  }
}
@media only screen and (max-width: 767.98px) {
  #contentsFootInner {
    padding: 15px 10px;
  }
  #contentsFootInner > *:first-child {
    margin-top: 0 !important;
  }
}

/* ------------------------------------------------------
 * footer
------------------------------------------------------ */
.pagetop_rwd {
  display: none !important;
}
@media print, screen and (min-width: 768px) {
  .Footer {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .Footer {
    font-size: 1.4rem;
  }
}