@charset "utf-8";
/* CSS Document */
* {
	box-sizing: border-box;
    color: #454545;
}
html {
	width: 100%;
	height: 100%;
	font-size: 62.5%!important;/*ベース10px*/
	font-feature-settings: "palt";
}
@media screen and (max-height:800px) and (min-width:980px){
html.stop {
	overflow: hidden;
}
}
@media screen and (max-width:640px){
html.sp-stop {
	overflow: hidden;
}
}
/* safari */
_:lang(x)+_:-webkit-full-screen-document, html {
	overflow-x: hidden;
}
body, div, p, a, blockquote,
h1, h2, h3, h4, h5, h6,
ul, ol, li, dl, dt, dd,
td, th,
form, input, fieldset, textarea {
	margin: 0;
	padding: 0;
	vertical-align: top;
}
header, nav, article, aside, section, footer {
	display: block;
	margin: 0;
	padding: 0;
}
address, caption, cite, code, dfn, em, strong , th, var {
	font-style: normal;
	font-weight: 400;
}
html, h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
	font-size: 2.0rem;
}
div {
	box-sizing: border-box;
}
ul, ol {
	list-style: none;
}
p,a,li{ 
	font-weight: 400;
	font-size: 1.6rem;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
}
caption, th {
	text-align: left;
}
img, fieldset, abbr {
	border: 0;
}
br {
	letter-spacing: normal;
}
a {
	color: #222222;
	text-decoration: none;
}
p {
	margin: 0;
	line-height: 1.5;
}
/* ios reset */
input,textarea {
  -webkit-appearance: none;
}
/* end */
body {
	width: 100%;
	overflow-x: hidden;
	-webkit-text-size-adjust: none;
	font-family: 'Noto Sans JP', sans-serif , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, "Avenir Next", Verdana, "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #222222;
	position: relative;
	letter-spacing: 0.05rem;
	font-size: 1.0rem;/*10px*/
}
.clearfix {
	clear: both;
    overflow: hidden;
}
#wrapper {
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
@media screen and (max-width:980px){
p {
	line-height: 2.0;
}
}
/****▼　header　▼****/
#header {
	width: calc(100% - 280px);
	padding: 1rem 0 1rem 1rem;
	position: fixed;
	z-index: 9999;
	background-color: #FFF;
}
@media (max-width: 1130px){
	#header {
		width: 100%;
		padding: 1rem 1.8rem 1rem 1rem;
	}
}
#header #header-inner {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 8px;
}
#header-logo {
	max-width: 336px;
	display: flex;
	align-items: center;
	gap: 8px;
}
#header-logo > a {
	font-size: 2.2rem;
    cursor: pointer;
    text-shadow: 0px 0px 2px #FFF;
}
#header-logo > div {
	width: 80px;
}
#header-logo > div.recruit {
    display: none;
}
#header-logo > div a {
	display: block;
	line-height: 0;
}
#header-logo > div img {
	width: 100%;
}
#header-logo .map a:hover {
    background-color: #fff3e9;
    border-radius: 5px;
}
#global-nav {
	width: calc(100% - 336px - 8px);
}
#global-nav #nav-list > ul {
	display: flex;
	gap: 8px;
}
#global-nav #nav-list > ul li:nth-of-type(2) {
	flex: 1.5;
}
#global-nav #nav-list > ul li {
	flex: 1;
}
#global-nav #nav-list > ul li a {
    display: block;
    margin: 0;
    padding: 0.8em 1em;
    position: relative;
    transition: all .3s;
	font-size: 1.2rem;
	text-align: center;
}
#global-nav #nav-list > ul li.active a::before {
    content: "";
    width: 100%;
    height: 3px;
    margin: 0 auto;
    display: block;
    background: linear-gradient(135deg, rgba(234,95,0,1) 0%, rgba(255,198,0,1) 100%);
    opacity: 0.4;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
#global-nav #nav-list > ul li a:hover::after {
    content: "";
	width: 100%;
    height: 3px;
    margin: 0 auto;
    display: block;
    background: linear-gradient(135deg, rgb(193, 0, 0) 0%, rgb(255, 142, 142) 100%);
    opacity: 0.5;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
@media (max-width: 1280px){
	#header #header-inner {
		justify-content: space-between;
	}
	#global-nav {
		width: auto;
		background-color: #FFF;
		z-index: 9998;
		overflow-y: auto;
	}
	#global-nav #nav-list {
		padding: 100px 1.5rem 1.5rem 1.5rem;
		position: fixed;
		top: 0;
		right: -300px;
		bottom: 0;
    	width: 280px;
		background-color: #FFF;
		z-index: 9998;
		overflow-y: auto;
		transition: all .4s ease;
	}
	.open #global-nav #nav-list {
		right: 0;
		transition: all .4s ease
	}
	#global-nav::-webkit-scrollbar {
		width: 12px;
	}
	#global-nav::-webkit-scrollbar-track {
		margin: 5px 0;
		background-color: #ddd;
		border-radius: 5px;
		border-left: 4px solid #FFF;
		border-right: 4px solid #FFF;
	}
	#global-nav::-webkit-scrollbar-thumb {
		background-color: #ea5f00;
		border-radius: 5px;
		border-left: 4px solid #FFF;
		border-right: 4px solid #FFF;
	}
	#global-nav #nav-list > ul {
		flex-direction: column;
		gap: 0;
	}
	#global-nav #nav-list > ul:first-of-type li:first-of-type {
		border-top: 1px solid #ccc;
	}
	#global-nav #nav-list > ul li,
	#global-nav #nav-list > ul li:nth-of-type(2) {
		flex: 1;
		border-bottom: 1px solid #ccc;
	}
	#global-nav #nav-list > ul li a {
		padding: 0.8rem 1rem 0.8rem 2rem;
		text-align: left;
		font-size: 1.4rem;
	}
	#global-nav #nav-list > ul li.active a::before {
		content: "";
		width: 10px;
		height: 10px;
		border-radius: 10px;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto auto auto 0;
	}
	#global-nav #nav-list > ul li a:hover::after {
		content: "";
		width: 10px;
		height: 10px;
		border-radius: 10px;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto auto auto 0;
	}
}
@media (max-width: 980px){
	#global-nav #nav-list {
		padding: 0;
		position: relative;
		top: auto;
		right: auto;
		bottom: auto;
    	width: auto;
		background-color: transparent;
		z-index: 9998;
		overflow-y: auto;
	}
	.open #global-nav #nav-list {
		right: auto;
	}
	#global-nav .nav-inner {
		padding: 100px 1.5rem 1.5rem 1.5rem;
		position: fixed;
		top: 0;
		right: -300px;
		bottom: 0;
    	width: 280px;
		background-color: #FFF;
		z-index: 9998;
		overflow-y: auto;
		transition: all .4s ease;
	}
	.open #global-nav .nav-inner {
		right: 0;
		transition: all .4s ease
	}
	#global-nav .nav-inner::-webkit-scrollbar {
		width: 12px;
	}
	#global-nav .nav-inner::-webkit-scrollbar-track {
		margin: 5px 0;
		background-color: #ddd;
		border-radius: 5px;
		border-left: 4px solid #FFF;
		border-right: 4px solid #FFF;
	}
	#global-nav .nav-inner::-webkit-scrollbar-thumb {
		background-color: #ea5f00;
		border-radius: 5px;
		border-left: 4px solid #FFF;
		border-right: 4px solid #FFF;
	}
}
@media (max-width: 780px){
	#global-nav .nav-inner {
		padding: 60px 1.5rem 1.5rem 1.5rem;
	}
	#header #header-logo {
		max-width: none;
		width: calc(100% - 60px);
		justify-content: space-between;
	}
	#header-logo > div.map,
	#header-logo > div.iso {
		display: none;
	}
	#header-logo > div.recruit {
		display: block;
		width: auto;
	}
	#header-logo > div.recruit a {
		display: block;
		padding: 0.8rem 0.5rem;
		border: 1px solid #ff7d23;
		line-height: 1.2;
		font-size: 1.4rem;
	}
	#header-logo > div.recruit a:hover {
		background-color: #ff7d23;
		color: #FFF;
	}
	#header div.tel-box.sp-bottom-nav {
		display: flex;
		position: fixed;
		top: auto;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
	}
	#header div.tel-box.sp-bottom-nav a {
		flex: 1;
	}
	#header div.tel-box.sp-bottom-nav a:last-of-type {
		flex: 0.5;
	}
	#header div.tel-box.sp-bottom-nav a img {
		max-width: 100%;
   		width: auto;
		margin: auto;
	}
	.tel-box.sp-bottom-nav a {
		background: #ea5f00!important;
	}
	.tel-box.sp-bottom-nav a.emergency {
		background: #ea0000!important;
	}
	.tel-box.sp-bottom-nav a.map {
		background: #4aaa2a!important;
		line-height: 1.2;
		text-align: center;
		font-size: 1.3rem;
		font-weight: bold;
		color: #FFF;
	}
}
/* sidebar */
.sidebar {
	max-width: 240px;
	width: 100%;
	position: fixed;
    right: 20px;
    top: 16px;
	bottom: 16px;
    z-index: 9997;
	overflow-y: auto;
}
.sidebar::-webkit-scrollbar {
    width: 12px;
}
.sidebar::-webkit-scrollbar-track {
	margin: 5px 0;
	background-color: #ddd;
	border-radius: 5px;
	border-left: 4px solid #FFF;
	border-right: 4px solid #FFF;
}
.sidebar::-webkit-scrollbar-thumb {
    background-color: #ea5f00;
	border-radius: 5px;
	border-left: 4px solid #FFF;
	border-right: 4px solid #FFF;
}
.sidebar.fixed-end {
	width: 240px;
	position: absolute;
    right: 20px;
	top: auto;
	bottom: 740px;
}
.sidebar ul li {
	line-height: 0;
}
.sidebar ul li.sp {
	display: none;
}
.sidebar ul li:nth-of-type(n+2) {
	margin-top: 8px;
}
.sidebar ul li a {
	display: block;
}
.tel-box.sp-bottom-nav a,
.sidebar ul li.tel-box a {
	display: block;
	background: rgb(234,95,0);
	background: linear-gradient(135deg, rgba(234,95,0,1) 0%, rgba(255,198,0,1) 100%);
    padding: 0.5em;
	line-height: 0;
}
.tel-box.sp-bottom-nav a.emergency,
.sidebar ul li.tel-box a.emergency {
	display: block;
	background: rgb(234,0,0);
	background: linear-gradient(135deg, rgb(234,0,0) 0%, rgba(255,198,0,1) 100%);
    padding: 0.5em;
	line-height: 0;
}
.tel-box.sp-bottom-nav a.normal,
.sidebar ul li.tel-box a.normal {
	display: block;
	background: rgb(85,193,50);
	background: linear-gradient(135deg, rgb(85,193,50) 0%, rgb(24,121,0) 100%);
    padding: 0.5em;
	line-height: 0;
}
.sidebar ul li a img {
	width: 100%;
}
.tel-box.sp-bottom-nav a img,
.sidebar ul li.tel-box img {
	width: 100%;
	display: block;
	margin: auto;
}
@media screen and (max-width:1130px){
.sidebar {
    top: 100px;
}
.sidebar.fixed-end {
	width: 200px;
	position: absolute;
    right: 20px;
	top: auto;
	bottom: 1050px;
}
}
@media screen and (max-width:980px){
.sidebar {
	max-width: none;
    display: block;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
	padding-top: 1.5rem;
}
.sidebar-btn {
    display: none;
}
}
@media screen and (max-width:640px){
.sidebar,
.sidebar.fixed-end {
	max-width: none;
    width: 100%;
    position: relative;
    padding: 0;
	display: none;
}
.sidebar.active {
    display: block;
    z-index: 9999;
    margin: 0px 0 0;
}
.sidebar ul {
    width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: auto;
}
.sidebar ul li {
    width: 100%;
}
.sidebar ul li.sp {
    display: block;
}
.sidebar ul li.tel-box {
    display: none;
}
.sidebar.active #sns-share {
    display: none;
}
}
@media (min-width: 981px){
	.sidebar-btn {
		display: flex;
		flex-direction: column;
		gap: 1rem;
		justify-content: center;
		padding: 0.8rem 0 0.8rem 0.5rem;
		position: fixed;
		bottom: 2rem;
		right: 0;
		background-color: #f59500;
		z-index: 9999;
		border-radius: 5px 0 0 5px;
		cursor: pointer;
	}
	.sidebar-btn::before {
		content: "";
		display: block;
		width: 8px;
		height: 8px;
		border-top: 2px solid #FFF;
		border-right: 2px solid #FFF;
		transform: rotate(45deg);
	}
	.close .sidebar-btn::before {
		content: "";
		display: block;
		width: 10px;
		height: 10px;
		border-top: 2px solid #FFF;
		border-right: 2px solid #FFF;
		transform: rotate(-135deg);
		position: relative;
		left: 5px;
	}
	.sidebar-btn span {
		font-size: 1.4rem;
		color: #FFF;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		text-orientation: sideways;
	}
	.sidebar-btn span.close,
	.close .sidebar-btn span.open {
		display: none;
	}
	.sidebar-btn span.open,
	.close .sidebar-btn span.close {
		display: block;
	}
	.close .sidebar {
		right: -260px;
	}
	.sidebar-close #header {
		width: 100%;
		padding: 1rem;
	}
	.sidebar-close #container,
	.sidebar-close #contact,
	.sidebar-close .footer-bannar,
	.sidebar-close #footer {
		margin-right: 0!important;
	}
	#header,
	.sidebar,
	#container,
	#contact,
	.footer-bannar,
	#footer {
		transition: all .4s;
	}
}
/****▼　sp-btn　▼****/
#sp-btn,
.sp-bottom-nav {
	display: none;

}
@media screen and (max-width:1280px){
#sp-btn {
	display: block;
    width: 40px;
    height: 40px;
	margin: 0;
    position: relative;
    cursor: pointer;
	z-index: 9999;
	background-color: #FFFFFF;
}
#sp-btn span{
	display: block;
	height: 2px;
	background: #ff7d23;
	position:absolute;
	width: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;	
}
#sp-btn span:nth-child(1){
	top:4px;
}
#sp-btn span:nth-child(2){
	top:12px;
}
#sp-btn span:nth-child(3){
	top:20px;
}
#sp-btn.active span:nth-child(1) {
	top: 12px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	transform: rotate(135deg);
}
#sp-btn.active span:nth-child(2) {
	width: 0;
	left: 25%;
}
#sp-btn.active span:nth-child(3) {
	top: 12px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
