@charset "UTF-8";
/*色情報*/
/*common*/
.resetnumber {
  counter-reset: number;
}

.blue {
  color: #0068b7;
}

.bgblue {
  background: #0068b7;
}

.pink {
  color: #ea609e;
}

.bgpink {
  background: #ea609e;
}

.lightblue {
  color: #a8d9ff;
}

.bglightblue {
  background: #a8d9ff;
}

.lightblue2 {
  color: #f2f9ff;
}

.bglightblue2 {
  background: #f2f9ff;
}

.lightpink {
  color: #fce7f1;
}

.bglightpink {
  background: #fce7f1;
}

.bggray {
  background: #f9f9f9;
}

.telicon {
  position: relative;
  padding-left: 40px;
}

.telicon:before {
  content: "";
  background: url(/import/tenant_1/133.167.81.17/html/images/telicon.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 35px;
  height: 35px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  position: absolute;
}

.contacticon {
  position: relative;
  padding-left: 40px;
}

.contacticon:before {
  content: "";
  background: url(/import/tenant_1/133.167.81.17/html/images/contacticon.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 35px;
  height: 35px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  ottom: 0;
  left: 0;
  position: absolute;
}

.contacticon2 {
  position: relative;
  padding-left: 40px;
}

.contacticon2:before {
  content: "";
  background: url(/import/tenant_1/133.167.81.17/html/images/contacticon2.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 26px;
  height: 19px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  ottom: 0;
  left: 0;
  position: absolute;
}

.ougi {
  position: relative;
  padding-left: 40px;
}

.ougi:before {
  content: "";
  background: url(/import/tenant_1/133.167.81.17/html/images/ougi.png);
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.hospital {
  position: relative;
  padding-left: 40px;
}

.hospital:before {
  content: "";
  background: url(/import/tenant_1/133.167.81.17/html/images/hospital.png);
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.board {
  position: relative;
  padding-left: 40px;
}

.board:before {
  content: "";
  background: url(/import/tenant_1/133.167.81.17/html/images/board.png);
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.boardpink {
  position: relative;
  padding-left: 40px;
}

.boardpink:before {
  content: "";
  background: url(/import/tenant_1/133.167.81.17/html/images/boardpink.png);
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.sq4 {
  position: relative;
  padding-left: 40px;
}

.sq4:before {
  content: "";
  background: url(/import/tenant_1/133.167.81.17/html/images/sq4.png);
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.chat {
  position: relative;
  padding-left: 40px;
}

.chat:before {
  content: "";
  background: url(/import/tenant_1/133.167.81.17/html/images/chat.png);
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.ribon {
  position: relative;
  padding-left: 80px;
}

.ribon:before {
  content: "";
  background: url(/import/tenant_1/133.167.81.17/html/images/ribon.png);
  width: 40px;
  height: 60px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.question {
  position: relative;
  padding-left: 40px;
}

.question:before {
  content: "";
  background: url(/import/tenant_1/133.167.81.17/html/images/question.png);
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.answer {
  position: relative;
  padding-left: 40px;
}

.answer:before {
  content: "";
  background: url(/import/tenant_1/133.167.81.17/html/images/answewr.png);
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top:0;
}

.home {
  position: relative;
  padding-left: 50px;
}

.home:before {
  content: "";
  background: url(/import/tenant_1/133.167.81.17/html/images/home.png);
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.train {
  position: relative;
  padding-left: 50px;
}

.train:before {
  content: "";
  background: url(/import/tenant_1/133.167.81.17/html/images/train.png);
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.earth {
  position: relative;
  padding-left: 40px;
}

.earth:before {
  content: "";
  background: url(/import/tenant_1/133.167.81.17/html/images/earth.png);
  width: 29px;
  height: 33px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.sqarrow {
  position: relative;
  padding-right: 30px;
}

.sqarrow:after {
  content: "";
  background: url(/import/tenant_1/133.167.81.17/html/images/sqarrow.png);
  width: 19px;
  height: 17px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.privacy {
  position: relative;
  padding-left: 40px;
}

.privacy:before {
  content: "";
  background: url(/import/tenant_1/133.167.81.17/html/images/contact/contact00.png);
  width: 29px;
  height: 33px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.bbwhite {
  position: relative;
  width: 30%;
  margin: 0 auto;
  border-bottom: 1px solid #fff;
}

.bbblue {
  position: relative;
  width: 30%;
  margin: 0 auto;
  border-bottom: 1px solid #0068b7;
}

.bbpink0 {
  position: relative;
  width: 30%;
  margin: 0 auto;
  border-bottom: 1px solid #ea609e;
}

.bbpink {
  position: relative;
}

.bbpink:after {
  content: "";
  position: absolute;
  width: 90px;
  height: 2px;
  background: #ea609e;
  display: block;
  bottom: 0;
  left: 0;
}

.bbpink2 {
  position: relative;
}

.bbpink2:after {
  content: "";
  position: absolute;
  width: 50px;
  height: 2px;
  background: #ea609e;
  display: block;
  bottom: 0;
  left: 0;
}

.arrow a {
  display: inline-block;
  position: relative;
  padding: 0 15px;
  color: #0068b7;
}

.arrow a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: #666666;
  bottom: 0;
  left: 0;
}

.arrow a:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: -3px;
  border-right: 10px solid rgba(0, 0, 0, 0);
  border-bottom: 6px solid #666;
}

.arrowclick a {
  display: inline-block;
  position: relative;
  padding: 0 15px;
  color: #0068b7;
}

.arrowclick a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: #0068b7;
  bottom: 0;
  left: 0;
}

.arrowclick a:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: -3px;
  border-right: 10px solid rgba(0, 0, 0, 0);
  border-bottom: 6px solid #0068b7;
}

.arrowback a {
  display: inline-block;
  position: relative;
  padding: 0 15px;
  color: #0068b7;
}

.arrowback a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: #0068b7;
  bottom: 0;
  left: 0;
}

.arrowback a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -3px;
  border-left: 10px solid rgba(0, 0, 0, 0);
  border-bottom: 6px solid #0068b7;
}

.stripe {
  position: relative;
  z-index: 1;
}

.stripe:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -webkit-linear-gradient(135deg, rgba(0, 0, 0, 0) 25%, #f2f9ff 25%, #f2f9ff 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 75%, #f2f9ff 75%, #f2f9ff);
  background-image: linear-gradient(-45deg, rgba(0, 0, 0, 0) 25%, #f2f9ff 25%, #f2f9ff 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 75%, #f2f9ff 75%, #f2f9ff);
  background-size: 5px 5px;
  z-index: -1;
}

.sqblue {
  position: relative;
  padding-left: 20px;
}

.sqblue:before {
  content: "■";
  color: #0068b7;
  font-size: 18px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
}

.point {
  position: absolute;
  font-weight: 600;
  padding: 0 10px;
  color: #ea609e;
  top: -8px;
  left: -20px;
  -webkit-transform: rotate(-20deg);
      -ms-transform: rotate(-20deg);
          transform: rotate(-20deg);
}

.point:before {
  content: "";
  position: absolute;
  width: 3px;
  height: 16px;
  background: #ea609e;
  left: 0;
  top: 5px;
  border-radius: 10px;
  -webkit-transform: rotate(-40deg);
  -ms-transform: rotate(-40deg);
  transform: rotate(-40deg);
}

.point:after {
  content: "";
  position: absolute;
  width: 3px;
  height: 16px;
  background: #ea609e;
  right: 0;
  top: 5px;
  border-radius: 10px;
  -webkit-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  transform: rotate(40deg);
}

.bigribon {
  position: relative;
}

.bigribon:before {
  content: "";
  background: url(/import/tenant_1/133.167.81.17/html/images/bigribon.png);
  width: 83px;
  height: 100px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 10px;
  top: -20px;
}

.pinkline {
  display: block;
  position: relative;
  padding-left: 10px;
}

.pinkline:before {
  content: "";
  width: 5px;
  height: 18px;
  background: #ea609e;
  border-radius: 10px;
  position: absolute;
  top: 2px;
  left: 0;
}

.kakomipink {
  position: relative;
}

.kakomipink:before {
  content: "";
  width: 2px;
  height: 20px;
  background: #ea609e;
  top: 0;
  left: 0;
  position: absolute;
}

.kakomipink:after {
  content: "";
  width: 20px;
  height: 2px;
  background: #ea609e;
  top: 0;
  left: 0;
  position: absolute;
}

.table {
  width: 100%;
}

table {
  width: 100%;
  border-collapse: collapse;
}

table th{
  border-color: #a8d9ff;
}

a {
  color: #666;
}

#header {
  padding-top: 20px;
}

h1 {
  position: absolute;
  bottom: 200%;
}

h2,
h3 {
  font-weight: normal;
  margin-bottom: 0;
}

.headleft {
  width: 66%;
}

.headleft .logo img {
  max-width: 400px !important;
}

.headleft #gnav {
  padding: 55px 0 0 50px;
}

.headright {
  width: 34%;
}

.headright .infobox {
  max-width: 340px;
  margin-left: auto;
}

.headright .telbox .tel {
  display: block;
  line-height: 1;
}

.headright .telbox .tel img {
  width: 35px;
  height: 35px !important;
  vertical-align: bottom;
  margin-right: 10px;
}

.headright .telbox .tel a {
  color: #0068b7;
}

.headright .telbox .tel.pink a {
  color: #ea609e;
}

.headright .contactbox {
  text-align: center;
  padding-top: 25px;
}

.headright .contactbox img {
  width: 35px;
  height: 35px !important;
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
  margin-right: 10px;
  vertical-align: bottom;
}

.headright .contactbox span {
  display: inline-block;
  text-align: center;
  font-size: 20px;
  color: #0068b7;
  font-weight: bold;
  vertical-align: bottom;
}

#gnav .gnavinn .table {
  display: none;
}

.gnavinn.fix:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  background: white;
  z-index: -1;
}

#gnav .ddbox .dd {
  visibility: hidden;
  opacity: 0;
  border-radius: 4px;
  -webkit-transition: 0.6s all ease;
  transition: 0.6s all ease;
  position: absolute;
  -webkit-transform: translate(-50%, -20px);
  -ms-transform: translate(-50%, -20px);
  transform: translate(-50%, -20px);
  left: 50%;
  width: 600px;
  z-index: 10;
  padding: 10px;
  margin-top: 5px;
  background: rgba(255, 255, 255, 0.9);
  border: 2px solid #0068b7;
  -webkit-box-shadow: 0 0 1px 0 #000;
  box-shadow: 0 0 1px 0 #000;
}

#gnav .ddbox:hover .dd {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate(-50%, -5px);
  -ms-transform: translate(-50%, -5px);
  transform: translate(-50%, -5px);
}

[data-element-id]#gnav .ddbox .dd {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate(-50%, -5px);
  -ms-transform: translate(-50%, -5px);
  transform: translate(-50%, -5px);
}

#gnav .dd li {
  width: 48%;
  text-align: left;
}

#gnav .dd li:before {
  padding: 10px 0;
}

#gnav .dd li:after {
  display: none;
}

#gnav li span {
  padding: 12px 0 8px;
}

