@charset "utf-8";
/* CSS Document */

@import "reset.css";
@import "base_sp_min.css";

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

 LP style

********************/
/*-- リピストSMP強制ズーム回避 --*/
html {zoom:1!important;}

/*-- リピストSMPフォーム内調整--*/
#order_sex_group label {
  display: inline-block;
}
div#guidearea {
  width: 95%;
}
/*-------------------------------------------
 common
-----------------------------------------------*/
/* header */
#hd_bar{
	display: block;
	width: 100%;
	z-index: 9999;
	padding: 0 auto;
	margin: 0 auto;
	list-style-type: none;
	text-align:center;
}
.hd_back{
	position: relative;
	width: 800px;
	z-index: 99;
	padding: 0 auto;
	margin: 0 auto;
	text-align: center;
}
.tel_num{
	position: absolute;
	top: 5%;
	right: 2%;
	width: 349px;
}
.saletime {
	position: absolute;
	bottom: 2%;
	left: 0;
	right: 0;
	margin: auto;
	width:100%;
	z-index: 1;
}
body {
	background-color: #fff;
}
.lp-wrap {
  margin: 0 auto;
  max-width: 800px;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  background-color: #eeeeee;
}

.ar-area {
  position: relative;
  box-sizing: border-box;
  z-index: 1;
}
.ar-item {
  display: block;
  width: 100%;
  margin: 0 auto;
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  padding: 0 43%;
  -webkit-animation-name: bound2;
  -o-animation-name: bound2;
  animation-name: bound2;
  -webkit-animation-duration: 1.3s;
  -o-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
.bg-vi {
  background-color: #644294;
}
.bg-gr {
  background-color: #1a191a;
}
.bg-lgr {
  background-color: #fbfbfb;
}
.bg-skb {
  background-color: #ecf1f8;
}
.bg-yw {
  background-color: #f8f8e7;
}

/*
.bg-dot {
  background: url(../img/bg_dot.png) repeat-y top left;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  box-sizing: border-box;
}
*/
/*
.bg-str-vi {
  background: url(../img/bg_str_vi.png) repeat-y top left;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  box-sizing: border-box;
}
.bg-str-vi2 {
  background: url(../img/bg_str_vi2.png) repeat-y top left;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  box-sizing: border-box;
}
.bg-str-vi3 {
  background: url(../img/bg_str_vi3.png) repeat-y top left;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  box-sizing: border-box;
}
.bg-str-yw {
  background: url(../img/bg_str_yw.png) repeat-y top left;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  box-sizing: border-box;
}
*/
/*-------------
 timer
-------------*/
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
	padding: 0;
	border: 0;
	box-sizing: border-box;
	margin: 0;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}
#inner {width: 100%;}
#CDT {font-weight: bold;text-align:center;letter-spacing: 3px;}

.day,.hou, .min, .sec, .mil {font-size: 41pt;color: #fff;}
.nichi,.jikan,.hun,.byou {font-size: 27pt;color:#fff;}
#txt {color: #FFFFFF;font-weight: bold;background-color: #FF6700;margin-top: 10px;margin-bottom: 5px;width: 100%;text-align: center;padding:5px 0px;display: none;}
#CP{position: relative;display: inline-block;padding-top: 0px;padding-bottom: 0px;width: 100%;line-height: 1.5;text-align: center;border: 0px solid #ffff37;z-index: 0;margin-top: 0;}

/*-------------------------------------------
 contents
-----------------------------------------------*/

#fv h1 {
  background-color: #6f5298;
}
#fv {
  position: relative;
}
.arrow01{
	position: absolute;
	right: 2%;
	top: 27%;
	width: 60%;
}
.arrow02{
	position: absolute;
	right: 23%;
	top: 450px;
	width: 30%;
}

.arrow03{
	position: absolute;
	right: 65%;
	top: 6%;
	width: 30%;
}

.star01{
	position: absolute;
	right: 10%;
	top: 26%;
	width: 5%;
}
.star02{
	position: absolute;
	right: 7%;
	top: 28%;
	width: 8%;
}
.star03{
	position: absolute;
	right: 22%;
	top: 32%;
	width: 10%;
}
.star04{
	position: absolute;
	right: 27%;
	top: 36%;
	width: 7%;
}
.star05{
	position: absolute;
	right: 33%;
	top: 35.8%;
	width: 5%;
}
.star06{
	position: absolute;
	right: 30.5%;
	top: 45.2%;
	width: 6%;
}
.star07{
	position: absolute;
	right: 36%;
	top: 45%;
	width: 5.3%;
}

