@charset "utf-8";
/* CSS Document */

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

	#container {
		width: 100%;
	}

	.pc {
		display: block !important;
	}

	.sp {
		display: none !important;
	}


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

	/*コンテンツエリア*/
	#header_navi {
		padding: 10px 20px;
	}

	.wrapper {
		width: 100%;
	}

	.area {
		max-width: 700px;
		margin: 0 auto;
		padding: 0 20px;
	}

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

	.header {
		margin: 20px 0;
	}

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

	.info p {
		margin: 5px;
	}



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

	.form .inner {
		padding: 20px;
	}

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

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


	.p1logo {
		/*	position: fixed;
	z-index: 100;*/
		margin-top: 10px;
	}

	.p1logo img {
		width: 150px;
	}

	#footer_navi {
		display: none;
	}

	/*     flexbox    */


	.call,
	.chat {
		margin-top: 3em;
		text-align: center;
	}


	/*　　　要素　　*/

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

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

	h3 {
		padding: 0 30px 4px;
		font-size: 1.25em;
		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;
	}

	.header p {
		margin: 0 0 20px;
		text-align: right;
	}

	.space {
		padding-right: 5px;
	}

	a.btn {
		font-size: 1.2em;
		display: block;
		width: 100%;
		text-align: center;
		padding: 16px 0;
		border: 2px solid #474342;
		-webkit-transition: all .3s;
		transition: all .3s;
	}

	a.btn:hover {
		background: #00A8C6;
		color: white;

		-webkit-transition: all .3s;
		transition: all .3s;
	}


	.share ul {
		display: flex;
		flex-wrap: nowrap;
		padding: 10px;
		justify-content: flex-end;
	}

	.share li {
		padding: 5px 10px;
		text-align: center;
	}

	.mysize {
		font-size: 24px;
	}

	.share li a {
		color: #ffffff;
	}


	/*FBのシェアボタン揃えるやつ*/

	.fb_iframe_widget>span {
		vertical-align: baseline !important;
	}



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



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


}

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