@charset "UTF-8";

/* button */
.pageContents .button {
  width:320px;
  margin:25px 0 0;
}
.pageContents .button.center {
  margin-left:auto !important;
  margin-right:auto !important;
}
.pageContents .button a {
	color:#fff;
	font-size:16px;
	font-weight:700;
	line-height:1;
  letter-spacing:.05em;
	width:100%;
	height:80px;
	padding:0 0 0 20px;
	display:flex;
	align-items:center;
	position:relative;
	background:#da6634;
	border:solid 2px #da6634;
	border-radius:10px;
	overflow:hidden;
	transition:ease .3s;
}
.pageContents .button a .sml {
  font-size:12px;
  margin:6px 0 0;
  display:block;
}
.pageContents .button a .arrow {
	position:relative;
	z-index:1;
}
.pageContents .button a::before {
	content:"";
	width:32px;
	height:32px;
	background:url(../img/common/ico_btn_arrow_w.svg) no-repeat 0 0;
	background-size:100% auto;
	position:absolute;
	top:50%;
	right:20px;
	transform: translateY(-50%);
	z-index:1;
	transition:ease .3s;
}

.pageContents .coursemap .button {
  width:350px;
  margin:60px 0 0;
}
.pageContents .coursemap .button a {
	padding:0 0 0 30px;
}
.pageContents .coursemap .button a,
.pageContents .areainfo .button a {
	color:#373737;
	background:#fff;
	border:solid 1px #373737;
}
.pageContents .coursemap .button a::before {
  right:30px;
}
.pageContents .coursemap .button a::before,
.pageContents .areainfo .button a::before {
	background:url(../img/common/ico_btn_arrow.svg) no-repeat 0 0;
}

/* ホバー設定 */
.pageContents .button a::after {
	content:"";
	width:150%;
	height:150%;
	display: block;
	background:#fff;
	position: absolute;
	top:0;
	left:-200%;
	z-index:0;
	transition: ease .4s;
}
.pageContents .coursemap .button a::after,
.pageContents .areainfo .button a::after {
	background:#373737;
}

#wrapper,
#container {
  overflow:inherit;
}
.secttl {
  margin:0 0 60px;
  overflow:hidden;
}
.secttl .inner {
  max-width:1700px;
  margin:0 auto;
  padding:0 50px;
}
.secttl .ttlbox {
  padding:75px 0 90px;
  position:relative;
}
.secttl .bgtxt {
  font-family:roboto-condensed, sans-serif;
  color:#ccc;
  font-size:300px;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
  position:absolute;
  top:-20px;
  left:120px;
  opacity:.1;
}
.secttl h1 {
  font-family:roboto-condensed, sans-serif;
  color:#222;
  font-size:120px;
  font-weight:700;
  line-height:1;
  width:fit-content;
  position:relative;
}
.secttl h1 .sub {
  font-family: "noto-sans-cjk-jp", sans-serif;
  color:#d95e29;
  font-size:24px;
  font-weight:700;
  line-height:1;
  letter-spacing:.1em;
  position:absolute;
  bottom:-30px;
  right:0;
}
.pankuzu {
  display: flex;
}
.pankuzu li {
  color:#363636;
  font-size:16px;
  line-height:1;
  letter-spacing:.05em;
  position:relative;
}
.pankuzu li + li {
  padding-left:32px;
}
.pankuzu li + li::before {
  content:"";
  width:8px;
  height:8px;
  display:block;
  background:url(../img/common/ico_arrow_pankuzu.svg) no-repeat 0 0;
  background-size:100% auto;
  position:absolute;
  top:5px;
  left:12px;
}
.pankuzu li a {
  color:#363636;
  display:inline-block;
  position:relative;
  transition:ease .3s;
}
.pankuzu li a::before {
  content:"";
  width:100%;
  height:1px;
  background:#d95e29;
  display:block;
  position:absolute;
  bottom:-5px;
  left:0;
  transform:scaleX(0);
  transition:ease .3s;
}

