@charset "UTF-8";
/* CSS Document */
/* CSS Document */


main .video-wrapper {
  position: relative;
  height: 100vh;
  width: 100%;
}




main .video-wrapper video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

main .video-wrapper .catch-copy {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 95%;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  text-align: center;
  color: #fff;
  margin: auto;
	letter-spacing: 0;
	text-align: center;
	text-transform: uppercase;
	
}

main .video-wrapper .catch-copy h1 {
  text-align: center;
	z-index: 1;
	color:#fff;
	font-size: calc(12px + 0.2vw);
margin-bottom: 15px;
}


main .video-wrapper .catch-copy h2 {
 font-family: "Poppins", sans-serif;
	text-align: center;
	 font-size: calc(22px + 3.5vw);
	font-weight: 600;
	line-height: 1.1;
}
main .video-wrapper .catch-copy h3 {

	text-align: center;
	 font-size: calc(16px + 0.5vw);
	font-weight: 600;
	line-height: 1.8;
}

main .contentWrap {
	max-width: 1400px;
	margin: auto;
}

.topNEWS {
	position: absolute;
	bottom:0;
	right:0;
	font-size: calc(12px + 0.2vw);
	display: flex;
	clip-path: polygon(3% 0%, 100% 0, 100% 100%, 0% 100%);
}


.topNEWS .wrap a {
	display: flex;
	background:rgba(255,255,255,0.8);
	padding: 10px 40px 10px 40px;
	box-sizing: border-box;
	position: relative;
}


.topNEWS .wrap a .date {
margin-right: 15px;
}
.topNEWS .wrap a .title {
	overflow: hidden;/* 溢れた部分を隠す */
  text-overflow: ellipsis;/* 溢れた部分を「...」にする */
  white-space: nowrap;
	width: 80%;
}
.topNEWS .wrap a:before {
    content: '';
    position: absolute;
    top: calc(50% - 1px);
    right: 1em;
    transform: translateY(calc(-50% - 2px)) rotate(30deg);
    width: 12px;
    height: 1px;
    background-color: #222;
    transition: 0.3s;
}


.topNEWS .wrap a:after {
    content: '';
    position: absolute;
    top: 50%;
    right:1em;
    transform: translateY(-50%);
    width: 20px;
    height: 1px;
    background-color: #222;
    transition: 0.3s;
}
.topNEWS .wrap a:hover:before, .topNEWS .wrap a:hover:after {
    right: 0.5em;
}
.topNEWS .wrap a:hover {
	opacity: 0.8;
}


/*------------------------------------

topContent01 

------------------------------------*/

.topContent01 {
	padding: 60px 5%;
	box-sizing: border-box;
}

.flexBOX {
	display: flex;
	justify-content: space-between;
}
.flexBOXL {
	width: 53%;
	display: flex;
	flex-direction: column;
  justify-content: center;

}
.flexBOXR {
	width: 45%;
}
.flexBOXR img {
	margin-top: 20px;
}
.flexBOXL h2 {
	font-family: "Poppins", sans-serif;
	font-size: clamp(2rem, 4.4vw, 6rem);
	font-weight: 600;
	color:#62b9a8;
	margin-bottom: 10px;
}
.flexBOXL h2::first-letter {
	color:#dc8a32;
}

.flexBOXL h3 {
	font-family: "Poppins", sans-serif;
	font-size: clamp(1.7rem, 2.1vw, 2.4rem);
	font-weight: 600;
	margin-bottom: 20px;
}



/*------------------------------------

topContent02 

------------------------------------*/

.topContent02 {
	background: #f8f9f9;
	padding: 50px 5%;
	box-sizing: border-box;
}

.topContent02 h2 {
	font-family: "Poppins", sans-serif;
	font-size: clamp(2rem, 5.3vw, 6rem);
	font-weight: 600;
	color:#62b9a8;
	text-align: center;
}
.topContent02 h2::first-letter {
	color:#dc8a32;
}
.topContent02 h2.jpnTITLE {
	font-size: clamp(1.5rem, 1.7vw, 2rem);
	font-weight: 600;
	color:#202020;
	text-align: center;
	margin-bottom: 40px;
}
.topContent02 h2.jpnTITLE::first-letter {
	color:#202020;
}

.topService {
	margin-bottom: 40px;
	display: flex;
	justify-content: space-between;
}
.topService .box {
	background: #fff;
	padding: 20px;
	box-shadow: 0 0 30px rgba(200,200,200,0.2);
	width: 32%;
	box-sizing: border-box;
}

.topService .box h3 {
	font-size: clamp(1.6rem, 2.1vw, 2rem);
	font-weight: 600;
	margin-bottom: 20px;
}
.topService .box h4 {
	font-size: clamp(1.5rem, 1.6vw, 1.8rem);
	font-weight: 600;
	margin-bottom: 20px;
}

