/******* ヘッダーのスタイル ********/
header {
    position: sticky;
    z-index: 999;
    width: 100%; 
    height: 10px; 
    background: #ffff; 
    padding: 20px 60px; 
    box-sizing: border-box;
    top: 0; 
    left: 0; 
    display: flex; 
    align-items: center; 
  
   /* ロゴとメニューを横並びにする */
    display: flex; 
    justify-content:space-between;

}

header .nav .menu {
    display: flex; 
}

header .nav .menu li {
    list-style: none; 
    margin-right: 50px;
}

header .nav .menu li a{
   color: #ffb6c1;
   text-decoration: none;
}


/*! 街づくり２おりたたみ */
/*================================*/
.cp_box2 {
  width: auto;
  margin: 30px auto;
}
.cp_box2 input {
  display: none;
}
/*続きを読むボタン*/
.cp_box2 label {
  font-weight: bold;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 80%;
  margin: auto;
  padding: 0.3em 1em;
  cursor: pointer;
  transition: all 0.3s;
  text-align: center;
  color: #ffb6c1;
  border: 2px solid #ffb6c1;
  border-radius: 3px;
}
/*＋マーク*/
.cp_box2 label::after {
  position: absolute;
  content: '';
  right: 16px;
  width: 16px;
  height: 16px;
  background: #ffb6c1;
  clip-path: polygon(0 40%, 40% 40%, 40% 0, 60% 0, 60% 40%, 100% 40%, 100% 60%, 60% 60%, 60% 100%, 40% 100%, 40% 60%, 0 60%);
}
.cp_box2 label:hover::after {
  color: #ffffff;
}
/*hover*/
.cp_box2 label:hover {
  transition: all 0.3s;
  color: #ffffff;
  background: #ffc0cb;
}
.cp_box2 label:hover::after {
  background: #ffffff;
}
/*-マーク*/
.cp_box2 input:checked ~ label::after {
  background: #ffb6c1;
  clip-path: polygon(0 40%, 100% 40%, 100% 60%, 0 60%);
}
/*hover*/
.cp_box2 input:checked ~ label:hover::after {
  background: #ffffff;
}
.cp_box2 div.cp_container2 {
  position: relative;
  z-index: 10;
  overflow: hidden;
  height: 0;
  margin-top: -1px;
}
.cp_box2 input:checked ~ div.cp_container2 {
  transition: height 0.5s ease-in-out;
}
/* 高さを設定 */
.cp_box2 input:checked ~ div.cp_container2 {
  height: auto;
}


/*! 実重おりたたみ */
/*================================*/
.cp_box3 {
  width: auto;
  margin: 30px auto;
}
.cp_box3 input {
  display: none;
}
/*続きを読むボタン*/
.cp_box3 label {
  font-weight: bold;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 80%;
  margin: auto;
  padding: 0.3em 1em;
  cursor: pointer;
  transition: all 0.3s;
  text-align: center;
  color: #ffb6c1;
  border: 2px solid #ffb6c1;
  border-radius: 3px;
}
/*＋マーク*/
.cp_box3 label::after {
  position: absolute;
  content: '';
  right: 16px;
  width: 16px;
  height: 16px;
  background: #ffb6c1;
  clip-path: polygon(0 40%, 40% 40%, 40% 0, 60% 0, 60% 40%, 100% 40%, 100% 60%, 60% 60%, 60% 100%, 40% 100%, 40% 60%, 0 60%);
}
.cp_box3 label:hover::after {
  color: #ffffff;
}
/*hover*/
.cp_box3 label:hover {
  transition: all 0.3s;
  color: #ffffff;
  background: #ffc0cb;
}
.cp_box3 label:hover::after {
  background: #ffffff;
}
/*-マーク*/
.cp_box3 input:checked ~ label::after {
  background: #ffb6c1;
  clip-path: polygon(0 40%, 100% 40%, 100% 60%, 0 60%);
}
/*hover*/
.cp_box3 input:checked ~ label:hover::after {
  background: #ffffff;
}
.cp_box3 div.cp_container3 {
  position: relative;
  z-index: 10;
  overflow: hidden;
  height: 0;
  margin-top: -1px;
}
.cp_box3 input:checked ~ div.cp_container3 {
  transition: height 0.5s ease-in-out;
}
/* 高さを設定 */
.cp_box3 input:checked ~ div.cp_container3 {
  height: auto;
}

/*! 森林保全英語おりたたみ */
/*================================*/

