@charset "UTF-8";

/* CSS Document */

/*----------------------------------------------
             common layout
---------------------------------------------*/
.campuslife #contents {
  overflow: hidden;
  max-width: none;
  padding: 0;
}

.campuslife #contents:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.campuslife #contentsInner {
  max-width: 960px;
  padding: 0;
  margin: 0 auto;
}

.campuslife p {
  color: #565757;
}

.campuslife h1,
.campuslife h2,
.campuslife h3,
.campuslife h4 {
  font-family: Noto Sans Japanese, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', meiryo;
  font-weight: bold;
  color: #c2114e;
}

.campuslife h1 {
  overflow: hidden;
  position: relative;
  background: url(../../common2/images/bg_slash_red.png) repeat;
  padding: 55px 0 45px 0;
  margin: 0 0 0px 0;
  color: #575757;
  font-size: 42px;
  text-align: center;
  z-index: 1;
}

.campuslife h1 span {
  display: block;
  padding: 0 0 5px 0;
  font-size: 20px;
}

.campuslife h1 .ic {
  position: absolute;
  top: -5px;
  left: 50%;
  width: 960px;
  padding: 0;
  margin-left: -480px;
}

.campuslife h1 .ic span {
  display: block;
  background: #FFFFFF;
  border-radius: 94px;
  width: 188px;
  height: 108px;
  padding: 80px 0 0 0;
  color: #c2114e;
  font-size: 22px;
  line-height: 1.3em;
}

.campuslife.volunteer h1 {
  padding: 30px 0 20px 0;
}

#group.campuslife.volunteer h1 {
  padding: 40px 0 30px 0;
}

.campuslife.volunteer h1 .ic {
  top: -20px;
}

.campuslife.volunteer h1 .ic span {
  height: 118px;
  padding: 70px 0 0 0;
}

.campuslife .ttlBdBtm {
  position: relative;
  padding: 0 0 10px 0;
  margin-top: 90px;
  margin-bottom: 55px;
  color: #211613;
  font-size: 24px;
  text-align: center;
  z-index: 1;
}

.ttlBdBtm span {
  font-size: 20px;
}
/*
.ttlBdBtm:before {
  content: "";
  position: absolute;
  top: 0;
  left: -1000px;
  border-bottom: 20px #e95389 solid;
  width: 1000%;
  height: 100%;
  z-index: -1;
}*/

.ttlDashBtm {
  position: relative;
  padding: 0 0 20px 0;
  margin-bottom: 25px;
  color: #c2114e;
  font-size: 20px;
  text-align: center;
}

.ttlDashBtm span {
  font-size: 15px;
}

.ttlDashBtm:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  border-bottom: 2px #c2114e dashed;
  width: 136px;
  height: 100%;
  margin-left: -68px;
}

/*------subNavi-----*/
.subNavi > ul > li {
  width: 25% !important;
}

.subNavi li ul {
  width: 425px !important;
}

.subNavi li ul li {
  display: inline-block;
  width: 45%;
  margin: 0 0 0 5%;
  vertical-align: top;
}

.subNavi li ul li a {
  padding: 5px !important;
}

#support .subNavi .sub01,
.support .subNavi .sub01,
#schedule .subNavi .sub02,
#clubnavi .subNavi .sub03,
#volunteer .subNavi .sub04,
.volunteer .subNavi .sub04,
#encouragement .subNavi .sub05,
#report .subNavi .sub06,
#handicapped .subNavi .sub07,
.handicapped .subNavi .sub07 {
  background: #c2114e;
}

/*-----mainimg-----*/
#mainImg {
  position: relative;
  overflow: hidden;
  height: 400px;
  text-align: center;
}

#mainImg img {
  width: 100%;
}

#mainImg.encouragementOnly {
  height: 400px;/*20180326*/
}

/*--*/
.campuslife .catchTxt {
  padding: 70px 0 40px 0;
  text-align: center;
  color: #000000;
  font-size: 48px;
  font-family: Noto Sans Japanese, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', meiryo;
  font-weight: bold;
  line-height: 1.4em;
}

/*--*/
.leadTxt {
  margin-top: 70px;
  font-size: 15px;
  text-align: center;
  line-height: 1.6em;
}

.btmBnr {
  padding: 50px 0 80px 0;
  text-align: center;
}

/*---*/
.bgArea {
  position: relative;
  z-index: 1;
}

.bgArea:before {
  content: "";
  position: absolute;
  top: 0;
  left: -1000px;  /*background:#e3eff5;--*/
  width: 1000%;
  height: 100%;
  margin-left: -50px;
  z-index: -1;
}

/*--*/
.bgPink {
  position: relative;
  z-index: 1;
}

.bgPink:before {
  content: "";
  position: absolute;
  top: 0;
  left: -1000px;
  background: url(../../common2/images/bg_slash_lightgray.png) repeat #e95389;
  width: 1000%;
  height: 100%;
  margin-left: -50px;
  z-index: -1;
}

/*--*/
.secBox {
  padding-bottom: 50px;
}

.secBox h3 {
  padding-top: 100px;
}

.secBox h4 {
  margin: 20px 0 15px 0;
  font-size: 18px;
}

.secBox h5 {
  margin: 10px 0 10px 0;
  font-size: 16px;
}

.secBox p {
  margin-bottom: 20px;
}

/*----------campuslife index------------------*/
#campuslife #contents {
  max-width: none;
  padding: 0;
}

#campuslife #contentsInner {
  background: url(../images/campuslife_mainimg.jpg) no-repeat center top;
  background-size: cover;
  height: 985px;
  max-width: none;
  margin: 0 auto;
}

#campuslife #contentsInner h1 {
  width: 960px;
  padding: 145px 0 0 0;
  margin: 0 auto;
}

#campuslife #contentsInner ul {
  width: 960px;
  margin: 0 auto;
  margin-top: 55px;
  overflow: hidden;
}

#campuslife #contentsInner ul li {
  float: left;
  margin: 0 0 20px 18px;
  vertical-align: top;
  background: #FFFFFF;
}

#campuslife #contentsInner ul li:first-child,
#campuslife #contentsInner ul li:nth-of-type(4),
#campuslife #contentsInner ul li:nth-of-type(7) {
  margin-left: 0;
}

#campuslife #contentsInner ul li a:hover,
.campuslife a:hover img.rollover {
  filter: Alpha(opacity:60);
  -moz-opacity: 0.60;
  opacity: 0.60;
}

/*-topNavi-*/
.topNavi {
  width: 960px;
  margin: 40px auto 50px auto;
  font-size: 0;
}

.topNavi > li {
  background: url(../../common2/images/bg_slash_lightgray.png) repeat #686868;
  margin: 0 0 40px 0;
  text-align: center;
}

