@charset "utf-8";
/*
Theme Name: 京都医療センターランディングページ
Theme URI:
Description:
Version: 1.0
Author: 京都医療センター
*/

/* フォント */
@font-face {
    font-family: Cormorant Garamond;
    font-style: normal;
    font-weight: 600;
    src: url('fonts/CormorantGaramond-SemiBold.woff2') format('woff2'),
                 url('fonts/CormorantGaramond-SemiBold.woff') format('woff'),
                 url('fonts/CormorantGaramond-SemiBold.ttf')  format('truetype'),
         url('fonts/CormorantGaramond-SemiBold.eot') format('embedded-opentype');
}
@font-face {
  font-family: 'Noto Serif JP', serif;
  font-style: normal;
  font-weight: 500;
  src: url('fonts/NotoSerifJP-Medium.woff2') format('woff2'),
                 url('fonts/NotoSerifJP-Medium.woff') format('woff'),
                 url('fonts/NotoSerifJP-Medium.ttf')  format('truetype'),
                 url('fonts/NotoSerifJP-Medium.eot') format('embedded-opentype');
}
@font-face {
  font-family: 'Noto Serif JP', serif;
  font-style: normal;
  font-weight: 600;
  src: url('fonts/NotoSerifJP-SemiBold.woff2') format('woff2'),
                 url('fonts/NotoSerifJP-SemiBold.woff') format('woff'),
                 url('fonts/NotoSerifJP-SemiBold.ttf')  format('truetype'),
                 url('fonts/NotoSerifJP-SemiBold.eot') format('embedded-opentype');
}
@font-face {
  font-family: 'Noto Serif JP', serif;
  font-style: normal;
  font-weight: 700;
  src: url('fonts/NotoSerifJP-Bold.woff2') format('woff2'),
                 url('fonts/NotoSerifJP-Bold.woff') format('woff'),
                 url('fonts/NotoSerifJP-Bold.ttf')  format('truetype'),
                 url('fonts/NotoSerifJP-Bold.eot') format('embedded-opentype');
}
@font-face {
    font-family: 'Noto Sans CJK JP', sans-serif;
    font-style: normal;
    font-weight: 400;
    src: url('fonts/NotoSansCJKjp-Regular.woff2') format('woff2'),
                 url('fonts/NotoSansCJKjp-Regular.woff') format('woff'),
                 url('fonts/NotoSansCJKjp-Regular.ttf')  format('truetype'),
         url('fonts/NotoSansCJKjp-Regular.eot') format('embedded-opentype');
}
@font-face {
    font-family: 'Noto Sans CJK JP', sans-serif;
    font-style: normal;
    font-weight: 500;
    src: url('fonts/NotoSansCJKjp-Medium.woff2') format('woff2'),
                 url('fonts/NotoSansCJKjp-Medium.woff') format('woff'),
                 url('fonts/NotoSansCJKjp-Medium.ttf')  format('truetype'),
         url('fonts/NotoSansCJKjp-Medium.eot') format('embedded-opentype');
}
@font-face {
    font-family: 'Noto Sans CJK JP', sans-serif;
    font-style: normal;
    font-weight: 700;
    src: url('fonts/NotoSansCJKjp-Bold.woff2') format('woff2'),
                 url('fonts/NotoSansCJKjp-Bold.woff') format('woff'),
                 url('fonts/NotoSansCJKjp-Bold.ttf')  format('truetype'),
         url('fonts/NotoSansCJKjp-Bold.eot') format('embedded-opentype');
}


