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

/*////////////////////////////////////////////////////////

共通css

///////////////////////////////////////////////////////*/
body {
  position: relative;
}

body {
	font-size: 16px;
	/*font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;*/
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-style: normal;
	line-height: 1.8;
	color: #000;
}
@media screen and (max-width: 768px) {
	body {
		font-size: 14px;
	}
}

/*=======================================================
ヘッダー
 =======================================================*/

header {
  display: flex;
	justify-content: space-between;
	align-items: center;
  height: 118px;
  width: 100%;
  width: 1000px;
  margin: 0 auto;
}


header .logo {
font-size: 30px;
padding-left: 25px;
	padding-left: 0;
font-weight: 500;
margin-top: 20px;
}


header .message {
  display: block;
  font-size: 12px;
  letter-spacing:  2px;
  border-bottom:  1px solid #4E4E4E;
  color:  #222;
  margin-bottom:  5px;
	text-align: center;
}

ul.headline {
  margin: 0;
    display: flex!important;
    justify-content: center;
    align-items: center;

}
ul.headline li {
  margin: 0;
  list-style-type: none;
  font-size: 16px;
  margin-right:  10px;
}
ul.headline  li:last-child {
  margin-right: 0;
  list-style-type: none;
  margin-right:  0;
}
ul.headline li a .contact {
background: #FFD358;
    display: flex!important;
    justify-content: center;
    align-items: center;
    height: 38px;
    color: #fff;
    padding: 0 20px;
    color: #2A3D77;
    font-size:  14px;
border-radius: 50px;
font-weight:  bold;

}


ul.headline li a:hover .contact {
opacity: 0.8;
}

ul.headline li .contact a {

    color: #fff;
}

ul.headline li .contact a:hover {

    color: #fff;
}

ul.headline li .contact img {
  vertical-align: middle;
  margin-right: 5px;
}

ul.headline li .search_box {
  display: inline-block; /* なくても大丈夫だけど、念の為 */
  position: relative;    /* 基準値とする */

}

ul.headline li .search_box .searchtext {
border-radius:  30px;
border: solid 1px #BFBFBF;  
width:  270px;
}

ul.headline li .search_box::before {
  content: "";           /* 疑似要素に必須 */
  width: 16px;           /* アイコンの横幅 */
  height: 16px;          /* アイコンの高さ */
  background: url(../img/icon_search.svg) no-repeat center center / auto 100%; /* 背景にアイコン画像を配置 */
  display: inline-block; /* 高さを持たせるためにインラインブロック要素にする */
  position: absolute;    /* 相対位置に指定 */
  top: 12px;              /* アイコンの位置。微調整してね */
  left: 15px;             /* アイコンの位置。微調整してね */

}

ul.headline li .search_box input {
  padding: 3px 0 3px 2.3em; /* アイコンを設置するため左の余白を多めに指定*/
  height:  38px;


}


.header {
  width:  100%;
  height:  88px;
  background:#F5F5F5;
}

#gloval-nav ul {
    list-style: none;
    width: 100%;
    max-width: 1000px;
}


#gloval-nav nav {
  height: 88px;
  background:#F5F5F5;
  display: flex; 
  justify-content: center;
  align-items: center;
	width: 1000px;
	margin:0 auto;
}

ul#menu-global {
	width: 100%;
	margin: 0 auto;
	max-width: 1000px;
	display: flex;
	height: 88px;
	justify-content: center;

}

ul#menu-global li {
  border-left: 1px solid rgba(255,255,255,1);
	display: flex;
	justify-content: center;
	align-items: center;
	width: 250px;
}

ul#menu-global li img {
  margin-left:  5px;
}

ul#menu-global  li:last-child {
  border-right: 1px solid rgba(255,255,255,1);
}
ul#menu-global li a {

  text-decoration: none;
  color: #2A3D77;
  font-size: 15px;
  font-weight:  bold;

}
ul#menu-global  li a:hover {
  color: #2A3D77;
}

ul#menu-global > li.menu-item{
	position: relative;
}

ul#menu-global > li > a > img{
	position: absolute;
	right:10px;
	top:50%;
	margin-top:-3px;
}



#gloval-nav nav ul {
  margin: 0;
    /*display: flex!important;*/
    justify-content: center;
    align-items: center;
z-index: 99999;
}
#gloval-nav nav li {
  margin: 0;
  list-style-type: none;
  font-size: 16px;
}
#gloval-nav nav li:last-child {
  margin-right: 0;
  list-style-type: none;
}
nav li a .contact {
background: #009f41;
    display: flex!important;
    justify-content: center;
    align-items: center;
    height: 80px;
    color: #fff;
    padding: 0 15px;
    width: 233px;
    color: #fff;
    font-size:  24px;
  font-family: 'Lato', sans-serif;
}

nav li a:hover .contact {
opacity: 0.8;
}

nav li .contact a {

    color: #fff;
}

nav li .contact a:hover {

    color: #fff;
}

nav li .contact img {
  vertical-align: middle;
  margin-right: 10px;
}

.topvisual {
 position:relative;
  top: 50%;
	background: #333;
}
.topvisual img {

  /*max-width: 100%;*/
  width: 100%;
  height: 667px;
  object-fit: cover;
	opacity: .5;
}

.topvisual .topcatch {
    z-index: 10;
    position: absolute;
    top: 15%;
    left: 50%;
    -webkit-transform: translate(-50%,-15%);
    transform: translate(-50%,-15%);



}
.topvisual .topcatch .box {
/*background: rgba(158,76,4,0.7);*/
padding: 0;
color: #fff;
width:  1000px;
}
.topvisual .topcatch .box h2 {
font-size:  50px;
line-height:  71px;
font-weight:  bold;
color:  #fff;
text-align:  left;
margin-bottom:  30px;
text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5);
}

.topvisual .topcatch .box h3 {
font-size:  18px;
line-height:  30px;
color:  #fff;
text-align:  left;
text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5);
}






.topvisual .topofficesearch {
	z-index: 10;
	position: absolute;
	bottom: 5%;
	left: 50%;
	-webkit-transform: translate(-50%,-5%);
	transform: translate(-50%,-5%);
}

.topvisual .topofficesearch .searchbox {
	background: #fff;
	border-radius:  3px;
	border:  2px solid #2A3D77;
	color: #fff;
	width:  400px;
	padding: 20px 0;
	position:  relative;
	transition: 0.1s linear;
}

.topvisual .topofficesearch .searchbox:hover{
	background-color: #e7f6ff;
}




.topvisual .topofficesearch .searchbox:after {
    content: url(../img/arrow_bg_blue.svg);
    position: absolute;
top: 40%;
    bottom: 0;
    right: 0;
    margin: auto;
}


.topvisual .topofficesearch .searchbox .text {
font-size:  18px;
color:  #2A3D77;
text-align:  center;
margin-bottom:  10px;
}
.topvisual .topofficesearch .searchbox .title {
font-size:  28px;
font-weight:  bold;
color:  #2A3D77;
text-align:  center;
margin-bottom:  10px;
}
.topvisual .topofficesearch .searchbox .text2 {
font-size:  16px;
color:  #2A3D77;
text-align:  center;
margin-bottom:  0;
line-height:  22px;
}
.topvisual .topofficesearch .searchbox h3 {
font-size:  18px;
line-height:  30px;
color:  #fff;
text-align:  left;
text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5);
}


/*=======================================================
重要なお知らせ
 =======================================================*/

.information {
  width:  100%;
  margin:  0 auto;
  box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.1);
  background:  #fff;
  height:  86px;
  display: flex;
    justify-content: center;
    align-items: center;


}

.information ul.list {
  display:  flex;
  width:  100%;
  width:  1000px;
  font-size:  18px;
  font-weight:  bold;
  padding-left:  60px;

}

.information ul.list li:nth-child(odd) {
  width:  20%;
  
}
.information ul.list li:nth-child(even) {
  width:  80%;
  
}

.information ul.list li:nth-child(even) img {
  vertical-align:  middle;
  margin-left:  80px;
  
}

/*=======================================================
賃貸物件を探す
 =======================================================*/

#search {
width:  100%;

    background-image: url(../img/building_illust.png);
    background-position: center bottom; 
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    position: relative;
    height: 400px;
    padding: 50px 0 0;

}


#search .search {
  width:  100%;
  width:  1000px;
  height:  400px;
  margin:  0 auto;
}


#search .search .title {
  position: relative;
  padding: 1rem 0.5rem;
  font-weight: bold;
  font-size:  30px;
  color:  #2A3D77;
  font-weight:  bold;
  margin:  0 auto;
  width: 280px;
  text-align: center;
}


#search .search .title:before,
#search .search .title:after {
position: absolute;
    top: 45%;
    width: 50px;
    border-top: 2px solid #1DADE2;
    content: '';
    
}


