@charset "utf-8";



/*/////////////////////////////////////////
スタイルリセット
/////////////////////////////////////////*/

#idsutekinaanohito div, #idsutekinaanohito span, #idsutekinaanohito applet, #idsutekinaanohito object, #idsutekinaanohito iframe, #idsutekinaanohito input, #idsutekinaanohito h1, #idsutekinaanohito h2, #idsutekinaanohito h3, #idsutekinaanohito h4, #idsutekinaanohito h5, #idsutekinaanohito h6, #idsutekinaanohito p, #idsutekinaanohito blockquote, #idsutekinaanohito pre, #idsutekinaanohito a, #idsutekinaanohito abbr, #idsutekinaanohito acronym, #idsutekinaanohito address, #idsutekinaanohito big, #idsutekinaanohito cite, #idsutekinaanohito code, #idsutekinaanohito del, #idsutekinaanohito dfn, #idsutekinaanohito em, #idsutekinaanohito img, #idsutekinaanohito ins, #idsutekinaanohito kbd, #idsutekinaanohito q, #idsutekinaanohito s, #idsutekinaanohito samp, #idsutekinaanohito small, #idsutekinaanohito strike, #idsutekinaanohito strong, #idsutekinaanohito sub, #idsutekinaanohito sup, #idsutekinaanohito tt, #idsutekinaanohito var, #idsutekinaanohito b, #idsutekinaanohito u, #idsutekinaanohito i, #idsutekinaanohito center, #idsutekinaanohito dl, #idsutekinaanohito dt, #idsutekinaanohito dd, #idsutekinaanohito ol, #idsutekinaanohito ul, #idsutekinaanohito li, #idsutekinaanohito fieldset, #idsutekinaanohito form, #idsutekinaanohito label, #idsutekinaanohito legend, #idsutekinaanohito table, #idsutekinaanohito caption, #idsutekinaanohito tbody, #idsutekinaanohito tfoot, #idsutekinaanohito thead, #idsutekinaanohito tr, #idsutekinaanohito th, #idsutekinaanohito td, #idsutekinaanohito article, #idsutekinaanohito aside, #idsutekinaanohito canvas, #idsutekinaanohito details, #idsutekinaanohito embed, #idsutekinaanohito figure, #idsutekinaanohito figcaption, #idsutekinaanohito footer, #idsutekinaanohito header, #idsutekinaanohito hgroup, #idsutekinaanohito menu, #idsutekinaanohito nav, #idsutekinaanohito output, #idsutekinaanohito ruby, #idsutekinaanohito section, #idsutekinaanohito summary, #idsutekinaanohito time, #idsutekinaanohito mark, #idsutekinaanohito audio, #idsutekinaanohito video, #idsutekinaanohito button{border: 0 none;/* font-size: 100%; *//*font-weight: normal;*/margin: 0;padding: 0;text-align: inherit;vertical-align: baseline;}
#idsutekinaanohito ol, #idsutekinaanohito ul {list-style: none outside none;}
#idsutekinaanohito blockquote, #idsutekinaanohito q {quotes: none;}
#idsutekinaanohito blockquote:before, #idsutekinaanohito blockquote:after, #idsutekinaanohito #idsutekinaanohito q:before, #idsutekinaanohito q:after {content: none;}
#idsutekinaanohito article, #idsutekinaanohito aside, #idsutekinaanohito details, #idsutekinaanohito figcaption, #idsutekinaanohito figure, #idsutekinaanohito footer, #idsutekinaanohito header, #idsutekinaanohito hgroup, #idsutekinaanohito, #idsutekinaanohito nav, #idsutekinaanohito section {display: block;}
#idsutekinaanohito audio, #idsutekinaanohito canvas, #idsutekinaanohito video {display: inline-block;}
#idsutekinaanohito  {-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%;}
#idsutekinaanohito *, #idsutekinaanohito :before, #idsutekinaanohito :after {box-sizing: border-box;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
#idsutekinaanohito img {border: none; -ms-interpolation-mode: bicubic; outline: none; vertical-align: bottom;}
#idsutekinaanohito button, #idsutekinaanohito input, #idsutekinaanohito textarea, #idsutekinaanohito select {background: none; border: none; border-radius: 0; outline: none;}
#idsutekinaanohito button {cursor: pointer; -webkit-appearance: none;}
#idsutekinaanohito input {-webkit-appearance: none;}
#idsutekinaanohito input::-moz-focus-inner, #idsutekinaanohito button::-moz-focus-inner {border: none; outline: none;}
#idsutekinaanohito textarea {-webkit-appearance: none;}
#idsutekinaanohito a, #idsutekinaanohito a.hover {text-decoration: none;}
#idsutekinaanohito a:focus {outline: none;}
#idsutekinaanohito br{line-height: 1;}