#sp-btn p {
    line-height: 1.2;
    font-family: ten-mincho, "Georgia", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 400;
	font-size: 1.2rem;
	color: #ff3d00;
	position: absolute;
	bottom: 0;
}
#sp-btn p::after {
	content: "MENU";
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}
#sp-btn.active p::after {
	content: "CLOSE";
}
}
/****▼　home-imagse,top-imagse　▼****/
#top-imagse {
	width: 100%;
    height: 300px;
    margin: 114px 0 0 auto;
	background-image: url("../images/top-image/top-img.jpg");
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center;
    position: relative;
}
#top-imagse .page-title_bk {
	display: block;
    max-width: 370px;
    width: 100%;
    height: 96px;
    margin: 0 auto 0 100px;
    background: rgb(234,95,0);
    background: linear-gradient(135deg, rgba(234,95,0,1) 0%, rgba(255,198,0,1) 100%);
    position: absolute;
    top: 35%;
    left: 0;
    right: 0;
    mix-blend-mode: multiply;
}
#top-imagse .page-title {
	max-width: 370px;
    margin: 0 auto 0 100px;
    padding: 1em 0.5em;
	font-size: 3.0rem;
    line-height: 1.2;
/*
    font-family: ten-mincho, "Georgia", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 400;
	font-style: normal;
*/
	color: #FFFFFF;
	text-align: center;
	position: relative;
	top: 35%;
}
#operation {
	background: url(../images/about/operation-top-back.jpg) no-repeat;
	background-size: cover;
}
#operation a {
	width: 30vw;
    height: 10vh;
    position: absolute;
    bottom: 4vh;
    left: 0;
    right: 0;
    margin: auto;
}
@media screen and (max-width:1130px){
#top-imagse {
    margin: 0;
}
}
@media screen and (max-width:980px){
#top-imagse .page-title_bk {
    max-width: 300px;
    height: 80px;
    margin: 0 auto 0 50px;
}
#top-imagse .page-title {
    max-width: 300px;
    font-size: 2.5rem;
    margin: 0 auto 0 50px;
}
}
@media screen and (max-width:640px){
#top-imagse {
	width: 100%;
}
#top-imagse {
	height: 150px;
	margin-top: 0;
}
#top-imagse .page-title_bk {
    max-width: 215px;
    height: 65px;
    top: 0;
    bottom: 0;
    margin: auto 30px;
}
#top-imagse .page-title {
    max-width: 215px;
    font-size: 1.8rem;
	top: 30%;
    margin: auto 30px;
}
#operation a {
	width: 60vw;
    height: 10vh;
    bottom: 2vh;
}
}
/****▼　container,contents,.contents_inner　▼****/
#container {
	width: 100%;
	margin: 0px 280px 0 auto;
	overflow: hidden;
}
.home #container {
	margin: 0px 280px 0 auto;
}
/*
#container.contact {
	margin: 0px auto;
}
*/
#container.lineup {
	overflow: hidden;
}
.contents {
	padding: 5em 0;
	display: block;
}
.contents:nth-last-of-type(2) {
	padding: 5em 0 10em;
}
.contents .home-contents_inner {
	max-width: 1280px;
	height: 100%;
	margin: 0 auto;
	padding: 0 2em;
	display: block;
	position: relative;
}
.contents .contents_inner {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 2em;
	display: block;
    overflow: hidden;
}
.contents.bk-color {
	background-color: #faf8f2;
}
.contents.bk-gradation {
	background: rgb(234,95,0);
	background: linear-gradient(135deg, rgba(234,95,0,1) 0%, rgba(255,198,0,1) 100%);
}
.contents.bk-orange {
	background-color: #fff3e9;
}
#home_about {
	padding-top: 5em;
}
p.space {
	margin: 0 auto 2em;
}
a.link {
	text-decoration: underline;
	transition: all .3s;
}
a.link:hover {
	text-decoration: none;
}
@media screen and (max-width:1130px){
#container {
	margin: 100px 280px 0 auto!important;
}
}
@media screen and (max-width:980px){
#container {
	margin: 100px auto 0!important;
}
}
@media screen and (max-width:780px){
#container {
	margin: 60px auto 0!important;
}
}
/****▼　title　▼****/
.contents .home-contents_inner h2 {
/*	margin-right: 2em;*/
    margin-bottom: 1.2em;
    padding: 0.2em 0 0.2em;
	font-size: 3rem;
    line-height: 1.2;
    font-family: ten-mincho, "Georgia", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 400;
	font-style: normal;
	color: #454545;
	display: block;
}
.contents .contents_inner h2 {
    padding: 0.2em 0 1.2em;
	font-size: 3rem;
    line-height: 1.2;
    font-family: ten-mincho, "Georgia", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 400;
	font-style: normal;
	color: #454545;
	display: inline-block;
}
#home_contents.bk-gradation .flex h3 {
	text-align: center;
	margin: 0.7em 0 1.4em;
	font-size: 2.2rem;
    line-height: 1.2;
    font-family: ten-mincho, "Georgia", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 400;
	font-style: normal;
	color: #454545;
}
.contents h2.icon-title {
	padding: 1em 1em 1em 2em;
	display: block;
	position: relative;
	flex: 1;
}
.contents h2.icon-title span {
	max-width: 45px;
    position: absolute;
    left: 5px;
    bottom: 25px;
}
.contents h2.icon-title span.bottom {
	max-width: 45px;
    position: absolute;
    left: 5px;
    top: 25px;
}
.contents h2.icon-title span img {
	width: 100%;
}
.contents h3.sub-title {
	margin: 0.7em 0;
	font-size: 2.2rem;
    line-height: 1.2;
    font-family: ten-mincho, "Georgia", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 400;
	font-style: normal;
	color: #454545;
}
@media screen and (max-width:980px) {
.contents h2.icon-title {
    padding: 1em 1em 1em 2.5em;
    display: block;
    position: relative;
}
.contents .home-contents_inner h2,
.contents .contents_inner h2 {
	font-size: 2.2rem;
}
.contents h2.icon-title span {
	max-width: 35px;
}
.contents h2.icon-title span.bottom {
	max-width: 35px;
	top: 20px;
}
}
@media screen and (max-width:640px) {
#container {
	width: 100%;
	margin: 87px 0 0 auto;
}
.contents h2.icon-title span {
    position: absolute;
    left: 5px;
    bottom: 20px;
}
}
/****▼　home　▼****/
.more-box {
	width: 120px;
    /*border: 1px solid #ff7d23;*/
    display: inline-block;
    margin-top: 1.5em;
}
.more-box a {
	display: block;
	text-align: center;
	position: relative;
}
.more-box a::before {
	content: "";
    display: block;
    width: 55px;
    height: 1px;
    background-color: #ff7d23;

    position: absolute;
     left: 110px;
    top: 50%;
	transition: all .3s;
}
.more-box a::after {
	content: '';
	width: 6px;
	height: 6px;
	border: 0px;
	border-top: solid 1px #ff7d23;
    border-right: solid 1px #ff7d23;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: -45px;
	margin-top: -3px;
	transition: all .3s;
}
.more-box a:hover::before {
	content: "";
    display: block;
    width: 70px;
    height: 1px;
    background-color:#ff7d23;
    position: absolute;
    left: 110px;
    top: 50%;
}
.more-box a:hover::after {
	content: '';
	width: 6px;
	height: 6px;
	border: 0px;
	border-top: solid 1px #ff7d23;
    border-right: solid 1px #ff7d23;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: -60px;
	margin-top: -3px;
}
/*about,lineup*/
.home-about_link,
.home-lineup_link {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 1.5em;
}
.home-about_link li,
.home-lineup_link li {
	width: calc(99%/3);
	transition: all .3s;
}
.home-about_link li:nth-child(2),
.home-lineup_link li:nth-child(2),
.home-lineup_link li:nth-child(5) {
	border-right: 1px solid #acacac;
	border-left: 1px solid #acacac;
}
.home-lineup_link li:nth-child(4), 
.home-lineup_link li:nth-child(5), 
.home-lineup_link li:nth-child(6) {
	border-top: 1px solid #acacac;
}
.home-about_link li a,
.home-lineup_link li a {
	display: block;
	padding: 8em 1em 1em;
	text-align: center;
	font-size: 1.3em;
}
.home-about_link li:hover, .home-lineup_link li:hover {
    opacity: 0.4;
}
@media screen and (max-width:980px){
.home-lineup_link.top-border {
	border-top: none;
}
.home-lineup_link li {
	width: calc(100%/2);
	transition: all .3s;
}
.home-lineup_link li:nth-child(2),
.home-lineup_link li:nth-child(5) {
	border-right: none;
	border-left: none;
}
.home-lineup_link li:nth-child(2),
.home-lineup_link li:nth-child(4),
.home-lineup_link li:nth-child(6) {
	border-left: 1px solid #acacac;
}
.home-lineup_link li:nth-child(3), 
.home-lineup_link li:nth-child(4), 
.home-lineup_link li:nth-child(5), 
.home-lineup_link li:nth-child(6) {
	border-top: 1px solid #acacac;
}
.home-lineup_link li a {
    padding: 2em 1em 2em 5em;
    text-align: left;
}
}
@media screen and (max-width:750px){
.home-about_link li,
.home-lineup_link li {
	width: 100%;
	transition: all .3s;
}
.home-about_link li:nth-child(2),
.home-lineup_link li:nth-child(2),
.home-lineup_link li:nth-child(4),
.home-lineup_link li:nth-child(6) {
    border-left: none;
    border-right: none;
    border-top: none;
}
.home-about_link li:nth-child(1),
.home-about_link li:nth-child(3),
.home-lineup_link li:nth-child(1),
.home-lineup_link li:nth-child(3),
.home-lineup_link li:nth-child(5) {
    border-top: 1px solid #acacac;
    border-bottom: 1px solid #acacac;
    border-left: none;
    border-right: none;
}
.home-lineup_link li:nth-child(6) {
    border-bottom: 1px solid #acacac;
}
}
/*about_link*/
.home-about_link li.link01 a {
	background-image: url("../images/common/icon_about01.png");
	background-repeat: no-repeat;
	background-position: center top 35px;
	background-size: 70px;
}
.home-about_link li.link02 a {
	background-image: url("../images/common/icon_about02.png");
	background-repeat: no-repeat;
	background-position: center top 40px;
	background-size: 70px;
}
.home-about_link li.link03 a {
	background-image: url("../images/common/icon_about03.png");
	background-repeat: no-repeat;
	background-position: center top 45px;
	background-size: 70px;
}
.home-about_link li.link04 a {
	background-image: url("../images/common/icon_recruit00.png");
	background-repeat: no-repeat;
	background-position: center top 50px;
    background-size: 85px;
}
.home-about_link li.link05 a {
	background-image: url("../images/common/icon_about05.png");
	background-repeat: no-repeat;
	background-position: center top 45px;
	background-size: 70px;
}
@media screen and (max-width:750px) {
.home-about_link li.link01 a,
.home-about_link li.link02 a,
.home-about_link li.link03 a,
.home-about_link li.link05 a {
	background-size: 50px;
}
}
@media screen and (max-width:750px){
.home-about_link li a,
.home-lineup_link li a {
	padding: 2em 1em 2em 4em;
    text-align: left;
}
.home-about_link li.link01 a,
.home-about_link li.link03 a,
.home-about_link li.link05 a {
    background-size: 40px;
    background-position: left 20px center;
}
}
/*lineup_link*/
.home-lineup_link li.link01 a {
	background-image: url("../images/common/topicon_lineup01.png");
	background-repeat: no-repeat;
	background-position: center top 35px;
	background-size: 70px;
}
.home-lineup_link li.link02 a {
	background-image: url("../images/common/topicon_lineup02.png");
	background-repeat: no-repeat;
	background-position: center top 35px;
	background-size: 70px;
}
.home-lineup_link li.link03 a {
	background-image: url("../images/common/topicon_lineup03.png");
	background-repeat: no-repeat;
	background-position: center top 45px;
	background-size: 80px;
}
.home-lineup_link li.link04 a {
	background-image: url("../images/common/topicon_lineup04.png");
	background-repeat: no-repeat;
	background-position: center top 60px;
    background-size: 80px;
}
.home-lineup_link li.link05 a {
	background-image: url("../images/common/topicon_lineup05.png");
	background-repeat: no-repeat;
	background-position: center top 50px;
	background-size: 75px;
}
.home-lineup_link li.link06 a {
	background-image: url("../images/common/topicon_lineup06.png");
	background-repeat: no-repeat;
	background-position: center top 50px;
	background-size: 80px;
}
@media screen and (max-width:980px) {
.home-lineup_link li.link01 a,
.home-lineup_link li.link02 a,
.home-lineup_link li.link03 a,
.home-lineup_link li.link05 a,
.home-lineup_link li.link06 a {
	background-size: 40px;
	background-position: left 30px center;
}
.home-lineup_link li.link04 a {
	background-size: 45px;
	background-position: left 30px center;
}
}
/*flex*/
.contents .flex {
	display: flex;
	flex-wrap: wrap;
}
.contents .flex .left,
.contents .flex .right {
	width: calc(98%/2);
}
.contents .flex .left {
	margin-right: 2%;
}
@media screen and (max-width:980px) {
.contents .flex {
	display: flex;
	flex-wrap: wrap;
}
.contents .flex .left,
.contents .flex .right {
	width: 100%;
}
.contents .flex .left {
	margin-right: 0;
	margin-bottom: 4%;
}
#contact.contents .flex .left,
#contact.contents .flex .right {
	width: calc(98%/2);
}
#contact.contents .flex .left {
	margin-right: 2%;
}
}
@media screen and (max-width:780px) {
#contact.contents .flex .left,
#contact.contents .flex .right {
	width: 100%;
	margin-right: 0;
}
.contents .flex .left {
	margin-right: 0;
	margin-bottom: 4%;
}
}
/*bk-gradation*/
#home_contents.bk-gradation .flex .left,
#home_contents.bk-gradation .flex .right div {
	background-color: #FFFFFF;
	padding: 3em;
}
#home_contents.bk-gradation .flex .right div:first-child {
	margin-bottom: 4%;
}
#home_contents.bk-gradation .flex .right p.title {
	text-align: center;
	font-weight: bold;
    margin-bottom: 0.5em;
}
#home_contents.bk-gradation .flex .right ul.teasing.small {
	width: 65%;
	margin: 0 auto;
}
#home_contents.bk-gradation .flex .right ul.teasing.small li {
	font-size: 1.4rem;
	padding-left: 1.5em;
    text-indent: -1em;
}
#home_contents.bk-gradation .flex .right ul.teasing.small li::before {
	content: "";
	display: inline-block;
	width: 0;
    height: 0;
    border-top: solid 7px transparent;
    border-right: solid 7px transparent;
    border-bottom: solid 7px transparent;
    border-left: solid 7px #ff7d23;
}
#home_contents.bk-gradation .flex .right a {
    width: 100%;
    display: block;
    margin: 2em auto 0;
    padding: 1em;
	border: 1px solid #ff7d23;
	text-align: center;
	transition: all .3s;
}
#home_contents.bk-gradation .flex .right a:hover {
    background-color: #ff7d23;
	color: #FFFFFF;
}
a.blank span {
	padding-right: 1.7em;
    position: relative!important;
    display: inline-block;
}
a.blank span::after {
	content: "";
    display: block;
    position: absolute;
    right: 0;
	top: 3px;
    width: 20px;
    height: 20px;
    background-image: url(../images/common/icon_blank.png);
    background-size: contain;
    background-repeat: no-repeat;
	transition: all .3s;
}
.bannar-list a.blank span::after {
	content: "";
    display: block;
    position: absolute;
    right: 0;
	top: 3px;
    width: 15px;
    height: 15px;
    background-image: url(../images/common/icon_blank.png);
    background-size: contain;
    background-repeat: no-repeat;
	transition: all .3s;
}
a.blank img {
	transition: all .3s;
}
a.blank:hover img {
	opacity: 0.5;
}
#home_contents a.blank:hover span {
	color: #FFFFFF;
}
#home_contents a.blank:hover span::after {
	content: "";
    display: block;
    position: absolute;
    right: 0;
	top: 3px;
    width: 20px;
    height: 20px;
    background-image: url(../images/common/icon_blank-shiro.png);
    background-size: contain;
    background-repeat: no-repeat;
}
@media screen and (max-width:980px){
#home_contents.bk-gradation .flex .right ul.teasing.small {
    width: 100%;
    margin: 0 auto;
}
}
/*banner-list*/
#home_contents.bk-gradation .banner-list {
	max-width: 430px;
	width: 100%;
	margin: 0 auto;
}
#home_contents.bk-gradation .banner-list li {
	margin-bottom: 0.5em;
}
#home_contents.bk-gradation .banner-list a {
	line-height: 0;
}
#home_contents.bk-gradation .banner-list a img {
	width: 100%;
	transition: all .3s;
}
#home_contents.bk-gradation .banner-list a:hover img {
	opacity: 0.5;
}
/*news-list*/
#news-list {
	border-top: 1px solid #dcdcdc;
}
#news-list li > a,
#news-list li > div {
	display: flex;
    flex-wrap: wrap;
    gap: 1em;
    flex-direction: row;
    background-color: transparent;
    min-height: auto;
    border-left: none;
    border-right: none;
    border-top: none;
    padding: 0.7em;
	border-bottom: 1px dotted #dcdcdc;
}
#news-list li:last-of-type > a,
#news-list li:last-of-type > div {
	display: flex;
    flex-wrap: wrap;
    gap: 1em;
    flex-direction: row;
    background-color: transparent;
    min-height: auto;
    border-left: none;
    border-right: none;
    border-top: none;
    padding: 0.7em;
	border-bottom: 1px solid #dcdcdc;
}
#news-list li a > .date,
#news-list li div > .date {
	width: 100px;
}
#news-list li a > .text,
#news-list li div > .text {
	width: calc(100% - 100px - 1em);
	transition: all .3s;
}
#news-list li:hover {
	background-color: #ffa4651c;
}
#news-list li:hover > .text {
	color: #ff7d23;
}
#home_news.contents .home-contents_inner h2 {
	display: block;
	width: 100%;
	max-width: 350px;
}
a.more-box.news {
    width: 100%;
    max-width: 190px;
    display: block;
    margin-top: 0;
    margin: 8px 0 0 16px;
    padding-right: 6em;
    padding-left: 0;
    position: relative;
    float: right;
}
a.more-box.news::before {
	content: "";
    display: block;
    width: 55px;
    height: 1px;
    background-color: #ff7d23;
    position: absolute;
    left: 110px;
    top: 50%;
	transition: all .3s;
}
a.more-box.news::after {
	content: '';
	width: 6px;
	height: 6px;
	border: 0px;
	border-top: solid 1px #ff7d23;
    border-right: solid 1px #ff7d23;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 25px;
	margin-top: -3px;
	transition: all .3s;
}
a.more-box.news:hover::before {
	content: "";
    display: block;
    width: 70px;
    height: 1px;
    background-color:#ff7d23;
    position: absolute;
    left: 110px;
    top: 50%;
}
a.more-box.news:hover::after {
	content: '';
	width: 6px;
	height: 6px;
	border: 0px;
	border-top: solid 1px #ff7d23;
    border-right: solid 1px #ff7d23;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -3px;
}
@media screen and (max-width:640px){
#news-list li > a,
#news-list li > div {
    flex-direction: column;
	gap: 0.5rem;
}
#news-list li a > *,
#news-list li div > *,
#news-list li a > .text,
#news-list li div > .text {
    width: 100%;
}
a.more-box.news {
    width: 100%;
    max-width: 160px;
    display: block;
    margin-top: 0;
    margin: 8px 0 0 16px;
    padding-right: 3.5em;
    padding-left: 0;
    position: relative;
    float: right;
}
a.more-box.news::before {
    content: "";
    display: block;
    width: 35px;
    height: 1px;
    background-color: #ff7d23;
    position: absolute;
    left: 110px;
    top: 50%;
    transition: all .3s;
}
a.more-box.news:hover::before {
    content: "";
    display: block;
    width: 50px;
    height: 1px;
    background-color: #ff7d23;
    position: absolute;
    left: 110px;
    top: 50%;
    transition: all .3s;
}
a.more-box.news::after {
	content: '';
	width: 6px;
	height: 6px;
	border: 0px;
	border-top: solid 1px #ff7d23;
    border-right: solid 1px #ff7d23;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -3px;
	transition: all .3s;
}
}
/*access*/
.access.contents .home-contents_inner h2 {
    text-align: center;
	display: block;
	margin-right: 0;
}
.access.contents .home-contents_inner h3 {
    font-size: 2rem;
    line-height: 1.2;
    font-family: ten-mincho, "Georgia", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: 400;
    font-style: normal;
}
.access.contents p {
	width: 100%;
}
.access.contents p.gm-style-pbt {
	text-align: center;
	margin: 0 auto;
}
.access.contents #map {
	width: 100%;
	height: 400px;
	margin: 0 auto 2.5em;
}
.access.contents #map iframe {
	width: 100%;
	height: 100%;
}
@media screen and (max-width:980px){
.access.contents .home-contents_inner h2 {
    text-align: center;
	display: block;
	margin-right: 0;
	font-size: 2.5rem;
}
}
@media screen and (max-width:780px){
.access.contents p {
	text-align: left;
}
}
/*contact*/
#contact {
	width: 100%;
    margin: 0px 280px 0 0;
}
#contact.contents .home-contents_inner h2,
#contact.contents .home-contents_inner p {
    color: #FFFFFF;
	text-align: center;
	display: block;
	margin-right: 0;
}
#contact.contents .contact-box {
	line-height: 0;
}
#contact.contents .contact-box div a {
	line-height: 0;
    display: block;
}
#contact.contents .contact-box div.tel img,
#contact.contents .contact-box div.free-dial img {
	width: 100%;
	line-height: 0;
}
#contact.contents .contact-box div span {
	font-size: 4.0rem;
	display: block;
	font-weight: bold;
}
@media screen and (max-width: 980px){
#contact {
	width: 100%;
    margin: 0 0 0 0;
}
}
/****▼　footer　▼****/
#footer {
	background-color: #faf8f2;
	width: auto;
    margin: 0px 280px 0 0;
}
#footer .footer_inner {
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
	padding: 1.5em 1.5em;
    overflow: hidden;
}
#footer .link {
	overflow: hidden;
	margin-bottom: 1em;
}
#footer .link .right-img {
	float: right;
    margin: 0.5em 0 1em;
}
#footer .footer-list {
	font-size: 0;
}
#footer .footer-list li {
	display: inline-block;
	padding-left: 2em;
	position: relative;
}
#footer .footer-list li::before {
	content: "";
    width: 8px;
    height: 8px;
    border-top: 2px solid #ff7d23;
    border-right: 2px solid #ff7d23;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 5px;
    left: 0.8em;
}
#footer .footer-list li a {
	font-size: 1.4rem;
	transition: all .3s;
}
#footer .footer-list li a:hover {
	color: #ff7d23;
}
#footer p.copy {
	font-size: 1.2rem;
	text-align: right;
	margin: 0;
	clear: both;
}
.footer-bannar {
	background-color: #faf8f2;
	    width: auto;
    margin: 0px 280px 0 0;
}
.footer-bannar .bannar-list {
	max-width: 1240px;
	width: 100%;
	margin: 0 auto;
	padding: 2em 2em;
	display: flex;
/*	flex-wrap: wrap;*/
	justify-content: space-between;
	border-bottom: 1px solid #acacac;
}
.footer-bannar .bannar-list li {
	text-align: center;
	flex: auto;
/*	width: calc(100%/4);*/
    padding: 0 1.5em;
    line-height: 1.5;
}
.footer-bannar .bannar-list li:first-of-type {
    font-size: 2.5em;
    font-family: ten-mincho, "Georgia", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	display: flex;
	align-items: center;
	justify-content: center;
	word-break: keep-all;
}
.footer-bannar .bannar-list li a {
    font-size: 0.8em;
}
.footer-bannar .bannar-list li img {
    width: 100%;
}
@media screen and (max-width:980px){
#footer,
.footer-bannar {
	width: 100%;
    margin: 0 0 0 0;
}
#footer .link {
    overflow: hidden;
    margin-bottom: 1em;
    display: block;
}
#footer .link .right-img {
    float: none;
    width: auto;
    margin: 0.5em auto 1em;
    display: block;
}
#footer .footer-list {
	margin-bottom: 25px;
}
#footer .footer-list li {
    display: block;
    padding-left: 2em;
    position: relative;
}
#footer p.copy {
    font-size: 1.2rem;
    text-align: center;
    margin: 0;
    clear: both;
}
.footer-bannar .bannar-list {
	display: block;
}
.footer-bannar .bannar-list li {
	text-align: center;
	width: 100%;
    padding: 0 1.5em 1.5em;
    line-height: 1.5;
}
.footer-bannar .bannar-list li img {
	width: auto;
}
.footer-bannar .bannar-list li:first-child {
    padding: 0 1.5em 1em;
    justify-content: center;
}
.footer-bannar .bannar-list li:last-child {
    padding: 0 1.5em 0;
}
}
@media screen and (max-width:640px){
#footer {
	width: 100%;
}
#footer .footer_inner {
	padding: 1.5em 1.5em 17em;
}
.footer-bannar {
	width: 100%;
}
}
/*breadcrumbs*/
.breadcrumbs ul {
	max-width: 1280px;
	margin: 0 auto;
    padding: 0 1.5em;
	text-align: left;
}
.breadcrumbs ul li {
	display: inline-block;
	font-size: 1.2rem;
	padding: 0.5em 2em 0.5em 0.5em;
	position: relative;
}
.breadcrumbs ul li:last-child {
	display: inline-block;
	font-size: 1.2rem;
	padding: 0.5em 0em 0.5em 0.5em;
	position: relative;
}
.breadcrumbs ul li::before {
    content: ">";
    font-size: 1.6rem;
    color: #454545;
    position: absolute;
    top: 3px;
    right: 3px;
}
.breadcrumbs ul li:last-child::before {
    content: "";
    display: none;
}
.breadcrumbs ul li a {
	font-size: 1.2rem;
}
.breadcrumbs ul li a:hover {
	color: #ff7d23;
}
/****▼　about　▼****/
.right-img {
	float: right;
	margin: 0 0 1em 3em;
	text-align: center;
	font-size: 1.5rem;
	max-width: 350px;
}
.right-img img {
	display: block;
	margin-bottom: 0.5em;
	width: 100%;
}
.left-img {
	float: left;
	margin: 0 3em 1em 0;
	text-align: center;
	font-size: 1.5rem;
	max-width: 350px;
}
.left-img.w500 {
	max-width: 500px;
}
.left-img img {
	width: 100%;
	display: block;
	margin-bottom: 0.5em;
}
.left.text-box p {
	line-height: 1.8;
	font-size: 1.6rem;
}
 img.greeting {
	width: 100%;
}
img.greeting + span {
	display: none;
}
img.name {
	margin: 8px 0;
	max-width: 155px;
}
@media screen and (max-width:1100px){
.left-img.w500 {
	max-width: none;
	float: none;
}
}
@media screen and (max-width:980px){
.right-img,
.left-img  {
	max-width: 250px;
	width: 100%;
	text-align: center;
	font-size: 1.5rem;
}
}
@media screen and (max-width:780px){
.right-img,
.left-img  {
	max-width: inherit;
	width: 100%;
	float: none;
	margin: 0 0 3em 0;
	text-align: center;
	font-size: 1.5rem;
}
.right-img img {
	width: 100%;
}
.left-img.w500 {
	max-width: inherit;
}
.left-img img {
	width: 100%;
	display: block;
	margin-bottom: 0;
}
img.greeting {
	display: block;
	margin: 0 auto 24px;
}
}
/*table.normal*/
table.normal {
	width: 100%;
	margin: 0 auto;
}
table.normal.contact {
	margin: 0 auto 24px;
}
table.normal tr:nth-child(2n-1) {
	background-color: #fff3e9;
}
table.normal tr:nth-child(2n) {
	background-color: #ffffff;
}
table.normal th {
	width: 200px;
}
table.normal.contact th {
	width: 300px;
}
table.normal th,
table.normal td {
	padding: 1.5em 1em;
	text-align: left;
	font-size: 1.5rem;
}
table.normal.contact td input,
table.normal.contact td select {
	padding: 8px;
}
table.normal.contact td textarea {
	width: 100%;
	padding: 8px;
}
table.no-border td {
	padding: 8px;
	font-size: 15px;
	vertical-align: middle;
}
@media screen and (max-width:980px){
table.normal th {
	width: 30%;
}
table.normal.contact th,
table.normal.contact td {
	width: 100%;
	display: block;
}
}
@media screen and (max-width:780px){
table.normal th,
table.normal td {
	width: 100%;
	display: block;
}
table.normal th {
	padding-bottom: 0.5em;
}
table.normal td {
	padding-top: 0;
}
table.normal.contact td span{
	display: block;
}
table.normal.contact td span + br{
	display: none;

}
table.normal.contact td select,
table.normal.contact td span input {
	margin: 4px 0 4px!important;
	display: block;
	width: 100%;
}
}
/*philosophy*/
.contents .philosophy {
    padding: 1em 0 3em;
	font-size: 2rem;
    line-height: 1.5;
    font-family: ten-mincho, "Georgia", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: 400;
    font-style: normal;
    color: #454545;
	position: relative;
}
/*** lineup ***/
#lineup_list {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 1.5em;
	gap: 4px;
}
#lineup_list div {
	width: calc((100% - 20px)/6);
	margin: 0 0 1.5em;
	text-align: center;
	background-color: #FFFFFF;
}
#lineup_list div a {
    display: block;
    padding: 5em 1em 1em;
    text-align: center;
    transition: all .3s;
    background-color: #fff3e9;
	border: 2px solid #fff3e9;
	font-size: 14px;
}
#lineup_list div a:hover {
    display: block;
	background-color: #FFFFFF;
	border: 2px solid #ff7d23;
}
#lineup_list .item01 a {
	background-image: url("../images/common/icon_lineup01.png");
	background-repeat: no-repeat;
	background-position: top 16px center;
    background-size: 40px;
}
#lineup_list .item02 a {
	background-image: url("../images/common/icon_lineup02.png");
	background-repeat: no-repeat;
	background-position: top 13px center;
    background-size: 40px;
}
#lineup_list .item03 a {
	background-image: url("../images/common/icon_lineup03.png");
	background-repeat: no-repeat;
	background-position: top 20px center;
    background-size: 40px;
}
#lineup_list .item04 a {
	background-image: url("../images/common/icon_lineup04.png");
	background-repeat: no-repeat;
	background-position: top 25px center;
    background-size: 40px;
}
#lineup_list .item05 a {
	background-image: url("../images/common/icon_lineup05.png");
	background-repeat: no-repeat;
	background-position: top 18px center;
    background-size: 40px;
}
#lineup_list .item06 a {
	background-image: url("../images/common/icon_lineup06.png");
	background-repeat: no-repeat;
	background-position: top 20px center;
    background-size: 40px;
}
#lineup_box {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 1.5em;
}
#lineup_box .box {
	width: calc(96%/2);
	margin: 1%;
	margin-bottom: 1.5em;
}
#lineup_box h3 {
	font-size: 1.8rem;
	font-weight: bold;
}
@media screen and (max-width:1190px){
#lineup_list div {
	width: calc((100% - 20px)/3);
	margin: 0 0 0.5em;
	text-align: center;
	background-color: #FFFFFF;
}
}
@media screen and (max-width:980px){
.list-outer {
    overflow-x: auto;
	margin-bottom: 1.2em;
}
.list-outer::-webkit-scrollbar {
    height: 12px;
}
.list-outer::-webkit-scrollbar-track {
	margin: 0 5px;
	background-color: #ddd;
	border-radius: 5px;
	border-top: 4px solid #FFF;
	border-bottom: 4px solid #FFF;
}
.list-outer::-webkit-scrollbar-thumb {
    background-color: #ea5f00;
	border-radius: 5px;
	border-top: 4px solid #FFF;
	border-bottom: 4px solid #FFF;
}
#lineup_list {
	min-width: 980px;
}
#lineup_list div {
    width: auto;
	flex: 1;
    margin: 0!important;
    text-align: center;
    background-color: #FFFFFF;
}
}
/*point-list*/
.point-list {
	width: 100%;
	overflow: hidden;
}
.point-list.space {
	margin-bottom: 1em;
}
.point-list li {
	position: relative;
	padding: 0.5em 0 0.5em 1.5em;
}
.point-list li span {
	position: absolute;
	left: 0;
}
/*insurance_list */
.insurance_list {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.insurance_list > li {
	width: calc((100% - 32px)/3);
	margin-bottom: 1em;
}
.insurance_list > li:nth-of-type(3n-1) {
	margin: 0 16px 1em;
}
.insurance_list > li > a {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}
.insurance_list > li:not(.img) p {
	width: 100%;
	height: 100%;
	padding: 0.5em 2em 0.5em 1em;
	display: flex;
	align-items: center;
	border: 1px solid #ff7d23;
}
.insurance_list > li:not(.img) a {
	padding: 0.5em 2em 0.5em 1em;

	position: relative;
	background-color: #ff7d23;
	transition: all .3s;
}
.insurance_list > li:not(.img) a:hover {
	background-color: #ea5f00;
}
.insurance_list > li:not(.img) a span {
	color: #FFF;
}
.insurance_list > li:not(.img) a::before {
	content: "";
    width: 16px;
    height: 16px;
	margin: auto;
	background-color: #fff;
    position: absolute;
    top: 0;
	bottom: 0;
    right: 0.5em;
	border-radius: 16px;
}
.insurance_list > li:not(.img) a::after {
	content: "";
    width: 4px;
    height: 4px;
	margin: auto;
    border-top: 2px solid #ff7d23;
    border-right: 2px solid #ff7d23;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 0;
	bottom: 0;
    right: 0.9em;
}
.insurance_list > li.img a {
	border: none;
	padding: 0;
}
.insurance_list > li img {
	display: block;
	width: 100%;
	margin-bottom: 0;
}


/*insurance_list
.insurance_list {
	width: 100%;
}
.insurance_list li {
	padding: 0.5em 0.5em 0.5em 1.5em;
	position: relative;
}
.insurance_list li::before {
	content: "";
    width: 12px;
    height: 12px;
    background-color: #ea5f00;
    border-radius: 15px;
    position: absolute;
    top: 12px;
    left: 5px;
}
.insurance_list li img {
	max-width: 350px;
	width: 100%;
}*/
/*** news ***/
.contents h2.news-title {
	color: #ea5f00;
	display: block;
}
.contents h2.news-title span.news-date {
    padding-top: 1.5em;
	display: block;
	color: #acacac;
	font-size: 1.4rem;
	text-align: right;
}
a.news-back {
	max-width: 200px;
	display: block;
	margin: 5em auto 0;
	padding: 0.5em 1em;
	border: 1px solid #ff7d23;
	text-align: center;
	transition: all .3s;
}
a.news-back:hover {
	background-color: #ff7d23;
	color: #FFFFFF;
}


/*** recruit ***/
#recruit_list {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 1.5em;
}
#recruit_list div {
	width: calc(98%/5);
	margin: 0 0 1.5em;
	text-align: center;
	background-color: #FFFFFF;
}
#recruit_list div:nth-child(3) {
	margin: 0 0.5% 1.5em;
}
#recruit_list div:first-child {
	margin: 0 0.5% 1.5em 0;
}
#recruit_list div:last-child {
	margin: 0 0 1.5em 0.5%;
}
#recruit_list div a {
    display: block;
    padding: 1.5em 1em 1.5em 4em;
    text-align: center;
    transition: all .3s;
    border: 2px solid #fff3e9;
    background-color: #fff3e9;
}
#recruit_list div a:hover {
    display: block;
	background-color: #FFFFFF;
	border: 2px solid #ff7d23;
}
#recruit_list .item01 a {
	background-image: url("../images/common/icon_recruit01.png");
	background-repeat: no-repeat;
	background-position: top 17px left 15px;
    background-size: 40px;
}
#recruit_list .item02 a {
	background-image: url("../images/common/icon_recruit02.png");
	background-repeat: no-repeat;
	background-position: top 18px left 15px;
    background-size: 40px;
}
#recruit_list .item03 a {
	background-image: url("../images/common/icon_recruit03.png");
	background-repeat: no-repeat;
	background-position: top 12px left 15px;
    background-size: 35px;
}
#recruit_list .item04 a {
	background-image: url("../images/common/icon_recruit04.png");
	background-repeat: no-repeat;
	background-position: top 15px left 15px;
    background-size: 35px;
}
#recruit_list .item05 a {
	background-image: url("../images/common/icon_recruit05.png");
	background-repeat: no-repeat;
	background-position: top 17px left 15px;
    background-size: 40px;
}
#message .message {
	padding: 1em 0;
    font-size: 2rem;
    line-height: 1.5;
    font-family: ten-mincho, "Georgia", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: 400;
    font-style: normal;
    color: #454545;
    position: relative;
}
.btn a {
	display: block;
	max-width: 780px;
	width: 100%;
	margin: 0 auto;
	color: #FFF;
	text-align: center;
	padding: 36px;
	background: linear-gradient(135deg, rgba(234,95,0,1) 0%, rgba(255,198,0,1) 100%);
	font-size: 3rem;
    line-height: 1.2;
    font-family: ten-mincho, "Georgia", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: 400;
    font-style: normal;
}
.btn a:hover {
	opacity: 0.7;
}
.recruit-box {
	width: 100%;
	display: block;
	clear: both;
	overflow: hidden;
}
.recruit-box div {
	width: calc(96%/3);
	display: block;
	float: left;
}
.recruit-box div:nth-child(2n) {
	margin: 0 2%;
}
.recruit-box div img {
	width: 100%;
	margin-bottom: 0.6em;
	display: block;
}
.recruit-box p.title {
	font-size: 1.8rem;
    line-height: 1.5;
    font-family: ten-mincho, "Georgia", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: 400;
    font-style: normal;
}
dl.entry {
	clear: both;
	overflow: hidden;
}
dl.entry dt {
	float: left;
}
dl.entry dd {
	float: right;
	max-width: 780px;
    width: 100%;
}
.max-img {
	width: 100%;
	display: block;
	margin: 0 0 24px;
}
.tab input[name="tab-item"] {
	display: none;
}
.tab label.tab-item {
	font-size: 14px;
	padding: 8px 16px;
    float: right;
    background-color: #ddd;
    color: #888;
}
.tab-content {
	display: none;
}
#graduate:checked ~ #graduate-content,
#middle:checked ~ #middle-content {
	display: block;
}
.tab input:checked + .tab-item {
	background-color: #ff7d23;
	color: #FFF;
}
@media screen and (max-width:980px){
#recruit_list div {
	width: calc(98%/2);
	margin: 0 0 1em;
	text-align: center;
	background-color: #FFFFFF;
}
#recruit_list div:first-child {
	margin: 0 0 1em 0;
}
#recruit_list div:last-child {
	margin: 0 0 1em 0;
}
#recruit_list div:nth-child(3) {
	margin: 0 0 1em 0;
}
#recruit_list div:nth-child(2n) {
	margin: 0 0 1em 2%;
}
}
@media screen and (max-width:780px){
.recruit-box div {
	width: 100%;
	display: block;
	float: left;
}
.recruit-box div:nth-child(2n) {
	margin: 2em 0;

}
.btn a {
	padding: 24px;
	font-size: 2rem;
}
}

