/* 「LefttToRight」 */
@keyframes LefttToRight {
  0% {
    opacity: 0;/* 透明 */
    transform: translateX(-1000px);/* X軸方向に700px */
  }
  100% {
    opacity: 1;/* 不透明 */
    transform: translateX(0);
  }
}

#company_main{
	position:relative;
	background-color:#fff;
	width:70%;
	margin:180px 15% 0;
	padding:75px 0;
	text-align:center;
	z-index:10;
	overflow:hidden;
	animation-duration: 1.2s;/* アニメーション時間 */
	animation-name: LefttToRight;/* アニメーション名 */
	animation-timing-function:ease-out;
	/*animation-iteration-count: infinite; アニメーションの繰り返し（無限）*/
}

.company_chumidashi{
	margin: 0 auto;
}
.company_chumidashi_e{
	font-family:"MetaPlusMedium-CapsItalic" !important;
	font-size:25px;font-style:normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
	letter-spacing:10px;
	width:100%;
	padding:0;
}
.company_content{
	background-color:#fff;
	width:90%;
	margin:45px 5% 0;
	padding: 50px 0 70px;
	overflow:hidden;
}
.company_kodamishi{
	width:100%;
	font-family: ryo-display-plusn, serif;
	font-size:25px;
	text-align:center;
}
#shacho_photo{
	width:100%;
	margin:40px 0;
}
.company_text{
	width:90%;
	margin:0 5%;
	font-size:15px;
	line-height:2.0;
	letter-spacing:1px;
}
#shacho_name{
	margin-top:40px;
	float:right;
}
#company_policy{
	width:100%;
	font-size:45px;
	font-family: ryo-display-plusn, serif;
	font-weight: 200;
	font-style: normal;
	text-align:center;
	letter-spacing:7px;
	margin:40px 0 40px;
}
#company_philosophy{
	width:80%;
	font-size:18px;
	text-align:left;
	line-height:2.0;
	letter-spacing:5px;
	margin:30px 0 10px 20%;
}
.company_table{
	width:90%;
	margin:35px 5%;
	border-bottom:1px solid #ddd;
	font-size:15px;
	letter-spacing:1px;
}
.company_table th{
	text-align:left;
	border-top:1px solid #ddd;
	vertical-align:top;
	padding:27px 15px;
	width:25%;
}
.company_table td{
	text-align:left;
	border-top:1px solid #ddd;
	padding:27px 15px;
}
#service01_1{
float:left;
width:100%;
height:1px;
margin-top:-100px;
padding-top:100px;
}
#service01_2{
float:left;
width:100%;
height:1px;
margin-top:-100px;
padding-top:100px;
}
#service01_3{
float:left;
width:100%;
height:1px;
margin-top:-100px;
padding-top:100px;
}
.service_text{
	width:90%;
	margin:36px 5% 0;
	font-size:15px;
	line-height:2.0;
	letter-spacing:1px;
}
.service01_chart{
	float:left;
	width:47%;
	margin:55px 0 0 0;
}
.service_table{
	float:right;
	width:45%;
	margin:35px 0;
	border-bottom:1px solid #ddd;
	font-size:14px;
	letter-spacing:1px;
}
.service_table th{
	text-align:left;
	border-top:1px solid #ddd;
	vertical-align:top;
	padding:6px 15px;
	width:45%;
}
.service_table td{
	text-align:left;
	border-top:1px solid #ddd;
	padding:6px 15px;
}
#cansult_txt{
	clear:both;
	float:left;
	width:100%;
	font-family: source-han-sans-japanese, sans-serif;
	text-align:left;
	font-size:16px;
	font-weight:bold;
	border-bottom:1px solid #bbb;
	margin:70px 0 10px 0;
	padding:0 0 6px;
}
#cansult_txt2{
	width:100%;
	text-align:left;
	font-size:14px;
	letter-spacing:1px;
}
.service01_photo{
	float:left;
	width:36%;
	margin:30px 0 0 5%;
}
#service01_txt_box{
	float:right;
	width:47%;
	margin:1% 5% 0 0;
}
.service01_txt{
	width:100%;
	font-size:20px;
	text-align:left;
	padding:5px 0 15px;
}
.service01_txt2{
	font-size:14px;
	text-align:left;
	margin:0 0 5%;
}
.service01_txt3{
	font-size:17px;
	text-align:left;
}
.food_photo{
	width:100%;
	margin-top:40px;
}
.rental_hyo{
	width:100%;
	margin-top:60px;
}
.service_merit{
	background-color:#eee;
	padding:26px 33px;
	margin:60px 0 30px;
}
.faq_content{
	float:left;
	background-color:#fff;
	width:90%;
	margin:45px 5% 0;
	padding: 10px 0 70px;
	overflow:hidden;
}
.faq_q{
	float:left;
	clear:both;
	font-family: source-han-sans-japanese, sans-serif;
	text-align:left;
	font-size:16px;
	font-weight:bold;
	padding-left: 70px;
	margin:15px 0 20px;
	background-image:url(../img/q.jpg);
	background-size:44px 44px;
	background-position:top left;
	background-repeat:no-repeat;
	height:43px;
}
.faq_a{
	float:left;
	clear:both;
	text-align:left;
	font-size:15px;
	min-height:44px;
	padding-left: 70px;
	margin:15px 0 20px;
	background-image:url(../img/a.jpg);
	background-size:44px 44px;
	background-position:top left;
	background-repeat:no-repeat;
}
.faq_hr{
	float:left;
	clear:both;
	width:100%;
	border-bottom:1px solid #ddd;
	height:1px;
	margin:20px 0;
}

