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

/* Body */
header,
article,
nav{
display:block;
}
body {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	background-color: #fff;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-style: normal;
	font-weight: 200;
	position: relative;
}

input::placeholder {
  color: #eee;
}

/* Navigation */
#movacalNurse nav.navbar{
	/*float: right;*/
	width: 100%;
	heigt: 100%;
	background-color: none;
}
#movacalNurse nav.navbar a,
#movacalNurse nav.navbar:hover a{
	font-size: 1rem;
	color: #666;
	text-decoration: none;
}
#movacalNurse .navbar-brand {
  height: auto;
  margin: 0;
  padding: 0;
  margin-right: 20px;
  margin-left:60px;
  font-size: 1rem;
}
#header{
	position: relative;
	background-image: url("../images/header.jpg");
	/*height: 100%;*/
	width: 100%;
	background-position: center 35%;
	background-size: cover;
	min-height: 720px;
}
#logo {
	margin-top: 0rem;
	margin-left: 0;
}
#header .header-sTitle{
	font-size: 0.8rem;
	font-weight: 800;
	color: #666;
	margin-bottom: 4rem;
}
#header .header-lead{
	width: 52%;
	margin-bottom: 3rem;
	display: flex;
	flex-direction: column;
	align-items: center;
}
#header .header-lead p {
	text-align: center;
	padding: 0rem;
	margin-top: 1rem;
	font-size: 1.75rem;
	letter-spacing: 0.1rem;
	display:block;
	align-self: flex-start;
}
#header .header-lead p.header-lead1{width: 17rem;}
#header .header-lead p.header-lead2{width: 16rem;
}
#header .header-lead p.header-lead1 span,
#header .header-lead p.header-lead2 span{
	font-size: 1rem;}
#header .header-lead p.header-lead3{
	width: 24.5rem;
	font-size: 1.5rem;
	font-weight: 600;}
#header .header-lead p.header-lead3 span{
	font-size: 1.25rem;
	font-weight: normal;
}
#header .header-lead .det-box {
	font-size: 1.2rem;
	background-color: rgba(236, 232, 216, 0.5);
	width: 100%;
	padding: 2rem;
	box-shadow: 0 0.25rem 0.7rem rgba(0, 0, 0, 0.2);
	box-sizing: border-box;
	backdrop-filter: blur(8px);
}
#header .header-lead .det-box ul {
	padding: 0;
	padding-bottom: 1rem;
	margin: 0;
	list-style-type: none;
}
#header .header-lead .det-box ul li {
	font-size: 1.2rem;
	margin-bottom: 0.75rem;
}
#header .header-lead .det-box ul li i.fas {
	width: 1.75rem;
}
#header .header-lead .det-box ul li small {
	color: #8f8f8f;
}
#header .header-lead .det-btn {
	width: 100%;
	padding-top: 2rem;
	display: flex;
	justify-content: space-evenly;
}
#header .header-lead .det-btn a.btn {
	background-color: rgb(239, 127, 179);
	font-size: 1.2rem;
	border-color: rgb(239, 127, 179);
	box-shadow:
		0 0.2rem rgb(238, 109, 169),
		0 0 0 0rem rgba(239, 127, 179, 0.5),
		0 0rem 0rem rgba(0, 0, 0, 0.1) inset;
	transition: box-shadow 64ms ease-out, transform 64ms ease-out;
}
#header .header-lead .det-btn a.btn:focus {
	box-shadow:
		0 0rem rgb(238, 109, 169),
		0 0 0 0.2rem rgba(239, 127, 179, 0.5),
		0 0.1rem 0.3rem rgba(0, 0, 0, 0.1) inset;
	transform: translateY(0.2rem);
}
#header p.pop{
	position: absolute;
	padding: 3px;
	margin-top: -2rem;
	margin-bottom: -3rem;
	margin-left: 17rem;
	height: 80px;
	line-height: 80px;
	border-radius: 50%;
	border: 2px solid #ef7fb3;
	text-align: center;
	color: #ef7fb3;
	/*letter-spacing: 0.2em;*/
	font-size: 0.75rem;
	background-color: #fff;
}
#header p.pop::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -2px;
  bottom: -4px;
  border-right: 18px solid #ef7fb3;
  border-top: 9px solid transparent;
  border-bottom: 10px solid transparent;
  transform: rotate(-45deg);
}
#header p.pop::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 0px;
  bottom: -2px;
  border-right: 18px solid #fff;
  border-top: 9px solid transparent;
  border-bottom: 10px solid transparent;
  transform: rotate(-45deg);
}
/* Title */
#movacalNurse h2{
	font-size: 3rem;
	margin-top: 10rem;
	text-align: center;
	margin-bottom: 5rem;
}
#movacalNurse h2.ttl-mvn{
	color: #ef7fb3;
	font-weight: 600;
}

