@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : attendance.css
 author     : Ability Consultant
 style info : ご列席のお客様へ
=================================================================== */
.con_intr, .con_att {
  max-width: 1100px;
  margin: auto;
}
@media only screen and (max-width: 1099px) {
  .con_intr, .con_att {
    width: 91.66667%;
  }
}

@font-face {
  font-family: "NotoSerifCJKjp-Regular";
  font-style: normal;
  font-weight: normal;
  src: local("NotoSerifCJKjp Regular"), url("../font/NotoSerifCJKjp-Regular.woff2") format("woff2"), url("../font/NotoSerifCJKjp-Regular.woff") format("woff");
}
/* font-awesome */
/* -----------------------------------------------------------
	タイトル
----------------------------------------------------------- */
/* -----------------------------------------------------------
	ボタン
----------------------------------------------------------- */
/* -----------------------------------------------------------
	スライド　用
----------------------------------------------------------- */
/* -----------------------------------------------------------
	con_intr
----------------------------------------------------------- */
.con_intr {
  margin-top: 40px;
}
.con_intr .int_catch {
  text-align: center;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-size: 186%;
  letter-spacing: .1em;
  margin: 15px 0;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .con_intr .int_catch {
    font-size: 179%;
  }
}
@media only screen and (max-width: 767px) {
  .con_intr .int_catch {
    font-size: 158%;
  }
}
.con_intr .txt {
  font-size: 108%;
  line-height: 2.2;
  letter-spacing: .05em;
  text-align: center;
  margin: 15px 0;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .con_intr .txt {
    font-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_intr .txt {
    font-size: 93%;
  }
}

/* -----------------------------------------------------------
	con_att
----------------------------------------------------------- */
.con_att {
  margin-top: 60px;
  padding-top: 80px;
  overflow: hidden;
  border-top: 1px solid #ededed;
}
@media only screen and (max-width: 767px) {
  .con_att {
    margin-top: 7%;
  }
}
@media only screen and (max-width: 767px) {
  .con_att {
    padding-top: 10%;
  }
}
.con_att li {
  width: 48.18182%;
  float: left;
  margin-right: 3.63636%;
  margin-bottom: 55px;
}
@media only screen and (max-width: 767px) {
  .con_att li {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_att li {
    float: none;
  }
}
@media only screen and (max-width: 767px) {
  .con_att li {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_att li {
    margin-bottom: 11%;
  }
}
.con_att li:nth-child(2n) {
  margin-right: 0;
}
@media only screen and (max-width: 767px) {
  .con_att li .photo img {
    width: 100%;
  }
}
.con_att li h3 {
  font-weight: normal;
  font-size: 158%;
  font-weight: normal;
  border-bottom: 1px dotted #8faf6a;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  margin: 25px 0 15px;
  letter-spacing: .08em;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .con_att li h3 {
    font-size: 150%;
  }
}
@media only screen and (max-width: 767px) {
  .con_att li h3 {
    font-size: 129%;
  }
}
.con_att li h3 em {
  border-bottom: 1px solid #8faf6a;
  padding-bottom: 3px;
}
@media only screen and (max-width: 767px) {
  .con_att li h3 {
    margin: 4% 0 2%;
  }
}
.con_att li .txt {
  line-height: 1.8;
}
.con_att li .add {
  margin-top: 25px;
  font-size: 115%;
}
@media only screen and (max-width: 767px) {
  .con_att li .add {
    margin-top: 5%;
  }
}
.con_att li .btn {
  width: 35.84906%;
  margin: 20px 0 0 0;
}
.con_att li .btn a {
  border: 2px solid #846b4d;
  border-radius: 20px;
  display: block;
  color: #391a03;
  padding: 5.5px .3em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
  -moz-transition: background 0.3s, color 0.3s;
  -o-transition: background 0.3s, color 0.3s;
  -webkit-transition: background 0.3s, color 0.3s;
  transition: background 0.3s, color 0.3s;
}
.con_att li .btn:hover a {
  background: #391a03;
  color: #fff;
  border: 2px solid #391a03;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .con_att li .btn {
    width: 60%;
  }
}
@media only screen and (max-width: 767px) {
  .con_att li .btn {
    width: 80%;
  }
}
@media only screen and (max-width: 767px) {
  .con_att li .btn {
    margin: 6% auto 0;
  }
}

/* -----------------------------------------------------------
	con_tel
----------------------------------------------------------- */
.con_tel {
  clear: both;
  max-width: 830px;
  width: 95%;
  margin: auto;
  padding: 45px 105px 50px 90px;
  margin: 50px auto 60px;
  overflow: hidden;
  border: 1px solid #dcdcdc;
  background: #f4f3f1;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  letter-spacing: -.4em;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .con_tel {
    padding: 4% 5% 5% 6%;
  }
}
@media only screen and (max-width: 767px) {
  .con_tel {
    padding: 7% 4%;
  }
}
.con_tel h4 {
  letter-spacing: normal;
  text-align: center;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-size: 158%;
  letter-spacing: .08em;
  text-align: center;
  margin-bottom: 25px;
  margin-bottom: 10px;
  font-weight: normal;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .con_tel h4 {
    font-size: 143%;
  }
}
@media only screen and (max-width: 767px) {
  .con_tel h4 {
    font-size: 129%;
  }
}
@media only screen and (max-width: 767px) {
  .con_tel h4 {
    margin-bottom: 5%;
  }
}
@media only screen and (max-width: 767px) {
  .con_tel h4 {
    margin-bottom: 2%;
  }
}
.con_tel .memo {
  letter-spacing: normal;
  text-align: center;
  margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .con_tel .memo {
    margin-bottom: 2%;
  }
}
.con_tel .memo a {
  color: #425828;
}
.con_tel .box_tel {
  letter-spacing: normal;
  width: 47.39336%;
  display: inline-block;
  vertical-align: middle;
  margin-right: 3.94945%;
}
@media only screen and (max-width: 767px) {
  .con_tel .box_tel {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_tel .box_tel {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_tel .box_tel {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .con_tel .box_tel > .tel {
    letter-spacing: -.01em;
  }
}
.con_tel .box_tel > .tel a, .con_tel .box_tel > .tel span {
  font-family: "Myriad Pro",Times,Garamond,Georgia,serif;
  font-size: 308%;
  line-height: 1;
  text-decoration: none;
}
@media only screen and (max-width: 767px) {
  .con_tel .box_tel > .tel a, .con_tel .box_tel > .tel span {
    font-size: 236%;
  }
}
.con_tel .box_tel > .tel a em, .con_tel .box_tel > .tel span em {
  font-size: 57%;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}
@media only screen and (max-width: 767px) {
  .con_tel .box_tel > .tel a em, .con_tel .box_tel > .tel span em {
    font-size: 61%;
  }
}
.con_tel .btn2 {
  letter-spacing: normal;
  width: 48.18325%;
  display: inline-block;
  margin: 5px 0 0;
}
@media only screen and (max-width: 767px) {
  .con_tel .btn2 {
    width: 100%;
  }
}
.con_tel .btn2 a {
  border: 2px solid #846b4d;
  border-radius: 20px;
  display: block;
  color: #391a03;
  padding: 5.5px .3em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
  -moz-transition: background 0.3s, color 0.3s;
  -o-transition: background 0.3s, color 0.3s;
  -webkit-transition: background 0.3s, color 0.3s;
  transition: background 0.3s, color 0.3s;
}
.con_tel .btn2:hover a {
  background: #391a03;
  color: #fff;
  border: 2px solid #391a03;
}
@media only screen and (max-width: 767px) {
  .con_tel .btn2 {
    margin: 5% auto 0;
  }
}
.con_tel .btn2 a {
  padding: 15px 20px;
}
@media only screen and (max-width: 767px) {
  .con_tel .btn2 a {
    padding: 3% 0;
  }
}