@charset "UTF-8";
/*==================================================================
	sec-contact 
===================================================================*/
.sec-contact { padding: 160px 0 170px;}
.sec-contact .inner { max-width: 970px;}
.sec-contact .sec-title { margin-bottom: 125px;}
@media screen and (max-width: 767px){
	.sec-contact { padding: 60px 0 60px;}
	.sec-contact .sec-title { margin-bottom: 40px;}
}
*:focus,
*:focus-visible {
	outline: none;
}
hr {
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
	height:0
  }
  pre {
	overflow:auto
  }
  code,
  kbd,
  pre,
  samp {
	font-family:monospace,monospace;
	font-size:1em
  }
  button,
  input,
  optgroup,
  select,
  textarea {
	color:inherit;
	font:inherit;
	margin:0
  }
  button {
	overflow:visible
  }
  button,
  select {
	text-transform:none
  }
  button,
  html input[type=button],
  input[type=reset],
  input[type=submit] {
	-webkit-appearance:button;
	cursor:pointer
  }
  button[disabled],
  html input[disabled] {
	cursor:default
  }
  button::-moz-focus-inner,
  input::-moz-focus-inner {
	border:0;
	padding:0
  }
  input {
	line-height:normal
  }
  input[type=checkbox],
  input[type=radio] {
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding:0
  }
  input[type=number]::-webkit-inner-spin-button,
  input[type=number]::-webkit-outer-spin-button {
	height:auto
  }
  input[type=search] {
	-webkit-appearance:textfield;
	-webkit-box-sizing:content-box;
	box-sizing:content-box
  }
  input[type=search]::-webkit-search-cancel-button,
  input[type=search]::-webkit-search-decoration {
	-webkit-appearance:none
  }
  textarea {
	overflow:auto
  }
  .hidden,
  [hidden] {
	display:none!important
  }
  .pure-form input[type=color],
  .pure-form input[type=date],
  .pure-form input[type=datetime-local],
  .pure-form input[type=datetime],
  .pure-form input[type=email],
  .pure-form input[type=month],
  .pure-form input[type=number],
  .pure-form input[type=password],
  .pure-form input[type=search],
  .pure-form input[type=tel],
  .pure-form input[type=text],
  .pure-form input[type=time],
  .pure-form input[type=url],
  .pure-form input[type=week],
  .pure-form select,
  .pure-form textarea {
	padding:.5em .6em;
	display:inline-block;
	border:1px solid #ccc;
	-webkit-box-shadow:inset 0 1px 3px #ddd;
	box-shadow:inset 0 1px 3px #ddd;
	border-radius:4px;
	vertical-align:middle;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
  }
  .pure-form input:not([type]) {
	padding:.5em .6em;
	display:inline-block;
	border:1px solid #ccc;
	-webkit-box-shadow:inset 0 1px 3px #ddd;
	box-shadow:inset 0 1px 3px #ddd;
	border-radius:4px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
  }
  .pure-form input[type=color] {
	padding:.2em .5em
  }
  .pure-form .pure-checkbox,
  .pure-form .pure-radio {
	margin:.5em 0;
	display:block
  }
  .pure-form input[type=color][disabled],
  .pure-form input[type=date][disabled],
  .pure-form input[type=datetime-local][disabled],
  .pure-form input[type=datetime][disabled],
  .pure-form input[type=email][disabled],
  .pure-form input[type=month][disabled],
  .pure-form input[type=number][disabled],
  .pure-form input[type=password][disabled],
  .pure-form input[type=search][disabled],
  .pure-form input[type=tel][disabled],
  .pure-form input[type=text][disabled],
  .pure-form input[type=time][disabled],
  .pure-form input[type=url][disabled],
  .pure-form input[type=week][disabled],
  .pure-form select[disabled],
  .pure-form textarea[disabled] {
	cursor:not-allowed;
	background-color:#eaeded;
	color:#cad2d3
  }
  .pure-form input:not([type])[disabled] {
	cursor:not-allowed;
	background-color:#eaeded;
	color:#cad2d3
  }
  .pure-form input[readonly],
  .pure-form select[readonly],
  .pure-form textarea[readonly] {
	background-color:#eee;
	color:#777;
	border-color:#ccc
  }
  .pure-form input:focus:invalid,
  .pure-form select:focus:invalid,
  .pure-form textarea:focus:invalid {
	color:#b94a48;
	border-color:#e9322d
  }
  .pure-form input[type=checkbox]:focus:invalid:focus,
  .pure-form input[type=file]:focus:invalid:focus,
  .pure-form input[type=radio]:focus:invalid:focus {
	outline-color:#e9322d
  }
  .pure-form select {
	height:2.25em;
	border:1px solid #ccc;
	background-color:#fff
  }
  .pure-form select[multiple] {
	height:auto
  }
  .pure-form label {
	margin:.5em 0 .2em;

  }
  .pure-form fieldset {
	margin:0;
	padding:.35em 0 .75em;
	border:0
  }
  .pure-form legend {
	display:block;
	width:100%;
	padding:.3em 0;
	margin-bottom:.3em;
	color:#333;
	border-bottom:1px solid #e5e5e5
  }
  .pure-form-stacked input[type=color],
  .pure-form-stacked input[type=date],
  .pure-form-stacked input[type=datetime-local],
  .pure-form-stacked input[type=datetime],
  .pure-form-stacked input[type=email],
  .pure-form-stacked input[type=file],
  .pure-form-stacked input[type=month],
  .pure-form-stacked input[type=number],
  .pure-form-stacked input[type=password],
  .pure-form-stacked input[type=search],
  .pure-form-stacked input[type=tel],
  .pure-form-stacked input[type=text],
  .pure-form-stacked input[type=time],
  .pure-form-stacked input[type=url],
  .pure-form-stacked input[type=week],
  .pure-form-stacked label,
  .pure-form-stacked select,
  .pure-form-stacked textarea {
	display:block;
	margin:.25em 0
  }
  .pure-form-stacked input:not([type]) {
	display:block;
	margin:.25em 0
  }
  .pure-form-aligned .pure-help-inline,
  .pure-form-aligned input,
  .pure-form-aligned select,
  .pure-form-aligned textarea,
  .pure-form-message-inline {
	display:inline-block;
	vertical-align:middle
  }
  .pure-form-aligned textarea {
	vertical-align:top
  }
  .pure-form-aligned .pure-control-group {
	margin-bottom:.5em
  }
  .pure-form-aligned .pure-control-group label {
	text-align:right;
	display:inline-block;
	vertical-align:middle;
	width:10em;
	margin:0 1em 0 0
  }
  .pure-form-aligned .pure-controls {
	margin:1.5em 0 0 11em
  }
  .pure-form .pure-input-rounded,
  .pure-form input.pure-input-rounded {
	border-radius:2em;
	padding:.5em 1em
  }
  .pure-form .pure-input-1 {
	width:100%
  }
  .pure-form .pure-input-3-4 {
	width:75%
  }
  .pure-form .pure-input-2-3 {
	width:66%
  }
  .pure-form .pure-input-1-2 {
	width:50%
  }
  .pure-form .pure-input-1-3 {
	width:33%
  }
  .pure-form .pure-input-1-4 {
	width:25%
  }
  .pure-form .pure-help-inline,
  .pure-form-message-inline {
	display:inline-block;
	padding-left:.3em;
	color:#666;
	vertical-align:middle;
	font-size:.875em
}
.pure-form-message {
	display:block;
	color:#666;
	font-size:.875em
}
@media only screen and (max-width :480px) {
	.pure-form button[type=submit] {
	  margin:.7em 0 0
	}
	.pure-form input:not([type]),
	.pure-form input[type=color],
	.pure-form input[type=date],
	.pure-form input[type=datetime-local],
	.pure-form input[type=datetime],
	.pure-form input[type=email],
	.pure-form input[type=month],
	.pure-form input[type=number],
	.pure-form input[type=password],
	.pure-form input[type=search],
	.pure-form input[type=tel],
	.pure-form input[type=text],
	.pure-form input[type=time],
	.pure-form input[type=url],
	.pure-form input[type=week],
	.pure-form label {
	  margin-bottom:.3em;
	  display:block
	}
	.pure-form-aligned .pure-control-group label {
	  margin-bottom:.3em;
	  text-align:left;
	  display:block;
	  width:100%
	}
	.pure-form-aligned .pure-controls {
	  margin:1.5em 0 0 0
	}
	.pure-form .pure-help-inline,
	.pure-form-message,
	.pure-form-message-inline {
	  display:block;
	  font-size:.75em;
	  padding:.2em 0 .8em
	}
}