/*privacy*/
.privacy_content{
	background-color:#fff;
	width:90%;
	margin:45px 5% 0;
	padding: 50px 0 50px;
	overflow:hidden;
}
.privacy_kodamishi{
	width:100%;
	font-family: ryo-display-plusn, serif;
	font-size:25px;
	text-align:center;
}
.privacy_text{
	width:90%;
	margin:30px 5% 0;
	font-size:15px;
	line-height:2.0;
	letter-spacing:1px;
}
/*recruit*/
.recruit_content{
	background-color:#fff;
	width:90%;
	margin:45px 5% 0;
	padding: 50px 0 50px;
	overflow:hidden;
}
.recruit_kodamishi{
	width:100%;
	font-family: ryo-display-plusn, serif;
	font-size:25px;
	text-align:center;
}
.recruit_text{
	width:90%;
	margin:3% 5% 5%;
	font-size:15px;
	line-height:1.6;
	letter-spacing:1px;
	text-align:left;
}
#recruit01{
	width:94%;
	margin:0 3% 0;
}
#recruit02{
	float:left;
	width:45%;
	margin:0 0 0 5%;
}
.recruit_text2{
	float:right;
	width:40%;
	margin:5% 5% 0 0;
	font-size:15px;
	line-height:1.6;
	letter-spacing:1px;
	text-align:left;
}
#recruit_table{
	margin:3% 5% 3%;
}
#recruit_table th{
	width:33%;
	text-align:left;
	font-size:19px;
	font-weight:normal;
	border-right:2px dotted #bbb;
}
#recruit_table td{
	font-size:14px;
	line-height:1.7;
	padding:3px 0 3px 45px;
}
#recruit_table td.table_space{
	padding:25px 0;
}
.recruit_text3{
	width:90%;
	margin:10px 5%;
	font-size:17px;
	line-height:1.6;
	letter-spacing:1px;
	text-align:center;
}
.recruit_btn a {
	position:relative;
	display: inline-block;
	background-color: #583700;
	background-image:url(../img/recruit_arw.png);
	background-position:3% 50%;
	background-repeat:no-repeat;
	color:#fff;
	font-size: 25px;
	font-weight: normal;
	line-height: 80px;
	text-align: center;
	text-decoration: none;
	letter-spacing:4px;
	width:40%;
	height:80px;
	margin:5% 30%;
	transition: transform .7s;
	overflow:hidden;
 	 z-index: 0;
  }
