/* ---------------------------------------------------------------
	start 701px～1033px
--------------------------------------------------------------- */

@media print,screen and ( min-width: 701px ) and ( max-width: 1033px ) {

	.tab_none2 {
		display: none;
	}



}

/* ---------------------------------------------------------------
	end 701px～1033px
--------------------------------------------------------------- */

/* ---------------------------------------------------------------
	start max 1033px
--------------------------------------------------------------- */

@media print,screen and ( max-width: 1033px ) {



	/* --------------- common --------------- */







	/* --------------- header --------------- */

	header {
		height: 61px;
	}
	
	.col_header {
		padding: 0 0 0 6px;
	}

	.logo_header {
		width: 18vw;
	}

	.col_navi {
		width: calc(100% - 18vw);
		padding-left: 12px;
	}

	ul.navi_header {
		width: calc(100% - 130px);
		padding: 0;
	}

	ul.navi_header > li {
		margin-right: 0;
	}

	ul.navi_header > li > a {
		padding-left: 14px;
	}

	a.btn_header_recruit {
		width: 130px;
		font-size: 15px;
	}

	a.btn_header_recruit dl dt {
		width: 20px;
		padding-top: 6px;
	}

	a.btn_header_recruit dl dd {
		width: calc(100% - 20px);
		padding-right: 0;
		padding-left: 7px;
	}

	a.btn_header_recruit dl:before,
	a.btn_header_recruit dl:after {
		content: none;
	}

	a.btn_header_recruit dl dd img {
		width: 66px;
		margin-top: 6px;
	}



	/* --------------- footer --------------- */

	.list_footer_nav {
		width: 21%;
	}

	.list_footer_nav.about {
		width: 23%;
		min-width: 185px;
	}

	.link_footer {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		   -ms-flex-direction: column;
		       flex-direction: column;
		-webkit-box-align: center;
		   -ms-flex-align: center;
		      align-items: center;
	}

	.col_footer_info .inner {
		padding: 40px 0 40px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		   -ms-flex-direction: column;
		       flex-direction: column;
		-webkit-box-align: center;
		   -ms-flex-align: center;
		      align-items: center;
	}

	.info_footer {
		width: auto;
	}

	.logo_footer {
		margin: 0 auto 25px;
	}

	.address_footer {
		padding: 0;
		text-align: center;
		display: block !important;
	}

	.address_footer .left,
	.address_footer .right {
		width: auto;
	}

	.sns_footer {
		width: auto;
		margin: 0 auto 25px;
		padding: 0;
	}

	.sns_footer dd a {
		margin-right: 25px;
	}

	.sns_footer dd a:last-child {
		margin-right: 0;
	}

	.bnr_footer {
		margin: 0 auto;
	}


	/* --------------- top --------------- */


	.col_topmainimg {
		height: 63vw;
	}

	.box_mainimg {
		width: 38vw;
		height: 38vw;
		padding-top: 4.8vw;
		top: calc( 50% - 15.5vw );
	}

	.box_mainimg h1 {
		margin-bottom: 1.9vw;
	}

	.box_mainimg h1 img.small {
		width: 19.7vw;
		margin-bottom: 3.2vw;
	}

	.box_mainimg h1 img.big {
		width: 32.2vw;
	}

	.box_mainimg p {
		font-size: 1.8vw;
	}

	.mainimg1.anim1 {
		width: 34.3vw;
		height: 34.3vw;
		margin-left: -9vw;
		top: -19vw;
	}

	.mainimg1.anim5,
	.mainimg1.anim6,
	.mainimg1.anim8,
	.mainimg1.anim9,
	.mainimg1.anim13,
	.mainimg1.anim20,
	.mainimg1.anim21,
	.mainimg1.anim23,
	.mainimg1.anim26,
	.mainimg1.anim27 {
		display: none;
	}

	.mainimg1.anim2 {
		width: 18.2vw;
		height: 18.2vw;
		margin-left: 23vw;
		top: 71.2vw;
	}

	.mainimg1.anim3 {
		width: 18.2vw;
		height: 18.2vw;
		margin-left: -7vw;
		top: 74.2vw;
	}

	.mainimg1.anim4 {
		width: 41.2vw;
		height: 41.2vw;
		margin-left: -58vw;
		top: 56.2vw;
	}

	.mainimg1.anim7 {
		width: 17.85vw;
		height: 17.85vw;
		margin-left: -18.3vw;
		top: 54vw;
	}

	.mainimg1.anim10 {
		width: 25.2vw;
		height: 25.2vw;
		margin-left: 19.4vw;
		top: 34.8vw;
	}

	.mainimg1.anim11 {
		width: 34.3vw;
		height: 34.3vw;
		margin-left: 27vw;
	}

	.mainimg1.anim12 {
		width: 17.1vw;
		height: 17.1vw;
		margin-left: 3.3vw;
		top: 54.5vw;
	}

	.mainimg1.anim14 {
		width: 33.8vw;
		height: 33.8vw;
		margin-left: -68.7vw;
		top: 2.5vw;
	}

	.mainimg1.anim15 {
		width: 19.6vw;
		height: 19.6vw;
		margin-left: -32.4vw;
		top: 2.4vw;
	}

	.mainimg1.anim16 {
		width: 18.6vw;
		height: 18.6vw;
		margin-left: -41.5vw;
		top: 34.4vw;
	}

	.mainimg1.anim17 {
		width: 14.9vw;
		height: 14.9vw;
		margin-left: -60.5vw;
		top: 42vw;
	}

	.mainimg1.anim18 {
		width: 14.8vw;
		height: 14.8vw;
		margin-left: 46.5vw;
		top: 35.8vw;
	}

	.mainimg1.anim19 {
		width: 32vw;
		height: 32vw;
		margin-left: 43vw;
		top: 56vw;
	}

	.mainimg1.anim22 {
		width: 5.2vw;
		height: 5.2vw;
		margin-left: -29vw;
		top: 25vw;
	}

	.mainimg1.anim24 {
		width: 2.5vw;
		height: 2.5vw;
		margin-left: -23vw;
		top: 53vw;
	}

	.mainimg1.anim25 {
		width: 7.7vw;
		height: 7.7vw;
		margin-left: 16.5vw;
		top: 15vw;
	}

	.mainimg1.anim28 {
		width: 29.75vw;
		height: 29.75vw;
		margin-left: -15.4vw;
		top: 21vw;
	}

	.mainimg1.anim29 {
		width: 17.75vw;
		height: 17.75vw;
		margin-left: 32.6vw;
		top: -22vw;
	}

	.mainimg1.anim30 {
		width: 12.75vw;
		height: 12.75vw;
		margin-left: -41.6vw;
		top: -12vw;
	}

	.mainimg1.anim31 {
		width: 6.75vw;
		height: 6.75vw;
		margin-left: -22.6vw;
		top: -15vw;
	}


	.topnews_switch.pc_none{
		display: none;
	}


	.col_top_shop {
		height: auto;
		overflow: visible;
	}


	.inner_topshop {
		display: block !important;
	}

	.inner_topshop:before {
		width: 100%;
		height: 111px;
		margin: 0;
	}

	.col_top_shop .mds_top1 {
		width: 100%;
		margin: 0;
		padding: 20px 0 12px;
		text-align: center;
		background-color: #ffff00;
		position: static;
	}

	.col_top_shop .mds_top1 .en {
		margin: 0 auto 5px;
	}

	.col_top_shop .mds_top1 .ja {
		display: inline-block;
	}

	dl.txt_topshop1 {
		width: 100%;
		padding: 15px 0 35px;
	}

	dl.txt_topshop1 dd {
		width: 100%;
	}

	.inner_topshop:before,
	.inner_topshop:after {
		content: none;
	}

	.img_topshop1 {
		width: 248px;
		left: auto;
		right: 16vw;
		top: -14px;
		z-index: 1;
	}

	.img_topshop2 {
		left: 30vw;
		z-index: 1;
	}

	.bg_map_topshop {
		width: 100%;
		height: 476px;
		margin: 0;
		background-size: auto 110%;
		background-position: -12% 80%;
		position: relative;
	}

	.bg_map_topshop .balloon.shiso {
		width: 136px;
		top: 1%;
		left: 128px;
	}

	.bg_map_topshop .balloon.himeji {
		width: 160px;
		top: 11%;
		left: 443px;
	}

	.bg_map_topshop .balloon.kakogawa {
		width: 116px;
		top: 45%;
		left: 609px;
	}
	
	.bg_map_topshop .balloon.tatsuno {
		width: 136px;
		top: 34%;
		left: 122px;
	}

	.wrap_topabout1 {
		margin-bottom: 65px;
	}

	.box_topabout1 {
		padding: 45px 20px 40px;
	}

	.txt_topabout3 {
		margin-bottom: 40px;
	}

	.link_topabout2 {
		width: 30%;
		margin-right: 5%;
	}

	.link_topabout2 .date.new:before {
		width: 56px;
	}

	.thumb_topabout2 {
		height: 17vw;
	}

	.img_topservice1 {
		height: 21vw;
	}

	.box_topservice dl {
		padding: 0 20px;
	}
	
	.box_topservice:nth-child(n+7) dl{
		margin: 0 0 5px;
	}
	
	.box_topservice dl dt.presen {
		align-items: center;
	}

	.box_topservice dl dt .num {
		width: 45px;
	}

	.box_topservice dl dt .mds {
		width: calc(100% - 45px);
		font-size: 18px;
	}
	
	.box_topservice.box7 dl dt .mds {
		padding-left: 13px;
		line-height: 1.3;
	}


	.col_top_recruit {
		height: 46vw;
		background-size: auto 100%;
		padding-top: 5.5vw;
	}

	.lead_toprecruit {
		width: 32vw;
		margin-bottom: 2.5vw;
	}

	.col_top_youtube {
		padding: 65px 0 70px;
	}

	.bg_topyoutube {
		width: calc(100% - 480px);
		padding-left: 0px;
		padding-right: 20px;
	}

	.img_topyoutube {
		width: 480px;
		height: 270px;
	}



	/* --------------- about --------------- */

	.cont_about_message .img img {
		width: 84vw;
	}

	.cont_about_message .txt dl {
		margin: 0 0 -2vw;
		padding: 40px 0 70px;
		top: -2vw;
	}

	ul.list_history li.point dl dd {
		width: calc( 100% - 140px );
	}

	/* --------------- about / sdgs --------------- */

	.wrap_sdgs_decl .left {
		width: 40%;
	}

	.wrap_sdgs_decl .right {
		width: 60%;
		padding-left: 45px;
	}




	/* --------------- Service --------------- */

	.bnr_service_shops {
		padding: 2.3vw 35vw 2vw 3.2vw;
	}

	dl.inner_service_shops1 {
		margin-bottom: 2.4vw;
	}

	dl.inner_service_shops1 dd {
		margin-bottom: 0.9vw;
		font-size: 1.95vw;
	}

	dl.inner_service_shops1 dt {
		font-size: 4.4vw;
		letter-spacing: 0;
	}

	dl.inner_service_shops2 dt {
		width: 220px;
	}

	dl.inner_service_shops2 dd {
		width: calc(100% - 255px);
	}


	/* --------------- Service / food --------------- */

	.col_point_food .txt {
		font-size: 22px;
	}

	.col_point_food .img {
		width: calc(100% - 280px);
	}

	.col_point_food .txt {
		width: 280px;
	}
	
	
	/* --------------- Service / online --------------- */
	
	.bnr_shopsearch_online {
		background-size: auto 102%;
		background-position: 104% center;
	}
	
	.bnr_shopsearch_online dl {
		width: 65%;
	}
	
	
	.box_intro_online .cont1_1 .img {
		width: 25%;
		padding: 0 0 0 0;
	}
	
	.box_intro_online .cont1_1 .txt {
		width: 75%;
		padding: 75px 30px 0 0;
		position: relative;
	}
	
	.box_intro_online .cont1 .txt .num {
		max-width: 480px;
		top: -42px;
		left: 80px;
	}
	
	.box_intro_online .cont1 .txt .box_logo .logo {
		width: 40%;
		padding-right: 20px;
	}
	
	.box_intro_online .cont1 .txt .box_logo .btn {
		width: 60%;
		padding: 3px 0 0;
	}
	
	.box_intro_online .cont1 .txt .tenpo ,
	.box_intro_online .cont1_1 .txt .tenpo {
		width: 100%;
		padding: 22px 10px 5px 85px;
		margin: 0 0 80px;
	}

	.box_intro_online .cont1 .txt .tenpo .label ,
	.box_intro_online .cont1_1 .txt .tenpo .label {
		width: 84px;
		height: 26px;
		padding: 4px 0 0;
		font-size: 18px;
		top: 17px;
		left: -12px;
	}
	ul.list_intro_online li {
		width: calc( 100% / 3 );
		margin: 0 0 18px;
		padding: 0;
		line-height: 1.3;
	}
	ul.list_intro_online li a {
		font-size: 17px;
	}

	.cont_appli_online dl dt {
		font-size: 22px;
	}

	/* --------------- shop --------------- */
	
	.cont_tab_shoplist .box .btnarea_shoplist {
		flex-direction: column;
		align-items: center;
	 	justify-content: center;
	}

	.cont_tab_shoplist .box .btnarea_shoplist a.btn_shoplist {
		width: 100%;
	}

	.cont_tab_shoplist .box .btnarea_shoplist a.btn_shoplist:first-of-type {
		margin: 0 0 10px;
	}






}

