:root {
    --main-color: #d45b7f;
    --width: 980px;
}

* {
    margin: 0;
    box-sizing: border-box;
}

#no1, #no2, #no3, #no4, #no5, #no6, #no7, #no8 ,#no9, #no10, #no11, #no12, #no13, #no14 {
    overflow-x: hidden;
}

#no2, #no3, #no4, #no5, #no6, #no7, #no8 ,#no9, #no10, #no11, #no12, #no13, #no14 {
    margin-bottom: 12rem;
    padding: 0 0.5rem;
}

body {
    width: 100vw;
    overflow-x: hidden;
    margin-bottom: 120px;
}

img {
    width: 100%;
}

.header {
    color: var(--main-color);
    font-size: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
}

.pinkHeader {
    color: #fff;
    background: linear-gradient(90deg, #fff 0%, #d96494 20%, #d96494 80%, #fff);
    font-size: 2rem;
    margin-bottom: 1rem;
    width: 100%;
}

.header::before,
.header::after {
    display: inline-block;
    content: "";
    width: 5rem;
    height: 5rem;
    background: url('data:image/svg+xml;utf-8, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%20118%20118%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bisolation%3Aisolate%3B%7D.cls-2%7Bopacity%3A0.5%3Bmix-blend-mode%3Amultiply%3B%7D.cls-3%7Bfill%3A%23d45b7f%3Bstroke%3A%23fff%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20class%3D%22cls-1%22%3E%3Cg%20id%3D%22Layer_2%22%20data-name%3D%22Layer%202%22%3E%3Cg%20id%3D%22Layer_1-2%22%20data-name%3D%22Layer%201%22%3E%3Cimage%20class%3D%22cls-2%22%20width%3D%22118%22%20height%3D%22118%22%20xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAHYAAAB2CAYAAAAdp2cRAAAACXBIWXMAAAsSAAALEgHS3X78AAANWUlEQVR4Xu2dW5LbuBJEU%2BqHx%2Fd%2FVuL9L8Ermf8Z2%2F3g%2FeiuVjKVhYdESoRCGVEBCKQoAodZAGm1vJumCXfdnva1He4aU3ewN6o72BvVHeyN6g72RnUHe6N6rO0wkv758WNX26ekv3%2F%2BvJl7v93o97EdMGO%2Fpg6PDnlYsAnQEuQWsEfbRgU8HFgDtPd1SDtefD0a4KHAFqBqqXV%2BXQI4JSWAseAOA1agZkB3pk3rQA4zA%2Fu1%2FyhwhwBbgKogXZu%2BT6Eq2NJrAGPA3TxYgpq5syWcpo6AlluHu2mwCVQX%2B6Tu3OscOQF4T%2Bop5C3D3SzYBqh7U%2B5Newnsuyld23BwNwm2AtWBzCL242M5p9bCAY5jbRLu5sB2QH3AAeADldyuaRnwUN8q5XBwNwW2ASqHwnykegaXYTDUAPhKr7ndOXjTcDcD9gSoDPNR6g5uyLn1lcpXacsAbxruJsB2QGVHBsAnHMBqxHs0FatbXyle5DVDHgbu1cGeAfURH1CfpM6gY%2F8MbAALmC8SCti5d5Nwrwr2BKjsRgb5LCXD5XkWOIBlpwbIP1Iq4GHgXg3sAlCfk4ht7NoSWIYa8RtzyJyih4B7FbAFqHvMwWapN%2BB9o5LrzrXxWTy%2FZlAjok3du3m4Fwe7ANRw5rdCcEp2jg0oASsg%2FgbwC8dwf2MwuBcFuwLUv6j8C3O4DDYWUMB84cRuDai%2FTH04uBcDK1C5fgpUBvodB7AMl9OxS8UMlp36C8B%2FOIY8FNyLgF0BasR3HMPVdOwcywsndauCZcBu3m2BC65fAu5jbYdzZdJv1JeAysHbeIXsHMtgeeUc%2B%2FEFeI4mHAADH8ec%2FvnxY7c23FXBLjSn8ryZQWW4zrFu8fSKD%2BetBRX4gLr%2FLIGPz74I3NXArgQ14P0PZbDsWAXLjo3PVrCnKHvvVeCuAnZFqBoBmKGXbndiniuBzXTqNuADKu%2BzOtzFwS4MNZtTnWNdGub5MxQLm5pTdyaQlNqW6f1QXRfuomAvALWUgrM0nIHdYw5WVYPUClN1EbiLgW38jlIvVDenKtwMahxfHalg1XHqUNfeC1O1OtxFwJ7xQL8GtSX9uhSsbo1zmXBYyChQLlklkOeAXhXu2WAvDDVbLClUd28aCrc6sCHn0CxKmqRUrQb3LLBXgpo59ZmOHyk4grXDYUBL569tWl9Kq8A9GezCUGuLJQfV3dqEU0u3MDF4CkzLLEK9gEuQFod7EtiFoGZuVZhusVRyauk25mvQPl%2B3gHQXQQ%2FguHeuaVG43WBXgtqSfhXqN9Sd6iDEIO0xB9wClEutq7phYEG4XWAJaugcqG5Ord3WZFBLTuVzjsGKdk3LGnqB8HFr6gJBUrgAPsa%2BB24zWIGaDUAJrINag8tzKkPVJ0sRcQ7AMUDXVoLrnK9joGoeeBKn6gkfn8lwo70LbjNYUga4xa1ukVRKuzWomVN10EsuY7gxqA70uVBb5toJ8%2BfKfEHW3jtTE9jGFMzOyZxamlddKNhS%2Bg2wgB94FQ9eDBy7V4%2FJ7%2BO20oCrG7XdBe%2BrgJtd2wSWlF3JPLgx4OfcqypQvaXJoLYADelFwIOauZTbakB1H25TiOpmdS63N6kKtvANCAc1HPuEOViGG%2BBKDnW3NHE8Xv3GvMoD3grXORHwYEsXjQ52qzMj3gvb9CLaAW2r5CpYkXaWF02ahh9Rvl9tAdvy8MG5K5NenNoGzAe1dGznMi0ziO8UDjDP8w5wVb1gQ9xhTcPZoqm0GnZA2amcfkuLpRrcFrAxmLVB1O01oBz6pbc3fPSL%2F9WJL7DauRypCLbhn%2BIYrC6eOA2X4JZWvj1OzaA6mFx37%2BPB5M8oyYF1IN%2BSYNB7HK%2FO49g7oJ6Oexzr4Lr5VR37hDk0Buza%2BX09tzQs3eYu0GxfVjjHyTkzcyeH%2FnnmIw5f0%2BE%2BKtwu9%2FaAZaljSnCfqVRXZgskdipfPAq1BirbrxVsaP9Zqiu5nkHlv%2BjTP9V8wjHcN8yhnqResDqo6tqA%2ByjxJKFzqAan34Db69TSBVADG%2B5gRV%2BBj3PifV3q5e8uK8yIFxz30001EU1uBfrBhtyH1gA7gDWYvfNpyF2AMGWmGETeb3%2BofoGMBc8jDkCjr6%2FI%2B5n1ldOw9rlLPWDdFcxQGS6fcAB%2BkLp2Lutkb%2Bd43xrgTDyfuePtcQzXZSqNrN8lp7LinKrqARvKBkUhM2gG7koN17kaDAcgA6v7A%2FMBY6jarnDd%2BWufs%2F66MXP9rPX9SPvaDvCDq4OVDWItIPWSWq5Ud3xu1zqrdB619%2FNnZhdpDWRpfLTMzvNLLWB71DL4TqX31Y5Z6mRpkHSbyrVXB3QragGrS3stOVxbrBZ51fgubZPZHq%2FjmCx97a52haZwWW4%2FJ%2B0%2Ft2t%2F302bq5fGDUmpn3%2BkFrAqd9CsY3pPl920u6cvDnxTp0TOsdl%2BmTIAPf3UbRlop94%2Bdy2eJsw7764w10n31MWFrhDfcYDCnc4cV3LrElIIro%2F8RImfML1JvQRaL2RWM%2BAesCyFqVC1c3qTHhF%2Fn8pQS1BiJdqaOs%2BBm124UWYXbdbXV6kzaOfiDG6TesG6D82u3uisgizdpJfmSnauwl1Ck5S6zQF1MPn3oTQULAPWbMdQuwH3gmVlULmzjzh0Um%2FUSw8jSuk26%2BCSKdhdtFlGYqD8CzMaDDfKzLkXdWy4RDsd82HW6Ui3ATW7kQ8gmmZdvFPdKWuPQdLtzq1ZRtIpxgF1PynEoSm6JS0D8%2FMrqrgqpn%2Fv05TQ02n9HSXusP46C1%2Fd2nnueO2K1jb3Ohs01zfNSC7V1vrGvxnF7uW%2BlVw7O8%2BlvxoTKnX%2BFXMn6vxZS7vq3NL7%2BL3c0WifkrrKQa1dtOxWhhmhULMLl49bcmuXesHGh0RKjpQYnQ8AAVchaMp1A10Dy7dCXOf3sBSuk4JtcSqnXf2NKA1Nx3EMXUBxRooSOAFwFezfP39On1%2BRcQPEcHc4wC0FpB7K9ikFX1hxK8TS89XPLDlVF4OtTnVQXSrmqaZlfkXUa2kYaAAr0gPyQIRqUGMfVQl0LWJ%2FzSh8LOD4%2FKMtc6pbLziXBtx%2FcQDKdXUtg43PyaA6wFU1gSXXhtSxoR3mrmUxgBLYDF52W8TvA3x6zgYl2jn91aByCnYQS0DVsZqGs8XTl1rcCjSCFU04dkAMSgbMtasUUAbYQVW51T7vy%2BftnFqbU%2F%2FDHGwAZajZirh2m%2BOANsFkNYMV1%2BoHxRyn7s2k25zzaiCzeqh0K6cpzjn1FeWFUkBUoG5%2BrTmVobpUDKDdrUAHWKCYkoE5VODjhE%2BRgtW625aJL4iJSqDuVF4kZQulWgrOFkwZ2LNTcKgLLGBXySW4mRwMdWXmVoXM0vQV83IGdcJhYNWpL8ihtgI9F%2BoE9EMFTgALLAaX5WA5oFyqtPM8OHwcHrySU%2F%2FgAIjnVJeCo9wEVOBEsMAqcEPOpdHeo4fPcofj%2BdZBLTmV59TWhVLrYmlxqMAZYIFF4Tpn6vYe8UC5BxdusZTdq7o51S2WNgMVOBMssCjckEvJrZok3jF%2FVh37uBScPYAYDiqwAFjgLLjs0syprWAd1MfPsgQ2AAQQBsopWFMx77MpqMBCYIGT4ZbSb490gAJezbHqVufUzK2nzql6ASLKpaACC4IFToZ7jiZTvlP5hsM%2F7itYnlt%2FUwS0Uvo9ByrDRZRLQgUWBgusDpeP5ers1jcc%2FjjqAXOwnIZ1btX5cziowApggdXhqjit8RwWqZa%2FjgPazvet2SrYBQPdJFRgJbDAReDqgKhbn9EGlh8bchpmt%2FJCafNQgRXBAlW40eFTpMdht%2FJtDP%2FdraZiBZstnFz6bX2idBWoAK7yX6BFucP86y7x%2FSj%2BRqP%2BBbz%2BOMl3Kd1PCZUWTyWwejtzDlSA4K4NFbgQWGCV%2F9%2BOfwws%2B%2BGvJzpeafEUqfUXjgFH%2BzBQgQuCBRZ3LrtX67FfvD9Lxa%2FwT5y0firUi6Zf1kXBAqvAdcE%2FWlJzrLrWxVBQgSuABao%2FDLZHHW4Adj8rpL8VVXry9EIRAH9LnYEOARW4EljgLLgB%2BDmJ2MZpOHMsp2N%2BWKHBQB1UBnp1qMAVwQKLwGX3csl%2F0RfHUMfGypgfVPyRUl06BFTgymCBk%2BC61KygnVsZrHOtgsxS7%2BahAhsAC5wF9wFzkBo8vyrYmGdfk3ih7UNBBTYCFuiCq6mZHcxtATWCxXDYuQxaob5jEKjAhsACJ8F1kB3UzLEK18EcDiqwMbBAE9woGZ5CdlAVbAZXYUZ9wiBQgQ2CBbrg1iL242NFhxlWLYaCCmwULFCFq4AVNLfrcRgKA8tAKtDNQwU2DBZogquQtd4CVgFnMIeBCmwcLJDCjbI1nDJwRZhRbhkqMABYwP6%2FelGqIzOXcp07nLlX22bv2zpUYBCwQBGuliWooRJcbZvtPwJUYCCwQPp%2F7LlS6%2FxaO5xBPtp3FKjAYGCBItzW16ES4KPXI0EFBgQbMoCBHCJvK3X4aNtoQEPDgg0lgJ1awH5pVKCh4cGyOiBbjQ6TdVNg7zpoj7tuUnewN6o72BvVHeyN6g72RnUHe6P6P5x32fUkKVPBAAAAAElFTkSuQmCC%22%2F%3E%3Crect%20class%3D%22cls-3%22%20x%3D%2244.16%22%20y%3D%2218.9%22%20width%3D%2215.74%22%20height%3D%2215.74%22%20transform%3D%22translate%28-3.69%2044.63%29%20rotate%28-45%29%22%2F%3E%3Crect%20class%3D%22cls-3%22%20x%3D%2256.85%22%20y%3D%2231.59%22%20width%3D%2215.74%22%20height%3D%2215.74%22%20transform%3D%22translate%28-8.95%2057.32%29%20rotate%28-45%29%22%2F%3E%3Crect%20class%3D%22cls-3%22%20x%3D%2269.55%22%20y%3D%2244.29%22%20width%3D%2215.74%22%20height%3D%2215.74%22%20transform%3D%22translate%28-14.21%2070.02%29%20rotate%28-45%29%22%2F%3E%3Crect%20class%3D%22cls-3%22%20x%3D%2231.48%22%20y%3D%2231.57%22%20width%3D%2215.74%22%20height%3D%2215.74%22%20transform%3D%22translate%28-16.36%2039.38%29%20rotate%28-45%29%22%2F%3E%3Crect%20class%3D%22cls-3%22%20x%3D%2244.18%22%20y%3D%2244.27%22%20width%3D%2215.74%22%20height%3D%2215.74%22%20transform%3D%22translate%28-21.62%2052.07%29%20rotate%28-45%29%22%2F%3E%3Crect%20class%3D%22cls-3%22%20x%3D%2256.88%22%20y%3D%2256.96%22%20width%3D%2215.74%22%20height%3D%2215.74%22%20transform%3D%22translate%28-26.88%2064.77%29%20rotate%28-45%29%22%2F%3E%3Crect%20class%3D%22cls-3%22%20x%3D%2218.81%22%20y%3D%2244.25%22%20width%3D%2215.74%22%20height%3D%2215.74%22%20transform%3D%22translate%28-29.04%2034.13%29%20rotate%28-45%29%22%2F%3E%3Crect%20class%3D%22cls-3%22%20x%3D%2231.51%22%20y%3D%2256.94%22%20width%3D%2215.74%22%20height%3D%2215.74%22%20transform%3D%22translate%28-34.3%2046.82%29%20rotate%28-45%29%22%2F%3E%3Crect%20class%3D%22cls-3%22%20x%3D%2244.2%22%20y%3D%2269.64%22%20width%3D%2215.74%22%20height%3D%2215.74%22%20transform%3D%22translate%28-39.56%2059.52%29%20rotate%28-45%29%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center center;
}

.subHeader {
    display: block;
    background: linear-gradient(transparent 70%, rgb(255, 217, 0) 0%);
    font-size: 2rem;
    margin: 3rem auto;
    width: max-content;
}

@media (max-width: 480px) {
  .subHeader {
    width: auto;
  }
}

#responsive__menu {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    top: -100vh;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: var(--main-color);
    z-index: 3;
    transition: all 0.25s;
}

#responsive__menu.open {
    top: 60px;
}

