@charset "UTF-8";

div.main-img-wrap {
	width: 100%;
	height: auto;
	position: relative;
}
div.main-img-wrap img {
	width: 100%;
	height: auto;
}

.main-img-wrap h1 {
	text-align: center;
	color: #004F89;
	background: rgba(255,255,255,.9);
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: auto;
	font-size: 18px;
}


/* app */
ul.app-list {}
.app-list li {}
.app-list li dl {}
.app-list li dd input[type=text],
.app-list li dd input[type=email],
.app-list li dd textarea {
	width: 100% !important;
	box-sizing: border-box;
}
.app-list li select {
	text-align: center;
}
.app-list li dd span.att {
	display: block;
}
.app-wrap dl.att-list {}
.att-list dd {}
.att-list dd li:before {
	content: "▪︎";
}
.att-list dd span {
	color: #8b0000;
}


.problem {
	background-color: #FCC !important;
}
/* thanks */
/*
div.thanks {}
.thanks .thanks-wrap {
	border-top: 7px solid #EEEFEF;
}
.thanks-wrap h1 {
	text-align: center;
}
.thanks-wrap p {
	margin: auto;
}
.thanks-wrap ul.thanks-list {
	margin: auto;
}
.thanks-list li {
	font-weight: bold;
}
.thanks-list li span {
	display: block;
	font-weight: normal;
	text-indent: 4em;
}
*/






/**==============================================**/
/**==============================================**/
/*
/*
/*			SP
/*
/*
/**==============================================**/
/**==============================================**/


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

	body {}
	header {}

	/* sp main-img */
	div.main-img-wrap {
		position: relative;
		overflow: hidden;
	}
	.main-img-wrap h1 {
		width: 70%;
		line-height: 1.5;
		margin-top: -3em;
		letter-spacing: .2em;
		text-indent: .2em;
		padding: 1%;
	}


	/* sp app */

	.app-wrap ul.app-list {
		width: 90%;
		margin: 5% auto 0;
	}
	.app-list li {
		margin-bottom: 8%;
	}
	.app-list li {}
	.app-list li:nth-child(4) select {
		margin-right: 2%;
		font-size: 1.54rem;
	}
	.app-list li dl {}
	.app-list li dl dt {
		font-weight: bold;
		font-size: 1.5rem;
		margin-bottom: 1.5%;
	}
	.app-list li dd label {
		padding: 2% 5% 2% 0;
		display: inline-block;
		font-size: 1.5rem;
	}
	.app-list li dd input[type=text],
	.app-list li dd input[type=email] {
		line-height: 2;
	}
	.app-list li dd textarea {
		min-height: 250px;
	}
	.app-list li dd input[type=text],
	.app-list li dd input[type=email],
	.app-list li dd textarea,
	.app-list li dd select,
	.app-list li dd input[type=radio] {
		padding: 1% 2%;
		font-size: 1.6rem;
	}

	.app-wrap dl.att-list {
		width: 90%;
		margin: 5% auto 10%;
	}








		
	/* thanks */
/*
	.thanks .thanks-wrap {
		padding-top: 5%;
	}
	.thanks-wrap h1 {
		margin: 5% auto 10%;
		font-size: 2rem;
	}
	.thanks-wrap p {
		width: 90%;
		margin: 0 auto 5%;
		font-size: 1.4rem;
	}
	.thanks-wrap ul.thanks-list {
		width: 80%;
		margin: 10% auto 15%;
	}
	.thanks-list li {
		font-size: 1.6rem;
	}
	.thanks-list li span {
		font-size: 1.4rem;
	}
*/
		
		
		
		
		
		
		
}








@media screen and (min-width: 600px) and (max-width: 959px){
/*
	.join-list li:last-child dl dd:nth-child(2) {
		margin-bottom: 1.8em;
	}
*/
}

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