/* ---------------------------------------------------------------
	end max 1033px
--------------------------------------------------------------- */



/* ---------------------------------------------------------------
	start max 950px
--------------------------------------------------------------- */

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

	/* --------------- top --------------- */
	
	a.bnr_toponline .txt {
		width: calc( 55% - 16.87vw );
	}
	
	
	
	/* --------------- about origin --------------- */

	ul.list_origin li {
		width: 47vw;
		height: 47vw;
	}

	ul.list_origin li:nth-child(even) {
		margin-bottom: 38vw;
		top: 40vw;
	}

	ul.list_origin li:before {
		width: 47vw;
		height: 47vw;
		top: 2vw;
	}

	ul.list_origin li .num {
		width: 13.47vw;
	}

	ul.list_origin li.flow1 .num {
		width: 14.52vw;
	}

	ul.list_origin li.flow3 .num {
		top: 7.9vw;
	}

	ul.list_origin li.flow5 .num {
		top: 5.8vw;
	}

	ul.list_origin li.flow6 .num {
		right: 1.58vw;
	}

	ul.list_origin li.flow7 .num {
		top: 4.2vw;
	}

	ul.list_origin li.flow8 .num {
		right: 1.58vw;
	}

	ul.list_origin li .img {
		margin: 0 auto 1.9vw;
	}

	ul.list_origin li.flow2 .img {
		margin-bottom: 1.37vw;
		padding-top: 3.68vw;
	}

	ul.list_origin li.flow3 .img {
		margin-bottom: -6.3vw;
		top: -7.368vw;
	}

	ul.list_origin li.flow4 .img {
		margin-bottom: -7.58vw;
		top: -8.95vw;
	}

	ul.list_origin li.flow5 .img {
		top: -1vw;
	}

	ul.list_origin li.flow6 .img {
		padding-top: 2.63vw;
	}

	ul.list_origin li.flow7 .img {
		margin-bottom: 2.31vw;
		padding-top: 13.15vw;
	}

	ul.list_origin li.flow8 .img {
		bottom: 0.6vw;
	}

	ul.list_origin li .txt {
		font-size: 1.9vw;
	}



	/* --------------- shop --------------- */

	.cont_tab_shoplist .box {
		width: calc( ( 100% - 40px )/3 );
	}

	.cont_tab_shoplist .box:nth-child(4n) {
		margin-right: 20px;
	}

	.cont_tab_shoplist .box:nth-child(3n) {
		margin-right: 0;
	}

	.slick-prev {
		left: -15px;
	}
	.slick-next {
		right: -15px;
	}
	

	/* --------------- festa2025 --------------- */
	
	
	.box_aojiru {
		display: block;
	}
		
	.box_aojiru .txt {
		width: 100%;
		padding: 0 0 2vw 0;
		text-align: center;
	}
	
	.box_aojiru .img {
		max-width: 200px;
		width: 100%;
		margin: 0 auto;
		display: flex;
		justify-content: center;
	}
	
	.festa202411_lp .booth_event .booth_event_inner .list .item .right .description.ralley {
		padding: 0 3vw 0 0;
	}

}

