/************************************************/
/*						*/
/*	【Common】				*/
/*						*/
/************************************************/

/*------【Common】------------------------------*/

html {
	overflow-y		: scroll;
	height			: 100%;
	font-size		: 1.0em;
}

body {
	display			: grid;
	grid-gap		: 0px 0px;
	grid-template-columns	: 100%;
	grid-template-rows	: auto 1fr auto auto;
	min-height		: 100%;
	line-height		: 1.2em;
	font-family		: 'Noto Serif',serif;
	font-family		: 'Noto Serif JP',serif;
	color			: #000000;
}

header {
	grid-column		: 1 / 2;
	grid-row		: 1 / 2;
}

main {
	grid-column		: 1 / 2;
	grid-row		: 2 / 3;
}

aside {
	grid-column		: 1 / 2;
	grid-row		: 3 / 4;
}

footer {
	grid-column		: 1 / 2;
	grid-row		: 4 / 5;
}

a {
	outline			: none;
	color			: #000000;
}

a:hover {
	color			: #a9a9a9;
	text-decoration		: none;
	transition		: 0.25s;
}

a,
a:hover,
a:hover img {
	text-decoration		: none;
	transition		: 0.25s;
}

a:hover {
	opacity			: 1;
}


a:hover img {
	opacity			: 0.5;
}


br.clear {
	clear			: both;
}

/*------【To Top】------------------------------*/

.page-top {
	position		: fixed;
	right			: 0;
	bottom			: 0;
	z-index			: 9999;
	opacity			: 0.8;
}

.page-top a.icon {
	display			: block;
	position		: relative;
	width			: 50px;
	height			: 50px;
	color			: #ffffff;
	background-color	: #333333;
}

.page-top a.icon:before {
	content			: '\f106';
	display			: block;
	position		: absolute;
	top			: 0;
	bottom			: 0;
	left			: 0;
	right			: 0;
	width			: 15px;
	height			: 15px;
	font-family		: "Font Awesome 5 Free";
	font-weight		: 900;
	font-size		: 20px;
	margin			: auto;
}

.page-top a:hover {
	opacity			: 1;
}

/*------【Loading】-----------------------------*/

.loader {
	margin			: 200px auto 200px auto;
}

.loader-bg {
	display			: flex;
	justify-content		: center;
	align-items		: center;
	position		: fixed;
	top			: 0;
	left			: 0;
	z-index			: 9999;
	width			: 100vw;
	height			: 100vh;
	background-color	: #000000;

}
.loader-txt {
	text-align		: center;
	font-family		: 'Actor', sans-serif;
	font-size		: 16px;
	font-weight		: 200;
	color			: #ffffff;
	letter-spacing		: 1px;
}

.loader span {
	width			: 16px;
	height			: 16px;
	border-radius		: 50%;
	display			: inline-block;
	position		: absolute;
	left			: 50%;
	margin			: 20px 0 0 -10px;
	animation		: 3s infinite linear;
}

.loader span:nth-child(2) {
	background-color	: #E84C3D;
	animation		: kiri 1.2s infinite linear;
}

.loader span:nth-child(3) {
	background-color	: #F1C40F;
	z-index			: 100;
}

.loader span:nth-child(4) {
	background-color	: #2FCC71;
	animation		: kanan 1.2s infinite linear;
}

@keyframes kanan {
	0%  {transform		: translateX(20px);
	}
	50% {transform		: translateX(-20px);
	}
	100%{transform		: translateX(20px);
	z-index			: 200;
	}
}

@keyframes kiri {
	0%  {transform		: translateX(-20px);
	z-index			: 200;
	}
	50% {transform		: translateX(20px);
	}
	100%{transform		: translateX(-20px);
	}
}

/*------【Breadcrumb】--------------------------*/

.breadcrumb {
	text-align		: left;
	background-color	: #30171e;
	margin			: 0;
	padding			: 10px 20px 10px 20px;
}

.breadcrumb .breadcrumb-trail {
	font-size		: 0.9em;
	color			: #e9e9e9;
	margin			: 0;
	padding			: 0;
}

.breadcrumb .breadcrumb-trail a {
	color			: #e9e9e9;
}

/*------【YouTube】-----------------------------*/

.youtube {
	width			: 100%;
	aspect-ratio		: 16 / 9;
	margin			: 1.0em 0 0 0;
}

.youtube iframe {
	width			: 100%;
	height			: 100%;
}

/*------【Link Box】----------------------------*/

.link-box {
	margin			: 0;
	padding			: 0;
}

.link-box a {
	display			: flex;
	width			: 250px;
	margin			: 0 auto 0 auto;
}

.link-box a .details {
	width			: 100%;
	font-size		: 1.2em;
	color			: #ffffff;
	background-color	: #a9a9a9;
	margin			: 0;
	padding			: 20px 0 20px 0;
}

.link-box a .details:hover {
	background-color	: #6a5acd;
	transition		: 0.25s;
}

/*------【Wide Area】---------------------------*/

.area_100 {
	width			: 100%;
	text-align		: center;
}

/*------【Max Widrh】---------------------------*/

.max-width-01,
.max-width-02 {
	width			: 100%;
	margin			: auto;
	padding			: 0 20px 0 20px;
}

/*------【Back-Area】---------------------------*/

.back-area-singular,
.back-area-plural {
	width			: 100%;
	margin			: auto;
	padding			: 0;
}

.back-area-plural:nth-child(even) {
	background-color	: #f3f3f3;

}

.back-area-plural:nth-child(odd) {
	background-color	: #fffcf9;
}

/*++++++++++++++++++++++++++++++++++++++++++++++*/
/* @media screen 576px				*/
/*++++++++++++++++++++++++++++++++++++++++++++++*/

@media screen and (min-width: 576px) {


}/***** END 576px *****/

/*++++++++++++++++++++++++++++++++++++++++++++++*/
/* @media screen 768px				*/
/*++++++++++++++++++++++++++++++++++++++++++++++*/

/*------【To Top】------------------------------*/

@media screen and (min-width: 768px) {

.page-top a:hover {
	opacity			: 0.5;
}

/*------【TEL Link】----------------------------*/

a[href^="tel:"] {
	pointer-events		: none;
}

}/***** END 768px *****/

/*++++++++++++++++++++++++++++++++++++++++++++++*/
/* @media screen 992px				*/
/*++++++++++++++++++++++++++++++++++++++++++++++*/

@media screen and (min-width: 992px) {

/*------【Max Widrh】---------------------------*/

.max-width-01 {
	width			: calc(100% - 100px);
	max-width		: 1200px;
	margin			: auto;
	padding			: 0;
}

.max-width-02 {
	width			: calc(100% - 100px);
	max-width		: 1500px;
	margin			: auto;
	padding			: 0;
}

}/***** END 992px *****/

/************************************************/
/*						*/
/*	【Header】				*/
/*						*/
/************************************************/

/*------【Setting】-----------------------------*/

header {
	position		: fixed;
	width			: 100%;
	height			: 70px;
	background-color	: #ffffff;
	box-shadow		: 0 0 10px rgb(0 0 0 / 0.5);
	z-index			: 300;
	margin			: 0;
	padding			: 0;
}

header .header {
	display			: flex;
	align-items		: center;
	height			: 100%;
	margin			: 0;
	padding			: 0;
}

/*------【Top Logo】----------------------------*/

header .header .header-logo {
	margin			: 0;
	padding			: 0;
}

header .header .header-logo .logo {
	margin			: 0;
	padding			: 0;
}

header .header .header-logo .logo img {
	width			: 230px;
	height			: auto;
}

/*------【Hamburger Menu】----------------------*/

header .header .hbg-box {
	position		: absolute;
	top			: 20px;
	right			: 30px;
}

header .header .hbg-box .hbg-menu {
	position		: relative;
	cursor			: pointer;
	width			: 26px;
}


header .header .hbg-box .hbg-menu:after {
	content			: "MENU";
	position		: absolute;
	display			: block;
	top			: 20px;
	left			: -3px;
	text-align		: center;
	font-family		: serif;
	font-size		: 10px;
	color			: #6bb5cb;
}

header .header .hbg-box .hbg-menu.active:after {
	content			: "CLOSE";
}

header .header .hbg-box .hbg-menu span {
	position		: absolute;
	display			: inline-block;
	left			: 0;
	width			: 100%;
	height			: 2px;
	transition		: all 0.4s;
	box-sizing		: border-box;
	margin			: 0 auto 0 auto;
}
 
header .header .hbg-box .hbg-menu span:nth-child(1) {
	top			: 0;
	background-color	: #6bcbba;
}
 
header .header .hbg-box .hbg-menu span:nth-child(2) {
	top			: 8px;
	background-color	: #6bcacb;
}
 
header .header .hbg-box .hbg-menu span:nth-child(3) {
	top			: 16px;
	background-color	: #6bbacb;
}

header .header .hbg-box .hbg-menu span:nth-of-type(1) {
	animation		: menu-bar01 0.75s forwards;
}

@keyframes menu-bar01 {
  0% {
	transform		: translateY(8px) rotate(45deg);
  }
  50% {
	transform		: translateY(8px) rotate(0);
  }
  100% {
	transform		: translateY(0) rotate(0);
  }
}