@media only screen and (max-width: 1024px) {
  .bbwhite {
    width: 50%;
    max-width: 300px;
  }
  .bbblue {
    width: 50%;
    max-width: 300px;
  }
  .bbpink0 {
    width: 50%;
    max-width: 300px;
  }
  #gnav .ddbox .dd {
    position: relative;
    width: calc(100% - 15px);
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    position: relative;
    left: 15px;
    visibility: visible;
    opacity: 1;
    margin-bottom: 10px;
    background: #fff;
  }
  #gnav .dd li {
    width: 100%;
    padding-left: 0;
  }
  #gnav .gnavinn > ul {
    padding: 60px 3% 10%;
}
.gnavinn .table {
    padding: 3% 3% 33%;
}
}

@media only screen and (max-width: 599px) {
  .bbwhite {
    width: 80%;
    max-width: 250px;
  }
  .bbblue {
    width: 80%;
    max-width: 250px;
  }
  .bbpink0 {
    width: 80%;
    max-width: 250px;
  }
  .point {
    left: -10px;
  }
}

/*footer*/
.footlogo {
  text-align: center;
}

.footlogo img {
  width: 50%;
  max-width: 400px !important;
}

.footbox {
  /*width: 80%;
margin: 0 auto;*/
}

.footleft {
  width: 30%;
}