.topService .box.rev {
	flex-direction: row-reverse;
}

.subService {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.subService .box {
	background: #fff;
	padding: 30px;
	box-shadow: 0 0 30px rgba(200,200,200,0.2);
	box-sizing: border-box;
	width: 32.5%;
	display: flex;
  flex-direction: column;
	margin-bottom: 25px;
}
.subService .box h3 {
	font-size: clamp(1.7rem, 2.1vw, 2.4rem);
	font-weight: 600;
	margin-bottom: 20px;
	text-align: center;
	line-height: 1.7;
}
.subService .box figure {
	margin-bottom: 15px;
}

.subService .box .button006 {
	margin-top: auto !important;
}

/*------------------------------------

topContent03 

------------------------------------*/

.topContent03 {
	background: #fff;
	padding: 50px 5%;
	box-sizing: border-box;
}

.topContent03 h2 {
	font-family: "Poppins", sans-serif;
	font-size: clamp(2rem, 5.3vw, 6rem);
	font-weight: 600;
	color:#62b9a8;
	text-align: center;
}
.topContent03 h2::first-letter {
	color:#dc8a32;
}
.topContent03 h2.jpnTITLE {
	font-size: clamp(1.5rem, 1.7vw, 2rem);
	font-weight: 600;
	text-align: center;
	margin-bottom: 40px;
	color:#202020;
}
.topContent03 h2.jpnTITLE::first-letter {
	color:#202020;
}
.topContent03 h3 {
	font-size: clamp(1.4rem, 1.7vw, 2rem);
	font-weight: 600;
	text-align: center;
	margin-bottom: 40px;
	color:#202020;
	font-weight: 400;
	line-height: 1.7;
}




.Strength {
	display: flex;
	justify-content: space-between;
}
.Strength li {
	width: 30%;
}
.Strength li figure {
	width: 50%;
	margin: auto;
	margin-bottom: 15px;
}
.Strength li h3 {
	font-size: clamp(1.5rem, 1.7vw, 2rem);
	font-weight: 600;
	margin-bottom: 20px;
	text-align: center;
	display: flex;
  justify-content: center;
  align-items: center;
	height: 50px;
}

/*------------------------------------

topContent04

------------------------------------*/

.topContent04 {
	background: #f8f9f9;
	padding: 50px 5%;
	box-sizing: border-box;
}

.Message {
	background: #fff;
	padding: 30px;
	box-shadow: 0 0 30px rgba(200,200,200,0.2);
	box-sizing: border-box;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}

.MessageL {
	width: 48%;
	
}
.MessageR {
	width: 48%;
	
}

.MessageL figure {
	
}

.MessageL figure img {
	width: 100%;
	height: 500px;
	object-fit: cover;
}

.MessageR h2 {
	font-size: clamp(2rem, 4.4vw, 5rem);
	font-weight: 600;
	margin-bottom: 10px;
	font-family: "Poppins", sans-serif;
	color:#20acb2;
}
.MessageR h2 span {
	font-size: clamp(1.5rem, 1.7vw, 2rem);
	font-weight: 600;
	color:#1b2b3a;
}


.MessageR .name {
	font-size: clamp(1.4rem, 1.6vw, 1.8rem);
	line-height: 1.6;
	margin-top: 15px;
	
}
.MessageR .name span {
	font-size: clamp(1.8rem, 2.5vw, 2.8rem);
}	
	

/*------------------------------------

topContent05 

------------------------------------*/

.topContent05 {
	background: #f8f9f9;
	padding: 50px 5%;
	box-sizing: border-box;
}

.topContent05 h2 {
	font-family: "Poppins", sans-serif;
	font-size: clamp(2rem, 5.3vw, 6rem);
	font-weight: 600;
	color:#62b9a8;
	text-align: center;
}
.topContent05 h2::first-letter {
	color:#dc8a32;
}

.topContent05 h2.jpnTITLE {
	font-size: clamp(1.5rem, 1.7vw, 2rem);
	font-weight: 600;
	color:#1b2b3a;
	text-align: center;
	margin-bottom: 40px;
}
.topContent05 h2.jpnTITLE::first-letter {
	color:#202020;
}
.topblog  {
	display: flex;
	flex-wrap: wrap;
}

.topblog li  {
	box-shadow: 0 0 30px rgba(150,150,150,0.2);
	width: 30%;
	position: relative;
	margin: 0 1.65% 30px;
}
.topblog li .tag  {
	position: absolute;
	background: #1b2b3a;
	color:#fff;
	font-size: clamp(1rem, 1vw, 1.2rem);
	text-align: center;
	top:0;
	left: 0;
	z-index: 1;
	padding: 5px 10px;
	box-sizing: border-box;
}
.topblog li figure  {
	
}
.topblog li figure  img {
	width: 100%;
	height: 230px;
	object-fit: cover;
}
.topblog li h3  {
	font-size: clamp(1.5rem, 1.5vw, 1.7rem);
	margin-bottom: 10px;
}
.topblog li p  {
	font-size: clamp(1.3rem, 1.3vw, 1.5rem);
	 display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
	padding: 0;
	margin: 0;
}
.topblog li .box {
	padding: 15px 15px 20px 15px;
}
.listbuttton {
	max-width: 300px;
	margin: auto;
}

/*------------------------------------

topContent00 

------------------------------------*/

.topContent00 {
	background: #62b9a8;
	padding: 50px 5%;
	box-sizing: border-box;
}

.topContent00 h2 {
	font-family: "Poppins", sans-serif;
	font-size: clamp(2rem, 5.3vw, 6rem);
	font-weight: 600;
	color:#fff;
	text-align: center;
}
.topContent00 h2.jpnTITLE {
	font-size: clamp(1.5rem, 1.7vw, 2rem);
	font-weight: 600;
	color:#fff;
	text-align: center;
	margin-bottom: 40px;
}

.seminarslide {
	margin-bottom: 40px;
}
.semiBUTTON a {
	background: #20acb2 !important;
}


.slick-list {
  margin: 0 -15px;
}
.slick-slide {
  margin: 0 15px;
}
.slick-track {
  display: flex !important;
}
.slick-slide {
  height: auto !important;
}

.seminarslide .slideITEM {
	background: #fff;
	padding: 15px;
	box-sizing: border-box;
	display: flex;
  flex-direction: column;
	position: relative;
}

.seminarslide .slideITEM .cateBOX {
	display: flex;
	position: absolute;
}
.seminarslide .slideITEM .cateBOX .cateONLINE {
	background: #0152a4;
	text-align: center;
	color:#fff;
	font-size: clamp(1.3rem, 1.25vw, 1.4rem);
	line-height: 1;
	padding: 5px 10px;
	letter-spacing: 0;
	width: 120px;
	box-sizing: border-box;
}
.seminarslide .slideITEM .cateBOX .cateFREE {
	background: #d61d1d;
	text-align: center;
	color:#fff;
	font-size: clamp(1.3rem, 1.25vw, 1.4rem);
	line-height: 1;
	padding: 5px 10px;
	letter-spacing: 0;
	width: 120px;
	box-sizing: border-box;

}

.seminarslide .slideITEM img {
	margin-bottom: 10px;
}
.seminarslide .slideITEM h3 {
	font-size: clamp(1.5rem, 1.7vw, 2rem);
	padding-bottom: 5px;
	border-bottom: 1px solid #222;
	margin-bottom: 5px;
	line-height: 1.5;
}
.seminarslide .slideITEM h3 span {
	font-size: clamp(1.5rem, 1.3vw, 1.5rem);
	display: block;
}
.seminarslide .slideITEM p {
	font-size: clamp(1.5rem, 1.3vw, 1.5rem);
	line-height: 1.5;
}
table.slideTB {
    width: 100%;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
	box-sizing: border-box;
	font-size: clamp(1.3rem, 1.25vw, 1.4rem);
}

table.slideTB th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
	width: 15%;
}
table.slideTB td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}
.seminarslide .slideITEM .button006 {
	margin-top: auto;
}


