@charset "UTF-8";
/* IE表示用のCSS　*/
_:-ms-input-placeholder, :root {
  font-family: Meiryo, sans-serif;
}

@media print, screen and (min-width: 768px) {
  #wrapper .link-anchor nav ul li {
    width: calc(100 * 300vw / 1440);
  }
}

@media print, screen and (min-width: 1440px) {
  #wrapper .link-anchor nav ul li {
    width: 300px;
  }
}

#content h3 {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  font-size: calc(100 * 36vw / 750);
  text-align: center;
  margin-bottom: calc(100 * 40vw / 750);
  color: #6a3f06;
  line-height: 1.5;
}

@media print, screen and (min-width: 768px) {
  #content h3 {
    font-size: 32px;
    margin-bottom: 38px;
  }
}

#content #mv {
  width: 100%;
}

#content #mv h2 {
  margin-bottom: 0;
}

#content #mv h2 img {
  width: 100%;
  height: auto;
}

#content .box-content {
  padding: calc(100 * 50vw / 750) 0;
  font-size: calc(100 * 24vw / 750);
}

#content .box-content p {
  line-height: 1.5;
}

@media print, screen and (min-width: 768px) {
  #content .box-content {
    padding: 60px 0;
  }
}

#content #about {
  text-align: center;
  background: #f7af0e;
}

#content #about h3 {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  font-size: calc(100 * 41vw / 750);
  color: #6a3f06;
  margin-bottom: calc(100 * 30vw / 750);
}

@media print, screen and (min-width: 768px) {
  #content #about h3 {
    font-size: calc(100 * 32vw / 1440);
    margin-bottom: calc(100 * 28vw / 1440);
  }
}

@media print, screen and (min-width: 1440px) {
  #content #about h3 {
    font-size: 32px;
    margin-bottom: 28px;
  }
}

#content #about h3::before {
  content: "";
  width: calc(100 * 108vw / 750);
  height: calc(100 * 74vw / 750);
  display: block;
  background: url(/migration/jihankiconsul/assets/img/collaboration/icon_about_01.png) no-repeat;
  background-size: cover;
  margin: 0 auto calc(100 * 20vw / 750);
}

@media print, screen and (min-width: 768px) {
  #content #about h3::before {
    width: calc(100 * 108vw / 1440);
    height: calc(100 * 74vw / 1440);
    margin: 0 auto calc(100 * 20vw / 1440);
  }
}

@media print, screen and (min-width: 1440px) {
  #content #about h3::before {
    width: 108px;
    height: 74px;
    margin: 0 auto 20px;
  }
}

#content #about p {
  font-size: calc(100 * 30vw / 750);
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  color: #6a3f06;
}

@media print, screen and (min-width: 768px) {
  #content #about p {
    font-size: calc(100 * 24vw / 1440);
  }
}

@media print, screen and (min-width: 1440px) {
  #content #about p {
    font-size: 24px;
  }
}

#content #trouble {
  background: #f5ede0;
}

#content #trouble h3 {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  font-size: calc(100 * 41vw / 750);
  color: #6a3f06;
}

@media print, screen and (min-width: 768px) {
  #content #trouble h3 {
    font-size: calc(100 * 32vw / 1440);
  }
}

@media print, screen and (min-width: 1440px) {
  #content #trouble h3 {
    font-size: 32px;
  }
}

#content #trouble h3::before {
  content: "";
  width: calc(100 * 90vw / 750);
  height: calc(100 * 71vw / 750);
  display: block;
  background: url(/migration/jihankiconsul/assets/img/collaboration/icon_point_01.png) no-repeat;
  background-size: cover;
  margin: 0 auto calc(100 * 20vw / 750);
}

@media print, screen and (min-width: 768px) {
  #content #trouble h3::before {
    width: calc(100 * 90vw / 1440);
    height: calc(100 * 71vw / 1440);
    margin: 0 auto calc(100 * 20vw / 1440);
  }
}

@media print, screen and (min-width: 1440px) {
  #content #trouble h3::before {
    width: 90px;
    height: 71px;
    margin: 0 auto 20px;
  }
}

#content #trouble .point-content {
  padding: 0 0 calc(100 * 40vw / 750);
}

@media print, screen and (min-width: 768px) {
  #content #trouble .point-content {
    padding: 0 0 50px;
  }
}

@media print, screen and (min-width: 768px) {
  #content #trouble .point-content p {
    width: calc(100 * 902vw / 1440);
    margin: 0 auto;
  }
}

@media print, screen and (min-width: 1440px) {
  #content #trouble .point-content p {
    width: 902px;
  }
}

#content #trouble .point-content .movie-area {
  width: calc(100 * 690vw / 750);
  margin: 0 auto calc(100 * 40vw / 750);
  border: calc(100 * 40vw / 750) solid #ffffff;
}

@media print, screen and (min-width: 768px) {
  #content #trouble .point-content .movie-area {
    width: calc(100 * 902vw / 1440);
    margin: 0 auto 40px;
    border: calc(100 * 40vw / 1440) solid #ffffff;
  }
}

@media print, screen and (min-width: 1440px) {
  #content #trouble .point-content .movie-area {
    width: 902px;
    border: 40px solid #ffffff;
  }
}

#content #trouble .trouble-content {
  text-align: center;
}

#content #trouble .trouble-content .box-flame {
  position: relative;
  padding: calc(100 * 50vw / 750) 0 calc(100 * 10vw / 750);
  background: #ffffff;
}

@media print, screen and (min-width: 768px) {
  #content #trouble .trouble-content .box-flame {
    width: calc(100 * 1140vw / 1440);
    padding: 30px 0;
    margin: 0 auto;
    border-radius: 30px;
  }
}

@media print, screen and (min-width: 1440px) {
  #content #trouble .trouble-content .box-flame {
    width: 1140px;
  }
}

#content #trouble .trouble-content .box-flame::before {
  position: absolute;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  left: 50%;
  bottom: calc(100 * -225vw / 750);
  content: "";
  width: calc(100 * 320vw / 750);
  height: calc(100 * 225vw / 750);
  display: block;
  background: url(/migration/jihankiconsul/assets/img/collaboration/bg_trouble_arrow_s.png) no-repeat;
  background-size: cover;
}

@media print, screen and (min-width: 768px) {
  #content #trouble .trouble-content .box-flame::before {
    width: calc(100 * 320vw / 1440);
    height: calc(100 * 225vw / 1440);
    bottom: calc(100 * -225vw / 1440);
  }
}

@media print, screen and (min-width: 1440px) {
  #content #trouble .trouble-content .box-flame::before {
    width: 320px;
    height: 225px;
    bottom: -225px;
  }
}

#content #trouble .trouble-content .flex-box {
  width: calc(100 * 690vw / 750);
  margin: 0 auto;
}

@media print, screen and (min-width: 768px) {
  #content #trouble .trouble-content .flex-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: calc(100 * 994vw / 1440);
    margin-left: calc(100 * 80vw / 1440);
  }
}

