/* mainVs
--------------------------------- */

#mainVs {
    position: relative;
    width: 100%;
    height: 100vh;
    height: 550px;
    background: url(../img/bg_mv01.jpg) center top no-repeat;
}

#mainVs::before {
    content: url(../img/main_cover02.png);
    position: absolute;
    bottom: -70px;
    left: 50%;
    margin-left: -691px;
    z-index: 2;
}

#mainVs::after {
    content: url(../img/main_cover03.png);
    position: absolute;
    bottom: -31px;
    left: 50%;
    margin-left: 701px;
    z-index: 2;
}

#imgMain {
    width: 1100px;
    height: 550px;
    margin: 0 auto;
    overflow: hidden;
}

#imgMain:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/bg_mv_cover.png) center top no-repeat;
    z-index: 10;
    position: absolute;
    left: 0;
    top: 0;
}

#imgMain h2 {
    position: absolute;
    margin: 0 auto;
    height: 550px;
    z-index: 1500;
    text-align: center;
    top: 0;
    left: 50%;
    margin-left: -550px;
}

#video {
    background: url('../img/bg_poster.jpg') no-repeat;
    background-attachment: fixed;
    background-position: center center;
    background-size: contain;
    min-height: 100%;
    /*min-height: 100vh;*/
    min-width: 1100px;
    /*min-width: 100vw;*/
}






/* cencept
--------------------------------- */

#cenceptBoxWrap {
    width: 100%;
    background: url(../common/img/bg_content.jpg) center top 0px no-repeat, url(../common/img/bg_wood.jpg) center top repeat-y;
}

#cencept {
    width: 1100px;
    margin: 0 auto;
    padding-bottom: 40px;
}

#cencept h2 {
    text-align: center;
}

#cencept ul {
    overflow: hidden;
}

#cencept ul li {
    float: left;
    margin-right: 55px;
}

#cencept ul li:last-child {
    margin-right: 0;
}






/* message
--------------------------------- */

#messageBoxWrap {
    width: 100%;
    background: url(../img/bg_message_bottom.jpg) center bottom no-repeat, url(../common/img/bg_wood.jpg) center top repeat-y;
}

#messageBox {
    width: 1100px;
    margin: 0 auto;
    padding-bottom: 26px;
}

#messageBoxLeft {
    width: 260px;
    float: left;
}

#messageBoxRight {
    width: 730px;
    float: right;
    padding-bottom: 150px;
    position: relative;
}

#messageBoxRight::after {
    content: url(../img/img_doctor01.png);
    position: absolute;
    right: -40px;
    bottom: 10px;
    z-index: 1;
}

#messageBoxRight h2 {
    margin-bottom: 94px;
}

#messageText01 {
    padding-bottom: 55px;
}

#messageText02 {
    padding-bottom: 35px;
}

#numMessage {
    padding-bottom: 37px;
}

#messageText03 {
    width: 373px;
}

#messageBoxBottom {
    clear: both;
}





/* charm
--------------------------------- */

#charmBoxWrap {
    width: 100%;
    background: url(../img/bg_charm_bottom.png) center bottom no-repeat, url(../img/bg_charm.jpg) center -100px no-repeat;
    position: relative;
}

#charmBoxWrap:before {
    content: url(../img/bg_charm_cover_left.png);
    position: absolute;
    top: 100px;
    left: 50%;
    margin-left: -1100px;
}

#charmBoxWrap:after {
    content: url(../img/bg_charm_cover_right.png);
    position: absolute;
    top: 100px;
    right: 50%;
    margin-right: -1100px;
}

#charmBox {
    width: 1100px;
    margin: 0 auto;
    position: relative;
    padding-bottom: 250px;
}

#charmBox h2 {
    position: absolute;
    top: -31px;
    left: 402px;
}

#charmBox ul {
    position: relative;
    padding-bottom: 560px;
}

#charmBox ul li {}

#charm01 {
    width: 378px;
    padding-top: 100px;
}

#charm02 {
    width: 330px;
    position: absolute;
    top: 225px;
    left: 420px;
}

#charm03 {
    width: 318px;
    position: absolute;
    right: 5px;
    top: 100px;
}

#charm04 {
    width: 380px;
    position: absolute;
    left: 0;
    bottom: 0;
    ;
}

