/*!
 * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
 * Richard Clark (http://richclarkdesign.com)
 * http://cssreset.com
 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent
}

body {
  line-height: 1
}

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

nav ul {
  list-style: none
}

blockquote, q {
  quotes: none
}

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

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

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold
}

del {
  text-decoration: line-through
}

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

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

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0
}

input, select {
  vertical-align: middle
}

.clearfix {
  *zoom: 1
}

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

html, body, div, h1, h2, h3, h4, h5, h6, p, img, i, ul, li, header, nav, aside, section, footer {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font-style: normal;
  font-weight: normal;
  vertical-align: baseline
}

ul, ol, li {
  font-size: 0;
  list-style: none
}

a {
  color: #272723;
  outline: 0;
  display: block;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s
}

a:link, a:visited {
  color: #272723;
  outline: 0
}

a:hover, a:active {
  color: #272723;
  outline: 0;
  cursor: pointer
}

a img {
  border: none
}

img {
  vertical-align: middle;
  border: 0;
  width: 100%
}

iframe {
  width: 100%
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}

.slick-list {
  position: relative;
  display: block;
  margin: 0;
  padding: 0
}

.slick-list:focus {
  outline: none
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none
}

[dir="rtl"] .slick-slide {
  float: right
}

.slick-slide img {
  display: block
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

.slick-arrow.slick-hidden {
  display: none
}

body {
  color: #272723;
  background-color: #f9f9f9;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  font-smoothing: antialiased;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -moz-font-smoothing: antialiased;
  -moz-text-size-adjust: 100%;
  -ms-font-smoothing: antialiased;
  -ms-text-size-adjust: 100%;
  -o-font-smoothing: antialiased;
  -o-text-size-adjust: 100%
}

#main {
  display: block
}

#wrap {
  overflow: hidden
}

.common_title {
  font-family: "Noto Sans JP", sans-serif
}

.common_title span {
  color: #272723
}

.pc {
  display: block
}

.sp, .tb {
  display: none
}

header {
  height: 90px;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  position: fixed;
  z-index: 1000
}

header .header_wrap {
  display: flex;
  align-items: center;
  height: 100%
}

header .header_logo {
  width: 170px;
  margin-left: 50px
}

header .header_logo a {
  transition: 0.5s
}

header .header_logo a:hover {
  opacity: 0.6
}

header .header_logo svg .st0 {
  fill: #1A1A1A
}

header nav {
  margin-left: auto;
  height: 100%
}

header ul {
  display: flex;
  height: 100%
}

header ul li {
  margin-right: 40px;
  display: flex;
  align-items: center
}

header ul li a {
  font-size: 13px;
  color: #272723;
  font-weight: bold;
  letter-spacing: 0.08em;
  transition: 0.5s
}

header ul li a:hover {
  opacity: 0.6
}

header ul .header_contact {
  display: block;
  width: 150px;
  height: 100%;
  margin-right: 0;
  background: #020202
}

header ul .header_contact a {
  padding: 20px 0;
  width: 150px;
  height: 100%;
  color: #fff;
  font-size: 10px;
  text-align: center;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box
}

header ul .header_contact a svg {
  width: 36px;
  height: 26px;
  display: block;
  margin: 0 auto 10px
}

header ul .header_contact a svg .st0 {
  fill: #FFFFFF
}

header .menu {
  width: 40px;
  height: 100%;
  margin-left: auto;
  display: flex;
  align-items: center
}

header .menu .menu-trigger, header .menu .menu-trigger span {
  display: inline-block;
  transition: all 0.4s;
  box-sizing: border-box
}

header .menu .menu-trigger {
  position: relative;
  width: 40px;
  height: 30px
}

header .menu .menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #272723
}

header .menu .menu-trigger span:nth-of-type(1) {
  top: 0
}

header .menu .menu-trigger span:nth-of-type(2) {
  top: 14px
}

header .menu .menu-trigger span:nth-of-type(3) {
  bottom: 0
}

header .menu .menu-trigger span:nth-of-type(1) {
  -webkit-animation: menu-bar01 0.75s forwards;
  animation: menu-bar01 0.75s forwards
}

@-webkit-keyframes menu-bar01 {
  0% {
    -webkit-transform: translateY(20px) rotate(45deg)
  }

  50% {
    -webkit-transform: translateY(20px) rotate(0)
  }

  100% {
    -webkit-transform: translateY(0) rotate(0)
  }
}

@keyframes menu-bar01 {
  0% {
    transform: translateY(20px) rotate(45deg)
  }

  50% {
    transform: translateY(20px) rotate(0)
  }

  100% {
    transform: translateY(0) rotate(0)
  }
}

header .menu .menu-trigger span:nth-of-type(2) {
  transition: all 0.25s 0.25s;
  opacity: 1
}

header .menu .menu-trigger span:nth-of-type(3) {
  -webkit-animation: menu-bar02 0.75s forwards;
  animation: menu-bar02 0.75s forwards
}

@-webkit-keyframes menu-bar02 {
  0% {
    -webkit-transform: translateY(-20px) rotate(-45deg)
  }

  50% {
    -webkit-transform: translateY(-20px) rotate(0)
  }

  100% {
    -webkit-transform: translateY(0) rotate(0)
  }
}

@keyframes menu-bar02 {
  0% {
    transform: translateY(-20px) rotate(-45deg)
  }

  50% {
    transform: translateY(-20px) rotate(0)
  }

  100% {
    transform: translateY(0) rotate(0)
  }
}

header .menu .menu-trigger.active span:nth-of-type(1) {
  -webkit-animation: active-menu-bar01 0.75s forwards;
  animation: active-menu-bar01 0.75s forwards
}

@-webkit-keyframes active-menu-bar01 {
  0% {
    -webkit-transform: translateY(0) rotate(0)
  }

  50% {
    -webkit-transform: translateY(10px) rotate(0)
  }

  100% {
    -webkit-transform: translateY(10px) rotate(45deg)
  }
}

@keyframes active-menu-bar01 {
  0% {
    transform: translateY(0) rotate(0)
  }

  50% {
    transform: translateY(10px) rotate(0)
  }

  100% {
    transform: translateY(10px) rotate(45deg)
  }
}

header .menu .menu-trigger.active span:nth-of-type(2) {
  opacity: 0
}

header .menu .menu-trigger.active span:nth-of-type(3) {
  -webkit-animation: active-menu-bar03 0.75s forwards;
  animation: active-menu-bar03 0.75s forwards
}

@-webkit-keyframes active-menu-bar03 {
  0% {
    -webkit-transform: translateY(0) rotate(0)
  }

  50% {
    -webkit-transform: translateY(-20px) rotate(0)
  }

  100% {
    -webkit-transform: translateY(-20px) rotate(-45deg)
  }
}

@keyframes active-menu-bar03 {
  0% {
    transform: translateY(0) rotate(0)
  }

  50% {
    transform: translateY(-20px) rotate(0)
  }

  100% {
    transform: translateY(-20px) rotate(-45deg)
  }
}

.thanks_page {
  padding: 200px 0 150px;
  max-width: 1440px;
  margin: 0 auto;
  text-align: center;
}

.thanks_page h2 {
  font-size: 80px;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  margin-bottom: 20px;
  color: #272723
}

.thanks_page .thanks_title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 50px;
}

.thanks_page .thanks_text {
  font-size: 15px;
  line-height: 1.9;
  margin-bottom: 30px;
}

.thanks_page .thanks_text a {
  border-bottom: 1px solid #272723;
  font-weight: 600;
  display: inline-block;
  line-height: 1.2;
}

.thanks_content .thanks_btn {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  margin-top: 100px;
  border-bottom: 2px solid #272723;
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}

@media screen and (max-width: 1023px) {
  .thanks_page {
    padding: 48vw 5.33vw 32vw;
  }

  .thanks_page h2 {
    font-size: 12.27vw;
    margin-bottom: 4vw;
  }

  .thanks_page .thanks_title {
    font-size: 4.27vw;
    margin-bottom: 8vw;
  }

  .thanks_page .thanks_text {
    font-size: 3.73vw;
    margin-bottom: 4vw;
  }

  .thanks_page .thanks_text br {
    display: none;
  }

  .thanks_content .thanks_btn {
    margin-top: 10.67vw;
    font-size: 4.27vw;
  }
}

.header_content {
  height: 100vh;
  position: fixed;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  z-index: 100;
  background: #272723;
  display: none
}

.header_content .header_content_wrap {
  display: flex;
  height: 100vh;
  width: 100%
}

.header_content .header_content_img {
  width: 50%;
  height: 100%;
  background: url(images/top/header_img.jpg) center no-repeat;
  background-size: cover;
  transition: 0.5s
}

.header_content .header_content_menu {
  width: 50%;
  height: 100%;
  text-align: center;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  position: relative
}

.header_content .header_content_menu ul {
  margin: 0 auto;
  color: #fff;
  position: absolute;
  top: 53%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}

.header_content .header_content_menu ul li a {
  color: #fff;
  font-size: 40px;
  font-family: "Roboto", sans-serif;
  letter-spacing: 0.07em;
  padding: 30px 0
}

.header_content .header_content_menu ul li a span {
  display: block;
  font-size: 13px;
  font-weight: bold;
  padding-top: 8px
}

.header_content .header_content_menu ul li a:hover {
  transition: 0.5s
}

.header_slide {
  display: block;
  animation: header_slide 1s 0s normal;
  animation-timing-function: cubic-bezier(0.93, 0.08, 0.47, 0.87)
}

@keyframes header_slide {
  0% {
    transform: translateY(-100%);
    opacity: 0.5
  }

  100% {
    transform: translateY(0);
    opacity: 1
  }
}

#is-loading {
  height: 100vh;
  width: 100%;
  background: #272723;
  position: fixed;
  z-index: 999999
}

#is-loading #loading {
  height: 100vh;
  width: 100%;
  position: relative
}

#is-loading #loading .loading_img_wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  height: 200px
}

#is-loading #loading .loading_img_wrap svg {
  height: 200px;
  display: block
}

.right_show {
  opacity: 0;
  transform: translateX(-20px)
}

.right_show_fv {
  opacity: 0;
  transform: translateX(-20px)
}

.right_show_action {
  animation: right_slide 0.6s 0s normal;
  animation-timing-function: cubic-bezier(0.43, 0.05, 0.17, 0.1);
  opacity: 1;
  transform: translateX(0)
}

.right_show_2 {
  opacity: 0;
  transform: translateX(-20px)
}

.right_show_action_2 {
  animation: right_slide 0.6s 0s normal;
  animation-timing-function: cubic-bezier(0.43, 0.05, 0.17, 0.1);
  opacity: 1;
  transform: translateX(0)
}

.right_show_3 {
  opacity: 0;
  transform: translateX(-20px)
}

.right_show_action_3 {
  animation: right_slide 0.6s 0s normal;
  animation-timing-function: cubic-bezier(0.43, 0.05, 0.17, 0.1);
  opacity: 1;
  transform: translateX(0)
}

.right_show_fv {
  opacity: 0;
  transform: translateX(-20px)
}

.right_show_fv_action {
  animation: right_slide 0.6s 0s normal;
  animation-timing-function: cubic-bezier(0.43, 0.05, 0.17, 0.1);
  opacity: 1;
  transform: translateX(0)
}

@keyframes right_slide {
  0% {
    transform: translateX(-20px);
    opacity: 0
  }

  100% {
    transform: translateY(0);
    opacity: 1
  }
}

.left_show {
  opacity: 0;
  transform: translateX(20px)
}

.left_show_fv {
  opacity: 0;
  transform: translateX(20px)
}

.left_show_action {
  animation: left_slide 0.6s 0s normal;
  animation-timing-function: cubic-bezier(0.43, 0.05, 0.17, 0.1);
  opacity: 1;
  transform: translateX(0)
}

.left_show_2 {
  opacity: 0;
  transform: translateX(20px)
}

.left_show_action_2 {
  animation: left_slide 0.6s 0s normal;
  animation-timing-function: cubic-bezier(0.43, 0.05, 0.17, 0.1);
  opacity: 1;
  transform: translateX(0)
}

.left_show_3 {
  opacity: 0;
  transform: translateX(20px)
}

.left_show_action_3 {
  animation: left_slide 0.6s 0s normal;
  animation-timing-function: cubic-bezier(0.43, 0.05, 0.17, 0.1);
  opacity: 1;
  transform: translateX(0)
}

.left_show_fv {
  opacity: 0;
  transform: translateX(20px)
}

.left_show_fv_action {
  animation: left_slide 0.6s 0s normal;
  animation-timing-function: cubic-bezier(0.43, 0.05, 0.17, 0.1);
  opacity: 1;
  transform: translateX(0)
}

@keyframes left_slide {
  0% {
    transform: translateX(20px);
    opacity: 0
  }

  100% {
    transform: translateY(0);
    opacity: 1
  }
}

.bottom_show {
  opacity: 0;
  transform: translateY(20px)
}

.bottom_show_fv {
  opacity: 0;
  transform: translateY(20px)
}

.bottom_show_action {
  animation: bottom_slide 0.6s 0s normal;
  animation-timing-function: cubic-bezier(0.43, 0.05, 0.17, 0.1);
  opacity: 1;
  transform: translateY(0)
}

.bottom_show_2 {
  opacity: 0;
  transform: translateY(20px)
}

.bottom_show_action_2 {
  animation: bottom_slide 0.6s 0s normal;
  animation-timing-function: cubic-bezier(0.43, 0.05, 0.17, 0.1);
  opacity: 1;
  transform: translateY(0)
}

.bottom_show_3 {
  opacity: 0;
  transform: translateY(20px)
}

.bottom_show_action_3 {
  animation: bottom_slide 0.6s 0s normal;
  animation-timing-function: cubic-bezier(0.43, 0.05, 0.17, 0.1);
  opacity: 1;
  transform: translateY(0)
}

.bottom_show_4 {
  opacity: 0;
  transform: translateY(20px)
}

.bottom_show_action_4 {
  animation: bottom_slide 0.6s 0s normal;
  animation-timing-function: cubic-bezier(0.43, 0.05, 0.17, 0.1);
  opacity: 1;
  transform: translateY(0)
}

.bottom_show_5 {
  opacity: 0;
  transform: translateY(20px)
}

.bottom_show_action_5 {
  animation: bottom_slide 0.6s 0s normal;
  animation-timing-function: cubic-bezier(0.43, 0.05, 0.17, 0.1);
  opacity: 1;
  transform: translateY(0)
}

@keyframes bottom_slide {
  0% {
    transform: translateY(20px);
    opacity: 0
  }

  100% {
    transform: translateY(0);
    opacity: 1
  }
}

.header_slide {
  display: block;
  animation: header_slide 1s 0s normal;
  animation-timing-function: cubic-bezier(0.43, 0.05, 0.17, 0.1)
}

@keyframes header_slide {
  0% {
    transform: translateY(-100%);
    opacity: 0.5
  }

  100% {
    transform: translateY(0);
    opacity: 1
  }
}

.section_title {
  text-align: center
}

.section_title svg {
  width: 285px;
  height: 75px
}

.section_title .section_title_sub {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.18em;
  margin-bottom: 30px
}

.section_title .section_title_main {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 0.1em
}

footer {
  background: #020202;
  text-align: center;
  padding: 70px 0 20px
}

footer svg {
  height: 148px;
  margin-bottom: 70px
}

footer .copywrite {
  font-size: 14px;
  color: #fff;
  font-family: "Roboto", sans-serif;
  letter-spacing: 0.1em;
  font-weight: 600;
  opacity: 0.5
}

@media screen and (max-width: 1439px) {
  header {
    height: 6.25vw
  }

  header .header_logo {
    width: 11.81vw
  }

  header ul li {
    margin-right: 2.78vw
  }

  header ul li a {
    font-size: 0.9vw
  }

  header ul .header_contact {
    width: 10.42vw
  }

  header ul .header_contact a {
    width: 10.42vw;
    font-size: 0.69vw;
    padding: 1.39vw 0
  }

  header ul .header_contact a svg {
    width: 2.5vw;
    height: 1.81vw
  }

  .section_title svg {
    width: 19.79vw;
    height: 5.21vw
  }

  .section_title .section_title_sub {
    font-size: 1.11vw;
    margin-bottom: 2.08vw
  }

  .section_title .section_title_main {
    font-size: 1.94vw
  }

  footer {
    padding: 4.86vw 1.39vw
  }

  footer svg {
    height: 10.28vw;
    margin-bottom: 4.86vw
  }

  footer .copywrite {
    font-size: 0.97vw
  }
}

@media screen and (max-width: 1023px) {
  .pc {
    display: none
  }

  .sp, .tb {
    display: block
  }

  header {
    height: 21.33vw
  }

  header ul .header_contact a {
    width: 21.33vw;
    font-size: 2.13vw;
    padding: 4vw 0;
    letter-spacing: 0em
  }

  header ul .header_contact {
    width: 21.33vw
  }

  header ul li {
    display: none
  }

  header .header_logo {
    width: 36vw;
    margin-left: 8vw
  }

  header ul .header_contact a svg {
    width: 9.6vw;
    height: 6.93vw
  }

  .section_title svg {
    width: 61.6vw;
    height: 16vw
  }

  .section_title .section_title_sub {
    font-size: 3.47vw;
    margin-bottom: 5.33vw
  }

  .section_title .section_title_main {
    font-size: 5.87vw
  }

  footer {
    padding: 18.67vw 0 10.67vw
  }

  footer svg {
    height: 39.47vw;
    margin-bottom: 24vw
  }

  footer .copywrite {
    font-size: 3.73vw
  }
}

#fv {
  height: 768px;
  position: relative;
  padding-top: 90px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  max-width: 1440px;
  margin: 0 auto
}

#fv .fv_slider_wrap {
  height: 574px;
  width: 1148px;
  margin-left: auto;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  position: relative;
  z-index: 2
}

#fv .fv_slider_wrap .fv_slider {
  height: 100%;
  width: 100%;
  background: url(images/fv.jpg) center no-repeat;
  background-size: cover;
  border-radius: 20px
}

#fv .fv_back {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 340px;
  width: 791px;
  background: #272723
}

#fv .fv_text {
  position: absolute;
  bottom: -20px;
  left: -200px
}

#fv .fv_text .fv_text_title {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  display: inline;
  padding: 10px;
  font-size: 36px;
  letter-spacing: 0.12em;
  line-height: 1.75;
  background: #fff
}

#fv .fv_text .fv_text_subtitle {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 24px;
  color: #f9f9f9;
  margin-top: 30px;
  letter-spacing: 0.08em
}

#fv .scroll_wrap {
  position: absolute;
  right: 160px;
  bottom: 30px
}

#fv .scroll_wrap .scroll_arrow {
  animation: scroll_action 1.8s linear 0s infinite normal;
  margin: 0 auto;
  width: 17px;
  display: block
}

#fv .scroll_wrap .scroll_arrow .st0 {
  fill: #272723
}

#fv .scroll_wrap .scroll_arrow_wrap {
  margin-top: 18px
}

#fv .scroll_wrap .scroll_text {
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.06em;
  color: #272723;
  font-family: "Roboto", sans-serif
}

@keyframes scroll_action {
  0% {
    transform: translateY(0)
  }

  40% {
    transform: translateY(70%)
  }

  100% {
    transform: translateY(0)
  }
}

#fv #fv .scroll_wrap {
  position: absolute;
  left: 3.5vw;
  bottom: 0;
  overflow: hidden;
  display: flex
}

#fv #fv .scroll_wrap .scroll_text {
  font-size: 13px;
  color: #FFF;
  padding-left: 30px;
  padding-bottom: 15px
}

#fv #fv .scroll_wrap .scroll_text span {
  display: block;
  padding-bottom: 10px
}

#about {
  padding-top: 130px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  max-width: 1440px;
  margin: 0 auto
}

#about .section_title {
  margin-bottom: 90px
}

#about .about_content .about_item {
  display: flex;
  align-items: flex-end;
  margin-bottom: 150px
}

#about .about_content .about_item .about_i_img {
  background: url(images/about1.jpg) center no-repeat;
  background-size: cover;
  width: 862px;
  height: 574px;
  margin-right: auto;
  border-radius: 20px
}

#about .about_content .about_item .about_i_content {
  padding-bottom: 10px;
  margin-right: 150px;
  position: relative
}

#about .about_content .about_item .about_i_content .about_i_content_sub {
  font-size: 13px;
  font-family: "Roboto", sans-serif;
  margin-bottom: 80px;
  letter-spacing: 0.1em;
  font-weight: 600;
  z-index: 2;
  position: relative
}

#about .about_content .about_item .about_i_content .about_i_content_title {
  font-size: 28px;
  font-weight: 600;
  line-height: 1.54;
  margin-bottom: 50px;
  z-index: 2;
  position: relative
}

#about .about_content .about_item .about_i_content .about_i_content_text {
  font-size: 14px;
  letter-spacing: 0.08em;
  color: #4c4c45;
  width: 355px;
  line-height: 2.32;
  z-index: 2;
  position: relative
}

#about .about_content .about_item .about_i_content .about_i_content_back {
  height: 220px;
  width: 218px;
  background: url(images/about_back.png) center no-repeat;
  background-size: cover;
  position: absolute;
  top: -30px;
  right: -60px
}

#about .about_content .about_item_2 .about_i_img {
  order: 2;
  border-radius: 20px;
  margin-left: auto;
  margin-right: 0;
  background: url(images/about2.jpg) center no-repeat;
  background-size: cover;
}

#about .about_content .about_item_2 .about_i_content {
  order: 1;
  margin-left: 150px;
  margin-right: 0
}

#service {
  padding: 90px 0 0;
  background: #272723
}

#service .section_title {
  color: #f9f9f9
}

#service .section_title svg {
  fill: #f9f9f9
}

#service .service_content {
  padding: 80px 134px 170px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  max-width: 1440px;
  margin: 0 auto;
  position: relative
}

#service .service_content .service_item {
  height: 215px;
  width: 215px;
  background: #f9f9f9;
  border-radius: 10px;
  display: inline-block;
  margin: 0 7.5px 15px;
  vertical-align: top
}

#service .service_content .service_item .service_i_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%
}

#service .service_content .service_item .service_i_wrap .service_i_w_wrap {
  text-align: center
}

#service .service_content .service_item .service_i_wrap .service_i_w_wrap svg {
  display: block;
  padding-bottom: 30px;
  margin: 0 auto
}

#service .service_content .service_item .service_i_wrap .service_i_w_wrap .service_i_text {
  font-size: 13px;
  letter-spacing: 0.1em;
  font-weight: bold
}

#service .service_content .service_item1 svg, #service .service_content .service_item6 svg, #service .service_content .service_item9 svg {
  width: 64px;
  height: 72px
}

#service .service_content .service_item2 svg {
  width: 90px;
  height: 55px
}

#service .service_content .service_item3 svg {
  width: 105px;
  height: 72px
}

#service .service_content .service_item4 svg {
  width: 83px;
  height: 75px
}

#service .service_content .service_item5 svg, #service .service_content .service_item7 svg {
  width: 87px;
  height: 69px
}

#service .service_content .service_item8 svg {
  width: 95px;
  height: 68px
}

#service .service_content .service_back_img {
  width: 100%;
  height: 128px;
  background: url(images/service_back.png) center no-repeat;
  background-size: cover;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%)
}

#flow {
  padding: 160px 0 130px;
  position: relative
}

#flow .flow_content {
  padding: 90px 150px 0;
  display: flex;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  max-width: 1440px;
  margin: 0 auto
}

#flow .flow_content .flow_item {
  width: 247px;
  text-align: center;
  margin: 0 -11px
}

#flow .flow_content .flow_item .flow_item_wrap {
  text-align: center
}

#flow .flow_content .flow_item .flow_item_wrap .flow_i_circle {
  height: 247px;
  width: 247px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center
}

#flow .flow_content .flow_item .flow_item_wrap .flow_i_circle .flow_i_circle_wrap .flow_item_subtitle {
  font-size: 20px;
  font-family: "Roboto", sans-serif;
  letter-spacing: 0.18em;
  font-weight: 600
}

#flow .flow_content .flow_item .flow_item_wrap .flow_i_circle .flow_i_circle_wrap svg {
  display: block;
  margin: 25px auto;
  height: 77px
}

#flow .flow_content .flow_item .flow_item_wrap .flow_i_circle .flow_i_circle_wrap svg .st0 {
  fill: #333333
}

#flow .flow_content .flow_item .flow_item_wrap .flow_i_circle .flow_i_circle_wrap .flow_item_title {
  font-size: 15px;
  letter-spacing: 0.06em;
  font-weight: 600
}

#flow .flow_content .flow_item .flow_i_text {
  padding-top: 10px;
  font-size: 12px;
  letter-spacing: 0.02em;
  line-height: 1.75;
  width: 190px;
  margin: 0 auto
}

#contact {
  padding: 0 0 190px;
  position: relative
}

#contact .contact_content {
  padding: 90px 150px 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  max-width: 1440px;
  margin: 0 auto
}

#contact .contact_content .contact_number {
  background: #fff;
  text-align: center;
  padding: 65px 0 90px;
  border-radius: 10px
}

#contact .contact_content .contact_number .contact_number_text {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.1em;
  margin-bottom: 70px
}

#contact .contact_content .contact_number .contact_number_title {
  font-size: 68px;
  font-weight: 600;
  letter-spacing: 0.08em;
  font-family: "Roboto", sans-serif;
  color: #020202;
  transition: 0.4s;
  display: inline-block;
}

#contact .contact_content .contact_number .contact_number_title:hover {
  opacity: 0.6;
}

#contact .contact_content .contact_form {
  background: #fff;
  margin-top: 55px;
  padding: 70px 140px 85px;
  border-radius: 10px;
  text-align: center
}

#contact .contact_content .contact_form .contact_form_text {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.88;
  padding-bottom: 60px
}

#contact .contact_content .contact_form #contactForm table {
  width: 100%
}

#contact .contact_content .contact_form #contactForm tr {
  padding: 30px 0;
  text-align: left;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  border-bottom: 1px solid #e5e5e5;
  vertical-align: top
}

#contact .contact_content .contact_form #contactForm tr th {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.06em;
  vertical-align: top;
  padding-top: 58px
}

#contact .contact_content .contact_form #contactForm tr th span {
  color: #c1272d;
  padding-left: 10px
}

#contact .contact_content .contact_form #contactForm tr td input {
  padding: 30px;
  border: none;
  background: #f6f6f6;
  font-size: 14px;
  letter-spacing: 0.06em;
  font-weight: 600;
  color: #272723;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  margin: 30px 0;
  outline: none
}

#contact .contact_content .contact_form #contactForm tr td input::placeholder textarea::placeholder {
  color: #999999
}

#contact .contact_content .contact_form #contactForm tr td input:-ms-input-placeholder textarea:-ms-input-placeholder {
  color: #999999
}

#contact .contact_content .contact_form #contactForm tr td input::-ms-input-placeholder textarea::-ms-input-placeholder {
  color: #999999
}

#contact .contact_content .contact_form #contactForm tr td textarea {
  padding: 30px;
  border: none;
  background: #f6f6f6;
  font-size: 14px;
  letter-spacing: 0.06em;
  font-weight: 600;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  margin: 30px 0;
  outline: none
}

#contact .contact_content .contact_form #contactForm .btn {
  margin-top: 80px
}

#contact .contact_content .contact_form #contactForm .btn button {
  padding: 30px 0;
  width: 570px;
  border: none;
  background: #020202;
  border-radius: 10px;
  font-size: 14px;
  color: #fff;
  letter-spacing: 0.2em;
  font-weight: 600;
  transition: 0.4s;
}

#contact .contact_content .contact_form #contactForm .btn button:hover {
  opacity: 0.7;
}

.error {
  color: red;
  font-weight: bold;
  display: block;
  margin-bottom: 15px;
}

@media screen and (max-width: 1023px) {
  .error {
    margin-top: 15px;
  }
}

@media screen and (max-width: 1440px) {
  #fv .fv_slider_wrap .fv_slider {
    border-radius: 20px 0 0 20px
  }

  #about .about_content .about_item .about_i_img {
    border-radius: 0 20px 20px 0
  }

  #about .about_content .about_item_2 .about_i_img {
    border-radius: 20px 0 0 20px;
    background: url(images/about2.jpg) center no-repeat;
    background-size: cover;
  }
}

@media screen and (max-width: 1439px) {
  #fv {
    height: 53.33vw;
    padding-top: 6.25vw
  }

  #fv .fv_slider_wrap {
    height: 39.86vw;
    width: 79.72vw;
    border-radius: 1.39vw 0 0 1.39vw
  }

  #fv .fv_slider_wrap .fv_slider {
    border-radius: 1.39vw 0 0 1.39vw
  }

  #fv .fv_text {
    bottom: -1.39vw;
    left: -13.89vw
  }

  #fv .fv_text .fv_text_title {
    padding: 0.69vw;
    font-size: 2.5vw
  }

  #fv .fv_text .fv_text_subtitle {
    font-size: 1.67vw;
    margin-top: 2.08vw
  }

  #fv .scroll_wrap {
    right: 11.11vw;
    bottom: 2.08vw
  }

  #fv .scroll_wrap .scroll_text {
    font-size: 0.9vw
  }

  #fv .scroll_wrap .scroll_arrow {
    width: 1.18vw
  }

  #fv .scroll_wrap .scroll_arrow_wrap {
    margin-top: 1.25vw
  }

  #fv .fv_back {
    height: 23.61vw;
    width: 54.93vw
  }

  #about .about_content .about_item .about_i_img {
    width: 59.86vw;
    height: 39.86vw;
    border-radius: 0 1.39vw 1.39vw 0
  }

  #about .about_content .about_item .about_i_content {
    margin-right: 10.42vw
  }

  #about .about_content .about_item .about_i_content .about_i_content_sub {
    font-size: 0.9vw;
    margin-bottom: 5.56vw
  }

  #about .about_content .about_item .about_i_content .about_i_content_title {
    font-size: 1.94vw;
    margin-bottom: 3.47vw
  }

  #about .about_content .about_item .about_i_content .about_i_content_text {
    font-size: 0.97vw;
    width: 24.65vw
  }

  #about .section_title {
    margin-bottom: 6.25vw
  }

  #about .about_content .about_item {
    margin-bottom: 10.42vw
  }

  #about .about_content .about_item_2 .about_i_img {
    border-radius: 1.39vw 0 0 1.39vw
  }

  #about .about_content .about_item .about_i_content {
    margin-right: 10.42vw;
    margin-left: auto
  }

  #about .about_content .about_item_2 .about_i_content {
    margin-right: auto;
    margin-left: 10.42vw
  }

  #service {
    padding-top: 6.25vw
  }

  #service .service_content {
    padding: 5.56vw 9.1vw 11.81vw
  }

  @media all and (-ms-high-contrast: none) {
    #service .service_content {
      padding: 5.56vw 8.6vw 11.81vw
    }
  }

  @-moz-document url-prefix() {
    #service .service_content {
      padding: 5.56vw 8.6vw 11.81vw
    }
  }

  #service .service_content .service_item {
    height: 14.93vw;
    width: 14.93vw;
    margin: 0 0.52vw 1.04vw
  }

  #service .service_content .service_back_img {
    height: 8.89vw
  }

  #service .service_content .service_item .service_i_wrap .service_i_w_wrap .service_i_text {
    font-size: 0.9vw
  }

  #service .service_content .service_item .service_i_wrap .service_i_w_wrap svg {
    padding-bottom: 2.08vw
  }

  #flow .flow_content {
    padding: 6.25vw 10.42vw 0
  }

  #flow .flow_content .flow_item .flow_item_wrap .flow_i_circle {
    height: 17.15vw;
    width: 17.15vw
  }

  #flow .flow_content .flow_item .flow_item_wrap .flow_i_circle .flow_i_circle_wrap .flow_item_subtitle {
    font-size: 1.39vw
  }

  #flow .flow_content .flow_item .flow_item_wrap .flow_i_circle .flow_i_circle_wrap svg {
    margin: 1.74vw auto;
    height: 5.35vw
  }

  #flow .flow_content .flow_item .flow_item_wrap .flow_i_circle .flow_i_circle_wrap .flow_item_title {
    font-size: 1.04vw
  }

  #flow .flow_content .flow_item .flow_i_text {
    width: 13.19vw;
    font-size: 0.83vw
  }

  #flow {
    padding: 11.11vw 0 9.03vw
  }

  #contact .contact_content {
    padding: 6.25vw 10.42vw 0
  }

  #contact .contact_content .contact_number {
    padding: 4.51vw 6.25vw
  }

  #contact .contact_content .contact_number .contact_number_title {
    font-size: 4.72vw
  }

  #contact .contact_content .contact_number .contact_number_text {
    font-size: 1.39vw;
    margin-bottom: 4.86vw
  }

  #contact .contact_content .contact_form {
    margin-top: 3.82vw;
    padding: 4.86vw 9.72vw 5.9vw
  }

  #contact .contact_content .contact_form .contact_form_text {
    font-size: 1.11vw;
    padding-bottom: 4.17vw
  }

  #contact .contact_content .contact_form #contactForm tr th {
    font-size: 1.11vw;
    padding-top: 4.03vw
  }

  #contact .contact_content .contact_form #contactForm tr td input {
    padding: 2.08vw;
    font-size: 0.97vw;
    margin: 2.08vw 0
  }

  #contact .contact_content .contact_form #contactForm tr td textarea {
    padding: 2.08vw;
    font-size: 0.97vw;
    margin: 2.08vw 0
  }

  #contact .contact_content .contact_form #contactForm .btn button {
    width: 39.58vw;
    padding: 2.08vw;
    font-size: 0.97vw
  }

  #contact {
    padding-bottom: 13.19vw
  }

  #about .about_content .about_item .about_i_content .about_i_content_back {
    height: 15.28vw;
    width: 15.14vw;
    top: -2.08vw;
    right: -4.17vw
  }
}

@media screen and (max-width: 1023px) {
  .pc {
    display: none
  }

  .sp, .tb {
    display: block
  }

  #fv {
    padding-top: 26.67vw;
    height: auto;
    height: 139.47vw
  }

  #fv .fv_slider_wrap {
    width: 92vw;
    height: 85.33vw
  }

  #fv .fv_back {
    width: 92vw;
    height: 56.8vw
  }

  #fv .fv_slider_wrap .fv_slider {
    border-radius: 2.67vw 0 0 2.67vw
  }

  #fv .fv_text {
    bottom: -12vw;
    left: 0
  }

  #fv .fv_text .fv_text_title {
    font-size: 6.13vw;
    padding: 1.33vw
  }

  #fv .fv_text .fv_text_subtitle {
    font-size: 4.27vw;
    margin-top: 5.33vw
  }

  #fv .scroll_wrap {
    bottom: 5.33vw;
    right: 13.33vw;
    z-index: 10
  }

  #fv .scroll_wrap .scroll_text {
    font-size: 2.67vw;
    color: #f9f9f9
  }

  #fv .scroll_wrap .scroll_arrow_wrap {
    margin-top: 4vw;
    color: #fff
  }

  #fv .scroll_wrap .scroll_arrow polygon {
    background: #fff
  }

  #fv .scroll_wrap .scroll_arrow {
    width: 3.73vw
  }

  #about {
    padding-top: 16vw
  }

  #about .section_title {
    margin-bottom: 13.33vw
  }

  #about .about_content .about_item {
    display: block;
    margin-bottom: 0
  }

  #about .about_content .about_item .about_i_img {
    width: 92vw;
    height: 64vw
  }

  #about .about_content .about_item .about_i_content {
    padding: 16vw 8vw;
    margin-right: 0
  }

  #about .about_content .about_item .about_i_content .about_i_content_sub {
    font-size: 3.47vw;
    margin-bottom: 10.67vw
  }

  #about .about_content .about_item .about_i_content .about_i_content_title {
    margin-bottom: 5.33vw;
    font-size: 6.4vw;
    line-height: 1.8
  }

  #about .about_content .about_item .about_i_content .about_i_content_text {
    width: 100%;
    font-size: 4.27vw
  }

  #about .about_content .about_item_2 .about_i_content {
    margin-left: 0
  }

  #service {
    padding: 16vw 0 0
  }

  #service .service_content {
    padding: 13.33vw 6vw 37.33vw
  }

  #service .service_content .service_item {
    height: 40.67vw;
    width: 40.67vw;
    margin: 0 1.33vw 5.33vw
  }

  #service .service_content .service_back_img_sp {
    width: 100%;
    height: 26.67vw;
    background: url(images/service_back_sp.png) center no-repeat;
    background-size: cover;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%)
  }

  #flow .flow_content {
    display: block
  }

  #flow .flow_content .flow_item {
    width: 100%;
    margin: 10.67vw 0
  }

  #flow .flow_content .flow_item .flow_i_text {
    width: 100%
  }

  #flow {
    padding: 16vw 8vw
  }

  #flow .flow_content {
    padding: 13.33vw 0 0
  }

  #flow .flow_content .flow_item .flow_item_wrap .flow_i_circle {
    height: 84vw;
    width: 84vw
  }

  #flow .flow_content .flow_item .flow_item_wrap .flow_i_circle .flow_i_circle_wrap .flow_item_subtitle {
    font-size: 5.33vw
  }

  #flow .flow_content .flow_item .flow_item_wrap .flow_i_circle .flow_i_circle_wrap svg {
    height: 26.67vw;
    margin: 8vw auto
  }

  #flow .flow_content .flow_item .flow_item_wrap .flow_i_circle .flow_i_circle_wrap .flow_item_title {
    font-size: 4.27vw
  }

  #flow .flow_content .flow_item .flow_i_text {
    font-size: 4.27vw;
    width: 64vw;
    padding-top: 5.33vw
  }

  #contact .contact_content {
    padding: 13.33vw 5.33vw 0
  }

  #contact .contact_content .contact_number .contact_number_text {
    font-size: 3.73vw;
    line-height: 1.4;
    margin-bottom: 8vw
  }

  #contact .contact_content .contact_number {
    padding: 10.67vw 0 16vw
  }

  #contact .contact_content .contact_number .contact_number_title {
    font-size: 10.13vw;
    letter-spacing: 0
  }

  #contact .contact_content .contact_form {
    margin-top: 16vw;
    padding: 10.67vw 5.33vw 16vw
  }

  #contact .contact_content .contact_form .contact_form_text {
    font-size: 3.73vw
  }

  #contact .contact_content .contact_form .contact_form_text br {
    display: none
  }

  #contact .contact_content .contact_form #contactForm tr {
    display: block
  }

  #contact .contact_content .contact_form #contactForm tr th {
    font-size: 4.27vw;
    display: block;
    margin-bottom: 5.33vw
  }

  #contact .contact_content .contact_form #contactForm tr td input, #contact .contact_content .contact_form #contactForm tr td textarea {
    width: 100%;
    font-size: 4.27vw;
    padding: 5.33vw;
    margin: 0
  }

  #contact .contact_content .contact_form #contactForm tr td {
    width: 78.67vw
  }

  #contact .contact_content .contact_form #contactForm .btn button {
    width: 100%;
    padding: 5.33vw 0;
    font-size: 3.2vw
  }

  #contact .contact_content .contact_form #contactForm .btn {
    margin-top: 10.67vw
  }

  #contact {
    padding-bottom: 32vw
  }

  #about .about_content .about_item .about_i_content .about_i_content_back {
    width: 66.13vw;
    height: 66.93vw;
    right: 0;
    top: 0
  }

  #service .service_content .service_item .service_i_wrap .service_i_w_wrap .service_i_text {
    font-size: 3.47vw
  }

  #service .service_content .service_item .service_i_wrap .service_i_w_wrap svg {
    padding-bottom: 5.33vw
  }

  #service .service_content .service_item1 svg, #service .service_content .service_item6 svg, #service .service_content .service_item9 svg {
    width: 17.07vw;
    height: 19.2vw
  }

  #service .service_content .service_item2 svg {
    width: 24vw;
    height: 14.67vw
  }

  #service .service_content .service_item3 svg {
    width: 28vw;
    height: 19.2vw
  }

  #service .service_content .service_item4 svg {
    width: 22.13vw;
    height: 20vw
  }

  #service .service_content .service_item5 svg, #service .service_content .service_item7 svg {
    width: 23.2vw;
    height: 18.4vw
  }

  #service .service_content .service_item8 svg {
    width: 25.33vw;
    height: 18.13vw
  }

  #fv .scroll_wrap .scroll_arrow .st0 {
    fill: #fff
  }
}

#thanks #page_header {
  height: auto
}

#thanks #page_header .page_header_content h1 span {
  padding-right: 0;
  display: block;
  padding-bottom: 20px
}

#thanks #page_header .page_header_content {
  position: static;
  transform: translate(0);
  margin-top: 170px;
  margin-bottom: 70px
}

#thanks #page_header .inner {
  background: none
}

#thanks h1 {
  text-align: center
}

#thanks .thanks_content {
  background: url(images/common/header-bg.png) center no-repeat;
  background-size: 855px;
  text-align: center;
  height: 648px;
  padding: 0 142px
}

#thanks .thanks_content .thanks_title {
  font-size: 24px;
  font-family: "Roboto", sans-serif;
  line-height: 1.7
}

#thanks .thanks_content .thanks_title:after {
  content: "";
  display: block;
  height: 1px;
  width: 50px;
  background: #999999;
  margin: 30px auto
}

#thanks .thanks_content .thanks_text {
  font-size: 14px;
  line-height: 2.5;
  font-weight: bold
}

#thanks .thanks_content .right_btn {
  margin-top: 90px;
  padding-right: 142px
}

@media screen and (max-width: 1024px) {
  #thanks #page_header {
    padding: 0
  }
}

@media screen and (max-width: 768px) {
  #thanks .thanks_content {
    padding: 0 20px;
    background-size: 100%
  }

  #thanks .thanks_content .thanks_text {
    font-size: 12px
  }

  #thanks .thanks_content .right_btn {
    text-align: center;
    padding-right: 0
  }
}

@media screen and (max-width: 480px) {
  #thanks .thanks_content .thanks_text br {
    display: none
  }
}

/*# sourceMappingURL=style.css.map */