#responsive__menu a {
    color: #fff;
    font-weight: bold;
    margin: 0.25rem 0;
}

@media screen and (max-width: 980px) {
    * {
        font-size: 14px;
    }

    body {
        margin-bottom: 100px;
    }

    .header {
        font-size: 1.5rem;
    }

    .header::before,
    .header::after {
        width: 3rem;
        height: 3rem;
    }

    .subHeader {
        font-size: 1.5rem;
    }

    #no1, #no2, #no3, #no4, #no5, #no6, #no7, #no8 ,#no9, #no10, #no11, #no12, #no13, #no14 {
        margin-bottom: 6rem;
    }
}





nav {
    width: 100vw;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    background: #d45b7f;
}

#nav__container {
    position: relative;
    max-width: 980px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.25rem;
}
#logo {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
#logo img {
    height: 100%;
    width: auto;
}

#no1 {
    width: 100vw;
    max-width: 1920px;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#no1__images {
    position: fixed;
    left: 50%;
    bottom: 0;
    width: 100%;
    max-width: 480px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2rem;
    transform: translateX(-50%);
    z-index: 100;
}

#no1__images a {
    width: 100%;
}

#no1__top__pc {
    width: 100%;
    display: block;
}

#no1__top__sp {
    display: none;
}

#no1__images__no1,
#no1__images__no2 {
    cursor: pointer;
}

