@import url('https://fonts.googleapis.com/css?family=Noto+Serif+SC:400,600&subset=japanese');
body {font-family: 'Noto Serif SC', serif;font-weight:400;}
main {margin-top:0!important; font-size:1.0rem;}

/*font*/
span.yellow {
    color:#fffc9b;
}

p {
    margin-bottom:1rem!important;
	line-height:2.2;
}

a {
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
    color:#000;
    text-decoration:underline;
}
a:hover {
    color:#00ac96;
    text-decoration:none;
}
a img {
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
a:hover img {
  opacity: .5;
}

main img {
	width:100%;
}
hr.hr {
    border-top:1px solid #000;
    padding:1rem 0 0;
    margin-bottom:0;
}
h1 {
	font-size:2.0rem;
}

h2 {
    position: relative;
    letter-spacing:1.4rem;
    text-indent:0.7em;
    width:100%;
    left:50%;
    margin-left:-50%;
    margin-bottom:2.2rem;
    display: inline-block;
    font-size:1.8rem;
    text-align:center;
    line-height:1.8;
    padding:3rem 0 0.4rem;
}
h2:after {
    content:"";
    position: absolute;
    left: 50%;
    bottom: -10px; /*下線の上下位置調整*/
    display: inline-block;
    width: 300px; /*下線の幅*/
    height: 1px; /*下線の太さ*/
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%); /*位置調整*/
    background-color: #333; /*下線の色*/
}

h3 {
	font-size:1.3rem;
    position: relative;
    margin: 1rem 0 2rem;
    padding: 3rem 0 0.8rem;
    line-height:1.8;
    text-align:center;
}
h3:before{
    content:"";
    position: absolute;
    left: 50%;
    bottom: -10px; /*下線の上下位置調整*/
    display: inline-block;
    width: 300px; /*下線の幅*/
    height: 1px; /*下線の太さ*/
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%); /*位置調整*/
    background-color: #333; /*下線の色*/
	}
.bg_flow h3 {
    margin: 1rem 0;
    padding: 0.8rem 0;
}
.bg_flow h3:before{
    content:none;
    position: absolute;
	}
h3.noborder {
    font-size:1.4rem;
    position: relative;
    padding: 0rem 0 0.8rem;
}
h3.noborder:before{
    content:none;
}
h4 {
    font-size:1.2rem;
    text-align:center;
    color:#000;
    padding:0.4rem 0.6rem;
    margin:2rem 0 0.4rem;
}

h5 {
    font-size:1.1rem;
    margin:0 0 1rem;
}
h5.item {
    position: relative;
    margin-top:1.2em;
	padding-bottom:0.6em;
}
h5.item:before {
    content:"";
    position: absolute;
    left: 50%;
    bottom: -6px; /*下線の上下位置調整*/
    display: inline-block;
    width: 80px; /*下線の幅*/
    height: 1px; /*下線の太さ*/
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%); /*位置調整*/
    background-color: #333; /*下線の色*/
}
/*h5.example {
    background: #e9f8f6;
    padding: 0.2em 0.6em;
}
h5.example::before {
    content:none;
    margin-right:0;
}*/

br.forPC {
    display:block;
}
br.forSP {
    display:none;
}

