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


#wrap {
	font-size: 18px;
	line-height: 36px;
}
.txt_flame {
	text-shadow: 0 2px 0 #fff,  2px 0 0 #fff,  0 -2px 0 #fff,  -2px 0 0 #fff,  -2px -2px 0 #fff,  2px -2px 0 #fff,  -2px 2px 0 #fff,  2px 2px 0 #fff;
	filter: dropshadow(color=#fff, offX= 0, offY=-1) dropshadow(color=#fff, offX= 1, offY= 0) dropshadow(color=#fff, offX= 0, offY= 1) dropshadow(color=#fff, offX=-1, offY= 0);
	-webkit-text-shadow-color: #fff;
	-webkit-text-shadow-width: 1px;
}
/*-----------------

areaA:東葛病院の特徴

--------------------*/
.img_A05 {
  width: 30%;
  top: 130px;
  right: 0px;
  margin: 0 auto;
  display: block;
  position: absolute;
}
.area_A {
	height: 750px;
	background-image: url(../images/bg_A.png);
	background-repeat: no-repeat;
	background-position: top center;
}
.area_A h2 {
	position: absolute;
	top: 50px;
	left: 320px;
	color: #1a8ff1;
	font-size: 60px;
	line-height: 1;
	z-index: 999;
	text-shadow: 0 2px 0 #fff,  2px 0 0 #fff,  0 -2px 0 #fff,  -2px 0 0 #fff,  -2px -2px 0 #fff,  2px -2px 0 #fff,  -2px 2px 0 #fff,  2px 2px 0 #fff;
	filter: dropshadow(color=#fff, offX= 0, offY=-1) dropshadow(color=#fff, offX= 1, offY= 0) dropshadow(color=#fff, offX= 0, offY= 1) dropshadow(color=#fff, offX=-1, offY= 0);
	-webkit-text-stroke-color: #fff;
	-webkit-text-stroke-width: 1px;
}
.area_A_inner {
	position: relative;
	width: 1100px;
	margin: 0 auto;
}
.area_A_inner p {
	position: absolute;
	top: 130px;
	left: 100px;
	color: #1a8ff1;
	z-index: 9999;
	font-size: 20px;
	line-height: 48px;
	width: 500px;
}
.circle {
	position: absolute;
	top: 25px;
	left: 20px;
	width: 750px;
	height: 750px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: rgba(65, 173, 235, 0.23)
}
.img_A01 {
	position: absolute;
	top: 170px;
	left: -160px;
}
.img_A02 {
	position: absolute;
	top: 500px;
	left: 30px;
}
.img_A03 {
	position: absolute;
	right: 400px;
	top: 250px;
	opacity: 0.7;
}
.img_A04 {
	position: absolute;
	top: 250px;
	right: 40px;
	width: 40%;
}
/*-----------------

areaB:民医連

--------------------*/
/*--表示エリア--*/
.area_B {
	height: 1271px;
	background-image: url("../images/bg_B.png");
	background-repeat: no-repeat;
	background-position: top center;
	font-size: 18px;
	margin-top: -200px;
	position: relative;
}
.area_B_inner {
	position: relative;
	width: 1100px;
	margin: 0 auto;
}
.area_B h2 {
	margin-top: 30px;
	text-align: center;
}
.circleB_01 {
	position: absolute;
	top: 140px;
	left: 40px;
	width: 513px;
	height: 513px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #fff;/* 円の色 */
	border: solid #59b6fe 16px;
	box-shadow: rgb(220, 240, 255) 14px 14px 0px -3px;
	-webkit-box-shadow: rgb(220, 240, 255) 14px 14px 0px -3px;
	-moz-box-shadow: rgb(220, 240, 255) 14px 14px 0px -3px;
}
.circleB_01 p {
	color: #59b6fe;
	margin: 20px 0 0 70px;
}
.circleB_01 p span {
	color: #59b6fe;
	font-size: 30px;
}
.circleB_02 {
	position: absolute;
	top: 290px;
	right: 20px;
	width: 481px;
	height: 481px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #59b6fe;/* 円の色 */
	border: solid #fff 21px;
	box-shadow: rgb(220, 240, 255) 14px 14px 0px -3px;
	-webkit-box-shadow: rgb(220, 240, 255) 14px 14px 0px -3px;
	-moz-box-shadow: rgb(220, 240, 255) 14px 14px 0px -3px;
}
.circleB_02 p {
	margin: 100px 50px;
	text-align: right;
	color: #fff;
}
.circleB_02 p span {
	color: #fff;
	font-size: 30px;
}
.img_B01 {
	position: absolute;
	top: 630px;
	left: 420px;
	z-index: 9999;
}
/*-----------------

areaC:新病院

--------------------*/
.area_C {
	height: 1100px;
	background-image: url(../images/bg_C.png);
	background-position: top center;
	background-repeat: no-repeat;
	margin-top: -670px;
	position: relative;
}
.area_C_inner {
	position: relative;
	width: 1100px;
	margin: 0 auto;
}
.area_C h2 {
	margin: 100px 0 0 80px;
	color: #836602;
	font-size: 40px;
	line-height: 1;
	z-index: 550;
}
.circleC_01 {
	position: absolute;
	top: 350px;
	left: 17px;
	width: 467px;
	height: 467px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.41);
}
.circleC_01 p {
	color: #836602;
	margin: 10px 0 0 80px;
}
.img_C01 {
	position: absolute;
	top: 300px;
	left: 70px;
}
.img_C02 {
	position: absolute;
	top: 200px;
	right: 10px;
}
.img_C03 {
	position: absolute;
	right: 25px;
	top: 680px;
}
.img_C04 {
	position: absolute;
	right: 520px;
	top: 710px;
}

.movie_01{
position: absolute;
right: 100px;
top: 800px;
width: 350px;
}
/*-----------------

areaD:HPH

--------------------*/


.area_D {
	height: 900px;
	background-color: #1e9e07;
	z-index: 1;
	margin: -250px auto 0px;
}
.area_D_inner {
	position: relative;
	width: 1100px;
	margin: 0 auto;
}
.area_D h2 {
	position: absolute;
	top: 150px;
	left: 70px;
	z-index: 999;
}
.area_D_inner p {
	position: absolute;
	top: 340px;
	right: 60px;
	color: #fff;
	z-index: 999;
	width: 500px;
}
.area_D_inner p span {
	font-size: 30px;
}
.img_D01 {
	position: absolute;
	top: 310px;
	left: 20px;
}
.img_D02 {
	position: absolute;
	top: 290px;
	left: 460px;
}
/*-----------------

areaE:社保・地域・平和活動

--------------------*/

.area_E {
	height: 765px;
	background-color: #fff;
}
.area_E_inner {
	position: relative;
	width: 1100px;
	margin: 0 auto;
}
.area_E h2 {
	position: absolute;
	top: 220px;
	right: 120px;
	z-index: 999;
	font-size: 40px;
}
.area_E_inner p {
	position: absolute;
	top: 300px;
	right: 120px;
	color: #000;
	z-index: 999;
	width: 400px;
}
.img_E01 {
	position: absolute;
	top: 50px;
	right: 250px;
}
.img_E02 {
	position: absolute;
	top: 100px;
	left: 40px;
}
.img_E03 {
	position: absolute;
	top: 180px;
	right: 40px;
}
/*-----------------

areaF:女性医師集団

--------------------*/

.area_F {
	height: 1300px;
	background-image: url("../images/bg_F.png");
	margin-top: -150px;
	background-position: top center;
	background-repeat: no-repeat;
	position: relative;
	z-index: 999;
}
.area_F_inner {
	position: relative;
	width: 1100px;
	margin: 0 auto;
}
.circleF {
	position: absolute;
	top: 100px;
	right: 45px;
	width: 350px;
	height: 350px;
	border-radius: 50%;
	background-color: #FA71D6;
	border: 25px solid rgb(255, 209, 243);
}
.circleF h2 {
	font-size: 40px;
	color: #FFF;
	line-height: 1.3;
	text-align: center;
	margin-top: 80px;
}
.area_F_inner p.p01 {
	position: absolute;
	top: 260px;
	left: 140px;
	color: #955bf8;
	font-size: 18px;
	z-index: 999;
}
.area_F_inner p.p02 {
	position: absolute;
	top: 630px;
	right: 360px;
	color: #fff;
	font-size: 18px;
	z-index: 999;
}
.img_F01 {
	position: absolute;
	top: 200px;
	left: 10px;
}
.img_F02 {
	position: absolute;
	top: 250px;
	right: 392px;
}
.img_F03 {
	position: absolute;
	top: 550px;
	right: 290px;
}
.img_F04 {
	position: absolute;
	top: 460px;
	right: 50px;
}
/*-----------------

areaG:在宅医療

--------------------*/

.area_G {
	height: 950px;
	background-color: #7dbbff;
	position: relative;
	margin-top: -450px;
	z-index: 1;
}
.area_G_inner {
	position: relative;
	width: 1100px;
	margin: 0 auto;
}
.area_G h2 {
	position: absolute;
	top: 320px;
	right: 200px;
	z-index: 999;
	font-size: 40px;
	color: #fff;
}
.area_G_inner p {
	position: absolute;
	top: 450px;
	right: 30px;
	color: #fff;
	font-size: 20px;
}
.img_G01 {
	position: absolute;
	top: 250px;
	right: 380px;
}
.img_G02 {
	position: absolute;
	top: 230px;
	left: 40px;
}
.img_G03 {
	position: absolute;
	top: 700px;
	left: 430px;
}
/*-----------------

areaH:申し込み

--------------------*/
.area_H {
	height: 680px;
	background-color: #fff;
}
.area_H_inner {
	position: relative;
	width: 1100px;
	margin: 0 auto;
}
.area_H h2 {
	margin: 50px;
	text-align: center;
	font-size: 48px;
	color: #1a8ff1;
}
.area_h_inner p {
	position: absolute;
	top: 326px;
	right: 30px;
	color: #fff;
	font-size: 20px;
}
.img_H01 {
	position: absolute;
	top: 350px;
	right: 450px;
}
.img_G03 {
	position: absolute;
	top: 700px;
	left: 400px;
}
.bl_blue {
	background-image: url(../images/balloon_blue.png);
	background-repeat: no-repeat;
	width: 500px;
	height: 500px;
	float: left;
	color: #58a2fd;
}
.bl_blue p.txt, .bl_green p.txt {
	padding: 80px 80px 0;
}
.bl_green {
	background-image: url(../images/balloon_green.png);
	background-repeat: no-repeat;
	width: 500px;
	height: 500px;
	float: right;
}
.btn_blue {
	background-image: url(../images/allow_blue.png);
	background-repeat: no-repeat;
	margin: 0 0 0 50px;
	padding-left: 50px;
	font-size: 28px;
}
.btn_green {
	background-image: url(../images/allow_green.png);
	background-repeat: no-repeat;
	padding-left: 50px;
	margin: 0 0 0 50px;
	font-size: 28px;
	color: #5dc82a;
}
.bl_blue a:link, .bl_blue a:hover, .bl_blue a:visited {
	color: #58a2fd;
}
.bl_green a:link, .bl_green a:hover, .bl_green a:visited {
	color: #5dc82a;
}

@media only screen and (max-width: 1099px) {
#wrap {
	width: 100%;
	margin: 0;
	font-size: 18px;
	line-height: 36px;
	overflow: hidden;
}
p {
	font-size: 16px;
	line-height: 2;
}
.area_A_inner, .area_B_inner, .area_C_inner, .area_D_inner, .area_E_inner, .area_F_inner, .area_G_inner, .area_H_inner {
	width: 100%;
	margin-top: 0;
}
.area_A {
}
.area_A h2 {
	position: absolute;
	font-size: 50px;
	line-height: 1;
	text-align: center;
	z-index: 9999;
	top: 30px;
	left: 100px;
}
.area_A_inner p {
	line-height: 2;
	top: 180px;
}
.circle {
	top: -60px;
}
.img_A01 {
}
.img_A02 {
	left: 0;
	display: none;
}
.img_C04 {
	top: 730px;
	left: 45%;
}
.img_A04 {
	width: 40%;
	top: 520px;
	right: 0px;
	margin: 0 auto;
	display: block;
	position: relative;
}
.area_A{height: 950px;}

	.img_A05 {position: relative;
margin: 50px auto;
display: block;
top: 550px;
		
	}
.img_E03 {
	display: none;
}
.area_B {
	height: 1000px;
	margin-top: -180px;
}

.img_A05{
	
}
.circleB_01 {
	top: 220px;
	left: 10px;
width: 450px;
    height: 450px;
}
.area_B h2 {
	margin: 3% 0 0 0;
}
.circleB_01 p {
	margin: 0px 0px 0px 50px;
	position: relative;
	z-index: 999;
}
.circleB_02 {
	top: 500px;
	width: 430px;
	height: 430px;
}
.area_B h2 img {
	width: 40%;
}
.circleB_02 p {
	margin: 100px 50px;
	text-align: left;
}
.img_B01 {
	top: 200px;
	right: 50px;
}
.area_C {
	margin-top: -330px;
	width: 100%;
}
.img_C01 {
}
.img_C02 {
	width: 40%;
	top: 340px;
	right: 50px;
}
.img_C03 {
}
.movie_01{
	top:850px;
	}

.area_D {
	width: 100%;
	height: auto;
	padding-bottom: 50px;
	margin: -150px auto 0px;
}
.area_D h2 {
	position: static;
	padding: 70px;
	text-align: center;
}
.area_D_inner p {
	position: static;
	margin:0px 0 100px 50px;
	width: 70%;
}
.img_D01 {
	width: 35%;
	position: static;
	display: block;
	margin: -90px 20px 0 auto;
}
.area_E h2 {
	right: 80px;
}
.img_E01 {
}
.img_E02 {
	width: 30%;
}
.area_F {
	height: 1400px;
	margin-top: -150px;
	background-size: cover;
}
.img_F01 {
}
.img_F02 {
	display: none;
}
.img_F03 {
	top: 620px;
	right: 10px;
}
.img_F04 {
	top: 760px;
	left: 34px;
}
.circleF {
	position: absolute;
	top: 230px;
	right: 5px;
	width: 300px;
	height: 300px;
	background-color: #FA71D6;
	border: 15px solid #FFD1F3;
	z-index: 999;
}
.circleF h2 {
	font-size: 24px;
}
.area_F_inner p.p02 {
	top: 710px;
	right: 100px;
}
.area_G h2 {
	position: absolute;
	top: 180px;
	z-index: 999;
	font-size: 40px;
	color: #FFF;
	left: 300px;
}
.area_G_inner p {
	position: absolute;
	top: 326px;
	left: 30px;
}
.img_G01 {
	position: absolute;
	top: 100px;
	left: 50px;
}
.img_G02 {
	width: 40%;
	top: 300px;
	left: auto;
	right: 50px;
}
.img_G03 {
	position: absolute;
	top: 600px;
	left: auto;
	right: 50px;
}
.area_G {
	height: 850px;
	margin-top: -350px;
}
.area_H {
	height: auto;
}
.img_H01 {
}
.area_H .area_H_inner .bl_blue {
	width: 46%;
	height: auto;
	background-image: none;
	color: #58A2FD;
	font-size: 14px;
	border: 1px #58A2FD solid;
	margin: 3% 2%;
	padding: 3%;
	border-radius: 10px;
}
.area_H .area_H_inner .bl_green {
	width: 46%;
	height: auto;
	background-image: none;
	color: #5DC82A;
	font-size: 14px;
	border: 1px #5DC82A solid;
	margin: 3% 2%;
	padding: 3%;
	border-radius: 10px;
}
.bl_blue p.txt, .bl_green p.txt {
	padding: 0;
}
.btn_blue, .btn_green {
	font-size: 20px;
	margin: 5% 0 0 0;
}
.img_H01 {
	clear: both;
	display: block;
	margin: 0px auto;
	widows: 10%;
	width: 20%;
	position: static;
}
.img_D02 {
	display: none;
}
}