/*/////////////////////////////////////////
WEBフォント
/////////////////////////////////////////*/

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?450a1z2');
  src:  url('fonts/icomoon.eot?450a1z2#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?450a1z2') format('truetype'),
    url('fonts/icomoon.woff?450a1z2') format('woff'),
    url('fonts/icomoon.svg?450a1z2#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

#idsutekinaanohito [class^="icon_"], #idsutekinaanohito [class*=" icon_"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



/*/////////////////////////////////////////

/////////////////////////////////////////*/

#idsutekinaanohito {
  color: #000;
  /*font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", 'Hiragino Kaku Gothic Pro', "Hiragino Sans", "メイリオ", Meiryo, sans-serif;
  font-feature-settings: "palt";
  font-size: 14px;
  line-height: 164%;
  -webkit-text-size-adjust: 100%;
  opacity: 1;
  transition: opacity .5s .5s;
  min-width: 1280px;
  /* min-width: 1360px; */
}

#idsutekinaanohito.loading {
  /* opacity: 0; */
}

#idsutekinaanohito a,
#idsutekinaanohito button {
  color: #000;
  transition: opacity .5s;
}

#idsutekinaanohito a.hover,
#idsutekinaanohito button.hover {
  opacity: .5;
}

#idsutekinaanohito .ifPc {display: inline-block;}
#idsutekinaanohito .ifSp {display: none;}

@media (max-width: 750px) {

  #idsutekinaanohito .ifPc {display: none;}
  #idsutekinaanohito .ifSp {display: inline-block;}  
}

#idsutekinaanohito .wrap-01 {margin-left: 40px; margin-right: 40px;}

@media (max-width: 750px) {

  #idsutekinaanohito .wrap-01 {margin-left: 25px; margin-left: 6.66vw; margin-right: 25px; margin-right: 6.66vw;}
}

@media (max-width: 750px) {

  #idsutekinaanohito .wrap-sp-x0 {margin-left: 0; margin-right: 0;}
}

#idsutekinaanohito .wrap--w250 {margin: 0 auto; width: 100%; max-width: 250px;}
#idsutekinaanohito .wrap--w270 {margin: 0 auto; width: 100%; max-width: 270px;}
#idsutekinaanohito .wrap--w280 {margin: 0 auto; width: 100%; max-width: 280px;}
#idsutekinaanohito .wrap--w340 {margin: 0 auto; width: 100%; max-width: 340px;}
#idsutekinaanohito .wrap--w480 {margin: 0 auto; width: 100%; max-width: 480px;}
#idsutekinaanohito .wrap--w630 {margin: 0 auto; width: 100%; max-width: 630px;}
#idsutekinaanohito .wrap--w1000 {margin: 0 auto; width: 100%; max-width: 1000px;}
#idsutekinaanohito .wrap--w1160 {margin: 0 auto; width: 100%; max-width: 1160px;}
#idsutekinaanohito .wrap--w1180 {margin: 0 auto; width: 100%; max-width: 1180px;}
#idsutekinaanohito .wrap--w1200 {margin: 0 auto; width: 100%; max-width: 1200px;}
#idsutekinaanohito .wrap--w1245 {margin: 0 auto; width: 100%; max-width: 1245px;}

#idsutekinaanohito strong {
  font-weight: bold;
}

#idsutekinaanohito .bg-white {
  background: #fff;
}

#idsutekinaanohito .ta-c {
  text-align: center;
}

