@charset "UTF-8";
/* CSS Document */
@media all and  (max-width:1900px){
	

}

@media all and  (max-width:2300px){



}
@media all and  (max-width:1400px){
	
	
.top_menu .menu_t .logo img{
width:15%;		
}
.top_menu .m1{
width: 55%;	
}	
.top_menu .m1 ul{
justify-content:space-between;	
}	
.top_menu .m1 ul .b1{	
font-size:0.9em;	
}	
.top-contact{
width: 20%;		
}	
.t-tel{
width: 70%;	
}
.t-tel small{
font-size: 0.1em;	
}
.t-tel a{
font-size: 0.9em;
height: 80px;
padding-top: 25px;		
}
.t-tel a:hover{
opacity: 0.8;
text-decoration: transparent;	
}
.t-mail{
width: 15%;	
}
.t-mail a{
color: #fff;
background:rgba(255,255,255,0.5);
height: 80px;
padding-top: 30px;		
}

.t-mail .fa-envelope{
font-size:1.5em;	
}
.t-instagram{
width: 15%;	
}
.t-instagram a{
color: #fff;
    background: linear-gradient(45deg, rgba(254,212,117,1) 0%,rgba(229,61,93,1) 50%,rgba(194,49,134,1) 70%,rgba(156,56,187,1) 100%);
height: 80px;
padding-top: 30px;		
}
.t-instagram .fa-instagram{
font-size:1.5em;
}
}

@media all and  (max-width:1200px){
    .globalMenuSp {
        position: fixed;
        z-index: 9999;
        top: 0;
        left: 0;
        height: 100%;
        overflow: auto;
    background-color:#00284B;
        text-align: center;
        transform: translateX(-100%);
        transition: all 0.6s;
        width: 100%;
        -webkit-overflow-scrolling: touch;
        text-align: center;
    }
     
    .globalMenuSp ul {
        background:#00284B;
        margin: 0 auto;
        padding: 0;
        width: 100%;
        margin-bottom: 30px;
    }
     
    .globalMenuSp ul li {
        font-size: 1rem;
        list-style-type: none;
        width: 100%;
        border-bottom: 1px dotted #c8e4fd;
    }
     
     
    .globalMenuSp ul li a {
        display: block;
        color: #fff;
        padding: 1em 0;
    }
     
    /* このクラスを、jQueryで付与・削除する */
    .globalMenuSp.active {
        transform: translateX(0%);
    }
     
    /* メニュー内ヘッダ */
    .globalMenuSp .menuHeader {
    background-color: #00284B;
     padding: 1.5em 0;	
    }


    .navToggle {
        display: block;
        position: fixed;    /* bodyに対しての絶対位置指定 */
        right: 5px;
        top: 1px;
        width: 42px;
        height: 42px;
        cursor: pointer;
        z-index: 9999;
        text-align: center;
        background:#B58F1A;
    }
     
    .navToggle span {
        display: block;
        position: absolute;    /* .navToggleに対して */
        width: 30px;
        border-bottom: solid 3px #fff;
        -webkit-transition: .35s ease-in-out;
        -moz-transition: .35s ease-in-out;
        transition: .35s ease-in-out;
        left: 6px;
        
    }
     
    .navToggle span:nth-child(1) {
        top: 9px;
    }
     
    .navToggle span:nth-child(2) {
        top: 18px;
    }
     
    .navToggle span:nth-child(3) {
        top: 27px;
    }
     
    .navToggle span:nth-child(4) {
        border: none;
        color: #fff;
        font-size: 9px;
        font-weight: bold;
        top: 34px;
    }
    /* 最初のspanをマイナス45度に */
    .navToggle.active span:nth-child(1) {
        top: 18px;
        left: 6px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg);
        border-bottom: solid 3px #fff;
    }
     
    /* 2番目と3番目のspanを45度に */
    .navToggle.active span:nth-child(2),
    .navToggle.active span:nth-child(3) {
        top: 18px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
        border-bottom: solid 3px #fff;
    }	
        
    .globalMenuSp, .navToggle{
        display:block;
    }
}



