@charset "UTF-8";
/* ==============================
　style
============================== */
html {
	overflow-x:hidden;
}
body {
	overflow-x:hidden;
}
/* ----------------------------
*  mv slider
* ---------------------------- */
.cd-fixed-bg {
  height: 80vh; /* 全画面表示 */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-image: url('../assets/childbirth/childbirth-top.jpg');
height:80vh;
width:100%;
position: fixed;
z-index: -1;
}

.inna-kago{
max-width: 65%;
margin:0 auto;
}

.sanka-eria{
height:80vh;
width:100%;
position: relative;
}

.sanka-eria .mame {
    position: absolute;
    top: 45%;
    left: 58%;
    width: 30vw;
    height: 100%;
}

.mame10 {
position: relative;
}
h2.mame10 {
position: relative;
z-index: 5;
letter-spacing: 0.6vw;
font-size:1.6vw;
}
.mame10::before {
    position: absolute;
    content: '';
    width: 25vw;
    height: 25vw;
    background-image: url(../assets/obstetrics/mame1.svg);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    z-index: -1;
    top: -6vw;
    left: 1vw;
}
.mame-guri{
    display: grid;
    grid-template-columns: 1fr 1fr;
	gap: 5vw;
	margin-bottom:35vw;
   padding:0;
}

ul.risuto{
list-style-type: disc;
}



.main-visual-logo {
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
}
.main-visual-logo img {
  max-width: 200px;
}

.icon {
  max-width: 25px;
  display: block;
}

/* ----------------------------
* contents - top
* ---------------------------- */
.contents {
background: #FFF;
padding-bottom: 40px;
}
.midasi-ao{
background: #677AA0;
    text-align: center;
    letter-spacing: 0.3rem;
    padding: 13px 0;
    font-size: 1.1vw;
    font-weight: 400;
color: #fff;
}
.midasi-aka{
background: #98869D;
color: #fff;
    text-align: center;
    letter-spacing: 0.3rem;
    padding: 13px 0;
    font-size: 1.1vw;
    font-weight: 400;
}
.midasi-gur{
background: #677AA0;
color: #fff;
    text-align: center;
    letter-spacing: 0.3rem;
    padding: 13px 0;
    font-size: 1.1vw;
    font-weight: 400;
}

.tex-mura{
color: #98869D;
}
.tex-ao{
color: #98869D;
}
.tate{
line-height: 2;
}

.sita-sen{
color: #bdb798;
border-bottom: solid 1px #bdb798;
padding:0 0 10px 0;
}

.body-65{
max-width: 65%;
margin:0 auto;
}

.bunkatu-guri {
    display: grid;
    grid-template-columns: 0.8fr 0.9fr;
    gap: 9vw;
}

.yoko-gazo{
    display: grid;
    grid-template-columns: 1fr 1fr;
	gap: 9vw;
}
.naba-guri{
    display: grid;
    grid-template-columns: 1fr 1fr;
	gap: 3.5vw;
}
.naba{
 position: relative;
margin:3vw 0 5vw 0;
}
.naba2{
 position: relative;
margin:3vw 0 5vw 0;
}
.naba3{
 position: relative;
margin:3vw 0 5vw 0;
}
.naba4{
 position: relative;
margin:3vw 0 5vw 0;
}
.naba5{
 position: relative;
margin:3vw 0 5vw 0;
}
.naba6{
 position: relative;
margin:3vw 0 5vw 0;
}
.naba99{
 position: relative;
z-index: 2;
}
.naba99 p{
font-size:0.85vw;
text-align: center;
}
.naba99 h4{
font-size:1.2vw;
color: #8FA361;
text-align: center;
}
.naba99 h4::before{
content: attr(data-tooltip);
position: absolute;
top:-6vw;
left:45%;
color: #8FA361;
font-size:2vw;
}

