/* HP全体のフォント設定 */
body {
	font-family: "Meiryo UI","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka",sans-serif;
	letter-spacing: 1px;
}
/* ナビゲーション（サイトメニュー）フォント設定 */
.nav-link {
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", "Meiryo UI",sans-serif;
	letter-spacing: 0px;
}



/* 「bootstrap.css」の「.img-fluid」では、カラムの横幅いっぱいに画像が表示されないので、カスタムverとして追加 */
.img-fluid-custom {
  width: 100%;
  height: auto;
}



/* ナビゲーション（サイトメニュー） */
nav {
	background-color:#eceff3;
}
/* ナビゲーション リンクテキストに下線表示 */
.navbar-nav .nav-link {
  font-size: 18px;
  margin: 3px 10px;
  position: relative;
  display: inline-block;
  transition: .3s;
}
.navbar-nav .nav-link::after {
  position: absolute;
  bottom: .3em;
  left: 0;
  content: '';
  width: 100%;
  height: 3px;
  background-color: #454d57;
  opacity: 0;
  transition: .4s;
}
.navbar-nav .nav-link:hover::after {
  bottom: 0;
  opacity: 1;
}
.navbar-nav .nav-link.active::after {
  bottom: 0;
  opacity: 1;
}



/* ジャンボトロン（TOP画像）*/
.jumbotron {
	background:url('../img/DSC03866.JPG') center no-repeat;
	background-size: cover;
}
.jumbotron span{
	font-size: 50px;
	font-weight: bold;
	text-shadow: 1px 1px 0 rgba(0,0,0,.2);
}



/* 大項目の画像 */
.img_contents {
  	width: 100%;
}
/* 大項目下線（青） */
.title_under_line {
	border-bottom: 4px solid #13adee;
}
/* 小項目下線（グレー） */
.sub_title_under_line {
	border-bottom: solid 1px #696969;
	color: #696969;
}



/* リンク系 */
/* 4つ角が丸いボタン */
.rounded_button {
	width: 125px;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	text-align: center;
	padding: 1px 0 3px;
	color: #fff;
	background-color: #4076ba;
	border-radius: 22px;
}
/* パンフレットへのリンク（アンカーテキスト） */
a.btn_pdf_pamphlet {
	display: block;
	color: #52b0e0 !important; /* #85A6CD */
	text-decoration: none;
	font-size: 19px;
	border-radius: 3px;
	text-decoration:none !important;
}
/*
パンフレットへのリンク（アンカーテキスト）頭にアイコン表示する際使用
a.btn_pdf_pamphlet:before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	margin: -4px 2px 0 0;
	background: url("../img/icon_DL.gif") no-repeat;
	background-size: contain;
	vertical-align: middle;
}
*/
/* パンフレットへのリンク（アンカーテキスト）にマウスカーソルのせると太字 */
a.btn_pdf_pamphlet:hover {
	font-weight: bold;
}



/* Overwrite the bootstrap css */
.form-check-input {
	margin-top: 0.45rem;
}



/* Companyでのみ使用*/
/* 会社概要の後ろにウィッツェルロゴ*/
.bg-corporate-image {
	background-image: url('../img/company-logo.png');
	background-repeat: no-repeat;
	background-size: 40%;
	background-position-x: 15%;
	background-position-y: 90%;
}
.bg-mask {
	height: 100%;
	background: rgba(255,255,255,0.8);
}

/* 見出しの左側に縦線 */
.vision_title {
  padding: 0.25em 0.5em; /*上下 左右の余白*/
  color: #494949; /*文字色*/
  background: transparent; /*背景透明に*/
  border-left: solid 5px #7db4e6; /*左線*/
}

/* 強調したい文字の背景に色（グレー）*/
.bg_color {
  background: #eceff3;
  padding: 0.5em;
  border-radius: 20px;
}





/* Footerでのみ使用*/
/* フッター背景 */
.footer{
	background: #eceff3;
}

/* サイトマップ */
.sitemap ul li {
	list-style-type: none;
	font-size: 17px;
	text-decoration: underline;
}
.sitemap ul li ul {
	list-style-type: none;
	margin-top: .5em;
	margin-bottom: .75em;
	margin-left: 0;
}
.sitemap ul li ul li {
  margin-bottom: .25em;
  position: relative;
	font-size: 15px;
}
.sitemap ul li ul li::before {
  content: "";
  position: absolute;
  top: -0.5em;
  left: -16px;
  width: 10px;
  height: calc(100% + .75em);
  border-left: 1px solid #52b0e0;
}
.sitemap ul li ul li:last-child::before {
  height: calc(1em + .25em);
}
.sitemap ul li ul li::after {
  content: "";
  position: absolute;
  top: .75em;
  left: -16px;
  width: 10px;
  border-bottom: 1px solid #52b0e0;
}

/* コピーライト */
.copyright{
	color: #000000;
}