@charset "utf-8";
/*********************************************************************
 *
 *  For ホーム
 *
*********************************************************************/

@media print, screen and (min-width: 768px) {

/* mv */
/* --------------------------------------------------------------------------- */
#mv {
	position:relative;
}
#mv .bg {
	background:url(../img/mv_bg.jpg) center center no-repeat;
	background-size:cover;
}
#mv h2 {
	position:absolute;
	left:0;
	top:50%;
	padding:20px 50px;
	font-size:4.2rem;
	color:#474747;
	line-height:1.5;
	background-color:rgba(255,255,255,0.80);
	-webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
	white-space:nowrap;
}

/* about */
/* --------------------------------------------------------------------------- */
#about {
	border-bottom:1px solid #666;
}
#about .box {
	padding:70px;
	background-image:url(../common/img/ico/border_lt.png), url(../common/img/ico/border_rt.png), url(../common/img/ico/border_lb.png), url(../common/img/ico/border_rb.png);
	background-position:left top, right top, left bottom, right bottom;
	background-repeat:no-repeat;
	background-size:134px 144px;
}
#about .box .desc {
	line-height: 2;
	text-align:center;
}
#about .box .img {
	margin:0 auto;
	width:792px;
}

/* flow */
/* --------------------------------------------------------------------------- */
#flow {
	border-bottom:1px solid #666;
}
#flow .list {
	display:table;
	margin:0 auto;
	padding:40px 120px;
	background-color:#ebebeb;
	border-radius:5px;
}
#flow .list li {
	margin-bottom:25px;
	padding-left:55px;
	background-position:left top;
	background-repeat:no-repeat;
	background-size:40px auto;
}
#flow .list li:nth-child(1) {
	background-image:url(../img/flow_ico_1.png);
}
#flow .list li:nth-child(2) {
	background-image:url(../img/flow_ico_2.png);
}
#flow .list li:nth-child(3) {
	background-image:url(../img/flow_ico_3.png);
}
#flow .list li:nth-child(4) {
	background-image:url(../img/flow_ico_4.png);
}
#flow .list li:last-child {
	margin-bottom:0;
}
#flow .list li h4 {
	font-size:1.6rem;
	font-weight:bold;
	color:#B39D5A;
}
#flow .list li .desc {
}
#flow .list li .btn {
	margin:5px 0;
}

/* price */
/* --------------------------------------------------------------------------- */
#price {
	border-bottom:1px solid #666;
}
#price .boxL {
	float:left;
	padding:30px;
	width:412px;
	color:#FFF;
	background-color:#9B9B9B;
	border-radius:5px;
}
#price .boxL h4 {
	display:table;
	margin-bottom:10px;
	padding:0 5px;
	color:#9B9B9B;
	font-size:1.6rem;
	font-weight:bold;
	line-height:30px;
	background-color:#FFF;
	border-radius:5px;
}
#price .boxL article {
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #FFF;
}
#price .boxL article:last-child {
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none;
}
#price .boxL article h5 {
	margin-bottom:5px;
	color:#FFF;
	font-size:1.6rem;
	font-weight:bold;
}
#price .boxL article .list {
	margin-left:20px;
}
#price .boxL article .list th {
	padding-bottom:5px;
	width:200px;
	vertical-align:top;
}
#price .boxL article .list td {
	padding-bottom:5px;
	text-align:right;
}
#price .boxR {
	float:right;
	width:472px;
}
#price .boxR article {
	margin-bottom:30px;
}
#price .boxR article:last-child {
	margin-bottom:0;
}
#price .boxR article h4 {
	color:#B39D5A;
	font-size:1.6rem;
	font-weight:bold;
}
#price .boxR article .desc {
}

/* faq */
/* --------------------------------------------------------------------------- */
#faq {
	border-bottom:1px solid #666;
}
#faq .list {
	margin:0 auto 40px;
	width:800px;
}
#faq .list dt {
	margin-bottom:5px;
	padding-left:30px;
	color:#B39D5A;
	font-size:1.6rem;
	font-weight:bold;
	line-height:24px;
	background:url(../img/faq_ico_1.png) left top no-repeat;
	background-size:auto 24px;
}
#faq .list dd {
	padding-left:30px;
	margin-bottom:20px;
}
#faq .btn {
	margin:0 auto;
}