.naba::before{
position: absolute;
  content: '';
display: inline-block;
  width: 30vw;
  height: 30vw;
 background-image: url(../assets/childbirth/mame1.svg);
background-size: contain;
vertical-align: middle;
background-repeat: no-repeat;
top:-2vw;
left:0vw;
z-index: 2;
}
.naba2::before{
position: absolute;
  content: '';
display: inline-block;
  width: 30vw;
  height: 30vw;
 background-image: url(../assets/childbirth/mame2.svg);
background-size: contain;
vertical-align: middle;
background-repeat: no-repeat;
top:-2.3vw;
left:0vw;
z-index: 2;
}
.naba3::before{
position: absolute;
  content: '';
display: inline-block;
  width: 30vw;
  height: 30vw;
 background-image: url(../assets/childbirth/mame3.svg);
background-size: contain;
vertical-align: middle;
background-repeat: no-repeat;
top:-3vw;
left:0vw;
z-index: 2;
}
.naba4::before{
position: absolute;
  content: '';
display: inline-block;
  width: 30vw;
  height: 30vw;
 background-image: url(../assets/childbirth/mame4.svg);
background-size: contain;
vertical-align: middle;
background-repeat: no-repeat;
top:-3vw;
left:0vw;
z-index: 2;
}
.naba5::before{
position: absolute;
  content: '';
display: inline-block;
  width: 30vw;
  height: 30vw;
 background-image: url(../assets/childbirth/mame5.svg);
background-size: contain;
vertical-align: middle;
background-repeat: no-repeat;
top:-2.5vw;
left:0vw;
z-index: 2;
}
.naba6::before{
position: absolute;
  content: '';
display: inline-block;
  width: 30vw;
  height: 30vw;
 background-image: url(../assets/childbirth/mame6.svg);
background-size: contain;
vertical-align: middle;
background-repeat: no-repeat;
top:-2.9vw;
left:0vw;
z-index: 2;
}
.kakomi-sen{
    padding:
15px;
	border: solid 1px #98869D;
	margin:10px 0;
}

/*==================================================
アコーディオンのためのcss
===================================*/
.accordion {
  margin: -15px auto 0 auto;
	padding:0;
}


/* アコーディオン */
.accordion__item {
    cursor: pointer;
    width: 850px;
    margin: 0 auto;
    border: solid 1px #a29869;
}


.akomainasu{
margin-top:-5vw;	
}
.akodeon-pp{
max-width: 1080px;
margin:0 auto;
padding: 0 50px;
}

.ppoo{
margin:40px 0px 20px 0px;
position: relative;
}
.ppoo::before{
content: attr(data-tooltip);
position: absolute;
top:0;
left:-40px;
color: #a29869;
}
.ppoo h4{
color: #a29869;
}

.ppoo-guri{
    display: grid;
    grid-template-columns: 1fr 1fr;
  gap: 30px;
	
}
/* アコーディオンのタイトル */
.accordion__title {
  position: relative;
  cursor: pointer;
text-align: center;
color: #fff;
background: #bdb798;
    letter-spacing: 0.3rem;
    padding: 13px 0;
    font-size: 1.1vw;
	font-weight: 700;
}

.accordion__title::before,
.accordion__title::after {
  content: "";
  position: absolute;
  right: 10%;
  top: 0;
  bottom: 0;
  margin: auto 0;
  background-color: #fff;
  width: 20px;
  height: 4px;
  transition: all 0.3s;
}

.accordion__title::after {
  transform: rotate(90deg);
}

/* アコーディオンのコンテンツ */
.accordion__content {
  display: none;
  cursor: pointer;
}

.accordion__content.is-open {
  display: block;
}

/* アコーディオン展開時の(-)アイコン */
.accordion__item.is-active .accordion__title::before {
  transform: rotate(180deg);
}

.accordion__item.is-active .accordion__title::after {
  transform: rotate(180deg);
  opacity: 0;
}



