@charset 'utf-8';

/* ================================================================================== */
/*   CSS Import   */
/* ================================================================================== */
@import url(./ress.css);

/* ================================================================================== */
/*   Common TAG   */
/* ================================================================================== */
html{ width:100%; height:100%; }
body{ width:100%; height:100%; position:relative; font-family:Helvetica,Arial,Roboto,'Droid Sans','メイリオ',Meiryo,'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN',sans-serif; }
pre{ padding:1rem; border-bottom:1px #333333 solid; }
div{ position:relative; }
img{ display:inline-block; width:100%; height:auto; }

/* ================================================================================== */
/*   Responsive SP   */
/* ================================================================================== */
@media( max-width:959px )
{
	.sp{ display:block; }
	.pc{ display:none !important; }
	/* COMMON */
	.pageTitle{ width:100%; padding-top:32vh; }
	.pageTitleLogo{ width:54vw; height:38vw; margin:0 auto; background-size:contain; }
	.pageTitleStr{ text-align:center; margin-top:3rem; font-size:200%; }
	.mainContentsArea{ width:90vw; margin:0 auto; }
    
	/* RESEARCHER */
	.researcherBox01{}
	.researcherBox01 > p{ text-align:center; margin-top:4rem; font-size:150%; }    
	.researcherBox02{}
	.researcherBox02 > p{ text-align:center; margin-top:2rem; font-size:120%; }        
	.researcherCat{ width:100%; margin-top:2rem; }
	.researcherCat > p{ display:block; width:100%; padding:1rem; text-align: center; position:relative; text-decoration:none; margin-top:0.5rem;font-size: 120%; }
	.researcherBox03{ width: 100%; margin-top: 1rem; }
	.researcherBox04{ margin-top:2rem; line-height: 200%;  }
	.researcherBox05{ margin-top:2rem; line-height: 200%; }
	.researcherBox05 > p{ padding-left: 2.5rem; text-indent: -2.5rem; }
	.researcherNoteBox{ margin-top:2rem; padding:1rem; border-width:1px; border-style:solid; }
	.researcherNoteBox > p{ padding-left: 1.2rem; text-indent: -1.2rem; line-height: 200%; padding-bottom: 0.5rem; }    
	.researcherBox06{ width:100%; margin-top:1rem; border-width:1px; border-style:solid; }
    .researcherBox06 > div{ padding:1rem; }
	.researcherBox06 > div > p:nth-of-type(1){ font-size: 150%; line-height: 150%; }
	.researcherBox06 > div > p:nth-of-type(2){ line-height: 200%; }    
	.researcherBox07{ width:100%; margin-top:2rem; }
	.researcherBox07 > p{ padding:1.5rem; position:relative; margin-top:1rem; line-height: 200%; border-width:1px; border-style:solid; }    
	.researcherBox07 > p > a{  font-weight:bold; padding-right:1.5em; text-decoration: underline; margin-right:0.2em; position:relative; }
	.researcherBox07 > p > a:after{ content:''; display:block; width:1.2em; height:1.2em; position:absolute; bottom:0; right:0; margin:auto; background-size:contain; }    
	.researcherBox08{ margin-top:1rem; padding:1rem; border-width:1px; border-style:solid;}
	.researcherBox08 > p{ text-align:center; font-size:120%; }            
    

	/* GOVERNANCE */
	.governanceBox01{}
	.governanceBox01 > p:nth-of-type(1){ text-align:center; margin-top:4rem; font-size:150%; }
	.governanceBox01 > p:nth-of-type(2){ margin-top:2rem; line-height: 200%; }
	.governanceBox01 > p:nth-of-type(2) > a{ display:inline-block; font-weight:bold; padding-right:1.5em; margin-right:0.2em; position:relative; }
	.governanceBox01 > p:nth-of-type(2) > a:after{ content:''; display:block; width:1.2em; height:1.2em; position:absolute; top:0; bottom:0; right:0; margin:auto; background-size:contain; }    
	.governanceBox02{}
	.governanceBox02 > p{ text-align:center; margin-top:4rem; font-size:150%; }
	.governanceBox03{ margin-top:2rem; padding:1rem 1rem; border-width:1px; border-style:solid; line-height: 200%; }
    .governanceBox03Str{ font-weight: bold; }
	.governanceInBox03{ padding-bottom: 1rem;  }
	.governanceInBox03 > p:nth-of-type(1){   }
	.governanceInBox03 > p:nth-of-type(2){  font-size: 150%; }
	.governanceNoteBox{ margin-top:2rem; padding:1rem; border-width:1px; border-style:solid; }
	.governanceNoteBox > p{ padding-left: 1.2rem; text-indent: -1.2rem; line-height: 200%; }
    
	.governanceBtn{ margin-top:2rem; }
	.governanceBtn > a{ display:block; width:100%; padding:1rem; padding-top:6em; text-align:center; position:relative; text-decoration:none; }
	.governanceBtn > a:before{ content:''; display:inline-block; width:4em; height:4em; position:absolute; top:1rem; left:0; right:0; margin:auto; background-size:contain; }
	.governanceBtn > a > p:nth-of-type(1){ font-size:150%; }
	.governanceBtn > a > p:nth-of-type(2){ font-size:120%; }
    
    
	/* COMPLIANCE */
	.complianceBox01{}
	.complianceBox01 > p:nth-of-type(1){ text-align:center; margin-top:4rem; font-size:150%; }
	.complianceBox01 > p:nth-of-type(2){ margin-top:2rem; line-height: 200%; }
	.complianceBox01 > p:nth-of-type(2) > a{ display:inline-block; font-weight:bold; padding-right:1.5em; margin-right:0.2em; position:relative; }
	.complianceBox01 > p:nth-of-type(2) > a:after{ content:''; display:block; width:1.2em; height:1.2em; position:absolute; top:0; bottom:0; right:0; margin:auto; background-size:contain; }
	.complianceBox02{ margin-top:1rem; }
	.complianceBox02 > a{ display:block; width:100%; padding:1rem; padding-bottom:6rem; position:relative; text-decoration:none; }
	.complianceBox02 > a:before{ content:''; display:inline-block; width:3em; height:3em; position:absolute; bottom:1rem; left:0; right:0; margin:auto; background-size:contain; }
	.complianceBox02 > a > p:nth-of-type(1){ font-size:150%; }    
	.complianceBox03{ margin-top:2rem; padding:1rem 1rem; border-width:1px; border-style:solid; line-height: 200%;  }
	.complianceInBox03{ padding-bottom: 1rem;  }
	.complianceInBox03 > p:nth-of-type(1){ font-weight: bold;  }
	.complianceInBox03 > p:nth-of-type(2){   }
 
	/* FAQ */
	.faqBox{ margin-top:2rem; border-width:1px; border-style:solid; }
	.faqBtn{ display:block; width:3rem; height:3rem; position:absolute; bottom:1rem; left:0; right:0; margin:auto; background-size:contain; }
	.faqBoxQ{ padding:2rem 2rem; padding-bottom:5rem; }
	.faqBoxA{ display:none; padding:2rem 2rem; line-height: 200%; }

	/* PATIENT */
	.patientBox01{}
	.patientBox01 > p:nth-of-type(1){ text-align:center; margin-top:4rem; font-size:150%; }
	.patientBox01 > p:nth-of-type(2){ margin-top:2rem; line-height: 200%; }
	.patientBox01 > p:nth-of-type(2) > a{ display:inline-block; font-weight:bold; padding-right:1.5em; margin-right:0.2em; position:relative; }
	.patientBox01 > p:nth-of-type(2) > a:after{ content:''; display:block; width:1.2em; height:1.2em; position:absolute; top:0; bottom:0; right:0; margin:auto; background-size:contain; }
	.patientBox02{ margin-top:1rem; }
	.patientBox02 > a{ display:block; width:100%; padding:1rem; padding-top:6em; text-align:center; position:relative; text-decoration:none; }
	.patientBox02 > a:before{ content:''; display:inline-block; width:4em; height:4em; position:absolute; top:1rem; left:0; right:0; margin:auto; background-size:contain; }
	.patientBox02 > a > p:nth-of-type(1){ font-size:150%; }
	.patientBox02 > a > p:nth-of-type(2){ font-size:120%; }

	.patientBox02Closed{ margin-top:1rem; }
	.patientBox02Closed > p{ display:block; width:100%; padding:1rem; padding-top:6em; text-align:center; position:relative; text-decoration:none; }
	.patientBox02Closed > p:before{ content:''; display:inline-block; width:4em; height:4em; position:absolute; top:1rem; left:0; right:0; margin:auto; background-size:contain; }

	.patientBox03{ margin-top:2rem; padding-bottom:1rem; line-height: 200%; }
	.patientBox04{ margin-top:2rem; line-height: 200%;  }
	.patientBox05{ margin-top:2rem; padding:1rem 1rem; border-width:1px; border-style:solid; line-height: 200%;  }
	.patientBox06{ margin-top:1rem; }
	.patientBox06 > a{ display:block; width:100%; padding:1rem; padding-bottom:5rem; position:relative; text-decoration:none; }
	.patientBox06 > a:before{ content:''; display:inline-block; width:3em; height:3em; position:absolute; bottom:1rem; left:0; right:0; margin:auto; background-size:contain; }
	.patientBox06 > a > p:nth-of-type(1){ font-size:150%; }

	/* HOME */
	.homeMainMovieArea{ width:100%; height:100vh; position:absolute; overflow:hidden; top:0; left:0; z-index:-2; }
	.homeMainMovie{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%); }
	.homeTitleLogoArea{ width:100%; height:100vh; }
	.homeTitleLogo{ width:80vw; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
    .homeNews{ width:100%; margin-top:5rem; }
    .homeNews > div{ width: 100%;  padding: 1rem 0;  }
    .homeNews > div > p:nth-of-type(1){ width: 100%; }
    .homeNews > div > p:nth-of-type(2){ width: 100%; margin-top: 0.5rem; }
    .homeNews > div > p:nth-of-type(2) > a{ font-weight:bold; padding-right:1.5em; margin-right:0.2em; position:relative;  }
    .homeNews > div > p:nth-of-type(2) > a:after{ content:''; display:block; width:1.2em; height:1.2em; position:absolute; bottom:0; right:0; margin:auto; background-size:contain; }
    .homeNews > div:nth-of-type(1){  }    

	.homeMainBtn{ width:100%; margin-top:5rem; }
	.homeMainBtn > a{ display:block; width:100%; padding:1rem; padding-right:2.5rem; position:relative; text-decoration:none; margin-top:1rem;font-size: 120%; }
	.homeMainBtn > a:nth-of-type(1){ width:100%; height:100%; min-height:0; }
	.homeMainBtn > a:after{ content:''; display:block; width:1.5rem; height:1.5rem; position:absolute; top:0; bottom:0; right:1rem; margin:auto; background-size:contain; }
    
    /* HOME RESEARCHER BTN */
	.homeResearcherBtn{ width:100%; margin-top:0.5rem; }
	.homeResearcherBtn > a{ display:block; padding:1rem; padding-right:2.5rem; position:relative; text-decoration:none; border-width:2px; border-style:solid; margin-top:1rem; font-size: 120%; }
	.homeResearcherBtn > a:after{ content:''; display:block; width:1.5rem; height:1.5rem; position:absolute; top:0; bottom:0; right:1rem; margin:auto; background-size:contain; }        
	.homeStr06{ text-align:center; margin-top:3rem; font-size:180%; }    
    
    
	.homeMainSubBtn{ width:100%; margin-top:2rem; }
	.homeMainSubBtn > a{ display:block; width:100%; padding:1rem; text-align:center; position:relative; text-decoration:none; border-width:2px; border-style:solid; font-size: 120%; }
	.homeMainSubBtn > a:after{ content:''; display:block; width:1.5rem; height:1.5rem; position:absolute; top:0; bottom:0; right:1rem; margin:auto; background-size:contain; }
	.homeStr01{ text-align:center; margin-top:5rem; font-size:200%; }
	.homeStr02{ margin-top:2rem; font-size:180%; }
	.homeStr03{ margin-top:2rem; line-height: 200%;  }
	.homeStr04{ margin-top:2rem; }
	.homeStr05{ font-size:150%; }
	.homeNotesBox{ margin-top:2rem; padding:1rem; border-width:1px; border-style:solid; line-height: 200%; }

	/* HEADER */
	.header{ width:100%; padding-bottom:0.5rem; position:absolute; top:0; left:0; z-index:10; }
	.headerLogo{ width:59vw; height:10vw; margin-top:0.5rem; margin-left:0.5rem; background-size:contain; }
    .headerLogo > a{ display:block; width:100%; height:100%; }
	.headerLngBtnArea{ width:95vw; margin:0 auto; margin-top:0; display:flex; flex-wrap:nowrap; }
	.headerLngBtn{ display:block; width:48%; text-decoration:none; margin:0 0.25rem; padding:0.3rem 0; }
	.headerLngBtn.now{ border-bottom-width:3px; border-bottom-style:solid; }
	.headerLngBtn > p{ height:2rem; line-height:2rem; text-align:center; border-width:2px; border-style:solid; border-radius:1rem; }
	.header > div:nth-of-type(2){ width:95vw; margin:0 auto; margin-top:0.5rem; display:flex; flex-wrap:nowrap; }
	.swCssSizeBtnArea{ width:50%; padding:0 0.25rem; display:flex; flex-wrap:wrap; justify-content:space-between; }
	.swCssSizeBtnArea > p{ width:100%; line-height:100%; text-align:center; }
	.swCssSize{ width:47%; display:block; padding:0.3rem 0; }
	.swCssSize > p{ width:100%; height:2rem; line-height:2rem; text-align:center; border-width:2px; border-style:solid; border-radius:1rem; }
	.swCssSize.now{ border-bottom-width:3px; border-bottom-style:solid; }
	.swCssColorBtnArea{ width:50%; padding:0 0.25rem; display:flex; flex-wrap:wrap; justify-content:space-between; }
	.swCssColorBtnArea > p{ width:100%; line-height:100%; text-align:center; }
	.swCssColor{ width:47%; display:block; padding:0.3rem 0; }
	.swCssColor > p{ width:100%; height:2rem; line-height:2rem; text-align:center; border-width:2px; border-style:solid; border-radius:1rem; }
	.swCssColor.now{ border-bottom-width:3px; border-bottom-style:solid; }
	.btnMenuOpen{ width:4rem; height:4rem; position:fixed; bottom:10vh; margin:auto; right:1rem; border-radius:2rem; z-index:10; background-size:contain; }
	.btnMenuClose{ width:4rem; height:4rem; position:fixed; bottom:10vh; margin:auto; right:1rem; border-radius:2rem; background-size:contain; }
    
    /* MAIN MENU */
	.mainMenuArea{ display:none; width:100%; height:100vh; overflow-y:auto; position:fixed; top:0; left:0; z-index:9999; }
	.mainMenu{ width:70vw; margin:0 auto; margin-left: 5vw; padding-top:2rem; }
	.mainMenu > a{ display:inline-block; position:relative; margin-bottom:1rem; padding-left:1.2em; text-decoration:none; }
	.mainMenu > a:before{ content:''; display:block; width:1em; height:1em; position:absolute; top:0.2em; left:0; background-size:contain; }
    
    /* MAIN RESEARCHER MENU */
	.mainResearcherMenu{ width:70vw; margin:0 auto; margin-left: 5vw; padding-top:1.5rem; margin-bottom: 30vh;}
    .mainResearcherMenu > div{ font-size:150%; margin-bottom: 1rem; }    
    .mainResearcherMenu > a{ display:inline-block; position:relative; margin-bottom:1rem; padding-left:1.2em; text-decoration:none; }
	.mainResearcherMenu > a:before{ content:''; display:block; width:1em; height:1em; position:absolute; top:0.2em; left:0; background-size:contain; }        
    

	/* FOOTER */
	.footer{ clear:both; width:100%; margin-top:5rem; }
	.footerInfoArea{ padding-top:1rem; padding-bottom:0.5rem; }
	.footerInfoTitle{ color:#ffffff; text-align:center; font-size:130%; }
	.footerInfoBox{ margin-top:1rem; }
	.footerInfoBox > div{ width:100%; }
	.footerInfoBox > div:nth-of-type(1){}
	.footerInfoBox > div:nth-of-type(1) > p{ color:#ffffff; text-align:center; font-size:120%; }
	.footerInfoBox > div:nth-of-type(2){ margin-top:1rem; }
	.footerInfoTelMail{ margin-bottom:1rem; }
	.footerInfoTelMail > div:nth-of-type(1){ width:3rem; margin:0 auto; }
	.footerInfoTelMail > div:nth-of-type(2){ text-align:center; }
	.footerInfoTelMail p{ color:#ffffff; font-size:120%; text-decoration:none; }
	.footerInfoTelMail a{ text-decoration:none; }
	.footerBottomArea{ padding-top:2rem; }
	.footerTitleLogo{ width:70vw; margin:0 auto; }
	.footerSig{ width:100%; text-align:center; }
	.footerSig > p:nth-of-type(1){ margin-top:2rem; }
	.footerSig > p:nth-of-type(2){}
	.footerSig > p:nth-of-type(3){ font-size:150%; }
	.footerStr{ width:90vw; margin: auto; margin-top: 2rem; }
	.footerStr > p{ }
    
    
    
	.footerBanner{ padding:3rem 0; text-align:center; }
	.footerBanner > p{ width:100%; font-size:130%; }
	.footerBanner > a{ display:block; margin:0 1rem; margin-top:1rem; }
	.footerBanner > a:nth-of-type(1){ width:40vw; }
	.footerBanner > a:nth-of-type(2){ width:81.9vw; }
}
/* ================================================================================== */
/*   Responsive PC   */
/* ================================================================================== */
@media( min-width:960px )
{
	.sp{ display:none !important; }
	.pc{ display:block; }
	/* COMMON */
	html{ overflow-y:scroll; }
	a:hover{ cursor:pointer; opacity:0.7; }
	.pageTitle{ width:100%; padding-top:12rem; }
	.pageTitleLogo{ width:18rem; height:12rem; margin:0 auto; background-size:contain; }
	.pageTitleStr{ text-align:center; margin-top:3rem; font-size:250%; }
	.mainContentsArea{ width:960px; margin:0 auto; }

	/* RESEARCHER */
	.researcherBox01{}
	.researcherBox01 > p{ text-align:center; margin-top:5rem; font-size:170%; }        
	.researcherBox02{}
	.researcherBox02 > p{ text-align:center; margin-top:2rem; font-size:125%; }            
	.researcherCat{ width:100%; margin-top:2rem; }
	.researcherCat > p{ display:block; padding:1rem; text-align: center; position:relative; text-decoration:none; margin-top:1rem; font-size: 125%; }
	.researcherBox03{ width: 100%; margin-top: 1rem; }
	.researcherBox04{ margin-top:3rem; line-height: 200%; }
	.researcherBox05{ margin:3rem 0; line-height: 200%; }
	.researcherBox05 > p{ padding-left: 2.5rem; text-indent: -2.5rem; }
	.researcherNoteBox{ margin-top:2rem; padding:1rem 1rem; border-width:1px; border-style:solid; }
	.researcherNoteBox > p{ padding-left: 1.2rem; text-indent: -1.2rem; line-height: 200%; padding-bottom: 1rem; }
	.researcherBox06{ width:100%; margin-top:1rem; border-width:1px; border-style:solid; }
    .researcherBox06 > div{ padding:1rem; }
	.researcherBox06 > div > p:nth-of-type(1){ font-size: 150%; line-height: 150%; }
	.researcherBox06 > div > p:nth-of-type(2){ line-height: 200%; }
	.researcherBox07{ width:100%; margin-top:2rem; }
	.researcherBox07 > p{ padding:1.5rem; text-align: center; position:relative; margin-top:1rem; line-height: 200%; border-width:1px; border-style:solid; }    
	.researcherBox07 > p > a{ font-weight:bold; padding-right:1.5em; text-decoration: underline; margin-right:0.2em; position:relative; }
	.researcherBox07 > p > a:after{ content:''; display:block; width:1.2em; height:1.2em; position:absolute; bottom:0; right:0; margin:auto; background-size:contain; }
	.researcherBox08{ margin-top:1rem; padding:1rem 1rem; border-width:1px; border-style:solid; }
	.researcherBox08 > p{ text-align:center; font-size:125%; }                
    
	/* GOVERNANCE */
	.governanceBox01{}
	.governanceBox01 > p:nth-of-type(1){ text-align:center; margin-top:5rem; font-size:170%; }
	.governanceBox01 > p:nth-of-type(2){ margin-top:2rem; line-height: 200%; }
	.governanceBox01 > p:nth-of-type(2) > a{ display:inline-block; font-weight:bold; padding-right:1.5em; margin-right:0.2em; position:relative; }
	.governanceBox01 > p:nth-of-type(2) > a:after{ content:''; display:block; width:1.2em; height:1.2em; position:absolute; top:0; bottom:0; right:0; margin:auto; background-size:contain; }    
	.governanceBox02{}
	.governanceBox02 > p{ text-align:center; margin-top:5rem; font-size:170%; }    
	.governanceBox03{ margin-top:2rem; padding:1rem 2rem; border-width:1px; border-style:solid; line-height: 200%; }
    .governanceBox03Str{ font-weight: bold; }
	.governanceInBox03{ padding-bottom: 1rem;  }
	.governanceInBox03 > p:nth-of-type(1){   }
	.governanceInBox03 > p:nth-of-type(2){  font-size: 150%; }
	.governanceNoteBox{ margin-top:2rem; padding:1rem 1rem; border-width:1px; border-style:solid; }
	.governanceNoteBox > p{ padding-left: 1.2rem; text-indent: -1.2rem; line-height: 200%; }
    
	.governanceBtn{ margin-top:2rem; }
	.governanceBtn > a{ display:block; width:100%; padding:1rem; padding-left:6em; position:relative; text-decoration:none; }
	.governanceBtn > a:before{ content:''; display:inline-block; width:4em; height:4em; position:absolute; left:1rem; background-size:contain; }
	.governanceBtn > a > p:nth-of-type(1){ font-size:150%; }
	.governanceBtn > a > p:nth-of-type(2){ font-size:125%; }
    
    
	/* COMPLIANCE */
	.complianceBox01{}
	.complianceBox01 > p:nth-of-type(1){ text-align:center; margin-top:5rem; font-size:170%; }
	.complianceBox01 > p:nth-of-type(2){ margin-top:2rem; line-height: 200%; }
	.complianceBox01 > p:nth-of-type(2) > a{ display:inline-block; font-weight:bold; padding-right:1.5em; margin-right:0.2em; position:relative; }
	.complianceBox01 > p:nth-of-type(2) > a:after{ content:''; display:block; width:1.2em; height:1.2em; position:absolute; top:0; bottom:0; right:0; margin:auto; background-size:contain; }
	.complianceBox02{ margin-top:1rem; }
	.complianceBox02 > a{ display:block; width:100%; padding:1rem; padding-left:1rem; position:relative; text-decoration:none; }
	.complianceBox02 > a:before{ content:''; display:inline-block; width:3em; height:3em; position:absolute; right:1rem; background-size:contain; }
	.complianceBox02 > a > p:nth-of-type(1){ font-size:150%; }
	.complianceBox03{ margin-top:2rem; padding:1rem 2rem; border-width:1px; border-style:solid; line-height: 200%; }
	.complianceInBox03{ padding-bottom: 1rem;  }
	.complianceInBox03 > p:nth-of-type(1){ font-weight: bold;  }
	.complianceInBox03 > p:nth-of-type(2){   }
    
	/* FAQ */
	.faqBox{ margin-top:2rem; border-width:1px; border-style:solid; }
	.faqBtn{ display:block; width:3rem; height:3rem; position:absolute; top:1rem; right:1rem; margin:auto; background-size:contain; }
	.faqBoxQ{ padding:2rem 2rem; padding-right:5rem; }
	.faqBoxQ:hover{ cursor:pointer; opacity:0.7; }
	.faqBoxA{ display:none; padding:2rem 2rem; line-height: 200%; }

	/* PATIENT */
	.patientBox01{}
	.patientBox01 > p:nth-of-type(1){ text-align:center; margin-top:5rem; font-size:170%; }
	.patientBox01 > p:nth-of-type(2){ margin-top:2rem; line-height: 200%; }
	.patientBox01 > p:nth-of-type(2) > a{ display:inline-block; font-weight:bold; padding-right:1.5em; margin-right:0.2em; position:relative; }
	.patientBox01 > p:nth-of-type(2) > a:after{ content:''; display:block; width:1.2em; height:1.2em; position:absolute; top:0; bottom:0; right:0; margin:auto; background-size:contain; }
	.patientBox02{ margin-top:1rem; }
	.patientBox02 > a{ display:block; width:100%; padding:1rem; padding-left:6em; position:relative; text-decoration:none; }
	.patientBox02 > a:before{ content:''; display:inline-block; width:4em; height:4em; position:absolute; left:1rem; background-size:contain; }
	.patientBox02 > a > p:nth-of-type(1){ font-size:150%; }
	.patientBox02 > a > p:nth-of-type(2){ font-size:125%; }
    
	.patientBox02Closed{ margin-top:1rem; }
	.patientBox02Closed > p{ display:block; width:100%; padding:1rem; padding-left:6em; position:relative; text-decoration:none;  }
	.patientBox02Closed > p:before{ content:''; display:inline-block; width:4em; height:4em; position:absolute; left:1rem; background-size:contain; }
    
	.patientBox03{ margin-top:2rem; padding-bottom:1rem; line-height: 200%; }
	.patientBox04{ margin-top:2rem; line-height: 200%; }
	.patientBox05{ margin-top:2rem; padding:1rem 2rem; border-width:1px; border-style:solid; line-height: 200%; }
	.patientBox06{ margin-top:1rem; }
	.patientBox06 > a{ display:block; width:100%; padding:1rem; padding-left:1rem; position:relative; text-decoration:none; }
	.patientBox06 > a:before{ content:''; display:inline-block; width:3em; height:3em; position:absolute; right:1rem; background-size:contain; }
	.patientBox06 > a > p:nth-of-type(1){ font-size:150%; }

	/* HOME */
	.homeMainMovieArea{ width:100%; height:100vh; position:absolute; overflow:hidden; top:0; left:0; z-index:-2; }
	.homeMainMovie{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%); }
	.homeTitleLogoArea{ width:100%; height:100vh; }
	.homeTitleLogo{ width:24rem; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
    .homeNews{ width:100%; margin-top:5rem; }
    .homeNews > div{ width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;  padding: 1rem 0;  }
    .homeNews > div > p:nth-of-type(1){ width: 25%; }
    .homeNews > div > p:nth-of-type(2){ width: 75%; }
    .homeNews > div > p:nth-of-type(2) > a{ font-weight: bold; padding-right:1.5em; margin-right:0.2em; position:relative; }
    .homeNews > div > p:nth-of-type(2) > a:after{ content:''; display:block; width:1.2em; height:1.2em; position:absolute; bottom:0; right:0; margin:auto; background-size:contain; }
    .homeNews > div:nth-of-type(1){  }

	.homeMainBtn{ width:100%; margin-top:3rem; }
	.homeMainBtn > a{ display:block; padding:1rem; padding-right:2.5rem; position:relative; text-decoration:none; margin-top:1rem; font-size: 125%; }
	.homeMainBtn > a:nth-of-type(1){ width:100%; height:100%; min-height:0; }
	.homeMainBtn > a:after{ content:''; display:block; width:1.5rem; height:1.5rem; position:absolute; top:0; bottom:0; right:1rem; margin:auto; background-size:contain; }    
    
    /* HOME RESEARCHER BTN */
	.homeResearcherBtn{ width:100%; margin-top:0.5rem; }
	.homeResearcherBtn > a{ display:block; padding:1rem; padding-right:2.5rem; position:relative; text-decoration:none; border-width:2px; border-style:solid; margin-top:1rem; font-size: 125%; }
	.homeResearcherBtn > a:after{ content:''; display:block; width:1.5rem; height:1.5rem; position:absolute; top:0; bottom:0; right:1rem; margin:auto; background-size:contain; }        
	.homeStr06{ text-align:center; margin-top:3rem; font-size:200%; }    
    
    
	.homeMainSubBtn{ margin:0 auto; margin-top:2rem; }
	.homeMainSubBtn > a{ display:block; width:100%; padding:1rem; text-align:center; position:relative; text-decoration:none; border-width:2px; border-style:solid; font-size: 125%; }
	.homeMainSubBtn > a:after{ content:''; display:block; width:1.5rem; height:1.5rem; position:absolute; top:0; bottom:0; right:1rem; margin:auto; background-size:contain; }
	.homeStr01{ text-align:center; margin-top:10rem; font-size:250%; }
	.homeStr02{ text-align:center; margin-top:3rem; font-size:200%; }
	.homeStr02 > span{ display:block; }
	.homeStr03{ margin-top:3rem; line-height: 200%; }
	.homeStr04{ margin-top:3rem; }
	.homeStr05{ font-size:150%; }
	.homeNotesBox{ margin-top:2rem; line-height: 200%; padding:1rem 1rem; border-width:1px; border-style:solid; }

	/* HEADER */
	.header{ width:100%; padding-bottom:1rem; position:absolute; top:0; left:0; display:flex; flex-wrap:nowrap; justify-content:space-between; z-index:10; }
	.headerLogo{ width:21.5rem; height:3rem; margin-top:1rem; margin-left:1rem; background-size:contain; }
	.headerLogo:hover{ cursor:pointer; opacity:0.7; }
    .headerLogo > a{ display:block; width:100%; height:100%; }
	.headerLngBtnArea{ margin-top:0.5rem; margin-left:1rem; display:flex; flex-wrap:nowrap; }
	.headerLngBtn{ display:block; width:10rem; text-decoration:none; margin:0 0.25rem; padding:0.3rem 0; }
	.headerLngBtn.now{ border-bottom-width:3px; border-bottom-style:solid; }
	.headerLngBtn > p{ height:2rem; line-height:2rem; text-align:center; border-width:2px; border-style:solid; border-radius:1rem; }
	.header > div:nth-of-type(2){ margin-top:1rem; margin-right:1rem; display:flex; flex-wrap:nowrap; }
	.swCssSizeBtnArea{ display:flex; flex-wrap:nowrap; align-items:flex-start; }
	.swCssSizeBtnArea > p{ height:2rem; line-height:2.6rem; padding-right:0.5rem; }
	.swCssSize{ display:block; margin:0 0.25rem; padding:0.3rem 0; }
	.swCssSize > p{ width:5rem; height:2rem; line-height:2rem; text-align:center; border-width:2px; border-style:solid; border-radius:1rem; }
	.swCssSize.now{ border-bottom-width:3px; border-bottom-style:solid; }
	.swCssSize:hover{ cursor:pointer; opacity:0.7; }
	.swCssColorBtnArea{ padding-left:2rem; display:flex; flex-wrap:nowrap; align-items:flex-start; }
	.swCssColorBtnArea > p{ height:2rem; line-height:2.6rem; padding-right:0.5rem; }
	.swCssColor{ display:block; margin:0 0.25rem; padding:0.3rem 0; }
	.swCssColor > p{ width:5rem; height:2rem; line-height:2rem; text-align:center; border-width:2px; border-style:solid; border-radius:1rem; }
	.swCssColor.now{ border-bottom-width:3px; border-bottom-style:solid; }
	.swCssColor:hover{ cursor:pointer; opacity:0.7; }
	.btnMenuOpen{ width:4.5rem; height:4.5rem; position:fixed; bottom:3rem; margin:auto; right:1rem; border-radius:2rem; z-index:10; background-size:contain; }
	.btnMenuOpen:hover{ cursor:pointer; opacity:0.7; }
	.btnMenuClose{ width:4.5rem; height:4.5rem; position:fixed; bottom:3rem; margin:auto; right:1rem; border-radius:2rem; background-size:contain; }
	.btnMenuClose:hover{ cursor:pointer; opacity:0.7; }
    
    /* MAIN MENU */
	.mainMenuArea{ display:none; width:100%; height:100vh; overflow-y:auto; position:fixed; top:0; left:0; z-index:9999; }
	.mainMenu{ width:70rem; padding-top:3rem; padding-left:4rem; }
	.mainMenu > a{ display:inline-block; position:relative; margin-bottom:1rem; padding-left:1.2em; text-decoration:none; font-size: 125%; }
	.mainMenu > a:before{ content:''; display:block; width:1em; height:1em; position:absolute; top:0.2em; left:0; background-size:contain; }
    
    /* MAIN RESEARCHER MENU */
	.mainResearcherMenu{ width:70rem; padding-top:2rem; padding-left:4rem; margin-bottom: 30vh; }
    .mainResearcherMenu > div{ font-size:150%; margin-bottom: 1rem; }    
    .mainResearcherMenu > a{ display:inline-block; position:relative; margin-bottom:1rem; padding-left:1.2em; text-decoration:none; font-size: 125%; }
	.mainResearcherMenu > a:before{ content:''; display:block; width:1em; height:1em; position:absolute; top:0.2em; left:0; background-size:contain; }    
    

    
	/* FOOTER */
	.footer{ clear:both; width:100%; margin-top:10rem; }
	.footerInfoArea{ padding-top:2rem; padding-bottom:1.5rem; }
	.footerInfoTitle{ color:#ffffff; text-align:center; font-size:150%; }
	.footerInfoBox{ margin-top:2rem; display:flex; flex-wrap:nowrap; justify-content:center; }
	.footerInfoBox > div{ width:50%; }
	.footerInfoBox > div:nth-of-type(1){ padding-right:1rem; }
	.footerInfoBox > div:nth-of-type(1) > p{ color:#ffffff; text-align:right; font-size:125%; }
	.footerInfoBox > div:nth-of-type(2){ padding-left:1rem; }
	.footerInfoTelMail{ padding-bottom:0.5rem; display:flex; flex-wrap:nowrap; align-items:center; }
	.footerInfoTelMail > div:nth-of-type(1){ width:3rem; }
	.footerInfoTelMail > div:nth-of-type(2){ padding-left:0.5rem; }
	.footerInfoTelMail p{ color:#ffffff; font-size:150%; text-decoration:none; }
	.footerInfoTelMail a{ text-decoration:none; }
	.footerBottomArea{ padding-top:3rem; }
	.footerTitleLogo{ width:15rem; margin:0 auto; }
	.footerSig{ width:100%; text-align:center; }
	.footerSig > p:nth-of-type(1){ margin-top:2rem; }
	.footerSig > p:nth-of-type(2){}
	.footerSig > p:nth-of-type(3){ font-size:150%; }
	.footerStr{ width:100%; text-align:center; margin: auto; margin-top: 2rem; }
	.footerStr > p{ }
    
    
    
	.footerBanner{ padding:3rem 0; text-align:center; }
	.footerBanner > p{ width:100%; font-size:150%; }
	.footerBanner > a{ display:inline-block; margin:0 1rem; margin-top:2rem; }
	.footerBanner > a:nth-of-type(1){ width:10rem; }
	.footerBanner > a:nth-of-type(2){ width:20.48rem; }
}