#movacalNurse h3 {
	font-size: 2.5rem;
	font-weight: 400;
  position: relative;
  padding: 1.5rem;
  text-align: center;
	margin-top: 5rem;
	margin-bottom: 5rem;
}
#movacalNurse h3:before {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 40px);
  width: 80px;
  height: 8px;
  content: '';
  border-radius: 3px;
  background: #ef7fb3;
}

#movacalNurse h4{
	font-size: 1.75rem;
	font-weight: 500;
	margin-top: 1rem;
	margin-bottom: 1rem;
}
#movacalNurse h4.phone{
	border: 2px solid #ef7fb3;
	border-radius: 3rem;
	padding: .75rem;
	background-color: white;
	display: block;
	width: 24rem;
	text-align: center;
	margin: 2rem auto;
}

#movacalNurse p.feature-num{
	font-size: 4rem;
	font-weight: 1000;
	margin-left: 0.75rem;
	margin-right: 0.75rem;
}
#movacalNurse p.feature-txt{
	font-size: 2rem;
	font-weight: 8000;
	padding-top: -5rem;
}
#movacalNurse h5{
	font-size: 4rem;
	font-weight: 1000;
}

/* Layout */
#movacalNurse .card{
	border: 5px solid #ef7fb3;
	margin-bottom: 3rem;
}
#movacalNurse .card.rececon{
	margin-bottom: 4rem;
}
#movacalNurse .card-header{
	background-color: #ef7fb3;
	border-radius: 0;
}
#movacalNurse .card-body{
	padding-left: 1.75rem;
	padding-right: 1.75rem;
}
#movacalNurse .card-text{
	font-size: 1.25rem;
	margin-top: 2rem;
}
#movacalNurse .Renkei .Renkei-caption{
	background-color: #b3920f;
	color: #fff;
	font-size: 1.2rem;
	font-weight: 800;
	padding: 0.1rem 0.7em;
	margin: 0.5rem auto 0.75rem 0;
	border-radius: 1em;
}
#movacalNurse .Renkei-title{
	font-size: 1.2rem;
	font-weight: 800;
	padding: 0.5rem;
}
.Renkei-img{
	position: relative;
	height: 500px;
}
.Renkei-img-in{
	position: absolute;
	bottom: 0;
	left: auto;
	right: auto;
}
#movacalNurse .divider{
	margin-top:8rem;
}
#movacalNurse .jumbotron{
	border-radius: 0;
	margin-bottom: 0;
	padding: 0;
}
#movacalNurse .bg-pink{
	background-color: #e4cde4;
}
#movacalNurse .bg-pink2{
	background-color: #ede4ed;
}
#movacalNurse .bg-pink3{
	background-color: #ef7fb3;
}
#movacalNurse .divider-info{
	position: relative;
	background-color: #fff;
	background-image: url("../images/bg-Info.jpg");
	background-attachment: fixed;
	background-position: center 0%;
	background-size: cover;
	height: 100%;
}
#movacalNurse .info-txt{
	font-size: 1.5rem;
	margin-bottom: 5rem;
}
/* Table */
.ttl-chart{}
.table-chart{
	width: 100%;
}
.table-chart tbody{
	border-bottom: 1px solid #ece8d8;
}
.table-chart tbody tr:nth-of-type(odd) {
    background-color: #ece8d8}
.table-chart th,
.table-chart td{
  padding: 1em;
  /*border-right: 1px solid #bbb;*/
}
.table-chart th {
	/*background-color: #ece8d8;*/
	width: 2rem;
}
.table-chart td{
	border-right: 1px solid #bbb;
}
.table-chart td:last-child {
	border-right: none;
}
/* 「特徴」ボタン */
.btn-group-feature > div{
	
}
.btn-to-feature a{
	width: 100%;
	text-decoration: none;
	padding: 1.75rem 1rem;
	margin-right: .75rem;
	text-align: center;
	color: #565656;
	background-color: #ece8d8;
	/*border-radius: 0.5rem;*/
	font-size: 1.5rem;
	font-weight: 400;
	/*display: inline-flex;*/
	display: inline-block;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	position: relative;
}
.btn-to-feature a:last-child{
	margin-right: none;
}
.btn-to-feature a:before {
	font-size: 1rem;
	position: absolute;
	border-radius: 10px 10px 0 0;
	top: -24px;
	left: 0px;
	height: 24px;
	padding: 0 1em 0.75rem 1rem;
	color: #fff;
	background: #ef7fb3;
}

.change1 a:before{content: 'Change 1'}
.change2 a:before{content: 'Change 2'}
.change3 a:before{content: 'Change 3'}
.change4 a:before{content: 'Change 4'}

.t-change span:before {
	font-size: 1rem;
	position: absolute;
	border-radius: 10px 10px 10px 10px;
	top: -24px;
	left: calc(10%+100px);
	padding: 0.2rem 0.75rem;
	color: #fff;
	background: #ef7fb3;

}

.t-change {
	padding-top:0.5rem;
}

.t-change1 span:before{content: 'Change 1'}
.t-change2 span:before{content: 'Change 2'}
.t-change3 span:before{content: 'Change 3'}
.t-change4 span:before{content: 'Change 4'}





.feature1 a:before{content: 'Feature 1'}
.feature2 a:before{content: 'Feature 2'}
.feature3 a:before{content: 'Feature 3'}
.feature4 a:before{content: 'Feature 4'}
.btn-to-feature a::after {
	border-bottom: solid 5px #ef7fb3;
	bottom: 0;
	content: "";
	display: block;
	position: absolute;
	left: 0;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	width: 0;
}

.t-feature span:before {
	font-size: 1rem;
	position: absolute;
	border-radius: 10px 10px 10px 10px;
	top: -24px;
	left: calc(10%+100px);
	padding: 0.2rem 0.75rem;
	color: #fff;
	background: #ef7fb3;
}

.t-feature {
	padding-top:0.5rem;
}

.t-feature1 span:before{content: 'Feature 1'}
.t-feature2 span:before{content: 'Feature 2'}
.t-feature3 span:before{content: 'Feature 3'}
.t-feature4 span:before{content: 'Feature 4'}


.change-detail{
	margin-bottom:4rem;
}




.btn-to-feature a:hover::after {
	width: 100%;
}

/* 「お試しする」ボタン */
#movacalNurse .ApplicationBtn {
	font-size: 2rem;
	font-weight:800;
	padding: 1.75rem 3.25rem;
	color: #6182c1;
	border: 5px solid #6182c1;
	border-radius: 0.5rem;
	background-color: rgba(224, 231, 243, 0.9);
    -webkit-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
	cursor:pointer;
}
#movacalNurse .ApplicationBtn:hover {
	color: #fff;
	background-color: #6182c1;
	/*opacity:0.6*/
}