/**==============================================**/
/**==============================================**/
/*
/*
/*			PC
/*
/*
/**==============================================**/
/**==============================================**/
@media print, screen and (min-width:600px){

	body {}

	div.content-wrap {
		border-bottom: 7px solid #EEEFEF;
		padding-bottom: 90px;
	}
	header {}



	/* pc main-img */
	div.main-img-wrap {}
	div.main-img-wrap  h1 {
		width: 60%;
		line-height: 1.6;
		margin-top: -2em;
		letter-spacing: .2em;
		text-indent: .2em;
	}

	div.app-wrap {
		margin: 0 auto;
		border-bottom: 0;
		padding-bottom: 0;
	}




	/* pc contact */
	div.app-wrap {
		margin: 80px auto 0;
		border-bottom: 7px solid #EEEFEF;
		padding-bottom: 15px;
	}
	.app-wrap h1 {
		color: #221814;
		text-align: center;
		width: 100%;
		font-size: 25px;
		font-weight: normal;
	}
	.app-wrap ul.app-list {
		width: 90%;
		max-width: 1000px;
		margin: 90px auto 0;
	}
	.app-list li {
		margin-bottom: 35px;
		float: left;
	}
	.app-list li:nth-child(1) {
		width: 75%;
	}
	.app-list li:nth-child(2) {
		width: 20%;
		float: right;
	}
	.app-list li:nth-child(3) {
		width: 30%;
	}
	.app-list li:nth-child(4) {
		width: 65%;
		margin-left: 5%;
	}
	.app-list li:nth-child(4) select {
		margin-right: 3%;
	}
	.app-list li:nth-child(5) {
		width: 100%;
	}
	.app-list li:nth-child(6) {
		width: 70%;
	}
	.app-list li:nth-child(7) {
		width: 25%;
		float: right;
}
	
	.app-list li:nth-child(8) select {
		padding: 9px 10px;
	}
	.app-list li:nth-child(9) {
		float: right;
		width: 75%;
		margin-left: 5%;
	}
	.app-list li:nth-child(10) {
		width: 100%;
	}
	.app-list li:nth-child(n+11) {
		width: 100%;
	}
/*
	.app-list li.period dl:first-child {
		width: 20%;
		float: left;
	}
	.app-list li.period dl:last-child {
		width: 75%;
		float: right;
	}
*/

	.app-list li dl {}
	.app-list li dl dt {
		font-weight: bold;
		font-size: 20px;
		line-height: 1.6;
		padding: 3px 0;
	}
	.app-list li dd {}
	.app-list li dd label {
		padding: 0 10px 5px 10px;
		display: inline-block;
		font-size: 21px;
		line-height: 45px;
	}
	label input[type=checkbox] {
		margin-top: -5px;
		margin-right: 5px;
	}
	.app-list li dd input[type=text],
	.app-list li dd input[type=email] {
		line-height: 2;
	}
	.app-list li dd textarea {
		min-height: 250px;
	}
	.app-list li dd input[type=text],
	.app-list li dd input[type=email],
	.app-list li dd textarea,
	.app-list li dd select {
		padding: 9px 5px;
		font-size: 16px;
/*		font-size: 1.4rem;*/
	}
	.app-list li dd span.att {
		font-size: 16px;
		padding: 5px 0 0;
	}
	.app-wrap dl.att-list {
		width: 90%;
		max-width: 1000px;
		margin: 30px auto;
		font-size: 18px;
	}
	.att-list dt {
		font-weight: bold;
	}
	.att-list dd {
		font-size: 16px !important;
	}



	/* thanks */
/*
	.thanks .thanks-wrap {
		padding-top: 80px;
	}
	.thanks-wrap h1 {
		margin: 0 auto 50px;
		font-size: 24px;
	}
	.thanks-wrap p {
		width: 520px;
		margin: 0 auto 40px;
	}
	.thanks-wrap ul.thanks-list {
		width: 330px;
		font-size: 20px;
		margin-bottom: 90px;
	}
	.thanks-list li {
		margin-bottom: 15px;
		letter-spacing: .05em;
	}
	.thanks-list li span {
		font-size: 16px;
		font-weight: normal;
	}
*/






}