@charset "utf-8";



/* CSS Document */



@media (min-width: 1700px) and (max-width: 5200px) {





.banner-left-col {

    width: 100%;

    margin: 0 auto;

}

.banner-left-col img{

    width: 100%;

    margin: 0 auto;

}

header .container{

max-width: 1440px;

}

.top-btn a {

    background: #8fbf3e;

    color: #fff;

    font-size: 30px;

    padding: 4px 34px;

}





}



@media (min-width: 1400px) and (max-width: 1700px) {





.banner-left-col {

    padding-bottom: 6%;

    width: 65%;

    margin: 0 auto;

}

header .container{

max-width: 1400px;

}

.top-btn a {

    background: #8fbf3e;

    color: #fff;

    font-size: 32px;

    padding: 4px 34px;

}





}



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



	



}



@media (min-width: 1024px) and (max-width: 1250px){







}

@media (min-width: 1024px) and (max-width: 1190px){



.yellow-bg .yellow-text-col h3 {

    font-size: 40px;

    line-height: 68px;

}

.list-middle-text-col h2 {

    font-size: 30px;

    line-height: 72px;

}

.list-middle-text-col ul li h4 {

    font-size: 26px;

}

.list-middle-text-col-bold {

    font-size: 24px;

}

.list-middle-text-col ul > li > ul > li {

    font-size: 22px;

}

.text-center-box h3 {

    font-size: 20px;

}

.text-center-box h4 {

    font-size: 22px;

}

.box-col-two-left p {

    line-height: 26px;

    font-size: 22px;

}

.box-col-yelow-light p {

    font-size: 20px;

}

.text-bg-gray h4 {

    font-size: 22px;

}

.contact-headng-col h3 {

    font-size: 24px;

}



.header-btn a {

    font-size: 22px;

}

.navbar-light .navbar-nav .nav-link {

    font-size: 15px;

}

.navbar-brand img {

    width: 200px;

}

.list-middle-text-col h3 {

    line-height: 40px;

    font-size: 24px;

}

.list-middle-text-col h4 {

    font-size: 28px;

    line-height: 32px;

}

.list-middle-text-col h5 {

    font-size: 26px;

    line-height: 26px;

    margin-top: 0px;

}

.list-middle-text-col p {

    font-size: 22px;

    line-height: 24px;

}





}



@media (min-width: 991px) and (max-width: 1024px) {

div.testi-img img {   

    width: 85%;

}

}



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





.sub-heading-right-icon-col {

    top: -7px;

    width: 110px;

    height: 110px;

    line-height: 80px;

    padding: 10px;

}

.video-content-box {

    line-height: 42px;

    font-size: 15px;

    width: 230px;

}

.box-content-less-more {

    margin-top: 30px;

}

.testi-img {

    top: -82px;  

    left: 0;

    right: 0;

	text-align:center;

    margin: 0 auto;

	 width: 59%;

}

.testi-img img {   

    width: 45%;

}

.team-col {

    margin-bottom: 20px;

}

.box-two-col-with-border h4{

    font-size: 20px;

}

.broder-box-content p {

    font-size: 18px;

    line-height: 22px;

}

.broder-box-content {

    min-height: 280px;

}





}



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

h2 {

    font-size: 36px;

    line-height: 40px;

}

p {

    font-size: 15px;

    line-height: 28px;

}

.navbar-toggle { float: left;margin: 0; height: 45px; width: 45px; border-radius: 0;z-index: 1}