.topNavi > li > a {
  display: block;
  padding: 35px 0 35px 0px;
  color: #FFFFFF;
  font-size: 22px;
  font-weight: bold;
  font-family: Noto Sans Japanese, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', meiryo;
  text-decoration: none;
}

.topNavi > li span {
  display: inline-block;
  background: url(../../common2/images/arrow_square_clearwhite.png) no-repeat left center;
  padding: 0 0 0 28px;
}

.topNavi > li a:hover {
  background: url(../../common2/images/bg_slash_lightgray.png) repeat #b8b8b8;
}

.topNavi > li a:hover span {
  background: url(../../common2/images/arrow_square_clearred.png) no-repeat left center;
  color: #c2114e;
}

.topNavi .bnr {
  background: none;
}

.topNavi .bnr a {
  background: none;
  padding: 0;
}

.topNavi .bnr a:hover {
  background: none;
  filter: Alpha(opacity:60);
  -moz-opacity: 0.60;
  opacity: 0.60;
}

/*-----------support---------------------*/
#support #mainImg {
  background: url(../support/images/img_main.jpg) no-repeat center top;
  background-size: cover;
}

#supportMenu {
  margin: 55px 0 120px 0;
}

#supportMenu li {
  margin: 0 0 20px 0;
  font-family: Noto Sans Japanese, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', meiryo;
}

#supportMenu li a {
  display: block;
  background: url(../../common2/images/bg_slash_lightgray.png) repeat #e95389;
  padding: 0 0 0 10px;
  font-size: 0;
  text-decoration: none;
}

#supportMenu p {
  display: inline-block;
  background: rgba(255, 255, 255, 0.70);
  width: 240px;
  padding: 22px 0 22px 20px;
  color: #575757;
  font-size: 20px;
  font-weight: bold;
  vertical-align: middle;
  line-height: 1.4em;
}

#supportMenu span {
  display: inline-block;
  background: url(../../common2/images/arrow_square_clearwhite.png) no-repeat left center;
  padding: 0 0 0 40px;
  margin: 0 0 0 50px;
  color: #FFFFFF;
  font-size: 36px;
  font-weight: bold;
  vertical-align: middle;
}

#supportMenu li:last-child p {
  padding: 36px 0 36px 20px;
}

#supportMenu li a:hover {
  filter: Alpha(opacity:60);
  -moz-opacity: 0.60;
  opacity: 0.60;
}

/*--*/
.otherSupport {
  padding: 75px 0 80px 0;
}

.otherSupport h3 {
  background: url(../support/images/bg_othersupport.png) no-repeat center bottom;
  padding: 0 0 30px 0;
  margin: 0 0 30px 0;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

.otherSupport ul {
  font-size: 0;
  text-align: center;
}

.otherSupport li {
  display: inline-block;
  width: 14%;
  vertical-align: top;
}

.otherSupport li a {
  display: block;
  border-right: 1px #575757 solid;
  color: #575757;
  text-align: center;
  text-decoration: none;
}

.otherSupport li a:hover {
  color: #c2114e;
}

.otherSupport li:first-child a {
  border-left: 1px #575757 solid;
}

.otherSupport .support01 {
  line-height: 3.2em;
}

#learn .support01,
#economic .support02,
#community .support03,
#room .support04,
#healthcare .support05,
.healthcare .support05,
#arbeit .support06,
.arbeit .support06,
#qa .support07 {
  display: none;
}

/*--support -- community--*/
.communityBox {
  overflow: hidden;
  border-top: 1px #e48ca6 solid;
  padding: 25px 0 45px 0;
}

.communityBox.first {
  border-top: none;
  padding: 10px 0 45px 0;
}

.communityBox > div {
  float: left;
  width: 426px;
  height: 300px;
  background: url(../support/images/bg_communitybox.png) no-repeat left bottom;
}

.communityBox .photo {
  float: right;
  padding: 20px 0 0 0;
}

.communityBox.reverse > div {
  float: right;
}

.communityBox.reverse .photo {
  float: left;
}

.communityBox > div .fukidashi {
  background: url(../support/images/bg_fukidashi.png) no-repeat center top;
  width: 170px;
  height: 60px;
  padding: 8px 0 0 0;
  margin: 0 auto 20px auto;
  color: #FFFFFF;
  font-size: 15px;
  font-family: Noto Sans Japanese, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', meiryo;
  font-weight: bold;
  line-height: 1.4em;
}

.communityBox > div h3 {
}

.communityBox > div p {
  text-align: center;
  line-height: 1.8em;
}

/*--*/
#otherCommunity {
  padding: 45px 0;
  margin: 0 0 140px 0;
  text-align: center;
}

#otherCommunity h2 {
  position: relative;
  display: inline-block;
  padding: 0 25px;
  color: #FFFFFF;
  font-size: 20px;
  text-align: center;
}

#otherCommunity h2:before {
  content: "";
  display: inline-block;
  border-left: 2px solid;
  border-color: #FFFFFF;
  transform: rotate(-35deg);
  height: 140%;
  position: absolute;
  left: 0;
  top: -8px;
}

#otherCommunity h2:after {
  content: "";
  display: inline-block;
  border-left: 2px solid;
  border-color: #FFFFFF;
  transform: rotate(35deg);
  height: 140%;
  position: absolute;
  right: 0;
  top: -8px;
}

#otherCommunity ul {
  margin: 35px 0 0 -20px;
  font-size: 0;
}

#otherCommunity ul li {
  display: inline-block;
  width: 176px;
  margin: 0 0 0 20px;
  vertical-align: top;
}

#otherCommunity ul li h3 {
  position: relative;
  padding: 0 0 20px 0;
  margin-bottom: 28px;
  color: #FFFFFF;
  font-size: 20px;
  text-align: center;
  line-height: 1.4em;
}

#otherCommunity ul li h3:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  border-bottom: 2px #FFFFFF dashed;
  width: 66px;
  height: 100%;
  margin-left: -33px;
}

#otherCommunity ul li p {
  padding: 15px 0 0 0;
  color: #FFFFFF;
  font-size: 15px;
}

/*--support -- room--*/
#room #contentsInner p {
  text-align: center;
}

#room .bgPink h2 {
  position: relative;
  display: inline-block;
  padding: 0 45px;
  color: #FFFFFF;
  font-size: 30px;
  text-align: center;
}

#room .bgPink h2:before {
  content: "";
  display: inline-block;
  border-left: 2px solid;
  border-color: #FFFFFF;
  transform: rotate(-35deg);
  height: 140%;
  position: absolute;
  left: 0;
  top: -8px;
}

#room .bgPink h2:after {
  content: "";
  display: inline-block;
  border-left: 2px solid;
  border-color: #FFFFFF;
  transform: rotate(35deg);
  height: 140%;
  position: absolute;
  right: 0;
  top: -8px;
}

