@charset "UTF-8";
/*=============================================================
 operation 骨造成・結合組織移植について
=============================================================*/
/* #mainImg
-------------------------------------- */
#mainImg { background-image: url(../img/operation/bg_main_sp.png); }

@media (min-width: 640px) { #mainImg { background-image: url(../img/operation/bg_main_pc.png); } }

#contents { padding-bottom: 0; }

.case { padding: 30px 15px 0; }

.case .box { background: #fff; }

.case .box .areaTxt { background-color: #fff; padding: 15px; }

.case .box .areaTxt .txt { padding-top: 5px; }

.case .box + .box { margin-top: 17px; }

@media (min-width: 640px) { .case { padding: 80px 0 0; }
  .case .box { overflow: hidden; }
  .case .box .img { width: 600px; float: left; }
  .case .box .areaTxt { height: 414px; padding: 40px; display: table; width: 600px; box-sizing: border-box; }
  .case .box .areaTxt .txtIn { display: table-cell; vertical-align: middle; }
  .case .box .areaTxt .txt { padding-top: 22px; line-height: 2; }
  .case .box + .box { margin-top: 30px; } }

/* .secBuild
-------------------------------------- */
.secBuild .inner { padding-bottom: 50px; }

.secBuild .secTit { margin-bottom: 38px; }

.secBuild .case .leadTxt { margin-top: 10px; }

.secBuild .case .sub { position: relative; margin: 18px 0; padding: 0 20px; text-align: center; }

.secBuild .case .sub:before { position: absolute; content: ''; top: 50%; left: 0; width: 100%; height: 1px; background-color: #39345e; }

.secBuild .case .sub span { color: #39345e; display: block; width: 210px; font-size: 2.2rem; margin: auto; font-weight: bold; line-height: 1.4; background-color: #f3f2fa; position: relative; }

.secBuild .case .sub02 { margin-top: 28px; }

.secBuild .movieBox { padding: 0 15px 20px; margin: 20px 0 20px; }

.secBuild .movieBox video { width: 100%; height: auto; border: 1px solid #ddd; }

@media (min-width: 640px) { .secBuild .inner { padding-bottom: 100px; }
  .secBuild .secTit { margin-bottom: 66px; }
  .secBuild .case .leadTxt { margin-top: 21px; }
  .secBuild .case .sub { margin: 40px 0 32px; }
  .secBuild .case .sub span { font-size: 3.4rem; display: inline-block; padding: 0 30px; width: auto; }
  .secBuild .case .sub02 { margin-top: 55px; }
  .secBuild .movieBox { padding-bottom: 40px; margin: 30px auto 0; text-align: center; }
  .secBuild .movieBox video { width: 640px; height: 360px; border: 1px solid #ddd; } }

/* .secTransplant
-------------------------------------- */
.secTransplant .inner { padding: 50px 0; }

.secTransplant .secTit { margin-bottom: 38px; }

.secTransplant .leadTxt { margin-top: 7px; margin-bottom: 25px; }

.secTransplant .movieBox { padding: 0 15px; margin: 30px 0 10px; }

.secTransplant .movieBox video { width: 100%; height: auto; }

@media (min-width: 640px) { .secTransplant .inner { padding: 100px 0 110px; }
  .secTransplant .secTit { margin-bottom: 63px; }
  .secTransplant .leadTxt { margin-top: 23px; margin-bottom: 47px; }
  .secTransplant .movieBox { margin: 80px auto 0; text-align: center; }
  .secTransplant .movieBox video { width: 640px; height: 360px; } }