@charset "utf-8";
/* ------------------------------------------------------------ common */

#warm-up-lp{ min-width: 1200px; margin: 0 auto; font-family: 'Noto-Sans-JP-Regular'; }
#warm-up-lp main{ background: #f8f8f2; }
#warm-up-lp area{ border:none; outline:none; }
#warm-up-lp figure{ margin: 0; }

#warm-up-lp a{ display: block; text-decoration: none; }
#warm-up-lp a:hover{ opacity: .8; }

#warm-up-lp #wrapper{ position: relative; }
#warm-up-lp .SP{ display: none; }

#warm-up-lp .inner{ width: 1200px; margin: 0 auto; padding: 0 50px; }
#warm-up-lp .s-inner{ width: 1100px; margin: 0 auto; padding: 0 50px; }
#warm-up-lp .lightbox { display: none; }


/* font */
#warm-up-lp .din{ font-family: din-2014, sans-serif; font-weight: 600; font-style: normal; }
#warm-up-lp .helvetica{ font-family: "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif; }


/* text */
#warm-up-lp .ttl{ position: relative; padding: 0 0 90px; text-align: center; }
#warm-up-lp .catch{ position: absolute; width: 100%; white-space: nowrap; left: 50%; top: -100px; translate: -50% 0; font-size: 250px; font-family: din-2014, sans-serif; font-weight: 600; font-style: normal; color: #fff; }
#warm-up-lp .ja-ttl{ position: relative; }
#warm-up-lp .ja-ttl small{ display: block; padding: 0 0 20px; font-size: 24px; font-family: 'Noto-Sans-JP-Medium'; }
#warm-up-lp .ja-ttl span{ font-size: 50px; font-family: 'Noto-Sans-JP-Bold'; line-height: 150%; }
#warm-up-lp .ja-ttl .en-ttl{ color: #e40057; font-size: 60px; line-height: 1; }

#warm-up-lp .line{ background:linear-gradient(transparent 60%, #fffc1f 60%); }
#warm-up-lp .border{ color: #e40057; border-bottom: 2px solid #e40057; }

#warm-up-lp .triangle{ display: block; clip-path: polygon(0 0, 100% 0, 50% 100%); }

#warm-up-lp .deco{ text-align: center; line-height: 1; }
#warm-up-lp .deco span{ position: relative; padding: 0 30px; font-family: 'Noto-Sans-JP-Medium'; }
#warm-up-lp .deco span:before,
#warm-up-lp .deco span:after{ position: absolute; bottom: 0; content: ""; width: 10px; height: 20px; border-left: 2px solid #000; border-right: 2px solid #000; }
#warm-up-lp .deco span:before{ left: 0; transform: skew(40deg); }
#warm-up-lp .deco span:after{ right: 0; transform: skew(-40deg); }


/* btn */
#warm-up-lp .btn{ width: 550px; margin: 0 auto; text-align: center; background: #e40057; border-radius: 50px; box-shadow: 10px 10px 0px 0px rgba(71,39,21,0.1); z-index: 10; box-sizing: border-box; }
#warm-up-lp .btn a{ overflow: hidden; position: relative; padding: 27px 10px 27px; color: #fff; font-size: 20px; }
#warm-up-lp .btn span{ position: relative; padding-left: 40px; font-family: 'Noto-Sans-JP-Bold'; }
#warm-up-lp .btn span:after{ position: absolute; content: ""; left: 0; top: 50%; translate: 0 -50%; width: 30px; height: 20px; -webkit-mask-image: url(../images/icn/icn_hand.svg); -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; mask-image: url(../images/icn/icn_hand.svg); mask-size: contain; mask-repeat: no-repeat; mask-position: center; background-color: #fff; }

#warm-up-lp .btn.b-yellow{ background: #fffc1f; }
#warm-up-lp .btn.b-yellow a{ color: #000; }
#warm-up-lp .btn.b-yellow a span:after{ background-color: #000; }

#warm-up-lp .btn.b-green{ background: #47c232; }



/* 背景 */
#warm-up-lp .w_box{ background: #fff; box-shadow: 15px 15px 0px 0px rgba(71,39,21,0.1); }

#warm-up-lp .dots { background-color: #ffffff; background-image: radial-gradient(circle, #d9d9d9 1.5px, transparent 1.5px); background-position: 0 0; background-size: 18px 18px; }

