@charset "UTF-8";
img {
	max-width: 100%;
}
html {
	font-size: 62.5%;
}
main#toppage {
	font-size: 1.6rem;
}
@media (max-width:768px) {
	main#toppage {
		font-size: 1.2rem;
	}
}
#topnews {
	padding-bottom: 4.2%;
}
.df {
  display: flex
}

@media (min-width:737px) {
  .pc-df {
    display: flex
  }
}

.fwBold {
  font-weight: 700
}

.taCenter {
  text-align: center
}

.tIndent {
  padding-left: 1em;
  text-indent: -1em
}

@media (max-width:736px) {
  .pc {
    display: none
  }
}

@media (min-width:737px) {
  .sp {
    display: none
  }
}

.js-fadein {
  opacity: 0;
  -webkit-transform: translate(0, 50px);
  transform: translate(0, 50px);
  transition: all .8s
}

.js-fadein.scrollin {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0)
}

.js-fadeinList .scrollin {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0)
}

ul.js-fadeinList li {
  opacity: 0;
  -webkit-transform: translate(0, 50px);
  transform: translate(0, 50px);
  transition: all .8s
}

.js-fadeinList dl {
  opacity: 0;
  -webkit-transform: translate(0, 50px);
  transform: translate(0, 50px);
  transition: all .8s
}

.ttl {
  font-size: 2rem;
  font-weight: 400;
  color: #222;
  text-align: center;
  padding-top: 12%;
  letter-spacing: .2rem;
  line-height: 2.3rem
}

@media (min-width:737px) {
  .ttl {
    font-size: 3.7rem;
    padding-top: 7.1%;
    line-height: 1.1
  }
}

.ttl-underLine {
  position: relative;
  margin-bottom: 12%;
  font-size: 1.8rem;
  font-weight: 400;
  color: #222;
  text-align: center;
  padding-top: 8%;
  letter-spacing: .2rem;
  line-height: 2.3rem
}

@media (min-width:737px) {
  .ttl-underLine {
    margin-bottom: 7.6%;
    font-size: 3rem;
    padding-top: 8%;
    line-height: 1.1
  }
}

.ttl-underLine::after {
  position: absolute;
  content: '';
  height: 2px;
  width: 15%;
  background-color: #e8380d;
  bottom: -25%;
  margin: auto;
  left: 0;
  right: 0
}

@media (min-width:737px) {
  .ttl-underLine::after {
    width: 50px;
    bottom: -20%
  }
}

.ttl-leftbar {
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: 700;
  border-left: 2px solid #e8380d;
  padding: 2.5% 2%;
  margin: 7% auto 4%
}

@media (min-width:737px) {
  .ttl-leftbar {
    font-size: 2.4rem;
    line-height: 1.8;
    padding: 0 1%;
    margin: 5% auto 1.6%
  }
}

.txt {
  font-size: 1.3rem;
  line-height: 1.3
}

@media (min-width:737px) {
  .txt {
    font-size: 1.8rem;
    line-height: 2
  }
}

.txt-m {
  font-size: 1.3rem;
  line-height: 1.3
}

@media (min-width:737px) {
  .txt-m {
    font-size: 1.6rem;
    line-height: 1.8
  }
}

.txt-l {
  font-size: 1.5rem;
  line-height: 1.8;
  font-weight: 700
}

@media (min-width:737px) {
  .txt-l {
    font-size: 2.4rem;
    line-height: 2
  }
}

.orange {
  color: #e8380d
}

.bgColorList {
  flex-wrap: wrap;
  align-items: flex-start
}

.bgColorList li {
  background-color: #e8380d;
  color: #fff;
  padding: 3px 5px;
  margin-top: 2%;
  border-radius: 5px;
  margin-right: 2%;
  width: auto
}

@media (min-width:737px) {
  .bgColorList li {
    padding: 2px 12px;
    margin-top: .8%;
    margin-right: 2.2%;
    line-height: 1.6
  }
}

.skewFilter {
  position: relative;
  overflow: hidden
}

.skewFilter::before {
  content: '';
  position: absolute;
  width: 70%;
  height: 100%;
  background-color: #e8380d;
  top: 0;
  left: -16%;
  margin: auto;
  -webkit-transform: skewX(-12deg);
  transform: skewX(-12deg)
}

.feature {
  background-image: url(/application/themes/facultydepartment/img/japanese_culture/bg_pattern.png);
  background-repeat: repeat
}

