@charset "UTF-8";

@media print{
}








@media screen and (min-width: 769px) {
/* 基本 */
html,h1,h2,h3,h4{margin:0;padding:0;}
body{
	font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 18px;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	background: #FFF;
	}



/* ヘッダー */
header {
	margin: 0 auto;
	padding: 0 0 0 0;
	background: url(../img/header-back.jpg) no-repeat center top #E1E9EC;
	width: 100%;
	height: 1214px;
}

#top{
	margin:0 auto;
	width: 1000px;
	}

#top h1{
	margin: 0;
	padding:35px 0 0 20px;
	text-align: left;
}

#top #head-change {
	margin: 0 auto;
	padding: 90px 0 0 0;
	text-align: center;
}

#top #head-support {
	margin: 0 auto;
	padding: 20px 0 0 0;
	text-align: center;
}

#top #head-entry {
	margin: 0 auto;
	padding: 25px 0 0 0;
	text-align: center;
}

	
	
/* リソース不足 */
#resource-area {
	margin: 160px 0 0 0;
	padding: 0;
	background: url(../img/resource.jpg) no-repeat center top;
	width: 100%;
	height: 870px;
}

#resource-area #resource-box {
	margin: 0 auto;
	padding: 0;
	width: 1000px;
}

#resource-area h3 {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font-size: 33px;
}
	
#resource-box .resource-com {
	margin: 50px auto 0;
	padding: 0;
	width: 750px;
	text-align: left;
	font-size: 17px;
	line-height: 1.7;
}


	
	
	
/* 時間不足 */
#time-area {
	margin: 160px 0 0 0;
	padding: 0;
	background: url(../img/time.jpg) no-repeat center top;
	width: 100%;
	height: 870px;
}

#time-area #time-box {
	margin: 0 auto;
	padding: 0;
	width: 1000px;
}

#time-area h3 {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font-size: 33px;
}
	
#time-box .time-com {
	margin: 50px auto 0;
	padding: 0;
	width: 750px;
	text-align: left;
	font-size: 17px;
	line-height: 1.7;
}


	
	
	
/* 効果の出し方 */
#result-area {
	margin: 160px 0 0 0;
	padding: 0;
	background: url(../img/result.jpg) no-repeat center top;
	width: 100%;
	height: 870px;
}

#result-area #result-box {
	margin: 0 auto;
	padding: 0;
	width: 1000px;
}

#result-area h3 {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font-size: 33px;
}
	
#result-box .result-com {
	margin: 50px auto 0;
	padding: 0;
	width: 750px;
	text-align: left;
	font-size: 17px;
	line-height: 1.7;
}


	
	
	
/* お問い合わせ01 */
.entry01-area {
	margin: 0 auto;
	padding: 150px 0 100px 0;
	width: 100%;
}

.entry01-area .entry01-box {
	margin: 0 auto;
	padding: 0;
	width: 1000px;
}

.entry01-area h3 {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font-size: 33px;
}
	
.entry01-area .entry01-btn {
	margin: 0 auto 0;
	padding: 115px 0 0 0;
}


	
	
	





	
	


/* 開始までのステップ */
#step-area {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	background: #FDF0E2;
}

#step-area h3 {
	margin: 0 auto 0;
	padding: 20px 0;
	width: 1000px;
	font-size: 33px;
	letter-spacing: 0.5em;
}

#step-area #step-box {
	margin: 0 auto;
	padding: 0;
	width: 1000px;
}
	
#step-area #step01-box {
	margin: 30px auto;
	padding: 0 0 30px 0;
}
	
#step-area #step02-box {
	margin: 30px auto;
	padding: 30px 0 30px 0;
}
	

#step-area #step03-box {
	margin: 0 auto;
	padding: 30px 0 50px 0;
}
	
	

	
	


/* お客様の声 */
#voice-area {
	margin: 0 auto;
	padding: 0;
	width: 100%;
}

#voice-area h3 {
	margin: 0 auto;
	padding: 15px 0;
	font-size: 33px;
	background: #EEFFDD;
}

#voice-area #voice-box {
	margin: 0 auto;
	padding: 0;
	width: 1000px;
}
	
