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

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"],
input[type="reset"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration,
input[type="reset"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus,
input[type="reset"]::focus {
  outline-offset: -2px;
}

/* ------------------------------------------- */


a { text-decoration:none }

#searchBtn {
	display:none !important;
	}
#PC_FOOTER {
	display:none;
	}

.newGroup,
.recommendGroup {
    padding:1% 4%;
	}
.newGroup::after,
.recommendGroup::after,
.clearfix::after,
#SP_FOOTER,
.footer {
    content: "";
    display: block;
    clear: both;
	}
.newGroup .not_found {
	margin:0 0 20px;
	}

.topBukkenArea {
	float:left;
	position:relative;
	box-sizing:border-box;
	background:#fff2f3;
	border-right:1px solid #df7f7f;
	border-bottom:1px solid #df7f7f;
	width:48.5%;
	padding:2%;
	margin:0 3% 3% 0;
	}
.topBukkenArea:nth-child(2n) {
	margin-right:0;
	}
.topBukkenArea a:hover img {
	opacity:0.6;
	}

.topBukkenArea .img_box {
	width:auto;
	height:auto;
	max-height:120px;
	margin-bottom:4px;
	overflow:hidden;
	}
.topBukkenArea .img_box img {
	height: auto;
    max-height: 115px;
    max-width: 98%;
	border:1px solid #fff;
	}

.topBukkenArea .syubetuKodate {
	display:table;
	margin-right:8px;
	padding:1px 4px;
	background:#333399;
	color:#fff;
	font-size:0.84em;
	font-weight:bold;
	}
.topBukkenArea .syubetuTochi {
	display:table;
	margin-right:8px;
	padding:1px 4px;
	background:#663333;
	color:#fff;
	font-size:0.84em;
	font-weight:bold;
	}
.topBukkenArea .syubetuMansion {
	display:table;
	margin-right:8px;
	padding:1px 4px;
	background:#3399cc;
	color:#fff;
	font-size:0.84em;
	font-weight:bold;
	}
.topBukkenArea .bukkenName {
	margin-top:4px;
	font-weight:bold;
	}
.topBukkenArea .address {
	line-height:1.35em;
	}
.topBukkenArea .price {
	font-weight:bold;
	margin-bottom:1.5em;
	font-size:1.4em;
	color:#cc3333;
	}
.topBukkenArea .price .price_unit {
	font-size:0.8em;
	}

.topBukkenArea .more {
	position:absolute;
	display:block;
	bottom:2%;
	text-align:center;
	box-sizing:border-box;
	border:1px solid #fff;
	background:#82a806;
	width:92.5%;
	float:left;
	}
.topBukkenArea .more:hover {
	background:#b7cd70;
	}
.topBukkenArea .more a {
	display:block;
	vertical-align:middle;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	padding:2% 0;
	}

/* 会員登録 */
#member {
	margin-bottom:8px;
	}

/* 見出し */
.middle_main03 h2 {
    background: url(https://web.ic-t.co.jp/id/first-estate/file/images/icon_home.png) no-repeat 0 0 / auto 22px;
    border-bottom: 1px solid #3973b9;
    font-size: 1.4em;
    margin-bottom: 12px;
    padding-bottom: 4px;
    padding-left: 38px;
	margin:0 4% 1%;
    line-height: 1.2;
	}
.middle_main03 h2 span {
  background: #82a806 none repeat scroll 0 0;
  font-size: 0.66em;
  font-weight: bold;
	margin:4px 0 0;
  padding:1px 8px;
	float:right;
	}
.middle_main03 h2 span a,
.middle_main03 h2 span a:visited {
  color:#fff;
	}

.middle_main03 p {
  /* margin-left: 4%;
  margin-right: 4%; */
}

.middle_main03 .inq p,
.middle_main03 .salon_kyujin p,
.middle_main03 .assessment p,
.middle_main03 .recruit p,
.middle_main03 .parchase p,
.middle_main03 .coninfo p {
    margin-left: 4%;
    margin-right: 4%;
}

/* ヘッダーナビ */

#SP_HEADER {
	margin: 0 auto;
	padding:0;
	}
#SP_HEADER .ac-content {
	margin: 0;
	}
#SP_HEADER input {
	display: none;
	}
#SP_HEADER label {
    /* display: block; */
	display: none;
	cursor: pointer;
  position: absolute;
  right:12px;
  top:16px;
	}
#SP_HEADER label img {
	width:40px;
	height:40px;
	}
#SP_HEADER label:hover {
	/* background: #ccc; */
	}
#SP_HEADER .ac-cont {
	transition: 0.25s;
	height: 0;
	overflow: hidden;
	padding: 0;
	margin-left:-2%;
	}
#SP_HEADER input:checked + .ac-cont {
	height: 312px;
	padding: 1px 0 0;
	margin-top:4px;
	margin-left:-2%;
	}


.gnav_btn {
    position: absolute;
    right:12px;
    top:12px;
	}
.ac-cont {
	position:absolute;
	width:100%;
	background:#fff;
	/* opacity:0.99; */
	z-index:900;
	/* border-bottom:12px solid #000; */
	}
.ac-cont ul {
	/* height:108px; */
	}
.ac-cont li {
    background: #3973b9 url(https://web.ic-t.co.jp/id/first-estate/file/images/gnav_arrow.png) no-repeat scroll 95% center / auto 12px;
    border-bottom: 1px solid #ffffff;
    box-sizing: border-box;
    color: #ffffff;
    display: block;
    float: left;
    font-size: 1.1em;
    height: 42px;
    line-height: 42px;
    padding-top: 0;
    text-decoration: none;
    width: 100%;
	}
.ac-cont li.sub {
    background: #5ebcfc url(https://web.ic-t.co.jp/id/first-estate/file/images/gnav_arrow.png) no-repeat scroll 95% center / auto 9px;
    border-bottom: 1px solid #ffffff;
    box-sizing: border-box;
    color: #ffffff;
    display: block;
    float: left;
    font-size: 1.0em;
    height: 36px;
    line-height: 36px;
    padding-top: 0;
    text-decoration: none;
    width: 100%;
	}
.ac-cont li a {
    color: #ffffff;
    display: block;
    padding-left: 5%;
    text-decoration: none;
	}

#hdNav .info {
    float:none;
    width:96%;
	margin:0 auto;
	text-align:center;
	}