/*--*/
#roomPoint {
  padding: 30px 0 35px 0;
  margin: 65px 0 0 0;
  text-align: center;
}

#roomPoint ul {
  margin: 60px 0 0 -15px;
  font-size: 0;
}

#roomPoint ul li {
  display: inline-block;
  background: #FFFFFF;
  border-radius: 90px;
  width: 180px;
  height: 180px;
  margin: 0 0 0 15px;
  vertical-align: top;
}

#roomPoint ul li h3 {
  position: relative;
  background: url(../support/room/images/bg_fukidashi.png) no-repeat center top;
  width: 60px;
  height: 53px;
  padding: 15px 0 0 0;
  margin: -30px auto 15px auto;
  color: #FFFFFF;
  font-size: 12px;
  line-height: 1.4em;
  text-align: center;
}

#roomPoint ul li h3 span {
  display: block;
  font-size: 18px;
}

#roomPoint ul li p {
  font-size: 16px;
  text-align: center;
  line-height: 1.6em;
}

/*--*/
.roomBox {
  border-top: 1px #c2114e solid;
  padding: 90px 0 80px 0;
}

.roomBox.first {
  border-top: none;
  padding: 40px 0 80px 0;
}

.roomBox h3 {
  margin: 45px 0 30px 0;
  line-height: 1.6em;
}

.roomBox p {
  font-size: 15px;
  text-align: center;
}

#room .roomBox h4 {
  margin: 30px 0 30px 0;
  color: #575757;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: 1.6em;
}

#room .roomBox h4 span {
  display: block;
  font-size: 14px;
  font-weight: normal;
}

/*--*/
#roomAlbum {
  padding: 35px 0 30px 0;
  margin: 0 0 65px 0;
  text-align: center;
}

#roomAlbum h2 {
  margin-bottom: 35px;
}

#slideMain {
  overflow: hidden;
}

#slideMain li {
  text-align: center;
}

#slideMain p {
  background: #FFFFFF;
  border-radius: 15px;
  max-width: 590px;
  margin: 10px auto 0 auto;
  color: #e95389;
  font-size: 18px;
  font-family: Noto Sans Japanese, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', meiryo;
  text-align: center;
  line-height: 30px;
}

/*--*/
#slideNavi {
  position: relative;
  max-width: 840px;
  padding: 0 50px 0 50px;
}

#slideNavi ul {
  margin: 0 auto;
}

#slideNavi ul li {
  width: 120px;
  background: #FFFFFF;
  cursor: pointer;
}

/*#slideNavi ul li.flex-active-slide img,*/
#slideNavi ul li:hover img {
  filter:alpha(opacity=50);
  -moz-opacity: 0.50;
  opacity: 0.50;
}

#slideNavi .flex-control-nav {
  padding: 20px 0 0 0;
  font-size: 0;
  text-align: center;
}

#slideNavi .flex-control-nav li {
  display: inline-block;
  margin: 0 8px;
  vertical-align: top;
}

#slideNavi .flex-control-nav li a {
  display: block;
  border: 2px #FFFFFF solid;
  background: #FFFFFF;
  border-radius: 7px;
  width: 10px;
  height: 10px;
  text-indent: -9999px;
}

#slideNavi .flex-control-nav li .flex-active {
  background: #c2114e;
}

#slideNavi .flex-nav-prev a {
  display: block;
  background: url(../support/images/slide_prev.png) no-repeat left top;
  width: 28px;
  height: 52px;
  text-indent: -9999px;
  position: absolute;
  top: 20px;
  left: 0px;
}

#slideNavi .flex-nav-next a {
  display: block;
  background: url(../support/images/slide_next.png) no-repeat left top;
  width: 28px;
  height: 52px;
  text-indent: -9999px;
  position: absolute;
  top: 20px;
  right: 0px;
}

/*--support -- economic--*/
#economic .baseTable th {
  padding: 10px 10px;
}

#economic .baseTable td {
  padding: 8px 10px;
}

#economic .baseTable th.ss {
  width: 1%;
}

#economic #contentsInner a.icWindow {
  color: #575757;
  text-decoration: underline;
}

#economic #contentsInner a.icWindow:hover {
  color: #c2114e;
}

/*--support -- healthcare--*/
.healthcareBox {
  border-top: 1px #e48ca6 solid;
  padding: 75px 0 70px 0;
  text-align: center;
  margin-bottom: 4em;
}

.healthcareBox.first {
  border-top: none;
  padding: 90px 0 70px 0;
}

.healthcareBox h2 {
  margin: 0 0 50px 0;
  font-size: 24px;
}

.healthcareBox h3 {
  padding-bottom: 25px;
}

.healthcareBox .fukidashi {
  position: relative;
  background: url(../images/bg_fukidashi_pink.png) no-repeat left top;
  width: 70px;
  height: 63px;
  padding: 15px 0 0 0;
  margin: -35px auto 15px auto;
  color: #FFFFFF;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  line-height: 1.2em;
}

.healthcareBox p {
  font-size: 15px;
  text-align: center;
}

.healthcareBox .fw {
  margin: 40px 0;
  font-size: 16px;
}

.healthcareBox p a {
  font-size: 14px;
  color: #575757;
  text-decoration: underline;
}

.healthcareBox p a:hover {
  color: #c2114e;
}

/*--support -- gym--*/
#gym table thead th+th {
  width: 80%;
}

/*--support -- arbeit----*/
#arbeit #contentsInner p {
  text-align: center;
}

#arbeit #contentsInner .clearfix {
  padding: 55px 0 0 0;
}

.arbeitList {
  padding: 20px 0 30px 0;
  font-size: 0;
  display:flex;
  flex-wrap:wrap;
}

.arbeitList li {
  display: block;
  width: 50%;
  margin: 0 0 55px 0;
  text-align: center;
  vertical-align: top;
}
.arbeitList li img {
  margin-bottom: 15px;
}

.arbeitList li h3 {
  display: table;
  margin: 0 auto;
  line-height: 1.5em;
}

.arbeitList li h3 span {
  display: table-cell;
  width: 100%;
  height: 60px;
  font-size: 20px;
  vertical-align: middle;
}

.arbeitList li:nth-of-type(4) h3 span,
.arbeitList li:nth-of-type(5) h3 span,
.arbeitList li:nth-of-type(6) h3 span {
  height: 90px;
}

.arbeitCenter {
  border-top: 1px #e48ca6 solid;
  padding: 80px 0 60px 0;
  margin: 65px 0 0 0;
}

.arbeitCenter > h3 {
  margin: 0 0 60px 0;
  font-size: 22px;
  /*color: #575757;*/
  text-align: center;
}

.arbeitCenter li h3 {
  margin-bottom: 30px;
}

.arbeitCenter li a {
  color: #575757;
 /* text-decoration: underline;*/
}

.arbeitCenter li a:hover {
  color: #c2114e;
}

