@charset "utf-8";
/*****************************************************
	
	全ての要素をリセット
	各ブラウザの表示を統一するための設定です
	
*****************************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin: 0;padding: 0;outline:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal;}
table {	border-collapse: collapse;border-spacing: 0;}
caption,p {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;text-align:left;}
img,abbr,acronym,fieldset {border: 0;}
li {list-style-type: none;}
img{vertical-align:middle;height:auto;}
.line {font-size:1px;line-height:1px;}

 /* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  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;
}


/*--- default ---*/
body {
	color: #111;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
	line-height:2em;
	letter-spacing:0.05em;
	-webkit-text-size-adjust: 100%;
	min-height: 100vh;
  /* mobile viewport bug fix */
  min-height: -webkit-fill-available;
}
html {
  height: -webkit-fill-available;
}

table{
	border-collapse:collapse;
}


.clear{
	clear:both;}

.min{

}



/*****************************************************
	
	ベース
	
*****************************************************/
#wrap{
	width: 100%;
	height: auto;
	margin:-32px auto 0;
	overflow:hidden;
	

}
a:link {
	color:#111;
	text-decoration:none;
}

a:visited{
	color:#111;
	text-decoration:none;
}

a:hover{                     
	text-decoration: none;
	color: #8e1e22;;
}

a:active{
	text-decoration:none;
}
.clear:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clear            { zoom: 1; } /* IE6 */
*:first-child+html .clear { zoom: 1; } /* IE7 */
a,a img {
    -webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
         -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
}
a img:hover,.shopnav a:hover,.foot-nav a:hover  {
    opacity: 0.6;
    filter: alpha(opacity=60);
} 
a[href^="tel:"] {
    pointer-events: none;
}
@media screen and (max-width:900px)	{
a[href^="tel:"] {
    pointer-events: auto!important;
}

}
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.ggmap {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;background-color:#fff;border:5px solid #fff;margin:0px auto;}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



.box{
	overflow:hidden;
	}

.bt a{
	color:#fff;
	display:block;
	text-align:center;
	font-size:90%;
	padding:5px 0;
	box-sizing:border-box;
	width:250px;
	margin:50px auto;
	background: rgb(45,133,203);
background: linear-gradient(119deg, rgba(45,133,203,1) 12%, rgba(18,107,196,1) 27%, rgba(24,104,199,1) 38%, rgba(0,53,145,1) 59%);
    background-position: 1% 50%;
    background-size: 200% auto;
    transition: all 0.3s ease-out;
	border-radius:50px;
	
}
.bt a:hover{
	background-position: 99% 50%;
}
.bg-para {
  background-position: center top!important;
  background-attachment: fixed!important;
}
@media screen and (max-width:900px)	{
	.bg-para {
  background-position: center!important;
  background-attachment: local!important;
}
}
/*****************************************************
	
	ヘッダー
	
*****************************************************/
header{
	width:265px;
	height:100%;
	background:#0073bc;
	position:fixed;
	z-index: 100;
	overflow:auto;
	top:0;
	z-index:10;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: stretch;
	align-items: stretch;
	/*animation-name: fadeInAnime;/*アニメーションの定義名*/
	/*animation-duration:0.8s;/*アニメーション変化時間 ※デフォルト*/
	/*animation-fill-mode:forwards;/*アニメーションの開始と終了時の状態を指定*/
	/* opacity:0; */
}
.front header{
/* animation-duration:1.2s; *//*アニメーション変化時間 ※デフォルト*/
	/* animation-delay: 1.5s; */	
}
@keyframes fadeInAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

#header-rogo{
	text-align:center;
	border-bottom:1px solid #4a9acf;
	padding:40px 0;
}
#header-rogo img{
	width:165px;
}

@media only screen and (max-width: 899px){
#header-rogo{
		border-bottom:1px solid #0472bc;
}	
}

.bottom-nav{
	margin:auto 0 0;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}