header .header .hbg-box .hbg-menu span:nth-of-type(2) {
	transition		: all 0.25s 0.25s;
	opacity			: 1;
}

header .header .hbg-box .hbg-menu span:nth-of-type(3) {
	animation		: menu-bar03 0.75s forwards;
}

@keyframes menu-bar03 {
  0% {
	transform		: translateY(-8px) rotate(-45deg);
  }
  50% {
	transform		: translateY(-8px) rotate(0);
  }
  100% {
	transform		: translateY(0) rotate(0);
  }
}

header .header .hbg-box .hbg-menu.active span:nth-of-type(1) {
	animation		: active-menu-bar01 0.75s forwards;
}

@keyframes active-menu-bar01 {
  0% {
	transform		: translateY(0) rotate(0);
  }
  50% {
	transform		: translateY(8px) rotate(0);
  }
  100% {
	transform		: translateY(8px) rotate(45deg);
  }
}

header .header .hbg-box .hbg-menu.active span:nth-of-type(2) {
	opacity			: 0;
}

header .header .hbg-box .hbg-menu.active span:nth-of-type(3) {
	animation		: active-menu-bar03 0.75s forwards;
}

@keyframes active-menu-bar03 {
  0% {
	transform		: translateY(0) rotate(0);
  }
  50% {
	transform		: translateY(-8px) rotate(0);
  }
  100% {
	transform		: translateY(-8px) rotate(-45deg);
  }
}

/*------【Top Menu】----------------------------*/

header .header-nav .header-menu-nav {
	position		: fixed;
	width			: 100%;
	left			: -100%;
	text-align		: center;
	background-color	: #eef7f9;
	transition		: left 0.5s ease;
}

header .header-nav .header-menu-nav.open {
	left			: 0;
}

header .header-nav .header-menu-nav ul li a {
	display			: block;
	font-weight		: bolder;
	text-decoration		: none;
	color			: #477684;
	border-width		: 0 0 1px 0;
	border-style		: dotted;
	border-color		: #cccccc;
	margin			: 0;
	padding			: 2em;
}

/*------【Top Contact】-------------------------*/

header .header-contact {
	display			: block;
	position		: fixed;
	bottom			: 0;
	width			: 100%;
	margin			: 0;
	padding			: 0;
}

header .header-contact .label {
	display			: flex;
	align-items		: center;
	justify-content		: center;
	height			: 50px;
	font-size		: 1.3em;
	color			: #ffffff;
	background-color	: #0068b4;
	margin			: 0;
	padding			: 0;
}

header .header-contact .label:hover {
	background-color	: #4b0082;
	transition		: 0.25s;
}

/*++++++++++++++++++++++++++++++++++++++++++++++*/
/* @media screen 576px				*/
/*++++++++++++++++++++++++++++++++++++++++++++++*/

@media screen and (min-width: 576px) {


}/***** END 576px *****/

/*++++++++++++++++++++++++++++++++++++++++++++++*/
/* @media screenl 769px				*/
/*++++++++++++++++++++++++++++++++++++++++++++++*/

@media screen and (min-width: 768px) {


}/***** END 768px *****/

/*++++++++++++++++++++++++++++++++++++++++++++++*/
/* @media screen 992px				*/
/*++++++++++++++++++++++++++++++++++++++++++++++*/

@media screen and ( min-width : 992px ) {

/*------【Setting】-----------------------------*/

header {
	display			: grid;
	align-items		: center;
	grid-gap		: 0;
	grid-template-columns	: 240px 1fr 180px;
	align-items		: center;
	background-color	: rgb(255 255 255 / 0.7);
	transition		: 0.5s;
}

header .header {
	grid-column		: 1 / 2;
	grid-row		: 1 / 2;
}

header .header-nav {
	grid-column		: 2 / 3;
	grid-row		: 1 / 2;
}

header .header-contact {
	grid-column		: 3 / 4;
	grid-row		: 1 / 2;
}

header .header .hbg-box {
	display			: none;
}

.is-animation {
	background-color	: rgb(255 255 255 / 1);
	transition		: 0.5s;
}

.is-animation:hover {
	transition		: 0.5s;
}

/*------【Top Menu】----------------------------*/

/***** 初期化 *****/

header .header-nav .header-menu-nav {
	position		: static;
	left			: auto;
	text-align		: center;
	background-color	: transparent;
	transition		: none;
	transform		: none;
	margin			: 0 auto 0 auto;
	padding			: 0;
}

header .header-nav .header-menu-nav.open {
	left			: auto;
}

header .header-nav .header-menu-nav ul li a {
	display			: initial;
	font-weight		: normal;
	color			: #000000;
	border-width		: 0;
	border-style		: none;
	border-color		: transparent;
	margin			: 0;
	padding			: 0;
}

/***** ここまで *****/

header .header-nav {
	font-size		: 1.0em;
	margin			: 0 auto 0 auto;
	padding			: 0;
}

header .header-nav .header-menu-nav {
	margin			: 0;
	padding			: 0;
}

header .header-nav .header-menu-nav .nav {
	display			: flex;
	position		: relative;
	list-style-type		: none;
	margin			: 0;
	padding			: 0;
}

header .header-nav .header-menu-nav .nav:before,
header .header-nav .header-menu-nav .nav:after {
	content			: "";
}

header .header-nav .header-menu-nav .nav li {
	position		: relative;
	line-height		: 36px;
	text-align		: center;
	margin			: 0;
	padding			: 0;
}

header .header-nav .header-menu-nav .nav li a {
	display			: block;
	text-decoration		: none;
	margin			: 0;
	padding			: 0 10px 0 10px;
}

header .header-nav .header-menu-nav .nav li a:hover {
	color			: #000000;
}

header .header-nav .header-menu-nav .nav li a:before {
	content			: "";
	position		: absolute;
	left			: 5%;
	bottom			: 3px;
	width			: 90%;
	height			: 2px;
	background-color	: #555555;
	transform		: scale(0, 1);
	transition		: 0.4s;
}

header .header-nav .header-menu-nav .nav li a:hover:before {
	transform		: scale(1);
}

header .header-nav .header-menu-nav .current-menu-item:before,
header .header-nav .header-menu-nav .current-menu-parent:before {
	content			: "";
	position		: absolute;
	left			: 5%;
	bottom			: 3px;
	width			: 90%;
	height			: 2px;
	background-color	: #555555;
}

header .header-nav .header-menu-nav ul li.menu-item-has-children > a::after {
	content			: '';
	display			: inline-block;
	width			: 6px;
	height			: 6px;
	border-width		: 0 1px 1px 0;
	border-style		: solid;
	border-color		: #ffffff;
	transform		: rotate(45deg);
	margin			: 0 0 0 5px;
}

/*------【Top Contact】-------------------------*/

header .header-contact {
	position		: static;
	top			: auto; 
	right			: auto;
	height			: 100%;
}

header .header-contact .label {
	height			: 100%;
	font-size		: 1.2em;
}

}/***** END 992px *****/

/*++++++++++++++++++++++++++++++++++++++++++++++*/
/* @media screen 1200px				*/
/*++++++++++++++++++++++++++++++++++++++++++++++*/

@media screen and ( min-width : 1200px ) {

/*------【Top Menu】----------------------------*/

header .header-nav .header-menu-nav .nav li a {
	display			: block;
	text-decoration		: none;
	margin			: 0;
	padding			: 0 15px 0 15px;
}

}/***** END 1200px *****/

/************************************************/
/*						*/
/*	【Home Contents】			*/
/*						*/
/************************************************/

/*------【Front Page Setting】------------------*/

.front-main-area {
	margin			: 0;
	padding			: 0;
}

.front-main-area h2 {
	font-size		: 1.5em;
	border-width		: 0 0 1px 0;
	border-style		: solid;
	border-color		: #c71585;
	margin			: 0 0 50px 0;
	padding			: 0 0 10px 0;
}

/*------【Top Images】--------------------------*/

.top-img {
	position		: relative;
	margin			: 70px 0 0 0;
	padding			: 0;
}

.top-img .top-img-text {
	position		: absolute;
	top			: 50%;
	left			: 50%;
	width			: 100%;
	z-index			: 100;
	transform		: translate(-50%,-50%);
	text-align		: center;
	margin			: 0;
}

.top-img .top-img-text .text-01 {
	line-height		: 1.2em;
	text-shadow		: 1px 1px 3px #000000;
	font-size		: 1.6em;
	font-weight		: bolder;
	color			: #ee82ee;
}

.top-img .top-img-text .text-02 {
	line-height		: 1.2em;
	text-shadow		: 1px 1px 3px #000000;
	font-size		: 1.0em;
	font-weight		: normal;
	color			: #ffffff;
	margin			: 20px 0 0 0;
}

.slider {
	margin			: 0;
	padding			: 0;
}

.slider-img {
	margin			: 0;
	padding			: 0;
}

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

@keyframes zoomUp {
	0% {
		transform	: scale(1);
	}
	100% {
		transform	: scale(1.15);
	}
}