#voice-box .voice-img {
	float: left;
	margin: 0;
	padding: 60px 0 0 0;
}

#voice-box .voice-com {
	float: right;
	margin: 0;
	padding: 60px 30px 0 30px;
	font-size: 21px;
	line-height: 1.5;
	text-align: left;
	width: 380px
}

#voice-box .voice-com .voice-owner {
	margin: 0;
	padding: 20px 0 0 0;
	font-size: 17px;
	text-align: left;
}

	
	
/* プラン */
#plan-area {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	background: url(../img/plan-back.jpg) no-repeat center top;
	height: 1080px;
}

#plan-area h3 {
	margin: 0 auto;
	padding: 15px 0;
	font-size: 33px;
	background: #AAAAAA;
}

#plan-area #plan-box {
	margin: 0 auto;
	padding: 50px 15px;
	width: 1000px;
	text-align: left;
}

#plan-area .plan-type01{
	margin: 0;
	padding: 15px;
	font-size: 25px;
	border: 3px solid #000;
	border-radius: 10px;
	width: 500px;
	background: #FFF;
}

	
#plan-area .plan-type02{
	margin: 50px 0;
	padding: 15px;
	font-size: 25px;
	border: 3px solid #000;
	border-radius: 10px;
	width: 500px;
	background: #FFF;
}

	
.plan-red {
	margin: 0 auto;
	padding: 5px;
	width: 460px;
	color: #FFF;
	background: #F00;
	font-size: 17px;
	text-align: center;
}
	
.plan-red a {
	color: #FFF;
	text-decoration: nione;
}
	
#plan-area #plan-course {
	margin: 0 auto;
	padding: 150px 0 0 0;
	width: 1000px;
	text-align: left;
}


	
	


/* エントリーフォーム */
#form-area{
	margin: 0 auto;
	padding: 0;
	width: 100%;
}

#form-area h3 {
	margin: 0 auto;
	padding: 15px 0;
	font-size: 33px;
	background: #27881B;
	color: #FFF;
}

#form-area div#formbox{
	width: 1000px;
	margin:20px auto;
	padding:25px;
}

#form-area table{
	width:1000px;
	margin:10px;
	font-size:18px;
	border-spacing:0;
	border-top:1px solid #CCCCCC;
	}
#form-area table th,
#form-area table td{
	text-align:left;
	padding:10px 15px;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #CCCCCC;
	}
#form-area table th{
	width:230px;
	font-weight:normal;
	background:#FFF9AA;
	}
#form-area table td{
	background:#F7F7F7;
	}
#form-area table td span.small{
	font-size:16px;
	}
#form-area p.explain{
	font-size:14px;
	}

#form-area input,
#form-area select,
#form-area textarea{
	padding:10px;
	border-radius:5px;
	font-size:100%;
	border:1px solid #999999;
	box-shadow:1px 1px 3px #CCCCCC inset;
	font-family:"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	width: 80%;
	}
#form-area .radiob{
	width: 5%;
	}
#form-area select{
	margin:0 10px 0 0;
	}
#form-area .required{
	display:inline-block;
	color:#FFFFFF;
	background:#EB1F1F;
	font-size:16px;
	border-radius:5px;
	padding:0px 6px;
	text-align:center;
	}
#form-area .formbutton{
	margin:20px auto;
	}
#form-area .formbutton .entry{
	width:554px;
	height:90px;
	border:none;
	text-indent:-9999px;
	background:url(../img/bt_entry.png) no-repeat;
	box-shadow:none;
	cursor:pointer;
	}
#form-area .formbutton .entry:hover{
	background-position:0 -90px;
	}
#form-area .formbutton p img{
	margin:5px 5px 0 0;
	vertical-align:top;
	}
#form-area .btsend {
	border: none;
	box-shadow: none;
	width: auto;
}

#form-area .privacy {
	margin: 0 auto;
	padding: 0;
	width: 80%;
	height: 150px;
	overflow: auto;
	border: 1px solid #666;
}

	
	
