@charset "UTF-8";/*! Theme Name: wp */

@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru&family=M+PLUS+1p:wght@400;900&family=Noto+Sans+JP:wght@400;700;900&display=swap');

/*!
 * ress.css • v4.0.0
 * MIT License
 * github.com/filipelinhares/ress
 */
html { box-sizing: border-box; -webkit-text-size-adjust: 100%; word-break: normal; -moz-tab-size: 4; tab-size: 4; } *,::before,::after { background-repeat: no-repeat; box-sizing: inherit; } ::before,::after { text-decoration: inherit; vertical-align: inherit; } * { padding: 0; margin: 0; } hr { overflow: visible; height: 0; color: inherit; } details,main { display: block; } summary { display: list-item; } small { font-size: 80%; } [hidden] { display: none; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } a { background-color: transparent; } a:active,a:hover { outline-width: 0; } code,kbd,pre,samp { font-family: monospace, monospace; } pre { font-size: 1em; } b,strong { font-weight: bolder; } sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { border-color: inherit; text-indent: 0; } input { border-radius: 0; } [disabled] { cursor: default; } [type='number']::-webkit-inner-spin-button,[type='number']::-webkit-outer-spin-button { height: auto; } [type='search'] { -webkit-appearance: textfield; outline-offset: -2px; } [type='search']::-webkit-search-decoration { -webkit-appearance: none; } textarea { overflow: auto; resize: vertical; } button,input,optgroup,select,textarea { font: inherit; } optgroup { font-weight: bold; } button { overflow: visible; } button,select { text-transform: none; } button,[type='button'],[type='reset'],[type='submit'],[role='button'] { cursor: pointer; color: inherit; } button::-moz-focus-inner,[type='button']::-moz-focus-inner,[type='reset']::-moz-focus-inner,[type='submit']::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring,[type='button']::-moz-focus-inner,[type='reset']::-moz-focus-inner,[type='submit']::-moz-focus-inner { outline: 1px dotted ButtonText; } button,html [type='button'],[type='reset'],[type='submit'] { -webkit-appearance: button; } button,input,select,textarea { background-color: transparent; border-style: none; } a:focus,button:focus,input:focus,select:focus,textarea:focus { outline-width: 0; } select { -moz-appearance: none; -webkit-appearance: none; } select::-ms-expand { display: none; } select::-ms-value { color: currentColor; } legend { border: 0; color: inherit; display: table; max-width: 100%; white-space: normal; } ::-webkit-file-upload-button { -webkit-appearance: button; color: inherit; font: inherit; } img { border-style: none; } progress { vertical-align: baseline; } [aria-busy='true'] { cursor: progress; } [aria-controls] { cursor: pointer; } [aria-disabled='true'] { cursor: default; }


