﻿@charset "utf-8";
/* -- -- --
 * ROOM8 Template V3.7
 * Last Up Date: 2023.1
 * Author: mick
-- -- -- -- -- -- -- -- */
*,
*::before,
*::after {
	margin: 0;
	padding: 0;
	overflow-wrap: anywhere;
	word-break: normal;
	line-break: strict;
	box-sizing: border-box;
	background-repeat: no-repeat;
}

html {
	opacity: 0;
	font-size: 10px;
	/* >font-size: 62.5%; */
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
}

html.wf-active, html.loading-delay {
	opacity: 1;
	-webkit-transition: .2s;
	transition: .2s;
}

body {
	color: #000;
	background-color: #F6EEE1;
	-webkit-font-smoothing: antialiased;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W4", "Osaka", "ＭＳ Ｐゴシック", arial , Verdana;
}

html, body {
	height:100%;
}

body.lock {
	position: fixed;
	top:0;
	left:0;
	width: 100%;
}

header,
article,
nav,
main,
section,
footer {
	display: block;
}

p, h1, h2, h3, h4, h5, h6 {
	overflow-wrap: break-word;
}

p {
	line-height: 1.8;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.6;
	font-size: inherit;
	font-weight: inherit;
	font-weight: 700;
}

a {
	color: #333;
	border: none;
	outline: 0;
	background-color: transparent;
	text-decoration: none;
	text-underline-offset: 0.6ex;
}

a:active,
a:hover {
	outline: 0;
}

b,
strong {
	font-weight: 700;
}

small {
	font-size: 0.8rem;
}

sub,
sup {
	font-size: 0.75rem;
	line-height: 1.0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

hr {
	border: none;
	border-block-start: 1px solid;
	color: inherit;
	block-size: 0;
	overflow: visible;
}

i {
	font-style: italic;
}

del {
	text-decoration: line-through;
}

img, picture, video, canvas, svg {
	display: block;
	max-width: 100%;
	vertical-align: bottom;
}

.mimg img {
	width:100%;
	height:auto;
}

code,
pre {
	font-family: monospace, monospace;
	overflow: auto;
}

table {
	border-collapse: collapse;
	border-style: none;
	border-spacing: 0;
}

dt,
dd,
td,
th {
	line-height: 1.8;
}

td {
	word-break: break-all;
}

ul,
ol {
	list-style: none;
}

li {
	line-height: 1.8;
}

.pc,
.pcbox {
	display: none;
}

/* Forms
========================================================================== */
input {
	border-radius: 0;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
	height: auto;
}

[type='search'] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

[type='search']::-webkit-search-decoration {
	-webkit-appearance: none;
}

textarea {
	overflow: auto;
	resize: vertical;
}

button,
input,
optgroup,
select,
textarea {
	font: inherit;
}

optgroup {
	font-weight: 700;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}
button,
[type='button'],
[type='reset'],
[type='submit'],
[role='button'] {
	cursor: pointer;
}

button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
	outline: 1px dotted ButtonText;
}

button,
html [type='button'],
[type='reset'],
[type='submit'] {
	-webkit-appearance: button;
}

button,
input,
select,
textarea {
	background-color: transparent;
	border-style: none;
}

a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
	outline-width: 0;
}

select {
	-moz-appearance: none;
	-webkit-appearance: none;
}

select::-ms-expand {
	display: none;
}

select::-ms-value {
	color: currentColor;
}

legend {
	border: 0;
	color: inherit;
	display: table;
	max-width: 100%;
	white-space: normal;
	max-width: 100%;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	color: inherit;
	font: inherit;
}

[disabled] {
	cursor: default;
}

::-webkit-input-placeholder {
	color: #AAA;
}

::-placeholder {
	color: #AAA;
}

/*
========================================================================== */
#wrapper {
	font-size:1.6rem;
}

.block1 {
	padding:30px 10px;
}

.contents_block {
	background: url('../images/common/subbase.jpg') repeat-y;
	margin:0 auto;
	padding:0 52px 0 20px;
	width:1022px;
}

