@charset "utf-8";

/*
========================================================================================================================================
初期値リセット
========================================================================================================================================
*/

* {
	margin:0px;
	padding:0px;
	font-style:normal;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
html { font-size: 62.5%;}
body {
	font-size:14px;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.5em;
	overflow-x:hidden;
	margin:0;
	padding:0;
}
img {
	border:none;
	vertical-align:top;
	clear:none;
	max-width:100%;
	height:auto;
}
h1,h2,h3,h4,h5,h6 { font-weight:normal; font-size:1em;}
ol, li {list-style-type:none;}
a {	text-decoration:none;}
a:hover {text-decoration:underline;}

/**** 番号 ****/
a[href^="tel:"] { pointer-events:none; color:#000}
@media only screen and (max-width: 850px) {a[href^="tel:"] { pointer-events:auto; color: #369;}}

/**** Clearfix ****/
div:after, #footer:after, .content:after,li:after {content: ""; display: table; clear: both;}
/*
========================================================================================================================================
共通
========================================================================================================================================
*/

body { text-align:center;}
#index_back {background: linear-gradient(0deg, #A0C1E6, #4F8DC6); }

/*次ページタイトル*/
.page-title { width:1160px; height:122px; margin:25px auto; border:2px solid #FFF; background-color:rgba(55,136,196,0.5);
			 color:#FFF; line-height:120px; text-align:right; font-size:2em; letter-spacing:5px;
			border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;}
.page-title h2 { float:left; padding:0 50px;}

/*メインコンテンツ*/
.content-box {width:1160px; margin:auto; text-align:left;}
.content { margin-top:-25px; padding-bottom:25px; }
.main {  border:1px solid #CCC; background-color:#FFF; float:left; padding:3.3%; width:850px;
		border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px; min-height:880px}

.main h3 { border-bottom:5px solid #069; padding:5% 0 2% 10px; margin-bottom:3%; font-size:1.8em; line-height:2em;letter-spacing:2px;}
.main-cp { border-bottom:5px solid #069; padding:5% 0 1%; margin-bottom:5%; text-align:center;}
.main h3:nth-child(1), .main-cp:nth-child(1) { padding-top:0}

@media only screen and (max-width: 850px) {
.main h3 { font-size:1.3em; line-height:1.4em;letter-spacing:1px;}
}
.main p, .main ul { padding:0 10px 10px 10px}


/* 右メニュー */
#menu-side { border: 1px solid #CCC; background-color:#E0ECF5; padding:10px; width:300px; float:right;}
#menu-side-title { background-color:#3788C4; width:100%; display:block; margin-bottom:5px;}
#menu-side-title img { margin:5px;}
#menu-side a { display:block;}
#menu-side ul > li { border:1px solid #CCC; margin-bottom:5px; background-color:#FFF}
#menu-side ul > li > ul > li {border:none;}
#menu-side > a { margin-top:5px;}

@media only screen and (min-width: 851px) {
#menu-side ul > li > ul > li:nth-child(2),
#menu-side ul > li > ul > li:nth-child(3),
#menu-side ul > li > ul > li:nth-child(4){width:85%; margin:4px auto 8px}
}
@media only screen and (max-width: 850px) {
.page-title { width:95%; height:50px; line-height:50px; font-size:1.2em;margin:3% auto;}
.page-title h2{ padding:0 0 0 1%; letter-spacing:0; font-size:0.9em;}
.page-title div, .page-title div img { height:100%; width:auto; }
.content-box {width:100%;}
.main { min-height:0; width:95%; margin:0 auto 10px; float:none;}
#menu-side { float:none; width:95%; margin:0 auto 10px; }
#menu-side ul > li { width:48%; margin:1% 0% 0% 1%; display:inline-block; text-align:center;}
#menu-side ul > li a {padding:3% 0}
#menu-side ul > li:nth-child(6),
#menu-side ul > li:nth-child(7){ display:block; width:98%;}
#menu-side ul > li > ul > li
{ float:left; margin:0; width:49%; height:80px; display: flex;
 align-items:center; justify-content:center;
 -webkit-align-items: center;-webkit-justify-content: center;  /* Safari */}
#menu-side ul > li > ul > li:nth-child(2),
#menu-side ul > li > ul > li:nth-child(3),
#menu-side ul > li > ul > li:nth-child(4) {padding:0 1% }
#menu-side > a { max-width:49%; display: inline-block}
#menu-side > a img { max-width:100%;}
}
@media only screen and (max-width: 480px) {#menu-side ul > li > ul > li{ height:50px;} }
/*
========================================================================================================================================
ヘッダーについてはmegamenu.cssにて
========================================================================================================================================
*/

/*
========================================================================================================================================
フッダー
========================================================================================================================================
*/
#page-top { color:#FFF; position:fixed; bottom:0px; right:5px; z-index:10000;}
#page-top a { display:block;background-color:#3EA8FF; padding:20px 10px; text-decoration:none;
			border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;}
#page-top a:hover{ background-color:#369 }

#footer { background:url(../img/fd_back.gif) repeat-x; background-color:#DEEDFE; clear:both; border-bottom:10px solid #3EA8FF;}
#footer > div{ width:1200px; margin:auto; text-align:left; position:relative; }
#footer #fd_logo { float:left;}
#footer ul { position: absolute; right:0; top:15px;}
#footer ul li{ display:inline-block;}
#footer address { padding:20px 0 0 20px; display:inline-block;}
#copy { position:absolute; bottom:0; right:0; color:#CCC; font-size:0.8em; text-align:right;}

@media only screen and (max-width: 850px) {
#footer > div{ width:100%;}
#copy { display:none;}
#footer #fd_logo { width:30%;}
#footer address { text-align:left; display:block; clear:both; padding:0;}
}

/*
========================================================================================================================================
TOPページ
========================================================================================================================================
*/

/* 雲部分 スライド　*/

#slider-box{width:1200px; margin:10px auto 0; text-align:center;}
#slider {width:1200px;list-style:none; height:470px; margin:0; padding:0;}

/* トップページ/次ページヘッダー　雲部分　*/

#index-cloud {
z-index:1000; padding-bottom:30px;
background-image:url(../img/cloud3.png),url(../img/cloud2.png),url(../img/cloud1.png);
 -webkit-animation: snow 150s linear infinite;/*chrome&safari*/
 -moz-animation: snow 150s linear infinite;/*firefox*/
 -ms-animation: snow 150s linear infinite;/*ie*/
animation: cloud 150s linear infinite;}


@keyframes cloud{0% {background-position: 0 200px, 0 0, 0 0;} 100% {background-position: 3600px 200px, 2100px 0px, 1200px 0px;}}
/*chrome&safari*/
@-webkit-keyframes cloud{0% {background-position: 0 200px, 0 0, 0 0;} 100% {background-position: 3600px 200px, 2100px 0px, 1200px 0px;}}
/*firefox*/
@-moz-keyframes cloud{0% {background-position: 0 200px, 0 0, 0 0;} 100% {background-position: 3600px 200px, 2100px 0px, 1200px 0px;}}
/*ie*/
@-ms-keyframes cloud{0% {background-position: 0 200px, 0 0, 0 0;} 100% {background-position: 3600px 200px, 2100px 0px, 1200px 0px;}}

#index-cloud-bottom { background:url(../img/back.png) repeat-x; height:158px; z-index:3000;}

/* トップページ　雲部分 風船　*/
@media only screen and (min-width: 851px) {
li#horizon{
width:1200px; height:470px;
background-image:url(../img/balloon7.png),url(../img/balloon6.png),url(../img/balloon5.png),url(../img/balloon4.png),url(../img/balloon3.png),url(../img/balloon2.png),url(../img/balloon1.png),url(../img/slide2.png);
background-repeat:no-repeat;
 -webkit-animation: balloon 1s ease-in-out infinite alternate;/*chrome&safari*/
 -moz-animation: balloon 1s ease-in-out infinite alternate;/*firefox*/
 -ms-animation: balloon 1s ease-in-out infinite alternate;/*ie*/
animation: balloon 1s ease-in-out infinite alternate;
}
li#horizon img, #index-cloud-bottom img{ display: none;}
}
/*@media only screen and (min-width: 851px) 終わり*/
@keyframes balloon{
	0% {background-position:973px 8px, 875px 225px, 691px 6px, 564px 230px, 260px 4px, 81px 230px, 35px 15px,0 0;}
	100% {background-position:975px 11px, 872px 228px, 693px 8px, 561px 227px, 263px 7px, 79px 237px, 32px 18px,0 0;}}
@-webkit-keyframes balloon{
	0% {background-position:973px 8px, 875px 225px, 691px 6px, 564px 230px, 260px 4px, 81px 230px, 35px 15px,0 0;}
	100% {background-position:975px 11px, 872px 228px, 693px 8px, 561px 227px, 263px 7px, 79px 237px, 32px 18px,0 0;}}
@-moz-keyframes balloon{
	0% {background-position:973px 8px, 875px 225px, 691px 6px, 564px 230px, 260px 4px, 81px 230px, 35px 15px,0 0;}
	100% {background-position:975px 11px, 872px 228px, 693px 8px, 561px 227px, 263px 7px, 79px 237px, 32px 18px,0 0;}}
@-ms-keyframes balloon{
	0% {background-position:973px 8px, 875px 225px, 691px 6px, 564px 230px, 260px 4px, 81px 230px, 35px 15px,0 0;}
	100% {background-position:975px 11px, 872px 228px, 693px 8px, 561px 227px, 263px 7px, 79px 237px, 32px 18px,0 0;}}

@media only screen and (max-width: 850px) {
#slider-box, #slider, #index-cloud,#index-cloud-bottom,#horizon{width:100%; height:auto; -moz-background-size:contain;background-size:contain;}
}

/* トップページ　施設案内 */
#index_menu  {width:1200px; margin:auto;padding-bottom:20px; z-index:4000}
#index_menu1{ margin-top:-100px;}
#index_menu2,#index_menu3 {clear:both;}
#index_menu1 li,
#index_menu2 li,
#index_menu3 li{float:left;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;
box-shadow:#CCC 1px 1px 2px 0px;margin:3px; padding:10px; border:1px solid #CCC;}

#index_menu1 li:nth-child(6) div{ float:right;}
#index_menu1 li:nth-child(6) div img { margin-top:10px;}

#index_menu1 li:nth-child(1) { background-color:#C6D9EC;}
#index_menu1 li:nth-child(2) { background-color:#CBE7FE;}
#index_menu1 li:nth-child(3) { background-color:#BCE9BC;}
#index_menu1 li:nth-child(4) { background-color:#FFC8B5;}
#index_menu1 li:nth-child(5) { background-color:#DEDEE9;}
#index_menu1 li:nth-child(6) { background-color:#FEE0E0;}

#index_menu2 li{ background-color:#DEEDFE;}
#index_menu3 li:nth-child(1){ background-color:#FF8533;}
#index_menu3 li:nth-child(2){ background-color:#F9C;}

#index_menu li a {display: block;}
#index_menu1 li span img,
#index_menu2 li span img,
#index_menu3 li span img{
    height: auto;
    -webkit-transition:all 0.25s ease-in-out;
    transition:all 0.25s ease-in-out;
    max-width: 100%;
    vertical-align: bottom;
}
#index_menu3 { text-align:center; margin:auto;}
#index_menu3 li { float:left;width:49.3%}
#index_menu3 li span img{border-radius: 3px;}

#index_menu1 li span,
#index_menu2 li span,
#index_menu3 li span{ display:block;margin: 0; overflow: hidden; position: relative; text-align: center;}
#index_menu1 a:hover span,
#index_menu2 a:hover span,
#index_menu3 a:hover span{background-color:#FFF;border-radius: 3px;}
#index_menu1 a:hover span img,
#index_menu2 a:hover span img,
#index_menu3 a:hover span img{opacity:0.4;
        transform: scale(1.02,1.02);
        -webkit-transform:scale(1.02,1.02);
        -moz-transform:scale(1.02,1.02);
        -ms-transform:scale(1.02,1.02);
        -o-transform:scale(1.02,1.02);
		border-radius: 3px;}

#index_menu2 div { padding-bottom:10px; padding-top:15px;}

@media only screen and (min-width: 851px) {
#index_menu1 li:nth-child(6) a:nth-child(1){ width:270px; float:left}
#index_menu1 li:nth-child(6) { width:590px;}
.index_tb { display:table}
.index_tb1, .index_tb2
{ display:table-cell; vertical-align: bottom; width:50%;}
.index_tb1{ padding-bottom:1.5em}
/*採用情報枠を上につける*/
.index_tb2 { vertical-align:top;}
}
@media only screen and (max-width: 850px) {
#index_menu { width:100%;}
#index_menu1{ margin-top:0;}
#index_menu1 li, #index_menu2 li{ width:31%;}
#index_menu1 li:nth-child(6) div { display:none;}
#index_menu1 li,
#index_menu2 li,
#index_menu3 li{margin:1%; padding:5px;}
#index_menu2 { text-align:center}
#index_menu2 li{float:none; display:inline-block; width:auto;}
#index_menu3 li{float:none; width:auto; margin:0 auto 10px; display:inline-block}

#index_menu2,#index_menu3 { float:none;}
}

#index_info { width:570px;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;
box-shadow:#CCC 1px 1px 2px 0px;margin:3px auto; padding:10px; border:1px solid #CCC;background-color:#DEEDFE;}
#index_info > div { background-color:#FFF;}
#index_info_title { display:block; width:100%; }
#index_info_photo { float:right; padding:10px;}
#index_info_text { float:left;}
#index_info_text a { color:#000}
#index_info_text p:nth-child(1) { text-align:left; padding:0 10px 5px; padding-top:0;}
#index_info_text p:nth-child(2) { display:block;text-align:right; padding-bottom:3px;}
#index_info_text span{ display:block;text-align:center; padding-bottom:3px;}
#index_info_date { display:block;clear:both; text-align:right;}
@media only screen and (max-width: 850px) {
#index_info	{ width:100%; }
#index_info_photo { display:none;}
#index_info_text { width:100%; margin:auto;}
}

/*インスタグラム*/

.insta1{ margin-bottom:1em; width:1200px; text-align:left; display:flex; flex-wrap:wrap; margin:0 auto 1em;}
.insta1 figure{ padding:1em; display:table;}

.insta1 div{ width:700px;}
.insta1 div p{ padding:.5em; margin-bottom:.5em;}
.insta_link{ border:1px solid #09C; padding:1em 4em; color:#09C; margin:0 auto; display:table; margin-bottom:2em;}
.insta_link:hover{ border:1px solid #09C; background-color:#09C; text-decoration:none; color:#FFF;}
.insta1 div p a{ color:#09C;}

.insta1 div p:first-of-type, .insta1 div p:nth-of-type(3){ border-bottom:1px solid #999; padding:.5em; font-weight:bold; font-size:1.4em; color:#09C;}

@media only screen and (max-width: 850px) {

.insta1{ width:96%;}
.insta1 figure{ padding:1em; margin:0 auto;}
.insta1 div{ width:100%;}

}

@media only screen and (max-width: 550px) {

.insta1 figure{ width:90%;}
.insta1 figure img{ width:48%;}
.insta_link{ padding:1em;}

}


/* ご挨拶 */
.greet_photo {display: -webkit-flex; display: flex;
			  -webkit-justify-content:space-around; justify-content:space-around;}
.greet_photo div { width:45%; text-align:center}
.greet_photo div img:nth-child(1){ border:1px solid #CCC; padding:2%; margin-bottom:3%;}

/* 理念 */
#rinen { font-size:1.3em; line-height:1.6em;}
#rinen ul{ padding-left:2em; }
#rinen ul li { list-style:decimal;margin-bottom:10px;}
@media only screen and (max-width: 850px) {
#rinen { font-size:1em;}
}

/* 使っているテーブルフォーマット */
.table_p1 table {
    border-radius: 0;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.04), 0 0 0 1px #E8E8E8 inset;
    margin-bottom: 15px;
    overflow: hidden;
    width: 100%;
    background: none repeat scroll 0 0 #FFF;
	border-collapse: separate;
	border-spacing: 0% 1%;

}
.table_p1 table, .table_p1 table th,  .table_p1 table td
{border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;}

.table_p1 table th {background: none repeat scroll 0 0 #3788C4 ;color: #FFFFFF;padding: 1.3% 2.5%;text-align: center; font-size:1.3em; letter-spacing:2px; font-weight:normal}
.table_p1 table td { border-bottom: 1px solid #E8E8E8; padding:0.8% 3%; text-align:center}
.table_p1 table tr td { transition: background-color 0.3s ease 0s;}
.table_p1 table tr:nth-child(2n+1) td { background: none repeat scroll 0 0 #F7F7F7;}
.table_p1 table a { color:#000; display:block;}
.table_p1 table .s td:nth-child(1) a { color:#F00}
.table_p1 table tr:hover td {background: none repeat scroll 0 0 #FFD9D9;}/*#EBF6F7*/
.table_p1 table tr.s:hover td {background: none repeat scroll 0 0 #FFD9D9;}
@media only screen and (min-width: 851px) {
.table_p1 table tr td:nth-child(1) br { display:none }
}
@media only screen and (max-width: 850px) {
.table_p1 table th {padding: 1% 0%;font-size:1em; letter-spacing:0px; width:50%;}
.table_p1 table td {padding: 1% 1%;}
}


/* リクルート */

#acMenu dt{display:block;cursor:pointer;}
#acMenu dt{
background: none repeat scroll 0 0 #3788C4;
color: #FFFFFF;
padding: 1.3% 3%;
font-size: 1.5em;
letter-spacing: 2px;
font-weight: bold;
margin-bottom:10px;
border-radius: 4px;
}

#acMenu dd:after{
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
	visibility:hidden;
}


#acMenu dd{	display:none;}
@media only screen and (min-width: 1201px){
	.recruit_top_ad-sp{
		display: none;
	}

	#recruit_top_ad{
		position: fixed;
		top: 30%;
		right: 0;
		padding: 2rem;
		color: #fff;
		font-size: 20px;
		font-weight: bold;
		letter-spacing: 0.01em;
		writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
		background: #FF8434;
		border-radius:8px 0 0 8px;
    text-align: left;
	}
	#recruit_top_ad a{
		color: #fff;
		text-decoration: none;
	}
  /* #recruit_top_ad span{
    display:inline-block;
    transform: rotate(90deg);
  } */
	#recruit_top_ad:hover{
		background: #CA682B;
	}
}
@media only screen and (max-width: 1200px){
	#recruit_top_ad{
		display: none;
	}
	.recruit_top_ad-sp{
		width: 90%;
		height: 60px;
		margin: 24px auto 56px;
		background: #FF8434;
		border-radius: 8px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #fff;
		font-size: 20px;
		box-shadow: 0 5px 0 0 #CA682B;
		cursor: pointer;
	}
	.recruit_top_ad-sp:hover{
		margin: 29px auto 51px;
		background: #CA682B;
		box-shadow: none;
	}
	.recruit_top_ad-sp a{
    display: flex;
    align-items: center;
    justify-content: center;
		width: 100%;
		height: 100%;
		color:#fff;
	}
}

/* @media only screen and (max-width: 850px) {
#recruit table tr td:nth-child(2){ font-size:0.8em;max-width:50%;}
#recruit_top_ad {-webkit-flex-direction: column; flex-direction:column;}
#recruit_top_ad div { width:100%;}
#recruit_top_ad div:nth-child(2) a { max-width:80%; margin:auto;}
} */


@media only screen and (max-width: 599px) {
	#acMenu dt{
		padding: 2.5% 3%;
		font-size: 16px;
	}
	#recruit_top_ad{
		display: none;
	}
}

/* 採用情報 詳細ページ */
#recruit_s table th {font-size:1em; letter-spacing:2px; font-weight:normal; width:12em;}
#recruit_s table td { text-align:left;}
#recruit_s table td a{ display:inline-block;}
@media only screen and (min-width: 851px) {
#recruit_s table th br { display:none;}
}
@media only screen and (max-width: 850px) {
#recruit_s table th {width:6em; letter-spacing:0;}
}

/* 関連企業 */
#comp table th {font-size:1em; letter-spacing:2px; font-weight:normal; width:12em;}
#comp table td { text-align:left;}
@media only screen and (max-width: 850px) {
#comp table th {width:8em;}
}

/* 個人情報保護方針 */
#kojin dl dt { padding:1% 0; font-size:1.3em; border-bottom: 2px solid #069; color:#069; line-height:1.7em;}
#kojin dl dd { padding:2% 3% 4% 3%;}
#kojin div:nth-child(2) { text-align:right; padding-bottom:4%}
#kojin div:nth-child(3){ text-align:center;}
#kojin div span { line-height:2em; font-weight:bold;}

/* サイトマップ */
#sitemap h3 { margin-bottom:0px;}
#sitemap_ad { padding:1%;}
#sitemap ul div { font-weight:bold; font-size:1.1em; padding:1% 10px 1% 0;}
#sitemap ul li { display:inline-block; margin:0 1% 1%;}
#sitemap ul li a{ color:#000; display:block; padding:2px 4px; border-left: 2px solid #3788C4;
				background-image: linear-gradient(right, rgba(0,0,0,0) 50%, rgba(55,136,196,1) 48%);
				background-position: 0 0;background-size: 200% auto;transition: .3s;}
#sitemap ul li a:hover { background-color:#3788C4; text-decoration:none; color:#FFF;background-position: -100% 0;
border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;}

/* お知らせ（入職支度金制度） */
#info ul.list-di { padding-left:2em;}
#info ul.list-di li { list-style:decimal; margin-bottom:10px; }


/*Sdgsの取り組み*/

.top_sdgs a{
	display: block;
	width: 967px;
	margin: 0 auto 40px;
	}

/* .n-sdgs figure{
	margin: 0 0 20px 0;
} */

.n-sdgs figure img{
	width: 100%;
}

/* .n-sdgs p{
	color: #069edb;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
} */

.sdgs-list li{
	list-style-type: circle !important;
	}

#rinen ul li{
	margin-bottom: .2em;
	}

#sdgs{
	display: block;
	margin-bottom: 40px;
	}

.t-saiyo{
	display: none;
	}

@media only screen and (max-width: 1100px) {

	.top_sdgs a{
	width: 96%;
	margin: 0 auto 40px;
	}

	.top_sdgs a img{
	width: 100%;
	}

	}

@media only screen and (max-width: 850px) {

	.top_sdgs a{
	margin: 0 auto 10px;
	}

	.t-saiyo{
	display: block;
	color: #FFF;
	background-color: #1F7C38;
	border-radius: 8px;
	font-size: 20px;
	padding: 1.5em 1em;
	width: 96%;
	margin: 0 auto 20px;
	}
  .u-text24{
    font-size: 20px;
  }
	}

/*入職お祝い金制度*/

.top_bnr{
	margin-bottom: 40px;
}

.top_bnr img{
	max-width: 100%;
}

.indent{
	margin-left: 1em;
	text-indent: -1em;
}

.recruit_head{
	position:relative;
}

.recruit_head > .system_pc{
	position: absolute;
    top: 10%;
    right: 55%;
}

.recruit_head > .system_pc img{
	max-width: 230px
}

.system_sp{
	display: none;
}

@media only screen and (max-width: 850px) {

	.recruit_head > .system_pc{
		display: none;
	}
	
	.system_sp{
		display: block;
		margin-bottom: 20px;
		text-align: center;
	}

	.system_sp img{
		max-width: 60%;
	}
}