@charset "UTF-8";
/* CSS Document */
body{
	margin: 0;
	padding: 0;
}

div#main {
    width: 960px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
	div#main {
		width: 100vw;
	}
	#titleArea {display: none;}
}

#content_w {
	margin:0 0 80px 0;
}


#content_w p { word-wrap: break-word; }
#content_w h3 {
	background:#d2c2ab;
	padding:10px 10px 10px 30px;
	font-size:20px;
	}

#content_w .fl_r {float:left;}
#content_w .fl_l {float:right;}

#content_w .wd25 { width:25px; }
#content_w .wd50 { width:50px; }
#content_w .wd75 { width:75px; }
#content_w .wd100 { width:100px; }
#content_w .wd150 { width:150px; }
#content_w .wd200 { width:200px; }
#content_w .wd250 { width:250px; }
#content_w .wd300 { width:300px; }
#content_w .wd350 { width:350px; }
#content_w .wd400 { width:400px; }
#content_w .wd450 { width:450px; }
#content_w .wd500 { width:500px; }
#content_w .wd600 { width:600px; }


@media screen and (max-width: 768px) {
	#content_w .wd25 { width:4.5vw; }
	#content_w .wd50 { width:12vw; }
	#content_w .wd75 { width:19.5vw; }
	#content_w .wd100 { width:22vw; }
	#content_w .wd150 { width:75vw; }
	#content_w .wd200 { width:20vw; }
	#content_w .wd250 { width:95vw; }
	#content_w .wd300 { width:30vw; }
	#content_w .wd350 { width:35vw; }
	#content_w .wd400 { width:75vw; }
	#content_w .wd450 { width:92vw; }
	#content_w .wd500 { width:50vw; }
	#content_w .wd600 { width:92vw; }
}

#content_w .mt10 { margin-top:10px;}
#content_w .mt20 { margin-top:20px;}
#content_w .mt30 { margin-top:30px;}
#content_w .mt40 { margin-top:40px;}
#content_w .mt50 { margin-top:50px;}

#content_w .mb100 {margin-bottom:100px;}

#content_w .pl30 { padding-left:30px;}
#content_w .pl50 { padding-left:50px;}

#content_w .fs_s { font-size:80%;}
#content_w .fs_m { font-size:100%;}
#content_w .fs_l { font-size:120%;}

#content_w .sslbox { border:1px solid #eee; padding:15px;}



#content_w table.red { background:#fef7f8;}
#content_w table.red,#content_w table.red tr,#content_w table.red td { border:2px #555 solid;border-collapse: collapse;}
#content_w table.red td.red2 { border-bottom:1px #f8ced3 solid;}

#content_w table.normal,#content_w table.normal tr,#content_w table.normal td { border:1px #d2c2ab solid;border-collapse: collapse;}


#content_w table , #content_w td , #content_w tr { vertical-align:middle !important;}

#content_w table.formtable { width:100%; }
#content_w table.formtable .title { width:30%}
#content_w table.formtable .title.cs_no_title { width:13% }
#content_w table.formtable td {padding:15px 0 15px 20px;}
#content_w table.formtable.red td {padding:15px 20px 15px 20px;}
#content_w table.formtable td.centerset { vertical-align:middle;}

#content_w table.formtable td b { color:#cc0000; font-weight:normal; margin-left:2px;}
#content_w table.formtable td .attention_seikyu { display:block; margin-top:30px;}

#content_w table.formtable td.overline {padding:25px 0 5px 20px !important;}

#content_w table.formtable td .name1 { float:left; text-align:right; width:220px;}
#content_w table.formtable td .name2 { float:left; text-align:right; width:220px;}

#content_w table.formtable td .name1 input, #content_w table.formtable td .name2 input { width:150px;}

#content_w table.formtable td .hr1 { height:1px; border:none; background:#d2c2ab; width:300px; margin:10px 0;}

#content_w table.formtable input , #content_w table.formtable textarea , #content_w table.formtable select  { border:1px solid #999; }

#content_w table.formtable input , #content_w table.formtable select  {height:1.8em; vertical-align: bottom;accent-color: #d80c24;}

#content_w table.formtable select  { border:1px solid #999; background: #fff;}
#content_w table.formtable select:disabled { background: #efefef; }
#content_w .btnbox { text-align:center; margin-top:30px;}
#content_w .btnbox input:hover { opacity:0.6; cursor: pointer !important;}
#content_w input { border:none;}
#content_w table.formtable input.cs_no {
	font-size: 1.5em;
	border: 3px solid #d80c24;
}

#content_w .img_uploader {
	padding: 2em;
	border: 1px #d2c2ab solid;
}