/**form**/
.form-fm table {
	margin-bottom: 24px;
}
.form-fm table th,
.form-fm table td {
	vertical-align: middle;
}
.center {
	text-align: center;
}
.btn input {
	display: block;
	max-width: 300px;
	width: 100%;
	margin: 0 auto;

	color: #FFF;
	text-align: center;
	padding: 16px;
	background: linear-gradient(135deg, rgba(234,95,0,1) 0%, rgba(255,198,0,1) 100%);
	font-size: 2.4rem;
    line-height: 1.2;
    font-family: ten-mincho, "Georgia", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: 400;
    font-style: normal;
    border: none;
}
.btn input:hover {
	opacity: 0.7;
}
.form-fm input[type="text"],
.form-fm select,
.form-fm text-area {
	border: 1px solid #ccc;
    padding: 3px;
    max-width: 300px;
    width: 100%;
}
.form-fm input[type="radio"],
.form-fm input[type="checkbox"] {
	background-color: rgba(255,255,255,0.00)!important;
    position: relative;
    top: 5px;
}
/*ヘッダ*/
.sub-menu #top-share {
    float: right;
	margin-left: 15px;
}
.sub-menu #top-share p {
    font-size: 10px;
	text-align: center;
	color: #ff5722;
}
.sub-menu a.sns_link {
    padding: 0.2em 0 0;
}
.sub-menu a.sns_link::before {
    content: "";
    display: none;
}
@media screen and (max-width: 1200px) {
.sub-menu #top-share {
    float: none;
    width: 140px;
    text-align: center;
    margin: 16px auto 0;
}
.sub-menu #top-share p {
    font-size: 12px;
	text-align: center;
	color: #FFF;
}
.sub-menu a.sns_link {
    display: inline-block;
}
.sub-menu a.sns_link {
    display: inline-block;
}
.sub-menu a.sns_link:last-of-type img {
    margin-right: 0!important;
}
}
/*固定*/
#sns-share {
	position: relative;
	margin: 1.5em 1.5em 0;
	transition: all .3s;
	display: flex;
	flex-direction: column;
}
#sns-share p {
	width: 100%;
	margin-bottom: 16px;
	padding: 4px 8px;
	border-radius: 5px;
	font-size: 13px;
	text-align: center;
	background-color: #f59500;
	color: #FFF;
	position: relative;
}
#sns-share p::after {
	content: "";
	position: absolute;
	bottom: -10px;
    left: 0;
    right: 0;
    margin: auto;
	width: 0;
	height: 0;
	border-right: 10px solid transparent;
	border-top: 10px solid #f59500;
	border-left: 10px solid transparent;
}
#sns-share > div {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: center;
	
}
#sns-share > div a {
	width: 30px;
	height: 30px;
}
#sns-share > div a:hover {
	opacity: 0.6;
}
#sns-share > div .btn-twitter {
	background-color: #000;
	border-radius: 30px;
	padding: 6px;
}
#sns-share > div a img {
	width: 100%;
	margin: 0;
}
@media screen and (max-width:640px){
#sns-share {
	position: fixed;
	bottom: 120px;
	right: 10px;
	transition: all .3s;
	display: block;
}
#sns-share p {
	width: auto;
	margin-bottom: 0px;
	margin-right: 15px;
	float: left;
}
#sns-share p::after {
	content: "";
    position: absolute;
    bottom: 0;
    top: 0;
    left: auto;
    right: -20px;
    margin: auto;
    width: 0;
    height: 0;
    border-left: 10px solid #f59500;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}
}