#hdNav .info p {
    font-size:0.86em;
	}

#hdNav .nav {
	display:none;
	}

.no_member_regist_cnt {
	font-weight:bold;
	color:#000;
	}
.member_regist_cnt {
	font-weight:bold;
	color:#c33;
	}

/* フッターナビ */
#SP_FOOTER {
	margin-bottom:20px;
	}
#SP_FOOTER ul {
	border-top: 2px solid #3973b9;
 	margin:0 -2%;
   }
#SP_FOOTER li {
  background-color:#def1fc;
  border-bottom: 2px solid #3973b9;
  box-sizing: border-box;
  color: #ffffff;
  display: block;
  font-size: 1.1em;
  height: 42px;
  line-height: 42px;
  padding-top: 0;
  text-decoration: none;
 	margin:0;
	}
#SP_FOOTER li.spFoot01 {
  background-image:	url(https://web.ic-t.co.jp/id/first-estate/file/images/gnav_arrow.png),
						url(https://web.ic-t.co.jp/id/first-estate/file/images/footer/spFoot01.svg);
	background-repeat:	no-repeat,
						no-repeat;
	background-position:97% center,
						4% center;
	background-size:auto 12px,
					auto 20px;
	}
#SP_FOOTER li.spFoot02 {
  background-image:	url(https://web.ic-t.co.jp/id/first-estate/file/images/gnav_arrow.png),
						url(https://web.ic-t.co.jp/id/first-estate/file/images/footer/spFoot02.svg);
	background-repeat:	no-repeat,
						no-repeat;
	background-position:97% center,
						4% center;
	background-size:auto 12px,
					auto 20px;
	}
#SP_FOOTER li.spFoot03 {
  background-image:	url(https://web.ic-t.co.jp/id/first-estate/file/images/gnav_arrow.png),
						url(https://web.ic-t.co.jp/id/first-estate/file/images/footer/spFoot03.svg);
	background-repeat:	no-repeat,
						no-repeat;
	background-position:97% center,
						4% center;
	background-size:auto 12px,
					auto 20px;
	}
#SP_FOOTER li.spFoot04 {
  background-image:	url(https://web.ic-t.co.jp/id/first-estate/file/images/gnav_arrow.png),
						url(https://web.ic-t.co.jp/id/first-estate/file/images/footer/spFoot04.svg);
	background-repeat:	no-repeat,
						no-repeat;
	background-position:97% center,
						4% center;
	background-size:auto 12px,
					auto 20px;
	}
#SP_FOOTER li.spFoot05 {
  background-image:	url(https://web.ic-t.co.jp/id/first-estate/file/images/gnav_arrow.png),
						url(https://web.ic-t.co.jp/id/first-estate/file/images/footer/spFoot05.svg);
	background-repeat:	no-repeat,
						no-repeat;
	background-position:97% center,
						4% center;
	background-size:auto 12px,
					auto 20px;
	}
#SP_FOOTER li.spFoot06 {
    background-image:	url(https://web.ic-t.co.jp/id/first-estate/file/images/gnav_arrow.png),
						url(https://web.ic-t.co.jp/id/first-estate/file/images/footer/spFoot06.svg);
	background-repeat:	no-repeat,
						no-repeat;
	background-position:97% center,
						4% center;
	background-size:auto 12px,
					auto 20px;
	}
#SP_FOOTER li.spFoot07 {
  background-image:	url(https://web.ic-t.co.jp/id/first-estate/file/images/gnav_arrow.png),
						url(https://web.ic-t.co.jp/id/first-estate/file/images/footer/spFoot07.svg);
	background-repeat:	no-repeat,
						no-repeat;
	background-position:97% center,
						4% center;
	background-size:auto 12px,
					auto 20px;
	}

#SP_FOOTER li a {
  display:block;
  color:#000;
	padding-left:52px;
	text-decoration:none;
	font-weight:bold;
	text-shadow:
		0px -2px #fff,
		2px 0px #fff,
		0px 2px #fff,
		-2px 2px #fff;
	}

#footer a {
	color:#000;
	}

#footer .contact h3 a,
#footer .contact h3 a:visited {
	color:#ff931e;
	}
	

/* ログインエリア */
#member,
#memberOut {
	background-size: auto auto;
  background-color: rgba(255, 255, 255, 1);
  background-image: repeating-linear-gradient(135deg, transparent, transparent 4px, rgba(117, 170, 234, 1) 4px, rgba(117, 170, 234, 1) 8px );
	padding:0 0 5%;
	margin-bottom:16px;
}
#member .inner,
#memberOut .inner {
	width: 90%;
	margin: 0 auto;
	padding:12px 0;
	background: #fff;
	text-align:center;
	}
#member .title,
#memberOut .title {
	margin: 0 auto;
	padding-top:4px;
	}
#member .title img,
#memberOut .title img {
	width:152px;
	}
#member .line,
#memberOut .line {
	width: 19px;
	float: left;
	margin-top:8px;
	display:none;
}
#member .input {
	margin-top:4px;
}
#member .loginInput {
	margin:0 auto;
	display:table;
	vertical-align:middle;
	}
#member .input p.copy01 {
	color: #3973b9;
	margin:8px 0 16px;
	font-family:serif;
	text-align:center;
	font-weight:bold;
	}
#member .input p.copy02 {
	display:inline;
	color: #666;
	margin-right:2px;
	}
#member .input p.copy03 {
	display:inline;
	color: #666;
	margin:0 2px 0 8px;
	}
.inputID,
.inputPW {
	display:inline;
	background: #f2f2f2;
    border: 1px solid #666;
    font-size: 1em;
    padding: 2px;
	}


#member .login {
	text-align: center;
	margin-top: 16px;
	}
#member .login input[type="submit"] {
    background: #ff931e;
    border: 2px solid #f15a24;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    height:33px;
    letter-spacing: 0.2em;
    transition: all 0.2s ease 0s;
    width: 131px;
	margin:0 auto 2px;
	}
#member .login input[type="submit"]:hover {
    opacity: 0.75;
	}

#member .login p a {
	font-size: 10px;
	text-decoration: none;
	color: #666;
	}
#member .regist {
	box-sizing:border-box;
	background: #ffffbb;
	box-shadow: 0 0 0 1px #fff, 0 0 0 4px #3973b9;
	padding:4px;
	margin: 8px auto 4px;
	width:240px;
}

