@media all and (max-width:1400px){
	
	.left_menu {display:none}
	.container {max-width:inherit; width:100%; padding:70px 10px 0 10px}
	
}

@media all and (max-width:1300px){

	.business .title {width:100%}
	.business .title:before {top:auto; width:50%; bottom:-30px; right:auto; left:0}
	.business .txt {width:100%; padding:80px}
	
	.product .color ul li {width:33.33%}
	.product .color ul li:nth-child(n+4) {margin-top:20px}

} 

@media all and (max-width:1200px){
	
	.sub_visual {margin-top:80px}
	
	.certificate {margin-left:-40px}
	.certificate li {width:calc(25% - 40px); margin-left:40px}
	.certificate li:nth-child(n+5) {margin-top:40px}
	.certificate li img {border-radius:20px}
	
	.addr_info p {width:100%; margin-bottom:20px}
	.addr_info p br {display:none}
	
}




@media all and (max-width:1024px){
	
	.navi {height:50px}
	.navi .inner {height:50px}
	.navi .inner div {width:50%; height:50px; font-size:16px; line-height:50px; padding-left:20px}
	.navi .inner div.home {display:none}
	.navi .inner div.home a {color:#fff; width:100%; height:100%; display:block}
	.navi .inner div a.mm {color:#fff; width:100%; height:100%; display:block; background:url('/images/comm/allow_d.png') 92% center no-repeat}
	.navi .inner div a.mm.on {background:url('/images/comm/allow_u.png') 92% center no-repeat}
	.navi .inner div > ul {top:50px}
	.navi .inner div > ul li {line-height:50px}
	.navi .inner div > ul li a {font-size:16px; padding-left:20px}
	
	.greeting {position:relative}
	.greeting .img {width:100%; position:absolute; left:0; bottom:0; text-align:left}
	.greeting .txt {width:100%; padding-left:300px; padding-bottom:300px; position:relative}
	.greeting .txt .sign {position:absolute; right:0; bottom:50px}
	
	.product .photo_list li {width:calc(33.333% - 30px)}
	.product .photo_list li:nth-child(n+4) {margin-top:30px}
	.product .photo_list.six li {width:calc(33.33% - 30px)}
	.product .photo_list.six li:nth-child(n+4) {margin-top:30px}
	
	.product .color_list li {width:20%}
	.product .color_list li:nth-child(n+6) {margin-top:20px}
	
	.inquiry {width:100%}	
	.agree {width:100%}

}


@media only screen and (min-width : 761px){

	.calendar > ul {display:table; width:100%; font-size:0px; margin-bottom:15px}
	.calendar > ul > li {display:table-row; width:100%}
	.calendar > ul > li > div {padding:5px; display:table-cell; width:14%; min-height:140px; height:140px;border-right:1px solid #ececf1; border-bottom:1px solid #ececf1; background:#fff}
	.calendar > ul > li > div:last-child {border-right:0px;}
	.calendar > ul > li.cal_header > div {height:30px; line-height:30px; min-height:0px; border-top:1px solid #dfd8c6; border-right:1px solid #dfd8c6; border-bottom:1px solid #dfd8c6; background:#fbfaf7; color:#777777; font-weight:bold; text-align:center; font-size:16px}
	.calendar > ul > li.cal_header > div:last-child {border-right:0px}
	.calendar > ul > li.cal_header > div.Sun {color:#cc2220}
	.calendar > ul > li.cal_header > div.Sat {color:#2453a5}
	.calendar > ul > li > div > time {display:block; padding:3px; min-height:15px;  font-size:14px}
	.calendar > ul > li > div > time span {display:none;}
	.calendar > ul > li > div > time p {font-weight:normal; margin-top:5px; color:#333; text-align:center; font-size:16px; padding-bottom:10px}
	.calendar > ul > li > div > time p div {background:#F00}
	.calendar > ul > li > div.today{background:#f4f4f4;}

}

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

	.calendar {margin-bottom:30px;}
	.calendar > p span {font-size:20px}
	.calendar > p a img {width:25px}
	.calendar > ul {width:100%; display:block; border-top:2px solid #dfd8c6; margin-bottom:15px}
	.calendar > ul > li {display:block}
	.calendar > ul > li > div {width:50%; background:#fff; border-bottom:1px solid #ececf1; padding:5px 0 5px 10px; box-sizing:border-box; float:left}
	.calendar > ul > li.cal_header {display:none}
	.calendar > ul > li > div.empty {display:none}
	.calendar > ul > li > div > time {display:block; vertical-align:middle; width:100%; padding:10px 5px 10px 0; font-weight:bold; color:#000; font-size:14px}
	.calendar > ul > li > div > time span.Ym {font-size:10px; display:none; margin-bottom:5px}
	.calendar > ul > li > div > time span.W {margin-left:5px;}
	.calendar > ul > li > div > time p {font-weight:normal; line-height:20px; margin-top:5px; font-size:16px; text-align:center; line-height:1.5}
	.calendar > ul > li > div.today {background:#f4f4f4}

}

@media all and (max-width:768px){
	
	.nav_tab2 {margin-bottom:40px; flex-wrap:wrap}
	.nav_tab2 a {font-size:16px; height:40px; flex-basis:unset; width:calc(25% - 5px); box-sizing:border-box; min-width:auto}
	
	
	.greeting {margin-bottom:50px}
	.greeting .img {width:60%}
	.greeting .txt {padding-left:30%; padding-bottom:150px; position:relative}
	.greeting .txt .title {font-size:30px}
	.greeting .txt .s_title {font-size:25px}
	.greeting .txt .sign {font-size:18px; bottom:20px}
	.greeting .txt .sign strong {font-size:30px}
	
	.business {margin-bottom:50px}
	.business .title {font-size:28px}
	.business .txt {padding:50px}
	.business .txt strong {font-size:22px}
	.business .txt .sign {font-size:18px}
	
	.certificate li {width:calc(33.333% - 40px)}
	.certificate li:nth-child(n+4) {margin-top:40px}
	.certificate li p {font-size:18px}
	
	.addr_info {padding-bottom:10px; margin-bottom:30px}
	.addr_info p {font-size:22px; padding-left:40px}
	.addr_info i {width:30px; height:30px; line-height:30px; font-size:18px}
	.addr_info ul li {padding-left:40px; font-size:18px; padding-top:3px; margin-right:20px; margin-bottom:10px}
	.addr_info ul li+li {margin-left:0}
	
	.product .color ul li {width:50%}
	.product .color ul li:nth-child(n+3) {margin-top:20px}

}


@media all and (max-width:640px){
	
	.sub_visual > div h2 {margin-top:0px}

	.sub_page {font-size:16px; padding-bottom:50px}
	
	.sub_visual {background-size:cover}
	.sub_visual > div {height:150px; padding-top:50px}
	.sub_visual > div h2 {font-size:35px}
	
	.navi .inner div {width:100%}
	.navi .inner div.m1 {display:none}
	.navi .inner div a.mm {background-position:97% center}
	.navi .inner div a.mm.on {background-position:97% center}
	
	.page_navigation {margin-bottom:40px}
	.page_navigation span {font-size:16px}
	
	.container {padding-top:50px}
	
	h3.tit {font-size:30px; margin-bottom:40px}
	h4.tit {font-size:22px; margin-bottom:30px}
	h4.tit:after {top:8px}
	h5.tit {font-size:20px; margin-bottom:20px}
	h5.tit span {font-size:18px; font-weight:100}
	h5.tit:after {width:14px; height:14px; top:10px}
	h6.tit {font-size:18px; padding-left:18px}
	h6.tit:before {width:11px; height:11px; top:8px}
	
	.nav_tab {margin-bottom:40px; flex-wrap:wrap}
	.nav_tab a {font-size:16px; height:40px; flex-basis:unset; width:calc(50% - 5px); box-sizing:border-box; min-width:auto}
	.nav_tab a.active:before {display:none}
	
	.nav_tab2 a {width:calc(50% - 5px)}
	.nav_tab2 a:nth-child(n+3) {margin-top:20px}
	
	.sub_page .btn_area {margin-left:-5px}
	.sub_page .btn_area a,
	.sub_page .btn_area input,
	.sub_page .btn_area button {margin-left:5px}
	
	.certificate li {width:calc(50% - 40px)}
	.certificate li:nth-child(n+3) {margin-top:40px}
	.certificate li p {font-size:16px}
	
	.product .photo_list li {width:calc(50% - 30px); margin-left:30px; box-sizing:border-box; text-align:center}
	.product .photo_list li:nth-child(n+3) {margin-top:30px}
	.product .photo_list.two li {width:calc(100% - 30px)}
	.product .photo_list.two li:nth-child(n+2) {margin-top:30px}
	.product .photo_list.six li {width:calc(50% - 30px)}
	.product .photo_list.six li:nth-child(n+3) {margin-top:30px}
	
}

@media all and (max-width:520px){
	
	.greeting .img {width:50%}
	.greeting .txt {padding-left:0; padding-bottom:60%; position:relative}
	.greeting .txt .title {font-size:25px}
	.greeting .txt .s_title {font-size:20px}
	
	.addr_info p {font-size:20px}
	
	.product .color_list li {width:33.33%}
	.product .color_list li:nth-child(n+4) {margin-top:20px}
	
	.inquiry {margin-bottom:30px; padding-top:30px}
	.inquiry li {padding-left:0}
	.inquiry li label {position:relative; display:block; margin-bottom:10px}
	.inquiry li input,
	.inquiry li textarea {padding:10px 10px}
	.inquiry li+li {margin-top:20px}
	
	.sub_page .btn_area a,
	.sub_page .btn_area input,
	.sub_page .btn_area button {padding:10px 20px}
	
}

@media all and (max-width:480px){

	nav.sub_menu .inner div {width:100%; padding-left:20px}
	nav.sub_menu .inner div.m1 {display:none}
	nav.sub_menu .inner div a.mm i {width:15px; height:7px; background-size:15px; right:20px}
	nav.sub_menu .inner div > ul li a {padding-left:20px}
	
	h3.tit {font-size:25px; margin-bottom:30px}
	h4.tit {font-size:20px; margin-bottom:20px}
	h4.tit:after {top:6px}
	
	.nav_tab a {width:100%}
	.nav_tab a:nth-child(n+2) {margin-left:0}
	
	.product .color ul li {width:100%}
	.product .color ul li:nth-child(n+2) {margin-top:10px}

}


@media all and (max-width:420px){
	
	.page_navigation {display:none}
	
	.certificate li {width:calc(100% - 40px)}
	.certificate li:nth-child(n+2) {margin-top:40px}	
	
	.product .photo_list li {width:calc(100% - 30px)}
	.product .photo_list li:nth-child(n+2) {margin-top:30px}
	.product .photo_list.six li {width:calc(100% - 30px)}
	.product .photo_list.six li:nth-child(n+2) {margin-top:30px}

}