.contactus #warm-up-lp header > div {
  padding: 0;
}
/* ------------------------------------------------------------ header */
#warm-up-lp #warm-up-header{ min-width: 1200px; position: fixed; top: 0; left: 0; right: 0; padding: 25px 0; z-index: 100;background: none; }
#warm-up-lp #warm-up-header div{ width: 95%; margin: 0 auto;max-width: 95%;}
#warm-up-lp #warm-up-header div p{ float: left; width: 280px; }

/* nav */
#warm-up-lp #warm-up-header .nav-wrapper{ float: right; width: 856px; }
#warm-up-lp #warm-up-header nav li{  box-sizing:content-box; }
#warm-up-lp #warm-up-header nav li{ float: left; padding: 22px 34px 0 0; text-align: center; font-family: 'Montserrat', sans-serif; }
#warm-up-lp #warm-up-header nav li:first-of-type{ width: 35px ; }
#warm-up-lp #warm-up-header nav li:nth-of-type(2){ width: 62px; }
#warm-up-lp #warm-up-header nav li:nth-of-type(3){ width: 90px; }
#warm-up-lp #warm-up-header nav li:nth-of-type(4){ width: 80px; }
#warm-up-lp #warm-up-header nav li:nth-of-type(5){ width: 75px; }
#warm-up-lp #warm-up-header nav li:nth-of-type(6){ width: 40px; }
#warm-up-lp #warm-up-header nav li.btn{ width: 267px; padding: 0; box-shadow: none; background: #fffc1f; }
#warm-up-lp #warm-up-header nav li.btn a{ color: #000; }
#warm-up-lp #warm-up-header nav li.btn span:after{ background-color: #000; }

#warm-up-lp #warm-up-header nav li a{ color: #fff; padding: 0 0 5px 0; font-family: 'ReadexPro'; }
#warm-up-lp #warm-up-header nav li a:hover{ border-bottom: 2px solid #e40057; }
#warm-up-lp #warm-up-header nav li.btn a{ padding: 20px 0; border: none; font-size: 16px; }

#warm-up-lp .link-current{ border-bottom: 2px solid #fff; }

#warm-up-lp #warm-up-header.colorChangenav{ background: #e40057; }
#warm-up-lp #warm-up-header.colorChangenav li.btn{ background: #fff; }
#warm-up-lp #warm-up-header.colorChangenav li.btn a{ color: #e40057; }
#warm-up-lp #warm-up-header.colorChangenav li.btn span:after{ background-color: #e40057; }



/* ------------------------------------------------------------ cta */
#warm-up-lp .cta{ overflow: hidden; padding: 130px 0 100px; background: #f8f8f1; }
#warm-up-lp .cta .triangle{ margin: 50px auto; width: 220px; height: 30px; background: #1ea1bb; }
#warm-up-lp .cta .btn{ width: 520px; }
#warm-up-lp .cta .deco{ margin: 0 0 20px; font-size: 20px; }

#warm-up-lp .cta_ampersand{ position: relative; display: flex; align-items: center; justify-content: space-between; }
#warm-up-lp .cta_ampersand:before{ position: absolute; content: "&"; left: 50%; top: 50%; translate: -50% -50%; width: 40px; height: 67px; font-family: din-2014, sans-serif; font-weight: 600; font-style: normal; font-size: 60px; line-height: 1; }

#warm-up-lp .cta_ampersand li{ position: relative; width: 44%; margin: 0 6%; padding: 55px 40px 25px; background: #fff; border-radius: 20px; box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.2); text-align: center; }
#warm-up-lp .cta_ampersand li:before{ position: absolute; content: ""; width: 100px; height: 100px; top: 50%; translate: 0 -50%; background: url(../images/cta/pic_01.png) center/cover no-repeat; }
#warm-up-lp .cta_ampersand li.foreigner:before{ background: url(../images/cta/pic_02.png) center/cover no-repeat; }
#warm-up-lp .cta_ampersand li.bilingual:before{ left: -17%; }
#warm-up-lp .cta_ampersand li.foreigner:before{ right: -17%; }

#warm-up-lp .cta_ampersand li img{ position: absolute; left: 50%; top: -20px; translate: -50% 0; width: auto; height: 50px; }
#warm-up-lp .cta_ampersand li small{ display: block; padding: 15px 0 0; font-size: 16px; line-height: 1; }

