@charset "utf-8";

#contentsWrapper, #mainImg{
  background: #f5f4ef;
}

.eigakanJumbotron .mv{
  position: relative;
}

.eigakanJumbotron .mv img{
  width: 100%;
}

.top_main_txt{
  position: absolute;
  display: inline-block;
  top:30vw;
  left: 50%;
  font-size: 4vw;
  font-weight: 400;
  text-align: center;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.top_sub_txt{
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom:5%;
  font-size: 2.5vw;
  text-align: center;
}

#meritArea h2, #meritArea h3, div.main .areaBand h2 {
  font-weight: 400;
  line-height: 1;
}

.areaBand{
  padding: 30px 0;
  background: #000;
  text-align: center;
}

div.main .areaBand h2{
  background: url(../eigakan-img/ttl_areaband.jpg) no-repeat center center;
  background-size:contain;
  width: 80vw;
  height:4.5vw;
  margin: 0 auto 3vw ;
  font-size: 4vw;
  color: #fff;
  padding:5px 0 0;
}

#area{
  padding: 20px;
}
#area section dl{
  width: 48%;
  background:rgba(255,255,255,0);
  border:solid 2px #fff;
  float: left;
  padding: 5px;
  box-sizing: border-box;
  margin: 0 1% 2% 1%;
}
#area section dl:nth-child(2n+1){
  clear:both;
}
#area section dl dt{
  font-size: 18px;
  padding: 10px 0;
  text-align: center;
  color: #fff;
}
#area section dl dd{
  display: none;
}
#area section dl dd ul li{
  width: 100%;
  margin: 0 0 2% 0;
}
#area section dl dd ul li a{
  display: block;
  color: #fff;
  background: url(../img/arrow_w.png) no-repeat 98% center rgba(255,255,255,0);
  border:solid 2px #fff;
  font-size: 14px;
  text-align: center;
  padding: 10px 0;
}


.areamenu dd{
  display: none;
}

.areabox:after{
  clear: both;
  content: "";
  display: block;
  height: 0px;
  font-size: 0;
  visibility: hidden;
}

.areabox .accordion {
  width: 40%;
  float: left;
  margin: 0 0 20px 7%;
}
.areabox .accordion:nth-child(2n+1){
  clear: both;
}
.areabox .accordion > li p {
  display: block;
  padding: 20px;
}
.areabox .accordion > li {
  cursor: pointer;
  text-align: center;
  background-color: rgba(255,255,255,0);
  border: 2px solid #fff;
  color: #fff;
}

.areabox .accordion > li a{
  padding: 15px 10px;
  display: block;
  color: #fff;
  text-decoration: none;
}

.areabox .right {
  margin: 0 0 20px 0 !important;
}

.areabox ul li ul {
  display: none;
  color: #333;
  border-top: 2px solid #fff;
}
.areabox ul li ul li {
  border-bottom: 2px solid #fff;
  text-align: center;
}
.areabox ul li ul li:last-child {
  border-bottom: none;
}


#meritArea h2 {
  background: url('../eigakan-img/ttl_bg.jpg') no-repeat center center;
  width: calc(100% - 20px);
  margin: 0 auto 60px;
  padding-bottom: 0;
  font-size: 4vw;
  text-align: center;
  padding-top: 12px
}
#meritArea h3 {
  background: url('../eigakan-img/sttl_merit_01.jpg') no-repeat;
  width: 301px;
  height: 57px;
  margin: 0 auto;
  font-size: 23px;
  padding-top: 0;
  box-sizing: border-box;
}
#meritArea h3 span {
  font-size: 35px
}
#meritArea .boxLR .boxR dt {
  width: 184px;
  height: 93px;
  background: url('../eigakan-img/sttl_merit_02.jpg') no-repeat;
  background-size:contain;
  margin-bottom: 30px;
  font-size: 24px;
  line-height: 1.3
}

#meritArea {
  width: 100%;
  margin: 0 auto;
  padding: 60px 0 50px
}
#meritArea h3 {
  padding: 0 0 60px;
  text-align: center
}
#meritArea .boxLR {
  width: 100%;
}
#meritArea .boxLR .boxL {
  width: 100%;
  padding: 0 10px;
  margin-bottom: 3px;
  box-sizing: border-box;
  border-bottom: 1px solid #000;
}
#meritArea .boxLR .boxL h4 {
  padding: 0 0 10px 40px
}
#meritArea .boxLR .boxL #merit_01 {
  padding: 0 0 0 80px;
  background: url('../eigakan-img/num_merit_01.jpg') no-repeat;
  border-bottom: 1px solid #000;
}
#meritArea .boxLR .boxL #merit_02 {
  padding: 0 0 0 80px;
  background: url('../eigakan-img/num_merit_02.jpg') no-repeat;
  border-bottom: 1px solid #000;
}
#meritArea .boxLR .boxL #merit_03 {
  padding: 0 0 0 80px;
  background: url('../eigakan-img/num_merit_03.jpg') no-repeat
}
#meritArea .boxLR .boxL dt {
  padding: 28px 0 10px;
  font-size: 16px;
  font-weight: 700;
  color: #444
}
#meritArea .boxLR .boxL dd {
  padding: 0 0 10px;
  font-size: 15px;
  line-height: 1.8;
  color: #444
}
#meritArea .boxLR .boxR {
  width: 100%;
  padding: 30px 10px 0;
  border-top: 1px solid #000;
}
#meritArea .boxLR .boxR dl {
  min-height: 448px;
  padding: 0 160px 0 0;
  background: url('../eigakan-img/bg_merit_02.jpg') right 20px no-repeat
}
#meritArea .boxLR .boxR dt {
  padding: 0 0 30px
}
#meritArea .boxLR .boxR dd p {
  padding: 0 0 1em;
  font-size: 16px;
  color: #444;
  line-height: 1.8
}

