@charset "UTF-8";

/*
Theme Name: Aeon Next 2024-02
Text Domain: aeon-next-2024-02
Version: 0.9
*/

/******************/
/******************/
/******************/
/* ONZE RESET CSS */

*,
*::before,
*::after {
	box-sizing:border-box;
}

* {
border:0;
margin:0;
outline:0;
padding:0;
font:inherit;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
text-decoration:none;
vertical-align:baseline;
/*	all:unset;
	display:revert;*/
}


article, aside, dialog, figure, footer, header, main, nav, section {display:block;}
img, picture, audio, canvas, video, svg {display:inline-block; max-width:100%; height:auto;}

picture {display:block;}

h1, h2, h3, h4, h5, h6 {
overflow-wrap:break-word;
}

br,
hr {display:block;}

ol,
ul {list-style:none;}

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

input,
select {vertical-align:middle;}


/******************/
/******************/
/* html format ****/

html {
	font-size:62.5%;
	font-size:calc(100vw / 144);
}
html {font-size:clamp(7px, calc(100vw / 1600 * 4 + 6px), 11px);}
html.is-fixrem {font-size:62.5%;}

body {
background-color:#ffffff;
color:#2e2e2e;
color:var(--oz-color-dark);
font-family:"Zen Maru Gothic", 'YuGothic', 'Yu Gothic', '游ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'Helvetica', sans-serif;
font-size:18px;
font-size:1.8rem;
font-weight: 500;
line-height:1;
position:relative;
text-align:center;
	-webkit-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	-o-text-size-adjust:100%;
	text-size-adjust:100%;
font-feature-settings:"palt";
-webkit-font-smoothing:antialiased;
/*-moz-font-smoothing:antialiased;
-ms-font-smoothing:antialiased;
-o-font-smoothing:antialiased;*/
font-smoothing:antialiased;
/* text-rendering:optimizeLegibility; まだ使わないほうが無難 */
-webkit-tap-highlight-color:transparent;
width:100%;
height:auto;
}

a,
a:link,
a:visited,
a:hover,
a:active {
color:inherit;
	-webkit-tap-highlight-color:transparent rgba(0,0,0,0);
	-moz-tap-highlight-color:transparent rgba(0,0,0,0);
	-ms-tap-highlight-color:transparent rgba(0,0,0,0);
	-o-tap-highlight-color:transparent rgba(0,0,0,0);
	tap-highlight-color:transparent rgba(0,0,0,0);
text-decoration:none;
-webkit-text-decoration-skip:objects;
}


