@charset "UTF-8";
/* ======================= VARIABLE ====== */
/* grey */
/* main light color */
/* main color */
/* main deep color */
/* placeholder color */
:placeholder-shown {
  color: #D2D2D2;
}

::-webkit-input-placeholder {
  color: #D2D2D2;
}

:-moz-placeholder {
  color: #D2D2D2;
  opacity: 1;
}

::-moz-placeholder {
  color: #D2D2D2;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #D2D2D2;
}

select::-ms-expand {
  display: none;
}

/* ======================= IMPORT ====== */
/*=================
     
    basic.scss

=======================*/
/* 分割線 */
.common_line {
  display: block;
  width: 100%;
  margin: 20px 0;
  background: #eee;
  height: 1px;
}

/* 余白 */
.mb150 {
  margin: 0 0 150px;
}
@media only screen and (max-width: 960px) {
  .mb150 {
    margin: 0 0 75px;
  }
}

.mb80 {
  margin: 0 0 80px;
}
@media only screen and (max-width: 960px) {
  .mb80 {
    margin: 0 0 40px;
  }
}

.mb60 {
  margin: 0 0 60px;
}

.mb50 {
  margin: 0 0 50px;
}

.mb40 {
  margin: 0 0 40px;
}

.mb30 {
  margin: 0 0 30px;
}

.mb24 {
  margin: 0 0 24px;
}

.mb20 {
  margin: 0 0 20px;
}

.mb15 {
  margin: 0 0 15px;
}

.mb12 {
  margin: 0 0 12px;
}

.mb10 {
  margin: 0 0 10px;
}

.mb5 {
  margin: 0 0 5px;
}

