@charset "UTF-8";

@media screen and (max-width: 1194px) { /* iPad Pro */

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

}
@media screen and (max-width: 896px) { /* iPhone XS MAX 横表示 */
	.sp{ display:inline-block; }
	.pc{ display:none; }
	.wrapper{
		width:100%;
		overflow:hidden;
	}
	.wrapper .sp{
		display:inline;	
	}
	.wrapper .sp .btn{
		position:fixed;
		top:34px;
		right:30px;
		width:30px;
		height:30px;
		z-index:10;
	}
	.menu__line {
		display: block;
		height: 3px;
		position: absolute;
		transition: transform .3s;
		width: 100%;
	}
	.menu__line--center {
		top: 10px;
	}
	.menu__line--bottom {
		bottom: 6px;
	}
	.menu__line--top.active {
		top: 13px;
		transform: rotate(45deg);
	}
	.menu__line--center.active {
		transform: scaleX(0);
	}
	.menu__line--bottom.active {
		bottom: 13px;
		transform: rotate(135deg);
	}
	.wrapper .sp .spmenu{
		width:70%;
		position:fixed;
		z-index:9999;
		left:-80%;
		top:0;
		background-color:rgba(255,255,255,0.98);
		overflow:auto;
		height:100%;
	}
	.wrapper .sp .spmenu li{
		width:100%;
		border-bottom:1px dotted #ddd;
		font-size:14px;
		overflow:hidden;
	}
	.wrapper .sp .spmenu li:first-child{
		line-height:1em;
		padding:10px 0;
		width:100%;
		text-align:center;
	}
	.wrapper .sp .spmenu li:last-child{
		border-bottom:none;
	}
	.wrapper .sp .spmenu li a{
		color:#222;
		display:block;
		font-size:12px;
		padding:10px 0 10px 15px;
	}
	.wrapper .sp .spmenu li:first-child a{
		padding:10px 0 10px 0;
	}
	.wrapper .sp .spmenu li a:hover{
		text-decoration:none;
	}
	.wrapper .sp .spmenu li a img{
		max-width:80%;
	}
	.wrapper header{
		padding:15px 0;
	}
	.wrapper header .header_inner h1{
		margin-top:0;
	}
	.wrapper header .header_inner .header_tel{
		display:none;
	}
	.wrapper nav{
		display:none;
	}
	.wrapper .breadcrumb{
		margin:10px auto;
		width:98%;
	}
	.wrapper main article{
		float:none;
		width:96%;
		padding:15px 2%;
		margin-bottom:20px;
	}
	.wrapper .content aside{
		float:none;
		width:100%;
		margin-top:20px;
		padding:0 2%;
	}
	.wrapper header .header_inner,
	.wrapper .content,
	.pagetop{
		width:96%;
		padding: 0;
	}
	.wrapper footer .footer_inner{
		width:96%;
		padding:0;
		margin-left: auto;
		margin-right: auto;
	}
	.wrapper footer .footer_inner .copyright{
		float:none;
		text-align:center;
		margin:10px 0;
	}
	.wrapper footer .footer_inner .footer_address{
		float:none;
		width: 96%;
		margin: 0 auto;
	}
	.wrapper .content main{
		width:100%;
		float:none;
		margin:0 auto;
		padding:0;
		border-top-left-radius:0;
		border-top-right-radius:0;
	}
	.wrapper article .mainimg{
		text-align:center;
	}
	.wrapper article .mainimg img{
		max-width:100%;
	}

}
@media screen and (max-width: 640px) {
	.wrapper .sp .btn{
		top:25px;
		right:20px;
	}
	.wrapper header .header_inner .header_logo{
		margin-left:5px;
	}
	.home .wrapper .mainimg img{
		width:100%;
		height:auto;
	}
	.wrapper main article section .section_inner .img_right,
	.wrapper main article section .section_inner .img_left{
		float:none;
		width:100%;
		margin:0 0 20px 0;
	}
	.wrapper main article section .section_inner .img_right img,
	.wrapper main article section .section_inner .img_left img{
		height:auto;
		width:100%;
	}
	.home .wrapper main article section .section_inner table tr th,
	.home .wrapper main article section .section_inner table tr td,
	.page .wrapper main article table tr th,
	.page .wrapper main article table tr td,
	.page .wrapper main article .mailform table tr th{
		display:block;
		width:92%;
	}
	.home .wrapper main article section .section_inner table tr th{
		padding:10px 4% 0 4%;
	}
	.home .wrapper main article section .section_inner table tr td{
		padding:5px 4% 5px 4%;
	}
	.wrapper footer .footer_menu{
		display:none;
	}
	.page .wrapper main article table tr th,
	.page .wrapper main article table tr td{
		padding:10px 4%;
	}
	.page .wrapper main article table tr th{
		border-top:none;
	}
	/*
	.page .wrapper main article table tr:first-child th{
		border-top:1px solid #ccc;
	}
	*/
	.page .wrapper main article table tr th, .page .wrapper main article table tr td {
		border-bottom: 1px solid #ccc;
		border-top: none;
		border-left: none;
		border-right: none;
	}
	.page .wrapper main article table tr:last-child td {
		border-bottom: none;
	}
	.page .wrapper main article ul.img2 li,
	.page .wrapper main article ul.img3 li,
	.page .wrapper main article ul.img4 li,
	.page .wrapper main article ul.img2 li:last-child,
	.page .wrapper main article ul.img3 li:last-child,
	.page .wrapper main article ul.img4 li:last-child{
		float:none;
		width:100%;
		margin:10px 0;
	}
}
@media screen and (max-width: 320px) {
	
}