@charset "UTF-8";
/**
 * *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-*
 *
 *  開業医支援さくら会
 *
 * *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-*
**/

/* ---------------------------------------------------------------------------
//  common
--------------------------------------------------------------------------- */
.pagetitle {
  background: url(../img/pagetitle-bg.png) center center / cover no-repeat;
  text-align: center;
}
.overview .pagetitle { height: 312px; }
.opening .pagetitle { height: 377px; }
.contact .pagetitle { height: 364px; }
.property .pagetitle { height: 364px; }
.seminarpage .pagetitle { height: 364px; background: url(../img/pagetitle-bg-seminar.png) center center / cover no-repeat; }
.news .pagetitle { height: 364px; }

.overview .pagetitle h1 { padding-top: 80px; }
.opening .pagetitle h1 { padding-top: 120px; }
.contact .pagetitle h1 { padding-top: 120px; }
.property .pagetitle h1 { padding-top: 60px; }
.seminarpage .pagetitle h1 { padding-top: 60px; }
.seminarpage .pagetitle.seminar2 h1 { padding-top: 49px; }
.news .pagetitle h1 { padding-top: 70px; }

section {
  margin: 80px 0;
}

section h2 {
  display: table;
  font-size: 30px;
  line-height: 1;
  padding-bottom: 10px;
  margin: 0 auto 70px;
  text-align: center;
  color: #222;
}
section h2 span {
  display: block;
  font-family: 'Ropa Sans', sans-serif;
  letter-spacing: 0.03em;
  font-size: 14px;
  font-weight: normal;
  margin-top: 5px;
  color: #555;
}

section.bg {
  background: url(../img/glay-bg.jpg) center top no-repeat #F0F0F0;
  border-top: 1px solid #d9d9d9;
  padding: 95px 0;
}


/* ---------------------------------------------------------------------------
//  overview
--------------------------------------------------------------------------- */
.overview section {
  border-bottom: 1px solid #d3d3d3;
  padding-bottom: 80px;
}
.overview section:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.overview section h2 {
  border-bottom: 5px solid #f4cbcb;
}

.greeting {
  width: 780px;
  margin: 0 auto;
}
.greeting .photo {
  width: 298px;
  float: left;
}
.greeting .text {
  width: 428px;
  float: right;
}
.greeting .text p {
  border-top: 1px solid #d3d3d3;
  margin-top: 20px;
  padding-top: 20px;
}
.greeting .text p b {
  color: #333;
}

.information dl {
  margin: 0 auto;
  width: 650px;
}
.information dl dt {
  border-top: 1px solid #dd9a9a;
  clear: left;
  color: #e15a5a;
  float: left;
  min-width: 5em;
  padding: 1em 0;
  width: auto;
}

.information dl dd {
  border-top: 1px solid #d7d7d7;
  padding: 1em 0 1em 10em;
  color: #333;
}

.map {
  border: 15px solid #f2c9c9;
  height: 500px;
}
.map iframe {
  border: none;
  height: 100%;
  width: 100%;
}



/* ---------------------------------------------------------------------------
//  opening
--------------------------------------------------------------------------- */
.opening.opening-top footer {
  margin-top: 0;
}
.opening.opening-top section.bg {
  margin-bottom: 0;
  padding-bottom: 120px;
}
.opening.opening-top section.bg p {
  text-align: center;
  margin-bottom: 30px;
}

.opening-menu li {
  float: left;
  width: 305px;
  border: 1px solid #d3d3d3;
  border-bottom: none;
  border-radius: 3px 3px 0 0;
  padding: 9px 9px 0 9px;
  margin-bottom: 40px;
  margin-right: 32px;
}
.opening-menu li:nth-child(3n) { margin-right: 0; }