#search .search .title:before {
    left: -3rem;
}


#search .search .title:after {
    right: -3rem;
}

.search ul.searchlist {
  display:  flex;
	justify-content: space-between;
}


.search ul.searchlist li {
width:  18%;
/*margin-right:  12.5px;*/
}


.search ul.searchlist li:last-child {
margin-right:  0;
}

.search ul.searchlist li img {
  width:  100%;
}


/* 検索結果*/

.searchpage ul.searchpage_list {

}
.searchpage ul.searchpage_list > li {
 border-bottom:  1px dotted #ccc;
 margin-bottom: 35px;
padding-bottom: 35px;
}
.searchpage ul.searchpage_list ul.resultgroup table{
	margin: 0 auto;
}
.searchpage ul.searchpage_list ul.resultgroup table + table{
	margin-top: 15px;
}

.searchpage ul.resultgroup {
  display:  flex;
  margin-left:  0;
	justify-content: space-between;
}

.resultgroup table th:nth-child(1){
	width:12.5%;
}
.resultgroup table th:nth-child(2){
	width:12.5%;
}
.resultgroup table th:nth-child(3){
	width:12.5%;
}
.resultgroup table th:nth-child(4){
	width:12.5%;
}
.resultgroup table th:nth-child(5){
	width:12.5%;
}
.resultgroup table th:nth-child(6){
	width:17.5%;
}
.resultgroup table th:nth-child(7){
	width:12.5%;
}
.resultgroup table th:nth-child(8){
	width:7.5%;
}

.resultgroup table .ornament{
	margin-right: 0;
}

.searchpage ul.resultgroup li {
  border-bottom:  none;
}

.searchpage ul.resultgroup li:nth-child(odd) {
  width:  84px;
	width: 180px;
  margin-right:  10px;
}

.searchpage ul.resultgroup li .thumb {
  padding:  6px;
  background:  #eee;
}
.searchpage ul.resultgroup li .thumb img{
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

.searchpage .note {
  background-color: #2A3D77;
  padding:7px 0;
  text-align: center;
	font-size: 11px;
	color:  #fff;
	border-radius: 3px;
	margin:  5px 0;
}
.searchpage .new {
  background-color: #1DADE2;
  padding:5px 0;
  text-align: center;
	font-size: 12px;
	color:  #fff;
	border-radius: 3px;
}

.searchpage ul.resultgroup li:nth-child(even) {
  width:  calc( 1000px - 94px );
	width:  calc( 1000px - 200px );
}

.searchpage h3{
display: block;

border-width: 0 0 0 12px;
background-color: #2A3D77;
padding: 5px 10px;
margin-bottom:  13px;
}


.searchpage .half {
  display: flex;
}


.searchpage .half .left {
  width:  50%;
}

.searchpage .half .left a {
  color:  #fff;
}

.searchpage .half .right {
  width:  50%;
  text-align:  right;
}

.searchpage .half .right a {
  color:  #fff;
}



.searchpage ul.near_station {
  display:  flex;
  margin-left:  0;
  flex-wrap: wrap;
	font-size: 14px;
}

.searchpage ul.near_station li {
  margin-bottom:  10px;
  border-bottom: none;
}

.searchpage ul.near_station li:first-child{
  width:  80%;
  margin-right: 0;
}


.searchpage ul.near_station li:nth-child(2){
  width:  20%;
　font-size:  14px;
  margin-right: 0;
}
.searchpage ul.near_station li:nth-child(3){
  width:  100%;
　font-size:  14px;
  margin-right: 0;
}

.searchpage ul.near_station li:nth-child(3) ul.details {
display:  flex;
flex-wrap: wrap;
margin-left:  0;
}


.searchpage ul.near_station li:nth-child(3) ul.details li:nth-child(odd) {
width:  90px;
}
.searchpage ul.near_station li:nth-child(3) ul.details li:nth-child(even) {
flex:  1;
}





.searchpage ul.near_station .ornament{
  background-color: #1DADE2;
display:  inline-block;
min-width:  80px;
padding:5px 0;
text-align: center;
font-size: 12px;
color:  #fff;
border-radius: 3px;
margin-right: 10px;
}




.searchpage .ornament{
	background-color: #1DADE2;
	display:  inline-block;
	min-width:  80px;
	padding:5px 15px 5px 5px;
	text-align: center;
	font-size: 12px;
	color:  #fff;
	border-radius: 3px;
	margin-right: 10px;
	position: relative;
}
.searchpage table .ornament{
	transition: 0.1s linear;
}
.searchpage table .ornament::after{
	content: "";
	position: absolute;
	margin: auto;
	vertical-align: middle;
	right: 10px;
	top:50%;
	margin-top: -4px;
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
}

.searchpage table .ornament:hover{
	background-color:#f5c746;
}




/*table*/
.searchpage table{
width: 100%;
}
.searchpage table {
border-collapse: collapse;
}
.searchpage th,
.searchpage td{
border-style: solid;
border-width: 1px;
border-color: #ccc;;
font-size: 14px;
}
.searchpage th,
.searchpage td{
padding: 3px 4px;
text-align: center;
}
.searchpage th{
white-space: nowrap;
background-color: #f3f3f3;
}


.searchpage .noresult {
  text-align: center;
  font-size: 1.3em;
  margin: 3em 0;
}
.searchpage .noresult .back{
  padding-top: 2em;
  font-weight: bold;
}


.searchpage .propertylist {
  display:  flex;
}

.searchpage .propertylist img {
  width:  100%;
}



.searchpage .propertylist .picture {
  width: 400px;
  margin-right:  10px;
	text-align: center;
}
.searchpage .propertylist .picture img{
	max-height: 450px;
	width: auto;
	margin:0 auto;
}

.searchpage .propertylist .picture ul.propertydatelist {
  display:  flex;
  flex-wrap:  wrap;
	border-top:  1px solid #ccc;
}


.searchpage .propertylist .picture ul.propertydatelist li:nth-child(odd) {
 width:  30%;
 background:  #f3f3f3;
 padding:  10px;
 border-bottom:  1px solid #ccc;

}

.searchpage .propertylist .picture ul.propertydatelist li:nth-child(even) {
 width:  70%;
margin-bottom:  5px;
 border-bottom:  1px solid #ccc;
  padding:  10px;
  margin:  0;
}




.searchpage .propertylist .map {
  width:  calc( 1000px - 410px );
}

.searchpage ul.property_details {
  display:  flex;
  flex-wrap:  wrap;
  margin-top:  0;
	border-top:  1px solid #ccc;
}
.searchpage ul.property_details li {
  border-bottom:  1px solid #ccc;
	
}

.propertylist li{
	font-size: 14px;
}

.searchpage ul.property_details li:nth-child(odd) {
 width:  30%;
 background:  #f3f3f3;
 padding:  10px;
}

.searchpage ul.property_details li:nth-child(even) {
width:  70%;
 padding:  10px;
}

.searchpage ul.property_picturelist {
  display:  flex;
  flex-wrap:  wrap;
}

.searchpage ul.property_picturelist li {
  width:  23%;
  margin-right: 2%;
	

}

.searchpage ul.property_picturelist li:last-child {
  margin-right:  0;

}

/* 募集概要
---------------------------------------------------------*/




.searchpage ul.search_details {
  display: flex;
  padding-left:  45px;
}


.searchpage ul.search_details li {
  /* width:  calc( 100% / 5 );*/
}

.searchpage ul.search_details li:nth-child(1){
	width: 18%;
}
.searchpage ul.search_details li:nth-child(2){
	width: 18%;
}
.searchpage ul.search_details li:nth-child(3){
	width: 18%;
}
.searchpage ul.search_details li:nth-child(4){
	width: 31%;
}
.searchpage ul.search_details li:nth-child(5){
	width: 15%;
}



.searchpage ul.search_details li:last-child {
  text-align:  right;
}


.searchpage .ornament_white {
  background-color: #fff;
display:  inline-block;
min-width:  60px;
padding:5px 0;
text-align: center;
font-size: 12px;
color:   #1DADE2;
border-radius: 3px;
margin-right: 10px;
}
.searchpage .ornament_favorite {
  background-color: #fff;
display:  inline-block;
min-width: 100px;
padding:5px 0;
text-align: center;
font-size: 12px;
color:   #000;
border-radius: 3px;
margin-right: 10px;
}
.searchpage .ornament_favorite img {
vertical-align:  middle;
}



.searchpage .search_contents {
  display:  flex;
margin-top: 20px;
}

.searchpage .search_contents .info {
  flex: 1;
}


.searchpage .search_contents .blueprint {
width:  87px;
text-align:  center;
}




.searchpage .search_contents table {
  width: 100%;
}

.searchpage .search_contents table td {
  padding: 0.5em 0.3em;
  border: 1px solid #ccc;
  text-align: left;
}
.searchpage .search_contents table th {
  font-weight: bold;
  background:  #f3f3f3;
  padding-top: 0.7em;
	width: calc(100% / 6);
}
.searchpage .search_contents table .note {
  text-align: left;
  padding: 0.5em 0.8em;
}
.searchpage .search_contents table .note .title {
  font-weight: bold;
  margin-right: 0.5em;
}


.searchpage .caution {
  font-size:  12px;
  text-align:  left;
}

.searchpage ul.detaillist {
  display:  flex;
  width:  100%;
  margin-bottom: 50px;
  justify-content:center;
  align-items:center;
}

.searchpage ul.detaillist li {
  width:  32%;
  margin-right: 2%;
  text-align: center;
  background: #2A3D77;
  color: #fff;
  border: 1px solid #2A3D77;
  min-height: 60px;
  line-height: 60px;
}

.searchpage ul.detaillist li a {
  width: 100%;
  display:block;
  text-align: center;
  background: #2A3D77;
  border: 1px solid #2A3D77;
  color: #fff;
  min-height: 60px;
	transition: 0.1s linear;
	position: relative;
}




.searchpage ul.detaillist li a::before,
.searchpage ul.detaillist li a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 15px;
	margin: auto;
	content: "";
	vertical-align: middle;
}

