/*
Theme Name:  kangokaigo
Theme URI:　
Author: aiarea
Author URI: http://ai-area.com/
Version: 1.01
*/

/*######################################################################

		Reset CSS

************************************************************************/

/*
html5doctor.com Reset Stylesheet
v1.4.1
2010-03-01
Author: Richard Clark - http://richclarkdesign.com
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	list-style:none;
}

ol{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

body {
	line-height:1;
}

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

nav ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

ins {
	background-color:#ff9;
	color:#333;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

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

hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}

input, select {
	vertical-align:middle;
}



/*######################################################################

		General

************************************************************************/

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	font-size: 62.5%;
}

body {
	color: #4a4a4a;
	font-size: 1.6rem;
	font-family: "Zen Maru Gothic","M PLUS Rounded 1c", 'Noto Sans JP', sans-serif;
	line-height: 1.61;
}

@media screen and (max-width: 768px){
	body {
		font-size: 1.5rem;
	}
}

img {
	-ms-interpolation-mode: bicubic;
}

input[type="submit"] {
	-webkit-appearance: none;
}


/*
 link
/////////////////////////////////////////////////////////*/

a{
	color: #4a4a4a;
	text-decoration: none;
}

a:hover {
	color: #4a4a4a;
	opacity: .5;
	transition: 0.3s ease;
}

a:hover img{
	opacity: .5;
}


/*######################################################################

		Header

************************************************************************/
/*
	header-area
/////////////////////////////////////////////////////////*/

/*  header-general */

.header-section {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}

@media screen and (max-width: 960px){
	.header-section {
		padding: 2rem;
	}
}

.logo {
	padding-left: 3rem;
	width: 26.5rem;
}

@media screen and (max-width: 980px){
	.logo {
		padding-left: 2rem;
	}
}

@media screen and (max-width: 768px){
	.logo {
		padding-left: 0;
		width: 17rem;
	}
}

.header-nav {
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	align-items: center;
	font-size: 1.4rem;
}

.logo img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}

.header-nav li:not(:last-child) {
	margin-right: 3rem;
}

.header-nav li a {
	color: #39180C;
}

.header-nav li.tel {
	font-size: 3rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
}

.header-nav li.tel span {
	display: block;
	font-size: 1.4rem;
}

.header-nav li.contact a {
	display: block;
	padding: .5rem 2rem;
	text-align: center;
	background-color: #FFF8E4;
}

.header-nav li.entry a {
	display: block;
	padding: 3rem 5rem;
	background-color: #CAEFE7;
}

.header-subnav {
	padding: 2rem;
	background-color: #FCE4C8;
}

.header-subnav ul {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.4rem;
}

.header-subnav ul li:not(:last-child) {
	margin-right: 5rem;
}

.header-subnav a {
	color: #39180C;
}

.menu-btn,
.fullnav {
	display: none;
}

@media screen and (max-width: 960px){
	.header-nav,
	.header-subnav {
		display: none;
	}

	.menu-btn {
		display: block;
	}

	.c-button {
	  position: relative;
	  display: inline-block;
	  text-decoration: none;
	  -webkit-appearance: none;
	  -moz-appearance: none;
	  appearance: none;
	  border: none;
	  background-color: transparent;
	  cursor: pointer;
	}

	.menu-btn button {
	  position: relative;
	  width: 2.5rem;
	  height: 3rem;
	  margin: auto;
	  box-shadow: 0 0 2rem transparent;
	  outline: none;
    transition: all .3s ease-in-out;
    z-index: 150;
	}

	.menu-btn button:hover,
	.menu-btn button:focus {
	  box-shadow: 0 0 .5rem rgba(255, 255, 255, .5);
	}

	.menu-btn .line {
	  position: absolute;
	  top: 0;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  margin: auto;
	  width: 100%;
	  height: 2px;
    transition: all .3s ease-in-out;
	}

	.menu-btn .line::before,
	.menu-btn .line::after {
	  position: absolute;
	  display: block;
	  width: 100%;
	  height: 2px;
	  background-color: #111;
	  content: '';
    transition: all .3s ease-in-out;
	}

	.menu-btn .line::before {
	  top: -5px;
	}

	.menu-btn .line::after {
	  top: 5px;
	}

	.menu-btn button[aria-expanded="true"] .line::before,
	.menu-btn button[aria-expanded="true"] .line::after {
	  top: 0;
	  background-color: #111;
	}

	.menu-btn button[aria-expanded="true"] .line::before {
		transform: rotate(45deg);
	}

	.menu-btn button[aria-expanded="true"] .line::after {
		transform: rotate(-45deg);
	}

	.menu-btn .text {
	  position: absolute;
	  white-space: nowrap;
	  width: 1px;
	  height: 1px;
	  overflow: hidden;
	  border: 0;
	  padding: 0;
	  clip: rect(0 0 0 0);
	  clip-path: inset(50%);
	  margin: -1px;
	}

	.fullnav {
	  display: none;
	  position: fixed;
		justify-content: center;
		align-items: center;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100vh;
		color: #fff;
		background-color: #f6f6f6;
	  z-index: 100;
	  -webkit-overflow-scrolling: touch;
	  overflow-y: hidden;
	  touch-action: none;
	  z-index: 120;
	}

	.no-scroll {
		overflow: hidden;
		touch-action: none;
	}

	.fullnav-contents {
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		height: 100%;
	}

	.fillnav-list li {
		font-size: 2rem;
		font-weight: bold;
	}

	.fillnav-list li:not(:last-child) {
		margin-bottom: 1.5rem;
	}

	.fillnav-list li a:hover {
		opacity: .5;
		text-decoration: none;
	}
}



.top-header-contents {
	 padding: 6rem 0 1rem;
 	 color: #39180C;
 	 background: #eefff7;
 	 z-index: -1;
}


@media screen and (max-width: 768px){
	.top-header-contents {
		padding: 2rem 0 1rem;
	}
}


.top-header-contents .wrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	flex-direction: row-reverse;
	margin: 0 auto;
	width: 120rem;
	background: #fff;
	padding: 40px 40px 40px 50px ;
	border-radius: 30px;
	
}

@media screen and (max-width: 1000px){
	.top-header-contents .wrap {
		padding: 0 1rem;
		width: 90%;
		background: #fff;
		padding: 40px 20px;
		border-radius: 30px;
	}
}

.top-header-contents .wrap-contents {
	width: 35%;
}

.top-header-contents figure {
	width: 60%;
}

@media screen and (max-width: 768px){
	.top-header-contents .wrap-contents {
		width: 100%;
		text-align: center;
	}

	.top-header-contents figure {
		margin-bottom: 3rem;
		width: 100%;
	}
}

.top-header-contents .main {
	margin-bottom: 1.2rem;
	font-size: 32px;
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 900;
	color: #3aad9c;
}

.top-header-contents .text {
	margin-bottom: 3rem;
	color: #373636;
}

@media screen and (max-width: 768px){
	.top-header-contents .main {
		font-size: 2.4rem;
	}

	.top-header-contents .text {
		font-size: 1.4rem;
	}
}

.top-header-contents .btn-wrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.top-header-contents .btn-wrap .item {
	width: 48%;
}

.top-header-contents .btn-wrap .item a {
	display: block;
	padding: 1rem;
	color: #fff;
	text-align: center;
	font-weight: bold;
	background-color: #ea9aa7;
}


.top-header-contents .btn-wrap .item2 {
	width: 48%;
}

.top-header-contents .btn-wrap .item2 a {
	display: block;
	padding: 1rem;
	color: #fff;
	text-align: center;
	font-weight: bold;
	background-color: #6bc4b1;
}



.top-header-contents figure img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}

.page-header {
	padding: 15rem 0;
	background: url(https://kango-kaigo.jp/wp/wp-content/uploads/pageheader-1.png) repeat center top;
}

.page-header h1 {
	font-size: 2.8rem;
	text-align: center;
}

.page-header h1 span {
	display: block;
	margin-top: 2rem;
	font-size: 1.2rem;
}

@media screen and (max-width: 768px){
	.page-header {
		padding: 10rem 0;
	}

	.page-header h1 {
		font-size: 2rem;
	}

	.page-header h1 span {
		margin-top: 1rem;
	}
}

.page-header-bg {
	position: relative;
}

.page-header-bg:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(178,171,142,.2);
}