.opening-menu li h3 {
  font-size: 20px;
  color: #333;
  border-bottom: 1px solid #d3d3d3;
  margin: 10px 0;
  padding: 3px 0 12px 38px;
  line-height: 1.2;
}
.opening-menu li:nth-child(1) h3 { background: url(../img/num_r01.png) left top no-repeat; }
.opening-menu li:nth-child(2) h3 { background: url(../img/num_r02.png) left top no-repeat; }
.opening-menu li:nth-child(3) h3 { background: url(../img/num_r03.png) left top no-repeat; }
.opening-menu li:nth-child(4) h3 { background: url(../img/num_r04.png) left top no-repeat; }
.opening-menu li:nth-child(5) h3 { background: url(../img/num_r05.png) left top no-repeat; }
.opening-menu li:nth-child(6) h3 { background: url(../img/num_r69.png) left top no-repeat; font-size: 13px; line-height: 1.8; }
.opening-menu li:nth-child(7) h3 { background: url(../img/num_r10.png) left top no-repeat; }
.opening-menu li:nth-child(8) h3 { background: url(../img/num_r11.png) left top no-repeat; }

.opening-menu li p {
  font-size: 14px;
  padding-bottom: 8px;
}
.opening-menu li a {
  display: block;
  background: #f08e90;
  border-radius: 3px;
  font-size: 15px;
  color: #FFF;
  text-align: center;
  padding: 5px 0;
}
.opening-menu li a::before {
  content: url(../img/icon-circle1.png);
  padding-right: 5px;
}

.opening-num1 { height: 377px; background: url(../img/opening-num1.png) center top / contain no-repeat; }
.opening-num2 { height: 377px; background: url(../img/opening-num2.png) center top / contain no-repeat; }
.opening-num3 { height: 377px; background: url(../img/opening-num3.png) center top / contain no-repeat; }
.opening-num4 { height: 377px; background: url(../img/opening-num4.png) center top / contain no-repeat; }
.opening-num5 { height: 377px; background: url(../img/opening-num5.png) center top / contain no-repeat; }
.opening-num6789 { height: 377px; background: url(../img/opening-num6789.png) center top / contain no-repeat; }
.opening-num10 { height: 377px; background: url(../img/opening-num10.png) center top / contain no-repeat; }
.opening-num11 { height: 377px; background: url(../img/opening-num11.png) center top / contain no-repeat; }


.pagetitle .opening-num1 h1 img,.pagetitle .opening-num2 h1 img,.pagetitle .opening-num3 h1 img,.pagetitle .opening-num4 h1 img,
.pagetitle .opening-num5 h1 img,.pagetitle .opening-num6789 h1 img,.pagetitle .opening-num10 h1 img,.pagetitle .opening-num11 h1 img { margin-top:0px; padding:0;}

.opening-copy {
  color: #222;
  font-size: 30px;
  text-align: center;
  margin-bottom: 80px;
}

.opening-page {
  line-height: 1.8;
  margin-bottom: 70px;
}

.opening-page h3 {
  color: #333;
  font-size: 24px;
  line-height: 1.6;
  margin-bottom: 10px;
}

.opening_a .photo { float: left; width: 250px; }
.opening_a .text { float: right; width: 700px; }
.opening_b .photo { float: right; width: 250px; }
.opening_b .text { float: left; width: 700px; }
.opening_c .photo { float: right; width: 309px; }
.opening_c .text { float: left; width: 550px; }