.pageCols {
  width:100%;
  max-width:1700px;
  margin:0 auto;
  padding:0 50px 200px;
  position: relative;
  display:flex;
  flex-direction:row-reverse;
}
.pageNavi {
  width:250px;
}
.pageNavi ul {
  padding:20px 0;
  background:#fff;
  border-radius:10px;
  box-shadow:0 0 18px 0 rgba(0, 0, 0, 0.1);
  position:sticky;
  top:150px;
}
.pageNavi ul li + li {
  margin-top:20px;
}
.pageNavi ul li a {
  font-size:16px;
  font-weight:400;
  line-height:1.33;
  letter-spacing:.05em;
  padding:10px 20px 10px 30px;
  display:block;
  transition:ease .3s;
}
.pageNavi ul li.current a {
  color:#fff;
  background:#d95e29;
}
.pageContents {
  width:1140px;
  margin-right:90px;
}
.pageContents section {
  margin:150px 0 0;
}
.pageContents section.lead,
.pageContents section:first-child {
  margin-top:0 !important;
}
.pageContents section > *:first-child {
  margin-top:0 !important;
}

.pageContents h2,
.area_modal h2 {
  color:#222;
  font-size:30px;
  font-weight:700;
  letter-spacing:.1em;
  line-height:1.2;
  padding:8px 0 8px 14px;
  margin:0 0 30px;
  border-left:solid 3px #d95e29;
}
.pageContents h3 {
  color:#222;
  font-size:26px;
  font-weight:700;
  letter-spacing:.05em;
  line-height:1.6;
  margin:0 0 20px;
}
.pageContents h3 .subttl {
  color:#d95e29;
  font-size:14px;
  line-height:1;
  display:block;
  margin:0 0 5px;
}
.pageContents p,
.area_modal p,
.notes .details ul li {
  font-size:18px;
  letter-spacing:.08em;
  line-height:1.77;
  margin:0;
}
.pageContents p a {
  color:#373737;
  display:inline-block;;
  position:relative;
  transition:ease .3s;
}
.pageContents p a::before {
  content:"";
  width:100%;
  height:1px;
  display:block;
  background:#373737;
  position:absolute;
  bottom:0;
  transition:ease .3s;
}

.pageContents .tablesec h3 {
  font-size:22px;
  letter-spacing:.1em;
  margin:0 0 20px;
  padding:0 0 0 27px;
  position:relative;
}
.pageContents .tablesec h3::before {
  content:"";
  width:20px;
  height:3px;
  display: block;
  background:#d95e29;
  position: absolute;
  top:50%;
  left:0;
  transform: translateY(-50%);
}

.pageContents table,
.area_modal .coltable table {
  width:100%;
  border-top:solid 1px #373737;
  border-left:solid 1px #373737;
}
.pageContents table th,
.pageContents table td,
.area_modal .coltable table th,
.area_modal .coltable table td {
  color:#373737;
  font-size:14px;
  line-height:1.5;
  text-align:center;
  letter-spacing:.05em;
  vertical-align:middle;
  padding:15px 10px;
  border-bottom:solid 1px #373737;
  border-right:solid 1px #373737;
}
.pageContents table th,
.area_modal .coltable table th {
  color:#fff;
  font-weight:500;
  background:#373737;
  border-right:solid 1px #fff;
}
.pageContents table thead tr th:last-child {
  border-right:solid 1px #373737;
}
.table {
  overflow:hidden !important;
}

.today .twocol {
  margin:60px 0 0;
  justify-content:space-between;
}
.today .tablesec {
  width:540px;
}
.today .tablesec:first-child,
.today .tablesec table {
  width:490px;
}
.today .tablesec p {
  font-size:16px;
  margin:40px 0 15px;
}
.today .tablesec p .ibk {
  margin-right:1em;
}
.today .tablesec p .ibk:last-child {
  margin-right:0;
}