#idsutekinaanohito .line {
  background: linear-gradient(transparent 0%, #ffeec1 0%, #ffeec1 100%, transparent 100%);
  color: #EF6E0B;
  font-weight: bold;
}

#idsutekinaanohito .line-white {
  background: linear-gradient(transparent 0%, #fff 0%, #fff 100%, transparent 100%);
  color: #000;
  font-weight: bold;
}

#idsutekinaanohito .line-ivory {
  background: linear-gradient(transparent 0%, #ece8e0 0%, #ece8e0 100%, transparent 100%);
  color: #000;
  font-weight: bold;
}



/**
 * #idsutekinaanohito section
 */

#idsutekinaanohito section {
  /* padding: 0 40px; */
}



#idsutekinaanohito .breadcrumbs {
  margin-bottom: 24px;
  margin-top: 33px;
  width: 1024px;
  margin: 0 auto;
  padding: 15px 0 10px;
}



/**
 * #idsutekinaanohito .mv--01
 */

#idsutekinaanohito .mv--01 {
}

#idsutekinaanohito .mv--01 + .mv--01 {
}

#idsutekinaanohito .mv--01 [class^="wrap--0"],
#idsutekinaanohito .mv--01 [class*=" wrap--0"] {
}

#idsutekinaanohito .mv--01 [class^="wrap--w"],
#idsutekinaanohito .mv--01 [class*=" wrap--w"] {
}

#idsutekinaanohito .mv--01 .mv-contents {
  /* padding: 0 100px; */
  position: relative;
  margin: 0 auto;
  max-width: 2000px;
  /* width: 100%; */
  z-index: 1;
}

#idsutekinaanohito .mv--01 .mv-contents img {
  display: inline-block;
  vertical-align: bottom;
  width: 100%;
}

#idsutekinaanohito .mv--01 .mv-image {
}

#idsutekinaanohito .mv--01 .mv-title {
  position: absolute;
  width: 100%;
  z-index: 1;
}

#idsutekinaanohito .mv--01 .mv-title-1 {
  left: 52.9%;
  top: 10.6%;
  width: 20%;
  /* width: 319px; */
}

#idsutekinaanohito .mv--01 .mv-title-2 {
  left: 41.2%;
  top: 25.9%;
  width: 43.2%;
  /* width: 691px; */
}

#idsutekinaanohito .mv--01 .mv-title-3 {
  left: 36.9%;
  top: 57.9%;
  width: 50.6%;
  /* max-width: 809px; */
}

#idsutekinaanohito .mv--01 .mv-title-4 {
  left: 26.3%;
  top: 6.2%;
  width: 12.5%;
  /* max-width: 809px; */
}



/**
 * #idsutekinaanohito .boxx--01
 */

#idsutekinaanohito .boxx--01 {
  margin: 100px auto 0;
  padding: 0 40px;
}

#idsutekinaanohito .boxx--01 + .boxx--01 {
}

#idsutekinaanohito .boxx--01 [class^="wrap--0"],
#idsutekinaanohito .boxx--01 [class*=" wrap--0"] {
}

#idsutekinaanohito .boxx--01 [class^="wrap--w"],
#idsutekinaanohito .boxx--01 [class*=" wrap--w"] {
}

#idsutekinaanohito .boxx--01 img {
  display: inline-block;
  vertical-align: bottom;
  max-width: 100%;
}

#idsutekinaanohito .boxx--01 a {
}

#idsutekinaanohito .boxx--01 > .boxx-inner {
  margin: 0 auto;
  max-width: 1072px;
}

#idsutekinaanohito .boxx--01 .boxx-header {
  margin: 0 0 38px;
  text-align: center;
}

#idsutekinaanohito .boxx--01 .boxx-contents {
  font-size: 16px;
  letter-spacing: .08rem;
  line-height: 2;
  text-align: center;
}

#idsutekinaanohito .boxx--01 .boxx-sentence {
  font-size: 16px;
  letter-spacing: .08rem;
  line-height: calc(32 / 16);
}

#idsutekinaanohito .boxx--01 .boxx-sentence p {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 2;
}

#idsutekinaanohito .boxx--01 .boxx-sentence p + p {
  margin-top: 18px;
}

