@charset "utf-8";

@media screen and (max-width: 1500px) {
	section.services-con .inner .box.blue {
		width: 50%;
	}
}

@media screen and (max-width: 1300px) {
	/*header*/
	header .inner .header-con .header-top p {
  		font-size: 14px;
	}
	header .inner .header-con .header-top .header-contact {
		right:15px;
	}
	header .inner .header-con .header-top .header-contact a img {
  		height: 38px;
	}
	header .inner .header-con .header-botom a {
		font-size:16px;
	}

	.main {
		padding: 127px 0 0;
	}

	section.services .inner .flex-sb .box > .con div {
		font-size:20px;
	}

	section.services-con .inner {
  		padding: 100px 0 80px;
	}
	section.services-con.storage > .bg {
  		width: 25%;
  		height: 320px;
		top: 220px;
	}
	section.services-con.top-partition > .bg, section.services-con.container > .bg {
  		width: 30%;
  		height: 320px;
		top: 220px;
	}
	section.services-con .inner .box .head {
		font-size: 28px;
	}
	section.services-con .inner .box.blue  {
		width: 44%;
		height:320px;
	}
	section.services-con .inner .box.black {
		width: 50%;
		height:320px;
	}
	section.services-con .inner .box.black {
		margin: 0 0 0 50%;
	}
	section.services-con .inner .box.blue::after {
  		right: -120px;
  		border-width: 0 0 320px 120px;
	}
	section.services-con .inner .box.black::after {
		left: -120px;
  		border-width: 320px 120px 0 0;
	}
	section.services-con .inner .box p {
  		font-size: 14px;
	}
	section.services-con .inner .box.blue a , section.services-con .inner .box.black a {
		bottom: -45px;
	}
	section.services-con .inner .box.blue a div , section.services-con .inner .box.black a div {
		font-size:18px;
	}

	/*contact*/
	section .contact_box { width: 90%; }

	/*partition*/
	.par_tokutyo { padding:0 20px; }
	.trunkroom .con { width: 55%; margin: 0 0 0 50px; }
	.lowcost .con { width: 55%; }
	.par_tokutyo .container .inner .con { width:45%; }
	.par_tokutyo .center_b { margin:0 0 40px; }
	.par_tokutyo .container .inner .con:nth-child(2) , .par_tokutyo .container .inner .con:nth-child(4) , .par_tokutyo .container .inner .con:nth-child(6)
	{ float:left; }
	.par_tokutyo .container .inner .con:nth-child(3) , .par_tokutyo .container .inner .con:nth-child(5) , .par_tokutyo .container .inner .con:nth-child(7)
	{ float:right; }
	.par_tokutyo .under_b { width:100%; }
	.par_tokutyo .under_b .left_img { width:39%; }
	.par_tokutyo .under_b .right_con { width:60%; }
	.par_tokutyo .under_text { margin: 50px 0; }
	.product { margin: 100px 0 150px; }
	.product .inner { height:1100px; }
	.product .inner .pro_bg01 { width:35% }
	.product .inner .pro_bg02 { width:60%; }
	.product .img_box img { margin: 0 10px; }
	.ordermade .con p { padding:0 20px; }
	.slick-prev { left: 45%; }
	.slick-next { left: 55%; }
	.flow { padding:0 20px; }

}