.page-header-bg img {
	display: block;
	width: 100%;
	height: auto;
}




/*######################################################################

		Contents

************************************************************************/

/*
	general
/////////////////////////////////////////////////////////*/

.section {
	margin-bottom: 10rem;
}

@media screen and (max-width: 768px){
	.section {
		margin-bottom: 5rem;
	}
}

@media screen and (max-width: 468px){
	.section {
		margin-bottom: 5rem;
	}
}

.section-area {
	margin: 0 auto;
	width: 100rem;
}

@media screen and (max-width: 1000px){
	.section-area {
		padding: 0 1rem;
		width: 100%;
	}
}

.section-min-area {
	margin: 0 auto;
	width: 69rem;
}

@media screen and (max-width: 690px){
	.section-min-area {
		padding: 0 1rem;
		width: 100%;
	}
}

.section-bg {
	padding: 12rem 0;
	background-color: #FFFFEF;
}

.section-bgpink {
	padding: 10rem 0;
	background-color: #ffeded;
}

@media screen and (max-width: 768px){
	.section-bg {
		padding: 1rem 0;
		background-color: #FFFFEF;
	}
	.section-bgpink {
		padding: 5rem 0;
		background-color: #ffeded;
	}
}

.more-btn {
	text-align: center;
}

.more-btn a {
	display: inline-block;
	padding: 1.2rem;
	width: 25rem;
	color: #fff;
	text-align: center;
	font-size: 2.0rem;
	font-weight: bold;
	background-color: #ea9aa7;
}

.more-btn a:hover {
	opacity: .5;
}

@media screen and (max-width: 568px){
	.more-btn a {
		padding: 1rem 0;
		width: 80%;
		font-size: 2.0rem;
	}
}


.more-btn-w {
	text-align: center;
}

.more-btn-w a {
	display: inline-block;
	padding: 1.2rem;
	width: 25rem;
	color: #fff;
	font-size: 2.0rem;
	font-weight: bold;
	text-align: center;
	background-color: #6bc4b1;
}

.more-btn-w a:hover {
	opacity: .5;
}

@media screen and (max-width: 568px){
	.more-btn-w a {
		padding: 1rem 0;
		width: 80%;
		font-size: 2.0rem;
	}
}

.breadcrumb {
	margin-bottom: 7rem;
	padding: 1rem;
	font-size: 1rem;
}

@media screen and (max-width: 768px){
	.breadcrumb {
		margin-bottom: 5rem;
	}
}

.breadcrumb ul {
	display: flex;
	flex-wrap: wrap;
}

.breadcrumb li:not(:last-child) {
	margin-right: 1rem;
}

.breadcrumb li:not(:last-child):after {
	content: '>';
	margin-left: 1rem;
}


/*
	top
/////////////////////////////////////////////////////////*/

.top-hero {
	position: relative;
	padding: 10rem 5rem 10rem;
	background: #eefff7;
}

@media screen and (max-width: 768px){
	.top-hero {
		position: relative;
		padding: 10rem 3rem 10rem;
		background: #eefff7;
	}
}

@media screen and (max-width: 460px){
	.top-hero {
		padding: 5rem 0 20rem;
	}
}

.top-hero:before {
	content: '';
	position: absolute;
	bottom: 10rem;
	right: 5rem;
	width: 35rem;
	height: 39.7rem;
	background: url(https://kango-kaigo.jp/wp/wp-content/uploads/kaigo.png) no-repeat center center;
}

.top-hero:after {
	content: '';
	position: absolute;
	bottom: 5rem;
	left: 5rem;
	width: 28.5rem;
	height: 28.4rem;
	background: url(https://kango-kaigo.jp/wp/wp-content/uploads/kango.png) no-repeat center center;
}

@media screen and (max-width: 768px){
	.top-hero:before {
		bottom: 5rem;
		right: 5rem;
		width: 20rem;
		height: 22.7rem;
		background-size: cover;
	}

	.top-hero:after {
		bottom: 5rem;
		left: 5rem;
		width: 16.5rem;
		height: 16.4rem;
		background-size: cover;
	}
}

@media screen and (max-width: 460px){
	.top-hero:before {
		right: 1rem;
		width: 20rem;
		height: 22.7rem;
		background-size: cover;
	}

	.top-hero:after {
		left: 1rem;
		width: 16.5rem;
		height: 16.4rem;
		background-size: cover;
	}
}

@media screen and (max-width: 368px){
	.top-hero:before {
		width: 15rem;
		height: 17.7rem;
	}

	.top-hero:before {
		bottom: 8rem;
	}
}

.top-hero-search {
	position: relative;
	margin: -40rem 0 10rem;
	padding: 5rem 2rem;
	width: 55rem;
	background-color: #FFF8E4;
	border-radius: .9rem;
	z-index: 1;
}

@media screen and (max-width: 768px){
	.top-hero-search {
		margin: -20rem auto 5rem;
		width: 100%;
	}
}

.top-hero-search-box {
	margin: 0 auto;
	width: 30rem;
}

@media screen and (max-width: 460px){
	.top-hero-search-box {
		width: 100%;
	}
}

.top-hero-search-title {
	margin-bottom: 1rem;
}

.top-hero-search .item {
	margin-bottom: 1rem;
}

.top-hero-search .input-text input {
	display: block;
	padding: .7rem;
	width: 100%;
	font-size: 1.4rem;
}


.top-hero-search .select {
	position: relative;
	width: 100%;
	text-align: center;
	overflow: hidden;
	background: #ffffff;
	border: 1px solid #bbbbbb;
}

.top-hero-search .select select {
	display: block;
	padding: .7rem　4rem .7rem.7rem;
	width: 100%;
	font-size: 1.4rem;
	cursor: pointer;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}

.top-hero-search select::-ms-expand {
    display: none;
}


.top-hero-search .select::before {
	content: '';
	position: absolute;
	top: 1.5rem;
	right: 1rem;
	width: 0;
	height: 0;
	padding: 0;
	border-left: .6rem solid transparent;
	border-right: .6rem solid transparent;
	border-top: .6rem solid #666666;
	pointer-events: none;
}

.top-hero-search .select select {
	padding: .7rem 3.7rem .7rem .7rem;
	color: #666666;
}

.top-hero-search .send input {
	display: block;
	margin: 3rem auto 0;
	padding: 1rem 3rem;
	font-size: 1.6rem;
	text-align: center;
	line-height: 1;
	background-color: #FCE4C8;
	border: 0;
}

.top-hero-contents {
	position: relative;
	z-index: 10;
}

@media screen and (max-width: 768px){
	.top-hero-contents {
		margin-bottom: 10rem;
	}
}

.top-hero-title {
	margin-bottom: 1rem;
	color: #3aad9c;
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-size: 3.2rem;
	text-align: center;
}


@media screen and (max-width: 768px){
	.top-hero-title {
		font-size: 2.4rem;
	}
}

.top-hero-text {
	margin-bottom: 3rem;
	color: #373636;
	text-align: center;
}

.top-merit {
	position: relative;
	padding: 20rem 0;
	color: #fff;
	background: url(https://kango-kaigo.jp/wp/wp-content/uploads/staffvoice-1.png) no-repeat center top/cover;
}

@media screen and (max-width: 940px){
	.top-merit {
		padding: 12rem 0;
	}
}

@media screen and (max-width: 768px){
	.top-merit {
		padding: 6rem 0;
	}
}

.top-merit:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.0);
}

.top-merit-contents {
	position: relative;
	width: 40rem;
	z-index: 1;
}

.top-merit-contents h2 {
	margin-bottom: 1rem;
	font-size: 3.2rem;
}

@media screen and (max-width: 568px){
	.top-merit-contents {
		width: 100%;
		text-align: center;
	}

	.top-merit-contents h2 {
		font-size: 2.4rem;
	}

}

.top-merit-contents .text {
	margin-bottom: 3rem;
	text-align: center;
	color: #373636;
	font-weight: bold;
	font-size: 2.5rem;
}

.top-news.wrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	color: #4a4a4a;
}

.top-news.wrap a {
	color: #4a4a4a;
}