.add-animation {
	animation		: zoomUp 10s linear 0s normal both;
}

/*------【Intoro】------------------------------*/

.intro-area {
	text-align		: center;
	margin			: 0;
	padding			: 50px 0 50px 0;
}

.intro {
	margin			: 0;
	padding			: 0;
}

.intro .intro-txt-01 {
	font-size		: 1.5em;
	color			: #0000ff;
	margin			: 0;
	padding			: 0;
}

.intro .intro-txt-02 {
	line-height		: 2.0em;
	margin			: 3.0em 0 0 0;
	padding			: 0;
}

.intro .intro-txt-02 span {
	display			: inline-block;
	text-align		: left;
}

/*------【Training Methods】--------------------*/

.methods-area {
	text-align		: center;
	background-color	: #f7f7f7;
	margin			: 0;
	padding			: 50px 0 50px 0;
}

.methods-area h2.methods-h2 {
	margin			: 0;
}

.methods-area h3.methods-h3 {
	font-weight		: normal;
	color			: #404040;
	margin			: 5px 0 50px 0;
}

.methods-area .link-box {
	margin			: 50px auto 0 auto;
}

.methods {
	margin			: 0;
	padding			: 0;
}

.methods img {
	width			: 100%;
	height			: auto;
}

.methods .methods-box {
	color			: #404040;
	background-color	: #ffffff;
	box-shadow		: 2px 2px 6px rgb(0 0 0 / 0.3);
	margin			: 0 0 50px 0;
	padding			: 0 0 30px 0;
}

.methods .methods-box:last-child {
	margin			: 0;
}

.methods .methods-box .methods-img {
	margin			: 0;
	padding			: 0;
}

.methods .methods-box .methods-tit {
	font-size		: 1.1em;
	margin			: 20px 15px 0 15px;
	padding			: 0;
}

.methods .methods-box .methods-txt {
	text-align		: left;
	margin			: 20px 0 0 0;
	padding			: 0 15px 0 15px;
}

/*------【Training】----------------------------*/

.training-area {
	text-align		: center;
	margin			: 0;
	padding			: 50px 0 50px 0;
}

.training-area h2.training-h2 {
	margin			: 0;
}

.training-area h3.training-h3 {
	font-weight		: normal;
	color			: #404040;
	margin			: 5px 0 50px 0;
}

.training-area .link-box {
	margin			: 50px auto 0 auto;
}

.training {
	margin			: 0;
	padding			: 0;
}

.training img {
	width			: 100%;
	height			: auto;
}

.training .training-box {
	color			: #404040;
	background-color	: #ffffff;
	box-shadow		: 2px 2px 6px rgb(0 0 0 / 0.3);
	margin			: 0 0 50px 0;
	padding			: 0 0 30px 0;
}

.training .training-box:last-child {
	margin			: 0;
}

.training .training-box .training-img {
	margin			: 0;
	padding			: 0;
}

.training .training-box .training-tit {
	font-size		: 1.1em;
	margin			: 20px 15px 0 15px;
	padding			: 0;
}

.training .training-box .training-txt {
	text-align		: left;
	margin			: 20px 0 0 0;
	padding			: 0 15px 0 15px;
}

/*------【Application】-------------------------*/

.application-area {
	background-image	: url('../images/application-bg-s.png');
	background-repeat	: repeat-y ;
	background-size		: cover ;
	background-attachment	: fixed ;
	background-position	: center ;
	padding			: 50px 0 50px 0;
}

.application-area h2.application-h2 {
	color			: #ffffff;
	border-width		: 0 0 1px 0;
	border-style		: solid;
	border-color		: #e0ebaf;
	margin			: 0;
}

.application-area h3.application-h3 {
	font-weight		: normal;
	color			: #ffffff;
	margin			: 5px 0 50px 0;
}

.application {
	margin			: 0;
	padding			: 0;
}

.application .application-txt {
	display			: none;
}

.application .application-us {
	margin			: 0;
	padding			: 0;
}

.application .application-us .area-l {
	color			: #ffffff;
	border-width		: 1px 1px 1px 1px;
	border-style		: solid;
	border-color		: #ffffff;
	border-radius		: 3px;
	background-color	: rgba(0,0,0,0.3);
	margin			: 0 30px 0 30px;
	padding			: 5px 0 5px 0;
}

.application .application-us .area-m,
.application .application-us .area-r {
	color			: #ffffff;
	border-width		: 1px 1px 1px 1px;
	border-style		: solid;
	border-color		: #ffffff;
	border-radius		: 3px;
	background-color	: rgba(0,0,0,0.3);
	margin			: 30px 30px 0 30px;
	padding			: 5px 0 5px 0;
}

.application .application-us .label {
	font-size		: 1.0em;
	font-weight		: bolder;
	color			: #e6e6fa;
	margin			: 0 0 5px 0;
	padding			: 0;
}

.application .application-us .goto {
	margin			: 0 0 5px 0;
	padding			: 0;
}

.application .application-us .goto a .nolink {
	font-size		: 1.5em;
	font-weight		: bolder;
	margin			: 0;
	padding			: 0;
}

.application .application-us .goto a .nolink {
	color			: #ffffff;
}

.application .application-us .goto a .link {
	display			: inline-block;
	font-size		: 1.0em;
	background-color	: #ffffff;
	transition		: 0.25s;
	margin			: 0;
	padding			: 5px 10px 5px 10px;
}

.application .application-us .goto a .link:hover {
	opacity			: 0.8;
}

.application .application-us .goto a .link{
	color			: #000000;
}

.application .application-us .time {
	font-size		: 1.0em;
	margin			: 0;
	padding			: 0;
}

/*------【Information】-------------------------*/

.information-area {
	margin			: 0;
	padding			: 50px 0 50px 0;
}

.information-area h2.information-h2 {
	margin			: 0;
}

.information-area h3.information-h3 {
	font-weight		: normal;
	color			: #404040;
	margin			: 5px 0 50px 0;
}

.information-area .link-box {
	margin			: 50px auto 0 auto;
}

.information {
	margin			: 0;
	padding			: 0;
}

.information .information-box {
	background-color	: #ffffff;
	box-shadow		: 2px 2px 6px rgb(0 0 0 / 0.3);
	margin			: 0 0 50px 0;
	padding			: 0;
}

.information .information-box:last-child {
	margin			: 0;
}

.information .information-box .information-img-box {
	position		: relative;
	margin			: 0;
	padding			: 0;
}

.information .information-box .information-img-box .information-img {
	margin			: 0;
	padding			: 0;
}

.information .information-box .information-img-box .information-img::before{
	content			: "";
	display			: block;
	padding-top		: 100%;
}

.information .information-box .information-img-box .information-img img {
	position		: absolute;
	top			: 0;
	left			: 0;
	width			: 100%;
	height			: 100%;
	object-fit		: cover;
}

.information .information-box .information-img-box .information-inf {
	position		: absolute;
	display			: grid;
	align-items		: center;
	grid-gap		: 0px 0px;
	grid-template-columns	: 1fr 1fr;
	grid-template-rows	: auto;
	bottom			: 0px;
	left			: 0px;
	margin			: 0;
	padding			: 0;
}

.information .information-box .information-img-box .information-inf .information-tim {
	color			: #ffffff;
	background-color	: rgb(0 0 0 / 0.8);
	margin			: 0;
	padding			: 20px 20px 20px 20px;
}

.information .information-box .information-img-box .information-inf .information-cat {
	background-color	: rgb(255 255 255 / 0.8);
	margin			: 0;
	padding			: 20px 20px 20px 20px;
}

.information .information-box .information-txt-box {
	margin			: 0;
	padding			: 30px 20px 30px 20px;
}

.information .information-box .information-txt-box span.information-txt {
	display			: inline-block;
	text-align		: left;
}

/*++++++++++++++++++++++++++++++++++++++++++++++*/
/* @media screen 576px				*/
/*++++++++++++++++++++++++++++++++++++++++++++++*/

@media screen and (min-width: 576px) {


}/***** END 576px *****/

/*++++++++++++++++++++++++++++++++++++++++++++++*/
/* @media screenl 769px				*/
/*++++++++++++++++++++++++++++++++++++++++++++++*/