/*タブレット*/
@media screen and (max-width: 1080px) {

  .pc { display:none; }
  .smp { display:block; }

	header .bd { height: 8px; }
	header .inner .header-con .header-top { padding: 16px 0 10px; }
	header .inner .header-con .header-top p { font-size: 10px; }
	header .inner .header-con .header-top .header-contact { top: 18px; }
	header .inner .header-con .header-top .header-contact a img { height: 26px; }
	header .inner .header-con .header-botom a { margin: 0 36px 0 0; font-size: 14px; }
	header .inner .header-con .header-botom a div { font-size: 8px; line-height: 8px; vertical-align:middle; }
	header .inner .header-con .header-botom a img { height: 14px; margin:3px 0 0 0; }

	.main { padding: 87px 0 0; }

	section.services .inner .head { height:100px; }
	section.services .inner .flex-sb .box > .con div { font-size: 16px; }
	section.services .inner .flex-sb .box > .con p { font-size:14px; }
	section.services-con { padding: 60px 0 0; }
	section.services-con.top-partition > img, section.services-con.container > img , section.services-con.storage > img { width:80%; position:relative; }
	section.services-con.storage > img { margin: 0 0 0 auto; }
	section.services-con.top-partition > .bg, section.services-con.container > .bg ,  section.services-con.storage > .bg { display:none; }
	section.services-con .inner { width:100%; margin:-200px 0 0 ; padding: 0px 0 40px; }
	section.services-con .inner .box.black { width:60%; margin: 0 0 0 40%; padding: 30px 20px 40px 20px; }
	section.services-con .inner .box.blue { width: 50%; padding: 30px 20px 40px 20px; }
	section.services-con .inner .box.blue::after { right: -120px; border-width: 0 120px 320px 0 ; border-color:transparent transparent #004a89  #004a89; }
	section.services-con.storage .inner .box p:nth-child(4) { margin: 15px 0 13px; }
	section.services-con .inner .box.blue a { left:15px }
	section.services-con .inner .box.black a { right:15px; }

	section.rooms .inner .rooms-inner .left > img { width: 120px; }
	section.rooms .inner .rooms-inner .left > div { font-size: 20px; }
	section.rooms .inner .rooms-inner .left > p { font-size: 12px; }
	section.rooms .inner .rooms-inner .left > p:nth-child(4) { margin: 0 0 18px; }
	section.rooms .inner .rooms-inner .left > a { font-size:14px; }

	section.bottom { margin: 100px 0 80px; }
	section.bottom .inner .head img { height: 66px; top: -25px; }
	section.bottom .inner .head { font-size: 34px; margin: 0 0 12px; }
	section.bottom .inner p { margin: 0 0 25px; font-size: 16px; }
	section.bottom .inner .bottom-contact a img { height: 38px; }

	footer .footer-contact a { margin: 0 38px 0 0; font-size: 16px; line-height: 16px; }
	footer .footer-contact a div { font-size: 8px; line-height: 8px; }
	footer .footer-bottom div img { margin: 0 15px 0 0; height: 34px; }
	footer .footer-bottom > div { font-size: 20px; line-height: 20px; }
	footer .footer-bottom a { font-size: 16px; line-height: 16px; }
	footer .cpl { font-size: 10px; line-height: 10px; }

	/*contact*/
	section .contact_box { width: 95%; padding: 60px 0; }
	section.contact .inner > .head { height:100px; }
	.page .contact_box dl { width: 100%; }
	.page .contact_box .mw_wp_form_complete p { padding: 40px 25px; font-size: 22px; line-height: 42px; }
	
	/*company*/
	section.company .inner > .head { height:100px; }
	section.company .inner .company-list { width: 90%; font-size:16px; }
	section.company .inner .post-img { width: 90%; }

	/*privacy*/
	section.privacy .inner > .head { height:100px; }
}

/*	スマホ		*/
@media screen and (max-width: 768px) {

  .pc { display:none; }
  .smp , header .openbtn { display:block; }

	header .bd { height: 4px; }
	header .inner .header-con { width: 80%; margin: 0 0 0 20%; }
	header .inner .header-con .header-top { padding: 10px 0 5px; }
	header .inner .header-con .header-botom { display:none; }
	header .inner .header-con .header-top .header-contact { position:relative; top:0; right:0; }
	header .inner .header-con .header-top { padding: 6px 0 5px; }
	header .inner .header-con .header-top p { margin:0 0 5px; font-size: 8px; }
	header .inner .header-con .header-top .header-contact a { margin: 0 12px 0 0; }
	header .inner .header-con .header-top .header-contact a img { height: 18px; }

	.main { padding: 60px 0 0; }

	section.services { padding: 35px 0 0; }
	section.services .inner .head { height: 65px; }
	section.services .inner .flex-sb { flex-wrap: wrap; margin: 0; }
	section.services .inner .flex-sb:nth-child(2) { margin: 0; }
	section.services .inner .flex-sb .box { width: 100%; margin: 0 auto 60px; }
	section.services .inner .flex-sb .box > .con { height:auto; padding: 0 25px 20px; }
	section.services .inner .flex-sb .box > .con:nth-child(1) { margin:0 0 40px; }
	section.services .inner .flex-sb .box > .con div { margin: 0 0 10px; padding: 20px 0 0; }
	section.services .inner .flex-sb .box > .con p { font-size:12px; }
	section.services .inner .flex-sb .box > a { bottom:-30px; }

	section.services-con.top-partition > img, section.services-con.container > img, section.services-con.storage > img { width:100%; }
	section.services-con .inner { margin:48px 0 0; }
	section.services-con .inner .box.black { width: 80%; height: 340px; margin: 0 0 0 20%; padding: 20px 15px 20px 15px; }
	section.services-con .inner .box.blue { width: 80%; padding: 20px 15px 20px 15px; }
	section.services-con .inner .box.black .text { height: 50px; right: -50%; top: -50px; transform: translate(-50%, 0); }
	section.services-con .inner .box.blue .text { height: 50px; left: 62%; top: -50px; transform: translate(-50%, 0); }
	section.services-con .inner .box .head { font-size: 20px; }
	section.services-con .inner .box p { font-size: 12px; }
	section.services-con .inner .box.black a { right: 15px; width: 120%; text-align: right; }
	section.services-con .inner .box.black a div { font-size: 14px; }
	section.services-con .inner .box.black a img { height:12px; }
	section.services-con .inner .box.black::after { left: -80px; border-width: 340px 80px 0 0; }
	section.services-con .inner .box.blue::after { right: -80px; border-width: 0 80px 320px 0; }
	section.services-con .inner .box.blue a { left: 15px; width: 120%; }
	section.services-con .inner .box.blue a div { font-size: 14px; }
	section.services-con .inner .box.blue a img { height:12px; }

	section.rooms { padding: 80px 0 0; }
	section.rooms .inner { padding: 40px 0 52px; }
	section.rooms .inner .rooms-inner .flex-sb { flex-wrap: wrap; }
	section.rooms .inner .rooms-inner .left { width: 100%; margin:0 0 30px; }
	section.rooms .inner .rooms-inner .left > a { font-size: 12px; }
	section.rooms .inner .rooms-inner .right { width: 100%; }

	section.bottom { margin: 60px 0;}
	section.bottom .inner .head img { width:100%; height:auto; top: -13px; }
	section.bottom .inner .head { font-size: 18px; }
	section.bottom .inner p { margin: 0 0 15px; font-size: 11px; }
	section.bottom .inner .bottom-contact a:nth-child(1) { margin:0 0 10px; }
	section.bottom .inner .bottom-contact a img { height: 30px; }

	footer .footer-contact a { margin: 0 10px 10px; font-size: 12px; line-height: 12px; }
	footer .footer-contact a img { height: 12px; }
	footer .footer-bottom > div { font-size: 12px; line-height: 12px; padding: 0 10px 0; }
	footer .footer-bottom div img { margin: 0 10px 0 0; height: 20px; }
	footer .footer-bottom a { padding: 0 10px 0; font-size: 10px; line-height: 10px; }

	section.contact { padding: 40px 0 0; }
	section.contact .inner > .head { height: 65px; margin: 0 auto 30px; }
	section .contact_box { width: 100%; margin: 0 auto 60px; padding: 40px 0; }
	.page .contact_box dl { width:85%; }
	.page .contact_box dl dt , .page .contact_box dl dt.v-top { width: 100%; padding:0 0 5px; text-align:left; }
	.page .contact_box dl dd { width: 100%; margin:0 0 20px; padding:0; }
	.page .contact_box dl dd.cheack-privacy { padding: 20px 0px 0; font-size:14px; }
	.page .contact_box dl dd input[type="submit"] { padding: 10px 50px; font-size:14px; }
	.page .contact_box .mw_wp_form_complete p { padding: 40px 20px; font-size: 16px; line-height: 24px; }

	section.company { padding: 40px 0 0; }
	section.company .inner > .head { height: 45px; margin: 0 auto 30px; }
	section.company .inner .company-list { width: 100%; }
	section.company .inner .company-list .head { width: 100%; padding: 10px 20px 10px; text-align:left; }
	section.company .inner .company-list .con { width: 100%; padding: 10px 20px 10px; text-align:left; }
	section.company .inner .post-img { width: 100%; }

	/*privacy*/
	section.privacy { padding: 40px 0 0; }
	section.privacy .inner > .head { height: 45px; margin: 0 auto 30px; }
	section.privacy .privacy_box { width: 100%; margin: 0 auto 60px; padding: 40px 10px; }
	section.privacy .privacy_box h2 { margin:0 0 10px; font-size:18px; }
	section.privacy .privacy_box h3 { margin:0 0 5px; font-size:16px; }
	section.privacy .privacy_box p { margin:0 0 15px; font-size:12px; }

	/*partition*/
	.partition .line_bg , .flow .container .line_bg01 , .flow .container .line_bg02 { display:none; }
	.trunkroom , .lowcost { margin: 80px 0; }
	.trunkroom .con , .lowcost .con { width: 100%; margin: 0; padding:0 10px 0;}
	.trunkroom .con .title , .lowcost .con .title { width:80%; height:auto; display:block; margin:0 auto; }
	.trunkroom .con h2 , .lowcost  .con h2 { width:80%; margin: 5px auto; display:block;  }
	.trunkroom .con p , .lowcost .con p { width:100%; padding:0 0 100px; }
	.trunkroom .container , .lowcost .container { background-position: right bottom; }
	.par_tokutyo { margin: 80px 0; }
	.par_tokutyo .container .inner .con { width: 100%; height:auto; }
	.par_tokutyo .title { width: 80%; height:auto; }
	.par_tokutyo .under_b .left_img , .par_tokutyo .under_b .right_con { width:100%; height:auto; display:block; margin:0 auto; }
	.par_tokutyo .under_b h2 img.icn { bottom: 0; left: -20px; }
	.product .title { width:80%; height:auto; display:block; margin:0 auto 50px; }
	.product .con { width: 100%; margin: 0 auto 0; padding:0 10px; }
	.product .con .mida { width:80%; height:auto; display:block; margin:0 auto 10px; }
	.product .con p { width:100%; }
	.product .inner { height:auto; }
	.product .inner .pro_bg01 , .product .inner .pro_bg02 { display:none; }
	.product .img_box { margin: 20px auto 0; }
	.product .img_box img { width: 40%; margin: 0 10px 20px; }
	.ordermade { margin:50px 0; }
	.ordermade .title { width:80%; height:auto; display:block; margin:0 auto 10px; }
	.slick-prev { left: 40%; }
	.slick-next { left: 60%; }
	.flow { padding: 0px 5px; }
	.flow .inner img.title { width:80%; height:auto; display:block; margin:10px auto 20px; }
	.flow .inner img.flow_img { margin:0 auto 20px; }
	.flow .inner img.con { width:98%; margin:0 auto 20px; }

}