#warm-up-lp .cta_ampersand .frequency{ display: flex; align-items: center; justify-content: center; }
#warm-up-lp .cta_ampersand .frequency p{ font-size: 30px; font-family: 'Noto-Sans-JP-Bold'; }
#warm-up-lp .cta_ampersand .frequency p strong{ font-size: 60px; font-family: din-2014, sans-serif; font-weight: 600; font-style: normal; }
#warm-up-lp .cta_ampersand .frequency .times{ margin: 0 20px; }
#warm-up-lp .cta_ampersand .frequency .times strong{ vertical-align: middle; }
#warm-up-lp .cta_ampersand .frequency .count{ color: #e40057; }

#warm-up-lp .cta_total{ display: flex; align-items: center; justify-content: center; margin-bottom: 70px; }
#warm-up-lp .cta_total .unnecessary{ display: flex; align-items: center; justify-content: space-around; position: relative; margin-left: 30px; padding: 30px 20px 30px 26px; background: #fffc1f; border-radius: 10px; }
#warm-up-lp .cta_total .unnecessary p{ font-family: 'Noto-Sans-JP-Bold';  }
#warm-up-lp .cta_total .unnecessary p:first-of-type{ position: absolute; left: 50%; top: -11px; translate: -50%; font-size: 20px; }
#warm-up-lp .cta_total .unnecessary p:last-of-type{ font-size: 25px; }
#warm-up-lp .cta_total .unnecessary p:last-of-type span{ margin: 0 10px; padding: 3px 10px; background: #fff; border-radius: 10px; }

#warm-up-lp .pickup{ padding: 0 0 10px; }
#warm-up-lp .pickup li{ display: flex; align-items: center; width: 100%; margin: 0 0 40px; border-radius: 20px; box-shadow: 10px 10px 0px 0px rgba(71,39,21,0.1); }
#warm-up-lp .pickup li:first-of-type{ background: #1ea1bb; }
#warm-up-lp .pickup li:last-of-type{ background: #e40057; }

#warm-up-lp .pickup li p{ display: flex; align-items: center; justify-content: center; width: 170px; height: 100px; color: #fff; font-size: 24px; font-family: 'Noto-Sans-JP-Medium'; line-height: 150%; text-align: center; border-radius: 20px 0 0 20px; }
#warm-up-lp .pickup li .w-box{ position: relative; width: calc(100% - 170px); height: 100px; padding: 10px 35px; background: #fff; border-radius: 0 20px 20px 0; }
#warm-up-lp .pickup li .w-box,
#warm-up-lp .pickup li .w-box a{ display: flex; align-items: center; font-size: 24px; font-family: 'Noto-Sans-JP-Medium'; }
#warm-up-lp .pickup li .w-box div{ display: flex; align-items: center; justify-content: center; }
#warm-up-lp .pickup li .w-box div img{ margin-right: 10px; }
#warm-up-lp .pickup li .w-box div span{ display: inline-block; color: #000; line-height: 150%; font-family: 'Noto-Sans-JP-Bold'; }

#warm-up-lp .pickup li .w-box div:first-of-type{ margin-right: 25px; }

#warm-up-lp .pickup .triangle{ position: absolute; right: 3%; width: 25px; height: 12px; background: #ababab; }



/* ------------------------------------------------------------ footer */

#warm-up-lp footer { position: relative; padding: 20px 0 50px; border-top: 1px solid #ccc; font-size: 12px; color: #333; text-align: center;}
#warm-up-lp footer a { display: inline-block; color: #333;}
#warm-up-lp footer a:first-child { }
#warm-up-lp footer small { display: block; margin: 0 auto; padding-top: 5px; font-size: 13px;}

#warm-up-lp footer .btn_pagetop { position: absolute; top: -40px; bottom: auto; right: 80px; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
#warm-up-lp footer .btn_pagetop a { display: block; width: 40px; height: 80px; background: url(../images/pagetop.png) no-repeat center center /20px;}
#warm-up-lp footer .btn_pagetop a i { width: 20px; height: }
#warm-up-lp footer .sp_view { display: none !important;}