header {
}

header h1 a {
	display: block;
	overflow: hidden;
	background: url('../images/request/mimage.webp') no-repeat left top;
	background-size: 950px 218px;
	padding: 218px 0 0;
	height: 0!important;
}

.request_area1 {
	padding:25px 179px 30px 178px;
}

.bread_block {
	margin:0 0 5px;
}

.bread_block ol {
	display: flex;
	align-items: center;
}

.bread_block li {
	font-size:1.2rem;
	color:#4D4D4D;
}

.bread_block li a {
	color:#4D4D4D;
}

.bread_block li b {
	color:#4D4D4D;
}

.request_area1 h2 {
	background: url('../images/request/c_mtitle.webp') no-repeat;
	background-size: 593px 61px;
	margin:0 0 30px;
	padding:0 80px;
	height:61px;
	line-height:61px;
	color:#624e4f;
	font-size:2.0rem;
	letter-spacing: 0.08em;
}

.area1inblock {
	margin:0 0 30px;
	padding:25px 31px 25px;
	background-color: #f5efe1;
	border-radius: 10px;
}

.area1inblock .info_block {
	margin:0 0 20px;
	padding:10px;
	background-color: #e7e1da;
	border:5px solid #FFF;
}

.area1inblock .info_block .stitle1 {
	background: url('../images/request/c_stitle2.webp') no-repeat;
	background-size: 501px 46px;
	margin:0 0 10px;
	padding:0 20px;
	height:46px;
	line-height:46px;
	color:#624e4f;
	font-size:1.4rem;
	letter-spacing: 0.04em;
}

.area1inblock .info_block .ex1 {
	margin:0 0 20px;
	line-height:1.7;
	color:#624e4f;
	font-size:1.4rem;
	font-weight: bold;
	letter-spacing: 0.04em;
}

.area1inblock .info_block .label {
	margin:0 0 10px;
}

.area1inblock .info_block .label b {
	display:inline-block;
	width:120px;
	line-height:24px;
	text-align: center;
	color:#624e4f;
	font-size:1.4rem;
	font-weight: bold;
	letter-spacing: 0.04em;
	background-color: #FFF;
	border-radius: 5px;
}

.area1inblock .info_block .ex2 {
	margin:0 0 20px;
	line-height:1.7;
	color:#624e4f;
	font-size:1.4rem;
	letter-spacing: 0.04em;
}

.area1inblock .flow_block {
	margin:0 0 15px;
}

.area1inblock .flow_block .flowbox {
	margin:0 0 10px;
}

.area1inblock .flow_block .flowbox:last-child {
	margin-bottom:0;
}

.area1inblock .flow_block .flowbox .flow_title {
	display: flex;
	align-items: center;
	margin:0 0 10px;
}

.area1inblock .flow_block .flowbox .flow_title .no {
	margin:0 10px 0 0;
	width:28px;
	line-height:28px;
	text-align: center;
	color:#FFF;
	font-size:1.4rem;
	font-weight: bold;
	background-color: #008d00;
	border-radius: 5px;
}

.area1inblock .flow_block .flowbox .flow_title .flabel {
	color:#624e4f;
	font-size:1.4rem;
	font-weight: bold;
	letter-spacing: 0.04em;
}

.area1inblock .flow_block .flowbox .exline {
	line-height:1.4;
	color:#624e4f;
	font-size:1.4rem;
}

.area1inblock .info_block .stitle2 {
	background: url('../images/request/c_stitle1.webp') no-repeat;
	background-size: 501px 46px;
	margin:0 0 10px;
	padding:0 20px;
	height:46px;
	line-height:46px;
	color:#624e4f;
	font-size:1.4rem;
	letter-spacing: 0.04em;
}

.area1inblock .info_block .exlist {
}

.area1inblock .info_block .exlist li {
	margin:0 0 5px;
	padding:0 0 0 16px;
	line-height:1.4;
	color:#624e4f;
	font-size:1.4rem;
	position: relative;
}

.area1inblock .info_block .exlist li:last-child {
	margin-bottom:0;
}

