@charset "utf-8";

/*breakpoint
@media screen and ( max-width:1080px) and ( min-width:769px) {}  *PCヨコ幅_規定値以下のレスポンシブor大型タブレット*
@media screen and ( max-width:768px) {}							 *タブレットのブレイクポイントからiPhoneSE基準(375)でscript制御*
@media screen and ( max-width:375px) {}							 *iPhoneSE基準(375)、GalaxyS8(360)、デバイス判定基準値*

/*breakpoint
@media screen and ( max-width:768px) and ( min-width:541px)  {}  *iPad_miniタブレットのヨコ規定値～PCでの特殊な閲覧例*
@media screen and ( max-width:540px) and ( min-width:415px)  {}　*SurfaceDuo(540)*
@media screen and ( max-width:414px) and ( min-width:376px)  {}　*iPhoneXR(414),GalaxyS20/A51/71(412)*

*%,rem,vw,で構成してコントロール_デザイン上の異常値はfix最適化*

html {
	font-size: calc(100vw * 16 / 375);	// viewport 375px のとき font-size 16px

	@media (min-width: 415px) {
	font-size: calc(100vw * 16 / 768);
	}

	@media (min-width: 768px) {
	font-size: calc(100vw * 16 / 768);
	}

	@media (min-width: 1080px) {
	font-size: calc(100vw * 18 / 1240);
	}

	@media (min-width: 1081px) {
	font-size: calc(100vw * 20 / 1440);
	}
}

*/
/*lower-slick*/
.slickframe .button_to_contents a.slick-adjust {
	margin-top: 0;
}
/*lower*/

/*firstview_custom*/
#firstview {
    max-height: 600px;
}
.slider-top .slick-slide img {
	height: 600px;
}
.catchcopy {
	width: 760px;
    top: 200px;
	left: 0;
}
@media screen and ( max-width:375px) { .catchcopy { width: 356px; top: 150px; left: 1.3%; right: 0; margin: 0; padding: 0 5px;} }

.catchcopy .ttl {
}
.title--lower {
	width: 400px;
	animation: txt_delay 10.0s forwards;
}
@media screen and ( max-width:375px) { .title--lower { }}

.title--lower_h {
    padding: 0px 19px;
	font-size: 36px;
	letter-spacing: 6.0px !important;
	background-color: #fff;
    animation: ttl_anieme 10.0s forwards;
    position: relative;
}
.title--lower_caption {
	animation: ttl_anieme 10.0s forwards;
    position: relative;
}
.title--lower_caption p {
    padding: 10px 19px;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 1.0px !important;
	animation: txt_delay 10.0s forwards;
	background-color: #fff;
    position: relative;
    top: -15px;
}
@media screen and ( max-width:375px) { .title--lower_h { font-size: 28px; letter-spacing: 3px !important; top: 13px; padding-top:7px; } }
@media screen and ( max-width:375px) { .title--lower_caption p { font-size: 15px; letter-spacing: 0px !important; line-height: 26px; top: 6px; } }
@media screen and ( max-width:375px) { .nav_cate { margin-top: 100px; } }

.catchcopy .caption {
	font-size: 18px;
	margin-top: 0px;
}
@media screen and ( max-width:375px) { .catchcopy .caption { margin-top: 10px; }}

.catchcopy .caption p {
	letter-spacing: 1.0px !important;
	line-height: 34px;
}

.catchcopy .ttl p:nth-of-type(1) {
	font-size: 18px;
	letter-spacing: 5.6px !important;
	position: absolute;
	top: 52px;
}
@media screen and ( max-width:375px) { .catchcopy .ttl p:nth-of-type(1) { font-size: 16.5px; letter-spacing: 2px !important; top: 51px; } }

.catchcopy .caption p::before {
	width: 100%;
	height: 100%;
}
/*news-list*/
.news-list {
	width: 100%;
	height: auto;
	margin-top: 140px;
	position: relative;	
}

.news-list h2.news-list--title {
	font-size: 18px;
	font-weight: 600;
	color: #3975aa;
	text-align: center;
}

.news-list p.news-list--caption {
	font-size: 32px;
	font-weight: 700;
	letter-spacing: 4.0px;
	color: #3975aa;
	text-align: center;
}
@media screen and ( max-width:375px) { .news-list p.news-list--caption { font-size: 24px; } }

.news-list p.news-list--caption::before {
	width: 24px;
	height: 18px;
	content: "";
	display: block;
	background: url("../img/news-topics__title-bar_left.png") top center no-repeat;
	background-size: contain;
	position: absolute;
    z-index: 1;
	left: -500px;
    right: 0;
    top: 63px;
    margin: 0 auto;
}
.news-list p.news-list--caption::after {
	width: 24px;
	height: 18px;
	content: "";
	display: block;
	background: url("../img/news-topics__title-bar_right.png") top center no-repeat;
	background-size: contain;
	position: absolute;
    z-index: 1;
	left: 0;
    right: -500px;
    top: 63px;
    margin: 0 auto;
}
.news-list h2.news-list--title::before {
	width: 176px;
	height: 122px;
	content: "";
	display: block;
	background: url("../img/news-topics__illust_left.png") top center no-repeat;
	background-size: contain;
    position: absolute;
    z-index: -1;
    left: -800px;
    right: 0;
    top: -10px;
    margin: 0 auto;
}
.news-list h2.news-list--title::after {
	width: 176px;
	height: 122px;
	content: "";
	display: block;
	background: url("../img/news-topics__illust_right.png") top center no-repeat;
	background-size: contain;
    position: absolute;
    z-index: -1;
    left: 0;
    right: -800px;
    top: -10px;
    margin: 0 auto;
}