.feature_txt {
  margin: 0 auto 10%;
  background-image: url(/application/themes/facultydepartment/img/japanese_culture/ttl_feature_left.png), url(/application/themes/facultydepartment/img/japanese_culture/ttl_feature_right.png);
  background-repeat: no-repeat, no-repeat;
  background-position: left, right;
  background-size: auto 100%, auto 100%;
  padding: 5% 3%
}

@media (min-width:737px) {
  .feature_txt {
    width: 65.5%;
    padding: 2.4% 8%;
    margin: 0 auto 5.4%
  }
}

.pagelink {
  justify-content: center;
  z-index: 10;
  position: relative
}

@media (min-width:737px) {
  .pagelink {
    width: 100%
  }
}

.pagelink li+li {
  margin-left: 3%
}

@media (min-width:737px) {
  .pagelink li+li {
    margin-left: 5.4%
  }
}

@media (min-width:737px) {
  .sticky.js-active {
    display: block
  }
  .stickyList li {
    width: 32%
  }
  .sticky {
    display: none;
    background-color: #fff;
    padding: .5% 0;
    box-sizing: border-box;
    width: 100%;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    border-bottom: 2px solid #ddd;
    font-size: 1.6rem;
    line-height: 1.8;
    z-index: 100
  }
}

@media (min-width:737px) and (max-width:1120px) {
  .sticky {
    font-size: 1.6vw
  }
}

@media (min-width:737px) {
  .stickyList {
    justify-content: space-between;
    max-width: 1120px;
    width: 100%;
    margin: 0 auto;
    padding: 0 .5%;
    box-sizing: border-box
  }
  .stickyList a {
    color: #fff;
    padding: 2% 3%;
    text-align: center;
    background-color: #e8380d;
    position: relative;
    border-radius: 7px;
    width: 100%;
    box-sizing: border-box
  }
}

@media (min-width:737px) and (max-width:1120px) {
  .stickyList a {
    padding: 4% 2%;
    font-size: 1.2rem
  }
}

@media (min-width:737px) {
  .stickyList a::after {
    left: 3px;
    width: 4px;
    height: 4px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -87%
  }
}

@media (min-width:737px) and (min-width:737px) {
  .stickyList a::after {
    width: 11px;
    height: 11px
  }
}

.feature {
  padding-bottom: 12%;
  padding-top: 10%
}

@media (min-width:737px) {
  .feature {
    padding-bottom: 4.1%;
    padding-top: 4.2%
  }
}

.courseList {
  margin-top: 15%
}

@media (min-width:737px) {
  .courseList {
    margin-top: 8.5%
  }
}

@media (max-width:736px) {
  .courseList .courseList_li+.courseList_li {
    margin-top: 15%
  }
}

@media (min-width:737px) {
  .courseList li {
    justify-content: space-between
  }
  .courseList li.pc-df:nth-of-type(odd) {
    flex-direction: row-reverse
  }
  .courseList_txt {
    width: 50%
  }
}

.courseList_txt_ttl {
  position: relative;
  line-height: 1.3;
  font-weight: 700;
  margin: 0 auto 7%
}

@media (min-width:737px) {
  .courseList_txt_ttl {
    margin: 5% auto 3.6%;
    line-height: 2
  }
}

.courseList_txt_ttl::after {
  height: 22vw;
  position: absolute;
  content: ''
}

.courseList_01 .courseList_txt_ttl::after {
  background: url(/application/themes/facultydepartment/img/japanese_culture/course_num_01.png) no-repeat;
  background-size: contain;
  top: 3%;
  right: 9%;
  width: 23vw
}

@media (min-width:737px) {
  .courseList_01 .courseList_txt_ttl::after {
    width: 23.6%;
    top: -57%;
    right: 11%
  }
}

.courseList_01 .courseList_img {
  position: relative
}

@media (min-width:737px) {
  .courseList_01 .courseList_img {
    width: 44.9%
  }
}

@media (min-width:737px) {
  .courseList_02 {
    margin-top: 3.7%
  }
}

.courseList_02 .courseList_txt_ttl::after {
  background: url(/application/themes/facultydepartment/img/japanese_culture/course_num_02.png) no-repeat;
  background-size: contain;
  top: -36%;
  left: 9%;
  width: 22vw
}

