#contentsWrap { text-align: center; background: #f3f3f3; }
#maincontArea { background: #f3f3f3; }
.breadcrumb { max-width: 980px!important; margin-left: auto!important; margin-right: auto!important;}
@media screen and (min-width: 768px) {
	#head-content { margin-bottom: 40px; }
	#head-block01 { background: url(../images/bg-head-content-block01.png) no-repeat center top; background-size: 100%; padding: 7% 6%; font-size: 21px;}
	p#head-block01-tx01 { margin-bottom: 3%;}
	p#head-block01-tx02 { font-size: 21px; margin-bottom: 3%; font-weight: bold; color:#eb5505; }
	p#head-block01-tx03 { width: 50%; }
	#head-block02 { position: relative; height: 0; padding-top: 19.4%; }
	#head-block02 img { width: 50%; position: absolute; top: 0; left: 0; }
	#head-block02 p.lead { width: 42%; position: absolute; top: 0; left: 50%; margin-top: 6%; background: #fff4ca; border-radius: 50px;  font-size: 22px; font-weight: bold; }
	#head-block02 p.lead span { display:block; padding: 8%; position: relative; }
	#head-block02 p.lead span img { position: absolute; left:-52px; top: 0; margin-top: 16%; width: 52px; transform: scale(1,-1)}
	#head-block02 p.caption { width: 50%; text-align: center; font-size: 18px;    margin-top: 27%; }
	#head-block03 { background: url(../images/bg-head-content-block03.png) repeat center top; padding: 6% 6% 12% 51%; font-size: 22px; }
	
	
	
	/* content */
	#spdb-interview-ContentArea { margin: 0 auto; color:#000; max-width: 980px; padding: 10px 0; }
	.spdbContentBox { background: #fff; border-radius: 20px; box-shadow: 20px 20px 30px 10px rgba(0,0,0,0.1); margin-bottom: 40px;  }
	.spdbContentBox h2 { background: #ed5f06 url(../images/bg-h2.png); border-radius: 20px 20px 0 0; font-weight: bold; color:#fff; font-size: 36px; text-align: center; height: 90px; line-height: 90px; }
	
	.spdbContentBoxInner { width: 91%; max-width: 890px; margin: 0 auto; }
	
	.delta {
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 50px 50px 0 50px;
		border-color: #eb5505 transparent transparent transparent;
		margin: 0 auto;
	}

	
	
	h3.q { border-top: 3px solid #eb5505; color: #eb5505; font-weight: bold; background: #fef2eb; margin-bottom: 40px; font-size: 28px; height: 86px; line-height: 86px;}
	h3.q span { background: #eb5505; height: 100%; margin-right: 30px; display: inline-block; line-height: 1; vertical-align: top; }
	h3.q span img { height: 100%; }
	
	.box-parent,
	.box-child { width: 92%; max-width: 820px; position: relative; font-size: 20px; margin: 0 auto 30px; }
	.box-parent img.photo { top: 0; right: 0; position: absolute; }
	.box-child img.photo { top: 0; left: 0; position: absolute; }
	
	.box-parent .txtbox { width: 70%; max-width: 570px; position: relative; background: #fff4ca; padding: 6%; margin-right: 30%; border-radius: 50px;    line-height: 1.8;  }
	.box-child .txtbox { width: 70%; max-width: 570px; position: relative; background: #fff4ca; padding: 6%; margin-left: 30%; border-radius: 50px;    line-height: 1.8;  }
	.box-parent .txtbox p,
	.box-child .txtbox p { margin-bottom: 5%; }
	.box-parent .txtbox span,
	.box-child .txtbox span { font-weight: bold; /*text-decoration: underline wavy #eb5505; -webkit-text-decoration-style: wavy;*/ background: url("../images/wavy.png") repeat-x center bottom;  /*background-size: 8px;*/ padding: 0 0 6px; }
	.box-parent .txtbox img.beard { position: absolute; right: -52px; top: 140px; transform: scale(-1, 1); }
	.box-child .txtbox img.beard { position: absolute; left: -52px; top: 132px; transform: scale(1, 1); }
	
	.graph-box { position: relative; font-size: 20px; margin: 90px auto 100px; border: 2px solid #bbb; background: #f5f5f5; }
	
	.graph-box a.tgl-graph { background: #fff; height: 85px; line-height: 85px; font-weight: bold; margin: 0; border-bottom: none; text-align: center;font-size: 26px;}
	
	.graph-box a.tgl-graph::after {
		content: '>';
		position: absolute;
		top: 0;
		right: 40px;
		display: block;
		font-weight: lighter;
		transform: scale(1.6,.8) rotate(90deg);
	}
	
	.graph-box a.tgl-graph.op {border-bottom: 2px solid #bbb; }
	.graph-box a.tgl-graph.op::after {
		transform: scale(1.6,.8) rotate(-90deg);
	}
	.graph-head-lead { font-weight: bold; font-size: 26px; padding: 30px 40px 30px }
	.graph-note { font-size: 14px; padding: 8px; }
	
	.graph-box-inner-wrap { padding: 30px 0 15px 0; background: #fff; }
	.graph-box-inner { position: relative; padding: 15px 0; z-index: 0; }
	.graph-box-inner ul.graph-list { position: absolute; right: 0; top: 0; height: 100%; border-left: 1px solid #bbb; width: 52.8%;  z-index: 4; }
	.graph-box-inner ul.graph-list li { width: 15.6%!important; border-right: 1px solid #eaeaea; vertical-align: top; display: inline-block; height: 100%; }
	
	.graph-box ul.graph { position: relative; z-index: 5; margin: 0 4%; }
	.graph-box ul.graph li { margin-bottom: 25px; font-size: 15px; height: 2.4em; }
	.graph-box ul.graph li:first-child { width: 47%; vertical-align: top; display: inline-block; padding-right: 2em; }
	.graph-box ul.graph li:last-child { position: relative; width: 53%; vertical-align: top; display: inline-block; }
	.graph-box ul.graph li:last-child span { position: absolute; top: 0; left: 1px; display: block; background: #eaeaea; height: 30px; width: 0%; transition: 1s; }
	
	
	.graph-box ul.graph:last-child li { margin-bottom: 0; }
	
	ul.graph-num { margin-left: 41%; padding-top: 5px; }
	ul.graph-num li { width: 14%!important; text-align: right; vertical-align: top; display: inline-block; height: 100%; position: relative; font-size: 14px; color:#333; }
	
	#graph2.graph-box { margin-bottom: 40px; }
	#graph2 .graph-box-inner ul.graph-list li { width: 11.6%!important;}
	#graph2.graph-box ul.graph li { margin-bottom: 15px; }
	#graph2.graph-box ul.graph:last-child li{ margin-bottom: 0; }
	#graph2 ul.graph-num { margin-left: 43%; }
	#graph2 ul.graph-num li { width: 10.8%!important;}
	
	#graph3.graph-box { margin-bottom: 40px; }
	#graph3 .graph-box-inner ul.graph-list li { width: 11.1%!important;}
	#graph3.graph-box ul.graph:last-child li{ margin-bottom: 0; }
	#graph3 ul.graph-num { margin-left: 43%; }
	#graph3 ul.graph-num li { width: 9.5%!important;}
	
	p#zero-headline { font-size: 34px; font-weight: bold; text-align: center; display: inline-block;
    padding: 40px 50px;
    margin: 60px auto; background: #fff4ca; }
	p#zero-headline img { vertical-align: baseline;}
	p#spt-headline { font-size: 34px; font-weight: bold; text-align: center; margin-top: -50px; padding: 0 0 40px 0; text-indent: -120px; }
	p#spt-headline img { vertical-align: baseline;}
	p#apply-headline { font-size: 46px; font-weight: bold; text-align: center; padding: 40px 0 80px;font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN"; }
	p#apply-headline span { color: #eb5505; position: relative; }
	/*p#apply-headline span::before { position: absolute; top: -82%; left: 0%; width: 100%; content:'.'; display: block;}*/
	p#apply-headline span.ful::before { position: absolute; top: -60%; left: 0%; width: 100%; content:'・'; display: block; transform: scale(.7);}
	p#apply-headline span.kern{font-feature-settings: "palt";letter-spacing: -0.05em;}
	
    
    .smstspTit { margin: 30px 0;}
	.between-content { text-align: center; margin-bottom: 100px; }
	
	/*.between-content p { padding: 40px; font-size: 26px; font-weight: bold; }
	.between-content ul { margin: 0 4%; }
	.between-content ul li{ width: 48%; margin-right: 4%; display: inline-block; vertical-align: top; border: 2px solid #bbb; padding-bottom: 3%; position: relative; font-size: 22px; color: #333; }
	.between-content ul li img { width: 100%; }
	.between-content ul li:last-child{ margin-right: 0; }
	.between-content a img {border: 2px solid #bbb; }
	
	
	.between-content p.chargemonth { padding-top: 0!important; }
	.between-content p.chargemonth img {width: 100%;}
	
	.between-content ul.note li{ width: 100%; margin-right: 0; display: block; vertical-align: top; border: none; padding-bottom: 1%; position: relative; font-size: 18px; color: #333;  padding-left: 3em; text-align: left; }
	.between-content ul.note li p { font-size: 18px; padding: 0; font-weight: normal; }
	.between-content ul.note li span { position: absolute; top: 0; left: 0; }
	.between-content ul.note li a:hover { opacity: .8 } */
	
	
	ul.btn2Box  { padding: 40px 0 50px;}
	ul.btn2Box li { width: 48%; display:  inline-block; vertical-align: top; border: none; }
	ul.btn2Box li:first-child { margin-right: 4%; }
	ul.btn2Box li a{
		display: block;
    	width: 100%;
    	height: 90px;
		border-radius: 45px;
		padding-top: 4px;
    	line-height: 1.5;
    	background: #eb5506;
    	color: #fff;
		font-weight: bold;
    	position: relative;
    	font-size: 26px;
    	text-align: center;
    	margin: 0 auto;}
	ul.btn2Box li a::after {
		content: '>';
		position: absolute;
		top: 25px;
		right: 20px;
		display: block;
		font-weight: lighter;
		transform: scale(1,1.6);
	}
	ul.btn2Box li a span { font-size: 18px; }
	
	ul.btn2Box li a:hover,
	ul.btn2Box li a:active,
	ul.btn2Box li a:visited,
	ul.btn2Box li a:focus{ color: #fff;text-decoration: none; }
	ul.btn2Box li a:hover { opacity: .8; }
	
    #c02 img.smstspTit { width: 100%; max-width: 613px; margin-top: 0; }
	
	ul.c02charge-merit-list {text-align: center; /*padding-bottom: 60px;*/ }
	ul.c02charge-merit-list li {  display: inline-block; width: 31%; margin-right: 3%; max-width: 278px; background: #fff; font-size:  20px; vertical-align: top; text-align: center; border: none;  }
	ul.c02charge-merit-list li:last-child { margin-right: 0; }
	ul.c02charge-merit-list li > div { border: 2px solid #eb5505; border-radius: 20px; overflow: hidden; }
	ul.c02charge-merit-list li > div h3 { border-bottom: 2px solid #eb5505; background: #fdeee6; color: #eb5505; font-size: 24px; padding: 15px 0; }
	ul.c02charge-merit-list li > div img { width: 100%; max-width: 274px; }
	ul.c02charge-merit-list li > div a {
		display: block;
    	width: 100%;
    	height: 70px;
    	line-height: 1.3;
		
    	background: #eb5506;
    	color: #fff;
		font-weight: bold;
    	position: relative;
    	font-size: 26px;
    	text-align: center;
    	margin: 0 auto;}
	ul.c02charge-merit-list li > div a span { font-size: 18px;}
	ul.c02charge-merit-list li > div a::after {
		content: '>';
		position: absolute;
		top: 20px;
		right: 20px;
		display: block;
		font-weight: lighter;
			transform: scale(.8,1.6) rotate(0deg);
	}
	
	ul.c02charge-merit-list li:last-child > div a::after {
		transform: scale(1.6,.8) rotate(90deg);
	}
	
	ul.c02charge-merit-list li > div a:hover,
	ul.c02charge-merit-list li > div a:active,
	ul.c02charge-merit-list li > div a:visited,
	ul.c02charge-merit-list li > div a:focus{ color: #fff;text-decoration: none; }
	ul.c02charge-merit-list li > div a:hover { opacity: .8; }
	/* c02 */
	
	.contentLead { text-align: center; }
	.contentLead img { width: 44%; }
	.c02-box { border: 2px solid #eb5505; border-radius: 20px; overflow: hidden; padding: 6% 0; margin-bottom: 40px; }
	.c02-box h3 { font-size: 30px; border-bottom: 2px solid #eb5505; padding: 0% 0 5% 10%; margin-bottom: 5%; }
	.c02-box p { font-size: 22px; margin-bottom: 5px; padding-left: 10%; }
	.c02-box ul { font-size: 18px; padding-left: 10%; }
	.c02-box ul li span { padding-left: 2em; text-indent: -2em; display: block;}
	.c02-box .c02-box-l { display: inline-block; width: 63%; vertical-align: middle; }
	.c02-box .c02-box-r { display: inline-block; width: 37%; vertical-align: middle; text-align: center; }
	.c02-box .c02-box-r p { text-align: center; font-size: 14px; margin-bottom: 0; padding: 0; }
	
	#support04-book { width: 88%; margin: -2% auto; padding-bottom: 3%; text-align: center;}
	#support04-book img { width: 100%; max-width: 772px; }
	
	.nocharge-support {padding: 60px 0; }
	.nocharge-support h3 { font-size: 30px; background: #fdeee6; padding: 20px 20px; text-align: center; margin-bottom: 40px;}
	.nocharge-support h3 span { color: #eb5505; }
	.nocharge-support p { position: relative; font-size: 24px; padding: 10px 0 10px 30px; font-weight: bold; margin-bottom: 20px; }
	.nocharge-support p span { position: absolute; right:0; top:0; display: block; width:25%; text-align: center; color: #fff; font-size: 20px;  font-weight: lighter; padding: 10px 0; background: #000; }
	
	.nocharge-support table { background: #eee; vertical-align: middle; border-left: 2px solid #bbb; border-top: 2px solid #bbb; width: 100%; font-size: 22px; margin-bottom: 25px; }
	.nocharge-support table th { background: #eee; vertical-align: middle; border-right: 2px solid #bbb; border-bottom: 2px solid #bbb; padding: 25px; font-weight: normal; width: 20%; }
	.nocharge-support table td { background: #fff; vertical-align: middle; border-right: 2px solid #bbb; border-bottom: 2px solid #bbb; padding: 25px; width: 80%; }
	.nocharge-support table sup { /*color:#c10000;*/ }
	.nocharge-support ul { /*color:#c10000;*/ font-size: 18px; margin-bottom: 30px;  display: block; }
	.nocharge-support ul li { position: relative; padding-left: 3em;}
	.nocharge-support ul li.ind1 { padding-left: 1em;}
	.nocharge-support ul li span {position: absolute; top: 0; left: 0; }
	
	.nocharge-support a.btn{
		display: block;
    	width: 460px;
    	height: 100px;
		border-radius: 50px; 
    	line-height: 1.4;
		padding-top: 10px;
    	background: #eb5506;
    	color: #fff;
		font-weight: bold;
    	position: relative;
    	font-size: 26px;
    	text-align: center;
    	margin: 0 auto;}
	.nocharge-support a.btn::after {
		content: '>';
		position: absolute;
		top: 25px;
		right: 20px;
		display: block;
		font-weight: lighter;
		transform: scale(1,1.6);
	}
	.nocharge-support a.btn span { font-size: 18px; }
	
	.nocharge-support a.btn:hover,
	.nocharge-support a.btn:active,
	.nocharge-support a.btn:visited,
	.nocharge-support a.btn:focus{ color: #fff;text-decoration: none; }
	.nocharge-support a.btn:hover { opacity: .8; }
	
	
	#support02-book { width: 88%; margin: -2% auto; padding-bottom: 3%; text-align: center;}
	#support02-book img { width: 100%; max-width: 772px; }
	
	/* c03 */
	h3.c03 { font-size: 30px; background: #fef2eb; padding: 25px 0; text-align: center; margin-bottom: 40px;}
	h3.c03-2 { background: #eaeaea; padding: 40px 0; text-align: center; margin-bottom: 40px;}
	h3.c03-2 img { width: 274px; margin-right: 20px;}
	h3.c03-2 span { color: #000; }
	h3.c03-2 span.small { font-size: 18px; color: #000; }
	.c03-box { padding: 0 2.2%;}
	.c03-stepWrap { padding-bottom: 60px; }
	
	p.c03step { font-size: 30px; color: #eb5505; font-weight: bold; margin-bottom: 30px; }
	p.c03step img { display: inline-block; vertical-align: middle; width: 23.246%; }
	p.c03step span { display: inline-block; vertical-align: middle; width: 76.3%; padding-left: 3%; }
	
	p.c03stepunder { font-size: 30px; }
	
	.stp1-colm2wrap {border-left: 2px solid #bbb; border-top: 2px solid #bbb;}
	p.stp1-colm2 { width: 33.333333%; display: inline-block; vertical-align: top; border-right: 2px solid #bbb; border-bottom: 2px solid #bbb; }
	p.stp1-colm2:last-child {  }
	p.stp1-colm2 img { width: 100%; max-width: 280px; }
	p.stp1-3 img { width: 100%; max-width:  852px;  }
	
	ul.c03-step1-3 {}
	ul.c03-step1-3 li { width: 48.5%; display:  inline-block; vertical-align: top; }
	ul.c03-step1-3 li:last-child { margin-left: 3%; }
	ul.c03-step1-3 li p { font-size: 20px; text-align: center;  margin: 30px 0; }
	ul.c03-step1-3 li p span { font-weight: bold; color:#eb5505; }
	ul.c03-step1-3 li div { border: 2px solid #bbb; }
	ul.c03-step1-3 li img { width: 100%; max-width: 404px; }
	
	a#tglBackup { border: 2px solid #bbb; height: 85px; line-height: 85px; font-size: 26px; font-weight: bold; display: block; text-align: center; position: relative; margin-top: 35px; }
	a#tglBackup::after {
		content: '>';
		position: absolute;
		top: 0;
		right: 20px;
		display: block;
		font-weight: lighter;
		transform: scale(1.6,.8) rotate(90deg);
	}
	a#tglBackup.open::after {
		transform: scale(1.6,.8) rotate(-90deg);
	}
	
	a#tglBackup,
	a#tglBackup:hover,
	a#tglBackup:visited,
	a#tglBackup:active,
	a#tglBackup:focus { color:#000; text-decoration: none; }
	a#tglBackup:hover { opacity: .8 }
	
	div#c03backup { border: 2px solid #bbb; border-top: none; padding-bottom: 60px; display: none; }
	div#c03backup > ul > li { width: 50%; display:  inline-block; vertical-align: top;  }
	div#c03backup > ul > li:nth-child(odd){ text-align: right; }
	div#c03backup > ul > li:nth-child(even){ text-align: left; }
	div#c03backup > ul > li img { width: 100%; max-width: 428px;  }
	
	div#c03backup > ul li > p { width: 90%; margin: 0 auto; }
	div#c03backup > ul li p { font-size: 18px; padding: 24px; line-height: 1.6; text-align: left; }
	div#c03backup > ul li div { border: 2px solid #bbb; width: 84%; margin: 0 auto; position: relative; }
	div#c03backup > ul li div img { position: absolute; top: -53px; left: 18px; width:auto; }
	div#c03backup > ul li div p { padding: 30px; }
	div#c03backup > ul li div p.ttl { font-size: 20px; border-bottom: 2px solid #eb5505; }
	div#c03backup > ul li div ul { padding: 0 30px 30px; font-size: 18px;  }
	div#c03backup > ul li div ul a {display: inline; }
	
	
	p.c03-passLead { font-size: 30px; line-height: 1.6; font-weight: bold; text-align: center; }
	p.c03-passLead span { font-size: 22px;  }
	
	ul.c03passport { padding: 30px 0 20px; }
	ul.c03passport::after { content: ''; display: block; clear: both; height: 0; }
	ul.c03passport li {width: 50%; display: inline-block; vertical-align: top; }
	ul.c03passport li:first-child { float: right; }
	ul.c03passport li:last-child { float: left; }
	ul.c03passport li img {  }
	ul.c03passport li:first-child { float: right; padding-top: 8%; width: 55%; }
	ul.c03passport li:first-child img { width: 100%; }
	ul.c03passport li:last-child { float: left; width: 45%; }
	ul.c03passport li:last-child img { width: 100%; }
	
	.c03btnBox { padding: 40px 0 60px;}
	.c03btnBox p { font-size: 22px; text-align: center; }
	.c03btnBox a { margin-top: 40px!important; }
	
    .grayBox { background: #eaeaea; text-align: center; margin: 40px auto; }
    p.starInfo { font-size: 30px; font-weight: bold; text-align: center; }
    p.starInfo span { font-size: 22px; font-weight: bold; }
	
	a.alpha:hover {  transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); transition: .2s; }
	
	a.btn { 
		display: block;
    	width: 540px;
    	height: 80px;
    	line-height: 80px;
    	border-radius: 40px;
    	background: #eb5506;
    	color: #fff;
		font-weight: bold;
    	position: relative;
    	font-size: 26px;
    	text-align: center;
    	margin: 0 auto;
	}
	a.btn:hover,
	a.btn:active,
	a.btn:visited,
	a.btn:focus{ color: #fff;text-decoration: none; }
	a.btn:hover { opacity: .8; }
	
	a.btn::after {
		content: '>';
		position: absolute;
		top: -3px;
		right: 20px;
		display: block;
		font-weight: normal;
		transform: scale(1,1.6);
	}
	
	a.btn.outer::after {
		content: '';
		position: absolute;
		display: block;
		top: 50%;
		right: 30px;
		background-image: url(/content/dam/au-com/mobile/sp-debut/images/icon_sprite.png);
		background-position: -54px -156px;
		width: 18px;
		height: 18px;
		margin-top: -8px;
		background-size: 202px 186px;
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
	}
	
	a#bnr-change-smp {
		display: block;
    	width: 90%;
    	margin: 0 auto 20px;
		transition: .4s;
	}
	a#bnr-change-smp img {
    	width: 100%;
	}
	
	a#bnr-change-smp:hover {
    	opacity: .7;
	}


	.c01-h3-1 img { width: 100%; max-width: 740px;}
    .ssp60-tablelistH3 { font-size: 22px; text-align: left; padding: 60px 0 20px;}
    .ssp60-tablelistp { font-size: 16px!important; text-align: left; padding: 0!important; margin-bottom: 20px; font-weight: bold!important;}
    .ssp60-tablelist { margin-bottom: 20px; }
    .ssp60-tablelist img { width: 100%; max-width: 860px; }

    .c01-p-3 { font-size: 16px; font-weight: 700; margin-bottom: 15px; }
    
    #ssp60 { margin: 0 6%;  }
    #ssp60 p.lead60 { font-weight: 700; font-size: 26px; color: #008bd2; margin: 0 auto 50px; display: inline-block; }
    #ssp60 p.lead60 span { display: block; text-align: right; font-size: 16px; }
	.box-lgtblu { padding: 60px 10px; margin-bottom: 20px; background: #fff4f0; border-radius: 10px ; position: relative;}
    .box-lgtblu img { max-width: 708px; width: 100%;}

	/*#ssp60 .note {
		font-size: 11px;
		line-height: 1.8;
		font-weight: normal;
		color: #333;
	}*/
	.between-content #ssp60 ul.note { margin: 0; }
	.between-content #ssp60 ul.note li {
		font-size: 11px;
		line-height: 1.8;
		font-weight: normal;
		color: #333;
		padding-left: 0;
	}
	.between-content #ssp60 ul.note li span { position: relative; }

	.between-content #ssp60 p.lead60 { padding: 0;}


	img.c01-img-05,
	img.c01-img-06 { max-width: 860px; width: 100%;}
	
    #strtplnBnr { text-align: center; }
    #strtplnBnr a { transition: .6s; }
    #strtplnBnr a:hover { opacity: .6; }
    #strtplnBnr img { max-width: 800px; width: 92%; border: none; }

	a#notetgl { margin: 0 auto 60px; display: block; background: #f3f3f3; padding: 15px; border-radius: 10px; text-align: center; color:#111!important; text-decoration: underline; }

    a#notetgl + div { margin-bottom: 40px; }
}

.fcred { color: #ff0000!important; }
@media screen and (min-width: 1200px) {
	#sp-nav { padding-top: -80px; padding-left: 180px; margin-top: -140px; }
	#sp-nav.in { padding-top: 45px; margin-top: 0; }
}
	
@media screen and (max-width: 1190px) and (min-width: 768px) {
	#sp-nav.in { padding-top: 45px; margin-top: 0; }
	#sp-nav { margin-top: -140px; }
	#sp-nav.up { padding-top: 94px; }
	#sp-nav { transition-duration:.8s; }
}

@media screen and (max-width: 979px) and (min-width: 768px){
	ol.breadcrumb { padding: 0 3%!important;}
	#spdbH1{ padding-left: 3%; padding-right: 3%;  }
	#mainvisual{ padding-left: 3%; padding-right: 3%; background-size: 121%;  }
	#mainNav {margin-right: 3%!important; margin-left: 3%!important;}
	.spdbContentBox,
	.contentCaption{
		margin-left: 3%;
		margin-right: 3%;
	}
}
@media screen and (max-width: 979px){
	#head-block01,
	#head-block02 p,
	#head-block03,
	p#head-block01-tx02,
	#head-block02 p.lead{ font-size: 2vw;}
	.box-parent, .box-child { font-size: 2.2vw; }
	.box-parent img.photo,	
	.box-child img.photo { width: 24%; }
	
	#head-block02 p.lead span img {
    	position: absolute;
    	left: -9%;
    	top: 0;
    	margin-top: 14%;
    	width: 10%;
    	transform: scale(1,-1);
	}
	#head-block02 p.caption { font-size: 2vw;}
	
	h3.q { font-size: 2.6vw;}
	.graph-box ul.graph li { font-size: 1.4vw; }
	.graph-box { font-size: 2.2vw;}
	.graph-head-lead { font-size: 2.4vw; }
	
	.between-content ul li { font-size: 2.4vw; }
	.between-content a img {border: 2px solid #bbb; width: 92%;}
    p#zero-headline {
    
    }
	p#zero-headline,
	p#spt-headline{ font-size: 3.4vw; text-indent: -12%; padding-bottom: 2%;}
	p#zero-headline img,
	p#spt-headline img{ width: 12%; }
	
	p#apply-headline { font-size: 4vw; padding: 3% 0 6%; }
	/* c02 */
	.c02-box h3 { font-size: 2.9vw;}
	.c02-box p { font-size: 2.4vw; }
	.c02-box ul { font-size: 2vw; }
	.c02-box ul li span { padding-left: 2em; text-indent: -2em; display: block; }
	.nocharge-support h3 { font-size: 2.9vw; }
	.nocharge-support table { font-size: 2.2vw; }
	.nocharge-support table th,
	.nocharge-support table td { padding: 3%; }
	
	.nocharge-support ul { font-size: 2vw; }
	
	.nocharge-support ul li { position: relative; padding-left: 3em;}
	.nocharge-support ul li span {position: absolute; top: 0; left: 0; }
	
	/* c03 */
	h3.c03 { font-size: 3vw; padding: 2vw 0;}
	p.c03stepunder { font-size: 3vw; }
	a#tglBackup { font-size: 2.8vw; }
	ul.c03-step1-3 li p { font-size: 2vw; text-align: center; }
	div#c03backup > ul li p { font-size: 2vw; padding: 2vw; }
	div#c03backup > ul li div p { font-size: 2vw; padding: 2vw; }
	div#c03backup > ul li div p.ttl { font-size: 2.1vw; padding: 2vw; }
	div#c03backup > ul li div ul { font-size: 2vw; padding: 0 2vw 2vw; }
	
	p.c03step { font-size: 3vw; }
	
	a.btn { font-size: 2.4vw; }
	
	#sp-nav ul li { font-size: 13px; }
	#sp-nav ul li span { font-size: 11px; }
}

@media screen and (max-width: 767px) and (min-width: 0px) { 
	#spdb-interview-ContentArea { margin: 0 auto; color:#000; padding-top: 5%; }
	
	#head-content { margin-bottom: 8%; }
	#head-block01 { background: url(../images/bg-head-content-block01-sp.png) no-repeat center top; background-size: 100%; padding: 6% 6% 59%; font-size: 3.3vw; height: 89vw;}
	p#head-block01-tx01 { margin-bottom: 3%;}
	p#head-block01-tx02 { font-size: 3.45vw; margin-bottom: 3%; font-weight: bold; color:#eb5505; }
	p#head-block01-tx03 {  }
	#head-block02 { position: relative; height: 8vw; }
	#head-block02 img { width: 100%; margin-top: -3%; }
	#head-block02 p.lead { width: 75%; margin-left: 5%; margin-top: 6%; background: #fff4ca; border-radius: 5vw; font-size: 3.4vw; font-weight: bold;  }
	#head-block02 p.lead span { display:block; padding: 8%; position: relative; }
	#head-block02 p.lead span img { width: 10%; position: absolute; left:40%; bottom: 0; top:auto; margin-bottom: -9.4%; transform: scale(1,-1) rotate(90deg)}
	#head-block02 p.caption { text-align: center; font-size: 3.4vw; font-weight: bold; margin-top: -6%; }
	#head-block03 { background: url(../images/bg-head-content-block03.png) repeat center top; padding: 120% 5% 5% 5%; font-size: 3.4vw; }
	
	
	
	.spdbContentBox { background: #fff; border-radius: 3vw; box-shadow: 20px 20px 30px 10px rgba(0,0,0,0.05); margin: 0 5% 10%;  }
	.spdbContentBox h2 { background: #ed5f06 url(../images/bg-h2.png); border-radius: 3vw 3vw 0 0; font-weight: bold; color:#fff; font-size: 6vw; text-align: center; height: 18vw; line-height: 18vw; }
	
	.spdbContentBoxInner { width: 94%; max-width: 900px; margin: 0 auto; padding-bottom: 1px; }
	
	
	h3.q { border-top: 3px solid #eb5505; color: #eb5505; font-weight: bold; background: #fef2eb; margin-bottom: 5%; font-size: 4.7vw; position: relative; padding: 4% 5% 4% 18%; }
	h3.q span img { height: 10vw; position: absolute; top: 0; left: 0; }
	
	.box-parent,
	.box-child { width: 94%; position: relative; font-size: 3.6vw; margin: 0 auto 5%; text-align: center;}
	.box-parent img.photo,
	.box-child img.photo { width: 33%; margin-bottom: 5%; }
	
	.box-parent .txtbox { position: relative; background: #fff4ca; padding: 7%; border-radius: 6vw; line-height: 1.8;  }
	.box-child .txtbox { position: relative; background: #fff4ca; padding: 7%; border-radius: 6vw; line-height: 1.8;  }
	.box-parent .txtbox p,
	.box-child .txtbox p { margin-bottom: 5%; text-align: left; }
	.box-parent .txtbox span,
	.box-child .txtbox span { font-weight: bold; /*text-decoration: underline wavy #eb5505; -webkit-text-decoration-style: wavy;*/background: url("../images/wavy.png") repeat-x center bottom; background-size: 1.4vw; padding: 0 0 .6vw 0; }
	.box-parent .txtbox img.beard ,
	.box-child .txtbox img.beard { position: absolute; left: 8vw; top: -11vw; transform: rotate(90deg); width: 14%; }
	
	.graph-box { position: relative; font-size: 3.4vw; margin: 15% auto 10%; border: 2px solid #bbb; background: #f5f5f5; }
	
	.graph-box a.tgl-graph { background: #fff; height: 14vw; font-weight: bold; margin: 0; border-bottom: none; text-align: center; padding-top: 3%; position: relative;}
	.graph-box a.tgl-graph::after {
		content: '>';
		position: absolute;
		top: 36%;
		right: 5%;
		display: block;
		font-weight: lighter;
		transform: scale(1.6,.8) rotate(90deg);
	}
	.graph-box a.tgl-graph.op { border-bottom: 2px solid #bbb; }
	.graph-box a.tgl-graph.op::after {
		transform: scale(1.6,.8) rotate(-90deg);
	}
	
	.graph-head-lead { font-weight: bold; font-size: 4vw; padding: 3% 5% 3% }
	.graph-note { font-size: 2.6vw; padding: 2%; }
	
	.graph-box-inner-wrap { padding: 5% 0 2% 0; background: #fff; }
	.graph-box-inner { position: relative; padding: 2% 0; z-index: 0; }
	.graph-box-inner ul.graph-list { position: absolute; right: 5%; top: 0; height: 100%; border-left: 1px solid #bbb; width: 90%;  z-index: 4; }
	.graph-box-inner ul.graph-list li { width: 16%!important; border-right: 1px solid #eaeaea; vertical-align: top; display: inline-block; height: 100%; }
	
	.graph-box ul.graph { position: relative; z-index: 5; margin: 0 5%; }
	.graph-box ul.graph li { font-size: 2.8vw; height: 2.4em; }
	.graph-box ul.graph li:first-child { height: auto; padding: 1% 3%; }
	.graph-box ul.graph li:last-child { position: relative; height: auto; margin-bottom: 2%; padding-top: 8%;  }
	.graph-box ul.graph li:last-child span { position: absolute; top: 0; left: 1px; display: block; background: #eaeaea; height: 5.6vw; width: 0%; transition: 1s; }
	
	
	.graph-box ul.graph:last-child li { margin-bottom: 0; }
	
	ul.graph-num { padding-top: 2%; }
	ul.graph-num li { width: 14%!important; text-align: center; vertical-align: top; display: inline-block; height: 100%; position: relative; font-size: 2.6vw; color:#333; }
	
	#graph2.graph-box { margin-bottom: 5%; }
	#graph2 .graph-box-inner ul.graph-list li { width: 12%!important;}
	#graph2 ul.graph-num li { width: 10.8%!important;}
	
	#graph3.graph-box { margin-bottom: 5%; }
	#graph3 .graph-box-inner ul.graph-list li { width: 11.1%!important;}
	#graph3 ul.graph-num li { width: 10%!important;}
	
    img.smstspTit { width: 94%; margin: 5% auto; }
	p#zero-headline { font-size: 4vw; font-weight: bold; text-align: center; padding: 0 0 8% 0; 
    padding: 5%; text-indent: 0;
    margin: 5% 5% 10%;
    background: #fff4ca; }
	p#zero-headline img { vertical-align: baseline; width: 17vw;}
	p#spt-headline { font-size: 5.8vw; font-weight: bold; text-align: center; margin-top: -10vw;  padding: 0 0 5% 0; text-indent: -17vw; }
	p#spt-headline img { vertical-align: baseline; width: 17vw;}
	p#apply-headline { font-size: 6vw; font-weight: bold; text-align: center; padding: 5% 0 8%; }
	p#apply-headline span { color: #eb5505; position: relative; }
	p#apply-headline span img { width: 100%;}
	/*p#apply-headline span::before { position: absolute; top: -82%; left: 0%; width: 100%; content:'.'; display: block;}*/
	p#apply-headline span.ful::before { position: absolute; top: -72%; left: 0%; width: 100%; content:'・'; display: block; transform: scale(.7);}
	p#apply-headline span.kern{font-feature-settings: "palt";letter-spacing: -0.05em;}
	
	.between-content { text-align: center; margin-bottom: 50px; }
	
	/*.between-content p { padding: 6% 5% 4%; font-size: 5vw; font-weight: bold; }
	.between-content ul { margin: 0 4%; }
	.between-content ul li{ border: 2px solid #bbb; padding-bottom: 6%; position: relative; font-size: 3.4vw; color: #333; margin-bottom: 5%; }
	.between-content ul li:last-child { margin-bottom: 0; }
	.between-content ul li img { width: 100%; }
	.between-content a img {border: 2px solid #bbb; width: 92%;}
	
	.between-content p.chargemonth { padding-bottom: 0; padding-top: 0; }
	.between-content p.chargemonth img {width: 100%;}
	
	.between-content ul.note li{ width: 100%; margin-right: 0; padding-bottom: 0; margin-bottom: 0; display: block; vertical-align: top; border: none; font-size: 3.4vw; color: #333;  text-align: left; padding-left: 3em; position: relative; }
	.between-content ul.note li span { position: absolute; top: 0; left: 0; }
	.between-content ul.note li p { font-size: 3.4vw; padding: 0; font-weight: normal; }
	.between-content ul.note li a:hover {opacity: .8}
	*/
	
	.between-content ul.btn2Box {padding: 4% 0 5%;} 
	.between-content ul.btn2Box li { margin-bottom: 0; border: none; }
	.between-content ul.btn2Box li:last-child { margin-bottom: 0%;  }
	.between-content ul.btn2Box li a{
		display: block;
    	width: 100%;
    	height: 16vw;
		border-radius: 45px;
		padding-top: 2vw;
    	line-height: 1.4;
    	background: #eb5506;
    	color: #fff;
		font-weight: bold;
    	position: relative;
    	font-size: 4.6vw;
    	text-align: center;
    	margin: 0 auto;}
	.between-content ul.btn2Box li a::after {
		content: '>';
		position: absolute;
		top: 25px;
		right: 20px;
		display: block;
		font-weight: lighter;
		transform: scale(1,1.6);
	}
	.between-content ul.btn2Box li a span { font-size: 4vw; }
	
	.between-content ul.btn2Box li a:hover,
	.between-content ul.btn2Box li a:active,
	.between-content ul.btn2Box li a:visited,
	.between-content ul.btn2Box li a:focus{ color: #fff;text-decoration: none; }
	
	.between-content ul.c02charge-merit-list {text-align: center;}
	.between-content ul.c02charge-merit-list li { background: #fff; font-size:  20px; vertical-align: top; text-align: center; margin-bottom: 0; border: none; }
	.between-content ul.c02charge-merit-list li > div { border: 2px solid #eb5505; border-radius: 4vw; overflow: hidden; }
	.between-content ul.c02charge-merit-list li > div h3 { border-bottom: 2px solid #eb5505; background: #fdeee6; color: #eb5505; font-size: 4.2vw; padding: 4% 0; }
	.between-content ul.c02charge-merit-list li > div img { width: 100%; }
	.between-content ul.c02charge-merit-list li > div a {
		display: block;
    	width: 100%;
    	height: 12vw;
    	line-height: 1.3;
		padding-top: 1vw;
    	background: #eb5506;
    	color: #fff;
		font-weight: bold;
    	position: relative;
    	font-size: 4vw;
    	text-align: center;
    	margin: 0 auto;}
	.between-content ul.c02charge-merit-list li > div a span { font-size: 3.4vw;}
	.between-content ul.c02charge-merit-list li > div a::after {
		content: '>';
		position: absolute;
		top: 3.5vw;
		right: 20px;
		display: block;
		font-weight: lighter;
		transform: scale(.8,1.6) rotate(0deg);
	}
	.between-content ul.c02charge-merit-list li:last-child > div a::after {
		transform: scale(1.6,.8) rotate(90deg);
	}
	.between-content ul.c02charge-merit-list li > div a:hover,
	.between-content ul.c02charge-merit-list li > div a:active,
	.between-content ul.c02charge-merit-list li > div a:visited,
	.between-content ul.c02charge-merit-list li > div a:focus{ color: #fff;text-decoration: none; }
	
    
    #c02 img.smstspTit { margin: 3% 5% 5%; }
    
	.contentLead img { width: 90%; margin: 0 5%; }
	.delta {
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 8vw 8vw 0 8vw;
		border-color: #eb5505 transparent transparent transparent;
		margin: 0 auto;
	}
	
	
	/* c02 */
	#c02 { margin-bottom: 10%;}
	.c02-box { border: 2px solid #eb5505; border-radius: 4vw; overflow: hidden; padding: 8% 0; margin-bottom: 40px; }
	.c02-box h3 { font-size: 4.6vw; border-bottom: 2px solid #eb5505; padding: 0% 0 12% 10%; margin-bottom: 12%; }
	.c02-box p { font-size: 4vw; margin-bottom: 5px; padding-left: 10%; width: 160%; }
	.c02-box ul { font-size: 3.8vw; padding-left: 10%; width: 160%; }
	.c02-box ul li span { padding-left: 2em; text-indent: -2em; display: block; }
	.c02-box .c02-box-l { display: inline-block; width: 59%; vertical-align: middle; }
	.c02-box .c02-box-r { display: inline-block; width: 41%; vertical-align: top; text-align: center; }
	.c02-box .c02-box-r img { width: 60%; }
	.c02-box .c02-box-r p { text-align: center; font-size: 2.2vw; margin-bottom: 0; padding: 0; width: 100%; }
	
	.nocharge-support {padding: 0 0 5%; }
	.nocharge-support h3 { font-size: 5vw; background: #fdeee6; padding: 3% 0; text-align: center; margin-bottom: 5%;}
	.nocharge-support h3 span { color: #eb5505; }
	.nocharge-support p { position: relative; font-size: 3.6vw; padding: 2% 0 0% 0; font-weight: bold; margin-bottom: 4%; }
	.nocharge-support p span { position: absolute; right:0; top:0; display: block; width:30%; text-align: center; color: #fff; font-size: 3vw;  font-weight: lighter; padding: 2% 0; background: #000; }
	
	.nocharge-support table { background: #eee; vertical-align: middle; border-left: 2px solid #bbb; border-top: 2px solid #bbb; width: 100%; font-size: 4vw; margin-bottom: 5%; }
	.nocharge-support table th { background: #eee; vertical-align: middle; border-right: 2px solid #bbb; border-bottom: 2px solid #bbb; padding: 4% 5%; font-weight: normal; width: 100%; display: block; }
	.nocharge-support table td { background: #fff; vertical-align: middle; border-right: 2px solid #bbb; border-bottom: 2px solid #bbb; padding: 5%;  width: 100%; display: block; }
	.nocharge-support table sup { /*color:#c10000;*/ }
	.nocharge-support ul { /*color:#c10000;*/ font-size: 4vw; margin-bottom: 30px;  }
	
	.nocharge-support ul li { position: relative; padding-left: 3em;}
	.nocharge-support ul li.ind1 { padding-left: 1em;}
	.nocharge-support ul li span {position: absolute; top: 0; left: 0; }
	
	.nocharge-support a.btn{
		display: block;
    	width: 100%;
    	height: 16vw;
		border-radius: 10vw; 
    	line-height: 1.4;
		padding-top: 1%;
    	background: #eb5506;
    	color: #fff;
		font-weight: bold;
    	position: relative;
    	font-size: 5vw;
    	text-align: center;
    	margin: 0 auto;}
	.nocharge-support a.btn::after {
		content: '>';
		position: absolute;
		top: 4vw;
		right: 20px;
		display: block;
		font-weight: lighter;
		transform: scale(1,1.6);
	}
	.nocharge-support a.btn span { font-size: 3.6vw; }
	
	.nocharge-support a.btn:hover,
	.nocharge-support a.btn:active,
	.nocharge-support a.btn:visited,
	.nocharge-support a.btn:focus{ color: #fff;text-decoration: none; }
	
	
	#support02-book-sp { width: 150%;
    margin: -10% 10% 10%; text-align: center;}
	#support02-book-sp img { width: 100%; }
	
	/* c03 */
	h3.c03 { font-size: 6vw; background: #fdeee6; padding: 5% 0; text-align: center; margin-bottom: 6%;}
	h3.c03 span { color: #000; }
	h3.c03 span img { width: 70%; margin-bottom: 2%;}
	h3.c03 span.small { font-size: 4vw; color: #000; display: block; }
	
	h3.c03-2 { background: #eaeaea; padding: 6% 0 5%; text-align: center; margin-bottom: 5%;}
	h3.c03-2 img { width: 60%; margin-bottom: 2%; }
	h3.c03-2 span { color: #000; display: block;}
	h3.c03-2 span.small { font-size: 3.4vw; color: #000; }
	
	.c03-box { padding: 0 5%;}
	.c03-stepWrap { padding-bottom: 10%; }
	
	p.c03step { font-size: 5vw; color: #eb5505; font-weight: bold; margin-bottom: 3%; }
	p.c03step img { display: block; width: 100%; margin-bottom: 5%;  }
	p.c03step span {  }
	
	p.c03stepunder { font-size: 5vw; }
	
	.stp1-colm2wrap {border-left: 2px solid #bbb; border-top: 2px solid #bbb;}
	p.stp1-colm2 { border-right: 2px solid #bbb; border-bottom: 2px solid #bbb; }
	p.stp1-colm2:last-child {  }
	p.stp1-colm2 img { width: 100%; }
	p.stp1-3 img { width: 100%; max-width:  852px;  }
	
	ul.c03-step1-3 {}
	ul.c03-step1-3 li { }
	ul.c03-step1-3 li p { font-size: 3.6vw; text-align: center;  margin: 8% 0 4%; }
	ul.c03-step1-3 li p span { font-weight: bold; color:#eb5505; }
	ul.c03-step1-3 li div { border: 2px solid #bbb; }
	ul.c03-step1-3 li img { width: 100%; }
	
	a#tglBackup { border: 2px solid #bbb; height:auto ; line-height: 1.4; font-size: 5.1vw; font-weight: bold; display: block; text-align: left; position: relative; margin-top: 35px; padding: 3vw; }
	a#tglBackup::after {
		content: '>';
		position: absolute;
		top: 36%;
		right: 5%;
		display: block;
		font-weight: lighter;
		transform: scale(1.6,.8) rotate(90deg);
	}
	a#tglBackup.open::after {
		transform: scale(1.6,.8) rotate(-90deg);
	}
	
	a#tglBackup,
	a#tglBackup:hover,
	a#tglBackup:visited,
	a#tglBackup:active,
	a#tglBackup:focus { color:#000; text-decoration: none; }
	
	div#c03backup { border: 2px solid #bbb; border-top: none; padding-bottom: 60px; display: none; }
	div#c03backup > ul > li {  }
	div#c03backup > ul > li:nth-child(odd){ text-align: right; }
	div#c03backup > ul > li:nth-child(even){ text-align: left; }
	div#c03backup > ul > li img { width: 100%;  }
	
	div#c03backup > ul li > p { margin: 0 auto; }
	div#c03backup > ul li p { font-size: 3.8vw; padding: 0 6% 6%; line-height: 1.6; text-align: left; }
	div#c03backup > ul li div { border: 2px solid #bbb; width: 86%; margin: 0 auto; position: relative; }
	div#c03backup > ul li div img { position: absolute; top: -53px; left: 30%; width:auto; }
	div#c03backup > ul li div p { padding: 5%; font-size: 3.4vw; }
	div#c03backup > ul li div p.ttl { font-size: 4vw; padding: 5%; border-bottom: 2px solid #eb5505; }
	div#c03backup > ul li div ul { padding: 0 5% 5%; font-size: 3.4vw; font-weight: bold;  }
	div#c03backup > ul li div ul a {display: inline; }
	
	
	p.c03-passLead { font-size: 6vw; line-height: 1.4; font-weight: bold; text-align: center; }
	p.c03-passLead span { font-size: 4vw;  }
	
	ul.c03passport { padding: 3vw 0 2vw; }
	ul.c03passport li:first-child { }
	ul.c03passport li img { width: 100%; }
	ul.c03passport li img.reserve { width: 100%; }
	
	.c03btnBox { padding: 5% 0 10%;}
	.c03btnBox p { font-size: 4vw; text-align: left; }
	.c03btnBox a { margin-top: 5%!important; }
	
	
    .grayBox { background: #eaeaea; text-align: center; margin-top: 5%; }
    .grayBox img { width: 100%; }
    
    p.starInfo { font-size: 4.2vw; font-weight: bold; text-align: center;  margin-top: 5%;}
    p.starInfo span { font-size: 2.8vw; font-weight: bold; }
	
	a.alpha:hover {  transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); transition: .2s; }
	
	a.btn { 
		display: block;
    	width: 100%;
    	height: 14vw;
    	line-height: 14vw;
    	border-radius: 7vw;
    	background: #eb5506;
    	color: #fff;
		font-weight: bold;
    	position: relative;
    	font-size: 3.6vw;
    	text-align: center;
    	margin: 0 auto;
	}
	a.btn:hover,
	a.btn:active,
	a.btn:visited,
	a.btn:focus{ color: #fff;text-decoration: none; }
	
	a.btn::after {
		content: '>';
		position: absolute;
		top: 0;
		right: 5%;
		display: block;
		font-weight: normal;
		transform: scale(1,1.6);
	}
	
	a.btn.outer::after {
		content: '';
		position: absolute;
		display: block;
		top: 53%;
		right: 2.6vw;
		background-image: url(/content/dam/au-com/mobile/sp-debut/images/icon_sprite.png);
		background-position: -8vw -23vw;
		width: 4vw;
		height: 4vw;
		margin-top: -8px;
		background-size: 30vw auto;
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
	}
	
	
	a#bnr-change-smp {
		display: block;
    	margin: 0 auto 5%;
	}
	a#bnr-change-smp img {
    	width: 100%;
	}
	.tableListWrap { padding-bottom: 10%;}
    .c01-tablelistH3 { font-size: 5vw; text-align: left; padding: 10% 0 5%;}
    .c01-tablelistp { font-size: 3.8vw; text-align: left; margin-bottom: 5%; font-weight: bold;}
    .c01-tablelist { margin-bottom: 5%; overflow: auto;}
    .c01-tablelist img { width: 250vw; }
	
	#ssp60 { padding: 0 5%;}
	.c01-h3-1 img { width: 100%;}
    .box-lgtblu { padding: 10% 3%; margin-bottom: 5%; background: #fff4f0;; border-radius: 2vw; position: relative; }
    .ssp60-tablelistH3 { font-size: 5vw; text-align: left; padding: 10% 0 5%; font-weight: normal;}
    .ssp60-tablelistp { font-size: 3.8vw!important; text-align: left; margin-bottom: 5%; font-weight: bold; padding: 0!important;}
    .ssp60-tablelist { margin-bottom: 5%; overflow: auto;}
    .ssp60-tablelist img { width: 250vw; }
	#ssp60 .c01-img-02 { width: 100%;}

    .scrollbox { text-align: right; margin-bottom: 3%;}
    .scrollbox img { width: 30%;}
	#ssp60 p.lead60 {
		font-weight: 700;
		font-size: 4.4vw;
		color: #008bd2;
		margin-bottom: 5%;
	}

	#ssp60 p.lead60 .note {
		font-size: 3vw;
		line-height: 1.8;
		font-weight: normal;
		display: block;
	}
	.between-content #ssp60 ul.note { margin: 0;}
	.between-content #ssp60 ul.note li {
		width: 100%;
		margin-right: 0;
		padding-bottom: 0;
		margin-bottom: 2%;
		display: block;
		vertical-align: top;
		border: none;
		font-size: 3.4vw;
		color: #333;
		text-align: left;
		padding-left: 0;
		position: relative;
	}
	.between-content #ssp60 ul.note li span { position: relative; }
	
    #strtplnBnr { text-align: center; }
    #strtplnBnr img { max-width: 800px; width: 92%; border: none; }
}

	a.tgl-graph,
	a.tgl-graph:hover,
	a.tgl-graph:active,
	a.tgl-graph:focus{ display: block; color: #000; }
	.tgl-graph-content { display: none; }

	#graph1.graph-box div ul.graph:nth-of-type(1) li:last-child span.on { width: 99%; background: #eb5505;}
	#graph1.graph-box div ul.graph:nth-of-type(2) li:last-child span.on { width: 38%;}
	#graph1.graph-box div ul.graph:nth-of-type(3) li:last-child span.on { width: 37%;}
	#graph1.graph-box div ul.graph:nth-of-type(4) li:last-child span.on { width: 36.5%;}
	#graph1.graph-box div ul.graph:nth-of-type(5) li:last-child span.on { width: 28%;}
	#graph1.graph-box div ul.graph:nth-of-type(6) li:last-child span.on { width: 27%;}
	#graph1.graph-box div ul.graph:nth-of-type(7) li:last-child span.on { width: 22%;}
	#graph1.graph-box div ul.graph:nth-of-type(8) li:last-child span.on { width: 10%;}
	#graph1.graph-box div ul.graph:nth-of-type(9) li:last-child span.on { width: 15%;} 
	#graph1.graph-box ul.graph:first-child li { color:#eb5505; font-weight: bold; }
	
	#graph2.graph-box div ul.graph:nth-of-type(1) li:last-child span.on { width: 90%;}
	#graph2.graph-box div ul.graph:nth-of-type(2) li:last-child span.on { width: 49%; background: #eb5505;}
	#graph2.graph-box div ul.graph:nth-of-type(3) li:last-child span.on { width: 27%;}
	#graph2.graph-box div ul.graph:nth-of-type(4) li:last-child span.on { width: 18%;}
	#graph2.graph-box div ul.graph:nth-of-type(5) li:last-child span.on { width: 16%;}
	#graph2.graph-box div ul.graph:nth-of-type(6) li:last-child span.on { width: 11%;}
	#graph2.graph-box div ul.graph:nth-of-type(7) li:last-child span.on { width: 9%;}
	#graph2.graph-box div ul.graph:nth-of-type(8) li:last-child span.on { width: 8%;}
	#graph2.graph-box div ul.graph:nth-of-type(9) li:last-child span.on { width: 7%;} 
	#graph2.graph-box div ul.graph:nth-of-type(10) li:last-child span.on { width: 5.8%;} 
	#graph2.graph-box div ul.graph:nth-of-type(11) li:last-child span.on { width: 5.5%;} 
	#graph2.graph-box div ul.graph:nth-of-type(12) li:last-child span.on { width: 3.5%;} 
	#graph2.graph-box div ul.graph:nth-of-type(13) li:last-child span.on { width: 3%;} 
	#graph2.graph-box ul.graph:nth-child(2) li { color:#eb5505; font-weight: bold; }
	
	
	#graph3.graph-box div ul.graph:nth-of-type(1) li:last-child span.on { width: 90%; background: #eb5505;}
	#graph3.graph-box div ul.graph:nth-of-type(2) li:last-child span.on { width: 67%;}
	#graph3.graph-box div ul.graph:nth-of-type(3) li:last-child span.on { width: 51%;}
	#graph3.graph-box div ul.graph:nth-of-type(4) li:last-child span.on { width: 48%;}
	#graph3.graph-box div ul.graph:nth-of-type(5) li:last-child span.on { width: 43%;}
	#graph3.graph-box div ul.graph:nth-of-type(6) li:last-child span.on { width: 42%;}
	#graph3.graph-box div ul.graph:nth-of-type(7) li:last-child span.on { width: 38%;}
	#graph3.graph-box div ul.graph:nth-of-type(8) li:last-child span.on { width: 24%;}
	#graph3.graph-box div ul.graph:nth-of-type(9) li:last-child span.on { width: 22%;} 
	#graph3.graph-box div ul.graph:nth-of-type(10) li:last-child span.on { width: 3%;} 
	#graph3.graph-box div ul.graph:nth-of-type(11) li:last-child span.on { width: 8%;} 
	#graph3.graph-box ul.graph:first-child li { color:#eb5505; font-weight: bold; }

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

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

.view-spib { display: none!important; }
.view-pcib { display: inline-block!important; }

@media screen and (min-width: 0px) and (max-width: 767px) {
	.view-spib { display: inline-block!important; }
	.view-pcib { display: none!important; }
}

.fwb { font-weight: bold!important; }
.fcRed { color: #FF0004!important; }


@-webkit-keyframes show{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
@keyframes show{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}


@-webkit-keyframes graphTotal{
    0%{ width: 50%;}
	20%{ width: 70%;}
	50%{ width: 20%;}
    100%{ width: 95%; }
}
@keyframes graphTotal{
    0%{ width: 50%;}
	20%{ width: 70%;}
	50%{ width: 20%;}
    100%{ width: 95%; }
}

@-webkit-keyframes graphTotal2{
    from{ width: 95%; }
    to{ width: 50%; }
}
@keyframes graphTotal2{
    from{ width: 95%; }
    to{ width: 50%; }
}

@media screen and (min-width: 768px) {
	.c01-tablelistH3 { font-size: 22px; text-align: left; padding: 60px 0 20px; font-weight: normal;}
	.tableStyleNote { margin-bottom: 5%!important; }
    .tableStyleNote li { font-size: 14px!important;}
    .tableStyleNote li:first-child { font-size: 18px!important;}
	.c01-01-imgBox h3 { margin-bottom: 50px;}
	.c01-01-imgBox h4 { margin-bottom: 10px;}
	.c01-01-imgBox img { max-width: 100%;}
	
    .c01-01-link { position: relative; margin: 25px auto; max-width: 820px; }
    .c01-01-link a { position: absolute; display: block; height: 30px; top: 0; left: 56%; width: 22%; margin-top: 137%; }
    .c01-01-link a:hover { background: #fff; opacity: .7; }
	p.c01-01-imgBoxNote { font-size: 16px!important; font-weight: normal!important; padding: 20px 0 0;}
	p.c01-tableStyleLead { font-size: 18px; text-align: left; margin-bottom: 14px; margin-top: 14px; padding: 1px 0 0 24px; padding-left: 24px; position: relative; }
    p.c01-tableStyleLead::after { display: block; content: ''; position: absolute; height: 100%; width: 8px; border-radius: 4px; background: #eb5505; top: 0; left: 0; }
    table.c01-tableStyle { width: 100%; border-top: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2; margin-bottom: 20px; }
    table.c01-tableStyle th { border-right: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; background: #fff1ea; padding: 20px; text-align: left; width: 50%; font-weight: normal; font-size: 120%; position: relative;  }
    table.c01-tableStyle td { border-right: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; background: #fff;  padding: 20px; text-align: right; width: 50%; font-size: 120%; }
    table.c01-tableStyle th.pale,
    table.c01-tableStyle td.pale { background: #fff1ea; }
	
    table.c01-tableStyle th a { display: inline; }
    table.c01-tableStyle th a.showTooltip img { width: 30px; margin-left: 8px;  border: none; }
    .tableArrow { width: 384px; margin-bottom: 50px;}

    .smstTerm { padding: 6%; border: 1px solid #e7e7e7; margin-bottom: 40px; line-height: 1.8; }
    .smstTerm p.tit { font-size: 22px; text-align: left; margin-bottom: 20px; }
    .smstTerm p { font-size: 16px; text-align: left; margin-bottom: 5px; }
    .smstTerm p.note { font-size: 14px; margin-bottom: 30px; }
    .smstTerm ul { margin-bottom: 5px; }
    .smstTerm ul li { font-size: 16px; text-align: left; }

    .ind1 { padding-left: 1em!important; position: relative; }
    .ind1 span { position: absolute!important; left: 0; top: 0; }
    .ind3 { padding-left: 4em!important; position: relative; }
    .ind3 span { position: absolute!important; left: 0; top: 0; }

	a.btn.flat {
		display: block;
		width: 460px;
		height: 100px;
		border-radius: 50px;
		line-height: 1.4;
		padding-top: 10px;
		background: #eb5506;
		color: #fff;
		font-weight: bold;
		position: relative;
		font-size: 26px;
		text-align: center;
		margin: 0 auto;
	}
	a.btn.flat span { font-size: 18px!important; }
	a.btn.flat::after {
		content: '>';
		position: absolute;
		top: 25px;
		right: 20px;
		display: block;
		font-weight: lighter;
		transform: scale(1,1.6);
	}
	.box-lgtblu a {
		position: absolute;
		display: block;
		height: 30px;
		top: 0;
		left: 57%;
		width: 17%;
		margin-top: 89%;
	}
	.box-lgtblu a:hover {
		background: #fff;
		opacity: .6;
	}
	
	.tooltip { background: #d2d2d2; position: absolute; top: 100%; transition: 0.3s; opacity: 0; z-index: -1; visibility: hidden; border-radius: 4px; }
	.tooltip { padding: 5px; margin-top: 20px; width: auto; left: 50%; transform: translateX(-50%);}
	.tooltip.open { z-index: 1000; opacity: 1; visibility: visible; }
	.tooltip:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 20px 20px 20px; border-color: transparent transparent #d2d2d2 transparent; display: block; position: absolute; left: 50%; transform: translateX(-50%); top: -20px;}
	.tooltip__cont > p { color:#fff; text-align: center; padding: 16px 0; font-size: 20px; font-weight: bold; }
	.tooltip__advantageTtl {  color: #eb5504; }
	.box-action__link { font-size: 14px; line-height: 24px; display: flex; justify-content: flex-end; }
	.tooltip .box-action__link { justify-content: center; font-weight: normal; }
	.tooltip .box-action__link { margin: 10px 0; }
	.box-action__link a { display: flex; align-items: center; color: #0066aa; }
	.tooltip__close { display: block; background: url(/content/dam/au-com/mobile/sp-debut/3/img/modal_ico_close.png) no-repeat center/21px; cursor: pointer; }
	.tooltip__close { height: 40px; margin: 10px auto 8px; }
	.tooltip__advantage { background: #fff; padding: 15px; text-align: center; text-indent: 0;}
	.tooltip__advantageTtl { font-size: 20px; height: 40px; line-height: 40px; font-weight: bold; text-indent: 0; }
	.tooltip__txt { line-height: 1.8; font-size: 14px; text-indent: 0; }
}
@media screen and (max-width: 767.98px) and (min-width: 0px) {
	.c01-tablelistH3 { font-size: 5vw; text-align: left; padding: 10% 0 5%; font-weight: normal; }
	.c01-01-imgBox h3 { margin-bottom: 10%;}
	.c01-01-imgBox h4 { margin-bottom: 2%;}
	.c01-01-imgBox img { width: 100%;}
	.c01-01-link { margin-top: 10%; position: relative; }
    .c01-01-link a { position: absolute; display: block; height: 5vw; top: 0; left: 20%; width: 60%; margin-top: 213%; }
	.c01-01-imgBoxNote { font-size: 3.4vw!important; margin-bottom: 5%!important; padding: 0!important; font-weight: normal!important;}
    .tableStyleNote { font-size: 3.4vw!important; margin-bottom: 5%!important;}
    .tableStyleNote li:first-child { font-size: 4.2vw;}
	p.c01-tableStyleLead { font-size: 3.4vw; text-align: left; margin-bottom: 3%; margin-top: 3%; padding:1px 0 0 5%; padding-top: 1px; position: relative; }
    p.c01-tableStyleLead::after { display: block; content: ''; position: absolute; height: 100%; width: 1vw; border-radius: 1vw; background: #eb5505; top: 0; left: 0; }
    table.c01-tableStyle { width: 100%; border-top: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2; margin-bottom: 5%; }
    table.c01-tableStyle th { border-right: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; background: #fff1ea; padding: 3%; text-align: left; width: 50%; font-size: 3.4vw; font-weight: normal; vertical-align: middle; position: relative;  }
    table.c01-tableStyle td { border-right: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; background: #fff;  padding: 3%; text-align: right; width: 50%; font-size: 3.4vw; }
    table.c01-tableStyle th.pale,
    table.c01-tableStyle td.pale { background: #fff1ea; }
	table.c01-tableStyle th a.showTooltip { position: absolute; top: calc( 50% - 2.5vw); right:2vw;}
    table.c01-tableStyle th a.showTooltip img { width: 5vw; border: none; }
    .tableArrow { width: 70%; margin-bottom: 5%;}
	
    .smstTerm { padding: 3%; border: 1px solid #e7e7e7; margin-bottom: 3%; line-height: 1.8; }
    .smstTerm p.tit { font-size: 5vw; text-align: left; margin-bottom: 5%; line-height: 1.4; }
    .smstTerm p { text-align: left; margin-bottom: 2%; font-size: 3.8vw; }
    .smstTerm p.note { font-size: 2.8vw; margin-bottom: 5%; }
    .smstTerm ul { margin-bottom: 2%; }
    .smstTerm ul li { text-align: left;font-size: 3.8vw; }

    .ind1 { padding-left: 7%!important; position: relative; }
    .ind1 span { position: absolute!important; left: 0; top: 0; }
    .ind3 { padding-left: 12%!important; position: relative; }
    .ind3 span { position: absolute!important; left: 0; top: 0; }
	
	a.btn.flat {
		display: block;
		width: 90%;
		height: 16vw;
		border-radius: 10vw;
		line-height: 1.4;
		padding-top: 0;
		background: #eb5506;
		color: #fff;
		font-weight: bold;
		position: relative;
		font-size: 5vw;
		text-align: center;
		margin: 0 auto;
	}
	a.btn.flat span { font-size: 3vw!important; }
	a.btn.flat::after {
		content: '>';
		position: absolute;
		top: 4vw;
		right: 20px;
		display: block;
		font-weight: lighter;
		transform: scale(1,1.6);
	}
	.box-lgtblu img { width:100%; }
	.box-lgtblu a {
		position: absolute;
		display: block;
		height: 5vw;
		top: 0;
		left: 10%;
		width: 80%;
		margin-top: 184%;
	}
	a#notetgl { margin: 0 auto 5%; display: block; background: #f3f3f3; padding: 3%; border-radius: 2vw; text-align: center; color:#111!important; text-decoration: underline; font-size: 3.4vw; }

	.tooltip { background: #d2d2d2; position: absolute; top: 100%; transition: 0.3s; opacity: 0; z-index: -1; visibility: hidden; width: 200%; padding: 3%; margin-top: 20px; border-radius: 1vw; left: 100%; transform: translateX(-50%);}
  .tooltip.open { z-index: 1000; opacity: 1; visibility: visible; }
  .tooltip:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 20px 20px 20px; border-color: transparent transparent #d2d2d2 transparent; display: block; position: absolute; left: 50%; transform: translateX(-50%); top: -20px;}
  .tooltip__cont { padding-left: 0!important; text-indent: 0!important; }
  .tooltip__cont > p { color:#fff; text-align: center; padding: 3% 0; font-size: 4vw; font-weight: bold; }
  .tooltip__advantageTtl {  color: #eb5504; }
  .box-action__link { font-size: 3.4vw; line-height: 6vw; display: flex; justify-content: flex-end; }
  .tooltip .box-action__link { justify-content: center; font-weight: normal; }
  .tooltip .box-action__link { margin: 10px 0; }
  .box-action__link a { display: flex; align-items: center; color: #0066aa; }
  .tooltip__close { display: block;  background: url(/content/dam/au-com/mobile/sp-debut/3/img/modal_ico_close.png) no-repeat center/5vw; cursor: pointer; }
  .tooltip__close { height: 5vw; margin: 3% auto 0; }
  .tooltip__advantage { background: #fff; padding: 15px; }
  .tooltip__advantageImg img { width: 100% }
  .tooltip__advantageTtl { font-size: 5vw; text-align: center; height: 40px; line-height: 40px; font-weight: bold; }
  .tooltip__txt { line-height: 1.8; font-size: 3.4vw; }
}
	
	
.poyooon {
  -webkit-animation: poyooon 1.3s linear 0s infinite;
  animation: poyooon 1.3s linear 0s infinite;
}
@-webkit-keyframes poyooon {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  15%  { transform: scale(1.1, 1.1) translate(0%, 0%); }
  30%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
  45%  { transform: scale(1.1, 1.1) translate(0%, 0%); }
  60%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
  100%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
}
@keyframes poyooon {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  15%  { transform: scale(1.1, 1.1) translate(0%, 0%); }
  30%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
  45%  { transform: scale(1.1, 1.1) translate(0%, 0%); }
  60%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
  100%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
}

#total.on .poyooonLabel1,
.status.on .poyooonLabel1 {
  animation: poyooonLabel 10s linear 0s infinite;
}

#total.on .poyooonLabel2,
.status.on .poyooonLabel2 {
  animation: poyooonLabel 10s linear 0.2s infinite;
}

#total.on .poyooonLabel3,
.status.on .poyooonLabel3 {
  animation: poyooonLabel 10s linear 0.4s infinite;
}

#total.on .poyooonLabel4,
.status.on .poyooonLabel4 {
  animation: poyooonLabel 10s linear 0.6s infinite;
}

#total.on .poyooonLabel5,
.status.on .poyooonLabel5 {
  animation: poyooonLabel 10s linear 0.8s infinite;
}


@-webkit-keyframes poyooonLabel {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  1%  { transform: scale(1.1, 0.9) translate(0%, 2%); }
  4%  { transform: scale(1.2, 0.8) translate(0%, 8%); }
  5%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
  6%  { transform: scale(0.9, 1.2) translate(0%, -60%); }
  7.5%  { transform: scale(0.9, 1.2) translate(0%, -5%); }
  8.5%  { transform: scale(1.2, 0.8) translate(0%, 8%); }
  10% { transform: scale(1.0, 1.0) translate(0%, 0%); opacity: 1; }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); opacity: 1; }
}

@keyframes poyooonLabel {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  1%  { transform: scale(1.1, 0.9) translate(0%, 2%); }
  4%  { transform: scale(1.2, 0.8) translate(0%, 8%); }
  5%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
  6%  { transform: scale(0.9, 1.2) translate(0%, -60%); }
  7.5%  { transform: scale(0.9, 1.2) translate(0%, -5%); }
  8.5%  { transform: scale(1.2, 0.8) translate(0%, 8%); }
  10% { transform: scale(1.0, 1.0) translate(0%, 0%); opacity: 1; }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); opacity: 1; }
}
.red { color:#c10000!important; }
.org { color: #eb5505!important; }
.fsS { font-size: 80%; display: inline!important; padding: 0!important;}

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