/*seminar広告固定*/
#ad-seminar {
    width: 135px;
	position: fixed;
	top: 25%;
	right: 0px;
	transition: all .3s;
	z-index: 100;
}
#ad-seminar a {
    opacity: 1;
	transition: all .3s;
}
#ad-seminar a:hover {
    opacity: 0.5;
}
#ad-seminar img {
	width: 100%;
}
.cloase-btn {
    color: #fff;
    background: #FF5722;
    padding: .3em .6em;
    border-radius: 22px;
    text-align: center;
    display: table;
    width: 22px;
    height: 22px;
    margin: 0 0 0 auto;
    cursor: pointer;
    position: absolute;
    left: -12px;
    top: -12px;
}
.cloase-btn:hover {
    cursor: pointer; 
}
.cloase-btn:active {
    background: rgb(127, 194, 239);
}
/* close button */
.action-close {
    position: relative;
    margin-top: 2em;
    max-width: 250px;
}
.action-close .btn {
    position: absolute;
    right: 0;
    top: -1em;
}
.add-control .checkbox {
    display: none;
}

/* close button's control */
.add-control .action-close #close:checked ~ .cloase-btn {
    display: none;
}
.add-control .action-close #close:checked ~ .box {
    display: none;
}
.add-control {
    z-index: 9999;
    transition: all .3s;
}
.add-control.fixed {
    opacity: 0;
}
.add-control:hover {
    opacity: 0.8;
}