.top-news h2 {
	width: 17rem;
	font-size: 1.5rem;
	font-weight: normal;
}

.top-news .wrap-contents {
	width: calc(100% - 17rem);
}

.top-news h2 span {
	display: block;
	font-size: 3.2rem;
	font-weight: bold;
}

@media screen and (max-width: 768px){
	.top-news h2 {
		margin-bottom: 2rem;
		width: 100%;
		text-align: center;
	}

	.top-news .wrap-contents {
		width: 100%;
	}

	.top-news h2 span {
		font-size: 2.4rem;
	}

	.top-merit-contents .text {
		margin-bottom: 3rem;
		text-align: center;
		color: #373636;
		font-weight: bold;
		font-size: 2.0rem;
}

}

.top-news .wrap-contents ul {
	margin-bottom: 5rem;
	border-top: 1px solid #979797;
}

.top-news .wrap-contents li {
	border-bottom: 1px solid #979797;
}

.top-news .wrap-contents a {
	display: block;
	padding: 3rem 4rem;
}

@media screen and (max-width: 768px){
	.top-news .wrap-contents a {
		padding: 2rem;
	}
}

.top-news .wrap-contents .meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-size: 1.5rem;
}

.top-news .wrap-contents .meta time {
	margin-right: 1rem;
}

.top-news .wrap-contents .meta .cat {
	padding: .3rem 3rem;
	line-height: 1;
	background-color: #D8D8D8;
}

.top-news .wrap-contents h3 {
	font-weight: normal;
}

.top-news-more {
	width: 100%;
	text-align: right;
}

.top-pickup-title h2 {
	display: inline-block;
	margin-bottom: 3rem;
	font-size: 3.2rem;
}

.top-pickup-title h2 span {
	margin: 0 10rem 0 4rem;
	font-size: 1.5rem;
	font-weight: normal;
}

@media screen and (max-width: 768px){
	.top-pickup-title h2 {
		display: block;
		margin-bottom: 2rem;
		font-size: 2.4rem;
		text-align: center;
	}

	.top-pickup-title h2 span {
		display: block;
		margin: 0;
	}
}

.more-link {
	display: inline;
}

.more-link a span {
	border-bottom: 1px dashed #4a4a4a;
}

@media screen and (max-width: 768px){
	.more-link {
		display: block;
		padding-bottom: 3rem;
		text-align: center;
	}
}

.top-pickup .wrap {
	display: flex;
	flex-wrap: wrap;
}

.top-pickup .wrap .item {
	margin-bottom: 5rem;
	width: 32%;
}

.top-pickup .wrap .item:not(:nth-child(3n+3)) {
	margin-right: 2%;
}

@media screen and (max-width: 460px){
	.top-pickup .wrap .item {
		margin-bottom: 3rem;
		width: 48%;
	}

	.top-pickup .wrap .item:not(:nth-child(3n+3)) {
		margin-right: 0;
	}

	.top-pickup .wrap .item:not(:nth-child(2n+2)) {
		margin-right: 4%;
	}
}

.top-pickup .wrap .item figure img {
	display: block;
	margin: 0 auto 2rem;
	width: 100%;
	height: auto;
}

.top-pickup .wrap .item li {
	font-size: 1.3rem;
}

.top-pickup .wrap .item li img {
	margin-right: 1rem;
}


.top-faq.wrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.top-faq h2 {
	width: 30rem;
	font-size: 2.5rem;
	font-family: "M PLUS Rounded 1c", sans-serif;
	color: #3aad9c;
	font-weight: bold;
}

.top-faq .wrap-contents {
	width: calc(100% - 30rem);
}

@media screen and (max-width: 768px){
	.top-faq h2 {
		margin-bottom: 2rem;
		width: 100%;
		text-align: center;
	}

	.top-faq .wrap-contents {
		width: 100%;
	}
}

.top-faq h2 span {
	display: block;
	font-size: 3.2rem;
	color: #373636;
	font-weight: bold;
}

.top-faq .wrap-contents ul {
	margin-bottom: 5rem;
	border-top: 1px solid #979797;
}

.top-faq .wrap-contents li {
	border-bottom: 1px solid #979797;
}

.top-faq .wrap-contents a {
	display: block;
	position: relative;
	padding: 3rem 7rem 3rem 0;
	font-size: 2.5rem;
	font-weight: bold;
}

@media screen and (max-width: 768px){
	.top-faq .wrap-contents a {
		padding: 2rem 7rem 2rem 0;
		font-size: 2.0rem;
	}
}

.top-faq .wrap-contents a:after {
	font-size: 13px ;
	content: '>';
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 50%;
	right: 2rem;
	transform: translateY(-50%);
	color: #fff;
	width: 2.6rem;
	height: 2.6rem;
	background-color: #4a4a4a;
	border-radius: 50%;
}


/*
	about
/////////////////////////////////////////////////////////*/

.about-hero {
	margin-top: -7rem;
	padding: 8rem 0 10rem;
	background: url(images/about-contents-bg.png) no-repeat center top/cover;
}

.about-hero-contents {
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}

.about-hero-contents .title {
	position: relative;
	margin: 1rem auto 3rem;
	width: 64rem;
	padding: 2rem 1rem;
	background-color: #FCE4C8;
}

@media screen and (max-width: 768px){
	.about-hero {
		margin-top: -5rem;
		padding: 5rem 0;
	}

	.about-hero-contents {
		font-size: 1.6rem;
	}

	.about-hero-contents .title {
		width: 100%;
	}
}

.about-hero-contents .title:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	border-width: 0 0 2.5rem 5rem;
  border-style: solid;
  border-color: #fff #fff #FCE4C8;
}

.about-hero-contents .title:after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	border-width: 2.5rem 5rem 0 0 ;
  border-style: solid;
  border-color: #FCE4C8 #fff #fff;
}

.about-section {
	display: flex;
	align-items: flex-end;
	height: 35rem;
}

@media screen and (max-width: 768px){
	.about-section {
		padding: 5rem 0 0;
		height: auto;
	}
}

.about-section:nth-child(odd) {
	background-color: #FCE4C8
}

.about-section .wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin: 0 auto;
	width: 100rem;
}

.about-section:nth-child(odd) .wrap {
	flex-direction: row-reverse;
}

.about-section .wrap-contents,
.about-section figure {
	width: 49%;
}

@media screen and (max-width: 768px){
	.about-section .wrap-contents,
	.about-section figure {
		width: 100%;
	}

	.about-section .wrap-contents {
		margin-bottom: 5rem;
		padding: 0 2rem;
		text-align: center;
	}
}

.about-section .wrap-contents h2 {
	margin-bottom: 2rem;
	color: #FF6A22;
	font-size: 1.8rem;
	font-weight: bold;
}

@media screen and (max-width: 568px){
	.about-section .wrap-contents h2 br {
		display: contents;
	}
}

.about-section .wrap-contents p {
	font-size: 1.4rem;
}

.about-section figure img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}

.about-cta {
	padding: 10rem 0 20rem;
}

@media screen and (max-width: 768px){
	.about-cta {
		padding: 5rem 0;
	}
}

.about-cta p {
	margin-bottom: 5rem;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}

.about-btn a {
	display: block;
	margin: 0 auto 5rem;
	padding: 2rem 1rem;
	width: 80rem;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	background-color: #A9C8EB;
	border-radius: 3.5rem;
}

@media screen and (max-width: 860px){
	.about-btn {
		padding: 0 2rem;
	}

	.about-btn a {
		width: 100%;
	}
}

@media screen and (max-width: 460px){
	.about-btn a {
		padding: 1rem;
		font-size: 1.5rem;
	}
}

.about-btn .wrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.about-btn .wrap .item {
	width: 48%;
}

.about-flow-title {
	position: relative;
	margin: 0 auto 4rem;
	padding: 2rem 1rem;
	width: 64rem;
	font-size: 2rem;
	text-align: center;
	background-color: #FCE4C8;
}

.about-flow-title:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	border-width: 0 0 2.5rem 5rem;
  border-style: solid;
  border-color: #fff #fff #FCE4C8;
}

.about-flow-title:after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	border-width: 2.5rem 5rem 0 0 ;
  border-style: solid;
  border-color: #FCE4C8 #fff #fff;
}