#no1__bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    align-items: center;
    justify-content: center;
    opacity: 0;
    z-index: -100;
}

#no1__bg.open {
    display: flex;
    opacity: 1;
    z-index: 10000;
}

#no1__box {
    position: absolute;
    width: 280px;
    height: 140px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

#no1__tel {
    display: block;
    background: var(--main-color);
    color: #fff;
    text-decoration: none;
    padding: 1rem;
    border-radius: 1rem;
    font-weight: bold;
}

@media screen and (max-width: 980px) {
    #no1__images {
        margin-top: 1rem;
    }

    #no1__top__pc {
        display: none;
    }

    #no1__top__sp {
        display: block;
    }
}





/* 当院のメリット */
#no2 {
    position: relative;
    width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#no2__container {
    width: 100%;
    max-width: 1336px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

#no2__background {
    top: 25%;
    left: 0;
    position: absolute;
    height: 50%;
    width: 100%;
    background: linear-gradient(45deg, rgba(74, 230, 230, 0.5), rgba(251, 176, 59, 0.5));
    z-index: -1;
}

.no2__card {
    width: 100%;
    border: 2px solid var(--main-color);
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 2rem;
}

.no2__card__top {
    width: 100%;
    background: rgb(255, 239, 242);
    border-bottom: 2px solid var(--main-color);
    padding: 1rem;
}