@media print, screen and (min-width: 1440px) {
  #content #trouble .trouble-content .flex-box {
    width: 994px;
    margin-left: 80px;
  }
}

#content #trouble .trouble-content .flex-box p {
  margin-bottom: calc(100 * 50vw / 750);
}

@media print, screen and (min-width: 768px) {
  #content #trouble .trouble-content .flex-box p {
    margin-bottom: 0;
  }
}

@media print, screen and (min-width: 768px) {
  #content #trouble .trouble-content .flex-box p:nth-child(1) {
    width: calc(100 * 448vw / 1440);
  }
}

@media print, screen and (min-width: 1440px) {
  #content #trouble .trouble-content .flex-box p:nth-child(1) {
    width: 448px;
  }
}

@media print, screen and (min-width: 768px) {
  #content #trouble .trouble-content .flex-box p:nth-child(2) {
    width: calc(100 * 500vw / 1440);
  }
}

@media print, screen and (min-width: 1440px) {
  #content #trouble .trouble-content .flex-box p:nth-child(2) {
    width: 500px;
  }
}

#content #trouble .trouble-content p.next {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  text-align: center;
  padding: calc(100 * 80vw / 750) 0 calc(100 * 100vw / 750);
  font-size: calc(100 * 32vw / 750);
  position: relative;
  z-index: 4;
  color: #6a3f06;
}

@media print, screen and (min-width: 768px) {
  #content #trouble .trouble-content p.next {
    padding: calc(100 * 80vw / 1440) 0 calc(100 * 100vw / 1440);
    font-size: calc(100 * 32vw / 1440);
  }
}

@media print, screen and (min-width: 1440px) {
  #content #trouble .trouble-content p.next {
    padding: 80px 0 100px;
    font-size: 32px;
  }
}

@media print, screen and (min-width: 768px) {
  #content #trouble .trouble-content p.next-img {
    width: calc(100 * 1006vw / 1440);
    margin: 0 auto;
  }
}

@media print, screen and (min-width: 1440px) {
  #content #trouble .trouble-content p.next-img {
    width: 1006px;
  }
}

#content #trouble .trouble-content .title h4 {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #ffffff;
  background: #6a3f06;
  width: calc(100 * 690vw / 750);
  height: calc(100 * 60vw / 750);
  margin: 0 auto calc(100 * 40vw / 750);
  border-radius: calc(100 * 60vw / 2 / 750);
  font-size: calc(100 * 36vw / 750);
  line-height: 1;
  font-weight: bold;
}

@media print, screen and (min-width: 768px) {
  #content #trouble .trouble-content .title h4 {
    width: calc(100 * 1040vw / 1440);
    height: 40px;
    border-radius: 30px;
    margin: 0 auto 30px;
    font-size: calc(100 * 24vw / 1440);
  }
}

@media print, screen and (min-width: 1440px) {
  #content #trouble .trouble-content .title h4 {
    width: 1040px;
    font-size: 24px;
  }
}

#content #trouble .trouble-content .sub-title {
  position: relative;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  width: calc(100 * 549vw / 750);
  margin: 0 auto calc(100 * 55vw / 750);
  text-align: center;
  background: url(/migration/jihankiconsul/assets/img/collaboration/bg_sub-title_s.png) no-repeat;
  background-size: 100% auto;
}

@media print, screen and (min-width: 768px) {
  #content #trouble .trouble-content .sub-title {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: auto;
    height: 74px;
    background: url(/migration/jihankiconsul/assets/img/collaboration/bg_sub-title_01.png) no-repeat right center, url(/migration/jihankiconsul/assets/img/collaboration/bg_sub-title_02.png) no-repeat left center;
    background-size: auto 100%;
    margin: 0 auto;
    padding: 0 43px;
  }
}

#content #trouble .trouble-content .sub-title p.balloons {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  position: relative;
  width: calc(100 * 232vw / 750);
  height: calc(100 * 60vw / 750);
  position: absolute;
  left: calc(100 * 404vw / 750);
  top: calc(100 * -82vw / 750);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: #f7b100;
  font-size: calc(100 * 28vw / 750);
  color: #6a3f06;
  border-radius: calc(100 * 60vw / 2 / 750);
}

@media print, screen and (min-width: 768px) {
  #content #trouble .trouble-content .sub-title p.balloons {
    width: 190px;
    height: 56px;
    left: auto;
    right: 0;
    top: -70px;
    font-size: 22px;
    border-radius: 28px;
  }
}

#content #trouble .trouble-content .sub-title p.balloons::after {
  position: absolute;
  bottom: -2.5vw;
  left: calc(100 * 105vw / 750);
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: calc(100 * 22vw / 750) solid #f7b100;
  border-right: calc(100 * 22vw / 750) solid transparent;
  border-bottom: calc(100 * 22vw / 750) solid transparent;
}

@media print, screen and (min-width: 768px) {
  #content #trouble .trouble-content .sub-title p.balloons::after {
    bottom: -1.4vw;
    left: 87px;
    border-left: 19px solid #f7b100;
    border-right: 19px solid transparent;
    border-bottom: 19px solid transparent;
  }
}

#content #trouble .trouble-content .sub-title h4 {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  font-size: calc(100 * 45vw / 750);
  font-weight: bold;
  color: #6a3f06;
  line-height: 1.2;
}

@media print, screen and (min-width: 768px) {
  #content #trouble .trouble-content .sub-title h4 {
    font-size: calc(100 * 44vw / 1440);
  }
}

@media print, screen and (min-width: 1440px) {
  #content #trouble .trouble-content .sub-title h4 {
    font-size: 44px;
  }
}

#content #trouble .trouble-content .sub-title h4 span {
  color: #d11821;
}

@media only screen and (max-width: 767px) {
  #content #trouble .trouble-content .sub-title h4 span {
    display: block;
  }
}

#content #example {
  padding-top: calc(100 * 100vw / 750);
  overflow: hidden;
}

@media print, screen and (min-width: 768px) {
  #content #example {
    padding-top: 100px;
  }
}

#content #example .box-content {
  width: calc(100 * 690vw / 750);
  margin: 0 auto;
}

@media print, screen and (min-width: 768px) {
  #content #example .box-content {
    width: 100%;
    padding-bottom: 30px;
  }
}

#content #example nav {
  background: #f5ede0;
  position: relative;
}

@media only screen and (max-width: 767px) {
  #content #example nav::before {
    content: "";
    width: 1px;
    height: 80%;
    position: absolute;
    bottom: 10%;
    left: 50%;
    background: #6a3f06;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

#content #example nav ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

@media print, screen and (min-width: 768px) {
  #content #example nav ul {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

#content #example nav ul li {
  width: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  letter-spacing: -0.08em;
}

@media only screen and (max-width: 767px) {
  #content #example nav ul li:nth-child(1), #content #example nav ul li:nth-child(2) {
    position: relative;
  }
  #content #example nav ul li:nth-child(1)::after, #content #example nav ul li:nth-child(2)::after {
    content: "";
    width: 80%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 50%;
    background: #6a3f06;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  #content #example nav ul li:nth-child(1)::after, #content #example nav ul li:nth-child(2)::after {
    content: "";
    width: 90%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 50%;
    background: #6a3f06;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

@media print, screen and (min-width: 768px) {
  #content #example nav ul li {
    border: none !important;
    width: calc(100 * 300vw / 1440);
    padding: calc(100 * 13vw / 1440) 0;
  }
}

