@charset "utf-8";
/*　モバイル用 css  */

/* ヘッダー */
.logo_title img{
  width: 20%;
}
h1.nagaike_title{
  margin: 30px 0 0 15%;
  font-size: 20px;
  text-align: center;
  color: #fff;
}


/* ul class="nav" index.html only */
ul.nav{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: -5px 0 0 0;
  padding: 10px 0;
  background-color: #666666;
  border-bottom: solid 1.5px red;
  box-shadow: 10px 10px 15px -10px;
}
ul.nav li{
  width: auto;
  margin: 0;
  padding: 8px;
  font-size: 17px;
  color: #fff;
  font-weight: bold;
  letter-spacing: ;
  vertical-align: ;
  text-align: ;
  line-height: ;
  text-shadow: 1px 2px 3px #808080;
}
.nav li a{
  color: #fff;
}
.nav li a:hover{
  opacity: 0.5;
}
ul.nav li:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 0px;
  margin-left: 3px;
  border: transparent solid 7px;
  border-left-color: #f00;
  vertical-align: 0px;
}


/* コンテンツ始まり */

/*  ページのタイトル  */
.page_title{
}
.satoyamaclubno{
  width: 70%;
  margin: 10px 15%;
}
.title_satosigo{
  width: 50%;
  margin: -55px 25% 0;
}
p.otonaga{
  margin: -50px auto 0px;
  font-size: 26px;
  color: #726250;
  font-weight: bold;
  letter-spacing: 2px;
  text-align: center;
}

/*   */

/* 前文  */
.preface{
  width: ;
  margin: 0px auto 0;
  background-color: #004d25;
}
.preface p{
  width: 90%;
  padding: 18px;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  line-height: 1.7;
  letter-spacing: 1px;
}

/*  各仕事 横並び */
.work{
  border-bottom: solid 30px #000;
  margin: 0 0 10px 0;
}
h4{
  width: ;
  background-color: #505050;
  margin: 0;
  padding: 20px 0;
  text-align: center;
  font-size: 20px;
  color: #fff;
  letter-spacing: 2px;
}

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


/* 活動場所  */
table.information{
  width: 98%;
  margin: 10px 5px;
}
tr{
  border-bottom: dotted 1.5px green;
}
td{
  padding: 5px 0px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3;
}
td.left{
  width: 23%;
  padding: 5px;
  color: #009944;
}
p.notes{
  font-size: 14px;
  color: #009944;
  font-weight: bold;
  line-height: 1.3;
  padding: 5px 0 0 0;
}



/*   */
div.text{
  width:95%;
  margin: 10px auto 0;
  padding: 10px 15px;
  background-color: #004d25;
}
.text p{
  width: 95%;
  padding: 5px 0 0 5px;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
}

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

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

/*  円の中の題字　申込み・問い合わせ　*/
h2.circle{
  width: 200px;
  height: 70px;
  border-radius: 50%;
  background-color: darkgreen;
  border: solid 1px darkgreen;
  box-shadow: 10px 10px 15px -10px #000;
  text-align: center;
  line-height: 30px;
  padding: 20px 0 10px;
  margin: 0 auto;
  text-align: center;
  font-size: 22px;
  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: 0px 0 10px 0;
  padding: 10px 0;
  font-size: 18px;
  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;
}

/* メイン・コンテンツ　終わり　*/