@charset "utf-8";
table	{
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 0;
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	height: auto;
	font-size:0.8em;
}
table th	{
	margin: 0;
	padding: 10px;
	white-space: nowrap;
	text-align: left;
	text-align: center;
	background-color: #333333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	color: #FFF;
	line-height: 1.7em;
	font-weight: normal;
}
table td	{
	margin: 0;
	padding: 10px;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-color: #F7F7F7;
	line-height: 2em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	vertical-align: middle;
}
.w-30{width: 30%;}
.w-10{width: 10%;}



#root{margin-top: 3rem;}
#root h3, #root h4{
	font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
}
#root h4{
	font-size: 1.1rem;
	color: #4169e1;
	font-weight: bold;
	border-bottom: 2px #4169e1 solid;
	padding-left: 0.5rem;
	margin-bottom: 2rem;
	background: none;
	border-top: none;
	text-align: left;
	line-height: 1.4;
}
#root .material-icons{
	margin-bottom: -2px !important;
	vertical-align: bottom;
}
#root p{
	font-size: 0.9rem;
	line-height: 1.6;
	margin-top: 0;
	padding-bottom: 1rem;
}
.root-nav{
	line-height: 1.4 !important;
	color: #fff;
	background-color: #999;
	margin-right: 10px;
	width: calc(25% - 10px) !important;
	padding: 0.5rem 0 !important;
	border-radius: 15px;
	font-size: 0.9rem !important;
}
.root-nav-offset{
	background-color: #fff;
}
#root-photo-2, #root-photo-3, #root-photo-4, #root-photo-5, #root-photo-6, #root-photo-7{
	display: none;
}


.col .row {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}

.row {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.row .col {
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0.75rem;
  min-height: 1px;
}

.row .col[class*="push-"], .row .col[class*="pull-"] {
  position: relative;
}

.row .col.s1 {
  width: 8.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s2 {
  width: 16.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s3 {
  width: 25%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s4 {
  width: 33.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s5 {
  width: 41.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s6 {
  width: 50%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s7 {
  width: 58.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s8 {
  width: 66.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s9 {
  width: 75%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s10 {
  width: 83.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s11 {
  width: 91.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s12 {
	width: 100%;
	margin-left: auto;
	left: auto;
	right: auto;
	line-height: 50px;
}
.text-center {text-align: center !important;}
.flex{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.pt-3{padding-top: 1.1rem !important;}
.w-100{width: 100%;}
.clearfix {
  clear: both;
}


@media only screen and (max-width : 600px) {
	.root-nav{
		font-size: 0.8rem !important;
		margin-bottom: 0.8rem;
		vertical-align: middle;
		line-height: 1.4 !important;
	}
}

@media (min-width: 992px) {
	.root-nav{
		width: calc(14.2857143% - 10px) !important;
	}
}







@media (min-width: 992px) {
  .row .col.l1 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l2 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l4 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l5 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l7 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l8 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l9 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l10 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l11 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
}

.ex-root-nav > h3{
	margin-top: 2.5rem;
}
.ex-root-nav > div{
	margin-bottom: 1rem;
	padding-bottom: 1.5rem;
}
.ex-root-nav p strong{
	position: relative;
	left: -0.5rem;
}