@charset "UTF-8";
/* CSS Document */



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/


	
	
/* pagetitle_pamphlet
--------------------- */
#pagetitle_pamphlet {
	width: 100%;
	background: url("../img/pagetitle.jpg") no-repeat center / cover;
}
	#pagetitle_pamphlet .inner {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 360px;
	}
		#pagetitle_pamphlet .inner .titbox {
			padding-top: 60px;
			text-align: center;
			color: #fff;
		}
			#pagetitle_pamphlet .inner .titbox h1 {
				font-size: 40px;
				font-weight: 700;
				line-height: 1.4em;
				margin-bottom: 5px;
			}

			#pagetitle_pamphlet .inner .titbox .en {
				font-size: 22px;
				letter-spacing: 5px;
			}


	
	
/* pamphlet
--------------------- */
#pamphlet {
	width: 100%;
}
#pamphlet .inner {
	padding: 100px 0;
	border-bottom: solid 1px #ddd;
}
	#pamphlet ul {
		max-width: 900px;
		margin: auto;
	}
		#pamphlet ul li {
			width: 45%;
		}
			#pamphlet ul li a {
				display: block;
			transition: 0.3s;
			-webkit-transition: 0.3s;
			}
			#pamphlet ul li a:hover {
				opacity: 0.7;
			}
				#pamphlet ul li a img {
					width: 100%;
					height: auto;
				}

				#pamphlet ul li a p {
					padding-top: 10px;
					font-size: 16px;
					text-align: center;
				}








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





	




}









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


	
	
/* pagetitle_pamphlet
--------------------- */
#pagetitle_pamphlet .inner .titbox h1 {
	font-size: 34px;
}


	
	
/* pamphlet
--------------------- */
#pamphlet .inner {
	padding: 80px 5%;
}
		#pamphlet ul li {
			width: 47.5%;
		}
			#pamphlet ul li a p {
				font-size: 16px;
			}

	





}

	







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


	
	
/* pagetitle_pamphlet
--------------------- */
#pagetitle_pamphlet {
	width: 100%;
	background: url("../img/pagetitle.jpg") no-repeat center / cover;
}
	#pagetitle_pamphlet .inner {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 260px;
	}
		#pagetitle_pamphlet .inner .titbox {
			padding-top: 70px;
			text-align: center;
			color: #fff;
		}
			#pagetitle_pamphlet .inner .titbox h1 {
				font-size: 20px;
				letter-spacing: 3px;
				line-height: 1.4em;
				padding-bottom: 5px;
			}

			#pagetitle_pamphlet .inner .titbox .en {
				font-size: 16px;
				letter-spacing: 2px;
			}


	
	
/* pamphlet
--------------------- */
#pamphlet .inner {
	padding: 60px 5%;
}
	#pamphlet ul li a p {
		font-size: 12px;
		line-height: 1.4em;
	}

	





}