.star_ani{
	-webkit-animation-name: star_ani;
	-o-animation-name: star_ani;
	animation-name: star_ani;
	-webkit-animation-duration: 1.3s;
	-o-animation-duration: 1.3s;
	animation-duration: 1.3s;
	-webkit-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
@keyframes star_ani {
  0% {
    -webkit-transform: rotate(0deg) scale(0);
    -ms-transform: rotate(0deg) scale(0);
    -o-transform: rotate(0deg) scale(0);
    transform: rotate(0deg) scale(0);
    opacity: 0;
   }
  50% {
    -webkit-transform: rotate(180deg) scale(1);
    -ms-transform: rotate(180deg) scale(1);
    -o-transform: rotate(180deg) scale(1);
    transform: rotate(180deg) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(360deg) scale(0);
    -ms-transform: rotate(360deg) scale(0);
    -o-transform: rotate(360deg) scale(0);
    transform: rotate(360deg) scale(0);
    opacity: 0;
  }
}
.star_ani02{
	-webkit-animation-name: star_ani02;
	-o-animation-name: star_ani02;
	animation-name: star_ani02;
	-webkit-animation-duration: 3s;
	-o-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
@keyframes star_ani02 {
  0% {
    -webkit-transform: rotate(0deg) scale(0);
    -ms-transform: rotate(0deg) scale(0);
    -o-transform: rotate(0deg) scale(0);
    transform: rotate(0deg) scale(0);
    opacity: 0;
   }
  25% {
    -webkit-transform: rotate(0deg) scale(0);
    -ms-transform: rotate(0deg) scale(0);
    -o-transform: rotate(0deg) scale(0);
    transform: rotate(0deg) scale(0);
    opacity: 0;
  }
  50% {
    -webkit-transform: rotate(180deg) scale(1);
    -ms-transform: rotate(180deg) scale(1);
    -o-transform: rotate(180deg) scale(1);
    transform: rotate(180deg) scale(1);
    opacity: 1;
  }
  75% {
    -webkit-transform: rotate(360deg) scale(0);
    -ms-transform: rotate(360deg) scale(0);
    -o-transform: rotate(360deg) scale(0);
    transform: rotate(360deg) scale(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0deg) scale(0);
    -ms-transform: rotate(0deg) scale(0);
    -o-transform: rotate(0deg) scale(0);
    transform: rotate(0deg) scale(0);
    opacity: 0;
  }
}
.star_ani03{
	-webkit-animation-name: star_ani03;
	-o-animation-name: star_ani03;
	animation-name: star_ani03;
	-webkit-animation-duration: 2.3s;
	-o-animation-duration: 2.3s;
	animation-duration: 2.3s;
	-webkit-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
@keyframes star_ani03 {
  0% {
    -webkit-transform: rotate(0deg) scale(0);
    -ms-transform: rotate(0deg) scale(0);
    -o-transform: rotate(0deg) scale(0);
    transform: rotate(0deg) scale(0);
    opacity: 0;
   }
  50% {
    -webkit-transform: rotate(0deg) scale(0);
    -ms-transform: rotate(0deg) scale(0);
    -o-transform: rotate(0deg) scale(0);
    transform: rotate(0deg) scale(0);
    opacity: 0;
  }
  75% {
    -webkit-transform: rotate(180deg) scale(1);
    -ms-transform: rotate(180deg) scale(1);
    -o-transform: rotate(180deg) scale(1);
    transform: rotate(180deg) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(360deg) scale(0);
    -ms-transform: rotate(360deg) scale(0);
    -o-transform: rotate(360deg) scale(0);
    transform: rotate(360deg) scale(0);
    opacity: 0;
  }
}
.marshmallow {
  position: relative;
  z-index: 1;
/*  margin-bottom: -4rem;*/
}

.cta {
  position: relative;
  width: 100%;
  padding-bottom: 0;
  background-color: #ffffff;
}
.cta .cta-area {
  position: relative;
  overflow: hidden;
  z-index: 2;
}
.cta .cta-btn-area {
  position: absolute;
  bottom: 2%;
  right: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 0 5% 0% 49%;
}
.cta .cta-btn {
  display: block;
  -webkit-animation-name: expand;
  -o-animation-name: expand;
  animation-name: expand;
  -webkit-animation-duration: 1.3s;
  -o-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.cta .cta-single {
  position: relative;
}
.cta .cta-single .cta-btn-single {
  position: absolute;
  bottom: 6.5%;
  right: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 0 5.5% 0% 55%;
}
.cta .cta-single2 .cta-btn-single2 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 0 5.5% 16.3% 59.95%;
}


/*新ダイア用cta*/
.cta2 {
  position: relative;
  width: 100%;
  padding-bottom: 0;
  background-color: #ffffff;
}
.cta2 .cta-area2 {
  position: relative;
  overflow: hidden;
  z-index: 2;
  padding-top: 0.5em;
}
.cta2 .cta-btn-area2 {
  position: absolute;
  top: 75%;
  width: 85%;
  left: 0;
  right: 0;
  margin: auto;

}
.cta2 .cta-btn2 {
  display: block;
  -webkit-animation-name: expand;
  -o-animation-name: expand;
  animation-name: expand;
  -webkit-animation-duration: 1.3s;
  -o-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.cta2 .cta-single3 {
  position: relative;
  padding-top: 0.5em;
  padding-bottom: 1em;
}
.cta2 .cta-single3 .cta-btn-single4 {
  position: absolute;
  top: 80%;
  width: 85%;
  left: 0;
  right: 0;
  margin: auto;
}


/*スキニープレゼント用cta*/
.cta3 {
  position: relative;
  width: 100%;
  padding-bottom: 0;
  background-color: #ffffff;
}
.cta3 .cta-area3 {
  position: relative;
  overflow: hidden;
  z-index: 2;

}
.cta3 .cta-btn-area3 {
  position: absolute;
  top: 82%;
  width: 85%;
  left: 0;
  right: 0;
  margin: auto;
  filter: drop-shadow(0 10px 5px rgba(0,0,0,0.6));
}


.cta3 .cta-btn-area_s1 {
  position: absolute;
  top: 90%;
  width: 85%;
  left: 0;
  right: 0;
  margin: auto;

}
.cta3 .cta-btn-area_s2 {
  position: absolute;
  top: 78%;
  width: 85%;
  left: 0;
  right: 0;
  margin: auto;
  filter: drop-shadow(0 10px 5px rgba(0,0,0,0.6));
}



.cta3 .cta-area4 {
  position: relative;
  overflow: hidden;
  z-index: 2;
  padding-top: 0.5em; 
  margin-bottom: 1%;
}
.cta3 .cta-btn-area4 {
  position: absolute;
  top: 85%;
  width: 85%;
  left: 0;
  right: 0;
  margin: auto;

}

.cta3 .cta-btn3 {
  display: block;
  -webkit-animation-name: expand;
  -o-animation-name: expand;
  animation-name: expand;
  -webkit-animation-duration: 1.3s;
  -o-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.cta3 .cta-single {
  position: relative;
}
.cta3 .cta-single .cta-btn-single {
  position: absolute;
  bottom: 6.5%;
  right: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 0 5.5% 0% 55%;
}
.cta3 .cta-single2 .cta-btn-single2 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 0 5.5% 16.3% 59.95%;
}
.cta3 .cta-single3 {
  position: relative;
  padding-top: 0.5em;
  padding-bottom: 1em;
}
.cta3 .cta-single3 .cta-btn-single4 {
  position: absolute;
  top: 80%;
  width: 85%;
  left: 0;
  right: 0;
  margin: auto;
}
.comic {
  background-color: #ffffff;
}
/*
.nayami {
  position: relative;
  z-index: 2;
  margin-bottom: -5%;
  padding-bottom: 5%;
  overflow: hidden;
}
.nayami .anim{
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  padding: 0 0%;
}
*/
.nayami-box {
  position: relative;
  z-index: 2;
}
.nayami-box .nayami_txt01 {
	position: absolute;
	top: 28.5%;
	right: 0;
	left: 0;
	margin: 0 auto;
	z-index: 3;
	width: 100%;
}
.nayami-box .nayami_txt02 {
	position: absolute;
	top: 56%;
	right: 0;
	left: 0;
	margin: 0 auto;
	z-index: 3;
	width: 100%;
}
.nayami-box .nayami_txt03 {
	position: absolute;
	top: 22%;
	right: 0;
	left: 0;
	margin: 0 auto;
	z-index: 3;
	width: 100%;
}
.nayami-box .nayami_txt04 {
	position: absolute;
	top: 47%;
	right: 0;
	left: 0;
	margin: 0 auto;
	z-index: 3;
	width: 100%;
}


.solution {
  position: relative;
  z-index: 1;
}
.exper_box {
	position: relative;
	z-index: 1;
}
.exper_huki{
	position: absolute;
	left: 50%;
	top: 20%;
	z-index: 3;
	width: 25%;
}
.exper_huki02{
	position: absolute;
	left: 52%;
	top: 15%;
	z-index: 3;
	width: 22%;
}

.investigate {
  overflow: hidden;
}
.bg-inv {
  background: url(../img/bg_inv.png) repeat-y top left;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  box-sizing: border-box;
}
.investigate-box {
  position: relative;
}
.inv-gr-box {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 60%;
}
.inv-gr-d {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 0 5.1%;
  z-index: 4;
  -webkit-animation-delay: .6s;
  -o-animation-delay: .6s;
  animation-delay: .6s;
}
.inv-gr-e {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 0 5%;
  z-index: 3;
}
.anim .inv-gr-d.is-animation-end {
  -webkit-animation-name: boundInInf;
  -o-animation-name: boundInInf;
  animation-name: boundInInf;
  -webkit-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 4s;
  -o-animation-duration: 4s;
  animation-duration: 4s;
}
.anim .inv-gr-e.is-animation-end {
  -webkit-animation-name: boundInInf2;
  -o-animation-name: boundInInf2;
  animation-name: boundInInf2;
  -webkit-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 4s;
  -o-animation-duration: 4s;
  animation-duration: 4s;
}


.inv-img-box {
  position: relative;
  overflow: hidden;
  padding-bottom: 1.5rem;
  box-sizing: border-box;
}
.investigate .inv-img-box-i {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 41.75%;
}
.anim .inv-img-box-i.is-animation-end {
  -webkit-animation-name: shake;
  -o-animation-name: shake;
  animation-name: shake;
  -webkit-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-duration: .8s;
  -o-animation-duration: .8s;
  animation-duration: .8s;
}
.story {
  position: relative;
  z-index: 3;
  margin-top: -2.2rem;
}

.change-box-gr {
  overflow: hidden;
  position: relative;
}
.change-box-gr .change-num-01 {
  position: absolute;
  top: 2.1%;
  right: 4.2%;
  width: 8.875%;
  -webkit-animation-delay: .6s;
  -o-animation-delay: .6s;
  animation-delay: .6s;
}
.change-box-gr .change-num-02 {
  position: absolute;
  top: 27.5%;
  left: 34%;
  width: 16.25%;
  -webkit-animation-delay: .8s;
  -o-animation-delay: .8s;
  animation-delay: .8s;
}
.change-box-gr .change-num-03 {
  position: absolute;
  top: 31.5%;
  right: 25%;
  width: 16.25%;
  -webkit-animation-delay: 1s;
  -o-animation-delay: 1s;
  animation-delay: 1s;
}
.change-box-gr .change-num-04 {
  position: absolute;
  bottom: 30%;
  left: 21%;
  width: 17.5%;
  -webkit-animation-delay: 1.2s;
  -o-animation-delay: 1.2s;
  animation-delay: 1.2s;
}
.change-box-gr .change-num-05 {
  position: absolute;
  bottom: 19.5%;
  right: 25%;
  width: 17%;
  -webkit-animation-delay: 1.4s;
  -o-animation-delay: 1.4s;
  animation-delay: 1.4s;
}
.change-box-ar {
  overflow: hidden;
  position: relative;
  line-height: 0;
}
.change-box-ar .change-box-ar-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 1% 20.25%;
}
.point {
  position: relative;
  padding-bottom: 1.5rem;
}
.point .bg-str-vi {
  position: relative;
  z-index: 1;
  padding-bottom: 4rem;
}
.point h3 {
  position: relative;
  z-index: 2;
  margin-top: -4.2rem;
}
.selling {
  box-sizing: border-box;
  overflow: hidden;
  padding-top: 5%;
}
.selling .selling-box {
  background: #ff3200 url(../img/cd_realtime_01.gif) no-repeat top left;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  padding-bottom: 8%;
  position: relative;
  padding-top: 36%;
}
.selling .selling-ttl {
	display: block;
	z-index: 2;
	position: absolute;
	top: 2.7rem;
	left: 0%;
	right: 0%;
	margin: 0 auto;
	width: 73%;
	padding: 0 2.5%;
}
.selling .selling-ttl.selling .selling-ttl.selling img {
}
.selling .selling-list {
  width: 93.75%;
  margin: 27% auto 0;
}
.selling .order_if {
  border: none;
}

.faq {
  background-color: #ffc1c9;
  padding-bottom: 1px;
}
.faq h2 {
  z-index: 1;
  position: relative;
  margin-bottom: -24%;
}
.faq-box {
  width: 90%;
  box-sizing: border-box;
  position: relative;
  margin: 10% auto;
  z-index: 2;
}
.faq-box:before {
  content: "";
  width: 100%;
  width: -webkit-calc( 100% + .8rem );
  width: -o-calc( 100% + .8rem );
  width: calc( 100% + .8rem );
  height: 100%;
  height: -webkit-calc( 100% + .8rem );
  height: -o-calc( 100% + .8rem );
  height: calc( 100% + .8rem ); 
  position: absolute;
  z-index: 1;
  top: -.45rem;
  left: -.45rem;
  display: block;
  border-radius: .4rem;
  border: .05rem solid #fff;
}
.faq-box dt {
  position: relative;
  z-index: 3;
  width: 100%;
  background-color: #fff;
}
.faq-box dt img {
  vertical-align: top;
}
.faq-box dd {
  background: #fff url(../img/faq_a.png) no-repeat top left;
  -webkit-background-size: 100% auto;
  background-size:  100% auto;
  box-sizing: border-box;
  min-height: 4.3rem;
  position: relative;
  z-index: 3;
}
.faq-box p {
  box-sizing: border-box;
  font-size: 1.07rem;
  line-height: 1.33em;
  padding: 1rem 1rem 1rem 5rem;
}
.info {
  margin: 0 auto;
  padding: 0 0 2%;
}

.effect-box {
  position: relative;
  z-index: 2;
}
.effect-box .effect_txt01 {
	position: absolute;
	top: 42%;
	right: 0;
	left: 0;
	margin: 0 auto;
	z-index: 3;
	width: 75%;
}
.effect-box .effect_txt02 {
	position: absolute;
	top: 51%;
	left: 7%;
	z-index: 3;
	width: 60%;
}
.effect-box .effect_txt03 {
	position: absolute;
	top: 28.5%;
	right: 7%;
	z-index: 3;
	width: 73%;
}




/*-----------------------------------------*/


footer .footer-link {
  text-align: center;
  padding-bottom: 1em;
  padding-top: 1em;
}
footer li {
  margin: 1em auto;
}
footer #copy {
  color: #fff;
  text-align: center;
  font-size: .85rem;
  padding: .2em 0;
  background-color: #664495;
}
/*---------------------------------
 fixnav
-------------------------------*/
#fixnav {
  position: fixed;
  z-index: 990;
  bottom: 0;
  left: 0;
  width: 100%;
  opacity: 1;
}

#fixnav.hide {
  opacity: 0;
  display: none;
}