/* ==============================
 window size - sp
============================== */
@media (max-width: 767px) {
.sanka-eria {
    height: 65vh;
    width: 100%;
    position: relative;
}
.bunkatu-guri {
    display: grid;
    grid-template-columns: 1fr;
    gap: 9vw;
}
.yoko-gazo {
    display: grid;
    grid-template-columns: 1fr;
    gap: 9vw;
}
.naba-guri {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12.5vw;
}

.mame10::before {
    position: absolute;
    content: '';
    display: inline-block;
    width: 80vw;
    height: 70vw;
    background-image: url(../assets/obstetrics/mame1.svg);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    z-index: -1;
    top: -17vw;
    left: 5%;
}
.mame p{
display:none;
}

.inna-kago {
    max-width: 95%;
    margin: 0 auto;
}
h2.mame10 {
    position: relative;
    z-index: 5;
    letter-spacing: 3vw;
    font-size: 6vw;
}
.sanka-eria .mame {
    position: absolute;
    top: 65%;
    left: 0%;
    width: 100vw;
    height: 50%;
}

.accordion__title {
  position: relative;
  cursor: pointer;
text-align: center;
color: #fff;
background: #677AA0;
    letter-spacing: 0.8rem;
    padding: 13px 0;
    font-size: 4.7vw;
}

.accordion {
  max-width: 1080px;
  margin: 0 auto;
	padding:0 15px;
}

.cd-fixed-bg {
  height: 65vh; /* 全画面表示 */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-image: url('../assets/childbirth/childbirth-top_sp.jpg');
height:65vh;
width:100%;
position: fixed;
z-index: -1;
}
.midasi-ao{
background: #677AA0;
    text-align: center;
    letter-spacing: 0.8rem;
    padding: 13px 0;
    font-size: 4.7vw;
    font-weight: 400;
color: #fff;
}
.midasi-aka{
background: #98869D;
color: #fff;
    text-align: center;
    letter-spacing: 0.8rem;
    padding: 13px 0;
    font-size: 4.7vw;
    font-weight: 400;
}
.midasi-gur{
background: #677AA0;
color: #fff;
    text-align: center;
    letter-spacing: 0.8rem;
    padding: 13px 0;
    font-size: 4.7vw;
    font-weight: 400;
}
.naba99 p {
    font-size: 3.2vw;
    text-align: center;
}
.naba99 h4 {
    font-size: 4vw;
    color: #677AA0;
    text-align: center;
}
.naba99 h4::before {
    content: attr(data-tooltip);
    position: absolute;
    top: -14vw;
    left: 45%;
    color: #677AA0;
    font-size: 8vw;
}
.naba::before {
    position: absolute;
    content: '';
    display: inline-block;
    width: 103vw;
    height: 66vw;
    ackground-image: url(../assets/childbirth/mame1.svg);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    top: -2vw;
    left: -19vw;
}
.naba2::before {
    position: absolute;
    content: '';
    display: inline-block;
    width: 100vw;
    height: 72vw;
    background-image: url(../assets/childbirth/mame2.svg);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    top: -2.3vw;
    left: -17vw;
    z-index: 2;
}
.naba3::before {
    position: absolute;
    content: '';
    display: inline-block;
    width: 100vw;
    height: 51vw;
    background-image: url(../assets/childbirth/mame3.svg);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    top: -3vw;
    left: -15vw;
    z-index: 2;
}
.naba4::before {
    position: absolute;
    content: '';
    display: inline-block;
    width: 100vw;
    height: 59vw;
    background-image: url(../assets/childbirth/mame4.svg);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    top: -3vw;
    left: -18vw;
    z-index: 2;
}
.naba5::before {
    position: absolute;
    content: '';
    display: inline-block;
    width: 100vw;
    height: 54vw;
    background-image: url(../assets/childbirth/mame5.svg);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    top: -10.5vw;
    left: -12vw;
    z-index: 2;
}
.naba6::before {
    position: absolute;
    content: '';
    display: inline-block;
    width: 100vw;
    height: 53vw;
    background-image: url(../assets/childbirth/mame6.svg);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    top: -7.9vw;
    left: -18vw;
    z-index: 2;
}
.ppoo {
    margin: 15px 30px;
    position: relative;
}
    
    .accordion__item {
    width: auto;
}
    .akodeon-pp {
    max-width: 100%;
    padding: 0px 20px;
}
    
.ppoo-guri{
    grid-template-columns: 1fr;
  gap: 15px;
	
}
/* アコーディオンのタイトル */
.accordion__title {
    letter-spacing: 0.1rem;
    padding: 13px 0;
    font-size: 100%;
}

.accordion__title::before,
.accordion__title::after {
    width: 15px;
    height: 3px;
}


}