@charset "UTF-8";

/*
  ページ別CSS
*/

/***********************************************************
#1 オーバーライド: c-main
***********************************************************/
#c-main {
}

#c-main a.a-linkbtn {
  padding: 0.5em 1.5em;
  font-size: 0.9em;
	margin:  2.0em 0 1.0em ;
	border: solid 1px #333;
	width: inherit;
	color: #333;
	text-decoration: none;
}


#c-main p.p-btn {
  letter-spacing: 0.02em;
  font-weight: 300;
  margin: 2.0em 0 ;
  padding: 0 ;
}
#c-main p.p-btn a:link,
#c-main p.p-btn a:visited {
  font-size:0.9em;
  letter-spacing: 0.05em;
  color: #fff;
  padding: 0.4em 2.0em 0.6em;
  text-decoration: none;
  display: inline-block;
  font-weight: 600;
  background: #333;
  border-radius: 100vw;
}
#c-main p.p-btn a:hover {
  text-decoration: underline;
  background: #999;
}

#c-main p.p-btn03 img {
  filter: drop-shadow(2px 2px 4px #fff);
}

#c-main p.p-sub {
  font-size: 1.2em;
  font-weight: 600;
}





/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {
}


/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {
#c-main p.p-sub {
  font-size: 1.0em;
}

}


/***********************************************************
#1 culture
***********************************************************/


#c-main #box-culture {
  padding: 50px 0 50px ;
  margin:0 auto;
  width: 100%;
  max-width: 100%;
  background-color: #EBF1CA ;
  background-size: 100%;
  background-image: url("../images/dentou_bgphoto.png") ;
  background-repeat: no-repeat;
  background-position: top left;
  position: relative;
}
#c-main #box-cul-in00 {
  padding: 0 ;
  margin:0 auto;
  width: 70vw;
  max-width: 92%;
  display: flex;
  flex-direction: row;
}
#c-main #box-cul-in00-co {
  flex-basis: 55%;
  max-width: 96%;
  padding: 0 ;
  margin: 0 ;
}

#c-main #box-cul-in00-co h2 img {
  width: 25vw;
  max-width: 96%;
  padding: 0 ;
  margin: 0 ;
}
#c-main #box-cul-in00-co p {
  color: #000;
  font-weight: 400;
  line-height: 1.6em;
}

#c-main #box-cul-in01 {
  padding: 0 ;
  margin:3.0em auto 2.0em;
  width: 70vw;
  max-width: 92%;
}

#c-main #box-cul-in01 .slick-prev:before, #c-main #box-cul-in01 .slick-next:before {
    color: #6CB92E;/*黒にする*/
    opacity: 1;/*デフォルトは.75が指定されている*/
}

#c-main #box-cul-in01 .cell-act {
  padding: 0 0.5em ;
  margin:0;
  width: 100%;
  max-width: 100%;
}

#c-main #box-cul-in01 .cell-act p.act-top {
  padding: 0 ;
  margin:0 -5px 0 auto;
  width: 45%;
  max-width: 45%;
  text-align: right;
  position: relative;
}

#c-main #box-cul-in01 .cell-act p.act-top img {
  width: 100px; /* 直径 */
  height: auto; /* 高さは自動 */
  aspect-ratio: 1 / 1; /* 正円を維持 */
  border-radius: 50%;
  object-fit: cover;
  display: block;
  padding: 0;
  border: solid 2px #fff;
}
#c-main #box-cul-in01 .cell-act p.act-mdl {
  padding: 0 ;
  margin:-4.0em auto 0;
  width: 100%;
  max-width: 100%;
  position: relative;
  z-index: -1;
}

#c-main #box-cul-in01 .cell-act p.act-mdl img {
  object-fit: cover;
  height: 180px;
  width: 100%;
  max-width: 100%;
  border-radius: 0.8em;
}

#c-main #box-cul-in01 .cell-act .act-btm {
  width: 100%;
  max-width: 100%;
  padding: 0.5em 0 ;
  margin:0;
}
#c-main #box-cul-in01 .cell-act h3 {
  padding: 0 0.5em 0.3em ;
  margin:0;
  font-size: 1.0em;
  border: none;
}

#c-main p.p-culill01 {
  position: absolute;
  width: 15vw;
  top: 2%;
  left:45%;  
}

#c-main p.p-culill02 {
  position: absolute;
  width: 10vw;
  top: 40%;
  right:5px;  
}





/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {
}


/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {

#c-main #box-culture {
  padding: 100px 0 50px ;
  background-size: 120%;
  background-position: top right;
}
#c-main #box-cul-in00 {
  padding: 0 ;
  margin:0 35px 0 auto;
  width: 70vw;
  max-width: 92%;
  display: flex;
  flex-direction: column;
}
#c-main #box-cul-in00-co {
  flex-basis: 55%;
  max-width: 96%;
  padding: 0 ;
  margin: 0 ;
}

#c-main #box-cul-in00-co h2 img {
  width: 45vw;
  max-width: 96%;
  padding: 0 ;
  margin: 0 ;
}
#c-main #box-cul-in00-co p {
  color: #000;
  font-weight: 400;
  line-height: 1.4em;
  font-size: 0.9em;
}

#c-main #box-cul-in01 {
  padding: 0 ;
  margin:3.0em auto 2.0em;
  width: 70vw;
  max-width: 92%;
}

#c-main #box-cul-in01 .slick-prev:before, #c-main #box-cul-in01 .slick-next:before {
    color: #6CB92E;/*黒にする*/
    opacity: 1;/*デフォルトは.75が指定されている*/
}

#c-main #box-cul-in01 .cell-act {
  padding: 0 0.5em ;
  margin:0;
  width: 100%;
  max-width: 100%;
}

#c-main #box-cul-in01 .cell-act p.act-top {
  padding: 0 ;
  margin:0 -5px 0 auto;
  width: 45%;
  max-width: 45%;
  text-align: right;
  position: relative;
}

#c-main #box-cul-in01 .cell-act p.act-top img {
  width: 100%;
  max-width: 100%;
  text-align: center;
  border-radius: 100vw;
}
#c-main #box-cul-in01 .cell-act p.act-mdl {
  padding: 0 ;
  margin:-4.0em auto 0;
  width: 100%;
  max-width: 100%;
  position: relative;
  z-index: -1;
}

#c-main #box-cul-in01 .cell-act .act-btm {
  width: 100%;
  max-width: 100%;
  padding: 0.5em 0 ;
  margin:0;
}
#c-main #box-cul-in01 .cell-act h3 {
  padding: 0 0.5em 0.3em ;
  margin:0;
  font-size: 1.0em;
  border: none;
}