/*トップへ戻るボタン*/
#movacalNurse .topBtn {
  position:fixed;
  bottom:120px;
  right:20px;
  display:block;
  background-color: #ef7fb3;
  color:#fff;
  text-decoration:none;
  font-weight:bold;
  font-size: 2rem;
  width:60px;
  height:60px;
  text-align:center;
  line-height:16px;
  border-radius:30px;
  padding-top:13px;
  box-sizing:border-box;
}
#movacalNurse .topBtn:hover {
	opacity:0.7;
	text-decoration: none;
}

/*/////// Animation ///////*/
.fadein {
    opacity : 0;
    transform : translate(0, 50px);
    transition:all 0.8s;
}
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}


/*/////// Container ///////*/
.container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}
/* Footer */
footer {
	display: inline-block;
	background-color: #666;
	padding: 1rem 0.5rem;
	width: 100%;
	margin: auto;
	font-size: 0.9rem;
}
footer .footer-brand{
	float: left;
}
footer ul {
	margin-left: auto;
	margin-right: 0.5em;
	margin-bottom: 0;
	position: relative;
	float: right;
}
footer ul li {
	padding-right: 1rem;
	display: inline;
}

/*251022 footer差替*/
footer a{
	color: inherit;
}
footer a:hover{
	color: inherit;
	text-decoration: none;
}

.copyright{
	text-align: center;
	padding: 0;
	margin-bottom: 0;
	font-size: 1rem;
	font-weight: lighter;
	letter-spacing: 1px;
	border-top-width: 2px;
	color: #eee;
}