.footleft .telbox {
  background: #fff;
  padding: 10px 20px;
}

.footleft .telbox .tel a {
  color: #0068b7;
  font-size: 28px;
  font-weight: 600;
}

.footleft .contactbox {
  background: #fff;
  padding: 10px 20px;
}

.footleft table {
  background: #fff;
}

.footleft thead {
  border-top: 5px solid #fff;
}

.footright {
  width: 60%;
}

.footright ul {
  width: 50%;
  border-left: 1px solid #fff;
}

.footright li a {
  color: #fff;
  padding-left: 20px;
}

@media only screen and (max-width: 1024px) {
  .footleft {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
  }
  .footleft .infobox {
    width: 48%;
  }
  .footleft .contactbox {
    margin-bottom: 0;
  }
  .footleft .table {
    width: 48%;
    -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
            align-self: flex-end;
  }
  .footright {
    width: 100%;
    padding-top: 20px;
  }
}

@media only screen and (max-width: 1024px) {
  .headleft {
    width: 100%;
  }
  .headleft #gnav {
    padding: 10px 0 0 0;
  }
  .headright {
    width: 60%;
    margin-left: auto;
    padding-bottom: 10px;
  }
  .headright .table {
    display: none;
  }
  #gnav .gnavinn .table {
    display: block;
  }
}