@media only screen and (max-width: 640px) {
#wrap {
	font-size: 16px;
	position: static;
}
br {
	display: none;
}
br.sp {
	display: block;
}
.txt_flame {
	filter: none;
	-webkit-text-stroke-width: 0px;
	text-shadow: none;
}
.circleB_01 p span, .circleB_02 p span {
	font-size: 14px;
	color: #000;
}
.circle {
	position: static;
	width: auto;
	height: auto;
	border-radius: 0;
	background-color: rgba(0, 0,0, 0);
}
.circleB_01 {
	position: static;
	top: 0px;
	left: 40px;
	width: auto;
	height: auto;
	border-radius: 0%;
	border: none;
	box-shadow: none;
	background-color: rgba(0, 0,0, 0);
}
.circleB_02 {
	position: static;
	top: aut;
	right: 20px;
	width: auto;
	height: auto;
	border-radius: 0%;
	border: none;
	box-shadow: none;
	background-color: rgba(0, 0,0, 0);
	text-align: left;
}
.circleB_01 p {
	margin: 0;
}
.circleB_02 p {
	margin: 0;
	text-align: left;
}
.circleC_01 {
	position: static;
	width: auto;
	height: auto;
	border-radius: 0;
	border: none;
	background-color: rgba(0, 0,0, 0);
}
.circleC_01 p {
	margin: 0;
}
.area_D_inner p {
	width: auto;
}
.area_D_inner p span {
	font-size: 14px;
}
.circleF {
	position: static;
	width: auto;
	height: auto;
	border-radius: 0;
	background-color: none;
	border: none;
}
.area_H .area_H_inner .bl_blue {
	float: none;
	width: auto;
	height: auto;
	background-image: none;
	color: #58A2FD;
	padding: 3%;
	font-size: 14px;
	border: 1px #58A2FD solid;
	margin: 3%;
}
.area_H .area_H_inner .bl_green {
	float: none;
	width: auto;
	height: auto;
	background-image: none;
	color: #5DC82A;
	padding: 3%;
	font-size: 14px;
	border: 1px #5DC82A solid;
	margin: 3%;
}
.btn_blue, .btn_green {
	font-size: 20px;
	margin-top: 5%;
}
.area_A_inner p {
	position: static;
}
.area_A h2, .area_B h2, .area_C h2, .area_D h2, .area_E h2, .area_F h2, .area_G h2, .area_H h2 {
	position: static;
	font-size: 20px;
	padding: 10%;
	margin: 0 auto;
	text-align: center;
}
.area_A h2 {
	font-size: 30px;
}
.area_H h2 {
	text-align: left;
	font-size: 30px;
	padding: 3%;
	margin: 3%;
}
.circleF h2 {
	margin: 0;
}
.area_A, .area_B, .area_C, .area_D, .area_E, .area_F, .area_G, .area_H {
	position: relative;
	height: auto;
	padding: 0 0 10%;
	margin-top: 0;
}
.area_A_inner, .area_B_inner, .area_C_inner, .area_D_inner, .area_E_inner, .area_F_inner, .area_G_inner {
	margin-top: 0;
}
.area_A_inner p, .area_B_inner p, .area_C_inner p, .area_D_inner p, .area_E_inner p, .area_F_inner p, .area_F_inner p.p01, .area_F_inner p.p02, .area_G_inner p {
	position: static;
	background-color: #fff;
	margin: 3%;
	padding: 3%;
	border-radius: 20px;
	font-size: 14px;
	color: #000;
	text-align: left;
}
.area_B {
	background-image: url("../images/bg_areaB.png");
	background-repeat: repeat;
	background-size: auto auto;
	position: relative;
	z-index: 9;
}
.area_C {
	height: 750px;
	margin-top: -700px;
	position: relative;
}

