.g-head{
	background: url("../images/g_ttl_bg2.webp") no-repeat center bottom / 100%;
	height: 17.9vw;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 30px;
}

.concept .g-head,
.feature .g-head{
	background: url("../images/g_ttl_bg.webp") no-repeat center bottom / 100%;
}

.g-head .ttl{
	color: #38B28A;
	font-size: 3rem;
	padding: 0 0 6.5vw;
}

.sec_ttl{
	position: relative;
    font-size: 3rem;
	text-align: center;
	padding: 0 0 15px;
}

/*
news
---------------------------------------------------*/
#new_box{
}

#newsWrap{
	margin: 0 auto 120px;
	padding: 0;
	width: 70%;
	background: #fff;
	border-radius: 5px;
}

ul#newsList{
	margin: 0;
	padding: 0;
	color: #323232;
}

ul#newsList li{
	font-size:1.6rem;
	margin:0;
	padding: 25px 0;
	line-height:1.4;
	list-style-type:none;
	text-align: left;
	display: block;
	border-bottom: 1px solid #D1D1D1;
}

#newsList a {
	color: #323232;
	transition: .3s all;
}

#newsList a:hover,a:visited {
	opacity: .5;
}

#newsList .up_ymd {
    color: #38B28A;
    font-weight: 500;
    display: block;
    font-size: 1.4rem;
}

.catName{
	display:inline-block;
	padding:3px 8px 2px 8px;
	background: #29508c;
	border-radius:4px;
	font-size:11px;
	line-height:130%;
	margin:0 6px 0 0;
	color: #FFF;
	text-align: center;
	letter-spacing: 0.03em;
}
.newMark{
	display:inline-block;
	padding:1px 0px 0px 2px;
	font-size:12px;
	line-height:100%;
	background:#fff;
	color:#e60012;
}

.thumbNailWrap{
	display:block;
	width:75px;
	float:left;
	max-height:55px;
	overflow:hidden;
	margin: 3px 6px 6px 0;
}

.thumbNailbox{
	float:left;
}

/*ページャーボタン*/
.pager{
	text-align:center;
	padding:30px 0 0;
	clear:both;
}

.pager a{
    color: #323232;
    padding: 7px;
    text-decoration: none;
	transition: .3s all;
	font-weight: bold;
	font-size: 1.6rem;
}

.pager a.current{
	position: relative;
    color: #fff;
    text-decoration: none;
	z-index: 0;
	margin: 0 10px;
	cursor: default;
	background: #38B28A;
    border-radius: 50%;
    width: 40px;
    height: 40px;
	display: inline-block;
}


.pager a.current:hover{
	opacity: 1;
}

.pager a:hover{
    opacity: .7;
}

.overPagerPattern{
	padding:0 2px ;	
}


/*
当院の想い
---------------------------------------------------*/

/* ご挨拶 */

.greeting{
	padding: 0 0 80px;
	background: #FCF9ED;
}

.greeting .sub_ttl.fadeUp.active{
	animation-delay: .5s;
}

.sub_ttl{
	color: #38B28A;
	font-size: 3rem;
	margin-bottom: 15px;
	font-weight: 500;
}

.sub_ttl span{
	background: #38B28A;
	color: #fff;
	display: inline-block;
	padding: 3px 8px;
	border-radius: 5px;
	font-size: 2.4rem;
	margin-bottom: 15px;
}

.gr_block.fadeUp.active{
	animation-delay: .8s;
}
.gr_block{
	display: flex;
	justify-content: space-between;
	padding: 0 0 50px;
}

.gr_block .l_box{
	width: 60%;
}
.gr_block .r_box{
	width: 40%;
	padding-left: 30px;
	text-align: center;
}

.sub_txt{
	margin-bottom: 15px;
	line-height: 2;
}

.gr_name{
	font-size: 2.4rem;
	font-weight: 500;
}

.gr_name span{
	font-size: 1.6rem;
	font-weight: 400;
	margin-right: 5px;
}