.searchpage ul.detaillist li a::before{
	width: 8px;
	height: 8px;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}	


.searchpage ul.detaillist li a:hover {
 width: 100%;
  display:block;
  text-align: center;
  background: #fff;
  border: 1px solid #2A3D77;
  color: #2A3D77 !important;
 min-height: 60px;
}
.searchpage ul.detaillist li a:hover::before{
	width: 8px;
	height: 8px;
	border-bottom: 2px solid #2A3D77;
	border-right: 2px solid #2A3D77;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}	


.searchpage ul.detaillist li:last-child {

  margin-right: 0;
  
}

.buildClass {
  margin-bottom: 30px;
}
.buildname {
  font-size: 1.3em;
  border-bottom: 2px solid #CCC;
  margin-bottom: 10px !important;
}
.roomall {
  margin: 10px 0;
  clear: both;
  position: relative;
}
.room {
  background: #D6D6D6 url(../img/detail_boshu_title_bgimg.gif) repeat-x left top;
  clear: both;
  padding: 10px 10px 8px 40px;
  border-top: 1px solid #c1c1c1;
  cursor: pointer;
  position: relative;
}
.room:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
  }
* html .room            { zoom: 1; } /* IE6 */
*:first-child+html .room { zoom: 1; } /* IE7 */

.active .room {
  background: #D6BE9A url(../img/detail_boshu_title_bgimg_active.gif) repeat-x left top;
}

.room h4, .room p, .room dl {
  margin: 0 !important;
  padding: 0;
  float: left;
}

.room h4 {
  width: 113px;
}
.room dl {
  width: 430px;
}
.room dl dt, .room dl dd {
  display: inline;
  float:left;
}
.room dl dt {
  margin: -2px 6px 0 12px;
}
.room dl dd {
  width: 5.5em;
}
.roomall .favoriteBtn {
  position: absolute;
  top: 7px;
  right: 10px;
  z-index:50;
}

.room p.toggleBtn {
  width:40px;
  height: 40px;
  position: absolute;
  top:0;
  left: 0;
}
.room p.toggleBtn span.tooltip {
  position: absolute;
  top: -20px;
  left: 10px;
  background-color: #000;
  color: #fff;
  display: block;
  width: 3em;
  text-align: center;
  padding: 2px 5px;
  display: none;
}

.equip:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
  }
* html .equip            { zoom: 1; } /* IE6 */
*:first-child+html .equip { zoom: 1; } /* IE7 */

.equipment {
  float: left;
  width: 560px;
}
.equipment table {
  width: 100%;
}

.equipment table th, .equipment table td {
  padding: 0.5em 0.3em;
  border: 1px solid #999;
  text-align: center;
}
.equipment table th {
  font-weight: bold;
  background: #F1E9DE url(../img/detail_boshu_table_bgimg.gif) repeat-x left top;
  padding-top: 0.7em;
}
.equipment table .note {
  text-align: left;
  padding: 0.5em 0.8em;
}
.equipment table .note .title {
  font-weight: bold;
  margin-right: 0.5em;
}

.madori {
  width: 100px;
  text-align: center;
  float: left;
  padding-top: 10px;
}

/*　物件詳細*/

.searchpage .accordion {
margin: 1em auto 3em;
width: 1000px;
}
.searchpage .accordion .toggle {
display: none;
}
.searchpage .accordion .option {
position: relative;
margin-bottom: 1em;
}
.searchpage .accordion .title,
.searchpage .accordion .content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
}
.searchpage .accordion .title {
padding: 1em;
display: block;
color: #fff;
font-weight: bold;
background: #2A3D77;;
}

.searchpage .accordion label.title{
	cursor: pointer;
}

/*.searchpage .accordion .title::after,
.searchpage .accordion .title::before {
content: "";
position: absolute;
left: 20px;
top: 50%;
margin-top: -6px;
width: 2px;
height: 0.75em;
background-color: #fff;
transition: all 0.3s;
}
.searchpage .accordion .title::after {
transform: rotate(90deg);
}*/

.searchpage .accordion .title::after{
	content: "";
	position: absolute;
	left: 15px;
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	background:url("../img/icon_plus.png") no-repeat;
	background-size: cover;
	transition: 0.3s linear;
}
.searchpage .accordion .title::after {
	/*transform: rotate(180deg);*/
}

.searchpage .accordion .content {
max-height: 0;
overflow: hidden;
}
.searchpage .accordion .content p {
margin: 0;
padding: 0 0 10px 0;
font-size: 0.9em;
line-height: 1.5;
}
.searchpage .accordion .toggle:checked + .title + .content {
max-height: 500px;
transition: all 1.5s;
}
.searchpage .accordion .toggle:checked + .title::after {
transform: rotateX(180deg) !important;
}

/*=======================================================
設備概要
 =======================================================*/

.searchpage ul.facilitylinks {
  display:  flex;
  justify-content: flex-start;
  width:100%;
  flex-wrap: wrap;
  text-align: center;
  margin: 0 auto 20px;
	margin-left:-5px;
	margin-right:-5px;
}

.searchpage.facility li{
	text-align: center;
}
.searchpage ul.facilitylinks li {
  padding:  10px 5px;
	text-align: center;
}


.searchpage ul.facilitylinks li a {
  background:#3ca2d3;
  border: 1px solid #3ca2d3;
  padding: 10px 20px;
  text-align:center;
  color: #fff;
	font-size: 15px;
	transition: 0.1s linear;
	border-radius: 2px;

}

.searchpage ul.facilitylinks li a:hover {
  background:#fff;
   border: 1px solid #3ca2d3;
  padding: 10px 20px;
  text-align:center;
  color: #3ca2d3;
}



.searchpage ul.concentlist {
  display:  flex;
  width:  100%;
  flex-wrap:  wrap;
  margin: 20px auto;
  border-top:  1px solid #ccc;
}

.searchpage ul.concentlist li {
width:  calc( 100% / 13 );
padding:  10px;
text-align:  center;
}
.searchpage ul.concentlist li.gray {
  background:  #f3f3f3;
}


.searchpage ul.concentlist li {
padding:  10px;
  text-align: center;
  border-right:  1px solid #ccc;
  border-bottom:  1px solid #ccc;

}

.searchpage ul.concentlist li:first-child, .searchpage ul.concentlist li:nth-child(14) {
/*padding:  10px 30px;
  text-align: center;*/
  border-left:  1px solid #ccc;

}
.searchpage ul.concentlist li{
	font-size: 14px;
}

.searchpage ul.concentlist2 {
  display:  flex;
  width:  769.2px;
  flex-wrap:  wrap;
  margin: 20px 0;
  border-top:  1px solid #ccc;
}

.searchpage ul.concentlist2 li {
width:  calc( 100% / 10 );
padding:  10px;
text-align:  center;
}
.searchpage ul.concentlist2 li.gray {
  background:  #f3f3f3;
}


.searchpage ul.concentlist2 li {
padding:  10px;
  text-align: center;
  border-right:  1px solid #ccc;
  border-bottom:  1px solid #ccc;
  font-size:  14px;
}
.searchpage ul.concentlist2 li:first-child, .searchpage ul.concentlist2 li:nth-child(11) {
  border-left:  1px solid #ccc;
}


.searchpage .remarks {
margin-top:  10px;
font-size:  16px;
}


.searchpage .facilityhalf {
  display:  flex;
  flex-wrap:  wrap;
  margin-top:  40px;
    justify-content: space-between;
}