/* ===========================
4.メーラー起動版
============================== */
.fw-bold { font-weight: bold; }
#contents .sec-contact .ttl {
	font-size: 1.2rem;
	line-height: 1.7;
	margin: 0 0 15px;
}
#contents .sec-contact #contact_head {
	text-align: center;
	margin-top: 40px;
}
#contents .sec-contact #contact_head p {
	font-size: 1.25rem;
	font-weight: bold;
	margin: 0;
}
#contents .sec-contact .contact_box {
	border: 1px #5fb7fc solid;
	padding: 0 20px;
	margin: 40px 0 10px;
}
#contents .sec-contact .contact_box2 {
	margin: 40px 0 10px;
}
/*#contents .sec-contact a,*/
#contents .sec-contact .contact_tel {
	text-decoration: none;
	color: #f03;
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: bold;
}
@media screen and (min-width: 40em) {/* 640px */
	#contents .sec-contact .ttl {
		font-size: 1.4rem;
	}
	#contents .sec-contact #contact_head {
		margin-top: 90px;
	}
	#contents .sec-contact .contact_box,
	#contents .sec-contact .contact_box2 {
		margin: 70px 0 20px;
	}

}


/* ===========================
5.フォーム版
============================== */
.sec-contact form {
	margin-top: 55px;
}
.sec-contact label span {
	color: #f00;
}
.sec-contact .contact_controls p,
.sec-contact .contact_controls label {
	display: block;
}
.sec-contact .contact_controls label input {
	vertical-align: middle;
}
.sec-contact .contact_formset {
	margin-bottom: 10px;
}
.sec-contact .contact_formset label:first-child {
	display: block;
	width: 12em;
	vertical-align: middle;
	text-rendering: auto;
	margin: 0 1em 0 0;
}
.sec-contact .contact_formset>input,
.sec-contact .contact_formset>textarea {
	display: block;
	width: 100%;
}
.sec-contact .submit-area {
	text-align: center;
    margin: 40px 0 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sec-contact .document{
	background: #fff;
	overflow: auto; 
	height: 130px;
	width: 100%;
	word-wrap: break-word;
	border: 1px solid #ccc;
	margin: 0 auto;
	padding: 5px;
}
.sec-contact .document h4{
	margin-bottom: 0;
}
.sec-contact .document ol li{
	list-style: decimal;
	font-size: 0.9375rem;
	padding-left: 1rem;
	margin-bottom: 1em;
}
.sec-contact .document p,
.sec-contact .document ol li{
	font-size: 13px;
}
.sec-contact .pure-checkbox{
	width: 100%;
}
.sec-contact .pure-controls{
	margin: 1.5em auto 0;
	text-align: left;
	padding-left: 20px;
	text-indent: -20px;
}
.contact-form {
	font-size: 1.2rem;
}
.contact-form .submit-area {
	margin-top: 80px;
}
.sec-contact .headline .ttl-jp {
	font-size: 2.6rem;
	letter-spacing: 0.01em;
	font-weight: bold;
	margin: 0 0 30px;
}
.sec-contact .headline .ttl-jp.md {
	font-size: 1.7rem;
	letter-spacing: 0;
	font-weight: 400;
}
.sec-contact .headline .txt {
	font-size: 1.4rem;
	font-weight: 500;
    line-height: 2.7;
    letter-spacing: 0.01em;
}
.sec-contact .ttl-inquiry {
	font-size: 2.5rem;
	font-weight: bold;
	letter-spacing: 0;
	border-bottom: 2px solid #1F469D;
	width: 77%;
	margin: 40px 30px 30px auto;
    padding: 0 0 5px 5px;
}

@media screen and (min-width: 40em) { /* 640px */
}
@media screen and (min-width: 48em) { /* 768px：PC用 */
	.contact-form {
		font-size: 1.5rem;
	}
	.sec-contact .contact_controls {
		margin-left: 13.5em;
	}
	.sec-contact .document{
		padding: 15px;
	}
	.sec-contact .document p,
	.sec-contact .document ol li{
		font-size: 14px;
	}
	.sec-contact .contact_formset {
		margin-bottom: 20px;
	}
	.sec-contact .contact_formset label:first-child {
		text-align: right;
		display: inline-block;
	}
	.sec-contact .contact_formset>input,
	.sec-contact .contact_formset>textarea {
		display: inline-block;
		width: 65%;
	}
	.sec-contact .pure-controls {
		text-align: center;
	}
}
@media screen and (min-width: 64em) {/* 1024px */
	.sec-contact .contact_formset>input,
	.sec-contact .contact_formset>textarea {
		width: 75%;
	}
}
@media screen and (max-width: 767px) {
	.contact-form .submit-area {
		margin-top: 40px;
	}
	.sec-contact form {
		margin-top: 30px;
	}
	.sec-contact .headline .txt {
		font-size: 1.2rem;
		line-height: 2;
	}
	.sec-contact .headline .ttl-jp {
		font-size: 1.6rem;
		margin: 0 0 15px;
	}
	.sec-contact .headline .ttl-jp.md {
		font-size: 1.5rem;
	}
	.sec-contact .ttl-inquiry {
		font-size: 1.8rem;
		width: 100%;
        margin: 0 0 20px;
		padding: 0 0 5px;
		border-bottom: 1px solid #1F469D;
		
	}
}


/* ===========================
6.フォーム版確認画面
============================== */
.sec-contact #formWrap {
	width:90%;
	margin:10px auto;
	background-color:#fff;
	padding: 0 10px 30px;
	border-radius: 2em;
}
.sec-contact .thanks {
	margin-top: 90px;
}
@media print, screen and (min-width: 568px){
	.sec-contact #formWrap {
		width:520px;
		margin-top: 20px;
		padding: 10px 20px 30px;
	}
}
@media print, screen and (min-width: 960px){
	.sec-contact #formWrap {
		width:940px;
	}
}