/*------------------------------------

CTA

------------------------------------*/


.CtaBOX {
	
	background: url("../../images/common/sand.jpg");
	padding: 30px;
	box-sizing: border-box;
}
.CtaBOX .Wrap {
	max-width: 1400px;
	margin: auto;
	display: flex;
}
.CtaBOX .ctaL {
	width: 50%;
	padding: 40px 10%;
	box-sizing: border-box;
	border-right: 1px solid #60523a;
	background-size: cover;
	background-position: center;
	display: flex;
  flex-direction: column;
}
.CtaBOX .ctaR {
	width: 50%;
	padding: 40px 10%;
	box-sizing: border-box;
	background-size: cover;
	background-position: center;
	display: flex;
  flex-direction: column;
}
.CtaBOX .ctaL h2,
.CtaBOX .ctaR h2 {
	font-size: clamp(1.6rem, 2.1vw, 2.4rem);
	margin-bottom: 15px;
	text-align: center;
}
.CtaBOX .ctaL .en,
.CtaBOX .ctaR .en {
	font-size: clamp(1.2rem, 1.2vw, 1.4rem);
	text-align: center;

}
.CtaBOX .ctaL p,
.CtaBOX .ctaR p {

}

.CtaBOX .button007 {
  margin-top: auto;
}




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

main .video-wrapper {
  position: relative;
  height: 100vh;
  width: 100%;
}

main .video-wrapper video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

main .video-wrapper .catch-copy {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  text-align: center;
  color: #fff;
  margin: auto;
	letter-spacing: 0;
	text-align: center;
}
	
