/*maincolor{
	#204888;
}*/
.bg-main{
	background-color:#2496d1;
}
/* 全体的なスタイル
-------------------------------------------------- */

body {
  padding-top: 3rem;
  color: #5a5a5a;
}

.header-logo{
	max-width:100% !important;
	height:auto;
}

p {
	font-size:1.2rem;
}

h1, .h1 {
  font-size: 2rem !important;
}

h2 {
  font-size: 1.8rem !important;
}

h3 {
  font-size: 1.5rem !important;
  
}

h4 {
  font-size: 1.35rem !important;
}

h5 {
  font-size: 1.2rem !important;
}

h6 {
  font-size: 1rem !important;
}

h2 {
  position: relative;
  display: inline-block;
  padding: 0 55px;
}

h2:before, h2:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: black;
}

h2:before {
  left:0;
}
h2:after {
  right: 0;
}
#access{
	color:#fff;
}

main{
	margin-top:6rem;
}
@media (max-width: 767.98px) {
	main{
	margin-top:2rem;
}
}

h1 {
  position: relative;/*相対位置*/
  line-height: 1.4;/*行高*/
  display: inline-block;
}

h3.a-as {
border-left:solid 1px #cf2e2e;
padding:15px 25px;
}

h5.tam {
  position: relative;
  color: #333;
  text-shadow: 0 0 2px white;
  padding-top:2px;
    border-bottom:1px solid #2496d1;
	margin-top:5px;
}

h5.tam:before {
 content: "";
  position: absolute;
  background: rgba(255, 140, 0, 0.5);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  top: 55%;
  /* border: dashed 1px white; */
  left: -15px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: -1;

}

/* カルーセルをカスタマイズ
-------------------------------------------------- */

/* カルーセルの基本クラス */
.carousel {
  margin-bottom: 4rem;
}
/* 画像を配置しているので、キャプションを手助けする必要がある */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

@media (max-width: 767.98px) {
	body {
	padding-top: 8rem;
	padding-bottom: 6rem;
}
}
.footer {
  bottom: 0;
}