@charset "utf-8";

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

/*===================================================================
 Common
===================================================================*/
*{ color:#323232; font-family:'UD Reimin Medium','UD Shin Go NT Medium',sans-serif; }
html{ width:100%; }
body{ width:100%; background-color:#ffffff; }
a{ text-decoration:none; }
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; }
	.contentsTitleArea{ width:100%; height:7rem; background-color:#fee8ee; margin-top:1.5rem;}
	.contentsTitleArea > p{ text-align:center; line-height:7rem; font-size:1.8rem; }
	.hospitalsBG{ background-image:url(../../img/hospitalsBgSP.png); background-size:90vw auto; background-position:center; }
	.memberBG{ background-image:url(../../Membersonly/img/memberBgSP.png); background-size:90vw auto; background-position:center; }


	/* member */
	.memBox01{ width:90vw; margin:auto; margin-top:3rem; font-size:1.4rem; border-bottom:1px solid #969696; }
	.memBox02{ width:90vw; margin:auto; margin-top:0.5rem; }
	.memBox02 > .yubinBox{ width:90vw; border:1px solid #969696; padding:1rem; margin-top:1rem; border-radius: 1rem; }
	.memBox02 > p > a[target="_blank"]:after{ 
	content: '';  
    display: inline-block;  
    width: 1rem; 
    height: 1rem;  
    background: url("../img/iconNewWin.svg") no-repeat left bottom; 
    background-size: contain; 
    margin-left: 0.4rem;  }
	.memBox03{ width:90vw; margin:auto; margin-top:0.5rem; padding-left:2rem; }
	.memBox03{ width:90vw; margin:auto; margin-top:2rem; border:2px #fa8caa solid; border-radius:1rem; padding:1rem; }
	.memBox03 > p:nth-of-type(1){ text-align:center; font-size:1.3rem; margin-bottom:0.5rem; font-weight:bold; border-bottom:1px solid #969696; }
	.memBox03 > p:nth-of-type(2) > a{ color:#fa8caa;  }


	/* hospitals */
	.hospitalsBox01{ width:90vw; margin:auto; padding-bottom:0.5rem; margin-top:2rem; font-size:0.8rem; border-bottom:1px solid #000000; }
	.hospitalsBox02{ width:90vw; margin:auto; padding:0.5rem 0; border-bottom:1px solid #000000; text-align:left; }
	.hospitalsBox02 > p:nth-of-type(1) > br{ display:none; text-decoration:underline; }
	.hospitalsBox02 > p:nth-of-type(2){  }
	.hospitalsBox02 > p:nth-of-type(3){  }
	.hospitalsBox02 > p > a[target="_blank"]:after{ 
	content: '';  
    display: inline-block;  
    width: 1rem; 
    height: 1rem;  
    background: url("../img/iconNewWin.svg") no-repeat left bottom; 
    background-size: contain; 
    margin-left: 0.4rem;  }
    
	/* HOME */
	.homeMainImgArea{ width:100%; height:53vh; background:linear-gradient( to bottom, rgba(250, 140, 170,0) 60%, rgba(250, 140, 170,0.2) 80% ); }
	.homeMainImgArea > img{ width:90vw; margin:auto; position:absolute; bottom:1rem; left:0; right:0; }
	.homeTxTBody01{ width:90vw; margin:auto; margin-top:2rem; }
	.homeTxTBody01 > p:nth-of-type(2){ margin-top:0.5rem; line-height:180%; }
	.homeTxTBody01 > p:nth-of-type(3){ margin-top:0.5rem; }
	.homeTxTBody02{ width:90vw; margin:auto; margin-top:2rem; padding:2rem; border-radius:3rem; background-color:#fee8ee; }
	.homeTxTBody02 > div:nth-of-type(1){ }
	.homeTxTBody02 > div:nth-of-type(1) > p:nth-of-type(2){ padding-top:0.5rem; }
	.homeTxTBody02 > div:nth-of-type(2){ width:60vw; margin:auto; padding-top:1rem; text-align:center; }
	.homeLink01{ width:100%; margin:auto; margin-top:2rem; }
	.homeLink01 > a{ display:block; width:100%; height:4rem; margin:auto; border:2px #fa8caa solid; text-align:center; border-radius:2rem; background-color:#ffffff; }
	.homeLink01 > a > p{ color:#fa8caa; line-height:4rem; font-weight:bold; }

	/* HEADER */
	.header{ width:100vw; height:3.5rem; background-color:#ffffff; }
	.headerBtnSpMenu{ width:3rem; height:3rem; position:absolute; top:0.8rem; right:1rem; }
	.headerBtnSpMenuClose{ width:3rem; height:3rem; position:absolute; top:0.8rem; right:1rem; }
	.headerBody{ width:100vw; margin:auto; }
	.headerTitle > p{ line-height:100%;  margin-left:1rem;  }
	.headerTitle > p:nth-of-type(1){ padding-top:1rem; font-size:0.7rem; }
	.headerTitle > p:nth-of-type(2){ padding-top:0.5rem; font-size:1.7rem; }
	.headerSubMenuSp{ display:none; width:100vw; height:100vh; position:absolute; top:0; left:0; background-color:#ffffff; z-index:999; }
	.headerMenuArea{ width:90vw; height:calc(100vh - 8rem); overflow:scroll; margin:auto; margin-top:2rem; }
	.headerMenuArea > a{ display:block; width:60vw; height:2.5rem; margin:auto; margin-top:1rem; background-color:#fa8caa; text-align:center; border-radius:1.4rem; }
	.headerMenuArea > a:hover{ cursor:pointer; opacity:0.7; text-decoration:none; }
	.headerMenuArea > a > p{ color:#ffffff; line-height:2.5rem; }
	.headerBtnEntry{ width:80vw; margin:auto; margin-top:2rem; }
	
	/* FOOTER */
	.btnPgTop{ clear:both; width:2rem; height:2rem; margin:auto; margin-top:5rem; }
	.footer{ margin-top:2rem; background-color:#4d4d4d; }
	.footerBody{ width:90vw; margin:auto; padding-top:2rem; padding-bottom:4rem; }
	.footerTitle1 > p{ line-height:100%; margin:0 auto; text-align:center; }
	.footerTitle1 > p:nth-of-type(1){ font-size:0.9rem; color:#ffffff; }
	.footerTitle1 > p:nth-of-type(2){ padding-top:0.8rem; font-size:2rem; color:#ffffff; }
	.footerAdrs{ line-height:180%; margin:0 auto; text-align:center; font-size:0.8rem; color:#ffffff; padding-top:1.5rem; }
}
/*===================================================================
 PC
===================================================================*/
@media( min-width:800px )
{
	.sp{ display:none !important; }
	.pc{ display:block; }
	/* COMMON */
	html{ overflow-y:scroll; font-size:16px; }
	a *:hover{ cursor:pointer; opacity:0.7; text-decoration:none; }
	.contentsTitleArea{ width:100%; height:10rem; background-color:#fee8ee; margin-top:1rem; }
	.contentsTitleArea > p{ text-align:center; line-height:10rem; font-size:2rem; }
	.hospitalsBG{ background-image:url(../../img/hospitalsBg.png); background-size:800px auto; background-position:center; }
	.memberBG{ background-image:url(../../Membersonly/img/memberBg.png); background-size:800px auto; background-position:center; }

	/* member */
	.memBox01{ width:800px; margin:auto; margin-top:3rem; font-size:1.6rem; border-bottom:1px solid #969696; border-left:5px solid #fa8caa; padding-left:0.5rem; font-weight:bold; }
	.memBox02{ width:800px; margin:auto; margin-top:0.5rem; padding-left:2rem; }
	.memBox02 > .yubinBox{ width:70%; border:1px solid #969696; padding:1rem; margin-top:1rem; border-radius: 1rem; }
	.memBox02 > p > a[target="_blank"]:after{ 
	content: '';  
    display: inline-block;  
    width: 1rem; 
    height: 1rem;  
    background: url("../img/iconNewWin.svg") no-repeat left bottom; 
    background-size: contain; 
    margin-left: 0.4rem;  }
	.memBox03{ width:800px; margin:auto; margin-top:0.5rem; padding-left:2rem; }
	.memBox03{ width:800px; margin:auto; margin-top:2rem; border:2px #fa8caa solid; border-radius:1rem; padding:1rem 2rem; }
	.memBox03 > p:nth-of-type(1){ text-align:center; font-size:1.3rem; margin-bottom:0.5rem; font-weight:bold; border-bottom:1px solid #969696; }
	.memBox03 > p:nth-of-type(2) > a{ color:#fa8caa;  }
    
	/* hospitals */
	.hospitalsBox01{ width:800px; margin:auto; padding-bottom:0.5rem; margin-top:3rem; font-size:0.8rem; border-bottom:1px solid #969696; }
	.hospitalsBox02{ width:800px; margin:auto; padding:0.5rem 0; display:flex; flex-wrap:wrap; justify-content:center; z-index:999; border-bottom:1px solid #000000; text-align:left; }
	.hospitalsBox02 > p:nth-of-type(1){ width:35%; padding-right:1rem; }
	.hospitalsBox02 > p:nth-of-type(2){ width:35%; padding-right:1rem; }
	.hospitalsBox02 > p:nth-of-type(3){ width:30%; }
	.hospitalsBox02 > p > a[target="_blank"]:after{ 
	content: '';  
    display: inline-block;  
    width: 1rem; 
    height: 1rem;  
    background: url("../img/iconNewWin.svg") no-repeat left bottom; 
    background-size: contain; 
    margin-left: 0.4rem;  }
    
	/* HOME */
	.homeMainImgArea{ width:100%; height:300px; margin-top:3rem; background:linear-gradient( to bottom, rgba(250, 140, 170,0) 60%, rgba(250, 140, 170,0.2) 80% ); }
	.homeMainImgArea > img{ width:820px; margin:auto; }
	.homeTxTBody01{ width:800px; margin:auto; margin-top:3rem; }
	.homeTxTBody01 > p:nth-of-type(2){ margin-top:1rem; line-height:180%; }
	.homeTxTBody01 > p:nth-of-type(3){ margin-top:1rem; }
	.homeTxTBody02{ width:1000px; margin:auto; margin-top:3rem; padding:2rem; border-radius:3rem; background-color:#fee8ee; display:flex; flex-wrap:wrap; justify-content:center; z-index:999; }
	.homeTxTBody02 > div:nth-of-type(1){ width:65%; }
	.homeTxTBody02 > div:nth-of-type(1) > p:nth-of-type(2){ padding-top:0.5rem; }
	.homeTxTBody02 > div:nth-of-type(2){ width:35%; padding-left:2rem; }
	.homeLink01{ width:800px; margin:auto; margin-top:2rem; }
	.homeLink01 > a{ display:block; width:100%; height:4rem; margin:auto; border:2px #fa8caa solid; text-align:center; border-radius:2rem; background-color:#ffffff; }
	.homeLink01 > a:hover{ cursor:pointer; opacity:0.7; text-decoration:none; }
	.homeLink01 > a > p{ color:#fa8caa; line-height:4rem; font-weight:bold; }
	

	/* HEADER */
	.header{ width:100%;  }
	.headerBody{ width:1000px; margin:auto; }
	.headerTitle > p{ line-height:100%;  margin:0 auto; text-align:center; }
	.headerTitle > p:nth-of-type(1){ padding-top:2rem; }
	.headerTitle > p:nth-of-type(2){ padding-top:0.8rem; font-size:2.3rem; }
	.headerMenuArea{ width:100%; margin-top:1rem; margin-bottom:0.5rem; display:flex; flex-wrap:wrap; justify-content:center; z-index:999; }
	.headerMenuArea > a{ display:block; width:13rem; height:2.5rem; margin:0 0.2rem; background-color:#fa8caa; text-align:center; border-radius:1.4rem; }
	.headerMenuArea > a:hover{ cursor:pointer; opacity:0.7; text-decoration:none; }
	.headerMenuArea > a > p{ color:#ffffff; line-height:2.5rem; }
	.headerBtnEntry{ width:250px; height:auto; position:absolute; top:2rem; right:2rem; }

	/* FOOTER */
	.btnPgTop{ clear:both; width:2rem; height:2rem; margin:auto; margin-top:8rem; }
	.btnPgTop:hover{ cursor:pointer; opacity:0.7; text-decoration:none; }
	.footer{ margin-top:2rem; background-color:#4d4d4d; }
	.footerBody{ width:1000px; margin:auto; padding-top:2rem; padding-bottom:4rem; }
	.footerTitle1 > p{ line-height:100%; margin:0 auto; text-align:center; }
	.footerTitle1 > p:nth-of-type(1){ font-size:0.9rem; color:#ffffff; }
	.footerTitle1 > p:nth-of-type(2){ padding-top:0.8rem; font-size:2.3rem; color:#ffffff; }
	.footerAdrs{ line-height:180%; margin:0 auto; text-align:center; font-size:0.8rem; color:#ffffff; padding-top:1.5rem; }
}
/*===================================================================
 Common Class
===================================================================*/
.indent{ padding-left:1em; text-indent:-1em; }
.fBold{ font-weight:bold; }
.fMincho{ font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;  }
.fItalic{ font-style:italic; }
.cRed{ color:#a80030; }
.cPink{ color:#fa8caa; }
.cWhite{ color:#ffffff; }
.cf080{ font-size:0.8rem;  }
.cf120{ font-size:1.2rem;  }
.cf150{ font-size:1.5rem;  }
.cf180{ font-size:1.8rem;  }