@charset "utf-8";


.main_note{
	font-size:23px;
	line-height:calc(44 / 24);
}
.main_note2{
	font-size:18px;
}
.h2style_red{
	font-size:28px;
	line-height:calc(40 / 28);
}
#acPage01 .accordion .box{
	padding:40px 85px;
	font-size:16px;
	color:#1c2a39;
}
#acPage01 .accordion .tit{
	text-align:left;
}
.box .h2style_red{
	font-size:32px;
	margin:0 -50px 30px;
}
.box .h2style_note{
	font-size:19px;
}
.supportTitle{
	font-size:21px;
	font-weight:normal;
	line-height:calc(38 / 21);
}
.note_mini{
	font-size:14px;
}
.supportList h3{
	font-size:32px;
	line-height:1.56;
	color:#ae2573;
	text-align:center;
	font-weight:normal;
	margin-bottom:30px;
}
.supportList h4{
	font-size:18px;
	font-weight:normal;
	line-height:1.6;
	padding:0.5em 0;
	border-top:2px solid #00b398;
	border-bottom:2px solid #ae2573;
	position:relative;
	text-align:center;
	margin-left:2.2em;
	margin-right:2.2em;
	margin-top:30px;
}
.supportList h4::before{
	content:"";
	display:block;
	position:absolute;
	left:-2.5em;
	top:-2px;
	height:4.4em;
	border-radius:200px;
	border:2px solid #00b398;
	width:4.2em;
	clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
	box-sizing:border-box;
}
.supportList h4::after{
	content:"";
	display:block;
	position:absolute;
	right:-2.5em;
	top:-2px;
	height:4.4em;
	border-radius:200px;
	border:2px solid #ae2573;
	width:4.2em;
	clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%);;
	box-sizing:border-box;
}
.supportList h4 span:nth-child(2){
	font-size:15px;
	display:block;
	margin:0.5em auto;
}
.supportList h4.h4_12{
	font-size:21px;	
	margin-left:3.2em;
	margin-right:3.2em;
}
.supportList h4.h4_12::before{
	height:5.8em;
	width:5.8em;
	left:-3.2em;
}
.supportList h4.h4_12::after{
	height:5.8em;
	width:5.8em;
	right:-3.2em;
}
.supportList h4.h4_11{
	font-size:21px;	
	margin-left:2.6em;
	margin-right:2.6em;
}
.supportList h4.h4_11::before{
	height:4.6em;
	width:4.6em;
	left:-2.6em;
}
.supportList h4.h4_11::after{
	height:4.6em;
	width:4.6em;
	right:-2.6em;
}

.supportList p{
	font-size:14px;
	line-height:calc(26 / 14);
}
.supportList > li > dl > dt{
	background:url(../../images/open.png) 97% center no-repeat,#bf2278;
	font-weight:normal;
	font-size:17px;
	color:white;
	padding:10px 30px;
	cursor:pointer;
	margin-top:10px;
}
.supportList > li.open > dl > dt{
	background-image:url(../../images/close.png);
}
.supportList > li > dl > dd{
	padding:20px 10px 40px;
	background:white;
	position:relative;
}

.iconDoctor, .iconPatient{
	position:relative;
	font-size:21px;
	padding-bottom:20px;
	margin-bottom:30px;
	text-align:center;
}
.iconDoctor::before, .iconPatient::before{
	content:"";
	display:block;
	position:relative;
	width:60px;
	height:75px;
	background:url(../images/icon_doctor.png) no-repeat;
	background-size:contain;
	margin:0 auto 20px;
}
.iconPatient::before{
	background-image:url(../images/icon_patient.png);
}
.iconDoctor::after, .iconPatient::after{
	content:"";
	position:absolute;
	left:50%;
	bottom:0;
	width:180px;
	margin-left:-90px;
	border-bottom:2px solid #00b398;
}

