@charset "UTF-8";
/*** THEME ***/
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200;
}
/*
================================================================================

	MOGANA / コンセプト

================================================================================
*/
.main-contents .area01 {
  text-align: center;
}
.main-contents .area01 .logo {
  display: block;
  width: 25.7142857143rem;
  margin: auto;
  margin-bottom: 6.0714285714rem;
  margin-top: 2.5rem;
}
.main-contents .area01 .logo_raw {
  display: block;
  width: 15.9285714286rem;
  margin: auto;
  margin-bottom: 6.0714285714rem;
  margin-top: 2.5rem;
}
.main-contents .area01 .copy {
  font-size: 1.7142857143rem;
  line-height: 1.6666666667em;
  letter-spacing: 0.1em;
}
.main-contents .area01 .border {
  display: block;
  width: 17.1428571429rem;
  margin: 4.6428571429rem auto;
}
.main-contents .area01 .txt {
  font-size: 1rem;
  line-height: 2.8571428571em;
  letter-spacing: 0.1em;
}
.main-contents .area01 .mB100 {
  margin-bottom: 7.1428571429rem;
}
.main-contents .area01 .left {
  text-align: left;
}
.main-contents .area01 .boxbase {
  margin-bottom: 2.8571428571rem;
}
.main-contents .area01 .btn_flex {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 2.8571428571rem;
}
.main-contents .area01 .btn_flex .button_base:first-child {
  margin-right: 1.4285714286rem;
}