@charset "utf-8";

/* ---------------------------------------------------------
 front
--------------------------------------------------------- */
	.icon-cup { display: inline-block; mask: no-repeat center; -webkit-mask: no-repeat center; }
	.front-section {
		padding: 1rem 10px;
		overflow: hidden;
		position: relative;
		text-align: center;

	}
		.front-section h2 {
			color: darkblue;
			padding-top: 2rem;
			padding-bottom: 2rem;
			font-weight:bold;
			text-shadow: 3px 3px 4px #aaa;
			font-size: 5rem;
		}
		.front-section h3 {
			color: darkblue;
			font-family: "游ゴシック","游ゴシック体","ヒラギノ角ゴ Pro W3";
			font-weight:bold;
			text-shadow: 2px 2px 2px #aaa;
			font-size: 1.5rem;
			margin-bottom: 1rem;
			padding-bottom: 1rem;
		}
	.front-inbox {
		background: rgba(40,150,140,0.8);
		background: rgba(180,250,230,0.8);
		background: rgba(170,250,210,0.8);
		background: #fff;
		border-radius: 1rem;
		width: 90%;
		max-width: 1000px;
		word-break:break-all;
		display: inline-block;
		text-align: left;
		padding: 1rem;
		margin-bottom: 5rem;
		box-shadow: 2px 2px 4px #333;
	}
	.front-img-set {
		display: inline-block;
		mask: no-repeat center;
		-webkit-mask: no-repeat center;
	}
	@media screen and (max-width:800px) {
		.front-section h2 { font-size: 3rem; }
	}
	@media screen and (max-width:600px) {
		.front-section h3 { text-align: left; }
	}


/* ---------------------------------------------------------
 front-indx
--------------------------------------------------------- */
	#front-indx-block { background: url('./imgs/front_back_111.jpg') center; background-size: cover; }
	#front-indx-block .front-indx-frame-box {
		background: url('./imgs/front_indx_frame12_800-500.png') center; background-size: cover;
		background: url('./imgs/front_indx_frame5_800-500.png') center; background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		background-size: 100% auto;
		width: 700px;
		height: 435px;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0 auto;
	}
	#front-indx-block h2 , #front-indx-block h2 span {
		color: #fff;
		padding: 4rem 0 2rem 0;
		font-weight:bold;
		text-shadow: 3px 3px 4px #000;
		font-size: 6rem;
	}
	#front-indx-block p {
		color: darkorange;
		color: darkblue;
		font-weight:bold;
		font-size: 2rem;
		font-family: "游ゴシック","游ゴシック体","ヒラギノ角ゴ Pro W3";
		line-height: 3.5rem;
		text-shadow: 2px 2px 3px #ccc;
	}
	#front-indx-block .indx-txt-icon { margin-right: 0.8rem; width: 2.4rem; height: 2.4rem; mask-size: 2.4rem 2.4rem; -webkit-mask-size: 2.4rem 2.4rem; background: darkblue; }
	@media screen and (max-width:1000px) {
		#front-indx-block h2 , #front-indx-block h2 span { font-size: 4rem; }
	}
	@media screen and (max-width:800px) {
		#front-indx-block h2 , #front-indx-block h2 span { font-size: 3rem; display: block; line-height: 3rem; padding: 0; padding-bottom: 1rem; }
		#front-indx-block { background:url('./imgs/front_back_111_mb.jpg') center; background-size:cover; }
		#front-indx-block .front-indx-frame-box { width: 360px; height: 225px; }
		#front-indx-block p { font-size: 1.3rem; line-height: 2.4rem; }
		#front-indx-block .indx-txt-icon { margin-right: 0.4rem; width: 1.6rem; height: 1.6rem; mask-size: 1.6rem 1.6rem; -webkit-mask-size: 1.6rem 1.6rem; background: darkblue; }
	}


/* ---------------------------------------------------------
 front-th
--------------------------------------------------------- */
	#front-th-block { background:url('./imgs/bk_tx_311.gif') top; background-repeat: repeat; min-height: 50vh; }
	#front-th-block .front-inbox { max-width: 480px; }
	#front-th-block .front-inbox-odd { margin-right: 1rem; }
	.front-th-flex-wrapper { margin: 0 auto; }
	.front-th-flex-wrapper > div {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 10px;
		height: 120px;
	}
	.front-th-flex-wrapper p {
		font-weight:bold;
		font-family: "游ゴシック","游ゴシック体","ヒラギノ角ゴ Pro W3";
	}
	#front-th-block .front-inbox div {
		text-align: center;
		font-size: 1.2rem;
		line-height: 2.4rem;
	}
	@media screen and (max-width:1200px) {
		#front-th-block .front-inbox-odd { margin-right: 0; }
	}
	@media screen and (max-width:800px) {
	}


