@charset "UTF-8";
html {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px; }

body {
  font-family: "Noto Sans JP";
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  font-size: 62.5%;
  /*em換算値用*/
  -webkit-text-size-adjust: 100%;
  background-color: #FFFFFF;
  color: #000000;
  font-weight: 400; }

/*------------------------------------------------------------*/
* html body {
  overflow: hidden; }

body #wrapper {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px; }

p {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px; }

ul {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  list-style-type: none; }

li {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  list-style-type: none; }

img {
  vertical-align: top;
  border-style: none; }

form {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border: 0px; }

fieldset {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border: 0px; }

a {
  text-decoration: none;
  /*	color: #FFF;
	outline: underline;*/
  /*	-webkit-tap-highlight-color:rgba(0,0,0,0);*/ }

a img {
  border-style: none; }

a:link {
  /*	text-decoration: none;
*/ }

a:visited {
  /*	text-decoration: none;
*/ }

a:hover {
  /*	text-decoration: none;
*/ }

a:hover {
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
  zoom: 1; }

a:active {
  text-decoration: none; }

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

/* headline */
h1, h2, h3, h4, h5, h6 {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  font-weight: normal; }

/*-------------------------------------*/
/*--------------------*/
/*汎用クラス*/
/*--------------------*/
.clearfix:after {
  content: ".";
  /* 新しい要素を作る */
  display: block;
  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden; }

.clearfix {
  min-height: 1px; }

.main a:link {
  text-decoration: underline; }

.main a:hover {
  text-decoration: none; }

/*------------------------------------------------------------*/
.inviewfadeIn {
  opacity: 0;
  transition: .8s; }

.fadeIn {
  opacity: 1.0; }

.inviewUp {
  transform: translate(0, 10px);
  -webkit-transform: translate(0, 10px);
  transition: .5s; }

.Up {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0); }

.inviewfadeInUp {
  opacity: 0;
  transform: translate(0, 20px);
  -webkit-transform: translate(0, 20px);
  transition: 1.5s; }

.inviewfadeInUp2 {
  opacity: 0;
  transform: translate(0, 20px);
  -webkit-transform: translate(0, 20px);
  transition: 1.5s 0.2s; }

.inviewfadeInUp3 {
  opacity: 0;
  transform: translate(0, 20px);
  -webkit-transform: translate(0, 20px);
  transition: 1.5s 0.4s; }

.inviewfadeInUp4 {
  opacity: 0;
  transform: translate(0, 20px);
  -webkit-transform: translate(0, 20px);
  transition: 1.5s 0.6s; }

.inviewfadeInUp5 {
  opacity: 0;
  transform: translate(0, 20px);
  -webkit-transform: translate(0, 20px);
  transition: 1.5s 0.8s; }

.inviewfadeInUp6 {
  opacity: 0;
  transform: translate(0, 20px);
  -webkit-transform: translate(0, 20px);
  transition: 1.5s 1.8s ease-in; }

.fadeInUp {
  opacity: 1.0;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0); }

.inviewzoomIn {
  transform: scale(0, 0);
  -webkit-transform: scale(0, 0);
  transition: .8s; }

.zoomIn {
  /*	transform: scale(1, 1);
  	-webkit-transform: scale(1, 1);*/ }

/*------------------------------------------------------------*/
body {
  _display: inline;
  _zoom: 1; }
  @media only screen and (max-width: 765px) {
    body {
      min-width: initial;
      padding: 0.0vw 0px 0.0vw 0px;
      margin: 0.0vw 0px 0.0vw 0px;
      word-wrap: break-word;
      -webkit-text-size-adjust: 100%;
      _display: inherit;
      _zoom: inherit;
      width: 100%;
      overflow-x: hidden;
      overscroll-behavior-x: none; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    body {
      overflow-x: hidden;
      overscroll-behavior-x: none; } }

/*-------------------------------------------------------------------------------------*/
header {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 100%; }
  @media only screen and (max-width: 765px) {
    header {
      padding: 0.0vw 0.0vw 0.0vw 0.0vw;
      margin: 0.0vw 0.0vw 0.0vw 0.0vw;
      width: 100%; } }

#header {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 100%; }
  @media only screen and (max-width: 765px) {
    #header {
      padding: 0.0vw 0.0vw 0.0vw 0.0vw;
      margin: 0.0vw 0.0vw 0.0vw 0.0vw;
      width: 100%; } }

.header_pc {
  display: block;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 100%;
  height: calc(936vw / 19.2);
  position: relative; }
  .header_pc img {
    width: 100%; }
  .header_pc h1 {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: calc(84vw / 19.2);
    position: absolute;
    top: calc(35vw / 19.2);
    left: calc(40vw / 19.2);
    z-index: 10; }
    .header_pc h1 a:hover {
      -moz-opacity: 1;
      -khtml-opacity: 1;
      opacity: 1;
      zoom: 1; }
  .header_pc h2 {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    position: absolute;
    top: calc(0vw / 19.2);
    left: calc(0vw / 19.2);
    z-index: 9; }
  .header_pc .main--title {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: calc(963vw / 19.2);
    position: absolute;
    top: calc(490vw / 19.2);
    left: calc(160vw / 19.2);
    z-index: 10; }
  .header_pc .main--stitle {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: calc(963vw / 19.2);
    position: absolute;
    top: calc(646vw / 19.2);
    left: calc(160vw / 19.2);
    z-index: 10; }
  .header_pc .main--copy {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: calc(300vw / 19.2);
    position: absolute;
    top: calc(427vw / 19.2);
    right: calc(69vw / 19.2);
    z-index: 10; }
  @media only screen and (max-width: 765px) {
    .header_pc {
      display: none; } }

