@media screen and (min-width: 768px) {
	#contentsWrap { text-align: center; }
	.contentInnerBox { max-width: 980px; margin: 0 auto; }
	
	#gnav { background: #01b2c2; border-bottom: 1px solid #fff; }
	#gnav ul { margin: 0 auto; padding: 9px 0; text-align: left; }
	
	
	
	/* chara1 */
	.charaH1 { padding-top: 20px; text-align: center; margin-bottom: 66px; }
	.charaH1 img { width: 100%; max-width: 517px; margin: 0 auto; }
	.imgChara { width: 37%; display: inline-block; vertical-align: top; }
	.imgChara img { width: 100%; max-width: 362px }
	.chara2 .imgChara img { width: 130.4%; max-width: 473px; margin-left: -15%; }
	
	.charaInfo { width: 63%; display: inline-block; vertical-align: top; text-align: center; }
	.charaInfo img.name { width: 100%; max-width: 466px; margin: 0 auto 50px;  }
	.charaInfo img.charatx { width: 100%; max-width: 466px; margin: 0 auto 20px;  }
	.charaInfo p { padding: 0 40px 10px 40px; font-size: 16px; color:#111; text-align: left; line-height: 1.5; }
	.chara1 .charaInfo p { color:#fff; }
	
	.chara0 { background:#f6e138; }
	.chara1 { background:#f34f7f; }
	.chara2 { background:#00b2c2; overflow: hidden; }
	.chara3 { background:#957ef5; }
	
	.comingsoon { margin: 420px auto 0;}
	
	
	#dotBox {width: 100%;
    position: absolute;
    z-index: 1;
    margin-top: 153px;}
	
	.slick-dots > li {
		text-align: center!important;
    	width: 50px!important;
   		 height: 50px!important;
		line-height: 46px!important;
    	letter-spacing: normal!important;
    	background: #ffffff!important;
    	display: inline-block!important;
    	border-radius: 50%!important;
    	vertical-align: middle!important;
		color: #111!important;
		font-size: 18px;
		border: 2px solid #fff ;
	}
	
	
	.slick-dots > li:nth-child(1).slick-active { border: 2px solid #111; background: #f6e138!important; }
	.slick-dots > li:nth-child(2).slick-active { border: 2px solid #fff; color:#fff!important; background:#f3507f!important;  }
	.slick-dots > li:nth-child(3).slick-active { border: 2px solid #fff; color:#fff!important; background: #00b2c2!important; }
    .slick-dots > li:nth-child(4).slick-active { border: 2px solid #fff; color:#fff!important; background: #957ef5!important; }
    
	
	.slick-dots > li:first-child::before{ content: '1'; display: block; text-align: center; }
	.slick-dots > li:nth-child(2)::before{ content: '2'; display: block; text-align: center; }
	.slick-dots > li:nth-child(3)::before{ content: '3'; display: block; text-align: center; }
	.slick-dots > li:nth-child(4)::before{ content: '4'; display: block; text-align: center; }
	.slick-dots > li + li { margin-left: 20px!important;}
	
	
	.slick-prev { background: url(../images/icon-arrow-left.png); top: 535px; left:20px; z-index: 4; height: 56px;
		width: 31px;position: absolute; }
	.slick-next { background: url(../images/icon-arrow-right.png); top: 535px; right:20px; z-index: 4; height: 56px;
		width: 31px;position: absolute;}
	
	#bgflt {display:none!important;}
	#fltCntChara {display:none!important;}
	/*#closefloat {display:none!important;}*/
	
	/* btn */
	
	a.btn { display: inline-block; width: 100%; max-width: 356px; height: 50px; line-height: 50px; border-radius: 25px; background: #eb5505; color: #fff; position: relative; font-weight: bold; font-size: 16px; text-align: center; margin: 0 auto; }
	a.btn:hover,
	a.btn:visited,
	a.btn:active { color: #fff; text-decoration: none; }
	a.btn:hover { background: #f06014; text-decoration: none; color:#f6c7af }
	
	.bgPnk a.btn { background: #f6e138; color:#111; }
	.bgPnk a.btn:hover,
	.bgPnk a.btn:visited,
	.bgPnk a.btn:active { color:#111; }
	.bgPnk a.btn:hover { background: #f7e75f; text-decoration: none; color:#666 }
	
	a.btn.cyanBtn { background: #00b2c2; color:#fff; }
	a.btn.cyanBtn:hover,
	a.btn.cyanBtn:visited,
	a.btn.cyanBtn:active { color:#fff; }
	a.btn.cyanBtn:hover { background: #18c3d2; color:#a8f2f9; }
	
	a.btn.blkBtn { background: #000; color:#fff; }
	a.btn.blkBtn:hover,
	a.btn.blkBtn:visited,
	a.btn.blkBtn:active { color:#fff; }
	a.btn.blkBtn:hover { background: #666; color:#fff; }
	
	a.btn.pnkBtn,
	a.btnS.pnkBtn { background: #f34f7f; color:#fff; }
	a.btn.pnkBtn:hover,
	a.btn.pnkBtn:visited,
	a.btn.pnkBtn:active,
	a.btnS.pnkBtn:hover,
	a.btnS.pnkBtn:visited,
	a.btnS.pnkBtn:active{ color:#fff; }
	a.btn.pnkBtn:hover,
	a.btnS.pnkBtn:hover{ background: #f67299; color:#fbccda; }
	
	a.btn.endBtn{ background: #a4a4a4; color:#fff; cursor: inherit; }
	a.btn.endBtn:hover,
	a.btn.endBtn:active,
	a.btn.endBtn:visited{ background: #a4a4a4; color:#fff; cursor: inherit;  }
	a.btn.endBtn::after { display: none; }
	
	a.btnS::after,
	a.btn::after { content: ''; background: url(/content/dam/au-com/pr/cm/takasugi/images/icon-arrow.png) no-repeat center center; background-size: 100%;  position: absolute; display: block; width: 20px;
    height: 100%;
    top: 0;
    right: 12px;/*transform: scale(.8,1.6);*/
	}
	
	a.btn.line2::after { top: 29%; }
	
	a.btnS { display: inline-block; width: 100%; max-width: 240px; height: 40px; line-height: 40px; border-radius: 20px; background: #eb5505 /*url(/content/dam/au-com/pr/cm/takasugi/images/icon-outer.png) no-repeat right 10px center*/; color: #fff; position: relative; font-size: 16px; text-align: center; margin: 0 auto; }
	a.btnS:visited,
	a.btnS:active { color: #fff; text-decoration: none; }
	a.btnS:hover { background: #f06014; text-decoration: none; color:#f6c7af  }
	
	#anshinBtnBox a.orgBtnS {  display: inline-block; width: 224px; height: 74px; padding: 0; border-radius: 37px; background: #eb5505; text-align: center; margin: 0 25px;  }
	#anshinBtnBox a.blkBtnS {  display: inline-block; width: 224px; height: 74px; padding: 0; border-radius: 37px; background: #191919; text-align: center; margin: 0 25px;  }
	
	#anshinBtnBox a.orgBtnS img,
	#anshinBtnBox a.blkBtnS img { height: 100%; }
	
	a img.alpha { opacity: 1;
		transition-duration:.5s;
		-webkit-transition-duration:.5s;
		-moz-transition-duration:.5s; 
	}
	
	a:hover img.alpha { opacity: .6;
		transition-duration:.5s;
		-webkit-transition-duration:.5s;
		-moz-transition-duration:.5s;
	}
	
	.slBox { padding: 15px 8px; }
	
	.slick-prev2 { 
		background: url(../images/icon-arrow-left.png); top: 70px;
		left: -40px;
		z-index: 4;
		height: 56px;
		width: 31px;
		position: absolute;
		opacity: 0.4; 
	}
	
	.slick-next2 { 
		background: url(../images/icon-arrow-right.png); top: 70px;
		right: -40px;
		z-index: 4;
		height: 56px;
		width: 31px;
		position: absolute;
		opacity: 0.4;
	}
	
	.btmbtnbox { padding: 50px 0; }
}


@media screen and (min-width: 1200px) {}
@media screen and (max-width: 1199px) and (min-width: 980px) {}

/* tablet */
@media screen and (max-width: 979px) and (min-width: 768px) {
	.charaInfo p { padding: 0 20px 10px 20px;}
	
	.slick-prev { display: none!important;}
	.slick-next { display: none!important;}
}

/*  SP */

@media screen and (max-width: 767px) and (min-width: 0px) {
	#contentsWrapper .contArea { padding-top: 0!important;}
	#contentsWrap { text-align: center; }
	
	#gnav { display: none; }
	/* BTN AREA */
	a.btn { display: inline-block; width: 100%; height: 14vw; line-height: 14vw; border-radius: 7vw; background: #eb5505; color: #fff; position: relative; font-weight: bold; font-size: 3.8vw; text-align: center; }
	a.btn:hover,
	a.btn:visited,
	a.btn:active { color: #fff; }
	a.btn:hover { background: #f06014; text-decoration: none; color:#f6c7af }
	a.btn::after { content: ''; background: url(/content/dam/au-com/pr/cm/takasugi/images/icon-arrow.png) no-repeat center center; background-size: 100% auto;  position: absolute; display: block; width: 5vw; height: 100%; top: 0; right: 3vw; /*transform: scale(.6,1.5);*/  }
	
	.bgPnk a.btn { background: #f6e138; color:#111; }
	.bgPnk a.btn:hover,
	.bgPnk a.btn:visited,
	.bgPnk a.btn:active { color:#111; }
	.bgPnk a.btn:hover { background: #f7e75f; color:#666; }
	
	a.btn.cyanBtn { background: #00b2c2; color:#fff; }
	a.btn.cyanBtn:hover,
	a.btn.cyanBtn:visited,
	a.btn.cyanBtn:active { color:#fff; }
	a.btn.cyanBtn:hover { background: #18c3d2; color:#a8f2f9; }
	
	a.btn.blkBtn { background: #000; color:#fff; }
	a.btn.blkBtn:hover,
	a.btn.blkBtn:visited,
	a.btn.blkBtn:active { color:#fff; }
	a.btn.blkBtn:hover { background: #666; color:#fff; }
	
	a.btnS.pnkBtn,
	a.btn.pnkBtn { background: #f34f7f; color:#fff; }
	a.btnS.pnkBtn:hover,
	a.btn.pnkBtn:hover,
	a.btnS.pnkBtn:visited,
	a.btn.pnkBtn:visited,
	a.btnS.pnkBtn:active,
	a.btn.pnkBtn:active { color:#fff; }
	a.btnS.pnkBtn:hover,
	a.btn.pnkBtn:hover { background: #f67299; color:#fbccda; }
	
	a.btnS { display: inline-block; width: 100%; height: 12vw; line-height: 12vw; border-radius: 6vw; background: #eb5505 /*url(/content/dam/au-com/pr/cm/takasugi/images/icon-outer.png) no-repeat right 8% center; background-size: auto 30%*/;  color: #fff; position: relative; font-size: 4vw; text-align: center; margin: 0 auto; }
	
	a.btnS:visited,
	a.btnS:active { color: #fff; }
	a.btnS:hover { text-decoration: none; color:#f6c7af }
	
	
	a.btn.endBtn{ background: #a4a4a4; color:#fff; cursor: pointer; }
	a.btn.endBtn:hover,
	a.btn.endBtn:active,
	a.btn.endBtn:visited{ background: #a4a4a4; color:#fff; cursor: pointer;  }
	a.btn.endBtn::after { display: none; }
	
	#anshinBtnBox a.orgBtnS {  display: inline-block; width: 46%; height: 14vw; padding: 0; border-radius: 7vw; background: #eb5505; text-align: center; margin: 0 3% 0 0;  }
	#anshinBtnBox a.blkBtnS {  display: inline-block; width: 46%; height: 14vw; padding: 0; border-radius: 7vw; background: #191919; text-align: center; margin: 0 0 0 3%;  }
	
	#anshinBtnBox a.orgBtnS img,
	#anshinBtnBox a.blkBtnS img { height: 100%; }
	
	.note { font-size: 2.8vw!important; }
	
	
	/* chara1 */
	.charaH1 { text-align: center; margin-bottom: 20vw; }
	.charaH1 img { width: 100%; }
	.charaWrap { /*padding: 0;*/ }
	.imgChara,
	.charaInfo { width: 50%; display: inline-block; vertical-align: top; text-align: center; }
	.imgChara { padding-left: 2%; }
	.imgChara img { /*margin-bottom: 8%;*/ }
	.charaInfo { /*padding-right: 2%;*/ }
	.charaInfo img.name { width: 90%; margin: 0 auto 5vw; }
	.chara3 .charaInfo img.name { width: 90%; margin: 0 auto; }
	.charaInfo img.charatx { width: 90%; margin: 0 auto; }
	.charaInfo p { padding: 0 0 5%; font-size: 4vw; color:#333; text-align: left; }
	.btnBox { padding: 0 5%; }
	.chara1 .charaInfo p { color:#fff; }
	
	.chara2 .charaInfo img.name {
		width: 109%;
   		margin: -2vw 0 4vw 1.5vw;
	}
	
	.chara2 .charaInfo img.charatx {
    	width: 88%;
    	margin: 0 auto;
	}
	
	.chara2 .imgChara img {
    	width: 133.5%;
    	margin-left: -11%;
		margin-top: -2%;
	}
	
	.chara0 { background:#f6e138; }
	.chara1 { background:#f34f7f; }
	.chara2 { background:#00b2c2; overflow: hidden; margin-bottom: -2%;}
	.chara3 { background:#957ef5; }
	
	.comingsoon { margin: 40vw auto 0; width: 60%;}
	
	
	#dotBox {
		width: 100%;
		position: absolute;
		z-index: 1;
		margin-top: 30%;
	}
	
	.slick-dots > li {
		text-align: center!important;
    	width: 12vw!important;
   		 height: 12vw!important;
		line-height: 11vw!important;
    	letter-spacing: normal!important;
    	background: #ffffff!important;
    	display: inline-block!important;
    	border-radius: 50%!important;
    	vertical-align: middle!important;
		color: #111!important;
		font-size: 4vw;
		border: 2px solid #fff ;
	}
	
	
	.slick-dots > li:nth-child(1).slick-active { border: 2px solid #111; background: #f6e138!important; }
	.slick-dots > li:nth-child(2).slick-active { border: 2px solid #fff; color:#fff!important; background:#f3507f!important;  }
	.slick-dots > li:nth-child(3).slick-active { border: 2px solid #fff; color:#fff!important; background: #00b2c2!important; }
	.slick-dots > li:nth-child(4).slick-active { border: 2px solid #fff; color:#fff!important; background: #957ef5!important; }
	
	.slick-dots > li:first-child::before{ content: '1'; display: block; text-align: center; }
	.slick-dots > li:nth-child(2)::before{ content: '2'; display: block; text-align: center; }
	.slick-dots > li:nth-child(3)::before{ content: '3'; display: block; text-align: center; }
	.slick-dots > li:nth-child(4)::before{ content: '4'; display: block; text-align: center; }
	.slick-dots > li + li { margin-left: 4vw!important;}
	
	
	.slick-prev { display: none!important; }
	.slick-next { display: none!important;}
	
	
	#dotBox {width: 100%;
    position: absolute;
    z-index: 1;
    margin-top: 24vw;}
	
	#bgflt { background: rgba(0,0,0,.8); position: absolute; top: 0; left: 0; height: 0; opacity: 0; width: 100%; }
	#fltCntChara { padding: 15% 8% 0; position: absolute; top: 0; left: -200%; width: 100%; }
	#fltCntCharaInner.ylw { background: #f6e138; padding: 5%; color:#111; }
	#fltCntCharaInner.pnk { background: #f3507f; padding: 5%; color:#fff; }
	#fltCntCharaInner p { font-size: 3.4vw; margin-bottom: 5%; }
	/*#closefloat { position: fixed; top: 5vw; right: 5vw; width: 10vw; height: 10vw; color:#fff; display:none; }*/
	
	/* FLOATBANNER AREA */
	
	#fltCV { position: relative; z-index: 5; height: 13vw; }
	#fltnvInner { position: absolute; width: 100%; }
	#fltnvInnerClose { position: relative; background: #01b2c2 url(../../images/nav-tt_sp.png) no-repeat left center; background-size: auto 100%;  }
	#fltnvInnerClose #menu { text-align: right; }
	#fltnvInnerClose #menu a { display: inline-block; width: 20%; color:#f6e138; font-weight: bold; font-size: 3.6vw; background: #000 url(../images/btn-menu.png) no-repeat center center; background-size: 100% auto;  padding: 5%; line-height: 1; }
	#fltnvInnerClose #menu a#toTop { display: inline-block; width: 78%; color:#f6e138; font-weight: bold; font-size: 3.6vw; background: none; height: 100%; line-height: 1; }
	
	#fltCV #fltnvInner.out {
		position: absolute;
		top: -170vw;
		width: 100%;
		left: 0;
		transition-duration:.5s;
		-webkit-transition-duration:.5s;
		-moz-transition-duration:.5s; 
	}
	#fltCV #fltnvInner {
		position: absolute;
		top: 0;
		width: 100%;
		left: 0;
		transition-duration:.5s;
		-webkit-transition-duration:.5s;
		-moz-transition-duration:.5s; 
	}
	
	#fltCV.in #fltnvInnerClose{
		position: fixed;
		top: 44px;
		width: 100%;
		left: 0;
		transition-duration:.7s;
		-webkit-transition-duration:.7s;
		-moz-transition-duration:.7s; 
	}
	
	#fltCV.in #fltnvInner{
		position: fixed;
		top: 0;
		width: 100%;
		left: 0;
		transition-duration:.7s;
		-webkit-transition-duration:.7s;
		-moz-transition-duration:.7s; 
	}
	
	#fltCV.in.up #fltnvInnerClose {
		top: 0;
		transition-duration:.7s;
		-webkit-transition-duration:.7s;
		-moz-transition-duration:.7s; 
	}
	
	#fltCV.in #fltnvInner.out{
		position: fixed;
		top: -160vw;
		width: 100%;
		left: 0;
	}
	
	#applicationBoxInner { padding: 3% 0 0; text-align: center; position: relative;}
	#applicationBoxInner .close { display:block; width: 6%; position: absolute; right: 5%; top: 3%; }
	#applicationBoxInner .menuttl { display:block; width: 30%; margin: 0 auto;}
	#applicationBoxInner .close img,
	#applicationBoxInner .menuttl img { width: 100%; }
	#navChara { background: #f34f7f; padding: 2% 2.5% 2.5%; }
	#navChara img { width: 100%; }
	#navChara ul li { display: inline-block; width: 48.5%; }
	#navChara ul li:nth-child(1),
	#navChara ul li:nth-child(2) { margin-bottom: 2% }
	#navChara ul li:nth-child(odd) { margin-right: 2.5%; }
	#applicationBoxInner ul li { background: #f6e138; /*margin-top: 2.5%;*/  }
	#applicationBoxInner ul li a { display: block; }
	#applicationBoxInner ul li img { width: 100%; }
	#applicationBoxInner ul li li { padding: 0 3% 2%; }
	
	.spPd5 { padding: 0 5%; }
	
	#fltbg { background: rgba(0,0,0,.8); width: 100%; position: fixed; top: 0; left: 0; height: 0; z-index: 1; }
	
	#bnrBox { text-align: center; background: #fff; padding: 3%;  }
	#bnrBox img { width: 100%; }
	
	
	#service07 #main07 h1 { max-width: 980px; width: 100%; margin: 0 auto;}
	#service07 #main07 h1 img { width: 100%;}
	#service07 #c01{ margin: 0 auto; padding: 5%; font-size: 3.4vw; }
	#service07 #c04{ max-width: 890px; width: 100%; margin: 0 auto; }
	
	#s07ChannelHeader { background: #f5f5f5; padding: 5%; position: relative; margin-bottom: 5vw; font-size: 3.4vw; }
	#s07ChannelHeader ul#s07channelTitle > li { display: inline-block; vertical-align: middle; text-align: left; }	
	#s07ChannelHeader ul#s07channelTitle > li:first-child { width: 40%; }	
	#s07ChannelHeader ul#s07channelTitle > li:first-child img { width: 100%;  }
	#s07ChannelHeader ul#s07channelTitle > li:last-child { padding-left: 3%; width: 60%; }
	#s07ChannelHeader ul#s07channelTitle h2 { font-size: 5.2vw; margin: 0; padding: 0; font-weight: bold; border: none; }
	#s07ChannelHeader ul#s07channelTitle p.status {  margin-bottom: 5%; padding-top: 3%;  }
	
	#s07ChannelHeaderInner { max-width: 890px; width: 100%; margin: 0 auto; position: relative; }
	#s07ChannelHeaderInner p.message { text-align: left; margin-top: 5%; }
	
	#s07ChannelHeader ul#s07SNS2 { }
	
	#s07ChannelHeader li ul#s07SNS2 li { display: inline-block; vertical-align: top; width: 20%; margin-right: 5% }
	#s07ChannelHeader li ul#s07SNS2 li a { display: block; }
	#s07ChannelHeader li ul#s07SNS2 li img {width: 100%;}
	
	#service07 #c01 .s07movBox { padding: 5% 0 0; /*border-bottom: 1px dashed #999;*/ text-align: left; }
	#service07 #c01 .s07movBox a img { margin-bottom: 5%; width: 100%;}
	#service07 #c01 .icon-pc { display:inline-block; vertical-align: top; width: 22%; }
	#service07 #c01 p.s07ttl { font-weight: bold; display:inline-block; width:78%; padding-left: 5%; }
	#service07 #c01 p.s07ttl > span { position: absolute; right: 0; font-weight: normal; }
	#service07 #c01 .s07mvSummary { padding-top: 5%; }
	#service07 #c01 .s07mvSummary li {  }
	#service07 #c01 .s07mvSummary li:first-child { width: 30%; display:none; }
	#service07 #c01 .s07mvSummary li:last-child { width: 100%; }
	#service07 #c01 .s07mvSummary li p { line-height: 1.6}
	
	
	#service07 #c01 > ul { padding-top: 5%; padding-bottom: 5%; border-bottom: 1px dashed #999; }
	#service07 #c01 > ul li { font-size: 2.8vw; text-align: left; text-indent: -2.5em; padding-left: 2.5em; margin-bottom: 10px;}
	
	#service07 #c03 { background: #01b2c2; padding: 10vw 5vw; font-size: 3.4vw;   }
	#service07 #c03 h2 { font-size: 4.6vw; line-height: 1.6; font-weight: bold; color: #fff; margin-bottom: 10vw; text-align: center; padding: 0; border: none; }
	#service07 #c03 ul { max-width: 890px; margin: 0 auto; text-align: center; }
	#service07 #c03 ul li { width: 100%; display: inline-block; vertical-align: top; color: #fff; margin-bottom: 10%; }
	#service07 #c03 ul li p { color: #fff; margin-bottom: 3%; }
	#service07 #c03 ul li p span { color: #fff; font-size: 14px; }
	#service07 #c03 ul li:last-child { margin-right: 0; }
	#service07 #c04 {padding: 10% 5%;}
	#service07 #c04 .slBox { margin: 0 3%; padding: 3% 0;border-bottom: 1px dotted #999; }
	/*#service07 #c04 .slBox:last-child{ border-bottom: none; }*/
	#service07 #c04 .slBox a { display: inline-block; vertical-align: top; width: 44%; padding-right: 5%;}
	#service07 #c04 .slBox p { display: inline-block; vertical-align: top; width: 56%; text-align: left; padding-left: 2em; text-indent: -2em; font-size: 3.4vw; }
	#service07 #c04 .slBox p span { font-weight: bold; }
	
	#service07 #linkList { height: 70vw; overflow: auto; border-bottom: 1px solid #999; }
	#service07 #linkList::-webkit-scrollbar { width:5px; background:#ccc;}
	#service07 #linkList::-webkit-scrollbar-thumb{
		background:#aaa;

	}
	/*#service07 #linkList::-webkit-scrollbar-track-piece {
    	background: #ccc;
  	}*/
	#service07 h2 { font-size: 4vw; line-height: 1; font-weight: normal; padding: 2vw; border-bottom: 1px solid #999; text-align: left;}
	
	#service07 .slick-initialized .slick-slide {
    display: block;
    width: 100%!important;
	}
	
	.btmbtnbox { padding: 0 5% 10% 5%; }
}


.view-sp { display: none; }
.view-pc { display: block; }

@media screen and (min-width: 0px) and (max-width: 767px) {
	
	.view-sp { display: block; }
	.view-pc { display: none; }

}

.bgCyan { background: #01b2c2;
	-webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
	transition: all 0.7s;
 }
.bgRylw { background:#f7e777;
	-webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
	transition: all 0.7s; }
.bgYlw { background: #f6e138;
	-webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
	transition: all 0.7s; }
.bgPnk { background: #f3507f;
	-webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
	transition: all 0.7s; }
.bgGray { background: #f4f5f7;
	-webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
	transition: all 0.7s; }

.white { color:#fff!important; }
.orange { color:#f3507f!important; }
.red { color:#f24073!important; }
.red2 { color:#ffb6c1!important; }
.fwb { font-weight: bold!important; }
.taC { text-align: center!important;}
.fsL { font-size: 120%; }

#topServiceList { /*display: none;*/ }

@media screen and (min-width: 768px) {
	#floatbg { display: none; text-align: center; }
	#floatcontent { display: none; text-align: center; width: 90%; max-width: 800px; }
	#floatContentInner { width: 100%; margin: 0 auto; position: relative; border-radius: 16px; background: #fff; padding: 40px;}
	#floatContentInner p { margin-bottom: 15px; }
	#floatContentInner p span { color: #16316a; font-weight: bold; }
	#floatContentInner p.ttl { font-size: 18px; color: #16316a; }
	#floatContentInner a.btn { margin: 15px 10px 0; color:#fff;}
	#floatContentInner a.btn:hover,
	#floatContentInner a.btn:active,
	#floatContentInner a.btn:visited{ color:#fff;}
	#closefloat { margin: 20px auto 0;display: block;}
	#closefloat img { width: 40px; }
	#closefloat { cursor: default; }
}
@media screen and (min-width: 0px) and (max-width: 767px) {

	#floatbg { display: none; text-align: center; }
	#floatcontent { display: none; text-align: center; width: 90%; margin: 0 5%; left:0; }
	#floatContentInner { width: 100%; max-width: 800px; margin: 0 auto; position: relative; border-radius: 3vw; background: #fff; padding: 8%; font-size: 3.2vw; }
	#floatContentInner p { margin-bottom: 3%; }
	#floatContentInner p span { color: #16316a; font-weight: bold; }
	#floatContentInner p.ttl { color: #16316a; font-weight: bold; font-size: 4.2vw; text-align: left; }
	#floatContentInner a.btn { margin-top: 3%; color:#fff; }
	#floatContentInner a.btn:hover,
	#floatContentInner a.btn:active,
	#floatContentInner a.btn:visited{ color:#fff; }
	
	#closefloat { margin: 3% auto 0; width: 100%; display: block; text-align: center; }
	#closefloat img { width: 10%; }
	#closefloat { cursor: default; }
	

}


.w100p { width: 100%!important; text-align: left!important;}