@charset "UTF-8";

#loader-bg {
	display: none;
}
#search [type="checkbox"] + span::before {
	width: 24px;
	height: 24px;
	background-image: url(/App_Contents/images/search/checkbox_off.png);
}

#search [type="checkbox"]:checked + span::before {
	background-image: url(/App_Contents/images/search/checkbox_on.png);
}

#search .selectBox {
	width: 190px;
	margin: 0;
	position: relative;
}

#search .selectBox .toggleBtn {
	content: '';
	width: 5px;
	height: 5px;
	border-bottom: solid 2px #E75B8E;
	border-right: solid 2px #E75B8E;
	transform: rotate( 45deg );
	transition: .3s;
	pointer-events: none;
	position: absolute;
	top: calc(50% - .3em);
	right: .8em;
	z-index: 2;
}

#search select {
	-webkit-appearance: none; /* ベンダープレフィックス(Google Chrome、Safari用) */
	-moz-appearance: none; /* ベンダープレフィックス(Firefox用) */
	appearance: none; /* 標準のスタイルを無効にする */
	outline: none;
	background: transparent;
}


#search .tabs {
	width: 1000px;
	margin: 0 auto;
	border-bottom: 1px solid #EA609E;
	display: flex;
	justify-content: center;
	align-items: center;
}

#search .tabs li {
	color: #EA609E;
	font-size: 14px;
	text-align: center;
	width: 400px;
	background: #FEF7FA;
	border: 1px solid #EA609E;
	margin: 0 15px -1px;
	padding: 10px 0;
	cursor: pointer;
}

#search .tabs li.crnt {
	color: #333;
	font-weight: bold;
	border-bottom: solid 1px #fff;
	background: #fff;
}

#search .titleBlock {
	width: 1000px;
	text-align: right;
	margin: 30px auto 0;
	position: relative;
}
#search .titleBlock [type="reset"] {
	color: #999;
	font-size: .9rem;
	text-decoration: underline;
	background: #FFF;
	position: absolute;
	top: .5em;
	right: 0;
}
#search .titleBlock i {
}
#search .titleBlock .reset {
	color: #009FE5;
	font-size: .9rem;
	text-decoration: underline;
	background: #FFF;
	border-style: none;
}

/*
#search .title {
	color: #E55B8C;
	font-size: 1.286rem;
	text-align: center;
}
#search .title span {
	background: url(/App_Contents/common/images/s_criteria.png) no-repeat left center;
	background-size: 14px auto;
	padding: 0 0 0 20px;
}
*/

#search .subContents {
	width: 1000px;
}

#search .subContents .left {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#search .subContents .right {
	display: block;
}

#search .subContents .item {
	width: 480px;
}

#search .subContents .item.wide {
	width: 100%;
}

#search .subContents .item h2 {
	font-weight: bold;
	background: #F5F5F5;
	margin: 40px 0 20px;
	padding: 5px 22px;
}
#search .subContents .boxArea {
	padding: 10px;
	margin: 0 0 20px;
	border: 1px solid #CCC;
	display: grid;
    grid-template-columns: 1fr auto;
    align-items: flex-start;
	border-radius: 10px;
}
#search .subContents .boxArea .filter {
	display: flex;
	flex-wrap: wrap;
	column-gap: 10px;
	row-gap: 10px;
}
#search .subContents .boxArea .filter li {
	width: fit-content;
	color: #d71534;
    font-size: 15px;
    background: #FDEFF2;
    border-radius: 5px;
    padding: 3px 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}
#search .subContents .boxArea .filter li a {
	color: #d71534;
	text-decoration: none;
}
#search .subContents .boxArea .selectArea {
    font-size: 15px;
    padding: 5px;
    width: 40px;
    text-align: center;
    background: #E5E5E5;
    border-radius: 5px;
	cursor: pointer;
}
#search .subContents .boxArea .selectArea:hover {
	text-decoration: none;
}
#search .subContents .age {
	display: flex;
	justify-content: center;
}
#search .subContents .age .male,
#search .subContents .age .female {
	width: 135px;
}
#search .subContents .age .female {
	margin-right: 20px;
}
#search .subContents .age [type="radio"] {
	display: none;
}
#search .subContents .age [type="radio"] + span {
	font-size: 1.286rem;
	line-height: 43px;
	text-align: center;
	width: 100%;
	height: 43px;
	border: 1px solid #BFBFBF;
	padding: 0 0 0 30px;
	box-sizing: border-box;
	display: block;
	cursor: pointer;
}
#search .subContents .age .male [type="radio"] + span {
	border-right: none;
	border-radius: 4px 0 0 4px / 4px 0 0 4px;
}
#search .subContents .age .female [type="radio"] + span {
	border-radius: 0 4px 4px 0 / 0 4px 4px 0;
}
#search .subContents .age [type="radio"] + span::before {
	content: none;
}
#search .subContents .age [type="radio"] + span::after {
	content: " ";
	width: 12px;
	height: 19px;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center bottom;
	position: absolute;
	top: 50%;
	left: 40px;
	transform: translateY(-50%);
}
#search .subContents .age .male [type="radio"] + span::after { background-image: url(/App_Contents/common/images/search_s_male.png); }
#search .subContents .age .female [type="radio"] + span::after { background-image: url(/App_Contents/common/images/search_s_female.png); }

#search .subContents .age [type="radio"]:checked + span {
	background: #FFADC9;
}
#search .subContents .age .select {
	width: 126px;
	position: relative;
	border: 1px solid #BFBFBF;
	border-radius: 4px;
	background: #fff;
}
#search .subContents .age .select::before {
	content: '';
	width: 5px;
	height: 5px;
	border-bottom: solid 2px #E75B8E;
	border-right: solid 2px #E75B8E;
	transform: rotate(45deg);
	pointer-events: none;
	position: absolute;
	top: calc(50% - .3em);
	right: .8em;
	z-index: 2;
}
#search .subContents .age select {
	width: 100%;
	height: 43px;
	font-size: 1.286rem;
	line-height: 43px;
	padding: 0 38px 0 20px;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
#search .subContents .age select::-ms-expand {
	display: none;
}

#search .subContents .age02 {
	display: flex;
	align-items: center;
	justify-content: center;
}

#search .subContents .age02 .selectBox {
	width: 190px;
	margin: 0 10px;
}

#search .subContents .age02 .selectBox select {
	width: 100%;
	height: 43px;
	font-size: 1.286rem;
	line-height: 43px;
	padding: 0 38px 0 20px;
	cursor: pointer;
}

#search .subContents .date {
	width: 420px;
	margin: 0 auto;
}

#search .subContents .date > div {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 20px;
}

#search .subContents .date > div input {
	font-size: 1.286rem;
	line-height: 43px;
	width: 190px;
	height: 43px;
	border: 1px solid #BFBFBF;
	border-radius: 4px;
	box-shadow: 0 5px 3px #fafafa inset;
	padding: 0 38px 0 45px;
	cursor: pointer;
}

#search .subContents .date > div input::placeholder {
	color: #333;
}

#search .subContents .date > div em {
	position: relative;
}

#search .subContents .date > div em::before {
	content: " ";
	width: 18px;
	height: 21px;
	background: url(/App_Contents/common/images/search_s_date.png) no-repeat;
	background-size: 100% auto;
	position: absolute;
	top: 50%;
	left: 15px;
	transform: translateY(-50%);
	cursor: pointer;
	pointer-events: none;
}

#search .subContents .date > div em::after {
	content: " ";
	width: 18px;
	height: 18px;
	background-image: linear-gradient(#E75B8E 25%, transparent 25%);
	background-size: 8px 8px;
	pointer-events: none;
	display: block;
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
}

#search .subContents .date .picker__box {
	font-style: normal;
}

#search .subContents .date ul {
	display: flex;
	justify-content: space-between;
}

#search .subContents .date ul li {
	width: 96px;
	text-align: center;
}

#search .subContents .date [type="checkbox"] + span {
	line-height: 1.2;
	width: 100%;
	display: inline-block;
	border: solid 1px #BFBFBF;
	border-radius: 4px;
	position: relative;
	cursor: pointer;
	padding: 5px 0;
}

#search .subContents .date [type="checkbox"] + span em {
	font-size: 75%;
	font-style: normal;
}

#search .subContents .date [type="checkbox"] + span::before {
	content: none;
}

#search .subContents .date [type="checkbox"]:checked + span {
	background: #FFADC9;
	border: 1px solid #FFADC9;
}

#search .subContents .dayweek {
}

#search .subContents .dayweek ul {
	width: 420px;
	margin: -20px auto 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

#search .subContents .dayweek ul::after {
	content: "";
	display: block;
	width: 96px;
}

#search .subContents .dayweek ul li {
	width: 96px;
	text-align: center;
	margin: 20px 0 0;
}

#search .subContents .dayweek ul li span {
	width: 100%;
	display: inline-block;
	border: solid 1px #BFBFBF;
	border-radius: 4px;
	position: relative;
	cursor: pointer;
	padding: 10px 0;
}

#search .subContents .dayweek ul li input:checked + span {
	background: #F7BFD8;
	border: 1px solid #F7BFD8;
}

#search .subContents .dayweek ul li input[type="checkbox"] + span::before {
	display: none;
}

