@charset "utf-8";

/*----------------------------------------------------
	SP用
----------------------------------------------------*/
@media screen and (max-width: 736px) {

.AR #careContents {
	background-position-x: calc(50% + 150px);
}

.AR #careContents .w980 {
	padding-left: 10px;
	padding-right: 10px;
	width: 100%;
}

.AR #careContents .w980 section {
    margin-top: 50px;
}

.AR #careContents h3.listTitle {
	font-size: 6vw;
	padding-top: 30px;
}

.AR #careContents h3.listTitle::before {
	margin-right: 0.5em;
	width: 1.5vw;
	height: 7vw;
}

.AR #careContents h4.sTitle {
	font-size: 5.33vw;
	text-indent: -0.8em;
	margin-left: 0.8em;
}

.AR #careContents h4.sTitle::before {
	height: 7vw;
	margin-right: 3vw;
	width: 1.5vw;
}

/* タイトルエリア */
.AR #careContents .w980 .titleArea {
	margin-top: 30px;
}

.AR #careContents .w980 .titleArea p.arTxt {
	font-size: 4.33vw;
}

/* ARでできること */
.AR #careContents .w980 .youcando .doArTxt {
	font-size: 4vw;
}

.AR #careContents .w980 .youcando ul.doList {
	flex-wrap: wrap;
	margin-top: calc(20px - 10px);
}

.AR #careContents .w980 .youcando ul.doList li {
	width: 48%;
	font-size: 4vw;
	text-align: left;
	margin-top: 10px;
}

.AR #careContents .w980 .youcando ul.doList li .listPC {
	display: none;
}

.AR #careContents .w980 .youcando ul.doList li .listSP {
	display: block;
}

/* ラインアップ */
.AR #careContents .w980 .lineup p.howLink {
	font-size: 4.33vw;
}

.AR #careContents .w980 .lineup ul.lineupList li {
	display: block;
	width: 48%;
	padding: 0px;
}

.AR #careContents .w980 .lineup ul.lineupList li .imgArea {
	width: 100%;
}

.AR #careContents .w980 .lineup ul.lineupList li .imgArea img {
	width: 100%;
}

.AR #careContents .w980 .lineup ul.lineupList li .txtArea {
	width: 100%;
	margin-top: 0px;
	padding: 10px;
}

.AR #careContents .w980 .lineup ul.lineupList li .txtArea h5 {
	font-size: 4.66vw;
}

.AR #careContents .w980 .lineup ul.lineupList li .txtArea h5 span {
	font-size: 3.33vw;
}

.AR #careContents .w980 .lineup ul.lineupList li .txtArea p.linkBt {
	font-size: 3.66vw;
	margin-top: 3vw;
}

.AR #careContents .w980 .lineup ul.lineupList li .txtArea p.arButton.noPC {
	margin-top: 3vw;
	display: block;
}

.AR #careContents .w980 .lineup ul.lineupList li .txtArea p.arButton a {
	display: block;
	border-radius: 5px;
	background: #f4a117;
	text-align: center;
	padding: 10px;
	font-size: 4vw;
}

.AR #careContents .w980 .lineup ul.lineupList li .txtArea p.arButton a:link,
.AR #careContents .w980 .lineup ul.lineupList li .txtArea p.arButton a:visited {
        color:#fff;
        text-decoration: none;
}

.AR #careContents .w980 .lineup ul.lineupList li .txtArea p.arButton a:hover,
.AR #careContents .w980 .lineup ul.lineupList li .txtArea p.arButton a:active {
        color:#fff;
        text-decoration: none;
}

.AR #careContents .w980 .lineup ul.lineupList li .txtArea p.arButtonImg.noPC {
	margin-top: 3vw;
	display: block;
}


/* ご利用方法 */
.AR #careContents .w980 .howtouse {

}

.AR #careContents .w980 .howtouse ol.howtoList {
	margin-top: 0px;
}

.AR #careContents .w980 .howtouse ol.howtoList li {
	width: 48%;
	text-align: center;
	margin-top: 20px;
}

.AR #careContents .w980 .howtouse ol.howtoList li h5 {
	font-size: 6vw;
}

.AR #careContents .w980 .howtouse ol.howtoList li figure figcaption {
	font-size: 4vw;
	margin-top: 10px;
}

.AR #careContents .w980 .howtouse ol.howtoList li .listPC {
	display: none;
}

.AR #careContents .w980 .howtouse ol.howtoList li .listSP {
	display: block;
}


.AR #careContents .w980 .howtouse .useButton h6 {
	font-size: 5.33vw;
}

.AR #careContents .w980 .howtouse .useButton dl {
	font-size: 4vw;
}

.AR #careContents .w980 .howtouse .useButton dl dt {
	width: 100%;
	margin-right: 0;
	text-align: left;
	margin-top: 15px;
}

.AR #careContents .w980 .howtouse .useButton dl dd {
	width: 100%;
	margin-right: 0;
	margin-top: 5px;
}

.AR #careContents .w980 .howtouse p.kome {
	font-size: 3.66vw;
}


/* AR動作環境 */
.AR #careContents .w980 .system ul.arSys {
	padding: 0 5vw;
	margin-top: 20px;
}

.AR #careContents .w980 .system ul.arSys li {
	width: 30%;
}

.AR #careContents .w980 .system .clickOpenArea {
	margin-top: 20px;
}

.AR #careContents .w980 .system .clickOpenArea .clickOpenContent {
	padding: 0 10px;
}

.AR #careContents .w980 .system .clickOpenArea .clickCheck:checked + .clickLabel + .clickOpenContent {
	padding: 0px 10px 10px 10px;
	font-size: 4vw;
}

.AR #careContents .w980 .system .clickOpenArea .clickLabel span.ssTitle {
	font-size: 5.33vw;
}

.AR #careContents .w980 .system .clickOpenArea .clickOpenContent h6 {
	font-size: 5vw;
}

.AR #careContents .w980 .system .clickOpenArea .clickOpenContent ul.basicList li .kome {
	text-indent: -0.7em;
	margin-left: 0.7em;
}


/*-------------------SP用終了-------------------*/
}