main .video-wrapper .catch-copy h1 {
  text-align: center;
	z-index: 1;
	color:#fff;
	font-size: calc(12px + 0.2vw);
margin-bottom: 20px;
	line-height: 1.7;
}

	
main .video-wrapper .catch-copy h2 {
 font-family: "Poppins", sans-serif;
	text-align: center;
	 font-size: 3rem;
	font-weight: 600;
	line-height: 1.2;
	margin-bottom: 20px;
}
main .video-wrapper .catch-copy h3 {
 font-family: "Poppins", sans-serif;
	text-align: center;
	 font-size: 1.6rem;
	font-weight: 600;
	line-height: 1.6;
}
	
.topNEWS {
	position: absolute;
	bottom:0;
	right:0;
	font-size: calc(13px + 0.2vw);
	display: block;
	clip-path: polygon(4% 0%, 100% 0, 100% 100%, 0% 100%);
	width: 100%;
	box-sizing: border-box;
	
}

.topNEWS .wrap a {
	display: flex;
	flex-direction: column;
	background:rgba(255,255,255,0.8);
	padding: 10px 10px 10px 25px;
	box-sizing: border-box;
	position: relative;
	width: auto;
	line-height: 1.4;
}


.topNEWS .wrap a .date {
margin-right: 15px;
	display: block;
}
.topNEWS .wrap a .title {
	overflow: hidden;/* 溢れた部分を隠す */
  text-overflow: ellipsis;/* 溢れた部分を「...」にする */
  white-space: nowrap;
	width: 85%;
}
.topNEWS .wrap a:before {
    content: '';
    position: absolute;
    top: calc(50% - 1px);
    right: 1em;
    transform: translateY(calc(-50% - 2px)) rotate(30deg);
    width: 12px;
    height: 1px;
    background-color: #222;
    transition: 0.3s;
}


.topNEWS .wrap a:after {
    content: '';
    position: absolute;
    top: 50%;
    right:1em;
    transform: translateY(-50%);
    width: 20px;
    height: 1px;
    background-color: #222;
    transition: 0.3s;
}
.topNEWS .wrap a:hover:before, .topNEWS .wrap a:hover:after {
    right: 0.5em;
}
.topNEWS .wrap a:hover {
	opacity: 0.8;
}

	
	
	
	
	
	
	
	
	
	
	
	
main .contentWrap {
	max-width: 1120px;
	margin: auto;
}
	
	
	
	
	
	

/*------------------------------------

topContent01 

------------------------------------*/

.topContent01 {
	padding: 25px 5%;
	box-sizing: border-box;
}

.flexBOX {
	display: flex;
	flex-direction: column-reverse;
	justify-content: space-between;
}
.flexBOXL {
	width: 100%;
	display: flex;
	flex-direction: column;
  justify-content: center;

}
.flexBOXR {
	width: 90%;
	margin: auto;
	margin-bottom: 10px;
}
.flexBOXL h2 {
	font-family: "Poppins", sans-serif;
	font-size: clamp(3rem, 4.4vw, 6rem);
	font-weight: 600;
	color:#62b9a8;
	margin-bottom: 10px;
	text-align: center;
}

.flexBOXL h3 {
	font-family: "Poppins", sans-serif;
	font-size: clamp(1.6rem, 1.7vw, 2rem);
	font-weight: 600;
	margin-bottom: 10px;
}



/*------------------------------------

topContent02 

------------------------------------*/

.topContent02 {
	background: #f8f9f9;
	padding: 30px 5%;
	box-sizing: border-box;
}

.topContent02 h2 {
	font-family: "Poppins", sans-serif;
	font-size: clamp(3rem, 5.3vw, 6rem);
	font-weight: 600;
	text-align: center;
}

	
	