.no2__card__top i,
.no2__card__top span {
    color: var(--main-color);
    font-weight: bold;
    font-size: 1.5rem;
}

.no2__card__top i {
    margin-right: 0.5rem;
}

.no2__card__bottom {
    padding: 1rem;
    background: #fff;
}

.no2__card__bottom p {
    color: #333;
}

.no2__card__bottom {
    display: none;
}

.no2__card__bottom.open {
    display: block;
}

.no2__card {
    cursor: pointer;
}

#no2 span {
    font-size: 1.125rem;
}

#mother_pc {
    display: block;
}

#mother_sp {
    display: none;
}

#experiment_pc {
    display: block;
}

#experiment_sp {
    display: none;
}

#dna_pc {
    display: block;
}

#dna_sp {
    display: none;
}

#graph_pc {
    display: block;
}

#graph_sp {
    display: none;
}

#doctor_pc {
    display: block;
}

#doctor_sp {
    display: none;
}

@media screen and (max-width: 980px) {
    #mother_pc {
        display: none;
    }
    
    #mother_sp {
        display: block;
    }

    #experiment_pc {
        display: none;
    }
    
    #experiment_sp {
        display: block;
    }

    #dna_pc {
        display: none;
    }
    
    #dna_sp {
        display: block;
    }

    #graph_pc {
        display: none;
    }
    
    #graph_sp {
        display: block;
    }

    #doctor_pc {
        display: none;
    }
    
    #doctor_sp {
        display: block;
    }
}



