@charset "UTF-8";
/*
Theme Name: ECCOM-CREATION-THEME
Theme URI: https://eccom.jp/creative/
Description: エコムクリエーション公式サイト.
Author: ECCOM Creation Co.,Ltd.
Author URI: 
Version: 1.5.3
.
エコムクリエーション 公式サイト
.
*/
* {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
  height: 100%;
  width: 100%;
}

body {
  font-family: futura-pt, "Noto Sans JP", sans-serif;
  font-size: 1.6rem;
  font-weight: 300;
  color: #000;
  width: 100%;
  height: 100%;
  padding: 0px;
  letter-spacing: 0.1em;
  margin: 0px;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  word-break: normal;
}
@media (max-width: 768px) {
  body {
    font-size: 1.4rem;
    min-width: 320px;
    overflow-x: hidden;
  }
}

img {
  border: 0;
}
@media (max-width: 768px) {
  img {
    height: auto;
    max-width: 100%;
  }
}

p {
  margin: 0;
  padding: 0;
  line-height: 1.6;
}

input, button, textarea, select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input {
  border-radius: 0;
}

ul, ol {
  margin: 0;
  padding: 0 0 0 1.3em;
}

@media (max-width: 768px) {
  .pc {
    display: none;
  }
}

.sp {
  display: none;
}
@media (max-width: 580px) {
  .sp {
    display: inline-block;
  }
}

.tab {
  display: none;
}
@media (max-width: 768px) {
  .tab {
    display: inline-block;
  }
}

.pc {
  display: inline-block;
}
@media (max-width: 768px) {
  .pc {
    display: none;
  }
}

.u-small-none {
  display: inline-block;
}
@media (max-width: 365px) {
  .u-small-none {
    display: none;
  }
}

/* フォント */
.minchou {
  font-family: "HiraMinProN-W6", "MS PMincho", serif;
}

.gothic {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

.notosans {
  font-family: "Noto Sans JP";
}

.bickham {
  font-family: bickham-script-pro-3, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.fontS {
  font-size: 1.2rem;
}
@media (max-width: 768px) {
  .fontS {
    font-size: 1rem;
  }
}

.fontM {
  font-size: 2rem;
}
@media (max-width: 768px) {
  .fontM {
    font-size: 1.8rem;
  }
}

.fontL {
  font-size: 3.2rem;
}

.fontN {
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .fontN {
    font-size: 1.4rem;
  }
}

.u-font10 {
  font-size: 1rem !important;
}

.u-font11 {
  font-size: 1.1rem !important;
}

.u-font12 {
  font-size: 1.2rem !important;
}

.u-font13 {
  font-size: 1.3rem !important;
}

.u-font14 {
  font-size: 1.4rem !important;
}

.u-font15 {
  font-size: 1.5rem !important;
}

.u-font16 {
  font-size: 1.6rem !important;
}

.u-font17 {
  font-size: 1.7rem !important;
}

.u-font18 {
  font-size: 1.8rem !important;
}

.u-font19 {
  font-size: 1.9rem !important;
}

.u-font20 {
  font-size: 2rem !important;
}

.u-font21 {
  font-size: 2.1rem !important;
}

.u-font22 {
  font-size: 2.2rem !important;
}

.u-font23 {
  font-size: 2.3rem !important;
}

.u-font24 {
  font-size: 2.4rem !important;
}

.u-font25 {
  font-size: 2.5rem !important;
}

.u-font26 {
  font-size: 2.6rem !important;
}

.u-font27 {
  font-size: 2.7rem !important;
}

.u-font28 {
  font-size: 2.8rem !important;
}

.u-font29 {
  font-size: 2.9rem !important;
}

.u-font30 {
  font-size: 3rem !important;
}

.u-font31 {
  font-size: 3.1rem !important;
}

.u-font32 {
  font-size: 3.2rem !important;
}

.u-font33 {
  font-size: 3.3rem !important;
}

.u-font34 {
  font-size: 3.4rem !important;
}

.u-font35 {
  font-size: 3.5rem !important;
}

.u-font36 {
  font-size: 3.6rem !important;
}

.u-font37 {
  font-size: 3.7rem !important;
}

.u-font38 {
  font-size: 3.8rem !important;
}

.u-font39 {
  font-size: 3.9rem !important;
}

.u-font40 {
  font-size: 4rem !important;
}

@media (max-width: 580px) {
  .u-sp-font0 {
    font-size: 0rem !important;
  }
  .u-sp-font1 {
    font-size: 0.1rem !important;
  }
  .u-sp-font2 {
    font-size: 0.2rem !important;
  }
  .u-sp-font3 {
    font-size: 0.3rem !important;
  }
  .u-sp-font4 {
    font-size: 0.4rem !important;
  }
  .u-sp-font5 {
    font-size: 0.5rem !important;
  }
  .u-sp-font6 {
    font-size: 0.6rem !important;
  }
  .u-sp-font7 {
    font-size: 0.7rem !important;
  }
  .u-sp-font8 {
    font-size: 0.8rem !important;
  }
  .u-sp-font9 {
    font-size: 0.9rem !important;
  }
  .u-sp-font10 {
    font-size: 1rem !important;
  }
  .u-sp-font11 {
    font-size: 1.1rem !important;
  }
  .u-sp-font12 {
    font-size: 1.2rem !important;
  }
  .u-sp-font13 {
    font-size: 1.3rem !important;
  }
  .u-sp-font14 {
    font-size: 1.4rem !important;
  }
  .u-sp-font15 {
    font-size: 1.5rem !important;
  }
  .u-sp-font16 {
    font-size: 1.6rem !important;
  }
  .u-sp-font17 {
    font-size: 1.7rem !important;
  }
  .u-sp-font18 {
    font-size: 1.8rem !important;
  }
  .u-sp-font19 {
    font-size: 1.9rem !important;
  }
  .u-sp-font20 {
    font-size: 2rem !important;
  }
  .u-sp-font21 {
    font-size: 2.1rem !important;
  }
  .u-sp-font22 {
    font-size: 2.2rem !important;
  }
  .u-sp-font23 {
    font-size: 2.3rem !important;
  }
  .u-sp-font24 {
    font-size: 2.4rem !important;
  }
  .u-sp-font25 {
    font-size: 2.5rem !important;
  }
  .u-sp-font26 {
    font-size: 2.6rem !important;
  }
  .u-sp-font27 {
    font-size: 2.7rem !important;
  }
  .u-sp-font28 {
    font-size: 2.8rem !important;
  }
  .u-sp-font29 {
    font-size: 2.9rem !important;
  }
  .u-sp-font30 {
    font-size: 3rem !important;
  }
  .u-sp-font31 {
    font-size: 3.1rem !important;
  }
  .u-sp-font32 {
    font-size: 3.2rem !important;
  }
  .u-sp-font33 {
    font-size: 3.3rem !important;
  }
  .u-sp-font34 {
    font-size: 3.4rem !important;
  }
  .u-sp-font35 {
    font-size: 3.5rem !important;
  }
  .u-sp-font36 {
    font-size: 3.6rem !important;
  }
  .u-sp-font37 {
    font-size: 3.7rem !important;
  }
  .u-sp-font38 {
    font-size: 3.8rem !important;
  }
  .u-sp-font39 {
    font-size: 3.9rem !important;
  }
  .u-sp-font40 {
    font-size: 4rem !important;
  }
}
.fontRed {
  color: #F2112B;
}

.fontGreen {
  color: #6BB732;
}

.fontPink {
  color: #DA5E86;
}

.fontWhite {
  color: #ffffff;
}

.normal {
  font-weight: 200;
}

.bold {
  font-weight: 500;
}

.lsThin {
  letter-spacing: -0.1em;
}

.lsWide {
  letter-spacing: 0.1em;
}

.lh1 {
  line-height: 1;
}

.textleft, .alignleft {
  text-align: left !important;
}

.textcenter, .aligncenter {
  text-align: center !important;
}

.textright, .alignright {
  text-align: right !important;
}

.textjustify, .alignjustify {
  text-align: justify !important;
}

/* 90度回転 */
.rotate {
  display: inline-block;
  transform: rotate(90deg);
}

/* float解除 */
.clearfloat:after {
  display: block;
  clear: both;
  height: 0px;
  line-height: 0px;
  visibility: hidden;
  content: ".";
}

/* マージン */
.u-mt-0 {
  margin-top: 0px !important;
}

.u-mt-1 {
  margin-top: 10px !important;
}

.u-mt-2 {
  margin-top: 20px !important;
}

.u-mt-3 {
  margin-top: 30px !important;
}

.u-mt-4 {
  margin-top: 40px !important;
}

.u-mt-5 {
  margin-top: 50px !important;
}

.u-mt-6 {
  margin-top: 60px !important;
}

.u-mt-7 {
  margin-top: 70px !important;
}

.u-mt-8 {
  margin-top: 80px !important;
}

.u-mt-9 {
  margin-top: 90px !important;
}

.u-mt-10 {
  margin-top: 100px !important;
}

.u-mt-11 {
  margin-top: 110px !important;
}

.u-mt-12 {
  margin-top: 120px !important;
}

.u-mt-13 {
  margin-top: 130px !important;
}

.u-mt-14 {
  margin-top: 140px !important;
}

.u-mt-15 {
  margin-top: 150px !important;
}

.u-mt-16 {
  margin-top: 160px !important;
}

.u-mt-17 {
  margin-top: 170px !important;
}

.u-mt-18 {
  margin-top: 180px !important;
}

.u-mt-19 {
  margin-top: 190px !important;
}

.u-mt-20 {
  margin-top: 200px !important;
}

.u-mt-21 {
  margin-top: 210px !important;
}

.u-mt-22 {
  margin-top: 220px !important;
}

.u-mt-23 {
  margin-top: 230px !important;
}

.u-mt-24 {
  margin-top: 240px !important;
}

.u-mt-25 {
  margin-top: 250px !important;
}

.u-mt-26 {
  margin-top: 260px !important;
}

.u-mt-27 {
  margin-top: 270px !important;
}

.u-mt-28 {
  margin-top: 280px !important;
}

.u-mt-29 {
  margin-top: 290px !important;
}

.u-mt-30 {
  margin-top: 300px !important;
}

.u-mt-31 {
  margin-top: 310px !important;
}

.u-mt-32 {
  margin-top: 320px !important;
}

.u-mt-33 {
  margin-top: 330px !important;
}

.u-mt-34 {
  margin-top: 340px !important;
}

.u-mt-35 {
  margin-top: 350px !important;
}

.u-mt-36 {
  margin-top: 360px !important;
}

.u-mt-37 {
  margin-top: 370px !important;
}

.u-mt-38 {
  margin-top: 380px !important;
}

.u-mt-39 {
  margin-top: 390px !important;
}

.u-mt-40 {
  margin-top: 400px !important;
}

.u-mt-41 {
  margin-top: 410px !important;
}

.u-mt-42 {
  margin-top: 420px !important;
}

.u-mt-43 {
  margin-top: 430px !important;
}

.u-mt-44 {
  margin-top: 440px !important;
}

.u-mt-45 {
  margin-top: 450px !important;
}

.u-mt-46 {
  margin-top: 460px !important;
}

.u-mt-47 {
  margin-top: 470px !important;
}

.u-mt-48 {
  margin-top: 480px !important;
}

.u-mt-49 {
  margin-top: 490px !important;
}

.u-mt-50 {
  margin-top: 500px !important;
}

.u-mt-51 {
  margin-top: 510px !important;
}

.u-mt-52 {
  margin-top: 520px !important;
}

.u-mt-53 {
  margin-top: 530px !important;
}

.u-mt-54 {
  margin-top: 540px !important;
}

.u-mt-55 {
  margin-top: 550px !important;
}

.u-mt-56 {
  margin-top: 560px !important;
}

.u-mt-57 {
  margin-top: 570px !important;
}

.u-mt-58 {
  margin-top: 580px !important;
}

.u-mt-59 {
  margin-top: 590px !important;
}

.u-mt-60 {
  margin-top: 600px !important;
}

.u-mt-61 {
  margin-top: 610px !important;
}

.u-mt-62 {
  margin-top: 620px !important;
}

.u-mt-63 {
  margin-top: 630px !important;
}

.u-mt-64 {
  margin-top: 640px !important;
}

.u-mt-65 {
  margin-top: 650px !important;
}

.u-mt-66 {
  margin-top: 660px !important;
}

.u-mt-67 {
  margin-top: 670px !important;
}

.u-mt-68 {
  margin-top: 680px !important;
}

.u-mt-69 {
  margin-top: 690px !important;
}

.u-mt-70 {
  margin-top: 700px !important;
}

.u-mt-71 {
  margin-top: 710px !important;
}

.u-mt-72 {
  margin-top: 720px !important;
}

.u-mt-73 {
  margin-top: 730px !important;
}

.u-mt-74 {
  margin-top: 740px !important;
}

.u-mt-75 {
  margin-top: 750px !important;
}

@media (max-width: 768px) {
  .u-tab-mt-0 {
    margin-top: 0px !important;
  }
  .u-tab-mt-1 {
    margin-top: 10px !important;
  }
  .u-tab-mt-2 {
    margin-top: 20px !important;
  }
  .u-tab-mt-3 {
    margin-top: 30px !important;
  }
  .u-tab-mt-4 {
    margin-top: 40px !important;
  }
  .u-tab-mt-5 {
    margin-top: 50px !important;
  }
  .u-tab-mt-6 {
    margin-top: 60px !important;
  }
  .u-tab-mt-7 {
    margin-top: 70px !important;
  }
  .u-tab-mt-8 {
    margin-top: 80px !important;
  }
  .u-tab-mt-9 {
    margin-top: 90px !important;
  }
  .u-tab-mt-10 {
    margin-top: 100px !important;
  }
  .u-tab-mt-11 {
    margin-top: 110px !important;
  }
  .u-tab-mt-12 {
    margin-top: 120px !important;
  }
  .u-tab-mt-13 {
    margin-top: 130px !important;
  }
  .u-tab-mt-14 {
    margin-top: 140px !important;
  }
  .u-tab-mt-15 {
    margin-top: 150px !important;
  }
  .u-tab-mt-16 {
    margin-top: 160px !important;
  }
  .u-tab-mt-17 {
    margin-top: 170px !important;
  }
  .u-tab-mt-18 {
    margin-top: 180px !important;
  }
  .u-tab-mt-19 {
    margin-top: 190px !important;
  }
  .u-tab-mt-20 {
    margin-top: 200px !important;
  }
  .u-tab-mt-21 {
    margin-top: 210px !important;
  }
  .u-tab-mt-22 {
    margin-top: 220px !important;
  }
  .u-tab-mt-23 {
    margin-top: 230px !important;
  }
  .u-tab-mt-24 {
    margin-top: 240px !important;
  }
  .u-tab-mt-25 {
    margin-top: 250px !important;
  }
  .u-tab-mt-26 {
    margin-top: 260px !important;
  }
  .u-tab-mt-27 {
    margin-top: 270px !important;
  }
  .u-tab-mt-28 {
    margin-top: 280px !important;
  }
  .u-tab-mt-29 {
    margin-top: 290px !important;
  }
  .u-tab-mt-30 {
    margin-top: 300px !important;
  }
  .u-tab-mt-31 {
    margin-top: 310px !important;
  }
  .u-tab-mt-32 {
    margin-top: 320px !important;
  }
  .u-tab-mt-33 {
    margin-top: 330px !important;
  }
  .u-tab-mt-34 {
    margin-top: 340px !important;
  }
  .u-tab-mt-35 {
    margin-top: 350px !important;
  }
}
@media (max-width: 580px) {
  .u-sp-mt-0 {
    margin-top: 0px !important;
  }
  .u-sp-mt-1 {
    margin-top: 10px !important;
  }
  .u-sp-mt-2 {
    margin-top: 20px !important;
  }
  .u-sp-mt-3 {
    margin-top: 30px !important;
  }
  .u-sp-mt-4 {
    margin-top: 40px !important;
  }
  .u-sp-mt-5 {
    margin-top: 50px !important;
  }
  .u-sp-mt-6 {
    margin-top: 60px !important;
  }
  .u-sp-mt-7 {
    margin-top: 70px !important;
  }
  .u-sp-mt-8 {
    margin-top: 80px !important;
  }
  .u-sp-mt-9 {
    margin-top: 90px !important;
  }
  .u-sp-mt-10 {
    margin-top: 100px !important;
  }
  .u-sp-mt-11 {
    margin-top: 110px !important;
  }
  .u-sp-mt-12 {
    margin-top: 120px !important;
  }
  .u-sp-mt-13 {
    margin-top: 130px !important;
  }
  .u-sp-mt-14 {
    margin-top: 140px !important;
  }
  .u-sp-mt-15 {
    margin-top: 150px !important;
  }
  .u-sp-mt-16 {
    margin-top: 160px !important;
  }
  .u-sp-mt-17 {
    margin-top: 170px !important;
  }
  .u-sp-mt-18 {
    margin-top: 180px !important;
  }
  .u-sp-mt-19 {
    margin-top: 190px !important;
  }
  .u-sp-mt-20 {
    margin-top: 200px !important;
  }
  .u-sp-mt-21 {
    margin-top: 210px !important;
  }
  .u-sp-mt-22 {
    margin-top: 220px !important;
  }
  .u-sp-mt-23 {
    margin-top: 230px !important;
  }
  .u-sp-mt-24 {
    margin-top: 240px !important;
  }
  .u-sp-mt-25 {
    margin-top: 250px !important;
  }
  .u-sp-mt-26 {
    margin-top: 260px !important;
  }
  .u-sp-mt-27 {
    margin-top: 270px !important;
  }
  .u-sp-mt-28 {
    margin-top: 280px !important;
  }
  .u-sp-mt-29 {
    margin-top: 290px !important;
  }
  .u-sp-mt-30 {
    margin-top: 300px !important;
  }
  .u-sp-mt-31 {
    margin-top: 310px !important;
  }
  .u-sp-mt-32 {
    margin-top: 320px !important;
  }
  .u-sp-mt-33 {
    margin-top: 330px !important;
  }
  .u-sp-mt-34 {
    margin-top: 340px !important;
  }
  .u-sp-mt-35 {
    margin-top: 350px !important;
  }
}
.u-mr-0 {
  margin-right: 0px !important;
}

.u-mr-1 {
  margin-right: 10px !important;
}

.u-mr-2 {
  margin-right: 20px !important;
}

.u-mr-3 {
  margin-right: 30px !important;
}

.u-mr-4 {
  margin-right: 40px !important;
}

.u-mr-5 {
  margin-right: 50px !important;
}

.u-mr-6 {
  margin-right: 60px !important;
}

.u-mr-7 {
  margin-right: 70px !important;
}

.u-mr-8 {
  margin-right: 80px !important;
}

.u-mr-9 {
  margin-right: 90px !important;
}

.u-mr-10 {
  margin-right: 100px !important;
}

.u-mr-11 {
  margin-right: 110px !important;
}

.u-mr-12 {
  margin-right: 120px !important;
}

.u-mr-13 {
  margin-right: 130px !important;
}

.u-mr-14 {
  margin-right: 140px !important;
}

.u-mr-15 {
  margin-right: 150px !important;
}

.u-mr-16 {
  margin-right: 160px !important;
}

.u-mr-17 {
  margin-right: 170px !important;
}

.u-mr-18 {
  margin-right: 180px !important;
}

.u-mr-19 {
  margin-right: 190px !important;
}

.u-mr-20 {
  margin-right: 200px !important;
}

.u-mr-21 {
  margin-right: 210px !important;
}

.u-mr-22 {
  margin-right: 220px !important;
}

.u-mr-23 {
  margin-right: 230px !important;
}

.u-mr-24 {
  margin-right: 240px !important;
}

.u-mr-25 {
  margin-right: 250px !important;
}

.u-mr-26 {
  margin-right: 260px !important;
}

.u-mr-27 {
  margin-right: 270px !important;
}

.u-mr-28 {
  margin-right: 280px !important;
}

.u-mr-29 {
  margin-right: 290px !important;
}

.u-mr-30 {
  margin-right: 300px !important;
}

.u-mr-31 {
  margin-right: 310px !important;
}

.u-mr-32 {
  margin-right: 320px !important;
}

.u-mr-33 {
  margin-right: 330px !important;
}

.u-mr-34 {
  margin-right: 340px !important;
}

.u-mr-35 {
  margin-right: 350px !important;
}

.u-mr-36 {
  margin-right: 360px !important;
}

.u-mr-37 {
  margin-right: 370px !important;
}

.u-mr-38 {
  margin-right: 380px !important;
}

.u-mr-39 {
  margin-right: 390px !important;
}

.u-mr-40 {
  margin-right: 400px !important;
}

.u-mr-41 {
  margin-right: 410px !important;
}

.u-mr-42 {
  margin-right: 420px !important;
}

.u-mr-43 {
  margin-right: 430px !important;
}

.u-mr-44 {
  margin-right: 440px !important;
}

.u-mr-45 {
  margin-right: 450px !important;
}

.u-mr-46 {
  margin-right: 460px !important;
}

.u-mr-47 {
  margin-right: 470px !important;
}

.u-mr-48 {
  margin-right: 480px !important;
}

.u-mr-49 {
  margin-right: 490px !important;
}

.u-mr-50 {
  margin-right: 500px !important;
}

.u-mr-51 {
  margin-right: 510px !important;
}

.u-mr-52 {
  margin-right: 520px !important;
}

.u-mr-53 {
  margin-right: 530px !important;
}

.u-mr-54 {
  margin-right: 540px !important;
}

.u-mr-55 {
  margin-right: 550px !important;
}

.u-mr-56 {
  margin-right: 560px !important;
}

.u-mr-57 {
  margin-right: 570px !important;
}

.u-mr-58 {
  margin-right: 580px !important;
}

.u-mr-59 {
  margin-right: 590px !important;
}

.u-mr-60 {
  margin-right: 600px !important;
}

.u-mr-61 {
  margin-right: 610px !important;
}

.u-mr-62 {
  margin-right: 620px !important;
}

.u-mr-63 {
  margin-right: 630px !important;
}

.u-mr-64 {
  margin-right: 640px !important;
}

.u-mr-65 {
  margin-right: 650px !important;
}

.u-mr-66 {
  margin-right: 660px !important;
}

.u-mr-67 {
  margin-right: 670px !important;
}

.u-mr-68 {
  margin-right: 680px !important;
}

.u-mr-69 {
  margin-right: 690px !important;
}

.u-mr-70 {
  margin-right: 700px !important;
}

.u-mr-71 {
  margin-right: 710px !important;
}

.u-mr-72 {
  margin-right: 720px !important;
}

.u-mr-73 {
  margin-right: 730px !important;
}

.u-mr-74 {
  margin-right: 740px !important;
}

.u-mr-75 {
  margin-right: 750px !important;
}

@media (max-width: 768px) {
  .u-tab-mr-0 {
    margin-right: 0px !important;
  }
  .u-tab-mr-1 {
    margin-right: 10px !important;
  }
  .u-tab-mr-2 {
    margin-right: 20px !important;
  }
  .u-tab-mr-3 {
    margin-right: 30px !important;
  }
  .u-tab-mr-4 {
    margin-right: 40px !important;
  }
  .u-tab-mr-5 {
    margin-right: 50px !important;
  }
  .u-tab-mr-6 {
    margin-right: 60px !important;
  }
  .u-tab-mr-7 {
    margin-right: 70px !important;
  }
  .u-tab-mr-8 {
    margin-right: 80px !important;
  }
  .u-tab-mr-9 {
    margin-right: 90px !important;
  }
  .u-tab-mr-10 {
    margin-right: 100px !important;
  }
  .u-tab-mr-11 {
    margin-right: 110px !important;
  }
  .u-tab-mr-12 {
    margin-right: 120px !important;
  }
  .u-tab-mr-13 {
    margin-right: 130px !important;
  }
  .u-tab-mr-14 {
    margin-right: 140px !important;
  }
  .u-tab-mr-15 {
    margin-right: 150px !important;
  }
  .u-tab-mr-16 {
    margin-right: 160px !important;
  }
  .u-tab-mr-17 {
    margin-right: 170px !important;
  }
  .u-tab-mr-18 {
    margin-right: 180px !important;
  }
  .u-tab-mr-19 {
    margin-right: 190px !important;
  }
  .u-tab-mr-20 {
    margin-right: 200px !important;
  }
  .u-tab-mr-21 {
    margin-right: 210px !important;
  }
  .u-tab-mr-22 {
    margin-right: 220px !important;
  }
  .u-tab-mr-23 {
    margin-right: 230px !important;
  }
  .u-tab-mr-24 {
    margin-right: 240px !important;
  }
  .u-tab-mr-25 {
    margin-right: 250px !important;
  }
  .u-tab-mr-26 {
    margin-right: 260px !important;
  }
  .u-tab-mr-27 {
    margin-right: 270px !important;
  }
  .u-tab-mr-28 {
    margin-right: 280px !important;
  }
  .u-tab-mr-29 {
    margin-right: 290px !important;
  }
  .u-tab-mr-30 {
    margin-right: 300px !important;
  }
  .u-tab-mr-31 {
    margin-right: 310px !important;
  }
  .u-tab-mr-32 {
    margin-right: 320px !important;
  }
  .u-tab-mr-33 {
    margin-right: 330px !important;
  }
  .u-tab-mr-34 {
    margin-right: 340px !important;
  }
  .u-tab-mr-35 {
    margin-right: 350px !important;
  }
}
@media (max-width: 580px) {
  .u-sp-mr-0 {
    margin-right: 0px !important;
  }
  .u-sp-mr-1 {
    margin-right: 10px !important;
  }
  .u-sp-mr-2 {
    margin-right: 20px !important;
  }
  .u-sp-mr-3 {
    margin-right: 30px !important;
  }
  .u-sp-mr-4 {
    margin-right: 40px !important;
  }
  .u-sp-mr-5 {
    margin-right: 50px !important;
  }
  .u-sp-mr-6 {
    margin-right: 60px !important;
  }
  .u-sp-mr-7 {
    margin-right: 70px !important;
  }
  .u-sp-mr-8 {
    margin-right: 80px !important;
  }
  .u-sp-mr-9 {
    margin-right: 90px !important;
  }
  .u-sp-mr-10 {
    margin-right: 100px !important;
  }
  .u-sp-mr-11 {
    margin-right: 110px !important;
  }
  .u-sp-mr-12 {
    margin-right: 120px !important;
  }
  .u-sp-mr-13 {
    margin-right: 130px !important;
  }
  .u-sp-mr-14 {
    margin-right: 140px !important;
  }
  .u-sp-mr-15 {
    margin-right: 150px !important;
  }
  .u-sp-mr-16 {
    margin-right: 160px !important;
  }
  .u-sp-mr-17 {
    margin-right: 170px !important;
  }
  .u-sp-mr-18 {
    margin-right: 180px !important;
  }
  .u-sp-mr-19 {
    margin-right: 190px !important;
  }
  .u-sp-mr-20 {
    margin-right: 200px !important;
  }
  .u-sp-mr-21 {
    margin-right: 210px !important;
  }
  .u-sp-mr-22 {
    margin-right: 220px !important;
  }
  .u-sp-mr-23 {
    margin-right: 230px !important;
  }
  .u-sp-mr-24 {
    margin-right: 240px !important;
  }
  .u-sp-mr-25 {
    margin-right: 250px !important;
  }
  .u-sp-mr-26 {
    margin-right: 260px !important;
  }
  .u-sp-mr-27 {
    margin-right: 270px !important;
  }
  .u-sp-mr-28 {
    margin-right: 280px !important;
  }
  .u-sp-mr-29 {
    margin-right: 290px !important;
  }
  .u-sp-mr-30 {
    margin-right: 300px !important;
  }
  .u-sp-mr-31 {
    margin-right: 310px !important;
  }
  .u-sp-mr-32 {
    margin-right: 320px !important;
  }
  .u-sp-mr-33 {
    margin-right: 330px !important;
  }
  .u-sp-mr-34 {
    margin-right: 340px !important;
  }
  .u-sp-mr-35 {
    margin-right: 350px !important;
  }
}
.u-mb-0 {
  margin-bottom: 0px !important;
}

.u-mb-1 {
  margin-bottom: 10px !important;
}

.u-mb-2 {
  margin-bottom: 20px !important;
}

.u-mb-3 {
  margin-bottom: 30px !important;
}

.u-mb-4 {
  margin-bottom: 40px !important;
}

.u-mb-5 {
  margin-bottom: 50px !important;
}

.u-mb-6 {
  margin-bottom: 60px !important;
}

.u-mb-7 {
  margin-bottom: 70px !important;
}

.u-mb-8 {
  margin-bottom: 80px !important;
}

.u-mb-9 {
  margin-bottom: 90px !important;
}

.u-mb-10 {
  margin-bottom: 100px !important;
}

.u-mb-11 {
  margin-bottom: 110px !important;
}

.u-mb-12 {
  margin-bottom: 120px !important;
}

.u-mb-13 {
  margin-bottom: 130px !important;
}

.u-mb-14 {
  margin-bottom: 140px !important;
}

.u-mb-15 {
  margin-bottom: 150px !important;
}

.u-mb-16 {
  margin-bottom: 160px !important;
}

.u-mb-17 {
  margin-bottom: 170px !important;
}

.u-mb-18 {
  margin-bottom: 180px !important;
}

.u-mb-19 {
  margin-bottom: 190px !important;
}

.u-mb-20 {
  margin-bottom: 200px !important;
}

.u-mb-21 {
  margin-bottom: 210px !important;
}

.u-mb-22 {
  margin-bottom: 220px !important;
}

.u-mb-23 {
  margin-bottom: 230px !important;
}

.u-mb-24 {
  margin-bottom: 240px !important;
}

.u-mb-25 {
  margin-bottom: 250px !important;
}

.u-mb-26 {
  margin-bottom: 260px !important;
}

.u-mb-27 {
  margin-bottom: 270px !important;
}

.u-mb-28 {
  margin-bottom: 280px !important;
}

.u-mb-29 {
  margin-bottom: 290px !important;
}

.u-mb-30 {
  margin-bottom: 300px !important;
}

.u-mb-31 {
  margin-bottom: 310px !important;
}

.u-mb-32 {
  margin-bottom: 320px !important;
}

.u-mb-33 {
  margin-bottom: 330px !important;
}

.u-mb-34 {
  margin-bottom: 340px !important;
}

.u-mb-35 {
  margin-bottom: 350px !important;
}

.u-mb-36 {
  margin-bottom: 360px !important;
}

.u-mb-37 {
  margin-bottom: 370px !important;
}

.u-mb-38 {
  margin-bottom: 380px !important;
}

.u-mb-39 {
  margin-bottom: 390px !important;
}

.u-mb-40 {
  margin-bottom: 400px !important;
}

.u-mb-41 {
  margin-bottom: 410px !important;
}

.u-mb-42 {
  margin-bottom: 420px !important;
}

.u-mb-43 {
  margin-bottom: 430px !important;
}

.u-mb-44 {
  margin-bottom: 440px !important;
}

.u-mb-45 {
  margin-bottom: 450px !important;
}

.u-mb-46 {
  margin-bottom: 460px !important;
}

.u-mb-47 {
  margin-bottom: 470px !important;
}

.u-mb-48 {
  margin-bottom: 480px !important;
}

.u-mb-49 {
  margin-bottom: 490px !important;
}

.u-mb-50 {
  margin-bottom: 500px !important;
}

.u-mb-51 {
  margin-bottom: 510px !important;
}

.u-mb-52 {
  margin-bottom: 520px !important;
}

.u-mb-53 {
  margin-bottom: 530px !important;
}

.u-mb-54 {
  margin-bottom: 540px !important;
}

.u-mb-55 {
  margin-bottom: 550px !important;
}

.u-mb-56 {
  margin-bottom: 560px !important;
}

.u-mb-57 {
  margin-bottom: 570px !important;
}

.u-mb-58 {
  margin-bottom: 580px !important;
}

.u-mb-59 {
  margin-bottom: 590px !important;
}

.u-mb-60 {
  margin-bottom: 600px !important;
}

.u-mb-61 {
  margin-bottom: 610px !important;
}

.u-mb-62 {
  margin-bottom: 620px !important;
}

.u-mb-63 {
  margin-bottom: 630px !important;
}

.u-mb-64 {
  margin-bottom: 640px !important;
}

.u-mb-65 {
  margin-bottom: 650px !important;
}

.u-mb-66 {
  margin-bottom: 660px !important;
}

.u-mb-67 {
  margin-bottom: 670px !important;
}

.u-mb-68 {
  margin-bottom: 680px !important;
}

.u-mb-69 {
  margin-bottom: 690px !important;
}

.u-mb-70 {
  margin-bottom: 700px !important;
}

.u-mb-71 {
  margin-bottom: 710px !important;
}

.u-mb-72 {
  margin-bottom: 720px !important;
}

.u-mb-73 {
  margin-bottom: 730px !important;
}

.u-mb-74 {
  margin-bottom: 740px !important;
}

.u-mb-75 {
  margin-bottom: 750px !important;
}

@media (max-width: 768px) {
  .u-tab-mb-0 {
    margin-bottom: 0px !important;
  }
  .u-tab-mb-1 {
    margin-bottom: 10px !important;
  }
  .u-tab-mb-2 {
    margin-bottom: 20px !important;
  }
  .u-tab-mb-3 {
    margin-bottom: 30px !important;
  }
  .u-tab-mb-4 {
    margin-bottom: 40px !important;
  }
  .u-tab-mb-5 {
    margin-bottom: 50px !important;
  }
  .u-tab-mb-6 {
    margin-bottom: 60px !important;
  }
  .u-tab-mb-7 {
    margin-bottom: 70px !important;
  }
  .u-tab-mb-8 {
    margin-bottom: 80px !important;
  }
  .u-tab-mb-9 {
    margin-bottom: 90px !important;
  }
  .u-tab-mb-10 {
    margin-bottom: 100px !important;
  }
  .u-tab-mb-11 {
    margin-bottom: 110px !important;
  }
  .u-tab-mb-12 {
    margin-bottom: 120px !important;
  }
  .u-tab-mb-13 {
    margin-bottom: 130px !important;
  }
  .u-tab-mb-14 {
    margin-bottom: 140px !important;
  }
  .u-tab-mb-15 {
    margin-bottom: 150px !important;
  }
  .u-tab-mb-16 {
    margin-bottom: 160px !important;
  }
  .u-tab-mb-17 {
    margin-bottom: 170px !important;
  }
  .u-tab-mb-18 {
    margin-bottom: 180px !important;
  }
  .u-tab-mb-19 {
    margin-bottom: 190px !important;
  }
  .u-tab-mb-20 {
    margin-bottom: 200px !important;
  }
  .u-tab-mb-21 {
    margin-bottom: 210px !important;
  }
  .u-tab-mb-22 {
    margin-bottom: 220px !important;
  }
  .u-tab-mb-23 {
    margin-bottom: 230px !important;
  }
  .u-tab-mb-24 {
    margin-bottom: 240px !important;
  }
  .u-tab-mb-25 {
    margin-bottom: 250px !important;
  }
  .u-tab-mb-26 {
    margin-bottom: 260px !important;
  }
  .u-tab-mb-27 {
    margin-bottom: 270px !important;
  }
  .u-tab-mb-28 {
    margin-bottom: 280px !important;
  }
  .u-tab-mb-29 {
    margin-bottom: 290px !important;
  }
  .u-tab-mb-30 {
    margin-bottom: 300px !important;
  }
  .u-tab-mb-31 {
    margin-bottom: 310px !important;
  }
  .u-tab-mb-32 {
    margin-bottom: 320px !important;
  }
  .u-tab-mb-33 {
    margin-bottom: 330px !important;
  }
  .u-tab-mb-34 {
    margin-bottom: 340px !important;
  }
  .u-tab-mb-35 {
    margin-bottom: 350px !important;
  }
}
@media (max-width: 580px) {
  .u-sp-mb-0 {
    margin-bottom: 0px !important;
  }
  .u-sp-mb-1 {
    margin-bottom: 10px !important;
  }
  .u-sp-mb-2 {
    margin-bottom: 20px !important;
  }
  .u-sp-mb-3 {
    margin-bottom: 30px !important;
  }
  .u-sp-mb-4 {
    margin-bottom: 40px !important;
  }
  .u-sp-mb-5 {
    margin-bottom: 50px !important;
  }
  .u-sp-mb-6 {
    margin-bottom: 60px !important;
  }
  .u-sp-mb-7 {
    margin-bottom: 70px !important;
  }
  .u-sp-mb-8 {
    margin-bottom: 80px !important;
  }
  .u-sp-mb-9 {
    margin-bottom: 90px !important;
  }
  .u-sp-mb-10 {
    margin-bottom: 100px !important;
  }
  .u-sp-mb-11 {
    margin-bottom: 110px !important;
  }
  .u-sp-mb-12 {
    margin-bottom: 120px !important;
  }
  .u-sp-mb-13 {
    margin-bottom: 130px !important;
  }
  .u-sp-mb-14 {
    margin-bottom: 140px !important;
  }
  .u-sp-mb-15 {
    margin-bottom: 150px !important;
  }
  .u-sp-mb-16 {
    margin-bottom: 160px !important;
  }
  .u-sp-mb-17 {
    margin-bottom: 170px !important;
  }
  .u-sp-mb-18 {
    margin-bottom: 180px !important;
  }
  .u-sp-mb-19 {
    margin-bottom: 190px !important;
  }
  .u-sp-mb-20 {
    margin-bottom: 200px !important;
  }
  .u-sp-mb-21 {
    margin-bottom: 210px !important;
  }
  .u-sp-mb-22 {
    margin-bottom: 220px !important;
  }
  .u-sp-mb-23 {
    margin-bottom: 230px !important;
  }
  .u-sp-mb-24 {
    margin-bottom: 240px !important;
  }
  .u-sp-mb-25 {
    margin-bottom: 250px !important;
  }
  .u-sp-mb-26 {
    margin-bottom: 260px !important;
  }
  .u-sp-mb-27 {
    margin-bottom: 270px !important;
  }
  .u-sp-mb-28 {
    margin-bottom: 280px !important;
  }
  .u-sp-mb-29 {
    margin-bottom: 290px !important;
  }
  .u-sp-mb-30 {
    margin-bottom: 300px !important;
  }
  .u-sp-mb-31 {
    margin-bottom: 310px !important;
  }
  .u-sp-mb-32 {
    margin-bottom: 320px !important;
  }
  .u-sp-mb-33 {
    margin-bottom: 330px !important;
  }
  .u-sp-mb-34 {
    margin-bottom: 340px !important;
  }
  .u-sp-mb-35 {
    margin-bottom: 350px !important;
  }
}
.u-ml-0 {
  margin-left: 0px !important;
}

.u-ml-1 {
  margin-left: 10px !important;
}

.u-ml-2 {
  margin-left: 20px !important;
}

.u-ml-3 {
  margin-left: 30px !important;
}

.u-ml-4 {
  margin-left: 40px !important;
}

.u-ml-5 {
  margin-left: 50px !important;
}

.u-ml-6 {
  margin-left: 60px !important;
}

.u-ml-7 {
  margin-left: 70px !important;
}

.u-ml-8 {
  margin-left: 80px !important;
}

.u-ml-9 {
  margin-left: 90px !important;
}

.u-ml-10 {
  margin-left: 100px !important;
}

.u-ml-11 {
  margin-left: 110px !important;
}

.u-ml-12 {
  margin-left: 120px !important;
}

.u-ml-13 {
  margin-left: 130px !important;
}

.u-ml-14 {
  margin-left: 140px !important;
}

.u-ml-15 {
  margin-left: 150px !important;
}

.u-ml-16 {
  margin-left: 160px !important;
}

.u-ml-17 {
  margin-left: 170px !important;
}

.u-ml-18 {
  margin-left: 180px !important;
}

.u-ml-19 {
  margin-left: 190px !important;
}

.u-ml-20 {
  margin-left: 200px !important;
}

.u-ml-21 {
  margin-left: 210px !important;
}

.u-ml-22 {
  margin-left: 220px !important;
}

.u-ml-23 {
  margin-left: 230px !important;
}

.u-ml-24 {
  margin-left: 240px !important;
}

.u-ml-25 {
  margin-left: 250px !important;
}

.u-ml-26 {
  margin-left: 260px !important;
}

.u-ml-27 {
  margin-left: 270px !important;
}

.u-ml-28 {
  margin-left: 280px !important;
}

.u-ml-29 {
  margin-left: 290px !important;
}

.u-ml-30 {
  margin-left: 300px !important;
}

.u-ml-31 {
  margin-left: 310px !important;
}

.u-ml-32 {
  margin-left: 320px !important;
}

.u-ml-33 {
  margin-left: 330px !important;
}

.u-ml-34 {
  margin-left: 340px !important;
}

.u-ml-35 {
  margin-left: 350px !important;
}

.u-ml-36 {
  margin-left: 360px !important;
}

.u-ml-37 {
  margin-left: 370px !important;
}

.u-ml-38 {
  margin-left: 380px !important;
}

.u-ml-39 {
  margin-left: 390px !important;
}

.u-ml-40 {
  margin-left: 400px !important;
}

.u-ml-41 {
  margin-left: 410px !important;
}

.u-ml-42 {
  margin-left: 420px !important;
}

.u-ml-43 {
  margin-left: 430px !important;
}

.u-ml-44 {
  margin-left: 440px !important;
}

.u-ml-45 {
  margin-left: 450px !important;
}

.u-ml-46 {
  margin-left: 460px !important;
}

.u-ml-47 {
  margin-left: 470px !important;
}

.u-ml-48 {
  margin-left: 480px !important;
}

.u-ml-49 {
  margin-left: 490px !important;
}

.u-ml-50 {
  margin-left: 500px !important;
}

.u-ml-51 {
  margin-left: 510px !important;
}

.u-ml-52 {
  margin-left: 520px !important;
}

.u-ml-53 {
  margin-left: 530px !important;
}

.u-ml-54 {
  margin-left: 540px !important;
}

.u-ml-55 {
  margin-left: 550px !important;
}

.u-ml-56 {
  margin-left: 560px !important;
}

.u-ml-57 {
  margin-left: 570px !important;
}

.u-ml-58 {
  margin-left: 580px !important;
}

.u-ml-59 {
  margin-left: 590px !important;
}

.u-ml-60 {
  margin-left: 600px !important;
}

.u-ml-61 {
  margin-left: 610px !important;
}

.u-ml-62 {
  margin-left: 620px !important;
}

.u-ml-63 {
  margin-left: 630px !important;
}

.u-ml-64 {
  margin-left: 640px !important;
}

.u-ml-65 {
  margin-left: 650px !important;
}

.u-ml-66 {
  margin-left: 660px !important;
}

.u-ml-67 {
  margin-left: 670px !important;
}

.u-ml-68 {
  margin-left: 680px !important;
}

.u-ml-69 {
  margin-left: 690px !important;
}

.u-ml-70 {
  margin-left: 700px !important;
}

.u-ml-71 {
  margin-left: 710px !important;
}

.u-ml-72 {
  margin-left: 720px !important;
}

.u-ml-73 {
  margin-left: 730px !important;
}

.u-ml-74 {
  margin-left: 740px !important;
}

.u-ml-75 {
  margin-left: 750px !important;
}

@media (max-width: 768px) {
  .u-tab-ml-0 {
    margin-left: 0px !important;
  }
  .u-tab-ml-1 {
    margin-left: 10px !important;
  }
  .u-tab-ml-2 {
    margin-left: 20px !important;
  }
  .u-tab-ml-3 {
    margin-left: 30px !important;
  }
  .u-tab-ml-4 {
    margin-left: 40px !important;
  }
  .u-tab-ml-5 {
    margin-left: 50px !important;
  }
  .u-tab-ml-6 {
    margin-left: 60px !important;
  }
  .u-tab-ml-7 {
    margin-left: 70px !important;
  }
  .u-tab-ml-8 {
    margin-left: 80px !important;
  }
  .u-tab-ml-9 {
    margin-left: 90px !important;
  }
  .u-tab-ml-10 {
    margin-left: 100px !important;
  }
  .u-tab-ml-11 {
    margin-left: 110px !important;
  }
  .u-tab-ml-12 {
    margin-left: 120px !important;
  }
  .u-tab-ml-13 {
    margin-left: 130px !important;
  }
  .u-tab-ml-14 {
    margin-left: 140px !important;
  }
  .u-tab-ml-15 {
    margin-left: 150px !important;
  }
  .u-tab-ml-16 {
    margin-left: 160px !important;
  }
  .u-tab-ml-17 {
    margin-left: 170px !important;
  }
  .u-tab-ml-18 {
    margin-left: 180px !important;
  }
  .u-tab-ml-19 {
    margin-left: 190px !important;
  }
  .u-tab-ml-20 {
    margin-left: 200px !important;
  }
  .u-tab-ml-21 {
    margin-left: 210px !important;
  }
  .u-tab-ml-22 {
    margin-left: 220px !important;
  }
  .u-tab-ml-23 {
    margin-left: 230px !important;
  }
  .u-tab-ml-24 {
    margin-left: 240px !important;
  }
  .u-tab-ml-25 {
    margin-left: 250px !important;
  }
  .u-tab-ml-26 {
    margin-left: 260px !important;
  }
  .u-tab-ml-27 {
    margin-left: 270px !important;
  }
  .u-tab-ml-28 {
    margin-left: 280px !important;
  }
  .u-tab-ml-29 {
    margin-left: 290px !important;
  }
  .u-tab-ml-30 {
    margin-left: 300px !important;
  }
  .u-tab-ml-31 {
    margin-left: 310px !important;
  }
  .u-tab-ml-32 {
    margin-left: 320px !important;
  }
  .u-tab-ml-33 {
    margin-left: 330px !important;
  }
  .u-tab-ml-34 {
    margin-left: 340px !important;
  }
  .u-tab-ml-35 {
    margin-left: 350px !important;
  }
}
@media (max-width: 580px) {
  .u-sp-ml-0 {
    margin-left: 0px !important;
  }
  .u-sp-ml-1 {
    margin-left: 10px !important;
  }
  .u-sp-ml-2 {
    margin-left: 20px !important;
  }
  .u-sp-ml-3 {
    margin-left: 30px !important;
  }
  .u-sp-ml-4 {
    margin-left: 40px !important;
  }
  .u-sp-ml-5 {
    margin-left: 50px !important;
  }
  .u-sp-ml-6 {
    margin-left: 60px !important;
  }
  .u-sp-ml-7 {
    margin-left: 70px !important;
  }
  .u-sp-ml-8 {
    margin-left: 80px !important;
  }
  .u-sp-ml-9 {
    margin-left: 90px !important;
  }
  .u-sp-ml-10 {
    margin-left: 100px !important;
  }
  .u-sp-ml-11 {
    margin-left: 110px !important;
  }
  .u-sp-ml-12 {
    margin-left: 120px !important;
  }
  .u-sp-ml-13 {
    margin-left: 130px !important;
  }
  .u-sp-ml-14 {
    margin-left: 140px !important;
  }
  .u-sp-ml-15 {
    margin-left: 150px !important;
  }
  .u-sp-ml-16 {
    margin-left: 160px !important;
  }
  .u-sp-ml-17 {
    margin-left: 170px !important;
  }
  .u-sp-ml-18 {
    margin-left: 180px !important;
  }
  .u-sp-ml-19 {
    margin-left: 190px !important;
  }
  .u-sp-ml-20 {
    margin-left: 200px !important;
  }
  .u-sp-ml-21 {
    margin-left: 210px !important;
  }
  .u-sp-ml-22 {
    margin-left: 220px !important;
  }
  .u-sp-ml-23 {
    margin-left: 230px !important;
  }
  .u-sp-ml-24 {
    margin-left: 240px !important;
  }
  .u-sp-ml-25 {
    margin-left: 250px !important;
  }
  .u-sp-ml-26 {
    margin-left: 260px !important;
  }
  .u-sp-ml-27 {
    margin-left: 270px !important;
  }
  .u-sp-ml-28 {
    margin-left: 280px !important;
  }
  .u-sp-ml-29 {
    margin-left: 290px !important;
  }
  .u-sp-ml-30 {
    margin-left: 300px !important;
  }
  .u-sp-ml-31 {
    margin-left: 310px !important;
  }
  .u-sp-ml-32 {
    margin-left: 320px !important;
  }
  .u-sp-ml-33 {
    margin-left: 330px !important;
  }
  .u-sp-ml-34 {
    margin-left: 340px !important;
  }
  .u-sp-ml-35 {
    margin-left: 350px !important;
  }
}
/*----------------------------------------------------------------------------*/
/*--------------------------------HOVERアクション-------------------------------*/
a {
  color: #000;
  text-decoration: none;
}
a:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -webkit-opacity: 0.7;
  opacity: 0.7;
  cursor: pointer;
  text-decoration: underline;
}

.list-info-photo,
.linkarea,
.hamburger,
.btn_menu span,
.backtotop,
input[type=submit],
a:hover {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

header a,
footer a {
  color: #000000;
}
header a:hover,
footer a:hover {
  text-decoration: none;
}

.linkarea {
  cursor: pointer;
}
.linkarea:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -webkit-opacity: 0.7;
  opacity: 0.7;
}

.u-block {
  display: block;
}

/*----------------------------------------------------------------------------*/
/*-------------------------------以下、共通スタイル------------------------------*/
/* アイコン等 */
.icon {
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
  vertical-align: middle;
}

.icon-mail-bk {
  background-image: url("images/icon-mail-bk@2x.png");
  background-size: 100%;
  width: 21px;
  height: 16px;
  margin: 0 3px 2px 3px;
}

/* ヘッダー */
.header {
  background-image: url("images/bg-header.png");
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: calc(50% + 550px);
  padding: 58px 0 78px;
  position: relative;
  width: 100%;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .header {
    background-position: calc(100% - 52px) bottom;
    background-size: cover;
    padding: 46px 52px 0 18px;
  }
}
@media (max-width: 768px) {
  .header {
    padding: 36px 52px 0 18px;
  }
}
@media (max-width: 580px) {
  .header {
    padding: 40px 52px 0 18px;
  }
}

.glonavi-wrapper {
  position: relative;
  z-index: 1000;
}
.glonavi-wrapper .glonavi-inner {
  box-sizing: border-box;
  margin: 0 auto;
  position: relative;
  width: 1100px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .glonavi-wrapper .glonavi-inner {
    width: 100%;
  }
}
.glonavi-wrapper .glonavi-inner .header-logo {
  display: block;
}
.glonavi-wrapper .glonavi-inner .header-logo .header-copy {
  font-size: 1.2rem;
  font-weight: 300;
  margin: 0;
  position: absolute;
  right: 30px;
  top: -50px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .glonavi-wrapper .glonavi-inner .header-logo .header-copy {
    font-size: 1.1rem;
    top: -38px;
    right: auto;
    left: 0;
  }
}
@media (max-width: 768px) {
  .glonavi-wrapper .glonavi-inner .header-logo .header-copy {
    font-size: 1rem;
    line-height: 1.2;
    top: -30px;
  }
}
@media (max-width: 580px) {
  .glonavi-wrapper .glonavi-inner .header-logo .header-copy {
    letter-spacing: 0.1em;
    top: -30px;
  }
}
.glonavi-wrapper .glonavi-inner .header-logo .header-logo-h1 {
  font-size: 0;
  margin: 0;
}
.glonavi-wrapper .glonavi-inner .header-logo .header-logo-link {
  display: block;
  height: 18px;
  opacity: 1;
  width: 142px;
}
.glonavi-wrapper .glonavi-inner .header-badge {
  position: absolute;
  right: 50px;
  top: 45px;
}
@media (max-width: 768px) {
  .glonavi-wrapper .glonavi-inner .header-badge {
    right: 15px;
    top: -15px;
  }
}
@media (max-width: 580px) {
  .glonavi-wrapper .glonavi-inner .header-badge {
    height: auto;
    width: 56px;
  }
}

.main-menu {
  display: flex;
  font-size: 1.5rem;
  font-weight: 500;
  justify-content: space-between;
  letter-spacing: 0;
  list-style: none;
  padding: 0;
  position: absolute;
  right: 30px;
  top: -5px;
  width: 520px;
}
@media (max-width: 768px) {
  .main-menu {
    display: none;
  }
}
.main-menu .main-menu-item {
  display: block;
}
.main-menu .main-menu-item a {
  padding: 0 8px;
}
.main-menu .main-menu-item:hover > .main-menu-sub {
  display: block;
}
.main-menu .main-menu-item:after {
  content: "";
  display: block;
  height: 20px;
  width: 100%;
}
.main-menu .main-menu-link-contact {
  border: solid 4px #000;
}
.main-menu .main-menu-sub {
  border-left: solid 1px #707070;
  display: none;
  font-weight: 300;
  line-height: 1;
  list-style: none;
  padding: 10px 0 0;
  position: absolute;
  text-shadow: 1px 1px 0 #fedd1e;
  top: 30px;
}
.main-menu .main-menu-sub li {
  margin: 20px 0 5px;
}

/* フッター */
.backtotop-wrap {
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0 0 55px;
  text-align: center;
  width: 1100px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .backtotop-wrap {
    width: 100%;
  }
}
.backtotop-wrap .backtotop img:active {
  opacity: 1;
  transform: scale(1.05, 1.05);
}

.footer-inner {
  width: 1100px;
  margin: 0 auto;
  padding-top: 10px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .footer-inner {
    width: 100%;
  }
}
.footer-inner .footer-navi {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  justify-content: space-around;
  margin: 0;
  padding: 35px 0;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .footer-inner .footer-navi {
    padding: 35px 15px;
  }
}
@media (max-width: 580px) {
  .footer-inner .footer-navi {
    flex-direction: column;
    padding: 40px 0;
  }
  .footer-inner .footer-navi li {
    font-weight: 500;
    margin: 30px auto;
  }
}
@media (max-width: 768px) {
  .footer-inner .footer-navi .footer-navi-item {
    padding: 2px 8px;
  }
}
@media (max-width: 580px) {
  .footer-inner .footer-navi .footer-navi-item {
    padding: 0;
  }
}
.footer-inner .footer-navi .footer-navi-item a {
  display: block;
  font-size: 1.4rem;
  letter-spacing: 0;
  text-align: center;
}

.footer-logo {
  border-top: solid 1px #3e3a39;
  color: #3E3A39;
  text-align: center;
  font-size: 1.2rem;
  padding: 45px 0 100px;
}
@media (max-width: 768px) {
  .footer-logo {
    padding: 40px 0;
  }
}

.float-navi {
  height: 100%;
  padding: 180px 0 0;
  position: fixed;
  right: calc(50% - 610px);
  top: 0;
  width: 60px;
  z-index: 1001;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .float-navi {
    padding: 40px 0 0;
    right: 5px;
    width: 40px;
  }
}
@media (max-width: 768px) {
  .float-navi {
    padding: 36px 0 0;
  }
}
@media (max-width: 580px) {
  .float-navi {
    padding: 38px 0 0;
  }
}
.float-navi .btn-menu {
  background: none;
  border: none;
  cursor: pointer;
  margin: 0 0 45px 17px;
  outline: none;
  padding: 0;
  position: relative;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .float-navi .btn-menu {
    margin: 0 0 45px 2px;
  }
}
.float-navi .btn-menu::before {
  content: "MENU";
  display: none;
  font-size: 1.2rem;
  position: absolute;
  right: -2px;
  top: -20px;
  text-align: center;
  width: 40px;
}
.float-navi .btn-menu:hover::before {
  display: block;
}
.float-navi .btn-menu:active img {
  transform-origin: right top;
  transform: scaleX(1.1);
}
.float-navi .btn-menu img {
  display: block;
}
.float-navi .btn-twitter,
.float-navi .btn-insta,
.float-navi .btn-fb,
.float-navi .btn-mail {
  margin: 10px 0 10px 28px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .float-navi .btn-twitter,
  .float-navi .btn-insta,
  .float-navi .btn-fb,
  .float-navi .btn-mail {
    margin: 10px 0 10px 10px;
  }
}
.float-navi .btn-twitter img,
.float-navi .btn-insta img,
.float-navi .btn-fb img,
.float-navi .btn-mail img {
  display: block;
}
.float-navi .btn-contact {
  border-radius: 10px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.45);
  display: block;
  margin: 0 auto;
  position: relative;
  left: 4px;
  width: 42px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .float-navi .btn-contact {
    left: 0px;
    width: 38px;
  }
}
.float-navi .btn-contact:hover {
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.45);
  opacity: 0.8;
}
.float-navi .btn-contact.is-animate {
  animation: flipY 0.6s linear forwards;
  animation-delay: 3s;
  transform: scale(0, 0);
}
.float-navi .btn-contact img {
  display: block;
  height: auto;
  width: 100%;
}
.float-navi .copyright {
  font-size: 1rem;
  letter-spacing: 0;
  transform: rotate(-90deg) translate3d(-330px, 47px, 0);
  transform-origin: left bottom;
  width: 280px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .float-navi .copyright {
    transform: rotate(-90deg) translate3d(-280px, 27px, 0);
  }
}