.gr_ttl{
	width: 60%;
	color: #38B28A;
	background: #E7F4E3;
	font-size: 2rem;
	font-weight: 500;
	padding: 5px 5px 5px 15px;
	border-radius: 5px;
	margin: 0 0 10px;
}

/*********** 三本柱 ***********/

.pillars{
    background: url("../images/pillars_bg_pc.webp") no-repeat center top / 100%;
	padding: 23% 0 0;
}

.sec_ttl::before{
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100px;
    height: 2px;
}

.pillars .sec_ttl::before{
	background: url("../images/sec_ttl_red.svg") no-repeat center center / contain;
}

.feature .sec_ttl::before{
	background: url("../images/sec_ttl_green.svg") no-repeat center center / contain;
}

.pi_block{
	margin: 0 auto 40px;
	display: flex;
	align-items: center;
}

.pi_block .l_box,
.pi_block .r_box{
	width: 50%;
}

.pi_block .l_box{
	padding: 0 60px 0 0;
}

.pi_ttl{
	background: #DC8278;
	color: #fff;
	display: inline-block;
	font-size: 3.4rem;
	padding: 0 10px;
	border-radius: 5px;
	margin-bottom: 20px;
}

.pillars .sec_block{
	background: #FCF3ED;
	border-radius: 5px;
	padding: 30px 40px;
}

.pillars .sec_sub_ttl{
	font-size: 2.8rem;
	font-weight: 500;
	border-bottom: 3px solid #DC8278;
	padding: 0 0 10px;
	margin: 0 0 10px;
}

.pillars .sec_sub_ttl span{
	color: #DC8278;
}

/* 充実 */

.fullness {
	padding: 50px 0 0;
}

.fullness .sec_block .row{
	justify-content: center;
}

.fullness .sec_block .l_box,
.fullness .sec_block .r_box{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50%;
}

.fullness .sec_block .sub_img{
	padding: 0 20px;
}

.fullness .caption{
	text-align: center;
	font-weight: bold;
}
.fullness .sec_list{
	margin-right: 40px;
}

.fullness .sec_list li{
	margin: 0 0 5px;
}

.fullness .sec_list li::before{
	content: '●';
	color: #DC8278;
}

/* 安心 */

.relief{
	padding: 130px 0 0;
}

.relief .row{
	justify-content: center;
	align-items: center;
}

.relief .row .l_box{
	width: 35%;
}

.relief .row .r_box{
	width: 65%;
    padding: 0 0 0 40px;
}

/* 親切 */

.kindness{
	padding: 130px 0;
}



/*
診療の特徴
---------------------------------------------------*/

.fe_list{
	background: #FCF9ED;
	height: 0;
}

.fe_list ul{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: -30px;
	position: relative;
	top: -8vw;
}

.fe_list li{
	margin-left: 30px;
}

.fe_list a{
	color: #38B28A;
	background: #fff;
	border: 2px solid #E7F4E3;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	width: 150px;
	height: 150px;
    font-weight: 500;
    transition: .3s all;
}


.fe_list a:hover{
    transform: scale(1.10);
}

.fe_list a::before{
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	margin: auto;
}

.fe_list .list_item01 a::before{
	background: url("../images/h_feature_ico.svg") no-repeat center / contain;
    width: 45px;
    height: 45px;
    top: 25px;
}
.fe_list .list_item02 a::before{
	background: url("../images/examination_ico.svg") no-repeat center / contain;
	width: 50px;
    height: 50px;
    top: 20px;
}
.fe_list .list_item03 a::before{
	background: url("../images/guidance_ico.svg") no-repeat center / contain;
	width: 45px;
    height: 45px;
    top: 21px;
}
.fe_list .list_item04 a::before{
	background: url("../images/homecare_ico.svg") no-repeat center / contain;
	width: 45px;
    height: 45px;
    top: 25px;
}

.fe_list a::after{
	position: absolute;
	content: '';
	bottom: 8px;
	left: 0;
	right: 0;
	margin: auto;
	width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #38B28A;
}

.fe_list a span{
	line-height: 1.3;
	margin-top: 45px;
}


