@charset "utf-8";


/**************************************************
 Responsive
**************************************************/
@media screen and (max-width: 690px){

	/**************************************************
	WP block
	**************************************************/
	.is-layout-flex{ margin: 20px 0;}

	.wp-block-buttons-is-layout-flex{ padding: 20px 0px;}

	.wp-block-button{
		width: 100%;
		padding: 20px 0px 0px;
	}

	.wp-block-button:first-child,
	.wp-block-buttons-is-layout-flex .wp-block-button:nth-child(1):last-child{ padding: 0;}

	.wp-block-button__link{
        height: 60px;
		text-align: left;
	}
		
		
	/**************************************************
	cateTitle
	**************************************************/
	#cateTitle{height: 60vw;}

	.cateName{
		min-width: auto;
		width: 100%;
		height: auto;
		top: auto;
		bottom: 0;
		left: 0;
		transform: skewX(0deg);
	}
	.cateName span{
		font-size: 13.0vw;
		padding: 30px 20px 20px 20px;
		transform: skewX(0);
	}
	.cateName span small{font-size: 4.5vw;}

	#cateTitle .bg{
		width: 100%;
		height: 60%;
	}



	/**************************************************
	breadCrumb
	**************************************************/
	.breadCrumb ul{display: none;}



	/**************************************************
	innerWrapper
	**************************************************/
	.innerWrapper{
		width: 100%;
		margin: 50px auto 0 auto;
		padding: 0 20px;
	}



	/**************************************************
	main
	**************************************************/
	main{
		width: 100%;
		order: 1;
	}

	main h3{
		font-size: 5.5vw;
		letter-spacing: 2px;
		padding: 0 0 20px 55px;
	}
	main h3::before{width: 10px;}
	main h3::after{width: calc(100% - 55px);}

	main h4{
		font-size: 5.5vw;
		letter-spacing: 1px;
		padding-bottom: 20px;
		margin-top: 80px;
	}

	main h5{
		font-size: 4.2vw;
		margin-top: 50px;
	}
	main h5::before{top: calc(50% - 1px);}
	main h5.style1{margin-top: 80px;}

	main p{
		padding-top: 30px;
		font-size: 1.4rem;
	}

	.imageTwoColumn{margin-top: 30px;}

	main table{margin-top: 20px;}
	main table caption{font-size: 1.1rem;}
	main table th{
		padding: 12px 10px;
		font-size: 1.3rem;
	}
	main table td{
		padding: 12px 10px;
		font-size: 1.3rem;
	}
	main table.style1{width: 100%;}
	main table.style1 th{width: 35%;}
	main table.style1 td{width: 65%;}

	.scroll{ overflow-x: scroll;}
	.scroll table th,
	.scroll table td{ white-space: pre;}
		
	.btn1{margin-top: 50px;}
	.btn1 a{
		min-width: 65%;
		font-size: 1.4rem;
	}
		
	.btn2{margin-top: 50px;}
	.btn2 a{
		min-width: 65%;
		font-size: 1.4rem;
	}

	.backBtn{margin-top: 70px;}



	/**************************************************
	aside
	**************************************************/
	.localNavi{
		width: 100%;
		order: 2;
		margin-top: 70px;
		border-top: 1px solid var(--color1);
		padding-top: 20px;
	}

	.localNavi h3{font-size: 4.5vw;}
	.localNavi h3::before{top: calc(50% - 0px);}

	.localNavi ul{margin-top: 18px;}
	.localNavi ul li{
		padding: 12px 0;
		font-size: 1.5rem;
	}
	
	.bnList li{ width: 48%;}
	
}