@charset "UTF-8";
#header{ height:70vw;}#mv {position: relative;	z-index: 120;}#top-header-wrap { position: absolute; width: 100%; height: 51vh; top: 30vh; left: 0; text-shadow: 1px 1px 2px rgba(255,255,255,.8), -1px 1px 2px rgba(255,255,255,.8), 1px -1px 2px rgba(255,255,255,.8), -1px -1px 2px rgba(255,255,255,.8);}.fv{background:#F7F9FC;
padding:90px 0;
text-align:center;}.tags span{ border:1px solid #1F3A5F; padding:6px 14px; margin:6px; display:block; border-radius:20px; font-size:14px;}.home-care{background:#F7F9FC;}
.section-title{text-align:center;
font-size:28px;
margin-bottom:20px;
color:#1F3A5F;}
.lead{text-align:center;
margin-bottom:50px;
line-height:1.8;}
.care-grid{display:grid;
grid-template-columns:repeat(2,1fr);
gap:30px;}
.care-card{background:white;
padding:30px;
border-radius:8px;
box-shadow:0 4px 15px rgba(0,0,0,0.05);}
.care-card h3{color:#1F3A5F;
margin-bottom:15px;
font-size:20px;}
.care-card p{line-height:1.8;}
.care-contact{text-align:center;
margin-top:50px;}
.care-btn{display:inline-block;
margin-top:20px;
background:#F08A24;
color:white;
padding:14px 30px;
border-radius:6px;
text-decoration:none;
font-weight:bold;}
.care-btn:hover{opacity:0.9;}
.strengths{ background-size: cover; background-position:center;}.strengths .container{ background-color:rgb(255,255,255,75%); border-radius: 8px;}/* スマホ */
@media(max-width:768px){.care-grid{grid-template-columns:1fr;}
.section-title{font-size:24px;}}.strength-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:20px;}
.card{ background:white; border-radius:8px; padding:25px; box-shadow:0 2px 10px rgba(0,0,0,0.05);}.card h3{ border-bottom:solid 1px #1F3A5F;}.patient-group{ }.patient-grid,.service-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:10px; text-align:center;}
.patient-grid div,.service-grid div{ border:1px solid #eee; padding:10px; border-radius:6px;}.medical-intro{ padding:80px 0; background:#ffffff;}.medical-intro h1{ font-size: 2rem; font-weight: 700; color: #1F3A5F;}.container{ width:90%; max-width:1100px; margin:auto;}
.medical-title{ text-align:center; font-size:28px; color:#1F3A5F; margin-bottom:15px;}
.medical-title span{ font-size:20px; display:block; margin-top:5px;}
.medical-lead{ text-align:center; margin-bottom:50px; line-height:1.8;}
.medical-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:25px;}
.medical-card{ background:#F7F9FC; padding:25px; border-radius:8px; box-shadow:0 3px 10px rgba(0,0,0,0.05);}
.medical-card h3{ color:#1F3A5F; margin-bottom:10px; font-size:18px;}
.medical-card p{ font-size:14px; line-height:1.7;}
.medical-contact{ text-align:center; margin-top:40px;}
.medical-btn{ display:inline-block; background:#F08A24; color:white; padding:14px 30px; border-radius:6px; text-decoration:none; font-weight:bold;}
.medical-btn:hover{ opacity:0.9;}.medical-service h1 { font-size: 2rem; font-weight: 700; color: #1F3A5F;}
/* スマホ */
@media(max-width:768px){.medical-grid{grid-template-columns:1fr;}
.medical-title{font-size:24px;}}.btn{ background:#F08A24; color:white; padding:12px 28px; border-radius:5px; text-decoration:none; display:inline-block; margin-top:20px;}
.btn-outline{ border:2px solid #1F3A5F; padding:10px 28px; border-radius:5px; text-decoration:none; color:#1F3A5F; margin-left:10px;}
.center{ text-align:center;}
.center-btn{ display:block; width:220px; margin:30px auto; text-align:center;}
@media(max-width:768px){ .fv h2, #h1-greeting{ font-size:130%; } .tel-btn{ display:block; }}#top-header-wrap:before {content: '';	background-image: url("../img/slider-cover.png");	background-size: cover;	background-position: bottom center;	background-repeat: no-repeat;	width: 100%;	height: 100%;	position: absolute;	bottom:0;	left: 0;	z-index: 123;}
/*#fade01 { font-size: 230%;	font-weight: 600;	margin-bottom: 3rem; animation: fadeIn 3s ease 1s forwards normal; opacity: 0;
}*/
/*#fade02 {font-size: 230%;	font-weight: 600;	margin-bottom: 3rem; animation: fadeIn 3s ease 2s forwards normal; opacity: 0;}#fade03 {font-size: 230%;	font-weight: 600;	margin-bottom: 3rem; animation: fadeIn 3s ease 3s forwards normal; opacity: 0;
}*/
/*#top-h1 { font-size: 250%; font-weight: 700; animation: fadeIn 3s ease 2s forwards normal; opacity: 0; color:#f09050;
}*/
@keyframes fadeIn { 0% {opacity: 0} 100% {opacity: 1}}
.ttl-index { font-size: 180%; color: #002255; background-color: #ffffff; position: relative; z-index: 123; line-height: 1;}.index-header::after { content: ""; border-bottom: solid 2px #002255; width: 100%; position: absolute; top: .88vw; left: 0; z-index: 12;}.recruit-banner {max-width: 1000px;}
#news h1 { font-size: 2rem; font-weight: 700; color: #1F3A5F;}#news ul{ width:auto; height: 350px; padding: 20px; overflow: auto; overflow-y: scroll;}#care h1 { font-size: 2rem; font-weight: 700; color: #1F3A5F;}#care ul{ width:auto; padding: 20px;}.all-link {position: absolute;	top:0;	right: 0;}#works{ padding: 0;}.works-list-wrap h1{ color: #1F3A5F; font-size:1.5rem; font-weight: 600;}.works-list-wrap h3{ font-weight: 100;}.works-list-wrap ul{ width:auto; height: 350px; padding: 20px; border: 1px solid #999; overflow: auto; overflow-y: scroll;}#greeting h1 { font-size: 2rem; font-weight: 700; color: #1F3A5F;}#greeting p {line-height: 1.5;}#g-header-wrap{ border-bottom: solid 3px #abc7ed; position: relative;}#g-header-wrap:after { position: absolute; content: " "; display: block; border-bottom: solid 3px #1F3A5F; bottom: -3px; width: 30%;}#top-service h1 { color:#1F3A5F; font-size: 2.3rem; font-weight: 600;}#top-service h4{ color:#1F3A5F; border-bottom: solid 2px #1F3A5F;}#top-service li {display: flex; flex-direction: column;	flex-grow: 1;}#top-service li .top-service-img{background-color: #fff;	padding: 1rem;	border-radius: 10px;	flex-grow: 1; height: 22vw; background-size: cover; background-position: center;}#top-service dt {text-align: center;	font-size: 1.5rem;	font-weight: 600;	border-bottom: 3px dotted #288CC4;	padding-bottom: .5rem;	margin-bottom: 1rem;}
#top-service dd {font-size: 1rem;	line-height: 1.5;}#top-area ul li img{ border: solid 5px #fff; box-shadow:0 0 3px #abc7ed; border-radius: 5px;}#top-area ul li span{ border-radius: 5px;}#banner{ background-color:#F7F9FC;}#banner ul li.item_service .img span { background-color:#1F3A5F;}#banner ul li.item_recruit .img span { background-color: #afcc6c;}#banner ul li.item_company .img span { background-color: #75a9c8;}#banner ul li .img span img{ width:5rem;}#banner ul li a .img{ padding: 40px 0; text-align: center;}#banner ul li a .img span{ display: inline-block; position: relative; border-radius: 50%; padding: 30px; width:8rem; height:8rem; margin: 0 auto; transition: 0.25s ease-in-out;}a.bnr-link { position: relative; overflow: hidden; color: #ffffff; background-color:#fff; border: none; border:1px solid #ddd; transition: 0.25s ease-in-out;}a.bnr-link:hover { background-color:#F7F9FC; text-decoration: none; border-radius: 10px; border: 1px solid #1F3A5F;}#banner ul li a:hover .img span{ transform: scale(1.1); filter: brightness(1.1);}#banner ul li a .img span img { width: 100%; transition: 0.5s; transform: rotateY(0deg); z-index:2;}#banner ul li a .img span::after { display: block; pointer-events: none; position: absolute; width: 86px; height: 86px; border-radius: 50%; content: ""; top: 5px; left: 5px; padding: 2px; /* box-shadow: 0px 0px 8px #ecb25c; */ background: transparent;}@media (max-width:992px){ #banner ul li a .img span{ width:18vw; height:18vw; } #banner ul li .img span img{ width:10vw; }}a.bnr-link:hover::after { opacity: .6;}/*.bnr-bg,.bnr-bg2 { transition: transform 0.4s ease-out; position: absolute; top: 50%; left: 50%; transform: scale(1) translate(-50%, -50%);
}*/
#banner ul li a .img span{ width:8rem; height:8rem; margin: 0 auto;}.bnr-bg { height: 100%;}.bnr-bg2 { width: 100%;}.bnr-link:hover .bnr-bg,.bnr-link:hover .bnr-bg2 {}
.h2-banner { background-color: #1F3A5F; color: #fff;}/*.h2-banner { position: absolute; top: 45%; left: 0; width: 100%; text-align: center; z-index: 123; font-size: 160%; font-weight: 600; transition: 0.4s ease-out; text-shadow: 1px 1px 2px #ffffff, -1px 1px 2px #ffffff, 1px -1px 2px #ffffff, -1px -1px 2px #ffffff;
}*/
.bnr-link:hover .h2-banner { top: 43%;}.bnr-text { position: absolute; bottom: -15px; width: 70%; left: 15%; opacity: 0; z-index: 123; transition: 0.4s ease-out; font-size: 100%; text-align: center;}.bnr-link:hover .bnr-text { bottom: 10px; opacity: 1;}
.to-list { border:solid 1px #246e79;}.list-box { overflow: auto;}.list-box li { border-bottom: solid 1px #ddd; margin-top: .8vw; padding-bottom: .8vw;}a.list-link { pointer-events: none; /*text-decoration: underline;*/ color: #224466;}a.list-link:hover { text-decoration: none;}
.area-contents { display: flex; flex-direction: column;	flex-grow: 1;}.area-box { flex-grow: 1;}@media (max-width: 575px){}
.h2-banner { font-size: 120%;}
@media (min-width: 1300px){}
@media (max-width: 991px){}
@media (max-width: 767px){ #catchcopy .catchcopy_content h3{ font-size: 1.6rem; } #greeting p { line-height: 5.3vw; } #g-header-wrap { width: 100%; } a.bnr-link { } .index-header::after { top: 2vw; } .to-list { top: 5.5vw; } .list-box { min-height: 30vw; } .list-box li { margin-top: 4vw; padding-bottom: 4vw; } #top-h1 { font-size: 140%; } #fade01 { font-size: 140%; margin-bottom: 1rem; } #top-header-wrap { top: 13vh; } #strong dl { } #greeting ul{ height:auto; } .greeting-img{ height:50vw; } .banner_txt, .banner_txt2{ position: relative; left: 0vw; } .info-area{ width:90%; } #top-service li .top-service-img{ height:30vh;}@media (max-width: 575px){ .index-header::after { top: 2.5vw; } #top-header-wrap { height:48vh; } #fade02 { font-size: 140%; margin-bottom: 1rem; } #fade03 { font-size: 140%; margin-bottom: 1rem; } #greeting h1, #news h1, #top-service h1, #reason h1, #items h1, #flow h1, #area h1{ font-size: 1.6rem; } #items h2 { font-size: 1.4rem; } #greeting p { line-height: 6vw; } .all-link { position: relative; } #top-service h2 { top: 10%; } #chart dt { font-size: 1.4rem; padding-bottom: 1rem; }
}