.header_sp {
  display: none; }
  @media only screen and (max-width: 765px) {
    .header_sp {
      display: block;
      padding: 0.0vw 0.0vw 0.0vw 0.0vw;
      margin: 0.0vw auto 0.0vw;
      width: 100%;
      height: calc(650vw / 3.75);
      position: relative; } }
  .header_sp h1 {
    padding: 0.0vw 0.0vw 0.0vw 0.0vw;
    margin: 0.0vw 0.0vw 0.0vw 0.0vw;
    width: calc(48vw / 3.75);
    position: absolute;
    top: calc(21vw / 3.75);
    left: calc(21vw / 3.75);
    z-index: 10; }
    .header_sp h1 a:hover {
      -moz-opacity: 1;
      -khtml-opacity: 1;
      opacity: 1;
      zoom: 1; }
  .header_sp h2 {
    padding: 0.0vw 0.0vw 0.0vw 0.0vw;
    margin: 0.0vw 0.0vw 0.0vw 0.0vw;
    width: 100%;
    position: absolute;
    top: calc(0vw / 3.75);
    left: calc(0vw / 3.75);
    z-index: 9; }
  .header_sp .main--title {
    padding: 0.0vw 0.0vw 0.0vw 0.0vw;
    margin: 0.0vw 0.0vw 0.0vw 0.0vw;
    width: 100%;
    position: absolute;
    top: calc(81vw / 3.75);
    left: calc(0vw / 3.75);
    z-index: 10; }
  .header_sp .main--stitle {
    padding: 0.0vw 0.0vw 0.0vw 0.0vw;
    margin: 0.0vw 0.0vw 0.0vw 0.0vw;
    width: 100%;
    position: absolute;
    top: calc(136vw / 3.75);
    left: calc(0vw / 3.75);
    z-index: 10; }
  .header_sp .main--copy {
    padding: 0.0vw 0.0vw 0.0vw 0.0vw;
    margin: 0.0vw 0.0vw 0.0vw 0.0vw;
    width: calc(161vw / 3.75);
    position: absolute;
    top: calc(572vw / 3.75);
    left: calc(14vw / 3.75);
    z-index: 10; }
  .header_sp .main--read {
    padding: 0.0vw 0.0vw 0.0vw 0.0vw;
    margin: 0.0vw 0.0vw 0.0vw 0.0vw;
    width: calc(158vw / 3.75);
    position: absolute;
    top: calc(440vw / 3.75);
    left: calc(17vw / 3.75);
    z-index: 10; }
  .header_sp img {
    width: 100%; }

/*-------------------------------------------------------------------------------------*/
.sk_fadein01 {
  animation-name: fadeIn;
  animation-delay: 500ms;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  opacity: 0; }

.sk_fadein02 {
  animation-name: fadeIn;
  animation-delay: 1000ms;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  opacity: 0; }

