
/* ---------------------------------------------------------------
	start max 1033px
--------------------------------------------------------------- */

@media screen and ( max-width: 1033px ) {


/* --------------- header --------------- */



/* --------------- footer --------------- */

	.link_footer:last-child {
		padding-right: 0;
	}



/* --------------- top --------------- */

	#navi ul {
		width: 660px;
		margin: 0 auto;
		flex-wrap: wrap;
	}

	#navi ul li a {
		margin: 0 0 10px;
	}

	#navi ul li:nth-child(5) a {
		border-right: solid 1px #4d4d4d;
	}

	.col_topabout {
		padding: 35px 0 0 0;
	}
	
	.col_topPerformance {
		padding-right: 4%;
		padding-left: 4%;
	}
	
	.wrap_topPerformance {
		margin-bottom: 150px;
	}
	
	.mds_topstyle2 {
		max-width: 240px;
	}
	
	.txt_topstyle2 {
		margin-bottom: 20px;
	}
	
	.link_topPerformance dl dt {
		margin-bottom: 22px;
		font-size: 2.4vw;
	}
	
	.bg_topstyle {
		padding: 70px 0 70px;
	}
	
	.col_topstyle {
		padding-right: 5%;
		padding-left: 5%;
	}
	
	.link_topstyle.tall dl dt {
		padding: 0.2vw 0 2.2vw;
	}
	
	.link_topstyle dl dd {
		padding-bottom: 20px;
	}
	
	.link_topstyle dl dd:after {
		right: -0.5vw;
	}

	.cont_topmodel {
		width: calc( (100% - 244px)/2 );
		padding: 0 3% 42px;
	}

	a.box_topcontact.tel {
		margin-right: 3%;
	}
	
	.cont_topcontact .tel {
		font-size: 22px;
	}

	a.box_topcontact.form {
		margin-right: 3%;
	}


/* --------------- staff detail --------------- */

	.bg_otherstaff a.cont_topstaff {
		width: calc(( 100% - 54px )/4 );
	}

	.bg_otherstaff a.cont_topstaff:nth-child(5n) {
		margin-right: 18px;
	}

	.bg_otherstaff a.cont_topstaff:nth-child(4n) {
		margin-right: 0;
	}



/* --------------- news --------------- */

	.col_news {
		padding-top: 0;
	}

	.col_news a.box_topnews {
		margin-bottom: 65px;
	}


/* --------------- news_d --------------- */

	.col_news_d {
		padding-top: 30px;
	}

	.info_news_d .right {
		padding-left: 35px;
	}


/* --------------- about --------------- */

	.col_about2 {
		height: 780px;
	}

	.col_about2:before {
		top: 50px;
	}

	.col_about2 .left {
		padding-top: 100px;
	}

	.col_about2 .left:before {
		width: 984px;
	}

	.col_about2 .right .inner {
		padding: 10px 0 100px 50px;
	}

	.col_about3 {
		height: 1470px;
	}

	.col_about3 .left .inner {
		padding: 70px 50px 75px 0;
	}

	.col_about3 .right:before {
		width: 978px;
	}

	.col_about2:before,
	.col_about3:before,
	.col_about4:before {
		width: 64px;
		height: 64px;
	}

	.col_about3:before {
		top: 430px;
	}

	.col_about2 .right .inner p,
	.col_about3 .left .inner p,
	.col_about4 .right .inner p {
		margin-bottom: 20px;
		line-height: 1.9;
	}

	.col_about3 .right {
		padding-top: 0;
	}

	.col_about4  {
		height: 1190px;
		margin-bottom: -630px;
		top: -630px;
	}

	.col_about4:before {
		top: 422px;
	}

	.col_about4 .left {
		padding-top: 240px;
	}

	.col_about4 .left:before {
		width: 965px;
	}

	.col_about4 .right .inner {
		padding: 160px 0 100px 50px;
	}

	.col_about4 .right .inner p .tab_none {
		display: none;
	}


/* --------------- style --------------- */
	
	.col_style1 {
		padding-left: 5%;
		padding-right: 5%;
	}
	
	.col_style2 {
		padding-left: 5%;
		padding-right: 5%;
	}
	
	dl.box_style_zeh1 dd {
		padding: 0 10%;
	}
	
	
/* --------------- style / proposal --------------- */
	
	.col_style_free1.proposal2 {
		padding: 60px 20px 60px;
	}
	
	
/* --------------- style / stove --------------- */
	
	.cont_style_stove1.style1 {
		margin-top: 50px;
	}
	
	.img_style_stove2 {
		margin-top: 45px;
	}
	
	.bg_style_stove1 {
		padding: 35px 35px;
	}
	
	.bg_style_stove1 dl.right dt {
		font-size: 22px;
		line-height: 1.7;
	}
	
	.layout_style_stove1 {
		margin-bottom: 80px;
	}
	
	
/* --------------- model_maki --------------- */
	
	.box_in_maki5 {
		width: 60%;
	}
	
	.txt2_maki5 {
		width: 100%;
	}


/* --------------- recruit --------------- */

	.col_tab_recruit {
		padding: 0;
		border-bottom: none;
		flex-wrap: wrap;
	}
	
	.col_tab_recruit .btn {
		width: 170px;
		margin: 0 12px 15px;
		border: solid 2px #969080;
	}
	.col_tab_recruit .btn:last-child { margin-right: 12px; }




}