/* サイト全体 */
body {
    font-family: 'Noto Serif CJK JP';
    margin:0;
}
#content {
    background-position: top;
    background-repeat: repeat-x;
    padding: 0;
}
.inner {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
#main {
	max-width: 1400px;
}
/*
.desc, p, table {
    letter-spacing: 0.08em;
	font-size: 1.6rem;
	margin: 14px auto;
}
*/
.pc{
	display: block;
}
.sp{
	display: none;
}
ol, ul {
    list-style: none;
}
.object_fit_img {
    object-fit: cover;
    font-family: 'object-fit: cover;';
}
a {
    color: #2680a5;
    text-decoration: none;
}
#headNavi {
    position: absolute;
    right: 0;
}
.flexnowrap {
    display: flex;
    flex-wrap: nowrap;
}
@media only screen and (max-width: 767px){
	.pc {
	    display: none;
	}
	.sp{
		display: block;
	}
}
@media screen and (max-width: 415px){
	#main {
	    margin-left: 10px;
	    margin-right: 10px;
	}
}
/* 2列画像テキスト */
.lb_2row_outer_hello{
	font-family: "Noto Sans JP Light";
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	flex-wrap: nowrap;
	margin: 0 auto;
	position: relative;
}
.lb_2row_outer_hello.reverse {
	flex-direction: row-reverse;
}
.lb_2row_outer_hello a:hover img{
	opacity: 0.7;
}
.lb_2row_inner_hello {
	display: flex;
	flex-direction: column;
	max-width: 600px;
	width: 100%;
	margin: 0 9px;
	gap: 16px;
	position: relative;
}
.lb_2row_inner_hello:first-child {
	justify-content: flex-end;
	flex: 1;
}
.lb_2row_inner_hello:nth-child(2) {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 16px;
	flex: 1;
}
.lb_2row_img_hello img {
	width: 100%;
	text-align: center;
	margin: auto;
}
.lb_2row_desc_hello{
	width: 100%;
}
.section_name{
	position: absolute;
	width: 100%;
	height: 30px;
	font-family: Noto Sans CJK JP;
	color: #FFFFFF;
	font-size: 12px;
	text-align: center;
	line-height: 30px;
	letter-spacing: 0.08em;
	font-weight: 700;
	align-self: flex-start;
}
.section_name.green{
	background-color: #009b73;
}
.section_name.blue{
	background-color: #0080ad;
	margin-top: 0;
}
.lb_2row_title_hello {
	color: #55372b;
	font-family: Noto Sans CJK JP;
	font-size: 22px;
	font-weight: 300;
	text-align: center;
	background-color: #fbf9ec;
	margin: 30px 0 0 0;
	position: relative;
	justify-content: center;
	height: 75px;
	display: flex;
	width: 100%;
	box-sizing: border-box;
	align-items: stretch;
}
.lb_2row_title_hello p.hello{
	font-family: Noto Sans CJK JP;
	font-size: 22px;
	font-weight: 300;
	color: #55372b;
	display: inline-block;
	margin: 20px 0;
	line-height: 1.4;
	position: static;
	justify-content: center;
	align-items: center;
}
.lb_2row_text_hello {
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-family: "Noto Sans JP";
	font-size: 16px;
	line-height: 18px;
	letter-spacing: 1.28px;
	color: #53372b;
	background-color: #fbf9ec;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	padding: 20px;
	flex: 1;
	height: auto;
	position: relative;
}
.lb_2row_text_hello p.hello {
	color: #55372b;
	background-color: #fbf9ec;
	line-height: 24px;
	letter-spacing: 0.7px;
	position: static;
	text-align: left;
}
.lb_2row_title_hello p.hello,
.lb_2row_text_hello p.hello {
	margin: 0;
	padding: 0;
	width: 100%;
}
.lb_2row_text_hello .text-inner {
	position: absolute;
	top: 50%;
	left: 20px;
	right: 20px;
	transform: translateY(-50%);
	text-align: center;
}

@media screen and (max-width: 768px) {
	.lb_2row_outer_hello {
		flex-direction: column;
		justify-content: center;
	}
	.lb_2row_inner_hello {
		max-width: 100%;
	}
	.lb_2row_outer_hello.reverse {
		flex-direction: column;
		justify-content: center;
	}
	.lb_2row_inner_hello {
		margin: 10px auto;
		display: block;
		width: 100%;
		max-width: 600px;
		gap: 10px;
	}
	.lb_2row_inner_hello:nth-child(2) {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		gap: 10px;
		flex: 1;
	}
	.lb_2row_img_hello img {
		margin: auto;
		display: block;
		max-width: 600px;
	}
	.lb_2row_text_hello {
		flex: unset;
		height: auto;
		padding: 60px 20px;
	}
	.lb_2row_title_hello,
	.lb_2row_text_hello {
		justify-content: center;
		flex-wrap: wrap;
		display: block;
		max-width: 600px;
		position:  relative;
	}
	.lb_2row_title_hello p.hello{
		text-align: center;
		position:  static;
		top:  0;
		bottom:  0;
		left:  0;
		right:  0;
		margin:  auto;
	}
	.lb_2row_text_hello p.hello {
		text-align: center;
	}
	.img_outer {
		flex-wrap: wrap;
		max-width: 600px;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	p.hello {
		text-align: left;
		max-width: 600px;
		margin-left: auto !important;
		margin-right: auto !important;
		}
}
@media screen and (max-width: 600px) {
	.lb_2row_outer_hello {
		flex-wrap: wrap;
		justify-content: center;
	}
	.lb_2row_inner {
		max-width: 400px;
		margin: auto;
		display: block;
	}
	.lb_2row_inner:last-child {
		margin: 0;
	}
	.lb_2row_inner:last-child {
		margin: 0;
	}
	.lb_2row_img_hello{
		max-width: 100%;
	}
	.lb_2row_text_hello {
		margin-left: 0;
		font-size: 15px;
		font-weight: 500;
		text-align: left;
		letter-spacing: 0.06em;
		line-height: 26px;
		display: flex;
		align-items: center;
	}
}
@media screen and (max-width: 578px) {
	.lb_2row_text_hello p.hello{
	text-align: left;
}
@media screen and (max-width: 500px) {
	.lb_2row_desc_hello{
		width: 100%;
	}
}
@media screen and (max-width: 415px) {
	.lb_2row_img_hello img{
		max-width: inherit;
		max-height: inherit;
	}
	.lb_2row_desc_hello{
		width: 100%;
	}
}
}