@media screen and (max-width:780px){
#ad-seminar {
    width: 135px;
    position: absolute;
    top: 210px;
    right: 10px;
    transition: all .3s;
}
}


/*top-news*/
#home_news #news-list {
	border-top: none;
	display: flex;
	flex-wrap: wrap;
}
#home_news #news-list li {
	width: calc(94%/3);
	margin-left: 2%;
}
#home_news #news-list li:first-of-type {
	margin-left: 0;
}
#home_news #news-list li a {
	padding: 0.7em 0.7em 0;
	border-bottom: none;
	background-color: rgba(255,255,255,0.8);
	min-height: 350px;
	border-radius: 3px;
	display: flex;
    flex-direction: column;
	border: 1px solid #ddd;
	transition: all .3s;
}
#home_news #news-list li:last-of-type a {
	padding: 0.7em 0.7em 0;
	display: flex;
    flex-direction: column;
}
#home_news #news-list li a img {
	width:100%;
	margin-bottom: 0.5em;
}
#home_news #news-list li a span.img {
	flex-shrink: 0;
}
#home_news #news-list li a span.date {
	padding: 0 0 0.5em;
	display: block;
}
#home_news #news-list li a span.text {
	transition: all .3s;
	padding: 0 0 0.5em;
	display: block;
}
#home_news #news-list li a span.more {
	padding: 0 0 0.7em;
	display: block;
	margin-top: auto;
	text-align: right;
	font-size: 14px;
}
#home_news #news-list li a:hover {
	background-color: #fff5ee;
}
#home_news #news-list li a:hover span.text {
	color: #ff7d23;
}
#home_news #news-list.list-type {
	flex-direction: column;
}
#home_news #news-list.list-type li {
	width: 100%!important;
	border: none;
	margin: 0;
}
#home_news #news-list.list-type li p,
#home_news #news-list.list-type li a {
	display: flex;
	flex-wrap: wrap;
	gap: 1em;
	flex-direction: row;
	background-color: transparent;
	min-height: auto;
	border-left: none;
	border-right: none;
	border-top: none;
	padding: 0.7em;
	border-bottom: 1px solid #ddd;
}
#home_news #news-list.list-type li p span,
#home_news #news-list.list-type li a span {
	display: flex;
	align-items: center;
	padding: 0;
}
#home_news #news-list.list-type li p span small,
#home_news #news-list.list-type li a span small {
	height: 1em;
    line-height: 1;
	margin-left: 1em;
}
#home_news .home-contents_inner h2 {
	margin-bottom: 0.5em;
}
#home_news {
	background-color: #efefef;
}
@media screen and (max-width:780px){
#home_news #news-list {
	display: block;
}
#home_news #news-list li {
	width: 100%;
	margin-left: 0;
	margin-top: 2%;
}
#home_news #news-list li:first-of-type {
	width: 100%;
	margin-left: 0;
	margin-top: 0;
}
#home_news #news-list.list-type li p,
#home_news #news-list.list-type li a {
	gap: 0;
}
#home_news #news-list.list-type li p span,
#home_news #news-list.list-type li a span {
	width: 100%;
    align-items: center;
}
}

