/* PC styles originally embedded in each screen */
:where(.takumi-index) #inquiryt #contents {
	box-sizing: border-box;
}#inquiry.takumi-index #main p em {
    padding: 0 0 0 15px;
}:where(.takumi-index) .phone {
	padding-bottom: 1rem;
	color: #333333;
	font-size: 1rem;
}#inquiry.takumi-index table#main_table td {
	padding-left: 0.8rem;
	box-sizing: border-box;
}#inquiry.takumi-index table#main_table td input,
#inquiry.takumi-index table#main_table td textarea {
	width: 100%;
	padding: 0.5rem;
	box-sizing:border-box;
	font-family: ＭＳ\ Ｐゴシック,Osaka,sans-serif;
	font-size: 1.25rem;
}#inquiry.takumi-index table#main_table tr:nth-child(3) td input,
#inquiry.takumi-index table#main_table tr:nth-child(5) td input {
	width: 50%;
}#inquiry.takumi-index table#main_table tr:nth-child(7) td {
	display: inline-block;
}#inquiry.takumi-index table#main_table tr:nth-child(7) td::after {
	content: " 月（個人の方は12月とご入力ください。）";
}#inquiry.takumi-index table#main_table tr:nth-child(7) td input {
	width: 3rem;
}:where(.takumi-index) .button_box input {
	width: 47%;
	font-size: 23px;
	font-weight: bold;
	letter-spacing: 1rem;
}

:where(.takumi-conf) #inquiryt #contents {
	box-sizing: border-box;
}#inquiry.takumi-conf #main p em {
    padding: 0 0 0 15px;
}:where(.takumi-conf) .phone {
	padding-bottom: 1rem;
	color: #333333;
	font-size: 1rem;
}#inquiry.takumi-conf table#main_table {
	padding-top: 1rem;
}#inquiry.takumi-conf table#main_table td {
	margin-bottom: 1.5rem;
	padding: 0.5rem 0 0.3rem 0.8rem;
	border-bottom: dotted 1px #cccccc;
	font-size: 1.15rem;
	letter-spacing: 0.1rem;
}:where(.takumi-conf) .button_box {
	box-sizing: border-box;
}:where(.takumi-conf) .button_box input {
	width: 46%;
	margin: 0;
	font-size: 23px;
	font-weight: bold;
	letter-spacing: 1rem;
}:where(.takumi-conf) .button_box input:first-child {
	margin: 0 6% 0 0;
	background: #4ad8bf;
	text-shadow:1px 1px 3px #097f6a;
}#inquiry.takumi-conf table#main_table tr:nth-child(7) td::after {
	content: " 月";
}




/* Contact form: mobile layout. Desktop styles are retained. */
@media screen and (max-width: 767px) {
 html { min-width: 0 !important; }
 body#inquiry { min-width: 0 !important; width: auto !important; margin: 0; font-size: 14px; line-height: 1.7; }
 #inquiry #wrapper, #inquiry #pagebody, #inquiry #main, #inquiry #contents {
  width: auto !important; min-width: 0 !important; max-width: 100% !important;
  float: none !important; box-sizing: border-box; margin-left: 0 !important; margin-right: 0 !important;
 }
 #inquiry #pagebody { padding: 0 16px 30px !important; }
 #inquiry #main, #inquiry #contents { padding: 0 !important; }
 #inquiry .pageHeader { min-width: 0 !important; width: auto !important; height: auto !important; }
 #inquiry .pageHeader_inner { width: auto !important; min-width: 0 !important; height: auto !important; padding: 16px !important; }
 #inquiry .pageHeader_logoLink { position: static !important; float: none !important; margin: 0 !important; width: auto !important; }
 #inquiry .pageHeader_logoLink img { max-width: 100%; height: auto; }
 #inquiry .pageHeader_infoList, #inquiry .pageHeader_nav, #inquiry .pageHeader_gnav,
 #inquiry .mainNavigation, #inquiry #pgtop, #inquiry .pageFooter,
 #inquiry .commonFooterSp, #inquiry .pageFooter_bottomNavi { display: none !important; }
 #inquiry #contents .smalltext { text-align: left; font-size: 12px; overflow-wrap: anywhere; }
 #inquiry #contents h1, #inquiry #contents h2, #inquiry #contents h3 { width: auto !important; height: auto !important; box-sizing: border-box; line-height: 1.5; }
 #inquiry #contents h1 { font-size: 24px; }
 #inquiry #contents p { font-size: 16px; line-height: 1.8; overflow-wrap: anywhere; }
 #inquiry #main p em { padding-left: 0; }
 #inquiry .comments-open-content, #inquiry #contents .inner, #inquiry #txt_explain { width: auto !important; padding-left: 0 !important; padding-right: 0 !important; }
 #inquiry table#main_table, #inquiry table#main_table tbody,
 #inquiry table#main_table tr, #inquiry table#main_table th, #inquiry table#main_table td {
  display: block !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important;
  box-sizing: border-box; height: auto !important; text-align: left !important; float: none !important;
 }
 #inquiry table#main_table { border: 0 !important; table-layout: fixed; }
 #inquiry table#main_table tr { margin-bottom: 20px; }
 #inquiry table#main_table th { border: 0 !important; border-left: 5px solid #49d8be !important; padding: 6px 10px !important; font-size: 16px; background: #f3f7f8; color: #222; }
 #inquiry table#main_table td { border: 0 !important; padding: 10px 0 0 !important; overflow-wrap: anywhere; font-size: 16px; }
 #inquiry table#main_table td input:not([type=hidden]):not([type=radio]):not([type=checkbox]),
 #inquiry table#main_table td textarea, #inquiry table#main_table td select {
  width: 100% !important; max-width: 100% !important; min-height: 44px; padding: 10px !important;
  box-sizing: border-box; font-size: 16px !important; line-height: 1.5; border: 1px solid #aaa; border-radius: 4px;
 }
 #inquiry table#main_table td textarea { min-height: 160px; resize: vertical; }
 #inquiry table#main_table td input[type=radio], #inquiry table#main_table td input[type=checkbox] { width: 20px !important; height: 20px; padding: 0 !important; vertical-align: middle; }
 #inquiry table#main_table td label { display: inline-block; padding: 8px 8px 8px 4px; }
 #inquiry table#main_table td input[name=item_stext04] { width: 5rem !important; }
 #inquiry .button_box { display: flex; gap: 12px; flex-wrap: wrap; padding: 12px 0 !important; }
 #inquiry .button_box input[type=submit] { flex: 1 1 120px; width: auto !important; min-height: 48px; margin: 0 !important; padding: 10px 12px !important; font-size: 18px !important; line-height: 1.5 !important; letter-spacing: .15em !important; box-sizing: border-box; }
 #inquiry .contact-mobile-footer { display: block !important; padding: 24px 16px; text-align: center; font-size: 13px; border-top: 1px solid #ddd; }
}