.topContent02 h2.jpnTITLE {
	font-size: clamp(1.6rem, 1.7vw, 2rem);
	font-weight: 600;
	color:#1b2b3a;
	text-align: center;
	margin-bottom: 20px;
}
.topService {
	background: #fff;
	padding: 7%;
	box-shadow: 0 0 30px rgba(200,200,200,0.2);
	margin-bottom: 15px;
	box-sizing: border-box;
}
.topService .box {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.topService .box .boxL {
	width: 90%;
	margin: auto;
	margin-bottom: 20px;
	
}
.topService .box .boxR {
	width: 100%;
}

.topService .box h3 {
	font-size: clamp(1.8rem, 2.1vw, 2.4rem);
	font-weight: 600;
	margin-bottom: 10px;
}
.topService .box h4 {
	font-size: clamp(1.6rem, 1.6vw, 1.8rem);
	font-weight: 600;
	margin-bottom: 10px;
}

.topService .box.rev {
	flex-direction: column;
}


.subService {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.subService .box {
	background: #fff;
	padding: 15px;
	box-shadow: 0 0 30px rgba(200,200,200,0.2);
	box-sizing: border-box;
	width: auto;
	display: flex;
  flex-direction: column;
	margin-bottom: 25px;
}
.subService .box h3 {
	font-size: clamp(1.7rem, 2.1vw, 2.4rem);
	font-weight: 600;
	margin-bottom: 10px;
	text-align: center;
	line-height: 1.5;
}
.subService .box figure {
	margin-bottom: 10px;
	width: 90%;
	margin: 0 auto 10px;
}
	
.subService .box p {
	font-size: 1.3rem;
	line-height: 1.5;
	padding: 0;
	margin: 0;
}

.subService .box .button006 {
	margin-top: auto !important;
}


/*------------------------------------

topContent03 

------------------------------------*/

.topContent03 {
	background: #fff;
	padding: 30px 5%;
	box-sizing: border-box;
}

.topContent03 h2 {
	font-family: "Poppins", sans-serif;
	font-size: clamp(3rem, 5.3vw, 6rem);
	font-weight: 600;
	color:#20acb2;
	text-align: center;
}
.topContent03 h2.jpnTITLE {
	font-size: clamp(1.6rem, 1.7vw, 2rem);
	font-weight: 600;
	color:#1b2b3a;
	text-align: center;
	margin-bottom: 20px;
}
	.topContent03 h3 {
	font-size:1.4rem;
	margin-bottom: 20px;
	font-weight: 400;
	line-height: 1.7;
}

.Strength {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.Strength li {
	width: 100%;
	margin-bottom: 15px;
}
.Strength li:last-child {
margin-bottom: 0;
}
.Strength li figure {
	width: 40%;
	margin: auto;
	margin-bottom: 10px;
}
.Strength li h3 {
	font-size: clamp(1.7rem, 1.7vw, 2rem);
	font-weight: 600;
	margin-bottom: 10px;
	text-align: center;
	display: flex;
  justify-content: center;
  align-items: center;
	height: auto;
}

/*------------------------------------

topContent04

------------------------------------*/

.topContent04 {
	background: #f8f9f9;
	padding: 30px 5%;
	box-sizing: border-box;
}

.Message {
	background: #fff;
	padding: 7%;
	box-shadow: 0 0 30px rgba(200,200,200,0.2);
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.MessageL {
	width: 80%;
	margin: auto;
	margin-bottom: 20px;
	
}
.MessageR {
	width: 100%;
}

.MessageL figure {
	
}

.MessageL figure img {
	width: 100%;
	height: 200px;
	object-fit: cover;
}

.MessageR h2 {
	font-size: clamp(3rem, 4.4vw, 5rem);
	font-weight: 600;
	margin-bottom: 5px;
	font-family: "Poppins", sans-serif;
	color:#20acb2;
}
.MessageR h2 span {
	font-size: clamp(1.5rem, 1.7vw, 2rem);
	font-weight: 600;
	color:#1b2b3a;
}

.MessageR .name {
	font-size: clamp(1.4rem, 1.6vw, 1.8rem);
	line-height: 1.6;
	margin-top: 15px;
	
}
.MessageR .name span {
	font-size: clamp(1.8rem, 2.5vw, 2.8rem);
}	
	
	
/*------------------------------------

topContent05 

------------------------------------*/

.topContent05 {
	padding: 30px 5%;
	box-sizing: border-box;
}

.topContent05 h2 {
	font-family: "Poppins", sans-serif;
	font-size: clamp(3rem, 5.3vw, 6rem);
	font-weight: 600;
	color:#20acb2;
	text-align: center;
}
.topContent05 h2.jpnTITLE {
	font-size: clamp(1.6rem, 1.7vw, 2rem);
	font-weight: 600;
	color:#1b2b3a;
	text-align: center;
	margin-bottom: 20px;
}
.topblog  {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.topblog li  {
	box-shadow: 0 0 30px rgba(150,150,150,0.2);
	width: 49%;
	position: relative;
	margin: 0 0 10px;
	display: flex;
}
.topblog li .tag  {
	position: absolute;
	background: #1b2b3a;
	color:#fff;
	font-size: clamp(1rem, 1vw, 1.2rem);
	text-align: center;
	top:0;
	left: 0;
	z-index: 1;
	padding: 2px 10px;
	box-sizing: border-box;
}
.topblog li figure  {
	
}
.topblog li figure  img {
	width: 100%;
	height: 100px;
	object-fit: cover;
}
.topblog li h3  {
	font-size: clamp(1.4rem, 1.5vw, 1.7rem);
	margin-bottom: 10px;
	 display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
	padding: 0;
	margin: 0;
	margin-bottom: 5px;
	
}
.topblog li p  {
	font-size: clamp(1.2rem, 1.3vw, 1.5rem);
	 display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
	padding: 0;
	margin: 0;
}
.topblog li .box {
	padding: 5%;
}
.listbuttton {
	max-width: 80%;
	margin: auto;
}
	
	

/*------------------------------------

topContent00 

------------------------------------*/

.topContent00 {
	background: #1b2b3a;
	padding: 50px 5%;
	box-sizing: border-box;
}

.topContent00 h2 {
	font-family: "Poppins", sans-serif;
	font-size: clamp(3rem, 5.3vw, 6rem);
	font-weight: 600;
	color:#20acb2;
	text-align: center;
}
.topContent00 h2.jpnTITLE {
	font-size: clamp(1.5rem, 1.7vw, 2rem);
	font-weight: 600;
	color:#fff;
	text-align: center;
	margin-bottom: 20px;
}

.seminarslide {
	margin-bottom: 30px;
}
.semiBUTTON a {
	background: #20acb2 !important;
}


.slick-list {
  margin: 0 -15px;
}
.slick-slide {
  margin: 0 15px;
}
.slick-track {
  display: flex !important;
}
.slick-slide {
  height: auto !important;
}

.seminarslide .slideITEM {
	background: #fff;
	padding: 15px;
	box-sizing: border-box;
	display: flex;
  flex-direction: column;
	position: relative;
}

.seminarslide .slideITEM .cateBOX {
	display: flex;
	position: absolute;
}
.seminarslide .slideITEM .cateBOX .cateONLINE {
	background: #0152a4;
	text-align: center;
	color:#fff;
	font-size: clamp(1.3rem, 1.25vw, 1.4rem);
	line-height: 1;
	padding: 5px 10px;
	letter-spacing: 0;
	width: 100px;
	box-sizing: border-box;
}
.seminarslide .slideITEM .cateBOX .cateFREE {
	background: #d61d1d;
	text-align: center;
	color:#fff;
	font-size: clamp(1.3rem, 1.25vw, 1.4rem);
	line-height: 1;
	padding: 5px 10px;
	letter-spacing: 0;
	width: 100px;
	box-sizing: border-box;

}

.seminarslide .slideITEM img {
	margin-bottom: 10px;
}
.seminarslide .slideITEM h3 {
	font-size: clamp(1.5rem, 1.7vw, 2rem);
	padding-bottom: 5px;
	border-bottom: 1px solid #222;
	margin-bottom: 5px;
	line-height: 1.5;
}
.seminarslide .slideITEM h3 span {
	font-size: clamp(1.5rem, 1.3vw, 1.5rem);
	display: block;
}
.seminarslide .slideITEM p {
	font-size: clamp(1.5rem, 1.3vw, 1.5rem);
	line-height: 1.5;
}
table.slideTB {
    width: 100%;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
	box-sizing: border-box;
	font-size: clamp(1.3rem, 1.25vw, 1.4rem);
}

table.slideTB th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
	width: 15%;
}
table.slideTB td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}
.seminarslide .slideITEM .button006 {
	margin-top: auto;
}

	

/*------------------------------------

CTA

------------------------------------*/



.CtaBOX {
	
	background: url("../../images/common/sand.jpg");
	padding: 15px 5%;
	box-sizing: border-box;
}
.CtaBOX .Wrap {
	max-width: 1400px;
	margin: auto;
	display: block;
}
.CtaBOX .ctaL {
	width: auto;
	padding: 20px 0%;
	box-sizing: border-box;
	border-right: 0px solid #60523a;
	border-bottom: 1px solid #60523a;
	background-size: cover;
	background-position: center;
	display: flex;
  flex-direction: column;
	padding-bottom: 30px;
}
.CtaBOX .ctaR {
	width: auto;
	padding: 20px 0%;
	box-sizing: border-box;
	background-size: cover;
	background-position: center;
	display: flex;
  flex-direction: column;
}
.CtaBOX .ctaL h2,
.CtaBOX .ctaR h2 {
	font-size: clamp(1.7rem, 2.1vw, 2.4rem);
	margin-bottom: 15px;
	text-align: center;
}
.CtaBOX .ctaL .en,
.CtaBOX .ctaR .en {
	font-size: clamp(1.2rem, 1.2vw, 1.4rem);
	text-align: center;

}
.CtaBOX .ctaL p,
.CtaBOX .ctaR p {

}

.CtaBOX .button007 {
  margin-top: auto;
	border: 0px;
}
.CtaBOX .button007 a {
	border: 0px;
}
}


/*------------------------------------

subContent01 

------------------------------------*/

.subContent01 {
	padding: 60px 5% 100px 5%;
	box-sizing: border-box;
}
.subContent01 .contentWrap02 {
	max-width: 1200px;
	margin: auto;
}


.subContent01 h2 {
	font-family: "Poppins", sans-serif;
	font-size: clamp(3rem, 5.3vw, 4.5rem);
	font-weight: 600;
	color:#62b9a8;
	text-align: left;
	margin-bottom: 15px;
}
.subContent01 h2::first-letter {
	color:#dc8a32;
}
.subContent01 h2.jpnTITLE {
	font-size: clamp(1.6rem, 1.7vw, 1.8rem);
	font-weight: 600;
	color:#1b2b3a;
	text-align: left;
	margin-bottom: 50px;
}
.subContent01 h2.jpnTITLE::first-letter {
	color:#202020;
}

h3.categoryTITLE {
	text-align: center;
	font-size: clamp(1.8rem, 2.6vw, 3rem);
	margin-top: -15px;
	margin-bottom: 30px;
}

#gaiyou {
	background: #fff;
	border-top: none;
	width: 100%;
	font-size: clamp(1.4rem, 1.4vw, 1.6rem);
	line-height: 1.7;
		font-weight: 400;
	border-bottom: 1px solid #E3E3E3;
}

dl#gaiyou dl,dl#gaiyou dt,dl#gaiyou dd {
	margin: 0;
	padding: 0;
}