/* 新型出生前診断(NIPT)とは？ */
#no3 {
    width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#no3__container {
    max-width: var(--width);
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#no3__container > img {
    width: 100%;
}

@media screen and (max-width: 980px) {
    .header {
        font-size: 1.25rem;
    }
}







/* NIPT検査とその他の出生前診断 */
#no4 {
    width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#no4__container {
    max-width: var(--width);
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#no4__table  {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

#no4__table th {
    color: white;
    background: #35a0f5;
    padding: 1rem;
    border: 2px solid #ccc;
}

#no4__table td {
    border: 2px solid #ccc;
    padding: 1rem;
    text-align: center;
}

#no4__table tr:nth-child(2) td:nth-child(1),
#no4__table tr:nth-child(6) td:nth-child(1) {
    color: white;
    background: #35a0f5;
}

@media screen and (max-width: 980px) {
    #no4__table * {
        font-size: 0.75rem;
    }

    #no4__table th,
    #no4__table td {
        padding: 0.25rem;
    }
}









#no5 {
    width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#no5__container {
    max-width: var(--width);
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#no5__container > p {
    padding: 1rem 0;
    border-top: 3px solid var(--main-color);
    border-bottom: 3px solid var(--main-color);
}


/* NIPT検査では何がわかる */
#no6 {
    width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#no6__container {
    max-width: var(--width);
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#no6__table  {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 1rem;
}

