@charset "utf-8";

/* -------------------------
common
------------------------- */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { -webkit-text-size-adjust: 100%; font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif; font-size: 16px; color: #4a5458; line-height: 1.75; background: #fff; }
img { border: none; vertical-align: top; }
a { text-decoration: none; color: #4a5458; }
a:focus { outline: none;}
	a:focus img { outline: none; }
	a img { background: none !important; transition: opacity 0.5s ease-out; }
	a:hover img { opacity: 0.8; background: none !important; }
ul,
ol { list-style: none; }
hr { width: 100%; height: 0; border: none; border-bottom: 1px solid #ccc; }

.cb { box-sizing: content-box; }
.cf:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
#pageTop { position: fixed; bottom: 20px; right: 20px; }
	#pageTop a { display: block; }
		#pageTop a img { opacity: 0.3; }
		#pageTop a:hover img { opacity: 0.5; }


/* -------------------------
header
------------------------- */
header { width: 100%; height: 100px; background: rgba(255,255,255,1); position: fixed; z-index: 2; }
	header .headerWp { width: 1200px; height: 100px; margin: 0 auto; position: relative; }
		header .headerWp h1 { width: 163px; height: 74px; top: 16px; left: 21px; position: absolute; }
		header .headerWp ul.navi { top: 70px; right: 2px; position: absolute; }
			header .headerWp ul.navi li { margin-left: 40px; float: left; }
				header .headerWp ul.navi li a { height: 14px; display: block; }


/* -------------------------
contents
------------------------- */
.mainvisual { width: 100%; max-width: 2000px; min-width: 1200px; height: 650px; margin-bottom: 40px; padding-top: 100px; background: url(../img/main_visual.jpg) center 100px no-repeat; }
	.mainvisual h2 { display: none; }

.sec01,
.sec02,
.sec03 { width: 1200px; margin: 0 auto 40px; position: relative; z-index: 1; }
.sec03 { margin-bottom: 80px; }
.sec01 h2,
.sec02 h2,
.sec03 h2 { margin-bottom: 40px; text-align: center; }
#sec01,
#sec02,
#sec03 { top: -140px; position: absolute; }

.box { width: 100%; background: #f2f2f2; }

/* sec01 */
.sec01 .box .txtWp,
.sec01 .box .image { width: 600px; height: 360px; float: left; }
.sec01 .box .txtWp { padding: 35px;  }
	.sec01 .box .txtWp h3 { margin-bottom: 28px; }
	.sec01 .box .txtWp p { margin-bottom: 28px; }

/* sec02 */
.sec02 .box .tableWp { padding: 65px 35px; }
	.sec02 .box .tableWp table { width: 100%; border-collapse: collapse; border: none; }
		.sec02 .box .tableWp table th,
		.sec02 .box .tableWp table td { padding: 0 20px; vertical-align: top; }
		.sec02 .box .tableWp table th { width: 445px; font-size: 18px; text-align: right; }

/* sec03 */
.sec03 .box .profileWp { width: 100%; padding: 28px 40px; position: relative; }
	.sec03 .box .profileWp h3 { top: 28px; left: 40px; position: absolute; }
	.sec03 .box .profileWp table { width: 100%; border-collapse: collapse; border: none; }
		.sec03 .box .profileWp table th,
		.sec03 .box .profileWp table td { padding: 0 20px; vertical-align: top; }
		.sec03 .box .profileWp table th { width: 445px; text-align: right; font-weight: normal; }

/* -------------------------
footer
------------------------- */
footer { width: 100%; min-width: 1200px; background: #465054; padding: 10px; }
	footer p.copyright { font-size: 12px; color: #fff; text-align: center; line-height: 1; }
		footer p.copyright span { display: none; }