#content_w .img_up_txt1 {
	width: 100%;
	margin-bottom: 0.5em;
}
#content_w dd {
	display: inline-block;
  width: 280px;
  height: 280px;
  margin-right: 20px;
}
#content_w dd:last-child {
	margin-right: 0;
}
#content_w .img_uploader input[type="radio"] {
	width: 22px;
	height: 22px;
}
#content_w .img_up_btn:hover,
#content_w .img_uploader label:hover {
	cursor: pointer !important;
}
#content_w .img_up_image {
	width: 290px;
	height: 290px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	border: 1px #ddd solid;
}
.img_number {
    vertical-align: super;
}
@media screen and (max-width: 768px) {
	#content_w dd {
		width: 23vw;
		height: 23vw;
	}

	#content_w .img_up_image {
		width: 27vw;
		height: 27vw;
	}
}


#content_w .img_up_btn {
    background: #E7CD61;
    border-radius: 5px;
    padding: 0.7em 2em;
    color: #111;
    width: auto;
    margin: 0 auto;
    display: block;
    border: 1px solid #E1942A;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 50%);
    transition: all 300ms 0s ease;
}
#content_w .img_upload_btn_box1 .img_up_btn,
#content_w .img_upload_btn_box2 .img_up_btn {
	display: inline-block;
	margin-left: 1em;
}
#content_w .img_up_btn.img_delete {
	background: #eee;
    border: 1px #999 solid;
}



#content_w .img_up_btn:hover {
	opacity: 0.6;
	color: pointer;
}
.sample_image_txt {
	width: 100%;
	text-align: center;
	margin: 0 0 0.5em;
}
.sample_image {
	width: 700px;
	margin: 0 auto 2em;
}
.sample_image img {
	width: 100%;
}
@media screen and (max-width: 768px) {
	#wrapper {
		width: 100vw;
		overflow: hidden;
	}
	.sample_image {
		width: 85vw;
	}
	#content_w .fs_l {
		font-size: 100%;
		width: 90vw;
		padding: 0 3vw 3vw;
	}
	#top #breadcrumb p {
		width: auto !important;
	}

	.formtable td {
		display: block;
		float: none;
	}

	#content_w table.formtable td .name1,
	#content_w table.formtable td .name2 {
		display: block;
		float: none;
		width: 77.5vw;
	}
	#content_w table.formtable td .name2{
		margin-top: 1em;
	}
	#content_w table.formtable td .name1 input, #content_w table.formtable td .name2 input {
		width: 60vw;
	}
	#case_breakdown,
	#message {
	    width: 75vw;
	}
	#content_w table.formtable .title {
		width: 100%;
	}
	#content_w table.formtable .title.cs_no_title {
		width: 100%
	}
	#content_w table.formtable .title.cs_no_title .fs_l {
		padding: 0;
	}
	#content_w table.red tr, #content_w table.red td {
		border: none;
	}
	#content_w table.normal tr, #content_w table.normal td {
		border: none;
	}
	#content_w table.formtable td {
		padding: 3vw 0 3vw 3vw !important;
	}
	#content_w table.normal tr {
		border-bottom: 1px #d2c2ab solid;
	}
	#content_w table.formtable td.overline {
		padding: 3vw 0 3vw 3vw !important;
	}
	#content_w table.formtable td:last-child {
		padding-top: 0;
	}
	#titleArea h2,
	#titleArea .inner {
		min-width: 100vw !important;
	}
	#content_w .kakunin_btn {
		height: 10vw;
	    margin-top: 30vw;
	}
	#content_w .kakunin_btn .pl50.kakunin_touroku {
		padding-left: 0;
		margin-top: -35vw;
    	display: block;
	}
}

#content_w #img_upload {
	text-align: center;
}
#content_w #img_upload .img_up_image {
	margin: 0 auto;
}
@media screen and (max-width: 768px) {
	#content_w #img_upload  .img_up_image {
		width: 75vw;
		height: 75vw;
		margin-bottom: 1em;
	}
	#content_w #img_upload .img_up_btn {
		margin-top: 2em;
	} 
}

.img_up_err {
	color: #e00;
	background: #ffeeee;
    padding: 0.2em;
    width: 60%;
    margin: 0 auto 1em auto;
}
@media screen and (max-width: 768px) {
	.img_up_err {
		width: 100%;
	}
}

#content_w h3.failure_error {
	background: #ee5555;
	color: #fff;
}
.failure_error_text {
	color: #ee0000;
}


/*
�������m��`����
*/
.modalArea {
  visibility: hidden;
  opacity : 0;
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: .4s;
}

.modalBg {
  width: 100%;
  height: 100%;
  background-color: rgba(30,30,30,0.9);
  z-index: 10;
}

.modalWrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
  width: 70%;
  max-width: 700px;
  padding: 10px 30px;
  background-color: #fff;
  max-height: 80vh;
  overflow-y: scroll;
}
@media screen and (max-width: 768px) {
	.modalWrapper {
		width: 75vw;
	}
}

.closeModal {
  position: absolute;
  top: 0.5rem;
  right: 1rem;
  cursor: pointer;
}

.is-show {
  visibility: visible;
  opacity : 1;
}

#openModal {
  background-color: #fff;
  border-radius: 2px;
  cursor: pointer;
  width: 27em;
  margin: 1em auto;
  text-align: center;
  text-decoration: underline;
  color: #d00c25;
  transition: all 300ms 0s ease;
  display: block;
}

