@charset "utf-8";

/* 共通 */
.c-catch{color:#0870D9;}
.c-btn__register {
  width: 300px;
  height: 60px;
  line-height: 60px;
  margin: 0 auto;
  font-size: 20px;
  color: #fff !important;
  font-weight: 500;
  background: #006CD8;
  text-align: center;
  display: block;
  box-sizing: border-box;
  cursor: pointer;
}
.c-btn__register.--wide {
  width: 500px;
}
.c-btn__register:hover{text-decoration:none;opacity:0.8;}
.c-btn__register.registered{background:#DBDBDB;color:#808080 !important;cursor:auto;}
.c-link__login{text-align:center;font-size:18px;font-weight: 500;color:#006CD8 !important;display:block;}

/* 各ブロック */
.head-contents {
  margin-top: -9px;
  padding: 30px 0;
  background: url(/common/images/v5/membership/mainvisual-v2.png) no-repeat;
  background-size: cover;
}
.head-contents__inner {
  width: 70%;
  max-width: 840px;
  background: rgba(255,255,255,0.9);
  padding: 50px 0;
  margin: auto;
  border-radius: 6px;
}
.head-contents__headline {
  text-align: center;
  font-size: 30px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 15px;
}
.head-contents__summary {
  font-size: 16px;
  line-height: 1.7;
  text-align: center;
  font-weight: 200;
  margin-bottom: 15px;
}
.benefits {
  width: 70%;
  max-width: 840px;
  margin: 80px auto 60px !important;
}
.benefits__heading {
  text-align: center;
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 30px;
  line-height: 1;
}
.benefits__list {
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 45px 85px 50px;
  margin-bottom: 10px;
}
.benefits__point {
  display: block;
  text-align: center;
  color: #006CD8;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}
.benefits__point span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 44px;
  line-height: 44px;
  border: 2px solid #006CD8;
  margin: 10px auto 20px;
  box-sizing: border-box;
}
.benefits__item {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.benefits__icon{margin-right:20px;}
.benefits__headline {
  font-size: 31px;
  font-weight: 500;
  position: relative;
}
.benefits__headline .c-small{font-size:14px;display:block;font-weight:200;}
.benefits__summary {
  font-size: 16px;
  font-weight: 200;
  margin-bottom: 30px;
  line-height: 1.7;
}
.benefits__summary.--mgs {
  margin-bottom: 5px;
}
.benefits__summary.--no-margin {
  margin: 0;
}
.benefits__summary span{font-size:12px;color:#666;}
.benefits__summary em{font-weight:500;font-style:normal;}
.benefits-summary-link {
  color: #006CD8!important;
  text-decoration: underline!important;
}
.benefits__link {
  display: block;
  font-size: 16px;
  color: #006CD8!important;
  font-weight: 500;
  text-decoration: underline!important;
  margin-top: 42px;;
}
.benefits__link.--no-margin {
  margin: 0;
}
.benefits__voice{background:url(/common/images/v5/membership/person-icon@2x.png) no-repeat left;padding-left:40px;background-size:20px 24px;}
.benefits__voicetxt{display:block;border:solid 1px #d9d9d9;border-radius:7px;box-shadow:0 3px 6px #ddd;padding:10px 15px;box-sizing:border-box;position:relative;}
.benefits__voicetxt::before{content:"";display:block;width:13px;height:13px;border-top:solid 1px #d9d9d9;border-left:solid 1px #d9d9d9;transform:rotate(-45deg);position:absolute;top:15px;left:-8px;background:#fff;}
.benefits__voicetxt > span{font-size:15px;font-weight:200;}
.benefits__authors {
  padding-top: 25px;
}
.benefits__authors-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
}
.benefits__authors-heading{font-weight:500;font-size:18px;width:150px;}
.benefits__authors-link {
  color: #333;
  background: #f4f4f4;
  border: 1px solid #ececec;
  display: inline-block;
  position: relative;
  padding: 8px 15px;
  box-sizing: border-box;
  font-weight: 500;
  line-height: 1;
}
.benefits__authors-link:hover{text-decoration:none;opacity:0.8;}
.benefits__authors-link::after{content:"";display:block;position:absolute;right:-7px;bottom:-7px;border-right:solid 7px #006CD8;border-top:solid 7px transparent;border-bottom:solid 7px transparent;border-left:solid 7px transparent;transform:rotate(-135deg);}
.benefits__feature{margin:40px 0;display:flex;justify-content:space-between;}
.benefits__feature-heading{font-weight:500;font-size:18px;width:150px;}
.benefits__feature-list{width:100%;}
.benefits__feature-link{color:#333;background:#f4f4f4;border:solid 1px #ececec;display:block;position:relative;padding:10px 15px;box-sizing:border-box;font-weight:500;line-height:1;margin-bottom:5px;}
.benefits__feature-link:hover{text-decoration:none;opacity:0.8;}
.benefits__feature-link::after{content:"";display:block;position:absolute;right:-7px;bottom:-7px;border-right:solid 7px #006CD8;border-top:solid 7px transparent;border-bottom:solid 7px transparent;border-left:solid 7px transparent;transform:rotate(-135deg);}
.benefits__feature-link > span{font-size:15px;font-weight:200;color:#666;margin-left:10px;}
.benefits__feature-more{display:block;margin-top:10px;text-align:right;font-size:14px;text-decoration:underline !important;}
.benefits-event__heading {
  font-size: 18px;
  font-weight: 500;
  padding-bottom: 12px;
  margin-bottom: 20px;
  border-bottom: 1px solid #000;
  line-height: 1;
}
.benefits-event__list{display:flex;justify-content:space-between;}
.benefits-event__list--first a{display:block;}
.benefits-event__list--first a:hover{opacity:0.8;}
.benefits-event__list--first .benefits-event__icon{margin-bottom:10px;display:block;position:relative;}
.benefits-event__list--first .benefits-event__mark{font-size:14px;}
.benefits-event__list--first .benefits-event__title{font-size:18px;font-weight:500;}
.benefits-event__list--parts{min-width:0;margin-left:20px;}
.benefits-event__mark{border-radius:14px;display:inline-block;color:#fff;line-height:1;padding:3px 15px;font-size:12px;margin-bottom:10px;}
.benefits-event__title{font-size:14px;}
.benefits-event__link:hover{text-decoration:none !important;opacity:0.8;}
.benefits-event__list--parts .benefits-event__icon{width:100px;height:72px;}
.benefits-event__list--parts .benefits-event__image{width:100px;}
.benefits-event__list--parts .benefits-event__link{display:flex;justify-content:space-between;}
.benefits-event__list--parts .benefits-event__item{margin-bottom:10px;display:flex;justify-content:space-between;}
.benefits-event__list--parts .benefits-event__text {
  width: 100%;
  margin-left: 10px;
}
.benefits-event__icon{position:relative;}
.benefits-event__close{width:100%;height:100%;position:absolute;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,0.35);}
.benefits-event__badge{position:absolute;top:12px;right:-2px;transform:rotate(45deg);}
.benefits-event__badge--bg{content:"";display:block;border-bottom:solid 45px #FFD362;border-top:solid 45px transparent;border-right:solid 45px transparent;border-left:solid 45px transparent;position:absolute;top:-45px;right:-45px;transform:rotate(45deg);}
.benefits__note {
  margin-bottom: 25px;
}
.benefits__note li{font-size:12px;color:#666;padding-left:15px;position:relative;font-weight:200;}
.benefits__note li::before{content:"※";display:block;position:absolute;top:0;left:0;}
.benefits__articles {
  margin-bottom: 10px;
}
.benefits-article-link {
  display: flex;
  align-items: center;
}
.benefits-article-img {
  margin-right: 20px;
  min-width: 120px;
}
.benefits__articles-ttl {
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
}
.benefits__articles-text {
  margin-top:10px;
  font-size:14px;
  font-weight:200;
  position:relative;
  padding-left:22px;
}
.benefits__articles-text::before {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  border-right: 1px solid #006CD8;
  border-bottom: 1px solid #006CD8;
  transform: rotate(-45deg);
  position: absolute;
  top: 7px;
  left: 6px;
}
.benefits__articles-text::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 16px;
  border: 1px solid #006CD8;
  position: absolute;
  top: 0;
  left: 0;
}

.bottom-info{width:70%;max-width:840px;margin:0px auto;}
.bottom-info__heading {
  font-size: 26px;
  text-align: center;
  font-weight: 500;
  margin-bottom: 20px;
  line-height: 1;
}
.bottom-info__list {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}
.bottom-info__item {
  width: 49%;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 36px 30px 30px;
  box-sizing: border-box;
}
.bottom-info__item h3 {
  text-align: center;
  font-size: 22px;
  font-weight: 500;
  /*color: #006CD8;*/
  margin-bottom: 20px;
  line-height: 1;
}
.bottom-info__item p {
  font-weight:200;
  line-height: 1.7;
}

.qa {
  width:980px;
  margin: 50px auto 60px;
  box-sizing: border-box;
  border: 2px solid #ddd;
  border-radius: 6px;
  padding: 60px 80px 40px;
}
.qa__heading{font-size:22px;font-weight:500;margin-bottom:30px;}
.qa__heading--link{color:#006CD8 !important;font-size:14px;margin-left:20px;text-decoration:underline !important;}
.qa__list{display:flex;justify-content:space-between;flex-wrap:wrap;}
.qa__item{position:relative;padding-left:25px;margin-bottom:20px;width:50%;box-sizing:border-box;}
.qa__item::before{content:"";display:block;position:absolute;top:3px;left:0;border:solid 1px #006CD8;width:18px;height:18px;border-radius:18px;box-sizing:border-box;}
.qa__item::after{content:"";display:block;position:absolute;top:9px;left:4px;border-top:solid 1px #006CD8;border-right:solid 1px #006CD8;width:5px;height:5px;transform:rotate(45deg);}
.qa__link{font-weight:200;}

.related{margin:120px auto 0;}
.related__inner{width:980px;margin:0 auto;}
.related__heading {
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 70px;
  text-align: center;
  line-height: 1;
}
.related__list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.related__item{position:relative;margin:0 10px 20px 0;width:24.2%;box-sizing:border-box;}
.related__item:nth-child(4n){margin-right:0;}
.related__item p {
  font-size: 14px;
  font-weight: 200;
  line-height: 1.7;
}
.related__logo{height:90px;display: flex;align-items: center;justify-content: center;}
.related__media {
  font-size: 16px;
  color: #006CD8;
  text-decoration: underline;
  display: block;
  text-align: center;
  margin: 20px auto 7px;
}

#footer{margin-top:0;}

.register-summary{font-size:16px;font-weight:200;text-align:center;}
.register{width:890px;margin:40px auto 60px;border:solid 1px #E8E8E8;border-radius:8px;box-sizing:border-box;box-shadow:0 3px 6px #eee;padding:60px 80px;text-align:center;}
.register__header{font-size:30px;font-weight:500;margin-bottom:30px;line-height:1;}
.register__btn .mail__link{width:285px;height:50px;line-height:50px;color:#fff;text-align:center;margin:0 auto 30px;border-radius:6px;background:#727272;box-shadow:0 2px 0 #ccc;display:block;font-size:16px;}
.register__btn .mail__link:hover{text-decoration:none;opacity:0.8;}
.register__summry{font-weight:500;}
.register__social{display:flex;justify-content:space-between;flex-wrap:wrap;width:580px;margin:30px auto 10px;}
.social__btn{width:285px;height:50px;line-height:50px;text-align:center;border-radius:6px;box-shadow:0 2px 0 #ccc;display:block;font-size:16px;background-repeat:no-repeat;box-sizing:border-box;text-align:left;margin-bottom:10px;}
.social__btn:hover{text-decoration:none;opacity:0.8;}
.register__yahoo .social__btn{color:#fff;background-image:url(/common/images/v5/membership/yahoo-ico@2x.png);background-position:20px 14px;background-size:37px 21px;background-color:#f03;padding-left:78px;}
.register__google .social__btn{color:#696969;background-image:url(/common/images/v5/membership/google-ico@2x.png);background-position:22px 14px;background-size:24px 24px;background-color:#fff;padding-left:78px;border:solid 1px #ededed;}
.register__twitter .social__btn{color:#fff;background-image:url(/common/images/v5/membership/twitter-ico@2x.png);background-position:15px 5px;background-size:40px 40px;background-color:#00A2F2;padding-left:78px;}
.register__facebook .social__btn{color:#fff;background-image:url(/common/images/v5/membership/facebook-ico@2x.png);background-position:20px 12px;background-size:26px 26px;background-color:#007AF2;padding-left:78px;}
.register__note{font-size:12px;color:#666;font-weight:200;}
.register__login{margin-top:30px;}
.register__login--link{display:inline-block;font-size:18px;font-weight:500;color:#006CD8 !important;}
.register__login--link:hover{text-decoration:none;opacity:0.8;}