@charset "UTF-8";
@import url("https://fonts.googleapis.com/earlyaccess/notosansjapanese.css");
/* line 5, ../../../../../../Users/Makoto/.rbenv/versions/2.7.2/lib/ruby/gems/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../Users/Makoto/.rbenv/versions/2.7.2/lib/ruby/gems/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../Users/Makoto/.rbenv/versions/2.7.2/lib/ruby/gems/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../Users/Makoto/.rbenv/versions/2.7.2/lib/ruby/gems/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../Users/Makoto/.rbenv/versions/2.7.2/lib/ruby/gems/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../Users/Makoto/.rbenv/versions/2.7.2/lib/ruby/gems/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../Users/Makoto/.rbenv/versions/2.7.2/lib/ruby/gems/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../Users/Makoto/.rbenv/versions/2.7.2/lib/ruby/gems/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../Users/Makoto/.rbenv/versions/2.7.2/lib/ruby/gems/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* line 102, ../_sass/_base.scss */
.align_center {
  text-align: center;
}

/* line 105, ../_sass/_base.scss */
.align_left {
  text-align: left;
}

/* line 108, ../_sass/_base.scss */
.align_right {
  text-align: right;
}

/* line 111, ../_sass/_base.scss */
.fade {
  opacity: 1.0;
  transition: 0.4s;
}
/* line 114, ../_sass/_base.scss */
.fade:hover {
  opacity: 0.6;
  transition: 0.4s;
}

/* line 6, ../_sass/_footer.scss */
footer .infooter {
  width: auto;
  margin: 0 2%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  color: #fff;
  padding-bottom: 18px;
  padding-top: 10px;
}
@media screen and (max-width: 768px) {
  /* line 6, ../_sass/_footer.scss */
  footer .infooter {
    display: block;
    padding: 8vw 0 4vw;
  }
}
/* line 22, ../_sass/_footer.scss */
footer .infooter .footer_nav ul {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
@media screen and (max-width: 768px) {
  /* line 22, ../_sass/_footer.scss */
  footer .infooter .footer_nav ul {
    justify-content: center;
    margin-bottom: 10vw;
  }
}
/* line 30, ../_sass/_footer.scss */
footer .infooter .footer_nav ul li {
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px solid #fff;
  line-height: 1;
  font-size: 12px;
}
@media screen and (max-width: 768px) {
  /* line 30, ../_sass/_footer.scss */
  footer .infooter .footer_nav ul li {
    font-size: 3vw;
    margin-left: 2vw;
    padding-left: 2vw;
  }
}
/* line 41, ../_sass/_footer.scss */
footer .infooter .footer_nav ul li:first-child {
  margin-left: 0;
  padding-left: 0;
  border-left: 0;
}
/* line 46, ../_sass/_footer.scss */
footer .infooter .footer_nav ul li a {
  color: #fff;
}
/* line 52, ../_sass/_footer.scss */
footer .infooter .footer_logo {
  text-align: right;
}
@media screen and (max-width: 768px) {
  /* line 52, ../_sass/_footer.scss */
  footer .infooter .footer_logo {
    text-align: center;
  }
}
/* line 57, ../_sass/_footer.scss */
footer .infooter .footer_logo p {
  width: 217px;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  /* line 57, ../_sass/_footer.scss */
  footer .infooter .footer_logo p {
    width: auto;
    text-align: center;
    margin-bottom: 3vw;
  }
}
@media screen and (max-width: 768px) {
  /* line 65, ../_sass/_footer.scss */
  footer .infooter .footer_logo p img {
    width: 60vw;
  }
}
/* line 71, ../_sass/_footer.scss */
footer .infooter .footer_logo small {
  font-size: 12px;
  font-family: Helvetica, Arial,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}

/* line 20, ../_sass/common.scss */
body {
  font-family: 'Noto Sans Japanese', sans-serif;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  color: #000;
  font-size: 16px;
  min-width: 1080px;
  line-height: 1.7;
}
@media screen and (max-width: 900px) {
  /* line 20, ../_sass/common.scss */
  body {
    min-width: 0;
  }
}
@media screen and (max-width: 768px) {
  /* line 20, ../_sass/common.scss */
  body {
    font-size: 3vw;
  }
}

/* line 37, ../_sass/common.scss */
article {
  font-family: "Yu Gothic", YuGothic, "Meiryo UI", Meiryo, メイリオ, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #404040;
}
@media screen and (max-width: 768px) {
  /* line 37, ../_sass/common.scss */
  article {
    min-width: 0;
  }
}

/* line 44, ../_sass/common.scss */
a {
  text-decoration: none;
}

/* line 47, ../_sass/common.scss */
.fade {
  opacity: 1.0;
  transition: 0.6s;
}
/* line 50, ../_sass/common.scss */
.fade:hover {
  opacity: 0.6;
  transition: 0.6s;
}

/* line 55, ../_sass/common.scss */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
}

/* line 61, ../_sass/common.scss */
.pc {
  display: block;
}
@media screen and (max-width: 900px) {
  /* line 61, ../_sass/common.scss */
  .pc {
    display: none;
  }
}

/* line 67, ../_sass/common.scss */
.pc_inline {
  display: inline;
}
@media screen and (max-width: 900px) {
  /* line 67, ../_sass/common.scss */
  .pc_inline {
    display: none;
  }
}

/* line 73, ../_sass/common.scss */
.sp {
  display: none;
}
@media screen and (max-width: 768px) {
  /* line 73, ../_sass/common.scss */
  .sp {
    display: block;
  }
}

/* line 79, ../_sass/common.scss */
.sptb {
  display: none;
}
@media screen and (max-width: 900px) {
  /* line 79, ../_sass/common.scss */
  .sptb {
    display: block;
  }
}

/* line 85, ../_sass/common.scss */
.sp_inline {
  display: none;
}
@media screen and (max-width: 900px) {
  /* line 85, ../_sass/common.scss */
  .sp_inline {
    display: inline;
  }
}

/* line 91, ../_sass/common.scss */
img {
  max-width: 100%;
  -webkit-backface-visibility: hidden;
}

/* line 95, ../_sass/common.scss */
.table {
  display: table;
  width: 100%;
}
/* line 98, ../_sass/common.scss */
.table > * {
  display: table-cell;
}

/* line 102, ../_sass/common.scss */
.cf:before,
.cf:after {
  content: " ";
  display: table;
}

/* line 107, ../_sass/common.scss */
.cf:after {
  clear: both;
}

/* line 110, ../_sass/common.scss */
.cf {
  *zoom: 1;
}

/* line 113, ../_sass/common.scss */
.mt0 {
  margin-top: 0 !important;
}

/* line 116, ../_sass/common.scss */
.align_center {
  text-align: center;
}

/* line 119, ../_sass/common.scss */
.align_left {
  text-align: left;
}

/* line 123, ../_sass/common.scss */
.inblock > div {
  opacity: 0;
  transform: translate(0, 50px);
  transition: all 500ms;
}
/* line 127, ../_sass/common.scss */
.inblock > div.scrollin {
  opacity: 1;
  transform: translate(0, 0);
}
/* line 131, ../_sass/common.scss */
article.contact .inblock > div {
  opacity: 1;
  transform: translate(0, 0);
}
/* line 135, ../_sass/common.scss */
.inblock > div.mov_wrap {
  opacity: 1 !important;
  transform: translate(0, 0) !important;
}

