@charset "utf-8";

/* CSS Document */
@media screen and (max-width:640px) {
	img {
		max-width: 100%;
		height: auto;
		width
		/***/
		: auto;
	}

	#container {
		width: 100%;
	}

	.pc {
		display: none !important;
	}

	.sp {
		display: block !important;
	}


	body {
		background-attachment: fixed;
		background-size: cover;
		margin: 0;
		padding: 0;
		font-size: 85%;
		letter-spacing: 1px;
		font-feature-settings: "palt";
		color: #333333;
	}


	/*コンテンツエリア*/
	.wrapper {
		width: 100%;
	}

	.area {
		width: calc(100% - 6%);
		margin: 0 auto;
		text-align: left;
		padding: 0;
	}

	.main {
		background: rgba(255, 255, 255, 0.85);
		border: 3px solid #000000;
		padding: 10px;
		margin: 0 0 20px;
	}

	.header {
		margin: 20px 0;
	}

	.header p {
		margin: 0;
		text-align: center;
		color: #999999;
		font-size: 1.2em;
	}

	#header_navi {
		display: none;
	}

	.info {
		margin: 0 0 30px 0;
	}

	.info p {
		margin: 5px;
	}



	#original,
	#exchange,
	#repeat {
		margin-bottom: 140px;
	}


	.form {
		margin: 0;
		padding: 0;
		width: 100%;
	}

	.form .inner {
		padding: 10px;
	}

	.form .notice {
		text-align: center;
	}

	.footer {
		margin: 0;
		width: 100%;
		min-width: 100%;
		background: #ffffff;
		padding: 16px 0 10px;
		color: #666666;
		font-size: 0.8em;
		text-align: center;
	}

	.p1logo_sp {
		text-align: center;
		margin: 30px 0 10px;
	}

	.p1logo_sp img {
		width: 130px;
	}

	#footer_navi {
		display: block;
	}


	/*     flexbox    */


	.call,
	.chat {
		flex-basis: 100%;
		text-align: center;
		margin-bottom: 50px;
	}

	.call img {
		width: 400px;
		max-width: calc(100% - 20px);
	}

	/*　　　要素　　*/


	h1 {
		text-align: center;
		margin: 0;
		font-family: 'Quando', serif;
		font-size: 1.8em;
		font-weight: normal;
	}

	h2 {
		background: rgba(136, 136, 136, 0.8);
		color: #ffffff;
		padding: 5px 10px;
		font-family: "Sawarabi Mincho";
		font-weight: normal;
		font-size: 1.2em;
		text-align: left;
		margin: 0 0 15px 0;
	}

	h3 {
		padding: 0 0 4px 10px;
		font-size: 1.1em;
		font-family: "Sawarabi Mincho";
		font-weight: normal;
		border-bottom: solid 2px #000000;
		margin: 0;
	}

	a {
		text-decoration: none;
		color: #333333;
	}

	a:hover {
		color: #00A8C6;
		border-bottom: 1px dashed #00A8C6;
	}

	a:hover img {
		opacity: 0.6;
		filter: alpha(opacity=60);
		-ms-filter: "alpha(opacity=60)";
	}

	.notice {
		padding: 0;
		font-size: 0.92em;
		margin-bottom: 0;
	}

	.logo {
		width: 50px;
		font-size: 25px;
		color: #8f8f8f;
		text-transform: uppercase;
		float: left;
		display: block;
		margin-top: 0;
		line-height: 1;
		margin-bottom: 10px;
	}




}

/*レスポンシブ用　消しちゃダメ*/