#c-main #box-cul-in01 .cell-act ul.ul-tag {
  padding: 0 0.5em ;
  margin:0;
  font-size: 0.9em;
  display: flex;
  flex-direction: row;
}
#c-main #box-cul-in01 .cell-act ul.ul-tag li {
  padding: 0.5em 0.7em ;
  margin:0.7em 1.0em 0 0;
  font-size: 0.9em;
  list-style: none;
  background: #6CB92E;
  color: #fff;
  line-height: 100%;
}

#c-main p.p-culill01 {
  position: absolute;
  width: 35vw;
  top: 2%;
  left:20%;  
}

#c-main p.p-culill02 {
  position: absolute;
  width: 22vw;
  top: 48%;
  right:5px;  
}

	
	
	
	
}


/***********************************************************
#1 food
***********************************************************/


#c-main #box-food {
  padding: 50px 0 50px ;
  margin:0 auto;
  width: 100%;
  max-width: 100%;
  background-color: #EDD4BD ;
  background-size: 100%;
  background-image: url("../images/shoku_bgphoto.png") ;
  background-repeat: no-repeat;
  background-position: top left;
  position: relative;
}
#c-main #box-food-in00 {
  padding: 0 ;
  margin:0 auto;
  width: 70vw;
  max-width: 92%;
  display: flex;
  flex-direction: row;
}
#c-main #box-food-in00-co {
  flex-basis: 55%;
  max-width: 96%;
  padding: 0 ;
  margin: 0 ;
}

#c-main #box-food-in00-co h2 img {
  width: 19vw;
  max-width: 96%;
  padding: 0 ;
  margin: 0 ;
}
#c-main #box-food-in00-co p {
  color: #000;
  font-weight: 400;
  line-height: 1.6em;
}

#c-main #box-food-in01 {
  padding: 0 ;
  margin:3.0em auto 2.0em;
  width: 70vw;
  max-width: 92%;
}

#c-main #box-food-in01 .slick-prev:before, #c-main #box-food-in01 .slick-next:before {
    color: #E26E68;/*黒にする*/
    opacity: 1;/*デフォルトは.75が指定されている*/
}

#c-main #box-food-in01 .cell-act {
  padding: 0 0.5em ;
  margin:0;
  width: 100%;
  max-width: 100%;
}

#c-main #box-food-in01 .cell-act p.act-top {
  padding: 0 ;
  margin:0 -5px 0 auto;
  width: 45%;
  max-width: 45%;
  text-align: right;
  position: relative;
}

#c-main #box-food-in01 .cell-act p.act-top img {
  width: 100px; /* 直径 */
  height: auto; /* 高さは自動 */
  aspect-ratio: 1 / 1; /* 正円を維持 */
  border-radius: 50%;
  object-fit: cover;
  display: block;
  border: solid 2px #fff;
  padding: 0;
}
#c-main #box-food-in01 .cell-act p.act-mdl {
  padding: 0 ;
  margin:-4.0em auto 0;
  width: 100%;
  max-width: 100%;
  position: relative;
  z-index: -1;
}

#c-main #box-food-in01 .cell-act p.act-mdl img {
  object-fit: cover;
  height: 180px;
  width: 100%;
  max-width: 100%;
  border-radius: 0.8em;
}


#c-main #box-food-in01 .cell-act .act-btm {
  width: 100%;
  max-width: 100%;
  padding: 0.5em 0 ;
  margin:0;
}
#c-main #box-food-in01 .cell-act h3 {
  padding: 0 0.5em 0.3em ;
  margin:0;
  font-size: 1.0em;
  border: none;
}

#c-main p.p-food {
  position: absolute;
  width: 12vw;
  top: 30%;
  right:1%;  
}



/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {
}


/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {

#c-main #box-food {
  padding: 100px 0 50px ;
  margin:0 auto;
  width: 100%;
  max-width: 100%;
  background-color: #EDD4BD ;
  background-size: 120%;
  background-image: url("../images/shoku_bgphoto.png") ;
  background-repeat: no-repeat;
  background-position: top right;
  position: relative;
}
#c-main #box-food-in00 {
  padding: 0 ;
  margin:0 35px 0 auto;
  width: 70vw;
  max-width: 92%;
  display: flex;
  flex-direction: column;
}
#c-main #box-food-in00-co {
  flex-basis: 55%;
  max-width: 96%;
  padding: 0 ;
  margin: 0 ;
}

#c-main #box-food-in00-co h2 img {
  width: 35vw;
  max-width: 96%;
  padding: 0 ;
  margin: 0 ;
}
#c-main #box-food-in00-co p {
  color: #000;
  font-weight: 400;
  line-height: 1.4em;
  font-size: 0.9em;
}

#c-main #box-food-in01 {
  padding: 0 ;
  margin:3.0em auto 2.0em;
  width: 70vw;
  max-width: 92%;
}

#c-main #box-food-in01 .slick-prev:before, #c-main #box-food-in01 .slick-next:before {
    color: #E26E68;/*黒にする*/
    opacity: 1;/*デフォルトは.75が指定されている*/
}

#c-main #box-food-in01 .cell-act {
  padding: 0 0.5em ;
  margin:0;
  width: 100%;
  max-width: 100%;
}

#c-main #box-food-in01 .cell-act p.act-top {
  padding: 0 ;
  margin:0 -5px 0 auto;
  width: 35%;
  max-width: 35%;
  text-align: right;
  position: relative;
}

#c-main #box-food-in01 .cell-act p.act-top img {
  width: 100%;
  max-width: 100%;
  text-align: center;
  border-radius: 100vw;
}
#c-main #box-food-in01 .cell-act p.act-mdl {
  padding: 0 ;
  margin:-4.0em auto 0;
  width: 100%;
  max-width: 100%;
  position: relative;
  z-index: -1;
}

#c-main #box-food-in01 .cell-act .act-btm {
  width: 100%;
  max-width: 100%;
  padding: 0.5em 0 ;
  margin:0;
}
#c-main #box-food-in01 .cell-act h3 {
  padding: 0 0.5em 0.3em ;
  margin:0;
  font-size: 1.0em;
  border: none;
}

#c-main p.p-food {
  position: absolute;
  width: 35vw;
  top: 2%;
  left:18%;  
}
	
	
}


/***********************************************************
#1 nature
***********************************************************/


#c-main #box-nature {
  padding: 50px 0 50px ;
  margin:0 auto;
  width: 100%;
  max-width: 100%;
  background-color: #D9E7E6 ;
  background-size: 100%;
  background-image: url("../images/nature_bgphoto.png") ;
  background-repeat: no-repeat;
  background-position: top left;
  position: relative;
}
#c-main #box-nature-in00 {
  padding: 0 ;
  margin:0 auto;
  width: 70vw;
  max-width: 92%;
  display: flex;
  flex-direction: row;
}
#c-main #box-nature-in00-co {
  flex-basis: 55%;
  max-width: 96%;
  padding: 0 ;
  margin: 0 ;
}

