nav{
position: absolute;
bottom: 0;
}

header{
width: 100%;
min-width: 1000px;
height: 100vh;
position: relative;
}

header:before{
border-top: 2px solid #fff;
animation-name: filterBlur;
animation-duration: 5s;
animation-fill-mode: both;
animation-delay: 2000ms;
animation-play-state: running;
-webkit-animation-name: filterBlur;
-webkit-animation-duration: 5s;
-webkit-animation-fill-mode: both;
-webkit-animation-delay: 2000ms;
content: "";
z-index: -1;
display: block;
position:fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(../image/top/background.jpg);
background-position: center bottom;
background-repeat: no-repeat;
background-size: cover;
}

/*IE10～ハック*/
@media all and (-ms-high-contrast:none){
  header:before {
   background-image:none;
  }
}
@media all and (-ms-high-contrast:none){
header {
background-image: url(../image/top/background.jpg);
background-position: center bottom;
background-repeat: no-repeat;
background-attachment: fixed;
  }
}

/*edgeハック*/
_:-ms-lang(x), _::-webkit-meter-bar,header:before {
background-image:none;
}
_:-ms-lang(x), _::-webkit-meter-bar,header {
background-image: url(../image/top/background.jpg);
background-position: center bottom;
background-repeat: no-repeat;
background-attachment: fixed;
}

header #mcs{
display: block;
margin: 0 auto;
width: 257px;
height: 162px;
padding-left: 15px;
color: #fff;
animation-name: fadeInDown;
animation-duration: 1s;
animation-fill-mode: both;
animation-delay: 1000ms;
-webkit-animation-name: fadeInDown;
-webkit-animation-duration: 1s;
-webkit-animation-fill-mode: both;
-webkit-animation-delay: 1000ms;
}

header em{
display: block;
font-style: normal;
font-weight: 400;
font-size: 22pt;
text-align: center;
color: #fff;
font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝B","ＭＳ Ｐ明朝",serif;
letter-spacing: 0.2em;
margin-top: 150px;
animation-name: fadeInUp;
animation-duration: 3s;
animation-fill-mode: both;
-webkit-animation-name: fadeInUp;
-webkit-animation-duration: 3s;
-webkit-animation-fill-mode: both;
}

p#scroll{
animation-name: fadeInDown;
animation-duration: 1s;
animation-fill-mode: both;
animation-delay: 1000ms;
-webkit-animation-name: fadeInDown;
-webkit-animation-duration: 1s;
-webkit-animation-fill-mode: both;
-webkit-animation-delay: 1000ms;
position: relative;
}

/*IE10～ハック*/
@media all and (-ms-high-contrast:none){
  p#scroll {
  animation: none;
  margin-left: -20px;
  }
}

p#scroll a {
position: relative;
  top: 50px;
  left: 50%;
  z-index: 2;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  text-decoration: none;
  color: #fff;
}

p#scroll a span {
  position: absolute;
  top: 25px;
  left: 50%;
  width: 46px;
  height: 46px;
  border: 1px solid #fff;
  border-radius: 100%;
  box-sizing: border-box;
  margin-left: -23px;
}

p#scroll a span::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  width: 16px;
  height: 16px;
  margin: -12px 0 0 -8px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
}

p#scroll a span::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  content: '';
  width: 44px;
  height: 44px;
  box-shadow: 0 0 0 0 rgba(255,255,255,.1);
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: sdb 3s infinite;
  animation: sdb 3s infinite;
  box-sizing: border-box;
}

@-webkit-keyframes sdb {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    box-shadow: 0 0 0 60px rgba(255,255,255,.1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    box-shadow: 0 0 0 60px rgba(255,255,255,.1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

h3{
font-family: 'Noto Serif', serif;
color: #f5912f;
font-size: 22pt;
text-align: center;
}

h3 span{
display: block;
color: #111;
font-weight: normal;
font-size: 11pt;
font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
 margin-top: 10px;
 font-style: normal;
}


/* ナビゲーション以下 */

section#copy{
background-color: #fff;
}

section#copy article{
width: 1000px;
margin: 0 auto;
min-height: 860px;
height: 860px;
padding-top: 120px;
position: relative;
}

div#exGallery{
width:760px;
float: left;
}