@media (min-width:737px) {
  .courseList_02 .courseList_txt_ttl::after {
    width: 27.6%;
    top: -61%;
    right: 0;
    left: auto
  }
}

@media (min-width:737px) {
  .courseList_02 .courseList_img {
    width: 44.9%
  }
}

@media (min-width:737px) {
  .courseList_02 .kanrenBunya {
    margin-top: 8.6%;
    padding: 4.4% 0 0 0;
    width: 99.9%
  }
}

@media (min-width:737px) {
  .courseList_03 {
    margin-top: 3.7%
  }
}

.courseList_03 .courseList_txt_ttl::after {
  background: url(/application/themes/facultydepartment/img/japanese_culture/course_num_03.png) no-repeat;
  background-size: contain;
  top: -21%;
  right: 11%;
  width: 22vw
}

@media (min-width:737px) {
  .courseList_03 .courseList_txt_ttl::after {
    width: 23.6%;
    top: -55%;
    right: 11%
  }
}

.courseList_03 .courseList_img {
  position: relative
}

@media (min-width:737px) {
  .courseList_03 .courseList_img {
    width: 44.9%
  }
}

@media (min-width:737px) {
  .courseList_03 .kanrenBunya {
    margin-top: 7.6%;
    padding: 3.6% 0 0 0;
    width: 85.9%
  }
}

.courseList_txt_sub {
  font-size: 1.4rem;
  line-height: 1.8;
  font-weight: 700;
  margin: 4% auto 3%
}

@media (min-width:737px) {
  .courseList_txt_sub {
    font-size: 2rem;
    line-height: 2;
    margin: 5% auto 3.6%;
    line-height: 1.6
  }
}

.courseList_txt_txt {
  width: 85%
}

@media (min-width:737px) {
  .courseList_txt_txt {
    width: 86%;
    line-height: 1.6;
    font-size: 1.6rem
  }
}

.kanrenBunya {
  border-top: 1px solid #ccc;
  padding: 3% 0 0 0;
  margin-top: 3%;
  width: 86%;
  align-items: center
}

@media (min-width:737px) {
  .kanrenBunya {
    margin-top: 6.6%;
    padding: 4% 0 0 0;
    width: 83.9%
  }
}

.kanrenBunya_ttl {
  width: 22%;
  margin-left: 2%
}

@media (min-width:737px) {
  .kanrenBunya_ttl {
    width: 20%;
    margin-left: 0
  }
}

.kanrenBunya_cont {
  flex-grow: 1;
  padding-left: 4%
}

@media (min-width:737px) {
  .kanrenBunya_cont {
    width: 85%
  }
}

.kanrenBunya_cont {
  position: relative
}

.kanrenBunya_cont::after {
  position: absolute;
  content: '';
  width: 1px;
  height: 100%;
  background-color: #ccc;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto
}

.courseList_txt {
  position: relative;
  margin-bottom: 7%
}

.barNum {
  position: absolute;
  right: 0;
  width: 5%;
  top: 0
}

@media (min-width:737px) {
  .barNum {
    width: 4.6%
  }
}

.courseList_02 .barNum {
  left: 0
}

@media (max-width:736px) {
  .courseList li:nth-of-type(even) .courseList_txt_ttl {
    text-align: right
  }
  .courseList li:nth-of-type(even) .courseList_txt_sub {
    text-align: right
  }
  .courseList li:nth-of-type(even) .courseList_txt_txt {
    margin-left: auto
  }
  .courseList li:nth-of-type(even) .kanrenBunya {
    margin-left: auto
  }
}

@media (min-width:737px) {
  .courseList li:nth-of-type(even) .courseList_txt {
    padding-left: 7%;
    box-sizing: border-box
  }
}

@media (min-width:737px) {
  .courseList_02 .courseList_txt_ttl {
    margin-top: 5.9%
  }
  .courseList_02 .courseList_txt_sub {
    margin: 6.2% auto 4.3%
  }
  .courseList_02 .courseList_txt_txt {
    width: 100%
  }
}

.course {
  padding-bottom: 18%
}

@media (min-width:737px) {
  .course {
    padding-bottom: 3.9%
  }
}

.chooseProgram {
  background-color: #faf4eb
}

.chooseProgram_ttl_sub {
  margin: 5% auto 7%
}

@media (min-width:737px) {
  .chooseProgram_ttl_sub {
    margin: 2% auto 4.5%
  }
}

