@charset "utf-8";

@import "./custom.css";
/*--------------------------------------------------------------
	 common
--------------------------------------------------------------*/
body, p { font-size: 16px; }
body, p {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}
h1, h2, h3, h4, h5, h6, .module-title { font-weight: bold!important; color: #022852; }
.fw-bold { font-weight: bold; }
.fw-normal { font-weight: normal; }
.fs-08em { font-size: 0.8em;}
.module, .module-small{
  padding-top: 5em;
}
.navbar-custom + .main { margin-top: 150px; }
.cl-white { color: #ffffff; }
.cl-white-shadow {
  color: #ffffff;
  text-shadow: 1px 1px 1px #000000;
}
.bg-green { background: #003300; }
.bg-blue { background: #022852; }
.bg-darkblue { background: #011020; }

.align-right { text-align: right; }
.align-left { text-align: left; }
.ls-0 { letter-spacing: 0; }
.font-alt { text-transform: none; }
a { transition: color .3s; }
.navbar-custom, .navbar-brand { letter-spacing: 0!important; }
.navbar-brand img {
  height: 50px;
  width: 50px;
  margin: 0;
}
a.navbar-brand { padding: 0; }
.navbar-brand h1 {
  font-size: 16px;
  margin: 0;
}
.navbar-brand h1 span { font-size: 10px; }
.navbar-brand h1:before {
  content: '';
  display: inline-block;
  width: 50px;
  height: 50px;
  background-image: url(../img/logo.png);
  background-size: contain;
  vertical-align: middle;
  margin-right: 10px;
}
.navbar-transparent {
  padding-top: 0;
  padding-bottom: 0;
}
.navbar-custom {
  font-size: 16px;
  background-color: rgba(2, 40, 82, 0.9);
  text-shadow: 1px 1px 1px #000000;
}
.navbar-custom .dropdown-menu { background-color: rgba(2, 40, 82, 0.9); }
.form-control {
  text-transform: none;
}
.font-serif { font-style: normal; }
.fs-10px { font-size: 10px; }
.fs-12px { font-size: 12px; }
.fs-14px { font-size: 14px; }
.fs-16px { font-size: 16px; }
.fs-18px { font-size: 18px; }
.fs-18px { font-size: 18px; }
.fs-22px { font-size: 22px; }
.fs-24px { font-size: 24px; }
.fs-36px { font-size: 36px; }
.fs-48px { font-size: 48px; }
.fs-52px { font-size: 52px; }

.mt-0-5em { margin-top: 0.5em; }
.mt-1em { margin-top: 1em; }
.mt-1-5em { margin-top: 1.5em; }
.mt-2em { margin-top: 2em; }
.mt-2-5em { margin-top: 2.5em; }
.mt-3em { margin-top: 3em; }
.mt-3-5em { margin-top: 3.5em; }
.mt-4em { margin-top: 4em; }
.mt-5em { margin-top: 5em; }
.mt-6em { margin-top: 6em; }
.mt-7em { margin-top: 7em; }
.mt-8em { margin-top: 8em; }
.mt-9em { margin-top: 9em; }
.mt-10em { margin-top: 10em; }

.mb-0-5em { margin-bottom: 0.5em; }
.mb-1em { margin-bottom: 1em; }
.mb-1-5em { margin-bottom: 1.5em; }
.mb-2em { margin-bottom: 2em; }
.mb-2-5em { margin-bottom: 2.5em; }
.mb-3em { margin-bottom: 3em; }
.mb-3-5em { margin-bottom: 3.5em; }
.mb-4em { margin-bottom: 4em; }
.mb-5em { margin-bottom: 5em; }
.mb-6em { margin-bottom: 6em; }
.mb-7em { margin-bottom: 7em; }
.mb-8em { margin-bottom: 8em; }
.mb-9em { margin-bottom: 9em; }
.mb-10em { margin-bottom: 10em; }

/*--------------------------------------------------------------
	 bottom-section
--------------------------------------------------------------*/
.bottom-section, .bottom-section p { font-size: 12px!important; }
.hero-slider-btn .btn { width: 20em; }

/*--------------------------------------------------------------
	greeting
--------------------------------------------------------------*/
.past-presidents team-item { padding: 0 12%; }


/*--------------------------------------------------------------
	拡張子によってアイコンを表示
--------------------------------------------------------------*/
a[href$=".xls"], a[href$=".xlsx"] {
/*	display: inline-block;*/
	padding-right: 20px;
	background: url(../img/exicon/icon-excel.png) no-repeat right center;
}
a[href$=".doc"], a[href$=".docx"] {
/*	display: inline-block;*/
	padding-right: 20px;
	background: url(../img/exicon/icon-word.png) no-repeat right center;
}

a[href$=".pdf"] {
/*	display: inline-block;*/
	padding-right: 20px;
	background: url(../img/exicon/icon-pdf.png) no-repeat right center;
}

a[href$=".zip"] {
/*	display: inline-block;*/
	padding-right: 20px;
	background: url(../img/exicon/icon-zip.png) no-repeat right center;
}

a[href$=".jpg"] {
/*	display: inline-block;*/
	padding-right: 25px;
	background: url(../img/exicon/icon-jpg.png) no-repeat right center;
}

/*--------------------------------------------------------------
	容量の前後に余白を空けて[]で囲む
--------------------------------------------------------------*/
.size_part{
  padding: 0 5px;
  font-size: 0.8em;
}
.size_part:before{content:"[";}
.size_part:after{content:"]";}

/*--------------------------------------------------------------
	form
--------------------------------------------------------------*/
.form-control{ font-size: 16px; }
::placeholder { font-size: 0.8em; }

/*--------------------------------------------------------------
	Responsive Styles - Media Queries
--------------------------------------------------------------*/
@media (min-width: 768px) {
  .navbar-transparent {
    background: transparent;
    padding-bottom: 15px;
    padding-top: 15px;
  }
}
@media (max-width: 1200px) {
  .navbar-custom + .main { margin-top: 150px; }
}
@media (max-width: 991px) {
  .sm-center { text-align:center!important; }
}
@media (max-width: 767px) {
  .navbar-brand h1 {
    font-size: 14px;
    margin: 0;
  }
  .navbar-brand h1 span { display: none; }
  .navbar-custom + .main { margin-top: 50px; }
}