@charset "UTF-8";
html {
  scroll-behavior: smooth; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, textarea, p, table, th, tr, td {
  margin: 0;
  padding: 0;
  text-decoration: none;
  font-style: normal;
  list-style: none;
  font-weight: normal;
  font-size: 100%; }

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

caption, th {
  text-align: left; }

fieldset, img {
  border: 0; }

img {
  vertical-align: top; }

select option {
  padding: 0 5px; }

form label {
  cursor: pointer; }

input {
  font-size: 110%; }

textarea {
  font-size: 120%; }

/*基本設定*/
.clearfix:after {
  content: "";
  display: block;
  clear: both; }

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

.clearfix {
  display: block; }

body {
  color: #000;
  font-size: 100%;
  line-height: 1.7;
  font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  background-color: #ffffff; }
  @media screen and (max-width: 800px) {
    body {
      font-size: 12px; } }

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

a:link {
  text-decoration: underline;
  color: #000; }

a:visited {
  text-decoration: underline;
  color: #000; }

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

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

.youtube {
  width: 100%;
  aspect-ratio: 16 / 9; }

.youtube iframe {
  width: 100%;
  height: 100%; }

.tellink {
  pointer-events: none; }
  @media screen and (max-width: 800px) {
    .tellink {
      pointer-events: auto; } }

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

.sp-ib {
  display: none; }
  @media screen and (max-width: 800px) {
    .sp-ib {
      display: inline-block; } }

.sp-b {
  display: none; }
  @media screen and (max-width: 800px) {
    .sp-b {
      display: block; } }

@media screen and (max-width: 800px) {
  img {
    max-width: 100%; } }

/*
@media screen and (max-width: 800px) {
	
}
*/
.mf-frame {
  max-width: 1000px;
  margin: 0 auto; }
  @media screen and (max-width: 800px) {
    .mf-frame {
      margin: 0 auto; } }

#header .mf-inner {
  padding: 10px;
  text-align: center; }
  @media screen and (max-width: 800px) {
    #header .mf-inner {
      padding: 2vw 24vw; } }

#footer .mf-inner {
  padding: 50px 0;
  text-align: center; }
  @media screen and (max-width: 800px) {
    #footer .mf-inner {
      padding: 5vw; } }
  #footer .mf-inner ul.link {
    display: flex;
    justify-content: center;
    margin-bottom: 50px; }
    @media screen and (max-width: 800px) {
      #footer .mf-inner ul.link {
        display: block; } }
    #footer .mf-inner ul.link li {
      margin-right: 50px; }
      #footer .mf-inner ul.link li:last-child {
        margin-right: 0; }
      @media screen and (max-width: 800px) {
        #footer .mf-inner ul.link li {
          margin-right: 0;
          margin-bottom: 20px; } }
  #footer .mf-inner ul.info {
    display: flex;
    justify-content: center;
    align-items: flex-end; }
    @media screen and (max-width: 800px) {
      #footer .mf-inner ul.info {
        display: block; } }
    #footer .mf-inner ul.info li {
      margin: 0 10px; }
      @media screen and (max-width: 800px) {
        #footer .mf-inner ul.info li {
          margin-bottom: 10px; } }
    @media screen and (max-width: 800px) {
      #footer .mf-inner ul.info li:nth-of-type(2) {
        padding: 0 5vw; } }

#main {
  background: url("../img/bg1.png") center top no-repeat;
  background-size: cover; }
  @media screen and (max-width: 800px) {
    #main {
      background: url("../img/bg1_s.png") center top no-repeat;
      background-size: cover; } }

#mf1 .mf-inner {
  padding: 70px 0 30px 0;
  text-align: center; }
  @media screen and (max-width: 800px) {
    #mf1 .mf-inner {
      padding: 10vw 0; } }
#mf1 .mv {
  margin-bottom: 0px;
  width: 1100px;
  position: relative;
  left: -50px; }
  @media screen and (max-width: 800px) {
    #mf1 .mv {
      width: 100%;
      position: static; } }

#mf2 {
  background: url("../img/bg2.png") center top no-repeat;
  background-size: cover; }
  @media screen and (max-width: 800px) {
    #mf2 {
      background: url("../img/bg2_s.png") center top no-repeat;
      background-size: cover;
      padding: 5vw; } }
  #mf2 .mf-inner {
    padding: 35px 0;
    text-align: center; }
    @media screen and (max-width: 800px) {
      #mf2 .mf-inner {
        padding: 0; } }

#mf3 {
  /*background: linear-gradient(to right, #E95513 0%, #E95513 50%, #00b9ef 50%, #00b9ef 100%);*/
  background: #E95513;
  position: sticky;
  top: 0; }
  #mf3 .mf-frame {
    max-width: 100%;
    margin: 0 auto; }
    @media screen and (max-width: 800px) {
      #mf3 .mf-frame {
        margin: 0 auto; } }
  #mf3 ul {
    display: flex;
    justify-content: center; }
  @media screen and (max-width: 800px) {
    #mf3 li {
      width: 40%; } }

#mf4 .mf-inner {
  padding: 70px 0 50px 0;
  text-align: center; }
  @media screen and (max-width: 800px) {
    #mf4 .mf-inner {
      padding: 10vw 0; } }
#mf4 .cbox {
  margin-bottom: 70px; }
  #mf4 .cbox:last-child {
    margin-bottom: 0; }
  @media screen and (max-width: 800px) {
    #mf4 .cbox {
      padding: 0 5vw; } }
  #mf4 .cbox p {
    margin-bottom: 30px; }
    #mf4 .cbox p:last-child {
      margin-bottom: 0; }
  #mf4 .cbox .btn {
    margin-top: 30px; }