.cp_box4 {
  width: auto;
  margin: 30px auto;
}
.cp_box4 input {
  display: none;
}
/*続きを読むボタン*/
.cp_box4 label {
  font-weight: bold;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 80%;
  margin: auto;
  padding: 0.3em 1em;
  cursor: pointer;
  transition: all 0.3s;
  text-align: center;
  color: #ffb6c1;
  border: 2px solid #ffb6c1;
  border-radius: 3px;
}
/*＋マーク*/
.cp_box4 label::after {
  position: absolute;
  content: '';
  right: 16px;
  width: 16px;
  height: 16px;
  background: #ffb6c1;
  clip-path: polygon(0 40%, 40% 40%, 40% 0, 60% 0, 60% 40%, 100% 40%, 100% 60%, 60% 60%, 60% 100%, 40% 100%, 40% 60%, 0 60%);
}
.cp_box4 label:hover::after {
  color: #ffffff;
}
/*hover*/
.cp_box4 label:hover {
  transition: all 0.3s;
  color: #ffffff;
  background: #ffc0cb;
}
.cp_box4 label:hover::after {
  background: #ffffff;
}
/*-マーク*/
.cp_box4 input:checked ~ label::after {
  background: #ffb6c1;
  clip-path: polygon(0 40%, 100% 40%, 100% 60%, 0 60%);
}
/*hover*/
.cp_box4 input:checked ~ label:hover::after {
  background: #ffffff;
}
.cp_box4 div.cp_container4 {
  position: relative;
  z-index: 10;
  overflow: hidden;
  height: 0;
  margin-top: -1px;
}
.cp_box4 input:checked ~ div.cp_container4 {
  transition: height 0.5s ease-in-out;
}
/* 高さを設定 */
.cp_box4 input:checked ~ div.cp_container4 {
  height: auto;
}


/*! 森林保全日本語おりたたみ */
/*================================*/

.cp_box5 {
  width: auto;
  margin: 30px auto;
}
.cp_box5 input {
  display: none;
}
/*続きを読むボタン*/
.cp_box5 label {
  font-weight: bold;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 80%;
  margin: auto;
  padding: 0.3em 1em;
  cursor: pointer;
  transition: all 0.3s;
  text-align: center;
  color: #ffb6c1;
  border: 2px solid #ffb6c1;
  border-radius: 3px;
}
/*＋マーク*/
.cp_box5 label::after {
  position: absolute;
  content: '';
  right: 16px;
  width: 16px;
  height: 16px;
  background: #ffb6c1;
  clip-path: polygon(0 40%, 40% 40%, 40% 0, 60% 0, 60% 40%, 100% 40%, 100% 60%, 60% 60%, 60% 100%, 40% 100%, 40% 60%, 0 60%);
}
.cp_box5 label:hover::after {
  color: #ffffff;
}
/*hover*/
.cp_box5 label:hover {
  transition: all 0.3s;
  color: #ffffff;
  background: #ffc0cb;
}
.cp_box5 label:hover::after {
  background: #ffffff;
}
/*-マーク*/
.cp_box5 input:checked ~ label::after {
  background: #ffb6c1;
  clip-path: polygon(0 40%, 100% 40%, 100% 60%, 0 60%);
}
/*hover*/
.cp_box5 input:checked ~ label:hover::after {
  background: #ffffff;
}
.cp_box5 div.cp_container5 {
  position: relative;
  z-index: 10;
  overflow: hidden;
  height: 0;
  margin-top: -1px;
}
.cp_box5 input:checked ~ div.cp_container5 {
  transition: height 0.5s ease-in-out;
}
/* 高さを設定 */
.cp_box5 input:checked ~ div.cp_container5 {
  height: auto;
}



/*! 教育のあり方おりたたみ */
/*================================*/

.cp_box6 {
  width: auto;
  margin: 30px auto;
}
.cp_box6 input {
  display: none;
}
/*続きを読むボタン*/
.cp_box6 label {
  font-weight: bold;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 80%;
  margin: auto;
  padding: 0.3em 1em;
  cursor: pointer;
  transition: all 0.3s;
  text-align: center;
  color: #ffb6c1;
  border: 2px solid #ffb6c1;
  border-radius: 3px;
}
/*＋マーク*/
.cp_box6 label::after {
  position: absolute;
  content: '';
  right: 16px;
  width: 16px;
  height: 16px;
  background: #ffb6c1;
  clip-path: polygon(0 40%, 40% 40%, 40% 0, 60% 0, 60% 40%, 100% 40%, 100% 60%, 60% 60%, 60% 100%, 40% 100%, 40% 60%, 0 60%);
}
.cp_box6 label:hover::after {
  color: #ffffff;
}
/*hover*/
.cp_box6 label:hover {
  transition: all 0.3s;
  color: #ffffff;
  background: #ffc0cb;
}
.cp_box6 label:hover::after {
  background: #ffffff;
}
/*-マーク*/
.cp_box6 input:checked ~ label::after {
  background: #ffb6c1;
  clip-path: polygon(0 40%, 100% 40%, 100% 60%, 0 60%);
}
/*hover*/
.cp_box6 input:checked ~ label:hover::after {
  background: #ffffff;
}
.cp_box6 div.cp_container6 {
  position: relative;
  z-index: 10;
  overflow: hidden;
  height: 0;
  margin-top: -1px;
}
.cp_box6 input:checked ~ div.cp_container6 {
  transition: height 0.5s ease-in-out;
}
/* 高さを設定 */
.cp_box6 input:checked ~ div.cp_container6 {
  height: auto;
}


