@charset "utf-8";

/*PC*/
@media print, screen and (min-width:641px){
	.contentsContainer {
		background-color: #f0f0f0;
	}
	.contentArea {
		width: 982px;
		margin: 0 auto;
		zoom: 1;
		overflow: hidden;
	}
	.formArea ul {
		border-top: 1px solid #e0e0e0;
	}
	.formArea li {
		border-bottom: 1px solid #e0e0e0;
		padding: 10px 0;
	}
	.formArea dl {
		zoom: 1;
		overflow: hidden;
	}
	.formArea dt {
		width: 155px;
		float: left;
	}
	.formArea dd {
		margin-left: 155px;
	}
	.formArea .radioGroup {
		border-top: none;
	}
	.formArea .radioGroup li {
		border-bottom: none;
		padding: 5px 0;
	}
	.formArea .radioGroup li input {
		width: auto;
		vertical-align: baseline;
	}
	.formArea .radioGroup li label {
		padding-left: 6px;
		vertical-align: baseline;
	}
	.back {
		display: inline-block;
		text-align: center;
	}
	.send {
		display: inline-block;
		text-align: center;
	}
	input, textarea {
		box-sizing: border-box;
		width: 483px;
		border: 1px solid #cfcfcf;
		border-radius: 3px;
		padding: 15px;
	}
	.text-center {
		text-align: center;
	}
	.btn {
		text-align: center;
		margin: 30px 0;
		padding: 15px 50px;
	}
	input[type="file"] {
		line-height: 1;
		font-size: 12px;
	}
	button {
		background-color: #ff2688;
		border: none;
		color: #fff;
		padding: 15px 40px;
	}
	.back button {
		background-color: #888;
	}
	.error {
		border: 1px solid #da2d2d;
		background-color: #ffe8e8;
	}
	.cut_model {
		display: none;
	}
	#phContainer img {
		max-width: 100%;
		height: auto;
	}
}

/*tablet*/
@media screen and (max-width:1000px) and (min-width:641px){
	.sideTitleArea {
		width:180px;
	}
	.sideTitleArea p {
		font-size:13px;
		margin-left:3%;
	}
	.contentArea {
		width:100%;
	}
	.mainContentsArea {
		margin-left:180px;
		margin-right:3%;
	}
	.formArea dt {
		width:120px;
	}
	.formArea dd {
		margin-left:120px;
	}
	input, textarea {
		width:100%;
	}
}

/*smart*/
@media screen and (max-width:640px){
	.contentsContainer {
		background-color: transparent;
	}
	.contentArea {
		text-align: center;
	}
	.sideTitleArea h1 {
		margin-bottom: 20px;
		font-family:'Lato-Regular', 'Hiragino Kaku Gothic ProN', Verdana, Meiryo, sans-serif;
	}
	.formArea {
		text-align: left;
		background-color: #f0f0f0;
		padding: 18px;
		font-size: 2.6rem;
	}
	.formArea li {
		border-bottom: 1px solid #e0e0e0;
		padding: 10px 0;
	}
	.formArea dl {
		overflow: hidden;
	}
	.formArea .radioGroup {
		border-top: none;
	}
	.formArea .radioGroup li {
		border-bottom: none;
		padding: 3px 5px;
	}
	.formArea .radioGroup li input {
		width: auto;
		vertical-align: baseline;
	}
	.formArea .radioGroup li label {
		padding-left: 6px;
		vertical-align: baseline;
	}
	.sideTitleArea p {
		margin-bottom: 80px;
		font-size: 2.4rem;
	}
	input, textarea {
		box-sizing: border-box;
		width: 100%;
		border: 1px solid #cfcfcf;
		border-radius: 3px;
		padding: 15px;
	}
	.btn {
		text-align: center;
		margin: 10px 0;
		padding: 15px 50px;
	}
	button {
		background-color: #ff2688;
		border: none;
		color: #fff;
		padding: 15px 40px;
		width: 100%;
		box-sizing: border-box;
	}
	.back button {
		background-color: #888;
	}
	.error {
		border: 1px solid #da2d2d;
		background-color: #ffe8e8;
	}
	.back {
		text-align: center;
		margin-bottom: 0;
	}
	.send {
		text-align: center;
		margin: 0;
	}
	.text-center {
		margin-top: 20px;
	}
	.cut_model {
		display: none;
	}
	#phContainer img {
		max-width: 100%;
		height: auto;
	}
}