@charset "UTF-8";

.main_img_box{
    background: url(../../../../img/contact/img_main_pc.jpg)no-repeat;
    background-size: cover;
    height:120px;
    max-height: 120px;
	  margin-bottom: 48px;
    background-position: center;
}
.main_img_box .main_txt_box{
  margin: 0 auto;
  width: 100%;
  max-width: 980px;
}
.main_img_box .main_txt{
    top: 0;
    left: 0;
  }
.main_img_box .main_txt p{
  padding: 49px 20px;
  max-height: 120px;
}


/*リンク色*/
.contact_link:link,
.contact_link:visited,
.contact_link:hover,
.contact_link:active {
	color: #4265a9;
}


.main_img {
	margin-bottom: 50px;
}

.section form {
  margin:0 auto;
}

.bge-contents .section {
  width:1160px;
  margin:0 auto;
}

/*hdr02個別設定*/
.mail-description .hdr02 {
  font-size: 2.4rem;
  border-bottom: 1px solid #e5e5e5;
  text-align: left;
  padding: 0 0 7px 0;
	margin: 0 110px 28px 109px;
	color: #4265a9;
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  line-height: 2.4rem;
  width: inherit;
}

/*hdr02個別設定*/
.mail-description .hdr02:nth-of-type(2) {
	margin-bottom: 34px;
}

/*文章は左寄せ*/
.mail-description .content_area {
	text-align: left;
}

/*説明文１つ目の下余白*/
.mail-description .content_01 ul {
  width:890px;
	margin: 0 134px 65px;
}

/*説明文２つ目の下余白*/
.mail-description .content_01 ul:nth-of-type(2) {
	margin-bottom: 29px;
}

/*説明文１つ目のリスト*/
.mail-description .content_01 ul li {
	list-style-image: none;
	list-style-type: none;
	font-size: 1.4rem;
	line-height: 2.1rem;
}
/*説明文１つ目の番号つきリスト*/
.mail-description .content_01 ul li ol li {
    list-style-type: decimal;
    margin-left: 0;
    text-indent: 16px;
}
.mail-description .content_01 ul li ol {
  margin-bottom:0;
}

/*説明文２つ目のリスト*/
.mail-description .content_01 ul:nth-of-type(2) li {
	list-style-type: none;
}

/*赤文字*/
.txt_red {
	color: #c21111;
}

/*フォーム入力エリアの余白*/
#MessageIndexForm,
#MessageConfirmForm,
#MessageSubmitForm {
	margin: 0 134px 12px 134px;
}
#MessageConfirmForm {
  padding: 0 60px;
  background-color:#eeeeee;
}


/*フォーム入力エリアのth*/
#MessageIndexForm table tr th,
#MessageConfirmForm table tr th,
#MessageSubmitForm table tr th {
	background-color: #eeeeee;
	width: 217px;
	font-size: 1.4rem;
	font-weight: normal;
	padding-top: 12px;
	padding-left: 62px;
	vertical-align: top;
	border: none;
}
#MessageConfirmForm table tr th {
  border-bottom: 1px dotted #b6b5b5;
  padding-left: 0;
  width: 155px;
}

/*テーブル１行目の上余白だけ大きくとる*/
#MessageIndexForm table tr:nth-of-type(1) th,
#MessageIndexForm table tr:nth-of-type(1) td,
#MessageConfirmForm table tr:nth-of-type(1) th,
#MessageConfirmForm table tr:nth-of-type(1) td,
#MessageSubmitForm table tr:nth-of-type(1) th,
#MessageSubmitForm table tr:nth-of-type(1) td {
		padding-top: 40px;
}

/*テーブル6行目の下余白だけ大きくとる*/
#MessageIndexForm table tr:nth-of-type(6) td,
#MessageSubmitForm table tr:nth-of-type(6) td {
	padding-bottom: 40px;
}
#MessageConfirmForm table tr:nth-of-type(6) td {
  padding-bottom: 0;
}



/*テーブルの下余白を0にする*/
#MessageIndexForm table,
#MessageConfirmForm table,
#MessageSubmitForm table {
  margin-bottom:0;
}