@media screen and (max-width: 680px){
	.about-flow-title {
		width: 100%;
	}
}

.about-flow-contents {
	padding: 7rem 5rem;
	background-color: #FFF8E4;
}

@media screen and (max-width: 460px){
	.about-flow-contents {
		padding: 5rem 2rem;
		background-color: #FFF8E4;
	}
}

.about-flow-contents h3 {
	margin-bottom: 3rem;
	color: #FF6A22;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}

.about-flow-contents .wrap li {
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 4rem;
	border-top: 1px dashed #979797;
	border-bottom: 1px dashed #979797;
}

.about-flow-contents .wrap li:not(:last-child):after {
	content: '';
	position: absolute;
	bottom: -2.5rem;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 23px 0 23px;
	border-color: #4a4a4a transparent transparent transparent;
}

.about-flow-contents .wrap li .num {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 14rem;
	font-size: 2.2rem;
	font-weight: bold;
	text-align: center;
	background-color: #FFECE3;
}

.about-flow-contents .wrap li .wrap-contents {
	margin: 1rem 0;
	padding: 2rem 3rem;
	width: calc(100% - 14rem);
	background-color: #fff;
}

@media screen and (max-width: 460px){
	.about-flow-contents .wrap li .num {
		width: 8rem;
		font-size: 2rem;
	}

	.about-flow-contents .wrap li .wrap-contents {
		padding: 2rem;
		width: calc(100% - 8rem);
	}
}

.about-flow-contents .wrap li .num span {
	display: block;
	font-size: 1.8rem;
}

.about-flow-contents .wrap li .wrap-contents h4 {
	margin-bottom: 1rem;
}

.about-flow-contents .wrap li .wrap-contents p {
	font-size: 1.4rem;
}

.about-flow-follow {
	position: relative;
	padding: 5rem 2rem;
	background: url(images/about-afterfollow-bg.png);
}

.about-flow-follow:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,.7);
}

.about-flow-follow > * {
	position: relative;
	z-index: 10;
}

.about-flow-follow p {
	margin-bottom: 2rem;
	font-size: 1.4rem;
	text-align: center;
}

.about-flow-follow  img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}

.about-footer-cta {
	padding: 16rem 0;
	background: url(images/about-cta-bg.png) no-repeat center center/cover;
}

.about-footer-cta .wrap-contents {
	width: 40rem;
}

@media screen and (max-width: 460px){
	.about-footer-cta {
		padding: 5rem 0;
	}

	.about-footer-cta .wrap-contents {
		margin: 0 auto;
		width: 100%;
		text-align: center;
	}
}

.about-footer-cta .wrap-contents h2 {
	margin-bottom: 1rem;
	font-size: 3rem;
	font-weight: bold;
	line-height: 1.2;
}

@media screen and (max-width: 460px){
	.about-footer-cta .wrap-contents h2 {
		font-size: 2.4rem;
	}
}

.about-footer-cta .wrap-contents p {
	margin-bottom: 3rem;
	font-size: 1.4rem;
}

.about-footer-cta .wrap-contents .btn a {
	display: block;
	padding: 2.5rem 1rem;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	background-color: #AACEF7;
	border-radius: 5rem;
}


/*
	charge
/////////////////////////////////////////////////////////*/

.charge-hero {
	margin-top: -7rem;
	padding: 5rem 2rem 0;
	background: url(images/charge-hero-bg.png) repeat;
}

@media screen and (max-width: 568px){
	.charge-hero {
		margin-top: -5rem;
	}
}

.charge-hero h2 {
	margin-bottom: 5rem;
	color: #D63933;
	font-size: 3rem;
	font-weight: bold;
	text-align: center;
}

@media screen and (max-width: 568px){
	.charge-hero h2 {
		margin-bottom: 3rem;
		font-size: 2.1rem;
	}
}

.charge-hero-wrap {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
}

.charge-hero-wrap figure {
	width: 50%;
}

.charge-hero-wrap .wrap-contents {
	width: 50%;
}

@media screen and (max-width: 568px){
	.charge-hero-wrap figure {
		margin-bottom: 3rem;
		width: 100%;
	}

	.charge-hero-wrap .wrap-contents {
		width: 100%;
	}
}

.charge-hero-wrap figure img {
	display: block;
	margin-left: auto;
	max-width: 100%;
	height: auto;
}

.charge-hero-wrap .wrap-contents p {
	margin-left: -5rem;
	font-size: 2rem;
	font-weight: bold;
}

@media screen and (max-width: 568px){
	.charge-hero-wrap .wrap-contents p {
		margin-left: 0;
		font-size: 1.6rem;
		text-align: center;
	}
}

.charge-section.section01 {
	padding: 17rem 0;
	text-align: center;
	background: url(images/charge-contents-bg01.png) no-repeat center top/cover;
}

@media screen and (max-width: 460px){
	.charge-section.section01 {
		padding: 7rem 0;
	}
}

.charge-section.section01 p {
	margin-bottom: 5rem;
	color: #D63933;
	font-size: 4.2rem;
	font-weight: bold;
	text-align: center;
}

@media screen and (max-width: 460px){
	.charge-section.section01 p {
		margin-bottom: 3rem;
		font-size: 1.8rem;
	}
}

.charge-section.section01 img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}

.charge-section.section02 {
	padding: 17rem 0;
	background-color: #FFECE3;
}

@media screen and (max-width: 460px){
	.charge-section.section02 {
		padding: 7rem 0;
	}
}

.charge-section.section02 p {
	color: #D63933;
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
}

@media screen and (max-width: 460px){
	.charge-section.section02 p {
		font-size: 1.8rem;
	}
}

.charge-section.section03 {
	padding: 17rem 0 10rem;
	background: url(images/charge-contents-bg03.png) no-repeat center top/cover;
}

@media screen and (max-width: 460px){
	.charge-section.section03 {
		padding: 7rem 0;
	}
}

.charge-section-title {
	margin-bottom: 10rem;
	font-size: 3rem;
	font-weight: bold;
	text-align: center;
}

.charge-section-title span {
	display: block;
	color: #D63933;
	font-size: 2.5rem;
}

@media screen and (max-width: 460px){
	.charge-section-title {
		margin-bottom: 5rem;
		font-size: 2.1rem;
	}

	.charge-section-title span {
		font-size: 1.8rem;
	}
}

.charge-section.section03 p {
	margin-bottom: 10rem;
	color: #011480;
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
}

@media screen and (max-width: 460px){
	.charge-section.section03 p {
		margin-bottom: 0;
		font-size: 1.8rem;
	}
}

.charge-section.section03 .box {
	margin-bottom: 15rem;
	padding: 5rem 2rem;
	background-color: #fff;
}

.charge-section.section03 .box h3 {
	margin-bottom: 3rem;
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
}

@media screen and (max-width: 460px){
	.charge-section.section03 .box {
		margin-bottom: 0;
		padding: 5rem 2rem;
	}

	.charge-section.section03 .box h3 {
		margin-bottom: 2rem;
		font-size: 2rem;
	}
}

.charge-section.section03 .box ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 0 auto;
	width: 70rem;
	font-size: 1.8rem;
}

@media screen and (max-width: 768px){
	.charge-section.section03 .box ul {
		width: 100%;
		font-size: 1.4rem;
	}
}

.charge-section.section03 .box ul li {
	margin-bottom: 1rem;
	width: 33%;
}

@media screen and (max-width: 568px){
	.charge-section.section03 .box ul {
		justify-content: space-between;
	}

	.charge-section.section03 .box ul li {
		width: 48%;
	}
}

@media screen and (max-width: 460px){
	.charge-section.section03 .box ul li {
		width: 100%;
	}
}

.charge-section.section03 .box ul li img {
	margin-right: 1rem;
}

.charge-section.section04 {
	padding: 15rem 0;
}

.charge-section.section04 a {
	display: block;
	padding: 3rem;
	width: 100%;
	color: #D63933;
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
	background-color: #fff;
	border: 4px solid #F77373;
}

@media screen and (max-width: 460px){
	.charge-section.section04 {
		padding: 5rem 0;
	}

	.charge-section.section04 a {
		padding: 2rem;
		font-size: 2rem;
	}
}