ul li {
    list-style:none;
}
.bg_about ul {
    margin-top:1rem!important;
    padding-left:0!important;
}
.bg_about ul li {
    text-align:center;
    margin-bottom:1.6rem;
    line-height:1.8;
}
.bg_about ul li span {
    font-size:1.3rem;
}
form {
    width:100%;
}
form .col-lg-8 {
    padding-left:0!important;
}
form table {
    border-collapse: separate;
    border-spacing: 0 1rem;
}
form table td {
    padding-left:1rem!important;
    line-height:1.8;
}
form table.order td {
    padding-left: 0.6rem !important;
    line-height: 1.8;
}
form table.order td:nth-child(2) {
    vertical-align: bottom;
    width:7em;
}
form table.order hr {
    margin-top: 0!important;
    margin-bottom: 0!important;
}
input, button, textarea, select {
  border:solid 1px #666;
  margin: 0.4rem;
}
select {
    width:70%;
}
input[type="text"],textarea {
    width:100%;
    padding:0.2rem;
}
input.half[type="text"] {
    width:42%;
}
input.number[type="text"] {
    width:4rem;
}
input[type="checkbox"] {
    width:1rem;
    height:1rem;
}
form table.order input[type="checkbox"] {
    margin:0.4rem 0.4rem 0.4rem 0;
}
input[type="submit"], input[type="reset"], input[type="button"]{
    border:none;
    width:20rem;
    text-align:center;
    margin:1rem 0.4rem;
    font-size:1.2rem;
    background:#00ac96;
    border-radius:4px;
    display:inline-block;
    padding:0.6rem 2rem;
    letter-spacing:0.4rem;
    text-indent:0.2rem;
    text-decoration:none;
    color:#fff;
}
input[type="reset"]{
    background:#666;
}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
    color:#fff;
    text-decoration:none;
    background:#6dd0c3;
}
.red {
    color:red;
}
.orange {
	color:orangered;
}
.bg-green {
    background: #e9f8f6;
    margin-bottom:1rem;
}
.bg-green p {
    margin-bottom:0!important;
}
.ex-small {
	font-size:0.8rem;
}
.ex-small-up {
	font-size:0.8rem;
	vertical-align: super;
}
small {
    line-height:1.2;
}
table {
    width:100%;
}
table th {
    background: #e9f8f6;
    padding:0.4rem;
    width:25%;
}
table th, table td {
    font-weight:normal;
}
section {
    padding-bottom:4rem;
}
/* 固定ナビの高さ分のネガティブマージン */
#pro01,#pro02,#pro03,#pro04,#pro05,#pro05-2,#pro06 {
	margin-top: -110px!important; 
	padding-top: 110px!important;
}
/* 均等配置 */
.row {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-pack:justify;
    -moz-box-pack:justify;
    -webkit-flex-pack:justify;
    -moz-flex-pack:justify;
    -ms-flex-pack:justify;
    -webkit-justify-content:space-between;
    -moz-justify-content:space-between;
    justify-content:space-between;
}
.mb-4, .my-4 {
    margin-bottom: 0.8rem!important;
}

/*グローバルナビ*/
nav.fixed-top-b {
    background:#fff;
    position: fixed;
    top: 80px;
    left:50%;
    right: 50%;
    width: 100%;
    margin-left: -50%;
    z-index: 900;
    text-align:center;
    padding:1rem 0;
}

nav.fixed-top-idx {
    background:#fff;
    text-align:center;
    padding: 1rem 0 0;
    margin-top: 0;
}
nav.fixed-top-sub {
    background: #fff;
    text-align: center;
    padding: 1rem 0 0;
    margin-top: 80px;
}
nav.fixed-top-idx .col-md-12 {
    padding-bottom:1rem;
    border-bottom:1px solid #000;
}
nav.fixed-top-b .col-md-12 {
    padding-top:1rem;
    border-top:1px solid #000;
}
nav.fixed-top-idx .col-md-3,
nav.fixed-top-sub .col-md-3 {
    padding-left:0;
    padding-right:0;
}
nav.fixed-top-b .col-md-3 span,
nav.fixed-top-idx .col-md-3 span,
nav.fixed-top-sub .col-md-3 span{
    display:none;
}
nav.fixed-top-b a,
nav.fixed-top-idx a,
nav.fixed-top-sub a{
    text-decoration:none;
    font-size:1.1rem;
}
.navbar-brand {
    max-width:400px;
}
.navbar-brand img{
    width:100%;
}
.navbar-nav {
    padding-top: 0rem;
}
.navbar {
    background:#fff;
    padding:0.5rem 1rem 0;
}
.navbar .container {
padding-bottom:0rem;
}
.navbar-light .navbar-nav .nav-link {
    color:#000;
}
.navbar-light .navbar-nav .nav-link:hover {
    color:#00ac96;
}

.navbar-light .navbar-toggler {
    color: #fff;
    border-color: none;
}
.navbar-light .navbar-toggler-icon {
    color: #fff;
}
ul.navbar-nav {
    text-align:center;
}
ul.navbar-nav li.nav-item {
    display:inline-block;
}
.navbar-nav li {
    line-height: 1.0;
    padding-left:2rem;
}
.navbar-nav li a {
    text-decoration:none;
    padding: 1rem 1rem;
}
.navbar-nav li:hover {
    color:#00ac96;
}
[data-current-nav="home"] .navbar-nav li:nth-child(1),
[data-current-nav="about"] .navbar-nav li:nth-child(2),
[data-current-nav="pregnant"] .navbar-nav li:nth-child(3),
[data-current-nav="faq"] .navbar-nav li:nth-child(4),
[data-current-nav="ourteam"] .navbar-nav li:nth-child(5) {
    background:url(../images/ico_heart.png) 16px center no-repeat;
    background-size:1.2rem 1.2rem;
}