#c-main #box-nature-in00-co h2 img {
  width: 19vw;
  max-width: 96%;
  padding: 0 ;
  margin: 0 ;
}
#c-main #box-nature-in00-co p {
  color: #000;
  font-weight: 400;
  line-height: 1.6em;
}

#c-main #box-nature-in01 {
  padding: 0 ;
  margin:3.0em auto 2.0em;
  width: 70vw;
  max-width: 92%;
}

#c-main #box-nature-in01 .slick-prev:before, #c-main #box-nature-in01 .slick-next:before {
    color: #34B49A;/*黒にする*/
    opacity: 1;/*デフォルトは.75が指定されている*/
}

#c-main #box-nature-in01 .cell-act {
  padding: 0 0.5em ;
  margin:0;
  width: 100%;
  max-width: 100%;
}

#c-main #box-nature-in01 .cell-act p.act-top {
  padding: 0 ;
  margin:0 -5px 0 auto;
  width: 45%;
  max-width: 45%;
  text-align: right;
  position: relative;
}

#c-main #box-nature-in01 .cell-act p.act-top img {
  width: 100px; /* 直径 */
  height: auto; /* 高さは自動 */
  aspect-ratio: 1 / 1; /* 正円を維持 */
  border-radius: 50%;
  object-fit: cover;
  display: block;
  border: solid 2px #fff;
  padding: 0;
}
#c-main #box-nature-in01 .cell-act p.act-mdl {
  padding: 0 ;
  margin:-4.0em auto 0;
  width: 100%;
  max-width: 100%;
  position: relative;
  z-index: -1;
}

#c-main #box-nature-in01 .cell-act p.act-mdl img {
  object-fit: cover;
  height: 180px;
  width: 100%;
  max-width: 100%;
  border-radius: 0.8em;
}

#c-main #box-nature-in01 .cell-act .act-btm {
  width: 100%;
  max-width: 100%;
  padding: 0.5em 0 ;
  margin:0;
}
#c-main #box-nature-in01 .cell-act h3 {
  padding: 0 0.5em 0.3em ;
  margin:0;
  font-size: 1.0em;
  border: none;
}

#c-main .cell-act ul {
  padding: 0 0.5em ;
  margin:0;
  font-size: 0.9em;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
#c-main .cell-act ul li.nature {
  padding: 0.5em 0.7em ;
  margin:0.7em 1.0em 0 0;
  font-size: 0.9em;
  list-style: none;
  background: #34B49A;
  color: #fff;
  line-height: 100%;
  border-radius: 0.3em;
}

#c-main .cell-act ul li.cul {
  padding: 0.5em 0.7em ;
  margin:0.7em 1.0em 0 0;
  font-size: 0.9em;
  list-style: none;
  background: #6CB92E;
  color: #fff;
  line-height: 100%;
  border-radius: 0.3em;
}

#c-main .cell-act ul li.food {
  padding: 0.5em 0.7em ;
  margin:0.7em 1.0em 0 0;
  font-size: 0.9em;
  list-style: none;
  background: #E26E68;
  color: #fff;
  line-height: 100%;
  border-radius: 0.3em;
}

#c-main .cell-act ul li.guide {
  padding: 0.5em 0.7em ;
  margin:0.7em 1.0em 0 0;
  font-size: 0.9em;
  list-style: none;
  background: #34B49A;
  color: #fff;
  line-height: 100%;
  border-radius: 0.3em;
}

#c-main .cell-act ul li.english {
  padding: 0.5em 0.7em ;
  margin:0.7em 1.0em 0 0;
  font-size: 0.8em;
  list-style: none;
  border: solid 1px #459F4D;
  color: #459F4D;
  background: #fff;
  line-height: 100%;
  border-radius: 0.3em;
  font-weight: 600;
}

#c-main p.p-nature01 {
  position: absolute;
  width: 12vw;
  top: 40%;
  left:1%;  
}

#c-main p.p-nature02 {
  position: absolute;
  width: 10vw;
  bottom: 5%;
  right:2%;  
}

/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {
}


/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {

#c-main #box-nature {
  padding: 100px 0 50px ;
  margin:0 auto;
  width: 100%;
  max-width: 100%;
  background-color: #D9E7E6 ;
  background-size: 120%;
  background-image: url("../images/nature_bgphoto.png") ;
  background-repeat: no-repeat;
  background-position: top right;
  position: relative;
}
#c-main #box-nature-in00 {
  padding: 0 ;
  margin:0 35px 0 auto;
  width: 70vw;
  max-width: 92%;
  display: flex;
  flex-direction: column;
}
#c-main #box-nature-in00-co {
  flex-basis: 55%;
  max-width: 96%;
  padding: 0 ;
  margin: 0 ;
}

#c-main #box-nature-in00-co h2 img {
  width: 35vw;
  max-width: 96%;
  padding: 0 ;
  margin: 0 ;
}
#c-main #box-nature-in00-co p {
  color: #000;
  font-weight: 400;
  line-height: 1.4em;
  font-size: 0.9em;
}

#c-main #box-nature-in01 {
  padding: 0 ;
  margin:3.0em auto 2.0em;
  width: 70vw;
  max-width: 92%;
}

#c-main #box-nature-in01 .slick-prev:before, #c-main #box-nature-in01 .slick-next:before {
    color: #34B49A;/*黒にする*/
    opacity: 1;/*デフォルトは.75が指定されている*/
}

#c-main #box-nature-in01 .cell-act {
  padding: 0 0.5em ;
  margin:0;
  width: 100%;
  max-width: 100%;
}

#c-main #box-nature-in01 .cell-act p.act-top {
  padding: 0 ;
  margin:0 -5px 0 auto;
  width: 35%;
  max-width: 35%;
  text-align: right;
  position: relative;
}

#c-main #box-nature-in01 .cell-act p.act-top img {
  width: 100%;
  max-width: 100%;
  text-align: center;
  border-radius: 100vw;
}
#c-main #box-nature-in01 .cell-act p.act-mdl {
  padding: 0 ;
  margin:-4.0em auto 0;
  width: 100%;
  max-width: 100%;
  position: relative;
  z-index: -1;
}

#c-main #box-nature-in01 .cell-act .act-btm {
  width: 100%;
  max-width: 100%;
  padding: 0.5em 0 ;
  margin:0;
}
#c-main #box-nature-in01 .cell-act h3 {
  padding: 0 0.5em 0.3em ;
  margin:0;
  font-size: 1.0em;
  border: none;
}