/* サンクスページ */
#thanks-area {
	margin: 0 auto;
	padding: 0;
	width: 1000px;
}

#thanks-area #thanks-box {
	margin: 0;
	padding: 100px 0;
}

#thanks-box table {
	margin: 0 auto;
	padding: 0;
	line-height: 1.7;
}

	
	
	
/* フッター */
div#footer{
	margin:0 auto 0;
	background:#A7C6C8;
	}
div#footer div{
	width:1000px;
	margin:auto;
	padding:20px 5px;
	overflow:hidden;
	}
div#footer p{
	text-align:left;
	margin:0;
	}
div#footer .company{
	float:left;
	padding: 0;
	font-size: 13px;
	width: 500px;
	text-align: left;
	}
div#footer .company a{
	color: #FFF;
	}
div#footer .company img{
	margin:0 0 15px 0;
	}
div#footer .footmenu {
	float:right;
	padding:0 15px;
	text-align: right;
	width: 300px;
	}
div#footer ul {
	margin: 0;
	padding: 0;
	text-decoration: none;		
	}
div#footer ul li {
	float: left;
	margin: 0;
	padding: 0 0 0 20px;
	text-decoration: none;	
	list-style: none;
	}
div#footer ul li a {
	text-decoration: none;
	color: #000;
	}
div#copyright{
	clear:both;
	padding:5px 0;
	background:#A7C6C8;
	}
div#copyright p{
	width:980px;
	margin:0 auto;
	font-size:12px;
	text-align:center;
	}

	
	
	
}









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

/* 基本 */
html,h1,h2,h3,h4{margin:0;padding:0;}
body{
	font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 18px;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	background: #FFF;
	}



/* ヘッダー */
header {
	margin: 0 auto;
	padding: 0 0 0 0;
	background: url(../img/header-back.jpg) no-repeat center top #E1E9EC;
	background-size: cover;
	width: 100%;
	height: 50%;
}

#top{
	margin:0 auto;
	width: 100%;
	}

#top h1{
	margin: 0;
	padding:1%x 0 0 1%;
	text-align: left;
}

#top h1 img {
	width: 100%;
	height: auto;
}
	
#top #head-change {
	margin: 0 auto;
	padding: 5% 0 0 0;
	text-align: center;
}

#top #head-change img {
	width: 100%;
	height: auto;
}
	
#top #head-support {
	margin: 0 auto;
	padding: 1% 0 0 0;
	text-align: center;
}

#top #head-support img {
	width: 100%;
	height: auto;
}
	
#top #head-entry {
	margin: 0 auto;
	padding: 2% 0 0 0;
	text-align: center;
}

#top #head-entry img {
	width: 75%;
	height: auto;
}
	

	
	
/* リソース不足 */
#resource-area {
	margin: 10% 0 0 0;
	padding: 0;
	background: url(../img/sp-resource.jpg) no-repeat;
	background-size: cover;
	width: 100%;
	height: auto;
}

#resource-area #resource-box {
	margin: 0 auto;
	padding: 0;
	width: 100%;
}

#resource-area h3 {
	margin: 0 auto;
	padding: 0 1%;
	font-size: 100%;
	text-align: left;
}
	
#resource-box .resource-com {
	margin: 5% 0 0;
	padding: 0 2% 2% 2%;
	width: 95%;
	text-align: left;
	font-size: 80%;
	line-height: 1.7;
}


	
	
	
/* 時間不足 */
#time-area {
	margin: 10% 0 0 0;
	padding: 0;
	background: url(../img/sp-time.jpg) no-repeat center top;
	background-size: cover;
	width: 100%;
	height: auto;
}

#time-area #time-box {
	margin: 0 auto;
	padding: 0;
	width: 100%;
}

#time-area h3 {
	margin: 0 auto;
	padding: 0 1%;
	font-size: 100%;
	text-align: left;
}
	
#time-box .time-com {
	margin: 5% 0 0;
	padding: 0 2% 2% 2%;
	width: 95%;
	text-align: left;
	font-size: 80%;
	line-height: 1.7;
}


	
	
	
/* 効果の出し方 */
#result-area {
	margin: 10% 0 0 0;
	padding: 0;
	background: url(../img/sp-result.jpg) no-repeat center top;
	background-size: cover;
	width: 100%;
	height: auto;
}