@media print, screen and (min-width: 1440px) {
  #content #example nav ul li {
    width: 300px;
    padding: 13px 0;
  }
}

#content #example nav ul li a {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  display: block;
  width: 100%;
  color: #6a3f06;
  font-size: calc(100 * 20vw / 750);
  padding: calc(100 * 15vw / 750) 0;
  text-align: center;
}

@media print, screen and (min-width: 768px) {
  #content #example nav ul li a {
    font-size: 14px;
    padding: 10px 0;
    border-right: 1px solid #6a3f06;
  }
}

#content #example nav ul li a span {
  position: relative;
  padding-right: calc(100 * 25vw / 750);
}

@media print, screen and (min-width: 768px) {
  #content #example nav ul li a span {
    padding-right: 20px;
  }
}

#content #example nav ul li a span::after {
  top: 50%;
  right: 0;
  content: "";
  width: calc(100 * 19vw / 750);
  height: calc(100 * 14vw / 750);
  position: absolute;
  margin-top: calc(100 * -14vw / 2 / 750);
  background: url(/migration/jihankiconsul/assets/img/common/icon_anchor.png) no-repeat;
  background-size: 100% auto;
}

@media print, screen and (min-width: 768px) {
  #content #example nav ul li a span::after {
    width: 13px;
    height: 9px;
    margin-top: -4.5px;
  }
}

@media print, screen and (min-width: 768px) {
  #content #example nav ul li:last-child a {
    border: none;
  }
}

#content #example h3 {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  font-size: calc(100 * 41vw / 750);
  color: #6a3f06;
}

@media print, screen and (min-width: 768px) {
  #content #example h3 {
    font-size: calc(100 * 32vw / 1440);
  }
}

@media print, screen and (min-width: 1440px) {
  #content #example h3 {
    font-size: 32px;
  }
}

#content #example h3::before {
  content: "";
  width: calc(100 * 90vw / 750);
  height: calc(100 * 71vw / 750);
  display: block;
  background: url(/migration/jihankiconsul/assets/img/collaboration/icon_example_01.png) no-repeat;
  background-size: cover;
  margin: 0 auto calc(100 * 20vw / 750);
}

@media print, screen and (min-width: 768px) {
  #content #example h3::before {
    width: calc(100 * 90vw / 1440);
    height: calc(100 * 71vw / 1440);
    margin: 0 auto calc(100 * 20vw / 1440);
  }
}

@media print, screen and (min-width: 1440px) {
  #content #example h3::before {
    width: 90px;
    height: 71px;
    margin: 0 auto 20px;
  }
}

#content #example .sub-title {
  position: relative;
  padding-top: calc(100 * 42vw / 750);
}

@media print, screen and (min-width: 768px) {
  #content #example .sub-title {
    padding-top: calc(100 * 34vw / 1440);
    width: calc(100 * 670vw / 1440);
    margin-left: calc(100 * 527vw / 1440);
  }
}

@media print, screen and (min-width: 1440px) {
  #content #example .sub-title {
    padding-top: 34px;
    width: 670px;
    margin-left: 527px;
  }
}

#content #example .sub-title h4 {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(100 * 690vw / 750);
  height: calc(100 * 75vw / 750);
  margin: 0 auto;
  border-radius: calc(100 * 75vw / 2 / 750);
  color: #fff;
  background: #6a3f06;
  font-size: calc(100 * 28vw / 750);
  font-weight: bold;
  letter-spacing: -0.08em;
  position: relative;
  margin-bottom: calc(100 * 35vw / 750);
}

@media print, screen and (min-width: 768px) {
  #content #example .sub-title h4 {
    width: calc(100 * 670vw / 1440);
    height: calc(100 * 65vw / 1440);
    font-size: calc(100 * 26vw / 1440);
    margin-bottom: calc(100 * 50vw / 1440);
  }
}

@media print, screen and (min-width: 1440px) {
  #content #example .sub-title h4 {
    width: 670px;
    height: 65px;
    border-radius: 33px;
    font-size: 26px;
    margin-bottom: 50px;
  }
}

#content #example .sub-title h4::before {
  position: absolute;
  bottom: calc(100 * -23vw / 750);
  left: calc(100 * 335vw / 750);
  content: "";
  width: calc(100 * 28vw / 750);
  height: calc(100 * 26vw / 750);
  display: block;
  background: url(/migration/jihankiconsul/assets/img/top/obj_linkage_01.png) no-repeat;
  background-size: cover;
}

@media print, screen and (min-width: 768px) {
  #content #example .sub-title h4::before {
    bottom: calc(100 * -20vw / 1440);
    left: calc(100 * 326vw / 1440);
    width: calc(100 * 28vw / 1440);
    height: calc(100 * 26vw / 1440);
  }
}

@media print, screen and (min-width: 1440px) {
  #content #example .sub-title h4::before {
    bottom: -20px;
    left: 326px;
    width: 28px;
    height: 26px;
  }
}

#content #example .sub-title p {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  top: 0;
  left: calc(100 * 20vw / 750);
  width: calc(100 * 270vw / 750);
  height: calc(100 * 55vw / 750);
  margin: 0 auto;
  border-radius: calc(100 * 55vw / 2 / 750);
  color: #6a3f06;
  background: #f7b100;
  border: 2px solid #6a3f06;
  font-size: calc(100 * 24vw / 750);
  font-weight: bold;
  letter-spacing: -0.04em;
  z-index: 1;
}

@media print, screen and (min-width: 768px) {
  #content #example .sub-title p {
    left: calc(100 * 36vw / 1440);
    width: calc(100 * 248vw / 1440);
    height: calc(100 * 45vw / 1440);
    font-size: calc(100 * 20vw / 1440);
  }
}

@media print, screen and (min-width: 1440px) {
  #content #example .sub-title p {
    left: 36px;
    width: 248px;
    height: 45px;
    border-radius: 23px;
    font-size: 20px;
  }
}

#content #example .catch {
  text-align: center;
  width: calc(100 * 690vw / 750);
  margin: 0 auto;
}

@media print, screen and (min-width: 768px) {
  #content #example .catch {
    text-align: left;
    width: calc(100 * 670vw / 1440);
    margin-left: calc(100 * 650vw / 1440);
    margin-bottom: calc(100 * 190vw / 1440);
  }
}

@media print, screen and (min-width: 1440px) {
  #content #example .catch {
    width: 670px;
    margin-left: 650px;
    margin-bottom: 190px;
  }
}

