html,body {font-size: 62.5%;}
@media screen and (max-width: 640px) {html,body {font-size: 62.5%;}}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,p,blockquote {margin: 0; padding: 0;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }img {border: 0; -ms-interpolation-mode: bicubic;}h1,h2,h3,h4,h5,h6 {clear: both; font-size: 100%; font-weight: normal;}ul,dl,ol {text-indent: 0;}li {list-style: none;}address,caption,cite,code,dfn,var{font-style: normal; font-weight: normal;}sup {vertical-align: text-top;}sub {vertical-align: text-bottom;}input,textarea,select {font-family: inherit; font-size: inherit; font-weight:inherit;}* html input,* html textarea,* html select {font-size: 100%;}*:first-child+html+input,*:first-child html+textarea,*:first-child+html select {font-size: 100%;}caption {text-align: left;}pre,code,kbd,samp,tt {font-family: monospace;}* html pre,* html code,* html kbd,* html samp,* html tt {font-size: 108%; line-height: 100%;}*:first-child+html pre,*:first-child html+code,*:first-child html+kbd,*:first-child+html+samp,*:first-child+html tt {font-size: 108%; line-height: 100%;}input,select,textarea {font-size: 100%; font-family: Verdana, Helvetica, sans-serif;}.clear {zoom: 1;}.clear:after {content: ".";display: block;clear: both;height: 0;line-height: 0;visibility: hidden;}a{color:#333; text-decoration: none;}
body {margin: 0px; background-image: url(../img/common/background.png); background-position: center top; background-repeat: no-repeat; background-color: #f4fdcb;}
body {font-size: 16px;font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lato", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;line-height: 1.4em;}
h1{width: 1084px; margin: 0 auto; text-align: center; padding-top: 1rem;}
#wrapper{width: 1300px; margin: 0 auto; min-height: 1400px; padding: 20px; box-sizing: border-box; background: #fff;}
header{height: 550px;}
header .inner{width: 1200px; height: 550px; margin: 0 auto; position: relative;}
header .inner .logo{width: 593px; height: 335px; position: absolute; left: 50%; transform: translateX(-50%); top: 90px;}
header .inner .logo img{width: 100%;}
header .inner .logo a{display: block;}

header .infobox{display: flex; align-items: center; justify-content: center; color: #4b4236;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; position: absolute; bottom: 60px; left: 50%; transform: translateX(-50%); font-size: 4rem; width: 100%;}
header .infobox .telarea{margin-right: 4rem; display: flex; align-items: center;}
header .infobox span{font-size: 2.4rem; margin-right: 1rem;}
header .infobox .openarea{ display: flex; align-items: center;}

nav{width: 100%; background: #4b4236; padding: 15px 0; box-sizing: border-box;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;}
nav ul{display: flex; justify-content: center; text-align: center;box-sizing: border-box; width: 1300px; margin: 0 auto;}
nav li{border-left: solid 1px #f0d3a4; width: 16.6666%;}
nav li:first-child{border: none;}
nav li a{display:flex; flex-direction: column; align-items: center; color: #f0d3a4; transition: all 0.5s;}
nav li a span{color: #fff; font-size: 1.4rem;}
nav li a:hover{opacity: .5; transition: all 0.5s;}

#breadcrumbs{margin:1rem auto 2rem auto; width: 100%;} 
#breadcrumbs ol li {display: inline;list-style-type: none;}
#breadcrumbs ol li a{color: #7a5c33;}
#breadcrumbs ol li:before {content: " > ";}
#breadcrumbs ol li:first-child:before {content:"";}

h2{height: 60px; background: url(../img/common/subtitle.png); width: 1265px; margin: 0 auto 1rem; position: relative; color: #4b4236;}
h2 span.l-jp{font-size: 2.4rem;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; position: absolute; left: 12rem; top: 2rem; font-weight: 600;}
h2 span.l-en{font-size: 2rem;position: absolute; right: 2rem; top: 2rem; text-align: right;}


ul.lists{display: flex; flex-wrap: wrap; box-sizing: border-box;}
ul.lists li{vertical-align: top; box-sizing: border-box; width: 20%; padding: .5rem;}
.staffs img.staffimg{width: 100%; line-height: 0;}
.staffs a{display: block;border:solid 1px #ccc; box-sizing: border-box; padding: .5rem;}
.staffs a:hover .staffimg{opacity: .7;transition: all 0.6s;-webkit-transform: scale(1.1);transform: scale(1.1);}
.staffs .photo{width: 100%;height: 300px; overflow: hidden; position: relative;}
.staffs .photo img{height: 100%;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);-webkit-transition-duration: 1s;-o-transition-duration: 1s;transition-duration: 1s;object-fit: cover;font-family: 'object-fit: cover;';line-height: 0;}
.staffs .photo .ncicon{width: 40px; height: 19px; position: absolute; left: 5px; bottom:5px; z-index: 1;}
.staffs .photo .tdicon{width: 40px; height: 19px; position: absolute; right: 5px; bottom:5px; z-index: 1;}
.staffs .prof{text-align: center; box-sizing: border-box; font-size: 1.6rem; padding-top: 1rem;}
.staffs h3{color: #755e25; font-size: 1.6rem;}
.staffs .size{font-size: 1.4rem;}
.staffs .time{text-align: center;color:#fff; background-color: #4b4236; padding: 5px 0; display: flex; align-items: center; justify-content: center; font-size: 1.6rem;}
.staffs .time span{margin-right: .3rem; font-size: 1.8rem;}
.staffs .icons{display: flex; justify-content: center; margin-bottom: .5rem;}
.staffs .icons img{padding: 0 .1rem; box-sizing: border-box;}
.movetext {position: relative;overflow: hidden;text-align: left; padding:0 0 2px 0; font-size: 14px; border-bottom: dotted 1px #333; margin-bottom: 5px;color: #7a5c33;}
.movetext p:after {content: "";white-space: nowrap;}
.movetext p {margin: 0;padding-left: 100%;display: inline-block;white-space: nowrap;-webkit-animation-name:marqueeRL;-webkit-animation-timing-function:linear;-webkit-animation-duration:8s;-webkit-animation-iteration-count:infinite;-moz-animation-name:marqueeRL;-moz-animation-timing-function:linear;-moz-animation-duration:8s;-moz-animation-iteration-count:infinite;-ms-animation-name:marqueeRL;-ms-animation-timing-function:linear;-ms-animation-duration:8s;-ms-animation-iteration-count:infinite;-o-animation-name:marqueeRL;-o-animation-timing-function:linear;-o-animation-duration:8s;-o-animation-iteration-count:infinite;animation-name:marqueeRL;animation-timing-function:linear;animation-duration:8s;animation-iteration-count:infinite;}
@-webkit-keyframes marqueeRL {from {-webkit-transform:translate(0);} to {-webkit-transform:translate(-100%);}}
@-moz-keyframes marqueeRL {from {-moz-transform:translate(0);} to {-moz-transform:translate(-100%);}}
@-ms-keyframes marqueeRL {from {-ms-transform:translate(0);} to {-ms-transform:translate(-100%);}}
@-o-keyframes marqueeRL {from {-o-transform:translate(0);} to {-o-transform:translate(-100%);}}
@keyframes marqueeRL {from {transform:translate(0);} to {transform:translate(-100%);}}

.bn-bottom{margin-bottom: 5rem;}
.bn-bottom li img{width: 100%; line-height: 0;}
.bn-bottom li{margin-bottom: 2rem;}
.bn-bottom li:last-child{margin-bottom: 0;}
.bn-bottom li a{display: block;}

.concept{margin-bottom: 5rem; border: solid 1px #ccc; padding: 2rem; height: 400px; box-sizing: border-box;}

footer{clear:both;background-color: #4b4236; color: #fff; padding: 5rem 0 2rem; box-sizing: border-box;}
footer .inner{width: 1200px; margin: 0 auto; position: relative; text-align: center;}
footer .inner p{font-size: 1.4rem; color: #e9dfd2;}
footer .logobox{margin: 2rem auto; text-align: center;}
footer .infobox{display: flex; align-items: center; justify-content: center;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; font-size: 2.4rem; width: 100%;}
footer .infobox .telarea{margin-right: 2rem; display: flex; align-items: center;}
footer .infobox span{font-size: 1.8rem; margin-right: 1rem;}
footer .infobox .openarea{ display: flex; align-items: center;}
footer .copyright{padding: 5px 0; text-align: center;}
#pagetop {position: fixed;bottom: 20px;right: 20px;}
#pagetop a {display: block;z-index: 999;width: 103px;height: 53px;}
#pagetop a:hover {opacity: 0.7;}

.other .section{padding: 1rem 2rem; margin-bottom: 15rem;}
.other h3{color: #816119;border-bottom: solid 1px #bc9f60; padding: 14px 0 14px 45px; font-size: 18px; text-align: left; margin: 0 0 10px 0;background-color: #edecd1;
text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,-1px 1px 0 #FFF, 1px -1px 0 #FFF,0px 1px 0 #FFF,  0 -1px 0 #FFF,-1px 0 0 #FFF, 1px 0 0 #FFF; background-image: url(../img/common/mark01.png);background-position: 8px center; background-repeat: no-repeat;}
.other .subsection {
margin-top: 10px;
padding: 10px;
margin-right: auto;
margin-left: auto;
margin-bottom: 18px;
line-height: 150%;
letter-spacing: 1px;
border: 5px solid #bc9f60;
}
.other table {
margin-bottom: 20px;
width: 100%;
border: 5px solid #fff;
box-shadow:0px 0px 2px 1px rgba(0,0,0,.2);
border-collapse: collapse;
}
.other th,.other td{padding:2rem 2rem; text-align:left; border: solid 1px #eee;}
.other th{color: #fff;background-color: #584b34; font-weight: normal;}
.other td{width: auto;}
.other td a{display: block; color: #000;}
.other table tfoot td {
text-align: center;
background-color: #5b503d;
color:#fff;
}
input[type=text] {border: 1px solid #ccc;border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;color: #37454d;width: 100%;padding: 10px 12px;text-align: left;box-sizing: border-box;}
textarea {border: 1px solid #ccc;border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;width: 100%;padding: 10px 12px;text-align: left;box-sizing: border-box;height: 150px;}
input[type=submit] {width: 400px;text-decoration: none;background-color: #efefef; color: #816119; padding: 8px 0; text-align: center; margin: 5px auto;border: 2px solid #bc9f60;cursor: pointer;font-size: 16px;border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;}
input[type=submit]:hover {background-color: #fff;border: 2px solid #f3e0b8;}

.hissu{ border: 1px solid #ff080d; padding: 6px; border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px; color: #ff080d; text-align: center; background-color: #fff; margin-right: 5px;}

#link p.banner {
padding: 0 10px 10px 0 !important;
text-align: center;
}
#link p.banner a {
display: inline-block;
margin: 10px 0 0 10px;
}