#charm05 {
    width: 530px;
    position: absolute;
    left: 425px;
    bottom: -25px;
}

#charmBox ul li div {
    position: relative;
}

#charmBox ul li#charm01 div h3 {
    position: absolute;
    top: 95px;
    left: -30px;
    z-index: 3;
}

#charmBox ul li#charm02 div h3 {
    position: absolute;
    top: 135px;
    left: -25px;
    z-index: 3;
}

#charmBox ul li#charm03 div h3 {
    position: absolute;
    top: 107px;
    left: -25px;
    z-index: 3;
}

#charmBox ul li#charm04 div h3 {
    position: absolute;
    top: 131px;
    left: -18px;
    z-index: 3;
}

#charmBox ul li#charm05 div h3 {
    position: absolute;
    top: -62px;
    left: 170px;
    z-index: 3;
}

#charmBox ul li#charm01 div p {
    padding: 285px 0 0 10px;
}

#charmBox ul li#charm02 div p {
    padding: 320px 0 0 0px;
}

#charmBox ul li#charm03 div p {
    padding: 295px 0 0 0px;
}

#charmBox ul li#charm04 div p {
    padding: 320px 0 0 10px;
}

#charmBox ul li#charm05 div p {
    padding: 123px 0 0 204px;
}


#charmBox ul li#charm01 div:before {
    content: url(../img/img_charm01.png);
    position: absolute;
    left: 0;
    z-index: 2;
}

#charmBox ul li#charm02 div:before {
    content: url(../img/img_charm02.png);
    position: absolute;
    left: 0px;
    z-index: 2;
}

#charmBox ul li#charm03 div:before {
    content: url(../img/img_charm03_1.png);
    position: absolute;
    top: 0;
    right: -15px;
    z-index: 2;
}

#charmBox ul li#charm04 div:before {
    content: url(../img/img_charm04.png);
    position: absolute;
    left: 0;
    z-index: 2;
}

#charmBox ul li#charm05 div:before {
    content: url(../img/img_charm05_1.png);
    position: absolute;
    left: 0;
    z-index: 2;
}

#charmBox ul li#charm01 div:after {
    content: url(../img/img_charm_point01.png);
    position: absolute;
    right: 70px;
    top: -79px;
    z-index: 1;
}

#charmBox ul li#charm02 div:after {
    content: url(../img/img_charm_point03.jpg);
    position: absolute;
    right: -90px;
    bottom: -40px;
    z-index: 1;
}

#charmBox ul li#charm03 div:after {
    content: url(../img/img_charm03_2.png);
    position: absolute;
    right: -15px;
    bottom: -230px;
    z-index: 2;
}

#charmBox ul li#charm04 div:after {
    content: url(../img/img_charm_point02.png);
    position: absolute;
    right: 18px;
    top: -30px;
    z-index: 2;
}

#charmBox ul li#charm05 div:after {
    content: url(../img/img_charm05_2.png);
    position: absolute;
    right: -164px;
    top: 48px;
    z-index: 2;
}


/* voice
--------------------------------- */

#voiceBoxWrap {
    width: 100%;
    background: url(../common/img/bg_wood.jpg) center top repeat-y;
    padding-bottom: 80px;
}

#voiceBox {
    width: 1100px;
    margin: 0 auto;
    position: relative;
}

#voiceBox h2 {
    position: absolute;
    top: -153px;
    left: 400px;
    ;
}

#voiceBoxIn {
    overflow: hidden;
}

#voiceBox .listTab {
    width: 260px;
    float: left;
    background-color: #55aa44;
}

#voiceBox .listTab li {
    width: 240px;
    height: 70px;
    padding: 10px 10px 10px 10px;
    border-bottom: 1px solid #99cc8f;
}

#voiceBox .listTab li:last-child {
    border-bottom: 0;
}

#voiceBox .listTab li.list01 {
    background: url(../img/btn_voice01_off.png)no-repeat center center;
}

#voiceBox .listTab li.on {
    border-bottom: 1px solid #f3d900;
}

#voiceBox .listTab li.list01:hover,
#voiceBox .listTab li.list01.on {
    background: url(../img/btn_voice01_on.png)no-repeat center center #f3d900;
}

#voiceBox .listTab li.list02 {
    background: url(../img/btn_voice02_off.png)no-repeat center center;
}