/* ---------------------------------------------------------------
	end max 1033px
--------------------------------------------------------------- */

/* ---------------------------------------------------------------
	start max 960px
--------------------------------------------------------------- */

@media screen and ( max-width: 960px ) {
	

/* --------------- style / stove --------------- */
	
	
	.link_style_stove {
		max-width: 700px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		   -ms-flex-direction: column;
		       flex-direction: column;
	}
	
	.link_style_stove .left {
		width: 100%;
	}
	
	.link_style_stove .right {
		width: 100%;
		padding: 25px 25px 25px;
		background-image: url(../img/style/stove/logo_maki.png);
		background-size: 213px auto;
		background-repeat: no-repeat;
		background-position: right 34px top -4px;
	}
	
	.link_style_stove .right dl dt {
		margin-bottom: 12px;
		padding-bottom: 12px;
	}
	
	
}

/* ---------------------------------------------------------------
	end max 960px
--------------------------------------------------------------- */


/* ---------------------------------------------------------------
	start max 950px
--------------------------------------------------------------- */

@media screen and ( max-width: 950px ) {

	a.cont_topstaff:first-child {
		margin-left: calc( (100% - 390px)/2 );
	}

	a.cont_topstaff:nth-child(2) {
		margin-right: calc( (100% - 390px)/2 );
	}

	a.cont_topstaff:nth-child(3) {
		margin-right: 20px;
	}


/* --------------- staff detail --------------- */

	.bg_otherstaff a.cont_topstaff:nth-child(2) {
		margin-right: 18px;
	}





}


/* ---------------------------------------------------------------
	end max 950px
--------------------------------------------------------------- */


/* ---------------------------------------------------------------
	start max 900px
--------------------------------------------------------------- */

@media screen and ( max-width: 900px ) {


/* --------------- top --------------- */

	.mds_topstyle {
		height: 200px;
	}

	.mds_topstyle:before {
		right: 0;
	}

	.lead_topstyle {
		padding: 80px 0 0 0;
	}

	.mds_topmodel {
		width: 28.2%;
	}

	.cont_topmodel {
		width: 35%;
		padding: 0 2% 42px;
	}

	.cont_topgallery {
		width: 31%;
		margin: 0 3.5% 5% 0;
	}

	.cont_topgallery:nth-child(3n) {
		margin-right: 0;
	}

	.cont_topgallery:nth-child(3n-2),
	.cont_topgallery:nth-child(3n-1),
	.cont_topgallery:nth-child(3n) {
		transition-delay: unset;
		-moz-transition-delay: unset;
		-webkit-transition-delsy: unset;
	}

	.cont_topgallery:nth-child(3n-1) {
		transition-delay: .1s;
		-moz-transition-delay: .1s;
		-webkit-transition-delsy: .1s;
	}

	.cont_topgallery:nth-child(3n) {
		transition-delay: .2s;
		-moz-transition-delay: .2s;
		-webkit-transition-delsy: .2s;
	}

	.cont_topgallery .thumb {
		height: 22.64vw;
		max-height: unset;
	}
	
	.cont_topgallery .small {
		font-size: 15px;
	}
	
	.cont_topgallery .catch {
		font-size: 16px;
	}
	
	.cont_topgallery .cat {
		font-size: 15px;
	}

	a.box_topvoice {
		margin: 0 0 40px;
		padding: 2% 3% 0 0;
	}

	a.box_topvoice dl.submds_topvoice {
		height: auto;
		padding: 3.2%;
	}

	a.box_topvoice dl.submds_topvoice dt {
		margin: 0 0 10px;
	}

	a.box_topvoice dl.submds_topvoice dt .num {
		width: 40px;
		margin: 0 10px 0 0;
		padding: 2px 4px 2px 0;
	}

	a.box_topvoice dl.submds_topvoice dt .num img {
		height: 23px;
	}

	a.box_topvoice dl.submds_topvoice dd {
		font-size: 13px;
		line-height: 1.6;
	}
	
	a.box_topvoice dl.submds_topvoice dd .label {
		margin: 0 0 8px;
	}

	a.box_topvoice dl.submds_topvoice dd p {
		margin-bottom: 12px;
	}

	.tel .cont_topcontact {
		display: block;
	}

	.cont_topcontact .tel {
		width: 100%;
		justify-content: center;
	}

	.cont_topcontact .info {
		width: 100%;
		text-align: center;
	}

	.cont_topcontact .info span.iblock {
		margin-left: 5px;
	}



/* --------------- gallery_d --------------- */

	ul#slidethumb li {
		width: calc( (100% - 50px )/6 );
	}

	ul#slidethumb li:nth-child(8n) {
		margin-right: 10px;
	}

	ul#slidethumb li:nth-child(6n) {
		margin-right: 0;
	}

	.col_gallery_d ul#slider .slick-arrow.slick-prev:after {
		right: -4px;
	}

	.col_gallery_d ul#slider .slick-arrow.slick-next:after {
		left: -4px;
	}


/* --------------- voice --------------- */

	.wrap_voice a.box_topvoice dl.submds_topvoice {
		width: 22.5vw;
		height: 22.5vw;
	}

	.wrap_voice a.box_topvoice dl.submds_topvoice dt .num {
		width: 44px;
	}

	.wrap_voice a.box_topvoice dl.submds_topvoice dt .num img {
		height: 23px;
	}






}

/* ---------------------------------------------------------------
	end max 900px
--------------------------------------------------------------- */