@media screen and (min-width: 768px) {

/*------【Top Images】--------------------------*/

.top-img .top-img-text {
	line-height		: 5.0em;
}

.top-img .top-img-text .text-01 {
	font-size		: 3.0em;
}

.top-img .top-img-text .text-02 {
	font-size		: 2.0em;
}

/*------【Intoro】------------------------------*/

.intro-area {
	padding			: 150px 0 150px 0;
}

/*------【Training Methods】--------------------*/

.methods-area {
	padding			: 100px 0 100px 0;
}

.methods-area .link-box {
	margin			: 100px auto 0 auto;
}

.methods {
	display			: grid;
	grid-gap		: 0px 50px;
	grid-template-columns	: 1fr 1fr;
	grid-template-rows	: auto;
}

.methods .methods-box,
.methods .methods-box:last-child {
	margin			: 0 10px 0 10px;
}

.methods .methods-box .methods-tit {
	font-size		: 1.2em;
}

/*------【Training】----------------------------*/

.training-area {
	padding			: 100px 0 100px 0;
}

.training-area .link-box {
	margin			: 100px auto 0 auto;
}

.training {
	display			: grid;
	grid-gap		: 0px 50px;
	grid-template-columns	: 1fr 1fr 1fr;
	grid-template-rows	: auto;
}

.training .training-box,
.training .training-box:last-child {
	margin			: 0 10px 0 10px;
}

.training .training-box .training-tit {
	font-size		: 1.2em;
}

/*------【Application】-------------------------*/

.application-area {
	background-image	: url('../images/application-bg-l.png');
	padding			: 100px 0 100px 0;
}

.application .application-txt {
	display			: inline;
	color			: #ffffff;
	margin			: 0;
	padding			: 0;
}

.application .application-us {
	display			: grid;
	grid-gap		: 0px 20px;
	grid-template-columns	: 1fr 1fr 1fr;
	grid-template-rows	: auto;
	margin			: 50px 0 0 0;
	padding			: 0;
}

.application .application-us .area-l {
	margin			: 0;
	padding			: 20px 0 20px 0;
}

.application .application-us .area-m {
	margin			: 0;
	padding			: 20px 0 20px 0;
}

.application .application-us .area-r {
	margin			: 0;
	padding			: 20px 0 20px 0;
}

.application .application-us .label {
	font-size		: 1.1em;
	margin			: 0 0 15px 0;
}

.application .application-us .goto {
	margin			: 0 0 15px 0;
}

.application .application-us .goto .nolink {
	font-size		: 2.0em;
	padding			: 8px 0 8px 0;
}

.application .application-us .goto .link {
	font-size		: 1.2em;
	padding			: 7px 15px 7px 15px;
}

/*------【Information】-------------------------*/

.information-area {
	padding			: 100px 0 100px 0;
}

.information-area .link-box {
	margin			: 100px auto 0 auto;
}

.information {
	display			: grid;
	grid-gap		: 50px 50px;
	grid-template-columns	: 1fr 1fr;
	grid-template-rows	: auto;
}

.information .information-box,
.information .information-box:last-child {
	margin			: 0 10px 0 10px;
}

.information .information-box .information-img-box .information-inf .information-tim {
	padding			: 15px 15px 15px 15px;
}

.information .information-box .information-img-box .information-inf .information-cat {
	padding			: 15px 15px 15px 15px;
}

}/***** END 768px *****/

/*++++++++++++++++++++++++++++++++++++++++++++++*/
/* @media screen 992px				*/
/*++++++++++++++++++++++++++++++++++++++++++++++*/

@media screen and ( min-width : 992px ) {

/*------【Top Images】--------------------------*/

.top-img {
	margin			: 0;
}

.top-img .top-img-text {
	margin			: 70px 0 0 0;
}

/*------【Training Methods】--------------------*/

.methods .methods-box,
.methods .methods-box:last-child {
	margin			: 0;
}

/*------【Training】----------------------------*/

.training .training-box,
.training .training-box:last-child {
	margin			: 0;
}

/*------【Information】-------------------------*/

.information-area {
	padding			: 100px 0 100px 0;
}

.information {
	grid-template-columns	: 1fr 1fr 1fr;
}

.information .information-box,
.information .information-box:last-child {
	margin			: 0;
}

}/***** END 992px *****/

/*++++++++++++++++++++++++++++++++++++++++++++++*/
/* @media screen 1200px				*/
/*++++++++++++++++++++++++++++++++++++++++++++++*/

@media screen and ( min-width : 1200px ) {

/*------【Application】-------------------------*/

.application .application-txt {
	line-height		: 1.8em;
	font-size		: 1.2em;
}

.application .application-us {
	grid-gap		: 0px 50px;
}

.application .application-us .label {
	font-size		: 1.4em;
	margin			: 0 0 15px 0;
}

}/***** END 1200px *****/

/************************************************/
/*						*/
/*	【Footer】				*/
/*						*/
/************************************************/

/*------【Footer Setting】----------------------*/

footer {
	width			: 100%;
	text-align		: center;
	color			: #dcdcdc;
	background-color	: #231818;
	margin			: 0;
	padding			: 0;
}

/*------【Footer SNS】--------------------------*/

footer .footer-sns-area {
	display			: flex;
	justify-content		: center;
	align-items		: center;
	margin			: 30px 0 0 0;
	padding			: 0;
}

footer .footer-sns-area .footer-sns-img,
footer .footer-sns-area .footer-sns-icon {
	width			: 70px;
	text-align		: center;
	margin			: 0;
	padding			: 0;
}

footer .footer-sns-area .footer-sns-icon a {
	color			: #dcdcdc;
	transition		: 0.25s;
}

footer .footer-sns-area .footer-sns-icon a:hover {
	text-decoration		: none;
	opacity			: 0.5;
}

footer .footer-sns-area .footer-sns-img img {
	width			: 42%;
	height			: auto;
}

/*------【Footer Menu】-------------------------*/

footer .footer-nav {
	text-align		: left;
	margin			: 0;
	padding			: 0;
}

footer .footer-nav ul {
	margin-left		: 30px;
	padding			: 0;
}

footer .footer-nav ul li {
	margin			: 0;
	padding-top		: 20px;
}

footer .footer-nav ul li a {
	color			: #dcdcdc;
	transition		: 0.25s;
}

footer .footer-nav ul li a:hover {
	color			: #9acd32;
	text-decoration		: none;
	transition		: 0.25s;
}

/*------【Footer Logo】-------------------------*/

footer .footer-logo {
	font-size		: 1.2em;
	margin			: 30px 0 0 0;
	padding			: 0;
}

footer .footer-logo a {
	color			: #dcdcdc;
}

footer .footer-logo a:hover {
	color			: #9acd32;
	transition		: 0.25s;
}

footer .footer-logo img {
	width			: 250px;
	height			: auto;
}

/*------【Footer Address】----------------------*/

footer .footer-address {
	text-align		: center;
	margin			: 20px 0 0 0;
	padding			: 0;
}

/*------【Footer Contact】----------------------*/

footer .footer-contact {
	border-width		: 1px 1px 1px 1px;
	border-style		: solid;
	border-color		: #d7a98c;
	margin			: 30px 10px 0 10px;
	padding			: 20px 0 20px 0;
}

footer .footer-contact .footer-contact-txt {
	margin			: 0 0 20px 0;
}

footer .footer-contact .footer-contact-tel {
	font-size		: 2.0em;
}

footer .footer-contact .footer-contact-tel a {
	color			: #d7a98c;
}

/*------【Copyright】---------------------------*/

footer .copyright {
	padding			: 30px 0 10px 0;
}

/*++++++++++++++++++++++++++++++++++++++++++++++*/
/* @media screen 576px				*/
/*++++++++++++++++++++++++++++++++++++++++++++++*/

@media screen and (min-width: 576px) {

/*------【Footer Logo】-------------------------*/

footer .footer-logo {
	font-size		: 1.5em;
}

footer .footer-contact {
	width			: 500px;
	margin			: 30px auto 0 auto;
}

}/***** END 576px *****/

/*++++++++++++++++++++++++++++++++++++++++++++++*/
/* @media screen 992px				*/
/*++++++++++++++++++++++++++++++++++++++++++++++*/

@media screen and (min-width: 992px) {

/*------【Footer Menu】-------------------------*/

footer .footer-nav ul {
	display			: flex;
	justify-content		: center;
	margin			: 30px 0 0 0;
	padding			: 0;
}

footer .footer-nav ul li {
	padding			: 0 15px 0 15px;
}

/*------【Copyright】---------------------------*/

footer .copyright {
	padding			: 30px 0 20px 0;
}

}/***** END 992px *****/

/************************************************/
/*						*/
/*	【Page】				*/
/*						*/
/************************************************/

/*------【Page Setting】------------------------*/

.page-main-area {
	text-align		: center;
	margin			: 0;
	padding			: 0;
}

.page-section-area {
	margin			: 0;
	padding			: 0;
}

.page-area {
	margin			: 0 auto 0 auto;
	padding			: 0;
}

.page-area .page-table {
	margin			: 0;
	padding			: 0;
}

.page-area .page-table .page-table-tr {
	display			: grid;
	align-items		: center;
	grid-gap		: 0px;
	grid-template-columns	: 1fr 1fr;
	grid-template-rows	: auto;
	border-width		: 0 1px 1px 1px;
	border-style		: solid;
	border-color		: #d3d3d3;
	margin			: 0;
	padding			: 0;
}

.page-area .page-table .page-table-tr:first-child {
	border-width		: 1px 1px 1px 1px;
}

.page-area .page-table .page-table-th {
	display			: flex;
	align-items		: center;
	grid-column		: 1 / 2;
	background-color	: #f5f5f5;
	border-width		: 0 1px 0 0;
	border-style		: solid;
	border-color		: #d3d3d3;
}

.page-area .page-table .page-table-td {
	display			: flex;
	align-items		: center;
	grid-column		: 2 / 3;
}

