@charset "UTF-8";

@media (max-width : 1200px ){

/*-----------------------------------------------------
sub
-------------------------------------------------------*/    
    
    

/*-----------------------------------------------------
itemcat
-------------------------------------------------------*/
	.itemcat_list ul {
		gap: 14px 2%;
	}

	.itemcat_list ul li {
		width: 32%;
	}

        
}



@media (max-width : 767px ){
	/*-----------------------------------------------------
	sub
	-------------------------------------------------------*/
	
	#sub_content{
		padding-top: 50px;
	}
    
	/*-----------------------------------------------------
	global_sub
	-------------------------------------------------------*/
	.sub_box{
		padding-bottom: 60px;
	}

	.g_sub_t{
		margin-bottom: 26px;
	}

	.g_sub_st{
		background: var(--color2);
		padding: 16px 20px;
		border-radius: 6px;
	}
	
	.g_sub_st h3{
		line-height: var(---lh14);
	}


	/*-----------------------------------------------------
	sub_table
	-------------------------------------------------------*/

	.sub_table dl{
		padding: 20px 0px;
	}

	
	/*-----------------------------------------------------
	itemcat
	-------------------------------------------------------*/
	.itemcat{
		padding: 0 0 50px;
	}

	.itemcat .g_sub_txt{
		margin-bottom: 26px;
	}


	.itemcat_list ul{
		display: flex;
		flex-direction: column;
		gap: 12px 0;
	}

	.itemcat_list ul li{
		width: 100%;
	}

	.itemcat_list ul li a{
		padding: 18px 36px 18px 14px;
		font-weight: 500;
		font-size: var(--s15);
		line-height: var(--lh14);
	}

	
	/*-----------------------------------------------------
	item
	-------------------------------------------------------*/
	.item{
		padding-bottom: 50px;
	}

	.item .g_sub_txt{
		margin-bottom: 30px;
	}

	.item_syurui{
		padding: 26px;
		margin-bottom: 30px;
	}

	.item_syurui h3{
		margin-bottom: 16px;
	}

	.item_list{
		margin-bottom: 30px;
	}

	.item_list h3{
		margin-bottom: 26px;
	}

	.item_listdata span{
		padding: 14px 20px;
	}

	.item_listdata p{
		padding-top: 16px;
		line-height: var(--lh14);
		text-align: left;
	}

	.item_point{
		padding: 26px;
	}

	.item_point dl{
		padding-bottom: 26px;
	}

	.item_point dl dt{
		padding: 26px 0 16px;
	}


	/*-----------------------------------------------------
	shop
	-------------------------------------------------------*/
	.shop_box .g_t1 {
		margin-bottom: 36px;
	}
	
	.shop_t h2{
		font-size: var(--s28);
		color: var(--yellow1);
		line-height: 1.3;
	}

	.shop_list{
		display: block;
		margin-bottom: 40px;
	}

	.shop_left{
		width: 100%;
	}

	.shop_img{
		margin: 0 10px 16px;
	}

	.shop_tel{
		padding: 16px 0;
	}

	.shop_tel a{
		margin-bottom: 8px;
	}

	.shop_tel a::after{
        background-size: 11px;
        width: 11px;
        height: 17px;
	}


	.shop_tel span{
		display: block;
		font-size: var(--s13);
	}

	.shop_data{
		width: 100%;
	} 
	
	.shop_data dl{
		padding: 24px 0px;
		line-height: 1.8;
	}
	
	.shop_data dl dt{
		padding-left: 10px;
		font-size: var(--s16);
	}


	.slick-prev,
	.slick-next
	{
		width: 38px!important;
		height: 38px!important;
	}

	.slick-prev
	{
		left: -24px!important;
	}

	.slick-prev:before
	{
		width: 38px!important;
		height: 38px!important;
	}

	.slick-next
	{
		right: -24px!important;
	}

	.slick-next:before
	{
		width: 38px!important;
		height: 38px!important;
	}
	
	.shop_map{
		padding: 40px 0;
	}

	.shop_map iframe {
		width: 100% !important;
		height: 260px;
	}

	
	
	/*-----------------------------------------------------
	first
	-------------------------------------------------------*/
	.first_box1{
		padding: 50px 0 0;
	}

	.first_t{
		margin-bottom: 20px;
	}

	.first_box1_st{
		padding-bottom: 16px;
		margin-bottom: 26px;
	}

	.first_box1_list{
		margin-bottom: 40px;
	}

	.first_box1 dl{
		display: block;
	}

	.first_box1 dl dt{
		width: 40%;
		margin: 0 auto 16px;
	}

	.first_box1 dl dd{
		width: 100%;
	}

	.first_box1_txt{
		line-height: 1.8;
		margin-bottom: 26px;
	}

	.first_box1_txt span{
		font-weight: bold;
	}

	.first_box1 dl dd ul{
		padding: 0 0 16px;
		gap: 12px 0;
	}

	.first_box1 dl dd ul li{
		width: 48%;
		padding: 20px 0;
	}

	
	/*-----------------------------------------------------
	faq
	-------------------------------------------------------*/
	.faq_box{
		padding-bottom: 50px;
	}

	
	.faq_box ul{
		margin-bottom: 36px;
	}

	.faq_box ul li{
		padding: 18px 50px 18px 40px;
	}

	.faq_box ul li.q{
		position: relative;
		border-bottom: 1px solid #ccc;
		font-weight: bold;
		cursor: pointer;
	}

	.faq_box ul li.q::before{
		top: 18px;
		left: 8px;
	}

	.faq_box ul li.q::after{
		right: 6px;
	}

	.faq_box ul li.a {
		padding: 18px 10px 18px 40px;
	}

	.faq_box ul li.a::before{
		position: absolute;
		content: "A.";
		top: 18px;
		left: 10px;
	}

    


/*-----------------------------------------------------
company
-------------------------------------------------------*/
	.company_txt{
		margin: 0 0 40px;
      line-height: 1.65;
	}

	.company_txt span{
        font-size: var(--sub-size-l);
		margin: 0 0 14px;
	}
	
  .company_table{
      line-height: 1.65;
  }
    
  .company_table th{
    width: 100% !important;
    text-align: left !important;
    padding: 22px 0px 10px !important;
  }

  .company_table td{
    width: 100% !important;
    text-align: left !important;
    padding: 0px 0px 22px !important;
  }
    
  .company_table tr:last-child td{
      padding-bottom: 0px !important;
  }



/*-----------------------------------------------------
contact
-------------------------------------------------------*/
	.contact_box {
		margin: 50px auto 0;
	}
	
    .contact_tx p {
        padding-bottom: 42px;
    }
    
    table.contact_tb {
        margin-bottom: 40px;
    }
	
	.contact_box tr{
        flex-direction: column;		
	}
    
    .contact_box tr+tr {
        margin-top: 28px;
    }
    
    .contact_box td.tdl{
		width: 100%;
        margin-bottom: 12px;
    }
    
	.contact_box td.tdr {
		width: 100%;
	}
	
	.contact_box input.submit {
		padding: 20px;
	}

	
	
/*-----------------------------------------------------
pagenation
-------------------------------------------------------*/

    
/*-----------------------------------------------------
breadcrumb
-------------------------------------------------------*/

      #breadcrumb ul{
          overflow-x: scroll;
          overflow-y: hidden;
          white-space: nowrap;
      }    
        
    

/*-----------------------------------------------------
404
-------------------------------------------------------*/
}