#member .regist h3 {
	background: url(https://web.ic-t.co.jp/id/first-estate/file/images/login/index_member_regist.svg) no-repeat 0 center / 30px 26px;
	padding-left: 37px;
	height: 26px;
	margin-bottom:3px;
	font-size: 16px;
	color: #3973b9;
}
#member .regist h3 a {
	color: #3973b9;
	font-weight:bold;
	text-decoration:none;
}
#member .regist ul {
	box-sizing:border-box;
	background: #fff;
	border: 1px #3973b9 solid;
	text-align: center;
	display:table;
	border-collapse: separate;
  border-spacing: 2px;
	padding: 0 2px 0 4px;
	margin:0 auto;
}
#member .regist li {
	box-sizing:border-box;
	background: #D0EFFF;
	display: inline-block;
	border: 1px #5ebcfc solid;
	border-width: 0 1px 1px 0;
	margin: 2px 0 2px 0;
	font-size: 11px;
	font-weight: bold;
	padding:0 4px;
	}
#member a .regist li,
#member a:visited .regist li {
	color:#222;
	}
#member a:hover {
	opacity:0.75;
	}
.cell-005 p a,
.cell-005 p a:visited {
	color:#c33;
	text-decoration:none;
	}

.toMypage {
	margin: 6px auto 8px;
	}
.toMypage a,
.toMypage a:visited {
	font-size:0.9em;
	letter-spacing:0.1em;
	font-weight:bold;
	border: 2px solid #c33;
    border-radius: 4px;
    color: #c33;
    padding: 4px 6px 4px 8px;
    text-decoration: none;
	}
.toMypage a:hover {
	opacity: 0.75;
	}

/* ログインボタン */
label#logA {
	background:#95c9f5;
	border-bottom:2px solid #def1fc;
    display:block;
    height:40px;
	cursor:pointer;
	}
label#logA img {
	height:40px;
	width:auto;
	float:left;
	}
label#logA p {
	float:left;
	line-height:40px;
	margin-left:10px;
	font-weight:bold;
	color:#fff;
	text-shadow: 0.5px 0.5px 2px #666;
	}
input#loginAreaCheck {
	display:none;
	}
label#logA:hover {
	background:#5ebcfc;
	}

#member_outer {
	transition: 0.25s;
	height: 0;
	overflow: hidden;
	}
input#loginAreaCheck:checked + #member_outer {
	height: 320px;
	overflow: hidden;
	}
#memberOut_outer {
	transition: 0.25s;
	height: 0;
	overflow: hidden;
	}
input#loginAreaCheck:checked + #memberOut_outer {
	height: 230px;
	overflow: hidden;
	}



/* ログアウト */
.logoutBtn input[type="submit"] {
    background: #f3f3f3;
    border: 2px solid #aaa;
    border-radius: 4px;
    color: #333;
    font-size: 12px;
    font-weight: bold;
    height:25px;
    transition: all 0.2s ease 0s;
    width: 80px;
	margin:4px auto;
	padding-left:7px;
	}
.logoutBtn input[type="submit"]:hover {
    opacity: 0.75;
	}
.cell-003 p strong {
	font-size:1.2em;
	}

/* ログインエラー */
.error {
	text-align:center;
    margin: 0 5%;
	}
.error br {
	/* display:none; */
	}
.error b {
	color:#c00;
	display:block;
	margin-top:0em;
	margin-bottom:-1.5em;
	}
.error_koumoku {
	font-weight:bold;
	}


/* メインエリア */
.main_area {
	width:90%;
	margin:12px auto 20px;
	}
.member .main_area img {
	width:100%;
	height:auto;
	}
.navi {
	margin:0 5% 8px;
	font-size:0.86em;
	}

/* 検索ボックス */
.serchTbl {
	border-collapse:collapse;
	margin:0 auto 16px;
	width:100%;
	}
tr.search_tr_area td div,
tr.search_tr_line td div {
	white-space:normal !important;
	word-wrap: break-word;
	text-indent:-1em !important;
	margin:0 0 0 1em;
	}
tr.search_tr_area td #areabox1 {
	width:44% !important;
	float:left;
	margin:0 8px 0 0 !important;
	font-size:0.9em;
	}
tr.search_tr_area td #areabox2 {
	width:44% !important;
	margin:0 !important;
	font-size:0.9em;
	}
#areabox2 div {
	margin-left:0.5em;
	}
#areabox2 div.rwname {
    background: #fff2f3;
    margin-left: -1.5em;
    padding-left: 2em;
	}
tr.search_tr_area td #areabox1 ul {
	margin-left:1em;
	}
tr.search_tr_area td #areabox2 ul {
	margin-left:0.5em;
	}

.serchTbl th {
	border-collapse:collapse;
	border:1px solid #ccc;
	padding:4px 6px;
	width:9%;
	background:#FFF2F3;
	}
.serchTbl td {
	border-collapse:collapse;
	border:1px solid #ccc;
	padding:4px 8px;
	background:#fbfbfb;
	vertical-align:middle;
	}
.serchTbl tr:last-child td {
	border:none;
	background:#fff;
	}

.serchTbl td input[type="button"] {
    background: #ff931e;
    border: 2px solid #f15a24;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    height:33px;
    letter-spacing: 0.2em;
    transition: all 0.2s ease 0s;
    width: 131px;
	margin:8px auto 0;
	}
.serchTbl td input[type="button"]:hover {
    opacity: 0.75;
	}


/* 年収で検索 */
.simulationType p {
	line-height:1.75em;
	}
.hensaiList {
    border-collapse: collapse;
    border-left: 1px solid #c1b4b2;
    border-top: 1px solid #c1b4b2;
    font-size: 114%;
    margin: 0 auto;
    width: 100%;
}
.hensaiList th,
.hensaiList td {
    border-bottom: 1px solid #c1b4b2;
    border-right: 1px solid #c1b4b2;
    font-weight: bold;
    padding: 12px 5%;
    text-align: left;
	display:block;
}
.hensaiList th {
    background: #fff2f3;
}
.hensaiList td {
    background: #fbfbfb;
	vertical-align:middle;
}
.hensaiList .red {
    color: #f00;
    margin: 4px 0 0 5px;
	display:block;
}
.hensaiList input[type="text"] {
    margin: 0 5px;
	font-size:1.1em;
}
.hensaiList select {
    margin: 0 5px;
}
.countBtnBox {
    margin: 35px auto;
    padding: 0;
    text-align: center;
    width:100%;
	}