.charge-section.section05 {
	padding: 5rem 3rem;
	text-align: center;
	background: url(images/charge-contents-bg02.png) repeat-y center top;
}

@media screen and (max-width: 460px){
	.charge-section.section05 {
		padding: 5rem 2rem;
	}
}

.charge-section.section05 .box {
	background-color: #fff;
}

.charge-section.section05 .box .title-area {
	padding: 10rem 0;
	font-size: 1.4rem;
}

@media screen and (max-width: 460px){
	.charge-section.section05 .box .title-area {
		padding: 5rem 0;
	}
}

.charge-section.section05 .box .title-area h3 {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-direction: column;
	margin: 0 auto 2rem;
	width: 23rem;
	height: 12rem;
	color: #D63933;
	font-size: 2.3rem;
	font-weight: bold;
	background: url(images/charge-title-bg.png) no-repeat center bottom/23rem 12rem;
}

.charge-section.section05 .box .box-contents {
	padding: 10rem 3rem;
}

@media screen and (max-width: 460px){
	.charge-section.section05 .box .box-contents {
		padding: 5rem 2rem;
	}
}

.charge-section.section05 .box .box-contents.contents01 {
	background-color: #FFE5E5;
}
.charge-section.section05 .box .box-contents.contents02 {
	background-color: #F5F5F5;
}
.charge-section.section05 .box .box-contents.contents03 {
	background-color: #E8F4F3;
}

.charge-section.section05 .box .box-contents figure img {
	display: block;
	margin: 0 auto 10rem;
	max-width: 100%;
	height: auto;
}

@media screen and (max-width: 460px){
	.charge-section.section05 .box .box-contents figure img {
		margin: 0 auto 5rem;
	}
}

.charge-section.section05 .box .box-contents .text {
	margin: 0 auto;
	padding: 5rem 2rem;
	width: 60rem;
	font-size: 1.4rem;
	line-height: 2.5;
}

.charge-section.section05 .box .box-contents.contents01 .text {
	border-top: 1px solid #F77373;
	border-bottom: 1px solid #F77373;
}

.charge-section.section05 .box .box-contents.contents02 .text {
	border-top: 1px solid #F77373;
	border-bottom: 1px solid #F77373;
}

.charge-section.section05 .box .box-contents.contents03 .text {
	border-top: 1px solid #50E3C2;
	border-bottom: 1px solid #50E3C2;
}

@media screen and (max-width: 700px){
	.charge-section.section05 .box .box-contents .text {
		padding: 3rem 2rem;
		width: 100%;
	}
}

.charge-section.section06 {
	padding: 7rem 0;
}

.charge-section.section06 a {
	display: block;
	padding: 3rem;
	width: 100%;
	color: #D63933;
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
	background-color: #fff;
	border: 4px solid #F77373;
}

@media screen and (max-width: 460px){
	.charge-section.section06 {
		padding: 5rem 0 0;
	}

	.charge-section.section06 a {
		padding: 2rem;
		font-size: 2rem;
	}
}


/*
	recruit archive
/////////////////////////////////////////////////////////*/

.recruit-searchbox-wrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	border-bottom: 1px solid #D8D8D8;
}

.recruit-searchbox-wrap:first-of-type {
	border-top: 1px solid #D8D8D8;
}

.recruit-searchbox-wrap .wrap-title {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 2rem;
	width: 21rem;
	font-size: 1.4rem;
	font-weight: bold;
}

.recruit-searchbox-wrap:nth-child(1) .wrap-title {
	background-color: #FFECE3;
}
.recruit-searchbox-wrap:nth-child(2) .wrap-title {
	background-color: #FCF4DC;
}

.recruit-searchbox-wrap .wrap-checkbox {
	display: flex;
	flex-wrap: wrap;
	padding: 2rem 1rem;
	width: calc(100% - 21rem);
	font-size: 1.4rem;
}

@media screen and (max-width: 960px){
	.recruit-searchbox-wrap .wrap-title {
		width: 15rem;
	}

	.recruit-searchbox-wrap .wrap-checkbox {
		width: calc(100% - 15rem);
	}
}

.recruit-searchbox-wrap .wrap-checkbox .item {
	width: 25%;
}

@media screen and (max-width: 868px){
	.recruit-searchbox-wrap .wrap-checkbox .item {
		width: 33%;
	}
}

@media screen and (max-width: 768px){
	.recruit-searchbox-wrap .wrap-checkbox .item {
		width: 49%;
	}
}

.wrap-checkbox input[type="checkbox"] {
	position: relative;
	width: 2.5rem;
	height: 2.5rem;
	vertical-align: -.8rem;
	background: url(images/checkbox.png) left top;
	-webkit-appearance: none;
	appearance: none;
	outline: none;
}

.wrap-checkbox input[type="checkbox"]:checked::before {
	content: "";
	position: absolute;
	top: .3rem;
	left: 1.3rem;
	width: 1.2rem;
	height: 1.5rem;
	background: url(images/checkbox-on.png) left bottom;
}

.wrap-text {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 2rem;
	width: calc(100% - 21rem);
}

@media screen and (max-width: 960px){
	.wrap-text {
		width: calc(100% - 15rem);
	}
}

.wrap-text .text {
	width: calc(100% - 21rem);
}

.wrap-text .btn {
	width: 19rem;
}

@media screen and (max-width: 768px){
	.wrap-text .text {
		margin-bottom: 1rem;
		width: 100%
	}

	.wrap-text .btn {
		width: 100%
	}
}

.wrap-text .text input {
	display: block;
	padding: .7rem;
	font-size: 1.4rem;
	width: 100%;
	border: 1px solid #979797;
}

.wrap-text .btn input {
	display: block;
	padding: .7rem 2rem;
	width: 100%;
	color: #4A4A4A;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	background-color: #CAEFE7;
	border: 0;
}

.recruit-searchbox-add a {
	display: block;
	margin-bottom: 2rem;
	margin-left: auto;
	padding: 1.5rem 2rem;
	width: 24rem;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	background-color: #CAEFE7;
}

.recruit-searchbox-more a {
	display: block;
	padding: 1.5rem 2rem;
	width: 100%;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	background-color: #FCE4C8;
}

.recruit-search-result h2 {
	margin-bottom: 5rem;
	padding: 3rem;
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	background-color: #F77373;
}

.recruit-search-result .wrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.recruit-search-result .wrap .item {
	margin-bottom: 4rem;
	width: 48%;
	border: 1px solid #979797;
}

@media screen and (max-width: 460px){
	.recruit-search-result .wrap .item {
		margin-bottom: 3rem;
		width: 100%;
	}
}

.recruit-search-result .wrap .item h3 {
	padding: 1rem 2rem;
	font-size: 1.8rem;
	background-color: #FFECE3;
}

.recruit-search-result .item-wrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 1rem 2rem;
}

.recruit-search-result .item-wrap figure {
	width: 48%;
}

.recruit-search-result .item-wrap .wrap-contents {
	width: 48%;
}

@media screen and (max-width: 768px){
	.recruit-search-result .item-wrap figure {
		margin-bottom: 2rem;
		width: 100%;
	}

	.recruit-search-result .item-wrap .wrap-contents {
		width: 100%;
	}
}

.recruit-search-result .item-wrap figure img {
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
}

.recruit-search-result .item-wrap .wrap-contents .list01 li {
	margin-bottom: 1rem;
	font-size: 1.4rem;
}

.recruit-search-result .item-wrap .wrap-contents .list01 li img {
	margin-right: .5rem;
}

.recruit-search-result .item-wrap .wrap-contents .list02 li {
	margin-bottom: .5rem;
	padding: .5rem 1rem;
	font-size: 1.4rem;
	text-align: center;
	border: 1px solid #979797;
}

.recruit-search-result .item .more a {
	display: block;
	padding: 1rem;
	width: 100%;
	color: #fff;
	font-size: 1.4rem;
	text-align: center;
	background-color: #F77373;
}

.pagenation ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.pagenation ul li {
	margin-right: 2rem;
}

.pagenation ul li a {
	color: #F77373;
	font-size: 1.3rem;
}

.recruit-search-archive h2 {
	margin-bottom: 4rem;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}

.recruit-search-archive .archive {
	padding: 3rem 0 3rem 0;
}