.bgcTtl {
  text-align: center;
  background-color: #e8380d;
  color: #fff;
  padding: 4% 0;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: .2rem;
  line-height: 2.3rem
}

@media (min-width:737px) {
  .bgcTtl {
    font-size: 3.2rem;
    line-height: 1.1;
    padding: 2% 0;
    letter-spacing: .3rem
  }
}

.bgcTtl h4 {
  font-weight: 400
}

.program {
  background-color: #fff;
  padding-bottom: 3%
}

.program+.program {
  margin-top: 10%
}

@media (min-width:737px) {
  .program+.program {
    margin-top: 5.4%
  }
}

@media (min-width:737px) {
  .program {
    padding-bottom: 3.6%
  }
}

.programListBox {
  margin: 3% 3% 0
}

@media (min-width:737px) {
  .programListBox {
    border: 1px solid #ccc;
    margin: 3.7% 1.7% 0
  }
}

@media (max-width:736px) {
  .programListBox .programList+.programList {
    margin-top: 10%
  }
}

@media (min-width:737px) {
  .programListBox .programList+.programList {
    border-left: 1px solid #ccc
  }
}

.programList {
  padding: 3%;
  box-sizing: border-box;
  border: 1px solid #ccc;
  background-color: #fff
}

@media (min-width:737px) {
  .programList {
    padding: 1.8% 1.8% 2.2% 1.8%;
    border: none;
    width: 33.33%
  }
}

.programList_ttl {
  background-color: #cca83d;
  color: #fff;
  text-align: center;
  padding: 2% 0;
  line-height: 1.7;
  margin: 3% auto;
  font-size: 1.5rem;
  line-height: 1.8;
  font-weight: 700
}

@media (min-width:737px) {
  .programList_ttl {
    padding: 3% 0 1.7%;
    font-size: 2rem;
    line-height: 1.5;
    margin: 6.1% auto 3%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 400
  }
}

.descriptionList_ttl {
  color: #cca83d;
  margin: 6% 0 1%;
  font-weight: 700;
  line-height: 1.3
}

@media (min-width:737px) {
  .descriptionList_ttl {
    line-height: 1.3;
    margin: 7% 0 1%
  }
}

.descriptionList-mini_ttl:nth-child(n+2) {
  margin-top: 2%
}

.descriptionList-mini_ttl {
  color: #d3b563
}

@media (min-width:737px) {
  .dotList {
    margin-bottom: 3%
  }
}

.dotList li {
  padding-left: 5%;
  position: relative;
  line-height: 1.5
}

.dotList li::before {
  content: '';
  width: 4px;
  height: 4px;
  background-color: #222;
  position: absolute;
  left: 2%;
  top: .9rem;
  border-radius: 100%;
  display: inline-block;
  text-indent: 0
}

@media (min-width:737px) {
  .dotList li::before {
    width: 2px;
    height: 2px;
    left: .1%;
    top: 1rem
  }
}

.attention-program {
  margin-top: 3%;
  font-size: 1rem;
  line-height: 1.5
}

@media (min-width:737px) {
  .attention-program {
    margin-top: 1.2%;
    font-size: 1.2rem;
    line-height: 2
  }
}

.chooseProgram {
  padding-bottom: 22%
}

@media (min-width:737px) {
  .chooseProgram {
    padding-bottom: 10.4%
  }
}

.point .l-wrap {
  margin-top: -7%
}

@media (min-width:737px) {
  .point .l-wrap {
    margin-top: -3.9%
  }
}

.l-full.point {
  position: relative
}

.bgi {
  width: 100%;
  position: absolute;
  top: 0;
  z-index: -1;
  height: 100%;
  background: url(/application/themes/facultydepartment/img/japanese_culture/bg_3point.png) no-repeat;
  background-position: center bottom;
  background-size: cover
}

@media (min-width:737px) {
  .bgi {
    height: 100%;
    top: 0
  }
}

.ttl-frame {
  background-image: url(/application/themes/facultydepartment/img/japanese_culture/ttl_3point_left.png), url(/application/themes/facultydepartment/img/japanese_culture/ttl_3point_right.png);
  background-repeat: no-repeat, no-repeat;
  background-position: left, right;
  background-size: auto 100%, auto 100%;
  padding: 5% 3%;
  box-sizing: border-box;
  position: relative
}

@media (min-width:737px) {
  .ttl-frame {
    width: 77%;
    margin: 0 auto;
    font-size: 3rem;
    padding: 3% 3% 3.3%;
    line-height: 1.5
  }
}

