@import url("https://fonts.googleapis.com/css2?family=Alatsi&family=Kiwi+Maru:wght@400;500&display=swap");
html {
	overflow: hidden;
	overflow-y: scroll
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Noto Sans JP', sans-serif;
	line-height: 1.4;
	margin-top: 0;
	margin-bottom: 0
}
figure {
	margin: 0;
	padding: 0
}
p, li, dl, table {
	font-family: 'Noto Sans JP', sans-serif;
	line-break: strict;
	word-break: break-strict;
	word-wrap: break-word;
	line-height: 1.75;
	margin-top: 0;
	margin-bottom: 0
}
small {
	font-size: 12px
}
@media (max-width: 640px) {
p, li, dl, table {
	line-height: 1.5
}
}
tr {
	word-break: break-all
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom
}
ul {
	list-style-type: none;
	margin: 0;
	padding: 0
}
dd {
	margin-left: 0
}
textarea {
	overflow: auto;
	vertical-align: top;
	resize: vertical
}
select option {
	padding: 0px 5px
}
form label {
	cursor: pointer
}
input:placeholder {
color:#999
}
input:-ms-input-placeholder {
color:#999
}/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */
html {
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
article, aside, footer, header, nav, section {
	display: block
}
h1 {
	font-size: 2em;
	margin: 0.67em 0
}
figcaption, figure, main {
	display: block
}
figure {
	margin: 1em 40px
}
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}
pre {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1em
}
a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects
}
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted
}
b, strong {
	font-weight: inherit
}
b, strong {
	font-weight: bolder
}
code, kbd, samp {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1em
}
dfn {
	font-style: italic
}
mark {
	background-color: #ff0;
	color: #000
}
small {
	font-size: 80%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sub {
	bottom: -0.25em
}
sup {
	top: -0.5em
}
audio, video {
	display: inline-block
}
audio:not([controls]) {
	display: none;
	height: 0
}
img {
	border-style: none
}
svg:not(:root) {
	overflow: hidden
}
button, input, optgroup, select, textarea {
	margin: 0
}
button, input {
	overflow: visible
}
button, select {
	text-transform: none
}
button, html [type="button"], [type="reset"], [type="submit"] {
-webkit-appearance:button
}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
	border-style:none;
	padding:0
}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
	outline:1px dotted ButtonText
}
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}
progress {
	display: inline-block;
	vertical-align: baseline
}
textarea {
	overflow: auto
}
[type="checkbox"], [type="radio"] {
	box-sizing:border-box;
	padding:0
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
	height:auto
}
[type="search"] {
	-webkit-appearance:textfield;
	outline-offset:-2px
}
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
	-webkit-appearance:none
}
::-webkit-file-upload-button {
	-webkit-appearance:button;
	font:inherit
}
details, menu {
	display: block
}
summary {
	display: list-item
}
canvas {
	display: inline-block
}
template {
	display: none
}
[hidden] {
	display:none
}
body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 16px;
	color: #1268ab;
	line-height: 1.75;
	letter-spacing: .07em;
	font-family: 'Noto Sans JP', sans-serif;
	-webkit-text-size-adjust: none;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased
}
@media screen and (max-width: 640px) {
body {
	line-height: 1.4
}
}
#wpwrap {
	text-align: left
}
a, a:link, a:visited, a img {
	color: #1268ab;
	text-decoration: none;
	transition: all 0.4s ease
}
a:hover {
	color: #003a5d
}
a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60)
}
/* ----------------------------------------
header
---------------------------------------- */
#header {
	width: 100%;
	height: 110px;
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	border-top: 4px solid #536cc0;
}
#header .logo {
	width: 330px;
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 100;
	transition: all 0.4s ease;
	text-align:left;
}
#header .logo02 {
	display: none;
}
#header .logo a {
	display: inline-block;
	width: 240px;
}
#header .logo span {
	box-sizing:border-box;
	margin-top:4px;
	float:right;
	display:inline-block;
	border-radius: 5px;
	color:#FFF;
	width:80px;
	font-size:12px;
	border:1px solid #FFF;
	padding:0px 5px;
	text-align:center;
}
#header .logo img {
	width: 100%
}
#header nav {
	width: 100%;
	text-align: right
}
#header nav ul {
	transition: all 0.4s ease;
	padding: 0;
}
#header nav li {
	display: inline-block;
	margin-right:15px
}
#header nav li:nth-child(5){
	margin-right:0;
}
#header nav li a {
	position: relative;
	display: block;
	text-align: center;
	line-height: 2;
	font-weight: bolder;
	color: #FFF;
	font-size:16px;
}
#header nav li a:after {
	position: absolute;
	height: 3px;
	border-radius: 1px;
	bottom: -10px;
	left: 0;
	right: 0;
	display: block;
	content: "";
	background: #536cc0;
	opacity: 0;
	transition: all 0.4s ease
}
#header nav li a:hover:after {
	opacity: 100;
	bottom: 0
}
#header nav li.entrybtn {
	margin: 0;
}
#header nav li.entrybtn a {
	display: inline-block;
	position: relative;
	top: -5px;
 float:right:0;
	width: 221px;
	height: 75px;
	background: url(../images/common/btn01.webp) no-repeat left top;
	background-size: 100% auto;
	box-sizing: border-box;
	padding: 20px 0 0 15px;
	color: #fff;
	font-size: 16px;
}
#header nav li.entrybtn a:after {
	display: none;
}
#header nav li.entrybtn a span {
	position: relative;
	display: inline-block;
	color: transparent;
}
#header nav li.entrybtn a span:before {
	opacity: 1;
	-webkit-transform: translate(0);
	transform: translate(0);
	color: #fff;
}
#header nav li.entrybtn a span:after {
	opacity: 0;
	-webkit-transform: translateY(2em);
	transform: translateY(2em);
	color: #fff;
}
#header nav li.entrybtn a span:after, #header nav li.entrybtn a span:before {
	content: attr(data-txt);
	position: absolute;
	top: 0;
	left: 0;
	white-space: nowrap;
	transition: opacity 0.65s cubic-bezier(0.14, 1, 0.34, 1) 0s, -webkit-transform 0.65s cubic-bezier(0.14, 1, 0.34, 1) 0s;
	transition: transform 0.65s cubic-bezier(0.14, 1, 0.34, 1) 0s, opacity 0.65s cubic-bezier(0.14, 1, 0.34, 1) 0s;
	transition: transform 0.65s cubic-bezier(0.14, 1, 0.34, 1) 0s, opacity 0.65s cubic-bezier(0.14, 1, 0.34, 1) 0s, -webkit-transform 0.65s cubic-bezier(0.14, 1, 0.34, 1) 0s
}
#header nav li.entrybtn a span:before {
	opacity: 1;
	-webkit-transform: translate(0);
	transform: translate(0);
	color: #fff
}
#header nav li.entrybtn a span:after {
	opacity: 0;
	-webkit-transform: translateY(2em);
	transform: translateY(2em);
	color: #fff
}
#header nav li.entrybtn a:hover span:before {
	opacity: 0;
	-webkit-transform: translateY(-2em);
	transform: translateY(-2em)
}
#header nav li.entrybtn a:hover span:after {
	opacity: 1;
	-webkit-transform: translate(0);
	transform: translate(0)
}
#header.smallhead {
	background: rgba(255,255,255,0.8);
	height: 70px
}
#header.smallhead .logo {
	display: none;
}
#header.smallhead .logo02 {
	display: block;
	width: 330px;
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 100;
	transition: all 0.4s ease;
	text-align:left;
}
#header.smallhead .logo02 a {
	display: inline-block;
	width: 240px;
}
#header.smallhead .logo02 span {
	box-sizing:border-box;
	margin-top:4px;
	float: right;
	display: inline-block;
	border-radius: 5px;
	color:#333;
	width:80px;
	font-size:12px;
	border: 1px solid #333;
	padding: 0px 5px;
	text-align:center;
}
#header.smallhead .logo02 img {
	width: 100%
}
#header.smallhead nav ul li a {
	color: #536cc0;
}
@media screen and (max-width: 1100px) {
#header nav li{
	margin-right:10px;
}
#header nav li a {
	font-size:14px;
}
}
@media screen and (max-width: 1030px) {
#header .logo span,
#header.smallhead .logo02 span{
	display:none;
}
#header .logo,
#header.smallhead .logo02{
	width: 240px;
}
}
@media screen and (max-width: 940px) {
#header .logo span,
#header.smallhead .logo02 span{
	display: inline-block;
}
#header .logo, #header.smallhead .logo02 {
    width: 330px;
}
#header, #header.smallhead {
	height: 70px
}
#header nav .navCont {
	z-index: -1;
	background: #d7e4f1;
	opacity: 0;
	transition: all 0.4s ease
}
#header nav .navCont ul {
	position: absolute;
	transform: translateY(-100%);
	width: 100%
}
#header nav .navCont li {
	width: 100%;
	padding-top: 40px;
	opacity: 0
}
#header nav .navCont li a {
	font-size: 30px;
	color: #536cc0;
	font-weight: bold
}
#header nav .navCont li a {
	font-size: 26px;
	font-size: 1.65rem
}
#header nav .navCont li a:after {
	display: none
}
#header nav .navCont li a:active {
	transform: scale(0.9)
}
#header nav li.entrybtn{
	text-align:center;
}
#header nav li.entrybtn a{
	background:none;
	height:auto;
	width:auto;
	float:none;
	color: #536cc0;
    display: inline;
    position:inherit;
    top:0px;
    padding:0;
}
#header nav li.entrybtn a span {
    position:inherit;
    display: inline;
    color:  #536cc0;
}
#header nav li.entrybtn a span:before,
#header nav li.entrybtn a span:after{
	display:none;
}
@keyframes ripple {
0% {
box-shadow:0 0 0 0 rgba(255,255,255,0.07), 0 0 0 10px rgba(255,255,255,0.07), 0 0 0 20px rgba(255,255,255,0.07), 0 0 0 40px rgba(255,255,255,0.07)
}
100% {
box-shadow:0 0 0 10px rgba(255,255,255,0.07), 0 0 0 20px rgba(255,255,255,0.07), 0 0 0 30px rgba(255,255,255,0.07), 0 0 0 42px rgba(255,255,255,0)
}
}
.nav-open {
	position: absolute;
	right: 10px;
	top: 10px;
	display: block;
	width: 50px;
	height: 50px;
	background: #536cc0;
	border-radius: 25px;
	cursor: pointer;
	z-index: 9999;
}
.nav-open i {
	display: block;
	width: 20px;
	height: 3px;
	background: #FFF;
	border-radius: 2px;
	margin-left: 15px;
}
.nav-open i:nth-child(1) {
	margin-top: 16px;
}
.nav-open i:nth-child(2) {
	margin-top: 4px;
	opacity: 1
}
.nav-open i:nth-child(3) {
	margin-top: 4px;
}
}
@media screen and (max-width: 480px) {
#header .logo span,
#header.smallhead .logo02 span{
	display:none;
}
#header .logo,
#header.smallhead .logo02{
	width: 280px;
}
#header .logo a
#header.smallhead .logo02 a {
    width: 280px;
}
}
#nav:checked+.nav-open {
	transform: rotate(45deg);
	position: fixed;
}
#nav:checked+.nav-open i {
	transition: transform 0.2s ease;
}
#nav:checked+.nav-open i:nth-child(1) {
	transform: translateY(6px) rotate(180deg);
}
#nav:checked+.nav-open i:nth-child(2) {
	opacity: 0;
}
#nav:checked+.nav-open i:nth-child(3) {
	transform: translateY(-6px) rotate(90deg);
	margin-top: 2px;
}
#nav:checked ~ .navCont {
	overflow-y: scroll;
	display: block;
	z-index: 9990;
	opacity: 1;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