.searchpage .facilityhalf .left {
width:  48%;
margin-right:  2%;
}

.searchpage .facilityhalf .right {
width:  48%;
margin-right:  0;
}


.searchpage ul.facilitylist2 {
display:  flex;
width:  100%;
border-top:  1px solid #ccc;
flex-wrap:  wrap;
    margin: 20px auto;
}

.searchpage ul.facilitylist2 li {
  border-right:  solid 1px #ccc;
  border-bottom:  solid 1px  #ccc;
  padding:  10px;
  font-size:  14px;

}

.searchpage ul.facilitylist2 li:nth-child(odd) {
width:  30%;
background:  #eee;
border-left:  1px solid #ccc;
}

.searchpage ul.facilitylist2 li:nth-child(even) {
width:  70%;
}

.searchpage ul.facilitylist4 {
display:  flex;
width:  100%;
border-top:  1px solid #ccc;
flex-wrap:  wrap;
    margin: 20px auto;
}
.searchpage ul.facilitylist4 li {
width:  calc( 100% / 4 );
border-right:  1px solid #ccc;
border-bottom:  1px solid #ccc;
padding:  10px;
  font-size:  14px;
    height:  42px;
}

.searchpage ul.facilitylist4 li.gray {
background:  #eee;
}

.searchpage ul.facilitylist4 li:first-child,.searchpage ul.facilitylist4 li:nth-child(5),.searchpage ul.facilitylist4 li:nth-child(9),.searchpage ul.facilitylist4 li:nth-child(13),.searchpage ul.facilitylist4 li:nth-child(17),.searchpage ul.facilitylist4 li:nth-child(21),.searchpage ul.facilitylist4 li:nth-child(25),.searchpage ul.facilitylist4 li:nth-child(29),.searchpage ul.facilitylist4 li:nth-child(33),.searchpage ul.facilitylist4 li:nth-child(37),.searchpage ul.facilitylist4 li:nth-child(41),.searchpage ul.facilitylist4 li:nth-child(45),.searchpage ul.facilitylist4 li:nth-child(49),.searchpage ul.facilitylist4 li:nth-child(53) {
border-left:  1px solid #ccc;
}



.searchpage ul.facilitylist3 {
display:  flex;
width:  100%;
border-top:  1px solid #ccc;
flex-wrap:  wrap;
    margin: 20px auto;
}
.searchpage ul.facilitylist3 li {
width:  calc( 100% / 3 );
border-right:  1px solid #ccc;
border-bottom:  1px solid #ccc;
padding:  10px;
  font-size:  14px;
    height:  42px;
}

.searchpage ul.facilitylist3 li:first-child,.searchpage ul.facilitylist3 li:nth-child(4),.searchpage ul.facilitylist3 li:nth-child(7),.searchpage ul.facilitylist3 li:nth-child(10),.searchpage ul.facilitylist3 li:nth-child(13),.searchpage ul.facilitylist3 li:nth-child(16),.searchpage ul.facilitylist3 li:nth-child(21),.searchpage ul.facilitylist3 li:nth-child(25) {
  border-left:  1px solid #ccc;
}



.searchpage ul.facilitylist3 li.gray {
background:  #f3f3f3;
}


#searchpage .one-horizontal li:first-child{
	width: 25%;
}
#searchpage .one-horizontal li:last-child{
	width: 75%;
}

/*=======================================================
検索結果
 =======================================================*/
#results {
  width:  100%;
  margin:  0 auto;
}

.results {
  width:  1000px;
  margin:  0 auto;
}


/*=======================================================
内覧会実施物件のお知らせ
 =======================================================*/

#property {
  width:  100%;
  background: #1DADE2;
  margin:  0 auto;
}

.property {
  width:  100%;
  width:  1000px;
  padding:  40px 0;
  margin:  0 auto;
}

.property h2 {
  font-size:  24px;
  font-weight:  bold;
  color:  #fff;
  text-align: center;
	letter-spacing: 1px;
}

.property ul.list2 {
 width:  100%; 
/* display:  flex;*/
 margin-top:  30px;
justify-content: space-between;
	max-width: 840px;
	margin-left:auto;
	margin-right:auto;
}

#property h2{
	font-size: 30px;
}

#property .list2 li{
	font-size: 15px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid rgba(255,255,255,.5)
}
#property .list2 li:last-child{
	margin-bottom: 0;
}

#property .list2 li a{
	color: #fff;
	position: relative;
	display: block;
}

#property .list2 li a::before,
#property .list2 li a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	margin: auto;
	content: "";
	vertical-align: middle;
}

#property .list2 li a::before{
	width: 8px;
	height: 8px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#property .list2 li.no-event{
	width: 100% !important;
	text-align: center !important;
	color: #fff !important;
	border: none !important;
	padding: 0 !important;
}
#property .list2 li.no-event a::before{
	display: none !important;
}




#property .list2 .title a{
	color: #fff;
}
#property .list2 .title p{
	font-size: 13px;
	margin-bottom: 20px;
}
#property .list2 .thumb img{
	border-radius: 4px;
}

.property ul.list2 li{
	width: 100%;
}

/*.property ul.list2 li:nth-child(odd) {
 width:  30%;
 text-align:  right; 
}


.property ul.list2 li:nth-child(even) {
 width:  66%;
 text-align:  left; 
 margin-right:  0;
}*/
.property ul.list2 li:nth-child(even) .address {
font-size:  14px;
font-weight: bold;
line-height:  30px;
color:  #fff;
}

.property .btn_w {
  background:  #fff;
  border: 1px solid #D8D8D8;
  width:  290px;
  height:  45px;
  line-height:  45px;
  color: #2A3D77;
  position:  relative;
  font-size:  16px;
  text-align: center;
  margin-top: 15px;
}

.property .btn_w:after {
    content: url(../img/arrow_btn_right.svg);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    margin: auto;
}

.property .btn_w:hover {

  border: 1px solid #2A3D77;

}
/*=======================================================
共同施設のサービス・事業紹介
 =======================================================*/

 #service {
  width:  100%;
  margin:  0 auto;
 }

 .service {
  width:  100%;
  width:  1000px;
  margin:  65px auto 80px;
 }

.service h2 {
    position: relative;
    padding: 1rem 0.5rem;
    font-weight: bold;
  font-size:  30px;
  color:  #2A3D77;
  font-weight:  bold;
    margin:  0 auto;
    width:  470px;
    text-align: center;
}


.service h2:before,
.service h2:after {
position: absolute;
    top: 45%;
    width: 50px;
    border-top: 2px solid #1DADE2;
    content: '';
    
}


.service h2:before {
    left: -3rem;
}


.service h2:after {
    right: -3rem;
}


.service h3 {
  font-size:  16px;
  text-align:  center;
  margin-bottom:  30px;
}


.service ul.servicelist {
  display:  flex;
  flex-wrap:  wrap;
  width:  100%;
    background-image: url(../img/bg_service.png);
    background-position: center bottom; 
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;

    height: 650px;


}

.service ul.servicelist li:nth-child(odd) {
width:  48%;
margin-right:  4%;
}
.service ul.servicelist li:nth-child(even) {
width:  48%;
margin-right:  0;
}
.service ul.servicelist .box {
  border:  2px solid #415185;
  border-radius: 4px;
  min-height: 300px;
  background:  #fff;

}


.service ul.servicelist li:first-child, 
.service ul.servicelist li:nth-child(2) {
  margin-bottom:  50px;
}


.service ul.servicelist .box img {
  border-radius:  4px;
  width:  100%;
  height:  auto;
}

.service ul.servicelist .box .text {
  font-size:  18px;
  color: #2A3D77;
  font-weight:  bold;
  text-align: center;
  min-height: 70px;
display: flex;
    justify-content: center;
    align-items: center;

}


.service .btn_blue {
color:  #fff;
width: 250px;
height: 43px;
background: #2A3D77;
font-size:  16px;
font-weight:  bold;
border-radius:  30px;
margin:  0 auto;
text-align: center;
line-height:  43px;
position: relative;
}

.service .btn_blue:after {
    content: url(../img/arrow_w.svg);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
}

/*=======================================================
お知らせ
 =======================================================*/
#news {
  width:  100%;
  margin:  0 auto;
}
body.home #news {
  background: #F6F6F6;
}

.news {
  width:  100%;
  width: 1000px;
  padding:  40px 0 60px;
  margin:  0 auto;
}
body.home .news {
  padding:  80px 0 90px;
}



.news h2 {
  font-size:  33px;
  font-weight:  bold;
  color: #2A3D77;
  text-align: center;
}
.news .date{
	margin: 10px 0  50px 0;
	text-align: right;
	color: #666;
}