dl#gaiyou dt,dl#gaiyou dd {
	padding: 20px 0;
}

dl#gaiyou dt {
	border-top: 1px solid #20acb2;
	clear: left;
	float: left;
	width: 25%;
	position: relative;
}

dl#gaiyou dd {
	background: #fff;
	border-top: 1px solid #E3E3E3;
	margin-left:25%;
}

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

	
/*------------------------------------

subContent01 

------------------------------------*/

.subContent01 {
	padding: 30px 5% 50px 5%;
	box-sizing: border-box;
}


.subContent01 h2 {
	font-family: "Poppins", sans-serif;
	font-size: clamp(2.6rem, 5.3vw, 4.5rem);
	font-weight: 600;
	color:#20acb2;
	text-align: left;
	margin-bottom: 10px;
}
.subContent01 h2.jpnTITLE {
	font-size: clamp(1.4rem, 1.7vw, 1.8rem);
	font-weight: 600;
	color:#1b2b3a;
	text-align: left;
	margin-bottom: 30px;
}


#gaiyou {
	background: #fff;
	border-top: none;
	width: 100%;
	font-size: clamp(1.4rem, 1.4vw, 1.6rem);
	line-height: 1.5;
	border-bottom: 1px solid #E3E3E3;
}

dl#gaiyou dl,dl#gaiyou dt,dl#gaiyou dd {
	margin: 0;
	padding: 0;
}