.arbeitCenter > p {
  color: #c2114e;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

/*--*/
.arbeitOut {
  padding: 0 0 130px 0;
}

.arbeitOut p {
  font-size: 15px;
  margin-bottom: 20px;
}

.arbeitOut .btnArrow a {
  text-align: center;
}

.arbeitOut .btnArrow a:hover span {
  background: url(../../common2/images/ic_window_white.png) no-repeat right center;
  background-size: 14px auto;
}

.arbeitOut h3 {
  margin-top: 50px;
}

.arbeitOut a {
  color: #575757;
  text-decoration: underline;
}

.arbeitOut a:hover {
  color: #c2114e;
}

/*--support -- qa----*/
#qa #contentsInner p {
  text-align: center;
}

#qa #contentsInner dl {
  margin: 0 0 100px 0;
  text-align: center;
}

#qa #contentsInner dt {
  background: url(../images/qa_bg_q.png) no-repeat center;
  padding: 18px 0 30px 0;
  color: #c2114e;
  font-size: 24px;
  font-family: Noto Sans Japanese, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', meiryo;
  font-weight: bold;
  text-align: center;
}

#qa #contentsInner dd {
  padding: 20px 0 35px 0;
  font-size: 15px;
  line-height: 1.6em;
}

#qa dl .fukidashi {
  background: url(../images/bg_fukidashi_pink.png) no-repeat left top;
  width: 70px;
  height: 63px;
  padding: 15px 0 0 0;
  margin: 0 auto 10px auto;
  color: #FFFFFF;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.3em;
}

#qa #contentsInner dd a {
  text-align: center;
}

#qa dl .btnArrow {
  margin-top: 20px;
}

/*-----------schedule--------------------*/
#schedule #mainImg {
  background: url(../images/img_main.jpg) no-repeat center top;
  background-size: cover;
}

#schedule .leadTxt {
  margin: 10px 0 80px 0;
}

.scheduleBox {
  max-width: 960px;
  padding: 0 0 80px 0;
  font-size: 0;
}

.scheduleBox dl {
  display: inline-block;
  width: 50%;
  vertical-align: middle;
}

.scheduleBox dt {
  display: inline-block;
  background: url(../images/bg_fukidashi_r.png) no-repeat left top;
  width: 160px;
  height: 115px;
  padding: 45px 15px 0 0;
  color: #FFFFFF;
  font-size: 14px;
  font-family: Noto Sans Japanese, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', meiryo;
  font-weight: bold;
  line-height: 1.2em;
  vertical-align: middle;
  text-align: center;
}

.scheduleBox dt span {
  display: block;
  font-size: 55px;
  line-height: 1.0em;
}

.scheduleBox dt span span {
  display: inline-block;
  font-size: 28px;
}

.scheduleBox dd {
  display: inline-block;
  width: 260px;
  padding: 0 0 0 35px;
  font-size: 15px;
  vertical-align: middle;
  text-align: center;
}

.scheduleBox dd span {
  color: #e48ca6;
}

.scheduleBox .photo {
  display: inline-block;
  width: 49%;
  margin: 0 0 0 1%;
  vertical-align: middle;
}

/*--*/
.scheduleBox.right dl {
}

.scheduleBox.right dt {
  background: url(../images/bg_fukidashi_l.png) no-repeat left top;
  padding: 45px 0 0 15px;
}

.scheduleBox.right dd {
}

.scheduleBox.right .photo {
  margin: 0 1% 0 0;
}

/*-----------volunteer-------------------*/
#volunteer #mainImg {
  background: url(../../volunteer/images/img_main.jpg) no-repeat center top;
  background-size: cover;
}

#volunteer .leadTxt {
  margin: 10px 0 35px 0;
}

#volunteer .txtCenter a {
  color: #575757;
  text-decoration: underline;
}

#volunteer .txtCenter a:hover {
  color: #c2114e;
}

.volunteerMenu {
  padding: 45px 0 80px 0;
  margin-left: -38px;
  font-size: 0;
}

.volunteerMenu li {
  display: inline-block;
  margin: 0 0 20px 38px;
  vertical-align: top;
}

.volunteerMenu li a:hover img {
  filter: Alpha(opacity:60);
  -moz-opacity: 0.60;
  opacity: 0.60;
}

#volunteer .bgPink {
  padding: 40px 0 30px 0;
  text-align: center;
}

#volunteer .bgPink h2 {
  position: relative;
  display: inline-block;
  padding: 0 85px;
  color: #FFFFFF;
  font-size: 20px;
  text-align: center;
}

#volunteer .bgPink h2:before {
  content: "";
  display: inline-block;
  border-left: 2px solid;
  border-color: #FFFFFF;
  transform: rotate(-35deg);
  height: 140%;
  position: absolute;
  left: 0;
  top: -8px;
}

#volunteer .bgPink h2:after {
  content: "";
  display: inline-block;
  border-left: 2px solid;
  border-color: #FFFFFF;
  transform: rotate(35deg);
  height: 140%;
  position: absolute;
  right: 0;
  top: -8px;
}

#volunteer .bgPink ul {
  padding: 30px 0 0 0;
  margin-left: -20px;
  font-size: 0;
}

#volunteer .bgPink ul li {
  display: inline-block;
  width: 470px;
  margin: 0 0 20px 20px;
  vertical-align: top;
  text-align: left;
}

#volunteer .bgPink ul li a {
  display: block;
  border: 1px #c2114e solid;
  background: #FFFFFF;
  padding: 10px 10px 10px 30px;
  color: #575757;
  font-size: 15px;
  text-decoration: none;
}

#volunteer .bgPink li p {
  display: inline-block;
  background: url(../../common2/images/arrow_square_red.png) no-repeat left center;
  width: 255px;
  padding: 0 0 0 30px;
  font-size: 16px;
  font-weight: bold;
  vertical-align: middle;
}

#volunteer .bgPink li img {
  vertical-align: middle;
}

#volunteer .bgPink ul li a:hover {
  background: #c2114e;
  color: #FFFFFF;
}

#volunteer .bgPink ul li a:hover p {
  background: url(../../common2/images/arrow_square_white.png) no-repeat left center;
  color: #FFFFFF;
}

#volunteer .bgPink ul li.wide {
  display: block;
  width: auto;
}

#volunteer .bgPink ul li.wide p {
  width: auto;
  padding: 0 25px 0 30px;
}

.volunteer #contentsInner .leadTxt.clearfix {
  text-align: left;
}

.volunteer .imgRight {
  padding-left: 20px;
}

.volunteer #contentsInner p a {
  color: #575757;
  text-decoration: underline;
}

.volunteer #contentsInner p a:hover {
  color: #c2114e;
}

/*--------volunteer before-----------*/
#before h2 {
  margin: 90px 0 45px 0;
  font-size: 24px;
  text-align: center;
}