#idsutekinaanohito .boxx--01 .boxx-sentence p span {
  color: #1A9A8B;
}



/**
 * #idsutekinaanohito .boxx--02
 */

#idsutekinaanohito .boxx--02 {
  margin: 165px 0 0;
  padding: 0 0 100px;
  position: relative;
  z-index: 1;
}

#idsutekinaanohito .boxx--02 .boxx-bg {
  background: url(../img/pc/bg_1.jpg?1) left 20px / 100% auto no-repeat, url(../img/pc/bg_2.jpg?1) left bottom / 100% auto no-repeat;
  /* border: 1px solid red; */
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}


#idsutekinaanohito .boxx--02 .boxx-bg:before {
  background-color: #e2f1f4;
  content: "";
  display: block;
  height: calc(100% - 300px);
  left: 0;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  width: 100%;
  z-index: -2;
}

#idsutekinaanohito .boxx--02 .boxx-bg > * {
  background: url(../img/pc/bg_5.png?1) left bottom / 100% auto no-repeat;
  bottom: -20px;
  content: "";
  display: block;
  height: 0;
  left: 0;
  padding: 5.4% 0 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}

#idsutekinaanohito .boxx--02 + .boxx--02 {
}

#idsutekinaanohito .boxx--02 [class^="wrap--0"],
#idsutekinaanohito .boxx--02 [class*=" wrap--0"] {
}

#idsutekinaanohito .boxx--02 [class^="wrap--w"],
#idsutekinaanohito .boxx--02 [class*=" wrap--w"] {
}

#idsutekinaanohito .boxx--02 img {
  margin: 0 auto;
}

#idsutekinaanohito .boxx--02 a {
}

#idsutekinaanohito .boxx--02 > .boxx-inner {
  margin: 0 auto;
  max-width: 1140px;
}

#idsutekinaanohito .boxx--02 .boxx-header {
  margin: -60px 0 43px;
}

#idsutekinaanohito .boxx--02 .boxx-header .boxx-title {margin: 0 0 25px;}

#idsutekinaanohito .boxx--02 .boxx-header .boxx-sentence {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.67;
  /* padding: 20px 0 29px; */
  text-align: center;
}

#idsutekinaanohito .boxx--02 .boxx-contents {
  display: flex;
  margin: 0 0 0 -47px;
  padding: 0 0 37px;
  width: calc(100% + 47px);
}

#idsutekinaanohito .boxx--02 .boxx-contents .boxx-item {
  margin: 0 0 0 47px;
  width: calc(25% - 47px);
}

#idsutekinaanohito .boxx--02 .boxx-contents .boxx-image {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  margin: 0 0 30px;
}

#idsutekinaanohito .boxx--02 .boxx-contents .boxx-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  margin: 0 0 10px;
}

#idsutekinaanohito .boxx--02 .boxx-contents .boxx-sentence {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 1.63;
}



/**
 * #idsutekinaanohito .boxx--03
 */

#idsutekinaanohito .boxx--03 {
  /* background: url(../img/pc/bg_1.jpg?1) left top / 100% auto no-repeat, url(../img/pc/bg_2.jpg?1) left bottom / 100% auto no-repeat; */
  /* background-color: #e2f1f4; */
  /* padding: 50px 0; */
  margin: 58px auto 0;
}

#idsutekinaanohito .boxx--03 + .boxx--03 {margin-top: 80px;}

#idsutekinaanohito .boxx--03 [class^="wrap--0"],
#idsutekinaanohito .boxx--03 [class*=" wrap--0"] {
}

#idsutekinaanohito .boxx--03 [class^="wrap--w"],
#idsutekinaanohito .boxx--03 [class*=" wrap--w"] {
}

#idsutekinaanohito .boxx--03 img {
  margin: 0 auto;
}

#idsutekinaanohito .boxx--03 a {
}

#idsutekinaanohito .boxx--03 > .boxx-inner {
  align-items: flex-start;
  display: flex;
  flex-flow: row wrap;
  margin: 0 auto;
  max-width: 1270px;
}