@media only screen and (max-width: 599px) {
  .headleft .logo img {
    width: 250px;
  }
  .headright {
    width: 100%;
    height: 50px;
    position: fixed;
    background: rgba(255, 255, 255, 0.9);
    bottom: 0;
    left: 0;
    z-index: 100;
    border: 2px solid #a8d9ff;
  }
  .headright .infobox {
    max-width: 100%;
    width: 100%;
    margin: 0;
  }
  .headright .infobox > div {
    width: 50%;
    border-right: 2px solid #a8d9ff;
  }
  .headright .telbox {
    width: 50%;
  }
  .headright .telbox span.atte {
    display: none;
  }
  .headright .telbox .tel a {
    font-size: 16px;
    line-height: 50px;
  }
  .headright .telbox .tel img {
    width: 25px;
    height: 25px !important;
    vertical-align: middle !important;
    margin-right: 5px;
  }
  .headright .contactbox {
    width: 50%;
    padding: 0;
    line-height: 50px;
    font-size: 16px;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center;
  }
  .headright .contactbox br {
    display: none;
  }
  .headright .contactbox span {
    font-size: 16px;
    vertical-align: middle; 
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center;
  }
  .headright .contactbox img {
    width: 25px;
    height: 25px !important;
    margin-right: 5px;
    vertical-align: middle; 
  }
  .ribon {
    padding: 70px 0 0 0;
  }
  .ribon:before {
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .footlogo img {
    width: 100%;
    max-width: 350px !important;
  }
  .footleft .infobox {
    width: 100%;
  }
  .footleft .contactbox {
    margin-bottom: 10px;
  }
  .footleft .table {
    width: 100%;
  }
  .footright ul {
    width: 100%;
  }
  .copy {
    padding-bottom: 50px;
  }
}

/*top*/
.homeSlide .txtbox {
  padding: 80px 0;
}

.homeSlide .ue {
  margin-left: auto;
  width: 50%;
  text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
}

.homeSlide .shita {
  padding: 80px 0 0 40px;
  text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
}

@media only screen and (max-width: 1024px) {
  .homeSlide .txtbox {
    padding: 20px 0;
  }
}

@media only screen and (max-width: 599px) {
  .homeSlide .txtbox {
    padding: 10px 0;
  }
  .homeSlide .txtbox .ue {
    width: 100%;
    font-size: 20px;
  }
  .homeSlide .txtbox .shita {
    padding: 40px 0 0 0;
    text-align: center;
    font-size: 20px;
  }
}

.top01 .top01area {
  padding-bottom: 20px;
  border-bottom: 1px solid #0068b7;
}

.top01 h2 {
  position: relative;
}

.top01 h2:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: #0068b7;
  display: block;
  top: 55%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.top01 h2 .wrap {
  background: #fff;
  padding: 0 40px;
  position: relative;
  z-index: 1;
}

.top01 .box {
  width: 80%;
  margin: 0 auto;
}

.top01 .item dt {
  display: inline-block;
}

.top01 .item dd {
  display: inline-block;
  margin-left: 40px;
}

@media only screen and (max-width: 1024px) {
  .top01 .box {
    width: 100%;
  }
}

@media only screen and (max-width: 599px) {
  .top01 .item dd {
    margin-left: 0;
  }
}

.top02 {
  padding: 0 0 100px;
}

.top02 .top02area {
  /*background: url(/import/tenant_1/133.167.81.17/html/images/top/topbg01.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center;*/
  background: url(/import/tenant_1/133.167.81.17/html/images/top/topbg01.png) center center/contain no-repeat;
}

.top02 .box {
  padding: 100px 0;
}

.top02 .item {
  display: inline-block;
  margin-right: 20px;
}

.top02 .item:last-of-type {
  margin-right: 0;
}

.top02 .txtbox {
  width: 52%;
  background: #f2f9ff;
  padding: 40px 40px 60px;
}

.top02 .txtbox dl {
  width: 80%;
}

.top02 .pic {
  width: 48%;
}

.top02 .pic .ofiImg {
  -webkit-transform: translate(-40px, 20px);
      -ms-transform: translate(-40px, 20px);
          transform: translate(-40px, 20px);
}

@media only screen and (max-width: 1024px) {
  .top02 .txtbox {
    padding: 10px 10px 60px;
  }
}

@media only screen and (max-width: 599px) {
  .top02 {
  padding: 0;
}
  .top02 .top02area {
    background: url(/import/tenant_1/133.167.81.17/html/images/top/topbg01.png) center bottom/contain no-repeat;
    padding-bottom: 40px;
  }
  .top02 .box {
    padding: 20px 0;
  }
  .top02 .item {
    display: block;
    text-align: right;
    margin: 0 0 10px 0;
  }
  .top02 .txtbox {
    width: 100%;
  }
  .top02 .txtbox dl {
    width: 100%;
  }
  .top02 .pic {
    width: 100%;
  }
  .top02 .pic .ofiImg {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}

.top03 .txtbox {
  padding: 40px 0 100px;
}

.top03 .checkbox {
  width: 45%;
  margin: 60px auto 0 0;
  background: #fff;
  padding: 30px;
}

.top03 .checkbox .atte {
  display: block;
  padding: 10px;
}

.top03 .item {
  border-bottom: 1px solid #0068b7;
}

@media only screen and (max-width: 1024px) {
  .top03 .checkbox {
    width: 60%;
  }
}

@media only screen and (max-width: 599px) {
  .top03 .checkbox {
    width: 100%;
    background: rgba(255, 255, 255, 0.6);
  }
}

.top04 .top04area {
  /*        background: url(/import/tenant_1/133.167.81.17/html/images/top/topbg02.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;*/
  background: url(/import/tenant_1/133.167.81.17/html/images/top/topbg02.png) center center/contain no-repeat;
}

.top04 ul {
  width: 80%;
  margin: 0 auto;
}

.top04 .item {
  padding: 10px 50px;
  margin-bottom: 40px;
  background: #f2f9ff;
  z-index: 0;
}

.top04 .ofiImg:after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background: #a8d9ff;
  position: absolute;
  top: 10px;
  right: -10px;
  z-index: -1;
}

.top04 .linkbox .linkitem {
  width: 300px;
  margin-right: 10px;
}

.top04 .linkbox .linkitem:last-of-type {
  margin-right: 0;
}

.top04 .linkbox .linkitem a {
  font-size: 20px;
  color: #0068b7;
  display: block;
  border: 1px solid #a8d9ff;
  padding: 30px 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  background: #fff;
}

@media only screen and (max-width: 1024px) {
  .top04 ul {
    width: 100%;
  }
  .top04 .linkbox .linkitem {
    width: 250px;
  }
  .top04 .linkbox .linkitem a {
    font-size: 18px;
  }
}

@media only screen and (max-width: 599px) {
  .top04 .top04area {
    background: url(/import/tenant_1/133.167.81.17/html/images/top/topbg02.png) center bottom/contain no-repeat;
  }
  .top04 .item {
    padding: 20px;
  }
  .top04 .linkbox .linkitem {
    margin: 0 0 10px 0;
    display: block;
  }
}

.top05 .item {
  background: #fff;
  padding: 10px 0;
}

.top06 .map {
  width: 50%;
}

.top06 .map:after {
  padding-top: 35%;
}

.top06 .infobox {
  width: 50%;
  padding: 40px 10px 40px 40px;
}

@media only screen and (max-width: 1024px) {
  .top06 .infobox {
    padding: 40px 10px 40px 20px;
  }
}

@media only screen and (max-width: 599px) {
  .top06 .map {
    width: 100%;
  }
  .top06 .map:after {
    padding-top: 50%;
  }
  .top06 .infobox {
    width: 100%;
  }
}

/*下層common*/
.bggrayarea {
  margin-top: 60px;
  padding: 40px 0 60px;
}

.maintit {
  padding: 60px 0;
}

.maintit .subtit {
  display: block;
  line-height: 1;
}

.commonbox dl {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 10px 6px #dcdcdc;
          box-shadow: 0px 0px 10px 6px #dcdcdc;
}

.commonbox dt {
  padding: 20px 0;
}

.commonbox dd.txtbox {
  padding: 40px 40px 60px;
}

.commonbox dd.pic {
  width: 165px;
  position: absolute;
  bottom: 0;
  right: 40px;
}

.commonbox .sub {
  display: block;
}

.commmonbox2 .txtbox dl {
  position: relative;
  z-index: 1;
  padding: 30px 40px 80px;
}

.commmonbox2 .txtbox dl:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100vw;
  background: #f2f9ff;
  top: 0;
  right: 0;
  z-index: -1;
}