#before #contentsInner .indentList li {
  text-align: center;
}

#before #contentsInner .indentList li span {
  color: #e48ca6;
}

#before #contentsInner p {
  text-align: center;
}

#before #contentsInner .leadTxt {
  text-align: left;
}

/*--------volunteer staff-----------*/
#staff h2 {
  margin: 90px 0 45px 0;
  font-size: 24px;
  text-align: center;
}

#staff .lrBox h3 span {
  display: block;
  background: url(../../common2/images/bg_slash_lightgray.png) repeat #e95389;
  border-radius: 30px;
  width: 60px;
  margin: 0 auto 20px auto;
  color: #FFFFFF;
  font-size: 40px;
  font-weight: bold;
  line-height: 60px;
  text-align: center;
}

/*--*/
.lrBox {
  border-bottom: 1px #e48ca6 solid;
  padding: 50px 38px 50px 38px;
  font-size: 0;
}

.lrBox .left,
.lrBox .right {
  display: inline-block;
  width: 50%;
  vertical-align: middle;
  text-align: center;
}

.lrBox .left img {
  margin-right: 20px;
}

.lrBox .right img {
  margin-left: 20px;
}

.lrBox p {
  text-align: center;
}

/*--------volunteer group-----------*/
.groupList {
  padding: 100px 0 30px 0;
  font-size: 0;
}

.groupList li {
  display: inline-block;
  width: 300px;
  margin: 0 0 50px 20px;
  font-size: 15px;
  vertical-align: top;
  text-align: center;
}

.groupList li h3 span {
  display: block;
  background: url(../../common2/images/bg_slash_lightgray.png) repeat #e95389;
  border-radius: 20px;
  width: 40px;
  margin: 20px auto 10px auto;
  color: #FFFFFF;
  font-size: 25px;
  font-weight: bold;
  line-height: 40px;
  text-align: center;
}

/*--------volunteer request-----------*/
#request h1 {
  padding: 55px 0 45px 0;
}

#request h2 {
  margin: 90px 0 45px 0;
  font-size: 24px;
  text-align: center;
}

#request h3 {
  margin-top: 70px;
}

#request #contentsInner li {
  font-size: 15px;
  text-align: center;
}

#request #contentsInner p {
  font-size: 15px;
  text-align: center;
}

#request #contentsInner .leadTxt {
  text-align: left;
}

/*--------volunteer voice-----------*/
#voice #contentsInner .leadTxt img {
  margin-bottom: 40px;
}

#voice #contentsInner h2 {
  background: url(../../volunteer/images/voice_bg_fukidashi.png) no-repeat center top;
  height: 80px;
  padding: 16px 0 0 0;
  margin: 45px 0 10px 0;
  color: #FFFFFF;
  font-size: 20px;
  text-align: center;
  line-height: 1.3em;
}

#voice #contentsInner h2.one {
  height: 65px;
  padding: 31px 0 0 0;
}

#voice #contentsInner h3 {
  width: 134px;
  margin: 0 auto;
  font-size: 14px;
  color: #575757;
  text-align: center;
}

#voice #contentsInner h3 span {
  display: block;
  border-bottom: 2px #c2114e dashed;
  padding: 0 0 5px 0;
  margin: 0 0 5px 0;
  font-size: 16px;
}

#voice #contentsInner .clearfix {
  max-width: 850px;
  margin: 0 auto;
}

#voice #contentsInner .clearfix .fLeft,
#voice #contentsInner .clearfix .fRight {
  width: 45%;
}

#voice #contentsInner .clearfix .fLeft.txt,
#voice #contentsInner .clearfix .fRight.txt {
  width: 51%;
  padding: 15px 0 0 0;
  font-size: 15px;
}

/*--------volunteer move-----------*/
.backnumberList {
  margin-left: -5%;
  font-size: 0;
}

.backnumberList > li {
  display: inline-block;
  overflow: hidden;
  width: 45%;
  margin: 0 0 0 5%;
  margin-bottom: 40px;
  vertical-align: top;
}

.backnumberList > li img {
  float: right;
  width: 32%;
  max-width: 150px;
  margin: 0 0 0 20px;
}

.backnumberList > li a {
  display: block;
  background: url(../../common2/images/ic_dl_pdf.png) no-repeat center bottom;
  float: right;
  width: 32%;
  max-width: 150px;
  padding-bottom: 30px;
  margin: 0 0 0 20px;
}

.backnumberList > li a img {
  float: none;
  width: 100%;
  margin: 0;
}

.backnumberList > li a:hover {
  filter: Alpha(opacity:75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}

.backnumberList > li h3 {
  margin: 0 0 20px 0;
  font-weight: bold;
  text-align: left;
}

.backnumberList > li h4 {
  text-align: left;
}

.backnumberList > li ul {
}

/*-----------encouragement----------------*/
#encouragement #mainImg {
  background: url(../img/img_main.jpg) no-repeat center top;
  background-size: cover;
}

.encouragementBox {
  border-top: 1px #e48ca6 solid;
  padding: 60px 0 65px 0;
}

.encouragementBox.first {
  border-top: none;
  padding: 40px 0 65px 0;
}


.encouragementBox h2 {
  margin: 0 0 30px 0;
  font-size: 24px;
  line-height: 1.2em;
  text-align: center;
}

.encouragementBox h2 span {
  display: block;
  font-size: 30px;
  line-height: 1.4em;
  color: #211613;
}

.encouragementBox .fukidashi {
  position: relative;
  background: url(../images/bg_fukidashi_pink.png) no-repeat left top;
  width: 70px;
  height: 63px;
  padding: 15px 0 0 0;
  margin: -35px auto -30px auto;
  color: #FFFFFF;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  line-height: 1.2em;
}

.encouragementBox h3 {
  margin: 65px 0 25px 0;
}

.encouragementBox p {
  font-size: 15px;
  text-align: center;
}

.encouragementBox p a {
  display: inline-block;
  margin: 10px 0 0 0;
  font-size: 14px;
  color: #575757;
  text-decoration: underline;
}

.encouragementBox p a:hover {
  color: #c2114e;
}

/*-----------report----------------------*/
#report #mainImg {
  background: url(../support/images/img_main_chousa.jpg) no-repeat center top;
  background-size: cover;
}

#report .leadTxt {
  margin: 10px 0 50px 0;
}

#report .btnArrowList {
  padding-bottom: 80px;
}

#report .btnArrowList li a {
  text-align: center;
}

/*-----------handicapped-----------------*/
#handicapped #mainImg {
  background: url(../../volunteer/support/images/img_main.jpg) no-repeat center top;
  background-size: cover;
}

#handicapped .ttlDashBtm {
  margin-top: 75px;
}

.btnArrowList.column3 {
  max-width: 680px;
  font-size: 0;
}