.sec-contact table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
.sec-contact table.formTable td,table.formTable th{
	border:1px solid #D9D9D9;
	padding:10px;
	text-align: left;
}
.sec-contact table.formTable th{
	width:30%;
	font-weight:normal;
	background:#F0F0F0;
	text-align:center;
}
.sec-contact p.error_messe{
	margin: 5px 0;
	color: red;
}
.sec-contact a {
	color: #0706ED;
	text-decoration: underline;
}
.sec-contact a:hover {
	text-decoration: none;
}
.privacy_scroll_box {
	font-size: 1.4rem;
    border: #888 solid 1px;
	margin-bottom: 6px;
    padding: 0;
    height: 190px;
    background-color: #fff;
    resize: vertical;
    overflow: hidden;
}
.privacy_scroll_inner {
	padding: 12px;
	height: calc(100% - 5px);
	overflow-y: scroll;
}
.privacy_scroll_inner .privacy_table {
	font-size: 1.4rem;
	border-collapse: collapse;
	border-spacing: 0px;
	line-height: 1.8;
}
.privacy_scroll_box h5 {
	color: #654C4C;
	letter-spacing: 0.01em;
	font-weight: bold;
	margin: 0 0 7px;
}
.privacy_scroll_box p {
	letter-spacing: 0.01em;
	margin-bottom: 20px;
}
.privacy_scroll_inner .privacy_table td {
	vertical-align: top;
	padding-bottom: 12px;
	line-height: 20px;
}
.submit-area .page-btn {
	display: inline-block;
	width: 278px;
	line-height: 1.8;
	color: #fff!important;
	text-decoration: none;
}
.submit-area .page-btn.disabled {
	cursor: not-allowed;
	opacity: 0.5;
}
.submit-area .page-btn.disabled:hover {
	background-color: #1F469D;
	opacity: 0.5;
}
.submit-area .page-btn.btn_back {
	margin-left: 30px;
	opacity: 0.5;
	text-decoration: none;
}
.submit-area .page-btn.btn_back:hover {
	opacity: .8;
}
.contact-form .submit-area .page-btn {
	width: 580px;
}
.tex_al_r { text-align: right; }
.form_error {
	display: block;
	padding-left: 20.5%;
	font-size: 1.2rem;
	color: #dc3232;
	margin-top: 5px;
}
@media screen and (max-width: 767px) {
	.privacy_scroll_box {
		font-size: 1.2rem;
	}
	.sec-contact table.formTable {
		font-size: 1.2rem;
		letter-spacing: -0.05em;
	}
	table.formTable th {
		padding: 5px;
	}
	.sec-contact .submit-area {
		flex-direction: column;
	}
	.contact-form .submit-area .page-btn,
	.submit-area .page-btn {
		width: 96%;
	}
	.submit-area .page-btn.btn_back {
		margin: 15px 0 0;
	}
	.form_error {
		padding-left: 0;
		font-size: 1rem;
	}
}
.md-policy h4 {
	font-weight: bold;
	margin-top: 40px;
}
.md-policy p + p { margin-top: 40px;}
@media screen and (max-width: 767px) {
	.md-policy { font-size: 1.2rem;}
	.md-policy h4 { margin-top: 20px;}
	.md-policy p + p { margin-top: 20px;}
}