#no6__table tr th {
    color: white;
    background: #35a0f5;
    padding: 1rem;
    border: 2px solid #ccc;
}

#no6__table td {
    border: 2px solid #ccc;
    padding: 1rem;
    text-align: center;
}

#no6__table td:nth-child(1) {
    color: white;
    background: #35a0f5;
}

#no6__footer a {
    color: orange;
    font-weight: bold;
}

@media screen and (max-width: 980px) {
    #no6__table * {
        font-size: 0.75rem;
    }

    #no6__table tr th,
    #no6__table td {
        padding: 0.25rem;
    }
}



/* 染色体に異常があると？ */
#no7 {
    width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#no7__container {
    max-width: var(--width);
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.no7__pinkHeader {
    width: 100%;
}

#no7 .pinkHeader {
    display: flex;
    justify-content: center;
    margin: 1rem 0;
    padding: 1rem 0rem;
    width: 100%;
}

.no7__text {
    display: none;
}

.no7__text.open {
    display: block;
}

#no7__table  {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

#no7__table tr th {
    color: white;
    background: #35a0f5;
    padding: 1rem;
    border: 2px solid #ccc;
}

#no7__table td {
    border: 2px solid #ccc;
    padding: 1rem;
    text-align: center;
}

@media screen and (max-width: 980px) {
    #no7__table {
        margin: 0;
    }
    #no7 .pinkHeader {
        font-size: 1.125rem;
        margin: 1rem 0;
        padding: 1rem 4rem;
        width: 100vw;
    }

    #no7__table * {
        font-size: 0.75rem;
    }

    #no7__table tr th,
    #no7__table td {
        padding: 0.25rem;
    }
}







/* 性染色体の異常とは？ */
#no8 {
    width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#no8__container {
    max-width: var(--width);
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#no8__container > p {
    padding: 1rem 0;
    border-top: 3px solid var(--main-color);
    border-bottom: 3px solid var(--main-color);
}

#no8__names {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.no8__names__item {
    margin: 2rem 0;
}

.no8__names__item__question {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.no8__names__item__answer {
    margin: 1rem;
    display: none;
}

.no8__names__item__answer.open {
    display: block;
}

.no8__names__item h4 {
    font-size: 2rem;
    background: linear-gradient(transparent 70%, rgb(255, 217, 0) 0%);
}

@media screen and (max-width: 980px) {
    .no8__names__item__question h4 {
        font-size: 1.25rem;
    }
}


/* 微小欠失症候群とは何？ */
#no9 {
    width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#no9__container {
    max-width: var(--width);
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#no9__container > p {
    padding: 1rem 0;
    border-top: 3px solid var(--main-color);
    border-bottom: 3px solid var(--main-color);
}

#no9__names {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.no9__names__item {
    width: 100%;
    margin: 2rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.no9__names__item p {

}

.no9__names__item h4 {
    font-size: 2rem;
    background: linear-gradient(transparent 70%, rgb(255, 217, 0) 0%);
}


.no9__names__item__question {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.no9__names__item__answer {
    margin: 1rem;
    display: none;
    text-align: left;
}

.no9__names__item__answer.open {
    display: block;
}

#no9__container > #footnote {
    width: 100%;
    color: #666;
    display: flex;
    justify-content: flex-end;
}

@media screen and (max-width: 980px) {
    .no9__names__item__question h4 {
        font-size: 1.25rem;
    }
}