.ttl-frame::before {
  position: absolute;
  content: '';
  width: 94.1%;
  height: 100%;
  top: 0;
  left: 2.4%;
  background-image: url(/application/themes/facultydepartment/img/japanese_culture/ttl_3point.png);
  background-repeat: repeat;
  background-position: 0;
  background-size: auto 100%;
  z-index: -1
}

.pointList {
  margin-top: 12%
}

@media (min-width:737px) {
  .pointList {
    margin-top: 8.2%
  }
}

@media (min-width:737px) {
  .pointList_cont {
    width: 31.5%;
    display: flex;
    flex-direction: column
  }
}

@media (max-width:736px) {
  .pointList_cont+.pointList_cont {
    margin-top: 12%
  }
}

@media (min-width:737px) {
  .pointList_cont+.pointList_cont {
    margin-left: 3%
  }
}

.pointList_cont {
  position: relative
}

.pointList_cont_num {
  position: absolute;
  z-index: 1;
  top: -11%;
  left: 5%
}

@media (min-width:737px) {
  .pointList_cont_num {
    top: -6%;
    left: 2.6%;
    width: 15%
  }
}

.pointList_cont_ttl {
  background-color: #e66545;
  color: #fff;
  text-align: center;
  padding: 5% 0
}

@media (min-width:737px) {
  .pointList_cont_ttl {
    padding: 8% 0 16%
  }
}

.pointList_cont_ttl .txt {
  position: relative;
  z-index: 1
}

@media (min-width:737px) {
  .pointList_cont_ttl .txt {
    font-size: 2rem;
    line-height: 1.5;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center
  }
}

.pointList_cont_txt {
  padding: 5%;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff
}

@media (min-width:737px) {
  .pointList_cont_txt {
    box-sizing: border-box;
    padding: 4% 0 5%;
    line-height: 1.7;
    height: 100%;
    border-left: none;
    border-bottom: none;
    border-right: none
  }
}

.point {
  padding-bottom: 22%
}

@media (min-width:737px) {
  .point {
    padding-bottom: 2.2%
  }
}

.employmentNumBox {
  margin: 7% auto 10%
}

@media (min-width:737px) {
  .employmentNumBox {
    margin: 3% auto 3.8%
  }
}

.richSupport_ttl_sub {
  margin: 5% auto 0
}

@media (min-width:737px) {
  .richSupport_ttl_sub {
    margin: 2% auto 0
  }
}

.careerSupport_ttl_sub {
  margin: 5% auto 0
}

@media (min-width:737px) {
  .careerSupport_ttl_sub {
    margin: -2.7% auto -.4%
  }
}

@media (min-width:737px) {
  .bgColorList.shikaku {
    margin: 1.5% 0 -.7%
  }
}

.bgColorList.shikaku li {
  padding: 2px 7px;
  margin-right: .9%
}

.employmentNum {
  padding: 5% 5%;
  text-align: center;
  background-color: #faf4eb
}

@media (max-width:736px) {
  .employmentNum+.employmentNum {
    margin-top: 5%
  }
}

@media (min-width:737px) {
  .employmentNum {
    width: 50%;
    padding: 2% 2% 3.4%
  }
}

@media (min-width:737px) {
  .employmentNumBox {
    position: relative
  }
  .employmentNumBox::before {
    position: absolute;
    content: '';
    width: 1px;
    height: 82%;
    border-left: 2px solid #ccc;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    bottom: 0
  }
}

.employmentNum-nenkan .employmentNum_num {
  width: 72%;
  margin: 3% auto 3%
}

@media (min-width:737px) {
  .employmentNum-nenkan .employmentNum_num {
    width: 52.8%;
    margin: 4% auto 0
  }
}

.employmentNum-nenkan .employmentNum-sml {
  font-size: 1.3rem;
  margin-top: 0;
  text-align: center
}

@media (min-width:737px) {
  .employmentNum-nenkan .employmentNum-sml {
    font-size: 1.2rem;
    margin-top: 1.8%
  }
}

.employmentNum-gakusei .employmentNum_num {
  width: 50%;
  margin: 3% auto 3%
}

@media (min-width:737px) {
  .employmentNum-gakusei .employmentNum_num {
    width: 33%;
    margin: 4% auto 0
  }
}

