@charset "utf-8";
/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
from common.css
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
main {
	overflow-x: hidden;
}
article {
	overflow-x: hidden;
}
section {
	padding: 50px 0;
}


/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
HOME
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.ds-home-header {
	padding: 0;
	background: url("../img/home/header-background.svg") center top repeat;
	background-size: 701px 468px;
}

.ds-home-header .ds-inner {
	position: relative;
	height: calc(435px + 7vw);
	max-width: 1400px;
}

.ds-home-header-baby {
	position: absolute;
	bottom: -19%;
	left: 0;
	width: 65%;
	min-width: 281px;
	max-width: 744px;
}

.ds-home-header-baby-text {
	position: absolute;
	top: 0;
	left: 8%;
	font-size: 18px;
	letter-spacing: 0.1em;
	text-shadow: 0px 0px 3px #fff, 0px 0px 3px #fff, 0px 0px 3px #fff;
	transform: rotate(-45deg);
	transform-origin: left bottom;
}

.ds-home-header-heading {
	position: absolute;
	top: 17%;
	right: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	margin: auto;
	text-align: center;
}

.ds-home-header-copy {
	position: absolute;
	top: 17%;
	right: 5%;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 0.2em;
	text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, 0px 1px 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff, 1px 0 0 #fff;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}

.ds-home-message {
	position: relative;
	margin-top: -7vw;
	padding: calc(30px + 7vw) 0 calc(30px + 9vw);
	background: url("../img/home/message-background.svg") center top no-repeat, linear-gradient(rgba(214, 21, 24, 0) 7vw, #d61518 7vw);
	background-size: 100% auto;
	color: #fff;
}

.ds-home-contents {
	position: relative;
}

.ds-home-contents::before {
	position: absolute;
	right: 0;
	bottom: calc(100% - 1px);
	left: 0;
	height: 8.5vw;
	background: url("../img/home/contents-background.svg") center bottom no-repeat;
	background-size: 100% auto;
	content: "";
}

.ds-home-contents-circle02 {
	display: block;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: #d61518;
}

.ds-home-contents-text {
	display: table;
	position: relative;
	margin: 0 auto 30px;
}

.ds-home-contents .swiper-wrapper {
	height: auto;
}

.ds-home-contents .swiper-slide {
	width: 270px;
	margin: 0 40px;
	overflow: hidden;
}

.ds-home-contents .swiper-slide a {
	display: block;
	overflow: hidden;
	opacity: 0.4;
}

.ds-home-contents .swiper-slide a::after {
	position: absolute;
	opacity: 0;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 18px;
	height: 20px;
	margin: auto;
	background: url("../img/common/play.png") center center no-repeat;
	background-size: contain;
	content: "";
}

.ds-home-contents .swiper-slide a:hover {
	opacity: 1;
}

.ds-home-contents .swiper-slide a:hover::after {
	opacity: 1;
	transform: scale(1.2);
}

.ds-home-contents .swiper-slide img {
	border-radius: 20px;
	transition: 0.4s ease-in-out;
}

.ds-home-contents .swiper-slide a:hover img {
	border-radius: 0;
	transform: scale(1.1);
}

.ds-home-contents .swiper-slide-active a {
	opacity: 1;
}

.ds-home-contents .swiper-slide-active a::after {
	opacity: 1;
}

.ds-home-contents .swiper-button-prev,
.ds-home-contents .swiper-button-next {
	top: 0;
	bottom: 0;
	width: 16px;
	height: auto;
	margin: auto;
	transition: 0.3s ease-in-out;
}

.ds-home-contents .swiper-button-prev {
	right: auto;
	left: 5px;
	transform: scale(-1, -1);
}

.ds-home-contents .swiper-button-next {
	right: 5px;
	left: auto;
}

.ds-home-contents .swiper-button-prev:hover {
	transform: scale(-1, 1);
}

.ds-home-contents .swiper-button-next:hover {
	transform: scale(1, -1);
}

.ds-home-about {
	padding: calc(30px + 8.5vw) 0 calc(30px + 6vw);
	background: url("../img/home/s/about-background.svg") center top no-repeat, linear-gradient(rgba(70, 139, 194, 0) 8.5vw, #468bc2 8.5vw);
	background-size: 100% auto;
	color: #fff;
}

.ds-home-twitter {
	position: relative;
	color: #468bc2;
}

.ds-home-twitter::before {
	position: absolute;
	right: 0;
	bottom: calc(100% - 1px);
	left: 0;
	height: 6.9vw;
	background: url("../img/home/twitter-background.svg") center bottom no-repeat;
	background-size: 100% auto;
	content: "";
}

.ds-home-twitter .ds-button-white {
	margin-bottom: 40px;
}

.ds-home-twitter .ds-button-white:hover {
	opacity: 0.7;
	background: inherit;
	color: inherit;
}

.ds-home-twitter-question {
	padding: 20px;
	background: #dcf0fa;
}

.ds-home-twitter-question-heading {
	margin-bottom: 1.5em;
	font-size: 15px;
	text-align: center;
}

.ds-home-twitter-question-li {
	display: flex;
	padding: 20px 7%;
	background: #fff;
	color: #040000;
	justify-content: center;
}

.ds-home-twitter-question-li:nth-last-child(n+2) {
	margin-bottom: 16px;
}

.ds-home-twitter-question-li:nth-child(2n+1) {
	margin-left: 10%;
	border-radius: 10px 10px 0 10px;
}

.ds-home-twitter-question-li:nth-child(2n) {
	margin-right: 10%;
	border-radius: 10px 10px 10px 0;
}

.ds-home-event {
	position: relative;
	margin-top: 3.6vw;
	background: #efefef;
	color: #468bc2;
}

.ds-home-event::before,
.ds-home-event::after {
	position: absolute;
	right: 0;
	left: 0;
	height: 3.6vw;
	background: url("../img/home/event-background.svg") center bottom no-repeat;
	background-size: 100% auto;
	content: "";
}

.ds-home-event::before {
	bottom: calc(100% - 1px);
}

.ds-home-event::after {
	top: calc(100% - 1px);
	transform: scale(-1, -1);
}

.ds-home-event .ds-inner {
	position: relative;
}

.ds-home-event-shape01 {
	position: absolute;
	top: 80px;
	left: 18%;
}

.ds-home-event-circle {
	position: absolute;
	top: 80px;
	right: 13%;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background: #d61518;
}

.ds-home-event-shape02 {
	position: absolute;
	right: 80px;
	bottom: -140px;
	z-index: 1;
}

.ds-home-event .ds-section-heading {
	display: table;
	margin: 0 auto 30px;
}

.ds-home-event-li a {
	display: block;
}

.ds-home-event-li a:hover {
	opacity: 1;
}

.ds-home-event-li-time {
	font-weight: 500;
	font-size: 32px;
	font-family: "Barlow Condensed", "Helvetica Neue", Arial, Roboto, sans-serif;
	letter-spacing: 0.1em;
}

.ds-home-event-li-image {
	overflow: hidden;
	margin-bottom: 1em;
}

.ds-home-event-li-image img {
	border-radius: 60px;
	transition: 0.4s ease-in-out;
}

.ds-home-event-li a:hover img {
	border-radius: 0;
	transform: scale(1.1);
}

.ds-home-event-li-heading {
	margin-bottom: 0.3em;
	font-size: 15px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.ds-home-event-li-detail {
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.ds-home-event-li .ds-button-arrow {
	max-width: 153px;
	min-height: 30px;
	margin-top: 1.5em;
}

.ds-home-event .ds-button-blue {
	margin-top: 1.4em;
}

.ds-home-midwife {
	padding-bottom: 20px;
}

.ds-home-midwife .ds-section-description {
	max-width: 720px;
	margin: auto;
	color: #468bc2;
}

@media (min-width: 390px) {
.ds-home-contents .swiper-button-prev {
	left: calc(50% - 180px);
}

.ds-home-contents .swiper-button-next {
	right: calc(50% - 180px);
}
}

@media (min-width: 568px) {
.ds-home-header-copy {
	font-size: 2.9vw;
}
}

@media (min-width: 768px) {
.ds-home-header {
	background-size: 1401px 935px;
}

.ds-home-header .ds-inner {
	height: calc(800px + 7vw);
}

.ds-home-header-baby-text {
	font-size: 40px;
}

.ds-home-header-heading {
	top: 32%;
	max-width: 40%;
}

.ds-home-header-copy {
	top: 19%;
	right: 17%;
	font-size: 34px;
}

.ds-home-message {
	padding-bottom: calc(30px + 11vw);
}

.ds-home-message .ds-inner {
	max-width: 670px;
}

.ds-home-message .ds-section-description {
	font-size: 18px;
	letter-spacing: 0.2em;
}

.ds-home-contents {
	padding-top: 15px;
}

.ds-home-contents .ds-inner {
	position: relative;
}

.ds-home-contents-circle01 {
	position: absolute;
	top: 140px;
	left: -120px;
	width: 51px;
	height: 51px;
	border-radius: 50%;
	background: #d61518;
}

.ds-home-contents-circle02 {
	position: absolute;
	top: -35px;
	right: 60px;
	width: 51px;
	height: 51px;
}

.ds-home-contents-shape {
	margin-top: 20px;
}

.ds-home-contents-text {
	max-width: 500px;
	margin-bottom: 60px;
}

.ds-home-contents .swiper-slide {
	width: 39%;
	margin: 0 7%;
}

.ds-home-contents .swiper-slide a::after {
	width: 35px;
	height: 40px;
}

.ds-home-contents .swiper-slide img {
	width: 100%;
}

.ds-home-contents .swiper-button-prev {
	left: 22%;
	width: 4.2%;
}

.ds-home-contents .swiper-button-next {
	right: 22%;
	width: 4.2%;
}

.ds-home-contents .ds-button-red {
	margin-top: 70px;
}

.ds-home-about {
	padding: calc(50px + 8.5vw) 0 calc(50px + 6.5vw);
	background: url("../img/home/about-background.svg") center top no-repeat, linear-gradient(rgba(70, 139, 194, 0) 8.5vw, #468bc2 8.5vw);
	background-size: 100% auto;
}

.ds-home-about .ds-inner {
	position: relative;
	max-width: 830px;
}

.ds-home-about-shape {
	position: absolute;
	top: 0;
	right: 20px;
}

.ds-home-twitter .ds-button-white {
	margin-bottom: 70px;
}

.ds-home-twitter-container {
	display: flex;
	justify-content: space-between;
}

.ds-home-twitter-screenshot {
	width: 48%;
	margin-right: 4%;
	align-self: flex-start
}

.ds-home-twitter-question {
	width: 48%;
	min-width: 360px;
	padding: 40px 2%;
}

.ds-home-twitter-question-heading {
	font-size: 30px;
}

.ds-home-twitter-question-li {
	padding: 34px 20px;
	font-size: 20px;
}

.ds-home-twitter-question-li:nth-last-child(n+2) {
	margin-bottom: 40px;
}

.ds-home-twitter-question-li:nth-child(2n+1) {
	margin-left: 17%;
}

.ds-home-twitter-question-li:nth-child(2n) {
	margin-right: 17%;
}

.ds-home-event {
	margin: calc(20px + 3.6vw) 0 calc(40px + 3.6vw);
	padding-bottom: 100px;
}

.ds-home-event-circle {
	top: 110px;
	right: 10px;
}

.ds-home-event .ds-section-heading {
	margin: 0 100px 40px auto;
}

.ds-home-event-ul {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
}

.ds-home-event-li {
	width: 30%;
}

.ds-home-event-li-time {
	font-size: 40px;
}

.ds-home-event-li-heading {
	height: 54px;
	font-size: 18px;
}

.ds-home-event-li-detail {
	height: 56px;
}

.ds-home-event-li .ds-button-arrow {
	max-width: 205px;
	min-height: 40px;
}
}

@media (min-width: 1112px) {
.ds-home-contents .swiper-button-prev {
	width: 46px;
}

.ds-home-contents .swiper-button-next {
	width: 46px;
}

.ds-home-midwife {
	padding-bottom: 100px;
}

.ds-home-midwife .ds-inner {
	position: relative;
}

.ds-home-midwife .ds-section-description {
	max-width: 60%;
}

.ds-home-midwife-what {
	position: absolute;
	right: 20px;
	bottom: -100px;
}
}

@media (max-width: 1111.9px) {
.ds-home-midwife-what {
	display: block;
	margin: 30px auto 0;
}
}

@media (max-width: 767.9px) {
.ds-home-header-heading-logo {
	width: 183px;
}

.ds-home-message .ds-section-heading-english {
	width: 225px;
	height: 59px;
}

.ds-home-contents-circle02 {
	margin: 30px auto 0;
}

.ds-home-contents-shape {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	width: 30px;
	height: 30px;
	margin: auto;
}

.ds-home-contents .ds-section-heading-english {
	width: 243px;
	height: 49px;
}

.ds-home-about-shape {
	display: none;
}

.ds-home-about .ds-section-heading-english {
	width: 151px;
	height: 49px;
}

.ds-home-twitter .ds-section-heading-english {
	width: 246px;
	height: 54px;
}

.ds-home-twitter-screenshot {
	display: block;
	margin: 0 auto 30px;
}

.ds-home-twitter-question-ul {
	max-width: 320px;
	margin: auto;
}

.ds-home-event-shape01 {
	top: -30px;
	left: 10%;
	width: 36px;
	height: 36px;
}

.ds-home-event-shape02 {
	right: 9%;
	bottom: -65px;
	width: 38px;
	height: 38px;
}

.ds-home-event .ds-section-heading-english {
	width: 142px;
	height: 45px;
}

.ds-home-event-li:nth-last-child(n+3) {
	margin-bottom: 40px;
}

.ds-home-event-li-image img {
	width: 100%;
}

.ds-home-event .ds-button-blue {
	max-width: 153px;
	min-height: 34px;
	font-size: 12px;
}

.ds-home-midwife .ds-section-heading {
	margin-bottom: 10px;
}

.ds-home-midwife .ds-section-heading-english {
	width: 273px;
}

.ds-home-midwife-what {
	width: 120px;
	height: 201px;
}
}