#search .subContents .area {
	padding: 0 30px;
}
#search .subContents .area .chiku ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#search .subContents .area .chiku ul li {
	text-align: center;
	width: 126px;
	border: solid 1px #BFBFBF;
	border-radius: 4px;
	padding: 10px 1em;
	cursor: pointer;
}
#search .subContents .area .chiku ul li.cr {
	background: #FFADC9;
	border: 1px solid #FFADC9;
}
#search .subContents .area .pref dl {
	display: none;
	border-bottom: solid 1px #D9D9D9;
	margin: 35px 0 0;
}
#search .subContents .area .pref dl dt {
	border-top: solid 1px #D9D9D9;
	position: relative;
}
#search .subContents .area .pref dl dt [type="checkbox"] + span {
	padding-left: 40px;
}
#search .subContents .area .pref dl dt label {
	padding: 13px 20px;
	display: block;
	cursor: pointer;
}
#search .subContents .area .pref dl dt .oc {
	font-size: 1.3rem;
	font-weight: bold;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	cursor: pointer;
}
#search .subContents .area .pref dl dd {
	padding: 25px 0 15px;
	display: none;
}
#search .subContents .area .pref dl dd ul {
	margin: -20px auto 0;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
#search .subContents .area .pref dl dd ul li {
	width: 148px;
	text-align: center;
	margin: 20px 0 0 10px;
}
#search .subContents .area .pref dl dd ul li:nth-child(6n+1) {
	margin-left: 0;
}
#search .subContents .area .pref dl dd ul li span {
	width: 100%;
	display: inline-block;
	border: solid 1px #BFBFBF;
	border-radius: 4px;
	position: relative;
	cursor: pointer;
	padding: 10px 0;
}
#search .subContents .area .pref dl dd ul li input[type="checkbox"] + span::before {
	display: none;
}
#search .subContents .area .pref dl dd ul li input:checked + span {
	background: #FFADC9;
	border: 1px solid #FFADC9;
}

#search .subContents .style {
}
#search .subContents .style ul {
	width: 850px;
	margin: 0 auto;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
#search .subContents .style li {
	width: 180px;
	margin: 20px 15px 0;
}
#search .subContents .style li span {
	color: #fff;
	font-size: 1.286rem;
	font-weight: bold;
	text-align: center;
	background: #EA609E;
	border-radius: 4px;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
	padding: 0 0 5px;
	cursor: pointer;
	opacity: .5;
	display: block;
	position: relative;
}
#search .subContents .style li [type="checkbox"] + span::before {
	content: none;
}
#search .subContents .style li span img {
	width: 100%;
	margin: 0 0 5px;
	display: block;
}
#search .subContents .style li input:checked + span {
	opacity: 1;
	box-shadow: none;
}
#search .subContents .style li input:checked + span::after {
	content: '';
	width: calc(100% - 5px);
	height: calc(100% - 5px);
	border: 3px solid #EA609E;
	border-radius: 5px;
	position: absolute;
	top: 0;
	left: 0;
}

#search .subContents .keyword ul {
	width: 940px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
#search .subContents .keyword ul::before {
	content: "";
	display: block;
	width: 25%;
	order: 1;
}
#search .subContents .keyword ul::after {
	content: "";
	display: block;
	width: 25%;
}
#search .subContents .keyword li {
	width: 25%;
}
#search .subContents .keyword li span {
	width: 100%;
	height: 60px;
	margin: 0 0 5px;
	padding-right: 10px;
	display: inline-block;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	cursor: pointer;
}
#search .subContents .keyword li span:hover {
	text-decoration: underline;
}
#search .subContents .keyword li [type="checkbox"] + span::before {
	top: 50%;
	transform: translateY(-50%);
}

#search .submitBtn {
	background: #F5F5F5;
	text-align: center;
	margin: 40px 0 0 0;
	padding: 25px 0;
	position: sticky;
	bottom: 0;
	z-index: 10;
}
#search .submitBtn a {
	color: #FFF;
	font-size: 1.286rem;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	width: 500px;
	display: inline-block;
	background: #E75B8E;
	border-radius: 10px;
	padding: 20px 60px;
}
#search .submitBtn a span {
	font-size: 1rem;
	font-weight: normal;
}

.searchHallWrapper {
	max-width: 960px;
	margin: 0 auto 60px;
	text-align: left;
}
.searchHallWrapper .imageWrapper {
	display: flex;
	justify-content: space-between;
	max-width: 820px;
	margin: 0 0 12px;
}
.searchHallWrapper .imageWrapper figure {
	width: calc((100% - 20px) / 2);
}
.searchHallWrapper .imageWrapper figure img {
	width: 100%;
	height: 301px;
	object-fit: cover;
}
.searchHallWrapper .addressWrapper {
	width: 820px;
	display: flex;
	justify-content: space-between;
	margin: 0 0 45px;
}
.searchHallWrapper .addressWrapper .addressText {
	width: calc(100% - 160px - 20px);
}
.searchHallWrapper .addressWrapper .mapAnchor {
	width: 160px;
}
.searchHallWrapper .addressWrapper .mapAnchor a {
	display: block;
	width: 100%;
	padding: 6px;
	text-align: center;
	background: #379fe8;
	border-radius: 5px;
	color: #fff;
	font-size: .857rem;
	box-sizing: border-box;
	text-decoration: none;
}
.searchHallWrapper .addressWrapper .addressText .name {
	padding: 10px 0 5px;
	font-size: 1.5rem;
	font-weight: bold;
}
.searchHallWrapper .addressWrapper .addressText .address {
	font-size: 1.071rem;
}
.searchHallWrapper .hallDetailHeader {
	position: relative;
	padding: 20px 70px 20px 30px;
	background: #f2f3f5;
	font-size: 1.429rem;
	cursor: pointer;
}
.searchHallWrapper .hallDetailHeader::before {
	display: block;
	position: absolute;
	right: 20px;
	top: 50%;
	width: 32px;
	height: 32px;
	background: #ea6b98;
	border-radius: 4px;
	content: "";
	transform: translateY(-50%);
}
.searchHallWrapper .hallDetailHeader p::before,
.searchHallWrapper .hallDetailHeader p::after {
	position: absolute;
	right: 28px;
	top: 50%;
	width: 16px;
	height: 3px;
	background: #fff;
	transform: translateY(-50%);
	content: "";
}
.searchHallWrapper .hallDetailHeader p::after {
	transform: translateY(-50%) rotate(90deg);
}
.searchHallWrapper .hallDetailHeader.acOpen p::after {
	display: none;
}
.searchHallWrapper .hallDetailContents {
	display: none;
}
.searchHallWrapper .hallDetailContents .innerSection {
	padding: 35px 0;
	border-bottom: solid 1px #f2f2f2;
}
.searchHallWrapper .hallDetailContents .innerSection:last-child {
	padding: 35px 0 0;
	border-bottom: none;
}
.searchHallWrapper .hallDetailContents .innerSection .heading {
	margin: 0 0 20px;
	font-size: 1.429rem;
	font-weight: bold;
}
.searchHallWrapper .hallDetailContents .innerSection .heading span {
	color: #e35b8b;
}
.searchHallWrapper .hallDetailContents .innerSection .accessTable {
	margin: 0 0 20px;
}
.searchHallWrapper .hallDetailContents .innerSection .accessTable th {
	width: 115px;
	padding: 0 0 12px;
	vertical-align: top;
	font-size: 1.143rem;
}
.searchHallWrapper .hallDetailContents .innerSection .accessTable th::before {
	width: 12px;
	height: 12px;
	display: inline-block;
	margin: 0 3px 0 0;
	background: #333;
	vertical-align: baseline;
	content: "";
}
.searchHallWrapper .hallDetailContents .innerSection .accessTable td {
	padding: 0 0 12px;
	font-size: 1.071rem;
}
.searchHallWrapper .hallDetailContents .innerSection .accessTable tr:last-child th,
.searchHallWrapper .hallDetailContents .innerSection .accessTable tr:last-child td {
	padding: 0;
}
.searchHallWrapper .hallDetailContents .innerSection .nearList {
	display: flex;
	flex-wrap: wrap;
	margin: -10px 0 0 -10px;
}
.searchHallWrapper .hallDetailContents .innerSection .nearList > li {
	margin: 10px 0 0 10px;
}
.searchHallWrapper .hallDetailContents .innerSection .nearList > li a {
	display: block;
	padding: 5px 24px;
	border: solid 1px #cacaca;
	color: #666;
	text-decoration: none;
	border-radius: 6px;
	font-size: .929rem;
}

#criteria .title {
	color: #E55B8C;
	font-size: 1.286rem;
	background: url(/App_Contents/common/images/s_criteria.png) no-repeat left bottom 12px;
	background-size: 14px auto;
	border-bottom: solid 1px #E55B8C;
	margin: 0 0 20px;
	padding: 0 0 5px 20px;
}
#criteria .subContents {
	border-bottom: solid 1px #E2E2E2;
	padding-bottom: 20px;
}
#criteria .subContents.borderNone {
	border-bottom: none;
	padding-bottom: 0;
}
#criteria .subContents > div {
	margin: 0 20px;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}
#criteria ul {
	width: 660px;
}
#criteria ul li {
	padding-left: 7em;
	position: relative;
}
#criteria ul li::before {
	font-weight: bold;
	position: absolute;
	top: 0;
	left: 0;
}
#criteria ul li.age::before { content: "性別・年齢"; }
#criteria ul li.age2::before { content: "お相手の年齢"; }
#criteria ul li.pref::before { content: "都道府県"; }
#criteria ul li.area::before { content: "エリア"; }
#criteria ul li.date::before { content: "開催日"; }
#criteria ul li.days::before { content: "曜日"; }
#criteria ul li.shurui::before { content: "タイプ"; }
#criteria ul li.keyword::before { content: "キーワード"; }
#criteria ul li.advanced::before { content: "その他"; }
#criteria ul li.pstyle::before { content: "スタイル"; }
#criteria ul li.kaijyo::before { content: "パーティー会場"; }
#criteria ul li.tag::before {content: "タグ";}