/*20201127 slideレイアウト変更*/
/****▼　home-imagse　▼****/
#home-imagse {
	width: 100%;
	margin-top: 114px;
}
#home-imagse div img {
	width: 100%;
	line-height: 0;
	display: block;
}
#home-imagse div {
	position: relative;
}
#home-imagse div .access-btn {
	width: 80px;
	height: 80px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
	border-radius: 5px;
}
#home-imagse div .access-btn:hover {
	background-color: #fff3e9;
}
#home-imagse.sp .slick-list {
    margin-bottom: 50px;
}
#home-imagse.sp div  {
	position: relative;
}
@media screen and (max-width:1130px){
#home-imagse .slick-list {
	margin-bottom: 0;
}
#home-imagse {
	margin-top: 0;
}
#home-imagse div .access-btn {
    width: 50px;
    height: 50px;
}
}
@media screen and (max-width:1130px){
#home-imagse .slick-list {
	margin-bottom: 0;
}
#home-imagse {
	margin-top: 0;
}
#home-imagse div .access-btn {
    width: 30px;
    height: 30px;
}
}
/* カスタマイズ-ドットページャー */
.slick-dots {
	text-align: center;
    margin: 10px auto 0;
    position: absolute;
    bottom: -40px;
    left: 0;
    right: 0;
}
.slick-dots li {
	display: inline-block;
	position: relative;
	padding: 8px;
	margin: 0!important;
}
.slick-dots li::before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background-color: #ccc;
}
.slick-dots li.slick-active::before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background-color: #333;
}
.slick-dots li button {
	display: none;
}
/* カスタマイズ-prev-nextボタン */
#home-imagse.sp div.prev, #home-imagse.sp div.next {
	width: 25px;
    height: 25px;
	background-color: rgba(245,149,0,0.6);
	border-radius: 25px;
	position: absolute;
	top: auto;
	bottom: -40px;
    z-index: 9998;
}
#home-imagse.sp div.prev::before {
	content: "";
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #FFF;
    border-right: solid 2px #FFF;
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
	position: absolute;
	top: 0;
    bottom: 0;
    left: 2px;
    right: 0;
	margin: auto;
    z-index: 9999;
}
#home-imagse.sp div.next::before {
	content: "";
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #FFF;
    border-right: solid 2px #FFF;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	position: absolute;
	top: 0;
    bottom: 0;
    left: 0;
    right: 4px;
	margin: auto;
    z-index: 9999;
}
#home-imagse.sp div.prev {
	left: 10px;
}
#home-imagse.sp div.next {
    right: 10px;
}