.navbar-collapse {
    align-items:end;
    -webkit-box-align:end;
    padding-top: 0rem;
}
.navbar-light .navbar-toggler-icon {
    color: #000;
    background:none;
    padding-top: 0;
}
.home nav.navbar-sub {
	display:none;
}

.navbar-sub {
	flex-direction: column;
	background:#969696;
	padding-top:1.6rem;
	padding-bottom:1.6rem;
	height:2em;
}
.navbar-sub ul {
	margin:0 auto;
	list-style:none;
}
.navbar-sub ul li {
	display:inline-block;
	margin:0 2rem;
}
.navbar-sub ul li a {
	color:#fff;
    text-decoration:none;
}
.navbar-toggler {
    margin-top: 10px;
    padding:0;
}
.navbar-light .navbar-toggler {
    border-color:transparent;
}

/*pagetop*/
#page-top {
position: fixed;
z-index: 9999;
bottom: 60px;
right: 15px;
font-size: 25px;
background: #665e53;
text-decoration: none;
color: #fff;
padding: 6px 16px;
text-align: center;
display: block;
-moz-opacity: 0.3;
opacity: 0.3;
border-radius: 5px; 
}
#page-top a {
background: #665e53;
text-decoration: none;
color: #fff;
padding: 10px;
text-align: center;
display: block;
-moz-opacity: 0.3;
opacity: 0.3;
border-radius: 5px; 
}

/*footer*/
footer {
margin-top:1rem;
padding-top:0.6rem;
background-color: #fff;
font-size: 0.9rem;
}
footer a, footer p {
    color:#000;
    text-decoration:none;
}
footer a img {
    max-width:100%;
}
footer .container {
    padding-bottom:1rem;
    margin-bottom:0;
}
footer .container .row .footermenu {
    padding:0.6rem 1rem 0.5rem;
}
footer ul {
    list-style:none;
    padding-left:0;
}
footer ul li {
    display:block;
    margin-right:0rem;
}
footer a {
    line-height: 2rem;
}
footer a:hover {
    color:#00ac96;
    text-decoration:underline;
}
/*button*/
.button, .button-regist {
    text-align:center;
    margin:1rem auto;
}
.button a {
    font-size:1.2rem;
    background:#00ac96;
    border-radius:4px;
    display:inline-block;
    padding:0.6rem 2rem;
    letter-spacing:0.4rem;
    text-indent:0.2rem;
    text-decoration:none;
    color:#fff;
}
.button a:hover {
    color:#fff;
    text-decoration:none;
    background:#6dd0c3;
}

.button-regist a {
    background:#00a9c0;
    border:1px solid #00a9c0;
    border-radius:4px;
    display:inline-block;
    padding:0.4rem 5.3rem;
    text-decoration:none;
    color:#fff;
}
.button-regist a:hover {
    color:#00a9c0;
    text-decoration:none;
    background:#fff;
    border:1px solid #666;
}
.button-regist a::after {
    content:url("../images/ico_forward_w.png");
    margin-left:0.2rem;
}
.button-regist a:hover::after {
    content:url("../images/ico_forward.png");
}

/*index*/
.jumbotron {
    margin-top: 180px;
}
.lead {
    margin:0 auto;
    padding:0;
    /*padding: 3rem 0 1rem;*/
    position: absolute;
    z-index: 900;
    top: 24%;
    right: 0;
    /*top: 20%;
    right: 65px;*/
}

.lead h1 {
    color:#fff;
    letter-spacing: 0.6rem;
    line-height:1.8;
    text-shadow:2px 2px 1px #000;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(137 186 171) 100%);
    padding: 1rem;
}
.lead h2 {
    border:none;
    margin-bottom:0;
	padding:1rem;
    font-size:1.6rem;
    line-height:1.8;
}
.lead h2::before, .lead h2::after {
    content:none;
}
.carousel.carousel-fade .carousel-item {
    display: block;
    opacity: 0;
    transition: opacity ease-out .7s;
}
.carousel.carousel-fade .carousel-item.active {
    opacity: 1 !important;
}

.carousel {
    top: 80px;
}
.embed-responsive-16by9::before {
    padding-top: 38.5%;
}
.bg_about {
    background:url("../images/bg_about.jpg") center center no-repeat;
}
.bg_contact {
    background:url("../images/bg_contact.jpg") center center no-repeat;
}
.bg_flow {
    background:#e9f8f6;
    margin-top:3rem;
}
.bg_about, .bg_contact {
    background-size:cover;
    padding:20px 0 40px;
    margin-bottom:4px;    
}