#member .login input[type="submit"] {
  background: #ff931e;
  border: 2px solid #f15a24;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  height:33px;
  letter-spacing: 0.2em;
  transition: all 0.2s ease 0s;
  width: 131px;
	margin:0 auto 8px;
	}
#member .login input[type="submit"]:hover {
  opacity: 0.75;
	}


.countBtnBox .countBtn {
    background: #ff931e;
    border: 2px solid #f15a24;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-size: 122%;
    font-weight: bold;
    height:52px;
    margin: 0 5px;
    text-align: center;
    width: 150px;
	}
#listBtn {
    background: #ff3333;
    border: 2px solid #c00;
    border-radius: 4px;
    cursor: pointer;
    display: none;
    font-size: 114%;
    font-weight: bold;
    height:50px;
    margin: 35px auto 58px;
    text-align: center;
    width: 90%;
	}
.countBtnBox .countBtn:hover,
#listBtn:hover {
    opacity: 0.75;
	}

#listBtn a {
text-decoration:none;
	}
#listBtn a p {
    padding: 8px auto;
	color:#fff;
	line-height:50px;
	font-size:1.1em;
	}

/* 学区検索 */
.school .pref::after {
    content: "";
    display: block;
    clear: both;
	}
div.prefTitle {
    background-color:#cc3333;
    color: #ffffff;
    font-weight: bold;
    margin: 15px 0 16px;
    padding: 3px 0 3px 10px;
	display:none;
	}
div.school div.area {
    clear: both;
    margin: 0 0 20px;
	}
div.school div.areaTitle {
    background-color: #f95887;
    color: #fff;
    font-weight: bold;
    margin: 6px 0 10px;
    padding: 3px 0 3px 10px;
	}
div.school div.elementary {
    float: left;
    margin: 0 2% 0 0;
    width: 100%;
	}
div.school div.junior {
    float: left;
    margin: 0;
    width: 100%;
	}
div.school div.elementaryTitle {
    border-top: 1px solid #ffb2c8;
    border-right: 1px solid #ffb2c8;
    border-bottom: 1px solid #ffb2c8;
    border-left: 3px solid #ffb2c8;
    color: #333;
	font-weight:bold;
    margin: 4px 0 12px;
    padding: 2px 0 2px 6px;
	}
div.school div.juniorTitle {
    border-top: 1px solid #ffb2c8;
    border-right: 1px solid #ffb2c8;
    border-bottom: 1px solid #ffb2c8;
    border-left: 3px solid #ffb2c8;
    color: #333;
	font-weight:bold;
    margin: 4px 0 12px;
    padding: 2px 0 2px 6px;
	}
div.school ul.elementaryName,
div.school ul.juniorName {
    color: #666;
    list-style-type: none;
    margin: 0 0 20px;
    padding: 0 10px;
    text-align: left;
	}
div.school ul.elementaryName li,
div.school ul.juniorName li {
    color: #333;
    line-height: 1.5em;
    margin: 6px 0 0;
    padding: 0 0.5em;
	}
div.school ul.elementaryName li a,
div.school ul.juniorName li a {
    color: #333;
	}
div.school ul.elementaryName li .school_member_count,
div.school ul.juniorName li .school_member_count {
    color: #c00;
	}


/* フォーム関連 */
.cart .senddatatable,
.cart .anqtable,
.cart_mode1 .senddatatable,
.cart_mode1 .anqtable,
.cart_mode2 .senddatatable,
.cart_mode2 .anqtable {
	box-sizing:border-box;
	border-collapse: collapse;
    font-size: 100%;
    margin: 0 auto;
    width: 90%;
	}
.cart .senddatatable th,
.cart .anqtable th,
.cart_mode1 .senddatatable th,
.cart_mode1 .anqtable th,
.cart_mode2 .senddatatable th,
.cart_mode2 .anqtable th {
	box-sizing:border-box;
	border-collapse:collapse;
	border:1px solid #ccc;
	padding:6px 8px;
	background:#ffb2c8;
	line-height:1.75em;
	display:block;
	}
.cart .senddatatable td.senddata_koumoku,
.cart .anqtable td.senddata_koumoku,
.cart_mode1 .senddatatable td.senddata_koumoku,
.cart_mode1 .anqtable td.senddata_koumoku,
.cart_mode2 .senddatatable td.senddata_koumoku,
.cart_mode2 .anqtable td.senddata_koumoku  {
	box-sizing:border-box;
	border-collapse:collapse;
	border:1px solid #ccc;
	padding:6px 8px;
	background:#FFF2F3;
	line-height:1.75em;
	display:block;
	border-top:none;
	}
.cart .senddatatable td,
.cart .anqtable td,
.cart_mode1 .senddatatable td,
.cart_mode1 .anqtable td,
.cart_mode2 .senddatatable td,
.cart_mode2 .anqtable td {
	box-sizing:border-box;
	border-collapse:collapse;
	border:1px solid #ccc;
	padding:6px 8px;
	background:#fbfbfb;
	vertical-align:middle;
	line-height:1.75em;
	display:block;
	border-top:none;
	}
.cart .senddatatable td.senddata_koumoku,
.cart .anqtable td.senddata_koumoku,
.cart_mode1 .senddatatable td.senddata_koumoku,
.cart_mode1 .anqtable td.senddata_koumoku,
.cart_mode2 .senddatatable td.senddata_koumoku,
.cart_mode2 .anqtable td.senddata_koumoku {
    font-weight:bold;
	}
.cart .senddatatable td::after,
.cart .anqtable td::after,
.cart_mode1 .senddatatable td::after,
.cart_mode1 .anqtable td::after,
.cart_mode2 .senddatatable td::after,
.cart_mode2 .anqtable td::after {
    content: "";
    display: block;
    clear: both;
	}

.anq_required {
	font-size:0.8em;
	color:#c33;
	}

.senddata7 input,
.senddata16 input {
	width:80%;
	}

input.submit_confirm_button,
.cart_mode2 input.form_submit {
    background: #ff931e;
    border: 2px solid #f15a24;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    height:40px;
    letter-spacing: 0.2em;
    transition: all 0.2s ease 0s;
    width: 166px;
	margin:8px auto 0;
	}