.bottom-nav li{
	width:45%;
	margin:0px 1.5% 50px;
	text-align:center;
}
.bottom-nav a{
	background:#fff;
	font-size:85%;
	display:block;
	color:#0073bc;
    padding:20px 0.5em;
	line-height:1.5em;
	font-weight:bold;
}
.bottom-nav a:hover{
	background:#fff000;
	
}
@media only screen and (min-width: 900px) and (max-height: 769.9px){
.drawer-navbar {
	-webkit-align-items: stretch;
    align-items: stretch;
    -webkit-box-align: stretch;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-justify-content: center;
    justify-content: center;

  }
}
@media screen and (max-width:899px)	{
header{
	width:100%;
	height: 62px;
	display: block;
	position:fixed;
	z-index: 100;
}
.drawer-open header{
	height: 100%;
	background:none;
}
#header-rogo{
	text-align:left;
	height:62px;
	padding:0;
	background:#0073bc;
	
}
#header-rogo img{
	width:125px;
	margin:12px;
}
	.bottom-nav{
	display:none;
}
	
}
/*****************************************************
	
	フッター
	
*****************************************************/
footer{
	padding:0 0 0 265px;
	line-height:1.8em;
	background-size:400px;
	background:#3e3a39;
	color:#fff;
	font-size:85%;
	
}
footer .foot-inner{
	padding:50px 5%;
	
}
footer .foot-inner .name{
	font-size:110%;
	
}
footer .foot-inner ul{
	margin:15px 0 45px;
	display: -webkit-flex;
	display: flex;
}

footer .foot-inner ul li{
	padding:0 3em 0 0;
	margin:0 3em 0 0;
	
	
}
footer .foot-inner ul li:first-child{
	border-right:1px solid #878787;
	
	
}
footer .copyright{
	text-align:right;
	font-size:90%;
	line-height:1.5em;
	
	
}
.foot-bottom-nav{
	display:none;
}
@media screen and (max-width:899px)	{
	footer{
	padding:0 0 80px 0;
	margin:0 0 80px;
	
}
	footer .foot-inner ul{
	margin:15px 0 45px;
	display: block;
}
	footer .foot-inner ul li:first-child{
	border-right:0;
		margin:0 0 15px;
	
	
}
	footer .copyright{
	text-align:center;
	
	
}
	.foot-bottom-nav{
	margin:auto 0 0;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	background:#ccc;
	padding:25px 0;
	position:fixed;
	width:100%;
	bottom:0;
	border-top:1px solid #fff;
	z-index: 10;
}
	.foot-bottom-nav li{
	width:45%;
	margin:0px 1.5%;
	
	text-align:center;
}
.foot-bottom-nav a{
	background:#fff;
	font-size:85%;
	display:block;
	color:#0073bc;
    padding:20px 0.5em;
	line-height:1.5em;
	font-weight:bold;
}
.foot-bottom-nav a:hover{
	background:#fff000;
	
}
}


/*****************************************************
	
	フロント
	
*****************************************************/
.front-box{
	padding:0 0 0 265px;
}
@media screen and (max-width:899px)	{
.front-box{
	padding:0;
}	
}
#company-menu{
background:#f0eee0;	
}
#company-menu ul{
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
}
#company-menu ul li{
	width:34%;
	text-align:center;
	box-sizing: border-box;
}
#company-menu ul li a{
	padding:50px 0.5em;
	display:block;
}
#company-menu ul li .photo{
	max-width:200px;
	width:70%;
	margin:0 auto;
}
#company-menu ul li .photo img{
	width:100%;
	border-radius:50%;
	overflow:hidden;
}
#company-menu ul li a:hover > .photo img,
#company-menu ul li a:hover{
	border-radius:10%;
	opacity:1.0;
	color:#0472bc;
}