/* ---------------------------------------------------------
 front-tk
--------------------------------------------------------- */
	#front-tk-block { background:url('./imgs/bk_tx_312.gif') top; background-repeat: repeat; min-height: 50vh; }
	#front-tk-block .front-inbox { text-align: center; max-width: 900px; }
	.front-tk-index-box {
			background: darkorange;
			color: #fff;
			background: #eae7b4;
			color: #000;
			font-weight:bold;
			font-family: "游ゴシック","游ゴシック体","ヒラギノ角ゴ Pro W3";
			font-size: 1.8rem;
			padding: 0.5rem;
			margin: 1rem 0;
			border-radius: 10px;
	}
	.front-tk-man-box { height: 150px; display: inline-block; text-align: center; }
	.front-tk-man-box img { height: 100%; }
	.front-tk-frame-block-mb { display: none; }
	.front-tk-frame-box { width: 400px; display: inline-block; text-align: center; margin: 1rem; }
	.front-tk-frame-box img { width: 100%; }
	@media screen and (max-width:1000px) {
		.front-tk-frame-block { display: none; }
		.front-tk-frame-block-mb { display: block; }
		.front-tk-frame-box { width: 300px; }
		.front-tk-index-box { font-size: 1.5rem; }
		.front-tk-man-box { display: block; }
	}
	@media screen and (max-width:800px) {
	}


/* ---------------------------------------------------------
 front-ry
--------------------------------------------------------- */
	#front-ry-block { background:url('./imgs/bk_tx_311.gif') top; background-repeat: repeat; min-height: 50vh; }
	#front-ry-block .front-inbox { max-width: 560px; }
	#front-ry-block .ryconts-main-index {
		background: #eae7b4;
		padding: 1rem;
		border-radius: 6px;
		margin-bottom: 2rem;
	}
		#front-ry-block .ryconts-main-index p {
			font-weight:bold;
			font-family: "游ゴシック","游ゴシック体","ヒラギノ角ゴ Pro W3";
			font-size: 1.3rem;
		}
		#front-ry-block .ryconts-sub-index {
			font-weight:bold;
			font-family: "游ゴシック","游ゴシック体","ヒラギノ角ゴ Pro W3";
			font-size: 1.2rem;
		}
		#front-ry-block .ryconts-sub-text { line-height: 1.8rem; }
		#front-ry-block .ryconts-sub-inimg { padding: 1.6rem 0; }
		#front-ry-block .ryconts-arrowdown { padding: 2rem; }
		#front-ry-block .ryconts-over {
			font-weight:bold;
			font-family: "游ゴシック","游ゴシック体","ヒラギノ角ゴ Pro W3";
			color: red;
			margin-top: 1rem;
			padding-left: 1rem;
			text-decoration: underline;
		}
	@media screen and (max-width:800px) {
		#front-ry-block .ryconts-main-index { padding: 0.5rem }
		#front-ry-block .ryconts-main-index p { font-size: 1.2rem; }
	}


/* ---------------------------------------------------------
 front-entry
--------------------------------------------------------- */
	.front-entry-anc-box { margin-top: 2rem; margin-bottom: 1rem; }
	.front-entry-anc-box a {
		background: #009797;
		color: #fff;
		font-size: 1.8rem;
		padding: 0.5rem;
	}
		.front-entry-anc-box a span {
			font-weight: bold;
		}
	.front-entry-bottom-line {
		display: inline-block;
		width: 98%;
		max-width: 1000px;
		height: 60px;
		background:url('./imgs/front_entry_fude_line1.png') center bottom;
		background-repeat: no-repeat;
		background-size:100% auto;
	}
	#front-entry-block { position: relative; text-align: center; }
	@media screen and (max-width:800px) {
		.front-entry-bottom-line { height: 30px; }
		.front-entry-anc-box { margin-top: 2rem 1rem; }
		.front-entry-anc-box a { font-size: 1.2rem; padding: 0.5rem; }
	}
	@media screen and (max-width:500px) {
		.front-entry-anc-box { margin-bottom: 1rem; }
	}
										/*
										background-image:url(image/img.jpg);
										background-repeat: no-repeat;
										background-position:center top;
										*/

										#xgoto-pagetop {
											display: inline-block;
											position: fixed;
											right: 20px;
											bottom: 20px;
											height: 40px;
											line-height: 40px;
											width: 150px;
											text-align: center;
											z-index: 9000;
											background: darkorange;
											background: darkblue;
											background: #009797;
											color: #fff;
											border-radius: 0.6rem;
											font-family: "游ゴシック","游ゴシック体","ヒラギノ角ゴ Pro W3";
											font-weight: bold;
										}


