@charset "utf-8";
/*===============================================
/*@media screen and (min-width: 769px){*/
/*=============================================*/


@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);


.disp_pc{
	display:inline;
}

.disp_sp{
	display:none;
}



a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #d53629;
	text-decoration: none;
}
a:active {
	color: #333;
	text-decoration: none;
}


.entry-icon-new{
    background: #d53629;
    border-radius: 2px;
    color: #fff;
    display: inline;
    font-size: 11px;
    margin-bottom: 4px;
    padding: 2px 5px;
    text-align: center;
    width:auto;
}

html {
  height: 100%;
}


body{
	/* font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, "Yu Gothic", YuGothic, "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;*/
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	
	font-feature-settings: "palt";
	font-size: 18px;
	letter-spacing: 0.1em;
	line-height:1.6em;
	word-break: normal;
	word-wrap: break-word;
	
	min-height: 100%;
	display: grid;
	grid-template-rows: 1fr auto;
}

@media screen and (max-width:1100px){
	body{
		font-size: 16px;
	}
}



h1{
	width:100%;
	line-hight:1.6em
}


span{
	display:inline-block
}

strong{
	color:#cc0000;
}



#main{
	width: 100%;
	text-align: center;
	flex: 1;
}

/* アンカーリンク時の位置調整 */
a.anchor{
    display: block;
    padding-top: 200px;
    margin-top: -200px;
}



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

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

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

.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{
	display:inline-block;
	height:55px;
	font-size:17px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-weight:700;
	background-image:url("../images/arrow.png");
	background-position:right ,bottom;
	padding-right:10%;
	margin-left:40%;
	background-repeat: no-repeat;
}



.button03 a{
	display:block;
	position: relative;
	width:300px;
	text-align:center;
	border: 2px solid #333;
	margin-left:40px;
}



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




.labelbar{
	background-color:#efefef;
}



.fontserif{
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-size:20px;
	line-height:1.8em;
}

@media screen and (max-width:1400px){
	.fontserif{
		font-size: 17px;
	}
}

@media screen and (max-width:1100px){
	.fontserif{
		font-size: 16px;
	}
}


hr{
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #666;
	height: 1px;
	height: 1px;
}








.clearfix::after { /* clearfix 2019 */
    content: "";
    clear: both;
    display: table;
}


.screen-reader-response{
	display: none;
}




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

/* contact7 */
.wpcf7{
	width:auto;
}

.wpcf7-mail-sent-ok{
	color:red;
	background-color:#fefefe;
	border:1px solid #ccc;
	padding:5px 15px
}

.wpcf7-not-valid-tip{
	color:red;
	display:inline-block;
}

.wpcf7 input[name="your-name"],
.wpcf7 input[name="your-furigana"],
.wpcf7 input[name="your-mail"],
.wpcf7 input[name="your-tel"] {
        width: 70%;
}

.wpcf7 textarea[name="your-message"] {
        width: 70%;
        height: 350px;
}

.wpcf7-mail-sent-ok{
	display:none;
}

#sentmessage{
	text-align:center;
	padding:80px 0px 70px 0px;
	background-color:#f8f8f8;
	width:100%;
	margin:0 auto;
	-webkit-border-radius: 5px;/* for Safari and Chrome */
	-moz-border-radius: 5px; /* for Firefox */
	-o-border-radius: 5px; /* for opera */
	border-radius: 5px;
}

#sentmessage strong{
	display:block;
	font-size:24px;
	font-weight:700;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	color:#0fa599;
	margin-bottom:40px;
}


/* テキストタイプ */
input[type="text"],
input[type="email"] {
  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: 70%;
  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: 15%;
  height: 50px;
  font-size: 1em;
  text-indent: 0.3em;
}

#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;
  font-size     : 17px;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 12px 50px;   /* 余白       */
  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 150px;   /* 余白       */
  background    : #ffffff;     /* 背景色     */
  color         : #333;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  border        : 2px solid #333;    /* 枠の指定 */
  margin-top:50px
}

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



/* 必須項目 */
th.importantitem:after{
	content:"必須";
	background-color:#cc0000;
	border-radius:3px;
	padding:3px 5px;
	margin-left:5px;
	color:white;
	font-size:11px;
	vertical-align:  middle; 
}



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

.recruit-info p{
	margin: 0 auto;
	width:800px;
	text-align:center;
	
}



/* ####################################### */
/* ヘッダ */
/* ####################################### */



