@charset "utf-8";


html, body {
  height: 100%;
}

body{background-color:#CAE5BE;}

.main{margin:0;padding:0;}



.header{
display:block;
margin:0;
padding:0;
text-align: center;
background-image:url(../images/header.jpg);
background-repeat:no-repeat;
background-size: 100%;
background-position: center center; 
background-color:#084C89;
}

.inner{
display: block;
margin-top:3.0rem;
padding-bottom:3.0em;
}

.bg-dark {
  background-color: rgb(52,58,64,0.5) !important;
}

.nav-item{margin:0 auto;padding-left:0.5em;padding-right:0.5em;}

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}

.navbar-toggler:hover, .navbar-toggler:focus {
  line-height: 1;
  background-color: rgb(153,153,153,0.8);
  border: 1px solid transparent;
	outline: 0;
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
  background-color: rgb(153,153,153,0.8);
  background-color: rgb(52,58,64,0.5) !important;
}

@media (max-width: 992px) {
	.nav-item{width:100%;display:block;margin:0 auto;padding-left:0.5em;padding-right:0.5em;border-bottom:1px dotted #333;
  background-color: rgb(52,58,64,0.5) !important;}
	.header{background-image:none;}
	.inner{padding-bottom:0;margin-top:0;}
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;
}

.parent{
margin:0;padding:0;
}

.parent .child_left{}
.parent .child_left .left-inner{}

.parent .child_left .left-inner .content{}

.parent .child_left .left-inner .content {
  background-color: #fff;
  top: -20px;
	width:100%;
	min-height:100%;
	border-radius:0px 0px 0px 0px;
	box-shadow: 0 0 8px gray;
	padding:30px;
}

.parent .child_right{
background-color:#transparent;
height:100%;padding-top:2.0rem;
}
.parent .child_right .right-inner{
margin-top:3.0em;
}
h1{font-size:30px;color:#084C89;}
h2{font-size:1.20rem;color:#333;}
h3{font-size:0.86rem;color:#333;}

.clo-blue{color:#1b04cf;}
.clo-red{color:#f00;}

.sentence{line-height:1.8em;font-size:0.95rem;}

p,li{margin-bottom:2.0em;font-weight:normal;}

.block01{overflow:hidden;}
.block01 ol{
  /*要素の連番（カウンタ）の値をリセットする*/
  counter-reset: li;
}
.block01 ol li{
  position: relative;
  padding-left: 30px;
  margin: 0 0 10px;
  /*デフォルトのスタイルを非表示にする*/
  list-style: none;
}
.block01 ol li:before{
  position: absolute;
  top: 0;
  left: 0;
  font-weight: bold;
  color: #1b04cf;
  /*要素の連番（カウンタ）の値を進める*/
  counter-increment: li;
  /*自動連番を付ける関数*/
  content: counter(li)'.';
}
@media (max-width: 767.98px) {
ol{padding-left:0;}
ol li{padding-left: 2px; margin: 0 0 10px 10px;}
.block01 ol{padding-left:0; margin: 0 0 10px 0;}
}



.footer{padding-top:50px;padding-bottom:20px;background-color:#dcdcdc;margin-top:50px;border-top:1px solid #999;}
.footer p{font-size:0.7rem;}


/* 重ね */
.box {
  border:0px solid silver;
  position: relative;
  width: 100%;
  height: 10px;
  padding: 0;margin:0;
}

.red, .blue{
  position: absolute;
  width: 100%;
  height: 50px;
  padding: 0;margin:0;
}

.red {
  background-color: white;
  top: -10px;
  left:0px;
  z-index: 10;
	border-radius:5px 5px 0px 0px;
}

.blue {
  background-color: blue;
  bottom: 0px;
  left: 2px;
  z-index: 5;
}