/* 検査概要 */
#no10 {
    width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#no10__container {
    max-width: var(--width);
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#no10__container > .pinkHeader {
    width: 100%;
    display: flex;
    justify-content: center;
    font-size: 3rem;
    margin-bottom: 3rem;
}

.no10__item__column {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 3rem;
}

.no10__item__column i {
    width: 120px;
    height: 120px;
    font-size: 3rem;
    color: #fff;
    padding: 4rem;
    color: var(--main-color);
    border: 1px solid var(--main-color);
    border-radius: 50%;
    margin-right: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.no10__item__row {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.no10__item__row > .pinkHeader {
    font-size: 1.5rem;
    width: 100%;
    padding: 1rem;
    background: linear-gradient(90deg, #d96494 0%, #d96494 80%, #fff);
}

#no10__bottom > div {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-gap: 4rem;
}

#no10__bottom div .card {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

#no10__bottom div .pinkHeader {
    height: 4rem;
}

#no10__bottom div .card img {
    object-fit: cover;
    border-radius: 50%;
    width: 300px;
    height: 300px;
    margin: 1rem;
}

#creditCard__title {
    margin-top: 2rem;
}

#no10__bottom div .card img#creditCard {
    width: 200px;
    height: 50px;
    border-radius: 0%;
}

#no10__bottom div .card h4 {
    font-size: 1.5rem;
}

#no10__bottom .pinkHeader {
    width: 100%;
    padding: 0.25rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

#no10__top__footer {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    color: #666;
    margin-bottom: 10rem;
}

#no10__top__footer__divide {
    width: 100%;
    height: 0.5rem;
    background: linear-gradient(90deg, #fff 0%, #d96494 20%, #d96494 80%, #fff);
}

#no10__footer b {
    margin-top: 2rem;
}

.no10__footer__bold {
    font-weight: bold;
    margin-top: 1rem;
    font-size: 1.125rem;
}

@media screen and (max-width: 980px) {
    .no10__item__column {
        flex-direction: column;
    }
    .no10__item__column i {
        margin: 1rem;
    }
    #no10__bottom > div {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-gap: 4rem;
    }

    #no10__container > .pinkHeader {
        font-size: 1.5rem;
    }
    
}



/* Doctor */
#no11 {
    position: relative;
    width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#no11__background {
    top: 25%;
    left: 0;
    position: absolute;
    height: 50%;
    width: 100%;
    background: linear-gradient(45deg, rgba(209, 84, 125, 0.5), rgba(251, 176, 59, 0.5));
    z-index: -1;
}

#no11__container {
    max-width: var(--width);
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}



#no11 {
    width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#no11__container {
    max-width: var(--width);
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


#no11 {
    width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#no11__container {
    max-width: var(--width);
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


#no11 {
    width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#no11__container {
    max-width: var(--width);
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}



/* FAQ */
#no12 {
    width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#no12__container {
    max-width: 960px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#no12__container .pinkHeader {
    display: flex;
    justify-content: center;
}

#no12__container .questions {
    margin-bottom: 2rem;
}

#no12__container .questions {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.question__container {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 3rem;
}

.no12__questions {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

#no12__container .no12__questions::before {
    content: "?";
    background: var(--main-color);
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    margin-right: 1rem;
    flex: 0 0 1.5rem; /* memo */
}


.question__container {
    cursor: pointer;
}

.no12__answer {
    display: none;
    margin-top: 0.5rem;
}

.no12__answer::before {
    content: "A";
    background: #35a0f5;;
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    margin-right: 1rem;
    flex: 0 0 1.5rem; /* memo */
}

.no12__answer.open {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

@media screen and (max-width: 980px) {
    #no12__container .pinkHeader {
        font-size: 1.25rem;
    }
}


/* お問い合わせ */
#no13 {
    position: relative;
    width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#no13__background {
    top: 25%;
    left: 0;
    position: absolute;
    height: 50%;
    width: 100%;
    background: linear-gradient(45deg, rgba(209, 84, 125, 0.5), rgba(251, 176, 59, 0.5));
    z-index: -1;
}

#no13__container {
    max-width: 960px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#no13 form {
    width: 100%;
    padding: 2rem;
    border: 4px solid var(--main-color);
    border-radius: 2rem;
    background: #fff;
}