.bg_flow p, .bg_contact p {
    text-align:center;
}
.bg_flow .col-md-8 {
    background:#fff;
}
.wellcome h2 {
    padding-top:0;
}

.idx-h2 h2 {
    position: relative;
    font-size:1.3rem;
    text-align:center;
    line-height:1.8;
    padding:2rem 0;
    margin-bottom: 40px;
    color:#000;
    border:none;
}
.idx-h2 h2::before, .idx-h2 h2::after {
    content:url("../images/dotline.png");
    position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -337px; /*画像の半分の横幅指定*/
}

h2.line-1 {
    padding-top: 4.8rem;
}

h2.line-2 {
    padding-top: 3.6rem;
}

.menu-01 {
    height:200px;
    background:url("../images/menu01.png") center center no-repeat;
    background-size:contain;
}
.menu-02 {
    height:200px;
    background:url("../images/menu02.png") center center no-repeat;
    background-size:contain;
}
.text p {
	margin-bottom:1rem!important;
}
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.logomark {
	height: 2.6rem;
	width: auto;
	margin-right: 0.8rem;
}
/*hedda*/
.hedda-about {
    background:url("../images/bg_ourteam.jpg") center center no-repeat;
}
.hedda-item {
    background:url("../images/bg_item.jpg") top center no-repeat;
}
.hedda-greeting {
    background:url("../images/bg_greeting.jpg") top center no-repeat;
}
.hedda-baby {
    background:url("../images/bg_baby.jpg") top center no-repeat;
}
.hedda-about, .hedda-item, .hedda-greeting {
    background-size:cover!important;
    height:180px;
    margin-bottom:4px;
}
.hedda-baby {
    background-size:cover!important;
    height:220px;
    margin-bottom:4px;
}

main .container .row ul {
    padding-left:0;
    padding-top: 1rem;
}

main .container .row ul li {
    margin-bottom:1rem;
    line-height:1.8;
    padding-left:1.3rem;
}

main .container .row ul li::before {
    content:"■ ";
    color:#00ac95;
    margin-left:-1.3rem;
}
main .container .row ul.news li::before {
    content:none;
}

.well p {
    padding:0 1rem;
}
.well p:before {
    content:"A. "
}
.forward {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18px 23px 0 23px;
    border-color: #00ac95 transparent transparent transparent;
    margin: 1.6rem auto;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-bottom:15px;
}
/*bnn_baby*/
p.bnn_baby a {
    display:block;
    font-size:0;
    background:url("../images/bnn_baby.jpg") top center no-repeat;
    background-size:contain;
    width:100%;
    padding-top:14.1%;
}

/*baby*/
.baby_item h4 {
    line-height:2.0;
}

@media (max-width: 1024px){
.fixed-top-b {
    top: 60px;
    }
}

@media (min-width: 768px){
.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 1rem!important;
    padding-left: 1rem!important;
}

/*col調整*/
.col-md-6 {
    -ms-flex: 0 0 48.5%;
    flex: 0 0 48.5%;
}
.col-md-4 {
    -ms-flex: 0 0 31.3%;
    flex: 0 0 31.3%;
}
/*.col-md-3 {
    -ms-flex: 0 0 22.5%;
    flex: 0 0 22.5%;
}*/
.slide {
    margin-top:80px;
}

/* 固定ナビの高さ分のネガティブマージン */
#pro01,#pro02,#pro03,#pro04,#pro05,#pro05-2,#pro06 {
	margin-top: -6rem!important; 
	padding-top: 6rem!important;
}


}

@media (max-width:1024px){
.navbar-sub ul li {
	margin:0 ;
}
.lead {
    top: 16%;
    right: 0;
    /*top: 10%;
    right: 65px;*/
}
.embed-responsive-16by9::before {
    padding-top: 40.5%;
}

}
@media (min-width:1024px){
    .navbar-brand {
    max-width:400px;
}
    .slide {
    margin-top:80px;
    }
}