.movie_01 {
    position: relative;
    width: 90%;
    margin: 0 auto;
	top: auto;
right: auto;
}

.area_C_inner {
	margin-top: 400px;
	padding: 300px 0 0;
}
.area_F {
	background-image: url(../images/bg_areaF.png);
	background-repeat: repeat;
	background-size: auto;
}
.area_H {
	padding: 0;
}
.area_E {
	background-color: #ddd;
}
.area_A {
	position: relative;
	height: auto;
	overflow: hidden;
	padding: 0;
	background-position: 55% 20%;
}
.area_A h2 {
	position: static;
}
.area_A_inner p {
	color: #000;
	width: 90%;
    margin: 3% auto;
}
.img_A01 {
	display: none;
}
.img_A02 {
	display: none;
}
.img_A03 {
	display: none;
}
.img_A04 {
	position: static;
	margin: 0 auto 0 0;
	display: block;
	
}
.img_A05 {
	width: 90%;
	position: static;
	margin: 0 auto;
	display: block;
}
.area_B h2 {
	position: static;
}
.img_B01 {
	position: static;
	margin: 0 auto;
	display: block;
}
.img_B01 img {
	position: static;
	margin: 0 auto;
	display: block;
}
.img_C01 {
	position: absolute;
	top: 45%;
	width: 20%;
	left: 3%;
	right: 0;
}
.img_C02 {
	position: absolute;
	top: 45%;
	width: 20%;
	right: 3%;
}
.img_C03 {
	display: none;
}
.img_C04 {
	position: static;
	margin: 0 auto;
	display: block;
}
.area_D h2 img {
	width: 90%;
}
.img_D01 {
	position: static;
	margin: 0 auto;
	display: block;
	width: 50%;
}
.area_E_inner p{
	width: 90%;
	margin:0 auto;
}
.area_E h2 {
	margin: 0px 0 0px 20%;
	padding: 10% 0;
}
.img_E01 {
	position: absolute;
	top: 3%;
	width: 20%;
	left: 3%;
	right: 0;
}
.img_E02 {
	position: static;
	margin: 0 auto;
	display: block;
	width: 50%;
}
.img_F01 {
	display: none;
}
.img_F02 {
	display: none;
}
.img_F03 {
	display: none;
}
.img_F04 {
	position: static;
	margin: 0 auto;
	display: block;
	width: 40%;
}
.img_G01 {
	position: absolute;
	top: 3%;
	width: 20%;
	left: 3%;
	right: 0;
}
.img_G02 {
	position: absolute;
	top: 3%;
	width: 20%;
	left: auto;
	right: 3%;
}
.img_G03 {
	position: static;
	margin: 0 auto;
	display: block;
}
.img_H01 {
	position: static;
	margin: 0 auto;
	display: block;
	width: 40%;
	margin-top: 10%;
}
.area_H .area_H_inner .bl_blue {
	float: none;
	width: auto;
	height: auto;
	padding: 0;
	background-image: none;
	color: #58A2FD;
	padding: 3%;
	font-size: 14px;
	border: 1px #58A2FD solid;
	margin: 3%;
}
.area_H .area_H_inner .bl_green {
	float: none;
	width: auto;
	height: auto;
	padding: 0;
	background-image: none;
	color: #5DC82A;
	padding: 3%;
	font-size: 14px;
	border: 1px #5DC82A solid;
	margin: 3%;
}
.area_H h2 {
	font-size: 21px;
}
.btn_blue, .btn_green {
	font-size: 20px;
	margin: 0;
	background-size: 7%;
	background-position: 3% center;
	padding-left: 13%;
}
}