@media screen and (min-width: 768px) {
	#contentsWrap { text-align: center; }
	.contentInnerBox { max-width: 980px; margin: 0 auto; }
	
	#mainMovSliderBox { /*overflow: hidden;*/ }
	#mainMovSlider { max-width: 980px; margin: 0 auto; position: relative;}
	#mainMovSlider::before,
	#mainMovSlider::after{ content:''; display: block; background: rgba(0,0,0,.5); height: 100%; width: 100%; top: 0; bottom: 0; left:100%; z-index: 10; position: absolute; }
	#mainMovSlider::before{ right:100%; left:-100%;}
	#mainMovSlider a.topMov { display: block;}
	#mainMovSlider a.topMov img { width: 100%; }
	
	.slide-dots  { text-align: center; margin: 20px auto; width: 100%; }
	.slide-dots li button { opacity: 0; }
	.slide-dots li { border-radius: 50%; background: #ccc; display: inline-block; width: 16px; height: 16px; margin: 0 8px 20px; }
	.slide-dots li.slick-active { background: #333;}
	
	#topMovBox { display:none; position: absolute; top: 0; width: 100%;}
	#topMovBox.showMov { display:block;}
	#topMovBox.showMov iframe { width: 100%; height: 100%; }
	
	#gnav { background: #01b2c2; border-bottom: 1px solid #fff; }
	#gnav ul { margin: 0 auto; padding: 9px 0; text-align: left; }
	
	
	/* top */
	#chara { background: #f34f7f; padding: 35px 0; }
	#charaTopInner { max-width: 940px; margin: 0 auto; }
	#charaTopInner ul li { max-width: 313px; width: 33.333333%; display: inline-block; vertical-align: top; }
	#charaTopInner ul li img { width: 100%; }
	#service { background:#f5e137; }
	
	#topServiceList { background: #f5e137; }
	#topServiceList a { margin: 0 3.9% 3.9%; }
	#topServiceList a img { max-width: 900px;  }
	
	#thumbS ul li a { display: block; }
	#thumbS ul li a img { width: 100%; }
	
	.nameplate { max-width: 240px; margin: 0 auto; }
	
	/* gallery */
	#gallelyH1 { padding-top: 20px; text-align: center; margin-bottom: 40px; }
	#gallelyH1 img { width: 100%; max-width: 517px; }
	#tvcm { font-size: 16px; color:#111;}
	#tvcm .bgPnk { color:#fff;}
	#tvcm h3 { text-align: center; padding-top: 60px; font-size: 24px; line-height: 1.8 }
	#tvcm h3 span { text-align: center; font-size: 18px; display: block; }
	#tvcm h2 img { max-width: 147px; margin-bottom: 60px; }
	#gallryH2 { padding-top: 80px;}
	#tvcm p { width: 100%; margin: 7% auto; text-align: left; }
	#tvcm p.ttl { font-size: 18px; margin: 0 0 15px; font-weight: bold; text-align: center; position: relative; }
	#tvcm p.ttl span { position: absolute; bottom: 0; left: 0; font-size: 30px; }
	.glInner { max-width: 880px; margin: 0 auto; padding-top: 60px; border-bottom: 1px dashed #fff; }
	.glInner.making { margin-bottom: 0; }
	.glInner.last { margin-bottom: 0; border: none; }
	.glInner a.cm { margin-bottom: 30px; display: block;  }
	.glInner .btnWrap { padding: 0 0 40px 0; }
	.glInner ul.btnSide { padding-top: 20px;}
	.glInner ul.btnSide li { display: inline-block; width: 170px;  }
	.glInner ul.btnSide li:first-child { margin-right: 10px; }

	#topCm { color: #fff; padding: 70px 0 50px; } 
	#topCm h2 img { width: 80px; }
	#topCm p.mvTit { font-size: 24px; text-align: center; padding: 4% 0 2.5%; }
	#topCm p.mvTit img { height: 56px; display: inline; margin-right: 15px; }
	#topCm p.mvTit span { font-weight: bold; }
	#topCm a.adMov { display: block; margin: 0 4%; max-width: 900px; }
	#topCm a.adMov img { width: 100%; max-width: 880px;
    margin: 0 auto; }
	a:hover.adMov img { opacity: .6; transition-duration:.5s;}
	#topCm p.mvTx { margin: 80px auto 50px; text-align: center; font-size: 16px; display: inline-block; }
	
	#adMovBox { display:none; position: absolute; top: 0; width: 80%; margin: 5% 10% 0;}
	#adMovBox.showMov { display:block; z-index: 1000;}
	#adMovBox.showMov iframe { width: 100%; height: 100%; }
	
	#topCm .slide-dots  { text-align: center; width: 100%; position: absolute; top: 0; margin-top: 66%!important; z-index: 3;}
	#topCm .slide-dots li button { opacity: 0; }
	#topCm .slide-dots li { border-radius: 50%; background: #fff; display: inline-block; width: 13px; height: 13px; margin: 0 5px; }
	#topCm .slide-dots li.slick-active { background: #b2b2b2;}
	
	
	#topCm .slick-prev { background: url(../images/icon-arrow-left.png); top: 0; margin-top: 33%; left:0; z-index: 4; height: 110px;
		width: 80px;position: absolute; background-size: 100%; }
	#topCm .slick-next { background: url(../images/icon-arrow-right.png); top: 0; margin-top: 33%; right:0; z-index: 4; height: 110px;
		width: 80px;position: absolute; background-size: 100%; }
	
	#archive { padding: 65px; }
	#archive h2 img { width: 170px;}
	#archive div.sl3 { padding: 45px 0 40px; }
	#archive div.sl3 div { font-weight: bold; } 
	#archive div.sl3 div a { display: block; margin: 0 10px; background: #fff;  } 
	#archive div.sl3 div a img { width: 100%; } 
	#archive div.sl3 div p { padding: 10px 0; }
	
	#graphic { padding: 80px 0; }
	#graphic h2 img { max-width: 170px; margin-bottom: 60px; }
	#graphic ul { max-width: 880px; width: 100%; margin: 0 auto; }
	#graphic ul li { margin-bottom: 30px;}
	#graphic ul li img { max-width: 880px; width: 100%; }
	
	/* service01 */
	#serviceInfo  { padding: 75px 0 100px; margin-top: 40px; }
	#serviceH1 { padding-top: 20px; text-align: center; }
	#serviceH1 img { width: 100%; max-width: 517px; }
	.serviceH2-1 img { width: 100%; max-width: 750px; margin-bottom: 70px; }
	.serviceH2-1 img.gakuwariH2 {margin-bottom: 30px;}
	.endGakuwariTxt {padding-bottom: 40px;}
	.endGakuwariTxt2 {padding-top: 25px;}
	.imgService1Box img { margin: 80px 0 25px; max-width: 880px; }
	.imgService1Box p { font-size: 16px; color:#000; }
	.imgService1Box p.ttl { font-size: 18px; font-weight: bold; margin-bottom: 40px; }
	#fertureService { max-width: 420px; margin: 0 auto; }
	#fertureService img { max-width: 420px; width: 100%;}
	
	.serviceH2-info img { width: 100%; max-width: 541px; margin-bottom: 30px;}
	.serviceH3-info img { width: 100%; max-width: 606px; margin-bottom: 30px;}
	
	#serviceInfoList { max-width: 980px; margin: 0 auto; padding-bottom: 40px; border-bottom: 1px dashed #fff; }
	#serviceInfoList li { width: 32.1%; display: inline-block; vertical-align: top; margin-right: 1.85%; }
	#serviceInfoList li:last-child { margin-right: 0; }
	#serviceInfoList li > div { /*border-right: 1px dashed #fff;*/ text-align: center; }
	#serviceInfoList li:last-child > div { border-right: none; }
	#serviceInfoList li img { width: 100%; max-width: 314px; }
	#serviceInfoList li img.ttl { margin-bottom: 40px; }
	#serviceInfoList li p { color: #fff; text-align: left; padding: 0 30px; min-height: 6em; line-height: 1.8; }
	#serviceInfoList li p.note { padding-top: 20px; font-size: 14px!important; }
	
	#serviceInfo ul.note { padding-top: 40px; max-width: 980px; margin: 0 auto; }
	#serviceInfo ul.note li { color: #fff; text-indent: -1em; padding-left: 1em; text-align: left; }
	
	#serviceInfoList li table { width: 82%; margin: 10px auto 0;}
	#serviceInfoList li table th { background: #003877; color:#fff; padding: 2%; }
	#serviceInfoList li table td { background: #fff; border: 1px solid #003877; text-align: left; padding: 4%; font-size: 14px; }
	
	#serviceInfoList li a.btn.pnkBtn.ln2 { width: 90%; font-weight: normal; padding-top: 3px; line-height: 1.4;  }
	
	.serviceInfoBtnBox { padding: 15px 10px 0;}
	
	ul.listStyle li { padding-left: 1em!important; text-indent: -1em!important; display: block!important; width: 100%!important; }
	ul.listStyle2 { width: 80%; margin: 20px auto 0; font-size: 14px!important; }
	ul.listStyle2 li { color:#fff!important; padding-left: 1em!important; text-indent: -1em!important; display: block!important; width: 100%!important; text-align: left; }

	
	#serviceInfoList li:nth-child(1) .listStyle2.s06 li:nth-child(3),
	#serviceInfoList li:nth-child(1) .listStyle2.s06 li:nth-child(4) { display: none!important;}
	
	span.textTerm { text-align: center; display: block; }
	
	ul.btnSide { padding-top: 10px;}
	ul.btnSide li { display: inline-block; width: 240px;  }
	ul.btnSide li:first-child { margin-right: 20px; }
	
	#anshinBtnBox { background: #fff; padding-top: 25px; padding-bottom: 50px; }
	#anshinBtnBox p {font-size: 30px; color:#000; margin: 50px auto; font-weight: bold; }
	#anshinBtnBox p span {font-size: 20px; color:#000; }
	#anshinBtnBox a { display: block; margin-bottom: 15px; }
	
	
	.anshinBnr { 
		padding:10px 0 60px;
		margin: 60px auto 0;
		text-align: left;
		font-size:0!important;
		background: #f6e138;
	}
	.anshinBnr a { 
		display: inline-block!important;
		width: 50%;
		vertical-align: top;
		border-bottom: 1px solid #333;
		border-right: 1px solid #333;
		margin-bottom: 0!important;
	}
	.anshinBnr a:nth-of-type(1),
	.anshinBnr a:nth-of-type(2){
		border-top: 1px solid #333;
	}
	.anshinBnr a:nth-of-type(odd){border-left: 1px solid #333;}
	
	.anshinBnr img { width: 100%; max-width: 488px; max-width: 542px; }
	
	#anshinBnrBox { max-width: 980px; max-width: 1088px; margin: 0 auto; }
	
	p.serviceTakasugiInfo {}
	
	/* 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; }
	
	.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: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 + li { margin-left: 20px!important;}
	
	
	.slick-prev { background: url(../images/icon-arrow-left.png); top: 0; margin-top: 33%; left:0; z-index: 4; height: 110px;
		width: 80px;position: absolute; background-size: 100%; }
	.slick-next { background: url(../images/icon-arrow-right.png); top: 0; margin-top: 33%; right:0; z-index: 4; height: 110px;
		width: 80px;position: absolute; background-size: 100%; }
	
	
	
	#bgflt {display:none!important;}
	#fltCntChara {display:none!important;}
	/*#closefloat {display:none!important;}*/
	
	/* btn */
	
	a.btn { display: inline-block; width: 100%; max-width: 420px; 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.line2 { height: 80px; line-height: 1.5; padding-top: 15px; border-radius: 45px; }
	
	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.blnk::after { content: ''; background: url(/content/dam/au-com/pr/cm/takasugi/images/icon-outer2.png) no-repeat center center; background-size: 90%;  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;
	}
	
	/* float bnr */
	
	#fltCV,
	#fltbg{ display:none; }
	.note { font-size: 12px!important; }
	
	
	#bnrBox { text-align: center; background: #fff; padding: 60px 0;  }
	#bnrBox img { max-width: 980px; width: 100%; }
	
	#service07 #main07 {background: url(../images/bg-main07.png) center top; text-align: center;}
	#service07 #main07 h1 { max-width: 980px; width: 100%; margin: 0 auto;}
	#service07 #main07 h1 img { width: 100%;}
	#service07 #c01{ max-width: 890px; width: 100%; margin: 0 auto; padding-bottom: 90px; }
	#service07 #c04{ max-width: 890px; width: 100%; margin: 0 auto; }
	
	#s07ChannelHeader { background: #f5f5f5; padding: 20px 0; position: relative; margin-bottom: 40px; }
	#s07ChannelHeader ul#s07channelTitle > li { display: inline-block; vertical-align: middle; text-align: left; }	
	#s07ChannelHeader ul#s07channelTitle > li:first-child { width: 13.8%; max-width: 122px; }
	#s07ChannelHeader ul#s07channelTitle > li:last-child { padding-left: 15px; width: 86%; }
	#s07ChannelHeader ul#s07channelTitle h2 { font-size: 26px; margin: 0; padding: 0; font-weight: bold; border: none; }
	#s07ChannelHeader ul#s07channelTitle p.status { font-size: 14px; margin-bottom: 30px; padding-top: 15px;  }
	
	#s07ChannelHeaderInner { max-width: 890px; width: 100%; margin: 0 auto; position: relative; }
	#s07ChannelHeader ul#s07SNS2 {position: absolute; right: 0; top: 5px; }
	
	#s07ChannelHeader ul#s07SNS2 li { display: inline-block; vertical-align: top; width: 40px; margin-left: 10px; }
	
	#service07 #c01 .s07movBox { padding: 40px 0 0; text-align: left; }
	#service07 #c01 .s07movBox a img { margin-bottom: 30px; width: 100%;}
	#service07 #c01 p.s07ttl { font-size: 18px; font-weight: bold; position: relative; }
	#service07 #c01 p.s07ttl > span { position: absolute; right: 0; font-weight: normal; font-size: 16px; }
	#service07 #c01 .s07mvSummary { padding-top: 30px; }
	#service07 #c01 .s07mvSummary li {display: inline-block; vertical-align: top; font-size: 16px; }
	#service07 #c01 .s07mvSummary li:first-child { max-width: 80px; width: 9%; }
	#service07 #c01 .s07mvSummary li:last-child { width: 90%; }
	#service07 #c01 .s07mvSummary li:first-child img { width: 100%; }
	#service07 #c01 .s07mvSummary li p { padding-left: 10px; line-height: 1.6}
	
	.icon-pc { display: none; }
	
	#service07 #c01 > ul { padding-top: 30px; padding-bottom: 40px; border-bottom: 1px dashed #999; }
	#service07 #c01 > ul li { font-size: 12px; text-align: left; text-indent: -2em; padding-left: 2em; margin-bottom: 10px;}
	
	#service07 #c03 { background: #01b2c2; padding: 90px 0;  }
	#service07 #c03 h2 { font-size: 28px; line-height: 1.6; font-weight: bold; color: #fff; margin-bottom: 60px; text-align: center; padding: 0; border: none; }
	#service07 #c03 ul { max-width: 890px; margin: 0 auto; text-align: center; }
	#service07 #c03 ul li { width: 32%; display: inline-block; vertical-align: top; margin-right: 2%; color: #fff; }
	#service07 #c03 ul li p { color: #fff; font-size: 18px; height: 60px; }
	#service07 #c03 ul li p span { color: #fff; font-size: 14px; display: block; }
	#service07 #c03 ul li:last-child { margin-right: 0; }
	#service07 #c04 {padding-top: 50px;}
	#service07 #c04 .slBox p { text-align: left; padding-left: 2em; text-indent: -2em;  }
	#service07 #c04 .slBox p span { font-weight: bold; }
	
	#service07 h2 { font-size: 20px; line-height: 1; font-weight: normal; padding: 10px; border-bottom: 1px solid #999; text-align: left;}
	
	.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) {
	/*
	#fltCV.in #applicationBox { padding-top: 0;}
	#fltCV.in #fltnvInner { padding-left: 180px; }
	*/
}
@media screen and (max-width: 1199px) and (min-width: 980px) {
	/*#fltCV.in.up #applicationBox { padding-top: 40px;}*/
}

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

/*  SP */

@media screen and (max-width: 767px) and (min-width: 0px) {
	
	.slide-dots  { text-align: center; margin: 20px auto; width: 100%; }
	.slide-dots li button { opacity: 0; }
	.slide-dots li { border-radius: 50%; background: #ccc; display: inline-block; width: 16px; height: 16px; margin: 0 8px 20px; }
	.slide-dots li.slick-active { background: #333;}
	
	
	#topCm { color: #fff; padding: 10% 5%; } 
	#topCm h2 img { width: 20%; }
	#topCm p.mvTit { font-size: 5vw; text-align: center; padding: 5% 0 2.5%; }
	#topCm p.mvTit img { height: 10vw; display: inline; margin-right: 2%; }
	#topCm p.mvTit span { font-weight: bold; }
	#topCm a.adMov { display: block; }
	#topCm a.adMov img { width: 100%; }
	#topCm p.mvTx { margin: 15% auto 10%; padding: 0 5%; text-align: left; font-size: 3.4vw; display: inline-block;}
	
	#adMovBox { display:none; position: absolute; top: 0; width: 80%; margin: 5% 10% 0;}
	#adMovBox.showMov { display:block; z-index: 1000;}
	#adMovBox.showMov iframe { width: 100%; height: 100%; }
	
	#topCm .slide-dots  { text-align: center; width: 100%; position: absolute; top: 0; margin-top: 78%!important; z-index: 3;}
	#topCm .slide-dots li button { opacity: 0; }
	#topCm .slide-dots li { border-radius: 50%; background: #fff; display: inline-block; width: 3vw; height: 3vw; margin: 0 1vw; }
	#topCm .slide-dots li.slick-active { background: #b2b2b2;}
	
	
	#topCm .slick-prev { 
		background: url(../images/icon-arrow-left.png); 
		top: 0; 
		margin-top: 36%; 
		left:-6%; 
		z-index: 4; 
		height: 15vw;
		width: 11vw; 
		position: absolute; 
		background-size: 100%; 
	}
	
	#topCm .slick-next  {
		background: url(../images/icon-arrow-right.png);
		top: 0;
		margin-top: 36%;
		right: -6%;
		z-index: 4;
		height: 15vw;
		width: 11vw;
		position: absolute;
		background-size: 100%;
	}
	
	
	#archive { padding: 12% 5% 10%; }
	#archive h2 img { width: 40%;}
	#thumbS { margin-top: 10%;}
	#archive div.sl3 { padding: 0; }
	#archive div.sl3 > div { font-weight: bold; } 
	#archive div.sl3 > div a { display: block; } 
	#archive div.sl3 > div a img { width: 100%; } 
	#archive div.sl3 > div p { padding: 1% 0 0; /*margin-bottom: 5%;*/ height: 15vw; font-size: 4vw; }
	
	
	#graphic { padding: 12% 0; }
	#graphic h2 img { width: 40%;}
	#graphic ul { max-width: 880px; width: 90%; margin: 0 5%; padding: 10% 0 0; }
	#graphic ul li { margin-bottom: 5%;}
	#graphic ul li img { max-width: 880px; width: 100%; }
	
	
	#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.6vw; 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: 1vw; /*transform: scale(.6,1.5);*/  }
	
	a.btn.blnk::after { content: ''; background: url(/content/dam/au-com/pr/cm/takasugi/images/icon-outer2.png) no-repeat center center; background-size: 90% auto;  position: absolute; display: block; width: 5vw; height: 100%; top: 0; right: 3vw; /*transform: scale(.6,1.5);*/  }
	
	
	a.btn.line2 { display: inline-block; width: 100%; height: 15vw; line-height: 1.5; border-radius: 10vw; padding-top: 2vw; }
	
	.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; }
	
	/* top */
	#chara { background: #f34f7f; padding: 1% 4% 1%; }
    #charaTopInner ul { margin-top: -1%;}
    #charaTopInner ul li { width: 33.3%; display: inline-block; vertical-align: top; margin-left: 0; }
	
	/* gallery */
	#gallelyH1 { margin-bottom: 5%; }
	#tvcm { font-size: 3.4vw; color:#111;}
	#tvcm .bgPnk { padding-top: 0; color:#fff;}
	#gallryH2 { padding-top: 10%;}
	#tvcm h3 { text-align: center; line-height: 1.8; padding-top: 6vw; font-size: 6vw; margin-bottom: -2vw; }
	#tvcm h3 span { font-size: 4vw;display: block;  }
	#tvcm h2 img { max-width: 147px; width: 30%; margin-bottom: 12%; }
	#tvcm p { text-align: left; }
	#tvcm p.ttl { font-size: 4vw; font-weight: bold; margin-bottom: 15px; text-align: center; padding: 0; }
	#tvcm p.ttl span { 
		font-size: 6vw;
		display: block;
    	width: 100%;
    	text-align: left;
		padding-top: 5vw;
		padding-bottom: 2vw;
	}
	.glInner { padding: 5% 0 0; margin: 0 5%; text-align: center; border-bottom: 1px dashed #fff; }
	.glInner p { padding: 5% 0; }
	.glInner a.cm { margin-bottom: 5%; display: block;  }
	.glInner.last { margin-bottom: 0; border: none; }
	
	.glInner.making a.cm { padding-bottom: 5%; border-bottom: dashed 1px #fff;  }
	.glInner .btnWrap { padding: 5% 0; }
	.glInner ul.btnSide { padding-top: 3%;}
	.glInner ul.btnSide li { display: inline-block; width: 48%;  }
	.glInner ul.btnSide li:first-child { margin-right: 4%; }
	
	
	
	/* service01 */
	#serviceH1 { padding-top: 10%; text-align: center; }
	.serviceH2-1 { padding-bottom: 10%; }
	
	.serviceH2-1.pdlittle { padding-bottom: 5%; }
	.endGakuwariTxt {padding-bottom: 5%;}
	.endGakuwariTxt2 {padding-bottom: 5%;}
	.endGakuwariTxt img {width: 81%; }
	.endGakuwariTxt2 img { width: 100%; }
	
	.imgService1Box { margin: 10% 6% 0; }
	.imgService1Box p.ttl { font-size: 4.6vw; font-weight: bold; text-align: center; margin-top: 4vw; } 
	.imgService1Box p { text-align: left; font-size: 3.4vw; color:#000; margin-bottom: 2vw; }
	
	.serviceH2-info img { width: 100%; margin-bottom: 3%;}
	.serviceH3-info img { width: 100%; margin-bottom: 7%;}
	
	
	#serviceInfo  { padding: 0 0 15%; margin-top: 6%; }
	#serviceInfoList { margin-bottom: 5% }
	#serviceInfoList li > div { text-align: center; padding-bottom: 5%; }
	/*#serviceInfoList li:last-child > div { border-bottom: none; }*/
	#serviceInfoList li img { width: 100%; }
	#serviceInfoList li .view-sp img { width: 100%; }
	#serviceInfoList li p { color: #fff; text-align: left; padding: 0 8% 5%; font-size: 3.4vw; line-height: 1.8;  }
	#serviceInfoList li p.note { font-size: 3.4vw!important;}
	
	#serviceInfoList li table { width: 84%; margin: 0 auto;}
	#serviceInfoList li table th { background: #003877; color:#fff; padding: 2%; font-size: 3.4vw; }
	#serviceInfoList li table td { background: #fff; border: 1px solid #003877; text-align: left; padding: 4%; font-size: 3vw; }
	
	#serviceInfoList li a.btn.pnkBtn.ln2 { width: 90%; font-weight: normal; padding-top: 1.5vw; line-height: 1.4;  }
	
	ul.listStyle li { padding-left: 1em!important; text-indent: -1em!important; display: block!important; width: 100%!important; }
	ul.listStyle2 { width: 84%; margin: 3% auto 0; font-size: 3.4vw!important; }
	ul.listStyle2 li { color:#fff!important; padding-left: 1em!important; text-indent: -1em!important; display: block!important; width: 100%!important; text-align: left; }
	
		
	#serviceInfoList li:nth-child(1) .listStyle2.s06 li:nth-child(3){ margin-top: 5%; padding-top: 5%; border-top: 1px dashed #fff;}
	
	.serviceInfoListContent { padding: 10% 0 2%; }
	
	span.textTerm { text-align: center; display: block; }
	
	#serviceInfo ul.note { padding-top: 5%; max-width: 980px; margin: 0 8%; border-top: dashed #fff 1px;  }
	#serviceInfo ul.note li { color: #fff; text-indent: -1em; padding-left: 1em; text-align: left; font-size: 3.4vw!important; }
	
	.serviceInfoBtnBox { padding: 0 5%;}
	
	#anshinBtnBox { background: #fff; padding-top: 12%; padding-bottom: 3%; }
	#anshinBtnBox p {font-size: 4.6vw; color:#000; margin-bottom: 5%; font-weight: bold; }
	#anshinBtnBox p span {font-size: 3.4vw; color:#000; }
	#anshinBtnBox a { display: block; margin-bottom: 5%; }
	
	.anshinBnr { 
		padding: 6%;
    	margin: 10% -6% 6%;
		text-align: left;
		font-size:0!important;
		background: #f6e138;
	}
	.anshinBnr a { 
		display: inline-block!important;
		width: 50%;
		vertical-align: top;
		border-bottom: 1px solid #333;
		border-right: 1px solid #333;
		margin-bottom: 0!important;
	}
	
	.anshinBnr a:nth-of-type(1),
	.anshinBnr a:nth-of-type(2){
		border-top: 1px solid #333;
	}
	.anshinBnr a:nth-of-type(odd){border-left: 1px solid #333;}
	
	.anshinBnr img { width: 100%; max-width: 42vw; }
	
	ul.btnSide { padding: 0 0 10%;}
	ul.btnSide li { display: inline-block; width: 48%;  }
	ul.btnSide li:first-child { margin-right: 4%; }
	
	#topServiceList { background: #f5e137; }
	#topServiceList a { margin: 0 3% 3%; }
	
	/* 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; }
	.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%;}
	
	.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 ;
	}
	
	
	
	
	#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; }
	#fltnvInnerClose #menu a:hover { text-decoration: none; }
	
	#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;
	}
	
	#fltCV #applicationBox {
		background: #01b2c2;
		padding-top: 0; 
		margin-bottom: 2vw;
		transition-duration:.5s;
		-webkit-transition-duration:.5s;
		-moz-transition-duration:.5s; }
	#fltCV.in.up #applicationBox { 
		padding-top: 0;
		transition-duration:.5s;
		-webkit-transition-duration:.5s;
		-moz-transition-duration:.5s; 
	}
	#fltCV.in #applicationBox { 
		padding-top: 44px;
		transition-duration:.5s;
		-webkit-transition-duration:.5s;
		-moz-transition-duration:.5s; 
	}
	
	#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: 10% 5%; background: #f6e138; }
}


.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; }
	

}




#af {background: #f6e138; }
#af #afMov {background: #01b2c2; }

@media screen and (min-width: 768px) {
	#af a { display: block!important; margin-bottom:4%; }
	#af a.btn.cyanBtn { display: block!important; margin-bottom: 30px; }
	#af a img.thumb { max-width: 880px; width: 100%; }
	#af #afMov {padding: 5% 4.9%;}
	#af #afMaking { padding: 33% 4.9% 5% }
	
	#af h2 { margin-bottom: 40px; }
	
	#afTx01 { margin-bottom: 20px; }
	#afTx02 { margin-bottom: 50px; text-align: right; }
	#afTx03 { margin-bottom: 0; }
	
	.btnBoxAF { padding: 40px 0 0; background: #f5e137; }
	.btnBoxAF a.btn { display: inline-block; width: 100%; max-width: 496px; font-size: 16px; }
	
	.copyrightgin { font-size: 12px; text-align: right; max-width:980px; margin: 0 auto 20px; }
	
	.btmMar { display:none;}
}

@media screen and (min-width: 768px) and (max-width: 980px) {
	.copyrightgin { margin-top: 15px; }
	.btmMar { display:block;}
}

@media screen and (min-width: 0px) and (max-width: 767px) {

	#af a { display: block!important; margin-bottom:4%; }
	#af a.btn.cyanBtn { display: block!important; margin: 0 auto 8%; }
	#af #afMov img { width: 70%; }
	#af #afMov a img.thumb { max-width: 880px; width: 100%; }
	#af #afMov {padding: 5% 4.9%;}
	#af #afMaking { padding: 33% 4.9% 5% }
	
	#af h2 { margin-bottom: 5%; }
	#af h2 img { width: 100%; }
	
	#afTx01 { margin-bottom: 2%; }
	#afTx02 { margin-bottom: 8%; text-align: right; }
	#afTx03 { margin-bottom: 0; }
	
	#afTx01 img { width: 100%; }
	#afTx02 img { width: 80%; text-align: right; margin-right: -5%; }
	#afTx03 img { width: 90%; }
	
	.btnBoxAF { padding: 5% 0 0; background:#f5e137; }
	
	.btnBoxAF.cr { padding: 5% 0 0; margin-top: -5%; background:#f5e137; }
	
	.btnBoxAF a.btn { display: inline-block; width: 90%; line-height: 1.4; padding-top: 1.4vw;  }
	.btnBoxAF a.btn::after {
    content: '';
    position: absolute;
    display: block;
    /*top: 23%;
    right: 4%;
    transform: scale(.6,1.5);*/
}
	.copyrightgin { font-size: 2.8vw; text-align: right; max-width:980px; margin: 5%; }
	
	.btmMar { display:block;}

}




@media screen and (min-width: 768px) {
		#ip8Box {  }
	#ipxBox { display:none;  }
	
	ul#dvslc { max-width: 980px; margin: 0 auto 15px; border-bottom: 2px solid #f3507f; }
	ul#dvslc li { display: inline-block; width: 49.5%; color: #fff; background: #c9c7c7; text-align: center; border-radius: 8px 8px 0 0;   }
	ul#dvslc li.on { background: #f3507f;  }
	ul#dvslc li:first-child { margin-right: 1%; }
	ul#dvslc li a { display: block; height: 50px; line-height: 50px; font-size: 22px;  }
	ul#dvslc li a,
	ul#dvslc li a:hover,
	ul#dvslc li a:visited,
	ul#dvslc li a:active { color:#fff; }
	
	
	.plnBox { border: 1px solid #e9e9e9; background: #fff; max-width: 980px; margin: 0 auto 15px; border-radius: 5px; padding: 2.5%; text-align: center; }
	/*.plnBox h2 { font-size: 18px; margin-bottom: 15px; }
	.plnBox h2 span { font-size: 24px; color: #f3507f; }
	.plnBox p.plnlead { margin-bottom: 30px; font-size: 14px; line-height: 1.6; }
	.plnBox p.plnlead span { color: #FF0004; }
	*/
	.plnBox p.sholder { font-size: 20px; line-height: 1.6; font-weight: bold; }
	.plnBox h2 { font-size: 30px; margin-bottom: 20px; margin-top: 5px; }
	.plnBox h2 span { font-size: 40px; color: #f3507f; }
	.plnBox img { width: 350px;}
	.plnBox p.plnlead { font-size: 14px; line-height: 1.6; margin-bottom: 20px;  }
	.plnBox p.plnlead span { color: #FF0004; }
	
	.plnsumBox { border: 1px solid #ccc; margin-bottom: 30px; position: relative;}
	.plnsumBox ul.noteList { padding: 3% 5%; border-top: 1px solid #ccc; font-size: 12px; text-align: left;   }
	.plnsumBox ul.noteList li:first-child { margin-bottom: 1%; }
	
	.plnsumBox .batchBox { position: absolute; top: -17px; left: -17px; text-align: left;}
	.plnsumBox .batchBox img { width: 91px;}
	
	.mntChrg { display: inline-block; width: 38%; vertical-align: middle; text-align: center; }
	.mntChrg p { font-size: 16px; }
	.mntChrg p.mntCrgTx { font-size: 18px; font-weight: bold; line-height: 1; }
	.mntChrg p.mntCrgTx span { font-size: 60px; color:#f3507f; }
	
	
	/* 0914 */
	.mntChrg p.mntCrgTx.d0914 { margin: 0 0 10px; }
	.mntChrg a img { width: 90%; margin-top: 10px; }
	
	.mntChrg a:hover { opacity: .6; }
	
	/* 0914 */
	
	.dtlChrg { display: inline-block; width: 62%; vertical-align: middle; border-left: 1px solid #ccc; }
	.dtlChrgIn table { width: 90%; margin: 3.5% 5%; table-layout: fixed; font-size: 14px; }
	.dtlChrgIn table tr td { display: inline-block; font-weight: bold; }
	.dtlChrgIn table tr td:first-child { text-align: left; width: 71.5%; }
	.dtlChrgIn table tr td:last-child { text-align: right; width: 27%; }
	.dtlChrgIn table td .note { font-size: 12px; font-weight: normal;}
	.dtlChrgIn table td ul.sevlist { display: inline-block; width: 60%; vertical-align: top; margin-top: 10px; }
	
	.dtlChrgIn table td.w100p ul.sevlist { display: inline-block; width: 50%; vertical-align: top; margin-top: 10px; }
	
	.dtlChrgIn table td ul.sevlist li { position: relative; padding-left: 1em; font-size: 12px; font-weight: normal }
	.dtlChrgIn table td ul.sevlist li.tit { font-weight: bold; }
	.dtlChrgIn table td ul.sevlist li span { position: absolute; top: 0; left: 0; }
	.dtlChrgIn table td ul.sevlist li span.fcRed { position: relative;}
	.dtlChrgIn table td ul.sevlist:last-child { display: inline-block; width: 38%; vertical-align: top; }
	.dtlChrgIn .w100 td { width: 100%!important; text-align: left!important; }
	.dtlChrgIn hr { height: 1px; border: none;border-bottom: 1px solid #ccc; margin-top: 7px; }
	
	.simBtnBox { text-align: center; }
	.simBtnBox p { font-weight: bold; margin-bottom: 10px; font-size: 18px; }
	
	#s07NoteBox { background: #fff; padding-top: 25px; padding-bottom: 50px; }
	#s07NoteBox p {
		font-size: 30px;
		color: #000;
		margin: 50px auto;
		font-weight: bold;
	}
	
	
	#c05{max-width: 980px; margin: 2.5% auto 0;}
	#c05 .innerContent{ border:1px solid #f3507f; padding:2.5%; text-align: center;}
	#c05 h2{font-size: 16px; font-weight: bold;margin-bottom:15px;}
	
	#attArea2{max-width: 980px;padding: 20px; background: #fff; margin: 0 auto;}	
	#attArea2 ul > li{font-size:12px; text-align: left; }
	
	#attArea{max-width: 980px;padding:2.5% 0; margin: 0 auto;}
	#attArea ul > li{font-size:12px; text-align: left;  }
	
	#iphoneRights{max-width:980px; margin: 0 auto;}
	#iphoneRights .margin-t-80{margin-top:0!important;}
	
	a.btnSim {
    width: 300px;
    display: block !important;
    margin: 0 auto;
    height: 56px;
    background: #f3507f url(/content/dam/au-com/pr/iphone/summary/images/icon-btnsim.png) no-repeat right center;
	background-size: auto 50%;
	background-position: 95%;
    text-align: center;
    font-size: 16px;
    color: #fff;
    border-radius: 28px;
    line-height: 56px;
    font-weight: bolder;

}
	a.btnSim,a.btnSim:link,a.btnSim:active, a.btnSim:focus, a.btnSim:visited {    color: #fff;}
	

	
	.btnPerchase{background: #f3507f;}
	.btnPerchase span{
	padding: 15px 0;
	display: block;
		width:367px;
		line-height: 26px;
	}
	.btnPerchase,.btnPerchase:link,.btnPerchase:active, .btnPerchase:focus, .btnPerchase:visited {    color: #fff;}
	.btnPerchase::after {
	content: "＞";
position: absolute;
right: 4%;
top: 11px;
transform: scale(0.4, 0.8);
font-size: 26px;
		
}
	
	.note{font-size:12px;}
}

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

@media screen and (min-width: 0px) and (max-width: 767px) {
	#maincontentBox { padding: 0 3%; }
	#ip8Box {  }
	#ipxBox { display:none;  }
	
	ul#dvslc { margin: 0 auto 5%; padding-top: 5%; border-bottom: 2px solid #f3507f; }
	ul#dvslc li { display: inline-block; width: 49.5%; color: #fff; background: #c9c7c7; text-align: center; border-radius: 15px 15px 0 0;   }
	ul#dvslc li.on { background: #f3507f;  }
	ul#dvslc li:first-child { margin-right: 1%; }
	ul#dvslc li a { display: block; height: 12vw; line-height: 12vw; font-size: 6vw; }
	ul#dvslc li a,
	ul#dvslc li a:hover,
	ul#dvslc li a:visited,
	ul#dvslc li a:active { color:#fff; }
	
	
	.plnBox { border: 1px solid #e9e9e9; background: #fff; margin: 0 auto 3%; border-radius: 4px; padding: 3%; text-align: center; }
	
	.plnBox p.sholder { font-size: 20px; line-height: 1.6; font-weight: bold; }
	.plnBox h2 { font-size: 4.4vw;  margin-bottom: 3%; margin-top: 1%; }
	.plnBox h2 span { font-size: 7vw; color: #f3507f; }
	.plnBox img { width: 100%; }
	.plnBox p.plnlead { font-size: 3.8vw; line-height: 1.6; margin-bottom: 5%; }
	.plnBox p.plnlead span { color: #FF0004; }
	
	.plnsumBox { margin-bottom: 3%; position: relative; }
	
	/* 0914 */
	.plnsumBox .batchBox { top: -10px; top: -5vw; right: -3%; text-align: right; width: 100%;position: absolute;}
	.plnsumBox .batchBox img { width:20%;}
	/* 0914 */
	
	.mntChrg { display: block; border: 1px solid #ccc; text-align: center; padding: 4% 0; }
	.mntChrg p { font-size: 4vw; }
	.mntChrg p.mntCrgTx { font-size: 6vw; font-weight: bold; line-height: 1; }
	.mntChrg p.mntCrgTx span { font-size: 11vw; color:#f3507f; }
	
	/* 0914 */
	.mntChrg p.mntCrgTx.d0914 { margin-bottom: 2vw; margin: 2vw 0; }
	.mntChrg a img { width: 90%; margin-top: 2vw; }
	/* 0914 */
	
	.accBox { display: none; }
	.accBoxInner { border: 1px solid #ccc; border-top: none; padding: 3%; text-align: left; }
	.accBoxInner p { font-size: 3vw; font-weight: normal; margin-bottom: 1%; }
	.accBoxInner p span { font-size: 3.6vw; font-weight: bold;}
	.accBoxInner ul { margin-top: 10px; }
	.accBoxInner ul li { position: relative; padding-left: 1em; margin-bottom: 1%; font-size: 3vw; }
	.accBoxInner ul li span { position: absolute; top: 0; left: 0; }
	.accBoxInner ul li span.fcRed { position:relative;  }
	.accBox .note{text-align: left;}
	
	.accBoxInner ul.noteList { text-align: left;  }
	.accBoxInner ul.noteList li { padding-left: 2em; }
	.accBoxInner ul.noteList li:first-child { margin-bottom: 3%; }
	
	.accBox hr { height: 1px; border: none;border-bottom: 1px solid #ccc; margin: 1% 0; }
	
	.simBtnBox { text-align: center; padding-top: 5%; }
	.simBtnBox p { font-size: 4vw; font-weight: bold; margin-bottom: 3%; }
	.simBtnBox a {display: block; }
	.simBtnBox img { width: 100%; }
	
	.accBtn {background: url(../images/btn-acc-arr-open.png) no-repeat center top;background-size: 100%; display: block;    height: 6vw; margin-top: 3%; }
	.accBtn.open {background: url(../images/btn-acc-arr-def.png) no-repeat center top; background-size: 100%; }
	#c05{width: 100%;padding:5% 3% 0 ;}
	#c05 .innerContent{ border:1px solid #f3507f; padding:5% 3%; text-align: center;}
	#c05 h2{font-size: 3.2vw; font-weight: bold;margin-bottom:3%;}
	#c05 img{width: 100%;}
	
	
	#s07NoteBox { background: #fff; padding-top: 12%; padding-bottom: 3%; }
	#s07NoteBox p {
    	font-size: 4.6vw;
    	color: #000;
    	margin-bottom: 5%;
    	font-weight: bold;
	}
	#attArea{padding:5% 3%;}	
	#attArea ul > li{font-size:2.6vw; text-align: left; }
	
	#attArea2{padding:5% 3%; background: #fff; }	
	#attArea2 ul > li{font-size:2.6vw; text-align: left; }
	
	#iphoneRights{width: 100%; padding:0 3% ;}
	#iphoneRights .margin-t-80{margin-top:0!important;}
	#iphoneRights .txtSize-mSmall{font-size:2.6vw!important;}
	
	.btnPerchase{background: #f3507f;display: block;}
	.btnPerchase span{
		display: block;
		width: 100%;
		line-height: 10vw;
		font-size: 4vw;
		height: 10vw;
	}
	.btnPerchase,.btnPerchase:link,.btnPerchase:active, .btnPerchase:focus, .btnPerchase:visited {    color: #fff;}
	.btnPerchase::after {
		content: "＞";
		position: absolute;
		right: 4%;
		top: 1.8vw;
		transform: scale(0.4, 0.8);
		font-size: 4.6vw;	
	}
	.note{font-size:2.6vw;}
	
}


#closefloat { cursor: default; }
#floatbg { display: none; text-align: center; background: rgba(0,0,0,.7); z-index: 999; width: 100%; height: 100%; height: 100vh; position: fixed; top: 0; }

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