.cart_mode2 input.form_input_back {
    background: #f3f3f3 none repeat scroll 0 0;
    border: 2px solid #aaa;
    border-radius: 4px;
    color: #333;
    font-weight: bold;
    height: 27px;
    margin: 4px auto;
    padding-left: 10px;
    transition: all 0.2s ease 0s;
	}
input.submit_confirm_button:hover,
.cart_mode2 input.form_submit:hover,
.cart_mode2 input.form_input_back:hover {
    opacity: 0.75;
	}

table.anqtable td.form_3 div {
	white-space:normal !important;
	text-indent:-1em !important;
	margin-left:1em;
	line-height:1.25em;
	}

#railways {
	box-sizing:border-box;
	border:1px solid #ccc;
	background:#fff;
	width:47%;
	float:left;
	height: 200px;
    overflow: auto;
	font-size:0.9em;
	margin-right:12px;
	margin-left:0;
	margin-bottom:12px;
	text-indent:0 !important;
	}
#stations {
	box-sizing:border-box;
	border:1px solid #ccc;
	background:#fff;
	width:47%;
	float:left;
	height: 200px;
    overflow: auto;
	font-size:0.9em;
	margin-left:0;
	margin-bottom:12px;
	text-indent:0 !important;
	}

#stations div {
	margin-left:0.5em;
	}
#stations div.rwname {
    background: #fff2f3;
    margin-left: -0.5em;
    padding-left:1.5em;
	}
#stations div li {
	margin-left:1em;
	}

/* 物件資料請求 */
table.inqHead {
    border-collapse: collapse;
    box-sizing: border-box;
    margin: 0 5%;
    width: 90%;
	border-top: 1px solid #ccc;
	}
table.inqHead th {
    background: #fff2f3;
    border: 1px solid #ccc;
	border-top:none;
    border-collapse: collapse;
    color: #000000;
    font-size: 13px;
    padding: 10px;
	display: block;
	}
table.inqHead td {
    border: 1px solid #ccc;
	border-top:none;
    border-collapse: collapse;
    color: #000000;
    font-size: 12px;
    padding: 10px;
	vertical-align:middle;
	display:block;
	}
table.inqHead table.inqObjs {
    border-top: 1px solid #ccc;
    width: 100%;
	}
table.inqHead table.inqObjs th {
    display: table-cell;
    margin: 0;
    padding: 10px 4px;
    vertical-align: top;
	border-bottom: 1px solid #ccc;
	border-right:none;
	}
table.inqHead table.inqObjs td {
    border-top:none;
	}
table.inqHead table.inqObjs td.cell-02 {
    border-bottom:none;
	}
table.inqHead table.inqObjs td.cell-03 {
    border-top: 1px solid #ccc;
	}
table.inqHead table.inqObjs td.cell-07 {
    text-align:right;
	}
table.inqHead table.inqObjs td.cell-07 input[type="button"] {
    background: #ccc;
    border: 2px solid #aaa;
    border-radius: 4px;
    color: #333;
    font-size: 13px;
    font-weight: bold;
    height:27px;
    letter-spacing: 0.2em;
    transition: all 0.2s ease 0s;
    width: 100px;
	margin:0 auto 2px;
	}
table.inqHead table.inqObjs td.cell-07 input[type="button"]:hover {
    opacity: 0.75;
	}

table.inqType {
    width: 100%;
	}
table.inqType td {
    border: medium none;
	}


/* プライバシーポリシー */
.privacy_policy table {
    border-collapse: collapse;
    box-sizing: border-box;
    margin: 12px auto;
    width: 100%;
	border-top: 1px solid #ccc;
	}
.privacy_policy table th {
    background: #fff2f3;
    border: 1px solid #ccc;
	border-top:none;
    border-collapse: collapse;
    color: #000000;
    font-size: 13px;
    padding: 10px;
	display: block;
	}
.privacy_policy table td {
    border: 1px solid #ccc;
	border-top:none;
    border-collapse: collapse;
    color: #000000;
    font-size: 12px;
    padding: 10px;
	vertical-align:middle;
	display:block;
	}

/* マイページ */
.member_only_notice,
.cart_login_view,
.password_reissue,
.cart_nologin_view {
	margin:0 5%;
	text-align:center;
	}
.cart_nologin_view {
	margin-bottom:20px;
	}
.login_view_button {
	display:block;
	margin: 8px 0 0;
	}
.login_view_id input[type="text"], 
.login_view_password input[type="password"] {
	display:block;
	margin:0 auto;
	} 

.login_view_button input[type="submit"],
.cart_nologin_view input[type="submit"] {
    background: #ff931e;
    border: 2px solid #f15a24;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    height:33px;
    letter-spacing: 0.2em;
    transition: all 0.2s ease 0s;
    width: 131px;
	margin:0 auto 8px;
	text-align:center
	}
.login_view_button input[type="submit"]:hover,
.cart_nologin_view input[type="submit"]:hover {
    opacity: 0.75;
	}

.mypage .senddatatable,
.mypage .anqtable {
	box-sizing:border-box;
	border-collapse: collapse;
    font-size: 100%;
    margin: 0 auto;
	}
.mypage .senddatatable th,
.mypage .anqtable th {
	box-sizing:border-box;
	border-collapse:collapse;
	border:1px solid #ccc;
	padding:6px 8px;
	background:#ffb2c8;
	line-height:1.75em;
	display:block;
	}
.mypage .senddatatable td.senddata_koumoku,
.mypage .anqtable td.senddata_koumoku  {
	box-sizing:border-box;
	border-collapse:collapse;
	border:1px solid #ccc;
	padding:6px 8px;
	background:#FFF2F3;
	line-height:1.75em;
	display:block;
	border-top:none;
	}
.mypage .senddatatable td,
.mypage .anqtable td {
	box-sizing:border-box;
	border-collapse:collapse;
	border:1px solid #ccc;
	padding:6px 8px;
	background:#fbfbfb;
	vertical-align:middle;
	line-height:1.75em;
	display:block;
	border-top:none;
	}
.mypage .senddatatable td::after,
.mypage .anqtable td::after {
    content: "";
    display: block;
    clear: both;
	}

.mylistMidashi {
	clear:both;
	margin:16px 0 4px;
	font-size:1.12em;
	}

.member .cart_login_view,
.member .cart_nologin_view,
.mypage .cart_login_view,
.mypage .cart_nologin_view,
.detail .cart_login_view,
.detail .cart_nologin_view {
	box-sizing:border-box;
	padding:8px 12px;
	border:2px solid #c33;
	border-radius:6px;
	}
