@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

*, ::before, ::after {
  box-sizing: border-box;
}

html {
  font-family: 'Helvetica Neue','Helvetica','Arial', "YakuHanJPs", 'Kosugi Maru', sans-serif;
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
}

p {
  line-height: 1;
}

a {
  text-decoration: none;
  color: #000;
}

input,
textarea {
  outline: none;
}

input,
textarea {
  outline: none;
}

input {
  border: none;
  padding: 0;
  border-radius: 0;
  background: none;
}

textarea, button {
  background-color: transparent;
  border: none;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

textarea {
  resize: none;
}

button {
  cursor: pointer;
}

img, img[src$=".svg"] {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.header {
  width: 100%;
  background-color: #DDF0F6;
  display: flex;
  justify-content: center;
  border-bottom: 3px solid #29A3DA;
}

.sp1300 {
  display: none;
}

.header-container {
  display: flex;
  align-items: center;
  margin: 12px 0 8px;
}

.logo img {
  width: 157px;
  margin-right: 30px;
}

.header-text {
  font-weight: bold;
}

.header-text-explanation {
  font-size: 1.8rem;
  line-height: 1.166;
  margin: 0 70px 12px 0;
}

.header-text-name {
 font-size: 24px;
}

.heder-icon img {
  width: 310px;
  margin-right: 34px;
}

.header-tel {
  font-size: 4.2rem;
  margin-bottom: 10px;
  color: #E51E79;
}

.header-time {
  font-size: 2rem;
  margin-bottom: 8px;
}

.header-address {
  font-size: 1.2rem;
  line-height: 1.187;
}

.key-visual {
  background-color: #DDF0F6;
  text-align: center;
}

.key-visual-image {
  max-width: 1383px;
}

.sp {
  display: none;
}

.relief {
  background: repeating-linear-gradient(to right, #CDE4F0, #CDE4F0 24px, white 24px, white 26px);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 22px;
}

.relief-message {
  max-width: 979px;
  margin-bottom: 14px;
}

.relief-text-box {
  max-width: 773px;
  background-color: #FFF;
  border-radius: 50px;
  box-shadow: 3px 4px 3px rgba(0, 0, 0, .5);
  display: flex;
}

.relief-text-box:not(:last-child) {
  margin-bottom: 28px;
}

.relief-text-box:last-child {
  margin-bottom: 36px;
}

.no {
  width: 64px;
  height: 92px;
  margin: 17px 12px 0 25px;
}

.relief-text {
  font-size: 1.8em;
  font-weight: bold;
  line-height: 1.3;
  margin: 25px 18px 18px 0;
}

.border {
  background: linear-gradient(transparent 80%, #F4E621 0%)
}

.text-red {
  color: #B9272D;
}

.recommendation {
  background-color: rgba(249, 249, 194, .28);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 17px;
}

.recommendation-tel, .recommendation-mail {
  background-color: #B0DA46;
  width: 797px;
  height: 129px;
  border-radius: 51px;
  display: flex;
}

.recommendation-tel {
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 35px;
  padding: 9px 0 12px 170px;
}

.recommendation-mail {
  align-items: center;
  margin-bottom: 50px;
  padding-left: 200px;
}


.recommendation-contact p {
  color: #FFF;
  font-weight: bold;
  text-shadow: 3px 3px 2px #000;
}

.recommendation-tel-text1 {
  font-size: 3.2rem;
}

.recommendation-tel-text2, .recommendation-mail-text {
  font-size: 4.2rem;
}

.recommendation-mail-arrow {
  width: 92px;
  margin-left: 30px;
}

.recommendation-voice {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
}

.recommendation-voice-image {
  margin-bottom: 30px;
}

.recommendation-letter {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 957px;
}

.recommendation-letter-image {
  max-width: 460px;
  margin-bottom: 24px;
}

.customers-state {
  background-color: rgba(242, 242, 240, .28);
}

.customers-state-image {
  margin-bottom: 34px;
}

.customers-state-movie-wrapper {
  display: flex;
  justify-content: space-between;
  width: 957px;
  margin: 0 auto;
}

.customers-state-title {
  font-size: 2.2rem;
  font-weight: bold;
  margin-bottom: 25px;
}

.customers-state-movie {
  width: 467px;
  height: 329px;
  margin-bottom: 64px;
}

.customers-voice-image {
  margin-bottom: 41px;
}

.customers-voice-box-container {
  background-color: rgba(255, 233, 252, .28);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.customers-voice-box {
  background-color: #FFF;
  width: 924px;
  display: flex;
  justify-content: space-between;
  padding: 23px 26px 23px 26px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, .35);
}

.customers-voice-box:nth-child(-n+2) {
  margin-bottom: 64px;
}

.customers-voice-box:nth-child(3) {
  margin-bottom: 29px;
}

.reverse {
  flex-direction: row-reverse;
}

.customers-voice-box-image {
  width: 300px;
  margin-bottom: 11px;
}

.customers-voice-box-image-text {
  font-size: 2.1rem;
  font-weight: bold;
  line-height: 1.285;
  color: #29A3DA;
}

.customers-voice-box-text-container {
  width: 550px;
  background: repeating-linear-gradient(-45deg, rgba(255, 217, 217, .4), rgba(255, 217, 217, .4) 8px, rgba(255, 217, 217, .6) 8px, rgba(255, 217, 217, .6) 16px);
  border-radius: 17px;
  padding-top: 10px;
}

.customers-voice-box-text-title {
  font-size: 2.8rem;
  font-weight: bold;
  color: #E51E79;
  margin: 0 0 19px 21px;
  white-space: nowrap;
}

.before, .before-text, .after, .after-text {
  font-size: 2.4rem;
  font-weight: bold;
}

.before, .after {
  color: #FFF;
  display: inline-block;
  padding: 4px 6px;
  margin-left: 15px;
}

.before {
  background-color: #42210B;
  margin-bottom: 2px;
}

.after {
  background-color: #E51E79;
}

.before-text, .after-text {
  margin-left: 21px;
}

.before-text {
  margin-bottom: 32px;
}

.after-text {
  line-height: 1.291;
  margin-bottom: 9px;
}

.customers-voice-attention {
  width: 924px;
  margin: 0 auto 61px;
  text-align: right;
  font-size: 1.8rem;
}

.president-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 35px;
background-color: rgba(241, 255, 235, .28);
}

.president-movie-container {
  margin-bottom: 10px;
}

.president-movie {
  width: 908px;
  height: 407px;
}

.worries-example {
  margin-bottom: 16px;
}

.worries-title, .worries-text, .improvement-text {
  font-weight: bold;
}

.worries-title {
  font-size: 5.2rem;
  color: #0071B4;
  margin-bottom: 9px;
}

.worries-text, .improvement-container {
  width: 918px;
}

.worries-text {
  font-size: 21px;
  line-height: 1.189;
  color: #4D4D4D;
  margin-bottom: 17px;
}

.improvement-container {
  background-color: #FDFFE6;
  border: 3px dashed #919191;
  margin-bottom: 23px;
  padding: 19px 0 19px 43px;
}

.improvement-text {
  font-size: 21px;
  line-height: 1.458;
}

.text-red2 {
  color: #FF0000;
}

.reason {
  text-align: center;
  padding-top: 27px;
  background-color: rgba(222, 252, 248, .28);
}

.reason-title {
  max-width: 1397px;
}

.reason1 {
  margin-bottom: 22px;
}

.reason4 {
  margin-bottom: 18px;
}

.reason-comparison-container {
  text-align: left;
  width: 858px;
  margin: 0 auto;
  font-size: 1.8rem;
  font-weight: bold;
}

.reason-not-covered, .reason-ikoi {
  width: 285px;
  padding: 8px 0 6px 8px;
}

.reason-not-covered {
  background-color: #56B7B8;
  color: #FFF;
}

.reason-ikoi {
  background-color: #E51E79;
  color: #F4E621;
}

.reason-not-covered-text, .reason-ikoi-text {
  margin-left: 8px;
  line-height: 1.611;
}

.reason-not-covered-text {
  margin-bottom: 26px;
}

.reason1-ikoi-text {
  margin-bottom: 62px;
}

.reason2-ikoi-text {
  margin-bottom: 36px;
}

.reason3-ikoi-text {
  margin-bottom: 45px;
}

.reason4-ikoi-text {
  margin-bottom: 9px;
}

.reason5-ikoi-text {
  margin-bottom: 41px;
}

.reason-image-container {
  display: flex;
  justify-content: space-between;
  margin: 0 auto 69px;
  max-width: 974px;
}

.reason-image-container4 {
  max-width: 1000px;
  margin: 0 auto;
}

.reason-image {
  max-width:475px;
}

.reason-image4 {
  max-width:500px;
}

.reason-staff-container {
  text-align: left;
  max-width: 980px;
  margin: 0 auto;
  font-weight: bold;
}

.reason-staff {
  font-size: 2.4rem;
  line-height: 1.205;
  margin-bottom: 24px;
  color: #006837;
}

.reason-staff-text {
  font-size: 1.8rem;
  width: 896px;
  margin: 0 auto;
  line-height: 1.722;
  margin-bottom: 23px;
  color: #666;
}

.map-container, .map {
  width: 896px;
}

.map-container {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: bold;
}

.map {
  height: 435px;
  margin-bottom: 16px;
}

.map-text {
  font-size: 3.0rem;
  margin-bottom: 36px;
  color: #333;
}

.map-subtext, .office-text {
  text-align: left;
  font-size: 2.2rem;
  line-height: 1.208;
}

.map-subtext {
  color: #4D4D4D;
  margin-bottom: 84px;
}

.study-image {
  margin-bottom: 34px;
}

.office-wrapper {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  width: 951px;
}

.office-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 40px;
}

.office-image {
  width: 303px;
  margin-bottom: 13px;
}

.office-text {
  font-weight: bold;
  color: #666;
}

.flow {
  background-color: rgba(252, 249, 212, .28);
}

.flow-title-container {
  background: linear-gradient(to bottom, #EBA93D, #EB7231);
  border: 5px solid #EAA047;
  margin-bottom: 31px;
}

.flow-title {
  width: 956px;
  height: 70px;
  display: flex;
  align-items: center;
  margin: 0 auto;
}

.square {
  width: 32px;
  margin-right: 23px;
}

.flow-text {
  font-size: 3.3rem;
  font-weight: bold;
  color: #FFF;
}

.flow-container {
  display: flex;
  justify-content: space-between;
  width: 960px;
  flex-wrap: wrap;
  margin: 0 auto;
}

.flow-box {
  width: 476px;
  height: 554px;
  background-color: #EBE7D9;
  padding-top: 18px;
  margin-bottom: 35px;
}

.flex-box5 {
  width: 960px;
  height: 518px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 49px;
}

.step1 {
  width: 455px;
  margin: 0 auto 25px;
}

.step2 {
  width: 455px;
  margin: 0 auto 28px;
}

.step3 {
  width: 227px;
  margin: 0 auto 40px;
}

.step4 {
  width: 360px;
  margin: 0 auto 59px;
}

.step5 {
  width: 421px;
  margin: 0 auto 27px;
}

.flow-box-title-container {
  display: flex;
  align-items: center;
  margin-bottom: 14px;
}

.flow-no {
  width: 40px;
  margin: 0 16px 0 23px;
}

.flow-box-title {
  font-size: 3.6rem;
  font-weight: bold;
  color: #D85B2F;
}

.flow-box-border {
  border-bottom: 5px solid #E68430;
  display: block;
  margin-bottom: 9px;
}

.flow-box-border5 {
  width: 470px;
  margin: 0 149px 31px 0;
}

.flow-box-text {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.423;
  margin-left: 8px;
}

.flow-box-text5 {
  width: 619px;
  text-align: left;
}

.tel {
  font-size: 2.8rem;
  color: #B9272D;
}

.price {
  background-color: rgba(252, 249, 212, .28);
}

.price-image {
  max-width: 1020px;
  margin: 0 auto 37px;
}

.price-container {
  font-weight: bold;
  width: 930px;
  margin: 0 auto;
  padding-bottom: 20px;
}

.price-own, .price-ikoi {
  font-size: 2.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80px;
}

.price-own {
  background-color: #808080;
  width: 543px;
  color: #FFF;
  margin-bottom: 20px;
}

.price-ikoi {
  background-color: #0071B4;
  width: 773px;
  color: #FFFF00;
  margin-bottom: 16px;
}

.price-own-text, .price-ikoi-text, .price-summary {
  font-size: 2.2rem;
  margin-left: 29px;
}

.price-own-text, .price-ikoi-text {
  color: #0071B4;
}

.price-own-text {
  margin-bottom: 29px;
}

.price-ikoi-text {
  margin-bottom: 41px;
}

.price-ikoi-text, .price-summary {
  line-height: 1.214;
}

.proof {
  padding: 20px 0 20px;
  max-width: 1021px;
  margin: 0 auto;
}

.proof-image {
  margin-bottom: 20px;
}

.proof-wrapper {
  display: flex;
}

.print {
  padding: 4px 19px 0 23px;
}

.print img{
  width: 196px;
  height: 287px;
}

.proof-container {
  font-weight: bold;
  width: 100%;
}

.proof-title {
  font-size: 2.8rem;
  background-color: #29A3DA;
  color: #FFF;
  height: 63px;
  display: flex;
  align-items: center;
  padding-left: 27px;
  margin-bottom: 42px;
}

.proof-text {
  font-size: 2.4rem;
  line-height: 1.375;
  margin-left: 11px;
}

.question {
  text-align: center;
  background-color: rgba(212, 38, 114, .14);
}

.question-image {
  margin-bottom: 24px;
}

.question-text {
  max-width: 974px;
  margin-bottom: 43px;
}

.staff, .contact-form, .summary, .footer {
  background-color: rgba(252, 249, 212, .28);
}

.staff-image {
  margin-bottom: 9px;
}

.staff-wrapper {
  width: 959px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 auto;
}

.staff-container {
  display: flex;
  position: relative;
  width: 467px;
  height: 270px;
  border: 4px solid #F2CC71;
  margin-bottom: 12px;
}

.staff-container:last-child {
  margin-bottom: 50px;
}

.staff-picture {
  padding: 11px 11px 0;
}

.staff-picture img {
  width: 180px;
}

.staff-text-container {
  font-weight: bold;
  padding-top: 20px;
}

.name-ja {
  font-size: 2.2rem;
  margin-bottom: 22px;
}

.name-en, .staff-text {
  font-size: 1.6rem;
  margin-right: 13px;
}

.name-en {
  text-align: right;
}

.staff-text-container {
  height: calc(100% - 60px);
}

.staff-text {
  line-height: 1.187;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.flower {
  position: absolute;
  z-index: -1;
  bottom: 9px;
  right: 9px;
}

.flower img {
  width: 61px;
}

.contact-form, .summary {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.contact-form, .footer {
  font-family: 'Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
}

.line {
  margin-bottom: 60px;
}

.line img {
  width: 1020px;
}

.contact-form-table {
  border: 1px solid #BDB8B8;
  margin-bottom: 36px;
}

.tr {
  width: 954px;
  display: flex;
  flex-wrap: wrap;
}

.contact-form-text, .contact-form-input-text {
  font-size: 2.1rem;
  border-bottom: 1px solid #4D4D4D;
}

.contact-form-text-last, .contact-form-input-text-last {
  border-bottom: none;
}

.contact-form-text {
  font-weight: bold;
  color: #FFF;
  width: 217px;
  background-color: #84BE3F;
  text-align: left;
  padding: 19px 0 19px 36px;
  border-right: 1px solid #4D4D4D;
}

.contact-form-input-text {
  width: 737px;
  background-color: #FFF;
  padding-left: 38px;
  display: flex;
  align-items: center;
}

.contact-form-input-text-last {
  padding: 13px 0 13px 38px;
}

.radio-text {
  vertical-align: middle;
  display: flex;
  flex-direction: column;
  padding: 3px 0 3px 38px;
  align-items: flex-start;
  color: #5B5B5B;
}

.radio {
  width: 20px;
  height: 20px;
  margin: 17px 8px 17px 0;
}

.input {
  border: 1px solid #BDB8B8;
  width: 235px;
  height: 33px;
  font-size: 2.1rem;
  padding: 2px;
}

.address, .email, .textarea {
  width: 674px;
}

.textarea {
  height: 168px;
}

.address-attention {
  font-size: 1.4rem;
  padding: 30px 0 0 18px;
  color: #5B5B5B;
}

.button {
  background-color: #68AC3A;
  width: 232px;
  height: 53px;
  font-size: 2.1rem;
  font-weight: bold;
  color: #FFF;
  margin-bottom: 69px;
}

.summary-text {
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.448;
  margin-bottom: 99px;
}

.summary-images {
  display: flex;
  margin-bottom: 30px;
}

.summary-image {
  max-width: 252px;
}

.footer-text, .copy {
  text-align: center;
  font-size: 1.8rem;
}

.footer-text {
  line-height: 1.222;
  margin-bottom: 28px;
}

.copy {
  padding-bottom: 54px;
}

@media screen and (max-width: 1300px) {
 .header-sp-container {
    background-color: #0071B4;
    height: auto;
    min-height: 51px;
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .headder-sp-text {
    font-size: 1.2rem;
    color: #FFF;
  }

  .header {
    flex-direction: column;
    border-bottom: none;
  }

  .logo img {
    width: 114px;
    margin-left: 46px;
  }

@media screen and (max-width: 960px) {
  .relief {
    background: repeating-linear-gradient(to right, #CDE4F0, #CDE4F0 14px, white 14px, white 15px);
  }

  .relief-message {
    padding: 0 5%;
  }

  .relief-text-box {
    margin-left: 5%;
    margin-right: 5%;
  }

  .recommendation {
    padding-top: 0;
  }

  .swiper-parent {
    padding: 0 5% 62px;
    background-color: rgba(249, 249, 194, .28);
  }

  .recommendation-letter-image {
    max-width: 863px;
    margin-bottom: 31px;
  }

  .swiper-pagination {
    width: 95%;
  }

  .swiper-pagination-bullet {
    width: 25px;
    height: 25px;
    background-color: #808080;
    margin: 0 22px;
  }

  .customers-state-movie-wrapper {
    width: 90%;
    flex-direction: column;
    align-items: center;
    padding: 0 5%;
  }

  .customers-state-movie {
    width: 90vw;
    height: 60vw;
  }

  .customers-state-title {
    font-size: 21px;
  }

  .customers-voice-image {
    margin-bottom: 20px;
  }

  .customers-voice-attention {
    width: 100%;
    margin: 10px auto 30px;
    padding: 0 5%;
    text-align: left;
    display: flex;
    justify-content: flex-end;
  }

  .president-movie {
    width: 90vw;
    height: 50vw;
  }

  .worries-title {
    font-size: 26px;
    color: #0071B4;
    margin-bottom: 18px;
  }

  .worries-text, .improvement-container {
    width: 100%;
  }

  .worries-text {
    margin-bottom: 50px;
    padding: 0 5%;
  }

  .improvement-wrapper {
    margin: 0 5%;
  }

  .improvement-container {
    padding: 19px 30px 19px 30px;
  }

  .free-trial, .reason-image-container {
    padding: 0 5%;
  }

  .reason-title {
    margin-bottom: 40px;
  }

  .reason-comparison-container {
    width: 100%;
    padding: 0 5%;
  }

  .reason1-ikoi-text {
    margin-bottom: 10px;
  }

  .reason-image-container {
    margin: 0 auto 20px;
  }

  .reason-image {
    max-width: 44vw;
  }

  .reason2, .reason3, .reason5 {
    margin-bottom: 10px;
  }

  .reason3-ikoi-text {
    margin-bottom: 10px;
  }

  .reason-staff, .reason-staff-text, .map-text, .map-subtext {
    padding: 0 5%;
  }

  .reason-staff-text, .map-container, .map {
    width: 100%;
  }

  .map {
    width: 90vw;
    height: 44vw;
  }

  .map-subtext {
    margin-bottom: 30px;
  }

  .office-wrapper, .flow-title {
    width: 100%;
    padding: 0 5%;
  }

  .office-image, .office-text {
    width: 30vw;
	padding: 0 5px;
  }

  .flow {
    background-color: #EBE7D9;
  }

  .flow-title {
    height: auto;
  }

  .flow-step-sp {
    padding: 0 5% 20px;
  }

  .price-container {
    width: 100%;
    padding: 0 5% 60px;
  }

  .price-own, .price-ikoi {
    padding: 10px 30px;
    height: auto;
  }

  .price-own {
    width: 70%;
  }

  .price-ikoi {
    width: 100%;
  }

  .price-own-text, .price-ikoi-text, .price-summary {
    margin-left: 0;
    padding: 0 5%;
  }

  .price-ikoi-text {
    margin-bottom: 10px;
  }

  .proof {
    background-color: rgba(252, 249, 212, .28);
    padding: 0 0 60px;
  }

  .question {
    padding-bottom: 10px;
  }

  .question-continer {
    text-align: left;
    font-weight: bold;
    padding: 0 5%;
  }

  .question-title {
    font-size: 1.8rem;
    background-color: #F4B8C6;
    width: 100%;
    padding: 10px 20px;
    line-height: 1.194;
    color: #4D4D4D;
    margin-bottom: 16px;
  }

  .question-text-sp {
    font-size: 1.6rem;
    color: #E51E79;
    background-color: #FFF;
    padding: 10px;
    line-height: 1.205;
    margin-bottom: 24px;
    border: 1px solid #572B26;
  }

  .staff, .contact-form, .summary, .footer {
    background-color: #FFF;
  }

  .staff-wrapper {
    width: 100%;
  }

  .staff-sp {
    padding: 20px 5% 40px;
  }

  .line {
    margin-bottom: 10px;
  }

  .line img {
    width: 100%;
  }

  .contact-form-table {
    border: none;
    width: 100%;
  }

  .tr {
    width: 100%;
    flex-direction: column;
    padding: 0 8%;
  }

  .contact-form-text, .contact-form-input-text {
    border-bottom: none;
  }

  .contact-form-text {
    color: #333;
    width: 100%;
    background-color: #FFF;
    padding: 19px 0 8px 0;
    border-right: none;
    display: flex;
    align-items: center;
  }

  .contact-form-input-text {
    width: 100%;
    padding-left: 0;
  }

  .contact-form-input-text-last {
    padding: 0;
  }

  .input {
    border: 2px solid #5B5B5B;
    width: 100%;
    height: 40px;
    border-radius: 16px;
  }

  .address, .email, .textarea {
    width: 100%;
  }

  .textarea {
    height: 168px;
  }

  .address-attention {
    font-size: 1.4rem;
    padding: 8px 0 0 10px;
    color: #5B5B5B;
  }

  .required {
    margin-left: 20px;
    background-color: #FD7F01;
    color: #FFF;
    font-size: 1.8rem;
    font-weight: bold;
    padding: 8px 16px;
    border-radius: 9px;
  }

  .button {
    width: 180px;
    height: 40px;
    font-size: 2.1rem;
    font-weight: bold;
    color: #FFF;
    margin-bottom: 50px;
  }

  .summary-text, .summary-images {
    padding: 0 5%;
  }

  .summary-text {
    margin-bottom: 20px;
  }

  .pc {
    display: none;
  }

  .sp {
    display: block;
  }


.fixed {
  display: none;
}

@media (max-width: 767px) {
  .fixed {
    display: block;
    position: fixed;
    bottom: 0;
    text-align: center;
    background: rgba(255, 255, 255, 0.8);
    transition: .3s;
    z-index: 100;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .fix-tel {
    left: 0;
  }
}

@media (max-width: 767px) {
  .fix-mail {
    right: 0;
  }
}

@media (max-width: 767px) {
  .fix-tel, .fix-mail {
    position: absolute;
    display: block;
    top: 0;
    width: 50%;
    height: 100%;
  }
}

}