.commmonbox2 .txtbox dt {
  position: absolute;
  top: -20px;
  left: 0;
}

.commmonbox2 .txtbox .pic {
  width: 15%;
  position: absolute;
  bottom: -50px;
  right: -30px;
}

@media only screen and (max-width: 1024px) {
  .commmonbox2 .txtbox dl {
    padding: 30px 20px 70px;
  }
}

@media only screen and (max-width: 599px) {
  .commmonbox2 .txtbox dl:before {
    right: 50%;
    -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
            transform: translateX(50%);
  }
  .commmonbox2 .txtbox .pic {
    bottom: -20px;
    right: 0;
  }
}

.bigribonbox .bigribonarea {
  width: 80%;
  margin: 0 auto;
  border: 2px solid #ea609e;
  padding: 40px 60px 40px 120px;
}

.bigribonbox .atte {
  display: block;
}

@media only screen and (max-width: 1024px) {
  .bigribonbox .bigribonarea {
    width: 100%;
    max-width: 750px;
  }
}

@media only screen and (max-width: 599px) {
  .bigribonbox .bigribonarea {
    padding: 100px 10px 50px;
  }
}

@media only screen and (max-width: 1024px) {
  .maintit {
    padding: 30px 0;
  }
}

.about01 .item {
  padding: 20px;
  border: 1px solid #dcdcdc;
  -webkit-box-shadow: 0px 0px 6px 2px #dcdcdc;
          box-shadow: 0px 0px 6px 2px #dcdcdc;
}

.about01 .item .tit {
  border: 1px solid #dcdcdc;
  padding: 10px;
}

.about01 .tit .number {
  display: block;
  position: relative;
  padding-left: 60px;
}

.about01 .tit .number:before {
  counter-increment: number;
  content: counter(number);
  background: #0068b7;
  color: #fff;
  font-size: 26px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}

.about01 .txtitem {
  position: relative;
  padding-left: 1.5em;
}

.about01 .txtitem:after {
  counter-increment: number;
  content: counter(number);
  background: #0068b7;
  color: #fff;
  font-size: 16px;
  position: absolute;
  border-radius: 50%;
  top: 4px;
  left: 0px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
}

.about01 .subtxt {
  padding-left: 1.5em;
}

@media only screen and (max-width: 1024px) {
  .about .commonbox dd.pic{
    position: relative;
    right: 0;
    margin-left: auto;
}
  
}

.director .bggrayarea{
  position: relative;
  z-index: -2;
}

.director01 .pic .ofiImg:after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background: #a8d9ff;
  position: absolute;
  top: 20px;
  right: -20px;
  z-index: -1;
}

.director01 .career dt {
  width: 20%;
}

.director01 .career dd {
  width: 70%;
}

@media only screen and (max-width: 599px) {
  .director01 .txtbox {
    padding-top: 40px;
  }
  .director01 .txtbox dd {
    padding-top: 20px;
  }
  .director01 .career dt {
    width: 100%;
  }
  .director01 .career dd {
    width: 100%;
  }
}

.consultation01 .infobox {
  padding: 20px;
}

.consultation01 .infobox .tel a {
  font-size: 26px;
  color: #0068b7;
  font-weight: 600;
}

.consultation01 .infobox .contactbox a {
  font-size: 26px;
}

.consultation03 .rootbox .tex {
  position: relative;
  padding-left: 50px;
    margin-top: 10px;
}
.consultation03 .rootbox .tex .num {
    background: #0068b7;
    border-radius: 100%;
    color: #fff;
    font-size: 24px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;

}

