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

	診療案内

------------------------------------------*/
.sec1-box {
	padding-bottom: 60px;
	position: relative;
	overflow: hidden;
}
.sec1-box::before{
	content: "";
	width: 100%;
	height: 500px;
	background-color: #fff;
	display: block;
	position: absolute;
	top: -290px;
	left: 0;
    transform: skew(0deg, -2deg);
    -webkit-transform: skew(0deg, 8deg);
    transform-origin: top left;
    -webkit-transform-origin: top left;
    z-index: 0;
}
.sec1-box .inr {
	position: relative;
	z-index: 1;
}
.sec1-box .txt-box {
	width: 50%;
}
.sec1-box .txt-box .hx {
	font-size: 2.8rem;
	font-weight: bold;
	color: #17204c;
}

.sec1-box .img-box {
	width: 50%;
}
.sec1-box .img-box img {
}
.sec1-box .box {
    background-color: #fff;
    border-radius: 15px;
    padding: 30px;
}
.sec1-box .box strong {
	color: #003e8a;
}
.sec1-box .box .sub {
	display: inline-block;
}

/*PC*/
@media screen and (min-width: 768px) {
	.sec1-box .txt-box {
		padding-left: 50px;
	}
}/*END*/


/*Smartphone*/
@media screen and (max-width: 767px) {
	.sec1-box {
		padding-bottom: 35px;
	}
	.sec1-box .txt-box {
		width: 100%;
	}
	.sec1-box .txt-box .hx {
		font-size: 2.0rem;
	}

	.sec1-box .img-box {
		width: 100%;
	}
}/*END*/


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

	診療案内

------------------------------------------*/
.sec2-box {
	padding-top: 50px;
}
/*
.sec2-box .list-typ1 {
	width: 50%;
}
*/
.list-typ1 strong {
	color: #17204c;
}
.list-typ1 .sub {
	font-size: 1.65rem;
	line-height: 1.3;
	padding-left: 22px;
}

/*PC*/
@media screen and (min-width: 768px) {
	.sec2-box .list-typ1 {
		padding-left: 35px;
	}
}/*END*/


/*Smartphone*/
@media screen and (max-width: 767px) {
	.sec2-box {
		padding-top: 30px;
	}
	.list-typ1 .sub {
		font-size: 1.5rem;
		padding-left: 18px;
	}
}/*END*/


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

	診療案内

------------------------------------------*/
.mg1-box {
	background-color: #f8f8f8;
	padding-bottom: 80px;
	position: relative;
	overflow: hidden;
}
.mg1-box::before{
	content: "";
	width: 100%;
	height: 500px;
	background-color: #fff;
	display: block;
	position: absolute;
	top: -280px;
	left: 0;
    transform: skew(0deg, -2deg);
    -webkit-transform: skew(0deg, 8deg);
    transform-origin: top left;
    -webkit-transform-origin: top left;
    z-index: 0;
}
.mg1-box .inr {
	position: relative;
}

.mg1-box .img-box p {
	width: 50%;
}

.mg1-box .txt-box {
	background-color: #fff;
	border-radius: 10px;
	padding: 40px 50px;
}
.mg1-box .txt-box .tit {
	font-size: 2.8rem;
	color: #03004c;
}

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


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

	.mg1-box .txt-box {
		padding: 20px;
	}
	.mg1-box .txt-box .tit {
		font-size: 1.7rem;
		letter-spacing: -.03em;
		color: #03004c;
	}
}/*END*/


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

	診療案内

------------------------------------------*/
.mg2-box {
	padding: 75px 0 0;
	position: relative;
}

.mg2-box .txt {
	font-size: 2.6rem;
}
.mg2-box .txt .clr {
	font-size: 1.13em;
	line-height: 1.23;
	font-weight: bold;
	color: #ff4e00;
}

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


/*Smartphone*/
@media screen and (max-width: 767px) {
	.mg2-box {
		padding: 35px 0;
	}

	.mg2-box .txt {
		font-size: 1.8rem;
	}
}/*END*/




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

	病院概要

------------------------------------------*/
.cl1-box {
}

.about-box a {
	color: #3f9aeb;
	text-decoration: underline;
}

.cl1-box .about-box::after {
	content: "";
	width: 48%;
	max-width: 480px;
	display: block;
}
.cl1-box .about {
	width: 48%;
	max-width: 480px;
}
.cl1-box .about .tit {
	font-size: 2.0rem;
	color: #3f9aeb;
}

.cl1-box .clinic {
	width: 100%;
}
.cl1-box .clinic .thum {
	width: 500px;
}
.cl1-box .clinic .txt-box {
	width: calc(100% - 500px);
	padding-left: 40px;
}
.cl1-box .clinic .tit {
	font-size: 3.2rem;
	color: #03004c;
	line-height: 1.2;
}
.cl1-box .clinic .tit .sub {
	font-size: .565em;
	color: #fff;
	background-color: #03004c;
	padding: 10px;
	margin-bottom: 15px;
	text-align: center;
    display: block;
}
.cl1-box .clinic .cat {
	color: #3f9aeb;
	font-weight: bold;
}
.cl1-box .clinic .txt {
	font-size: 1.8rem;
	line-height: 1.77;
}
.cl1-box .clinic .txt a {
	color: #00b7e1;
	text-decoration: underline;
}

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


/*Smartphone*/
@media screen and (max-width: 767px) {

	.cl1-box .about {
		width: 100%;
		max-width: none;
	}
	.cl1-box .about .thum {
		width: 180px;
	}
	.cl1-box .about .txt-box {
		width: calc(100% - 180px);
		padding-left: 2%;
	}
	.cl1-box .about .tit {
		font-size: 1.7rem;
	}
	.cl1-box .about .txt {
		font-size: 1.5rem;
	}

	.cl1-box .clinic .thum {
		width: 100%;
	}
	.cl1-box .clinic .txt-box {
		width: 96%;
		padding-left: 0;
		margin-right: auto;
		margin-left: auto;
	}
	.cl1-box .clinic .tit {
		font-size: 2.1rem;
		line-height: 2;
	}
	.cl1-box .clinic .txt {
		font-size: 1.5rem;
	}
}/*END*/

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

	メッセージ

------------------------------------------*/
.message-box {
	background-color: #f8f8f8;
	padding-bottom: 65px;
	position: relative;
	overflow: hidden;
}
.message-box::before{
	content: "";
	width: 100%;
	height: 500px;
	background-color: #fff;
	display: block;
	position: absolute;
	top: -250px;
	left: 0;
    transform: skew(0deg, -2deg);
    -webkit-transform: skew(0deg, 8deg);
    transform-origin: top left;
    -webkit-transform-origin: top left;
    z-index: 0;
}
.message-box .inr {
	position: relative;
}

.message-box .img-box p {
	width: 50%;
}

.message-box .txt-box {
	background-color: #fff;
	border-radius: 10px;
	padding: 40px 50px;
}
.message-box .txt-box .tit {
	font-size: 2.8rem;
	color: #03004c;
	line-height: 1.2;
}
.message-box .tit sub {
	font-size: 70%;
	color: #c7b15d;
}

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


/*Smartphone*/
@media screen and (max-width: 767px) {
	.message-box {
		padding-bottom: 30px;
	}
	.message-box::before{
		top: -360px;
	}

	.message-box .txt-box {
		padding: 20px;
	}
	.message-box .txt-box .tit {
		font-size: 1.7rem;
		letter-spacing: -.03em;
		color: #03004c;
	}
}/*END*/