.news-list ul {
	width: 1080px;
	margin: 12px auto 58px;
	border-bottom: solid 2px #3975aa;
	border-top: solid 2px #3975aa;
	padding: 50px 0;
}
.news-list ul::before,
.news-list ul::after {
}

.news-list li {
	width: 840px;
	margin: 12px auto 0;
	position: relative;
	left: 20px;
}
.news-list li article {
}
.news-articles li article figure img {
	border-radius: 7px;
}

.news-list li article time {
	font-size: 19px;
	font-weight: 700;
	margin-right: 40px;
	margin-top: 5px;
	float: left;
}
.news-list li.year::before {
	content: "2026";
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	padding: 1px 22px;
	background-color: #009b8f;
	border-radius: 4px;
	position: absolute;
	top: 4px;
	left: -120px;
}

.news-list li article h3 {
	font-size: 19px;
	font-weight: 500;
	color: #666666;
	float: left;
}
.news-list li article h3 a {
	text-decoration: underline #cccccc 1px;
}
h2.news-articles--title {
	font-size: 34px;
	font-weight: 700;
	text-align: center;
}
@media screen and ( max-width:375px) { h2.news-articles--title { font-size: 24px; }}

/*更新日リストのスマホ回り込み解除*/
@media screen and ( max-width:375px) { 

	.news-list {
		margin-top: 60px;
	}
	.news-list li article h3,
	.news-list li article time {
		float: inherit;
	}
	.news-list ul {
		width: 90%;
	}
	.news-list li {
		width: 100%;
		margin: 26px auto 0;
		position: relative;
		left: 0;
	}
	.news-list li:first-child {
		margin: 8px auto 0;
	}
	.news-list li article h3{
		font-size: 18px;
	}
	.news-list li.year::before {
		display: none;
	}
	.news-list p.news-list--caption::before,
	.news-list p.news-list--caption::after,
	.news-list h2.news-list--title::before,
	.news-list h2.news-list--title::after {
		display: none;
	}
	.nav_cate {
		display: none;
	}
}
/*記事一覧*/

/*slick解除の同一転用*/
.news-articles {
	margin-top: 200px;
	margin-bottom: 160px;
}
@media screen and ( max-width:375px) { .news-articles { margin-bottom: 90px }}

.news-articles ul {
	margin-top: 30px;
}
@media screen and ( max-width:375px) { .news-articles ul { margin-top: 0; position: relative; top: -30px;}}
	
.news-articles li {
	width: 330px;
    float: left;
    margin: 20px 15px;
}
@media screen and ( max-width:375px) { .news-articles li { margin: 20px auto; position:relative; left:4px; }}

.news-articles ul li time {
    font-size: 11px;
    font-weight: 700;
    position: relative;
    top: -56px;
    Left: -11px;
    background: #fff;
    display: inline;
    padding: 2px 11px;
    z-index: 0;
}
.news-articles ul li h4 {
	font-size: 19px;
    font-weight: 700;
    position: relative;
    top: -28px;
    left: -87px;
    background: #fff;
    display: inline-block;
    padding: 0 10px 0 0;
    z-index: 1;	
}
@media screen and ( max-width:375px) { .slickframe ul li h4 { font-size: 18px; top: -20px;}}

.news-articles figure::before {
	content: url("../../files/img/slick_icon_dott.png");
    position: relative;
    top: 196px;
    left: 241px;
    transform: scale(0.8);
    display: block;
}

.news-articles ul li p {
	font-size: 15px;
	padding: 0 2%;
	word-break: break-all;
}

.news-articles .button_to_contents {
	margin-top : 20px;
	background:#3975ab;
	border-radius: 6px;
}
.news-articles .button_to_contents a {
	color: #fff;
	font-size: 21px;
	font-weight: 700;
	display: block;
	padding: 10px 10px;
	text-align: center;
}
.news-articles .button_to_contents a.slick-adjust {
	margin-top: -28px;
}

/*animation*/
@keyframes ttl_anieme {
  0% { width: 0%;}
  10% { width: 100%;}
  55%{ width: 100%;}
  100%{ width: 100%;}
}
@keyframes txt_delay {
  0% { opacity: 0;}
  8% { opacity: 0;}
  12%{ opacity: 1;}
  100%{ opacity: 1;}
}
@keyframes caption_anieme_p01 {
  0% { width: 0%; opacity:0;}
  3% { width: 0%; opacity:0;}
  8% { opacity:1;}
  14%{ width: 100%; opacity:1;}
  100%{ width: 100%; opacity:1;}
}
@keyframes caption_anieme_p02 {
  0% { width: 0%; opacity:0;}
  3%{ width: 0%; opacity:0;}
  8%{ opacity:1;}
  14%{ width: 100%; opacity:1;}
  100%{ width: 100%; opacity:1;}
}
@keyframes caption_anieme_p03 {
  0% { width: 0%; opacity:0;}
  3%{ width: 0%; opacity:0;}
  8%{ opacity:1;}
  14%{ width: 100%; opacity:1;}
  100%{ width: 100%; opacity:1;}
}
@keyframes category_pop {
  0% { top:0; opacity: 0;}
  14%{ top:0; opacity: 0;}
  16%{ top:0; opacity: 1;}
  18%{ top:-10px; opacity: 1;}
  20%{ top:2px; opacity: 1;}
  22%{ top:-2px; opacity: 1;}
  24%{ top:1px; opacity: 1;}
  26%{ top:0; opacity: 1;}
  100%{ top:0; opacity: 1;}
}

/*../news/*/

/*doctor-schedule*/