/* 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 %
---------------------------------------------------------------------*/




	
	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* ナビゲーション */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#header ul li:nth-child(3) a {
	border-bottom: solid 2px #000;
}




	
	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 下層タイトル */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#pagetitle {
	height: 380px;
}






/* cando
--------------------- */
#cando {
	width: 100%;
	padding: 80px 0 30px 0;
	background: #fafafa;
}
	#cando .box {
		margin-bottom: 70px;
	}
		#cando .box .pht {
			width: 700px;
		}
			#cando .box .pht img {
				width: 100%;
				height: auto;
			}


		#cando .box .text {
			display: table;
			width: 500px;
			padding: 0 80px;
		}
			#cando .box .text .cell {
				display: table-cell;
				height: 450px;
				vertical-align: middle;
			}
				#cando .box .text .cell h3 {
					font-size: 186%;
					letter-spacing: 6px;
					padding-bottom: 20px;
				}

				#cando .box .text .cell p {
					line-height: 30px;
				}

				#cando .box .text .cell ul {
					padding-top: 15px;
				}





/* overseas
--------------------- */
#overseas {
	width: 100%;
	padding: 80px 0 0 0;
}
	#overseas p {
		line-height: 34px;
	}







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






/* cando
--------------------- */
#cando .box .pht {
	width: 50%;
	height: 450px;
}
	#cando .box .pht img {
		display: none;
	}


#cando .box .text {
	display: table;
	width: 50%;
	padding: 0 5% 0 0;
}
#cando .box:nth-child(2n) .text {
	padding: 0 0 0 5%;
}
	#cando .box .text .cell {
		display: table-cell;
		vertical-align: middle;
	}
		#cando .box .text .cell h3 {
			font-size: 186%;
			letter-spacing: 6px;
			padding-bottom: 20px;
		}

		#cando .box .text .cell p {
			line-height: 30px;
		}

		#cando .box .text .cell ul {
			padding-top: 15px;
		}










}

	







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









/* cando
--------------------- */
#cando {
	padding-bottom: 10px;
}
	#cando .box {
		display: block;
		margin-bottom: 60px;
	}
		#cando .box .pht {
			width: 105.5%;
			height: auto;
			background: none;
		}
		#cando .box:nth-child(3) .pht {
			margin-left: -5.5%;
		}
			#cando .box .pht img {
				display: block;
			}


		#cando .box .text {
			display: block;
			width: 100%;
			padding: 0 0 0 0;
		}
		#cando .box:nth-child(2n) .text {
			padding: 0 0 0 0;
		}
			#cando .box .text .cell {
				display: block;
				height: auto;
				vertical-align: top;
				padding-top: 15px;
			}
				#cando .box .text .cell h3 {
					font-size: 22px;
					letter-spacing: 4px;
					padding-bottom: 10px;
				}

				#cando .box .text .cell p {
					font-size: 93%;
					line-height: 2em;
				}

				#cando .box .text .cell ul {
					padding-top: 15px;
				}





/* overseas
--------------------- */
#overseas {
	padding: 50px 0 0 0;
}
	#overseas p {
		font-size: 93%;
		line-height: 2em;
	}
	




}