.navbar-toggle .icon-bar { width: 24px; background: #fff;transition: .5s ease;}

.navbar-toggle.collapsed .icon-bar:nth-child(2){transform: rotate(0)translateY(0)translateX(0);}

.navbar-toggle.collapsed .icon-bar:nth-child(3){opacity:1}

.navbar-toggle.collapsed .icon-bar:nth-child(4){transform:rotate(0)translateY(0)translateX(0);}

.navbar-toggle .icon-bar:nth-child(2){transform: rotate(-45deg)translateY(5px)translateX(-5px);}

.navbar-toggle .icon-bar:nth-child(3){opacity: 0}

.navbar-toggle .icon-bar:nth-child(4){transform:rotate(45deg)translateY(-4px)translateX(-3px);}





.header-custom { padding-top: 2px;}

.navbar-brand{padding: 0;}



.navbar-header {

    display: block; 

}

.text-left-box {

    margin-bottom: 20px;

}

.number-blue {

    font-size: 14px;

    line-height: 42px;

    width: 45px;

    height: 45px;

    left: 10px;

    top: 10px;

}







}



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



 header{

    position: fixed;

    height: 100px;

    width: 100%;

    z-index: 100;

    background: white;

	-webkit-box-shadow: 0px 0px 8px 6px rgba(0, 0, 0, 0.08);

    box-shadow: 0px 0px 8px 6px rgba(0, 0, 0, 0.08);

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}

.t1{

	padding-top: 130px;

}

}



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



.navbar-brand img {

    width: 170px;

}

h3 {

    font-size: 28px;

}

h2 {

    font-size: 30px;

    line-height: 30px;

}

.full-text-col h4 {

    padding: 0px 10px;

    font-size: 11px;

    line-height: 24px;

    border: 2px #577633 solid;

}



.w11 form .btn {

    font-size: 18px;

padding: 8px 50px;

    margin: 0;
	    margin-top: 30px;

}

.w11 form .btn img {

    width: 28px;

    height: 28px;

}

.price-box-heading img {

    width: 20px;

}

.price-box-heading h4 {

    font-size: 17px;

    width: 75%;

}

.price-box-heading .price-no {

    width: 25px;

    height: 25px;

    font-size: 14px;

    line-height: 20px;

}

.from-row {

    padding: 0px 0 20px 0;

}

.footer h5 {

    font-size: 14px;

}

.footer {

    padding: 20px 0;

}

.w11 .title {

    font-size: 24px;

    padding: 15px 5px;

    line-height: 36px;

}

.w11 form {

    padding: 5%;

    width: 100%;

}

.banner-left-col {

    padding-right: 0;

    padding-top: 0;

}

.banner-left-col h4 {

    font-size: 10px;

    width: 100%;

    left: 0%;

    margin: 0 auto;

    bottom: 0;

    position: inherit;

    margin-top: 20px;

    margin-bottom: 8px;

    text-align: center;

}

/*.list-middle img {

    width: 30px;

    margin: 0 auto;

}*/

.text-center-box h4 {

    font-size: 15px;

    text-align: center;

    line-height: 32px;

}

.hand-right-img {

    margin-top: 0px;

    width: 100%;

    margin: 0 auto;

}

.box-two-heading h3 {

    padding: 12px;

    font-size: 17px;

}

.box-col-two {

    padding: 25px 12px 25px 40px;

}

.box-col-two-left p {

    line-height: 28px;

    font-size: 18px;

}

.list-middle {

    text-align: center;

}

.box-yellow-light-row {

    padding: 20px 0 22px 0;

}

.box-col-yelow-light h4 {

    line-height: 30px;

    font-size: 18px;

}

.box-col-yelow-light p {

    font-size: 13px;

}

.box-col-yelow-light h4 .number-blue {

    font-size: 13px;

    color: #fff;

    line-height: 30px;

    width: 25px;

    height: 30px;

    left: -25px;

}

.box-col-yelow-light p {

    font-size: 15px;

    line-height: 24px;

}

.right-piano-book-1 {

    position: inherit;

    right: 0;

    top: 0;

    width: 50%;

    margin: 0 auto;

}

.box-col-pink-light h3 {

    font-size: 22px;

    line-height: 30px;

}

.text-bg-gray h4 {

    font-size: 18px;

    line-height: 26px;

    margin: 8px 0;

}

.text-bg-gray h5 {

    font-size: 18px;

    line-height: 26px;

}

.contact-headng-col {

    width: 100%;

}

.contact-headng-col h3 {

    font-size: 16px;

    line-height: 26px;

}

form h2 {

    font-size: 20px;

}

form .form-group span.badge {

    float: none;

}

.list-middle-text-col ul li h4 {

    font-size: 18px;

    line-height: 26px;

    text-align: left;

}

