/*----------------------

 	Links
 
 --------------------- */
a,
a:focus,
a:hover {
  color: #353535;
}


/*----------------------
 
 	Base
	
--------------------- */
html,
body {
  background-color: #fff;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body {
  color: #003142;
}


/*----------------------

	Header
 
--------------------- */
header{
    width: 100%;
    color: #fff;
    padding: 0;
    margin: 0;
    padding: 15px 0 8px;
    background-color: #fff;
    box-shadow: 0 1px 5px #74b2c7;
}
header img{width:100px; height:auto;}

header .nav-link {
  padding: .25rem 0;
  font-weight: 700;
  color:#333;
  background-color: transparent;
  border-bottom: .25rem solid transparent;
  font-size:12px;
}

header .nav-link:hover,
header .nav-link:focus {
  border-bottom-color: #353535;
  color:#353535;
}

header .nav-link + .nav-link {margin-left: 1rem;}

header .active {
  color:#f7504d;
  border-bottom-color:#f7504d;
}


/*----------------------

	Main
 
--------------------- */
main{
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin: auto;
    padding: 50px 0;
    width:95%;
    text-align: center; 
  }
main img{
	width:75%;
	height:auto;
	margin:30px 0;
	background-color: rgba(255, 255, 255, 0.85);
}
main h1{
	font-size:14px;
	font-weight:bolder;
	background-color: rgba(255, 255, 255, 0.85);
	}
main h1.h102{font-size:29px;}
main p a{color: #003142; display:block;}
main p a:hover{color:#e71000;}

.back-link a{text-decoration:underline;}
.back-link a:hover{text-decoration:none !important;}

/*----------------------

 	Footer

--------------------- */
.mastfoot {
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  padding-top:100px;
}

/*----------------------

 	RESPO

--------------------- */
@media (min-width: 576px){}
@media (min-width: 768px){
header img {width: 120px;}
header .nav-link {font-size:15px;}
}
@media (min-width: 992px){}
@media (min-width: 1200px){}