@charset "UTF-8";
@import url("reset.css");
@import url("fonts.css");
/* parts */
.clf { zoom: 1; }
.clf:after { content: ""; display: block; clear: both; }

@media screen and (max-width: 599px) {
	.spNot { display: none; }
  body { padding-top: 50px; }
  header p.screen { display: none; background: rgba(0, 0, 0, 0.65); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9998; }
  header > div > div { width: 100%; height: 50px; position: fixed; left: 0; top: 0; z-index: 9999; background: white; box-shadow: 0px 4px 3px -3px rgba(0, 0, 0, 0.2); }
  header > div > div > h1 { width: 100%; }
  header > div > div > h1 a { display: block; background: url(../img/mainlogo_sp.gif) no-repeat 10px 13px; background-size: 195px 31px; width: 195px; height: 31px; padding-top: 13px; padding-left: 10px; text-indent: -9999px; }
  header > div > div > h1 + p.switch { position: absolute; z-index: 9999; top: 3px; right: 0px; display: block; padding: 8px; width: 38px; cursor: pointer; }
  header > div > div > h1 + p.switch span { display: block; width: 100%; height: 5px; border-radius: 2px; background: #1e51a2; transition: all .3s ease-in-out; }
  header > div > div > h1 + p.switch span:nth-of-type(2), header > div > div > h1 + p.switch span:nth-of-type(3) { margin-top: 8px; }
  header > div > div > h1 + p.switch.open span:nth-of-type(1) { transform: translateY(14px) translateX(0) rotate(45deg); background: #1e51a2; }
  header > div > div > h1 + p.switch.open span:nth-of-type(2) { margin-top: 6px; opacity: 0; transform: translateY(9px); }
  header > div > div > h1 + p.switch.open span:nth-of-type(3) { transform: translateY(-10px) translateX(0) rotate(-45deg); background: #1e51a2; }
  header > div > div > nav { position: fixed; z-index: 9999; width: 65%; left: -65%; top: 50px; height: 100%; text-align: center; background: rgba(255, 255, 255, 0.9); border-top: #ccc 1px solid; }
  header > div > div > nav ul li { font-weight: bold; display: block; font-size: 1.4rem; border-bottom: #ccc 1px solid; background: white; }
  header > div > div > nav ul li:last-child { background: white url(../img/ico_tel.gif) no-repeat 5% 50%; background-size: 25px 25px; }
  header > div > div > nav ul li a { display: block; padding: 15px 10px; color: #1e51a2; }
  footer > div { width: 100%; text-align: center; }
  footer > div > p { margin: 30px 0; font-size: 1.2rem; }
  .area00 { width: 100%; height: 400px; position: relative; background: url(../img/img_00_00t.jpg) no-repeat 50% top; background-size: cover; }
  .area00 h1 { width: 168px; height: 155px; position: absolute; left: 50%; top: 50%; margin: -67px 0 0 -84px; }
  .area00 h1 img { width: 168px; height: 155px; }
  .area00 .bg1, .area00 .bg2 { display: none; }
  .area01 .boxOuter { text-align: left; width: 100%; font-size: 1.4rem; }
  .area01 .boxOuter .boxL { width: 100%; background: #1a5d2f; color: white; padding: 5%; box-sizing: border-box; }
  .area01 .boxOuter .boxL h2 { font-size: 3.0rem; margin-bottom: 20px; }
  .area01 .boxOuter .boxL p + p { margin-top: 1em; }
  .area01 .boxOuter .boxR { width: 100%; text-align: left; }
  .area01 .boxOuter .boxR .boxR1, .area01 .boxOuter .boxR .boxR2, .area01 .boxOuter .boxR .boxR3 { width: 100%; display: table; }
  .area01 .boxOuter .boxR .boxR1 { background: url(../img/img_01_01.jpg) no-repeat 50% 50%; background-size: cover; }
  .area01 .boxOuter .boxR .boxR1 .boxR1L { background: rgba(255, 255, 255, 0.8); vertical-align: top; padding: 5%; box-sizing: border-box; }
  .area01 .boxOuter .boxR .boxR1 .boxR1L > table { width: 100%; height: 100%; }
  .area01 .boxOuter .boxR .boxR1 .boxR1L > table th { vertical-align: top; padding-bottom: 10px; }
  .area01 .boxOuter .boxR .boxR1 .boxR1L > table th h3 { font-size: 3.0rem; line-height: 1; }
  .area01 .boxOuter .boxR .boxR1 .boxR1L > table td { vertical-align: middle; }
  .area01 .boxOuter .boxR .boxR1 .boxR1L > table td p { font-size: 1.2rem; }
  .area01 .boxOuter .boxR .boxR1 .boxR1L > table td p + p { margin-top: 1em; }
  .area01 .boxOuter .boxR .boxR1 .boxR1R { display: none; }
  .area01 .boxOuter .boxR .boxR2 { background: url(../img/img_01_02.jpg) no-repeat 50% 50%; background-size: cover; }
  .area01 .boxOuter .boxR .boxR2 .boxR2R { width: 100%; }
  .area01 .boxOuter .boxR .boxR2 .boxR2L { display: none; }
  .area01 .boxOuter .boxR .boxR2 .boxR2R { background: rgba(235, 18, 19, 0.8); vertical-align: top; padding: 5%; box-sizing: border-box; }
  .area01 .boxOuter .boxR .boxR2 .boxR2R > table { width: 100%; height: 100%; }
  .area01 .boxOuter .boxR .boxR2 .boxR2R > table th { vertical-align: top; padding-bottom: 10px; }
  .area01 .boxOuter .boxR .boxR2 .boxR2R > table th h3 { color: white; font-size: 3.0rem; line-height: 1; }
  .area01 .boxOuter .boxR .boxR2 .boxR2R > table td { text-align: center; }
  .area01 .boxOuter .boxR .boxR2 .boxR2R > table td p { font-size: 1.4rem; display: block; border: white 2px solid; box-sizing: border-box; max-width: 450px; margin: 0 auto; }
  .area01 .boxOuter .boxR .boxR2 .boxR2R > table td p a { display: block; color: white; background: #eb1213 url(../img/ico_pdf.png) no-repeat 25px 50%; background-size: 20px 23px; padding: 15px 25px 12px 66px; }
  .area01 .boxOuter .boxR .boxR2 .boxR2R > table td p a span { white-space: nowrap; }
  .area01 .boxOuter .boxR .boxR2 .boxR2R > table td p + P { margin: 10px auto 0; }
  .area01 .boxOuter .boxR .boxR3 { background: url(../img/img_01_03.jpg) no-repeat 50% 50%; background-size: cover; }
  .area01 .boxOuter .boxR .boxR3 .boxR3L { background: rgba(255, 255, 255, 0.8); vertical-align: top; padding: 5%; box-sizing: border-box; }
  .area01 .boxOuter .boxR .boxR3 .boxR3L > table { width: 100%; height: 100%; text-align: center; }
  .area01 .boxOuter .boxR .boxR3 .boxR3L > table th { vertical-align: top; padding-bottom: 10px; }
  .area01 .boxOuter .boxR .boxR3 .boxR3L > table th h3 { font-size: 3.0rem; line-height: 1; }
  .area01 .boxOuter .boxR .boxR3 .boxR3L > table td p { font-size: 1.4rem; margin-bottom: .8em; text-align: center; }
  .area01 .boxOuter .boxR .boxR3 .boxR3L > table td span { font-size: 1.4rem; text-align: center; display: inline-block; margin: 0 auto; box-sizing: border-box; }
  .area01 .boxOuter .boxR .boxR3 .boxR3L > table td span a { display: block; color: white; background: #3b5998 url(../img/ico_fb.png) no-repeat 8px 50%; background-size: 29px 29px; padding: 15px 40px 11px 70px; }
  .area01 .boxOuter .boxR .boxR3 .boxR3R { display: none; }
  .area02 div.menuTtl { background: url(../img/img_02_00.jpg) no-repeat 50% 50%; height: 300px; background-size: cover; display: table; width: 100%; margin-top: 100px; }
  .area02 div.menuTtl h2 { width: 100%; height: 300px; display: table-cell; text-align: center; vertical-align: middle; color: white; font-size: 4.6rem; line-height: 1; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); }
  .area02 .menuUl { padding: 20px 10px 0 20px; box-sizing: border-box; }
  .area02 .menuUl ul { zoom: 1; width: 100%; }
  .area02 .menuUl ul:after { content: ""; display: block; clear: both; }
  .area02 .menuUl ul li { float: left; width: 50%; text-align: center; box-sizing: border-box; padding-right: 10px; }
  .area02 .menuUl ul li img { width: 100%; }
  .area02 .menuUl ul li p { font-size: 1.4rem; margin: 5px 0 15px; }
  .area03 div.menuTtl { background: url(../img/img_03_00.jpg) no-repeat 50% 50%; height: 300px; background-size: cover; display: table; width: 100%; margin-top: 100px; }
  .area03 div.menuTtl h2 { width: 100%; height: 300px; display: table-cell; text-align: center; vertical-align: middle; color: white; font-size: 4.6rem; line-height: 1; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); }
  .area03 div.accessOuter { width: 100%; }
  .area03 div.accessOuter > div { padding: 0; width: 100%; }
  .area03 div.accessOuter > div:first-child { background: #1a5d2f; box-sizing: border-box; padding: 5%; vertical-align: middle; }
  .area03 div.accessOuter > div:first-child p { font-size: 1.4rem; color: white; }
  .area03 div.accessOuter > div:first-child p + p { margin-top: 1.5em; }
  .area03 div.accessOuter > div:first-child a { color: white; text-decoration: underline; }
  .area03 div.accessOuter > div#map { width: 99.99% !important; height: 280px; }
 }
@media screen and (min-width: 600px) and (max-width: 899px) {
	.spOnly { display: none; }
  body { padding-top: 100px; }
  header > div > div { box-shadow: 0px 4px 3px -3px rgba(0, 0, 0, 0.2); width: 100%; height: 100px; max-width: 900px; position: fixed; left: 0; top: 0; z-index: 9999; background: white; border-bottom: #ccc 1px solid; }
  header > div > div > h1 { width: 100%; border-bottom: #ccc 1px solid; }
  header > div > div > h1 a { display: block; background: url(../img/mainlogo.gif) no-repeat left top; width: 250px; height: 50px; text-indent: -9999px; }
  header > div > div > h1 + p.switch { display: none; }
  header > div > div > nav { text-align: center; }
  header > div > div > nav ul { margin-top: 12px; font-size: 0; }
  header > div > div > nav ul li { display: inline-block; font-size: 1.4rem; min-height: 25px; line-height: 25px; font-weight: bold; }
  header > div > div > nav ul li + li { margin-left: 30px; }
  header > div > div > nav ul li:last-child { background: url(../img/ico_tel.gif) no-repeat left 50%; background-size: 25px 25px; padding-left: 33px; color: #1e51a2; }
  footer > div { width: 100%; text-align: center; }
  footer > div > p { margin: 30px 0; font-size: 1.2rem; }
  .area00 { width: 100%; height: 400px; position: relative; background: url(../img/img_00_00.jpg) no-repeat 50% top; }
  .area00 h1 { width: 336px; height: 310px; position: absolute; left: 50%; top: 50%; margin: -155px 0 0 -168px; }
  .area00 .bg1, .area00 .bg2 { display: none; }
  .area01 .boxOuter { text-align: left; width: 100%; font-size: 1.4rem; }
  .area01 .boxOuter .boxL { width: 100%; background: #1a5d2f; color: white; padding: 5%; box-sizing: border-box; }
  .area01 .boxOuter .boxL h2 { font-size: 4.6rem; margin-bottom: 40px; }
  .area01 .boxOuter .boxL p + p { margin-top: 1em; }
  .area01 .boxOuter .boxR { width: 50%; display: table-cell; vertical-align: top; text-align: left; }
  .area01 .boxOuter .boxR .boxR1, .area01 .boxOuter .boxR .boxR2, .area01 .boxOuter .boxR .boxR3 { width: 100%; display: table; }
  .area01 .boxOuter .boxR .boxR1 .boxR1L, .area01 .boxOuter .boxR .boxR1 .boxR1R { width: 50%; display: table-cell; }
  .area01 .boxOuter .boxR .boxR1 .boxR1L { vertical-align: top; padding: 3%; }
  .area01 .boxOuter .boxR .boxR1 .boxR1L > table { width: 100%; height: 100%; }
  .area01 .boxOuter .boxR .boxR1 .boxR1L > table th { height: 1px; }
  .area01 .boxOuter .boxR .boxR1 .boxR1L > table th h3 { font-size: 3.0rem; line-height: 1; }
  .area01 .boxOuter .boxR .boxR1 .boxR1L > table td { vertical-align: middle; }
  .area01 .boxOuter .boxR .boxR1 .boxR1L > table td p { font-size: 1.2rem; }
  .area01 .boxOuter .boxR .boxR1 .boxR1L > table td p + p { margin-top: 1em; }
  .area01 .boxOuter .boxR .boxR1 .boxR1R { background: url(../img/img_01_01.jpg) no-repeat 50% 50%; background-size: cover; }
  .area01 .boxOuter .boxR .boxR2 .boxR2L, .area01 .boxOuter .boxR .boxR2 .boxR2R { width: 50%; display: table-cell; vertical-align: middle; }
  .area01 .boxOuter .boxR .boxR2 .boxR2L { background: url(../img/img_01_02.jpg) no-repeat 50% 50%; background-size: cover; }
  .area01 .boxOuter .boxR .boxR2 .boxR2R { background: #eb1213; vertical-align: top; padding: 3%; }
  .area01 .boxOuter .boxR .boxR2 .boxR2R > table { width: 100%; height: 100%; }
  .area01 .boxOuter .boxR .boxR2 .boxR2R > table th { height: 1px; }
  .area01 .boxOuter .boxR .boxR2 .boxR2R > table th h3 { color: white; font-size: 3.0rem; line-height: 1em; }
  .area01 .boxOuter .boxR .boxR2 .boxR2R > table td { vertical-align: middle; }
  .area01 .boxOuter .boxR .boxR2 .boxR2R > table td p { font-size: 1.4rem; width: 100%; text-align: center; display: inline-block; border: white 2px solid; box-sizing: border-box; }
  .area01 .boxOuter .boxR .boxR2 .boxR2R > table td p a { display: block; color: white; background: url(../img/ico_pdf.png) no-repeat 25px 50%; background-size: 20px 23px; padding: 15px 25px 12px 66px; }
  .area01 .boxOuter .boxR .boxR2 .boxR2R > table td p a span { white-space: nowrap; }
  .area01 .boxOuter .boxR .boxR2 .boxR2R > table td p + P { margin-top: 15px; }
  .area01 .boxOuter .boxR .boxR3 .boxR3L, .area01 .boxOuter .boxR .boxR3 .boxR3R { width: 50%; display: table-cell; vertical-align: middle; }
  .area01 .boxOuter .boxR .boxR3 .boxR3L { vertical-align: top; padding: 3%; }
  .area01 .boxOuter .boxR .boxR3 .boxR3L table { width: 100%; height: 100%; }
  .area01 .boxOuter .boxR .boxR3 .boxR3L table th { height: 1px; }
  .area01 .boxOuter .boxR .boxR3 .boxR3L table th h3 { font-size: 3.0rem; line-height: 1; }
  .area01 .boxOuter .boxR .boxR3 .boxR3L table td { text-align: center; }
  .area01 .boxOuter .boxR .boxR3 .boxR3L table td p { font-size: 1.4rem; margin-bottom: 25px; }
  .area01 .boxOuter .boxR .boxR3 .boxR3L table td span { font-size: 1.4rem; text-align: center; display: inline-block; box-sizing: border-box; }
  .area01 .boxOuter .boxR .boxR3 .boxR3L table td span a { display: block; color: white; background: #3b5998 url(../img/ico_fb.png) no-repeat 8px 50%; background-size: 29px 29px; padding: 15px 40px 11px 70px; }
  .area01 .boxOuter .boxR .boxR3 .boxR3R { background: url(../img/img_01_03.jpg) no-repeat 50% 50%; background-size: cover; }
  .area02 div.menuTtl { background: url(../img/img_02_00.jpg) no-repeat 50% 50%; height: 300px; background-size: cover; position: relative; width: 100%; }
  .area02 div.menuTtl h2 { position: absolute; left: 5%; top: 50%; margin-top: -0.5em; color: white; font-size: 4.6rem; line-height: 1; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); }
  .area02 .menuUl { padding: 30px 20px 0 30px; box-sizing: border-box; }
  .area02 .menuUl ul { zoom: 1; width: 100%; }
  .area02 .menuUl ul:after { content: ""; display: block; clear: both; }
  .area02 .menuUl ul li { float: left; width: 33.333%; text-align: center; padding-right: 10px; box-sizing: border-box; }
  .area02 .menuUl ul li img { width: 100%; }
  .area02 .menuUl ul li p { font-size: 1.4rem; margin: 5px 0 15px; }
  .area03 div.menuTtl { background: url(../img/img_03_00.jpg) no-repeat 50% 50%; height: 300px; background-size: cover; position: relative; width: 100%; }
  .area03 div.menuTtl h2 { position: absolute; left: 5%; top: 50%; margin-top: -0.5em; color: white; font-size: 4.6rem; line-height: 1; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); }
  .area03 div.accessOuter { display: table; width: 100%; height: 500px; }
  .area03 div.accessOuter > div { height: 500px; padding: 0; display: table-cell; width: 50%; }
  .area03 div.accessOuter > div:first-child { background: #1a5d2f; box-sizing: border-box; padding: 5%; vertical-align: middle; }
  .area03 div.accessOuter > div:first-child p { font-size: 1.4rem; color: white; }
  .area03 div.accessOuter > div:first-child p + p { margin-top: 1.5em; }
  .area03 div.accessOuter > div#map { width: 99.99% !important; height: 500px; }
 }
@media screen and (min-width: 900px) {
	.spOnly { display: none; }
  body { padding-top: 50px; }
  header { width: 100%; background: white; }
  header > div { width: 100%; height: 50px; background: white; position: fixed; z-index: 9999; left: 0; top: 0; box-shadow: 0px 4px 3px -3px rgba(0, 0, 0, 0.2); }
  header > div > div { height: 50px; margin: 0 auto; max-width: 1200px; zoom: 1; }
  header > div > div:after { content: ""; display: block; clear: both; }
  header > div > div > h1 { float: left; }
  header > div > div > h1 a { display: block; background: url(../img/mainlogo.gif) no-repeat left top; width: 250px; height: 50px; text-indent: -9999px; }
  header > div > div > h1 + p.switch { display: none; }
  header > div > div > nav { float: right; }
  header > div > div > nav ul { margin-top: 14px; margin-right: 5px; zoom: 1; }
  header > div > div > nav ul:after { content: ""; display: block; clear: both; }
  header > div > div > nav ul li { float: left; font-size: 1.4rem; min-height: 25px; line-height: 25px; font-weight: bold; }
  header > div > div > nav ul li + li { margin-left: 30px; }
  header > div > div > nav ul li:last-child { background: url(../img/ico_tel.gif) no-repeat left top; background-size: 25px 25px; padding-left: 33px; color: #1e51a2; }
  footer > div { width: 100%; text-align: center; }
  footer > div > p { margin: 50px 0 80px; font-size: 1.2rem; }
  .area00 { background: none; width: 100%; height: 580px; position: relative; }
  .area00 h1 { width: 336px; height: 310px; position: absolute; left: 50%; top: 50%; margin: -155px 0 0 -168px; z-index: 10; }
  .area00 .bg1, .area00 .bg2 { position: absolute; left: 0; top: 0; width: 100%; height: 580px; background: url(../img/img_00_00.jpg) no-repeat left top; }
  .area00 .bg1.act, .area00 .bg2.act { z-index: 9; }
  .area00 .bg1 { opacity: 0; z-index: 9; }
  .area00 .bg2 { z-index: 8; }
  .area01 .boxOuter { text-align: left; width: 100%; margin: 0 auto; display: table; font-size: 1.4rem; }
  .area01 .boxOuter .boxL { width: 50%; display: table-cell; vertical-align: top; background: #1a5d2f; color: white; padding: 5%; box-sizing: border-box; }
  .area01 .boxOuter .boxL h2 { font-size: 4.6rem; margin-bottom: 40px; }
  .area01 .boxOuter .boxL p + p { margin-top: 1em; }
  .area01 .boxOuter .boxR { width: 50%; display: table-cell; vertical-align: top; text-align: left; }
  .area01 .boxOuter .boxR .boxR1, .area01 .boxOuter .boxR .boxR2, .area01 .boxOuter .boxR .boxR3 { width: 100%; display: table; }
  .area01 .boxOuter .boxR .boxR1 .boxR1L, .area01 .boxOuter .boxR .boxR1 .boxR1R { width: 50%; display: table-cell; }
  .area01 .boxOuter .boxR .boxR1 .boxR1L { vertical-align: top; padding: 3%; }
  .area01 .boxOuter .boxR .boxR1 .boxR1L > table { width: 100%; height: 100%; }
  .area01 .boxOuter .boxR .boxR1 .boxR1L > table th { height: 1px; }
  .area01 .boxOuter .boxR .boxR1 .boxR1L > table th h3 { font-size: 3.0rem; line-height: 1; }
  .area01 .boxOuter .boxR .boxR1 .boxR1L > table td { vertical-align: middle; }
  .area01 .boxOuter .boxR .boxR1 .boxR1L > table td p { font-size: 1.2rem; }
  .area01 .boxOuter .boxR .boxR1 .boxR1L > table td p + p { margin-top: 1em; }
  .area01 .boxOuter .boxR .boxR1 .boxR1R { background: url(../img/img_01_01.jpg) no-repeat 50% 50%; background-size: cover; }
  .area01 .boxOuter .boxR .boxR2 .boxR2L, .area01 .boxOuter .boxR .boxR2 .boxR2R { width: 50%; display: table-cell; vertical-align: middle; }
  .area01 .boxOuter .boxR .boxR2 .boxR2L { background: url(../img/img_01_02.jpg) no-repeat 50% 50%; background-size: cover; }
  .area01 .boxOuter .boxR .boxR2 .boxR2R { vertical-align: top; padding: 3%; background: #eb1213; }
  .area01 .boxOuter .boxR .boxR2 .boxR2R > table { width: 100%; height: 100%; }
  .area01 .boxOuter .boxR .boxR2 .boxR2R > table th { height: 1px; }
  .area01 .boxOuter .boxR .boxR2 .boxR2R > table th h3 { color: white; font-size: 3.0rem; line-height: 1; }
  .area01 .boxOuter .boxR .boxR2 .boxR2R > table td { vertical-align: middle; text-align: center; }
  .area01 .boxOuter .boxR .boxR2 .boxR2R > table td p { font-size: 1.4rem; text-align: center; display: block; border: white 2px solid; box-sizing: border-box; max-width: 300px; margin: 0 auto; }
  .area01 .boxOuter .boxR .boxR2 .boxR2R > table td p a { display: block; color: white; background: url(../img/ico_pdf.png) no-repeat 25px 50%; background-size: 20px 23px; padding: 14px 25px 12px 66px; line-height: 1.2; }
  .area01 .boxOuter .boxR .boxR2 .boxR2R > table td p a span { white-space: nowrap; }
  .area01 .boxOuter .boxR .boxR2 .boxR2R > table td p + P { margin-top: 15px; }
  .area01 .boxOuter .boxR .boxR2 .boxR2R > table td p:hover a { background: rgba(0, 0, 0, 0.1) url(../img/ico_pdf.png) no-repeat 25px 50%; background-size: 20px 23px; }
  .area01 .boxOuter .boxR .boxR3 .boxR3L, .area01 .boxOuter .boxR .boxR3 .boxR3R { width: 50%; display: table-cell; vertical-align: middle; }
  .area01 .boxOuter .boxR .boxR3 .boxR3L { vertical-align: top; padding: 3%; }
  .area01 .boxOuter .boxR .boxR3 .boxR3L > table { width: 100%; height: 100%; }
  .area01 .boxOuter .boxR .boxR3 .boxR3L > table th { height: 1px; }
  .area01 .boxOuter .boxR .boxR3 .boxR3L > table th h3 { font-size: 3.0rem; line-height: 1; }
  .area01 .boxOuter .boxR .boxR3 .boxR3L > table td { vertical-align: middle; text-align: center; }
  .area01 .boxOuter .boxR .boxR3 .boxR3L > table td > p { font-size: 1.4rem; margin-bottom: 20px; }
  .area01 .boxOuter .boxR .boxR3 .boxR3L > table td > p > span { white-space: nowrap; }
  .area01 .boxOuter .boxR .boxR3 .boxR3L > table td > span { font-size: 1.4rem; text-align: center; display: inline-block; margin: 0 auto; box-sizing: border-box; }
  .area01 .boxOuter .boxR .boxR3 .boxR3L > table td > span a { display: block; color: white; background: #3b5998 url(../img/ico_fb.png) no-repeat 8px 50%; background-size: 29px 29px; padding: 15px 40px 11px 70px; }
  .area01 .boxOuter .boxR .boxR3 .boxR3L > table td > span:hover a { background: #2f477a url(../img/ico_fb.png) no-repeat 8px 50%; background-size: 29px 29px; }
  .area01 .boxOuter .boxR .boxR3 .boxR3R { background: url(../img/img_01_03.jpg) no-repeat 50% 50%; background-size: cover; }
  .area02 div.menuTtl { background: url(../img/img_02_00.jpg) no-repeat 50% 50%; height: 300px; background-size: cover; position: relative; width: 100%; }
  .area02 div.menuTtl h2 { position: absolute; left: 5%; top: 50%; margin-top: -0.5em; color: white; font-size: 4.6rem; line-height: 1; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); }
  .area02 .menuUl { padding: 40px 30px 0 40px; box-sizing: border-box; }
  .area02 .menuUl ul { zoom: 1; width: 100%; }
  .area02 .menuUl ul:after { content: ""; display: block; clear: both; }
  .area02 .menuUl ul li { float: left; width: 25%; padding-right: 10px; box-sizing: border-box; text-align: center; }
  .area02 .menuUl ul li img { width: 100%; }
  .area02 .menuUl ul li p { font-size: 1.4rem; margin: 5px 0 15px; }
  .area03 div.menuTtl { background: url(../img/img_03_00.jpg) no-repeat 50% top; height: 300px; background-size: cover; position: relative; width: 100%; }
  .area03 div.menuTtl h2 { position: absolute; left: 5%; top: 50%; margin-top: -0.5em; color: white; font-size: 4.6rem; line-height: 1; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); }
  .area03 div.accessOuter { display: table; width: 100%; height: 600px; }
  .area03 div.accessOuter > div { height: 600px; padding: 0; display: table-cell; width: 50%; }
  .area03 div.accessOuter > div:first-child { background: #1a5d2f; box-sizing: border-box; padding: 5%; vertical-align: middle; }
  .area03 div.accessOuter > div:first-child p { font-size: 1.4rem; color: white; }
  .area03 div.accessOuter > div:first-child p + p { margin-top: 1.5em; }
  .area03 div.accessOuter > div#map { width: 100%; height: 600px; }
  .area03 div.accessOuter > div#map iframe { width: 100%; height: 600px; }
  }