@media (max-width: 768px) {
.jumbotron {
    margin-top: 0rem;
}
    h2 {
    font-size:1.4rem;    
}
h3 {
    font-size:1.1rem;    
}
/*.lead {
    top: 6%;
    right: 0;
    right: 3%;
}*/
.lead h1 {
    font-size: 1.6rem;
}
.hedda-greeting,
.hedda-about,
.hedda-item,
.hedda-baby {
    background-position: left 50px;
}
.embed-responsive-16by9::before {
    padding-top: 40.5%;
}
    
footer a img {
}
.navbar-sub {
	display:none;
	}
table th, table td {
    padding:0.4rem;
    width:100%;
    display: block;
}
form table td {
    padding-left:0!important;   
}
/*form.order*/
form table.order td:nth-child(2) {
    width: 100%;
    text-align: right;
}
   
form .col-lg-8 {
    padding-left: 0!important;
    padding-right:0!important;
    width:100%;
}
form {
    width: 100%;
}
ul.navbar-nav {
    padding-bottom:1rem;    
}
.navbar-nav li {
    padding-left:0rem;
}
nav.fixed-top {
    border-bottom:1px solid #000;
}
nav.fixed-top-b {
    position: fixed;
    top:auto;
    bottom:0;
    padding: 0;
    border-top:1px solid #000;
}
nav.fixed-top-idx,
nav.fixed-top-sub {
    position: fixed;
    top:auto;
    bottom:0;
    left:50%;
    right: 50%;
    width: 100%;
    margin-left: -50%;
    z-index: 900;
    padding: 0rem 0 0;
    border-top:1px solid #000;
}
nav.fixed-top-b .col-md-12,
nav.fixed-top-idx .col-md-12,
nav.fixed-top-sub .col-md-12 {
    padding-bottom:0;
    border-bottom:none;
    border-top:none;
}
nav.fixed-top-b .col-md-12 {
    padding-top:0;
}
nav.fixed-top-b a,
nav.fixed-top-idx a,
nav.fixed-top-sub a {
    font-size:0.7rem;
}
nav.fixed-top-b row col-md-3,
nav.fixed-top-idx row col-md-3,
nav.fixed-top-sub row col-md-3 {
    padding-right: 0;
    padding-left: 0;
}
nav.fixed-top-b .col-md-3 span,
nav.fixed-top-idx .col-md-3 span,
nav.fixed-sub-idx .col-md-3 span {
    display:block;
}
nav.fixed-top-b .nav-link,
nav.fixed-top-idx .nav-link,
nav.fixed-top-sub .nav-link {
    padding:0.5rem 0!important;
}
    
textarea {
    width: 100%;
}
.idx-h2 h2::before, .idx-h2 h2::after {
    bottom: 0;
	left: 0;
	margin-left: 0;
    width: 100%;
    overflow: hidden;
}
    .slide {
    margin-top:50px;
    }
/*bnn*/
.footer-bnn {
    text-align:center;
}
.footer-bnn img {
    max-width:50%;
}
footer .container {
    padding-bottom: 4.6rem;
}
#page-top {
    bottom: 80px;
}

}
@media (max-width: 480px) {
    .navbar-brand {
    max-width:70%;
}
    h1 {
    font-size: 1.6rem;
    letter-spacing: 0;
}
    h2 {
    font-size: 1.4rem;
    letter-spacing: 0.2rem;
    text-indent: 0;
}
    br.forPC {
    display:none;
}
    br.forSP {
    display:block;
}
    input.half[type="text"] {
        width:94%;
    }
    input.number[type="text"] {
    width:4rem;
}
.lead {
    top: 15%;
    right: 0;
    /*right: 5%;*/
}
.lead h1 {
    font-size: 1.1rem;
    line-height: 1.4;
    padding: 0.2rem;
}
.carousel {
    top: 56px;
}    
.bg-green {
    background: #fff;
    margin-bottom:1rem;
}
.bg-green p {
    background: #e9f8f6;
    padding-left:0.4rem;
    padding-right:0.4rem;
}
form {
    width: 96%;
}
form .col-lg-8 {
    padding-left: 15px!important;
}  
input[type="submit"], input[type="reset"] {
        width:80%;
    }
nav.fixed-top-b,
nav.fixed-top-idx,
nav.fixed-top-sub {
    font-size:0.5rem;
}
nav.fixed-top-b .col-sm-3,
nav.fixed-top-idx .col-sm-3,
nav.fixed-top-sub .col-sm-3{
    width:25%;
    padding:0.4rem 0 0!important;
    line-height: 1.0;
}
nav.fixed-top-b .col-sm-3 span,
nav.fixed-top-idx .col-sm-3 span,
nav.fixed-top-sub .col-sm-3 span{
    font-size:1.6rem;
}
.lead {
    padding:0;    
}
.lead h1 {
    letter-spacing: 0;
}
/*bnn_baby*/
p.bnn_baby a {
    display:block;
    font-size:0;
    background:url("../images/bnn_baby_m.jpg") top center no-repeat;
    background-size:contain;
    width:100%;
    padding-top:40%;
}

}