@charset "utf-8";

#AreaTopVisual {
  position:relative;
  z-index:2;
  background:#fff;
}
#AreaTopVisual p {
  position:absolute;
  top:0;
  left:0;
  width:490px;
  height:130px;
  text-indent:-9999px;
/*
  background:url("../img/visual_message.png") no-repeat center center;
*/
  background:none;
  background-size:490px 130px;
  z-index:3;
}
#AreaTopVisual .video {
  position:absolute;
  top:0;
  right: 0;
  left: 0;
  margin: 0 auto;
  width:100%;
  height:100%;
  text-align:center;
  overflow:hidden;
  z-index:2;
}
#AreaTopVisual .video video {
  position:absolute;
  top:0;
  right: 0;
  left: 0;
  margin: 0 auto;
  width:100%;
  height:auto;
  z-index:3;
}
#AreaTopVisual #VisualNavi {
  position: absolute;
  left: 50px;
  top: 50px;
  margin: auto;
  width: 50px;
  height: 50px;
  z-index:20;
}
#AreaTopVisual .finished {
  background:url("../img/icon_repeat.png") no-repeat center center;
  background-size:50px 50px;
  cursor: pointer;
  z-index:21;
}
#AreaTopVisual .finished:hover {
  transition: transform 2s;
  transform: rotate(360deg);
}



#AreaTopWomens,
#AreaTopFacility,
#AreaTopChildren {
}
#AreaTopWomens img,
#AreaTopFacility img,
#AreaTopChildren img {
  width:100%;
  height:auto;
}



#boxOurBelief {
  position:relative;
  margin:0 auto;
  width:360px;
  height:140px;
  z-index:3;
}
#boxOurBelief #boxMovingLeaf {
  position:absolute;
  top:0;
  right:10px;
  width:74px;
  height:42px;
  z-index:4;
}
#boxOurBelief a#BtnBelief {
  display:block;
  position:absolute;
  top:42px;
  left:0;
  width:360px;
  height:98px;
  text-indent:-9999px;
  background:url("../img/btn_our_belief.png") no-repeat center center;
  background-size:360px 98px;
}
#boxOurBelief a#BtnBelief:hover {
  opacity:0.75;
}

#BoxTopLine {
  margin:0 auto;
  width:86%;
  height:50px;
  background:url("../img/line_dot.png") no-repeat center bottom;
  background-size:contain;
}

#listTopWomenMenu {
  padding:20px 0;
}
#listTopWomenMenu ul {
  width:100%;
  list-style:none;
}
#listTopWomenMenu ul li {
  float:left;
  width:32%;
  list-style:none;
}
#listTopWomenMenu ul li:nth-child(2) {
  padding:0 2%;
}

#listTopWomenMenu ul li a {
  height:230px;
}
#listTopWomenMenu ul li a img {
  padding-top:15px;
  width:100%;
}


#AreaTopChildNotice {
  padding-bottom:200px;
  background:url("../common/img/bg_marble_1.jpg") no-repeat center top;
}
#AreaTopChildNotice .AreaSpacer {
  padding-bottom:250px;
}

#AreaTopNotice {
  position:relative;
  margin:0 auto;
  width:86%;
  z-index:1;
}
#AreaTopNotice dl {
  padding:80px 40px 40px 60px;
  color:#595858;
  background:#fff;
  border:1px solid #dabba0;
}
#AreaTopNotice dl dt {
}
#AreaTopNotice dl dd {
  margin-top:-1.7em;
  margin-left:9em;
  margin-bottom:1.2em;
}
#AreaTopNotice dl dd a {
  color:#000;
  text-decoration:none;
}
#AreaTopNotice dl dd a:hover {
  text-decoration:underline;
}
#AreaTopNotice h2 {
  position:absolute;
  top:-60px;
  left:-60px;
  padding:55px 20px;
  font-family: "Shippori Mincho", serif;  
  font-size:20px;
  font-weight:normal;
  color:#fff;
  letter-spacing:0.2em;
  line-height:1.0em;
  background:#dabba0;
  border-radius:50%;
  z-index:2;
}
#AreaTopNotice p#btnNoticeMore {
  position:absolute;
  bottom:-50px;
  right:-30px;
  z-index:2;
}
#AreaTopNotice p#btnNoticeMore a {
  display:block;
  padding:20px 30px 50px;
  text-decoration:none;
  font-family: "Shippori Mincho", serif;  
  font-size:16px;
  font-weight:normal;
  color:#dabba0;
  letter-spacing:0.2em;
  line-height:1.0em;
  background:#fff url("../img/rect_notice_more.png") no-repeat center calc( 50% + 10px );
  background-size:55px 10px;
  border:2px solid #dabba0;
  border-radius:10px;
  -webkit-transition-property: background;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: linear;
}
#AreaTopNotice p#btnNoticeMore a:hover {
  background-position:calc( 50% + 10px ) calc( 50% + 10px );
}
#AreaTopChildNotice .AreaSpacer {
  padding-bottom:150px;
}