.page-area .page-table .page-table-th,
.page-area .page-table .page-table-td {
	height			: 100%;
	text-align		: left;
	margin			: 0;
	padding			: 1.0em 1.0em 1.0em 1.0em;
}

.page-area .page-table .page-table-th img,
.page-area .page-table .page-table-td img {
	width			: 100%;
	height			: auto;
}

.page-area h2 {
	line-height		: 1.2em;
	font-size		: 1.0em;
	color			: #ffffff;
	margin			: 0;
	padding			: 0;
}

.page-area h3 {
	line-height		: 1.2em;
	text-align		: left;
	font-size		: 1.25em;
	border-width		: 0 0 0 10px;
	border-style		: solid;
	border-color		: #0068b4;
	margin			: 0 0 20px 0;
	padding			: 5px 0 5px 10px;
}

.page-area .white a {
	color			: #ffffff;
}

.page-area a:link,
.page-area a:visited,
.page-area a:active {
	text-decoration		: underline;
}

.page-area a:hover {
	color			: #9acd32;
	text-decoration		: underline;
}

/*------【Page Title】--------------------------*/

.page-area .page-title-area {
	display			: flex;
	justify-content		: center;
	align-items		: center;
	width			: 100%;
	background-image	: url('../images/page-header-l.png');
	background-size		: cover;
	aspect-ratio		: 3 / 1;
	margin			: 70px 0 0 0;
	padding			: 0;
}

.page-area .page-title-area .page-title {
	margin			: 0;
	padding			: 0;
}

/*------【About School】------------------------*/

.page-area .page-school-area {
	margin			: 50px 0 50px 0;
	padding			: 0;
}

/*------【About US】----------------------------*/
/*------【Facility Introduction】---------------*/

.page-area .page-about-area {
	margin			: 0;
	padding			: 0;
}

.page-area .page-facility-area {
	margin			: 50px 0 0 0;
	padding			: 0;
}

.page-area .page-about,
.page-area .page-facility {
	margin			: 0;
	padding			: 0;
}


.page-area .page-about img,
.page-area .page-facility img {
	width			: 100%;
	height			: auto;
}

.page-area .page-about .page-about-txt,
.page-area .page-facility .page-facility-txt {
	text-align		: left;
	margin			: 0;
	padding			: 0;
}

.page-area .page-about .page-about-img,
.page-area .page-facility .page-facility-img {
	display			: grid;
	grid-gap		: 20px 20px;
	grid-template-columns	: 1fr 1fr;
	grid-template-rows	: auto;
	margin			: 30px 0 0 0;
	padding			: 0;
}

/*------【Introducing The CEO】-----------------*/

.page-area .page-ceo-area {
	margin			: 50px 0 0 0;
	padding			: 0;
}

.page-area .page-ceo {
	margin			: 0;
	padding			: 0;
}

.page-area .page-ceo .page-ceo-title {
	display			: grid;
	grid-gap		: 0px 20px;
	grid-template-columns	: 40% 1fr;
	grid-template-rows	: auto;
	align-items		: center;
	margin			: 0;
	padding			: 0;
}

.page-area .page-ceo .page-ceo-title .page-ceo-img {
	margin			: 0;
	padding			: 0;
}

.page-area .page-ceo .page-ceo-title .page-ceo-img img {
	width			: 100%;
	height			: auto;
}

.page-area .page-ceo .page-ceo-title .page-ceo-txt {
	margin			: 0;
	padding			: 0;
}

.page-area .page-ceo .page-ceo-title .page-ceo-txt .text-01 {
	font-size		: 1.0em;
	margin			: 0;
	padding			: 0;
}

.page-area .page-ceo .page-ceo-title .page-ceo-txt .text-02 {
	font-size		: 1.0em;
	margin			: 0;
	padding			: 0;
}

.page-area .page-ceo .page-ceo-title .page-ceo-txt .text-03 {
	width			: 200px;
	line-height		: 100%;
	font-size		: 1.5em;
	border-width		: 0 0 1px 0;
	border-style		: solid;
	border-color		: #999999;
	margin			: 20px auto 5px auto;
	padding			: 0 0 5px 0;
}

.page-area .page-ceo .page-ceo-title .page-ceo-txt .text-04 {
	margin			: 0;
	padding			: 0;
}

.page-area .page-ceo .cont {
	text-align		: left;
	margin			: 50px 0 0 0;
	padding			: 0;
}

.page-area .page-ceo .cont .qual-tit {
	font-size		: 1.2em;
	margin			: 0 0 10px 0;
	padding			: 0;
}

.page-area .page-ceo .cont ul {
	list-style-position	: inside;
}

.page-area .page-ceo .cont ul li {
	text-indent		: -1.0em;
	border-width		: 0 0 1px 0;
	border-style		: solid;
	border-color		: #deb887;
	padding			: 10px 0 10px 1.0em;
}

.page-area .page-ceo .cont ul.qual-lst {
	margin			: 0;
	padding			: 0;
}

.page-area .page-ceo .cont ul.qual-lst ul.qual-lstlst {
	list-style-type		: circle;
	margin			: 0 0 0 1.0em;
	padding			: 0;
}

/*------【Company Profile】---------------------*/

.page-area .page-profile-area {
	margin			: 50px 0 0 0;
	padding			: 0;
}

.page-area .page-profile {
	margin			: 0;
	padding			: 0;
}

.page-area .page-profile .page-table .page-table-tr {
	grid-template-columns	: 30% 1fr;
}

.page-area .page-profile .page-table .page-table-tr .page-table-th {
	justify-content		: center;
}

/*------【Access】------------------------------*/

.page-area .page-access-area {
	margin			: 50px 0 0 0;
	padding			: 0;
}

.page-area .page-access {
	margin			: 0;
	padding			: 0;
}

.page-area .page-access iframe {
	width			: 100%;
	height			: 300px;
}

/*------【Training Methods】--------------------*/
/*------【Training】----------------------------*/
/*------【Reservation】-------------------------*/

.page-area .page-training-area,
.page-area .page-reservation-area {
	margin			: 50px 0 50px 0;
	padding			: 0;
}

.page-area .page-training,
.page-area .page-reservation {
	margin			: 0;
	padding			: 0;
}

.page-area .page-training img {
	object-fit		: cover;
	width			: 100%;
	height			: 100%;
}

.page-area .page-training .back-area-singular .page-training-intro,
.page-area .page-reservation .back-area-singular .page-reservation-intro {
	text-align		: center;
	margin			: 0;
	padding			: 0;
}

.page-area .page-training .back-area-singular .page-training-intro .page-training-intro-tit,
.page-area .page-reservation .back-area-singular .page-reservation-intro .page-reservation-intro-tit {
	max-width		: 800px;
	line-height		: 1.2em;
	font-size		: 1.25em;
	font-weight		: bolder;
	color			: #0000ff;
	border-width		: 0 0 1px 0;
	border-style		: solid;
	border-color		: #a9a9a9;
	margin			: 0 auto 0 auto;
	padding			: 0 0 10px 0;
}

.page-area .page-training .back-area-singular .page-training-intro .page-training-intro-eng,
.page-area .page-reservation .back-area-singular .page-reservation-intro .page-reservation-intro-eng {
	color			: #404040;
	margin			: 5px 0 0 0;
	padding			: 0;
}

.page-area .page-training .back-area-singular .page-training-intro .page-training-intro-exp,
.page-area .page-reservation .back-area-singular .page-reservation-intro .page-reservation-intro-exp {
	line-height		: 1.2em;
	text-align		: center;
	margin			: 30px 0 0 0;
	padding			: 0;
}

@media screen and (max-width: 767px) {

.page-area .page-training .back-area-plural,
.page-area .page-reservation .back-area-plural {
	background-color	: #ffffff;
}

}/***** END 767px *****/

.page-area .page-training .back-area-plural .page-training-box {
	overflow		: hidden;
	background-color	: #ffffff;
	box-shadow		: 2px 2px 6px rgb(0 0 0 / 0.3);
	margin			: 50px 0 0 0;
	padding			: 0;
}

.page-area .page-training .back-area-plural:first-child .page-training-box {
	margin			: 0;
}

.page-area .page-training .back-area-plural .page-training-box .page-training-img {
	margin			: 0;
	padding			: 0;
}

.page-area .page-training .back-area-plural .page-training-box .page-training-txt {
	margin			: 0;
	padding			: 0;
}

.page-area .page-training .back-area-plural .page-training-box .page-training-txt .page-training-tit {
	margin			: 20px 15px 0 15px;
	padding			: 5px 0 5px 10px;
}

.page-area .page-training .back-area-plural .page-training-box .page-training-txt .page-training-sub {
	line-height		: 1.2em;
	font-size		: 1.1em;
	text-align		: left;
	color			: #9400d3;
	margin			: 20px 15px 0 15px;
	padding			: 0;
}

.page-area .page-training .back-area-plural .page-training-box .page-training-txt .page-training-cnt {
	text-align		: left;
	margin			: 20px 15px 30px 15px;
	padding			: 0;
}

.page-area .page-training .back-area-plural .page-training-box .page-training-txt .page-training-prc {
	margin			: 0 25px 30px 25px;
}