/*! シェアリングエコノミーおりたたみ */
/*================================*/

.cp_box7 {
  width: auto;
  margin: 30px auto;
}
.cp_box7 input {
  display: none;
}
/*続きを読むボタン*/
.cp_box7 label {
  font-weight: bold;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 80%;
  margin: auto;
  padding: 0.3em 1em;
  cursor: pointer;
  transition: all 0.3s;
  text-align: center;
  color: #ffb6c1;
  border: 2px solid #ffb6c1;
  border-radius: 3px;
}
/*＋マーク*/
.cp_box7 label::after {
  position: absolute;
  content: '';
  right: 16px;
  width: 16px;
  height: 16px;
  background: #ffb6c1;
  clip-path: polygon(0 40%, 40% 40%, 40% 0, 60% 0, 60% 40%, 100% 40%, 100% 60%, 60% 60%, 60% 100%, 40% 100%, 40% 60%, 0 60%);
}
.cp_box7 label:hover::after {
  color: #ffffff;
}
/*hover*/
.cp_box7 label:hover {
  transition: all 0.3s;
  color: #ffffff;
  background: #ffc0cb;
}
.cp_box7 label:hover::after {
  background: #ffffff;
}
/*-マーク*/
.cp_box7 input:checked ~ label::after {
  background: #ffb6c1;
  clip-path: polygon(0 40%, 100% 40%, 100% 60%, 0 60%);
}
/*hover*/
.cp_box7 input:checked ~ label:hover::after {
  background: #ffffff;
}
.cp_box7 div.cp_container7 {
  position: relative;
  z-index: 10;
  overflow: hidden;
  height: 0;
  margin-top: -1px;
}
.cp_box7 input:checked ~ div.cp_container7 {
  transition: height 0.5s ease-in-out;
}
/* 高さを設定 */
.cp_box7 input:checked ~ div.cp_container7 {
  height: auto;
}



/*! 街づくり */
/*================================*/




.cp_box8 {
  width: auto;
  margin: 30px auto;
}
.cp_box8 input {
  display: none;
}
/*続きを読むボタン*/
.cp_box8 label {
  font-weight: bold;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 80%;
  margin: auto;
  padding: 0.3em 1em;
  cursor: pointer;
  transition: all 0.3s;
  text-align: center;
  color: #ffb6c1;
  border: 2px solid #ffb6c1;
  border-radius: 3px;
}
/*＋マーク*/
.cp_box8 label::after {
  position: absolute;
  content: '';
  right: 16px;
  width: 16px;
  height: 16px;
  background: #ffb6c1;
  clip-path: polygon(0 40%, 40% 40%, 40% 0, 60% 0, 60% 40%, 100% 40%, 100% 60%, 60% 60%, 60% 100%, 40% 100%, 40% 60%, 0 60%);
}
.cp_box8 label:hover::after {
  color: #ffffff;
}
/*hover*/
.cp_box8 label:hover {
  transition: all 0.3s;
  color: #ffffff;
  background: #ffc0cb;
}
.cp_box8 label:hover::after {
  background: #ffffff;
}
/*-マーク*/
.cp_box8 input:checked ~ label::after {
  background: #ffb6c1;
  clip-path: polygon(0 40%, 100% 40%, 100% 60%, 0 60%);
}
/*hover*/
.cp_box8 input:checked ~ label:hover::after {
  background: #ffffff;
}
.cp_box8 div.cp_container8 {
  position: relative;
  z-index: 10;
  overflow: hidden;
  height: 0;
  margin-top: -1px;
}
.cp_box8 input:checked ~ div.cp_container8 {
  transition: height 0.5s ease-in-out;
}
/* 高さを設定 */
.cp_box8 input:checked ~ div.cp_container8 {
  height: auto;
}





/* 饗庭先生紹介
================================*/
#staff h3 {
	font-size: 26px;
	margin-bottom: 15px;
}

#staff h3 span {
	font-size: 16px;
}

#staff section {
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 20px;
}

#staff p.photo {
	float: right;
	width: 350px;
}

#staff th {
	white-space: nowrap;
	padding: 5px 10px 5px 0;
	vertical-align: top;
}

#staff td {
	vertical-align: top;
	padding: 5px 10px 5px 0;
}


/*! 問い合わせ */
/*================================*/
#access iframe {
	margin-top: 20px;
}


/*! TOPに戻るボタン */
/*================
html {
    scroll-behavior: smooth;
}
.pagetop {
    height: 50px;
    width: 50px;
    position: fixed;
    right: 30px;
    bottom: 30px;
    background: #fff;
    border: solid 2px #000;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}

.pagetop__arrow {
    height: 10px;
    width: 10px;
    border-top: 3px solid #000;
    border-right: 3px solid #000;
    transform: translateY(20%) rotate(-45deg);
}
================*/