.recruit_btn a:hover {
	color:#fff;
}
 .recruit_btn a::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: '';
  background-color: #7F5E2D;
	background-image:url(../img/recruit_arw.png);
	background-position:10% 50%;
	background-repeat:no-repeat;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform .3s;
  }
  .recruit_btn a:hover::before {
  transform-origin: left top;
  transform: scale(1, 1);
  }






/*conrtact*/
.red{
	color:#f7184d;
	font-size:60%;
	font-weight:normal;
	margin:0 0 0 5px;
	padding:0 4px 1px 2px;
	border:1px solid #ff0000;
}
.contact_content{
	background-color:#fff;
	width:90%;
	margin:30px 5% 0;
	padding: 0;
	overflow:hidden;
}

#contact_table{
	width:100%;
	max-width:900px;
	margin:0 auto;
}
#contact_table th{
	padding:21px 0 17px;
	font-size:100%;
	text-align:left;
	font-weight:normal;
	width:35%;
	vertical-align:top;
}
#contact_table td{
	padding:19px 0 19px;
	text-align:left;
}
#contact_table input,checkbox,select{
	padding:3px 0 0 0 ;
/*	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;*/
}
#contact_table textarea ,select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.select01{
	background-color:#efefef;
	color:#00184d;
	height:35px;
	width:50%;
	outline: none;
	padding:0 20px;
	margin:0;
}
.input01{
	background-color:#efefef;
	height:36px;
	width:70%;
	outline: none;
	padding:10px 20px;
	margin:0;
	text-indent:1em;
}
.input02{
	float:left;
	background-color:#efefef;
	height:36px;
	width:45%;
	outline: none;
	padding:10px 20px;
	margin:0;
	text-indent:1em;
}
.input03{
	float:right;
	background-color:#efefef;
	height:36px;
	width:50%;
	outline: none;
	padding:10px 20px;
	margin:0;
	text-indent:1em;
}
.input04{
	background-color:#efefef;
	height:36px;
	width:15%;
	outline: none;
	padding:10px 20px;
	margin:0;
	text-indent:1em;
}
.input05{
	background-color:#efefef;
	height:36px;
	width:10%;
	outline: none;
	padding:10px 20px;
	margin:0;
	text-indent:1em;
}
#textarea01{
	background-color:#efefef;
	width:100%;
	outline: none;
	padding:15px;
	margin:0;	
	overflow:hidden;
}
.inquiry_item{
	display: inline-block;
	width:100%;
}
#kiyaku{
}
#kiyaku a{
	text-decoration:none;
	color:#5999bd;
}
.ferms{
	border:2px solid #ddd;
	height:17px;
	width:17px;
}
#submit_btn{
	border: 0;
	margin:30px 33% 50px;
	width:33%;
	padding:14px;
	background: #5999bd;
	color:#fff;
}
#submit_btn:hover{
	background: #bbb;
	color:#fff;
}
#submit_btn2{
	float:left;
	border: 0;
	margin:20px 0 50px 29%;
	width:20%;
	padding:10px;
	background: #5999bd;
	color:#fff;
}
#submit_btn2:hover{
	background: #bbb;
	color:#fff;
}
#submit_btn3{
	float:right;
	border: 0;
	margin:20px 29% 50px 0;
	width:20%;
	padding:10px;
	background: #5999bd;
	color:#fff;
}
#submit_btn3:hover{
	background: #bbb;
	color:#fff;
}