#company-menu ul li .txt{
	margin:30px 0 0;
	font-size:125%;
}
#company-menu ul li .txt span{
	display:block;
	font-size:70%;
}
#company-menu ul li:first-child{
	background:#f0eee0;
	
}
#company-menu ul li:nth-child(2){
	background:#d6e5ed;
	
}
#company-menu ul li:nth-child(3){
	background:#eee6e9;
	
}

@media screen and (max-width:500px)	{
	#company-menu ul li a{
	padding:30px 0.5em;
	display:block;
}
#company-menu ul li .txt{
	margin:15px 0 0;
	font-size:100%;
	line-height:1.4em;
}
}

#interview{
	position:relative;
}
#interview:before{
	position:absolute;
	z-index:-1;
	content:'';
	background-image: url("../image/front/interview-bg.jpg");
	background-size:cover;
	width:calc(100% + 265px);
	height:600px;
	left:-265px;
	 background-position: center top!important;
  background-attachment: fixed!important;
}
#interview .inner{
	padding-top:100px;
}
#interview h2{
	text-align:center;
	font-size:170%;
}
#interview p{
	margin:30px auto;
	width:80%;
	max-width:320px;
}
#interview .human-photo{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	max-width:600px;
	margin:80px auto 0;
}
#interview .human-copy{
	max-width:550px;
	width: 80%;
	margin:-120px auto 80px;
	position:relative;
	left: 10%;
}
#interview .human-photo img,#interview .human-copy img{
	width:100%;
}
@media screen and (max-width:899px)	{
#interview:before{
	height:550px;
}
#interview .human-copy{
	max-width:550px;
	width:95%;
	margin:-15% auto 0px;
	position:relative;
	left:5%;
}
	#interview .inner{
	padding:80px 5% 15%;
}
}

#frontmain{
	
	background-size:cover;
	width:100%;
	height:100vh;
	position:relative;
}
#frontmain .copy{
	position:absolute;
	bottom:50px;
	font-size:250%;
	color:#fff;
	width:100%;
	box-sizing:border-box;
	text-align:right;
	padding:0 2em 1em;
}
@media screen and (max-width:899px)	{
#frontmain{
	height:100%;
}
#frontmain .copy{
	font-size:180%;
	width:100%;
	text-align:center;
	padding:0 0em 2em;
	line-height:1.5em;
}	
}
@media screen and (max-width:640px)	{
#frontmain .copy span{
	display:block;
}		
}

#business{
	background:#efefef;
	overflow:hidden;
	background-image: url("../image/front/buss-bg.jpg");
	background-size:auto 70%;
	background-repeat: no-repeat;
	background-position:right top;
}
#business h2{
	text-align:center;
	font-size:180%;
	color:#0073bc;
	margin:80px auto 50px;
}
#business h2 span{
	display:block;
	font-size:50%;
}
#business .c-box{
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	margin:0 auto 130px;
	position:relative;
}

#business .c-box .info{
	background:#fff;
	position:absolute;
	left:7%;
	z-index:1;
	max-width:400px;
	box-sizing:border-box;
	padding:30px 2em 0;
	order: 1;
}
#business .c-box .photo{
	background-image: url("../image/front/business.jpg");
	background-size:cover;
	width:80%;
	margin:0 0 0 20%;
	padding:20% 0;
	position:relative;
	order: 2;
}
@media screen and (max-width:950px)	{
#business{
	background-size:auto 50%;
	background-position:top right -150px;
	
}
	#business .c-box{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
		margin:0 auto 100px;
}
	#business .c-box .info{
	position:relative;
	left:auto;
	width:90%;
	margin:-30px auto 0;
		order: 2;
		padding:30px 1.5em 0;
		max-width:800px;
		
}
#business .c-box .photo{
	width:95%;
	margin:0 5% 0 0;
	padding:25% 0;
	order: 1;
}
	
}
/*****************************************************
	
	ページ
	
*****************************************************/