dl#gaiyou dt,dl#gaiyou dd {
	padding: 20px 0;
}

dl#gaiyou dt {
	border-top: 1px solid #20acb2;
	clear: left;
	float: left;
	width: 25%;
	position: relative;
}

dl#gaiyou dd {
	background: #fff;
	border-top: 1px solid #E3E3E3;
	margin-left:25%;
}

}

/*------------------------------------

subContent02 

------------------------------------*/

.subContent02 {
	padding: 60px 5% 60px 5%;
	box-sizing: border-box;
}


.subContent02 h2 {
	font-family: "Poppins", sans-serif;
	font-size: clamp(3rem, 5.3vw, 4.5rem);
	font-weight: 600;
	color:#20acb2;
	text-align: center;
	margin-bottom: 15px;
}
.subContent02 h2.jpnTITLE {
	font-size: clamp(1.7rem, 1.8vw, 2rem);
	font-weight: 600;
	color:#1b2b3a;
	text-align: center;
	margin-bottom: 50px;
}

/*------------------------------------

subContent03 

------------------------------------*/

.subContent03 {
	padding: 60px 5% 60px 5%;
	box-sizing: border-box;
	background: #f8f9f9;
}


.subContent03 h2 {
	font-family: "Poppins", sans-serif;
	font-size: clamp(3rem, 5.3vw, 4.5rem);
	font-weight: 600;
	color:#20acb2;
	text-align: center;
	margin-bottom: 15px;
}
.subContent03 h2.jpnTITLE {
	font-size: clamp(1.7rem, 1.8vw, 2rem);
	font-weight: 600;
	color:#1b2b3a;
	text-align: center;
	margin-bottom: 50px;
}

@media screen and (max-width: 834px){
/*------------------------------------

subContent02 

------------------------------------*/

.subContent02 {
	padding: 30px 5% 30px 5%;
	box-sizing: border-box;
}


.subContent02 h2 {
	font-family: "Poppins", sans-serif;
	font-size: clamp(3rem, 5.3vw, 4.5rem);
	font-weight: 600;
	color:#20acb2;
	text-align: center;
	margin-bottom: 10px;
	line-height: 1.4;
}
.subContent02 h2.jpnTITLE {
	font-size: clamp(1.7rem, 1.8vw, 2rem);
	font-weight: 600;
	color:#1b2b3a;
	text-align: center;
	margin-bottom: 20px;
	line-height: 1.6;
}

/*------------------------------------

subContent03 

------------------------------------*/

.subContent03 {
	padding: 30px 5% 30px 5%;
	box-sizing: border-box;
	background: #f8f9f9;
}


.subContent03 h2 {
	font-family: "Poppins", sans-serif;
	font-size: clamp(2.8rem, 5.3vw, 4.5rem);
	font-weight: 600;
	color:#20acb2;
	text-align: center;
	margin-bottom: 10px;
	line-height: 1.4;
}
.subContent03 h2.jpnTITLE {
	font-size: clamp(1.6rem, 1.8vw, 2rem);
	font-weight: 600;
	color:#1b2b3a;
	text-align: center;
	margin-bottom: 20px;
	line-height: 1.6;
}
	
}


