@charset "UTF-8";

#rss_iframe {
    clear: both;
    width: 95%;
    height: 200px;
    border: solid 1px #f0f0f0;
}
#blog_topics h5 {
  display: none;
}
#blog_topics ul {
  background: #fff;
  padding: 10px 20px;
  height: 180px;
  overflow: auto;
}
.topics2 li {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: dotted 1px #aaa;
}
.topics2 li a {
  display: block;
}

main >  p{
  background-color:rgba(164,54,101,0.9);
  background-blend-mode: multiply;
  position:relative;
  top:-40px;
  padding:18px 0 18px;
  z-index:99;
  min-width:980px;
}
.js_slider{
  text-align:center;
}

a#no3_01_btn:hover{
  background:#A63365;
  color:white;
}
a#no3_02_btn:hover{
  background:#4A5EAC;
  color:white;
}


/* プロフェッショナルを育成します */
#no1{
  overflow:hidden;
  padding:0;
  position:relative;
  top:-10px;
}
#no1 h2{
  text-align:center;
}
#no1 p{
  font-size:18px;
}
#no1 > div{
  width:50%;
  float:left;
  padding-top:50px;
}
#no1 > div > p{
  padding-top:50px;
  line-height:2.2em;
}
#no1 > p{
  width:50%;
  float:left;
  text-align:center;
}


/* 心身健康学科の学びとは */
#no2{
  background:url(/life/health-new/img/no2_bg.jpg) no-repeat center #E8E5E3;
  background-size:cover;
  min-height:480px;
  overflow:hidden;
  position:relative;
}
#no2 > div{
  overflow:hidden;
  background-size:cover;
}
#no2_1{ /* PC時の左コンテンツ */
  float:left;
  width:50%;
}
#no2_1 h2{
  margin:15px 0;
}
#no2_1 p{
  font-size:15px;
  width:95%;
  line-height:1.8;
}
/* 英文?中文サイトのみ */
#no2_1 .ttl01{
  width:95%;
  font-size: 20px;
  font-weight: bold;
  padding: 12px 0 10px 60px;
  border: 1px solid #fff;
  box-sizing:border-box;
  background: url(/life/health-new/common/img/h2_bg.gif) no-repeat 20px center;
  }
#no2_1 p span{
	font-weight:bold;
	display:block;
}

#no2_2{ /* PC時の右コンテンツ */
  float:right;
  width:50%;
}
#no2_2{
  position:absolute;
  bottom:6%;
  left:52%;
}
#no2_2 h2{
  max-width:188px;
  height:92px;
  box-sizing:border-box;
  background:url(/life/health-new/img/no2_2_h2_bg.png);
  width:33.3333333%;
  width:32%;
  float:left;
  margin-right:1%;
  position:relative;
  text-align:center;
}
#no2_2 h2 img{
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
}
#no2_2 li a{
  max-width:188px;
  box-sizing:border-box;
  background-color:rgba(255,255,255,0.90);
  width:32%;
  float:left;
  margin-right:1%;
  margin-bottom:1%;
  color:#A23865;
  text-decoration: underline;
}
#no2_2 li a span{
  font-size:16px;
  font-weight:bold;
  height:92px;
  display:table-cell;
  vertical-align:middle;
  padding:0 5px 0 24px;
  background:url(/life/health-new/common/img/f_address_li_bg.png) no-repeat 12px 50%;
}
#no2_2 li:nth-of-type(3){
  margin-bottom:0;
}
#no2_2 li:nth-of-type(3) a{
  clear:both;
}
#no2_2 li:nth-of-type(4){
  margin-bottom:0;
}


/* コース紹介 */
#no3{
  background:url(/life/health-new/img/no3_bg_01.gif) no-repeat center 80px;
  overflow:hidden;
  margin-bottom:65px;
  clear:both;
}

#no3 > p span{
  background:#A23865;
  color:white;
  font-size:16px;
  padding:20px 10px;
  display:block;
}
#no3 > p{
  background:url(/life/health-new/img/no3_bg.gif) no-repeat center bottom;
  padding-bottom:35px;
  margin-bottom:40px !important;
}
#no3 h2{
  text-align:center;
  margin-bottom:35px;
}

#no3 h3{
  text-align:center;
  margin-bottom:20px;
}

#no3 > div div{ /* 各コース */
  width:32.5%;
  float:left;
  margin-right:1.2%;
}
#no3 > div div:last-child{
  margin-right:0;
}
#no3 h3 + p{
  margin-bottom:20px;
}
#no3_01_btn{
    border: 1px solid #A63365;
    background:url(/life/health-new/common/img/arrow.gif)no-repeat 5% 50%, url(/life/health-new/common/img/square.gif) no-repeat 95% 50%;
}
#no3_02_btn{
  border:1px solid #4A5EAC;
  background:url(/life/health-new/img/no3_02_btn_bg.gif) no-repeat 5% 50%,url(/life/health-new/common/img/square02.gif) no-repeat 95% 50%;
}