#no13 form span:nth-child(1) {
    background: var(--main-color);
    color: #fff;
    padding: 0.125rem 0.5rem;
}

#no13 form span:nth-child(2) {
    font-weight: bold;
}

#no13 form input[type=text] {
    width: 100%;
    height: 2rem;
}

.form__row, .form__row__radio {
    margin-bottom: 1rem;
}

.form__row__radio p {
    font-weight: bold;
}

.form__row__radio ul {
    display: flex;
    padding: 0;
    margin: 0;
}

.form__row__radio ul li {
    list-style-type: none;
    margin-right: 1rem;
}

.form__row textarea {
    width: 100%;
}

.form__row__submit {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.form__row__submit button {
    width: 320px;
    border: 3px solid var(--main-color);
    border-radius: 2rem;
    color: var(--main-color);
    font-weight: bold;
    font-size: 1.25rem;
    padding: 0.5rem;
    background: none;
    cursor: pointer;
    transition: 0.25s all;
}

.form__row__submit button:hover {
    background: var(--main-color);
    color: #fff;
}



/* アクセス */
#no14 {
    width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#no14__container {
    max-width: 960px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#no14__top {
    width: 100%;
    height: 50%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 4rem;
}

#no14__top img {
    width: 50%;
    height: 100%;
    object-fit: cover;
}

#no14__top > div {
    width: 100%;
    height: 100%;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}

#no14__top > div > div {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

#no14__top > div > div > div {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#no14__top > div > div > div p:nth-child(2) {
    font-weight: bold;
}

#no14__bottom {
    width: 100%;
}

#no14__bottom iframe {
    width: 100%;
    max-width: 960px;
}

#no14 iframe {
    width: 100%;
}

@media screen and (max-width: 980px) {
    #no14 {
        height: auto;
    }
    #no14__top {
        flex-direction: column;
    }
    #no14__top img {
        width: 100%;
    }
}


footer {
    background: #35a0f5;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
}



footer #footer__contact {
    font-size: 1.5rem;
}

@media screen and (max-width: 980px) {
    footer #footer__contact {
        font-size: 1rem;
    }
}










/* hamburger menu */

:root {
    --hamburger-color: #fff;
}

/* Hamburder */
#hamburger {
    position: absolute;
    top: 0;
    right: 1rem;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
    /* visibility: hidden; */
    cursor: pointer;
}

#hamburger__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90%;
    height: 4px;
    background: var(--hamburger-color);
    /* visibility: hidden; */
    border-radius: 64px;
    transition: all 0.25s;
}

#hamburger__icon::before,
#hamburger__icon::after {
    position: absolute;
    content: '';
    width: 90%;
    height: inherit;
    background: var(--hamburger-color);
    transition: all 0.25s;
    border-radius: 64px;
}

#hamburger__icon::before {
    transform: translateY(-8px);
}

#hamburger__icon::after {
    transform: translateY(8px);
}

#hamburger__icon.enable {
    transform: translateX(-70px);
    background: transparent;
    box-shadow: none;
}

#hamburger__icon.enable::before,
#hamburger__icon.enable::after {
    opacity: 1;
    margin-top: 0;
    background: var(--hamburger-color);
}

#hamburger__icon.enable::before {
    transform: rotate(-45deg) translate(50px, 50px);
    visibility: visible;
}

#hamburger__icon.enable::after {
    transform: rotate(45deg) translate(50px, -50px);
    visibility: visible;
}



#hamburger {
    /* display: none; */
}

@media screen and (max-width: 980px) {
    #hamburger {
        display: flex;
    }
}

/**
 * by WEB DESIGN 84
 * 2021/03/09
 * start
 */

.p-acc__trigger {
  display: none;
}

.p-acc__title {
  cursor: pointer;
  display: block;
}

.p-acc__contents {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: margin .3s, max-height .3s, opacity .3s ease .1s;
}

.p-acc__trigger:checked ~ .p-acc__contents {
  margin-top: 2rem;
  max-height: 100%;
  opacity: 1;
}

#no7__container {
  margin: 0 auto;
}

/**
 * by WEB DESIGN 84
 * 2021/03/09
 * end
 */