/*------------------------------------------

	

------------------------------------------*/
/*
#site-header {
	width: 100%;
	top: -30%;
	left: 0;
	transition: .6s;
}

.contact-nav {
	align-items: center;
}

.hed-fix #site-header {
	background-color: rgba(255,255,255,.95);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
}
*/

header {
	background-color: #fdfbf1;
}

.page-box,
.arc-box {
	padding-top: 80px;
	padding-bottom: 80px;
}

.pl {
	padding-left: 15px;
}



/*PC*/
@media screen and (min-width: 768px) {
	header {
		padding-top: 30px;
	}

	header .gnav {
		width: 100%;
		max-width: 1000px;
		font-size: 1.5rem;
		line-height: 30px;
		border-right: #b3d4fc 1px solid;
		margin-top: 30px;
		margin-right: auto;
		margin-bottom: 25px;
		margin-left: auto;
	}
	header .gnav li {
		text-align: center;
		width: 20%;
		border-left: #b3d4fc 1px solid;
	}
	header .gnav li a {
		width: 100%;
		display: block;
	}
}/*END*/

/*Smartphone*/
@media screen and (max-width: 767px) {
	.page-box,
	.arc-box {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.pl {
		padding-left: 10px;
	}
}/*END*/

/*------------------------------------------

NEWS お知らせ

------------------------------------------*/

.arc-box time {
	font-size: 1.6rem;
	margin-right: 20px;
}

.arc-box .cat {
	font-size: 1.4rem;
	background-color: #92cded;
	border-radius: 100px;
	display: block;
	margin-right: 25px;
	padding: .2em .8em;
}
.arc-box .cat a {
	color: #fff;
}

.arc-box .tit {
	font-size: 1.6rem;
	font-weight: 400;
}

.content-txt {
	font-size: 1.5rem;
	line-height: 2;
}

/*PC*/
@media screen and (min-width: 768px) {
}/*END*/

/*Smartphone*/
@media screen and (max-width: 767px) {
	.top-news-box {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.arc-box time {
		font-size: 1.5rem;
		margin-right: 10px;
	}

	.arc-box .cat {
		font-size: 1.3rem;
		margin-right: 0;
	}

	.arc-box .tit {
		width: 100%;
		font-size: 1.5rem;
		padding-top: 5px;
	}
}/*END*/

/*------------------------------------------

Clinic クリニック

------------------------------------------*/
.clinic-box {
	padding-top: 80px;
	padding-bottom: 80px;
}
.clinic-box .inr {
	max-width: 970px;
}
.clinic-box .img p {
	width: 32.5531914894%;
}

.clinic-box .doctor-box.inr {
	max-width: 1030px;
	border: #b3d4fc 1px solid;
	padding: 50px;
}

.clinic-box .img-box {
	width: 50%;
}
.clinic-box .img-box img {
	width: 100%;
}

.clinic-box .txt-box {
	width: 50%;
	padding-left: 40px;
}

.clinic-box .txt-box .tit {
	font-size: 3.5rem;
	font-weight: 400;
	color: #1e70bd;
}
.clinic-box .txt-box .tit .sub {
	font-size: 1.6rem;
	font-style: normal;
    transform: translateY(-7px);
    display: inline-block;
	padding-left: 20px;
}

.clinic-box .txt-box .job {
	font-size: 1.8rem;
}
.clinic-box .txt-box .name {
	font-size: 2.4rem;
}
.clinic-box .txt-box .name .sub {
	font-size: 1.6rem;
}

.clinic-box .txt-box2 {
	width: 50%;
}
.clinic-box .txt-box2:last-of-type {
	padding-left: 20px;
}
.clinic-box .txt-box2:last-of-type .txt {
	padding-left: 20px;
}

/*PC*/
@media screen and (min-width: 768px) {
}/*END*/

/*Smartphone*/
@media screen and (max-width: 767px) {
	.clinic-box {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.clinic-box .img p {
		width: 100%;
	}

	.clinic-box .doctor-box.inr {
		width: calc(100% - 30px);
		padding: 15px;
	}

	.clinic-box .img-box {
		width: 100%;
	}
	.clinic-box .img-box img {
		width: 100%;
	}

	.clinic-box .txt-box {
		width: 100%;
		padding-left: 0;
	}

	.clinic-box .txt-box .tit {
		font-size: 2.8rem;
	}
	.clinic-box .txt-box .tit .sub {
		font-size: 1.5rem;
		transform: translateY(-4px);
		padding-left: 15px;
	}

	.clinic-box .txt-box .job {
		font-size: 1.6rem;
	}
	.clinic-box .txt-box .name {
		font-size: 2.0rem;
	}
	.clinic-box .txt-box .name .sub {
		font-size: 1.4rem;
	}

	.clinic-box .txt-box2 {
		width: 100%;
	}
	.clinic-box .txt-box2:last-of-type {
		padding-left: 0;
	}
	.clinic-box .txt-box2:last-of-type .txt {
		padding-left: 0;
	}
}/*END*/


/*------------------------------------------

訪問

------------------------------------------*/
.visit-box {
	padding-top: 80px;
	padding-bottom: 80px;
}
.visit-box .inr {
	max-width: 970px;
}

.visit-box .inb {
	padding-right: 70px;
	padding-left: 70px;
}

.visit-box .box {
	border: #4994d7 2px solid;
	border-radius: 10px;
}
.visit-box .box .tit {
	font-size: 2.4rem;
	color: #fff;
	font-weight: 400;
	line-height: 1;
	background-color: #4994d7;
	padding-top: 17px;
	padding-bottom: 17px;
}
.visit-box .box ul {
	padding-right: 70px;
	padding-left: 70px;
}
.visit-box .box ul li {
	width: 45%;
}

.visit-box .box2 .img-box {
	width: 31.914893617%;
}
.visit-box .box2 .txt-box {
	width: calc(68.085106383% - 40px);
}

.visit-box .box2 .txt-box ul {
	padding-left: 15px;
}
.visit-box .box2 .txt-box .txt {
	padding-left: 15px;
}

.visit-box .bo3 {
	background-color: #f4f9ff;
	padding: 30px 50px;
}

.visit-box .bo3 .tit {
	font-size: 2.4rem;
	color: #4994d7;
	font-weight: 400;
	position: relative;
}
.visit-box .bo3 .tit span {
    background-color: #f4f9ff;
    padding-right: 1.5em;
    padding-left: 1.5em;
    z-index: 1;
    position: inherit;
}
.visit-box .bo3 .tit::after {
	content: "";
	width: 100%;
	height: 1px;
	background-color: #b3d4fc;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.visit-box .bo3 ul {
	width: 45%;
	padding-left: 15px;
}

/*PC*/
@media screen and (min-width: 768px) {
}/*END*/

/*Smartphone*/
@media screen and (max-width: 767px) {
	.visit-box .inb {
		padding-right: 15px;
		padding-left: 15px;
	}

	.visit-box .box ul {
		padding-right: 15px;
		padding-left: 15px;
	}
	.visit-box .box ul li {
		width: 100%;
	}

	.visit-box .box2 .img-box {
		width: 100%;
		margin-bottom: 15px;
	}
	.visit-box .box2 .txt-box {
		width: 100%;
	}

	.visit-box .box2 .txt-box ul {
		padding-left: 10px;
	}
	.visit-box .box2 .txt-box .txt {
		padding-left: 10px;
	}

	.visit-box .bo3 {
		padding: 15px;
	}

	.visit-box .bo3 .tit {
		font-size: 2.0rem;
	}
	.visit-box .bo3 ul {
		width: 100%;
		padding-left: 10px;
	}
}/*END*/


/*------------------------------------------

Flow 流れ

------------------------------------------*/
.flow-box {
	background-color: #f7f7f7;
	padding-top: 80px;
	padding-bottom: 80px;
}
.flow-box .wrap {
	background-color: #fff;
	padding: 60px 80px 40px;
}
.flow-box .box {
	counter-increment: section;
}
.flow-box .box h3 {
	font-size: 2.4rem;
	font-weight: 400;
	line-height: 56px;
	border: #72aee6 2px solid;
	padding-left: 130px;
	color: #72aee6;
}
.flow-box .box h3::before {
	content: counter(section);
	width: 85px;
	font-size: 4.0rem;
	line-height: 56px;
	text-align: center;
	color: #fff;
	background-color: #72aee6;
	position: absolute;
	top: 0;
	left: 0;
}
.flow-box .box h3::after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 28px 0 28px 20px;
	border-color: transparent transparent transparent #72aee6;
	position: absolute;
	top: 50%;
	left: 85px;
	transform: translateY(-50%);
}

.flow-box .img {
	width: 170px;
	padding-right: 50px;
	padding-left: 30px;
}
.flow-box .txt {
	width: calc(100% - 170px);
}

/*PC*/
@media screen and (min-width: 768px) {
}/*END*/

/*Smartphone*/
@media screen and (max-width: 767px) {
	.flow-box {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.flow-box .wrap {
		background-color: #fff;
		padding: 30px 15px 30px;
	}
	.flow-box .box h3 {
		font-size: 1.7rem;
		line-height: 36px;
		padding-left: 60px;
	}
	.flow-box .box h3::before {
		width: 40px;
		font-size: 2.5rem;
		line-height: 33px;
		padding-top: 3px;
	}
	.flow-box .box h3::after {
		border-width: 20px 0 20px 10px;
		left: 40px;
	}

	.flow-box .img {
		width: 90px;
		padding-right: 20px;
		padding-left: 10px;
	}
	.flow-box .txt {
		width: calc(100% - 90px);
	}
}/*END*/