@charset "utf-8";

body.appTarget-ai {
	background:#fff;
	color:#222;
}

body.appTarget-ai #headerArea {
	padding:2.5% 0;
	background:#fff;
	border:none;
}

body.appTarget-ai #headerAreaLogo {
	float:left;
	width:50%;
	text-align:left;
}

body.appTarget-ai #headerAreaLogo h1 a {
	display:inline-block;
	text-decoration:none;
}

body.appTarget-ai #headerAreaLogo img {
	display:block;
	width:75px;
	height:75px;
}

body.appTarget-ai #contentsArea {
	background:#fff;
}

body.appTarget-ai .memberSec {
	border-top:2px solid #1247b0;
	padding:5rem 0;
	background-color:#fff;
	background-image:url(../../img/app/back_contents02.png), url(../../img/app/back_contents02.png);
	background-position:left top 1rem, left bottom 1rem;
	background-repeat:no-repeat;
	background-size:100%;
}

body.appTarget-ai .memberSec h2 {
	text-align:center;
	font-size:200%;
	line-height:1.2em;
	margin:0 auto 0.5em;
	font-weight:500;
	color:#1247b0;
}

body.appTarget-ai .memberSec .messageBox {
	width:520px;
	margin:0 auto 2em;
	border:1px dashed #1247b0;
	padding:1em;
	font-size:87.5%;
	color:#1247b0;
	background:#fff;
}

body.appTarget-ai .memberSec dl.messageBox {
	margin:0 auto;
}

body.appTarget-ai .memberSec .messageBox dt {
	font-size:125%;
}

body.appTarget-ai .memberSec .messageBox dd {
	color:#333;
}

body.appTarget-ai .memberSec form {
	width:500px;
	margin:0 auto;
	padding:2em 0 5em;
}

body.appTarget-ai .memberSec form li {
	margin:0 0 1.5em;
}

body.appTarget-ai .memberSec form dt {
	float:left;
	clear:both;
	margin:0 1em 0 0;
	font-size:87.5%;
	line-height:1.4em;
}

body.appTarget-ai .memberSec form dd {
	float:left;
}

body.appTarget-ai .memberSec input.tw100 {
	width:calc(100% - 1em);
	padding:0.5em;
	border-radius:5px;
	border:1px solid #999;
}

body.appTarget-ai .memberSec .commonBtn {
	width:200px;
	display:block;
	margin:1em auto;
	color:#fff;
	text-align:center;
	border-radius:5px;
	padding:0.5em 0 0.4em;
	font-size:125%;
	border:none;
	cursor:pointer;
	transition:all .3s;
}

body.appTarget-ai .memberSec .nextBtn {
	background-color:#1247b0;
}

body.appTarget-ai .memberSec .backBtn {
	background-color:#999;
}

body.appTarget-ai .memberSec .commonBtn2 {
	background-color:#f25794;
}

body.appTarget-ai .memberSec .commonBtn:hover,
body.appTarget-ai .memberSec .nextBtn:hover {
	opacity:0.6;
	text-decoration:none;
}

body.appTarget-ai .memberSec .btnList {
	width:460px;
	margin:0 auto;
	border:none !important;
}

body.appTarget-ai .memberSec .btnList li {
	float:left;
	margin:0 1em;
}

body.appTarget-ai #login #userLogin {
	width:530px;
	margin:0 auto;
}

body.appTarget-ai #login #userLogin dt {
	color:#000;
	width:35%;
}

body.appTarget-ai #login #userLogin dd {
	width:calc(65% - 1em);
}

body.appTarget-ai #login #userLogin p {
	text-align:center;
}

body.appTarget-ai #login #userLogin .checkbox {
	position:relative;
}

body.appTarget-ai #passwordCheck {
	display:none;
}

body.appTarget-ai .icon_checkbox {
	position:relative;
	cursor:pointer;
}

body.appTarget-ai .icon_checkbox:before {
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:1.5rem;
	height:1.5rem;
	border-radius:3px;
	background-color:#fff;
	border:1px solid #ccc;
}

body.appTarget-ai .active .icon_checkbox:after {
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0.5rem;
	width:0.5rem;
	height:1rem;
	transform:rotate(40deg);
	border-bottom:5px solid #1247b0;
	border-right:5px solid #1247b0;
}

body.appTarget-ai .show_checkbox {
	vertical-align:sub;
	padding:0 0 0 2rem;
	cursor:pointer;
}

