@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');

/*--------------------------------------------------------------------------------------------------

   common

--------------------------------------------------------------------------------------------------*/


/*reset-------------------------------------------------*/
*, *:before, *:after {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
 box-sizing: border-box;
}

body,div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd {
	margin: 0;
	padding: 0;
}

table {
 border-collapse: collapse;
	border-spacing: 0;
}

img {
	border: none;
	vertical-align: top;
  -webkit-backface-visibility: hidden;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

header,section,article,aside,footer,nav {
 display: block;
}

/*-------------------------------------------------reset*/


/*common-------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	color: #000000;
	font-size: 16px;
	font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
 line-height: 1.6;
}

a:link {
	color: #006699;
}

a:visited {
	color: #993300;
}

a:hover, a:active {
	color: #F26400;
}

.clear:after {
 content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clear {
 display: inline-table;
 overflow: hidden;
}

/* mac \*/
* html .clear {
 height: 1%;
}
.clear {
 display: block;
}
/* macend */

.alignleft {
	float: left;
	margin: 0 10px 10px 0;
}

.alignright {
	float: right;
	margin: 0 0 10px 10px;
}

.aligncenter {
	display: block;
	margin: 0 auto;
}

.marker {
	font-size: 20px;
	font-weight: 500;
 background:linear-gradient(transparent 60%, #ff6 60%);
}

/*-------------------------------------------------common*/


@media all and (min-width: 1280px) {

/*------------------------------------------------------------------------------------------------
  header
--------------------------------------------------------------------------------------------------*/
header {
	padding: 20px;
	display: flex;
	justify-content: space-between;
}

header h1,
header p {
	font-size: 32px;
	line-height: 1;
	font-weight: 500;
}

header h1 span,
header p span {
	font-size: 20px;
	display: inline-block;
	position: relative;
	margin: 8px 0 0 20px;
	vertical-align: top;
}

header h1 span:before,
header p span:before {
	position: absolute;
	content: "";
	background-color: #4D9996;
	width: 2px;
	height: 40px;
	top: -8px;
	left: -10px;
}

header h1 a,
header p a {
	text-decoration: none;
	color: #000 !important;
}

header ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

header ul li {
	margin: 0 0 0 10px;
	padding: 0;
	display: inline-block;
}

header ul li a {
	display: block;
	text-decoration: none;
	color: #FFF !important;
	border-radius: 24px;
	padding: 8px 24px;
}

header ul li:nth-child(1) a {
	background-color: #E68273;
	border: 1px solid #E68273;
}

header ul li:nth-child(1) a:hover {
	background-color: #FFF;
	color: #E68273 !important;
}

header ul li:nth-child(2) a,
header ul li:nth-child(3) a {
	background-color: #4D9996;
	border: 1px solid #4D9996;
}

header ul li:nth-child(2) a:hover,
header ul li:nth-child(3) a:hover {
	background-color: #FFF;
	color: #4D9996 !important;
}

nav {
	background-color:#F5F5F5;
}

nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
}

nav ul li {
	margin: 0;
	padding: 0;
	width: 12%;
	text-align: center;
	position: relative;
}

nav ul li:after {
	position: absolute;
	content: "";
	top: 10px;
	right: 0;
	width: 1px;
	height: 30px;
	background-color: #CCC;
}

nav ul li:last-child:after {
	display: none;
}

nav ul li:nth-child(1),
nav ul li:nth-child(8) {
	width: 11%;
}

nav ul li:nth-child(2),
nav ul li:nth-child(5),
nav ul li:nth-child(6) {
	width: 14%;
}

nav ul li a {
	display: block;
	text-decoration: none;
	color: #000 !important;
	padding: 12px 0;
	font-weight: 500;
}

nav ul li a:hover {
	background-color: #D9ECEC;
	text-decoration: underline;
}

.menubt {
display: none;
}

.sp {
display: none;
}


/*------------------------------------------------------------------------------------------------
  footer
--------------------------------------------------------------------------------------------------*/
#footer {
	border-top: 4px solid #252931;
	border-bottom: 1px solid #CCC;
}

#footer footer {
	padding: 30px 0;
	background-color: #F5F5F5;
}

#footer .inner {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

#footer .inner .logo {
	font-size: 20px;
	margin-bottom: 20px;
}

#footer .inner address {
	font-style: normal;
}

#footer .inner .link {
	padding: 20px 0 0;
}

#footer .inner .link a {
	display: block;
	border: 1px solid #4D9996;
	text-decoration: none;
	padding: 8px 24px;
	border-radius: 30px;
	width: 240px;
	font-size: 18px;
	background-color: #4D9996;
	color: #FFF;
	position: relative;
}

#footer .inner .link a:before {
	content: '\f054';
	font-family: FontAwesome;
	position: absolute;
	right: 8%;
	top: 10px;
}

#footer .inner .link a:hover {
	background-color: #FFF;
	color: #4D9996;
}

#copy {
	padding: 16px 0;
	text-align: center;
	font-size: 14px;
}

#pagetop {
	position: fixed;
	bottom: 36px;
	right: 20px;
}

#pagetop img {
	width: 40px;
	height: 40px;
	cursor: pointer;
}


/*------------------------------------------------------------------------------------------------
  secTitle
--------------------------------------------------------------------------------------------------*/
#secTitle {
	position: relative;
	border-bottom: 1px solid #CCC;
	height: 139px;
	background: url(../image/title_back.png) no-repeat 100% 0, linear-gradient(90deg, #D9ECEC 30%, #FFF 80%);
}