#content #example .catch h4 {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: calc(100 * 55vw / 750);
  padding: 0 calc(100 * 25vw / 750) 0 calc(100 * 66vw / 750);
  background: url(/migration/jihankiconsul/assets/img/collaboration/icon_example_02.png) no-repeat left center #ffffff;
  background-size: auto 100%;
  font-size: calc(100 * 39vw / 750);
  color: #6a3f06;
}

@media print, screen and (min-width: 768px) {
  #content #example .catch h4 {
    height: calc(100 * 42vw / 1440);
    padding: 0 calc(100 * 15vw / 1440) 0 calc(100 * 50vw / 1440);
    font-size: calc(100 * 30vw / 1440);
  }
}

@media print, screen and (min-width: 1440px) {
  #content #example .catch h4 {
    height: 42px;
    padding: 0 15px 0 50px;
    font-size: 30px;
  }
}

#content #example .catch p.txt {
  color: #6a3f06;
  text-align: left;
  padding: calc(100 * 40vw / 750) calc(100 * 25vw / 750);
  line-height: 1.5;
  font-size: calc(100 * 24vw / 750);
}

@media print, screen and (min-width: 768px) {
  #content #example .catch p.txt {
    padding: calc(100 * 20vw / 1440) 0 0;
    font-size: calc(100 * 16vw / 1440);
  }
}

@media print, screen and (min-width: 1440px) {
  #content #example .catch p.txt {
    padding: 20px 0 0;
    font-size: 16px;
  }
}

#content #example .catch p.date {
  font-size: calc(100 * 24vw / 750);
}

@media print, screen and (min-width: 768px) {
  #content #example .catch p.date {
    font-size: calc(100 * 16vw / 1440);
    margin-left: calc(100 * 50vw / 1440);
  }
}

@media print, screen and (min-width: 1440px) {
  #content #example .catch p.date {
    font-size: 16px;
    margin-left: 50px;
  }
}

@media print, screen and (min-width: 768px) {
  #content #example .catch p.main-img {
    position: absolute;
    top: calc(100 * 20vw / 1440);
    left: calc(100 * 40vw / 1440);
    width: calc(100 * 600vw / 1440);
  }
}

@media print, screen and (min-width: 1440px) {
  #content #example .catch p.main-img {
    top: 20px;
    left: 40px;
    width: 600px;
  }
}

@media print, screen and (min-width: 768px) {
  #content #example .comment-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: calc(100 * 1200vw / 1440);
    margin: 0 auto;
  }
}

@media print, screen and (min-width: 1440px) {
  #content #example .comment-box {
    width: 1200px;
  }
}

#content #example .comment-box .comment-box-user {
  position: relative;
  padding-top: calc(100 * 32vw / 750);
  margin-bottom: calc(100 * 95vw / 750);
}

@media print, screen and (min-width: 768px) {
  #content #example .comment-box .comment-box-user {
    padding-top: calc(100 * 20vw / 1440);
    width: calc(100 * 580vw / 1440);
    margin-bottom: 0;
  }
}

@media print, screen and (min-width: 1440px) {
  #content #example .comment-box .comment-box-user {
    padding-top: 20px;
    width: 580px;
  }
}

#content #example .comment-box .comment-box-user h5 {
  position: absolute;
  top: 0;
  left: calc(100 * 20vw / 750);
  padding: calc(100 * 10vw / 750) calc(100 * 20vw / 750);
  line-height: 1;
  font-size: calc(100 * 27vw / 750);
  color: #6a3f06;
  border: 3px solid #faf6ee;
  border-radius: 5px;
  background: #ffffff;
  z-index: 3;
}

@media print, screen and (min-width: 768px) {
  #content #example .comment-box .comment-box-user h5 {
    left: calc(100 * 30vw / 1440);
    padding: calc(100 * 10vw / 1440) calc(100 * 20vw / 1440);
    font-size: calc(100 * 22vw / 1440);
  }
}

@media print, screen and (min-width: 1440px) {
  #content #example .comment-box .comment-box-user h5 {
    left: 30px;
    padding: 10px 20px;
    font-size: 22px;
  }
}

#content #example .comment-box .comment-box-user .voice-box {
  border: 3px solid #faf6ee;
  border-radius: 5px;
  background: #ffffff;
  padding: calc(100 * 35vw / 750) calc(100 * 25vw / 750);
  font-size: calc(100 * 24vw / 750);
  position: relative;
  line-height: 1.5;
  height: 100%;
}

@media print, screen and (min-width: 768px) {
  #content #example .comment-box .comment-box-user .voice-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: calc(100 * 35vw / 1440) calc(100 * 25vw / 1440);
    font-size: calc(100 * 16vw / 1440);
  }
}

@media print, screen and (min-width: 1440px) {
  #content #example .comment-box .comment-box-user .voice-box {
    padding: 35px 25px;
    font-size: 16px;
  }
}

@media print, screen and (min-width: 768px) {
  #content #example .comment-box .comment-box-user .voice-box p.txt {
    width: calc(100 * 390vw / 1440);
  }
}

@media print, screen and (min-width: 1440px) {
  #content #example .comment-box .comment-box-user .voice-box p.txt {
    width: 390px;
  }
}

@media only screen and (max-width: 767px) {
  #content #example .comment-box .comment-box-user .voice-box p.img {
    position: absolute;
    width: calc(100 * 136vw / 750);
    bottom: calc(100 * -80vw / 750);
    right: calc(100 * 20vw / 750);
  }
}

@media print, screen and (min-width: 768px) {
  #content #example .comment-box .comment-box-user .voice-box p.img {
    position: absolute;
    bottom: calc(100 * 30vw / 1440);
    right: calc(100 * 20vw / 1440);
    width: calc(100 * 118vw / 1440);
  }
}

@media print, screen and (min-width: 1440px) {
  #content #example .comment-box .comment-box-user .voice-box p.img {
    position: absolute;
    bottom: 30px;
    right: 20px;
    width: 118px;
  }
}

#content #example .box {
  position: relative;
  margin-bottom: calc(100 * 200vw / 750);
}

@media print, screen and (min-width: 768px) {
  #content #example .box {
    width: calc(100 * 1200vw / 1440);
    margin: 0 auto calc(100 * 200vw / 1440);
    height: 100%;
  }
}

@media print, screen and (min-width: 1440px) {
  #content #example .box {
    width: 1200px;
    margin: 0 auto 200px;
  }
}

#content #example .box::after {
  position: absolute;
  z-index: 1;
  top: calc(100 * 80vw / 750);
  left: calc(100 * 160vw / 750);
  content: "";
  width: calc(100 * 670vw / 750);
  height: 101%;
  background: #faf6ee;
}

@media print, screen and (min-width: 768px) {
  #content #example .box::after {
    top: calc(100 * 68vw / 1440);
    left: calc(100 * 153vw / 1440);
    width: 150%;
    height: 95%;
  }
}