#fixnav nav {
  margin: 0 auto;
  width: 100%;
  max-width: 800px;
  display: block;
  position: relative;
   -webkit-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  opacity: 1;
}
#fixnav:before {
  content: "";
  background-color: #0083a2;
  opacity: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  display: block;
  position: absolute;
  height: 5.7rem;
}

#fixnav.hide nav{
  opacity: 0;
  display: none;
}

#fixnav ul {
	position: relative;
	z-index: 900;
	width: 100%;
	box-sizing: border-box;
	padding: 0 1% 1%;
	display: table;
	color: #fff;
}
#fixnav li {
	display: table-cell;
	width: 16.7%;
	text-align: center;
	position: relative;
	box-sizing: border-box;
	padding: 0% 1px;
}
#fixnav li:last-child {
	width: 20%;
	box-sizing: border-box;
	padding: 0% 1px;
}
.navi_btn05 {
	position: relative;
}
.navi_btn05 .navi_btn05_txt {
	position: absolute;
	bottom: 30%;
	left: 0%;
	right: 0%;
	margin: 0 auto;
	z-index: 920;
	width: 50%;
}
.navi_btn05 .navi_btn05_pag {
	position: absolute;
	bottom: 40%;
	left: 0%;
	right: 0%;
	margin: 0 auto;
	z-index: 910;
	width: 85%;
}
/*
#fixnav li:last-child:before {
  content: "";
  background: url(../img/fixbtn_ar.png) no-repeat top center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  width: 1.67rem;
  height: 2.11rem;
  display: block;
  position: absolute;
  top: -.4rem;
  right: 50%;
  margin-right: -0.835rem;
  -webkit-animation-name: bound;
  -o-animation-name: bound;
  animation-name: bound;
  -webkit-animation-duration: 1.3s;
  -o-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
*/