/*====================================

	0. General

====================================*/
html { font-size: 62.5%; }
body { position: relative; background: #84d2d4; color: #000; font-size: 1.0rem; font-family: 'Noto Sans JP', sans-serif; font-weight: 400; }
img { vertical-align: bottom; }
a { color: #000; text-decoration: none; cursor: pointer; }
input[type=submit] { cursor: pointer; }
ul,
ol { list-style: none; }
.kiwi { font-family: 'Kiwi Maru', serif; }
.mplus { font-family: 'M PLUS 1p', sans-serif; }

@media (min-width: 768px) {
	a:hover { opacity: 0.9; }
	.spOnly { display: none !important; }
	div.inner { display: block; margin: 0 auto; width: 1160px; position: relative; }
	#page-top { position: fixed; right: 30px; bottom: 30px; z-index: 10; }
	#page-top a { display: block; width: 70px; height: 70px; background: #fff url("../image/icon_pagetop.png") no-repeat 50% 50%; text-align: center; text-indent: -9999px; }
}
@media (max-width: 767px) {
	.pcOnly { display: none !important; }
	img { width: 100%; height: auto; }
	#page-top { position: fixed; right: 3vw; bottom: 3vw; z-index: 10; }
	#page-top a { display: block; width: 12vw; height: 12vw; background: #fff url("../image/icon_pagetop.png") no-repeat 50% 50% / 3vw auto; text-align: center; text-indent: -9999px; }
}


/*====================================

	1. Header

====================================*/
@media (min-width: 768px) {
	header { padding: 60px 0; }
	header h1 { text-align: center; }
	header h1 img { width: 500px; }
}
@media (max-width: 767px) {
	header { padding: 5vw; }
	header h1 { text-align: center; }
	header h1 img { width: 75vw; }
}


/*====================================

	2. Footer

====================================*/
@media (min-width: 768px) {
	footer { text-align: center; font-size: 1.4rem; padding-bottom: 60px; }
	footer p { color: #888; }
}
@media (max-width: 767px) {
	footer { text-align: center; font-size: 3.4vw; padding-bottom: 5vw; }
	footer p { color: #888; }
}


/*====================================

	3. Main

====================================*/
@media (min-width: 768px) {
	main { font-size: 1.4rem; line-height: 1.4; }
}
@media (max-width: 767px) {
	main { font-size: 3.4vw; line-height: 1.4; }
}

/*-----------------------------------------------------
Text
------------------------------------------------------*/
main small { font-size: 80% !important; }
.taR { text-align: right; }
.taL { text-align: left; }
.taC { text-align: center; }
.fwB { font-weight: 700; }


/*-----------------------------------------------------
Btn
------------------------------------------------------*/
.btn { display: inline-block; position: relative; text-align: center; line-height: 1 !important; text-decoration: none; }
.icon { display: inline-block; position: relative; line-height: 1 !important; text-decoration: none; }

@media (min-width: 768px) {
	.btn.btnMore { background: #fff; padding: 10px 40px 10px 20px; border-radius: 2em; }
	.btn.btnMore::before { position: absolute; top: 0; right: 15px; bottom: 0; margin: auto; width: 10px; height: 10px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 7px solid #84d2d4; content: ""; }
}
@media (max-width: 767px) {
	.btn.btnMore { background: #fff; padding: 2vw 8vw 2vw 4vw; border-radius: 2em; }
	.btn.btnMore::before { position: absolute; top: 0; right: 3vw; bottom: 0; margin: auto; width: 10px; height: 10px; border-top: 1.4vw solid transparent; border-bottom: 1.4vw solid transparent; border-left: 2.2vw solid #84d2d4; content: ""; }
}


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

共通

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

@media (min-width: 768px) {
	.jobList { display: flex; flex-wrap: wrap; }
	.jobList > *:not(:nth-child(5n)) { margin-right: 15px; }
	.jobCard { position: relative; width: 208px; background: #fff; border-radius: 10px; margin-bottom: 15px; padding: 15px 8px; box-shadow: 3px 3px 0 0 rgba(159, 160, 160, 1); }
	.jobCard__status { position: absolute; top: 80px; left: 10px; font-size: 1.4rem; font-weight: 700; background: #d47d96; color: #fff; display: inline-block; padding: 2px 10px; border-radius: 2em; }
	.jobCard__genre { text-align: center; font-size: 1.2rem; }
	.jobCard__title { text-align: center; color: #84d2d4; font-weight: 900; font-style: italic; font-size: 3.5rem; transform: scale(0.94,1); transform-origin: 0 0; width: 106%; }
	.jobCard__title.narrow1 { transform: scale(0.8,1); transform-origin: 0 0; width: 125%; }
	.jobCard__title.narrow2 { transform: scale(0.7,1); transform-origin: 0 0; width: 142%; }
	.jobCard__title.narrow3 { transform: scale(0.48,1); transform-origin: 0 0; width: 210%; }
	.jobCard__img { width: 100%; height: 130px; display: flex; align-items: flex-end; justify-content: center; }
	.jobCard__more { text-align: center; background: #84d2d4; color: #fff; margin: 0 12px 8px; border-radius: 10px; padding: 2px; }
	.jobCard__text1 { font-size: 1rem; margin: 0 0 2px 6px; }
	.jobCard__text2 { font-size: 1rem; margin: 0 6px; }

	.newsList { background: #fff; padding: 40px 40px 20px; }
	.newsList__cont { float: left; width: 180px; }
	.newsList__article { padding: 0 0 20px 180px; color: #727171; }
	.newsList__article:not(:last-child) { margin-bottom: 20px; border-bottom: 2px solid #84d2d4; }
	.newsList__genre { font-weight: 700; }
	.newsList__date { font-weight: 700; color: #84d2d4; display: block; font-size: 1.6rem; }
	.newsList__title { text-decoration: underline; }

	.wp-pagenavi { display: flex; margin-top: 40px; justify-content: center; align-items: center; }
	.wp-pagenavi a { display: flex; justify-content: center; align-items: center; }
	.wp-pagenavi span { display: flex; background: #84d2d4 !important; color: #fff !important; justify-content: center; align-items: center; }
	.wp-pagenavi span,
	.wp-pagenavi a:not(.previouspostslink):not(.nextpostslink) { margin: 0 8px; width: 40px; height: 40px; border: 1px dashed #fff; border-radius: 50%; background: #fff; color: #84d2d4; }
	.wp-pagenavi a.previouspostslink { position: relative; margin: 0 20px; width: 30px; height: 30px; text-indent: -9999px; }
	.wp-pagenavi a.previouspostslink:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 20px; height: 10px; border-top: 5px solid transparent; border-right: 7px solid #fff; border-bottom: 5px solid transparent; background: #84d2d4; content: ""; }
	.wp-pagenavi a.nextpostslink { position: relative; margin: 0 20px; width: 30px; height: 30px; text-indent: -9999px; }
	.wp-pagenavi a.nextpostslink:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 20px; height: 10px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 7px solid #fff; background: #84d2d4; content: ""; }
}
@media (max-width: 767px) {
	.jobCard { position: relative; width: 70vw !important; background: #fff; border-radius: 3vw; margin-bottom: 5vw; padding: 5vw; box-shadow: 1vw 1vw 0 0 rgba(159, 160, 160, 1); display: block; }
	.jobCard__status { position: absolute; top: 20vw; left: 5vw; font-size: 4vw; font-weight: 700; background: #d47d96; color: #fff; display: inline-block; padding: 0.6vw 4vw; border-radius: 2em; }
	.jobCard__genre { text-align: center; font-size: 3vw; }
	.jobCard__title { text-align: center; color: #84d2d4; font-weight: 900; font-style: italic; font-size: 9vw; }
	.jobCard__title.narrow1 { transform: scale(0.9,1); transform-origin: 0 0; width: 111%; }
	.jobCard__title.narrow2 { transform: scale(0.8,1); transform-origin: 0 0; width: 125%; }
	.jobCard__title.narrow3 { transform: scale(0.6,1); transform-origin: 0 0; width: 170%; }
	.jobCard__img { width: 100%; height: 40vw; display: flex; align-items: flex-end; justify-content: center; }
	.jobCard__img img { height: 38vw; width: auto; }
	.jobCard__more { text-align: center; background: #84d2d4; color: #fff; margin-bottom: 2vw; border-radius: 3vw; padding: 1vw; }
	.jobCard__text1 { font-size: 3vw; margin-bottom: 1vw; }
	.jobCard__text2 { font-size: 3vw; }

	.newsList { background: #fff; padding: 4vw 0 2vw; }
	.newsList__cont { float: left; width: 32vw; padding-left: 4vw; }
	.newsList__article { padding: 0 4vw 3vw 32vw; color: #727171; }
	.newsList__article:not(:last-child) { margin-bottom: 3vw; border-bottom: 0.4vw solid #84d2d4; }
	.newsList__genre { font-weight: 700; }
	.newsList__date { font-weight: 700; color: #84d2d4; display: block; font-size: 3.75vw; }
	.newsList__title { text-decoration: underline; }

	.wp-pagenavi { display: flex; margin-top: 10vw; justify-content: center; align-items: center; }
	.wp-pagenavi a { display: flex; justify-content: center; align-items: center; }
	.wp-pagenavi span { display: flex; background: #84d2d4 !important; color: #fff !important; justify-content: center; align-items: center; }
	.wp-pagenavi span,
	.wp-pagenavi a:not(.previouspostslink):not(.nextpostslink) { margin: 0 2vw; width: 8vw; height: 8vw; border: 0.2vw dashed #fff; border-radius: 50%; background: #fff; color: #84d2d4; }
	.wp-pagenavi a.previouspostslink { position: relative; margin: 0 5vw; width: 5vw; height: 5vw; text-indent: -9999px; }
	.wp-pagenavi a.previouspostslink:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 20px; height: 10px; border-top: 1.4vw solid transparent; border-right: 2.2vw solid #fff; border-bottom: 1.4vw solid transparent; background: #84d2d4; content: ""; }
	.wp-pagenavi a.nextpostslink { position: relative; margin: 0 5vw; width: 5vw; height: 5vw; text-indent: -9999px; }
	.wp-pagenavi a.nextpostslink:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 20px; height: 10px; border-top: 1.4vw solid transparent; border-bottom: 1.4vw solid transparent; border-left: 2.2vw solid #fff; background: #84d2d4; content: ""; }
}




@media (min-width: 768px) {
	.jobBlock { width: 1100px; margin: 0 auto 60px; }
	.newsBlock { width: 1100px; margin: 0 auto 60px; }
	.newsBlock .title01 { font-size: 3rem; font-weight: 400; text-align: center; margin-bottom: 15px; color: #fff; }
	.newsBlock .moreInfo { margin-top: 30px; text-align: center; }
	.articleTitle { background: #fff; padding: 40px 40px 20px; }
	.article__genre { font-weight: 700; }
	.article__date { font-weight: 700; color: #84d2d4; display: block; font-size: 1.6rem; margin-bottom: 15px; }
	.article__title { font-size: 2.6rem; border-bottom: 2px solid #84d2d4; padding-bottom: 15px; }
	.articleArea { background: #fff; padding: 0 40px 40px; overflow: hidden; }
	.articleArea img,
	.articleArea .wp-caption { max-width: 100% !important; height: auto; }
	.articleArea h1,
	.articleArea h2,
	.articleArea h3,
	.articleArea h4,
	.articleArea h5,
	.articleArea h6 { margin: 20px 0; }
	.articleArea p { margin: 20px 0; }
	.articleArea ul { margin: 20px 0 20px 1.5em; list-style: disc; }
	.articleArea ol { margin: 20px 0 20px 1.5em; list-style: decimal; }
	.articleArea a { text-decoration: underline; }
	.articleArea img.alignright { display: block; margin: 0 0 0 auto; }
	.articleArea img.alignleft { display: block; margin: 0 auto 0 0; }
	.articleArea img.aligncenter { display: block; margin: 0 auto; }
	.contactBlock { width: 1100px; margin: 0 auto 60px; }
	.contactBlock ul { display: flex; justify-content: center; margin: 40px 0 15px; }
	.contactBlock ul li { margin: 0 10px; }
	.contactBlock ul img { width: 200px; }
	.contactBlock p { text-align: center; }
	.contactBlock p img { width: 300px; }
}
@media (max-width: 767px) {
	.jobBlock { margin-bottom: 6vw; }
	.newsBlock { margin-bottom: 6vw; }
	.newsBlock .title01 { font-size: 6vw; font-weight: 400; text-align: center; margin-bottom: 3vw; color: #fff; }
	.newsBlock .moreInfo { margin-top: 6vw; text-align: center; }
	.articleTitle { background: #fff; padding: 4vw 4vw 2vw; }
	.article__genre { font-weight: 700; }
	.article__date { font-weight: 700; color: #84d2d4; display: block; font-size: 3.75vw; margin-bottom: 2vw; }
	.article__title { font-size: 6vw; border-bottom: 0.2vw solid #84d2d4; padding-bottom: 2vw; }
	.articleArea { background: #fff; padding: 0 4vw 4vw; overflow: hidden; }
	.articleArea img,
	.articleArea .wp-caption { max-width: 100% !important; height: auto; }
	.articleArea h1,
	.articleArea h2,
	.articleArea h3,
	.articleArea h4,
	.articleArea h5,
	.articleArea h6 { margin: 2vw 0; }
	.articleArea p { margin: 2vw 0; }
	.articleArea ul { margin: 2vw 0 2vw 1.5em; list-style: disc; }
	.articleArea ol { margin: 2vw 0 2vw 1.5em; list-style: decimal; }
	.articleArea a { text-decoration: underline; }
	.articleArea img.alignright { display: block; margin: 0 0 0 auto; }
	.articleArea img.alignleft { display: block; margin: 0 auto 0 0; }
	.articleArea img.aligncenter { display: block; margin: 0 auto; }
	.contactBlock { padding: 0 5vw; margin-bottom: 10vw; }
	.contactBlock ul { display: flex; justify-content: space-between; margin: 5vw 0 2vw; }
	.contactBlock ul img { width: 42vw; }
	.contactBlock p { text-align: center; }
	.contactBlock p img { width: 60vw; }
}




.modal-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; text-align: center; background: rgba(0,0,0,50%); padding: 40px 20px; overflow: auto; opacity: 0; visibility: hidden; transition: .3s; box-sizing: border-box; }
.modal-container:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; }
.modal-container.active { opacity: 1; visibility: visible; }
.modal-body { position: relative; display: inline-block; vertical-align: middle; max-width: 500px; width: 90%; }
@media screen and (min-width: 960px) {
	.modal-container {}
	.modal-title { font-size: 30px; font-weight: bold; margin-bottom: 15px; }
	.modal-close { cursor: pointer; border: 3px solid #84d2d4; border-radius: 2em; background: #fff; font-weight: 700; font-size: 20px; padding: 8px; }
	.modal-content { background: rgba(255,255,255,0.8); padding: 60px; border: 3px solid #84d2d4; }
}
@media screen and (max-width: 959px) {
	.modal-title { font-size: 4.4vw; font-weight: bold; margin-bottom: 3vw; }
	.modal-close { cursor: pointer; border: 0.6vw solid #84d2d4; border-radius: 2em; background: #fff; font-weight: 700; font-size: 3vw; padding: 2vw; }
	.modal-content { background: rgba(255,255,255,0.8); padding: 8vw 6vw; border: 0.6vw solid #84d2d4; }
}

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

概要

------------------------------------------------------*/
@media screen and (min-width: 768px) {
	.summary { font-size: 20px; }
}
@media screen and (max-width: 767px) {
	.summary { display: none; }
}