#secTitle .inner {
	width: 1200px;
	margin: 0 auto;
}

#secTitle .inner h1 {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-size: 28px;
	font-weight: 500;
	letter-spacing: 0.02em;
	padding: 0 0 0 20px;
}

#secTitle .inner h1:before {
	position: absolute;
	top: 8px;
	left: 0;
	width: 4px;
	height: 30px;
	background-color: #4D9996;
	transform: rotate(15deg);
	content: "";
}


/*------------------------------------------------------------------------------------------------
  pan
--------------------------------------------------------------------------------------------------*/
#pan {
	width: 1200px;
	margin: 0 auto;
	padding: 8px;
}

#pan ol {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: right;
	font-size: 14px;
}

#pan ol li {
	margin: 0;
	padding: 0;
}

#pan ol li a {
	text-decoration: none;
	color: #000;
}

#pan ol li a:hover {
	text-decoration: underline;
}


/*------------------------------------------------------------------------------------------------
  second
--------------------------------------------------------------------------------------------------*/
#second {
	padding: 40px 0 100px;
}

#second .inner {
	width: 1200px;
	margin: 0 auto;
}

#second .inner h2 {
	position: relative;
	font-size: 28px;
	font-weight: 500;
	margin: 0 0 30px;
	padding: 0 0 10px;
	border-bottom: 4px solid #CCCCCC;
}

#second .inner h2:before {
	position: absolute;
	width: 86px;
	height: 4px;
	bottom: -4px;
	left: 0;
	content: "";
	background-color: #4D9996;
}

#second .inner h2.hiduke {
    display: flex;
    justify-content: space-between;
    align-items: end;
}

#second .inner h2.hiduke div {
    font-size: 20px;
}


#second .inner h3 {
 position: relative;
 padding: 1rem 2rem calc(1rem - 5px) 1.5rem;
 background: #E0EFEF;
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 20px;
}

#second .inner h3:before {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 100%;
  height: 100%;
  content: '';
  border: 1px solid #4D9996;
}

#second .inner p {
	margin: 0 0 30px;
}

#second .inner p.mgnb0 {
	margin: 0;
}

#second .inner p.mgnb100 {
	margin: 0 0 100px;
}

#second .inner p.mgnb60 {
	margin: 0 0 60px;
}

#second .pager_wrap {
	position: relative;
	overflow: hidden;
	margin: 20px 0 10px;
}

#second .pager_wrap ul.pager {
	position: relative;
	left: 50%;
	float: left;
}

#second .pager_wrap ul.pager li {
	position: relative;
	left: -50%;
	float: left;
}

#second .pager_wrap ul.pager {
	margin: 0;
	padding: 0;
	list-style: none;
}

#second .pager_wrap ul.pager li {
	display: inline;
	min-width: 20px;
	margin: 2px 4px;
	padding: 0;
	background-color: #FFF;
	text-align: center;
	border: 1px solid #4D9996;
	text-indent: 0;
}

#second .pager_wrap ul.pager li a {
	display: block;
	padding: 10px 15px;
	text-decoration: none;
	border: none;
	color: #4D9996;
}

#second .pager_wrap ul.pager li::before {
content: "";
margin-right: 0;
}
#second .pager_wrap ul.pager li.active {
	background-color: #E0EFEF;
	display: block;
	padding: 10px 15px;
	color: #000;
}

#second .pager_wrap ul.pager li.active a:link, #second .pager_wrap ul.pager li.active a:visited,
#second .pager_wrap ul.pager li.active a:hover, #second .pager_wrap ul.pager li.active a:active {
	color: #FFFFFF !important;
}

#second .pager_wrap ul.pager li a:hover {
	color: #000;
	background-color: #E0EFEF;
}

#second .inner .btn a {
	display: block;
	border: 1px solid #4D9996;
	text-decoration: none;
	padding: 8px 24px;
	border-radius: 30px;
	width: 240px;
	background-color: #4D9996;
	color: #FFF;
	position: relative;
	width: 240px;
	margin: 0 auto;
}

#second .inner .btn a:before {
	content: '\f054';
	font-family: FontAwesome;
	position: absolute;
	right: 8%;
	top: 10px;
}

#second .inner .btn a:hover {
	background-color: #FFF;
	color: #4D9996;
}

#second .pageNavi {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}

#second .pageNavi li {
	width: 31%;
	margin: 0 1% 20px;
	padding: 0;
	text-align: center;
	box-shadow: 3px 3px 0 #EEE;
}

#second .pageNavi li a {
	display: block;
	padding: 12px 8px;
	border: 1px solid #4D9996;
	text-decoration: none;
	position: relative;
	color: #4D9996;
}

#second .pageNavi li a:before {
	position: absolute;
	content: '\f054';
	font-family: FontAwesome;
	position: absolute;
	right: 8%;
	top: 14px;
}

#second .pageNavi li a:hover {
	background-color: #4D9996;
	color: #FFF;
}

#second .recruitNavi {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}

#second .recruitNavi li {
	width: 22%;
	margin: 0 1.5% 20px;
	padding: 0;
	text-align: center;
	box-shadow: 3px 3px 0 #EEE;
}

#second .recruitNavi li a {
	display: block;
	padding: 12px 8px;
	border: 1px solid #4D9996;
	text-decoration: none;
	position: relative;
	color: #4D9996;
}

#second .recruitNavi li a:hover {
	background-color: #4D9996;
	color: #FFF;
}

#second .recruitNavi li img {
	max-width: 100%;
	height: auto;
}

.alignright2 {
	float: right;
	margin: 0 0 20px 40px;
}