/*
かきねをこえて診察
---------------------------------------------------*/

.diagnosis{
	background: #FCF9ED;
	padding: 100px 0 80px;
	text-align: center;
}

.di_block {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 40px;
}

.di_block.fadeUp.active{
	animation-delay: .5s;
}

.di_block .l_box::before{
	position: absolute;
	content: '';
	right: -25px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-left: 25px solid #E7F4E3;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}

.di_block .l_box{
	background: #E7F4E3;
	display: inline-block;
	width: 45%;
	padding: 20px 30px;
	margin-right: 70px;
	position: relative;
	text-align: left;
	border-radius: 5px;
}

.di_block .l_box p{
	font-size: 2rem;
}

.di_block .r_box{
	width: 22%;
}
.di_block h4{
	color: #38B28A;
	font-size: 2.4rem;
	margin-bottom: 5px;
}
.di_block p{
	font-weight: 500;
}

.diagnosis .sub_txt{
	text-align: left;
	display: inline-block;
	margin-top: 15px;
}


/*
健康をサポート
---------------------------------------------------*/

.support{
	background: url("../images/about_btm_bg.png") no-repeat top 0 center / 100%;
    padding: 7% 0;
}

.examination{
	position: relative;
	padding: 40px 70px 120px;
	margin-top: 50px;
}

.examination::before{
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 90%;
	padding-top: 60%;
	background: url("../images/ex_bg.svg") no-repeat top center/ contain;
	z-index: -1;
}

.sup_ttl{
	color: #38B28A;
	font-weight: bold;
	font-size: 2.8rem;
	margin-top: 20px;
}

.examination .row{
	justify-content: center;
	align-items: center;
}

.examination .l_box{
	width: 55%;
	margin-right: 30px;
}

.examination .r_box{
	width: 45%;
	margin-top: 100px;
}

.ex_item{
	background: #fff;
	border: 2px solid #38B28A;
	display: inline-block;
	width: 100%;
	padding: 15px;
	border-radius: 5px;
	margin-bottom: 15px;
}

.ex_item h5{
	color: #38B28A;
	font-weight: 500;
	font-size: 2rem;
}



.guidance{
	position: relative;
	padding: 150px 70px;
}

.guidance::before{
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	margin: auto;
	width: 90%;
	padding-top: 50%;
	background: url("../images/guidance_bg.svg") no-repeat top center/ contain;
	z-index: -1;
}

.guidance .l_box{
	width: 45%;
	margin-right: 30px;
}

.guidance .r_box{
	width: 55%;
}


.homecare{
	position: relative;
	padding: 120px 70px;
}

.homecare::before{
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	margin: auto;
	width: 90%;
	padding-top: 45%;
	background: url("../images/homecare_bg.svg") no-repeat top center/ contain;
	z-index: -1;
}

.homecare .l_box{
	width: 55%;
	margin-right: 30px;
}

.homecare .r_box{
	width: 45%;
}

/*
よくある質問
---------------------------------------------------*/

.faq_sec{
	padding: 0 0 120px;
}

.faq_list li:first-child{
	margin-top: 0;
}

.faq_list li{
	margin-top: 10px;
}

.open_btn{
	position: relative;
	padding: 20px 40px 20px 55px;
	cursor: pointer;
	border-bottom: 1px solid #707070;
}
.open_btn::before{
	position: absolute;
	content: '';
	width: 30px;
	height: 30px;
	top: 18px;
	left: 15px;
	background: url("../images/q.svg") no-repeat center / contain;
}
.open_btn::after{
	position: absolute;
	content: '';
    right: 15px;
	top: 0;
	bottom: 0;
	margin: auto;
    width: 8px;
    height: 8px;
    border-top: 2px solid #38B28A;
    border-right: 2px solid #38B28A;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
	transition: .3s all;
}
.open_btn.open::after{
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.accordion_inner{
	display: none;
	background: #F5FAF0;
	border-radius: 0 0 5px 5px;
}

.aco_txt{
	position: relative;
	padding: 20px 20px 20px 55px;
}

.aco_txt::before{
	position: absolute;
	content: '';
	width: 30px;
	height: 30px;
	top: 18px;
	left: 15px;
	background: url("../images/a.svg") no-repeat center / contain;
}





@media screen and (max-width: 1440px) {

	
}

@media screen and (min-width: 769px) {



}

@media screen and (max-width: 768px) {

.g-head .ttl {
    font-size: 2.4rem;
    padding: 0;
}

.wrapper{
	padding-bottom:0;
}
.concept .g-head, .feature .g-head{
		
	
    background: url(../images/g_ttl_bg.webp) no-repeat center bottom / 180%;	
}

.g-head {
    background: url(../images/g_ttl_bg2.webp) no-repeat center bottom / 180%;
	height: 45vw;
    margin-top: 30px;
}
	
.g-head .ttl {
    font-size: 2.4rem;
    padding: 0;
}
.sub_ttl {
    font-size: 2.2rem;
    line-height: 1.4;
}
.sub_ttl span {
    font-size: 1.6rem;
    margin-bottom: 8px;
}
.sec_ttl {
	font-size: 2.4rem;
    line-height: 1.4;
}
#new_box {
    height: auto;
}
.path{
	margin-top:70px;	
}
	
#newsWrap {
    margin: 0 auto 100px;
	width: 100%;
    padding: 0;
}

ul#newsList li{
	font-size:15px;
	margin:0;
	padding: 20px 0;
	line-height:140%;
	list-style-type:none;
	text-align: left;
}
	