.recruit-search-archive .archive01 {
	background-color: #F5F5F5;
}
.recruit-search-archive .archive02 {
	background-color: #FFECE3;
}
.recruit-search-archive .archive03 {
	background-color: #FCF4DC;
}

.recruit-search-archive .slide-wrap {
	margin: 0 auto;
	width: 94rem;
}

@media screen and (max-width: 960px){
	.recruit-search-archive .slide-wrap {
		padding: 0 1rem;
		width: 100%;
	}
}

.recruit-search-archive .slide-wrap .item {
	padding-left: 1rem;
	width: 32%;
	font-size: 1.3rem;
}

.recruit-search-archive .slide-wrap .item figure img {
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
}

.recruit-search-archive .slide-wrap .item .box {
	padding: 2rem;
	background-color: #fff;
}

.recruit-search-archive .slide-wrap .item .box img {
	display: inline-block;
}

.recruit-search-archive .slide-wrap .item .box dl {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 1rem;
}

.recruit-search-archive .slide-wrap .item .box dt {
	width: 7rem;
}

.recruit-search-archive .slide-wrap .item .box dd {
	width: calc(100% - 7rem);
}

.recruit-search-archive .more {
	padding: 1rem 0;
	font-size: 1.4rem;
	text-align: center;
}


/*
	recruit single
/////////////////////////////////////////////////////////*/

.recruit-single {
	background: url(images/recruit-single-bg.png) repeat center top
}

.recruit-single .wrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
	margin: 0 auto;
	padding: 0 3rem;
	width: 100rem;
	background-color: #fff;
}

@media screen and (max-width: 1000px){
	.recruit-single .wrap {
		padding: 0 2rem;
		width: 100%;
	}
}

.recruit-single .wrap .recruit-single-contents {
	width: calc(100% - 35rem);
}

.recruit-single .wrap .side-fixed {
	padding: 3rem 2rem 0;
	width: 30rem;
	background-color: #FFECE3;
	border-radius: .8rem;
}

@media screen and (max-width: 1000px){
	.recruit-single .wrap .recruit-single-contents {
		width: 100%;
	}

	.recruit-single .wrap .side-fixed {
		display: none;
	}
}

.recruit-single-header {
	margin-bottom: 3rem;
}

.recruit-single-header h1 {
	margin-bottom: 2rem;
	font-size: 2.3rem;
	font-weight: bold;
	line-height: 1.2;
}

.recruit-single-header .description {
	margin-bottom: 1rem;
	font-size: 1.2rem;
}

.single-header-wrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.single-header-wrap figure {
	width: 55%;
}

.single-header-wrap .wrap-contents {
	width: 42%;
}

@media screen and (max-width: 568px){
	.single-header-wrap figure {
		margin-bottom: 3rem;
		width: 100%;
	}

	.single-header-wrap .wrap-contents {
		width: 100%;
	}
}

.single-header-wrap figure img {
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
}

.single-header-wrap ul {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 3rem;
	font-size: 1.5rem;
	word-break: normal;
}

.single-header-wrap ul li:not(:last-child):after {
	content: '/';
}

.single-header-wrap dl {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	font-size: 1.5rem;
	border: 1px solid #D8D8D8;
}

.single-header-wrap dl.dl01 {
	margin-bottom: .5rem;
}
.single-header-wrap dl.dl02 {
	margin-bottom: 2rem;
}

.single-header-wrap dt {
	padding: 1rem 1rem;
	width: 8rem;
	font-size: 1.2rem;
	text-align: center;
}

.single-header-wrap dd {
	padding: .3rem 1rem;
	width: calc(100% - 8rem);
	background-color: #fff;
}

.single-header-wrap dl.dl01 dt {
	background-color: #E8F4F3;
}
.single-header-wrap dl.dl02 dt {
	background-color: #C3D0E0;
}

.single-header-wrap dt img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}

.single-header-wrap a {
	display: block;
	margin-bottom: 2rem;
	padding: 1rem;
	text-align: center;
	background-color: #EAE9E8;
}

.recruit-single-main .main-title {
	margin-bottom: 1rem;
	color: #FF6A22;
	font-size: 1.8rem;
}

.recruit-single-main .tag {
	display: flex;
	flex-wrap: wrap;
}

.recruit-single-main .tag li {
	margin: 0 1rem 1rem 0;
	padding: .5rem 0;
	width: 18%;
	font-size: 1.2rem;
	text-align: center;
	line-height: 1;
	background-color: #FFECE3;
}

.recruit-single-dl {
	margin-bottom: 3rem;
}

.recruit-single-dl dl {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	font-size: 1.2rem;
	border-top: 1px solid #D8D8D8;
}

.recruit-single-dl dl:last-child {
	border-bottom: 1px solid #D8D8D8;
}

.recruit-single-dl dl:nth-child(odd) {
	background-color: #FFECE3;
}

.recruit-single-dl dl:nth-child(even) {
	background-color: #FCF4DC;
}

.recruit-single-dl dt {
	padding: 2rem;
	width: 20rem;
}

.recruit-single-dl dd {
	padding: 2rem;
	width: calc(100% - 20rem);
	background-color: #fff;
}

@media screen and (max-width: 460px){
	.recruit-single-dl dt {
		padding: 2rem 1rem;
		width: 12rem;
	}

	.recruit-single-dl dd {
		padding: 2rem 1rem;
		width: calc(100% - 12rem);
		background-color: #fff;
	}
}

.recruit-single-entry a {
	display: block;
	margin-bottom: 3rem;
	padding: 2rem;
	font-size: 1.5rem;
	text-align: center;
	background-color: #CAEFE7;
}

.recruit-single-map {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.recruit-single-map iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

.recruit-single .side-fixed ul {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 1rem;
	font-size: 1.5rem;
	word-break: normal;
}

.recruit-single .side-fixed ul li:not(:last-child):after {
	content: '/';
}

.side-fixed {
	display: inline-block;
  position: -webkit-sticky;
  position: sticky;
 	top: 0;
  height: 100%;
}

.side-fixed dl {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	font-size: 1.5rem;
}

.side-fixed dl.dl01 {
	margin-bottom: .5rem;
}
.side-fixed dl.dl02 {
	margin-bottom: 2rem;
}

.side-fixed dt {
	padding: 1rem 1rem;
	width: 8rem;
	font-size: 1.2rem;
	text-align: center;
}

.side-fixed dd {
	padding: .3rem 1rem;
	width: calc(100% - 8rem);
	background-color: #fff;
}

.side-fixed dl.dl01 dt {
	background-color: #E8F4F3;
}
.side-fixed dl.dl02 dt {
	background-color: #C3D0E0;
}

.side-fixed dt img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}

.side-fixed .contact a {
	display: block;
	margin-bottom: 2rem;
	padding: 1rem;
	text-align: center;
	background-color: #FFF8E4;
	border-radius: .8rem;
}

.side-fixed .entry a {
	display: block;
	margin: 10px 0;
	padding: 1.5rem;
	color: #fff;
	text-align: center;
	background-color: #FF6A22;
	border-radius: .8rem;
}


/*
	recruit more search
/////////////////////////////////////////////////////////*/

.more-search-hero {
	padding: 4rem;
	background: url(images/page-header-bg.png) repeat center top;
}

@media screen and (max-width: 460px){
	.more-search-hero {
		padding: 4rem 2rem;
	}
}

.more-search-hero .box {
	position: relative;
	padding: 5rem 7rem;
	text-align: center;
	background-color: #FFECE3;
}

@media screen and (max-width: 460px){
	.more-search-hero .box {
		padding: 5rem 2rem;
	}
}

.more-search-hero .box:before {
	content: '';
	position: absolute;
	bottom: -3rem;
	left: -3rem;
	width: 9.5rem;
	height: 10.7rem;
	background: url(images/icon-character02.png) no-repeat center center;
}

.more-search-hero .box:after {
	content: '';
	position: absolute;
	top: -2rem;
	right: -3rem;
	width: 10.1rem;
	height: 11.9rem;
	background: url(images/icon-character03.png) no-repeat center center;
}

@media screen and (max-width: 568px){
	.more-search-hero .box:before {
		bottom: -7rem;
	}

	.more-search-hero .box:after {
		top: -8rem;
	}
}