.float-navi-drawer {
  background: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.16);
  display: block;
  height: 100%;
  letter-spacing: 0;
  opacity: 0.8;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  padding: 200px 100px 60px 60px;
  position: fixed;
  right: -700px;
  top: 0;
  transition: all 0.4s ease-in-out;
  width: 650px;
  z-index: 1002;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .float-navi-drawer {
    padding: 60px 80px 60px 60px;
    width: 550px;
  }
}
@media (max-width: 768px) {
  .float-navi-drawer {
    transition: all 0.4s ease-in-out -0.1s;
    width: auto;
  }
}
@media (max-width: 580px) {
  .float-navi-drawer {
    padding: 60px 20px 60px 15px;
    transform: translate3d(-240px, 0, 0);
  }
}
.float-navi-drawer.active {
  opacity: 1;
  transform: translate3d(-700px, 0, 0);
}
.float-navi-drawer .btn-close {
  background: none;
  border: none;
  cursor: pointer;
  display: block;
  height: 36px;
  left: 65px;
  outline: none;
  padding: 0;
  position: absolute;
  top: 170px;
  width: 36px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .float-navi-drawer .btn-close {
    top: 30px;
  }
}
@media (max-width: 580px) {
  .float-navi-drawer .btn-close {
    left: 20px;
  }
}
.float-navi-drawer .btn-close:before {
  content: "CLOSE";
  display: none;
  font-size: 1.2rem;
  position: absolute;
  left: -2px;
  top: -10px;
  text-align: center;
  width: 40px;
}
.float-navi-drawer .btn-close:hover:before {
  display: block;
}
.float-navi-drawer .btn-close:active img {
  transform-origin: center center;
  transform: scaleX(1.1);
}
.float-navi-drawer .btn-close img {
  display: block;
}
.float-navi-drawer .float-navi-body {
  padding: 5px;
}
@media (max-width: 768px) {
  .float-navi-drawer .float-navi-body {
    width: 300px;
  }
}
@media (max-width: 580px) {
  .float-navi-drawer .float-navi-body {
    width: 275px;
  }
}
@media (max-width: 365px) {
  .float-navi-drawer .float-navi-body {
    width: 250px;
  }
}
.float-navi-drawer .float-navi-menu {
  font-size: 1.8rem;
  font-weight: 300;
  list-style: none;
  padding: 20px 0;
}
.float-navi-drawer .float-navi-menu .float-navi-menu {
  padding: 0 0 15px 35px;
}
.float-navi-drawer .float-navi-menu .float-navi-link {
  display: inline-block;
  padding: 10px 0;
}
.float-navi-drawer .float-navi-menu .float-navi-link.is-contact {
  background: #ffe100;
  border: solid 4px #000;
  margin: 0 0 25px;
  padding: 2px 8px;
}
.float-navi-drawer .float-navi-menu .float-navi-link.is-contact:hover {
  text-decoration: none;
  transform: translate(2px, 0);
}
.float-navi-drawer .float-navi-menu .float-navi-link.is-contact::after {
  background-image: url("images/arr-news@2x.png");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 9px;
  transform: translate(29px, -5px);
  width: 30px;
}
.float-navi-drawer .float-navi-menu a:hover {
  text-decoration: none;
  transform: translate(-2px, 0);
}
.float-navi-drawer .float-navi-menu .jp {
  font-size: 1.3rem;
  font-weight: 300;
}
.float-navi-drawer .float-navi-menu-sns {
  list-style: none;
  padding: 30px 60px;
}
.float-navi-drawer .float-navi-menu-sns li {
  display: block;
  margin: 15px;
}
.float-navi-drawer .float-navi-menu-sns a {
  display: block;
  height: 30px;
  width: 30px;
}