.area1inblock .info_block .exlist li b {
	position: absolute;
	top:0;
	left:0;
	color:#b2783c;
	font-weight: 400;
}

.area1inblock .nesessary {
	display: flex;
	justify-content: center;
	align-items: center;
	margin:0 0 15px;
}

.area1inblock .nesessary p {
	background: url('../images/request/icon_ne.webp') no-repeat;
	background-size: 48px 30px;
	padding:0 0 0 53px;
	line-height:30px;
	color:#624e4f;
	font-size:1.4rem;
	font-weight: bold;
	letter-spacing: 0.04em;
}

.area1inblock .nesessary p b {
	display: none;
}

.area1inblock .form_block {
	margin:0 0 20px;
	padding:15px 20px;
	background-color: #FFF;
	border:5px solid #cddcab;
}

.area1inblock .form_block .input_block {
	margin:0 0 25px;
}

.area1inblock .form_block .input_block.b10 {
	margin:0 0 10px;
}

.area1inblock .form_block .wrap_block {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin:0 0 25px;
}

.area1inblock .form_block .wrap_block .input_block {
	margin-bottom:0;
	width:230px;
}

.area1inblock .form_block .input_block:last-child {
	margin-bottom:0;
}

.area1inblock .form_block .input_block .ilabel {
	background: url('../images/request/icon_ne.webp') no-repeat;
	background-size: 48px 30px;
	margin:0 0 6px;
	padding:0 0 0 53px;
	line-height:30px;
	color:#624e4f;
	font-size:1.4rem;
	font-weight: bold;
	letter-spacing: 0.04em;
}

.area1inblock .form_block .input_block .inputbox {
	margin:0 0 6px;
	background-color: #e7e1da;
}

.area1inblock .form_block .input_block .inputbox:last-child {
	margin-bottom:0;
}

.area1inblock .form_block .input_block .inputbox .input100 {
	padding:0 10px;
	width:100%;
	height:34px;
	line-height:34px;
	font-size:1.6rem;
}

.area1inblock .form_block .input_block .inputbox .tarea {
	padding:10px;
	width:100%;
	height:110px;
	line-height:1.6;
	font-size:1.6rem;
	vertical-align: bottom;
}

.area1inblock .form_block .input_block .confirmbox1 {
	padding:0 10px;
	width:100%;
	height:34px;
	line-height:34px;
	font-size:1.6rem;
	background-color: #e7e1da;
}

.area1inblock .form_block .input_block .confirmbox2 {
	padding:10px;
	width:100%;
	line-height:1.6;
	font-size:1.6rem;
	background-color: #e7e1da;
}

.area1inblock .form_block .error {
	color:#C00;
	font-size:1.4rem;
	font-weight: bold;
}

.area1inblock .form_block .exline {
	line-height:1.7;
	color:#624e4f;
	font-size:1.4rem;
	font-weight: bold;
	letter-spacing: 0.04em;
}

.area1inblock .btn_block {
	display: flex;
	justify-content: center;
	align-items: center;
	margin:0 0 30px;
}

.area1inblock .btn_block.b45 {
	margin:0 0 45px;
}

.area1inblock .btn_block.w {
	justify-content: space-between;
}

.area1inblock .btn_block p {
	width:248px;
}

.area1inblock .btn_block p a {
	display: block;
	background: url('../images/request/cbtn.webp') no-repeat;
	background-size: 248px 124px;
	height:62px;
	line-height:62px;
	text-align: center;
	color:#624e4f;
	font-size:1.6rem;
	font-weight: bold;
	letter-spacing: 0.04em;
}

.area1inblock .btn_block p a:hover {
	color:#FFF;
	background-position: left top -62px;
}

.area1inblock .btn_block .back a {
	background-image: url('../images/request/cbtn2.webp');
}

.area1inblock .btn_block .send a {
	background-image: url('../images/request/cbtn3.webp');
}

.area1inblock .contact_block {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: url('../images/request/c_stitle3.webp') no-repeat;
	background-size: 522px 55px;
	margin:0 auto;
	padding:2px 60px 0 20px;
	width:522px;
	height:55px;
	color:#624e4f;
}