#c-main p.p-nature01 {
  position: absolute;
  width: 30vw;
  top: 48%;
  left:67%;  
}

#c-main p.p-nature02 {
  position: absolute;
  width: 28vw;
  top: 1%;
  left:18%;  
}


}


/***********************************************************
#1 about
***********************************************************/


#c-main #box-about {
  padding: 100px 0 100px ;
  margin:0 auto;
  width: 100%;
  max-width: 100%;
  position: relative;
}
#c-main #box-about-in00 {
  padding: 0 ;
  margin:0 auto;
  width: 50vw;
  max-width: 92%;
}

#c-main #box-about-in00 h2 {
  width: 19vw;
  max-width: 96%;
  padding: 0 ;
  margin: 0 auto;
}
#c-main #box-about-in00 p.p-about {
  text-align: center;
  padding: 0 ;
  margin: 1.5em auto 0.5em;
  font-weight: 600;
  font-size: 1.1em;
}

#c-main #box-about-in01 {
  padding: 0 ;
  margin:0 auto;
  width: 70vw;
  max-width: 92%;
  display: flex;
  flex-direction: row;
  align-items: center;
}

#c-main .box-about-in01-co:nth-child(2n-1){
  padding: 1.0em ;
  margin:0 auto;
  flex-basis: 20%;
  max-width: 92%;
}
#c-main .box-about-in01-co:nth-child(2n){
  padding: 1.0em ;
  margin:0 auto;
  flex-basis: 5%;
  max-width: 92%;
}

#c-main p.p-about01 {
  position: absolute;
  width: 9vw;
  top: 15%;
  left:20%;  
}

#c-main p.p-about02 {
  position: absolute;
  width: 11vw;
  top: 55%;
  left:8%;  
}

#c-main p.p-about03 {
  position: absolute;
  width: 13vw;
  top: 10%;
  right:20%;  
}

#c-main p.p-about04 {
  position: absolute;
  width: 11vw;
  top: 35%;
  right:5%;  
}

#c-main p.p-about05 {
  position: absolute;
  width: 7vw;
  bottom: 7%;
  right:15%;    
}


/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {
}


/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {

	
#c-main #box-about {
  padding: 50px 0  ;
  margin:0 auto;
  width: 100%;
  max-width: 100%;
  position: relative;
}
#c-main #box-about-in00 {
  padding: 0 ;
  margin:0 auto;
  width: 60vw;
  max-width: 92%;
}

#c-main #box-about-in00 h2 {
  width: 55vw;
  max-width: 96%;
  padding: 0 ;
  margin: 0 auto;
}
#c-main #box-about-in00 p.p-about {
  text-align: center;
  padding: 0 ;
  margin: 1.5em auto 0.5em;
  font-weight: 600;
  font-size: 0.9em;
  line-height: 1.4em;
}

#c-main #box-about-in01 {
  padding: 0 ;
  margin:0 auto;
  width: 70vw;
  max-width: 92%;
  display: flex;
  flex-direction:column;
  align-items: center;
}

#c-main .box-about-in01-co:nth-child(2n-1){
  padding: 0.5em ;
  margin:0 auto;
  width: 65%;
  max-width: 92%;
}
#c-main .box-about-in01-co:nth-child(2n){
  padding: 0.5em ;
  margin:0 auto;
  width: 20%;
  max-width: 92%;
  transform: rotate(90deg)
}

#c-main p.p-about01 {
  position: absolute;
  width: 35vw;
  top: 40%;
  left:68%;
}

#c-main p.p-about02 {
  display: none;
}

#c-main p.p-about03 {
  display: none;
}

#c-main p.p-about04 {
  display: none;
}

#c-main p.p-about05 {
  position: absolute;
  width: 35vw;
  bottom: 0%;
  right:5%;    
}
	
	
	
}


/***********************************************************
#1 members
***********************************************************/


#c-main #box-members {
  padding: 100px 0 50px ;
  margin:0 auto;
  width: 100%;
  max-width: 100%;
  background: #459F4D;
}
#c-main #box-members-in {
  padding: 0 ;
  margin:0 auto;
  width: 80vw;
  max-width: 92%;
}

#c-main #box-members-in h2 {
  width: 12vw;
  max-width: 96%;
  padding: 0 ;
  margin: 0 auto;
}

#c-main .col-members {
  width: 100%;
  max-width: 100%;
  padding: 0 ;
  margin: 3.0em auto;
}

#c-main .col-members-co {
  width: 100%;
  max-width: 100%;
  padding: 0 20px ;
  margin: 0;
}

#c-main .col-members-co a:link,
#c-main .col-members-co a:visited {
  text-decoration: none;
}

#c-main .col-members-co a:hover {
  text-decoration: underline;
}

#c-main .col-members-co-tp {
  padding: 0 ;
  margin:0 auto;
  width: 100%;
  max-width: 100%;
}

#c-main .col-members-co-tp img {
  width: 500px; /* 直径 */
  height: auto; /* 高さは自動 */
  aspect-ratio: 1 / 1; /* 正円を維持 */
  border-radius: 50%;
  object-fit: cover;
  display: block;
}

#c-main .col-members-co-btm {
  padding: 0 ;
  margin:0 auto;
  width: 100%;
  max-width: 100%;
}
#c-main .col-members-co-btm h3 {
  border: none;
  text-align: center;
  font-size: 1.2em;
  font-weight: 600;
  color: #fff;
  margin: 0 0 0.5em ;
  padding: 0 ;
}


#c-main .col-members-co-btm p {
  font-size: 0.9em;
  color: #fff;
  line-height: 1.4em;
}
#c-main p.p-btn-b {
  text-align: center;
}
#c-main p.p-btn-b img {
  width: 30%;
}


/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {
}


/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {

#c-main #box-members {
  padding: 50px 0 30px ;
}

#c-main #box-members-in h2 {
  width: 55vw;
}

#c-main .col-members-co-btm p {
  font-size: 0.9em;
  color: #fff;
}
#c-main p.p-btn-b {
  text-align: center;
}
#c-main p.p-btn-b img {
  width: 95%;
}
	
	
	
}


/***********************************************************
#1 link
***********************************************************/


#c-main #box-link {
  padding: 100px 0 50px ;
  margin:0 auto;
  width: 100%;
  max-width: 100%;
}
#c-main #box-link-in {
  padding: 0 ;
  margin:0 auto;
  width: 80vw;
  max-width: 92%;
}

#c-main #box-link-in h2 {
  width: 10vw;
  max-width: 96%;
  padding: 0 0 0.5em;
  margin: 0 auto ;
}


