@charset "utf-8";

/*  ページのタイトル  */
.title_satosigo{
  margin: -80px auto 0;
}
p.otonaga{
  margin: -70px auto 20px;
  font-size: 32px;
  font-weight: bold;
  letter-spacing: 2px;
}

/* 前文  */
.preface{
  width: ;
  margin: -35px auto 0;
  background-color: #004d25;
}
.preface p{
  width: 75%;
  padding: 30px;
  font-size: 22px;
  color: #fff;
  font-weight: bold;
  line-height: 1.7;
  letter-spacing: 2px;
}

/*  各仕事 横並び */
.work{
  display: flex;
  justify-content: space-between;
  border-bottom: solid 30px #000;
}
h4{
  width: 25%;
  background-color: #505050;
  margin: 0;
  padding: 50px 0 0;
  text-align: center;
  font-size: 26px;
  color: #fff;
  letter-spacing: 2px;
  line-height:1.4;
}

/* 作業写真イラスト　*/
.illust{
  width: ;
  padding: 0px 20px;
}
.work img{
  margin: 0;
  padding: 0;
  width: 250px;
  height: 250px;
  border-radius: 50%;
  background: linear-gradient(to bottom, darkgreen, #FFF);
  border: solid 0px lightgreen;
}
ul.each_work{
  width: 50%;
  margin: 0;
  padding: 10px 10px 20px 30px;
}
li.open{
  width: ;
  margin: 20px 0 0 0;
  padding: 5px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
}
li.each_work {
  position: relative;
  width: 90%;
  padding: 5px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
}
li.each_work::before{
  content: '';
  position: absolute;
  top: 11px; /* 一行目の高さに合わせる（調整可） */
  left: -17px; /* li 左端から少し右に */
  width: 14px;  /* 点の幅 */
  height: 14px; /* 点の高さ */
  vertical-align: middle;
  background-color: #dbb6a2; /* 点の色 */
  border-radius: 50%; /* 点を丸くする */
}

/*　ひとりごと　*/
.right{
  width:30%;
  background-color: #505050;
  margin: 0;
  padding: 10px 20px;
  text-align: ;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  letter-spacing: 2px;
  line-height:1.4;
}
.right p{
  padding: 5px;
  font-size: 15px;
}
p.blog_title{
  font-size: 22px;
  text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff;
}

/* 活動場所  */
table.information{
  width: 80%;
  margin: 20px 10%;
  padding: 30px 0;
}
td{
  padding: 5px;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.4;
}
td.left{
  width: 15%;
  padding: 5px;
  color: #009944;
}
p.notes{
  font-size: 18px;
  color: #009944;
  font-weight: bold;
  line-height: 1.5;
  padding: 5px 0 0 0;
}


/*   */
div.text{
  width:;
  margin: 20px auto;
  padding: 20px 10%;
  background-color: #004d25;
}
.text p{
  width: ;
  padding: 10px;
  font-size: 22px;
  color: #fff;
  font-weight: bold;
  line-height: 1.7;
}

/* モーティベーション  */
ul.cases{
  width: 100%;
  margin: 0;
  padding: 20px 10%;
}
.cases{
  width: 80%;
  padding: 10px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
}
li.case{
  width: 80%;
  font-size: 20px;
  font-weight: bold;
  padding: 0px 10px;
}
ul.keyword{
  display: flex;
  margin: 10px 0 0px 0;
}
li.keyword{
  width: auto;
  border: solid 2px #fb607f /*brink pink*/;
  background-color: green;
  color: #fff;
  padding: 4px 10px;
  margin: 20px 15px 10px 0;
}

/*  参加申込み　*/
div.text02{
  width:;
  margin: 20px auto;
  padding: 20px 10%;
  background-color: #505050;
}
.text02 p{
  width: ;
  padding: 5px;
  font-size: 22px;
  color: #fff;
  font-weight: bold;
  line-height: 1.7;
}

/*  円の中の題字　申込み・問い合わせ　*/
h2.circle{
  width: 300px;
  height: 100px;
  border-radius: 50%;
  background-color: darkgreen;
  border: solid 1px darkgreen;
  box-shadow: 10px 10px 15px -10px #000;
  text-align: center;
  line-height: 40px;
  padding: 30px 0 0 0;
  margin: 0 auto;
  text-align: center;
  font-size: 28px;
  color: #fff;
  letter-spacing: 1.5px;
}
/* 【円形】共通 */
a h2.circle{
  display: block;
  transition: all 0.6s ease 0s;
}
a h2.circle:hover{
  opacity: 1;
  cursor: pointer;
  transform: scale(1.07, 1.07);
}
/*　終わり　*/


/* ページ先頭へもどる　*/
.return_to_top{
  margin: 20px 0;
  padding: 15px 0;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 2.5px;
  text-align: center;
  background-color: #000;
  border-bottom: solid 1.5px red;
  box-shadow: 10px 10px 15px -10px;
}
.return_to_top a{
  color: #fff;
}


/*　付録　*/
/* くの字型矢印 */
.arrow{
  border-top: solid 3px #33ccff;
  border-right: solid 3px #33ccff;
  width: 14px;
  height: 14px;
  transform: rotate(45deg);
  margin: 0px 10px 0 25px;
  padding: 0;
}
p.yajirushi_link{
  margin: -19px 0 0 52px;
  font-size: 24px;
}
a p.yajirushi_link{
  color: #fff;
}