.bound {
	-webkit-animation-name: bound;
	-o-animation-name: bound;
	animation-name: bound;
	-webkit-animation-duration: 1.3s;
	-o-animation-duration: 1.3s;
	animation-duration: 1.3s;
	-webkit-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

#fixnav2 {
  position: fixed;
  z-index: 990;
  bottom: 0;
  left: 0;
  width: 100%;
  opacity: 1;
}
#fixnav2.hide {
  opacity: 0;
  display: none;
}
#fixnav2 nav {
  margin: 0 auto;
  width: 100%;
  max-width: 800px;
  display: block;
  position: relative;
   -webkit-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  opacity: 1;
}
#fixnav2:before {
  content: "";
  background-color: #0175a8;
  opacity: .6;
  bottom: 0;
  left: 0;
  width: 100%;
  display: block;
  position: absolute;
  height: 5.7rem;
}
#fixnav2.hide nav{
  /*opacity: 0;*/
 display: none;
}
#fixnav2 ul {
  position: relative;
  z-index: 991;
  width: 100%;
  box-sizing: border-box;
  padding: 0 7% 0;
  display: table;
}
#fixnav2 li {
  display: table-cell;
  width: 22.3%;
  text-align: center;
  position: relative;
  box-sizing: border-box;
  padding: 0 .5%;
}
#fixnav2 li:last-child {
  width: 29.375%;
  box-sizing: border-box;
  padding: 0 1%;
  -webkit-animation-name: expand;
  -o-animation-name: expand;
  animation-name: expand;
  -webkit-animation-duration: 1.3s;
  -o-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