#nav:checked ~ .navCont ul {
	transition: none;
	transform: translateY(-50%);
	top: 50%;
	padding: 0 0 40px;
}
#nav:checked ~ .navCont li {
	margin: 0;
	opacity: 1;
}
#nav:checked ~ .navCont li a {
	line-height: 1.2;
	font-family: 'Noto Sans JP', sans-serif;
}
#nav:checked ~ .navCont li br {
	display: block;
}
.no-scroll {
	height: 100%;
	overflow: hidden;
}
.hidden {
	display: none;
}
/* ----------------------------------------
topMain
---------------------------------------- */
#topMain {
	width: 100%;
	height: 760px;
	max-height: calc(100vh - px);
	margin: 0;
	position: relative;
	text-align: left;
	z-index: 100;
	background: url(../images/top/topimg01.webp) no-repeat center top;
	background-size: cover;
}
#topMain h1 {
	padding: 16% 0 2% 10%;
	margin: 0;
	display: block;
	font-size: 38px;
	letter-spacing: .15em;
	line-height: 1.75;
	font-weight: normal;
	color: #FFF;
	font-weight: bold;
}
#topMain p {
	font-size: 18px;
	padding-left: 10%;
	color: #FFF;
	padding-bottom: 2%;
}
#topMain div {
	padding-left: 10%;
	box-sizing:border-box;
}
#topMain:before {
	content: "";
	position: absolute;
	height: 120px;
	bottom: -60px;
	left: 9%;
	border-left: 2px solid #536cc0;
	box-sizing: border-box
}
#topMain:after {
	content: "";
	position: absolute;
	height: 20px;
	bottom: -60px;
	left: 9%;
	margin-left: 10px;
	border-left: 3px solid #536cc0;
	-webkit-transform: skewX(-45deg);
	-moz-transform: skewX(-45deg);
	transform: skewX(-45deg);
	box-sizing: border-box
}
.effect-fadein {
	opacity: 0;
	transform: translate(0, 30px);
	transition: all 500ms
}
.effect-fadein.effect-scroll {
	opacity: 1;
	transform: translate(0, 0)
}
@media screen and (max-width: 820px) {
#topMain h1 {
	font-size: 30px;
}
#topMain h1 span {
	font-size: 26px;
}
#topMain p span {
	font-size: 26px;
}
}
@media screen and (max-width: 640px) {
#topMain{
	height:480px;
}
#topMain h1 {
	padding-top:130px;
	font-size:24px;
	line-height: 1.4em;
	padding-bottom:0;
	margin-bottom:40px;
	padding-left:4%;
}
#topMain p {
	padding:0;
	font-size:16px;
	padding-left:4%;
	margin-bottom:40px;
}
#topMain div {
	padding:0;
}
#topMain:before {
	bottom: -20px;
}
#topMain:after {
	bottom: -20px;
}
}
@media screen and (max-width: 480px) {
#topMain{
	height:100vh;
	width: 100%;
	height: 760px;
	max-height: calc(100vh - px);
	margin: 0;
	position: relative;
	text-align: left;
	z-index: 100;
	background: url(../images/top/topimg02.webp) no-repeat center top;
	background-size: cover;
}
#topMain h1 {
	padding:0;
	font-size:20px;
	padding-top:400px;
	text-align:center;
}
#topMain p br{
	display:none;
}
#topMain p {
	padding:0;
	font-size:13px;
	width:82%;
	margin:0 auto 40px;
	display:;
}
}
/* ----------------------------------------
topConcept
---------------------------------------- */
#topConcept {
	width: 85%;
	padding: 100px 7.5%;
	overflow: hidden;
	text-align: left;
	background-image: url(../images/top/area.webp), url(../images/top/bg01.webp);
	background-repeat: no-repeat, repeat;
	background-position: 80% center, left top;
	background-size: 490.04px auto, 10.56px;
}
#topConcept h2 {
	font-family: 'Noto Sans JP', sans-serif;
	display: block;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 20px;
	color: #FFF;
	padding-right: 42%
}
#topConcept h2 span {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 30px;
	letter-spacing: .07em;
	display: block;
	color: #536cc0;
	margin-bottom: 20px
}
#topConcept p {
	font-family: 'Noto Sans JP', sans-serif;
	padding-right: 30%;
	font-size: 16px;
	color: #FFF;
}
#topConcept .btn1 {
	margin: 40px 0 0;
	padding: 0
}
@media screen and (max-width: 1020px) {
#topConcept {
	background-image: url(../images/top/area02.webp), url(../images/top/bg01.webp);
}
#topConcept br{
	display:none;
}
#topConcept h2 {
	padding-right:30%;
}
}
@media screen and (max-width: 820px) {
#topConcept h2 span {
	font-size: 26px;
	font-size: 1.65rem
}
}
@media screen and (max-width: 640px) {
#topConcept {
    padding: 40px 5%;
	box-sizing: border-box;
	width:100%;
}
#topConcept h2 {
	font-size: 22px;
	margin-bottom: 20px;
	padding:0;
}
#topConcept h2 span {
	font-size: 20px;
}
#topConcept p{
	padding:0;
	line-height:1.8em;
}
}
@media screen and (max-width: 480px) {
#topConcept {
    padding: 100px 5% 50px;
	background-position:center 50px, left top;
	background-size: 300px auto, 10.56px;
}
#topConcept h2{
	margin-bottom:50px;
	font-size:20px;
}
#topConcept h2 br{
	display:none;
}
#topConcept p{
	line-height:1.6em;
}
}
/* ----------------------------------------
topNumber
---------------------------------------- */
#topNumber {
	width: 85%;
	padding: 100px 7.5%;
	overflow: hidden;
	text-align: left;
	background: #293359;
	display: flex;
}
#topNumber ul {
	-webkit-flex-basis: 55%;
	flex-basis: 55%;
	padding-right: 5%;
}
#topNumber .Txt {
	-webkit-flex-basis: 40%;
	flex-basis: 40%;
}
#topNumber h2 {
	font-family: 'Noto Sans JP', sans-serif;
	display: block;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 20px;
	color: #FFF;
}
#topNumber h2 span {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 30px;
	letter-spacing: .07em;
	display: block;
	color: #536cc0;
	margin-bottom: 20px
}
#topNumber p {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 16px;
	color: #FFF;
}
#topNumber .btn1 {
	margin: 40px 0 0;
	padding: 0
}
#topNumber ul {
}
#topNumber ul li {
	width: 45%;
	height: 175px;
	display: inline-block;
	background: #FFF;
	border-radius: 10px;
	margin-bottom: 20px;
	margin-right: 20px;
	box-sizing: border-box;
	padding: 10px;
	vertical-align: top;
}
#topNumber ul li:nth-child(2),
#topNumber ul li:nth-child(4){
	margin-right:0;
}
#topNumber ul li h2 {
	font-family: 'Noto Sans JP', sans-serif;
	width: 150px;
	text-align: center;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	background: #536cc0;
	border-radius: 5px;
	padding: 3px;
	margin-bottom: 10px;
}
#topNumber ul li h3 {
	font-family: 'Noto Sans JP', sans-serif;
	text-align: center;
	color: #6099eb;
	font-size: 20px;
	font-weight: bold;
	line-height: 60px;
}