/*251022 footer差替*/
.l-footer {
  text-align: center;
  padding: 30px 0;
  background: #fff;
}
.l-default-container {
  position: relative;
  max-width: 1024px;
  margin-inline: auto;
}
.l-footer__copy-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.l-footer__privacy ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  font-size: 13px;
  font-weight: 400;
}
.l-footer__privacy ul li:nth-child(1) {
  padding-right: 1em;
  border-right: 1px solid #333;
}
.l-footer__privacy ul li:nth-child(2) {
  padding-left: 1em;
  padding-right: 1em;
  border-right: 1px solid #333;
}
.l-footer__privacy ul li:nth-child(3) {
  padding-left: 1em;
}
.l-footer__privacy p {
  font-size: 11px;
}


/* フォーム */
#HeaderForm{
	hight: 1rem;
}
#HeaderForm #logoForm img{
	max-hight: 0.3rem;
	background-color: #fff;
}
#HeaderForm nav.navbar{
	padding: 0 .5rem;
}
#HeaderForm nav.navbar a,
#HeaderForm nav.navbar:hover a{
	font-size: 1rem;
	color: #666;
	text-decoration: none;
}
#HeaderForm .navbar-brand {
  height: auto;
  margin: 0;
  padding: 0;
  margin-right: 20px;
  margin-left:60px;
  font-size: 0.8rem;
}
#movacalNurse .sp-tb{
	padding-top: 3rem;
	background-color: #e4cde4;
}
#movacalNurse .divider-inquiry{
}

ul.info_share_list li{
	font-size: 1.2rem;
	color:#e43287;
	text-decoration:underline;
}

.text-nurse {
	color: rgb(239, 127, 179);
}

.text-large {
	font-size: 1.75rem;
}