#c-main .col-link {
  width: 100%;
  max-width: 100%;
  padding: 0 ;
  margin: 3.0em auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

#c-main .col-link-co {
  flex-basis: calc(100% / 5 - 2%);
  max-width: 100%;
  padding: 0 ;
  margin: 0 1% 1.0em;
}

#c-main .col-link-co p {
  background: #FFF;
  border: solid 2px #459F4D;
  color: #459F4D;
  text-align: center;
  padding: 0.8em 0 ;
}

#c-main .col-link-co p a:link,
#c-main .col-link-co p a:visited {
  color: #000;
  text-decoration: none;
}
#c-main .col-link-co p a:hover {
  color: #000;
  text-decoration: underline;
}



/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {
}


/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {

	
#c-main #box-link {
  padding: 50px 0 50px ;
}

#c-main #box-link-in h2 {
  width: 40vw;
}


#c-main .col-link {
  width: 80%;
  max-width: 100%;
  padding: 0 ;
  margin: 1.0em auto ;
  flex-direction: column;
}

#c-main .col-link-co {
  flex-basis: calc(100% / 5 - 2%);
  max-width: 100%;
  padding: 0 ;
  margin: 0 1% 0.5em;
}


#c-main .col-link-co p a:link,
#c-main .col-link-co p a:visited {
  color: #000;
  text-decoration: none;
}
#c-main .col-link-co p a:hover {
  color: #000;
  text-decoration: underline;
}
	
	
}

/************************************
** お問い合わせフォームの入力
************************************/
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="date"],	
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
  display: block;
  width: 100%;
  height: 45px;
  margin-bottom: 0;
  padding: 0 12px;
  border: 0;
  border-radius: 3px;
  background-color: #eff1f5;
  box-shadow: none;
  color: #5c6b80;
  font-size: 1em;
  vertical-align: middle;
  line-height: 45px;
  transition: background-color 0.24s ease-in-out;
}
textarea {
  max-width: 100%;
  min-height: 120px;
  line-height: 1.5em;
  padding: 0.5em;
  overflow: auto;
}
span.wpcf7-list-item {
  display: block;
}

#c-main table.inquiry {
  width: 100%;
}

#c-main .inquiry th {
    text-align: left;
    color: #444;
    padding-right: 5px;
    width: 30%;
    background: none;
    border: none;
    padding: 2.0em 1.0em 2.0em 0.5em ;
    vertical-align: top;
}
#c-main .inquiry th .inner {
  text-align: left;
  font-size: 14px;
  color: #444;
  position: relative;
  padding : 8px 0 0 0;
  margin: 0;
  display: block;
}
#c-main .inquiry th .must {
  text-align: center;
  font-size: 12px;
  position: absolute;
  padding : 5px 5px;
  color: #C30F18;
  border: #C30F18 solid 1px;
  border-radius: 4px;
  top:2px;
  right :0 ; 
  display: block;
  width: 50px;
}

#c-main .inquiry th .optional {
  text-align: center;
  font-size: 12px;
  position: absolute;
  padding : 5px 5px;
  color: #0066CC;
  border: #0066CC solid 1px;
  border-radius: 4px;
  top:2px;
  right :0 ; 
  display: block;
  width: 50px;
}

#c-main .inquiry td {
    font-size: 13px;
    border: none;
    padding: 2.0em 1.0em ;
	background:none;
}
#c-main .inquiry tr {
  font-size: 13px;
  border-bottom : solid 1px #ccc;
  padding: 1.0em 0 ;
}
#c-main .entry-content .inquiry tr,
#c-main .entry-content table {
    border: none;
}

#c-main .verticallist .wpcf7-list-item {
    display: block
}
#c-main #formbtn {
    display: block;
    padding: 15px;
    width: 350px;
    background: #ffaa56;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    border-radius: 2px;
    margin: 25px auto 0
}
#c-main #formbtn:hover {
    background: #fff;
    color: #ffaa56;
    border: 2px solid #ffaa56
}
th {
    font-weight: 700;
    text-transform: uppercase;
    padding: 13px
}

#c-main table th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 2.5px);
  right:-5px;
  border-left: 5px solid #075284;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}


td {
    padding: 12px
}
input,
select,
textarea {
    border: 1px solid #dfdfdf;
    letter-spacing: 1px;
    margin: 0;
    max-width: 100%;
    resize: none
}

input.wpcf7-submit,
input.wpcf7-back,
input.wpcf7-confirm {
  display: inline-block;
  padding: 1.0em 3em;
  text-decoration: none;
  color: #fff;
  background:#075284;
  transition: .4s;
  font-size: 110%;
  margin: 2.0em auto;
}

input.wpcf7-submit:hover,
input.wpcf7-back:hover,
input.wpcf7-confirm:hover {
  color: white;
}

/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {

#c-main .inquiry th,
#c-main .inquiry td {
    display: block;
	width: 100%;
}	

}



/***********************************************************
#1 下階層
***********************************************************/


#c-main .box-2nd {
  padding: 1.0em 0 3.5em ;
  margin:0 auto;
  width: 100%;
  max-width: 100%;
  background: #f7f7f8;
}
#c-main .box-2nd-in {
  padding: 0 ;
  margin:0 auto;
  width: 70vw;
  max-width: 100%;
}

/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {

#c-main .box-2nd-in {
  width: 80%;
}
}


/***********************************************************
#1 アクティビティ詳細ページ用
***********************************************************/

#c-main .col-act-main {
  padding: 0;
  margin:  0.5em auto 1.0em;
  width: 100%;
  max-width: 100%;
}
#c-main .col-act-main ul {
  padding: 0;
  margin: 0;
}

#c-main .col-act-main img {
  width: 100%;
  object-fit: cover;
  height: 80vh;
}


#c-main .box-activity-info {
  padding: 0;
  margin:  1.5em auto 0.5em;
  width: 100%;
  max-width: 100%;
}
#c-main .col-activity-info {
  padding: 1.0em 0 0.5em ; 
  margin:  0;
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
#c-main .col-activity-info p {
  padding: 0;
  margin: 0 1.0em 0.5em 0 ;
  color: #111;
}

#c-main .col-activity-info span {
  padding: 0;
  margin: 0 0.8em 0 0  ;
  color: #111;
}

#c-main .col-activity-info img.img-icon {
  padding: 0;
  margin: 0 0.5em 0 0 ;
}

#c-main .col-activity-info02 {
  padding: 0.5em 0 1.0em ; 
  margin: 0;
  width: 100%;
  max-width: 96%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

#c-main .col-activity-info02 p a:link,
#c-main .col-activity-info02 p a:visited {
  color: #fff;
  text-decoration: none;
}

#c-main .col-activity-info02 p a:hover {
  text-decoration: underline;
}

