#mainContent{width: 1062px;}
.mb0{margin-bottom: 0px !important;}
.fs11 {color: red;}
.tomo_member_cnts {margin: 0 auto;padding: 0;font-size: 16px;line-height: 1.8;color: #333;background:#fff;}
.top_caution {text-align: center;font-size: 21px;}
.register_btns {
  display: flex;
  justify-content: space-between;
  width: 500px;
  margin: 50px auto 80px;
  text-align: center;
  font-size: 15px;
}
.register_btns p {font-size: 16px;margin-bottom: 10px;}
.register_btns .common_btns {
  border: 2px solid #00b9ef;
  width: 240px;
  height: 60px;
  border-radius: 5px;
  box-shadow: 3px 3px 3px #00000029; 
  display: flex;
  justify-content: center;
  align-items: center;
  color: #00b9ef;
  font-weight: bold;
  font-size: 22px;
  transition: .2s;
}
.register_btns .common_btns:hover {opacity: .7;text-decoration: none;}
.register_btns .common_btns.member {background: #00b9ef;color: white;}
.member_merit {
  position: relative;
  padding: 10px 155px 60px;
  margin-top: 101px;
  background: url(/common_img/23_img/pc_bg.png);
  background-size: cover;
  background-position: center;
}
.tomo_member_h2 {
  text-align: center;
  position: absolute;
  top: -80px;
  left: 50%;
  transform: translateX(-50%);
}
.member_merit dl {background: white;padding: 40px 24px 30px;border-radius: 8px;}
.member_merit dl dt {
  color: #00b9ef;
  font-size: 24px;
  font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
  text-align: center;
  padding-top: 70px;
  margin-bottom: 30px;
}
.member_merit dl + dl {margin-top: 0;}
.member_merit dl.merit1 dt {background: url("/common/img/merit1.png") no-repeat center top;}
.member_merit dl.merit2 dt {background: url("/common/img/merit2.png") no-repeat center top;}
.member_merit dl.merit3 dt {background: url("/common/img/merit3.png") no-repeat center top;}
.member_merit dl dt p {
  text-align: center;
  font-size: 16px;
  color: #333;
  font-weight: normal;
  margin-top: 10px;
}
.bnr_wrap {padding: 0 20px;}
.merit1_points {display: flex;justify-content: space-between;align-items: center;padding: 0;}
.merit1_points .target {width: 170px;text-align: center;}
.merit1_points .target p{font-size:16px;font-weight:normal;}
ul.col2 {margin-bottom: 100px;}
ul.bnr_list {flex: 1;display: flex;flex-wrap: wrap;}
ul.bnr_list li {margin-right: 10px;width: calc(50% - 10px);}
ul.bnr_list.col2 li:nth-child(-n+4) {margin-top: 0;}
ul.bnr_list.col2 li:nth-child(4	n) {margin-right: 0;}
ul.bnr_list li img {width: 100%;vertical-align: bottom;}
ul.bnr_list li .border {border: 1px solid #ccc;}
.bnr_list_note {text-align: right;margin-top: 9px;}
.bnr_list_note + .merit1_points {margin-top: 30px;}
.dl_flex {display: flex;justify-content: space-between;margin-top: 20px;}
.dl_flex dl {width: calc(50% - 10px);}
.mt30 {margin-top: 30px;}
.grade{background:#fff;opacity:0.2;}
.font_red {color: #ff0000;}
.merit1_points .target{position:relative;}
/*-------------------------
  交通広告イメージ
-------------------------*/
/* メインビジュアル */
.transportation_design {display: flex;justify-content: center;}
.transportation_cont {margin: auto 0;}
.transportation_cont img {display: block;width: 320px;height: auto;margin: auto;}
.transportation_design .btn_bubble {font-size: 26px;margin: 43px 0 30px}
article .transportation_design .tomo_login_btn a {font-size: 14px;}
.transportation_mv {width: auto;height: 332px;margin-left: 57px;}
.tomo_common_btn {border-radius: 50px;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;}
/* 会員(無料)のメリット */
.member_merit {background: #E3F2FF;padding: 52px 0 66px;margin-bottom: 48px;}
.member_merit .tomo_member_h2 {top: -16px;}
.member_merit dd {margin-left: 91px;}
.member_merit dl {border-radius: 0;width: 760px;margin: 0 auto;padding: 16px 72px 44px 35px;}
.member_merit dl dt {font-size: 20px;padding: 15px 0 32px 91px;margin-bottom: 0;left: 0;text-align: initial;}
.member_merit dl.merit1 dt {background: url(/common/img/merit1_transportation.png) no-repeat;}
.member_merit dl.merit2 dt {background: url(/common/img/merit2_transportation.png) no-repeat;}
.member_merit dl.merit3 dt {background: url(/common/img/merit3_transportation.png) no-repeat;}
.member_merit .bnr_list_note {font-size: 16px;margin: 20px 0 0;}
.merit1_points {align-items: initial;}
.merit1_points .target {width: 108px;margin-right: 35px;}
.merit1_points .target img {width: 100%;}
.member_merit ul.bnr_list {gap: 10px;}
.member_merit ul.bnr_list li {margin: 0;}
/* 共通 */
.premium_logo {width: 278px;height: auto;display: block;margin: auto;}
.btn_bubble {font-size: 22px;margin: 30px 0;color: #333;}
.tomo_common_btn {font-size: 22px;line-height: 1.4;margin: auto;}
.tomo_login_btn {margin-top: 5px;}
/* バナーエリア */
.tomo_main {padding: 0;}
.caution {text-align: center;font-size: 24px;font-weight: bold;margin-bottom: 58px;color: #000;}
.premium_contents {background: #E3F2FF;padding: 56px 0 60px;margin-bottom: 43px;}
.premium_contents section:last-child {margin-bottom: 0 !important;}
.premium_contents ul.bnr_list {width: 980px;margin: 30px auto 86px auto;justify-content: space-between;}
.premium_contents ul.bnr_list li {margin-right: 0;margin-top: 20px;}
.premium_contents ul.bnr_list.col2 li {width: 33.33333% ; /* 未対応ブラウザ用フォールバック */width: calc(100% / 4 - 13px);}
article .premium_contents .sec_ttl {font-size: 28px;line-height: 28px;font-weight: bold;margin-bottom: 50px;text-align: center;font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}
article .premium_contents .sub_ttl {font-size: 24px;text-align: center;font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.sub_ttl:before {position: relative;display: inline-block;right: 20px;height: 37px;width: 40px;background-size: contain;vertical-align: text-bottom;background-repeat: no-repeat;}
.sub_ttl.sigoto:before {content: "";background-image: url(/images/sigoto_icon.png);}
.sub_ttl.shindan:before {content: "";background-image: url(/images/shindan_icon.png);}
.sub_ttl.gakumon:before {content: "";background-image: url(/images/gakumon_icon.png);}
.sub_ttl.gakkou:before {content: "";background-image: url(/images/gakkou_icon.png);}
.sub_ttl.gakuhi:before {content: "";background-image: url(/images/gakuhi_icon.png);}
.sub_ttl.nyushi:before {content: "";background-image: url(/images/nyushi_icon.png);}
.sub_ttl.life:before {content: "";background-image: url(/images/life_icon.png);height: 32px;}
article .premium_contents .genre_ttl {font-size: 18px;width: 980px;margin: auto;font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
/*プレミアム登録ボタン*/
.tomo_common_btn {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  display: block;
  border-radius: 2px;
  box-shadow: 3px 3px 3px #00000029; 
  color: white !important;
  font-size: 25px;
  background: #00B9EF;
  padding: 12px;
  text-align: center;
  width: 440px;
  margin: auto;
  display: block;
  border-radius: 50px;
}
.tomo_common_btn:hover {color: white;opacity: .7;text-decoration: unset;}
.tomo_login_btn {text-align: center;}
.tomo_login_btn a {text-decoration: underline;color: #00B9EF;font-size: 16px;}
.tomo_login_btn a:hover {color: #fb8008;}
.btn_bubble {margin: 30px 0;font-size: 30px;text-align: center;font-weight: bold;}
.btn_bubble .font_blue {color: #00B9EF;}