#idsutekinaanohito .boxx--03 .boxx-header {
  margin: 0 0 130px;
  width: 100%;
}

#idsutekinaanohito .boxx--03 .boxx-header .boxx-title {}

#idsutekinaanohito .boxx--03 .boxx-header .boxx-sentence {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.67;
  padding: 20px 0 29px;
  text-align: center;
}

#idsutekinaanohito .boxx--03 .boxx-contents {
  /* display: flex; */
  /* margin: 0 0 0 -47px; */
  /* padding: 0 0 100px; */
  /* width: calc(50% + 47px); */
}

#idsutekinaanohito .boxx--03 .boxx-contents-1 {
  background: url(../img/pc/bg_3.png) left top / 100% no-repeat, url(../img/pc/bg_4.png) left bottom / 100% no-repeat;
  /* background-color: #b1dade; */
  padding: 84px 40px 92px;
  position: relative;
  max-width: 490px;
  width: 100%;
  z-index: 2;
}

#idsutekinaanohito .boxx--03 .boxx-contents-1:before {
  background: #b1dadf;
  content: "";
  height: calc(100% - 300px);
  left: 0;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  width: 100%;
  z-index: 1;
}

#idsutekinaanohito .boxx--03 .boxx-contents-1 .boxx-title img {
  margin: 0 auto 24px;
}

#idsutekinaanohito .boxx--03 .boxx-contents-2 {
  margin: -50px 0 0 -86px;
  padding: 0 0 0 150px;
  max-width: calc(100% - 490px);
  /* background: blue; */
}

#idsutekinaanohito .boxx--03 .boxx-contents .boxx-item {
  /* margin: 0 0 0 47px; */
  /* width: calc(25% - 47px); */
  position: relative;
  z-index: 1;
}

#idsutekinaanohito .boxx--03 .boxx-contents-1 .boxx-item {
  height: 190px;
  padding: 28px 0 0 220px;
}

#idsutekinaanohito .boxx--03 .boxx-contents-1 .boxx-item + .boxx-item {
  margin-top: 30px;
  /* padding: 70px 0 0; */
}

#idsutekinaanohito .boxx--03 .boxx-contents-1 .boxx-image {
  /* font-size: 20px; */
  /* font-weight: 700; */
  /* line-height: 1.3; */
  /* margin: 0 0 30px; */
  left: 0;
  position: absolute;
  top: 0;
  z-index: 1;
}

#idsutekinaanohito .boxx--03 .boxx-contents-1 .boxx-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.08;
  margin: 0 0 7px;
  /* padding: 0 20px; */
}

#idsutekinaanohito .boxx--03 .boxx-contents-1 .boxx-sentence {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.63;
}

#idsutekinaanohito .boxx--03 .boxx-contents-1 .boxx-anchor {
  margin: 26px 0 0;
  /* position: relative; */
  /* z-index: 1; */
}

#idsutekinaanohito .boxx--03 .boxx-contents-1 .boxx-anchor a {
  display: block;
  height: 50px;
  position: relative;
  width: 178px;
  z-index: 1;
}

#idsutekinaanohito .boxx--03 .boxx-contents-1 .boxx-anchor a :last-child {
  align-items: center;
  background: #E3F1F3;
  /* border: 1px solid #383838; */
  border-radius: 100px;
  color: #21A0AC;
  display: flex;
  font-size: 18px;
  font-weight: 700;
  height: 50px;
  justify-content: center;
  letter-spacing: 0;
  line-height: 1.78;
  position: relative;
  width: 178px;
  z-index: 1;
}

#idsutekinaanohito .boxx--03 .boxx-contents-1 .boxx-anchor a :first-child {
  background: #7BA5AB;
  bottom: -3px;
  border-radius: 100px;
  content: "";
  display: flex;
  height: 100%;
  left: 3px;
  position: absolute;
  width: 178px;
  z-index: -1;
}

#idsutekinaanohito .boxx--03 .boxx-contents-1 > :first-child {
  height: auto;
  margin: 0 0 50px;
  padding: 0;
}

#idsutekinaanohito .boxx--03 .boxx-contents-1 > :first-child .boxx-title {
  margin-bottom: 22px;
  padding: 0 27px;
}