#criteria .searchBtn {
	width: 200px;
}
#criteria .searchBtn a {
	color: #E55B8C;
	text-align: center;
	text-decoration: none;
	border: solid 1px #E55B8C;
	border-radius: 20px;
	padding: 8px 0;
	display: block;
}
#criteria .searchBtn a span {
	padding-left: 20px;
	position: relative;
}
#criteria .searchBtn a span::after {
	content: " ";
	width: 12px;
	height: 12px;
	background: url(/App_Contents/common/images/s_back.png) no-repeat;
	background-size: 100% auto;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

#criteria .subContents > div.searchStepWrapper {
	margin: 0;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}
#criteria .searchStepWrapper .searchStep {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: calc(100% - 230px - 30px);
}
#criteria .searchStepWrapper .searchStep .search1 {
	position: relative;
	width: 22.5%;
}
#criteria .searchStepWrapper .searchStep .search1::before {
	content: "";
	width: 7px;
	height: 7px;
	border-bottom: solid 2px #E75B8E;
	border-right: solid 2px #E75B8E;
	transform: rotate(45deg);
	pointer-events: none;
	position: absolute;
	top: calc(50% - 7px);
	right: 20px;
}
#criteria .searchStepWrapper .searchStep .search1 select {
	width: 100%;
	height: 55px;
	padding: 0 50px 0 20px;
	border: solid 1px #C5C5C5;
	font-size: 1.286rem;
	box-sizing: border-box;
	box-shadow: 0 2px 0 #E1E1E1;
	border-radius: 8px;
	appearance: none;
	-webkit-appearance: none;
	outline: none;
	cursor: pointer;
}
#criteria .searchStepWrapper .searchStep .search2 {
	position: relative;
	width: 37.5%;
}
#criteria .searchStepWrapper .searchStep .search2.disabled {
	opacity: .7;
	background: #ddd;
	border-radius: 8px;
}
#criteria .searchStepWrapper .searchStep .search2::before {
	content: "";
	width: 7px;
	height: 7px;
	border-bottom: solid 2px #E75B8E;
	border-right: solid 2px #E75B8E;
	transform: rotate(45deg);
	pointer-events: none;
	position: absolute;
	top: calc(50% - 7px);
	right: 20px;
}
#criteria .searchStepWrapper .searchStep .search2 input[type="text"] {
	position: relative;
	width: 100%;
	padding: 0 50px 0 20px;
	height: 55px;
	border: solid 1px #C5C5C5;
	background: transparent;
	font-size: 1.286rem;
	box-sizing: border-box;
	box-shadow: 0 2px 0 #E1E1E1;
	border-radius: 8px;
	outline: none;
	cursor: pointer;
}
#criteria .searchStepWrapper .searchStep .search2 input[type="text"]::placeholder {
	color: #444;
}
#criteria .searchStepWrapper .searchStep .search2 input[type="text"]:-ms-input-placeholder {
	color: #444; /* IE */
}
#criteria .searchStepWrapper .searchStep .search2 input[type="text"]::-ms-input-placeholder {
	color: #444; /* Edge */
}
#criteria .searchStepWrapper .searchStep .search2.disabled input[type="text"] {
	pointer-events: none;
}
#criteria .searchStepWrapper .searchStep .search3 {
	position: relative;
	width: 37.5%;
}
#criteria .searchStepWrapper .searchStep .search3::before {
	content: "";
	width: 25px;
	height: 29px;
	background: url(/App_Contents/common/images/search_s_date.png) no-repeat 0 0 / contain;
	position: absolute;
	top: 50%;
	right: 19px;
	transform: translateY(-50%);
}
#criteria .searchStepWrapper .searchStep .search3 input[type="text"] {
	position: relative;
	width: 100%;
	padding: 0 60px 0 20px;
	height: 55px;
	border: solid 1px #C5C5C5;
	background: transparent;
	font-size: 1.286rem;
	box-sizing: border-box;
	box-shadow: 0 2px 0 #E1E1E1;
	border-radius: 8px;
	outline: none;
	cursor: pointer;
}
#criteria .searchStepWrapper .searchStep .search3 input[type="text"]::placeholder {
	color: #444;
}
#criteria .searchStepWrapper .searchStep .search3 input[type="text"]:-ms-input-placeholder {
	color: #444; /* IE */
}
#criteria .searchStepWrapper .searchStep .search3 input[type="text"]::-ms-input-placeholder {
	color: #444; /* Edge */
}
#criteria .searchStepWrapper .searchBtnWrapper {
	width: 230px;
}
#criteria .searchStepWrapper .searchBtnWrapper .btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 55px;
	background: #e97199;
	border-radius: 8px;
	color: #fff;
	font-size: 1.286rem;
	font-weight: bold;
	text-decoration: none;
	box-shadow: 0 2px 0 #A84667;
}
#criteria .searchStepWrapper .searchBtnWrapper .btn::before {
	content: "";
	width: 22px;
	height: 22px;
	background: url(/App_Contents/common/images/search_s_search_pc.png) no-repeat 0 0 / contain;
	display: inline-block;
	margin: 0 10px 0 0;
	vertical-align: middle;
}
#criteria .searchStepWrapper .searchBtnWrapper .addAnchor {
	margin: 10px 0 0;
}
#criteria .searchStepWrapper .searchBtnWrapper .addAnchor a {
	color: #a6a6a6;
}

.induction_box {
	width: 840px;
	border: 1px solid #444;
	margin: 130px auto 0;
	padding: 50px 70px 35px;
	box-sizing: border-box;
}

.induction_box .divided_box {
	position: relative;
}

.induction_box .divided_box .text_box {
	text-align: left;
	padding: 15px 0;
	position: relative;
	z-index: 5;
}

.induction_box .divided_box .text_box .lead {
	color: #D21818;
	font-size: 22px;
	font-weight: bold;
	text-shadow: 0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff;
	letter-spacing: -1px;
}

.induction_box .divided_box .text_box .midashi {
	font-size: 32px;
	font-weight: bold;
	text-shadow: 0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,0 0 8px #fff;
	line-height: 1.2;
}
.induction_box .divided_box .text_box .midashi .large {
	font-size: 1.5em;
}

.induction_box .divided_box .text_box .midashi .red {
	color: #D21818;
}

.induction_box .divided_box .image {
	width: 415px;
	position: absolute;
	top: 0;
	right: 0;
}
.induction_box .divided_box .image img {
	width: 100%px;
	height: auto;
}

.induction_box .text {
	text-align: left;
	margin: 30px 0 0;
}


.induction_box .slashtext {
	font-size: 16px;
	font-weight: bold;
	margin: 40px 0 0;
}

.induction_box .slashtext span {
	
}

.induction_box .slashtext span::before,
.induction_box .slashtext span::after {
	content: '';
	width: 1px;
	height: 1em;
	background: #333;
	display: inline-block;
}

.induction_box .slashtext span::before {
	transform: translateY(3px) rotate(-30deg);
	margin-right: 0.5em;
}
.induction_box .slashtext span::after {
	transform: translateY(3px) rotate(30deg);
	margin-left: 0.5em;
}

.induction_box .btn {
	margin: 10px 0 0;
	text-align: center;
}

.induction_box .btn a {
	color: #333;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	width: 400px;
	border: 1px solid #D21818;
	border-radius: 5px;
	padding: 5px 0;
	display: inline-block;
	position: relative;
	overflow: hidden;
}

.induction_box .btn a:hover {
	color: #fff;
	background: #D21818;
}

.induction_box .btn a::after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 0 8px 9px;
	border-color: transparent transparent transparent #D21818;
	display: inline-block;
	margin-left: 10px;
	transform: translateY(2px);
}

.induction_box .btn a:hover::after {
	border-color: transparent transparent transparent #fff;
}





#preflink .title {
	color: #E55B8C;
	font-size: 1.286rem;
	background: url(/App_Contents/common/images/s_preflink.png) no-repeat left bottom 8px;
	background-size: 14px auto;
	border-bottom: solid 1px #E55B8C;
	margin: 0 0 20px;
	padding: 0 0 5px 20px;
}
#preflink .subContents {
	border-bottom: solid 1px #E2E2E2;
	padding-bottom: 20px;
}
#preflink .subContents.borderNone {
	border-bottom: none;
	padding-bottom: 0;
}
#preflink .subContents > div {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}
#preflink ul {
	display: flex;
	flex-wrap: wrap;
	margin-top: -10px;
}
#preflink ul li {
	margin: 10px 20px 0 0;
}
#preflink ul li a {
	color: #666;
	font-size: 1.14rem;
	text-decoration: none;
	border: 1px solid #B2B2B2;
	border-radius: 20px;
	padding: 5px 20px;
	display: inline-block;
}
#preflink ul li a:hover {
	color: #FFF;
	background: #E55B8C;
	border: 1px solid #E55B8C;
}

