@charset "utf-8";
/* CSS Document */

#wrapper {
	width: 1092px;
	padding: 0 0 100px 0;
}

#wrapper h2 {
	padding-top: 87px;
}

#classes_list .module {
	margin-top: 70px;
	text-align: center;
}

#classes_list .module p {
	width: 780px;
	margin: 15px auto;
	text-align: left;
}

#classes_list .module h3 {
	width: 780px;
	background-color: #fec6c5;
	color: #ffffff;
	margin: 15px auto;
	padding: 5px 15px;
	text-align: left;
}

.module ul {
	width: 780px;
	margin: 15px auto;
	text-align: left;
}

.module li {
	list-style: square;
	margin-left: 10px;
}

/* 動画 */
.movie {
	width: 780px;
	gap: 5px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}

.movie .video {
	width: 250px;
	height: 250px;
	background-color: #999;
}

.video_comme{
	width: 780px;
	display: flex;
	margin-top: 30px;
	background-color: antiquewhite;
}
.video_comme_text{
	padding: 0 20px;
	font-size: 14px;
	line-height: 1.6em;
	color: #555;
}
.pickup{
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	color: #555;
	padding: 5px 20px;
	margin-bottom: 10px;
	border: #333 1px dotted;
	border-radius: 50px;
}



/* スワイパー */
.swiper {
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px 0;
}


.swiper-slide img {
	height: auto;
	width: 250px;
	padding: 0 5px;
}

/* スライドの動き等速 */
.swiper-wrapper {
	transition-timing-function: linear;
}



/* classes_list
------------------------------*/
.cl_bg {
	background: url(../img/bg.jpg) no-repeat center 0;
	background-size: 1092px auto;
}



/* taiwa
------------------------------*/
.taiwa_bg {
	background: url(../img/bg_taiwa.jpg) no-repeat center 0;
	background-size: 1092px auto;
}

/* papamama
------------------------------*/
.pm_bg {
	background: url(../img/bg_papamama.jpg) no-repeat center 0;
	background-size: 1092px auto;
}

.module_img {
	width: 780px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	gap: 10px;
}

.module_img_size {
	height: 208px;
}


/* baby_massage
------------------------------*/
.babyma_bg {
	background: url(../img/bg_babyma.jpg) no-repeat center 0;
	background-size: 1092px auto;
}

    /* 手紙ライダ― */
    .slid_wrap {
        width: 780px;
		margin: 0 auto;
        padding: 10px;
        background-color: antiquewhite;
    }

    .slid_wrap p {
        width: 540px;
        margin-top: 0;
        font-size: 12px;
        color: #444;
        line-height: 1.6em;
        text-align: justify;
    }
    .slid_wrap p span{
        font-size: 14px;
        line-height: 2.5em;
    }
    .slid_wrap_cont{
        padding: 10px;
        display: flex;
        column-gap : 10px;
		border: #fff 1px dotted;
    }

    .slider {
        width: 200px;
		height: 200px;
		margin-top: 25px;
        display: flex;
        overflow-x: auto;
		overflow-y:hidden;
        border: 3px solid #ccc;
    }

    .slide {
        width: 150px;
    }

/*助産師紹介  */
.midwives_bg {
	background: url(../img/bg_midwives.jpg) no-repeat center 0;
	background-size: 1092px auto;
}

.profile img {
	width: 250px;
	margin: 30px auto;
	border-radius: 50%;
}

.profile dl {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 90%;
	margin: 0 auto;
	text-align: left;
}

.profile dt {
	width: 20%;
	padding: 10px 0 10px 10px;
	margin-bottom: 2px;
	background-color: #fec6c5;
	color: #ffffff;
}

.profile dd {
	width: 60%;
	padding: 10px 0 10px 10px;
	background-color: #fff0f0;
	margin-bottom: 2px;
}

.listStyle li {
	list-style: none;
}

/* midwives.html - profile */
#classes_list .profile_container {
	margin-top: 70px;
	text-align: center;
}

#classes_list .profile_container p {
	margin: 15px auto;
	text-align: left;
}

#classes_list .profile_container h3 {
	background-color: #fec6c5;
	color: #ffffff;
	margin: 15px auto;
	padding: 5px 15px;
	text-align: left;
}

.profile_container ul {
	margin: 15px auto;
	text-align: left;
	font-size: 14px;
}

.profile_container li {
	list-style: none;
	margin-left: 10px;
}