#warm-up-lp .clearfile{
  background: #fffc1f;
  text-align: center;
  padding: 30px 0 40px;
}
/*モーダル*/
.modal-wrapper {
  z-index: 999;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 60px 10px;
  text-align: center
}

.modal-wrapper:not(:target) {
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s, visibility .3s;
}

.modal-wrapper:target {
  opacity: 1;
  visibility: visible;
  transition: opacity .4s, visibility .4s;
}

.modal-wrapper::after {
  display: inline-block;
  height: 100%;
  margin-left: -.05em;
  vertical-align: middle;
  content: ""
}

.modal-wrapper .modal-window {
  box-sizing: border-box;
  display: inline-block;
  z-index: 20;
  position: relative;
  width: 90%;
  max-width: 960px;
  background: #fff;
  box-shadow: 0 0 30px rgba(0, 0, 0, .6);
  vertical-align: middle
}
#clearfile .modal-window {
  box-sizing: border-box;
  display: inline-block;
  z-index: 20;
  position: relative;
  width: 90%;
  max-width: 960px;
  background:none;
  box-shadow: none;
  vertical-align: middle
}
.modal-wrapper .modal-window .modal-content {
  max-height: 80vh;
}
.modal-wrapper .modal-window .modal-content a.course_btn {
  display: block;
  margin:40px 0;
}

.modal-overlay {
  z-index: 10;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, .6)
}

.modal-wrapper .modal-close{
  z-index: 20;
  position: absolute;
  top: -10px;
  right: -50px;
  width: 35px;
  color: #fff !important;
  font-size: 24px;
  font-weight: 700;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  text-indent: 0;
}
#clearfile .modal-close {
  z-index: 20;
  position: absolute;
  top: -10px;
  right: 20%;
  width: 35px;
  color: #fff !important;
  font-size: 24px;
  font-weight: 700;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  text-indent: 0;
}

.modal-wrapper .modal-close:hover {
  color: #fff !important
}