#AreaTopFacilityAccess {
  padding-bottom:20px;
  background:url("../common/img/bg_marble_2.jpg") no-repeat center top;
}
#AreaTopFacilityAccess .AreaSpacer {
  padding-bottom:100px;
}


#btnTopSupportService {
}
#btnTopSupportService a {
  display:block;
  margin:40px auto;
  width:700px;
  height:156px;
}
#btnTopSupportService a:hover {
  opacity:0.75;
}
#btnTopSupportService a img {
  width:100%;
  height:auto;
}

#btnTopInsta {
  margin:0 auto;
  padding:40px 0;
  text-align:center;
  font-size:16px;
}
#btnTopInsta a {
  display:block;
  margin:15px auto;
  width:38px;
  height:38px;
  text-indent:-9999px;
  background:url("../img/banner_icon_insta.png") no-repeat center center;
  background-size:38px 38px;
}
#btnTopInsta a:hover {
  opacity:0.75;
}




/* ------------------------------------------------------------ */
/*   For SmartPhones                                            */
/* ------------------------------------------------------------ */
@media print, screen and (max-width: 640px) {

#AreaTopVisual {
  position:relative;
  height:300px;
  z-index:2;
  background:#fff;
}
#AreaTopVisual p {
  top:30%;
  left:calc( 50% - 120px );
  width:240px;
  height:65px;
  background-size:240px 65px;
}
#AreaTopVisual .video {
  text-align:center;
}
#AreaTopVisual .video video {
  width:100%;
  height:auto;
}
#AreaTopVisual #VisualNavi {
  left: 30px;
  top: 3cap;
  width: 30px;
  height: 30px;
}
#AreaTopVisual .finished {
  background-size:30px 30px;
}

#boxOurBelief #boxMovingLeaf {
  display:none;
}
#boxOurBelief a#BtnBelief {
  top:0;
  left:0;
  width:360px;
  height:140px;
  background:url("../img/btn_sp_our_belief.png") no-repeat center center;
  background-size:360px 140px;
}


#listTopWomenMenu ul li {
  float:none;
  width:100%;
}
#listTopWomenMenu ul li a {
  height:120px;
  font-size:18px;
}
#listTopWomenMenu ul li:nth-child(2) {
  padding:3px 0%;
}
#listTopWomenMenu ul li a img {
  padding-top:15px;
  width:80%;
  height:auto;
}

#AreaTopNotice dl {
  padding:80px 30px 40px 40px;
}
#AreaTopNotice dl dd {
  margin-top:0.2em;
  margin-left:0;
  margin-bottom:1.5em;
}
#AreaTopNotice h2 {
  position:absolute;
  top:-50px;
  left:-25px;
  padding:50px 20px;
  font-size:18px;
  font-weight:normal;
  color:#fff;
  letter-spacing:0.1em;
  line-height:1.0em;
}
#AreaTopNotice p#btnNoticeMore {
  bottom:-50px;
  right:-20px;
}
#AreaTopNotice p#btnNoticeMore a {
  display:block;
  padding:15px 18px 40px;
  font-size:14px;
  letter-spacing:0.1em;
  background:#fff url("../img/rect_notice_more.png") no-repeat center calc( 50% + 10px );
  background-size:45px 8px;
  border-radius:10px;
}


#btnTopSupportService {
  margin:40px 10px;
}
#btnTopSupportService a {
  margin:0;
  width:100%;
  height:auto;
}



}