@charset "UTF-8";
/* CSS Document */
@media all and  (max-width:1900px){
.top_menu a{	
letter-spacing: 0px;	
font-size: 1em;	
}
.t-con{
width: 50%;
}    
.t-sns{
justify-content:center;	
width: 50%;			
}    
.t-instagram img{
width:38px;  
} 
}

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

.top_menu .menu_t .logo{
width: 15%;	
padding-left:0.5%;
}
.top_menu .menu_t .logo img{
width:95%;	
display: block;
margin: 0;
}	
.top_menu .m1{
width: 60%;	
}
.t-contact{
width: 20%;
}

.t-con{
width: 100%!important;	
order:2!important;		
}
.t-sns{
justify-content:center;	
width: 100%!important;	
　　order:1!important;	
margin-bottom: 2%;	
}	
 .t-instagram img{
width: 80%;  
 
}   
 footer .f-menu ul{	
justify-content:space-around;	
}
footer .f-menu li{	
font-size: 0.8em;
width: 15%;	
}	
}
@media all and  (max-width:1150px){
.top_menu .menu_t{
justify-content:space-around
}	
.top_menu .menu_t .logo{
width: 20%;	
}
.top_menu .menu_t .logo img{
width:100%!important;	
display: block;
margin: 0;
}
	
.top_menu .m1{
width: 50%;	
}	
.top_menu .m1 ul{
justify-content:space-around;
}	
.top_menu .m1 ul .b1{	
width: 100px;	
}	
.top_menu a{	
letter-spacing: 0px;	
font-size: 0.9em;	
}

footer .f-menu li{	
font-size: 0.6em;
width: 15%;	
}	
 .t-instagram img{
width: 100%;  
margin-left: 10px; 
}    
}