.news .frame_w {
  width:  100%;
  background:  #fff;
  border-radius:  6px;
  padding:  40px 80px;

}
.news ul.newslist a {

color: #1DADE2;

}
.news ul.newslist {
	color: #1DADE2;
	width:  100%;
	margin-bottom:  40px;
	margin-top:  20px;
}

.news ul.newslist li {
	border-bottom:  1px solid #ddd;
}

.news ul.newslist li a{
	display:  flex;
	flex-wrap: nowrap;
	padding:  20px 0;
}

.news ul.newslist li .news-date{
	/*width:  110px;*/
	font-weight:  bold;
	margin-right: 30px;
	
}
.news ul.newslist li .news-cat{
	/*width:  140px;*/
	margin-right: 10px;
	
}
.news ul.newslist li .news-title{
	/*width:  calc(100% - 130px);*/
	
}




.news .btn_lightblue {
color:  #fff;
width: 250px;
height: 43px;
background: #1DADE2;
font-size:  16px;
font-weight:  bold;
border-radius:  30px;
margin:  0 auto;
text-align: center;
line-height:  43px;
position: relative;
}
.news .btn_lightblue:after {
    content: url(../img/arrow_w.svg);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
}

.news a{
	text-decoration: none !important;
}


.property .btn_lightblue {
color:  #1DADE2;
width: 250px;
height: 43px;
background: #fff;
font-size:  16px;
font-weight:  bold;
border-radius:  30px;
margin:  0 auto;
text-align: center;
line-height:  43px;
position: relative;
}
.property .btn_lightblue:after {
	content: url(../img/arrow_lightblue.svg);
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
}

.property a{
	text-decoration: none !important;
}



/*=======================================================
footer
 =======================================================*/



footer {
  background: #2A3D77;
  margin: 0 auto; 
  padding: 60px 0 10px; 
}


footer ul.footerlist {

    display: flex;
    width: 1000px;
    margin: 0 auto;
    color:  #fff;

}

footer ul.footerlist li:first-child {
width:  35%;
}

footer ul.footerlist li:nth-child(2) {
width:  40%;
}


footer ul.footerlist li:nth-child(3) {
width:  25%;
}


footer ul.footerlist .title {
  font-size:  26px;
  font-weight:  bold;
  margin-bottom:  10px;
	letter-spacing: 1px;
}

footer ul.footerlist .location {
  font-size:  16px;
  line-height:  32px;
}


footer ul.footerlist .subtitle {
  font-size:  16px;
  font-weight:  bold;
  margin-bottom:  10px;
}


footer ul.menulist {
  list-style:none;
    display: flex;
    justify-content: center;
    align-items: center;
  flex-wrap:  wrap;
  margin-bottom:  30px;
	margin-left: 16px
}

footer ul.menulist li {
 width:  100%!important;

}


footer ul.menulist li {
	padding-left: 15px;
	text-indent: -15px;
	font-size: 14px;
}

footer ul.menulist li img {
  margin-right:  10px;

}
footer ul.footerlist a {
    color:  #fff!important;

}
footer ul.footerlist a:hover {
    color:  #fff!important;

}

footer .copy {
  margin:  50px auto 20px;
  color:  #fff;
  font-size:  13px;
  text-align:  center;
}

#page_top  {
  background-color: #2A3D77;
  right: 10px;
  bottom:  10px;
  border-radius:  50px;

}
#page_top a{
 align-items: center;
  color: #fff;
  display: flex;
  justify-content: center;
  height: 68px;
  text-align: center;
  text-decoration: none;
  width: 68px;
}


/*=======================================================
breadcrumb
 =======================================================*/

.breadcrumb {
  width:  100%;
  margin:  0 auto;
}



.breadcrumb ul.breadlist {
	padding:0 0 10px 0;
	margin: 20px auto;
	width:1000px;
	border-bottom: 1px dotted #ccc;
}


.breadcrumb ul.breadlist li {
display:  inline-block;
font-size:  13px;
}


.breadcrumb ul.breadlist img {
  margin:  0 10px;
}
.breadcrumb ul.breadlist li a{
	text-decoration: none !important;
	color: #2A3D77 !important;
	font-weight: bold;
}


/*=======================================================
検索ページ
 =======================================================*/

#searchpage {
  width:  100%;
  margin:  0 auto;
}

.searchpage {
  margin:  50px auto;
  width:  1000px;

}

.searchpage h1 {
font-size: 34px;
font-weight:  bold;  
text-align: center;
color:  #2A3D77;
margin:  0 auto 30px;
}


.searchpage h2 {
    font-size: 24px;
    color: #2A3D77;
    font-weight: bold;
    position: relative;
    padding: 8px 0 8px 20px;
    margin-bottom: 20px;
}


.searchpage h2:before {
    position: absolute;
    top: 10%;
    left:0;
    width: 6px;
    height: 80%;
    content: '';
    border-radius: 3px;
    background: #000;
}

.searchpage  .subtitle {
    font-size: 16px;
    padding: 10px 15px;
    color: #fff;
    font-weight: bold;
    background: #2A3D77;
}

.searchlist {
display: flex;
margin-top: 20px;
}
.searchlist .item {
margin-right:10px;
width: 100px;

}
.searchlist .item {
flex-basis: calc( 100% / 4 );
text-align: center;

}
.searchlist .item a:nth-child(4) {
margin-right: 0;
}
.searchlist .item a {
background-color: #fff;
color: #2A3D77;
border:  1px solid #1DADE2;
display: block;
border-radius: 5px;
font-size: 12px;
padding:20px 10px;
font-weight: bold;
min-height:  120px;
}

.searchlist .item.active a {
background-color: #1DADE2;
border:  1px solid #1DADE2;
display: block;
border-radius: 5px;
color: #fff;
display: block;
position: relative;
}
.searchlist .item a {
display: block;
border-radius: 5px;
color: #3593c9;
position: relative;
} 
.searchlist .item.active a:after {
  color: #fff;
  content: "";
  position: absolute;
  right: 0;
  bottom: -10px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #1DADE2 transparent transparent transparent;
  border-width: 10px 10px 0 10px;
}


.searchlist .item a:hover {
background-color: #1DADE2;

display: block;
border-radius: 5px;
color: #fff;
display: block;
position: relative;
}

.searchlist .item a:hover:after {
  color: #fff;
  content: "";
  position: absolute;
  right: 0;
  bottom: -10px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #1DADE2 transparent transparent transparent;
  border-width: 10px 10px 0 10px;
}

.searchlist .item .title {
  font-size:  24px;
  line-height:  1.4;
	margin-top: 3px;
}

.searchlist .item .title .small {
  font-size:  16px;
  display:  block;
}

.searchlist .item a {
color: #2A3D77;
}
.searchlist .item a:hover {
color: #fff;
}

.searchlist .item.active a {
color: #fff;
}
.searchlist .item:first-child a::before {
    content: '';
    display: inline-block;
    width: 23px;
    height: 34px;
    background-image: url(../img/icon_area_blue.svg);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-bottom: 7px!important;
}

.searchlist .item:first-child a:hover::before {
    content: '';
    display: inline-block;
    width: 23px;
    height: 34px;
    background-image: url(../img/icon_area_w.svg);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-bottom: 7px!important;
}

.searchlist .item.active:first-child a::before {
    content: '';
    display: inline-block;
    width: 23px;
    height: 34px;
    background-image: url(../img/icon_area_w.svg);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-bottom: 7px!important;
}

/*2nd */

.searchlist .item:nth-child(2) a::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 31px;
    background-image: url(../img/icon_train_blue.svg);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-bottom: 7px!important;
}

.searchlist .item:nth-child(2) a:hover::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 31px;
    background-image: url(../img/icon_train_w.svg);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-bottom: 7px!important;
}
.searchlist .item.active:nth-child(2) a::before {
    content: '';
    display: inline-block;
     width: 24px;
    height: 31px;
    background-image: url(../img/icon_train_w.svg);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-bottom: 7px!important;
}


/* 3rd */

.searchlist .item:nth-child(3) a::before {
    content: '';
    display: inline-block;
    width: 37px;
    height: 32px;
    background-image: url(../img/icon_map_blue.svg);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-bottom: 7px!important;
}

.searchlist .item:nth-child(3) a:hover::before {
    content: '';
    display: inline-block;
    width: 37px;
    height: 32px;
    background-image: url(../img/icon_map_w.svg);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-bottom: 7px!important;
}
.searchlist .item.active:nth-child(3) a::before {
    content: '';
    display: inline-block;
    width: 37px;
    height: 32px;
    background-image: url(../img/icon_map_w.svg);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-bottom: 7px!important;
}


/* 4th*/

.searchlist .item:last-child a::before {
    content: '';
    display: inline-block;
    width: 33px;
    height: 33px;
    background-image: url(../img/icon_keyword_blue.svg);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-bottom: 7px!important;
}

