@charset "UTF-8";

/*共通
---------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote,
small, strong, sub, sup, var,b, i,
dl, dt, dd, ol, ul, li,
form, label,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section,
audio, video {
    margin:0;
    padding:0;
    display: block;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    box-sizing: -webkit-border-box;
    box-sizing: -moz-border-box;
    box-sizing: border-box;
}
body {
    line-height:1;
    letter-spacing: 2px;
	overflow-x: hidden;
}
img {
  max-width: 100%;
}
ul {
    list-style:none;
    padding: 0;
}
p,h1,h2,h3,div {
  word-wrap: break-word;
}
a {
    margin:0;
    padding:0;
    text-decoration: none;
/*    vertical-align:baseline;*/
}
table {
    border-collapse:collapse;  /*隣接するセルのボーダーを重ねて表示します。separateだと隣接するボーダーとの間隔をあける*/
    border-spacing:0;           /*separateの時の間隔をあける*/
}
sub{
  display: inline-block;
  font-size: smaller;
}





/*article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}*/


/*　　　float　を使わないでナビゲーション作成するソース
ul {text-align: center;}     <!-- ul の中身を中央揃えにして -->
li {display: inline-block;}  <!-- li をインラインブロックで表示して -->
a  {display: block;          <!-- a をブロックで表示して -->
    width: 40px;}            <!-- a に幅を指定 -->
**/
/*========================================================= ここまでリセット ==*/

html {
	font-size: 62.5%;
}

a{
	text-decoration:none;
	border:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	color: #212121;
}

