/*SP*/
@media (max-width: 896px){
	.headerarea {display:none;}
}
/*PC*/
@media (min-width: 897px){
	.pagewraper {}
}
/*
.footermenu {display:none;}
.searcharea {display:none;}
#copyright {background-color:#333;padding:20px 15px 25px 15px;}
.pegetop {bottom:70px;}
*/
.maintitle {padding:100px;background:#fff;
	background:#ddd url(../img/sample/bgmain.jpg) no-repeat center center;background-size:cover;}
.maintitle h1 {color:#000;font-size:4.0rem;letter-spacing:0px;margin-bottom:20px;font-weight:normal;}
.maintitle p {margin-top:50px;font-size:1.1rem;color:#000;width:68%;}
.maintitle p a {text-decoration:underline;}
.maintitle p .target {text-decoration:underline;cursor:pointer;}
.maintitle .pankuzuarea {padding:0px;background:none;}
.maintitle .pankuzu {width:auto;margin:0px;font-size:1.1rem;color:#000;}
.pankuzu span {color:#000;}
.pankuzu span a {color:#000;border-bottom:solid #777 1px;text-decoration:none;}
.pankuzu span a:hover {text-decoration:none;border-bottom:solid #fff 1px;}

.textcolor .maintitle h1 {color:#fff;}
.textcolor .maintitle p {color:#fff;}
.textcolor .maintitle .pankuzu {color:#fff;}
.textcolor .pankuzu span {color:#fff;}
.textcolor .pankuzu span a {color:#fff;border-bottom:solid #777 1px;}
.textcolor .pankuzu span a:hover {border-bottom:solid #fff 1px;}

/*SP*/
@media (max-width: 896px){
	.maintitle {padding:30px 15px;}
	.maintitle h1 {font-size:2.0rem;margin-bottom:10px;}
	.maintitle p {margin-top:20px;width:100%;font-size:0.9rem;line-height:1.5em;}
	.maintitle .pankuzu {font-size:0.8rem;}
}

.contentarea {padding: 100px;}
.mainimage {margin:15px 0px;}
.contentarea img {max-width:100%;height:auto;}
.contentarea h2 {font-size:1.4rem;line-height:1.5em;margin-bottom:15px;}
.contentarea h2.center {border-bottom:solid #77d 3px;margin-bottom:15px;padding:5px 0px;text-align:center;}
.contentarea h2.center:before {content:"■ ";}
.contentarea h2.center:after {content:" ■";}
.contentarea em {font-style:normal;font-weight:bold;}

.contentarea h3 {line-height:2em;font-size:16px;margin:0 0 10px 0;}
.contentarea p {line-height:1.5em;font-size:16px;margin:0px 0px 30px 0px;}
.contentarea li {font-size:28px;}
.contentarea .border {border:solid #000 1px;padding:15px;}

.contentarea .checklistwrap {padding:15px;background:#eee;}
.contentarea .checklistwrap p {}
.contentarea ul {margin-top:15px;margin-bottom:30px;}
.contentarea ul li {background:url(../img/post/list_check.svg) no-repeat left center;background-size:30px auto;padding-left:45px;
line-height:1.2em;margin-bottom:20px;font-weight:bold;}

@media (max-width: 896px){
	.contentarea {padding:30px 	15px;}
	.contentarea li {font-size:16px;}
	.contentarea ul li {background-size:20px auto;padding-left:30px;}
}

.contentarea .ctaarea {background:#dde;}
.contentarea .target {cursor:pointer;}

.contentarea .gray {color:#999;}
.contentarea .italic {font-style:italic;}
.contentarea .bg {background-color:#f2f2f2;}

.contentarea .simulation .box {background-color:#f2f2f2;border:solid #ccc 1px;padding:15px;margin-bottom:5px;}

.contentarea dl.faq {}
.contentarea dl.faq dt {border-bottom:solid #009 3px;padding: 5px 25px 5px 25px;color:#009;font-size:16px;font-weight:bold;cursor:pointer; }
.contentarea dl.faq dt:before {content:"＋";float:right;margin-left:20px;}
.contentarea dl.faq dt.on:before {content:"ー";}
.contentarea dl.faq dd {background:#f2f2f2;border:solid #ccc 1px;padding:15px;margin-bottom:15px;display:none;}

.contentarea .point {padding:15px;background:#eee;margin-bottom:3px;}
.contentarea .point h3 {font-size:14px;}

.contentarea .flowwrap {}
.contentarea .flow2wrap {background-color:#eee;}
.contentarea .registerformarea {padding:30px 0px 15px 0px;}
.contentarea .registerformarea .content {width:800px;max-width:100%;margin:0px auto;}
.contentarea .registerformarea input[type=email] {width:500px;max-width:100%;}
.contentarea .registerformarea input[type=password] {width:500px;max-width:100%;}
.contentarea .registerformarea input[type=text] {width:500px;max-width:100%;}
.contentarea .registerformarea label {font-size:14px;line-height:1.5em;}

.contentarea .cta img:after {display:block;}
.sp_cta {}
.sp_cta a {display:block;padding:0px;}

/*PC*/
@media (min-width: 897px){
.contentarea .wrapper {width:1200px;max-width:100%;margin:0px auto;}
.contentarea p {font-size:1.0rem;}
.contentarea h3 {font-size:1.4rem;}
.contentarea h2 {font-size:1.8rem;}
.contentarea dl.faq dt {font-size:1.0rem;}
.contentarea .cta img {display:inline-block;}
}