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

/*———————————–———————————–
　　Information
———————————–———————————–*/
/* アイキャッチ */
#info .eye_catch {background: #dedede;}
#info .sec_bg {    background: #FFD000;}
/* 見出し色・高さ・下線色 */
#info .sec_title {
    width: 100%;
    height: 200px;
}
#info .sec_title .head_hr_solid {
    border-color: #fff;
}

.asterisk{color:red;}


/* セレクトボックススタイル*/

.dropdown {
  display: inline-block;
  position: relative;
  overflow: hidden;
  height: 28px;
  max-width:150px;
  width: 100%;
  background: #f2f3f3;
  border: 1px solid;
  border-color: #cecece;
}
.dropdown:before, .dropdown:after {
  content: '';
  position: absolute;
  z-index: 2;
  top: 9px;
  right: 10px;
  width: 0;
  height: 0;
  border: 4px dashed;
  border-color: #888 transparent;
  pointer-events: none;
}
.dropdown:before {
  border-bottom-style: solid;
  border-top: none;
}
.dropdown:after {
  margin-top: 7px;
  border-top-style: solid;
  border-bottom: none;
}

.dropdown-select {
  position: relative;
  width: 130%;
  margin: 0;
  padding: 0;
  height: 26px;
  line-height: 17px;
  font-size: 12px;
  color: #62717a;
  text-shadow: 0 1px white;
  /* Fallback for IE 8 */
  background:#ffffff;
  /* "transparent" doesn't work with Opera */
  background: #ffffff !important;
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
  font-weight: 100;
}
.dropdown-select:focus {
  z-index: 3;
  width: 100%;
  color: #394349;
  outline: 2px solid #49aff2;
  outline: 2px solid -webkit-focus-ring-color;
  outline-offset: -2px;
  font-weight: 100;
}
.dropdown-select > option {
  margin: 3px;
  padding: 6px 8px;
  text-shadow: none;
  background: #f2f2f2;
  border-radius: 3px;
  cursor: pointer;
  font-weight: 100;
}

/* Fix for IE 8 putting the arrows behind the select element. */
.lt-ie9 .dropdown {
  z-index: 1;
}
.lt-ie9 .dropdown-select {
  z-index: -1;
}
.lt-ie9 .dropdown-select:focus {
  z-index: 3;
}

/* Dirty fix for Firefox adding padding where it shouldn't. */
@-moz-document url-prefix() {
  .dropdown-select {
    padding-left: 6px;
  }}
/* /セレクトボックススタイル */



/* placeholderの文字色を変える */
input.placeholder::-webkit-input-placeholder {
    color: #ccc;
    font-weight: normal;
}
input.placeholder:-ms-input-placeholder {
    color: #ccc;
    font-weight: normal;
}
input.placeholder::-moz-placeholder {
    color: #ccc;
    font-weight: normal;
}

/* 入力フォーム　スタイル */
#formWrap textarea {
	width:100%;
	max-width:500px;
	height:200px;
	display:block;
}

table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}

#form_check table.formTable tr{
	border: 1px solid #dddddd;
	text-align: left;
}

#formWrap {
/*    max-width: 700px;*/
    margin: 30px auto 0 auto;
    color: #555;
    width: 100%;
    line-height: 120%;
    padding: 0 20px 40px 20px;
    box-sizing: border-box;
}

#formWrap tr {
    text-align: left;
}
table.formTable td,
table.formTable th{
	border:none;
	padding:10px;
	vertical-align: top;
}

table.formTable th{width: 170px;}
table.formTable td{}



/* submitボタン */
#formWrap input[type="submit"]#entry_submit_button {
    max-width: 500px;
    width: 100%;
    height: 60px;
    -webkit-appearance: none;
    -webkit-appearance: button;
    font-size: 16px;
    font-weight: bold;
    border: 1px solid #333;
    padding: 0;
    box-sizing: border-box;
	margin:50px 0 140px 0;
}

#formWrap input[type="submit"]#entry_submit_button:hover{
	cursor:pointer;
}
/* inputフィームスタイル */
#formWrap input[type="text"]{
    border: none;
    width: 100%;
    -webkit-appearance: none;
	background: #fff;
    border: 1px solid #ccc;
    border-radius: 0;
    height: 30px;
    padding: 3px;
    box-sizing: border-box;
	font-weight: 300;
}

/*  textareaスタイル */
#formWrap textarea{
	width:100%;
	resize: horizontal;
	height:180px;
	border:none;
	-webkit-appearance: none;
	border-radius: 0;
	padding: 5px;
	box-sizing:border-box;
	background: #fff;
	border: 1px solid #ccc;
	max-width: 680px;
	font-weight: 100;
}

/* ホームページの有無 */
.have_hp h5{
	background:#CECECE;
	text-align:center;
	margin:10px 0;
	padding: 5px;
}
.have_hp p{
	padding:10px 0;}


/* プライバシーポリシー　チェック */
.privacy_check h5{
	padding:20px 0 10px 0;
}
.privacy_check a em{
	text-decoration:underline;
	font-size:12px;
	color:#999;
}



/*———————————–———————————–
　　Information | 確認画面
———————————–———————————–*/
#form_check table.formTable th{
	display: table-cell;
	vertical-align: top;
	width: 160px;
	border-right: 1px solid #dedede;
	font-size: 14px;
	font-weight: 500;
	background: #f9f9f9;
}

#form_check h2{
	text-align: left;
	padding: 0 0 0 .75em;
	border-left: 6px solid #ccc;
	line-height: 28px;
}
#form_check h2+p{
	padding:20px 0 30px 0;
}


#form_check table.formTable td,
#form_check table.formTable th{
	word-break: break-all;
}

#infomation_done{ height:500px;}

#infomation_done h4{}
#infomation_done h4+p{
	font-size:12px;
	font-weight:400;
	padding-bottom: 10px;
}

#infomation_done .err_box{
	border: solid 1px;
	background: #fff8f9;
	color: #d10202;
	text-align: left;
	padding: 5px 10px;
}

#infomation_done ul{
}

#infomation_done li.error_messe {
    padding: 3px 0;
	font-weight: 500;
}

#infomation_done li.error_messe:last-child{
	padding-bottom:10px;
}

#infomation_done li.error_messe:before{
	content:'・';
	color: #d10202;
}


/*———————————–———————————–
　　Information | thanksページ
———————————–———————————–*/
#information_thanks>div{
	height: 60vh;
	margin: 30px auto 0 auto;
	color: #555;
	width: 100%;
	line-height: 120%;
	padding: 0 20px 40px 20px;
	box-sizing: border-box;
}
#information_thanks h2{
	text-align: left;
	padding: 0 0 0 .75em;
	border-left: 6px solid #ccc;
	line-height: 28px;
	margin-bottom:20px;
}

#information_thanks a{
	text-align:right;
	text-decoration:underline;
	display:block;
}