#back_btn{
	border: 0;
	margin:20px 37% 50px;
	width:26%;
	padding:10px;
	background: #5999bd;
	color:#fff;
}
#back_btn:hover{
	background: #bbb;
	color:#fff;
}
.contact_kodamishi{
	width:100%;
	font-family: ryo-display-plusn, serif;
	font-size:25px;
	text-align:center;
}
#contact_table2{
	width:100%;
	max-width:900px;
	margin:0 auto;
}
#contact_table2 th{
	padding:10px 0 8px;
	margin:3px 0;
	font-size:100%;
	text-align:left;
	font-weight:normal;
	width:30%;
	vertical-align:top;
	border-bottom:1px dotted #ddd;
}
#contact_table2 td{
	padding:10px 0 8px;
	margin:3px 0;
	text-align:left;
	border-bottom:1px dotted #ddd;
}
#occupation_table{
	padding:0;
	margin:0;
}
#occupation_table th{
	padding:0;
	margin:0;
}
#occupation_table td{
	padding:0 0 0 1.5em;
	margin:0;
	font-size:85%;
	line-height:1.5;
}
.if_wrap {
	-webkit-overflow-scrolling: touch; 
	overflow: auto;
	height: 310px;
	margin:4px 0;
}
#privacy_iframe{
	width:90%;
	height:300px;
	margin:0 5%;
	border:1px solid #ddd;
}
#kiyaku2{
	text-align:center;
}

/*WP*/
.post-navigation{
	margin:40px 0 0 0;
}
.post-navigation a{
	color:#888;
}
h1.entry-title{
	margin-bottom:40px;
}
h2.entry-title a{
	display:block;
	text-decoration:none;
	font-size:90%;
	color:#2794e1;
}
.entry-meta{
	display:none;
}
h2.screen-reader-text{
	display:none;
}
.screen-reader-text{
	display:none;
}
.meta-nav{
	display:none;
}
.nav-next{
	float:right;
	display:block;
}
.nav-previous{
	float:left;
	display:block;
}