.coursemap .image {
  margin:30px 0 0;
}

.arealist {
  margin:0 -20px;
  display:flex;
  flex-wrap:wrap;
}
.arealist .areainfo {
  width:calc(33.33% - 40px);
  margin:0 20px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.arealist .areainfo .image {
  width:100%;
  margin:0 0 15px;
  overflow:hidden;
}
.arealist .areainfo h3 {
  color:#222;
  font-size:24px;
  font-weight:700;
  letter-spacing:.05em;
  line-height:1.41;
  text-align:center;
  margin:0 0 10px;
}
.arealist .areainfo p {
  font-size:16px;
}
.area .box {
  padding:30px;
  margin:60px auto 0;
  background:#fff;
  border-radius:10px;
  box-shadow:0 0 18px 0 rgba(0, 0, 0, 0.1);
  position:relative;
}
.area .box h3 {
  color:#d95e29;
  font-size:20px;
  margin:0 0 5px;
  text-align:center;
}
.area .box p {
  text-align:center;
}
.area .imgcol {
  width:100%;
  display:flex;
  align-items:center;
}
.area .imgcol .image {
  min-width:306px;
  width:306px;
  padding:0 0 0 30px;
  margin:0 120px 0 0;
}
.area .imgcol .text p {
  text-align:left;
}
.area .imgcol .text p.sub {
  font-size:16px;
}
.area .imgcol .text h3 {
  color:#373737;
  font-size:30px;
  font-weight:900;
  margin:0 0 20px;
  text-align:left;
}

.baseinfo .twocol {
  justify-content:space-between;
}
.baseinfo .tablesec {
  width:590px;
}
.baseinfo .tablesec:first-child {
  width:490px;
}
.pageContents .coltable table th,
.pageContents .coltable table td,
.area_modal .coltable table th,
.area_modal .coltable table td {
  text-align:left;
  padding-left:15px;
  padding-right:15px;
}
.pageContents .coltable table th,
.area_modal .coltable table th {
  border-bottom:solid 1px #fff;
}
.pageContents .coltable table tr:last-child th,
.area_modal .coltable table tr:last-child th {
  border-bottom:solid 1px #373737;
}

.notes_tab {
  width:100%;
  display:flex;
  justify-content: space-between;
  margin:0;
}
.notes_tab button {
  color:#373737;
  font-size:18px;
  font-weight:700;
  line-height:1;
  letter-spacing:.1em;
  width:calc(33.33% - 40px);
  padding:0 0 15px;
  border-bottom:solid 3px #373737;
  transition:ease .3s;
  cursor:pointer;
}
.notes_tab button.on {
  color:#d95e29;
  border-bottom:solid 3px #d95e29;
}
.notes .details {
  height:0;
  visibility:hidden;
  opacity:0;
  position:absolute;
  transition:opacity ease .6s;
  overflow:hidden;
}
.notes .details.open {
  height:auto;
  visibility:visible;
  opacity:1;
  position:relative;
}
.notes .details h3 {
  color:#d95e29;
  font-size:20px;
  margin:40px 0 5px;
}
.notes .details > *:first-child {
  margin-top:20px;
}
.notes .details p.chushaku {
  font-size:16px;
  letter-spacing:.05em;
  text-indent:-1em;
  padding-left:1em;
  margin-top:.3em;
}
.notes .details .items {
  margin:30px 0 0;
}
.notes .details .items p + p {
  margin:.5em 0;
}
.notes .details p .hd {
  font-weight:700;
}
.notes .details ul li {
  list-style:disc;
  margin:.3em 0 0 1.3em;
}
.notes .details ul li::marker {
  color:#373737;
}
.notes .details .image {
  max-width:600px;
  margin:30px auto 0;
}

/* modal */
.area_modal {
  padding:60px;
}
.area_modal .arealist {
  margin:25px -30px 0;
}
.area_modal .arealist .areainfo {
  width:calc(33.33% - 60px);
  margin:60px 30px 0;
  display:block;
}
.area_modal .arealist .areainfo:nth-child(1),
.area_modal .arealist .areainfo:nth-child(2),
.area_modal .arealist .areainfo:nth-child(3) {
  margin-top:0;
}
.area_modal .arealist .areainfo h3 {
  margin:0 0 5px;
}
.area_modal .arealist .areainfo h4 {
  font-size:14px;
  font-weight:400;
  line-height:1;
  letter-spacing:.1em;
  text-align:center;
}
.area_modal .arealist .areainfo p {
  font-size:16px;
  line-height:1.75;
  margin:15px 0 0;
}
.area_modal .arealist .areainfo p .chushaku {
  font-size:14px;
  text-indent:-1em;
  padding-left:1em;
  display:block;
}
.area_modal .tablesec {
  margin:15px 0 60px;
}
.area_modal .coltable table {
  width:50%;
}
.area_modal .arealist + h2 {
  margin-top:60px;
}


@media screen and (max-width:1580px) {
/* button */
.pageContents .button {
  width:19.87vw;
  margin:1.58vw 0 0;
}
.pageContents .button a {
	font-size:1.01vw;
	height:5.06vw;
	padding:0 0 0 1.26vw;
	border-radius:.63vw;
}
.pageContents .button a .sml {
  font-size:.75vw;
  margin:.37vw 0 0;
}
.pageContents .button a::before {
	width:2.02vw;
	height:2.02vw;
	right:1.26vw;
}

.pageContents .coursemap .button {
  width:22.15vw;
  margin:3.79vw 0 0;
}
.pageContents .coursemap .button a {
	padding:0 0 0 1.89vw;
}
.pageContents .coursemap .button a::before {
  right:1.89vw;
}

.secttl {
  margin:0 0 3.79vw;
}
.secttl .inner {
  padding:0 3.16vw;
}
.secttl .ttlbox {
  padding:4.74vw 0 5.69vw;
}
.secttl .bgtxt {
  font-size:18.98vw;
  top:-1.26vw;
  left:7.59vw;
}
.secttl h1 {
  font-size:7.59vw;
}
.secttl h1 .sub {
  font-size:1.51vw;
  bottom:-1.89vw;
}
.pankuzu li {
  font-size:1.01vw;
}
.pankuzu li + li {
  padding-left:2.02vw;
}
.pankuzu li + li::before {
  width:.5vw;
  height:.5vw;
  top:.31vw;
  left:.75vw;
}
.pageCols {
  padding:0 3.16vw 12.65vw;
}
.pageNavi {
  width:15.82vw;
}
.pageNavi ul {
  padding:1.26vw 0;
  border-radius:.63vw;
  box-shadow:0 0 1.13vw 0 rgba(0, 0, 0, 0.1);
  top:9.49vw;
}
.pageNavi ul li + li {
  margin-top:1.26vw;
}
.pageNavi ul li a {
  font-size:1.01vw;
  padding:.63vw 1.26vw .63vw 1.89vw;
}
.pageContents {
  width:72.15vw;
  margin-right:5.69vw;
}
.pageContents section {
  margin:9.49vw 0 0;
}
.pageContents h2,
.area_modal h2 {
  font-size:1.89vw;
  padding:.5vw 0 .5vw .88vw;
  margin:0 0 1.89vw;
}
.pageContents h3 {
  font-size:1.64vw;
  margin:0 0 1.26vw;
}
.pageContents h3 .subttl {
  font-size:.88vw;
  margin:0 0 .31vw;
}
.pageContents p,
.area_modal p,
.notes .details ul li {
  font-size:1.13vw;
}

.pageContents .tablesec h3 {
  font-size:1.39vw;
  margin:0 0 1.26vw;
  padding:0 0 0 1.7vw;
}
.pageContents .tablesec h3::before {
  width:1.26vw;
  height:.18vw;
}

.pageContents table th,
.pageContents table td,
.area_modal .coltable table th,
.area_modal .coltable table td {
  font-size:.88vw;
  padding:.94vw .63vw;
}

.today .twocol {
  margin:3.79vw 0 0;
}
.today .tablesec {
  width:34.17vw;
}
.today .tablesec:first-child,
.today .tablesec table {
  width:31.01vw;
}
.today .tablesec p {
  font-size:1.01vw;
  margin:2.53vw 0 .94vw;
}

.coursemap .image {
  margin:1.89vw 0 0;
}

.arealist {
  margin:0 -1.26vw;
}
.arealist .areainfo {
  width:calc(33.33% - 2.53vw);
  margin:0 1.26vw;
}
.arealist .areainfo .image {
  margin:0 0 .94vw;
}
.arealist .areainfo h3 {
  font-size:1.51vw;
  margin:0 0 .63vw;
}
.arealist .areainfo p {
  font-size:1.01vw;
}
.area .box {
  padding:1.89vw;
  margin:3.79vw auto 0;
  border-radius:.63vw;
  box-shadow:0 0 1.13vw 0 rgba(0, 0, 0, 0.1);
}
.area .box h3 {
  font-size:1.26vw;
  margin:0 0 .31vw;
}
.area .imgcol .image {
  min-width:19.36vw;
  width:19.36vw;
  padding:0 0 0 1.89vw;
  margin:0 7.59vw 0 0;
}
.area .imgcol .text p.sub {
  font-size:1.01vw;
}
.area .imgcol .text h3 {
  font-size:1.89vw;
  margin:0 0 1.26vw;
}

.baseinfo .tablesec {
  width:37.34vw;
}
.baseinfo .tablesec:first-child {
  width:31.01vw;
}
.pageContents .coltable table th,
.pageContents .coltable table td,
.area_modal .coltable table th,
.area_modal .coltable table td {
  padding-left:.94vw;
  padding-right:.94vw;
}

.notes_tab button {
  font-size:1.13vw;
  width:calc(33.33% - 2.53vw);
  padding:0 0 .94vw;
}
.notes .details h3 {
  font-size:1.26vw;
  margin:2.53vw 0 .31vw;
}
.notes .details > *:first-child {
  margin-top:1.26vw;
}
.notes .details p.chushaku {
  font-size:1.01vw;
}
.notes .details .items {
  margin:1.89vw 0 0;
}
.notes .details .image {
  max-width:37.97vw;
  margin:1.89vw auto 0;
}

/* modal */
.area_modal {
  padding:3.79vw;
}
.area_modal .arealist {
  margin:1.58vw -1.89vw 0;
}
.area_modal .arealist .areainfo {
  width:calc(33.33% - 3.79vw);
  margin:3.79vw 1.89vw 0;
}
.area_modal .arealist .areainfo h3 {
  margin:0 0 .31vw;
}
.area_modal .arealist .areainfo h4 {
  font-size:.88vw;
}
.area_modal .arealist .areainfo p {
  font-size:1.01vw;
  margin:.94vw 0 0;
}
.area_modal .arealist .areainfo p .chushaku {
  font-size:.88vw;
}
.area_modal .tablesec {
  margin:.94vw 0 3.79vw;
}
.area_modal .arealist + h2 {
  margin-top:3.79vw;
}


}


@media screen and (max-width:767px) {
/* button */
.pageContents .button {
  width:69.33vw;
  margin:4vw auto 0;
}
.pageContents .button a {
	font-size:3.46vw;
	height:16vw;
	padding:0 0 0 5.33vw;
	border-radius:1.33vw;
}
.pageContents .button a .sml {
  font-size:2.66vw;
  margin:.66vw 0 0;
}
.pageContents .button a::before {
	width:6.4vw;
	height:6.4vw;
	right:4vw;
}

.pageContents .coursemap .button {
  width:69.33vw;
  margin:10.66vw 0 0;
}
.pageContents .coursemap .button a {
  padding:0 0 0 5.33vw;
}
.pageContents .coursemap .button a::before {
  right:4vw;
}

#wrapper {
  overflow:hidden;
}
.secttl {
  margin:0 0 9.33vw;
}
.secttl .inner {
  padding:0 5.33vw;
}
.secttl .ttlbox {
  padding:10.66vw 0 11.33vw;
}
.secttl .bgtxt {
  font-size:32vw;
  top:0;
  left:9.33vw;
}
.secttl h1 {
  font-size:13.33vw;
}
.secttl h1 .sub {
  font-size:3.2vw;
  bottom:-4vw;
}
.pankuzu li {
  font-size:3.2vw;
}
.pankuzu li + li {
  padding-left:6.66vw;
}
.pankuzu li + li::before {
  width:1.6vw;
  height:1.6vw;
  top:.8vw;
  left:2.4vw;
}

.pageCols {
  margin:0 auto;
  padding:0 5.33vw 26.66vw;
}
.pageNavi {
  display:none !important;
}
.pageContents {
  width:100%;
  margin-right:0;
}
.pageContents section {
  margin:18.66vw 0 0;
}
.pageContents h2,
.area_modal h2 {
  font-size:4.8vw;
  padding:2.13vw 0 2.13vw 3.2vw;
  margin:0 0 4vw;
}
.pageContents h3 {
  font-size:4.8vw;
  margin:0 0 4.66vw;
}
.pageContents h3 .subttl {
  font-size:3.2vw;
  margin:0 0 2vw;
}
.pageContents p,
.area_modal p,
.notes .details ul li {
  font-size:3.73vw;
  letter-spacing:.05em;
  line-height:2;
}
.pageContents p a::before {
  bottom:.8vw;
}

.pageContents .tablesec h3 {
  font-size:4.26vw;
  margin:0 0 4vw;
  padding:0 0 0 5.33vw;
}
.pageContents .tablesec h3::before {
  width:4.26vw;
  height:.66vw;
}

.sc_table {
  overflow:auto !important;
  overflow-y:hidden !important;
}
.sc_table table {
  min-width:133.33vw;
}
.pageContents table th,
.pageContents table td,
.area_modal .coltable table th,
.area_modal .coltable table td {
  font-size:3.73vw;
  padding:2.66vw;
}

.today .twocol {
  margin:8vw 0 0;
  display:block;
}
.today .tablesec,
.today .tablesec:first-child,
.today .tablesec table {
  width:auto;
}
.today .tablesec + .tablesec {
  margin-top:16.66vw;
}
.today .tablesec p {
  font-size:3.2vw;
  margin:4vw 0 2.66vw;
}

.coursemap .image {
  margin:6.66vw 0 0;
}

.arealist {
  margin:0;
}
.arealist .areainfo {
  width:100%;
  margin:13.33vw 0 0;
  display:block;
}
.arealist .areainfo:nth-child(1) {
  margin-top:4vw;
}
.arealist .areainfo .image {
  margin:0 0 4vw;
}
.arealist .areainfo h3 {
  font-size:5.33vw;
  margin:0 0 2.66vw;
}
.arealist .areainfo p {
  font-size:3.2vw;
}

.area .box {
  padding:6.66vw 5.33vw;
  margin:13.33vw auto 0;
  border-radius:1.33vw;
  box-shadow:0 0 2.4vw 0 rgba(0, 0, 0, 0.1);
}
.area .box h3 {
  font-size:4.26vw;
  margin:0 0 1.33vw;
}
.area .imgcol {
  margin:0;
  display:block;
}
.area .imgcol .image {
  min-width:inherit;
  width:80%;
  padding:0;
  margin:0 auto 8vw;
}
.area .imgcol .text p.sub {
  font-size:2.93vw;
}
.area .imgcol .text h3 {
  font-size:5.33vw;
  margin:0 0 4vw;
}

.baseinfo .twocol {
  margin:8vw 0 0;
  display:block;
}
.baseinfo .tablesec,
.baseinfo .tablesec:first-child {
  width:auto;
}
.baseinfo .tablesec + .tablesec {
  margin-top:10.66vw;
}
.baseinfo .tablesec .sc_table table {
  min-width:160vw;
}
.pageContents .coltable table th,
.pageContents .coltable table td,
.area_modal .coltable table th,
.area_modal .coltable table td {
  padding-left:2.66vw;
  padding-right:2.66vw;
}
.pageContents .coltable table th,
.area_modal .coltable table th {
  white-space:nowrap;
}

.notes_tab button {
  font-size:3.73vw;
  letter-spacing:.03em;
  line-height:1.33;
  width:calc(33.33% - 2vw);
  padding:1.33vw 0 2.66vw;
}

.notes .details h3 {
  font-size:4.26vw;
  margin:8vw 0 1.33vw;
}
.notes .details > *:first-child {
  margin-top:5.33vw;
}
.notes .details p.chushaku {
  font-size:3.2vw;
}
.notes .details .items {
  margin:6.66vw 0 0;
}
.notes .details .items .hd {
  display:block;
}
.notes .details .image {
  max-width:none;
  margin:6.66vw auto 0;
}

/* modal */
.area_modal {
  padding:5.33vw;
}
.area_modal .arealist {
  margin:4vw 0 0;
}
.area_modal .arealist .areainfo {
  width:auto;
  margin:10.66vw 0 0;
}
.area_modal .arealist .areainfo:nth-child(2),
.area_modal .arealist .areainfo:nth-child(3) {
  margin-top:10.66vw;
}
.area_modal .arealist .areainfo h3 {
  font-size:4.8vw;
  margin:0 0 1.33vw;
}
.area_modal .arealist .areainfo h4 {
  font-size:2.93vw;
}
.area_modal .arealist .areainfo p {
  font-size:3.2vw;
  margin:2.66vw 0 0;
}
.area_modal .arealist .areainfo p .chushaku {
  font-size:2.93vw;
}
.area_modal .tablesec {
  margin:2.66vw 0 16vw;
}
.area_modal .coltable table {
  width:100%;
}
#park_area > h2 + p + .arealist .areainfo {
  margin-top:0;
}
.area_modal .arealist + h2 {
  margin-top:16vw;
}


}