div#exGallery #large{
display:block;
}

div#exGallery ul{
list-style-type:none;
padding-top:10px;
}

div#exGallery ul li{
float:left;
padding-right:7px;
}

div#exGallery ul li:nth-child(7){
padding-right:0;
}

div#exGallery ul li a{
display: block;
width: 150px;
height: 100px;
}

div#exGallery ul li img{
border:#fff solid 2px;
width:150px;
height:100px;
-webkit-transition:0.3s;
-moz-transition:0.3s;
 transition:0.3s;
}

div#exGallery ul li img:hover{
border:#ffa366 solid 2px;
filter:alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
cursor:default;
}

#copy p#copyText{
 writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝B","ＭＳ Ｐ明朝",serif;
font-size:18pt;
line-height: 1.6em;
position: absolute;
right: 50px;
top: 90px;
display: block;
z-index: 2;
}

#copy div#copyLongtext{
position: absolute;
top: 350px;
right: 0;
width: 280px;
max-width: 280px;
height: 400px;
max-height: 400px;
overflow: hidden;
padding: 40px 30px 0 30px;
background-color: #f6f4ed;
z-index: 1;
}

#copy div#copyLongtext p{
line-height: 1.8em;
font-size: 11pt;
text-align: justify;
text-justify: inter-ideograph;
}

#copy div#copyLongtext p a{
display: block;
text-decoration: none;
text-align: center;
color: #f5912f;
font-weight: bold;
border: 2px solid #f5912f;
padding: 10px 0;
margin-top: 30px;
font-size: 12pt;
}

#copy div#copyLongtext p a:hover{
background-color: #fe9e1a;
border: 2px solid #fe9e1a;
color: #fff;
}

section#news{
clear: both;
background-color: #f6f4ed;
}

section#news article{
padding-top: 80px;
padding-bottom: 80px;
width: 1100px;
margin: 0 auto;
overflow: hidden;
}

section#news article div{
width: 300px;
padding-top: 25px;
float: left;
}

section#news h3 span{
font-size: 10pt;
}

section#news article div p a{
display: block;
width: 235px;
margin-left: 30px;
text-decoration: none;
text-align: center;
color: #f5912f;
font-weight: bold;
border: 2px solid #f5912f;
padding: 10px 0;
margin-top: 40px;
font-size: 12pt;
}

section#news article div a:hover{
background-color: #fe9e1a;
border: 2px solid #fe9e1a;
color: #fff;
}

section#service{
clear: both;
background-color: #fff;
}

section#service article{
width: 1000px;
margin: 0 auto;
padding-top: 100px;
padding-bottom: 100px;
}

section#service p:first-of-type{
text-align: center;
font-size: 12pt;
line-height: 1.8em;
margin-bottom: 60px;
}

section#service ul{
width: 100%;
}

section#service ul li{
display: inline-block;
width: 480px;
height: 270px;
vertical-align: top;
list-style-type: none;
margin-bottom: 30px;
overflow: hidden;
}

section#service ul li em{
clear: both;
display: block;
font-size: 11pt;
line-height: 1.6em;
padding-top: 10px;
}

section#service ul li em:hover{
cursor: pointer;
}

section#service ul li:first-child{
margin-right: 20px;
}

section#service ul li a{
display: block;
height: 200px;
width: 100%;
overflow: hidden;
}

section#service ul li a img{
width: auto;
height: 200px;
position: relative;
z-index: 1;
float: left;
-webkit-transform: scale(1);
    -moz-transform   : scale(1);
    transform        : scale(1);
    -webkit-transition : 0.3s;
    -moz-transition    : 0.3s;
    transition         : 0.3s;
}

section#service ul li a:hover img{
-webkit-transform: scale(1.05);
    -moz-transform   : scale(1.05);
    -ms-transform    : scale(1.05);
    transform        : scale(1.05);
}

section#service ul li p{
background-color: #f6f4ed;
height: 200px;
width: 144px;
vertical-align: middle;
text-align: center;
display: table-cell;
font-size: 14pt;
line-height: 1.5em;
font-weight: bold;
position: relative;
z-index: 2;
-webkit-transition:0.3s;
-moz-transition:0.3s;
 transition:0.3s;
}