.member .cart_login_view,
.mypage .cart_login_view,
.detail .cart_login_view {
	margin-bottom:12px;
	}
.member .cart_nologin_view,
.mypage .cart_nologin_view,
.detail .cart_nologin_view {
	margin-top:12px;
	}
.member .cart_login_view .login_view_password,
.mypage .cart_login_view .login_view_password,
.detail .cart_login_view .login_view_password {
	margin:12px auto;
	display:block;
	}
.member .main_area ol {
	margin-left:1.5em;
	}


/* ID・パスワードをお忘れの方 */
.reissue input[type="text"] {
	width:96%;
	}
.reissue input[type="submit"] {
    background: #ff931e;
    border: 2px solid #f15a24;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    height:33px;
    letter-spacing: 0.2em;
    transition: all 0.2s ease 0s;
    width: 131px;
	margin:8px auto 2px;
	}
.reissue input[type="submit"]:hover {
    opacity: 0.75;
	}


/* --------------------------------------------------------- */


.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
.animated.infinite {
    animation-iteration-count: infinite;
}
.animated.hinge {
    animation-duration: 2s;
}
@keyframes bounce {
0%, 100%, 20%, 50%, 80% {
    transform: translateY(0px);
}
40% {
    transform: translateY(-30px);
}
60% {
    transform: translateY(-15px);
}
}
.bounce {
    animation-name: bounce;
}
@keyframes flash {
0%, 100%, 50% {
    opacity: 1;
}
25%, 75% {
    opacity: 0;
}
}
.flash {
    animation-name: flash;
}
@keyframes pulse {
0% {
    transform: scale(1);
}
50% {
    transform: scale(1.1);
}
100% {
    transform: scale(1);
}
}
.pulse {
    animation-name: pulse;
}
@keyframes rubberBand {
0% {
    transform: scale(1);
}
30% {
    transform: scaleX(1.25) scaleY(0.75);
}
40% {
    transform: scaleX(0.75) scaleY(1.25);
}
60% {
    transform: scaleX(1.15) scaleY(0.85);
}
100% {
    transform: scale(1);
}
}
.rubberBand {
    animation-name: rubberBand;
}
@keyframes shake {
0%, 100% {
    transform: translateX(0px);
}
10%, 30%, 50%, 70%, 90% {
    transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
    transform: translateX(10px);
}
}
.shake {
    animation-name: shake;
}
@keyframes swing {
20% {
    transform: rotate(15deg);
}
40% {
    transform: rotate(-10deg);
}
60% {
    transform: rotate(5deg);
}
80% {
    transform: rotate(-5deg);
}
100% {
    transform: rotate(0deg);
}
}
.swing {
    animation-name: swing;
    transform-origin: center top 0;
}
@keyframes tada {
0% {
    transform: scale(1);
}
10%, 20% {
    transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
    transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
    transform: scale(1.1) rotate(-3deg);
}
100% {
    transform: scale(1) rotate(0deg);
}
}
.tada {
    animation-name: tada;
}
@keyframes wobble {
0% {
    transform: translateX(0%);
}
15% {
    transform: translateX(-25%) rotate(-5deg);
}
30% {
    transform: translateX(20%) rotate(3deg);
}
45% {
    transform: translateX(-15%) rotate(-3deg);
}
60% {
    transform: translateX(10%) rotate(2deg);
}
75% {
    transform: translateX(-5%) rotate(-1deg);
}
100% {
    transform: translateX(0%);
}
}
.wobble {
    animation-name: wobble;
}
@keyframes bounceIn {
0% {
    opacity: 0;
    transform: scale(0.3);
}
50% {
    opacity: 1;
    transform: scale(1.05);
}
70% {
    transform: scale(0.9);
}
100% {
    opacity: 1;
    transform: scale(1);
}
}
.bounceIn {
    animation-name: bounceIn;
}
@keyframes bounceInDown {
0% {
    opacity: 0;
    transform: translateY(-2000px);
}
60% {
    opacity: 1;
    transform: translateY(30px);
}
80% {
    transform: translateY(-10px);
}
100% {
    transform: translateY(0px);
}
}
.bounceInDown {
    animation-name: bounceInDown;
}
@keyframes bounceInLeft {
0% {
    opacity: 0;
    transform: translateX(-2000px);
}
60% {
    opacity: 1;
    transform: translateX(30px);
}
80% {
    transform: translateX(-10px);
}
100% {
    transform: translateX(0px);
}
}
.bounceInLeft {
    animation-name: bounceInLeft;
}
@keyframes bounceInRight {
0% {
    opacity: 0;
    transform: translateX(2000px);
}
60% {
    opacity: 1;
    transform: translateX(-30px);
}
80% {
    transform: translateX(10px);
}
100% {
    transform: translateX(0px);
}
}
.bounceInRight {
    animation-name: bounceInRight;
}
@keyframes bounceInUp {
0% {
    opacity: 0;
    transform: translateY(2000px);
}
60% {
    opacity: 1;
    transform: translateY(-30px);
}
80% {
    transform: translateY(10px);
}
100% {
    transform: translateY(0px);
}
}
.bounceInUp {
    animation-name: bounceInUp;
}
@keyframes bounceOut {
0% {
    transform: scale(1);
}
25% {
    transform: scale(0.95);
}
50% {
    opacity: 1;
    transform: scale(1.1);
}
100% {
    opacity: 0;
    transform: scale(0.3);
}
}
.bounceOut {
    animation-name: bounceOut;
}
@keyframes bounceOutDown {
0% {
    transform: translateY(0px);
}
20% {
    opacity: 1;
    transform: translateY(-20px);
}
100% {
    opacity: 0;
    transform: translateY(2000px);
}
}
.bounceOutDown {
    animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
0% {
    transform: translateX(0px);
}
20% {
    opacity: 1;
    transform: translateX(20px);
}
100% {
    opacity: 0;
    transform: translateX(-2000px);
}
}
.bounceOutLeft {
    animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
0% {
    transform: translateX(0px);
}
20% {
    opacity: 1;
    transform: translateX(-20px);
}
100% {
    opacity: 0;
    transform: translateX(2000px);
}
}
.bounceOutRight {
    animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
0% {
    transform: translateY(0px);
}
20% {
    opacity: 1;
    transform: translateY(20px);
}
100% {
    opacity: 0;
    transform: translateY(-2000px);
}
}
.bounceOutUp {
    animation-name: bounceOutUp;
}
@keyframes fadeIn {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
.fadeIn {
    animation-name: fadeIn;
}
@keyframes fadeInDown {
0% {
    opacity: 0;
    transform: translateY(-20px);
}
100% {
    opacity: 1;
    transform: translateY(0px);
}
}
.fadeInDown {
    animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
0% {
    opacity: 0;
    transform: translateY(-2000px);
}
100% {
    opacity: 1;
    transform: translateY(0px);
}
}
.fadeInDownBig {
    animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
0% {
    opacity: 0;
    transform: translateX(-20px);
}
100% {
    opacity: 1;
    transform: translateX(0px);
}
}
.fadeInLeft {
    animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
0% {
    opacity: 0;
    transform: translateX(-2000px);
}
100% {
    opacity: 1;
    transform: translateX(0px);
}
}
.fadeInLeftBig {
    animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
0% {
    opacity: 0;
    transform: translateX(20px);
}
100% {
    opacity: 1;
    transform: translateX(0px);
}
}
.fadeInRight {
    animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
0% {
    opacity: 0;
    transform: translateX(2000px);
}
100% {
    opacity: 1;
    transform: translateX(0px);
}
}
.fadeInRightBig {
    animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
0% {
    opacity: 0;
    transform: translateY(20px);
}
100% {
    opacity: 1;
    transform: translateY(0px);
}
}
.fadeInUp {
    animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
0% {
    opacity: 0;
    transform: translateY(2000px);
}
100% {
    opacity: 1;
    transform: translateY(0px);
}
}
.fadeInUpBig {
    animation-name: fadeInUpBig;
}
@keyframes fadeOut {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
.fadeOut {
    animation-name: fadeOut;
}
@keyframes fadeOutDown {
0% {
    opacity: 1;
    transform: translateY(0px);
}
100% {
    opacity: 0;
    transform: translateY(20px);
}
}
.fadeOutDown {
    animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
0% {
    opacity: 1;
    transform: translateY(0px);
}
100% {
    opacity: 0;
    transform: translateY(2000px);
}
}
.fadeOutDownBig {
    animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
0% {
    opacity: 1;
    transform: translateX(0px);
}
100% {
    opacity: 0;
    transform: translateX(-20px);
}
}
.fadeOutLeft {
    animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
0% {
    opacity: 1;
    transform: translateX(0px);
}
100% {
    opacity: 0;
    transform: translateX(-2000px);
}
}
.fadeOutLeftBig {
    animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
0% {
    opacity: 1;
    transform: translateX(0px);
}
100% {
    opacity: 0;
    transform: translateX(20px);
}
}
.fadeOutRight {
    animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
0% {
    opacity: 1;
    transform: translateX(0px);
}
100% {
    opacity: 0;
    transform: translateX(2000px);
}
}
.fadeOutRightBig {
    animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
0% {
    opacity: 1;
    transform: translateY(0px);
}
100% {
    opacity: 0;
    transform: translateY(-20px);
}
}
.fadeOutUp {
    animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
0% {
    opacity: 1;
    transform: translateY(0px);
}
100% {
    opacity: 0;
    transform: translateY(-2000px);
}
}
.fadeOutUpBig {
    animation-name: fadeOutUpBig;
}
@keyframes flip {
0% {
    animation-timing-function: ease-out;
    transform: perspective(400px) translateZ(0px) rotateY(0deg) scale(1);
}
40% {
    animation-timing-function: ease-out;
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
}
50% {
    animation-timing-function: ease-in;
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
}
80% {
    animation-timing-function: ease-in;
    transform: perspective(400px) translateZ(0px) rotateY(360deg) scale(0.95);
}
100% {
    animation-timing-function: ease-in;
    transform: perspective(400px) translateZ(0px) rotateY(360deg) scale(1);
}
}
.animated.flip {
    animation-name: flip;
    backface-visibility: visible;
}
@keyframes flipInX {
0% {
    opacity: 0;
    transform: perspective(400px) rotateX(90deg);
}
40% {
    transform: perspective(400px) rotateX(-10deg);
}
70% {
    transform: perspective(400px) rotateX(10deg);
}
100% {
    opacity: 1;
    transform: perspective(400px) rotateX(0deg);
}
}
.flipInX {
    animation-name: flipInX;
    backface-visibility: visible !important;
}
@keyframes flipInY {
0% {
    opacity: 0;
    transform: perspective(400px) rotateY(90deg);
}
40% {
    transform: perspective(400px) rotateY(-10deg);
}
70% {
    transform: perspective(400px) rotateY(10deg);
}
100% {
    opacity: 1;
    transform: perspective(400px) rotateY(0deg);
}
}
.flipInY {
    animation-name: flipInY;
    backface-visibility: visible !important;
}
@keyframes flipOutX {
0% {
    opacity: 1;
    transform: perspective(400px) rotateX(0deg);
}
100% {
    opacity: 0;
    transform: perspective(400px) rotateX(90deg);
}
}
.flipOutX {
    animation-name: flipOutX;
    backface-visibility: visible !important;
}
@keyframes flipOutY {
0% {
    opacity: 1;
    transform: perspective(400px) rotateY(0deg);
}
100% {
    opacity: 0;
    transform: perspective(400px) rotateY(90deg);
}
}
.flipOutY {
    animation-name: flipOutY;
    backface-visibility: visible !important;
}
@keyframes lightSpeedIn {
0% {
    opacity: 0;
    transform: translateX(100%) skewX(-30deg);
}
60% {
    opacity: 1;
    transform: translateX(-20%) skewX(30deg);
}
80% {
    opacity: 1;
    transform: translateX(0%) skewX(-15deg);
}
100% {
    opacity: 1;
    transform: translateX(0%) skewX(0deg);
}
}
.lightSpeedIn {
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out;
}
@keyframes lightSpeedOut {
0% {
    opacity: 1;
    transform: translateX(0%) skewX(0deg);
}
100% {
    opacity: 0;
    transform: translateX(100%) skewX(-30deg);
}
}
.lightSpeedOut {
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in;
}
@keyframes rotateIn {
0% {
    opacity: 0;
    transform: rotate(-200deg);
    transform-origin: center center 0;
}
100% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: center center 0;
}
}
.rotateIn {
    animation-name: rotateIn;
}
@keyframes rotateInDownLeft {
0% {
    opacity: 0;
    transform: rotate(-90deg);
    transform-origin: left bottom 0;
}
100% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: left bottom 0;
}
}
.rotateInDownLeft {
    animation-name: rotateInDownLeft;
}
@keyframes rotateInDownRight {
0% {
    opacity: 0;
    transform: rotate(90deg);
    transform-origin: right bottom 0;
}
100% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: right bottom 0;
}
}
.rotateInDownRight {
    animation-name: rotateInDownRight;
}
@keyframes rotateInUpLeft {
0% {
    opacity: 0;
    transform: rotate(90deg);
    transform-origin: left bottom 0;
}
100% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: left bottom 0;
}
}
.rotateInUpLeft {
    animation-name: rotateInUpLeft;
}
@keyframes rotateInUpRight {
0% {
    opacity: 0;
    transform: rotate(-90deg);
    transform-origin: right bottom 0;
}
100% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: right bottom 0;
}
}
.rotateInUpRight {
    animation-name: rotateInUpRight;
}
@keyframes rotateOut {
0% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: center center 0;
}
100% {
    opacity: 0;
    transform: rotate(200deg);
    transform-origin: center center 0;
}
}
.rotateOut {
    animation-name: rotateOut;
}
@keyframes rotateOutDownLeft {
0% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: left bottom 0;
}
100% {
    opacity: 0;
    transform: rotate(90deg);
    transform-origin: left bottom 0;
}
}
.rotateOutDownLeft {
    animation-name: rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
0% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: right bottom 0;
}
100% {
    opacity: 0;
    transform: rotate(-90deg);
    transform-origin: right bottom 0;
}
}
.rotateOutDownRight {
    animation-name: rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
0% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: left bottom 0;
}
100% {
    opacity: 0;
    transform: rotate(-90deg);
    transform-origin: left bottom 0;
}
}
.rotateOutUpLeft {
    animation-name: rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
0% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: right bottom 0;
}
100% {
    opacity: 0;
    transform: rotate(90deg);
    transform-origin: right bottom 0;
}
}
.rotateOutUpRight {
    animation-name: rotateOutUpRight;
}
@keyframes slideInDown {
0% {
    opacity: 0;
    transform: translateY(-2000px);
}
100% {
    transform: translateY(0px);
}
}
.slideInDown {
    animation-name: slideInDown;
}
@keyframes slideInLeft {
0% {
    opacity: 0;
    transform: translateX(-2000px);
}
100% {
    transform: translateX(0px);
}
}
.slideInLeft {
    animation-name: slideInLeft;
}
@keyframes slideInRight {
0% {
    opacity: 0;
    transform: translateX(2000px);
}
100% {
    transform: translateX(0px);
}
}
.slideInRight {
    animation-name: slideInRight;
}
@keyframes slideOutLeft {
0% {
    transform: translateX(0px);
}
100% {
    opacity: 0;
    transform: translateX(-2000px);
}
}
.slideOutLeft {
    animation-name: slideOutLeft;
}
@keyframes slideOutRight {
0% {
    transform: translateX(0px);
}
100% {
    opacity: 0;
    transform: translateX(2000px);
}
}
.slideOutRight {
    animation-name: slideOutRight;
}
@keyframes slideOutUp {
0% {
    transform: translateY(0px);
}
100% {
    opacity: 0;
    transform: translateY(-2000px);
}
}
.slideOutUp {
    animation-name: slideOutUp;
}
@keyframes slideInUp {
0% {
    transform: translateY(2000px);
}
100% {
    opacity: 0;
    transform: translateY(0px);
}
}
.slideInUp {
    animation-name: slideInUp;
}
@keyframes slideOutDown {
0% {
    transform: translateY(0px);
}
100% {
    opacity: 0;
    transform: translateY(2000px);
}
}
.slideOutDown {
    animation-name: slideOutDown;
}
@keyframes hinge {
0% {
    animation-timing-function: ease-in-out;
    transform: rotate(0deg);
    transform-origin: left top 0;
}
20%, 60% {
    animation-timing-function: ease-in-out;
    transform: rotate(80deg);
    transform-origin: left top 0;
}
40% {
    animation-timing-function: ease-in-out;
    transform: rotate(60deg);
    transform-origin: left top 0;
}
80% {
    animation-timing-function: ease-in-out;
    opacity: 1;
    transform: rotate(60deg) translateY(0px);
    transform-origin: left top 0;
}
100% {
    opacity: 0;
    transform: translateY(700px);
}
}
.hinge {
    animation-name: hinge;
}
@keyframes rollIn {
0% {
    opacity: 0;
    transform: translateX(-100%) rotate(-120deg);
}
100% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
}
}
.rollIn {
    animation-name: rollIn;
}
@keyframes rollOut {
0% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
}
100% {
    opacity: 0;
    transform: translateX(100%) rotate(120deg);
}
}
.rollOut {
    animation-name: rollOut;
}