#especial .subContents {
	width: 960px;
}
#especial .subContents .no1 {
	text-align: center;
	margin: 0 0 45px;
}
#especial .subContents .no1 figure {
	width: 426px;
	margin: 0 auto 22px;;
}
#especial .subContents .no1 figure img {
	width: 100%;
}
#especial .subContents .no1 p {
	color: #959595;
	font-size: 10px;
}
#especial .subContents .box {
	margin: 0 0 30px;
	display: flex;
	justify-content: space-between;
}
#especial .subContents .box h2 {
	display: none;
}
#especial .subContents .box figure {
	width: 240px;
}
#especial .subContents .box figure img {
	width: 100%;
}
#especial .subContents .box .text {
	display: flex;
	align-items: center;
	width: calc(100% - 240px - 40px);
}
#especial .subContents h2 {
	position: relative;
	font-weight: bold;
	margin: 0 0 15px;
	padding: 18px 70px 18px 30px;
	background: #f2f3f4;
	font-size: 1.429rem;
	cursor: pointer;
}
#especial .subContents h2::before {
	display: block;
	position: absolute;
	right: 20px;
	top: 50%;
	width: 32px;
	height: 32px;
	background: #ea6c98;
	content: "";
	border-radius: 5px;
	transform: translateY(-50%);
}
#especial .subContents h2 span::before,
#especial .subContents h2 span::after {
	display: block;
	position: absolute;
	right: 28px;
	top: 50%;
	width: 16px;
	height: 2px;
	background: #fff;
	content: "";
	transform: translateY(-50%);
}
#especial .subContents h2 span::after {
	transform: translateY(-50%) rotate(90deg);
}
#especial .subContents h2.acOpen span::after {
	display: none;
}

#especial .subContents .box2 {
}
#especial .subContents .box2 ul {
	display: flex;
	flex-wrap: wrap;
}
#especial .subContents .box2 ul li {
	width: 240px;
	text-align: center;
	margin: 0 0 20px;
}
#especial .subContents .box2 ul li figure {
	border: solid 5px #E1E3E6;
	border-radius: 10px;
	margin: 0 10px 10px;
}
#especial .subContents .box2 ul li figure img {
	width: 100%;
	border-radius: 5px;
}

#searchresult .styleTab {
	position: relative;
	display: flex;
	width: 100%;
	margin: 0 0 20px;
}
#searchresult .styleTab::after {
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 100%;
	border-bottom: solid 1px #CBCFD3;
	content: "";
}
#searchresult .styleTab > li {
	display: flex;
	width: 100%;
	max-width: 190px;
	margin: 0 0 0 10px;
}
#searchresult .styleTab > li:first-child {
	margin: 0;
}
#searchresult .styleTab > li a {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 100%;
	padding: 14px 9px;
	text-decoration: none;
	border: solid 1px #F2F3F4;
	background: #F2F3F4;
	color: #666;
	box-sizing: border-box;
}
#searchresult .styleTab > li a:hover,
#searchresult .styleTab > li a.current {
	position: relative;
	z-index: 1;
	border-color: #E55B8C;
	border-bottom-color: #FFF;
	background: #FFF;
	color: #E55B8C;
	font-weight: bold;
	opacity: 1;
}

#searchresult .num {
	margin: 0 0 20px;
}
#searchresult .num span {
	color: #E55B8C;
	font-size: 1.286rem;
	font-weight: bold;
}

.pagenation {
	text-align: center;
	margin-top: 30px;
}
.pagenation a,
.pagenation span {
	font-weight: bold;
	text-decoration: none;
	border-radius: 5px;
	margin: 0 5px;
	padding: .6em 1em;
}
.pagenation a { color: #E55B8C; border: solid 1px #E55B8C; }
.pagenation span { color: #CBCBCB; border: solid 1px #CBCBCB; }

.pagenation a.prev,
.pagenation a.next {
	border-radius: 20px;
	padding-left: 3em;
	padding-right: 3em;
}

.pagenation .aspNetDisabled {
	color: #CBCBCB;
	border: solid 1px #CBCBCB;
}

#searchPrefArea .subContents {
	border-bottom: solid 1px #E2E2E2;
	padding-bottom: 20px;
}

#searchPrefArea .subContents.borderNone {
	border-bottom: none;
	padding-bottom: 0;
}

#searchPrefArea .subContents > div .title {
	color: #E55B8C;
	font-size: 1.286rem;
	border-bottom: solid 1px #E55B8C;
	background-size: auto 0.8em;
	background-position: left bottom 12px;
	background-repeat: no-repeat;
	margin: 20px 0;
	padding: 0 0 5px 20px;
}

#searchPrefArea .subContents > div.date .title {
	background-image: url(/App_Contents/common/images/s_criteria.png);
}
#searchPrefArea .subContents > div.area .title {
	background-image: url(/App_Contents/common/images/s_preflink.png);
}
#searchPrefArea .subContents > div.keyword .title {
	background-image: url(/App_Contents/common/images/s_keyword.png);
}

#searchPrefArea .subContents > div ul {
	background: #FEF7F9;
	margin-top: -10px;
	padding: 5px 20px 15px;
	display: flex;
	flex-wrap: wrap;
	flex-wrap: wrap;
}

#searchPrefArea .subContents > div ul li {
	margin: 10px 10px 0 0;
}

#searchPrefArea .subContents > div ul li a {
	color: #666;
	font-size: 1.14rem;
	text-decoration: none;
	background: #fff;
	border: 1px solid #B2B2B2;
	border-radius: 20px;
	padding: 5px 20px;
	display: inline-block;
}

#searchPrefArea .subContents > div ul li > span {
	color: #666;
	font-size: 1.14rem;
	text-decoration: none;
	background: #fff;
	border: 1px solid #B2B2B2;
	border-radius: 20px;
	padding: 5px 20px;
	display: inline-block;
	cursor: pointer;
}

#searchPrefArea .subContents > div ul li a span {
	color: #666;
}

#searchPrefArea .subContents > div ul li a:hover,
#searchPrefArea .subContents > div ul li > span:hover,
#searchPrefArea .subContents > div ul li .on {
	color: #E55B8C;
	background: #FCEFF3;
	text-decoration: underline;
	border: 1px solid #E55B8C;
}
#searchPrefArea .subContents > div ul li a:hover span,
#searchPrefArea .subContents > div ul li .on span {
	color: #E55B8C;
}

#searchPrefArea .subContents .addAnchor {
	text-align: center;
	margin: 35px 0 0;
}

#searchPrefArea .subContents .addAnchor a {
	color: #8A8A8A;
	border-bottom: 1px solid #8A8A8A;
	text-decoration: none;
	background: url(/App_Contents/common/images/s_criteria_gray.png) no-repeat left center / auto 1em;
	padding-left: 1.5em;
}

#searchPrefArea .subContents .addAnchor a:hover {
	border-bottom: none;
}

.fioreBanner .subContents .bannerBox {
	width: 840px;
	text-align: left;
	border: solid 1px #444;
	margin: 50px auto;
	padding: 40px 68px;
	box-sizing: border-box;
}
.fioreBanner .subContents .bannerBox .title {
	font-size: 32px;
	font-weight: 700;
	line-height: 1.37;
	letter-spacing: 0.5px;
	background: url(/App_Contents/images/search/b_fiore_pc.png) no-repeat;
	background-size:704px 148px;
	background-position:top center;
	/*background-size: 421px 150px;*/
	/*background-position: top right;*/
	text-shadow: 0px 0px 12px rgba(255,255,255,1), 0px 0px 12px rgba(255,255,255,1), 0px 0px 12px rgba(255,255,255,1), 0px 0px 12px rgba(255,255,255,1), 0px 0px 12px rgba(255,255,255,1), 0px 0px 12px rgba(255,255,255,1), 0px 0px 12px rgba(255,255,255,1), 0px 0px 12px rgba(255,255,255,1), 0px 0px 12px rgba(255,255,255,1), 0px 0px 12px rgba(255,255,255,1), 0px 0px 12px rgba(255,255,255,1), 0px 0px 12px rgba(255,255,255,1);
	margin: 0 0 15px;
	padding: 31px 0;
}
.fioreBanner .subContents .bannerBox .title span {
	color: #D21818;
	font-size: 22px;
}
.fioreBanner .subContents .bannerBox .title sup {
	font-size: 15px;
}
.fioreBanner .subContents .bannerBox .textArea {
	margin: 0 0 25px;
}
.fioreBanner .subContents .bannerBox .textArea .lead {
	color: #444;
	font-size: 15px;
}
.fioreBanner .subContents .bannerBox .textArea small {
	color: #969798;
	font-size: 12px;
}
.fioreBanner .subContents .bannerBox .btn a {
	color: #444;
	font-size: 18px;
	font-weight: 700;
	width: fit-content;
	-moz-width: fit-content;
	text-decoration: none;
	border: solid 1px #D21818;
	border-radius: 5px;
	margin: 0 auto;
	padding: 12px 50px 12px 40px; 
	display: block;
	position: relative;
}
.fioreBanner .subContents .bannerBox .btn a:hover {
	color: #D21818;
	opacity: 1;
}
.fioreBanner .subContents .bannerBox .btn a::before {
	content: "";
	width: 0;
	height: 0;
	border-left: solid 10px #D21818;
	border-top: solid 10px transparent;
	border-bottom: solid 10px transparent;
	position: absolute;
	top: 50%;
	right: 25px;
	transform: translateY(-50%);
}
.partnerBanner .subContents .bannerBox {
	width: 840px;
	text-align: left;
	border: solid 1px #444;
	margin: 50px auto;
	padding: 40px 68px;
	box-sizing: border-box;
}

.partnerBanner .subContents .bannerBox .tms_consultation {
	width: 567px;
	margin: 15px auto 0;
	display: grid;
	align-items: center;
	grid-template-columns: 260px 1fr;
}
.partnerBanner .subContents .bannerBox .tms_consultation .company {
	grid-row: 1 / 2;
	grid-column: 1 / 2;
}