@media (min-width:737px) {
  .ttlBgcList {
    justify-content: center;
    flex-wrap: wrap
  }
}

.ttlBgcList+.ttlBgcList {
  margin-top: 7%
}

@media (min-width:737px) {
  .ttlBgcList+.ttlBgcList {
    margin-top: 1.7%
  }
}

@media (min-width:737px) {
  .ttlBgcList_cont {
    width: 32.2%;
    display: flex;
    flex-direction: column
  }
}

@media (max-width:736px) {
  .ttlBgcList_cont+.ttlBgcList_cont {
    margin-top: 7%
  }
}

@media (min-width:737px) {
  .ttlBgcList_cont+.ttlBgcList_cont {
    margin-left: 1.7%
  }
}

.ttlBgcList_cont_ttl {
  background-color: #e8380d;
  color: #fff;
  text-align: center;
  padding: 3% 0
}

@media (min-width:737px) {
  .ttlBgcList_cont_ttl {
    padding: 3% 0 3.2%
  }
}

@media (min-width:737px) {
  .ttlBgcList_cont_ttl .txt {
    font-size: 1.6rem
  }
}

.ttlBgcList_cont_txt {
  border-right: 2px solid #e8380d;
  border-bottom: 2px solid #e8380d;
  border-left: 2px solid #e8380d;
  padding: 5%;
  background-color: #fff;
  text-align: center
}

@media (min-width:737px) {
  .ttlBgcList_cont_txt {
    box-sizing: border-box;
    padding: 4% 3.9% 0;
    padding: 5% 3.9% 5%;
    line-height: 1.6;
    height: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
  }
}

.goToShinriPage {
  background: url(/application/themes/facultydepartment/img/japanese_culture/bg_link.png) no-repeat;
  background-size: cover
}

.linkBtn {
  padding: 3%;
  background-color: #e8380d;
  color: #fff;
  text-align: center;
  border-radius: 500px;
  letter-spacing: .1rem;
  position: relative;
  width: 85%;
  margin: 0 auto
}

@media (min-width:737px) {
  .linkBtn {
    padding: 1.4% 3% 1.4% 3%;
    width: 35%;
    font-weight: 400
  }
}

.linkBtn::after {
  left: 3px;
  width: 4px;
  height: 4px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: -80%
}

@media (min-width:737px) {
  .linkBtn::after {
    width: 11px;
    height: 11px
  }
}

.goToShinriPage {
  padding-top: 12%;
  padding-bottom: 12%
}

@media (min-width:737px) {
  .goToShinriPage {
    padding-top: 6.9%;
    padding-bottom: 7%
  }
}

.l-full {
  width: 100%;
  margin: 0 auto
}

.l-spinner {
  width: 95%;
  margin: 0 auto
}

@media (min-width:1120px) {
  .l-spinner {
    width: 100%;
    margin: 0
  }
}

.l-wrap {
  max-width: 100%;
  margin: 0 auto
}

@media (min-width:737px) {
  .l-wrap {
    max-width: 1120px
  }
}

.l-wrapColor {
  padding: 50px 0 50px
}

@media (min-width:737px) {
  .l-wrapColor {
    max-width: 1120px
  }
}

@media (max-width:736px) {
  .mv-sp {
    background: url(/application/themes/facultydepartment/img/japanese_culture/bg_mv_sp.png) no-repeat;
    background-size: auto 100%;
    background-position: right bottom;
    padding-bottom: 15%
  }
}

@media (min-width:737px) {
  .mv-sp.skewFilter::before {
    content: none
  }
}

.l-full.mv-sp {
  background-color: #ed603d
}

.l-wrap-mv-pc {
  max-width: 100%;
  margin: 0 auto
}

@media (min-width:737px) {
  .l-wrap-mv-pc {
    max-width: 1440px
  }
}

@media (min-width:737px) {
  .mv-pc {
    background: url(/application/themes/facultydepartment/img/japanese_culture/bg_mv_pc.png) no-repeat;
    background-size: cover;
    background-position: center;
    padding-bottom: 7.7%;
    padding-bottom: 0
  }
}

.l-wrap-header {
  max-width: 100%;
  margin: 0 auto
}

@media (min-width:737px) {
  .l-wrap-header {
    width: 1320px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto
  }
}

.header {
  justify-content: space-between;
  align-items: center;
  padding: 5% 2% 8%;
  position: relative;
  z-index: 10
}