/* line 142, ../_sass/common.scss */
.home header {
  padding: 20px 0 0;
  position: absolute;
  z-index: 9999;
  width: 100%;
}
@media screen and (max-width: 900px) {
  /* line 142, ../_sass/common.scss */
  .home header {
    margin: 0;
    padding: 0;
    background: #fff;
  }
}
/* line 153, ../_sass/common.scss */
.under header {
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 900px) {
  /* line 153, ../_sass/common.scss */
  .under header {
    padding: 0;
  }
}
@media screen and (max-width: 900px) {
  /* line 141, ../_sass/common.scss */
  header {
    line-height: 1;
    padding: 0;
  }
}
/* line 165, ../_sass/common.scss */
header .inheader {
  width: auto;
  margin: 0 2%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
}
/* line 172, ../_sass/common.scss */
.under header .inheader {
  align-items: center;
}
@media screen and (max-width: 900px) {
  /* line 165, ../_sass/common.scss */
  header .inheader {
    background: #fff;
    margin: 0;
    padding: 0 2%;
    z-index: 200;
    position: relative;
  }
}
/* line 182, ../_sass/common.scss */
header .inheader .logo {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
}
/* line 187, ../_sass/common.scss */
.home header .inheader .logo {
  align-items: flex-start;
}
/* line 190, ../_sass/common.scss */
header .inheader .logo a.logoimg {
  display: block;
  margin-right: 10px;
}
/* line 193, ../_sass/common.scss */
.home header .inheader .logo a.logoimg {
  max-width: 200px;
  margin-right: 20px;
}
@media print, screen and (min-width: 901px) and (max-width: 1020px) {
  /* line 193, ../_sass/common.scss */
  .home header .inheader .logo a.logoimg {
    width: 170px;
    margin-right: 8px;
  }
}
@media print, screen and (min-width: 1021px) and (max-width: 1150px) {
  /* line 193, ../_sass/common.scss */
  .home header .inheader .logo a.logoimg {
    width: 170px;
    margin-right: 8px;
  }
}
/* line 205, ../_sass/common.scss */
.under header .inheader .logo a.logoimg {
  max-width: 250px;
}
@media print, screen and (min-width: 1201px) {
  /* line 205, ../_sass/common.scss */
  .under header .inheader .logo a.logoimg {
    max-width: none;
    width: 250px;
  }
}
@media screen and (max-width: 900px) {
  /* line 205, ../_sass/common.scss */
  .under header .inheader .logo a.logoimg {
    width: 26vw;
    margin: 2vw 0;
  }
}
@media print, screen and (min-width: 901px) and (max-width: 1020px) {
  /* line 205, ../_sass/common.scss */
  .under header .inheader .logo a.logoimg {
    max-width: 170px;
  }
}
@media print, screen and (min-width: 1021px) and (max-width: 1150px) {
  /* line 205, ../_sass/common.scss */
  .under header .inheader .logo a.logoimg {
    max-width: 200px;
  }
}
@media screen and (max-width: 900px) {
  /* line 190, ../_sass/common.scss */
  header .inheader .logo a.logoimg {
    width: 26vw;
    margin: 2vw 0;
  }
}
/* line 227, ../_sass/common.scss */
header .inheader .logo a.pbtn {
  display: block;
  color: #fff;
  font-size: 11px;
  background: #999;
  border-radius: 10px;
  letter-spacing: -1px;
  font-weight: 600;
  padding: 2px 8px;
  opacity: 1.0;
  transition: 0.4s;
}
/* line 238, ../_sass/common.scss */
header .inheader .logo a.pbtn:hover {
  opacity: 0.8;
  transition: 0.4s;
}
@media screen and (max-width: 900px) {
  /* line 227, ../_sass/common.scss */
  header .inheader .logo a.pbtn {
    display: none;
  }
}
/* line 245, ../_sass/common.scss */
header .inheader .logo a.pbtn:before {
  content: '';
  display: inline-block;
  border-left: 6px #fff solid;
  border-top: 4px transparent solid;
  border-bottom: 4px transparent solid;
  border-right: 0px transparent solid;
  margin-right: 3px;
}
/* line 255, ../_sass/common.scss */
header .inheader .logo a.ptn_page {
  display: block;
  color: #fff;
  font-size: 11px;
  background: #f00;
  border-radius: 10px;
  letter-spacing: -1px;
  font-weight: 600;
  padding: 2px 8px;
  opacity: 1.0;
  transition: 0.4s;
}
/* line 266, ../_sass/common.scss */
header .inheader .logo a.ptn_page:hover {
  opacity: 0.8;
  transition: 0.4s;
}
@media screen and (max-width: 900px) {
  /* line 255, ../_sass/common.scss */
  header .inheader .logo a.ptn_page {
    display: none;
  }
}
/* line 273, ../_sass/common.scss */
header .inheader .logo a.ptn_page:before {
  content: '';
  display: inline-block;
  border-left: 6px #fff solid;
  border-top: 4px transparent solid;
  border-bottom: 4px transparent solid;
  border-right: 0px transparent solid;
  margin-right: 3px;
}
@media screen and (max-width: 900px) {
  /* line 285, ../_sass/common.scss */
  header .inheader nav.pc_nav {
    display: none;
  }
}
/* line 289, ../_sass/common.scss */
header .inheader nav.pc_nav ul {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
}
/* line 294, ../_sass/common.scss */
header .inheader nav.pc_nav ul li {
  margin-left: 27px;
  line-height: 1;
}
@media print, screen and (min-width: 901px) and (max-width: 1020px) {
  /* line 294, ../_sass/common.scss */
  header .inheader nav.pc_nav ul li {
    margin-left: 10px;
  }
}
@media print, screen and (min-width: 1021px) and (max-width: 1150px) {
  /* line 301, ../_sass/common.scss */
  .under header .inheader nav.pc_nav ul li {
    margin-left: 10px;
  }
}
/* line 305, ../_sass/common.scss */
header .inheader nav.pc_nav ul li:first-child {
  margin-left: 0;
}
/* line 308, ../_sass/common.scss */
header .inheader nav.pc_nav ul li a {
  font-size: 13px;
  font-weight: 600;
  color: #ddd;
}
@media print, screen and (min-width: 901px) and (max-width: 1020px) {
  /* line 308, ../_sass/common.scss */
  header .inheader nav.pc_nav ul li a {
    font-size: 12px;
  }
}
/* line 315, ../_sass/common.scss */
.under header .inheader nav.pc_nav ul li a {
  color: #404040;
}
/* line 322, ../_sass/common.scss */
header .inheader nav.sp_nav {
  display: none;
}
@media screen and (max-width: 900px) {
  /* line 322, ../_sass/common.scss */
  header .inheader nav.sp_nav {
    display: block;
  }
}
/* line 327, ../_sass/common.scss */
header .inheader nav.sp_nav .sp_btn {
  display: block;
  position: absolute;
  right: 2vw;
  top: 2.2vw;
  width: 12vw;
  height: 14vw;
  cursor: pointer;
  z-index: 3;
  background: #fab42d;
  text-align: center;
  border-radius: 4px;
}
/* line 339, ../_sass/common.scss */
header .inheader nav.sp_nav .sp_btn span {
  display: block;
  position: absolute;
  width: 50%;
  border-bottom: solid 1vw #404040;
  -webkit-transition: .35s ease-in-out;
  transition: .35s ease-in-out;
  left: 50%;
  margin-left: -25%;
  border-radius: 1em;
}
/* line 350, ../_sass/common.scss */
header .inheader nav.sp_nav .sp_btn span:nth-child(1) {
  top: 3vw;
}
/* line 353, ../_sass/common.scss */
header .inheader nav.sp_nav .sp_btn span:nth-child(2) {
  top: 5vw;
}
/* line 356, ../_sass/common.scss */
header .inheader nav.sp_nav .sp_btn span:nth-child(3) {
  top: 7vw;
}
/* line 359, ../_sass/common.scss */
header .inheader nav.sp_nav .sp_btn span:nth-child(4) {
  font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
  border: none;
  color: #404040;
  font-size: 3vw;
  font-weight: bold;
  bottom: 1.3vw;
  width: 80%;
  margin-left: -40%;
}
/* line 373, ../_sass/common.scss */
header .inheader nav.sp_nav .sp_btn.active span:nth-child(1) {
  top: 4.4vw;
  left: 5.9vw;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* line 380, ../_sass/common.scss */
header .inheader nav.sp_nav .sp_btn.active span:nth-child(2), header .inheader nav.sp_nav .sp_btn.active span:nth-child(3) {
  top: 4.4vw;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* line 395, ../_sass/common.scss */
div.in {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  padding: 24vw 0 10vw;
  background: #fff;
  transform: translateY(-100%);
  transition: all 0.6s;
  width: 100%;
}
@media print, screen and (min-width: 901px) {
  /* line 395, ../_sass/common.scss */
  div.in {
    display: none;
  }
}
/* line 408, ../_sass/common.scss */
div.in ul {
  background: #fff;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  margin-bottom: 4vw;
}
/* line 414, ../_sass/common.scss */
div.in ul li {
  font-size: 3.6vw;
  font-weight: 600;
  width: 100%;
}
/* line 419, ../_sass/common.scss */
div.in ul li a {
  display: block;
  color: #404040;
  padding: 3.6vw 4vw;
}
/* line 427, ../_sass/common.scss */
div.in.active {
  transform: translateY(0%);
  background: #fab42d;
}
/* line 430, ../_sass/common.scss */
div.in.active ul {
  background: #fab42d;
  text-align: left;
}
/* line 438, ../_sass/common.scss */
div.in a.pbtn {
  display: inline-block;
  font-size: 3vw;
  color: #fab42d;
  background: #fff;
  border-radius: 20px;
  font-weight: 600;
  padding: 2vw 4vw;
  opacity: 1.0;
  transition: 0.4s;
  margin: 3vw 4vw;
  position: relative;
}
/* line 450, ../_sass/common.scss */
div.in a.pbtn:hover {
  opacity: 0.8;
  transition: 0.4s;
}
/* line 455, ../_sass/common.scss */
div.in a.pbtn:before {
  content: '';
  border-left: 1.5vw #fab42d solid;
  border-top: 1vw transparent solid;
  border-bottom: 1vw transparent solid;
  border-right: 0px transparent solid;
  position: absolute;
  left: 2vw;
  top: 50%;
  margin-top: -1vw;
}

/* line 468, ../_sass/common.scss */
.mod-inline-svg {
  position: absolute;
  height: 0;
  z-index: 10;
  padding-top: 11%;
  top: -10.3vw;
  width: 100%;
}
/* line 475, ../_sass/common.scss */
.mod-inline-svg.last {
  top: auto;
  bottom: -10.3vw;
  transform: rotate(180deg);
}
/* line 480, ../_sass/common.scss */
.mod-inline-svg svg {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

/* line 489, ../_sass/common.scss */
.section {
  position: relative;
}
/* line 491, ../_sass/common.scss */
.section.block {
  margin: 9vw 0;
}
@media screen and (max-width: 768px) {
  /* line 491, ../_sass/common.scss */
  .section.block {
    margin: 14vw 0;
  }
}
/* line 497, ../_sass/common.scss */
.section.block2 {
  padding: 9vw 0;
}
@media screen and (max-width: 768px) {
  /* line 497, ../_sass/common.scss */
  .section.block2 {
    padding: 14vw 0;
  }
}
/* line 502, ../_sass/common.scss */
.contact .section.block2 {
  padding: 6vw 0;
}
/* line 506, ../_sass/common.scss */
.section.block3 {
  padding: 5vw 0;
}
@media screen and (max-width: 768px) {
  /* line 506, ../_sass/common.scss */
  .section.block3 {
    padding: 10vw 0;
  }
}
/* line 512, ../_sass/common.scss */
.partner .section.block3 .article_box {
  margin-top: 16px;
  text-align: center;
}
/* line 515, ../_sass/common.scss */
.partner .section.block3 .article_box p {
  font-size: 22px;
  font-weight: bold;
}
@media screen and (max-width: 900px) {
  /* line 515, ../_sass/common.scss */
  .partner .section.block3 .article_box p {
    font-size: 0.875rem;
  }
}
/* line 525, ../_sass/common.scss */
.section .hr {
  z-index: 10;
  width: 100%;
  height: auto;
}
/* line 529, ../_sass/common.scss */
.section .hr:first-child {
  position: absolute;
  left: 0;
  top: -10vw;
}
/* line 534, ../_sass/common.scss */
.section .hr:last-child {
  position: absolute;
  left: 0;
  bottom: -10.3vw;
}
/* line 540, ../_sass/common.scss */
.section.blue1 {
  background: #fab42d;
}
/* line 542, ../_sass/common.scss */
.section.blue1 svg {
  fill: #fab42d;
}
/* line 546, ../_sass/common.scss */
.section.blue1 .head_contact span a {
  color: #e86345;
}
/* line 551, ../_sass/common.scss */
.section.blue2 {
  background: #fcd996;
}
/* line 553, ../_sass/common.scss */
.section.blue2 svg {
  fill: #fcd996;
}
/* line 558, ../_sass/common.scss */
.section.blue2 .faq_box dt:before {
  color: #fab42d;
}
/* line 564, ../_sass/common.scss */
.section.orange1 {
  background: #e86345;
}
/* line 566, ../_sass/common.scss */
.section.orange1 svg {
  fill: #e86345;
}
/* line 570, ../_sass/common.scss */
.section.orange1 .head_contact span a {
  color: #e86345;
}
/* line 575, ../_sass/common.scss */
.section.orange2 {
  background: #f8d0c7;
}
/* line 577, ../_sass/common.scss */
.section.orange2 svg {
  fill: #f8d0c7;
}
/* line 582, ../_sass/common.scss */
.section.orange2 ul.faq_box dl dt {
  color: #e86345;
}
/* line 588, ../_sass/common.scss */
.section.yellow1 {
  background: #e69100;
}
/* line 590, ../_sass/common.scss */
.section.yellow1 svg {
  fill: #e69100;
}
/* line 594, ../_sass/common.scss */
.section.yellow1 .head_contact span a {
  color: #e69100;
}
/* line 599, ../_sass/common.scss */
.section.yellow2 {
  background: #f7deb2;
}
/* line 601, ../_sass/common.scss */
.section.yellow2 svg {
  fill: #f7deb2;
}
/* line 606, ../_sass/common.scss */
.section.yellow2 ul.faq_box dl dt {
  color: #e69100;
}
/* line 612, ../_sass/common.scss */
.section.green1 {
  background: #6bd149;
}
/* line 614, ../_sass/common.scss */
.section.green1 svg {
  fill: #6bd149;
}
/* line 618, ../_sass/common.scss */
.section.green1 .head_contact span a {
  color: #6bd149;
}
/* line 623, ../_sass/common.scss */
.section.green2 {
  background: #d2f1c8;
}
/* line 625, ../_sass/common.scss */
.section.green2 svg {
  fill: #d2f1c8;
}
/* line 630, ../_sass/common.scss */
.section.green2 ul.faq_box dl dt {
  color: #6bd149;
}
/* line 636, ../_sass/common.scss */
.section.purple1 {
  background: #7e73ff;
}
/* line 638, ../_sass/common.scss */
.section.purple1 svg {
  fill: #7e73ff;
}
/* line 642, ../_sass/common.scss */
.section.purple1 .head_contact span a {
  color: #7e73ff;
}
/* line 647, ../_sass/common.scss */
.section.purple2 {
  background: #d8d5ff;
}
/* line 649, ../_sass/common.scss */
.section.purple2 svg {
  fill: #d8d5ff;
}
/* line 654, ../_sass/common.scss */
.section.purple2 ul.faq_box dl dt {
  color: #7e73ff;
}
/* line 660, ../_sass/common.scss */
.section.lblue1 {
  background: #4eaeff;
}
/* line 662, ../_sass/common.scss */
.section.lblue1 svg {
  fill: #4eaeff;
}
/* line 666, ../_sass/common.scss */
.section.lblue1 .head_contact span a {
  color: #4eaeff;
}
/* line 671, ../_sass/common.scss */
.section.lblue2 {
  background: #c0e2ff;
}
/* line 673, ../_sass/common.scss */
.section.lblue2 svg {
  fill: #c0e2ff;
}
/* line 678, ../_sass/common.scss */
.section.lblue2 ul.faq_box dl dt {
  color: #4eaeff;
}
/* line 684, ../_sass/common.scss */
.section.white {
  background: #fff;
}
/* line 687, ../_sass/common.scss */
.section.basecolor {
  background: #404040;
}
/* line 689, ../_sass/common.scss */
.section.basecolor svg {
  fill: #404040;
}
/* line 693, ../_sass/common.scss */
.section .merit_container {
  padding: 0 15px;
}
/* line 695, ../_sass/common.scss */
.section .merit_container .merit_inner {
  margin-bottom: 2.0rem;
}
/* line 697, ../_sass/common.scss */
.section .merit_container .merit_inner:last-child {
  margin: 0;
}
@media screen and (min-width: 768px) {
  /* line 695, ../_sass/common.scss */
  .section .merit_container .merit_inner {
    width: 50%;
    padding: 0 1.0rem;
  }
  /* line 703, ../_sass/common.scss */
  .section .merit_container .merit_inner:nth-child(3) {
    margin: 0;
  }
}
/* line 708, ../_sass/common.scss */
.section .merit_container .merit_contents {
  padding: 1.0rem 2.0rem;
  background: #fff;
}
/* line 711, ../_sass/common.scss */
.section .merit_container .merit_contents h4 {
  font-size: 1.25rem;
  font-weight: bold;
  color: #fab42d;
}
@media screen and (min-width: 901px) {
  /* line 711, ../_sass/common.scss */
  .section .merit_container .merit_contents h4 {
    font-size: 1.5rem;
  }
}
/* line 721, ../_sass/common.scss */
.section .merit_container .merit_contents .merit_article p {
  font-size: 100%;
  text-align: left;
}
@media screen and (min-width: 576px) {
  /* line 727, ../_sass/common.scss */
  .section .merit_container .merit_contents .merit_photo {
    text-align: center;
  }
  /* line 729, ../_sass/common.scss */
  .section .merit_container .merit_contents .merit_photo img {
    width: 75%;
  }
}
@media screen and (min-width: 901px) {
  /* line 708, ../_sass/common.scss */
  .section .merit_container .merit_contents {
    padding: 2.0rem;
  }
}
@media screen and (min-width: 768px) {
  /* line 693, ../_sass/common.scss */
  .section .merit_container {
    display: flex;
    flex-wrap: wrap;
  }
}

/* line 744, ../_sass/common.scss */
main {
  text-align: left;
  text-align: justify;
  padding-top: 4.0625rem;
}
@media screen and (min-width: 992px){
  main{
    padding-top: 5.5rem;
  }
}
/* line 747, ../_sass/common.scss */
.contact main {
  background: #f2f2f2;
}
/* line 751, ../_sass/common.scss */
main section {
  position: relative;
}
/* line 754, ../_sass/common.scss */
main section.under_head .inunder_head {
  width: auto;
  margin: 0 2%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 27px 0;
}
@media screen and (max-width: 900px) {
  /* line 754, ../_sass/common.scss */
  main section.under_head .inunder_head {
    margin: 0 4vw;
    padding: 5vw 0 3vw;
  }
}
@media print, screen and (min-width: 901px) and (max-width: 1020px) {
  /* line 767, ../_sass/common.scss */
  main section.under_head .inunder_head h1 {
    max-width: 200px;
  }
}
/* line 771, ../_sass/common.scss */
main section.under_head .inunder_head h1 img {
  vertical-align: bottom;
}
@media screen and (max-width: 900px) {
  /* line 767, ../_sass/common.scss */
  main section.under_head .inunder_head h1 {
    width: 54vw;
  }
}
@media print, screen and (min-width: 901px) and (max-width: 1020px) {
  /* line 777, ../_sass/common.scss */
  .sanmitsu main section.under_head .inunder_head h1 {
    max-width: 300px;
  }
}
@media screen and (max-width: 900px) {
  /* line 777, ../_sass/common.scss */
  .sanmitsu main section.under_head .inunder_head h1 {
    width: 70vw;
  }
}
@media screen and (max-width: 900px) {
  /* line 785, ../_sass/common.scss */
  .sunaba main section.under_head .inunder_head h1 {
    width: 36vw;
  }
}
@media screen and (max-width: 900px) {
  /* line 790, ../_sass/common.scss */
  .programming main section.under_head .inunder_head h1 {
    width: 70vw;
  }
}
@media screen and (max-width: 900px) {
  /* line 795, ../_sass/common.scss */
  .oekaki_r main section.under_head .inunder_head h1 {
    width: 70vw;
  }
}
/* line 800, ../_sass/common.scss */
.partner main section.under_head .inunder_head h1 {
  font-size: 1.75rem;
  font-weight: bold;
  color: #fff;
}
@media screen and (max-width: 900px) {
  /* line 800, ../_sass/common.scss */
  .partner main section.under_head .inunder_head h1 {
    width: 100%;
  }
}
@media screen and (max-width: 1100px) {
  /* line 800, ../_sass/common.scss */
  .partner main section.under_head .inunder_head h1 {
    font-size: 1.5rem;
  }
}
/* line 812, ../_sass/common.scss */
main section.under_head .inunder_head .under_head_nav {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 900px) {
  /* line 812, ../_sass/common.scss */
  main section.under_head .inunder_head .under_head_nav {
    display: none;
  }
}
/* line 820, ../_sass/common.scss */
main section.under_head .inunder_head .under_head_nav ul {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
}
/* line 825, ../_sass/common.scss */
main section.under_head .inunder_head .under_head_nav ul li {
  margin-left: 24px;
}
/* line 827, ../_sass/common.scss */
.sanmitsu main section.under_head .inunder_head .under_head_nav ul li {
  margin-left: 12px;
  line-height: 1;
}
/* line 831, ../_sass/common.scss */
main section.under_head .inunder_head .under_head_nav ul li:first-child {
  margin-left: 0;
}
/* line 834, ../_sass/common.scss */
main section.under_head .inunder_head .under_head_nav ul li a {
  font-size: 12px;
  font-weight: 600;
  color: #fff;
}
/* line 841, ../_sass/common.scss */
main section.under_head .inunder_head .under_head_nav .head_contact {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  margin-left: 24px;
  align-items: center;
}
/* line 848, ../_sass/common.scss */
main section.under_head .inunder_head .under_head_nav .head_contact .text span {
  background: #ffff33;
  font-size: 12px;
  font-weight: 600;
  padding: 6px 8px;
}
/* line 855, ../_sass/common.scss */
main section.under_head .inunder_head .under_head_nav .head_contact .tel {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  margin-left: 15px;
}
/* line 863, ../_sass/common.scss */
main section.under_head .inunder_head .under_head_nav .head_contact .tel .tel_icon {
  width: 18px;
  margin-right: 4px;
}
/* line 866, ../_sass/common.scss */
main section.under_head .inunder_head .under_head_nav .head_contact .tel .tel_icon svg {
  vertical-align: bottom;
  fill: #fff;
  max-width: 100%;
}
/* line 872, ../_sass/common.scss */
main section.under_head .inunder_head .under_head_nav .head_contact .tel .tel_num_box {
  text-align: left;
}
/* line 874, ../_sass/common.scss */
main section.under_head .inunder_head .under_head_nav .head_contact .tel .tel_num_box .tel_num {
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}
/* line 880, ../_sass/common.scss */
main section.under_head .inunder_head .under_head_nav .head_contact .tel .tel_num_box .tel_text {
  font-size: 10px;
  text-indent: -4px;
}
/* line 890, ../_sass/common.scss */
main section.home_kv {
  height: 640px;
}
@media screen and (max-width: 900px) {
  /* line 890, ../_sass/common.scss */
  main section.home_kv {
    height: 98vw;
  }
}
/* line 895, ../_sass/common.scss */
main section.home_kv h1 {
  position: absolute;
  z-index: 1;
  font-size: 54px;
  color: #fff;
  font-weight: 600;
  letter-spacing: -4px;
  top: 50%;
  left: 50%;
  display: block;
  width: 100%;
  text-align: center;
  transform: translate(-50%, -50%);
}
@media all and (-ms-high-contrast: none) {
  /* line 895, ../_sass/common.scss */
  main section.home_kv h1 {
    letter-spacing: 0;
  }
}
@media screen and (max-width: 768px) {
  /* line 895, ../_sass/common.scss */
  main section.home_kv h1 {
    font-size: 5.6vw;
    letter-spacing: -0.4vw;
  }
}
/* line 916, ../_sass/common.scss */
main section.home_kv .covervid-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media print, screen and (min-width: 901px) {
  /* line 922, ../_sass/common.scss */
  main section.home_kv .covervid-wrapper .masthead-video {
    display: block;
  }
}
@media screen and (max-width: 900px) {
  /* line 922, ../_sass/common.scss */
  main section.home_kv .covervid-wrapper .masthead-video {
    display: none;
  }
}
/* line 930, ../_sass/common.scss */
main section.home_kv .covervid-wrapper .masthead-video-sp {
  width: 100%;
}
@media print, screen and (min-width: 901px) {
  /* line 930, ../_sass/common.scss */
  main section.home_kv .covervid-wrapper .masthead-video-sp {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  /* line 930, ../_sass/common.scss */
  main section.home_kv .covervid-wrapper .masthead-video-sp {
    display: block;
  }
}
/* line 941, ../_sass/common.scss */
main section.home_lead {
  text-align: center;
  color: #404040;
}
/* line 944, ../_sass/common.scss */
main section.home_lead .inblock {
  padding: 30px 0;
}
@media screen and (max-width: 900px) {
  /* line 944, ../_sass/common.scss */
  main section.home_lead .inblock {
    padding: 8vw 0;
  }
}
/* line 949, ../_sass/common.scss */
main section.home_lead .inblock h2 {
  font-size: 22px;
  font-weight: 600;
}
@media screen and (max-width: 900px) {
  /* line 949, ../_sass/common.scss */
  main section.home_lead .inblock h2 {
    font-size: 3.6vw;
  }
}
/* line 960, ../_sass/common.scss */
main section.under_lead .inblock h2 {
  font-size: 22px;
  font-weight: 600;
}
@media screen and (max-width: 900px) {
  /* line 960, ../_sass/common.scss */
  main section.under_lead .inblock h2 {
    font-size: 3.6vw;
  }
}
/* line 967, ../_sass/common.scss */
main section.under_lead .inblock .ttl_lead {
  font-size: 16px;
  font-weight: 600;
  margin-top: 20px;
}
@media screen and (max-width: 900px) {
  /* line 967, ../_sass/common.scss */
  main section.under_lead .inblock .ttl_lead {
    font-size: 2.8vw;
    margin: 2vw 4vw 4vw;
  }
}
/* line 976, ../_sass/common.scss */
main section.under_lead .inblock .sanmitsu_img {
  margin-top: 40px;
}
@media screen and (max-width: 900px) {
  /* line 976, ../_sass/common.scss */
  main section.under_lead .inblock .sanmitsu_img {
    margin: 0 4vw;
  }
}
/* line 983, ../_sass/common.scss */
main section.under_lead .inblock.partner h2 {
  margin-bottom: 1.0rem;
}
/* line 990, ../_sass/common.scss */
main section.under_p60 .inblock {
  padding: 60px 0;
}
/* line 992, ../_sass/common.scss */
main section.under_p60 .inblock h2 {
  font-size: 22px;
  font-weight: 600;
}
/* line 999, ../_sass/common.scss */
main section.home_lineup .inblock {
  padding: 60px 0;
}
@media screen and (max-width: 900px) {
  /* line 999, ../_sass/common.scss */
  main section.home_lineup .inblock {
    padding: 8vw 0;
    overflow: hidden;
  }
}
/* line 1005, ../_sass/common.scss */
main section.home_lineup .inblock .floatBox {
  position: relative;
  margin-top: 100px;
}
@media screen and (max-width: 900px) {
  /* line 1005, ../_sass/common.scss */
  main section.home_lineup .inblock .floatBox {
    margin-top: 8vw;
    display: flex;
    flex-direction: column-reverse;
  }
}
/* line 1013, ../_sass/common.scss */
main section.home_lineup .inblock .floatBox:first-of-type {
  margin-top: 0;
}
/* line 1017, ../_sass/common.scss */
main section.home_lineup .inblock .floatBox.re .text {
  left: auto;
  right: 0;
}
/* line 1025, ../_sass/common.scss */
main section.home_lineup .inblock .floatBox.re .img {
  float: left;
}
@media screen and (max-width: 900px) {
  /* line 1025, ../_sass/common.scss */
  main section.home_lineup .inblock .floatBox.re .img {
    text-align: right;
  }
}
/* line 1034, ../_sass/common.scss */
main section.home_lineup .inblock .floatBox.new .text:before {
  content: 'NEW';
  display: inline-block;
  background: #ff0000;
  border-radius: 0 0 8px 8px;
  position: absolute;
  top: 0px;
  left: 50px;
  padding: 6px 12px;
  color: #fff;
  font-weight: 600;
  font-size: 18px;
  line-height: 1;
}
/* line 1050, ../_sass/common.scss */
main section.home_lineup .inblock .floatBox .text {
  background: #fff;
  width: 400px;
  position: absolute;
  top: 40px;
  left: 0;
  text-align: left;
  padding: 40px 50px;
  height: 100%;
  z-index: 2;
}
@media screen and (max-width: 900px) {
  /* line 1050, ../_sass/common.scss */
  main section.home_lineup .inblock .floatBox .text {
    width: 86vw;
    top: auto;
    text-align: left;
    padding: 10vw;
    height: 100%;
    margin: -16vw auto 0;
    position: relative;
  }
}
/* line 1069, ../_sass/common.scss */
main section.home_lineup .inblock .floatBox .text h4 {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 30px;
}
@media screen and (max-width: 900px) {
  /* line 1069, ../_sass/common.scss */
  main section.home_lineup .inblock .floatBox .text h4 {
    font-size: 4vw;
    margin-bottom: 3vw;
  }
}
@media screen and (max-width: 900px) {
  /* line 1078, ../_sass/common.scss */
  main section.home_lineup .inblock .floatBox .text p {
    margin-bottom: 5vw;
  }
}
/* line 1083, ../_sass/common.scss */
main section.home_lineup .inblock .floatBox .text .btn {
  position: absolute;
  bottom: 40px;
  width: 300px;
}
@media screen and (max-width: 900px) {
  /* line 1083, ../_sass/common.scss */
  main section.home_lineup .inblock .floatBox .text .btn {
    position: relative;
    bottom: auto;
    width: auto;
  }
}
/* line 1094, ../_sass/common.scss */
main section.home_lineup .inblock .floatBox .img {
  width: 720px;
  float: right;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 900px) {
  /* line 1094, ../_sass/common.scss */
  main section.home_lineup .inblock .floatBox .img {
    width: 100vw;
    text-align: left;
  }
}
@media screen and (max-width: 900px) {
  /* line 1103, ../_sass/common.scss */
  main section.home_lineup .inblock .floatBox .img img {
    width: 96vw;
  }
}
/* line 1115, ../_sass/common.scss */
main section.contact .inblock .hanbai {
  margin-bottom: 100px;
}
@media screen and (max-width: 900px) {
  /* line 1115, ../_sass/common.scss */
  main section.contact .inblock .hanbai {
    margin: 0 4vw 10vw;
  }
}
/* line 1120, ../_sass/common.scss */
main section.contact .inblock .hanbai p {
  color: #fff;
  line-height: 2.4;
}
@media screen and (max-width: 900px) {
  /* line 1120, ../_sass/common.scss */
  main section.contact .inblock .hanbai p {
    line-height: 1.7;
  }
}
/* line 1126, ../_sass/common.scss */
main section.contact .inblock .hanbai p span {
  font-size: 18px;
  font-weight: 600;
}
@media screen and (max-width: 900px) {
  /* line 1126, ../_sass/common.scss */
  main section.contact .inblock .hanbai p span {
    font-size: 3.5vw;
  }
}
/* line 1139, ../_sass/common.scss */
main section.unei .inblock .unei_box {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 900px) {
  /* line 1139, ../_sass/common.scss */
  main section.unei .inblock .unei_box {
    display: block;
    margin: 0 13vw;
  }
}
/* line 1148, ../_sass/common.scss */
main section.unei .inblock .unei_box .img {
  width: 260px;
  margin-right: 16px;
  line-height: 1;
}
@media screen and (max-width: 900px) {
  /* line 1148, ../_sass/common.scss */
  main section.unei .inblock .unei_box .img {
    width: auto;
    margin-right: 0;
    margin-bottom: 4vw;
  }
}
/* line 1158, ../_sass/common.scss */
main section.unei .inblock .unei_box .text {
  width: 490px;
  text-align: left;
}
@media screen and (max-width: 900px) {
  /* line 1158, ../_sass/common.scss */
  main section.unei .inblock .unei_box .text {
    width: auto;
    text-align: center;
  }
}
/* line 1165, ../_sass/common.scss */
main section.unei .inblock .unei_box .text h4 {
  font-weight: 600;
  margin-bottom: 10px;
}
@media screen and (max-width: 900px) {
  /* line 1165, ../_sass/common.scss */
  main section.unei .inblock .unei_box .text h4 {
    font-size: 3.6vw;
    margin-bottom: 3vw;
    text-align: center;
  }
}
/* line 1174, ../_sass/common.scss */
main section.unei .inblock .unei_box .text p {
  font-size: 14px;
  margin-bottom: 6px;
}
@media screen and (max-width: 900px) {
  /* line 1174, ../_sass/common.scss */
  main section.unei .inblock .unei_box .text p {
    font-size: 3.2vw;
    margin-bottom: 4vw;
    text-align: left;
    text-align: justify;
  }
}
@media screen and (max-width: 900px) {
  /* line 1185, ../_sass/common.scss */
  main section.unei .inblock .unei_box .btn {
    display: inline-block;
  }
}
/* line 1189, ../_sass/common.scss */
main section.unei .inblock .unei_box .btn a {
  display: inline-block;
  border: 1px solid #404040;
  color: #404040;
  padding: 12px 44px 12px 22px;
  font-size: 12px;
  font-weight: 600;
}
@media screen and (max-width: 900px) {
  /* line 1189, ../_sass/common.scss */
  main section.unei .inblock .unei_box .btn a {
    font-size: 3vw;
    padding: 3vw 10vw 3vw 8vw;
  }
}
/* line 1200, ../_sass/common.scss */
main section.unei .inblock .unei_box .btn a span {
  position: relative;
}
/* line 1202, ../_sass/common.scss */
main section.unei .inblock .unei_box .btn a span:after {
  content: '';
  width: 22px;
  height: 11px;
  margin-left: 8px;
  display: inline-block;
  position: absolute;
  top: 50%;
  right: -26px;
  margin-top: -6px;
  transition: 0.6s;
  z-index: 100;
  background: url(assets/img/btn_arrow2.png) 0 0 no-repeat;
  background-size: contain;
}
@media screen and (max-width: 900px) {
  /* line 1202, ../_sass/common.scss */
  main section.unei .inblock .unei_box .btn a span:after {
    width: 4.1vw;
    height: 2.4vw;
    margin-left: 1vw;
    top: 50%;
    right: -4.8vw;
    margin-top: -1.2vw;
  }
}
/* line 1228, ../_sass/common.scss */
main section.unei .inblock .unei_box .btn a:hover span:after {
  right: -32px;
  transition: 0.3s;
}
/* line 1240, ../_sass/common.scss */
main section.news ul.news_block {
  margin: 0 50px;
}
@media screen and (max-width: 900px) {
  /* line 1240, ../_sass/common.scss */
  main section.news ul.news_block {
    margin: 0 4vw;
  }
}
/* line 1245, ../_sass/common.scss */
main section.news ul.news_block li {
  border-bottom: 1px solid #d9d9d9;
}
/* line 1247, ../_sass/common.scss */
main section.news ul.news_block li:first-child {
  border-top: 1px solid #d9d9d9;
}
@media screen and (max-width: 900px) {
  /* line 1245, ../_sass/common.scss */
  main section.news ul.news_block li {
    padding: 3vw 0;
  }
}
/* line 1253, ../_sass/common.scss */
main section.news ul.news_block li dl {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  text-align: left;
}
@media screen and (max-width: 900px) {
  /* line 1253, ../_sass/common.scss */
  main section.news ul.news_block li dl {
    display: block;
  }
}
/* line 1261, ../_sass/common.scss */
main section.news ul.news_block li dl dt {
  padding: 20px 30px 20px 50px;
  font-size: 12px;
}
@media screen and (max-width: 900px) {
  /* line 1261, ../_sass/common.scss */
  main section.news ul.news_block li dl dt {
    padding: 0;
    font-size: 3vw;
  }
}
/* line 1269, ../_sass/common.scss */
main section.news ul.news_block li dl dd {
  padding: 20px 50px 20px 30px;
  font-size: 14px;
}
@media screen and (max-width: 900px) {
  /* line 1269, ../_sass/common.scss */
  main section.news ul.news_block li dl dd {
    padding: 1vw 0 0;
    font-size: 3.2vw;
  }
}
/* line 1276, ../_sass/common.scss */
main section.news ul.news_block li dl dd a {
  color: #e6007d;
  border-bottom: 1px solid #e6007d;
}
/* line 1285, ../_sass/common.scss */
main section .inblock {
  width: 1080px;
  margin: 0 auto;
  text-align: center;
}
@media screen and (max-width: 900px) {
  /* line 1285, ../_sass/common.scss */
  main section .inblock {
    width: auto;
  }
}
/* line 1293, ../_sass/common.scss */
main section .inblock .mov_wrap {
  position: relative;
  width: 86%;
  padding-top: 48.25%;
  margin: 36px auto 36px;
}
@media screen and (max-width: 900px) {
  /* line 1293, ../_sass/common.scss */
  main section .inblock .mov_wrap {
    width: auto;
    margin: 6vw 4vw;
    padding-top: 51.25%;
  }
}
/* line 1303, ../_sass/common.scss */
main section .inblock .mov_wrap iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
/* line 1311, ../_sass/common.scss */
main section .inblock p.textin {
  margin: 30px 0;
  font-weight: 600;
}
@media screen and (max-width: 900px) {
  /* line 1311, ../_sass/common.scss */
  main section .inblock p.textin {
    margin: 3vw 4vw;
    text-align: left;
  }
}
/* line 1319, ../_sass/common.scss */
main section .inblock h3 {
  display: inline-block;
  color: #fff;
  border-radius: 22px;
  margin-bottom: 26px;
  padding: 4px 30px;
  font-size: 20px;
  font-weight: 600;
  min-width: 160px;
}
@media screen and (max-width: 900px) {
  /* line 1319, ../_sass/common.scss */
  main section .inblock h3 {
    font-size: 3.4vw;
    padding: 2vw 4vw;
    min-width: 40vw;
  }
}
/* line 1333, ../_sass/common.scss */
.home main section .inblock h3 {
  color: #404040;
}
/* line 1336, ../_sass/common.scss */
.sanmitsu main section .inblock h3 {
  color: #404040;
}
/* line 1337, ../_sass/common.scss */
.sanmitsu main section .inblock h3#s01, .sanmitsu main section .inblock h3#s02, .sanmitsu main section .inblock h3#s03 {
  font-size: 24px;
}
@media screen and (max-width: 900px) {
  /* line 1336, ../_sass/common.scss */
  .sanmitsu main section .inblock h3 {
    margin-bottom: 3vw;
  }
  /* line 1345, ../_sass/common.scss */
  .sanmitsu main section .inblock h3#s01, .sanmitsu main section .inblock h3#s02, .sanmitsu main section .inblock h3#s03 {
    font-size: 3.4vw;
  }
}
/* line 1352, ../_sass/common.scss */
main section .inblock h3.blue1 {
  background: #fab42d;
}
/* line 1355, ../_sass/common.scss */
main section .inblock h3.orange1 {
  background: #e86345;
}
/* line 1358, ../_sass/common.scss */
main section .inblock h3.yellow1 {
  background: #e69100;
}
/* line 1361, ../_sass/common.scss */
main section .inblock h3.green1 {
  background: #6bd149;
}
/* line 1364, ../_sass/common.scss */
main section .inblock h3.purple1 {
  background: #7e73ff;
}
/* line 1367, ../_sass/common.scss */
main section .inblock h3.lblue1 {
  background: #4eaeff;
}
/* line 1370, ../_sass/common.scss */
main section .inblock h3.white_blue {
  background: #fff;
  color: #404040;
}
/* line 1375, ../_sass/common.scss */
main section .inblock h3.white_orange {
  background: #fff;
  color: #e86345;
}
/* line 1379, ../_sass/common.scss */
main section .inblock h3.white_yellow {
  background: #fff;
  color: #e69100;
}
/* line 1383, ../_sass/common.scss */
main section .inblock h3.white_green {
  background: #fff;
  color: #6bd149;
}
/* line 1387, ../_sass/common.scss */
main section .inblock h3.white_purple {
  background: #fff;
  color: #7e73ff;
}
/* line 1391, ../_sass/common.scss */
main section .inblock h3.white_lblue {
  background: #fff;
  color: #4eaeff;
}
/* line 1396, ../_sass/common.scss */
main section .inblock .ttl_box1 {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-around;
  min-width: 1080px;
}
@media screen and (max-width: 900px) {
  /* line 1396, ../_sass/common.scss */
  main section .inblock .ttl_box1 {
    min-width: 0;
    display: block;
    margin: 0 4vw;
  }
}
/* line 1407, ../_sass/common.scss */
.partner main section .inblock .ttl_box1 {
  flex-wrap: wrap;
  max-width: 940px;
  min-width: 940px;
  margin: 0 auto;
}
/* line 1413, ../_sass/common.scss */
main section .inblock .ttl_box1 li {
  width: 320px;
  position: relative;
  line-height: 1;
}
@media screen and (max-width: 900px) {
  /* line 1413, ../_sass/common.scss */
  main section .inblock .ttl_box1 li {
    width: auto;
    margin-top: 4vw;
  }
}
@media screen and (max-width: 900px) {
  /* line 1421, ../_sass/common.scss */
  main section .inblock .ttl_box1 li:first-child {
    margin-top: 0;
  }
}
/* line 1426, ../_sass/common.scss */
main section .inblock .ttl_box1 li .step {
  display: inline-block;
  background: #fff;
  padding: 18px 37px 5px;
  border-radius: 60px 60px 0 0;
  font-size: 12px;
  font-weight: 600;
  font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}
/* line 1434, ../_sass/common.scss */
main section .inblock .ttl_box1 li .step span {
  display: block;
  font-size: 18px;
}
/* line 1439, ../_sass/common.scss */
main section .inblock .ttl_box1 li .img {
  border: 10px solid #fff;
  border-radius: 4px;
  box-sizing: content-box;
}
@media screen and (max-width: 900px) {
  /* line 1439, ../_sass/common.scss */
  main section .inblock .ttl_box1 li .img {
    border: 7px solid #fff;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    align-items: center;
    box-sizing: border-box;
  }
}
/* line 1452, ../_sass/common.scss */
main section .inblock .ttl_box1 li .img div img {
  vertical-align: middle;
}
@media screen and (max-width: 900px) {
  /* line 1452, ../_sass/common.scss */
  main section .inblock .ttl_box1 li .img div img {
    vertical-align: bottom;
  }
}
@media screen and (max-width: 900px) {
  /* line 1451, ../_sass/common.scss */
  main section .inblock .ttl_box1 li .img div {
    width: 60%;
  }
  /* line 1460, ../_sass/common.scss */
  .sanmitsu main section .inblock .ttl_box1 li .img div {
    width: 52%;
  }
}
/* line 1465, ../_sass/common.scss */
main section .inblock .ttl_box1 li .img p {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  padding: 10px 0;
}
/* line 1470, ../_sass/common.scss */
.oekaki_p main section .inblock .ttl_box1 li .img p {
  font-size: 17px;
  letter-spacing: -1px;
}
@media screen and (max-width: 900px) {
  /* line 1470, ../_sass/common.scss */
  .oekaki_p main section .inblock .ttl_box1 li .img p {
    font-size: 3.6vw;
    line-height: 1.4;
    padding: 0 1vw;
  }
}
/* line 1479, ../_sass/common.scss */
.sunaba main section .inblock .ttl_box1 li .img p {
  font-size: 17px;
  line-height: 1.3;
  letter-spacing: -1px;
  min-height: 4em;
}
@media screen and (max-width: 900px) {
  /* line 1479, ../_sass/common.scss */
  .sunaba main section .inblock .ttl_box1 li .img p {
    font-size: 3.6vw;
    line-height: 1.4;
    padding: 0 1vw;
    min-height: 0;
  }
}
/* line 1491, ../_sass/common.scss */
.programming main section .inblock .ttl_box1 li .img p {
  font-size: 17px;
  letter-spacing: -1px;
}
@media screen and (max-width: 900px) {
  /* line 1491, ../_sass/common.scss */
  .programming main section .inblock .ttl_box1 li .img p {
    font-size: 3.6vw;
    line-height: 1.4;
    padding: 0 1vw;
  }
}
/* line 1500, ../_sass/common.scss */
.oekaki_r main section .inblock .ttl_box1 li .img p {
  font-size: 17px;
  letter-spacing: -1px;
}
@media screen and (max-width: 900px) {
  /* line 1500, ../_sass/common.scss */
  .oekaki_r main section .inblock .ttl_box1 li .img p {
    font-size: 3.6vw;
    line-height: 1.4;
    padding: 0 1vw;
  }
}
@media screen and (max-width: 900px) {
  /* line 1509, ../_sass/common.scss */
  .sanmitsu main section .inblock .ttl_box1 li .img p {
    font-size: 3.2vw;
    line-height: 1.4;
    padding: 0 1vw;
    width: 50%;
  }
}
@media screen and (max-width: 900px) {
  /* line 1465, ../_sass/common.scss */
  main section .inblock .ttl_box1 li .img p {
    width: 40%;
    font-size: 4vw;
  }
}
/* line 1521, ../_sass/common.scss */
.bubble_t main section .inblock .ttl_box1 li .img p {
  font-size: 17px;
  line-height: 1.3;
  letter-spacing: -1px;
  min-height: 4em;
}
@media screen and (max-width: 900px) {
  /* line 1521, ../_sass/common.scss */
  .bubble_t main section .inblock .ttl_box1 li .img p {
    font-size: 3.6vw;
    line-height: 1.4;
    padding: 0 1vw;
    min-height: 0;
  }
}
/* line 1535, ../_sass/common.scss */
main section .inblock .ttl_box1 li:after {
  content: '';
  display: inline-block;
  width: 10px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #ddd;
  position: absolute;
  top: calc(50% + 25px);
  right: -35px;
  margin-top: -5px;
}
@media screen and (max-width: 900px) {
  /* line 1535, ../_sass/common.scss */
  main section .inblock .ttl_box1 li:after {
    content: none;
  }
}
/* line 1549, ../_sass/common.scss */
.partner main section .inblock .ttl_box1 li:after {
  content: none;
}
/* line 1554, ../_sass/common.scss */
main section .inblock .ttl_box1 li:last-child:after {
  content: none;
}
@media screen and (max-width: 900px) {
  /* line 1558, ../_sass/common.scss */
  main section .inblock .ttl_box1 li:after {
    content: '';
    display: inline-block;
    width: 0px;
    margin-top: 4vw;
    border-top: 4vw solid #ddd;
    border-bottom: 0;
    border-left: 4vw solid transparent;
    border-right: 4vw solid transparent;
    position: static;
  }
}
/* line 1573, ../_sass/common.scss */
.sunaba main section .inblock .ttl_box1 li:last-child p {
  line-height: 45px;
}
@media screen and (max-width: 900px) {
  /* line 1573, ../_sass/common.scss */
  .sunaba main section .inblock .ttl_box1 li:last-child p {
    line-height: 1.4;
  }
}
/* line 1583, ../_sass/common.scss */
main section .inblock .ttl_box1.orange1 li {
  color: #e86345;
}
/* line 1585, ../_sass/common.scss */
main section .inblock .ttl_box1.orange1 li .img {
  background: #e86345;
}
/* line 1588, ../_sass/common.scss */
main section .inblock .ttl_box1.orange1 li p {
  background: #e86345;
}
/* line 1591, ../_sass/common.scss */
main section .inblock .ttl_box1.orange1 li:after {
  border-left-color: #e86345;
}
@media screen and (max-width: 900px) {
  /* line 1591, ../_sass/common.scss */
  main section .inblock .ttl_box1.orange1 li:after {
    border-top-color: #e86345;
    border-left-color: transparent;
  }
}
/* line 1601, ../_sass/common.scss */
main section .inblock .ttl_box1.blue1 li {
  color: #fab42d;
}
/* line 1603, ../_sass/common.scss */
main section .inblock .ttl_box1.blue1 li .img {
  background: #fab42d;
}
/* line 1606, ../_sass/common.scss */
main section .inblock .ttl_box1.blue1 li p {
  background: #fab42d;
  font-size: 22px;
  font-weight: 600;
  padding: 5px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 86px;
  line-height: 1.4;
}
@media screen and (max-width: 900px) {
  /* line 1606, ../_sass/common.scss */
  main section .inblock .ttl_box1.blue1 li p {
    font-size: 3.2vw;
    padding: 0 1vw;
  }
}
/* line 1621, ../_sass/common.scss */
main section .inblock .ttl_box1.blue1 li:after {
  border-left-color: #fab42d;
}
@media screen and (max-width: 900px) {
  /* line 1621, ../_sass/common.scss */
  main section .inblock .ttl_box1.blue1 li:after {
    border-top-color: #fab42d;
    border-left-color: transparent;
  }
}
/* line 1631, ../_sass/common.scss */
main section .inblock .ttl_box1.yellow1 li {
  color: #e69100;
}
/* line 1633, ../_sass/common.scss */
main section .inblock .ttl_box1.yellow1 li .img {
  background: #e69100;
}
/* line 1636, ../_sass/common.scss */
main section .inblock .ttl_box1.yellow1 li p {
  background: #e69100;
}
/* line 1639, ../_sass/common.scss */
main section .inblock .ttl_box1.yellow1 li:after {
  border-left-color: #e69100;
}
@media screen and (max-width: 900px) {
  /* line 1639, ../_sass/common.scss */
  main section .inblock .ttl_box1.yellow1 li:after {
    border-top-color: #e69100;
    border-left-color: transparent;
  }
}
/* line 1649, ../_sass/common.scss */
main section .inblock .ttl_box1.green1 li {
  color: #6bd149;
}
/* line 1651, ../_sass/common.scss */
main section .inblock .ttl_box1.green1 li .img {
  background: #6bd149;
}
/* line 1654, ../_sass/common.scss */
main section .inblock .ttl_box1.green1 li p {
  background: #6bd149;
}
/* line 1657, ../_sass/common.scss */
main section .inblock .ttl_box1.green1 li:after {
  border-left-color: #6bd149;
}
@media screen and (max-width: 900px) {
  /* line 1657, ../_sass/common.scss */
  main section .inblock .ttl_box1.green1 li:after {
    border-top-color: #6bd149;
    border-left-color: transparent;
  }
}
/* line 1667, ../_sass/common.scss */
main section .inblock .ttl_box1.purple1 li {
  color: #7e73ff;
}
/* line 1669, ../_sass/common.scss */
main section .inblock .ttl_box1.purple1 li .img {
  background: #7e73ff;
}
/* line 1672, ../_sass/common.scss */
main section .inblock .ttl_box1.purple1 li p {
  background: #7e73ff;
}
/* line 1675, ../_sass/common.scss */
main section .inblock .ttl_box1.purple1 li:after {
  border-left-color: #7e73ff;
}
@media screen and (max-width: 900px) {
  /* line 1675, ../_sass/common.scss */
  main section .inblock .ttl_box1.purple1 li:after {
    border-top-color: #7e73ff;
    border-left-color: transparent;
  }
}
/* line 1685, ../_sass/common.scss */
main section .inblock .ttl_box1.lblue1 li {
  color: #4eaeff;
}
/* line 1687, ../_sass/common.scss */
main section .inblock .ttl_box1.lblue1 li .img {
  background: #4eaeff;
}
/* line 1690, ../_sass/common.scss */
main section .inblock .ttl_box1.lblue1 li p {
  background: #4eaeff;
}
/* line 1693, ../_sass/common.scss */
main section .inblock .ttl_box1.lblue1 li:after {
  border-left-color: #4eaeff;
}
@media screen and (max-width: 900px) {
  /* line 1693, ../_sass/common.scss */
  main section .inblock .ttl_box1.lblue1 li:after {
    border-top-color: #4eaeff;
    border-left-color: transparent;
  }
}
/* line 1703, ../_sass/common.scss */
main section .inblock ul.ck_list {
  text-align: center;
  width: 530px;
  margin: 0 auto;
  text-align: left;
}
@media screen and (max-width: 900px) {
  /* line 1703, ../_sass/common.scss */
  main section .inblock ul.ck_list {
    width: 86vw;
  }
}
/* line 1711, ../_sass/common.scss */
main section .inblock ul.ck_list li {
  display: inline-block;
  background: #fff url(assets/img/3mitsu/ck.png) 22px center no-repeat;
  background-size: 34px 34px;
  border-radius: 20px;
  padding: 10px 0 10px 66px;
  font-size: 22px;
  font-weight: 600;
  width: 100%;
  margin-top: 14px;
}
/* line 1721, ../_sass/common.scss */
main section .inblock ul.ck_list li:nth-child(1) {
  color: #00b6ee;
  margin-top: 0;
}
/* line 1725, ../_sass/common.scss */
main section .inblock ul.ck_list li:nth-child(2) {
  color: #e54595;
}
/* line 1728, ../_sass/common.scss */
main section .inblock ul.ck_list li:nth-child(3) {
  color: #39bfbf;
}
@media screen and (max-width: 900px) {
  /* line 1711, ../_sass/common.scss */
  main section .inblock ul.ck_list li {
    font-size: 3.2vw;
    margin-top: 2vw;
    background: #fff url(assets/img/3mitsu/ck.png) 4vw center no-repeat;
    background-size: 5vw;
    padding: 2vw 2vw 2vw 11vw;
  }
}
/* line 1740, ../_sass/common.scss */
main section .inblock ul.circle01 {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 900px) {
  /* line 1740, ../_sass/common.scss */
  main section .inblock ul.circle01 {
    justify-content: center;
  }
}
/* line 1749, ../_sass/common.scss */
main section .inblock ul.circle01 li {
  width: 340px;
  height: 340px;
  border-radius: 50%;
  background: #fcd996;
  padding-top: 50px;
}
@media screen and (max-width: 900px) {
  /* line 1749, ../_sass/common.scss */
  main section .inblock ul.circle01 li {
    width: 42vw;
    height: 42vw;
    margin: 0 3vw 0vw;
    padding-top: 8vw;
  }
}
/* line 1761, ../_sass/common.scss */
main section .inblock ul.circle01 li h4 {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.6;
}
@media screen and (max-width: 900px) {
  /* line 1761, ../_sass/common.scss */
  main section .inblock ul.circle01 li h4 {
    font-size: 3.2vw;
  }
}
/* line 1769, ../_sass/common.scss */
main section .inblock ul.circle01 li div {
  margin-top: 10px;
}
@media screen and (max-width: 900px) {
  /* line 1769, ../_sass/common.scss */
  main section .inblock ul.circle01 li div {
    margin-top: 1vw;
  }
}
/* line 1774, ../_sass/common.scss */
main section .inblock ul.circle01 li div img {
  width: 210px;
}
@media screen and (max-width: 900px) {
  /* line 1774, ../_sass/common.scss */
  main section .inblock ul.circle01 li div img {
    width: 20vw;
  }
}
/* line 1783, ../_sass/common.scss */
main section .inblock ul.circle02 {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 900px) {
  /* line 1783, ../_sass/common.scss */
  main section .inblock ul.circle02 {
    display: block;
  }
}
/* line 1792, ../_sass/common.scss */
main section .inblock ul.circle02 li {
  width: 340px;
  height: 340px;
  border-radius: 50%;
  background: #fff;
  padding-top: 80px;
}
@media screen and (max-width: 900px) {
  /* line 1792, ../_sass/common.scss */
  main section .inblock ul.circle02 li {
    width: 70vw;
    height: 70vw;
    margin: 0 auto 3vw;
    padding-top: 14vw;
  }
}
/* line 1804, ../_sass/common.scss */
main section .inblock ul.circle02 li h4 {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.6;
  margin-bottom: 12px;
}
@media screen and (max-width: 900px) {
  /* line 1804, ../_sass/common.scss */
  main section .inblock ul.circle02 li h4 {
    font-size: 4.2vw;
  }
}
/* line 1814, ../_sass/common.scss */
main section .inblock ul.circle02 li.n01 h4 {
  color: #00b6ee;
  line-height: 3;
}
@media screen and (max-width: 900px) {
  /* line 1814, ../_sass/common.scss */
  main section .inblock ul.circle02 li.n01 h4 {
    line-height: 1.6;
  }
}
/* line 1822, ../_sass/common.scss */
main section .inblock ul.circle02 li.n01.bubble h4 {
  line-height: 1.6;
}
/* line 1828, ../_sass/common.scss */
main section .inblock ul.circle02 li.n02 h4 {
  color: #e54595;
}
/* line 1832, ../_sass/common.scss */
.sunaba main section .inblock ul.circle02 li.n02 h4 {
  line-height: 3;
}
@media screen and (max-width: 900px) {
  /* line 1832, ../_sass/common.scss */
  .sunaba main section .inblock ul.circle02 li.n02 h4 {
    line-height: 1.6;
  }
}
/* line 1841, ../_sass/common.scss */
main section .inblock ul.circle02 li.n03 h4 {
  color: #39bfbf;
}
/* line 1845, ../_sass/common.scss */
.sunaba main section .inblock ul.circle02 li.n03 h4 {
  line-height: 3;
}
@media screen and (max-width: 900px) {
  /* line 1845, ../_sass/common.scss */
  .sunaba main section .inblock ul.circle02 li.n03 h4 {
    line-height: 1.6;
  }
}
/* line 1853, ../_sass/common.scss */
main section .inblock ul.circle02 li p {
  width: 200px;
  margin: 0 auto;
  font-size: 14px;
  text-align: left;
  text-align: justify;
}
@media screen and (max-width: 900px) {
  /* line 1853, ../_sass/common.scss */
  main section .inblock ul.circle02 li p {
    width: 64%;
    font-size: 3.2vw;
  }
}
/* line 1866, ../_sass/common.scss */
main section .inblock h5.h5_border {
  font-size: 26px;
  margin-top: 20px;
  display: inline-block;
  font-weight: 600;
  padding-bottom: 3px;
  border-bottom: 4px solid #fab42d;
}
@media screen and (max-width: 900px) {
  /* line 1866, ../_sass/common.scss */
  main section .inblock h5.h5_border {
    font-size: 3.4vw;
  }
}
/* line 1877, ../_sass/common.scss */
main section .inblock .c00 {
  width: 940px;
  margin: 100px auto 0;
}
@media screen and (max-width: 900px) {
  /* line 1877, ../_sass/common.scss */
  main section .inblock .c00 {
    width: auto;
    margin: 8vw 4vw 0;
  }
}
/* line 1884, ../_sass/common.scss */
main section .inblock .c00:first-child {
  margin-top: 0;
}
/* line 1887, ../_sass/common.scss */
main section .inblock .c00 h4 {
  font-size: 22px;
  font-weight: 600;
}
@media screen and (max-width: 900px) {
  /* line 1887, ../_sass/common.scss */
  main section .inblock .c00 h4 {
    font-size: 3.5vw;
  }
}
/* line 1894, ../_sass/common.scss */
main section .inblock .c00 .sanmitsu_list {
  margin-top: 20px;
}
@media screen and (max-width: 900px) {
  /* line 1894, ../_sass/common.scss */
  main section .inblock .c00 .sanmitsu_list {
    margin-top: 6vw;
  }
}
/* line 1899, ../_sass/common.scss */
main section .inblock .c00 .sanmitsu_list .ttl {
  display: inline-block;
  background: #fff;
  padding: 17px 37px 0;
  border-radius: 60px 60px 0 0;
  font-size: 20px;
  font-weight: 600;
  width: auto;
  line-height: 1.7;
}
@media screen and (max-width: 900px) {
  /* line 1899, ../_sass/common.scss */
  main section .inblock .c00 .sanmitsu_list .ttl {
    padding: 3vw 0 0;
    font-size: 2.8vw;
    width: 77vw;
  }
}
/* line 1914, ../_sass/common.scss */
main section .inblock .c00 .sanmitsu_list .ttl.orange1 {
  color: #e86345;
}
/* line 1917, ../_sass/common.scss */
main section .inblock .c00 .sanmitsu_list .ttl.purple1 {
  color: #7e73ff;
}
/* line 1921, ../_sass/common.scss */
main section .inblock .c00 .sanmitsu_list p.text {
  line-height: 1.4;
  margin-top: .5em;
}
@media screen and (max-width: 900px) {
  /* line 1921, ../_sass/common.scss */
  main section .inblock .c00 .sanmitsu_list p.text {
    font-size: 2vw;
    margin-top: 1vw;
  }
}
/* line 1929, ../_sass/common.scss */
main section .inblock .c00 .sanmitsu_list .list_wrap {
  background: #fff;
  padding: 34px 20px 20px;
}
@media screen and (max-width: 900px) {
  /* line 1929, ../_sass/common.scss */
  main section .inblock .c00 .sanmitsu_list .list_wrap {
    padding: 6vw 4vw 4vw;
  }
}
/* line 1935, ../_sass/common.scss */
main section .inblock .c00 .sanmitsu_list .list_wrap ul {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  margin: 0 -40px;
}
@media screen and (max-width: 900px) {
  /* line 1935, ../_sass/common.scss */
  main section .inblock .c00 .sanmitsu_list .list_wrap ul {
    margin: 0;
    justify-content: space-between;
  }
}
/* line 1946, ../_sass/common.scss */
main section .inblock .c00 .sanmitsu_list .list_wrap ul.basecolor li:after {
  border-left-color: #404040;
}
/* line 1951, ../_sass/common.scss */
main section .inblock .c00 .sanmitsu_list .list_wrap ul.orange1 li:after {
  border-left-color: #e86345;
}
/* line 1956, ../_sass/common.scss */
main section .inblock .c00 .sanmitsu_list .list_wrap ul.purple1 li:after {
  border-left-color: #7e73ff;
}
/* line 1960, ../_sass/common.scss */
main section .inblock .c00 .sanmitsu_list .list_wrap ul li {
  width: 224px;
  margin: 0 40px;
  position: relative;
}
@media screen and (max-width: 900px) {
  /* line 1960, ../_sass/common.scss */
  main section .inblock .c00 .sanmitsu_list .list_wrap ul li {
    width: 31%;
    margin: 0;
  }
}
/* line 1968, ../_sass/common.scss */
main section .inblock .c00 .sanmitsu_list .list_wrap ul li .img {
  line-height: 0;
}
@media screen and (max-width: 900px) {
  /* line 1968, ../_sass/common.scss */
  main section .inblock .c00 .sanmitsu_list .list_wrap ul li .img {
    border: 1px solid #ddd;
  }
}
/* line 1974, ../_sass/common.scss */
main section .inblock .c00 .sanmitsu_list .list_wrap ul li:after {
  content: '';
  display: inline-block;
  width: 10px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #ddd;
  position: absolute;
  top: calc(50% - 15px);
  right: -50px;
  margin-top: -5px;
  z-index: 1;
}
@media screen and (max-width: 900px) {
  /* line 1974, ../_sass/common.scss */
  main section .inblock .c00 .sanmitsu_list .list_wrap ul li:after {
    content: '';
    display: inline-block;
    width: 1vw;
    border-top: 1vw solid transparent;
    border-bottom: 1vw solid transparent;
    border-left: 2vw solid #ddd;
    position: absolute;
    top: calc(9vw);
    right: -3.6vw;
    z-index: 1;
  }
}
/* line 2000, ../_sass/common.scss */
main section .inblock .c00 .sanmitsu_list .list_wrap ul li:last-child:after {
  content: none;
}
/* line 2008, ../_sass/common.scss */
main section .inblock .c00 .san_attention {
  margin-top: 18px;
  font-size: 14px;
  text-align: left;
}
@media screen and (max-width: 900px) {
  /* line 2008, ../_sass/common.scss */
  main section .inblock .c00 .san_attention {
    font-size: 2.8vw;
    margin-top: 2vw;
  }
}
/* line 2018, ../_sass/common.scss */
main section .inblock .c00 .sanmitsu_box ul {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
/* line 2024, ../_sass/common.scss */
main section .inblock .c00 .sanmitsu_box ul li {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  width: 294px;
  cursor: pointer;
  margin-top: 24px;
  position: relative;
}
@media screen and (max-width: 900px) {
  /* line 2024, ../_sass/common.scss */
  main section .inblock .c00 .sanmitsu_box ul li {
    width: 49%;
    margin-top: 2vw;
    font-size: 2.8vw;
  }
}
/* line 2037, ../_sass/common.scss */
main section .inblock .c00 .sanmitsu_box ul li a {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  color: #fff;
  opacity: 1;
  transition: .4s;
  width: 100%;
}
/* line 2048, ../_sass/common.scss */
main section .inblock .c00 .sanmitsu_box ul li a.free .txt:after {
  content: 'Free';
  display: block;
  position: absolute;
  top: 0;
  left: 8px;
  color: #fff;
  background: #00a4f0;
  border-radius: 0 0 8px 8px;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0;
  padding: .3em .9em;
  line-height: 1;
}
@media screen and (max-width: 900px) {
  /* line 2048, ../_sass/common.scss */
  main section .inblock .c00 .sanmitsu_box ul li a.free .txt:after {
    font-size: 2.6vw;
  }
}
/* line 2070, ../_sass/common.scss */
main section .inblock .c00 .sanmitsu_box ul li a.inlink .txt:before {
  content: '';
  width: 22px;
  height: 11px;
  margin-left: 8px;
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 14px;
  margin-top: -6px;
  transition: 0.6s;
  z-index: 100;
  background: url(assets/img/btn_arrow.png) 0 0 no-repeat;
  background-size: contain;
}
@media screen and (max-width: 900px) {
  /* line 2070, ../_sass/common.scss */
  main section .inblock .c00 .sanmitsu_box ul li a.inlink .txt:before {
    width: 3vw;
    height: 2.4vw;
    top: 50%;
    right: 1vw;
    margin-top: -1.2vw;
  }
}
/* line 2096, ../_sass/common.scss */
main section .inblock .c00 .sanmitsu_box ul li a.outlink .txt:before {
  position: absolute;
  top: 16px;
  right: 10px;
  content: '';
  width: 16px;
  height: 16px;
  background: url(assets/img/3mitsu/ot.png) 0 0 no-repeat;
  background-size: contain;
}
@media screen and (max-width: 900px) {
  /* line 2096, ../_sass/common.scss */
  main section .inblock .c00 .sanmitsu_box ul li a.outlink .txt:before {
    top: 1.5vw;
    right: 1vw;
    content: '';
    width: 2.6vw;
    height: 2.6vw;
  }
}
/* line 2115, ../_sass/common.scss */
main section .inblock .c00 .sanmitsu_box ul li a:hover {
  opacity: .8;
  transition: .4s;
}
/* line 2119, ../_sass/common.scss */
main section .inblock .c00 .sanmitsu_box ul li a.inlink:hover {
  opacity: .8;
  transition: .4s;
}
/* line 2123, ../_sass/common.scss */
main section .inblock .c00 .sanmitsu_box ul li a.inlink:hover .txt:before {
  right: 6px;
}
@media screen and (max-width: 900px) {
  /* line 2126, ../_sass/common.scss */
  main section .inblock .c00 .sanmitsu_box ul li a.inlink:hover .txt:before right {
    right: 1vw;
  }
}
/* line 2133, ../_sass/common.scss */
main section .inblock .c00 .sanmitsu_box ul li a .img {
  line-height: 0;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  height: 227px;
}
@media screen and (max-width: 900px) {
  /* line 2133, ../_sass/common.scss */
  main section .inblock .c00 .sanmitsu_box ul li a .img {
    height: auto;
  }
}
/* line 2142, ../_sass/common.scss */
main section .inblock .c00 .sanmitsu_box ul li a .img img {
  width: 100%;
  align-self: flex-start;
}
/* line 2147, ../_sass/common.scss */
main section .inblock .c00 .sanmitsu_box ul li a .txt {
  position: relative;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100px;
  background: #fab42d;
  color: #fff;
  font-weight: 600;
  padding: .5em 4px;
}
@media screen and (max-width: 900px) {
  /* line 2147, ../_sass/common.scss */
  main section .inblock .c00 .sanmitsu_box ul li a .txt {
    letter-spacing: -0.15em;
    background: #fab42d;
    color: #fff;
    font-weight: 600;
    padding: 1.1em .3em .5em;
    min-height: 19vw;
  }
}
/* line 2169, ../_sass/common.scss */
main section .inblock .c00 .sanmitsu_box ul li a .txt.orange1 {
  background: #e86345;
}
/* line 2172, ../_sass/common.scss */
main section .inblock .c00 .sanmitsu_box ul li a .txt.purple1 {
  background: #7e73ff;
}
/* line 2175, ../_sass/common.scss */
main section .inblock .c00 .sanmitsu_box ul li a .txt.basecolor {
  background: #404040;
}
/* line 2183, ../_sass/common.scss */
main section .inblock .c00 .service_lineup {
  margin-top: 1.0rem;
}
/* line 2185, ../_sass/common.scss */
main section .inblock .c00 .service_lineup ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
/* line 2190, ../_sass/common.scss */
main section .inblock .c00 .service_lineup li {
  width: 50%;
  margin-bottom: 0.5rem;
  padding: 0 0.25rem;
}
@media screen and (min-width: 768px) {
  /* line 2190, ../_sass/common.scss */
  main section .inblock .c00 .service_lineup li {
    margin-bottom: 2.0rem;
    padding: 0 1.0rem;
  }
}
@media screen and (min-width: 992px) {
  /* line 2190, ../_sass/common.scss */
  main section .inblock .c00 .service_lineup li {
    width: 33%;
  }
}
/* line 2202, ../_sass/common.scss */
main section .inblock .c00 .service_lineup a {
  display: block;
}
/* line 2204, ../_sass/common.scss */
main section .inblock .c00 .service_lineup a:hover {
  opacity: .8;
  transition: .4s;
}
/* line 2210, ../_sass/common.scss */
main section .inblock .c00 .service_lineup .photo img {
  display: block;
}
/* line 2214, ../_sass/common.scss */
main section .inblock .c00 .service_lineup .article {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3.5rem;
  padding: 1.0rem 0.25rem;
  position: relative;
}
/* line 2221, ../_sass/common.scss */
main section .inblock .c00 .service_lineup .article.red {
  background: #e86345;
}
/* line 2224, ../_sass/common.scss */
main section .inblock .c00 .service_lineup .article.orange {
  background: #fab42d;
}
/* line 2227, ../_sass/common.scss */
main section .inblock .c00 .service_lineup .article.purple {
  background: #7e73ff;
}
/* line 2230, ../_sass/common.scss */
main section .inblock .c00 .service_lineup .article.green {
  background: #6bd149;
}
/* line 2233, ../_sass/common.scss */
main section .inblock .c00 .service_lineup .article.lblue {
  background: #4eaeff;
}
/* line 2236, ../_sass/common.scss */
main section .inblock .c00 .service_lineup .article:after {
  content: '';
  display: inline-block;
  background-image: url(assets/img/btn_arrow.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 0.75rem;
  height: 0.75rem;
  position: absolute;
  top: 55%;
  right: 0.25rem;
  transform: translateY(-55%);
}
/* line 2249, ../_sass/common.scss */
main section .inblock .c00 .service_lineup .article p {
  width: 100%;
  font-weight: bold;
  color: #fff;
}
@media screen and (min-width: 576px) {
  /* line 2214, ../_sass/common.scss */
  main section .inblock .c00 .service_lineup .article {
    height: 4.0rem;
  }
  /* line 2256, ../_sass/common.scss */
  main section .inblock .c00 .service_lineup .article p {
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 768px) {
  /* line 2214, ../_sass/common.scss */
  main section .inblock .c00 .service_lineup .article {
    height: 5.0rem;
  }
  /* line 2262, ../_sass/common.scss */
  main section .inblock .c00 .service_lineup .article:after {
    width: 1.25rem;
    height: 1.25rem;
  }
  /* line 2266, ../_sass/common.scss */
  main section .inblock .c00 .service_lineup .article p {
    font-size: 1.0rem;
  }
}
/* line 2273, ../_sass/common.scss */
main section .inblock .c00 .c00_1 {
  margin-top: 20px;
}
@media screen and (max-width: 900px) {
  /* line 2273, ../_sass/common.scss */
  main section .inblock .c00 .c00_1 {
    margin-top: 6vw;
  }
}
/* line 2278, ../_sass/common.scss */
main section .inblock .c00 .c00_1 .ttl {
  display: inline-block;
  background: #fff;
  padding: 17px 37px 0;
  border-radius: 60px 60px 0 0;
  font-size: 20px;
  font-weight: 600;
  width: auto;
  line-height: 1.7;
}
@media screen and (max-width: 900px) {
  /* line 2278, ../_sass/common.scss */
  main section .inblock .c00 .c00_1 .ttl {
    padding: 3vw 0 0;
    border-radius: 60px 60px 0 0;
    font-size: 4.4vw;
    font-weight: 600;
    width: 50vw;
  }
}
/* line 2295, ../_sass/common.scss */
main section .inblock .c00 .c00_1 .ttl.orange1 {
  color: #e86345;
}
/* line 2298, ../_sass/common.scss */
main section .inblock .c00 .c00_1 .ttl.purple1 {
  color: #7e73ff;
}
/* line 2303, ../_sass/common.scss */
main section .inblock .c00 .c00_1.n01 .ttl {
  color: #e64595;
}
@media screen and (max-width: 900px) {
  /* line 2307, ../_sass/common.scss */
  main section .inblock .c00 .c00_1.n01 .c00_1box li {
    width: 48%;
  }
}
/* line 2315, ../_sass/common.scss */
main section .inblock .c00 .c00_1.n02 .ttl {
  color: #00b6ee;
}
/* line 2319, ../_sass/common.scss */
.oekaki_r main section .inblock .c00 .c00_1.n02 .c00_1box {
  padding: 34px 20px 20px;
}
/* line 2322, ../_sass/common.scss */
main section .inblock .c00 .c00_1.n02 .c00_1box ul {
  margin: 0 100px;
}
/* line 2324, ../_sass/common.scss */
.sunaba main section .inblock .c00 .c00_1.n02 .c00_1box ul {
  margin: 0 80px;
}
@media screen and (max-width: 900px) {
  /* line 2324, ../_sass/common.scss */
  .sunaba main section .inblock .c00 .c00_1.n02 .c00_1box ul {
    margin: 0 12vw;
  }
}
/* line 2330, ../_sass/common.scss */
.oekaki_r main section .inblock .c00 .c00_1.n02 .c00_1box ul {
  justify-content: space-around;
}
@media screen and (max-width: 900px) {
  /* line 2322, ../_sass/common.scss */
  main section .inblock .c00 .c00_1.n02 .c00_1box ul {
    margin: 0 12vw;
  }
}
@media screen and (max-width: 900px) {
  /* line 2337, ../_sass/common.scss */
  .sunaba main section .inblock .c00 .c00_1.n02 .c00_1box ul li {
    width: auto;
  }
}
/* line 2343, ../_sass/common.scss */
.programming main section .inblock .c00 .c00_1.n02 .c00_1box ul li p.img {
  width: 190px;
}
@media screen and (max-width: 900px) {
  /* line 2343, ../_sass/common.scss */
  .programming main section .inblock .c00 .c00_1.n02 .c00_1box ul li p.img {
    width: 70%;
  }
}
/* line 2351, ../_sass/common.scss */
.oekaki_r main section .inblock .c00 .c00_1.n02 .c00_1box ul li p.img {
  width: 250px;
}
/* line 2353, ../_sass/common.scss */
.oekaki_r main section .inblock .c00 .c00_1.n02 .c00_1box ul li p.img img {
  width: 100%;
}
@media screen and (max-width: 900px) {
  /* line 2351, ../_sass/common.scss */
  .oekaki_r main section .inblock .c00 .c00_1.n02 .c00_1box ul li p.img {
    width: auto;
  }
}
/* line 2365, ../_sass/common.scss */
main section .inblock .c00 .c00_1 .c00_1box {
  background: #fff;
  padding: 34px 20px 20px;
}
/* line 2368, ../_sass/common.scss */
.oekaki_r main section .inblock .c00 .c00_1 .c00_1box {
  padding: 34px 50px 20px;
}
@media screen and (max-width: 900px) {
  /* line 2368, ../_sass/common.scss */
  .oekaki_r main section .inblock .c00 .c00_1 .c00_1box {
    padding: 6vw 4vw 4vw;
  }
}
@media screen and (max-width: 900px) {
  /* line 2365, ../_sass/common.scss */
  main section .inblock .c00 .c00_1 .c00_1box {
    padding: 6vw 4vw 4vw;
  }
}
/* line 2377, ../_sass/common.scss */
main section .inblock .c00 .c00_1 .c00_1box h5 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}
@media screen and (max-width: 900px) {
  /* line 2377, ../_sass/common.scss */
  main section .inblock .c00 .c00_1 .c00_1box h5 {
    font-size: 3.6vw;
    margin-bottom: 2vw;
  }
}
/* line 2385, ../_sass/common.scss */
.oekaki main section .inblock .c00 .c00_1 .c00_1box h5 {
  color: #e86345;
}
/* line 2389, ../_sass/common.scss */
main section .inblock .c00 .c00_1 .c00_1box ul {
  display: flex;
  justify-content: space-around;
}
/* line 2392, ../_sass/common.scss */
.oekaki_r main section .inblock .c00 .c00_1 .c00_1box ul {
  justify-content: space-between;
}
@media screen and (max-width: 900px) {
  /* line 2389, ../_sass/common.scss */
  main section .inblock .c00 .c00_1 .c00_1box ul {
    justify-content: center;
    flex-wrap: wrap;
  }
}
/* line 2400, ../_sass/common.scss */
.sunaba main section .inblock .c00 .c00_1 .c00_1box ul li {
  width: 390px;
}
@media screen and (max-width: 900px) {
  /* line 2400, ../_sass/common.scss */
  .sunaba main section .inblock .c00 .c00_1 .c00_1box ul li {
    width: 48%;
  }
}
/* line 2405, ../_sass/common.scss */
.sunaba main section .inblock .c00 .c00_1 .c00_1box ul li span {
  letter-spacing: 0;
}
@media screen and (max-width: 900px) {
  /* line 2399, ../_sass/common.scss */
  main section .inblock .c00 .c00_1 .c00_1box ul li {
    margin-bottom: 3vw;
  }
}
/* line 2419, ../_sass/common.scss */
main section .inblock .c00 .c00_1 .c00_1box ul li p.img {
  display: flex;
  align-items: center;
  justify-content: center;
  vertical-align: bottom;
  margin-bottom: 20px;
}
/* line 2427, ../_sass/common.scss */
.sunaba main section .inblock .c00 .c00_1 .c00_1box ul li p.img {
  width: auto;
  margin-bottom: 4px;
}
@media screen and (max-width: 900px) {
  /* line 2427, ../_sass/common.scss */
  .sunaba main section .inblock .c00 .c00_1 .c00_1box ul li p.img {
    margin-bottom: 1vw;
  }
}
/* line 2433, ../_sass/common.scss */
.sunaba main section .inblock .c00 .c00_1 .c00_1box ul li p.img img {
  width: 224px;
}
@media screen and (max-width: 900px) {
  /* line 2433, ../_sass/common.scss */
  .sunaba main section .inblock .c00 .c00_1 .c00_1box ul li p.img img {
    width: 100%;
  }
}
/* line 2444, ../_sass/common.scss */
.oekaki main section .inblock .c00 .c00_1 .c00_1box ul li p.img {
  width: 250px;
  height: auto;
}
@media screen and (max-width: 900px) {
  /* line 2444, ../_sass/common.scss */
  .oekaki main section .inblock .c00 .c00_1 .c00_1box ul li p.img {
    width: auto;
  }
}
/* line 2450, ../_sass/common.scss */
.oekaki main section .inblock .c00 .c00_1 .c00_1box ul li p.img img {
  width: auto;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-shrink: 0;
}
@media screen and (max-width: 900px) {
  /* line 2450, ../_sass/common.scss */
  .oekaki main section .inblock .c00 .c00_1 .c00_1box ul li p.img img {
    width: 100%;
  }
}
/* line 2461, ../_sass/common.scss */
.oekaki_p main section .inblock .c00 .c00_1 .c00_1box ul li p.img {
  width: 250px;
  height: auto;
}
@media screen and (max-width: 900px) {
  /* line 2461, ../_sass/common.scss */
  .oekaki_p main section .inblock .c00 .c00_1 .c00_1box ul li p.img {
    width: auto;
  }
}
/* line 2467, ../_sass/common.scss */
.oekaki_p main section .inblock .c00 .c00_1 .c00_1box ul li p.img img {
  width: auto;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-shrink: 0;
}
@media screen and (max-width: 900px) {
  /* line 2467, ../_sass/common.scss */
  .oekaki_p main section .inblock .c00 .c00_1 .c00_1box ul li p.img img {
    width: 100%;
  }
}
/* line 2478, ../_sass/common.scss */
.programming main section .inblock .c00 .c00_1 .c00_1box ul li p.img {
  width: 180px;
  height: auto;
}
@media screen and (max-width: 900px) {
  /* line 2478, ../_sass/common.scss */
  .programming main section .inblock .c00 .c00_1 .c00_1box ul li p.img {
    width: 100%;
  }
}
/* line 2485, ../_sass/common.scss */
.oekaki_r main section .inblock .c00 .c00_1 .c00_1box ul li p.img {
  height: auto;
}
@media screen and (max-width: 900px) {
  /* line 2485, ../_sass/common.scss */
  .oekaki_r main section .inblock .c00 .c00_1 .c00_1box ul li p.img {
    width: 100%;
    min-height: 34vw;
  }
}
/* line 2493, ../_sass/common.scss */
.bubble_t main section .inblock .c00 .c00_1 .c00_1box ul li p.img {
  width: auto;
  margin-bottom: 4px;
}
@media screen and (max-width: 900px) {
  /* line 2493, ../_sass/common.scss */
  .bubble_t main section .inblock .c00 .c00_1 .c00_1box ul li p.img {
    margin-bottom: 1vw;
  }
}
/* line 2499, ../_sass/common.scss */
.bubble_t main section .inblock .c00 .c00_1 .c00_1box ul li p.img img {
  width: 250px;
}
@media screen and (max-width: 900px) {
  /* line 2499, ../_sass/common.scss */
  .bubble_t main section .inblock .c00 .c00_1 .c00_1box ul li p.img img {
    width: 100%;
  }
}
@media screen and (max-width: 900px) {
  /* line 2419, ../_sass/common.scss */
  main section .inblock .c00 .c00_1 .c00_1box ul li p.img {
    width: auto;
    height: auto;
    margin-bottom: 2vw;
    display: inline-block;
    text-align: center;
  }
}
/* line 2517, ../_sass/common.scss */
main section .inblock .c00 .c00_1 .c00_1box ul li p.img img {
  vertical-align: middle;
  max-height: 100%;
}
@media screen and (max-width: 900px) {
  /* line 2534, ../_sass/common.scss */
  .sunaba main section .inblock .c00 .c00_1 .c00_1box ul li p.text {
    text-align: center;
  }
}
/* line 2540, ../_sass/common.scss */
main section .inblock .c00 .c00_1 .c00_1box ul li .small {
  font-size: 12px;
}
@media screen and (max-width: 900px) {
  /* line 2540, ../_sass/common.scss */
  main section .inblock .c00 .c00_1 .c00_1box ul li .small {
    font-size: 2.8vw;
  }
}
/* line 2546, ../_sass/common.scss */
main section .inblock .c00 .c00_1 .c00_1box ul li p.desk {
  line-height: 1.7;
}
/* line 2549, ../_sass/common.scss */
main section .inblock .c00 .c00_1 .c00_1box ul li p.text2 {
  font-size: 14px;
}
@media screen and (max-width: 900px) {
  /* line 2551, ../_sass/common.scss */
  .sunaba main section .inblock .c00 .c00_1 .c00_1box ul li p.text2 {
    text-align: left;
  }
}
@media screen and (max-width: 900px) {
  /* line 2549, ../_sass/common.scss */
  main section .inblock .c00 .c00_1 .c00_1box ul li p.text2 {
    font-size: 2.8vw;
  }
}
/* line 2560, ../_sass/common.scss */
main section .inblock .c00 .c00_1 .c00_1box ul li a {
  color: #404040;
  text-decoration: underline;
}
@media screen and (max-width: 900px) {
  /* line 2568, ../_sass/common.scss */
  main section .inblock .c00 .c00_1.second .ttl {
    width: auto;
    padding: 3vw 9vw 0;
  }
}
/* line 2573, ../_sass/common.scss */
main section .inblock .c00 .c00_1.second .ttl.n01 {
  color: #6bd149;
}
/* line 2576, ../_sass/common.scss */
main section .inblock .c00 .c00_1.second .ttl.n02 {
  color: #00b6ee;
}
/* line 2579, ../_sass/common.scss */
main section .inblock .c00 .c00_1.second .ttl.n03 {
  color: #e86345;
}
/* line 2582, ../_sass/common.scss */
main section .inblock .c00 .c00_1.second .ttl.n04 {
  color: #7c73e5;
}
@media screen and (max-width: 900px) {
  /* line 2588, ../_sass/common.scss */
  main section .inblock .c00 .c00_1.second .c00_1box.sp_block ul {
    display: block;
    margin: 0 12vw;
  }
  /* line 2592, ../_sass/common.scss */
  main section .inblock .c00 .c00_1.second .c00_1box.sp_block ul li {
    width: auto;
  }
}
/* line 2598, ../_sass/common.scss */
main section .inblock .c00 .c00_1.second .c00_1box ul {
  justify-content: center;
}
/* line 2600, ../_sass/common.scss */
.oekaki_p main section .inblock .c00 .c00_1.second .c00_1box ul, .sunaba main section .inblock .c00 .c00_1.second .c00_1box ul {
  flex-wrap: wrap;
}
/* line 2604, ../_sass/common.scss */
main section .inblock .c00 .c00_1.second .c00_1box ul li {
  margin: 0 10px;
}
/* line 2606, ../_sass/common.scss */
.oekaki_p main section .inblock .c00 .c00_1.second .c00_1box ul li, .sunaba main section .inblock .c00 .c00_1.second .c00_1box ul li {
  width: 47%;
  margin: 0 1% 1%;
}
@media screen and (max-width: 900px) {
  /* line 2606, ../_sass/common.scss */
  .oekaki_p main section .inblock .c00 .c00_1.second .c00_1box ul li, .sunaba main section .inblock .c00 .c00_1.second .c00_1box ul li {
    margin: 0 1%;
  }
}
@media screen and (max-width: 900px) {
  /* line 2604, ../_sass/common.scss */
  main section .inblock .c00 .c00_1.second .c00_1box ul li {
    margin: 0 1%;
    width: 48%;
    margin-bottom: 3vw;
  }
}
/* line 2619, ../_sass/common.scss */
main section .inblock .c00 .c00_1.second .c00_1box ul li .img {
  margin-bottom: 8px;
}
/* line 2622, ../_sass/common.scss */
.sunaba main section .inblock .c00 .c00_1.second .c00_1box ul li .img img {
  width: auto;
}
@media screen and (max-width: 900px) {
  /* line 2619, ../_sass/common.scss */
  main section .inblock .c00 .c00_1.second .c00_1box ul li .img {
    margin-bottom: 2vw;
  }
}
/* line 2629, ../_sass/common.scss */
.oekaki_p main section .inblock .c00 .c00_1.second .c00_1box ul li .img, .sunaba main section .inblock .c00 .c00_1.second .c00_1box ul li .img {
  width: 100%;
  height: auto;
}
/* line 2640, ../_sass/common.scss */
main section .inblock .c00 .c00_2 {
  margin-top: 58px;
}
@media screen and (max-width: 900px) {
  /* line 2640, ../_sass/common.scss */
  main section .inblock .c00 .c00_2 {
    margin: 6vw 0 0;
  }
}
/* line 2645, ../_sass/common.scss */
main section .inblock .c00 .c00_2 .ttl {
  font-size: 22px;
  color: #fff;
  text-align: center;
  font-weight: 600;
  line-height: 1.1;
  padding: 16px 0;
}
@media screen and (max-width: 900px) {
  /* line 2645, ../_sass/common.scss */
  main section .inblock .c00 .c00_2 .ttl {
    font-size: 4.4vw;
    padding: 4vw 0;
  }
}
/* line 2656, ../_sass/common.scss */
main section .inblock .c00 .c00_2 .ttl span {
  font-size: 14px;
}
@media screen and (max-width: 900px) {
  /* line 2656, ../_sass/common.scss */
  main section .inblock .c00 .c00_2 .ttl span {
    font-size: 2.8vw;
  }
}
/* line 2664, ../_sass/common.scss */
main section .inblock .c00 .c00_2.orange1 .ttl {
  background: #e86345;
}
/* line 2669, ../_sass/common.scss */
main section .inblock .c00 .c00_2.yellow1 .ttl {
  background: #e69100;
}
/* line 2674, ../_sass/common.scss */
main section .inblock .c00 .c00_2.green1 .ttl {
  background: #6bd149;
}
/* line 2679, ../_sass/common.scss */
main section .inblock .c00 .c00_2.purple1 .ttl {
  background: #7e73ff;
}
/* line 2684, ../_sass/common.scss */
main section .inblock .c00 .c00_2.lblue1 .ttl {
  background: #4eaeff;
}
/* line 2688, ../_sass/common.scss */
main section .inblock .c00 .c00_2 .c00_2box {
  text-align: center;
  background: #fff;
  padding: 36px;
}
@media screen and (max-width: 900px) {
  /* line 2688, ../_sass/common.scss */
  main section .inblock .c00 .c00_2 .c00_2box {
    padding: 4vw;
  }
}
/* line 2695, ../_sass/common.scss */
main section .inblock .c00 .c00_2 .c00_2box p {
  font-size: 18px;
  font-weight: 600;
}
@media screen and (max-width: 900px) {
  /* line 2695, ../_sass/common.scss */
  main section .inblock .c00 .c00_2 .c00_2box p {
    font-size: 3.6vw;
    margin-bottom: 3vw;
  }
}
/* line 2702, ../_sass/common.scss */
main section .inblock .c00 .c00_2 .c00_2box p:last-child {
  margin-bottom: 0;
}
/* line 2706, ../_sass/common.scss */
main section .inblock .c00 .c00_2 .c00_2box p span.n01 {
  color: #e64595;
}
/* line 2709, ../_sass/common.scss */
main section .inblock .c00 .c00_2 .c00_2box p span.n02 {
  color: #00b6ee;
}
/* line 2712, ../_sass/common.scss */
main section .inblock .c00 .c00_2 .c00_2box p span.attention {
  font-size: 12px;
  font-weight: normal;
}
@media screen and (max-width: 900px) {
  /* line 2712, ../_sass/common.scss */
  main section .inblock .c00 .c00_2 .c00_2box p span.attention {
    font-size: 2.8vw;
    display: block;
  }
}
/* line 2725, ../_sass/common.scss */
main section .inblock ul.box_three {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-around;
}
/* line 2730, ../_sass/common.scss */
.programming main section .inblock ul.box_three {
  justify-content: center;
}
/* line 2733, ../_sass/common.scss */
.oekaki_r main section .inblock ul.box_three {
  justify-content: center;
}
@media screen and (max-width: 900px) {
  /* line 2725, ../_sass/common.scss */
  main section .inblock ul.box_three {
    display: block;
    margin: 0 12vw;
  }
}
/* line 2740, ../_sass/common.scss */
main section .inblock ul.box_three li {
  width: 320px;
  color: #fff;
}
/* line 2743, ../_sass/common.scss */
.programming main section .inblock ul.box_three li {
  margin: 0 30px;
}
@media screen and (max-width: 900px) {
  /* line 2743, ../_sass/common.scss */
  .programming main section .inblock ul.box_three li {
    margin: 0;
    margin-top: 6vw;
  }
}
/* line 2750, ../_sass/common.scss */
.oekaki_r main section .inblock ul.box_three li {
  margin: 0 30px;
}
@media screen and (max-width: 900px) {
  /* line 2750, ../_sass/common.scss */
  .oekaki_r main section .inblock ul.box_three li {
    margin: 0;
    margin-top: 6vw;
  }
}
@media screen and (max-width: 900px) {
  /* line 2740, ../_sass/common.scss */
  main section .inblock ul.box_three li {
    width: auto;
    margin-top: 6vw;
  }
}
/* line 2761, ../_sass/common.scss */
main section .inblock ul.box_three li:first-child {
  margin-top: 0;
}
/* line 2764, ../_sass/common.scss */
main section .inblock ul.box_three li .img {
  line-height: 0;
}
/* line 2767, ../_sass/common.scss */
main section .inblock ul.box_three li h4 {
  font-size: 19px;
  font-weight: 600;
  margin: 12px 0;
}
@media screen and (max-width: 900px) {
  /* line 2767, ../_sass/common.scss */
  main section .inblock ul.box_three li h4 {
    font-size: 3.6vw;
    margin: 2vw 0;
  }
}
/* line 2776, ../_sass/common.scss */
main section .inblock ul.box_three li p.text {
  font-size: 14px;
  text-align: left;
  text-align: justify;
}
@media screen and (max-width: 900px) {
  /* line 2776, ../_sass/common.scss */
  main section .inblock ul.box_three li p.text {
    font-size: 3vw;
  }
}
/* line 2783, ../_sass/common.scss */
main section .inblock ul.box_three li p.text a {
  text-decoration: underline;
  color: #fff;
}
/* line 2790, ../_sass/common.scss */
main section .inblock ul.faq_box {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 900px) {
  /* line 2790, ../_sass/common.scss */
  main section .inblock ul.faq_box {
    display: block;
    margin: 0 4vw;
  }
}
/* line 2800, ../_sass/common.scss */
main section .inblock ul.faq_box li {
  width: 48.2%;
  background: #fff;
  text-align: left;
  text-align: justify;
  margin-bottom: 40px;
  padding: 30px 38px;
}
@media screen and (max-width: 900px) {
  /* line 2800, ../_sass/common.scss */
  main section .inblock ul.faq_box li {
    width: auto;
    margin-bottom: 3vw;
    padding: 4vw;
  }
}
/* line 2813, ../_sass/common.scss */
main section .inblock ul.faq_box li dl dt,
main section .inblock ul.faq_box li dl dd {
  position: relative;
  padding-left: 1.8em;
}
/* line 2818, ../_sass/common.scss */
main section .inblock ul.faq_box li dl dt:before, main section .inblock ul.faq_box li dl dt:after,
main section .inblock ul.faq_box li dl dd:before,
main section .inblock ul.faq_box li dl dd:after {
  font-weight: 600;
  position: absolute;
  left: 0;
  font-size: 22px;
  line-height: 1.2;
  font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}
@media screen and (max-width: 900px) {
  /* line 2818, ../_sass/common.scss */
  main section .inblock ul.faq_box li dl dt:before, main section .inblock ul.faq_box li dl dt:after,
  main section .inblock ul.faq_box li dl dd:before,
  main section .inblock ul.faq_box li dl dd:after {
    font-size: 4vw;
  }
}
/* line 2831, ../_sass/common.scss */
main section .inblock ul.faq_box li dl dt {
  font-weight: 600;
  margin-bottom: 20px;
}
@media screen and (max-width: 900px) {
  /* line 2831, ../_sass/common.scss */
  main section .inblock ul.faq_box li dl dt {
    margin-bottom: 3vw;
  }
}
/* line 2837, ../_sass/common.scss */
main section .inblock ul.faq_box li dl dt:before {
  content: 'Q.';
}
/* line 2842, ../_sass/common.scss */
main section .inblock ul.faq_box li dl dd:before {
  content: 'A.';
}
/* line 2851, ../_sass/common.scss */
main .sanmitsu_btn {
  margin-top: 40px;
  padding-bottom: 20px;
}
/* line 2854, ../_sass/common.scss */
main .sanmitsu_btn a {
  font-size: 20px;
  border: 3px solid #e32425;
  border-radius: 38px;
  background: #e32425;
  color: #fff;
  padding: 20px 60px 20px 40px;
  font-weight: 600;
  display: inline-block;
  position: relative;
  opacity: 1.0;
  transition: .4s;
}
@media screen and (max-width: 900px) {
  /* line 2854, ../_sass/common.scss */
  main .sanmitsu_btn a {
    font-size: 3.4vw;
    padding: 3vw 10vw 3vw 7vw;
  }
}
/* line 2870, ../_sass/common.scss */
main .sanmitsu_btn a:after {
  content: '';
  width: 22px;
  height: 11px;
  margin-left: 8px;
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 24px;
  margin-top: -6px;
  transition: 0.6s;
  z-index: 100;
  background: url(assets/img/btn_arrow.png) 0 0 no-repeat;
  background-size: contain;
}
@media screen and (max-width: 900px) {
  /* line 2870, ../_sass/common.scss */
  main .sanmitsu_btn a:after {
    width: 3.8vw;
    height: 2.4vw;
    top: 50%;
    right: 4vw;
    margin-top: -1.2vw;
  }
}
/* line 2892, ../_sass/common.scss */
main .sanmitsu_btn a:hover {
  opacity: .7;
  transition: .4s;
}
/* line 2895, ../_sass/common.scss */
main .sanmitsu_btn a:hover:after {
  right: 16px;
}
@media screen and (max-width: 900px) {
  /* line 2895, ../_sass/common.scss */
  main .sanmitsu_btn a:hover:after {
    right: 4vw;
  }
}
/* line 2904, ../_sass/common.scss */
main .btn1 {
  position: relative;
  width: 100%;
}
/* line 2907, ../_sass/common.scss */
main .btn1 a {
  display: block;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  padding: 15px 0;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 900px) {
  /* line 2907, ../_sass/common.scss */
  main .btn1 a {
    font-size: 3.2vw;
    padding: 3vw 0;
  }
}
/* line 2919, ../_sass/common.scss */
main .btn1 a span {
  position: relative;
}
/* line 2921, ../_sass/common.scss */
main .btn1 a span:after {
  content: '';
  width: 22px;
  height: 11px;
  margin-left: 8px;
  display: inline-block;
  position: absolute;
  top: 50%;
  right: -26px;
  margin-top: -6px;
  transition: 0.6s;
  z-index: 100;
  background: url(assets/img/btn_arrow.png) 0 0 no-repeat;
  background-size: contain;
}
/* line 2939, ../_sass/common.scss */
main .btn1 a:hover span:after {
  right: -32px;
  transition: 0.3s;
}
/* line 2946, ../_sass/common.scss */
main .btn1:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 9;
  transition: 0.2s;
}
/* line 2958, ../_sass/common.scss */
main .btn1.orange1 a {
  background: #e86345;
  color: #fff;
}
/* line 2962, ../_sass/common.scss */
main .btn1.orange1:after {
  background: #f8d0c7;
}
/* line 2967, ../_sass/common.scss */
main .btn1.yellow1 a {
  background: #e69100;
  color: #fff;
}
/* line 2971, ../_sass/common.scss */
main .btn1.yellow1:after {
  background: #f7deb2;
}
/* line 2976, ../_sass/common.scss */
main .btn1.green1 a {
  background: #6bd149;
  color: #fff;
}
/* line 2980, ../_sass/common.scss */
main .btn1.green1:after {
  background: #d2f1c8;
}
/* line 2985, ../_sass/common.scss */
main .btn1.purple1 a {
  background: #7e73ff;
  color: #fff;
}
/* line 2989, ../_sass/common.scss */
main .btn1.purple1:after {
  background: #d8d5ff;
}
/* line 2994, ../_sass/common.scss */
main .btn1.lblue1 a {
  background: #4eaeff;
  color: #fff;
}
/* line 2998, ../_sass/common.scss */
main .btn1.lblue1:after {
  background: #c0e2ff;
}
/* line 3003, ../_sass/common.scss */
main .btn1:hover:after {
  top: 20px;
  left: 20px;
  transition: 0.2s;
}
/* line 3010, ../_sass/common.scss */
main .btn2 {
  position: relative;
  margin: 12px 0;
}
/* line 3013, ../_sass/common.scss */
main .btn2 a {
  display: inline-block;
  margin: 0 auto;
  text-align: center;
  border: 1px solid #fff;
  font-size: 16px;
  font-weight: 600;
  padding: 10px 54px 10px 46px;
  position: relative;
  color: #fff;
  z-index: 10;
}
@media screen and (max-width: 900px) {
  /* line 3013, ../_sass/common.scss */
  main .btn2 a {
    font-size: 3.2vw;
    padding: 3vw 0;
    width: 80%;
  }
}
/* line 3029, ../_sass/common.scss */
main .btn2 a span {
  position: relative;
}
/* line 3031, ../_sass/common.scss */
main .btn2 a span:after {
  content: '';
  width: 22px;
  height: 11px;
  margin-left: 8px;
  display: inline-block;
  position: absolute;
  top: 50%;
  right: -26px;
  margin-top: -6px;
  transition: 0.6s;
  z-index: 100;
  background: url(assets/img/btn_arrow.png) 0 0 no-repeat;
  background-size: contain;
}
/* line 3049, ../_sass/common.scss */
main .btn2 a:hover span:after {
  right: -32px;
  transition: 0.3s;
}
/* line 3056, ../_sass/common.scss */
main .btn2:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 9;
  transition: 0.2s;
}
/* line 3068, ../_sass/common.scss */
main .btn2.orange1 a {
  background: #e86345;
  color: #fff;
}
/* line 3072, ../_sass/common.scss */
main .btn2.orange1:after {
  background: #f8d0c7;
}
/* line 3077, ../_sass/common.scss */
main .btn2.yellow1 a {
  background: #e69100;
  color: #fff;
}
/* line 3081, ../_sass/common.scss */
main .btn2.yellow1:after {
  background: #f7deb2;
}
/* line 3086, ../_sass/common.scss */
main .btn2.green1 a {
  background: #6bd149;
  color: #fff;
}
/* line 3090, ../_sass/common.scss */
main .btn2.green1:after {
  background: #d2f1c8;
}
/* line 3095, ../_sass/common.scss */
main .btn2.purple1 a {
  background: #7e73ff;
  color: #fff;
}
/* line 3099, ../_sass/common.scss */
main .btn2.purple1:after {
  background: #d8d5ff;
}
/* line 3104, ../_sass/common.scss */
main .btn2:hover:after {
  top: 20px;
  left: 20px;
  transition: 0.2s;
}

/* line 3113, ../_sass/common.scss */
.w_box {
  background: #fff;
  margin: 0 24%;
  padding: 65px 0;
  text-align: center;
  border-radius: 8px;
}
@media screen and (max-width: 900px) {
  /* line 3113, ../_sass/common.scss */
  .w_box {
    margin: 0 4vw;
    padding: 7vw;
  }
}
/* line 3123, ../_sass/common.scss */
.w_box > p {
  margin-bottom: 50px;
}
@media screen and (max-width: 900px) {
  /* line 3123, ../_sass/common.scss */
  .w_box > p {
    margin-bottom: 8vw;
  }
}
/* line 3129, ../_sass/common.scss */
.w_box .tel {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #404040;
  padding: 12px;
  border: 2px solid #404040;
  margin: 0 70px 50px;
}
@media screen and (max-width: 900px) {
  /* line 3129, ../_sass/common.scss */
  .w_box .tel {
    margin: 0 0 6vw;
    padding: 2.2vw 0;
  }
}
/* line 3143, ../_sass/common.scss */
.w_box .tel .tel_icon {
  width: 34px;
  margin-right: 8px;
}
@media screen and (max-width: 900px) {
  /* line 3143, ../_sass/common.scss */
  .w_box .tel .tel_icon {
    width: 7vw;
    margin-right: 1vw;
  }
}
/* line 3150, ../_sass/common.scss */
.w_box .tel .tel_icon svg {
  vertical-align: bottom;
  max-width: 100%;
}
/* line 3153, ../_sass/common.scss */
.in .w_box .tel .tel_icon svg {
  fill: #fab42d;
}
/* line 3158, ../_sass/common.scss */
.w_box .tel .tel_num_box {
  text-align: left;
}
/* line 3160, ../_sass/common.scss */
.w_box .tel .tel_num_box .tel_num {
  font-size: 40px;
  font-weight: 600;
  line-height: 1;
  font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}
@media screen and (max-width: 900px) {
  /* line 3160, ../_sass/common.scss */
  .w_box .tel .tel_num_box .tel_num {
    font-size: 6.6vw;
  }
}
/* line 3169, ../_sass/common.scss */
.w_box .tel .tel_num_box .tel_text {
  font-size: 14px;
}
@media screen and (max-width: 900px) {
  /* line 3169, ../_sass/common.scss */
  .w_box .tel .tel_num_box .tel_text {
    font-size: 3vw;
  }
}
/* line 3178, ../_sass/common.scss */
.w_box .btn a {
  color: #404040;
  background: #ffff33;
  display: block;
  padding: 25px 0;
  border: 2px solid #404040;
  font-size: 22px;
  font-weight: 600;
  box-sizing: border-box;
  transition: 0.4s;
  opacity: 1.0;
  margin: 0 70px 0;
}
/* line 3190, ../_sass/common.scss */
.w_box .btn a:hover {
  opacity: 0.7;
  transition: 0.4s;
}
@media screen and (max-width: 900px) {
  /* line 3178, ../_sass/common.scss */
  .w_box .btn a {
    font-size: 3.6vw;
    padding: 5vw 0;
    margin: 0 0 0;
  }
}

/* line 3202, ../_sass/common.scss */
/*.pagetop {
  display: none;
  position: fixed;
  bottom: 80px;
  right: 15px;
  z-index: 1000;
}
@media screen and (max-width: 900px) {
  /* line 3202, ../_sass/common.scss */
  /*.pagetop {
    bottom: 4vw;
  }
}

/* line 3212, ../_sass/common.scss */
/*.pagetop a {
  display: block;
  text-align: center;
  width: 60px;
}
@media screen and (max-width: 900px) {
  /* line 3212, ../_sass/common.scss */
  /*.pagetop a {
    width: 12vw;
  }
}

/* line 3220, ../_sass/common.scss */
/*.pagetop a:hover {
  display: block;
  text-align: center;
}

/* line 3224, ../_sass/common.scss */
.loading {
  font-size: 48px;
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
  left: 50%;
  margin-left: -0.5em;
  z-index: -1;
  height: 1em;
  width: 1em;
  padding-left: 0.45em;
  overflow: hidden;
  -webkit-animation: loader-wheel-rotate 0.5s steps(12) infinite;
  -moz-animation: loader-wheel-rotate 0.5s steps(12) infinite;
  -ms-animation: loader-wheel-rotate 0.5s steps(12) infinite;
  -o-animation: loader-wheel-rotate 0.5s steps(12) infinite;
  animation: loader-wheel-rotate 0.5s steps(12) infinite;
  line-height: 1;
}

/* line 3243, ../_sass/common.scss */
.loading i {
  display: block;
  position: absolute;
  height: 0.3em;
  width: 0.1em;
  border-radius: 0.05em;
  background: #000;
  opacity: 0.8;
  transform: rotate(-30deg);
  transform-origin: center 0.5em;
}

@-webkit-keyframes loader-wheel-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-moz-keyframes loader-wheel-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-ms-keyframes loader-wheel-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-o-keyframes loader-wheel-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes loader-wheel-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/* line 3294, ../_sass/common.scss */
.partner_flow {
  margin-top: 3.0rem;
  padding: 0 1.0rem;
}
/* line 3298, ../_sass/common.scss */
.partner_flow img {
  max-width: 87.5%;
}

/* line 3302, ../_sass/common.scss */
.partner-page_container {
  margin: 5.0rem 0 3.0rem;
}
@media screen and (min-width: 901px) {
  /* line 3302, ../_sass/common.scss */
  .partner-page_container {
    margin-top: 7.5rem;
  }
}
/* line 3307, ../_sass/common.scss */
.partner-page_container .partner-page_inner {
  max-width: 690px;
  margin: 0 auto;
  padding: 2.0rem;
  background: #fcd996;
}
/* line 3312, ../_sass/common.scss */
.partner-page_container .partner-page_inner h4 {
  display: inline-block;
  margin-bottom: 1.0rem;
  padding: 0.25rem 2.0rem;
  background: #fab42d;
  border-radius: 1.5rem;
  font-size: 1.25rem;
  font-weight: bold;
  color: #404040;
}
/* line 3322, ../_sass/common.scss */
.partner-page_container .partner-page_inner p {
  margin-bottom: 1.0rem;
  font-weight: bold;
  color: #404040;
}
/* line 3327, ../_sass/common.scss */
.partner-page_container .partner-page_inner a {
  display: inline-block;
  padding: 0.25rem 4.0rem;
  border: 0.1rem solid #404040;
  position: relative;
  font-weight: bold;
  color: #404040;
  transition-duration: 0.4s;
}
/* line 3335, ../_sass/common.scss */
.partner-page_container .partner-page_inner a:hover {
  opacity: 0.5;
}
/* line 3338, ../_sass/common.scss */
.partner-page_container .partner-page_inner a:before {
  content: '';
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  background-image: url(assets/img/btn_arrow2.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 65%;
  right: 0.5rem;
  transform: translateY(-65%);
}
@media screen and (min-width: 768px) {
  /* line 3352, ../_sass/common.scss */
  .partner-page_container .partner-page_inner a:before {
    width: 1.25rem;
    height: 1.25rem;
  }
}
@charset "UTF-8";
/* ==================== reset ==================== */
/* html5doctor.com Reset Stylesheet */
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;
  line-height: 1.5; }

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

ol, 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;
  text-decoration: none; }

a:hover {
  cursor: pointer;
  text-decoration: none; }

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
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; }

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