#main #header{
	width: 100%;
	margin: 0 auto;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  display: table;
  table-layout: fixed;
  width: 100%;
  min-width:960px;
  background: rgba(255,255,255,0.9);
  /*transition: .3s;*/
  border-top: 4px solid #333;
}


.is-animation {
  height: 70px;
  background: rgba(255,255,255,0.9);
}


header ul{
	padding: 0px; 	
	margin: 0;
	font-size: 0;
} 


header #logo{
	width:160px;
	display: table-cell;
	vertical-align: middle;
	text-align:left;
}



header #logo img{
	width:86px;
	margin:16px 0 0 14px;
	padding-left:16px
}

@media screen and (max-width:1400px){
	header #logo img{
		width:80px;
		margin:18px 0 0 10px;
	}
}

@media screen and (max-width:1100px){
	header #logo img{
		width:70px;
		margin:12px 0 0 10px;
	}
}

header #main_menu{
	/*display: table-cell;*/
}

header #main_menu ul li:after {
	content:"／";
	opacity:"0.5"
	color:"#ccc";
	margin-left:20px;
	margin-right:20px;
}

@media screen and (max-width:1260px){
	header #main_menu ul li:after {
		margin-left:10px;
		margin-right:10px;
	}
}

@media screen and (max-width:1100px){
	header #main_menu ul li:after {
		margin-left:7px;
		margin-right:7px;
	}
}

@media screen and (max-width:1000px){
	header #main_menu ul li:after {
		margin-left:5px;
		margin-right:5px;
	}
}


header #main_menu ul li:nth-child(7):after {
	display:none
}

header #main_menu ul li{
	display: inline-block;
	margin-top:55px;
	font-size: 20px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	vertical-align: middle;
}

@media screen and (max-width:1400px){
	header #main_menu ul li{
		margin-top:46px;
		font-size: 19px;
	}
}

@media screen and (max-width:1100px){
	header #main_menu ul li{
		margin-top:38px;
		font-size: 17px;
	}
}

@media screen and (max-width:1000px){
	header #main_menu ul li{
		margin-top:38px;
		font-size: 16px;
	}
}


header #main_menu .current{
	padding-bottom:30px;
	height:50px;
	background-image:url("../images/current.png");
	background-position:0 30px;
	background-repeat: repeat-x;

}

header #sns_links{
	width:160px;
	display: table-cell;
}


header #sns_links ul li {
	display: inline-block;
	margin-top:55px;
	margin-right: 1em;
	line-height: 30px;
	height: 30px;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.2em;
	padding-right: 0px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	vertical-align: middle;
}


@media screen and (max-width:1400px){
	header #sns_links ul li {
		margin-top:50px;
		font-size: 17px;
	}
}

@media screen and (max-width:1100px){
	header #sns_links ul li {
		margin-top:40px;
		font-size: 16px;
	}
}



header #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;
}
header #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;
}
header #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;
}





/* ####################################### */
/* パンくず */
/* ####################################### */

aside {
	margin-top:170px;
	font-size:12px;
	color:#666;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, "Yu Gothic", YuGothic, "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	text-align:left;
	padding-left:30px;
}

@media screen and (max-width:1400px){
	aside{
		margin-top:150px;
	}
}

@media screen and (max-width:1100px){
	aside{
		margin-top:130px;
	}
}


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

#propertybnr{
	display:inline;
	padding:8px;
	font-size:13px;
	color:#fff;
	background-color:#0fa599;
}

#footer {
  grid-row-start: 2;
  grid-row-end: 3;
}

footer{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	width:100%;
	min-width:960px;
	height:80px;
	margin:0 auto 0;
	padding-top:20px;
	color: #aaa;
	font-size: 12px;
	background-color : #333333;
}

footer div{
	width:70%;
	display:inline-block;
	-webkit-flex-grow: 1;
	flex-grow: 1;
}

footer div:nth-child(2){
	width:30%;
	text-align:right;
	margin-right:30px;
	
}


footer ul{
	width:600px;
	margin-left:30px;
}

footer li{
	float:left;
	margin-right:20px;
}

footer li:last-child{
	margin-right:0;
}

footer small{
	padding-top: 40px
}

footer a:link {
	color: #aaa;
	text-decoration: none;
}
footer a:visited {
	color: #aaa;
	text-decoration: none;
}
footer a:hover {
	color: #d53629;
	text-decoration: none;
}
footer a:active {
	color: #aaa;
	text-decoration: none;
}