#idsutekinaanohito .boxx--03 .boxx-contents-1 > :first-child .boxx-sentence {
  font-weight: 500;
}

#idsutekinaanohito .boxx--03 .boxx-contents-1 > :last-child {
  margin-top: 30px;
  margin-top: 37px !important;
  padding: 94px 10px 0 178px;
}

#idsutekinaanohito .boxx--03 .boxx-contents-1 > :last-child .boxx-image {
  left: 15px;
  position: absolute;
  top: 60px;
  /* width: 90px; */
  z-index: 1;
}

#idsutekinaanohito .boxx--03 .boxx-contents-1 > :last-child .boxx-title {
  /* font-size: 20px; */
  /* font-weight: 700; */
  /* line-height: 1.3; */
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
  z-index: 1;
}

#idsutekinaanohito .boxx--03 .boxx-contents-1 > :last-child .boxx-sentence {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.77;
}

#idsutekinaanohito .boxx--03 .boxx-contents-2 .boxx-image {
  margin: 0 0 52px -150px;
  min-width: 866px;
}

#idsutekinaanohito .boxx--03 .boxx-contents-2 .boxx-title-1 {
  color: #56C7D5;
  font-size: 28px;
  font-weight: 700;
  /* line-height: 0; */
  letter-spacing: 0;
  line-height: 1;
  margin: 0 0 33px;
}

#idsutekinaanohito .boxx--03 .boxx-contents-2 .boxx-title-2 {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.18;
  margin: 35px 0 0;
}

#idsutekinaanohito .boxx--03 .boxx-contents-2 .boxx-sentence {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.63;
}

#idsutekinaanohito .boxx--03 .boxx-contents-2 .boxx-anchor {
  margin: 20px 0 0;
}

#idsutekinaanohito .boxx--03 .boxx-contents-2 .boxx-anchor a {
  display: block;
  height: 50px;
  position: relative;
  width: 178px;
  z-index: 1;
}

#idsutekinaanohito .boxx--03 .boxx-contents-2 .boxx-anchor a :last-child {
  align-items: center;
  background: #fff;
  border: 1px solid #383838;
  border-radius: 100px;
  color: #21A0AC;
  display: flex;
  font-size: 18px;
  font-weight: 700;
  height: 50px;
  justify-content: center;
  letter-spacing: 0;
  line-height: 1.78;
  position: relative;
  width: 178px;
  z-index: 1;
}

#idsutekinaanohito .boxx--03 .boxx-contents-2 .boxx-anchor a :first-child {
  background: #94D2DB;
  bottom: -3px;
  border-radius: 100px;
  content: "";
  display: flex;
  height: 100%;
  left: 3px;
  position: absolute;
  width: 178px;
  z-index: -1;
}

#idsutekinaanohito .boxx--03.boxx_reverse .boxx-contents-1 {
  order: 2;
}

#idsutekinaanohito .boxx--03.boxx_reverse .boxx-contents-2 {
  margin-left: 0;
  margin-right: 0;
  margin-top: -90px;
  order: 1;
  padding-left: 0;
  padding-right: 150px;
}

#idsutekinaanohito .boxx--03.boxx_reverse .boxx-contents-2 .boxx-image {
  margin-left: 0;
  margin-right: -150px;
}

/* マウスオーバー */
#idsutekinaanohito .boxx--03 .boxx-contents-1 .boxx-anchor a :last-child {
  transition: transform .2s;
}

#idsutekinaanohito .boxx--03 .boxx-contents-1 .boxx-anchor a.hover {
  opacity: 1;
}

#idsutekinaanohito .boxx--03 .boxx-contents-1 .boxx-anchor a.hover :last-child {
  transform: translate(3px, 3px);
}

/* マウスオーバー */
#idsutekinaanohito .boxx--03 .boxx-contents-2 .boxx-anchor a :last-child {
  transition: transform .2s;
}

#idsutekinaanohito .boxx--03 .boxx-contents-2 .boxx-anchor a.hover {
  opacity: 1;
}

