@charset "UTF-8"; 

#PageNav {background:#e73c7e; margin-bottom:30px;}
#PageNav ul li a.on {color:#e73c7e; background:#fcedf1;}
#PageNav ul li a:hover {color:#e73c7e; background:#fcedf1;}
#Mainimage dl dt p {font-size:13px; line-height:24px; color:#fff; text-align:center;}
#Mainimage dl dt p img {margin:15px 0;}
#Mainimage dl dt p span {font-size:22px; font-weight:bold; line-height:30px; -webkit-font-smoothing:antialiased;}

@media (min-width:716px){
  #mainTitle {padding:35px 0 !important;}
  #mainTitle p {line-height:18px;}

  #PageNav {margin-bottom:50px;}
  #PageNav ul:after {display:none;}
  #PageNav ul {display:table; width:100%;}
  #PageNav ul li {display:table-cell; height:60px;}
  #PageNav ul li a {color:#fff; display:block; min-width:100px; padding:10px 0; line-height:40px; font-weight:bold; text-align:center; background:url(../nursing-obu/indeximg/pagenav_border.png) no-repeat right center;}

  #Mainimage {margin-bottom:50px;}
  *:not(.prct) ~ #Mainimage dl dt {background:#e73c7e; float:left; width:358px; height:265px; padding:30px 0;}
  #Mainimage dl dd {float:right; width:357px;}
}
@media (max-width:715px){
  #PageNav {padding:10px; margin-bottom:30px;}
  #PageNav ul li a {display:block; text-align:center; padding:10px 0; color:#fff; border-bottom:solid 1px #ededed;}
  #PageNav ul li.last a {border-bottom:none;}

  #Mainimage {margin-bottom:10%; text-align:center;}
  #Mainimage dl dt {background:#e73c7e; float:left; width:100%; padding:20px 0;}
  #Mainimage dl dt p span {font-size:150%;}
  #Mainimage dl dd img {width:100%; height:auto;}
}


#Specialties .head {text-align:center; margin-bottom:60px;}
#Specialties .head p {margin-top:10px; font-size:14px; font-weight:bold; color:#eb6d8e;}
#Specialties .section {margin-bottom:50px; border-top:1px solid #dcdcdc;}
#Specialties .section h3 {background:none !important; margin:-2px 0 25px; padding:0;}
#Specialties .section h4 {font-size:18px; line-height:28px; font-weight:bold; color:#eb6d8e; border-bottom:none; padding:0; letter-spacing:0.05em;}
* html #Specialties .section dl {zoom:100%;}
*:first-child+html #Specialties .section dl {display:inline-block;}
#Specialties .section dl:after {content:"."; clear:both; height:0; display:block; visibility:hidden;}
#Specialties .section dl dt {position:relative;}

@media (min-width:716px){
  #Specialties .section dl dt {float:left; width:330px;}
  #Specialties .section dl dd {float:right; width:362px; position:relative;}
  #Specialties .section dl dd.box01 img {margin:-70px 0 25px 0;}
  #Specialties .section dl dd.box01 img+img {margin:0 0 0 0;}
  #Specialties .section dl dd.box02 .icon {position:absolute; top:-25px; left:-25px;}
}
@media (max-width:715px){
  #Specialties .head {margin-bottom:7%;}
  #Specialties .section {margin-bottom:30px;}
  #Specialties .section h3 {margin:-2px 0 15px; padding:0; width:80%;}
  #Specialties .section dl dd {position:relative;}
  #Specialties .section dl dd img {width:100%; height:auto;}
  #Specialties .section dl dd.box01 img+img {margin:20px 0 0 0;}
  #Specialties .section dl dd.box02 img {margin-top:20px;}
  #Specialties .section dl dd.box02 .icon {position:absolute; top:-5px; left:-5px; width:60px; margin-top:0;}
}