.btnArrowList.column3 li {
  display: inline-block;
  width: 31%;
  margin: 0 1%;
  margin-bottom: 10px;
  vertical-align: top;
}

#handicapped .btmBnr {
  padding-top: 130px;
}

/*----------handicapped howto-----------*/
#howto #contentsInner dl {
}

#howto #contentsInner dt {
  padding-left: 2em;
  margin: 0 0 10px 0;
  text-indent: -2em;
}

#howto #contentsInner dt:before {
  display: inline-block;
  content: "Q.";
  padding: 0 10px 0 0;
  color: #c2114e;
  font-size: 15px;
  font-weight: bold;
  text-indent: 0;
}

#howto #contentsInner dd {
  border-bottom: 1px #CCCCCC dotted;
  padding-left: 2em;
  padding-bottom: 15px;
  margin: 0 0 20px 0;
  text-indent: -2em;
  line-height: 1.8em;
}

#howto #contentsInner dd:before {
  display: inline-block;
  content: "A.";
  padding: 0 10px 0 0;
  color: #c2114e;
  font-size: 15px;
  font-weight: bold;
  text-indent: 0;
}

/*----------handicapped take-----------*/
#take #contentsInner dl {
}

#take #contentsInner dt {
  margin: 0 0 10px 0;
  color: #c2114e;
  font-weight: bold;
}

#take #contentsInner dd {
  border-bottom: 1px #CCCCCC dotted;
  padding-bottom: 15px;
  margin: 0 0 20px 0;
  line-height: 1.8em;
}

#take #contentsInner dd p {
  line-height: 1.8em;
}

#take #contentsInner dd a {
  color: #575757;
  text-decoration: underline;
}

#take #contentsInner dd a:hover {
  color: #c2114e;
}

/*-------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------*/
@media screen and (max-width:640px) {
  * {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }

  /*----------------------------------------------
                guide
  ---------------------------------------------*/
  .campuslife #contentsInner {
    padding: 0 5px;
  }

  .campuslife h1,
  .campuslife h2,
  .campuslife h3,
  .campuslife h4 {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
  }

  .campuslife h1,
  #request h1 {
    position: relative;
    padding: 35px 5px;
    font-size: 32px;
    text-align: center;
    z-index: 1;
  }

  .campuslife h1 span {
    display: block;
    padding: 0 0 5px 0;
    font-size: 15px;
  }

  .campuslife h1 .ic {
    width: auto;
    position: relative;
    top: auto;
    left: auto;
    margin: -10px 0 10px 0;
  }

  .campuslife h1 .ic span {
    width: auto;
    height: auto;
    padding: 0;
    font-size: 16px;
    line-height: 2em;
  }

  .campuslife.volunteer h1 {
    padding: 30px 5px 20px 5px;
  }

  #group.campuslife.volunteer h1 {
    padding: 35px 5px;
  }

  .campuslife.volunteer h1 .ic {
    top: auto;
  }

  .campuslife.volunteer h1 .ic span {
    height: auto;
    padding: 0px 0 0 0;
  }

  .campuslife .ttlBdBtm {
    position: relative;
    padding: 0 0 10px 0;
    margin-top: 50px;
    margin-bottom: 30px;
    font-size: 18px;
  }

  .ttlBdBtm span {
    font-size: 15px;
  }
