@charset "UTF-8";
/*=============================================================
	treatment 診療案内
=============================================================*/
/*
	#subMainimg
=============================================================*/
#subMainimg { background: url(../img/treatment/bg_mainimg01_sp.png) no-repeat center; background-size: cover; }

@media screen and (min-width: 600px) { #subMainimg { background: url(../img/treatment/bg_mainimg01_pc.png) no-repeat center; background-size: cover; } }

/*
	#anchor
=============================================================*/
#anchor .inner { padding-top: 35px; padding-bottom: 40px; }

#anchor .btn { width: 48%; height: 50px; box-sizing: border-box; float: left; background: #4285F4; border: 1px solid #4285F4; border-top-width: 2px; border-radius: 3px; margin-top: 10px; margin-right: 5px; }

#anchor .btn:nth-child(even) { margin-left: 6px; margin-right: 0; }

#anchor .btn a { display: table; width: 100%; position: relative; text-align: center; text-decoration: none; }

#anchor .btn a:after { content: ""; display: block; position: absolute; top: 50%; right: 15px; width: 6px; height: 12px; margin-top: -6px; background: url(../img/common/ico_arrow01.png) no-repeat center; background-size: 100%; transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); }

#anchor .btn a span { display: table-cell; height: 47px; vertical-align: middle; position: relative; font-size: 1.3rem; line-height: 1.38462; color: #fff; text-align: center; }

@media screen and (min-width: 600px) { #anchor .inner { padding-top: 28px; padding-bottom: 80px; }
  #anchor .btn { width: 260px; height: 80px; float: left; border: 1px solid #4285F4; border-top-width: 2px; border-radius: 3px; margin-top: 22px; margin-right: 22px; }
  #anchor .btn:nth-child(even) { margin-left: 0; margin-right: 22px; }
  #anchor .btn:nth-child(4n) { margin-right: 0; }
  #anchor .btn a { -webkit-transition: all .2s linear; transition: all .2s linear; }
  #anchor .btn a:after { right: 30px; width: 8px; height: 12px; margin-top: -6px; -webkit-transition: all .2s linear; transition: all .2s linear; }
  #anchor .btn a span { height: 77px; font-size: 1.7rem; line-height: 1.5; }
  #anchor .btn a:hover { opacity: 0.6; } }

/*
	#treatment
=============================================================*/
#treatment01 .tit:before { background: url(../img/common/icon_service01.png); background-size: 100%; }

#treatment02 .tit:before { background: url(../img/common/icon_service03.png); background-size: 100%; }

#treatment03 .tit:before { background: url(../img/common/icon_service02.png); background-size: 100%; }

#treatment04 .tit:before { background: url(../img/common/icon_service04.png); background-size: 100%; }

#treatment05 .tit:before { background: url(../img/common/icon_service07.png); background-size: 100%; }

#treatment06 .tit:before { background: url(../img/common/icon_service06.png); background-size: 100%; }

#treatment07 .tit:before { background: url(../img/common/icon_service05.png); background-size: 100%; }

#treatment08 .tit:before { background: url(../img/common/icon_service08.png); background-size: 100%; }

/*
	.secTreatment
=============================================================*/
.secTreatment:nth-of-type(odd) { background: #edf3f5; }

.secTreatment .inner { padding-top: 40px; padding-bottom: 35px; }

.secTreatment .tit { position: relative; font-size: 2.2rem; letter-spacing: 0.06em; font-weight: bold; }

.secTreatment .txt { margin-top: 18px; line-height: 1.8; }

.secTreatment .list { margin-top: 23px; }

.secTreatment .list .item { display: table; }

.secTreatment .list .item + .item { margin-top: 8px; }

.secTreatment .list .item .areaImg { display: table-cell; width: 53%; box-sizing: border-box; padding-right: 10px; vertical-align: top; }

.secTreatment .list .item .areaImg .img { position: relative; }

.secTreatment .list .item .areaImg .feature { width: 40px; padding: 5px 0 3px; position: absolute; top: 0; left: 0; background: url(../img/treatment/bg_num01.png) no-repeat center; background-size: 100%; font-size: 1rem; line-height: 1.17647; color: #fff; font-weight: bold; text-align: center; }

.secTreatment .list .item .areaImg .feature .num { font-size: 1.8rem; font-weight: bold; }

.secTreatment .list .item .txt { display: table-cell; width: 46%; box-sizing: border-box; vertical-align: middle; font-size: 1.6rem; line-height: 1.5; font-weight: bold; }

@media screen and (min-width: 600px) { .secTreatment .inner { padding-top: 80px; padding-bottom: 75px; }
  .secTreatment .tit { font-size: 3rem; }
  .secTreatment .txt { margin-top: 20px; }
  .secTreatment .list { margin-top: 42px; }
  .secTreatment .list .item { display: block; width: 350px; float: left; margin-right: 30px; }
  .secTreatment .list .item + .item { margin-top: 0; }
  .secTreatment .list .item:last-child { margin-right: 0; }
  .secTreatment .list .item .areaImg { display: block; width: auto; padding-right: 0; }
  .secTreatment .list .item .areaImg .img { width: auto; float: none; position: relative; }
  .secTreatment .list .item .areaImg .feature { width: 68px; padding: 12px 0 6px; top: 0; left: 0; font-size: 1.6rem; }
  .secTreatment .list .item .areaImg .feature .num { font-size: 2.8rem; }
  .secTreatment .list .item .txt { display: block; width: auto; margin-top: 15px; padding-left: 0; font-size: 1.9rem; line-height: 1.5; text-align: center; } }