#voice {margin-bottom:50px;}
#voice h3 {background:url(../nursing-obu/indeximg/title_border.gif) repeat-x center; text-align:center; margin-bottom:30px;}
#voice .cell {padding:35px 40px 30px; background:#f7f0e1; position:relative; margin-bottom:30px;}
#voice .cell h4 {font-size:18px; font-weight:bold; color:#6eb92b; line-height:1.4em; margin-bottom:15px;}
#voice .cell p {width:540px; margin-bottom:18px;}
#voice .cell dl dt {font-size:12px; line-height:1.2em;}
#voice .cell dl dd {font-size:16px;}
#voice .cell dl dd i {display:inline-block; margin-top:.6em; padding:0 .4em;  border:1px currentColor solid; line-height:1.6; font-size:90%;  font-style:normal; color:#EB5588;}
#voice .cell .human {position:absolute; bottom:20px; right:25px;}

@media (min-width:716px){
}
@media (max-width:715px){
  #voice .cell {padding:20px;}
  #voice .cell p {width:70%;}
  #voice .cell .human {bottom:10px; right:10px;}
  #voice .cell .human img {width:100%; height:auto;}
  .dptObu ~ #voice .pic {max-width:28%;}
  .dptObu ~ #voice .pic img {aspect-ratio:1;}
}