.searchlist .item:last-child a:hover::before {
    content: '';
    display: inline-block;
    width: 33px;
    height: 33px;
    background-image: url(../img/icon_keyword_w.svg);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-bottom: 7px!important;
}

.searchlist .item.active:last-child a::before {
    content: '';
    display: inline-block;
    width: 33px;
    height: 33px;
    background-image: url(../img/icon_keyword_w.svg);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-bottom: 7px!important;
}



/*=======================================================
チェックボックスのリスト
 =======================================================*/

#search_select {
width:  100%;
margin:  0 auto;
}

.search_select {
width:  1000px;
margin:  0 auto;

}

.search_select h3 {
  font-size:  24px;
  border-bottom:  2px solid #2A3D77;
  font-weight: bold;
  margin-bottom:  20px;
	padding-bottom: 5px;
}
.search_select h4 {
  background: #F5F5F5;
  padding:  15px;
  font-size:  16px;
  color: #2A3D77;
  font-weight:  bold;
  margin-bottom:  10px;
}


.checkList{
display: block;
margin: 0 0 30px !important;
padding: 0 0 10px;
font-weight:  bold;
font-size:  16px;
color:  #2A3D77;

/*
border-bottom-color: rgb(150,150,150);
border-bottom-style: dotted;
border-bottom-width: 2px;
*/
}
.other {
  border-top: 2px dotted #999;
  padding-top: 20px;
}
.checkList li{
display: inline-block;
padding: 5px 3px;
width: 330px;
height: 3em;
overflow:hidden;
vertical-align: top;
}
* html .checkList li{
display:inline;
float: left;
}
*+html .checkList li{
display:inline;
float: left;
}

.keywords_input input{
	margin: 10px 0;
}
.keywords_input p{
padding:0;
}
.keywords_input p.error{
color:#c00;
font-size:0.8em;
}
.keywords_input p input{
padding: 0.3em;
width: 635px;
}
.cont{
display: inline-block;
margin-left: 0.5em;
color: rgb(150,150,150);
}
.choiceStation {
  text-align: left;
  margin: -5px 0 15px 0 !important;
}
.choiceStation1 {
  text-align: center;
}

.detail_setting {

}

.detail_setting h4 {
  background: #2A3D77;
  color:  #fff;
  padding:  10px 15px;
  font-size:  20px;
  font-weight:  bold;
  margin-bottom:  0;
}
.detail_setting ul.group {
background: #F5F5F5;
padding:20px 30px;
}



/*=======================================================
詳細条件設定
 =======================================================*/
.detail_setting {
margin-top: 40px;
font-size:  16px;
color:  #2A3D77;
font-weight: bold;
}

* html .detail_setting h4{
display: inline;
}
*+html .detail_setting h4{
display: inline;
}
.detail_setting ul{
position: relative;
top: -1px;
display: block;
margin: 0 !important;
border-color: #f5f5f5;
border-width: 1px;
border-style: solid;
background-color: #EAF2F7;
z-index: 0;
}
.detail_setting li{
display: block;
min-height: 70px;
padding: 10px;
}
* html .detail_setting li{
height: 70px;
}
.detail_setting li dt{
    font-size: 20px;
    border-bottom: 2px solid #2A3D77;
    font-weight: bold;
    margin-bottom: 20px;
}
* html .detail_setting li dt{
display:block;
height:1em;
}
*+html .detail_setting li dt{
display:block;
height:1em;
}
.detail_setting li dd{
padding: 6px;
}
.detail_setting li dd.error{
font-size:0.8em;
color: #c00;
padding-bottom: 0;
}

* html .detail_setting li dd{
height:2em;
overflow:hidden;
}
*+html .detail_setting li dt{

}
*+html .detail_setting li dd{
height:2em;
overflow:hidden;
}

.detail_setting dd input{
padding: 0.3em;
}
.detail_setting li.last-child dd input{
width: 5em;
margin: 0 0.3em;
}



/*=======================================================
checkbox 装飾
 =======================================================*/

#search_select input[type=checkbox] {
    display: none;
}



.checkbox01 {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 5px 0 5px 30px;
    position: relative;
    width: auto;
}
.checkbox01::before {
    background: #fff;
    border: 1px solid #ccc;
    content: '';
    display: block;
    height: 16px;
    left: 5px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 16px;
}
.checkbox01::after {
    border-right: 6px solid #FFD358;
    border-bottom: 3px solid #FFD358;
    content: '';
    display: block;
    height: 20px;
    left: 12px;
    margin-top: -16px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: rotate(45deg) translate3d(0,2px,0) scale3d(.7,.7,1);
    transition: transform .2s ease-in-out, opacity .2s ease-in-out;
    width: 9px;
}
input[type=checkbox]:checked + .checkbox01::before {
    border-color: #666;
}
input[type=checkbox]:checked + .checkbox01::after {
    opacity: 1;
    transform: rotate(45deg) scale3d(1,1,1);
}


.checkbox02 {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 5px 30px;
    position: relative;
    width: auto;
}
.checkbox02::before {
    background: #fff;
    border: 1px solid #ccc;
    content: '';
    display: block;
    height: 16px;
    left: 5px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 16px;
}
.checkbox02::after {
    border-right: 6px solid #FFD358;
    border-bottom: 3px solid #FFD358;
    content: '';
    display: block;
    height: 20px;
    left: 7px;
    margin-top: -16px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: rotate(45deg) translate3d(0,2px,0) scale3d(.7,.7,1);
    transition: transform .2s ease-in-out, opacity .2s ease-in-out;
    width: 9px;
}
input[type=checkbox]:checked + .checkbox02::before {
    border-color: #666;
}
input[type=checkbox]:checked + .checkbox02::after {
    opacity: 1;
    transform: rotate(45deg) scale3d(1,1,1);
}
.checkbox03 {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 5px 30px;
    position: relative;
    width: auto;
}
.checkbox03::before {
    background: #fff;
    border: 1px solid #ccc;

    content: '';
    display: block;
    height: 16px;
    left: 5px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 16px;
}
.checkbox03::after {
    border-right: 6px solid #FFD358;
    border-bottom: 3px solid #FFD358;
    content: '';
    display: block;
    height: 20px;
    left: 7px;
    margin-top: -16px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: rotate(45deg) translate3d(0,2px,0) scale3d(.7,.7,1);
    transition: transform .2s ease-in-out, opacity .2s ease-in-out;
    width: 9px;
}
input[type=checkbox]:checked + .checkbox03::before {
    border-color: #666;
}
input[type=checkbox]:checked + .checkbox03::after {
    opacity: 1;
    transform: rotate(45deg) scale3d(1,1,1);
}
#search_select input[type=radio] {
    display: none;
}
.radio03 {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 5px 30px;
    position: relative;
    width: auto;
}
.radio03::before {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    content: '';
    display: block;
    height: 16px;
    left: 5px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 16px;
}
.radio03::after {
    background: #FFD358;
    border-radius: 50%;
    content: '';
    display: block;
    height: 10px;
    left: 8px;
    margin-top: -4px;
    opacity: 0;
    position: absolute;
    top: 48%;
    transform: scale3d(.3,.3,1);
    transition: transform .2s ease-in-out, opacity .2s ease-in-out;
    width: 10px;
}
input[type=radio]:checked + .radio03::before {
    border-color: #666;
}
input[type=radio]:checked + .radio03::after {
    opacity: 1;
    transform: scale3d(1,1,1);
}


/*=======================================================
検索ボタン
 =======================================================*/
.actionButtom{
margin: 80px auto;
text-align: center;
}



/*=======================================================
各種お問い合わせ
 =======================================================*/
#contactarea {
  width:  100%;
  margin:  0 auto;
}


.contactarea {
  width:  1000px;
  margin:  0 auto;  
}

.contactarea .title {
background: #E66969;
    display: flex;
    width: 100%;
    padding: 15px 15px 12px 15px;
    color: #fff;
    border-radius: 6px 6px 0 0;
    text-align: center;
    min-height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:  22px;
    font-weight:  bold;
}

.contactarea .contactbox {
  border:  1px solid #E66969;
  background:  #fff;
    border-radius: 0 0 6px 6px;
}


.contactarea .contactbox ul {
  display: flex;
  width:  100%;
  margin:  20px auto 20px;
}



.contactarea .contactbox ul li:nth-child(odd) {
  width:  50%;
  border-right: 1px solid #E66969;

}

.contactarea .contactbox ul li.one-column{
	width: 100%;
	border-right: none;
}

.contactarea .contactbox ul li:nth-child(even) {
  width:  50%;
}


.contactarea .contactbox .subtitle {
  margin:  0 auto;
  text-align:  center;
  font-size:  17px;
	font-weight: bold;
  margin:5px auto 10px auto;
	
}
.contactarea .contactbox .btn {
  margin:  0 auto;
  text-align:  center;
}