.area1inblock .contact_block .label {
	font-size:1.4rem;
	font-weight: bold;
	letter-spacing: 0.04em;
}

.area1inblock .contact_block .telline {
	line-height:1.35;
	font-size:1.8rem;
	font-weight: bold;
	letter-spacing: 0.1em;
}




















.top_top {
	margin:0 20px 10px;
	line-height:16px;
	text-align:right;
}

.top_top a {
	display: inline-block;
	background: url('../images/common/arrow2.jpg') no-repeat;
	background-position: 0 center;
	padding:0 0 0 23px;
	line-height:16px;
	color:#624E4F;
	font-size:1.2rem;
}

.bnavi ul {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin:0 auto;
	width:910px;
}

.bnavi li {
	width:223px;
}

.bnavi li a {
	display: block;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 223px 86px;
	padding: 43px 0 0;
	height: 0!important;
}

.bnavi li.bnavi1 a {
	background-image: url('../images/common/flink1.jpg');
}

.bnavi li.bnavi2 a {
	background-image: url('../images/common/flink2.jpg');
}

.bnavi li.bnavi3 a {
	background-image: url('../images/common/flink3.jpg');
}

.bnavi li.bnavi4 a {
	background-image: url('../images/common/flink4.jpg');
}

.bnavi li a:hover {
	background-position: left -43px;
}

.footer {
	background: url('../images/common/bottom_area.jpg') no-repeat;
	padding:20px 0 0 20px;
	width:950px;
	height:136px;
	position: relative;
}

.bottom_links {
	font-size:1.4rem;
	line-height:2.0;
	color:#834521;
}

.bottom_links a {
	margin:0 5px 5px 5px;
	color:#834521;
}

.bottom_links a:hover {
	color:#176FEB;
}

.flinks {
	position: absolute;
	left:20px;
	bottom:10px;
}

.flinks a {
	background: url('../images/common/arrow3.jpg') no-repeat;
	background-position: 0 center;
	margin:0 10px 0 0;
	padding:3px 0 2px 22px;
	font-size:1.4rem;
	font-weight: bold;
	color:#2B2B2B;
	line-height: 1.1;
}

.flinks a:hover {
	background: url('../images/common/arrow3s.jpg') no-repeat;
	background-position: 0 center;
	color:#00F;
}

.copy {
	position: absolute;
	right:20px;
	bottom:10px;
	font-size:1.0rem;
	color:#2B2B2B;
	text-align: right;
}

/* thanks
========================================================================== */
.area1inblock .thanks {
	margin:0 0 50px;
	padding:35px 0 30px;
	text-align: center;
	background-color: #e7e1da;
	border:5px solid #FFF;
}

.area1inblock .thanks p {
	line-height:1.2;
	color:#624e4f;
	font-size:2.4rem;
	font-weight: bold;
	letter-spacing: 0.1em;
}

.area1inblock .mlead {
	margin:0 0 50px;
	padding:0 0 45px;
	text-align: center;
	line-height:1.2;
	color:#624e4f;
	font-size:2.0rem;
	font-weight: bold;
	letter-spacing: 0.16em;
	border-bottom:1px dashed #b2b2b2;
}

.area1inblock .message {
	margin:0 0 50px;
}

.area1inblock .message p {
	margin:0 0 25px;
	line-height:1.7;
	color:#624e4f;
	font-size:1.4rem;
	font-weight: bold;
	letter-spacing: 0.04em;
}

.area1inblock .message p:last-child {
	margin-bottom:0;
}


@media screen and (min-width: 769px) {

	/*
	=================================== */
	.op a:hover {
		opacity: 0.7;
		filter: alpha(opacity=70);
		zoom: 1;
	}

	.fade a {
		-webkit-transition: opacity 0.3s ease-in-out;
		transition: opacity 0.3s ease-in-out;
	}

	.fade2 a {
		-webkit-transition: 0.3s;
		transition: 0.3s;
	}
}
