@charset "UTF-8";
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

li {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

a {
  text-decoration: none;
  color: inherit;
}

/**** common ****/
body {
  font-family: 'Century Gothic', Futura, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-size: 4.2vw;
}

p {
  text-align: inherit;
}

.sp_hide {
  display: none !important;
}

.header {
  background: #fff;
  opacity: 0;
  z-index: 100;
  position: relative;
}

.header.loaded {
  opacity: 1;
  transition: all 0.3s;
}

.header.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.header_inner {
  display: flex;
}

.header_logo {
  width: 29.38%;
  padding: 4.5% 2%;
}

.header_logo a {
  display: block;
}

.header_logo img {
  display: block;
}

.header_menu {
  display: flex;
  width: 66.6%;
}

.header_menu_list {
  display: flex;
  width: 100%;
  align-items: center;
}

.header_menu_list li {
  width: 100%;
  height: 100%;
  position: relative;
}

.header_menu_list a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: #fff;
  font-size: 3.8vw;
  line-height: 1;
}

.header_menu_list a span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}

.header_menu_list .autumn {
  background: #494868;
}

.header_menu_list .winter {
  background: #0089A1;
}

.header_menu_list .spring {
  background: #FE4672;
}

.header_menu_list .summer {
  background: #8AB412;
}

.header_menu_list .lock:after {
  content: "";
  display: block;
  width: 2.6vw;
  max-width: 20px;
  height: 2.9vw;
  max-height: 22px;
  background: url("/bmc/images/icon_lock.svg") no-repeat center/100%;
  position: absolute;
  right: 1.3vw;
  bottom: 1.3vw;
}

.header_menu_list .lock a {
  pointer-events: none;
}

.wrap {
  overflow: hidden;
  opacity: 0;
}

.wrap.loaded {
  opacity: 1;
  transition: all 0.3s;
}

.wrap img {
  display: block;
  width: 100%;
}

/**** top ****/
.top_wrap.autumn .top_img {
  width: 100%;
}

.top_wrap.winter {
  background: #008aa1;
  position: relative;
}

.top_wrap.winter .top_img {
  width: 100%;
}

.top_wrap.spring {
  background-color: #f5bdac;
}

.top_wrap.summer {
  background-color: #8AB412;
}

.top_wrap.autumn2 {
  background-color: #FE4672;
}

.banner_list {
  width: 93.6vw;
  max-width: 720px;
  margin: 6.7vw auto 10vw;
}

.banner_list li {
  margin-bottom: 3.2vw;
}

.banner_list li:last-child {
  margin-bottom: 0;
}

.banner_list a {
  display: block;
}

.banner_list a:hover {
  opacity: 0.8;
  cursor: pointer;
}

.catch_wrap {
  position: relative;
  left: 50%;
  width: 120%;
  transform: translateX(-50%) rotate(-2.3deg);
  transform-origin: center;
  background: #efbaa9;
  color: #fff;
  text-align: center;
  padding: 13vw;
  margin: 8vw auto 0;
}

.catch_wrap:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 5vw;
  background: url("/bmc/images/top/major.jpg") repeat-x center/contain;
}

.catch_wrap:after {
  content: "";
  display: block;
  position: absolute;
  transform: rotate(180deg);
  left: 0;
  bottom: 0;
  right: 0;
  height: 5vw;
  background: url("/bmc/images/top/major.jpg") repeat-x center/contain;
}

.catch_text {
  font-size: 5.2vw;
  line-height: 1.6;
  transform: rotate(2.3deg);
}

.about_wrap {
  width: 100%;
  max-width: 767px;
  margin: 15vw auto;
}

.about_title {
  font-size: 4.2vw;
  font-weight: bold;
  text-align: center;
  margin-bottom: 8.1vw;
}

.about_title span {
  padding: 2vw;
  border-bottom: 1px solid #000;
}

.about_text {
  font-size: 4.2vw;
  text-align: center;
  line-height: 1.75;
  margin-bottom: 1.75em;
}

.about_text .inline_icon {
  display: inline-block;
  width: 4.8vw;
  vertical-align: text-bottom;
}

.topics_wrap {
  margin-top: 19.9vw;
  padding: 0 3.1vw;
}

.topics_title {
  text-align: center;
  color: #aaaaaa;
  font-size: 4.2vw;
  margin-bottom: 3.9vw;
}

.topics_list {
  margin-bottom: 3vw;
}

.topics_list li {
  border-top: 1px solid #d9d9e1;
}

.topics_list a {
  display: block;
  padding: 3vw;
}

.topics_list .date {
  font-size: 3.1vw;
  margin-bottom: 2.6vw;
}

.topics_list .title {
  font-size: 4.2vw;
}

.topics_list .topics_nolink {
  display: block;
  padding: 3vw;
}

.topics_list .topics_nolink .date {
  font-size: 3.1vw;
  margin-bottom: 2.6vw;
}

.topics_list .topics_nolink .title {
  font-size: 4.2vw;
  line-height: 1.7;
}

.notice_lead_wrap {
  width: 100%;
  max-width: 767px;
  margin: 10vw auto;
}

.notice_lead_text {
  font-size: 4.2vw;
  text-align: center;
  line-height: 1.75;
  margin-bottom: 1.75em;
}

.notice_lead_text .inline_icon {
  display: inline-block;
  width: 4.8vw;
  vertical-align: text-top;
}

.notice_lead_text.autumn2 {
  padding: 0 5.2vw;
}

/**** 各ページ ****/
.product_title.autumn {
  font-size: 5.2vw;
  padding: 3.978vw 2vw;
  text-align: center;
  position: relative;
  color: #48496A;
  background: #ECECF0;
  max-width: 870px;
  margin: auto;
  font-weight: bold;
}

.product_title.autumn:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 1.8vw solid transparent;
  border-top: 1.7vw solid #ECECF0;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 2;
}

.product_title.winter {
  padding: 0 3.9vw;
}

.product_title_wrap.autumn {
  background: #48496A;
  position: relative;
  z-index: 0;
  padding-bottom: 1.8vw;
}

.product_wrap.autumn {
  background: #48496A;
  position: relative;
  z-index: 0;
}