#result-area #result-box {
	margin: 0 auto;
	padding: 0;
	width: 100%;
}

#result-area h3 {
	margin: 0 auto;
	padding: 0 1%;
	font-size: 100%;
	text-align: left;
}
	
#result-box .result-com {
	margin: 5% 0 0;
	padding: 0 2% 2% 2%;
	width: 95%;
	text-align: left;
	font-size: 80%;
	line-height: 1.7;
}


	
	
	
/* お問い合わせ01 */
.entry01-area {
	margin: 0 auto;
	padding: 10% 0 8% 0;
	width: 100%;
}

.entry01-area .entry01-box {
	margin: 0 auto;
	padding: 0;
	width: 100%;
}

.entry01-area h3 {
	margin: 0 auto;
	padding: 0 1%;
	font-size: 90%;
	text-align: center;
}
	
.entry01-area .entry01-btn {
	margin: 0 auto 0;
	padding: 10% 0 0 0;
}

.entry01-area .entry01-btn img {
	width: 80%;
	height: auto;
	text-align: center;
	}

	
	
	





	
	


/* 開始までのステップ */
#step-area {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	background: #FDF0E2;
}

#step-area h3 {
	margin: 0 auto 0;
	padding: 5% 1% 0;
	width: 100%;
	font-size: 90%;
	text-align: center;
	letter-spacing: 0.5em;
}

#step-area #step-box {
	margin: 0 auto;
	padding: 0;
	width: 100%;
}
	
#step-area #step01-box {
	margin: 3% auto;
	padding: 0 0 3% 0;
}
	
#step-area #step02-box {
	margin: 3% auto;
	padding: 3% 0 3% 0;
}
	

#step-area #step03-box {
	margin: 0 auto;
	padding: 3% 0 5% 0;
}
	
#step-area #step01-box img ,
#step-area #step02-box img ,
#step-area #step03-box img {
	width: 98%;
	height: auto;
	}

	
	


/* お客様の声 */
#voice-area {
	margin: 0 auto;
	padding: 0;
	width: 100%;
}

#voice-area h3 {
	margin: 0 auto;
	padding: 15px 0;
	font-size: 100%;
	background: #EEFFDD;
}

#voice-area #voice-box {
	margin: 0 auto;
	padding: 0;
	width: 100%;
}
	
#voice-box .voice-img {
	margin: 0;
	padding: 6% 0 0 0;
}

#voice-box .voice-img img {
	width: 95%;
	height: auto;
	text-align: center;
	}
	
#voice-box .voice-com {
	margin: 0;
	padding: 0 3% 0 3%;
	font-size: 85%;
	line-height: 1.5;
	text-align: left;
	width: 92%
}

#voice-box .voice-com .voice-owner {
	margin: 0;
	padding: 2% 0 0 0;
	font-size: 95%;
	text-align: left;
}

	
	
/* プラン */
#plan-area {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	background: url(../img/plan-back.jpg) no-repeat center top;
	background-size: cover;
	height: auto;
}

#plan-area h3 {
	margin: 0 auto;
	padding: 15px 0;
	font-size: 100%;
	background: #AAAAAA;
}

#plan-area #plan-box {
	margin: 0 auto;
	padding: 5% 1%;
	width: 96%;
	text-align: left;
}

#plan-area .plan-type01{
	margin: 0;
	padding: 1%;
	font-size: 100%;
	border: 3px solid #000;
	border-radius: 10px;
	width: 96%;
	background: #FFF;
}

	
#plan-area .plan-type02{
	margin: 5% 0;
	padding: 1%;
	font-size: 100%;
	border: 3px solid #000;
	border-radius: 10px;
	width: 96%;
	background: #FFF;
}

	
.plan-red {
	margin: 0 auto;
	padding: 2% 3%;
	width: 90%;
	color: #FFF;
	background: #F00;
	font-size: 85%;
	text-align: center;
}
	