a:hover {color:#a4cc38; color:var(--oz-color-green);}

h1,
h2,
h3,
h4,
h5,
h6 {display:block;}

b {color:#a4cc38; color:var(--oz-color-green);}
i {font-style:normal;}
u {text-decoration:underline;}
em {font-weight:bold;}
strong {font-weight:bold; font-size:1.4em;}
mark {background:transparent;}

q {}
q:before,
q:after {content:'"';}
s {text-decoration:underline;}
del {text-decoration:line-through;}

ins {}
iframe {}

ruby {}
rt {font-size:0.5em;}

sup {vertical-align:super; font-size:smaller;}
sub {vertical-align:sub; font-size:smaller;}

details {margin:0 0 40px 0;}

hr {margin:0 0 40px 0; border:0; border-top:1px solid #cccccc; border-color:var(--oz-color-light); height:0;}

table {
	border-collapse:collapse; border-spacing:0; empty-cells:show; border:0; width:100%; margin:0 0 2em 0;
}
table th,
table td {
	padding:16px 4px; vertical-align:top;
}
table caption {text-align:left;}

::-moz-selection {background-color:#a4cc38; background-color:var(--oz-color-green); color:#ffffff;}
::selection {background-color:#a4cc38; background-color:var(--oz-color-green); color:#ffffff;}

/******************/
/******************/
/* shortcodes *****/

.pc {display:block;}
.tb {display:none;}
.sp {display:none;}
.pc.tb {display:block;}
.pc.sp {display:block;}
.tb.sp {display:none;}

@media screen and (max-width:1000px) {
	.pc {display:none;}
	.tb {display:block;}
	.sp {display:none;}
	.pc.tb {display:block;}
	.tb.sp {display:block;}
	.pc.sp {display:none;}
}
@media screen and (max-width:700px) {
	.pc {display:none;}
	.tb {display:none;}
	.sp {display:block;}
	.pc.tb {display:none;}
	.tb.sp {display:block;}
	.pc.sp {display:block;}
}

.alignright,
.align-right,
.textright,
.text-right {text-align:right;}
.alignleft, .align-left, .textleft, .text-left {text-align:left;}
.center, .aligncenter, .align-center, .textcenter, .text-center {text-align:center; margin-left:auto; margin-right:auto;}
.clear {clear:both;}
.clearfix:after {content:""; clear:both; display:block; height:0; visibility:hidden;}
.empty {visibility:hidden;}
.hide,
.none {display:none;}
.hidden {overflow:hidden;}
.left, .floatleft, .float-left {float:left;}
.right, .float-right, .float-right {float:right;}
.relative {position:relative;}
.absolute {position:absolute;}
.nowrap {white-space:nowrap;}
.small,
.text-small {font-size:0.8em;}

img.left,
img.alignleft,
img.align-left {margin:0 20px 20px 0; float:left;}
img.right,
img.alignright,
img.align-right {margin:0 0 20px 20px; float:right;}

img.full {max-width:100%; width:100%; height:auto;}



:root {
--oz-color-black:#2e2e2e;
--oz-color-dark:#2e2e2e;
--oz-color-green:#a4cc38;
--oz-color-orange:#ffbb49;
--oz-color-pink:#ff99ab;
--oz-color-emerald:#54ce90;
--oz-color-blue:#68c9e8;
--oz-color-gray:#999999;
--oz-color-light:#cccccc;
--oz-color-white:#ffffff;
--box-shadow:5px 5px #2e2e2e;
}


.inner {clear:both; display:block; margin:0 auto; position:relative;
	max-width:1100px; width:100%;
padding:0 12px;
padding-left:calc( 12px + constant(safe-area-inset-left) );
padding-right:calc( 12px + constant(safe-area-inset-right) );
}
.inner[data-width="max"] {max-width:2400px;}
.inner[data-width="mid"] {max-width:1600px;}
.inner[data-width="min"] {max-width:1100px;}

.color-black {color:#2e2e2e; color:var(--oz-color-black);}
.color-gray {color:#999999; color:var(--oz-color-gray);}
.color-light {color:#cccccc; color:var(--oz-color-light);}
.color-green {color:#a4cc38; color:var(--oz-color-green);}
.color-white {color:#ffffff; color:var(--oz-color-white);}

.color-success {color:blue;}
.color-error {color:red;}
.color-warning {color:yellow;}


/******************/
/******************/
/* header *********/


.site {width:100%; height:auto; position:relative;}

.site-header {
	width:100%; padding:15px 0; display:block; position:fixed; line-height:1.5;
	background-color:#fff;
	top:0; left:0; right:0;
	z-index:9999;
}
.site-header .inner {display:flex; align-items:center;}

.header-logo {margin:0 60px 0 0;}
.header-logo .logo a {display:flex; align-items:center; font-size:18px; font-size:1.8rem;}
.header-logo .logo img {width:140px; height:auto;}
.header-logo .site-title i {}
.header-logo .site-title a:hover {color:#a4cc38; color:var(--oz-color-green);}
.header-logo h2,
.header-logo .site-description {display:none;}

@media screen and (max-width:600px) {
	.header-logo span {display:none;}
}


/******************/
/* util ***********/

.header-utility {margin:0 0 0 auto; width:190px;}
.header-utility img {display:block;}
.header-utility a:hover {opacity:0.5;}
/******************/
/******************/
/* navi ***********/

.header-navi {
	position:fixed;
	margin:0; max-width:540px; width:100%;
	top:0;
	right:-100%; height:100%;
	padding:60px 0;
	background-color:#F1F7E1;
	transition:right 0.5s;
	z-index:9997;

}
.header-navi.is-active {
	right:0;
	ter-events:auto;
	overflow:scroll;
	overflow-y:scroll;
	-webkit-overflow-scrolling:touch;
	overflow-scrolling:touch;
}

.header-navi ul {
	display:block; width:100%; list-style:none; margin:0; padding:2em;
	text-align:left;
}
.header-navi ul li {border-bottom:1px solid #E4F0C3;}
.header-navi ul li a {padding:1em 0; display:block;}


.navi-toggle {
	display:block; background:transparent url("images/navi-toggle.png") 0 0 no-repeat;
	background-size:38px 38px;
	cursor:pointer;
	width:38px; height:38px;
	margin:0 0 0 1em;
}
body.is-navi {overflow:hidden;}

/******************/
/******************/
/* widget *********/



/******************/
/******************/
/* footer *********/

.site-footer {text-align:left; padding:50px 0; line-height:1.5; background-color:#fff;}

.site-footer .inner {display:flex; justify-content:space-between; align-items:center;}

.footer-logo dl {margin:0; display:flex; align-items:center; justify-content:flex-start;
	color:#008345;
}
.footer-logo dl dt {width:200px;}
.footer-logo dl dd {font-size:18px; font-size:1.8rem; margin:0 0 0 1em;}

.footer-copy {clear:both; font-size:16px; font-size:1.6rem;}

/******************/
/******************/
/* main ***********/

.site-main {
	padding:80px 0 0 0; line-height:2.1; overflow:hidden;
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	-ms-hyphens:auto;
	hyphens:auto;
	text-align:left;
}

.site-main a {
/*	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
-webkit-transition:all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition:all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
transition:all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
*/
}

/******************/
/******************/
/* article ********/

.post-content {margin:0; padding:0; vertical-align:top;
/*word-break:break-all;
word-wrap:break-word;*/
word-wrap:break-word;
overflow-wrap:break-word;
}

.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {margin:0 auto 1em auto; line-height:1.6;}

.post-content h1 {font-size:50px; font-size:5.8rem;}
.post-content h2 {font-size:36px; font-size:3.6rem;}
.post-content h3 {font-size:19px; font-size:1.9rem; margin:0 auto 2em;}
.post-content h4 {font-size:29px; font-size:2.9rem;}
.post-content h5 {font-size:18px; font-size:2.0rem;}
.post-content h6 {font-size:16px; font-size:1.8rem;}

.post-content h1 i,
.post-content h2 i,
.post-content h3 i,
.post-content h4 i,
.post-content h5 i,
.post-content h6 i {display:block;}

.post-content p {margin:0 0 2.0em 0;}

.post-content ul,
.post-content ol {margin:0 0 2em 0; padding:0; list-style:outside;}

.post-content ul ul,
.post-content ul ol,
.post-content ol ul,
.post-content ol ol {margin-bottom:0;}

.post-content ul {list-style:none;}
.post-content ul ul {list-style:circle;}
.post-content ol {list-style:none;}
.post-content ol ol {list-style:upper-roman;}

.post-content ul li {padding:0 0 0 1.4em; padding-right:1.4em; text-indent:-1.4em;}
.post-content ul li:before {content:""; display:inline-block;
background:url("images/arrow-r-dark.svg") center center no-repeat; width:1em; height:1em; background-size:12px 12px;
vertical-align:middle;
margin:0 0.4em 0 0;
}
.post-content ul li a {color:#1d2b6f; color:var(--oz-color-navy);}
.post-content ul li a:hover {color:#1d2b6f; color:var(--oz-color-navy); text-decoration:underline;}

.post-content ol li {padding:0 0 0 1.6em; text-indent:-1.4em; text-indent:calc(-12px - 0.4em);
	list-style:none;
	counter-increment:number;
}
.post-content ol li:before {content:counter(number) "."; margin:0 0.4em 0 0;}

.post-content dl {margin:0 0 2em 0; padding:0;}
.post-content dl dt {margin:0; position:relative; font-size:1.1em;}
.post-content dl dd {margin:0 0 1em 0; padding:0;}


.article img {max-width:100%; height:auto;}

.article blockquote {
padding:1em;
margin:0 0 2em 1em;
border-left:2px solid #2e2e2e;
}

.post-content blockquote > *:last-child,
.post-content blockquote > *:last-child > *:last-child,
.post-content blockquote > *:last-child > *:last-child > *:last-child {margin:0;}

blockquote cite {font-size:0.8em;}
blockquote cite:before {content:"— "; margin:0 0 0 1em;}

pre, code {
padding:1em 1em;
white-space:pre-wrap;
word-break:break-all;
word-wrap:break-word;
}

code {display:inline-block; padding:0.1em 0.4em; margin:0 0.2em;}


/*
このコードを記述するとボックスの下に 余白ができてしまうので…
pre::-webkit-scrollbar {width:15px;}
pre::-webkit-scrollbar-thumb {background-color:#cccccc;background-color:var(--oz-color-light);}
*/

/******************/
/******************/
/* post-type ******/



.section {
	position:relative; display:block; padding:60px 0 60px 0; margin:0;
	background:center center repeat;
	background-size:100% auto;
}

.section-title {
	text-align:center; margin:0 auto 3em auto;
	width:fit-content;
	position:relative; z-index:6;
}
.section-title .title {
	position:relative; border:2px solid #2e2e2e;
	border-radius:50px; line-height:1.3;
	padding:0.2em 1em;
	font-size:36px; font-size:3.6rem; 
	font-weight:700;
	width:fit-content;
	margin:0 auto;
	z-index:2;
}
.section-title::after {
	content:"";
	display:block; position:absolute; width:100%; height:100%; 
	top:6px; left:6px; background-color:#a4cc38; border-radius:50px;
	z-index:-1;
}


.section-title p {
	font-size:22px; font-size:2.2rem; font-weight:bold; margin:2em auto;
	text-align:left;
	max-width:880px;
}

.section-thumbnail {position:relative; line-height:1; margin:0 0 3em 0; margin-top:-4em;}
.section-thumbnail span {display:block;}
.section-thumbnail .thumbnail {width:80%;}
.section-thumbnail .thumbnail-title {
	position:absolute; z-index:3; top:50%; right:0;
	max-width:660px;
	transform:translateY(-50%);
}

@media screen and (max-width:1000px) {
	.section-thumbnail .thumbnail-title {position:relative; transform:translateY(-20%); margin:0 0 0 auto;}
}
@media screen and (max-width:800px) {
	.section-thumbnail .thumbnail {width:100%;}
}




p.text {
	font-size:22px; font-size:2.2rem; font-weight:700;
	text-align:left;
}


/******************/
/******************/
/* front-page.php */
/* page.php *******/


.section-top-slider {
	background:url("images/top-slider-background.jpg") center center no-repeat;
	background-size:cover;
	line-height:0;
	padding:40px 0;
}
.section-top-slider .title-area {
	text-align:center; margin:0 auto -3em auto;padding: 1rem;
	width:fit-content;
	position:relative; z-index:6;
}
.section-top-slider .title-area .title {
	position:relative;
	border-radius:50px; line-height:1.3;
	padding:0.2em 1em;
	font-size:2rem;
	color: #fff;
	font-weight:700;
	width:fit-content;
	margin:0 auto;
	z-index:2;
}
.section-top-slider .title-area::after {
	content:"";
	display:block; position:absolute; width:100%; height:100%; 
	top:3px; left:6px; background-color:rgb(46 46 46); border-radius:50px;
	z-index:-1;
}


.section-top-slider .title-area p {
	font-size:22px; font-size:2.2rem; font-weight:bold; margin:2em auto;
	text-align:left;
	max-width:880px;
}
.section-top-slider .inner {padding:0;}
.section-top-slider img {width:100%; height:auto; display:block;}

@media screen and (max-width:700px) {
	.section-top-slider {background-image:url("images/top-slider-background-sp.jpg");}
}


.section-top-entry {background:#DC5A24; clear:both; padding:20px 0;}
.section-top-entry p {margin:0 auto; max-width:268px;}
.section-top-entry p a {display:block;}
.section-top-entry p a img {display:block;}
.section-top-entry p a:hover {opacity:0.5;}
.section-top-entry .deco {position:absolute; width:166px; top:50%; transform:translateY(-50%); pointer-events:none;}
.section-top-entry .deco-left {right:calc(50% + 150px);}
.section-top-entry .deco-right {left:calc(50% + 120px); width:271px;}

@media screen and (max-width:800px) {
	.section-top-entry .deco {display:none;}
}

.section-top-problems {
	background-color:#f1f7e1;
	background-image:url("images/section-background-green.svg");
	background-size:cover;
	border-bottom:8px solid #a4cc38;
}
.section-top-problems::before {
	content:"";
	position:absolute;
	top:0; left:0; bottom:0; height:100%; width:70px;
	background:url("images/problems-label.png") center center no-repeat;
	background-size:contain;
}

.section-top-problems ul {display:flex; justify-content:space-between; gap:5%; margin:0 0 5% 0;}
.section-top-problems ul li {flex-basis:30%;}
.section-top-problems ul li img {width:100%; height:auto; display:block;}

.section-top-problems dl {
	font-weight:700; text-align:center;
	background:url("images/arrow-triangle-bottom-green.svg") center top no-repeat;
	background-size:54px auto;
	padding:50px 0 0 0;
	line-height:1.3;
}
.section-top-problems dl dt {font-size:24px; font-size:2.4rem; margin:0 auto 1em;}
.section-top-problems dl dd {font-size:42px; font-size:4.2rem;
	background:linear-gradient(transparent 60%, #ff0 60%);
	display:inline;
	width:fit-content; margin:0 auto;
}

@media screen and (max-width:800px) {
	.section-top-problems ul {flex-wrap:wrap; margin:0;}
	.section-top-problems ul li {flex-basis:47.5%; margin:0 0 5% 0;}
}
@media screen and (max-width:500px) {
	.section-top-problems ul {display:block;}
	.section-top-problems ul li {flex-basis:100%;}
}

.section-top-job {
	background-color:#fff5e4;
	background-image:url("images/section-background-orange.svg");
	border-bottom:8px solid #ffbb49;
	display:flow-root;
}
.section-top-job .section-title::after {background-color:#ffbb49;}

.section-top-job .box {
	background-color:#fff; position:relative;
	border:2px solid var(--oz-color-black); border-radius:40px;
	padding:2em 4em 2em; margin:2em auto; width:fit-content;
	box-shadow:5px 5px var(--oz-color-black);
	text-align:center;
	z-index:3;
}
/*
.section-top-job .box::after {
	content:""; position:absolute; width:100%; height:100%; top:-5px; left:-5px;
	background-color:#fff; border:2px solid var(--oz-color-black); border-radius:40px;
	z-index:-1;
}
*/
.section-top-job .section-title {margin-top:-4em; margin-bottom:1em;}
.section-top-job .box p {
	font-size:36px; font-size:3.6rem; font-weight:700;
	text-align:center;
	background:url("images/decoration-text-orange.svg") left bottom repeat-x;
	background-size:11px auto;
	display:inline;
}
.section-top-job .thumbnail {float:left; width:45%; transform: translateY(-6em);
	margin:0 2em 0 0;
}
.section-top-job .thumbnail img {width:100%; height:auto; display:block;}

.section-top-job p {
	font-size:22px; font-size:2.2rem; font-weight:700;
}

@media screen and (max-width:700px) {
	.section-top-job .thumbnail {
		float:none; margin:0 auto 2em; max-width:80%; width:100%;
		transform:none; margin-top:-6em;
	}
}
@media screen and (max-width:600px) {
	.section-top-job .box {padding:2em;}
}



.section-top-reason {
	background-color:#fff0f2;
	background-image:url("images/section-background-pink.svg");
	border-bottom:8px solid #ff99ab;
}
.section-top-reason .section-title::after {background-color:#ff99ab;}
.section-top-reason .flex-container .flex-item {flex-basis:30%;}

.section-top-reason dl {display:flex; align-items:stretch;
	flex-direction:column;
}
.section-top-reason dl dt {text-align:center; margin-bottom:-20px; z-index:2;}
.section-top-reason dl dt .title {
	text-align:center; display:block;
	font-size:32px; font-size:3.2rem; font-weight:bold;
	background-color:var(--oz-color-black);
	color:#fff;
	width:fit-content;
	margin:0 auto;
	line-height:1.3;
	padding:0 0.5em;
}
.section-top-reason dl dt img {max-width:150px; margin:0 auto 0.5em; display:block;}
.section-top-reason dl dd {
	background-color:#fff;
	border:2px solid var(--oz-color-black);
	padding:2em 2em 2em;
	border-radius:40px;
	font-size:20px; font-size:2.0rem;
	line-height:1.7;
	box-shadow:5px 5px var(--oz-color-black);
}
.section-top-reason dl dd img {display:block; max-width:66px; height:auto; margin:0 auto 1em;}

.section-top-reason dl dd b {
	display:inline; font-weight:bold; color:#000;
	background:linear-gradient(transparent 60%, #ff0 60%);
}

@media screen and (max-width:900px) {
	.section-top-reason .flex-container .flex-item {flex-basis:32%;}
}
@media screen and (max-width:800px) {
	.section-top-reason .flex-container {display:block;}
	.section-top-reason .flex-container .flex-item {flex-basis:100%; margin:0 0 3em 0;}
}


.section-top-solution {
	background-color:#e5f8ee;
	background-image:url("images/section-background-emerald.svg");
	border-bottom:8px solid #54ce90;
}
.section-top-solution .section-title {margin-top:-4em; margin-bottom:1em;}
.section-top-solution .section-title::after {background-color:#54ce90;}
.section-top-solution .box {
	background-color:#fff; position:relative;
	border:2px solid var(--oz-color-black); border-radius:40px;
	padding:2em 4em 2em; margin:2em auto; width:fit-content;
	box-shadow:5px 5px var(--oz-color-black);
	text-align:center;
	z-index:3;
}
.section-top-solution p {
	font-size:22px; font-size:2.2rem; font-weight:700;
}

@media screen and (max-width:600px) {
	.section-top-solution .box {padding:2em;}
}


.section-top-training {
	background-color:#e8f7fc; border-bottom:8px solid #68c9e8;
	background-image:url("images/section-background-blue.svg");
}
.section-top-training .section-title::after {background-color:#68c9e8;}
.section-top-training .box {
	background-color:#fff; position:relative;
	border:2px solid var(--oz-color-black); border-radius:40px;
	padding:2em 4em 2em; margin:2em auto; width:fit-content;
	box-shadow:5px 5px var(--oz-color-black);
	text-align:center;
	z-index:3;
}
.section-top-training .section-title {margin-top:-4em; margin-bottom:1em;}
.section-top-training .box p {
	font-size:36px; font-size:3.6rem; font-weight:700;
	text-align:center;
	background:url("images/decoration-text-blue.svg") left bottom repeat-x;
	background-size:11px auto;
	display:inline;
}
.section-top-training p strong {
	color:#a4cc38; color:var(--oz-color-green);
	font-size:26px; font-size:2.6rem;
}
.section-top-training .section-content {display:flow-root;}
.section-top-training .thumbnail {
	float:right; width:40%;
	width:45%;
	margin:0 0 0 2em; margin-top:-6em;
}
.section-top-training .thumbnail img {width:100%; height:auto; display:block;}
.section-top-training p.text {margin:50px 0;}

@media screen and (max-width:700px) {
	.section-top-training .thumbnail {float:none; margin:0 auto 2em; width:100%; max-width:80%; margin-top:-6em;}
}
@media screen and (max-width:600px) {
	.section-top-training .box {padding:2em;}
}


.section-top-environment {
	background-color:#f1f7e1; border-bottom:8px solid #a4cc38;
	background-image:url("images/section-background-green.svg");
}
.section-top-environment .box {
	background-color:#fff; position:relative;
	border:2px solid var(--oz-color-black); border-radius:40px;
	padding:2em 4em 2em; margin:2em auto; width:fit-content;
	box-shadow:5px 5px var(--oz-color-black);
	text-align:left;
	z-index:3;
}
.section-top-environment .box p {
	font-size:32px; font-size:3.2rem; font-weight:700;
	text-align:center;
	line-height:1.7;
}
.section-top-environment .section-title {margin-top:-4em; margin-bottom:1em;}
.section-top-environment .section-content {display:flow-root;}
.section-top-environment ul {display:flex; margin:0 0 3em 0;}
.section-top-environment ul li img {width:100%; height:auto; display:block;}

.section-top-environment .section-content p {font-weight:700; display:flex; align-items:center;}
.section-top-environment .section-content p img {width:40%; margin:0 2em 0 0; float:left;}

@media screen and (max-width:600px) {
	.section-top-environment .box {padding:2em;}
	.section-top-environment ul {display:block; margin:0; padding:0 2em;}
	.section-top-environment ul li {margin:0 0 2em 0;}	
	.section-top-environment .section-content p {padding:0 2em; display:block;}
	.section-top-environment .section-content p img {float:none; margin:0 0 2em 0; width:100%;}
}


.section-top-schedule {
	background-color:#fff5e4;
	background-image:url("images/section-background-orange.svg");
	border-bottom:8px solid var(--oz-color-orange);
}
.section-top-schedule .section-title::after {background-color:var(--oz-color-orange);}

.section-top-schedule .box {
	background-color:#fff; position:relative;
	border:2px solid var(--oz-color-black); border-radius:40px;
	padding:2em 4em 2em; margin:2em auto; width:fit-content;
	box-shadow:5px 5px var(--oz-color-black);
	text-align:left;
	z-index:3;
}
.section-top-schedule .box p {
	font-size:24px; font-size:2.4rem; font-weight:700;
	text-align:left;
}
.section-top-schedule .section-title {margin-top:-4em; margin-bottom:1em;}


.section-top-schedule dl {
	display:flex; align-items:center; margin:0 auto 3em auto; max-width:800px;
	position:relative;
}
.section-top-schedule dl:not(:last-child)::after {
	content:"";
	display:block;
	width:28px; height:20px; position:absolute;
	background:url("images/schedule-arrow.png") 0 0 no-repeat;
	background-size:28px 20px;
	left:calc(50% - 14px); bottom:-30px;
}
.section-top-schedule dl dt {flex-basis:180px; position:relative;}
.section-top-schedule dl dt::after {
	content:"";
	position:absolute; display:block; left:calc(50% - 5px); top:100%;
	width:10px; height:100%;
	background-color:#FFBB49;
}
.section-top-schedule dl:last-child dt::after {display:none;}
.section-top-schedule dl dt img {display:block;}
.section-top-schedule dl dd {
	margin:0 0 0 2em; font-size:22px; font-size:2.2rem; font-weight:bold;
	flex-basis:calc(100% - 260px);
}
.section-top-schedule dl dd h5 {
	color:#fff; background-color:var(--oz-color-orange);
	border-radius:40px; font-size:24px; font-size:2.4rem;
	padding:0.2em 2em;
	margin:0 0 0.5em 0;
	width:fit-content;
}

@media screen and (max-width:700px) {
}
@media screen and (max-width:660px) {
	.section-top-schedule .box {padding:2em;}
}
@media screen and (max-width:600px) {
	.section-top-schedule dl dt {flex-basis:30%;}
	.section-top-schedule dl dd {flex-basis:68%;}
	.section-top-schedule dl dd h5 {font-size:20px; font-size:2.0rem;}
	.section-top-schedule dl dd {font-size:18px; font-size:1.8rem;}
}


.section-top-voice {
	background-color:#fff0f2;
	background-image:url("images/voice-background.png");
	background-size:cover;
	border-bottom:8px solid var(--oz-color-pink);
}
.section-top-voice .section-title::after {background-color:var(--oz-color-pink);}
.section-top-voice dl {display:flex; margin:0 0 3em 0;}
.section-top-voice dl dt {flex-basis:45%;}
.section-top-voice dl dd {
	flex-basis:calc(100% - 50%); font-size:20px; font-size:2.0rem; font-weight:bold;
	padding:0 0 0 1em;
}
.section-top-voice dl dd .title {
	display:block;
	background-color:#fff; padding:20px 40px;
	font-size:36px; font-size:3.6rem;
	border-radius:40px; border:2px solid var(--oz-color-black);
	box-shadow:5px 5px var(--oz-color-black);	
	line-height:1.3;
}
.section-top-voice dl dd .title b {
	background-color:#fff; color:#000;
	font-weight:bold; font-weight:700;
		text-align:center;
		background:url("images/decoration-text-pink.svg") left bottom repeat-x;
		background-size:11px auto;
		display:inline;
}

.voice-list dl dd .title {display:block; margin:0 0 1em 0;}
.voice-list dl.voice-02 {flex-direction:row-reverse;}
.voice-list dl.voice-02 dd {padding:0 1em 0 0;}

@media screen and (max-width:800px) {
	.voice-list dl dd .title {font-size:32px; font-size:3.2rem; padding:20px;}
}
@media screen and (max-width:800px) {
	.voice-list dl dd .title {font-size:24px; font-size:2.4rem;}
}
@media screen and (max-width:600px) {
	.section-top-voice dl {display:block;}
	.section-top-voice dl dt {max-width:70%; margin:0 auto 1em;}
}


.section-top-message {
	padding-bottom:0; background-color:#e5f8ee;
	border-bottom:8px solid var(--oz-color-emerald);
	background-image:url("images/section-background-emerald.svg");
}
.section-top-message .box {
	background-color:#fff; position:relative;
	border:2px solid var(--oz-color-black); border-radius:40px;
	padding:2em 4em 2em; margin:2em auto; width:fit-content;
	box-shadow:5px 5px var(--oz-color-black);
	text-align:center;
	z-index:3;
}

.section-top-message .section-title {margin-top:-4em; margin-bottom:1em;}
.section-top-message .section-title::after {background-color:var(--oz-color-emerald);}
.section-top-message img.image {
	line-height:0; display:block; width:100%; margin:0 auto; margin-top:-50px;
}


@media screen and (max-width:600px) {
	.section-top-message .box {padding:2em;}
}


.section-top-flow {
	background-color:#e8f7fc;
	background-image:url("images/section-background-blue.svg");
	border-bottom:8px solid var(--oz-color-blue);
}
.section-top-flow .section-title::after {background-color:var(--oz-color-blue);}

.flow-list ol {
	font-size:20px; font-size:2.0rem; font-weight:bold;
	position:relative;
	text-align:center;
}
.flow-list ol::after {
	content:""; position:absolute; display:block;
	width:12px; height:100%; top:0; left:calc(50% - 6px);
	background-color:#68c9e8;
	z-index:1;
}
.flow-list ol li:last-child::after {
	content:""; position:absolute; display:block;
	width:44px; height:25px;
	background:url("images/flow-arrow.png") 0 0 no-repeat;
	background-size:44px 25px;
	top:-10px; left:50%; transform:translateX(-50%);
	z-index:3;
}
.flow-list ol li {
	margin:0 auto 2em;
	padding:0;
	display:block;
	position:relative; z-index:2;
}
.flow-list ol li span {display:block;}
.flow-list ol li .label {width:fit-content; color:var(--oz-color-blue); margin:0 auto;
	background-color:#fff;
	border:2px solid var(--oz-color-black);
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	padding:0.2em 0.5em; line-height:1;
	margin-bottom:-3px;
}
.flow-list ol li .title {
	font-size:30px; font-size:3.0rem; font-weight:bold;
	color:#fff; background-color:var(--oz-color-black);
	margin:0 auto; padding:0.2em 1em; min-width:100px; line-height:1;
	white-space:nowrap; width:fit-content;
}
.flow-list ol li .text {
	font-size:24px; font-size:2.4rem;
	background-color:#fff; border-radius:100px; border:2px solid var(--oz-color-black);
	display:block;
	padding:0.5em 1em;
}

@media screen and (max-width:600px) {
	.flow-list ol li .title {font-size:24px; font-size:2.4rem; line-height:1.2; white-space:normal;}
}

.section-top-info {
	background-color:#f1f7e1;
	background-image:url("images/section-background-green.svg");
	border-bottom:8px solid var(--oz-color-green);
}
.section-top-info dl dt {
	background:url("images/arrow-bottom-white.png") right 1em center no-repeat;
	background-color:#a4cc38;
	background-size:20px 20px;
	color:#fff; text-align:center; font-weight:bold;
	font-size:30px; font-size:3.0rem;
	cursor:pointer;
	margin:0.5em 0 0 0;
	padding:0.2em 0.5em;
}
.section-top-info dl dt.is-active {
	background-image:url("images/arrow-top-white.png");
}

.section-top-info dl dd {
	background-color:#fff; border:1px solid #a4cc38;
	padding:3em;
	display:none;
}

.info-table .title-area{
display: flex;
    align-items: baseline;
    justify-content: flex-start;
}

.info-table .coution{
	font-weight: 900;
	padding: 0 3rem;
	color: red;
}


.info-table .title {
	font-size:24px; font-size:2.4rem; font-weight:bold; background-color:#A4CC38; width:fit-content;
	color:#fff;
	padding:0 1em; margin:0 0 1em 0;
}

.info-table table caption {
	font-size:24px; font-size:2.4rem; font-weight:bold; background-color:#A4CC38; width:fit-content;
	color:#fff;
	padding:0 1em; margin:0 0 1em 0;
}
.info-table table th {font-weight:bold; position:relative;
	padding:0.7em 1em 0.7em 0; vertical-align:middle;
	white-space:nowrap;
}
.info-table table th::after {
	content:""; position:absolute; right:0; top:0.4em; bottom:0.4em;
	width:4px; height:auto;
	background-color:#a4cc38;
}
.info-table table td {font-weight:bold;
	padding:0.7em 0 0.7em 1em;
}
.info-table table td .maps {position:relative; width:100%; height:240px; overflow:hidden;}
.info-table table td .maps iframe {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%;}


@media screen and (max-width:600px) {
	.section-top-info dl dd {padding:2em;}
	.info-table .title-area{display: block;}
	.info-table .coution{padding:0;}
}

.section-top-form {
	background-color:#fff5e4;
	background-image:url("images/section-background-orange.svg");
	border-bottom:8px solid #ffbb49;
}
.section-top-form .section-title::after {
	background-color:var(--oz-color-orange);
}
.section-top-form .box {
	background-color:#fff;
	border:1px solid var(--oz-color-orange);
	padding:3em;
	border-radius:26px;
}


.privacy-box {
	overflow:scroll; height:180px; font-size:14px; font-size:1.4rem;
	border:1px solid #666;
	margin:0 0 1em 0;
}


@media screen and (max-width:600px) {
	.section-top-form .box {padding:2em;}
}

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

.section::before {
	content:"";
	position:absolute;
	top:0; left:0; bottom:0; height:100%; width:70px;
	background:center center no-repeat;
	background-size:contain;
}

.section-top-problems::before {background-image: url("images/section-label-problems.png");}
.section-top-job::before {
	background-image: url("images/section-label-job.png");
	left:auto; right:0;
}
.section-top-reason::before {background-image: url("images/section-label-reason.png");}
.section-top-solution::before {
	background-image: url("images/section-label-solution.png");
	left:auto; right:0;}
.section-top-training::before {background-image: url("images/section-label-training.png");}
.section-top-environment::before {background-image: url("images/section-label-environment.png");
	left:auto; right:0;
}
.section-top-schedule::before {background-image: url("images/section-label-schedule.png");}
.section-top-voice::before {background-image: url("images/section-label-voice.png");
	left:auto; right:0;
}
.section-top-message::before {background-image: url("images/section-label-message.png");}
.section-top-flow::before {
	background-image: url("images/section-label-flow.png");
	left:auto; right:0;
}
.section-top-info::before {background-image: url("images/section-label-requirements.png");}
.section-top-form::before {
	background-image: url("images/section-label-entry.png");
	left:auto; right:0;
}

@media screen and (max-width:800px) {
	.section::before {width:50px;}
}

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




/******************/
/* button *********/
/* .article button */


.button a {display:inline-block; min-width:120px; 
 background:transparent; border:1px solid #a4cc38; border-color:var(--oz-color-green); color:#a4cc38; color:var(--oz-color-green); position:relative;
}

[type="submit"] {
	border-radius:2px;
	border:2px solid #E69B3B;
	display:inline-block;
	text-align:center; padding:0.5em 24px 0.5em; margin:1em auto;
	background-color:#DC5A24; color:#fff;
	font-weight:bold; min-width:160px;
}
[type="submit"]:hover {
	background-color:#E69B3B;
	cursor:pointer;
}


.button a:hover {background-color:#a4cc38; background-color:var(--oz-color-green); color:#ffffff; cursor:pointer;}



/******************/
/* Flexbox System & Table System */


.table-container {
	display:table; table-layout:fixed; border-collapse:collapse; width:100%; position:relative; margin:0; padding:0;
}
.table-cell {
	display:table-cell; vertical-align:top; position:relative; margin:0; padding:0; empty-cells:show;
}

.flex-container {
	margin:0; padding:0; list-style:none;
display:-webkit-flex;
display:flex;
flex-wrap:wrap;
flex-direction:row;
align-items:stretch;
align-content:stretch;
-webkit-justify-content:space-between;
justify-content:space-between;
}

.flex-item {
margin:0; padding:0;
flex:0 1 auto;
flex-grow:0;
flex-shrink:1;
}

.flex-container-2 .flex-item {
	flex-basis:49%;
}
.flex-container-3 .flex-item {
	flex-basis:32%;
}
.flex-container-4 .flex-item {
	flex-basis:24%;
}

.columns {
	column-gap:4em;
	column-rule:1px dotted;
}
.columns-2 {columns:2;}


/******************/
/* responsive-table */

.r-table,
.responsive-table {overflow:scroll; width:100%;}


/******************/
/******************/
/* materials ******/

.adr span {margin:0; display:inline-block;}




/******************/
/******************/
/* plugins ********/




.form {clear:both; display:block; margin:0 auto 40px;}
.form table {line-height:1.2; font-size:22px; font-size:2.2rem;}
.form table th,
.form table td {padding:0.5em 0 0.5em; vertical-align:middle;}
.form table th {
	text-align:left; font-weight:bold; padding:0.5em 0;
	white-space:nowrap;
}
.form table th b {
	background-color:#DC5A24; color:#fff; font-size:12px; font-size:1.2rem;
	display:inline-block;
	padding:0.5em;
	margin:0 0.5em 0 0;
	transform:translateY(-5px);
	line-height:1;
}
.form table th b.color-gray {background-color:#808080;}
.form table td.year span {display:block;}
.form table td.year input {width:4em; display:inline-block;}
.form table td.year label {display:inline-block;margin:0 1em 0 0;}
.form table td.year input#year {width:6em;}

.form table td .note {
	display:block; font-size:14px; font-size:1.4rem;
	margin:0.5em 0 0 0;
}
.form label.privacy {text-align:center; display:block; margin:0 auto 0.5em;}

.form table th i {}

.form p b {
	background-color: #DC5A24;
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
	display: inline-block;
	padding: 0.5em;
	margin: 0 0.5em 0 0;
	line-height: 1;
}


@media screen and (max-width:680px) {
	.form table tbody,
	.form table th,
	.form table td {display:block; text-align:left; padding:0;}
	.form table th {border:0; padding:32px 0 0 0; margin:0 0 12px 0;}
	.form table th i {display:inline-block; margin: 0 1em 0 0;}
	.form table td {padding:0 0 16px 0;}	
}


form {}
fieldset {}
label {}

::-webkit-input-placeholder,
::-moz-placeholder,
:-moz-placeholder,
:-ms-input-placeholder {color:#999999; color:var(--oz-color-gray);}

[type="search"] {
/*-webkit-appearance:textfield;
-moz-appearance:textfield;
-ms-appearance:textfield;
-o-appearance:textfield;
appearance:textfield;*/
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="file"],
select,
textarea {
width:auto;
max-width:100%;
display:block;
position:relative;
/*-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
-o-appearance:none;
appearance:none;*/
padding:1em; line-height:normal;
border:1px solid #9E9E9E;
background:#E3E3E3;
}


input[type="checkbox"],
input[type="radio"] {}
input[type="file"] {cursor:pointer; width:auto;}
input[name="your-address"] {width:100%;}
select {width:auto; padding:12px; border:1px solid #cccccc;}
textarea {width:100%; height:160px;}

input[type="submit"] {
text-align:center;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	appearance:none;
display:block;
}


input[type="submit"][disabled],
input[type="submit"][disabled]:hover {
	color:#999999; color:var(--oz-color-gray); background:transparent; border:1px solid #cccccc; cursor:not-allowed;}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
select:focus,
textarea:focus {
border:1px solid #a4cc38; border-color:var(--oz-color-green);
}

textarea {height:auto; min-height:160px;}
select {}


@media screen and (max-width:960px) {
	input[type="text"],
	input[type="password"],
	input[type="date"],
	input[type="datetime"],
	input[type="email"],
	input[type="number"],
	input[type="search"],
	input[type="tel"],
	input[type="time"],
	input[type="url"] {width:100%;}
	select {width:auto;}
	textarea {width:100%;}
}
	

input[type="radio"]:checked + .wpcf7-list-item-label:after,
input[type="checkbox"]:checked + .wpcf7-list-item-label:after {opacity:1;}


#form_tbl .ttmmdd select {
	width: 22%;
	display: inline-block;
}

/******************/
/* form *******/

body.page-thanks {background-color:#E4F0C3;}
.post-thanks {padding:5em;}
.post-thanks table th,
.post-thanks table td {padding:1em; border:1px solid #66B58F;}
.post-thanks table td {text-align:left;}

.text-thanks {
	padding:10em 0; text-align:center; color:#a4cc38;
	line-height:2;
}
.text-thanks h3 {font-size:30px; font-size:3.0rem; margin:0 auto 1em;}


/******************/
/******************/
/* fonts **********/



.font-gothic {font-family:'YuGothic', 'Yu Gothic', '游ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'Helvetica', sans-serif;}
.font-mincho {font-family:'YuMincho', 'Yu Mincho', '游明朝', 'Hiragino Mincho ProN', 'ヒラギノ明朝 ProN W3', 'Meiryo', 'メイリオ', 'Times New Roman', serif;}
.font-mono {font-family:"Osaka-mono", "MS Gothic", monospace;}
.bold {font-weight:bold;}


/******************/
/******************/
/* Keyframes ******/

/* end ************/
/******************/
/******************/