@charset "utf-8";

/* ------------------------------------------
	- COMMON SETTING
	- MAIN
		-- SLIDER
		-- EVENT
		-- DESCRIPTION
		-- LATEST WORKS
		-- NEWS
------------------------------------------ */


/* ==============================================================
	INDEX
============================================================== */
h1{
	margin:100px auto;
}
@media screen and (max-width:750px){
	h1{
		margin:50px auto;
	}
}

/*　INTRO
------------------------------------------------ */
.intro p{
	text-align: left;
}
.intro p:not(.standout){
	width:525px;
	margin: 0 auto;
}
@media screen and (max-width:750px){
	.intro p,.intro p:not(.standout){
		width:90%;
		margin: 0 auto;
	}
}
.intro p.standout,
.intro p.tel_nam{
	text-align: center;
}
.intro img{
	width: 100%;
	margin: 70px auto 50px;
}
@media screen and (max-width:750px){
	.intro img{
		width: 100%;
		margin: 40px auto 30px;
	}
}
.intro h2,.intro p.tel_nam{
	font-size: 16px;
	letter-spacing: 0.2em;
	margin-bottom: 50px;
	line-height: normal;
}
@media screen and (max-width:750px){
	.intro h2,.intro p.tel_nam{
		font-size: 14px;
		margin-bottom: 30px;
	}
}
.intro p.tel_nam a{
	font-size:48px;
	letter-spacing: 0.05em;
}
@media screen and (max-width:750px){
	.intro p.tel_nam a{
		font-size:32px;
	}
}
.intro p.standout{
	font-size: 24px;
	letter-spacing: 0.2em;
	line-height: 2;
}
@media screen and (max-width:750px){
	.intro p.standout{
		font-size: 18px;
		line-height: 2;
	}
}



/*　APPLICATION FORM
------------------------------------------------ */

.application_form{
	width:1200px;
	margin: 60px auto 0;
}
.application_form h2{
	font-size: 24px;
	line-height: 1.9;
	margin-bottom: 10px;
}

@media screen and (max-width:750px){
	.application_form{
		width:100%;
		margin: 40px auto 0;
	}
}

/*　ENTRY FORM
------------------------------------------------ */
.form_entry{
	background: #f6f6f6;
	margin: 50px auto 0;
	padding: 50px 0;
}
@media screen and (max-width:750px){
	.form_entry{
		padding: 50px 0;
	}
}
.form_entry p.caution{
	text-align: right;
}
.form_entry form{
	width:630px;
	margin: 0 auto;
}
@media screen and (max-width:750px){
	.form_entry form{
		width:95%;
	}
}
.form_entry table{
	width:100%;
	border-collapse: collapse;
	border-bottom: solid 1px #dcdcdc;
	margin-bottom: 50px;
}
.form_entry table tr{
	border-top: solid 1px #dcdcdc;
}
.form_entry table th{
	font-size: 14px;
	font-weight: 600;
	line-height: 2;
	text-align: left;
	width:120px;
	padding:40px 0 40px 30px;
	vertical-align: top;
}
.form_entry table td{
	text-align: left;
	padding: 40px 30px;
}
@media screen and (max-width:750px){
	.form_entry table th,
	.form_entry table td{
		width:90%;
		display: block;
	}
	.form_entry table th{
		padding: 25px 5% 0 5%;
	}
	.form_entry table td{
		padding: 25px 5%;
	}
}
.form_entry table td .flexbox{
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
@media screen and (max-width:750px){
	.form_entry table td .flexbox:not(.short){
		display: block;
	}
}
.form_entry table td .flexbox p{
	font-size: 12px;
	line-height: 2;
	font-weight: 600;
	width:60px;
}
.form_entry table td .flexbox p.note{
	font-weight: 300;
	width:auto;
	margin-left:5px;
}
.form_entry table td .flexbox p.note_big{
	font-size: 16px;
	margin-left: 10px;
}
.form_entry .check p{
	margin-bottom: 25px;
	letter-spacing: 0.1em;
}
@media screen and (max-width:750px){

}

/* ==============================================================
	CONFIRM
============================================================== */

.confirm .contentArea{
	width:820px;
	margin: 0 auto;
}
@media screen and (max-width:750px){
	.confirm .contentArea{
		width:90%;
		margin: 0 auto;
	}
}
.confirm .contentArea h2{
	font-size: 18px;
	margin-bottom: 30px;
}
@media screen and (max-width:750px){
	.confirm .contentArea h2{
		font-size: 16px;
		margin-bottom: 30px;
	}
}
.confirm .form_entry p.outputArea{
	width:100%;
	font-weight: 600;
}
@media screen and (max-width:750px){
	.confirm .form_entry p.outputArea{
		width:100%;
		font-weight: 600;
	}
}

/* ==============================================================
	THANKS
============================================================== */

.thanks .contentArea h2{
	font-size: 18px;
	margin-bottom: 30px;
}
@media screen and (max-width:750px){
	.thanks .contentArea h2{
		font-size: 16px;
		margin-bottom: 30px;
	}
}