@media (hover: hover) {
.pageContents .button a:hover::after,
.pageContents .button a:focus::after {
	left:-45%;
}
.pageContents .button a:hover::before,
.pageContents .button a:focus::before {
	background-image:url(../img/common/ico_btn_arrow_o.svg);
}
.pageContents .button a:hover,
.pageContents p a:hover,
.pageContents .button a:focus,
.pageContents p a:focus {
  color:#da6634;
}

.pageContents .coursemap .button a:hover,
.pageContents .coursemap .button a:focus,
.pageContents .areainfo .button a:hover,
.pageContents .areainfo .button a:focus {
  color:#fff;
}
.pageContents .coursemap .button a:hover::before,
.pageContents .coursemap .button a:focus::before,
.pageContents .areainfo .button a:hover::before,
.pageContents .areainfo .button a:focus::before {
	background-image:url(../img/common/ico_btn_arrow_w.svg);
}

.pageContents p a:hover::before,
.pageContents p a:focus::before {
  transform:scaleX(0);
  background:#da6634;
}
.pageNavi ul li a:hover,
.pageNavi ul li a:focus {
  color:#fff;
  background:#d95e29;
}
.pankuzu li a:hover,
.pankuzu li a:focus {
  color:#d95e29;
}
.pankuzu li a:hover::before,
.pankuzu li a:focus::before {
  transform:scaleX(1);
}

}