.sk_fadein03 {
  animation-name: fadeIn;
  animation-delay: 1300ms;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  opacity: 0; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
/*-------------------------------------------------------------------------------------*/
footer {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 100%;
  background-color: #000C15; }
  @media only screen and (max-width: 765px) {
    footer {
      min-width: inherit; } }

.footer {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 100%;
  position: relative;
  background-image: url("../img/footer_back_pc.jpg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover; }
  @media only screen and (max-width: 765px) {
    .footer {
      padding: 0.0vw 0.0vw 0.0vw 0.0vw;
      margin: 0.0vw auto 0.0vw;
      width: 100%;
      background-image: url("../img/footer_back_sp.jpg");
      background-repeat: no-repeat;
      background-position: center top;
      background-size: cover; } }
  .footer img {
    width: 100%; }

.footer--banner {
  padding: 0px 0px 0px 0px;
  margin: 0px auto 0px;
  width: calc(1100vw / 19.2); }
  .footer--banner ul {
    padding: calc(80vw / 19.2) 0px 0px 0px;
    margin: 0px auto 0px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  .footer--banner ul li {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: calc(530vw / 19.2); }
  @media only screen and (max-width: 765px) {
    .footer--banner {
      padding: 0.0vw 0.0vw 0.0vw 0.0vw;
      margin: 0.0vw auto 0.0vw;
      width: calc(295vw / 3.75); }
      .footer--banner ul {
        padding: calc(48vw / 3.75) 0vw 0vw 0vw;
        margin: 0.0vw auto 0.0vw;
        width: 100%; }
      .footer--banner ul li {
        padding: 0.0vw 0.0vw 0.0vw 0.0vw;
        margin: 0.0vw auto 0.0vw;
        width: 100%; }
      .footer--banner ul li:nth-child(2) {
        padding: calc(16vw / 3.75) 0vw 0vw 0vw; } }

.footer__linketc {
  padding: calc(80vw / 19.2) 0px calc(80vw / 19.2) 0px;
  margin: 0px auto 0px;
  width: calc(1100vw / 19.2);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media only screen and (max-width: 765px) {
    .footer__linketc {
      padding: calc(45vw / 3.75) 0vw calc(50vw / 3.75) 0vw;
      margin: 0.0vw auto 0.0vw;
      width: calc(295vw / 3.75); } }

.footer__linketc--link {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: calc(510vw / 19.2); }
  .footer__linketc--link ul {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border-left: solid 2px #FFFFFF;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  .footer__linketc--link ul li {
    padding: 0px calc(32vw / 19.2) 0px calc(32vw / 19.2);
    margin: 0px 0px 0px 0px;
    font-size: calc(14vw / 19.2);
    font-weight: 600;
    border-right: solid 2px #FFFFFF;
    color: #FFFFFF; }
    .footer__linketc--link ul li a {
      color: #FFFFFF; }
  @media only screen and (max-width: 765px) {
    .footer__linketc--link {
      padding: 0.0vw 0.0vw 0.0vw 0.0vw;
      margin: 0.0vw 0.0vw 0.0vw 0.0vw;
      width: 100%; }
      .footer__linketc--link ul {
        padding: 0.0vw 0.0vw 0.0vw 0.0vw;
        margin: 0.0vw 0.0vw 0.0vw 0.0vw;
        border-left: none; }
      .footer__linketc--link ul li {
        padding: 0vw 0vw calc(22vw / 3.75) 0vw;
        margin: 0.0vw 0.0vw 0.0vw 0.0vw;
        font-size: calc(12vw / 3.75);
        text-align: center;
        border-right: none;
        width: 100%; }
      .footer__linketc--link ul li:nth-last-child(1) {
        padding: 0.0vw 0.0vw 0.0vw 0.0vw; } }

.footer__linketc--copyright {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  font-size: calc(14vw / 19.2);
  font-weight: 600;
  text-align: right;
  color: #FFFFFF; }
  @media only screen and (max-width: 765px) {
    .footer__linketc--copyright {
      padding: calc(45vw / 3.75) 0vw 0vw 0vw;
      margin: 0.0vw 0.0vw 0.0vw 0.0vw;
      width: 100%;
      font-size: calc(8vw / 3.75);
      text-align: center; } }

#footer__pageTopButton {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: calc(80vw / 19.2);
  position: absolute;
  right: calc(80vw / 19.2);
  bottom: calc(50vw / 19.2);
  z-index: 82; }
  #footer__pageTopButton img {
    width: 100%; }
  @media only screen and (max-width: 765px) {
    #footer__pageTopButton {
      padding: 0.0vw 0.0vw 0.0vw 0.0vw;
      margin: 0.0vw 0.0vw 0.0vw 0.0vw;
      width: calc(40vw / 3.75);
      right: calc(21vw / 3.75);
      bottom: calc(35vw / 3.75);
      z-index: 82; } }

/*-------------------------------------------------------------------------------------*/
#pageTopButton_pc {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: calc(80vw / 19.2);
  position: fixed;
  right: calc(80vw / 19.2);
  bottom: calc(80vw / 19.2);
  z-index: 82; }
  #pageTopButton_pc img {
    width: 100%; }
  @media only screen and (max-width: 765px) {
    #pageTopButton_pc {
      padding: 0px 0px 0px 0px;
      margin: 0px 0px 0px 0px;
      width: calc(40vw / 3.75);
      position: fixed;
      right: calc(21vw / 3.75);
      bottom: calc(74vw / 3.75);
      z-index: 82; } }

/*-------------------------------------------------------------------------------------*/
#forty_aniv {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 100%;
  background-color: #E15D2C; }
  @media only screen and (max-width: 765px) {
    #forty_aniv {
      padding: 0.0vw 0.0vw 0.0vw 0.0vw;
      margin: 0.0vw 0.0vw 0.0vw 0.0vw;
      width: 100%; } }

.forty_aniv {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 100%;
  height: calc(768vw / 19.2);
  position: relative;
  background-image: url("../img/sub40th_back01_pc.jpg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover; }
  .forty_aniv h2 {
    padding: calc(39vw / 19.2) 0px 0px 0px;
    margin: 0px auto 0px;
    width: calc(390vw / 19.2); }
  .forty_aniv .forty_aniv--items {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px; }
  .forty_aniv .forty_aniv--read {
    padding: 0px 0px 0px 0px;
    margin: 0px auto 0px;
    width: calc(720vw / 19.2);
    font-size: calc(22vw / 19.2);
    font-weight: 600;
    line-height: 1.8em;
    text-align: center;
    color: #FFFFFF; }
  @media only screen and (max-width: 765px) {
    .forty_aniv {
      padding: 0.0vw 0.0vw 0.0vw 0.0vw;
      margin: 0.0vw auto 0.0vw;
      width: 100%;
      height: calc(755vw / 3.75);
      background-image: url("../img/sub40th_back01_sp.jpg");
      background-repeat: no-repeat;
      background-position: center top;
      background-size: cover; }
      .forty_aniv h2 {
        padding: calc(16vw / 3.75) 0vw 0vw 0vw;
        margin: 0.0vw auto 0.0vw;
        width: calc(165vw / 3.75); }
      .forty_aniv .forty_aniv--items {
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        width: 100%;
        position: absolute;
        top: 0px;
        left: 0px; }
      .forty_aniv .forty_aniv--read {
        padding: calc(0vw / 3.75) 0vw 0vw 0vw;
        margin: 0.0vw auto 0.0vw;
        width: 100%;
        font-size: calc(14vw / 3.75); } }
  .forty_aniv img {
    width: 100%; }

.forty_aniv__btm {
  padding: calc(50vw / 19.2) 0px 0px 0px;
  margin: 0px auto 0px; }
  @media only screen and (max-width: 765px) {
    .forty_aniv__btm {
      padding: 0.0vw 0.0vw 0.0vw 0.0vw;
      margin: 0.0vw auto 0.0vw; } }

.forty_aniv__btm a {
  display: block;
  padding: 0px 0px 0px 0px;
  margin: 0px auto 0px;
  width: calc(720vw / 19.2);
  height: calc(100vw / 19.2);
  border: 3px solid #FF0000;
  background-color: #FFFFFF;
  transition: .3s;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .forty_aniv__btm a:hover {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    zoom: 1;
    background-color: #FF0000; }
  .forty_aniv__btm a .forty_aniv__btm--title {
    padding: calc(0vw / 19.2) 0px 0px 0px;
    margin: calc(17vw / 19.2) auto 0px;
    width: calc(365vw / 19.2);
    height: calc(62vw / 19.2);
    background-image: url("../img/forty_aniv_btm_title_off.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    text-indent: -200vw; }
  .forty_aniv__btm a:hover .forty_aniv__btm--title {
    background-image: url("../img/forty_aniv_btm_title_on.svg"); }
  .forty_aniv__btm a .forty_aniv__btm--arrow {
    padding: calc(0vw / 19.2) 0px 0px 0px;
    margin: calc(0vw / 19.2) 0px 0px calc(0vw / 19.2);
    width: calc(83vw / 19.2);
    height: calc(4vw / 19.2);
    position: absolute;
    top: calc(50vw / 19.2);
    right: calc(40vw / 19.2);
    transition: all 0.3s ease-in-out;
    background-image: url("../img/forty_aniv_btm_arrow_off.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    text-indent: -200vw; }
  .forty_aniv__btm a:hover .forty_aniv__btm--arrow {
    transform: translateX(calc(80vw / 19.2));
    background-image: url("../img/forty_aniv_btm_arrow_on.svg"); }
  @media only screen and (max-width: 765px) {
    .forty_aniv__btm a {
      padding: 0.0vw 0.0vw 0.0vw 0.0vw;
      margin: calc(320vw / 3.75) auto 0vw;
      width: calc(300vw / 3.75);
      height: calc(56vw / 3.75); }
      .forty_aniv__btm a .forty_aniv__btm--title {
        padding: calc(0vw / 3.75) 0px 0px 0px;
        margin: calc(4vw / 3.75) auto 0px;
        width: calc(234vw / 3.75);
        height: calc(38vw / 3.75); }
      .forty_aniv__btm a .forty_aniv__btm--arrow {
        padding: calc(0vw / 3.75) 0px 0px 0px;
        margin: calc(0vw / 3.75) 0px 0px calc(0vw / 3.75);
        width: calc(45vw / 3.75);
        height: calc(5vw / 3.75);
        position: absolute;
        top: calc(23vw / 3.75);
        right: calc(-22vw / 3.75);
        background-position: right center; }
      .forty_aniv__btm a:hover .forty_aniv__btm--arrow {
        transform: translateX(calc(15vw / 3.75)); } }

#etclink {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 100%; }
  @media only screen and (max-width: 765px) {
    #etclink {
      padding: 0.0vw 0.0vw 0.0vw 0.0vw;
      margin: 0.0vw 0.0vw 0.0vw 0.0vw;
      width: 100%; } }

.etclink {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 100%;
  background-image: url("../img/etc_back_pc.png");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover; }
  @media only screen and (max-width: 765px) {
    .etclink {
      padding: calc(40vw / 3.75) 0vw 0vw 0vw;
      margin: 0.0vw auto 0.0vw;
      width: 100%;
      background-image: url("../img/etc_back_sp.png");
      background-repeat: no-repeat;
      background-position: center bottom;
      background-size: cover; } }
  .etclink img {
    width: 100%; }

.etc__kenta {
  padding: 0px 0px 0px 0px;
  margin: 0px auto 0px;
  width: calc(1590vw / 19.2);
  height: calc(659vw / 19.2);
  position: relative; }
  .etc__kenta .etc__kenta--ttile {
    padding: 0px 0px 0px 0px;
    margin: 0px auto 0px;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px; }
  .etc__kenta .etc__kenta--information {
    padding: 0px 0px 0px 0px;
    margin: 0px auto 0px;
    width: calc(510vw / 19.2);
    position: absolute;
    top: calc(316vw / 19.2);
    left: calc(285vw / 19.2);
    font-size: calc(16vw / 19.2);
    font-weight: 600;
    line-height: 1.8em;
    color: #FFFFFF;
    text-align: center; }
  .etc__kenta .etc__kenta--ytbtm {
    padding: 0px 0px 0px 0px;
    margin: 0px auto 0px;
    width: calc(420vw / 19.2);
    position: absolute;
    top: calc(424vw / 19.2);
    left: calc(329vw / 19.2);
    z-index: 19; }
  .etc__kenta .etc__kenta--ytbtm a:hover {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    zoom: 1; }
  .etc__kenta .etc__kenta--arrow {
    display: block;
    padding: 0px 0px 0px 0px;
    margin: 0px auto 0px;
    width: calc(83vw / 19.2);
    position: absolute;
    top: calc(46vw / 19.2);
    left: calc(377vw / 19.2);
    z-index: 20;
    transition: all 0.3s ease-in-out; }
  .etc__kenta .etc__kenta--ytbtm a:hover .etc__kenta--arrow {
    transform: translateX(calc(30vw / 19.2)); }
  .etc__kenta .etc__kenta--icon01 {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: calc(412vw / 19.2);
    position: absolute;
    top: calc(19vw / 19.2);
    left: calc(-31vw / 19.2); }
  .etc__kenta .etc__kenta--icon02 {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: calc(421vw / 19.2);
    position: absolute;
    top: calc(291vw / 19.2);
    right: calc(36vw / 19.2); }
  @media only screen and (max-width: 765px) {
    .etc__kenta {
      padding: calc(0vw / 3.75) 0vw 0vw 0vw;
      margin: 0.0vw auto 0.0vw;
      width: 100%;
      height: calc(530vw / 3.75); }
      .etc__kenta .etc__kenta--ttile {
        padding: calc(0vw / 3.75) 0vw 0vw 0vw;
        margin: 0.0vw auto 0.0vw;
        width: 100%; }
      .etc__kenta .etc__kenta--information {
        padding: calc(0vw / 3.75) 0vw 0vw 0vw;
        margin: 0.0vw auto 0.0vw;
        width: 100%;
        font-size: calc(12vw / 3.75);
        font-weight: 600;
        text-align: center;
        top: calc(340vw / 3.75);
        left: calc(0vw / 3.75); }
      .etc__kenta .etc__kenta--ytbtm {
        padding: 0px 0px 0px 0px;
        margin: 0px auto 0px;
        width: calc(240vw / 3.75);
        position: absolute;
        top: calc(467vw / 3.75);
        left: calc(70vw / 3.75);
        z-index: 19; }
      .etc__kenta .etc__kenta--arrow {
        display: block;
        padding: 0px 0px 0px 0px;
        margin: 0px auto 0px;
        width: calc(50vw / 3.75);
        position: absolute;
        top: calc(36vw / 3.75);
        left: calc(167vw / 3.75);
        z-index: 20;
        transition: all 0.3s ease-in-out; }
      .etc__kenta .etc__kenta--ytbtm a:hover .etc__kenta--arrow {
        transform: translateX(calc(50vw / 3.75)); }
      .etc__kenta .etc__kenta--icon01 {
        width: calc(182vw / 3.75);
        top: calc(16vw / 3.75);
        left: calc(-13vw / 3.75); }
      .etc__kenta .etc__kenta--icon02 {
        width: calc(123vw / 3.75);
        top: calc(78vw / 3.75);
        right: calc(0vw / 3.75); } }

.etc__sns {
  padding: 0px 0px calc(95vw / 19.2) 0px;
  margin: calc(-45vw / 19.2) auto 0px;
  width: calc(720vw / 19.2); }
  .etc__sns .etc__sns--title {
    padding: 0px 0px calc(33vw / 19.2) 0px;
    margin: 0px auto 0px;
    text-align: center;
    color: #1F2160;
    font-size: calc(26vw / 19.2);
    font-weight: 600; }
  .etc__sns ul {
    padding: 0px 0px 0px 0px;
    margin: 0px auto 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  .etc__sns ul li {
    padding: 0px calc(20vw / 19.2) 0px calc(20vw / 19.2);
    margin: calc(0vw / 19.2) auto calc(0vw / 19.2);
    width: calc(180vw / 19.2);
    border-right: 1px solid #1F2160; }
  .etc__sns ul li:nth-last-child(1) {
    border-right: none; }
  .etc__sns ul li .etc__sns--stitle {
    padding: calc(25vw / 19.2) 0px 0px 0px;
    margin: 0px auto 0px;
    text-align: center;
    color: #1F2160;
    font-size: calc(18vw / 19.2);
    line-height: 1.2em;
    font-weight: 500; }
  @media only screen and (max-width: 765px) {
    .etc__sns {
      padding: calc(48vw / 3.75) 0vw calc(48vw / 3.75) 0vw;
      margin: 0.0vw auto 0.0vw;
      width: 100%; }
      .etc__sns .etc__sns--title {
        padding: calc(0vw / 3.75) 0vw calc(40vw / 3.75) 0vw;
        margin: 0.0vw auto 0.0vw;
        font-size: calc(18vw / 3.75); }
      .etc__sns ul {
        padding: 0.0vw 0.0vw 0.0vw 0.0vw;
        margin: 0.0vw auto 0.0vw;
        width: calc(350vw / 3.75); }
      .etc__sns ul li {
        padding: 0.0vw 0.0vw 0.0vw 0.0vw;
        margin: 0.0vw auto 0.0vw;
        width: calc(86vw / 3.75); }
      .etc__sns ul li .etc__sns--stitle {
        padding: calc(6vw / 3.75) 0vw 0vw 0vw;
        margin: 0.0vw auto 0.0vw;
        font-size: calc(10vw / 3.75); } }

#kenta_recipe {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 100%; }
  @media only screen and (max-width: 765px) {
    #kenta_recipe {
      padding: 0.0vw 0.0vw 0.0vw 0.0vw;
      margin: 0.0vw 0.0vw 0.0vw 0.0vw;
      width: 100%; } }

.kenta_recipe {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 100%;
  background-image: url("../img/main_back_pc.jpg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover; }
  @media only screen and (max-width: 765px) {
    .kenta_recipe {
      padding: 0.0vw 0.0vw 0.0vw 0.0vw;
      margin: 0.0vw auto 0.0vw;
      width: 100%;
      background-image: url("../img/main_back_sp.jpg");
      background-repeat: no-repeat;
      background-position: center top;
      background-size: cover; } }
  .kenta_recipe img {
    width: 100%; }

.kenta_recipe_menu {
  padding: 0px 0px 0px 0px;
  margin: 0px auto 0px;
  width: 100%;
  background-image: url("../img/kenta_recipe_maintitle_back_pc.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain; }
  .kenta_recipe_menu h2 {
    padding: calc(115vw / 19.2) 0px 0px 0px;
    margin: 0px auto 0px;
    width: calc(438vw / 19.2); }
  .kenta_recipe_menu .kenta_recipe_menu--copy {
    padding: calc(5vw / 19.2) 0px 0px 0px;
    margin: 0px auto 0px;
    font-size: calc(27vw / 19.2);
    font-weight: 600;
    color: #FFFFFF;
    text-align: center; }
  @media only screen and (max-width: 765px) {
    .kenta_recipe_menu {
      padding: 0.0vw 0.0vw 0.0vw 0.0vw;
      margin: 0.0vw auto 0.0vw;
      width: 100%;
      background-image: url("../img/kenta_recipe_maintitle_back_sp.png");
      background-repeat: no-repeat;
      background-position: center top;
      background-size: contain; }
      .kenta_recipe_menu h2 {
        padding: calc(50vw / 3.75) 0vw 0vw 0vw;
        margin: 0.0vw auto 0.0vw;
        width: calc(200vw / 3.75); }
      .kenta_recipe_menu .kenta_recipe_menu--copy {
        padding: calc(17vw / 3.75) 0vw 0vw 0vw;
        margin: 0.0vw auto 0.0vw;
        font-size: calc(15vw / 3.75);
        line-height: 1.8em; } }

.kenta_recipe_menu--list {
  padding: calc(142vw / 19.2) 0px calc(220vw / 19.2) 0px;
  margin: calc(20vw / 19.2) auto 0px;
  width: calc(1100vw / 19.2); }
  .kenta_recipe_menu--list ul {
    padding: calc(0vw / 19.2) 0px 0px 0px;
    margin: calc(0vw / 19.2) 0px 0px 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  .kenta_recipe_menu--list ul li {
    padding: calc(0vw / 19.2) 0px 0px 0px;
    margin: calc(0vw / 19.2) 0px 0px 0px;
    width: calc(340vw / 19.2);
    position: relative; }
  .kenta_recipe_menu--list ul li .list_icon01 {
    width: calc(166vw / 19.2);
    position: absolute;
    top: calc(-142vw / 19.2);
    left: calc(-30vw / 19.2); }
  .kenta_recipe_menu--list ul li .list_icon02 {
    width: calc(222vw / 19.2);
    position: absolute;
    top: calc(-142vw / 19.2);
    left: calc(-40vw / 19.2); }
  .kenta_recipe_menu--list ul li .list_icon03 {
    width: calc(260vw / 19.2);
    position: absolute;
    top: calc(-142vw / 19.2);
    left: calc(-40vw / 19.2); }
  @media only screen and (max-width: 765px) {
    .kenta_recipe_menu--list {
      padding: calc(50vw / 3.75) 0vw calc(30vw / 3.75) 0vw;
      margin: calc(47vw / 3.75) auto 0vw;
      width: calc(333vw / 3.75); }
      .kenta_recipe_menu--list ul {
        padding: calc(0vw / 3.75) 0vw 0vw 0vw;
        margin: calc(0vw / 3.75) 0vw 0vw 0vw; }
      .kenta_recipe_menu--list ul li {
        padding: calc(0vw / 3.75) 0vw 0vw 0vw;
        margin: calc(0vw / 3.75) 0vw 0vw 0vw;
        width: calc(102vw / 3.75); }
      .kenta_recipe_menu--list ul li a {
        margin: calc(-5vw / 3.75) 0vw 0vw 0vw;
        display: block; }
      .kenta_recipe_menu--list ul li .list_icon01 {
        width: calc(60vw / 3.75);
        position: absolute;
        top: calc(-55vw / 3.75);
        left: calc(-8vw / 3.75); }
      .kenta_recipe_menu--list ul li .list_icon02 {
        width: calc(82vw / 3.75);
        position: absolute;
        top: calc(-55vw / 3.75);
        left: calc(-13vw / 3.75); }
      .kenta_recipe_menu--list ul li .list_icon03 {
        width: calc(96vw / 3.75);
        position: absolute;
        top: calc(-55vw / 3.75);
        left: calc(-17vw / 3.75); } }

#kenta_recipe_infor01 {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 100%; }
  @media only screen and (max-width: 765px) {
    #kenta_recipe_infor01 {
      padding: 0.0vw 0.0vw 0.0vw 0.0vw;
      margin: 0.0vw 0.0vw 0.0vw 0.0vw;
      width: 100%; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .kenta_recipe_infor--wrap {
    overflow: hidden;
    overscroll-behavior: none; } }

.kenta_recipe_infor01 {
  padding: calc(214vw / 19.2) 0px calc(320vw / 19.2) 0px;
  margin: calc(-100vw / 19.2) 0px 0px 0px;
  width: 100%;
  background-image: url("../img/kenta_recipe_infor01_back_pc.svg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain; }
  @media only screen and (max-width: 765px) {
    .kenta_recipe_infor01 {
      padding: calc(73vw / 3.75) 0vw calc(60vw / 3.75) 0vw;
      margin: 0.0vw auto 0.0vw;
      width: 100%;
      background-image: url("../img/kenta_recipe_infor01_back_sp.svg");
      background-repeat: no-repeat;
      background-position: center top;
      background-size: contain; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .kenta_recipe_infor01 {
      margin: calc(100vw / 19.2) 0px 0px 0px;
      transform: scale(1.1); } }

#kenta_recipe_infor02 {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 100%; }
  @media only screen and (max-width: 765px) {
    #kenta_recipe_infor02 {
      padding: 0.0vw 0.0vw 0.0vw 0.0vw;
      margin: 0.0vw 0.0vw 0.0vw 0.0vw;
      width: 100%; } }

.kenta_recipe_infor02 {
  padding: calc(209vw / 19.2) 0px calc(320vw / 19.2) 0px;
  margin: 0px 0px 0px 0px;
  width: 100%;
  background-image: url("../img/kenta_recipe_infor02_back_pc.svg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain; }
  @media only screen and (max-width: 765px) {
    .kenta_recipe_infor02 {
      padding: calc(102vw / 3.75) 0vw calc(60vw / 3.75) 0vw;
      margin: 0.0vw auto 0.0vw;
      width: 100%;
      background-image: url("../img/kenta_recipe_infor02_back_sp.svg");
      background-repeat: no-repeat;
      background-position: center top;
      background-size: contain; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .kenta_recipe_infor02 {
      margin: calc(100vw / 19.2) 0px 0px 0px;
      transform: scale(1.1); } }

#kenta_recipe_infor03 {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 100%; }
  @media only screen and (max-width: 765px) {
    #kenta_recipe_infor03 {
      padding: 0.0vw 0.0vw 0.0vw 0.0vw;
      margin: 0.0vw 0.0vw 0.0vw 0.0vw;
      width: 100%; } }

.kenta_recipe_infor03 {
  padding: calc(240vw / 19.2) 0px calc(320vw / 19.2) 0px;
  margin: 0px 0px 0px 0px;
  width: 100%;
  background-image: url("../img/kenta_recipe_infor03_back_pc.svg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain; }
  .kenta_recipe_infor03 .kenta_recipe_infornote {
    padding: calc(10vw / 19.2) 0px calc(0vw / 19.2) 0px;
    margin: 0px auto 0px;
    width: calc(990vw / 19.2);
    text-align: right;
    font-size: calc(16vw / 19.2);
    font-weight: 600;
    color: #FFFFFF; }
  @media only screen and (max-width: 765px) {
    .kenta_recipe_infor03 {
      padding: calc(102vw / 3.75) 0vw calc(60vw / 3.75) 0vw;
      margin: 0.0vw auto 0.0vw;
      width: 100%;
      background-image: url("../img/kenta_recipe_infor03_back_sp.svg");
      background-repeat: no-repeat;
      background-position: center top;
      background-size: contain; }
      .kenta_recipe_infor03 .kenta_recipe_infornote {
        padding: calc(10vw / 3.75) 0px calc(0vw / 3.75) 0px;
        margin: 0.0vw auto 0.0vw;
        width: calc(333vw / 3.75);
        font-size: calc(12vw / 3.75); } }
  @media only screen and (max-width: 765px) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .kenta_recipe_infor03 {
      margin: calc(100vw / 19.2) 0px 0px 0px;
      transform: scale(1.1); } }

.kenta_recipe_infor {
  padding: 0px 0px 0px 0px;
  margin: 0px auto 0px;
  width: calc(1100vw / 19.2); }
  .kenta_recipe_infor h3 {
    padding: 0px 0px 0px 0px;
    margin: 0px auto 0px;
    width: calc(432vw / 19.2);
    position: relative;
    z-index: 20; }
  .kenta_recipe_infor .kenta_recipe_infor--photo {
    padding: 0px 0px 0px 0px;
    margin: calc(-74vw / 19.2) auto 0px;
    width: calc(990vw / 19.2);
    position: relative;
    z-index: 19; }
  @media only screen and (max-width: 765px) {
    .kenta_recipe_infor {
      padding: 0.0vw 0.0vw 0.0vw 0.0vw;
      margin: 0.0vw auto 0.0vw;
      width: calc(333vw / 3.75); }
      .kenta_recipe_infor h3 {
        padding: 0.0vw 0.0vw 0.0vw 0.0vw;
        margin: 0.0vw auto 0.0vw;
        width: calc(238vw / 3.75); }
      .kenta_recipe_infor .kenta_recipe_infor--photo {
        padding: 0.0vw 0.0vw 0.0vw 0.0vw;
        margin: calc(-33vw / 3.75) auto 0vw;
        width: calc(333vw / 3.75); } }

.kenta_recipe_read {
  padding: 0px 0px 0px 0px;
  margin: 0px auto 0px;
  width: calc(990vw / 19.2);
  height: calc(240vw / 19.2); }
  .kenta_recipe_read .inforread {
    font-size: calc(24vw / 19.2);
    font-weight: 600;
    line-height: 2.0em;
    color: #1F2160; }
  @media only screen and (max-width: 765px) {
    .kenta_recipe_read {
      padding: 0.0vw 0.0vw 0.0vw 0.0vw;
      margin: 0.0vw auto 0.0vw;
      width: calc(333vw / 3.75);
      height: calc(150vw / 3.75); }
      .kenta_recipe_read .inforread {
        font-size: calc(14vw / 3.75);
        line-height: 1.7em; } }

.kenta_recipe_read01 {
  position: relative;
  background-color: #F9F6EA;
  background-image: url("../img/kenta_recipe_infor01_readback_pc.svg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover; }
  .kenta_recipe_read01 .inforread {
    position: absolute;
    top: calc(56vw / 19.2);
    left: calc(105vw / 19.2); }
  .kenta_recipe_read01 .recipe_supervision {
    position: absolute;
    bottom: calc(0vw / 19.2);
    right: calc(-82vw / 19.2);
    width: calc(426vw / 19.2);
    z-index: 21; }
  @media only screen and (max-width: 765px) {
    .kenta_recipe_read01 {
      background: none;
      background-color: #F9F6EA; }
      .kenta_recipe_read01 .inforread {
        top: calc(18vw / 3.75);
        left: calc(20vw / 3.75); }
      .kenta_recipe_read01 .recipe_supervision {
        bottom: calc(0vw / 3.75);
        right: calc(-20vw / 3.75);
        width: calc(173vw / 3.75); } }

.kenta_recipe_read02 {
  position: relative;
  background-color: #F9F6EA;
  background-image: url("../img/kenta_recipe_infor02_readback_pc.svg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover; }
  .kenta_recipe_read02 .inforread {
    position: absolute;
    top: calc(56vw / 19.2);
    left: calc(508vw / 19.2); }
  .kenta_recipe_read02 .recipe_supervision {
    position: absolute;
    bottom: calc(0vw / 19.2);
    left: calc(0vw / 19.2);
    width: calc(329vw / 19.2);
    z-index: 21; }
  @media only screen and (max-width: 765px) {
    .kenta_recipe_read02 {
      background: none;
      background-color: #F9F6EA; }
      .kenta_recipe_read02 .inforread {
        top: calc(18vw / 3.75);
        left: calc(172vw / 3.75); }
      .kenta_recipe_read02 .recipe_supervision {
        bottom: calc(0vw / 3.75);
        left: calc(0vw / 3.75);
        width: calc(150vw / 3.75); } }

.kenta_recipe_read03 {
  position: relative;
  background-color: #F9F6EA;
  background-image: url("../img/kenta_recipe_infor03_readback_pc.svg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover; }
  .kenta_recipe_read03 .inforread {
    position: absolute;
    top: calc(56vw / 19.2);
    left: calc(80vw / 19.2); }
  .kenta_recipe_read03 .recipe_supervision {
    position: absolute;
    bottom: calc(0vw / 19.2);
    right: calc(0vw / 19.2);
    width: calc(329vw / 19.2);
    z-index: 21; }
  @media only screen and (max-width: 765px) {
    .kenta_recipe_read03 {
      background: none;
      background-color: #F9F6EA; }
      .kenta_recipe_read03 .inforread {
        top: calc(18vw / 3.75);
        left: calc(20vw / 3.75); }
      .kenta_recipe_read03 .recipe_supervision {
        bottom: calc(0vw / 19.2);
        right: calc(-20vw / 3.75);
        width: calc(163vw / 3.75); } }

.kenta_recipe_read--splt {
  padding: 0px 0px 0px 0px;
  margin: 0px auto 0px;
  width: calc(990vw / 19.2);
  height: calc(8vw / 19.2);
  background-color: #C50018; }
  @media only screen and (max-width: 765px) {
    .kenta_recipe_read--splt {
      padding: 0.0vw 0.0vw 0.0vw 0.0vw;
      margin: 0.0vw auto 0.0vw;
      width: calc(333vw / 3.75);
      height: calc(3vw / 3.75); } }

.kenta_recipe--accordion .accordion_one {
  padding: 0px 0px 0px 0px;
  margin: 0px auto 0px;
  width: calc(990vw / 19.2); }
  @media only screen and (max-width: 765px) {
    .kenta_recipe--accordion .accordion_one {
      padding: 0.0vw 0.0vw 0.0vw 0.0vw;
      margin: 0.0vw auto 0.0vw;
      width: calc(333vw / 3.75); } }

.kenta_recipe--accordion .accordion_one .accordion_inner {
  /* ヘッダーの前に表示される（つまり上側に出る） */
  display: none;
  /* 初期は非表示 */
  background-color: #FFFFFF;
  background-image: url("../img/accordion_back_pc.svg");
  background-repeat: repeat-y;
  border-top: none;
  /* 上側とつながるように調整 */
  box-sizing: border-box; }
  @media only screen and (max-width: 765px) {
    .kenta_recipe--accordion .accordion_one .accordion_inner {
      background-image: url("../img/accordion_back_sp.svg");
      width: 100%; } }

.kenta_recipe--accordion .accordion_one .accordion_header {
  padding: calc(35vw / 19.2) 0px calc(30vw / 19.2) 0px;
  margin: 0px 0px 0px 0px;
  background-color: #FFFFFF;
  background-image: url("../img/accordion_back_pc.svg");
  background-repeat: repeat-y;
  color: #1F2160;
  font-size: calc(20vw / 19.2);
  font-weight: 600;
  text-align: center;
  position: relative;
  z-index: +1;
  cursor: pointer;
  transition-duration: 0.2s; }
  .kenta_recipe--accordion .accordion_one .accordion_header .title_close {
    display: block; }
  .kenta_recipe--accordion .accordion_one .accordion_header .title_open {
    display: none; }
  .kenta_recipe--accordion .accordion_one .accordion_header.open .title_close {
    display: none; }
  .kenta_recipe--accordion .accordion_one .accordion_header.open .title_open {
    display: block; }
  @media only screen and (max-width: 765px) {
    .kenta_recipe--accordion .accordion_one .accordion_header {
      padding: calc(17vw / 3.75) 0vw calc(17vw / 3.75) 0vw;
      margin: 0.0vw auto 0.0vw;
      font-size: calc(17vw / 3.75);
      background-image: url("../img/accordion_back_sp.svg");
      width: 100%; } }

.kenta_recipe--accordion .accordion_one .accordion_header .arrow {
  padding: calc(0vw / 19.2) 0px calc(0vw / 19.2) 0px;
  margin: 0px 0px 0px 0px;
  width: calc(16vw / 19.2);
  position: absolute;
  top: calc(45vw / 19.2);
  right: calc(400vw / 19.2); }
  @media only screen and (max-width: 765px) {
    .kenta_recipe--accordion .accordion_one .accordion_header .arrow {
      padding: calc(17vw / 3.75) 0vw calc(17vw / 3.75) 0vw;
      margin: 0.0vw auto 0.0vw;
      width: calc(16vw / 3.75);
      top: calc(7vw / 3.75);
      right: calc(81vw / 3.75); } }

.kenta_recipe--accordion .accordion_one .accordion_header .arrow img {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg); }

.kenta_recipe--accordion .accordion_one .accordion_header.open .arrow img {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg); }

.kenta_recipe--accinfor {
  padding: calc(1vw / 19.2) 0px calc(50vw / 19.2) 0px;
  margin: 0px auto 0px;
  width: calc(990vw / 19.2);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media only screen and (max-width: 765px) {
    .kenta_recipe--accinfor {
      padding: 0.0vw 0.0vw 0.0vw 0.0vw;
      margin: 0.0vw auto 0.0vw;
      width: calc(333vw / 3.75); } }

.kenta_recipe--youtube {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px calc(35vw / 19.2);
  width: calc(528vw / 19.2);
  height: 100%;
  aspect-ratio: 9 / 16; }
  .kenta_recipe--youtube iframe {
    width: 100%;
    height: 100%;
    border-radius: calc(10vw / 19.2); }
  @media only screen and (max-width: 765px) {
    .kenta_recipe--youtube {
      padding: calc(0vw / 3.75) 0vw calc(0vw / 3.75) 0vw;
      margin: calc(1vw / 3.75) auto calc(35vw / 3.75);
      width: calc(297vw / 3.75); }
      .kenta_recipe--youtube iframe {
        width: 100%;
        height: 100%;
        border-radius: calc(10vw / 3.75); } }

.kenta_recipe--procedure {
  padding: 0px 0px 0px 0px;
  margin: 0px calc(35vw / 19.2) 0px 0px;
  width: calc(350vw / 19.2); }
  .kenta_recipe--procedure .krecipe_procedure01 {
    padding: 0px 0px 0px 0px;
    margin: 0px auto 0px; }
  .kenta_recipe--procedure .krecipe_procedure02 {
    padding: calc(70vw / 19.2) 0px 0px 0px;
    margin: 0px auto 0px; }
  .kenta_recipe--procedure h4 {
    padding: 0px 0px calc(15vw / 19.2) 0px;
    margin: 0px auto calc(5vw / 19.2);
    width: 100%;
    border-bottom: calc(3vw / 19.2) solid #E70012;
    font-size: calc(26vw / 19.2);
    font-weight: 600;
    text-align: center; }
  .kenta_recipe--procedure dl {
    padding: calc(20vw / 19.2) 0px calc(14vw / 19.2) 0px;
    margin: 0px auto 0px;
    width: 100%;
    font-size: calc(18vw / 19.2);
    font-weight: 600;
    background-image: url("../img/kenta_recipe_procedure_splt_pc.svg");
    background-repeat: no-repeat;
    background-position: center bottom;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  .kenta_recipe--procedure dl dt {
    padding: 0px 0px 0px 0px;
    margin: 0px auto 0px;
    width: 70%; }
  .kenta_recipe--procedure dl dd {
    padding: 0px 0px 0px 0px;
    margin: 0px auto 0px;
    width: 30%;
    text-align: right; }
  .kenta_recipe--procedure .orderlist {
    padding: calc(20vw / 19.2) 0px calc(14vw / 19.2) 0px;
    margin: 0px auto 0px;
    width: 100%;
    font-size: calc(18vw / 19.2);
    font-weight: 600;
    background-image: url("../img/kenta_recipe_procedure_splt_pc.svg");
    background-repeat: no-repeat;
    background-position: center bottom;
    text-indent: -1.0em;
    padding-left: 1.0em; }
  @media only screen and (max-width: 765px) {
    .kenta_recipe--procedure {
      padding: 0.0vw 0.0vw 0.0vw 0.0vw;
      margin: 0.0vw auto 0.0vw;
      width: calc(297vw / 3.75);
      background-color: rgba(255, 255, 255, 0.95); }
      .kenta_recipe--procedure .krecipe_procedure01 {
        padding: 0.0vw 0.0vw 0.0vw 0.0vw;
        margin: 0.0vw auto 0.0vw;
        width: calc(297vw / 3.75); }
      .kenta_recipe--procedure .krecipe_procedure02 {
        padding: calc(25vw / 3.75) 0vw calc(30vw / 3.75) 0vw;
        margin: 0.0vw auto 0.0vw;
        width: calc(297vw / 3.75); }
      .kenta_recipe--procedure h4 {
        padding: 0px 0px calc(15vw / 3.75) 0px;
        margin: 0px auto calc(5vw / 3.75);
        width: 100%;
        border-bottom: calc(3vw / 3.75) solid #E70012;
        font-size: calc(18vw / 3.75);
        font-weight: 600;
        text-align: center; }
      .kenta_recipe--procedure dl {
        padding: calc(15vw / 3.75) 0px calc(10vw / 3.75) 0px;
        margin: 0px auto 0px;
        width: 100%;
        font-size: calc(14vw / 3.75); }
      .kenta_recipe--procedure .orderlist {
        padding: calc(15vw / 3.75) 0px calc(10vw / 3.75) 0px;
        margin: 0px auto 0px;
        width: 100%;
        font-size: calc(14vw / 3.75);
        text-indent: -1.0em;
        padding-left: 1.0em; } }

#hoge {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 100%; }
  @media only screen and (max-width: 1590px) {
    #hoge {
      padding: 0.0vw 0.0vw 0.0vw 0.0vw;
      margin: 0.0vw 0.0vw 0.0vw 0.0vw;
      width: 100%; } }
  @media only screen and (max-width: 765px) {
    #hoge {
      padding: 0.0vw 0.0vw 0.0vw 0.0vw;
      margin: 0.0vw 0.0vw 0.0vw 0.0vw;
      width: 100%; } }

.hoge {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 100%; }
  @media only screen and (max-width: 1590px) {
    .hoge {
      padding: 0.0vw 0.0vw 0.0vw 0.0vw;
      margin: 0.0vw auto 0.0vw;
      width: 100%; } }
  @media only screen and (max-width: 765px) {
    .hoge {
      padding: 0.0vw 0.0vw 0.0vw 0.0vw;
      margin: 0.0vw auto 0.0vw;
      width: 100%; } }
  .hoge img {
    width: 100%; }

/*-------------------------------------------------------------------------------------*/
.sp_only {
  display: none; }
  @media only screen and (max-width: 765px) {
    .sp_only {
      display: block; } }

.pc_only {
  display: block; }
  @media only screen and (max-width: 765px) {
    .pc_only {
      display: none; } }

.spinline_only {
  display: none; }
  @media only screen and (max-width: 765px) {
    .spinline_only {
      display: inline-block; } }

.pcinline_only {
  display: inline-block; }
  @media only screen and (max-width: 765px) {
    .pcinline_only {
      display: none; } }