#topNumber ul li:nth-child(3) svg, #topNumber ul li:nth-child(4) svg {
	position: relative;
	width: 120px;
	height: 120px;
	transform: rotate(-90deg);
	left: 40px;
}
#topNumber ul li:nth-child(3) svg circle, #topNumber ul li:nth-child(4) svg circle {
	position: relative;
	fill: none;
	stroke-width: 30;
	stroke: #91a1d7;
	stroke-dasharray: 282;
	stroke-dashoffset: 0;
	stroke-linecap: round;
}
#topNumber ul li:nth-child(3) svg circle.line {
 stroke-dashoffset:calc(282 - (282 * 61) / 100);
	stroke: #536cc0;
}
#topNumber ul li:nth-child(4) svg circle.line {
 stroke-dashoffset:calc(282 - (282 * 60) / 100);
	stroke: #536cc0;
}
#topNumber ul li:nth-child(3) h3, #topNumber ul li:nth-child(4) h3 {
	position: relative;
	top: -97px;
	left: 70px;
	width: 60px;
	height: 60px;
	align-items: center;
	justify-content: center;
	color: #6099eb;
	font-size: 24px;
	background: #edf0f9;
	border-radius: 50%;
}
#topNumber ul li:nth-child(3) .alpha01 .line, #topNumber ul li:nth-child(4) .alpha02 .line {
	animation: line 3s forwards;
}
@keyframes line {
 0% {
 stroke-dasharray: 0 282;
}
 99.9%, to {
 stroke-dasharray: 282 282;
}
}
topNumber ul li:nth-child(3) h3 {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 50px;
	width: 120px;
	height: 120px;
	font-size: 20px;
	background-image: radial-gradient(#edf0f9 30%, transparent 31%), conic-gradient(#536cc0 0% 52%, #91a1d7 52% 100%);
	border-radius: 50%;
}
topNumber ul li:nth-child(4) h3 {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 50px;
	width: 120px;
	height: 120px;
	font-size: 20px;
	font-weight: 700;
	background-image: radial-gradient(#edf0f9 30%, transparent 31%), conic-gradient(#536cc0 0% 73%, #91a1d7 73% 100%);
	border-radius: 50%;
}
#topNumber ul li h3 span {
	font-family: 'Noto Sans JP', sans-serif;
	text-align: center;
	color: #6099eb;
	font-size: 90px;
	font-weight: bold;
}
#topNumber ul li:nth-child(2) h3 span {
	font-size: 80px;
}
#topNumber ul li:nth-child(3) h3 span, #topNumber ul li:nth-child(4) h3 span {
	font-size: 16px;
}
#topNumber ul li p {
	font-family: 'Noto Sans JP', sans-serif;
	width: 100px;
	text-align: center;
	color: #000;
	font-size:14px;
	background: #d7e4f1;
	border-radius: 20px;
	padding:;
	margin: auto;
}
#topNumber ul li:nth-child(3) p, #topNumber ul li:nth-child(4) p {
	float: right;
	margin-top: -95px;
}
@media screen and (max-width: 1200px) {
#topNumber h2 br,
#topNumber p br{
	display:none;
}
#topNumber ul {
	flex-basis: 620px;
}
#topNumber .Txt {
	-webkit-flex-basis: 30%;
    flex-basis: 30%;
}
#topNumber .btn1 {
    margin: 20px 0 0;
    padding: 0;
}
}
@media screen and (max-width: 980px) {
#topNumber {
	display:block;
}
#topNumber h2 br,
#topNumber p br{
	display:block;
}
#topNumber ul {
	-webkit-flex-basis: 55%;
	flex-basis: 55%;
	padding-right:0;
}
#topNumber ul li{
	margin-right:10px;
	margin-bottom:10px;
}
#topNumber .Txt {
	-webkit-flex-basis:40%;
    flex-basis:40%;
}
#topNumber .btn1 {
    margin: 20px 0 0;
    padding: 0;
}	
}
@media screen and (max-width: 640px) {
#topNumber {
    padding: 40px 5%;
	box-sizing: border-box;
	width:100%;
}
#topNumber h2 {
	font-size:22px;
}
#topNumber h2 span {
	font-size:20px;
}
#topNumber .btn1 {
    margin: 40px 0 0;
}
#topNumber ul{
	text-align:center;
	margin-bottom:40px;
}
#topNumber ul li{
	margin-right:0px;
	margin-bottom:20px;
	float:none;
	width:290px;
	margin:0 auto 20px;
	text-align:left;
}
#topNumber h2 br,
#topNumber p br{
	display:none;
}
}
@media screen and (max-width: 480px) {
#topNumber h2 br{
	display:block;	
}
#topNumber h2{
	font-size:20px;
}
}
/* ----------------------------------------
topWelfare
---------------------------------------- */
#topWelfare {
	width: 85%;
	padding: 100px 7.5%;
	overflow: hidden;
	text-align: left;
	display: flex;
}
#topWelfare .Txt {
	-webkit-flex-basis: 40%;
	flex-basis: 40%;
	padding-right: 5%;
	order: 1;
}
#topWelfare .photo {
	-webkit-flex-basis: 55%;
	flex-basis: 55%;
	order: 2;
}
#topWelfare .photo img {
	width: 100%;
	height: auto;
	border-radius: 20px;
}
#topWelfare h2 {
	font-family: 'Noto Sans JP', sans-serif;
	display: block;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 20px;
	color: #000;
	padding-right:
}
#topWelfare h2 span {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 30px;
	letter-spacing: .07em;
	display: block;
	color: #536cc0;
	margin-bottom: 20px
}
#topWelfare p {
	font-family: 'Noto Sans JP', sans-serif;
 padding-right:;
	font-size: 16px;
	color: #000;
}
#topWelfare .btn1 {
	margin: 40px 0 0;
	padding: 0
}
@media screen and (max-width: 980px) {
#topWelfare h2 br,
#topWelfare p br{
	display:none;
}
}
@media screen and (max-width: 830px) {
#topWelfare {
    display:block;
}
#topWelfare .photo {
	margin-bottom:40px;
}
#topWelfare h2 span {
	font-size: 26px;
}
}
@media screen and (max-width: 640px) {
#topWelfare {
    padding: 40px 5%;
	box-sizing: border-box;
	width:100%;
}
#topWelfare h2 {
	font-size:22px;
	margin-bottom:20px
}
#topWelfare h2 span {
	font-size: 20px;
}
#topWelfare .Txt {
	padding:0;
}
}
@media screen and (max-width: 480px) {
#topWelfare h2{
	font-size:20px;
}
#topWelfare h2 br{
	display:block;	
}
}
/* ----------------------------------------
topInterview
---------------------------------------- */
#topInterview {
	width: 85%;
	padding: 100px 7.5%;
	overflow: hidden;
	text-align:center;
	background-image: url(../images/top/bg01.webp);
	background-repeat: repeat;
	background-position: left top;
	background-size: 10.56px;
}
#topInterview .Txt {
	display:inline-block;
	text-align:left;
	vertical-align:top;
	margin-top:40px;
}
#topInterview .Txt .syokusyu{
	border:1px solid #FFF;
	font-size:22px;
	border-radius:20px;
	text-align:center;
	width:150px;
	float:left;
	margin-bottom:20px;
}
#topInterview .Txt h2{
	clear:left;
	text-align:left;
	border-bottom:1px solid #FFF;
	padding-bottom:20px;
	margin-bottom:20px;
}
#topInterview .Txt .yakusyoku{
	font-size:22px;
	text-align:center;
	float:left;
	margin-bottom:20px;
}
#topInterview .photo {
	display:inline-block;
	margin-right:5%;
	width:420px;
	height:420px;
	overflow:hidden;
	border-radius:50%;
}
#topInterview .photo img {
	width:100%;
	height:auto;
	
}
#topInterview h2 {
	font-family: 'Noto Sans JP', sans-serif;
	display: block;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 20px;
	color: #FFF;
	text-align:center;
}
#topInterview h2 span {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 30px;
	letter-spacing: .07em;
	display: block;
	color: #536cc0;
	margin-bottom: 20px
}