/* ---------------------------------------------------------------
	end max 950px
--------------------------------------------------------------- */


/* ---------------------------------------------------------------
	start max 900px
--------------------------------------------------------------- */

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

		.col_top_service {
		padding: 60px 0 50px;
	}

	.wrap_top_service {
		align-items: normal;
	}

	.box_topservice.wide {
		width: 48%;
		margin: 0 4% 30px 0;
		top: 0;
	}

	.box_topservice,
	.box_topservice:nth-child(3n),
	.box_topservice:nth-child(n + 4) {
		width: 48%;
		margin-right: 4%;
		margin-bottom: 30px;
		top: 0;
		padding: 0 0 40px;
	}

	.box_topservice:nth-child(2),
	.box_topservice:nth-child(5) {
		top: 0;
	}

	.box_topservice:nth-child(2n) {
		margin-right: 0;
	}

	.box_topservice:nth-child(7) {
		margin-right: 4%;
	}

	.img_topservice1 {
		height: 28vw;
	}

	.box_topservice:nth-child(n + 5) {
		/*margin-bottom: 0;*/
	}

	.box_topservice.box3 dl dd,
	.box_topservice.box4 dl dd,
	.box_topservice.box5 dl dd,
	.box_topservice.box6 dl dd,
	.box_topservice.box7 dl dd,
	.box_topservice.box8 dl dd {
		font-size: 15px;
		line-height: 1.9;
	}
	
	.box_topservice:nth-child(2),.box_topservice:nth-child(4) ,.box_topservice:nth-child(6){
		max-height: 100%;
	}
	
	.box_topservice:nth-child(3){
		top: 0;
	}
	
	.btn2.top_service1{
		position: relative;
		bottom: auto;
	    left: auto;
	    transform: translateX(0);
	}
	
	.detail_and_works{
		position: relative;
		bottom: auto;
	    left: auto;
	    transform: translateX(0);
	}
	
}