/*画像を縦に並べた時に余白が出ないように*/
img {
  vertical-align: top;
  font-size: 0;
  line-height: 0; }

/*box-sizingを全ブラウザに対応*/
*,
*:before,
*:after {
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  -o-box-sizing: border-box !important;
  -ms-box-sizing: border-box !important;
  box-sizing: border-box !important; }

/* ==================== /reset ==================== */
/* ==================== body ==================== */
body {
  font-family: "Yu Gothic", YuGothic, "Meiryo UI", Meiryo, メイリオ, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

img {
  width: 100%;
  height: auto; }

[class^="bi-"]:before, [class*=" bi-"]:before {
  font-weight: 900 !important; }

/* ==================== /body ==================== */
/* ==================== header ==================== */
#header {
  width: 100vw;
  position: fixed;
  top: 0;
  z-index: 1000; }

/* header_section */
.header_section .header_container {
  padding: 0.5rem 0;
  background: rgba(255, 255, 255, 0.7); }
  @media screen and (min-width: 992px) {
    .header_section .header_container {
      padding: 0; } }
.header_section .header_inner {
  display: flex;
  justify-content: space-between;
  align-items: center; }
.header_section .logo_container a {
  display: block;
  text-align: center;
  line-height: 1.0; }
.header_section .logo_container img {
  display: block;
  width: auto;
  height: 1.5rem; }
  @media screen and (min-width: 992px) {
    .header_section .logo_container img {
      height: 2.0rem;
      margin-bottom: 0.25rem; } }
