@charset "UTF-8";

/**
 * 全体で使うscss用変数
 */

.d-f {
  display: flex;
}

.color-orange {
  color: #ed7d0d;
}

.color-green {
  color: #4BB582;
}

.border-orange {
  border-bottom: 4px solid #ed7d0d;
}

.large-text {
  font-size: 30px;
}

@media screen and (max-width: 599px) {
  .large-text {
    font-size: 4.5vw;
  }
}

.register_top {
  margin: 50px auto 0;
}

@media screen and (max-width: 599px) {
  .register_top {
    margin: 40px auto 0;
  }
}

.left_img {
  width: 26%;
}

.right_img {
  width: 73%;
}

@media screen and (max-width: 599px) {
  .mypage_link_box .mypage_menu_box {
    width: 95%;
  }
}

@media screen and (max-width: 599px) {
  .mypage_link_box .mypage_menu_box.mypageTopMenuBox {
    width: 100%;
  }
}

.mypage_link_box .mypage_menu_box .mypage_menu.topMenu {
  border: 2px solid #4BB582;
  border-radius: 8px;
  margin-bottom: 20px;
  width: 32%;
}

@media screen and (min-width: 600px) and (max-width: 959px) {
  .mypage_link_box .mypage_menu_box .mypage_menu.topMenu {
    width: 49%;
  }
}

@media screen and (max-width: 599px) {
  .mypage_link_box .mypage_menu_box .mypage_menu.topMenu {
    width: 100%;
  }
}

.mypage_link_box .mypage_menu_box .mypage_menu.topMenu.secondLineMenu .mypage_link {
  height: 100px;
}

@media screen and (max-width: 599px) {
  .mypage_link_box .mypage_menu_box .mypage_menu.topMenu.secondLineMenu .mypage_link {
    height: auto;
  }
}

@media screen and (min-width: 960px) {
  .mypage_link_box .mypage_menu_box .mypage_menu.topMenu.secondLineMenu .mypage_link .mypage_text {
    font-size: 20px;
  }
}

.mypage_link_box .mypage_menu_box .mypage_menu .mypage_link {
  height: 350px;
  padding: 20px;
}

@media screen and (max-width: 599px) {
  .mypage_link_box .mypage_menu_box .mypage_menu .mypage_link {
    height: 100%;
  }
}

.mypage_link_box .mypage_menu_box .mypage_menu .mypage_link .mypage_icon {
  color: #4BB582;
}

.mypage_link_box .mypage_menu_box .mypage_menu .mypage_link .mypage_icon .mypage_link:hover {
  color: #4BB582;
}

.mypage_link_box .mypage_menu_box .mypage_menu .mypage_link .mypage_text {
  color: #495057;
  font-size: 20px;
  text-align: center;
}

@media screen and (min-width: 960px) {
  .mypage_link_box .mypage_menu_box .mypage_menu .mypage_link .mypage_text {
    font-size: 24px;
  }
}

@media screen and (max-width: 599px) {
  .mypage_link_box .mypage_menu_box .mypage_menu .mypage_link .mypage_text {
    text-align: left;
  }
}

.mypage_link_box .mypage_menu_box .mypage_menu .mypage_link .mypage_text .mypage_link:hover {
  color: #495057;
}

.mypage_link_box .mypage_menu_box .mypage_menu .mypage_link .left_icon {
  width: 10%;
}

.mypage_link_box .mypage_menu_box .mypage_menu .mypage_link .left_icon_min {
  width: 15%;
}

.mypage_link_box .mypage_menu_box .mypage_menu .mypage_link .left_icon_continued {
  width: 4%;
}

@media screen and (max-width: 599px) {
  .mypage_link_box .mypage_menu_box .mypage_menu .mypage_link .left_icon_continued {
    width: 6%;
  }
}

.mypage_link_box .mypage_menu_box .mypage_menu .mypage_link .hamburger_text {
  color: #495057;
}