.contactarea .contactbox .phone {
  margin:  30px auto 0;
  text-align:  center;

}.contactarea .contactbox .phone a {

  font-size:  33px;
  color: #E66969;
  font-weight:  bold;
}
.contactarea .contactbox .phone img {
margin-right:  10px;
}

/*地図で検索
-------------------------------------------------------*/
.search_select .mapSelect{
	margin: 20px 0 0 0;
	padding: 15px;
  background: #2A3D77;
 background-position: 0 0;
  background-repeat: no-repeat;text-align: center;
  color:  #fff;
}
.search_select .mapSelect p{
margin: 0 !important;
display: inline-block;
font-size: 1.2em;
font-weight: bold;
vertical-align: middle;
}
* html .search_select .mapSelect p{
display: inline;
margin: 0 1em 0 0 !important;
}
*+html .search_select .mapSelect p{
display: inline;
margin: 0 1em 0 0 !important;
}
.search_select .mapSelect p{
vertical-align: baseline;
}
.search_select .mapSelect input{
padding: 3px 20px;
border-radius:  6px;
border-color: #fff;
border-style: solid;
border-width: 0;
background-color: #1DADE2;
color: rgb(255,255,255);
font-size: 16px;
font-weight: bold;
}
* html .mapSelect input{
position: relative;
top: -3px;
}
.search_select .googleMap{
height: 600px;
margin: 0 0 40px;
border: 1px solid #999;
overflow: hidden;
}

.search_select .gmnoprint p {
  margin: 0 !important;
}
.search_select .gmnoprint p.icon {
  margin: 10px 0 0 0 !important;
}
.search_select .gmnoprint p.icon img {
  margin-right: 3px;
}

.search_select .description img {
height: 22px;
}

.search_select .description img {
height: 22px;
}

.search_select select {
  padding:  5px;
	margin: 0 10px;
}

.search_select .keywords_input {
  margin-bottom:  50px;
}



/*=======================================================
第二階層　基本セッティング
 =======================================================*/

#basicsetting {
  width:  100%;
  margin:  0 auto 80px;
}

.basicsetting {
    width:  1000px;
  margin:  0 auto;

}

.basicsetting h1 {
  font-size: 32px;
  color: #2A3D77; 
  font-weight:  bold;
  margin: 45px auto 35px auto;
  text-align:  center;
}

.basicsetting h2 {
  font-size: 24px;
  color: #2A3D77;
  font-weight:  bold;
  position: relative;
  padding: 8px 0 8px 20px;
  margin: 40px 0 20px 0;
}

.basicsetting h2:before {
    position: absolute;
    top: 10%;
    left:0;
    width: 6px;
    height: 80%;
    content: '';
    border-radius: 3px;
    background: #000;
}

.basicsetting h3 {
  font-size: 22px; 
  padding:0 0 10px 0;
  color: #2A3D77;
  font-weight:  bold;
  border-bottom: 1px solid #2A3D77;
	margin-bottom: 30px;
}

.basicsetting h4{
	font-size:18px;
	color:#1DADE2;
	font-weight:bold;
	margin:20px 0 0 0;
}

.basicsetting .mv {
  position: relative;
  margin: 0 auto 30px;
	background-color: #000;

}
.basicsetting .mv img{
	opacity: .5;
	vertical-align: bottom;
}


.basicsetting .title {
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    top: 30%;
    left: 5%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    text-shadow: 1px 2px 3px rgb(0 0 0 / 50%);
    color: #fff;
    line-height:1.4;
}

.basicsetting .capture {
    font-size:  18px;
    position: absolute;
    top: 65%;
    left: 5%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5);
color:  #fff;
}

.basicsetting ul {
	margin-block-start: 0;
	margin-block-end: 19px;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 40px;
}

.basicsetting ul {
    list-style: disc;
}
.basicsetting ul li {
    list-style: disc;
}


.basicsetting ul.newslist {
margin-block-start:  0px!important;
    margin-block-end:  0px!important;
    margin-inline-start: 0px!important;
    margin-inline-end:  0px!important;
    padding-inline-start:  0px!important;
}
.basicsetting ul.newslist {
    list-style: none!important;
}
.basicsetting ul.newslist li {
    list-style: none!important;
}


.basicsetting ul.newslist {
  display:  flex;
  flex-wrap: wrap;
color: #1DADE2;
width:  100%;
margin-bottom:  30px;
}
.basicsetting ul.newslist li {
border-bottom:  1px solid #BCBCBC;
padding:  30px 0;
}
.basicsetting ul.newslist li:nth-child(odd) {
width:  20%;
font-weight:  bold;
}
.basicsetting ul.newslist li:nth-child(even) {
width:  80%;
}
.basicsetting ul.newslist a {
    color: #1DADE2;
}

/* 共通 */
.basicsetting h5 {
 display:inline-block;
 position: relative;
 padding:10px 20px;
 border-radius:5px;
 background: #fff;
 border:2px solid #1DADE2;
 font-size:  17px;
 color:  #1DADE2;
 font-weight:  bold;
 margin: 0 0 15px 0;
}
.basicsetting h5::before,
.basicsetting h5::after {
content: '';
position: absolute;
border: 12px solid transparent;
top: 100%;
left: 10%;
}

.basicsetting h5::before {
border-top: 12px solid #1DADE2;
}

.basicsetting h5::after {
margin-top: -3px;
border-top: 12px solid #fff;
}

.basicsetting h6 {
font-size: 16px;
margin-bottom: 30px;
  }


.basicsetting .subtitles {
font-size: 24px;
 font-weight:  bold;
margin-bottom: 30px;
  }


.basicsetting p {
	font-size: 16px;
	color: #000; 
	font-weight:  normal; 
	margin: 10px 0;
	/*padding-left:40px;*/
}

.basicsetting p.strength {
margin-bottom: 30px;
  }

.basicsetting p img  {
margin-top:30px;
margin-bottom: 30px;
}
 .basicsetting p.signature {
font-size: 15px;
color: #000; 
font-weight:  normal; 
 margin: 10px 0;
  padding-left:40px;
  }
 .basicsetting p.signature img {
margin: 0 0 0 20px;
vertical-align:text-bottom;
 
 }

.basicsetting p a {
color:  #2A3D77;
text-decoration: underline;
font-weight: bold;

}

.basicsetting .layoutbox {
  position:  relative;
  height:  161px;
}

.basicsetting .textlinks {
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0;
}

.basicsetting strong, .basicsetting b {
  font-weight:  bold!important;
}




.basicsetting .row {
    display:flex;
    justify-content: space-between;
    align-items: center;
}

.basicsetting .col1 {
    width:14.47%;
}

.basicsetting .col2 {
    width:31.57%;
}

.basicsetting .col3 {
    width:48.68%;
}

.basicsetting .col4 {
    width:65.78%;
}

.basicsetting .col5 {
    width:82.89%;
}

.basicsetting .mgb30 {
  margin-bottom:  30px;
}


#contactarea {
  background: #F5F5F5;
  padding:  80px 0;
}

#contactarea .btn_contact {
color:  #2A3D77;
width: 508px;
height: 75px;
background: #FFD358;
font-size:  27px;
font-weight:  bold;
border-radius:  50px;
margin:  0 auto;
text-align: center;
line-height:  75px;
position: relative;
}
#contactarea .btn_contact:before {
    content: url(../img/icon_contact_base.svg);
    position: absolute;
    top: 5px;
    bottom: 0;
    left: 40px;
    margin: auto;
}
#contactarea .btn_contact:after {
    content: url(../img/arrow_black.svg);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
}

/*_______________________________

ナビゲーション　navigation
_______________________________*/
/* 初期状態でサブメニューを非表示にしておく */
.sub-menu {
  display: none;
}

/* 子を持つ親メニューにマウスオーバーしたとき、サブメニューを表示する */
.menu-item-has-children:hover .sub-menu {
  display: block;
}
.menu {
  text-align: center;
    /*display: flex!important;*/
    justify-content: center;
    align-items: center;
}

/* 親メニューをinline-blockにしてセンターに配置 */
.menu > .menu-item {
  display: inline-block;
  padding:  32px 0;

}
.menu-item {
  width:  246px;
}
.menu-item:last-child {
  padding-right: 0!important;
}

.menu-item-27 {
  padding-right: 0!important;
}
/*
.menu-item:nth-child(7) {
  display: inline-block;
  padding:  16px 0.4em 16px 1em!important;
}

.menu-item:nth-child(8){
  display: inline-block;
  padding:  16px 0.4em 16px;
}
.menu-item:nth-child(9){
  display: inline-block;
  padding:  16px 0 16px 0.4em;
}
*/

/* リストの記号を消去 */
.menu-item {
  list-style-type: none;
}

