/* common */

.margomTB40{ margin: 40px 0; }

.img {margin: 0 auto;text-align: center;}
.img img {width: 100%;}

.section-label {height:46px; padding-top:12px; color: #F38262; font-weight:700;font-size: 1rem;text-align: center;letter-spacing: 0; opacity: 1;border:1px solid #FFF; border-radius: 141px; background: transparent linear-gradient(180deg, #E1E1E180 0%, #EDEDF080 100%) 0 0 no-repeat padding-box; box-shadow: 0 6px 20px 5px rgb(191, 191, 191);}
.section-label .Label-box {display:inline-flex; align-items: center; }

.section-label .Label-box img.icon-01{width:20px;margin-left: -20px; margin-right: 10px;}

.section-txt-content *{font-size: 1.1rem;}
.section-txt-content h1{color:#686868; font-size:30px; font-weight: 700; line-height: 80px;letter-spacing: 0;}
.section-box {width: 100%; border-radius: 20px;}

.quick-menu-area {width:143px; height:44px; background: transparent linear-gradient(128deg, #DEDFE6 0%, #FFFFFF 100%) 0 0 no-repeat padding-box; box-shadow: inset 0 3px 6px #00000029; border-radius: 21px;opacity: 1;text-align: center}

.img-icon {width: 1rem; margin-top: 1rem; margin-right: 1rem;display: inline-flex;}
.center-width-95 {width: 95%; margin: 0 auto;}

/* frontDescription sections */
.frontDescription {width: 90%;margin: 0 auto;}
.frontDescription .titleLogo{position: relative; text-align: center; top: 99px; width: 9em;margin: 0 auto;}
.frontDescription .titleLogo h1 {font-size: 30px; font-weight:900; line-height: 40px;color: #000000;}
.frontDescription .titleLogo h1 .brand-name{font-weight: normal;font-size: 1rem;text-align: right;}
.frontDescription .section-typography {margin:77px auto 0; text-align: center;font-size: 28px;color: #686868;}
.frontDescription .section-typography .bolder{font-weight: 900;}
.frontDescription .section-typography .img {width: 204px; margin: 60px auto 0;}

.frontDescription .section-point-01,
.frontDescription .section-point-02,
.frontDescription .section-point-03,
.frontDescription .section-point-04{padding-bottom: 0;}

.frontDescription .section-point-01 {padding-top:0;}
.frontDescription .section-point-04{margin-left: -5%;margin-right: -5%;}
.frontDescription .section-point-04 .section-txt-content{margin-left: 10%;margin-right: 10%;}

.navbar .container {width: 95%;}
.navbar .container .navbar-brand .titleLogo { position: relative; text-align: left;  width: 8rem; margin: 0;}
.navbar .container .navbar-brand .titleLogo h1 {font-size: 25px; font-weight:900; line-height: 40px;color: #000000;}
.navbar .container .navbar-brand .titleLogo h1 .brand-name{font-weight: normal;font-size: 1rem;text-align: right; line-height:20px;}

.box-round { width: 95%; margin: 20px auto; padding:40px;}
.box-round {background: transparent linear-gradient(148deg, #DEDFE6 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;box-shadow: inset 0px 3px 6px #00000029;border-radius: 21px;opacity: 1;}
.box-round .boxheader {font-size: 1.4rem;}
.box-round .boxheader .description{font-size: 1.1rem;}

.box-round .box-body{padding-top:30px;}
.grid-xx{display: flex;}
.grid-xx .grid-50 {position: relative; width: 40%;}
.xerostomia {width: 95%;margin:40px auto;text-align: center;}
.xerostomia .description-items ul{ text-align: left;list-style-position: inside;}
.xerostomia .description-items li { font-size: 1.1rem;border-bottom: 1px solid #00000029;min-height: 60px; vertical-align: bottom ;padding-top: 20px;padding-left:30px;background:url("/assets/img/resource/drawable-xxxhdpi/icon_07.png") no-repeat 0 25px; background-size: 25px;}

.statistics{width: 95%; margin: 20px auto;  counter-reset:questions; font-family: "Helvetica Neue",sans-serif;}

.statistics .sectionHeader{ position: relative; display: flex;text-align: left; margin: 0 auto;padding:20px; width: 400px;}
.statistics .sectionHeader img.section-header-icon{width: 60px;}
.statistics .sectionHeader .title {color: #686868; margin-left: 10px; font-size: 1.2rem;}
.statistics .sectionHeader .title .description {font-size: 1rem;}
.statistics .qna-box {margin-top:20px;}
.statistics .qna-box .qna-header{font-weight: 800; font-size: 1rem;}
.statistics .qna-box .qna-header:before{counter-increment:questions; content: 'Q' counter(questions) '. ';}
.statistics .qna-box .qna .qna-body {padding-left:1.4rem; font-size: 1.1rem; margin-top:30px;}
.statistics .qna-box .statistics_a .qna-body { display: flex; flex-direction: row; flex-wrap: wrap;}
.statistics .qna-box .statistics_a .qna-body .col {width: 33%!important; margin-right: 10px;}
.statistics .qna-box .statistics_a .qna-body .col:nth-child(3n):after{}

.statistics-result{text-align: center;}
.statistics-result h2{color: #686868; margin: 50px 0;}
.statistics-result .result-point,
.statistics-result .result-message {font: normal normal bold 18px/50px HelveticaNeue; text-align: center; letter-spacing: 0; color: #686868;opacity: 1;}
.statistics-result .result-point strong {font-size: 57px; font-weight: bold;color: #150F53;}

.statistics-result .help-message { background: transparent linear-gradient(140deg, #DEDFE6 0%, #FFFFFF 100%) 0 0 no-repeat padding-box; border-radius: 33px;opacity: 1;}
.statistics-result .help-message h5 {text-align: left; font: normal normal bold 1.1rem/40px HelveticaNeue; letter-spacing: 0; color: #150F53;}
.statistics-result .help-message h6 {font-weight: normal;font-size: 1rem; line-height: 40px; letter-spacing: 0;color: #686868;}
.statistics-result .help-message ul {list-style: none; padding:0;margin:0; font: normal normal normal 1.1rem/20px HelveticaNeue; letter-spacing: 0;color: #150F53;text-align: left;}
.statistics-result .help-message li {margin-bottom: 10px;}

@media (max-width: 420px) {
    .section-txt-content h1{font-size:28px; line-height: 60px;}
}

@media (max-width: 375px) {
    .section-txt-content h1{font-size:24px; line-height: 60px;}
}