@media only screen and (max-width: 1024px) {
  .consultation01 .infobox {
    padding: 10px;
  }
  .consultation01 .infobox .info {
    padding-top: 10px;
  }
  .consultation01 .infobox .tel a {
    font-size: 22px;
  }
  .consultation01 .infobox .contactbox {
    padding-top: 20px;
  }
  .consultation01 .infobox .contactbox a {
    font-size: 16px;
  }
  .consultation01 .infobox .table {
    padding-top: 20px;
  }
  
  .consultation01 .infobox .fs16{
    font-size: 14px;
  }
}

.consultation02 .box {
  width: 50%;
  margin: 0 auto;
}

@media only screen and (max-width: 1024px) {
  .consultation02 .box {
    width: 80%;
  }
}

@media only screen and (max-width: 599px) {
  .consultation02 .box {
    width: 100%;
  }
}

/*screening*/
.screening01 .linkitem {
  width: 300px;
  margin-right: 10px;
}

.screening01 .linkitem:last-of-type {
  margin-right: 0;
}

.screening01 .linkitem a {
  font-size: 20px;
  color: #0068b7;
  display: block;
  border: 1px solid #a8d9ff;
  padding: 30px 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}

.screening01 .linkitem a:before {
  font-family: FontAwesome;
  content: "\f0dd";
  position: absolute;
  right: 20px;
  top: 45%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #0068b7;
  font-size: 24px;
}

@media only screen and (max-width: 1024px) {
  .screening01 .linkitem {
    width: 250px;
  }
}

@media only screen and (max-width: 599px) {
  .screening01 .linkitem {
    margin: 0 0 10px 0;
    display: block;
  }
}

.screening02 .item:first-of-type dl {
  border-top: 1px solid #dcdcdc;
}

.screening02 .item dl {
  border: 1px solid #dcdcdc;
  border-top: none;
}

.screening02 .item dt {
  width: 40%;
  padding: 10px;
  border-right: 1px solid #dcdcdc;
}

.screening02 .item dt .sub {
  display: block;
  font-weight: normal;
}

.screening02 .item dt .a {
  position: relative;
  display: block;
  text-align: right;
}

.screening02 .item dt a {
  display: inline-block;
  padding-right: 10px;
}

.screening02 .item dt a:after {
  font-family: FontAwesome;
  content: "\f0da";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
}

.screening02 .item dd {
  padding: 10px;
  width: 60%;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}

@media only screen and (max-width: 599px) {
  .screening02 .item dt {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #dcdcdc;
  }
  .screening02 .item dd {
    width: 100%;
  }
}

/*breastcancerscreening*/
.breastcancerscreening02 .tit {
  border: 1px solid #a8d9ff;
  padding: 20px;
  width: 50%;
}

.breastcancerscreening02 .tit a {
  display: block;
}

.breastcancerscreening02 .box {
  position: relative;
}

.breastcancerscreening02 .box dd.txt {
  width: 70%;
}

.breastcancerscreening02 .box .pic {
  position: absolute;
  bottom: 0;
  right: 0;
}

@media only screen and (max-width: 1024px) {
  .breastcancerscreening02 .tit span {
    font-size: 16px;
  }
}

@media only screen and (max-width: 599px) {
  .breastcancerscreening02 .tit {
    width: 100%;
    max-width: 310px;
    margin: 0 auto;
  }
  .breastcancerscreening02 .box dd.txt {
    width: 100%;
    padding-bottom: 250px;
  }
}

.breastcancerscreening03 .item dl {
  border: 1px solid #dcdcdc;
  padding: 20px 10px;
  -webkit-box-shadow: 0px 0px 6px 2px #dcdcdc;
          box-shadow: 0px 0px 6px 2px #dcdcdc;
}

.breastcancerscreening03 .item dd a {
  font-size: 12px;
}

/*breastcancer*/
.breastcancer02 .box {
  padding: 30px 20px;
  border: 1px solid #ea609e;
  background: #fce7f1;
  border-radius: 10px;
}

/*selfcheck*/
.selfcheck01 .txtbox {
  width: 60%;
  padding: 60px 0 100px 20px;
}

.selfcheck01 .txt {
  width: 70%;
}