/*フォーム入力エリアのtd*/
#MessageIndexForm table tr td,
#MessageConfirmForm table tr td,
#MessageSubmitForm table tr td {
	background-color: #eeeeee;
	padding-left: 0;
	padding: 9.5px 0;
	border: none;
}
#MessageConfirmForm table tr td {
  border-bottom: 1px dotted #b6b5b5;
}
#MessageBox ~ form#MessageConfirmForm table tr th,
#MessageBox ~ form#MessageConfirmForm table tr td {
  border-bottom:none;
}


/*inputエリア*/
#MessageIndexForm table tr td input[type="text"],
#MessageConfirmForm table tr td input[type="text"],
#MessageSubmitForm table tr td input[type="text"] {
	width: 294px;
	height: 30px;
	border: 1px solid #cccccc;
	font-size: 1.4rem;
}

/*textarea*/
#MessageIndexForm table tr td textarea,
#MessageConfirmForm table tr td textarea,
#MessageSubmitForm table tr td textarea{
	width: 594px;
	height: 160px;
	border: 1px solid #cccccc;
	font-size: 1.4rem;
}

/*ボタンは中央寄せ*/
#MessageIndexForm table tr:nth-of-type(7) td,
#MessageConfirmForm table tr:nth-of-type(7) td,
#MessageSubmitForm table tr:nth-of-type(7) td {
	text-align: center;
	vertical-align: bottom;
	padding-bottom: 22px;
}

/*エラーメッセージエリア*/
#flashMessage {
	margin: 0 134px 30px;
	padding: 1% 2%;
	border: 5px solid #c21111;
}

/*エラーメッセージ*/
.error-message,
.alert-message {
  color: #c21111;
}

/*確認ボタンエリア*/
div.submit {
  background-color: #eeeeee;
  text-align: center;
  padding-bottom: 27px;
}
#MessageConfirmForm div.submit {
  padding-top:40px;
}


/*確認ボタン*/
#BtnMessageConfirm {
  background:url('../../../../img/contact/btn_confirm_pc_sp.png') no-repeat;
  width:222px;
  height:44px;
  background-size:contain;
  background-position:center;
  border:0px solid;
  cursor:pointer;
  text-indent: -9999px;
}
/*取り消しボタンは非表示*/
input[name="resetdata"] {
  display:none;
}

/*h2,h3を非表示にする*/
#ContentsBody .contents-head {
  display:none;
}

/*入力必須マーク*/
.required::after {
  content: '※';
  color: #c21111;
}
.required {
  display:inline-block;;
  height:1.6rem;
  overflow:hidden;
  text-indent:-0.5rem;
}


/***************************************************
 confirm.php
 ***************************************************/
/*送信するボタン*/
.submit .btn-red.button.form-submit#BtnMessageBack {
    display: none;
}
#BtnMessageSubmit {
  background:url('../../../../img/contact/btn_send_pc_sp.png') no-repeat;
  width:162px;
  height:44px;
  background-size:contain;
  background-position:center;
  border:0px solid;
  cursor:pointer;
  text-indent: -9999px;
}

/*説明文１つ目の下余白*/
#ContentsBody .confirm_txt {
	margin-left: 134px;
	margin-bottom: 32px;
	font-size: 1.4rem;
}

/*hdr02個別設定*/
#ContentsBody .confirm_hdr02 {
  color: #4265a9;
	font-size: 2.4rem;
	border-bottom: 1px solid #e5e5e5;
	text-align: left;
	padding: 0 0 8px 0;
	margin: 0 110px 28px 107px;
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
}

/*hdr02と「以下の内容にお間違いがないかご確認ください」エリア*/
.confirm_area {
  width:1160px;
  margin:0 auto;
}

/*書き直すボタン*/
#BtnMessageBack {
  border:0px solid;
  color: #4265a9;
  font-size:1.4rem;
  background-color: #FFFFFF;
  text-decoration: underline;
  cursor: pointer;
  padding: 0;
  width: 12.5rem;
  text-indent: -1.4rem;
}

/*入力内容を修正するリンク*/
.goto_before {
  margin: 0 auto;
	text-align: right;
	font-size: 1.4rem;
  width: 884px;
}

.subpage .bge-contents {
  margin-bottom: 70px;
}

/***************************************************
 complete.php
 ***************************************************/
.complete_txt {
	font-size: 1.4rem;
	margin-left: 110px;
	margin-bottom: 645px;
}