/* 201211 top-recruit */
.contents.bk-img {
    background: url(../images/home_recruit2.jpg) no-repeat;
	background-position: center;
	background-size: cover;
}
#home_recruit.contents .home-contents_inner {
    max-width: initial;
    margin: 0 auto;
    padding: 0 2em;
    display: block;
}
#home_recruit.contents .text-box {
    background-color: rgba(255,255,255,0.8);
	padding: 4em;
	max-width: 800px;
    margin: 0 0 0 auto;
}
#home_recruit.contents .home-contents_inner h2 {
    margin-right: 0;
	margin-bottom: 0;
}
@media screen and (max-width:780px) {
.contents.bk-img {
	background-position: center left -250px;
}
#home_recruit.contents .text-box {
	padding: 2em;
}
}
/* sp,pc */
img.pc {
	display: inline-block;
}
img.sp {
	display: none;
}
@media screen and (max-width:640px){
img.pc {
	display: none;
}
img.sp {
	display: inline-block;
}
}

.half-box {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.half-box > div {
	width: 49%;
}
.column3-box {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1rem;
}
.column3-box > div {
	width: calc((100% - 2rem)/3);
}
.column3-box > div img {
	margin-bottom: 0;
}

@media screen and (max-width:640px){
.column3-box > div {
	width: 100%;
}
}
/* 2106 */
.new-item {
	margin: 0 24px;
}
.new-item .flex {
    justify-content: center;
    max-width: calc(600px + 1em);
    margin: 0 auto;
	padding: 0;
	gap: 1em;
}
.new-item .flex > div {
	max-width: 300px;
	width: 100%;
}
.new-item .flex a {
	display: block;
}
.new-item .flex a:hover {
	opacity: 0.6;
}
.new-item .flex img {
	width: 100%;
	margin: 0 auto;
	display: block;
}
.new-item .flex img.sp {
	display: none;
}
#news-list li.sp-none {
	display: block;
}
@media screen and (max-width:640px){
.new-item .flex {
	flex-direction: column;
	justify-content: center;
}
.new-item .flex > div {
	width: 100%;
	margin: auto;
}
.new-item .flex img.sp {
	display: block;
}
.new-item .flex img.pc {
	display: none;
}
.new-item .flex div.left,
.new-item .flex div.right{
    border: none;
    padding: 0px;
}
}
@media screen and (max-width:640px){
.new-item h3 {
	font-size: 16px;
}
#news-list li.sp-none {
	display: none;
}
}