@media screen and (max-width: 959px) {
    /* 959px以下に適用されるCSS（タブレット用） */
		#header .header-lead {
			width: 60%;
		}
}
@media screen and (max-width: 768px) {
	/* 768px以下に適用されるCSS（タブレット用） */
	#header .header-lead .det-btn {
		flex-direction: column;
	}
	#header .header-lead .det-btn a.btn {
		width: 100%;
		margin-bottom: 0.5rem;
	}
	#header .header-lead .det-btn a.btn:last-child {
		margin-bottom: 0;
	}
}
@media screen and (max-width: 480px) {
    /* 480px以下に適用されるCSS（スマホ用） */
	/* Navigation */
	#movacalNurse nav.navbar a,
	#movacalNurse nav.navbar:hover a{
		font-size: 0.75rem;
	}
	#movacalNurse .navbar-brand {
		margin-right: auto;
		margin-left: 0;
	}
	#header{
		position: relative;
		background-image: url("../images/header.jpg");
		height: 100%;
		width: 100%;
		background-position: 55% 70%;
		background-size: cover;
	}
	#logo {
		width: 80%;
		margin-top: 3rem;
	}
	#header .header-sTitle{
		font-size: 1rem;
		margin-bottom: 6rem;
	}
	#header .header-lead{
		width: 70%;
		margin-bottom: 3rem;
	}
	#header .header-lead p{
		padding: 0.5rem 1rem;
		margin-top:0.25rem;
		font-family: "Noto Serif JP";
		font-size: 0.8rem;
		letter-spacing: 0.1rem;
	}
	#header .header-lead p.header-lead1{	width: 17rem;}
	#header .header-lead p.header-lead2{
		width: 13rem;
		margin-top: 0.75rem;
		margin-bottom: 0.75rem;
	}
	#header .header-lead p.header-lead1 span,
	#header .header-lead p.header-lead2 span{
		font-size: 0.75rem;}
	#header .header-lead p.header-lead3{
		width: 17.5rem;
		font-size: 1rem;
		font-weight: 600;}
	#header .header-lead p.header-lead3 span{
		font-size: 0.75rem;
	}
	/* Title */
	#movacalNurse h2{
		font-size: 2.75rem;
		margin-top: 5rem;
		text-align: center;
		margin-bottom: 5rem;
	}
	#movacalNurse p.feature-num{
		font-size: 3rem;
		font-weight: 1000;
		margin-right: 0.75rem;
	}
	#movacalNurse p.feature-txt{
		font-size: 1.25rem;
		font-weight: 8000;
		margin-top: -5rem;
	}

	/* Layout */
	#movacalNurse .card-body{
		padding-left: 1rem;
		padding-right: 1rem;
	}
	#movacalNurse .card-text{
		font-size: 1rem;
		margin-top: 1rem;
		line-height: 1.75rem;
	}
	#movacalNurse .Renkei .Renkei-caption{
		font-size: 1rem;
		font-weight: 800;
		padding: 0.3rem 0.5rem;
		margin: 0.5rem auto 0.75rem 0;
	}
	#movacalNurse .Renkei .Renkei-caption-w{
		line-height: 3.5rem;
  		text-align: center;
	}
	#movacalNurse .Renkei-title{
		font-size: 1rem;
		font-weight: 800;
		padding: 0.5rem;
	}
	.Renkei-img{
		height: 100%;
	}
	.Renkei-img-in{
		position: static;
	}
	#movacalNurse .divider{
		margin-top: 4rem;
	}
	#movacalNurse .info-txt{
	font-size: 1rem;
	margin-bottom: 5rem;
	text-align: left;
	}
	
	/* Table */
	.table-chart {
		width: 100%;
	}
	.table-chart th,
	.table-chart td {
		border-bottom: none;
		/*display: block;*/
		padding: .25rem;
	}
	/* 「特徴」ボタン */
	.btn-to-feature a{
		padding: 1.75rem;
		font-size: 1.25rem;
		margin-bottom: 1rem;
	}
	
	/* 「お試しする」ボタン */
	#movacalNurse .ApplicationBtn {
		font-size: 1.25rem;
		font-weight: 800;
		padding: 1.5rem 3.25rem;
	}
	
	/*トップへ戻るボタン*/
	#movacalNurse .topBtn {
		bottom: 180px;
		opacity: 0.3;
	}
	#movacalNurse .topBtn:hover {
		opacity: none;
		text-decoration: none;
	}

	/*/////// Container ///////*/
	.container {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		background-color: #FFFFFF;
	}
	/* Footer */
	footer .footer-brand{
	float: none;
	}
	footer ul {
		margin: 1rem auto 0 auto;
		padding-left: 0;
		float: none;
	}
	footer ul li {
		padding-top: 0.5rem;
		padding-right: 0;
		display: block
	}
	.copyright{
		font-size: 0.75rem;
	}

	/*251022 footer差替*/
	.l-footer__copy-flex {
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	}
	.l-footer__logo {
		text-align: center;
		margin: 0 auto;
	}
	.l-footer__privacy {
		width: 100%;
	}
	.l-footer__privacy ul {
		-webkit-box-pack: center;
			-ms-flex-pack: center;
				justify-content: center;
		margin: 30px auto;
	}


	/* フォーム */
	#HeaderForm{
		hight: 1rem;
	}
	#HeaderForm #logoForm img{
		hight: 80%;
		background-color: #fff;
	}
	#HeaderForm nav.navbar{
		padding: 0 .5rem;
	}
	#HeaderForm nav.navbar a,
	#HeaderForm nav.navbar:hover a{
		font-size: 0.75rem;
		color: #666;
		text-decoration: none;
	}
	#HeaderForm .navbar-brand {
	  height: auto;
	  margin: 0;
	  padding: 0;
	  margin-right: 5px;
	  margin-left:60px;
	  font-size: 0.8rem;
	}
}

.ns-phone-cta {
	font-size: 1.5rem;
}

.hover-kamo {
	transition: all 128ms ease-out !important;
}

.contact_cta {
	transition: all 128ms ease-out;
}

.contact_cta_top {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	transition: all 128ms ease-out;
}

.contact_cta_top .contact_cta_top_hide {
	display: none;
}

.contact_cta_top .hover-kamo {
	color: #ffffff !important;
	font-size: 1rem !important;
	font-weight: normal !important;
	background-color: transparent !important;
	padding: 0.75rem 1rem !important;
	border: 0 !important;
	border-radius: 0 !important;
}

.contact_cta_top .hover-kamo:hover {
	background-color: rgba(0, 0, 0, 0.05) !important;
}

.contact_cta_top .ns-phone-cta {
	font-size: 1rem;
}

.contact_cta_top .flex-column {
	flex-direction: row !important;
}

.contact_cta_top .application-btn {
	margin-bottom: 0 !important;
	margin-right: 1rem !important;
}