@charset "UTF-8";
/* CSS Document */


/** ----------------------------------------------------------------------------
 *	お問合せ
---------------------------------------------------------------------------- **/
.head_txt {
  text-align: left;
}

@media (max-width: 767px) {
  .head_txt {
    text-align: left;
  }
}

#leaf-head {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 90px;
}

.leaf-inner {
  width: min(calc(100% - 30px), 1160px);
  margin: 0 auto;
  text-align: center;
}

#leaf-head h1 {
  margin: 10px auto;
}

#leaf-head h1 img {
  height: 70px;
  width: auto;
}

.require {
  color: #F00;
}

.section--contact {
  background: #f3f3f3;
  padding: 10px 0;
}

.section--contact h2 {
  margin: 20px auto;
  font-size: 28px;
}

.formsubmit {
  margin: 50px auto;
  text-align: center;
  line-height: 180%;
}

.formsubmit a:link, .formsubmit a:hover, .formsubmit a:visited {
  text-decoration: underline;
  color: #533042;
}

.submit_check  {
	margin:			0 0 10px 20px;
}
/* ラベルのスタイル　*/
.submit_check  label {
	padding-left:		34px;			/* ラベルの位置 */
	font-size:		22px;
	line-height:		22px;
	display:		inline-block;
	cursor:			pointer;
	position:		relative;
}

/* ボックスのスタイル */
.submit_check  label:before {
	content:		'';
	width:			22px;			/* ボックスの横幅 */
	height:			22px;			/* ボックスの縦幅 */
	display:		inline-block;
	position:		absolute;
	left:			0;
	background-color:	#fff;
	box-shadow:		inset 1px 2px 3px 0px #000;
	border-radius:		6px 6px 6px 6px;
}
/* 元のチェックボックスを表示しない */
.submit_check  input[type=checkbox] {
	display:		none;
}
/* チェックした時のスタイル */
.submit_check  input[type=checkbox]:checked + label:before {
	content:		'\2713';		/* チェックの文字 */ 
	font-size:		22px;			/* チェックのサイズ */
	color:			#fff;			/* チェックの色 */
	background-color:	#06f;			/* チェックした時の色 */
}


.submit_button {
    display: block;
    margin: 25px auto 25px auto;
    padding: 12px 60px 12px 60px;
    background: #11457b;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    border: none;
    cursor: pointer;
    line-height:1;
}


@media (max-width: 767px) {
    .submit_button {
        font-size: 18px;
        line-height:0.9;
    }
}

.submit_button:hover {
  opacity: 0.9;
}

.submit_button_sub {
  display: block;
  margin: 25px auto;
  padding: 12px 60px;
  background: #fff;
  color: #11457b;
  font-size: 18px;
  font-weight: normal;
  border: #e18b9b 1px;
  cursor: pointer;
    line-height:1;
}

.submit_button_sub:hover {
  opacity: 0.9;
}


#formWrap {
  width: 100%;
  margin: 30px auto 0 auto;
  color: #555;
  line-height: 120%;
}

table.formTable {
  width: 100%;
  margin: 10px auto;
  border-collapse: collapse;
}

table.formTable td, table.formTable th {
  border: 1px solid #ccc;
  padding: 10px;
  text-align: left;
}

table.formTable th {
  width: 30%;
  font-weight: normal;
  background: #f9f9f9;
  vertical-align: top;
}

table.formTable td {
  background: #fff;
}

form input[type="text"], form textarea, form input[type="date"] {
  font-size: 18px;
}
form select{
  font-size: 18px;
}

table.formTable ul {
  margin: 10px 0;
}

table.formTable .kind {
  font-size: 18px;
  margin-bottom: 5px;
}

.form_exp {
  margin: 0 auto 10px auto;
  text-align: left;
  display: inline-block
}

.mb200 {
  margin-bottom: 200px;
}

/*　SP用CSS　*/
@media screen and (max-width:572px) {
  #formWrap {
    width: 95%;
  }

  table.formTable th, table.formTable td {
    width: auto;
    display: block;
  }

  table.formTable th {
    margin-top: 5px;
    border-bottom: 0;
  }

  form input[type="text"], form textarea {
    width: 80%;
    padding: 5px;
    display: block;
  }

  form input[type="submit"], form input[type="reset"], form input[type="button"] {
    display: block;
    width: 100%;
    height: 40px;
  }
}

/* 新着情報　*/
#newspage .news_cont .date{
    font-size:12px;
}

#newspage .news_cont .ttl{
    font-size:1.3em;
    font-weight:bolder;
    border-bottom:1px solid #11457b;
}

#newspage .news_cont .txt{
    margin:50px 0;
    font-size:1em;
    overflow:hidden;
}

#newspage .news_cont .txt figure{
    display:inline-block;
    float:right;
}
#newspage .news_cont .txt figure img{
    max-width:100%;
    height:auto;
}

@media (min-width: 768px) {
#newspage .news_cont .txt figure img{
    max-width:300px;
}
}