.reference{
	font-size:14px;
}
.referenceList, .referenceNoList{
	margin-top:40px;
	font-size:12px;
	line-height:calc(26 / 12);
}
.referenceList > li, .referenceNoList > li{
	word-break: break-all;
}
.referenceNoList > li{
	text-indent:-2.5em;
	padding-left:2.5em;
}
.caseList{
	font-size:16px;
	line-height:1.6;
	border-top:1px solid #1c2a39;
	border-bottom:1px solid #1c2a39;
	padding:10px;
	margin-top:40px;
}
.caseList li{
	text-indent:-2em;
	padding-left:2em;
	margin-bottom:0.4em;
}
.caseList li::before{
	content:"●";
	color:#ae2573;
	margin-right:1em;;
}
.supportList .annotation{
	font-size:12px;
}
.telBox{
	margin-top:30px;
	text-align:center;
	font-size:18px;
	line-height:calc(29 / 18);
}
.telBox > div{
	border-top:1px solid #1c2a39;
	border-bottom:1px solid #1c2a39;
	padding:10px 0;
}
.telBox .tel{
	font-size:35px;
}
.telBox img{
	width:1.2em;
	vertical-align:baseline;
	margin-right:0.2em;
}
.telBox > div > p{
	font-size:16px;
}
.telBox > p{
	font-size:31px;
	color:#ae2573;
	margin-top:15px;
}
.talkList{
	font-size:14px;
	line-height:calc(26 / 14);
	margin:10px auto 40px;
}
.talkList dt{
	padding:20px 10px 20px 120px;
	position:relative;
	border-bottom:1px solid #333f48;
}
.talkList dd{
	padding:20px 120px 20px 10px;
	position:relative;
	border-bottom:1px solid #333f48;
}
.talkList dt::before{
	content:"";
	position:absolute;
	left:10px;
	bottom:0;
	width:71px;
	height:83px;
	background:url(../images/icon_talk1.png) no-repeat;
	background-size:contain;
	background-position:bottom;
}
.talkList dd::before{
	content:"";
	position:absolute;
	right:10px;
	bottom:0;
	width:66.5px;
	height:71.5px;
	background:url(../images/icon_talk2.png) no-repeat;
	background-size:contain;
	background-position:bottom;
}
.pointList > dt{
	padding:5px 15px 20px 85px;
	position:relative;
	font-size:23px;
	line-height:1.6;
	font-weight:normal;
	color:#ae2573;
	margin-top:30px;
}
.pointList > dt::before{
	content:"";
	position:absolute;
	left:15px;
	top:0;
	background:url(../images/icon_point.png) no-repeat;
	background-size:contain;
	width:47px;
	height:44.5px;
}
.pointList > dd{
	font-size:14px;
	line-height:1.85;
	padding:0 15px 30px;
	border-bottom:1px solid #1c2a39;
	margin-bottom:20px;
}
.causeList{
	margin-top:40px;
}
.causeList dl{
	display:flex;
	align-items:start;
	margin-bottom:1em;
}
.causeList dt{
	background:#1c2a39;
	text-align:center;
	font-size:14px;
	color:white;
	width:10em;
	text-align:center;
	border-radius:0.2em;
	position:relative;
	line-height:1.8em;
	margin-right:2em;
}
.causeList dt::after{
	content:"";
	display:block;
	background:#1c2a39;
	width:1.272792208271571em;
	height:1.272792208271571em;
	position:absolute;
	right:0;
	top:50%;
	transform:translate(46%, -50%) rotate(-45deg);
	border-radius:0.2em;
}

.causeList dd{
	color:#ae2573;
	line-height:1.55;
	flex:1;
}

.image21 img{
	width:194px;
}
.image31 img{
	width:533px;
}
.image41 img{
	width:565px;
	margin:40px auto 20px;
}
.imageTalk01 img{
	width:329.5px;
	margin-top:20px;
}
.imageTalk02 img{
	width:293.5px;
	margin-top:20px;
}
.imageTalk03 img{
	width:324.5px;
	margin-top:20px;
}
.image42{
	position:absolute;
	right:0;
	top:20px;
	width:93.5px;
}
.image43{
	display:flex;
	font-size:15px;
	line-height:1.1;
	align-item:end;
}
.image43 img{
	width:60px;
	margin-right:1.5em;
}
.image43 div{
	margin-top:0.6em;
}
.image43 span{
	font-size:10px;
}
.image43 > div:last-child{
	border-bottom:2px solid #be0079;
	padding-bottom:0.4em;
}
.image44{
	text-align:right;
	margin-top:-8%;
	margin-right:5%;
}
.image44 img{
	width:188.5px;
}
.image45{
	text-align:left;
	position:relative;
}
.image45 img{
	width:213px;
	margin-top:-6%;
	margin-left:5%;
}
.image45 ul{
	position:absolute;
	right:10px;
	top:0;
	margin-top:0;
}
.image46{
	text-align:right;
	position:relative;
}
.image46 img{
	width:141.5px;
	margin-top:-9%;
	margin-right:5%;
}
.image46 ul{
	position:absolute;
	left:10px;
	top:0;
	text-align:left;
	margin-top:0;
}
.image47{
	text-align:right;
	position:relative;
}
.image47 img{
	width:199px;
	margin-top:-8%;
	margin-right:2%;
}
.image47 ul{
	position:absolute;
	left:10px;
	top:0;
	text-align:left;
	margin-top:0;
}

#acPage01 .accordion .box a.btn01, #acPage01 .accordion .box a.btn01.btnAccord{
	background:#00B398;
	border-radius:100px;
	height:40px;
	font-size:17px;
	line-height:40px;
	width:70%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding-left:0;
	position:relative;
}
#acPage01 .accordion .box a.btn01::before, #acPage01 .accordion .box a.btn01.btnAccord::before{
	content: "";
	display: block;
	position: absolute;
	background: url(../images/mark_link.png) no-repeat;
	background-size:contain;
	width: 10px;
	height: 14px;
	right: 4%;
	top: 50%;
	transform: translate(0, -50%);
	transition: transform 0.3s;
}

