/*===============================================
smart.css  画面の横幅が750pxまで*/
@media screen and (max-width:768px){
/*=============================================*/
	
.disp_pc{
	display:none;
}

.disp_sp{
	display:block;
}


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



.button01{
	width:100%;
	text-align:center
}

.button01 a{
	display:block;
	position: relative;
	width:240px;
	border: 2px solid #333;
	margin:50px auto;
}

.button01 a:after{
	position: absolute;
	content:url("../images/arrow04.png");
	display: inline-block;
	top: 10px;
	left: 210px;
  
}

.button01 span{
	display:inline-block;
	padding:14px;
	font-size:17px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-weight:700;
}



.button02 a{
	font-size:20px;
	margin-bottom:40px;
}

.button03 a{
	display:block;
	position: relative;
	width:300px;
	border: 2px solid #333;
	margin:40px auto;
}

.button03 span{
	display:inline-block;
	padding:14px;
	font-size:17px;
}

/* ####################################### */
/* ヘッダ */
/* ####################################### */
#menu{
	/*配置*/
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 200;
	pointer-events: none;
}

#menu nav{
	background-color:rgba(255,255,255,0.9);
	border-top:4px solid #333
}

#logo-smartarea{
	width:100px;
	height:100px
	display:block;
	top: 3px;
	left: 0;
	pointer-events: auto;
}

#logo-smartarea img{
	width:40px;
	padding:12px 0 0 14px
}

aside{
	margin-top:80px;
	padding-left:14px;
}




/****メニュー開閉ボタン****/
#menu div{
	/*デザイン*/
	width: 62px;
	height: 100px;
	/*配置*/
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
}

#menu div img{
	width:60px
}

#menu .menuopen{
	/*デザイン*/
	font-size: 0px;
	line-height:0;
	/*配置*/
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 10px;
	left: 0;
	pointer-events: auto;
}

#menu .menuclose{
	/*デザイン*/
	color: rgba(255,255,255,1);
	font-size: 0px;
	line-height:0;
	/*配置*/
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 10px;
	left: 0;
	pointer-events: auto;
}

/****メニュー一覧****/
#menu ul{
	/*アニメーション*/
	-webkit-transition: all 0.1s ease 0s;
	transition: all 0.1s ease 0s;
	/*デザイン*/
	background: #f8f8f8;
	border:1px solid #eee;
	width: 80%;
	/*配置*/
	position: absolute;
	top: 76px;/*#menu divの高さ*/
	right: -80%;/*#menu ul(メニュー一覧)の幅*/
	padding: 30px 0;
	

}

#menu li{
	/*デザイン*/
	padding: 0px;
	color: rgba(0,0,0,1);
	/*border-bottom: 1px rgba(255,255,255,1) solid;*/
	/*配置*/
	pointer-events: auto;
}

#menu li a{
	display:block;
	margin:15px;
	padding-left:30px
}

#menu li:nth-child(8){
	padding-left:15px
}

#menu li:nth-child(8) img{
	width:30px
}

#menu li:nth-child(8) a{
	margin:25px 0 15px 0;
	display:inline-block
}

/****メニューオープン時****/
#menu:target .menuopen{
	/*配置*/
	display: none;
}

#menu:target .menuclose{
	/*配置*/
	display: block;
}

#menu:target ul{
	/*配置*/
	right: 0;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

/*** メインエフェクト ***/
#main{
	/*アニメーション*/
	/*-webkit-transition: all 0.1s ease 0s;
	transition: all 0.1s ease 0s;*/
}

#menu:target ~ #main{
	-webkit-filter:saturate(70%);
	-moz-filter:saturate(70%);
	-ms-filter:saturate(70%);
	filter:saturate(70%);
	
}


/* ####################################### */
/* フォーム周り */
/* ####################################### */



/* テキストタイプ */
input[type="text"],
input[type="email"] {
  width: 60%;
  height: 36px;
  background: #eee;
  border: 1px solid #bebebe;
  font-size: 1em;
  text-indent: 0.7em;
}
input[type="text"]:focus {
  background: #edf4ff;
  border: 1px solid #4881d9;
}

/* テキストエリア */
textarea {
  width: 100%;
  height: 108px;
  background: #eee;
  border: 1px solid #bebebe;
  font-size: 1em;
}
textarea:focus {
  background: #edf4ff;
  border: 1px solid #4881d9;
}




/* プルダウン */
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  background: #eee url("../images/arrow03.png") no-repeat;
  background-size: 20px 20px;
  background-position: right 10px center;
  border: 1px solid #bebebe;
  width: 70%;
  height: 50px;
  font-size: 1em;
  text-indent: 0.3em;
}
select:focus {
  border: 1px solid #4881d9;
  background: #edf4ff url("../images/arrow03.png") no-repeat;
  background-size: 20px 20px;
  background-position: right 10px center;
}


/* 生年月日 */

#yymmdd select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  background: #eee url("../images/arrow03.png") no-repeat;
  background-size: 20px 20px;
  background-position: right 10px center;
  border: 1px solid #bebebe;
  width: 50%;
  height: 50px;
  font-size: 1em;
  text-indent: 0.3em;
  margin-top:10px
}