#fixnav2 li:last-child:before {
  content: "";
  background: url(../img/fixbtn_ar.png) no-repeat top center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  width: 1.67rem;
  height: 2.11rem;
  display: block;
  position: absolute;
  top: -.4rem;
  right: 50%;
  margin-right: -0.835rem;
  -webkit-animation-name: bound;
  -o-animation-name: bound;
  animation-name: bound;
  -webkit-animation-duration: 1.3s;
  -o-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

/*-------------------------------------------
 animation
-----------------------------------------------*/
@-webkit-keyframes expand {
	0% {
		-webkit-transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
		-o-transform: translate(0px, 0px);
		transform: translate(0px, 0px);
	}
	25% {
		-webkit-transform: translate(3.9%, 0px);
		-ms-transform: translate(3.9%, 0px);
		-o-transform: translate(3.9%, 0px);
		transform: translate(3.9%, 0px);
	}
	75% {
		-webkit-transform: translate(-3.9%, 0px);
		-ms-transform: translate(-3.9%, 0px);
		-o-transform: translate(-3.9%, 0px);
		transform: translate(-3.9%, 0px);
	}

	100% {
		-webkit-transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
		-o-transform: translate(0px, 0px);
		transform: translate(0px, 0px);
	}
}
@keyframes expand {
	0% {
		-webkit-transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
		-o-transform: translate(0px, 0px);
		transform: translate(0px, 0px);
	}
	25% {
		-webkit-transform: translate(3.9%, 0px);
		-ms-transform: translate(3.9%, 0px);
		-o-transform: translate(3.9%, 0px);
		transform: translate(3.9%, 0px);
	}
	75% {
		-webkit-transform: translate(-3.9%, 0px);
		-ms-transform: translate(-3.9%, 0px);
		-o-transform: translate(-3.9%, 0px);
		transform: translate(-3.9%, 0px);
	}

	100% {
		-webkit-transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
		-o-transform: translate(0px, 0px);
		transform: translate(0px, 0px);
	}
}
@-webkit-keyframes bound {
  0% {
    -webkit-transform: translate(0,0%);
    -ms-transform: translate(0,0%);
    -o-transform: translate(0,0%);
    transform: translate(0,0%);
  }
  60% {
    -webkit-transform: translate(0,-10%);
    -ms-transform: translate(0,-10%);
    -o-transform: translate(0,-10%);
    transform: translate(0,-10%);
   }
  100% {
    -webkit-transform: translate(0,0%);
    -ms-transform: translate(0,0%);
    -o-transform: translate(0,0%);
    transform: translate(0,0%);
  }
}
@keyframes bound {
  0% {
    -webkit-transform: translate(0,0%);
    -ms-transform: translate(0,0%);
    -o-transform: translate(0,0%);
    transform: translate(0,0%);
  }
  60% {
    -webkit-transform: translate(0,-10%);
    -ms-transform: translate(0,-10%);
    -o-transform: translate(0,-10%);
    transform: translate(0,-10%);
   }
  100% {
    -webkit-transform: translate(0,0%);
    -ms-transform: translate(0,0%);
    -o-transform: translate(0,0%);
    transform: translate(0,0%);
  }
}
.boundIn {
  -webkit-animation-name: boundIn;
  -o-animation-name: boundIn;
  animation-name: boundIn;
}
@-webkit-keyframes boundIn {
  0% {
   -webkit-transform: scale(0);
   -ms-transform: scale(0);
   -o-transform: scale(0);
   transform: scale(0);
  }
  62% {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
   }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes boundIn {
  0% {
   -webkit-transform: scale(0);
   -ms-transform: scale(0);
   -o-transform: scale(0);
   transform: scale(0);
  }
  62% {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
   }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes boundInInf {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
   }
  20% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes boundInInf {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
   }
  20% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes boundInInf2 {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  40% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  62% {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03);
   }
  80% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes boundInInf2 {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  40% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
   }
  60% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}



.boundInBig {
  -webkit-animation-name: boundInBig;
  -o-animation-name: boundInBig;
  animation-name: boundInBig;
}
@-webkit-keyframes boundInBig {
  0% {
   -webkit-transform: scale(2);
   -ms-transform: scale(2);
   -o-transform: scale(2);
   transform: scale(2);
  }
  26% {
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8);
   }
  36% {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
  66% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes boundInBig {
  0% {
   -webkit-transform: scale(2);
   -ms-transform: scale(2);
   -o-transform: scale(2);
   transform: scale(2);
  }
  26% {
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8);
   }
  36% {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
  66% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

.fadeUpEx {
  -webkit-animation-name: fadeUpEx;
  -o-animation-name: fadeUpEx;
  animation-name: fadeUpEx;
}
@-webkit-keyframes fadeUpEx {
  0% {
    -webkit-transform: translate(0,150%);
    -ms-transform: translate(0,150%);
    -o-transform: translate(0,150%);
    transform: translate(0,150%);
    opacity: 0;
   }
  80% {
    -webkit-transform: translate(0,-3%);
    -ms-transform: translate(0,-3%);
    -o-transform: translate(0,-3%);
    transform: translate(0,-3%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
    opacity: 1;
  }
}
@keyframes fadeUpEx {
  0% {
    -webkit-transform: translate(0,150%);
    -ms-transform: translate(0,150%);
    -o-transform: translate(0,150%);
    transform: translate(0,150%);
    opacity: 0;
   }
  80% {
    -webkit-transform: translate(0,-3%);
    -ms-transform: translate(0,-3%);
    -o-transform: translate(0,-3%);
    transform: translate(0,-3%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
    opacity: 1;
  }
}


.fadeRightEx {
  -webkit-animation-name: fadeRightEx;
  -o-animation-name: fadeRightEx;
  animation-name: fadeRightEx;
}
@-webkit-keyframes fadeRightEx {
  0% {
    -webkit-transform: translate(-59%,0);
    -ms-transform: translate(-59%,0);
    -o-transform: translate(-59%,0);
    transform: translate(-59%,0);
    opacity: 0;
   }
  80% {
    -webkit-transform: translate(3%,0);
    -ms-transform: translate(3%,0);
    -o-transform: translate(3%,0);
    transform: translate(3%,0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
    opacity: 1;
  }
}
@keyframes fadeRightEx {
  0% {
    -webkit-transform: translate(-59%,0);
    -ms-transform: translate(-59%,0);
    -o-transform: translate(-59%,0);
    transform: translate(-59%,0);
    opacity: 0;
   }
  80% {
    -webkit-transform: translate(3%,0);
    -ms-transform: translate(3%,0);
    -o-transform: translate(3%,0);
    transform: translate(3%,0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
    opacity: 1;
  }
}


.fadeLeftEx {
  -webkit-animation-name: fadeLeftEx;
  -o-animation-name: fadeLeftEx;
  animation-name: fadeLeftEx;
}
@-webkit-keyframes fadeLeftEx {
  0% {
    -webkit-transform: translate(73%,0);
    -ms-transform: translate(73%,0);
    -o-transform: translate(73%,0);
    transform: translate(73%,0);
    opacity: 0;
   }
  80% {
    -webkit-transform: translate(-3%,0);
    -ms-transform: translate(-3%,0);
    -o-transform: translate(-3%,0);
    transform: translate(-3%,0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
    opacity: 1;
  }
}
@keyframes fadeLeftEx {
  0% {
    -webkit-transform: translate(73%,0);
    -ms-transform: translate(73%,0);
    -o-transform: translate(73%,0);
    transform: translate(73%,0);
    opacity: 0;
   }
  80% {
    -webkit-transform: translate(-3%,0);
    -ms-transform: translate(-3%,0);
    -o-transform: translate(-3%,0);
    transform: translate(-3%,0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
    opacity: 1;
  }
}


.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUp {
  0% {
    -webkit-transform: translate(0,50%);
    -ms-transform: translate(0,50%);
    -o-transform: translate(0,50%);
    transform: translate(0,50%);
    opacity: 0;
   }
  80% {
    -webkit-transform: translate(0,-3%);
    -ms-transform: translate(0,-3%);
    -o-transform: translate(0,-3%);
    transform: translate(0,-3%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    -webkit-transform: translate(0,50%);
    -ms-transform: translate(0,50%);
    -o-transform: translate(0,50%);
    transform: translate(0,50%);
    opacity: 0;
   }
  80% {
    -webkit-transform: translate(0,-3%);
    -ms-transform: translate(0,-3%);
    -o-transform: translate(0,-3%);
    transform: translate(0,-3%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
    opacity: 1;
  }
}

.fadeInUpEx {
	-webkit-animation-name: fadeInUpEx;
	-o-animation-name: fadeInUpEx;
	animation-name: fadeInUpEx;
	-webkit-animation-duration: 2s;
	-o-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
@keyframes fadeInUpEx {
  0% {
    -webkit-transform: translate(-50%,50%) scale(0);
    -ms-transform: translate(-50%,50%) scale(0);
    -o-transform: translate(-50%,50%) scale(0);
    transform: translate(-50%,50%) scale(0);
    opacity: 0;
   }
  50% {
    -webkit-transform: translate(0,0%) scale(1);
    -ms-transform: translate(0,0%) scale(1);
    -o-transform: translate(0,0%) scale(1);
    transform: translate(0,0%) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0,0) scale(1);
    -ms-transform: translate(0,0) scale(1);
    -o-transform: translate(0,0) scale(1);
    transform: translate(0,0) scale(1);
    opacity: 1;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDown {
  0% {
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    opacity: 0;
   }
  60% {
    -webkit-transform: translate(0,3%);
    -ms-transform: translate(0,3%);
    -o-transform: translate(0,3%);
    transform: translate(0,3%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
    opacity: 1;
  }
}
@keyframes fadeInDown {
  0% {
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    opacity: 0;
   }
  60% {
    -webkit-transform: translate(0,3%);
    -ms-transform: translate(0,3%);
    -o-transform: translate(0,3%);
    transform: translate(0,3%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
    opacity: 1;
  }
}
/*-------------------------------*/

.anim .anim-item {
  opacity: 1;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.hide .anim-item {
  opacity: 0;
  -webkit-animation-name: none;
  -o-animation-name: none;
  animation-name: none;
}

.approach .anim-item.is-animation-end ,
.sns .anim-item.is-animation-end {
  -webkit-animation-name: balloon;
  -o-animation-name: balloon;
  animation-name: balloon;
  -webkit-animation-duration: 2.6s;
  -o-animation-duration: 2.6s;
  animation-duration: 2.6s;
  -webkit-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes balloon{
    from{
      -webkit-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none;
    }
    55% {
      -webkit-transform: translate3d(0, -2%, 0);
      -ms-transform: translate3d(0, -2%, 0);
      -o-transform: translate3d(0, -2%, 0);
      transform: translate3d(0, -2%, 0);
  }
      to {
          -webkit-transform: none;
          -ms-transform: none;
          -o-transform: none;
          transform: none;
      }
}
@keyframes balloon{
    from{
      -webkit-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none;
    }
    55% {
      -webkit-transform: translate3d(0, -2%, 0);
      -ms-transform: translate3d(0, -2%, 0);
      -o-transform: translate3d(0, -2%, 0);
      transform: translate3d(0, -2%, 0);
  }
      to {
          -webkit-transform: none;
          -ms-transform: none;
          -o-transform: none;
          transform: none;
      }
}
@-webkit-keyframes shake {
  from, to , 35%{
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  5%, 15% , 25% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  10%, 20% , 30% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, to , 35%{
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  5%, 15% , 25% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  10%, 20% , 30% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.tel_order {
	margin-top: 2%;
	margin-bottom: 8%;
}

/* upsell */
	.upsell-wrap{
		width: 980;
		text-align: center;
		margin: 0 auto;
	}
@media screen and (max-width:799px) {
	.upsell-wrap{
		width: 100%;
		padding: 0 2%;
	}
}
/* upsell */

/* SP */
@media screen and (max-width:799px) {
	.hd_back{
		width: 100%;
	}
	.tel_num{
		top: 3.5%;
		right: 2%;
		width: 45%;
	}
	.saletime {
		position: absolute;
		bottom: -2%;
		left: 0;
		right: 0;
		margin: auto;
		width:100%;
		z-index: 1;
	}
	.day,.hou, .min, .sec, .mil {font-size: 200%;}
	.nichi,.jikan,.hun,.byou {font-size: 85%;}
	#CP{
		font-size: 110%;
	}
	.arrow02{
		position: absolute;
		right: 23%;
		top: 13.5%;
		width: 30%;
}
}