a:hover{
	opacity: 0.8;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
:focus{
outline: 0;
}

.sb_main_img{
  text-align: center;
}
.sb_main_img img{
  margin:auto;
}

img {line-height: 0;
	border:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	vertical-align: middle;
	max-width: 100%;
	/* min-width: 1080px; */
}

body{
	background: #fff;
	letter-spacing: 0px;
	color: #212121;
	text-align: left;
	font-size: 100%;
	font-family:"Lucida Grande","Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
	line-height: 150%;
	margin:0;
	padding: 0;
 }

/*ここまでフォントサイズ
---------------------------------------*/
body , p {font-size: 1.6rem;}
h2 {
	font-size: 3.2rem;
}
.nav--flex .navList li a {
	font-size: 1.4rem;
}
/*/ここまでフォントサイズ
---------------------------------------*/


h1 a {
	/*padding: 9px; */
	display: block;
	font-family: "Roboto Condensed", serif;
	font-weight: 500;
	font-style: normal;
	text-align: center;
}
.nav {
	border-top: 1px solid #ececec;
}
h2 {
	color: #454545;
}

/*ナビゲーションエリア
---------------------------------------*/
.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 7777;
  width: 100%;
}
.nav {background: #fff;}
#news {
  position: relative;
  z-index: 1;
}
.nav--flex {
	position: relative;
	width: 1556px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.nav--flex .navList {
	display: flex;
	align-items: center;
	padding-left:169px;
  padding-left:15px;
}
.nav--flex .navList li {margin-right: 22px;}
.nav--flex .navList li:firsr-of-type {margin-right: 0;}
.nav--flex .navList li a {
	color: #1c63b3;
}
.entryBtn--flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.entryBtn--flex a {
	padding: 24px 0;
	width: 170px;
	text-align: center;
	border-radius: 10px;
	box-shadow: 2px 3px 0 #0000001f;
}
.entryBtn--flex .entry {background: #0376da;margin-right: 6px;}
.entryBtn--flex .my_page {background: #00b0d7;}


.entryBtn--flex a {
	color: #fff;
	display: block;
	position: relative;
	width: 170px;
	font-size: 1.4rem;
	text-align: center;
	border-radius: 10px;
	box-shadow: 2px 3px 0 #0000001f;
	padding: 18px 0 15px;
}
.entryBtn--flex a::after {
	content: "";
	position: absolute;
	right: 10px;
	top: 22px;
	width: 7px;
	height: 7px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	transform: rotate(45deg);
}


/*ナビゲーションエリア
---------------------------------------*/
/* .nav .navList li ul {
    height: auto!important;
    width: 180px;
    position: absolute;
    background: rgba(0, 0, 0, 0.8);
    padding: 10px!important;
    z-index: 8888;
}
.nav .navList li ul {
    width: 180px;
    display: none;
    position: absolute;
}
.nav li ul li {
    padding-bottom: 6px;
    border-bottom: 1px dotted #838383;
    width: 100%;
    margin-bottom: 10px;
}
.nav .navList li ul li a {
    color: #fff;
    font-size: 1.2rem;
    font-weight: 100;
    text-align: left;
    display: inline-block;
} */



/*メインコンテンツエリア
---------------------------------------*/
.wrapper {
	padding-top: 80px;
}
	@media screen and (max-width:750px) {
	  .wrapper {
		  padding-top: 60px;
		}
	}
main {
	font-size: 1.6em;
	width: 100%;
}
.specialConte {
	max-width: 1020px;
	margin: 0 auto;
}
.subConte {
	max-width: 1020px;
	margin: 0 auto;
}
/*/メインコンテンツエリア
---------------------------------------*/
/*===============================================
 pickuptBlock AREA
==============================================*/
.pickupBlock {
  background: url(/company/recruit/adoption_detail/images/common/pick_bg.png) no-repeat left;
  text-align: center;
  padding: 146px 0 63px;
}
	@media screen and (max-width:1024px) {
		.pickupBlock__inner {
			width: 94%;
			margin: 0 auto;
		}
	}
	@media screen and (max-width:768px) {
		.pickupBlock {
  			background: url(/company/recruit/adoption_detail/images/common/pick_bg.png) no-repeat left -50px;
			background-size: 80%;
			padding: 0 0 60px;
		}
		.pickupBlock__inner {
			width: 100%;
		}
	}
.pickupBlock h2 {
  display: inline-block;
  margin-bottom: 55px;
}
	@media screen and (max-width:768px) {
		.pickupBlock h2 {
		  text-align: center;
		  margin-top: 60px;
		}
	}
	@media screen and (max-width:750px) {
		.pickupBlock h2 {
			margin-top: 0;
		}
	}
.pick__item {
  display: flex;
  justify-content: space-between;
  width: 1020px;
  height: 142px;
  text-align: center;
  margin: 0 auto;
}
	@media screen and (max-width:1024px) {
		.pick__item {
			width: 100%;
		}
	}
	@media screen and (max-width:768px) {
		.pick__item {
		  width: 100%;
		  height: auto;
		  flex-wrap: wrap;
		  justify-content: space-around;
		}
	}
.pick__item li {
	position: relative;
	margin: 0 5px 10px;
}
.pick__item li a {
	display: block;
	background: rgb(201,221,241);
	background: linear-gradient(90deg, rgba(201,221,241,1) 0%, rgba(30,153,212,1) 57%, rgba(0,117,187,1) 86%, rgba(0,91,148,1) 100%);
	color: #fff;
	width: 142px;
	height: 47px;
	border-radius: 71px;
	padding-top: 95px;
	z-index: 20;
}
	@media screen and (max-width:768px) {
		.pick__item li a {
			width: 124px;
			height: 35px;
			border-radius: 62px;
			padding-top: 85px;
		}
	}
.pick__item li a::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 142px;
	height: 117px;
	padding-top: 25px;
}
	@media screen and (max-width:768px) {
		.pick__item li a::after {
			width: 124px;
			height: 104px;
			padding-top: 20px;
		}
	}
.pick__item li.pick__item01 a::after {
	content: url(/company/recruit/adoption_detail/images/common/icon_f_01.png);
}
.pick__item li.pick__item02 a::after {
	content: url(/company/recruit/adoption_detail/images/common/icon_f_02.png);
}
.pick__item li.pick__item03 a::after {
	content: url(/company/recruit/adoption_detail/images/common/icon_f_03.png);
}
.pick__item li.pick__item04 a::after {
	content: url(/company/recruit/adoption_detail/images/common/icon_f_04.png);
}
.pick__item li.pick__item05 a::after {
	content: url(/company/recruit/adoption_detail/images/common/icon_f_05.png);
}
.pick__item li a:hover {
	background: rgb(255,163,227);
	background: linear-gradient(90deg, rgba(255,163,227,1) 0%, rgba(0,171,251,1) 100%);
	transition: .5s all;
}


/*===============================================
footer nav AREA
==============================================*/
footer {
    width: 100%;
}
footer nav {
    width: 100%;
    padding: 15px 3rem;
    background: #f1f1f1;
}
footer nav ul {
    width: 920px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}

footer nav ul li{
}

footer nav ul li a {
    font-size: 1.4rem;
    font-weight: bold;
    text-decoration: underline
}
.footCopy--flex {
	display: flex;
	justify-content: space-between;
	width: 1020px;
	margin: 40px auto;
	align-items: flex-end;
}
.footCopy--flex .fot_logoArea {
	width: 197px;
}
.footCopy--flex .footCopy__sns {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 10px;
}
.footCopy--flex .footCopy__sns li {
	margin-left: 10px;
	width: 26px;
}
.footCopy--flex .footCopy__sns li img {
	width: 100%;
}
.footCopy--flex p {
	font-size: 80%;
}
.pc_none {
	display: none !important;
}
.sp_none {
	display: block !important;
}
	@media screen and (max-width: 750px) {
		.pc_none {
			display: block !important;
		}
		.sp_none {
			display: none !important;
		}
	}

/*
TOP Back Btn
==============================*/
.top_bt {
	position: fixed;
	right: 20px;
	bottom: 20px;
	width: 56px;
	height: 56px;
	z-index: 9999;	
}
.top_bt a {
	background: #0376DA;
	color: #fff;
	display: block;
	position: relative;
	width: 60px;
	height: 30px;
	font-size: 1.2rem;
	text-align: center;
	padding-top: 30px;
	opacity: .8;
}
.top_bt a::before {
	content: "";
	position: absolute;
	left: 23px;
	top: 16px;
	width: 14px;
	height: 14px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	transform: rotate(-45deg);
}
.top_bt a:hover {
	opacity: 1;
}


/*
/TOP Back Btn
==============================*/

@media screen and (max-width: 1556px) {
	.nav--flex{
		width: 100%;
		padding: 0 15px;
	}
	.nav--flex .navList {
		padding-left: 0;
	}
	.entryBtn--flex {
		width: 22%;
	}
	.entryBtn--flex a {
		width: 50%;
		padding: 17px;
	}
	/* .entryBtn--flex img {width: 70%;} */
	.nav--flex .navList li {
		margin-right: 1vw;
	}
	.nav--flex .navList li a {
		font-size: 1vw;
	}
}
@media screen and (max-width: 1200px) {
	.nav--flex h1 {
		width: 16%;
	}
	.nav--flex{
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}
@media screen and (max-width: 1020px) {
	.entryBtn--flex{
		width: 100%;
		margin: 1% 5%;
	}
	.entryBtn--flex img{
		width: 33%;
	}
	.pick__item,
	.footCopy--flex {width: 100%;padding: 0 15px;}
	.nav--flex .navList li a{
		font-size:1.4vw;
	}
	footer nav ul{
	  width:100%;
	}
	.nav_ar {
	    position: fixed;
	    width: 100%;
	    z-index: 8888;
	    background: #fff;
	}
	.menu_head h1 a{
		display: block;
		width: 32%;
		line-height: 1;
		padding-top: 9px;
		padding-left: 9px;
		position: fixed;
		padding-bottom: 9px;
		z-index: 100;
	}
}
@media screen and (max-width:750px) {
	.menu_head h1 a{
		display: block;
		width: 32%;
		padding-top: 9px;
		padding-left: 9px;
		position: fixed;
		padding-bottom: 9px;
		z-index: 100;
	}

	h2 {padding-top: 5px;}
	
	/*ここまでフォントサイズ
	---------------------------------------*/
	body , p{
		font-size: 1.4rem;
	}
	h2 {
		font-size: 2.2rem;
	}
	.nav--flex .navList li a {
		font-size: 1.4rem;
	}
	/*/ここまでフォントサイズ
	---------------------------------------*/
	
	.en_bt_02 {
	    display: flex;
	    justify-content: space-between;
	    padding: 12px 4px 4px;
	}
	.en_bt_02 li {
	    width: 49%;
	    text-align: center;
	    font-size: 2.2rem;
	    padding: 19px 0;
	    background: #0376da;
	    color: #fff!important;
	    border-radius: 15px;
	    box-shadow: 2px 3px 0 #0000001f;
	}
	.en_bt_02 li a {color: #fff;display: block;}
	.en_bt_02 li:last-child {
	    background: #00b0d7;
	}
	.en_bt_02 li:last-child a {color: #fff;}
	.pickupBlock {
		padding: 90px 0 50px;
	}
	footer {
	    min-width: 100%;
	    position: relative;
	    top: -20px;
	}
	footer nav {
	    width: 100%;
	    padding: 15px 0;
	    background: #f1f1f1;
	}
	footer nav ul {
		padding: 0 20px;
	    width: 100%;
	    flex-wrap: wrap;
	    text-align: center;
	    justify-content: space-around;
	}
	footer nav ul li {
	    margin: 0;
	    width: 50%;
	    text-align: center;
	}
	footer nav ul li a {
	    padding: 10px 0;
	    display: block;
	    font-size: 1.2rem;
	}
	.footCopy--flex {
		width: 100%;
		display: block;
		padding: 0 15px;
		margin: 24px 0;
	}
	.footCopy--flex figure {
		text-align: center;
		margin-bottom: 20px;
	}
	.footCopy--flex .footCopy__sns {
		justify-content: center;
	}
	.footCopy--flex .footCopy__sns li {
		margin: 0 5px;
	}
	small {
	    font-size: 0.5em;
	    color: #000;
	    text-align: center;
	}
}/*700px media*/
/*/footer　Area
---------------------------------------*/





/    clearfix       ****/
.clearfix:after {
  content: ".";  /* 新しいコンテンツ */
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; /* 非表示に */
}
/****    ie 対策用clearfix    /
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*?*//*/
  height: auto;
  overflow: hidden;
  /**/
}