#page-content{
	margin:0 0 0 265px;
	padding-bottom:50px;
}
@media screen and (max-width:899px)	{
#page-content{
	margin:63px 0 0 0;
}
}
#page-content .title-box{
	background:#d4edfb;
	padding:90px 5%;
	
	
}
#page-content .title-box h1{
	font-size:350%;
	color:#0073bc;
	
}
#page-content .title-box h1 span{
	display:block;
	font-size:35%;
	font-weight:normal;
	margin:20px 0 0 0.1em;
	
}
#page-content h2{
	font-size:140%;
	color:#0073bc;
	text-align:center;
	margin:50px auto 30px;
}
#page-content .w100-box{
	width:100%;
	margin:0 auto 80px;
}
#page-content .wsp-box{
	width:90%;
	margin:0 auto 80px;
	max-width:1260px;
}
#page-content .wsp-box .inner{
	margin-bottom:150px;
}
.cover{
	background-size:cover;
	background-position:center;
	width:100%;
	height:700px;
}

@media screen and (max-width:900px)	{
.cover{
	height:0;
	padding:30% 0;
	background-size:cover;
}
#page-content .title-box{
		padding:60px 5%;

}
#page-content .title-box h1{
	font-size:250%;
	color:#0073bc;
	line-height:1.0em;
	word-break: break-all;
	
}
	#page-content .title-box h1 span{
	font-size:40%;
	margin:0px 0 0 0.1em;
	
}
#page-content h2{
	margin:50px auto 30px;
}
	#page-content .wsp-box .inner{
	margin-bottom:100px;
}
}

/*****************************************************
	
	会社情報
	
*****************************************************/

.company .aisatsu{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	
	
}

.company .comment{
	width:80%;
	margin:0 5% 0 0;
	
}
.company .comment .name{
	text-align:right;
	margin:1.5em 0 0;
	
}
.company .aisatsu .photo img{
	width:100%;
}

.company dl{
	overflow:hidden;
	max-width:900px;
	margin:0 auto;
}
.company dt{
	float:left;
	clear:both;
	width:150px;
	text-align:center;
	padding:10px 0;
}
.company dd{
	border-bottom:1px dotted #aaa;
	padding:10px 10px 10px 170px;
}
.company-cover{
	background-image: url("../image/company/company-bg.jpg");
	
	
}
@media screen and (max-width:640px)	{
.company .aisatsu{
	display:block;
	
}

.company .comment{
	width:100%;
	margin:0 0 50px;
	
}
.company .comment .name{
	text-align:right;
	margin:1.5em 0 0;
	
}
.company .aisatsu .photo{
	width:70%;
	margin:0 auto;
}

	
	.company dl{
	border-bottom:1px dotted #aaa;
}
	.company dt{
	float:none;
	width:100%;
	text-align:left;
	padding:5px 1em;
	background:#d4edfb;
}
.company dd{
	border-bottom:0px dotted #aaa;
	padding:15px 1em;
	line-height:1.7em;
}	
}
/*****************************************************
	
	業務内容
	
*****************************************************/
.business-menu{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
}

.business-menu li{
	width:30%;
	margin:0 2%;
}
.business-menu li img{
	width:100%;
}
.business-menu li p{
	text-align:center;
	font-size:90%;
	margin:15px auto;
	line-height:1.5em;
}
.business .business-cover{
	position:relative;
	margin-bottom:150px;

}
.business .business-cover h2{
	text-align:left!important;
	background:rgba(0,115,188,0.9);
	color:#fff!important;
	padding:25px 1.5em;
	box-sizing: border-box;
	width:95%;
	position:absolute;
	right:0;
	bottom:-3em;

}
#business-a .business-cover{
	background-image: url("../image/business/bg-a.jpg");
}
#business-b .business-cover{
	background-image: url("../image/business/bg-b.jpg");
}
#business-c .business-cover{
	background-image: url("../image/business/bg-c.jpg");
}

.photo-txt-inner{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	margin:0 auto 170px;
}
.photo-txt-inner .photo img{
	width:100%;
}
.photo-txt-inner .txt{
	width:80%;
	margin:0 5%;
	order: 2;
}
.photo-txt-inner .photo{
	order: 1;
}

