@charset "UTF-8";
/*-------------------------------------------------------------------
　parts
-------------------------------------------------------------------*/
.sp_ver {
  display: none;
}

@media screen and (max-width:750px) {
  .sp_ver {
    display: block;
  }
}

.pc_ver {
  display: block;
}

@media screen and (max-width:750px) {
  .pc_ver {
    display: none;
  }
}

.font {
  font-family: futura-pt-bold, sans-serif;
  font-weight: 700;
  font-style: normal;
}

.font_medium {
  font-family: futura-pt, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.font_small {
  font-size: 12px;
}

.font_bold {
  font-weight: bold !important;
}

.font_normal {
  font-weight: normal !important;
}

.font_color_primary {
  color: #D394A6;
}

.font_color_black {
  color: #4E4D70;
}

.font_color_gray {
   color: #A6A6B8;
}

.txt_left {
  text-align: left;
}

.txt_center {
  text-align: center;
}

.txt_right {
  text-align: right;
}

.bg_gray {
  background-color: #FBFAFA;
}

.bg_white {
  background-color: #FFFFFF;
}

.wavewhite {
  position: relative;
}

.bg_white.wavewhite::before {
  content: "";
  position: absolute;
  background: url(../images/common/wave_contents.svg);
  width: 100%;
  height: 260px;
  z-index: 999;
  top: -2vw;
  background-size: cover;
}

.bottomwave::before {
  content: "";
  position: absolute;
  background: url(../images/common/wave_bottom.svg);
  width: 100%;
  height: 27vw;
  z-index: 999;
  bottom: -10px;
  background-size: cover;
}

@media screen and (max-width:1280px) {
  .bg_white.wavewhite::before {
    width: 100%;
    height: 12vw;
    z-index: 999;
  }
  .bottomwave::before {
    height: 33vw;
  }
}

.color_filter01 {
  background: rgba(211,148,166, 0.85);
  height: 100%;
  display: table;
  width: 100%;
  border-radius: 12px;
}

.color_filter02 {
  background: rgba(65,42,42, 0.5);
  height: 100%;
  display: table;
  width: 100%;
  border-radius: 12px;
}

/*-------------------------------------------------------------------
　btn
-------------------------------------------------------------------*/
.btn_style a {
  font-weight: bold;
  padding: 12px 32px;
  border-radius: 50px;
}

.btn_primary a {
  color: #FFFFFF;
  background-color: #D394A6;
}

.btn_primary a[target="_blank"]::before {
  content: "";
  display: inline-block;
  background: url("../images/common/icon_blank_w.svg");
  width: 16px;
  height: 16px;
  background-size: cover;
  vertical-align: text-bottom;
  margin-right: 10px;
}

.btn_white a {
  color: #D394A6;
  font-weight: bold;
  background-color: #FFFFFF;
}

.btn_white a[target="_blank"]::before {
  content: "";
  display: inline-block;
  background: url("../images/common/icon_blank_p.svg");
  width: 16px;
  height: 16px;
  background-size: cover;
  vertical-align: text-top;
  margin-right: 10px;
}

.btn.btn_right {
  text-align: right;
}

.service_btn_right {
  float: right;
  margin-top: -30px;
}
@media screen and (max-width:1024px) {
  .service_btn_right {
	float: none !important;
    margin-top: 21px;
    margin-left: 37%;
  }
}
@media screen and (max-width:880px) {
  .service_btn_right {
	float: none !important;
    margin-top: 21px;
    margin-left: -1%;
	margin-bottom: -10px;
  }
}

.btn.btn_center {
  text-align: center;
}

.btn.btn_left {
  text-align: left;
}

/* col2 */
.btn.col2 {
  display: flex;
}

.btn.col2.btn_right {
  justify-content: right;
}

.btn.col2.btn_center {
  justify-content: center;
}

.btn.col2.btn_left {
  justify-content: left;
}

.btn.col2 .btn_style:first-child {
  margin-right: 16px;
}

/* col3 */
.btn.col3 {
  display: flex;
}

.btn.col3.btn_right {
  justify-content: right;
}

.btn.col3 .btn_style:not(:last-child) {
  margin-right: 16px;
}

/*-------------------------------------------------------------------
　other
-------------------------------------------------------------------*/

.mr0 {
  margin-right: 0 !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.p10 {
  padding: 10px;
}

.fl_r {
  float: right;
}

.fl_l {
  float: left;
}

.w_90 {
  width: 90% !important;
}

.w_100 {
  width: 100% !important;
}

.clearfix {
  content: "";
  display: block;
  clear: both;
}