.more-search-hero .box p {
	display: inline-block;
	font-size: 2rem;
	font-weight: bold;
	border-bottom: 2px dashed #9B9B9B;
}

@media screen and (max-width: 568px){
	.more-search-hero .box p {
		font-size: 1.6rem;
	}
}

.more-search-section {
	margin-bottom: 10rem;
}

.more-search-section h2 {
	margin-bottom: 3rem;
	padding: 1rem;
	font-size: 2rem;
	text-align: center;
	line-height: 1;
	background-color: #FFECE3;
}

.more-search-section .wrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0 3rem;
}

@media screen and (max-width: 960px){
	.more-search-section .wrap {
		padding: 0 2rem;
	}
}

@media screen and (max-width: 460px){
	.more-search-section .wrap {
		padding: 0;
	}
}

.more-search-section .item {
	width: 33%;
	font-size: 1.3rem;
}

@media screen and (max-width: 960px){
	.more-search-section .item {
		width: 48%;
	}
}

@media screen and (max-width: 460px){
	.more-search-section .item {
		width: 100%;
	}
}

.more-search-section .wrap-area {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 5rem;
	padding: 0 3rem 0 5rem;
}

.more-search-section .item-title {
	padding-left: 3rem;
	font-size: 1.4rem;
}

@media screen and (max-width: 960px){
	.more-search-section .wrap-area {
		padding: 0 2rem 0 4rem;
	}

	.more-search-section .item-title {
		padding-left: 2rem;
	}
}

@media screen and (max-width: 460px){
	.more-search-section .wrap-area {
		padding: 0 0 0 2rem;
	}

	.more-search-section .item-title {
		padding-left: 0;
	}
}

@media screen and (max-width: 460px){
	.more-search-section .wrap-area .item {
		width: 48%;
	}

	.more-search-section .wrap.sp .item {
		width: 48%;
	}
}

.more-search-section input[type="checkbox"] {
	position: relative;
	width: 2.5rem;
	height: 2.5rem;
	vertical-align: -.8rem;
	background: url(images/checkbox.png) left top;
	-webkit-appearance: none;
	appearance: none;
	outline: none;
}

.more-search-section input[type="checkbox"]:checked::before {
	content: "";
	position: absolute;
	top: .3rem;
	left: 1.3rem;
	width: 1.2rem;
	height: 1.5rem;
	background: url(images/checkbox-on.png) left bottom;
}

.more-search-section .keyword-wrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0 3rem;
}

@media screen and (max-width: 960px){
	.more-search-section .keyword-wrap {
		padding: 0 2rem;
	}
}

@media screen and (max-width: 460px){
	.more-search-section .keyword-wrap {
		padding: 0;
	}
}

.more-search-section .keyword-wrap .text {
	width: calc(100% - 14rem);
}

.more-search-section .keyword-wrap .btn {
	width: 12rem;
}

@media screen and (max-width: 460px){
	.more-search-section .keyword-wrap .text {
		margin-bottom: 2rem;
		width: 100%;
	}

	.more-search-section .keyword-wrap .btn {
		width: 100%;
	}
}

.more-search-section .keyword-wrap .text input {
	display: block;
	padding: 1rem;
	width: 100%;
	font-size: 1.4rem;
	border: 1px solid #979797;
	border-radius: .8rem;
	-webkit-appearance:none;
}

.more-search-section .keyword-wrap .btn input {
	display: block;
	padding: 1rem;
	width: 100%;
	font-size: 1.8rem;
	text-align: center;
	line-height: 1;
	background-color: #FFEAAC;
	border: 0;
}

/*
	privacypolicy
/////////////////////////////////////////////////////////*/

.privacypolicy h2 {
	margin-bottom: 10rem;
	padding: 0 5rem 1rem 5rem;
	font-size: 1.8rem;
	border-bottom: 5px solid #F8E71C;
}

@media screen and (max-width: 768px){
	.privacypolicy h2 {
		margin-bottom: 5rem;
		padding: 0 2rem 1rem 2rem;
	}
}

.privacy-section {
	margin-bottom: 10rem;
}

@media screen and (max-width: 768px){
	.privacy-section {
		margin-bottom: 5rem;
	}
}

.privacy-section h3 {
	position: relative;
	margin-bottom: 2rem;
	padding-left: 5rem;
	font-size: 1.5rem;
	font-weight: bold;
}

.privacy-section h3:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 3rem;
	height: 3rem;
	background-color: #031A36;
}

.privacy-section p {
	position: relative;
	padding-left: 5rem;
	font-size: 1.4rem;
}

.privacy-section p:first-of-type:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 3rem;
	height: 3rem;
	background-color: #D63933;
}




/*######################################################################

		Footer

************************************************************************/

.footer {
	padding: 5rem 0;
	background-color: #FCD5C1;
}

.footer-section.wrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.footer-title {
	width: 26.5rem;
}

.footer-nav {
	width: 16rem;
}

.footer-btn {
	width: 20rem;
}

@media screen and (max-width: 768px){
	.footer-title,
	.footer-nav,
	.footer-btn {
		width: 100%;
		text-align: center;
	}
}

@media screen and (max-width: 768px){
	.footer-title,
	.footer-nav {
		margin-bottom: 3rem;
	}

}
.footer-title img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}

.footer-nav li {
	font-size: 1.2rem;
}

.footer-nav li:not(:last-child) {
	margin-bottom: 2rem;
}

@media screen and (max-width: 768px){
	.footer-nav li:not(:last-child) {
		margin-bottom: 1rem;
	}
}

.footer-btn li {
	margin-bottom: 1rem;
}

.footer-btn li a {
	display: block;
	padding: 1rem;
	color: #39180C;
	font-size: 1.4rem;
	text-align: center;
	line-height: 1;
	border-radius: 2rem;
}

.footer-btn li.entry a {
	background-color: #F9F8F5;
}

.footer-btn li.contact a {
	background-color: #BEF6E9;
}

.copyright {
	padding: 2rem;
	font-size: 1.2rem;
	text-align: center;
}




/*
	news
/////////////////////////////////////////////////////////*/

.news.wrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	color: #4a4a4a;
}

.news.wrap a {
	color: #4a4a4a;
}

.news .wrap-contents {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.news main {
	width: 78.5rem;
	margin-bottom: 5rem;
	border-top: 1px solid #979797;
}

.news .wrap-contents .article-list {
	width: 100%;
}

.news .wrap-contents .article-list li {
	border-bottom: 1px solid #979797;
}

.news .article-list p:not(.cat) {
	margin-top: 3rem;
}

.news .article-list img {
	display: block;
	margin: 0 auto;
}

.news .article-list a {
	display: block;
	padding: 3rem 4rem;
}

@media screen and (max-width: 768px){
	.news .article-list a {
		padding: 2rem;
	}
}

.news .wrap-contents .meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-size: 1.5rem;
	margin-bottom: 2rem;
}

.news .wrap-contents .meta time {
	margin-right: 1rem;
}

.news .wrap-contents .meta .cat {
	padding: .3rem 3rem;
	line-height: 1;
	background-color: #D7E8FC;
}

.news .wrap-contents h1 {
	font-size: 2rem;
	margin-bottom: 1.5rem
}

.news .pagenation {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 3rem
}

.news .pagenation li:not(:first-child) {
	margin-left: 1.5rem
}

.news .pagenation li a {
	display: block;
	font-size: 1.6rem;
	padding: 0.5rem
}

.news .pagenation li .prev,
.news .pagenation li .next {
	transform: scale(0.6, 2);
}

.btn-box {
	margin-top: 3rem;
}

.btn-box .text-link {
	text-align: center;
}

.news .side-nav {
	width: 20rem;
	min-height: 16rem;
	margin-left: 1.5rem
}

.news .side-nav ul:first-of-type {
	margin-bottom: 3rem;
	margin-left: 1.5rem;
}

.news .side-nav h1 {
	font-size: 1.8rem;
}

.news .side-nav h1 span {
	display: block;
	font-size: 1.4rem;
	color: #3498db;
	margin-top: -0.3rem;
}

.news ul.accordion {
	width:100%;
	font-size:1.4rem;
	margin-left: 1.5rem;
}

.news ul.accordion h2 {
	display: inline-block;
	position: relative;
	padding-left: 1rem
}