aside .opening-nav {
  width: 980px;
  margin: 120px auto 0;
  background: rgba(235,107,109,0.2);
  border-radius: 5px;
  padding: 40px;
}
aside .opening-nav .title {
  float: left;
  font-size: 30px;
  font-weight: bold;
  line-height: 1;
  padding-bottom: 10px;
  margin-top: 100px;
  text-align: center;
  color: #222;
  border-bottom: 5px solid #f0a9aa;
}
aside .opening-nav .title span {
  display: block;
  font-family: 'Ropa Sans', sans-serif;
  letter-spacing: 0.03em;
  font-size: 14px;
  font-weight: normal;
  margin-top: 5px;
  color: #555;
}
aside .opening-nav .link {
  float: right;
}
aside .opening-nav .link ul.link1-6 {
  width: 360px;
  margin-right: 30px;
  float: left;
}
aside .opening-nav .link ul.link7-11 {
  width: 230px;
  float: left;
}
aside .opening-nav .link ul li {
  padding: 10px 0 10px 50px;
  border-bottom: 1px dotted #B3B3B3;
  font-weight: bold;
}
aside .opening-nav .link ul li:last-child {
  border-bottom: none;
}
aside .opening-nav .link ul li a {
  display: block;
  color: #222;
}
aside .opening-nav .link ul.link1-6 li:nth-child(1) { background: url(../img/num_r01.png) 10px center no-repeat; }
aside .opening-nav .link ul.link1-6 li:nth-child(2) { background: url(../img/num_r02.png) 10px center no-repeat rgba(255,255,255,0.3); }
aside .opening-nav .link ul.link1-6 li:nth-child(3) { background: url(../img/num_r03.png) 10px center no-repeat; }
aside .opening-nav .link ul.link1-6 li:nth-child(4) { background: url(../img/num_r04.png) 10px center no-repeat rgba(255,255,255,0.3); }
aside .opening-nav .link ul.link1-6 li:nth-child(5) { background: url(../img/num_r05.png) 10px center no-repeat; }
aside .opening-nav .link ul.link1-6 li:nth-child(6) { background: url(../img/num_r06.png) 10px center no-repeat rgba(255,255,255,0.3); }
aside .opening-nav .link ul.link7-11 li:nth-child(1) { background: url(../img/num_r07.png) 10px center no-repeat rgba(255,255,255,0.3); }
aside .opening-nav .link ul.link7-11 li:nth-child(2) { background: url(../img/num_r08.png) 10px center no-repeat; }
aside .opening-nav .link ul.link7-11 li:nth-child(3) { background: url(../img/num_r09.png) 10px center no-repeat rgba(255,255,255,0.3); }
aside .opening-nav .link ul.link7-11 li:nth-child(4) { background: url(../img/num_r10.png) 10px center no-repeat; }
aside .opening-nav .link ul.link7-11 li:nth-child(5) { background: url(../img/num_r11.png) 10px center no-repeat rgba(255,255,255,0.3); }