@media print, screen and (min-width: 1440px) {
  #content #example .box::after {
    top: 68px;
    left: 153px;
  }
}

@media only screen and (max-width: 767px) {
  #content #example .box.bg-sp-left::after {
    top: calc(100 * 80vw / 750);
    right: calc(100 * 160vw / 750);
    left: auto;
  }
}

@media print, screen and (min-width: 768px) {
  #content #example .box.bg-pc-left::after {
    top: calc(100 * 68vw / 1440);
    right: calc(100 * 153vw / 1440);
    left: auto;
  }
}

@media print, screen and (min-width: 768px) {
  #content #example .box.bg-pc-left h4::before {
    background: url(/migration/jihankiconsul/assets/img/top/obj_linkage_02.png) no-repeat;
  }
}

@media print, screen and (min-width: 768px) {
  #content #example .box.bg-pc-left .sub-title {
    margin-left: 0;
  }
}

@media print, screen and (min-width: 1440px) {
  #content #example .box.bg-pc-left .sub-title {
    margin-left: 0;
  }
}

@media print, screen and (min-width: 768px) {
  #content #example .box.bg-pc-left .catch {
    margin-left: calc(100 * 50vw / 1440);
  }
}

@media print, screen and (min-width: 1440px) {
  #content #example .box.bg-pc-left .catch {
    margin-left: 50px;
  }
}

@media print, screen and (min-width: 768px) {
  #content #example .box.bg-pc-left .catch p.date {
    margin-left: calc(100 * 50vw / 1440);
  }
}

@media print, screen and (min-width: 1440px) {
  #content #example .box.bg-pc-left .catch p.date {
    margin-left: 50px;
  }
}

@media print, screen and (min-width: 768px) {
  #content #example .box.bg-pc-left .catch p.main-img {
    left: calc(100 * 670vw / 1440);
  }
}

@media print, screen and (min-width: 1440px) {
  #content #example .box.bg-pc-left .catch p.main-img {
    left: 670px;
  }
}

@media print, screen and (min-width: 768px) {
  #content #example .box.box-01 {
    margin-bottom: calc(100 * 160vw / 1440);
  }
}

@media print, screen and (min-width: 1440px) {
  #content #example .box.box-01 {
    margin-bottom: 160px;
  }
}

@media print, screen and (min-width: 768px) {
  #content #example .box.box-02 .catch {
    margin-bottom: calc(100 * 160vw / 1440);
  }
}

@media print, screen and (min-width: 1440px) {
  #content #example .box.box-02 .catch {
    margin-bottom: 160px;
  }
}

@media print, screen and (min-width: 768px) {
  #content #example .box.box-02 .catch p.main-img {
    width: calc(100 * 600vw / 1440);
    left: calc(100 * 550vw / 1440);
  }
}

@media print, screen and (min-width: 1440px) {
  #content #example .box.box-02 .catch p.main-img {
    width: 600px;
    left: 550px;
  }
}

@media print, screen and (min-width: 768px) {
  #content #example .box.box-03 .catch {
    margin-bottom: calc(100 * 140vw / 1440);
  }
}

@media print, screen and (min-width: 1440px) {
  #content #example .box.box-03 .catch {
    margin-bottom: 140px;
  }
}

@media print, screen and (min-width: 768px) {
  #content #example .box.box-03 .catch p.main-img {
    left: calc(100 * 10vw / 1440);
  }
}

@media print, screen and (min-width: 1440px) {
  #content #example .box.box-03 .catch p.main-img {
    left: 10px;
  }
}

#content #example .box.box-03 {
  margin-bottom: calc(100 * 30vw / 750);
}

@media print, screen and (min-width: 768px) {
  #content #example .box.box-03 {
    margin-bottom: 0;
  }
}

@media print, screen and (min-width: 768px) {
  #content #example .box.box-04 .catch p.main-img {
    left: calc(100 * 490vw / 1440);
  }
}

@media print, screen and (min-width: 1440px) {
  #content #example .box.box-04 .catch p.main-img {
    left: 490px;
  }
}

#content #example .box .box-float {
  position: relative;
  z-index: 5;
}

#content #interview {
  margin-bottom: calc(100 * 100vw / 750);
}

@media print, screen and (min-width: 768px) {
  #content #interview {
    margin-bottom: 100px;
  }
}

#content #interview p {
  width: calc(100 * 690vw / 750);
  margin: 0 auto;
  display: block;
}

@media print, screen and (min-width: 768px) {
  #content #interview p {
    width: calc(100 * 1200vw / 1440);
  }
}

@media print, screen and (min-width: 1440px) {
  #content #interview p {
    width: 1200px;
  }
}

@media print, screen and (min-width: 768px) {
  #content #interview p a {
    display: block;
    cursor: pointer;
  }
}

#content #secchi .box-content {
  background: #f5ede0;
}

#content #secchi h3 {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  font-size: calc(100 * 41vw / 750);
  color: #6a3f06;
}

@media print, screen and (min-width: 768px) {
  #content #secchi h3 {
    font-size: calc(100 * 32vw / 1440);
  }
}

@media print, screen and (min-width: 1440px) {
  #content #secchi h3 {
    font-size: 32px;
  }
}

#content #secchi h3::before {
  content: "";
  width: calc(100 * 43vw / 750);
  height: calc(100 * 53vw / 750);
  display: block;
  background: url(/migration/jihankiconsul/assets/img/collaboration/icon_secchi_01.png) no-repeat;
  background-size: cover;
  margin: 0 auto calc(100 * 20vw / 750);
}

@media print, screen and (min-width: 768px) {
  #content #secchi h3::before {
    width: calc(100 * 43vw / 1440);
    height: calc(100 * 53vw / 1440);
    margin: 0 auto calc(100 * 20vw / 1440);
  }
}

@media print, screen and (min-width: 1440px) {
  #content #secchi h3::before {
    width: 43px;
    height: 53px;
    margin: 0 auto 20px;
  }
}

@media print, screen and (min-width: 768px) {
  #content #secchi .box-content-inner {
    width: calc(100 * 1200vw / 1440);
    margin: 0 auto;
  }
}

@media print, screen and (min-width: 1440px) {
  #content #secchi .box-content-inner {
    width: 1200px;
  }
}

#content #secchi .box-secchi {
  width: calc(100 * 690vw / 750);
  margin: calc(100 * 10vw / 750) auto 0;
  background: url(/migration/jihankiconsul/assets/img/facerecognition/bor_dot_yoko_s.png) repeat-x top left;
  background-size: auto calc(100 * 5vw / 750);
  padding: calc(100 * 90vw / 750) 0 0;
}

@media print, screen and (min-width: 768px) {
  #content #secchi .box-secchi {
    width: 100%;
    background: url(/migration/jihankiconsul/assets/img/facerecognition/bor_dot_yoko_s.png) repeat-x top left;
    background-size: auto 4px;
    margin: 0 auto;
    padding: 65px 0 0;
  }
}