.partnerBanner .subContents .bannerBox .tms_consultation .btn {
	box-shadow: 2px 6px 5px 0px rgba(0, 0, 0, 0.4);
	border-radius: 25px;
	overflow: hidden;
	grid-row: 1 / 2;
	grid-column: 2 / 3;
}
.partnerBanner .subContents .bannerBox .btn a {
	color: #FFF;
	font-size: 18px;
	font-weight: 700;
	text-decoration: none;
	background: linear-gradient(0deg, rgba(193,69,0,1) 0%, rgba(249,94,0,1) 50%, rgba(249,94,0,1) 100%);
	border: solid 3px #fff;
	border-radius: 25px;
	margin: 0 auto;
	width: 250px;
	padding: 6px 25px 6px;
	display: block;
	position: relative;

}
.partnerBanner .subContents .bannerBox .tms_consultation .btn a::before {
	content: "";
	width: 0;
	height: 0;
	border-left: solid 8px #FFF;
	border-top: solid 7px transparent;
	border-bottom: solid 7px transparent;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
}
.partnerBanner .subContents .bannerBox .tms_consultation .btn a::after {
	position: absolute;
    content: '';
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fbfbfb;
    animation: btn_animation 3.5s ease-in-out infinite;
}

@-webkit-keyframes btn_animation {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    65% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    70% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

@media (hover: hover) and (pointer: fine) {
	.partnerBanner .subContents .bannerBox .tms_consultation .btn a:hover {
		color: #FFF;
		opacity: .8;
	}
}

.tmsBanner .subContents .bannerBox {
	width: 840px;
	text-align: left;
	border: solid 1px #444;
	margin: 50px auto;
	padding: 40px 68px;
	box-sizing: border-box;
}
.tmsBanner .subContents .bannerBox .title {
	font-size: 32px;
	font-weight: 700;
	line-height: 1.37;
	letter-spacing: 0.5px;
	background: url(/App_Contents/images/search/b_partner_pc.png) no-repeat;
	background-size: 421px 150px;
	background-position: top right 15px;
	text-shadow: 0px 0px 12px rgba(255,255,255,1), 0px 0px 12px rgba(255,255,255,1), 0px 0px 12px rgba(255,255,255,1), 0px 0px 12px rgba(255,255,255,1), 0px 0px 12px rgba(255,255,255,1), 0px 0px 12px rgba(255,255,255,1), 0px 0px 12px rgba(255,255,255,1), 0px 0px 12px rgba(255,255,255,1), 0px 0px 12px rgba(255,255,255,1), 0px 0px 12px rgba(255,255,255,1), 0px 0px 12px rgba(255,255,255,1), 0px 0px 12px rgba(255,255,255,1);
	margin: 0 0 15px;
	padding: 31px 0;
}
.tmsBanner .subContents .bannerBox .title.tms {
	font-size: 28px;
	background: url(/App_Contents/images/search/b_tms_pc.jpg) no-repeat right center;
}
.tmsBanner .subContents .bannerBox .title span {
	color: #3AAA7A;
	font-size: 22px;
}
.tmsBanner .subContents .bannerBox .textArea {
	margin: 0 0 25px;
}

.tmsBanner .subContents .bannerBox .btn a {
	color: #444;
	font-size: 18px;
	font-weight: 700;
	width: fit-content;
	-moz-width: fit-content;
	text-decoration: none;
	border: solid 1px #D21818;
	border-radius: 5px;
	margin: 0 auto;
    padding: 12px 50px 12px 40px;
	display: block;
	position: relative;
}
@media (hover: hover) and (pointer: fine) {
	.tmsBanner .subContents .bannerBox .btn a:hover {
		color: #D21818;
		opacity: 1;
	}
}
.tmsBanner .subContents .bannerBox .btn a::before {
	content: "";
	width: 0;
	height: 0;
	border-left: solid 10px #D21818;
	border-top: solid 10px transparent;
	border-bottom: solid 10px transparent;
	position: absolute;
	top: 50%;
	right: 25px;
	transform: translateY(-50%);
}

.naBanner .subContents .bannerBox {
	width: 840px;
	text-align: left;
	border: solid 1px #444;
	margin: 50px auto;
	padding: 40px 68px;
	box-sizing: border-box;
}
.naBanner .subContents .bannerBox h5 {
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
	margin: 0 0 35px;
}
.naBanner .subContents .bannerBox h5 span {
	font-size: 32px;
}
.naBanner .subContents .bannerBox .row {
	margin: 0 0 30px;
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
}
.naBanner .subContents .bannerBox .row figure {
	width: 290px;
}
.naBanner .subContents .bannerBox .row .textArea {
	width: 400px;
}
.naBanner .subContents .bannerBox .row .textArea .lead {
	margin: 0 0 20px;
}
.naBanner .subContents .bannerBox .row .textArea .check {
	font-size: 16px;
	margin: 0 0 10px;
}
.naBanner .subContents .bannerBox .row .textArea .check i {
	color: #009e5a;
}
.naBanner .subContents .bannerBox .row .textArea .box {
	background: #fff9db;
	padding: 15px 20px;
}
.naBanner .subContents .bannerBox .row .textArea .box ul li {
	font-size: 16px;
	font-weight: bold;
	margin-right: 1em;
	display: inline-block;
}
.naBanner .subContents .bannerBox .row .textArea .box ul li::before {
	content: "■ ";
}
.naBanner .subContents .bannerBox .btn {
	text-align: center;
}
.naBanner .subContents .bannerBox .btn a {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	background: #009e5a;
	border-radius: 6px;
	padding: 10px 60px;
	display: inline-block;
	position: relative;
}
.naBanner .subContents .bannerBox .btn a::after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 0 7px 10px;
	border-color: transparent transparent transparent #fff;
	position: absolute;
	top: calc(50% - 7px);
	right: 15px;
}


	/* FOR smartphone landscape
***************************************************************************/
	@media screen and (max-width:899px) {
	#search [type="checkbox"] + span::before {
		width: 4.5vw;
		height: 4.5vw;
	}

	#search .tabs {
		width: 100%;
	}

	#search .tabs li {
		font-size: 12px;
		margin: 0 5px -1px;
		padding: 8px 0;
	}

	#search .tabs li.crnt {
	}

	#search .titleBlock {
		width: auto;
		margin: 10px auto 0;
		padding-right: 0.5em;
	}
	#search .titleBlock [type="reset"] {
		position: static;
		margin-top: 5px;
		float: right;
	}
	#search .titleBlock i {
	}
	#search .titleBlock .reset {
		margin-bottom: 10px;
	}
