/*

1. Add your custom Css styles below
2. Place the this code in your template:

 <link href="css/custom.css" rel="stylesheet">

*/

.green{
  color: #75a701;
}

img{
  max-width: 100%;
}

.mt10{
  margin-top: 10px;
}

.mt20{
  margin-top: 20px;
}

.mt30{
  margin-top: 30px;
}

.mt40{
  margin-top: 40px;
}

.mt50{
  margin-top: 50px;
}

.pb50{
  padding-bottom: 50px;
}

p{
  color:#777777;
}

p a{
  color:#777777;
}

p a:hover{
  color:#75a701;
}

table.member {
  border-collapse: collapse;
  width: 100%;
}
 .member th,
 .member td {
  padding: 20px;
  text-align: center;
  border-bottom: 1px solid #ddd;
}
 .member th {
  font-weight: normal;
  font-size: .875rem;
  color: #666;
  background: #eee;
  position: sticky;
  top: 0;
}

.obi{
  padding: 20px;
  background: #75A701;
}


.center{
  text-align: center;
}

.bold{
  font-weight: bold;
}

#cont.container{
  padding: 100px 0!important;
}

.accbox {
    margin: 2em 0;
    padding: 0;
    max-width: 100%;/*最大幅*/
    font-size: 15px;
}

/*ラベル*/
.accbox label {
    display: block;
    margin: 1.5px 0;
    padding : 13px 12px;
    color: #101010;
    font-weight: bold;
    background: #75A701;
    cursor :pointer;
    transition: all 0.5s;
}



/*アイコンを表示*/
.accbox label:before {
    content: '\f105';
    font-family: 'Font Awesome 5 Free';
    padding-right: 8px;
}

/*ラベルホバー時*/
.accbox label:hover {
    background :#a2d136;
}

/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
    height: auto;
    padding: 20px;
    background: #fff;
    opacity: 1;
}

.accbox .accshow p {
    margin: 15px 10px}

/*アイコンを入れ替える*/
.cssacc:checked + label:before {
    content: '\f107';
}

.kaicho{
  max-width: 50%;
}

.canter{
  text-align: center;
}

.decimal{
    margin-left: 20px;
}

.decimal li{
  list-style: decimal;
  margin-bottom: 20px;
}

.google-maps {
position: relative;
padding-bottom: 20%;
height: 650px;
overflow: hidden;
filter: grayscale(40%);
}
.google-maps iframe {
	position: absolute;
	left: 0;
	width: 100% !important;
  height: 100% !important;
	/*height: calc(100% + 800px + 800px);*/
	  /*pointer-events: none;*/
}

@media (max-width: 1024px) {
  .m20{
    margin-top: 20px;
  }
  .heading {
    display: none;
  }
  td {
    display: block;
  }
  td::before {
    content: attr(data-label);
    font-size: .875rem;
    color: #666;
    display: block;
    margin-bottom: 0.25rem;
    text-align: center;
  }
  .name {
    background: #eee;
  }

  .kaicho{
    width: 100%;
  }
  .obi{
    text-align: center;
  }

  .none{
    display: none;
  }

}