.news ul.accordion h2 span:before {
	width: 5px;
	height: 5px;
	position: absolute;
		content: "";
		top: 0;
		bottom: 0;
		left: 0;
	vertical-align: middle;
	box-sizing: border-box;
	border: 5px solid transparent;
	border-left: 5px solid #4A90E2;
	margin: auto;
}

.news ul.accordion h2:hover span:before,
.news ul.accordion h2 .open:before {
	border: 5px solid transparent;
	border-top: 5px solid #4A90E2;
} {
	border: 5px solid transparent;
	border-top: 5px solid #4A90E2;
}

.news ul.accordion a { 
	display:block; 
	padding:5px; 
	background-position:97% center; 
	background-repeat:no-repeat; 
	text-decoration:none;
}

.news ul.accordion a:hover {
	background: #3498db; 
	color: #FFF; 
}

.news ul.accordion span { 
	display:block; 
	padding:5px; 
	background-position:97% center; 
	background-repeat:no-repeat; 
}

.news ul.accordion span:hover { 
	background: #3498db;
	color: #FFF;
	cursor: pointer; 
}

.news ul.accordion ul { 
	display:none;
}




/*
	faq
/////////////////////////////////////////////////////////*/

.faq .read {
	text-align: center;
	line-height: 1.8;
	font-size: 1.5rem;
	margin-bottom: 5rem;
}

.faq .faq-item {
	padding-bottom: 8rem;
}

.faq h1 {
	font-size: 2rem;
	text-indent: 3rem;
	border-bottom: 5px solid #F8E71C;
	padding-bottom: 1rem;
}

.faq dl {
	padding: 0 8.5rem;
}

.faq dt {
	font-weight: bold;
	margin-top: 5rem;
}

.faq dt:before {
	background: #031A36;
	width: 5px;
	height: 5px;
	content: "Q";
	color: #fff;
	padding: 0.2rem 1rem 0.6rem;
	margin: 0 1.5rem 0 -4.5rem;
}

.faq .terms-hd dt:before {
	content: "";
	padding: 0.2rem 1.6rem 0.6rem;
}

.faq dd {
	margin-top: 2.5rem;
}

.faq dd:before {
	background: #D63933;
	width: 5px;
	height: 5px;
	content: "A";
	font-weight: bold;
	color: #fff;
	padding: 0.2rem 1rem 0.6rem;
	margin: 0 1.5rem 0 -4.5rem;
}

.faq .terms-hd dd:before {
	content: "";
	padding: 0.2rem 1.6rem 0.6rem;
}




/*
	entry
/////////////////////////////////////////////////////////*/

.entry-img {
	position: relative;
	margin-bottom: 20px;
}

.entry-img p {
	position: absolute;
	top: 28%;
	left: 10%;
	font-size:36px;
	font-weight: bold;
}

.entry-img p span {
	display: block;
	font-size:16px;
	font-weight: normal;
}

@media(max-width:1080px){
	.entry-img p {
		font-size:30px;
	}
	.entry-img p span {
		font-size:15px;
	}
}

@media(max-width:768px){
	.entry-img p {
		font-size:22px;
	}
}

.hd-img {
	width: 100%;
	max-height: 500px;
	object-fit: cover;
	object-position: center top;
}

.entry-outline {
	background: url(images/entry-outline-bg.png);
	width: 100%;
	text-align: center;
	padding: 30px;
	margin : 0 auto 40px;
}

.entry-outline h2 {
	font-size:22px;
	margin-bottom : 20px;
}

.entry-outline p:first-of-type {
	margin-bottom : 15px;
}

.entry-outline .contact-box {
	margin-bottom : 15px;
}

.entry-read {
	text-align: center;
	margin-bottom : 20px;
}

.contact-box span {
	background: #F77373;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	color: #fff;
	padding: 4px 10px;
	margin-right : 15px;
}

.contact-box .tel {
	font-size:22px;
	font-weight: bold;
}

.contact-web-hd{
	width:60%;
	text-align: center;
	font-size:22px;
	border-bottom: 5px solid #FAF431;
	padding-bottom: 15px;
	margin: 0 auto 20px;
}


.contact-web-btn-box{
	width:60%;
	margin: 30px auto;
}

.contact-web-btn-box a{
	width:100%;
	display: block;
	text-align: center;
	padding: 10px 20px;
}

.contact-web-btn-box a:first-of-type{
	margin-bottom: 15px;
}

.contact-web-btn-box .recruit {
	background:#FCE4C8;
}

.contact-web-btn-box .company{
	background:#EBDDD5;
}

/*
	contact form
/////////////////////////////////////////////////////////*/

.inquiry {
 width:100%;
 border-collapse: separate;
 border-spacing: 10px 10px;
}
/*Contact Form 7カスタマイズ*/
/*スマホContact Form 7カスタマイズ*/
@media(max-width:500px){
.inquiry th,.inquiry td {
 display:block!important;
 width:100%!important;
 border-top:none!important;
 -webkit-box-sizing:border-box!important;
 -moz-box-sizing:border-box!important;
 box-sizing:border-box!important;
 margin-bottom: 10px;
}
/* 必須・任意のサイズ調整 */	
.inquiry .haveto,.inquiry .any {	
font-size:14px;
}}
/*見出し欄*/
.inquiry th{
 text-align:right;
 font-size:14px;
 color:#444;
 padding-right:5px;
 width:20%;
 font-weight: normal;
 vertical-align: middle;
}
@media(max-width:500px){
.inquiry th{
 text-align:left;
}}
/*通常欄*/
.inquiry td{
 font-size:13px;
 border-collapse: separate;
 border-spacing: 10px 10px;
}
/*input*/
.inquiry td input{
 background:#D8D8D8;
 width:100%;
 border: none;
 padding: 10px;
}
/*textarea*/
.inquiry textarea{
 background:#D8D8D8;
 width:100%;
 border: none;
 padding: 10px;
 min-height: 200px;
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
 border:solid 1px #d7d7d7;	
}
/*必須の調整*/
.haveto{
 font-size:14px;
 padding:5px 10px;
 background:#F77373;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
 margin-left: 10px;
 display: inline-block;
}
/*任意の調整*/
.any{
 font-size:14px;
 padding:5px 10px;
 background:#7ED321;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
 margin-left: 10px;
 display: inline-block;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
 display:block;
}
/*規約ボックス*/
.terms-box{
 text-align: center;
}
.terms-box a{
 color: #4A90E2;
}
/*送信ボタンのデザイン変更*/
#formbtn{
 display: block;
 padding:15px 40px;
 background:rgba(247,115,115,1);
 color:#fff;
 font-size:18px;
 font-weight:bold;
 border: none;
 margin:25px auto 0;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:rgba(247,115,115,0.7);
}


.base1 th { background: #fce4c8 ; padding: 10px 13px ; border-bottom: 1px solid #FFFFFF ;  text-align: center ; vertical-align: middle ; }
.base1 td { background: #fcf3e8 ; padding: 10px 13px ; border-bottom: 1px solid #FFFFFF ; vertical-align: middle ; }

.pickuptitle { font-size: 28px ; font-weight: 700 ; padding-bottom: 25px ;}
.pickup { font-size: 14px ; font-weight: 700 ; text-align: center ; }
.texttop15 { margin-top: 15px ;}

.list2 li{ width: 47% ; margin: 0px 3% 20px 0px ; overflow: hidden ;  display: inline-block;  vertical-align: top;}
.list2 li:nth-child(2n){ margin-right: 0 ;}

.list3 { margin: 0 30px ; }
.list3 li{ width: 32% ; margin: 0px 1.5% 20px 0px ; overflow: hidden ;  display: inline-block;  vertical-align: top;}
.list3 li:nth-child(3n){ margin-right: 0 ;}


@media screen and (max-width: 768px){
.pickuptitle { font-size: 28px ; font-weight: 700 ; padding-bottom: 25px ; text-align: center ;}
.list3 li{ width: 100% ; overflow: hidden ;  display: inline-block;  vertical-align: top; text-align: center ;}
}



.pc { display: block !important; }
.sp { display: none !important; }

@media screen and (max-width: 768px){
.pc { display: none !important; }
.sp { display: block !important; }
}