@media all and  (max-width:1100px){

	.tb{
	display: block!important;	
	}	
.pc{display:none}	
.top_menu .m1 ul .b1{	
font-size:0.7em;	
}	
	.header-logo{
	width: 30%;	
	z-index: 999;
		position: absolute;		
	top: 2px;
	left: 2px;		
	}

.t-tel small{
font-size: 0.6em;	
}
	footer{
position: relative;
	}
.f-con{
width:100%;	
height: 70px;	
display: flex;	
justify-content:center;
align-items:center;		
font-family: ryo-gothic-plusn,sans-serif;
font-weight: 700;
font-style: normal;	
position: fixed;
bottom: 0;
background: #00284B;		
}
.f-con p{
width: 30%;		
font-size: 1em;
color: #fff;
line-height: 1.5;		
	}	
.f-tel{
width: 30%;	
position: relative;
}
.f-tel small{
display: block;
font-size: 0.7em;	
}
.f-tel a{
font-size: 1.5em;
color: #fff;
background: #B58F1A;
	height: 70px;		
line-height: 1.5;	
display: block;	
transition: all 0.3s;
letter-spacing: 2px;
padding-top: 2%;	
}
.f-tel a:hover{
opacity: 0.8;
text-decoration: transparent;	
}
.f-mail{
width: 20%;	
}
.f-mail a{
color: #fff;
background:rgba(255,255,255,0.5);
display: block;	
transition: all 0.3s;
letter-spacing: 2px;
	height: 70px;
padding-top: 6%!important;	
}
.f-mail a:hover{
opacity: 0.8;
text-decoration: transparent;	
}
.f-mail .fa-envelope{
font-size:3em;
color: #fff;	
}
.f-instagram{
width: 20%;	
}
.f-instagram a{
color: #fff;
    background: linear-gradient(45deg, rgba(254,212,117,1) 0%,rgba(229,61,93,1) 50%,rgba(194,49,134,1) 70%,rgba(156,56,187,1) 100%);
display: block;	
transition: all 0.3s;
letter-spacing: 2px;
	height: 70px;
padding-top: 6%!important;		
}
.f-instagram .fa-instagram{
font-size:3em;
color: #fff;	
}
.triangle1{
  position: absolute;	
  width: 0;
  height: 0;
  border-left: 35px solid #00284B;
  border-top: 35px solid transparent;
  border-bottom: 35px solid transparent;
  left: 0;
	 padding: 0
}
.company-box .w80{
width: 60%;	
}
.company-img{
width: 40%;		
}	
	
}
@media all and  (max-width:950px){
	.kaigyo1{
display: block;		
	}	
	.top,.f-menu{
	display: none;
	}
.midashi h2{
font-size: 2em!important;
}
.btn a{
font-size: 1.3em;	
}
		
.f-con p{	
width:15%;	
font-size:0.8em;		
	}	
.f-tel{	
width: 40%;	
}
.f-tel small{
font-size: 0.7em;	
}
.f-tel a{
font-size: 1em;	
padding-top:6%;	
}
.f-mail{
width: 10%;	
}
.f-mail a{
padding-top:30%!important;		
}
.f-mail .fa-envelope{
font-size:1.5em;		
}
.f-instagram{
width: 10%;	
}
.f-instagram a{
padding-top:25%!important;		
}
.f-instagram .fa-instagram{
font-size:1.5em;
color: #fff;
padding-top:6%;		
}
.service-box{
width:46%;			
}	
.first1{
justify-content:space-around;	
}	
.first-box1{
width:48%!important;
margin-top: 1%;	
}	
.first2 strong{
font-size: 1.3em;	
width: 350px;		
}
.first2 .w750{
width: 650px;	
}
.first-text3{
font-size: 2em!important;	
text-align: center!important;
}	
.first-box1 p{		
font-size:0.9em;
text-align: left;
padding: 1%;	
}	
.first-text4{
font-size: 1.2em!important;	
}	
	
.facility-box .text2{
height: 160px;	
}	
	
.company-box .w80{
width: 50%;	
}
.company-img{
width: 50%;		
}	
.company-img img{
width:90%;	
display: block;
margin: 10% auto 1%;
}
.schedule  table th{
font-size: 0.9em;	
}
.schedule  table td{
font-size:0.9em;	
}	


 
/* メニューだけをスクロールさせる工夫 */
.overflowHidden {
    overflow: hidden;
}


	
}