.catName{
	display:block;
	padding:3px 8px 2px 8px;
	/*border:1px solid #ccc;*/
	background: #29508c;
	border-radius:4px;
	font-size:11px;
	line-height:130%;
	margin:0 6px 0 0;
	color: #FFF;
	width: 60px;
	text-align: center;
	letter-spacing: 0.03em;
}

.newstxtbox span{
	padding: 0px 0px 0px 0px;
}

.newstxtbox span.up_ymd {
	padding: 0px 0px 0px 0px;
	display: block;
}

	
/** 当院の想い **/	
.greeting {
	padding: 0 0 60px;
}
	
.gr_ttl {
	width: 100%;
}
	
.gr_block{
	flex-direction: column-reverse;
}
.gr_block .l_box{
	width: 100%;
	margin-right: 0;
}
.gr_block .r_box{
	width: 50%;
    margin: 0 auto 10px;
    padding-left: 0;
}
	
.gr_block .sub_txt{
	text-align: justify;
}


/*********** 三本柱 ***********/

.pillars{
    background: url("../images/pillars_bg_sp.webp") no-repeat center top / 100%;
	padding: 45% 0 0;
}
.pillars .sub_txt{
	margin-bottom: 10px;	
}
.pi_block {
    flex-direction: column;
    align-items: center;
    margin: 0 auto 20px;
}	
.pi_block .l_box {
    padding: 0;
}

.pi_ttl {
    font-size: 2.2rem;
	margin-bottom: 10px;
}
.pillars .sec_block {
	padding: 20px;
}
.pillars .sec_sub_ttl {
	font-size: 2rem;
	line-height: 1.4;
}

/* 充実 */
.fullness {
    padding: 30px 0 0;
}
.fullness .pi_block .l_box,
.kindness .pi_block .l_box {
    width: 100%;
}
.fullness .pi_block .r_box,
.kindness .pi_block .r_box {
    width: 90%;
}	
.fullness .sec_block .row {
    justify-content: center;
    flex-direction: column;
}
.fullness .sec_block .l_box,
.fullness .sec_block .r_box{
	width: 100%;
}
.fullness .sec_block .l_box .sub_img{
	padding: 0 20px 0 0;
}
.img_wrap{
	width: 40%;	
}
.fullness .sec_list {
	width: 60%;
    margin-right: 0;
}
.fullness .caption {
	line-height: 1;
}
.fullness .sec_block .r_box{
	margin-top: 20px;

}	
.fullness .sec_block .sub_img{
	padding: 0;
}
.fullness .sec_block .r_box .sub_img:first-of-type{
	padding: 0 20px 0 0;
}
	
