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

@import url(reset.css?mod=20250730);
@import url(common.css?mod=20250730);

/* home */
main{font-size:16px;line-height:1.8;color:#333;}
.home_top{background:url(../../img/home/bg_curve01.png) no-repeat center top;}

h2,h1.h1_home{font-feature-settings: /*"palt" 1*/ initial;}

#aside{font-size:14px;border-radius:118px;width:236px;/*height:236px;*/padding:30px 0 100px 0;overflow:hidden;}
#aside {background-color:rgba(128,210,91, 0.8);color:#FFF;text-align:center;}
.h2_green_circle{font-size:2.1rem;position:absolute;z-index:10;
width:100%;height:236px;color:#008045;text-align:center;
display:flex;align-items:center;justify-content:center;
background:url(../../img/home/h2-circle.png) no-repeat center top;background-size:235px 235px;}
#aside img[src="img/home/aside_tel.png"]{margin-bottom:-20px;}

h1.h1_home{padding:50px 0 40px 0;text-align:center;font-size:1.62rem;line-height:1.25;
font-family: "リュウミン R-KL","Ryumin Regular KL", serif;}
.h1_home_in{border-bottom:1px solid #948175;display:inline-block;margin:1.4rem auto;padding:1rem 0;}
.home_concept,.home_dr{max-width:600px;}
.home_outline{background: url(../../img/home/h2_outline.png) no-repeat center top;background-size:530px 516px;padding-top:90px;}
.home_concept_banner img{margin:0 20px 10px 20px;}
.home_dr{padding-top:30px;padding-bottom:30px;}

.home_case{background: url(../../img/home/h2_case.png) no-repeat center top;background-size:527px 514px;padding-top:125px;text-align:center;}
.home_case img{margin-bottom:1rem;}
.cases_in{border:2px solid #80AF3F;padding:20px;}
.cases_in dl > *{padding-bottom:1.2rem;margin:0;}
.cases_in ul{padding-left:0.6rem;margin:0;list-style-type:"\00B7";}

.home_maint{padding-top:326px;text-align:center;
background-image: url(../../img/home/h2-maint.png) ,url(../../img/home/bg_greencurve.png);
background-repeat:no-repeat,no-repeat;background-position: center -50px,right bottom;background-size:534px 501px, 1140px 900px;}
.home_maint h2{font-size:1.57rem;line-height:1.4;padding-bottom:0;}
.home_coope{background-color:rgba(227,224,223,0.6);padding:60px 0 80px 0;color:#000;}
.home_coope h2{color:#008045;font-size:1.57rem;}
.home_coope_in{font-size:1.42rem;text-align:left;}

.training_bk{position:relative;background:url(../../img/home/p05.webp) no-repeat center center;background-size:cover; height:721px;}
.training_in{position:absolute;width:90%;top:40%;left:50%;transform:translate(-50%,-50%);
font-size:1.42rem;color:#FFF;text-shadow:#000 4px 4px 5px;z-index:1;}
.training_in h2{padding-bottom:30px;}
.training_slider{height:140px;background:url(../../img/home/p05slider.webp) repeat-x;background-size:1189px 140px;animation:32s linear 0s traininganm infinite;position:relative;}
@keyframes traininganm{
   0% {background-position:left top;}
   100% {background-position:left -1189px top;}
}
.training_map{position:absolute;bottom:0;right:65px;}


#info{margin:2rem auto;}
#info h2{background-color:#FFC043;color:#FFF;font-size:1.4rem;font-weight:400;padding:0.2rem 1rem;}
#info dl {padding-top:1rem;margin:0;width:100%;overflow:auto;font-weight:400;font-size:0.9rem;height:17.6em;}
#info dt ,#info dd {float:left;margin:0 0 0.5em 0;line-height:1.4;}
#info dt {clear:both;width:7em;font-weight:normal;}
#info dd {width:calc(100% - 7em); word-break:break-all;}
#info dt:before{content:"・";}


/* about */
.contents_green{background-color:#D0EEC2;}
#about{position:relative;}
#about .banner a{font-weight:bold;}
#about ul{padding:40px 0;text-align: center;}

#home_first ,#home_access{background-color:#FFF;position:relative;}
#home_first ul{color:#000;max-width:800px;margin:auto;list-style:none;padding-left:10px;padding-right:10px;position:relative;z-index:1;}
#home_first li{padding:1em 0 1em 60px;position:relative;font-size:1.1rem;}
#home_first li a:not(.bt_cancel){color:#F28E1E;}
.bt_cancel{color:#FFF;font-size:1.35rem;background-color:#FFC043;padding:0.4rem;white-space:nowrap;display:inline-block;width:14em;max-width:90vw;margin:1rem auto 0 auto;position:relative;}
#home_first .bt_cancel::after{content:"\03e";position:absolute;right:10px;top:0;font-size:4rem;line-height:0.7;transform-origin: right center;transform: scale(0.3,0.9);font-family:"Noto Sans JP", sans-serif;font-weight:100;}
#home_first li+li{border-top:1px dashed #ED9111;}
#home_first li > img:first-child{position:absolute;left:0;top:1.6rem;}

/* floating_nav */
#floating_nav{position: absolute;z-index:121;width:100%;padding:20px;left:0;/*top:20vh;*/
	opacity:0;display:none;-webkit-transition:.4s ease-out;-moz-transition:.4s ease-out;transition:.4s ease-out;}
.floating_nav_in{display:inline-block;padding:2rem 2rem 0 2rem;margin:auto;text-align:left;line-height:1.8;
	background-color:rgba(255,255,255,0.8);border-radius:1em;box-shadow:1px 2px 8px #999;}
.floating_nav_in .bt_cancel{width:auto;padding:0.4rem 2rem;margin:0.5rem auto 0 auto;font-size:1.1rem;}
.floating_nav_close{text-align:right;padding:0 0 0.8rem 0;}
.floating_nav_close a{color:#000;opacity:0.8;}
.floating_nav_close a:hover{text-decoration:none;opacity:1S;}
#floating_nav.floatNav_on{opacity:1;display:block;}


/* overseas trainings */
.l-index{
  animation: bgscroll 20s linear infinite;
  height: 100vh;
}

@-webkit-keyframes bgscroll {
  0% {background-position: 0 0;}
  100% {background-position: 50vw 0;}
 }

 @keyframes bgscroll {
  0% {background-position: 0 0;}
  100% {background-position: 50vw 0;}
 }
 
/* top_info */
#top_info{max-width:800px;margin:atuo;}


/* access */
#home_access{padding-left:10px;padding-right:10px;color:#000;}
.home_access_in{max-width:1140px;margin:auto;font-size:1rem;}
.home_access_in .ts_2rem{color:#008045;line-height:1.2;font-weight:600;}
.home_access_in a.ts_2rem{padding:0.5rem 0 1rem 0;}

.timetable{margin:2rem auto; white-space:nowrap;}
.timetable tr > * {border:1px solid #999;padding:1px 4px;font-weight:normal;}


@media (min-width:1280px) {

}
@media (max-width:1279px) {

}
@media (min-width:992px){
	#aside{margin-top:-320px;}
	.access_map ,.timetable{display:flex;gap:10px;flex-wrap:nowrap;justify-content:space-between;}
	.home_access_in{padding-top:60px;}
}
@media (max-width: 991px) {
	#wrapper{background-size: contain;}
	#aside{display:none;}
	.access_map{display:inline-block;margin:2rem auto 0 auto;}
}
@media (min-width:991px) and (max-width:1279px) {
}
@media (min-width:768px) {
	.h1_home_in{font-size:2.28rem;}
	.home_concept{display:flex;gap:20px;}
	.home_concept > div:first-child{flex-basis:270px;flex-shrink:0;}
	.home_dr{display:flex;gap:05px;flex-direction: row-reverse;background-size:contain;}
	.home_dr > div:first-child{flex-basis:238px;flex-shrink:0;}
	.home_intro,.home_intro02{display:flex;max-width:1140px;margin:auto;align-items:center;}
	.home_intro{flex-wrap:wrap;padding-top:2rem;}
	.home_intro > *{flex-basis:50%;}
	.home_intro > div:nth-child(2){padding-left:2rem;}
	.home_intro > div:nth-child(3){order:4;}
	.home_intro > div:nth-child(4){padding-right:2rem;text-align:right;}
	.home_intro02{padding-top:50px;}
	.home_intro02 > div:first-child{flex-basis:804px;}
	.home_intro02 > div:nth-child(2){padding-left:2rem;}
	
	.cases_in,.home_maint_in,.home_coope_in{display:flex;max-width:1140px;margin:auto;align-items:start;}
	.cases_in{gap:2rem;}
	.cases_in dl{display:flex;flex-wrap:wrap;flex-basis:50%;}
	.cases_in dt{flex-basis:8rem;}
	.cases_in dl:first-child dt{flex-basis:5rem;text-align: justify;text-align-last: justify;}
	.cases_in dl:first-child dd{flex-basis:calc(100% - 5rem);padding-left:2rem;}
	.cases_in dl:last-child dd{flex-basis:calc(100% - 8rem);}
	.cases_in ul{list-style-type:"・ ";}

	.home_maint_in{gap:1rem;}
	.home_maint_in > *{flex-basis:50%;}
	.home_coope_in{align-items:center;justify-content:start;gap:1rem;}
	
	#about ul{max-width:890px;margin:auto;letter-spacing:-7px;}
	#about li{display:inline-block;vertical-align:middle;letter-spacing:normal;width:33.33%;padding:24px 0;}
	#about .banner{width: 223px;height:223px;border-radius:111px;margin:auto;overflow: hidden;position: relative;}
	#about .banner .mask{width: inherit;height: inherit;position: absolute;overflow: hidden;margin:auto;top:100%;left:0;right:0;
		opacity: 0;background-color: #FFF;transition: all 0.3s ease-in-out;}
	#about .banner:hover .mask{opacity: 0.9;top: 0;}
	#about .banner .v_middle{padding:1em;width:100%;}
	
	.SlickSlider{margin-bottom:-140px;max-height:vh;overflow:hidden;}
}
@media (max-width: 767px) {
	.h1_home_in{font-size:1.36em;}
	h1.h1_home{padding-top:30px;}
	.home_intro img,.home_intro02 img{display:block;margin:2rem auto 1rem auto;}
	.home_coope_in{text-align:/*justify*/ center;}
	.home_maint{
	background-image: url(../../img/home/h2-maint.png) ,url(../../img/home/bg_greencurve_s.png);background-position: center -50px,left bottom;background-size:534px 501px,auto;}
	.training_bk{height:calc(100vh - 50px);}
	.training_map{zoom:0.5;}

	#about ul{padding:80px 0;}
	#about li{padding:1rem;}
	#about .banner .mask{padding-top:1em;}
	#about .banner .v_middle{position:relative;top:auto;transform: none;padding:0 2.4em;}
	.floating_nav_in{background-color:rgba(255,255,255,0.96);}
	.top_info{padding-left:10px;padding-right:10px;}

}
@media (min-width:576px){
	#about .h2_green_circle{top:30px;}
	#home_first .h2_green_circle{top:-200px;margin-right:-6%;}
	#home_first ul{padding:30px 0 0 0;}
	#home_first .contents_radius_bottom{margin-top:-180px;}
}
@media (max-width: 575px) {
	.h2_green_circle{}
	#about{margin-top:10rem;}
	#about .h2_green_circle{top:-6rem;}
	#home_first .h2_green_circle{top:-100px;}
	#home_first ul{padding:120px 0 0 0;}
	#home_first .contents_radius_bottom{margin-top:-60px;}
	#home_access{margin:0 auto;}
	
}