body {
	margin:30px;
	background-color:#ffffff;
	font color:#000000;
        font-family:sans-serif;   
}



a {
  word-break: break-word;
  overflow-wrap: break-word;
}

img {
	border:0;
}

ul li {
margin-bottom: 10px; 
}

ul li:last-child {
    margin-bottom: 0;
}


details {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 10px;
}

summary {
  cursor: pointer;
  font-weight: bold;
  list-style: none;
  position: relative;
}
summary:marker {
  display: none;
}

summary:before {
  content: "▶";
  margin-right: 10px;
  transition: transform 0.2s ease;
}
details[open] summary:before {
  transform: rotate(90deg);
}

figure {
    display: inline-block;   
}


.menu-btn {
    position: fixed;
    top: 10px;
    right: 10px;
    display: flex;
    height: 100px;
    width: 100px;
    justify-content: center;
    align-items: center;
    z-index: 90;
    background-color: #6DAFBB;
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    content: '';
    display: block;
    height: 5px;
    width: 35px;
    border-radius: 3px;
    background-color: #ffffff;
    position: absolute;
}
.menu-btn span:before {
    bottom: 15px;
}
.menu-btn span:after {
    top: 15px;
}


#menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
}
#menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
}


#menu-btn-check {
    display: none;
}





.menu-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
   left: 100%;/*leftの値を変更してメニューを画面外へ*/
    z-index: 80;
    background-color: #6DAFBB;
    transition: all 0.5s;/*アニメーション設定*/
    overflow-y: scroll;
}
.menu-content ul {
    padding: 70px 10px 0;
}
.menu-content ul li {
    border-bottom: solid 1px #ffffff;
    list-style: none;
   

}
.menu-content ul li a {
    display: block;
    width: 100%;
    font-size:150%;
    font-weight: bold;
    box-sizing: border-box;
    color:#ffffff;
    text-decoration: none;
    padding: 15px 15px 10px 0;
    position: relative;
}



.menu-content ul li a::before {
    content: "";
    width: 10px;
    height: 10px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    transform: rotate(45deg);
    position: absolute;
    right: 11px;
    top: 16px;
}






#menu-btn-check:checked ~ .menu-content {
    left: 70%;/*メニューを画面内へ*/
}


.box{
  border: 6px solid #C9DFDE;
  border-radius: 10px;
}
.box h3{
  background: #C9DFDE;
  color: #40524F;
  text-align: left;
  margin: 0px;
  padding: 3px;
}
.box .inner{
  padding: .5em;
}


hr {
  height: 0px;
  border: none;
  border-top: 5px #000000 solid;
  clear:left;
}



#sotowaku {
	width: 830px;
	margin-right:auto;
	margin-left:auto;
	border-bottom:1px solid #eeeeee;
}
#header {
	margin-bottom:20px;
}
#header p{
	margin:0;
	padding:0;
}



h1{
  padding-bottom:0.2em;
  border-bottom: double 5px #6DAFBB;
  font-size:29px;
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

h2{
      font-size:20px;
  font-family:sans-serif;
  margin-bottom:0.2em;
}

h3{
  padding-bottom:0.2em;
  font-size:29px;
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

h4 {
    padding-bottom:0.2em;
    border-bottom: 1px solid #6DAFBB;
    font-family: "Outfit", sans-serif;
    font-size:25px;
}

h5 {
    padding: .5em .7em;
    border-left: 5px solid #6DAFBB;
    color: #333333;
    font-size:18px;
    margin-bottom:0.2em;

}


 
.solid{
  border-bottom: solid 1px #ccc;
}

.hanging-indent {
  padding-left: 2em;
  }


.btn-square {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #6DAFBB;/*ボタン色*/
  color: #000000;
  font-family: "Outfit", sans-serif;
  font-size:25px;
  border-bottom: solid 4px #295259;
  border-radius: 3px;
}
.btn-square:hover {
  background: #e6dc9c;
  border-bottom: solid 4px #b5ab69;
  border-radius: 3px;

  color: #000000
}
}


#footer{
	clear:both;
	text-align:center;
	font-size:13px;
	color: #56564b;
	margin-top:50px;
	margin-right:5x ;
	margin-left:5px;
	border-top:1px solid #000000;
}
#footer a{
	color:#000000;
	
}
#footer a:hover{
	color:#434da2;
	text-decoration:none;
}

address {
	
	color: #56564b;
	text-align:center;
	font-size:13px;
	font-style:normal;
}
address a {
	color:#6c9bd2;
	text-decoration:none;
}

html { scroll-behavior: smooth;}