#content #secchi .box-secchi:first-of-type {
  margin: 0 auto;
  padding: 0;
  background: none;
}

#content #secchi .box-secchi .secchi-head {
  margin-bottom: calc(100 * 30vw / 750);
}

@media print, screen and (min-width: 768px) {
  #content #secchi .box-secchi .secchi-head {
    margin-bottom: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media print, screen and (min-width: 768px) {
  #content #secchi .box-secchi .secchi-head .secchi-head-image {
    width: calc(100 * 570vw / 1440);
  }
}

@media print, screen and (min-width: 1440px) {
  #content #secchi .box-secchi .secchi-head .secchi-head-image {
    width: 570px;
  }
}

@media print, screen and (min-width: 768px) {
  #content #secchi .box-secchi .secchi-head .secchi-head-body {
    width: calc(100 * 600vw / 1440);
  }
}

@media print, screen and (min-width: 1440px) {
  #content #secchi .box-secchi .secchi-head .secchi-head-body {
    width: 600px;
  }
}

#content #secchi .box-secchi .secchi-head .secchi-head-body .title {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  font-size: calc(100 * 32vw / 750);
  font-weight: bold;
  margin-bottom: calc(100 * 30vw / 750);
}

@media print, screen and (min-width: 768px) {
  #content #secchi .box-secchi .secchi-head .secchi-head-body .title {
    font-size: 28px;
    margin-bottom: 20px;
  }
}

#content #secchi .box-secchi .secchi-head .secchi-head-body .img {
  margin-bottom: calc(100 * 30vw / 750);
  border-radius: 10px;
  overflow: hidden;
}

#content #secchi .box-secchi .secchi-head .secchi-head-body .img img {
  margin-bottom: calc(100 * 30vw / 750);
}

#content #secchi .box-secchi .secchi-head .secchi-head-body .name, #content #secchi .box-secchi .secchi-head .secchi-head-body .date {
  font-size: calc(100 * 18vw / 750);
  color: #4f4f4f;
  line-height: 2;
}

@media print, screen and (min-width: 768px) {
  #content #secchi .box-secchi .secchi-head .secchi-head-body .name, #content #secchi .box-secchi .secchi-head .secchi-head-body .date {
    font-size: 16px;
  }
}

#content #secchi .box-secchi .secchi-head.pc-side-img-right .secchi-head-image {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
}

#content #secchi .box-secchi .secchi-head.pc-side-img-right .secchi-head-body {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}

#content #secchi .box-secchi .secchi-body dl dt {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  font-size: calc(100 * 34vw / 750);
  color: #6a3f06;
  font-weight: bold;
  margin-bottom: calc(100 * 50vw / 750);
  line-height: calc(100 * 55vw / 750);
}

@media print, screen and (min-width: 768px) {
  #content #secchi .box-secchi .secchi-body dl dt {
    font-size: 24px;
    margin-bottom: 30px;
    line-height: 37px;
  }
}

#content #secchi .box-secchi .secchi-body dl dt span.number {
  display: inline-block;
  width: calc(100 * 55vw / 750);
  height: calc(100 * 55vw / 750);
  line-height: calc(100 * 55vw / 750);
  text-align: center;
  border-radius: 100%;
  border: 1px solid #6a3f06;
  margin-right: calc(100 * 20vw / 750);
  font-size: calc(100 * 32vw / 750);
  font-weight: bold;
  color: #6a3f06;
  background: #fff;
  position: absolute;
}

@media print, screen and (min-width: 768px) {
  #content #secchi .box-secchi .secchi-body dl dt span.number {
    width: 37px;
    height: 37px;
    line-height: 37px;
    font-size: 22px;
    margin-right: 20px;
  }
}

#content #secchi .box-secchi .secchi-body dl dt span.title {
  display: inline-block;
  padding-left: calc(100 * 70vw / 750);
}

@media print, screen and (min-width: 768px) {
  #content #secchi .box-secchi .secchi-body dl dt span.title {
    padding-left: 50px;
    line-height: 1.5;
  }
}

#content #secchi .box-secchi .secchi-body dl dd {
  line-height: 1.5;
  margin-bottom: calc(100 * 90vw / 750);
}

@media print, screen and (min-width: 768px) {
  #content #secchi .box-secchi .secchi-body dl dd {
    font-size: 16px;
    margin-bottom: 55px;
  }
}

#content #sample {
  background: #ffffff;
  padding: calc(100 * 50vw / 750) 0;
}

@media print, screen and (min-width: 768px) {
  #content #sample {
    padding: 20px 0 60px;
  }
}

#content #sample h2 {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  font-size: calc(100 * 36vw / 750);
  text-align: center;
  margin-bottom: calc(100 * 40vw / 750);
  color: #6a3f06;
}

@media print, screen and (min-width: 768px) {
  #content #sample h2 {
    font-size: 32px;
    margin-bottom: 38px;
  }
}

#content #sample h2::before {
  content: "";
  width: calc(100 * 68vw / 750);
  height: calc(100 * 53vw / 750);
  display: block;
  background: url(/migration/jihankiconsul/assets/img/common/icon_sample.png) no-repeat;
  background-size: cover;
  margin: 0 auto calc(100 * 20vw / 750);
}

@media print, screen and (min-width: 768px) {
  #content #sample h2::before {
    display: inline-block;
    width: calc(100 * 68vw / 1440);
    height: calc(100 * 53vw / 1440);
    margin: 0 calc(100 * 12vw / 1440) 0 0;
  }
}

@media print, screen and (min-width: 1440px) {
  #content #sample h2::before {
    width: 68px;
    height: 53px;
    margin: 0 12px 0 0;
  }
}

#content #sample .slider {
  margin-bottom: calc(100 * 50vw / 750);
}

@media print, screen and (min-width: 768px) {
  #content #sample .slider {
    margin-bottom: 40px;
  }
}

#content #fqa .box-content {
  background: #f5ede0;
}

#content #fqa h3 {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
}

#content #fqa h3::before {
  content: "";
  width: calc(100 * 72vw / 750);
  height: calc(100 * 77vw / 750);
  display: block;
  background: url(/migration/jihankiconsul/assets/img/facerecognition/icon_faq.png) no-repeat;
  background-size: cover;
  margin: 0 auto calc(100 * 15vw / 750);
}

@media print, screen and (min-width: 768px) {
  #content #fqa h3::before {
    width: calc(100 * 72vw / 1440);
    height: calc(100 * 77vw / 1440);
    margin: 0 auto 13px;
  }
}

@media print, screen and (min-width: 1440px) {
  #content #fqa h3::before {
    width: 72px;
    height: 77px;
    margin: 0 auto 13px;
  }
}

@media print, screen and (min-width: 768px) {
  #content #fqa .box-content-inner {
    width: calc(100 * 1200vw / 1440);
    margin: 0 auto;
  }
}

@media print, screen and (min-width: 1440px) {
  #content #fqa .box-content-inner {
    width: 1200px;
  }
}