.mmbanner {
	max-width: 800px;
	margin: auto;
	margin-top: 40px;
}
.mmbanner p {
	font-size: clamp(1.3rem, 1.3vw, 1.5rem);
	text-align: center;
	margin: 0;
	padding: 0;
	color:#fff;
	margin-top: 5px;
}

.newsCONTENT  {
	max-width: 1000px;
	margin: auto;
	margin-top: -20px;
	margin-bottom: 35px;
}
.newsCONTENT li  {
	border-bottom: 1px dotted #1b2b3a;
}
.newsCONTENT li a  {
	display: block;
	padding: 20px 0;
	position: relative;
	
}
.newsCONTENT li .date  {
	background: #1b2b3a;
	color:#fff;
	padding:8px 20px 10px 20px;
	display: inline-block;
	line-height: 1;
	margin-bottom: 10px;
	font-size: clamp(1.2rem, 1.25vw, 1.4rem);
}
.newsCONTENT li h3  {
	font-size: clamp(1.6rem, 1.6vw, 1.8rem);
	font-weight: 500;
	width: 90%;
	line-height: 1.7;
}
.newsCONTENT li a:after  {
	content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 2rem;
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.3s;
  width: 6px;
  height: 6px;
  border-top: solid 2px #1b2b3a;
  border-right: solid 2px #1b2b3a;
  transform: translateY(-50%) rotate(45deg);
}
.newsCONTENT li a:hover:after {
  right: 1.4rem;
}

@media screen and (max-width: 834px){
	
.mmbanner {
	max-width: 800px;
	margin: auto;
	margin-top: 40px;
}
.mmbanner p {
	font-size: clamp(1.3rem, 1.3vw, 1.5rem);
	text-align: center;
	margin: 0;
	padding: 0;
	color:#fff;
	margin-top: 5px;
}

.newsCONTENT  {
	max-width: auto;
	margin: auto;
	margin-top: -20px;
	margin-bottom: 35px;
}
.newsCONTENT li  {
	border-bottom: 1px dotted #1b2b3a;
}
.newsCONTENT li a  {
	display: block;
	padding: 20px 0;
	position: relative;
	
}
.newsCONTENT li .date  {
	background: #1b2b3a;
	color:#fff;
	padding:8px 15px 10px 15px;
	display: inline-block;
	line-height: 1;
	margin-bottom: 10px;
	font-size: clamp(1.2rem, 1.25vw, 1.4rem);
}
.newsCONTENT li h3  {
	font-size: clamp(1.5rem, 1.6vw, 1.8rem);
	font-weight: 500;
	width: 90%;
	line-height: 1.5;
}
.newsCONTENT li a:after  {
	content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 2rem;
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.3s;
  width: 6px;
  height: 6px;
  border-top: solid 2px #1b2b3a;
  border-right: solid 2px #1b2b3a;
  transform: translateY(-50%) rotate(45deg);
}
.newsCONTENT li a:hover:after {
  right: 1.4rem;
}
	
}




.blocks {
	margin-bottom: 50px;
}
.flexBOX02 {
	display: flex;
	justify-content: space-between;
}

.flexBOX02 .flexItemL {
	width: 55%;
}
.flexBOX02 .flexItemR {
	width: 43%;
}
.flexBOX02.rev {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}


.flexBOX03 {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}

.flexBOX03 .flexItemL {
	width: 70%;
}
.flexBOX03 .flexItemR {
	width: 25%;
}


@media screen and (max-width: 834px){
	
.blocks {
	margin-bottom: 25px;
}
.flexBOX02 {
	display: flex;
	flex-direction: column-reverse;
	justify-content: space-between;
}
.flexBOX02.rev {
	display: flex;
	flex-direction: column-reverse;
	justify-content: space-between;
}

.flexBOX02 .flexItemL {
	width: auto;
}
.flexBOX02 .flexItemR {
	width: auto;
	margin-bottom: 10px;
}


.flexBOX03 {
	display: flex;
	
	flex-direction: column-reverse;
	justify-content: space-between;
}

.flexBOX03 .flexItemL {
	width: auto;
}
.flexBOX03 .flexItemR {
	width: 40%;
	margin: auto;
	margin-bottom: 10px;
}
	
}