@charset "UTF-8";
/*
html{
   font-size:14px;
}
p{
   font-size:1.1rem; 
}
*/
header.masthead {
 background: transparent;
 position:relative;
}
.video-container{
  position: absolute;
  top: 0;
  bottom:0;
  width: 100%;
  height: 100%;
  z-index: -9999;
}
video {
  width: 100%;
}

.masthead h1,
.masthead h2,
.masthead h3{
	font-family: 'Noto Sans JP', sans-serif;
}
li{
   font-size:1.25rem; /* 10pxの1.6倍なので16px */
}
li p{
   font-size:1rem; /* 10pxの1倍なので10px */
}
hr.blue {
  max-width: 3.25rem;
  border-width: 0.2rem;
  border-color: #0065b7;
}
.text-blue {
  color: #0065b7 !important;
}

.myportfolio {
	display:relative;
}
.myportfolio div{
	position:absolute;
	top:2%;
	left:2%;
}
.myportfolio div span{
	font-size:0.85rem;
}


.bg-dark-50 {
  background-color: rgba(0, 0, 0, 0.5) !important;
}
#about header {
  background: linear-gradient(to bottom, rgba(92, 77, 66, 0.6) 0%, rgba(92, 77, 66, 0.6) 100%), url("../assets/img/bg-masthead.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
}
#about header h1 {
  font-size: 2.25rem;
}
ul.list-group.mylist li{
  font-size: 1rem;
}
ul.list-group.mylist li strong{
	color:#20c997;
}
table td ul {
	margin-left: 0;
}
table td ul li{
	margin-left:-1rem;
	padding-left:0;
	font-size:1rem;
	margin-bottom:0.5rem;
}
ol.breadcrumb li{
	font-size:0.9rem
}
.sns-area {
	max-width:550px;
	text-align:center;
	color:#fff;
	margin:20px auto;
}
.sns-area a {
  display: inline-block;
	height:40px;
	line-height:40px;
	width:20%;
	color:#fff;
  transition: .4s;
	font-size: 25px;
}
.sns-area a:hover {
  opacity: 0.6;
  transition-duration: 0.3s;
}
.sns-area a.fb {
  background: #3b5998;
}
.sns-area a.tw {
  background: #55acee;
}
.sns-area a.hatena {
  background: #008fde;
}
.sns-area a.line{
  background: #00b900;
}
.sns-area a.hatena img {
	width:20px;
	height:20px;
}
.sns-area a.line img {
	width:30px;
	height:30px;
}
.sns-area a.pocket {
  background: #d3505a;
}
.sns-area a.rss {
  background: #2bb24c;
}

@media (min-width: 992px) {
  header.masthead {
    height: 70vh;
}
  #about header {
    height: 20vh;
}
.page-section {
  padding: 5rem 0;
}
} 
@media (max-width: 768px) {
.video-container{
	display:none;
}
header.masthead {
  background: linear-gradient(to bottom, rgba(92, 77, 66, 0.6) 0%, rgba(92, 77, 66, 0.6) 100%), url("../assets/img/bg-masthead.jpg");
  background-position: center;
  background-repeat: no-repeat;
}
a.navbar-brand{
	max-width:70%;
}
.navbar-brand img{
	width:100%;
}
header .intro-text h1{
	padding-top:0.8rem;
	padding-bottom:0.8rem;
  font-size: 1.5rem !important;
}
h1, .h1 {
  font-size: 2rem;
}

h2, .h2 {
  font-size: 1.75rem;
}

h3, .h3 {
  font-size: 1.5rem;
}

h4, .h4 {
  font-size: 1.25rem;
}

h5, .h5 {
  font-size: 1rem;
}

h6, .h6 {
  font-size: 1rem;
}
.masthead h1{
  font-size: 2.2rem !important;
}
.masthead h1 small{
  font-size: 1.25rem !important;
}
.masthead h2{
  font-size: 1.5rem !important;
}
.page-section {
  padding: 2rem 0;
}
.table th,
.table td {
  padding: 0.3rem;
}
.table td ul{
  padding-left: 0 !important;
  margin-left: 0.2rem !important;
}
.table td ul li{
  padding-left: 0 !important;
  margin-left: 0 !important;
	line-height:1.2;
	margin-bottom:0.4rem;
}
.breadcrumb {
	display:none;
}
}