.page-area .page-training .back-area-plural .page-training-box .page-training-txt .page-training-prc .page-table-th {
	justify-content		: center;
}

.page-area .page-training .back-area-plural .page-training-box .page-training-txt .page-training-prc .page-table-td {
	justify-content		: center;
}

.page-area .page-training .back-area-plural .page-training-box .page-training-txt .page-training-prc .page-training-exp {
	text-align		: left;
}

/*------【Reservation】-------------------------*/

.page-area .page-reservation img {
	width			: 100%;
	height			: auto;
}

.page-area .page-reservation .back-area-plural .page-reservation-course {
	margin			: 0;
	padding			: 0;
}

.page-area .page-reservation .back-area-plural .page-reservation-course .page-reservation-box {
	box-shadow		: 2px 2px 6px rgb(0 0 0 / 0.3);
	margin			: 50px 0 0 0;
	padding			: 0;
}

.page-area .page-reservation .back-area-plural .page-reservation-course .page-reservation-box a {
	text-decoration		: none;
	color			: #404040;
}

.page-area .page-reservation .back-area-plural .page-reservation-course .page-reservation-box a:hover {
	color			: #ccc;
	text-decoration		: none;
	transition		: 0.25s;
}

.page-area .page-reservation .back-area-plural .page-reservation-course .page-reservation-box .page-reservation-inn {
	background-color	: #ffffff;
	margin			: 0;
	padding			: 0 0 30px 0;
}

.page-area .page-reservation .back-area-plural .page-reservation-course .page-reservation-box .page-reservation-inn  .page-reservation-img {
	margin			: 0;
	padding			: 0;
}

.page-area .page-reservation .back-area-plural .page-reservation-course .page-reservation-box .page-reservation-inn  .page-reservation-txt {
	line-height		: 1.4em;
	font-size		: 1.1em;
	margin			: 20px 15px 0 15px;
	padding			: 0;
}

/*------【Calendar】----------------------------*/

.page-area .page-calendar-area {
	margin			: 50px 0 50px 0;
	padding			: 0;
}

.page-area .page-calendar {
	margin			: 0;
	padding			: 0;
}

.page-area .page-calendar .page-calendar-box {
	max-width		: 800px;
	text-align		: left;
	margin			: 0 auto 0 auto;
	padding			: 0;
}

.page-area .page-calendar .page-calendar-box .page-calendar-intro {
	margin			: 0;
	padding			: 0;
}

.page-area .page-calendar .page-calendar-box .page-calendar-intro .font {
	color			: #0068b4
}

.page-area .page-calendar .page-calendar-box .page-calendar-form {
	margin			: 50px 0 0 0;
	padding			: 0;
}

/*
.page-area .page-calendar .page-calendar-box .page-calendar-form #booking-package_inputFormPanel .bottomBarPanel {
	width			: 300px;
	text-align		: center;
	margin			: 30px auto 0 auto;
	padding			: 0;
}

.page-area .page-calendar .page-calendar-box .page-calendar-form #booking-package_inputFormPanel .book_now_button,
.page-area .page-calendar .page-calendar-box .page-calendar-form #booking-package_inputFormPanel .return_form_button {
	border			: none;
	transition		: 0.25s;
	padding			: 1.0em 0 1.0em 0;
}

.page-area .page-calendar .page-calendar-box .page-calendar-form #booking-package_inputFormPanel .book_now_button:hover,
.page-area .page-calendar .page-calendar-box .page-calendar-form #booking-package_inputFormPanel .return_form_button:hover {
	cursor			: pointer;
	transition		: 0.25s;
}
*/

.page-area .page-calendar .page-calendar-box .page-calendar-form #booking-package_inputFormPanel .form_text {
	height			: 40px;
	box-shadow		: 1px 1px 3px rgb(0 0 0 / 0.2) inset;
	padding			: 0 10px 0 10px
}

.page-area .page-calendar .page-calendar-box .page-calendar-form #booking-package_inputFormPanel .form_textarea {
	height			: 100px;
	box-shadow		: 1px 1px 3px rgb(0 0 0 / 0.2) inset;
	padding			: 0 10px 0 10px
}

/*------【Contact】-----------------------------*/

@media (min-width:640px) {

.smf-form--business .smf-item__col--label {
	flex			: 0 0 20em;
	max-width		: 20em;
	text-align		: left;
}
.smf-form--business .smf-item__col--controls {
	flex			: 1 1 calc(100% - 20em);
	max-width		: calc(100% - 20em);
	text-align		: left;
}

}/***** END 640px *****/

.page-area .page-contact-area {
	margin			: 50px 0 50px 0;
	padding			: 0;
}

.page-area .page-contact {
	margin			: 0;
	padding			: 0;
}

.page-area .page-contact .page-contact-intro {
	text-align		: left;
	margin			: 0;
	padding			: 0;
}

.page-area .page-contact .page-contact-form {
	margin			: 50px 0 0 0;
	padding			: 0;
}

/*------【Privacy Policy】----------------------*/

.page-area .page-privacy-policy-area {
	margin			: 50px 0 50px 0;
	padding			: 0;
}

.page-area .page-privacy-policy {
	text-align		: left;
	margin			: 0;
	padding			: 0;
}

.page-area .page-privacy-policy dl.pp-dl {
	margin			: 1.0em 0 0 0;
	padding			: 0;
}

.page-area .page-privacy-policy dl.pp-dl dt {
	font-weight		: bolder;
	margin			: 2.0em 0 1.0em 0;
	padding			: 0;
}

.page-area .page-privacy-policy dl.pp-dl dd {
	margin			: 0;
	padding			: 0;
}

.page-area .page-privacy-policy ol.ol-type-1 {
	list-style		: none;
	counter-reset		: number;
}

.page-area .page-privacy-policy ol.ol-type-1 li {
	position		: relative;
	padding-left		: 1.0em;
}

.page-area .page-privacy-policy ol.ol-type-1 li::before {
	counter-increment	: number;
	content			: counter(number)'.';
	position		: absolute;
	left			: 0;
}

.page-area .page-privacy-policy ol.ol-type-2 {
	list-style		: none;
	counter-reset		: number;
}

.page-area .page-privacy-policy ol.ol-type-2 li {
	position		: relative;
	padding-left		: 2.0em;
}

.page-area .page-privacy-policy ol.ol-type-2 li::before {
	counter-increment	: number;
	content			: '('counter(number)')';
	position		: absolute;
	left			: 0;
}

.page-area .page-privacy-policy ul.ul-type-1 {
	list-style		: none;
	counter-reset		: number;
}

.page-area .page-privacy-policy ul.ul-type-1 li {
	position		: relative;
	padding-left		: 1.0em;
}

.page-area .page-privacy-policy ul.ul-type-1 li::before {
	counter-increment	: number;
	content			: '・';
	position		: absolute;
	left			: 0;
}

/*++++++++++++++++++++++++++++++++++++++++++++++*/
/* @media screen 576px				*/
/*++++++++++++++++++++++++++++++++++++++++++++++*/

@media screen and (min-width: 576px) {

/*------【Page Setting】------------------------*/

.page-area h2 {
	font-size		: 1.2em;
}

/*------【Introducing The CEO】-----------------*/

.page-area .page-ceo .page-ceo-title .page-ceo-txt .text-01 {
	margin			: 0 0 10px 0;
}

.page-area .page-ceo .page-ceo-title .page-ceo-txt .text-03 {
	font-size		: 1.8em;
}

}/***** END 576px *****/

/*++++++++++++++++++++++++++++++++++++++++++++++*/
/* @media screenl 769px				*/
/*++++++++++++++++++++++++++++++++++++++++++++++*/