.list-middle-text-col ul li:before {

    width: 30px;

    height: 30px;

}

.list-middle-text-col ul li {

    padding-left: 35px;

}

.list-middle-text-col ul li h5 {

    font-size: 22px;

    text-align: left;

    line-height: 30px;

}

.list-middle-text-col h3 {

    padding: 10px 0px;

    line-height: 24px;

    font-size: 23px;

}

.list-middle-text-col h2 {

    font-size: 22px;

    line-height: 50px;

    width: 100%;

    display: inline-block;

    text-align: center;

}

.list-middle-text-col-bold {

    font-size: 16px;

}

.list-middle-text-col ul > li > ul {

    margin-left: 0;

}

.list-middle-text-col ul > li > ul > li {

    padding-left: 0;

    font-size: 16px;

    text-align: left;

    line-height: 24px;

}

.list-middle-text-col ul li:last-child:before {

    width: 30px;

    height: 30px;

}

.text-center-box {

    margin-top:5px;

    width: 100%;

    padding: 2.5% 12%;

}

.text-center-box h3 {

    font-size: 18px;

    line-height: 26px;

    text-align: center;

}

.right-piyano-col {

    text-align: center;

}

.box-color-hand-book {

    width: 120px;

    margin: 0 auto;

    display: inline-block;

    margin-top: 0;

    margin-left: 0;

    position: absolute;

    left: 0;

    top: -95px;

}

.box-two-row {

    margin-top: 30px;

}

.box-two-heading h2 {

    margin-bottom: 20px;

    font-size: 28px;

    line-height: 40px;

    text-indent: 15px;

}



.from-box:after{

    display: none;

}

#mailformpro .form-group {

    margin-bottom: 0;

}

.from-box {

    padding: 15px;

}

.star-col img {

    width: 135px;

    margin: 0 auto;

}

.w8 .table>thead>tr>th {

    font-size: 10px;

    padding: 5px;

    min-width: 120px;

}

.right-toy-col {

    margin-top: 30px !important;

    width: 190px;

    margin: 0 auto;

}

.desktop-banner-img{

    display: none;

}

.mobile-banner-img {

    display: block;

    width: 100%;

}

.top-btn a {

    background: #8fbf3e;

    color: #fff;

    font-size: 15px;

    padding: 2px 12px;

}

.top-btn {

    margin-top: 15px;

}

.mobile-image-show-round {

    width: 30%;

    display: inline-block;

    margin-left: -50px;

}

.tag-box-col img {

    display: none;

}

.mobile-show-round-images img {

    display: block;

    margin: 0 auto;

    width: 230px;

    margin-top: 10px;

}

.mobile-show-round-images{

    text-align: center;

    display: block;

}

.list-bottom-text-col ul li:before {

    width: 35px;

    height: 35px;

}

.list-bottom-text-col li {

    padding-left: 38px;

}

.yellow-bg .yellow-text-col h4 {

    font-size: 18px;

    line-height: 30px;

}

.yellow-bg .yellow-text-col h3 {

    font-size: 26px;

    line-height: 34px;

}

.box-col-two-left {

    width: 100%;

}

.yellow-light-bg-col-box {

    margin: 0px;

    padding: 0;

}

.carousel-caption h2 {

    font-size: 22px;

    line-height: 24px;

}

.carousel-caption p {

    font-size: 18px;

    line-height: 20px;

    text-align: center;

}

.list-middle-text-col h4 {

    font-size: 22px;

    line-height: 24px;

}

.list-middle-text-col h5 {

    font-size: 24px;

    line-height: 36px;

    margin: 10px 0;

    margin-top: 0;

}

.list-middle-text-col p {

    font-size: 14px;

    text-align: left;

}

.box-with-border-img h4 {

    font-size: 17px;

    line-height: 22px;

}

.content-box-light-gray-box p {

    font-size: 18px;

    padding-top: 0;

}

.normal-text-box h3 {

    font-size: 17px;

    line-height: 26px;

}

.normal-text-box {

    padding: 22px 0 0 0;

}