.header_section .logo_container .text {
  display: inline-block;
  padding: 0.125rem 0.75rem;
  background: #fab42d;
  border-radius: 0.25rem; }
  @media screen and (min-width: 992px) {
    .header_section .logo_container .text {
      padding: 0.25rem 1.0rem; } }
  .header_section .logo_container .text p {
    font-size: 0.625rem;
    font-weight: bold;
    color: #404040;
    line-height: 1.0; }
    @media screen and (min-width: 992px) {
      .header_section .logo_container .text p {
        font-size: 0.75rem; } }
.header_section .hamburger_container {
  padding: 0.5rem;
  background: #fab42d;
  border-radius: 0.5rem; }
  @media screen and (min-width: 992px) {
    .header_section .hamburger_container {
      display: none; } }
  .header_section .hamburger_container .hamburger_inner {
    width: 1.890625rem;
    height: 2.0625rem;
    position: relative; }
  .header_section .hamburger_container span {
    display: block;
    position: absolute; }
    .header_section .hamburger_container span:nth-child(1), .header_section .hamburger_container span:nth-child(2), .header_section .hamburger_container span:nth-child(3) {
      width: 1.5rem;
      height: 0.25rem;
      background: #404040;
      border-radius: 0.25rem;
      left: 50%;
      transform: translateX(-50%);
      transition-duration: 0.5s; }
    .header_section .hamburger_container span:nth-child(1) {
      top: 0; }
    .header_section .hamburger_container span:nth-child(2) {
      top: 0.5rem; }
    .header_section .hamburger_container span:nth-child(3) {
      top: 1.0rem; }
    .header_section .hamburger_container span:nth-child(4) {
      top: 1.375rem;
      font-size: 0.625rem;
      font-weight: bold; }