@media screen and (min-width: 768px) {

/*------【Page Setting】------------------------*/

.page-area h2 {
	font-size		: 1.5em;
}

/*------【About US】----------------------------*/
/*------【Facility Introduction】---------------*/

.page-area .page-about .page-about-img,
.page-area .page-facility .page-facility-img {
	grid-template-columns	: 1fr 1fr 1fr;
}

/*------【Introducing The CEO】-----------------*/

.page-area .page-ceo .page-ceo-title .page-ceo-txt .text-01 {
	font-size		: 1.1em;
	margin			: 0 0 20px 0;
}

.page-area .page-ceo .page-ceo-title .page-ceo-txt .text-02 {
	font-size		: 1.1em;
	margin			: 0 0 20px 0;
}

.page-area .page-ceo .page-ceo-title .page-ceo-txt .text-03 {
	width			: 450px;
	font-size		: 3.0em;
	margin			: 50px auto 5px auto;
}

/*------【Training Methods】--------------------*/
/*------【Training】----------------------------*/
/*------【Reservation】-------------------------*/

.page-area .page-training-area,
.page-area .page-reservation-area {
	margin			: 0;
}

.page-area .page-training .back-area-singular,
.page-area .page-reservation .back-area-singular {
	padding			: 100px 20px 100px 20px;
}

.page-area .page-training .back-area-singular .page-training-intro .page-training-intro-exp,
.page-area .page-reservation .back-area-singular .page-reservation-intro .page-reservation-intro-exp {
	line-height		: 1.8em;
	font-size		: 1.1em;
	margin			: 50px 0 0 0;
}

.page-area .page-training {
	margin			: 0;
}

.page-area .page-training .back-area-plural {
	padding			: 100px 20px 100px 20px;
}

.page-area .page-training .back-area-plural .page-training-box {
	display			: grid;
	grid-gap		: 0px 0px;
	grid-template-rows	: auto;
	margin			: 0;
	padding			: 30px;
}

.page-area .page-training .back-area-plural:nth-child(even) .page-training-box {
	grid-template-columns	: 60% 1fr;

}

.page-area .page-training .back-area-plural:nth-child(odd) .page-training-box {
	grid-template-columns	: 1fr 60%;
}

.page-area .page-training .back-area-plural:last-child .page-training-box {
	margin			: 0;
}

.page-area .page-training .back-area-plural:nth-child(even) .page-training-box .page-training-img {
	grid-column		: 1 / 2;
	grid-row		: 1 / 2;
}

.page-area .page-training .back-area-plural:nth-child(even) .page-training-box .page-training-txt {
	grid-column		: 2 / 3;
	grid-row		: 1 / 2;
}

.page-area .page-training .back-area-plural:nth-child(odd) .page-training-box .page-training-img {
	grid-column		: 2 / 3;
	grid-row		: 1 / 2;
}

.page-area .page-training .back-area-plural:nth-child(odd) .page-training-box .page-training-txt {
	grid-column		: 1 / 2;
	grid-row		: 1 / 2;
}

.page-area .page-training .back-area-plural .page-training-box .page-training-txt .page-training-tit {
	margin			: 20px 20px 0 20px;
}

.page-area .page-training .back-area-plural .page-training-box .page-training-txt .page-training-sub {
	line-height		: 1.3em;
	font-size		: 1.2em;
	margin			: 20px 20px 0 20px;
}

.page-area .page-training .back-area-plural .page-training-box .page-training-txt .page-training-cnt {
	text-align		: left;
	margin			: 20px 20px 50px 20px;
}

.page-area .page-training .back-area-plural .page-training-box .page-training-txt .page-training-prc {
	margin			: 0 30px 30px 30px;
}

/*------【Reservation】-------------------------*/

.page-area .page-reservation .back-area-plural .page-reservation-course  {
	display			: grid;
	grid-gap		: 0px 50px;
	grid-template-columns	: 1fr 1fr 1fr;
	grid-template-rows	: auto;
	margin			: 0;
	padding			: 100px 20px 100px 20px;
}

.page-area .page-reservation .back-area-plural .page-reservation-course  .page-reservation-box {
	margin			: 0;
}

/*------【Calendar】----------------------------*/

.page-area .page-calendar-area {
	margin			: 100px 0 100px 0;
}

/*------【Privacy Policy】-----------------------*/

.page-area .page-privacy-policy-area {
	margin			: 100px 0 100px 0;
	padding			: 0;
}

}/***** END 769px *****/

/*++++++++++++++++++++++++++++++++++++++++++++++*/
/* @media screen 992px				*/
/*++++++++++++++++++++++++++++++++++++++++++++++*/

@media screen and ( min-width : 992px ) {

/*------【Page Setting】------------------------*/

.page-area .table .page-th,
.page-area .table .page-td {
	padding			: 1.0em;
}

.page-area h2 {
	font-size		: 2.0em;
}

/*------【Page Title】--------------------------*/

.page-area .page-title-area {
	background-image	: url('../images/page-header-s.png');
	aspect-ratio		: 9 / 2;
	margin			: 0;
	padding			: 0;
}

.page-area .page-title-area .page-title {
	margin			: 70px 0 0 0;
	padding			: 0;
}

/*------【About School】------------------------*/

.page-area .page-school-area {
	margin			: 100px 20px 100px 20px;
	padding			: 0;
}

/*------【School Common】-----------------------*/

.page-area .page-about-area,
.page-area .page-facility-area,
.page-area .page-ceo-area,
.page-area .page-profile-area,
.page-area .page-access-area {
	margin			: 100px 0 0 0;
	padding			: 0;
}

/*------【Introducing The CEO】-----------------*/

.page-area .page-ceo .page-ceo-title .page-ceo-txt .text-01 {
	font-size		: 1.3em;
	margin			: 0 0 20px 0;
}

.page-area .page-ceo .page-ceo-title .page-ceo-txt .text-02 {
	font-size		: 1.3em;
	margin			: 0 0 20px 0;
}

.page-area .page-ceo .page-ceo-title .page-ceo-txt .text-03 {
	font-size		: 3.2em;
	width			: 550px;
}

.page-area .page-ceo .page-ceo-title .page-ceo-txt .text-04 {
	font-size		: 1.3em;
}

/*------【Access】------------------------------*/

.page-area .page-access iframe {
	height			: 400px;
}

/*------【Training Methods】--------------------*/
/*------【Training】----------------------------*/

.page-area .page-training .back-area-plural .page-training-box .page-training-txt .page-training-cnt {
	line-height		: 1.8em;
}

/*------【Contact】-----------------------------*/

.page-area .page-contact-area {
	margin			: 100px 0 100px 0;
}

.page-area .page-contact-form {
	margin			: 100px 0 0 0;
}

}/***** END 992px *****/

/************************************************/
/*						*/
/*	【Archive】				*/
/*						*/
/************************************************/

/*------【Archive Setting】---------------------*/

.archive-main-area {
	text-align		: center;
	margin			: 0;
	padding			: 0;
}

.archive-section-area {
	margin			: 0;
	padding			: 0;
}

.archive-area {
	margin			: 0 auto 0 auto;
	padding			: 0;
}

.archive-area h2 {
	line-height		: 1.2em;
	font-size		: 1.0em;
	color			: #ffffff;
	margin			: 0;
	padding			: 0;
}

.archive-area a:link,
.archive-area a:visited,
.archive-area a:active {
	text-decoration		: underline;
}

.archive-area a:hover {
	color			: #9acd32;
	text-decoration		: underline;
}

/*------【Archive Title】-----------------------*/

.archive-area .archive-title-area {
	display			: flex;
	justify-content		: center;
	align-items		: center;
	width			: 100%;
	background-image	: url('../images/archive-header-l.png');
	background-size		: cover;
	aspect-ratio		: 3 / 1;
	margin			: 70px 0 0 0;
	padding			: 0;
}

.archive-area .archive-title-area .archive-title {
	margin			: 0;
	padding			: 0;
}

/*------【Breadcrumb】--------------------------*/

.archive-area .breadcrumb {
	background-color	: #003300;
}

/*------【Archive Information】-----------------*/

.archive-area ul.archive-information {
	text-align		: left;
	margin			: 50px 0 50px 0;
	padding			: 0;
}

.archive-area ul.archive-information li {
	max-width		: 100%;
	list-style-type		: none;
	background-color	: #f5f5f5;
	border-width		: 1px 1px 1px 1px;
	border-style		: solid;
	border-color		: #efefef;
	margin			: 50px 0 0 0;
	padding			: 10px 10px 10px 10px;
}

.archive-area ul.archive-information li:first-child {
	margin			: 0;
}

.archive-area ul.archive-information li h3.information-subtitle {
	line-height		: 1.2em;
	text-align		: left;
	font-size		: 1.25em;
	border-width		: 0 0 0 10px;
	border-style		: solid;
	border-color		: #0068b4;
	margin			: 0;
	padding			: 5px 0 5px 10px;
}

.archive-area ul.archive-information li h3.information-subtitle a:link,
.archive-area ul.archive-information li h3.information-subtitle a:visited,
.archive-area ul.archive-information li h3.information-subtitle a:active {
	text-decoration		:none;
}

.archive-area ul.archive-information li h3.information-subtitle a:hover {
	text-decoration		:none;
}

.archive-area ul.archive-information li .information-image {
	margin			: 10px 0 0 0;
	padding			: 0;
}

.archive-area ul.archive-information li .information-date {
	color			: #808080;
	margin			: 10px 0 0 0;
	padding			: 0;
}

.archive-area ul.archive-information li .information-term {
	margin			: 10px 0 0 0;
	padding			: 0;
}

.archive-area ul.archive-information li .information-term .term-box {
	display			: inline-block;
	color			: #ffffff;
	background-color	: #a9a9a9;
	margin			: 0;
	padding			: 5px 5px 5px 5px;
}

.archive-area ul.archive-information li .information-contents {
	margin			: 20px 0 0 0;
	padding			: 0;
}

.archive-area ul.archive-information li .information-image img {
	width			: 100%;
	height			: auto;
}

/*++++++++++++++++++++++++++++++++++++++++++++++*/
/* @media screen 576px				*/
/*++++++++++++++++++++++++++++++++++++++++++++++*/

@media screen and (min-width: 576px) {

/*------【Page Setting】------------------------*/

.archive-area h2 {
	font-size		: 1.2em;
}

/*------【Archive Information】-----------------*/

.archive-area ul.archive-information li {
	padding			: 10px 10px 10px 10px;
}

}/***** END 576px *****/