/*______________________________________PC用CSS_______________________________________________*/
@media screen and (min-width: 767px) {/*ウィンドウ幅が767px以上の場合に適用*/



}
/*______________________________________スマホ用CSS_______________________________________________*/
@media print, screen and (max-width: 767px) {/*ウィンドウ幅が最大767pxまでの場合に適用*/

/*company*/
#company_main{
	position:relative;
	background-color:#fff;
	width:80%;
	margin:100px 10% 0;
	padding:35px 0 32px;
	text-align:center;
	line-height:1.3;
	z-index:10;
	overflow:hidden;
	animation-duration: 1.2s;/* アニメーション時間 */
	animation-name: LefttToRight;/* アニメーション名 */
	animation-timing-function:ease-out;
	/*animation-iteration-count: infinite; アニメーションの繰り返し（無限）*/
}
.company_chumidashi{
	margin: 0 auto;
}
.company_chumidashi_e{
	font-family:"MetaPlusMedium-CapsItalic" !important;
	font-size:24px;font-style:normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
	letter-spacing:3px;
	width:100%;
	padding:0;
}
.company_content{
	background-color:#fff;
	width:90%;
	margin:30px 5% 0;
	padding: 30px 0;
	overflow:hidden;
}
.company_kodamishi{
	width:100%;
	font-family: ryo-display-plusn, serif;
	font-size:22px;
	text-align:center;
}
#shacho_photo{
	width:100%;
	margin:25px 0;
}
#company_policy{
	width:100%;
	font-size:30px;
	font-family: ryo-display-plusn, serif;
	font-weight: 200;
	font-style: normal;
	text-align:center;
	letter-spacing:3px;
	margin:10px 0 30px;
}
#company_philosophy{
	float:left;
	width:90%;
	font-size:17px;
	text-align:left;
	line-height:2.0;
	letter-spacing:2px;
	margin:20px 5% 0;
}
.company_table{
	width:98%;
	margin:20px 1% 25px;
	border-bottom:1px solid #ddd;
	font-size:14px;
	letter-spacing:1px;
}
.company_table th{
	text-align:left;
	border-top:1px solid #ddd;
	vertical-align:top;
	padding:20px 0 20px 5px;
	width:30%;
}
.company_table td{
	text-align:left;
	border-top:1px solid #ddd;
	padding:20px 5px;
}
/*service*/
.service_text{
	position:relative;
	width:90%;
	margin:20px 5% 0;
	font-size:15px;
	line-height:2.0;
	letter-spacing:1px;
}
.service01_chart{
	float:left;
	width:100%;
	margin:30px 0 0 0;
}
.service_table{
	float:left;
	width:100%;
	margin:35px 0;
	border-bottom:1px solid #ddd;
	font-size:14px;
	letter-spacing:1px;
}
.service_table th{
	text-align:left;
	border-top:1px solid #ddd;
	vertical-align:top;
	padding:6px 10px;
	width:50%;
}
.service_table td{
	text-align:left;
	border-top:1px solid #ddd;
	padding:6px 10px;
}
#cansult_txt{
	clear:both;
	float:left;
	width:100%;
	font-family: source-han-sans-japanese, sans-serif;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	border-bottom:1px solid #bbb;
	margin:20px 0 10px;
	padding:0 0 6px;
}
#cansult_txt2{
	width:100%;
	text-align:left;
	font-size:13px;
	letter-spacing:0;
	margin:0 0 20px 0;
}
.service01_photo{
	float:left;
	width:90%;
	margin:30px 5%;
}
#service01_txt_box{
	float:left;
	width:90%;
	margin:0 5% 10px;
}
.service01_txt{
	width:100%;
	font-size:20px;
	text-align:left;
	padding:5px 0 15px;
}
.service01_txt2{
	font-size:14px;
	text-align:left;
	margin:0 0 5%;
}
.service01_txt3{
	font-size:17px;
	text-align:left;
}
.rental_hyo{
	float:left;
	width:100%;
	margin:0;
	padding:30px 0 40px;
}
.service_merit{
	background-color:#eee;
	font-size:86%;
	padding:10px 15px;
	margin:20px 0 10px;
	letter-spacing:1px;
}
.faq_q{
	float:left;
	clear:both;
	font-family: source-han-sans-japanese, sans-serif;
	text-align:left;
	font-size:15px;
	font-weight:bold;
	padding-left: 55px;
	margin:10px 0 10px;
	background-image:url(../img/q.jpg);
	background-size:44px 44px;
	background-position:top left;
	background-repeat:no-repeat;
	min-height:50px;
	line-height:1.6;
}
.faq_a{
	float:left;
	clear:both;
	text-align:left;
	font-size:15px;
	min-height:44px;
	padding-left: 55px;
	margin:10px 0 10px;
	background-image:url(../img/a.jpg);
	background-size:44px 44px;
	background-position:top left;
	background-repeat:no-repeat;
	line-height:1.6;
}
.faq_hr{
	float:left;
	clear:both;
	width:100%;
	border-bottom:1px solid #ddd;
	height:1px;
	margin:20px 0;
}
/*recruit*/
.recruit_content{
	background-color:#fff;
	width:90%;
	margin:30px 5% 0;
	padding: 25px 0 25px;
	overflow:hidden;
}
.recruit_kodamishi{
	width:100%;
	font-family: ryo-display-plusn, serif;
	font-size:22px;
	text-align:center;
}
#recruit02{
	float:left;
	width:100%;
	margin:0;
}
.recruit_text2{
	float:right;
	width:90%;
	margin:5%;
	font-size:15px;
	line-height:1.6;
	letter-spacing:1px;
	text-align:left;
}
#recruit_table{
	margin:5% 5% 8%;
}
#recruit_table th{
	width:30%;
	text-align:left;
	font-size:18px;
	font-weight:normal;
	border-right:2px dotted #bbb;
}
#recruit_table td{
	font-size:14px;
	line-height:1.7;
	padding:3px 0 3px 20px;
}
#recruit_table td.table_space{
	padding:15px 0;
}
.recruit_btn a {
	position:relative;
	display: inline-block;
	background-color: #583700;
	background-image:url(../img/recruit_arw.png);
	background-position:3% 50%;
	background-repeat:no-repeat;
	color:#fff;
	font-size: 20px;
	font-weight: normal;
	line-height: 70px;
	text-align: center;
	text-decoration: none;
	letter-spacing:4px;
	width:80%;
	height:70px;
	margin:5% 10%;
	transition: transform .7s;
	overflow:hidden;
 	 z-index: 0;
  }