#content #fqa .box-fqa {
  width: calc(100 * 690vw / 750);
  margin: 0 auto;
}

@media print, screen and (min-width: 768px) {
  #content #fqa .box-fqa {
    width: 100%;
    font-size: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    background: url(/migration/jihankiconsul/assets/img/facerecognition/bor_dot_yoko_s.png) repeat-x bottom left;
    background-size: auto 4px;
    padding-bottom: 15px;
    margin-bottom: 60px;
  }
}

#content #fqa .box-fqa dl {
  margin: 0 auto;
  background: url(/migration/jihankiconsul/assets/img/facerecognition/bor_dot_yoko_s.png) repeat-x top left;
  background-size: auto calc(100 * 5vw / 750);
  padding: calc(100 * 80vw / 750) 0 0;
}

@media print, screen and (min-width: 768px) {
  #content #fqa .box-fqa dl {
    width: 50%;
    font-size: 16px;
    background: url(/migration/jihankiconsul/assets/img/facerecognition/bor_dot_yoko_s.png) repeat-x top left, url(/migration/jihankiconsul/assets/img/facerecognition/bor_dot_tate_s.png) no-repeat left 20px;
    background-size: auto 4px,4px auto;
    padding: 30px 30px 15px;
    margin: 11px 0 0;
  }
}

@media only screen and (max-width: 767px) {
  #content #fqa .box-fqa dl:first-child {
    margin: 0 auto;
    padding: 0;
    background: none;
  }
}

@media print, screen and (min-width: 768px) {
  #content #fqa .box-fqa dl:nth-child(odd) {
    background: url(/migration/jihankiconsul/assets/img/facerecognition/bor_dot_yoko_s.png) repeat-x top left;
    background-size: auto 4px;
  }
}

#content #fqa .box-fqa dl dt {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  font-size: calc(100 * 34vw / 750);
  color: #6a3f06;
  font-weight: bold;
  margin-bottom: calc(100 * 50vw / 750);
  line-height: calc(100 * 55vw / 750);
}

@media print, screen and (min-width: 768px) {
  #content #fqa .box-fqa dl dt {
    font-size: 24px;
    margin-bottom: 30px;
    line-height: 1;
  }
}

#content #fqa .box-fqa dl dt span.number {
  display: inline-block;
  width: calc(100 * 55vw / 750);
  height: calc(100 * 55vw / 750);
  line-height: calc(100 * 55vw / 750);
  text-align: center;
  border-radius: 100%;
  border: 1px solid #6a3f06;
  margin-right: calc(100 * 20vw / 750);
  font-size: calc(100 * 32vw / 750);
  font-weight: bold;
  color: #6a3f06;
  background: #fff;
  position: absolute;
}

@media print, screen and (min-width: 768px) {
  #content #fqa .box-fqa dl dt span.number {
    width: 37px;
    height: 37px;
    line-height: 37px;
    font-size: 22px;
    margin-right: 20px;
  }
}

#content #fqa .box-fqa dl dt span.title {
  display: inline-block;
  padding-left: calc(100 * 70vw / 750);
}

@media print, screen and (min-width: 768px) {
  #content #fqa .box-fqa dl dt span.title {
    padding-left: 50px;
    line-height: 1.5;
  }
}

#content #fqa .box-fqa dl dd {
  line-height: 1.5;
  margin-bottom: calc(100 * 90vw / 750);
}

@media print, screen and (min-width: 768px) {
  #content #fqa .box-fqa dl dd {
    font-size: 16px;
    margin-bottom: 0;
  }
}

#content #fqa .box-fqa dl dd a {
  color: #7058ff;
  text-decoration: underline;
}

#content #fqa .box-fqa .btn {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
}

#content .box-last {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  background: #ffffff;
  text-align: center;
  padding: calc(100 * 50vw / 750) 0;
  border-top: 1px solid #d11821;
  border-bottom: 1px solid #d11821;
}

@media print, screen and (min-width: 768px) {
  #content .box-last {
    padding: 60px 0;
  }
}

#content .box-last h3 {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  font-size: calc(100 * 32vw / 750);
  margin-bottom: calc(100 * 25vw / 750);
}

@media print, screen and (min-width: 768px) {
  #content .box-last h3 {
    font-size: calc(100 * 24vw / 1440);
    margin-bottom: calc(100 * 18vw / 1440);
  }
}

@media print, screen and (min-width: 1440px) {
  #content .box-last h3 {
    font-size: 24px;
    margin-bottom: 18px;
  }
}

#content #over {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10000;
  display: none;
}

#content .modal {
  display: none;
  position: absolute;
  top: calc(100 * 180vw / 750);
  left: calc(100 * 30vw / 750);
  width: calc(100 * 690vw / 750);
  margin: 0 auto;
  background: #fff;
  z-index: 11000;
}

@media print, screen and (min-width: 768px) {
  #content .modal {
    width: calc(100 * 1200vw / 1440);
    margin: 0 auto;
    top: calc(100 * 120vw / 1440);
    left: calc(100 * 120vw / 1440);
  }
}

@media print, screen and (min-width: 1440px) {
  #content .modal {
    width: 1200px;
    margin: 0 auto;
    top: 120px;
    left: 50%;
    margin-left: -600px;
  }
}

#content .modal p {
  font-size: calc(100 * 24vw / 750);
  line-height: 1.5;
}

#content .modal .modal_head {
  position: relative;
  text-align: right;
  margin: 0 auto calc(100 * 95vw / 750);
}

@media print, screen and (min-width: 768px) {
  #content .modal .modal_head {
    margin: 0 auto 65px;
  }
}

#content .modal .modal_head h2 {
  text-align: right;
  position: relative;
  z-index: 10;
  padding-top: calc(100 * 380vw / 750);
}

@media print, screen and (min-width: 768px) {
  #content .modal .modal_head h2 {
    padding-top: calc(100 * 95vw / 1440);
  }
}

@media print, screen and (min-width: 1440px) {
  #content .modal .modal_head h2 {
    padding-top: 95px;
  }
}

#content .modal .modal_head h2 span.flame {
  display: inline-block;
  padding: calc(100 * 10vw / 750) calc(100 * 30vw / 750);
  background: #f7b100;
  border-top-left-radius: 5px;
  color: #c00000;
  font-size: calc(100 * 34vw / 750);
  margin-left: auto;
  text-align: left;
  line-height: 1.3;
}

@media print, screen and (min-width: 768px) {
  #content .modal .modal_head h2 span.flame {
    padding: 10px 30px;
    font-size: 28px;
  }
}

#content .modal .modal_head p.mv {
  position: absolute;
  width: 100%;
  margin-right: auto;
}

@media print, screen and (min-width: 768px) {
  #content .modal .modal_head p.mv {
    width: calc(100 * 600vw / 1440);
  }
}

@media print, screen and (min-width: 1440px) {
  #content .modal .modal_head p.mv {
    width: 600px;
  }
}

#content .modal .modal_head p.lead {
  display: block;
  text-align: right;
  position: relative;
  z-index: 10;
}