@media screen and (min-width:769px){
	#pageContnets .sp{
		display:none;
	}
	#acPage01 .accordion .tit{
		padding-left:170px;
	}
}
@media screen and (max-width:768px){
	#pageContnets .pc{
		display:none;
	}
	*[data-splink]{
		cursor:pointer;
	}
	.main_note{
		font-size:3.16vw;
	}
	.main_note2{
		font-size:2.5vw;
		margin-right:5%;
	}

	.h2style_red{
		font-size:4.3vw;
	}

	#acPage01 .accordion .box{
		padding:5%;
		font-size:12px;
	}
	#acPage01 .accordion .tit{
		font-size:3.4vw
	}
	.supportTitle{
		font-size:14px;
	}
	.supportList h3{
		font-size:4vw;
		margin-bottom:5%;
	}
	.supportList > li > dl > dt{
		background:url(../../images/open_sp.png) 97% center no-repeat,#bf2278;
		background-size:13px 13px;
		font-size:3.4vw;
		padding:2% 5%;
	}
	.supportList > li.open > dl > dt{
		background-image:url(../images/close_sp.png) 97% center no-repeat,#bf2278;
	}
	.supportList > li > dl > dd{
		padding:5% 5% 7%;
	}
	.supportList p{
		font-size:12px;
	}
	.supportList .annotation{
		font-size:10px;
	}
	
	.note_mini{
		font-size:12px;
	}

	.reference{
		font-size:10px;
		line-height:1.8;
	}
	.referenceList, .referenceNoList{
		font-size:10px;
		line-height:1.8;
		margin-top:7%;
	}

	.box .h2style_red{
		font-size:4.6vw;
		margin:0 -20px 20px;
		
	}
	#acPage01 .accordion .box a.btn01, #acPage01 .accordion .box a.btn01.btnAccord{
		font-size:14px;
		width:100%;
	}
	#acPage01 .accordion .box a.btn01::before, #acPage01 .accordion .box a.btn01.btnAccord::before{
		width: 2vw;
		height: 2.8986vw;
	}
	
	.telBox {
		font-size: 2.6vw;
	}
	.telBox .tel {
		font-size: 5.79vw;
	}
	.telBox > div > p {
		font-size: 2.32vw;
	}
	.telBox > p {
		font-size: 4.3vw;
	}

	.iconDoctor, .iconPatient{
		font-size:3.07vw;
		padding-bottom:4%;
		margin-bottom:5%;
	}
	.iconDoctor::before, .iconPatient::before{
		width:8.986vw;
		height:11vw;
		margin-bottom:5%;
	}
	.iconDoctor::after, .iconPatient::after{
		width:25vw;
		margin-left:-12.5vw;
	}
	.talkList{
		margin:2% auto 10%;
	}
	.talkList dt{
		padding:5% 0 5% 15.5vw;
		padding-left:15.5vw;
		font-size:12px;
	}
	.talkList dd{
		padding:5% 18vw 5% 0;
		font-size:12px;
	}

	.talkList dt::before{
		width:11vw;
		height:19vw;
	}
	.talkList dd::before{
		width:11vw;
		height:14vw;
	}

	.pointList > dt{
		padding-left:14vw;
		font-size:3.4vw;
		margin-top:5%;
		padding:2% 5% 5% 11.5vw;
	}

	.pointList > dt::before{
		width:9.275vw;
		height:8.4vw;
		left:0;
	}
	.pointList > dd{
		padding:0 0 5%;
		font-size:12px;
		margin-bottom:5%;
	}

	.caseList{
		font-size:13px;
		padding:2%;
		margin-top:10%;
	}
	.causeList dt{
		font-size:11px;
		width:8.5em;
	}
	
	.supportList h4{
		font-size:3vw;
		margin-top:5%;
	}
	.supportList h4.h4_12{
		font-size:3vw;
	}
	.supportList h4.h4_11{
		font-size:3vw;
	}
	.supportList h4 span{
		margin-left:-5vw;
		margin-right:-5vw;
		display:block;
	}
	.supportList h4 span:nth-child(2){
		font-size:2.1vw;
		margin-left:-5vw;
		margin-right:-5vw;
	}

	.image21 img{
		width:37.9vw;
	}
	.image31 img{
		width:80vw;
	}
	.image41 img{
		width:73vw;
	}
	.imageTalk01 img{
		width:48vw;
	}
	.imageTalk02 img{
		width:48vw;
	}
	.imageTalk03 img{
		width:48vw;
	}
	.image42{
		width:14vw;
		top:auto;
		bottom:72%;
		transform:translate(0, 50%);
	}
	.image43 img{
		width:13.9vw;
	}
	.image44 img{
		width:27.5vw;
	}
	.image45{
		display:flex;
		align-items:start;
	}
	.image45 img{
		width:28vw;
		margin-left:1%;
	}
	.image45 ul{
		position:static;
		width:auto;
		flex:1;
	}
	.image46{
		display:flex;
		align-items:start;
		flex-direction:row-reverse;
	}
	.image46 img{
		width:23vw;
		margin-right:1%;
	}
	.image46 ul{
		position:static;
		width:auto;
		flex:1;
	}
	.image47{
		display:flex;
		align-items:start;
		flex-direction:row-reverse;
	}
	.image47 img{
		width:25vw;
		margin-right:1%;
	}
	.image47 ul{
		position:static;
		width:auto;
		flex:1;
	}


}