/* ブログと受験生の方へ */
#no4{
  overflow:hidden;
  padding:55px 0;
  background:url(/life/health-new/img/no4_bg.jpg) no-repeat 0;
  background-size:cover;
}
#no4 section{
  float:left;
}
#no4_1{ /* ブログ */
  width:66.25%;
  margin-right:1.25%;
  box-sizing: border-box;
  padding:30px 0 30px 30px;
  background-color:rgba(255,255,255,0.80)
}
#no4_1 .rssBody ul{
  height:213px;
  overflow-y:scroll;
  padding-right:30px;
}
#no4_1 .rssBody li{
  border-bottom:1px dotted #000;
}
#no4_1 .rssRow{
  padding: 1.2em 0 0.5em;
}
#fw-feed-items-scroll-area {
	background: none !important;
}
#no4_2{ /* 受験生の方へ */
  width:32.5%;
  background:url(/life/health-new/img/no4_2_bg.gif) no-repeat 0 0;
  background-size:cover;
  min-height:330px;
  padding:20px 15px 15px;
  box-sizing:border-box;
}
#no4_2 h2{
  text-align:center;
  margin-bottom:15px;
}
#no4_2 h2 img{
  width:135px;
}
#no4_1 #blog_topics {
	margin-right: 30px;
}
#no4_1 #blog_topics.rssFeed{
  clear:both;
}
#no4_1 h2{
  float:left;
  width:314px;
  width:auto;
  margin-bottom:20px;
}
#no4_1 > a{
  display:block;
  float:right;
  padding-right:15px;  
}

#no4_2 li a{
  font-size:18px;
  color:#A63365;
  display:block;
  line-height:25px;
  background:url(/life/health-new/img/no4_2_li_bg.gif) no-repeat 20px center white;
  border-radius:3px;
  margin-bottom:3px;
  padding:5px 0 5px 50px;
}
#no4_2 li span{
  font-size:13px;
  color:#333;
  background:url(/life/health-new/img/no4_2_li_span_bg.gif) no-repeat right center;
  padding-right:20px;
}


@media screen and (max-width:1200px){
  .wrapper{
    width:98%;
    margin:0 auto;
  }

}

/* 768px以下 */
@media screen and (max-width:768px){
#main p > img,
#main h3 > img{
  padding:0 3.5%;
  box-sizing:border-box;
  margin:0 auto;
}
  
  
#main > p{
  min-width:0;
  width:100%;
  top:-7px;
}

#main p{
  font-size:20px;
}
#main > p.sp_view{
  width:100%;
}

#no1.wrapper,
#no2 .wrapper,
#no3 .wrapper{
  width:94%;
}
#no4 .wrapper{
  width:100%;
}

img.sp_view{
  width:100%;
}


#no1 > div > p{
  padding-top:20px;
  padding-bottom:20px;
  line-height:1.8em;
}


/* プロフェッショナルを育成します */
#no1 p{
  font-size:20px;
}
#no1 > div,
#no1 > p{
  width:100%;
}

/* 心身健康学科の学びとは */
#no2{
  background:#E8E5E3;
}
#no2 p{
  font-size:20px;
}
#no2_1,
#no2_2{
  width:100%;
  margin-bottom:20px;
}
#no2_1 p{
  width:100%;
}
#no2_1 h2{
  margin:0;
}
/* 英文?中文サイトのみ */
#no2_1 .ttl01{
	margin:15px 0;
	width:100%;
	font-size: 24px;
}
#no2_2{
  position:static;
  float:none;
  overflow:hidden;
}
#no2_2 h2{
  width:49.5%;
  max-width:none;
  margin:0 0 7px 0;
}
#no2_2 ul{
  margin-bottom: 20px;
}
#no2_2 li a{
max-width:none;
background-color:rgba(255,255,255,1);
margin-right:0;
margin-bottom:7px;
width:49.5%;
}
#no2_2 li a span{
  font-size:20px;
}
#no2_2 li:first-child a,
#no2_2 li:nth-of-type(3) a,
#no2_2 li:last-child a{
  float:right;
}
#no2_2 li:nth-of-type(3) a{
  clear:none;
}


/* コース紹介 */
#no3{
  background:none;
}
#no3 > p{
  width:100%;
}
#no3 > p span{
  font-size:20px;
  padding:20px 0;
}
.no3_btn{
  line-height:40px;
  margin-top:10px;
  margin-bottom:60px;
  font-size:20px;
}
#no3_01_btn{
  border:2px solid #A63365;
}
#no3_02_btn{
  border:2px solid #4A5EAC;
  
}
#no3 > div div{ /* 各コース */
  width:100%;
  float:none;
  margin-right:0;
  margin-bottom:60px;
}
#no3 > div div:last-child{
	margin-bottom:0;
}

/* お知らせ、受験生の方へ */
#no4{
  background-size:contain;
  background-position: top;
  position:relative;
  padding-bottom:0;
}
/* お知らせ */
#no4_1{
  background:white;
  width:94%;
  margin:0 auto;
  position:absolute;
  left:0;
  right:0;
  padding-bottom:35px;
}
#no4_1 > a{
  position:absolute;
  bottom:0;
  right:0;
  font-size:16px;
  width:180px;
  padding-right:0;
}

#no4_1 .rssFeed{ /* .rssFeedは、自動生成クラス(ブログ) */
  margin:0;
}
#no4_1 .rssRow p{/* .rssRowは、自動生成クラス(ブログ) */
  font-size:18px;
}
#no4_1 .rssRow a{/* .rssRowは、自動生成クラス(ブログ) */
  display:block;
}
#no4_1 .rssBody ul{
  height:400px;
}

/* 受験生の方へ */
#no4_2{
  width:100%;
  margin-top:550px;
}
#no4_2 h2 img{
  width:auto;
}
#no4_2 li a{
  font-size:26px;
  line-height:30px;
  padding:20px 0 10px 50px;
}
#no4_2 li span{
  font-size:20px;
}
  
  
}