#yymmdd select:focus {
  border: 1px solid #4881d9;
  background: #edf4ff url("../images/arrow03.png") no-repeat;
  background-size: 20px 20px;
  background-position: right 10px center;
}



/* ラジオボタン */
input[type="radio"] {
  display: none;
}

label {
  position: relative;
  display: inline-block;
  padding: 3px 3px 3px 20px;
  cursor: pointer;
}

label::before {
  position: absolute;
  content: '';
  top: 50%;
  left: 0;
  width: 14px;
  height: 14px;
  margin-top: -8px;
  background: #eee;
  border: 1px solid #bebebe;
  border-radius: 100%;
}

input[type="radio"]:checked + label::after {
  position: absolute;
  content: '';
  top: 50%;
  left: 4px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  background: #3498db;
  border-radius: 100%;
}


/* チェックボックス */
input[type="checkbox"] {
  display: none;
}


label {
  position: relative;
  display: inline-block;
  padding: 3px 3px 3px 22px;
  cursor: pointer;
}


label::before {
  position: absolute;
  content: '';
  top: 50%;
  left: 0;
  width: 14px;
  height: 14px;
  margin-top: -8px;
  background: #eee;
  border: 1px solid #bebebe;
}

input[type="checkbox"]:checked + label::after {
  position: absolute;
  content: '';
  top: 5px;
  left: 3px;
  width: 13px;
  height: 5px;
  border-left: 2px solid #3498db;
  border-bottom: 2px solid #3498db;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}


/* ファイル選択 */

.filebutton {
  display       : inline-block;
  width : 80%;
  font-size     : 17px;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 12px 0px;   /* 余白       */
  background    : #efefef;     /* 背景色     */
  color         : #333;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  border        : 1px solid #ccc;    /* 枠の指定 */
}

.filebutton:hover {
  color         : #333;     /* 背景色     */
  background    : #ccc;     /* 文字色     */
}


/* 送信ボタン */
.tablecenter{
	text-align:center;
}

.button {
  display       : inline-block;
  font-size     : 14pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 12px 60px;   /* 余白       */
  background    : #ffffff;     /* 背景色     */
  color         : #333;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  border        : 2px solid #333;    /* 枠の指定 */
  margin-top:50px
}

.button:hover {
  color         : #ffffff;     /* 背景色     */
  background    : #000000;     /* 文字色     */
}


.recruit-info{
	margin: 30px 0 0 0;
	width:100%;
}

.recruit-info p{
	width:80%;
	margin-left:10%
	
}


/* ####################################### */
/* #フッター */
/* ####################################### */


#propertybnr{
	display:inline-block;
	margin-top:30px;
	margin-bottom:30px;
	width:auto;
	padding:10px 20px 10px 20px;
	font-size:14px;
	color:#fff;
	background-color:#0fa599;
}


#snsfooter{
	display: flex;
	width:100%;
	color         : #ffffff;     /* 背景色     */
	background    : #333;     /* 文字色     */
	text-align:center;
}

#snsfooter #sns_links{
	display: table-cell;
	margin:0 auto;
}


#snsfooter #sns_links li {
	display: inline-block;
	margin-top:55px;
	margin-right: 3em;
	line-height: 30px;
	height: 30px;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.2em;
	padding-right: 0px;
	vertical-align: middle;
}

#snsfooter #sns_links li:nth-last-child(1){
	margin-right: 0;
}

/*
#snsfooter #sns_links ul li:nth-child(1) {
	background-image: url(../images/icon_facebook.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
	width: 20px;
	height: 20px;
	padding-right: 0px;
}*/

#snsfooter #sns_links ul li:nth-child(1) {
	background-image: url(../images/icon_twitter.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
	width: 20px;
	height: 20px;
	padding-right: 0px;
}
#snsfooter #sns_links ul li:nth-child(2) {
	background-image: url(../images/icon_instagram.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
	width: 20px;
	height: 20px;
	padding-right: 0px;
}
#snsfooter #sns_links ul li:nth-child(3) {
	background-image: url(../images/icon_line.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
	width: 20px;
	height: 20px;
	padding-right: 0px;
}


footer{
	height:100%;
	display: block;
	min-width:auto;
	margin:0;
	padding:0;
	padding-top:20px
}

footer div{
	width:100%;
	display:block;
	-webkit-flex-grow: 0;
	flex-grow: 0;
	text-align:left;
	margin:0;
	padding:0
}

footer div:nth-child(2){
	width:100%;
	display:block;
	-webkit-flex-grow: 0;
	flex-grow: 0;
	text-align:left;
	margin:0;
	padding:5px 0 
}

footer ul{
	width:100%;
	margin:30px 0;
}

footer li{
	float:none;
	margin-right:0px;
	margin-left:0;
	padding:5px 20px 
}

footer small{
	padding:20px
}




/*=============================================*/
} /* @media screen and (max-width:768px)*/
/*=============================================*/