/*
	#search .title {
	}
	#search .title span {
	}
*/
	#search .subContents {
		width: auto;
	}
	#search .subContents .left {
		display: block;
	}
	#search .subContents .right {
	}
	#search .subContents .item {
		width: 100%;
	}

	#search .subContents .item.wide {
		width: 100%;
	}

	#search .subContents .item h2 {
		margin: 10px calc(50% - 50vw);
		padding: 5px 5vw;
		position: relative;
	}

	#search .subContents .item h2 .toggleBtn {
		content: '';
		width: 5px;
		height: 5px;
		border-bottom: solid 2px #E75B8E;
		border-right: solid 2px #E75B8E;
		transform: rotate(45deg);
		transition: .3s;
		pointer-events: none;
		position: absolute;
		top: calc(50% - .3em);
		right: .8em;
		z-index: 12;
	}

	#search .subContents .item h2 .toggleBtn.open {
		transform: rotate(-135deg);
		top: 50%;
	}
	#search .subContents .age {
	}

	#search .subContents .age .male,
	#search .subContents .age .female {
		width: 135px;
	}

	#search .subContents .age .female {
		margin-right: 10px;
	}

	#search .subContents .age [type="radio"] {
	}

	#search .subContents .age [type="radio"] + span {
		font-size: 1rem;
		line-height: 43px;
		height: 43px;
		padding: 0 0 0 20px;
	}

	#search .subContents .age .male [type="radio"] + span {
	}

	#search .subContents .age .female [type="radio"] + span {
	}

	#search .subContents .age [type="radio"] + span::before {
		content: none;
	}

	#search .subContents .age [type="radio"] + span::after {
		content: " ";
		width: 12px;
		height: 19px;
		left: calc(50% - 25px);
	}

	#search .subContents .age [type="radio"]:checked + span {
	}

	#search .subContents .age .select {
		width: auto;
	}

	#search .subContents .age .select::before {
	}

	#search .subContents .age select {
		height: 43px;
		font-size: 1rem;
		line-height: 43px;
		width: 90px;
		padding: 0 10px;
	}

	#search .subContents .age select::-ms-expand {
	}

	#search .subContents .age02 {
		width: auto;
	}

	#search .subContents .age02 .selectBox {
		margin: 0;
	}

	#search .subContents .age02 .selectBox:first-of-type {
		margin-right: 10px;
	}

	#search .subContents .age02 .selectBox:last-of-type {
		margin-left: 10px;
	}

	#search .subContents .age02 .selectBox select {
		width: 100%;
		height: 43px;
		font-size: 1rem;
		line-height: 43px;
		padding: 0 10px;
	}

	#search .subContents .date {
		width: 100%;
	}

	#search .subContents .date > div {
		margin: 0 0 10px;
	}

	#search .subContents .date > div em:first-of-type {
		margin-right: 10px;
	}

	#search .subContents .date > div em:last-of-type {
		margin-left: 10px;
	}


	#search .subContents .date > div input {
		font-size: 1rem;
		line-height: 43px;
		width: 100%;
		height: 43px;
		padding: 0 15px 0 35px;
	}

	#search .subContents .date > div input::placeholder {
	}

	#search .subContents .date > div em {
	}

	#search .subContents .date > div em::before {
		width: 18px;
		height: 21px;
		left: 10px;
	}

	#search .subContents .date > div em::after {
		width: 14px;
		height: 14px;
		background-image: linear-gradient(#E75B8E 30%, transparent 30%);
		background-size: 6px 6px;
		right: 15px;
	}

	#search .subContents .date ul {
	}

	#search .subContents .date ul li {
		width: 23%;
	}

	#search .subContents .date [type="checkbox"] + span {
		padding: 5px 0;
	}

	#search .subContents .date [type="checkbox"] + span em {
	}

	#search .subContents .date [type="checkbox"] + span::before {
	}

	#search .subContents .date [type="checkbox"]:checked + span {
	}

	#search .subContents .dayweek {
		display: none;
	}

	#search .subContents .dayweek ul {
		width: 100%;
		margin: -10px auto 0;
	}

	#search .subContents .dayweek ul::after {
		width: 23%;
	}

	#search .subContents .dayweek ul li {
		width: 23%;
		margin: 10px 0 0;
	}

	#search .subContents .dayweek ul li span {
	}

	#search .subContents .dayweek ul li input:checked + span {
	}

	#search .subContents .dayweek ul li input[type="checkbox"] + span::before {
	}

	#search .subContents .area {
		padding: 0;
	}

	#search .subContents .area .chiku {
		position: relative;
		/*		padding: 60px 0 0;*/
	}

	#search .subContents .area .chiku ul {
		/*		display: block;*/
		display: none;
		width: 50%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 12;
	}

	#search .subContents .area .chiku ul::before {
		content: '';
		width: 12px;
		height: 17px;
		background: url(/App_Contents/images/search/i_area.png) no-repeat;
		background-size: 100% auto;
		display: inline-block;
		position: absolute;
		top: 12px;
		left: 12px;
		z-index: 12;
	}

	#search .subContents .area .chiku ul li {
		background: #fff;
		border-radius: 0;
		padding: 10px 10px 10px 30px;
		display: none;
		text-align: left;
		width: 100%;
		margin-top: -1px;
		position: relative;
	}

	#search .subContents .area .chiku ul li + li {
		margin-left: 0;
	}

	#search .subContents .area .chiku ul li.cr {
		display: block;
		background: #f6f6f6;
		border: solid 1px #BFBFBF;
		border-radius: 4px;
	}

	#search .subContents .area .chiku ul li.cr::before {
		content: '▼';
		font-size: .8em;
		position: absolute;
		top: 50%;
		right: 10px;
		transform: translateY(-50%);
	}

	#search .subContents .area .chiku .selectBox {
	}

	#search .subContents .area .pref dl {
		display: none;
		border-bottom: solid 1px #D9D9D9;
		margin: 20px 0 0;
	}

	#search .subContents .area .pref dl.cr {
		display: block;
	}

	#search .subContents .area .pref dl dt {
	}

	#search .subContents .area .pref dl dt [type="checkbox"] + span {
		padding-left: 40px;
	}

	#search .subContents .area .pref dl dt label {
		padding: 13px 0;
	}

	#search .subContents .area .pref dl dt .oc {
	}

	#search .subContents .area .pref dl dd {
		padding: 10px 0 15px;
		display: none;
	}

	#search .subContents .area .pref dl dd ul {
		margin: -5px auto 0;
		justify-content: space-between;
	}

	#search .subContents .area .pref dl dd ul::after {
		content: '';
		width: 32%;
		display: block;
	}

	#search .subContents .area .pref dl dd ul li {
		width: 32%;
		text-align: center;
		margin: 5px 0 0;
	}

	#search .subContents .area .pref dl dd ul li:nth-child(6n+1) {
	}

	#search .subContents .area .pref dl dd ul li span {
		padding: 5px 0;
	}

	#search .subContents .area .pref dl dd ul li input[type="checkbox"] + span::before {
		display: none;
	}

	#search .subContents .area .pref dl dd ul li input:checked + span {
		background: #FFADC9;
		border: 1px solid #FFADC9;
	}

	#search .subContents .style {
	}

	#search .subContents .style ul {
		width: 100%;
		justify-content: space-between;
		margin: 0 0 30px;
	}

	#search .subContents .style li {
		width: 48%;
		margin: 15px 0 0;
	}

	#search .subContents .style li span {
	}

	#search .subContents .style li [type="checkbox"] + span::before {
	}

	#search .subContents .style li span img {
	}

	#search .subContents .style li input:checked + span {
	}

	#search .subContents .style li input:checked + span::after {
	}

	#search .subContents .keyword ul {
		width: auto;
		margin: -10px calc(50% - 50vw) 0;
		position: relative;
	}

	#search .subContents .keyword ul::before {
		content: "";
		width: 100vw;
		border: 1px solid #D9D9D9;
		box-sizing: border-box;
		position: absolute;
		bottom: 0;
		left: 0;
		display: inline-block;
	}

	#search .subContents .keyword ul::after {
		width: 50%;
	}

	#search .subContents .keyword li {
		width: 50%;
		border-right: 1px solid #D9D9D9;
		border-bottom: 1px solid #D9D9D9;
	}

	#search .subContents .keyword li:nth-child(2n) {
		border-right: none;
	}

	#search .subContents .keyword li span {
		height: 45px;
		padding-left: 8vw;
		padding-right: 0;
	}

	#search .subContents .keyword li span:hover {
	}

	#search .subContents .keyword li [type="checkbox"] + span::before {
		left: 5px;
	}

	#search .submitBtn {
		width: 100%;
		margin: 30px 0 0;
		padding: 8px 5vw;
	}

	#search .submitBtn a {
		width: 100%;
		border-radius: 5px;
		padding: 15px 60px;
		box-sizing: border-box;
	}

	#search .submitBtn a span {
		font-size: 1rem;
		font-weight: normal;
	}

	.searchHallWrapper {
		margin: 0 0 50px;
		padding: 0 5vw;
	}
	.searchHallWrapper .imageWrapper {
		display: block;
		margin: 0 0 30px;
	}
	.searchHallWrapper .imageWrapper figure {
		width: 100%;
	}
	.searchHallWrapper .imageWrapper figure:not(:last-child) {
		margin: 0 0 20px;
	}
	.searchHallWrapper .imageWrapper figure img {
		height: auto;
		aspect-ratio: 117 / 88;
		object-fit: cover;
		overflow: hidden;
	}
	.searchHallWrapper .addressWrapper {
		width: auto;
		display: block;
		margin: 0 0 30px;
	}
	.searchHallWrapper .addressWrapper .addressText {
		width: auto;
	}
	.searchHallWrapper .addressWrapper .mapAnchor {
		width: 145px;
	}
	.searchHallWrapper .addressWrapper .mapAnchor a {
		font-size: .786rem;
	}
	.searchHallWrapper .addressWrapper .addressText {
		margin: 0 0 12px;
	}
	.searchHallWrapper .addressWrapper .addressText .name {
		padding: 0 0 5px;
		font-size: 1.143rem;
	}
	.searchHallWrapper .addressWrapper .addressText .address {
		font-size: .857rem;
	}
	.searchHallWrapper .hallDetailHeader {
		padding: 17px 50px 17px 17px;
		font-size: 1rem;
	}
	.searchHallWrapper .hallDetailHeader::before {
		right: 15px;
		width: 22px;
		height: 22px;
	}
	.searchHallWrapper .hallDetailHeader p::before,
	.searchHallWrapper .hallDetailHeader p::after {
		right: 20px;
		width: 11px;
		height: 2px;
	}
	.searchHallWrapper .hallDetailContents .innerSection {
		padding: 25px 0;
	}
	.searchHallWrapper .hallDetailContents .innerSection:last-child {
		padding: 25px 0 0;
	}
	.searchHallWrapper .hallDetailContents .innerSection .heading {
		margin: 0 0 12px;
		font-size: 1.071rem;
	}
	.searchHallWrapper .hallDetailContents .innerSection .accessTable {
		margin: 0 0 12px;
	}
	.searchHallWrapper .hallDetailContents .innerSection .accessTable th {
		width: 85px;
		padding: 0 0 10px;
		font-size: .857rem;
	}
	.searchHallWrapper .hallDetailContents .innerSection .accessTable th::before {
		width: 10px;
		height: 10px;
	}
	.searchHallWrapper .hallDetailContents .innerSection .accessTable td {
		padding: 0 0 10px;
		font-size: .857rem;
	}
	.searchHallWrapper .hallDetailContents .innerSection .accessTable tr:last-child th,
	.searchHallWrapper .hallDetailContents .innerSection .accessTable tr:last-child td {
		padding: 0;
	}
	.searchHallWrapper .hallDetailContents .innerSection .text {
		font-size: .857em;
	}
	.searchHallWrapper .hallDetailContents .innerSection .nearList > li a {
		padding: 5px 18px;
		font-size: .857rem;
	}

	#criteria .title {
		font-size: 1.143rem;
		background-size: 3.13vw auto;
		margin: 0 0 15px;
		padding: 0 0 3px 5vw;
	}
	#criteria .subContents > div {
		margin: 0;
		display: block;
	}
	#criteria ul {
		width: 100%;
		margin: 0 0 10px;
	}
	#criteria ul li {
		font-size: .93rem;
		padding-left: 7em;
	}
	#criteria ul li::before {
	}
	#criteria .searchBtn {
		width: auto;
		margin: 0 10vw;
	}
	#criteria .searchBtn a {
		padding: 6px 0;
	}
	#criteria .searchBtn a span {
		padding-left: 4vw;
		position: relative;
	}
	#criteria .searchBtn a span::after {
		width: 2.8vw;
		height: 2.9vw;
	}




	#criteria .subContents > div.searchStepWrapper {
		display: block;
	}
	#criteria .searchStepWrapper .searchStep {
		flex-wrap: wrap;
		width: 100%;
	}
	#criteria .searchStepWrapper .searchStep .search1 {
		width: 35.5%;
	}
	#criteria .searchStepWrapper .searchStep .search1::before {
		right: 15px;
	}
	#criteria .searchStepWrapper .searchStep .search1 select {
		height: 42px;
		padding: 0 35px 0 15px;
		font-size: 1rem;
	}
	#criteria .searchStepWrapper .searchStep .search2 {
		width: calc(100% - 35.5% - 8px);
	}
	#criteria .searchStepWrapper .searchStep .search2::before {
		right: 15px;
	}
	#criteria .searchStepWrapper .searchStep .search2 input[type="text"] {
		height: 42px;
		padding: 0 35px 0 15px;
		font-size: 1rem;
	}
	#criteria .searchStepWrapper .searchStep .search3 {
		width: 100%;
		margin: 10px 0 0;
	}
	#criteria .searchStepWrapper .searchStep .search3::before {
		width: 18px;
		height: 22px;
		top: 50%;
		right: 15px;
	}
	#criteria .searchStepWrapper .searchStep .search3 input[type="text"] {
		width: 100%;
		height: 42px;
		padding: 0 45px 0 15px;
		font-size: 1rem;
	}
	#criteria .searchStepWrapper .searchBtnWrapper {
		margin: 12px 50px 0;
		width: auto;
	}
	#criteria .searchStepWrapper .searchBtnWrapper .btn {
		width: 100%;
		height: 42px;
		font-size: 1rem;
	}
	#criteria .searchStepWrapper .searchBtnWrapper .btn::before {
		width: 16px;
		height: 16px;
		margin: 0 8px 0 0;
	}
	#criteria .searchStepWrapper .searchBtnWrapper .addAnchor {
		text-align: center;
	}
	#criteria .searchStepWrapper .searchBtnWrapper .addAnchor a {
		font-size: .929rem;
	}

		

	.induction_box {
		width: 90vw;
		margin: 65px auto 0;
		padding: 25px;
	}

	.induction_box .divided_box {
		display: block;
	}

	.induction_box .divided_box .image {
		position: relative;
		width: 100%;
	}
		
	.induction_box .divided_box .image img {
		width: 100%;
		height: auto;
	}

	.induction_box .divided_box .text_box {
		width: 100%;
		margin: 20px 0 0;
		padding: 0;
	}

	.induction_box .divided_box .text_box .lead {
		font-size: 14px;
		text-align: center;
		line-height: 1.5;
		letter-spacing: -1px;
	}

	.induction_box .divided_box .text_box .midashi {
		font-size: 20px;
		line-height: 1.2;
		text-align: center;
	}

	.induction_box .divided_box .text_box .midashi .large {
		font-size: 1.6em;
	}

	.induction_box .divided_box .text_box .midashi .red {
	}


	.induction_box .text {
		font: 13px;
		margin: 25px 0 0;
	}

	.induction_box .slashtext {
		font-size: 12px;
		margin: 20px 0 0;
	}

	.induction_box .slashtext span {
		position: relative;
	}

	.induction_box .slashtext span::before,
	.induction_box .slashtext span::after {
		width: 1px;
		height: 2em;
		position: absolute;
		bottom: 3px;
	}

	.induction_box .slashtext span::before {
		left: -30px;
		margin-right: 0;
	}
	.induction_box .slashtext span::after {
		right: -15px;
		margin-left: 0;
	}

	.induction_box .btn {
		margin: 10px 0 0;
	}

	.induction_box .btn a {
		font-size: 15px;
		width: 100%;
		padding: 8px 0;
	}

	.induction_box .btn a::after {

	}

		
	#preflink .title {
		font-size: 1.143rem;
		background-size: 3.13vw auto;
		margin: 0 0 15px;
		padding: 0 0 2px 5vw;
	}
	#preflink .subContents {
		border-bottom: solid 1px #E2E2E2;
		padding-bottom: 20px;
	}
	#preflink .subContents.borderNone {
		border-bottom: none;
		padding-bottom: 0;
	}
	#preflink .subContents > div {
		margin: 0;
		display: block;
	}
	#preflink ul {
		justify-content: space-between;
		margin-top: -5px;
	}
	#preflink ul::before {
		content: "";
		width: 23%;
		display: block;
		order: 1;
	}
	#preflink ul::after {
		content: "";
		width: 23%;
		display: block;
	}
	#preflink ul li {
		width: 23%;
		text-align: center;
		margin: 5px 4px 0 0;
	}
	#preflink ul li a {
		font-size: 0.8rem;
		padding: 5px 0;
		display: block;
	}
	#preflink ul li a:hover {
	}


	#especial .subContents {
		width: 100%;
	}
	#especial .subContents .no1 {
		text-align: left;
		margin: 0 0 7.4vw;
	}
	#especial .subContents .no1 figure {
		width: 86.4vw;
		margin: 0 auto 2.9vw;
	}
	#especial .subContents .no1 figure img {
	}
	#especial .subContents .no1 p {
		font-size: 2.2vw;
	}
	#especial .subContents .box {
		margin: 0 0 6vw;
		display: block;
	}
	#especial .subContents .box h2 {
		display: block;
	}
	#especial .subContents .box h2::before {
		content: "▼";
		width: auto;
		height: auto;
		background: none;
		transform: translateY(-50%) rotate(0deg);
		transform-origin:50% 50%;
		transition: all .3s;
	}
	#especial .subContents .box h2.on::before {
		transform: translateY(-50%) rotate(60deg);
	}
	#especial .subContents .box figure {
		width: 100%;
		text-align: center;
		margin: 0 auto 10px;
		display: none;
	}
	#especial .subContents .box figure img {
	}
	#especial .subContents .box .text {
		display: none;
		width: 100%;
	}
	#especial .subContents h2 {
		margin: 0 0 10px;
		padding: 15px 50px 15px 15px;
		font-size: 1.071rem;
	}
	#especial .subContents h2::before {
		right: 15px;
		border-radius: 4px;
		width: 22px;
		height: 22px;
	}
	#especial .subContents h2 span::before,
	#especial .subContents h2 span::after {
		right: 20px;
		width: 11px;
	}
	#especial .subContents .box2 {
	}
	#especial .subContents .box2 ul {
		display: flex;
		flex-wrap: wrap;
	}
	#especial .subContents .box2 ul li {
		width: calc(50% - 8px);
		margin: 0 4px 20px;
	}
	#especial .subContents .box2 ul li figure {
		margin: 0 0 5px;
	}
	#especial .subContents .box2 ul li figure img {
	}

	#searchresult .styleTab {
		margin: 0 0 15px;
	}
	#searchresult .styleTab > li {
		margin: 0 0 0 3px;
	}
	#searchresult .styleTab > li:first-child {
		margin: 0;
	}
	#searchresult .styleTab > li a {
		padding: 10px 3px;
		font-size: .786rem;
	}

	#searchresult .num {
		margin: 0 0 15px;
	}
	#searchresult .num span {
	}

	.pagenation {
		margin-top: 20px;
	}
	.pagenation a,
	.pagenation span {
		display: none;
		padding: .5em 1em;
	}
	.pagenation a.prev,
	.pagenation a.next {
		display: inline;
		border-radius: 20px;
		padding-left: 2em;
		padding-right: 2em;
	}

	#searchPrefArea {
		margin-bottom: 20px;
	}
		
	#searchPrefArea .subContents {
	}

	#searchPrefArea .subContents.borderNone {
	}

	#searchPrefArea .subContents > div .title {
		font-size: 14px;
		margin: 10px 0 20px;
		background-size: auto 1em;
		background-position: left bottom 8px;
	}

	#searchPrefArea .subContents > div.date .title {}
	#searchPrefArea .subContents > div.area .title {}
	#searchPrefArea .subContents > div.keyword .title {}

	#searchPrefArea .subContents > div ul {
		padding: 5px 20px 13px;
		display: block;
		white-space: nowrap;
		margin: -10px calc(50% - 50vw) 0;
		padding: 10px 20px;
		overflow-x: scroll;
	}

	#searchPrefArea .subContents > div ul li {
		margin: 0;
		display: inline-block;
	}

	#searchPrefArea .subContents > div ul li a,
	#searchPrefArea .subContents > div ul li > span {
		font-size: 13px;
	}

	#searchPrefArea .subContents > div ul li a span,
	#searchPrefArea .subContents > div ul li > span {
		font-weight: bold;
	}

	#searchPrefArea .subContents > div ul li a:hover,
	#searchPrefArea .subContents > div ul li > span:hover,
	#searchPrefArea .subContents > div ul li .on {
	}
	#searchPrefArea .subContents > div ul li a:hover span,
	#searchPrefArea .subContents > div ul li .on span {
	}

	/* dateのみ体裁変更 */
	#searchPrefArea .subContents > div.date ul {
		display: flex;
		justify-content: space-between;
		white-space: wrap;
		margin-left: 0;
		margin-right: 0;
		padding: 0;
		overflow-x: visible;
		background: none;
	}

	#searchPrefArea .subContents > div.date ul li {
		width: 19.5%;
		height: 100%;
		text-align: center;
		margin: 0;
	}
		
	#searchPrefArea .subContents > div.date ul li a,
	#searchPrefArea .subContents > div.date ul li > span {
		border-radius: 0;
		width: 100%;
		padding: 2px 3vw;
		box-sizing: border-box;
	}

	#searchPrefArea .subContents > div.date ul li span {
		display: block;
	}
		
	#searchPrefArea .subContents .addAnchor {
		text-align: center;
		margin: 15px 0 0;
	}

	#searchPrefArea .subContents .addAnchor a {
		color: #8A8A8A;
		font-size: 12px;
		border-bottom: 1px solid #8A8A8A;
		text-decoration: none;
		background: url(/App_Contents/common/images/s_criteria_gray.png) no-repeat left center / auto 1em;
		padding-left: 1.5em;
	}

	#searchPrefArea .subContents .addAnchor a:hover {
		border-bottom: none;
	}
	.fioreBanner .subContents .bannerBox {
		width: 100%;
		border: solid 1px #444;
		margin: 30px auto;
		padding: 6.8vw 6.2vw;
	}
	.fioreBanner .subContents .bannerBox .title {
		font-size: 5.3vw;
		line-height: 1.5;
		text-align: center;
		/*background: url(/App_Contents/images/search/b_fiore_sp.jpg) no-repeat;*/
		background: url(/App_Contents/images/search/b_fiore_sp.png) no-repeat;
		background-size: 100% auto;
		background-position: top center;
		text-shadow: none;
		margin: 0 0 3.3vw;
		padding: 52vw 0 0;
	}
	.fioreBanner .subContents .bannerBox .title span {
		font-size: 3.7vw;
	}
	.fioreBanner .subContents .bannerBox .title sup {
		font-size: 2.8vw;
	}
	.fioreBanner .subContents .bannerBox .textArea {
		margin: 0 0 6.4vw;
	}
	.fioreBanner .subContents .bannerBox .textArea .lead {
		font-size: 3.4vw;
		margin: 0 0 2vw;
	}
	.fioreBanner .subContents .bannerBox .textArea small {
		font-size: 2.6vw;
		line-height: 1.35;
		display: block;
	}
	.fioreBanner .subContents .bannerBox .btn a {
		font-size: 4vw;
		font-feature-settings: 'palt';
		width: 100%;
		-moz-width: 100%;
		text-align: center;
		border: solid 1px #D21818;
		border-radius: 0.667vw;
		margin: 0;
		padding: 4vw 10vw 4vw 4vw;
		box-sizing: border-box;
	}
	.fioreBanner .subContents .bannerBox .btn a:hover {
		color: #444;
		opacity: 1;
	}
	.fioreBanner .subContents .bannerBox .btn a::before {
		border-left: solid 2.5vw #D21818;
		border-top: solid 2.5vw transparent;
		border-bottom: solid 2.5vw transparent;
		right: 5vw;
	}
	.partnerBanner .subContents .bannerBox {
		width: 100%;
		border: solid 1px #444;
		margin: 30px auto;
		padding: 6.8vw 6.2vw;
	}

	.partnerBanner .subContents .bannerBox picture img {
		width: 100%;
		aspect-ratio: auto 326 / 403;
		height: auto;
	}

	.partnerBanner .subContents .bannerBox .tms_consultation {
		width: 100%;
		margin-top: 4vw;
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: auto auto;
		gap: 6.5vw;
	}
	.partnerBanner .subContents .bannerBox .tms_consultation .company {
		grid-row: 2 / 3;
		grid-column: 1 / 2;
		width: 60vw;
		margin: 0 auto;
	}
	.partnerBanner .subContents .bannerBox .tms_consultation .company img {
		width: 100%;
		height: auto;
	}
	.partnerBanner .subContents .bannerBox .tms_consultation .btn {
		box-shadow: 0.5vw 1.6vw 1.3vw 0px rgba(0, 0, 0, 0.4);
		border-radius: 6.7vw;
		margin: 0 auto;
		grid-row: 1 / 2;
		grid-column: 1 / 2;
	}
	.partnerBanner .subContents .bannerBox .tms_consultation .btn a {
		font-size: 4vw;		
		border: solid 1vw #fff;
		width: 59.3vw;
	}
	.partnerBanner .subContents .bannerBox .tms_consultation .btn a::before {
		border-left: solid 1.8vw #fff;
		border-top: solid 1.8vw transparent;
		border-bottom: solid 1.8vw transparent;
		right: 7vw;
	}

	.partnerBanner .subContents .bannerBox .forsp {
		color: #969696;
		font-size: .857rem;
	}

	.tmsBanner .subContents .bannerBox {
		width: 100%;
		border: solid 1px #444;
		margin: 8vw auto;
		padding: 6.8vw 6.2vw;
	}

	.tmsBanner .subContents .bannerBox .title {
		font-size: 5.3vw;
		line-height: 1.5;
		text-align: center;
		background-position: top center;
		text-shadow: none;
		margin: 0 0 3.3vw;
		padding: 33vw 0 0;
	}
	.tmsBanner .subContents .bannerBox .title.tms {
		font-size: 5.3vw;
		background: url(/App_Contents/images/search/b_tms_sp.jpg) no-repeat center top;
		background-size: 100% auto;
	}
	.tmsBanner .subContents .bannerBox .title span {
		font-size: 3.7vw;
	}
	.tmsBanner .subContents .bannerBox .textArea {
		margin: 0 0 6.4vw;
	}
	.tmsBanner .subContents .bannerBox .textArea .lead {
		font-size: 3.4vw;
	}
	.tmsBanner .subContents .bannerBox .btn a {
		font-size: 4vw;
		text-align: center;
		border: solid 1px #D21818;
		border-radius: 0.7vw;
		padding: 2vw 6.7vw 2.2vw;
	}
	.tmsBanner .subContents .bannerBox .btn a::before {
		border-left: solid 2.5vw #D21818;
		border-top: solid 2.5vw transparent;
		border-bottom: solid 2.5vw transparent;
		right: 3vw;
	}

	.tmsBanner .subContents .bannerBox .forsp {
		color: #969696;
		font-size: .857rem;
	}

	.naBanner .subContents .bannerBox {
		width: 100%;
		border: solid 1px #444;
		margin: 30px auto;
		padding: 6.8vw 6.2vw;
	}
	.naBanner .subContents .bannerBox h5 {
		font-size: 4vw;
		margin: 0 0 8vw;
	}
	.naBanner .subContents .bannerBox h5 span {
		font-size: 7vw;
	}
	.naBanner .subContents .bannerBox .row {
		margin: 0 0 6vw;
		display: block;
	}
	.naBanner .subContents .bannerBox .row figure {
		width: 100%;
		margin-bottom: 5vw;
	}
	.naBanner .subContents .bannerBox .row .textArea {
		width: 100%;
	}
	.naBanner .subContents .bannerBox .row .textArea .lead {
		margin: 0 0 3vw;
	}
	.naBanner .subContents .bannerBox .row .textArea .check {
		font-size: 14px;
	}
	.naBanner .subContents .bannerBox .row .textArea .box {
		padding: 5vw 0 5vw 5vw;
	}
	.naBanner .subContents .bannerBox .row .textArea .box ul li {
		font-size: 14px;
	}
	.naBanner .subContents .bannerBox .btn {
	}
	.naBanner .subContents .bannerBox .btn a {
		font-size: 4vw;
		padding: 10px 0;
		display: block;
	}
	.naBanner .subContents .bannerBox .btn a::after {
		border-width: 6px 0 6px 8px;
		top: calc(50% - 6px);
		right: 15px;
	}

}