#c-main .col-activity-info02 p.cul {
  padding: 0.3em 1.2em 0.5em ;
  margin: 0 1.0em 0.5em 0 ;
  background: #6CB92E;
  color: #fff;
  font-size: 0.9em;
  font-weight: 600;
  border-radius: 0.3em;
}

#c-main .col-activity-info02 p.food {
  padding: 0.3em 1.2em 0.5em ;
  margin: 0 1.0em 0.5em 0 ;
  background: #E26E68;
  color: #fff;
  font-size: 0.9em;
  font-weight: 600;
  border-radius: 0.3em;
}
#c-main .col-activity-info02 p.guide {
  padding: 0.3em 1.2em 0.5em ;
  margin: 0 1.0em 0.5em 0 ;
  background: #34B49A;
  color: #fff;
  font-size: 0.9em;
  font-weight: 600;
  border-radius: 0.3em;
}
#c-main .col-activity-info02 p.english {
  padding: 0.3em 1.2em 0.5em ;
  margin: 0 1.0em 0.5em 0 ;
  background: #fff;
  color: #459F4D;
  font-size: 0.9em;
  font-weight: 600;
  border-radius: 0.3em;
  border: solid #459F4D 2px;
}

#c-main .col-activity-info02 p.english a:link,
#c-main .col-activity-info02 p.english a:visited {
  color: #459F4D;
  text-decoration: none;
}

#c-main .col-activity-info03 {
  padding: 0 0 0.5em ; 
  margin:  0 auto;
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
#c-main .col-activity-info03 p{
  padding: 0 0 0.5em ;
  margin: 0 1.0em 0 0 ;
  color: #666;
  font-size: 0.9em;
}

#c-main .col-activity-info03 p a:link,
#c-main .col-activity-info03 p a:visited {
  color: #666;
  text-decoration: none;
  border: solid 1px #666;
  border-radius: 0.2em;
  padding: 0.2em 1.5em;
}

#c-main .col-activity-info03 p a:hover {
  text-decoration: underline;
}

#c-main .col-activity-info04 {
  padding: 0 0 0.5em ; 
  margin:  0 auto;
  width: 100%;
  max-width: 100%;
}
#c-main .col-activity-info04 {
  padding: 0 0 0.5em ; 
  margin:  0 auto;
  width: 100%;
  max-width: 100%;
}
#c-main .col-activity-info04 h3 {
  padding: 0 0 0.5em 0.3em ;
  margin: 1.5em 0 1.5em;
  border-bottom: dotted 2px #4ea85a;
  font-size: 1.6em;
  line-height: 1.5em;
  font-family: 'M PLUS 1p', sans-serif;
  font-weight: 600;
  text-align: center;
  color: #4ea85a;
}

#c-main .col-activity-info04-co {
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: row;
  margin-bottom: 1.5em;
}
#c-main .col-activity-info04-co-l {
  flex-basis: 25%;
}

#c-main .col-activity-info04-co-l img {
  width: 100%;
  height: 180px;
  object-fit: cover;
}
#c-main .col-activity-info04-co-r {
  flex-basis: 73%;
  padding: 0 0 0 1.0em;
}
#c-main .col-activity-info04-co-r h4 {
  flex-basis: 70%;
  margin: 0 0 0.5em ;
  padding: 0 ;
  border: none;
  font-family: 'M PLUS 1p', sans-serif;
  font-size: 1.3em;
  font-weight: 500;
}

#c-main .col-activity-info03 p{
  padding: 0 0 0.5em ;
  margin: 0 1.0em 0 0 ;
  color: #666;
  font-size: 0.9em;
}

#c-main .col-activity-info03 p a:link,
#c-main .col-activity-info03 p a:visited {
  color: #666;
  text-decoration: none;
  border: solid 1px #666;
  border-radius: 0.2em;
  padding: 0.2em 1.5em;
}

#c-main .col-activity-info03 p a:hover {
  text-decoration: underline;
}

#c-main .col-activity-info04 {
  padding: 0 0 0.5em ; 
  margin:  0 auto;
  width: 100%;
  max-width: 100%;
}

#c-main h3.head {
    margin:  0;             /* デフォルトCSS打ち消し */
    font-size:  1.2em;       /* 文字サイズ指定 */
    position:  relative;    /* 位置調整 */
    font-weight:  normal;   /* 文字の太さ調整 */
    display:  inline-block; /* インラインブロックにする */
    background-color: #f7f7f8; /* 背景色指定 */
    margin-left: 0;      /* 周りの余白指定 */
    padding: 0 10px;        /* 余白指定 */
	border: none;
	color: #000;
}

#c-main .head-wrap {
    position: relative;     /* 位置調整 */
    margin-bottom:0.8em;     /* 周りの余白指定 */
	margin-top: 1.0em;
}
#c-main .head-wrap:before {
    content:  '';           /* 空白の要素を作る */
    background-color: #000; /* 背景色指定 */
    display:  block;        /* ブロック要素にする */
    position:  absolute;    /* 位置調整 */
    left:  0;               /* 位置調整 */
    width:  100%;           /* 幅指定 */
    height:  1px;           /* 高さ指定 */
    top: 0;                 /* 位置調整 */
    bottom:  0;             /* 位置調整 */
    margin:  auto;          /* 位置調整 */
}

#c-main .box-fee {
  padding: 0 ;
  margin:  1.0em 0 0 0.5em ;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

#c-main .box-fee dl {
  color: #666;
  margin-right: 2.0em;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

#c-main .box-fee dt {
 margin-right: 0.5em;
 padding-right: 0;
}
#c-main .box-fee dd {
  padding-left: 0;
  margin-left: 0;
}
#c-main .box-fee dd span {
  color:#333;
  font-size: 1.1em;
}


#c-main .starttime {
  font-size:1.4em;
}

#c-main .box-etc dl {
  margin-left: 2.0em;
  border-bottom: dotted #999 1px;
  padding-bottom: 0.5em;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

#c-main .box-etc dt {
  margin-right:  0.8em;
  flex-basis: auto;
}
#c-main .box-etc dd {
}

#c-main .timeline {
  width: 98%;
  margin: 1.0em auto;
  padding: 1.5em 1.0em 0.5em;
  color: #4D4D4D;
}

#c-main .timeline dl {
  border-bottom: dotted 1px #4D4D4D;
  display: flex;
  flex-direction: row;
}

#c-main .timeline dt {
  padding-bottom: 0.8em;
  margin-right: auto;
}
#c-main .timeline dd {
  width: auto;
  padding-bottom: 0.8em;
}