@media all and  (max-width:950px){
.tb{
display: block!important;	
}
.pc{
display: none!important;
}
.midashi h2{
font-size: 2em;	
}	
.kaigyo{
display: block;		
	}	
.top{
position:static;	
padding-bottom: 5%;	
}
.top_menu .menu_t .logo{
width:100%;	
}
.top_menu .menu_t .logo img{
width:30%!important;	
display: block;
margin: 0 auto;
}	
 .t-instagram img{
width: 90%;  
margin:0 auto; 
} 
.top_menu .m1{
width: 70%;	
}	
footer .f-text2{
font-size: 1.2em; 
    }
.t-contact{
width:30%;
}
.font-size_b{
font-size: 1.5em;	
}
.t-bus p{
font-size: 0.5em!important;	
}
.contact-box .contact a{
width: 80%;		
font-size: 1em;		
}	
.font-size_b{
font-size:1.3em;
text-align: center;	
}	
.greeting .g-box p{
font-size:1em;
}	
footer .contact-box{
width: 30%;	
height: 450px;	
background: #BF0404;		
}

footer .f-menu{
width: 70%;	
height: 450px;		
}
footer .f-menu li{	
font-size: 0.5em;
}    
footer .f-text1{
font-size:0.7em;	
padding-top: 10%;	
}

.flow-text2{
font-size:1em!important;	
width: 80%;
display: block;
margin: 0 auto;
}
.flow-text2 strong{	
font-size:1.2em!important;
}		
}
@media all and  (max-width:770px){
	.sp{
		display: block;
	}	
.kaigyo1{
display: block;		
	}	
.midashi h2{
font-size: 1.8em;	
}
.midashi small{
font-size: 0.6em;
}	
.top_menu .menu_t .logo img{
width:50%!important;	
}	
.m1,.t-contact,footer .f-menu ul,.tb2{
display: none;
}
.top{
position:absolute;
padding-bottom: 0%;	
}	
.btn a{
font-size: 1.1em;		
}	
.greeting .g-box p{
text-align:left;
font-size: 0.9em;
}
.font-size_b{
font-size:1.1em;
text-align: center;	
}	
.greeting-text .right{
text-align:center!important;	
}	

.t-bus{
width: 30%!important;	
}	
.con-box{
width: 100%;	
margin-top: 1%;	
}
    footer .f-text2{
font-size: 1em;
    }
footer .contact-box{
width: 100%;	
height: auto;			
}

footer .f-menu{
width: 100%;	
height: auto;				
}	
footer .f-text1{	
padding-top: 0;	
font-size:0.9em;		
}
footer .contact-box{
padding: 10% 0;	
}

footer .f-menu{
padding: 5% 0;		
}
.service-wrapper{
padding: 1% 2%;
}	
.service-text1{
text-align:left;	
font-size: 1.1em;	
}	
.service-text2 strong{
text-align: left;
font-size:1.2em;
line-height: 1.5;	
}
.service-text3{
font-size:0.9em;	
padding: 2%;	
}
.service-text4{
color: #8C0303;	
text-align: left;
line-height: 200%;
font-size:0.9em;	
padding: 2%;
}
.service-text4 strong{
text-align: left;
font-size: 1.1em;		
} 
.table2 table tr{
padding: 3% 0;
}	
.table2 table th{
font-size:0.9em;	
}
.table2 small{
font-size: 0.7em;	
color: #BF0404;	
}
.table2 table td{	
font-size:0.8em;
line-height: 1.75;	
}	
.table2 iframe{
height: 200px;	
}	
.flow-text1{
display: block;
margin: 0 auto;
}	
.flow{
padding: 5%;
}	
.flow-text1 strong{
font-size: 2em;	
}	
.flow-text2{
width:100%!important;
font-size: 1em;	
display: block;	
}	
.flow-text2 strong{	
padding-top: 3%;	
text-align: center;
}	
.flow-text3 strong{
font-size:1.2em;	
}
.flow-text3{;
font-size:0.9em;	
}	
.flow-text3 img{
width:95%;	
}	
.question{
font-size: 1em;
padding: 2%;		
}
.answer{	
font-size:0.9em;
padding: 2%;	
}
.faq-wrapper .faq-text{
font-size: 1em;
text-align:left;
line-height: 1.75;	
}
.contact-box2{
width: 100%;	
}	
.contact-box2 p{
font-size: 1em;
color: #fff;
height: 100px;	
line-height: 100px;	
}
.contact-box2 a{
font-size:1.5em;
color:#BF0404; 
height: 100px;	
line-height: 100px;	
}
.contact2 .red{
text-align: left;
line-height: 1.75;	
}	
.contact-wrapper .text3{
font-size: 1.1em;
}	
.table1 table .red{
	background-color:#BF0404;
	display: block;
	font-size:0.7em;
	padding:2px 5px;
	margin-left: 0px;
	width: 30%;
	text-align: center;
	margin-bottom: 1%;
}
.table1 table .pink{
	background-color:#fdd6dd;
	display: block;
	color:#BF0404;
	font-size:0.7em;
	padding:2px 5px;
	margin-left: 0px;
	width: 30%;
	text-align: center;
	margin-bottom: 1%;
}	
.table1 table th{
	font-size:0.9em;
	width:40%!important;
}

.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: 1em;
text-align: left;	
color:#333;
border-bottom: 1px dotted #eee;
padding: 2% 1%;
font-weight:300;
}
button[type="submit"]{
	font-size:0.9em;
	padding: 10px;
}
.fm-text p{
	font-size:0.9em;
}	
	
.table table th{
width:35%;	
font-size:0.9em;	
}
.table iframe{
height: 200px;	
}
.table table td img{
width: 70%;	
padding-top: 3%;	
}
.table table td{
font-size:0.9em;	
}
.table small{
display:block;
}	
.globalMenuSp {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    height: 100%;
    overflow: auto;
   background:#fff;
    text-align: center;
    transform: translateX(-100%);
    transition: all 0.6s;
    width: 100%;
    -webkit-overflow-scrolling: touch;
	text-align: center;
}
 