/*
  .ttlBdBtm:before {
    border-bottom: 10px #e95389 solid;
  }*/

  .ttlDashBtm {
    padding: 0 0 15px 0;
    margin-bottom: 15px;
    font-size: 16px;
  }

  .ttlDashBtm span {
    font-size: 12px;
  }

  .ttlDashBtm:before {
    border-bottom: 2px #c2114e dashed;
    width: 100px;
    margin-left: -50px;
  }

  /*-----*/
  .subNavi > ul > li {
    width: 50% !important;
    font-size: 11px;
  }

  .subNavi .icWindowWhite {
    background-size: 14px auto;
  }

  .subNavi li.back a {
    background: url(../../common2/images/ic_back.png) no-repeat 12px center !important;
  }

  /*-----mainimg-----*/
  #mainImg {
    position: relative;
    overflow: hidden;
    height: auto;
    text-align: center;
  }

  #mainImg img {
    width: 100%;
  }

  #mainImg.encouragementOnly {
    height: 180px;
    background: none;
  }

  /*--*/
  .campuslife .catchTxt {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    padding: 50px 0 30px 0;
    font-size: 24px;
  }

  /*--*/
  .leadTxt {
    margin-top: 35px;
    font-size: 14px;
  }

  .btmBnr {
    padding: 0 0 40px 0;
  }

  /*--*/
  .secBox {
    padding-bottom: 30px;
  }

  .secBox h3 {
    margin-top: 20px;
  }

  .secBox h4 {
    margin: 15px 0 10px 0;
  }

  .secBox h5 {
    margin: 8px 0 5px 0;
  }

  .secBox p {
    margin-bottom: 15px;
  }

  /*--------sp--campuslife index------------*/
  #campuslife #contentsInner {
    background: url(../images/campuslife_mainimg.jpg) no-repeat center top;
    background-size: cover;
    height: auto;
  }

  #campuslife #contentsInner h1 {
    width: auto;
    padding: 30px 0 0 0;
    margin: 0 auto;
  }

  #campuslife #contentsInner h1 img {
    height: 45px;
  }

  #campuslife #contentsInner ul {
    width: auto;
    margin-right: 1%;
    margin-top: 25px;
    overflow: hidden;
  }

  #campuslife #contentsInner ul li {
    width: 49%;
    margin: 0 0 0 1%;
    margin-bottom: 10px;
  }

  #campuslife #contentsInner ul li:first-child,
  #campuslife #contentsInner ul li:nth-of-type(4),
  #campuslife #contentsInner ul li:nth-of-type(7){
    margin-left: 1%;
  }

  /*-topNavi-*/
  .topNavi {
    width: auto;
    margin: 20px 5px 30px 5px;
  }

  .topNavi > li {
    margin: 0 0 10px 0;
  }

  .topNavi > li > a {
    padding: 10px 0;
    font-size: 16px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }

  .topNavi > li span {
    display: inline-block;
    background: url(../../common2/images/arrow_square_clearwhite.png) no-repeat left center;
    background-size: 12px auto;
    padding: 0 0 0 20px;
  }

  .topNavi > li a:hover {
    background: url(../../common2/images/bg_slash_lightgray.png) repeat #b8b8b8;
  }

  .topNavi > li a:hover span {
    background: url(../../common2/images/arrow_square_clearred.png) no-repeat left center;
    background-size: 12px auto;
  }

  /*-------sp--support---------------------*/
  #supportMenu {
    margin: 30px 0 60px 0;
  }

  #supportMenu li {
    margin: 0 0 10px 0;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }

  #supportMenu li a {
    padding: 0 0 0 5px;
  }

  #supportMenu p {
    display: block;
    width: auto;
    padding: 10px;
    font-size: 15px;
  }

  #supportMenu span {
    display: block;
    background: url(../../common2/images/arrow_square_clearwhite.png) no-repeat left center;
    padding: 10px 0 10px 25px;
    margin: 0 0 0 0px;
    font-size: 20px;
  }

  #supportMenu li:last-child p {
    padding: 10px;
  }

  /*--*/
  .otherSupport {
    padding: 35px 0 40px 0;
  }

  .otherSupport h3 {
    margin: 0 0 20px 0;
    font-size: 15px;
  }

  .otherSupport ul {
    border-top: 1px #575757 solid;
    border-left: 1px #575757 solid;
    text-align: left;
  }

  .otherSupport li {
    width: 50%;
  }

  .otherSupport li a {
    display: block;
    border-right: 1px #575757 solid;
    border-bottom: 1px #575757 solid;
    color: #575757;
    text-align: center;
    text-decoration: none;
  }

  .otherSupport li a:hover {
    color: #c2114e;
  }

  .otherSupport li:first-child a {
    border-left: none;
  }

  .otherSupport .support01 {
    line-height: 3.2em;
  }

  /*--sp-support -- community--*/
  .communityBox {
    padding: 20px 10px 30px 10px;
  }

  .communityBox.first {
    border-top: none;
    padding: 0 10px 30px 10px;
  }

  .communityBox > div {
    float: none;
    width: auto;
    height: auto;
    background: url(../support/images/bg_communitybox.png) no-repeat center bottom;
    background-size: 100% 85%;
    padding: 0 5px 20px 5px;
  }

  .communityBox .photo {
    float: none;
    padding: 20px 0 0 0;
  }

  .communityBox.reverse > div {
    float: none;
  }

  .communityBox.reverse .photo {
    float: none;
  }

  .communityBox > div .fukidashi {
    margin: 0 auto 15px auto;
  }

  /*--*/
  #otherCommunity {
    padding: 45px 0;
    margin: 0 0 50px 0;
    text-align: center;
  }

  #otherCommunity h2 {
    padding: 0 18px;
    font-size: 16px;
  }

  #otherCommunity ul {
    margin: 0 0 0 -1%;
    margin-top: 20px;
    font-size: 0;
    text-align: left;
  }

  #otherCommunity ul li {
    display: inline-block;
    width: 49%;
    margin: 0 0 0 1%;
    margin-bottom: 15px;
    vertical-align: top;
  }

  #otherCommunity ul li h3 {
    padding: 0 0 15px 0;
    margin-bottom: 15px;
    font-size: 16px;
  }

  #otherCommunity ul li p {
    padding: 10px 0 0 0;
    font-size: 12px;
  }

  /*--sp-support -- room--*/
  #room .bgPink h2 {
    padding: 0 20px;
    font-size: 20px;
  }

  /*--*/
  #roomPoint {
    padding: 20px 0 15px 0;
    margin: 30px 0 0 0;
  }

  #roomPoint ul {
    margin: 50px 0 0 0px;
  }

  #roomPoint ul li {
    border-radius: 80px;
    width: 160px;
    height: 160px;
    margin: 0 2px 40px 2px;
    vertical-align: top;
  }

  #roomPoint ul li p {
    font-size: 14px;
  }

  /*--*/
  .roomBox {
    padding: 45px 0 40px 0;
  }

  .roomBox.first {
    padding: 0px 0 40px 0;
  }

  .roomBox h3 {
    margin: 20px 0 15px 0;
    line-height: 1.6em;
  }

  .roomBox p {
    font-size: 13px;
  }

  #room .roomBox h4 {
    margin: 15px 0 15px 0;
    color: #575757;
    font-size: 14px;
  }

  #room .roomBox h4 span {
    font-size: 13px;
  }

  /*--*/
  #roomAlbum {
    padding: 20px 0 20px 0;
    margin: 0 0 30px 0;
    text-align: center;
  }

  #roomAlbum h2 {
    margin-bottom: 20px;
  }

  /*--support -- economic--*/
  #economic .baseTable th {
    padding: 5px 5px;
  }

  #economic .baseTable td {
    padding: 5px 5px;
  }

  #economic .scrollTable table {
    min-width: 800px;
  }

  /*--sp-support -- healthcare--*/
  .healthcareBox {
    padding: 30px 0 35px 0;
  }

  .healthcareBox.first {
    padding: 45px 0 35px 0;
  }

  .healthcareBox h2 {
    margin: 0 0 30px 0;
    font-size: 20px;
  }

  .healthcareBox h3 {
    padding-bottom: 15px;
  }

  .healthcareBox .fukidashi {
    padding: 15px 0 0 0;
    margin: -10px auto 10px auto;
  }

  .healthcareBox p {
    font-size: 14px;
  }

  .healthcareBox .fw {
    margin: 20px 0;
    font-size: 15px;
  }

  .healthcareBox p a {
    font-size: 12px;
  }

  /*--sp-support -- arbeit----*/
  #arbeit #contentsInner .clearfix {
    padding: 30px 0 0 0;
  }

  #arbeit #contentsInner .clearfix .fLeft,
  #arbeit #contentsInner .clearfix .fRight {
    float: none;
    margin-bottom: 10px;
  }

  .arbeitList {
    padding: 0px 0 20px 0;
  }

  .arbeitList li {
    display: inline-block;
    width: 50%;
    margin: 0 0 30px 0;
  }

  .arbeitList li img {
    height: 35px;
    margin-bottom: 10px;
  }

  .arbeitList li h3 span {
    height: 50px;
    font-size: 15px;
  }

  .arbeitList li:nth-of-type(3) h3 span,
  .arbeitList li:nth-of-type(4) h3 span {
    height: 80px;
  }

  .arbeitList li:nth-of-type(5) h3 span,
  .arbeitList li:nth-of-type(6) h3 span {
    height: 50px;
  }

  .arbeitList li:nth-of-type(4) h3 span {
    font-size: 14px;
  }

  .arbeitCenter {
    padding: 30px 0 0 0;
    margin: 35px 0 0 0;
  }

  .arbeitCenter > h3 {
    margin: 0 0 20px 0;
    font-size: 18px;
  }

  .arbeitCenter li h3 {
    margin-bottom: 20px;
  }

  .arbeitCenter > p {
    font-size: 15px;
  }

  /*--*/
  .arbeitOut {
    padding: 0 0 50px 0;
  }

  .arbeitOut p {
    font-size: 13px;
    margin-bottom: 10px;
  }

  .arbeitOut h3 {
    margin-top: 30px;
  }

  /*--sp-support -- qa----*/
  #qa #contentsInner dl {
    margin: 0 0 50px 0;
  }

  #qa #contentsInner dt {
    background: url(../images/qa_bg_q.png) no-repeat center;
    background-size: auto 45px;
    padding: 10px 0 15px 0;
    font-size: 18px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }

  #qa #contentsInner dd {
    padding: 10px 0 20px 0;
    font-size: 13px;
  }

  #qa dl .btnArrow {
    margin-top: 10px;
  }

  /*-------sp--schedule--------------------*/
  #schedule .leadTxt {
    margin: 0px 0 50px 0;
  }

  .scheduleBox {
    padding: 0 0 30px 0;
  }

  .scheduleBox dl {
    display: block;
    width: auto;
    text-align: center;
  }

  .scheduleBox dt {
    background: url(../images/bg_fukidashi_r.png) no-repeat left top;
    background-size: 100% auto;
    width: 100px;
    height: 70px;
    padding: 30px 8px 0 0;
    font-size: 12px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }

  .scheduleBox dt span {
    font-size: 25px;
  }

  .scheduleBox dt span span {
    font-size: 14px;
  }

  .scheduleBox dd {
    width: 50%;
    padding: 0 0 0 10px;
    font-size: 13px;
  }

  .scheduleBox .photo {
    display: block;
    width: auto;
    margin: 10px 0 0 0;
  }

  .scheduleBox .spOnly {
    margin: 10px 0 0 0;
  }

  /*--*/
  .scheduleBox.right dt {
    background: url(../images/bg_fukidashi_l.png) no-repeat left top;
    background-size: 100% auto;
    padding: 30px 0 0 8px;
  }

  .scheduleBox.right .photo {
    display: none;
    margin: 0;
  }

  /*-------sp--volunteer-------------------*/
  #volunteer .leadTxt {
    margin: 0px 0 20px 0;
  }

  .volunteerMenu {
    padding: 20px 0 40px 0;
    margin-left: 0px;
  }

  .volunteerMenu li {
    display: block;
    width: auto;
    margin: 0 0 10px 0;
  }

  #volunteer .bgPink {
    padding: 20px 0 10px 0;
  }

  #volunteer .bgPink h2 {
    padding: 0 25px;
    font-size: 16px;
  }

  #volunteer .bgPink ul {
    padding: 15px 0 0 0;
    margin-left: 0px;
  }

  #volunteer .bgPink ul li {
    display: block;
    width: auto;
    margin: 0 0 10px 0px;
  }

  #volunteer .bgPink ul li a {
    display: block;
    border: 1px #c2114e solid;
    background: #FFFFFF;
    padding: 10px;
    color: #575757;
    font-size: 13px;
    text-decoration: none;
  }

  #volunteer .bgPink li p {
    display: inline-block;
    background: url(../../common2/images/arrow_square_red.png) no-repeat left center;
    width: 55%;
    padding: 0 10px 0 30px;
    font-size: 14px;
  }

  #volunteer .bgPink li img {
    width: 30%
  }

  #volunteer .bgPink ul li.wide p {
    display: block;
    width: auto;
    padding: 0 0 5px 30px;
  }

  .volunteer .imgRight {
    padding-left: 0px;
  }

  .volunteer .btmBnr {
    padding-top: 20px;
  }

  .volunteer .mTop80 {
    margin-top: 40px !important;
  }

  /*-------sp-volunteer before-----------*/
  #before h2 {
    margin: 45px 0 20px 0;
    font-size: 20px;
  }

  /*-------sp-volunteer staff-----------*/
  #staff h2 {
    margin: 45px 0 20px 0;
    font-size: 20px;
  }

  #staff .lrBox h3 span {
    border-radius: 20px;
    width: 40px;
    margin: 0 auto 10px auto;
    font-size: 25px;
    line-height: 40px;
  }

  /*--*/
  .lrBox {
    padding: 25px 10px 25px 10px;
  }

  .lrBox .left,
  .lrBox .right {
    display: block;
    width: auto;
    padding-bottom: 20px;
  }

  .lrBox .left.pcOnlyI {
    display: none;
  }

  .lrBox .left img {
    margin-right: 0px;
  }

  .lrBox .right img {
    margin-left: 0px;
  }

  /*-------sp-volunteer group-----------*/
  .groupList {
    padding: 50px 0 10px 0;
  }

  .groupList li {
    display: lock;
    width: auto;
    margin: 0 0 20px 0px;
    font-size: 12px;
  }

  .groupList li h3 span {
    border-radius: 15px;
    width: 30px;
    margin: 10px auto 5px auto;
    font-size: 20px;
    line-height: 30px;
  }

  /*-------sp-volunteer request-----------*/
  #request h2 {
    margin: 45px 0 20px 0;
    font-size: 20px;
  }

  #request h3 {
    margin-top: 35px;
  }

  #request #contentsInner li {
    font-size: 12px;
  }

  #request #contentsInner p {
    font-size: 12px;
  }

  /*--------volunteer voice-----------*/
  #voice #contentsInner .leadTxt img {
    width: 45%;
    max-width: 155px;
    margin-bottom: 10px;
  }

  #voice #contentsInner .clearfix {
  }

  #voice #contentsInner .clearfix .fLeft,
  #voice #contentsInner .clearfix .fRight {
    float: none;
    width: auto;
  }

  #voice #contentsInner .clearfix .fLeft.txt,
  #voice #contentsInner .clearfix .fRight.txt {
    width: auto;
    padding: 10px 0 10px 0;
    font-size: 12px;
  }

  /*-------sp--encouragement----------------*/
  .encouragementBox {
    padding: 30px 0 35px 0;
  }

  .encouragementBox.first {
    padding: 20px 0 35px 0;
  }

  .encouragementBox h2 {
    margin: 0 0 20px 0;
    font-size: 16px;
  }

  .encouragementBox h2 span {
    font-size: 20px;
  }

  .encouragementBox .fukidashi {
    margin: -10px auto -10px auto;
  }

  .encouragementBox h3 {
    margin: 30px 0 15px 0;
  }

  .encouragementBox p {
    font-size: 13px;
  }

  .encouragementBox p a {
    margin: 10px 0 0 0;
    font-size: 12px;
  }

  /*-------sp--report----------------------*/
  #report .leadTxt {
    margin: 0px 0 30px 0;
  }

  #report .btnArrowList {
    padding-bottom: 40px;
  }

  /*-------sp--handicapped-----------------*/
  #handicapped .ttlDashBtm {
    margin-top: 30px;
  }

  .btnArrowList.column3 {
    max-width: 680px;
    font-size: 0;
  }

  .btnArrowList.column3 li {
    display: block;
    width: auto;
    margin: 0 0 10px 0;
  }

  #handicapped .btmBnr {
    padding-top: 50px;
  }

  .campuslife .mBtm130 {
    margin-bottom: 50px !important;
  }

}