@charset "UTF-8";
/* CSS Document */
@media (min-width:1051px) {
	/*メインイメージ*/
	#main_image{}
	#main_image .inner{position:relative;width:100%;aspect-ratio: 2.5 / 1;min-height: 700px;/*height: 800px;*/margin: 0 auto 0px auto;background:  #9FA8DA}
	
	#main_image .inner #slide_area{ width:100%;height:100%;position: absolute;top:0%;left:0%;}
	#main_image .inner #slide_area .slider_loop{position: absolute;top:0%;left:0%; width:100%;height:100%;margin: 0 auto 0px auto;}	
	#main_image .inner #slide_area .slider_loop div{height:100%; }

	.slick-slide {    will-change: transform;}
	.slick-slider div { transition: none; }

	.slick-list {    min-width: 100vw;    overflow: hidden;}
	.slick-track {    will-change: transform;}

	#main_image .inner #slide_area .slider_loop .unit{}
	#main_image .inner #slide_area .slider_loop .unit img {width:auto;height:100%;min-height: 100%;/**/}
	
	#main_image .inner #catch_copy_area{
		position: absolute;
		bottom: 0%;
		/* left:40%;
		transform: translateX(-50%);
		width:80%; */
		z-index: 2;
	}
	#main_image .inner #catch_copy_area h2{display:inline-block;font-size: 70px;color: #ff8a04 ;background:white;margin: -100px auto -100px -400px;padding: 0px 10px;font-weight:500}
	#main_image .inner #catch_copy_area p{font-size: 60px;margin: 0 ;padding:5px 10px 0px 10px;font-weight:700;line-height: 70px}
	#main_image .inner #catch_copy_area p .ql-size-small  {    font-size: 50px;     }
	#main_image .inner #catch_copy_area p .ql-size-large  {    font-size: 70px;     }
	#main_image .inner #catch_copy_area p .ql-size-huge  {    font-size: 80px;     }
	
	/*トリプルスリーってどんなところ？*/
	#introduction {    text-align: center;    margin-bottom: 40px;  }
	#introduction h3 {    font-size: 60px;    color: #283593;    font-weight: 500;    position: relative;    display: inline-block;    text-align: left;    letter-spacing: 1px;  }
	#introduction h3 span {    display: block;    font-size: 14px;    color: #283593;    position: absolute;    left: 0;    top: 100%;    width: 100%;    text-align: center;    margin-top: 10px;    letter-spacing: 1px;  }
	#introduction .inner {    width: 80%;    max-width: 950px;    background-color: #fff;      margin: 0 auto;    padding: 40px 80px;	}
	#introduction .movie01 {    width: 817px;    margin: 0 auto;  }
	#introduction .text_area h4 {    font-size: 36px;    color: #f07900;    margin: 25px 0 20px;  }	
	#introduction .text_area p {    width: 80%;    margin: 0 auto;    text-align: left;  }
	
	/*インタビュー*/  
	#interview {    width: 100%;    margin: 0 auto;    text-align: center;   }
	#interview .inner {    width: 80%;    max-width: 1400px;    margin: 0 auto;    display: inline-block;     text-align: left;   }
	#interview h3 {    font-size: 60px;    color: #283593;    font-weight: 500;    position: relative;    display: inline-block;    text-align: left;    letter-spacing: 1px;  }
	#interview h3 span {    display: block;    font-size: 14px;    color: #283593;    position: absolute;    left: 0;    top: 100%;    width: 100%;    text-align: center;    margin-top: 10px;    letter-spacing: 1px;  }
	
	#interview .unit01, #interview .unit02 {    display: flex;    width: 80%;    max-width: 1400px;    min-width: 1050px;    margin: 10px auto 80px;  }
	#interview .movie01 {    max-width: 500px; min-width: 400px;  height: auto;   background: #283593;    margin: 0 0 0 50px;    padding: 20px 40px 20px 0; align-self: flex-start; }
	#interview .movie01 img{ height: auto; }
	#interview .movie01 video{ height: auto; }
	
	#interview .unit01 .text_area, #interview .unit02 .text_area {    text-align: left;  }
	#interview .movie02 {    max-width: 500px; min-width: 400px;  height: auto;    background: #283593;    margin: 0 50px 0 0;    padding: 20px 0 20px 40px; align-self: flex-start; }    
	#interview .movie01 img{ height: auto; }
	#interview .movie01 video{ height: auto; }
	
	#interview .text_area .title01 {     font-weight: normal;   font-size: 30px;    margin: 0 auto 10px auto;    padding: 0;    border-bottom: none;  }
	#interview .text_area .title01 span.ql-size-small  {    font-size: 20px;     }
	#interview .text_area .title01 span.ql-size-large  {    font-size: 50px;     }
	#interview .text_area .title01 span.ql-size-huge  {    font-size: 60px;     }
	#interview .text_area .title02 {    font-size: 20px;    margin: 0 auto;    padding: 0 0 20px 0;    border-bottom: 2px solid  #283593;  }
	
	
	/* チェックポイント */
	#check_point {    width: 100%;    margin: 50px auto ;    background-color:  #283593;    text-align: center;    padding: 50px 0;  }
	#check_point h3 {    font-size: 60px;    color: #9FA8DA;    font-weight: 500;    position: relative;    display: inline-block;    text-align: left;    letter-spacing: 1px;    margin: 0;  }
	#check_point h3 span {    display: block;    font-size: 14px;    color: #9FA8DA;    position: absolute;    left: 0;    top: 100%;    width: 100%;    text-align: center;    margin-top: 10px;    letter-spacing: 1px;  }
	#check_point .inner {    display: flex;    width: 80%;    max-width: 1400px;    min-width: 1050px;    gap: 30px;    margin: 80px auto 0;	}
	#check_point > .inner:first-of-type .point {    flex: 1;    display: flex;    flex-direction: column;  }
	#check_point > .inner:not(:first-of-type) .point  {    width: 33.33%;    flex: none;  }
	#check_point .inner .point figure {    margin: 0;    padding: 0;    display: flex;  height: 300px;  align-items: center; }
	#check_point .inner .point figure video {    width: 100%;    height: 100%;  justify-content: center;  }
	#check_point .inner .point figure img {    width: 100%;    height: 100%;    object-fit: cover;    object-position: center;  }
	#check_point .inner .point a {    text-decoration: none;    color: #333;  }
	#check_point .inner .point .title {  background-color: #9FA8DA;   font-weight: normal; font-size: 16px;  text-align: center;  letter-spacing: 1px;     padding: 10px 0;    border-radius: 30px;  margin-top: 20px; margin-bottom: 20px; }
	#check_point .inner .point div h4 { max-width: 21em; color: #333; text-align: center; display: block; margin: 0 auto; font-weight: normal;}
	#check_point .inner .point p {    color: #fff;    font-weight: normal;    letter-spacing: 1px;    text-align: left;    margin-top: 0;  }
	
	/*スライド写真*/
	#interval {    background: #9FA8DA;    width: 100%;    padding-bottom: 20px;  }
	#interval .slider_loop {    width: 100%;    margin: 0 auto 0px auto;  }  
	#interval .slider_loop div {		height: 100%;  }
	#interval .slider_loop .unit {}
	#interval .slider_loop .unit img {    width: auto;  height: 300px;  margin-left: 10px;  object-fit: cover;  }   
	
	/* 店舗一覧 */
    #shop_list .container { width: 80%;max-width: 1300px;min-width: 1050px;margin: 50px auto 80px auto;padding: 50px 0;background: white;}
    #shop_list .container h3 {font-size: 60px;color:  #283593;font-weight: 500;letter-spacing: 1px;margin: 0 auto 50px auto;padding: 0;text-align: center;}
    #shop_list .container h3 span {display: block;font-size: 14px;color:  #283593; margin-top: 10px;letter-spacing: 1px;}
    #shop_list .container .inner {margin: 0 auto;width: 1050px;display: flex;flex-wrap: wrap;gap: 20px;align-items: flex-start;}
    #shop_list .container .inner .unit {width: 335px;margin-bottom: 20px;padding: 0;}
    #shop_list .container .inner .unit figure {margin: 0;padding: 0;height: 250px;}
    #shop_list .container .inner .unit figure img {width: 100%;height: 100%;object-fit: cover;object-position: 50% 50%;margin: 0;padding: 0;}
    #shop_list .container .inner .unit .info {background: #9FA8DA;}#shop_list .container .inner .unit .info .name {margin: 0;padding: 10px 5px 10px 5px;background: #283593 ;font-size: 14px;color: white;text-align: center;}
    #shop_list .container .inner .unit .info .address,#shop_list .container .inner .unit .info .tel,#shop_list .container .inner .unit .info .time,#shop_list .container .inner .unit .info .freecontents {width: 90%;margin: 0 auto;padding: 20px 0 10px 0;font-size: 14px;}
	#shop_list .container .inner .unit .info .name {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; /* Safari */ -o-text-overflow: ellipsis; /* Opera */ font-family: sans-serif;}
	#shop_list .container .inner .unit .info .address {padding: 20px 0 0 0;}
    #shop_list .container .inner .unit .info .time {margin-bottom: 10px;}
    #shop_list .container .inner .unit .info .reservation a {display: block;width: 80%;margin: 0 auto;padding: 10px 5px 10px 5px;background: #283593;font-size: 14px;color: white;text-align: center;text-decoration: none;border-radius: 5px;}
	#shop_list .container .inner .unit .info .reservation a  {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; /* Safari */ -o-text-overflow: ellipsis; /* Opera */}
	#shop_list .container .inner .unit .info .reservation a:hover {background: #283593;}
    .hidden-units {display: none;overflow: hidden;max-height: 0;transition: max-height 0.5s ease-out, opacity 0.5s ease-out;opacity: 0;}
    .hidden-units.show {display: flex;flex-wrap: wrap;gap: 20px;width: 100%;max-height: 100000px;opacity: 1;}
    .view-more-btn {display: block;width: 200px;margin: 20px auto 0;padding: 10px 20px;background: #283593;color: white;text-align: center;border: none;border-radius: 5px;cursor: pointer;font-size: 16px;transition: background-color 0.3s;}
    .view-more-btn:hover {background: #283593;}
    
	/* 採用情報 */	
	#recruit {  margin: 0px auto 80px auto;  }
	  #recruit a{display:block; width:80%;  max-width: 1300px;    min-width: 1050px;        margin: 0px auto 0 auto; padding:30px 0;   background-image: linear-gradient(90deg,  #28359312,  #283593);    border-radius: 20px;    box-shadow: 0 5px 10px black; }
	  #recruit a:hover {    transform: scale(1.05, 1.05);  }
	  #recruit a .inner {    display: flex; justify-content: space-between;align-items: center;      width: 95%;    margin: 0 auto;   }
	  #recruit a .inner .img_area{width:50%;}
	  #recruit a .inner .img_area figure{margin:0;padding: 0}
	  #recruit a .inner .img_area figure img{ width: 100%; }
	  
	  #recruit a .inner .text_area{		width:35%;padding-right: 10%  }
	  #recruit a .inner .text_area h3 { position: relative;   font-size:60px;    color:  #9FA8DA;    font-weight: 500;     letter-spacing: 1px;    margin: 0 auto 0px auto; padding: 0 0 20px 0; }
	  #recruit a .inner .text_area h3 span {    display: block;    font-size: 14px;    color:  #9FA8DA;    width: 100%;     margin-top: 0px;    letter-spacing: 1px;  }	  
	  #recruit a .inner .text_area h3::after{content:'';position: absolute;bottom: 0;left: 0;background: url("../img/arrow.png") no-repeat;background-size: 100% auto;background-position: 50% 100%;width: 100%;height: 50px}
	  #recruit a .inner .text_area p {    color: #fff;  }
    
	 /* 会社概要 */
	  #company {      margin: 0px auto 80px auto;    padding: 0 0px;       }	  
	  #company h3 {    font-size: 60px;    color:  #283593;    font-weight: 500;  text-align: center;     letter-spacing: 1px;    margin: 0 auto 30px auto;padding: 0  }
	  #company h3 span {    display: block;    font-size: 14px;    color:  #283593;      width: 100%;     margin-top: 10px;    letter-spacing: 1px;  }
	  #company .inner{  width: 80%;    max-width: 1200px;    min-width: 1050px;margin: 0 auto;display: flex;    flex-wrap: wrap;justify-content: space-between; align-items: center;}
	  #company .inner .profile {    width:45% ;margin: 0 ; }
	  #company .inner .profile dl {    display: flex;    flex-wrap: wrap;    width: 100%;    border-top: 1px solid rgba(51, 51, 51, 0.2);  }
	  #company .inner .profile dl dt{width:30%;margin:0;padding:12px 10px;background:#283593;text-align:center;font-size: 16px;color:white;box-sizing: border-box; border-bottom: 1px solid rgba(51, 51, 51, 0.2);border-right: 1px solid rgba(51, 51, 51, 0.2); }
	  #company .inner .profile dl dd {    width: 70%;    margin: 0;    padding: 12px 10px;    font-size: 16px;    box-sizing: border-box;    border-bottom: 1px solid rgba(51, 51, 51, 0.2);  }
	  #company .inner .profile dl dt:last-of-type, #company .container .inner .profile dl dd:last-of-type {    border-bottom: none;  }
	  #company .inner .map_area {    width: 45%;  margin: 0 auto;  aspect-ratio: 1.5 / 1;  }
	  #company .inner .map_area .google_map {    height: 100%;  }
	  #company .inner .map_area .google_map iframe {    width: 100%;    height: 100%;    border: 0  }	
}

  @media screen and (min-width:701px) and (max-width:1050px) {
	  /*メインイメージ*/
	#main_image{}
	#main_image .inner{position:relative;width:100%;aspect-ratio: 2.5 / 1;min-height: 700px;margin: 0 auto 100px auto;background:  #9FA8DA}
	
	#main_image .inner #slide_area{ width:100%;height:100%;position: absolute;top:0%;left:0%;}
	#main_image .inner #slide_area .slider_loop{position: absolute;top:0%;left:0%; width:100%;height:100%;margin: 0 auto 0px auto;}	
	#main_image .inner #slide_area .slider_loop div{height:100%;}
	#main_image .inner #slide_area .slider_loop .unit{}
	#main_image .inner #slide_area .slider_loop .unit img {width:100%;height:100%;object-fit: cover;/**/}
	
	#main_image .inner #catch_copy_area{position: absolute;bottom: 0%;z-index: 2;}
	#main_image .inner #catch_copy_area h2{display:inline-block;font-size: 50px;color: #ff8a04 ;background:white;margin: 0 auto 20px 0;padding: 0px 10px;font-weight:500}
	#main_image .inner #catch_copy_area p{font-size: 40px;margin: 0 ;padding:5px 10px 0px 10px;font-weight:700;line-height:50px}
	#main_image .inner #catch_copy_area p .ql-size-small  {    font-size: 30px;     }
	#main_image .inner #catch_copy_area p .ql-size-large  {    font-size: 50px;     }
	#main_image .inner #catch_copy_area p .ql-size-huge  {    font-size: 60px;     }
	  
	  /*トリプルスリーってどんなところ？*/
	#introduction {    text-align: center;    margin-bottom: 80px;  }
	#introduction h3 {  margin: 0 auto 30px auto; padding: 0;  font-size:50px;    color: #283593;    font-weight: 500;    position: relative;    display: inline-block;    text-align: left;    letter-spacing: 1px;  }
	#introduction h3 span {    display: block;    font-size: 14px;    color: #283593;    position: absolute;    left: 0;    top: 0;    width: 100%;    text-align: left;    margin-top: -10px; /* この値を調整して、spanの位置を上下に移動できます */    letter-spacing: 1px;  }
	#introduction .inner {    width: 90%;      background-color: #fff;     margin: 0 auto;    padding: 40px 0px;	}
	#introduction .movie01 {    width: 90%;    margin: 0 auto;  }
	  #introduction .movie01 img{width:100%;}
	#introduction .text_area h4 {    font-size: 30px;  margin: 25px 0 20px;  }
	
	#introduction .text_area p {    width: 80%;    margin: 0 auto;    text-align: left;  }
	
	  /*インタビュー*/  
	  #interview {    width: 100%;    margin: 0 auto 80px auto;   }
	  #interview h3 {    font-size: 50px; margin: 0 auto 30px auto;    padding: 0px 0px;    color: #283593;    font-weight: 500;      letter-spacing: 1px;  text-align: center;    }
	  #interview h3 span {    display: block;    font-size: 14px;    color: #283593;      width: 100%;     margin-top: 10px;    letter-spacing: 1px;  }
	  
	  #interview .unit01 {    display: flex; flex-direction: column;   width:100%;  margin:0px auto 50px auto;  } 
	  #interview .unit01 .text_area{order:2;  width: 80%;        margin: 0 auto; }
	  
	  #interview .text_area .title01 {   font-weight: normal;  font-size: 30px;    margin: 0 auto 10px auto;    padding: 0;    border-bottom: none;  }
	  #interview .text_area .title01 span.ql-size-small  {    font-size: 20px;     }
	  #interview .text_area .title01 span.ql-size-large  {    font-size: 50px;     }
	  #interview .text_area .title01 span.ql-size-huge  {    font-size: 60px;     }
	  #interview .text_area .title02 {    font-size: 20px;    margin: 0 auto;    padding: 0 0 20px 0;    border-bottom: 2px solid  #283593;  }
	  
	  #interview .unit01 .movie01 {order:1;   width: 90%;        margin: 0 auto 30px auto;    padding: 40px 0px;   background:  #283593;   text-align: center;     }
	  #interview .unit01 .movie01 img{width:90%;}
	  
	  #interview .unit02 {    width:100%;  margin:0px auto 0px auto;  }
	  #interview .unit02 .text_area {   width: 80%;        margin: 0 auto;  }	  
	  #interview .unit02 .movie02 {  width: 90%;        margin: 0 auto 30px auto;    padding: 40px 0px;   background: #283593;   text-align: center;  }    
	  #interview .unit02 .movie02 img{width:90%;}
	
	/* チェックポイント */
	#check_point {    width: 100%;    margin: 50px auto ;    background-color:  #283593;      padding: 50px 0;  }
	#check_point h3 {    font-size: 50px;    color: #9FA8DA;    font-weight: 500;     letter-spacing: 1px;    margin: 0 auto 30px auto;padding: 0; text-align: center;   }
	#check_point h3 span {    display: block;    font-size: 14px;     width: 100%;      margin-top: 10px;    letter-spacing: 1px;  color: #9FA8DA;}
	#check_point .inner {    width: 80%; max-width: 550px;   margin:0 auto 0px auto;	}
	#check_point .inner .point {  margin:0 auto 50px auto; }
	#check_point .inner .point figure {    margin: 0;    padding: 0;   }
	#check_point .inner .point figure img {    width: 100%;    height: 100%;    object-fit: cover;    object-position: center;  }
	#check_point .inner .point a {    text-decoration: none;    color: #333;  }
	#check_point .inner .point .title {  background-color: #9FA8DA;   font-weight: normal; font-size: 14px;  text-align: center;  letter-spacing:0px;    padding: 10px 0;    border-radius: 30px;  margin-bottom: 10px; }
	#check_point .inner .point div h4 { max-width: 19em; color: #333; text-align: center; display: block; margin: 0 auto;}
	#check_point .inner .point p {    color: #fff;    font-weight: normal;    letter-spacing: 1px;    text-align: left;    margin-top: 0;  }
	
	  
	  
	/*スライド写真*/
	#interval {    background: #9FA8DA;    width: 100%;    padding-bottom: 20px;  }
	#interval .slider_loop {    width: 100%;    margin: 0 auto 0px auto;  }  
	#interval .slider_loop div {		height: 100%;  }
	#interval .slider_loop .unit {}
	#interval .slider_loop .unit img {    width: auto;    height: 300px;  margin-left: 10px;  object-fit: cover;  }    
	  
    /* 店舗一覧 */
    #shop_list .container {width: 90%;margin: 0px auto 80px auto;padding: 50px 0 0 0;}
    #shop_list .container h3 {font-size: 50px;color:  #283593;font-weight: 500;letter-spacing: 1px;margin: 0 auto 50px auto;padding: 0;text-align: center;}
    #shop_list .container h3 span {display: block;font-size: 14px;color:  #283593;margin-top: 10px;letter-spacing: 1px;}
    #shop_list .container .inner {margin: 0 auto;width: 100%;display: flex;flex-direction: column; align-items: center; }
    #shop_list .container .inner .unit,#shop_list .container .inner .hidden-units .unit {width: 100%; max-width: 600px;margin-bottom: 30px;padding: 0;background: #9D8C8C;}
    #shop_list .container .inner .unit figure {margin: 0;padding: 0;width: 100%;height: auto;aspect-ratio: 4 / 2; }
    #shop_list .container .inner .unit figure img {width: 100%;height: 100%;object-fit: cover;object-position: 50% 50%;}
    #shop_list .container .inner .unit .info {background: #9FA8DA;}
    #shop_list .container .inner .unit .info .name {margin: 0;padding: 10px 5px 10px 5px;background: #283593 ;font-size: 14px;color: white;text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; /* Safari */ -o-text-overflow: ellipsis; /* Opera */} 
	#shop_list .container .inner .unit .info .address,#shop_list .container .inner .unit .info .tel,#shop_list .container .inner .unit .info .time,#shop_list .container .inner .unit .info .freecontents {width: 90%;margin: 0 auto;padding: 0;font-size: 14px;}
    #shop_list .container .inner .unit .info .address {padding: 20px 0 0 0;}
    #shop_list .container .inner .unit .info .time {margin-bottom: 10px;}
    #shop_list .container .inner .unit .info .reservation a {display: block;width: 80%;margin: 0 auto;padding: 10px 5px 10px 5px;background: #283593 ;font-size: 14px;color: white;text-align: center;text-decoration: none;border-radius: 5px;}
	#shop_list .container .inner .unit .info .reservation a  {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; /* Safari */ -o-text-overflow: ellipsis; /* Opera */}
	#shop_list .container .inner .unit .info .reservation a:hover {background: #283593;}
    #shop_list .container .inner .hidden-units {display: none;width: 100%;}
    #shop_list .container .inner .hidden-units.show {display: flex;flex-direction: column;align-items: center;width: 100%;}
   .view-more-btn {display: block;width: 200px;margin: 20px auto 0;padding: 10px 20px;background: #283593;color: white;text-align: center;border: none;border-radius: 5px;cursor: pointer;font-size: 16px;transition: background-color 0.3s;}
    .view-more-btn:hover {background:#283593;}

	/* 採用情報 */
	  #recruit {  margin: 0px auto 80px auto;}
	  #recruit a{display:block; width: 90%;      margin: 0px auto 0 auto; padding:30px 0;   background-image: linear-gradient(90deg, #28359312, #283593);    border-radius: 20px;    box-shadow: 0 5px 10px black; }
	  #recruit a:hover {    transform: scale(1.05, 1.05);  }
	  #recruit a .inner {    display: flex; justify-content: space-between;align-items: center;      width: 95%;    margin: 0 auto;   }
	  #recruit a .inner .img_area{width:50%;}
	  #recruit a .inner .img_area figure{margin:0;padding: 0}
	  #recruit a .inner .img_area figure img{ width: 100%; }
	  
	  #recruit a .inner .text_area{		width:47%;  }
	  #recruit a .inner .text_area h3 { position: relative;   font-size:50px;    color:  #9FA8DA;    font-weight: 500;     letter-spacing: 1px;    margin: 0 auto 0px auto; padding: 0 0 20px 0; }
	  #recruit a .inner .text_area h3 span {    display: block;    font-size: 14px;    color:  #9FA8DA;    width: 100%;     margin-top: 0px;    letter-spacing: 1px;  }	  
	  #recruit a .inner .text_area h3::after{content:'';position: absolute;bottom: 0;left: 0;background: url("../img/arrow.png") no-repeat;background-size: 100% auto;background-position: 50% 100%;width: 100%;height: 50px}
	  #recruit a .inner .text_area p {    color: #fff;  }
	  
	  
	  /* 会社概要 */
	  #company {      margin: 0px auto 80px auto;    padding: 0 0px;       }	  
	  #company h3 {    font-size: 50px;    color:  #283593;    font-weight: 500;  text-align: center;     letter-spacing: 1px;    margin: 0 auto 30px auto;padding: 0  }
	  #company h3 span {    display: block;    font-size: 14px;    color:  #283593;      width: 100%;     margin-top: 10px;    letter-spacing: 1px;  }
	  #company .inner{width: 100%;margin: 0 auto;}
	  #company .inner .profile {    width:80% ;margin: 0 auto 30px auto; }
	  #company .inner .profile dl {    display: flex;    flex-wrap: wrap;    width: 100%;    border-top: 1px solid rgba(51, 51, 51, 0.2);  }
	  #company .inner .profile dl dt{width:30%;margin:0;padding:12px 10px;background:#283593;text-align:center;font-size: 16px;color:white;box-sizing: border-box; border-bottom: 1px solid rgba(51, 51, 51, 0.2);border-right: 1px solid rgba(51, 51, 51, 0.2); }
	  #company .inner .profile dl dd {    width: 70%;    margin: 0;    padding: 12px 10px;    font-size: 16px;    box-sizing: border-box;    border-bottom: 1px solid rgba(51, 51, 51, 0.2);  }
	  #company .inner .profile dl dt:last-of-type, #company .container .inner .profile dl dd:last-of-type {    border-bottom: none;  }
	  #company .inner .map_area {    width: 80%;  margin: 0 auto;  aspect-ratio: 1.5 / 1;  }
	  #company .inner .map_area .google_map {    height: 100%;  }
	  #company .inner .map_area .google_map iframe {    width: 100%;    height: 100%;    border: 0  }
}

  @media (max-width: 700px) {
	  /*メインイメージ*/
	#main_image{}
	#main_image .inner{position:relative;width:100%;height:70vh;margin: 0 auto 0px auto;background:  #9FA8DA}
	
	#main_image .inner #slide_area{ width:100%;height:100%;position: absolute;top:0%;left:0%;}
	#main_image .inner #slide_area .slider_loop{position: absolute;top:0%;left:0%; width:100%;height:100%;margin: 0 auto 0px auto;}	
	#main_image .inner #slide_area .slider_loop div{height:100%;}
	#main_image .inner #slide_area .slider_loop .unit{}
	#main_image .inner #slide_area .slider_loop .unit img {width:auto;height:100%;min-height: 100%;/**/}
	
	#main_image .inner #catch_copy_area{position: absolute;bottom: 0%;z-index: 2;}
	#main_image .inner #catch_copy_area h2{display:inline-block;font-size: 30px;color:  #ff8a04;background:white;margin: 0 auto 10px 0;padding: 0px 10px;font-weight:500}
	#main_image .inner #catch_copy_area p{font-size: 40px;margin: 5px ;padding:5px 10px 0px 10px;font-weight:700;line-height:30px}
	#main_image .inner #catch_copy_area p .ql-size-small  {    font-size: 30px;     }
	#main_image .inner #catch_copy_area p .ql-size-large  {    font-size: 50px;     }
	#main_image .inner #catch_copy_area p .ql-size-huge  {    font-size: 60px;     }
	  
	  /*トリプルスリーってどんなところ？*/
	#introduction {  margin: 0 auto 50px auto;padding: 30px 0 0 0;  }
	#introduction h3 {  margin: 0 auto 10px auto; padding: 0;  font-size:26px;    color: #283593;    font-weight: 500;   letter-spacing: 1px;   text-align: center; }
	#introduction h3 span {    display: block;    font-size: 14px;    color: #283593;     letter-spacing: 1px;  }
	#introduction .inner {    width: 90%;      background-color: #fff;     margin: 0 auto;    padding: 20px 0px;	}
	#introduction .movie01 {    width: 90%;    margin: 0 auto 20px auto;  }
	  #introduction .movie01 img{width:100%;}
	#introduction .text_area h4 {    font-size:18px; letter-spacing: 0;       margin: 0px auto 10px auto; padding: 0;  text-align: center; }	
	#introduction .text_area p {    width: 90%;    margin: 0 auto; padding: 0; font-size: 14px;letter-spacing: 0;line-height: 18px }
	
	  /*インタビュー*/  
	  #interview {    width: 100%;    margin: 0 auto 50px auto;   }
	  #interview h3 {     margin: 0 auto 10px auto; padding: 0;  font-size:26px;    color: #283593;    font-weight: 500;   letter-spacing: 1px;   text-align: center;   }
	  #interview h3 span { display: block;    font-size: 14px;    color: #283593;     letter-spacing: 1px;  }
	  
	  #interview .unit01 {    display: flex; flex-direction: column;   width:100%;  margin:0px auto 30px auto;  } 
	  #interview .unit01 .text_area{order:2;  width: 80%;        margin: 0 auto; }	  
	  #interview .unit01 .movie01 {order:1;   width: 90%;        margin: 0 auto 10px auto;    padding: 20px 0px;   background:  #283593;   text-align: center;     }
	  #interview .unit01 .movie01 img{width:90%;}
	  
	  #interview .unit02 {    width:100%;  margin:0px auto 0px auto;  }
	  #interview .unit02 .text_area {   width: 80%;        margin: 0 auto;  }	  
	  #interview .unit02 .movie02 {  width: 90%;        margin: 0 auto 10px auto;    padding:20px 0px;   background: #283593;   text-align: center;  }    
	  #interview .unit02 .movie02 img{width:90%;}
	  
	  #interview .text_area .title01 {   font-weight: normal;     font-size: 20px;    margin: 0 auto 0px auto;    padding: 0;    border-bottom: none;  }
	  #interview .text_area .title01 span.ql-size-small  {    font-size: 12px;     }
	  #interview .text_area .title01 span.ql-size-large  {    font-size: 28px;     }
	  #interview .text_area .title01 span.ql-size-huge{    font-size: 36px;     }
	  #interview .text_area .title02 {    font-size: 16px;    margin: 0 auto 15px auto;    padding: 0 0 10px 0;    border-bottom: 2px solid  #283593;}
	  #interview .text_area p{ font-size: 14px;    margin: 0 auto;    padding: 0 0 0px 0;letter-spacing: 0;line-height: 18px }
	  
	
	/* チェックポイント */
	#check_point {    width: 100%;    margin: 0px auto ;    background-color:  #283593;      padding: 30px 0 10px 0;  }
	#check_point h3 {    font-size:26px;    color:  #9FA8DA;    font-weight: 500;     letter-spacing: 1px;    margin: 0 auto 20px auto;padding: 0; text-align: center;   }
	#check_point h3 span {    display: block;    font-size: 14px;      letter-spacing: 1px; color:  #9FA8DA; }
	#check_point .inner {    width: 80%;  margin:0 auto 0px auto;	}
	#check_point .inner .point {  margin:0 auto 30px auto; }
	#check_point .inner .point figure {    margin: 0 auto 10px auto;    padding: 0;   }
	#check_point .inner .point figure img {    width: 100%;    height: 100%;    object-fit: cover;    object-position: center;  }
	#check_point .inner .point a { display: block;   text-decoration: none;    color: #333;  margin: 0 auto 10px auto}
	#check_point .inner .point .title {  background-color: #9FA8DA;  font-size: 14px;  text-align: center;  letter-spacing:0px;    padding: 10px 0;    border-radius: 30px;  margin-bottom: 10px; }
	#check_point .inner .point div h4 { max-width: 19em; color: #333; font-weight: normal; text-align: center; display: block; margin: 0 auto;}
	#check_point .inner .point p { margin: 0 auto;  padding: 0px 0;   color: #fff;    font-weight: normal;    letter-spacing: 1px;    text-align: left;    margin-top: 0;  font-size: 14px;line-height: 18px }
	
	  /*スライド写真*/
	#interval{background: #9FA8DA;width:100%;padding: 10px 0 0 0}
	#interval .slider_loop{ width:100%;/*aspect-ratio: 2.4 / 1;*/margin: 0 auto 0px auto;}	
	#interval .slider_loop div{height:100%;}
	#interval .slider_loop .unit{}
	#interval .slider_loop .unit img{width:auto !important; max-width: 95%; height: 30vh; min-height: 100%; object-fit: cover; margin-left: 10px}   
	  
	  /* 店舗一覧 */
    #shop_list .container {width: 100%;margin: 0px auto 50px auto;padding: 30px 0 0 0;}
    #shop_list .container h3 {font-size: 26px;color:  #283593;font-weight: 500;letter-spacing: 1px;margin: 0 auto 20px auto;padding: 0;text-align: center;}
    #shop_list .container h3 span {display: block;font-size: 14px;color:  #283593;letter-spacing: 1px;}
    #shop_list .container .inner {margin: 0 auto;width: 80%;}
    #shop_list .container .inner .unit {width: 100%;margin-bottom: 20px;padding: 0;background: #9D8C8C;}
    #shop_list .container .inner .unit figure {margin: 0;padding: 0;height: 200px;}
    #shop_list .container .inner .unit figure img {width: 100%;height: 100%;object-fit: cover;object-position: 50% 50%;margin: 0;padding: 0;}
    #shop_list .container .inner .unit .info {background: #9FA8DA}
    #shop_list .container .inner .unit .info .name {margin: 0;padding: 10px 5px 10px 5px;background: #283593 ;font-size: 14px;color: white;text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; /* Safari */ -o-text-overflow: ellipsis; /* Opera */}
    #shop_list .container .inner .unit .info .address { width: 90%; padding: 20px 0 0 0;margin: 0px auto;font-size: 14px;}
	#shop_list .container .inner .unit .info .freecontents { width: 90%; padding: 20px 0 0 0;margin: 0px auto;font-size: 14px;}
    #shop_list .container .inner .unit .info .tel {width: 90%;margin: 0 auto;padding: 0;font-size: 14px;}
    #shop_list .container .inner .unit .info .time {width: 90%;margin: 0 auto 10px auto;padding: 0;font-size: 14px;}
    #shop_list .container .inner .unit .info .reservation a {display: block;width: 80%;margin: 0 auto;padding: 10px 5px 10px 5px;background: #283593 ;font-size: 14px;color: white;text-align: center;text-decoration: none;border-radius: 5px;}
	#shop_list .container .inner .unit .info .reservation a  {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; /* Safari */ -o-text-overflow: ellipsis; /* Opera */}
	#shop_list .container .inner .unit .info .reservation a:hover {background: #283593;}
    #shop_list .container .inner .hidden-units {display: none;}
    #shop_list .container .inner .hidden-units.show { display: block;}
    .view-more-btn {display: block;width: 200px;margin: 20px auto 0;padding: 10px 20px;background: #283593 ;color: white;text-align: center;border: none;border-radius: 5px;cursor: pointer;font-size: 16px;transition: background-color 0.3s;}
    .view-more-btn:hover {background: #283593;}

	
	/* 採用情報 */
	  #recruit {  margin: 0px auto 50px auto;}
	  #recruit a{display:block; width: 85%;      margin: 0px auto 0 auto; padding:10px 0 30px 0;   background-image: linear-gradient(90deg, #28359312, #283593);    border-radius: 10px;    box-shadow: 0 5px 10px black; }
	  #recruit a:hover {    transform: scale(1.05, 1.05);  }
	  #recruit a .inner { width: 95%;    margin: 0 auto;   }
	  #recruit a .inner .img_area{width:100%;}
	  #recruit a .inner .img_area figure{margin:0 auto 10px auto;padding: 0}
	  #recruit a .inner .img_area figure img{ width: 100%; }
	  
	  #recruit a .inner .text_area{		width:100%;  }
	  #recruit a .inner .text_area h3 { position: relative;   font-size:26px;    color:  #9FA8DA;    font-weight: 500;     letter-spacing: 1px;    margin: 0 auto 20px auto; padding: 0 0 10px 0; text-align: center}
	  #recruit a .inner .text_area h3 span {    display: block;    font-size: 14px;    color:  #9FA8DA;    width: 100%;     margin-top: 0px;    letter-spacing: 1px;  }	  
	  #recruit a .inner .text_area h3::after{content:'';position: absolute;bottom: 0;left: 10%;background: url("../img/arrow.png") no-repeat;background-size: 100% auto;background-position: 50% 100%;width: 80%;height: 30px}
	  #recruit a .inner .text_area p { width:95%; margin: 0 auto;  padding: 0; color: #fff; font-size: 14px;letter-spacing: 0px;line-height: 18px  }
	  
	  
	  /* 会社概要 */
	  #company {      margin: 0px auto 50px auto;    padding: 0 0px;       }	  
	  #company h3 {    font-size: 26px;    color:  #283593;    font-weight: 500;  text-align: center;     letter-spacing: 1px;    margin: 0 auto 10px auto;padding: 0  }
	  #company h3 span {    display: block;    font-size: 14px;    color:  #283593;       letter-spacing: 1px;  }
	  #company .inner{width: 100%;margin: 0 auto;}
	  #company .inner .profile {    width:80% ;margin: 0 auto 30px auto; }
	  #company .inner .profile dl {    display: flex;    flex-wrap: wrap;    width: 100%;    border-top: 1px solid rgba(51, 51, 51, 0.2);  }
	  #company .inner .profile dl dt{width:98%;margin: 0;padding:6px 0 6px 2%;background:#283593;font-size: 14px;color:white;}
	  #company .inner .profile dl dd {width:98%;margin: 0;padding: 10px 0 12px 2%; font-size: 14px; }
	  #company .inner .profile dl dt:last-of-type, 
	  #company .inner .profile dl dd:last-of-type {    border-bottom: none;  }
	  #company .inner .map_area {    width: 80%;  margin: 0 auto;  aspect-ratio: 1.5 / 1;  }
	  #company .inner .map_area .google_map {    height: 100%;  }
	  #company .inner .map_area .google_map iframe {    width: 100%;    height: 100%;    border: 0  } 
	  
}