.product_wrap.autumn:after {
  content: "";
  display: block;
  width: 100%;
  height: 10px;
  background: -moz-linear-gradient(25deg, #E2AB41, #B08639 50%, #AA7E2D);
  background: -webkit-linear-gradient(25deg, #E2AB41, #B08639 50%, #AA7E2D);
  background: linear-gradient(25deg, #E2AB41, #B08639 50%, #AA7E2D);
}

.product_wrap.winter {
  margin-bottom: 11.7vw;
}

.product_details.autumn {
  padding-top: 7.3vw;
  text-align: center;
  padding-bottom: 10.4vw;
  border-bottom: 1px solid #fff;
  margin-right: 3.7vw;
  margin-left: 3.7vw;
  margin-bottom: 3.3vw;
}

.product_details.autumn:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
}

.product_details.autumn .grade {
  font-size: 6.3vw;
  margin-bottom: 3.9vw;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
  font-weight: bold;
}

.product_details.autumn .img {
  margin: 0 auto 5.2vw;
  width: 82.1vw;
}

.product_details.autumn .text {
  color: #fff;
  font-size: 4.2vw;
  line-height: 1.625;
}

.product_details.autumn .catch {
  font-weight: 700;
  font-size: 4.2vw;
  line-height: 1.625;
  color: #F5BDAC;
}

.product_details.autumn .first {
  color: #E3B81F;
}

.product_details.autumn .second {
  color: #B0B3C6;
}

.product_details.autumn .third {
  color: #ECB572;
}

.product_details.winter {
  padding: 5.2vw 3.9vw 0;
  text-align: center;
  border-bottom: 1px solid #d9d9e1;
}

.product_details.winter .grade {
  font-size: 4.2vw;
  margin-bottom: 3.4vw;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
  color: #008aa1;
  font-weight: bold;
}

.product_details.winter .img {
  margin: 0 auto;
  width: 92.2vw;
}

.product_details.winter .catch {
  padding: 3.9vw 0 5.5vw;
  font-size: 4.2vw;
  color: #000;
}

.result_wrap {
  background: #F2E2BF;
  padding-bottom: 10px;
}

.result_details {
  background: #fff;
  padding: 1.9vw;
}

.result_details + .result_details {
  border-top: 10.4vw solid #F2E2BF;
}

.result_details .img {
  margin-bottom: 3.9vw;
}

.result_details .balloon {
  background: #F5BDAC;
  font-size: 3.9vw;
  font-weight: 700;
  line-height: 1.2;
  padding: 1.9vw;
  position: relative;
  margin-bottom: 5.2vw;
  border-radius: 1.3vw;
}

.result_details .balloon:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 2.608vw solid transparent;
  border-top: 3.13vw solid #F5BDAC;
  position: absolute;
  top: 100%;
  left: 2.6vw;
  z-index: 2;
}

.result_details .text {
  font-size: 3.9vw;
  line-height: 1.7;
}

.marker_title {
  font-size: 4.2vw;
  font-weight: 700;
  text-align: center;
  margin-bottom: 5.9vw;
}

.marker_title span {
  padding: 0 2.6vw 1.2vw;
  background: linear-gradient(transparent 35%, #f5bdac 35%);
}

.entry_wrap {
  margin-bottom: 11.7vw;
}

.entry_wrap .sup {
  font-size: 0.5em;
  vertical-align: super;
  margin-left: 0.5em;
}

.entry_step li {
  margin-bottom: 9.1vw;
}

.entry_step .step_label {
  font-size: 4.2vw;
  font-weight: 700;
  text-align: center;
  margin-bottom: 2vw;
  color: #f5bdac;
}

.entry_step .step_label.last {
  margin-bottom: 7.8vw;
}

.entry_step .step_text {
  font-size: 4.2vw;
  text-align: center;
  line-height: 1.75;
  margin-bottom: 3.9vw;
}

.entry_step .step_btn {
  width: 65.2vw;
  margin: auto;
}

.entry_step .step_contents {
  background: #b8eea9;
  padding: 3.3vw 3.3vw 3.3vw 2.3vw;
  font-size: 4.2vw;
  line-height: 1.75;
  border-radius: 2.6vw;
  margin: 0 2.6vw;
}

.entry_step .step_contents li {
  text-indent: -1em;
  padding-left: 1em;
  margin-bottom: 0;
}

.entry_step .step_notes {
  font-size: 3.7vw;
  line-height: 1.7;
  margin: 10vw 2.6vw 0;
}

.entry_step .step_notes li {
  text-indent: -2.5em;
  padding-left: 2.5em;
  margin-bottom: 0;
}

.howto_wrap {
  margin: 0 2.6vw 13vw;
}

.howto_wrap .marker_title {
  margin-bottom: 10vw;
}

.apply_wrap {
  margin: 0 3.9vw;
}

.apply_title {
  font-size: 4.2vw;
  border-bottom: 1px solid #000000;
  padding: 2.6vw 2vw;
  margin-bottom: 5vw;
}

.apply_list {
  margin-bottom: 5vw;
}

.apply_list li {
  font-size: 4.1vw;
  text-indent: -1em;
  padding-left: 1em;
  line-height: 1.7;
}

.contact_wrap {
  position: relative;
  margin-top: 33vw;
  margin-bottom: 10vw;
  text-align: center;
}

.contact_wrap:before {
  content: "";
  width: 2.1vw;
  height: 2.1vw;
  background: #d9d9e1;
  display: block;
  position: absolute;
  top: -20vw;
  left: 0;
  right: 0;
  margin: auto;
  transform: rotate(45deg);
}

.contact_title {
  font-size: 4.2vw;
  margin-bottom: 5vw;
}

.contact_text {
  font-size: 4.2vw;
  line-height: 1.75;
  text-align: center;
}

.contact_btn {
  width: 65.2vw;
  margin: 4.2vw auto 0;
}

.attention_wrap {
  padding: 13vw 3.7vw;
}

.attention_text {
  font-size: 3.7vw;
  line-height: 1.7;
}

.letter_wrap {
  position: relative;
  background: #F6BDAD;
  padding: 7.8vw 2vw;
}

.letter_wrap:before {
  content: "";
  display: block;
  width: 100%;
  height: 10px;
  background: -moz-linear-gradient(25deg, #E2AB41, #B08639 50%, #AA7E2D);
  background: -webkit-linear-gradient(25deg, #E2AB41, #B08639 50%, #AA7E2D);
  background: linear-gradient(25deg, #E2AB41, #B08639 50%, #AA7E2D);
  position: absolute;
  top: -10px;
  left: 0;
  right: 0;
}

.sns_wrap {
  background: #ECECF0;
  padding-top: 10.4vw;
  padding-bottom: 10.4vw;
}

.sns_list {
  display: flex;
  justify-content: center;
  align-items: center;
}

.sns_list li {
  margin-right: 10.4vw;
  width: 7.8vw;
}

.sns_list li:last-child {
  margin-right: 0;
}

.sns_list img {
  display: block;
  width: 100%;
}

.footer_logo {
  width: 29.5vw;
  margin: 10.4vw auto 7.8vw;
}

.footer .copyright {
  text-align: center;
  font-size: 2.1vw;
  margin-bottom: 2vw;
}

@media screen and (min-width: 768px) {
  .sp_hide {
    display: block !important;
  }
  .pc_hide {
    display: none !important;
  }
  .header_inner {
    display: block;
    width: 100%;
    max-width: 1000px;
    margin: auto;
  }
  .header_logo {
    width: 240px;
    margin: auto;
    padding: 30px 0;
  }
  .header_logo a {
    display: block;
  }
  .header_logo a:hover {
    opacity: 0.8;
    cursor: pointer;
  }
  .header_menu {
    display: block;
    width: 100%;
  }
  .header_menu_list {
    display: flex;
    width: 100%;
    max-width: 1000px;
    align-items: center;
  }
  .header_menu_list li {
    height: 50px;
  }
  .header_menu_list li:hover {
    opacity: 0.8;
    cursor: pointer;
  }
  .header_menu_list a {
    font-size: 20px;
  }
  .header_menu_list .lock:hover {
    cursor: default;
    opacity: 1;
  }
  .header_menu_list .lock:after {
    right: 7px;
    bottom: 7px;
    background: url("/bmc/images/icon_lock_pc.svg") no-repeat center/100%;
  }
  .top_wrap.top {
    margin-bottom: 0;
  }
  .top_wrap.autumn {
    background: #48496A;
  }
  .top_wrap.winter {
    height: 430px;
  }
  .top_wrap.winter .top_img {
    position: absolute;
    left: -100%;
    right: -100%;
    margin: auto;
    transform: translateX(0);
  }
  .top_img {
    max-width: 1000px;
    margin: auto;
  }
  .banner_list {
    margin: 50px auto 80px;
  }
  .banner_list li {
    margin-bottom: 30px;
  }
  .banner_list li:last-child {
    margin-bottom: 0;
  }
  .catch_wrap {
    padding: 60px 0;
    margin-top: 60px;
  }
  .catch_wrap:before {
    height: 40px;
  }
  .catch_wrap:after {
    height: 40px;
  }
  .catch_text {
    font-size: 32px;
  }
  .about_wrap {
    margin: 100px auto;
  }
  .about_title {
    font-size: 24px;
    margin-bottom: 50px;
  }
  .about_title span {
    padding: 0 5px 15px;
  }
  .about_text {
    font-size: 20px;
  }
  .about_text .inline_icon {
    width: 24px;
  }
  .topics_wrap {
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 24px;
    width: 100%;
    max-width: 767px;
  }
  .topics_title {
    font-size: 24px;
    margin-bottom: 30px;
  }
  .topics_list {
    margin-bottom: 30px;
  }
  .topics_list a {
    padding: 30px;
    display: block;
  }
  .topics_list a:hover {
    opacity: 0.8;
    cursor: pointer;
  }
  .topics_list .date {
    font-size: 16px;
    margin-bottom: 16px;
  }
  .topics_list .title {
    font-size: 16px;
  }
  .topics_list .topics_nolink {
    padding: 30px;
    display: block;
  }
  .topics_list .topics_nolink .date {
    font-size: 16px;
    margin-bottom: 16px;
  }
  .topics_list .topics_nolink .title {
    font-size: 16px;
    line-height: 1.7;
  }
  .notice_lead_wrap {
    margin: 60px auto;
  }
  .notice_lead_text {
    font-size: 20px;
    line-height: 2;
  }
  .notice_lead_text .inline_icon {
    width: 26px;
  }
  .product_title.autumn {
    font-size: 28px;
    padding: 15px;
  }
  .product_title.autumn:after {
    border: 13px solid transparent;
    border-top: 13px solid #ECECF0;
  }
  .product_title.winter {
    max-width: 707px;
    padding: 0 30px;
    margin: auto;
  }
  .product_wrap.autumn {
    background: #48496A;
  }
  .product_wrap.winter {
    max-width: 767px;
    margin: 0 auto 90px;
  }
  .product_list.result {
    display: flex;
    justify-content: center;
    max-width: 980px;
    padding: 50px 10px 60px;
    margin: auto;
  }
  .product_details.autumn {
    margin: 0;
    margin-right: 30px;
    padding: 0;
    border-bottom: none;
    width: calc((900px - 60px) / 3);
  }
  .product_details.autumn:last-of-type {
    margin-right: 0;
  }
  .product_details.autumn .grade {
    font-size: 24px;
    margin-bottom: 1em;
  }
  .product_details.autumn .img {
    margin: 0 auto 16px;
    width: 100%;
  }
  .product_details.autumn .catch {
    font-size: 16px;
  }
  .product_details.autumn .text {
    font-size: 16px;
  }
  .product_details.winter {
    padding: 40px 30px 0;
  }
  .product_details.winter .grade {
    font-size: 32px;
    margin-bottom: 25px;
  }
  .product_details.winter .img {
    width: 707px;
  }
  .product_details.winter .catch {
    padding: 30px 0;
    font-size: 24px;
  }
  .result_wrap {
    background: #fff;
  }
  .result_title {
    background: #F9EFDB;
  }
  .result_title img {
    width: 100%;
    max-width: 1000px;
    margin: auto;
  }
  .result_grade_title {
    background: #F2E2BF;
    position: relative;
    margin-bottom: 110px;
  }
  .result_grade_title img {
    width: 100%;
    max-width: 1000px;
    margin: auto;
  }
  .result_grade_title:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 38px solid transparent;
    border-top: 30px solid #F2E2BF;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
  }
  .result_details {
    background: #fff;
    padding: 0;
    max-width: 767px;
    margin: auto;
    border: 2px solid #B0B3C6;
  }
  .result_details + .result_details {
    margin-top: 80px;
    border: 2px solid #B0B3C6;
  }
  .result_details + .result_grade_title {
    margin-top: 160px;
  }
  .result_details .img {
    margin-bottom: 0;
  }
  .result_details .comment_wrap {
    padding: 30px;
  }
  .result_details .balloon {
    font-size: 19px;
    padding: 15px 20px;
    margin-bottom: 20px;
    border-radius: 10px;
  }
  .result_details .balloon:after {
    border: 15px solid transparent;
    border-top: 15px solid #F5BDAC;
    left: 20px;
  }
  .result_details .text {
    font-size: 16px;
  }
  .marker_title {
    font-size: 32px;
    margin-bottom: 50px;
  }
  .marker_title span {
    padding: 0 25px 5px;
    background: linear-gradient(transparent 40%, #F5BDAC 40%);
  }
  .entry_wrap {
    max-width: 767px;
    margin: 0 auto 90px;
  }
  .entry_step li {
    margin-bottom: 40px;
  }
  .entry_step .step_label {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .entry_step .step_label.last {
    margin-bottom: 40px;
  }
  .entry_step .step_text {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .entry_step .step_btn {
    width: 400px;
  }
  .entry_step .step_btn a {
    display: block;
  }
  .entry_step .step_btn a:hover {
    opacity: 0.8;
  }
  .entry_step .step_contents {
    padding: 30px;
    font-size: 20px;
    border-radius: 10px;
    margin: 0 20px;
  }
  .entry_step .step_notes {
    font-size: 16px;
    margin: 40px 20px 0;
  }
  .howto_wrap {
    margin: 0 auto 90px;
    max-width: 600px;
  }
  .howto_wrap .marker_title {
    margin-bottom: 60px;
  }
  .apply_wrap {
    margin: 0 auto;
    width: 707px;
  }
  .apply_title {
    font-size: 20px;
    padding: 25px 15px;
    margin-bottom: 25px;
  }
  .apply_list {
    margin-bottom: 25px;
  }
  .apply_list li {
    font-size: 20px;
  }
  .contact_wrap {
    margin-top: 170px;
    margin-bottom: 100px;
  }
  .contact_wrap:before {
    width: 16px;
    height: 16px;
    top: -100px;
  }
  .contact_title {
    font-size: 20px;
    margin-bottom: 30px;
  }
  .contact_text {
    font-size: 20px;
  }
  .contact_btn {
    width: 400px;
    margin: 30px auto 0;
  }
  .contact_btn a {
    display: block;
  }
  .contact_btn a:hover {
    opacity: 0.8;
  }
  .attention_wrap {
    padding: 30px;
    background: #F2E2BF;
    margin-top: 160px;
  }
  .attention_text {
    font-size: 16px;
    text-align: center;
  }
  .letter_wrap {
    background: #F6BDAD;
    padding: 50px 10px 80px;
  }
  .letter_wrap img {
    width: 100%;
    max-width: 767px;
    margin: auto;
  }
  .sns_wrap {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .sns_list li {
    margin-right: 80px;
    width: 60px;
  }
  .sns_list li:last-child {
    margin-right: 0;
  }
  .sns_list a {
    display: block;
  }
  .sns_list a:hover {
    opacity: 0.8;
    cursor: pointer;
  }
  .footer_logo {
    width: 227px;
    margin: 80px auto 60px;
  }
  .footer_logo a {
    display: block;
  }
  .footer_logo a:hover {
    opacity: 0.8;
    cursor: pointer;
  }
  .footer .copyright {
    text-align: center;
    font-size: 16px;
    margin-bottom: 30px;
  }
}

.department {
  background-color: #f5bdac;
}

.department_wrap {
  margin: 0 2.6vw 6vw;
  padding: 8vw 0;
}

.department_title {
  font-weight: bold;
  text-align: center;
  font-size: 5.3vw;
}

.department-list {
  margin-top: 1.75em;
}

.department-list-title {
  background-color: #fff;
  width: 50vw;
  border-radius: 12.5vw;
  font-weight: bold;
  text-align: center;
  font-size: 4.2vw;
  padding: 0.875rem 0;
  margin: 0 auto;
}

.department_description {
  font-size: 4.2vw;
  text-align: left;
  line-height: 1.75;
  margin-top: 5vw;
}

.department-list-text {
  font-size: 3.8vw;
  text-align: left;
  line-height: 1.75;
  margin-top: 5vw;
}

.product_title_wrap.spring {
  margin: 0 auto;
  width: 95vw;
}

.product_title {
  font-size: 4.2vw;
  font-weight: normal;
  text-align: center;
}

.product_title .title_text_summer img {
  width: 100%;
}

.product_title_wrap.spring {
  margin-bottom: 11.7vw;
}

.product_title_wrap.summer {
  margin: 0 2.6vw;
  background: #FAED81;
  padding: 3.9vw;
  border-radius: 2.6vw;
  border: 10px solid #FDF8CE;
}

.product_title_wrap.summer .ttitle_ext_summer {
  margin: 0 auto;
  text-align: center;
  width: 62.5vw;
}

.product_details.spring {
  padding: 10px 30px 0;
  padding: 5.2vw 3.9vw 0;
  text-align: center;
  border-bottom: 1px solid #d9d9e1;
}

.product_details.spring .grade {
  font-size: 4.2vw;
  margin-bottom: 3.4vw;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
  color: #ff4673;
}

.product_details.spring .grade.first {
  width: 54vw;
  margin: 0 auto;
  margin-bottom: 20px;
}

.product_details.spring .grade.first img {
  display: block;
  width: 100%;
}

.product_details.spring .catch {
  padding: 3.9vw 0 5.5vw;
  font-size: 4.2vw;
  color: #000;
}

.howto_wrap_spring {
  margin: 0 2.6vw 11vw;
}

.howto_h3_title {
  margin: 10vw 0;
  text-align: center;
}

.photo_sample_wrap1 {
  margin: 0 auto;
  padding: 0 7vw;
}

.photo_sample_wrap1 img {
  width: 100%;
}

.photo_sample_wrap2 {
  width: 57vw;
  margin: 0 auto 3.3vw;
}

.photo_sample2, .photo_sample3 {
  margin-bottom: 3.3vw;
}

.attention_box_title {
  font-size: 4.2vw;
  margin-bottom: 0.6vw;
}

.attention_text_spring {
  font-size: 4.2vw;
  margin: 13vw 0;
  line-height: 1.7;
}

.attention_box {
  background-color: #8a8a9f;
  padding: 3.3vw 3.3vw 3.3vw 2.3vw;
  font-size: 4.2vw;
  line-height: 1.75;
  border-radius: 2.6vw;
}

/******** summer **********/
.product_title_wrap.summer {
  margin: 0 auto;
  background-color: #FAED81;
  border-radius: 8px;
  margin: 0 5.2vw;
}

.product_wrap.summer {
  margin-bottom: 11.7vw;
}

.product_wrap.summer {
  margin: 9vw 0 13vw 0;
}

.product_wrap.summer .product_details {
  text-align: center;
  border-bottom: 1px solid #d9d9e1;
  padding: 0 5.2vw;
}

.product_wrap.summer .product_details .grade {
  font-size: 4.2vw;
  font-weight: bold;
  margin-bottom: 3.4vw;
  padding-left: 0.5em;
}

.product_wrap.summer .product_details .grade.first {
  color: #fff;
  position: relative;
  margin-bottom: 6vw;
}

.product_wrap.summer .product_details .grade.first::after {
  position: absolute;
  display: inline-block;
  content: "";
  background-image: url("../bmc/images/summer/first.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 54.7588vw;
  height: 8.21382vw;
  z-index: -1;
  top: -2.1vw;
  left: 50%;
  transform: translateX(-50%);
}

.product_wrap.summer .product_details .grade.first .small {
  font-size: 0.85em;
  vertical-align: baseline;
  color: #fff;
}

.product_wrap.summer .product_details .grade.second, .product_wrap.summer .product_details .grade.third {
  color: #8AB412;
  margin-top: 5.2vw;
}

.product_wrap.summer .product_details .grade.second .small, .product_wrap.summer .product_details .grade.third .small {
  font-size: 0.85em;
  vertical-align: baseline;
  color: #8AB412;
}

.product_wrap.summer .product_details img {
  display: block;
  width: 100%;
  border: 4px solid #A7C74D;
}

.product_wrap.summer .product_details .catch {
  text-align: center;
  padding: 3.9vw 0 5.5vw;
  font-size: 4.2vw;
  line-height: 1.5;
  color: #000;
}

.howto_h3_title.summer {
  background-color: #DBE9BF;
  color: #8AB412;
  font-weight: bold;
  text-align: center;
  padding: 2.6vw 0;
  margin: 6.5vw 2.6vw 5.2vw;
}

.howto.summer {
  margin-bottom: 11vw;
}

.howto.summer .text_howto {
  line-height: 1.5;
  margin-top: 3.9vw;
  font-size: 3.9vw;
  text-align: center;
}

.howto.summer .howto_img_wrap {
  margin: 0 10vw;
}

.howto.summer .howto_img_wrap .howto_img {
  max-width: 100%;
}

.howto.summer .howto_img_wrap .howto_img + .howto_img {
  margin-top: 3.9vw;
}

.howto.summer .howto_attention {
  margin-top: 3.9vw;
  border: 2px solid #ED262D;
  text-align: center;
  padding: 2.6vw 0;
}

.howto.summer .howto_attention img {
  width: 39vw;
  text-align: center;
  margin: 0 auto;
}

.howto.summer .howto_attention img.img_size03 {
  width: 38vw;
}

.attention_text_summer {
  font-size: 3.9vw;
  line-height: 1.7;
  margin: 3.9vw 2.6vw 0;
}

.attention_container.summer {
  margin: 0 2.6vw;
}

.text_howto + .howto_img.img_size01 {
  margin-top: 3.9vw;
}

.attention_box.summer {
  margin: 3.9vw 2.6vw 0;
}

/******** summer result sp **********/
.result.summer .result_product {
  width: 84.35vw;
  margin: 6.5vw auto;
  border-radius: 1.826vw;
}

.result.summer .result_product_heaging {
  text-align: center;
  margin: 13vw auto 0;
}

.result.summer .result_product_heaging.first {
  width: 39.63vw;
}

.result.summer .result_product_heaging.second {
  width: 45.50vw;
}

.result.summer .result_product_heaging.special {
  width: 31.02vw;
}

.result.summer .result_product_heaging_img {
  margin: 0 atuo;
  text-align: center;
  width: 100%;
}

.result.summer .result_product.first {
  background-color: #F2E1B2;
}

.result.summer .result_product.second {
  background-color: #B7BBD6;
}

.result.summer .result_product.special {
  background-color: #CADD94;
}

.result.summer .result_product_wrap {
  display: flex;
  align-items: center;
  padding: 2.6vw;
}

.result.summer .result_product_wrap_img {
  width: 28.6vw;
}

.result.summer .result_product_wrap_img img {
  width: 100%;
}

.result.summer .result_product_wrap_text {
  margin: 0 0 0 2.6vw;
  text-align: left;
  font-size: 3.38vw;
  font-weight: 900;
  line-height: 1.2;
}

.result.summer .result_product_wrap_text_small {
  font-size: 2.6vw;
  font-weight: normal;
  display: block;
  padding-bottom: 2vw;
}

.result.summer .bmc-winner {
  width: 100%;
}

.result.summer .bmc-winner_box.first {
  border: 2.6vw solid #D5C290;
}

.result.summer .bmc-winner_box.second {
  border: 2.6vw solid #B7BBD6;
}

.result.summer .bmc-winner_box.special {
  border: 2.6vw solid #CADD94;
}

.result.summer .bmc-winner_box_heading {
  margin: 2.6vw auto 0;
  text-align: center;
}

.result.summer .bmc-winner_box_ttl {
  margin: 0 auto;
}

.result.summer .bmc-winner_box_ttl.first {
  width: 32.46vw;
}

.result.summer .bmc-winner_box_ttl.second {
  width: 43.41vw;
}

.result.summer .bmc-winner_box_ttl.special {
  width: 23.46vw;
}

.result.summer .bmc-winner_box_ttl_img {
  width: 100%;
}

.result.summer .bmc-winner_box_age {
  font-weight: normal;
  font-size: 3.65vw;
  margin: 1.3vw 0 2.6vw;
}

.result.summer .bmc-winner_box_photo {
  margin: 2.6vw auto 0;
  text-align: center;
}

.result.summer .bmc-winner_box_photo_item01 {
  width: 89.56vw;
  margin: 0 auto;
}

.result.summer .bmc-winner_box_photo_item01_img {
  width: 100%;
}

.result.summer .bmc-winner_box_photo_item02 {
  width: 48.5vw;
  text-align: center;
  margin: 6.5vw auto 0;
}

.result.summer .bmc-winner_box_photo_item02_img {
  width: 100%;
}

.result_cmt_winner_ttl {
  font-size: 4.17vw;
  font-weight: 900;
  margin: 6.5vw 0 0 0;
  text-align: center;
}

.result_cmt_winner_text {
  font-size: 3.65vw;
  font-weight: normal;
  line-height: 1.7;
  padding: 3.9vw 2.6vw;
}

.result_cmt_staff {
  padding: 3.9vw 0 0 0;
}

.result_cmt_staff.first {
  background-color: #F5F0E3;
}

.result_cmt_staff.second {
  background-color: #DBDDE9;
}

.result_cmt_staff.special {
  background-color: #E4ECCD;
}

.result_cmt_staff_ttl {
  font-size: 4.17vw;
  font-weight: 900;
  text-align: center;
}

.result_cmt_staff_text {
  font-size: 3.38vw;
  font-weight: normal;
  line-height: 1.7;
  padding: 3.9vw 2.6vw;
}

.message_block.summer .result_cmt {
  padding: 5.86667vw 0;
}

.message_block.summer .text_message {
  text-align: center;
  line-height: 1.5;
  color: #8AB412;
  font-size: 3.389vw;
  padding: 0 2.6vw;
}

.message_block.summer .text_message .inline_icon {
  display: inline-block;
  width: 4.8vw;
  vertical-align: text-top;
}

.message_block.summer .message_wrap {
  width: 100%;
  background-color: #FBF19E;
  padding: 5.33333vw 0;
  margin: 0 auto;
  display: block;
}

.message_block.summer .message_container {
  margin: 0 auto;
  background-color: #fff;
  border-radius: 4.26vw;
  width: 89.33vw;
}

.message_block.summer .message_area {
  text-align: left;
  padding: 6.5vw 2.6vw;
}

@media screen and (min-width: 768px) {
  /******** summer result pc **********/
  .result.summer .result_product {
    width: 647px;
    margin: 50px auto;
    border-radius: 14px;
  }
  .result.summer .result_product_heaging {
    text-align: center;
    margin: 100px auto 0;
  }
  .result.summer .result_product_heaging.first {
    width: 304px;
  }
  .result.summer .result_product_heaging.second {
    width: 349px;
  }
  .result.summer .result_product_heaging.special {
    width: 238px;
  }
  .result.summer .result_product_heaging_img {
    margin: 0 atuo;
    text-align: center;
    width: 100%;
  }
  .result.summer .result_product_wrap {
    display: flex;
    align-items: center;
    padding: 20px;
  }
  .result.summer .result_product_wrap_img {
    width: 220px;
  }
  .result.summer .result_product_wrap_img img {
    width: 100%;
  }
  .result.summer .result_product_wrap_text {
    margin: 0 0 0 20px;
    text-align: left;
    font-size: 26px;
    font-weight: 900;
    line-height: 1.2;
  }
  .result.summer .result_product_wrap_text_small {
    font-size: 20px;
    font-weight: normal;
    display: block;
    padding-bottom: 15px;
  }
  .result.summer .bmc-winner {
    width: 100%;
    padding: 20px 0;
    margin: 0;
  }
  .result.summer .bmc-winner:first-child {
    margin: 50px 0 0 0;
  }
  .result.summer .bmc-winner.first {
    background-color: #D5C290;
  }
  .result.summer .bmc-winner.second {
    background-color: #B7BBD6;
  }
  .result.summer .bmc-winner.special {
    background-color: #CADD94;
  }
  .result.summer .bmc-winner_box {
    width: 700px;
    margin: 0 auto;
    border: none;
    background-color: #fff;
  }
  .result.summer .bmc-winner_box.first {
    border: none;
  }
  .result.summer .bmc-winner_box.second {
    border: none;
  }
  .result.summer .bmc-winner_box.special {
    border: none;
  }
  .result.summer .bmc-winner_box_heading {
    padding: 0;
    margin: 0;
    text-align: center;
  }
  .result.summer .bmc-winner_box_ttl {
    margin: 0 auto;
    padding: 20px 0 0 0;
  }
  .result.summer .bmc-winner_box_ttl.first {
    width: 249px;
  }
  .result.summer .bmc-winner_box_ttl.second {
    width: 333px;
  }
  .result.summer .bmc-winner_box_ttl.special {
    width: 180px;
  }
  .result.summer .bmc-winner_box_ttl_img {
    width: 100%;
  }
  .result.summer .bmc-winner_box_age {
    margin: 15px 0;
    font-weight: normal;
    font-size: 16px;
  }
  .result.summer .bmc-winner_box_photo {
    width: 600px;
    padding: 0;
    text-align: center;
    margin: 20px auto 0;
  }
  .result.summer .bmc-winner_box_photo_item01 {
    width: 600px;
  }
  .result.summer .bmc-winner_box_photo_item01_img {
    width: 100%;
  }
  .result.summer .bmc-winner_box_photo_item02 {
    width: 308px;
    text-align: center;
    margin: 50px auto 0;
  }
  .result.summer .bmc-winner_box_photo_item02_img {
    width: 100%;
  }
  .result_cmt_winner_ttl {
    font-size: 24px;
    font-weight: 900;
    margin: 20px 0 0 0;
    text-align: center;
  }
  .result_cmt_winner_text {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.7;
    padding: 20px;
  }
  .result_cmt_staff {
    padding: 30px 0 0 0;
  }
  .result_cmt_staff_ttl {
    font-size: 24px;
    font-weight: 900;
    text-align: center;
  }
  .result_cmt_staff_text {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.7;
    padding: 20px;
  }
  .message_block.summer .result_cmt {
    padding: 40px 0;
  }
  .message_block.summer .text_message {
    text-align: center;
    font-size: 18px;
    padding: 0;
  }
  .message_block.summer .text_message .inline_icon {
    width: 18px;
  }
  .message_block.summer .message_wrap {
    width: 100%;
    padding: 60px 0;
  }
  .message_block.summer .message_container {
    border-radius: 16px;
    width: 620px;
  }
  .message_block.summer .message_area {
    padding: 40px;
    text-align: left;
  }
}

@media screen and (min-width: 768px) {
  .department_title {
    font-size: 40px;
  }
  .department_description {
    font-size: 20px;
    line-height: 1.7;
    margin-top: 30px;
    margin-bottom: 45px;
  }
  .department-list {
    margin-top: 45px;
  }
  .department-list-title {
    font-size: 24px;
    width: 380px;
  }
  .department-list-text {
    font-size: 18px;
    line-height: 1.7;
    margin-top: 30px;
  }
  .department_wrap {
    margin: 0 auto;
    max-width: 600px;
    padding: 60px 0;
  }
  .product_title {
    padding: 30px 0 0;
    font-size: 24px;
  }
  .product_title_wrap.spring {
    width: 100%;
    margin: 0;
  }
  .product_wrap.spring {
    max-width: 767px;
    margin: 0 auto 90px;
  }
  .product_details.spring {
    padding: 40px 30px 0;
  }
  .product_details.spring .grade {
    font-size: 32px;
    margin-bottom: 25px;
  }
  .product_details.spring .grade.first {
    width: 355px;
    margin: 0 auto 20px;
  }
  .product_details.spring .grade.first img {
    display: block;
    width: 100%;
  }
  .product_details.spring .catch {
    padding: 30px 0;
    font-size: 24px;
  }
  .howto_wrap_spring {
    max-width: 767px;
    margin: 0 auto 90px;
  }
  .howto.spring {
    padding: 0 30px;
  }
  .howto_h3_title {
    font-size: 32px;
    margin: 80px 0 40px;
  }
  .photo_sample_wrap1 {
    margin: 0 auto;
    padding: 0 37px;
  }
  .photo_sample_wrap1 img {
    width: 100%;
  }
  .photo_sample_wrap2 {
    width: 434px;
    margin: 0 auto;
  }
  .photo_sample_wrap2 img {
    width: 100%;
  }
  .attention_box_title {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .attention_text_spring {
    font-size: 20px;
    line-height: 1.7;
    margin-top: 75px;
    margin-bottom: 100px;
  }
  .attention_box {
    padding: 30px;
    font-size: 20px;
    border-radius: 10px;
  }
}

/* text */
.text_white {
  color: #fff;
}

.text_spring, .text_autumn2 {
  color: #ff4673;
}

.text_summer {
  color: #8AB412;
}

.bold_text {
  font-weight: bold;
}

/* common */
.text_list li {
  font-size: 4.1vw;
  text-indent: -1em;
  padding-left: 1em;
  line-height: 1.7;
}

@media screen and (min-width: 768px) {
  .text_list li {
    font-size: 20px;
  }
}

.important_wrap {
  margin: 6vw 2.6vw;
  padding: 4.2vw 2.6vw;
  border: 1px red solid;
}

.important_text {
  color: red;
  text-align: justify;
  line-height: 1.7;
}

@media screen and (min-width: 768px) {
  .important_wrap {
    margin: 30px auto;
    max-width: 600px;
    padding: 30px;
  }
  .important_text {
    font-size: 20px;
  }
}

/* Winter result*/
.result_block.winter {
  text-align: center;
  padding: 1.06667vw auto 2.66667vw;
}

.result_block.winter .result_wrap_winter {
  background-color: #F2E2BF;
  margin: 0;
}

.result_block.winter .result_wrap_winter .result_dtl_wrap {
  padding: 5.3vw 7.46667vw;
}

.result_block.winter .result_wrap_winter .result_dtl_wrap .result_photo {
  width: 100%;
}

.result_block.winter .result_wrap_winter .result_dtl_wrap .result_photo + .result_photo {
  margin-top: 5.3vw;
}

.result_block.winter .result_wrap_winter .result_dtl_wrap .result_num {
  margin-top: 5.3vw;
  width: 100%;
}

.result_heading.winter {
  padding: 3.8vw 0;
}

.result_heading.winter .gp_heading {
  margin: 0 auto;
  text-align: center;
}

.result_heading.winter .first {
  width: 27.66667vw;
}

.result_heading.winter .second {
  width: 38.83333vw;
}

.result_heading.winter .special {
  width: 17.83333vw;
}

.result_heading.winter .winner-dtl {
  font-size: 4.266666666666667vw;
  font-weight: bold;
  line-height: 1;
  font-family: 'Century Gothic', "游ゴシック体", YuGothic, '游ゴシック', 'Yu Gothic', 'メイリオ', 'Meiryo', 'verdana', 'Times New Roman', Times, serif;
  margin-top: 4.26667vw;
}

.result_cmt.winter {
  border-top: 1px solid #fff;
  margin: 0 auto;
  width: 94.7vw;
  padding: 5.3vw 0;
}

.result_cmt.winter .cmt_heading {
  font-size: 4.266666666666667vw;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}

.result_cmt.winter .text_cmt {
  text-align: justify;
  font-size: 4.266666666666667vw;
  margin-top: 4.26667vw;
  line-height: 1.5;
  padding: 0;
  font-weight: normal;
}

.product_block.winter {
  background-color: #F5BDAC;
}

.product_block.winter .product_wrap {
  justify-content: space-between;
  padding: 2.66667vw;
}

.product_block.winter .product_wrap .product_img {
  float: left;
  width: 40vw;
  margin-right: 3vw;
}

.product_block.winter .product_wrap .product_img img {
  width: 100%;
}

.product_block.winter .product_wrap .text_product {
  font-size: 3.7333333333333334vw;
  line-height: 1.4;
  text-align: justify;
  font-weight: normal;
}

.message_block.winter .result_cmt {
  padding: 5.86667vw 0;
}

.message_block.winter .text_message {
  text-align: center;
  line-height: 1.5;
  color: #008AA1;
  font-size: 4.2vw;
  padding: 0 2.6vw;
}

.message_block.winter .text_message .inline_icon {
  display: inline-block;
  width: 4.8vw;
  vertical-align: text-top;
}

.message_block.winter .message_wrap {
  width: 100%;
  background-color: #cce8ec;
  padding: 5.33333vw 0;
  margin: 0 auto;
  display: block;
}

.message_block.winter .message_container {
  margin: 0 auto;
  background-color: #fff;
  border-radius: 4.26667vw;
  width: 89.33333vw;
}

.message_block.winter .message_area {
  text-align: left;
  padding: 6.66667vw 2.6vw;
}

.attention.winter {
  margin: 4.2vw 0 6vw;
  padding: 0 2.6vw;
}

.attention.winter .attention_text.winter {
  padding: 0 2.6vw;
}

.attention.winter .attention_text.winter li {
  text-align: justify;
  font-size: 3.7vw;
  line-height: 1.5;
  color: #555;
  text-indent: -1em;
  padding-left: 1em;
  font-weight: normal;
}

@media screen and (min-width: 768px) {
  .result_block.winter {
    text-align: center;
    padding: 20px auto 30px;
  }
  .result_block.winter .result_wrap_winter {
    width: 700px;
    margin: 0 auto;
  }
  .result_block.winter .result_wrap_winter .result_dtl_wrap {
    padding: 40px 0;
    width: 500px;
    margin: 0 auto;
  }
  .result_block.winter .result_wrap_winter .result_dtl_wrap .result_photo {
    width: 100%;
  }
  .result_block.winter .result_wrap_winter .result_dtl_wrap .result_photo + .result_photo {
    margin-top: 20px;
  }
  .result_block.winter .result_wrap_winter .result_dtl_wrap .result_num {
    margin-top: 20px;
    width: 100%;
  }
  .result_heading.winter {
    padding: 20px 0;
  }
  .result_heading.winter .gp_heading {
    line-height: 0;
  }
  .result_heading.winter .first {
    width: 166px;
  }
  .result_heading.winter .second {
    width: 223px;
  }
  .result_heading.winter .special {
    width: 107px;
  }
  .result_heading.winter .winner-dtl {
    font-size: 18px;
    width: 600px;
    margin: 30px auto 0;
  }
  .result_cmt.winter {
    width: 600px;
    margin: 0 auto;
    padding: 20px 0;
  }
  .result_cmt.winter .cmt_heading {
    font-size: 18px;
  }
  .result_cmt.winter .text_cmt {
    font-size: 16px;
    margin-top: 20px;
    padding: 0;
  }
  .product_block.winter {
    width: 700px;
    margin: 0 auto;
  }
  .product_block.winter .product_wrap {
    width: 600px;
    margin: 0 auto;
    padding: 20px 0;
    display: flex;
  }
  .product_block.winter .product_wrap .product_img {
    width: 50%;
    margin-right: 0;
    padding-right: 20px;
    clear: both;
  }
  .product_block.winter .product_wrap .product_img img {
    width: 100%;
  }
  .product_block.winter .product_wrap .text_product {
    width: 55%;
    font-size: 15px;
  }
  .message_block.winter .result_cmt {
    padding: 40px 0;
  }
  .message_block.winter .text_message {
    text-align: center;
    font-size: 18px;
    padding: 0;
  }
  .message_block.winter .text_message .inline_icon {
    width: 18px;
  }
  .message_block.winter .message_wrap {
    width: 100%;
    padding: 60px 0;
  }
  .message_block.winter .message_container {
    border-radius: 16px;
    width: 620px;
  }
  .message_block.winter .message_area {
    padding: 40px;
    text-align: left;
  }
  .attention.winter {
    width: 700px;
    margin: 20px auto 0;
  }
  .attention.winter .attention_text.winter {
    padding: 0;
  }
  .attention.winter .attention_text.winter li {
    font-size: 14px;
  }
}

/* for modern brouser */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

/* IE7,MacIE5 */
.clearfix {
  display: inline-block;
}

/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

@media screen and (min-width: 768px) {
  /******** summer **********/
  .product_title_wrap.summer {
    margin: 0 auto;
    background-color: #FAED81;
    border-radius: 8px;
    padding: 30px 0;
  }
  .product_title_wrap.summer img.title_text_summer {
    width: 420px;
    margin: 0 auto;
  }
  .product_wrap.summer {
    margin: 60px auto 100px;
    width: 767px;
  }
  .product_wrap.summer .product_details {
    text-align: center;
    border-bottom: 1px solid #d9d9e1;
  }
  .product_wrap.summer .product_details .grade {
    font-size: 32px;
    margin: 30px 0;
    padding-left: 0.5em;
  }
  .product_wrap.summer .product_details .grade .small {
    font-size: 0.85em;
    vertical-align: baseline;
  }
  .product_wrap.summer .product_details .grade.first {
    margin-bottom: 48px;
    padding-left: 0.5em;
  }
  .product_wrap.summer .product_details .grade.first::after {
    width: 420px;
    height: 63px;
    z-index: -1;
    top: -15px;
  }
  .product_wrap.summer .product_details .grade.second, .product_wrap.summer .product_details .grade.third {
    color: #8AB412;
    margin: 30px 0;
  }
  .product_wrap.summer .product_details img {
    width: 600px;
    margin: 0 auto;
  }
  .product_wrap.summer .product_details .catch {
    padding: 0;
    margin: 20px 0;
    font-size: 24px;
  }
  .howto_h3_title.summer {
    padding: 20px 0;
    margin: 60px 20px 40px;
  }
  .howto.summer {
    margin-bottom: 100px;
  }
  .howto.summer .howto_img_description {
    margin: 0 20px;
  }
  .howto.summer .text_howto {
    margin-top: 30px;
    font-size: 20px;
  }
  .howto.summer .text_howto + .howto_img {
    margin-top: 30px;
  }
  .howto.summer .howto_img_wrap {
    margin: 0 auto;
    max-width: 500px;
  }
  .howto.summer .howto_img_wrap .howto_img {
    max-width: 100%;
  }
  .howto.summer .howto_img_wrap .howto_img + .howto_img {
    margin-top: 30px;
  }
  .howto.summer .howto_img_wrap .howto_img.img_size01 {
    width: 500px;
    text-align: center;
  }
  .howto.summer .howto_img_wrap .howto_img.img_size02 {
    width: 400px;
    text-align: center;
    margin: 0 auto;
  }
  .howto.summer .howto_attention {
    margin-top: 30px;
    padding: 20px 0;
  }
  .howto.summer .howto_attention img {
    width: 50%;
    text-align: center;
    margin: 0 auto;
  }
  .howto.summer .howto_attention img.img_size03 {
    width: 240px;
  }
  .attention_text_summer {
    font-size: 20px;
    line-height: 1.7;
    margin-top: 40px;
  }
  .attention_container.summer {
    margin: 0 20px;
  }
  .text_howto + .howto_img.img_size01 {
    margin-top: 30px;
  }
  .attention_box.summer {
    margin-top: 40px;
  }
}

/*** autumn2 ***/
.product_title {
  font-size: 4.2vw;
  font-weight: 900;
  text-align: center;
  color: #FE4672;
  line-height: 1.56;
}

.product_title_wrap.autumn2 {
  margin: 6.5189vw 0;
}

.product_wrap.autumn2 {
  margin: 0 0 13vw 0;
}

.product_wrap.autumn2 .product_list .product_details {
  padding: 0;
  border-bottom: 1px solid #d9d9e1;
  text-align: center;
  font-size: 4.2vw;
  margin-bottom: 8vw;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
  font-family: 'YuGothic','Century Gothic','Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  color: #ff4673;
  font-weight: bold;
}

.product_wrap.autumn2 .product_list .product_details .text_small {
  font-size: .8125em;
}

.product_wrap.autumn2 .product_list .product_details .grade.first {
  display: inline-block;
  position: relative;
  height: 10vw;
  line-height: 10vw;
  text-align: center;
  padding: 0 11vw;
  font-size: 4.2vw;
  background: #FB4673;
  color: #FFF;
  box-sizing: border-box;
  margin-bottom: 5.3vw;
}

.product_wrap.autumn2 .product_list .product_details .grade.first::before, .product_wrap.autumn2 .product_list .product_details .grade.first::after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}

.product_wrap.autumn2 .product_list .product_details .grade.first::before {
  top: 0;
  left: 0;
  border-width: 5vw 0 5vw 2.6vw;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
}

.product_wrap.autumn2 .product_list .product_details .grade.first::after {
  top: 0;
  right: 0;
  border-width: 5vw 2.6vw 5vw 0;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}

.product_wrap.autumn2 .product_list .product_details .grade.second, .product_wrap.autumn2 .product_list .product_details .grade.third {
  margin-bottom: 5.3vw;
}

.product_wrap.autumn2 .product_list .product_details .img {
  padding: 0 5.3vw;
}

.product_wrap.autumn2 .product_list .product_details .img img {
  display: block;
  width: 100%;
  border: solid 4px #FE4672;
}

.product_wrap.autumn2 .catch {
  padding: 5.3vw 0 8vw;
  font-size: 4.2vw;
  color: #000;
  line-height: 1.5;
  font-weight: normal;
}

.howto_wrap_autumn2 {
  margin: 0 2.6vw 11vw;
}

.howto_h3_title {
  margin: 10vw 0;
  text-align: center;
}

.photo_sample_wrap1 {
  margin: 0 auto;
  padding: 0 7vw;
}

.photo_sample_wrap1 img {
  width: 100%;
}

.photo_sample_wrap2 {
  width: 57vw;
  margin: 0 auto 3.3vw;
}

.photo_sample2, .photo_sample3 {
  margin-bottom: 3.3vw;
}

.attention_box_title {
  font-size: 4.2vw;
  margin-bottom: 0.6vw;
}

.attention_text_autumn2 {
  font-size: 4.2vw;
  margin: 13vw 0;
  line-height: 1.7;
}

@media screen and (min-width: 768px) {
  .product_title {
    font-size: 28px;
    margin: 0;
    padding: 0;
  }
  .product_title_wrap.autumn2 {
    margin: 40px 0;
  }
  .product_wrap.autumn2 {
    max-width: 600px;
    margin: 0 auto 90px;
  }
  .product_wrap.autumn2 .product_list .product_details {
    font-size: 32px;
    margin-bottom: 40px;
    color: #ff4673;
  }
  .product_wrap.autumn2 .product_list .product_details .grade.first {
    height: 78px;
    line-height: 78px;
    padding: 0 60px;
    font-size: 32px;
    margin-bottom: 40px;
  }
  .product_wrap.autumn2 .product_list .product_details .grade.first::before, .product_wrap.autumn2 .product_list .product_details .grade.first::after {
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    z-index: 1;
  }
  .product_wrap.autumn2 .product_list .product_details .grade.first::before {
    top: 0;
    left: 0;
    border-width: 39px 0px 39px 20px;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
  }
  .product_wrap.autumn2 .product_list .product_details .grade.first::after {
    top: 0;
    right: 0;
    border-width: 39px 20px 39px 0px;
    border-color: transparent #fff transparent transparent;
    border-style: solid;
  }
  .product_wrap.autumn2 .product_list .product_details .grade.second, .product_wrap.autumn2 .product_list .product_details .grade.third {
    margin-bottom: 40px;
  }
  .product_wrap.autumn2 .product_list .product_details .img {
    width: 520px;
    padding: 0;
    margin: 0 auto;
  }
  .product_wrap.autumn2 .product_list .product_details .img img {
    display: block;
    width: 100%;
    border: solid 4px #FE4672;
  }
  .product_wrap.autumn2 .catch {
    padding: 30px 0 40px 0;
    font-size: 24px;
    font-weight: normal;
  }
  .howto_wrap_autumn2 {
    max-width: 600px;
    margin: 0 auto 90px;
    padding: 0;
  }
  .howto.spring {
    padding: 0 30px;
  }
  .howto_h3_title {
    font-size: 32px;
    margin: 80px 0 40px;
  }
  .photo_sample_wrap1 {
    margin: 0 auto;
    padding: 0;
  }
  .photo_sample_wrap1 img {
    width: 100%;
  }
  .photo_sample_wrap2 {
    width: 434px;
    margin: 0 auto;
  }
  .photo_sample_wrap2 img {
    width: 100%;
  }
  .attention_box_title {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .attention_box {
    padding: 30px;
    font-size: 20px;
    border-radius: 10px;
  }
  .attention_text_autumn2 {
    font-size: 20px;
    line-height: 1.7;
    margin-top: 60px;
    margin-bottom: 60px;
  }
}

/******** autumn2 result sp **********/
.result_autumn2 .result_ttl {
  margin: 7.8vw auto 6.5vw;
}

.result_autumn2 .result_ttl_emblem {
  display: block;
  margin: 0 auto;
  width: 12vw;
  height: auto;
}

.result_autumn2 .result_ttl_emblem.gp {
  width: 15.6vw;
}

.result_autumn2 .result_ttl_heading {
  margin: 10vw auto;
}

.result_autumn2 .result_ttl_heading_img {
  display: block;
  margin: 0 auto;
  width: 73vw;
  height: auto;
}

.result_autumn2 .winner_outer {
  width: 100%;
}

.result_autumn2 .winner_wrap.gp {
  border: 2.6vw solid #FEDAE3;
}

.result_autumn2 .winner_wrap.tarumi {
  border: 2.6vw solid #CCE7EC;
}

.result_autumn2 .winner_wrap.shimi {
  border: 2.6vw solid #E7F0CF;
}

.result_autumn2 .winner_container {
  margin: 2.6vw;
  text-align: center;
}

.result_autumn2 .winner_container_age {
  font-weight: 300;
  font-size: 3.65vw;
  margin: 1.3vw 0 2.6vw;
}

.result_autumn2 .winner_container_photo {
  margin: 2.6vw auto 0;
  text-align: center;
}

.result_autumn2 .winner_container_photo_item {
  width: 89.56vw;
  margin: 0 auto;
}

.result_autumn2 .winner_container_photo_item_img {
  width: 100%;
  height: auto;
}

.result_autumn2 .winner_container .cmt_winner_ttl {
  font-size: 4vw;
  font-weight: 900;
  margin: 5.2vw 0 0 0;
  text-align: center;
}

.result_autumn2 .winner_container .cmt_winner_ttl span {
  background: linear-gradient(transparent 60%, #F6BDAD 0%);
}

.result_autumn2 .winner_container .cmt_winner_text {
  font-size: 4vw;
  font-weight: normal;
  line-height: 1.5;
  margin: 5.2vw auto;
  padding: 0 2.6vw;
  text-align: left;
}

.winner_wrap .cmt_staff {
  padding: 3.9vw 0 0 0;
  background-color: #EDECF1;
}

.winner_wrap .cmt_staff_outer {
  display: block;
  padding: 0 5.2vw 3.9vw;
}

.winner_wrap .cmt_staff_ttl {
  font-size: 4vw;
  font-weight: 900;
  text-align: center;
}

.winner_wrap .cmt_staff_ttl span {
  background: linear-gradient(transparent 60%, #F6BDAD 0%);
}

.winner_wrap .cmt_staff_text {
  font-size: 3.3vw;
  font-weight: normal;
  line-height: 1.7;
  margin: 3.9vw 0 0 0;
}

.winner_wrap .cmt_staff_wrap {
  display: flex;
  justify-content: space-between;
  margin: 3.9vw 0 0 0;
}

.winner_wrap .cmt_staff_present {
  display: inline-block;
  width: 52vw;
  height: 100%;
}

.winner_wrap .cmt_staff_present_pc {
  display: none;
}

.winner_wrap .cmt_staff_img {
  display: inline-block;
  text-align: center;
}

.winner_wrap .cmt_staff_img_item {
  width: 23vw;
  height: auto;
}

.winner_wrap .cmt_staff_img_name {
  margin: 1.3vw 0 0 0;
  font-size: 3.1vw;
}

.result_ttl_emblem + .result_ttl_heading {
  margin-top: 2.6vw;
}

.result_bottom {
  padding: 0 5.2vw;
}

.result_bottom .result_attention {
  color: #000;
  text-align: left;
  font-size: 2.6vw;
  line-height: 1.6;
  margin: 3.9vw 0 0 0;
}

.result_bottom .result_cmt {
  margin: 6.5vw auto;
}

.result_bottom .result_cmt_text {
  text-align: center;
  line-height: 1.5;
  color: #FB4673;
  font-size: 3.9vw;
  font-weight: 900;
}

.message_autumn2 {
  width: 100%;
  background: url(/bmc/images/autumn2/bg_message_sp.jpg) no-repeat center/cover;
  padding: 7.8vw 0;
}

.message_autumn2_outer {
  margin: 5.2vw;
  border: 3px solid #D6AF7A;
  background: #fff;
}

.message_autumn2_wrap {
  margin: 1.3vw;
  border: 1px solid #D6AF7A;
  padding: 3.5vw 2.6vw;
}

.message_autumn2_heading {
  color: #ff4673;
  font-weight: 900;
  font-size: 4.6vw;
  line-height: 1.4;
  text-align: center;
}

.message_autumn2_heading .sp_only {
  display: block;
}

.message_autumn2_heading .pc_only {
  display: none;
}

.message_autumn2_text {
  text-align: left;
  margin: 5.2vw 0 0 0;
  padding: 0 2.6vw;
  font-size: 3.9vw;
  line-height: 1.7;
}

.message_autumn2_text .inline_icon {
  display: inline-block;
  width: 3.9vw;
  vertical-align: text-top;
}

.message_autumn2_text .bold {
  font-weight: 900;
}

@media screen and (min-width: 768px) {
  /******** autumn2 result sp **********/
  .result_autumn2 .result_ttl {
    margin: 60px auto 50px;
  }
  .result_autumn2 .result_ttl_emblem {
    width: 93px;
    height: auto;
  }
  .result_autumn2 .result_ttl_emblem.gp {
    width: 120px;
  }
  .result_autumn2 .result_ttl_heading {
    margin: 20px auto;
  }
  .result_autumn2 .result_ttl_heading_img {
    width: 580px;
    height: auto;
  }
  .result_autumn2 .winner_outer {
    width: 100%;
    padding: 20px 0;
    margin: 0;
  }
  .result_autumn2 .winner_outer.gp {
    background: #FEDAE3;
  }
  .result_autumn2 .winner_outer.tarumi {
    background: #CCE7EC;
  }
  .result_autumn2 .winner_outer.shimi {
    background: #E7F0CF;
  }
  .result_autumn2 .winner_wrap {
    width: 700px;
    margin: 0 auto;
    border: none;
    background-color: #fff;
  }
  .result_autumn2 .winner_wrap.gp {
    border: 0;
  }
  .result_autumn2 .winner_wrap.tarumi {
    border: 0;
  }
  .result_autumn2 .winner_wrap.shimi {
    border: 0;
  }
  .result_autumn2 .winner_container {
    padding: 20px 30px 30px 30px;
    margin: 0;
    text-align: center;
  }
  .result_autumn2 .winner_container_age {
    font-weight: 300;
    font-size: 16px;
    margin: 0;
  }
  .result_autumn2 .winner_container_photo {
    margin: 20px 20px 0 20px;
    text-align: center;
  }
  .result_autumn2 .winner_container_photo_item {
    width: 100%;
    margin: 0 auto;
  }
  .result_autumn2 .winner_container_photo_item_img {
    width: 100%;
    height: auto;
  }
  .result_autumn2 .winner_container .cmt_winner_ttl {
    font-size: 16px;
    font-weight: 900;
    margin: 40px 0 0 0;
    text-align: center;
  }
  .result_autumn2 .winner_container .cmt_winner_ttl span {
    background: linear-gradient(transparent 60%, #F6BDAD 0%);
  }
  .result_autumn2 .winner_container .cmt_winner_text {
    font-size: 16px;
    margin: 30px auto 0;
    padding: 0;
    text-align: left;
    line-height: 1.7;
  }
  .winner_wrap .cmt_staff {
    padding: 20px;
    background-color: #EDECF1;
  }
  .winner_wrap .cmt_staff_outer {
    display: flex;
    padding: 0;
    justify-content: space-between;
    align-items: flex-start;
    margin: 20px 0 0 0;
  }
  .winner_wrap .cmt_staff_ttl {
    font-size: 16px;
    font-weight: 900;
    text-align: center;
  }
  .winner_wrap .cmt_staff_ttl span {
    background: linear-gradient(transparent 60%, #F6BDAD 0%);
  }
  .winner_wrap .cmt_staff_text {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.7;
    margin: 0;
    width: 340px;
  }
  .winner_wrap .cmt_staff_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
  }
  .winner_wrap .cmt_staff_present {
    display: none;
    width: 0;
    height: auto;
  }
  .winner_wrap .cmt_staff_present_pc {
    display: inline-block;
    width: 160px;
    height: auto;
  }
  .winner_wrap .cmt_staff_img {
    display: inline-block;
    text-align: center;
    margin: 0;
  }
  .winner_wrap .cmt_staff_img_item {
    width: 100px;
    height: auto;
  }
  .winner_wrap .cmt_staff_img_name {
    margin: 10px 0 0 0;
    font-size: 12px;
  }
  .result_ttl_emblem + .result_ttl_heading {
    margin-top: 20px;
  }
  .result_bottom {
    padding: 0;
    width: 700px;
    margin: 0 auto;
  }
  .result_bottom .result_attention {
    color: #000;
    text-align: left;
    font-size: 13px;
    line-height: 1.7;
    margin: 20px 0 0 0;
  }
  .result_bottom .result_cmt {
    margin: 50px auto;
  }
  .result_bottom .result_cmt_text {
    text-align: center;
    line-height: 1.5;
    color: #FB4673;
    font-size: 20px;
    font-weight: 900;
  }
  .message_autumn2 {
    width: 100%;
    background: url(/bmc/images/autumn2/bg_message_pc.jpg) no-repeat center/cover;
    padding: 50px 0;
  }
  .message_autumn2_outer {
    margin: 0 auto;
    width: 700px;
    border: 3px solid #D6AF7A;
    background: #fff;
  }
  .message_autumn2_wrap {
    margin: 10px;
    border: 1px solid #D6AF7A;
    padding: 20px 0;
  }
  .message_autumn2_heading {
    color: #ff4673;
    font-weight: 900;
    font-size: 20px;
    line-height: 1.4;
    text-align: left;
    margin: 0 auto;
    padding: 0 40px;
  }
  .message_autumn2_heading .sp_only {
    display: none;
  }
  .message_autumn2_heading .pc_only {
    display: inline-block;
  }
  .message_autumn2_text {
    text-align: left;
    margin: 20px auto 0;
    padding: 0;
    font-size: 16px;
    line-height: 1.7;
    padding: 0 40px;
  }
  .message_autumn2_text .inline_icon {
    display: inline-block;
    width: 16px;
    vertical-align: text-top;
  }
  .message_autumn2_text .bold {
    font-weight: 900;
  }
}