@media all and  (max-width:650px){
	.sp{
display: block!important;		
	}	
	.kaigyo{
display: block;		
	}	
.midashi h2{
font-size:1.5em!important;
}
.h_text3{
font-size:1.8em;	
}	
.greeting-box{
padding:13% 0 10%;
}	
.greeting {
padding-top: 3%;	
}
.greeting .g-box{
width: 100%;
margin-top: 3%;	
}

.first-box{
margin: 5% 0;	
}	
.first-box p{
text-align: left;
padding: 3% 0;	
}
.btn a{
width: 90%;
margin: 5% auto;
	}
.first-text2{	
width: 100%;	
padding:2%;
}
.first{
margin: 5% 0;
}	
.first div{
width: 100%;	
}

.flow_price-box{
margin: 10% 0 ;	
}
.btn2{
width: 100%!important;
margin-top: 2%;	
}	
.f-logo img{
width: 70%;
}	
.fp-text1{
text-align: left;
	}	
.fp-box{
width: 100%;
}
.fp-box p{
font-size: 1.3em;	
	}
.f-box{
width: 100%;
margin-top: 2%;	
}

.f-con{
height: 50px;			
}
.f-con p{
width: 20%;		
font-size:0.5em;
	}	
.f-tel{
width: 50%;	
position: relative;
}

.f-tel a{
font-size:0.8em;	
height: 50px;	
}
.f-mail{
width: 15%;	
}
.f-mail a{
	height: 50px;
padding-top: 25%!important;	
}

.f-instagram{
width: 15%;	
}
.f-instagram a{
height: 50px;
padding-top: 23%!important;		
}
.triangle1{
  position: absolute;	
  width: 0;
  height: 0;
  border-left: 25px solid #00284B;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
  left: 0;
	 padding: 0
}
.c-box{
width: 100%;	
}	
.c-box img{
margin: 2% auto;		
}	
.footer-contact{
width: 100%;
padding-bottom:10%;
}	
.f-box{
width: 100%;
height: auto;	
margin: 1% 0;	
}
.f-box img{
width: 80%;
display: block;
margin: 0 auto;
}
.schedule  table th{
font-size: 0.7em;	
}
.schedule  table td{
font-size:0.7em;	
}	
.service-photo{
width:100%	
}	
.service-photo img{
width: 100%;
}
.service-text .text1{
font-size: 1.3em;	
margin: 2% 0;	
}
.service-text .text2{
font-size:0.9em;	
}	
.service-text{
width:100%	
}	
.service-box{
width:100%;	
margin-left:0;
margin-top:5%;	
margin-bottom:5%;
height: auto;	
}
.service-box .text1{
font-size: 1.1em;	
}
.service-box .text2{
font-size:0.9em;
}
.service-text1 .text1{
font-size: 1.1em;	
}
.service-text1 .text4{
font-size: 1.5em;
margin: 2% 0;	
}
.service-text1 .text2{
font-size:0.9em;
padding: 2% 0;	
}	
.facility-box{
width:100%;	
margin-top: 3%;	
padding: 2%;	
}	
.first-text3{
font-size: 1.5em!important;	
text-align: center!important;
}
.first-box2{
width: 100%;
margin-top: 5%;	
}	
 .first-text4{
font-size: 1.3em!important;
text-align: center!important;	
}	
.first-text5{
font-size: 0.9em!important;
	text-align: center!important;
	}	
.first2 p{
font-size:0.9em;	
}
.first2 strong{
font-size: 1em;	
display: block;
width:50%;		
}
.first2 .w750{
width: 85%;	
}
.first2 .strong{
font-size:1.5em;
display: block;	
}
.first-text7{
font-size: 1.3em!important;
}
.title1 {
    font-size:0.9rem;
    text-align: left;
}    
.facility-photo{
width:100%	
}
.facility-photo img{
width:100%	
}	
.facility-text .text1{
font-size: 1.2em;	
margin: 2% 0;	
}
.facility-text .text2{
font-size:0.9em;
padding: 1%;
height: auto;	
}
.facility-wrapper .text3{
font-size: 1em;
text-align: left;
}	
.facility-text{
width:100%	
}	
.facility-box .text1{
font-size: 1.1em;
}
.facility-box .text2{
font-size:0.9em;
height:auto;	
}	
.company-wrapper h2 {
font-size: 1.8em;	
}
.company-text1{
font-size: 0.9em;
}
.company-box .w80{
width: 100%;	
}
.company-img{
width:100%;		
}
.company-img img{
width:60%;	
display: block;
margin: 5% auto 0;
}
.table table th{
width: 30%;	
font-size:0.9em;	
}
.table small{
font-size: 0.8em;	
color: #BF0404;	
}
.table table td{
font-size:0.9em;	
}	
.table iframe{
height: 200px;	
}	
.contact-box1{
font-size: 1.1em;
text-align:left;
line-height: 1.5;	
}	
.contact-box2 .c-blue{
font-size: 1em;
width: 100%;
height: 50px;	
text-align: center;	
margin: 0 auto;
line-height: 50px;;
}
.contact-box2 strong{
display: block;	
font-size: 2em;	
margin: 2% 0 1%;
color: #00284B;	
}
.contact-box2 .small{
font-size:0.6em!important;	
font-weight: bold;
}
.contact-box2 .border{
width: 100%;
}
.contact-box2 a{
	width: 100%;
}	
.table1 table th{
	font-size: 0.9em;
}

.table1 table td p{
	font-size: 0.9em;
}
.table1 table td img{
width:100%;	
margin-top: 1%;	
border-radius: 50px;	
}
.table1 table td{
font-size: 0.9em;
}
button[type="submit"]{
	font-size:1em;
	padding: 5px;
}
.table1 table .red{
display: block;
margin-bottom: 1%;	
width: 50%;
text-align: center;	
}
.table1 table .gold{
display: block;
margin-bottom: 1%;
width: 50%;
text-align: center;	
}
.fm-text p{
	font-size:0.9em;
}
.form-button button {
    width: 60%;
}	
.kojin h3{
font-size: 1.1em;
}
.kojin h4{
font-size: 1em;
}	
}
@media all and  (max-width:360px){	
.f-box p{
text-align: left;
font-size: 0.9em;	
	}
.h_text3{
font-size:1.5em;	
}
.company-wrapper h2 {
font-size: 1.5em;	
}	
}