body.appTarget-ai #login #userLogin .showPassword {
	margin:1em 0;
}

body.appTarget-ai #forget {
	padding:0 0 0 0.5em;
	background-image:url(../../img/app/ico02.png);
	background-position:left center;
	background-repeat:no-repeat;
	background-size:0.5em;
}

body.appTarget-ai #newMember h2 {
	color:#f25794;
}

body.appTarget-ai #newMember .messageBox {
	width:620px;
	border:none;
	border-bottom:1px solid #f25794 !important;
	color:#333;
}

body.appTarget-ai #newMember .messageBox span {
	color:#f25794;
}

body.appTarget-ai #newMember .myroomLogin p a {
	background-color:#1247b0;
	border-radius:5px;
}

body.appTarget-ai #newMember .myroomLogin p a:hover {
	background-color:#06bab5;
	text-decoration:none;
}

body.appTarget-ai .memberSec .inputInfo li {
	margin:1.4em 0 0;
	padding:0 0 1em;
	border-bottom:1px dashed #ccc;
}

body.appTarget-ai .memberSec .inputInfo li dt {
	width:30%;
	font-size:100%;
}

body.appTarget-ai .memberSec .inputInfo li dt span {
	font-size:75%;
	color:#f25794;
}

body.appTarget-ai .memberSec .inputInfo li dd {
	font-size:125%;
	line-height:1em;
}

body.appTarget-ai .memberSec .inputInfo li dd select {
	font-size:100%;
	padding:0.2em 0.5em 0.5em;
	margin:0 0.5em 0 0;
	border-radius:5px;
}

body.appTarget-ai .memberSec .inputInfo .hikiotoshiBox {
	width:80%;
	padding:1.5em;
	margin:2em auto;
	border:none;
	background:rgba(175,232,229,0.5);
	border-radius:10px;
}

body.appTarget-ai .memberSec .inputInfo .hikiotoshiBox table {
	width:100%;
	margin:0;
	padding:1em;
}

body.appTarget-ai .memberSec .inputInfo .hikiotoshiBox th {
	border-bottom:2px solid #fff !important;
}

body.appTarget-ai .memberSec .inputInfo .hikiotoshiBox th,
body.appTarget-ai .memberSec .inputInfo .hikiotoshiBox td {
	border:none;
	text-align:center;
}

body.appTarget-ai .memberSec .inputInfo .sapuriTerms,
body.appTarget-ai .memberSec .inputInfo .airyugakuTerms {
	padding:0;
	margin:3em 0;
	border:none;
}

body.appTarget-ai .memberSec .inputInfo .sapuriTerms p,
body.appTarget-ai .memberSec .inputInfo .airyugakuTerms p {
	text-align:center;
	font-size:125%;
	padding:0;
	margin:0 0 1em;
	line-height:1em;
}

body.appTarget-ai .memberSec .inputInfo .sapuriTerms p input,
body.appTarget-ai .memberSec .inputInfo .airyugakuTerms p input {
	margin:0 0.5em 0 0;
}

body.appTarget-ai #thanksSec .btnList {
	width:100%;
	text-align:center;
	margin:0 auto 3em;
}

body.appTarget-ai #thanksSec .btnList li {
	display:inline-block;
	float:none;
	margin:0 1em 1em;
	vertical-align:middle;
}

body.appTarget-ai #thanksSec .btnList img {
	width:250px;
	height:auto;
}

body.appTarget-ai #footerArea {
	padding:1% 0;
	border-top:#dbdbdb 16px solid;
	background:#fff;
}

body.appTarget-ai #footerAreaLogo {
	float:left;
	width:15%;
}

body.appTarget-ai #footerAreaLogo img {
	width:60px;
	height:60px;
	padding-top:3%;
}

body.appTarget-ai #footerAreaLink2 {
	float:left;
	width:17%;
}

body.appTarget-ai #footerAreaLink2 ul {
	padding:1em 0;
}

body.appTarget-ai #footerAreaLink2 li {
	background:url(../../img/app/icon_main06.png) left 50% no-repeat;
	padding:1% 0 1% 10%;
	font-size:80%;
	line-height:1.5em;
}

body.appTarget-ai #footerAreaLink2 a {
	color:#333;
}

body.appTarget-ai #footerCopyright {
	float:right;
	width:34%;
}

body.appTarget-ai #footerCopyright p {
	font-size:75%;
	text-align:right;
	padding-top:5%;
}