section#service ul li a:hover p{
color: #fff;
background-color: #fe9e1a;
}

section#service ul li a span{
-webkit-transition:0.3s;
-moz-transition:0.3s;
 transition:0.3s;
 display: inline-block;
  border-top: 2px solid #f6f4ed;
 border-bottom: 2px solid #f6f4ed;
 padding-top: 10px;
  padding-bottom: 10px;
}

section#service ul li a:hover span{
border-bottom: 2px solid #fff;
}

section#service p#toSchedule a{
	display: block;
	clear: both;
	text-align: center;
	font-weight: bold;
	color: #fe9e1a;
	border: 2px solid #fe9e1a;
	padding: 15px 0;
	font-size: 13pt;
}

section#service p#toSchedule a:hover{
background-color: #fe9e1a;
color: #fff;
}

section#recruit{
background-color:#f6f4ed;
border-bottom: 100px solid #fff;
height: 300px;
overflow: hidden;
}

section#recruit article{
margin: 0 auto;
width: 1000px;
height: 200px;
overflow: hidden;
position: relative;
}

section#recruit article a img:first-of-type{
-webkit-transform: scale(1);
    -moz-transform   : scale(1);
    transform        : scale(1);
    -webkit-transition : 0.3s;
    -moz-transition    : 0.3s;
    transition         : 0.3s;
}

section#recruit article a:hover img:first-of-type{
-webkit-transform: scale(1.05);
    -moz-transform   : scale(1.05);
    -ms-transform    : scale(1.05);
    transform        : scale(1.05);
}

section#recruit article a img:last-of-type{
position: absolute;
top: 0;
left: 0;
}

section#access{
background-color: #fff;
}

section#access article#map{
position: relative;
padding-bottom: 400px;
height: 0;
overflow: hidden;
z-index: 1;
}

section#access iframe{
position:absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

section#access article#add{
margin: 0 auto;
width: 1000px;
position: relative;
}

section#access article#add div{
background-color: #fff;
z-index: 2;
height: 410px;
max-height: 410px;
width: 280px;
max-width: 280px;
padding: 25px 30px 0 30px;
position: absolute;
bottom: -40px;
right: 0;
border: 2px solid #ddd;
}

section#access article#add h3{
margin-bottom: 25px;
}

section#access article#add dl{
line-height: 1.8em;
}

section#access article#add dt{
font-weight: bold;
}

section#access article#add dd{
margin-bottom: 20px;
font-size: 10.5pt;
}

section#access article#add p a{
display: block;
text-decoration: none;
text-align: center;
color: #f5912f;
font-weight: bold;
border: 2px solid #f5912f;
padding: 12px 0;
margin-top: 20px;
}

section#access article#add p a:hover{
background-color: #fe9e1a;
border: 2px solid #fe9e1a;
color: #fff;
}

footer{
padding-top: 100px;
}


/* お知らせCMS */
span.catName{
background-color: #fff;
text-align: center;
width: 100px;
padding: 5px 0;
display: inline-block;
font-size: 10pt;
}

span.newMark{
margin-left: 5px;
color: #b80101;
}

span.up_ymd{
margin-left: 10px;
margin-right: 10px;
}

span.up_ymd:after{
display: inline;
content: "|";
margin-left: 15px;
color: #aaa;
}


ul#newsList{
float: right;
width: 800px;
}

ul#newsList li a{
transition-property: none;
}

ul#newsList li{
font-size: 12pt;
padding: 20px 15px;
list-style-type: none;
-webkit-transition:0.3s;
-moz-transition:0.3s;
 transition:0.3s;
}

ul#newsList li:last-child{
border-bottom: 0;
}

ul#newsList li:hover{
cursor: pointer;
background-color: #FE9E1A;
}

ul#newsList li:hover span.newMark , ul#newsList li:hover span.up_ymd , ul#newsList li:hover a{
color: #fff;
}


/* 印刷用 */
@media print{
*{
transition-property: none !important;
animation-name: none !important;
opacity: 1 !important;
}

nav {
display: none !important;
}

header:before {
background-image:none;
}

header {
background-image: url(../image/top/background.jpg) !important;
background-position: center bottom;
background-repeat: no-repeat;
height: 600px;
width: 100%;
}
}