/* BTN */
.common_btn01 {
  display: block;
  width: 100%;
  height: 35px;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  letter-spacing: 1px;
  color: #fff;
  background: #178a7d;
  padding: 0;
  border: none;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
@media only screen and (max-width: 640px) {
  .common_btn01 {
    font-size: 12px;
  }
}
.common_btn01.center {
  margin: 0 auto;
}
.common_btn01.w120 {
  max-width: 120px;
}
.common_btn01.w150 {
  max-width: 150px;
}
.common_btn01.w200 {
  max-width: 200px;
}
.common_btn01.w300 {
  max-width: 300px;
}

.common_btn02 {
  display: block;
  width: 100%;
  height: 35px;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  letter-spacing: 1px;
  color: #009380;
  border: 1px #009380 solid;
  background: #fff;
  padding: 0;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
@media only screen and (max-width: 640px) {
  .common_btn02 {
    font-size: 12px;
  }
}
.common_btn02.center {
  margin: 0 auto;
}
.common_btn02.w120 {
  max-width: 120px;
}
.common_btn02.w150 {
  max-width: 150px;
}
.common_btn02.w200 {
  max-width: 200px;
}
.common_btn02.w280 {
  max-width: 280px;
}
.common_btn02.w300 {
  max-width: 300px;
}
.common_btn02.w340 {
  max-width: 340px;
}

/* LINK */
/* ALIGN */
.align_right {
  text-align: right;
}

.align_center {
  text-align: center;
}

/* TITLE */
.common_title01 {
  background: #777777;
  color: #fff;
  font-size: 16px;
  padding: 8px 12px;
  line-height: 1.5;
  font-weight: bold;
  margin: 0 0 20px;
  letter-spacing: 1.5px;
}

.common_title02 {
  color: #000;
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 15px;
  line-height: 1.5;
  letter-spacing: 1.5px;
}
@media only screen and (max-width: 640px) {
  .common_title02 {
    font-size: 16px;
  }
}

.common_title03 {
  position: relative;
  color: #000;
  font-size: 16px;
  line-height: 1.5;
  font-weight: bold;
  margin: 0 0 15px;
  padding: 0 0 0 20px;
  letter-spacing: 1.5px;
}
.common_title03:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 8px;
  left: 0;
  background: #777777;
}

/* LINK */
.common_link01 {
  display: inline-block;
  font-size: 14px;
  color: #318bda;
  line-height: 1.5;
}
@media only screen and (max-width: 640px) {
  .common_link01 {
    font-size: 12px;
  }
}

/* TEXT */
.common_text_black {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 1px;
  color: #000;
}
@media only screen and (max-width: 640px) {
  .common_text_black {
    font-size: 12px;
  }
}
.common_text_black span {
  font-size: 12px;
}
@media only screen and (max-width: 640px) {
  .common_text_black span {
    font-size: 10px;
  }
}
.common_text_black a {
  display: inline-block;
  color: #318bda;
}

.common_text_grey {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 1px;
  color: #3c3c3c;
}
@media only screen and (max-width: 640px) {
  .common_text_grey {
    font-size: 12px;
  }
}
.common_text_grey span {
  font-size: 12px;
}
@media only screen and (max-width: 640px) {
  .common_text_grey span {
    font-size: 10px;
  }
}

.common_text_red {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 1px;
  color: #f44336;
}
@media only screen and (max-width: 640px) {
  .common_text_red {
    font-size: 12px;
  }
}

/* PAGER */
.common_pager_block {
  -js-display: flex;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.common_pager_block .common_pager_prev {
  font-size: 12px;
  color: #959595;
  letter-spacing: 1.2px;
  text-decoration: none;
}
.common_pager_block .common_pager_prev:before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  border: 1px solid;
  border-color: transparent transparent #959595 #959595;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: 1px;
}
.common_pager_block .common_pager_prev.active {
  color: #000;
}
.common_pager_block .common_pager_prev.active:before {
  border-color: transparent transparent #000 #000;
}
.common_pager_block .common_pager_next {
  font-size: 12px;
  color: #959595;
  letter-spacing: 1.2px;
  text-decoration: none;
}
.common_pager_block .common_pager_next:after {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  border: 1px solid;
  border-color: #959595 #959595 transparent transparent;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: 1px;
}
.common_pager_block .common_pager_next.active {
  color: #000;
}
.common_pager_block .common_pager_next.active:after {
  border-color: #000 #000 transparent transparent;
}
.common_pager_block .common_pager_list {
  -js-display: flex;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 8px;
}
.common_pager_block .common_pager_list .common_pager_item {
  margin: 0 8px;
}
.common_pager_block .common_pager_list .common_pager_link {
  display: block;
  position: relative;
  color: #000;
  font-weight: bold;
  font-size: 12px;
  text-decoration: none;
}
.common_pager_block .common_pager_list .common_pager_link.active {
  color: #178a7d;
}

/*=================
     
    header.scss

=======================*/
.header_wrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 60;
  width: 100%;
  height: 80px;
  background: #fff;
  -js-display: flex;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 0 20px;
  border-bottom: 3px #00665b solid;
  -moz-box-shadow: 0px 0px 6px black;
  -webkit-box-shadow: 0px 0px 6px black;
  box-shadow: 0px 0px 6px black;
}
@media only screen and (max-width: 768px) {
  .header_wrap {
    height: 60px;
    padding: 0 0 0 12px;
  }
}
.header_wrap .header_name {
  display: block;
  width: 400px;
}
@media only screen and (max-width: 768px) {
  .header_wrap .header_name {
    width: 200px;
  }
}
.header_wrap .header_name img {
  display: block;
  width: 100%;
}
.header_wrap .header_info {
  -js-display: flex;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.header_wrap .header_logout {
  display: block;
  width: 55px;
}
@media only screen and (max-width: 768px) {
  .header_wrap .header_logout {
    margin: 0 5px 0 0;
    width: 45px;
  }
}
.header_wrap .header_logout img {
  display: block;
  width: 100%;
}
.header_wrap .header_btn {
  position: relative;
  display: block;
  width: 60px;
  height: 60px;
  background: none;
  padding: 0;
  border: none;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
}
.header_wrap .header_btn .top {
  display: block;
  width: 30px;
  height: 2px;
  background: #00665b;
  margin: 0 auto 5px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.header_wrap .header_btn .bottom {
  display: block;
  width: 30px;
  height: 2px;
  background: #00665b;
  margin: 0 auto;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.header_wrap .header_btn.active .top {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.header_wrap .header_btn.active .bottom {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}

/*=================
     
    footer.scss

=======================*/
.footer_wrap {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 10;
  display: block;
  width: calc( 100% - 300px );
  background: #00665b;
  text-align: center;
  padding: 5px 0 0;
}
@media only screen and (max-width: 768px) {
  .footer_wrap {
    width: 100%;
  }
}
.footer_wrap .footer_link {
  display: inline-block;
  font-size: 11px;
  color: #fff;
  line-height: 1.5;
}

.footer_copyright {
  display: block;
  height: 20px;
  line-height: 20px;
  color: #fff;
  font-size: 10px;
}

/*=================
     
    form.scss

=======================*/
.form_wrap {
  padding: 30px;
  background: #f6f6f6;
}
@media only screen and (max-width: 960px) {
  .form_wrap {
    padding: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .form_wrap {
    padding: 20px 12px;
  }
}
.form_wrap.max_w1000 {
  max-width: 1000px;
}
.form_wrap.search {
  max-width: inherit;
}
.form_wrap.special {
  max-width: 600px;
  width: 100%;
  padding: 0;
  background: #fff;
}

.form_block {
  margin: 0 0 15px;
  -js-display: flex;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.form_block.align-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
@media only screen and (max-width: 640px) {
  .form_block {
    display: block;
  }
}
.form_block:last-of-type {
  margin: 0;
}
.form_block .form_delete_btn {
  margin: 0 0 0 10px;
}

.form_list .form_item {
  padding: 0 0 15px;
  margin: 0 0 15px;
  border-bottom: 1px #D2D2D2 dashed;
}
.form_list .form_item:last-of-type {
  margin: 0;
}
.form_list.special .form_item:last-of-type {
  padding: 0;
  border-bottom: none;
}
.form_list.total .form_item:last-of-type {
  border-bottom: 1px #D2D2D2 solid;
}

.form_title {
  width: 120px;
  min-width: 120px;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 1.5;
  color: #000;
  font-weight: bold;
}
@media only screen and (max-width: 640px) {
  .form_title {
    width: 100%;
    min-width: inherit;
    margin: 0 0 5px;
  }
}
.form_title.width_large {
  width: 200px;
  min-width: 200px;
}
@media only screen and (max-width: 640px) {
  .form_title.width_large {
    width: 100%;
    min-width: inherit;
  }
}
.form_title.width_m {
  width: 170px;
  min-width: 170px;
}
@media only screen and (max-width: 640px) {
  .form_title.width_m {
    width: 100%;
    min-width: inherit;
  }
}
.form_title.search {
  width: auto;
  min-width: inherit;
  white-space: nowrap;
  padding: 0 15px 0 0;
}
@media only screen and (max-width: 960px) {
  .form_title.search {
    width: 120px;
    min-width: 120px;
    padding: 0;
  }
}
@media only screen and (max-width: 640px) {
  .form_title.search {
    width: 100%;
    min-width: inherit;
  }
}
.form_title.search_m {
  width: auto;
  min-width: inherit;
  white-space: nowrap;
  padding: 0 15px 0 0;
}
@media only screen and (max-width: 960px) {
  .form_title.search_m {
    width: 160px;
    min-width: 160px;
    padding: 0;
  }
}
@media only screen and (max-width: 640px) {
  .form_title.search_m {
    width: 100%;
    min-width: inherit;
  }
}
.form_title .fs12 {
  font-size: 12px;
}
.form_title.fs16 {
  font-size: 16px;
}
.form_title span {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  font-size: 11px;
  vertical-align: 1px;
  font-weight: normal;
  background: #f44336;
  color: #fff;
  padding: 0 5px;
  margin: 0 0 0 5px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
@media only screen and (max-width: 640px) {
  .form_title span {
    font-size: 10px;
    padding: 0 3px;
    height: 16px;
    line-height: 16px;
  }
}
.form_title small {
  font-weight: normal;
  font-size: 11px;
}

.form_info {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 1px;
  color: #3c3c3c;
  width: 100%;
}
@media only screen and (max-width: 640px) {
  .form_info {
    font-size: 12px;
  }
}
.form_info .form_pic_link {
  display: block;
}
.form_info.flex {
  -js-display: flex;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
@media only screen and (max-width: 960px) {
  .form_info.flex {
    display: block;
  }
}
.form_info.flex .form_thumb_pic {
  margin: 0 10px 0 0;
}
@media only screen and (max-width: 960px) {
  .form_info.flex .form_thumb_pic {
    margin: 0 0 10px;
  }
}

.form_input {
  outline: none;
  font-size: 14px;
  padding: 0 15px;
  width: 100%;
  height: 44px;
  font-weight: 500;
  border: none;
  color: #000;
  appearance: none;
  -webkit-appearance: none;
  background: #fff;
  border: 1px #D2D2D2 solid;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
@media only screen and (max-width: 640px) {
  .form_input {
    font-size: 16px;
    padding: 0 12px;
  }
}
.form_input.w80 {
  max-width: 80px;
}
.form_input.w120 {
  max-width: 120px;
}
.form_input.w150 {
  max-width: 150px;
}
.form_input.w300 {
  max-width: 300px;
}
.form_input.mr10 {
  margin: 0 10px 0 0;
}

.form_select {
  display: block;
  outline: none;
  font-size: 14px;
  letter-spacing: 1px;
  padding: 0 20px 0 15px;
  width: 100%;
  height: 44px;
  font-weight: 500;
  border: none;
  color: #000;
  appearance: none;
  -webkit-appearance: none;
  background: url("../images/arrow01.svg") no-repeat #fff;
  background-size: 8px;
  background-position: right 8px center;
  border: 1px #D2D2D2 solid;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
@media only screen and (max-width: 640px) {
  .form_select {
    font-size: 16px;
    background-size: 6px;
    background-position: right 5px center;
    padding: 0 15px 0 12px;
  }
}
.form_select.center {
  margin: 0 auto;
}
.form_select.w200 {
  max-width: 200px;
}
.form_select.w300 {
  max-width: 300px;
}

.form_textarea {
  outline: none;
  font-size: 14px;
  padding: 15px;
  width: 100%;
  height: 150px;
  font-weight: 500;
  border: none;
  color: #000;
  resize: none;
  appearance: none;
  -webkit-appearance: none;
  background: #fff;
  border: 1px #D2D2D2 solid;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
@media only screen and (max-width: 640px) {
  .form_textarea {
    font-size: 16px;
    padding: 12px;
  }
}

.form_radio_list {
  -js-display: flex;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  margin: 0 -20px -10px 0;
}
.form_radio_list .form_radio_item {
  margin: 0 20px 10px 0;
}

.form_radio_label .form_radio_input {
  display: none;
}
.form_radio_label .form_radio_text {
  display: block;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 1.5;
  padding: 0 0 0 25px;
  position: relative;
  color: #000;
}
.form_radio_label .form_radio_text::before {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 0;
  width: 15px;
  height: 15px;
  background: #fff;
  border: 1px #D2D2D2 solid;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.form_radio_label .form_radio_input:checked + .form_radio_text::after {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 3px;
  width: 11px;
  height: 11px;
  background: #009380;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.form_checkbox_label.w15 {
  display: block;
  width: 15px;
  height: 15px;
}
.form_checkbox_label .form_checkbox_input {
  display: none;
}
.form_checkbox_label .form_checkbox_text {
  display: block;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 1.5;
  padding: 0 0 0 25px;
  position: relative;
  color: #000;
}
.form_checkbox_label .form_checkbox_text::before {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 0;
  width: 15px;
  height: 15px;
  background: #fff;
  border: 1px #D2D2D2 solid;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.form_checkbox_label .form_checkbox_input:checked + .form_checkbox_text::after {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 5px;
  width: 4px;
  height: 10px;
  border-bottom: 3px solid #009380;
  border-right: 3px solid #009380;
  -moz-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg);
}

.form_btnarea {
  -js-display: flex;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 -5px;
}
.form_btnarea.pd-left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  padding: 0 0 0 200px;
}
@media only screen and (max-width: 640px) {
  .form_btnarea.pd-left {
    padding: 0;
  }
}
.form_btnarea.flex-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.form_btnarea.flex-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.form_btnarea .form_submit_btn {
  margin: 0 5px;
}
@media only screen and (max-width: 640px) {
  .form_btnarea .form_submit_btn {
    margin: 0 2.5px;
  }
}
.form_btnarea .form_reset_btn {
  margin: 0 5px;
}
@media only screen and (max-width: 640px) {
  .form_btnarea .form_reset_btn {
    margin: 0 2.5px;
  }
}
.form_btnarea .form_refuse_btn {
  margin: 0 5px;
}
@media only screen and (max-width: 640px) {
  .form_btnarea .form_refuse_btn {
    margin: 0 2.5px;
  }
}
.form_btnarea .common_btn02 {
  margin: 0 5px;
}
@media only screen and (max-width: 640px) {
  .form_btnarea .common_btn02 {
    margin: 0 2.5px;
  }
}

.form_fixed_btnarea {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 5;
  width: calc( 100% - 300px );
  background: #fff;
  padding: 10px 30px 50px;
}
@media only screen and (max-width: 960px) {
  .form_fixed_btnarea {
    padding: 10px 20px 50px;
  }
}
@media only screen and (max-width: 768px) {
  .form_fixed_btnarea {
    padding: 10px 10px 50px;
    width: 100%;
    left: 0;
  }
}

.form_submit_btn {
  display: block;
  width: 100%;
  height: 35px;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  letter-spacing: 1px;
  color: #fff;
  background: #178a7d;
  padding: 0;
  border: none;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
@media only screen and (max-width: 640px) {
  .form_submit_btn {
    font-size: 12px;
  }
}
.form_submit_btn.center {
  margin: 0 auto;
}
.form_submit_btn.w120 {
  max-width: 120px;
}
.form_submit_btn.w150 {
  max-width: 150px;
}
.form_submit_btn.w250 {
  max-width: 250px;
}
.form_submit_btn.w300 {
  max-width: 300px;
}
.form_submit_btn.l_blue {
  background: #777777;
}

.form_refuse_btn {
  display: block;
  width: 100%;
  height: 35px;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  letter-spacing: 1px;
  color: #fff;
  background: #f44336;
  padding: 0;
  border: none;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
@media only screen and (max-width: 640px) {
  .form_refuse_btn {
    font-size: 12px;
  }
}
.form_refuse_btn.center {
  margin: 0 auto;
}
.form_refuse_btn.w80 {
  max-width: 80px;
}
.form_refuse_btn.w120 {
  max-width: 120px;
}

.form_reset_btn {
  display: block;
  width: 100%;
  height: 35px;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  letter-spacing: 1px;
  color: #fff;
  background: #959595;
  padding: 0;
  border: none;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
@media only screen and (max-width: 640px) {
  .form_reset_btn {
    font-size: 12px;
  }
}
.form_reset_btn.center {
  margin: 0 auto;
}
.form_reset_btn.w80 {
  max-width: 80px;
}
@media only screen and (max-width: 350px) {
  .form_reset_btn.w80.sp {
    max-width: 45px;
  }
}
.form_reset_btn.w120 {
  max-width: 120px;
}

.form_map_btn {
  display: inline-block;
}
.form_map_btn .form_map_input {
  display: none;
}
.form_map_btn .form_map_text {
  display: block;
  width: 200px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  background: #777777;
  color: #fff;
  font-size: 14px;
  letter-spacing: 1px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
@media only screen and (max-width: 640px) {
  .form_map_btn .form_map_text {
    font-size: 12px;
  }
}

.form_map_pic {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 10px 0 0;
}

.form_link {
  display: inline-block;
  line-height: 1.5;
  letter-spacing: 1px;
  font-size: 14px;
  text-decoration: underline;
  cursor: pointer;
  color: #009380;
}

.form_flex {
  -js-display: flex;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.form_flex .common_text_black {
  margin: 0 0 0 5px;
}
.form_flex .common_text_black.nowrap {
  white-space: nowrap;
}
.form_flex .common_text_black.mail {
  margin: 0 5px 0 0;
}
.form_flex .common_text_black.calendar {
  margin: 0 5px;
}
.form_flex .common_text_grey {
  margin: 0 0 0 5px;
}
.form_flex .common_text_grey.nowrap {
  white-space: nowrap;
}
.form_flex.mr10 {
  margin: 0 10px 0 0;
}
.form_flex.mr5 {
  margin: 0 5px 0 0;
}

.form_pic {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
}
.form_pic.mt10 {
  margin: 10px 0 0;
}
.form_pic.w600 {
  max-width: 600px;
  width: 100%;
}
.form_pic.center {
  margin: 0 auto;
}
.form_pic.PreviewBtn {
  cursor: pointer;
}

.form_sub_text {
  font-size: 12px;
  color: #3c3c3c;
  line-height: 1.5;
  letter-spacing: 1px;
  margin: 3px 0 0;
}

.form_delete_block {
  -js-display: flex;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  /*
  	.form_delete_btn{
  		min-width: 60px;
  		margin: 0 0 0 10px;
  		@media only screen and (max-width:640px){
  			margin: 10px auto 0;
  		}
  	}
  */
}
@media only screen and (max-width: 640px) {
  .form_delete_block {
    display: block;
  }
}
.form_delete_block .form_delete_main {
  width: 100%;
}
.form_delete_block .form_delete_sub {
  min-width: 60px;
  margin: 0 0 0 10px;
}
@media only screen and (max-width: 640px) {
  .form_delete_block .form_delete_sub {
    -js-display: flex;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 10px auto 0;
  }
}
.form_delete_block .form_edit_btn {
  margin: 0 0 10px;
}
@media only screen and (max-width: 640px) {
  .form_delete_block .form_edit_btn {
    width: 60px;
    margin: 0 10px 0 0;
  }
}

.form_delete_btn {
  display: block;
  width: 100%;
  height: 25px;
  line-height: 25px;
  text-align: center;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: 1px;
  color: #fff;
  background: #f44336;
  padding: 0;
  border: none;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.form_delete_btn.center {
  margin: 0 auto;
}
.form_delete_btn.w60 {
  max-width: 60px;
}

.form_edit_btn {
  display: block;
  width: 100%;
  height: 25px;
  line-height: 25px;
  text-align: center;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: 1px;
  color: #fff;
  background: #009380;
  padding: 0;
  border: none;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.form_edit_btn.center {
  margin: 0 auto;
}
.form_edit_btn.w60 {
  max-width: 60px;
}

.form_add_btn {
  display: block;
  width: 101px;
  margin: 10px 0 0 200px;
  font-size: 12px;
  letter-spacing: 1px;
  color: #009380;
  background: none;
  text-decoration: underline;
  padding: 0;
  border: none;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
}
@media only screen and (max-width: 640px) {
  .form_add_btn {
    margin: 10px 0 0;
  }
}

.form_pic_list .form_pic_item {
  margin: 0 0 20px;
}
.form_pic_list .form_pic_item:last-of-type {
  margin: 0;
}
.form_pic_list .form_pic_link {
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px;
  border: 1px #D2D2D2 solid;
  text-decoration: none;
  line-height: 1.5;
  letter-spacing: 1px;
  font-size: 12px;
  color: #000;
  background: #fff;
}
@media only screen and (max-width: 960px) {
  .form_pic_list .form_pic_link {
    font-size: 11px;
    padding: 10px 5px;
  }
}
.form_pic_list .form_pic_link .form_pic_text {
  margin: 0 0 10px;
}
@media only screen and (max-width: 960px) {
  .form_pic_list .form_pic_link .form_pic_text {
    margin: 0 0 5px;
  }
}
.form_pic_list .form_pic_link img {
  display: block;
  max-width: 100%;
  width: auto;
  margin: 0 auto;
}

.form_pic_label {
  display: inline-block;
}
.form_pic_label .form_pic_input {
  display: none;
}
.form_pic_label .form_pic_text {
  display: block;
  padding: 0 0 0 20px;
  font-size: 14px;
  color: #000;
  line-height: 1.5;
  position: relative;
  margin: 0 0 5px;
}
@media only screen and (max-width: 640px) {
  .form_pic_label .form_pic_text {
    font-size: 12px;
  }
}
.form_pic_label .form_pic_text::before {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #D2D2D2;
  background: #fff;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
@media only screen and (max-width: 640px) {
  .form_pic_label .form_pic_text::before {
    top: 1px;
  }
}
.form_pic_label .form_pic_input:checked + .form_pic_text::after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 3px;
  width: 11px;
  height: 11px;
  background: #009380;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
@media only screen and (max-width: 640px) {
  .form_pic_label .form_pic_input:checked + .form_pic_text::after {
    top: 4px;
  }
}
.form_pic_label img {
  display: block;
  width: 600px;
  max-width: 100%;
}

.form_error {
  display: none;
  font-size: 12px;
  margin: 5px 0 0;
  letter-spacing: 1px;
  line-height: 1.5;
  color: #f44336;
}

.form_total_block {
  padding: 20px 0;
  margin: 0 0 30px;
  border-bottom: 1px #D2D2D2 solid;
}

.form_pwd-show_btn {
  display: block;
  width: 30px;
  border: none;
  background: no-repeat;
  outline: none;
  margin: 0 0 0 10px;
}
.form_pwd-show_btn img {
  display: block;
  width: 100%;
}

.form_delivery_list .form_delivery_item {
  margin: 0 0 20px;
}
.form_delivery_list .form_delivery_label {
  display: block;
  width: 100%;
}
.form_delivery_list .form_delivery_label .form_delivery_input {
  display: none;
}
.form_delivery_list .form_delivery_label .form_delivery_block {
  padding: 15px;
  border: 1px #D2D2D2 solid;
  background: #fff;
}
@media only screen and (max-width: 640px) {
  .form_delivery_list .form_delivery_label .form_delivery_block {
    padding: 10px;
  }
}
.form_delivery_list .form_delivery_label .form_delivery_block .form_delivery_title {
  font-weight: bold;
}
.form_delivery_list .form_delivery_label .form_delivery_title {
  display: block;
  padding: 0 0 0 25px;
  font-size: 14px;
  color: #000;
  line-height: 1.5;
  position: relative;
  margin: 0 0 5px;
}
@media only screen and (max-width: 640px) {
  .form_delivery_list .form_delivery_label .form_delivery_title {
    font-size: 12px;
  }
}
.form_delivery_list .form_delivery_label .form_delivery_title::before {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #D2D2D2;
  background: #fff;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.form_delivery_list .form_delivery_label .form_delivery_input:checked + .form_delivery_block {
  border: 2px #009380 solid;
}
.form_delivery_list .form_delivery_label .form_delivery_input:checked + .form_delivery_title::after {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 3px;
  width: 11px;
  height: 11px;
  background: #009380;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.form_delivery_list .form_delivery_label .form_delivery_input:checked + .form_delivery_block .form_delivery_title::after {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 3px;
  width: 11px;
  height: 11px;
  background: #009380;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.form_delivery_list .form_delivery_sublist {
  border-top: 1px #D2D2D2 solid;
  margin: 10px 0 0;
  padding: 10px 0 0;
}
.form_delivery_list .form_delivery_sublist .form_delivery_subitem {
  -js-display: flex;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  font-size: 13px;
  line-height: 1.6;
  color: #3c3c3c;
}
@media only screen and (max-width: 640px) {
  .form_delivery_list .form_delivery_sublist .form_delivery_subitem {
    display: block;
    font-size: 11px;
    margin: 0 0 5px;
  }
}
.form_delivery_list .form_delivery_sublist .form_delivery_subtitle {
  position: relative;
  width: 150px;
  min-width: 150px;
}
@media only screen and (max-width: 640px) {
  .form_delivery_list .form_delivery_sublist .form_delivery_subtitle {
    min-width: inherit;
    width: 100%;
    font-weight: bold;
  }
}
.form_delivery_list .form_delivery_sublist .form_delivery_subtitle:after {
  content: ":";
  position: absolute;
  top: 0;
  right: 0;
}
@media only screen and (max-width: 640px) {
  .form_delivery_list .form_delivery_sublist .form_delivery_subtitle:after {
    position: relative;
    right: inherit;
    top: inherit;
  }
}
.form_delivery_list .form_delivery_sublist .form_delivery_subtext {
  width: 100%;
  padding: 0 0 0 10px;
}
@media only screen and (max-width: 640px) {
  .form_delivery_list .form_delivery_sublist .form_delivery_subtext {
    padding: 0;
  }
}

.form_search_flex {
  -js-display: flex;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 0 15px;
}
.form_search_flex.align-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
@media only screen and (max-width: 960px) {
  .form_search_flex {
    display: block;
    margin: 0;
  }
}
.form_search_flex .form_block {
  width: calc( 50% - 15px );
  margin: 0;
}
@media only screen and (max-width: 960px) {
  .form_search_flex .form_block {
    width: 100%;
    margin: 0 0 15px;
  }
}

.form_search_bottom {
  -js-display: flex;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
@media only screen and (max-width: 960px) {
  .form_search_bottom {
    display: block;
  }
}
@media only screen and (max-width: 1200px) {
  .form_search_bottom .form_title.search {
    padding: 0;
  }
}
.form_search_bottom .form_block {
  width: 31.5%;
  margin: 0;
}
@media only screen and (max-width: 1200px) {
  .form_search_bottom .form_block {
    display: block;
    width: calc( ( 100% - 60px ) / 3 );
  }
}
@media only screen and (max-width: 960px) {
  .form_search_bottom .form_block {
    -js-display: flex;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    margin: 0 0 15px;
  }
}
@media only screen and (max-width: 640px) {
  .form_search_bottom .form_block {
    display: block;
  }
}
.form_search_bottom .form_block:first-of-type {
  width: 37%;
  margin: 0 30px 0 0;
}
@media only screen and (max-width: 1200px) {
  .form_search_bottom .form_block:first-of-type {
    width: calc( ( 100% - 60px ) / 3 );
  }
}
@media only screen and (max-width: 960px) {
  .form_search_bottom .form_block:first-of-type {
    width: 100%;
    margin: 0 0 15px;
  }
}
.form_search_bottom .form_block:nth-of-type(2) {
  margin: 0 30px 0 0;
}
@media only screen and (max-width: 960px) {
  .form_search_bottom .form_block:nth-of-type(2) {
    margin: 0 0 15px;
  }
}

.form_zip_btn {
  display: block;
  width: 95px;
  height: 25px;
  border: none;
  outline: none;
  padding: 0;
  background: #178a7d;
  color: #fff;
  font-size: 12px;
  margin: 0 0 0 5px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.form_thumb_pic {
  position: relative;
  display: block;
  max-width: 300px;
  width: 100%;
  height: 200px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  background-color: #fff;
}
.form_thumb_pic.mt10 {
  margin: 10px 0 0;
}

.form_sample_list .form_sample_item {
  margin: 0 0 20px;
}
.form_sample_list .form_sample_label {
  display: inline-block;
}
.form_sample_list .form_sample_label .form_sample_input {
  display: none;
}
.form_sample_list .form_sample_label .form_sample_pic {
  display: block;
  width: calc( 100% - 25px );
  max-width: 600px;
  height: auto;
  margin: 5px 0 10px 25px;
}
.form_sample_list .form_sample_label .form_sample_pic.PreviewBtn {
  cursor: pointer;
}
.form_sample_list .form_sample_label .form_sample_thumbnail_link {
  display: block;
  width: calc( 100% - 25px );
  max-width: 350px;
  height: 260px;
  margin: 5px 0 10px 25px;
}
@media only screen and (max-width: 500px) {
  .form_sample_list .form_sample_label .form_sample_thumbnail_link {
    height: 220px;
  }
}
.form_sample_list .form_sample_label .form_sample_thumbnail {
  display: block;
  width: 350px;
  height: 260px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin: 5px 0 0 25px;
}
@media only screen and (max-width: 500px) {
  .form_sample_list .form_sample_label .form_sample_thumbnail {
    width: 300px;
    height: 220px;
  }
}
@media only screen and (max-width: 350px) {
  .form_sample_list .form_sample_label .form_sample_thumbnail {
    width: 250px;
    height: 180px;
  }
}
.form_sample_list .form_sample_label .form_sample_btn {
  height: 35px;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  letter-spacing: 1px;
  color: #fff;
  background: #178a7d;
  padding: 0;
  border: none;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  width: 190px;
  /*
  			display: inline-block;
  			height: 25px;
  			line-height: 25px;
  			color: #fff;
  			text-decoration: none;
  			padding: 0 10px;
  			font-size: 12px;
  			background: $d_grey;
  			@include border-radius(3px);
  			@extend .fg;
  			@extend %common_a_transition;
  			@media only screen and (max-width:640px){
  				font-size: 10px;
  				height: 22px;
  				line-height: 22px;
  			}
  */
}
@media only screen and (max-width: 640px) {
  .form_sample_list .form_sample_label .form_sample_btn {
    font-size: 12px;
  }
}
.form_sample_list .form_sample_label .form_sample_btn.sp {
  margin: 0 0 0 25px;
}
.form_sample_list .form_sample_label .form_sample_title {
  display: block;
  padding: 0 0 0 25px;
  font-size: 14px;
  color: #000;
  line-height: 1.5;
  position: relative;
}
@media only screen and (max-width: 640px) {
  .form_sample_list .form_sample_label .form_sample_title {
    font-size: 12px;
  }
}
.form_sample_list .form_sample_label .form_sample_title::before {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #D2D2D2;
  background: #fff;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.form_sample_list .form_sample_label .form_sample_input:checked + .form_sample_title::after {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 3px;
  width: 11px;
  height: 11px;
  background: #009380;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.form_sample_list .form_sample_label .form_sample_input:checked + .form_sample_block .form_sample_title::after {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 3px;
  width: 11px;
  height: 11px;
  background: #009380;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.form_product_checkbox_label .form_product_checkbox_input {
  display: none;
}
.form_product_checkbox_label .form_product_checkbox {
  position: relative;
  padding: 0 0 0 25px;
}
.form_product_checkbox_label .form_product_checkbox::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  background: #fff;
  border: 1px solid #959595;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.form_product_checkbox_label .form_product_checkbox_input:checked + .form_product_checkbox::after {
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: 5px;
  width: 7px;
  height: 14px;
  border-bottom: 3px solid #009380;
  border-right: 3px solid #009380;
  -moz-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg);
}

.form_cart_block {
  max-width: 1000px;
  padding: 20px;
  border: 2px #009380 solid;
  margin: 0 0 30px;
  /*
  	&:last-of-type{
  		margin: 0;
  	}
  */
}
.form_cart_block .form_cart_inner {
  margin: 0 0 20px;
}
.form_cart_block .form_cart_inner .form_wrap {
  border-bottom: 4px #959595 double;
}
.form_cart_block .form_cart_inner .form_wrap:last-of-type {
  border-bottom: none;
}

.form_change_block {
  -js-display: flex;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
@media only screen and (max-width: 640px) {
  .form_change_block {
    display: block;
  }
}
.form_change_block .form_change_main {
  max-width: 600px;
  width: 100%;
  margin: 0 30px 0 0;
}
@media only screen and (max-width: 960px) {
  .form_change_block .form_change_main {
    margin: 0 10px 0 0;
  }
}
@media only screen and (max-width: 640px) {
  .form_change_block .form_change_main {
    margin: 0 auto 10px;
  }
}
.form_change_block .form_change_sub {
  width: 190px;
  min-width: 190px;
}
@media only screen and (max-width: 640px) {
  .form_change_block .form_change_sub {
    max-width: 190px;
    width: 100%;
    min-width: inherit;
    margin: 0 auto;
  }
}
.form_change_block .form_change_sub .form_submit_btn {
  margin: 0 0 10px;
}
@media only screen and (max-width: 640px) {
  .form_change_block .form_change_sub .form_submit_btn {
    margin: 0 auto 10px;
  }
}
@media only screen and (max-width: 640px) {
  .form_change_block .form_submit_btn {
    margin: 0 auto;
  }
}
.form_change_block .form_change_edit_btn {
  display: block;
  width: 100%;
  height: 25px;
  line-height: 25px;
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  background: #3c3c3c;
  text-align: center;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
@media only screen and (max-width: 640px) {
  .form_change_block .form_change_edit_btn {
    font-size: 10px;
    height: 22px;
    line-height: 22px;
  }
}

.form_table {
  width: 100%;
  font-size: 14px;
  line-height: 1.5;
  color: #000;
  border: 1px #959595 solid;
}
.form_table.large .form_table_title {
  width: 200px;
}
@media only screen and (max-width: 640px) {
  .form_table.large .form_table_title {
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  .form_table tr {
    border-bottom: 1px #959595 solid;
  }
}
.form_table .form_table_title {
  width: 180px;
  padding: 12px 0px 12px 12px;
  background: #f6f6f6;
  border: 1px #959595 solid;
}
@media only screen and (max-width: 640px) {
  .form_table .form_table_title {
    width: 100%;
    display: block;
    padding: 12px;
    border: none;
  }
}
.form_table .form_table_title span {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  font-size: 11px;
  vertical-align: 1px;
  font-weight: normal;
  background: #f44336;
  color: #fff;
  padding: 0 5px;
  margin: 0 0 0 5px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
@media only screen and (max-width: 640px) {
  .form_table .form_table_title span {
    font-size: 10px;
    padding: 0 3px;
    height: 16px;
    line-height: 16px;
  }
}
.form_table .form_table_title small {
  font-size: 12px;
}
.form_table .form_table_info {
  padding: 12px;
  border: 1px #959595 solid;
}
@media only screen and (max-width: 640px) {
  .form_table .form_table_info {
    display: block;
    width: 100%;
    border: none;
  }
}
.form_table .form_table_info .form_table_info_flex {
  -js-display: flex;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.form_table .form_table_info .form_table_info_flex .form_thumb_pic {
  margin: 0 10px 0 0;
}
@media only screen and (max-width: 960px) {
  .form_table .form_table_info .form_table_info_flex .form_thumb_pic {
    margin: 0 0 10px;
  }
}
.form_table .form_table_info .form_radio_list {
  margin: 0;
}
.form_table .form_table_info .form_radio_list .form_radio_item {
  margin: 5px 20px 5px 0;
}
.form_table .form_table_info .form_error {
  margin: 0;
}

/*=================
     
     layout.scss

=======================*/
.layout_wrap {
  padding: 80px 0 0;
  -js-display: flex;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
}
@media only screen and (max-width: 768px) {
  .layout_wrap {
    padding: 60px 0 0;
  }
}
.layout_wrap .layout_menu_block {
  width: 300px;
  height: calc( 100vh - 80px );
  overflow: scroll;
  background: #009380;
}
@media only screen and (max-width: 768px) {
  .layout_wrap .layout_menu_block {
    position: fixed;
    left: -100%;
    top: 0;
    height: 100vh;
    max-width: 300px;
    width: 100%;
    padding: 60px 0 0;
    z-index: 50;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
}
.layout_wrap .layout_menu_block.active {
  left: 0;
}
.layout_wrap .layout_main_block {
  width: calc( 100% - 300px );
  padding: 30px 30px 0;
  height: calc( 100vh - 80px );
  overflow: scroll;
}
.layout_wrap .layout_main_block:after {
  content: "";
  display: block;
  width: 100%;
  height: 80px;
}
@media only screen and (max-width: 960px) {
  .layout_wrap .layout_main_block {
    padding: 20px 20px 40px;
  }
}
@media only screen and (max-width: 768px) {
  .layout_wrap .layout_main_block {
    width: 100%;
    padding: 20px 12px;
    height: inherit;
  }
}

/*=================
     
    aside.scss

=======================*/
.aside_block {
  border-bottom: 1px #D2D2D2 solid;
}
.aside_block .aside_user_name {
  padding: 20px;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 1.5px;
  color: #fff;
  font-weight: bold;
  font-family: "メイリオ", Meiryo,  sans-serif;
}
.aside_block .aside_title {
  cursor: pointer;
  position: relative;
  padding: 20px;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 1.5px;
}
.aside_block .aside_title:after {
  content: "";
  display: block;
  width: 12px;
  height: 8px;
  background: url("../images/arrow02.svg") center center no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 15px;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.aside_block .aside_title.active:after {
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

.aside_list {
  display: none;
  padding: 0 0 0 20px;
}
.aside_list .aside_item {
  margin: 0 0 15px;
  font-size: 12px;
  color: #f6f6f6;
  letter-spacing: 1.5px;
  line-height: 1.5;
}
.aside_list .aside_item.sp {
  padding: 0 0 0 12px;
}
.aside_list .aside_link {
  display: inline-block;
  position: relative;
  text-decoration: none;
  color: #f6f6f6;
  padding: 0 20px;
}
.aside_list .aside_link:before {
  content: "";
  display: block;
  width: 12px;
  height: 1px;
  background: #D2D2D2;
  position: absolute;
  left: 0;
  top: 8px;
}

/*=================
     
    popup.scss

=======================*/
.popup_filter {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  z-index: 70;
  background: rgba(0, 0, 0, 0.5);
}

.popup_wrap {
  display: none;
  background: #fff;
  -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  padding: 20px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  max-width: 500px;
  width: calc( 100% - 24px );
  position: fixed;
  top: 50%;
  left: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: 75;
}
.popup_wrap.width_large {
  max-width: 100%;
}
.popup_wrap .popup_text {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 1px;
  text-align: center;
  color: #000;
  margin: 0 0 20px;
}
@media only screen and (max-width: 640px) {
  .popup_wrap .popup_text {
    font-size: 12px;
  }
}
.popup_wrap .popup_map_img {
  display: block;
  max-width: 300px;
  width: 100%;
  margin: 0 auto 20px;
}
.popup_wrap .popup_btnarea {
  -js-display: flex;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.popup_wrap .popup_check_btn {
  display: block;
  width: 100%;
  height: 35px;
  line-height: 35px;
  font-size: 14px;
  letter-spacing: 1px;
  color: #fff;
  background: #178a7d;
  padding: 0;
  margin: 0 10px 0 0;
  text-decoration: none;
  text-align: center;
  border: none;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
@media only screen and (max-width: 640px) {
  .popup_wrap .popup_check_btn {
    font-size: 12px;
  }
}
.popup_wrap .popup_check_btn.center {
  margin: 0 auto;
}
.popup_wrap .popup_check_btn.w120 {
  max-width: 120px;
}
.popup_wrap .popup_check_btn.w150 {
  max-width: 150px;
}
.popup_wrap .popup_check_btn.w300 {
  max-width: 300px;
}
.popup_wrap .popup_cancel_btn {
  display: block;
  width: 100%;
  height: 35px;
  font-size: 14px;
  letter-spacing: 1px;
  color: #fff;
  background: #959595;
  padding: 0;
  border: none;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
@media only screen and (max-width: 640px) {
  .popup_wrap .popup_cancel_btn {
    font-size: 12px;
  }
}
.popup_wrap .popup_cancel_btn.center {
  margin: 0 auto;
}
.popup_wrap .popup_cancel_btn.w80 {
  max-width: 80px;
}
.popup_wrap .popup_cancel_btn.w120 {
  max-width: 120px;
}

.popup_pic_block {
  width: 100%;
  height: 100%;
  max-height: calc( 100vh - 115px );
  overflow: scroll;
  margin: 0 0 15px;
}
.popup_pic_block.auto {
  height: 100%;
  max-height: calc( 100vh - 115px );
  /*
  		max-height: 500px;
  		height: auto;
  */
}
.popup_pic_block img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  width: 100%;
}

.popup_table_block {
  max-height: 300px;
  overflow: scroll;
  margin: 0 0 10px;
}
.popup_table_block .popup_table {
  width: 100%;
  font-size: 12px;
  line-height: 1.5;
}
.popup_table_block .popup_table_title {
  white-space: nowrap;
  padding: 5px;
  font-weight: bold;
  background: #777777;
  border: 1px #777777 solid;
  color: #fff;
}
.popup_table_block .popup_table_title span {
  font-size: 10px;
}
.popup_table_block .popup_table_info {
  word-break: break-word;
  padding: 5px;
  color: #000;
  border: 1px #D2D2D2 solid;
}

.popup_loading_block {
  background: #fff;
  -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  width: 150px;
  height: 150px;
  position: fixed;
  top: 50%;
  left: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: 75;
}
@media only screen and (max-width: 640px) {
  .popup_loading_block {
    width: 120px;
    height: 120px;
  }
}
.popup_loading_block img {
  display: block;
  width: 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
@media only screen and (max-width: 640px) {
  .popup_loading_block img {
    width: 45px;
  }
}

/*=================
     
      page.scss

=======================*/
.page_title_block {
  -js-display: flex;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 0 20px;
}
.page_title_block .common_title02 {
  margin: 0;
}

.page_alert_block {
  margin: 0 0 50px;
}
@media only screen and (max-width: 960px) {
  .page_alert_block {
    margin: 0 0 30px;
  }
}
.page_alert_block .page_alert_box {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 0 10px;
  text-decoration: none;
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 1.5;
  padding: 8px 12px 8px 36px;
  color: #fff;
  /*
  		&.bg_green{
  			background: $green;
  		}
  */
}
@media only screen and (max-width: 640px) {
  .page_alert_block .page_alert_box {
    font-size: 14px;
  }
}
.page_alert_block .page_alert_box span {
  font-weight: bold;
  margin: 0 5px;
}
.page_alert_block .page_alert_box.bg_red {
  background: #f44336;
}
.page_alert_block .page_alert_box:before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("../images/icon01.svg") center center no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 12px;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (max-width: 640px) {
  .page_alert_block .page_alert_box:before {
    width: 14px;
    height: 14px;
  }
}

.page_alert_sub {
  padding: 10px;
  border: 1px #f44336 solid;
}
.page_alert_sub .common_text_red {
  font-size: 12px;
}

.page_export_flex {
  -js-display: flex;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 0 10px;
}
@media only screen and (max-width: 960px) {
  .page_export_flex {
    display: block;
  }
}
.page_export_flex .common_btn02 {
  width: 180px;
}
@media only screen and (max-width: 960px) {
  .page_export_flex .common_btn02 {
    margin: 0 0 15px;
  }
}

/* login */
.login_wrap {
  width: 100%;
  height: 100vh;
  background: #f6f6f6;
  position: relative;
}
.login_wrap .login_block {
  display: inline-block;
  background: #fff;
  max-width: 500px;
  width: calc( 100% - 24px );
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.login_wrap .login_inner {
  padding: 30px;
}
@media only screen and (max-width: 640px) {
  .login_wrap .login_inner {
    padding: 20px 12px;
  }
}
.login_wrap .login_title {
  font-size: 20px;
  letter-spacing: 1.5px;
  line-height: 1.5;
  color: #fff;
  font-weight: bold;
  background: #009380;
  padding: 10px;
  text-align: center;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px;
  border-radius: 3px 3px 0 0;
}
@media only screen and (max-width: 640px) {
  .login_wrap .login_title {
    font-size: 18px;
  }
}
.login_wrap .login_text {
  font-size: 14px;
  line-height: 1.5;
  color: #3c3c3c;
  letter-spacing: 1px;
  text-align: center;
  margin: 0 0 20px;
}
@media only screen and (max-width: 640px) {
  .login_wrap .login_text {
    margin: 0 0 10px;
  }
}

/* dashboard */
.dashboard_alert_block {
  margin: 0 0 50px;
}
.dashboard_alert_block.mb0 {
  margin: 0;
}
@media only screen and (max-width: 960px) {
  .dashboard_alert_block {
    margin: 0 0 30px;
  }
}
.dashboard_alert_block .dashboard_alert_link {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 0 10px;
  text-decoration: none;
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 1.5;
  padding: 8px 12px 8px 36px;
  color: #fff;
  /*
  		&.bg_green{
  			background: $green;
  		}
  */
}
@media only screen and (max-width: 640px) {
  .dashboard_alert_block .dashboard_alert_link {
    font-size: 14px;
  }
}
.dashboard_alert_block .dashboard_alert_link span {
  font-weight: bold;
  margin: 0 5px;
}
.dashboard_alert_block .dashboard_alert_link.bg_red {
  background: #f44336;
}
.dashboard_alert_block .dashboard_alert_link:before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("../images/icon01.svg") center center no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 12px;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (max-width: 640px) {
  .dashboard_alert_block .dashboard_alert_link:before {
    width: 14px;
    height: 14px;
  }
}

.dashboared_info_list {
  -js-display: flex;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  margin: 0 0 10px;
}
@media only screen and (max-width: 640px) {
  .dashboared_info_list {
    display: block;
  }
}
.dashboared_info_list .dashboard_info_item {
  width: calc( 50% - 10px );
  margin: 0 0 20px;
}
@media only screen and (max-width: 960px) {
  .dashboared_info_list .dashboard_info_item {
    width: calc( 50% - 6px );
    margin: 0 0 12px;
  }
}
@media only screen and (max-width: 640px) {
  .dashboared_info_list .dashboard_info_item {
    width: 100%;
    margin: 0 auto 10px;
  }
}
.dashboared_info_list .dashboard_info_link {
  -js-display: flex;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
  border: 1px #009380 solid;
  padding: 15px 20px;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 1px;
  color: #000;
  font-weight: bold;
  text-decoration: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
@media only screen and (max-width: 960px) {
  .dashboared_info_list .dashboard_info_link {
    padding: 15px 12px;
  }
}
.dashboared_info_list .dashboard_info_link.hover_none:hover {
  opacity: 1;
}
.dashboared_info_list .dashboard_info_text span {
  color: #f44336;
  font-size: 20px;
  margin: 0 5px 0 0;
}
@media only screen and (max-width: 960px) {
  .dashboared_info_list .dashboard_info_text span {
    font-size: 18px;
  }
}
.dashboared_info_list .dashboard_info_text span.red {
  color: #f44336;
}
.dashboared_info_list .dashboard_info_text span.blue {
  color: #309eff;
}

.dashboard_block {
  margin: 0 0 30px;
}
@media only screen and (max-width: 960px) {
  .dashboard_block {
    margin: 0 0 20px;
  }
}

.dashboard_list {
  -js-display: flex;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
@media only screen and (max-width: 640px) {
  .dashboard_list {
    display: block;
  }
}
.dashboard_list .dashboard_item {
  margin: 0 30px 10px 0;
}
@media only screen and (max-width: 640px) {
  .dashboard_list .dashboard_item {
    margin: 0 0 15px;
  }
}
.dashboard_list .dashboard_link {
  display: inline-block;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 1.5;
  color: #009380;
}
.dashboard_list .dashboard_link:before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  border: 1px solid;
  vertical-align: 1px;
  margin: 0 10px 0 0;
  border-color: #009380 #009380 transparent transparent;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* table */
.page_table_wrap {
  overflow: scroll;
}
.page_table_wrap.special table {
  width: 100%;
  table-layout: fixed;
}
.page_table_wrap .tbl-content {
  max-height: 200px;
  overflow: auto;
}
.page_table_wrap .page_table_inner {
  min-width: 650px;
}

.page_table {
  width: 100%;
  font-size: 14px;
  word-break: break-word;
  letter-spacing: 1px;
  line-height: 1.5;
  color: #000;
}
.page_table.nowrap {
  white-space: nowrap;
}
@media only screen and (max-width: 640px) {
  .page_table {
    font-size: 11px;
  }
}
.page_table .page_table_denial {
  color: #f44336;
}
.page_table .page_table_denial .page_table_link {
  color: #f44336;
}
.page_table.w650 {
  min-width: 650px;
}
.page_table.w750 {
  min-width: 750px;
}
.page_table .page_table_title {
  white-space: nowrap;
  font-weight: bold;
  padding: 10px 8px;
  background: #009380;
  color: #fff;
  border: 1px #D2D2D2 solid;
}
.page_table .page_table_title.w60 {
  width: 60px;
}
.page_table .page_table_title.w80 {
  width: 80px;
}
.page_table .page_table_title.table_sort {
  cursor: pointer;
}
.page_table .page_table_title.table_sort span {
  display: inline-block;
  font-size: 10px;
  margin: 0 0 0 3px;
}
.page_table .page_table_info {
  padding: 10px 8px;
  border: 1px #D2D2D2 solid;
}
.page_table .page_table_info.w60 {
  width: 60px;
}
.page_table .page_table_info.w80 {
  width: 80px;
}
.page_table .page_table_info.red {
  color: #f44336;
}
.page_table .page_table_link {
  display: inline-block;
  color: #318bda;
}
.page_table .page_table_link.nowrap {
  white-space: nowrap;
}
.page_table .page_table_link.red {
  color: #f44336;
}
.page_table .page_table_link.black {
  color: #000;
}

.page_btnarea {
  -js-display: flex;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.page_btnarea .common_btn01 {
  max-width: 200px;
  margin: 0 10px 0 0;
}
.page_btnarea .common_btn01:last-of-type {
  margin: 0;
}

/* product */
.product_block {
  -js-display: flex;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
@media only screen and (max-width: 640px) {
  .product_block {
    display: block;
  }
}
.product_block .common_btn01 {
  width: 220px;
}
@media only screen and (max-width: 640px) {
  .product_block .common_btn01 {
    width: inherit;
    max-width: 250px;
    margin: 0 auto;
  }
}
.product_block .product_main {
  width: calc( 100% - 240px );
}
@media only screen and (max-width: 640px) {
  .product_block .product_main {
    width: 100%;
    margin: 0 0 10px;
  }
}
.product_block .product_title {
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 1.5;
  color: #000;
  font-weight: bold;
}
.product_block .product_title span {
  display: block;
  font-weight: normal;
  font-size: 12px;
  color: #3c3c3c;
}
.product_block .product_image_link {
  display: inline-block;
  max-width: 400px;
  width: 100%;
  margin: 10px 0 0;
}
@media only screen and (max-width: 640px) {
  .product_block .product_image_link {
    max-width: inherit;
  }
}
.product_block .product_image {
  display: block;
  width: 100%;
  height: 250px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  background-color: #fff;
}
@media only screen and (max-width: 640px) {
  .product_block .product_image {
    height: 200px;
  }
}

/* preview */
.preview_show_btn {
  outline: none;
  display: block;
  min-width: 40px;
  width: 100%;
  height: 25px;
  line-height: 23px;
  padding: 0;
  background: #fff;
  color: #009380;
  border: 1px #009380 solid;
  font-size: 12px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
@media only screen and (max-width: 640px) {
  .preview_show_btn {
    font-size: 11px;
  }
}
.preview_show_btn.center {
  margin: 0 auto;
}
.preview_show_btn.active {
  background: #009380;
  color: #fff;
}

.preview_pic {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
}

.preview_wrap {
  padding: 0 0 203px;
}

.prewview_inner {
  position: relative;
  overflow: scroll;
  margin: 0 0 20px;
}
.prewview_inner img {
  position: relative;
  display: block;
  width: auto;
  height: auto;
}

.preview_fixed {
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
  bottom: 0;
  background: #fff;
  padding: 0 0 20px;
}

.preview_control_block {
  padding: 30px;
  background: #f6f6f6;
  margin: 0 0 10px;
}
@media only screen and (max-width: 960px) {
  .preview_control_block {
    padding: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .preview_control_block {
    padding: 20px 12px;
  }
}
.preview_control_block .preview_control_inner {
  -js-display: flex;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.preview_control_block .preview_control_inner .common_text_black {
  white-space: nowrap;
  width: 45px;
  min-width: 45px;
}
.preview_control_block .preview_control_inner .preview_control_box {
  -js-display: flex;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 50%;
  margin: 0 10px 0 0;
}
.preview_control_block .preview_control_inner .preview_control_box:last-of-type {
  margin: 0;
}
.preview_control_block .preview_check_btn {
  display: block;
  height: 44px;
  line-height: 44px;
  width: 100px;
  min-width: 100px;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  letter-spacing: 1px;
  color: #fff;
  background: #3c3c3c;
  padding: 0;
  margin: 0 0 0 10px;
  border: none;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
@media only screen and (max-width: 640px) {
  .preview_control_block .preview_check_btn {
    font-size: 12px;
  }
}

.preview_box {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  opacity: 0;
  border: 3px #f44336 solid;
}

/* pdf */
.page_adobe_block .page_adobe_btn {
  display: block;
  width: 158px;
}
.page_adobe_block .page_adobe_btn img {
  display: block;
  width: 100%;
}

.page_pdf_btnarea {
  -js-display: flex;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.page_pdf_btnarea .common_btn01 {
  width: 200px;
  margin: 0 10px 0 0;
}
.page_pdf_btnarea .common_btn02 {
  width: 200px;
}

.page_pdf_list .page_pdf_item {
  -js-display: flex;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 0 20px;
}
.page_pdf_list .page_pdf_item:last-of-type {
  margin: 0;
}
@media only screen and (max-width: 350px) {
  .page_pdf_list .page_pdf_item {
    display: block;
  }
}
.page_pdf_list .common_text_black {
  white-space: nowrap;
  width: 220px;
}
@media only screen and (max-width: 350px) {
  .page_pdf_list .common_text_black {
    white-space: inherit;
    width: 100%;
    margin: 0 0 5px;
  }
}
.page_pdf_list .common_btn01 {
  width: 200px;
}
@media only screen and (max-width: 350px) {
  .page_pdf_list .common_btn01 {
    width: 100%;
  }
}

/*=================
     
    privacy.scss

=======================*/
.privacy_wrap {
  max-width: 820px;
  width: 100%;
  margin: 0 auto;
  padding: 40px 10px;
}
.privacy_wrap .privacy_main_title {
  font-size: 24px;
  color: #000;
  line-height: 1.7;
  text-align: center;
  font-weight: bold;
  margin: 0 0 30px;
}
@media only screen and (max-width: 960px) {
  .privacy_wrap .privacy_main_title {
    font-size: 20px;
  }
}
.privacy_wrap .privacy_main_title:after {
  content: "";
  display: block;
  width: 50px;
  height: 3px;
  background: #009380;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin: 10px auto 0;
}
.privacy_wrap .privacy_subtitle {
  font-size: 18px;
  line-height: 1.7;
  color: #000;
  font-weight: bold;
  margin: 0 0 10px;
}
.privacy_wrap .privacy_text {
  font-size: 14px;
  color: #000;
  line-height: 1.7;
}
.privacy_wrap .privacy_text span {
  display: block;
  font-size: 12px;
}
.privacy_wrap .privacy_block {
  margin: 0 0 40px;
}
.privacy_wrap .privacy_others_block {
  padding: 40px 0 0;
  margin: 40px 0 0;
  border-top: 1px #D2D2D2 solid;
}
.privacy_wrap .privacy_list .privacy_item {
  margin: 0 0 40px;
}
.privacy_wrap .privacy_list .privacy_item_title {
  -js-display: flex;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  font-size: 16px;
  color: #000;
  font-weight: bold;
  line-height: 1.7;
  margin: 0 0 5px;
}
.privacy_wrap .privacy_list .privacy_item_title span {
  white-space: nowrap;
}
.privacy_wrap .privacy_list .privacy_item_main {
  padding: 0 0 0 32px;
}
.privacy_wrap .privacy_table {
  width: 100%;
  border: 1px #000 solid;
  font-size: 14px;
  line-height: 1.7;
}
.privacy_wrap .privacy_table .privacy_table_title {
  font-weight: bold;
  border: 1px #000 solid;
  vertical-align: top;
  padding: 5px 10px;
}
.privacy_wrap .privacy_table .privacy_table_info {
  border: 1px #000 solid;
  padding: 5px 10px;
}
.privacy_wrap .privacy_table .privacy_table_info:first-of-type {
  width: 185px;
}
@media only screen and (max-width: 640px) {
  .privacy_wrap .privacy_table .privacy_table_info:first-of-type {
    width: 100px;
  }
}
.privacy_wrap .privacy_contact_block {
  padding: 40px 0;
  border-top: 1px #000 dashed;
  border-bottom: 1px #000 dashed;
}
.privacy_wrap .privacy_contact_table {
  width: 100%;
  font-size: 14px;
  line-height: 1.7;
}
.privacy_wrap .privacy_contact_table .privacy_contact_title {
  width: 80px;
  vertical-align: top;
}
.privacy_wrap .privacy_contact_table .privacy_contact_text {
  -js-display: flex;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
}
.privacy_wrap .privacy_contact_table .privacy_contact_text:before {
  content: "：";
}

/* ======================= BASE ====== */
* {
  word-break: break-word;
  box-sizing: border-box;
}

html, body {
  margin: 0;
  height: 100%;
}

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

.fm {
  font-family: "游明朝", YuMincho,"Times New Roman", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
}

.fg, .common_btn01, .common_btn02, .common_title01, .common_title02, .common_title03, .common_link01, .common_text_black, .common_text_grey, .common_text_red, .common_pager_block .common_pager_prev, .common_pager_block .common_pager_next, .common_pager_block .common_pager_list .common_pager_link, .footer_wrap .footer_link, .footer_copyright, .form_title, .form_info, .form_input, .form_select, .form_textarea, .form_radio_label .form_radio_text, .form_checkbox_label .form_checkbox_text, .form_submit_btn, .form_refuse_btn, .form_reset_btn, .form_map_btn .form_map_text, .form_link, .form_sub_text, .form_delete_btn, .form_edit_btn, .form_add_btn, .form_pic_list .form_pic_link, .form_pic_label .form_pic_text, .form_error, .form_delivery_list .form_delivery_label .form_delivery_title, .form_delivery_list .form_delivery_sublist .form_delivery_subitem, .form_zip_btn, .form_sample_list .form_sample_label .form_sample_btn, .form_sample_list .form_sample_label .form_sample_title, .form_change_block .form_change_edit_btn, .form_table, .aside_block .aside_title, .aside_list .aside_item, .popup_wrap .popup_text, .popup_wrap .popup_check_btn, .popup_wrap .popup_cancel_btn, .popup_table_block .popup_table, .page_alert_block .page_alert_box, .login_wrap .login_title, .login_wrap .login_text, .dashboard_alert_block .dashboard_alert_link, .dashboared_info_list .dashboard_info_link, .dashboard_list .dashboard_link, .page_table, .product_block .product_title, .preview_show_btn, .preview_control_block .preview_check_btn, .privacy_wrap .privacy_main_title, .privacy_wrap .privacy_subtitle, .privacy_wrap .privacy_text, .privacy_wrap .privacy_list .privacy_item_title, .privacy_wrap .privacy_table, .privacy_wrap .privacy_contact_table {
  font-family: "メイリオ", Meiryo, "游ゴシック", YuGothic, 'Noto Sans Japanese', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Verdana, sans-serif;
}

h1, h2, h3, h4, p, div, button, a, ul, table {
  font-family: "メイリオ", Meiryo, "游ゴシック", YuGothic, 'Noto Sans Japanese', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Verdana, sans-serif;
}

.common_inner {
  position: relative;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 1000px) {
  .common_inner {
    padding: 0 12px;
  }
}
.common_inner.large {
  max-width: 1200px;
}
@media only screen and (max-width: 1200px) {
  .common_inner.large {
    padding: 0 20px;
  }
}

.common_btn01, .common_btn02, .common_link01, .common_text_black a, .common_pager_block .common_pager_prev, .common_pager_block .common_pager_next, .common_pager_block .common_pager_list .common_pager_link, .header_wrap .header_logout, .form_submit_btn, .form_refuse_btn, .form_reset_btn, .form_map_btn .form_map_text, .form_link, .form_delete_btn, .form_edit_btn, .form_add_btn, .form_pic_list .form_pic_link, .form_pwd-show_btn, .form_zip_btn, .form_change_block .form_change_edit_btn, .aside_block .aside_title, .aside_list .aside_link, .popup_wrap .popup_check_btn, .popup_wrap .popup_cancel_btn, .dashboard_alert_block .dashboard_alert_link, .dashboared_info_list .dashboard_info_link, .dashboard_list .dashboard_link, .page_table .page_table_link, .preview_show_btn, .preview_control_block .preview_check_btn, button, a {
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.common_btn01:hover, .common_btn02:hover, .common_link01:hover, .common_pager_block .common_pager_prev:hover, .common_pager_block .common_pager_next:hover, .common_pager_block .common_pager_list .common_pager_link:hover, .header_wrap .header_logout:hover, .form_submit_btn:hover, .form_refuse_btn:hover, .form_reset_btn:hover, .form_map_btn .form_map_text:hover, .form_link:hover, .form_delete_btn:hover, .form_edit_btn:hover, .form_add_btn:hover, .form_pic_list .form_pic_link:hover, .form_pwd-show_btn:hover, .form_zip_btn:hover, .form_change_block .form_change_edit_btn:hover, .aside_block .aside_title:hover, .aside_list .aside_link:hover, .popup_wrap .popup_check_btn:hover, .popup_wrap .popup_cancel_btn:hover, .dashboard_alert_block .dashboard_alert_link:hover, .dashboared_info_list .dashboard_info_link:hover, .dashboard_list .dashboard_link:hover, .page_table .page_table_link:hover, .preview_show_btn:hover, .preview_control_block .preview_check_btn:hover, button:hover, a:hover {
  opacity: 0.8;
}
@media only screen and (max-width: 960px) {
  .common_btn01:hover, .common_btn02:hover, .common_link01:hover, .common_pager_block .common_pager_prev:hover, .common_pager_block .common_pager_next:hover, .common_pager_block .common_pager_list .common_pager_link:hover, .header_wrap .header_logout:hover, .form_submit_btn:hover, .form_refuse_btn:hover, .form_reset_btn:hover, .form_map_btn .form_map_text:hover, .form_link:hover, .form_delete_btn:hover, .form_edit_btn:hover, .form_add_btn:hover, .form_pic_list .form_pic_link:hover, .form_pwd-show_btn:hover, .form_zip_btn:hover, .form_change_block .form_change_edit_btn:hover, .aside_block .aside_title:hover, .aside_list .aside_link:hover, .popup_wrap .popup_check_btn:hover, .popup_wrap .popup_cancel_btn:hover, .dashboard_alert_block .dashboard_alert_link:hover, .dashboared_info_list .dashboard_info_link:hover, .dashboard_list .dashboard_link:hover, .page_table .page_table_link:hover, .preview_show_btn:hover, .preview_control_block .preview_check_btn:hover, button:hover, a:hover {
    opacity: 1;
  }
}

.common_pc {
  display: block;
}
@media only screen and (max-width: 960px) {
  .common_pc {
    display: none;
  }
}

.common_sp {
  display: none;
}
@media only screen and (max-width: 960px) {
  .common_sp {
    display: block;
  }
}

.common_pc_small {
  display: block;
}
@media only screen and (max-width: 768px) {
  .common_pc_small {
    display: none;
  }
}

.common_sp_small {
  display: none;
}
@media only screen and (max-width: 768px) {
  .common_sp_small {
    display: block;
  }
}

.PreviewBtn {
  cursor: pointer;
}

button, a {
  font-weight: normal;
  cursor: pointer;
}