/* サブメニューをabsoluteにするため、親メニューをrelativeに */
.menu-item-has-children {
  position: relative;
}

/* 親メニューにマウスオーバーしたときにカーソルを変更 */
.menu-item-has-children:hover {
  cursor: pointer;
}

/* 子を持つ親メニューにマウスオーバーしたときサブメニューを表示 */
.menu-item-has-children:hover .sub-menu {
  display: block;
}





/* サブメニューをabsoluteにして親メニューの下に配置。スタイルは適宜調整してください */
.sub-menu {
  display: none;
  position: absolute;
  top: 100%;
	top:88px;
  left: 0;

  font-size: 14em;

  background: #F5F5F5;
  /*box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);*/

  text-align: left!important;
   font-size:  14px;
 min-width:  300px!important;
}

.menu-item:first-child .sub-menu {
 min-width:  245px!important;
}

.menu-item:first-child ul.sub-menu li {
 font-size:  14px;
 min-width:  245px!important;
}

.menu-item:nth-child(2) .sub-menu {
 min-width:  400px!important;
}

.menu-item:nth-child(2) ul.sub-menu li {
 font-size:  14px;
 min-width:  400px!important;
}
.menu-item:nth-child(3) .sub-menu {
 min-width:  300px!important;
}

.menu-item:nth-child(3) ul.sub-menu li {
 font-size:  14px;
 min-width:  300px!important;
}
.menu-item:last-child .sub-menu {
 min-width:  246px!important;
}

.menu-item:last-child ul.sub-menu li {
 font-size:  14px;
 min-width:  246px!important;
}



/* サブメニューの境目をわかりやすくするため、一番下の項目以外下線を引いた */
.sub-menu > .menu-item:not(:last-child) {
  border-bottom: 1px solid #eee;

}

.sub-menu > .menu-item {

  border-left: none!important;
}

.sub-menu > .menu-item:last-child {

  border-right: none!important;
}



/* サブニューのリンクタグをmenu-itemの大きさと合わせ、クリックしやすいようにした */
.sub-menu > .menu-item a {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 1em 1em;

}

/* サブメニューにマウスオーバーしたときリンクの背景色とテキストカラーを変更 */
.sub-menu > .menu-item a:hover {
  background: #2A3D77;
  color: white!important;

}

ul#menu-global li ul.sub-menu .menu-item a {


  font-size: 14px;
  
}
/* pagination */
div.pagination:not(.search) .pagination {
  margin: 60px auto 90px;
  padding: 10px 0;
  text-align: center
}

div.pagination:not(.search) .pagination  a {
  font-size: 9pt;
  line-height: 35px;
  text-align: center;
  letter-spacing: 0;
  display: inline-block;
  height: 35px;
  width: 35px;
  background:#F5F5F5;
  transition: .3s;
}

div.pagination:not(.search) .pagination a:hover {
  background: #F5F5F5;
}

div.pagination:not(.search) .pagination span {
  font-size: 9pt;
  line-height: 35px;
  text-align: center;
  letter-spacing: 0;
  display: inline-block;
  height: 35px;
  width: 35px;
background: rgba(250,208,119,0.14);
}

div.pagination:not(.search) .pagination span.dots {
  background: 0
}

div.pagination:not(.search) .pagination span.current {
  background: #2A3D77;
  color: #fff;
}




.cform ul.contactlist {
  display:  flex;
  flex-wrap:  wrap;
  width:  100%;
  padding-left: 0;
	margin-bottom: 0;
}

.cform ul.contactlist li {
      list-style: none;
}

.cform ul.contactlist li:nth-child(odd) {
width:  120px;
}

.cform ul.contactlist li:nth-child(even) {
width:  calc( 100% - 120px )
}


section.contactmailform input[type="email"]:focus,
section.contactmailform input[type="text"]:focus{
	outline: 3px #eee solid;
}

section.contactmailform textarea:focus{
	outline: 3px #eee solid;
}


section.contactmailform textarea,
section.contactmailform input[type="text"]{
	vertical-align: bottom;
}
section.contactmailform input[type="text"],
section.contactmailform input[type="email"]{
	margin-left: 5px;
}

.contactmailform label >  input[type="radio"],
.contactmailform input[type="submit"],
.cform label,
.agreement input[type="checkbox"]{
	cursor: pointer;
}
.cform .horizontal-item{
	margin-right: 20px;
}

/*メールフォーム*/

.cform th {
  font-size: 16px;
  width: 250px; /*変なところで改行される場合はここの数字を変更します。*/
  padding: 10px 25px 25px 15px;
  font-weight: bold;
  text-align: left;
  margin-bottom: 35px;
  font-weight: 400;
  vertical-align: top;

}

.cform td {
  font-size: 14px;
  line-height: 38px;
  padding: 3px 0 0 0;
  width: calc(100% - 250px);
  margin-bottom: 35px;
  vertical-align: top;
}

.cform {
  width: 100%;
  margin: auto;
}

.cform [type=submit] {
  display: inline-block;
  font-size: 20px;
  padding: 10px 30px;
  text-decoration: none;
  background: #ff8f00;
  color: #FFF;
  border-bottom: solid 4px #B17C00;
font-family: YakuHanJP, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体";



}
.agreement {
  text-align: center!important;
  margin-top: 40px;
}

.cform input {
background-color: #fff!important;
border: 1px solid #b2b2b2!important;
border-radius: 0!important;
border: none;
box-shadow: none; 
/*height: 40px;*/
font-size: 1em;
font-family: YakuHanJP, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体";

}
.cform input[type=email], .cform input[type=text], .cform textarea {
padding: 5px 8px;
background-color: #fff!important;
border: 1px solid #ccc!important;
font-size: 14px;
box-shadow: none;
border: none;
font-family: YakuHanJP, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体";

}

.cform textarea {
background-color: #f1f1f1;
box-shadow: none; 
border: none;
font-size: 14px;
font-family: YakuHanJP, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体";

}

.cform option,
.cform textarea,
.cform input[type=text],
.cform input[type=email],
.cform input[type=search],
.cform input[type=url] {
  width: auto;
}



.required-srt {
  padding: 3px 15px;
  font-size: 12px;
  background: #2A3D77;
  color: #fff;
  float: right;
  vertical-align: middle;
font-family: YakuHanJP, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体";


}
.non-required-srt {
  font-size: 12px;
  padding: 3px 15px;
  background: #1DADE2;
color: #fff;
  float: right;
  vertical-align: middle;
font-family: YakuHanJP, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体";


}

.contact_btn {
  display: flex;
  flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  width: 100%;
  margin: 0 auto;
font-family: YakuHanJP, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体";


}

.submit-btn {
}
.return-btn{
  padding-right: 2%;
}
.submit-btn input {
  background: #2A3D77;
  width: 49%;
  max-width: 314px;
  min-width: 270px;
  margin: 30px auto;
  display: block;
  border: none;
  text-align: center;
  padding: 20px;
  color: #fff;
  transition: all 0.4s ease;
  font-size: 16px;
  font-family: YakuHanJP, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体";
  border-radius: 50px;


}

.submit-btn input:hover {
  opacity: 0.7px
}

.return-btn input {
  background: #b80000;
  width: 49%;
  max-width: 314px;
  min-width: 270px;
  margin: 30px auto;
  display: block;
  text-align: center;
  padding: 20px;
  color: #fff;
  transition: all 0.4s ease;
  font-size: 16px;
    font-family: YakuHanJP, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体";
  border-radius: 50px;


}
::-webkit-input-placeholder {
    color: #b6b6b6;
}
:-ms-input-placeholder {
   color: #b6b6b6;
}
::placeholder{
    color: #b6b6b6;
}
.agreement a {
    text-decoration: underline;
}



.return-btn input:hover {
  opacity: 0.7px
}

/* contact */
#contactmailform{
  background: #fff;


}
.cform {

}

.cform select {
    width: 100%;
    min-height: 40px;
    border-radius: 0;
}
.contactmailform {

  padding-bottom:0;
  width: 100%;
  max-width: 920px;
  margin:  0 auto;
}

/* test */
.selectform select {overflow: hidden;
  width: 90%;
  margin: 0 auto;
  text-align: center;
}
.selectform select{
  width: 100%;
  padding-right: 1em;
  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;
}
.selectform select::-ms-expand {
    display: none;
}
.selectform.cp_sl01 {
  position: relative;
  border: 1px solid #bbbbbb;
  border-radius: 2px;
  background: #ffffff;
}
.selectform.cp_sl01::before {
  position: absolute;
  top: 0.8em;
  right: 0.9em;
  width: 0;
  height: 0;
  padding: 0;
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #666666;
  pointer-events: none;
}
.selectform.cp_sl01 select {
  padding: 8px 38px 8px 8px;
  color: #666666;
}