/* ↓全体の文字カラー↓ */
body {
color: #4f4e4e;
font-family: source-han-sans-japanese, sans-serif;
font-family: Lato, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 16px;
line-height: 210%;
}


/* ↓全体のリンク文字↓ */
a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}



/* ↓部分的な行間↓ */
.gyo {
line-height: 175%;
}

/* ↓部分的な行間↓ */
.gyo200 {
line-height: 200%;
}

/* ↓部分的な行間↓ */
.gyo250 {
line-height: 250%;
}


/* ↓プロポーショナルメトリクス↓ */
.jikanpm {
  font-feature-settings: "palt";
}

/* ↓字間、かなツメ↓ */
.jikankana {
  font-feature-settings: "pkna";
}



/* ↓フォント、源ノ角ゴシックExtraLight、Lato↓ */
.gengel {
font-family: source-han-sans-japanese, sans-serif;
font-family: Lato, sans-serif;
font-weight: 100;
font-style: normal;
}

/* ↓フォント、源ノ角ゴシックLight↓ */
.gengl {
font-family: source-han-sans-japanese, sans-serif;
font-weight: 200;
font-style: normal;
}
/* ↓フォント、源ノ角ゴシックNormal、Lato↓ */
.gengn {
font-family: source-han-sans-japanese, sans-serif;
font-family: Lato, sans-serif;
font-weight: 300;
font-style: normal;
}
/* ↓フォント、源ノ角ゴシックRegular、Lato↓ */
.gengre {
font-family: source-han-sans-japanese, sans-serif;
font-family: Lato, sans-serif;
font-weight: 400;
font-style: normal;
}
/* ↓フォント、源ノ角ゴシックMedium↓ */
.gengm {
font-family: source-han-sans-japanese, sans-serif;
font-weight: 500;
font-style: normal;
}
/* ↓フォント、源ノ角ゴシックBold、Lato↓ */
.gengb {
font-family: source-han-sans-japanese, sans-serif;
font-weight: 700;
font-style: normal;
}
/* ↓フォント、源ノ角ゴシックHeavy、Lato↓ */
.gengh {
font-family: source-han-sans-japanese, sans-serif;
font-weight: 900;
font-style: normal;
}


/* ↓フォント、再描画防止 */
html {
  visibility: hidden;
}
html.wf-active {
  visibility: visible;
}


/* ↓ページ見出し↓ */
h2 {
    padding: 0.1em;
    margin: 1.5em 0;
	text-align:center;
    background: #364269;/*背景色*/
}
h2 p {
    color: #fff;
	font-size:30px;
    font-weight: 300;
    margin: 0; 
    padding: 0;
}


/* ↓中見出し↓ */
h3 {
	text-align:center;
    color: #e2041b;
	font-size:30px;
    font-weight: 400;
    padding:0;
}



/* ↓パソコンのみ改行↓ */
@media screen and (min-width: 650px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
/* ↓スマホのみ改行↓ */
@media screen and (max-width: 650px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}


/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 768px) {
.pc { display: none !important; }
.sp { display: block !important; }
}




/*ヘッダー*/
.ns-innv-header{
    background: #fff;
    display: flex;
    position: fixed;
    width: 100%;
	z-index: 300;
}



/*ハンバーガーメニュー*/


/*ドロワー*/
.l-drawer {
  position: relative;
}
.l-drawer__checkbox {
  display: none;
}
/*ハンバーガーアイコンのサイズ*/
.l-drawer__icon {
  position: absolute;
  background-color: none;
  right: 13px;
  top: 5px;
  width: 50px; /* クリックしやすいようにちゃんと幅を指定する */
  height: 50px; /* クリックしやすいようにちゃんと高さを指定する */
  border-radius: 50%;/*角丸*/
  cursor: pointer;
  z-index: 300;
}

/*ハンバーガーアイコンの線*/
.l-drawer__icon-parts, .l-drawer__icon-parts:before, .l-drawer__icon-parts:after {
  background-color: #b7282e;
  display: block;
  width: 38px;
  height: 3px;
  border-radius: 3px; /* 線の端を丸く */
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}
.l-drawer__icon-parts:before, .l-drawer__icon-parts:after {
  content: " ";
}
.l-drawer__icon-parts:before {
  top: 24px;
}