/*-------------------------------- キーワード ----------- */
#keyword .subContents .lead {
	font-size: 1.25rem;
	text-align: center;
	margin: 0 0 60px;
}
#keyword .topics {
	background: #fff2fe;
	margin: 0 0 50px;
	padding: 50px 0;
}

#keyword .subContents ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#keyword .subContents ul::before,
#keyword .subContents ul::after {
	content: " ";
	width: 24%;
	display: block;
	order: 1;
}
#keyword .subContents ul li {
	width: 24%;
	text-align: center;
	background: #FFF;
	border-radius: 5px;
	box-shadow: 0 0 5px 1px rgba(0,0,0,.1);
	margin: 0 0 20px;
	padding: 10px;
}
#keyword .subContents ul li figure {
	margin: 0 0 10px;
}
#keyword .subContents ul li figure img {
	width: 100%;
	border-radius: 5px;
}
#keyword .subContents ul li p {
	color: #E75B8E;
	font-size: 16px;
}
#keyword .subContents .result {
	text-align: center;
}
#keyword .subContents .result figure {
	width: 650px;
	margin: 0 auto;
}
#keyword .subContents .result figure img {
	width: 100%;
}


@media screen and (max-width:899px) {

	#keyword .subContents .lead {
		font-size: 1rem;
		text-align: center;
		margin: 0 0 30px;
	}
	#keyword .topics {
		margin: 0 0 20px;
		padding: 20px 0;
	}

	#keyword .subContents ul {
	}
	#keyword .subContents ul::before,
	#keyword .subContents ul::after {
		width: 48%;
	}
	#keyword .subContents ul li {
		width: 48%;
		margin-bottom: 10px;
		padding: 5px;
	}
	#keyword .subContents ul li figure {
		margin: 0 0 5px;
	}
	#keyword .subContents ul li figure img {
	}
	#keyword .subContents ul li p {
		font-size: 14px;
	}
	#keyword .subContents .result {
	}
	#keyword .subContents .result figure {
		width: 100%;
		margin: 0 auto;
	}
	#keyword .subContents .result figure img {
	}

}


@media screen and (max-width:320px) {
	#searchPrefArea .subContents > div.date ul li a {
		padding: 2px 0.8vw;
	}
}