/* ------------------------------------------------------------
	mobile 
------------------------------------------------------------ */
@media only screen and (max-width: 640px) {
/* ------------------------------------------------------------ common */
#warm-up-lp{ min-width: 100%; }

#warm-up-lp .PC{ display: none; }
#warm-up-lp .SP{ display: block; }

#warm-up-lp .inner,
#warm-up-lp .s-inner{ width: 100%; padding: 0 5%; }


/* btn */
#warm-up-lp .btn{ width: 100%; font-size: 13px; box-shadow: 8px 8px 0px 0px rgba(71,39,21,0.1); }
#warm-up-lp .btn a{ padding: 13px 10px; font-size: 13px; line-height: 160%; font-weight: 600; }
#warm-up-lp .btn span{ padding: 0 0 0 40px; }
#warm-up-lp .btn span:after{ left: 0; }


/* text */
#warm-up-lp .ttl{ padding: 0 0 30px; }
#warm-up-lp .ja-ttl small{ padding: 0 0 5px; font-size: 17px; line-height: 150%; }
#warm-up-lp .ja-ttl span{ font-size: 25px; line-height: 130%; }
#warm-up-lp .ja-ttl .en-ttl{ font-size: 37px; }

#warm-up-lp .catch{ left: 50%; top: -26px; font-size: 110px; line-height: 80%; white-space: wrap; }

#warm-up-lp .deco span{ padding: 0 20px; }
#warm-up-lp .deco span::before,
#warm-up-lp .deco span:after{ width: 5px; height: 13px; border-left: 1px solid #000; border-right: 1px solid #000; }



/* w_box */
#warm-up-lp .w_box{ box-shadow: 8px 8px 0px 0px rgba(71,39,21,0.1); }

#warm-up-lp .dots{ background-image: radial-gradient(circle, #d9d9d9 1px, transparent 1px); background-size: 11px 11px; }


/* ------------------------------------------------------------ aside */
#warm-up-lp aside.btn{ position: fixed; width: 100%; bottom: 0; left: 0; border-radius: 0; }



/* ------------------------------------------------------------ header */
#warm-up-lp #warm-up-header{ min-width: 100%; padding: 15px 2.5%; background-color: transparent;}
#warm-up-lp #warm-up-header div{ width: 100%; margin: 0 auto;max-width: 100%;}
#warm-up-lp #warm-up-header div p{ width: 140px; }
#warm-up-lp #warm-up-header div p img{ width: 100%; height: auto; }

#warm-up-lp #warm-up-header .nav-wrapper{ float: none; position: fixed; top: 0; right: 0; left: 0; bottom: 0; width: 100vw; background: #fff url(../images/feature/bg_feature.png) center 200px no-repeat; overflow-y: scroll; }

/* nav */
#warm-up-lp #warm-up-header nav{ float: none; width: 90%; margin: 0 auto; padding: 50px 0 70px; background: url(../images/bg_nav02.png) center bottom/100% no-repeat; }
#warm-up-lp #warm-up-header nav li{ float: none; padding: 30px 0 0;  text-align: left; padding: 25px 0 0; font-size: 22px; }
#warm-up-lp #warm-up-header nav li a{ font-weight: 600; color: #e40057; }
#warm-up-lp #warm-up-header nav li a:hover{ border-bottom: none; }
#warm-up-lp #warm-up-header nav li span{ display: block; padding:  15px 0 0; color: #000; font-size: 12px; }

#warm-up-lp #warm-up-header nav li:first-of-type{ width: 100%; padding: 0; }
#warm-up-lp #warm-up-header nav li:nth-of-type(2),
#warm-up-lp #warm-up-header nav li:nth-of-type(3),
#warm-up-lp #warm-up-header nav li:nth-of-type(4),
#warm-up-lp #warm-up-header nav li:nth-of-type(5),
#warm-up-lp #warm-up-header nav li:nth-of-type(6){ width: 100%; }

#warm-up-lp #warm-up-header .logo{ width: 40%; float: none; margin: 0 auto; }
#warm-up-lp #warm-up-header .logo img{ width: 100%; height: auto; padding: 20px 0; }
#warm-up-lp #warm-up-header small{ display: block; padding: 0 0 25px; font-size: 10px; text-align: center; color: #e40057; }

#warm-up-lp #warm-up-header .nav-wrapper{ opacity: 0; visibility: hidden; transition: all 0.5s; }

#warm-up-lp #warm-up-header .btns{ margin: 0 auto 30px; }
#warm-up-lp #warm-up-header .btns .btn{ border-radius: 0; height: 65px; margin: 0 0 15px; text-align: left; }
#warm-up-lp #warm-up-header .btns .btn a{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 0 18px 0 0; box-sizing: border-box; }
#warm-up-lp #warm-up-header .btns .btn span{ padding: 0 0 0 20px; line-height: 150%; }
#warm-up-lp #warm-up-header .btns .btn span::after{ display: none; }


/* humberger */
#warm-up-lp .burger_btn{ float: right; position: relative; width: 30px!important; height: 30px; z-index: 200; }
#warm-up-lp .burger_btn span{ position: absolute; left: 0; width: 30px; height: 2px; background: #e40057; }
#warm-up-lp .burger_btn span:first-of-type{ top: 0; transition: all 0.5s; }
#warm-up-lp .burger_btn span:nth-of-type(2){ top: 10px; transition: all 0.5s; }
#warm-up-lp .burger_btn span:last-of-type{ top: 20px; transition: all 0.5s; }


/* active */
#warm-up-lp #warm-up-header .nav-wrapper.active{ opacity: 1; visibility: visible; transition: all 0.5s; }

#warm-up-lp .burger_btn.active span:first-of-type{ top: 10px; transform: rotate(45deg); transition: all 0.5s; }
#warm-up-lp .burger_btn.active span:nth-of-type(2){ opacity: 0; transition: all 0.5s; }
#warm-up-lp .burger_btn.active span:last-of-type{ top: 10px; transform: rotate(-45deg); transition: all 0.5s; }

#warm-up-lp #warm-up-header.colorChangenav .btn{ background: initiel; }
#warm-up-lp #warm-up-header.colorChangenav .burger_btn span{ background: #fff; }
#warm-up-lp #warm-up-header.colorChangenav .burger_btn.active span{ background: #e40057; }

#warm-up-lp .link-current{ border-bottom: none; }


/* ------------------------------------------------------------ cta */
#warm-up-lp .cta{ padding: 50px 0; }
#warm-up-lp .cta .btn{ width: 100%; }
#warm-up-lp .cta .deco{ margin: 0 0 13px; font-size: 12px; }
#warm-up-lp .cta .catch{ font-size: 87px; }

#warm-up-lp .cta_ampersand::before{ width: 20px; height: 37px; font-size: 30px; }
#warm-up-lp .cta_ampersand li{ box-sizing: content-box; width: 39%; height: 70px; margin: 0; padding: 35% 2% 20px; border-radius: 0; box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.2); }
#warm-up-lp .cta_ampersand li:before{ top: 23px; width: 75px; height: 75px; translate: -50% 0; }
#warm-up-lp .cta_ampersand li.bilingual::before{ left: 50%; }
#warm-up-lp .cta_ampersand li.foreigner::before{ right: initial; }
#warm-up-lp .cta_ampersand li small{ display: inline-block; font-size: 12px; text-align: center; }
#warm-up-lp .cta_ampersand li img{ top: -14px; height: 28px; }

#warm-up-lp .cta_ampersand .frequency{ text-align: center; }
#warm-up-lp .cta_ampersand .frequency p{ font-size: 17px; font-family: 'Noto-Sans-JP-Medium'; }
#warm-up-lp .cta_ampersand .frequency p strong{ font-size: 32px; }
#warm-up-lp .cta_ampersand .frequency .times{ margin: 0 6px; }

#warm-up-lp .cta_total{ display: block; width: 80%; margin: 0 auto 30px;  }
#warm-up-lp .cta_total img{ width: 100%; height: auto; }

#warm-up-lp .cta_total .unnecessary{ justify-content: center; padding: 15px 10px; margin: 22px 0 0; }
#warm-up-lp .cta_total .unnecessary p:first-of-type{ position: initial; translate: 0; font-size: 14px; }
#warm-up-lp .cta_total .unnecessary p:last-of-type{ font-size: 14px; }
#warm-up-lp .cta_total .unnecessary p:last-of-type span{ margin: 0 6px; padding: 3px 9px; }

#warm-up-lp .cta .triangle{ margin: 30px auto; width: 100px; height: 18px; }

#warm-up-lp .pickup{ padding: 0 0 10px; }
#warm-up-lp .pickup .triangle{ right: 7%; }
#warm-up-lp .pickup li{ display: block; margin: 0 0 25px; border-radius: 10px; }
#warm-up-lp .pickup li p{ width: 100%; height: initial; padding: 5px; font-size: 15px; border-radius: 10px 10px 0 0; }

#warm-up-lp .pickup li .w-box,
#warm-up-lp .pickup li .w-box a{ display: block; box-sizing: border-box; font-size: 14px; }
#warm-up-lp .pickup li .w-box{ width: 100%; height: initial; padding: 15px 5%; border-radius: 0 0 10px 10px; }
#warm-up-lp .pickup li .w-box div{ justify-content: flex-start; }

#warm-up-lp .pickup li .w-box div:first-of-type{ margin: 0; }
#warm-up-lp .pickup li:first-of-type .w-box div:first-of-type{ margin: 0 0 10px; }
#warm-up-lp .pickup li:first-of-type .w-box div img{ margin-right: 13px; width: 35px; height: auto; }

#warm-up-lp .pickup li:last-of-type .w-box{ display: flex; justify-content: space-between; }
#warm-up-lp .pickup li:last-of-type .w-box div{ width: 33%; margin: 0 auto; }
#warm-up-lp .pickup li:last-of-type .w-box div img{ width: 100%; height: auto; margin: 0; }
#warm-up-lp .pickup li:last-of-type .w-box div:first-of-type img{ margin-bottom: 10px; }
#warm-up-lp .pickup li:last-of-type .w-box div:last-of-type{ width: 54%; }

#warm-up-lp .pickup .triangle{ width: 20px; height: 8px; top: 21px; }


/* ------------------------------------------------------------ footer */
#warm-up-lp footer { padding: 0 0 70px; border-top: 0px; font-size: 12px; }
#warm-up-lp footer .btn_pagetop { position: relative; top: auto; right: auto; width: 100%; text-align: center; box-shadow: none; background: #f8f0f3; margin-bottom: 10px;}
#warm-up-lp footer .btn_pagetop a { width: 100%; height: auto; color: #ee0055; font-size: 16px; padding: 30px 0; background-position: 30% center;}
#warm-up-lp footer .sp_view { display: block !important;}


}