.list-middle {

    padding: 20px 0;

}

.dowan-arows-box-with-content h3 {

    width: 100%;

    padding: 12px;

    margin-top: 20px;

    line-height: 30px;

}

.dark-gary-box-with-content {

    padding: 5%;

}

.dark-gary-box-with-content h2 {

    font-size: 20px;

    line-height: 30px;

}

.box-with-content-list h3 {

    padding: 10px;

    font-size: 20px;

}

.box-with-content-list h4 {

    font-size: 18px;

}

.box-with-content-list ul li {

    font-size: 18px;

}

.list-box-img {

    float: none;

    width: 70%;

    margin: 0 auto;

    padding-left: 0;

    margin-bottom: 35px;

    overflow: hidden;

    margin-top: 35px;

}

/*.list-box-img img{

    transform: scale(1.4);

}*/

.two-box-img{

    margin-top: 20px;

}

.table-box h3 {

    padding: 10px;

    width: 100%;

    font-size: 16px;

    line-height: 28px;

}

.pdf-box-img {

    width: 100%;

}

.w8 .table>thead>tr>th, .w8 .table>tbody>tr>td {

    padding: 5px 5px;

    font-size: 14px;

    line-height: 28px;

}

.pricing-list-box {

    width: 100%;

}

.thumbel-slider-col .owl-carousel .owl-dots button.owl-dot span {

    width: 12px;

    height: 12px;

}

.thumbel-slider-col h3 {

    font-size: 16px;

    margin-top: 10px;

}

.slider-heading h3 {

    width: 100%;

}

.thumbel-slider-col {

    margin-top: 25px;

}

.thumbel-box-img h4 {

    font-size: 20px;

    padding: 7px;

    line-height: 30px;

}

.contact-deatils-col h4 {

    font-size: 16px;

    line-height: 24px;

}

.contact-deatils-col h3 {

    font-size: 18px;

    line-height: 22px;

}

.contact-logo-col {

    padding: 30px 0 0 0;

    width: 70%;

    margin: 0 auto;

}



.carousel-indicators {

    bottom: 8px;

}

.carousel-control-next, .carousel-control-prev{

    display: none;

}

.box-col-two-desktop{

    display: none;

}

.box-col-two-moblie{

    display: block;

}

.counter-number{

    display: none;

}

.thumbel-box-img {

    position: relative;

    margin-top: 30px;

}

.back-to-top {

    bottom: 30px;

    height: 40px;

    width: 40px;

    font-size: 22px;

    line-height: 34px;

    background: #013b6b;

}

#demo .carousel-indicators li {

    width: 15px;

    height: 15px;

    margin: 0 3px;

}

.about-img{

    padding:25px;

}

.right-arows {

    display: none;

}

.video-bottom-text h4 {

    line-height: 20px;

}

.video-bottom-text h4 a {

    font-size: 13px;

    line-height: 18px;

}

.text-left-box-sub h3 {

    line-height: 32px;

    font-size: 20px;

}

.text-left-box-sub h3:before {

    width: 120px;

}

.sub-heading-right-icon-col {

    width: 85px;

    height: 84px;

    line-height: 60px;

    padding: 10px;

}

.details-video-box h3 {

    font-size: 16px;

    line-height: 28px;

}

.text-left-box h3 {

    font-size: 26px;

}

.box-content-less-more {

    margin: 10px 0;

	min-height: auto;

}

.box-col-news ul li h4 { 

line-height: 1.5;

    font-size: 15px;}

.broder-box-content {

    margin-bottom: 30px;

	min-height: auto;

}

.box-col-news{

    padding: 20px;

}

.team-col {

    text-align: center;

}

.testi-img {

    width: 230px;

    margin: 0 auto;

    text-align: center;

    left: 0;

    right: 0;

}

.team-row .heading-col {

    margin-bottom: 50px;}

.team-col {

    margin-bottom: 100px;

}

.team-col:nth-child(3n) {

    margin-bottom: 0px;

}

.team-row {

    

}



div.fancybox-slide > * {

width: 100%;

padding: 0;

  }

  div.fancybox-slide img {

    max-width: 125%;

}