#c-main p.btn-dtail {
  color:#fff;
  background: #4ea85a;
  font-size: 1.2em;
  padding: 1.0em 0 ;
  text-align: center;
  width: 90%;
  margin: 1.0em 5%;
  display: inline-block;
}

#c-main p.btn-dtail a {
  color:#fff;
  text-decoration: none;
}
#c-main p.btn-dtail a:active {
  color:#fff;
  text-decoration: none;
}
#c-main p.btn-dtail a:hover {
  color:#fff;
  text-decoration: underline;
}

#c-main #box-blocktab {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
}

#c-main #box-blocktab h2 {
  padding: 0;
  margin: 0.3em 0 1.0em 0;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-size: 1.6em;
  text-align: center;
  line-height: 140%;
}

#c-main #box-blocktab .tab-wrap {
  display: flex;
  flex-wrap: wrap;
  margin:20px 0;
}
#c-main #box-blocktab .tab-wrap:after {
  content: '';
  width: 100%;
  height: 3px;
  display: block;
  order: -1;
}
#c-main #box-blocktab .tab-label01,
#c-main #box-blocktab .tab-label02,
#c-main #box-blocktab .tab-label03,
#c-main #box-blocktab .tab-label04,
#c-main #box-blocktab .tab-label05,
#c-main #box-blocktab .tab-label06 {
  color: #FFF;
  background: #ccc;
  font-weight: 500;
  text-shadow: 0 -1px 0 rgba(0,0,0,.2);
  white-space: nowrap;
  text-align: center;
  padding: 10px .5em;
  order: -1;
  position: relative;
  z-index: 1;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
  flex: 1;
}

#c-main #box-blocktab .tab-label {
  color: White;
  background: LightGray;
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(0,0,0,.2);
  white-space: nowrap;
  text-align: center;
  padding: 10px .5em;
  order: -1;
  position: relative;
  z-index: 1;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
  flex: 1;
}

#c-main #box-blocktab .tab-label:not(:last-of-type) {
  margin-right: 5px;
}
#c-main #box-blocktab .tab-label01:not(:last-of-type),
#c-main #box-blocktab .tab-label02:not(:last-of-type),
#c-main #box-blocktab .tab-label03:not(:last-of-type),
#c-main #box-blocktab .tab-label04:not(:last-of-type),
#c-main #box-blocktab .tab-label05:not(:last-of-type),
#c-main #box-blocktab .tab-label06:not(:last-of-type) {
  margin-right: 5px;
}
#c-main #box-blocktab .tab-content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
  background: #fff;
}
/* アクティブなタブ */
#c-main #box-blocktab .tab-switch:checked+.tab-label {
  background: #4ea85a;
}
#c-main #box-blocktab .tab-switch:checked+.tab-label01 {
  background: #4ea85a;
}
#c-main #box-blocktab .tab-switch:checked+.tab-label02 {
  background: #4ea85a;
}
#c-main #box-blocktab .tab-switch:checked+.tab-label03 {
  background: #4ea85a;
}
#c-main #box-blocktab .tab-switch:checked+.tab-label04 {
  background: #4ea85a;
}
#c-main #box-blocktab .tab-switch:checked+.tab-label05 {
  background: #4ea85a;
}
#c-main #box-blocktab .tab-switch:checked+.tab-label06 {
  background: #4ea85a;
}

#c-main #box-blocktab .tab-switch:checked+.tab-label+.tab-content {
  height: auto;
  overflow: auto;
  padding: 15px;
  opacity: 1;
  transition: .5s opacity;
  box-shadow: 0 0 3px rgba(0,0,0,.2);
}
#c-main #box-blocktab .tab-switch:checked+.tab-label01+.tab-content,
#c-main #box-blocktab .tab-switch:checked+.tab-label02+.tab-content,
#c-main #box-blocktab .tab-switch:checked+.tab-label03+.tab-content,
#c-main #box-blocktab .tab-switch:checked+.tab-label04+.tab-content,
#c-main #box-blocktab .tab-switch:checked+.tab-label05+.tab-content,
#c-main #box-blocktab .tab-switch:checked+.tab-label06+.tab-content {
  height: auto;
  overflow: auto;
  padding: 15px;
  opacity: 1;
  transition: .5s opacity;
}

/* ラジオボタン非表示 */
#c-main #box-blocktab .tab-switch {
  display: none;
}

#c-main #box-blocktab ul {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  margin: 0 ;
  padding: 0 ;
}

#c-main #box-blocktab ul li {
  width: 20%;
  max-width: 100%;
  float: left;
  margin: 0.3em 0 ;
  padding: 0 1%;
  list-style: none;
}
#c-main #box-blocktab p {
  margin-left: 1.0em;
}

#c-main #box-blocktab .col-aten {
  width: 98%;
  max-width: 100%;
  margin: 1.0em auto 0.2em;
  padding: 0.3em 0.7em;
  background: #E8F5FF;
  border-radius: 0.3em;
}
#c-main #box-blocktab .col-aten p {
  margin: 0.2em 0 0;
  padding: 0;
  font-size: 0.9em;
  line-height: 1.2em;
}
#c-main #box-blocktab .col-aten ul {
  margin: 0.2em 0 ;
}
#c-main #box-blocktab .col-aten li {
  float: none;
  list-style-type: disc;/* リストの左側に黒丸 */
  margin-left: 24px;/* リストの左側に余白 */
  text-align: left;
  width: 100%;
  line-height: 120%;
  font-size: 0.8em;
}

#c-main #box-blocktab p.list-pdf {
  text-align: center ;
  padding: 1.0em 0 ;
  margin: 1.0em;
}

#c-main #box-blocktab p.list-pdf a:link,
#c-main #box-blocktab p.list-pdf a:visited {
  padding: 0.5em 1.5em ;
  margin: 0;
  color: #fff;
  text-decoration: none;
  border: solid 1px #fff;
}
#c-main #box-blocktab p.list-pdf a:hover {
  text-decoration: underline;
}


#c-main #box-blocktab .title01 {
}

#c-main #box-blocktab h2 {
 background: #4ea85a;
 padding: 0.5em 1.0em;
 margin: 0.8em 0 0.5em  ;
 line-height: 1.0em;
 text-align: left;
 color: #fff;
}
#c-main #box-blocktab h3 {
 padding: 0.5em 1.0em 0.5em 0.5em;
 margin: 1.8em 0.5em 1.5em  ;
 line-height: 1.0em;
 text-align: left;
 color: #333;
 font-size: 1.2em;
 border-bottom: solid 1px #333;
 font-weight: 600;
}




