@charset "utf-8";

/*===================================================================
  CSS Import
===================================================================*/
@import url(./ress.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap');


/*===================================================================
  Font
===================================================================*/
.forEngFont{ font-family:'Roboto Condensed',serif; font-optical-sizing:auto; font-weight:400; font-style:normal; }
*{ font-family:'Noto Sans JP',sans-serif; font-optical-sizing:auto; font-weight:400; font-style:normal; }
.fThin{ font-weight:200; }
.fBold{ font-weight:600; }

/*===================================================================
  Common
===================================================================*/
html{ font-size:1rem; }
body{ color:var(--textColor1); background-color:var(--bgColor1); }
a{ color:var(--textColor1); text-decoration:underline; }
a:hover{ cursor:pointer; opacity:0.7; }
div{ position:relative; }
img{ display:block; width:100%; height:auto; }
p{ line-height:200%; }


/*===================================================================
  SP
===================================================================*/
@media( max-width:799px )
{
	.sp{ display:block; }
	.pc{ display:none !important; }
	/* Common */
	html{ width:100%; height:100vh; }
	body{ width:100%; height:100vh; }
	.underConstruction{ width:100%; height:40vh; display:flex; flex-wrap:nowrap; justify-content:center; align-items:center;  }
	.underConstruction > p{ font-size:1.2rem; font-weight:600; color:var(textColor1); }
	.pageTitleImg{ width:100%; height:32vh; background-size:cover; background-position:center; }
	.pageTitleImgArea{ width:100%; background-size:cover; background-position:center; }
	.pageTitleImgArea > div{ width: 90vw; height:30vh;  margin:0 auto; display: flex; align-items: center;  }
	.pageTitleImgArea > div > p{ font-size: 1.6rem; font-weight:600; line-height: 150%; padding-top: 1.5rem; color: #ffffff; text-shadow:4px 5px 5px rgba(0,0,0,1);   }
	.pageTitle{ width:100%; margin-top:2rem; }
	.pageTitle > p{ line-height:100%; }
	.pageTitle > p:nth-of-type(1){ font-size:1.75rem; font-weight:600; color:var(--textColor2); }
	.pageTitle > p:nth-of-type(2){ margin-top:0.6rem; }

    .jump{ display: block; padding-top: 5rem; margin-top: -3rem; }    
/*    .jump02{ display: block; padding-top: 1rem; margin-top: -1rem; }    */
    .jump02{ display: block; padding-top: 5rem; margin-top: -1rem; }    
    .jump03{ display: block; padding-top: 5rem; margin-top: -5rem;   }    

	/* about */
	.aboutMainWrapper{ width:90vw; margin:0 auto; }
	.aboutBox01{ margin-top: 2rem; }
	.aboutBox01 > p:nth-of-type(1){ font-size:1.4rem; font-weight:600; line-height: 150%;  }
	.aboutBox01 > p:nth-of-type(2){ margin-top: 1rem;}	
	.aboutBox02{}
	.aboutBox02{ margin-top: 1rem;}
	.aboutBox02 > p{ text-align: right; }
	.aboutBox02 > p > span{ font-size: 1.4rem; font-weight:600; }	
	.aboutDoctorArea{ margin-top: 2rem; }
	.aboutDoctorBox01{ margin-bottom: 4rem; }
	.aboutDoctorBox01 > div:nth-of-type(1){ width: 60vw; }
	.aboutDoctorBox01 > div:nth-of-type(2){ width: 100%; margin-top: 1rem; }
	.aboutDoctorBox01 > div:nth-of-type(2) > p:nth-of-type(1){ line-height: 150%;  color:var(--textColor2); }
	.aboutDoctorBox01 > div:nth-of-type(2) > p:nth-of-type(2){ font-size: 1.5rem; line-height: 150%; margin-top: 0.25rem;}
	.aboutDoctorBox01Inner01{ display: flex; flex-wrap: wrap; margin-top: 1rem; }
	.aboutDoctorBox01Inner01 > p{ width: 12rem; padding: 0.25rem 0; text-align: center; background-color:var(--bgColor3); margin-right: 0.5rem; border-radius: 2rem; margin-bottom: 0.5rem;  }
	.aboutDoctorBox01Inner01 > p.Long{ width: 100%; padding: 0.25rem 0; text-align: center; background-color:var(--bgColor3); margin-right: 0.5rem; border-radius: 2rem; margin-bottom: 0.5rem;  }
	.toggleInBox{ margin-top:0.5rem; margin-bottom: 1rem;  }
	.toggleInBoxBody{ width: 100%;   }
	.toggleInBoxBody > .off:before{ content:''; display:inline-block; width:1.5rem; height:1.5rem; margin-right: 0.5rem; background-image:url("../img/foldingArrowOff.svg"); background-size:contain; }
	.toggleInBoxBody > .on:before{ content:''; display:inline-block; width:1.5rem; height:1.5rem; margin-right: 0.5rem; background-image:url("../img/foldingArrowOn.svg"); background-size:contain;}
	.toggleInBoxMemo{ display:inline-flex; align-items: center; width:100%; padding: 0.5rem; line-height: 150%; font-weight: bold; color:var(--textColor1); border:2px var(--textColor2) solid; }
	.toggleInBoxStr{ display:none; width: 100%; padding: 1rem; background-color:var(--bgColor3);  }
	.toggleInBox01{ display: flex; flex-wrap: nowrap;  }
	.toggleInBox01 > p:nth-of-type(1){ width: 5.5rem;  }	
	.toggleInBox01 > p:nth-of-type(2){ flex: 1;  }		
	.toggleInBox00{  }
	.toggleInBox00 > p{  line-height: 150%; margin-bottom: 0.8rem;}
	.toggleInBox02{ margin-bottom: 0.8rem; }
	.toggleInBox02 > p:nth-of-type(1){  }	
	.toggleInBox02 > p:nth-of-type(2){ line-height: 150%; }	
	.aboutDoctorBox02{ padding: 1rem; background-color:var(--bgColor3); }
	.aboutDoctorBox02 > p{}	
	.aboutKeijiBox01{ margin-top: 2rem; }
	.aboutKeijiBox01 > p{ }	
	.aboutKeijiBox02{ margin-top: 2rem; }
	.aboutKeijiBox02 > p:nth-of-type(1){ font-size: 1.25rem; font-weight: 600; line-height: 150%; }		
	.aboutKeijiBox02 > p:nth-of-type(2){ margin-top: 0.8rem; }		
	.aboutKeijiBox02 > p:nth-of-type(3){ margin-top: 0.8rem; }
	.aboutKeijiBox03{ margin-top: 2rem; }
	.aboutKeijiBox03 > p:nth-of-type(1){ font-size: 1.25rem; font-weight: 600; }		
	.aboutKeijiBox03 > p:nth-of-type(2){  }		
	.aboutKeijiBox03 > p:nth-of-type(n+3){ padding-left: 1em; text-indent: -1em; }		
	
	.aboutRootsBox01{ margin-top: 2rem;  }
	.aboutRootsBox01 > div:nth-of-type(1){ width: 100%; }
	.aboutRootsBox01 > div:nth-of-type(2){ width: 100%; }
	.aboutRootsBox01Inner01{  }
	.aboutRootsBox01Inner01 > p:nth-of-type(1){ font-size: 1.25rem; font-weight: 600; line-height: 150%; }
	.aboutRootsBox01Inner01 > p:nth-of-type(2){ margin-top: 1rem; margin-bottom: 3rem; }
	.aboutRootsBox01Inner02{ margin-bottom: 2rem; }
	.aboutRootsBox01Inner02 > img{ width: 100%; }
	.aboutRootsBox01Inner02 > p{ line-height: 150%; margin-top: 0.5rem; }	
	
	
	/* medical_personnel */
	.medicalPerMainWrapper{ width:90vw; margin:0 auto; }
	.medicalPerBox01{ margin-top: 2rem; }
	.medicalPerBox01 > p{ font-size: 1.4rem; line-height: 150%; font-weight: 600; }
	.medicalPerBox02{  }
	.medicalPerBox02 > p{}
	.medicalPerBox03{ margin-top: 2rem; }
	.medicalPerBox03 > p:nth-of-type(1){ font-size: 1.25rem; font-weight: 600; }
	.medicalPerBox03 > p:nth-of-type(2){}
	.medicalPerDlBtn > a{ display:inline-block; width:100%; height:4rem; margin-right:1rem; text-align:center; line-height:4rem; position:relative; color:var(--textColor4); background-color:var(--bgColor2); text-decoration:none; margin-top: 2rem; }
	
	/* facilities */
	.facilitiesMainWrapper{ width:90vw; margin:0 auto; }
	.facilitiesArea{ margin-top: 2rem; }
	.facilitiesBox01{ margin-bottom: 2rem; }
	.facilitiesBox01 >div:nth-of-type(1){ width: 100%; }
	.facilitiesBox01 >div:nth-of-type(2){ width: 100%; margin-top: 1rem;  }
	.facilitiesBox01 >div:nth-of-type(2) > p:nth-of-type(1){ font-size: 1.25rem; font-weight: 600; line-height: 150%; color:var(--textColor2); }
	.facilitiesBox01 >div:nth-of-type(2) > p:nth-of-type(2){ margin-top: 1rem; }

	/* disease */
	.diseaseMainWrapper{ width:90vw; margin:0 auto; }
	
	.diseaseIndexBoxStr{ width: 100%; border-top: 1px var(--textColor1) solid;  margin-top: 2rem; }
	.diseaseIndexBoxStr > p{ padding-top: 1rem; font-size: 1.25rem; font-weight: 600; line-height: 125%; }
	.diseaseIndexBox01{  margin-bottom: 3rem; }
	.diseaseIndexBox01 > a{ display: block; width: 100%; padding: 1rem; border: 1px var(--textColor2) solid; text-decoration: none; line-height: 150%; margin-top: 1rem; }
	.diseaseIndexBox01 > p{ display: block; width: 100%; padding: 1rem; border: 1px var(--textColor6) solid; text-decoration: none; line-height: 150%; margin-top: 1rem; background-color:var(--bgColor3); }


	.diseaseTitle{ width:100%; margin-top:2rem; margin-bottom: 2rem;   }
	.diseaseTitle > div:nth-of-type(1){ width: 84%; }
	.diseaseTitle > div:nth-of-type(1) > p{ line-height:125%; }
	.diseaseTitle > div:nth-of-type(1) > p:nth-of-type(1){ font-weight:600; color:var(--textColor2); }
	.diseaseTitle > div:nth-of-type(1) > p:nth-of-type(2){ font-size: 1.75rem; font-weight:600; color:var(--textColor2); }
	.diseaseTitle > div:nth-of-type(2){ width: 30%; margin-top: 1rem; }
	.diseaseTitle > div:nth-of-type(2) > a{ display: block; padding: 0.5rem 1rem; line-height: 100%; color: var(--textColor4); background-color: var(--bgColor2); text-decoration: none; }	
	
	.diseaseBackBtn{ width:100%; height:4rem; margin: auto; margin-top: 3rem; }
	.diseaseBackBtn > a{ display:inline-block; width:100%; text-align:center; line-height:4rem; position:relative; color:var(--textColor4); background-color:var(--bgColor2); text-decoration:none;  }

	.diseaseStr01{ width: 100%; margin-bottom: 2rem; }	
	.diseaseStr01 > p{  font-size: 1.75rem; font-weight:600; color:var(--textColor2); }
	.diseaseStr02{ margin-bottom: 0.75rem; }
	.diseaseStr02 > p{ font-size: 1.25rem; font-weight: 600; line-height: 150%; }
	
	.diseaseTextBox01{ margin-bottom: 3rem; }
	.diseaseTextBox01 > p{ margin-bottom: 0.75rem; }
	.diseaseTextBox02{ width: 100%;  }
	.diseaseTextBox02 > div{ width: 100%; }
	.diseaseTextBox03{ margin-bottom: 1rem; }
	.diseaseTextBox03 > p:nth-of-type(1){ font-weight: 600; }
	.diseaseTextBox03 > p:nth-of-type(2){ margin-bottom: 0.75rem; padding-left: 1rem; }
	.diseaseTextBox04{ margin-bottom: 1.5rem; }
	.diseaseTextBox04 > p{ padding-left: 1em; text-indent: -1em; margin-bottom: 0.75rem; }	
	
	.diseaseStr03{ margin-bottom: 1.5rem; }
	.diseaseStr03 > p{ font-size: 1.25rem; font-weight: 600; line-height: 150%; color:var(--textColor2); }
	.diseaseTextBox05{ width: 100%; }
	.diseaseTextBox05 > div:nth-of-type(1){ width: 100%; }
	.diseaseTextBox05 > div:nth-of-type(2){ width: 100%; }
	.diseaseTextBox06{ margin-bottom: 1rem; }
	.diseaseTextBox06 > p{ margin-bottom: 0.75rem; }	
	.diseaseTextBox07{  }
	.diseaseTextBox07 > p{ margin-bottom: 0.75rem; }
	.diseaseTextBox08{ width: 100%;  }
	.diseaseTextBox08 > div:nth-of-type(1){ width: 100%; margin-bottom: 1rem; }	
	.diseaseTextBox08 > div:nth-of-type(2){ width: 100%; margin-bottom: 2rem; }
	
	.diseaseImgBox11 > div{ margin-bottom: 2rem; }
	.diseaseImgBox11 > div > img{ }
	.diseaseImgBox11 > div > p{ margin-top: 0.5rem; line-height: 150%; }			
	.diseaseBox01{ width: 100%; padding: 1rem; border: #cccccc 1px solid;}	
    .diseaseTextBox_indent{ padding-left: 1em; text-indent: -1em; }
	.diseaseTextBox_impact01{ font-weight: 600; line-height: 150%; color:var(--textColor2); text-decoration: underline; }

	
	.diseaseCap01{ line-height: 150%; margin-bottom: 1.5rem; }
	
	
	
	
	.diseaseImgBox01{ width: 100%; margin-bottom: 1.5rem; }
	.diseaseImgBox01 > div{ width: 100%; margin-bottom: 1rem; }
	.diseaseImgBox01 > div > img{ }
	.diseaseImgBox01 > div > p{ margin-top: 0.5rem; line-height: 150%; }	
	.diseaseImgBox02{ width: 100%; margin-bottom: 1.5rem; }
	.diseaseImgBox02 > div:nth-of-type(odd){ width: 100%; margin-bottom: 1rem; }	
	.diseaseImgBox02 > div:nth-of-type(even){ width: 100%; margin-bottom: 1rem; }	
	.diseaseImgBox02 > div > p{ margin-top: 0.5rem; line-height: 150%; }	
	.diseaseImgBox02.narrow{ margin-bottom: 0; }
	.diseaseImgBox02 > div:nth-of-type(odd).narrow{ margin-bottom: 0.5rem; }	
	.diseaseImgBox02 > div:nth-of-type(even).narrow{ margin-bottom: 0.5rem; }		
	.diseaseImgBox03{ margin-bottom: 1.5rem; }
	.diseaseImgBox03 > div{ margin-bottom: 1rem; }
	.diseaseImgBox03 > div > img{ }
	.diseaseImgBox03 > div > p{ margin-top: 0.5rem; line-height: 150%; }		
	.diseaseImgBox04{ width: 100%; margin-bottom: 1.5rem; }
	.diseaseImgBox04 > div{ width: 100%; margin-bottom: 1rem; }
	.diseaseImgBox04 > div > img{ border:#cccccc 1px solid; }
	.diseaseImgBox04 > div > p{ margin-top: 0.5rem; line-height: 150%; }		
	.diseaseImgBox05{ width: 100%; margin-bottom: 1.5rem; }
	.diseaseImgBox05 > div{ width: 100%; margin-bottom: 1rem; }
	.diseaseImgBox05 > div > img{ }
	.diseaseImgBox05 > div > p{ margin-top: 0.5rem; line-height: 150%; text-align: center; }		
	.diseaseImgBox06{ width: 100%;; display: flex; flex-wrap: wrap; justify-content: space-between; margin: auto; margin-bottom: 1.5rem; }
	.diseaseImgBox06 > div{ width: 100%; margin-bottom: 2rem; }
	.diseaseImgBox06 > div > img{ }
	.diseaseImgBox06 > div > img:nth-of-type(2){ margin-top: 1.5rem; }
	.diseaseImgBox06 > div > p{ margin-top: 0.5rem; line-height: 150%; text-align: center; }		
	.diseaseImgBox07{ width: 100%; margin-bottom: 1.5rem; }
	.diseaseImgBox07 > div:nth-of-type(1){ width: 100%; margin-bottom: 1rem; }
	.diseaseImgBox07 > div:nth-of-type(2){ width: 100%; }
	.diseaseImgBox07Str{ width: 100%; margin-bottom: 2rem; }	
	.diseaseImgBox07Str > p{ line-height: 150%; text-align: center; }	
	.diseaseImgBox08{ width: 100%; margin-bottom: 1.5rem; }
	.diseaseImgBox08Str{ width: 100%; margin-bottom: 2rem; }	
	.diseaseImgBox08Str > p{ line-height: 150%; text-align: center; }	
	.diseaseImgBox09{ width: 100%; }
	.diseaseImgBox09 > div:nth-of-type(1){ width: 100%; margin-bottom: 1rem; }
	.diseaseImgBox09 > div:nth-of-type(2){ width: 100%; }
	.diseaseImgBox09Str{ width: 100%; margin-top: 0.5rem; margin-bottom: 2rem; }	
	.diseaseImgBox09Str > p{ line-height: 150%; text-align: center; }		
	.diseaseImgBox10{ width: 100%; margin-bottom: 1.5rem; }
	.diseaseImgBox10 > div{ width: 100%; margin-bottom: 1rem; }
	.diseaseImgBox10 > div > img{ }
	.diseaseImgBox10 > div > p{ margin-top: 0.5rem; line-height: 150%; }		
	.diseaseImgBox03{ margin-bottom: 1.5rem; }
	.diseaseImgBox03 > div{ margin-bottom: 1rem; }
	.diseaseImgBox03 > div > img{ }
	.diseaseImgBox03 > div > p{ line-height: 150%; }	
		
	
	
	
	
	/* patient */
	.patientMainWrapper{ width:90vw; margin:0 auto; }	
	.patientBox01{ margin-top: 2rem; }
	.patientBox01 > p:nth-of-type(1){ font-size:1.5rem; font-weight:600; line-height: 150%;  }
	.patientBox01 > p:nth-of-type(2){ margin-top: 1rem;}	
	.patientDlBtn{ margin-top: 0.5rem; }
	.patientDlBtn > a{ display:inline-block; width:100%; height:4rem; margin-right:1rem; text-align:center; line-height:4rem; position:relative; color:var(--textColor4); background-color:var(--bgColor2); text-decoration:none; margin-top: 1rem; }
	.patientBox02{ margin-top: 2rem; }
	.patientBox02 > p{ font-size:1.5rem; font-weight:600; line-height: 150%; }
	.patientBox02Inner01{ padding: 1rem; border: 1px var(--textColor2) solid; margin-top: 1.5rem; border-radius: 1rem; }
	.patientBox02Inner01 > div:nth-of-type(1){  }
	.patientBox02Inner01 > div:nth-of-type(1) > p{ font-size: 2.5rem; line-height: 100%; font-weight: 600; text-align: center; color:var(--textColor2); }
	.patientBox02Inner01 > div:nth-of-type(2){  }
	.patientBox02Inner01 > div:nth-of-type(2) > p:nth-of-type(1){ font-size: 1.5rem; font-weight: 600; color:var(--textColor2); text-align: center; }
	.patientBox02Inner01 > div:nth-of-type(2) > p:nth-of-type(2){ margin-top: 1rem; }
	.patientDlBtn02{ margin-top: 1rem; margin-bottom: 1rem; }
	.patientDlBtn02 > a{ display:inline-block; width:100%; height:4rem; text-align:center; line-height:4rem; position:relative; color:var(--textColor4); background-color:var(--bgColor2); text-decoration:none;  }	
	.patientBox02Inner02{ padding: 1rem; border: 1px var(--textColor2) solid; margin-top: 1.5rem; border-radius: 1rem; }
	.patientBox02Inner02 > div:nth-of-type(1){  }
	.patientBox02Inner02 > div:nth-of-type(1) > p{ font-size: 2.5rem; line-height: 100%; font-weight: 600; text-align: center; color:var(--textColor2); }
	.patientBox02Inner02 > div:nth-of-type(2){ }
	.patientBox02Inner02 > div:nth-of-type(2) > p:nth-of-type(1){ font-size: 1.4rem; font-weight: 600; color:var(--textColor2); text-align: center; }
	.patientBox02Inner02 > div:nth-of-type(2) > p:nth-of-type(2){ margin-top: 1rem; }
	.patientBox02Inner02 > div:nth-of-type(3){ margin-top: 1rem;  }
	.patientDlBtn02{ margin-top: 1rem; margin-bottom: 1rem; }	
	.patientBox03{ margin-top: 3rem; padding: 1rem; ; background-color:var(--bgColor3);  }
	.patientBox03 > p:nth-of-type(1){ font-size: 1.25rem; font-weight: 600; color:var(--textColor1); line-height: 150%; }
	.patientBox03 > p:nth-of-type(2){ margin-top: 1rem; }
	.patientBox03 > a{ display: block; margin-top: 1rem; }	

	/* patient eyedoc */
	.patientEyedocBox01{ margin-top: 2rem; }
	.patientEyedocBox01 > p:nth-of-type(1){ font-size: 1.25rem; font-weight: 600; line-height: 150%; text-align: center; }
	.patientEyedocBox01 > p:nth-of-type(2){ font-size: 2.25rem; line-height: 150%; text-align: center; line-height:150%; font-family:'Noto Serif JP',serif; font-weight:300; margin-top: 1rem; }
	.patientEyedocBox01 > div{ width: 70%; margin: auto; margin-top: 1rem; }
	.patientEyedocBox01 > div > img{  }

	.patientEyedocBox02{ margin-top: 3rem; }
	.patientEyedocBox02 > div{ width: 100%; }
	.patientEyedocBox02 > div:nth-of-type(1) > p:nth-of-type(1){ font-size: 2rem; line-height:150%; font-family:'Noto Serif JP',serif; font-weight:400; }
	.patientEyedocBox02 > div:nth-of-type(1) > p:nth-of-type(2){ margin-top: 1rem; }
	.patientEyedocBox02 > div:nth-of-type(1) > p:nth-of-type(3){ font-size: 1.5rem; line-height:150%; font-weight: 600; color:var(--textColor2); margin-top: 2rem;}
	.patientEyedocBox02 > div:nth-of-type(1) > p:nth-of-type(4){ margin-top: 1rem; }
	.patientEyedocBox02 > div:nth-of-type(2){ margin-top: 1rem; }
	
	.patientEyedocBox03{ margin-top: 3rem; }
	.patientEyedocBox03 > p:nth-of-type(1){ font-size: 1.5rem; line-height:150%; font-family:'Noto Serif JP',serif; font-weight:400; }
	.patientEyedocBox03 > p:nth-of-type(2){ margin-top: 1rem; }
	.patientEyedocBox04{ margin-top: 1rem;}
	.patientEyedocBox04 > div{ width: 100%; padding: 1rem 0; border:1px var(--textColor1) solid; border-radius: 0.5rem; margin-top: 0.5rem; }
	.patientEyedocBox04 > div > p{ line-height: 150%; text-align: center; }

	.patientEyedocBox05 > p{ font-size: 1.5rem; font-weight: 600; line-height: 150%; margin-top: 5rem; }
	.patientEyedocBox06{ margin-top: 1rem; }
	.patientEyedocBox06 > div{ width: 100%; margin-top: 1rem; }	
	
	.patientEyedocBox07{ margin-top: 1rem; }
	
	.patientEyedocBox08{  }
	.patientEyedocBox08Inner{ width: 100%; margin-top: 1rem; }
	.patientEyedocBox08Inner > div:nth-of-type(1){ font-size: 1.25rem; line-height: 150%; color: #ffffff; font-weight: 600; text-align: center; padding: 0.5rem 0; border-top-right-radius: 0.5rem; border-top-left-radius: 0.5rem; }
	.patientEyedocBox08Inner > div:nth-of-type(2){ padding: 0.5rem 1rem; border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; }
	.patientEyedocBox08Inner > div:nth-of-type(2) > p:nth-of-type(1){ border-bottom: #000000 1px solid; color: #000000; padding-bottom: 0.5rem; }
	.patientEyedocBox08Inner > div:nth-of-type(2) > p:nth-of-type(2){ color: #000000; padding-top: 0.5rem; }
	
	.eyedocColorBlue01{ background-color: #10589e; }
	.eyedocColorBlue02{ background-color: #c6e0f5; }
	.eyedocColorSkyBlue01{ background-color: #37a0da; }
	.eyedocColorSkyBlue02{ background-color: #def1fb; }	
	.eyedocColorGreen01{ background-color: #a8cf6a; }
	.eyedocColorGreen02{ background-color: #e2edba; }		
	.eyedocColorYellow01{ background-color: #f7b756; }
	.eyedocColorYellow02{ background-color: #fffbd0; }		
	
	.patientEyedocBox09{ margin-top: 1rem; padding: 1rem; border:2px var(--textColor2) solid; margin-top: 3rem;  }
	.patientEyedocBox09Inner01{ font-size: 1.25rem; font-weight: 600; line-height: 100%; color:var(--textColor2);  }
	.patientEyedocBox09Inner02{ margin-top: 1rem; }
	.patientEyedocBox09Inner02 > div:nth-of-type(1){  }
	.patientEyedocBox09Inner02 > div:nth-of-type(1) > p{ font-weight: 600; line-height: 150%; padding: 0.5rem; color:var(--textColor4);  background-color:var(--bgColor2);  }
	.patientEyedocBox09Inner02 > div:nth-of-type(2){ margin-top: 0.5rem; }
	.patientEyedocBox09Inner02 > div:nth-of-type(2) > p{ padding-left: 1em; text-indent: -1em; }
	
	.patientEyedocBox10{ margin-top: 1rem; background-color: #c6e0f5; padding: 0.5rem 1rem; }
	.patientEyedocBox10 > p{ color: #000000; }
	
	.patientEyedocBox11{ margin-top: 1rem; }
	
	.patientEyedocSecArea{ width:100%; border-collapse:collapse; border-top:1px var(--textColor2) solid; }
	.patientEyedocSecArea td{ width:13%; padding:1rem 0; text-align:center; color:var(--textColor2); font-size:1.4rem; font-weight:600; border-bottom:1px var(--textColor2) solid; }
	.patientEyedocSecArea tr:nth-of-type(1) > td{ padding:0.2rem 0; color:var(--textColor1); font-size:1rem; font-weight:400; }
	.patientEyedocSecArea tr > td:nth-of-type(1){  width:9%; color:var(--textColor1); font-size:1rem; font-weight:400; }
	.patientEyedocSecAreaStr{ margin-top:1rem; }
	
	.patientEyedocBox12{ margin-top: 3rem; border:2px var(--textColor2) solid;  }
	.patientEyedocBox12Inner01{  }
	.patientEyedocBox12Inner01 > p{ font-size: 1.25rem; font-weight: 600; line-height: 150%; padding: 0.5rem 1rem; color:var(--textColor4); background-color:var(--textColor2);  }
	.patientEyedocBox12Inner02{ padding:0 1rem 1rem 1rem; margin-top: 1rem; }
	.patientEyedocBox12Inner02 > p:nth-of-type(1){ width: 100%; font-weight: 600; line-height: 100%; padding: 0.5rem; color: #000000; background-color: #e6e6e6;  }
	.patientEyedocBox12Inner02 > p:nth-of-type(2){ font-size: 2rem; font-weight: 600; line-height: 125%; color:var(--textColor2); }
	.patientEyedocBox12Inner03{ padding:0 1rem 1rem 1rem;  }
	.patientEyedocBox12Inner03 > div:nth-of-type(1){ width: 100%; font-weight: 600;  }
	.patientEyedocBox12Inner03 > div:nth-of-type(2){ width: 100%; display: flex; flex-wrap: nowrap; margin-top: 0.5rem; }
	.patientEyedocBox12Inner03 > div:nth-of-type(2) > p:nth-of-type(1){ width: 30%; font-weight: 600; line-height: 125%; padding: 0.5rem 0; text-align: center; color:var(--textColor4); background-color:var(--bgColor2); }
	.patientEyedocBox12Inner03 > div:nth-of-type(2) > p:nth-of-type(2){ flex: 1; padding-left: 1rem;}
	.patientEyedocBox12Inner03 > div:nth-of-type(3){ width: 100%; display: flex; flex-wrap: nowrap; margin-top: 0.5rem; }
	.patientEyedocBox12Inner03 > div:nth-of-type(3) > p:nth-of-type(1){ width: 30%; font-weight: 600; line-height: 125%; padding: 0.5rem 0; text-align: center; color:var(--textColor4); background-color:var(--bgColor2); }
	.patientEyedocBox12Inner03 > div:nth-of-type(3) > p:nth-of-type(2){ flex: 1; padding-left: 1rem;}	
	
	/* patient horizontal scroll */
	.patientEyedoc-scroll { width: 100%; overflow-x: scroll; margin-top: 4rem; background-color: #ffffff; }
    .table-width { width: 210vw; border: none; }
    .cell-width01 { width: 25%; position:sticky; top:0; left:0; right: 0; border: none; background-color: #ffffff; }
    .cell-width02 { width: 75%; border: none;}	
	
	.patientEyedocDlBtn{ width:100%; height:4rem; margin: auto; margin-top: 3rem; }
	.patientEyedocDlBtn > a{ display:inline-block; width:100%; text-align:center; line-height:4rem; position:relative; color:var(--textColor4); background-color:var(--bgColor2); text-decoration:none;  }

	/* patient surgery */
	.patientSurgeryBox01{ margin-top: 3rem; }
	.patientSurgeryBox01 > p:nth-of-type(1){ font-size:1.25rem; font-weight:600; line-height: 150%; padding: 0.5rem 1rem; color:var(--textColor4); background-color:var(--textColor2); }
	.patientSurgeryBox01 > p:nth-of-type(2){ margin-top: 0.5rem;}	
	
	.patientSurgeryTable{ width: 100%; margin-top: 1rem;  }
	.patientSurgeryTableBox01{ width: 100%; padding: 1rem; background-color:var(--bgColor3); }
	.patientSurgeryTableBox01Inner{ padding: 1rem 0; border-top:1px var(--textColor1) solid; display: flex; flex-wrap: nowrap; }
	.patientSurgeryTableBox01Inner > p:nth-of-type(1){ width: 80%; padding-left: 0.5rem; line-height: 125%;  }
	.patientSurgeryTableBox01Inner > p:nth-of-type(2){ width: 20%; padding-right: 0.5rem; line-height: 125%; text-align: right;  }
	.patientSurgeryTableBox01Inner.last{ padding: 1rem 0; border-top:2px var(--textColor1) solid; border-bottom:1px var(--textColor1) solid; display: flex; flex-wrap: nowrap; }
	.patientSurgeryTableBox01Inner.last > p:nth-of-type(1){ font-weight: 600;  }
	.patientSurgeryTableBox01Inner.last > p:nth-of-type(2){ font-weight: 600;  }	
	
	.patientSurgeryBtn{ width: 100%; margin:0 auto; margin-top: 3rem;   }
	.patientSurgeryBtn > a{ display:inline-block; width:100%; height:4rem; text-align:center; line-height:4rem; position:relative; color:var(--textColor4); background-color:var(--bgColor2); text-decoration:none; }		
	
	.patientSurgeryBox02{ margin-top: 2rem; }
	.patientSurgeryBox02 > p{ font-size:1.5rem; font-weight:600; line-height: 150%; }
	.patientSurgeryBox02Inner01{ padding: 1rem; border: 1px var(--textColor2) solid; margin-top: 1.5rem; border-radius: 1rem; }
	.patientSurgeryBox02Inner01 > div:nth-of-type(1){  }
	.patientSurgeryBox02Inner01 > div:nth-of-type(1) > p{ font-size: 2.5rem; line-height: 100%; font-weight: 600; text-align: center; color:var(--textColor2); }
	.patientSurgeryBox02Inner01 > div:nth-of-type(2){  }
	.patientSurgeryBox02Inner01 > div:nth-of-type(2) > p:nth-of-type(1){ font-size: 1.5rem; font-weight: 600; text-align: center; color:var(--textColor2); }
	.patientSurgeryBox02Inner01Str{ margin-bottom: 0.75rem; }
	.patientSurgeryBox02Inner01Column{ width: 100%;  background-color:var(--bgColor3); padding: 0.5rem 1rem;  }
	.patientSurgeryBox02Inner01Column > p:nth-of-type(1){ width: 100%; font-weight: 600; }
	.patientSurgeryBox02Inner01Column > p:nth-of-type(2){ width: 100%;  }	

	.patientSurgeryMovieArea{ width: 100%; margin: auto; margin-bottom: 3rem; padding-top: 5rem; }
	.patientSurgeryMovieArea > div{ margin-bottom: 1rem;}
	.patientSurgeryMovieArea > div > a{ display: block; text-decoration: none; }
	.patientSurgeryMovieArea > div > a > p{ margin-top: 0.5rem; line-height: 150%;}
	
	
	
	
	
	/* customer */
	.policyMainWrapper{ width:100%; margin-top:3rem; padding-bottom:4rem; background-color:var(--bgColor3);}
	.policyMainWrapper2Inner{ width:90vw; margin:0 auto; }
	.policySec3Title{ padding-top:4rem; }
	.policySec3Title > p{ font-size:1.4rem; font-weight:600; text-align:center; }
	.policySec4{ padding-top:2rem; }
	.policySec4 > p:nth-of-type(1){ font-size:1.4rem; padding-bottom:0.6rem; }
	.policySec4 > p:nth-of-type(2){ margin-top:0.6rem; }
	/* .policySec4 > p:nth-of-type(3){ width:100%; margin-top:1rem; padding:0.6rem 1rem; line-height:140%; color:#000000; background-color:#ffffff; border:1px #000000 solid; } */
	.policySec401{ font-size:1.4rem; font-weight:600; padding-bottom:0.6rem; border-bottom:1px var(--bgColor4) solid;}
	.policySec402{ font-size:1.4rem; font-weight:600; padding-bottom:0.6rem;}

	/* Access */
	.accessMainWrapper{ width:90vw; margin:0 auto; }
	.accessGmapWrapper{ width:100%; margin-top:2rem; }
	.accessGmap{ width:90vw; height:50vh; border:0; }
	.accessNaviBtn1{ width:90vw; margin:0 auto; margin-top:2rem; }
	.accessNaviBtn1 > p{ width:100%; padding:0.6rem 1rem; line-height:140%; color:#000000; background-color:#ffffff; border:1px #000000 solid; }
	.accessSec2Title{ width:90vw; margin:0 auto; margin-top:1rem; margin-bottom: 2rem; }
	.accessSec2Title > p:nth-of-type(1){ font-size:1.25rem; font-weight:600; padding-bottom:0.6rem; border-bottom:1px var(--bgColor4) solid; }
	.accessSec2Title > p:nth-of-type(2){ margin-top:0.6rem; }
	.accessSec2img1{ width:90vw; margin:0 auto; padding-top: 4rem; }
	.accessSec2img1 > p{ font-size:1.25rem; font-weight:600; line-height: 125%; margin-bottom: 1rem; }
	.accessSec2img1 > p > span{ color:var(--textColor2); }
	.accessSec2img2{ width:90vw; margin:0 auto; margin-top:4rem; }
	.accessSec2img2 > p{ font-size:1.25rem; font-weight:600; line-height: 125%; margin-bottom: 1rem; }
	.accessSec2img2 > p > span{ color:var(--textColor2); }
	.accessSec2img3{ width:90vw; margin:0 auto; margin-top:4rem; }
	.accessMainWrapper2{ width:100%; margin-top:2rem; padding-bottom:4rem; background-color:var(--bgColor3); }
	.accessMainWrapper2Inner{ width:90vw; margin:0 auto; }
	.accessSec3Title{ padding-top:4rem; }
	.accessSec3Title > p{ font-size:1.5rem; font-weight:600; line-height: 125%; }
	.accessSec4{ padding-top:2rem; }
	.accessSec4 > p:nth-of-type(1){ font-size:1.25rem; font-weight:600; padding-bottom:0.5rem; border-bottom:1px var(--bgColor4) solid; line-height: 150%; }
	.accessSec4 > p:nth-of-type(2){ margin-top:0.6rem; }
	.accessSec4 > p:nth-of-type(3){ width:100%; margin-top:1rem; padding:0.6rem 1rem; line-height:140%; color:#000000; background-color:#ffffff; border:1px #000000 solid; }
	.accessSec5{ margin-top:0.6rem;   }
	.accessSec5 > p{ padding-top:0.6rem; border-top:1px var(--bgColor4) solid; }		
	
	.accessModalWrapper{ width:100%; height:100vh; display:flex; flex-wrap:nowrap; justify-content:center; align-items:center; background-color:#4d4d4d; }
	.accessModalBody{ width:90vw; margin:0 auto; }
	.accessModalScrollWrapper{ width:90vw; height:150vw; overflow:hidden; }
	.accessModalScrollBody{ width:calc(90vw * 8); display:flex; flex-wrap:nowrap; }
	.accessModalInner{ display:block; width:90vw; height:160vw; background-color:var(--bgColor1); }
	.accessModalInner > div:nth-of-type(1){ width:90vw; height:20vw; display:flex; flex-wrap:nowrap; justify-content:center; align-items:center; background-color:#4d4d4d; }
	.accessModalInner > div:nth-of-type(1) > p{ line-height:140%; color:#ffffff; font-size:1rem; }
	.accessModalInner > div:nth-of-type(1) > p > span{ color:var(--textColor2); }
	.accessModalInner > div:nth-of-type(2){ width:90vw; height:70vw; }
	.accessModalInner > div:nth-of-type(3){ width:90vw; height:60vw; }
	.accessModalInner > div:nth-of-type(3) > div{ width:86vw; height:56vw; overflow-y:auto;  margin:0 auto; margin-top:2vw; }
	.accessModalInner > div:nth-of-type(3) > div > p:nth-of-type(1){ line-height:140%; font-size:1.1rem; }
	.accessModalInner > div:nth-of-type(3) > div > p:nth-of-type(2){ margin-top:0.6rem; }
	.accessModalNavi{ margin-top:1rem; display:flex; flex-wrap:nowrap; justify-content:center; align-items:center; }
	.accessModalNavi > p{ width:1.2rem; }
	.slideNavi{ margin:0 1rem; display:flex; flex-wrap:nowrap; justify-content:center; align-items:center; }
	.slideNavi > p{ display:block; position:relative; width:0.8rem; height:1rem; margin:0 0.4rem; line-height:100%; color:#ffffff; font-size:1rem; font-weight:600; }
	.slideNavi > p:after{ content:'○'; display:block; width:0.8rem height:1rem; position:absolute; top:50%; left:0rem; transform:translateY(-50%); }
	.slideNavi > p.now:after{ content:'●'; display:block; width:0.8rem; height:1rem; position:absolute; top:50%; left:0rem; transform:translateY(-50%); }
	.accessModalClose{ width:10rem; margin:0 auto; margin-top:2rem; }
	.accessModalClose > p{ width:100%; height:2rem; position:relative; line-height:2rem; padding-left:2rem; color:#ffffff; background-color:#000000; border:1px #ffffff solid; }
	.accessModalClose > p:hover{ cursor:pointer; opacity:0.7; }
	.accessModalClose > p:after{ content:''; display:block; width:1rem; height:1rem; position:absolute; top:50%; right:1.4rem; transform:translateY(-50%); background-image:url("../img/btnCross.svg"); background-size:contain; }

	
	/* Appointment */
	.appointMainWrapper{ width:90vw; margin:0 auto; }	
	.appointBox01{ margin-top: 2rem; }
	.appointBox02{ padding: 1rem; border: 1px var(--textColor2) solid; margin-top: 2rem; border-radius: 1rem; }
	.appointBox02 > p:nth-of-type(1){ font-size: 1.5rem; line-height: 150%; font-weight: 600; }
	.appointBox02 > p:nth-of-type(2){ margin-top: 0.5rem; }

	/* news */
	.newsMainWrapper{ width:90vw; margin:0 auto; padding-top: 3rem; }		
	.newsArchiveBtn{ width: 100%; display:flex; flex-wrap:wrap; margin-bottom: 1rem; }
	.newsArchiveBtn > a{ display:inline-block; width:30%; height:2rem; margin-bottom: 0.5rem; padding-left:1rem; line-height:1.8rem; position:relative; color:var(--textColor1); text-decoration:none; border:1px var(--textColor1) solid; border-radius:1rem; margin-right: 0.5rem; }
	.newsArchiveBtn a[ON]{ color:var(--textColor2);  border:1px var(--textColor2) solid;  }
	.newsArchiveBtn > a:after{ content:''; display:block; width:1rem; height:1rem; position:absolute; top:50%; right:0.4rem; transform:translateY(-50%); background-image:var(--linkArrowR); background-size:contain; }
	.newsArchiveBtnStr{ margin-bottom: 0.5rem; }
	.newsArchiveBtnStr > p{ font-size: 1.5rem; font-weight: 600;  color:var(--textColor2); }
	
	
	/* Home */
	.homeMainArea{ width:100%; height:100vh; background-size:cover; background-position:center; }
	.homeMainAreaTitle{ width:100%; height:100vh; display:flex; flex-wrap:nowrap; padding-top: 5rem; padding-left: 1rem;  }
	.homeMainAreaTitle > p{ line-height:130%; font-size:1.75rem; font-weight:600; color:#ffffff;  text-shadow:4px 4px 8px rgba(0,0,0,1); }
	.homeMainAreaTitle .strBrSp{ display:block; margin-top:1.2rem; }
	.homeMainAreaTitle .strL{ font-size:2rem; }
	.homeBoxP2{ width:90vw; margin:0 auto; margin-top:4rem; }
	.homeBoxP2.narrow{ margin-top:2rem; }

	.homeBoxP2 > div:nth-of-type(1){}
	.homeBoxP2 > div:nth-of-type(2){ margin-top:1.5rem; }
	.homeBoxP2Str > p{ font-size: 1rem; font-weight: 600; line-height: 150%; margin-bottom: 0.5rem; }
	
	.homeGreetingBox{ width:90vw; margin:0 auto; margin-top:3rem;  }
	.homeGreetingBox > div:nth-of-type(1){  }
	.homeGreetingBox > div:nth-of-type(2){ margin-top: 1.4rem; }	
	.homeGreetingBox > div:nth-of-type(2) > p:nth-of-type(1) { font-size: 1.5rem; font-weight: 600; line-height: 125%; }	
	.homeGreetingBox > div:nth-of-type(2) > p:nth-of-type(2) { margin-top: 1.5rem; }	
	.homeGreetingBox > div:nth-of-type(2) > p:nth-of-type(3) { font-size: 1.25rem; font-weight: 600; text-align: right; margin-top: 1.5rem; }	
	.homeGreetingBox > div:nth-of-type(2) > p:nth-of-type(3) > span{ font-size: 1rem; }		
	
	.homeSecTitle > p:nth-of-type(1){ line-height:100%; font-size:1.5rem; font-weight:600; color:var(--textColor2); }
	.homeSecTitle > p:nth-of-type(2){ line-height:100%; margin-top:0.6rem; }
	.homeSecTitle > a{ display:inline-block; width:9rem; height:2rem; margin-top:2rem; padding-left:1rem; line-height:1.8rem; position:relative; color:var(--textColor1); text-decoration:none; border:1px var(--textColor1) solid; border-radius:1rem; }
	.homeSecTitle > a:after{ content:''; display:block; width:1rem; height:1rem; position:absolute; top:50%; right:0.4rem; transform:translateY(-50%); background-image:var(--linkArrowR); background-size:contain; }
	.homeNewsArea{ width:100%; border-top:1px var(--textColor1) solid; }
	.homeNews{ width:100%; padding:1rem 0; border-bottom:1px var(--textColor1) solid; }
	.homeNews > p:nth-of-type(1){ color:var(--textColor2); }
	.homeNews > p:nth-of-type(2){ }
	
	.homeSPNews{ width: 100%; padding: 1rem; border: 2px var(--textColor2) solid; margin-top: 1.5rem; border-radius: 0.5rem; }
	.homeSPNews > p:nth-of-type(1){ font-size: 1.25rem; font-weight: 600; color:var(--textColor2); line-height: 150%; }
	.homeSPNews > p:nth-of-type(2){ margin-top: 0.5rem; }
	.homeSPNews > p > a{ display: block; background-color:var(--textColor2); padding: 0.5rem 1rem; font-weight: 600; color:var(--textColor4); text-align: center; text-decoration: none; margin-top: 0.5rem; border-radius: 0.25rem; }
	
	.homeTableWrapper{ width:90vw; overflow-x:scroll; }
	.homeSecArea{ min-width:100%; border-collapse:collapse; border-top:1px var(--textColor2) solid; }
	.homeSecArea td{ min-width:2rem; padding:1rem 0; text-align:center; color:var(--textColor2); font-size:1.4rem; font-weight:600; border-bottom:1px var(--textColor2) solid; }
	.homeSecArea tr:nth-of-type(1) > td{ padding:0.2rem 0; color:var(--textColor1); font-size:1rem; font-weight:400; }
	.homeSecArea tr > td:nth-of-type(1){ min-width:4rem; color:var(--textColor1); font-size:1rem; font-weight:400; }
	.homeSecAreaStr{ margin-top:1rem; }
	.homeChart1Area{ min-width:100%; border-collapse:collapse; border-top:1px var(--textColor2) solid; }
	.homeChart1Area td{ min-width:3rem; padding:1rem 0; text-align:center; border-bottom:1px var(--textColor2) solid; }
	.homeChart1Area tr:nth-of-type(1) > td{ padding:0.2rem 0; }
	.homeChart1Area tr > td:nth-of-type(1){ min-width:4rem; }
	.homeChart2Area{ min-width:100%; border-collapse:collapse; border-top:1px var(--textColor2) solid; }
	.homeChart2Area td{ min-width:3rem; padding:1rem 0; text-align:center; border-bottom:1px var(--textColor2) solid; }
	.homeChart2Area tr:nth-of-type(1) > td{ padding:0.2rem 0; }
	.homeChart2Area tr > td:nth-of-type(1){ min-width:4rem; }
	.homeDlBtn > a{ display:block; width:80vw; height:4rem; margin:0 auto; margin-top:1rem; line-height:4rem; text-align:center; color:var(--textColor4); background-color:var(--bgColor2); text-decoration:none; }
	.homeSec2Bg{ width:100%; margin-top:4rem; padding-bottom:2rem; background-color:var(--bgColor3); }
	.homeSec2BgInner{ width:90vw; margin:0 auto; padding-top:2rem; }
	.homeSec2Title{ text-align:center; }
	.homeSec2Title > p:nth-of-type(1){ line-height:100%; font-size:1.8rem; font-weight:600; color:var(--textColor2); }
	.homeSec2Title > p:nth-of-type(2){ line-height:130%; font-size:1.8rem; font-weight:600; margin-top:1rem; }
	.homeSec2Title > p:nth-of-type(2) > span{ color:var(--textColor2); font-weight:600; }
	.homeSec2body{ width:100%; margin-top:2rem; }
	.homeSec2body > div:nth-of-type(1){ width:100%;  }
	.homeSec2body > div:nth-of-type(2){ padding-top:1rem; }
	.homeSec2body > div:nth-of-type(2) > p:nth-of-type(1){ font-size:1.25rem; line-height: 150%; font-weight:600; color:var(--textColor2); }
	.homeSec2body > div:nth-of-type(2) > p:nth-of-type(2){ margin-top:1rem; }
	.homeBottomSeparator{ width:100%; height:40vh; background-image:url('../../img/homeBottomVisual.jpg'); background-size:cover; background-position:center; }

	/* Header */
	.header{ width:100%; position:fixed; top:0; left:0; z-index:+900; background-color:var(--bgColor1); }
	.spHeader{ width:100%; height:4.4rem; display:flex; flex-wrap:nowrap; justify-content:space-between; align-items:center; }
	.spHeader > div:nth-of-type(1){ margin-top:0.6rem; margin-left:1rem; }
	.spHeader > div:nth-of-type(1) > a{ display:block; width:5rem; height:3.5rem; background-image:var(--mainLogoSvg); background-size:contain; }	
	.spMenuOpen{ width:2.4rem; height:2.4rem; margin-right:1rem; background-image:var(--spMenuOpenBtn); background-size:contain; }
	.spMenuClose{ width:2.4rem; height:2.4rem; margin-right:1rem; background-image:var(--spMenuCloseBtn); background-size:contain; }	
	.spMenuArea{ display:none; width:100%; height:100vh; position:fixed; top:0; left:0; z-index:+950; background-color:#333333; }
	.spMenuArea > .spHeader{ width:100%; height:4.4rem; background-color:var(--bgColor1); }

	
/*
	.header{ width:100%; height:3rem; position:fixed; top:0; left:0; z-index:+900; background-color:var(--bgColor1); }
	.spHeader{ width:100%; height:3rem; display:flex; flex-wrap:nowrap; justify-content:space-between; align-items:center; }
	.spHeader > div:nth-of-type(1){ width:3.4rem; height:3rem; margin-top:0.6rem; margin-left:1rem; }
	.spHeader > div:nth-of-type(1) > a{ display:block; width:3.4rem; height:3rem; background-image:var(--mainLogoSvg); background-size:contain; }
	.spMenuOpen{ width:2rem; height:2rem; margin-right:0.6rem; background-image:var(--spMenuOpenBtn); background-size:contain; }
	.spMenuClose{ width:2rem; height:2rem; margin-right:0.6rem; background-image:var(--spMenuCloseBtn); background-size:contain; }
	.spMenuArea{ display:none; width:100%; height:100vh; position:fixed; top:0; left:0; z-index:+950; background-color:#333333; }
	.spMenuArea > .spHeader{ width:100%; height:3rem; background-color:var(--bgColor1); }
*/
	

	.spMenuSubArea{ width: 100%; height: calc(100% - (4.4rem + 2.8rem + 1.4rem)); overflow-y: scroll; }
	.headerTopBtn{ }
	.headerBtnSizeChgArea{ height:2rem; margin-left:1rem; margin-top:0.5rem; display:flex; flex-wrap:nowrap; align-items:center; }
	.headerBtnSizeStr{ margin-right:0.6rem; line-height:100%; color:#ffffff; }
	.headerBtnSizeChg{ width:5rem; height:1.6rem; margin:0 0.2rem; line-height:1.4rem; text-align:center; color:#000000; background-color:#ffffff; border:1px var(--textColor2) solid; }
	.headerBtnSizeChg.on{ color:var(--textColor4); background-color:var(--textColor2); }
	.headerBtnSizeChg:hover{ cursor:pointer; opacity:0.7; }
	.headerBtnColorChgArea{ height:2rem; margin-left:1rem; margin-top:0.5rem; display:flex; flex-wrap:nowrap; align-items:center; }
	.headerBtnColorStr{ margin-right:0.6rem; line-height:100%; color:#ffffff; }
	.headerBtnColorChg{ width:4rem; height:1.6rem; margin:0 0.2rem; line-height:1.4rem; text-align:center; color:#000000; background-color:#ffffff; border:1px var(--textColor2) solid; }
	.headerBtnColorChg.on{ color:var(--textColor4); background-color:var(--textColor2); }
	.headerBtnColorChg:hover{ cursor:pointer; opacity:0.7; }
	.headerLinkArea{ width:90vw; margin:0 auto; margin-top:1.2rem; color:#ffffff; overflow-y: scroll; }
	.headerLinkArea > p, .headerLinkArea > a{ display:block; position:relative; width:100%; height:2.8rem; color:#ffffff; line-height:2.8rem; text-decoration:none; border-bottom:1px #ffffff solid;  }
	.headerLinkArea > p:after{ content:''; display:block; width:1rem; height:1rem; position:absolute; top:50%; right:0.4rem; transform:translateY(-50%); background-image:url('../img/spSubMenuBtnIcon.svg'); background-size:contain; }
	.headerSubMenuArea{ display:none; padding-top:0.6rem; padding-bottom:1rem; border-bottom:1px #ffffff solid; }
	.headerSubMenuArea > a{ display:block; width:100%; color:#ffffff; line-height:1.8rem; text-decoration:none; }
	.headerBottomBtn{}
	.headerResvLinkArea{ width:90vw; margin:0 auto; margin-top:1.2rem; margin-bottom: 4rem; display: flex; flex-wrap: nowrap; }
	.headerResvLinkArea > div:nth-of-type(1) { flex: 1; }
	.headerResvLinkArea > div:nth-of-type(1) > a{ width: 100%; display:inline-block; height:2.8rem; line-height:2.8rem; text-align:center; padding:0 1rem; color:var(--textColor4); text-decoration:none; background-color:var(--textColor2); }
	
	
	/* Footer */
	.footer{ width:100%; margin-top:4rem; }
	.footerBody{ width:90vw; margin:0 auto; padding-top:2rem; }
	.footerLink1Body{ width:100%; padding-bottom:2rem; border-bottom:1px var(--textColor1) solid; }
	.footerLink1Body > div{}
	.footerLink1Body div > p{ padding-top:1rem; }
	.footerLink1Body div > p > span{ font-size:1.2rem; }
	.footerLink1Body a{ color:var(--textColor1); text-decoration:none; }
	.footerLink2Body{ padding-top:1rem; }
	.footerLink2Body > div:nth-of-type(1){ width: 100%; }
	.footerLink2Body > div:nth-of-type(1) > a{ color:var(--textColor1); text-decoration:none; }
	.footerLink2Body > div:nth-of-type(2){ width: 100%; display:flex; flex-wrap:nowrap; margin-top: 1.6rem; margin-bottom: 2rem; }
	.footerIconInstagram{ display:block; width:2.8rem; height:2.8rem; background-image:var(--iconInstagram); background-size:contain; }
	.footerIconX{ display:block; width:2.8rem; height:2.8rem; margin-left:0.6rem; background-image:var(--iconX); background-size:contain; }
	.footerIconLINE{ display:block; width:2.8rem; height:2.8rem; margin-left:0.6rem; background-image:var(--iconLINE); background-size:contain; }
	.footerIconFaceBook{ display:block; width:2.8rem; height:2.8rem; margin-left:0.6rem; background-image:var(--iconFaceBook); background-size:contain; }
	.footerIconBlog{ display:block; width:2.8rem; height:2.8rem; margin-left:0.6rem; background-image:var(--iconBlog); background-size:contain; }

	
	.footerAdrsBody{ width:100%; margin:0 auto; padding-top:2rem; }
	.footerAdrsBody > div:nth-of-type(1){ display:block; width:60vw; height:50vw; margin:0 auto; background-image:var(--mainLogoSvg); background-position:center top; background-size:contain; }
	.footerAdrsBody > div:nth-of-type(2){}
	.footerAdrsBody > div:nth-of-type(2) > p{ }
	.footerAdrsBody > div:nth-of-type(2) > p:nth-of-type(1){ font-size:1.4rem; font-weight: 600; color:var(--textColor2); }
	.footerAdrsBody > div:nth-of-type(2) > p:nth-of-type(2){ margin-top:0.5rem; }
	.footerTelBody{ padding-left:3.6rem; margin-top:2rem; ;}
	.footerTelBody > p{ line-height:140%; }
	.footerTelBody:before{ content:''; display:block; width:2.6rem; height:2.6rem; position:absolute; top:50%; left:0rem; transform:translateY(-50%); background-image:var(--footerTelIcon); background-size:contain; }
	.footerCopyright{ padding:2rem 0; text-align:center; font-size:0.8rem; }
}


/*===================================================================
  PC
===================================================================*/
@media( min-width:800px )
{
	.sp{ display:none !important; }
	.pc{ display:block; }
	/* COMMON */
	html{ width:100%; font-size:16px; }
	body{ width:100%; overflow-y:scroll; background-color:var(--bgColor1); }
	.underConstruction{ width:100%; height:20vh; display:flex; flex-wrap:nowrap; justify-content:center; align-items:center; }
	.underConstruction > p{ font-size:1.8rem; font-weight:600; color:var(textColor1); }
	.pageTitleImg{ width:100%; height:240px; background-size:cover; background-position:center; }
	.pageTitleImgArea{ width:100%; background-size:cover; background-position:center; }
	.pageTitleImgArea > div{ width: 960px; height:240px;  margin:0 auto; display: flex; align-items: center;  }
	.pageTitleImgArea > div > p{ font-size: 2rem; font-weight:600; line-height: 150%; color: #ffffff; text-shadow:4px 5px 5px rgba(0,0,0,1);   }
	.pageTitle{ width:100%; margin-top:6rem; }
	.pageTitle > p{ line-height:100%; }
	.pageTitle > p:nth-of-type(1){ font-size:2rem; font-weight:600; color:var(--textColor2); }
	.pageTitle > p:nth-of-type(2){ margin-top:0.6rem; }

    .jump{ display: block; padding-top: 12rem; margin-top: -6rem; }    
/*    .jump02{ display: block; padding-top: 1rem; margin-top: -1rem; }    */
    .jump02{ display: block; padding-top: 8rem; margin-top: -3rem; } 
    .jump03{ display: block; padding-top: 7rem; margin-top: -7rem; } 
	
	/* about */
	.aboutMainWrapper{ width:960px; margin:0 auto; }
	.aboutBox01{ margin-top: 2rem; }
	.aboutBox01 > p:nth-of-type(1){ font-size:1.8rem; font-weight:600; line-height: 150%;   }
	.aboutBox01 > p:nth-of-type(2){ margin-top: 1rem;}
	.aboutBox02{ margin-top: 1rem;}
	.aboutBox02 > p{ text-align: right; }
	.aboutBox02 > p > span{ font-size: 1.4rem; font-weight:600; }
	.aboutDoctorArea{ margin-top: 2rem; }
	.aboutDoctorBox01{ display: flex; flex-wrap: nowrap; margin-bottom: 4rem; }
	.aboutDoctorBox01 > div:nth-of-type(1){ width: 224px;}
	.aboutDoctorBox01 > div:nth-of-type(2){ width: 712px; margin-left: 24px;}
	.aboutDoctorBox01 > div:nth-of-type(2) > p:nth-of-type(1){ line-height: 150%;  color:var(--textColor2); }
	.aboutDoctorBox01 > div:nth-of-type(2) > p:nth-of-type(2){ font-size: 1.5rem; line-height: 150%; margin-top: 0.5rem;}
	.aboutDoctorBox01Inner01{ display: flex; flex-wrap: nowrap; margin-top: 1rem; }
	.aboutDoctorBox01Inner01 > p{ width: 10rem; padding: 0.5rem 0; text-align: center; color:var(--textColor1); background-color:var(--bgColor3); margin-right: 0.5rem; border-radius: 2rem;  }
	.aboutDoctorBox01Inner01 > p.Long{ width: 30rem; padding: 0.5rem 0; text-align: center; color:var(--textColor1); background-color:var(--bgColor3); margin-right: 0.5rem; border-radius: 2rem;  }
	.toggleInBox{ margin-top:1rem; margin-bottom: 1rem;  }
	.toggleInBoxBody{ width: 100%;   }
	.toggleInBoxBody > .off:before{ content:''; display:inline-block; width:1.5rem; height:1.5rem; margin-right: 0.5rem; background-image:url("../img/foldingArrowOff.svg"); background-size:contain; }
	.toggleInBoxBody > .on:before{ content:''; display:inline-block; width:1.5rem; height:1.5rem; margin-right: 0.5rem; background-image:url("../img/foldingArrowOn.svg"); background-size:contain;}
	.toggleInBoxMemo{ display:inline-flex; align-items: center; width:100%; padding: 0.5rem; line-height: 150%; font-weight: bold; color:var(--textColor1); border:2px var(--textColor2) solid; }
	.toggleInBoxMemo:hover{ opacity:0.7; cursor:pointer; }
	.toggleInBoxStr{ display:none; width: 100%; padding: 1rem; background-color:var(--bgColor3);  }
	.toggleInBox01{ display: flex; flex-wrap: nowrap; }
	.toggleInBox01 > p:nth-of-type(1){ width: 5.5rem; }	
	.toggleInBox01 > p:nth-of-type(2){ flex: 1; }	
	.toggleInBox00{  }
	.toggleInBox00 > p{}
	.toggleInBox02{ display: flex; flex-wrap: nowrap; }
	.toggleInBox02 > p:nth-of-type(1){ width: 10rem; }	
	.toggleInBox02 > p:nth-of-type(2){ flex: 1; }	
	.aboutDoctorBox02{ padding: 1rem; background-color:var(--bgColor3); }
	.aboutDoctorBox02 > p{}
	.aboutKeijiBox01{ margin-top: 2rem; }
	.aboutKeijiBox01 > p{ }	
	.aboutKeijiBox02{ margin-top: 2rem; }
	.aboutKeijiBox02 > p:nth-of-type(1){ font-size: 1.25rem; font-weight: 600; line-height: 150%; }		
	.aboutKeijiBox02 > p:nth-of-type(2){ margin-top: 1rem; }	
	.aboutKeijiBox02 > p:nth-of-type(3){ margin-top: 1rem; }
	.aboutKeijiBox03{ margin-top: 2rem; }
	.aboutKeijiBox03 > p:nth-of-type(1){ font-size: 1.25rem; font-weight: 600; }		
	.aboutKeijiBox03 > p:nth-of-type(2){  }		
	.aboutKeijiBox03 > p:nth-of-type(n+3){ padding-left: 1em; text-indent: -1em; }		
	
	.aboutRootsBox01{ margin-top: 2rem; display: flex; flex-wrap: nowrap; justify-content: space-between; }
	.aboutRootsBox01 > div:nth-of-type(1){ width: 592px; }
	.aboutRootsBox01 > div:nth-of-type(2){ width: 320px; }
	.aboutRootsBox01Inner01{  }
	.aboutRootsBox01Inner01 > p:nth-of-type(1){ font-size: 1.25rem; font-weight: 600; line-height: 150%; }
	.aboutRootsBox01Inner01 > p:nth-of-type(2){ margin-top: 1rem; margin-bottom: 3rem; }
	.aboutRootsBox01Inner02{ margin-bottom: 2rem; }
	.aboutRootsBox01Inner02 > img{ width: 100%; }
	.aboutRootsBox01Inner02 > p{ line-height: 150%; margin-top: 0.5rem; }
	
	/* medical_personnel */
	.medicalPerMainWrapper{ width:960px; margin:0 auto; }
	.medicalPerBox01{ margin-top: 2rem; }
	.medicalPerBox01 > p{ font-size: 1.4rem; line-height: 150%; font-weight: 600; }
	.medicalPerBox02{  }
	.medicalPerBox02 > p{}
	.medicalPerBox03{ margin-top: 2rem; }
	.medicalPerBox03 > p:nth-of-type(1){ font-size: 1.5rem; font-weight: 600; }
	.medicalPerBox03 > p:nth-of-type(2){}
	.medicalPerDlBtn > a{ display:inline-block; width:50%; height:4rem; margin-right:1rem; text-align:center; line-height:4rem; position:relative; color:var(--textColor4); background-color:var(--bgColor2); text-decoration:none; margin-top: 2rem; }

	/* facilities */
	.facilitiesMainWrapper{ width:960px; margin:0 auto; }
	.facilitiesArea{ margin-top: 2rem; }
	.facilitiesBox01{ display: flex; flex-wrap: nowrap; margin-bottom: 2rem; }
	.facilitiesBox01 >div:nth-of-type(1){ width: 512px; }
	.facilitiesBox01 >div:nth-of-type(2){ width: 416px; margin-left: 32px; }
	.facilitiesBox01 >div:nth-of-type(2) > p:nth-of-type(1){ font-size: 1.5rem; font-weight: 600; line-height: 150%; color:var(--textColor2); }
	.facilitiesBox01 >div:nth-of-type(2) > p:nth-of-type(2){ margin-top: 1rem; }
	
	/* disease */
	.diseaseMainWrapper{ width:960px; margin:0 auto; }
	
	.diseaseIndexBoxStr{ width: 100%; border-top: 1px var(--textColor1) solid;  margin-top: 2rem; }
	.diseaseIndexBoxStr > p{ padding-top: 1rem; font-size: 1.25rem; font-weight: 600; line-height: 125%; }
	.diseaseIndexBox01{ width: 960px; display: flex; flex-wrap: wrap; justify-content:space-between; margin-bottom: 3rem; }
	.diseaseIndexBox01 > a{ display: block; width: 228px; padding: 1rem; border: 1px var(--textColor2) solid; text-decoration: none; line-height: 150%; margin-top: 1rem; }
	.diseaseIndexBox01 > p{ display: block; width: 228px; padding: 1rem; border: 1px var(--textColor6) solid; text-decoration: none; line-height: 150%; margin-top: 1rem; background-color:var(--bgColor3); }
	.diseaseIndexBox01::before{ content:""; display: block; width:228px; order:1; }	
	.diseaseIndexBox01::after{ content:""; display: block; width:228px; }

	.diseaseTitle{ width:100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top:6rem; margin-bottom: 2rem; }
	.diseaseTitle > div:nth-of-type(1){ width: 84%; }
	.diseaseTitle > div:nth-of-type(1) > p{ line-height:125%; }
	.diseaseTitle > div:nth-of-type(1) > p:nth-of-type(1){ font-weight:600; color:var(--textColor2); }
	.diseaseTitle > div:nth-of-type(1) > p:nth-of-type(2){  font-size: 2rem; font-weight:600; color:var(--textColor2); }
	.diseaseTitle > div:nth-of-type(2){ width: 16%; }
	.diseaseTitle > div:nth-of-type(2) > a{display: block; padding: 0.5rem 1rem; line-height: 100%; color: var(--textColor4); background-color: var(--bgColor2); text-decoration: none; }
	
   
	.diseaseBackBtn{ width:50%; height:4rem; margin: auto; margin-top: 4rem; }
	.diseaseBackBtn > a{ display:inline-block; width:100%; text-align:center; line-height:4rem; position:relative; color:var(--textColor4); background-color:var(--bgColor2); text-decoration:none;  }
	
	.diseaseStr01{ width: 100%; margin-bottom: 2rem; }	
	.diseaseStr01 > p{  font-size: 2rem; font-weight:600; color:var(--textColor2); }
	.diseaseStr02{ margin-bottom: 0.75rem; }
	.diseaseStr02 > p{ font-size: 1.25rem; font-weight: 600; line-height: 150%; }
	
	.diseaseTextBox01{ margin-bottom: 2rem; }
	.diseaseTextBox01 > p{ margin-bottom: 0.75rem; }
	.diseaseTextBox02{ width: 960px; display: flex; flex-wrap: wrap; justify-content: space-between; }
	.diseaseTextBox02 > div{ width: 464px; }
	.diseaseTextBox03{ margin-bottom: 1rem; }
	.diseaseTextBox03 > p:nth-of-type(1){ font-weight: 600; }
	.diseaseTextBox03 > p:nth-of-type(2){ margin-bottom: 0.75rem; padding-left: 1rem; }
	.diseaseTextBox04{ margin-bottom: 2rem; }
	.diseaseTextBox04 > p{ padding-left: 1em; text-indent: -1em; margin-bottom: 0.75rem; }

	
	
	
	.diseaseStr03{ margin-bottom: 1.5rem; }
	.diseaseStr03 > p{ font-size: 1.5rem; font-weight: 600; line-height: 150%; color:var(--textColor2); }
	.diseaseTextBox05{ width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
	.diseaseTextBox05 > div:nth-of-type(1){ width: 65%; }
	.diseaseTextBox05 > div:nth-of-type(2){ width: 34%; }
	.diseaseTextBox06{ margin-bottom: 1rem; }
	.diseaseTextBox06 > p{ margin-bottom: 0.75rem; }
	.diseaseTextBox07{  }
	.diseaseTextBox07 > p{  }	
	.diseaseTextBox08{ width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
	.diseaseTextBox08 > div:nth-of-type(1){ width: 464px; margin-bottom: 1rem; }
	.diseaseTextBox08 > div:nth-of-type(2){ width: 464px; margin-bottom: 2rem; }
	
	.diseaseImgBox11 > div{ margin-bottom: 0.25rem; }
	.diseaseImgBox11 > div > img{ }
	.diseaseImgBox11 > div > p{ margin-top: 0.5rem; line-height: 150%; }		
	.diseaseBox01{ width: 100%; padding: 1.5rem; border: #cccccc 1px solid;}
	.diseaseTextBox_indent{ padding-left: 1em; text-indent: -1em; }
	.diseaseTextBox_impact01{ font-weight: 600; line-height: 150%; color:var(--textColor2); text-decoration: underline; }

	.diseaseCap01{ line-height: 150%; margin-bottom: 1.5rem; }
	

	
	.diseaseImgBox01{ width: 960px; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 1.5rem; }
	.diseaseImgBox01 > div{ width: 464px; margin-bottom: 1rem; }
	.diseaseImgBox01 > div > img{ }
	.diseaseImgBox01 > div > p{ margin-top: 0.5rem; line-height: 150%; }	
	.diseaseImgBox02{ width: 960px; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 1.5rem; }
	.diseaseImgBox02 > div:nth-of-type(odd){ width: 400px; margin-bottom: 1rem; }	
	.diseaseImgBox02 > div:nth-of-type(even){ width: 528px; margin-bottom: 1rem; }	
	.diseaseImgBox02 > div > p{ margin-top: 0.5rem; line-height: 150%; }	
	.diseaseImgBox02.narrow{ margin-bottom: 0; }
	.diseaseImgBox02 > div:nth-of-type(odd).narrow{ margin-bottom: 0.5rem; }	
	.diseaseImgBox02 > div:nth-of-type(even).narrow{ margin-bottom: 0.5rem; }		
	.diseaseImgBox03{ margin-bottom: 1.5rem; }
	.diseaseImgBox03 > div{ margin-bottom: 1rem; }
	.diseaseImgBox03 > div > img{ }
	.diseaseImgBox03 > div > p{ margin-top: 0.5rem; line-height: 150%; }	
	.diseaseImgBox04{ width: 960px; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 1.5rem; }
	.diseaseImgBox04 > div{ width: 228px; margin-bottom: 1rem; }
	.diseaseImgBox04 > div > img{ border:#cccccc 1px solid; }
	.diseaseImgBox04 > div > p{ margin-top: 0.5rem; line-height: 150%; }	
	.diseaseImgBox05{ width: 640px; display: flex; flex-wrap: wrap; justify-content: space-between; margin: auto; margin-bottom: 1.5rem; }
	.diseaseImgBox05 > div{ width: 304px; margin-bottom: 1rem; }
	.diseaseImgBox05 > div > img{ }
	.diseaseImgBox05 > div > p{ margin-top: 0.5rem; line-height: 150%; text-align: center; }		
	.diseaseImgBox06{ width: 640px; display: flex; flex-wrap: wrap; justify-content: space-between; margin: auto; margin-bottom: 1.5rem; }
	.diseaseImgBox06 > div{ width: 304px; margin-bottom: 1rem; }
	.diseaseImgBox06 > div > img{ }
	.diseaseImgBox06 > div > img:nth-of-type(2){ margin-top: 1.5rem; }
	.diseaseImgBox06 > div > p{ margin-top: 0.5rem; line-height: 150%; text-align: center; }	
	.diseaseImgBox07{ width: 640px; display: flex; flex-wrap: wrap; justify-content: space-between; margin: auto; margin-bottom: 1.5rem; }
	.diseaseImgBox07 > div:nth-of-type(1){ width: 256px; }
	.diseaseImgBox07 > div:nth-of-type(2){ width: 360px; }
	.diseaseImgBox07Str{ width: 640px; margin: auto; margin-bottom: 2rem; }	
	.diseaseImgBox07Str > p{ line-height: 150%; text-align: center; }
	.diseaseImgBox08{ width: 640px; margin: auto; margin-bottom: 1.5rem; }
	.diseaseImgBox08Str{ width: 640px; margin: auto; margin-bottom: 2rem; }	
	.diseaseImgBox08Str > p{ line-height: 150%; text-align: center; }
	.diseaseImgBox09{ width: 640px; display: flex; flex-wrap: wrap; justify-content: space-between; margin: auto;  }
	.diseaseImgBox09 > div:nth-of-type(1){ width: 304px; }
	.diseaseImgBox09 > div:nth-of-type(2){ width: 304px; }
	.diseaseImgBox09Str{ width: 640px; margin: auto; margin-top: 0.5rem; margin-bottom: 2rem; }	
	.diseaseImgBox09Str > p{ line-height: 150%; text-align: center; }	
	.diseaseImgBox10{ width: 960px; display: flex; flex-wrap: wrap; justify-content: space-between; margin: auto; margin-bottom: 1.5rem; }
	.diseaseImgBox10 > div{ width: 304px; margin-bottom: 1rem; }
	.diseaseImgBox10 > div > img{ }
	.diseaseImgBox10 > div > p{ margin-top: 0.5rem; line-height: 150%; }		
	.diseaseImgBox11{ margin-bottom: 1.5rem; }
	.diseaseImgBox11 > div{ margin-bottom: 1rem; }
	.diseaseImgBox11 > div > img{ }
	.diseaseImgBox11 > div > p{ line-height: 150%; }	
	
	
	
	
	
	/* patient */
	.patientMainWrapper{ width:960px; margin:0 auto; }
	.patientBox01{ margin-top: 2rem; }
	.patientBox01 > p:nth-of-type(1){ font-size:1.5rem; font-weight:600; line-height: 150%;   }
	.patientBox01 > p:nth-of-type(2){ margin-top: 1rem;}
	.patientDlBtn{ display: flex; flex-wrap: nowrap; margin-top: 1.5rem; }
	.patientDlBtn > a{ display:inline-block; width:50%; height:4rem; text-align:center; line-height:4rem; position:relative; color:var(--textColor4); background-color:var(--bgColor2); text-decoration:none;  }
	.patientDlBtn > a:nth-of-type(1){ margin-right:1rem; }
	.patientBox02{ margin-top: 2rem; }
	.patientBox02 > p{ font-size:1.5rem; font-weight:600; line-height: 150%; }
	.patientBox02Inner01{ display: flex; flex-wrap: nowrap; padding: 16px; border: 1px var(--textColor2) solid; margin-top: 1.5rem; border-radius: 1rem; }
	.patientBox02Inner01 > div:nth-of-type(1){ width: 80px; }
	.patientBox02Inner01 > div:nth-of-type(1) > p{ font-size: 2.5rem; line-height: 100%; font-weight: 600; text-align: center; color:var(--textColor2); }
	.patientBox02Inner01 > div:nth-of-type(2){ flex: 1; }
	.patientBox02Inner01 > div:nth-of-type(2) > p:nth-of-type(1){ font-size: 1.5rem; font-weight: 600; color:var(--textColor2); }
	.patientBox02Inner01 > div:nth-of-type(2) > p:nth-of-type(2){  }
	.patientDlBtn02{ margin-top: 1rem; margin-bottom: 1rem; }
	.patientDlBtn02 > a{ display:inline-block; width:50%; height:4rem; text-align:center; line-height:4rem; position:relative; color:var(--textColor4); background-color:var(--bgColor2); text-decoration:none;  }
	.patientBox02Inner02{ display: flex; flex-wrap: nowrap; padding: 16px; border: 1px var(--textColor2) solid; margin-top: 1.5rem; border-radius: 1rem; }
	.patientBox02Inner02 > div:nth-of-type(1){ width: 80px; }
	.patientBox02Inner02 > div:nth-of-type(1) > p{ font-size: 2.5rem; line-height: 100%; font-weight: 600; text-align: center; color:var(--textColor2); }
	.patientBox02Inner02 > div:nth-of-type(2){ width: 560px; }
	.patientBox02Inner02 > div:nth-of-type(2) > p:nth-of-type(1){ font-size: 1.4rem; font-weight: 600; color:var(--textColor2); }
	.patientBox02Inner02 > div:nth-of-type(2) > p:nth-of-type(2){  }
	.patientBox02Inner02 > div:nth-of-type(3){ width: 256px; margin-left: 32px;  }
	.patientDlBtn02{ margin-top: 1rem; margin-bottom: 1rem; }
	.patientBox03{ margin-top: 3rem; padding: 2rem; ; background-color:var(--bgColor3);  }
	.patientBox03 > p:nth-of-type(1){ font-size: 1.25rem; font-weight: 600; color:var(--textColor1); line-height: 150%; }
	.patientBox03 > p:nth-of-type(2){ margin-top: 1rem; }
	.patientBox03 > a{ display: block; margin-top: 1rem; }
	
	/* patient eyedoc */
	.patientEyedocBox01{ margin-top: 2rem; }
	.patientEyedocBox01 > p:nth-of-type(1){ font-size: 1.5rem; font-weight: 600; line-height: 150%; text-align: center; }
	.patientEyedocBox01 > p:nth-of-type(2){ font-size: 2.5rem; line-height: 150%; text-align: center;  line-height:150%; font-family:'Noto Serif JP',serif; font-weight:300; margin-top: 1rem; }
	.patientEyedocBox01 > div{ width: 384px; margin: auto; margin-top: 1.5rem; }
	.patientEyedocBox01 > div > img{  }

	.patientEyedocBox02{ display: flex; flex-wrap: nowrap; justify-content: space-between; margin-top: 3rem; }
	.patientEyedocBox02 > div{ width: 464px; }
	.patientEyedocBox02 > div:nth-of-type(1) > p:nth-of-type(1){ font-size: 2rem; line-height:150%; font-family:'Noto Serif JP',serif; font-weight:400; }
	.patientEyedocBox02 > div:nth-of-type(1) > p:nth-of-type(2){ margin-top: 1rem; }
	.patientEyedocBox02 > div:nth-of-type(1) > p:nth-of-type(3){ font-size: 1.5rem; line-height:150%; font-weight: 600; color:var(--textColor2); margin-top: 2rem;}
	.patientEyedocBox02 > div:nth-of-type(1) > p:nth-of-type(4){ margin-top: 1rem; }
	.patientEyedocBox02 > div:nth-of-type(2){  }
	
	.patientEyedocBox03{ margin-top: 3rem; }
	.patientEyedocBox03 > p:nth-of-type(1){ font-size: 1.5rem; line-height:150%; font-family:'Noto Serif JP',serif; font-weight:400; }
	.patientEyedocBox03 > p:nth-of-type(2){ margin-top: 1rem; }
	.patientEyedocBox04{ display: flex; flex-wrap: nowrap; justify-content: space-between; margin-top: 1rem;}
	.patientEyedocBox04 > div{ width: 304px; padding: 1rem 0; border:1px var(--textColor1) solid; border-radius: 0.5rem; }
	.patientEyedocBox04 > div > p{ line-height: 150%; text-align: center; }

	.patientEyedocBox05 > p{ font-size: 1.75rem; font-weight: 600; margin-top: 4rem; line-height: 150%; }
	.patientEyedocBox06{ display: flex; flex-wrap: nowrap; justify-content: space-between; margin-top: 1rem; }
	.patientEyedocBox06 > div{ width: 464px; }	
	
	.patientEyedocBox07{ margin-top: 1rem; }
	
	.patientEyedocBox08{ display: flex; flex-wrap: nowrap; justify-content: space-between; margin-top: 1rem; }
	.patientEyedocBox08Inner{ width: 228px; }
	.patientEyedocBox08Inner > div:nth-of-type(1){ font-size: 1.25rem; line-height: 150%; color: #ffffff; font-weight: 600; text-align: center; padding: 1rem 0; border-top-right-radius: 0.5rem; border-top-left-radius: 0.5rem; }
	.patientEyedocBox08Inner > div:nth-of-type(2){ padding: 0.5rem 1rem; border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; }
	.patientEyedocBox08Inner > div:nth-of-type(2) > p:nth-of-type(1){ border-bottom: #000000 1px solid; color: #000000; padding-bottom: 0.5rem; }
	.patientEyedocBox08Inner > div:nth-of-type(2) > p:nth-of-type(2){ color: #000000; padding-top: 0.5rem; }
	
	.eyedocColorBlue01{ background-color: #10589e; }
	.eyedocColorBlue02{ background-color: #c6e0f5; }
	.eyedocColorSkyBlue01{ background-color: #37a0da; }
	.eyedocColorSkyBlue02{ background-color: #def1fb; }	
	.eyedocColorGreen01{ background-color: #a8cf6a; }
	.eyedocColorGreen02{ background-color: #e2edba; }		
	.eyedocColorYellow01{ background-color: #f7b756; }
	.eyedocColorYellow02{ background-color: #fffbd0; }	
	
	.patientEyedocBox09{ margin-top: 1rem; padding: 1rem 1.5rem; border:2px var(--textColor2) solid; margin-top: 3rem;  }
	.patientEyedocBox09Inner01{ font-size: 1.5rem; font-weight: 600; line-height: 100%; color:var(--textColor2);  }
	.patientEyedocBox09Inner02{ margin-top: 1rem; }
	.patientEyedocBox09Inner02 > div:nth-of-type(1){  }
	.patientEyedocBox09Inner02 > div:nth-of-type(1) > p{ font-weight: 600; line-height: 150%; padding: 0.5rem; color:var(--textColor4);  background-color:var(--bgColor2);  }
	.patientEyedocBox09Inner02 > div:nth-of-type(2){ margin-top: 0.5rem; }
	.patientEyedocBox09Inner02 > div:nth-of-type(2) > p{ padding-left: 1em; text-indent: -1em; }
	
	.patientEyedocBox10{ margin-top: 1rem; background-color: #c6e0f5; padding: 0.5rem 1rem; }
	.patientEyedocBox10 > p{ color: #000000; }
	
	.patientEyedocBox11{ margin-top: 1rem; }
	
	.patientEyedocSecArea{ width:100%; border-collapse:collapse; border-top:1px var(--textColor2) solid; }
	.patientEyedocSecArea td{ width:13%; padding:1rem 0; text-align:center; color:var(--textColor2); font-size:1.4rem; font-weight:600; border-bottom:1px var(--textColor2) solid; }
	.patientEyedocSecArea tr:nth-of-type(1) > td{ padding:0.2rem 0; color:var(--textColor1); font-size:1rem; font-weight:400; }
	.patientEyedocSecArea tr > td:nth-of-type(1){  width:9%; color:var(--textColor1); font-size:1rem; font-weight:400; }
	.patientEyedocSecAreaStr{ margin-top:1rem; }
	
	.patientEyedocBox12{ margin-top: 3rem; border:2px var(--textColor2) solid;  }
	.patientEyedocBox12Inner01{  }
	.patientEyedocBox12Inner01 > p{ font-size: 1.5rem; font-weight: 600; line-height: 150%; padding: 0.5rem 1rem; color:var(--textColor4); background-color:var(--textColor2);  }
	.patientEyedocBox12Inner02{ display: flex; flex-wrap: nowrap; padding:0 1rem 1rem 1rem; margin-top: 1rem; }
	.patientEyedocBox12Inner02 > p:nth-of-type(1){ width: 10rem; font-weight: 600; line-height: 100%; padding: 1rem; text-align: center; color: #000000; background-color: #e6e6e6;  }
	.patientEyedocBox12Inner02 > p:nth-of-type(2){ flex: 1; padding-left: 1rem; font-size: 2.5rem; font-weight: 600; line-height: 125%; color:var(--textColor2); }
	.patientEyedocBox12Inner03{ display: flex; flex-wrap: nowrap; padding:0 1rem 1rem 1rem; margin-top: 0.5rem; }
	.patientEyedocBox12Inner03 > div:nth-of-type(1){ width: 18%; font-weight: 600; padding: 0.5rem; }
	.patientEyedocBox12Inner03 > div:nth-of-type(2){ width: 41%; display: flex; flex-wrap: nowrap; }
	.patientEyedocBox12Inner03 > div:nth-of-type(2) > p:nth-of-type(1){ width: 8rem; font-weight: 600; line-height: 125%; padding: 0.5rem 0; text-align: center; color:var(--textColor4); background-color:var(--bgColor2); }
	.patientEyedocBox12Inner03 > div:nth-of-type(2) > p:nth-of-type(2){ padding-left: 1rem;}
	.patientEyedocBox12Inner03 > div:nth-of-type(3){ width: 41%; display: flex; flex-wrap: nowrap; }
	.patientEyedocBox12Inner03 > div:nth-of-type(3) > p:nth-of-type(1){ width: 8rem; font-weight: 600; line-height: 125%; padding: 0.5rem 0; text-align: center; color:var(--textColor4); background-color:var(--bgColor2); }
	.patientEyedocBox12Inner03 > div:nth-of-type(3) > p:nth-of-type(2){ padding-left: 1rem;}
	
	/* patient horizontal scroll */
	.patientEyedoc-scroll { width: 960px; margin-top: 4rem; background-color: #ffffff; }
    .table-width { width: 960px; border: none; }
    .cell-width01 { width: 240px; top:0; left:0; right: 0; border: none; background-color: #ffffff; }
    .cell-width02 { width: 720px; border: none; }	
	
	.patientEyedocDlBtn{ width:50%; height:4rem; margin: auto; margin-top: 4rem; }
	.patientEyedocDlBtn > a{ display:inline-block; width:100%; text-align:center; line-height:4rem; position:relative; color:var(--textColor4); background-color:var(--bgColor2); text-decoration:none;  }

	/* patient surgery */
	.patientSurgeryBox01{ margin-top: 2rem; }
	.patientSurgeryBox01 > p:nth-of-type(1){ font-size:1.5rem; font-weight:600; line-height: 150%; padding: 0.5rem 1rem; color:var(--textColor4); background-color:var(--textColor2); }
	.patientSurgeryBox01 > p:nth-of-type(2){ margin-top: 0.5rem;}	
	
	.patientSurgeryTable{ width: 960px; margin-top: 2rem;  align-items: flex-start;  }
	.patientSurgeryTableBox01{ width: 100%; padding: 1rem; background-color:var(--bgColor3); }
	.patientSurgeryTableBox01Inner{ padding: 1rem 0; border-top:1px var(--textColor1) solid; display: flex; flex-wrap: nowrap; }
	.patientSurgeryTableBox01Inner > p:nth-of-type(1){ width: 80%; padding-left: 0.5rem; line-height: 125%;  }
	.patientSurgeryTableBox01Inner > p:nth-of-type(2){ width: 20%; padding-right: 0.5rem; line-height: 125%; text-align: right;  }
	.patientSurgeryTableBox01Inner.last{ padding: 1rem 0; border-top:2px var(--textColor1) solid; border-bottom:1px var(--textColor1) solid; display: flex; flex-wrap: nowrap; }
	.patientSurgeryTableBox01Inner.last > p:nth-of-type(1){ font-weight: 600;  }
	.patientSurgeryTableBox01Inner.last > p:nth-of-type(2){ font-weight: 600;  }	
	
	.patientSurgeryBtn{ width: 640px; margin:0 auto; margin-top: 3rem;   }
	.patientSurgeryBtn > a{ display:inline-block; width:100%; height:4rem; text-align:center; line-height:4rem; position:relative; color:var(--textColor4); background-color:var(--bgColor2); text-decoration:none; }	

	.patientSurgeryBox02{ margin-top: 2rem; }
	.patientSurgeryBox02 > p{ font-size:1.5rem; font-weight:600; line-height: 150%; }
	.patientSurgeryBox02Inner01{ display: flex; flex-wrap: nowrap; padding: 16px; border: 1px var(--textColor2) solid; margin-top: 1.5rem; border-radius: 1rem; }
	.patientSurgeryBox02Inner01 > div:nth-of-type(1){ width: 80px; }
	.patientSurgeryBox02Inner01 > div:nth-of-type(1) > p{ font-size: 2.5rem; line-height: 100%; font-weight: 600; text-align: center; color:var(--textColor2); }
	.patientSurgeryBox02Inner01 > div:nth-of-type(2){ flex: 1; }
	.patientSurgeryBox02Inner01 > div:nth-of-type(2) > p:nth-of-type(1){ font-size: 1.5rem; font-weight: 600; color:var(--textColor2); }
	.patientSurgeryBox02Inner01Str{ margin-bottom: 0.75rem; }
	.patientSurgeryBox02Inner01Column{ width: 50%; display: flex; flex-wrap: nowrap;  background-color:var(--bgColor3); padding: 0.5rem 1rem;  }
	.patientSurgeryBox02Inner01Column > p:nth-of-type(1){ width: 60%; font-weight: 600; }
	.patientSurgeryBox02Inner01Column > p:nth-of-type(2){ width: 40%;  }

	.patientSurgeryMovieArea{ width: 560px; margin: auto; margin-bottom: 3rem; padding-top: 7rem;}
	.patientSurgeryMovieArea > div{ margin-bottom: 2rem;}
	.patientSurgeryMovieArea > div > a{ display: block; text-decoration: none; }
	.patientSurgeryMovieArea > div > a > p{ margin-top: 0.5rem; line-height: 150%;}
	
	
	
	/* customer */
	.policyMainWrapper{  width:100%; padding-bottom:2rem; background-color:var(--bgColor3);}
	.policyMainWrapper2Inner{ width:960px; margin:6rem auto; }
	.policySec3Title{ padding-top:4rem; }
	.policySec3Title > p{ font-size:1.4rem; font-weight:600; text-align:center; }
	.policySec4{ padding-top:2rem; }
	.policySec4 > p:nth-of-type(1){ font-size:1.4rem; padding-bottom:0.6rem;}
	.policySec4 > p:nth-of-type(2){ margin-top:0.6rem; }
	/* .customerSec4 > p:nth-of-type(3){ width:26rem; height:4rem; margin-top:2rem;} */
	.policySec401{ font-size:1.4rem; font-weight:600; padding-bottom:0.6rem; border-bottom:1px var(--bgColor4) solid;}
	.policySec402{ font-size:1.4rem; font-weight:600; padding-bottom:0.6rem;}

	/* Access */
	.accessMainWrapper{ width:960px; margin:0 auto; }
	.accessGmapWrapper{ width:100%; margin-top:2rem; }
	.accessGmap{ width:960px; height:700px; border:0; }
	.accessNaviBtn1{ width:40rem; margin:0 auto; margin-top:2rem; }
	.accessNaviBtn1 > p{ width:100%; height:4rem; line-height:4rem; text-align:center; color:#000000; background-color:#ffffff; border:1px #000000 solid; }
	.accessNaviBtn1 > p:hover{ cursor:pointer; opacity:0.7; }
	.accessSec2Title{ width:960px; margin:0 auto; margin-top:1rem; }
	.accessSec2Title > p:nth-of-type(1){ font-size:1.25rem; font-weight:600; padding-bottom:0.6rem; border-bottom:1px var(--bgColor4) solid; }
	.accessSec2Title > p:nth-of-type(2){ margin-top:0.6rem; }
	.accessSec2img1{ width:960px; margin:0 auto; padding-top: 6rem; }
	.accessSec2img1 > p{ font-size:1.5rem; font-weight:600; line-height: 125%; margin-bottom: 1rem; }
	.accessSec2img1 > p > span{ color:var(--textColor2); }
	.accessSec2img2{ width:960px; margin:0 auto; margin-top:3rem; margin-bottom:3rem; }
	.accessSec2img2 > p{ font-size:1.5rem; font-weight:600; line-height: 125%; margin-bottom: 1rem; }
	.accessSec2img2 > p > span{ color:var(--textColor2); }
	.accessSec2img3{ width:50rem; margin:0 auto; margin-top:6rem; }
	.accessMainWrapper2{ width:100%; margin-top:6rem; padding-bottom:4rem; background-color:var(--bgColor3); }
	.accessMainWrapper2Inner{  width:960px; margin:0 auto; }
	.accessSec3Title{ padding-top:4rem; }
	.accessSec3Title > p{ font-size:1.5rem; font-weight:600; line-height: 125%; }
	.accessSec4{ padding-top:2rem; }
	.accessSec4 > p:nth-of-type(1){ font-size:1.25rem; font-weight:600; padding-bottom:0.5rem; border-bottom:1px var(--bgColor4) solid; line-height: 150%; }
	.accessSec4 > p:nth-of-type(2){ margin-top:0.6rem; }
	.accessSec4 > p:nth-of-type(3){ width:40rem; height:4rem; margin-top:2rem; line-height:4rem; text-align:center; color:#000000; background-color:#ffffff; border:1px #000000 solid; }
	.accessSec4 > p:nth-of-type(3):hover{ cursor:pointer; opacity:0.7; }
	.accessSec5{ margin-top:0.6rem;   }
	.accessSec5 > p{ padding-top:0.6rem; border-top:1px var(--bgColor4) solid; }
	
	.accessModalWrapper{ width:100%; height:100vh; display:flex; flex-wrap:nowrap; justify-content:center; align-items:center; background-color:#4d4d4d; }
	.accessModalBody{ width:960px; margin:0 auto; }
	.accessModalScrollWrapper{ width:960px; height:430px; overflow:hidden; }
	.accessModalScrollBody{ width:calc(960px * 8); display:flex; flex-wrap:nowrap; }
	.accessModalInner{ display:block; width:960px; height:430px; display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:center; background-color:var(--bgColor1); }
	.accessModalInner > div:nth-of-type(1){ width:960px; height:40px; background-color:#4d4d4d; }
	.accessModalInner > div:nth-of-type(1) > p{ line-height:100%; color:#ffffff; font-size:1.2rem; }
	.accessModalInner > div:nth-of-type(1) > p > span{ color:var(--textColor2); }
	.accessModalInner > div:nth-of-type(2){ width:520px; height:390px; }
	.accessModalInner > div:nth-of-type(3){ width:440px; height:390px; }
	.accessModalInner > div:nth-of-type(3) > div{ width:400px; height:350px; overflow-y:auto;  margin:0 auto; margin-top:20px; }
	.accessModalInner > div:nth-of-type(3) > div > p:nth-of-type(1){ line-height:140%; font-size:1.2rem; }
	.accessModalInner > div:nth-of-type(3) > div > p:nth-of-type(2){ margin-top:0.6rem; }
	.accessModalNavi{ margin-top:2rem; display:flex; flex-wrap:nowrap; justify-content:center; align-items:center; }
	.accessModalNavi > p{ width:1.6rem; }
	.accessModalNavi > p:hover{ cursor:pointer; opacity:0.7; }
	.slideNavi{ margin:0 2rem; display:flex; flex-wrap:nowrap; justify-content:center; align-items:center; }
	.slideNavi > p{ display:block; position:relative; width:1.4rem; height:1.4rem; margin:0 0.4rem; line-height:100%; color:#ffffff; font-size:1.4rem; font-weight:600; }
	.slideNavi > p:hover{ cursor:pointer; opacity:0.7; }
	.slideNavi > p:after{ content:'○'; display:block; width:1.4rem; height:1.4rem; position:absolute; top:50%; left:0rem; transform:translateY(-50%); }
	.slideNavi > p.now:after{ content:'●'; display:block; width:1.4rem; height:1.4rem; position:absolute; top:50%; left:0rem; transform:translateY(-50%); }
	.accessModalClose{ width:12rem; margin:0 auto; margin-top:3rem; }
	.accessModalClose > p{ width:100%; height:3rem; position:relative; line-height:3rem; padding-left:2rem; color:#ffffff; background-color:#000000; border:1px #ffffff solid; }
	.accessModalClose > p:hover{ cursor:pointer; opacity:0.7; }
	.accessModalClose > p:after{ content:''; display:block; width:1rem; height:1rem; position:absolute; top:50%; right:1.4rem; transform:translateY(-50%); background-image:url("../img/btnCross.svg"); background-size:contain; }


	/* Appointment */
	.appointMainWrapper{ width:960px; margin:0 auto; }
	.appointBox01{ margin-top: 2rem; }
	.appointBox02{ padding: 1.5rem; border: 1px var(--textColor2) solid; margin-top: 2rem; border-radius: 1rem; }
	.appointBox02 > p:nth-of-type(1){ font-size: 1.5rem; line-height: 100%; font-weight: 600; }
	.appointBox02 > p:nth-of-type(2){ margin-top: 1rem; }


	/* news */
	.newsMainWrapper{ width:960px; margin:0 auto; }	
	.newsArchiveBtn{ width: 768px; display:flex; flex-wrap:wrap; margin-bottom: 2rem; }
	.newsArchiveBtn > a{ display:inline-block; width:9rem; height:2rem; margin-bottom: 0.5rem; padding-left:1rem; line-height:1.8rem; position:relative; color:var(--textColor1); text-decoration:none; border:1px var(--textColor1) solid; border-radius:1rem; margin-right: 0.5rem; }
	.newsArchiveBtn a[ON]{ color:var(--textColor2);  border:1px var(--textColor2) solid;  }
	.newsArchiveBtn > a:after{ content:''; display:block; width:1rem; height:1rem; position:absolute; top:50%; right:0.4rem; transform:translateY(-50%); background-image:var(--linkArrowR); background-size:contain; }
	.newsArchiveBtnStr{ margin-bottom: 0.5rem; }
	.newsArchiveBtnStr > p{ font-size: 1.75rem; font-weight: 600;  color:var(--textColor2); }	

	
	/* Home */
	.homeMainArea{ width:100%; height:720px; background-size:cover; background-position:center; }
	.homeMainAreaTitle{ width:100%; height:720px; display:flex; flex-wrap:nowrap; padding-top: 1rem; padding-left: 1rem; }
	.homeMainAreaTitle > p{ line-height:125%; font-size:2.5rem;  color:#ffffff; font-weight:600; text-shadow:4px 4px 8px rgba(0,0,0,1); }
	.homeMainAreaTitle .strBrPc{ display:block; margin-top:2rem; }
	.homeMainAreaTitle .strL{ font-size:3.4rem; }
	.homeBoxP2{ width:960px; margin:0 auto; margin-top:6rem; display:flex; flex-wrap:nowrap; }
	.homeBoxP2.narrow{ margin-top:2rem; }

	.homeBoxP2 > div:nth-of-type(1){ width:12rem; }
	.homeBoxP2 > div:nth-of-type(2){ flex:1; }
	.homeBoxP2Str > p{ font-size: 1.25rem; font-weight: 600; line-height: 150%; margin-bottom: 0.5rem; }
	
	.homeGreetingBox{ width:960px; margin:0 auto; margin-top:6rem; display:flex; flex-wrap:nowrap; }
	.homeGreetingBox > div:nth-of-type(1){ width:12rem; }
	.homeGreetingBox > div:nth-of-type(2){ flex:1; }	
	.homeGreetingBox > div:nth-of-type(2) > p:nth-of-type(1) { font-size: 1.75rem; font-weight: 600; line-height: 125%; }	
	.homeGreetingBox > div:nth-of-type(2) > p:nth-of-type(2) { margin-top: 1.5rem; }	
	.homeGreetingBox > div:nth-of-type(2) > p:nth-of-type(3) { font-size: 1.25rem; font-weight: 600; text-align: right; margin-top: 1.5rem; }
	.homeGreetingBox > div:nth-of-type(2) > p:nth-of-type(3) > span{ font-size: 1rem; padding-right:1rem; }		
	
	.homeSecTitle > p:nth-of-type(1){ line-height:125%; font-size:1.75rem; font-weight:600; color:var(--textColor2); }
	.homeSecTitle > p:nth-of-type(2){ line-height:100%; margin-top:0.6rem; }
	.homeSecTitle > a{ display:inline-block; width:9rem; height:2rem; margin-top:2rem; padding-left:1rem; line-height:1.8rem; position:relative; color:var(--textColor1); text-decoration:none; border:1px var(--textColor1) solid; border-radius:1rem; }
	.homeSecTitle > a:after{ content:''; display:block; width:1rem; height:1rem; position:absolute; top:50%; right:0.4rem; transform:translateY(-50%); background-image:var(--linkArrowR); background-size:contain; }
	.homeNewsArea{ width:100%; border-top:1px var(--textColor1) solid; }
	.homeNews{ width:100%; padding:1rem 0; display:flex; flex-wrap:nowrap; border-bottom:1px var(--textColor1) solid; }
	.homeNews > p:nth-of-type(1){ width:7rem; color:var(--textColor2); }
	.homeNews > p:nth-of-type(2){ flex:1; }	
	
	.homeSPNews{ width: 100%; padding: 1rem; border: 2px var(--textColor2) solid; margin-top: 1.5rem; border-radius: 0.5rem; }
	.homeSPNews > p:nth-of-type(1){ font-size: 1.25rem; font-weight: 600; color:var(--textColor2); line-height: 150%; }
	.homeSPNews > p:nth-of-type(2){ margin-top: 0.5rem; }
	.homeSPNews > p > a{ display: block; background-color:var(--textColor2); padding: 0.5rem 1rem; font-weight: 600; color:var(--textColor4); text-align: center; text-decoration: none; margin-top: 0.5rem; border-radius: 0.25rem; }
	
	
	.homeSecArea{ width:100%; border-collapse:collapse; border-top:1px var(--textColor2) solid; }
	.homeSecArea td{ width:13%; padding:1rem 0; text-align:center; color:var(--textColor2); font-size:1.4rem; font-weight:600; border-bottom:1px var(--textColor2) solid; }
	.homeSecArea tr:nth-of-type(1) > td{ padding:0.2rem 0; color:var(--textColor1); font-size:1rem; font-weight:400; }
	.homeSecArea tr > td:nth-of-type(1){  width:9%; color:var(--textColor1); font-size:1rem; font-weight:400; }
	.homeSecAreaStr{ margin-top:1rem; }
	.homeChart1Area{ width:100%; border-collapse:collapse; border-top:1px var(--textColor2) solid; }
	.homeChart1Area td{ width:13%; padding:1rem 0; text-align:center; border-bottom:1px var(--textColor2) solid; }
	.homeChart1Area tr:nth-of-type(1) > td{ padding:0.2rem 0; }
	.homeChart1Area tr > td:nth-of-type(1){  width:9%; }
	.homeChart2Area{ width:100%; border-collapse:collapse; border-top:1px var(--textColor2) solid; }
	.homeChart2Area td{ width:13%; padding:1rem 0; text-align:center; border-bottom:1px var(--textColor2) solid; }
	.homeChart2Area tr:nth-of-type(1) > td{ padding:0.2rem 0; }
	.homeChart2Area tr > td:nth-of-type(1){  width:9%; }
	.homeDlBtn > a{ display:inline-block; width:16rem; height:4rem; margin-right:1rem; text-align:center; line-height:4rem; position:relative; color:var(--textColor4); background-color:var(--bgColor2); text-decoration:none; }
	.homeSec2Bg{ width:100%; margin-top:6rem; padding-bottom:4rem; background-color:var(--bgColor3); }
	.homeSec2BgInner{ width:960px; margin:0 auto; padding-top:4rem; }
	.homeSec2Title{ text-align:center; }
	.homeSec2Title > p:nth-of-type(1){ line-height:100%; font-size:1.8rem; font-weight:600; color:var(--textColor2); }
	.homeSec2Title > p:nth-of-type(2){ line-height:100%; font-size:1.8rem; font-weight:600; margin-top:1rem; }
	.homeSec2Title > p:nth-of-type(2) > span{ color:var(--textColor2); font-weight:600; }
	.homeSec2body{ width:100%; margin-top:2rem; display:flex; flex-wrap:nowrap; }
	.homeSec2body > div:nth-of-type(1){ width:550px; }
	.homeSec2body > div:nth-of-type(2){ flex:1; padding-top:2rem; padding-left:2rem; }
	.homeSec2body > div:nth-of-type(2) > p:nth-of-type(1){ font-size:1.25rem; font-weight:600; line-height: 150%; color:var(--textColor2); margin-top: 0.5rem; }
	.homeSec2body > div:nth-of-type(2) > p:nth-of-type(2){ margin-top:1rem; }
	.homeBottomSeparator{ width:100%; height:600px; background-image:url('../../img/homeBottomVisual.jpg'); background-size:cover; background-position:center; }

	/* Header */
	.header{ width:100%; height:6rem; position:fixed; top:0; left:0; z-index:+900; display:flex; flex-wrap:nowrap; justify-content:space-between; align-items:flex-start; background-color:var(--bgColor1); }
	.headerLogo{ width:7rem; height:4.8rem; margin-top:0.6rem; margin-left:1rem; }
	.headerLogo > a{ display:block; width:7rem; height:4.8rem; background-image:var(--mainLogoSvg); background-size:contain; }
	.headerSpacer{ width:100%; height:6rem; }
	.headerTopBtn{ display:flex; flex-wrap:nowrap; }
	.headerBtnSizeChgArea{ height:2rem; margin-top:0.8rem; display:flex; flex-wrap:nowrap; align-items:center; }
	.headerBtnSizeStr{ margin-right:0.6rem; line-height:100%; }
	.headerBtnSizeChg{ width:5rem; height:1.6rem; margin:0 0.2rem; line-height:1.4rem; text-align:center; color:#000000; background-color:#ffffff; border:1px var(--textColor2) solid; }
	.headerBtnSizeChg.on{ color:var(--textColor4); background-color:var(--textColor2); }
	.headerBtnSizeChg:hover{ cursor:pointer; opacity:0.7; }
	.headerBtnColorChgArea{ height:2rem; margin-left:1.4rem; margin-top:0.8rem; display:flex; flex-wrap:nowrap; align-items:center; }
	.headerBtnColorStr{ margin-right:0.6rem; line-height:100%; }
	.headerBtnColorChg{ width:4rem; height:1.6rem; margin:0 0.2rem; line-height:1.4rem; text-align:center; color:#000000; background-color:#ffffff; border:1px var(--textColor2) solid; }
	.headerBtnColorChg.on{ color:var(--textColor4); background-color:var(--textColor2); }
	.headerBtnColorChg:hover{ cursor:pointer; opacity:0.7; }
	.headerResvLinkArea{ height:2.8rem; margin-top:0; margin-left:1.4rem; margin-right:1rem; }
	.headerResvLinkArea > a{ display:block; height:2.8rem; line-height:2.8rem; text-align:center; padding:0 2.4rem; color:var(--textColor4); text-decoration:none; font-size:1.2rem; background-color:var(--textColor2); border-radius: 0 0 0.5rem 0.5rem; }
	.headerMainMenuArea{ position:absolute; bottom:0; right:0.5rem;  display:flex; flex-wrap:nowrap; align-items:center; }
	.headerMainMenu{}
	.headerMainMenu > a, .headerMainMenu > p{ display:inline-block; padding:0 0.6rem; padding-bottom:0.5rem; margin:0 0.6rem; margin-bottom:0.2rem; line-height:100%; font-size:1.1rem; font-weight:500; color:var(--textColor1); text-decoration:none; border-bottom:3px var(--bgColor1) solid; }
	.headerMainMenu.now > a, .headerMainMenu.now > p{ border-bottom:3px var(--textColor2) solid; }
	.headerMainMenu > a:hover, .headerMainMenu > p:hover{ cursor:pointer; opacity:0.7; }
	.headerSubMenuArea{ display:none; width:100%; right:20rem; padding:1.2rem 0; color:#ffffff; position:fixed; top:6rem; left:0; z-index:+800; background-color:#333333; }
	.headerSubMenuAreaInner{}
	.headerSubMenuAreaInner > a{ display:inline-block; padding:0.2rem 0; margin-bottom:0.6rem; line-height:100%; font-size:1.1rem; font-weight:500; color:#ffffff; text-decoration:none; border-bottom:2px #333333 solid; }
	.headerSubMenuAreaInner > a:hover{ cursor:pointer; opacity:1; color:#ffffff; text-decoration:none; border-bottom:2px #ffffff solid; }

	/* Footer */
	.footer{ width:100%; margin-top:4rem; }
	.footerBody{ width:960px; margin:0 auto; padding-top:2rem; }
	.footerLink1Body{ width:100%; padding-bottom:2rem; display:flex; flex-wrap:nowrap; border-bottom:1px var(--textColor1) solid; }
	.footerLink1Body > div{ width:50%; }
	.footerLink1Body div > p{ padding-top:1rem; }
	.footerLink1Body div > p > span{ font-size:1.2rem; }
	.footerLink1Body a{ color:var(--textColor1); text-decoration:none; }
	.footerLink2Body{ width:100%; padding-top:1rem;  display:flex; flex-wrap:nowrap; }
	.footerLink2Body > div:nth-of-type(1){ width: 50%; }
	.footerLink2Body > div:nth-of-type(1) > a{ color:var(--textColor1); text-decoration:none; }
	.footerLink2Body > div:nth-of-type(2){ width: 50%; display:flex; flex-wrap:nowrap; justify-content: flex-end; }
	.footerIconInstagram{ display:block; width:2.4rem; height:2.4rem; margin-left:0.6rem; background-image:var(--iconInstagram); background-size:contain; }
	.footerIconX{ display:block; width:2.4rem; height:2.4rem; margin-left:0.6rem; background-image:var(--iconX); background-size:contain; }
	.footerIconLINE{ display:block; width:2.4rem; height:2.4rem; margin-left:0.6rem; background-image:var(--iconLINE); background-size:contain; }
	.footerIconFaceBook{ display:block; width:2.4rem; height:2.4rem; margin-left:0.6rem; background-image:var(--iconFaceBook); background-size:contain; }
	.footerIconBlog{ display:block; width:2.4rem; height:2.4rem; margin-left:0.6rem; background-image:var(--iconBlog); background-size:contain; }

	.footerAdrsBody{ width:80%; margin:0 auto; padding-top:2rem; display:flex; flex-wrap:nowrap; }
	.footerAdrsBody > div:nth-of-type(1){ display:block; width:50%; background-image:var(--mainLogoSvg); background-position:center top; background-size:50%; }
	.footerAdrsBody > div:nth-of-type(2){ flex:1; }
	.footerAdrsBody > div:nth-of-type(2) > p{  }
	.footerAdrsBody > div:nth-of-type(2) > p:nth-of-type(1){ font-size:1.4rem;  font-weight: 600; color:var(--textColor2); }
	.footerAdrsBody > div:nth-of-type(2) > p:nth-of-type(2){ margin-top:0.5rem;  }
	.footerTelBody{ padding-left:3.6rem; margin-top:1rem; }
	.footerTelBody > p{ line-height:140%; }
	.footerTelBody:before{ content:''; display:block; width:2.6rem; height:2.6rem; position:absolute; top:50%; left:0rem; transform:translateY(-50%); background-image:var(--footerTelIcon); background-size:contain; }
	.footerCopyright{ padding:4rem 0; text-align:center; font-size:0.9rem; }
}