#topInterview p {
	font-family: 'Noto Sans JP', sans-serif;
	padding-right:;
	font-size: 16px;
	color: #FFF;
	text-align:center;
	margin-bottom:40px;
}
#topInterview .btn1 {
	margin: 20px 0 0;
	padding: 0;
	text-align:left;
}
.zoom-in-img {
  max-width:420px;
  height:420px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  cursor: pointer;
}
.zoom-in-img img {
  width: 100%;
  height: 100%;
}
/*ホバーエフェクト*/
.zoom-in-img img {
  transform: scale(1);
  transition: .3s ease-in-out;
}
.zoom-in-img:hover img {
  transform: scale(1.05);
}
.zoom-in-img:hover img {
	opacity: 1;
	filter: alpha(opacity=100)
}
@media screen and (max-width: 820px) {
#topInterview h2 {
	font-size: 30px;
}
#topInterview h2 span {
	font-size: 26px;
}
#topInterview p {
	text-align:left;
}
#topInterview p br{
	display:none;
}
}
@media screen and (max-width: 640px) {
#topInterview {
    padding: 40px 5%;
    box-sizing: border-box;
	width:100%;
}
#topInterview .btn1 {
    margin: 20px 0 0;
    text-align: center;
}
#topInterview p {
	text-align:left;
	font-size:16px;
}
#topInterview h2 {
	font-size: 22px;
	margin-bottom: 20px;
	text-align:left;
}
#topInterview h2 span {
	font-size: 20px;
	text-align:left;
}
#topInterview .photo {
	margin-right:0%;
	width:250px;
	height:250px;
}
.zoom-in-img {
  max-width:250px;
  height:250px;
}
}
@media screen and (max-width: 480px) {
#topInterview h2 {
	font-size: 20px;
}
}
/* ----------------------------------------
topTraining
---------------------------------------- */
#topTraining {
	width: 85%;
	padding: 100px 7.5%;
	overflow: hidden;
	text-align: left;
	display: flex;
	background: #293359;
}
#topTraining .Txt {
	-webkit-flex-basis: 45%;
	flex-basis: 45%;
	padding-right: 5%;
	order: 1;
}
#topTraining ul {
	-webkit-flex-basis: 50%;
	flex-basis: 50%;
	order: 2;
}
#topTraining ul li {
	width: 45%;
	height:auto;
	display: inline-block;
	border-radius: 10px;
	margin-bottom: 20px;
	margin-right: 20px;
	box-sizing: content-box;
	padding: inherit;
	vertical-align: top;
}
#topTraining ul img {
	width: 100%;
	height: auto;
	border-radius: 20px;
}
#topTraining h2 {
	font-family: 'Noto Sans JP', sans-serif;
	display: block;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 20px;
	color: #FFF;
	padding-right:
}
#topTraining h2 span {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 30px;
	letter-spacing: .07em;
	display: block;
	color: #536cc0;
	margin-bottom: 20px
}
#topTraining p {
	font-family: 'Noto Sans JP', sans-serif;
	padding-right:;
	font-size: 16px;
	color: #FFF;
}
#topTraining .btn1 {
	margin: 40px 0 0;
	padding: 0
}
@media screen and (max-width: 1200px) {
#topTraining p br{
	display:none;
}
}
@media screen and (max-width: 1055px) {
#topTraining ul li {
	width: 40%;
	margin-bottom:10px;
	margin-right:10px;
}
}
@media screen and (max-width: 820px) {
#topTraining {
	display:block;
}
#topTraining h2 {
	font-size: 30px;
}
#topTraining h2 span {
	font-size: 26px;
}
#topTraining ul{
	margin-bottom:40px;
	text-align:center;
}
#topTraining ul li{
	width:47%;
	margin-bottom:13px;
}
#topTraining h2 br,
#topTraining p br{
	display:none;
}
}
@media screen and (max-width: 640px) {
#topTraining {
	padding: 40px 5%;
    box-sizing: border-box;
	width:100%;
	display:block;
}
#topTraining h2 {
	font-size: 22px;
	margin-bottom: 20px
}
#topTraining h2 span {
	font-size: 20px;
}
#topTraining ul{
	text-align:center;
	margin-bottom:40px;
	width:100%;
}
#topTraining ul li{
	margin-right:10px;
	margin-bottom:20px;
	float:none;
	width:48%;
	height:auto;
	margin:0 10px 10px 0;
	text-align:left;
}
#topTraining ul li:nth-child(2), #topTraining ul li:nth-child(4) {
	margin-right:0;
}
#topTraining .Txt {
	padding:0;
}
}
@media screen and (max-width: 480px) {
#topTraining h2{
	font-size:20px;
}
#topTraining h2 br{
	display:block;	
}
#topTraining ul{
	margin-bottom:20px;
}
#topTraining ul li{
	width:47%;
	height:auto;
	margin:0 7px 10px 0;
	text-align:left;
}
}
/* ----------------------------------------
topJob
---------------------------------------- */
#topJob {
	width: 85%;
	padding: 100px 7.5%;
	overflow: hidden;
	text-align: left;
	display: flex;
}
#topJob .Txt {
	-webkit-flex-basis: 45%;
	flex-basis: 45%;
	order: 2;
}
#topJob .photo {
	-webkit-flex-basis: 50%;
	flex-basis: 50%;
	padding-right: 5%;
	order: 1;
}
#topJob .photo img {
	width: 100%;
	height: auto;
	border-radius: 20px;
}
#topJob h2 {
	font-family: 'Noto Sans JP', sans-serif;
	display: block;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 20px;
	color: #000;
 padding-right:
}
#topJob h2 span {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 30px;
	letter-spacing: .07em;
	display: block;
	color: #536cc0;
	margin-bottom: 20px;
}
#topJob p {
	font-family: 'Noto Sans JP', sans-serif;
	padding-right:;
	font-size: 16px;
	color: #000;
}
#topJob .btn1 {
	margin: 40px 0 0;
	padding: 0
}
@media screen and (max-width: 980px) {
#topJob h2 br,
#topJob p br{
	display:none;
}
}
@media screen and (max-width: 830px) {
#topJob {
    display:block;
}
#topJob .photo {
	margin-bottom:40px;
}
#topJob h2 span {
	font-size: 26px;
}
}
@media screen and (max-width: 640px) {
#topJob {
    padding: 40px 5%;
	box-sizing: border-box;
	width:100%;
}
#topJob h2 {
	font-size:22px;
	margin-bottom:20px
}
#topJob h2 span {
	font-size: 20px;
}
#topJob .Txt {
	padding:0;
}
#topJob .photo {
	padding-right:0;
}
}
@media screen and (max-width: 480px) {
#topJob h2{
	font-size:20px;
}
#topJob h2 br{
	display:block;	
}
}
/* ----------------------------------------
btn
---------------------------------------- */
.btn1, .btn2, .btn3{
	width: 100%;
	display: inline-block
}
.btn1 a, .btn2 a, .btn3 a {
	width: 220px;
	max-width: calc(100%);
 	padding:;
	text-align: center;
	color: #fff;
	border-radius: 10px;
	background: #536cc0;
	line-height: 50px;
	white-space: nowrap;
	font-weight: bold;
	text-decoration: none;
	display: inline-block;
	position: relative;
	overflow: hidden;
	font-size: 16px;
	font-weight: bold;
}
.btn1 a:hover:after, .btn2 a:hover:after, .btn3 a:hover:after {
	-webkit-transform: translate(0) scale(1);
	transform: translate(0) scale(1)
}
.btn1 a span, .btn2 a span, .btn3 a span {
	position: relative;
	display: inline-block;
	color: transparent
}
.btn1 a span:after, .btn1 a span:before, .btn2 a span:after, .btn2 a span:before, .btn3 a span:after, .btn3 a span:before {
	content: attr(data-txt);
	position: absolute;
	top: 0;
	left: 0;
	white-space: nowrap;
	transition: opacity 0.65s cubic-bezier(0.14, 1, 0.34, 1) 0s, -webkit-transform 0.65s cubic-bezier(0.14, 1, 0.34, 1) 0s;
	transition: transform 0.65s cubic-bezier(0.14, 1, 0.34, 1) 0s, opacity 0.65s cubic-bezier(0.14, 1, 0.34, 1) 0s;
	transition: transform 0.65s cubic-bezier(0.14, 1, 0.34, 1) 0s, opacity 0.65s cubic-bezier(0.14, 1, 0.34, 1) 0s, -webkit-transform 0.65s cubic-bezier(0.14, 1, 0.34, 1) 0s
}
.btn1 a span:before, .btn2 a span:before, .btn3 a span:before {
	opacity: 1;
	-webkit-transform: translate(0);
	transform: translate(0);
	color: #fff
}
.btn1 a span:after, .btn2 a span:after, .btn3 a span:after {
	opacity: 0;
	-webkit-transform: translateY(2em);
	transform: translateY(2em);
	color: #fff
}
.btn1 a:hover span:before, .btn2 a:hover span:before, .btn3 a:hover span:before {
	opacity: 0;
	-webkit-transform: translateY(-2em);
	transform: translateY(-2em)
}
.btn1 a:hover span:after, .btn2 a:hover span:after, .btn3 a:hover span:after {
	opacity: 1;
	-webkit-transform: translate(0);
	transform: translate(0)
}
.btn2 a {
	background: #49bb49
}
.btn3 a {
	color: #1268ab;
	background: #ffe87f
}
.btn3 a span:before {
	color: #1268ab
}
.btn3 a span:after {
	color: #1268ab
}
@media screen and (max-width: 640px) {
.btn1, .btn2, .btn3 {
	text-align: center
}
.btn1 a, .btn2 a, .btn3 a {
	margin: 0 auto
}
}
/* ----------------------------------------
footer
---------------------------------------- */
footer {
	text-align:center;
	padding:80px 0;
	background-image: url(../images/top/bg01.webp);
	background-repeat: repeat;
	background-position: left top;
	background-size: 10.56px;
}
footer .logo {
	width: 450px;
	z-index: 100;
	transition: all 0.4s ease;
	margin:0 auto 40px;
}
footer .logo a {
	display: inline-block;
	width: 330px;
}
footer .logo span {
	box-sizing: border-box;
	margin-top: 4px;
	float: right;
	display: inline-block;
	border-radius: 5px;
	color: #FFF;
	width: 100px;
	font-size: 16px;
	border: 1px solid #FFF;
	padding: 0px 5px;
}
footer .logo img {
	width: 100%
}
footer ul {
}
footer li {
	margin-right:20px;
	display:inline-block;
}
footer li a {
	color: #fff;
	position: relative;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:16px;
	font-weight:bold;
}
footer li a:link,
footer li a:visited,
footer li a:hover,
footer li a:active{
	color: #fff;
}
footer li a::after {
	position: absolute;
	bottom: -2px;
	left: 0;
	content: '';
	width: 100%;
	height: 2px;
	background: #536cc0;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform .4s
}
footer li a:hover::after {
	transform: scale(1, 1)
}
.copy {
	font-family: 'Noto Sans JP', sans-serif;
	background:#20232f;
	font-size:16px;
	font-weight:bold;
	padding:36px 0;
	color:#FFF;
}
@media screen and (max-width: 640px) {
footer {
	-webkit-flex-flow: column nowrap;
	flex-flow: column nowrap;
}
footer ul{
	width:90%;
	margin:auto;
}
footer li {
	width:31%;
	margin:0;
	text-align:left;
}
footer li a {
	height:40px;
	line-height:40px;
}
}
@media screen and (max-width: 480px) {
footer .logo {
    width: 350px;
}
footer ul{
	width:80%;
}
footer li {
	margin:0;
	text-align:left;
}
footer ul li:nth-child(1),footer ul li:nth-child(3),footer ul li:nth-child(5){
	width:39%;
}
footer ul li:nth-child(2),footer ul li:nth-child(4),footer ul li:nth-child(6){
	width:59%;
}

footer .logo {
	text-align:center;
}
footer .logo span {
	box-sizing: border-box;
	margin-top: 4px;
	float: none;
	display:block;
	margin:10px auto;
}
.copy {
	font-size:13px;
	padding:20px 5%;
}
}