.mypage_link_box .mypage_menu_box .mypage_menu .mypage_link .hamburger_text .hamburger_right {
  margin: 0 10px;
}

.badge_area,
.community_guide_area {
  border: 2px solid #4BB582;
  border-radius: 8px;
  padding: 16px;
  text-align: center;
  width: 66%;
}

@media screen and (max-width: 599px) {
  .badge_area,
  .community_guide_area {
    margin: 0 auto;
    padding: 16px;
    width: 100%;
  }
}

.badge_area.detail_page,
.community_guide_area.detail_page {
  display: block;
  width: 100%;
}

@media screen and (min-width: 960px) {
  .badge_area .badge_block,
  .community_guide_area .badge_block {
    align-items: center;
    display: flex;
    margin: auto;
    width: 90%;
  }
}

@media screen and (min-width: 600px) and (max-width: 959px) {
  .badge_area .badge_block,
  .community_guide_area .badge_block {
    align-items: center;
    display: flex;
    margin: auto;
    width: 90%;
  }
}

.badge_area .badge_block .badge_image,
.community_guide_area .badge_block .badge_image {
  margin: auto;
  width: 20%;
}

@media screen and (max-width: 599px) {
  .badge_area .badge_block .badge_image,
  .community_guide_area .badge_block .badge_image {
    width: 30%;
  }
}

@media screen and (min-width: 960px) {
  .badge_area .badge_block .badge_text,
  .community_guide_area .badge_block .badge_text {
    width: 70%;
  }
}

@media screen and (max-width: 599px) {
  .badge_area .badge_block .badge_text,
  .community_guide_area .badge_block .badge_text {
    align-items: center;
  }
}

.badge_area .flex_text,
.community_guide_area .flex_text {
  padding-right: 8px;
  width: 80%;
}

.badge_area .flex_nou_image,
.community_guide_area .flex_nou_image {
  width: 20%;
}

@media screen and (min-width: 960px) {
  .badge_area {
    display: flex;
  }
}

.community_guide_area {
  margin-top: 0;
  width: 32%;
}

@media screen and (max-width: 599px) {
  .community_guide_area {
    margin-top: 30px;
    width: 100%;
  }
}

.record_area {
  display: flex;
  justify-content: space-between;
  text-align: center;
}

@media screen and (max-width: 599px) {
  .record_area {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    width: 100%;
  }
}

.record_area.rehabilitation {
  flex-direction: inherit;
}

.record_area .record_list {
  border: 2px solid #495057;
  padding: 16px;
}

@media screen and (min-width: 960px) {
  .record_area .record_list {
    width: 48%;
  }
}

@media screen and (min-width: 600px) and (max-width: 959px) {
  .record_area .record_list {
    width: 48%;
  }
}

@media screen and (max-width: 599px) {
  .record_area .record_list {
    margin-top: 20px;
    padding: 12px;
    text-align: center;
    width: 100%;
  }
}

.top_thumbnail {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  padding-bottom: 56.3%;
  -webkit-appearance: none;
}

.remember_checkbox {
  -webkit-transform-origin: right bottom;
  -webkit-transform: scale(1.7, 1.7);
  margin: 10px 0 0 -10px;
}

.remember_check_text {
  margin-left: 10px;
}

.footer_buttons {
  display: none;
}

.participate_button {
  width: 60%;
}

.mypageMenuTitle {
  background-color: #4BB582;
  color: #fff;
  margin: 0 0 20px;
  padding: 20px;
}

@media screen and (max-width: 599px) {
  .mypageMenuTitle {
    font-size: 25px;
    margin-top: 20px;
  }
}

.topMenuImageArea {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 8px 0;
  width: 100%;
}

.topMenuImageArea .topMenuImage {
  width: 18%;
}

.topMenuImageArea .green_button {
  font-size: 16px;
  padding: 5px 0;
  width: 75%;
}