/* その他 */
.yellow-marker {
  background: linear-gradient(transparent 50%, #FFE100 50%);
  display: inline-block;
  padding-left: 0.5em;
}
.yellow-markeris-logo-price {
  background: linear-gradient(transparent 60%, #FFE100 60%);
  padding: 0 8px;
}

@media (min-width: 1px) and (max-width: 1240px) {
  .top-wrapper {
    overflow: hidden;
    width: calc(100% - 52px);
  }
}

.contact-panel-wrap {
  margin: 90px auto 130px;
  padding: 30px 0;
}
@media (max-width: 768px) {
  .contact-panel-wrap {
    margin: 10px auto;
    padding: 30px 0;
  }
}
.contact-panel-wrap .contact-panel-header {
  color: #000;
  font-size: 2.2rem;
  font-weight: 500;
  padding: 0;
  text-align: center;
}
@media (max-width: 768px) {
  .contact-panel-wrap .contact-panel-header {
    font-size: 1.8rem;
    letter-spacing: 0.025em;
  }
}
.contact-panel-wrap .contact-panel {
  background-color: #FFE100;
  border-radius: 30px;
  box-sizing: border-box;
  color: #000;
  margin: 5px auto;
  padding: 25px 45px 10px;
  text-align: center;
  width: 660px;
}
@media (max-width: 768px) {
  .contact-panel-wrap .contact-panel {
    margin: 20px auto;
    padding: 30px 10px 10px;
    width: 100%;
  }
}
@media (max-width: 365px) {
  .contact-panel-wrap .contact-panel {
    border-radius: 20px;
    padding: 20px 10px 5px;
  }
}
.contact-panel-wrap .contact-me-tel-here {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1;
}
@media (max-width: 768px) {
  .contact-panel-wrap .contact-me-tel-here {
    font-size: 1.6rem;
    letter-spacing: 0.025em;
  }
}
@media (max-width: 365px) {
  .contact-panel-wrap .contact-me-tel-here {
    font-size: 1.3rem;
  }
}
.contact-panel-wrap .contact-me-tel {
  display: inline-block;
  font-size: 4.4rem;
  font-weight: 500;
  line-height: 1;
  padding: 0;
}
@media (max-width: 768px) {
  .contact-panel-wrap .contact-me-tel {
    font-size: 2.6rem;
    line-height: 2;
  }
}
@media (max-width: 365px) {
  .contact-panel-wrap .contact-me-tel {
    font-size: 2rem;
  }
}
.contact-panel-wrap .contact-me-tel-hour {
  display: inline-block;
  font-size: 1.8rem;
  font-weight: 500;
  padding: 10px 0 15px;
}
@media (max-width: 768px) {
  .contact-panel-wrap .contact-me-tel-hour {
    font-size: 1.4rem;
    padding: 0 0 5px;
  }
}
@media (max-width: 365px) {
  .contact-panel-wrap .contact-me-tel-hour {
    font-size: 1.1rem;
  }
}
.contact-panel-wrap .contact-me-mail {
  border-top: solid 2px #000;
  padding: 15px;
}
@media (max-width: 768px) {
  .contact-panel-wrap .contact-me-mail {
    padding: 24px 0 5px;
  }
}
@media (max-width: 365px) {
  .contact-panel-wrap .contact-me-mail {
    padding: 12px 0 5px;
  }
}
@media (max-width: 768px) {
  .contact-panel-wrap .contact-me-mail .contact-me-mail-icon {
    height: 43px;
    width: 56px;
  }
}
@media (max-width: 365px) {
  .contact-panel-wrap .contact-me-mail .contact-me-mail-icon {
    height: 35px;
    width: 45px;
  }
}
.contact-panel-wrap .btn-mail-contact {
  background-color: #fff;
  border-radius: 15px;
  box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  color: #000;
  display: inline-block;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1;
  margin: 5px;
  max-width: 100%;
  padding: 12px;
  text-decoration: none;
  width: 420px;
}
@media (max-width: 768px) {
  .contact-panel-wrap .btn-mail-contact {
    font-size: 2rem;
    margin: 20px auto 0;
  }
}
@media (max-width: 365px) {
  .contact-panel-wrap .btn-mail-contact {
    font-size: 1.6rem;
    margin: 8px auto 0;
  }
}
.contact-panel-wrap .btn-mail-contact:hover {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.45);
  opacity: 1;
}

.contact-panel-ghost {
  background-color: #fff;
  border: solid 3px #FFE100;
  border-radius: 30px;
  box-sizing: border-box;
  color: #000;
  font-family: "Noto Sans JP", sans-serif;
  margin: 5px auto 140px;
  padding: 45px 45px 30px;
  text-align: center;
  width: 660px;
}
@media (max-width: 768px) {
  .contact-panel-ghost {
    margin: 20px auto 80px;
    padding: 30px 10px;
    width: 100%;
  }
}
@media (max-width: 365px) {
  .contact-panel-ghost {
    border-radius: 20px;
    padding: 20px 10px 5px;
  }
}
.contact-panel-ghost .contact-panel-header {
  color: #000;
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 1.35;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  max-width: 460px;
}
@media (max-width: 768px) {
  .contact-panel-ghost .contact-panel-header {
    font-size: 1.8rem;
    letter-spacing: 0.025em;
    max-width: 280px;
  }
}
.contact-panel-ghost .contact-me-mail {
  padding: 35px 0 55px;
}
@media (max-width: 768px) {
  .contact-panel-ghost .contact-me-mail {
    padding: 25px 0 30px;
  }
}
.contact-panel-ghost .contact-me-mail .btn-mail-contact {
  background: #74ce5a;
  background: -moz-linear-gradient(top, #74ce5a 0%, #215311 100%);
  background: -webkit-linear-gradient(top, #74ce5a 0%, #215311 100%);
  background: linear-gradient(to bottom, #74ce5a 0%, #215311 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#74ce5a", endColorstr="#215311",GradientType=0 );
  border-radius: 30px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.6);
  color: #fff;
  display: block;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.5;
  margin: 0 auto;
  max-width: 450px;
  padding: 20px 0;
  width: 90%;
}
@media (max-width: 768px) {
  .contact-panel-ghost .contact-me-mail .btn-mail-contact {
    border-radius: 18px;
    font-size: 1.6rem;
    max-width: 300px;
  }
}
@media (max-width: 365px) {
  .contact-panel-ghost .contact-me-mail .btn-mail-contact {
    border-radius: 15px;
    font-size: 1.6rem;
    padding: 12px 0;
  }
}
.contact-panel-ghost .contact-me-mail .btn-mail-contact:hover {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  opacity: 1;
  text-decoration: none;
}
@media (max-width: 768px) {
  .contact-panel-ghost .contact-me-mail .btn-mail-contact .contact-me-mail-icon {
    height: auto;
    width: 32px;
  }
}
@media (max-width: 365px) {
  .contact-panel-ghost .contact-me-mail .btn-mail-contact .contact-me-mail-icon {
    width: 32px;
  }
}
.contact-panel-ghost .contact-me-tel-wrap {
  border-top: solid 2px #000;
  padding: 20px 0 0;
}
@media (max-width: 768px) {
  .contact-panel-ghost .contact-me-tel-wrap {
    margin: 0 auto;
    width: 90%;
  }
}
@media (max-width: 580px) {
  .contact-panel-ghost .contact-me-tel-wrap {
    width: 100%;
  }
}
.contact-panel-ghost .contact-me-tel-wrap .contact-me-tel-here {
  display: inline-block;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1;
  padding: 0 0 15px;
}
@media (max-width: 768px) {
  .contact-panel-ghost .contact-me-tel-wrap .contact-me-tel-here {
    font-size: 1.6rem;
    letter-spacing: 0.025em;
    padding: 0 0 10px;
  }
}
@media (max-width: 365px) {
  .contact-panel-ghost .contact-me-tel-wrap .contact-me-tel-here {
    font-size: 1.3rem;
  }
}
.contact-panel-ghost .contact-me-tel-wrap .contact-me-tel {
  display: inline-block;
  font-size: 4.4rem;
  font-weight: 500;
  line-height: 1;
  padding: 0 0 10px;
}
@media (max-width: 768px) {
  .contact-panel-ghost .contact-me-tel-wrap .contact-me-tel {
    font-size: 3rem;
  }
}
@media (max-width: 580px) {
  .contact-panel-ghost .contact-me-tel-wrap .contact-me-tel {
    font-size: 2.4rem;
  }
}
@media (max-width: 365px) {
  .contact-panel-ghost .contact-me-tel-wrap .contact-me-tel {
    font-size: 2rem;
  }
}
.contact-panel-ghost .contact-me-tel-wrap .contact-me-tel-hour {
  display: inline-block;
  font-size: 1.8rem;
  font-weight: 500;
  padding: 10px 0 15px;
}
@media (max-width: 768px) {
  .contact-panel-ghost .contact-me-tel-wrap .contact-me-tel-hour {
    font-size: 1.4rem;
    padding: 0 0 5px;
  }
}
@media (max-width: 365px) {
  .contact-panel-ghost .contact-me-tel-wrap .contact-me-tel-hour {
    font-size: 1.1rem;
  }
}

.btn-arrow {
  color: #000;
  display: inline-block;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 32px;
  margin: 20px 0;
  padding: 0 185px 0 0;
  position: relative;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .btn-arrow {
    font-size: 1.8rem;
    padding: 0 105px 0 0;
  }
}
@media (max-width: 580px) {
  .btn-arrow {
    padding: 0 60px 0 0;
  }
}
@media (max-width: 365px) {
  .btn-arrow {
    font-size: 1.4rem;
  }
}
.btn-arrow::after {
  border-top: solid 1px #000;
  content: "";
  display: block;
  height: 1px;
  width: 172px;
  position: absolute;
  right: 0;
  top: 16px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .btn-arrow::after {
    width: 92px;
  }
}
@media (max-width: 580px) {
  .btn-arrow::after {
    width: 52px;
  }
}
.btn-arrow::before {
  border-top: solid 1px #000;
  content: "";
  display: block;
  height: 1px;
  width: 18px;
  position: absolute;
  right: -2px;
  top: 10px;
  transform: rotate(45deg);
}
.btn-arrow:hover {
  text-decoration: none;
}
.btn-arrow:hover::before {
  right: -5px;
}
.btn-arrow:hover::after {
  right: -3px;
}

.btn-arrow-short, .btn-arrow-short-left, .btn-arrow-short-right {
  color: #000;
  display: inline-block;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 32px;
  margin: 20px 0;
  padding: 0 115px 0 0;
  position: relative;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .btn-arrow-short, .btn-arrow-short-left, .btn-arrow-short-right {
    font-size: 1.8rem;
    padding: 0 105px 0 0;
  }
}
@media (max-width: 768px) {
  .btn-arrow-short, .btn-arrow-short-left, .btn-arrow-short-right {
    padding: 0 0 30px 0;
  }
}
@media (max-width: 365px) {
  .btn-arrow-short, .btn-arrow-short-left, .btn-arrow-short-right {
    font-size: 1.4rem;
  }
}
.btn-arrow-short::after, .btn-arrow-short-left::after, .btn-arrow-short-right::after {
  border-top: solid 1px #000;
  content: "";
  display: block;
  height: 1px;
  width: 100px;
  position: absolute;
  right: 0;
  top: 16px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .btn-arrow-short::after, .btn-arrow-short-left::after, .btn-arrow-short-right::after {
    width: 92px;
  }
}
@media (max-width: 768px) {
  .btn-arrow-short::after, .btn-arrow-short-left::after, .btn-arrow-short-right::after {
    left: 0;
    top: 55px;
    width: 72px;
  }
}
.btn-arrow-short::before, .btn-arrow-short-left::before, .btn-arrow-short-right::before {
  border-top: solid 1px #000;
  content: "";
  display: block;
  height: 1px;
  width: 18px;
  position: absolute;
  right: -2px;
  top: 10px;
  transform: rotate(45deg);
}
@media (max-width: 768px) {
  .btn-arrow-short::before, .btn-arrow-short-left::before, .btn-arrow-short-right::before {
    left: 56px;
    top: 48px;
  }
}
.btn-arrow-short:hover, .btn-arrow-short-left:hover, .btn-arrow-short-right:hover {
  text-decoration: none;
}
.btn-arrow-short:hover::before, .btn-arrow-short-left:hover::before, .btn-arrow-short-right:hover::before {
  right: -5px;
}
.btn-arrow-short:hover::after, .btn-arrow-short-left:hover::after, .btn-arrow-short-right:hover::after {
  right: -3px;
}

.btn-arrow-short-left {
  padding: 0 0 0 115px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .btn-arrow-short-left {
    margin: 0 0 0 20px;
    padding: 0 0 0 105px;
  }
}
@media (max-width: 768px) {
  .btn-arrow-short-left {
    margin: 0;
    padding: 0 0 30px 0;
  }
}
.btn-arrow-short-left::after {
  left: 0;
  right: auto;
}
.btn-arrow-short-left::before {
  left: -2px;
  transform: rotate(-45deg);
  right: auto;
}
.btn-arrow-short-left:hover::before {
  left: -5px;
}
.btn-arrow-short-left:hover::after {
  left: -3px;
}

.btn-see-more-medium {
  color: #000;
  display: inline-block;
  font-size: 3.2rem;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 52px;
  margin: 25px 0 15px 15px;
  padding: 0 190px 0 0;
  position: relative;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .btn-see-more-medium {
    font-size: 2.6rem;
    padding: 0 150px 0 0;
  }
}
@media (max-width: 768px) {
  .btn-see-more-medium {
    font-size: 2rem;
    margin: 0;
    padding: 0 60px 0 0;
  }
}
@media (max-width: 580px) {
  .btn-see-more-medium {
    padding: 0 105px 0 0;
  }
}
.btn-see-more-medium::after {
  border-top: solid 1px #000;
  content: "";
  display: block;
  height: 1px;
  width: 172px;
  position: absolute;
  right: 0;
  top: 30px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .btn-see-more-medium::after {
    width: 135px;
  }
}
@media (max-width: 768px) {
  .btn-see-more-medium::after {
    width: 55px;
  }
}
@media (max-width: 580px) {
  .btn-see-more-medium::after {
    width: 92px;
  }
}
.btn-see-more-medium::before {
  border-top: solid 1px #000;
  content: "";
  display: block;
  height: 1px;
  width: 18px;
  position: absolute;
  right: -2px;
  top: 24px;
  transform: rotate(45deg);
}
.btn-see-more-medium:hover {
  text-decoration: none;
}
.btn-see-more-medium:hover::before {
  right: -5px;
}
.btn-see-more-medium:hover::after {
  right: -3px;
}

.btn-rectangle-yellow {
  align-items: center;
  background: #ffe100;
  display: flex;
  font-size: 2.2rem;
  font-weight: 500;
  justify-content: center;
  min-height: 60px;
  margin: 35px auto;
  max-width: 660px;
  padding: 10px 15px;
  text-align: center;
}
@media (max-width: 768px) {
  .btn-rectangle-yellow {
    font-size: 2rem;
  }
}
@media (max-width: 580px) {
  .btn-rectangle-yellow {
    font-size: 1.6rem;
    margin: 15px auto;
    min-height: 48px;
  }
}
.btn-rectangle-yellow:hover {
  box-shadow: 0 0 15px #aaa;
  opacity: 1;
  text-decoration: none;
}

/* Rinker */
.creatiooon-post section .yyi-rinker-contents ul li {
  text-indent: 0;
}

.creatiooon-post section .yyi-rinker-contents ul li:before {
  background: transparent;
}

@keyframes flipY {
  0% {
    transform: rotateY(90deg);
  }
  100% {
    transform: rotateY(0);
  }
}
.c-faq__items {
  margin: 40px auto 0;
  max-width: 672px;
  padding: 0 0 0 62px;
  width: 100%;
}
@media (max-width: 580px) {
  .c-faq__items {
    padding-left: 52px;
  }
}
.c-faq__items:first-child {
  margin-top: 0;
}
.c-faq__items[open] {
  margin-bottom: 60px;
}
.c-faq__items[open] summary:hover::after {
  transform: rotate(0);
}
.c-faq__items[open] summary::after {
  transform: rotate(0);
}
.c-faq__items summary {
  border-bottom: solid 4px #fedd1e;
  cursor: pointer;
  display: block;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.5;
  margin: 0 0 16px -62px;
  min-height: 52px;
  padding: 12px 40px 8px 62px;
  position: relative;
  transition: opacity 0.1s ease;
}
@media (max-width: 580px) {
  .c-faq__items summary {
    min-height: 42px;
    margin-left: -52px;
    padding: 8px 40px 8px 52px;
  }
}
.c-faq__items summary::before {
  background-color: #fedd1e;
  border-radius: 50%;
  box-sizing: border-box;
  content: "Q";
  display: block;
  font-family: "futura-pt", sans-serif;
  font-size: 2.8rem;
  font-weight: 700;
  height: 42px;
  letter-spacing: 0;
  line-height: 1.25;
  padding: 3px 0 0 9px;
  position: absolute;
  left: 0;
  top: 0;
  width: 42px;
}
@media (max-width: 580px) {
  .c-faq__items summary::before {
    font-size: 2.2rem;
    height: 32px;
    padding: 2px 0 0 7px;
    width: 32px;
  }
}
.c-faq__items summary::after {
  background: url("images/backtotop@2x.png") no-repeat center center/contain;
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  right: 10px;
  top: 19px;
  transform: rotate(180deg);
  width: 20px;
}
.c-faq__items summary::-webkit-details-marker {
  display: none;
}
.c-faq__items summary:hover {
  opacity: 0.7;
}
.c-faq__items summary:hover::after {
  transform: translate3d(0, 2px, 0) rotate(180deg);
}
.c-faq__items a {
  color: #0089FF;
  text-decoration: underline;
}

/* トップページ:コンテンツ */
.slider {
  height: 580px;
  position: relative;
  top: -75px;
  width: 100%;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .slider {
    height: 574px;
    top: 0;
  }
}
@media (max-width: 768px) {
  .slider {
    height: 474px;
  }
}
.slider .slick-slider {
  letter-spacing: 0;
  opacity: 0;
  padding: 0;
  transition: opacity 0.2s linear;
}
.slider .slick-slider.slick-initialized {
  opacity: 1;
}
.slider .slick-slider .slick-list {
  pointer-events: none;
}
.slick-arrows {
  background: #fff;
  bottom: -30px;
  display: flex;
  height: 50px;
  justify-content: space-between;
  left: calc(50% + 390px);
  position: absolute;
  width: 160px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .slick-arrows {
    bottom: 50px;
    left: auto;
    right: 0;
  }
}
@media (max-width: 768px) {
  .slick-arrows {
    display: none;
  }
}
.slick-arrows .slick-next {
  background-image: url("images/arr_right@2x.png");
  background-position: 37px 22px;
  background-repeat: no-repeat;
  background-size: 20px 7px;
  height: 50px;
  right: 0;
  width: 80px;
}
.slick-arrows .slick-prev {
  background-image: url("images/arr_left@2x.png");
  background-position: 23px 22px;
  background-repeat: no-repeat;
  background-size: 20px 7px;
  height: 50px;
  left: 0;
  width: 80px;
}
.slick-arrows .slick-prev:before,
.slick-arrows .slick-next:before {
  background: none;
  content: "";
}
.slick-arrows .slick-prev:active,
.slick-arrows .slick-next:active {
  background-color: #f6f6f6;
}

.slider-item {
  height: 740px;
  margin: 0 auto;
  position: relative;
  width: 1100px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .slider-item {
    height: 520px;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .slider-item {
    height: 420px;
  }
}
.slider-item .slider-intergrow {
  left: 0px;
  position: absolute;
  top: 160px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .slider-item .slider-intergrow {
    left: 4%;
    top: 90px;
    width: 460px;
  }
}
@media (max-width: 768px) {
  .slider-item .slider-intergrow {
    height: auto;
    left: 2%;
    top: 90px;
    width: 360px;
  }
}
@media (max-width: 580px) {
  .slider-item .slider-intergrow {
    height: auto;
    left: 2%;
    top: 80px;
    width: 90%;
  }
}
.slider-item .slider-cultivate {
  left: 80px;
  position: absolute;
  top: 0;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .slider-item .slider-cultivate {
    height: auto;
    width: 360px;
  }
}
@media (max-width: 768px) {
  .slider-item .slider-cultivate {
    left: 10%;
    top: 0;
    width: 280px;
  }
}
@media (max-width: 580px) {
  .slider-item .slider-cultivate {
    height: auto;
    left: 15%;
    top: 10px;
    width: 60%;
  }
}
@media (max-width: 365px) {
  .slider-item .slider-cultivate {
    left: 9%;
    width: 75%;
  }
}
.slider-item .slider-win-big {
  left: 160px;
  position: absolute;
  top: 100px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .slider-item .slider-win-big {
    left: 15%;
    height: auto;
    top: 0px;
    width: 280px;
  }
}
@media (max-width: 768px) {
  .slider-item .slider-win-big {
    left: 12%;
    top: 20px;
    width: 200px;
  }
}
@media (max-width: 580px) {
  .slider-item .slider-win-big {
    height: auto;
    left: 23%;
    top: 10px;
    width: 50%;
  }
}
@media (max-width: 365px) {
  .slider-item .slider-win-big {
    left: 15%;
    width: 65%;
  }
}

.slider-item-body {
  bottom: 190px;
  position: absolute;
  right: 70px;
  text-align: center;
  width: 680px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .slider-item-body {
    bottom: 160px;
    right: 0;
    width: 65%;
  }
}
@media (max-width: 768px) {
  .slider-item-body {
    bottom: 90px;
    right: 0;
    width: 400px;
  }
}
@media (max-width: 580px) {
  .slider-item-body {
    bottom: 0;
    right: auto;
    width: 100%;
  }
}
.slider-item-body .slider-item-headline-en {
  font-size: 6.3rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .slider-item-body .slider-item-headline-en {
    font-size: 4.5rem;
  }
}
@media (max-width: 365px) {
  .slider-item-body .slider-item-headline-en {
    font-size: 3.8rem;
  }
}
.slider-item-body .slider-item-headline-ja {
  font-size: 3.5rem;
  font-weight: 500;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .slider-item-body .slider-item-headline-ja {
    font-size: 1.6rem;
  }
}
.slider-item-body .slider-item-text {
  font-size: 1.4rem;
}
@media (max-width: 768px) {
  .slider-item-body .slider-item-text {
    font-size: 1.2rem;
  }
}
.slider-item-body .slider-item-text::before {
  background: #000;
  content: "";
  display: block;
  height: 5px;
  margin: 20px auto 30px;
  width: 95px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .slider-item-body .slider-item-text::before {
    margin: 5px auto 40px;
    width: 28px;
  }
}
.slider-item-body .slider-item-button {
  margin: 45px auto;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .slider-item-body .slider-item-button {
    margin: 10px auto 5px;
  }
}

.btn-ghost {
  border: solid 2px #000;
  font-size: 1.4rem;
  padding: 2px 10px;
  text-align: center;
}

.btn-see-more {
  color: #000;
  display: inline-block;
  font-size: 3.2rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  margin: 20px 0;
  padding: 0 200px 0 0;
  position: relative;
}
@media (max-width: 768px) {
  .btn-see-more {
    font-size: 24px;
  }
}
.btn-see-more::after {
  border-top: solid 1px #000;
  content: "";
  display: block;
  height: 1px;
  width: 172px;
  position: absolute;
  right: 0;
  top: 30px;
}
.btn-see-more::before {
  border-top: solid 1px #000;
  content: "";
  display: block;
  height: 1px;
  width: 18px;
  position: absolute;
  right: -2px;
  top: 24px;
  transform: rotate(45deg);
}
.btn-see-more:hover {
  text-decoration: none;
}
.btn-see-more:hover::before {
  right: -5px;
}
.btn-see-more:hover::after {
  right: -3px;
}

.top-download {
  margin: 36px 0 0;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .top-download {
    margin: 80px 0 0;
    padding: 0 0 0 2%;
  }
}
@media (max-width: 768px) {
  .top-download {
    padding: 0 0 0 7%;
  }
}
.top-download .top-download__list {
  align-items: center;
  display: flex;
  gap: 20px;
  flex-direction: column;
  justify-content: center;
  list-style: none;
  margin: 0 auto;
  max-width: 925px;
  padding: 0;
}
.top-download .top-download__list .top-download__items .top-download__items-link {
  display: flex;
  position: relative;
}
.top-download .top-download__list .top-download__items .top-download__items-link::before {
  background: #000;
  border-radius: 7px 0 0 7px;
  content: "";
  display: block;
  height: 100%;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  transition: opacity 0.3s ease;
  width: 100%;
}
@media (max-width: 768px) {
  .top-download .top-download__list .top-download__items .top-download__items-link {
    flex-direction: column;
  }
}
.top-download .top-download__list .top-download__items .top-download__items-link:hover {
  opacity: 1;
  text-decoration: none;
}
.top-download .top-download__list .top-download__items .top-download__items-link:hover::before {
  opacity: 0.1;
}
.top-download .top-download__list .top-download__items .top-download__items-link .top-download__items-thumbnail {
  align-items: center;
  background: #F4F2F2;
  border-radius: 7px 0 0 7px;
  display: flex;
  justify-content: center;
  line-height: 0;
  width: 269px;
}
@media (max-width: 768px) {
  .top-download .top-download__list .top-download__items .top-download__items-link .top-download__items-thumbnail {
    padding: 34px 0 34px;
    width: 100%;
  }
}
.top-download .top-download__list .top-download__items .top-download__items-link .top-download__items-thumbnail .top-download__items-thumbnail-inner {
  position: relative;
  width: 243px;
}
@media (max-width: 768px) {
  .top-download .top-download__list .top-download__items .top-download__items-link .top-download__items-thumbnail .top-download__items-thumbnail-inner {
    width: 283px;
  }
}
.top-download .top-download__list .top-download__items .top-download__items-link .top-download__items-thumbnail .top-download__items-thumbnail-inner::before {
  background: #F4F2F2;
  border-radius: 7px;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.4);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.top-download .top-download__list .top-download__items .top-download__items-link .top-download__items-thumbnail .top-download__items-thumbnail-photo {
  border-radius: 7px;
  margin: 0;
  overflow: hidden;
  position: relative;
}
.top-download .top-download__list .top-download__items .top-download__items-link .top-download__items-thumbnail .top-download__items-thumbnail-photo img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.top-download .top-download__list .top-download__items .top-download__items-link .top-download__items-body {
  background: #C6C5C5;
  padding: 44px 29px 6px;
  width: calc(100% - 269px);
}
@media (max-width: 768px) {
  .top-download .top-download__list .top-download__items .top-download__items-link .top-download__items-body {
    padding: 30px 20px 14px;
    width: 100%;
  }
}
.top-download .top-download__list .top-download__items .top-download__items-link .top-download__items-body .top-download__items-headline {
  font-size: 3.6rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  margin: 0 0 18px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .top-download .top-download__list .top-download__items .top-download__items-link .top-download__items-body .top-download__items-headline {
    font-size: 3rem;
  }
}
@media (max-width: 768px) {
  .top-download .top-download__list .top-download__items .top-download__items-link .top-download__items-body .top-download__items-headline {
    font-size: 2.2rem;
  }
}
.top-download .top-download__list .top-download__items .top-download__items-link .top-download__items-body .top-download__items-text {
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.7142857143;
  margin: 0 0 12px;
}
@media (max-width: 768px) {
  .top-download .top-download__list .top-download__items .top-download__items-link .top-download__items-body .top-download__items-text {
    margin: 0 0 6px;
    font-size: 1.2rem;
  }
}
.top-download .top-download__list .top-download__items .top-download__items-link .top-download__items-body .top-download__items-more {
  color: #000;
  display: flex;
  font-size: 2rem;
  font-weight: 500;
  justify-content: flex-end;
  letter-spacing: 0.03em;
  padding: 0 110px 0 0;
  position: relative;
  text-align: right;
}
@media (max-width: 768px) {
  .top-download .top-download__list .top-download__items .top-download__items-link .top-download__items-body .top-download__items-more {
    font-size: 24px;
  }
}
.top-download .top-download__list .top-download__items .top-download__items-link .top-download__items-body .top-download__items-more::after {
  border-top: solid 1px #000;
  content: "";
  display: block;
  height: 1px;
  width: 100px;
  position: absolute;
  right: 0;
  top: 18px;
}
.top-download .top-download__list .top-download__items .top-download__items-link .top-download__items-body .top-download__items-more::before {
  border-top: solid 1px #000;
  content: "";
  display: block;
  height: 1px;
  width: 13px;
  position: absolute;
  right: 0px;
  top: 13px;
  transform: rotate(45deg);
}
.top-download .top-download__list .top-download__items .top-download__items-link .top-download__items-body .top-download__items-more:hover {
  text-decoration: none;
}
.top-download .top-download__list .top-download__items .top-download__items-link .top-download__items-body .top-download__items-more:hover::before {
  right: -5px;
}
.top-download .top-download__list .top-download__items .top-download__items-link .top-download__items-body .top-download__items-more:hover::after {
  right: -3px;
}

.top-works {
  margin: 200px auto 140px;
  position: relative;
  width: 1100px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .top-works {
    margin: 100px auto 100px;
    padding: 0 0 0 2%;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .top-works {
    display: flex;
    flex-direction: column;
    margin: 100px auto;
    padding: 0 0 0 7%;
  }
}
.top-works .top-works-title {
  font-size: 14rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1;
  margin: 40px 0 50px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .top-works .top-works-title {
    font-size: 9.8rem;
  }
}
@media (max-width: 768px) {
  .top-works .top-works-title {
    font-size: 4.5rem;
    letter-spacing: 0.02em;
    line-height: 1;
    margin: 0 auto;
    width: 100%;
  }
}
.top-works .top-works-headline {
  font-size: 2.3rem;
  font-weight: 700;
  letter-spacing: 0.075em;
}
@media (max-width: 768px) {
  .top-works .top-works-headline {
    line-height: 1.5;
    margin: 40px auto 0;
    width: 100%;
    z-index: 1;
  }
}
.top-works .top-works-text {
  margin: 20px 0;
}
@media (max-width: 768px) {
  .top-works .top-works-text {
    font-size: 1.6rem;
    line-height: 2;
    margin: 0 auto;
    width: 100%;
  }
}
.top-works .top-works__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style: none;
  margin: 84px 0 0;
  padding: 0;
}
.top-works .top-works__list .top-works__items {
  margin: 0 0 48px;
  width: calc(50% - 10px);
}
@media (max-width: 768px) {
  .top-works .top-works__list .top-works__items {
    width: 100%;
  }
}
.top-works .top-works__list .top-works__items .top-works__items-link {
  display: block;
}
.top-works .top-works__list .top-works__items .top-works__items-link:hover {
  opacity: 1;
  text-decoration: none;
}
.top-works .top-works__list .top-works__items .top-works__items-link:hover .top-works__items-photo img {
  opacity: 0.6;
  transform: scale(1, 1);
}
.top-works .top-works__list .top-works__items .top-works__items-link .top-works__items-photo {
  display: block;
  height: 473px;
  line-height: 0;
  margin: 0;
  overflow: hidden;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .top-works .top-works__list .top-works__items .top-works__items-link .top-works__items-photo {
    height: 37.6875vw;
  }
}
@media (max-width: 768px) {
  .top-works .top-works__list .top-works__items .top-works__items-link .top-works__items-photo {
    height: 72.4968314322vw;
  }
}
@media (max-width: 580px) {
  .top-works .top-works__list .top-works__items .top-works__items-link .top-works__items-photo {
    height: 68.8vw;
  }
}
.top-works .top-works__list .top-works__items .top-works__items-link .top-works__items-photo img {
  height: 100%;
  object-fit: cover;
  transform: scale(1.1, 1.1);
  transition: opacity 0.3s ease, transform 0.3s ease;
  width: 100%;
}
.top-works .top-works__list .top-works__items .top-works__items-link .top-works__items-headline {
  font-size: 1.6rem;
  font-weight: 300;
  letter-spacing: 0.1em;
  line-height: 1.5;
  margin: 10px 0 0;
}
.top-works .top-works__list .top-works__items .top-works__items-link .top-works__items-categories {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
}
.top-works .top-works__list .top-works__items .top-works__items-link .top-works__items-categories li {
  padding: 0 14px 0 0;
}
.top-works .top-works-link {
  margin: 84px 0 0;
}
@media (max-width: 768px) {
  .top-works .top-works-link .btn-see-more {
    font-size: 3.2rem;
    margin: 0 auto;
    padding: 0 115px 0 0;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .top-works .top-works-link .btn-see-more {
    font-size: 2.4rem;
  }
}
@media (max-width: 768px) {
  .top-works .top-works-link .btn-see-more::before {
    top: 17px;
    width: 15px;
  }
  .top-works .top-works-link .btn-see-more::after {
    top: 22px;
    width: 100px;
  }
}

.top-news-release {
  background-image: url("images/bg-top-news.png");
  background-repeat: no-repeat;
  background-position: 0 50px;
  background-size: 4000px auto;
  display: flex;
  justify-content: space-between;
  margin: 250px auto 60px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .top-news-release {
    margin: 175px auto 40px;
    padding: 0 0 0 2%;
  }
}
@media (max-width: 768px) {
  .top-news-release {
    background-size: cover;
    display: block;
    margin: 80px auto;
    padding: 0 0 0 7%;
    width: 100%;
  }
}
.top-news-release .top-news {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  width: 1100px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .top-news-release .top-news {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .top-news-release .top-news {
    flex-direction: column;
  }
}
.top-news-release .top-news-title {
  box-sizing: border-box;
  font-family: futura-pt, sans-serif;
  font-weight: 500;
  font-size: 8rem;
  height: auto;
  line-height: 1;
  width: 440px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .top-news-release .top-news-title {
    font-size: 5.6rem;
    width: 300px;
  }
}
@media (max-width: 768px) {
  .top-news-release .top-news-title {
    font-size: 4.5rem;
    text-align: left;
    width: 100%;
  }
}
.top-news-release .top-news-title .and {
  font-size: 6rem;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .top-news-release .top-news-title .and {
    font-size: 4.2rem;
  }
}
@media (max-width: 768px) {
  .top-news-release .top-news-title .and {
    font-size: 3.8rem;
  }
}
.top-news-release .list-news {
  box-sizing: border-box;
  font-size: 1.4rem;
  margin: 110px 0 50px;
  max-height: 400px;
  overflow: auto;
  padding: 0 30px 0 0;
  width: calc(100% - 440px);
}
@media (min-width: 1px) and (max-width: 1240px) {
  .top-news-release .list-news {
    width: calc(100% - 300px);
  }
}
@media (max-width: 768px) {
  .top-news-release .list-news {
    height: auto;
    margin: 75px 0 50px;
    width: 100%;
  }
}
.top-news-release .list-news dt {
  float: left;
  clear: both;
  font-weight: 800;
  line-height: 20px;
  padding: 10px 10px 0;
}
@media (max-width: 768px) {
  .top-news-release .list-news dt {
    float: none;
    padding: 10px 5px 5px;
  }
}
.top-news-release .list-news dd {
  background: url("images/arr-news@2x.png");
  background-position: 100px 14px;
  background-repeat: no-repeat;
  background-size: 29px 8px;
  margin: 0;
  padding: 10px 0 10px 150px;
}
@media (max-width: 768px) {
  .top-news-release .list-news dd {
    background-position: 0 14px;
    padding: 10px 0 40px 50px;
  }
}
.top-news-release .list-news a {
  text-decoration: underline;
}
.top-news-release .list-news a:hover {
  text-decoration: none;
}

.top-concept {
  background: url("images/bg-top-concept@2x.png");
  background-position: 460px 325px;
  background-repeat: no-repeat;
  background-size: 673px 234px;
  height: 1100px;
  margin: 0 auto;
  padding: 50px 0;
  position: relative;
  width: 1100px;
}
@media (max-width: 768px) {
  .top-concept {
    background-position: right 200px;
    background-size: 398px 138px;
    height: auto;
    margin: 0 auto 90px;
    width: 100%;
  }
}
@media (max-width: 580px) {
  .top-concept {
    background-position: right bottom;
    background-size: 265px 92px;
    margin: 0 auto 190px;
    padding: 0 0 85px;
  }
}
.top-concept .top-concept-title {
  font-size: 9rem;
  font-weight: 500;
  left: 180px;
  line-height: 1.2;
  top: 400px;
  transform: rotate(90deg);
  position: absolute;
}
@media (max-width: 768px) {
  .top-concept .top-concept-title {
    font-size: 4.5rem;
    left: 125px;
    line-height: 1;
    top: 220px;
    width: 390px;
    z-index: 2;
  }
}
@media (max-width: 580px) {
  .top-concept .top-concept-title {
    left: -25px;
    top: 220px;
  }
}
@media (max-width: 768px) {
  .top-concept .top-concept-image {
    height: 255px;
    margin: 0 0 20px;
    overflow: hidden;
    position: relative;
    width: 270px;
  }
}
@media (max-width: 580px) {
  .top-concept .top-concept-image {
    height: 255px;
    margin: 0 0 185px;
    width: 170px;
  }
}
@media (max-width: 768px) {
  .top-concept .top-concept-image img {
    height: 275px;
    left: -15px;
    position: absolute;
    width: auto;
  }
}
.top-concept .top-concept-description {
  position: absolute;
  left: 212px;
  top: 730px;
  width: 320px;
}
@media (max-width: 768px) {
  .top-concept .top-concept-description {
    left: auto;
    padding: 0 0 0 7%;
    position: relative;
    top: auto;
    width: 100%;
  }
}
.top-concept .top-concept-headline {
  font-size: 2rem;
  font-weight: 800;
}
@media (max-width: 768px) {
  .top-concept .top-concept-headline {
    margin: 0 0 20px;
    width: 180px;
  }
}
@media (max-width: 768px) {
  .top-concept .top-concept-text {
    font-size: 1.6rem;
    line-height: 2;
    text-align: justify;
    width: 315px;
  }
}
@media (max-width: 580px) {
  .top-concept .top-concept-text {
    width: 95%;
  }
}
.top-concept .top-concept-link {
  left: 655px;
  position: absolute;
  top: 475px;
  transform: rotate(90deg);
  transform-origin: left bottom;
}
@media (max-width: 768px) {
  .top-concept .top-concept-link {
    left: 355px;
    top: 280px;
  }
}
@media (max-width: 580px) {
  .top-concept .top-concept-link {
    left: 195px;
    top: 263px;
  }
}
.top-concept .top-concept-link .btn-see-more {
  font-size: 3.2rem;
  width: 390px;
}
@media (max-width: 768px) {
  .top-concept .top-concept-link .btn-see-more {
    font-size: 2.4rem;
    padding: 0 100px 0 0;
    width: 210px;
  }
}
@media (max-width: 768px) {
  .top-concept .top-concept-link .btn-see-more::before {
    top: 19px;
    width: 15px;
  }
}
.top-concept .top-concept-link .btn-see-more::after {
  width: 247px;
}
@media (max-width: 768px) {
  .top-concept .top-concept-link .btn-see-more::after {
    top: 24px;
    width: 100px;
  }
}

.top-service {
  background-image: url("images/bg-top-service.png");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: calc(50% + 550px);
}
@media (min-width: 1px) and (max-width: 1240px) {
  .top-service {
    background-size: cover;
  }
}
@media (max-width: 768px) {
  .top-service {
    background: url("images/bg-top-service-sp.png");
    background-size: cover;
  }
}
.top-service .top-service-inner {
  margin: 0 auto;
  max-width: 1100px;
}
.top-service .top-service-title {
  font-size: 14rem;
  font-weight: 500;
  line-height: 1;
  text-align: center;
}
@media (max-width: 768px) {
  .top-service .top-service-title {
    font-size: 4.5rem;
    letter-spacing: 1.5px;
  }
}
.top-service .top-service-text {
  text-align: center;
}
@media (max-width: 768px) {
  .top-service .top-service-text {
    font-size: 1.6rem;
    line-height: 2;
    margin: 20px auto;
    padding: 0 7%;
  }
}
.top-service .top-service-link {
  margin: 0 0 0 205px;
  text-align: center;
}
@media (max-width: 768px) {
  .top-service .top-service-link {
    margin: 0 auto;
  }
}
.top-service .top-service-link .btn-see-more {
  font-size: 3.2rem;
  margin: 0;
  padding: 0 100px 0 0;
  width: 260px;
}
@media (max-width: 768px) {
  .top-service .top-service-link .btn-see-more {
    font-size: 2.4rem;
  }
}
.top-service .top-service-link .btn-see-more::before {
  top: 23px;
  width: 15px;
}
@media (max-width: 768px) {
  .top-service .top-service-link .btn-see-more::before {
    top: 18px;
  }
}
.top-service .top-service-link .btn-see-more::after {
  top: 28px;
  width: 100px;
}
@media (max-width: 768px) {
  .top-service .top-service-link .btn-see-more::after {
    top: 23px;
  }
}

.list-top-service {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style: none;
  margin: 0 auto;
  padding: 50px 60px 30px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .list-top-service {
    padding: 50px 30px 30px;
  }
}
@media (max-width: 768px) {
  .list-top-service {
    justify-content: flex-start;
    padding: 20px 0 40px;
  }
}
.list-top-service li {
  align-items: flex-start;
  display: flex;
  font-weight: 500;
  justify-content: center;
  line-height: 1.8;
  margin: 0 auto;
  padding: 15px 10px;
  text-align: center;
  width: 20%;
}
@media (max-width: 768px) {
  .list-top-service li {
    line-height: 1.6;
    width: 25%;
  }
}
@media (max-width: 580px) {
  .list-top-service li {
    width: 50%;
  }
}
@media (max-width: 365px) {
  .list-top-service li {
    font-size: 1rem;
  }
}
.list-top-service li a {
  text-decoration: none;
}
.list-top-service li a:hover {
  text-decoration: none;
}
.list-top-service li img {
  height: auto;
  max-width: 100%;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .list-top-service li img {
    max-height: 100px;
    width: auto;
  }
}
@media (max-width: 365px) {
  .list-top-service li img {
    height: 65px;
  }
}

.top-review {
  margin: 0 auto;
  padding: 120px 0;
  position: relative;
  width: 1100px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .top-review {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .top-review {
    padding: 120px 0 40px;
  }
}
.top-review .top-review-title {
  font-size: 14rem;
  font-weight: 500;
  left: -40px;
  position: absolute;
  top: -60px;
  transform: rotate(90deg);
  transform-origin: left bottom;
}
@media (max-width: 768px) {
  .top-review .top-review-title {
    font-size: 4.5rem;
    left: 20%;
    top: 5px;
  }
}
@media (max-width: 580px) {
  .top-review .top-review-title {
    left: 15px;
  }
}
@media (max-width: 365px) {
  .top-review .top-review-title {
    left: 7px;
  }
}
.top-review .top-review-link {
  left: 120px;
  position: absolute;
  top: 85px;
  transform: rotate(90deg);
  transform-origin: left bottom;
}
@media (max-width: 768px) {
  .top-review .top-review-link {
    left: 20%;
    padding: 0;
    top: 180px;
  }
}
@media (max-width: 580px) {
  .top-review .top-review-link {
    left: 13px;
  }
}
@media (max-width: 365px) {
  .top-review .top-review-link {
    left: 5px;
  }
}
.top-review .top-review-link a {
  width: 350px;
}
@media (max-width: 768px) {
  .top-review .top-review-link a {
    font-size: 2.4rem;
    padding: 0 110px 0 0;
    width: 210px;
  }
}
@media (max-width: 768px) {
  .top-review .top-review-link a::before {
    top: 18px;
    width: 15px;
  }
}
.top-review .top-review-link a::after {
  width: 210px;
}
@media (max-width: 768px) {
  .top-review .top-review-link a::after {
    top: 23px;
    width: 100px;
  }
}
.top-review .list-top-review {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  list-style: none;
  margin: 100px 20px 0 230px;
  padding: 0;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .top-review .list-top-review {
    margin: 0 3% 0 25%;
  }
}
@media (max-width: 768px) {
  .top-review .list-top-review {
    margin: 0 3% 0 28%;
  }
}
.top-review .list-top-review li {
  max-width: 25%;
  overflow: hidden;
}
@media (max-width: 768px) {
  .top-review .list-top-review li {
    margin: 0 1.5% 3%;
    max-width: 47%;
  }
}
@media (max-width: 768px) {
  .top-review .list-top-review li img {
    display: block;
  }
}

.top-news-letter {
  background: url("images/bg-top-news-letter-gray.png");
  background-position: left top;
  background-repeat: repeat-y;
  background-size: calc(50% + 550px);
  margin: 60px auto;
  padding: 115px 0 0;
}
@media (max-width: 768px) {
  .top-news-letter {
    background-size: cover;
    margin: 0 auto 40px;
  }
}
.top-news-letter .top-news-letter-title {
  font-size: 8rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1.2;
  padding: 0 0 35px;
  text-align: center;
}
@media (max-width: 768px) {
  .top-news-letter .top-news-letter-title {
    font-size: 4.5rem;
    line-height: 1;
    padding: 0 0 20px;
  }
}
.top-news-letter .top-news-letter-text {
  line-height: 2;
  margin: 0 auto;
  padding: 0 0 60px;
  text-align: center;
  width: 90%;
}
@media (max-width: 768px) {
  .top-news-letter .top-news-letter-text {
    font-size: 1.6rem;
    padding: 0 0 20px;
  }
}

/* HubSpotフォーム */
.newsletter-by-form {
  margin: 0 auto;
  max-width: 640px;
  padding: 0 0 60px;
  width: 90%;
}
@media (max-width: 768px) {
  .newsletter-by-form {
    max-width: 400px;
    padding: 10px 0 90px;
  }
}
.newsletter-by-form .hs-form {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}
.newsletter-by-form .hbspt-form {
  font-size: 1.6rem;
  font-weight: 500;
  margin: 15px 0;
}
@media (max-width: 768px) {
  .newsletter-by-form .hbspt-form {
    font-size: 1.4rem;
    margin: 10px 0;
  }
}
.newsletter-by-form .hbspt-form .form-columns-1,
.newsletter-by-form .hbspt-form .form-columns-2 {
  display: flex;
  margin: 10px 0 0;
  max-width: 100%;
  width: 100%;
}
.newsletter-by-form .hbspt-form .form-columns-1 .input,
.newsletter-by-form .hbspt-form .form-columns-2 .input {
  margin: 0;
  min-width: 0;
  width: 65%;
}
@media (max-width: 768px) {
  .newsletter-by-form .hbspt-form .form-columns-1 .input,
  .newsletter-by-form .hbspt-form .form-columns-2 .input {
    padding: 0 5px;
    width: 100%;
  }
}
.newsletter-by-form .hbspt-form .form-columns-1 .hs-form-field,
.newsletter-by-form .hbspt-form .form-columns-2 .hs-form-field {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.newsletter-by-form .hbspt-form .form-columns-1 .hs-form-field > label,
.newsletter-by-form .hbspt-form .form-columns-2 .hs-form-field > label {
  max-width: 215px;
  padding: 0 20px 0 0;
  text-align: right;
  width: 35%;
}
@media (max-width: 768px) {
  .newsletter-by-form .hbspt-form .form-columns-1 .hs-form-field > label,
  .newsletter-by-form .hbspt-form .form-columns-2 .hs-form-field > label {
    max-width: 100%;
    padding: 0 5px;
    text-align: left;
    width: 100%;
  }
}
.newsletter-by-form .hbspt-form .form-columns-1 .hs-form-field > label .hs-form-required,
.newsletter-by-form .hbspt-form .form-columns-2 .hs-form-field > label .hs-form-required {
  color: transparent;
  display: inline-block;
}
.newsletter-by-form .hbspt-form .form-columns-1 .hs-form-field > label .hs-form-required::after,
.newsletter-by-form .hbspt-form .form-columns-2 .hs-form-field > label .hs-form-required::after {
  background-color: #F57609;
  border-radius: 10px;
  color: #fff;
  content: "必須";
  display: inline-block;
  font-size: 1.2rem;
  line-height: 1;
  margin: 0 0 -2px 0;
  padding: 7px 10px;
  vertical-align: bottom;
}
@media (max-width: 768px) {
  .newsletter-by-form .hbspt-form .form-columns-1 .hs-form-field > label .hs-form-required::after,
  .newsletter-by-form .hbspt-form .form-columns-2 .hs-form-field > label .hs-form-required::after {
    font-size: 1rem;
    margin: 0;
    padding: 5px 8px;
  }
}
.newsletter-by-form .hbspt-form .form-columns-1 .hs-form-field textarea.hs-input,
.newsletter-by-form .hbspt-form .form-columns-1 .hs-form-field input.hs-input,
.newsletter-by-form .hbspt-form .form-columns-2 .hs-form-field textarea.hs-input,
.newsletter-by-form .hbspt-form .form-columns-2 .hs-form-field input.hs-input {
  border: solid 2px #BCB8B8;
  border-radius: 7px;
  font-size: 1.8rem;
  font-weight: 300;
  margin: 5px 0;
  outline: none;
  padding: 10px 12px;
  width: 100%;
}
.newsletter-by-form .hbspt-form .form-columns-1 .hs-form-field textarea.hs-input::placeholder,
.newsletter-by-form .hbspt-form .form-columns-1 .hs-form-field input.hs-input::placeholder,
.newsletter-by-form .hbspt-form .form-columns-2 .hs-form-field textarea.hs-input::placeholder,
.newsletter-by-form .hbspt-form .form-columns-2 .hs-form-field input.hs-input::placeholder {
  color: #BFBCBC;
}
.newsletter-by-form .hbspt-form .form-columns-1 .hs-form-field textarea.hs-input:focus,
.newsletter-by-form .hbspt-form .form-columns-1 .hs-form-field input.hs-input:focus,
.newsletter-by-form .hbspt-form .form-columns-2 .hs-form-field textarea.hs-input:focus,
.newsletter-by-form .hbspt-form .form-columns-2 .hs-form-field input.hs-input:focus {
  background-color: #FFFBE0;
}
.newsletter-by-form .hbspt-form .form-columns-1 .hs-form-field textarea,
.newsletter-by-form .hbspt-form .form-columns-2 .hs-form-field textarea {
  height: 220px;
}
.newsletter-by-form .hbspt-form .form-columns-1 .hs-fieldtype-select,
.newsletter-by-form .hbspt-form .form-columns-2 .hs-fieldtype-select {
  padding: 5px 0;
}
@media (max-width: 768px) {
  .newsletter-by-form .hbspt-form .form-columns-1 .hs-fieldtype-select,
  .newsletter-by-form .hbspt-form .form-columns-2 .hs-fieldtype-select {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0;
  }
}
.newsletter-by-form .hbspt-form .form-columns-1 .hs-fieldtype-select label,
.newsletter-by-form .hbspt-form .form-columns-2 .hs-fieldtype-select label {
  padding-bottom: 5px;
}
.newsletter-by-form .hbspt-form .form-columns-1 .hs-fieldtype-select .input,
.newsletter-by-form .hbspt-form .form-columns-2 .hs-fieldtype-select .input {
  position: relative;
}
.newsletter-by-form .hbspt-form .form-columns-1 .hs-fieldtype-select .input::before,
.newsletter-by-form .hbspt-form .form-columns-2 .hs-fieldtype-select .input::before {
  background: #fff;
  border: solid 2px #BCB8B8;
  border-radius: 7px;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 47px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.newsletter-by-form .hbspt-form .form-columns-1 .hs-fieldtype-select .input select,
.newsletter-by-form .hbspt-form .form-columns-2 .hs-fieldtype-select .input select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  font-size: 1.8rem;
  font-weight: 300;
  height: 47px;
  outline: none;
  padding: 10px 12px;
  position: relative;
  width: 100%;
  z-index: 2;
}
.newsletter-by-form .hbspt-form .form-columns-2 {
  display: block;
}
@media (max-width: 768px) {
  .newsletter-by-form .hbspt-form .form-columns-2 .hs-form-field {
    float: left !important;
    width: 50%;
  }
}
.newsletter-by-form .hbspt-form .form-columns-2 .hs-form-field:first-child {
  width: 370px;
}
@media (max-width: 768px) {
  .newsletter-by-form .hbspt-form .form-columns-2 .hs-form-field:first-child {
    width: 50%;
  }
}
.newsletter-by-form .hbspt-form .form-columns-2 .hs-form-field:first-child label {
  width: 215px;
}
@media (max-width: 768px) {
  .newsletter-by-form .hbspt-form .form-columns-2 .hs-form-field:first-child label {
    width: 100%;
  }
}
.newsletter-by-form .hbspt-form .form-columns-2 .hs-form-field:first-child .input {
  max-width: 150px;
  min-width: 150px;
}
@media (max-width: 768px) {
  .newsletter-by-form .hbspt-form .form-columns-2 .hs-form-field:first-child .input {
    max-width: 100%;
    min-width: 100%;
  }
}
.newsletter-by-form .hbspt-form .form-columns-2 .hs-form-field:last-child {
  width: 260px;
}
@media (max-width: 768px) {
  .newsletter-by-form .hbspt-form .form-columns-2 .hs-form-field:last-child {
    width: 50%;
  }
}
.newsletter-by-form .hbspt-form .form-columns-2 .hs-form-field:last-child label {
  width: 110px;
}
@media (max-width: 768px) {
  .newsletter-by-form .hbspt-form .form-columns-2 .hs-form-field:last-child label {
    width: 100%;
  }
}
.newsletter-by-form .hbspt-form .form-columns-2 .hs-form-field:last-child .input {
  max-width: 150px;
  min-width: 150px;
}
@media (max-width: 768px) {
  .newsletter-by-form .hbspt-form .form-columns-2 .hs-form-field:last-child .input {
    max-width: 100%;
    min-width: 100%;
  }
}
.newsletter-by-form .hbspt-form .form-columns-2 .hs-form-field:last-child .hs-error-msgs {
  padding: 0 0 0 110px;
}
@media (max-width: 768px) {
  .newsletter-by-form .hbspt-form .form-columns-2 .hs-form-field:last-child .hs-error-msgs {
    padding: 0 5px;
  }
}
@media (max-width: 768px) {
  .newsletter-by-form .hbspt-form .form-columns-2 .hs-form-field textarea.hs-input,
  .newsletter-by-form .hbspt-form .form-columns-2 .hs-form-field input.hs-input {
    width: 100% !important;
  }
}
.newsletter-by-form .legal-consent-container {
  margin: 0 auto;
}
.newsletter-by-form .legal-consent-container .hs-dependent-field .input {
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
.newsletter-by-form .legal-consent-container .hs-dependent-field .hs-error-msg {
  text-align: center !important;
}
.newsletter-by-form .inputs-list {
  list-style: none;
  padding: 0;
}
.newsletter-by-form .inputs-list label {
  font-size: 1.5rem;
  font-weight: 400;
  padding: 0 !important;
}
@media (max-width: 768px) {
  .newsletter-by-form .inputs-list label {
    font-size: 1.3rem;
  }
}
.newsletter-by-form .inputs-list label a {
  text-decoration: underline;
}
.newsletter-by-form .inputs-list label a:hover {
  opacity: 1;
  text-decoration: none;
}
.newsletter-by-form .inputs-list label input[type=checkbox] {
  display: none;
}
.newsletter-by-form .inputs-list label input[type=checkbox] + span {
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  margin: 0;
  padding: 10px 0 5px 30px;
  position: relative;
  width: auto;
}
.newsletter-by-form .inputs-list label input[type=checkbox] + span::before {
  background: #fff;
  border: 1px solid #231815;
  content: "";
  display: block;
  height: 16px;
  left: 5px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  width: 16px;
}
.newsletter-by-form .inputs-list label input[type=checkbox] + span::after {
  border-right: 3px solid #65B54E;
  border-bottom: 3px solid #65B54E;
  content: "";
  display: block;
  height: 9px;
  left: 10px;
  margin-top: -7px;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: rotate(45deg);
  width: 5px;
}
.newsletter-by-form .inputs-list label input[type=checkbox]:checked + span::after {
  opacity: 1;
}
.newsletter-by-form .inputs-list label .hs-form-required {
  display: none;
}
.newsletter-by-form .hs-recaptcha {
  margin: 0 auto;
  padding: 40px 0 45px;
}
.newsletter-by-form .hs_submit {
  width: 100%;
}
.newsletter-by-form .hs-button.primary {
  background: #74ce5a;
  background: -moz-linear-gradient(top, #74ce5a 0%, #215311 100%);
  background: -webkit-linear-gradient(top, #74ce5a 0%, #215311 100%);
  background: linear-gradient(to bottom, #74ce5a 0%, #215311 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#74ce5a", endColorstr="#215311",GradientType=0 );
  border: none;
  border-radius: 30px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.6);
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.5;
  margin: 0 auto;
  max-width: 275px;
  padding: 20px 0;
  width: 90%;
}
@media (max-width: 768px) {
  .newsletter-by-form .hs-button.primary {
    border-radius: 18px;
    font-size: 1.8rem;
    max-width: 220px;
    padding: 12px 0;
  }
}
@media (max-width: 365px) {
  .newsletter-by-form .hs-button.primary {
    border-radius: 15px;
  }
}
.newsletter-by-form .hs-button.primary:hover {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  opacity: 1;
  text-decoration: none;
}
.newsletter-by-form .hs-error-msgs {
  border: none;
  color: red;
  font-size: 1.4rem;
  font-weight: 300;
  list-style: none;
  margin: 0 0 15px;
  padding: 0 0 0 215px;
  width: 100%;
}
@media (max-width: 768px) {
  .newsletter-by-form .hs-error-msgs {
    padding: 0 0 0 5px;
  }
}
.newsletter-by-form .hs-error-msgs .hs-error-msg {
  font-size: 1.2rem;
}
@media (max-width: 768px) {
  .newsletter-by-form .hs-error-msgs .hs-error-msg {
    display: block;
  }
}
.newsletter-by-form .hs_error_rollup {
  margin: 0 auto;
}
.newsletter-by-form .hs_error_rollup .hs-error-msgs {
  padding: 0;
}
.newsletter-by-form .submitted-message {
  text-align: center;
}

/* サブページ */
.main {
  padding: 15px 0 0;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .main {
    width: calc(100% - 52px);
  }
}
@media (max-width: 768px) {
  .main {
    overflow: hidden;
    padding: 50px 0 0;
  }
}

.contents {
  box-sizing: border-box;
  padding: 1px 0 20px;
}
.contents figure.wp-block-embed {
  margin: 2.5em 0;
}
@media (max-width: 768px) {
  .contents figure.wp-block-embed {
    margin-right: -8%;
  }
}
.contents iframe.wp-embedded-content {
  height: 188px;
  max-width: 570px;
  width: 100%;
}
@media (max-width: 580px) {
  .contents iframe.wp-embedded-content {
    height: 179px;
  }
}

.inner-block {
  display: block;
  margin: 30px auto 40px;
  position: relative;
  width: 1100px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .inner-block {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .inner-block {
    margin: 20px auto;
    width: 86%;
  }
}
.inner-block.is-web {
  margin: 200px auto 180px;
}
@media (max-width: 768px) {
  .inner-block.is-web {
    margin: 90px auto 150px;
  }
}

.news-block {
  display: block;
  margin: 30px auto 40px;
  position: relative;
  max-width: 740px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .news-block {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .news-block {
    margin: 20px auto;
    width: 86%;
  }
}

.inner-padding {
  padding: 40px 0;
}
@media (max-width: 768px) {
  .inner-padding {
    padding: 20px 0;
  }
}

.hr-vertical {
  border: none;
  border-bottom: solid 1px #707070;
  margin: 90px auto;
  transform-origin: center center;
  transform: rotate(90deg);
  width: 100px;
}

.widget-banners {
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 0 auto;
  max-width: 1100px;
  padding: 25px 0;
  width: 96%;
}
@media (max-width: 768px) {
  .widget-banners {
    align-items: center;
    flex-direction: column;
    padding: 20px 0 0 7%;
    width: 100%;
  }
}
.widget-banners .widget-banners-items {
  line-height: 0;
  margin: 0 1%;
  max-width: 31.333%;
}
@media (max-width: 768px) {
  .widget-banners .widget-banners-items {
    margin: 0 0 4%;
    max-width: 80%;
  }
}
.widget-banners .widget-banners-items img {
  height: auto;
  max-width: 100%;
}

/* 見出し */
.page-title {
  box-sizing: border-box;
  font-size: 9rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1.3;
  margin: 0 auto;
  max-width: 1100px;
  padding: 50px 0 0;
  text-align: center;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .page-title {
    font-size: 7.2rem;
  }
}
@media (max-width: 768px) {
  .page-title {
    font-size: 4.5rem;
    letter-spacing: 0.025em;
    line-height: 1;
    padding: 0;
  }
}
@media (max-width: 365px) {
  .page-title {
    font-size: 3.6rem;
  }
}

.page-description {
  display: block;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 2;
  margin: 20px auto 0;
  max-width: 1100px;
  text-align: center;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .page-description {
    font-size: 1.8rem;
  }
}
@media (max-width: 768px) {
  .page-description {
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.2;
    margin: 30px 0;
    padding: 5px 7.5%;
  }
}
@media (max-width: 365px) {
  .page-description {
    font-size: 1.6rem;
  }
}

.section-title {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.8;
  margin: 30px 0;
  text-align: left;
}

.paragraph-title {
  font-size: 1.8rem;
  margin: 23px auto;
  text-align: center;
}
@media (max-width: 768px) {
  .paragraph-title {
    font-size: 1.8rem;
    margin: 15px auto 30px;
    width: 100%;
  }
}

.detail-title {
  font-size: 2rem;
  margin: 130px auto 105px;
  position: relative;
  text-align: center;
  width: 90%;
}
@media (max-width: 768px) {
  .detail-title {
    letter-spacing: 0;
  }
}
@media (max-width: 365px) {
  .detail-title {
    font-size: 1.6rem;
  }
}
.detail-title::after {
  background: #000;
  bottom: -45px;
  content: "";
  display: block;
  height: 27px;
  left: calc(50% - 58px);
  position: absolute;
  width: 117px;
}
@media (max-width: 768px) {
  .detail-title::after {
    left: calc(50% - 34px);
    width: 69px;
  }
}

/* リスト */
.list-square {
  list-style: none;
  margin: 45px auto;
  padding: 0;
}
.list-square li {
  line-height: 1.5;
}
@media (max-width: 768px) {
  .list-square li {
    line-height: 2;
    margin: 1.5em 0;
  }
}
.list-square li::before {
  content: "□";
  display: inline-block;
  font-size: 1.8rem;
  margin: 0 10px 3px 0;
  vertical-align: middle;
}

/* INFO 会社情報*/
.list-info {
  list-style: none;
  margin: 145px auto;
  padding: 0;
}
@media (max-width: 768px) {
  .list-info {
    margin: 90px auto;
  }
}
.list-info li {
  margin: 75px auto;
  text-align: center;
  max-width: 502px;
}
.list-info li .list-info-image {
  overflow: hidden;
  padding: 47% 0 0;
  position: relative;
  max-width: 502px;
}
.list-info li .list-info-image .list-info-photo {
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 1;
}
.list-info li .list-info-image .list-info-link {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 5rem;
  font-weight: 500;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  text-decoration: none;
  top: 0;
  width: 100%;
  z-index: 2;
}
.list-info li .list-info-image .list-info-link:hover {
  opacity: 1;
  text-shadow: 0 0 35px rgba(0, 0, 0, 0.4);
}
.list-info li .list-info-image .list-info-link:hover + .list-info-photo {
  transform: scale3d(1.1, 1.1, 1);
}
@media (max-width: 768px) {
  .list-info li .list-info-image .list-info-link {
    font-size: 3.4rem;
  }
}
.list-info li .list-info-text {
  margin: 15px auto;
}

/* CONCEPT コンセプト */
.body-concept {
  background-image: url("images/bg-top-concept@2x.png");
  background-position: calc(100% - 40px) 327px;
  background-repeat: no-repeat;
  background-size: 673px 234px;
  margin: 0 auto;
  max-width: 1100px;
  position: relative;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .body-concept {
    background-size: 538px 187px;
  }
}
@media (max-width: 768px) {
  .body-concept {
    background-position: right 440px;
    background-size: 80% auto;
    margin: 30px 0 0;
  }
}
@media (max-width: 580px) {
  .body-concept {
    background-position: center 390px;
    background-size: 95% auto;
  }
}
@media (max-width: 365px) {
  .body-concept {
    background-position: center 290px;
  }
}
.body-concept .page-title-vertical {
  font-size: 9rem;
  font-weight: 500;
  left: 10px;
  letter-spacing: 0.06em;
  line-height: 1.2;
  top: 200px;
  transform: rotate(90deg);
  transform-origin: center center;
  position: absolute;
  z-index: 2;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .body-concept .page-title-vertical {
    font-size: 7.2rem;
  }
}
@media (max-width: 768px) {
  .body-concept .page-title-vertical {
    font-size: 5.5rem;
    left: 45px;
    letter-spacing: 0.03em;
    line-height: 1;
    top: 170px;
    width: 460px;
  }
}
@media (max-width: 580px) {
  .body-concept .page-title-vertical {
    font-size: 4.5rem;
    left: -25px;
  }
}
@media (max-width: 365px) {
  .body-concept .page-title-vertical {
    font-size: 3.6rem;
    left: -50px;
    top: 185px;
  }
}
.body-concept .page-title-vertical .page-title-vertical-jp {
  font-size: 2rem;
  font-weight: 500;
  height: 150px;
  left: 675px;
  letter-spacing: 0;
  position: absolute;
  top: 87px;
  transform: rotate(-90deg);
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .body-concept .page-title-vertical .page-title-vertical-jp {
    font-size: 1.6rem;
    left: 560px;
    top: 60px;
  }
}
@media (max-width: 768px) {
  .body-concept .page-title-vertical .page-title-vertical-jp {
    display: none;
  }
}
.body-concept .concept-image {
  display: block;
  left: -20px;
  position: absolute;
  top: 47px;
  z-index: 1;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .body-concept .concept-image {
    overflow: hidden;
    top: 55px;
    width: 305px;
  }
}
@media (max-width: 768px) {
  .body-concept .concept-image {
    top: 0;
    width: 280px;
  }
}
@media (max-width: 580px) {
  .body-concept .concept-image {
    height: 255px;
    top: 0;
    width: 175px;
  }
}
@media (max-width: 365px) {
  .body-concept .concept-image {
    height: 240px;
    width: 160px;
  }
}
.body-concept .concept-image img {
  height: 100%;
  max-width: none;
}
.body-concept .concept-message {
  padding: 605px 20px 60px 495px;
  width: 100%;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .body-concept .concept-message {
    padding: 500px 20px 60px 400px;
  }
}
@media (max-width: 768px) {
  .body-concept .concept-message {
    padding: 650px 7% 70px;
  }
}
@media (max-width: 580px) {
  .body-concept .concept-message {
    padding: 500px 7% 70px;
  }
}
@media (max-width: 365px) {
  .body-concept .concept-message {
    padding: 380px 7% 70px;
  }
}
.body-concept .concept-text {
  letter-spacing: 0.12em;
}
@media (max-width: 768px) {
  .body-concept .concept-text {
    font-size: 16px;
    line-height: 2;
  }
}

.footer-concept {
  background-image: url("images/concept/footer-concept@2x.jpg");
  background-position: right top;
  background-repeat: no-repeat;
  background-size: contain;
  height: auto;
  padding-bottom: calc(20% + 220px);
  position: relative;
  width: calc(50% + 550px);
}
@media (min-width: 1px) and (max-width: 1240px) {
  .footer-concept {
    background-size: contain;
    padding-bottom: 40%;
    width: 100%;
  }
}

/* SERVICE サービス */
.header-service {
  background-image: url("images/service/header-service@2x.jpg");
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: contain;
  height: auto;
  padding-bottom: calc(20% + 220px - 35px);
  position: relative;
  width: calc(50% + 550px);
}
@media (min-width: 1px) and (max-width: 1240px) {
  .header-service {
    background-size: contain;
    padding-bottom: 40%;
    width: 100%;
  }
}

.service-text {
  font-size: 1.6rem;
  letter-spacing: 0.1em;
  line-height: 2;
  margin: 145px auto;
  width: 675px;
}
@media (max-width: 768px) {
  .service-text {
    margin: 45px 0;
    padding: 0 7%;
    width: 100%;
  }
}

.list-service-title {
  font-size: 2rem;
  font-weight: 500;
  margin: 30px auto;
  text-align: center;
}
@media (max-width: 768px) {
  .list-service-title {
    margin: 60px 0;
    padding: 0 7%;
    width: 100%;
  }
}

.list-service {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  width: 675px;
}
@media (max-width: 768px) {
  .list-service {
    margin: 0;
    padding: 0 7%;
    width: 100%;
  }
}
.list-service .list-service-items {
  margin: 0 auto 90px;
}
.list-service .list-service-eyecatch {
  border-bottom: solid 1px #707070;
  padding: 10px;
  text-align: center;
}
.list-service .list-service-eyecatch img {
  display: block;
  margin: 0 auto;
}
@media (max-width: 580px) {
  .list-service .list-service-eyecatch img {
    transform: scale3d(0.8, 0.8, 0.8);
  }
}
.list-service .list-service-text {
  letter-spacing: 0.1em;
  line-height: 2;
}

.list-service-works {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 0 100px;
  padding: 15px 0 0;
}
.list-service-works .list-service-works-item {
  margin: 10px 0;
  width: 31%;
}
@media (max-width: 768px) {
  .list-service-works .list-service-works-item {
    width: 48%;
  }
}
@media (max-width: 580px) {
  .list-service-works .list-service-works-item {
    width: 100%;
  }
}
.list-service-works .list-service-works-item-image {
  height: auto;
  width: 100%;
}
.list-service-works .list-service-works-item-client-name {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1.5;
}
.list-service-works .list-service-works-item-client-name a {
  display: block;
}
.list-service-works .list-service-works-link {
  padding: 20px 0;
  text-align: center;
  width: 100%;
}

.btn-see-works {
  align-items: center;
  background: #ffe100;
  border-radius: 15px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  font-size: 1.4rem;
  font-weight: 500;
  display: inline-flex;
  height: 60px;
  justify-content: center;
  max-width: 332px;
  padding: 4px 12px;
  width: 100%;
}
.btn-see-works:hover {
  text-decoration: none;
}
.btn-see-works:hover::after {
  transform: translate3d(4px, 0, 0);
}
.btn-see-works::after {
  background-image: url("images/arr_right.svg");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 11px;
  margin: 0 0 0 10px;
  position: relative;
  transition: all 0.2s ease-in-out;
  width: 40px;
}

/* CAREERS 採用のご案内 */
.header-careers {
  background-image: url("images/careers/header-careers@2x.jpg");
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: contain;
  height: auto;
  padding-bottom: calc(20% + 220px - 35px);
  position: relative;
  width: calc(50% + 550px);
}
@media (min-width: 1px) and (max-width: 1240px) {
  .header-careers {
    background-size: contain;
    padding-bottom: 40%;
    width: 100%;
  }
}

.careers-text {
  font-size: 1.6rem;
  letter-spacing: 0.1em;
  line-height: 2;
  margin: 145px auto;
  max-width: 830px;
  width: 86%;
}
@media (max-width: 768px) {
  .careers-text {
    margin: 45px 0 100px;
    width: 100%;
  }
}

.careers-text-bold {
  font-size: 1.8rem;
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 2;
  margin: 50px 0;
}
@media (max-width: 580px) {
  .careers-text-bold {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}

.careers-title {
  font-size: 4rem;
  font-weight: 300;
  text-align: center;
}
.careers-title .careers-title-description {
  font-size: 16px;
}

.careers-table {
  border: solid 3px #000;
  border-collapse: collapse;
  margin: 0 auto;
  max-width: 830px;
  width: 90%;
}
@media (max-width: 580px) {
  .careers-table {
    width: 100%;
  }
}
.careers-table tr:first-child th,
.careers-table tr:first-child td {
  padding-top: 80px;
}
@media (max-width: 580px) {
  .careers-table tr:first-child th,
  .careers-table tr:first-child td {
    padding-top: 40px;
  }
}
@media (max-width: 580px) {
  .careers-table tr:first-child td {
    padding-top: 5px;
  }
}
.careers-table tr:last-child th,
.careers-table tr:last-child td {
  padding-bottom: 80px;
}
@media (max-width: 580px) {
  .careers-table tr:last-child th,
  .careers-table tr:last-child td {
    padding-bottom: 40px;
  }
}
.careers-table tr:last-child th::after,
.careers-table tr:last-child td::after {
  display: none;
}
@media (max-width: 580px) {
  .careers-table tr:last-child th {
    padding: 20px 0 5px 20px;
  }
}
.careers-table tr th {
  min-width: 250px;
  padding: 20px 0 20px 50px;
  position: relative;
  text-align: left;
}
@media (max-width: 768px) {
  .careers-table tr th {
    min-width: 200px;
  }
}
@media (max-width: 580px) {
  .careers-table tr th {
    display: block;
    padding: 20px 0 5px 20px;
  }
}
.careers-table tr th::after {
  background: #000;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  left: 50px;
  bottom: 1px;
  width: 100%;
}
@media (max-width: 580px) {
  .careers-table tr th::after {
    display: none;
  }
}
.careers-table tr td {
  padding: 20px 50px 20px 0;
  position: relative;
}
@media (max-width: 580px) {
  .careers-table tr td {
    display: block;
    padding: 5px 20px 20px;
  }
}
.careers-table tr td::after {
  background: #000;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  left: 50px;
  bottom: 1px;
  width: calc(100% - 100px);
}
@media (max-width: 580px) {
  .careers-table tr td::after {
    left: 20px;
    width: calc(100% - 40px);
  }
}
.careers-table tr a {
  color: #0089FF;
  text-decoration: underline;
}
.careers-table tr a:hover {
  text-decoration: none;
}

.careers-jobs {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 60px auto 180px;
  max-width: 830px;
  width: 86%;
}
@media (max-width: 768px) {
  .careers-jobs {
    width: 100%;
  }
}
@media (max-width: 580px) {
  .careers-jobs {
    flex-direction: column;
    margin: 60px auto;
  }
}
.careers-jobs img {
  height: auto;
  max-width: 100%;
}
.careers-jobs .careers-job-item {
  width: 45%;
  padding: 0 0 50px;
}
@media (max-width: 580px) {
  .careers-jobs .careers-job-item {
    width: 100%;
  }
}
.careers-jobs .job-title {
  font-size: 2rem;
  font-weight: 500;
  margin: 0;
  padding: 15px 0;
}
@media (max-width: 580px) {
  .careers-jobs .job-title {
    font-size: 1.8rem;
    letter-spacing: 0.025em;
  }
}
.careers-jobs .job-title .job-title-en {
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 200;
  padding: 20px 0 0;
}
.careers-jobs .careers-job-place {
  border-bottom: solid 1px #707070;
  padding: 0 0 20px;
}
.careers-jobs .careers-job-text {
  line-height: 2;
  min-height: 18em;
  padding: 30px 0;
}
@media (max-width: 580px) {
  .careers-jobs .careers-job-text {
    min-height: 0;
  }
}
.careers-jobs .careers-job-photo {
  padding: 0 0 50px;
}

.stick-out-block.careers-photo-separater01 {
  background: url("images/careers/careers-photo03@2x.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 450px;
  margin: 0 0 140px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .stick-out-block.careers-photo-separater01 {
    height: 300px;
  }
}
@media (max-width: 768px) {
  .stick-out-block.careers-photo-separater01 {
    height: 200px;
    margin: 0 0 60px;
  }
}
@media (max-width: 580px) {
  .stick-out-block.careers-photo-separater01 {
    height: 150px;
  }
}

.careers-contact-me {
  border-bottom: solid 1px #707070;
  border-top: solid 1px #707070;
  margin: 0 auto;
  max-width: 830px;
  padding: 25px 0 50px;
  width: 86%;
}
@media (max-width: 768px) {
  .careers-contact-me {
    width: 100%;
  }
}
.careers-contact-me .contact-me-tel-here {
  display: inline-block;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1;
  padding: 30px 0 15px;
}
@media (max-width: 768px) {
  .careers-contact-me .contact-me-tel-here {
    font-size: 1.6rem;
    letter-spacing: 0.025em;
  }
}
@media (max-width: 365px) {
  .careers-contact-me .contact-me-tel-here {
    font-size: 1.3rem;
  }
}
.careers-contact-me .contact-me-tel {
  display: inline-block;
  font-size: 4.4rem;
  font-weight: 500;
  line-height: 1;
  padding: 0;
}
@media (max-width: 768px) {
  .careers-contact-me .contact-me-tel {
    font-size: 2.6rem;
    line-height: 2;
  }
}
@media (max-width: 365px) {
  .careers-contact-me .contact-me-tel {
    font-size: 2rem;
  }
}
.careers-contact-me .contact-me-tel-hour {
  display: inline-block;
  font-size: 1.8rem;
  font-weight: 500;
  padding: 10px 0 15px;
}
@media (max-width: 768px) {
  .careers-contact-me .contact-me-tel-hour {
    font-size: 1.4rem;
    padding: 0 0 5px;
  }
}
@media (max-width: 365px) {
  .careers-contact-me .contact-me-tel-hour {
    font-size: 1.1rem;
  }
}

.list-treatment {
  margin: 80px auto 180px;
  max-width: 830px;
  width: 86%;
}
@media (max-width: 768px) {
  .list-treatment {
    width: 100%;
  }
}
@media (max-width: 580px) {
  .list-treatment {
    margin: 80px auto 120px;
  }
}
.list-treatment dt {
  border-bottom: solid 1px #707070;
  font-size: 2rem;
  font-weight: 300;
  padding: 20px 0;
}
.list-treatment dd {
  margin: 0 0 40px;
  padding: 20px 0;
}

.careers-process-text {
  margin: 90px auto;
  max-width: 830px;
  width: 86%;
}
@media (max-width: 768px) {
  .careers-process-text {
    width: 100%;
  }
}

.list-recruit-process {
  display: flex;
  justify-content: space-between;
  margin: 90px auto 120px;
  max-width: 830px;
  padding: 0;
  width: 86%;
}
@media (max-width: 768px) {
  .list-recruit-process {
    width: 100%;
  }
}
@media (max-width: 580px) {
  .list-recruit-process {
    flex-direction: column;
    margin: 30px auto 60px;
  }
}
.list-recruit-process li {
  background: #ffe100;
  counter-increment: num;
  font-size: 2rem;
  letter-spacing: 0;
  list-style: none;
  padding: 15px 2px;
  position: relative;
  text-align: center;
  width: 175px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .list-recruit-process li {
    font-size: 1.6rem;
    line-height: 1;
    width: calc(25% - 25px);
  }
}
@media (max-width: 580px) {
  .list-recruit-process li {
    margin: 0 auto 40px;
    width: 75%;
  }
}
.list-recruit-process li::before {
  content: counter(num);
  display: block;
  font-size: 4rem;
  padding: 10px 0 5px;
}
.list-recruit-process li::after {
  background: url("images/careers/careers-arrow@2x.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 28px;
  margin: -10px 0 0;
  position: absolute;
  right: -35px;
  top: 50%;
  width: 24px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .list-recruit-process li::after {
    right: -30px;
  }
}
@media (max-width: 580px) {
  .list-recruit-process li::after {
    bottom: -35px;
    margin: 0 -12px 0 0;
    right: 50%;
    top: auto;
    transform: rotate(90deg);
  }
}
.list-recruit-process li:last-child::after {
  display: none;
}

/* CONSULTING コンサルティング */
.header-consulting {
  background-image: url("images/consulting/header-consulting@2x.jpg");
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: contain;
  height: auto;
  padding-bottom: calc(20% + 220px - 35px);
  position: relative;
  width: calc(50% + 550px);
}
.header-consulting.is-logo {
  background-image: url("images/logo/header-logo@2x.jpg");
  margin: 0 0 80px;
}
.header-consulting.is-dnp {
  background-image: url("images/dnp/header-dnp@2x.jpg");
  margin: 0 0 80px;
}
.header-consulting.is-web {
  background-image: url("images/web/header-web@2x.jpg");
  margin: 0 0 80px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .header-consulting {
    background-size: contain;
    padding-bottom: 40%;
    width: 100%;
  }
}

.consulting-detail {
  border-bottom: solid 1px #000;
  letter-spacing: 0.1em;
  line-height: 2;
  margin: 20px auto;
  padding: 20px 0;
  width: 675px;
}
@media (max-width: 768px) {
  .consulting-detail {
    width: 100%;
  }
}

.stick-out-block {
  background: #FFE100;
  width: calc(50% + 550px);
  z-index: 1;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .stick-out-block {
    width: 100%;
  }
}

.stick-out-block-inner {
  margin: 0 0 0 auto;
  max-width: 1100px;
  padding: 20px 0;
  position: relative;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .stick-out-block-inner {
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  .stick-out-block-inner {
    padding: 18px 0;
    width: 86%;
  }
}

.consulting-example-title {
  border-bottom: solid 1px #000;
  font-size: 4rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  margin: 0 auto;
  padding: 45px 0 12px;
  width: 675px;
}
@media (max-width: 768px) {
  .consulting-example-title {
    width: 100%;
  }
}

.consulting-example-text {
  font-weight: 300;
  line-height: 2;
  margin: 0 auto;
  padding: 15px 0 45px;
  width: 675px;
}
@media (max-width: 768px) {
  .consulting-example-text {
    width: 100%;
  }
}

.consulting-example-list {
  font-weight: 300;
  line-height: 2;
  margin: 0 auto;
  padding: 15px 0 45px 1.5em;
  text-indent: 0.5em;
  width: 675px;
}
@media (max-width: 768px) {
  .consulting-example-list {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .consulting-example-list li {
    margin: 0 auto 25px;
  }
}

@media (max-width: 768px) {
  .consulting-example-arrow {
    height: 35px;
    width: 51px;
  }
}
@media (max-width: 580px) {
  .consulting-example-arrow {
    height: 20px;
    width: 31px;
  }
}

/* ABOUT 会社概要 */
.about-block {
  margin: 140px auto;
  max-width: 86%;
}
.about-block .about-text {
  font-size: 1.6rem;
  line-height: 2;
  margin: 80px auto;
  text-align: center;
}

.about-office {
  display: flex;
  justify-content: center;
  margin: 65px auto;
}
@media (max-width: 580px) {
  .about-office {
    flex-direction: column;
    margin: 30px auto;
    width: 86%;
  }
}
.about-office .about-office-map {
  height: 330px;
  width: 550px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .about-office .about-office-map {
    height: 260px;
    width: 45%;
  }
}
@media (max-width: 580px) {
  .about-office .about-office-map {
    height: 160px;
    width: 100%;
  }
}
.about-office .about-office-overview {
  align-items: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  height: 330px;
  justify-content: center;
  padding: 30px;
  text-align: center;
  word-break: keep-all;
  width: 550px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .about-office .about-office-overview {
    height: 260px;
    width: 45%;
  }
}
@media (max-width: 580px) {
  .about-office .about-office-overview {
    height: 160px;
    width: 100%;
  }
}
.about-office .kuwana-office {
  background-image: url("images/about/kuwana-office@2x.jpg");
}
.about-office .komono-office {
  background-image: url("images/about/komono-office@2x.jpg");
}
.about-office .tokyo-office {
  background-image: url("images/about/tokyo-office@2x.jpg");
}
.about-office .about-office-name {
  font-size: 4rem;
  font-weight: 500;
  line-height: 1;
}
@media (max-width: 580px) {
  .about-office .about-office-name {
    font-size: 3rem;
    line-height: 1.8;
  }
}
.about-office .about-office-address {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2;
  margin-bottom: -1.5em;
}
@media (max-width: 580px) {
  .about-office .about-office-address {
    font-size: 1.2rem;
    line-height: 1.3;
  }
}

.logo-yuka-illust {
  max-width: 90%;
  margin: 0 auto;
  text-align: center;
}

/* MEMBERS スタッフ紹介 */
.body-members {
  margin: 0 auto;
  max-width: 1100px;
  position: relative;
}
@media (max-width: 768px) {
  .body-members {
    margin: 30px 0 0;
  }
}
.body-members .page-title-vertical {
  font-size: 9rem;
  font-weight: 500;
  left: -180px;
  letter-spacing: 0.075em;
  line-height: 1.2;
  margin: 0;
  top: 280px;
  transform: rotate(90deg);
  transform-origin: center center;
  position: absolute;
  z-index: 2;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .body-members .page-title-vertical {
    font-size: 7.2rem;
    left: -130px;
  }
}
@media (max-width: 768px) {
  .body-members .page-title-vertical {
    font-size: 5.5rem;
    left: -95px;
    letter-spacing: 0.05em;
    line-height: 1;
    top: 170px;
  }
}
@media (max-width: 580px) {
  .body-members .page-title-vertical {
    font-size: 4.5rem;
    left: 25px;
    margin-bottom: 190px;
    top: -80px;
    position: relative;
    transform-origin: left bottom;
  }
}
@media (max-width: 365px) {
  .body-members .page-title-vertical {
    font-size: 3.6rem;
    margin-bottom: 130px;
  }
}
.body-members .page-title-vertical .page-title-vertical-jp {
  font-size: 2rem;
  font-weight: 500;
  height: 200px;
  left: 550px;
  letter-spacing: 0;
  position: absolute;
  top: -42px;
  transform: rotate(-90deg);
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .body-members .page-title-vertical .page-title-vertical-jp {
    font-size: 1.6rem;
    left: 440px;
    top: -55px;
  }
}
@media (max-width: 768px) {
  .body-members .page-title-vertical .page-title-vertical-jp {
    left: 360px;
    top: -72px;
  }
}
@media (max-width: 580px) {
  .body-members .page-title-vertical .page-title-vertical-jp {
    font-size: 2rem;
    left: 200px;
    top: -110px;
  }
}
@media (max-width: 365px) {
  .body-members .page-title-vertical .page-title-vertical-jp {
    font-size: 1.6rem;
    left: 180px;
  }
}
.body-members .members-block {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 830px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .body-members .members-block {
    margin: 60px auto;
    max-width: 75%;
  }
}
@media (max-width: 768px) {
  .body-members .members-block {
    margin: 60px 0 60px auto;
    max-width: 86%;
  }
}
@media (max-width: 580px) {
  .body-members .members-block {
    align-items: center;
    flex-direction: column;
    margin: 20px auto;
  }
}
.body-members .members-item {
  margin: 0 0 520px;
  position: relative;
  width: 44.3%;
}
@media (max-width: 580px) {
  .body-members .members-item {
    margin: 0 0 130px;
    max-width: 368px;
    width: 100%;
  }
}
.body-members .members-item:nth-child(2) {
  margin-top: 700px;
}
@media (max-width: 768px) {
  .body-members .members-item:nth-child(2) {
    margin-top: 400px;
  }
}
@media (max-width: 580px) {
  .body-members .members-item:nth-child(2) {
    margin-top: 0;
  }
}
.body-members .members-item:nth-child(odd) {
  margin-top: -800px;
}
@media (max-width: 768px) {
  .body-members .members-item:nth-child(odd) {
    margin-top: -600px;
  }
}
@media (max-width: 580px) {
  .body-members .members-item:nth-child(odd) {
    margin-top: 0;
  }
}
.body-members .members-item:first-child {
  margin-top: 0;
}
.body-members .members-item:last-child {
  margin-bottom: 0;
}
.body-members .members-number {
  font-size: 9rem;
  font-weight: 500;
  left: -25px;
  letter-spacing: 0.075em;
  position: absolute;
  top: -50px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .body-members .members-number {
    font-size: 7.2rem;
  }
}
@media (max-width: 768px) {
  .body-members .members-number {
    font-size: 5.2rem;
    left: -15px;
    top: -30px;
  }
}
@media (max-width: 580px) {
  .body-members .members-number {
    left: -3px;
  }
}
.body-members .members-photo {
  border-bottom: solid 11px #FFE100;
  border-top: solid 11px #FFE100;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .body-members .members-photo {
    border-width: 10px;
  }
}
.body-members .members-photo img {
  display: block;
  height: auto;
  max-width: 100%;
}
.body-members .members-name {
  font-size: 4rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  margin-top: -12px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .body-members .members-name {
    font-size: 3.2rem;
    margin-top: -8px;
  }
}
@media (max-width: 768px) {
  .body-members .members-name {
    font-size: 2.4rem;
  }
}
@media (max-width: 580px) {
  .body-members .members-name {
    font-size: 3rem;
  }
}
.body-members .members-position {
  display: inline-block;
  font-size: 5.6rem;
  line-height: 0.9em;
  margin: 0 0 15px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .body-members .members-position {
    font-size: 4.5rem;
  }
}
@media (max-width: 768px) {
  .body-members .members-position {
    font-size: 3.6rem;
  }
}
@media (max-width: 580px) {
  .body-members .members-position {
    font-size: 4rem;
    margin: 0;
  }
}
.body-members .members-name-jp {
  font-size: 1.6rem;
  line-height: 2;
  margin: 25px auto 35px;
}
.body-members .members-text {
  font-size: 1.6rem;
  line-height: 2;
}

/* REVIEW お客様の声 */
.body-review {
  margin: 0 auto;
  max-width: 1100px;
  position: relative;
}
@media (max-width: 768px) {
  .body-review {
    margin: 30px 0 0;
  }
}
.body-review .page-title-vertical {
  font-size: 9rem;
  font-weight: 500;
  left: -20px;
  letter-spacing: 0.075em;
  line-height: 1.2;
  margin: 0;
  top: -60px;
  transform: rotate(90deg);
  transform-origin: left bottom;
  position: absolute;
  z-index: 2;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .body-review .page-title-vertical {
    font-size: 7.2rem;
    left: 10px;
  }
}
@media (max-width: 768px) {
  .body-review .page-title-vertical {
    font-size: 5.5rem;
    left: 10px;
    letter-spacing: 0.025em;
    line-height: 1;
    top: -20px;
  }
}
@media (max-width: 580px) {
  .body-review .page-title-vertical {
    font-size: 4.5rem;
    left: 25px;
    margin-bottom: 190px;
    top: -80px;
    position: relative;
  }
}
@media (max-width: 365px) {
  .body-review .page-title-vertical {
    font-size: 3.6rem;
    margin-bottom: 130px;
  }
}
.body-review .page-title-vertical .page-title-vertical-jp {
  display: block;
  font-size: 2rem;
  font-weight: 500;
  height: 200px;
  left: 460px;
  letter-spacing: 0;
  position: absolute;
  top: -42px;
  transform: rotate(-90deg);
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .body-review .page-title-vertical .page-title-vertical-jp {
    font-size: 1.6rem;
    left: 440px;
    top: -55px;
  }
}
@media (max-width: 768px) {
  .body-review .page-title-vertical .page-title-vertical-jp {
    left: 360px;
    top: -72px;
  }
}
@media (max-width: 580px) {
  .body-review .page-title-vertical .page-title-vertical-jp {
    font-size: 2rem;
    left: 200px;
    top: -110px;
  }
}
@media (max-width: 365px) {
  .body-review .page-title-vertical .page-title-vertical-jp {
    font-size: 1.6rem;
    left: 180px;
  }
}
.body-review .review-block {
  margin: 0 0 0 auto;
  max-width: 1000px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .body-review .review-block {
    margin: 60px 0 0 auto;
    max-width: 86%;
  }
}
@media (max-width: 768px) {
  .body-review .review-block {
    margin: 60px 0 60px auto;
  }
}
@media (max-width: 580px) {
  .body-review .review-block {
    align-items: center;
    flex-direction: column;
    margin: 20px auto;
  }
}
.body-review .review-item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: 50px auto 150px;
}
@media (max-width: 768px) {
  .body-review .review-item {
    margin: 50px auto 100px;
  }
}
@media (max-width: 580px) {
  .body-review .review-item {
    flex-direction: column;
  }
}
.body-review .review-item:nth-child(even) .review-photo {
  order: 2;
}
@media (max-width: 768px) {
  .body-review .review-item:nth-child(even) .review-photo {
    order: 1;
  }
}
.body-review .review-item:nth-child(even) .body-review {
  order: 1;
}
.body-review .review-photo {
  margin: 0 auto;
  width: 44%;
}
@media (max-width: 580px) {
  .body-review .review-photo {
    width: 100%;
  }
}
.body-review .review-photo img {
  height: auto;
  width: 100%;
}
.body-review .body-review {
  margin: 0 auto;
  width: 49%;
}
@media (max-width: 580px) {
  .body-review .body-review {
    width: 100%;
  }
}
.body-review .review-name {
  border-bottom: solid 3px #FFE100;
  font-size: 2.4rem;
  font-weight: 300;
  line-height: 1.5;
  padding: 0 0 15px;
}
@media (max-width: 768px) {
  .body-review .review-name {
    font-size: 2rem;
    padding: 10px 0 35px;
  }
}
.body-review .review-text {
  line-height: 2;
  padding: 10px 0 0;
}
@media (max-width: 768px) {
  .body-review .review-text {
    font-size: 1.6rem;
    padding: 35px 0 0;
  }
}
.body-review .review-link {
  padding: 45px 0 0;
}
@media (max-width: 768px) {
  .body-review .review-link {
    padding: 15px 0 0;
  }
}

/* 404 NOT FOUND PAGE */
.notfound {
  margin: 110px auto;
  position: relative;
  width: 720px;
}
@media (max-width: 768px) {
  .notfound {
    margin: 0 auto;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .notfound .notfound-picture {
    padding: 0 0 0 30px;
    text-align: center;
  }
}
.notfound .notfound-text {
  bottom: 0;
  position: absolute;
  right: 0;
  text-align: center;
  width: 430px;
}
@media (max-width: 768px) {
  .notfound .notfound-text {
    bottom: auto;
    font-size: 1.6rem;
    position: relative;
    right: auto;
    width: 100%;
  }
}
.notfound .notfound-text p {
  margin: 2.5em 0 1em;
}
@media (max-width: 768px) {
  .notfound .notfound-text p {
    margin: 1em 0 2.5em;
  }
}

@media (max-width: 768px) {
  .pager-for-pc {
    display: none;
  }
}

.pager-for-tablet {
  display: none;
}
@media (max-width: 768px) {
  .pager-for-tablet {
    display: block;
  }
}

.pager {
  display: block;
  margin: 0 auto;
  text-align: center;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .pager {
    padding: 0 20px;
  }
}
@media (max-width: 768px) {
  .pager {
    padding: 0;
  }
}
.pager .page-numbers {
  color: #000;
  font-size: 1.8rem;
  display: inline-block;
  padding: 5px 10px;
}
.pager .page-numbers:hover {
  opacity: 1;
  text-decoration: none;
  transform: scale3d(1.2, 1.2, 1);
}
@media (max-width: 768px) {
  .pager .page-numbers:hover {
    transform: none;
  }
}
.pager .current {
  border-bottom: solid 1px #707070;
  font-weight: 500;
}
.pager .current:hover {
  transform: none;
}

.news-contents p {
  line-height: 2.5;
  margin: 1em auto 2.5em;
}
.news-contents table {
  border: solid 1px #000;
  margin: 1em 0 2.5em;
}
.news-contents table td {
  border: solid 1px #000;
  padding: 10px 15px;
}
.news-contents form {
  background: #fee100;
  font-weight: 500;
  margin: 1em 0 2.5em;
  padding: 30px 10%;
  text-align: center;
  width: 100%;
}
@media (max-width: 768px) {
  .news-contents form {
    padding: 30px 5%;
  }
}
.news-contents form input {
  border: none;
  font-weight: 200;
  outline: none;
  padding: 10px 5px;
  text-align: center;
  width: 70%;
}
@media (max-width: 768px) {
  .news-contents form input {
    width: 100%;
  }
}
.news-contents form input:focus {
  box-shadow: 0 0 15px #aaa;
}
.news-contents form p {
  margin: 1.5em 0;
}
.news-contents form .wpcf7-form-control.wpcf7-submit {
  background: #000;
  border: none;
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.5em;
  margin: 4em auto 0;
  padding: 10px 5px;
  width: 100%;
}
@media (max-width: 768px) {
  .news-contents form .wpcf7-form-control.wpcf7-submit {
    margin: 1em auto 0;
  }
}
.news-contents form .wpcf7-form-control.wpcf7-submit:hover {
  box-shadow: 0 0 15px #aaa;
}

/* LOGO ロゴデザイン */
.header-logodesign {
  background-image: url("images/logo/header-logo@2x.jpg");
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: contain;
  height: auto;
  padding-bottom: calc(20% + 220px - 35px);
  position: relative;
  width: calc(50% + 550px);
}
@media (min-width: 1px) and (max-width: 1240px) {
  .header-logodesign {
    background-size: contain;
    padding-bottom: 40%;
    width: 100%;
  }
}

.logodesign-title-wrap {
  padding: 45px 0 80px;
  text-align: center;
}
@media (max-width: 768px) {
  .logodesign-title-wrap {
    padding: 30px 0 60px;
  }
}

.logo-title {
  background: linear-gradient(transparent 50%, #FFE100 50%);
  display: inline-block;
  font-size: 4rem;
  font-weight: 600;
  letter-spacing: 0;
  margin: 0 auto;
  padding: 0 60px;
  text-align: center;
}
@media (max-width: 768px) {
  .logo-title {
    background: linear-gradient(transparent 70%, #FFE100 70%);
    font-size: 2rem;
    padding: 0 40px 10px;
  }
}
@media (max-width: 365px) {
  .logo-title {
    font-size: 1.8rem;
    padding: 0 25px 10px;
  }
}

.logo-description {
  color: #565656;
  line-height: 2;
  margin: 0 auto;
  padding: 0 0 80px;
  width: 76%;
}
@media (max-width: 768px) {
  .logo-description {
    padding: 0 0 45px;
    text-align: justify;
    width: 100%;
  }
}

.logo-textLink-wrap {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  padding: 0 0 152px;
  text-align: right;
  width: 547px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .logo-textLink-wrap {
    padding: 0 0 100px;
  }
}
@media (max-width: 768px) {
  .logo-textLink-wrap {
    padding: 0 0 60px;
    width: 100%;
  }
}

.logo-client-wrap {
  padding: 0 0 90px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .logo-client-wrap {
    margin: 0 auto;
    width: 92%;
  }
}
@media (max-width: 768px) {
  .logo-client-wrap {
    width: 100%;
  }
}
.logo-client-wrap .logo-client-name {
  font-size: 3rem;
  font-weight: 300;
}
@media (max-width: 768px) {
  .logo-client-wrap .logo-client-name {
    font-size: 2rem;
  }
}
.logo-client-wrap .logo-client-result-wrap {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.logo-client-wrap .logo-client-result-wrap .logo-client-result {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  height: auto;
  max-width: 500px;
  width: 45%;
}
@media (max-width: 768px) {
  .logo-client-wrap .logo-client-result-wrap .logo-client-result {
    margin: 0 0 30px;
    width: 100%;
  }
}

.logodesign-client-buttons {
  padding: 8px 0;
}

.logo-price-wrap {
  background-image: url("images/logo/logo-price-back.jpg");
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
  margin-bottom: 183px;
  height: 152px;
  text-align: center;
}
@media (max-width: 768px) {
  .logo-price-wrap {
    text-align: center;
    margin-bottom: 150px;
    width: 100%;
  }
}
.logo-price-wrap .logo-price {
  font-size: 4rem;
  font-weight: 600;
}
@media (max-width: 768px) {
  .logo-price-wrap .logo-price {
    line-height: 1.2;
    font-size: 3rem;
  }
}
@media (max-width: 365px) {
  .logo-price-wrap .logo-price {
    font-size: 2.6rem;
  }
}
.logo-price-wrap .logo-price .idea {
  font-size: 6rem;
}
@media (max-width: 768px) {
  .logo-price-wrap .logo-price .idea {
    font-size: 5rem;
  }
}
@media (max-width: 365px) {
  .logo-price-wrap .logo-price .idea {
    font-size: 4rem;
  }
}
.logo-price-wrap .logo-price .price {
  font-size: 8rem;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .logo-price-wrap .logo-price .price {
    font-size: 5rem;
  }
}
@media (max-width: 365px) {
  .logo-price-wrap .logo-price .price {
    font-size: 4rem;
  }
}
.logo-price-wrap .logo-price .yen {
  font-size: 2.6rem;
}
@media (max-width: 365px) {
  .logo-price-wrap .logo-price .yen {
    font-size: 2rem;
  }
}

.logo-designerMessage-wrap {
  padding: 0;
  text-align: center;
}
@media (max-width: 768px) {
  .logo-designerMessage-wrap {
    padding: 0 0 70px;
  }
}
.logo-designerMessage-wrap .logo-designerMessage {
  border-bottom: solid 5px #DD0101;
  display: inline-block;
  font-size: 3.2rem;
  margin: 0 0 57px;
  padding: 0 0 6px;
}
@media (max-width: 768px) {
  .logo-designerMessage-wrap .logo-designerMessage {
    font-size: 2rem;
    letter-spacing: 0;
    margin: 0 0 45px;
  }
}
@media (max-width: 365px) {
  .logo-designerMessage-wrap .logo-designerMessage {
    font-size: 1.6rem;
  }
}
.logo-designerMessage-wrap .logo-designerMessage-text {
  color: #565656;
  line-height: 2;
  margin: 0 auto;
  padding: 0 0 25px;
  width: 76%;
}
@media (max-width: 768px) {
  .logo-designerMessage-wrap .logo-designerMessage-text {
    padding: 0 0 45px;
    text-align: justify;
    width: 100%;
  }
}

.footer-setplan-lead-text {
  background: #fff;
  font-size: 2rem;
  font-weight: 100;
  height: 135px;
  margin: 60px auto 45px;
  max-width: 520px;
  padding: 14px 25px;
}
@media (max-width: 768px) {
  .footer-setplan-lead-text {
    padding: 15px 15px 190px;
  }
}
@media (max-width: 580px) {
  .footer-setplan-lead-text {
    display: block;
    font-size: 1.4rem;
    margin: 0 auto 30px;
    padding: 15px 15px 170px;
    text-align: left;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .footer-setplan-lead-text .chirashi {
    line-height: 1.5;
    margin: 0 0 30px;
  }
}
.footer-setplan-lead-text .plan {
  border-bottom: solid 4px #000;
  display: inline-block;
  font-weight: 400;
  line-height: 0;
  margin: 60px 0 -20px -10px;
  position: relative;
  top: -60px;
  left: 245px;
}
@media (max-width: 768px) {
  .footer-setplan-lead-text .plan {
    font-size: 2.6rem;
    top: 10px;
    left: 100px;
    letter-spacing: 0;
    margin: 0 auto;
    text-align: center;
  }
}
@media (max-width: 580px) {
  .footer-setplan-lead-text .plan {
    font-size: 1.4rem;
    top: 0;
    left: 18px;
  }
}
@media (max-width: 365px) {
  .footer-setplan-lead-text .plan {
    left: 5px;
  }
}
.footer-setplan-lead-text .plan .price {
  font-weight: 600;
  font-style: normal;
  font-size: 5rem;
  letter-spacing: 1;
}
@media (max-width: 768px) {
  .footer-setplan-lead-text .plan .price {
    font-size: 6rem;
  }
}
@media (max-width: 365px) {
  .footer-setplan-lead-text .plan .price {
    font-size: 4rem;
  }
}
.footer-setplan-lead-text .plan .manen {
  display: inline-block;
  font-size: 2rem;
  letter-spacing: 0;
  padding: 0 0 20px 10px;
}
@media (max-width: 768px) {
  .footer-setplan-lead-text .plan .manen {
    font-size: 2.6rem;
    padding: 0 0 15px;
  }
}
@media (max-width: 580px) {
  .footer-setplan-lead-text .plan .manen {
    font-size: 2rem;
  }
}
.footer-setplan-lead-text .plan .manen .zeinuki {
  font-size: 1.3rem;
  letter-spacing: -0.1em;
}
.footer-setplan-lead-text .plan .manen .kara {
  font-size: 2rem;
}

/* dnp */
.dnp-subTitle {
  border-bottom: solid 5px #000;
  border-top: solid 5px #000;
  font-size: 3.2rem;
  line-height: 2;
  margin: 25px auto 44px;
  max-width: 240px;
  text-align: center;
}
@media (max-width: 768px) {
  .dnp-subTitle {
    font-size: 2.4rem;
  }
}
@media (max-width: 580px) {
  .dnp-subTitle {
    line-height: 1.5;
    padding: 5px 0;
    width: 100%;
  }
}
@media (max-width: 365px) {
  .dnp-subTitle {
    font-size: 1.8rem;
  }
}

.dnp-lineUp-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
  max-width: 848px;
  padding: 0 0 50px;
}
.dnp-lineUp-item {
  text-align: center;
  margin: 0 3%;
  padding: 0 0 50px;
}
@media (max-width: 768px) {
  .dnp-lineUp-item {
    padding: 0 0 30px;
  }
}
@media (max-width: 580px) {
  .dnp-lineUp-item {
    width: 40%;
  }
}
@media (max-width: 580px) {
  .dnp-lineUp-item.is-hako {
    width: 100%;
  }
}
.dnp-lineUp-item .dnp-lineUp-item-name {
  font-size: 1.8rem;
  font-weight: 500;
  text-align: center;
  padding: 10px 0 0;
}
@media (max-width: 768px) {
  .dnp-lineUp-item .dnp-lineUp-item-name {
    font-size: 1.6rem;
  }
}
@media (max-width: 365px) {
  .dnp-lineUp-item .dnp-lineUp-item-name {
    font-size: 1.4rem;
  }
}

.dnp-button-wrap {
  padding: 90px 0 0;
}
@media (max-width: 768px) {
  .dnp-button-wrap {
    margin: 0 auto;
    width: 86%;
  }
}

.dnp-description {
  color: #565656;
  line-height: 2;
  margin: 0 auto;
  padding: 0 0 100px;
  width: 56%;
}
@media (max-width: 768px) {
  .dnp-description {
    padding: 0 0 45px;
    text-align: justify;
    width: 100%;
  }
}

.dnp-price {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .dnp-price {
    margin: 0 auto;
    width: 90%;
  }
}
@media (max-width: 768px) {
  .dnp-price {
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
  }
}
.dnp-price.is-web {
  margin: 0 auto;
  width: 92%;
}
.dnp-price .dnp-price-item {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  width: 32%;
  margin-bottom: 65px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .dnp-price .dnp-price-item {
    margin: 0 0 60px;
  }
}
@media (max-width: 768px) {
  .dnp-price .dnp-price-item {
    width: 75%;
  }
}
@media (max-width: 580px) {
  .dnp-price .dnp-price-item {
    width: 100%;
  }
}
.dnp-price .dnp-price-item.is-dammy {
  margin: 0;
  box-shadow: none;
}
.dnp-price .dnp-price-item.is-web {
  width: 47%;
}
@media (max-width: 768px) {
  .dnp-price .dnp-price-item.is-web {
    width: 75%;
  }
}
@media (max-width: 580px) {
  .dnp-price .dnp-price-item.is-web {
    width: 100%;
  }
}
.dnp-price .dnp-price-item .dnp-price-item-title-wrap {
  background-color: #ffe100;
  height: 129px;
  position: relative;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .dnp-price .dnp-price-item .dnp-price-item-title-wrap {
    height: 90px;
  }
}
@media (max-width: 768px) {
  .dnp-price .dnp-price-item .dnp-price-item-title-wrap {
    height: 110px;
  }
}
.dnp-price .dnp-price-item .dnp-price-item-title-wrap .dnp-price-item-title {
  font-size: 5rem;
  text-align: center;
  line-height: 1.1;
  position: absolute;
  top: -48px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .dnp-price .dnp-price-item .dnp-price-item-title-wrap .dnp-price-item-title {
    font-size: 4rem;
    top: -38px;
  }
}
@media (max-width: 768px) {
  .dnp-price .dnp-price-item .dnp-price-item-title-wrap .dnp-price-item-title {
    font-size: 3.6rem;
    top: -38px;
  }
}
.dnp-price .dnp-price-item .dnp-price-item-title-wrap .dnp-price-item-title .pattern {
  font-size: 8rem;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .dnp-price .dnp-price-item .dnp-price-item-title-wrap .dnp-price-item-title .pattern {
    font-size: 6rem;
  }
}
@media (max-width: 768px) {
  .dnp-price .dnp-price-item .dnp-price-item-title-wrap .dnp-price-item-title .pattern {
    font-size: 6.4rem;
  }
}
.dnp-price .dnp-price-item .dnp-price-item-title-wrap .dnp-price-item-title .lot {
  font-size: 2.5rem;
  letter-spacing: 0;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .dnp-price .dnp-price-item .dnp-price-item-title-wrap .dnp-price-item-title .lot {
    font-size: 1.5rem;
  }
}
@media (max-width: 768px) {
  .dnp-price .dnp-price-item .dnp-price-item-title-wrap .dnp-price-item-title .lot {
    font-size: 2rem;
  }
}
@media (max-width: 365px) {
  .dnp-price .dnp-price-item .dnp-price-item-title-wrap .dnp-price-item-title .lot {
    font-size: 1.6rem;
  }
}
.dnp-price .dnp-price-item .dnp-price-item-title-wrap .dnp-price-item-title .lot.is-web {
  line-height: 0.8;
}
.dnp-price .dnp-price-item .dnp-price-item-title-wrap .dnp-price-item-title .dnp-price-item-title-web {
  display: block;
  line-height: 0.6;
}
.dnp-price .dnp-price-item .dnp-price-item-title-wrap .dnp-price-item-title .dnp-price-item-title-web .detail {
  font-size: 2rem;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .dnp-price .dnp-price-item .dnp-price-item-title-wrap .dnp-price-item-title .dnp-price-item-title-web .detail {
    font-size: 1.4rem;
  }
}
.dnp-price .dnp-price-item .dnp-price-item-text-wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding: 27px 0 27px 0;
  min-height: 650px;
  margin: 0 auto;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .dnp-price .dnp-price-item .dnp-price-item-text-wrap {
    min-height: 500px;
  }
}
@media (max-width: 768px) {
  .dnp-price .dnp-price-item .dnp-price-item-text-wrap {
    display: block;
    min-height: 0px;
  }
}
@media (max-width: 580px) {
  .dnp-price .dnp-price-item .dnp-price-item-text-wrap {
    height: auto;
  }
}
.dnp-price .dnp-price-item .dnp-price-item-text-wrap.is-web {
  min-height: 400px;
}
@media (max-width: 768px) {
  .dnp-price .dnp-price-item .dnp-price-item-text-wrap.is-web {
    display: block;
    min-height: 0px;
  }
}
@media (max-width: 580px) {
  .dnp-price .dnp-price-item .dnp-price-item-text-wrap.is-web {
    height: auto;
  }
}
.dnp-price .dnp-price-item .web-price {
  border-top: 1px solid #707070;
  font-size: 5rem;
  font-weight: 600;
  letter-spacing: 0;
  margin: 0 auto;
  padding: 0 0 14px;
  text-align: right;
  width: 90%;
}
.dnp-price .dnp-price-item .web-price .web-price-yen {
  font-size: 2rem;
}

.dnp-price-item-text {
  border-bottom: 1px solid #707070;
  padding: 0 0 19px 43px;
  position: relative;
  margin: 0 auto;
  width: 90%;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .dnp-price-item-text {
    width: 80%;
    margin: 0 auto 20px;
  }
}
@media (max-width: 768px) {
  .dnp-price-item-text {
    padding: 0 0 19px 40px;
    width: 90%;
  }
}
@media (max-width: 580px) {
  .dnp-price-item-text {
    width: 86%;
  }
}
.dnp-price-item-text:last-child {
  border-bottom: none;
}
.dnp-price-item-text.is-option {
  text-align: center;
  line-height: 3em;
  margin: 0 auto;
  padding: 0;
}
.dnp-price-item-text.is-reprint {
  font-size: 2.5rem;
  text-align: center;
  line-height: 3.2em;
  margin: 0 auto;
  padding: 0;
}
@media (max-width: 768px) {
  .dnp-price-item-text.is-reprint {
    font-size: 2rem;
  }
}
@media (max-width: 365px) {
  .dnp-price-item-text.is-reprint {
    line-height: 1.6em;
  }
}
.dnp-price-item-text.is-reprint .is-reprint-description {
  color: #565656;
  font-size: 1.6rem;
  padding: 0 0 40px;
}
@media (max-width: 768px) {
  .dnp-price-item-text.is-reprint .is-reprint-description {
    padding: 0 0 20px;
  }
}
@media (max-width: 365px) {
  .dnp-price-item-text.is-reprint .is-reprint-description {
    padding: 10px 0 40px;
  }
}
.dnp-price-item-text.is-web {
  border-bottom: none;
  font-size: 2.5rem;
  padding: 0 0 0 63px;
  margin: 0 auto;
  width: 80%;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .dnp-price-item-text.is-web {
    font-size: 2.2rem;
    margin: 0;
    padding: 0 0 10px 43px;
    width: 90%;
  }
}
@media (max-width: 768px) {
  .dnp-price-item-text.is-web {
    font-size: 2rem;
    margin: 0 auto;
    padding: 0 0 10px 0;
    width: 90%;
  }
}
@media (max-width: 365px) {
  .dnp-price-item-text.is-web {
    font-size: 1.6rem;
    line-height: 1.6em;
  }
}
.dnp-price-item-text.is-webOp {
  border-bottom: none;
  font-size: 2rem;
  margin: 0 auto;
  padding: 0 0 0 63px;
  width: 80%;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .dnp-price-item-text.is-webOp {
    font-size: 1.4rem;
    margin: 0;
    padding: 0 0 10px 43px;
    width: 90%;
  }
}
@media (max-width: 768px) {
  .dnp-price-item-text.is-webOp {
    margin: 0 auto;
    padding: 0 0 10px 0;
    width: 90%;
  }
}
.dnp-price-item-text .category {
  font-size: 2.5rem;
  font-weight: 300;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .dnp-price-item-text .category {
    font-size: 2.3rem;
  }
}
@media (max-width: 768px) {
  .dnp-price-item-text .category {
    font-size: 2rem;
  }
}
@media (max-width: 580px) {
  .dnp-price-item-text .category {
    font-size: 2.2rem;
  }
}
@media (max-width: 365px) {
  .dnp-price-item-text .category {
    font-size: 2rem;
  }
}
.dnp-price-item-text .category.is-price::before {
  background: #ffe100;
  border-radius: 35px;
  content: "";
  display: inline-block;
  height: 35px;
  position: absolute;
  left: 0px;
  width: 35px;
}
@media (max-width: 768px) {
  .dnp-price-item-text .category.is-price::before {
    height: 28px;
    width: 28px;
  }
}
.dnp-price-item-text .price {
  font-size: 2.2rem;
  font-weight: 500;
  letter-spacing: 0;
}
@media (max-width: 365px) {
  .dnp-price-item-text .price {
    font-size: 1.8rem;
  }
}
.dnp-price-item-text .yen {
  font-size: 1.4rem;
  font-weight: 500;
}
.dnp-price-item-text .ps {
  font-size: 2rem;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .dnp-price-item-text .ps {
    font-size: 1.8rem;
  }
}

.dnp-option-wrap {
  padding: 0 0 40px;
}
.dnp-option-wrap .dnp-option-title {
  background-color: #ffe100;
  font-size: 2.5rem;
  text-align: center;
  padding: 15px 0;
}

/* web */
.web-point .web-point-item {
  display: flex;
  justify-content: space-between;
  padding: 0 0 135px;
}
@media (max-width: 768px) {
  .web-point .web-point-item {
    flex-wrap: wrap;
    padding: 0 0 60px;
  }
}
.web-point .web-point-item .web-point-item-image-wrap {
  text-align: center;
  margin: auto;
  width: 50%;
}
@media (max-width: 768px) {
  .web-point .web-point-item .web-point-item-image-wrap {
    margin: 0 auto 20px;
    width: 60%;
  }
}
.web-point .web-point-item .web-point-item-description {
  color: #565656;
  width: 50%;
}
.web-point .web-point-item .web-point-item-description.is-pc-tereko {
  order: -1;
}
@media (max-width: 768px) {
  .web-point .web-point-item .web-point-item-description.is-pc-tereko {
    order: 0;
  }
}
@media (max-width: 768px) {
  .web-point .web-point-item .web-point-item-description {
    width: 100%;
  }
}
.web-point .web-point-item .web-point-item-description .web-point-item-description-title {
  border-bottom: 3px solid #ffe100;
  font-size: 2rem;
  font-weight: 600;
  margin: 0 0 30px;
  padding: 0 30px 20px;
}
@media (max-width: 768px) {
  .web-point .web-point-item .web-point-item-description .web-point-item-description-title {
    text-align: center;
    padding: 0 0 5px;
  }
}
.web-point .web-point-item .web-point-item-description .web-point-item-description-text {
  line-height: 2;
  padding: 0 30px 0;
}
@media (max-width: 768px) {
  .web-point .web-point-item .web-point-item-description .web-point-item-description-text {
    padding: 0;
    text-align: justify;
  }
}

.web-type {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: -44px auto 0;
  padding: 0 0 10px;
}
@media (max-width: 768px) {
  .web-type {
    display: block;
  }
}
@media (max-width: 580px) {
  .web-type {
    margin: 0;
  }
}
.web-type .web-type-item {
  text-align: center;
  margin: 0 60px 0;
}
@media (max-width: 768px) {
  .web-type .web-type-item {
    margin: 0 0 30px;
  }
}
.web-type .web-type-item .web-type-item-title {
  border-bottom: 5px solid #fff;
  display: inline-block;
  font-size: 11rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 0.9;
  position: relative;
  margin: 0 0 35px;
}
@media (max-width: 768px) {
  .web-type .web-type-item .web-type-item-title {
    font-size: 8rem;
    margin: 0 0 15px;
  }
}
.web-type .web-type-item .web-type-item-title::after {
  background-image: url("images/web/icon-house-white@2x.png");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  position: absolute;
  top: 60px;
  right: -50px;
  height: 47px;
  width: 52px;
}
@media (max-width: 768px) {
  .web-type .web-type-item .web-type-item-title::after {
    top: 30px;
  }
}
.web-type .web-type-item .web-type-item-title.is-ec::after {
  background-image: url("images/web/icon-ec-white@2x.png");
  height: 47px;
  width: 52px;
}
.web-type .web-type-item .web-type-item-title.is-lp::after {
  background-image: url("images/web/icon-lp-white@2x.png");
  top: 55px;
  right: -58px;
  height: 65px;
  width: 59px;
}
@media (max-width: 768px) {
  .web-type .web-type-item .web-type-item-title.is-lp::after {
    top: 20px;
  }
}
.web-type .web-type-item .web-type-item-text {
  font-size: 2.5rem;
  font-weight: 500;
  letter-spacing: -0.1em;
  line-height: 1.4;
}
@media (max-width: 768px) {
  .web-type .web-type-item .web-type-item-text {
    font-size: 2rem;
  }
}
.web-type .web-type-item .web-type-item-smallText {
  font-size: 2rem;
  letter-spacing: -0.05em;
  line-height: 0.5;
}

.web-service {
  padding: 70px 0 0;
}
@media (max-width: 768px) {
  .web-service {
    padding: 30px 0 0;
  }
}
.web-service .web-service-title {
  align-items: center;
  border-bottom: 5px solid #ffe100;
  display: flex;
  font-size: 3rem;
  justify-content: space-between;
  line-height: 0.4;
  margin: 0 0 45px;
  padding: 0 5px 0 29px;
}
@media (max-width: 768px) {
  .web-service .web-service-title {
    flex-wrap: wrap;
    font-size: 2.6rem;
    line-height: 1.5;
    padding: 0;
    width: 100%;
  }
}
.web-service .web-service-title .web-service-title-en {
  color: #ffe100;
  font-size: 5rem;
  padding: 0 0 20px;
}
@media (max-width: 768px) {
  .web-service .web-service-title .web-service-title-en {
    font-size: 4rem;
    padding: 0;
  }
}
.web-service .web-service-item {
  display: flex;
  justify-content: space-between;
  padding: 0 0 70px;
}
@media (max-width: 768px) {
  .web-service .web-service-item {
    flex-wrap: wrap;
    padding: 0 0 50px;
  }
}
.web-service .web-service-item .web-service-item-image-wrap {
  text-align: center;
  margin: auto;
  width: 50%;
}
@media (max-width: 768px) {
  .web-service .web-service-item .web-service-item-image-wrap {
    margin: 0 auto 30px;
    width: 60%;
  }
}
.web-service .web-service-item .web-service-item-description {
  color: #565656;
  width: 50%;
}
@media (max-width: 768px) {
  .web-service .web-service-item .web-service-item-description {
    width: 100%;
  }
}
.web-service .web-service-item .web-service-item-description .web-service-item-description-title {
  font-size: 2.5rem;
  font-weight: 400;
  padding: 0 0 25px 43px;
  position: relative;
}
@media (max-width: 768px) {
  .web-service .web-service-item .web-service-item-description .web-service-item-description-title {
    padding: 0 0 5px 35px;
  }
}
.web-service .web-service-item .web-service-item-description .web-service-item-description-title::before {
  background: #ffe100;
  border-radius: 35px;
  content: "";
  display: inline-block;
  height: 35px;
  position: absolute;
  left: 0px;
  width: 35px;
}
@media (max-width: 768px) {
  .web-service .web-service-item .web-service-item-description .web-service-item-description-title::before {
    top: 4px;
    height: 28px;
    width: 28px;
  }
}
.web-service .web-service-item .web-service-item-description .web-service-item-description-text {
  line-height: 2;
  padding: 0 0 47px;
  text-align: justify;
}
.web-service .web-service-item .web-service-item-description .web-service-item-description-text .web-service-item-description-smallText {
  font-size: 1.5rem;
}

/* WORKS 制作実績 */
@media (min-width: 1px) and (max-width: 1240px) {
  .header-works {
    padding: 0 0 100px 20px;
  }
}
@media (max-width: 768px) {
  .header-works {
    padding: 0;
  }
}
.header-works .page-title {
  text-align: left;
}
.header-works .header-works-headline {
  display: block;
  font-size: 2.3rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.4;
  padding: 35px 0 10px;
  position: relative;
  z-index: 2;
}
@media (max-width: 768px) {
  .header-works .header-works-headline {
    font-size: 2rem;
    padding: 30px 0 10px;
  }
}
@media (max-width: 365px) {
  .header-works .header-works-headline {
    font-size: 1.6rem;
  }
}
.header-works .header-works-text {
  font-size: 1.6rem;
  line-height: 2;
  width: 340px;
}
@media (max-width: 768px) {
  .header-works .header-works-text {
    width: 100%;
  }
}
.header-works .header-works-image {
  position: absolute;
  right: 150px;
  top: 5px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .header-works .header-works-image {
    padding: 0 0 0 400px;
    right: auto;
  }
}
@media (max-width: 768px) {
  .header-works .header-works-image {
    padding: 0;
    position: relative;
    top: -25px;
  }
}
.header-works .header-works-image img {
  height: auto;
  max-width: 100%;
}
.header-works .header-category-link {
  padding: 320px 0 0;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .header-works .header-category-link {
    padding: 40px 0;
  }
}
@media (max-width: 768px) {
  .header-works .header-category-link {
    padding: 20px 0 0;
  }
}

.body-works {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 90px 0;
  max-width: 950px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .body-works {
    margin: 90px 0 90px 20px;
    max-width: 850px;
  }
}
@media (max-width: 768px) {
  .body-works {
    margin: 20px 0;
  }
}
.body-works .works-client {
  margin: 60px 0;
  width: 430px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .body-works .works-client {
    width: 45%;
  }
}
@media (max-width: 580px) {
  .body-works .works-client {
    margin: 40px auto;
    width: 100%;
  }
}
.body-works .works-client .works-client-title {
  align-items: center;
  font-size: 3rem;
  font-weight: 500;
  display: flex;
  height: 80px;
  letter-spacing: 0.1em;
  line-height: 1.3;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .body-works .works-client .works-client-title {
    font-size: 2.8rem;
  }
}
@media (max-width: 768px) {
  .body-works .works-client .works-client-title {
    font-size: 2.2rem;
  }
}
.body-works .works-client .works-client-body {
  border-left: solid 1px #707070;
  margin: 0 0 0 16px;
  padding: 25px 0 0 21px;
}
@media (max-width: 580px) {
  .body-works .works-client .works-client-body {
    margin: 0 0 0 10px;
    padding: 20px 0 0 15px;
  }
}
.body-works .works-client .works-client-body img {
  height: auto;
  max-width: 100%;
}

@media (min-width: 1px) and (max-width: 1240px) {
  .footer-works {
    margin: 0 0 0 20px;
  }
}
@media (max-width: 768px) {
  .footer-works {
    margin: 0;
  }
}

/* WORKS-CATEGORY 制作実績・カテゴリー別 */
@media (min-width: 1px) and (max-width: 1240px) {
  .header-works-category {
    padding: 0 0 0 20px;
  }
}
@media (max-width: 768px) {
  .header-works-category {
    padding: 0;
  }
}
.header-works-category .page-title {
  text-align: left;
}
.header-works-category .header-category-link {
  left: 410px;
  position: absolute;
  top: 75px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .header-works-category .header-category-link {
    left: 350px;
    top: 65px;
  }
}
@media (max-width: 768px) {
  .header-works-category .header-category-link {
    left: auto;
    position: relative;
    top: auto;
  }
}

.works-category {
  background-color: #FFE100;
  margin: 120px 0;
  width: calc(50% + 550px);
}
@media (min-width: 1px) and (max-width: 1240px) {
  .works-category {
    margin: 80px 0;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .works-category {
    margin: 60px 0;
  }
}
.works-category .list-works-category {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style: none;
  margin: 0 0 0 auto;
  max-width: 1100px;
  padding: 30px 60px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .works-category .list-works-category {
    padding: 30px;
  }
}
@media (max-width: 768px) {
  .works-category .list-works-category {
    justify-content: flex-start;
    padding: 20px 0 40px;
  }
}
.works-category .list-works-category li {
  align-items: flex-start;
  display: flex;
  font-weight: 500;
  justify-content: center;
  line-height: 1.8;
  margin: 0 auto;
  padding: 15px 10px;
  text-align: center;
  width: 20%;
}
@media (max-width: 768px) {
  .works-category .list-works-category li {
    line-height: 1.6;
    width: 25%;
  }
}
@media (max-width: 580px) {
  .works-category .list-works-category li {
    width: 50%;
  }
}
.works-category .list-works-category li a {
  text-decoration: none;
}
.works-category .list-works-category li a:hover {
  text-decoration: none;
}
.works-category .list-works-category li img {
  height: auto;
  max-width: 100%;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .works-category .list-works-category li img {
    max-height: 100px;
    width: auto;
  }
}
@media (max-width: 365px) {
  .works-category .list-works-category li img {
    height: 65px;
  }
}

.works-group-title {
  font-size: 3rem;
  font-weight: 500;
  margin: 100px auto 30px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .works-group-title {
    margin: 100px 0 30px 20px;
  }
}
@media (max-width: 580px) {
  .works-group-title {
    font-size: 2rem;
    line-height: 2;
  }
}

.works-group {
  border-left: solid 1px #707070;
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 100px 16px;
  max-width: 998px;
  padding: 15px 0 0 21px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .works-group {
    margin: 0 0 100px 20px;
  }
}
@media (max-width: 768px) {
  .works-group {
    justify-content: space-between;
  }
}
.works-group .works-group-item {
  margin: 10px 27px 10px 0;
  width: 298px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .works-group .works-group-item {
    margin: 10px 2% 0 0;
    width: 31%;
  }
}
@media (max-width: 768px) {
  .works-group .works-group-item {
    margin: 10px 0;
    width: 48%;
  }
}
@media (max-width: 580px) {
  .works-group .works-group-item {
    margin: 0 auto 50px;
    width: 100%;
  }
}
.works-group .works-group-item-image {
  height: auto;
  width: 100%;
}
.works-group .works-group-item-client-name {
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1.5;
}
.works-group .works-group-item-client-name a {
  display: block;
}
.works-group .works-group-link {
  width: 100%;
}

/* クライアント別 */
.works-client .works-client-eyecatch {
  border-bottom: solid 1px #707070;
  margin: 90px 0;
  width: calc(50% + 400px);
}
@media (min-width: 1px) and (max-width: 1240px) {
  .works-client .works-client-eyecatch {
    width: 93%;
  }
}
.works-client .works-client-title {
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.3;
  margin: 0 0 0 auto;
  max-width: 950px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .works-client .works-client-title {
    margin: 0 0 0 18px;
  }
}
@media (max-width: 768px) {
  .works-client .works-client-title {
    margin: 0 0 0 5%;
  }
}
.works-client .works-client-eyecatch-image {
  border-left: solid 1px #707070;
  margin: 20px 0 0 auto;
  padding: 48px 0 80px 60px;
  max-width: 910px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .works-client .works-client-eyecatch-image {
    margin: 20px 0 0 2%;
    padding: 48px 0 8% 5%;
  }
}
@media (max-width: 768px) {
  .works-client .works-client-eyecatch-image {
    margin: 10px 0 0 5%;
    padding: 48px 0 8% 8%;
  }
}
.works-client .works-client-eyecatch-image img {
  display: block;
  height: auto;
  max-width: 100%;
}
.works-client .works-industry {
  font-size: 2.4rem;
  font-weight: 300;
  margin: 0;
  padding: 35px 0 20px;
  position: relative;
}
@media (max-width: 768px) {
  .works-client .works-industry {
    padding: 20px 0 20px;
  }
}
.works-client .works-area {
  font-size: 1.2rem;
}
.works-client .works-client-text {
  font-size: 1.6rem;
  padding: 0 0 30px;
}
.works-client .works-tag-cloud {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  max-width: 530px;
  padding: 0;
}
.works-client .works-tag-cloud li {
  border: solid 1px #707070;
  border-radius: 5px;
  color: #707070;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1;
  margin: 0 4px 4px 0;
  padding: 4px 8px;
}

.works-client-creatives {
  list-style: none;
  padding: 0;
  margin: 175px auto 120px;
  max-width: 1100px;
  position: relative;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .works-client-creatives {
    margin: 100px 0;
  }
}
.works-client-creatives li {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .works-client-creatives li {
    flex-direction: column;
    padding: 0 0 0 5%;
    width: 93%;
  }
}
.works-client-creatives li:last-child {
  border-bottom: solid 1px #707070;
}
.works-client-creatives .works-client-summary {
  border-right: solid 1px #707070;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 30px 10px 120px;
  width: 374px;
}
@media (max-width: 768px) {
  .works-client-creatives .works-client-summary {
    border-left: solid 1px #707070;
    border-right: none;
    margin: 0;
    padding: 60px 0 5px 8%;
    width: 100%;
  }
}
.works-client-creatives .works-client-summary .works-client-summary-info {
  font-size: 1.8rem;
  font-weight: 500;
}
.works-client-creatives .works-client-summary .works-client-summary-text {
  font-size: 1.6rem;
  font-weight: 300;
}
.works-client-creatives .works-client-image {
  padding: 0 0 120px 55px;
  width: 726px;
}
@media (max-width: 768px) {
  .works-client-creatives .works-client-image {
    border-left: solid 1px #707070;
    margin: 0;
    padding: 5px 0 20px 8%;
    width: 100%;
  }
}
/* WOMEN 女性起業家様へ */
.header-women {
  background-image: url("images/women/header-women@2x.jpg");
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: contain;
  height: auto;
  padding-bottom: calc(20% + 220px - 35px);
  position: relative;
  width: calc(50% + 550px);
}
@media (min-width: 1px) and (max-width: 1240px) {
  .header-women {
    background-size: contain;
    padding-bottom: 40%;
    width: 100%;
  }
}
.header-women .page-title {
  line-height: 1;
  margin: 0 auto 25px;
}
@media (max-width: 768px) {
  .header-women .page-title {
    font-size: 4rem;
    letter-spacing: -0.02em;
  }
}
@media (max-width: 365px) {
  .header-women .page-title {
    font-size: 3rem;
  }
}

.women-message {
  margin: 0 auto;
  max-width: 730px;
  width: 86%;
}
.women-message .women-special-price {
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 1.2;
  margin: 90px auto 70px;
  text-align: center;
}
@media (max-width: 580px) {
  .women-message .women-special-price {
    font-size: 1.8rem;
    margin: 60px auto;
  }
}
.women-message .women-special-price .women-special-price-summary {
  font-size: 2rem;
}
@media (max-width: 768px) {
  .women-message .women-special-price .women-special-price-summary {
    display: inline-block;
    font-size: 1.4rem;
    margin: 15px auto;
  }
}
.women-message .women-text {
  font-size: 2rem;
  letter-spacing: 0.1em;
  line-height: 2;
  text-align: center;
}
@media (max-width: 768px) {
  .women-message .women-text {
    font-size: 1.6rem;
    letter-spacing: 0.085em;
  }
}

.women-project-flow-text {
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  margin: 25px auto;
  text-align: center;
}

.women-works-title {
  font-size: 3rem;
  font-weight: 500;
  margin: 80px auto 30px;
  width: 950px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .women-works-title {
    margin: 100px 0 30px 20px;
    width: 100%;
  }
}
@media (max-width: 580px) {
  .women-works-title {
    font-size: 1.8rem;
    line-height: 2;
    margin: 40px 0 20px;
  }
}

.women-works-group {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto 60px;
  max-width: 951px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .women-works-group {
    margin: 0 0 100px 20px;
  }
}
@media (max-width: 768px) {
  .women-works-group {
    justify-content: space-between;
  }
}
@media (max-width: 580px) {
  .women-works-group {
    margin: 0 0 40px;
  }
}
.women-works-group .women-works-group-item {
  margin: 10px 27px 10px 0;
}
.women-works-group .women-works-group-item:nth-child(3n) {
  margin-right: 0;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .women-works-group .women-works-group-item {
    margin: 10px 2% 0 0;
    width: 31%;
  }
}
@media (max-width: 768px) {
  .women-works-group .women-works-group-item {
    margin: 10px 0;
    width: 48%;
  }
}
@media (max-width: 580px) {
  .women-works-group .women-works-group-item {
    margin: 0 auto 20px;
    width: 100%;
  }
}
.women-works-group .women-works-group-item-image {
  height: auto;
  width: 100%;
}
.women-works-group .women-works-group-item-client-name {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1.5;
}
.women-works-group .women-works-group-item-client-name a {
  display: block;
}

.women-what-we-do-title {
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 2;
  margin: 50px auto 0;
  text-align: center;
}
@media (max-width: 768px) {
  .women-what-we-do-title {
    text-align: left;
  }
}

.women-what-we-do-text {
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 768px) {
  .women-what-we-do-text {
    font-size: 1.8rem;
    text-align: left;
  }
}

.list-women-benefit {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  list-style: none;
  margin: -50px auto 40px;
  max-width: 980px;
  padding: 0;
}
@media (max-width: 768px) {
  .list-women-benefit {
    margin: -110px auto 40px;
  }
}
.list-women-benefit li {
  width: 231px;
}
@media (max-width: 768px) {
  .list-women-benefit li {
    width: 100%;
  }
}
.list-women-benefit li .benefit-number {
  font-size: 12.5rem;
  font-weight: 500;
  line-height: 1;
  text-align: center;
}
@media (max-width: 768px) {
  .list-women-benefit li .benefit-number {
    margin: 50px auto 0;
  }
}
.list-women-benefit li .benefit-text {
  min-height: 8em;
}
@media (max-width: 768px) {
  .list-women-benefit li .benefit-text {
    font-size: 1.8rem;
    min-height: 0;
    margin: 0 auto 20px;
    max-width: 240px;
    text-align: center;
  }
}
.list-women-benefit li .benefit-image {
  text-align: center;
}

.women-lead-time {
  font-size: 2rem;
  margin: 30px auto;
  text-align: center;
}
@media (max-width: 768px) {
  .women-lead-time {
    margin: 10px auto;
  }
}

.women-seminar-text {
  font-size: 2rem;
  font-weight: 300;
  margin: 30px auto;
  max-width: 690px;
  text-align: center;
}
@media (max-width: 768px) {
  .women-seminar-text {
    font-size: 1.6rem;
    text-align: left;
    max-width: 334px;
  }
}
@media (max-width: 580px) {
  .women-seminar-text {
    max-width: 100%;
  }
}

.women-seminar-images {
  display: flex;
  justify-content: space-between;
  margin: 20px auto;
  max-width: 690px;
}
@media (max-width: 768px) {
  .women-seminar-images {
    flex-direction: column;
  }
}
.women-seminar-images p {
  margin: 8px auto;
}

.women-seminar-notes {
  line-height: 2;
  margin: 40px auto;
  max-width: 690px;
}
@media (max-width: 768px) {
  .women-seminar-notes {
    margin: 0 auto 20px;
    max-width: 334px;
  }
}
@media (max-width: 580px) {
  .women-seminar-notes {
    max-width: 100%;
  }
}

.women-review-item {
  margin: 40px auto 60px;
  max-width: 920px;
}
@media (max-width: 768px) {
  .women-review-item {
    max-width: 334px;
  }
}
.women-review-item .women-review-body {
  display: flex;
  justify-content: space-between;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .women-review-item .women-review-body {
    margin: 0 auto;
    padding: 0 20px;
  }
}
@media (max-width: 768px) {
  .women-review-item .women-review-body {
    flex-direction: column;
    padding: 0;
  }
}
.women-review-item .women-review-body .women-review-left {
  max-width: 360px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .women-review-item .women-review-body .women-review-left {
    width: 40%;
  }
}
@media (max-width: 768px) {
  .women-review-item .women-review-body .women-review-left {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    text-align: center;
    width: 100%;
  }
}
.women-review-item .women-review-body .women-review-client-name {
  font-size: 2.4rem;
  font-weight: 500;
  margin: 10px auto;
}
@media (max-width: 580px) {
  .women-review-item .women-review-body .women-review-client-name {
    margin: 25px 0;
    order: 2;
    text-align: left;
  }
}
@media (max-width: 580px) {
  .women-review-item .women-review-body .women-review-photo {
    order: 1;
  }
}
.women-review-item .women-review-body .women-review-photo img {
  height: auto;
  max-width: 100%;
}
.women-review-item .women-review-body .women-review-text {
  line-height: 2;
  margin: 50px 0 0;
  max-width: 545px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .women-review-item .women-review-body .women-review-text {
    width: 55%;
  }
}
@media (max-width: 768px) {
  .women-review-item .women-review-body .women-review-text {
    margin: 30px auto 0;
    order: 3;
    text-align: justify;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .women-review-item .women-review-link {
    margin: 0 auto 60px;
  }
}
@media (max-width: 580px) {
  .women-review-item .women-review-link {
    margin: 20px 0 60px;
  }
}

.contact-text {
  line-height: 2;
  margin: 80px auto;
  text-align: center;
}
@media (max-width: 768px) {
  .contact-text {
    margin: 60px auto 40px;
  }
}

.contact-another {
  margin: 0 auto 60px;
  text-align: center;
}
@media (max-width: 580px) {
  .contact-another {
    margin-bottom: 30px;
  }
}
.contact-another a {
  margin: 0 15px;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}
@media (max-width: 580px) {
  .contact-another a {
    display: block;
    margin: 15px;
  }
}
.contact-another a:hover {
  text-decoration: none;
}

.contact-form-wrap {
  background: url("images/bg-top-news-letter-gray.png");
  background-position: left top;
  background-repeat: repeat-y;
  background-size: calc(50% + 550px);
  margin: 60px auto;
  padding: 60px 0 0;
}
@media (max-width: 768px) {
  .contact-form-wrap {
    background-size: cover;
    margin: 0 auto 40px;
    padding-top: 30px;
  }
}

.contact-footer-tel {
  font-family: "Noto Sans JP", sans-serf;
  margin: 0 auto;
  max-width: 580px;
  padding: 40px 0 90px;
  text-align: center;
}
.contact-footer-tel .contact-footer-tel-title {
  display: inline-block;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1;
  padding: 0 0 10px;
}
@media (max-width: 768px) {
  .contact-footer-tel .contact-footer-tel-title {
    font-size: 1.6rem;
    letter-spacing: 0.025em;
  }
}
@media (max-width: 365px) {
  .contact-footer-tel .contact-footer-tel-title {
    font-size: 1.3rem;
    padding: 0;
  }
}
.contact-footer-tel .contact-footer-tel-body {
  border-top: solid 2px #000;
  padding: 20px 0 0;
}
@media (max-width: 768px) {
  .contact-footer-tel .contact-footer-tel-body {
    margin: 0 auto;
    width: 90%;
  }
}
@media (max-width: 580px) {
  .contact-footer-tel .contact-footer-tel-body {
    width: 100%;
  }
}
@media (max-width: 365px) {
  .contact-footer-tel .contact-footer-tel-body {
    padding: 10px 0 0;
  }
}
.contact-footer-tel .contact-footer-tel-body .contact-footer-tel-number {
  display: inline-block;
  font-size: 4.4rem;
  font-weight: 500;
  line-height: 1;
  padding: 0 0 5px;
}
@media (max-width: 768px) {
  .contact-footer-tel .contact-footer-tel-body .contact-footer-tel-number {
    font-size: 3rem;
  }
}
@media (max-width: 580px) {
  .contact-footer-tel .contact-footer-tel-body .contact-footer-tel-number {
    font-size: 2.4rem;
  }
}
@media (max-width: 365px) {
  .contact-footer-tel .contact-footer-tel-body .contact-footer-tel-number {
    font-size: 2rem;
  }
}
.contact-footer-tel .contact-footer-tel-body .contact-footer-tel-hour {
  display: inline-block;
  font-size: 1.8rem;
  font-weight: 500;
  padding: 10px 0 15px;
}
@media (max-width: 768px) {
  .contact-footer-tel .contact-footer-tel-body .contact-footer-tel-hour {
    font-size: 1.4rem;
    padding: 0 0 5px;
  }
}
@media (max-width: 365px) {
  .contact-footer-tel .contact-footer-tel-body .contact-footer-tel-hour {
    font-size: 1.1rem;
  }
}

/* CREATIOOON ウェブメディア */
.header-creatiooon {
  margin: 0 0 50px;
  width: calc(50% + 550px);
}
@media (min-width: 1px) and (max-width: 1240px) {
  .header-creatiooon {
    margin: 0 0 20px;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .header-creatiooon {
    margin: 0;
  }
}

.creatiooon-latest-post-header {
  font-size: 5rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  margin: 150px 0 -28px auto;
  width: calc(50% + 550px);
  z-index: 2;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .creatiooon-latest-post-header {
    padding: 0 20px;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .creatiooon-latest-post-header {
    font-size: 3.8rem;
    margin: 0 0 -25px 0;
    padding: 0 0 0 7%;
    width: calc(100% - 52px);
  }
}

.creatiooon-category-name-header {
  font-size: 2rem;
  font-weight: 500;
  margin: 0;
  text-align: center;
}
@media (max-width: 768px) {
  .creatiooon-category-name-header {
    font-size: 1.6rem;
    margin: -12px 0;
  }
}

/* 最新の投稿 */
.creatiooon-latest-post {
  position: relative;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .creatiooon-latest-post {
    padding: 0 20px;
  }
}
@media (max-width: 768px) {
  .creatiooon-latest-post {
    padding: 0;
  }
}
.creatiooon-latest-post:hover {
  opacity: 1;
}

.creatiooon-thumbnail {
  margin: 30px 0 20px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .creatiooon-thumbnail {
    width: 50%;
  }
}
@media (max-width: 768px) {
  .creatiooon-thumbnail {
    height: 350px;
    width: 50%;
  }
}
@media (max-width: 580px) {
  .creatiooon-thumbnail {
    height: auto;
    width: 88%;
  }
}
.creatiooon-thumbnail img {
  height: auto;
  max-width: 100%;
}

.creatiooon-latest-post-title {
  background: #fff;
  font-size: 2rem;
  left: 320px;
  letter-spacing: 0;
  line-height: 1.5;
  min-height: 125px;
  padding: 15px 20px;
  position: absolute;
  top: 0;
  -webkit-transition: transform 2.4s ease-in-out;
  -moz-transition: transform 2.4s ease-in-out;
  -ms-transition: transform 2.4s ease-in-out;
  -o-transition: transform 2.4s ease-in-out;
  transition: transform 2.4s ease-in-out;
  width: 545px;
}
.linkarea:hover .creatiooon-latest-post-title {
  transform: translate3d(20px, 10px, 0);
}
@media (min-width: 1px) and (max-width: 1240px) {
  .linkarea:hover .creatiooon-latest-post-title {
    transform: translate3d(20px, 25px, 0);
  }
}
@media (max-width: 768px) {
  .linkarea:hover .creatiooon-latest-post-title {
    transform: none;
  }
}
.creatiooon-latest-post-title a:hover {
  opacity: 1;
  text-decoration: none;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .creatiooon-latest-post-title {
    left: 35%;
    width: 55%;
  }
}
@media (max-width: 768px) {
  .creatiooon-latest-post-title {
    font-size: 1.8rem;
    left: auto;
    margin: -45% 0 0 auto;
    padding: 10px 15px;
    position: relative;
    text-align: justify;
    width: 70%;
  }
}

.creatiooon-latest-post-text {
  background: #fff;
  font-size: 1.6rem;
  height: 105px;
  left: 380px;
  letter-spacing: 0;
  line-height: 1.5;
  overflow: hidden;
  padding: 15px 20px;
  position: absolute;
  top: 145px;
  -webkit-transition: transform 1.6s ease-in-out;
  -moz-transition: transform 1.6s ease-in-out;
  -ms-transition: transform 1.6s ease-in-out;
  -o-transition: transform 1.6s ease-in-out;
  transition: transform 1.6s ease-in-out;
  width: 545px;
}
.linkarea:hover .creatiooon-latest-post-text {
  transform: translate3d(-10px, 10px, 0);
}
@media (min-width: 1px) and (max-width: 1240px) {
  .linkarea:hover .creatiooon-latest-post-text {
    transform: translate3d(-10px, 25px, 0);
  }
}
@media (max-width: 768px) {
  .linkarea:hover .creatiooon-latest-post-text {
    transform: none;
  }
}
@media (min-width: 1px) and (max-width: 1240px) {
  .creatiooon-latest-post-text {
    font-size: 1.4rem;
    height: 85px;
    left: 40%;
    padding: 10px 15px;
    width: 55%;
  }
}
@media (max-width: 768px) {
  .creatiooon-latest-post-text {
    display: none;
  }
}

.creatiooon-latest-post-read-more-wrap {
  background: #fff;
  color: #565656;
  font-size: 1.2rem;
  font-weight: 500;
  height: auto;
  left: 280px;
  letter-spacing: 0.1em;
  padding: 7px 10px;
  position: absolute;
  top: 260px;
  width: 415px;
  -webkit-transition: transform 0.8s ease-in-out;
  -moz-transition: transform 0.8s ease-in-out;
  -ms-transition: transform 0.8s ease-in-out;
  -o-transition: transform 0.8s ease-in-out;
  transition: transform 0.8s ease-in-out;
}
.linkarea:hover .creatiooon-latest-post-read-more-wrap {
  transform: translate3d(15px, -5px, 0);
}
@media (max-width: 768px) {
  .linkarea:hover .creatiooon-latest-post-read-more-wrap {
    transform: none;
  }
}
@media (min-width: 1px) and (max-width: 1240px) {
  .creatiooon-latest-post-read-more-wrap {
    width: 45%;
  }
}
@media (max-width: 768px) {
  .creatiooon-latest-post-read-more-wrap {
    left: auto;
    margin: 10px 0 0 0;
    position: relative;
    top: auto;
    width: 100%;
  }
}

.creatiooon-read-more {
  font-size: 2rem;
  font-weight: 500;
  position: absolute;
  right: 50px;
  top: 4px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .creatiooon-read-more {
    font-size: 1.8rem;
    top: 10px;
  }
}
@media (max-width: 768px) {
  .creatiooon-read-more {
    display: none;
  }
}
.creatiooon-read-more:hover {
  text-decoration: none;
}
.creatiooon-read-more::after {
  border-top: solid 1px #000;
  content: "";
  display: block;
  height: 1px;
  width: 100px;
  position: absolute;
  right: -110px;
  top: 18px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .creatiooon-read-more::after {
    right: -80px;
    width: 65px;
  }
}
@media (max-width: 580px) {
  .creatiooon-read-more::after {
    width: 52px;
  }
}
.creatiooon-read-more::before {
  border-top: solid 1px #000;
  content: "";
  display: block;
  height: 1px;
  width: 15px;
  position: absolute;
  right: -112px;
  top: 13px;
  transform: rotate(45deg);
}
@media (min-width: 1px) and (max-width: 1240px) {
  .creatiooon-read-more::before {
    right: -82px;
  }
}

.creatiooon-main {
  display: flex;
  margin: 60px 0 60px auto;
  width: calc(50% + 550px);
}
@media (min-width: 1px) and (max-width: 1240px) {
  .creatiooon-main {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .creatiooon-main {
    flex-direction: column;
    margin: 0;
  }
}
.creatiooon-main .creatiooon-contents {
  margin: 0 70px 0 0;
  width: 740px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .creatiooon-main .creatiooon-contents {
    margin: 0 30px 0 20px;
    width: calc(100% - 340px);
  }
}
@media (max-width: 768px) {
  .creatiooon-main .creatiooon-contents {
    margin: 60px 0;
    width: 100%;
  }
}
.creatiooon-main .creatiooon-sidebar {
  width: 290px;
}
@media (max-width: 768px) {
  .creatiooon-main .creatiooon-sidebar {
    padding: 0 0 0 7%;
    width: 100%;
  }
}
.creatiooon-main .creatiooon-sidebar .creatiooon-sidebar-inner {
  position: -webkit-sticky;
  position: sticky;
  top: 10px;
}
.creatiooon-main .creatiooon-sidebar .widget {
  margin: 0 0 60px;
}
.creatiooon-main .creatiooon-sidebar .sidebar-title {
  border-bottom: solid 1px #000;
  font-size: 3.4rem;
  font-weight: 500;
  margin: 0 auto 10px;
  padding: 0 0 10px;
}
.creatiooon-main .creatiooon-sidebar .widget_categories ul {
  font-size: 1.6rem;
  list-style: none;
  padding: 0;
  margin: 0;
}
.creatiooon-main .creatiooon-sidebar .widget_categories ul li {
  margin: 30px auto;
}
.creatiooon-main .creatiooon-sidebar .wpp-list {
  padding: 0;
}
.creatiooon-main .creatiooon-sidebar .wpp-list li {
  padding: 5px 0;
}
.creatiooon-main .creatiooon-sidebar .wpp-list li .wpp-thumbnail {
  height: 100px;
  width: 125px;
}

/* 記事一覧 */
.creatiooon-single {
  background: #C6C5C5;
  margin: 0 auto 25px;
  position: relative;
}
.creatiooon-single:hover {
  background: #fedd1e;
  opacity: 1;
}
@media (max-width: 768px) {
  .creatiooon-single:hover {
    background: #c6c5c5;
  }
}
@media (max-width: 768px) {
  .creatiooon-single {
    margin: 0 auto 45px;
  }
}

.creatiooon-single-thumbnail {
  line-height: 0;
}
@media (max-width: 768px) {
  .creatiooon-single-thumbnail {
    width: 30%;
  }
}
@media (max-width: 580px) {
  .creatiooon-single-thumbnail {
    width: 40%;
  }
}

.creatiooon-single-title {
  background: #fff;
  font-size: 1.4rem;
  height: 75px;
  left: 210px;
  line-height: 1.7;
  margin: 0;
  overflow: hidden;
  padding: 15px 20px;
  position: absolute;
  top: 20px;
  width: 510px;
  -webkit-transition: transform 1.6s ease-in-out;
  -moz-transition: transform 0.8s ease-in-out;
  -ms-transition: transform 0.8s ease-in-out;
  -o-transition: transform 0.8s ease-in-out;
  transition: transform 1.6s ease-in-out;
}
.creatiooon-single-title p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.linkarea:hover .creatiooon-single-title {
  transform: translate3d(-15px, 5px, 0);
}
@media (max-width: 768px) {
  .linkarea:hover .creatiooon-single-title {
    transform: none;
  }
}
@media (min-width: 1px) and (max-width: 1240px) {
  .creatiooon-single-title {
    font-size: 15px;
    height: 64px;
    left: 30%;
    padding: 10px 15px;
    width: 70%;
  }
}
@media (max-width: 768px) {
  .creatiooon-single-title {
    font-size: 1.6rem;
    height: 77px;
    left: auto;
    line-height: 1.5;
    overflow: hidden;
    padding: 4px 8px;
    right: 0;
    top: 15px;
    width: 75%;
  }
}
@media (max-width: 580px) {
  .creatiooon-single-title {
    font-size: 1.2rem;
    height: 60px;
    top: 10px;
    width: 65%;
  }
}

.creatiooon-single-read-more-wrap {
  background: #fff;
  color: #565656;
  font-size: 1.2rem;
  font-weight: 500;
  height: auto;
  left: 210px;
  letter-spacing: 0.1em;
  padding: 7px 10px;
  position: absolute;
  top: 105px;
  width: 415px;
  -webkit-transition: transform 0.8s ease-in-out;
  -moz-transition: transform 0.8s ease-in-out;
  -ms-transition: transform 0.8s ease-in-out;
  -o-transition: transform 0.8s ease-in-out;
  transition: transform 0.8s ease-in-out;
}
.linkarea:hover .creatiooon-single-read-more-wrap {
  transform: translate3d(5px, -5px, 0);
}
@media (max-width: 768px) {
  .linkarea:hover .creatiooon-single-read-more-wrap {
    transform: none;
  }
}
@media (min-width: 1px) and (max-width: 1240px) {
  .creatiooon-single-read-more-wrap {
    left: 30%;
    min-width: 285px;
    width: 50%;
  }
}
@media (max-width: 768px) {
  .creatiooon-single-read-more-wrap {
    background: none;
    bottom: 0;
    font-size: 1.4rem;
    font-weight: 300;
    left: auto;
    min-width: 0;
    position: absolute;
    top: auto;
    width: 100%;
  }
}
@media (max-width: 580px) {
  .creatiooon-single-read-more-wrap {
    font-size: 1.2rem;
  }
}
.creatiooon-single-read-more-wrap .creatiooon-latest-post-category {
  display: block;
  margin: 10px 0 0 0;
}
.creatiooon-single-read-more-wrap .creatiooon-single-post-category {
  display: block;
  margin: 10px 0 0 0;
}
@media (max-width: 768px) {
  .creatiooon-single-read-more-wrap .creatiooon-single-post-category {
    position: absolute;
    left: 33%;
    bottom: 10px;
  }
}
@media (max-width: 580px) {
  .creatiooon-single-read-more-wrap .creatiooon-single-post-category {
    left: 43%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 57%;
  }
}
@media (max-width: 768px) {
  .creatiooon-single-read-more-wrap .creatiooon-single-post-date {
    position: absolute;
    left: 10px;
    bottom: -25px;
  }
}

/* フッターパーツ */
.creatiooon-footer {
  margin: 120px auto;
}
@media (max-width: 768px) {
  .creatiooon-footer {
    margin: 180px 0 0 auto;
    width: 93%;
  }
}
.creatiooon-footer .footer-block {
  margin: 0 0 60px;
}
.creatiooon-footer .footer-title {
  border-bottom: solid 1px #707070;
  border-top: solid 1px #707070;
  font-size: 3.4rem;
  font-weight: 500;
  padding: 0.3em 0;
}
.creatiooon-footer .card-categories {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
}
.creatiooon-footer .card-categories li {
  background: #C6C5C5;
  display: block;
  height: 434px;
  position: relative;
  width: 33.333%;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .creatiooon-footer .card-categories li {
    height: 360px;
  }
}
@media (max-width: 580px) {
  .creatiooon-footer .card-categories li {
    height: 340px;
    width: 50%;
  }
}
@media (max-width: 365px) {
  .creatiooon-footer .card-categories li {
    height: 320px;
  }
}
.creatiooon-footer .card-categories li:hover {
  background: #fedd1e;
  opacity: 1;
}
.creatiooon-footer .card-categories li img {
  height: auto;
  width: 100%;
}
.creatiooon-footer .card-categories li .card-category-title {
  background: #fff;
  font-size: 1.4rem;
  font-weight: 500;
  height: 8.3em;
  left: 5%;
  line-height: 1.6;
  overflow: hidden;
  padding: 5px 10px;
  position: absolute;
  text-align: justify;
  top: 165px;
  width: 90%;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .creatiooon-footer .card-categories li .card-category-title {
    height: 9.9em;
    top: 120px;
  }
}
@media (max-width: 580px) {
  .creatiooon-footer .card-categories li .card-category-title {
    top: 100px;
  }
}
@media (max-width: 365px) {
  .creatiooon-footer .card-categories li .card-category-title {
    font-size: 1.3rem;
    top: 80px;
  }
}
.creatiooon-footer .card-categories li .card-category-title a:hover {
  opacity: 1;
  text-decoration: none;
}
.creatiooon-footer .card-categories li .card-category-date {
  bottom: 110px;
  color: #565656;
  font-size: 1.2rem;
  font-weight: 500;
  left: 5%;
  position: absolute;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .creatiooon-footer .card-categories li .card-category-date {
    bottom: 70px;
  }
}
.creatiooon-footer .card-categories li .card-category-category {
  bottom: 90px;
  color: #565656;
  font-size: 1.2rem;
  font-weight: 500;
  left: 5%;
  position: absolute;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .creatiooon-footer .card-categories li .card-category-category {
    bottom: 50px;
    height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 95%;
  }
}
.creatiooon-footer .card-categories li .card-category-author {
  bottom: 70px;
  color: #565656;
  font-size: 1.2rem;
  font-weight: 500;
  left: 5%;
  position: absolute;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .creatiooon-footer .card-categories li .card-category-author {
    bottom: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 95%;
  }
}

.creatiooon-sns {
  align-items: flex-start;
  border: solid 1px #707070;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  padding: 20px 20px 10px;
}
.creatiooon-sns .creatiooon-sns-items {
  padding: 0 5px 10px;
}

/* 記事ページ */
.creatiooon-post-header {
  padding: 20px 0 50px;
  position: relative;
}
@media (max-width: 768px) {
  .creatiooon-post-header {
    padding: 10px 0;
  }
}
.creatiooon-post-header .creatiooon-post-thumbnail {
  position: absolute;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .creatiooon-post-header .creatiooon-post-thumbnail {
    padding: 0 0 0 20px;
    width: 50%;
  }
}
@media (max-width: 768px) {
  .creatiooon-post-header .creatiooon-post-thumbnail {
    height: 350px;
    padding: 0;
    width: 60%;
  }
}
@media (max-width: 580px) {
  .creatiooon-post-header .creatiooon-post-thumbnail {
    height: auto;
    width: 88%;
  }
}
.creatiooon-post-header .creatiooon-post-thumbnail img {
  height: auto;
  max-width: 100%;
}
.creatiooon-post-header .creatiooon-post-title {
  background: #fff;
  font-size: 4rem;
  min-height: 220px;
  left: 25%;
  letter-spacing: 0;
  line-height: 1.4;
  margin: 0;
  padding: 20px 25px;
  position: relative;
  text-align: justify;
  top: 30px;
  width: 71%;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .creatiooon-post-header .creatiooon-post-title {
    font-size: 3.2rem;
    left: 40%;
    width: 56%;
  }
}
@media (max-width: 768px) {
  .creatiooon-post-header .creatiooon-post-title {
    font-size: 1.8rem;
    left: 30%;
    margin: 35% 0 0 0;
    min-height: 160px;
    top: auto;
    width: 70%;
  }
}
@media (max-width: 365px) {
  .creatiooon-post-header .creatiooon-post-title {
    padding: 10px 15px;
  }
}
.creatiooon-post-header .creatiooon-post-date {
  background: #fff;
  font-size: 1.2rem;
  min-height: 33px;
  left: 25%;
  padding: 15px 30px 3px;
  position: relative;
  top: 45px;
  width: 25%;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .creatiooon-post-header .creatiooon-post-date {
    left: 40%;
    width: 30%;
  }
}
@media (max-width: 768px) {
  .creatiooon-post-header .creatiooon-post-date {
    font-weight: 500;
    left: 0;
    min-height: 0;
    padding: 5px 15px 0;
    top: 10px;
    width: 100%;
  }
}
@media (max-width: 365px) {
  .creatiooon-post-header .creatiooon-post-date {
    font-size: 1.1rem;
  }
}
.creatiooon-post-header .creatiooon-post-category {
  background: #fff;
  font-size: 1.2rem;
  min-height: 33px;
  left: 25%;
  padding: 3px 30px 15px;
  position: relative;
  top: 45px;
  width: 25%;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .creatiooon-post-header .creatiooon-post-category {
    left: 40%;
    width: 30%;
  }
}
@media (max-width: 768px) {
  .creatiooon-post-header .creatiooon-post-category {
    font-weight: 500;
    left: 0;
    min-height: 0;
    padding: 0 15px 5px;
    top: 10px;
    width: 100%;
  }
}
@media (max-width: 365px) {
  .creatiooon-post-header .creatiooon-post-category {
    font-size: 1.1rem;
  }
}

.creatiooon-post {
  font-size: 1.8rem;
}
@media (max-width: 768px) {
  .creatiooon-post {
    font-size: 1.6rem;
  }
}
@media (max-width: 365px) {
  .creatiooon-post {
    font-size: 1.4rem;
  }
}
.creatiooon-post section {
  /* TOC+ */
}
.creatiooon-post section > *:first-child {
  margin-top: 0;
}
@media (max-width: 768px) {
  .creatiooon-post section {
    margin: 0 0 0 auto;
    width: 93%;
  }
}
.creatiooon-post section h2 {
  border-bottom: solid 3px #FFE100;
  font-size: 2.6rem;
  line-height: 1.7;
  margin: 2.5em auto 1.3em;
  padding: 0 0 1.3em 1em;
  position: relative;
}
@media (max-width: 768px) {
  .creatiooon-post section h2 {
    font-size: 1.8rem;
    padding: 0 0 1.3em 2em;
  }
}
.creatiooon-post section h2::before {
  background: #FFE100;
  content: "";
  display: block;
  height: calc(100% - 1.3em);
  left: 3px;
  position: absolute;
  top: 0;
  width: 14px;
}
.creatiooon-post section h3 {
  border-bottom: solid 3px #FFE100;
  font-size: 2.2rem;
  line-height: 1.7;
  margin: 2.5em auto 1.3em;
  padding: 0;
}
@media (max-width: 768px) {
  .creatiooon-post section h3 {
    font-size: 1.6rem;
    padding: 0 0 0.5em;
  }
}
.creatiooon-post section h4 {
  border-bottom: solid 2px #FFE100;
  font-size: 2rem;
  line-height: 1.7;
  margin: 2.5em auto 1.3em;
  padding: 0;
}
@media (max-width: 768px) {
  .creatiooon-post section h4 {
    font-size: 16px;
  }
}
.creatiooon-post section p {
  line-height: 2;
  margin: 1em auto;
}
.creatiooon-post section a {
  color: #0089FF;
  text-decoration: underline;
}
.creatiooon-post section a:hover {
  text-decoration: none;
}
.creatiooon-post section ul {
  list-style: none;
  padding: 0;
}
.creatiooon-post section ul li {
  margin: 0.8em 0;
  padding: 0 0 0 1.8em;
  text-indent: -1.8em;
}
.creatiooon-post section ul li::before {
  background: #FFE100;
  content: "";
  display: inline-block;
  height: 18px;
  margin: 0 0.5em -2px 0;
  width: 18px;
}
.creatiooon-post section #toc_container {
  border: solid 3px #FFE100;
  margin: 70px 0 100px;
  padding: 25px 50px;
}
@media (max-width: 580px) {
  .creatiooon-post section #toc_container {
    margin: 50px 0 80px;
    padding: 20px 20px;
  }
}
@media (max-width: 365px) {
  .creatiooon-post section #toc_container {
    margin: 40px 0 70px;
    padding: 15px 20px 10px;
  }
}
.creatiooon-post section #toc_container p.toc_title {
  font-size: 2.6rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1;
}
@media (max-width: 580px) {
  .creatiooon-post section #toc_container p.toc_title {
    font-size: 2.2rem;
  }
}
@media (max-width: 365px) {
  .creatiooon-post section #toc_container p.toc_title {
    font-size: 1.8rem;
  }
}
@media (max-width: 365px) {
  .creatiooon-post section #toc_container ul ul {
    margin-left: 1em;
  }
}
.creatiooon-post section #toc_container .toc_list {
  margin: 2em 0 0;
}
.creatiooon-post section #toc_container .toc_list li {
  margin: 1em 0;
  text-indent: 0;
}
.creatiooon-post section #toc_container .toc_list li::before {
  display: none;
}
.creatiooon-post section ul.wp-block-gallery,
.creatiooon-post section figure.wp-block-image {
  margin: 1em 0 2.5em;
  padding: 0;
}
.creatiooon-post section ul.wp-block-gallery figcaption,
.creatiooon-post section figure.wp-block-image figcaption {
  color: #868686;
  font-size: 1.4rem;
  margin: 0.5em 0;
}
.creatiooon-post section img {
  height: auto;
  max-width: 100%;
}
.creatiooon-post section blockquote.wp-block-quote {
  border: solid 1px #707070;
  border-radius: 25px;
  margin: 2.5em auto;
  padding: 30px 35px;
}
@media (max-width: 768px) {
  .creatiooon-post section blockquote.wp-block-quote {
    border-radius: 15px;
    padding: 20px 25px;
  }
}
.creatiooon-post section blockquote.wp-block-quote > *:first-child {
  margin-top: 0;
}
.creatiooon-post section blockquote.wp-block-quote p {
  line-height: 2;
  margin: 1em auto;
}
.creatiooon-post section blockquote.wp-block-quote cite {
  font-size: 1.4rem;
}
.creatiooon-post section .wp-block-table {
  margin: 0 auto 1.5em;
}
.creatiooon-post section .wp-block-table.is-style-stripes table {
  border: none;
}
.creatiooon-post section .wp-block-table.is-style-stripes table th,
.creatiooon-post section .wp-block-table.is-style-stripes table td {
  border: none;
}
.creatiooon-post section .wp-block-table table {
  border: solid 1px #707070;
  margin: 1em 0;
  width: 90%;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .creatiooon-post section .wp-block-table table {
    width: 100%;
  }
}
.creatiooon-post section .wp-block-table table th {
  border: solid 1px #707070;
  font-weight: 500;
  padding: 15px;
}
.creatiooon-post section .wp-block-table table td {
  border: solid 1px #707070;
  min-width: 150px;
  padding: 15px;
}
@media (max-width: 580px) {
  .creatiooon-post section .wp-block-table table td {
    min-width: 110px;
  }
}
.creatiooon-post section .wp-block-table figcaption {
  color: #868686;
  font-size: 1.4rem;
  margin: 0.5em 0;
}
.creatiooon-post section div.wp-block-button a {
  text-decoration: none;
}
.creatiooon-post section figure.wp-block-embed {
  margin: 2.5em 0;
}
.creatiooon-post section iframe.wp-embedded-content {
  height: 188px;
  max-width: 570px;
  width: 100%;
}
@media (max-width: 580px) {
  .creatiooon-post section iframe.wp-embedded-content {
    height: 179px;
  }
}
.creatiooon-post section .wp-block-gallery {
  justify-content: space-between;
}
.creatiooon-post section .wp-block-gallery li {
  padding: 0;
  text-indent: 0;
}
.creatiooon-post section .wp-block-gallery li::before {
  display: none;
}
.creatiooon-post section .wp-block-gallery li.blocks-gallery-image, .creatiooon-post section .wp-block-gallery li.blocks-gallery-item {
  display: table;
  flex-grow: unset;
  margin: 0;
}
.creatiooon-post section .wp-block-gallery li.blocks-gallery-image figure, .creatiooon-post section .wp-block-gallery li.blocks-gallery-item figure {
  display: table;
}
.creatiooon-post section .wp-block-gallery.columns-2 li {
  width: 49%;
}
.creatiooon-post section .wp-block-gallery.columns-3 li {
  width: 33%;
}
.creatiooon-post section .wp-block-gallery figcaption {
  background: none;
  bottom: auto;
  caption-side: bottom;
  display: table-caption;
  font-size: 1.4rem;
  padding: 0;
  position: relative;
}
.creatiooon-post section .creatiooon-post-profileCard {
  border: solid 1px #ccc;
  border-radius: 3px;
  margin: 0 0 1.5em;
  padding: 20px;
}
.creatiooon-post section .creatiooon-post-profileCard .creatiooon-post-profileCard-upper {
  align-items: center;
  display: flex;
}
.creatiooon-post section .creatiooon-post-profileCard .creatiooon-post-profileCard-upper.is-right {
  justify-content: flex-end;
}
.creatiooon-post section .creatiooon-post-profileCard .creatiooon-post-profileCard-upper.is-right .creatiooon-post-profileCard-photo {
  order: 2;
}
.creatiooon-post section .creatiooon-post-profileCard .creatiooon-post-profileCard-upper.is-right .creatiooon-post-profileCard-name {
  padding: 0 1em 0 0;
}
.creatiooon-post section .creatiooon-post-profileCard .creatiooon-post-profileCard-photo {
  border-radius: 50%;
  line-height: 0;
  margin: 0;
  min-height: 75px;
  min-width: 75px;
  overflow: hidden;
  width: 75px;
}
@media (max-width: 768px) {
  .creatiooon-post section .creatiooon-post-profileCard .creatiooon-post-profileCard-photo {
    min-height: 60px;
    min-width: 60px;
    width: 60px;
  }
}
.creatiooon-post section .creatiooon-post-profileCard .creatiooon-post-profileCard-photo img {
  min-height: 75px;
  min-width: 75px;
  object-fit: cover;
}
@media (max-width: 768px) {
  .creatiooon-post section .creatiooon-post-profileCard .creatiooon-post-profileCard-photo img {
    min-height: 60px;
    min-width: 60px;
    width: 60px;
  }
}
.creatiooon-post section .creatiooon-post-profileCard .creatiooon-post-profileCard-name {
  font-weight: 500;
  line-height: 1.5;
  margin: 0;
  padding: 0 0 0 1em;
}
.creatiooon-post section .creatiooon-post-profileCard .creatiooon-post-profileCard-lower {
  line-height: 1.5;
  margin-bottom: 0;
  text-align: justify;
}

.creatiooon-post-fukidashi {
  display: flex;
  margin-bottom: 2em;
}
@media (max-width: 580px) {
  .creatiooon-post-fukidashi {
    flex-direction: column;
  }
}
.creatiooon-post-fukidashi .creatiooon-post-fukidashi__speaker {
  display: flex;
  flex: 0 0 auto;
  width: 100px;
  flex-direction: column;
  justify-content: flex-start;
  text-align: center;
  margin-right: 0.5em;
}
@media (max-width: 580px) {
  .creatiooon-post-fukidashi .creatiooon-post-fukidashi__speaker {
    flex-direction: row;
    justify-content: stretch;
    text-align: left;
    margin-right: 0em;
    margin-left: 0em;
    margin-bottom: 0.5em;
    width: auto;
  }
}
.creatiooon-post-fukidashi .creatiooon-post-fukidashi__speaker .creatiooon-post-fukidashi__icon {
  margin: 0 auto;
  overflow: hidden;
  border-radius: 50%;
  width: 60px;
  height: 60px;
}
@media (max-width: 580px) {
  .creatiooon-post-fukidashi .creatiooon-post-fukidashi__speaker .creatiooon-post-fukidashi__icon {
    margin: 0;
    margin-right: 10px;
  }
}
.creatiooon-post-fukidashi .creatiooon-post-fukidashi__speaker .creatiooon-post-fukidashi__names {
  font-size: 12px;
  line-height: 1;
}
@media (max-width: 580px) {
  .creatiooon-post-fukidashi .creatiooon-post-fukidashi__speaker .creatiooon-post-fukidashi__names {
    font-size: 9px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
.creatiooon-post-fukidashi .creatiooon-post-fukidashi__speaker .creatiooon-post-fukidashi__names .creatiooon-post-fukidashi__role {
  margin: 5px 0 5px;
  line-height: 1;
}
.creatiooon-post-fukidashi .creatiooon-post-fukidashi__speaker .creatiooon-post-fukidashi__names .creatiooon-post-fukidashi__name {
  margin: 0;
  line-height: 1;
}
.creatiooon-post-fukidashi .creatiooon-post-fukidashi__content {
  margin: 0;
  flex: 1 1 auto;
}
.creatiooon-post-fukidashi .creatiooon-post-fukidashi__content p {
  margin: 0;
}

/* SET PLAN セットプラン */
.header-setplan {
  background-image: url("images/setplan/header-setplan@2x.png");
  background-position: calc(100% - 100px) 70px;
  background-repeat: no-repeat;
  background-size: 341px 256px;
  height: 330px;
  margin: 0 0 40px;
  width: calc(50% + 550px);
}
@media (min-width: 1px) and (max-width: 1240px) {
  .header-setplan {
    background-position: calc(100% - 120px) 100px;
    background-size: 290px 218px;
    margin: 0 0 20px;
    padding: 0 0 0 60px;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .header-setplan {
    background-position: calc(100% - 40px) 10px;
    background-size: 268px 201px;
    height: 240px;
    margin: 0;
    padding: 0;
  }
}
@media (max-width: 580px) {
  .header-setplan {
    background-position: calc(100% - 20px) 140px;
    background-size: 268px 201px;
    height: 390px;
    margin: 0;
    padding: 0;
  }
}
@media (max-width: 365px) {
  .header-setplan {
    background-position: calc(100% - 20px) 140px;
    background-size: 200px auto;
    height: 320px;
    margin: 0;
    padding: 0;
  }
}
.header-setplan .page-title {
  text-align: left;
}
.header-setplan .page-description {
  display: inline-block;
  margin: 0 0 20px;
  vertical-align: middle;
}
@media (max-width: 768px) {
  .header-setplan .page-description {
    display: block;
    padding: 30px 0;
    text-align: left;
  }
}

.header-setplan-image {
  background-image: url("images/setplan/header-setplan-image@2x.png");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
  height: 161px;
  width: 100%;
}
@media (max-width: 580px) {
  .header-setplan-image {
    background-image: url("images/setplan/header-setplan-image-sp@2x.png");
  }
}

.setplan-title {
  border-bottom: solid 5px #000;
  border-top: solid 5px #000;
  font-size: 3.2rem;
  line-height: 2;
  margin: 25px auto;
  max-width: 600px;
  text-align: center;
}
@media (max-width: 768px) {
  .setplan-title {
    font-size: 2.4rem;
  }
}
@media (max-width: 580px) {
  .setplan-title {
    line-height: 1.5;
    padding: 5px 0;
    width: 100%;
  }
}
@media (max-width: 365px) {
  .setplan-title {
    font-size: 1.8rem;
  }
}

.setplan-lead-text {
  background: #fff;
  display: flex;
  font-size: 2rem;
  font-weight: 500;
  margin: 60px auto 45px;
  max-width: 520px;
  padding: 10px 25px;
}
@media (max-width: 580px) {
  .setplan-lead-text {
    display: block;
    font-size: 1.8rem;
    margin: 50px auto 70px;
    padding: 15px 0;
    text-align: center;
    width: 100%;
  }
}
@media (max-width: 365px) {
  .setplan-lead-text {
    font-size: 1.6rem;
  }
}
@media (max-width: 580px) {
  .setplan-lead-text .chirashi {
    line-height: 1.5;
    margin: -30px 0 30px;
  }
}
.setplan-lead-text .price18manen {
  line-height: 1;
  margin: -60px 0 -20px -10px;
  padding: 0;
}
@media (max-width: 580px) {
  .setplan-lead-text .price18manen {
    margin: -45px 0 -75px 0;
    text-align: center;
  }
}
.setplan-lead-text .price18manen .price {
  font-family: acumin-pro, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 16rem;
  letter-spacing: -0.05em;
}
@media (max-width: 580px) {
  .setplan-lead-text .price18manen .price {
    font-size: 12rem;
  }
}
@media (max-width: 365px) {
  .setplan-lead-text .price18manen .price {
    font-size: 8rem;
  }
}
.setplan-lead-text .price18manen .manen {
  display: inline-block;
  font-size: 2.6rem;
  letter-spacing: 0em;
  vertical-align: middle;
  padding: 0 0 20px 10px;
}
@media (max-width: 580px) {
  .setplan-lead-text .price18manen .manen {
    padding: 0 0 70px 15px;
  }
}
@media (max-width: 365px) {
  .setplan-lead-text .price18manen .manen {
    padding: 45px 0 70px 5px;
  }
}
.setplan-lead-text .price18manen .manen .zeinuki {
  font-size: 1.3rem;
  letter-spacing: -0.1em;
}
.setplan-lead-text .price18manen .manen .kara {
  font-size: 2rem;
}

.setplan-circles {
  display: flex;
  font-size: 1rem;
  justify-content: center;
  margin: 0 0 -34px;
}
@media (max-width: 768px) {
  .setplan-circles {
    flex-wrap: wrap;
    font-size: 0.8rem;
    margin: 0 0 20px;
  }
}
@media (max-width: 580px) {
  .setplan-circles {
    font-size: 0.8rem;
  }
}
.setplan-circles .setplan-circles-item {
  align-items: center;
  background: #000;
  border-radius: 50%;
  color: #fee100;
  display: flex;
  font-weight: 500;
  height: 206px;
  justify-content: center;
  letter-spacing: -0.1em;
  line-height: 1.1;
  margin: 10px 20px;
  text-align: center;
  width: 206px;
}
@media (max-width: 768px) {
  .setplan-circles .setplan-circles-item {
    height: 150px;
    width: 150px;
  }
}
@media (max-width: 580px) {
  .setplan-circles .setplan-circles-item {
    height: 180px;
    width: 180px;
  }
}
.setplan-circles .setplan-circles-item.mitsumori-free {
  font-size: 3.2em;
  flex-direction: column;
  position: relative;
  padding: 0 0 80px;
}
.setplan-circles .setplan-circles-item.mitsumori-free .zero {
  display: inline-block;
  font-size: 3em;
  line-height: 0.9;
  position: absolute;
  top: 100px;
  left: 75px;
}
@media (max-width: 768px) {
  .setplan-circles .setplan-circles-item.mitsumori-free .zero {
    bottom: 10px;
    left: calc(50% - 22px);
    top: auto;
  }
}
@media (max-width: 580px) {
  .setplan-circles .setplan-circles-item.mitsumori-free .zero {
    bottom: 20px;
  }
}
.setplan-circles .setplan-circles-item.mitsumori-free .zero .yen {
  display: inline-block;
  font-size: 0.21em;
  margin: 0;
  vertical-align: middle;
}
.setplan-circles .setplan-circles-item.keiken-houfu {
  font-size: 3.2em;
}
.setplan-circles .setplan-circles-item.camera-illust-tsukaeru {
  font-size: 2.8em;
}

.setplan-circles-spacer {
  padding: 34px 0 0;
}
@media (max-width: 768px) {
  .setplan-circles-spacer {
    padding: 20px 0 0;
  }
}

.recommend-title {
  border-bottom: solid 5px #DD0101;
  display: inline-block;
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 1.5;
  margin: 10px 0 0;
}
@media (max-width: 768px) {
  .recommend-title {
    font-size: 2.2rem;
    margin: 40px 0 25px;
    padding: 0 0 10px;
  }
}
@media (max-width: 365px) {
  .recommend-title {
    font-size: 1.8rem;
  }
}

.yosan-plan-title {
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 1.5;
}
@media (max-width: 768px) {
  .yosan-plan-title {
    font-size: 2.2rem;
  }
}
@media (max-width: 365px) {
  .yosan-plan-title {
    font-size: 2rem;
  }
}
.yosan-plan-title .setplan-strong-circle {
  display: inline-block;
  font-size: 8rem;
  padding: 0 0 20px 0;
  position: relative;
  vertical-align: middle;
}
@media (max-width: 768px) {
  .yosan-plan-title .setplan-strong-circle {
    line-height: 1;
  }
}
.yosan-plan-title .setplan-strong-circle::before {
  background: #fee100;
  border-radius: 50%;
  content: "";
  display: block;
  height: 82px;
  left: 10px;
  position: absolute;
  top: 15px;
  width: 82px;
  z-index: -1;
}
@media (max-width: 768px) {
  .yosan-plan-title .setplan-strong-circle::before {
    top: 0;
  }
}

/* プラン紹介 */
.list-setplans {
  margin: 0 auto;
  max-width: 700px;
}
@media (max-width: 768px) {
  .list-setplans {
    width: 100%;
  }
}
.list-setplans .list-setplans-item {
  overflow: hidden;
  padding: 70px 0 0;
  position: relative;
}
@media (max-width: 768px) {
  .list-setplans .list-setplans-item {
    display: flex;
    flex-direction: column;
  }
}
.list-setplans .list-setplans-item .plan-name-en {
  font-size: 4rem;
  letter-spacing: 0.05em;
  line-height: 1.3;
  text-align: center;
}
@media (max-width: 768px) {
  .list-setplans .list-setplans-item .plan-name-en {
    font-size: 25px;
    margin: 0 0 -20px;
    order: 3;
    z-index: 1;
  }
}
.list-setplans .list-setplans-item .plan-image {
  height: auto;
  max-width: 315px;
  position: absolute;
}
@media (max-width: 768px) {
  .list-setplans .list-setplans-item .plan-image {
    margin: 0 auto;
    order: 2;
    position: relative;
  }
}
.list-setplans .list-setplans-item .plan-image.mt-gozaisho {
  right: 10px;
  top: 65px;
}
@media (max-width: 768px) {
  .list-setplans .list-setplans-item .plan-image.mt-gozaisho {
    top: auto;
    right: auto;
    width: 85%;
  }
}
.list-setplans .list-setplans-item .plan-image.mt-fuji {
  right: 10px;
  top: 65px;
}
@media (max-width: 768px) {
  .list-setplans .list-setplans-item .plan-image.mt-fuji {
    top: auto;
    right: auto;
    width: 85%;
  }
}
.list-setplans .list-setplans-item .plan-image.mt-everest {
  right: 30px;
  top: 10px;
}
@media (max-width: 768px) {
  .list-setplans .list-setplans-item .plan-image.mt-everest {
    top: auto;
    right: auto;
    width: 100%;
  }
}
.list-setplans .list-setplans-item .plan-number {
  align-items: flex-end;
  background: #fff;
  border-radius: 50%;
  color: #fee100;
  display: flex;
  flex-direction: column;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2.5rem;
  font-weight: 500;
  height: 430px;
  justify-content: flex-end;
  left: -256px;
  line-height: 1;
  padding: 0 80px 50px 0;
  position: absolute;
  top: -136px;
  width: 430px;
}
@media (max-width: 768px) {
  .list-setplans .list-setplans-item .plan-number {
    background: none;
    color: #000;
    display: block;
    height: auto;
    left: auto;
    order: 1;
    padding: 0 0 5px;
    position: relative;
    text-align: center;
    top: auto;
    width: 100%;
  }
}
.list-setplans .list-setplans-item .plan-number .number {
  display: block;
  font-size: 8rem;
  width: 60px;
}
@media (max-width: 768px) {
  .list-setplans .list-setplans-item .plan-number .number {
    margin: -10px auto 0;
  }
}
.list-setplans .list-setplans-item .plan-body {
  background: #fee100;
  border-radius: 10px;
  padding: 30px 90px 30px 140px;
}
@media (max-width: 768px) {
  .list-setplans .list-setplans-item .plan-body {
    order: 4;
    padding: 15px 20px 10px 20px;
  }
}
.list-setplans .list-setplans-item .plan-body .plan-name {
  font-size: 4rem;
  margin: 0 auto 30px;
  text-align: center;
}
@media (max-width: 768px) {
  .list-setplans .list-setplans-item .plan-body .plan-name {
    font-size: 2rem;
    margin: 0 auto 20px;
  }
}
.list-setplans .list-setplans-item .plan-body .plan-name::after {
  background: #000;
  content: "";
  display: block;
  height: 13px;
  margin: 15px auto;
  width: 60px;
}
@media (max-width: 580px) {
  .list-setplans .list-setplans-item .plan-body .plan-name::after {
    display: none;
  }
}
@media (max-width: 768px) {
  .list-setplans .list-setplans-item .plan-body .plan-name::before {
    background: #000;
    content: "";
    display: block;
    height: 5px;
    margin: 5px auto;
    width: 19px;
  }
}
.list-setplans .list-setplans-item .plan-body .plan-text {
  font-size: 2rem;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1.6;
}
@media (max-width: 768px) {
  .list-setplans .list-setplans-item .plan-body .plan-text {
    font-size: 1.6rem;
  }
}

/* 料金比較#1 */
@media (min-width: 1px) and (max-width: 1240px) {
  .setplan-compare-wrap {
    padding: 0 20px;
  }
}
@media (max-width: 768px) {
  .setplan-compare-wrap {
    padding: 0;
  }
}

.setplan-compare-card {
  align-items: flex-start;
  display: flex;
  margin: 30px auto;
  max-width: 870px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .setplan-compare-card {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .setplan-compare-card {
    padding: 0;
  }
}
.setplan-compare-card .setplan-compare-card-item {
  border: solid 6px #B7D7EB;
  margin: 100px 0 0;
  text-align: center;
  width: 33.3%;
}
@media (max-width: 768px) {
  .setplan-compare-card .setplan-compare-card-item {
    border-width: 2px;
    margin: 45px 0 0;
  }
}
@media (max-width: 580px) {
  .setplan-compare-card .setplan-compare-card-item {
    margin: 25px 0 0;
  }
}
.setplan-compare-card .setplan-compare-card-item:first-child {
  border-right: none;
}
.setplan-compare-card .setplan-compare-card-item:last-child {
  border-left: none;
}
.setplan-compare-card .setplan-compare-card-item .plan-name {
  background: #B7D7EB;
  font-family: acumin-pro, "Noto Sans JP", sans-serif;
  padding: 15px 0;
  position: relative;
}
@media (max-width: 768px) {
  .setplan-compare-card .setplan-compare-card-item .plan-name {
    line-height: 1.5rem;
    padding: 10px 0;
  }
}
@media (max-width: 580px) {
  .setplan-compare-card .setplan-compare-card-item .plan-name {
    letter-spacing: 0;
    padding: 4px 0;
  }
}
.setplan-compare-card .setplan-compare-card-item .plan-name .plan-image-mt-gozaisho {
  left: 15px;
  position: absolute;
  top: -65px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .setplan-compare-card .setplan-compare-card-item .plan-name .plan-image-mt-gozaisho {
    height: auto;
    left: 0;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .setplan-compare-card .setplan-compare-card-item .plan-name .plan-image-mt-gozaisho {
    top: -37px;
  }
}
@media (max-width: 580px) {
  .setplan-compare-card .setplan-compare-card-item .plan-name .plan-image-mt-gozaisho {
    top: -17px;
  }
}
.setplan-compare-card .setplan-compare-card-item .plan-name .plan-image-mt-fuji {
  left: 10px;
  position: absolute;
  top: -75px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .setplan-compare-card .setplan-compare-card-item .plan-name .plan-image-mt-fuji {
    height: auto;
    left: 0;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .setplan-compare-card .setplan-compare-card-item .plan-name .plan-image-mt-fuji {
    left: -10%;
    max-width: none;
    top: -70px;
    width: 120%;
  }
}
@media (max-width: 580px) {
  .setplan-compare-card .setplan-compare-card-item .plan-name .plan-image-mt-fuji {
    top: -30px;
  }
}
.setplan-compare-card .setplan-compare-card-item .plan-name .plan-image-mt-everest {
  left: 15px;
  position: absolute;
  top: -135px;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .setplan-compare-card .setplan-compare-card-item .plan-name .plan-image-mt-everest {
    height: auto;
    left: 5px;
    top: -85px;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .setplan-compare-card .setplan-compare-card-item .plan-name .plan-image-mt-everest {
    left: 2px;
    top: -70px;
  }
}
@media (max-width: 580px) {
  .setplan-compare-card .setplan-compare-card-item .plan-name .plan-image-mt-everest {
    left: 2px;
    top: -29px;
  }
}
.setplan-compare-card .setplan-compare-card-item .plan-name .plan-name-en {
  font-size: 2.8rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .setplan-compare-card .setplan-compare-card-item .plan-name .plan-name-en {
    font-size: 2.4rem;
  }
}
@media (max-width: 768px) {
  .setplan-compare-card .setplan-compare-card-item .plan-name .plan-name-en {
    font-size: 1.8rem;
  }
}
@media (max-width: 580px) {
  .setplan-compare-card .setplan-compare-card-item .plan-name .plan-name-en {
    font-size: 1.4rem;
  }
}
@media (max-width: 365px) {
  .setplan-compare-card .setplan-compare-card-item .plan-name .plan-name-en {
    font-size: 1.2rem;
  }
}
.setplan-compare-card .setplan-compare-card-item .plan-name .plan-name-jp {
  font-size: 1.4rem;
}
@media (max-width: 365px) {
  .setplan-compare-card .setplan-compare-card-item .plan-name .plan-name-jp {
    font-size: 1.2rem;
  }
}
.setplan-compare-card .setplan-compare-card-item .plan-name .price {
  font-size: 4rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1;
}
@media (max-width: 580px) {
  .setplan-compare-card .setplan-compare-card-item .plan-name .price {
    font-size: 2.4rem;
  }
}
@media (max-width: 365px) {
  .setplan-compare-card .setplan-compare-card-item .plan-name .price {
    font-size: 2rem;
  }
}
.setplan-compare-card .setplan-compare-card-item .plan-name .manen {
  font-size: 2rem;
  font-weight: 500;
}
@media (max-width: 768px) {
  .setplan-compare-card .setplan-compare-card-item .plan-name .manen {
    font-size: 1.8rem;
  }
}
@media (max-width: 580px) {
  .setplan-compare-card .setplan-compare-card-item .plan-name .manen {
    font-size: 1rem;
  }
}
.setplan-compare-card .setplan-compare-card-item .content-item {
  font-size: 2rem;
  line-height: 4rem;
  padding: 10px 17px;
  text-align: left;
}
@media (max-width: 768px) {
  .setplan-compare-card .setplan-compare-card-item .content-item {
    font-size: 1.4rem;
    padding: 5px 7px;
  }
}
@media (max-width: 580px) {
  .setplan-compare-card .setplan-compare-card-item .content-item {
    font-size: 1.2rem;
  }
}
.setplan-compare-card .setplan-compare-card-item .content-item p {
  padding: 8px 0;
}
@media (max-width: 768px) {
  .setplan-compare-card .setplan-compare-card-item .content-item p {
    letter-spacing: 0;
    padding: 4px 0;
  }
}
.setplan-compare-card .setplan-compare-card-item .content-item .listmark {
  color: #B7D7EB;
}
.setplan-compare-card .setplan-compare-card-item .content-item .fontGray {
  color: #ddd;
}
.setplan-compare-card .setplan-compare-card-item.no1 {
  border-color: #fee100;
  border-width: 10px;
  margin: 55px 0 0;
  z-index: 1;
}
@media (max-width: 768px) {
  .setplan-compare-card .setplan-compare-card-item.no1 {
    border-width: 4px;
    margin: 25px 0 0;
  }
}
@media (max-width: 580px) {
  .setplan-compare-card .setplan-compare-card-item.no1 {
    margin: 15px 0 0;
  }
}
@media (max-width: 365px) {
  .setplan-compare-card .setplan-compare-card-item.no1 {
    border-width: 2px;
  }
}
.setplan-compare-card .setplan-compare-card-item.no1 .plan-name {
  background: #fee100;
  padding: 15px 0 20px;
}
@media (max-width: 768px) {
  .setplan-compare-card .setplan-compare-card-item.no1 .plan-name {
    padding: 4px 0;
  }
}
.setplan-compare-card .setplan-compare-card-item.no1 .plan-name .plan-name-en {
  font-size: 3.8rem;
}
@media (min-width: 1px) and (max-width: 1240px) {
  .setplan-compare-card .setplan-compare-card-item.no1 .plan-name .plan-name-en {
    font-size: 3.2rem;
  }
}
@media (max-width: 580px) {
  .setplan-compare-card .setplan-compare-card-item.no1 .plan-name .plan-name-en {
    font-size: 2.2rem;
  }
}
@media (max-width: 365px) {
  .setplan-compare-card .setplan-compare-card-item.no1 .plan-name .plan-name-en {
    font-size: 2rem;
  }
}
.setplan-compare-card .setplan-compare-card-item.no1 .plan-name .plan-name-jp {
  font-size: 2rem;
}
@media (max-width: 580px) {
  .setplan-compare-card .setplan-compare-card-item.no1 .plan-name .plan-name-jp {
    font-size: 1.4rem;
  }
}
@media (max-width: 365px) {
  .setplan-compare-card .setplan-compare-card-item.no1 .plan-name .plan-name-jp {
    font-size: 1.2rem;
  }
}
.setplan-compare-card .setplan-compare-card-item.no1 .plan-name .price {
  font-size: 5rem;
}
@media (max-width: 580px) {
  .setplan-compare-card .setplan-compare-card-item.no1 .plan-name .price {
    font-size: 3.2rem;
  }
}
@media (max-width: 365px) {
  .setplan-compare-card .setplan-compare-card-item.no1 .plan-name .price {
    font-size: 3rem;
  }
}
.setplan-compare-card .setplan-compare-card-item.no1 .plan-name .manen {
  font-size: 2.4rem;
}
@media (max-width: 768px) {
  .setplan-compare-card .setplan-compare-card-item.no1 .plan-name .manen {
    font-size: 1.8rem;
  }
}
@media (max-width: 580px) {
  .setplan-compare-card .setplan-compare-card-item.no1 .plan-name .manen {
    font-size: 1.2rem;
  }
}
@media (max-width: 365px) {
  .setplan-compare-card .setplan-compare-card-item.no1 .plan-name .manen {
    font-size: 1rem;
  }
}
.setplan-compare-card .setplan-compare-card-item.no1 .content-item {
  padding: 22px 10px;
}
@media (max-width: 768px) {
  .setplan-compare-card .setplan-compare-card-item.no1 .content-item {
    padding: 16px 7px;
  }
}
@media (max-width: 580px) {
  .setplan-compare-card .setplan-compare-card-item.no1 .content-item {
    padding: 16px 5px;
  }
}
.setplan-compare-card .setplan-compare-card-item.no1 .content-item .listmark {
  color: #fee100;
}

/* 創業応援キャンペーン */
.inner-campaign {
  margin: 100px auto;
  max-width: 660px;
}
@media (max-width: 580px) {
  .inner-campaign {
    margin: 100px auto 40px;
  }
}

.campaign-title {
  font-size: 2.4rem;
  margin: 130px auto 65px;
  position: relative;
  text-align: center;
  width: 90%;
}
@media (max-width: 768px) {
  .campaign-title {
    letter-spacing: 0;
  }
}
@media (max-width: 365px) {
  .campaign-title {
    font-size: 1.6rem;
  }
}

.campaign-term {
  font-size: 4rem;
  font-weight: 500;
  margin: 40px auto;
  text-align: center;
}
@media (max-width: 768px) {
  .campaign-term {
    font-size: 3rem;
  }
}
@media (max-width: 580px) {
  .campaign-term {
    font-size: 2.4rem;
    margin: 20px auto;
  }
}
@media (max-width: 365px) {
  .campaign-term {
    font-size: 2rem;
  }
}
.campaign-term .nengappi {
  font-size: 2.8rem;
}
@media (max-width: 768px) {
  .campaign-term .nengappi {
    font-size: 2rem;
  }
}
@media (max-width: 580px) {
  .campaign-term .nengappi {
    font-size: 1.2rem;
  }
}

.campaign-title-ribon {
  display: block;
  margin: -50px auto 50px;
  max-width: 90%;
  position: relative;
}
@media (max-width: 768px) {
  .campaign-title-ribon {
    margin: -30px auto 30px;
    width: 65%;
  }
}
@media (max-width: 580px) {
  .campaign-title-ribon {
    margin: -20px auto 20px;
    width: 90%;
  }
}

.campaign-text {
  font-size: 1.6rem;
  letter-spacing: 0.1em;
  line-height: 2;
  margin: 65px auto 50px;
  text-align: center;
  width: 675px;
}
@media (max-width: 768px) {
  .campaign-text {
    margin: 45px 0;
    padding: 0 7%;
    width: 100%;
  }
}
@media (max-width: 580px) {
  .campaign-text {
    font-size: 1.4rem;
    margin: 20px 0;
  }
}

.campaign-lead-text {
  font-size: 2rem;
  font-weight: 300;
  text-align: center;
}
@media (max-width: 768px) {
  .campaign-lead-text {
    display: inline-block;
    font-size: 1.4rem;
    margin: 15px auto;
  }
}

.list-campaign-service {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  margin: 0 auto;
  max-width: 600px;
  padding: 0;
}
.list-campaign-service li {
  font-weight: 500;
  line-height: 1.8;
  text-align: center;
  width: 33%;
}
@media (max-width: 768px) {
  .list-campaign-service li {
    line-height: 1.6;
    margin: 15px 5px;
    width: calc(33% - 20px);
  }
}
@media (max-width: 580px) {
  .list-campaign-service li {
    width: calc(50% - 10px);
  }
}
@media (max-width: 365px) {
  .list-campaign-service li {
    font-size: 1rem;
  }
}
@media (max-width: 768px) {
  .list-campaign-service li img {
    height: 80px;
    max-width: none;
    width: auto;
  }
}
@media (max-width: 365px) {
  .list-campaign-service li img {
    height: 65px;
  }
}

.campaign-nanto {
  align-items: center;
  background-image: url("images/setplan/fu01.png");
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  font-size: 3.2rem;
  font-weight: 500;
  height: 147px;
  justify-content: center;
  margin: 0 0 -60px -50px;
  width: 196px;
}
@media (max-width: 768px) {
  .campaign-nanto {
    font-size: 2.4rem;
    height: 110px;
    margin: -30px 0 -100px 0;
    width: 147px;
  }
}
@media (max-width: 580px) {
  .campaign-nanto {
    font-size: 1.8rem;
    height: 77px;
    margin: -60px 0 -10px -10px;
    width: 103px;
  }
}
@media (max-width: 365px) {
  .campaign-nanto {
    margin: -80px 0 0px -10px;
  }
}

.campaign-hokanimo {
  display: block;
  position: absolute;
  right: calc(50% - 350px);
  top: -80px;
}
@media (max-width: 580px) {
  .campaign-hokanimo {
    right: -22px;
    top: -100px;
    width: 120px;
  }
}
@media (max-width: 365px) {
  .campaign-hokanimo {
    right: -18px;
  }
}

.campaign-zero-yen {
  align-items: flex-end;
  display: flex;
  font-size: 2.6rem;
  font-weight: 500;
  justify-content: center;
}
@media (max-width: 768px) {
  .campaign-zero-yen {
    font-size: 2rem;
  }
}
@media (max-width: 580px) {
  .campaign-zero-yen {
    font-size: 1.6rem;
  }
}
@media (max-width: 365px) {
  .campaign-zero-yen {
    font-size: 1.4rem;
  }
}
.campaign-zero-yen > div {
  margin: 10px;
  width: 50%;
}
@media (max-width: 580px) {
  .campaign-zero-yen > div {
    margin: 0;
  }
}
.campaign-zero-yen .left-side {
  line-height: 1.6;
  padding: 0 0 15px;
  text-align: right;
}
@media (max-width: 580px) {
  .campaign-zero-yen .left-side {
    padding: 0 0 10px;
  }
}
@media (max-width: 768px) {
  .campaign-zero-yen .zero-yen {
    width: 80%;
  }
}
@media (max-width: 580px) {
  .campaign-zero-yen .zero-yen {
    margin-left: 15px;
  }
}

/* EXAMPLE CARD */
.campaign-example-card {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
  margin: 60px auto 160px;
  max-width: 700px;
}
@media (max-width: 768px) {
  .campaign-example-card {
    margin: 60px auto;
  }
}

.campaign-example-card-header {
  background: #FFE100;
  padding: 25px;
  text-align: center;
}
@media (max-width: 768px) {
  .campaign-example-card-header {
    padding: 20px;
  }
}
@media (max-width: 580px) {
  .campaign-example-card-header {
    font-size: 1.6rem;
    padding: 15px;
  }
}
.campaign-example-card-header .example-number {
  font-size: 3.6rem;
}
@media (max-width: 768px) {
  .campaign-example-card-header .example-number {
    font-size: 2.8rem;
  }
}
@media (max-width: 580px) {
  .campaign-example-card-header .example-number {
    font-size: 2.6rem;
  }
}

.campaign-example-card-body {
  display: flex;
  justify-content: center;
  padding: 35px;
}
@media (max-width: 580px) {
  .campaign-example-card-body {
    align-items: center;
    flex-direction: column;
  }
}
.campaign-example-card-body .card-items {
  font-size: 1.6rem;
  font-weight: 500;
  position: relative;
  text-align: center;
}
@media (max-width: 768px) {
  .campaign-example-card-body .card-items {
    font-size: 1.4rem;
  }
}
@media (max-width: 580px) {
  .campaign-example-card-body .card-items {
    max-height: 90px;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .campaign-example-card-body .card-items img {
    max-height: 90px;
  }
}
@media (max-width: 580px) {
  .campaign-example-card-body .card-items img {
    max-height: 65px;
  }
}
.campaign-example-card-body .card-items .price-badge {
  align-items: center;
  background: #fee100;
  border-radius: 50%;
  display: flex;
  font-size: 3rem;
  font-weight: 500;
  height: 82px;
  justify-content: center;
  left: -35px;
  position: absolute;
  top: -30px;
  transform: rotate(-15deg);
  width: 82px;
}
@media (max-width: 768px) {
  .campaign-example-card-body .card-items .price-badge {
    font-size: 2.2rem;
    height: 60px;
    left: -20px;
    top: -18px;
    width: 60px;
  }
}
@media (max-width: 580px) {
  .campaign-example-card-body .card-items .price-badge {
    font-size: 2rem;
    height: 56px;
    left: calc(50% - 65px);
    top: -18px;
    width: 56px;
  }
}
.campaign-example-card-body .card-items .price-badge .manen {
  font-size: 1.4rem;
}
@media (max-width: 768px) {
  .campaign-example-card-body .card-items .price-badge .manen {
    font-size: 1.1rem;
  }
}
@media (max-width: 580px) {
  .campaign-example-card-body .card-items .price-badge .manen {
    font-size: 1rem;
  }
}
.campaign-example-card-body .icon-plus {
  background-image: url("images/icon-plus@2x.png");
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  height: 30px;
  margin: 85px 40px;
  width: 30px;
}
@media (max-width: 768px) {
  .campaign-example-card-body .icon-plus {
    height: 25px;
    margin: 55px 25px;
    width: 25px;
  }
}
@media (max-width: 580px) {
  .campaign-example-card-body .icon-plus {
    margin: 35px 0;
  }
}

.campaign-example-card-footer {
  align-items: center;
  border-top: solid 1px #707070;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  padding: 15px 0;
  width: 90%;
}
@media (max-width: 580px) {
  .campaign-example-card-footer {
    flex-direction: column;
    margin-top: 20px;
  }
}
.campaign-example-card-footer p {
  font-size: 12px;
}
@media (max-width: 768px) {
  .campaign-example-card-footer p {
    font-size: 10px;
  }
}
@media (max-width: 580px) {
  .campaign-example-card-footer p {
    margin: 5px auto;
  }
}
@media (max-width: 580px) {
  .campaign-example-card-footer .price {
    order: 1;
  }
}
@media (max-width: 580px) {
  .campaign-example-card-footer .notes {
    order: 2;
  }
}

.setplan-list {
  display: flex;
  list-style: none;
  max-width: 934px;
  margin: 0 auto;
  padding: 0;
}
@media (max-width: 960px) {
  .setplan-list {
    flex-direction: column;
  }
}
.setplan-list .setplan-list__items {
  background-color: #FFE100;
  display: flex;
  flex-direction: column;
  margin: 0 10px;
  width: 31.0492505353%;
  padding: 20px;
}
@media (max-width: 960px) {
  .setplan-list .setplan-list__items {
    margin: 0 auto 20px;
    max-width: 580px;
    width: 100%;
  }
  .setplan-list .setplan-list__items:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 768px) {
  .setplan-list .setplan-list__items {
    width: 100%;
  }
}
.setplan-list .setplan-list__items .setplan-list__head {
  align-items: center;
  display: flex;
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  justify-content: space-between;
  padding: 7px 0 5px;
}
.setplan-list .setplan-list__items .setplan-list__head .setplan-list__title {
  font-size: 2.4rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.125;
}
@media (max-width: 365px) {
  .setplan-list .setplan-list__items .setplan-list__head .setplan-list__title {
    font-size: 1.8rem;
  }
}
.setplan-list .setplan-list__items .setplan-list__head .setplan-list__price {
  font-size: 6rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.2;
}
@media (max-width: 365px) {
  .setplan-list .setplan-list__items .setplan-list__head .setplan-list__price {
    font-size: 4rem;
  }
}
.setplan-list .setplan-list__items .setplan-list__head .setplan-list__price .setplan-list__price-small {
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  line-height: 1;
}
.setplan-list .setplan-list__items .setplan-list__contents {
  background-color: #fff;
  list-style: none;
  flex-grow: 1;
  padding: 40px 28px;
}
@media (max-width: 580px) {
  .setplan-list .setplan-list__items .setplan-list__contents {
    padding: 40px 20px;
  }
}
.setplan-list .setplan-list__items .setplan-list__contents .setplan-list__contents-items {
  align-items: center;
  display: flex;
  margin: 0 0 25px;
}
.setplan-list .setplan-list__items .setplan-list__contents .setplan-list__contents-items .setplan-list__contents-icon {
  display: block;
  height: auto;
  margin: 0 25px 0 0;
  width: 40px;
}
.setplan-list .setplan-list__items .setplan-list__contents .setplan-list__contents-items .setplan-list__contents-text {
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.5;
}
.setplan-list .setplan-list__items .setplan-list__contents .setplan-list__contents-items .setplan-list__contents-text span {
  display: block;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.4285714286;
}

.setplan-text {
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 2.5;
  max-width: 934px;
  margin: 0 auto;
  padding: 0 10px;
}
@media (max-width: 960px) {
  .setplan-text {
    padding: 0;
    width: 90%;
  }
}
@media (max-width: 768px) {
  .setplan-text {
    font-size: 1.2rem;
    letter-spacing: 0;
    line-height: 1.6666666667;
    width: 100%;
  }
}

.setplan-message {
  max-width: 934px;
  margin: 0 auto;
  padding: 0 10px;
}
@media (max-width: 960px) {
  .setplan-message {
    padding: 0;
    width: 90%;
  }
}
@media (max-width: 768px) {
  .setplan-message {
    width: 100%;
  }
}

.setplan-headline {
  font-size: 3.2rem;
  letter-spacing: 0;
  line-height: 1.65625;
  text-align: center;
}
@media (max-width: 768px) {
  .setplan-headline {
    font-size: 2.2rem;
    letter-spacing: 0;
    line-height: 1.5;
  }
}

.setplan-message__contents {
  background-color: #FFE100;
  padding: 40px;
  position: relative;
}
@media (max-width: 768px) {
  .setplan-message__contents {
    padding: 40px 20px 20px;
  }
}
.setplan-message__contents .setplan-message__deco01 {
  display: block;
  height: auto;
  position: absolute;
  left: 10.5%;
  top: -16%;
  width: 87px;
}
@media (max-width: 768px) {
  .setplan-message__contents .setplan-message__deco01 {
    left: 23px;
    top: -23px;
    width: 47px;
  }
}
.setplan-message__contents .setplan-message__deco02 {
  display: block;
  height: auto;
  position: absolute;
  right: 31px;
  top: -84px;
  width: 185px;
}
@media (max-width: 768px) {
  .setplan-message__contents .setplan-message__deco02 {
    right: 6px;
    top: -20px;
    width: 88px;
  }
}
.setplan-message__contents .setplan-message__text {
  background-color: #fff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 2.5;
  padding: 60px 40px 40px 40px;
}
@media (max-width: 768px) {
  .setplan-message__contents .setplan-message__text {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.1em;
    line-height: 2.0833333333;
    padding: 20px 10px 10px 10px;
  }
}

.download__text {
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.75;
  text-align: center;
}

.download__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style: none;
  padding: 0;
}
.download__list .download__items {
  margin: 0 0 58px;
  width: calc(50% - 9px);
}
@media (max-width: 768px) {
  .download__list .download__items {
    width: 100%;
  }
}
.download__list .download__items .download__items-link {
  display: block;
}
.download__list .download__items .download__items-link:hover {
  opacity: 1;
  text-decoration: none;
}
.download__list .download__items .download__items-link:hover .download__items-photo::before {
  opacity: 0.1;
}
.download__list .download__items .download__items-link .download__items-photo {
  border-radius: 7px;
  display: block;
  line-height: 0;
  margin: 0;
  overflow: hidden;
  position: relative;
}
.download__list .download__items .download__items-link .download__items-photo::before {
  background: #000;
  border-radius: 7px;
  content: "";
  display: block;
  height: 100%;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  transition: opacity 0.3s ease;
  width: 100%;
}
.download__list .download__items .download__items-link .download__items-photo img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.download__list .download__items .download__items-link .download__items-body {
  padding: 18px 10px 0;
}
.download__list .download__items .download__items-link .download__items-body .download__items-headline {
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.25;
  margin: 0 0 21px;
}
@media (max-width: 768px) {
  .download__list .download__items .download__items-link .download__items-body .download__items-headline {
    font-size: 1.6rem;
    margin: 0 0 10px;
  }
}
.download__list .download__items .download__items-link .download__items-body .download__items-button {
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 2;
  padding: 0 0 0 64px;
  position: relative;
}
@media (max-width: 768px) {
  .download__list .download__items .download__items-link .download__items-body .download__items-button {
    font-size: 1.2rem;
  }
}
.download__list .download__items .download__items-link .download__items-body .download__items-button::before {
  background: #FFE100;
  border-radius: 50%;
  content: "";
  display: block;
  height: 28px;
  position: absolute;
  left: 0;
  top: -3px;
  width: 28px;
}
.download__list .download__items .download__items-link .download__items-body .download__items-button::after {
  background: url("images/icon-arrow-download-list.svg") no-repeat center center/contain;
  content: "";
  display: block;
  height: 11px;
  position: absolute;
  left: 14px;
  top: 0;
  width: 34px;
}

.download__detail .download-detail__headline {
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.25;
  margin: 0 0 16px;
  text-align: center;
}
@media (max-width: 768px) {
  .download__detail .download-detail__headline {
    font-size: 1.8rem;
  }
}
.download__detail .download-detail__text {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.1em;
  line-height: 2;
  margin: 0 0 39px;
  text-align: center;
}
.download__detail .download-detail__slider {
  display: flex;
  height: 494px;
  margin: 0 auto;
  max-width: 679px;
  position: relative;
}
@media (max-width: 768px) {
  .download__detail .download-detail__slider {
    height: auto;
  }
}
.download__detail .download-detail__slider .slick-list {
  width: 100%;
  z-index: -1;
}
.download__detail .download-detail__slider .slick-list .slick-track {
  display: flex;
  height: 100%;
}
.download__detail .download-detail__slider .slick-list .slick-track .download-detail__slider-items {
  border-radius: 7px;
  overflow: hidden;
}
.download__detail .download-detail__slider .slick-list .slick-track .download-detail__slider-items img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.download__detail .download-detail__slider .slick-prev,
.download__detail .download-detail__slider .slick-next {
  height: 39px;
  width: 39px;
}
.download__detail .download-detail__slider .slick-prev::before,
.download__detail .download-detail__slider .slick-next::before {
  background: url("images/icon-download-slider.svg") no-repeat center left/contain;
  height: 100%;
  width: 100%;
}
.download__detail .download-detail__slider .slick-next::before {
  transform: scale(-1, 1);
}
.download__detail .download-detail__slider-nav {
  margin: 0 auto;
  max-width: 679px;
}
.download__detail .download-detail__slider-nav .slick-list {
  padding: 0 !important;
}
.download__detail .download-detail__slider-nav .slick-list .slick-track {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0 -5px;
  transform: translate3d(0, 0, 0) !important;
  width: calc(100% + 10px) !important;
}
.download__detail .download-detail__slider-nav .slick-list .slick-track .slick-slide {
  border-radius: 7px;
  cursor: pointer;
  margin: 0 5px 10px;
  overflow: hidden;
  width: 162px !important;
}
@media (max-width: 768px) {
  .download__detail .download-detail__slider-nav .slick-list .slick-track .slick-slide {
    width: calc(50% - 10px) !important;
  }
}
.download__detail .download-detail__slider-nav .slick-list .slick-track .slick-slide.slick-cloned {
  display: none;
}
.download__detail .download-detail__slider-nav .slick-list .slick-track .slick-slide img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.download__detail .hbspt-form {
  font-size: 1.6rem;
  font-weight: 500;
  margin: 0 auto;
  max-width: 750px;
}
@media (max-width: 768px) {
  .download__detail .hbspt-form {
    font-size: 1.4rem;
    margin: 10px 0;
  }
}
.download__detail .hbspt-form fieldset {
  border: none;
  margin: 0 0 35px;
  padding: 0;
}
.download__detail .hbspt-form .form-columns-0 {
  max-width: none;
}
.download__detail .hbspt-form .form-columns-1,
.download__detail .hbspt-form .form-columns-2 {
  display: flex;
  max-width: 100%;
  width: 100%;
}
.download__detail .hbspt-form .form-columns-1 .input,
.download__detail .hbspt-form .form-columns-2 .input {
  margin: 0;
  min-width: 0;
  width: calc(100% - 215px);
}
@media (max-width: 768px) {
  .download__detail .hbspt-form .form-columns-1 .input,
  .download__detail .hbspt-form .form-columns-2 .input {
    padding: 0 5px;
    width: 100%;
  }
}
.download__detail .hbspt-form .form-columns-1 .hs-form-field,
.download__detail .hbspt-form .form-columns-2 .hs-form-field {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.download__detail .hbspt-form .form-columns-1 .hs-form-field > label,
.download__detail .hbspt-form .form-columns-2 .hs-form-field > label {
  padding: 0 20px 0 0;
  text-align: right;
  width: 215px;
}
@media (max-width: 768px) {
  .download__detail .hbspt-form .form-columns-1 .hs-form-field > label,
  .download__detail .hbspt-form .form-columns-2 .hs-form-field > label {
    max-width: 100%;
    padding: 0 5px;
    text-align: left;
    width: 100%;
  }
}
.download__detail .hbspt-form .form-columns-1 .hs-form-field > label .hs-form-required,
.download__detail .hbspt-form .form-columns-2 .hs-form-field > label .hs-form-required {
  color: transparent;
  display: inline-block;
}
.download__detail .hbspt-form .form-columns-1 .hs-form-field > label .hs-form-required::after,
.download__detail .hbspt-form .form-columns-2 .hs-form-field > label .hs-form-required::after {
  background-color: #F57609;
  border-radius: 10px;
  color: #fff;
  content: "必須";
  display: inline-block;
  font-size: 1.2rem;
  line-height: 1;
  margin: 0 0 -2px 0;
  padding: 7px 10px;
  vertical-align: bottom;
}
@media (max-width: 768px) {
  .download__detail .hbspt-form .form-columns-1 .hs-form-field > label .hs-form-required::after,
  .download__detail .hbspt-form .form-columns-2 .hs-form-field > label .hs-form-required::after {
    font-size: 1rem;
    margin: 0;
    padding: 5px 8px;
  }
}
.download__detail .hbspt-form .form-columns-1 .hs-form-field textarea.hs-input,
.download__detail .hbspt-form .form-columns-1 .hs-form-field input.hs-input,
.download__detail .hbspt-form .form-columns-2 .hs-form-field textarea.hs-input,
.download__detail .hbspt-form .form-columns-2 .hs-form-field input.hs-input {
  border: solid 2px #BCB8B8;
  border-radius: 7px;
  font-size: 1.8rem;
  font-weight: 300;
  margin: 5px 0;
  outline: none;
  padding: 10px 12px;
  width: 100%;
}
.download__detail .hbspt-form .form-columns-1 .hs-form-field textarea.hs-input::placeholder,
.download__detail .hbspt-form .form-columns-1 .hs-form-field input.hs-input::placeholder,
.download__detail .hbspt-form .form-columns-2 .hs-form-field textarea.hs-input::placeholder,
.download__detail .hbspt-form .form-columns-2 .hs-form-field input.hs-input::placeholder {
  color: #BFBCBC;
}
.download__detail .hbspt-form .form-columns-1 .hs-form-field textarea.hs-input:focus,
.download__detail .hbspt-form .form-columns-1 .hs-form-field input.hs-input:focus,
.download__detail .hbspt-form .form-columns-2 .hs-form-field textarea.hs-input:focus,
.download__detail .hbspt-form .form-columns-2 .hs-form-field input.hs-input:focus {
  background-color: #FFFBE0;
}
.download__detail .hbspt-form .form-columns-1 .hs-form-field textarea,
.download__detail .hbspt-form .form-columns-2 .hs-form-field textarea {
  height: 220px;
}
.download__detail .hbspt-form .form-columns-1 .inputs-list,
.download__detail .hbspt-form .form-columns-2 .inputs-list {
  list-style: none;
  padding: 0;
}
.download__detail .hbspt-form .form-columns-1 .inputs-list label,
.download__detail .hbspt-form .form-columns-2 .inputs-list label {
  font-size: 1.5rem;
  font-weight: 400;
  padding: 0 !important;
}
@media (max-width: 768px) {
  .download__detail .hbspt-form .form-columns-1 .inputs-list label,
  .download__detail .hbspt-form .form-columns-2 .inputs-list label {
    font-size: 1.3rem;
  }
}
.download__detail .hbspt-form .form-columns-1 .inputs-list label a,
.download__detail .hbspt-form .form-columns-2 .inputs-list label a {
  text-decoration: underline;
}
.download__detail .hbspt-form .form-columns-1 .inputs-list label a:hover,
.download__detail .hbspt-form .form-columns-2 .inputs-list label a:hover {
  opacity: 1;
  text-decoration: none;
}
.download__detail .hbspt-form .form-columns-1 .inputs-list label input[type=checkbox],
.download__detail .hbspt-form .form-columns-2 .inputs-list label input[type=checkbox] {
  display: none;
}
.download__detail .hbspt-form .form-columns-1 .inputs-list label input[type=checkbox] + span,
.download__detail .hbspt-form .form-columns-2 .inputs-list label input[type=checkbox] + span {
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  margin: 0;
  padding: 10px 0 5px 30px;
  position: relative;
  width: auto;
}
.download__detail .hbspt-form .form-columns-1 .inputs-list label input[type=checkbox] + span::before,
.download__detail .hbspt-form .form-columns-2 .inputs-list label input[type=checkbox] + span::before {
  background: #fff;
  border: 1px solid #231815;
  content: "";
  display: block;
  height: 16px;
  left: 5px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  width: 16px;
}
.download__detail .hbspt-form .form-columns-1 .inputs-list label input[type=checkbox] + span::after,
.download__detail .hbspt-form .form-columns-2 .inputs-list label input[type=checkbox] + span::after {
  border-right: 3px solid #65B54E;
  border-bottom: 3px solid #65B54E;
  content: "";
  display: block;
  height: 9px;
  left: 10px;
  margin-top: -7px;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: rotate(45deg);
  width: 5px;
}
.download__detail .hbspt-form .form-columns-1 .inputs-list label input[type=checkbox]:checked + span::after,
.download__detail .hbspt-form .form-columns-2 .inputs-list label input[type=checkbox]:checked + span::after {
  opacity: 1;
}
.download__detail .hbspt-form .form-columns-1 .inputs-list label .hs-form-required,
.download__detail .hbspt-form .form-columns-2 .inputs-list label .hs-form-required {
  display: none;
}
.download__detail .hbspt-form .form-columns-2 {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 768px) {
  .download__detail .hbspt-form .form-columns-2 .hs-form-field {
    float: left !important;
    width: 50%;
  }
}
.download__detail .hbspt-form .form-columns-2 .hs-form-field:first-child {
  width: 352px;
}
@media (max-width: 768px) {
  .download__detail .hbspt-form .form-columns-2 .hs-form-field:first-child {
    width: 50%;
  }
}
.download__detail .hbspt-form .form-columns-2 .hs-form-field:first-child label {
  width: 160px;
}
@media (max-width: 768px) {
  .download__detail .hbspt-form .form-columns-2 .hs-form-field:first-child label {
    width: 100%;
  }
}
.download__detail .hbspt-form .form-columns-2 .hs-form-field:first-child .input {
  max-width: 180px;
  min-width: 180px;
}
@media (max-width: 768px) {
  .download__detail .hbspt-form .form-columns-2 .hs-form-field:first-child .input {
    max-width: 100%;
    min-width: 100%;
  }
}
.download__detail .hbspt-form .form-columns-2 .hs-form-field:last-child {
  width: 342px;
}
@media (max-width: 768px) {
  .download__detail .hbspt-form .form-columns-2 .hs-form-field:last-child {
    width: 50%;
  }
}
.download__detail .hbspt-form .form-columns-2 .hs-form-field:last-child label {
  width: 160px;
}
@media (max-width: 768px) {
  .download__detail .hbspt-form .form-columns-2 .hs-form-field:last-child label {
    width: 100%;
  }
}
.download__detail .hbspt-form .form-columns-2 .hs-form-field:last-child .input {
  max-width: 180px;
  min-width: 180px;
}
@media (max-width: 768px) {
  .download__detail .hbspt-form .form-columns-2 .hs-form-field:last-child .input {
    max-width: 100%;
    min-width: 100%;
  }
}
.download__detail .hbspt-form .form-columns-2 .hs-form-field:last-child .hs-error-msgs {
  padding: 0 0 0 110px;
}
@media (max-width: 768px) {
  .download__detail .hbspt-form .form-columns-2 .hs-form-field:last-child .hs-error-msgs {
    padding: 0 5px;
  }
}
@media (max-width: 768px) {
  .download__detail .hbspt-form .form-columns-2 .hs-form-field textarea.hs-input,
  .download__detail .hbspt-form .form-columns-2 .hs-form-field input.hs-input {
    width: 100% !important;
  }
}
.download__detail .hbspt-form .legal-consent-container {
  width: 100%;
}
.download__detail .hbspt-form .hs_submit {
  margin: 80px 0 0;
  width: 100%;
}
.download__detail .hbspt-form .hs-button.primary {
  background: #74ce5a;
  background: -moz-linear-gradient(top, #74ce5a 0%, #215311 100%);
  background: -webkit-linear-gradient(top, #74ce5a 0%, #215311 100%);
  background: linear-gradient(to bottom, #74ce5a 0%, #215311 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#74ce5a", endColorstr="#215311",GradientType=0 );
  border: none;
  border-radius: 30px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.6);
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.5;
  margin: 0 auto;
  max-width: 275px;
  padding: 20px 0;
  width: 90%;
}
@media (max-width: 768px) {
  .download__detail .hbspt-form .hs-button.primary {
    border-radius: 18px;
    font-size: 1.8rem;
    max-width: 220px;
    padding: 12px 0;
  }
}
@media (max-width: 365px) {
  .download__detail .hbspt-form .hs-button.primary {
    border-radius: 15px;
  }
}
.download__detail .hbspt-form .hs-button.primary:hover {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  opacity: 1;
  text-decoration: none;
}
.download__detail .hbspt-form .hs-error-msgs {
  border: none;
  color: red;
  font-size: 1.4rem;
  font-weight: 300;
  list-style: none;
  margin: 0 0 15px;
  padding: 0 0 0 215px;
  width: 100%;
}
@media (max-width: 768px) {
  .download__detail .hbspt-form .hs-error-msgs {
    padding: 0 0 0 5px;
  }
}
.download__detail .hbspt-form .hs-error-msgs .hs-error-msg {
  font-size: 1.2rem;
}
@media (max-width: 768px) {
  .download__detail .hbspt-form .hs-error-msgs .hs-error-msg {
    display: block;
  }
}
.download__detail .hbspt-form .hs_error_rollup {
  margin: 0 auto;
}
.download__detail .hbspt-form .hs_error_rollup .hs-error-msgs {
  padding: 0;
}
.download__detail .hbspt-form .submitted-message {
  text-align: center;
}

/* safari css hack */
@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 1px) {
  html {
    overflow-x: auto;
    overflow-y: hidden;
  }
}/*# sourceMappingURL=style.css.map */