@charset "utf-8";
/* CSS Document */
#domestic-main-image{
	background-image: url( "../images/domestic/main.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	padding-bottom: calc(100%*350/1000);
	position: relative;
}
#domestic-page-title{
	display: inline-block;
	position: absolute;
	color: #a688bd;
	text-align: left;
	line-height: 1rem;
	bottom:0.5em;
	left: 0;
	padding: 0.5em 2em 0.5em 0.5em;
	background:-moz-linear-gradient(left,rgba(255,255,255,0.8) 75%,rgba(255,255,255,0));
	background:-webkit-linear-gradient(left,rgba(255,255,255,0.8) 75%,rgba(255,255,255,0));
	background:linear-gradient(to right,rgba(255,255,255,0.8) 75%,rgba(255,255,255,0));
}
.main-ENG{
	font-size: 1rem;
	font-weight: bold;
	text-shadow: 1px 1px 0px #3e3a39; 
}
.main-JPN{
	font-size: 2rem;
	font-weight: bold;
	text-shadow: 1px 1px 0px #3e3a39; 
}
.flame-purple{
	display: inline-block;
	width: 100%;
	padding: 1rem 2rem;
	border: solid 1px #a688bd;
	position: relative;
	color: #a688bd;
}
.flame-purple:before{
	content: "";
	border: solid 3px #a688bd;
	position: absolute;
	top: -12px;
	bottom: -12px;
	right: -12px;
	left: -12px;
	z-index: -1;
}
.service-box1,.service-box2{
	padding: 2rem;
	line-height: 2.0rem;
}
.service-box1{
	background-color: #fffeea;
}
.service-box2{
	background-color: #e8deed;
}
.service-box1 h3{
	color: #a688bd;
}
.service-box2 h3{
	color: #937b6c;
}
.card-title{
	color: #a688bd;
	font-weight: bold;
	font-size: 1.8rem;
}
figcaption{
	text-align: center;
	color: #a688bd;
	font-weight: bold;
	font-size: 1.8rem;
}
.bg-students{
	display: inline-block;
	position: relative;
	width: 100%;
	background:-moz-linear-gradient(top, rgba(160,160,160,0.4) 5%, #fff);
	background:-webkit-linear-gradient(top, rgba(160,160,160,0.4) 5%, #fff);
	background:linear-gradient(to bottom, rgba(160,160,160,0.4) 5%, #fff);
	border-radius: 20px;
	padding: 1rem 2rem;
	text-align: center;
	margin-bottom: 3rem;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 2.6rem;
}
.bg-students:before{
	content: "";
	border: solid 1px rgba(160,160,160,0.4);
	box-shadow: 0 0 8px gray;
	border-radius: 20px;
	position: absolute;
	top: -4px;
	bottom: -4px;
	right: -4px;
	left: -4px;
	z-index: -1;
}
.text-pink,.number{
	color: #e73278;
}
.number{
	font-size: 2.5rem;
}
.text-purple{
	color: #a688bd;
}
.caution{
	position: relative;
	line-height: 2em;
	text-indent: 2em;
}
.caution:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 2em;
	height: 2em;
	background: url("../images/g-image/i-caution.png") no-repeat;
	background-size: contain;
	margin-right: 2rem;
	position: absolute;
	top: 0;
	left: 0;
}
.FAQ{
	background-color: #f2f2ee;
	border-bottom: solid 2px #b5b5b6;
}
.Q-box,.A-box{
	border: solid 1px #a688bd;
	background-color: white;
	padding: 1rem;
}
.Q-box{
	line-height: 2em;
	color: #a688bd;
	font-size: 1.4rem;
	font-weight: bold;
}
.A-box{
	margin-bottom: 3rem;
}

/*タブレット表示設定*/
@media (min-width: 600px) {
	#domestic-page{
		font-size: 1.8rem;
	}
	#domestic-page-title{
		padding: 0.5em 2em 0.5em 1em;
		line-height: 5rem;
		bottom:1.8em;
	}
	.main-ENG{
		font-size: 2.6rem;
	}
	.main-JPN{
		font-size: 6rem;
	}
	.service-box1,.service-box2{
		line-height: 2.8rem;
	}
	.service-box1 h3,.service-box2 h3{
		font-size: 2.0rem;
	}
	.bg-students{
		width: 55%;
		font-size: 1.8rem;
		line-height: 3.2rem;
	}
	.number{
		font-size: 2.8rem;
    }

}

/*PC表示設定*/
@media (min-width: 1025px) {
	#domestic-page-title{
		padding: 1em 2em 1em 2em;
		line-height: 7rem;
		bottom:4em;
	}
	.main-ENG{
		font-size: 4.5rem;
	}
	.main-JPN{
		font-size: 8rem;
	}
	.bg-students{
		width: 40%;
	}

}