#voiceBox .listTab li.list02:hover,
#voiceBox .listTab li.list02.on {
    background: url(../img/btn_voice02_on.png)no-repeat center center #f3d900;
}

#voiceBox .listTab li.list03 {
    background: url(../img/btn_voice03_off.png)no-repeat center center;
}

#voiceBox .listTab li.list03:hover,
#voiceBox .listTab li.list03.on {
    background: url(../img/btn_voice03_on.png)no-repeat center center #f3d900;
}

#voiceBox .listTab li.list04 {
    background: url(../img/btn_voice04_off.png)no-repeat center center;
}

#voiceBox .listTab li.list04:hover,
#voiceBox .listTab li.list04.on {
    background: url(../img/btn_voice04_on.png)no-repeat center center #f3d900;
}

#voiceBox .listTab li.list05 {
    background: url(../img/btn_voice05_off.png)no-repeat center center;
}

#voiceBox .listTab li.list05:hover,
#voiceBox .listTab li.list05.on {
    background: url(../img/btn_voice05_on.png)no-repeat center center #f3d900;
}

#voiceBox .listTab li.list06 {
    background: url(../img/btn_voice06_off.png)no-repeat center center;
}

#voiceBox .listTab li.list06:hover,
#voiceBox .listTab li.list06.on {
    background: url(../img/btn_voice06_on.png)no-repeat center center #f3d900;
}

.staffContents {
    float: right;
    background-color: #f3d900;
    padding: 20px;
}

.disnon {
    display: none;
}

.staffContentsIn {
    width: 800px;
    box-sizing: border-box;
    background-color: #fff;
    background-repeat: no-repeat;
    padding: 45px 40px 50px 40px;
}

#staffContentsIn01 {
  background-image: url(../img/bg_voice01.png);
  background-position: right bottom;
}

#staffContentsIn02 {
  background-image: url(../img/bg_voice02.png);
  background-position: right -5px bottom;
}

#staffContentsIn03 {
  background-image: url(../img/bg_voice03.png);
  background-position: right bottom;
}

#staffContentsIn04 {
  background-image: url(../img/bg_voice04.png);
  background-position: right bottom;
}

#staffContentsIn05 {
  background-image: url(../img/bg_voice05.png);
  background-position: right bottom;
}

#staffContentsIn06 {
  background-image: url(../img/bg_voice06.png);
  background-position: right bottom;
}

.staffContentsIn p {
  width: 380px;
  margin-bottom: 30px;
}

.staffContentsIn h3 {
  font-size: 19px;
  padding: 4px 0 4px 25px;
  margin-bottom: 25px;
  border-left: 6px solid #f5ad33;
  line-height: 1.5;
}

.staffContentsIn ul {
  overflow: hidden;
}

.staffContentsIn ul li {
  float: left;
}

.staffContentsIn ul li:first-child {
  padding-right: 20px;
}


/* schedule
--------------------------------- */
#scheduleBoxWrap {
  width: 100%;
  background: url(../img/btn_schedule_bottom.jpg) center bottom no-repeat,url(../img/bg_schedule.png) center top no-repeat,url(../common/img/bg_wood.jpg) center top repeat-y;
  padding-bottom: 480px;
}

#scheduleBox {
  width: 1100px;
  margin: 0 auto;
}

#scheduleBox h2 {
  padding: 0 0 75px 390px;
}

#scheduleBtn {
  padding-top: 90px;
  text-align: center;
}

#scheduleBtn a {
  display: block;
  width: 346px;
  height: 69px;
  margin: 0 auto; 
}

#scheduleBtn a:hover img {
  visibility: hidden;
}

#scheduleBtn a:hover {
  background: url(../img/btn_schedule_hover.png) center top;
}


/* requirements
--------------------------------- */

#requirementsBox {
  width: 1100px;
  margin:  0 auto;
  margin-top: -48px;
}

#requirementsBox h2 {
  padding: 0 0 56px 308px;
}

#requirementsBox ul {
  overflow: hidden;
}

#requirementsBox ul li {
  float: left;
}


/* contact
--------------------------------- */

.contactBoxTop {
  margin-top: 70px!important;
}

.contactBoxTop::after {
  content: url(../img/bg_contact02.png);
  position: absolute;
  bottom: -35px!important;
  right: -380px;
}