#c-main .box-company-summary {
  padding: 0 ;
  margin:  1.0em 0 ;
  display: flex;
  flex-direction: row;
}
#c-main .box-company-summary-l {
  padding: 0 ;
  margin:  0 ;
  flex-basis: 30%;
}
#c-main .box-company-summary-r {
  padding: 0 0 0 1.0em ;
  margin:  0 ;
  flex-basis: 70%;
}
#c-main .box-company-summary-r h2 {
  padding: 0 ;
  margin:  0.5em 0 0.5em ;
  font-weight: 700;
  border: none;
  font-size: 1.6em;
}
#c-main .box-company-summary-r h3 {
  padding: 0 ;
  margin:  0 0 0.5em ;
  color:#666;
  font-weight: bold;
  border: none;
  font-size: 1.2em;
}


#c-main h3.h3-logo {
  padding: 0 ;
  margin:  2.5em 0 1.5em ;
  border: none;
  text-align: center ;
}

#c-main h3.h3-logo img {
  width: 25%;
}




/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {
#c-main .col-act-main img {
  height: 40vh;
}
#c-main .box-activity-info ul {
  padding: 0;
  margin: 0 1.0em 0.8em 0 ;
  float: none;
}
	

	
	
	

}

/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {

#c-main .col-activity-info04-co {
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 1.5em;
}	

#c-main .box-activity-info p {
  font-size: 0.9em;
  line-height: 1.3em;
}	
	
#c-main .box-activity-info img.img-icon {
  padding: 0;
  margin: 0 0 0 0 ;
}
#c-main .box-activity-info li {
  margin: 0.5em 0 0.5em 0.5em ;
  width: 46%;
  max-width: 100%;
}	

#c-main #box-blocktab h2 {
  font-size: 1.3em;
}

#c-main #box-blocktab ul li {
  width: 33.33%;
}
#c-main #box-blocktab p {
  margin-left: 0.9em;
  line-height: 1.3em;
}

#c-main #box-blocktab .title01 h2,
#c-main #box-blocktab .title02 h2,
#c-main #box-blocktab .title03 h2,
#c-main #box-blocktab .title04 h2,
#c-main #box-blocktab .title05 h2,
#c-main #box-blocktab .title06 h2 {
 padding: 0.3em 0.2em ;
}

#c-main #box-blocktab .title01 h3,
#c-main #box-blocktab .title02 h3,
#c-main #box-blocktab .title03 h3,
#c-main #box-blocktab .title04 h3,
#c-main #box-blocktab .title05 h3,
#c-main #box-blocktab .title06 h3 {
 margin: 0.5em 0 ;
 font-size: 1.2em;
}
	
	
	
#c-main .box-company-summary {
  padding: 0 ;
  margin:  1.0em 0 ;
  display: flex;
  flex-direction: column;
}
	
#c-main h3.h3-logo img {
  width: 60%;
}

	
}



/***********************************************************
#1 activity一覧
***********************************************************/



#c-main #box-activity-in{
  padding: 0 ;
  margin: 3.0em auto 2.0em;
  width: 70vw;
  max-width: 92%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
#c-main #box-activity02-in {
  padding: 0 ;
  margin: 3.0em auto 2.0em;
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

#c-main #box-activity-in .cell-act,
#c-main #box-activity02-in .cell-act {
  padding: 0 0.5em ;
  margin:0 1% 2.5em;
  flex-basis: calc(100% / 4 - 2%);
  max-width: 100%;
}

#c-main #box-activity-in .cell-act p.act-top {
  padding: 0 ;
  margin:0 -5px 0 auto;
  width: 35%;
  max-width: 35%;
  text-align: right;
  position: relative;
  z-index: 2;
}

#c-main #box-activity-in .cell-act p.act-top img {
  width: 100px; /* 直径 */
  height: auto; /* 高さは自動 */
  aspect-ratio: 1 / 1; /* 正円を維持 */
  border-radius: 50%;
  object-fit: cover;
  display: block;
  padding: 0;
  border: solid 2px #fff;
}
#c-main #box-activity-in .cell-act p.act-mdl {
  padding: 0 ;
  margin:-4.0em auto 0;
  width: 100%;
  max-width: 100%;
  position: relative;
  z-index: 1;
}
#c-main #box-activity02-in .cell-act p.act-mdl {
  padding: 0 ;
  margin:0 auto 0;
  width: 100%;
  max-width: 100%;
}
#c-main #box-activity-in .cell-act p.act-mdl img,
#c-main #box-activity02-in .cell-act p.act-mdl img {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9; 
  object-fit: cover;
  display: block;
  border-radius: 0.3em;
}

#c-main #box-activity-in .cell-act .act-btm,
#c-main #box-activity02-in .cell-act .act-btm {
  width: 100%;
  max-width: 100%;
  padding: 0.5em 0 ;
  margin:0;
}
#c-main #box-activity-in .cell-act h3,
#c-main #box-activity02-in .cell-act h3 {
  padding: 0.5em 0.5em 0.3em ;
  margin:0;
  font-size: 1.0em;
  border: none;
}






/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {
}


/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {

#c-main #box-activity-in {
  width:100%;
  flex-direction: column;
}
	
#c-main #box-activity-in .cell-act {
  padding: 0 0.5em ;
  margin:0 1% 2.5em;
  flex-basis: calc(100% / 2 - 2%);
  max-width: 100%;
}	

#c-main #box-activity02-in {
  flex-direction: column;
}
	
	
	
}

/***********************************************************
#1 members
***********************************************************/


#c-main .col-members02 {
  width: 100%;
  max-width: 100%;
  padding: 0 ;
  margin: 3.0em auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

#c-main .col-members02 .col-members-co {
  flex-basis: calc( 100% / 5 - 3%);
  max-width: 100%;
  padding: 0 ;
  margin: 0 1.5% 1.5em;
}

#c-main .col-members02 .col-members-co a:link,
#c-main .col-members02 .col-members-co a:visited {
  text-decoration: none;
}

#c-main .col-members02 .col-members-co a:hover {
  text-decoration: underline;
}

#c-main .col-members02 .col-members-co-tp {
  padding: 0 ;
  margin:0 auto;
  width: 100%;
  max-width: 100%;
}

#c-main .col-members02 .col-members-co-tp img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  border-radius: 0;
}

#c-main .col-members02 .col-members-co-btm {
  padding: 0 ;
  margin:0 auto;
  width: 100%;
  max-width: 100%;
}
#c-main .col-members02 .col-members-co-btm h3 {
  border: none;
  text-align: center;
  font-size: 1.2em;
  font-weight: 600;
  color: #000;
  margin: 0 0 0.5em ;
  padding: 0 ;
}


#c-main .col-members02 .col-members-co-btm p {
  font-size: 0.9em;
  color: #000;
}



/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {
}


/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {

#c-main .col-members02 {
  flex-direction: column;
}
}