@media (min-width:737px) {
  .header {
    padding: 1.5% 0 2%
  }
}

@media (max-width:1339px) {
  .header {
    padding: 1.5% 2% 7%
  }
}

.header .logo {
  width: 45%
}

@media (min-width:737px) {
  .header .logo {
    width: 15.2%
  }
}

.header .logo_2 {
  width: 40%
}

@media (min-width:737px) {
  .header .logo_2 {
    width: 14%
  }
}

.mv_start {
  width: 94%;
  margin: 8% 0 6% 3%
}

@media (min-width:737px) {
  .mv_start {
	width: 40%;
    margin: 0 0 2.3% 10.9%;
    padding-top: 9.6%
  }
}

.mv_letters {
  width: 95%;
  margin: 0 auto 15%
}

@media (min-width:737px) {
  .mv_letters {
    width: 39.7%;
    margin: 0 0 4.9% 10.9%
  }
}

@media (max-width:736px) {
  .mv_txt-sp {
    width: 95%;
    color: #fff;
    padding: 3% 2%;
    box-sizing: border-box;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff
  }
}

@media (min-width:737px) {
  .mv_txt-pc {
    width: 39.2%;
    margin: 8% 0 0 11.4%;
    padding-bottom: 5.6%
  }
}

@media (max-width:736px) {
  .mv_txt-sp .txt {
    text-shadow: 0 0 40px rgba(0, 0, 0, .7)
  }
}

.footer {
  background-color: #595757
}

.footer_copy {
  padding: 5% 0;
  color: #fff;
  text-align: center;
  font-size: 1rem;
  line-height: 1.3
}

@media (min-width:737px) {
  .footer_copy {
    font-size: 1.2rem;
    line-height: 1;
    padding: 20px 0;
    color: #fff;
    text-align: center
  }
}

/***** 実践的な取り組み *****/
.initiatives {}
.initiatives-item:not(:last-child) {
    border-bottom: 1px solid #d9d9d9;
}
.initiatives-title {
    font-weight: bold;
    color: #e8380d;
}
.initiatives-program {
    display: inline-block;
    color: #fff;
    background-color: #cca83d;
}
.initiatives-photo img {
    width: 100%;
}
.initiatives-hn {
    font-weight: bold;
}

@media (max-width:736px) {
    .initiatives {
        padding: 7% 1.5% 0;
    }
    .initiatives-item:not(:last-child) {
        padding-bottom: 5%;
        margin-bottom: 5%;
    }
    .initiatives-title {
        font-size: 1.6rem;
        line-height: 1.6;
        margin-bottom: 7px;
    }
    .initiatives-program {
        line-height: 1.4;
        padding: 5px 10px;
        margin-bottom: 15px;
    }
    .initiatives-txt {
        font-size: 1.3rem;
        line-height: 1.4;
    }
    .initiatives-txt:not(:last-child) {
        margin-bottom: 15px;
    }
    .initiatives .row .col-2:not(:last-child) {
        margin-bottom: 20px;
    }
    .initiatives .row .col-3:not(:last-child) {
        margin-bottom: 20px;
    }
    .initiatives-caption {
        font-size: 1.3rem;
        line-height: 1.3;
        margin-top: 10px;
    }
}

@media (min-width:737px) {
    .initiatives {
        padding: 7% 1.5% 0;
    }
    .initiatives-item:not(:last-child) {
        padding-bottom: 3%;
        margin-bottom: 3%;
    }
    .initiatives .row {
        display: flex;
    }
    .initiatives .row .col-2 {
    }
    .initiatives .row .col-2:nth-of-type(1) {
        width: 60%;
        padding-right: 3%;
    }
    .initiatives .row .col-2:nth-of-type(2) {
        width: 40%;
    }
    .initiatives .row .col-3 {
        width: 31%;
    }
    .initiatives .row .col-3:not(:nth-of-type(3n+1)) {
        margin-left: 3.5%;
    }
    .initiatives-title {
        font-size: 2rem;
        line-height: 1.6;
        margin-bottom: 15px;
    }
    .initiatives-program {
        line-height: 1.4;
        padding: 5px 10px;
        margin-bottom: 20px;
    }
    .initiatives-txt:not(:last-child) {
        margin-bottom: 30px;
    }
    .initiatives-caption {
        font-size: 1.4rem;
        margin-top: 15px;
    }
}


/*# sourceMappingURL=maps/style.min.css.map */