@charset "UTF-8";
/* スマートホスピタルLP */
/*------------------------------
基本
------------------------------*/
@font-face {
	font-family: "Japan";
	src: url("font/Japan.ttf") format("truetype");
}
@font-face {
	font-family: "impact";
	src: url("font/impact.ttf") format("truetype");
}
.font-Japan {
	font-family: "Japan";
}
.font-impact {
	font-family: "impact";
}
.sans {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.lp-cont-wrap {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.inner {
  width: calc(100% - 30px);
  margin: 0 auto;
  max-width: 1110px;
}
.flex {
  display: flex;
}
.flex_column {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .flex_column {
    flex-direction: column;
  }
}
.font_italic {
  font-style: italic;
}
.red {
	color: #D52427;
}
.blue{
	color:#2454A2 ;
}
.t_align_c {
  text-align: center;
}
.t_align_l {
  text-align: left;
}
.t_align_r {
  text-align: right;
}
.t_nowrap {
	white-space: nowrap;
  }
.pc_t_nowrap {
  white-space: nowrap;
}
.f_bold {
  font-weight: bold;
}
.m_b1em {
  margin-bottom: 1em;
}
.blok_inline{
	display: inline-block;
}
.br_sp480{
	display: none;
}
.pc_width0{
	width: 0em;
	display: inline-block;
}
/********************************
PC－only
********************************/
@media screen and (max-width: 1100px) {
	.pc_t_nowrap {
	white-space: normal;
}
}
/********************************
モバイル基本
********************************/
.br_sp, .sp, .sp_only {
  display: none;
}
@media only screen and (max-width: 767px) {
  .br_sp, .sp, .sp_only {
    display: inline-block;
  }
}
.sp_only_b {
  display: none;
}
@media only screen and (max-width: 767px) {
  .sp_only_b {
    display: block;
  }
  .pc_only {
    display: none;
  }
  .font-impact , .lp-cont-wrap .font-impact , .lp-cont-wrap p span.font-impact {
	font-weight: 400 !important;
	letter-spacing: 1px !important;
  }
}
@media screen and (max-width: 480px) {
	.br_sp480{
		display: inline-block;
	}
	.width_05 {
		width: 0.5em;
		display: inline-block;
	}
}
/********************************
contents共通
********************************/
body .is-layout-constrained>*+* {
	margin-block-start: revert;
}
body .is-layout-constrained>*+:where(:not(:is(h1,h2,h3,h4,h5,h6,.vk_button))) {
    margin-block-end: revert;
}
.lp-cont-wrap .mb_1em {
  margin-bottom: 1em;
}
.lp-cont-wrap .mb_25em {
  margin-bottom: 2.5em;
}
.lp-cont-wrap h2 {
  padding-bottom: 30px;
  position: relative;
  font-size: 35px;
}
.lp-cont-wrap h2::before {
  content: "";
  position: absolute;
  background-color: rgb(238, 238, 156);
  height: 5px;
  width: 200px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
}
.header-top{
	display: none;
}
.lp-cont-wrap p span.font-impact{
	font-weight: normal;
	letter-spacing: normal;
}
/********************************
MV
********************************/
.sec_mv{
	position: relative;
	background-color: #31a7d6;
	z-index: 0;
}
.sec_mv .inner{
	max-width: 1200px;
	padding: 0 15px;
}
.mv_wrap{
	line-height: 1.4em;
	font-weight: 600;
	background: url(https://smart-hospital.jp/wp-content/themes/smarthospital/img/mv.jpg) center center no-repeat;
	background-size: cover;
	height: 600px;
	width: 100%;
	z-index: 5;
} 
.mv_wrap h4{
	font-size: 28.59px;
	margin: 0;
	padding-top: 168px;
	text-shadow:2px 2px 3px #FFF, -2px -2px 3px #FFF,-2px 2px 3px #FFF, 2px -2px 3px #FFF, 0px 2px 3px #FFF,  0 -2px 3px #FFF,-2px 0 3px #FFF, 2px 0 3px #FFF;
}
.mv_wrap h3{
	font-size: 42.26px;
	white-space: nowrap;
	margin: 0;
	padding-bottom: 60px;
}
.mv_wrap h2{
	font-size: 37.96px;
	color: #2454A2;
	margin: 0 0 50px;
	padding: 0;
	line-height: 0.2em;
	display: inline-block;
	text-shadow:2px 2px 3px #FFF, -2px -2px 3px #FFF,-2px 2px 3px #FFF, 2px -2px 3px #FFF, 0px 2px 3px #FFF,  0 -2px 3px #FFF,-2px 0 3px #FFF, 2px 0 3px #FFF;
	z-index: 2;
}
.lp-cont-wrap .mv_wrap h2::before{
	width: 98%;
	height: 20px;
	bottom: -30px;
	left: 0;
	right: auto;
	z-index: -1;
}
.mv_wrap h5{
	font-size: 23.69px;
	line-height: 1.5em;
	text-shadow:2px 2px 3px #FFF, -2px -2px 3px #FFF,-2px 2px 3px #FFF, 2px -2px 3px #FFF, 0px 2px 3px #FFF,  0 -2px 3px #FFF,-2px 0 3px #FFF, 2px 0 3px #FFF;
    margin-bottom: 0;
}
.mv_span01{
	background-color: #FFF;
	color: #DE007F;
	font-size: 145%;
	border: 2px solid #000;
	padding: 0.0em 0.3em 0.1em;
	letter-spacing: 2px;
}
.mv_span01-2{
	padding: 0 0.3em;
}
.mv_span02{
	font-size:198.24px ;
	font-weight: 400;
	line-height: 0;
	position: relative;
	color: #DE007F;
	margin-left: 10px;
	top: 14px;
}
.mv_span03{
	font-size: 16%;
	font-weight: bold;
	position: absolute;
	bottom: 80px;
	left: 0;
	transform: rotate(346deg);
	text-shadow:2px 2px 0 #FFF, -2px -2px 0 #FFF,-2px 2px 0 #FFF, 2px -2px 0 #FFF, 0px 2px 0 #FFF,  0 -2px 0 #FFF,-2px 0 0 #FFF, 2px 0 0 #FFF;
}
.mv_span05{
	font-size: 66.08px;
	padding: 0 0.2em;
	font-weight: 400;
	letter-spacing: -0.8px;
}
.mv_span06{
	font-weight: 400;
	letter-spacing: -0.8px;
}
p.note {
    font-size: 14px !important;
}
@media screen and (max-width: 1000px) {
.mv_wrap h2{
	font-size: 3.4vw;
}
.mv_wrap h3{
	font-size: 4vw;
}
.mv_wrap h4{
	font-size: 2.7vw;
}
.mv_wrap h5{
	font-size: 2.4vw;
}
}
@media screen and (max-width: 767px) {
.mv_wrap {
	background: url(https://smart-hospital.jp/wp-content/themes/smarthospital/img/mv.jpg) center right -56vw no-repeat;
	background-size: cover;
	height: 120vw;
}
.mv_wrap h2{
	font-size: 6vw;
	line-height:2.2em;
	margin-top: -30px;
	display: inline-block;
	margin-bottom: 0;
}
.mv_wrap h3{
	font-size: 5vw;
    line-height: 4em;
}
.mv_wrap h4{
	font-size: 5vw;
	line-height: 1.4em;
	padding-top: 40px;
}
.mv_span02{
	top:60px
}
.lp-cont-wrap .mv_wrap h2::before{
	bottom: 4px;
}
.mv_wrap h5{
	font-size: 3.4vw;
}
}
@media screen and (max-width: 560px) {
.mv_span05 {
	font-size:50px ;
}
}
@media screen and (max-width: 480px) {
.mv_span05 {
	font-size:67px ;
	letter-spacing: 1px;
}
.mv_wrap {
	background: url(https://smart-hospital.jp/wp-content/themes/smarthospital/img/mv_sp.jpg) center left -110px no-repeat;
	background-size: cover;
	height: 165vw;
}
}
/********************************
快適なネット環境を提供 sec02
********************************/
.sec_02{
	padding: 80px 0 60px;
	background: url(https://smart-hospital.jp/wp-content/themes/smarthospital/img/sec_bg.svg)center top -84px no-repeat;
	background-size: cover;
}
.sec02_wrap .inner{
	max-width: 1000px;
}
.sec02_wrap{
	position: relative;
}
.sec02_wrap::before {
	position: absolute;
	content: '';
	width: 155px;
	height: 256px;
	background: url(https://smart-hospital.jp/wp-content/themes/smarthospital/img/illust01.svg) center center no-repeat;
	background-size: cover;
	top: -100px;
	left: 60px;
}
.sec02_wrap::after{
	position: absolute;
	content: '';
	width: 174px;
	height: 256px;
	background: url(https://smart-hospital.jp/wp-content/themes/smarthospital/img/illust02.svg) center center no-repeat;
	background-size: cover;
	top: -100px;
	right: 60px;
}
.lp-cont-wrap.sec_02 h2{
	margin-bottom: 0;
}
.sec_02 div.flex{
	gap:20px;
}
.sec_02 p{
	font-size: 16px;
	font-weight: 600;
	color: #000;
    margin-bottom: 0;
}
.sec_02 figure{
	margin-left: 40px;
}
@media screen and (max-width: 1000px) {
	.sec02_wrap{
		text-align: right;
	}
	.sec_02 h2{
		display:inline-block;
	}
	.sec02_wrap::before {
		background: url(https://smart-hospital.jp/wp-content/themes/smarthospital/img/illust01.svg) center center no-repeat;
		left: 10px;
	}
	.sec02_wrap::after{
		width: 174px;
		height: 256px;
		background: url(https://smart-hospital.jp/wp-content/themes/smarthospital/img/illust02.svg) center center no-repeat;
		background-size: cover;
		top: 184px;
		right: 10px;
	}
	.sec_02 div.flex{
		margin-top: 30px;
		align-items: flex-start;
		flex-direction: column;
	}
	.sec_02 p{
		text-align: left;
	}
}
@media screen and (max-width: 767px) {
	.sec02_wrap h2 {
		font-size: 5.4vw;
		white-space: nowrap;
		display: block;
		text-align: left;
	}
	.sec02_wrap::before {
		background: url(https://smart-hospital.jp/wp-content/themes/smarthospital/img/illust01.svg) center center no-repeat;
		background-size: contain;
		width: 46vw;
		left: inherit;
		right: -44px;
	}
	.sec02_wrap::after {
		width: 272px;
		height: 300px;
		background: url(https://smart-hospital.jp/wp-content/themes/smarthospital/img/illust02.svg) center center no-repeat;
		background-size: contain;
		top: 47vw;
		right: -42px;
	}
}
@media screen and (max-width: 480px) {
	.sec02_wrap::after {
		right: -125px;
		top: 52vw;
	}
	.sec_02 figure{
		margin-left: 0;
	}
}
/********************************
なぜ多くの病院が委託設置型HospitalPay Wi-Fiを選ぶのか？　sec03
********************************/
.sec_03{
	padding: 40px 0;
}
.sec_03 h2{
	padding-bottom: 30px;
	margin-bottom: 80px;
}
.sec_03 .box_wrap{
	padding-bottom: 68px;
}
.sec_03 .box_wrap.v2{
	justify-content: flex-end
}
.sec_03 .box_wrap.v3 {
	justify-content: flex-start; 
}
.sec_03 .text_box{
	background-color: #EFEFEF;
	border-radius:0 14px 14px 0;
	padding: 28px 50px 20px;
	position: relative;
	z-index: 0;
	width: 650px;
	min-width: 650px;
}
.sec_03 .box_wrap.right .text_box{
	border-radius:14px 0 0 14px;
}
.sec_03 h3{
	position: relative;
	font-size: 25px;
	font-weight: 700;
	z-index: 0;
	padding-left: 258px;
	min-height: 2.8em;
    display: grid;
	align-items: center;
}
.sec_03 h3.custom{
	display: inline-block;
}
.sec_03 h3::before{
	position: absolute;
	content: '';
	width: 100%;
	height: 2px;
	background-color: #FFF;
	margin: 0 auto;
	left: 0;
	right: 0;
	bottom: -13px;
	z-index: -1;
}
.sec_03 h3::after{
	position: absolute;
	content: '';
	width: 20px;
	height: 20px;
	border-bottom: 2px solid #FFF;
	border-left: 2px solid #FFF;
	margin: 0 auto;
	left: 0;
	right: 0;
	bottom: -23px;
	background-color: #EFEFEF;
	transform: rotate(315deg);
}
.sec_03 h3 span.v1{
	position: absolute;
	font-size: 103px;
	color: #D0E8E3;
	z-index: -1;
	transform: rotate(337deg);
	font-weight: normal;
	left: 0;
	top:0;
}
.sec_03 h3 span.v2{
	position: absolute;
	font-size: 92px;
	font-style: normal;
	letter-spacing: 4px;
	margin: 0;
	padding: 0;
	left: 160px;
	top:20px;
	font-weight: normal;
}
.sec_03 .v3 h3 span.v2{
	left: 124px;
}
.sec_03 p{
	color: #000;
	font-weight: 700;
	font-size: 16px;
	margin-bottom: 0;
	min-height: 5em;
}
.sec_03 .box_wrap figure{
	position: relative;
	width: 350px;
	height: 200px;
	margin-top: -20px;
	margin-left: -20px;
	z-index: 5;
	margin-bottom: 0;
}
.sec_03 .box_wrap.v2 h3 span.v2{
	left: 134px;
}
.sec_03 .box_wrap.right figure{
	right: -20px;
}
.font-impact.v2{
	font-weight: normal;
	letter-spacing: normal;
}
.br_pc950{
	display: inline-block;
}
@media screen and (max-width: 950px) {
	.sec_03 h2 {
		margin-bottom: 143px;
	}
	.br_pc950{
		display:none;
	}
	.sec_03 .text_box{
		min-width: auto;
	}
	.sec_03 h3 span.v1 {
		top: -92px;
	}
	.sec_03 h3 span.v2 , .sec_03 .box_wrap.v2 h3 span.v2 , .sec_03 .v3 h3 span.v2{
		left: 0;
	}
	.sec_03 h3 {
		padding-left: 124px;
	}
	.sec_03 .box_wrap {
		padding-bottom: 100px;
	}
}
@media screen and (max-width: 767px) {
	.sec_03 .box_wrap {
		padding-bottom: 150px;
	}
	.sec_03 h2{
		font-size: 7vw;
	}
	.sec_03 h3{
		padding-left: 0;
		font-size: 6.5vw;
	}
	.sec_03 h3 span.v1{
		font-size: 8vw
	}
	.sec_03 .box_wrap.flex {
		flex-direction: column;
		margin-top: 90px;
	}
	.sec_03 h2 {
		margin-bottom: 23vw;
	}
	.sec_03 .text_box{
		width: 100%;
		padding: 28px 20px 20px;
		border-radius: 14px;
		order: 1;
	}
	.sec_03 .box_wrap.right .text_box{
		border-radius: 14px;
	}
	.sec_03 h3 span.v2 {
		font-size: 14vw;
		right: 0;
		left: auto;
		top: -55px;
	}
	.sec_03 h3 span.v1{
		font-size: 18vw;
		transform: rotate(347deg);
		top: -100px;
	}
	.sec_03 .box_wrap figure{
		order: 2;
		margin-top: -16px;
		width: 100%;
	}
	.sec_03 .box_wrap figure{
		width: 80%;
	}
	.sec_03 .box_wrap.right figure {
		right: -20px;
		margin-left: auto;
		margin-top: -16px;
		text-align: right;
	}
	.sec_03 h3 span.v2, .sec_03 .box_wrap.v2 h3 span.v2 , .sec_03 .v3 h3 span.v2{
		left: auto;
		right: 0;
	}
}
@media screen and (max-width: 480px) {
	.sec_03{
		padding: 0 0 40px;
	}
	.sec_03 .box_wrap {
		padding-bottom: 20px;
	}
	.sec_03 h3 span.v2 {
		font-size: 20vw;
		font-style: normal;
		right: 0;
		left: auto;
		top: -40px;
	}
	.sec_03 h3 span.v1{
		font-size: 22vw;
		transform: rotate(347deg);
		top: -72px;
	}
	.sec_03 h2 {
		margin-bottom: 120px;
	}
}
/********************************
特徴　sec04
********************************/
.sec_04{
	padding: 40px 0 80px;
}
.sec_04 .is-layout-constrained{
	width: 100%;
	max-width: 100% !important;
}
.sec04_box{
	display: block;
	width: calc(100% / 3);
}
.lp-cont-wrap.sec_04 h2{
	margin-bottom: 20px;
}
.sec04_box h3{
	text-align: center ;
	font-size: 80px;
	margin: 0 0 -40px;
}
.sec04_box.ver1 h3 span{
	letter-spacing: 3px;
}
.sec04_box.ver1 h3{
	color:#7BC7CE;
}
.sec04_box.ver2 h3{
	color:#31BAE0;
}
.sec04_box.ver3 h3{
	color:#327DBF;
}
.sec04_box .box_inner{
	width: 100%;
	padding: 16px;
}
.sec04_box.ver1 .box_inner{
	background-color:#7BC7CE;
}
.sec04_box.ver2 .box_inner{
	background-color:#31BAE0;
}
.sec04_box.ver3 .box_inner{
	background-color:#327DBF;
}
.sec04_box h4{
	text-align: center;
	color: #FFF;
	font-size: 25px;
	min-height: 4em;
	margin: 0;
	display: grid;
	align-items: center;
}
.sec04_box figure{
	position: relative;
	text-align: center;
}
.sec04_box figure::before{
	position: absolute;
	content: '';
	width: 100%;
	height: 2px;
	background-color: #FFF;
	bottom: -6px;
	margin: 0 auto;
	left: 0;
	right: 0;
	max-width: 310px;
}
.sec04_box p{
	max-width: 310px;
	font-weight: 600;
	color: #FFF;
	margin: 0 auto;
	min-height: 14em;
}
@media screen and (max-width: 1100px) {
	.sec04_box h3 {
		font-size: 7vw;
		margin: 0 0 -3.4vw;
	}
	.sec04_box h4 {
		font-size: 2.4vw;
		white-space: nowrap;
	}
}
@media screen and (max-width: 800px) {
	.sec04_box p {
		min-height: 18em;
	}
}
@media screen and (max-width: 620px) {
	.sec_04	.box_wrap{
		flex-direction: column;
		gap: 40px;
	}
	.sec04_box {
		width:100%;
	}
	.sec04_box h3 {
		font-size: 16vw;
		margin: 0 0 -8vw;
	}
	.sec04_box h4 {
		font-size: 5.4vw;
	}
	.sec04_box p {
		min-height: auto;
		padding-bottom: 1em;
	}
	.lp-cont-wrap.sec_04 h2 {
		font-size: 6.4vw;
		white-space: nowrap;
	}
}
/********************************
メリットsec5
********************************/
.sec_05{
	padding: 40px 0 60px;
}
.sec_05 h2{
	margin-bottom: 80px;
}
.sec_05 .sec05_box{
	width: calc(100% / 3);
	padding: 15px;
}
.sec_05 h3{
	font-size: 25px;
	font-weight: 700;
	text-align: center;
	margin: 0 0 16px;
}
.sec_05 p{
	font-size: 16px;
	font-weight: 600;
	margin: 0 auto;
	color: #000;
}
.sec_05 figure{
	text-align: center;
}
.sec_05 figure img{
	width: 150px;
	height: auto;
}
@media screen and (max-width: 900px) {
	.sec_05 h3{
		font-size: 2.8vw;
		white-space: nowrap;
	}
}
@media screen and (max-width: 640px) {
	.sec_05{
		padding: 60px 0;
	}
	.sec_05 h2{
		font-size: 6.8vw;
		white-space: nowrap;
	}
	.sec_05	.box_wrap{
		flex-direction: column;
	}
	.sec_05 .sec05_box {
		width:100%;
	}
	.sec_05 h3{
		font-size: 6.5vw;
		white-space: nowrap;
	}
	.sec_05 h2 {
		margin-bottom: 50px;
	}
}
/********************************
ステップ　sec_06
********************************/
.sec_06 {
	padding: 60px 0 100px;
	background-color: #D0E8E3;
}
.sec_06.lp-cont-wrap h2 {
	margin-bottom: 80px;
} 
.sec06_box_wrap {
	border-radius: 100px;
	background-color: #FFF;
	text-align: center;
	position: relative;
}
.sec06_box_wrap .sec06_title {
	position: relative;
	width: 300px;
	background-color: #7BC7CE;
	color: #FFF;
	font-weight: 700;
	font-size: 25px;
	display: inline-block;
	padding: 2px 0 4px;
	border-radius: 50px;
	top: -14px;
	margin-top: -10px;
}
.sec06_box_wrap.ver1 {
	border: 6px solid #7BC7CE;
}
.sec06_box_wrap.ver2 .sec06_title {
	background-color: #31BAE0;
}
.sec06_box_wrap.ver3 .sec06_title {
	background-color: #327DBF;
}
.sec06_box_wrap.ver2 {
	border: 6px solid #31BAE0;
}
.sec06_box_wrap.ver3 {
	border: 6px solid #327DBF;
}
.sec_06 h3 {
	margin-bottom: 6px;
}
.sec_06 p {
	font-weight: 600;
	max-width: 90%;
	margin: 0 auto 1em;
}
.sec_06 p .font-impact {
	font-weight: 400;
}
.sec_06 figure {
	text-align: center;
	margin: 26px 0 36px;
}

/* ==================================================
   ★Co-Nurse専用（各STEPごとに枠線と背景を個別に変更）
================================================== */
/* STEP 1：タイトル背景と枠線を #DAAECE（ピンク）に */
.co-nurse-box.ver1 .sec06_title {
	background-color: #DAAECE !important;
}
.co-nurse-box.sec06_box_wrap.ver1 {
	border-color: #DAAECE !important;
}

/* STEP 2：タイトル背景と枠線を #B877AC（紫）に */
.co-nurse-box.ver2 .sec06_title {
	background-color: #B877AC !important;
}
.co-nurse-box.sec06_box_wrap.ver2 {
	border-color: #B877AC !important;
}

/* STEP 3：タイトル背景と枠線を #815199（濃い紫）に */
.co-nurse-box.ver3 .sec06_title {
	background-color: #815199 !important;
}
.co-nurse-box.sec06_box_wrap.ver3 {
	border-color: #815199 !important;
}
/* ================================================== */

@media screen and (max-width: 640px) {
	.sec_06 {
		padding: 60px 0;
	}
	.sec_06.lp-cont-wrap h2 {
		font-size: 6.8vw;
		white-space: nowrap;
		margin-bottom: 60px;
	}
	.sec06_box_wrap .sec06_title {
		width: 192px;
	}
	.sec06_box_wrap {
		border-width: 4px;
		border-radius: 12px;
	}
	.sec_06 p {
		text-align: left;
	}
}
/********************************
導入実績と患者様の声
********************************/
.sec_sr{
	padding: 50px 0 60px;
}
.sec_sr.lp-cont-wrap h2{
	margin-bottom: 70px;
}
/***スライダー*****/
.slick-slider{
	max-width: 980px;
	margin: 0 auto;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slider .slick-slide {
  margin: 5px;
  background-color: #FFF;
  box-shadow: 1px 1px 6px 0px #d8d8d8, -1px -1px 6px 0px #d8d8d8;
  min-height: 420px;
  max-height: 420px;
  overflow: hidden;
}
.slider .slick-prev:before, .slider .slick-next:before {
  color: #08BCBD;
}
.slider h2 {
  font-size: 25px;
  line-height: 1.4em;
  text-align: left;
  padding:16px 16px 8px;
  align-items: center;
  gap:1em;
  color: #2454A2;
  font-weight: bold;
  margin-bottom: 0;
}
.lp-cont-wrap h2.flex::before{
	display: none;
}
.slider_box h2 figure{
	max-width: 120px;
	max-height: 120px;
	overflow: hidden;
	border-radius: 50%;
	margin-bottom: 0;
}
.slider_box p{
	font-size: 18px;
	font-weight: 600;
	padding:16px 16px 8px;
	color: #000;
	margin-bottom: 0;
	line-height: 1.4em;
	overflow-x: auto;
	max-height: 260px;
}
.slider .slick-prev, .slider .slick-next {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.slider .slick-next {
  right: -60px;
}
.slider .slick-prev {
  left: -60px;
}
.slider .slick-next:before, .slider .slick-prev:before {
  position: absolute;
  content: "";
  background: url(https://smart-hospital.jp/wp-content/themes/smarthospital/img/sr_btn.svg) center center no-repeat;
  background-size: contain;
  right: 0;
  left: 0;
  margin: -20px auto 0;
  text-align: center;
  width:50px;
  height:50px;
  opacity: 1;
  transition: 0.2s;
}
.slider .slick-next:before{
	transform: rotate(180deg);
}
.slider .slick-next:hover:before , .slider .slick-prev:hover:before {
	opacity:0.7;
}
@media screen and (max-width: 1160px) {
.slick-slider{
	max-width: 700px;
}
}
@media screen and (max-width: 740px) {
.slider .slick-slide {
  margin: 4px;
  background-color: #FFF;
  box-shadow: 1px 1px 3px 0px #d8d8d8, -1px -1px 3px 0px #d8d8d8;
  max-height: 378px;
  overflow: hidden;
}
.slick-slider{
	max-width: 400px;
}
.slider h2 {
  font-size: 20px;
  padding:8px 8px 4px;
  gap:0.5em;
  flex-direction: column;
}
.slider_box h2 figure{
	max-width: 60px;
	max-height: 60px;
}
.slider_box p{
	font-size: 14px;
	font-weight: 600;
	padding:8px 8px 4px;
	color: #000;
	margin-bottom: 0;
}
.slider .slick-prev, .slider .slick-next {
  width: 30px;
  height: 30px;

}
.slider .slick-next {
  right: -40px;
}
.slider .slick-prev {
  left: -40px;
}
.slider .slick-next:before, .slider .slick-prev:before {
  width:30px;
  height:30px;
}
}
@media screen and (max-width: 480px) {
.sec_sr{
	padding: 20px 0 60px;
}
.slick-slider{
	max-width: 280px;
}
.slider h2 {
  font-size: 20px;
  padding:8px 8px 4px;
  gap:0.5em;
  flex-direction: column;
}
.slider_box h2 figure{
	max-width: 80px;
	max-height: 80px;
}
.slider .slick-prev, .slider .slick-next {
  width: 30px;
  height: 30px;
}
.slider .slick-next {
  right: -30px;
}
.slider .slick-prev {
  left: -30px;
}
}
/********************************
よくある質問　sec_qa
********************************/
.sec_qa{
	padding: 30px 0 80px;
}
.sec_qa h2{
	margin-bottom: 100px;
}
.pageSubTitle {
	font-size: 40px;
	line-height: 1.75;
	font-weight: 900;
	font-style: normal;
	position: relative;
}
.pageSubTitle::after {
	content: "";
	display: block;
	width: 74.6px;
	height: 2px;
	margin: 0 auto;
	margin-top: 35.2px;
}
.pageSubTitle > span {
	display: block;
	font-size: 13px;
	line-height: 1.75;
	font-weight: 400;
	font-style: normal;
	margin-top: 5px;
}
.pageSubTitle--center {
	text-align: center;
}
.pageSubTitle2 {
	font-size: 23px;
	line-height: 1.2em;
	font-weight: 600;
	color: #FFF;
	margin-bottom: 0;
	max-width: 82%;
}
.contentText {
	font-size: 16px;
	font-weight: 600;
	color: #000;
	line-height: 1.5em;
	margin: 0;
}
.qa {
	padding-top: 180px;
	padding-bottom: 278px;
}
.qa__box {
	max-width: 1100px;
	width: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 10;
}
.qa__box > dl {
	margin-top: 22px;
	margin-bottom: 0;
}
.qa__box > dl > dt {
	background-color: #31BAE0;
	display: flex;
	align-items: center;
	padding: 12px 30px;
	position: relative;
	margin: 0;
	cursor: pointer;
}
.qa__box > dl > dt .crossBar img {
	width: 30px;
	height: 30px;
	position: absolute;
	top: 26px;
	right: 24px;
	transition: 0.3s;
}
.qa__box > dl > dt > span {
	font-size: 46px;
	font-weight:400;
	color: #FFF;
	margin-right: 10px;
	line-height: 1em;
	margin-top: 10px;
}
.qa__box > dl > dd {
	margin: 0;
	background-color: #fff;
	display: flex;
	align-items: flex-start;
	margin-bottom: 16px;
	padding: 0px 30px;
	max-height: 0; 
	overflow: hidden; 
	transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
	opacity: 0;
}
.qa__box > dl > dd > span {
	font-size: 46px;
	font-weight: 400;
	font-style: normal;
	color: #31BAE0;
	margin-right: 18px;
	top: -8px;
	position: relative;
}
.qa__box > dl > dd.is-open {
	max-height: 100px;
	padding: 20px 30px 10px;
	margin: 0;
	opacity: 1;
}
/* ＋ボタンのアニメーション */
.qa__box > dl > dt.is-open img{
	transform:rotate(180deg);  
}
.js-qa__parent .font_size20{
	font-size: 60%;
	padding-left: 4px;
}
@media only screen and (max-width: 480px) {
	.sec_qa {
		padding: 30px 0 45px;
	}
	.sec_qa h2 {
		margin-bottom: 60px;
	}
	.pageSubTitle2{
		padding-top: 18px;
		max-width: 72%;
		font-size: 20px;
		padding-bottom: 24px;
	}
	.qa__box > dl > dt {
		align-items: flex-start;
		padding: 12px 15px 0;
	}
	.qa__box > dl > dt > span , .qa__box > dl > dt > span {
		font-size: 38px;
	}
	.qa__box > dl > dt .crossBar img {
	width: 30px;
    height: 50px;
    position: absolute;
    top: 26px;
    right: 24px;
    transition: 0.3s;
	}
	.qa__box > dl > dd.is-open {
		max-height: 260px;
		padding: 20px 15px 10px;
	}
}
/********************************
資料請求請求
********************************/
.skyblue {
  background-color: #cef2fc;
}
.sec-download p {
  font-size: 17.85px;
  color: #000;
}
.sec-download {
  padding: 80px 0;
  font-weight: 600;
}
.sec-download .icom_required, .sec-download .icom_any {
	left: inherit;
	padding: 2px 13px 4px;
}
.contact_form th, .contact_form td {
	font-size: 16px;
	font-weight: 600;
	color: #000;
}
.sec-download .mwform-checkbox-field label, .sec-download .mwform-radio-field label{
	font-weight: 600;
}
@media screen and (max-width: 767px) {
	.sec-download {
		padding: 20px 0;
		font-weight: 600;
	  }
	.sec-download p {
		font-size: 16px;
		color: #000;
	}
	.icom_required{
		font-size: 14px;
	}
	.contact_form th, .contact_form td {
		font-size: 16px;
	}
	.sec-download .icom_required, .sec-download .icom_any {
		left: inherit;
	}
	.sec-download .mwform-tel-field{	
		display: flex;
		align-items: baseline;
		justify-content: space-between;
	}
	.sec-download .mwform-tel-field input{
		width: 90px;
	}
}
/* ==================================================
   ★ピンク・紫フォーム専用（優先度強化版）
================================================== */
/* 1. 外枠とセルの区切り線の色を #B877AC に強制変更 */
table.contact_form.pink_form, 
table.contact_form.pink_form th, 
table.contact_form.pink_form td {
    border: 1px solid #B877AC !important;
}

/* 2. 左側（項目名・見出し）の背景色を #DAAECE に強制変更 */
table.contact_form.pink_form th {
    background-color: #DAAECE !important;
}

/* 3. 「必須」ラベルの背景色を変更 */
table.contact_form.pink_form .icom_required {
    background-color: #A35895 !important;
    color: #ffffff !important;
}

/* 4. 「任意」ラベルの背景色を変更 */
table.contact_form.pink_form .icom_any {
    background-color: #E6C8DF !important;
    color: #555555 !important;
}
/* カタログの枠（figure）にマウスが乗ったら、中にある画像を少し白くする */
.catalog-hover:hover img,
.catalog-hover img:hover {
    opacity: 0.65 !important; /* 分かりやすく少し強めに白く（透明に）します */
}

/* ふわっと動かすアニメーションとカーソル変更（通常時から適用） */
.catalog-hover img {
    transition: opacity 0.3s ease !important;
    cursor: pointer !important;
}
/* --------------------------------------------------
   スマホ表示で「よくある質問」の回答の高さ制限を完全に解除
-------------------------------------------------- */
@media only screen and (max-width: 767px) {
	.qa__box > dl > dd.is-open {
		max-height: none !important;    /* 100pxの制限を強制解除 */
		height: auto !important;        /* 文字量に合わせて自動で伸ばす */
		overflow: visible !important;   /* はみ出た文字もすべて表示 */
	}
}

@media only screen and (max-width: 480px) {
	.qa__box > dl > dt + dd.is-open,
	.qa__box > dl > dd.is-open {
		max-height: none !important;    /* 480px以下にあった260pxの制限も強制解除 */
		height: auto !important;
		overflow: visible !important;
	}
}