@charset "utf-8";
/* CSS Document */

/**********************
余白設定
***********************/
.p-0 {
	padding: 0;
}
.p-05 {
    padding: .5em;
}
.p-1 {
    padding: 1em;
}
.p-2 {
    padding: 2em;
}
.p-3 {
    padding: 3em;
}
.p-4 {
    padding: 4em;
}
.p-5 {
    padding: 5em;
}
.pt-05 {
    padding-top: .5em;
}
.pt-1 {
    padding-top: 1em;
}
.pt-2 {
    padding-top: 2em;
}
.pt-3 {
    padding-top: 3em;
}
.pt-4 {
    padding-top: 4em;
}
.pt-5 {
    padding-top: 5em;
}
.pb-05 {
    padding-bottom: .5em;
}
.pb-1 {
    padding-bottom: 1em;
}
.pb-2 {
    padding-bottom: 2em;
}
.pb-3 {
    padding-bottom: 3em;
}
.pb-4 {
    padding-bottom: 4em;
}
.pb-5 {
    padding-bottom: 5em;
}
.pl-05 {
    padding-left: .5em;
}
.pl-1 {
    padding-left: 1em;
}
.pl-2 {
    padding-left: 2em;
}
.pl-3 {
    padding-left: 3em;
}
.pl-4 {
    padding-left: 4em;
}
.pl-5 {
    padding-left: 5em;
}
.pr-05 {
    padding-left: .5em;
}
.pr-1 {
    padding-right: 1em;
}
.pr-2 {
    padding-right: 2em;
}
.pr-3 {
    padding-right: 3em;
}
.pr-4 {
    padding-right: 4em;
}
.pr-5 {
    padding-right: 5em;
}
.m-05 {
    margin: .5em;
}
.m-1 {
    margin: 1em;
}
.m-2 {
    margin: 2em;
}
.m-3 {
    margin: 3em;
}
.m-4 {
    margin: 4em;
}
.m-5 {
    margin: 5em;
}
.mt-05 {
    margin-top: .5em;
}
.mt-1 {
    margin-top: 1em;
}
.mt-2 {
    margin-top: 2em;
}
.mt-3 {
    margin-top: 3em;
}
.mt-4 {
    margin-top: 4em;
}
.mt-5 {
    margin-top: 5em;
}
.mb-05 {
    margin-bottom: .5em;
}
.mb-1 {
    margin-bottom: 1em;
}
.mb-2 {
    margin-bottom: 2em;
}
.mb-3 {
    margin-bottom: 3em;
}
.mb-4 {
    margin-bottom: 4em;
}
.mb-5 {
    margin-bottom: 5em;
}
.ml-05 {
    margin-left: .5em;
}
.ml-1 {
    marging-left: 1em;
}
.ml-2 {
    margin-left: 2em;
}
.ml-3 {
    margin-left: 3em;
}
.ml-4 {
    margin-left: 4em;
}
.ml-5 {
    margin-left: 5em;
}
.mr-05 {
    margin-right: .5em;
}
.mr-1 {
    margin-right: 1em;
}
.mr-2 {
    margin-right: 2em;
}
.mr-3 {
    margin-right: 3em;
}
.mr-4 {
    margin-right: 4em;
}
.mr-5 {
    padding-right: 5em;
}


/*================================================
 *  トップへ戻るボタン
 ================================================*/
.topBtn {
  position:fixed; /*固定*/
  bottom:20px; /*場所を右下に移動*/
  right:20px; /*場所を右下に移動*/
  display:block; /*aタグをblock要素に変更*/
  background-color:rgba(0,0,0,0.5); /*以下、デザインはご自由に！！*/
  color:#fff;
  text-decoration:none;
  font-weight:bold;
  font-size:11px;
  width:60px;
  height:60px;
  text-align:center;
  line-height:22px;
  border-radius:30px;
  padding-top:30px;
  box-sizing:border-box;
  z-index: 10;
}
.topBtn:before {
  content:'\25B2';
  position:absolute;
  top:10px;
  left:0;
  width:100%;
  text-align:center;
  font-size:20px;
}
.topBtn:hover {
  opacity:0.7;
}



/*================================================
 *  ヘッダー設定
 ================================================*/
 .navbar-brand > img {
	height: 30px;
}



/*================================================
 *  フッター設定
 ================================================*/
footer {
	padding: 1em;
	background: #003d66;
	color: #fff;
}



/*================================================
 *  タブレット・スマホ設定
 ================================================*/
@media (min-width: 600px) and (max-width: 959px){
	h2 {
		font-size: 25px;
	}
	.media-right img {
    width: 150px;
}
}



@media (max-width: 599px) {
	h2 {
		font-size: 22px;
	}
	hr {
		margin-top: 0;
	}
	.media-right,.media-left {
		display: table-header-group;
	}
	.media-right img {
    width: 30%;
}
	.media-object {
		margin: 0 auto;
		margin-bottom: 1em;
	}
}



@media (max-width: 425px) {
	.media-left img {
    width: 20%;
}
	.thumbnail > img {
		width: 50%;
	}
}