.photo-r .txt{
	width:80%;
	margin:0 5%;
	order: 1;
}
.photo-r .photo{
	order: 2;
}

@media screen and (min-width:900px) and (max-width:1100px){
.photo-txt-inner{
	display: block;
	margin:0 auto 170px;
}
	.photo-txt-inner .txt{
	width:90%;
	margin:0 auto;
	order: 2;
}
}
@media screen and (max-width:760px){
.photo-txt-inner{
	display: block;
	margin:0 auto 170px;
}
	.photo-txt-inner .txt{
	width:90%;
	margin:0 auto;
	order: 2;
}
}
/*****************************************************
	
	インタビュー
	
*****************************************************/
.human-copy-image{
	width:90%;
	max-width:500px;
}
.human-copy-image img{
	width:100%;
}
.staff-menu{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	width:100%;
	max-width:750px;
	margin:0 auto;
}
.staff-menu li{
	width:45%;
	margin:0 auto;
}
.staff-menu li img{
	width:100%;
	 border-radius:50%;
	transition: 1.2s ;
	opacity:1;
	transform: rotateY( 0deg ) ;
	border:8px solid #fff;
	box-sizing:border-box;

}
.staff-menu li a:hover > .photo img{
	transform: rotateY( 360deg );
	border:8px solid #0073bc;

}


#company-menu ul li a:hover > .photo img,
#company-menu ul li a:hover{
	border-radius:10%;
	opacity:1.0;
	color:#0472bc;
}


.staff-menu li p{
	text-align:center;
	color:#0073bc;
	font-weight:bold;
	font-size:130%;
	margin:7% 0;
}
.staff-menu li p span{
	display:block;
	font-weight:normal;
	font-size:50%;
	line-height:1.5em;
}
.human-cover-a{
	background-image: url("../image/interview/staff-a.jpg");
	height:800px;
	position:relative;
}
.human-cover-b{
	background-image: url("../image/interview/staff-b.jpg");
	height:800px;
	position:relative;
}
.human-cover-a:after,.human-cover-b:after{
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 48%, rgba(0,0,0,0) 54%, rgba(0,0,0,0.4) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 48%,rgba(0,0,0,0) 54%,rgba(0,0,0,0.4) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0) 48%,rgba(0,0,0,0) 54%,rgba(0,0,0,0.4) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=0 );



}
.human-title{
	position:absolute;
	bottom:1em;
	left:5%;
	color:#fff;
	font-size:200%;
	z-index:2;
	padding:0 5% 0 0;
	line-height:1.3em;
	font-weight:bold;
}
.prof-box{
	background:#d4edfb;
	padding:100px 5%;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	-webkit-align-items: center;
	align-items: center;
	color:#0073bc;
	position:relative;
}
.prof-box:after{
	position:absolute;
	content:'Profile';
	bottom:0;
	left:2.5%;
	color:#b3dff8;
	font-size:5rem;
	line-height:3.25rem;
	font-weight:bold;
}
.prof-box .inner-prof{
	
}
.prof-box .inner-prof p{
text-align:right;
}
.prof-box .inner-prof .name{
font-weight:bold;
	font-size:200%;
}
.prof-box .inner-prof .name span{
display:block;
	font-weight:normal;
	font-size:40%;
	margin:0 auto 10px;
}
.prof-box .inner-comment{
width:calc(100% - 400px);
}





@media screen and (min-width:900px) and (max-width:1100px){
	.prof-box{
	padding:100px 5%;
	display:block;
}
	.prof-box .inner-prof p{
text-align:center;
}
	.prof-box .inner-comment{
width:90%;
		margin:30px auto;
}
}

@media screen and (max-width:700px){
	.prof-box{
	padding:100px 5%;
	display:block;
}
	.prof-box .inner-prof p{
text-align:center;
}
	.prof-box .inner-comment{
width:90%;
		margin:30px auto;
}
	.human-cover-a{
	height:350px;
}
.human-cover-b{
	height:350px;
}
}