/* apply */
/* --------------------------------------------------------------------------- */
#apply {
}
#apply .desc {
	display:table;
	margin:0 auto 40px;
	font-size:1.6rem;
	font-weight:bold;
}
#apply .btn {
	display:table;
	margin:0 auto;
	padding:0 70px 0 20px;
	font-size:1.8rem;
	line-height:70px;
	background-image:url(../img/apply_ico_1.png);
	background-position:right center;
	background-repeat:no-repeat;
	background-size:auto 40px;
}





}
/* min-width: 768px */
@media screen and (max-width: 767px) {

/* mv */
/* --------------------------------------------------------------------------- */
#mv {
	position:relative;
	margin-top:60px;
}
#mv .bg {
	height:200px;
	background:url(../img/mv_bg.jpg) center center no-repeat;
	background-size:cover;
}
#mv h2 {
	position:absolute;
	left:0;
	top:50%;
	padding:10px 10px;
	font-size:1.4rem;
	color:#474747;
	line-height:1.5;
	background-color:rgba(255,255,255,0.80);
	-webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
	white-space:nowrap;
}

/* about */
/* --------------------------------------------------------------------------- */
#about {
	border-bottom:1px solid #666;
}
#about .box {
}
#about .box .desc {
}
#about .box .img {
}

/* flow */
/* --------------------------------------------------------------------------- */
#flow {
	border-bottom:1px solid #666;
}
#flow .list {
	padding:20px 10px;
	background-color:#ebebeb;
	border-radius:5px;
}
#flow .list li {
	margin-bottom:20px;
	padding-left:25px;
	background-position:left top;
	background-repeat:no-repeat;
	background-size:20px auto;
}
#flow .list li:nth-child(1) {
	background-image:url(../img/flow_ico_1.png);
}
#flow .list li:nth-child(2) {
	background-image:url(../img/flow_ico_2.png);
}
#flow .list li:nth-child(3) {
	background-image:url(../img/flow_ico_3.png);
}
#flow .list li:nth-child(4) {
	background-image:url(../img/flow_ico_4.png);
}
#flow .list li:last-child {
	margin-bottom:0;
}
#flow .list li h4 {
	font-size:1.4rem;
	font-weight:bold;
	color:#B39D5A;
}
#flow .list li .desc {
	font-size:1.2rem;
}
#flow .list li .btn {
	margin:5px 0;
}

/* price */
/* --------------------------------------------------------------------------- */
#price {
	border-bottom:1px solid #666;
}
#price .boxL {
	margin-bottom:20px;
	padding:20px 10px;
	color:#FFF;
	background-color:#9B9B9B;
	border-radius:5px;
}
#price .boxL h4 {
	display:table;
	margin:0 auto 10px;
	padding:0 5px;
	color:#9B9B9B;
	font-size:1.4rem;
	font-weight:bold;
	line-height:30px;
	background-color:#FFF;
	border-radius:5px;
}
#price .boxL article {
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #FFF;
}
#price .boxL article:last-child {
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none;
}
#price .boxL article h5 {
	margin-bottom:5px;
	color:#FFF;
	font-size:1.3rem;
	font-weight:bold;
	text-align:center;
}
#price .boxL article .list {
	margin:0 auto;
	width:80%;
}
#price .boxL article .list th {
	padding-bottom:5px;
	width:200px;
	vertical-align:top;
}
#price .boxL article .list td {
	padding-bottom:5px;
	text-align:right;
}
#price .boxR {
}
#price .boxR article {
	margin-bottom:20px;
}
#price .boxR article:last-child {
	margin-bottom:0;
}
#price .boxR article h4 {
	color:#B39D5A;
	font-size:1.4rem;
	font-weight:bold;
}
#price .boxR article .desc {
	font-size:1.2rem;
}

/* faq */
/* --------------------------------------------------------------------------- */
#faq {
	border-bottom:1px solid #666;
}
#faq .list {
	margin:0 auto 30px;
}
#faq .list dt {
	margin-bottom:5px;
	padding-left:30px;
	color:#B39D5A;
	font-size:1.4rem;
	font-weight:bold;
	line-height:24px;
	background:url(../img/faq_ico_1.png) left top no-repeat;
	background-size:auto 24px;
}
#faq .list dd {
	padding-left:30px;
	margin-bottom:20px;
	font-size:1.2rem;
}
#faq .btn {
	margin:0 auto;
}

/* apply */
/* --------------------------------------------------------------------------- */
#apply {
}
#apply .desc {
	margin:0 auto 30px;
	font-size:1.4rem;
	font-weight:bold;
}
#apply .btn {
	font-size:1.8rem;
	line-height:100px;
}

}
/* min-width: 768px */