#pageTop {
	bottom: 0;
	right: 0;
	display: block;
	position: fixed
}
#pageTop a {
	width: 100px;
	height: 100px;
	display: block;
	color: #fff;
	background: #ff7937;
	background: rgba(113,153,198,0.2);
	position: relative;
	overflow: hidden;
	z-index: 999
}
#pageTop a:hover {
	background: rgba(113,153,198,0.4)
}
#pageTop a:hover:after {
	margin-top: -8px
}
#pageTop a:after {
	content: '';
	width: 14px;
	height: 14px;
	border: 0;
	border-top: solid 2px #536cc0;
	border-right: solid 2px #536cc0;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -5px;
	margin-left: -8px;
	transform: rotate(-45deg);
	transition: all 0.4s ease
}
@media screen and (max-width: 640px) {
#pageTop a {
	width: 60px;
	height: 60px;
}
}
body#next{
	background-image:url(../images/top/bg01.webp);
	background-repeat:repeat;
	background-position:left top;
	background-size:10.56px;
}
#titlebody{
	font-family: 'Noto Sans JP', sans-serif;
	text-align:left;
	width:70%;
	margin:auto;
	padding-top:120px;
	margin-bottom:70px;
}
#titlebody h1{
	font-size:40px;
	color:#FFF;
	margin:0;
}
#titlebody h1 span{
	font-size:28px;
	color:#536cc0;
	display:block;
}
#pagebody{
	font-family: 'Noto Sans JP', sans-serif;
	width:90%;
	padding:50px 5%;
	margin:0 auto 100px;
	box-sizing: border-box;
	background:#FFF;
	border-radius:30px;
	text-align:left;
	overflow:hidden;
}
.breadcrumb {
	margin: 0 0 40px !important;
	padding: 0;
	text-align: left;
}
.breadcrumb li {
	display: inline;
	color:#000;
}
.breadcrumb li:after {
	content: '>';
	padding: 0 0.4em;
	color: #000;
}
.breadcrumb li:last-child:after {
	content: ''
}
.breadcrumb li a {
	color: #536cc0;
	text-decoration: none;
}
.breadcrumb li a:hover {
	color: #536cc0;
}
.aboutus{
	padding-bottom:130px;
	background:url(../images/about/about01.webp) no-repeat right top;
	background-size:480px;
}
.aboutus h2{
	font-size:28px;
	color:#000;
	margin:0 0 20px;
}
.aboutus h2 span{
	font-size:28px;
	color:#536cc0;
	display:block;
	margin-bottom:20px;
}
.aboutus p{
	font-size:16px;
	color:#000;
	margin:0;
}
.aboutus-history h2,
.aboutus-service h2,
.aboutus-gaiyou h2{
	background:#536cc0;
	height:40px;
	line-height:40px;
	color:#FFF;
	padding-left:20px;
	font-size:20px;
	font-weight:bold;
	margin-bottom:20px;
	clear:both;
}
.aboutus-service h3{
	height:30px;
	line-height:30px;
	color:#6da3ee;
	padding-left:10px;
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
	border-left:5px solid #6da3ee;
}
.aboutus-history .img{
	width:400px;
	float:left;
	margin-right:30px;
	margin-bottom:30px;
}
.aboutus-history .img p{
	margin-bottom:20px;
}
.aboutus-history .img p img{
	width:100%;
	height:auto;
}
.aboutus-history table{
	margin-bottom:30px;
}
.aboutus-history th{
	color:#6da3ee;
	width:80px;
	vertical-align:top;
	line-height: 1.6em;
}
.aboutus-history td{
	color:#000;
	vertical-align:top;
	line-height: 1.6em;
}
.aboutus-service ul{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	margin-bottom:50px;
}
.aboutus-service ul li{
	width:30%;
	text-align:center;
	color:#000;
}
.aboutus-service ul li img{
	margin-bottom:10px;
}
.aboutus-gaiyou p{
	font-size:20px;
	font-weight:bold;
	margin-bottom:20px;
	color:#000;
}
.aboutus-gaiyou table{
	width:100%;
}
.aboutus-gaiyou table th{
	text-align:center;
	width:;
	color:#000;
	font-size:16px;
	padding:15px 20px;
	border-bottom:1px solid #CCC;
}
.aboutus-gaiyou table td{
	text-align:left;
	color:#000;
	font-size:16px;
	padding:15px 20px;
	border-bottom:1px solid #CCC;
}
#bottom{
	background:#FFF;
}
@media screen and (max-width: 980px) {
.aboutus{
	background-position:center top;
	background-size:70% auto;
}
}
@media screen and (max-width: 640px) {
.aboutus{
	padding-bottom:0px;
	margin-bottom:50px;
}
.aboutus h2,
.aboutus h2 span,
.aboutus-gaiyou{
	font-size:20px;
}
.aboutus h2 br,
.aboutus p br,
.aboutus-gaiyou br{
	display:none;
}
.aboutus-history .img{
	width:100%;
	margin:0;
	float:none;
	margin-bottom:0px;
	display:flex;
}
.aboutus-history .img p{
	width:48%;
	box-sizing:border-box;
	margin-right:4%;
}
.aboutus-history .img p:nth-child(2){
	margin-right:0;
}
.aboutus-history table{
	width:100%;
	float:none;
}
.aboutus-gaiyou table th{
	width:80px;
    padding:10px 0;
	padding-right: 10px;
}
.aboutus-gaiyou table td {
    padding:10px 0;
}
.aboutus-service ul li {
	font-size:14px;
}
}
@media screen and (max-width: 480px) {
.aboutus-gaiyou table th,
.aboutus-history th,
.aboutus-gaiyou table td,
.aboutus-history td{
	font-size:14px;
}
.aboutus-gaiyou p{
	font-size:16px;
}
}
/* ----------------------------------------
Numbers
---------------------------------------- */
.Numbers{
	padding-bottom:130px;
	background:url(../images/numbers/photo01.webp) no-repeat 80% top;
	background-size:380px auto;
}
.Numbers h2{
	font-size:28px;
	color:#000;
	margin:0 0 20px;
}
.Numbers h2 span{
	font-size:28px;
	color:#536cc0;
	display:block;
	margin-bottom:20px;
}
.Numbers p{
	font-size:16px;
	color:#000;
	margin:0;
}

#Numbers01 ul li {
	width: 48%;
	min-height:210px;
	display:block;
	background: #edf0f9;
	border-radius: 10px;
	margin-bottom: 30px;
	margin-right:4%;
	box-sizing: border-box;
	padding:15px 5%;
	vertical-align: top;
	float:left;
}
#Numbers01 dl{
	width:100%;
	display:block;
	background:#edf0f9;
	border-radius: 10px;
	margin-bottom: 30px;
	box-sizing: border-box;
	padding:20px 5% 0;
	vertical-align: top;
	overflow:hidden;
}
#Numbers01 dl dd{
	width:18.4%;
	display:block;
	background:#edf0f9;
	margin-bottom: 30px;
	margin-right:2%;
	padding:0 2%;
	text-align:center;
	vertical-align: top;
	box-sizing: border-box;
	float:left;
	font-family: 'Noto Sans JP', sans-serif;
	color: #000;
	opacity: 0;
	font-size:16px;
	font-weight: bold;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#Numbers01 dl.alpha03 dd{
	animation-name: fadeIn;
	animation-duration:1s; /* アニメーションの長さ */
	animation-fill-mode: forwards;
}
#Numbers01 dl dd:nth-child(2) {
  animation-delay: 0.1s;
}
#Numbers01 dl dd:nth-child(3) {
  animation-delay: 0.2s;
}
#Numbers01 dl dd:nth-child(4) {
  animation-delay: 0.3s;
}
#Numbers01 dl dd:nth-child(5) {
  animation-delay: 0.4s;
}
#Numbers01 dl dd:nth-child(6) {
  animation-delay: 0.5s;
}
#Numbers01 dl dd:nth-child(7) {
  animation-delay: 0.6s;
}
#Numbers01 dl dd:nth-child(8) {
  animation-delay: 0.7s;
}
#Numbers01 dl dd:nth-child(9) {
  animation-delay: 0.8s;
}
#Numbers01 dl dd:nth-child(10) {
  animation-delay: 0.9s;
}
#Numbers01 dl dd:nth-child(11) {
  animation-delay: 1.0s;
}

