@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body {}
#wrap {}
.yugo{
    font-family: '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;
    font-feature-settings : "palt";
}

/*----------------------------------------------------------------------------
 ***                                                                   Header
----------------------------------------------------------------------------*/
#headerArea {}
#headerAreaLogo {}
#pageTitle{background:url(https://www.nova.co.jp/lp/hygienic/images/bg_main01.jpg) center bottom no-repeat;clear:both;position:relative;height: 376px;padding: 0;margin: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
#pageTitle h2{ padding:0; }
#pageTitle p{font-size: 19px;color:#fff;padding:0;margin: 17px 0 0 0;font-weight: bold;}
#pageTitle .label{font-size: 17px;color: #ed1e79;padding: 10px 30px 7px;margin: 8px 0 0 0;background: #fff;line-height: 1;}

/*----------------------------------------------------------------------------
 ***                                                           Header - gNavi
----------------------------------------------------------------------------*/
#gNavi{}
#gNavi li a:hover{ background:url(https://www.nova.co.jp/lp/hygienic/common_images/gnavi/yajirushi.png) center 43px no-repeat; }

/*----------------------------------------------------------------------------
 ***                                                             contentsArea
----------------------------------------------------------------------------*/
#contentsArea {}
#contentsAreaInner {}
h2 {}
h4{ font-size:20px; color:#FFF; background:url(https://www.nova.co.jp/lp/hygienic/group/images/back_h4.png) left top no-repeat; padding:3px 0 0 37px; margin-bottom:17px; margin-top:20px; }

/*----------------------------------------------------------------------------
 ***                                                              mainsection
----------------------------------------------------------------------------*/
.mainSection { width:100%; }
.mainSectionInner {}

.mainSection #vsSec{margin: 0 auto 60px;padding-top: 70px;width: 769px;}
.mainSection #vsSec .joukenList{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 0 60px 0;}
.mainSection #vsSec .joukenList > li:not(:last-child){margin-bottom:50px;}
.mainSection .h3Box{border-left:none;padding:0;margin: 0 0 40px 0;}

.mainSection #vsSec .schoolBtnBox{background:#fff7ec;padding: 30px 30px;}
.mainSection #vsSec .h4Box{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-wrap: nowrap;flex-wrap: nowrap;margin-bottom: 20px;}
.mainSection #vsSec .h4Box .rightBox{margin: 0 0 0 20px;}
.mainSection #vsSec .h4Box h4{color:#00b2bc;background: none;padding: 0;margin: 0;font-size:21px;line-height: 1.2;}
.mainSection #vsSec .h4Box p{color:#000;font-size:19px;line-height: 1.2;}
.mainSection #vsSec .label{color:#ed1e79; font-size:21px; line-height:1.2;}

.mainSection #ochaSec{border: 4px solid #00b2bc;border-radius: 20px;padding: 35px 20px 40px;margin: 0 0 100px;background: url(https://www.nova.co.jp/lp/hygienic/images/bg_gray.png) repeat-x center top 74% / 100% auto;}
.mainSection #ochaSec .mainImg{margin-bottom:40px;}
.mainSection #ochaSec .contentsImg{margin-bottom: 10px;}
.mainSection #ochaSec .btnBox{}
.mainSection .moushikomiBox02{margin-bottom: 30px;}

.mainSection #setsumeiSec{font-size: 1.4em; padding: 0 10px 20px; font-weight: bold;}
.mainSection #ochaSec .h3Box {margin: 0 0 25px;}
.mainSection #ochaSec h3{font-size: 2em;}
.mainSection #ochaSec span{color: deeppink;}
.mainSection #ochaSec ul{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-pack: distribute; justify-content: space-evenly;}
.mainSection #ochaSec li{border-right: dotted #ccc 2px; padding-right: 2.5em;}
.mainSection #ochaSec li:last-child{border: none; padding-right: 0;}
.mainSection #ochaSec li p{text-align: center;}
.mainSection #ochaSec li a{}
.mainSection #ochaSec li a:hover{opacity: .6;/*background: rgba(0,178,188,.1);border-radius: 10px;*/ display: inline-block; text-decoration: none;}
.mainSection #ochaSec li .btn{background: #68bcbc; color: #ffffff; font-weight: bold;font-size: 1.3em; width: 45%; margin: 0 auto; border-radius: 20px; padding: 2px 0 3px;}
.mainSection #ochaSec  li h4{padding: 3px 0 2px;text-align: center;width: 95%;margin: 0 auto 17px;}
.mainSection #ochaSec  li h4.live{background: #ff7bac;}
.mainSection #ochaSec  li h4.online{background:#67c1b0;}
.mainSection #ochaSec  li h4.skype{background: #107299;}
.mainSection #ochaSec  li h4.kids{background: #f7d300;}

/*----------------------------------------------------------------------------
 ***                                                              rightsection
----------------------------------------------------------------------------*/
.rightSection {}
.rightSectionInner {}

/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/
#footerArea p{}
#footerArea {}
#footerAreaLink{ }
#footerAreaInner { }
#footerAreaLogo{}
#footerCopyright{}

/*----------------------------------------------------------------------------
 ***                                                              ページトップ
----------------------------------------------------------------------------*/
.pagetop {
}

/*----------------------------------------------------------------------------
 ***                                                                   section
----------------------------------------------------------------------------*/
.section { }
.sectionInner {}