/* 安心 */
.relief .pi_block .l_box {
    width: 90%;
}
.relief .pi_block .r_box {
    width: 100%;
}	
.relief {
    padding: 50px 0 0;
}	
.relief .pi_block {
	flex-direction: column-reverse;
}
.relief .row{
	flex-direction: column;
}
.relief .row .l_box{
    width: 100%;	
}
.relief .row .r_box {
    width: 100%;
    padding: 15px 0 0;
}
/* 親切 */

.kindness {
    padding: 50px 0;
}	

/*
診療の特徴
---------------------------------------------------*/	

.fe_list{
	height: auto;
}
	
.fe_list ul{
	top: 0;
	flex-wrap: wrap;
	margin-left: -20px;
}
.fe_list li {
	margin-bottom: 20px;
    margin-left: 20px;
}
	
.fe_list a{
    width: 150px;
    height: 150px;
    font-size: 1.8rem;
}
.fe_list .list_item01 a::before {
    width: 35px;
    height: 35px;
	top: 28px;
}
.fe_list .list_item02 a::before {
    width: 40px;
	height: 40px;
}
.fe_list .list_item03 a::before {
    width: 35px;
    height: 35px;
	top: 25px;
}
.fe_list .list_item04 a::before {
    width: 40px;
    height: 40px;
}


/*
かきねをこえて診察
---------------------------------------------------*/


	
.diagnosis {
    padding: 20px 0 40px;
}

.di_block{
	flex-direction: column;
    margin-top: 30px;
}

.di_block .l_box{
	width: 100%;
	margin-right: 0;
	margin-bottom: 40px;
	padding: 20px;
}

.di_block .r_box {
    width: 200px;
    max-width: 60%;
}

.di_block .l_box::before {
    position: absolute;
    content: '';
    right: 0;
    left: 0;
	top: auto;
    bottom: -40px;
    margin: auto;
    width: 0;
    height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #E7F4E3;
}

.examination::before,
.guidance::before,
.homecare::before{
   display: none;
}

.di_block h4 {
	font-size: 2rem;
}
.di_block .l_box p {
    font-size: 1.6rem;
}

.di_block .l_box::before {
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 25px solid #E7F4E3;
}

.support {
    padding: 15% 0;
}
.sup_ttl {
    font-size: 2.2rem;
    margin-top: 15px;
	margin-bottom: 5px;
}
.examination {
	background: #F5FAF0;
    padding: 30px 20px 5px;
    margin-top: 30px;
    border-radius: 5px;
}
.support .row {
    flex-wrap: wrap;
	flex-direction: column-reverse;
}
.examination .l_box {
    width: 100%;
    margin-right: 0;
}
	
.examination .r_box {
    width: 100%;
	margin-top: 0;
}

.guidance {
	margin-top: 30px;
	background: #FBF9EE;
	padding: 30px 20px 5px;
    border-radius: 5px;
}

.guidance .row {
    flex-wrap: wrap;
	flex-direction: column;
}
	
.guidance .l_box {
    width: 100%;
    margin-right: 0;
}	
.guidance .r_box {
    width: 100%;
}	
	
.homecare {
	margin-top: 30px;
	background: #FCF3ED;
    padding: 30px 20px 5px;
    border-radius: 5px;
}	
	
.homecare .l_box {
    width: 100%;
    margin-right: 0;
}	
.homecare .r_box {
    width: 100%;
}	


/*
FAQ
---------------------------------------------------*/	

.faq_sec{
	padding: 0 0 80px;
}

.open_btn{
	padding: 20px 40px 20px 50px;
}
.open_btn::before,
.aco_txt::before{
	left: 10px;
}	
	
.aco_txt{
	padding: 20px 15px 20px 50px;
}
	
	
	
	
footer{
	position: static;
}

}
	
@media screen and (max-width: 480px) {

	
}