/* Firefoxのズレ修正 */
@-moz-document url-prefix() {
.l-drawer__icon-parts:before {
  top: 14px;
	}
}

.l-drawer__icon-parts:after {
  top: -24px;
}
.l-drawer__overlay {
  background: #000;
  opacity: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
}

/*ドロワーメニュー*/
.l-drawer__menu {
	
  position: fixed;
  margin: 0;
  padding: 0;
  right: -320px; /* これで隠れる */
  top: 0;
  width: 320px; /* スマホに収まるくらい */
  height: 100vh;
  padding-top: 60px;
  background-color: #fff;
  transition: all .7s;
  cursor: pointer;
  z-index: 200;
  overflow-y: auto; /* メニューが多くなったらスクロールできるように */
}

/*ドロワーメニュー内リスト*/
.l-drawer__item {
  list-style: none;
  padding: 0 24px 0 0;
  margin-left: -15px;
}
/*ドロワーメニュー内リンクテキスト*/
.l-drawer__item a {
  display: block;
  padding: 28px 5px 20px 20px;
  border-bottom: 1px solid #eee;
  color: #111;
}
/*メニューにカーソルが乗ったら*/
.l-drawer__item a:hover {
  text-decoration: none;
  background-color: #eee;
}

/*重なりを調整（1がメインエリア）*/
.l-drawer__icon {
  z-index: 4;
}
.l-drawer__menu {
  z-index: 3;
}
.l-drawer__overlay {
  z-index: 2;
}

/*クリック後のハンバーガーアイコン*/
.l-drawer__checkbox:checked ~ .l-drawer__icon .l-drawer__icon-parts {
  background: transparent;
}
.l-drawer__checkbox:checked ~ .l-drawer__icon .l-drawer__icon-parts:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 0;
}
.l-drawer__checkbox:checked ~ .l-drawer__icon .l-drawer__icon-parts:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0;
}
/*メインエリアを暗くする*/
.l-drawer__checkbox:checked ~ .l-drawer__overlay {
  opacity: 0.5;
  pointer-events: auto;
}
.l-drawer__checkbox:checked ~ .l-drawer__menu {
  right: 0;
}

/* ↓動きをスムーズに↓ */
.l-drawer__icon-parts, .l-drawer__icon-parts:after, .l-drawer__icon-parts:before, .l-drawer__overlay, .l-drawer__menu {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}



/* Bootstrapのガター幅を調整するための汎用CSS */
.row-0{ margin-left:0px;  margin-right:0px}
.row-0 >div{ padding-right:0px;  padding-left:0px}
.row-10{ margin-left:-5px;  margin-right:-5px}
.row-10 >div{ padding-right:5px;  padding-left:5px}
.row-20{ margin-left:-10px;  margin-right:-10px}
.row-20 >div{ padding-right:10px;  padding-left:10px}
.row-30{ margin-left:-15px;  margin-right:-15px}
.row-30 >div{ padding-right:15px;  padding-left:15px}
.row-40{ margin-left:-20px;  margin-right:-20px}
.row-40 >div{ padding-right:20px;  padding-left:20px}
.row-50{ margin-left:-25px;  margin-right:-25px}
.row-50 >div{ padding-right:25px;  padding-left:25px}




.webutton:hover {
    background-color: #364269;
}

a.we_btn {
	display: block;
    width: auto;
	padding: 0.2em;
    background: #ededed;
	text-align: center;
	text-decoration: none;
    font-size:1.5em;
	color: #364269;
	transition: .6s;
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: 200;
    font-style: normal;
}
a.we_btn:hover {
	background: #364269;
	color: #fff;
    font-weight: 700;
}


/* ↓表組み罫線↓ */
.nstable {
  background-color: transparent;
}
.nstable col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}
.nstable td[class*="col-"],
.nstable th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}
.nstable {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #4f4e4e;
  text-align: left;
}
th {
  text-align: left;
}
.nstable {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.nstable > thead > tr > th,
.nstable > tbody > tr > th,
.nstable > tfoot > tr > th,
.nstable > thead > tr > td,
.nstable > tbody > tr > td,
.nstable > tfoot > tr > td {
  padding: 18px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #A3A3A3
}
.nstable > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #A3A3A3;
}