aside .opening-nav .link ul.link1-6 li:nth-child(1).active { background: url(../img/num_w01.png) 10px center no-repeat #ef9d9f; }
aside .opening-nav .link ul.link1-6 li:nth-child(2).active { background: url(../img/num_w02.png) 10px center no-repeat #ef9d9f; }
aside .opening-nav .link ul.link1-6 li:nth-child(3).active { background: url(../img/num_w03.png) 10px center no-repeat #ef9d9f; }
aside .opening-nav .link ul.link1-6 li:nth-child(4).active { background: url(../img/num_w04.png) 10px center no-repeat #ef9d9f; }
aside .opening-nav .link ul.link1-6 li:nth-child(5).active { background: url(../img/num_w05.png) 10px center no-repeat #ef9d9f; }
aside .opening-nav .link ul.link1-6 li:nth-child(6).active { background: url(../img/num_w06.png) 10px center no-repeat #ef9d9f; }
aside .opening-nav .link ul.link7-11 li:nth-child(1).active { background: url(../img/num_w07.png) 10px center no-repeat #ef9d9f; }
aside .opening-nav .link ul.link7-11 li:nth-child(2).active { background: url(../img/num_w08.png) 10px center no-repeat #ef9d9f; }
aside .opening-nav .link ul.link7-11 li:nth-child(3).active { background: url(../img/num_w09.png) 10px center no-repeat #ef9d9f; }
aside .opening-nav .link ul.link7-11 li:nth-child(4).active { background: url(../img/num_w10.png) 10px center no-repeat #ef9d9f; }
aside .opening-nav .link ul.link7-11 li:nth-child(5).active { background: url(../img/num_w11.png) 10px center no-repeat #ef9d9f; }
aside .opening-nav .link ul.link1-6 li.active a { color: #FFF; }
aside .opening-nav .link ul.link7-11 li.active a { color: #FFF; }

.opening section.bg h2 {
  border-bottom: 5px solid #cdcdcd;
}
.opening section.bg h3 {
  background: rgba(100,100,100,0.1);
  text-align: center;
  padding: 15px 0 10px;
  font-size: 24px;
  color: #333;
  margin-bottom: 15px;
}
.opening section.bg h3.num1::before { content: url(../img/num_b1.png); padding-right: 5px; vertical-align: top; display: inline-block; }
.opening section.bg h3.num2::before { content: url(../img/num_b2.png); padding-right: 5px; vertical-align: top; display: inline-block; }
.opening section.bg h3.num3::before { content: url(../img/num_b3.png); padding-right: 5px; vertical-align: top; display: inline-block; }
.opening section.bg h3.num4::before { content: url(../img/num_b4.png); padding-right: 5px; vertical-align: top; display: inline-block; }
.opening section.bg h3.num5::before { content: url(../img/num_b5.png); padding-right: 5px; vertical-align: top; display: inline-block; }

.opening section.bg .floor {
  background: #FFF;
  padding: 30px 40px;
}
.opening .opening-page5 .green {
  background: rgba(76,162,137,0.15);
  padding: 30px 40px;
  border-radius: 5px;
}
.opening .opening-page5 .green h3 {
  background: #5faf8b;
  padding: 5px 40px;
  font-size: 24px;
  color: #FFF;
  display: inline-block;
  border-radius: 0 3px 3px 0;
  margin: 0 0 20px -40px;
}
.opening .opening-page5 .green h3::before {
  content: "▍";
}
.opening .brown {
  background: rgba(169,159,107,0.15);
  padding: 30px 40px;
  border-radius: 5px;
}
.opening .brown h3 {
  background: #b5b29f;
  padding: 5px 40px;
  font-size: 24px;
  color: #FFF;
  display: inline-block;
  border-radius: 0 3px 3px 0;
  margin: 0 0 20px -40px;
  line-height: 1.6;
}
.opening .brown h3::before {
  content: "▍";
}
.opening section.bg .floor.opening_c {
  margin: 60px 0 0;
  position: relative;
}
.opening section.bg .floor.opening_c .image {
  position: absolute;
  top: -40px;
  left: 50%;
  margin-left: -35px;
}
.opening .opening_c dt {
  font-size: 22px;
  color: #333;
  font-weight: bold;
}
.opening .opening_c dt span {
  font-size: 18px;
}
.opening .opening_c dd {
  border-bottom: 1px solid #d3d3d3;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.opening .opening_c dd:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.opening section.bg .opening_d .textarea {
  width: 470px;
  margin: 30px 20px 0 0;
  float: left;
}
.opening section.bg .opening_d .textarea:nth-child(2n) {
  width: 490px;
  margin: 30px 0 0 0;
  float: left;
}

.opening-page3 .opening-copy {
  font-size: 28.5px;
}
.opening-page3 .text p {
  font-size: 15.8px;
}

.opening3-copy {
  color: #222;
  font-size: 30px;
  line-height: 1.4;
  margin-bottom: 10px;
}
.opening3-floor {
  margin-top: 20px;
}
.opening3-floor li {
  float: left;
  width: 260px;
  box-sizing: content-box;
  padding-right: 29px;
  margin-right: 29px;
  border-right: 1px solid #d3d3d3;
}
.opening3-floor li:last-child {
  padding-right: 0;
  margin-right: 0;
  border-right: none;
}
.opening3-floor li img + p {
  color: #222;
  font-size: 24px;
  font-weight: bold;
  margin: 15px 0 5px;
}

.opening-page4 .text p {
  font-size: 15.8px;
}
.opening-page4 .opening_e dl {
  width: 470px;
  margin: 30px 20px 0 0;
  float: left;
}
.opening-page4 .opening_e dl:nth-child(2n) {
  width: 490px;
  margin: 30px 0 0 0;
  float: left;
}
.opening-page4 .opening_e dl dt {
  background: rgba(100,100,100,0.1);
  text-align: center;
  padding: 15px 0 10px;
  font-size: 24px;
  color: #333;
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.6;
}
.opening-page4 .opening_e dl dt p.num1::before { content: url(../img/num_b1.png); padding-right: 5px; vertical-align: top; display: inline-block; }
.opening-page4 .opening_e dl dt p.num2::before { content: url(../img/num_b2.png); padding-right: 5px; vertical-align: top; display: inline-block; }
.opening-page4 .opening_e dl dt p.num3::before { content: url(../img/num_b3.png); padding-right: 5px; vertical-align: top; display: inline-block; }
.opening-page4 .opening_e dl dt p.num4::before { content: url(../img/num_b4.png); padding-right: 5px; vertical-align: top; display: inline-block; }
.opening-page4 .opening_e dl dt p.num5::before { content: url(../img/num_b5.png); padding-right: 5px; vertical-align: top; display: inline-block; }
.opening-page4 .opening_e dl dt p.num6::before { content: url(../img/num_b6.png); padding-right: 5px; vertical-align: top; display: inline-block; }

.opening-page4 .opening_e dl dt p {
  display: inline-block;
}
.opening-page4 .opening_e dl dt p:first-child {
  font-size: 24px;
}
.opening-page4 .opening_e dl dt p + p {
  font-size: 14px;
  text-align: left;
  padding-left: 5px;
}
.opening-page4 .opening_e dl dt p.num5 + p { vertical-align: bottom; }
.opening-page4 .opening_e dl dt p.num6 + p { vertical-align: bottom; }

.opening-page4 .opening_e dl span.space {
  height: 90px;
  display: block;
}
.opening-page4 .opening_e dl .center {
  text-align: center;
}

.example-btn {
  background: url(../img/example-btn.jpg) right center no-repeat #FFF;
  border-radius: 3px;
  height: 137px;
  padding: 30px;
}
.example-btn p {
  font-size: 18px;
  margin-bottom: 8px;
}
.example-btn a {
  display: block;
  width: 410px;
  background: #4ca289;
  border-radius: 3px;
  font-size: 15px;
  color: #FFF;
  text-align: center;
  padding: 5px 0;
}
.example-btn a::before {
  content: url(../img/icon-circle3.png);
  padding-right: 5px;
}

.opening-page6789 .opening-page67 {
  width: 470px;
  float: left;
  padding-right: 19px;
  margin-right: 20px;
  border-right: 1px solid #d3d3d3;
  box-sizing: content-box;
  text-align: center;
}
.opening-page6789 .opening-page67:last-child {
  padding-right: 0;
  margin-right: 0;
  border-right: none;
}

.opening-page6789 h3 {
  font-size: 30px;
  line-height: 1;
  padding-bottom: 10px;
  text-align: center;
  color: #222;
}
.opening-page6789 h3 span {
  display: block;
  font-family: 'Ropa Sans', sans-serif;
  letter-spacing: 0.03em;
  font-size: 14px;
  font-weight: normal;
  margin-top: 5px;
  color: #555;
}
.opening-page6789 h4 {
  font-size: 24px;
  font-weight: normal;
  color: #222;
  margin: 10px 0;
  line-height: 1.4;
}
.opening-page6789 p {
  text-align: left;
}
.opening-page8 {
  border-top: 1px solid #d3d3d3;
  padding-top: 70px;
}
.opening-page9 {
  border-top: 1px solid #d3d3d3;
  padding-top: 70px;
  margin-top: 70px;
}
.opening-page8 h3,
.opening-page9 h3 {
  border-bottom: 5px solid #d9d9d9;
}
.opening-page8 .photo { float: right; width: 460px; }
.opening-page8 .text { float: left; width: 470px; }
.opening-page9 .photo { float: left; width: 460px; }
.opening-page9 .text { float: right; width: 470px; }
.opening-page8 .text p,
.opening-page9 .text p { font-size: 15.5px; }

.other-publicity {
  margin: 50px 0 0;
}
.other-publicity h3 {
  background: #506371;
  padding: 5px 20px;
  font-size: 24px;
  color: #FFF;
  border-radius: 3px;
  line-height: 1.6;
  text-align: left;
}
.other-publicity h3::before {
  content: "▍";
}
.other-publicity .photo { float: right; width: 356px; }
.other-publicity .text { float: left; width: 620px; }
.other-publicity .text ul {
  width: 46%;
  margin: 15px 0 0 4%;
  float: left;
}
.other-publicity .text ul li {
  background: url("../img/icon-circle4.png") left center no-repeat;
  padding: 8px 0 8px 20px;
  border-bottom: 1px solid #d3d3d3;
  color: #333;
}
.other-publicity .text ul li:last-child {
  border-bottom: none;
}
.other-publicity .photo img { margin-top: -30px; }


.submission li {
  float: left;
  width: 470px;
  margin: 0 40px 30px 0;
}
.submission li:nth-child(2n) {
  margin-right: 0;
}
.submission li img {
  float: left;
  margin-right: 10px;
}
.submission li img + p {
  color: #222;
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 5px;
}

.submission li p {
  font-size: 15px;
}

/* ---------------------------------------------------------------------------
//  contact
--------------------------------------------------------------------------- */
section.contact__top {
  margin: 80px 0 0;
}
.contact section.contact__top h2 {
  font-size: 30px;
  font-weight: normal;
  line-height: 1.6;
  padding-bottom: 0;
  margin: 0 auto;
  text-align: center;
  color: #222;
}
.contact section.contact__top h3 {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.6;
  padding-bottom: 0;
  margin: 0 auto 50px;
  text-align: center;
  color: #222;
}

.contact section.bg {
  margin: 0;
  padding-bottom: 130px;
}
.contact section.bg h2 {
  border-bottom: 5px solid #cdcdcd;
  margin-bottom: 50px;
}
.contact section.bg h2 + p {
  text-align: center;
  margin-bottom: 50px;
}

.contact footer {
  margin-top: 0;
}

/* ---------------------------------------------------------------------------
//  seminar
--------------------------------------------------------------------------- */
.seminar-copy {
  font-size: 30px;
  font-weight: normal;
  line-height: 1.6;
  padding-bottom: 0;
  margin: 0 auto;
  text-align: center;
  color: #222;
}
.seminar-copy-s {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.6;
  padding-bottom: 0;
  margin: 0 auto 50px;
  text-align: center;
  color: #222;
}

section.seminar1bg {
  background: url(../img/seminar1bg.jpg) center top no-repeat #F0F0F0;
  padding: 95px 0 130px;
  margin: 0;
}
section.seminar2bg {
  background: url(../img/seminar2bg.jpg) center top no-repeat #F0F0F0;
  border-top: 1px solid #d9d9d9;
  padding: 95px 0 130px;
  margin-bottom: 0;
}
.seminar3bg {
  background: url(../img/seminar3bg.jpg) center top no-repeat #F0F0F0;
  padding: 40px 0 40px;
  margin-bottom: 60px;
}

.seminarpage section.seminar1bg h2,
.seminarpage section.seminar2bg h2 {
  border-bottom: 5px solid #cdcdcd;
  margin-bottom: 50px;
}

.seminarpage section.seminar1bg h2 + p,
.seminarpage section.seminar2bg h2 + p {
  text-align: center;
  margin-bottom: 50px;
  font-size: 20px;
  color: #222;
}
.seminarpage footer {
  margin-top: 0;
}

.seminar1bg .bnr,
.seminar2bg .bnr {
  background: #FFF;
  border-radius: 5px;
  padding: 8px 15px 15px 15px;
  margin-bottom: 10px;
}
.seminar1bg .bnr a:first-child,
.seminar2bg .bnr a:first-child {
  margin-right: 10px;
}

.seminar-link {
  display: block;
  font-size: 15px;
  color: #222;
}
.seminar-link span {
  font-size: 11px;
}
.seminar-link::before {
  content: url(../img/icon-circle8.png);
  padding-right: 5px;
}

/* ---------------------------------------------------------------------------
//  news
--------------------------------------------------------------------------- */
.newslist h2 {
  border-bottom: 5px solid #cdcdcd;
}