/* Match the current smartphone form; all rules below are mobile only. */
@media screen and (max-width: 767px) {
 #inquiry { border-top: 3px solid #49d8be; background: #fff; color: #333; }
 #inquiry .pageHeader { background: #fff !important; border: 0 !important; padding: 0 !important; }
 #inquiry .pageHeader_inner { padding: 24px 16px 20px !important; text-align: center; }
 #inquiry .pageHeader_logoLink { text-align: center; }
 #inquiry .pageHeader_logoLink a { display: inline-block; }
 #inquiry .pageHeader_logoLink img { width: 192px !important; height: auto !important; }
 #inquiry #contents > div[align=right], #inquiry #contents > br { display: none; }
 #inquiry #contents h1 { position: relative; background: linear-gradient(#fff,#edf8fc) !important; border: 1px solid #ccc !important; margin: 0 0 24px !important; padding: 9px 12px 9px 22px !important; font-size: 16px !important; color: #333 !important; font-weight: normal; text-indent: 0 !important; }
 #inquiry #contents h1:before { content: ''; position: absolute; left: 10px; top: 10px; bottom: 10px; width: 4px; background: #49d8be; }
 #inquiry #contents h2 { background: #eee !important; border: 1px solid #ccc !important; padding: 6px 10px !important; margin: 26px 0 12px !important; font-size: 15px !important; color: #333 !important; font-weight: normal; text-indent: 0 !important; }
 #inquiry #contents p { font-size: 14px; }
 #inquiry #contents .bottom20 { margin-bottom: 0 !important; }
 #inquiry #contents .bottom20 + br { display: none; }
 #inquiry #contents .phone { padding: 0 !important; font-size: 13px; }
 #inquiry #contents .phone em { display: block; font-style: normal; font-size: 20px; line-height: 1.7; }
 #inquiry #txt_explain .red { color: #e00000 !important; }
 #inquiry table#main_table tr { margin-bottom: 18px; }
 #inquiry table#main_table th { border-left-width: 4px !important; padding: 0 0 0 7px !important; background: transparent !important; font-size: 14px; font-weight: normal; line-height: 1.5; }
 #inquiry table#main_table td { padding-top: 8px !important; }
 #inquiry table#main_table td input:not([type=hidden]):not([type=radio]):not([type=checkbox]),
 #inquiry table#main_table td textarea, #inquiry table#main_table td select { border-color: #ccc; border-radius: 4px; background: #fff; }
 #inquiry table#main_table td input[type=radio], #inquiry table#main_table td input[type=checkbox] { width: 18px !important; height: 18px; }
 #inquiry .button_box input[type=submit] { background: linear-gradient(180deg,#265ab1,#153289) !important; border: 0 !important; border-radius: 5px; color: #fff !important; font-size: 16px !important; letter-spacing: 0 !important; font-weight: bold; }
 #inquiry .contact-mobile-footer { border-top: 4px solid #ddd; background: #fff; color: #555; line-height: 1.8; }
 #inquiry .contact-mobile-footer a { display: inline-block; padding: 10px; color: #333; text-decoration: underline; }
 #inquiry .contact-mobile-footer small { font-size: 10px; }
}
.contact-mobile-footer { display: none; }
/* スマホ：PC用の背景と位置ずれを解除 */
@media screen and (max-width: 767px) {
  #inquiry #wrapper,
  #inquiry #pagebody,
  #inquiry #main,
  #inquiry #contents {
    background: none !important;
    left: auto !important;
    right: auto !important;
    min-width: 0 !important;
    box-sizing: border-box;
  }

  #inquiry #contents {
    width: 100% !important;
  }

  #inquiry #contents form,
  #inquiry #contents .inner,
  #inquiry .comments-open-content {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
}