.crcl ~ .section h3 {background:none !important; padding:0 !important; margin-bottom:20px !important; color:#e73c7e !important;}
.crcl ~ .section .imgBox {margin-top:30px;}
.crcl ~ .section .imgBox img {width:100%; height:auto;}

@media (min-width:716px){
  .crcl ~ .section h3 {font-size:140%;}
}


#step {margin-bottom:50px;}
#step h3 {text-align:center; background:url(../nursing-obu/curriculumimg/title_border.gif) repeat-x center !important; margin-bottom:25px;}
#step dl {background:url(../nursing-obu/curriculumimg/arrow_border.gif) no-repeat center bottom; padding-bottom:30px; margin-bottom:20px;}
#step dl.last {background:none; padding-bottom:0; margin-bottom:0;}
#step dl dt {font-size:18px; font-weight:bold; color:#eb6d8e; line-height:1.5em; padding-left:60px;}
#step dl dt.icon01 {background:url(../nursing-obu/curriculumimg/step_icon01.gif) no-repeat left top;}
#step dl dt.icon02 {background:url(../nursing-obu/curriculumimg/step_icon02.gif) no-repeat left top;}
#step dl dt.icon03 {background:url(../nursing-obu/curriculumimg/step_icon03.gif) no-repeat left top;}
#step dl dt.icon04 {background:url(../nursing-obu/curriculumimg/step_icon04.gif) no-repeat left top;}

@media (min-width:716px){
  #step dl dt {margin-bottom:10px;}
}
@media (max-width:715px){
  #step dl dt {font-size:16px; padding-bottom:10px;}
}


#curriculum h3 {text-align:center; background:url(../nursing-obu/curriculumimg/title_border.gif) repeat-x center !important; margin-bottom:25px;}
#curriculum dl {width:182px; float:left; margin-right:21px; border:solid 1px #eb6d8e; padding:20px;}
#curriculum dl.last {margin-right:0;}
#curriculum dl dd .tit {font-weight:bold; color:#eb6d8e; line-height:1.4em; margin-top:8px;}
#curriculum dl dd .txt {font-size:93%; line-height:1.6em;}


#closeup {border:1px solid #ec778f; padding:15px 30px 35px; position:relative;}
#closeup h3 {position:absolute; top:-28px; left:50%; margin-left:-98px;}
#closeup .messageBox {background:#f3ecdd; padding:5px; margin-top:20px; position:relative; margin-bottom:40px;}
#closeup .messageBox .inner {border:1px solid #f3c3c8; padding:25px;}
#closeup .messageBox .inner .tit {font-size:16px; font-weight:bold; color:#eb6d8e; line-height:24px; margin-bottom:20px;}
#closeup .messageBox .inner .txt {width:410px; line-height:24px; letter-spacing:-0.03em; margin-bottom:0 !important;}
#closeup ul .tit {font-size:18px; font-weight:bold; color:#eb6d8e; line-height:24px; margin-bottom:10px;}

@media (min-width:716px){
  #closeup .messageBox .inner .tit {padding-left:130px; background:url(../nursing-obu/curriculumimg/closeup_icon.gif) no-repeat left top 5px;}
  #closeup .messageBox .inner .pht {position:absolute; bottom:-9px; right:15px;}
  #closeup ul + ul {margin-top:30px;}
  #closeup ul li {width:48%; float:left;}
  #closeup ul li.right {width:48%; float:right;}
}
@media (max-width:715px){
  #closeup {padding:15px 3% 0;}
  #closeup .messageBox {margin-bottom:25px;}
  #closeup .messageBox .inner {padding:5%;}
  #closeup .messageBox .inner .tit {padding-top:18%; background:url(../nursing-obu/curriculumimg/closeup_icon.gif) no-repeat center top; background-size:40%;}
  #closeup .messageBox .inner .txt {line-height:24px; letter-spacing:-0.03em; margin-bottom:0 !important;}
  #closeup .messageBox .inner .pht {float:right; width:100px; margin:0 0 3% 3%;}
  #closeup ul + ul {margin-top:25px;}
  #closeup ul li {margin-bottom:20px;}
  #closeup ul li {zoom:100%;}
  #closeup ul li {display:inline-block;}
  #closeup ul li:after {content:"."; clear:both; height:0; display:block; visibility:hidden;}
  #closeup ul li p {float:left; width:60%;}
  #closeup ul li img {float:right; width:37%;}
}


#support {border:1px solid #ec778f; padding:40px 30px 35px; position:relative;}
#support h3 {position:absolute; top:-10px; left:50%; margin-left:-98px;}
#support dl dd .tit {font-weight:bold; color:#eb6d8e; line-height:1.4em; margin-top:8px; font-size:14px;}
#support dl dd .txt {line-height:1.6em;}

@media (min-width:716px){
  #support dl {width:190px; height:355px; float:left; padding-right:20px; margin-right:20px; border-right:1px solid #dcdcdc;}
  #support dl.last {padding-right:0; margin-right:0; border-right:none;}
}
@media (max-width:715px){
  #support {border:1px solid #ec778f; padding:40px 3% 0 3%; position:relative;}
  #support dl {padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #dcdcdc;}
  #support dl {zoom:100%;}
  #support dl {display:inline-block;}
  #support dl:after {content:"."; clear:both; height:0; display:block; visibility:hidden;}
  #support dl.last {padding-bottom:0; margin-bottom:0; border-bottom:none;}
  #support dl p {float:left; width:60%;}
  #support dl img {float:right; width:37%;}
}


.prct ~ .section h3 {background:none !important; padding:0 !important; margin-bottom:30px !important;}

@media (min-width:716px){
  .prct ~ #Mainimage {margin-bottom:60px; overflow:hidden; position:relative; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
  .prct ~ #Mainimage dl dt {position:absolute; top:50%; left:0; transform:translate(0,-50%); font-size:20px; font-weight:bold; line-height:32px; color:#eb6d8e; width:377px;}
  .prct ~ #Mainimage dl dd {float:right; width:338px;}
}

@media (max-width:715px){
  .prct ~ .section h3 {margin-bottom:5% !important;}
  .prct ~ #Mainimage {width:90%; margin:0 auto 50px auto;}
  .prct ~ #Mainimage dl dt {text-align:center; padding-top:10px; font-size:140%; font-weight:bold; line-height:28px; background:#fff; border-top:1px solid #dcdcdc; margin:20px 0 0; color:#eb6d8e;}
  .prct ~ #Mainimage dl dd {width:100%;}
  .prct ~ #Mainimage dl dd img {width:100%; height:auto;}
}


#Point {margin-bottom:60px;}
#Point div.wrap {padding:5px; margin-top:20px; position:relative;}
#Point ul {background:#f7f0e1; border:1px solid #f3c3c8; padding:10px;}
#Point ul li p {margin-bottom:0;}
#Point ul li p span {display:block; font-size:16px; font-weight:bold; line-height:23px; color:#eb6d8e; background:url(../nursing-obu/practiceimg/point_icon01.gif) no-repeat left 3px; padding-left:40px;}
#Point ul li p span.spacing {letter-spacing:-0.1em; display:inline; background:none; padding-left:0;}

@media (max-width:715px){
  #Point ul li {width:100%; padding-bottom:2%; margin-bottom:2%; background:url(../nursing-obu/practiceimg/point_dot_sp.png) repeat-x left bottom;}
  #Point ul li.last {padding-bottom:0; margin-bottom:0; background:none;}
}
@media (min-width:716px){
  #Point ul li {width:205px; padding-right:14px; margin-right:14px; float:left; background:url(../nursing-obu/practiceimg/point_dot.png) repeat-y right top;}
  #Point ul li.last {padding-right:0; margin-right:0; background:none;}
}


@media (min-width:716px){
  #Schedule {margin-bottom:80px!important; clear:both;}
}
@media (max-width:715px){
  #Schedule {margin-bottom:15%!important; clear:both;}
  #Schedule img {width:100%; height:auto;}
}


#Voice {margin-bottom:60px;}
#Voice .wrap {margin-bottom:20px; background:#f7f0e1; padding:15px 30px 30px; position:relative;}
#Voice .wrap .basyo {font-size:20px; font-weight:bold; color:#e74592; border-bottom:solid 1px #eb6d8e; padding-top:2px; text-align:center; padding-bottom:10px; margin-bottom:10px;}
#Voice dl.last {margin-bottom:0;}
#Voice dl dt {width:205px; float:right;}
#Voice dl dt p {font-size:12px; color:#e74592;}
#Voice dl dt p span {font-size:16px;}
#Voice dl dd {width:430px; float:left;}
#Voice dl dd .read {font-size:115%; font-weight:bold; color:#e74592; line-height:1.4em;}
#Voice dl dd .txt {font-size:93%;}
#Voice dl dd .name {font-size:12px; color:#e74592;}
#Voice dl dd .name span {font-size:10px;}

@media (min-width:716px){
  #Voice dl dt img {position:absolute; bottom:0; right:20px;}
  #Voice dl dt p {margin-top:53px; }
}
@media (max-width:715px){
  #Voice .wrap {padding:15px 30px 0px;}
  #Voice dl dt {width:40%;}
  #Voice dl dd {width:50%;}
}


#Facility .cbox.fixHeight {display:grid; grid-template-columns:repeat(auto-fit, minmax(170px,1fr)); gap:20px 20px;}
#Facility dl dd {color:#e74592; font-size:13px; font-weight:bold; letter-spacing:0em; line-height:1.4em; margin-bottom:5px; background:url(../nursing-obu/practiceimg/icon_diamond.gif) no-repeat left 2px; padding-left:15px;}
#Facility dl img {width:100%;}
#Facility .subtit {display:block; color:#e74592; font-size:16px; font-weight:bold; line-height:26px; margin-bottom:10px;}
#Facility .pink {color:#e74592; font-size:12px; line-height:26px;}
#Facility p.comment {display:block; clear:both; float:right; font-size:12px;}
#Facility ul {display:grid; grid-template-columns:repeat(auto-fill, minmax(16em,1fr)); gap:0 1em;}
#Facility li.-wide {grid-column:span 2;}

@media (min-width:716px){
  #Facility .cbox {margin-bottom:30px;}
  #Facility dl dt {margin-bottom:5px;}
}
@media (max-width:715px){
  #Facility .cbox {margin-bottom:5%;}
  #Facility h4 {width:30%; border-bottom:none !important; margin-bottom:0 !important;}
  #Facility dl dt {margin-bottom:5px;}
  #Facility dl dt img {width:100%; height:auto;}
  #Facility .subtit {margin-bottom:5px;}
}


#Box {border:solid 4px #f9f2e3; padding:30px;}
#Box dl dt span {font-size:116%; font-weight:bold; color:#e74592; margin-bottom:10px; display:block;}

@media (min-width:716px){
  #Box dl dt {font-size:14px; width:340px; float:left;}
  #Box dl dd {width:284px; float:right;}
}
@media (max-width:715px){
  #Box {padding:5%;}
  #Box dl dt {font-size:14px; margin-bottom:3%;}
  #Box dl dd img {width:100%; height:auto;}
}