.message{
	background:#0073bc;
	color:#fff;
	padding:5% 8% 5%;
	width:85%;
	margin:0 auto 80px;
	max-width:700px;
	box-sizing:border-box;
	

}
.message h2{
	color:#fff!important;
	margin:0 auto 30px!important;
}


/*****************************************************
	
	加工場・資格
	
*****************************************************/

.facility .facility-kako-cover,
.facility .facility-shikaku-cover{
	position:relative;
	margin-bottom:150px;

}
.facility .facility-kako-cover h2,
.facility .facility-shikaku-cover h2{
	text-align:left!important;
	background:rgba(0,115,188,0.9);
	color:#fff!important;
	padding:25px 1.5em;
	box-sizing: border-box;
	width:95%;
	position:absolute;
	right:0;
	bottom:-3em;

}
.facility .facility-kako-cover{
	background-image: url("../image/facility/bg-a.jpg");
	margin-top:-80px;
}
.facility .facility-shikaku-cover{
	background-image: url("../image/facility/bg-b.jpg");
}
.facility .shikaku{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-align-content: center;
	align-content: center;
	width:90%;
	margin:-2.0% auto 0;
}
.facility .shikaku li{
	width:46%;
	margin:2.0%;
	border:5px solid #d4edfb;
	padding:20px 2em;
	line-height:1.5em;
	border-radius:10px;
	box-sizing:border-box;
}
.facility .shikaku .shikaku-title{
	border-bottom:1px dotted #aaa;
	padding:5px 0;
	margin:0 0 15px;
}
.facility .shikaku .ninzu:before{
	content:'▶︎';
	font-size:80%;
	margin-right:0.5em;
	color:#0073bc;
}
@media screen and (max-width:640px){
	.facility .shikaku li{
	width:100%;
	padding:15px 1.2em;
	margin:8px 0;
	
}
}

/*****************************************************
	
	ホテル
	
*****************************************************/
.works-menu{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: stretch;
	align-items: stretch;
	width:103%;
	margin-left:-1.5%;
}
.works-menu li{
	box-sizing:border-box;
	border:3px solid #0073bc;
	margin:0 1.5%;
	width:100%;
	text-align:center;
	line-height:1.5em;
}
.works-menu li a{
	display:block;
	padding:15px 0.5em;
	color:#0073bc;
	font-weight:bold;
	font-size:105%;
	position:relative;
	
}
.works-menu li a:after{
	content:'▼';
	margin-left:1em;
	font-size:80%;
	top:-0.2em;
	position:relative;
	opacity:0.7;
	
}
.works-menu li a:hover{
	background:#0073bc;
	color:#fff;
	
}
.works h2{
	text-align:left!important;
	background:#0073bc;
	color:#fff!important;
	padding:20px 1em;
}


.works-box{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: stretch;
	align-items: stretch;
	width:103%;
	margin-left:-1.5%;
}
.works-box li{
	margin:0 1.5% 40px;
	width:30.33%;
	line-height:1.5em;
	border:5px solid #d4edfb;
	padding:20px 2em;
	line-height:1.5em;
	border-radius:10px;
	box-sizing:border-box;
}
.works-box li img{
	width:100%;
	margin:0 auto 18px;
}
.works-box dl{
	font-size:88%;
	margin:10px 0 0 ;
}
.works-box dl dt{
	width:4.25em;
	float:left;
	clear:both;
	position:relative;
}
.works-box dl dt:after{
	content:'：';
}
.works-box dl dd{
	padding-left:4.25em;
	
}


@media screen and (max-width:1100px){
	.works-box li{
	margin:0 1.5% 40px;
	width:47.0%;
}
}

@media screen and (max-width:600px){
	.works-box li{
	margin:0 1.5% 20px;
	width:100%;
}
}

/*****************************************************
	
	求人情報・お問い合わせ・申し込み・サンクス
	
*****************************************************/