#content .modal .modal_head p.lead span.flame {
  display: inline-block;
  padding: calc(100 * 20vw / 750) calc(100 * 20vw / 750);
  background: #c00000;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  color: #ffffff;
  font-size: calc(100 * 40vw / 750);
  font-weight: bold;
  letter-spacing: -0.08em;
  margin-left: auto;
  text-align: left;
  line-height: 1.5;
  letter-spacing: 0.08em;
}

@media print, screen and (min-width: 768px) {
  #content .modal .modal_head p.lead span.flame {
    width: calc(100 * 670vw / 1440);
    padding: 10px 20px;
    font-size: 36px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    line-height: 1.5;
  }
}

@media print, screen and (min-width: 1440px) {
  #content .modal .modal_head p.lead span.flame {
    width: 670px;
  }
}

#content .modal .modal_head p.membaer {
  padding: calc(100 * 20vw / 750) calc(100 * 20vw / 750) 0 0;
  font-size: calc(100 * 24vw / 750);
  color: #6a3f06;
  position: relative;
  z-index: 10;
}

@media print, screen and (min-width: 768px) {
  #content .modal .modal_head p.membaer {
    width: calc(100 * 1000vw / 1440);
    margin: 0 auto;
    font-weight: bold;
    padding: 20px 0 0 0;
    font-size: 20px;
  }
}

@media print, screen and (min-width: 1440px) {
  #content .modal .modal_head p.membaer {
    width: 1000px;
  }
}

#content .modal .modal_head p.membaer span.flame span {
  font-weight: bold;
  margin-left: calc(100 * 20vw / 750);
}

@media print, screen and (min-width: 768px) {
  #content .modal .modal_head p.membaer span.flame span {
    display: block;
    padding: 5px 0 0 0;
    font-size: 24px;
  }
}

#content .modal .modal_head p.btn-close {
  position: absolute;
  top: calc(100 * 20vw / 750);
  right: calc(100 * 20vw / 750);
  width: calc(100 * 30vw / 750);
  z-index: 10;
}

@media print, screen and (min-width: 768px) {
  #content .modal .modal_head p.btn-close {
    top: calc(100 * 30vw / 1440);
    right: calc(100 * 30vw / 1440);
    width: calc(100 * 30vw / 1440);
    cursor: pointer;
  }
}

@media print, screen and (min-width: 1440px) {
  #content .modal .modal_head p.btn-close {
    top: 30px;
    right: 30px;
    width: 30px;
  }
}

#content .modal .modal_body .box {
  width: calc(100 * 610vw / 750);
  margin: 0 auto;
  text-align: left;
  margin-bottom: calc(100 * 70vw / 750);
}

@media print, screen and (min-width: 768px) {
  #content .modal .modal_body .box {
    width: calc(100 * 1000vw / 1440);
    margin: 0 auto calc(100 * 70vw / 1440);
  }
}

@media print, screen and (min-width: 1440px) {
  #content .modal .modal_body .box {
    width: 1000px;
    margin: 0 auto 70px;
  }
}

#content .modal .modal_body .box h3 {
  text-align: left;
  font-size: calc(100 * 34vw / 750);
  letter-spacing: -0.08em;
  margin-bottom: calc(100 * 30vw / 750);
}

@media print, screen and (min-width: 768px) {
  #content .modal .modal_body .box h3 {
    font-size: calc(100 * 26vw / 1440);
    margin-bottom: calc(100 * 20vw / 1440);
  }
}

@media print, screen and (min-width: 1440px) {
  #content .modal .modal_body .box h3 {
    font-size: 26px;
    margin-bottom: 20px;
  }
}

#content .modal .modal_body .box h3::before {
  display: none !important;
}

#content .modal .modal_body .box p {
  text-align: left;
  font-size: calc(100 * 24vw / 750);
  line-height: 2.0;
}

@media print, screen and (min-width: 768px) {
  #content .modal .modal_body .box p {
    font-size: calc(100 * 16vw / 1440);
  }
}

@media print, screen and (min-width: 1440px) {
  #content .modal .modal_body .box p {
    font-size: 16px;
  }
}

@media print, screen and (min-width: 768px) {
  #content .modal .modal_body .box .flex-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media print, screen and (min-width: 768px) and (min-width: 768px) {
  #content .modal .modal_body .box .flex-box .text {
    width: calc(100 * 645vw / 1440);
  }
}

@media print, screen and (min-width: 768px) and (min-width: 1440px) {
  #content .modal .modal_body .box .flex-box .text {
    width: 645px;
  }
}

@media print, screen and (min-width: 768px) and (min-width: 768px) {
  #content .modal .modal_body .box .flex-box .photo {
    width: calc(100 * 330vw / 1440);
  }
}

@media print, screen and (min-width: 768px) and (min-width: 1440px) {
  #content .modal .modal_body .box .flex-box .photo {
    width: 330px;
  }
}

#content .modal .modal_body .box.box-02 {
  margin-bottom: calc(100 * 35vw / 750);
}

#content .modal .modal_body .box.box-03 {
  margin-bottom: calc(100 * 35vw / 750);
}

@media print, screen and (min-width: 768px) {
  #content .modal .modal_body .box.box-03 .flex-box .text {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
}

@media print, screen and (min-width: 768px) {
  #content .modal .modal_body .box.box-03 .flex-box .photo {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
  }
}

#content .modal .modal_body .box.box-05 {
  margin-bottom: calc(100 * 35vw / 750);
}

@media print, screen and (min-width: 768px) {
  #content .modal .modal_body .box.box-05 .flex-box .text {
    width: calc(100 * 565vw / 1440);
  }
}

@media print, screen and (min-width: 1440px) {
  #content .modal .modal_body .box.box-05 .flex-box .text {
    width: 565px;
  }
}

@media print, screen and (min-width: 768px) {
  #content .modal .modal_body .box.box-05 .flex-box .photo {
    width: calc(100 * 414vw / 1440);
  }
}

@media print, screen and (min-width: 1440px) {
  #content .modal .modal_body .box.box-05 .flex-box .photo {
    width: 414px;
  }
}

@media only screen and (max-width: 767px) {
  #content .modal .modal_body .photo {
    margin-bottom: calc(100 * 90vw / 750);
  }
}

@media only screen and (max-width: 767px) {
  #content .modal .modal_body .photo.photo-l-space {
    margin-left: calc(100 * 40vw / 750);
  }
}

@media only screen and (max-width: 767px) {
  #content .modal .modal_body .photo.photo-r-space {
    margin-right: calc(100 * 40vw / 750);
  }
}

#content .modal .modal_body .box-modal-last {
  padding: 0 0 calc(100 * 40vw / 750);
  text-align: center;
}

@media print, screen and (min-width: 768px) {
  #content .modal .modal_body .box-modal-last a {
    display: inline-block;
    cursor: pointer;
  }
}
/*# sourceMappingURL=collaboration.css.map */