/* ---------------------------------------------------------
 contents/form
--------------------------------------------------------- */

	.contents-inbox {
		background: rgba(40,150,140,0.8);
		background: rgba(180,250,230,0.8);
		background: rgba(170,250,210,0.8);
		background: #fff;
		border-radius: 1rem;
		width: 90%;
		max-width: 1000px;
		word-break:break-all;
		display: inline-block;
		text-align: left;
		padding: 1rem;
		margin-bottom: 5rem;
		box-shadow: 2px 2px 4px #333;
	}
		.contents-inbox > p {
			background: #eae7b4;
			padding: 1rem;
			border-radius: 6px;
			margin-bottom: 2rem;
			padding-bottom: 0.8rem;
			font-family: "游ゴシック","游ゴシック体","ヒラギノ角ゴ Pro W3";
			font-weight:bold;
		}
	@media screen and (max-width:800px) {
		.contents-inbox {
		}
	}

	.form-button {
		background: #009797;
		color: #fff;
		font-size: 1.4rem;
		padding: 0.2rem 4rem;
	}
		.form-button , .form-button span {
			font-family: "游ゴシック","游ゴシック体","ヒラギノ角ゴ Pro W3";
			font-weight:bold;
		}
	@media screen and (max-width:800px) {
		.form-button { font-size: 1.2rem; padding: 0.2rem 1rem; }
	}



/* ---------------------------------------------------------
 page
--------------------------------------------------------- */

												#xentry-form { margin: 1rem 0; }
													#xentry-form p { margin-bottom: 2rem; }
													#xentry-form button { font-size: 1.1rem; height: 2rem; line-height: 2rem; padding-left: 10px; padding-right: 10px; border-radius: 6px; background: 009797; color: #fff; font-weight: bold; }

		#xentry-fine-box { margin: 2rem 0; }
		.xentry-fine-head { margin: 2rem 0; }
		.xentry-fine-result { margin: 2rem 0; padding: 2rem 4px; border: 2px dotted #999; }
		.xentry-fine-result > p { margin-bottom: 2rem; }


		#entry-flow-table td { padding: 0.5rem; vertical-align: top; border-bottom: 1px solid #ccc; }

		@media screen and (max-width:800px) {
			#entry-flow-table td { padding: 0.5rem 4px; }
			#entry-flow-table tr > td:nth-child(1) { font-size: 0.9rem; white-space:nowrap; }
			#entry-flow-table tr > td:nth-child(2) { font-size: 0.8rem; word-break:break-all; }
		}

		#contact-form { padding: 1rem 0.4rem; margin: 1rem 0; }
			#contact-form > div { margin-bottom: 2rem; }
												#xcontact-form button {
													font-size: 1.2rem;
													padding: 0.4rem;
													height: 2rem;
													line-height: 2rem;
													padding-left: 10px;
													padding-right: 10px;
													border-radius: 6px;
													color: #fff;
													background: #009797;
													font-weight: bold;
													font-family: "游ゴシック","游ゴシック体","ヒラギノ角ゴ Pro W3";
												}
												#contact-fine-box { margin: 2rem 0; }
												.contact-fine-head { margin: 2rem 0; }
												.contact-fine-result { margin: 2rem 0; padding: 2rem 1rem; border: 2px dotted #999; }
												.contact-fine-result > p { margin-bottom: 2rem; }

	#commercial-tabel { border-collapse:separate; margin-bottom: 3rem; }
	#commercial-tabel tr td {
		padding: 1rem;
		vertical-align:top;
		max-width: 600px;
	}
	#commercial-tabel td { border-top:1px solid #aaa; border-left:1px solid #aaa; }
	#commercial-tabel tr:nth-child(even) > td { background:#ddd; }
	#commercial-tabel td:last-child { border-right:1px solid #aaa; }
	#commercial-tabel tr:last-child > td { border-bottom:1px solid #aaa; }

	.price-main-index { color: darkorange; font-size:1.2rem; font-weight:bold; font-family:"游ゴシック","游ゴシック体","ヒラギノ角ゴ Pro W3"; }

	#qa-block { padding-bottom: 1rem; padding-top: 1rem; }
	#qa-block > div { padding-bottom: 2rem; }

	#privacy-block { padding-bottom: 3rem; padding-top: 1rem; }
	#privacy-block > div { padding-bottom: 2rem; }
	#privacy-block > div > p { padding-bottom: 0.8rem; }

	#security-block { padding-bottom: 3rem; padding-top: 1rem; }
	#security-block > div { padding-bottom: 2rem; }
	#security-block > div > p { padding-bottom: 0.8rem; }