.adbnr {
  padding-bottom: 25px;
  background: url('../eigakan-img/deco_01.jpg') 0 bottom repeat-x;
  background-size: auto 25px;
}


#workContents {
  width: 100%;
  padding:10px;
  margin: 60px auto;
  border:solid 1px #000;
  position: relative
}
#workContents h3 {

}
#workContents dl {
  width: 100%;
  margin:15px 0;
}
#workContents dl dt {
  text-align: center;
  padding: 0 0 22px
}
#workContents dl dd {
  font-size: 16px;
  color: #444;
  line-height: 1.8
}

.btn-box {
  text-align: center;
}

.btn-box a {
  display: block;
  background: #570009;
  font-size: 14px;
  color: #fff;
  padding: 4% 25px ;
  position: relative;
}
.btn-box a:before{
  content: '';
  display: block;
  position: absolute;
  width:10px;
  height:18px;
  top:0;
  bottom:0;
  left:10px;
  margin:auto 0;
  border-left:solid 10px #fff;
  border-top:solid 9px transparent;
  border-bottom:solid 9px transparent;
}

#workContents dl.box_01 dt,
#workContents dl.box_02 dt,
#workContents dl.box_03 dt,
#workContents dl.box_04 dt {
  margin: 0 auto 22px;
  padding-top: 65px;
  font-size: 20px;
  padding-bottom: 0;
  box-sizing: border-box;
}
#workContents dl.box_01 dt {
  background: url('../eigakan-img/sttl_workcontents_01.jpg') top center no-repeat;
  width: 162px;
  height: 82px
}
#workContents dl.box_02 dt {
  background: url('../eigakan-img/sttl_workcontents_02.jpg') top center no-repeat;
  width: 100px;
  height: 86px
}
#workContents dl.box_03 dt {
  background: url('../eigakan-img/sttl_workcontents_03.jpg') top center no-repeat;
  width: 160px;
  height: 82px
}
#workContents dl.box_04 dt {
  background: url('../eigakan-img/sttl_workcontents_04.jpg') top center no-repeat;
  width: 100px;
  height: 86px
}

#workContents h2 {
  text-align: center;
  font-size: 25px;
}

#workContents .main-icon{
  text-align: center;
}

.modal-content {
  position: fixed;
  z-index: 2;
  width: 300px;
  margin: 0;
  border: 4px solid #FFF;
  background: #000;
}

.modal-content .modalInner{
  position: relative;
}

.modal-content .modalInner .btnClose {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 20px;
  height: 20px;
}

.modal-content p {
  margin: 0;
  padding: 0;
}

.modal-content p.title {
  position: absolute;
  top: 40px;
  left: 10px;
  padding: 10px 0 10px 30px;
  background: url('../eigakan-img/icon_modal.jpg') 0 center no-repeat;
  background-size: 20px;
  color: #FFF;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 700;
}

.modalInner ul {
  padding: 120px 0 10px 20px;
}
.modalInner ul li {
  float: left;
  padding: 0 10px 10px 0;
  width: 126px;
}

#voiceArea{
  padding:0 10px;
}

.modal-overlay {
  z-index: 1;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0,0,0,.8);
}

#voiceArea h2 {
  background-image: url('../eigakan-img/ttl_voicearea.jpg');
  background-size: 100% auto;
  background-repeat: no-repeat;
  font-weight: 400;
  text-align: center;
  padding-top: 3%;
  padding-bottom: 8%;
  font-size: 18px;
}

#voiceArea .txt_02{
  padding-top: 15px;
}

#voiceArea .imgBox{
  padding-bottom: 15px;
  text-align: center;
}

#voiceArea p{
  font-size: 16px;
  color: #444;
  line-height: 1.8;
}

#voiceArea .btn-box{
  margin:10px 0;
}

#voiceArea .boxR{
  margin-top:40px;
}

#voiceArea .modal-content p{
  color:#fff;
}

#columnArea {
  width: 100%;
  padding: 0 10px 10px;
  margin: 0 auto
}
#columnArea h2 {
  background-image: url('../eigakan-img/ttl_voicearea.jpg');
  background-size: 100% auto;
  background-repeat: no-repeat;
  font-weight: 400;
  text-align: center;
  padding-top: 3%;
  padding-bottom: 8%;
  font-size: 18px;
}
#columnArea .columnContainer {
  width: 100%
}
#columnArea .columnCell {
  display: block;
  padding: 25px;
  border: 2px solid #3f1000;
  border-radius: 10px;
  background-color: #fefcf5;
  margin-bottom: 30px
}
#columnArea .columnCellTitle {
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  color: #3f1000;
  margin-bottom: 10px;
  line-height: 1;
}
#columnArea .columnCellText p {
  font-size: 14px;
  line-height: 1.6
}