#idsutekinaanohito .boxx--03 .boxx-contents-2 .boxx-anchor a.hover :last-child {
  transform: translate(3px, 3px);
}



/**
 * #idsutekinaanohito .boxx--04
 */

#idsutekinaanohito .boxx--04 {
  margin: 135px auto 0;
  /* overflow: hidden; */
  /* padding: 82px 0; */
  /* position: relative; */
  /* z-index: 1; */
}

#idsutekinaanohito .boxx--04 > .boxx-inner {
  /* align-items: center; */
  /* background: #BEE0E5; */
  /* height: 108px; */
  /* justify-content: center; */
  margin: 0 auto;
  max-width: 664px;
  text-align: center;
}

#idsutekinaanohito .boxx--04 a {
  align-items: center;
  background: #BEE0E5;
  border-radius: 100px;
  display: flex;
  font-size: 22px;
  font-weight: bold;
  height: 108px;
  justify-content: center;
  line-height: 1.18;
}



#idsutekinaanohito #share {
    margin: 95px 0 100px;
}

/*start SHARE*/
#idsutekinaanohito #share ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#idsutekinaanohito #share ul li {
  width: 24px;
  margin: 0 20px;
}

#idsutekinaanohito #share ul li img {
  width: 100%;
}
/*end SHARE*/



#idsutekinaanohito .sale-btn {
    text-align: center;
    margin: 0 0 50px;
}

#idsutekinaanohito .sale-btn a {
    display: inline-block;
}



/**
 * .unveil
 */

#idsutekinaanohito .mv--01 .mv-image,
#idsutekinaanohito .mv--01 .mv-title {
  opacity: 0;
}

#idsutekinaanohito .mv--01.unveil-run .mv-image {
  animation: fadeIn-1 1s cubic-bezier(0.25, 1, 0.5, 1) both;
}

#idsutekinaanohito .mv--01.unveil-run .mv-title {
  animation: fadeIn-2 1.75s cubic-bezier(0.25, 1, 0.5, 1) both;
}

#idsutekinaanohito .mv--01.unveil-run .mv-title-1 {
  animation-delay: .5s;
}

#idsutekinaanohito .mv--01.unveil-run .mv-title-2 {
  animation-delay: .7s;
}

#idsutekinaanohito .mv--01.unveil-run .mv-title-3 {
  animation-delay: .9s;
}

#idsutekinaanohito .mv--01.unveil-run .mv-title-4 {
  animation-delay: 1.3s;
}

@keyframes baloon_animation2 {
  0% {
    opacity: 0;
    transform: scale(0);
  }

  25% {
    opacity: 0;
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

#idsutekinaanohito .boxx--01,
#idsutekinaanohito .boxx--02 .boxx-bg,
#idsutekinaanohito .boxx--02 .boxx-bg > *,
#idsutekinaanohito .boxx--02 .boxx-header,
#idsutekinaanohito .boxx--02 .boxx-item,
#idsutekinaanohito .boxx--03 .boxx-header,
#idsutekinaanohito .boxx--03 .boxx-contents,
#idsutekinaanohito .boxx--04 .boxx-header,
#idsutekinaanohito .boxx--04 .boxx-contents {
  opacity: 0;
}

#idsutekinaanohito .boxx--02.unveil-run .boxx-bg {
  animation: fadeIn-1 1s cubic-bezier(0.25, 1, 0.5, 1) both;
}

#idsutekinaanohito .boxx--01.unveil-run,
#idsutekinaanohito .boxx--02 .boxx-bg > *.unveil-run,
#idsutekinaanohito .boxx--02.unveil-run .boxx-header,
#idsutekinaanohito .boxx--02.unveil-run .boxx-item,
#idsutekinaanohito .boxx--03.unveil-run .boxx-header,
#idsutekinaanohito .boxx--03.unveil-run .boxx-contents,
#idsutekinaanohito .boxx--04.unveil-run .boxx-header,
#idsutekinaanohito .boxx--04.unveil-run .boxx-contents {
  animation: fadeIn-2 1s cubic-bezier(0.25, 1, 0.5, 1) both;
}