.right-arows img.mo{

display:block;

}

.right-arows img{

display:none;

}

.right-arows {

display: block;

    position: absolute;

    bottom: 0;

    top: 95%;

    z-index: 9;

    left: 40%;

	right: 0;

}

.mo-arrow {

    margin-bottom: 77px;

}
.parallax-bg {
    height:80%;
}

.t1 {
    padding-top: 80px;
}
}
@media only screen and (min-width: 480px) {
	.hid{display:flex!important;}
	.allshow{display:none;}
}

.more, .rm, .mobile{display:none;}

@media only screen and (max-width: 480px) {
div .team-col1{
margin-bottom: 10px;
}
div .team-col2{
margin-bottom: 100px;
}
div .mobile{display:block;}
.desk{display:none;}
.box-col-news ul li h4 {
    line-height: 1.4;
    padding-top: 0;
}
#news ul li{
	display:none;
}

.team-col h5 {
    font-size: 17px;
    line-height: 1.4;
    padding:24px 0 8px;
}
.team-col {
    background: #f7f7f7;
    border: 1px #e6e5e5 solid;
    padding: 8px 20px;
        padding-top: 8px;
    padding-top: 80px;
    position: relative;
    margin-top: 50px;
}
div.more{
	display:block;
	font-size: 18px;
	color: #bbb;
	cursor: pointer;
}
div.rm{
    display:block;
	width:100%;
	font-size: 16px;
	color: #005A7B;
	text-align:center;
	cursor: pointer;
}
.readmore .col-md-6, .readmore2{display:none;}
div.more:hover{
	color: #005a7b;
}
div.rm:hover{
	color: red;
}

.team-col p{
display:none;
}
.banner-item {
    height: 300px;
}
.banner-slide video {
    top: 150px;    
    min-height: 100%;
    height: 300px;}

.banner-text h2 {
margin-top: 40px;
    font-size: 23px;
}
.robot h3 {
    font-size: 24px;
}
#people .row:last-child .col-md-12:last-child .team-col{
    margin-bottom: 30px;
}
.parallax-bg {
    height: 42%;
	background-attachment: unset;
}

.navbar-brand img {

    width: 130px;

}

.video-wrapper img {
    width: 100%;
    max-width: 100%;
}

.left-right-list-reverce .timeline-coment-box {

    padding: 15px;

    background: transparent !important;

    text-align: center;

}

.w11 form label.radio {

    width: 100%;

}

form .form-group label {

    font-size: 16px;

margin-top: 20px;

}
form .form-group.checkgroup label {
    width: 90%;
    font-size: 15px;
    margin-left: 0;
    margin: 0 3px;
}
.w11 form {
    padding: 0;
}
.w11 form .form-control, .w11 form .form-control:focus {

    min-height: 40px;



}

form .form-group{

    margin-bottom: 5px;

}

.footer p {

    font-size: 15px;

    line-height: 22px;

}

.bl{

display:none;

}

.box-col-yelow-light.val ul li {

    padding-left: 64px;}

 .box-col-yelow-light.val{

    padding: 2% 1% 4%;

}



.box-content-less-more a.custom-box-link-btn {

    padding: 4px 24px;}

.pt-5, .py-5 {

    padding-top: 0rem !important;

	margin-top: 0rem !important;

}

.right-arows img.mo{

display:block;

}

.right-arows img{

display:none;

}

.right-arows {

display: block;

    position: absolute;

    bottom: 0;

    top: 95%;

    z-index: 9;

    left: 40%;

}

.mo-arrow {
	margin-top: 20px;
    margin-bottom: 77px;

}

.from-row {
    padding: 30px 0 20px 0;
}

}



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



}



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



}


/* 20250301追記*/
.banner-item {
  height: auto !important;
}

.banner-slide video {
  width: 100%;
  height: auto !important;
  min-height: 100%;
  display: block;
  position: static;
  top: 0;
  -ms-transform: none;
  -moz-transform: none;
  -webkit-transform: none;
  transform: none;
}

.banner-slide .container {
  display: none;
}