form input {
	display: inline-block;
	vertical-align: middle;
	margin-right: 4px;
    border: 1px solid #767676;
}
form input[name="submit"] {
	max-width: 200px;
	width: 100%;
    display: block;
    margin: 2em auto 0;
    padding: 1em;
    border: 1px solid #ff7d23;
    text-align: center;
    transition: all .3s;
	background-color: transparent;
}
form input[name="submit"]:hover {
	background-color: #ff7d23;
    color: #FFFFFF;
}
form input[type="checkbox"] {
	-webkit-appearance: checkbox;
}
.border-box {
	border: 3px solid #7ec052;
	padding: 16px;
	text-align: center;
}
.border-box a {
	display: block;
}
.border-box img {
	max-width: 608px;
	width: 100%;
}
small.click {
	background-color: #ea5f00;
	color: #FFF;
	font-size: 12px;
	padding: 2px 4px;
	border-radius: 5px;
	margin-bottom: 8px;
	display: inline-block;
}
.contact-btn {
	text-align: center;
	padding: 16px;
    background-color: #d8f0d0;
    border-radius: 8px;
}
.bk-orange .contact-btn {
	text-align: center;
	padding: 16px;
    background-color: #FFF;
    border-radius: 8px;
}
.contact-btn a {
	max-width: 250px;
	width: 100%;
	padding: 8px;
	margin: 8px auto;
	display: block;
	text-align: center;
	border: 1px solid #379e19;
	background-color: #FFF;
	color: #379e19;
	transition: all .3s;
}
.contact-btn a:hover {
	background-color: #379e19;
	color: #FFF;
}

/* 20210630 about */
.flex-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.flex-box.strengths {
	margin-bottom: 24px;
}
.flex-box.strengths .flex-item {
	width: calc(96%/3);
	padding: 8px 24px;
	background-color: #FFF;
	border-radius: 5px;
}
.flex-box.img {
	margin: 1rem 0;
	gap: 1rem;
}
.flex-box.img.column3 > img {
	width: calc((100% - 3rem)/4);
}
.flex-box .flex-item .sub-title {
	padding-bottom: 0.5em;
    border-bottom: 1px solid #9e9e9e;
    margin-bottom: 0.5em;
}
.flex-box.strengths .flex-item .sub-title:first-letter {
	font-size: 40px;
}
.flex-box .flex-item .sub-title span {
	color: #ea5f00;
	padding-right: 0.5em;
	font-size: 25px;
	display: block;
}
.flex-box flex-item .sub-title small {
	font-size: 15px;
}

/* 20210701 service */
.box-title {
	display: block;
	margin: 0 auto 16px;
	padding: 16px;
	width: 100%;
	background-color: #fff3e9;
}
.flex-box.cooperation .flex-item {
	width: calc(96%/3);
	margin-bottom: 24px;
	padding: 4px 24px 20px;
	border: 2px solid #ddd;
	border-radius: 5px;
}

@media screen and (max-width:900px){
.flex-box .flex-item {
	width: 100%!important;
	margin-bottom: 24px;
}
.flex-box.img.column3 > img {
	width: calc((100% - 1rem)/2);
}
}
@media screen and (max-width:640px){
.flex-box.img.column3 > img {
	width: 100%;
}
}

/* 210713 */
table.border-table td {
	padding: 1.5em 1em;
	text-align: left;
	font-size: 1.5rem;
	border: 1px solid #dedede;
	vertical-align: middle;
}
table.border-table td.center {
	text-align: center;
}
table.border-table td .border {
	display: inline-block;
	border: 1px solid #ccc;
	padding: 2px;
	margin: 4px 0;
}
@media screen and (max-width:900px){
table.border-table td {
	display: block;
	width: 100%;
	border-bottom: none;
	text-align: center;
}
table.border-table tr:last-of-type td:last-of-type {
	border-bottom: 1px solid #dedede;
}
}
#home-top {
	width: 100%;
	height: 300px;
    margin: 114px 0 0;
	background: url(../images/home/home-back.jpg) no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
}
#home-top .home-contents_inner h2 {
	position: absolute;
    height: 1.6em;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
	padding: 0.2em 1em;
}
.kpi > div {
	padding: 20px;
}
.kpi.past {
	gap: 1rem;
}
.kpi.past > div {
	width: auto;/* calc((100% - 3rem)/4) */
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.kpi.past > div h3 {
	font-size: 1.8rem;
}
.kpi.past > div .kpi {
	height: 100%;
}
.kpi.past > div .kpi > div {
	height: calc((100% - 1rem)/2);
    display: flex;
	gap: 8px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	padding: 12px 8px;
}
.kpi.past > div .kpi > div * {
	font-size: 14px;
	margin: 0;
	line-height: 1.4;
}
@media screen and (max-width:1130px){
#home-top {
	margin: 0;
}
}
@media screen and (max-width:680px){
.kpi.past {
	flex-direction: column;
}
}

/* 20220405 */
.sdgs-box {
	max-width: 980px;
	margin-left: auto;
	margin-right: auto;
}
.sdgs-logo {
	max-width:600px;
	margin:auto;
}
.sdgs-icon {
	max-width:150px;
	margin:0 1em 1em 0;
}
@media (max-width:980px){
.sdgs-icon {
	margin:0 auto 1em;
}
}

/* 2022/11/29 */
.pickup.insurance {
	width: 100%;
	padding: 24px;
	display: flex;
	flex-wrap: wrap;
	column-gap: 16px;
	justify-content: space-between;
	margin-bottom: 1.6em;
	background-color: #FFF;
}
.pickup.insurance h4 {
	width: 100%;
	margin-bottom: 1em;
	color: #ff7d23;
}
.pickup.insurance > div:first-of-type {
	flex: 1;
}
.pickup.insurance > div.in-item {
	flex: 2;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.pickup.insurance > div.in-item .insurance_list > li {
    width: calc((100% - 16px)/2);
    margin-bottom: 0;
}
.pickup.insurance > div.in-item .insurance_list > li:nth-of-type(3n-1) {
    margin-right: 0;
}
.pickup.insurance > div img {
	display: block;
	width: 100%;
}
img.pc {
	display: block!important;
}
img.sp {
	display: none!important;
}
.flex-title {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.flex-title a {
    padding: 8px;
    display: flex;
    border: 1px solid #379e19;
    background-color: #FFF;
    color: #379e19;
	border-radius: 5px;
    transition: all .3s;
}
.flex-title a:hover {
    background-color: #379e19;
    color: #FFF;
}
@media screen and (max-width:780px){
.pickup.insurance,
.insurance_list {
	flex-direction: column;
	margin-bottom: 1.5em;
	gap: 1em;
}
.pickup.insurance > div.in-item p {
    margin: 1em 0;
}
.insurance_list li,
.pickup.insurance > div.in-item .insurance_list > li {
	width: 100%;
	margin-bottom: 0;
}
.insurance_list > li:nth-of-type(3n-1) {
    margin: 0;
}
.insurance_list li a {
	width: 100%;
	display: block;
}
img.sp {
	display: block!important;
}
img.pc {
	display: none!important;
}
.flex-title {
	flex-direction: column;
}
.flex-title h2.icon-title {
	width: 100%;
    padding: 1em 0 1em 2.5em;
}
.flex-title a {
	margin: 0 0 1.5em auto;
	font-size: 14px;
}
}
.top-message {
	padding: 4rem 2rem;
	border: 1px solid #FF0000;
	text-align: center;
}
.arrow-btn {
	max-width: 320px;
	margin: auto;
	padding: 1rem 4rem;
	display: block;
    border-radius: 3px;
    font-size: 15px;
    text-align: center;
    background-color: #f59500;
    color: #FFF;
    position: relative;
	transition: all .4s;
}
.arrow-btn::after {
	content: "";
	display: block;
	width: 6px;
    height: 6px;
	border-top: 2px solid #fff;
    border-right: 2px solid #fff;
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	bottom: 0;
	right: 1rem;
	margin: auto;
}
.arrow-btn:hover {
	opacity: 0.6;
}
.middle-space {
	margin-bottom: 4rem;
}
.inline {
	display: inline-block;
}
.slick-dots li.slick-active::before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    border: 1px solid #f59500;
    background-color: #f59500;
}
.slick-dots li::before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    border: 1px solid #f59500;
    background-color: #FFF;
}