.white-box{
	background:#fff;
	position:relative;
	margin-top:-250px!important;
	padding:15px 7%;
	box-sizing:border-box;
}
.recruit .recruit-cover{
	background-image: url("../image/recruit/bg-a.jpg");
	margin-top:-80px;
}
.recruit dl{
	overflow:hidden;
	margin:25px auto;
}
.recruit dt{
	width:200px;
	clear:both;
	float:left;
	padding:15px 0.5em;
	box-sizing:border-box;
	color:#0073bc;
}
.recruit dd{
	border-bottom:1px dotted #aaa;
	padding:15px 0.5em;
	box-sizing:border-box;
	
}
@media screen and (max-width:700px){
.white-box{
	padding:15px 5%;
	width:95%!important;
}
	.recruit dt{
	width:100%;
	float:none;
	padding:10px 1em;
	color:#111;
	background:#d4edfb;
}
.recruit dd{
	border-bottom:0px dotted #aaa;
	padding:15px 0.5em;
	box-sizing:border-box;
	
}
	.recruit dl{
	border-bottom:1px dotted #aaa;
}
}

.contact .contact-cover{
	background-image: url("../image/contact/bg-a.jpg");
	margin-top:-80px;
}
.job .job-cover{
	background-image: url("../image/job/bg-a.jpg");
	margin-top:-80px;
}


.thanks-box{
	min-height:calc(100vh - 660px);
}
.thanks-box p{
	width:90%;
	margin:0 auto 20px;
	max-width:500px;
}
.form-content{
	margin:25px auto;
}
.form-box{
	margin:25px auto;
}


.mfp_buttons button{
	color:#fff;
	display:block;
	text-align:center;
	font-size:90%;
	padding:10px 0;
	box-sizing:border-box;
	width:250px;
	margin:50px auto;
	background: rgb(45,133,203);
background: linear-gradient(119deg, rgba(45,133,203,1) 12%, rgba(18,107,196,1) 27%, rgba(24,104,199,1) 38%, rgba(0,53,145,1) 59%);
    background-position: 1% 50%;
    background-size: 200% auto;
    transition: all 0.3s ease-out;
	border-radius:50px;
	border:0;
	cursor:pointer;
}
.mfp_buttons button:hover{
	background-position: 99% 50%;
}

#mfp_overlay_inner .mfp_buttons{
	margin:30px 0;
}
#mfp_overlay_inner .mfp_buttons button{
	margin:-5px auto;
}

#mfp_button_cancel{
	background: #aaa;
}
#mfp_button_cancel:hover{
	background: #888;
}

.video-box {
    position: relative;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
	z-index:-1;
}

.video-box > video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    min-width: 100%;
    min-height: 100%;
}




@media screen and (max-width:900px){
.video-box {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
	z-index:-1;
}
	.video-box > video {
    position: relative;
    top: 0%;
    left: 0%;
    transform: translateX(0%) translateY(0%);
    width: 100%;
    height: 100%;

}
}
.oomoji{
	font-size:180%;
	font-family: "ＭＳ Ｐゴシック";
	text-align:center;
	line-height:1.5em;
	padding:10px;
}
.oomoji span{
	display:block;
}

@media screen and (max-width:480px){
.oomoji{
	font-size:140%;
	line-height:1.5em;
	text-align:left;
}
.oomoji span{
	display:unset;
}
}
.recruit-box {
	width:90%;
	margin:0 auto;
}
.recruit-box dl{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	border-bottom:1px dotted #ccc;
	padding:15px 0 15px;
}
.recruit-box dl dt{
	width:35%;
	text-align:left;
	padding-left:5%;
	display:inline-block;
}
.recruit-box dl dd{
	width:60%;
	text-align:left;
}
@media screen and (max-width:480px){
.recruit-box {
	width:100%;
	margin:0 auto;
}
.recruit-box dl dt{
	padding-left:0%;
}
}