#Numbers01 dl dd img{
	width:100%;
	height:auto;
}
#Numbers01 dl dd:nth-child(6),
#Numbers01 dl dd:nth-child(11),
#Numbers01 ul li:nth-child(even){
	margin-right:0;
}
#Numbers01 ul li h2,
#Numbers01 dl dt{
	font-family: 'Noto Sans JP', sans-serif;
	width:;
	text-align: center;
	color: #000;
	font-size: 22px;
	font-weight: bold;
	padding-bottom:10px;
	margin-bottom: 10px;
	border-bottom:1px solid #000;
}
#Numbers01 dl dt{
	margin-bottom:30px;
}
#Numbers01 ul li h3 {
	font-family: 'Noto Sans JP', sans-serif;
	text-align: center;
	color: #536cc0;
	font-size: 20px;
	font-weight: bold;
	line-height: 60px;
}
#Numbers01 ul li h3 span {
	font-family: 'Noto Sans JP', sans-serif;
	text-align: center;
	color: #536cc0;
	font-size: 90px;
	font-weight: bold;
}
#Numbers01 ul li p {
	font-family: 'Noto Sans JP', sans-serif;
	text-align:left;
	color: #000;
	font-size:14px;
	font-weight:bold;
}
#Numbers01 ul li#box9,
#Numbers01 ul li#box12{
	text-align:center;
}
#Numbers01 ul li#box9 svg, #Numbers01 ul li#box12 svg {
	width: 120px;
	height: 120px;
	transform: rotate(-90deg);
	margin-top:-20px;
}
#Numbers01 ul li#box9 svg circle, #Numbers01 ul li#box12 svg circle {
	position: relative;
	fill: none;
	stroke-width: 30;
	stroke: #91a1d7;
	stroke-dasharray: 282;
	stroke-dashoffset: 0;
	stroke-linecap: round;
}
#Numbers01 ul li#box9 svg circle.line {
 stroke-dashoffset:calc(282 - (282 * 61) / 100);
	stroke: #536cc0;
}
#Numbers01 ul li#box12 svg circle.line {
 stroke-dashoffset:calc(282 - (282 * 60) / 100);
	stroke: #536cc0;
}
#Numbers01 ul li#box9 h3, #Numbers01 ul li#box12 h3 {
	position: relative;
	top: -97px;
	width: 60px;
	height: 60px;
	align-items: center;
	justify-content: center;
	color: #6099eb;
	font-size: 24px;
	border-radius: 50%;
	margin:auto;
	margin-bottom:-80px;
}
#Numbers01 ul li#box9 .alpha01 .line, #Numbers01 ul li#box12 .alpha02 .line {
	animation: line 3s forwards;
}
@keyframes line {
 0% {
 stroke-dasharray: 0 282;
}
 99.9%, to {
 stroke-dasharray: 282 282;
}
}
#Numbers01 ul li#box9 h3 span, #Numbers01 ul li#box12 h3 span {
	font-size: 16px;
	font-family: 'Noto Sans JP', sans-serif;
	text-align: center;
	color: #6099eb;
	font-weight: bold;
}
#bar-chart01 {
  display: flex;
  align-items: flex-end;
  height: 80px;
  width:80%;
  margin:auto;
  overflow:hidden;
}
.bar01 {
  width: 25%;
  margin: 0 5px;
}
.a01 {
  height: calc(var(--value-a) / 100 * 80px);
  background-color:#ced6ee;
  --value-a:30;
}
.b01 {
  height: calc(var(--value-b) / 100 * 80px);
  background-color:#91a1d7;
  --value-b:60;
}
.c01 {
  height: calc(var(--value-c) / 100 * 80px);
  background-color: #536cc0;
  --value-c:80;
}
.d01 {
  height: calc(var(--value-d) / 100 * 80px);
  background-color: #7286cb;
  --value-d:80;
}
.e01 {
  height: calc(var(--value-d) / 100 * 80px);
  background-color: #afbbe2;
  --value-d:30;
}
.bar-chart-text01{
	width:80%;
	margin:auto;
	display: flex;
	align-items:flex-start;
}
.bar-chart-text01 .bloodtype01{
	font-size: 16px;
	font-family: 'Noto Sans JP', sans-serif;
	color:#000;
	width: 25%;
	margin: 0 5px;
	text-align:center;
}
.alpha05 .bar01 {
  -webkit-animation: graphAnim02 3s forwards;
          animation: graphAnim02 3s forwards;
}
@-webkit-keyframes graphAnim02 {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes graphAnim02 {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

#bar-chart {
  display: flex;
  align-items: flex-end;
  height: 80px;
  width:80%;
  margin:auto;
  overflow:hidden;
}
.bar {
  width: 25%;
  margin: 0 5px;
}
.a {
  height: calc(var(--value-a) / 100 * 80px);
  background-color:#536cc0;
  --value-a:80;
}
.b {
  height: calc(var(--value-b) / 100 * 80px);
  background-color:#7286cb;
  --value-b:40;
}
.c {
  height: calc(var(--value-c) / 100 * 80px);
  background-color: #91a1d7;
  --value-c:60;
}
.d {
  height: calc(var(--value-d) / 100 * 80px);
  background-color: #ced6ee;
  --value-d:20;
}
.bar-chart-text{
	width:80%;
	margin:auto;
	display: flex;
	align-items:flex-start;
}
.bar-chart-text .bloodtype{
	font-size: 16px;
	font-family: 'Noto Sans JP', sans-serif;
	color:#000;
	width: 25%;
	margin: 0 5px;
	text-align:center;
}
.alpha04 .bar {
  -webkit-animation: graphAnim01 3s forwards;
          animation: graphAnim01 3s forwards;
}
@-webkit-keyframes graphAnim01 {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes graphAnim01 {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
#sex{
  display: flex;
  height:30px;
  width:80%;
  margin:auto;
  overflow:hidden;
}
.sex_box {
  margin: 0;
}
.sex01{
	background:#91a6ec;
	width:60%;
	height:30px;
}
.sex02{
	background:#536cc0;
	width:40%;
	height:30px;
}
.sex_text{
	display: flex;
	align-items: flex-end;
    width:80%;
	margin:auto;
	overflow:hidden;
}
.sex_text span.men{
	font-size: 16px;
	font-family: 'Noto Sans JP', sans-serif;
	color:#000;
	display:block;
	width:60%;
	text-align:left;
}
.sex_text span.women{
	font-size: 16px;
	font-family: 'Noto Sans JP', sans-serif;
	color:#000;
	display:block;
	width:40%;
	text-align:right;
}
#Numbers01 ul li#box5 h3{
	text-align:center;
	font-size:50px;
	letter-spacing:20px;
}
.alpha06 .sex01 {
  -webkit-animation: graphAnim03 3s forwards;
          animation: graphAnim03 3s forwards;
}
@-webkit-keyframes graphAnim03 {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@keyframes graphAnim03 {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.alpha06 .sex02 {
  -webkit-animation: graphAnim07 3s forwards;
          animation: graphAnim07 3s forwards;
}
@-webkit-keyframes graphAnim07 {
  0% {
    -webkit-transform: translateX(-220%);
            transform: translateX(-220%);
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@keyframes graphAnim07 {
  0% {
    -webkit-transform: translateX(-220%);
            transform: translateX(-220%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

#type{
  display: flex;
  height:30px;
  width:80%;
  margin:auto;
  overflow:hidden;
}
.type_box {
  margin: 0;
}
.type01{
	background:#91a6ec;
	width:40%;
	height:30px;
}
.type02{
	background:#7286cb;
	width:30%;
	height:30px;
}
.type03{
	background:#536cc0;
	width:30%;
	height:30px;
}
.type_text{
	display: flex;
	align-items: flex-end;
    width:80%;
	margin:auto;
	overflow:hidden;
}
.type_text span.type_text01{
	font-size: 16px;
	font-family: 'Noto Sans JP', sans-serif;
	color:#000;
	display:block;
	width:40%;
	text-align:center;
}
.type_text span.type_text02{
	font-size: 16px;
	font-family: 'Noto Sans JP', sans-serif;
	color:#000;
	display:block;
	width:30%;
	text-align:center;
}
.type_text span.type_text03{
	font-size: 16px;
	font-family: 'Noto Sans JP', sans-serif;
	color:#000;
	display:block;
	width:30%;
	text-align:center;
}
#Numbers01 ul li#box13 h3{
	text-align:center;
	font-size:50px;
	letter-spacing:20px;
}
.alpha07 .type01 {
  -webkit-animation: graphAnim04 3s forwards;
          animation: graphAnim04 3s forwards;
}
@-webkit-keyframes graphAnim04 {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@keyframes graphAnim04 {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.alpha07 .type02 {
  -webkit-animation: graphAnim05 3s forwards;
          animation: graphAnim05 3s forwards;
}
@-webkit-keyframes graphAnim05 {
  0% {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@keyframes graphAnim05 {
  0% {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.alpha07 .type03 {
  -webkit-animation: graphAnim06 3s forwards;
          animation: graphAnim06 3s forwards;
}
@-webkit-keyframes graphAnim06 {
  0% {
    -webkit-transform: translateX(-300%);
            transform: translateX(-300%);
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@keyframes graphAnim06 {
  0% {
    -webkit-transform: translateX(-300%);
            transform: translateX(-300%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@media screen and (max-width: 1200px) {
.Numbers{
	padding-bottom:130px;
	background-position:right 20%;
	background-size:34% auto;
}
.Numbers h2,
.Numbers p{
	width:60%;
}
}
@media screen and (max-width: 900px) {
.Numbers h2 br,
.Numbers p br{
	display:none;
}	
}
@media screen and (max-width: 835px) {
#Numbers01 ul li#box4 h3{
	font-size:16px;
}
#Numbers01 ul li#box4 h3 span {
    font-size:80px;
}
}
@media screen and (max-width: 640px) {
.Numbers{
    padding-bottom:30px;
}
.Numbers h2{
    font-size:20px;
}
.Numbers h2 span {
    font-size:20px;
}
.Numbers p{
	width:100%;
}
#pagebody {
    font-family: 'Noto Sans JP', sans-serif;
    width: 90%;
    padding:30px 5%;
    margin: 0 auto 100px;
    box-sizing: border-box;
    background: #FFF;
    border-radius:20px;
    text-align: left;
    overflow: hidden;
}
#bar-chart,
#bar-chart01,
.bar-chart-text,
.bar-chart-text01,
.type_text,
#type{
    width: 100%;
}
.bar-chart-text01 .bloodtype01{
	font-size:10px;
}
.type_text span.type_text01,
.type_text span.type_text02,
.type_text span.type_text03 {
    font-size: 14px;
}
#Numbers01 ul li#box13 h3 {
    font-size:40px;
    letter-spacing:0px;
}
#Numbers01 ul li#box9 svg, #Numbers01 ul li#box12 svg {
    margin-top: 0px;
}
#Numbers01 dl dd {
    width: 32%;
	margin-right:2%;
}
#Numbers01 dl dd:nth-child(3n) {
    margin-right: 0;
}
#Numbers01 dl dd:nth-child(10) {
	display:none;
}
}
@media screen and (max-width: 480px) {
#Numbers01 ul li h3 span{
	font-size:60px;
	line-height:60px;
}
#Numbers01 ul li#box4 h3 span {
    font-size:50px;
}
#Numbers01 ul li#box9 svg, #Numbers01 ul li#box12 svg {
    margin-top:-20px;
}
#Numbers01 ul li#box9, #Numbers01 ul li#box12 {
    padding-bottom: 30px;
}
#Numbers01 ul li {
    width:100%;
    min-height:inherit;
}
.sex_text span.men,
.sex_text span.women{
    font-size: 14px;
}
#Numbers01 ul li#box5 h3 {
    text-align: center;
    font-size: 40px;
    line-height: 40px;
    letter-spacing: 0px;
}
.bar-chart-text01 .bloodtype01 {
    font-size:14px;
}
#Numbers01 ul li h2,
#Numbers01 dl dt {
    font-size: 20px;
}
.bar-chart-text .bloodtype {
    font-size: 14px;
}
#Numbers01 ul li#box13 h3 {
    font-size:30px;
}
#Numbers01 ul li h2{
	margin-bottom:10px;	
}
#Numbers01 ul li p {
	margin-bottom:10px;
}
#Numbers01 ul li#box7 p,
#Numbers01 ul li#box9 p,
#Numbers01 ul li#box10 p,
#Numbers01 ul li#box12 p {
    margin-bottom:0px;
}
#sex {
	width:100%;
}
.sex_text {
    width: 100%;
}
#Numbers01 dl dd {
	float:none;
	display:inline-block;
    width: 32%;
	vertical-align:top;
    margin-right:0;
	margin-bottom:10px;
}
#Numbers01 dl dd:nth-child(2), 
#Numbers01 dl dd:nth-child(3), 
#Numbers01 dl dd:nth-child(4), 
#Numbers01 dl dd:nth-child(5), 
#Numbers01 dl dd:nth-child(6), 
#Numbers01 dl dd:nth-child(7), 
#Numbers01 dl dd:nth-child(8),
#Numbers01 dl dd:nth-child(9), 
#Numbers01 dl dd:nth-child(10), 
#Numbers01 dl dd:nth-child(11), 
#Numbers01 ul li:nth-child(even) {
    margin-right: 0;
	display:inline-block;
}
#Numbers01 dl dd:nth-child(11){
	display:none;
}
#Numbers01 dl dd {
    font-size: 10px;
}
#Numbers01 dl dt{
	margin-bottom:20px;
}
#Numbers01 dl{
	overflow:hidden;
	padding-bottom:20px;
}
#titlebody {
    width: 80%;
    padding-top: 80px;
    margin-bottom: 50px;
}
#titlebody h1 span {
    font-size: 20px;
}
#titlebody h1 {
    font-size: 22px;
}
}
/* ----------------------------------------
Welfare
---------------------------------------- */
.welfare{
	padding-bottom:0px;
	background:url(../images/welfare/photo01.webp) no-repeat 90% top;
	background-size:450px auto;
}
.welfare h2{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:28px;
	color:#000;
	margin:0 0 20px;
}
.welfare h2 span{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:28px;
	color:#536cc0;
	display:block;
	margin-bottom:20px;
}
.welfare p{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:16px;
	color:#000;
	margin:0;
}
.welfare dl{
	background:#edf0f9;
	border-radius:20px;
	width:100%;
	margin:50px auto 0px;
	padding:40px;
	box-sizing:border-box;
	display:flex;
}
.welfare dl dt{
	width:50%;
	box-sizing:border-box;
	padding-left:4%;
}
.welfare dl dt h3{
	font-size:22px;
	color:#000;
	padding-left:10px;
	border-left:5px solid #536cc0;
	margin-bottom:10px
}
.welfare dl dd{
	width:50%;
}
.welfare dl dd img{
	width:100%;
	height:auto;
	border-radius:20px;
}
@media screen and (max-width: 1200px) {
.welfare{
	background-size:40% auto;
	background-position:right 50px;
}
.welfare h2{
	width:50%;
}
.welfare p{
	width:50%;
}
.welfare p br{
	display:none;
}
}
@media screen and (max-width: 1200px) {
.welfare h2 br{
	display:none;
}
}
@media screen and (max-width: 780px) {
.welfare p{
	width:100%;
}
}
@media screen and (max-width: 640px) {
.welfare h2,
.welfare h2 span{
	font-size:20px;
}
.welfare{
	background-position:right 0px;
	background-size:35% auto;
}
.welfare dl{
	padding:20px;
	margin:0;
	margin-top:30px;
}
.welfare dl dd img {
    border-radius: 10px;
}
.welfare dl dt{
	width:70%;
}
.welfare dl dt h3{
	font-size:20px;
}
.welfare dl dd{
	width:30%;
}
}
@media screen and (max-width: 480px) {
.welfare{
	background-position:right 50px;
	background-size:40% auto;
}
.welfare h2{
	width:55%;
}
.welfare dl{
	display:block;
}
.welfare dl dt{
	width:100%;
	padding:0;
}
.welfare dl dd{
	width:100%;
	margin-bottom:20px;
}
}
/* ----------------------------------------
Interview
---------------------------------------- */
.interview{
	padding-bottom:0px;
	background:url(../images/interview/photo01.webp) no-repeat 90% top;
	background-size:380px auto;
}
.interview h2{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:28px;
	color:#000;
	margin:0 0 20px;
}
.interview h2 span{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:28px;
	color:#536cc0;
	display:block;
	margin-bottom:20px;
}
.interview p{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:16px;
	color:#000;
	margin:0;
}
.interview dl{
	width:100%;
	margin:50px auto 0px;
	box-sizing:border-box;
	display:flex;
}
.interview dl dt{
	width:30%;
	box-sizing:border-box;
	margin-right:10%;
	margin-left:10%;
}
.interview dl dt img{
	width:100%;
	height:auto;
	border-radius:50%;
}
.interview dl dd{
	width:35%;
	padding-top:100px;
}
.interview dl dd div{
	background:#dde2f2;
	width:150px;
	height:40px;
	line-height:40px;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	border-radius:40px;
	margin-bottom:10px;
}
.interview dl dd h3{
	font-size:26px;
	color:#000;
	border-bottom:1px solid #000;
	padding-bottom:10px;
	margin-bottom:10px
}
.interview ul{
	width:100%;
	margin:50px auto 0px;
	box-sizing:border-box;
	display:flex;
}
.interview ul li.img{
	width:40%;
	text-align:center;
	box-sizing:border-box;
}
.interview ul li img{
	width:80%;
	height:auto;
	border-radius:50%;
}
.interview ul li.text{
	width:60%;
	box-sizing:border-box;
	padding-right:5%;
	padding-top:0px;
}
.interview ul li.text h3{
	font-size:26px;
	color:#000;
	padding-left:10px;
	border-left:5px solid #536cc0;
	margin-bottom:10px
}
.interview ul.odd{
	flex-direction:row-reverse;
}
.interview ul.even li.img{
	text-align:left;
}
@media screen and (max-width: 1200px) {
.interview{
	background-position:right 0;
	background-size:40% auto;
}
}
@media screen and (max-width: 980px) {
.interview{
	background-size:40% auto;
}
.interview h2{
	width:55%;
}
.interview h2 span{
}
.interview p{
	width:55%;
}
.interview h2 br,
.interview p br{
	display:none;
}
.interview dl dd {
    padding-top:0px;
    width:65%;
}
.interview dl dd br{
	display:none;
}
}
@media screen and (max-width: 640px) {
.interview{
	background-size:30% auto;
}
.interview h2,
.interview h2 span{
	font-size:20px;
}
.interview h2{
	width:70%;
}
.interview p{
	width:70%;
}
.interview dl dt {
    width: 35%;
    margin-right:5%;
    margin-left:0;
}
.interview dl dd h3 {
    font-size: 20px;
}
.interview ul li.text h3 {
    font-size: 20px;
}
.interview ul li.text p{
    width:100%;
}
}
@media screen and (max-width: 480px) {
.interview{
	background-size:40% auto;
}
.interview h2{
	width:60%;
}
.interview p{
	width:100%;
}
.interview dl dd div {
    width: 150px;
    height: 30px;
    line-height: 30px;
    font-size:14px;
    border-radius: 30px;
    margin-bottom: 10px;
}	
.interview ul{
	display:block;
}
.interview ul li.img,
.interview ul.even li.img {
	width:70%;
	margin:0 auto 30px;
	text-align:center;
}
.interview ul li.text{
	width:100%;
	padding:0;
}
.interview ul li.text h3 {
    font-size: 20px;
}
.interview ul li.text p{
    width:100%;
}
}
/* ----------------------------------------
training
---------------------------------------- */
.training{
	padding-bottom:0px;
	background:url(../images/training/photo01.webp) no-repeat 90% top;
	background-size:300px auto;
}
.training h2{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:28px;
	color:#000;
	margin:0 0 20px;
}
.training h2 span{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:28px;
	color:#536cc0;
	display:block;
	margin-bottom:20px;
}
.training p{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:16px;
	color:#000;
	margin:0;
	margin-bottom:50px;
}
.training h3{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#000;
	margin:0 0 30px;
	text-align:center;
	border:2px solid #536cc0;
	border-bottom:4px solid #536cc0;
	border-radius:40px;
	padding:10px 0;
}
.training ul{
	width:100%;
	margin:0 auto 50px;
	box-sizing:border-box;
	display:flex;
}
.training ul li.img{
	width:40%;
	text-align:center;
	box-sizing:border-box;
	margin-right:5%;
	padding-left:5%
}
.training ul li img{
	width:100%;
	height:auto;
	border-radius:20px;
}
.training ul li.text{
	width:60%;
	box-sizing:border-box;
	padding-top:0px;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:16px;
	color:#000;
}
@media screen and (max-width:1050px) {
.training{
	padding-bottom:0px;
	background-size:300px auto;
	background-position:right top;
}
}
@media screen and (max-width:980px) {
.training{
	background-size:30% auto;
}
}
@media screen and (max-width:640px) {
.training{
	background-size:25% auto;
}
.training h2 {
	width:60%;
	font-size:20px;
}
.training h2 span{
	font-size:20px;
}
.training h2 br,
.training p br{
	display:none;
}
.training p{
	width:100%;
}
.training ul li.img {
    width: 40%;
    margin-right: 5%;
    padding-left:0;
}
.training ul li img {
	border-radius:10px;
}
.training h3 {
    font-size: 20px;
    border-radius: 30px;
	margin-bottom:20px;
}
}
@media screen and (max-width:480px) {
.training{
	background-size:35% auto;
}
.training ul{
	display:block;
}
.training ul li.img {
    width:80%;
    margin-right:0;
    padding-left:0;
	margin:0 auto 20px;
}
.training ul li.text {
    width: 100%;
}

}
/* ----------------------------------------
Job
---------------------------------------- */
.job{
	padding-bottom:0px;
	background:url(../images/job/photo01.webp) no-repeat 90% top;
	background-size:350px auto;
}
.job h2{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:28px;
	color:#000;
	margin:0 0 20px;
}
.job h2 span{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:28px;
	color:#536cc0;
	display:block;
	margin-bottom:20px;
}
.job p{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:16px;
	color:#000;
	margin:0;
	margin-bottom:30px;
}
.job h3{
	clear:both;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#000;
	border-bottom: solid 2px #CCCCCC;
	position: relative;
	padding-bottom:10px;
	margin-bottom:20px;
}
.job h3:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 2px #536cc0;
  bottom: -2px;
  width: 30%;
}
.job h4{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#000;
	text-align:center;
	margin-top:20px;
	margin-bottom:30px;
}
.job ul{
	width:100%;
	margin:0 auto 30px;
	box-sizing:border-box;
	display:flex;
}
.job ul li{
	width:33.3%;
	text-align:center;
	box-sizing:border-box;
	margin-right:1%;
	padding-left:1%;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:16px;
	color:#000;
}
.job ul li img{
	width:100%;
	height:auto;
	border-radius:10px;
	margin-bottom:5px;
}
.job table {
	clear: both;
	border-collapse: collapse;
	margin-bottom: 10px;
	width: 100%;
	border-top: 1px solid #CCC;
	margin-bottom:50px;
}
.job table th {
	background:#edf0f9;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	font-weight: normal;
	padding: 5px 0;
	text-align: center;
	vertical-align: middle;
	width: 250px;
	font-size:16px;
	color: #000;
	font-family: 'Noto Sans JP', sans-serif;
}
.job table td {
	border: 1px solid #CCC;
	padding:10px 20px;
	text-align:left;
	font-size:16px;
	line-height:1.4em;
	background:#FFF;
	color: #000;
	font-family: 'Noto Sans JP', sans-serif;
}
.mfp_element_text,
.mfp_element_number,
.mfp_element_select-one,
.mfp_element_email, .mfp_element_tel,
.mfp_element_textarea {
    border: solid 1px #CCC;
    border-radius: 5px;
    box-shadow: 0px 0px 0px #DDD inset;
    padding: 8px;
    margin: 3px;
    vertical-align: middle;
}
div.mfp_buttons button{
	background: #536cc0;
	border:1px solid #536cc0;
}
.mfp_element_submit:hover,.mfp_element_reset:hover,.mfp_element_button:hover {
	background:#FFF !important;
	color:#536cc0 !important;
	border:1px solid #536cc0 !important;
}
.job ul.flow{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
	margin-bottom:50px;
}
.job ul.flow li {
    width: 33%;
	text-align:left;
}
.job ul.flow li p.flow-number {
    font-size:30px;
    border-bottom: solid 5px ##536cc0;
    line-height: 1;
    padding-bottom:10px;
	margin-bottom:20px;
    position: relative;
}
.job ul.flow li p.flow-number span {
    font-size:16px;
    line-height: 2;
}
.job ul.flow li p.flow-number::after {
    content: "";
    width:50px;
    height: 5px;
    background-color:#536cc0;
    display: block;
    position: absolute;
    bottom: -5px;
    left: 0;
}
.job ul.flow li dl {
    margin-top:0px;
}
.job ul.flow li dl dt {
    font-size: 20px;
}
.job ul.flow li dl dd {
    font-size: 16px;
    margin-top: 10px;
    padding-right:50px;
   	 text-align: justify;
    text-justify: inter-ideograph;
}
.job ul.flow li dl dd a {
    font-size: 16px;
    color: ##536cc0;
	text-decoration:underline;
}
@media screen and (max-width:1200px) {
.job{
	background-position:right top;
	background-size:300px auto;
}
}
@media screen and (max-width:1000px) {
.job{
	background-size:30% auto;
}
}
@media screen and (max-width:800px) {
.job ul.flow{
    display: block;
}
.job ul.flow li {
    width:48%;
	float:left;
	margin-bottom:50px;
}
.job ul.flow li dl dd {
    padding-right:10%;
}
}
@media screen and (max-width:640px) {
.job{
	background-size:35% auto;
}
.job h2 {
	width:60%;
	font-size:20px;
}
.job h2 span{
	font-size:20px;
}
.job h2 br,
.job p br{
	display:none;
}
.job p{
	width:100%;
}
.job h3 {
	font-size:20px;
}
.job h4 {
	font-size:16px;
}
job h4 br{
	display:none;
}
.job ul li {
	font-size:14px;
}
.job table th {
	width:30%;
	font-size:14px;
	padding:10px;
}
.job table td {
	width:70%;
	font-size:14px;
	padding:10px;
}

@media screen and (max-width:480px) {
.job{
	background-position:right 30px;
}
.job ul {
	display:block;
}
.job ul li {
	width:80%;
	padding:0;
	margin:0 auto 20px;
	text-align:left;
}
.job #mailformpro table{
	border:none;
	margin-bottom:0px;
}
.job #mailformpro table th {
	width:100%;
	padding:10px;
	display:block;
	border:none;
	box-sizing:border-box;
}
.job #mailformpro table td {
	width:100%;
	padding:10px 0 20px;
	box-sizing:border-box;
	display:block;
	border:none;
}
.job #mailformpro table td ol{
	list-style:none;
	margin:0;
	padding:0;
}
.job #mailformpro table td ol li{
	margin-bottom:10px;
}
.job #mailformpro table td ol li span{
	display:block;
}
.job #mailformpro table td input {
	width:70%;
	font-size:16px;
}
.job #mailformpro table td input.half {
	width:30%;
	margin-right:10px;
}
.job #mailformpro table td input.radio{
	width:auto;
}
.job #mailformpro table td textarea{
	width:80% !important;
	font-size:16px !important;
}
div.mfp_buttons button{
	width:40%;
	font-size:14px;
	background: #536cc0;
	border:none;
}
.job ul.flow li {
    width:100%;
	float:left;
	margin-bottom:50px;
}
.job ul.flow li dl dd {
    padding-right:2%;
}
}