@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/present/present-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%;
right:8%;
width:30vw;
height:auto;
}

.mame10 {
position: relative;
}
h2.mame10 {
position: relative;
z-index: 5;
letter-spacing: 0.6vw;
font-size:1.4vw;
}
.mame10::before{
position: absolute;
  content: '';
  display: inline-block;
  width: 20vw;
  height: 20vw;
  background-image: url('../assets/obstetrics/mame1.svg');
  background-size: contain;
  vertical-align: middle;
background-repeat: no-repeat;
z-index: -1;
top:-4vw;
left:5vw;
}


.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: #DFE5F4;
}
.midasi-ao{
padding:15px;
background: #677AA0;
color: #fff;
}
.midasi-aka{
padding:15px;
background: #98869D;
color: #fff;
}

.body-600{
max-width: 600px;
margin:0 auto;
}

.kumo-jyun{
position: relative;
}
.kumo-jyun::before{
  position: absolute;
  top: -3vw;
  right: -5vw;
  content: ' ';
  width: 16vw;
  height: 15vw;
    background-image: url(../assets/present/tkumo.svg);
  background-size: contain;
  vertical-align: middle;
background-repeat: no-repeat;
}
.kumo-jyun-txt{
font-size:16px;
position: absolute;
top:0.5vw;
right:-3.5vw;
font-size:1vw;
font-weight: 500;
color: #6F8260;
z-index: 2;
}

.kumo-jyun-txt2{
font-size:16px;
position: absolute;
top:0.5vw;
right:-3vw;
font-size:1vw;
font-weight: 500;
color: #6F8260;
z-index: 2;
}
/* slide */
.slider {
  margin: 0 auto 0;
  max-width: 500px;
  width: 100%;
}
.slick-img img {
  height: auto;
  width: 100%;
}
.slick-next {
right: 1%;
}
.slick-prev {
left: 1%;
z-index: 1;
}





/* ==============================
 window size - sp
============================== */
@media (max-width: 767px) {


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

.inna-kago {
    max-width: 95%;
    margin: 0 auto;
}
h2.mame10 {
    position: relative;
    z-index: 5;
    letter-spacing: 2vw;
    font-size: 6vw;
}
.sanka-eria .mame{
position: absolute;
top:40%;
right:16%;
width:70vw;
height:100%;
}

.cd-fixed-bg {
  height: 65vh; /* 全画面表示 */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-image: url('../assets/present/present-top_sp.jpg');
height:65vh;
width:100%;
position: fixed;
z-index: -1;
}
.kumo-jyun::before {
    position: absolute;
    top: -10vw;
    right: -12vw;
    content: ' ';
    width: 46vw;
    height: 26vw;
    background-image: url(../assets/present/tkumo.svg);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
}
.kumo-jyun-txt {
    font-size: 16px;
    position: absolute;
    top: 0.5vw;
    right: -7.5vw;
    font-size: 2.6vw;
    font-weight: 500;
    color: #677AA0;
    z-index: 2;
}
.kumo-jyun-txt2 {
    font-size: 16px;
    position: absolute;
    top: 0.5vw;
    right: -6vw;
    font-size: 3vw;
    font-weight: 500;
    z-index: 2;
}
.sanka-eria {
    height: 65vh;
    width: 100%;
    position: relative;
}
}