@media screen and (max-width: 480px) {
	body.appTarget-ai img {
		max-width:100%;
		height:auto;
	}

	body.appTarget-ai #wrap {
		margin:0 2.5%;
		width:auto;
	}

	body.appTarget-ai #headerArea {
		height:auto;
		width:100%;
		margin:0;
		padding:2.5% 0;
	}

	body.appTarget-ai #headerAreaLogo {
		width:25%;
		float:none;
		margin:0 auto;
		text-align:center;
	}

	body.appTarget-ai #headerAreaLogo img {
		width:75px;
		height:75px;
	}

	body.appTarget-ai .memberSec {
		padding:3em 0;
		margin:0 auto;
	}

	body.appTarget-ai .memberSec h2 {
		font-size:150%;
		line-height:1.2em;
	}

	body.appTarget-ai .memberSec .messageBox {
		width:90%;
		margin:0 auto 1em;
		font-size:75%;
	}

	body.appTarget-ai .memberSec form {
		width:100%;
		padding:2em 0;
	}

	body.appTarget-ai .memberSec form dt {
		font-size:75%;
		margin:0 0 0.5em;
	}

	body.appTarget-ai .memberSec form dt,
	body.appTarget-ai .memberSec form dd {
		width:100%;
		float:none;
	}

	body.appTarget-ai .memberSec input.tw100 {
		width:100%;
	}

	body.appTarget-ai .memberSec .commonBtn {
		width:70%;
	}

	body.appTarget-ai .memberSec .btnList {
		width:100%;
	}

	body.appTarget-ai .memberSec .btnList li {
		width:46%;
		margin:0 2%;
	}

	body.appTarget-ai .memberSec .btnList li .commonBtn {
		width:100%;
	}

	body.appTarget-ai #login #userLogin {
		width:90%;
	}

	body.appTarget-ai #login #userLogin dt,
	body.appTarget-ai #login #userLogin dd {
		width:100%;
	}

	body.appTarget-ai .memberSec .inputInfo {
		width:90%;
		margin:0 auto;
	}

	body.appTarget-ai .memberSec .inputInfo li dt {
		float:left;
		font-size:87.5%;
		margin:0 1em 0 0;
	}

	body.appTarget-ai .memberSec .inputInfo li dt span {
		line-height:1.2em;
		display:block;
		margin:0.5em 0 0;
	}

	body.appTarget-ai .memberSec .inputInfo li dd {
		float:left;
		width:60%;
		line-height:1.2em;
	}

	body.appTarget-ai .memberSec .inputInfo .sapuriTerms p,
	body.appTarget-ai .memberSec .inputInfo .airyugakuTerms p {
		font-size:112.5%;
		line-height:1.2em;
		width:90%;
		margin:0 auto 1em;
	}

	body.appTarget-ai .memberSec .inputInfo .hikiotoshiBox {
		width:100%;
		padding:1em;
	}

	body.appTarget-ai #thanksSec .btnList {
		margin:0 auto;
	}

	body.appTarget-ai #thanksSec .btnList li {
		width:50%;
		margin:0 auto 1em;
		display:block;
	}

	body.appTarget-ai #thanksSec .btnList img {
		width:250px;
		max-width:100%;
	}

	body.appTarget-ai #footerArea {
		padding:4% 0;
		border-top:#dbdbdb 16px solid;
	}

	body.appTarget-ai #footerAreaLogo {
		float:left;
		width:25%;
	}

	body.appTarget-ai #footerAreaLogo img {
		width:60px;
		height:60px;
		padding:0 0 15% 10%;
	}

	body.appTarget-ai #footerAreaLink2 {
		width:75%;
		padding:0 0 0 7%;
	}

	body.appTarget-ai #footerAreaLink2 ul {
		padding:0;
	}

	body.appTarget-ai #footerAreaLink2 li {
		background:url(../../img/app/icon_main06.png) left 50% no-repeat;
		padding:0 0 0 3%;
		font-size:80%;
		width:100%;
		line-height:1.5em;
	}

	body.appTarget-ai #footerAreaLink2 li a {
		display:block;
		padding:3% 0;
	}

	body.appTarget-ai #footerCopyright {
		float:none;
		width:100%;
		clear:both;
		border-top:1px dotted #ccc;
	}

	body.appTarget-ai #footerCopyright p {
		font-size:80%;
		text-align:center;
		padding-top:2%;
	}
}