.plan-red a {
	color: #FFF;
	text-decoration: nione;
}
	
#plan-area #plan-course {
	margin: 0 auto;
	padding: 3% 0 0 0;
	width: 100%;
	text-align: center;
}

#plan-area #plan-course img {
	width: 85%;
	height: auto;
	}

	
	


/* エントリーフォーム */
#form-area{
	margin: 0 auto;
	padding: 5% 0 0 0;
	width: 100%;
}

#form-area h3 {
	margin: 0 auto;
	padding: 15px 0;
	font-size: 100%;
	background: #FFF9AA;
}

#form-area div#formbox{
	width: 97%;
	margin:0 auto;
	padding:2% 0;
}

#form-area table{
	width:96%;
	margin:1%;
	font-size:120%;
	border-spacing:0;
	border-top:1px solid #CCCCCC;
	}
#form-area table th,
#form-area table td{
	text-align:left;
	padding:1%;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #CCCCCC;
	font-size:80%;
	}
#form-area table th{
	width:30%;
	font-weight:normal;
	background:#FFF9AA;
	}
#form-area table td{
	background:#F7F7F7;
	}
#form-area table td span.small{
	font-size:100%;
	}
#form-area p.explain{
	font-size:100%;
	}

#form-area input,
#form-area select,
#form-area textarea{
	padding:10px;
	border-radius:5px;
	font-size:100%;
	border:1px solid #999999;
	box-shadow:1px 1px 3px #CCCCCC inset;
	font-family:"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	width: 80%;
	}
#form-area .radiob{
	width: auto;
	}
#form-area select{
	margin:0 10px 0 0;
	}
#form-area .required{
	display:inline-block;
	color:#FFFFFF;
	background:#EB1F1F;
	font-size:16px;
	border-radius:5px;
	padding:0px 6px;
	text-align:center;
	}
#form-area .formbutton{
	margin:20px auto;
	width: 98%;
	}
#form-area .formbutton .entry{
	width:100%x;
	height:auto;
	border:none;
	text-indent:-9999px;
	box-shadow:none;
	cursor:pointer;
	}
#form-area .formbutton .entry:hover{
	background-position:0 -90px;
	}
#form-area .formbutton p img{
	margin:5px 5px 0 0;
	vertical-align:top;
	}
#form-area .btsend {
	border: none;
	box-shadow: none;
	width: 95%;
}

#form-area .privacy {
	margin: 0 auto;
	padding: 0;
	width: 80%;
	height: 150px;
	overflow: auto;
	border: 1px solid #666;
}

	
	
	
	
	

	
	

	
	
/* サンクスページ */
#thanks-area {
	margin: 0 auto;
	padding: 0;
	width: 100%;
}

#thanks-area #thanks-box {
	margin: 0;
	padding: 10% 0;
}

#thanks-box table {
	margin: 0 auto;
	padding: 0 2%;
	font-size: 80%;
	text-align: left;
	line-height: 1.7;
}

	
	
	
/* フッター */
div#footer{
	margin:0 auto 0;
	background:#A7C6C8;
	}
div#footer div{
	width:95%;
	margin:auto;
	padding:20px 5px;
	overflow:hidden;
	}
div#footer p{
	text-align:left;
	margin:0;
	}
div#footer .company{
	padding: 0;
	font-size: 13px;
	width: 100%;
	text-align: left;
	}
div#footer .company a{
	color: #FFF;
	}
div#footer .company img{
	margin:0 0 15px 0;
	}
div#footer .footmenu {
	padding:5% 15px;
	text-align: right;
	font-size: 13px;
	}
div#footer ul {
	margin: 0;
	padding: 0;
	text-decoration: none;		
	}
div#footer ul li {
	float: left;
	margin: 0;
	padding: 0 0 0 20px;
	text-decoration: none;	
	list-style: none;
	}
div#footer ul li a {
	text-decoration: none;
	color: #000;
	}
div#copyright{
	clear:both;
	padding:5px 0;
	background:#A7C6C8;
	}
div#copyright p{
	width:100%;
	margin:0 auto;
	font-size:12px;
	text-align:center;
	}

	
	
	
}