#idsutekinaanohito .boxx--02.unveil-run:after {
  animation: fadeIn-3 1s cubic-bezier(0.25, 1, 0.5, 1) both;
}

#idsutekinaanohito .boxx--02.unveil-run:after {
  animation-delay: .15s;
}

#idsutekinaanohito .boxx--02 .boxx-contents > :nth-child(1) {
  animation-delay: .3s;
}

#idsutekinaanohito .boxx--02 .boxx-contents > :nth-child(2) {
  animation-delay: .45s;
}

#idsutekinaanohito .boxx--02 .boxx-contents > :nth-child(3) {
  animation-delay: .6s;
}

#idsutekinaanohito .boxx--02 .boxx-contents > :nth-child(4) {
  animation-delay: .75s;
}

#idsutekinaanohito .boxx--03.boxx_reverse.unveil-run .boxx-contents-1 {
  animation-delay: 0s;
}

#idsutekinaanohito .boxx--03.boxx_reverse.unveil-run .boxx-contents-2 {
  animation-delay: .3s;
}

#idsutekinaanohito .boxx--03.unveil-run .boxx-contents-1 {
  animation-delay: .3s;
}

#idsutekinaanohito .boxx--03.unveil-run .boxx-contents-2 {
  animation-delay: .6s;
}

@keyframes fadeIn-1 {

  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn-2 {

  0% {
    opacity: 0;
    transform: translate(0, 20px);
    transform: translate(0, 60px);
  }

  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}

@keyframes fadeIn-3 {

  0% {
    opacity: 0;
    transform: translate(0, 120px);
  }

  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}



#idsutekinaanohito #shop {
  clear: both;
  width: 900px;
  margin: 0 auto 120px;
  position: relative;
}
#idsutekinaanohito #shop .sp {
  display: none !important;
}
#idsutekinaanohito #shop .banner {
  display: block;
  width: 800px;
  height: 145px;
  /* position: absolute; */
  background-color: #ba0c2f;
  position: relative;
  /* margin-bottom: 30px; */
  margin: 0 auto 30px;
}

#idsutekinaanohito #shop .banner:hover {
  /* opacity: 0.7; */
}

#idsutekinaanohito #shop .banner:hover img {
  background: none;
}
#idsutekinaanohito #shop .banner .photo,
#idsutekinaanohito #shop .banner .title {
  position: absolute;
}
#idsutekinaanohito #shop .banner .photo {
  top: 10px;
  left: 10px;
}
#idsutekinaanohito #shop .banner .title {
  left: 320px;
  top: 55px;
}

#idsutekinaanohito #shop .banner .title img {
  float: left;
}
#idsutekinaanohito #shop .banner .title span {
  display: block;
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  margin-top: 10px;
  margin-left: 30px;
  letter-spacing: 4px;
  float: left;
}
#idsutekinaanohito #shop .banner:before {
  content: "";
  width: 11px;
  height: 16px;
  background-image: url(https://sc3.locondo.jp/contents/img-fitfit/banner/lp/share/img/arrow_white.svg);
  background-size: 100% auto;
  position: absolute;
  right: 30px;
  top: 50%;
  margin-top: -8px;
}



.pagetop {
  position: relative;
  z-index: 2;
}



/**
 * .debugPc
 */

.debugPc {
  left: calc(50% + 0px);
  opacity: .5;
  position: fixed;
  top: -88px;
  top: -3245px;
  transform: translate(-50%, 0);
  height: auto;
  width: 1600px;
  z-index: 9999;
}

.debugPc.show {
  display: block;
}

.debugPc.hide {
  display: none;
}

.debugPc img {
  width: 100%;
}

@media (max-width: 750px) {

  .debugPc {
    display: none !important;
  }
}



/**
 * .debugSp
 */

.debugSp {
  left: 50%;
  display: none;
  opacity: .5;
  position: fixed;
  top: -14px;
  transform: translate(-50%, 0);
  height: auto;
  width: 375px;
  z-index: 9999;
}

.debugSp.show {
  display: block;
}

.debugSp.hide {
  display: none;
}

.debugSp img {
  width: 100%;
}

@media (min-width: 751px) {

  .debugSp {
    display: none !important;
  }
}