@charset "UTF-8"; /* CSS Document */

#PageNav {background:#ad8abf;}
#PageNav ul li a {display:block; text-align:center; padding:10px 0; color:#fff; }
#PageNav ul li a.on {color:#ad8abf; background:#fbf6fa;}
#PageNav ul li a:hover {color:#ad8abf; background:#fbf6fa;}
#Mainimage dl dt {background:#ad8abf; float:left;}
#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-weight:bold; line-height:30px; -webkit-font-smoothing:antialiased;}
#Mainimage dl dd {float:right; width:357px;}

@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 {min-width:100px; line-height:40px; font-weight:bold; background:url(../nursing-matsuyama/curriculumimg/pagenav_border.png) no-repeat right center;}
  #PageNav ul li.last a {background:none;}

  #Mainimage {margin-bottom:50px;}
  #Mainimage dl dt {width:358px; height:265px; padding:60px 0 0;}
  #Mainimage dl dt p span {font-size:22px;}
  #Mainimage dl dd {float:right; width:357px;}
}
@media (max-width:715px){
  #PageNav {padding:10px; margin-bottom:30px;}
  #PageNav ul li a {border-bottom:solid 1px #ededed;}
  #PageNav ul li.last a {border-bottom:none;}

  #Mainimage {margin-bottom:10%; text-align:center;}
  #Mainimage dl dt {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 0 ; padding:0;}
#Specialties .section h4 {font-size:18px; line-height:28px; font-weight:bold; color:#eb6d8e; border-bottom:none; padding:0; letter-spacing:0;}
#Specialties .section dl:after {content:"."; clear:both; height:0; display:block; visibility:hidden;}
#Specialties .section dl dt {position:relative;}
#Specialties .section dl dt p {line-height:24px;}
#Specialties .section dl dd {width:362px;}
#Specialties .section dl dd.box01 img + img {margin:0;}
#Specialties .section dl dd.box02 .icon {position:absolute; top:-20px; left:-20px;}

@media (min-width:716px){
  #Specialties .section dl dt {float:left; width:330px;}
  #Specialties .section dl dd {float:right; width:362px;}
  #Specialties .section dl dd.box01 img {margin:60px 0 0 0;}
}
@media (max-width:715px){
  #Specialties .head {margin-bottom:7%;}
  #Specialties .section {margin-bottom:30px;}
  #Specialties .section h3 {margin:-2px 0 15px; width:80%;}
  #Specialties .section h4 {letter-spacing:0.05em;}
  #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;}
  #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-matsuyama/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:#8e4899;}
#voice .cell .human {position:absolute; bottom:20px; right:25px;}

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


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

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


#step {margin-bottom:50px;}
#step h3 {text-align:center; background:url(../nursing-matsuyama/curriculumimg/title_border.gif) repeat-x center !important; margin-bottom:25px;}
#step dl {background:url(../nursing-matsuyama/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; line-height:1.5em; padding-left:60px;}
#step dl dt.icon01 {background:url(../nursing-matsuyama/curriculumimg/step_icon01.gif) no-repeat left top;}
#step dl dt.icon02 {background:url(../nursing-matsuyama/curriculumimg/step_icon02.gif) no-repeat left top;}
#step dl dt.icon03 {background:url(../nursing-matsuyama/curriculumimg/step_icon03.gif) no-repeat left top;}
#step dl dt.icon04 {background:url(../nursing-matsuyama/curriculumimg/step_icon04.gif) no-repeat left top;}

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


#curriculum h3 {text-align:center; background:url(../nursing-matsuyama/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 #ad8abf; 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; padding-left:130px; background:url(../nursing-matsuyama/curriculumimg/closeup_icon.gif) no-repeat left top 5px;}
#closeup .messageBox .inner .txt {line-height:24px; letter-spacing:-0.03em; margin-bottom:0 !important;}
#closeup ul .tit {font-size:18px; font-weight:bold; color:#8e489a; line-height:24px; margin-bottom:10px;}

@media (min-width:716px){
  #closeup {padding:15px 30px 35px;}
  #closeup .messageBox .inner .tit {padding-left:130px; background:url(../nursing-matsuyama/curriculumimg/closeup_icon.gif) no-repeat left top 5px;}
  #closeup .messageBox .inner .txt {width:410px;}
  #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-matsuyama/curriculumimg/closeup_icon.gif) no-repeat center top; background-size:40%;}
  #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%;}
}



#training {margin-bottom:60px;}
#training h3 {text-align:center; background:url(../nursing-matsuyama/curriculumimg/title_border02.gif) repeat-x center !important; margin-bottom:25px;}
#training p.lead {font-size:16px; font-weight:bold; text-align:center; margin-bottom:55px;}
#training h4 {position:absolute; border-bottom:none !important;}
#training div.wrap {background:#f7f0e1; padding:5px; margin-top:20px; position:relative;}
#training ul {border:1px solid #f3c3c8; padding:40px 15px 15px;}
#training ul li p {margin-bottom:0;}
#training ul li p span {display:block; font-size:16px; font-weight:bold; line-height:23px; color:#eb6d8e; background:url(../nursing-matsuyama/curriculumimg/point_icon01.gif) no-repeat left 3px; padding-left:40px;}
#training ul li p span.spacing {letter-spacing:-0.1em; display:inline; background:none; padding-left:0;}

@media (min-width:716px){
  #training h4 {top:-25px; left:50%; margin-left:-270px;}
  #training ul li {width:205px; padding-right:14px; margin-right:14px; float:left; background:url(../nursing-matsuyama/curriculumimg/point_dot.png) repeat-y right top;}
  #training ul li.last {padding-right:0; margin-right:0; background:none;}
}
@media (max-width:715px){
  #training p.lead {font-size:115%; margin-bottom:40px;}
  #training h4 {top:-4%; left:5%; width:90%;}
  #training ul {padding:8% 10px 10px;}
  #training ul li {width:100%; padding-bottom:2%; margin-bottom:2%; background:url(../nursing-matsuyama/curriculumimg/point_dot_sp.png) repeat-x left bottom;}
  #training ul li.last {padding-bottom:0; margin-bottom:0; background:none;}
}


#hospital h3 {text-align:center; background:url(../nursing-matsuyama/curriculumimg/title_border.gif) repeat-x center !important; margin-bottom:25px;}
#hospital .cbox.fixHeight {display:grid; grid-template-columns:repeat(auto-fit, minmax(180px,1fr)); gap:20px 20px;}
#hospital .cbox.fixHeight > *:not(dl) {grid-column:1/-1;}
#hospital dl dd {color:#ad8abf; font-size:13px; font-weight:bold; letter-spacing:0em; line-height:1.4em; margin-bottom:5px; background:url(../nursing-matsuyama/curriculumimg/icon_diamond.gif) no-repeat left 2px; padding-left:15px;}

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


#facility h3 {text-align:center; background:url(../nursing-matsuyama/curriculumimg/title_border.gif) repeat-x center !important; margin-bottom:25px;}
#facility dl dd {color:#8e489a; font-size:13px; font-weight:bold; letter-spacing:0em; line-height:1.4em; margin-bottom:5px; background:url(../nursing-matsuyama/curriculumimg/icon_diamond.gif) no-repeat left 2px; padding-left:15px;}
#facility .subtit {display:block; color:#ad8abf; font-size:16px; font-weight:bold; line-height:26px; margin-bottom:10px;}
#facility .pink {color:#8e489a; 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(20em,1fr)); gap:0 1em;}

@media (min-width:716px){
  #facility .bold {color:#ad8abf; font-size:16px; font-weight:bold; margin-bottom:10px;}
  #facility .cbox {margin-bottom:30px;}
  #facility dl {width:224px; float:left; margin-right:21px; margin-bottom:20px; margin-top:0!important;}
  #facility dl.last {margin-right:0;}
  #facility dl.bottom {margin-bottom:0;}
  #facility dl dt {margin-bottom:5px;}
  #facility ul {letter-spacing:-0.02em;}
  #facility ul.last {margin-right:0;}
  #facility ul li {line-height:20px; margin-bottom:5px;}
}
@media (max-width:715px){
  #facility .cbox {margin-bottom:5%;}
  #facility .bold {color:#ad8abf; font-size:16px; font-weight:bold; margin-bottom:10px;}
  #facility h4 {width:30%; border-bottom:none !important; margin-bottom:0 !important;}
  #facility dl {width:48%; float:left; margin:0 0 20px!important;}
  #facility dl:nth-child(2n) {float:right;}
  #facility dl dt {margin-bottom:5px;}
  #facility dl dt img {width:100%; height:auto;}
  #facility .subtit {margin-bottom:5px;}
}


#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:#ad8abf; border-bottom:solid 1px #ceb1d4; 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:#ad8abf;}
#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:#ad8abf; line-height:1.4em;}
#Voice dl dd .txt {font-size:93%;}
#Voice dl dd .name {font-size:12px; color:#ad8abf;}
#Voice dl dd .name span {font-size:10px;}

@media (min-width:716px){
  #Voice dl dt img {position:absolute; bottom:0; right:10px;}
  #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%;}
}


.msg {position:relative; margin-bottom:60px; padding:15px 25px; background:#fbf6fa; border:0;}
.msg .hl {position:relative; color:#8e489a; font-weight:bold; font-size:138.5%; line-height:1.4;}
.msg .hl img {position:absolute; left:-20px; top:-40px;}
.msg .pic {max-width:27%; position:absolute; right:25px; padding-top:35px;}
.msg .pic img {width:100%;}
.msg .pic p {position:absolute; top:0; right:0; line-height:1.45;}
.msg .txt {margin-top:20px; padding-right:210px;}

@media only screen and (max-width:715px) {
  .msg .txt {padding-right:30%;}
}

.pkup {display:flow-root; padding:12px 18px; border:6px #F9F2E3 solid;}
.pkup .hl {margin-bottom:.8em;}
.pkup .hl b {display:inline-block; background:#ceb1d4; margin-right:.5em; padding:.8em; font-size:116%; color:#fff; vertical-align:middle;}
.pkup .hl span {display:inline-block; font-size:123.1%; font-weight:bold; line-height:1.5; vertical-align:middle; color:#8e489a;}
.pkup .pic {width:260px; float:right; margin-left:20px;}
.pkup .pic img {width:100%;}

@media only screen and (max-width:715px) {
  .pkup .hl {position:relative; padding-left:5.5em;}
  .pkup .hl b {position:absolute; left:0; width:4em; padding:.6em 0; text-align:center; line-height:1.3;}
  .pkup .pic {float:none; margin:10px auto;}
  .pkup .pic img {margin-top:0;}
}

#facility dl dd {color:#8e489a;}
#facility .pink {color:#8e489a;}
#Voice .wrap .basyo,
#Voice dl dt p,
#Voice dl dd .read,
#Voice dl dd .name {color:#8e489a;}