.selfcheck01 .ofiImg {
  width: 100vw;
  left: 0;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

@media only screen and (max-width: 1024px) {
  .selfcheck01 .txtbox {
    width: 80%;
    padding: 30px 0 30px 20px;
  }
}

@media only screen and (max-width: 599px) {
  .selfcheck01 .ofiImg {
    width: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  .selfcheck01 .txtbox {
    width: 100%;
    padding: 30px 20px 30px 20px;
  }
  .selfcheck01 .txt {
    width: 100%;
  }
}

.selfcheck03 .item {
  padding: 20px;
  border: 1px solid #dcdcdc;
  -webkit-box-shadow: 0px 0px 6px 2px #dcdcdc;
          box-shadow: 0px 0px 6px 2px #dcdcdc;
}

.selfcheck03 .item .tit {
  border: 1px solid #dcdcdc;
  padding: 10px;
}

.selfcheck03 .tit .number {
  position: relative;
  display: block;
  padding-left: 60px;
}

.selfcheck03 .tit .number:before {
  counter-increment: number;
  content: counter(number);
  background: #ea609e;
  color: #fff;
  font-size: 26px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}

.selfcheck03 .pinkbox {
  position: relative;
  width: 80%;
  margin: 0 auto;
  padding: 40px 20px;
}

@media only screen and (max-width: 1024px) {
  .selfcheck03 .pinkbox {
    width: 100%;
  }
}

/*lymphedema*/
.lymphedema04 .item {
  width: 30%;
  margin-right: 5%;
}

.lymphedema04 .item:nth-of-type(3n+3) {
  margin-right: 0;
}

.lymphedema04 .item dl {
  border: 1px solid #dcdcdc;
  padding: 20px 10px;
  -webkit-box-shadow: 0px 0px 6px 2px #dcdcdc;
          box-shadow: 0px 0px 6px 2px #dcdcdc;
}

.lymphedema04 .item dt {
  border: 1px solid #dcdcdc;
  padding: 5px 10px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

@media only screen and (max-width: 1024px) {
  .lymphedema04 .item {
    width: 48%;
    margin-right: 2%;
  }
  .lymphedema04 .item:nth-of-type(3n+3) {
    margin-right: 2%;
  }
  .lymphedema04 .item:nth-of-type(2n+2) {
    margin-right: 0;
  }
}

@media only screen and (max-width: 599px) {
  .lymphedema04 .item {
    width: 100%;
  }
  .lymphedema04 .heightLine-lymphedema01,
  .lymphedema04 .heightLine-lymphedema02 {
    height: auto !important;
  }
}

/*thyroid*/
.thyroid04 .item dl {
  border: 1px solid #dcdcdc;
  padding: 20px 10px;
  -webkit-box-shadow: 0px 0px 6px 2px #dcdcdc;
          box-shadow: 0px 0px 6px 2px #dcdcdc;
}

.thyroid04 .item dd a {
  font-size: 12px;
}

/*mastitis*/
.mastitis02 .item {
  border: 1px solid #dcdcdc;
  -webkit-box-shadow: 0px 0px 6px 2px #dcdcdc;
          box-shadow: 0px 0px 6px 2px #dcdcdc;
}

.mastitis02 .wrapbox {
  padding: 20px;
}

.mastitis03 .item {
  width: 30%;
  margin-right: 5%;
}

.mastitis03 .item:nth-of-type(3n+3) {
  margin-right: 0;
}

.mastitis03 .item dl {
  border: 1px solid #dcdcdc;
  padding: 20px 10px;
  -webkit-box-shadow: 0px 0px 6px 2px #dcdcdc;
          box-shadow: 0px 0px 6px 2px #dcdcdc;
}

.mastitis03 .item dt {
  border: 1px solid #dcdcdc;
  padding: 5px 10px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

@media only screen and (max-width: 1024px) {
  .mastitis03 .item {
    width: 48%;
    margin-right: 2%;
  }
  .mastitis03 .item:nth-of-type(3n+3) {
    margin-right: 2%;
  }
  .mastitis03 .item:nth-of-type(2n+2) {
    margin-right: 0;
  }
}

@media only screen and (max-width: 599px) {
  .mastitis03 .item {
    width: 100%;
  }
  .mastitis03 .heightLine-lymphedema01,
  .mastitis03 .heightLine-lymphedema02 {
    height: auto !important;
  }
}

/*secondopinion*/
.secondopinion02 .commonbox .tititem {
  position: relative;
  border: 1px solid #ea609e;
  padding: 20px;
}

.secondopinion02 .commonbox .tititem:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: -10px;
  left: -10px;
  border: 1px solid #ea609e;
}

.secondopinion02 .commonbox .txtitem {
  padding: 40px;
  position: relative;
}

.secondopinion02 .commonbox .txtitem:after {
  content: "";
  position: absolute;
  background: white;
  background: -webkit-gradient(linear, left top, right top, from(white), color-stop(50%, rgba(255, 255, 255, 0.9)), to(rgba(255, 255, 255, 0.4)));
  background: -webkit-linear-gradient(left, white 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.4) 100%);
  background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.4) 100%);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}

.secondopinion02 .commonbox .picbox {
  margin: 20px 0 40px;
}

.secondopinion02 .commonbox h3 {
  border-top: 1px solid #0068b7;
  border-bottom: 1px solid #0068b7;
  padding: 20px 0;
}

.secondopinion02 .commonbox .ofiImg {
  width: 50%;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  right: 0;
}

@media only screen and (max-width: 599px) {
  .secondopinion02 .commonbox dd.txtbox {
    padding: 40px 10px 60px;
  }
  .secondopinion02 .commonbox .ofiImg {
    width: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    height: 100%;
    width: 100%;
  }
}

/*recruit*/
.recruit01{
  padding-top: 100px;
}

.recruit01 .box {
  padding: 40px;
  position: relative;
}

.recruit01 .bglightblue {
  position: relative;
  z-index: -2;
}

.recruit01 .ofiImg {
  z-index: 1;
}

.recruit01 .ofiImg:after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background: #a8d9ff;
  position: absolute;
  top: 10px;
  right: -10px;
  z-index: -1;
}

.recruit01 .sqpic{
  position: absolute;
    top: -67px;
    left: -10px;
    width: 200px;
}

.recruit02 dt {
  width: 20%;
  padding: 20px 10px 10px;
  border-bottom: 1px solid #0068b7;
}

.recruit02 dd {
  width: 80%;
  padding: 20px 10px 10px;
  border-bottom: 1px solid #a8d9ff;
}

@media only screen and (max-width: 1024px) {
  .recruit01{
  padding-top: 50px;
}
  .recruit01 .sqpic{
    top: -35px;
    left: -5px;
    width: 100px;
  }
}