.recruit_btn a:hover {
	color:#fff;
}
 .recruit_btn a::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: '';
  background-color: #7F5E2D;
	background-image:url(../img/recruit_arw.png);
	background-position:10% 50%;
	background-repeat:no-repeat;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform .3s;
  }
  .recruit_btn a:hover::before {
  transform-origin: left top;
  transform: scale(1, 1);
  }
/*privacy*/
.privacy_content{
	background-color:#fff;
	width:90%;
	margin:30px 5% 0;
	padding: 40px 0;
	overflow:hidden;
}
.privacy_kodamishi{
	width:100%;
	font-family: ryo-display-plusn, serif;
	font-size:23px;
	text-align:center;
}
.privacy_text{
	width:90%;
	margin:30px 5% 0;
	font-size:14px;
	line-height:2.0;
	letter-spacing:1px;
}
/*contact*/
.red{
	color:#f7184d;
	font-size:60%;
	font-weight:normal;
	margin:0 0 0 5px;
	padding:0 4px 1px 2px;
	border:1px solid #ff0000;
}
.contact_content{
	background-color:#fff;
	width:100%;
	margin:30px 0 0;
	padding: 0;
	overflow:hidden;
}
#contact_table{
	width:100%;
	margin:0 auto;
}
#contact_table th{
	padding:13px 0;
	font-size:90%;
	text-align:left;
	font-weight:normal;
	line-height:1.4;
	width:38%;
	vertical-align:top;
}
#contact_table td{
	padding:13px 0;
	font-size:90%;
	text-align:left;
	line-height:1.4;
}
.select01{
	background-color:#eee;
	color:#00184d;
	height:35px;
	width:70%;
	outline: none;
	padding:0 20px;
	margin:0;
}
.input01{
	background-color:#eee;
	height:36px;
	width:100%;
	outline: none;
	padding:10px 20px;
	margin:0;
	text-indent:1em;
}
.input02{
	float:left;
	background-color:#eee;
	height:36px;
	width:45%;
	outline: none;
	padding:10px 20px;
	margin:0;
	text-indent:1em;
}
.input03{
	float:right;
	background-color:#eee;
	height:36px;
	width:45%;
	outline: none;
	padding:10px 20px;
	margin:0;
	text-indent:1em;
}
.input04{
	background-color:#efefef;
	height:36px;
	width:30%;
	outline: none;
	padding:10px 20px;
	margin:0;
	text-indent:1em;
}
.input05{
	background-color:#efefef;
	height:36px;
	width:15%;
	outline: none;
	padding:10px 20px;
	margin:0;
	text-indent:1em;
}
.ferms{
	position:relative;
	top:4px;
	border:2px solid #ddd;
	height:17px;
	width:17px;
}
#submit_btn{
	border: 0;
	margin:30px 10% 50px;
	width:80%;
	padding:14px;
	background: #5999bd;
	color:#fff;
}
#submit_btn:hover{
	background: #bbb;
	color:#fff;
}
#submit_btn2{
	float:left;
	border: 0;
	margin:20px 0 50px 4%;
	width:45%;
	padding:10px;
	background: #5999bd;
	color:#fff;
}
#submit_btn2:hover{
	background: #bbb;
	color:#fff;
}
#submit_btn3{
	float:right;
	border: 0;
	margin:20px 4% 50px 0;
	width:45%;
	padding:10px;
	background: #5999bd;
	color:#fff;
}
#submit_btn3:hover{
	background: #bbb;
	color:#fff;
}

#back_btn{
	border: 0;
	margin:20px 10% 50px;
	width:80%;
	padding:10px;
	background: #5999bd;
	color:#fff;
}
#back_btn:hover{
	background: #bbb;
	color:#fff;
}
#contact_table2{
	width:100%;
	max-width:900px;
	margin:0 auto;
}
#contact_table2 th{
	padding:10px 0 8px;
	margin:3px 0;
	font-size:100%;
	text-align:left;
	font-weight:normal;
	width:40%;
	vertical-align:top;
	border-bottom:1px dotted #ddd;
}
#contact_table2 td{
	padding:10px 0 8px;
	margin:3px 0;
	text-align:left;
	border-bottom:1px dotted #ddd;
}
}