#openModal:hover {
	opacity: 0.6;
	text-decoration: none;
}
@media screen and (max-width: 768px) {
	#openModal {
		width: 100%;
	}
}

#content_w a {
	text-decoration: underline;
}
#content_w a:hover {
	text-decoration: none;
}
#footer {
	text-align: center;
}

.billing_info_input,
.billing_info_2_Only,
.billing_info_3_Only {
  display: none;
}
#content_w .visit_info dt {
	display: inline-block;
	width: 15%;
	margin-bottom: 0.8em;
}
#content_w .visit_info dd {
	display: inline-block;
	width: 80%;
	height: auto;
	margin-bottom: 0.8em;
}
@media screen and (max-width: 768px) {
	#content_w .visit_info dt {
		width: 100%;
		margin-bottom: 0.5em;
	}
	#content_w .visit_info dd {
		width: 100%;
		margin-bottom: 1.5em;
	}
}


#content_w td select:hover,
#content_w td label {
	cursor: pointer;
}
#content_w td .txt_indnt {
	padding-left: 1em;
	text-indent: -1em;
}
#content_w .table_title {
	background-color:#f1ece6;
}

#content_w .mailform_link button {
	display: inline-block;
	text-decoration: underline;
	border: none;
	margin: 0;
	background: none;
	padding: 0;
	font-size: 1rem;
	font-weight: 300;
	color: #d80c24;
}
#content_w .mailform_link button:hover {
	text-decoration: none;
	cursor: pointer;
}
#content_w .h3_l {
 	display: inline-block;
 	/* width: 20%; */
 	width: 100%;
 	text-align: left;
}
#content_w .h3_r {
 	display: inline-block;
 	/* width: 78%; */
 	width: 100%;
 	/* text-align: right; */
 	text-align: left;
	font-weight: bold;
	color: #d80c24;
	font-size: 0.65em;
}
#content_w .h3_r.h3_r_comment {
	width: calc(100% - 7em);
	background: #f1ece6;
	padding: 0.5em 1em;
}
@media screen and (max-width: 768px) {
	#content_w .h3_l,
	#content_w .h3_r {
		display: block;
		width: 100%;
	}
	#content_w .h3_r.h3_r_comment {
		width: calc(100% - 3em);
	}
}
#content_w .redtxt {
	color: #d80c24;
	font-weight: bold;
}
#content_w .name_Err {
	display: block;
	margin-top: 2.5em;
}
#content_w .consent_check label {
    line-height: 1.85em;
}
.box_g-recaptcha {
	text-align: center;
}
.box_g-recaptcha .g-recaptcha {
    width: 300px;
    margin: 2em auto 0.5em;
}

td.td_corp_data_copy {
	text-align: center;
}
td.td_corp_data_copy p#corp_data_copy {
    padding: 0.4em 1.2em !important;
    display: inline-block;
    cursor: default;
}
td.td_corp_data_copy p#corp_data_copy:hover {
	cursor: pointer;
	opacity: 0.6;
}
.attention {
	color: #333;
}
.attention a {
	color: #d80c24;
}
.not_cs_no {
	text-align: center;
	color: #d80c24;
	margin: 3em 0;
	padding: 0.5em 1em;
	border: 1px solid #333;
	background: #eee;
	font-size: 1.1em;

}
.not_cs_no b {
	font-weight: bold;
}
.overline.red {
	width: 61%;
}
.cs_no_pos {
	font-size: 1.1em;
}
.read_comment {
	margin-top: 1.5em;
	/* color: #d80c24; */
}
.read_comment span {
	display: block;
	margin-top: 0.5em;
	text-indent: -1em;
	padding-left: 1em;
}

/* 202508 filter form */
.filter_mente #header,
.filter_mente .toggle-menu-wrp,
.filter_mente .menu-btn-wrp {
	display: none;
}

.filter_mente #main {
	margin-top: 2em;
}
@media screen and (max-width: 768px) {
	.filter_mente .wrapper {
		padding: 0 !important;
	}
	.filter_mente #main {
		margin-top: 0.5em;
	}
}
.filter_mente .mgb1em {
	margin-bottom: 1em;
}
.filter_mente .mgb2em {
	margin-bottom: 2em;
}
.filter_mente #content_w table.table_stay_date tr,
.filter_mente #content_w table.table_stay_date td {
	padding: 0 1em 1em 0;
    border: none;
}
.filter_mente #content_w table.table_stay_date td input,
.filter_mente #content_w table.table_stay_date td label {
	vertical-align: middle;
}
@media screen and (max-width: 768px) {
	.filter_mente #content_w table.table_stay_date tr,
	.filter_mente #content_w table.table_stay_date td {
		padding: 0 0 0 0 !important;
		border: none;
	}
	.filter_mente #content_w table.table_stay_date td:last-child {
		padding: 0 0 1em 0 !important;
	}
}