.globalMenuSp ul {
    background:#fff;
background-position: center left;
background-size: cover;	
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
 
.globalMenuSp ul li {
    font-size: 1rem;
    list-style-type: none;
    width: 100%;
    border-bottom: 1px dotted #292929;
}
 
 
.globalMenuSp ul li a {
    display: block;
    color: #333;
    padding: 1em 0;
}
 
/* このクラスを、jQueryで付与・削除する */
.globalMenuSp.active {
    transform: translateX(0%);
}
 
/* メニュー内ヘッダ */
.globalMenuSp .menuHeader {
background-color: #FFEDED;
 padding: 1.5em 0;	
}

 
/* メニューだけをスクロールさせる工夫 */
.overflowHidden {
    overflow: hidden;
}
.navToggle {
    display: block;
    position: fixed;    /* bodyに対しての絶対位置指定 */
    right: 5px;
    top: 1px;
    width: 42px;
    height: 42px;
    cursor: pointer;
    z-index: 9999;
    text-align: center;
	background:#BF0404;
}
 
.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;
	}

	.sp_otoi .tel_s{
width: 100%;
height: auto;
display: inline-block;
padding: 5% 0;	
	
	}
.tel_s a{
color: #fff;
font-weight: bold;
border: solid 2px #fff;
padding: 2%;
margin: 3% auto;
width: 60%;
border-radius: 50px;
display: block;	
transition: all 0.5s;		
background:#BF0404;	
	}
.tel_s a:hover{
opacity: 0.8;
text-decoration: transparent;			
	}	
.tel_s small{
font-size: 0.7em;
display: block;	
margin: 3px 0;	
}
.s-sns{
width:100%;
display: flex;	
justify-content:center;
align-items:flex-start;	
}
.s-line,.s-facebook,.s-instagram{
width:calc(30% / 3);	
}
    .s-instagram .instagram-img{
    width: 50%;   
    display: block;
    margin: 0 auto; 
    padding-top: 5%;    
    }
/*====instagramとLINE===*/
.btn-social-icon-instagram {
  text-decoration: none;
  display: inline-block;
  text-align: center;
  color: #2e6ca5;
  font-size: 25px;
  text-decoration: none;	
}

.btn-social-icon-instagram:hover {
  color:#668ad8;
  transition: .5s;
}

.btn-social-icon-instagram__square {
  border-radius: 13px;
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  font-size: 35px;
  line-height: 50px;
  overflow: hidden;
}

.btn-social-icon-instagram__square:before {
  content: '';
  position: absolute;
  top: 23px;
  left: -18px;
  width: 60px;
  height: 60px;
}

.btn-social-icon-instagram__square .fa-instagram {
    color: #f13f79!important;
  line-height: 50px;
  position: relative;
  z-index: 2}

.btn-social-icon-instagram__square .fa-line {
    color: #06c755!important;
  line-height: 50px;
  position: relative;
  z-index: 2}
/*====Facebook===*/
.btn-social-icon-facebook {
  text-decoration: none;
  display: inline-block;
  text-align: center;
  font-size: 25px;
  text-decoration: none;
}

.btn-social-icon-facebook:hover {
  transition: .5s;
}

.btn-social-icon-facebook__square {
  border-radius: 10px;
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  font-size: 35px;
  line-height: 50px;
  color: #4966a0;
}

.btn-social-icon-facebook__square .fa-facebook {
  position: absolute;
  bottom: -3px;
  right: 6px;
  font-size: 42px;
}	
}
@media all and  (max-width:590px){
    .s-line,.s-facebook,.s-instagram{
width:calc(50% / 3);	
}
    .s-instagram .instagram-img{
    width: 70%;   
    display: block;
    margin: 0 auto ; 
    padding-top: 5%;    
    }    
}
@media all and  (max-width:350px){
   .s-instagram .instagram-img{
    width: 80%;   
margin: 3% auto 0;
    }
}