.recruit textarea#form_28,
.recruit textarea#form_29,
.recruit textarea#form_30,
.recruit textarea#form_31 {
	width:99%;
	}

/* --------------------------------------------------------- */



.mgt8 {
	margin-top:8px !important;
	}
.mgt12 {
	margin-top:12px !important;
	}
.mgt16 {
	margin-top:16px !important;
	}
.mgt20 {
	margin-top:20px !important;
	}
.mgt24 {
	margin-top:24px !important;
	}
.mgt32 {
	margin-top:32px !important;
	}

.mgb12 {
	margin-bottom:12px !important;
	}



    /* 2026/06/25　追記 */
    .assessment input#form_6 {
    width: 35%;
}
    .assessment input#form_7,
    .assessment input#form_8 {
    width: 90%;
}
    .assessment input#form_4,
    .assessment input#form_5,
    .assessment input#form_9,
    .assessment input#form_10,
    .assessment input#form_11,
    .assessment input#form_12 {
    width: 60%;
}
    .parchase input#form_26,
    .parchase input#form_27,
    .parchase input#form_28,
    .parchase input#form_29,
    .parchase input#form_52,
    .parchase input#form_53,
    .parchase input#form_54,
    .parchase input#form_55,
    .parchase input#form_56
     {
    width: 90%;
}