.header_section .hamburger_container.open span:nth-child(1) {
  top: 0.5rem;
  transform: translateX(-50%) rotate(45deg); }
.header_section .hamburger_container.open span:nth-child(2) {
  opacity: 0; }
.header_section .hamburger_container.open span:nth-child(3) {
  top: 0.5rem;
  transform: translateX(-50%) rotate(-45deg); }

/* navi-sp_section */
.navi-sp_section {
  display: none;
  padding: 1.0rem 0;
  background: #fab42d; }
  @media screen and (min-width: 768px) {
    .navi-sp_section {
      padding: 2.0rem 0; } }
  .navi-sp_section .navi-sp_container {
    max-width: 30.0rem;
    margin: 0 auto; }
  .navi-sp_section .navigation {
    margin-bottom: 2.0rem; }
    .navi-sp_section .navigation li {
      margin-bottom: 1.0rem;
      font-size: 0.875rem;
      font-weight: bold;
      transition-duration: 0.5s; }
      .navi-sp_section .navigation li:last-child {
        margin: 0; }
      .navi-sp_section .navigation li:hover {
        color: #ffffff;
        cursor: pointer; }
      @media screen and (min-width: 768px) {
        .navi-sp_section .navigation li {
          font-size: 1.0rem; } }
    .navi-sp_section .navigation a {
      display: block;
      color: #404040;
      transition-duration: 0.5s; }
      .navi-sp_section .navigation a:hover {
        color: #ffffff; }
    .navi-sp_section .navigation .title {
      display: flex;
      justify-content: space-between; }
      .navi-sp_section .navigation .title i {
        transition-duration: 0.5s; }
    .navi-sp_section .navigation .title.open i {
      transform: rotate(90deg); }
    .navi-sp_section .navigation .child {
      display: none;
      padding-left: 0.875rem; }
      @media screen and (min-width: 768px) {
        .navi-sp_section .navigation .child {
          padding-left: 1.0rem; } }
      .navi-sp_section .navigation .child li {
        margin-bottom: 1.0rem; }
        .navi-sp_section .navigation .child li:first-child {
          margin-top: 0.5rem; }
        .navi-sp_section .navigation .child li:last-child {
          margin: 0; }
  .navi-sp_section .contact {
    padding: 1.0rem;
    background: #ffffff;
    border-radius: 1.0rem; }
    @media screen and (min-width: 768px) {
      .navi-sp_section .contact {
        padding: 3.0rem; } }
    .navi-sp_section .contact .tel {
      display: flex;
      justify-content: center;
      align-items: center;
      max-width: 20.0rem;
      height: 4.5rem;
      margin: 0 auto 1.0rem;
      border: 0.0625rem solid #404040; }
      .navi-sp_section .contact .tel i {
        margin-right: 0.5rem;
        font-size: 2.0rem;
        color: #fab42d;
        line-height: 1.0; }
      .navi-sp_section .contact .tel p {
        font-size: 1.5rem;
        font-weight: bold;
        line-height: 0.75; }
      .navi-sp_section .contact .tel span {
        font-size: 0.75rem;
        color: #7f7f7f; }
    .navi-sp_section .contact .form a {
      display: flex;
      justify-content: center;
      align-items: center;
      max-width: 20.0rem;
      height: 4.5rem;
      margin: 0 auto;
      background: #fcd996;
      border: 0.0625rem solid #404040;
      color: #404040;
      transition-duration: 0.5s; }
      .navi-sp_section .contact .form a:hover {
        background: #fab42d; }

/* navi-pc_section */
.navi-pc_section {
  display: none; }
  @media screen and (min-width: 992px) {
    .navi-pc_section {
      display: flex; } }
  .navi-pc_section li {
    padding: 2.0rem 1.0rem;
    position: relative;
    font-weight: bold;
    transition-duration: 0.5s; }
    .navi-pc_section li:hover {
      cursor: pointer;
      color: #fab42d; }
    @media screen and (min-width: 1440px) {
      .navi-pc_section li {
        padding: 2.0rem; } }
  .navi-pc_section a {
    display: block;
    color: #404040;
    transition-duration: 0.5s; }
    .navi-pc_section a:hover {
      color: #fab42d; }
  .navi-pc_section .child {
    display: none;
    width: 320px;
    padding: 1.0rem;
    background: rgba(255, 255, 255, 0.7);
    position: absolute;
    top: 100%;
    left: 0; }
    .navi-pc_section .child li {
      margin-bottom: 0.5rem;
      padding: 0; }
      .navi-pc_section .child li:last-child {
        margin: 0; }
    .navi-pc_section .child a.paradise:hover {
      color: #e86345; }
    .navi-pc_section .child a.paper:hover {
      color: #e69100; }
    .navi-pc_section .child a.race:hover {
      color: #7e73ff; }
    .navi-pc_section .child a.sand:hover {
      color: #6bd149; }
    .navi-pc_section .child a.bubble:hover {
      color: #4eaeff; }
    .navi-pc_section .child a.touchpalette:hover {
      color: #FC9095; }
    .navi-pc_section .child a.sdgs:hover {
      color: #7dd1fd; }
    .navi-pc_section .child a.arch:hover {
      color: #4258d8; }
    .navi-pc_section .child a.meiro:hover {
      color: #ffd93e; }
    .navi-pc_section .child a.tanken:hover {
      color: #007b43; }
    .navi-pc_section .child a.mogura:hover {
      color: #856553; }
    .navi-pc_section .child a.artlab:hover {
      color: #13ca91; }
    .navi-pc_section .child a.kidsspace:hover {
      color: #f0892e; }
    .navi-pc_section .child a.koma:hover {
      color: #00a1ff; }

/* ==================== /header ==================== */
/* ==================== navigation ==================== */
/* ==================== /navigation ==================== */
/* ==================== main ==================== */
/* main */
#main {
  padding-top: 4.0625rem; }
  @media screen and (min-width: 992px) {
    #main {
      padding-top: 5.5rem; } }

/* h2_title */
.h2_title {
  margin-bottom: 2.0rem;
  text-align: center; }
  .h2_title h2 {
    display: inline-block;
    padding: 0.25rem 2.0rem;
    border-radius: 1.0rem;
    font-weight: bold; }
    .h2_title h2.color1 {
      background: #fab42d;
      color: #ffffff; }
    .h2_title h2.color2 {
      background: #ffffff;
      color: #fab42d; }
    .h2_title h2.company {
      background: #fab42d;
      color: #404040; }
    @media screen and (min-width: 768px) {
      .h2_title h2 {
        font-size: 1.125rem; } }
    @media screen and (min-width: 992px) {
      .h2_title h2 {
        font-size: 1.25rem;
        border-radius: 2.5rem; } }

/* anchor_link */
.anchor_link {
  margin-top: -5.5rem;
  padding-top: 5.5rem; }

.anchor_link {
  margin-top: -5.5rem;
  padding-top: 5.5rem; }

/* curve */
.curve {
  display: block;
  width: 100%;
  position: absolute;
  z-index: 1; }
  .curve.top {
    top: 0; }
  .curve.bottom {
    bottom: 0; }

/*sand curve */
.sand_curve {
  display: block;
  width: 100%;
  position: absolute;
  z-index: 1; }
  .sand_curve.top {
    top: 0; }
    .sand_curve.top path {
      fill: #6bd149; }
  .sand_curve.bottom {
    bottom: 0; }

/*tanken-fes curve */
.tanken-fes_curve {
  display: block;
  width: 100%;
  position: absolute;
  z-index: 1; }
  .tanken-fes_curve.top {
    top: 0; }
    .tanken-fes_curve.top path {
      fill: #f2c541; }
  .tanken-fes_curve.bottom {
    bottom: 0; }

/* contact_section */
.contact_section {
  padding: 3.0rem 0;
  background: #fab42d;
  position: relative; }
  @media screen and (min-width: 768px) {
    .contact_section {
      padding: 5.0rem 0; } }
  .contact_section .partner_container {
    max-width: 35.0rem;
    margin: 0 auto 5.0rem; }
    .contact_section .partner_container p {
      margin-bottom: 1.0rem;
      font-size: 0.875rem;
      color: #ffffff; }
      @media screen and (min-width: 428px) {
        .contact_section .partner_container p {
          text-align: center; } }
      @media screen and (min-width: 992px) {
        .contact_section .partner_container p {
          font-size: 1.0rem; } }
    .contact_section .partner_container br {
      display: none; }
      @media screen and (min-width: 428px) {
        .contact_section .partner_container br {
          display: block; } }
    .contact_section .partner_container .link {
      text-align: center; }
      .contact_section .partner_container .link a {
        display: inline-block;
        padding: 0.5rem 2.0rem;
        border: 0.0625rem solid #ffffff;
        color: #ffffff;
        transition-duration: 0.5s; }
        .contact_section .partner_container .link a:hover {
          background: #fcd996; }
          .contact_section .partner_container .link a:hover i {
            transform: translateX(1rem); }
      .contact_section .partner_container .link i {
        display: inline-block;
        margin-left: 1.0rem;
        transition-duration: 0.5s; }
  .contact_section .contact_container {
    max-width: 35.0rem;
    margin: 0 auto; }
    .contact_section .contact_container .contact_inner {
      padding: 1.0rem;
      background: #ffffff;
      border: 0.0625rem solid #c0c0c0;
      border-radius: 0.5rem; }
      @media screen and (min-width: 360px) and (min-height: 640px) {
        .contact_section .contact_container .contact_inner {
          padding: 2.0rem; } }
      @media screen and (min-width: 576px) {
        .contact_section .contact_container .contact_inner {
          padding: 3.0rem 0; } }
      @media screen and (min-width: 768px) {
        .contact_section .contact_container .contact_inner {
          padding: 4.0rem 0; } }
      .contact_section .contact_container .contact_inner .article {
        margin-bottom: 1.0rem;
        font-size: 0.875rem; }
        @media screen and (min-width: 576px) {
          .contact_section .contact_container .contact_inner .article {
            text-align: center; } }
        @media screen and (min-width: 768px) {
          .contact_section .contact_container .contact_inner .article {
            margin-bottom: 2.0rem;
            font-size: 1.0rem; } }
        @media screen and (min-width: 992px) {
          .contact_section .contact_container .contact_inner .article {
            margin-bottom: 3.0rem; } }
      .contact_section .contact_container .contact_inner .tel {
        display: flex;
        justify-content: center;
        align-items: center;
        max-width: 25.0rem;
        height: 5.0rem;
        margin: 0 auto 1.0rem;
        padding: 1.0rem 0;
        border: 0.125rem solid #7f7f7f; }
        @media screen and (min-width: 768px) {
          .contact_section .contact_container .contact_inner .tel {
            margin-bottom: 2.0rem; } }
        @media screen and (min-width: 992px) {
          .contact_section .contact_container .contact_inner .tel {
            margin-bottom: 3.0rem; } }
        .contact_section .contact_container .contact_inner .tel i {
          margin-right: 1.0rem;
          font-size: 2.0rem;
          color: #fab42d;
          line-height: 1.0; }
        .contact_section .contact_container .contact_inner .tel .number {
          margin-bottom: 0.25rem;
          font-size: 1.5rem;
          font-weight: bold;
          line-height: 1.0; }
          @media screen and (min-width: 768px) {
            .contact_section .contact_container .contact_inner .tel .number {
              font-size: 1.75rem; } }
          @media screen and (min-width: 992px) {
            .contact_section .contact_container .contact_inner .tel .number {
              font-size: 2.25rem; } }
        .contact_section .contact_container .contact_inner .tel .available {
          font-size: 0.75rem;
          line-height: 1.0; }
          @media screen and (min-width: 768px) {
            .contact_section .contact_container .contact_inner .tel .available {
              font-size: 0.875rem; } }
      .contact_section .contact_container .contact_inner .form a {
        display: flex;
        justify-content: center;
        align-items: center;
        max-width: 25.0rem;
        height: 5.0rem;
        margin: 0 auto;
        background: #ffff33;
        border: 0.125rem solid #7f7f7f;
        font-weight: bold;
        color: #404040;
        transition-duration: 0.5s; }
        .contact_section .contact_container .contact_inner .form a:hover {
          background: #ffff99; }
        @media screen and (min-width: 768px) {
          .contact_section .contact_container .contact_inner .form a {
            font-size: 1.125rem; } }
        @media screen and (min-width: 992px) {
          .contact_section .contact_container .contact_inner .form a {
            font-size: 1.25rem; } }

/* pagetop_section */
.pagetop_section {
  position: fixed;
  right: 1.0rem;
  bottom: 1.0rem;
  z-index: 1000;
  visibility: hidden;
  opacity: 0;
  transition-duration: 0.5s; }
  .pagetop_section.show {
    visibility: visible;
    opacity: 1; }
  .pagetop_section a {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.0rem;
    background: #404040;
    border: 0.0625rem solid #404040;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    color: #ffffff;
    transition-duration: 0.5s; }
  .pagetop_section i {
    margin-left: 1.0rem;
    color: #ffffff;
    line-height: 1.0;
    transition-duration: 0.5s; }
  .pagetop_section .example, .pagetop_section .contact, .pagetop_section .summer2022, .pagetop_section .season {
    display: none;
    width: 12.5rem;
    height: 3.0rem; }
    .pagetop_section .example:hover, .pagetop_section .contact:hover, .pagetop_section .summer2022:hover, .pagetop_section .season:hover {
      background: #ffffff;
      color: #404040; }
      .pagetop_section .example:hover i, .pagetop_section .contact:hover i, .pagetop_section .summer2022:hover i, .pagetop_section .season:hover i {
        color: #404040; }
    @media screen and (min-width: 768px) {
      .pagetop_section .example, .pagetop_section .contact, .pagetop_section .summer2022, .pagetop_section .season {
        display: flex; } }
  .pagetop_section .pagetop {
    width: 2.5rem;
    height: 2.5rem;
    margin: 0 0 0 auto;
    border-radius: 50%;
    transition-duration: 0.5s; }
    .pagetop_section .pagetop:hover {
      background: #ffffff;
      color: #404040; }
      .pagetop_section .pagetop:hover i {
        color: #404040; }
    @media screen and (min-width: 768px) {
      .pagetop_section .pagetop {
        width: 3.0rem;
        height: 3.0rem; } }
    .pagetop_section .pagetop i {
      margin: 0;
      font-size: 1.125rem; }
      @media screen and (min-width: 768px) {
        .pagetop_section .pagetop i {
          font-size: 1.25rem; } }

/* accessibillity */
.sr-only {
  position: absolute;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

/* ==================== /main ==================== */
/* ==================== footer ==================== */
/* company_section */
.company_section {
  padding: 3.0rem 0;
  background: #ffffff;
  position: relative; }
  @media screen and (min-width: 768px) {
    .company_section {
      padding: 5.0rem 0; } }
  @media screen and (min-width: 992px) {
    .company_section {
      padding: 7.5rem 0; } }
  @media screen and (min-width: 1440px) {
    .company_section {
      padding: 10.0rem 0; } }
  @media screen and (min-width: 1920px) {
    .company_section {
      padding: 12.5rem 0; } }
  .company_section .curve.bottom path {
    fill: #404040; }
  .company_section .row {
    max-width: 45.0rem;
    margin: 0 auto; }
  .company_section .row_box {
    margin-bottom: 2.0rem; }
    .company_section .row_box:last-child {
      margin: 0; }
    @media screen and (min-width: 768px) {
      .company_section .row_box {
        margin: 0; } }
  .company_section .logo {
    text-align: center; }
    .company_section .logo img {
      width: 75%; }
      @media screen and (min-width: 768px) {
        .company_section .logo img {
          width: 100%; } }
  .company_section .article .name {
    margin-bottom: 1.0rem;
    font-weight: bold; }
  .company_section .article .detail {
    margin-bottom: 1.0rem;
    font-size: 0.875rem; }
  .company_section .article .link {
    display: inline-block;
    padding: 0.5rem 2.0rem;
    border: 0.0625rem solid #404040;
    font-size: 0.875rem;
    color: #404040;
    transition-duration: 0.5s; }
    .company_section .article .link:hover {
      background: #404040;
      color: #ffffff; }
    .company_section .article .link i {
      margin-left: 1.0rem; }

/* sand h2_title */
.sand_h2_title {
  margin-bottom: 2.0rem;
  text-align: center; }
  .sand_h2_title h2 {
    display: inline-block;
    padding: 0.25rem 2.0rem;
    border-radius: 1.0rem;
    font-weight: bold; }
    .sand_h2_title h2.color1 {
      background: #6bd149;
      color: #ffffff; }
    .sand_h2_title h2.color2 {
      background: #ffffff;
      color: #6bd149; }
    .sand_h2_title h2.company {
      background: #6bd149;
      color: #ffffff; }
    @media screen and (min-width: 768px) {
      .sand_h2_title h2 {
        font-size: 1.125rem; } }
    @media screen and (min-width: 992px) {
      .sand_h2_title h2 {
        font-size: 1.25rem;
        border-radius: 2.5rem; } }

/* tanken-fes h2_title */
.tanken-fes_h2_title {
  margin-bottom: 2.0rem;
  text-align: center; }
  .tanken-fes_h2_title h2 {
    display: inline-block;
    padding: 0.25rem 2.0rem;
    border-radius: 1.0rem;
    font-weight: bold; }
    .tanken-fes_h2_title h2.color1 {
      background: #f2c541;
      color: #ffffff; }
    .tanken-fes_h2_title h2.color2 {
      background: #ffffff;
      color: #f2c541; }
    .tanken-fes_h2_title h2.company {
      background: #f2c541;
      color: #ffffff; }
    @media screen and (min-width: 768px) {
      .tanken-fes_h2_title h2 {
        font-size: 1.125rem; } }
    @media screen and (min-width: 992px) {
      .tanken-fes_h2_title h2 {
        font-size: 1.25rem;
        border-radius: 2.5rem; } }

/* copyright_section */
.copyright_section {
  padding: 1.0rem 0;
  background: #404040; }
  .copyright_section.crowd {
    background: url(stuff/img/3mitsu_bg.svg);
    background-size: 100%;
    background-repeat: repeat-y; }
  @media screen and (min-width: 768px) {
    .copyright_section .copyright_container {
      display: flex;
      justify-content: space-between;
      align-items: flex-end; } }
  .copyright_section .menu {
    margin-bottom: 1.5rem; }
    @media screen and (min-width: 768px) {
      .copyright_section .menu {
        display: flex;
        margin: 0; } }
    .copyright_section .menu li {
      margin-bottom: 0.5rem;
      text-align: center; }
      .copyright_section .menu li:last-child {
        margin: 0; }
      @media screen and (min-width: 768px) {
        .copyright_section .menu li {
          margin: 0 2.0rem 0 0; } }
    .copyright_section .menu a {
      display: block;
      font-size: 0.75rem;
      color: #ffffff; }
      .copyright_section .menu a:hover {
        text-decoration: underline; }
    .copyright_section .menu.crowd a {
      color: #404040; }
  .copyright_section .copyright p {
    margin-bottom: 0.25rem;
    font-size: 1.125rem;
    font-weight: bold;
    text-align: center;
    color: #ffffff; }
    @media screen and (min-width: 768px) {
      .copyright_section .copyright p {
        font-size: 1.25rem;
        text-align: right; } }
  .copyright_section .copyright small {
    display: block;
    font-size: 0.75rem;
    text-align: center;
    color: #ffffff; }
    @media screen and (min-width: 768px) {
      .copyright_section .copyright small {
        text-align: right; } }

/* ==================== /footer ==================== */