@media only screen and (max-width: 599px) {
  .recruit02 dt {
    width: 100%;
  }
  .recruit02 dd {
    width: 100%;
  }
}

/*faq*/
.faq01 .item {
  background: #fff;
  padding: 10px 0;
}

/*contact*/
.contact01 .atte span {
  display: block;
}

.contact02 .item dl {
  background: #fff;
  padding: 10px;
}

/*news・blog*/
.newsblog01box ul {
  padding: 10px 20px;
}

.newsblog01box dt {
  display: inline-block;
}

.newsblog01box dd.c {
  display: inline-block;
  background: #0068b7;
  color: #fff;
  padding: 0 10px;
}

.newsblog01box dd.tit {
  display: block;
}

.newsblog01box dd.tit a {
  display: block;
  color: #0068b7;
}

@media only screen and (max-width: 1024px) {
  .newsblog01box {
    width: 100%;
  }
}

.pagenav .prev a {
  color: #0068b7;
}

.pagenav .next a {
  color: #0068b7;
}

.pagenav .button_base {
  color: #fff;
  background: #0068b7;
  margin: 0 5px;
}

.pagenav .button_base.now {
  background: #a8d9ff;
}

.catearbox h3 {
  border: 1px solid #0068b7;
  padding: 10px;
}

.catearbox .item {
  border-bottom: 1px dotted #666666;
  padding-top: 10px;
  padding-bottom: 10px;
}

.catearbox .ulsqpink li {
    padding-left: 1.5em;
    position: relative;
}

.catearbox .ulsqpink li:before {
  content: "■";
    position: absolute;
    color: #ea609e;
    left: 0;
    font-size: 10px;
}

.catearbox li a{
  display: block;
}


@media only screen and (max-width: 1024px) {
  .catearbox {
    width: 100%;
    padding-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .catearbox .category {
    width: 48%;
  }
  .catearbox .archive {
    width: 48%;
    padding-top: 0;
  }
}

@media only screen and (max-width: 599px) {
  .catearbox .category {
    width: 100%;
  }
  .catearbox .archive {
    width: 100%;
  }
}

.newsdetail .bglightblue2 {
  padding: 40px 20px;
}

.newsdetail dd.tit {
  border-bottom: 1px solid #666666;
  color: #0068b7;
}

.newsdetail .recommend h2 {
  margin-bottom: 40px;
}

.newsdetail .recommend ul {
  background: #fff;
  padding: 40px 20px;
}

.newsdetail .recommend .c {
  display: inline-block;
  background: #0068b7;
  color: #fff;
  padding: 0 10px;
}

.newsdetail .recommend .recotit a {
  color: #0068b7;
}

/*blog*/
.blog .newsblog01 ul {
  padding: 0;
}

.blog .newsblog01 .blogitem {
  width: 48%;
  padding: 20px 30px;
  margin-right: 2%;
}

.blog .newsblog01 .blogitem:nth-of-type(2n+2) {
  margin-right: 0;
}

.blog .newsblog01 .blogitem .tit {
  width: 100%;
  overflow: hidden;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.blog .newsblog01 .blogitem .tit a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media only screen and (max-width: 599px) {
  .blog .newsblog01 .blogitem {
    width: 100%;
  }
}

.blog .ofiImg {
  z-index: 1;
}

.blog .ofiImg:after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background: #a8d9ff;
  position: absolute;
  top: 10px;
  right: -10px;
  z-index: -1;
}

.blogdetail .bglightblue2 {
  padding: 40px 20px;
}

.blogdetail dd.tit {
  border-bottom: 1px solid #666666;
  color: #0068b7;
}

.blogdetail .recommend h2 {
  margin-bottom: 40px;
}

.blogdetail .recommend ul {
  padding: 40px 20px;
}

.blogdetail .recommend .item {
  background: #fff;
  width: 30%;
  margin-right: 5%;
  padding: 10px 20px;
  z-index: 1;
}

.blogdetail .recommend .item:last-of-type {
  margin-right: 0;
}

.blogdetail .recommend .c {
  display: inline-block;
  background: #0068b7;
  color: #fff;
  padding: 0 10px;
}

.blogdetail .recommend .recotit a {
  color: #0068b7;
}

.blogdetail .recommend .ofiImg {
  margin-bottom: 40px;
}

.blogdetail .recommend .ofiImg:after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background: #a8d9ff;
  position: absolute;
  top: 10px;
  right: -10px;
  z-index: -1;
}

.uk-slidenav-position{
  height: 100% !important;
}

.uk-slideshow{
  height: 100% !important;
}

.uk-slideshow>li{
  height: 100% !important;
}
.uk-flex.uk-flex-middle.uk-flex-center{
  height: 100% !important;
}

.uk-flex.uk-flex-middle.uk-flex-center img{
  height: 100% !important;
}

/*# sourceMappingURL=common.css.map */

/*2020/11/17*/
.pr {
    position: relative;
    display: flex;
}
.pa {
    position: absolute;
    bottom: 0;
    margin: 0;
    padding: 0;
}

/* 2023/01/18 追記 */
.white-txt{
  color: #fff;
}

.time-txt{
      font-size: 13px;
    margin-top: 5px;
}