/*++++++++++++++++++++++++++++++++++++++++++++++*/
/* @media screenl 769px				*/
/*++++++++++++++++++++++++++++++++++++++++++++++*/

@media screen and (min-width: 768px) {

/*------【Page Setting】------------------------*/

.archive-area h2 {
	font-size		: 1.5em;
}

/*------【Archive Information】-----------------*/

.archive-area ul.archive-information li {
	display			: grid;
	grid-gap		: 0px 10px;
	grid-template-columns	: 25% 1fr;
	grid-template-rows	: auto 30px 40px auto;
	margin			: 50px 0 0 0;
	padding			: 20px 20px 20px 20px;
}

.archive-area ul.archive-information li:first-child {
	margin			: 0;
}

.archive-area ul.archive-information li h3.information-subtitle {
	grid-column		: 1 / 3;
	grid-row		: 1 / 2;
}

.archive-area ul.archive-information li .information-image {
	grid-column		: 1 / 2;
	grid-row		: 2 / 5;
}

.archive-area ul.archive-information li .information-date {
	grid-column		: 2 / 3;
	grid-row		: 2 / 3;
}

.archive-area ul.archive-information li .information-term {
	grid-column		: 2 / 3;
	grid-row		: 3 / 4;
}

.archive-area ul.archive-information li .information-contents {
	grid-column		: 2 / 3;
	grid-row		: 4 / 5;
}

.archive-area ul.archive-information li .information-image img {
	width			: 100%;
	height			: auto;
}

}/***** END 769px *****/

/*++++++++++++++++++++++++++++++++++++++++++++++*/
/* @media screen 992px				*/
/*++++++++++++++++++++++++++++++++++++++++++++++*/

@media screen and ( min-width : 992px ) {

/*------【Page Setting】------------------------*/

.archive-area h2 {
	font-size		: 2.0em;
}

/*------【Archive Title】-----------------------*/

.archive-area .archive-title-area {
	background-image	: url('../images/archive-header-s.png');
	aspect-ratio		: 9 / 2;
	margin			: 0;
	padding			: 0;
}

.archive-area .archive-title-area .archive-title {
	margin			: 70px 0 0 0;
	padding			: 0;
}

/*------【Archive Information】-----------------*/

.archive-area ul.archive-information {
	margin			: 100px 0 100px 0;
}


.archive-area ul.archive-information li {
	grid-gap		: 0px 30px;
	grid-template-columns	: 30% 1fr;
	margin			: 50px 0 0 0;
}

}/***** END 992px *****/

/*++++++++++++++++++++++++++++++++++++++++++++++*/
/* @media screen 1200px				*/
/*++++++++++++++++++++++++++++++++++++++++++++++*/

@media screen and ( min-width : 1200px ) {


}/***** END 1200px *****/

/************************************************/
/*						*/
/*	【Single】				*/
/*						*/
/************************************************/

/*------【Single Setting】----------------------*/

.single-main-area {
	text-align		: center;
	margin			: 0;
	padding			: 0;
}

.single-section-area {
	margin			: 0;
	padding			: 0;
}

.single-area {
	margin			: 0 auto 0 auto;
	padding			: 0;
}

.single-area .single-table {
	margin			: 0;
	padding			: 0;
}

.single-area .single-table .single-tr {
	display			: grid;
	grid-gap		: 0px;
	grid-template-columns	: 35% 65%;
	grid-template-rows	: auto;
	border-width		: 0 1px 1px 1px;
	border-style		: solid;
	border-color		: #d3d3d3;
	margin			: 0;
	padding			: 0;
}

.single-area .single-table .single-tr:first-child {
	border-width		: 1px 1px 1px 1px;
}


.single-area .single-table .single-th {
	display			: flex;
	align-items		: center;
	grid-column		: 1 / 2;
	background-color	: #f5f5f5;
	border-width		: 0 1px 0 0;
	border-style		: solid;
	border-color		: #d3d3d3;
}

.single-area .single-table .single-td {
	grid-column		: 2 / 3;
}

.single-area .single-table .single-th,
.single-area .single-table .single-td {
	height			: 100%;
	text-align		: left;
	margin			: 0;
	padding			: 0.5em;
}

.single-area h2 {
	line-height		: 1.2em;
	font-size		: 1.0em;
	color			: #ffffff;
	margin			: 0;
	padding			: 0;
}

.single-area h3 {
	text-align		: left;
	font-size		: 1.25em;
	border-width		: 0 0 0 10px;
	border-style		: solid;
	border-color		: #228b22;
	margin			: 0 0 20px 0;
	padding			: 5px 0 5px 10px;
}

.single-area a:link,
.single-area a:visited,
.single-area a:active {
	text-decoration		:underline;
}

.single-area a:hover {
	text-decoration		:underline;
}

/*------【Single Title】------------------------*/

.single-area .single-title-area {
	display			: flex;
	justify-content		: center;
	align-items		: center;
	width			: 100%;
	background-image	: url('../images/single-header-l.png');
	background-size		: cover;
	aspect-ratio		: 3 / 1;
	margin			: 70px 0 0 0;
	padding			: 0;
}

.single-area .single-title-area .single-title {
	margin			: 0;
	padding			: 0;
}

/*------【Breadcrumb】--------------------------*/

.single-area .breadcrumb {
	background-color	: #003300;
}

/*------【Single Information】------------------*/

.single-area .info-single-contents-area {
	text-align		: left;
	margin			: 50px 0 50px 0;
	padding			: 0;
}

.single-area .info-single-contents-area .info-single-meta {
	text-align		: right;
	margin			: 0 0 10px 0;
	padding			: 0;
}

.single-area .info-single-contents-area .info-single-meta .meta-th {
	color			: #ffffff;
	background-color	: #a9a9a9;
	padding			: 2px 5px 2px 5px;
	margin			: 0 5px 0 0;
}

.single-area .info-single-contents-area .info-single-meta .meta-td {
	margin			: 0 10px 0 0;
}

.single-area .info-single-contents-area .info-single-thumbnail {
	margin			: 0;
	padding			: 0;
}

.single-area .info-single-contents-area .info-single-thumbnail img {
	width			: 100%;
	height			: auto;
}

.single-area .info-single-contents-area .info-single-nothumbnail {
	margin			: 30px 0 0 0;
	padding			: 0;
}

.single-area .info-single-contents-area .info-single-term {
	display			: inline-block;
	color			: #ffffff;
	background-color	: #a9a9a9;
	margin			: 20px 0 0 0;
	padding			: 5px 5px 5px 5px;
}

.single-area .info-single-contents-area .info-single-contents {
	text-align		: left;
	margin			: 30px 0 0 0;
	padding			: 0;
}

.single-area .info-single-contents-area .info-single-contents p {
	margin			: 0 0 1.0em 0;
	padding			: 0;
}

.single-area .info-single-contents-area .info-single-nav {
	display			: flex;
	justify-content		: space-between;
	margin			: 30px 0 0 0;
	padding			: 0;
}

.single-area .info-single-contents-area .info-single-nav .next,
.single-area .info-single-contents-area .info-single-nav .prev {
	display			: flex;
	align-items		: center;
	margin			: 0;
	padding			: 0;
}

.single-area .info-single-contents-area .info-single-nav .next .icon {
	margin			: 0 0 0 10px;
	padding			: 0;
}

.single-area .info-single-contents-area .info-single-nav .prev .icon {
	margin			: 0 10px 0 0;
	padding			: 0;
}

/*++++++++++++++++++++++++++++++++++++++++++++++*/
/* @media screen 576px				*/
/*++++++++++++++++++++++++++++++++++++++++++++++*/

@media screen and (min-width: 576px) {

/*------【Single Setting】----------------------*/

.single-area h2 {
	font-size		: 1.2em;
}

}/***** END 576px *****/

/*++++++++++++++++++++++++++++++++++++++++++++++*/
/* @media screenl 769px				*/
/*++++++++++++++++++++++++++++++++++++++++++++++*/

@media screen and (min-width: 768px) {

/*------【Single Setting】----------------------*/

.single-area h2 {
	font-size		: 1.5em;
}

/*------【Single Information】------------------*/

.single-area .info-single-contents-area .info-single-contents {
	padding			: 0 10px 0 10px;
}

}/***** END 769px *****/

/*++++++++++++++++++++++++++++++++++++++++++++++*/
/* @media screen 992px				*/
/*++++++++++++++++++++++++++++++++++++++++++++++*/

@media screen and ( min-width : 992px ) {

/*------【Single Setting】----------------------*/

.single-area h2 {
	font-size		: 2.0em;
}

/*------【Single Title】------------------------*/

.single-area .single-title-area {
	background-image	: url('../images/single-header-s.png');
	aspect-ratio		: 9 / 2;
	margin			: 0;
	padding			: 0;
}

.single-area .single-title-area .single-title {
	margin			: 70px 0 0 0;
}

/*------【Single Information】-----------------*/

.single-area .info-single-contents-area {
	margin			: 100px 0 100px 0;
}

.single-area .info-single-contents-area .info-single-contents {
	line-height		: 1.5em;
}

}/***** END 992px *****/